@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;border: 0;}
#sections{ font-family:"Microsoft YaHei","SimSun",'宋体';font-size:0.875em; background-color:#fff;width:100%;}
#sections h1,em{font-style:normal; font-weight:normal;}
#sections p{ line-height:2em;}
#sections img{display:block;}
#sections li{ list-style:none;}
#sections .cboth{ clear:both;}
#sections a{ text-decoration:none;}



#sections >div[id^="section"]{ margin:0px auto;}

/*section01*/
#section01{ width:100%; position:relative;}
#section01 img{ width:100%;}
#section01 .sec01{ width:53%; position:absolute; left:31%; top:35%;}

/*section02*/
#section02{ width:100%;}

/*流程*/
/*star --slider 通用*/
.slick-slider { position: relative;}
.slick-list { position: relative; overflow: hidden; display: block;margin: 0 auto; }
.slick-list:focus { outline: none; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float:left;min-height: 1px; position:relative;}
.slick-slide img { display: block !important; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; position: relative; }
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide {display:block; height:auto; }
/*end --slider 通用  */
#title_lc{ width: 100%; height:999px;position: relative; overflow: hidden; }
#title_lc .slider_lc{ widows: 100%; height: 999px; text-align: center; color: #fff; position: relative; background-position: center center;}

/*dots*/
#title_lc .slick-dots{ position: absolute; bottom:50px; left:48%;}
#title_lc .slick-dots li{float:left; margin-left: 17px;}
#title_lc .slick-dots li span{width:16px; height: 16px;display:block; background:#fff;border-radius: 8px;cursor: pointer;}
#title_lc .slick-dots li.slick-active span{ background: #937343;}
/*btn left right*/
#title_lc .slick-prev,#title_lc .slick-next{ width:34px; height:52px; display: block; position: absolute; top: 50%; margin-top: -22px; cursor: pointer; transition: all 1s ease-out;}
#title_lc .slick-prev{ left:10%; background: url(../images/btn_left.png) no-repeat;}
#title_lc .slick-next{ right:10%; background: url(../images/btn_right.png) no-repeat;}



/*section03*/
#section03{ width:100%;position:relative;}
#section03 > img{ width:100%;}
#section03 .sec03{ width:915px;position:absolute; left:19%; top:18%;}
#section03 .sec03 ul{ position:relative;}
#section03 .sec03 li{ width:172px; overflow:hidden; float:left; position:relative;}
#section03 .sec03 li.sec03curli{ width:570px;}

#section03 .sec03 li span{ width:100%; height:681px; background-color:#fff; opacity:0.48; position:absolute;top:0; left:0; display:block;}
#section03 .sec03 li.sec03curli span{ opacity:0;}

/*section04*/
#section04{ width:100%;}


/*section05*/
#section05{ width:100%; height:1000px; background:url(../images/sec05_1.jpg) center no-repeat;}
#section05 .sec05{ width:1200px; margin:0px auto; padding-top:275px;}
#section05 .sec05 >div{ width:989px; height:655px; margin:0px auto;}

#section05 .sec05 ul{ left:34%; bottom:-45px;}
#section05 .sec05 span.slick-prev{ left:-9%;}
#section05 .sec05 span.slick-next{ right:-9%;}

#section05 .sec05 p{ position: absolute; color:#fff; bottom:-10px; font-size:30px; text-align:center; width:100%;}

/*section06*/
#section06{ width:100%; background-color:#000; }
#section06 .sec06title{ width:951px; margin:0px auto; padding-top:50px;}
#section06 .sec06{ width:100%;}
#section06 .sec06 p{ width:248px; margin:115px auto 0;}

#section06 .sec06 ul{ width:100%; height:140px; border-top:1px dashed #343434; margin-top:105px; position:relative;}
#section06 .sec06 ul li{position:absolute;top:25px; }
#section06 .sec06ali{ left:60%; border-right:1px solid #fff; padding-right:30px;}
#section06 .sec06bli{ left:85%; padding-top:5px;}
#section06 .sec06bli a{ width:46px; float:left;}
#section06 .sec06bli a + a{ margin-left:10px;}

/*section07*/
#section07{ width:100%;}
#section07 .sec07{ width:1200px; margin:0px auto;}

/*section08*/
#section08{ width:100%;}
#section08 .sec08{ width:1200px; margin:0px auto;}


@media (min-width:1600px) and  (max-width:1680px){
	#section03 .sec03{ width:759px; left:19%; top:12%;}
	#section03 .sec03 li{ width:142px; overflow:hidden; float:left;}
	#section03 .sec03 li.sec03curli{ width:473px;}
}

@media (min-width:1360px) and  (max-width:1366px){
	#section03 .sec03{ width:640px; left:19%; top:1%;}
	#section03 .sec03 li{ width:120px; overflow:hidden; float:left;}
	#section03 .sec03 li.sec03curli{ width:399px;}
}

.share{/*width:506px;height:94px; position:fixed; bottom:5%; right: 0; background: url(../images/img_share_bg.jpg) no-repeat left top; transition: all 0.5s ease-in-out;z-index: 10;*/}
.share.click{width:105px;}
.btn_share_right{width:15px; height: 100%; background:transparent; position: absolute; top: 0; left: 0; cursor: pointer;}
.bshare-custom.icon-medium-plus{position:absolute; right:10px; top:50px;display: block;}
.share.click .bshare-custom.icon-medium-plus{display:none;}
.bshare-custom.icon-medium-plus a{display: block;width:46px; height: 39px; float: left;margin: 0; margin-right: 20px !important;padding:0 !important;}
.bshare-custom.icon-medium-plus .bshare-weixin{background: url(../images/sec06_5.jpg) no-repeat center top !important;}
.bshare-custom.icon-medium-plus .bshare-sinaminiblog{background: url(../images/sec06_6.jpg) no-repeat center top !important;}
.bshare-custom.icon-medium-plus .bshare-qqmb{background: url(../images/sec06_7.jpg) no-repeat center top !important;}