@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.hbtp3 { width: 100%; height: auto; margin: 0 auto; font-family: "微软雅黑"; line-height: 1;}
.hbtp3 img { max-width: 100%; height: auto; vertical-align: bottom; border: 0; display: inline; }
.hb3-video{ background: #f5f3f2; padding: 1.5rem 0; }
.avideo{ width: 800px; height: 450px; margin: 0 auto; border: 3px solid #ffb228; }
.baom{ width: 100%;  height: 3.9rem;  background: #3e3a39;}
.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: #ff9600; line-height: 1.25rem; color: #fff; font-size: 0.5rem; font-weight: bold; text-align: center; margin-top: 1.325rem;letter-spacing: 2px;}
.part1{ background: #f5f3f2;}
.part2{padding:1rem 0 ;}
.pt2{ color: #ff9600; font-size: 1rem; text-align: center; font-weight: bold; letter-spacing: 0.1rem;}
.kcjs{  width: 62%; margin: 0 auto; margin-top: 0.8rem; position: relative; padding-bottom: 1.3rem; }
.kc-t{ font-size: 0.55rem; text-align: center;  letter-spacing: 2px; color: #3e3a39; font-weight: bold; line-height: 2;}
.kc-line{ width: 27%; height: 3px; margin: 0 auto; background: #3e3a39; margin-top: 0.1rem;}
.kc-c{ width: 100%; margin-top: 0.6rem;}
.kc-c-l{ width: 36%; float: left; height: 12.7rem; border: 1px solid #ffaf3c; display: table; text-align: center;}
.kc-l-img{   display: table-cell; vertical-align: middle; text-align: center; height: auto;}
.kc-l-img img{width: 70%;  height: auto;}
.kc-c-r{ width: 64%; float: left;}
.kc-c-r li{ width: 48%; float: left; margin-left: 2%; margin-top: 0.35rem; height: 6.175rem;}
.kc-c-r li img{ width: 100%; height: 6.175rem;}
.kc-c-r li:nth-child(1){ margin-top: 0;}
.kc-c-r li:nth-child(2){ margin-top: 0;}
.kc-prev1{ position: absolute; bottom: 0; left: 30%; width: 10%; height: 0.7rem; line-height: 0.65rem; text-align: center; border: 1px solid #ff9600; border-radius: 0.4rem; color: #ff9600; font-size: 0.55rem; font-weight: bold; z-index: 12; cursor: pointer;}
.kc-next1{ position: absolute; bottom: 0; right: 30%; width: 10%; height: 0.7rem; line-height: 0.65rem; text-align: center; border: 1px solid #ff9600; border-radius: 0.4rem; color: #ff9600; font-size: 0.55rem; font-weight: bold; z-index: 12; cursor: pointer; }
.kcjs .swiper-pagination-bullets{ bottom: 0;}
.kcjs .swiper-pagination-bullet{ background: #333;}
.kcjs .swiper-pagination-bullet-active{ background: #ff9600;}
.p2-zx{ width: 25%; height: 1.4rem; margin: 0 auto; margin-top: 1rem; background: #ff9600; border-radius: 1rem; text-align: center; font-size: 0.7rem; line-height: 1.4rem; letter-spacing: 2px; display: block; color: #fff;}

.part3{ background: #f5f3f2; padding: 1rem 0;}
.p3-t{ font-size: 0.55rem; text-align: center;  letter-spacing: 2px; color: #3e3a39; font-weight: bold; line-height: 2; margin-top: 0.8rem;}
.p3-line{ width: 17%; height: 3px; margin: 0 auto; background: #3e3a39; margin-top: 0.1rem;}
.p3-1{ width: 55%; margin: 0 auto; margin-top: 1rem;}
.p3-2{ width: 72%; margin: 0 auto; margin-top: 1rem;}
.p3-2 li{ width: 25%; float: left; text-align: center; padding: 0 0.2rem;} 
.p3-2 li img{ width: 76%; }
.p3-2-1{ width: 100%; text-align: center; font-size: 0.65rem; font-weight: bold; color: #3e3a39; margin-top: 0.7rem; letter-spacing: 2px;}
.p3-2-2{ width: 100%; text-align: center; font-size: 0.4rem;  color: #3e3a39; margin-top: 0.35rem; line-height: 1.5; }

.part4{  padding: 1rem 0;}
.p4-1{ width: 62%; margin: 0 auto; margin-top: 1rem;}
.p4-l{ width: 26%; float: left; height: 11.25rem; border-right: 0.25rem solid #fff;}
.p4-l li{ width: 100%; height: 2.05rem; margin-top: 0.25rem; line-height: 2.05rem; background: #f5f3f2; border-bottom-left-radius: 1rem; text-align: center; font-size: 0.7rem; font-weight: bold; letter-spacing: 2px; color: #3e3a39;}
.p4-l li:first-child{ margin-top: 0;}
.p4-l li.on{ background: #ff9600;}
.p4-r{ width: 74%; float: left; height: 11.25rem; }
.p4-r li{display: none;}
.p4-r li img{ height: 11.25rem;}
.p4-r li.on{ display: block;}

.part5{ background: #f5f3f2; padding: 1rem 0;}
.xyal{  width: 62%; margin: 0 auto; margin-top: 0.8rem; position: relative; padding-bottom: 1.3rem; }
.xy-prev1{ position: absolute; bottom: 0; left: 30%; width: 10%; height: 0.7rem; line-height: 0.65rem; text-align: center; border: 1px solid #ff9600; border-radius: 0.4rem; color: #ff9600; font-size: 0.55rem; font-weight: bold; z-index: 12; cursor: pointer;}
.xy-next1{ position: absolute; bottom: 0; right: 30%; width: 10%; height: 0.7rem; line-height: 0.65rem; text-align: center; border: 1px solid #ff9600; border-radius: 0.4rem; color: #ff9600; font-size: 0.55rem; font-weight: bold; z-index: 12; cursor: pointer; }
.xyal .swiper-pagination-bullets{ bottom: 0; position: absolute; text-align: center;}
.xyal .swiper-pagination-bullet{ background: #333;}
.xyal .swiper-pagination-bullet-active{ background: #ff9600;}
.xy-l{ width: 55%;}
.xy-list{ position: relative;}
.xy-r{ position: absolute; width: 50%; right: 0; height: 80%; top: 10%; background: #fff; z-index: 2; padding: 1rem; box-shadow: 0px 0.125rem 0.2rem 0.32px rgba(6, 0, 1, 0.19);}
.xy-r-1{ font-size: 0.7rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px; line-height: 1.75;}
.xy-r-2{ font-size: 0.55rem;  color: #3e3a39; letter-spacing: 1px; line-height: 1.75; margin-top: 0.8rem;}