@charset "utf-8";
/* CSS Document */
body{padding:0px;margin:0px;font-size:12px;font-family:"微软雅黑";border:none;text-align:center;   }
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:1200px;  position:relative;}



#top{background:url(../../images/zhuanti/20180201/bg.jpg) no-repeat center top; width:100%; min-width:1200px; overflow:hidden; height:auto; position:relative;  }
#top .w1200{ height:945px; background:url(../../images/zhuanti/20180201/top.jpg) no-repeat center top; position:relative;}
#top .w1200 .zCkbut{ width:310px; height:84px; position:relative; background:url(../../images/zhuanti/20180201/cbut.png) no-repeat left top; top:605px; left:442px; position:absolute; }

#top .w1200 .zCkbut div{ position:absolute; left:0px; top:0px; width:100%; height:84px; background:url(../../images/zhuanti/20180201/cbut2.png) no-repeat 5px top; opacity:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#top .w1200 .zCkbut:hover div{ opacity:1;}
#top .w1200 .zCkbut:hover{ }

#top .zLogo{ width:206px; height:132px;  position:absolute; left:498px; top:0px; z-index:3; }

.zNav{ float:left; width:100%; height:90px; position:relative;}
.zNav a{ position:absolute; width:223px; height:90px; top:0px; color:#ffaf99; z-index:2;}
.zNav a.hover{ background:url(../../images/zhuanti/20180201/navh.png) no-repeat ;}
#zNava1{ left:18px;}
#zNava2{ left:240px;}
#zNava3{ left:735px;}
#zNava4{ left:957px;}

.zNav a h1{ float:left; width:70px; height:18px; line-height:18px; font-size:12px; font-weight:400; cursor:pointer; text-align:center; padding:0px; margin:19px 50px 0 73px; background:url(../../images/zhuanti/20180201/navPh.png) no-repeat left top;}
.zNav a.hover h1{ background-position:left boetom;}
.zNav a p{ float:left; width:119px; height:24px; background:url(../../images/zhuanti/20180201/navz.png) no-repeat; margin:5px 0 0 49px; cursor:pointer;}

.zNav a#zNava1 p{ background-position:left top;}
.zNav a#zNava2 p{ background-position:left -24px;}
.zNav a#zNava3 p{ background-position:left -48px;}
.zNav a#zNava4 p{ background-position:left -72px;}

.zNav a#zNava1.hover p,.zNav a#zNava1:hover p{ background-position:right top;}
.zNav a#zNava2.hover p,.zNav a#zNava2:hover p{ background-position:right -24px;}
.zNav a#zNava3.hover p,.zNav a#zNava3:hover p{ background-position:right -48px;}
.zNav a#zNava4.hover p,.zNav a#zNava4:hover p{ background-position:right -72px;}



#cont{background:url(../../images/zhuanti/20180201/cbg.jpg) repeat-y center 644px; width:100%; min-width:1200px; overflow:hidden; height:auto; position:relative;  }
#cont .cont_wp{ width:100%; min-width:1200px; overflow:hidden; height:auto; position:relative; background:url(../../images/zhuanti/20180201/cpbg2.jpg) no-repeat center top;}
#cont .cont_wp .w1200{ overflow:hidden; }
.pNav{ float:left; width:1122px; height:66px; position:relative; margin:17px 0 0 41px;}
.pNav .pNavBox{ width:1122px; height:66px; background:url(../../images/zhuanti/20180201/nnavbg.jpg) no-repeat left top; left:50%; top:0px; margin-left:-561px; position:absolute; z-index:999;}
.pNav .pNavBox ul{ float:left; height:40px; margin-top:12px;}
.pNav .pNavBox ul.pNav1{ margin-left:17px;}
.pNav .pNavBox ul.pNav2{ margin-left:491px;}
.pNav .pNavBox ul.pNav3{ margin-left:405px;}
.pNav .pNavBox ul.pNav4{ margin-left:249px;}
.pNav .pNavBox ul.pNav3 a,.pNav .pNavBox ul.pNav4 a{ margin:0 10px;}
.pNav .pNavBox ul a{ float:left; width:136px; height:40px; text-align:center; color:#ffc45d; line-height:40px; font-size:18px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.pNav .pNavBox ul a:hover{ color:#f86244;}
.pNav .pNavBox ul a.hover{ color:#ffffff; background:url(../../images/zhuanti/20180201/nnavh.png) no-repeat left top; }
#zCbox{ float:left; margin:0 0 0  80px; width:1040px; overflow:hidden; height:auto; text-align:left; padding:29px 74px 60px 0; }
#zCbox h1{ width:100%; line-height:76px; text-align:center; font-size:36px; font-weight:400; padding:0px; margin:0px; color:#fecaa0;}
#zCbox p{ font-size:16px; line-height:30px; color:#f86244; }
#zCbox p.zPt{ padding-left:32px;}
#zCbox p.p1mt{ padding-bottom:6px;}
#zCbox p.p2mt{ padding:14px 0 8px 0;}
#zCbox h2{ color:#fecaa0; font-size:20px; font-weight:400; padding-top:17px; line-height:40px; margin:0px;}
#zCbox img{ padding:15px 0;}
#zCbox .gifBox  img{ padding:0px;}
#zCbox.zcbg1{ background:url(../../images/zhuanti/20180201/cbg1.png) no-repeat right top;   padding:29px 74px 0 0; height:623px; overflow:hidden;}
#zCbox.zcbg2{ background:url(../../images/zhuanti/20180201/cbg2.png) no-repeat right top;  padding:29px 74px 0 0; height:623px; overflow:hidden;}
#zCbox.zcbg3{ background:url(../../images/zhuanti/20180201/cbg3.png) no-repeat right top;  padding:29px 74px 0 0; height:623px; overflow:hidden;}
#zCbox.zcbg4{  padding:29px 74px 0 0; height:623px; overflow:hidden;}

#zCbox .zcB1{ float:left; width:100%; margin:22px 0 0 15px; padding-bottom:100px; }
#zCbox .zcB2{ padding-top:45px; padding-bottom:100px; }
#zCbox .zcB3{ padding-top:45px; padding-bottom:100px; }
#zCbox .zcB4{padding-top:45px; padding-bottom:40px;}

#zCbox .zcB1 h3{ line-height:38px; font-size:26px; color:#ffc58c; margin:0px; padding:0px; font-weight:400;}
#zCbox .zcB1 h4{ font-size:44px; color:#ffffff; padding-bottom:15px; line-height:56px;  margin:0px;  font-weight:400;}
.zcJn{ width:100%; height:42px; overflow:hidden; background:url(../../images/zhuanti/20180201/sjn.png) no-repeat;}
.zcJn1{ background-position:left top;}
.zcJn2{ background-position:left bottom;}
.zcJn li{ width:42px; height:42px; float:left; margin-right:14px; cursor:pointer;}

.zcBc1{ float:left; height:auto; width:316px;}
.zcBc2{ float:left; width:auto; height:auto; }
.zcBc2 li{ float:left; margin-left:38px; text-align:center; width:297px;}
.zcBc2 li span{ float:left; width:100%; font-size:16px; color:#f33c3c; line-height:52px; margin-top:405px;}

.gifBox{ float:left; width:376px; height:176px; margin:26px 0 0 1px; background:url(../../images/zhuanti/20180201/jbg.png) no-repeat; position:relative;}
.gifBox2{ height:200px; background:none; background:#000; border:solid 1px #b31414; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
.gifBox3{ height:400px; background:none; background:#000; border:solid 1px #b31414; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}

.gifBox .gifNav{ position:absolute; left:9px; top:15px; height:auto; width:53px; text-align:left; z-index:2;}
.gifBox .gifNav a{ font-size:14px; color:#f86244; text-indent:10px; line-height:23px; float:left; width:53px; margin-bottom:8px;}
.gifBox .gifNav a.hover{ background:url(../../images/zhuanti/20180201/jbut.png); color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.gifBox ul{ float:left; width:376px; height:176px; position:relative; overflow:hidden;}
.gifBox ul li{ display:none;  float:left; width:376px; height:174px; margin-top:1px; overflow:hidden; position:relative; color:#fff;}
.gifBox ul li img{ float:left; width:300px; height:176px; margin:-1px 0 0 38px; padding:0px; border:none;}

.gifBox2 ul{ height:200px;}
.gifBox2 ul li{height:198px; margin-top:0px; *height:200px; _height:200px; }
.gifBox2 ul li img{ height:200px; margin:0 0 0 74px; *margin:0 0 0 76px; _margin:0 0 0 76px;}

.gifBox3 ul{ height:398px;}
.gifBox3 ul li{height:396px; margin-top:1px;}
.gifBox3 ul li img{ height:396px; width:296px; margin:0 0 0 40px;}

#zFbox{background:url(../../images/zhuanti/20180201/fbg.jpg) no-repeat center bottom; width:100%; min-width:1200px; overflow:hidden; height:auto; position:relative; }
#zFbox  .w1200{ height:267px;}
#zFbox a{ float:left; width:581px; height:109px; margin-top:69px; text-align:center; background:url(../../images/zhuanti/20180201/gobut.png) no-repeat -10px top; margin-left:24px;}
#zFbox a:hover{ background-position:-10px bottom;}
#zFbox a.zDown{ margin-left:10px;}
#zFbox a div{ float:left; width:238px; margin-left:199px; background:url(../../images/zhuanti/20180201/hiome.png) no-repeat left 20px;}
#zFbox a.zDown div{ width:226px; margin-left:194px;  background:url(../../images/zhuanti/20180201/d.png) no-repeat left 22px;}
#zFbox a div h1{ padding-top:18px; font-size:26px; color:#f19354; margin:0px;}
#zFbox a div p{ line-height:18px; color:#e63a3a; font-size:12px;}


/*导航*/
.subnav{ width:116px; height:555px;  position:fixed; top:50%; margin-top:-277px; right:50px; background:url(../../images/zhuanti/20180201/pnav.png) no-repeat; 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{ float:left; width:99px; height:auto; margin-top:25px;}
.subnav ul a{ width:100%; float:left; margin-top:-1px; height:75px; text-align:center;}
.subnav ul a p{ line-height:24px; padding-top:12px;}
.subnav .sNtop{ line-height:46px; float:left; width:99px;}
.subnav a{ color:#f86244; font-size:16px;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.subnav a:hover{ color:#ffa13c;}
.subnav ul a.hover{color:#ffa13c;background:url(../../images/zhuanti/20180201/pnavh.png) no-repeat; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.pNavHtml,.cBoxHtml{ display:none;}

.s3_pop{ position:absolute; background:url(../../images/zhuanti/20180201/pinfo.png); width:356px; height:83px; font-size:12px; color:#ff8d5b; display:none; z-index:22; }
.s3_pop p{ text-align:center; padding:7px 15px 0 15px; line-height:20px;}
.s3_pop p span{ float:left; height:auto; width:100%; padding-top:20px;}
.s3_pop p span.p3s1{ padding-top:10px;}
/*底部*/
.footer{ width:100%; padding:20px 0 30px 0; height:auto; position:relative; overflow:hidden; background-color:#1c0b12;}
.zt_footer{ margin:0 auto; width:1200px; text-align:center; font-size:12px; color:#4c2837; }
.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:#4c2837;}
.zt_footer a:hover{ text-decoration:underline;}