
body{ background:#fff;}
.img{ width:100%;}
.img img{ width:100%;}


.index_03 { }

.bm_form_title{ color:#da2d45; font-size:.22rem; width:100%; text-align:center; height:.46rem; line-height:.46rem; font-weight:bolder;}
.bm_form_title strong{ margin:0 .06rem; padding:0 .05rem; border-radius:.46rem;  background:#da2d45; color:#fff;}


.bm_form { margin:0 auto 0 auto; padding-bottom:.12rem box-sizing:border-box;  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 .02rem;font-size:.16rem; color:#000000; }
.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:#000000 solid 2px; 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:block; margin:0.09rem auto 0 auto; border:#000000 solid 2px; padding-left:0.5rem; text-align:left;width:3.4rem;height:0.48rem; border-radius:0px; font-size:0.14rem; color:#000; box-sizing:border-box;}

input.realname{ background:#fff url(../images/realname_btn.png) no-repeat 0.10rem center; background-size:auto 0.3rem;}
input.telephone{background:#fff url(../images/telephone_btn.png) no-repeat 0.10rem center;background-size:auto 0.3rem;}

.bm_form input.areas{background:#fff url(../images/areas_btn.png) no-repeat 0.10rem center;background-size:auto 0.3rem;}



.bm_form button,.bm_form .bm_form_btn{  margin:0.05rem auto 0 auto; display:block; border:0; background:#ee2024; background-size:.645rem auto;width:3.4rem;height:0.44rem; line-height:.44rem; text-align:center; font-size:.24rem; color:#fff; border-radius:4px; box-sizing:border-box; cursor:pointer; }

.bm_form p{ display:block; padding:.12rem 0 0 0; font-size:.12rem; text-align:center; color:#5c5c5c;}



.customers{ margin:0 auto;background:#c9161e; width:3.54rem;   border-radius:0px; }

.customers h2{ font-size:.15rem; color:#fff; text-align:center; height:.325rem; line-height:.325rem;}
.customers_box{padding:.12rem 0; background:#f4f4f4; border-radius:0px;}
.customers_list{ height:.6rem; overflow:hidden;}
.customers_list dd{ font-size:.14rem; line-height:.2rem;  color:#5d5455; text-align:center;}
.customers_list dd label{ margin-left:.05rem; color:#999; font-size:.12rem;}
.customers_list dd span{ margin-left:.08rem; color:#999; font-size:.12rem;}



.content_box{ position:relative; margin:0 auto;width:100%; height:100%; text-align:center;}


.index_04 {height:2.19rem; background:url(../images/index_04.jpg) no-repeat;background-size:contain;}
.index_05 {height:2.13rem; background:url(../images/index_05.jpg) no-repeat;background-size:contain;}
.index_06 {height:3.53rem; background:url(../images/index_06.jpg) no-repeat;background-size:contain;}
.index_07 {height:3.46rem; background:url(../images/index_07.jpg) no-repeat;background-size:contain;}

.index_08 {height:2.46rem; background:url(../images/index_08.jpg) no-repeat;background-size:contain;}
.index_09 {height:1.795rem; background:url(../images/index_09.jpg) no-repeat;background-size:contain;}
.index_10 {height:1.825rem; background:url(../images/index_10.jpg) no-repeat;background-size:contain;}

.content_box .yy_btn{ position:absolute; left:1.725rem; top:2.64rem;width:1.75rem; height:.53rem; cursor:pointer; background:url(../images/yy_btn.png) no-repeat center center; background-size:contain;animation:pulse 2s infinite;}

.content_box .bg_btn{ position:absolute;width:1.29rem; height:.21rem; line-height:.21rem; text-align:center; color:#fdfdfc; background:#ee2024; font-size:.11rem; cursor:pointer; border-radius:6px; }

.content_box .dbg_btn{ position:absolute;width:2.075rem; height:.33rem; line-height:.33rem; text-align:center; color:#fdfdfc; background:#ee2024; font-size:.16rem; cursor:pointer; border-radius:6px; }

.content_box .bbg_btn{ position:absolute;width:1.55rem; height:.29rem; line-height:.29rem; text-align:center; color:#ee2024; background:#fff; font-size:.16rem; cursor:pointer; border-radius:6px; }
.content_box .hbg_btn{ position:absolute;width:.715rem; height:.2rem; line-height:.2rem; text-align:center; color:#fff; background:#ee2024; font-size:.11rem; cursor:pointer; border-radius:.2rem; }

.index_04  .bg_btn{ top:1.625rem; left:.13rem}
.index_05  .bg_btn{ top:1.5rem; right:.13rem}
.index_06  .dbg_btn{ top:2.83rem; right:.83rem}

.index_07 .bg_btn1{ left:1.075rem; top:1.15rem;}
.index_07 .bg_btn2{ left:1.075rem; top:2.73rem;}

.index_08 .hbg_btn{right:.22rem;top:2.09rem;}

.index_09 .hbg_btn{left:.22rem;top:1.47rem;}
.index_10 .hbg_btn{right:.22rem;top:1.425rem;}


.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;}

