@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box;}
.zhijiao{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; font-family: 微软雅黑; line-height: 1; color: #1d1e22;}
.zhijiao img{ max-width: 100%; height: auto; border: 0; margin: 0 auto;}
.baom{ width: 100%;  height: 3.9rem;  background: #1d1e22;}
.bmc{width: 63%; margin: 0 auto; max-width: 1200px;}
.bml{ width: 38%; float: left;}
.bml1{ font-size: 0.8rem;  color: #fff; letter-spacing: 2px; margin-top: 1.1rem;}
.bml1 span{ font-size: 0.45rem; font-weight: bold; color: #fff; margin-left: 0.5rem; letter-spacing: 1px; text-transform: uppercase;}
.bml2{ font-size: 0.45rem; font-weight: bold; color: #fff; letter-spacing:0.5rem; margin-top: 0.25rem;}
#b-name{ display: block; width: 4.5rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 1rem; border-radius: 0.125rem; border: 0; text-align: center; font-size: 0.4rem;}
.baom input::-webkit-input-placeholder{ color: #666; font-size: 0.4rem; text-align: center;}
.baom input:-ms-input-placeholde{ color: #666; font-size: 0.4rem; text-align: center;}
#b-tel{ display: block; width: 4.7rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 0.75rem; border-radius: 0.125rem; border: 0; text-align: center; font-size: 0.4rem;}
.bmr{ width: 4.7rem; height: 1.25rem; float: right;  border-radius: 0.125rem; background: #dba74d; line-height: 1.25rem; color: #1d1e22; font-size: 0.5rem; font-weight: bold; text-align: center; margin-top: 1.325rem;letter-spacing: 2px;}

.part1{ padding: 1rem 0; background: #fff;}
.t1{ width: 20%; margin: 0 auto;}
.p1-p{ width: 62.5%; margin: 0 auto; margin-top: 0.5rem; font-size: 0.5rem; text-indent: 1.5rem; line-height: 2; color: #1d1e22; letter-spacing: 1px;}
.p1-1{ width: 62.5%; height: 2.25rem; background: #dba74d; margin: 0 auto; margin-top: 0.5rem; line-height: 2.25rem; text-align: center; font-size: 0.9rem; letter-spacing: 0.1rem;}
.p1-lb{ width: 62.5%; margin: 0 auto; margin-top: 0.5rem;}
.p1-tab{width: 100%;}
.p1-tab li{ width: 25%; float: left; transition: all 1s;}
.p1-tab-t{ width: 100%; height: 1.9rem; line-height: 1.9rem; background: #e5e5e5; text-align: center; font-size: 0.8rem; letter-spacing: 2px; border-left: 2px solid #fff;}
.p1-tab li.on .p1-tab-t{ background: #1d1e22; color: #fff; border-left: 2px solid #1d1e22; }
.p1-tab-b{ width: 100%; height: 0.8rem; background: #fff; margin: 0.25rem auto;}
.p1-tab li.on .p1-tab-b{ background: url(../images/tb1.png) center center no-repeat; background-size: contain;}
.p1-tab2{width: 100%;}
.lb2{ width: 100%; height: auto; position: relative;}
.p1-tab2 li{ display: none;   }
.p1-tab2 li.on{ display: block;}
.lb2 .lb2-prev{ position: absolute; bottom: 1rem; left: 8%; color: #1d1e22; font-size: 1.2rem; z-index: 2; cursor: pointer;}
.lb2 .lb2-next{ position: absolute; bottom: 1rem; left: 15%; color: #1d1e22; font-size: 1.2rem; z-index: 2; cursor: pointer;}
.point{ position: absolute; bottom: 1rem; left: 10%; }
.point .swiper-pagination-bullets{ position: absolute; bottom:0.1rem; left: 50%; margin-left: -0.4rem;  width: 2rem;}
@media (max-width: 1600px){
    .point .swiper-pagination-bullets{ position: absolute; bottom:0.15rem; left: 50%; margin-left: -0.4rem;  width: 2rem;}
}
@media (max-width: 1440px){
    .point .swiper-pagination-bullets{ position: absolute; bottom:0.2rem; left: 50%; margin-left: -0.4rem;  width: 2rem;}
}
.point .swiper-pagination-bullet{ width: 0.2rem; height: 0.2rem; background: #1d1e22; opacity:1; margin-left: 0.2rem;}
.point .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}

.p1-zx{ width: 25%; height: 1.4rem; margin: 0 auto; margin-top: 1rem; background: #dba74d; border-radius: 1rem; text-align: center; font-size: 0.7rem; line-height: 1.4rem; letter-spacing: 2px; display: block; color: #1d1e22;}

.part2{ width: 100%; background: #e5e5e5; padding: 1rem 0;}
.p2-t{ width: 35%; margin-left: 40%;}
.mslb{ width: 62.5%; margin: 0 auto; margin-top: -2rem; padding: 3rem 0; position: relative;}
.msbg{ width: 100%; height: 12.35rem; background: #dba74d; position: relative; ;}
.msbg .ms-img{ width: 40%; height: auto; bottom: 0; right: 60%; z-index: 2; position: absolute;}

.msbg .ms-js{ width: 50%; height: 13.3rem; top: 1.1rem; right: 10%; z-index: 2; position: absolute; background: #fff; padding: 1.5rem 0 0 1.5rem;}
.ms-js-1{ font-size: 0.55rem; font-weight: bold; line-height: 1.4; letter-spacing: 2px;}
.ms-js-2{ margin-top: 1rem; font-size: 0.45rem; font-weight: bold; line-height: 1.4; letter-spacing: 2px;}
.ms-js-3{ margin-top: 1rem; font-size: 0.45rem;  line-height: 1.5; letter-spacing: 2px;}
.p2-zx{ width: 50%; height: 1rem; border: 1px solid #1d1e22; text-align: center; font-size: 0.5rem; letter-spacing: 2px; line-height: 1rem; color: #1d1e22; display: block; margin-top: 1.5rem;}

.mslb .ms-prev{ position: absolute; bottom: .5rem; left: 10%; color: #1d1e22; font-size: 1.2rem; z-index: 2; cursor: pointer; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #dba74d;}
.mslb .ms-next{ position: absolute; bottom: .5rem; left: 25%; color: #1d1e22; font-size: 1.2rem; z-index: 2; cursor: pointer; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #dba74d;}
.point2{ position: absolute; bottom: 0rem; left: 15%; }
.point2 .swiper-pagination-bullets{ position: absolute; bottom:0.5rem; left: 50%; margin-left: 0.4rem;  width: 2rem;}
@media (max-width: 1600px){
    .point2 .swiper-pagination-bullets{ position: absolute; bottom:0.7rem; left: 50%; margin-left: 0.4rem;  width: 2rem;}
}
.point2 .swiper-pagination-bullet{ width: 0.3rem; height: 0.3rem; background: #1d1e22; opacity:1; margin-left: 0.3rem;}
.point2 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}

.part3{ padding: 1rem 0; background: #fff;}
.t3{ width: 27%; margin: 0 auto;}
.p3-tab{ width: 62.5%; margin: 0 auto; margin-top: 1rem; height: 13.8rem;}
.p3-tab-l{ width: 25%; float: left; height: 13.8rem;}
.p3-tab-l li{ width: 100%; height: 3.45rem; background: #1d1e22; border-top: 2px solid #fff; font-size: 0.7rem;  color: #fff; text-align: center; letter-spacing: 1px; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 0.7rem 0; font-weight: bold;}
.p3-tab-l li.on{ background: #dba74d; border: 0; color: #1d1e22;}
.p3-tab-r{ width: 75%; float: left; height: 13.8rem; border-left: 2px solid #fff;}
.p3-tab-r li img{ width: 100%; height: 13.8rem;}
.p3-tab-r li{display: none;}
.p3-tab-r li.on{ display: block;}