@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.zhijiao{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1;  font-family: '微软雅黑'; color: #1d1e22;}
.zhijiao img{ max-width:100%; height:auto; border:0; vertical-align:bottom;}

.biaodan2{  background: #1d1e22; padding-bottom: 1.5rem;}
.bd2-t{ width: 100%; background: #1d1e22; font-size: 1.6rem; font-weight: bold; text-align: center; color: #fff; letter-spacing: 0.7rem; padding: 1rem 0;}
.bd2-in{width: 96%; height: 2.8rem; line-height:2.8rem; background: #efefef; border-radius: 0.5rem; margin: 0 auto; margin-top: 0.5rem; font-size: 1.2rem;   overflow: hidden;}
.bd2-in input{ width: 100%; height: 100%; border: 0; background: #efefef;letter-spacing: 3px; display: block; text-indent:1rem;}
.bd2-in input::-webkit-input-placeholder{color:#595757;opacity:1; font-size: 1.2rem;}
.bd2-in input:-ms-input-placeholde{color:#595757;opacity:1; font-size: 1.2rem;}
.bd2-sm{ text-align: center; color: #fff; margin-top: 1rem; letter-spacing: 0.15rem; font-size: 1.2rem;}
.bd2-tj{ width: 59%; height: 2.5rem; line-height: 2.5rem; margin: 0 auto; margin-top: 1rem; font-size: 1.5rem; color: #1d1e22; text-align: center; cursor: pointer; background: #dba74d; 
border-radius: 2.5rem; letter-spacing: 0.15rem;}

.part1{padding: 1.5rem 0; background: #fff;}
.pt1{width: 61%; height: auto; margin: 0 auto;}
.p1-p{ width: 94%; margin: 0 auto; color: #1d1e22; font-size: 1.2rem; line-height: 1.75; text-indent: 2rem; margin-top: 1rem; letter-spacing: 2px;}
.p1-1{ width: 94%; height: 4.5rem; line-height: 4.5rem; text-align: center; margin: 0 auto; margin-top: 1rem; background: #dba74d; color: #1d1e22; font-size: 1.8rem; letter-spacing: 0.2rem;}
.p1-tab{ width: 94%; margin: 0 auto; margin-top: 1rem;}
.p1-tab li{width: 25%; height: 4.5rem; background: #e5e5e5; display: -webkit-flex;  display: flex; align-items: center; float: left;  justify-content: space-around; font-size: 1.5rem; letter-spacing: 2px; line-height: 1.3; border-left: 1px solid #fff;}

.p1-tab li.on{ background: #1d1e22; color: #fff; border: 0;}

.p1-tab2{ width: 94%; margin: 0 auto; }
.p1-tab2 li{display: none;}
.p1-tab2 li.on{ display: block;}
.ho{ width: 100%; background: #fff2dd; padding-top: 1.2rem;}
.ho-name{ font-size: 1.4rem; font-weight: bold; text-align: center;}
.ho-img{ width: 28.5%; margin: 0 auto; margin-top: 0.4rem;}
.ho-list{ text-align: center; font-size: 1rem; line-height: 1.5; margin-top: 0.4rem; margin-bottom: 1rem;}
.p1-zx{ width: 60%; height: 2.5rem; margin: 0 auto; color: #1d1e22;  display: block; text-align: center; line-height: 2.5rem; font-size: 1.4rem; margin-top: 1.5rem; letter-spacing: 2px; background: #dba74d; border-radius: 1rem;}



.part2{margin-top: 1rem; padding-bottom: 2rem; background: #e5e5e5; position: relative;}
.lb1{ width: 100%;}
.part2 .swiper-pagination-bullets{ bottom:0.7rem; left: 50%; margin-left: -3.3rem;  position: absolute; z-index: 2; text-align: center; }
.part2 .swiper-pagination-bullet{ display: inline-block; width: 1.4rem;height: 0.35rem;opacity: 1;border-radius: 0.3rem;background: #fff;margin: 0 0.15rem;cursor: pointer;transition: width .75s ease-in-out;}
.part2 .swiper-pagination-bullet-active{ background: #dba74d; width: 3rem;}

.part3{ padding: 1.5rem 0;}
.pt3{width: 80%; height: auto; margin: 0 auto;}
.p3-tab{ margin-top: 1.5rem;}
.p3-tab-l{ width: 31%; float: left; height: 27.6rem;}
.p3-tab-l li{ width: 100%; height: 6.9rem; font-size: 1.3rem; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: space-between; background-color: #1d1e22; border-top: 2px solid #fff;  padding: 1.6rem 0; letter-spacing: 1px;}
.p3-tab-l li.on{ background: #dba74d; color: #1f1f1f; }
.p3-tab-r{ width: 69%; float: left; height: 27.6rem; border-left: 2px solid #fff;}
.p3-tab-r li img{ width: 100%; height: 27.6rem;}
.p3-tab-r li{display: none;}
.p3-tab-r li.on{ display: block;}