.news-nav-wrapper{border-bottom:1px solid #ddd}
.news-nav-wrapper ul{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding-top:38px;overflow:hidden;text-align:center}
.news-nav-wrapper li{margin-right:38px}
.news-nav-wrapper .active a{border-bottom:2px solid #038c40;color:#038c40}
.news-nav-wrapper ul a{display:block;padding:0 10px;height:80px;line-height:80px;font-size:16px;color:#666;border-bottom:2px solid transparent}
.news-main-wrapper{margin-top:70px}
.main-module{float:left;width:758px}
.news-main-wrapper .main-module .image{margin-bottom:38px;width:758px;background:#f5f5f5;border-radius:8px;overflow:hidden; position:relative;border: 1px solid #ddd;max-height: 400px;}
.news-main-wrapper .main-module .image img{width: 100%;  }
.news-main-wrapper .main-module .image p{position:absolute; width:718px; bottom:0; background-color:rgba(0,0,0,0.6); color:#fff; padding:15px 20px; font-size:16px; line-height: 26px;}
.news-main-wrapper .module-content li{border-bottom:1px solid #ddd;overflow:hidden;position:relative}
.news-main-wrapper .module-content li:before{content:'';display:block;position:absolute;width:398px;height:1px;bottom:0;background-color:#038c40}
.news-main-wrapper .module-content li a{display:block;padding:30px 0 20px 0}
.news-main-wrapper .module-content .state-box{float:left;width:82px}
.news-main-wrapper .module-content .state-tag{text-align:center;height:24px;line-height:24px;font-size:14px;color:#fff;background-color:#038c40}
.news-main-wrapper .module-content .state-time{padding:28px 0;text-align:center}
.news-main-wrapper .module-content .state-time .time{padding-top:16px;font-size:12px;color:#999}
.news-main-wrapper .module-details{margin-left:100px}
.news-main-wrapper .module-details h3{margin-bottom:18px;line-height:24px;font-size:18px;color:#333}
.news-main-wrapper .module-details p{overflow:hidden;height:72px;line-height:24px;font-size:14px;color:#999}
.pages-box{text-align:center;padding:70px 0}
.pages-box span{margin-left:8px;display:inline-block;width:36px;height:36px;background:#038c40 url(../images/page-prev.png) center no-repeat;cursor:pointer}
.pages-box .next{background:#038c40 url(../images/page-next.png) center no-repeat}
.pages-box .prev.disabled{background:#999 url(../images/page-prev.png) center no-repeat;cursor:default}
.pages-box .next.disabled{background:#999 url(../images/page-next.png) center no-repeat;cursor:default}
.aside-news-module{width:330px;float:right;position:relative}
.aside-news-module:before{content:'';position:absolute;left:-53px;display:block;width:1px;height:800px;background:-o-linear-gradient(top,#dddddd,#ffffff);background:-webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#ffffff));background:linear-gradient(to bottom,#dddddd,#ffffff)}
.aside-news-list{margin-bottom:30px}
.aside-news-module .list-box{margin-top:10px;padding-top:10px;border-top:1px solid #ddd}
.aside-news-module .list-box h4{padding:6px;font-size:14px;color:#333;line-height:20px;font-weight:600}
.aside-news-module .list-box li:before{display:inline-block;vertical-align:middle;content:'';width:2px;height:2px;background:#14944d}
.aside-news-module .list-box ul{margin:6px 0}
.aside-news-module .list-box li a{padding-left:6px;line-height:28px;font-size:14px;color:#666}
.aside-news-module dt{padding-top:14px;font-size:14px;color:#999}
.aside-news-module dt p{ text-align: center; padding-top: 8px; width: 150px;}
.details-main-wrapper{margin-top:68px}
.details-main-wrapper h1{line-height:46px;font-size:28px;color:#333}
.details-main-wrapper .acticle-infos p{margin:10px 0 15px 0;padding:0 26px 0px 25px;height:30px;line-height:30px;font-size:14px;color:#999;float:left}
.details-main-wrapper .acticle-infos .date{background:url(../images/details-date.png) left center no-repeat;background-size:18px}
.details-main-wrapper .acticle-infos .view{background:url(../images/details-view.png) left center no-repeat;background-size:18px}
.details-main-wrapper .acticle-infos .from{background:url(../images/details-from.png) left center no-repeat;background-size:18px}
.news-content-details{padding:20px 0;color:#333}
.news-content-details p{text-indent:2em;margin-bottom:10px;line-height:22px}
.news-content-details img{display:block;margin:10px auto;max-width:100%}
.news-content-details .next-btn{margin:20px 0;font-size:12px;background:url(../images/details-next-icon.png) left center no-repeat;padding-left:28px}
.news-content-details .next-btn a{display:block;line-height:22px;height:22px;color:#333}
.news-content-details .recommend-name{margin-bottom:12px;color:#999}
.news-content-details .recommend-box-list{float:left;width:200px;margin-right:12px}
.news-content-details .recommend-box-list:last-child{margin-right:0}
.news-content-details .recommend-image{height:150px;overflow:hidden;border-radius:8px;border: 1px solid #ddd;}
.news-content-details .recommend-image img{-webkit-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s;margin:0}
.news-content-details .recommend-image:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news-content-details .recommend-text{padding-top:9px;line-height:1;font-size:12px;color:#333333;text-align:left;text-indent:0}

.joinus{overflow:hidden}
.joinus .p1{font-size:16px; font-weight:600; color:#038c40; line-height:28px;}
.joinus .p2{font-size:15px; font-weight:200; color:#666; line-height:28px;}
.joinus h2{font-size:18px; font-weight:600; color:#666; line-height:28px; margin-top:50px;}
.joinus h3{font-size:15px; font-weight:600; color:#666; line-height:28px; padding:10px 0;margin-top: 30px;}
.joinus h4{font-size:15px; font-weight:600; color:#666; line-height:28px; padding:10px 0;margin-top: 30px; color:#038c40}
.joinus .download{color:#038c40; font-size:15px; line-height:34px; display:block; font-weight:bold}
.news-content-details p{font-size:15px; line-height:26px; margin-bottom:15px;}

#exhibition{overflow:hidden;float:left; width:100%; display:block;}
#exhibition li{overflow:hidden; width:100%; border-bottom:1px dashed #eee; padding:5px 0 10px;}
#exhibition li a{font-size:15px; line-height:38px; float:left; width:43%; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#exhibition li span{font-size:15px; line-height:38px; float:left; width:30%; text-indent:30px;}
#exhibition li b{font-size:15px; line-height:38px; float:left; width:27%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right;}



@media screen and (max-width:1200px) {
    .news-main-wrapper .main-module .image{width:100%;margin-bottom: 5%;}
    .news-main-wrapper .main-module .image img{width: 100%;}
    .news-main-wrapper .main-module .image p{ width:94%; padding:10px 3%; font-size:15px; line-height: 24px;}

    .news-nav-wrapper ul{padding-top:0; display:block; padding:2%;}
    .news-nav-wrapper ul a{ height: 35px; line-height: 35px;}
    .news-nav-wrapper li{margin-right:0;width: 25%; float: left;}

    .details-main-wrapper{padding:5%; margin-top:0; width:90%;}
    .main-module{float:none; width:100%}
    .details-main-wrapper h1{font-size:22px; font-weight:bold; line-height:1.6; color:#038c40}
    .aside-news-module{display:none}

    .news-main-wrapper{padding:5%; width:90%; margin-top:0;}
    .news-main-wrapper .module-content .state-box{width:23%;}
    .news-main-wrapper .module-details{margin-left:25%;}
    .paginList{display:none}

    #exhibition{width:100%; float:none;}
    #exhibition li a{width:100%; line-height:1.8; color:#038c40; font-weight:bold; font-size:16px;}
    #exhibition li span{width:100%; text-indent:0;line-height:1.5; float:none; display:block;}
    #exhibition li b{width:100%; float:none; text-align:left;line-height:1.5;display:block;}
}

@media screen and (max-width:480px) {
    .news-nav-wrapper li{margin-right:0;width: 33.33%; float: left;}
    .news-nav-wrapper ul a{font-size:14px;}
}