/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 "微软雅黑",arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
a:hover{text-decoration: underline;}
.fl{float: left}
.fr{float: right}
.w1200{width: 1200px;margin: 0 auto;}
.clear:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

.header, .footer, .header-bar{
    width: 100%;overflow: hidden;
}
.header .header-bar{
    border-bottom: 1px solid #d5d5d5;
    height: 30px;
    line-height: 30px;
}

.menu{line-height: 80px;}
.menu .logo{margin-right:180px;}
.menu .logo a{font-size: 32px; color: rgb(204, 204, 204);}
.menu .logo a span{color: rgb(6, 178, 182);}
.menu ul li, .menu ul li a{float: left;font-size: 16px;}
.menu ul li a:hover{
    text-decoration: none;
    color: #02b2b5;
}
.menu ul li a{padding-left:40px;padding-right: 40px;}
.swiper-container{width: 100%;height: 752px;background: url("images/index-bg.jpg") no-repeat top center;}
.swiper-fuwu .thumb{
    width: 347px;
    height: 323px;
    float: left;
    margin-top:204px;
    margin-left: 156px;

}
.swiper-fuwu .text{
    float: right;
    width: 412px;
    margin-top: 284px;
    font-size: 30px;
    color: #fff;
}
.swiper-fuwu .text h3{
    font-weight: 100;
    line-height: 45px;
}

.company{
    height:110px;
    padding-top:60px;
    padding-bottom: 30px;
}
.company-title{font-size: 20px;color: rgb(61, 66, 70);font-weight:400;padding-bottom: 30px;}
.compay-doc{font-size:13px;color:rgb(153, 162, 169);line-height: 20px;}

.service{width: 100%;background: url("images/bg.jpg") no-repeat top center;height: 398px;overflow: hidden;}
.service li{width: 33%;float: left;height: 398px;text-align: center;padding-top: 132px;color: #fff;}
.service li h3{
    font-size: 36px;
    margin-bottom: 8px;
}
.service li h4, .service li h5, .service li h6{font-weight: 100;}
.service li h4{
    font-size: 16px;
    margin-bottom: 15px;
}

.service li h5{
    font-size: 13px;
    line-height: 24px;
}

.index-article{
    background-color: #f8f9fa;
    width: 100%;
    overflow: hidden;
    padding-top: 80px;
}
.index-article-title{
    text-align: center;
}
.index-article-title h3{
    font-size: 26px; color: rgb(34, 35, 37); line-height: normal;
}
.title-english{
    color: rgb(153, 162, 169); line-height: 30px;
}

.title-sign{
    line-height: 30px;color: rgb(6, 178, 182);
}
.article-img{
    width: 356px;
    height: 220px;
    margin-left: 50px;
}
.article-img img{
    width: 356px;
    height: 219px;
    margin-bottom: 8px;
}
.list-text{
    width: 720px;
    height: 510px;
}
.list-text li{
    padding-bottom: 5px;
    width: 100%;
    overflow: hidden;;
    border-bottom: 1px #666666 dashed;
    padding-top: 20px;
}
.list-text li .date-block{
    display: inline-block;
    float: left;
    background-color: #f2f2f2;
    width: 84px;
    height: 64px;
    margin-bottom: 18px;
    text-align: center;
    margin-right: 15px;
    line-height: 23px;
    padding-top: 20px;
}
.list-text li .date-block p:first-child{
    font-size: 25px;
}
.list-text li .title-doc{width: 85%}
.list-text li .title-doc h3{
    color: #4d4d4d;
    font-size: 16px;
    line-height: 25px;
    font-weight: 200;
    padding-bottom: 10px;
}

.list-text li .title-doc span{
    color: #9b9b9b;
    font-size: 13px;
    line-height: 30px;
}

.footer{
    background-color: #212831;
    color: #fff;
}
.footer .footer-bar{
    color:#9b9b9b;
    text-align: center;
    padding: 10px 0;
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #323941;
}
.footer .footer-bar a{
    color:#9b9b9b ;
}

.footer .doc{
    padding: 40px 0;
}
.footer .wxcode{
    width: 153px;
    margin-left: 5px;
}
.footer .linkus{
    width: 360px;
    height: 130px;
    line-height: 30px;
    color: #fff;
}
.footer .hline{
    border-left: 1px solid #323941;
    font-size: 0;
    height: 100px;
    width: 1px;
    margin-top: 10px;
    margin-left:150px;
}

.footer .address {
    line-height: 30px;
    font-size: 14px;
}

.about-bg{
    width: 100%;
    background: url("images/about.jpg") no-repeat top center;
    min-height: 300px;
}

.article-body{
    padding: 50px;
}
.article-body p{
    line-height:1.8;
}
.article-body h2{
    font-size: 20px;
    font-weight: 300;
    border-bottom: 1px solid #f0efef;
    padding-bottom: 30px;
    margin-bottom: 20px;
}
.news-list{
    width: 100%;
    background: url("images/list.jpg") no-repeat top center;
    min-height: 300px;
}
.list-page{
    width:1000px;
    margin: 0 auto 50px;
}
.list-page .list-text{
    width: 100%;
    height: 100%;
}

.pagin{
    margin: 20px auto;
    position: relative;
}
.pagin .blue {
    color: #056dae;
    font-style: normal;
}
.pagin .paginList {
    position: absolute;
    right: 12px;
    top: 0;
}
.pagin .paginList .paginItem {
    float: left;
}
.pagin .paginList .paginItem a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd #ddd #ddd -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #3399d5;
    float: left;
    height: 28px;
    line-height: 30px;
    text-align: center;
    width: 31px;
}
.pagin .paginList .paginItem:first-child a {
    border-left: 1px solid #ddd;
}
.pagin .paginList .paginItem:first-child a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.pagin .paginList .paginItem:last-child a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.pagin .paginList .paginItem.current, .pagin .paginList .paginItem.current a {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #737373;
    cursor: default;
}
.pagin .paginList .paginItem:hover {
    background: #f5f5f5 none repeat scroll 0 0;
}
.pagin .paginList .paginItem.more, .pagin .paginList .paginItem.more a:hover {
    cursor: default;
}
.pagin .paginList .paginItem.more:hover {
    background: #fff none repeat scroll 0 0;
}
.pagin .paginList .paginItem.more a {
    color: #737373;
}
.pagepre {
    height: 28px;
    width: 31px;
}
.pagenxt {
    height: 28px;
    width: 31px;
}