.banner{background-image: url('../images/ban-news.jpg');}
.banner .en{background-image: url('../images/ban-en-news.png');}
.main-news{padding: 38px 0;}
.news-list{padding-top: 38px;}
.news-item{background: #f8f8fa; position: relative;padding:30px 40px 60px; margin-bottom: 24px;}
.news-item:hover{-webkit-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6); box-shadow: 0 0 10px rgba(200, 200, 200, 0.6)}
.news-fist{padding: 0;text-align: center;overflow: hidden;}
.news-fist img{-webkit-transition: all .2s linear;transition: all .2s linear;}
.news-fist:hover img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.news-name{position: absolute;bottom: 0;left: 0;width: 100%; background: rgba(0, 0, 0, .7); color: #fff; padding: 4px 0;}
.news-tit{height: 26px; line-height: 26px;display: flex;justify-content: space-between;}
.news-tit a{font-size: 20px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;width: 80%;}
.news-tit a:hover{color: #ffd71f;}
.news-tit span{font-size: 15px; color: #a4a4a4;}
.news-txt{line-height: 30px; margin: 24px 0 10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.more{line-height: 30px;padding: 0 30px; font-size: 12px; background: #ffd71f; display: inline-block; position: absolute; bottom: 30px;right: 40px;border-radius: 15px;}
.more:hover{background: #fad735;}

.site{position: relative; padding-left: 30px; font-size: 16px;}
.site::before{content: ''; width: 8px; height: 8px; border: 2px solid #ff681c; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.site a{display: inline-block; position: relative; color: #a0a0a1; padding-right: 22px;}
.site a::before{content: ">";position: absolute;top: 50%;right: 0;width: 22px;text-align: center;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);color: #a0a0a1;}
.site a:hover{color: #333;}
.site span{color: #ffd71f;}
.news-aside{width: 24%;vertical-align: top;}
.news-aside .item{display: block;color: #3c3e44;background-color: #f8f8fa;padding: 35px 30px;position: relative;margin-bottom: 10px;}
.news-aside .time{color: #3460f4;position: relative;padding-right: 20px;font-size: 16px;}
.news-aside .time::before{content: "";position: absolute;top: 0;right: 0;width: 11px;height: 16px;background: url('../images/ico-dot.png') no-repeat left top / 25px auto;-webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear;-o-transition: -o-transform .3s linear;-moz-transition: transform .3s linear, -moz-transform .3s linear;transition: transform .3s linear;transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;}
.news-aside .text{margin-top: 15px;font-size: 20px;padding-bottom: 3px;line-height: 1.7;}
.news-aside .btn-link{position: absolute; right: 0; bottom: 0; display: block;width: 28px;height: 28px;background: #3460f4 url('../images/next.png') no-repeat center / 9px auto;}
.news-aside .item:hover,.news-aside .active{background: #3460f4;color: #fff;-webkit-transition: all .3s linear;-o-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear;}
.news-aside .item:hover .time::before,.news-aside .active .time::before{background-position: right top;}
.news-aside .item:hover .time,.news-aside .active .time{color: #e1e5fd;}
.news-aside .item:hover .text,.news-aside .active .text{background: linear-gradient(transparent 0, transparent 34px, #9cb0f7 0, #9cb0f7 1px) repeat top left / auto 35px;}
.news-aside .item:hover .btn-link,.news-aside .active .btn-link{display: none;}
.news-detail,.news-pagination{display: flex; justify-content: space-between; margin-top: 30px;}
.news-detail .content{width: 74%; padding: 45px; font-size: 16px; background-color: #f8f8fa; box-sizing: border-box;}
.news-detail .title{text-align: left;}
.news-detail .detail{line-height: 1.5; color: #7c7c7c;}
.news-detail .detail p{margin-top: 30px;}
.news-detail .detail img {margin: 20px auto;display: block;max-width: 100% !important;}
.news-pagination{position: relative; margin: 30px auto 0;padding-top: 42px; border-top: 1px solid #ddd;zoom: 1;}
.news-pagination .news-btn{position: relative;display: inline-block; width: 154px;text-align: center; margin-right: 20px; line-height: 38px; height: 42px; border: 2px solid #c9c9cb; color: #7c7c7c; box-sizing: border-box;}
.news-pagination .btn-back{color: #fff; border: 2px solid #3460f4;background: #3460f4; margin: 0;}
.news-pagination .news-btn:hover{-webkit-filter: brightness(1.15);filter: brightness(1.15);}

.wap-menu{position: fixed;box-sizing: border-box;padding-top: 70px;height: 100vh;width: 200px;left: 0;top: 0;bottom: 0;background: #fff;z-index: 8;-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0);-webkit-transition: all .3s ease; transition: all .3s ease;}
.wap-menu a{display: block; text-align: center; padding: 10px 0; margin-bottom: 15px; font-size: 16px;}
.wap-menu .active{color: #ffc71e;font-weight: bold;}
.menu-btn{display: none;z-index: 10;width: 32px; height: 32px; position: absolute; left: 10px; top: 50%; margin-top: -16px; background: url('../images/icon_menu.jpg') no-repeat left top / 32px auto;}
.is_mobile .menu-btn{display: block;}
.is_mobile .page{min-width: 100%;}
.is_mobile .main{width: 100%;padding: 0;}
.is_mobile .header-main{margin: 0; height: auto; padding: 12px 0; min-width: auto;justify-content:center;background: #fff; z-index: 10;}
.is_mobile .header-main .logo{position: initial;height: auto;}
.is_mobile .header-main .logo img{width: 78px; height: auto;}
.is_mobile .lang{position: absolute; min-width: 56px; font-size: 12px; right: 14px;}
.is_mobile .container{padding-top:56px;min-height: auto;}
.is_mobile .news-detail{margin: 0; display: block;}
.is_mobile .news-detail .title{margin-bottom: 20px; font-size: 22px; line-height: 1.4;}
.is_mobile .news-detail .content{width: 100%; padding: 15px; font-size: 14px;}
.is_mobile .news-detail .detail p{margin-top: 10px;}
.is_mobile .news-pagination{padding: 20px 0 10px;}
.is_mobile .news-pagination .news-btn{width: 100px; margin-right: 6px;}
.is_mobile .news-pagination .btn-back{margin: 0;}
.is_mobile .news-aside,
.is_mobile .banner,
.is_mobile .site,
.is_mobile .menu{display: none;}
.is_mobile .footer{padding: 30px 0; font-size: 12px;}
.is_mobile .footer .foot-logo{width: 90px;}
.is_mobile .footer .link{padding: 20px 0;}
.is_mobile .footer .link li{padding: 0 20px;}
.is_mobile .footer .copyright{padding: 0 50px;}
.menu_show .menu-btn{background-position: center bottom;}
.menu_show .menu-hover{display: block;height: 100vh;background: rgba(0,0,0,.2);}
.menu_show .wap-menu{-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);opacity: 1;}
@media(min-width:  1930px){
    .news-txt,.news-name{line-height: 32px;}
}