body{ background:#f4e5e1;}

.img_box{ margin:0 auto; min-width:1200px;}

.index_01{ height:645px; background:url(../images/index_01.jpg) no-repeat center center;}
.index_02{ height:125px; background:url(../images/index_02.jpg) no-repeat center center;}
.index_03{ height:667px; background:url(../images/index_03.jpg) no-repeat center center;}
.index_04{ height:378px; background:url(../images/index_04.jpg) no-repeat center center;}
.index_05{ height:684px; background:url(../images/index_05.jpg) no-repeat center center;}
.index_06{ height:542px; background:url(../images/index_06.jpg) no-repeat center center;}
.index_07{ height:677px; background:url(../images/index_07.jpg) no-repeat center center;}
.index_08{ height:626px; background:url(../images/index_08.jpg) no-repeat center center;}
.index_09{ height:994px; background:url(../images/index_09.jpg) no-repeat center center;}
.index_10{ height:536px; background:url(../images/index_10.jpg) no-repeat center center;}
.index_11{ height:794px; background:url(../images/index_11.jpg) no-repeat center center;}

.content_box{ position:relative;  margin:0 auto;width:1200px; height:100%;}

.content_box .zx_btn{ position:absolute; width:301px; height:75px; background:url(../images/zx_btn.png) no-repeat center top; cursor:pointer;animation:pulse 2s infinite;}
.content_box .gm_btn{ position:absolute; width:301px; height:75px; background:url(../images/gm_btn.png) no-repeat center top; cursor:pointer;animation:pulse 2s infinite;}

.index_05 .zx_btn{ left:758px; top:563px;}
.index_06 .zx_btn{ left:100px; top:404px;}

.index_07 .gm_btn{ left:458px; top:550px;}


.box_djs{ position:absolute; top:25px; left:446px;  font-size:0;}
.box_djs span{ margin-right:48px; padding-left:9px; width:100px;font-size:58px; line-height:70px; color:#fff;letter-spacing:22px;display:inline-block;*display:inline;*zoom:1; vertical-align:top;}
.box_djs span.minute{margin-right:52px;}
.box_djs span.second{margin-right:0px;}






.bm_form { position:absolute; right:48px; top:120px;width:435px;}


.bm_form input[type="text"],.bm_form input[type="tel"]{ margin:14px auto 0 auto; display:block; border:#fff solid 1px; padding-left:68px; text-align:left;width:435px;height:55px; border-radius:0px; box-sizing:border-box; font-size:18px; color:#000;}


.bm_form input.realname{ background:#fff url(../images/realname_btn.png) no-repeat 18px center; }
.bm_form input.telephone{background:#fff url(../images/telephone_btn.png) no-repeat 18px center;}


.bm_form button,.bm_form .bm_form_btn{ margin:15px auto 0 auto; display:block; border:0; background:#e7484e;width:435px;height:55px; line-height:55px; text-align:center; font-size:28px; color:#fff; border-radius:0px; box-sizing:border-box; cursor:pointer; }
.bm_form button:hover,.bm_form .bm_form_btn:hover{ background-position: center bottom;}
.bm_form p{ display:block; padding:20px 0 0 0; text-align:center; color:#967f63;}

.customers{ margin-top:22px;background:#f4e393; border-radius:5px; }

.customers h2{ font-size:24px; color:#967f63; text-align:center; height:50px; line-height:50px;}
.customers_box{padding:15px 0; background:#fff; border-radius:5px;}
.customers_list{ height:150px; overflow:hidden;}
.customers_list dd{ line-height:20px; padding-left:60px; color:#5d5455;}
.customers_list dd label{ margin-left:10px; color:#999; font-size:12px;}
.customers_list dd span{ margin-left:30px; color:#999; font-size:12px;}

.pc_customerscounts{ height:45px; line-height:45px; color:#000; text-align:center;}
.pc_customerscounts .customerscounts{ color:#d71309;}
.pc_tips{ height:48px; line-height:48px;  text-align:center;font-size:12px; color:#8e8c8c;}

.styles_dl{ display:block;text-align:center;}
.styles_dl dd{font-size:12px;}

/*
.styles_dl input[type="radio"] {position:absolute;display:none;}
.styles_dl input[type="radio"]+label{display:inline-block;*display:inline;*zoom:1; vertical-align:middle;border:1px solid #c0c0c0; padding:0 0.08rem; border-radius:3px;}
.styles_dl input[type="radio"]:checked +label{ border: 1px solid #bc9c61; color:#fff; background:#bc9c61; }

*/

.styles_dl input[type="checkbox"] {position:absolute;display:none;}

.styles_dl input[type="checkbox"]+label{position:relative;display:inline-block;*display:inline;*zoom:1; margin:11px 3px 0 3px; width:78px; height:38px; line-height:38px; border:#a5a4a3 solid 1px; cursor: pointer;vertical-align:top;color:#25201f; background:#fff;}


.styles_dl input[type="checkbox"]:checked+label{border:#da251d solid 1px; background:#da251d;color:#fff; }



.tc_box{ display:none;position:fixed; top:50%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#fff; border-radius:8px; 
padding:30px 33px 33px 33px; text-align:center;
}

.tc_box h2{ font-size:32px; font-weight:bolder; color:#000; text-align:center;}
.tc_box h4{ font-size:16px; color:#000; text-align:center;}

.tc_box input[type="text"],.tc_box input[type="tel"]{ margin:18px auto 0 auto; display:block; border:#a5a4a3 solid 1px; padding-left:68px;font-size:18px; text-align:left;width:608px;height:50px; border-radius:0px; box-sizing:border-box; font-size:14px; color:#000;}


.tc_box input.realname{ background:#fff url(../images/realname_btn.png) no-repeat 17px center; }
.tc_box input.telephone{background:#fff url(../images/telephone_btn.png) no-repeat 17px center;}
.tc_box button,.tc_box .tc_box_btn{ margin:0 auto 0 auto; display:block; border:0; background:url(../images/tc_box_btn.png) no-repeat center top; width:381px; height:68px; line-height:46px;animation:pulse 2s infinite; cursor:pointer; }
.tc_box button:hover,.tc_box .tc_box_btn:hover{ background-position: center bottom;}
.tc_box .styles_dl input[type="checkbox"]+label{ width:194px; height:45px; line-height:45px;}

.tc_box .tc_box_close{ position:absolute; right:10px; top:10px; width:38px; height:38px; line-height:38px; text-align:center; border:#d8160d solid 1px;border-radius:100%; color:#d8160d; font-size:20px;}

@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
	}
}