body{ background:#fff;}

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

.index_01{ height:847px; background:url(../images/index_01.jpg) no-repeat center center;}
.index_02{ height:582px; background:url(../images/index_02.jpg) no-repeat center center;}
.index_03{ height:810px; background:url(../images/index_03.jpg) no-repeat center center;}
.index_04{ height:967px; background:url(../images/index_04.jpg) no-repeat center center;}
.index_05{ height:1092px; background:url(../images/index_05.jpg) no-repeat center center;}
.index_06{ height:1136px; background:url(../images/index_06.jpg) no-repeat center center;}
.index_07{ height:746px; background:url(../images/index_07.jpg) no-repeat center center;}
.index_08{ height:1004px; background:url(../images/index_08.jpg) no-repeat center center;}
.index_09{ height:569px; background:url(../images/index_09.jpg) no-repeat center center;}
.index_10{ height:763px; background:url(../images/index_10.jpg) no-repeat center center;}


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

.index_03 .qd_btn{ position:absolute; right:250px; top:622px; width:239px; height:66px; background: url(../images/qd_btn.jpg) no-repeat;cursor:pointer;animation:pulse 2s infinite;}
.index_07 .zx_btn{ position:absolute; right:84px; top:400px; width:189px; height:52px; background: url(../images/zx_btn.png) no-repeat;cursor:pointer;animation:pulse 2s infinite;}




.swiper_box,.swiper_box .swiper-container{ position:relative;margin:0 auto; width:1200px;height:673px; overflow:hidden;}
.swiper_box .swiper-container img{ width:100%;height:673px;}
.swiper_box .swiper-slide{ z-index:200;}
.swiper_box_bg{ position:absolute; left:0; bottom:0; height:190px; width:100%; background:rgba(0, 0, 0, .7); z-index:300;}
.swiper_box .swiper_box_list{ z-index:400; position:absolute; left:0; bottom:20px; height:130px; text-align:center; width:100%;}
.swiper_box .swiper_box_list dd{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:218px; height:122px; border:#fff solid 3px; margin:0 17px; cursor:pointer;}
.swiper_box .swiper_box_list img{ width:100%; height:100%;}

.swiper_box .swiper_box_list dd:hover,.swiper_box .swiper_box_list dd.hover{ border-color:#a12626;}

.bm_form { position:absolute; left:380px; top:125px;width:406px; text-align:center;}
.bm_form h2{  border-radius:3px; background:#e9d3b6; padding:18px; text-align:center; color:#4b4b4b; font-size:20px;}
.bm_form h2 strong{ color:#be6043;}

.bm_form input[type="text"],.bm_form input[type="tel"]{ display:block;margin:25px 0 0 0; border:#fff solid 1px; padding-left:76px; text-align:left;width:404px;height:55px; border-radius:3px; 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{ display:block; margin:25px 0 0 0;  border:0; background:#e7484e;width:406px;height:59px; line-height:55px; text-align:center; font-size:28px; color:#fff; border-radius:0px; box-sizing:border-box; cursor:pointer; background:url(../images/bm_form_btn.png) no-repeat center center;  }
.bm_form button:hover,.bm_form .bm_form_btn:hover{ background-position: center bottom;}
.bm_form p{ display:block; padding:24px 0 0 0; text-align:center; color:#f5f5f5;}

.customers{  position:absolute; left:842px; top:205px; }

.customers_box{ width:284px; height:278px;}
.customers_list{ height:278px; overflow:hidden;}
.customers_list dd{ line-height:20px; color:#5d5455;}
.customers_list dd label{ margin-left:10px; color:#999; font-size:12px;}
.customers_list dd span{ margin-left:10px; 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
	}
}