/*--------------------reset--------------------*/
body,html{height:100%;}
body{color:#333; line-height:1.4; font-family:microsoft yahei;font-size:62.5%;font-size:12px;}
body,form,input,ul,dl,dd,p,h1,h2,h3,h4,h5,h6,textarea,pre{margin:0;}
ul,input{padding:0;}
ul{list-style:none; list-style-position:outside;}
h1,h2,h3,h4,h5,h6,input,button,textarea{font-size:100%;font-weight:normal}
table{border-collapse:collapse; border-spacing:0;}
a{color:#666; text-decoration:none;transition:all 0.5s}
a:hover{text-decoration:underline;}
a img{border:none;}
a,button{cursor:pointer;} 
em,i{font-style:normal;}
textarea{overflow:auto; resize:none;}


/*--------------------原子类--------------------*/
.clearfix:before,.clearfix:after{content:''; display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}
.cred{color:#f50}
.cdred{color:#cf3c31}
.corange{color:#ffaa00}
.Hidebox{display:none;}
.Showbox{display:block;}
.bold{font-weight:bold;}
.fll{float:left}
.flr{float:right}
.nobb{border-bottom:none!important}
.amore{float:right;font-size:12px;}

/*导航栏目*/
.nav{ width:100%; background:#585858; position:fixed; left:0px;top:0px; z-index:999;}
.logo{ width:20%; padding:10px 30px 10px 30px; float:left; font:normal 24px/40px "微软雅黑"; color:#fff;}
.logo img{ float:left; margin-right:10px;}
.navbox{ float:left; width:75%;}
.navbox ul li{ float:left; position:relative;}
.navbox ul li a{ padding:20px 20px;font:normal 16px/30px "微软雅黑"; color:#fff; text-align:center; display:block;}
.navbox ul li a:hover{ background:#0d61d0;}
.znav{display:none;position:absolute;left:0;top:69px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000'); background:#000;filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;}
:root znav{filter:none;}/*for IE9*/
.navbox ul li .zz{float:left;padding:10px 0px;background:url(#)}
.navbox ul li .zz a{padding:0px 28px;font:normal 12px/3.0 "";white-space:nowrap;color:#fff}
.navbox ul li .zz a:hover{color:#fff;}

/*导航栏目*/
.top-info{height:35px;background-color:#585858;border-bottom:1px solid #444;color:#C6C6C6;padding-right:20%;}
.top-info .span{display:inline-block;line-height:35px;height:35px;margin-left:10px;}
.top-info a{color:inherit;}
.top-info .info-group img{vertical-align:middle;}
.top-info .weather{float:left;}
.top-info .weather iframe{margin-top:6px;}
.nav{ width:100%; background:#585858; position:fixed; left:0px;top:0px; z-index:999;}
.logo{ width:20%; padding:10px 30px 10px 30px; float:left; font:normal 24px/40px "微软雅黑"; color:#fff;}
.logo img{ float:left; margin-right:10px;}
.navbox{ float:left; width:75%;}
.navbox ul li{ float:left; position:relative;}
.navbox ul li a{ padding:20px 20px;font:normal 16px/30px "微软雅黑"; color:#fff; text-align:center; display:block;}
.navbox ul li a:hover{ background:#0d61d0;}
.znav{display:none;position:absolute;left:0;top:69px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000'); background:#000;filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;}
:root znav{filter:none;}/*for IE9*/
.navbox ul li .zz{float:left;padding:10px 0px;background:url(#)}
.navbox ul li .zz a{padding:0px 28px;font:normal 12px/3.0 "";white-space:nowrap;color:#fff}
.navbox ul li .zz a:hover{color:#fff;}


/*全频滚动*/
.section { overflow:hidden;z-index:-1;}
.banner{ background:url(../images/banner1.jpg); background-size:cover;}
.thin{ background:url(../images/banner2.jpg);background-size:cover;}
.cnc{ background:url(../images/banner3.jpg);background-size:cover;}
.screen{background:url(../images/banner4.jpg);background-size:cover;}

.banner{ width:100%; position:relative;}
.banner .imga1{ position:absolute; left:50%;top:50%; margin-left:-114px; margin-top:-160px;}
@-webkit-keyframes animations{
    0%{-webkit-transform:translate(0);opacity:0;}
    100%{-webkit-transform:translate(60px);opacity:1;}
}
@-moz-keyframes animations{
    0%{-moz-transform:translate(0);opacity:0;}
    100%{-moz-transform:translate(60px);opacity:1;}
}
@keyframes animations{
    0%{transform:translate(0);opacity:0;}
    100%{transform:translate(60px);opacity:1;}
}
.active .imga1,.active .imga2,.active .imga3,.active .imga4{-webkit-animation:animations 2s ease-out forwards;
    -moz-animation:animations 2s ease-out forwards;
    animation:animations 2s ease-out forwards;}
	
.thin{ width:100%; position:relative;}
.thin .imga2{ position:absolute; left:50%;top:50%; margin-left:-126px; margin-top:-143px;}
	
.cnc{ width:100%; position:relative;}
.cnc .imga3{ position:absolute; left:228px; top:313px; margin-left:-114px; margin-top:-206px;}

.screen{ width:100%; position:relative;}
.screen .imga4{ position:absolute; right:180px;top:367px; margin-left:-90px; margin-top:-283px;}	

/*尾部*/
.footer-2{color:#c6c6c6;line-height:30px;text-align:center;}
.footer{ width:100%; background:#585858; position:fixed;left:0px; bottom:0px;}
.footer em{ margin-left:20px; float:left; font:normal 12px/30px ""; color:#f5f5f5;}
.footer i{ float:right; margin-right:20px; font:normal 12px/30px ""; color:#f5f5f5;} 
.footer i a{ color:#f5f5f5;}

.fotbox{ width:100%; background:#313131; margin-top:30px;}
.foot{ width:1000px; margin:0 auto; text-align:center; margin-bottom:30px;}
.foot p{ color:#fff; padding-top:20px;}
.foot p a{ color:#fff;}


/*二维码*/
.ewm{ position:fixed; right:50px; bottom:50px;}
.ewm em{ display:block;}

/*友情链接*/
.lianjie{ width:1000px; margin:50px auto auto auto;}
.lianjie h3{ font:normal 16px/40px "微软雅黑"; color:#212121; border-bottom:1px dashed #c6c4c4; width:100%; margin-bottom:15px;}
.lianjie a{ float:left; margin-right:30px;}
.lianjie a:hover{ color:#ff6600;}

/*滑动栏*/

.kfbox{ position:absolute;right:0;width:50px;top:100px; z-index:99;}
.kfbox li{ height:50px; float:right}
.kfbox li a{cursor:pointer; background:#898989;width:50px;height:50px; display:block; position:relative;}
.kfbox li.top a{ background-color:#313131}
.kfbox li.on a{ background-color:#0d61d0;}
.kfbox li i{ background:url(../images/kfico.png) no-repeat;width:50px; height:49px; display:inline-block; float:right; border-bottom:1px solid #9C9C9C;}
.kfbox li span{ position:absolute;top:0;right:50px;background-color:#0d61d0; color:#fff;display:inline-block; width:0px; text-align:center; overflow:hidden;zoom:1; height:50px; line-height:50px;}
.kfbox li.top i{ border-bottom:none}
.kfbox li.wx span{height:105px;}
.kfbox li.wx span img{width:100%;height:auto}
.kfbox li.tel span{ font-family:impact; font-size:18px}
.kfbox li.qq i{ background-position:0 -50px}
.kfbox li.wx i{ background-position:0 -100px}
.kfbox li.weibo i{ background-position:0 -150px}
.kfbox li.address i{ background-position:0 -200px}
.kfbox li.scbox{ background:url(../images/kfico.png) no-repeat; background-position:0 -252px}
.kfbox li.top i{ background-position:0 -250px}