
body{ background:#fff;}
.img{ width:100%;}
.img img{ width:100%;}



.bm_form { overflow:hidden; padding:0.16rem 0 0.16rem 0;}
.bm_form h2{ display:block; font-size:0.15rem; color:#e1a96a; text-align:center; font-weight:normal;}

.bm_form input[type="text"],.bm_form input[type="tel"]{ margin:0.08rem auto 0 auto; display:block; border:#e1a96a solid 2px; padding-left:0.6rem; text-align:left;width:3.38rem;height:0.425rem; border-radius:0px; font-size:0.16rem; color:#000; box-sizing:border-box;}
input.realname{ background:#fff url(../images/realname_btn.png) no-repeat 0.15rem center; background-size:auto 0.27rem;}
input.telephone{background:#fff url(../images/telephone_btn.png) no-repeat 0.15rem center;background-size:auto 0.27rem;}



.bm_form button,.bm_form .bm_form_btn{  margin:0.12rem auto 0 auto; display:block; border:0; background:#e7484e;width:3.38rem;height:0.43rem; line-height:.43rem; text-align:center; font-size:.21rem; color:#fff; border-radius:0px; box-sizing:border-box; cursor:pointer; }


.m_tips{ height:0.3rem; line-height:0.3rem;  text-align:center;font-size:.12rem; color:#8e8c8c;padding-bottom:0.40rem;}


.customers{ margin:0.17rem auto 0 auto;background:#e1a96a; border-radius:5px; width:3.38rem; }

.customers h3{ font-size:0.18rem; color:#ffffff; text-align:center; height:0.39rem; line-height:.39rem;}
.customers_box{padding:0.075rem 0; background:#f7f7f7; border-radius:5px;}
.customers_list{ height:.62rem; overflow:hidden;}
.customers_list dd{ line-height:0.20rem; padding-left:0.3rem; color:#5d5455;font-size:0.14rem;}
.customers_list dd label{ margin-left:0.05rem; color:#999; font-size:0.12rem;}
.customers_list dd span{ margin-left:0.15rem; color:#999; font-size:0.12rem;}


.index_04{ position:relative;margin:auto; width:100%; height:6.125rem; background:url(../images/index_04.jpg) no-repeat center top; background-size:contain;}
.index_06{ position:relative;margin:auto; width:100%; height:4.295rem; background:url(../images/index_06.jpg) no-repeat center top; background-size:contain;}
.index_07{ position:relative;margin:auto; width:100%; height:1.86rem; background:url(../images/index_07.jpg) no-repeat center top; background-size:contain;}

.index_04 .zx_btn{ position:absolute; left:1.045rem; top:5.34rem; width:1.77rem; height:.425rem; background: url(../images/zx_btn.png) no-repeat;background-size:contain; cursor:pointer;animation:pulse 2s infinite;}


.index_06 .kf_btn{ position:absolute;top:3.96rem;  width:1.75rem; height:.27rem; line-height:.27rem; color:#fff; text-align:center; font-size:.13rem; cursor:pointer;animation:pulse 2s infinite;}
.index_06 .kf_btn1{ left:0.09rem; }
.index_06 .kf_btn2{ right:0.09rem; }

.index_07 .kf_btn{ position:absolute;top:1.4rem; left:0.09rem;  width:3.57rem; height:.27rem; line-height:.27rem; color:#fff; text-align:center; font-size:.13rem; cursor:pointer;animation:pulse 2s infinite;}


.swiper_box{ position:relative; margin:0 auto 0 auto; width:100%;}

.swiper_box_top{ text-align:center; margin-bottom:.2rem;}
.swiper_box_top dd{display:inline-block;*display:inline;*zoom:1; margin-left:.1rem; width:1.04rem; height:.26rem; line-height:.26rem; border:#f1d6b4 solid 3px; text-align:center; font-size:.135rem; color:#7e4613; border-radius:.26rem; cursor:pointer; background:#f1d6b4;}
.swiper_box_top dd:hover,.swiper_box_top .hover{ background:#fff; border:#f1d6b4 solid 3px;}


.swiper_box .swiper-slide{ z-index:20;}
.swiper_box .swiper-slide img{ width:100%; height:100%;}

.swiper_box .swiper-pagination{ bottom:.66rem}

.swiper_box .zx_btn{ position:absolute; left:.92rem; top:3.2rem; width:1.60rem; height:.32rem; line-height:.32rem; color:#fa5d7c; text-align:center; font-size:.15rem; cursor:pointer;animation:pulse 2s infinite; z-index:40;}

@keyframes pulse{
	30%,60%{transform:scale(1)} 40%,70%{transform:scale(0.9)}
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(-1turn);
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) rotateY(-190deg);
		animation-timing-function: ease-out
	}



	80% {
		transform: perspective(0);
		animation-timing-function: ease-in
	}

	to {
		transform: perspective(0);
		animation-timing-function: ease-in
	}
}
