body{ background:#f4e5e1;}

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

.index_01{ height:796px; background:url(../images/index_01.jpg) no-repeat center center;}
.index_02{ height:289px; background:url(../images/index_02.jpg) no-repeat center center;}
.index_03{ height:539px; background:url(../images/index_03.jpg) no-repeat center center;}
.index_04{ height:943px; background:url(../images/index_04.jpg) no-repeat center center;}
.index_05{ height:945px; background:url(../images/index_05.jpg) no-repeat center center;}
.index_06{ height:943px; background:url(../images/index_06.jpg) no-repeat center center;}
.index_07{ height:939px; background:url(../images/index_07.jpg) no-repeat center center;}
.index_08{ height:729px; background:url(../images/index_08.jpg) no-repeat center center;}
.index_09{ height:983px; background:url(../images/index_09.jpg) no-repeat center center;}
.index_10{ height:546px; background:url(../images/index_10.jpg) no-repeat center center;}
.index_11{ height:807px; background:url(../images/index_11.jpg) no-repeat center center;}




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

.content_box .sj_btn{ position:absolute; width:200px; height:57px; top:518px; left:752px; cursor:pointer;animation:pulse 2s infinite; z-index:40; background:url(../images/sj_btn.png) no-repeat left center;}

.content_box .bj_btn{ position:absolute; width:200px; height:57px; top:518px; left:958px; cursor:pointer;animation:pulse 2s infinite; z-index:40; background:url(../images/bj_btn.png) no-repeat left center;}

.index_08 .sj_btn{ top:620px; left:200px;}
.index_08 .bj_btn{ top:620px; left:824px;}








.bm_form { position:absolute; right:85px; top:35px;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:#f5f5f5 url(../images/realname_btn.png) no-repeat 18px center; }
.bm_form input.telephone{background:#f5f5f5 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:#ee6985;}

.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:#f7f7f7; border-radius:5px;}
.customers_list{ height:80px; 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;}



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