/* 顶部 */
.header{width: 100%;height: 290px;background-color: #007035}
.header-logo{width: 1200px;margin: 0 auto;height: 230px;overflow: hidden;}
.header-logo .logo{width: 372px;height:61px;margin: 85px auto}
.header-logo .logo a,.header-logo .logo a img{width: 100%;height: 100%;}
.header-nav .search{position: relative;width: 226px;height: 42px;float: right;margin-top: 10px;}
.header-nav .search input{width: 226px;height: 42px;text-indent: 20px;}
.header-nav .search i{position: absolute;z-index: 1;background: url('/images/4982/search-icon.png');width: 14px;height: 14px;right: 10px;top: 13px;cursor: pointer}
.header-nav{width: 1200px;height: 60px;margin: 0 auto;clear: both;}
.header-nav ul{overflow: hidden;display: inline-block;width: 100%;}
.header-nav ul li{float: left;text-align: center;height: 60px;line-height: 60px;width: 16%;}
.header-nav ul li:hover{background-color: #09B761}
.nav-active{background-color: #09B761}
.header-nav ul li a{height: 100%;color: #ffffff;width: 100%;font-size: 16px;}
.menu-icon{width: 25px;height: 20px;display: none}
.menu-icon img{width: 100%;height: 100%;}

/* 内容 */
.content{width: 100%;height: auto;overflow: hidden;background: url('/images/4982/content-bg.png') no-repeat;background-size: cover}
.content-box{width: 1200px;margin: 50px auto;overflow: hidden;background-color: rgba(255,255,255,0.8);padding-bottom: 50px;padding-top: 50px;}
.content-box-right{width: 960px;margin: 0 auto}

.new-coutry{width: 100%;}
.new-coutry a{margin-top: 20px;}
.new-coutry a,.new-coutry a img{width: 100%;}

/* 面包屑 */
.bread-crumb{height: 40px;line-height: 40px;font-size: 16px}
.bread-crumb .second-level{color: #007035;}
.bread-crumb p{display: inline-block}
.bread-crumb table{width: auto;display: inline-block;position: relative;top: 13px;}
/* 主题内容 */
.article,.article-lists{width: 100%;}
.article-lists{min-height: auto;}
.article-msg .article-title{color: #007035;font-size: 16px;margin: 25px 0 20px 0}
.article-msg .article-title span{display: inline-block;color: #007035;border: 1px solid #007035;font-size: 12px;text-align: center;height: 15px;line-height: 15px;width: 30px;}
.article-msg .article-title+div{overflow:hidden;height: 36px;line-height: 36px;}
.article-msg .article-title+div>p{float: left}
.article-msg .article-title+div .article-user{float: right}
.article-msg span{font-size: 14px;color:rgba(55,61,65,1);font-weight: 400}
.article-msg .num{position: relative;margin-left: 30px}
.article-msg .num i{position: absolute;z-index: 1;background: url('/images/4982/look-num.png');width: 14px;height: 10px;left: -15px;top: 4px}
.article-content hr{border: none;border-top: 1px solid rgba(230,235,240,1);}
.article-content .acticle-picture{width: 100%;margin: 30px 0}
.article-content .acticle-picture a{width: 47%;height: 40%;display: inline-block}
.article-content .acticle-picture a img{width: 100%;height: 100%;}
.article-content .acticle-picture a:nth-child(even){margin-left: 5%;}
.acticle-text p{line-height: 30px;font-size: 14px}
.acticle-tip{font-size: 14px;color:rgba(55,61,65,1);margin-top: 70px}

.article-lists ul li{width: 100%;height: auto;border-bottom: 1px solid rgba(230,235,240,1);margin-top: 20px}
.article-lists ul li .article-title span{display: inline-block;color: #007035;border: 1px solid #007035;font-size: 12px;text-align: center;height: 15px;line-height: 15px;width: 30px;}
.article-list-content .article-title{font-size: 16px;color: #007035;margin: 2% 0 2% 0}
.article-lists .article-list-content{padding-left: 0}
.article-title+p{font-size: 14px;margin-bottom: 2%;height: 30px;line-height: 30px;background-color: #F2F8F5;padding-left: 5px;}
.article-title+p+p{font-size: 14px;line-height: 24px;color:rgba(65,70,74,1);font-weight: 400}
.article-list-content .num{margin-left: 30px;position: relative}
.article-list-content .num i{position: absolute;z-index: 1;background: url('/images/4982/look-num.png');width: 14px;height: 10px;left: -15px;top: 4px}


/* 上下篇 */
.pagenation{margin-top: 50px;overflow: hidden;}
.pagenation div{float: left;width: 45%;height: 100px;background-color:rgba(242,248,245,1);padding: 0 3%}
.pagenation div p{font-size: 20px;text-align: center;line-height: 100px;font-weight: bold;height: 100%;}
.pagenation div a{font-size: 20px;font-weight:bold;color:rgba(55,61,65,1);cursor: pointer;height: 100%;display: inline-block;line-height: 100px;}
.pagenation div a+p{color: rgba(86,86,86,1);font-size: 18px;font-weight:400;margin-bottom: 5%}
.pagenation div a+p+p{font-size:12px;font-family:'Microsoft YaHei';line-height: 30px;font-weight:400;color:rgba(136,136,136,1);}
.pagenation div.next-box{margin-left: 10%}
.pagenation div a.prev{color: #373D41;background-color:rgba(242,248,245,1);padding: 10px 10px;border-radius: 5px;border: 1px solid rgba(233,233,233,1);}
.pagenation div a.next{color: #ffffff;background-color:#09B761;padding: 10px 10px;border-radius: 5px}

/* 分页 */
.pagenation-box{width: 550px;margin: 30px auto;}
.pagenation-box a{display: inline-block;}
.pagenation-box ul{overflow: hidden;display: inline-block;position: relative;top: 10px;}
.pagenation-box ul li{width: 28px;height: 28px;background-color: rgba(9,183,97,.1);float: left;margin-left: 10px;border-radius: 50%;cursor: pointer;text-align: center;line-height: 28px;}
#prevPage{background-image: url('/images/4982/left.png')}
#nextPage{background-image: url('/images/4982/right.png')}
#firstPage{background-image: url('/images/4982/lefts.png')}
#lastPage{background-image: url('/images/4982/rights.png')}
#changePage{width: 50px;height: 28px;border: 1px solid rgba(9,183,97,.3);margin-left: 10px;text-align: center}
#nextPage,#prevPage{width: 7px;height: 12px;}
#firstPage,#lastPage{width: 13px;height: 12px;}
#jumpPage{width: 40px;height: 28px;background-color: #E6F8EF;text-align: center;line-height: 28px;border-radius: 4px;}
#totalPage{margin-left: 15px;}
#totalPage+a{margin-left: 15px;}



/* 底部 */
.footer{width: 100%;background-color: #007035;padding-bottom: 15px;}
.footer-box{width: 1200px;margin: 0 auto;overflow: hidden}
.footer-box>div{float: left;}
.footer-box>div.erweima{width: 20%;background-color: #09B761;padding-bottom: 4%}
.footer-box>div.footer-msg{width: 80%;}
.erweima a{width: 60%;margin-left: 20%}
.erweima a img{width: 100%;}
.erweima p{text-align: center;color: #ffffff;font-size: 16px;margin: 10% 0 }
.footer-msg .msg-target{width: 100%;margin-top: 3%}
.footer-msg .msg-target ul{overflow: hidden;}
.footer-msg .msg-target ul li{float: left;height: 30px;line-height: 30px;width: 16%;text-align: center;}
.footer-msg .msg-target ul li a{color: #ffffff;font-size: 14px;height: 70%;line-height: 20px;border-right: 1px solid #fff}
.footer-msg .msg-target ul li:last-child a{border-right: none}
.footer-msg .contact-way{margin-top: 3%;padding-left: 4%}
.footer-msg .contact-way ul{overflow: hidden}
.footer-msg .contact-way ul li{float: left;font-size: 14px;color: #ffffff;height: 30px;line-height: 30px;padding: 0 19px}
.footer-msg .contact-way p{color: #ffffff;padding-left: 22px;margin-top: 15px;font-size: 14px;line-height: 26px;}
.footer-msg .contact-way p:nth-child(3){display: inline-block}
.footer-msg .contact-way a{display: inline-block;padding-left: 22px;height: 30px;line-height: 30px;}
.footer-msg .contact-way a:nth-child(4){padding-left: 0;}
.footer-msg .contact-way a span{color: #fff}
.footer-msg .contact-way a+p,.footer-msg .contact-way a+p+p{display: none}
.footer-msg .contact-way ul+p{display: none}


.hook{width: 100%;background-color: rgba(0,0,0,.5);position: absolute;z-index: 100;top: 0;left: 0;display: none}
.screen-nav{width: 0%;height: 100%;overflow: hidden;position: fixed;z-index: 101;background-color: #007035;right: 0;top: 0;}
.screen-nav ul li{line-height: 40px;}
.screen-nav ul li.close a{font-size: 16px;border: 1px solid #c2c2c2;width: 30px;height: 30px;text-align: center;line-height: 25px;border-radius: 50%;color: #fff;margin-left: 45%;margin-top: 5%;}
.screen-nav ul li ul{margin-top:0;display: none}
.screen-nav ul{margin-top: 20px;}
.screen-nav ul li a{height: 100%;width: 100%;text-align: center;font-size: 16px;color: #fff}
.screen-nav div{position: relative;width: 100%;height: 35px;margin: 5% 0  0 5%;}
.screen-nav div i{position: absolute;z-index: 1;background: url('/images/4982/search-icon.png');width: 14px;height: 14px;background-size: cover;right: 14%;top: 23%;}
.screen-nav div input{width: 90%;;height: 30px;}


@media (max-width:1220px){
    .content-box-right{width: 95%;padding: 0 10px;}
    .content-box{width: 100%;padding: 0 10px;}
}
@media (max-width:1200px){
    .header-logo,.header-nav,.footer-box{width: 100%;}
    .header-logo .search{margin-top: 65px}   
}
@media (max-width:1000px){
    .header-logo .search{margin-top: 65px}
}

@media (max-width:768px){
    .header{height: 135px;overflow: hidden;}
    .header-logo{height: 100%;}
    .header-logo .logo{width: 100%;height: 42px;margin-left: 0%;margin: 45px auto 0}
    .header-logo .logo>div{float: left;}
    .header-logo .logo div:first-child{width: 227px;margin-left: 8%}
    .header-logo .logo div:last-child{width: 25px;height: 20px;float: right;margin-right: 5%;margin-top: 8px;}
    .header-logo .logo .logo-icon{display: inline-block;width: 100%;}
    .header-logo .logo .menu-icon{display: inline-block;width: 25px;height: 20px;}
    .header-logo .search{display: none}
    .header-nav{display: none;}
    .content-box{margin: 0 auto;width: 100%;padding-top: 20px;}
    .content-box-right{width: 100%;padding: 0 5%}
    .article-msg .article-title+div .article-user{float: left;margin-left:3%}
    .article-content .acticle-picture a:nth-child(even){margin-left: 4%}
    .footer-msg .msg-target ul li{width: 33%;text-align: center;padding: 0;}
    .footer-box>div.erweima{width: 90%;margin-left: 5%;margin-top: 10%}
    .footer-box>div.footer-msg{width: 100%;}
    .footer-msg .contact-way{text-align: center}
    .footer-msg .contact-way p:nth-child(3){display: none}
    .footer-msg .contact-way a{display: none}
    .footer-msg .msg-target{display: none}
    .footer-msg .contact-way ul li{text-align: center;width: 100%;}
    .footer-msg .contact-way p span{display: block;height: 26px;line-height: 26px;}
    .pagenation{margin-top: 20px;}
    .pagenation div{width: 100%;clear: both;margin-bottom: 15px;height: 50px;padding: 0 3% 3%;}
    .pagenation div.next-box{margin-left: 0%;}
    .acticle-tip{margin-top: 40px;}
    .pagenation div a,.pagenation div p{font-size: 14px;line-height: 50px;height: 50px;}

    .pagenation div a+p{font-size: 14px;}

    .article-lists ul li{height: auto;}
    .article-title+p+p{padding-bottom: 20px;}

    .pagenation-box{margin: 20px 0}
    .pagenation-box>div{float: inherit;text-align: center}
    .pagenation-box{height: auto;}
    .pagenation-box>div.total-list span{display: block}
    .pagenation-box>div.page-target{margin-top: 15px;}    
}
