/* 宽度样式 css */
.w1200{width: 1200px;margin:0 auto;position: relative;}
.w1400{width: 1400px;margin:0 auto;position: relative;}

/* 头部样式 css */
header{ position:fixed; left:0; right:0; top:0; z-index:9999;}
header .head{ background:#fff; height:90px; box-shadow:0px 2px 4px -2px rgba(0, 0, 0, 0.3); padding:0 100px; }
header .head .logo{ width:180px; overflow:hidden;}
header .head .logo img{ display:block;width:180px;height:90px;}
header .head .gouw{ overflow:hidden; height:40px; margin-top:28px;}
header .head .gouw span{ float:left; overflow:hidden; display:block; font-size:20px; padding-left:10px; color:#888; font-family:Arial; line-height:36px;}
header .head .gouw span i{ display:block; width:30px; height:34px; background:url(../images/nav_icon.png) -132px -2px no-repeat; float:left; overflow:hidden;}
header .head .gouw figure{ float:left; display:block; overflow:hidden; position:relative;}
header .head .gouw figure input.text{ width:50px; height:34px; opacity:0; position:relative; z-index:10; border:1px #e0e0e0 solid; font-size:12px; padding-left:10px; transition-duration: 0.3s;-ms-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
header .head .gouw figure input.sub{ border:none; display:block; width:30px; height:34px; background:url(../images/nav_icon.png) -90px -4px no-repeat; position:absolute; right:5px; top:0; z-index:90; cursor:pointer;}
header .head .gouw figure:hover input.text{ width:200px; opacity:1;}
header .head .navbox{ position:absolute; right:500px; top:30px;}
header .head .navbox li{ display:block; position:relative; float:left;   text-align:center; height:30px;}
header .head .navbox li a{ display:block; padding:0 40px; font-size:16px; position:relative;height:60px; transition:300ms; -webkit-transition:300ms; top:0; text-transform:uppercase;}
header .head .navbox li a span.tx_1{ font-size: 16px; transition: 300ms; -webkit-transition: 300ms; text-transform:uppercase;}
header .head .navbox li a span.tx_2{ text-transform:uppercase; font-size: 16px; position: absolute; left: 0; right: 0; top: 0; opacity: 0; transition: 300ms; -webkit-transition: 300ms; color:#006960}
header .head .navbox li:hover span.tx_1{ transform: translate(0); -webkit-transform: translate(0); opacity: 0; visibility: visible; }
header .head .navbox li:hover span.tx_2{ opacity:1;}
header .head .navbox li.on span.tx_1{ opacity:0;}
header .head .navbox li.on span.tx_2{ opacity:1;}
header .head .navbox li dl{ position:absolute; left:10%; top:60px; width:80%; background:#fff; display:none; padding-bottom:10px; box-shadow: 0 0 16px -4px rgba(0,0,0,.3);}
header .head .navbox li dl a{ margin:0; padding:0; display:block; height:30px; line-height:34px; color:#666; font-size:12px; transition-duration: 0.3s;-ms-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
header .head .navbox li dl dt{ width:20px; height:4px; background:#006960; display:block; margin:0 auto; margin-bottom:10px;}

@media screen and (max-width:1800px){
header .head{ padding:0 50px}
}
@media screen and (max-width:1700px){
header .head .navbox{ right:400px;}
header .head .navbox li a{    padding: 0 35px;}
}
@media screen and (max-width:1600px){
header .head .navbox{ right:300px;}
header .head .navbox li a{    padding: 0 35px;}
}
@media screen and (max-width:1500px){
header .head{ padding:0 30px}
}
@media screen and (max-width:1450px){
header .head .navbox{ right:240px;}
header .head .navbox li a{    padding: 0 30px;}
}
@media screen and (max-width:1400px){
header .head .navbox{ right:320px;}
header .head .navbox li a{  padding:0 20px;}
	}
@media screen and (max-width:1366px){
header .head .navbox{ right:240px;}
}
@media screen and (max-width:1260px){
header .head .navbox{ right:0;}
header .head .gouw{ display:none;}
}

/* 子栏目banner css */
.nav_banner{ width:100%; overflow:hidden; margin-top:90px; position:relative;}
.nav_banner .datu{ width:100%; overflow:hidden; height:450px;}
.nav_banner .datu.tu1{ background:url('../images/column/b1.jpg') center center no-repeat;}
.nav_banner .datu.tu2{ background:url('../images/column/b2.jpg') center center no-repeat;}
.nav_banner .datu.tu3{ background:url('../images/column/b3.jpg') center center no-repeat;}
.nav_banner .datu.tu4{ background:url('../images/column/b4.jpg') center center no-repeat;}
.nav_banner .datu.tu5{ background:url('../images/column/b5.jpg') center center no-repeat;}

.nav_banner img{ display:block; width:100%;}
.nav_banner strong{ display:block; font-weight:normal; width:1300px; color:#fff; position:absolute; left:50%; margin-left:-650px; bottom:110px; z-index:10;}
.nav_banner strong h1{ font-size:60px; font-family:Arial; text-transform:uppercase; line-height:70px;}
.nav_banner strong p{ font-size:34px; margin-top:28px;}

/* 子栏目导航 css */
.col{ width:100%; overflow:hidden; position:relative; z-index:99; margin-top:-44px;}
.col li{ display:block; float:left; overflow:hidden; position:relative; background:rgba(0,0,0,0.6); border-left:1px solid rgba(255,255,255,0.3);}
.col li:nth-child(1){ border:none;}
.col li a{ display:inline-block; line-height:44px; float:left; padding:0 50px; color:#fff; font-size:18px; position:relative; z-index:20;}
.col li i{ display:block; width:0; height:44px; background:#006960; position:absolute; left:50%; top:0; z-index:10; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.col li.on i,.col li:hover i{ width:100%; left:0;}

/* 页脚样式 css */
.fixed{position: fixed;background-color: rgba(42, 58, 74, 0.9);}
.footer{background:no-repeat url(../images/foot_bg.jpg);background-position: center center;height: 350px;border-top:solid 3px #f8a259;}
.footer_top{background:rgba(0,0,0,0.8);height:44px;overflow: hidden;border-bottom: solid 1px rgba(245,122,18,0.08);}
.footer_top p{float: left;line-height: 44px;color: #fff;}
.footer_top .zx{float: right;}
.footer_top .zx a{float: left;line-height: 42px;display: inline-block;position: relative;margin-left: 35px;color: #f57a12;}
.footer_top .zx a i{width: 22px;height: 22px;display: inline-block;background:no-repeat url(../images/icon.png);background-position: 0 -791px;margin-right:8px;position: relative;top:6px;}
.footer_top .zx a i.qq{background-position: 0 -833px;}
.footer_nav{float: left;margin-top: 47px;height: 150px;overflow: hidden;}
.footer_nav ul{border-right: solid 1px #4b4b4b;padding-right: 45px;margin-left: 45px;float: left;}
.footer_nav ul:first-child{margin-left: 0px;}
.footer_nav ul li{height: 25px;text-align: left;}
.footer_nav ul li h3{color: #fff;font-size: 18px;font-weight: 600px;}
.footer_nav ul li a{line-height: 25px;color: #a3a3a3;}
.footer_nav ul li:first-child{margin-bottom: 5px;}
.footer_nav ul li a:hover{color: #f57a12; }
.footer_right{width: 660px;float: right;margin-top: 47px;height: 150px;overflow: hidden;}
.footer_right .add{float: left;width: 405px;}
.footer_right .add p{color: #a3a3a3;}
.footer_right .erwm{float: right;text-align: center;}
.footer_right .erwm >div{float: left;margin-left: 20px;}
.footer_right .erwm >div img{width: 80px;height: 80px;padding: 5px;border:solid 1px #545454;}
.footer_right .erwm span{display: block;}
.footer_copy{text-align: center;margin-top: 20px;padding: 20px 0px;border-top: solid 1px #3a3a3a; color: #a3a3a3;}

/*列表分页*/
.paging{min-width:200px;margin:0 auto;margin-top:10px;padding-top:10px; clear:both}
.paging ul{ width:100%; text-align:center}
.paging li{ display:inline-block; *display:inline;zoom:1 ;margin-left:5px;border:1px #eee solid; background:#333;padding:3px 10px 3px 10px;}
.paging li:hover{ background:#14473b;}
.paging li:hover a{ color:#FFF}
.paging li a{display:block; color:#fff;font-size:12px; text-decoration: none}
.paging li a:hover{ color:#fff;}
.paging .paging_current{ background:#14473b;color:#fff;}

/*右侧浮动*/
.fudong{ width:74px; position:fixed; right:20px; bottom:200px; z-index:9000;}
.panel{ width:100%; background:#fff; box-shadow:0px 2px 6px 2px rgba(0,0,0,0.05);}
.panel ul{ overflow:hidden;}
.panel ul li{ border-top:1px #eee solid; transition:all linear .2s; overflow:hidden; cursor:pointer; text-align:center; padding:15px 0;}
.panel ul li small{ display:block; width:32px; height:32px; margin:0 auto; overflow:hidden; background:url(../images/icon-kf.png) no-repeat;}
.panel ul li small.ll_a{ background-position:-450px -253px;}
.panel ul li small.ll_b{ background-position:-451px -326px;}
.panel ul li small.ll_c{ background-position:-450px -396px;}
.panel ul li small.ll_d{ background-position:-450px -470px;}
.panel ul li span{ display:block; color:#333; padding-top:10px; line-height:16px;}
.panel ul li:hover{ background:#006960;}
.panel ul li:hover span{ color:#fff;}
.panel ul li:hover small.ll_a{ background-position:-513px -253px;}
.panel ul li:hover small.ll_b{ background-position:-517px -326px;}
.panel ul li:hover small.ll_c{ background-position:-517px -396px;}
.panel ul li:hover small.ll_d{ background-position:-519px -470px;}

#goTopBtn{ width:100%; border-top:1px #eee solid; cursor:pointer; padding:12px 0; text-align:center; transition:300ms;} 
#goTopBtn em{ width:32px; height:32px; background:url(../images/icon-kf.png) -450px -532px no-repeat; display:block; margin:0 auto;}
#goTopBtn span{ display:block; text-align:center; overflow:hidden; color:#333;}
#goTopBtn:hover{ background:#006960;}
#goTopBtn:hover span{ color:#fff;}
#goTopBtn:hover em{ background-position:-519px -532px;}