@charset "utf-8";
/* CSS Document */
body {
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Helvetica, Arial, '宋体', sans-serif;
    color: #333;
}
body {
    behavior: url(css/hover.htc); /*可在IE6,7中对非<a>元素使用hover等伪类*/
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,img, button, textarea, p, blockquote, th, td,video {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #444;
    text-align: center;
}
fieldset, img {
    border: 0 none;
}
input, select {
    padding-top: 0;
    padding-bottom: 0;
    outline: 0 none;
    vertical-align: middle;
}
img {
    vertical-align: middle;
    border: 0 none;
}
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul, li {
    list-style-type: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
a {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #0081cc;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.cb {
    clear: both;
}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}


@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
    
 .black6{color: #666666;}   

.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f30{font-size: 30px;}
.f40{font-size: 40px;}
.pt8{padding-top: 8px;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}
.pt80{padding-top: 80px;}
.pt120{padding-top: 120px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb60{padding-bottom: 60px;}
.pb24{padding-bottom: 24px;}
.pr2{padding-right: 2px;}
.pr10{padding-right: 10px;}
.pr40{padding-right: 40px;}
.pl20{padding-left: 20px;}
.pl40{padding-left: 40px;}
.grey{color: #999;}
.mr12{ margin-right: 12px;}
.ml20{ margin-left: 20px;}
.main-color{color: #0081CC;}
.fw{font-weight: bold;}
.lh24{line-height: 24px;}
/*common css end*/


.header{height: 92px;width: 100%; background-color:#fff;}
.headerfixed{height: 92px;width: 100%;position: fixed;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,.8);
-moz-box-shadow:0px 0px 0px #f5f5f5,0px 0px 0px #f5f5f5,0px 0px 0px #f5f5f5,0px 2px 5px #f5f5f5; 
-webkit-box-shadow:0px 0px 0px #f5f5f5,0px 0px 0px #f5f5f5,0px 0px 0px #f5f5f5,0px 2px 5px #f5f5f5;; 
box-shadow:0px 0px 0px #f5f5f5,0px 0px 0px #f5f5f5,0px 0px 0px #f5f5f5,0px 2px 5px #f5f5f5;;}
.navbody{padding-top:40px;width:784px;float:left;padding-left: 20px;}
/*.nav{ width:1000px; position:absolute; left:50%;top:0px; margin-left:-500px;}*/
.nav_ul{ float:left; display:inline; padding-right:5px;}
.nav li{ float:left;display:inline; padding:0 0 0 35px;}
.nav_li{ position:relative; z-index:2;cursor: pointer; }
.nav_ul li .current{color: #0081CC;}
.nav_ul li .current .iconfont{color: #0081CC;}
.nav_li_hover{ z-index:1;}
.nav_li .on{ display:block; float:left; height:52px; position:relative; z-index:2000; cursor: pointer; color:#333; font-size:16px;}
.subnav{position:absolute; top: 0px; overflow:hidden; height:38px; width:910px; padding-top:56px; z-index:666; display:none;}
.nav_li_hover .subnav{ display:block;}
.nav_li_hover .on{ background:url(../img/arrow1.png) no-repeat center bottom;/*for IE6*/color:#0081CC}
.nav-li-hover a:hover{color: #0081CC;}
.nav_li_hover .on .iconfont{color: #0081CC;}
.subnav li{  font-size:12px; color:#fff; font-weight:normal; padding:0 20px 0 0}
.subnav li a{color:#fff; font-size:12px;line-height: 30px;}
.subnav li a:hover{color:#0081CC;}
.sub-ul01{left:-50px; width:560px; }
.sub-ul02{left:-150px; width:560px;}
.sub-ul03{right:-418px; }
.sub-ul04{right:-60px; width:560px;}
.sub-ul05{right:-30px;}
.sub-ul05 ul,.sub-ul04 ul{ float:right;}
.sub-ul05  ul li,.sub-ul04  ul li{ padding:0 0 0 20px;}
.sub-ul03 ul{ text-align: center;}
.sub-ul03  ul li{ float: none; display:inline; padding:0 7px }
.subnavbg{ background-color:#000;opacity:0.7;filter:Alpha(Opacity=70); height:38px; width:100%; display:none; color:#fff; position:absolute; z-index:1;}



.bottom{margin-top: 80px;width: 100%;background: #222c3a;}
.bottom-content{padding-top: 30px;color: #a9acaf;padding-bottom: 30px;}
.link{padding-bottom: 40px;}
.link ul{width:1260px;overflow: hidden;}
.link ul li{width:116px;height: 40px;float:left ;margin-right: 15px;text-align: center;border: 1px solid #a9acaf;line-height: 40px;font-size: 16px;}
.link ul li a{color: #a9acaf;}
.bottom-main img{display: block;width: 169px;float: left;}
.bottom-text ul{width:690px;padding-left:90px;float:left;overflow: hidden;}
.bottom-text ul li{float: left;padding-right: 70px;color: #fff;}
.bottom-text ul li a{display: block;color: #a9acaf;font-size: 12px;margin-bottom: 12px;}
.bottom-line{width: 24px;height: 2px;background: #0081CC;margin-top: 10px;margin-bottom: 30px;}
.bottom-icon{width: 242px;float: right;}
.bottom-icon ul{width:260px;/*overflow: hidden;*/}
.bottom-icon ul li{float: left;padding-right: 26px;padding-top4px;color: #fff;text-align: center;position: relative;cursor: pointer; }
.bottom-icon ul li p{font-size: 16px;padding-top: 70px;}
.bottom-icon img{display: block;width: 54px;height: 54px;}
.bottom-icon img:hover{ background-color:#0082cd; border-radius:50px;}
.bottom-icon-content{position: absolute;left: 0px;top: -50px;text-align: center;}
.bottom-icon-content img{display:block;width: 120px;height: 120px;margin-top:-84px;margin-left: -32px;}
.bt-arrow{width:17px;height:10px;background:url(../img/bt-arrow.png) no-repeat center bottom;}
.bottom-show{display: block;}
.copyright{background: #171e27;width: 100%;height: 34px;line-height: 34px;color: #a9acaf;text-align: center;font-size: 12px;color: #a9acaf;}
.copyright a{color: #a9acaf;padding-left: 10px;}
.bottom a:hover{color: #0081CC;}