@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;}
.part1{ width: 100%; padding: 1.1rem 0;}
.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.7rem; font-family: 黑体;  text-align: center; letter-spacing: 0.1rem; color: #fff; margin-top: 1rem;}
.hb-title-img{ width: 73%; height: auto; margin: 0 auto; margin-top: 1rem;}
.lb-p1{ width: 100%; overflow: hidden; padding-bottom: 3rem; position: relative; margin-top: 1.8rem;}
.lb-p1-slide{ width: 100%; height: 15rem; background-color: #f6f1eb; padding-top: 2rem;}
.p1-c-item-t{width: 33%; margin: 0 auto; font-size: 1.9rem; font-family: 黑体; font-weight: bolder; text-align: center; letter-spacing: 0.1rem; color: #3e3a39; padding: 0.5rem 0; border: 2px solid #3e3a39;}
.p1-c-item-p{ width: 90%; margin: 0 auto;  font-size: 1.35rem; font-family: 黑体; font-weight: bolder; text-align: center; letter-spacing: 1px; color: #3e3a39; line-height: 2; margin-top: 1rem;}
.p1-c-item-p span{color: #e60012;}
.p1-c-item-p2{ width: 80%; margin: 0 auto;  font-size: 1.4rem; font-family: 黑体; font-weight: bolder; text-align: center; letter-spacing: 1px; color: #3e3a39; line-height: 2; margin-top: 1.5rem;}
.p1-c-item-p2 span{color: #e60012;}
.lb-p1 .swiper-pagination-bullets{ bottom:0.5rem; position: absolute; z-index: 2; text-align: center; }
.lb-p1 .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-p1 .swiper-pagination-bullet-active{ background: #c29969; }

.form2{ width: 100%; height: auto; background: #c29969; padding: 2rem 0;}
.form2-t{ text-align: center; font-size: 1.8rem; font-weight: bold; letter-spacing: 2px; color: #fff;}
.form2-t span{ color: #3e3a39;}
.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; font-weight: bolder;}

.part2{ width: 100%; padding: 1rem 0;}
.p2-c{ width: 93.75%; margin: 0 auto; margin-top: 1.5rem;}
.p2-1{ width: 100%; background-color: #f6f1eb; padding: 2.5rem 0;}
.p2-1-t{ text-align: center; font-size: 1.9rem; font-weight: bold; letter-spacing: 2px; color: #3e3a39;}
.p2-1-p{ text-align: center; font-size: 1.2rem; font-weight: bold; letter-spacing: 2px; color: #3e3a39; line-height: 2; margin-top: 1.5rem; }
.p2-2{ width: 100%; background-color: #c29969; padding: 2.5rem 0;}
.p2-2-t{ text-align: center; font-size: 1.9rem; font-weight: bold; letter-spacing: 2px; color: #3e3a39;}
.p2-2-p{ text-align: center; font-size: 1.2rem;  letter-spacing: 2px; color: #fff; line-height: 2; margin-top: 1.5rem; }
.p2-2-p2{ text-align: center; font-size: 1.2rem;  letter-spacing: 2px; color: #fff; line-height: 2; }
.p2-2-line{ background: #3e3a39; width: 28%; margin: 0.4rem auto; height: 2px;}

.hb-zx{ width: 70%; height: 2.6rem; line-height: 2.6rem; background: #c29969; text-align: center; margin: 0 auto; margin-top: 1.5rem; color: #fff; display: block; border-radius: 2rem; font-size: 1.7rem; letter-spacing: 2px; font-weight: bold;}
.part3{ width: 100%; background: url(../images/p3-bg.jpg) center center no-repeat; background-size: 100% 100%; padding: 2rem 0 3rem;}

.p3-c{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.p3-item{ width: 46%; margin-top: 2rem;}
.p3-item-img{ width: 11.45rem; margin: 0 auto;}
.p3-item-p{text-align: center; font-size: 1.3rem;  letter-spacing: 1px; color: #fff; line-height: 1.75; margin-top: 1.5rem; }

.part4{ width: 100%; padding: 1rem 0;}
.lb-p4{ width: 100%; overflow: hidden; position: relative; margin-top: 1.5rem; padding-bottom: 3rem;}
.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{ width: 100%; padding: 2rem 0; background-color: #f6f1eb;}
.part6{ width: 100%; padding: 2rem 0; }
.lb-p6{ width: 100%; overflow: hidden; position: relative; margin-top: 1.5rem; padding-bottom: 3rem;}
.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; }
.p6-item-img{ width: 39%; height: auto; margin: 0 auto;}
.p6-item-c{ width: 90%; margin: 0 auto; margin-top: 3.1rem; background-color: #f6f1eb; padding: 3rem 1.5rem 1.5rem; border-radius: 2rem; position: relative; text-indent: 2rem; font-size: 1.6rem; font-family: 黑体;  letter-spacing: 0.1rem; color: #3e3a39; line-height: 2;}
.p6-item-abs{ position: absolute; width: 75%; height: 3.5rem; left: 50%; top: 0; transform: translate(-50%,-50%); background: #c29969; font-family: 黑体; font-size: 1.9rem; font-weight: bold;  border-radius: 1rem; display: flex; flex-direction: row; align-items: center; justify-content: center; text-indent: 0; }
.part7{ width: 100%; padding-bottom: 2rem;}
.p7-c{ margin-top: 1.5rem;}

.part8{ width: 100%; padding: 2rem 0; background-color: #c29969;}
.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: #3e3a39;margin: 0 0.2rem;cursor: pointer;transition: width .3s ease-in-out;}
.lb-p8 .swiper-pagination-bullet-active{ background: #fff; }