@charset "utf-8";

*{ box-sizing: border-box;}
.hbtd{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px;  }
.hbtd img{ max-width:100%; height:auto; border:0; vertical-align:bottom; display: block;}
.hb-zx{ width: 70%; height: 2.6rem; line-height: 2.6rem; background: #c29969; text-align: center; margin: 0 auto; margin-top: 2.2rem; color: #fff; display: block; border-radius: 2rem; font-size: 1.7rem; letter-spacing: 2px; }
.hb-title h2{ font-size: 1.9rem; font-family: 黑体; font-weight: bolder; text-align: center; letter-spacing: 0.1rem; color: #3e3a39;}
.hb-title h3{ font-size: 1.65rem; font-family: 黑体;  text-align: center; color: #fff; margin-top: 1rem; line-height: 1.5;}
.hb-title-img{ width: 73%; height: auto; margin: 0 auto; margin-top: 1rem;}
.part1{ width: 100%;padding-top: 1.3rem;}
.p1-c{ width: 100%; background: #6a2c14; padding: 2rem 0; margin-top: 1.3rem;}
.p1-c-1{ width: 75%; height: 3.2rem; border: 2px solid #fff; margin: 0 auto; display: flex; justify-content: center; align-items: center; font-size: 1.8rem ; color: #fff; letter-spacing: 1px; font-weight: bold; font-family: 黑体;}
.p1-c-2{ font-size: 1.3rem; color: #fff; text-align: center; line-height: 2; margin-top: 1rem; letter-spacing: 0.1rem; font-family: 黑体;}
.p1-c2{ width: 100%; background: #f6f1eb; padding: 2rem 0; }
.p1-c2-1{ width: 75%; height: 3.2rem; border: 2px solid #3e3a39; margin: 0 auto; display: flex; justify-content: center; align-items: center; font-size: 1.8rem ; color: #3e3a39; letter-spacing: 1px; font-weight: bold; font-family: 黑体;}
.p1-c2-2{ font-size: 1.3rem; color: #3e3a39; text-align: center; line-height: 2; margin-top: 1rem; letter-spacing: 0.1rem; font-family: 黑体;}
.form2{ width: 100%; height: auto; background: #6a2c14; padding: 2rem 0;}
.form2-t{ text-align: center; font-size: 1.8rem; font-weight: bold; letter-spacing: 2px; color: #fff;}
.form2-t span{ color: #ff9600;}
.form2-p{ font-size: 1.3rem; color: #fff; text-align: center; letter-spacing: 2px; margin-top: 1rem;}
.form2-p span{ color: #ff9600;}
.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; font-weight: bolder;}
.part2{ width: 100%;padding-top: 1.3rem;}
.p2-1{ width: 93.75%; margin: 0 auto; margin-top: 1.3rem;}
.p2-c{ width: 93.75%; margin: 0 auto; background-color: #f6f1eb; padding-bottom: 2rem; margin-top: 1.3rem;}
.p2-2{ width: 100%; margin: 0 auto; background-color: #f6f1eb; }
.p2-2-t{ font-size: 1.9rem; font-family: 黑体; font-weight: bolder; text-align: center; letter-spacing: 0.1rem; color: #3e3a39; margin-top: 2rem;}
.p2-2-p{ font-size: 1.2rem;  color: #3e3a39; text-align: center; line-height: 2; margin-top: 1.5rem; letter-spacing: 0.1rem; font-family: 黑体;}
.p2-2-img{ width: 100%; margin-top: 2rem;}
.part3{ width: 100%; background: url(../images/p3-bg.jpg) center center no-repeat; background-size: 100% 100%; padding: 2rem 0 2.2rem; margin-top: 2rem;}
.p3-c{ width: 93.75%; margin: 0 auto; margin-top: 1rem; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.p3-item{ width: 48.5%; margin-top: 0.8rem;}
.part4{ width: 100%; padding-top: 1.3rem;}
.lb-p4{ width: 100%; overflow: hidden; margin-top: 1.5rem; padding-bottom: 3rem;}
.p4-slide{ display: flex; flex-direction: row; justify-content: space-between;}

.p4-slide-img{ width: 50%; height: 10.5rem;}
img.p4-slide-img{  height: 10.5rem;}
.p4-nr{ width: 50%; height: 10.5rem; background: #f6f1eb; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p4-nr-t{ font-size: 1.3rem;color: #3e3a39; letter-spacing: 1px; line-height: 1;}
.p4-nr-line{ width: 3rem; height: 0.2rem; background-color: #3e3a39; margin-top: 0.75rem;}
.p4-nr-p{ width: 85%; font-size: 0.75rem; line-height: 2; margin-top: 0.75rem; }
.lb-p4 .swiper-pagination-bullets{ bottom:0.5rem; position: absolute; z-index: 2; text-align: center; }
.lb-p4 .swiper-pagination-bullet{ display: inline-block; width: 1rem;height: 1rem;opacity: 1;border-radius: 1rem;background: #3e3a39;margin: 0 0.2rem;cursor: pointer;transition: width .3s ease-in-out;}
.lb-p4 .swiper-pagination-bullet-active{ background: #c29969; }
.part5{ margin-top: 1.5rem;}
.p5-c{ padding: 1rem 0 2rem 0; background-color: #6a2c14;}
.part6{ width: 100%; padding-top: 1.3rem;}
@media screen and ( max-width: 360px ){
    .p4-slide-img{ width: 50%; height: 11rem;}
    img.p4-slide-img{  height: 11rem;}
    .p4-nr{ width: 50%; height: 11rem; background: #f6f1eb; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .p4-nr-p{ width: 85%; font-size: 0.75rem; line-height: 1.5; margin-top: 0.75rem; }
}
@media screen and ( max-width: 320px ){
    .p4-slide-img{ width: 50%; height: 12rem;}
    img.p4-slide-img{  height: 12rem;}
    .p4-nr{ width: 50%; height: 12rem; background: #f6f1eb; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .p4-nr-p{ width: 85%; font-size: 0.75rem; line-height: 1.5; margin-top: 0.75rem; }
}
.lb-p6{ width: 88%; margin: 0 auto; overflow: hidden; margin-top: 1.5rem; padding-bottom: 3rem;}
.p6-item{ width: 100%; display: flex; flex-direction: row; justify-content: flex-end; position: relative;}
.p6-item-r{ width: 63%; height: 11.5rem; background: #6a2c14; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10%; padding-right: 3%; }
.p6-item-r-t{font-size: 1.35rem; font-family: 黑体;  text-align: center; color: #fff; font-weight: bold; letter-spacing: 2px;}
.p6-item-r-p{ font-size: 1rem; font-family: 黑体;  text-align: center; color: #fff; line-height: 1.5; margin-top: 0.8rem; text-align: left; text-indent: 2rem;}
.p6-item-img{ position: absolute; width: 12.5rem; height: 8.35rem; top: 1.575rem; left: 0;}
.p6-item-img img{ width: 12.5rem; height: 8.35rem;}

.p6-item2{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; position: relative; margin-top: 0.5rem;}
.p6-item-l{ width: 63%; height: 11.5rem; background: #c29969; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 3%; padding-right: 10%; }
.p6-item-l-t{font-size: 1.35rem; font-family: 黑体;  text-align: center; color: #fff; font-weight: bold; letter-spacing: 2px;}
.p6-item-l-p{ font-size: 1rem; font-family: 黑体;  text-align: center; color: #fff; line-height: 1.5; margin-top: 0.8rem; text-align: left; text-indent: 2rem;}
.p6-item2-img{ position: absolute; width: 12.5rem; height: 8.35rem; top: 1.575rem; right: 0;}
.p6-item2-img img{ width: 12.5rem; height: 8.35rem;}
.lb-p6 .swiper-pagination-bullets{ bottom:0.5rem; position: absolute; z-index: 2; text-align: center; }
.lb-p6 .swiper-pagination-bullet{ display: inline-block; width: 1rem;height: 1rem;opacity: 1;border-radius: 1rem;background: #3e3a39;margin: 0 0.2rem;cursor: pointer;transition: width .3s ease-in-out;}
.lb-p6 .swiper-pagination-bullet-active{ background: #c29969; }
.part7{ width: 100%; padding: 1.5rem 0;}
.p7-c{ margin-top: 1rem;}
.part8{ width: 100%; padding: 2rem 0; background-color: #6a2c14;}
.lb-p8{ width: 92%; margin: 0 auto; overflow: hidden; position: relative; margin-top: 1.5rem; padding-bottom: 3rem;}
.lb-p8 .swiper-pagination-bullets{ bottom:0.5rem; position: absolute; z-index: 2; text-align: center; }
.lb-p8 .swiper-pagination-bullet{ display: inline-block; width: 1rem;height: 1rem;opacity: 1;border-radius: 1rem;background: #c29969;margin: 0 0.2rem;cursor: pointer;transition: width .3s ease-in-out;}
.lb-p8 .swiper-pagination-bullet-active{ background: #fff; }