body {
    color: #454545;
    font:12px/1.5 "Microsoft YaHei",Tahoma,"\5fae\8f6f\96c5\9ed1","\5b8b\4f53",sans-serif;
}
input{
    font-family:"Microsoft YaHei";
}
a{
	color:#454545
}
.container{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;    
}
.NewsPage,#NewsPage{width:96%;float:left;text-align:center;overflow:hidden;padding:10px 2%; font-family:'微软雅黑';color:#454545;line-height:30px;margin:0px auto;font-size:14px; margin-bottom:10px;}
.minh{min-height:500px;_height:expression(this.scrollHeight < 500 ? "500px" : "auto");}

/**
 * 头部
 */
#header{
    height: 144px;
    position: relative;
    z-index: 9;  
}
#header .logo{
    float: left;
}
#header .logo a{
    display: block;
    width: 495px;
    height: 0;
    padding-top: 95px;
    background: url(../images/logo.jpg) no-repeat 0 0;
    overflow: hidden;
}
#header .search{
    float: right;
    width: 220px;
    height: 32px;
    margin-top: 33px;
    line-height: 40px;
    font-size: 13px;
    text-align: left;
    margin-right: 8px;
    background: url(../images/search.jpg) no-repeat 0 0;
}
#header .search .kw{
    float: left;
    border: 0;
    width: 167px;
    padding: 0 10px;
    height: 16px;
    line-height: 16px;
    margin:8px 0; 
    color: #8a8a8a;
    display: inline;
    background: none;
}
#header .search .sub{
    float: left;
    width: 32px;
    height: 32px;
    background: none;
    border: 0;
    cursor: pointer;
}
#header .nav{
    height: 46px;
    position: relative;
    padding-bottom: 3px;
    background: url(../images/csg-line.png) repeat-x 0 -76px;
}
#header .nav .main-nav{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
#header .nav .main-nav .item{
    float: left;
    padding-right: 1px;
    background: url(../images/csg-line.png) no-repeat right 0;
    margin-left: -1px;
}
#header .nav .main-nav .item10{
    background: none;
}
#header .nav .main-nav .item .link{
    float: left;
    position: relative;
    padding: 0 18px;
    font-size: 14px;
    color: #fff;
    height: 46px;
    line-height: 44px;
    -webkit-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
#header .nav .main-nav .link i{
    visibility: hidden;
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 7px;
    height: 4px;
    margin-left: -3.5px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    background-position: 0 -588px;
}
#header .nav .main-nav .active,#header .nav .main-nav .current{
    background: none;
}

#header .nav .main-nav .active .link,#header .nav .main-nav .current .link{
    background-color: #1fad4b;
}
#header .nav .main-nav .active i{
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: visible;
    bottom: 5px;
}
#header .nav .lower-nav{
    position: absolute;
    z-index: 9;
    top: 46px;
    padding-top: 3px;
    height: 38px;
    line-height: 38px;
    color: #7be09a;
    font-family: "宋体";
    display: none;
}
#header .nav .lower-nav a{
    color: #fff;
    font-family:"Microsoft YaHei";
    padding: 0 16px;
}
#header .nav .fill{
    position: absolute;
    top: 46px;
    width: 100%;
    height: 41px;
    background-color: #1fad4b;
    display: none;
    opacity: .8;
    filter: alpha(opacity=80);
}
/**
 * 首页
 */
@font-face {
    font-family: 'Marmelad';
    font-style: normal;
    font-weight: 400;
    src: url('font/marmelad.eot');
    src: url('font/marmelad.eot?#iefix') format('embedded-opentype'),
         url('font/marmelad.woff') format('woff'),
         url('font/marmelad.ttf') format('truetype'),
         url('font/marmelad.svg#Marmelad') format('svg');
}
#banner{
    height: 400px;
    position: relative;
    overflow: hidden;
}
.loading{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) #fff no-repeat center;
    top: 0;
    left: 0;
    z-index: 99;
}
#banner .JC1{
    height: 400px;
}
#banner li{
    overflow: hidden;
    text-align: center;
}
#notice{
    height: 65px;
    line-height: 64px;
    background-color: #f5f6f8;
    border-bottom: 1px #e4e6ea solid;
}
#notice .title{
    float: left;
    min-width: 135px
}
#notice .title .cn{
    font-size: 16px;
    font-weight: bold;
}
#notice .title .en{
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Marmelad", sans-serif;
    text-shadow: 0 1px 0 #fff;
    color: #999
}
#notice .title .cn b{
    color: #016ba7
}
#notice .buttom{
    float: left;
    padding-top: 24px;
    padding-left: 10px;
}
#notice .buttom span{
    float: left;
    display: inline;
    width: 17px;
    height: 17px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    background-color: #3e8ebb;
    cursor: pointer;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#notice .buttom .prev{
    background-position: 5px -397px;
    margin-right: 1px;
}
#notice .buttom .next{
    background-position: 6px -436px;
}
#notice .buttom span:hover{
    background-color: #016ba7;
}
#notice .JC2{
    float: left;
    width: 550px;
    height: 64px;
    overflow: hidden;
    margin-left: 15px;
    display: inline;
    font-size: 14px;
}
#notice .list{
    height: 64px;
}
#notice .list li{
    float: left;
    width: 100%;
    height: 64px;
    overflow: hidden;
}
#notice .list li{
    float: left;
}
#notice .list li a{
    float: left;
}
#notice .list li span{
    float: right;
    font-size: 12px;
    padding-left: 10px;
    color: #999;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding-top: 2px;
}
#notice .share{
    float: right;
    padding-top: 24px;
    height: 20px;
    line-height: 20px;
}
#notice .share li{
    float: left;
    margin-left: 15px;
    display: inline;
}
#notice .share li a{
    float: left;
    padding-left: 28px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
}
#notice .share .item1 a{
    background-position: 0 -752px;
}
#notice .share .item2 a{
    background-position: 0 -800px;
}

/**
 * Home块
 */
.home .row-1{
    height: 262px;
    overflow: hidden;
}
.home .row-1 .col-1{
    float: left;
    margin-top: 25px;
    height: 210px;
    width: 300px;
    position: relative;
    overflow: hidden;
}
.home .row-1 .col-2{
    float: left;
    width: 380px;
    margin-left: 30px;
    display: inline;
}
.home .row-1 .head{
    margin-top: 20px;
}
.home .row-1 .one{
    height: 90px;
    border-bottom: 1px #ebebeb solid;
}
.home .row-1 .one h3{
    padding-top: 10px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
}
.home .row-1 .one h3 a{
    color: #ca2424
}
.home .row-1 .one p{
    line-height: 20px;
    color: #787878
}
.home .row-1 .col-3{
    float: right;
    width: 260px;
    overflow: hidden;
}
.home .row-1 .col-3 li{
    height: 62px;
    border-top: 1px #ebebeb solid;
}
.home .row-1 .col-3 li span{
    font-size: 12px;
    display: block;
    padding-left: 12px;
    color: #ababab;
    padding-top: 12px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;    
}
.home .row-1 .col-3 ul{
    margin-top: -1px;
}
.home .row-1 .col-3 li a{
    padding-left: 12px;
    display: block;
    height: 20px;
    line-height: 20px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    background-position: 1px -511px;
    font-size: 14px;
}
.home .row-2{
    height: 430px;
    background-color: #f5f6f8;
    border-top: 1px #e4e6ea solid;
    border-bottom: 1px #e4e6ea solid;
}
.home .row-2 .bann{
    padding-top: 22px;
    padding-bottom: 18px;
}
.home .row-2 .public-news li{
    padding: 4px 0;
    border-bottom: 1px #ebebeb solid;
}
.home .row-2 .public-news li:last-child{
    border-bottom: 0;
}
.home .row-2 .col-1{
    float: left;
    width: 300px;
    overflow: hidden;
}
.home .row-2 .col-2{
    float: left;
    width: 380px;
    margin-left: 30px;
    display: inline;
}
.home .row-2 .col-3{
    float: right;
    width: 260px;
}

.home .row-3{
    height: 270px;
}
.home .row-3 .head{
    border: 0;
    margin-top: 20px;
}
.home .row-3 .head .tabs-hd{
    font-family: "宋体";
    height: 20px;
    padding-bottom: 6px;
    line-height: 20px;
    color: #dcdee4;
    position: absolute;
    top: 10px;
    right: -12px;
}
.home .row-3 .head .tabs-hd a{
    padding: 0 12px;
    padding-bottom: 8px;
    font-family:"Microsoft YaHei";
}
.home .row-3 .head .tabs-hd a:hover{
    color: #016ba7;
}
.home .row-3 .head .tabs-hd .active{
    color: #016ba7;
    font-weight: bold;
    background: url(../images/csg-dot.png) no-repeat center -534px;
}
.home .row-3 .head .tabs-hd .ul-item{display: none;}
.project-carousel{
    position: relative;
    margin-top: 14px;
    width: 1074px;
    height: 190px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.project-carousel .project-list{
    height: 190px;
    overflow: hidden;
}
.project-carousel .project-list .item{
    width: 100%;
    position: relative;
}
.project-carousel .item li{
    float: left;
    width: 240px;
    margin-right: 13px;
    display: inline;
}
.project-carousel .item li img{
}
.project-carousel .item li{
    display: block;
}
.project-carousel .item li .name{
    height: 40px;
    line-height: 40px;
    padding-left: 14px;
    font-size: 14px;
    background: url(../images/csg-dot.png) no-repeat 3px -501px;
}
.project-carousel .item-carousel{
    position: relative;
    width: 1000px;
    height: 190px;
    overflow: hidden;
    margin: 0 auto;
}
.project-carousel .item-carousel .list{
    width: 2000em;
    position: relative;
    height: 190px;
    overflow: hidden;
}
.project-carousel .item .buttom span{
    position: absolute;
    top: 56px;
    width: 17px;
    height: 30px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}
.project-carousel .item .buttom .prev{
    left: 0;
    background-position: 0 -281px;
}
.project-carousel .item .buttom .prev:hover{
    background-position: 0 -161px;
}
.project-carousel .item .buttom .next{
    right: 0;
    background-position: 0 -341px;
}
.project-carousel .item .buttom .next:hover{
    background-position: 0 -221px;
}

 .bann .buttom span{
    position: absolute;
    top: 56px;
    width: 17px;
    height: 30px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.bann .buttom .prev{
    left: -37px;
    background-position: 0 -281px;
}
.bann .buttom .prev:hover{
    background-position: 0 -161px;
}
.bann .buttom .next{
    right: -37px;
    background-position: 0 -341px;
}
.bann .buttom .next:hover{
    background-position: 0 -221px;
}
/**
 * 底部
 */
#footer{
    height: 142px;
    background: url(../images/csg-line.png) repeat-x 0 bottom;
    color: #8ec0dc
}
#footer a{
    color: #8ec0dc   
}
#footer a:hover{
    color: #FFF;
    text-decoration: underline;
}
#footer .nav{
    padding-top: 6px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px #2781b4 solid;
    font-family: "宋体";
    font-size: 14px;
    color: #2781b4;
    margin-bottom: 10px;
}
#footer .nav a{
    padding: 0 15px;
    color: #fff;
    font-family:"Microsoft YaHei";
}
#footer .nav .a1{
    padding-left: 0;
}
#footer .left{
    float: left;
    line-height: 26px;
}
#footer .right{
    float: right;
    line-height: 26px;
}

/**
 * 内页
 */
.banner{
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.banner .box{
    position: absolute;
    width: 1680px;
    height: 240px;
    top: 0;
    left: 50%;
    margin-left: -840px;
}
#content{
    padding-top: 22px;
    padding-bottom: 30px;
}
#content .sidebar{
    float: left;
    width: 240px;
}
#content .main{
    float: right;
    width: 730px;
    overflow: hidden;
}
.sidebar .parent{
    height: 47px;
    line-height: 46px;
    background-color: #016ba7;
    border-top: 3px #1fad4b solid;
}
.sidebar .parent span{
    float: left;
    padding-left: 20px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.sidebar .parent i{
    float: right;
    margin-right: 17px;
    margin-top: 14px;
    display: inline;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    background-position: 0 -622px; width: 20px; height: 20px;
}
.sidebar .cats-list{
    border-bottom: 2px #e1e3e8 solid;
    margin-bottom: 25px;
    overflow: hidden;
}
.sidebar .cats-list li{
    height: 50px;
    line-height: 48px;
    border-bottom: 1px #e1e3e8 solid;
    vertical-align: middle;
}
.sidebar .cats-list li a{
    display: block;
    height: 50px;
    padding-left: 20px;
    font-size: 14px;
    background-color: #f5f6f8;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    background-position: 210px -459px;
    -webkit-transition: color,background-color 0.4s ease;
    -o-transition: color,background-color 0.4s ease;
    transition: color,background-color 0.4s ease;
}
.sidebar .cats-list li a:hover,.sidebar .cats-list .active a{
    background-color: #fff;
    color: #016ba7;
    background-position: 210px -40px;
}
.content .main .position{
    height: 48px;
    line-height: 46px;
    border-bottom-width: 2px;
}
.content .main .position i{
    height: 2px;
    bottom: -2px;
    padding-left: 4em;
    font-size: 20px;
}
.content .main .position .cn{
    font-size: 20px;
    float: left;
}
.content .main .position .location{
    float: right;
    height: 48px;
    line-height: 52px;
    padding-left: 18px;
    overflow: hidden;
    background: url(../images/csg-dot.png) no-repeat 0 -828px;
}
.main .article-read{
    line-height: 26px;
    font-size: 14px;
    padding-top: 10px;
}
.main .article-read p{
    padding-bottom: 10px;
}
.main .news-list{
    padding-top: 15px;
}

.main .news-list li{
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px #e4e6ea solid;
}
.main .news-list li h3{
    padding-top: 5px;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
}
.main .news-list li h3 a:hover{
    color: #016ba7;
}
.main .news-list .info,
.main .article-read .info{
    color: #999;
    overflow: hidden;
    margin-bottom: 8px;
}
.main .news-list .info span,
.main .article-read .info span{
    padding-left: 22px;
    margin-right: 12px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
}
.main .news-list .info .time,
.main .article-read .info .time{
    background-position: 0 -889px;
}
.main .news-list .info .views,
.main .article-read .info .views{
    background-position: 0 -931px;   
}
.main .article-read .info td{
    vertical-align: middle;
}
.main .news-list p{
    line-height: 22px;
    color: #666
}
.main .project-list{
    padding-top: 22px;
}
.main .project-list li{
    height: 258px;
    border: 2px #e4e6ea solid;
    margin-bottom: 35px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    transition: border 0.4s ease;

}
.main .project-list .pic{
    float: left;
    width: 430px;
    height: 258px;
}
.main .project-list .pic{
    background-repeat: no-repeat;
    background-position: 0 center;
    -webkit-background-size: 430px 258px;
    background-size: 430px 258px;
    -webkit-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
}
.csstransitions .main .project-list .pic img{
    display: none;
}
.main .project-list .docs{
    position: absolute;
    top: 0;
    right: 0;
    width: 256px;
    padding: 0 20px;
    height: 100%;
    background-color: #fff;
    border-left: 0;
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.main .project-list .docs h3{
    font-size: 24px;
    padding-top: 16px;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px #e4e6ea solid;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}
.main .project-list .docs h3 a{
    color: #0169a5;
}
.main .project-list .docs p{
    color: #787878;
    line-height: 22px;
    padding-top: 14px;
}
.main .project-list .docs .more{
    position: absolute;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px #0079bf solid;
    left: 20px;
    bottom: 30px;
}
.main .project-list .docs .more a{
    color: #0079bf
}

.main .project-list .active{
    border-color: #0169a5;
}
.main .project-list .active .docs{
    background-color: #0169a5;
}
.main .project-list .active .docs h3{
    border-color: #1b78ae;
}
.main .project-list .active .docs h3 a{
    color: #fff;
}
.main .project-list .active .docs p{
    color: #99d5f7
}
.main .project-list .active .docs .more{
    border-color: #80b4d2;
}
.main .project-list .active .docs .more a{
    color: #80b4d2
}
.csstransitions .main .project-list .active .pic{
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.main .gallery{
    padding-top: 30px;
    overflow: hidden;
}
.main .gallery-pic{
    height: 445px;
    position: relative;
}
.main .gallery-pic img{
    max-width: 100%
}
.main .gallery-pic .jcarousel{
    width: 100%;
    height: 445px;
    position: relative;
    overflow: hidden;
}
.main .gallery-list{
    position: relative;
    height: 89px;
}
.main .jcarousel-gallery{
    margin: 0 31px;
    height: 76px;
    padding-top: 13px;
    position: relative;
    overflow: hidden;
}
.main .jcarousel-gallery ul{
    position: relative;
    width: 2000em;
}
.main .jcarousel-gallery li{
    float: left;
    width: 126px;
    position: relative;
    margin-right: 9px;
    display: inline;
}
.main .jcarousel-gallery li img{
    width: 126px;
    height: 76px;
    float: left;
}
.main .jcarousel-gallery li a{
    display: block;
    position: relative;
}
.main .jcarousel-gallery li .border{
    position: absolute;
    width: 120px;
    height: 70px;
    border: 3px #1fad4b solid;
    left: 0;
    top: 0;
    visibility: hidden;
}
.main .jcarousel-gallery li .dot{
    position: absolute;
    width: 7px;
    height: 4px;
    left: 50%;
    top: -4px;
    margin-left: -3.5px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    background-position: 0 -976px;
    visibility: hidden;
}
/* .main .jcarousel-gallery li a:hover .border,.main .jcarousel-gallery li a:hover .dot{
    visibility: visible;
} */
.main .jcarousel-gallery .active .border,.main .jcarousel-gallery .active .dot{
    visibility: visible;
}
/** 
 * pic buttom
 */
.public-buttom span{
    position: absolute;
    width: 80px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    background-color: #000;
    opacity: 0.45;
    filter: alpha(opacity=45);
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.public-buttom i{
    position: absolute;
    width: 17px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.public-buttom .i1{
    left: 29px;
    background-position: 0 0;
}
.public-buttom .i2{
    right: 29px;
    background-position: 0 -101px;
}
.public-buttom .prev{
    left: 0;
}
.public-buttom .next{
    right: 0;
}
.public-buttom span:hover{
    background-color: #1fad4b;
}
/** 
 * list buttom
 */
.main .gallery-list .buttom span{
    position: absolute;
    width: 21px;
    height: 76px;
    top: 13px;
    background-color: #e4e6ea;
    cursor: pointer;
}
.main .gallery-list .buttom span i{
    position: absolute;
    width: 9px;
    height: 15px;
    top: 50%;
    margin-top: -7.5px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
}
.main .gallery-list .buttom span:hover{
    background-color: #016ba7;
}
.main .gallery-list .buttom .prev{
    left: 0;
}
.main .gallery-list .buttom .next{
    right: 0
}
.main .gallery-list .buttom .prev i{
    left: 6px;
    background-position: 0 -1010px;
}
.main .gallery-list .buttom .next i{
    right: 6px;
    background-position: right -1010px;
}
.main .gallery-list .buttom .prev:hover i{
    background-position: 0 -1055px;
}
.main .gallery-list .buttom .next:hover i{
    background-position: right -1055px;
}
.main .project .item-name{
    font-size: 24px;
    color: #0169a5;
    padding-top: 20px;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px #e4e6ea solid;
}
.main .project .item-read{
    font-size: 14px;
    line-height: 26px;
    padding-top: 6px;
    padding-bottom: 20px;
}
.main .download-list{
    padding-top: 5px;
    margin-top: 10px;
}
.main .download-list li{
    border-bottom: 1px #e4e6ea dotted;
    padding-top: 5px;
    padding-bottom: 4px;
}
.main .download-list li .bottom{
    float: right;
    color: #016ba7;
    padding-left: 0;
    background: none;
    font-size: 12px;
}

/**
 * 
 */
.forum-list form{
    padding-top: 25px;
    padding-bottom: 12px;
    border-bottom: 1px #e4e6ea solid;
}
.forum-list form label{
    font-size: 14px;
    padding-right: 5px;
    width: 75px;
    text-align: right;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.forum-list form td{
    padding-bottom: 15px;
}
.forum-list form .public-in{
    height: 18px;
    line-height: 16px;
    width: 204px;
    padding: 5px;
    border: 1px #d2d2d6 solid;
    border-radius: 2px;
    -webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,.1);
    box-shadow:inset 1px 1px 4px rgba(0,0,0,.1)
}
.forum-list form textarea.public-in{
    width: 500px;
    height: 78px;
}
.forum-list form .public-in1{
    width: 490px;
}
.forum-list form .public-in2{
    width: 80px;
}
.forum-list form .public-btn{
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #016ba7;
    -weblit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100px;
    height: 32px;
    cursor: pointer;
    border: 0;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    margin-right: 10px;
}
.forum-list ul{
}
.forum-list ul li{
    height: 114px;
    border-bottom: 1px #e4e6ea solid;
    font-size: 14px;
    overflow: hidden;
}
.forum-list ul li .wen,.forum-list ul li .da{
    padding-left: 30px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
}
.forum-list ul li .wen{
    background-position: 0 -1096px;
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
}
.forum-list ul li .da{
    line-height: 20px;
    background-position: 0 -1148px;
    margin-top: 12px;
    color: #db5026
}
.forum-list ul li .wen span{
    color: #999;
    float: right;
    font-size: 12px;
}
.forum-list table{ margin-bottom: 20px; }
.forum-list td{ font-size: 14px;border-bottom: none}
.mailbtn{margin:10px 0; padding: 10px 0 15px 0; text-align:right; border-bottom: 1px #e4e6ea solid}
.mailbtn a{display:inline-block; text-align:center; width: 86px;
    -weblit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;line-height: 28px; background: #efefef; margin-right: 15px;}
.mailbtn a.s,.mailbtn a:hover{ background: #016ba7; color: #FFF;}
/**
 * 固定
 */
#header{
    position: fixed;
    width: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
}
.banner{
    margin-top: 144px;
}
/*
#content .sidebar.stuck{
    position: fixed;
    top: 166px;
}
#content .main .position{
    width: 730px;
    background-color: #fff;
}
#content .main.stuck{
    padding-top: 50px;
}
#content .main.stuck .position{
    position: fixed;
    z-index: 9;
    top: 166px;
} */

/**
 * 公共
 */
.public-news li{
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}
.public-news li a{
    float: left;
    padding-left: 12px;
    background-image: url(../images/csg-dot.png);
    background-repeat: no-repeat;
    background-position: 1px -507px;
}
.public-news li a:hover{
    color: #016ba7
}
.public-news li span{
    float: right;
    color: #ababab;
    font-size: 12px;
    height: 28px;
    line-height: 32px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;    
    overflow: hidden;
}
.content .head{
    height: 38px;
    line-height: 38px;
    border-bottom: 1px #e4e6ea solid;
    position: relative;
}
.content .head .cn{
    font-size: 16px;
    font-weight: bold;
}
.content .head .en{
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Marmelad", sans-serif;
    text-shadow: 0 1px 0 #fff;
    color: #999
}
.content .head .more{
    float: right;
    margin-top: 15px;
    width: 70px;
    height: 0px;
    padding-top: 12px;
    overflow: hidden;
    background: url(../images/more.png) no-repeat 0 0;
}
.content .head .cn b{
    color: #016ba7
}
.content .head i{
    position: absolute;
    height: 1px;
    font-size: 16px;
    padding-left: 2em;
    overflow: hidden;
    background-color: #016ba7;
    left: 0;
    bottom: -1px;
}
.main .pagetext{
    padding-top: 20px;
    padding-bottom: 8px;
}
#pagination{
    height: 28px;
    margin-bottom: 20px;
    overflow: hidden;
}
#pagination span,#pagination a{
    float: left;
    height: 26px;
    line-height: 26px;padding:0;
    text-align: center;
    width: 26px;
    border: 1px #e4e6ea solid;
    margin: 0 5px;
    display: inline;
    background-color: #fff;
    overflow: hidden;
    font-size: 14px;
    color: #016ba7
}
#pagination .num span,#pagination .num a{
    font-weight: bold;
    font-family: "arial";
}
#pagination .prev,#pagination .next{
    font-family: "\5B8B\4F53";
}
#pagination .prev span,#pagination .prev a,#pagination .next span,#pagination .next a{
    width: auto;
    padding-left: 14px;
    padding-right: 14px;
    margin: 0;
}
#pagination a:hover,#pagination .num .current{
    color: #000;
    border-color: #fff;
}
.jcarousel {position: relative; overflow: hidden;}  
.jcarousel .jcarousel-list {width: 2000em; position: relative; list-style: none; margin: 0; padding: 0; overflow: hidden;}  
.jcarousel .jcarousel-item {float: left; } 



/**
 * Home app
 */
.content .app-list{
    padding-top: 17px;
}
.content .app-list li{
    float: left;
    width: 79px;
    margin-right: 11px;
    margin-bottom: 10px;
    position: relative;
    display: inline;
    vertical-align: middle;
}
.content .app-list li .ie{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e4e6ea;
    left: 2px;
    top: 2px;
}
.csstransitions .content .app-list li .ie{
    display: none;
}
.content .app-list li a{
    position: relative;
    z-index: 2;
    display: block;
    height: 74px;
    border: 1px #e4e6ea solid;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px #e4e6ea;
    box-shadow: 2px 2px #e4e6ea;
    -webkit-transition: background-color,border,box-shadow 0.4s ease;
    -o-transition: background-color,border,box-shadow 0.4s ease;
    transition: background-color,border,box-shadow 0.4s ease;
}
.content .app-list li i{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/csg-app.png);
    background-repeat: no-repeat;
    -webkit-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
}
.content .app-list li span{
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 8px;
}
.content .app-list .item1 i{
    background-position: 0 0;
}
.content .app-list .item1 i{ background-position: 0 0;} 
.content .app-list .item2 i{ background-position: 0 -104px;} 
.content .app-list .item3 i{ background-position: 0 -208px;} 
.content .app-list .item4 i{ background-position: 0 -312px;} 
.content .app-list .item5 i{ background-position: 0 -416px;} 
.content .app-list .item6 i{ background-position: 0 -520px;}
.content .app-list .item1 a:hover i{ background-position: 0 -624px;} 
.content .app-list .item2 a:hover i{ background-position: 0 -728px;} 
.content .app-list .item3 a:hover i{ background-position: 0 -832px;} 
.content .app-list .item4 a:hover i{ background-position: 0 -936px;} 
.content .app-list .item5 a:hover i{ background-position: 0 -1040px;} 
.content .app-list .item6 a:hover i{ background-position: 0 -1144px;}
.content .app-list .item3,.content .app-list .item6{
    margin-right: 0;
}
.content .app-list li a:hover{
    background-color: #016ba7;
    color: #fff;
    border-color: #016ba7;
    -webkit-box-shadow: 2px 2px #035380;
    box-shadow: 2px 2px #035380;
}
.csstransitions .content .app-list li a:hover i{
    top: -4px;
}

/**
 * 内页 App
 */
#content .app-list li{
    float: left;
    width: 115px;
    margin-right: 10px;
}
#content .app-list .item2,#content .app-list .item4,#content .app-list .item6{
    margin-right: 0;
}
#content .app-list li a{
    height: 40px;
}
#content .app-list li a i{
    width: 16px;
    height: 17px;
    top: 50%;
    margin-top: -8.5px;
    left: 14px;
    background-image: url(../images/csg-app2.png);
    background-repeat: no-repeat;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
#content .app-list li span{
    width: auto;
    height: 40px;
    line-height: 42px;
    left: 38px;
    bottom: auto;
    overflow: hidden;
}
#content .app-list .item1 i{ background-position: 0 0;} 
#content .app-list .item2 i{ background-position: 0 -47px;} 
#content .app-list .item3 i{ background-position: 0 -94px;} 
#content .app-list .item4 i{ background-position: 0 -141px;} 
#content .app-list .item5 i{ background-position: 0 -188px;} 
#content .app-list .item6 i{ background-position: 0 -235px;} 
#content .app-list .item1 a:hover i{ background-position: 0 -282px;} 
#content .app-list .item2 a:hover i{ background-position: 0 -329px;} 
#content .app-list .item3 a:hover i{ background-position: 0 -376px;} 
#content .app-list .item4 a:hover i{ background-position: 0 -423px;} 
#content .app-list .item5 a:hover i{ background-position: 0 -470px;} 
#content .app-list .item6 a:hover i{ background-position: 0 -517px;} 
.csstransitions #content .app-list li a:hover i{
    left: 10px
}
ul.linklist{
    width: 710px;padding: 10px;overflow: hidden;margin-top: 10px;
    min-height: 450px;_height: expression(this.scrollHeight < 450 ? "450px" : "auto");
}
ul.linklist li{
    float: left;width: 140px;margin:5px 2px 5px 0;overflow: hidden;
}
ul.linklist li a{
    display: inline-block;padding: 5px 0 5px 12px;font-size: 14px;overflow: hidden;
    background: url(../images/csg-dot.png) 0 -507px no-repeat;line-height: 20px;
}
ul.linklist li a:hover{color: #016ba7;text-decoration: underline;}