@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.xcll9 { width: 100%; height: auto; margin: 0 auto; font-family: "微软雅黑"; line-height: 1;}
.xcll9 img { max-width: 100%; height: auto; vertical-align: bottom; border: 0; display: inline; }

.top_banner{ width: 100%; position: relative; height: 18rem;}
.banner-video{ width: 100%; height: 15rem; position: relative; z-index: 10; overflow: hidden;}
.x-nav-musk{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; z-index: 2;}
.banner-video video{ width: 100%; position: absolute; left: 0; top: -300px;}
.banner_title{ width: 40%; position: absolute; top: 30%; left: 30%; z-index: 3;} 
.shihe_list{ position: absolute; width: 60%; left: 20%; transform: translate(0,-25%); background: #fff; border-radius: 0.6rem; z-index: 11; box-shadow: 0px 3px 24px 0px rgba(34, 23, 20, 0.42); padding: 0.8rem 0;}
.shihe_list h2{ text-align: center; font-size: 1.05rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.shihe{ width: 82%; margin: 0 auto; margin-top: 1.2rem;}
.shihe li{ width: 27%; float: left; margin-left: 9.5%;}
.shihe li:first-child{ margin-left: 0;}
.shihe li img{ width: 75%; max-width: 4.1rem;  display: block; margin: 0 auto;}
.shihe li p{ text-align: center; margin-top: 0.8rem; line-height: 1.5; font-size: 0.65rem; color: #3e3a39; letter-spacing: 1px;}
.p1-ul{ width: 62.5%; margin: 0 auto;  }
.p1-ul li{ width: 32%; float: left; margin-left: 2%; margin-top: 0.8rem; border-radius: 8px; overflow: hidden;}
.p1-ul li:nth-child(3n+1){ margin-left: 0;}

.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: #eeeeee; padding: 6.3rem 0 1.5rem;}
.part1 h2{ text-align: center; font-size: 1.05rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.part1 h3{ color: #b5b4b4; font-size: 0.65rem; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: 0.3rem; text-transform: uppercase;} 
.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;}

.form3{ width: 100%; padding: 1.5rem 0;}
.form3-t{ text-align: center; font-size: 1.05rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.form3-body{ box-shadow: 0px 3px 24px 0px rgba(34, 23, 20, 0.42); border-radius: 0.5rem; width: 62.5%;  margin: 0 auto; padding: 0.75rem 0; margin-top: 0.9rem;}
.form3-body-t{ font-size: 0.9rem; text-align: center; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.form3-body-t span{ color: #e60012;}
.form3-c{ width: 80%; height: 1.75rem; border: 1px solid #ff9600; border-radius: 1.7rem; margin: 0 auto; margin-top: 0.75rem; overflow: hidden;}
#form3-tel{ width: 70%; float: left; display: block; height: 100%; background: #fff; border: 0; text-align: center; line-height: 1.75rem; font-size: 0.9rem;}
#form3-tel input::-webkit-input-placeholder{ color: #c1c0c0; font-size: 0.9rem; text-align: center;}
#form3-tel input:-ms-input-placeholde{ color: #c1c0c0; font-size: 0.9rem; text-align: center;}
.form3-sub{ width: 30%; float: left; height: 100%; background: #eeeeee; line-height: 1.75rem; text-align: center; font-size: 0.9rem; font-weight: bold; letter-spacing: 2px; cursor: pointer;}

.part2{ background: url(../images/bg.jpg) center center no-repeat fixed; width: 100%; height: auto; padding: 1.5rem 0; background-size: 100%;}
.part2 h2{text-align: center; font-size: 1.05rem; font-weight: bold; color: #fff; letter-spacing: 2px;}
.part2 h3{ color: #b5b4b4; font-size: 0.65rem; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: 0.3rem; text-transform: uppercase;} 
.part2 h4{text-align: center; font-size: 0.85rem;  color: #ff9600; letter-spacing: 2px; margin-top: 0.5rem; font-weight: normal;}
.p2-ul{ width: 62.5%; margin: 0 auto; margin-top: 0.2rem;}
.p2-ul li{ width: 22.75%; float: left; margin-left: 3%; margin-top: 0.8rem; }
.p2-ul li:nth-child(5n+1){ margin-left: 0;}

.part3{ padding: 1.5rem 0;}
.part3 h2{ text-align: center; font-size: 1.05rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.part3 h3{ color: #b5b4b4; font-size: 0.65rem; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: 0.3rem; text-transform: uppercase;} 
.p3-ul{ width: 58%; margin: 0 auto; margin-top: 1.3rem;}
.p3-ul li{ width: 20%; float: left; margin-left: 6.66%; }
.p3-ul li:first-child{ margin-left: 0;}
.p3-t{ background: #eeeeee; padding: 0.25rem; text-align: center; margin: 0 auto; line-height: 1.5; font-size: 0.8rem; color: #3e3a39; letter-spacing: 2px;}
.p3-b{ margin-top: 0.7rem;}

.part4{ padding: 1.5rem 0; background: #eeeeee;}
.part4 h2{ text-align: center; font-size: 1.05rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.part4 h3{ color: #b5b4b4; font-size: 0.65rem; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: 0.3rem; text-transform: uppercase;} 
.p4-ul1{ width: 62.5%; margin: 0 auto; margin-top: 1rem;}
.p4-ul1 li{ width: 24%; height: 1.8rem; float: left; margin-left: 1.33%; border-radius: 5px; background: #fff; color: #3e3a39; line-height: 1.8rem; text-align: center; font-size: 0.85rem; transition: all 1.5s; letter-spacing: 2px; font-weight: bold;}
.p4-ul1 li.on{ background: #ff9600;}
.p4-ul1 li:first-child{ margin-left: 0;}
.p4-ul2{ width: 62.5%; margin: 0 auto; margin-top: 0.4rem; }
.p4-ul2 li{display: none;}
.p4-ul2 li.on{ display: block;}

.part5{ padding: 1.5rem 0; }
.part5 h2{ text-align: center; font-size: 1.05rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.part5 h3{ color: #b5b4b4; font-size: 0.65rem; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: 0.3rem; text-transform: uppercase;} 
.p5-ul1{ width: 62.5%; margin: 0 auto; margin-top: 1rem;}
.p5-ul1 li{ width: 49.5%; height: 1.8rem; float: left; margin-left: 1%; border-radius: 5px; background: #eee; color: #3e3a39; line-height: 1.8rem; text-align: center; font-size: 0.85rem; transition: all 1.5s; letter-spacing: 2px; font-weight: bold;}
.p5-ul1 li.on{ background: #ff9600; color: #fff;}
.p5-ul1 li:first-child{ margin-left: 0;}
.p5-ul2{ width: 62.5%; margin: 0 auto; margin-top: 0.4rem; }
.p5-ul2 li{ display: none; padding: 1.3rem 2%; background: #eeeeee;}
.p5-ul2 li.on{ display: block;}
.p5-ul2 li p{ text-align: center; font-size: 0.65rem; line-height: 2; color: #3e3a39; letter-spacing: 2px;}
.p5-img{width: 100%; margin-top: 1rem;}
.p5-img2{width: 80%; margin: 0 auto; margin-top: 1rem;}
.p5-zx{ width: 45%; 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;}

.part6{ padding: 1.5rem 0;background: #eee; margin-top: 1.5rem;}
.part6 h2{ text-align: center; font-size: 1.05rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.part6 h3{ color: #b5b4b4; font-size: 0.65rem; font-weight: bold; letter-spacing: 2px; text-align: center; margin-top: 0.3rem; text-transform: uppercase;} 

.xyal{  width: 62.5%; 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: 2.75rem 1rem; box-shadow: 0px 0.125rem 0.2rem 0.32px rgba(6, 0, 1, 0.19); border-radius: 5px;}
.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.6rem; font-weight: bold; color: #3e3a39; letter-spacing: 2px; line-height: 1.75;}