@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; list-style:none; outline:none; text-decoration:none;}
body{margin: 0;font-family: "Microsoft YaHei" ! important;background: #FFFFFF}
a,a:hover{text-decoration:none!important;}
a:active{text-decoration:none!important;}
a:visited{text-decoration:none!important; color:#CCCCCC}
a:focus{text-decoration:none!important;}
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
div,ul,li { padding: 0; margin: 0; }
ul { list-style: none ; }
p,h1,h2,h3,h4,h5,h6{margin: 0;}
img{border: none;}
.displayNone {display: none;}

.head{width: 100%;position: relative;}
.head .slidown{width: 100%;height: 50px;background: url("ds.png");position: absolute;z-index: 1;display: none;}
.head .slidown ul{width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -400px;}
.head .slidown ul li{float: left;background: url("u178.png") no-repeat 0px 16px;line-height: 50px;padding-left: 12px;margin-left: 60px;}
.head .slidown ul li a{font-size: 16px;color: #fff;}
.head .slidown ul li a:hover{color: #00ccff}

.head .container{width: 1200px;height: 90px;margin: auto;}
.head .container .cor{float:left;width: 432px;height: 90px;}
.head .container .logo{
    /*width: 167px;height: 58px;float:left;margin-top: 16px;*/
    width: 240px;
    height: 40px;
    float: left;
    margin-top: 23px;
}
.head .container .hNav{float: right;z-index: 101}
.head .container .hNav .english a{float: right;font-size: 12px;color:#333;padding-left: 23px;background: url("u173.png") no-repeat 0px 1px;margin-top: 15px;}
.head .container .hNav ul{float: left;}
.head .container .hNav ul li{float: left;padding: 13px 31px 20px 31px;}
.head .container .hNav ul li a{font-size: 20px;color: #333333}
.head .container .hNav ul li a:hover{color: #00ccff}
.head .container .hNav ul li a.on{color: #00ccff}
.head .container .hNav ul li img{width: 18px;height: 20px;}
.head .container .hNav .search{margin-top: 16px;display: inline-block;}

.shade {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}

.bottom{width: 100%;background: #336699;margin-top: 10px;}
.bottom .container{width: 1200px;margin: auto;background: #336699;height: 183px;position: relative;}
.bottom .container .online{padding-top: 40px;}
.bottom .container .online p{display: inline-block;margin-top: 4px;color: #fff; font-size: 14px;}
.bottom .container .online .tus{margin-left: 64px;}
.bottom .container .online .chs{margin-left: 58px;}
.bottom .container .online .tus a,.bottom .container .online .chs a{color: #fff}
.bottom .container .online .chs{margin-left: 58px;}
.bottom .container .online .p{font-size: 12px;margin-top: 6px;}
.bottom .container .icp{color: #fff;text-align: center;padding-top: 70px;font-size: 13px;}
.bottom .container .online .select {
    cursor: pointer;
    width: 225px;
    height: 28px;
    background: url(select.png) no-repeat;
    display: inline-block;
    margin-left: 10px;
    position: relative;

}
.bottom .container .online .selectma{margin-left:11px;}
.bottom .container .online .hideMes {
    z-index: 101;
    width: 225px;
    height: 260px;
    top: -260px;
    position: absolute;
    background: #fff;
    left: 0px;
    overflow-y: scroll;
}
.bottom .container .online .hideMes ul {
    padding-top: 10px;
}
.bottom .container .online .hideMes ul li a:hover{    color: #0099cc;;}
.bottom .container .online .hideMes ul li a {
    color: #414141;
    font-size: 16px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}
.bottom .chart{position: absolute;right: 0;top:24px;width: 114px;}
.bottom .chart img{width: 102px;height: 102px;display: block;margin: auto;}
.bottom .chart p{text-align: center;font-size: 14px;color: #fff;padding-top: 11px;}

/*公共头部底部css*/




.banner{ width:100%; margin-bottom:20px;}
.banner img{ width:100%;}
/*banner*/
.main{ width:1200px; margin:0 auto; overflow:hidden;}
.main-l{ width:152px; float:left;}
.main-l ul{ width:152px; padding-top:6px;}
.main-l ul li{ width:152px; height:44px; line-height:44px; text-align:center; font-size:16px; background:url(line_07.png) no-repeat center bottom}
.main-l ul li img{ vertical-align:middle; margin-right:8px}
.main-l a{ color:#232323;}
.main-l ul li.columncur a{ color:#00a5e3}
.main-l ul li:hover a{ color:#00a5e3}
/*左边菜单*/

.main-r{ width:984px; float:right; font-size:13px;}
.main-r a{ font-size:13px;}
.location{ height:34px; line-height:34px; margin-bottom:10px; color:#212121}
.location a{ color:#212121}
.location img{ vertical-align:middle; margin-right:16px;}
.columnname{ font-size:18px; color:#232323; height:36px; position:relative; border-bottom:#EBEBEB 4px solid; margin-bottom:14px;}
.columnname p{ float:left; height:36px; line-height:40px; border-bottom:#00A5E3 4px solid; position:absolute; bottom:-4px; left:0; padding:0 16px;}
.articlelist{ padding-bottom:10px;}
.articlelist li{ height:50x; line-height:50px; background:url(arrow.png) no-repeat 37px center; padding-left:67px;}
.articlelist li span{ float:right; margin-right:34px; color:#646464}
.articlelist li a{ color:#646464}
.articlelist li:hover{ background-color:#EFF4FB;}
.articlelist li:hover a{ color:#2e62b0}

/*右侧部分结束*/


