body{ background:#f4e5e1;}

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

.index_01{ height:782px; background:url(../images/index_01.jpg) no-repeat center center;}
.index_02{ height:703px; background:url(../images/index_02.jpg) no-repeat center center;}
.index_03{ height:751px; background:url(../images/index_03.jpg) no-repeat center center;}
.index_04{ height:1155px; background:url(../images/index_04.jpg) no-repeat center center;}
.index_05{ height:802px; background:url(../images/index_05.jpg) no-repeat center center;}
.index_06{ height:654px; background:url(../images/index_06.jpg) no-repeat center center;}
.index_07{ height:788px; background:url(../images/index_07.jpg) no-repeat center center;}
.index_08{ height:970px; background:url(../images/index_08.jpg) no-repeat center center;}
.index_09{ height:575px; background:url(../images/index_09.jpg) no-repeat center center;}
.index_10{ height:764px; background:url(../images/index_10.jpg) no-repeat center center;}


.swiper_box{position:relative; margin:0 auto;width:1200px; height:673px;}
.swiper_box img{width:1200px; height:673px;}
.swiper_box .swiper-slide{z-index:20;}
.swiper_box .swiper-pagination-fraction{bottom: 55px;}
.swiper_box .swiper-pagination-bullet{width: 15px; height: 15px; border-radius: 50%; background: #fff;}
.swiper_box .swiper-pagination-bullet-active{background: #eb6100;}
.swiper_box .swiper-slide > a{display:block !important; background-size: contain; overflow: hidden;}
.swiper_box .swiper-slide img{height:100%;}
.swiper_box .swiper-button-prev{width: 80px; height: 560px; position: absolute; left: 0; top: 50%; margin-top: -280px; z-index: 500; cursor: pointer; background-position: center center; background-size: 40% auto;}
.swiper_box .swiper-button-next{width: 80px; height: 560px; position: absolute; right: 0; top: 50%; margin-top: -280px; z-index: 600; cursor: pointer; background-position: center center; background-size: 40% auto;}


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

.content_box .zx_btn,.swiper_box .zx_btn{ position:absolute; color:#fa5d7c; font-size:30px; text-align:center; cursor:pointer;animation:pulse 2s infinite; z-index:40}


.index_03 .zx_btn{ top:512px; left:716px; width:312px; height:64px; line-height:64px;}
.index_04 .zx_btn1{ top:527px; left:752px; width:298px; height:76px; line-height:76px;}
.index_04 .zx_btn2{ top:1007px; left:144px; width:298px; height:76px; line-height:76px;}

.index_05 .zx_btn1{ top:588px; left:104px; width:164px; height:64px; line-height:64px;}
.index_05 .zx_btn2{ top:588px; left:488px; width:164px; height:64px; line-height:64px;}
.index_05 .zx_btn3{ top:588px; left:853px; width:164px; height:64px; line-height:64px;}

.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:72px; top:164px;}


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