@charset "utf-8";
/*begin  --------clear */
*{margin:0;padding:0;text-decoration:none;outline:none;}
.wrap a,.wrap a:link,.wrap a:hover,.wrap a:focus,.wrap a:active,.wrap a:visited,.wrap a img{outline:none;text-decoration:none !important; border:none; color: #fff;}
.clear{clear:both;display:block;width:100%;height:0;font-size:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
object,.wrap embed{display:block;outline:0}
html,body{-webkit-text-size-adjust:none;width:100%;height:100%;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.wrap{position:relative;overflow:hidden;margin:0 auto;width:100%; height:auto; max-width:1920px; min-width:1200px; background:#fff; font-size:14px; font-family:"微软雅黑";}
.wrap textarea{overflow:auto;resize:none;}
.wrap img{display:block;margin:0;padding:0;border:0 none;}
.wrap ul,.wrap ul li{list-style:none;}
.wrap br{font-size:0;line-height:0}
.left{float:left;}
.right{float:right;}
.bg100{width:100%;}
.bg12{margin:0 auto;width:1200px;position:relative}
.wrap .first_child,.wrap li:first-child{margin-left:0 !important;}
.wrap .last_child,.wrap li:last-child{margin-right:0 !important;}
/*end--------clear  */
/*star --slider 通用*/
.slick-slider{position:relative;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0 auto;}
.slick-list:focus{outline:0;}
.slick-track{position:relative;top:0;left:0;display:block;zoom:1;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{position:relative;float:left;min-height:1px;}
.slick-slide images{display:block!important;}
.slick-slide.slick-loading images{display:none;}
.slick-slide.dragging images{pointer-events:none;}
.slick-initialized .slick-slide{position:relative;display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.btn_slick{position:absolute;display:block;padding:0;outline:0;border:0;font-size:0;line-height:0;cursor:pointer;}
.slick-prev{left:0;}
.slick-next{right:0;}

.section .btn_zx{display:block; width:150px;  text-align:center;height:46px; background: #937344; line-height:46px; font-size:22px; color: #fff;z-index:10;position:relative; margin:-3% auto 0;opacity: 0;transition: all 0.5s ease-in-out;}
.section.active .btn_zx{margin-top: 3%;opacity: 1;}
.section .btn_zx:hover{color: #937344; background: #34271a;}

.bg_line{width:100%;position: absolute; top:0; left: 0;z-index:2;opacity: 0;transition: all 1s ease-in-out;}
.bg_line img{width: 100%;}
.section1{background: url(../images/zt_01.jpg) no-repeat top center; background-size: 100%; width: 100%; height: 100%;}

.section1 .bg11{ position:absolute; width:41%; left:60%; top:39.4%;transition: all 1s; opacity:0; }
.active .bg11 { transition-delay: 0.7s;left:47.4%; opacity:1;}

/*section2*/
.section2{position: relative;}
.section2 img{ width:100%;}

.bg21 { position: absolute; left:44%; width:38%;  transition: all 1s;  opacity: 0; top:1%;}
.active .bg21 { opacity: 1; top:22.2%; transition-delay: 0.7s;}

.bg22 { position: absolute;bottom:0%; left:28.9%; width:46.5%;  transition: all 1s; opacity:0; }
.active .bg22 { transition-delay: 0.7s;bottom:24.5%; opacity:1;}


/*section3*/
.section .scroll_img{position:absolute;height: 100%; width: 100%; top:0; left:0;}
.scroll_img .con_slider{position:relative;}
.con_slider > img{width: 100%;}
.scroll_img {text-align: center;}
.scroll_img .slick-dots{position: absolute; bottom:20px; left: 50%; margin-left:362px;z-index: 10;}
.scroll_img .slick-dots li{float: left;margin-left: 17px;}
.scroll_img .slick-dots li span {background: #fff none repeat scroll 0 0;border-radius:30px;cursor: pointer;display: block;height:22px;width:22px;}
.scroll_img .slick-dots li.slick-active span{background: #937343 none repeat scroll 0 0;}



/*section4*/
.support{overflow:hidden;position: relative;z-index: 10;}
.support ul{width:100%;height:100%; overflow: hidden;}
.support ul li{ width:25%;display:block;overflow:hidden;position:relative;float:left;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity: 0.6;}
.support ul li img{display:block; width:100%;}

.section4{background:#fff url(../images/zt_04.jpg) no-repeat 50%; background-size: 100%; position: relative;}
#section4_a_1,#section4_a_2,#section4_a_3,#section4_a_4,#section4_a_5{
	position: absolute;
	left: 0px;
	top: 0px;
}
#section4_a_1 h1 img,#section4_a_2 h1 img,#section4_a_3 h1 img,#section4_a_4 h1 img,#section4_a_5 h1 img{width: 90%; margin:5%;}
#section4_a_1 span,#section4_a_2 span,#section4_a_3 span,#section4_a_4 span,#section4_a_5 span{display: block; margin-top: -100%;}
#section4_a_1 span img,#section4_a_2 span img,#section4_a_3 span img,#section4_a_4 span img,#section4_a_5 span img {width: 100%;display: block;}
/*.section4 ul li#section4_a_1{width: 200px; height: 200px; background: url("../images/zt_4_hover.png") -218px -22px no-repeat; margin-left: -720px !important; margin-top: -360px;}
.section4 ul li#section4_a_2{width: 200px; height: 200px; background: url("../images/zt_4_hover.png") 0px 12px no-repeat; margin-left: -890px !important; margin-top: -113px;}
.section4 ul li#section4_a_3{width: 240px; height: 240px; background: url("../images/zt_4_hover.png") -474px -22px no-repeat; margin-left: -683px !important; margin-top: 90px;}
.section4 ul li#section4_a_4{width: 265px; height: 265px; background: url("../images/zt_4_hover.png") -730px -4px no-repeat; margin-left: 562px !important; margin-top: -310px;}
.section4 ul li#section4_a_5{width: 200px; height: 200px; background: url("../images/zt_4_hover.png") -780px -302px no-repeat; margin-left: 545px !important; margin-top: 135px;}*/

.section4_box{position: absolute; width: 100%; left: 50%; top: 50%; margin-left: -50%; top: auto;}

.section4_img{text-align: center;}
.section4_img img{display: block; margin:auto;}

.section4 ul li#section4_a_1{width: 11.8229%; margin-left: 12.5% !important; margin-top: 2%;}
.section4 ul li#section4_a_2{width: 15.3645%; margin-left: 78.125% !important; margin-top: 5%;}
.section4 ul li#section4_a_3{width: 10.2083%; margin-left: 6.125% !important; margin-top: 15%;}
.section4 ul li#section4_a_4{width: 13.59375%; margin-left: 12% !important; margin-top: 27%;}
.section4 ul li#section4_a_5{width: 11.8229%; margin-left: 78.125% !important; margin-top: 26%;}

/*section5*/
.section5{background:#fff url(../images/zt_05.jpg) no-repeat 50%; position: relative; background-size: 100%;}
.section5_box{ position: absolute; width: 100%; top:50%; left: 50%; margin-left: -145px; margin-top: -482px;}
.section5_box ul{height: 964px;}
.section5_box ul li{width: 611px;}
.section5_box ul li#section5_box_1 img,.section5_box ul li#section5_box_2 img,.section5_box ul li#section5_box_3 img,.section5_box ul li#section5_box_4 img{width: 100%;}
.section5_box ul li#section5_box_1{width: 13.28125%; margin-top: 8%;}
.section5_box ul li#section5_box_2{width: 13.28125%; margin-top: 1%;}
.section5_box ul li#section5_box_3{width: 13.28125%; margin-top: 1%; position: absolute; margin-left: 1%;}
.section5_box ul li#section5_box_4{width: 13.28125%; margin-top: 2%; position: absolute; margin-left: 15%;}

.section5_hover{ position: absolute; width: 100%; top:50%; left: 50%; margin-top:-3%; margin-left: -37%; width: 25%;}
.section5_hover ul li{display: none;}
.section5_hover ul li h1{font-size: 36px; text-align: center; margin-bottom: 20px;}
.section5_hover ul li p{color: #666666; font-size: 30px; line-height: 56px;}

@media all and (max-width: 2000px) {
	.section5_hover ul li h1{font-size: 36px; text-align: center; margin-bottom: 20px;}
	.section5_hover ul li p{color: #666666; font-size: 30px; line-height: 56px;}
	.section5_box ul li#section5_box_1{width: 13.28125%; margin-top: -2%;}
	.section5_box ul li#section5_box_2{margin-top: 1%;}
	.section5_box ul li#section5_box_3{margin-top: 1%;margin-left: 1%;}
	.section5_box ul li#section5_box_4{margin-top: 2%;margin-left: 15%;}
}

@media all and (max-width: 1600px) {
	.section5_hover ul li h1{font-size: 2em; text-align: center; margin-bottom: 20px;}
	.section5_hover ul li p{color: #666666; font-size: 1.6em; line-height: 1.8em}
	.section5_box ul li#section5_box_1{width: 13.28125%; margin-top: 5%;}
	.section5_box ul li#section5_box_2{margin-top: 1%;}
	.section5_box ul li#section5_box_3{margin-top: 1%;margin-left: 1%;}
	.section5_box ul li#section5_box_4{margin-top: 2%;margin-left: 15%;}
}

@media all and (max-width: 1400px) {
	.section5_hover ul li h1{font-size: 1.5em; text-align: center; margin-bottom: 20px;}
	.section5_hover ul li p{color: #666666; font-size: 1.3em; line-height: 1.8em}
	.section5_box ul li#section5_box_1{width: 13.28125%; margin-top: 8%;}
	.section5_box ul li#section5_box_2{width: 13.28125%; margin-top: 1%;}
	.section5_box ul li#section5_box_3{width: 13.28125%; margin-top: 1%; position: absolute; margin-left: 1%;}
	.section5_box ul li#section5_box_4{width: 13.28125%; margin-top: 2%; position: absolute; margin-left: 15%;}
}

/*section6*/
.section6{position: relative;}
.section6 .slick-dots li span{background: #A1979A;}
.section7{width: 100%; height: 100%;}

.section8{width: 100%; height: 100%;background:#fff url(../images/zt_08_bg.jpg)  no-repeat 50%;}
.section8 .scroll_img,.section8 .con_slider{width: 100%; height: 100%;}
#section8_2 img,#section8_3 img,#section8_4 img{top: 50%;}