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

.banner{ width: 100%; position: relative; }
.banner-c{ width: 58%; position: absolute; left: 21%;  bottom: 0; transform: translateY(65%);box-shadow: 0px 3px 1.25vw 0px rgba(34, 23, 20, 0.42); padding: 3.125vw 6%; border-radius: 1vw; display: flex; align-items: center; justify-content: space-between; flex-flow: row; background-color: #fff;}
.banner-c-item{ display: flex; align-items: center; justify-content: center; flex-flow: column;}
.banner-c-item-img{ width: 8.54vw;}
.banner-c-item-p{ font-size: 1.3vw; color: #3e3a39; margin-top: 1.5vw; letter-spacing: 0.1vw;}

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

.part1{ background: #eeeeee; padding: 4vw 0;}
.p1-tc{ text-align: center; font-size: 2.18vw; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.p1-te{ text-align: center; font-size: 1.3vw; font-weight: bold; color: #b5b4b4; text-transform: uppercase; margin-top: 0.8vw;}
.p1-c{display: flex; align-items: center; justify-content: space-between; flex-flow: row; margin-top: 3vw;}
.p1-c-item{ width: 23.3%;}

.part2{ width: 100%; background: url(../images/p2-bg.jpg) center center no-repeat; background-size: 100% 100%; padding: 6vw 0 4vw;}
.p2-tc{ text-align: center; font-size: 2.18vw; font-weight: bold; color: #fff; letter-spacing: 2px;}
.p2-te{ text-align: center; font-size: 1.3vw; font-weight: bold; color: #999290; text-transform: uppercase; margin-top: 0.8vw;}
.p2-time{ text-align: center; font-size: 1.77vw; color: #ff9600; margin-top: 1.2vw;}
.p2-c{ width: 62.5%; height: auto; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-flow: row;}
.p2-cl{ width: 22.75%; height: 32.97vw; display: flex; align-items: center; justify-content: space-between; flex-flow: column;}
.p2-cr{ width: 76.25%; height: 32.97vw;}
.p2-cr .p2-cr-img{display: none;}
.p2-cr .p2-cr-img.active{ display: block;}
.p2-cr img{ width: 100%; height: 32.97vw;}
.p2-cl-item{ width: 100%; height: 4.27vw; line-height: 4.27vw; text-align: center; font-size: 1.56vw; color: #3e3a39; background: #fff; font-weight: bold; letter-spacing: 1px;}
.p2-cl-item.active{ background: #ff9600; color: #fff;}
.p2-zx{ width: 30%; height: 3.5vw; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-flow: row; border-radius: 3vw; overflow: hidden;}
.p2-zx-l{ width: 35%; height: 100%; text-align: center; font-size: 1.66vw; color: #3e3a39; line-height: 3.5vw; background: #fff;}
.p2-zx-r{ width: 65%; height: 100%; text-align: center; font-size: 1.66vw; color: #fff; background: #ff9600; line-height: 3.5vw;}

.part3{ background: #eeeeee; padding: 4vw 0;}
.p3-tc{ text-align: center; font-size: 2.18vw; font-weight: bold; color: #3e3a39; letter-spacing: 2px;}
.p3-te{ text-align: center; font-size: 1.3vw; font-weight: bold; color: #b5b4b4; text-transform: uppercase; margin-top: 0.8vw;}
.p3-c{ width: 62.5%; height: auto; margin: 0 auto; margin-top: 2vw;}
.p3-c-nav{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-flow: row; height: 3.65vw; }
.p3-c-nav-item{ width: 24%; height: 100%; text-align: center; font-size: 1.7vw; font-weight: bold; background: #fff; line-height: 3.65vw; color: #3e3a39; border-radius: 0.52vw;letter-spacing: 1px; cursor: pointer; }
.p3-c-nav-item.active{ background: #ff9600; color: #fff;}
.p3-c-b{ width: 100%; margin-top: 1vw;}
.p3-c-b-img{ display: none;}
.p3-c-b-img.active{display: block;}
.p3-zx{ width: 30%; margin: 0 auto; margin-top: 3vw; height: 3.5vw;  line-height: 3.5vw; text-align: center; border-radius: 3vw; font-size: 1.66vw; color: #fff; background: #ff9600; display: block;}

.part4{ width: 100%; background: #ff9600; padding: 4vw 0;}
.p4-tc{ text-align: center; font-size: 2.18vw; font-weight: bold; color: #fff; letter-spacing: 2px;}
.p4-te{ text-align: center; font-size: 1.3vw; font-weight: bold; color: #ffc48d; text-transform: uppercase; margin-top: 0.8vw;}
.p4-c{ width: 62.5%; margin: 0 auto; margin-top: 3vw;}
.p4-c-nav{ width: 72%; margin: 0 auto; height: 3.6vw; display: flex; align-items: center; justify-content: space-between; flex-flow: row;}
.p4-c-nav-item{ width: 48%; height: 100%; line-height: 3.6vw; text-align: center; color: #3e3a39; background: #fff; border-radius: 0.52vw; font-size: 1.7vw; font-weight: bold; letter-spacing: 0.104vw;}
.p4-c-nav-item.active{ background: #3e3a39; color: #fff;}
.p4-b1-p{ font-size: 1.3vw; text-align: center; line-height: 1.5; color: #fff; letter-spacing: 0.1vw; }
.p4-c-b{width: 100%; padding: 0 1vw; margin-top: 3vw;}
.p4-c-b-item{display: none;}
.p4-c-b-item.active{ display: block;}
.p4-qy{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-flow: row; flex-wrap: wrap; margin-top: 2vw;}
.p4-qy-item{ width: 19.5%; margin-top: 0.365vw; display: block; transition: all 0.5s;}
.p4-qy-item:hover{transform: scale(1.05);}
.p4-jy-zx{width: 50%; margin: 0 auto; margin-top: 3vw; height: 3.5vw;  line-height: 3.5vw; text-align: center; border-radius: 3vw; font-size: 1.66vw; color: #fff; background: #3e3a39; display: block;}
.p4-b2-p{ font-size: 1.3vw; text-align: center;  color: #fff; letter-spacing: 0.1vw; }
.p4-cy-img{ width: 90%; margin: 0 auto; margin-top: 2vw; }
.p4-cy-zx{width: 50%; margin: 0 auto; margin-top: 2vw; height: 3.5vw;  line-height: 3.5vw; text-align: center; border-radius: 3vw; font-size: 1.66vw; color: #fff; background: #3e3a39; display: block;}

.part5{ padding: 4vw 0;}
.p5-p{ text-align: center; line-height: 1.5; color: #3e3a39; font-size: 1.5625vw; letter-spacing: 0.1vw; margin-top: 2vw;}
.p5-c{ width: 62%; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-flow: row; }
.p5-c-item{ width: 32.5%;}
.p5-zx{ width: 30%; margin: 0 auto; margin-top: 3vw; height: 3.5vw;  line-height: 3.5vw; text-align: center; border-radius: 3vw; font-size: 1.66vw; color: #fff; background: #ff9600; display: block;}

.part6{ background: #eeeeee; padding: 4vw 0;}
.p6-c{ width: 46%; margin: 0 auto; margin-top: 3vw; display: flex; align-items: center; justify-content: space-between; flex-flow: row; flex-wrap: wrap;}
.p6-c-item{ width: 48%; padding: 0 0.52vw; display: flex; align-items: center; justify-content: space-between; flex-flow: row; height: 3.125vw; border-radius: 3vw; border: 1px solid #ff9600; background: #fff; margin-top: 1.5vw;}
.p6-c-item-img{ width: 2.29vw; height: 2.29vw;}
.p6-c-item-img img{vertical-align: top;}
.p6-c-item-p{  font-size: 1.5625vw;}
.p6-c-item-p a{color: #3e3a39;}