
body{ background:#eee;}
.img{ width:100%;}
.img img{ width:100%;}



.bm_form { margin:0 auto 0 auto; padding-top:1.98rem; width:3.25rem;  overflow:hidden;}
.bm_form h2{ display:block; padding:.2rem 0 0 0; font-size:0.23rem; color:#686868; text-align:center; font-weight:normal;}


.bm_form_styles{ text-align:center;}
.bm_form_styles input[type="checkbox"]{display:none;}
.bm_form_styles label{ position:relative;display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:.1rem 0;font-size:.14rem; color:#fff; }
.bm_form_styles input[type="checkbox"]+label{}
.bm_form_styles input[type="checkbox"]+label::before {content: "\a0";  /*不换行空格*/
     display:inline-block;*display:inline;*zoom:1; vertical-align:middle;width:.18rem;height:.18rem;line-height:.18rem;
    margin:0 10px 0 0;border-radius:0;border:#d2d2d2 solid 1px; text-align:center;font-size:.18rem;}
.bm_form_styles input[type="checkbox"]:checked+label::before {content: "\2714";}


.bm_form .customers_counts{ height:.37rem; line-height:.37rem; text-align:center; font-size:.16rem; color:#fff; background:#ff4e00;}
.bm_form .customers_counts strong{ color:#fff;}
.m_tips{ height:0.3rem; line-height:0.3rem;  text-align:center;font-size:.12rem; color:#8e8c8c;padding-bottom:0.10rem;}

.bm_form input[type="text"],.bm_form input[type="tel"]{  display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0.08rem auto 0 auto; border:#b6b6b6 solid 1px; padding-left:0.35rem; text-align:left;width:3.25rem;height:0.42rem; border-radius:0px; font-size:0.14rem; color:#000; box-sizing:border-box;}


.bm_form input.areas{ background:#fff url(../images/areas_btn.png) no-repeat 0.08rem center; background-size:auto 0.2rem;}
.bm_form input.realname{ width:1.35rem; background:#fff url(../images/realname_btn.png) no-repeat 0.08rem center; background-size:auto 0.2rem;}
.bm_form input.telephone{width:1.86rem; background:#fff url(../images/telephone_btn.png) no-repeat 0.08rem center;background-size:auto 0.2rem;}



.bm_form button,.bm_form .bm_form_btn{  margin:0.02rem auto 0 auto; display:block; border:0; background:#f05f0f;width:3.25rem;height:0.42rem; line-height:.42rem; text-align:center; font-size:.21rem; color:#fff; border-radius:0px; box-sizing:border-box; cursor:pointer; }





.customers{ margin:0.1rem auto 0 auto;background:#edbc3c; border-radius:5px; width:3.38rem; }

.customers h3{ font-size:0.18rem; color:#fff; text-align:center; height:0.39rem; line-height:.39rem;}
.customers_box{ position:absolute; left:0; bottom:.19rem;  border-radius:5px;}
.customers_list{ height:.2rem; 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;}


.content_box{ position:relative; margin:0 auto;width:100%; height:100%; text-align:center;}

.index_02 {height:4.40rem; background:url(../images/index_02.jpg) no-repeat;background-size:contain; overflow:hidden;}

.index_06 {height:4.26rem; background:url(../images/index_06.jpg) no-repeat;background-size:contain;}
.index_08 {height:4.225rem; background:url(../images/index_08.jpg) no-repeat;background-size:contain;}
.index_09 {height:3.02rem; background:url(../images/index_09.jpg) no-repeat;background-size:contain;}

.content_box .zxz_btn{ position:absolute; text-align:center; background:#f68b00; border-radius:.425rem; width:2.21rem; height:.425rem; line-height:.425rem; font-size:.16rem; color:#fff; text-align:center; cursor:pointer;animation:pulse 2s infinite;}



.index_06 .zxz_btn{ left:.76rem; top:3.46rem;}

.index_08 .zxz_btn{ left:.76rem; top:3.4rem;}


.index_09 .al{ position:absolute; top:.78rem; left:0px; width:100%; text-align:center;}
.index_09 .al dd{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0 .01rem; width:.66rem; height:.19rem; line-height:.19rem; font-size:.12rem; color:#0d5432; border-radius:.19rem; border:#0d5432 solid 1px; cursor:pointer; text-align:center; background:#fff;}
.index_09 .al dd:hover,.index_09 .al dd.hover{color:#fff; background:#0d5432;border:#0d5432 solid 1px;}
.index_09 .al_swiper{ position:absolute; width:100%; height:1.87rem; top:.98rem; right:0;}
.al_swiper .swiper-container{ margin:0 auto 0 auto; width:100%;;}
.al_swiper .swiper-container img{ width:100%;height:1.87rem;}



.swiper_box .swiper_box_list dd:hover,.swiper_box .swiper_box_list dd.hover{ border-color:#a12626;}


.swiper_box{ position:relative; margin:0 auto 0 auto; width:100%; background:#fff;}

.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}

@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
	}
}


.d_tc_overlay{position: fixed;z-index: 1000;top: 0;width:100%; max-width:750px; height: 100%;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);-webkit-backface-visibility: hidden}

.d_tc{ position:fixed;top:50%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#f14a43; border-radius:8px; 
padding:.07rem; text-align:center; width:3.2rem; z-index:1001;
}
.d_tc h2{padding:.06rem .1rem; font-size:.24rem; font-weight:bolder; color:#f49727; text-align:center;}
.d_tc .d_tc_form{background:#d5322b; border-radius:8px; padding:0 0 .15rem 0; }

.d_tc .d_tc_close{ position:absolute; right:-.1rem; top:-.1rem; width:.315rem; height:.315rem; line-height:.315rem; text-align:center; border:#fff solid 3px;border-radius:100%; color:#fff; font-size:.20rem; background:#eb3941; font-weight:800;}

.d_tc input[type="text"],.d_tc input[type="tel"]{ margin:.09rem auto 0 auto; display:block; border:#fff solid 1px; padding-left:.12rem; text-align:left;width:2.84rem;height:.41rem; line-height:.41rem; border-radius:0px; color:#000;box-sizing:border-box;}

.d_tc button,.d_tc .d_tc_btn{margin:.09rem auto 0 auto; display:block; border:#eb3941 solid 1px; width:2.84rem; height:.41rem; line-height:.41rem;text-align:center; font-size:.20rem; color:#d5322b; background:#f4e393; cursor:pointer; box-sizing:border-box; border-radius:5px;}

.d_tc p{ display:block; padding:.12rem .2rem; text-align:center;font-size:.11rem; color:#fff; text-align:left;}

