a:hover {
    color: #f9bb00 !important;
}
.blue{color:#1557ae}
.fs08em{
    font-size: 0.8em;}
.mainbox{padding-top: 2em;
    clear: both;
padding-bottom: 5em;
    position: relative;
}
.bghui{ background-color:#F2F2F4;    }
.container {
    width: 70%;
    margin: 0 auto;
    text-align: left;
    font-size: 1em; position: relative;

}
#header {
    padding: 1.5em 0 0.5em 0;
    position: relative;
}
#header .container {
    position: relative;
}
.pt5{
    padding-top: 5em;}
#nav {
    position: absolute;
    left: 15.2em;
    bottom: 1em;
}
#nav li {
    float: left;
    padding: 0 1.3em;
}
#nav a {
    font-size: 1.2em;
}
#nav li.cur a{color:#f9bb00}

#banner {
    position: relative;
    overflow: hidden;
}

.footertxt{
    height: 3em;
    line-height: 3em;
    font-size: 1.3em;
   text-align: center; background: #000000;
    color: #ffffff;}

.ufbanner{
    width: 100%; clear: both}

.ufbanner img{
    width: 100%;
    height: auto;}

.subtitle{
    font-size: 2em;
    color:#6D6D6D;
    height: 4em;
    line-height: 4em;
    text-align: center;
    position: relative;}

.subtitle .xian{
    width: 4em;
    margin:auto;
    height: 0.05em; overflow: hidden; background:#155998;
    position: absolute;
    left: 50%;
    margin-left: -2em;
    top: 3.3em; }
.subtitle .xian.w3{
    width: 3em; margin-left: -1.5em;;}
.ntext{
    font-size: 0.9em;
    padding-top: 1em;
    line-height: 1.9em;}

.bannerimg img{
    width: 100%;
    height: auto;}

.liucheng{
    width: 100%;
    font-size: 1em;
}
#liucheng{    padding-bottom: 3em;}
.liucheng li{
    width: 25%;
    float: left;
  }

.liucheng li h3{
    font-weight:500;
    font-size: 1.4em;
    height: 2em; text-align: center; padding-left:2.5em; padding-right: 2em;
}
.liucheng li.l1 h3{
    padding-left: 1.5em;}
.liucheng li p{
    font-size: 1em; padding-left: 1em;
    padding-right: 1.5em;
    line-height: 1.5em}
.liucheng li.l1 p{ padding-right:2em;}
.liucheng li.l2 p{ padding-left:2em;}
 .liucheng li.l3 p{ padding-left:3em; padding-right:1em}
 .liucheng li.l4 p{ padding-left:3em;padding-right:1em}

.contactbox{ background: url("../images/contact_bg.jpg") no-repeat; background-size: cover;
    margin-top:6em;
    color: #ffffff; padding-bottom:8em;}
.contactbox .subtitle{
    color: #ffffff;}
.contactbox .xian{
    width: 2em;
    margin-left:-1em; background: #40403E}
.contactbox .contacttext{
    width: 40%; float: left; line-height: 2em}

.contactbox .formbox{
    width: 50%;
    float: right;}
.contactbox .formbox .row{
   padding-bottom: 1em;}
.contactbox .formbox .input{
    width: 48%;
    height: 2em;
    border: #d1d1d1 solid 0.1em  ;
    background: none;
    font-size: 1em;
    color: #ffffff;}
.contactbox .formbox textarea{
    display: block; width: 98%;
    height:10em;
    border: #d1d1d1 solid 0.1em  ;
    background: none;
    font-size: 1em;
    color: #ffffff;}

.contactbox .formbox .btn{    height: 2em ;
    width: 5em;
    font-size: 1em;
    background: #515151; border: none; color: #ffffff
}

.aboutitem{
    width: 28%; float: left;
    padding-right:4%;
    padding-left: 1%;
    padding-top: 3em;}
.aboutitem dt{
    font-size: 1.5em;
    font-weight: 500;
    height: 2em;
    padding-left: 0.5em;}
.aboutitem dd{
    line-height:2em;
    font-size: 0.9em;}

.ntext2{
    font-size: 0.9em;
    line-height: 2em; text-align: center}

.ceocont{
    border: #000000 solid 0.1em;
    padding: 0.5em}
.ceocont img{
    float: left;
    width: 30%;
}
.ceocont .title{
    padding-left: 32%;
    font-size: 1.6em;
    line-height: 1.8em;
    font-weight: bold;}
.ceocont .cont{
    padding-left: 32%; font-size:0.9em; line-height: 1.8em;}
.newspiclist{
    padding-top: 3em;
   }
.newspiclist li {
    width: 33%;
    float: left;
    overflow: hidden; }
.newspiclist li a{
    display: block; width:90%;
   margin: auto;
    text-align: center;}
.newspiclist li a.pic{
    max-width: 100%;}
.newspiclist li a.pic img{
    width: 100%; height :auto;}

.teambox{
    background-color:#F2F2F4;
    margin-top: 3em;
    }
.temaitem{
    width: 33%;
    float: left;
    padding-top: 3em;
    }

.temaitem dt,.temaitem dd{
    width:90%;
    margin: auto;}
.temaitem dt img{
    width: 100%;
    height: auto;}

.temaitem dd .name{
    line-height: 1.8em;
    text-align: center;
    color: #000000;
}

.temaitem dd .cont{
    margin-top: 1em;
    padding: 1em;
    font-size: 0.9em;
    line-height: 2em;
    border:#000000 solid 0.1em;
    min-height: 26em}

.footer2{
    width: 100%;height:16em;
    background-color: #1a1a1a;}
.footer2 .btns{
    padding-top: 5em;
    text-align: center;}
.footer2 .btns img{
    width:2em;
    height:2em;}
.footer2 .btns a{ margin: 0 0.5em 0 0.5em;}
.footer2 .txt{
    color: #999999;
    text-align: center;
    padding-top: 2em;
}

.ziyuan{
    padding-top: 3em;
    padding-bottom:5em; position: relative}
.ziyuan .item{
    float: left;
    width: 33.33%;position: relative}
.ziyuan .item .iboxc{
    position: relative;}
.ziyuan .item.i1 div.ibox{
    padding-right: 10%;position: relative;
}
.ziyuan .item.i2 div.ibox{
    padding-left: 5%; padding-right: 5%; position: relative;
}
.ziyuan .item.i3 div.ibox{
    padding-left: 10%; position: relative;
}

.ziyuan .item .ico{
    position: absolute;
    top:5em;
    text-align: center;  width:100%;
   }
.ziyuan .item .ico img{
    width: 8em;;
    height: auto;
}
.ziyuan .item .title{
    font-size: 1.5em;
    line-height: 1em;
    height: 4.5em; background:#2E3142;
    text-align: center;
        padding-top: 1.5em;
    color: #ffffff;}
.ziyuan .item.i2 .title,.ziyuan .item.i3 .title{
    padding-top:1em;
    height:5em;}
.ziyuan .item .cont{
    padding-top: 5em;
    text-align: center;
    line-height: 2em;
    height: 18em;
    background: #ffffff;}

.nengzuo{
    width: 25%;
    float: left; position: relative; }
.nengzuo dt,.nengzuo dd{
    width:80%;
    padding: 0;
}
.nengzuo dt img{ width: 100%;
    height: auto;}
.nengzuo.nz2 dt,.nengzuo.nz2 dd{ margin-left:8%}
.nengzuo.nz3 dt,.nengzuo.nz3 dd{ margin-left:14%}
.nengzuo.nz4 dt,.nengzuo.nz4 dd {
float:right}
.nengzuo dd{
    line-height: 2em;
    padding-top: 1em;
    padding-bottom: 4em;}

.tzliucheng{
    padding: 2em 0 10em 0;}

.tzliucheng dl{
    width: 25%;
  position: relative; float: left;
    margin-top: 5em;
}

.tzliucheng dl dd{
    width: 10em;
    padding: 4em 1em 0 1em ;
    height: 8em; -moz-border-radius: 6em;      /* Gecko browsers */
    -webkit-border-radius:6em;   /* Webkit browsers */
    border-radius:6em;            /* W3C syntax */
    border:#A3AAB2 solid 0.2em ;
}
.tzliucheng dl dd p{
    font-size: 0.8em;
    padding-left: 0.5em;
    line-height: 1.3em;}

.tzliucheng dl dt{ position:absolute;
    width: 4em;
    height: 4em;
    line-height: 4em;
     text-align: center;
    color: #ffffff;
    -moz-border-radius: 2em;      /* Gecko browsers */
    -webkit-border-radius:2em;   /* Webkit browsers */
    border-radius:2em;            /* W3C syntax */
    background: #A3AAB2;
    left: 9em;
    }

.newsdeslist{
    padding-bottom: 10em;}
.newsdesitem{
    padding-top: 4em;}
.newsdesitem dt{
    width: 30%;
    overflow: hidden; position: relative;
    float: left}
.newsdesitem dt img{
    width: 100%;
    position: relative;
    z-index: 1;
    height: auto;
}
.newsdesitem dt span{ font-weight: bold;
    font-size:2.3em;
    position: absolute;
    z-index: 4;
    left: 1.8em;
    top: 3.0em; color:#999999
}

.newsdesitem dd{
    padding-left:31%;;}
.newsdesitem dd .title{
    height: 2.5em;
    line-height: 2.5em;
    font-size: 1.6em; ;}
.newsdesitem dd .adt{
    color: #C4C4C4;
    height: 3em;}
.newsdesitem dd .cont{
    line-height: 2em; font-size:0.9em}
    .newsdesitem dd .cont img{ width:60%; height:auto}

.logo-list li {
    float: left;
    width: 11%;
    overflow: hidden;
    margin: 1em 2.7% 1em 2.7%;
    box-shadow: 0 0 1em #999;
}
.tixi{
    padding-top: 2em; padding-bottom: 5em;}
.logo-list li img {
    width: 100%;
    height: auto; float:left;
}

#gotopbtn{ width:49px; height:49px; overflow:hidden; background:url(../images/gotop.png) no-repeat; position:fixed;
    right:20px;
    cursor:pointer; display:none; bottom:200px!important;bottom:auto;
    _position:absolute;
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
    
    
    
@media screen and (min-width:320px) and (max-width:550px) {
    .container{
        width:99%
    }
    #header .brand{ display:block;}
    #header #nav{ position:relative; display:block; left:0; }
    #header #nav li{ padding:0 0.5em;}
}