@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.hbtp6 { width: 100%; height: auto; margin: 0 auto; font-family: "微软雅黑";}
.hbtp6 img{ max-width: 100%; height: auto; vertical-align: bottom; border: 0;}
.hb-zx{ width: 20vw; height: 2.8vw; display: block; margin: 0 auto; margin-top: 2vw; background: #c29969; text-align: center; line-height: 2.8vw; border-radius: 2vw; font-size: 1.4vw; letter-spacing: 2px; font-weight: bold; color: #fff;}
.hb-zx2{ width: 20vw; height: 2.3vw; display: block; margin: 0 auto; margin-top: 2vw; background: #fff; text-align: center; line-height: 2.3vw; border-radius: 2vw; font-size: 1.4vw; letter-spacing: 2px; font-weight: bold; color: #000;}
.part1{ padding-top: 1.83vw;}
.hb-t h2{ font-size: 2vw; font-family: 黑体; font-weight: bolder; text-align: center; line-height: 1; letter-spacing: 1px; color: #3e3a39;}
.hb-t-line{ width: 24.4vw; margin: 0 auto; margin-top: 1vw;}
.hb-t h3{ font-size: 1.7vw; font-family: 黑体; font-weight: bold; text-align: center; line-height: 1.25; letter-spacing: 2px; margin-top: 0.75vw; color: #fff;}
.hb-t h4{ font-size: 1.7vw; font-family: 黑体; font-weight: bold; text-align: center; line-height: 1.25; letter-spacing: 2px; margin-top: 0.75vw; color: #3e3a39;}
.hb-t-p{ text-align: center; font-size: 1.7vw; color: #fff; letter-spacing: 1px; line-height: 1.5; margin-top: 1vw;}
.hb-t2 h2{ font-size: 2vw; font-family: 黑体; font-weight: bolder; text-align: center; line-height: 1; letter-spacing: 1px; color: #fff;}
.p1-c{ width: 62.5%;  margin: 0 auto; margin-top: 1.5vw; }

.form3{ width: 100%; margin-top: 1.5vw; padding: 3.125vw 0;  background: #ffd272;}
.form3-t{ text-align: center; font-size: 2.18vw; font-weight: bold; color: #000; 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; background: #fff;}
.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: 2px solid #ffd272; 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; color: #3e3a3f;}
.part2{ width: 100%; padding: 2.5vw 0;}
.p2-c{ width: 62.5%; margin: 0 auto; margin-top: 2.5vw;}
.p2-c-1{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; height: 16.82vw;}
.p2-c-1-l{ flex: 1; height: 100%; }
.p2-c-1-l img{ height: 16.82vw;}
.p2-c-1-r{ flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f6f1eb;}
.p2-c-1-r-t{ font-size: 2vw; font-family: 黑体; font-weight: bold;color: #3e3a39; letter-spacing: 2px;}
.p2-c-1-r-p{ font-family: 黑体; font-size: 1.25vw; text-align: center; line-height: 1.75; margin-top: 1.5vw; color: #3e3a39; letter-spacing: 2px;}

.part3{ width: 100%; height: 48.1vw; background: url(../images/p3-bg.jpg) center center no-repeat fixed; background-size: 100% 100%; padding: 2.5vw 0;}
.p3-c{ width: 62.5%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; padding: 3vw 0;}
.p3-item{ width: 25%; padding: 3%;}
.p3-item.on{  background-color: #fff; color: #000;}
.p3-p{font-size: 1.2vw; color: #fff; text-align: center; font-weight: bold;}
.p3-item.on .p3-p{ color: #000;}
.triangle2 {
    font-size: 30px;
    text-align: center;
    margin: 0.8vw auto;
    color: #fff;
 }
 .p3-item.on .triangle2 {
    color: #000;
 }

.part4{ width: 100%; padding: 2.5vw 0;}
.p4-img{ width: 62.5%; margin: 0 auto; margin-top: 1.5vw;}

.part5{ width: 100%; background: #a86d45; padding-top: 2.5vw;}
.p5-c{ width: 62.5%; margin: 0 auto; margin-top: 1vw;}

.part6{ width: 100%; padding: 2.5vw 0; background-color: #ffd272;}
.p6-c{ width: 62.5%; margin: 0 auto; margin-top: 2vw; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.p6-item{ width: 48%; height: 12vw; position: relative; display: flex; flex-direction: row; justify-content: flex-end; margin-top: 1vw;}
.p6-item-n{ width: 63%; height: 100%; background-color: #a86d45; display: flex; flex-direction: column; justify-content: center; align-content: center; padding: 0 3% 0 10%;}
.p6-item-n.on{ background-color: #ffffff; }
.p6-item-t{ font-size: 1.4vw; color: #fff; font-weight: bold; letter-spacing: 1px; text-align: center;}
.p6-item-p{ font-size: 1.05vw; color: #fff; letter-spacing: 1px; text-indent: 1.5vw; line-height: 1.5; margin-top: 0.5vw;}
.p6-item-n.on .p6-item-t,.p6-item-n.on .p6-item-p{color: #000;}
.p6-item-img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 13vw;}
.part7{ width: 100%;  padding: 2.5vw 0;}
.p7-c{ width: 62.5%; margin: 0 auto; margin-top: 1vw;}
.part8{ width: 100%; background: #6a2c14; padding: 2.5vw 0; margin-top: 2vw;}
.p8-c{width: 62.5%; margin: 0 auto; margin-top: 2vw; }
.lb-p8{ width: 100%; overflow: hidden;}