@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.hbtp{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1; }
.hbtp img{ max-width:100%; height:auto; border:0; vertical-align:bottom;}
.bg1{ background:#bf8144; width: 100%; height: 0.75rem;}
.bg2{ background:#ffecdb; width: 100%; height: 0.75rem;}
.p1-video{ width: 100%; height: auto;}
.bd2-t{ width: 100%; background: #bf8144; font-size: 1.6rem; font-weight: bold; text-align: center; color: #fff; letter-spacing: 0.7rem; padding: 1rem 0;}
.bd2-in{width: 96%; height: 2.8rem; line-height:2.8rem; background: #efefef; border-radius: 0.5rem; margin: 0 auto; margin-top: 0.5rem; font-size: 1.2rem; text-indent:1rem; }
.bd2-in input{ width: 100%; height: 100%; border: 0; background: #efefef;letter-spacing: 3px; display: block; text-indent: 1rem;}
.bd2-in input::-webkit-input-placeholder{color:#595757;opacity:1; font-size: 1.2rem;}
.bd2-in input:-ms-input-placeholde{color:#595757;opacity:1; font-size: 1.2rem;}
.bd2-sm{ text-align: center; color: #313131; margin-top: 1rem; letter-spacing: 0.15rem; font-size: 1.2rem;}
.bd2-tj{ width: 59%; height: 2.5rem; line-height: 2.5rem; margin: 0 auto; margin-top: 1rem; font-size: 1.5rem; color: #fff; text-align: center; cursor: pointer; background: #313131; border-radius: 2.5rem; letter-spacing: 0.15rem;}
.part2{ background: #fef5ed; padding: 1.5rem 0; margin-top: 1rem;}
.p2-t1{ width: 59%; height: 3.7rem; margin: 0 auto; background: url(../images/bg1.png) center center no-repeat; background-size: 100% 100%; text-align: center; line-height: 3.3rem; font-size: 2rem; font-weight: bolder; color: #bf8144; letter-spacing: 0.7rem;}
.p2-p{ font-size: 1.3rem; color: #020506; line-height: 1.5; letter-spacing: 0.15rem; margin-top: 0.8rem; text-align: center; font-weight: bold;}
.p2-p span{ color: #bf8144; font-size: 1.7rem;}
.lb1{width: 94%; margin: 0 auto; margin-top: 1rem; position: relative; padding-bottom: 3rem;}
.lb1 .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 39%; }
.lb1 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.lb1 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.p2-zx{ width: 46%; height: 2.5rem; margin: 0 auto; text-align: center; font-size: 1.7rem;  letter-spacing: 0.5rem; line-height: 2.3rem; border: 2px solid #bf8144;}
.p2-zx a{ color: #bf8144;}
.part3{ padding: 1.5rem 0; background: #fff;}
.p3-1{ text-align: center; font-size: 1.3rem; color: #020506; letter-spacing: 2px;}
.p3-1 span{font-size: 2.3rem;}
.lb2-b{ width: 100%; height: 4rem; background: #ffecdb; padding-top: 1rem;}
.p2-zx{ width: 44%; height: 2rem; border: 2px solid #686663; text-align: center; line-height: 1.8rem; font-size: 1.2rem; letter-spacing: 0.2rem; margin: 0 auto; }
.p2-zx a{ color: #686663;}
#jn{position: relative; margin-top: 1rem;}
.jn-prev1{ width: 3rem; height: 3rem; bottom: 0; left: 0; position: absolute; z-index: 2;}
.jn-next1{ width: 3rem; height: 3rem; bottom: 0; right: 0; position: absolute; z-index: 2;}
.p3-b{ padding: 1rem 0; background: #fff;}
.p3-2{ text-align: center; font-size: 1.3rem; color: #bf8144; line-height: 1.2; margin-top: 0.5rem; letter-spacing: 2px;}
#ssx{ width: 90%; margin-top: 0.8rem;}
#ssx .swiper-slide.on{ border: 0.2rem solid #bf8144; border-radius: 0.4rem;}
.part4{background: #fef5ed; padding-bottom: 1.5rem;}
.p4-1{background: #ffffff; text-align: center; font-size: 1.2rem; padding: 1rem 0; color: #020506; letter-spacing: 0.7rem;}
.lb4{ background: #fef5ed; padding: 1rem 4% 3rem 4%; position: relative;}
.lb4 .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 33%; }
.lb4 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.lb4 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.p4-zx{ width: 44%; height: 2rem; border: 2px solid #bf8144; text-align: center; line-height: 1.8rem; font-size: 1.2rem; letter-spacing: 0.2rem; margin: 0 auto; background: #fef5ed; }
.p4-zx a{ color: #bf8144;}
.p5-1{background: #ffffff; text-align: center; font-size: 1.2rem; padding: 1rem 0; color: #020506; letter-spacing: 2px;}
.lb5{ background: #fef5ed; padding-top: 1rem;}
.lb5-bl{ width: 35%; float: left; padding-top: 4rem;}
.lb5-br{ width: 65%; float: left; padding: 1rem 0;}
.bg3{ width: 1rem; margin: 0 auto;}
.hj-name{ width: 100%; margin: 0 auto; margin-top: 0.8rem; text-align: center; }
.hj-name li{ display: none; color: #bf8144; font-size: 1.4rem; letter-spacing: 0.3rem;}
.hj-name li.on{ display: block;}
.lb5-bll{ padding-top: 0.8rem;width: 66%; margin: 0 auto;}

.hj-simg{ width: 80%; margin: 0 auto;}
.hj-simg li{ width: 47%; float: left; margin-left:6%; margin-top: 0.5rem;}
.hj-simg li:nth-child(3n+1){ margin-left: 0;}
.hj-simg li.on{ border: 0.2rem solid #bf8144; border-radius: 0.4rem;}
.p5-b{ padding: 1.5rem 0; background: #bf8144;}
.p5-zx{ width: 46%; height: 2.5rem; margin: 0 auto; text-align: center; font-size: 1.7rem;  letter-spacing: 0.5rem; line-height: 2.3rem; border: 2px solid #fff;}
.p5-zx a{ color: #fff;}
.part6{ padding: 1.5rem 0; background: #fff;}
.p6-3{width: 100%;padding: 1rem 7.5% 1.5rem 7.5%; text-align: center; background: #ffecdb; font-size: 1.2rem; line-height: 2; color: #010000; letter-spacing: 2px;}
.p6-3 span{ color: #be8244; font-weight: bold;}
.lb6{ margin-top: 1rem;}
.p6-b{ padding-top: 1rem; background: #fff;}
.p6-zx{ width: 46%; height: 2.5rem; margin: 0 auto; text-align: center; font-size: 1.7rem;  letter-spacing: 0.5rem; line-height: 2.3rem; border: 2px solid #bf8144;}
.p6-zx a{ color: #bf8144;}