.zz ul li@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"??????";overflow-x: hidden;} /*??????????????????*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;color: #0e75c8;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.icon{
background: url(../images/icon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.pa{position: absolute;}
.content{width: 1200px;margin: 0 auto;}

.header{height: 226px;background:url(img/head_bg.jpg) no-repeat center;}
.h_top{height:36px;line-height: 36px;font-size: 14px;color: #999999;}
.h_top p{ width: 110px;text-align: center;color: #fff;font-size: 14px;line-height: 18px;padding-top: 8px;}
.h_top i a{color: #999999;padding-right: 18px;padding-left: 25px;}

.h_con{height: 130px;}
.h_con .h_logo{float: left;margin: 18px 17px 0 0;}
.h_con h2{float:left;font-weight:normal;margin-top: 30px;}
.h_con h2 b{display: block;font-size: 40px;color: #333333;line-height:36px;}
.h_con h2 span{display:block;font-size: 16px;color: #333333;line-height: 22px;padding-top: 8px;text-align: center;    letter-spacing: 1px;}
.h_con p{float: right;font-size: 16px;color: #333333;margin-top: 40px;background:url(img/ph.png) no-repeat left center;padding-left: 50px;line-height: 16px;}
.h_con p b{display: block; font-size: 26px;color: #333333;line-height: 26px;padding-top: 6px;}
.h_xf{ z-index: 99;visibility: visible;width:100%;background: #24a35c;}
.fix{position: fixed;top: 0px; left: 0px;}
.h_nav{height: 60px;}
.h_nav ul li{position: relative;width:150px;float:left; }
.h_nav ul li>a{float: left;font-size: 16px;height: 60px;line-height: 60px;border-left: 1px solid #3bb370;box-sizing:border-box;width:150px;text-align:center;color: #fff;}

.h_nav ul li:hover>a,.h_nav ul li.cur>a{background:#33383c;}
.h_nav ul li:hover>a,.h_nav ul li.cur>a{color: #ffffff;font-weight: bold;}
.h_nav li p{display: none;position: absolute;width: 100%;text-align: center;left: 0;top: 60px;z-index:10; background: rgba(51,51,51,0.8);}
.h_nav  li p>a{display: block;height: 42px;line-height: 42px;font-size: 14px;color: #ffffff;border-top:1px dashed #4f565f;background:none;background:url(../images/san3.png) no-repeat  18px 18px;}
.h_nav  li:nth-child(2) p>a{ background:url(images/san3.png) no-repeat  10px 18px;}
.h_nav  li p>a:first-child{ border: 0;}
.h_nav  li p>a:hover{font-weight:bold;}

/**/
.fullSlide { position: relative; z-index: 9; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #24a35c;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }
/**/
.search{height: 81px;background: #f5f5f5;border-bottom: 1px solid #dcdcdc;}
.search p{float: left;height: 81px;line-height: 81px;font-size: 14px;color: #666666;}
.search p b{ font-weight: normal;color: #333333;}
.search p a{margin-right:20px;color: #666666;font-size: 14px;}
.s_box{float: right;margin-top:24px;width: 324px;height: 36px;background: #fff;border: 1px solid #d4d4d4;border-radius: 18px;}
.s_box .input1{float:left;width:270px;height:36px;line-height: 36px;font-size:14px;color:#333;border:0;outline: 0;padding-left: 20px;border-radius: 18px;}
.s_box .input2{float: left;width:30px;height: 30px;border: 0;background: url(img/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-top: 3px;margin-right: 3px;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.tit i{display:block;font-size: 18px;color: #333333;margin: 14px auto 0;height: 38px;line-height: 38px;border: 1px solid #757575;border-radius: 19px;text-align: center;}

.jx_bj{  background:#fff; height: 560px; padding-top:96px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.jx dl {width: 1200px; height: 374px; position: relative;}
.jx dl dt{width:600px; height: 374px;float: left; position: relative;}
.jx dl dt:before{content: "";width: 600px; height: 130px; z-index: 0; background:#24a35c; position: absolute; top:122px; left:0;}
.jx dl dt img{width:400px; height: 374px; margin:0 auto; display: block; position: relative;z-index: 1;}
.jx dl dd{width:542px; float:right;padding-top: 20px;}
.jx dl dd h3{font-size: 42px;font-weight: bold; color: #222222;margin-bottom: 50px; height: 25px;text-align: left;}
.jx dl dd h3 span{display: block; font-size: 24px; color: #222222; text-align: left; font-weight: normal;}
.jx dl dd p{text-align: justify;line-height: 31px; font-size: 14px;  color: #666666;  font-size: 16px;    font-size: 16px;text-indent: 2em;}
.jx dl dd .span{ display: block;width: 250px; height: 81px;position: relative;padding-left: 15px; }
.jx dl dd .span em{font-size: 14px; display: inline-block;color: #000000; position: absolute;left:0;bottom: 0;}


/*????????????*/
.cp_bg{background:url(img/cp_bg01.gif) repeat-x  bottom #f3f3f3;height: 793px;overflow: hidden;padding: 70px 0 0;}
.chanp .tit i{ width: 268px;}
.cp_l{width: 290px;margin: 50px 0 0;background: #fff;}
.cp_l h3{ background:#24a35c;width: 230px;height: 84px;padding: 27px 0 0 60px;line-height: 40px;overflow: hidden;}
.cp_l h3 a{font-size: 30px;color: #fff;display: block;}
.cp_l h3 i{display: block;font-size: 18px;font-weight: normal;text-transform: uppercase;color: #77c59a; font-family:Arial, Helvetica, sans-serif; }
.cp_lm{width: 222px;margin: 0 auto;}
.cp_ul01 li{ border-top:#dedede 1px solid;}
.cp_ul01 li a{display: block;font-size: 18px;color: #333;font-weight: bold;width: 202px;height: 84px;line-height: 84px; background:url(img/cp_ico01.gif) no-repeat 0 38px; padding:0 0 0 20px;}
.cp_ul01 li a:hover{color: #24a35c;}
.cp_ul01 .cp_ul02{margin-top: -15px;padding: 0 0 15px;}
.cp_ul01 .cp_ul02 li{border: none;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;font-weight: normal; background:none;padding: 0;width: 222px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 36px;line-height: 36px;}
.cp_ul01 .cp_ul02 li a:hover{color: #24a35c;}
.cp_lm .noplay{display:none;}

.cp_r{width: 910px;overflow: hidden;margin: 50px 0 0;}
.cp_r dl{width: 288px;height: 192px;position: relative;margin: 0 0 24px 15px;float: left;}
.cp_r dl dt{width: 288px;line-height: 0;position: relative;}
.cp_r dl dt img{width: 288px;height: 192px;}
.cp_r dl dt h4{font-size: 14px;color: #333;height: 40px;line-height: 40px;width: 248px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 20px;position: absolute;bottom: 0;left: 0;font-weight: normal;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */
background: rgb(255 255 255 / 0.7);}
.cp_r dl dd{background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 234px;padding: 0 27px;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.cp_r dl dd a{display:block;}
.cp_r dl dd h5{height: 30px;line-height: 30px;text-align: center; background:url(img/cp_line02.png) no-repeat center 89px;padding: 30px 0 0;font-size: 18px;color: #fff;width: 234px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_desc{font-size: 14px;color: #fff;line-height: 34px;height: 60px;overflow: hidden;padding: 15px 0 0;}
.cp_desc p{width: 234px;}
.cp_desc b{display: block;float: left;width: 90px;}
.cp_desc span{display: block;float: left;width: 290px;}
.cp_desc i{display: block;}
.cp_r dl:hover dd{height: 192px;}
.cp_r dl:hover dt h4{height: 0;}


.contact-sd1{padding:20px; background-color: #33383c; color: #FFF;}
.contact-sd1 .cont{ margin-top: 8px; }
.contact-sd1 .cont p{ margin: 0; line-height: 25px;  }


.fa{ margin: 65px auto;}
.fa h3{padding-left:28px ;font-size:28px ;line-height:28px ;color: #333333;font-weight: normal;background:url(img/fang.png) no-repeat left;}
.fa h3 span{ display: inline-block;font-size:14px ;line-height: 28px;color: #999999;text-transform: uppercase;margin-left: 10px;}
.fa ul{ margin-top: 27px;}
.fa ul li{float: left;width:139px ;height:139px ;background: #fff;margin-right: 12.5px;    box-shadow: 0 0 15px rgba(0,0,0,0.19);}
.fa ul li:last-child{ margin-right: 0;}
.fa ul li span{display: block;font-size:16px ;line-height:16px ;color: #333333;font-weight: bold;text-align: center;}
.fa ul li em img{  display: block;width: 42px;height: 42px;transition: all 0.3s;}
.fa ul li em {display: block;width: 42px;height: 42px;overflow: hidden;margin-right: 20px;margin: 28px auto 22px;}
.fa ul li:hover em img:nth-child(1) { margin-top: -42px;}
.fa ul li:hover{ background: #24a35c;}
.fa ul li:hover span{ color: #fff;}


.ys{ padding-top:90px ;background:url(img/ys_bg.jpg) no-repeat center;height: 1854px;}
.ys .tit i{ width: 312px;}
.ys_con{ margin-top: 32px;}
.ys1,.ys4{ height: 400px;}
.ys2,.ys3{ height: 420px;}
.ys dd{float: left;position: relative;}
.ys dd h3{padding-top: 114px;font-size: 34px;font-weight: bold;color: #24a35c;line-height: 34px;position: relative;}
.ys dd h3:after{ position: absolute;width: 60px;height: 1px;left: 0;top: 84px;background: #24a35c;content: "";}
.ys dd h4{padding-top: 12px;font-size: 24px;color: #333333;line-height: 24px;font-weight: normal;}
.ys dd p{padding-top: 45px;font-size:16px ;color: #333333;line-height:26px ;}
.ys dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 0;top: 74px;}
.ys2 dd em img,.ys4 dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 78px;top: 74px;}
.ys1 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-left: -40px;}
.ys1 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;}
.ys3 dt { width:960px ;height:420px ;display: block;overflow:hidden;margin-left: -360px;}
.ys3 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;}
.ys2 dt{ width:960px ;height:420px ;display: block;overflow:hidden;margin-right: -360px;}
.ys2 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;}
.ys4 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-right: -40px;}
.ys4 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;}
.ys dt:hover img{transform: scale(1.1); }
.ys1 dd,.ys3 dd{ padding-left: 96px;width: 504px;}
.ys2 dd,.ys4 dd{ padding:0 78px;width: 444px;}

/*????????????*/
.ab_bg{ background:#f5f5f5 url(../images/ab_bg.jpg) no-repeat center 0; padding:0 0 70px; overflow:hidden;}
.ab_bg .tit{padding:26px 0;}
.ab_bg h2 a span{color: #ffffff;}
.ab_bg .tit i{    width: 261px;color: #ffffff;    border: 1px solid #ffffff;}
.about{height: 731px;}
.ab_t{height: 148px;line-height: 148px;text-align: center;overflow: hidden;}
.ab_t a{font-size: 32px;color: #fff;}
.about dl dt{ width:1178px; height:434px; margin:0 auto;overflow: hidden;}
.about dl dt img{ width:1178px; height:434px;}
.about dl dd{ width:1157px; padding:32px 0 0; margin:0 auto;}
.about dl dd h5{height: 40px;line-height: 40px;text-align: center;}
.about dl dd h5 a{ font-size:22px; color:#24a35c;}
.about .ab_desc{ font-size:14px; color:#666; height:90px; line-height:22px; overflow:hidden; text-indent:2em; padding:20px 0 0;}
.about dl dd span{display: block;height: 30px;line-height: 30px; margin-top: -49px; padding: 0 0 0 529px;}
.about dl dd span a{font-size: 14px;color: #24a35c;}

.g_zs2{margin-top: 33px;height: 388px;}
.zz ul{height:74px;    width: 404px; margin: 0 auto;}
.zz ul li{float:left; height:48px;line-height: 48px; font-size: 16px;color: #3d3d3d;position: relative;background: #f2fff8;border: 1px solid #dcdcdc;width: 200px;text-align: center;}
.zz ul li:nth-child(4){border-right: 1px solid #dcdcdc;}
.zz ul li a{color: #3d3d3d;}
.zz ul .cur a{color: #fff;}
.zz ul .cur{background: #24a35c;font-weight: bold;}
.zz_box{ position: relative;}
.g_zs2 .ljt{position: absolute;left:-55px;top:100px;background:url(img/jt.jpg) no-repeat;width: 34px;height: 62px;}
.g_zs2 .rjt{position: absolute;right:-55px;top:100px;background:url(img/jt.jpg) no-repeat right 0;width: 34px;height: 62px;}
.zz-s ol li{position: relative; float:left; width:293px;overflow: hidden; margin-right:9px; *display:inline;background: none;padding: 0}
.zz-s ol li.no{margin:0;}
.zz-s ol li img{width:293px; height:195px; display: block;transition: all 0.3s linear 0s;}
.zz-s ol li em{display: block;width: 293px;height: 40px;line-height: 40px;background: #efefef; font-size: 16px;color: #333333;text-align: center;}
.zz-s ol li:hover em{background: #24a35c;color: #fff;}




.news{ padding-top: 68px;margin-top: 20px;background: #f5f5f5;height: 710px;}
.news .tit i{ width: 278px;}
.news_con{ margin-top: 55px;}
.news_l{ float: left;width: 483px;}
.news_l p img{ float: left;width:87px ;height: 31px;}
.news_l .dnext img{ float: right;width:73px ;height: 20px;margin-top: 11px;}
.news_g{ margin-top: 40px;}
.news_g dt{display: block;width: 483px;height: 322px;overflow:hidden;}
.news_g dt img{display: block;width: 100%;height: auto;transition: all 0.5s;}
.news_g dl:hover img{transform: scale(1.1);}
.news_g dd{padding: 0 44px;background: #fff;height: 125px;}
.news_g dd h3 a{display: block;font-size:18px ;line-height: 18px;color: #333333;font-weight: bold;}
.news_g dd p{font-size:13px ;line-height:22px ;color: #666666;padding-top: 16px;}

.news_r{ float: right;width: 674px;}
.news_q { height: 36px;border-bottom: 1px solid #dcdcdc;}
.news_q ul{ float: left;}
.news_q ul li{ float: left;padding-left: 18px;margin-right: 45px;height: 36px;font-size: 18px;font-weight: bold;color: #666666;background:url(img/icon1.png) no-repeat 0 8px;}
.news_q ul li a{ color: #666;}
.news_q ul li:hover,.news_q ul li.cur{ background:url(img/icon1h.png) no-repeat 0 8px;border-bottom: 1px solid #24a35c;}
.news_q ul li:hover a,.news_q ul li.cur a{ color: #24a35c;}

.news_q p{float: right;}
.news_q p a{display: block;width: 27px;height:27px ;background:url(img/news_ic.png) no-repeat center;}
.news_q p a:hover{ background:url(img/news_ich.png) no-repeat center;}
.news_f dl{ padding-left: 15px;height: 115px;border-bottom: 1px dashed #cccccc;}
.news_f dl:last-child{ border-bottom: 0;}
.news_f dd h3 a{ display: block;font-size:18px ;line-height: 18px;padding-top:20px ;color: #333333;font-weight: normal;}
.news_f dd p{ font-size:14px ;line-height: 20px;padding-top:12px ;color: #999999;}



.footWrap{background:#252c31;height:409px;overflow:hidden;font-family:"Microsoft Yahei";padding-top:59px;}
.footer{width:1200px;margin: 0 auto; position: relative;}
.ft_nav{height: 115px;border-bottom:1px solid #454b50;}
.ft_nav h2{float:left;font-size:0;line-height:0;width:146px;height: 94px;padding-left:10px;}
.ft_nav h2 img{width:146px;height: 94px}
.ft_nav p{float:right;width:965px;line-height:74px;font-size:18px;color: #fff;height: 113px;}
.ft_nav p a{color: #fff;padding: 0 17px;height: 113px;display: inline-block;}
.ft_nav p a:hover{color: #fff;font-weight:bold;border-bottom:2px solid #209253;}
.ft_w{float:left;width:860px;margin-top:60px;}
.ft_w li{float:left;padding-right:60px;width: 330px; margin-bottom: 17px}
.ft_w li img{float: left;}
.ft_w li span{font-size:14px;color: #cfd0d0;line-height: 24px;display: block;padding-left: 62px;}
.ft_w h3{height:28px;line-height: 28px;font-size:14px;color: #cfd0d0;padding-top:26px;}
.ft_w h3 span,.ft_w p span{color: #cfd0d0;padding-left:28px;font-weight: normal;}
.ft_w p{font-size:14px;color: #cfd0d0;line-height: 24px;}
.ft_w a{color: #cfd0d0}
.erwm{float:right;width:310px;margin-top:58px;}
.erwm p{float:left;width:139px;margin-right:25px;}
.erwm img{display: block;width:139px;height: 139px;}
.erwm span{display: block;text-align: center;font-size:14px;color: #fff;background: #51565a;height: 38px;line-height: 38px;}
.erwm p:last-child{margin:0;}
    

.lk_bj{position:relative;background: #05110c;height:68px;}
.link{width:1200px;margin:0 auto;line-height: 68px;box-sizing: border-box;}
.link span{font-size: 18px;color: #8e9190;font-weight: bold;padding:0 10px 0 41px;background: url(img/link_ico.jpg) no-repeat left center;line-height: 68px;display: inline-block;}
.link a {color: #8e9190;font-size: 14px;padding:0 15px;}
    
.drift{ width:50px; height:auto; position:fixed; bottom:3%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:50px; height:49px; background:#ccc; overflow:hidden;}
.drift li a:hover{ background:#24a35c;}
.drift #rolls a{background:#24a35c;}
.drift li a:hover span{display:block;}
.drift li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #24a35c;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;font-style:normal;}