
body{ background:#f4e5e1;}

.img_box{ margin:0 auto; min-width:1200px;}

.index_01{ height:823px; background:url(../images/index_01.jpg) no-repeat center center;}
.index_02{ height:625px; background:url(../images/index_02.jpg) no-repeat center center;}
.index_03{ height:755px; background:url(../images/index_03.jpg) no-repeat center center;}
.index_04{ height:677px; background:url(../images/index_04.jpg) no-repeat center center;}
.index_05{ height:990px; background:url(../images/index_05.jpg) no-repeat center center;}
.index_06{ height:968px; background:url(../images/index_06.jpg) no-repeat center center;}
.index_07{ height:570px; background:url(../images/index_07.jpg) no-repeat center center;}
.index_08{ height:768px; background:url(../images/index_08.jpg) no-repeat center center;}
.index_09{ height:714px; background:url(../images/index_09.jpg) no-repeat center center;}




.content_box{ position:relative;  margin:0 auto;width:1200px; height:100%;}

.content_box .zx_btn{ position:absolute; width:217px; height:74px; cursor:pointer;animation:pulse 2s infinite; z-index:40; background:url(../images/zx_btn.png) no-repeat left center;}

.content_box .zx_go{ position:absolute; width:324px; height:158px; top:320px; left:676px; cursor:pointer;animation:pulse 2s infinite; z-index:40; background:url(../images/zx_go.png) no-repeat left center;}

.content_box .cy_btn{ position:absolute; color:#fff; width:390px; height:60px; line-height:60px; font-size:26px; text-align:center; cursor:pointer;animation:pulse 2s infinite; z-index:40}



.index_03 .zx_btn1{ top:622px; left:101px; }
.index_03 .zx_btn2{ top:622px; left:483px;}
.index_03 .zx_btn3{ top:622px; left:893px;}

.index_05 .cy_btn1{ bottom:56px; left:2px;}
.index_05 .cy_btn2{ bottom:56px; left:405px;}
.index_05 .cy_btn3{ bottom:56px; left:809px;}

.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_box { margin:0 auto; padding-top:50px; width:1096px;}

.bm_form{ position:relative; float:left; width:635px; height:238px; background:#e1a96a;}

.bm_form h2{ display:block; padding:30px 0 0 0; height:36px; font-size:24px; color:#fff; text-align:center;}

.bm_form input[type="text"],.bm_form input[type="tel"]{ margin:14px auto 0 34px; display:block; border:#fff solid 1px; padding-left:68px; text-align:left;width:436px;height:56px; 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{ position:absolute; top:80px; left:482px; padding-top:25px; border:0; background:#e7484e;width:114px;height:126px; text-align:center; line-height:35px; text-align:center; font-size:30px; color:#fff; border-radius:0px; cursor:pointer;box-sizing:border-box;  }
.bm_form button:hover,.bm_form .bm_form_btn:hover{ background-position: center bottom;}


.bm_form_right{ float:right; width:435px;}
.customers{background:#e1a96a; border-radius:5px; }

.customers h2{ font-size:24px; color:#fff; text-align:center; height:50px; line-height:50px;}
.customers_box{padding:15px 0; background:#f7f7f7; border-radius:5px;}
.customers_list{ height:120px; 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;}
.bm_form_right p{ display:block; padding:13px 0 0 0; text-align:center; color:#ee6985;}

@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
	}
}
