@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.xcll{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1; font-family: 微软雅黑;}
.xcll img{ max-width:100%; height:auto; border:0; vertical-align:bottom;}
.vbanner{ width: 100%;  position: relative;}
.vbanner video{ width: 100%; height: 100%;}
.vb-bg{ width: 100%; height: 100%; position: absolute; z-index: 2; background: rgba(0,0,0,0.4); top:0; left: 0;}
.banner_title{ width: 74%; position: absolute; z-index: 3; top: 38%; left: 13%;}

.part1{ padding: 1.5rem 0; box-shadow: 0px 3px 24px 0px rgba(34, 23, 20, 0.42);  }
.pt1{ color: #3e3a39; text-align: center; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.1rem;}
.p1-u{ width: 80%; margin: 0 auto; margin-top: 1.5rem;}
.p1-u li{ width: 30%; float: left; margin-left: 5%;}
.p1-u li:first-child{ margin-left: 0;}

.form2{ width: 100%; height: auto;  padding: 2.5rem 0;}
.form2-t{ text-align: center; font-size: 1.8rem; font-weight: bold; letter-spacing: 2px; color: #3e3a39;}
.form2-t span{ color: #ff9600;}
.form2-p{ font-size: 1.3rem; color: #3e3a39; text-align: center; letter-spacing: 2px; margin-top: 1rem;}
.form2-p span{ color: #e60012;}
.form2-simple{ width: 80%; display: flex; justify-content: center; border-radius:2.5rem; border: 2px solid #ff9600; overflow: hidden; margin: 0 auto; background: #fff; margin-top: 1rem; }
.form2-simple input { width: 71%; height: 2.5rem; outline: none; -webkit-appearance: none; border-radius: 0; border: none; padding-left: 0.5rem; font-size: 1.1rem;}
.form2-simple .form2-simple-btn{ width: 29%; font-size: 1.1rem; text-align: center; line-height: 2.5rem; background-color: #ff9600; color: #fff;}

.part2{ background: #eee; padding: 1.5rem 0;}
.part2 h2{color: #3e3a39; text-align: center; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.1rem; }
.part2 h3{color: #b5b4b4; text-align: center; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 0.8rem;}
.p3-img{width: 80%; margin: 0 auto; margin-top: 1rem;}
.p3-img img{ margin-top: 0.8rem;}
.p1-zx{ width: 76%; height: 3rem; margin: 0 auto; color: #fff;  display: block; text-align: center; line-height: 3rem; font-size: 1.55rem; margin-top: 1.5rem; letter-spacing: 2px; background: #ff9600; border-radius: 2rem;}

.part3{ background: url(../images/bg.jpg) center center no-repeat fixed; background-size: 100% 100%; padding: 2rem 0;}
.part3 h2{color: #fff; text-align: center; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.1rem; }
.part3 h3{color: #b5b4b4; text-align: center; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 0.8rem;}
.kinds{ color: #ff9600;  text-align: center; font-size: 1.4rem;  letter-spacing: 0.1rem;  margin-top: 1rem;}
.p3-ul{ width: 94%; margin: 0 auto; margin-top: 1.5rem;}
.p3-ul li{ width: 32%; float: left; margin-left: 2%; margin-top: 0.8rem; }
.p3-ul li:nth-child(4n+1){ margin-left: 0;}

.part4{ padding: 1.5rem 0; }
.part4 h2{color: #3e3a39; text-align: center; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.1rem; }
.part4 h3{color: #b5b4b4; text-align: center; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 0.8rem;}
.p4-ul{ margin: 0 auto; margin-top: 1.5rem; padding: 0 0.5rem;}
.p4-ul li{ width: 24%; float: left; margin-left: 1.33%;}
.p4-ul li:first-child{margin-left: 0;}
.p4-t{ padding: 0.5rem; background: #eee; text-align: center; line-height: 1.5; color: #3e3a39; font-size: 1rem; border-radius: 0.5rem;}
.p4-b{ margin-top: 1rem;}

.part5{ background: #eee; padding: 1.5rem 0;}
.part5 h2{color: #3e3a39; text-align: center; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.1rem; }
.part5 h3{color: #b5b4b4; text-align: center; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 0.8rem;}
.p5-ul1{ width: 92%; margin: 0 auto; margin-top: 1.5rem;}
.p5-ul1 li{ width: 24%; height: 3rem; float: left; margin-left: 1.33%; border-radius: 5px; background: #fff; color: #3e3a39; line-height: 3rem; text-align: center; font-size: 1.4rem; transition: all 1.5s;  font-weight: bold;}
.p5-ul1 li.on{ background: #ff9600;}
.p5-ul1 li:first-child{ margin-left: 0;}
.p5-ul2{ width: 92%; margin: 0 auto; margin-top: 1rem; }
.p5-ul2 li{display: none;}
.p5-ul2 li.on{ display: block;}

.part6{  padding: 1.5rem 0;}
.part6 h2{color: #3e3a39; text-align: center; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.1rem; }
.part6 h3{color: #b5b4b4; text-align: center; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 0.8rem;}
.p6-ul1{ width: 92%; margin: 0 auto; margin-top: 1.5rem;}
.p6-ul1 li{ width: 49.5%; height: 3rem; float: left; margin-left: 1%; border-radius: 5px; background: #eee; color: #3e3a39; line-height: 3rem; text-align: center; font-size: 1.4rem; transition: all 1.5s;  font-weight: bold;}
.p6-ul1 li.on{ background: #ff9600; color: #fff;}
.p6-ul1 li:first-child{ margin-left: 0;}
.p6-ul2{ width: 92%; margin: 0 auto; margin-top: 1rem; }
.p6-ul2 li{ display: none; padding: 1.3rem 2%; background: #eeeeee;}
.p6-ul2 li.on{ display: block;}
.p6-ul2 li p{ text-align: center; font-size: 1.1rem; line-height: 1.5; color: #3e3a39; letter-spacing: 0.1rem; font-weight: bold;}
.p6-ul2 li p span{ font-size: 1.4rem; color: #e60012;}
.p6-img{width: 100%; margin-top: 1.5rem;}
.p6-img2{width: 90%; margin: 0 auto; margin-top: 1.5rem;}

.part7{  padding: 1.5rem 0;}
.part7 h2{color: #3e3a39; text-align: center; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.1rem; }
.part7 h3{color: #b5b4b4; text-align: center; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 0.8rem;}
.xyal{ width: 92%; margin: 0 auto; margin-top: 1.5rem; padding-bottom: 1.5rem;}