@charset "utf-8";
/* CSS Document */
body{padding:0px;margin:0px;font-size:12px;font-family:"微软雅黑";border:none;text-align:center; color:#d63a05;}
ul,li{margin:0px;padding:0px;border:none;border:0; list-style:none;}
p{ padding:0; margin:0;}
a{ text-decoration:none; outline:none;}
a:focus{outline:none;}
a.hidefocus{outline:none}
img{ border:none;}
.pabs{ position:absolute;}
.prov{ position:relative; overflow:hidden;}
a{outline:none;blr:expression(this.onFocus=this.blur());}
.w1200{ margin:auto; width:1280px;  position:relative;}

@-webkit-keyframes optCss {
	0% {
		-webkit-transform:translate(0,30%);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes optCss {
	0% {
		transform:translate(0,30%);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

@-webkit-keyframes upCss {
	0% {
		-webkit-transform:translate(0,-5%);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes upCss {
	0% {
		transform:translate(0,-5%);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

#top{background:url(../../images/zhuanti/20190220/top2.jpg) no-repeat center top; width:100%; min-width:1280px; overflow:hidden; height:auto; position:relative;  }
#top .w1200{ height:868px; position:relative;}
#top .turl{ height:41px; width:auto; position:absolute; top:0px; left:875px;}
#top .turl a{  line-height:39px; float:left; margin-right:30px;   color:#ffe4db; font-size:16px;}
#top .turl a:hover{ color:#fc7961;}
#top .logo{ width:121px; height:67px; position:absolute; top:13px; right:27px; display:block;}
#top .z{ position:absolute; width:545px; height:665px; background:url(../../images/zhuanti/20200303/z.png); top:93px; right:-33px;}

#top .z{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:upCss;
	animation-name:upCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:2s;
	animation-duration:2s;
}


.zbox{ width:100%; height:auto; min-width:1280px; }

.zbox1{background:url(../../images/zhuanti/20200303/bg1.jpg) no-repeat center top;}
.zbox1 .w1200{ height:919px;}
.zbox1 .b1wp{ float:left; width:auto;margin-left:298px; margin-top:165px; position:relative; }
.zbox1 .b1wp a{ float:left; width:155px; height:161px; margin-top:6px; background:url(../../images/zhuanti/20200303/dj.png) no-repeat;}
.zbox1 .b1wp a.b1a1{ background-position:left top; width:183px; margin-right:22px;}
.zbox1 .b1wp a.b1a2{ background-position:-205px top; margin-right:18px;}
.zbox1 .b1wp a.b1a3{ background-position:-378px top; margin-right:12px;}
.zbox1 .b1wp a.b1a4{ background-position:-545px top; }

.zbox1 .b2wp{ float:left; width:100%; height:auto;}
.zbox1 .b2wp ul{ float:left; margin:225px 0 0 90px; width:auto; height:auto;}
.zbox1 .b2wp ul li{ float:left; margin-right:60px; width:230px;  font-size:14px; line-height:18px; text-align:center;} 
.zbox1 .b2wp ul li.b2bl{ padding-top:234px; width:186px; margin-right:42px;}
.zbox1 .b2wp ul li.b2l2{ margin-left:117px;}

.zbox2{background:url(../../images/zhuanti/20200303/bg2_2.jpg) no-repeat center top; }
.zbox2 .w1200{ height:438px;}
.zbox2 ul{ float:left; margin:160px 0 0 199px; width:auto; height:auto;}
.zbox2 ul li{ float:left; height:auto; padding-top:87px;  font-size:14px;  text-align:center; width:236px;}
.zbox2 ul li.b2l2{ padding-top:0px; width:417px;}
.zbox2 ul li p{ line-height:20px;}
.zbox2 ul li h2{ line-height:20px; padding-bottom:105px; margin:0px; font-size:14px; font-weight:400;}
.zbox2 ul li.b2l2 h2{ padding-bottom:121px;}

.zbox3{background:url(../../images/zhuanti/20190220/bg3.jpg) no-repeat center top;}
.zbox3 .w1200{ height:607px;}
.zbox3 .b3u1{ margin-top:159px; margin-left:222px; width:auto; height:158px; float:left;}
.zbox3 .b3u1 li{ float:left; width:112px; text-align:center; font-size:14px;}
.zbox3 .b3u1 li h2{ line-height:22px; color:#fff; font-size:14px; padding:0px; margin:0px; font-weight:400;}
.zbox3 .b3u1 li p{ line-height:20px; }
.zbox3 .b3u2{ float:left; width:auto; padding-top:96px;  font-size:14px; text-align:center; margin-left:187px;}
.zbox3 .b3u2 li{ float:left; width:208px; margin-right:23px; font-size:14px; line-height:16px;}


.zbox4{background:url(../../images/zhuanti/20190220/bg4.jpg) no-repeat center top;}
.zbox4 .w1200{ height:576px;}

.b5nav{ width:100%; height:55px; position:absolute; top:184px; left:0px; overflow:hidden; float:left; z-index:2; }
.b5nav ul{ float:left; margin-left:179px; height:auto; width:auto;}
.b5nav ul a{ float:left; height:65px; width:302px; color:#e75e30; position:relative; margin-right:4px; background:url(../../images/zhuanti/20190220/but.png) no-repeat left top;}
.b5nav ul a.hover{ color:#fff; background-position:left bottom; }
.b5nav ul a:hover{ color:#fff;}
.b5nav ul a span{ position:absolute; top:12px; line-height:26px; height:27px; padding-left:40px; left:105px; width:auto; z-index:2; font-size:16px; font-weight:bold; text-align:left; background:url(../../images/zhuanti/20190220/tic.png) no-repeat; }
.b5nav ul a span.b5as1{  background-position:0 bottom;}
.b5nav ul a span.b5as2{  background-position:-301px bottom;}
.b5nav ul a span.b5as3{  background-position:-610px bottom;}
.b5nav ul a.hover span.b5as1,.b5nav ul a:hover span.b5as1{background-position:0 top;}
.b5nav ul a.hover span.b5as2,.b5nav ul a:hover span.b5as2{background-position:-301px top;}
.b5nav ul a.hover span.b5as3,.b5nav ul a:hover span.b5as3{background-position:-610px top;}

.b5cont{ float:left; width:908px; height:272px; margin-left:185px; margin-top:244px; position:relative; overflow:hidden;}
.b5cont ul{width:100%; height:auto; overflow:hidden; position:absolute; left:0px; top:0px;}
.b5cont li{float:left; width:100%; height:272px; text-align:left;}
.b5cont li p{ line-height:24px;  color:#e76337; font-size:14px;}
.b5cont .b51box div{ float:left; height:auto; margin-left:42px;}
.b5cont .b51box div.b5l1{ width:420px;}
.b5cont .b51box div.b5l2{ width:390px;}
.b5cont .b51box div h1{ margin:58px 0 8px 0; line-height:27px; background:url(../../images/zhuanti/20190220/ico1.png) no-repeat left top; text-indent:35px;  font-size:16px; color:#e75e30; }
.b5cont .b51box div h2{ font-size:16px; padding:59px 0 13px 0; margin:0; color:#e75e30;}
.b5cont .b51box div.b5l2 h1{background:url(../../images/zhuanti/20190220/ioc2.png) no-repeat left top;}
.b5cdbox{ float:left; width:auto; margin:34px 0 0 46px; height:auto;}
.b5cdbox h2{  padding:0px; margin:0px; line-height:24px; font-size:16px; font-weight:bold;}



.zbox5{background:url(../../images/zhuanti/20190220/bg5.jpg) no-repeat center top;}
.zbox5 .w1200{ height:958px;}
.zbox5 .b5wp{ width:100%; height:988px; overflow:hidden; position:relative;}
.zbox5 .b5wp .hgBut{ position:absolute; background:url(../../images/zhuanti/20180301/hbut.png) no-repeat; width:564px; height:202px; left:319px; top:639px;}
.zbox5 .b5wp .hgBut span{ float:left; background:url(../../images/zhuanti/20180301/fbutz.png) no-repeat right top; width:254px; height:36px; margin:126px 0 0 202px;}

.zbox5 ul{ position:absolute; left:0px;}
.qhBut{ position:absolute; background:url(../../images/zhuanti/20190220/fbut.png); width:100px; height:37px; top:155px; left:663px; z-index:20;}
.mImg{ position:absolute; width:292px; height:386px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; }
.sImg1 .mImg1{ z-index:1; background:url(../../images/zhuanti/20200303/c/1.png); top:186px; left:155px; transform:rotate(30deg);}
.sImg1 .mImg2{ z-index:2; background:url(../../images/zhuanti/20200303/c/2.png); top:204px; left:385px; transform:rotate(-6deg);}
.sImg1 .mImg3{ z-index:3; background:url(../../images/zhuanti/20200303/c/3.png); top:237px; left:622px; transform:rotate(8deg);}
.sImg1 .mImg4{ z-index:4; background:url(../../images/zhuanti/20200303/c/4.png); top:162px; left:853px; transform:rotate(-10deg);}

.sImg2 .mImg1{ z-index:1; background:url(../../images/zhuanti/20200303/c/5.png); top:186px; left:155px; transform:rotate(-15deg);}
.sImg2 .mImg2{ z-index:2; background:url(../../images/zhuanti/20200303/c/6.png); top:204px; left:385px; transform:rotate(10deg);}
.sImg2 .mImg3{ z-index:3; background:url(../../images/zhuanti/20200303/c/7.png); top:237px; left:622px; transform:rotate(-8deg);}
.sImg2 .mImg4{ z-index:4; background:url(../../images/zhuanti/20200303/c/8.png); top:162px; left:853px; transform:rotate(15deg);}


.sImg3 .mImg1{ z-index:1; background:url(../../images/zhuanti/20200303/c/9.png); top:176px; left:145px; transform:rotate(12deg);}
.sImg3 .mImg2{ z-index:2; background:url(../../images/zhuanti/20200303/c/10.png); top:204px; left:385px; transform:rotate(-5deg);}
.sImg3 .mImg3{ z-index:3; background:url(../../images/zhuanti/20200303/c/11.png); top:237px; left:622px; transform:rotate(12deg);}
.sImg3 .mImg4{ z-index:4; background:url(../../images/zhuanti/20200303/c/12.png); top:162px; left:853px; transform:rotate(-10deg);}

.sImg4 .mImg1{ z-index:1; background:url(../../images/zhuanti/20200303/c/13.png); top:176px; left:145px; transform:rotate(-8deg);}
.sImg4 .mImg2{ z-index:2; background:url(../../images/zhuanti/20200303/c/14.png); top:204px; left:365px; transform:rotate(12deg);}
.sImg4 .mImg3{ z-index:3; background:url(../../images/zhuanti/20200303/c/15.png); top:237px; left:622px; transform:rotate(-13deg);}
.sImg4 .mImg4{ z-index:4; background:url(../../images/zhuanti/20200303/c/16.png); top:162px; left:853px; transform:rotate(10deg);}
.zbox5 ul div:hover { z-index:20; transform: scale(1.14); -webkit-transform: scale(1.14);}

/*导航*/
.subnav{ width:38px; height:338px;  position:fixed; top:50%; margin-top:-192px; right:50px; background:url(../../images/zhuanti/20190220/x.png) no-repeat 18px 38px; z-index:1000; display:none;}
*html .subnav{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
.subnav ul li{ float:left; width:100%;  margin-bottom:23px; position:relative;}
.subnav ul li a{ width:100%; cursor:pointer; float:left; position:relative; height:38px; color:#fff; position:relative; background:url(../../images/zhuanti/20190220/pd.png) no-repeat right top;  }
.subnav ul li.sba6{ margin:0; }
.subnav ul li.sba6 a{ background:url(../../images/zhuanti/20190220/fhbut.png) no-repeat right top; width:39px; height:39px;}
.subnav ul li a i{ position:absolute; top:0px ; left:0px; width:100%; line-height:38px; font-size:20px; font-weight:bold; z-index:4; text-align:left; text-indent:4px;}
.subnav ul li a span{ display:none; position:absolute; right:-19px; top:-1px; width:158px; line-height:40px; text-indent:34px; text-align:left; font-size:16px;  background:url(../../images/zhuanti/20190220/pbut.png) no-repeat right top; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.subnav ul li a:hover span,.subnav ul li a.hover span{ display:block; }



.pNavHtml,.cBoxHtml{ display:none;}

.popb1box{position:absolute; left:50%; overflow:hidden; opacity:0; top:860px; display:none; width:452px; height:126px;   background:url(../../images/zhuanti/20190220/pbg.png) no-repeat;}
.popb1box ul{width:100%; float:left; height:auto;}
.popb1box ul li{ width:90px; float:left; color:#fff; font-size:14px; text-align:center; line-height:20px; padding-top:82px;  }

.popb1{  margin-left:-457px;  }
.popb1 ul{ background:url(../../images/zhuanti/20200303/j1.png) no-repeat 41px 26px; padding-left:3px;}
.popb1 ul li{ width:96px; }
.popb1 ul li.p1li{ width:122px;}
.popb2{  margin-left:-280px; }
.popb2 ul{ background:url(../../images/zhuanti/20200303/j2.png) no-repeat  84px 26px; padding-left:46px;}
.popb2 ul li{ width:122px; }
.popb3{  margin-left:-110px;  }
.popb3 ul{ background:url(../../images/zhuanti/20200303/j3.png) no-repeat 91px 26px; padding-left:56px; }
.popb3 ul li{ width:116px; }
.popb4{  margin-left:60px; }
.popb4 ul{  padding-left:80px;}
.popb4 ul li{background:url(../../images/zhuanti/20190220/bn1.png) no-repeat 47px top; margin-top:26px; padding-top:54px; width:140px;}
.popb4 ul li.bn2{background:url(../../images/zhuanti/20190220/bn2.png) no-repeat 47px top;}


/*底部*/
.footer{ width:100%; padding:28px 0 20px 0; height:auto; position:absolute; bottom:0px; left:0px; overflow:hidden; }
.zt_footer{ margin:0 auto; width:1280px; text-align:center; font-size:12px; color:#fff; }
.zt_footer p{ line-height:20px;}
.zt_footer span{ padding:0 3px 0 8px;}
.zt_footer font{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.zt_footer a{color:#fff;}
.zt_footer a:hover{ text-decoration:underline;}



.cssopt{ opacity:0; height:100px; position:absolute;}
.showCss .cssopt{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:optCss;
	animation-name:optCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
}


.delay3{
	-webkit-animation-delay:.3s;
	animation-delay:.3s;	
}
.delay6{
	-webkit-animation-delay:.6s;
	animation-delay:.6s;	
}
.delay9{
	-webkit-animation-delay:.9s;
	animation-delay:.9s;	
}