
/*----news-banner----*/
.news-banner{width: 100%; height: 365px;}
.news-banner .banner-bg{width: 100%; height: 100%; background-position: center; background-size: cover; text-align: center;}
.news-banner .banner-bg h2{font-size: 28px; color: #fff; font-weight: bold; padding-top: 150px;}
.news-banner .banner-bg .line{display: block; width: 40px; height: 3px; margin: 14px auto 10px auto; background-image: linear-gradient(to right, #0387c9, #71c2a8);}
.news-banner .banner-bg h4{font-size: 18px; color: #fff; font-family: 'Poppins-Medium';}

.news-title{width: 100%; position: relative; top: -56px; font-size: 0; text-align: center;}
.news-title a{display: inline-block; width: 128px; height: 50px; line-height: 50px; text-align: center; font-size: 17px; color: #333; margin: 0 1px; border-top-left-radius: 8px; border-top-right-radius: 8px; background: #f0f0f0; vertical-align: bottom; transition: all ease .4s; -webkit-transition: all ease .4s;}
.news-title a.on{height: 56px; line-height: 56px; color: #fff; background-image: linear-gradient(to right, #0387c9, #71c2a8);}
.news-title a:hover{height: 56px; line-height: 56px; color: #fff; background-image: linear-gradient(to right, #0387c9, #71c2a8);}

.content{padding: 0 1.7%; position: relative; max-width: 1920px; top: -40px;}

/* 左侧菜单栏 */
.content-left{width: 13.5%;}

/* 左侧菜单栏-移动端 */
.index-left{_display: none;}
.index-left{width: 148px !important; position: fixed; top: 75px; right: -300px; padding: 20px 0 20px 20px; background: #fff; border-radius: 6px; box-shadow: 0 0 10px 3px rgba(0,0,0,.1); z-index: 9999;}
.index-left .left-bar{margin-top: 20px; padding-bottom: 0; border-bottom: none;}
.index-left.on{right: 10px;}

/* 中间主容器 */
.content-center{width: 73.3%;}

.item-swipe{width: 100%;}
.item-swipe .li{background: #f8f8f8; }
.item-swipe .li a{display: flex; justify-content: space-between;}
.item-swipe .li .img{width: 70%;}
.item-swipe .li .img img{width: 100%;}
.item-swipe .li .text{width: 30%; padding: 50px 40px 0 40px;}
.item-swipe .li .text p{font-size: 30px; color: #333; font-weight: bold; line-height: 1.8;}

.item-swipe .slick-dots{margin: 0 0 3% 76%;}
.item-swipe .slick-prev,
.item-swipe .slick-next{
    width: 60px;
    height: 80px;
    padding: 0 10px;
    background: rgba(0,0,0,.5);
}

.item-swipe .slick-prev{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.item-swipe .slick-next{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.item-swipe .slick-prev:hover,
.item-swipe .slick-prev:focus,
.item-swipe .slick-next:hover,
.item-swipe .slick-next:focus
{
    background: #000;
}

/* --------新闻列表(1)-------- */
.content-newslist{width: 1325px;}

.center-item{display: flex; justify-content: space-between; margin-top: 26px;}

/* 左侧 热点快讯 */
.center-item .center-left{width: 24.1%; padding-right: 5%;}
.center-item .center-left h2{font-size: 24px; color: #333; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.center-item .center-left .text-list{position: relative;}
.center-item .center-left .text-list:after{content: ""; display: block; width: 1px; height: 90%; background: #f0f0f0; position: absolute; top: 20px; left: 4px;}
.center-item .center-left .text-list a{position: relative; font-size: 15px; color: #888; padding: 10px 0 10px 20px; margin: 10px 0; line-height: 1.6;}
.center-item .center-left .text-list a:after{content: ""; display: block; width: 9px; height: 9px; background: #fff; border: 1px solid #999; position: absolute; top: 0; left: 0; border-radius: 50%; margin-top: 20px; box-sizing: border-box; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s;}
.center-item .center-left .text-list a:hover{color: #333; font-style: italic;}
.center-item .center-left .text-list a:hover:after{background-image: linear-gradient(to right, #0387c9, #71c2a8); border: none;}

/* 右侧 列表模块 */
.center-item .center-right{width: 75.9%;}

/* 公用标题 */
.page-title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.page-title h2{font-size: 24px; color: #333; font-weight: bold; position: relative; background: linear-gradient(to right, #0387c9, #71c2a8); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent}
.page-title .btn-all{font-size: 14px; color: #9fa19f; padding-right: 26px; background: url(../image/icon04.png) no-repeat right center;}
.page-title .btn-all:hover{color: #122e67;}

/* 政策引导 */
.center-item .center-right .item{margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0;}
.center-item .center-right .item-con{display: flex; justify-content: space-between;}
.center-item .center-right .item-con .item-left{width: 63.3%; padding-right: 5%;}
.center-item .center-right .item-con .item-left .li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0;}
.center-item .center-right .item-con .item-left .li a{display: flex; justify-content: space-between; align-items: center;}
.center-item .center-right .item-con .item-left .li .img{width: 34%; margin-bottom: 0;}
.center-item .center-right .item-con .item-left .li .img img{width: 100%;}
.center-item .center-right .item-con .item-left .li .text{width: 66%; padding-left: 3%;}
.center-item .center-right .item-con .item-left .li .text h2{font-size: 20px; color: #333;}
.center-item .center-right .item-con .item-left .li .text h6{font-size: 12px; color: #a4a4a4; margin-top: 10px; font-family: 'Poppins-Medium';}
.center-item .center-right .item-con .item-left .li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.center-item .center-right .item-con .item-left .li:hover .text h2{color: #122e67;}

/* 有视频文章 */
.center-item .center-right .item-con .item-left .li.video-art .img{position: relative;}
.center-item .center-right .item-con .item-left .li.video-art .img:after{content: ""; display: block; width: 40px; height: 40px; background: url(../image/icon10.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* 无图片文章 */
.center-item .center-right .item-con .item-left .li.no-img .img{display: none;}
.center-item .center-right .item-con .item-left .li.no-img .text{width: 100%; padding-left: 0;}

/* 多图 */
.center-item .center-right .item-con .item-left .li .dow-img{display: none; position: relative; width: 100%; margin-bottom: 10px; overflow: hidden;}
.center-item .center-right .item-con .item-left .li .dow-img img{width: 32.3333%; max-height: 130px; margin-right: 1%; border-radius: 8px;}

.center-item .center-right .item-con .item-right{width: 36.7%;}
.center-item .center-right .item-con .item-right a{position: relative; font-size: 16px; color: #333; padding: 10px 0 10px 20px;}
.center-item .center-right .item-con .item-right a:after{content: ""; display: block; width: 5px; height: 5px; background: #999; position: absolute; top: 0; left: 0; border-radius: 50%; margin-top: 20px;}
.center-item .center-right .item-con .item-right a:hover{font-style: italic; color: #122e67;}
.center-item .center-right .item-con .item-right a:hover:after{background: #122e67;}

.ads{margin-bottom: 40px;}

.content-left-p{width: 17.5%;}

/* 新闻列表(2) */
.newslist{width: 1205px; margin-top: 30px; display: flex; justify-content: space-between;}
.newslist .newslist-left{width: 745px; margin-right: 75px;}
.newslist .newslist-left .newslist-con{margin-bottom: 40px;}
.newslist .newslist-left .li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0;}
.newslist .newslist-left .li a{display: flex; justify-content: space-between; align-items: center;}
.newslist .newslist-left .li .img{width: 34%; margin-bottom: 0;}
.newslist .newslist-left .li .img img{width: 100%;}
.newslist .newslist-left .li .text{width: 66%; padding-left: 3%;}
.newslist .newslist-left .li .text h2{font-size: 20px; color: #333;}
.newslist .newslist-left .li .text h6{font-size: 12px; color: #a4a4a4; margin-top: 10px; font-family: 'Poppins-Medium';}
.newslist .newslist-left .li:last-child{margin-bottom: 0;}
.newslist .newslist-left .li:hover .text h2{color: #122e67;}

/* 有视频文章 */
.newslist .newslist-left .li.video-art .img{position: relative;}
.newslist .newslist-left .li.video-art .img:after{content: ""; display: block; width: 40px; height: 40px; background: url(../image/icon10.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* 无图片文章 */
.newslist .newslist-left .li.no-img .img{display: none;}
.newslist .newslist-left .li.no-img .text{width: 100%; padding-left: 0;}

/* 多图 */
.newslist .newslist-left .li .dow-img{display: none; position: relative; width: 100%; margin-bottom: 10px; overflow: hidden;}
.newslist .newslist-left .li .dow-img img{width: 32.3333%; max-height: 130px; margin-right: 1%; border-radius: 8px;}


/* 右侧推荐列表 */
.newslist-right{width: 382px;}
.newslist-right .item-list{margin-bottom: 20px;}
.newslist-right .item-list h2{position: relative; font-size: 20px; color: #333; font-weight: bold; padding-bottom: 10px; border-bottom: 4px solid #cccccc;}
.newslist-right .item-list h2:before{content: ""; display: block; width: 82px; height: 4px; background-image: linear-gradient(to right, #0387c9, #71c2a8); position: absolute; bottom: 0; left: 0; margin-bottom: -4px;}
.newslist-right .item-list h2:after{content: ""; display: block; width: 4px; height: 4px; background: #fff; position: absolute; bottom: 0; left: 0; margin-bottom: -4px; margin-left: 82px;}
.newslist-right .item-list .list{margin-top: 20px;}
.newslist-right .item-list .list li{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #f0f0f0;}
.newslist-right .item-list .list li a{display: flex; justify-content: flex-start; align-items: center;}
.newslist-right .item-list .list li .img{width: 27%; margin-right: 3%;}
.newslist-right .item-list .list li .img img{width: 100%;}
.newslist-right .item-list .list li .text{width: 70%;}
.newslist-right .item-list .list li .text p{font-size: 16px; color: #333; line-height: 1.6;}
.newslist-right .item-list .list li:last-child{border-bottom: none;}
.newslist-right .item-list .list li:hover .text p{color: #122e67;}

/* 筛选视频新闻 */
.newslist-right .item-list .list-normal li.off{display: none;}

/* 筛选图片新闻 */
.newslist-right .item-list .list-video li.off{display: none;}
.newslist-right .item-list .list-video li .img{position: relative;}
.newslist-right .item-list .list-video li .img:after{content: ""; display: block; width: 30px; height: 30px; background: url(../image/icon10.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 

/* ---- 新闻详情 ---- */
.newshow-content{width: 1440px; margin: 30px auto 0 auto; display: flex; justify-content: space-between;}

.site{font-size: 15px; color: #777;}
.site i{font-size: 18px; color: #777;}
.site a{display: inline-block; font-size: 15px; color: #777; margin: 0 10px;}

.newsshow-con{width: 990px; margin-right: 68px; position: relative;}
.newsshow-con .show-video{width: 100%; margin-top: 30px;}
.newsshow-con .show-video video{width: 100%;}

/* 详情页视频是否显示 */
.newsshow-con .show-video.none{display: none;}

.newsshow-con .show-title{text-align: center; margin: 30px 0;}
.newsshow-con .show-title h1{font-size: 30px; color: #333;}
.newsshow-con .show-pt{padding: 15px; margin-bottom: 30px; background: #f7f7f7; text-align: center;}
.newsshow-con .show-pt span{font-size: 15px; color: #666; margin: 0 20px;}
.newsshow-con .show-pt span i{font-style: normal; padding: 0 4px;}
.newsshow-con .show-text{margin-bottom: 40px;}
.newsshow-con .show-text p{font-size: 20px; color: #333; line-height: 1.8;}
.newsshow-con .show-text p i{display: block; font-size: 18px; text-align: center; color: #999; margin-bottom: 30px;}
.newsshow-con .show-text img{float: none; display: block; max-width: 990px; margin: 10px auto;}
.newsshow-con .show-text span{font-size: 20px; color: #333; line-height: 1.8; text-wrap-mode: wrap !important;}
.newsshow-con .show-text p em{display: block; font-size: 18px; text-align: center; color: #999; margin-bottom: 30px;}

/* 详情页移动端图片放大 */
/* .pinch-zoom-container{height: auto !important;} */


/* 详情页底部推荐 */
.newsshow-con .recommend{margin-bottom: 40px;}
.newsshow-con .recommend h2{position: relative; font-size: 24px; color: #333; padding-bottom: 10px; border-bottom: 4px solid #cccccc;}
.newsshow-con .recommend h2:before{content: ""; display: block; width: 96px; height: 4px; background-image: linear-gradient(to right, #0387c9, #71c2a8); position: absolute; bottom: 0; left: 0; margin-bottom: -4px;}
.newsshow-con .recommend h2:after{content: ""; display: block; width: 4px; height: 4px; background: #fff; position: absolute; bottom: 0; left: 0; margin-bottom: -4px; margin-left: 96px;}
.newsshow-con .recommend .recommend-list{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.newsshow-con .recommend .recommend-list .li{width: 49%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0;}
.newsshow-con .recommend .recommend-list .li a{display: flex; align-items: center;}
.newsshow-con .recommend .recommend-list .li .img{width: 27%; margin-right: 3%;}
.newsshow-con .recommend .recommend-list .li .img img{width: 100%; float: none; display: block;}
.newsshow-con .recommend .recommend-list .li .text{width: 70%;}
.newsshow-con .recommend .recommend-list .li .text p{font-size: 18px; color: #333;}
.newsshow-con .recommend .recommend-list .li:hover .text p{color: #122e67;}
.newsshow-con .recommend .recommend-list .li.video-art .img{position: relative;}
.newsshow-con .recommend .recommend-list .li.video-art .img:after{content: ""; display: block; width: 30px; height: 30px; background: url(../image/icon10.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.newsshow-con .recommend .recommend-list .li.no-img{display: none;} 

/* 详情页底部推荐-无图片不显示 */



/* page-article */
.article-banner{width: 100%; height: 752px; position: relative;}
.article-banner .banner-bg{width: 100%; height: 100%; background-position: center; background-size: cover; text-align: center;}
.article-banner .return{display: none;}

.article-title{width: 100%; position: relative; top: -56px; font-size: 0; text-align: center;}
.article-title a{display: inline-block; width: 206px; height: 50px; line-height: 50px; text-align: center; font-size: 17px; color: #333; margin: 0 1px; border-top-left-radius: 8px; border-top-right-radius: 8px; background: #f0f0f0; vertical-align: bottom; transition: all ease .3s; -webkit-transition: all ease .3s;}
.article-title a.on{height: 56px; line-height: 56px; color: #fff; background-image: linear-gradient(to right, #0387c9, #71c2a8);}
.article-title a:hover{height: 56px; line-height: 56px; color: #fff; background-image: linear-gradient(to right, #0387c9, #71c2a8);}

.page-article{margin-bottom: 60px;}
.page-article h1{font-size: 30px; color: #333; text-align: center;}
.page-article .article-pt{padding: 15px; margin: 30px 0; background: #f7f7f7; text-align: center;}
.page-article .article-pt span{font-size: 15px; color: #666; margin: 0 20px;}
.page-article .article-pt span i{font-style: normal; padding: 0 4px;}
.page-article .article-con p{font-size: 20px; color: #333; line-height: 1.8;}

/* page-contact */
.page-contact{margin-bottom: 60px;}
.page-contact h1{font-size: 30px; color: #333; text-align: center; margin-bottom: 40px;}
.page-contact .w1200{display: flex; justify-content: flex-start; align-items: center;}
.page-contact .contact-left{width: 62%;}
.page-contact .contact-left .map{height: 420px;}
.page-contact .contact-right{width: 38%; padding-left: 8%;}
.page-contact .contact-right h2{font-size: 20px; color: #333; font-weight: bold; margin-bottom: 40px;}
.page-contact .contact-right p{font-size: 18px; color: #333; line-height: 30px; margin-bottom: 40px;}
.page-contact .contact-right p img{margin-right: 10px;}


/* page-panorama */
.panorama-banner{display: none;}

.page-panorama{position: relative;}
.page-panorama .panorama-con{width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.page-panorama .panorama-con .vr-left{width: 50%; height: 100%; background: url(../image/bg08.jpg) no-repeat center; background-size: cover; position: relative;}
.page-panorama .panorama-con .vr-right{width: 50%; height: 100%; background: url(../image/bg09.jpg) no-repeat center; background-size: cover; position: relative;}
.page-panorama .panorama-con a{width: 100%; height: 100%;}
.page-panorama .panorama-con .img{width: 100%; height: 100%; background-size: cover; background-position: center;}
.page-panorama .panorama-con .text{width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.page-panorama .panorama-con .text p{font-size: 30px; color: #fff; font-weight: bold; transform: translateY(30px); transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-panorama .panorama-con .text span{display: block; width: 60px; height: 30px; background: url(../image/icon06.png) no-repeat; margin: 20px auto; opacity: 0; transition: all ease .5s; -webkit-transition: all ease .5s;}
.page-panorama .panorama-con .text:hover p{transform: translateY(0)}
.page-panorama .panorama-con .text:hover span{opacity: 1;}

.page-panorama .panorama-con .vr-icon{width: 340px; height: 340px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.page-panorama .panorama-con .vr-icon .icon{width: 226px; height: 226px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.page-panorama .panorama-con .vr-icon .icon img{float: none; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.page-panorama .panorama-con .vr-icon .icon:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.6); position: absolute; top: 0; left: 0; border-radius: 50%; animation: zoom 2s .4s infinite linear;}
.page-panorama .panorama-con .vr-icon .icon:after{content: ""; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.5); position: absolute; top: 0; left: 0; border-radius: 50%; animation: zoom1 2s infinite linear;}

@keyframes zoom {
    0%{transform: scale(1);}
    100%{transform: scale(1.3); opacity: 0}
}

@keyframes zoom1 {
    0%{transform: scale(1);}
    100%{transform: scale(1.5); opacity: 0}
}



/* 搜索 */
.content-search{top: 0;}
.content-search .search-list{width: 1200px; margin: 30px auto;}
.content-search .search-list .newslist-left{width: 50%; margin-right: 0;}


/* 分页 */
.pages{margin: 20px 0;}
.pages .pagination{padding: 0; font-size: 0; text-align: center;}
.pages .pagination p{display: inline-block; float: none; background: #f1f3fa; color: #666; border-radius: 2px;}
.pages .pagination a{display: inline-block; float: none; background: #f1f3fa; color: #666; border-radius: 2px;}
.pages .pagination a.cur{background: #d33a2b; border: 1px solid #d33a2b;}


/* fix-left */
.fix-left{position: fixed; bottom: 6%; right: 5px; z-index: 999; display: none;}
.fix-left .fix-item{width: 40px; height: 40px; padding: 5px; background: #fff; border-radius: 6px; margin-bottom: 6px; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s;}
.fix-left .fix-item a{width: 100%; height: 100%;}
.fix-left .fix-item .fix-logo{width: 100%; height: 100%; background: url(../image/logoi.png) no-repeat; background-size: cover;}
.fix-left .fix-item .fix-nav{width: 100%; height: 100%; background: url(../image/icon12.png) no-repeat; background-size: cover;}
.fix-left .fix-item .go-top{width: 100%; height: 100%; background: url(../image/icon13.png) no-repeat; background-size: cover;}
.fix-left .fix-top{visibility: hidden;}
.fix-left .fix-item:hover{background-image: linear-gradient(to right, #0387c9, #71c2a8);}
.fix-left .fix-item:hover .fix-logo{background: url(../image/logoii.png) no-repeat; background-size: cover;}
.fix-left .fix-item:hover .fix-nav{background: url(../image/icon12-1.png) no-repeat; background-size: cover;}
.fix-left .fix-item:hover .go-top{background: url(../image/icon13-1.png) no-repeat; background-size: cover;}

.fix-close{display: none; width: 34px; height: 34px; padding: 2px; position: absolute; top: 0; left: 0; background: #f4f4f4 url(../image/icon01-1.png) no-repeat center; border-radius: 4px; margin-left: -35px; cursor: pointer;}
