/*Created by lk on 2025/06/10.*/

.content{_display: flex; padding: 15px 1.7% 0 1.7%; position: relative; max-width: 1920px;}

/* 中间主容器 */

/* 广告轮播 */
.content-center{width: 73%;}

.content-center .index-banner{position: relative;}

.index-banner-left{display: flex; justify-content: space-between;}

.content-center .banner-swipe{width: 1013px; margin-right: 15px;}
.content-center .banner-swipe .li{position: relative;}
.content-center .banner-swipe .li .img{position: relative; width: 100%; overflow: hidden;}
.content-center .banner-swipe .li .img:before{display: block; content: ""; width: 100%; height: 100%; background: url(../image/banner-bg.png) no-repeat; background-size: cover; position: absolute; top: 0; left: 0;}
.content-center .banner-swipe .li .img img{width: 100%;}
.content-center .banner-swipe .li .text{width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 20% 10% 5%;}
.content-center .banner-swipe .li .text h2{font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 20px;}
.content-center .banner-swipe .li .text p{font-size: 16px; color: #fff; line-height: 2;}

.content-center .banner-swipe .slick-prev,
.content-center .banner-swipe .slick-next{
    width: 60px;
    height: 80px;
    padding: 0 10px;
    background: rgba(0,0,0,.7);
}

.content-center .banner-swipe .slick-prev{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.content-center .banner-swipe .slick-next{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.content-center .banner-swipe .slick-prev:hover,
.content-center .banner-swipe .slick-prev:focus,
.content-center .banner-swipe .slick-next:hover,
.content-center .banner-swipe .slick-next:focus
{
    background: #000;
}

.content-center .banner-right{width: 330px;}
.content-center .banner-right .item{margin-bottom: 30px;}
.content-center .banner-right .item:nth-child(2){margin-bottom: 0;}
.content-center .banner-right .item .img{width: 100%; max-height: 180px; margin-bottom: 12px;}
.content-center .banner-right .item .img img{width: 100%;}
.content-center .banner-right .item .text h2{font-size: 17px; color: #333; line-height: 1.6; margin-bottom: 10px;}
.content-center .banner-right .item .text span{font-size: 12px; color: #a4a4a4; padding-right: 20px;}
.content-center .banner-right .item:hover .text h2{color: #122e67;}


/* 移动端-今日热榜 */
.mob-news{width: 100%; display: none;} 
.mob-news h2{font-size: 22px; color: transparent; font-weight: bold; padding: 0 15px 15px 25px; background: url(../image/icon11.png) no-repeat; background-size: 113px 40px;}
.mob-news .list{padding: 0;}
.mob-news .list li{padding: 4px 0; margin: 4px 0;}
.mob-news .list li a{display: flex; align-items: center;}
.mob-news .list li span{font-size: 15px; color: #333; line-height: 1.6;}
.mob-news .list li span.d{font-size: 14px; color: #777; padding-right: 10px; padding-top: 4px; font-family: 'Poppins-Medium';}

.mob-news .list li:nth-child(1) .d{
    color: #fe354c; font-weight: normal;
}
.mob-news .list li:nth-child(2) .d{
    color: #ff7205; font-weight: normal;
}
.mob-news .list li:nth-child(3) .d{
    color: #ffac35; font-weight: normal;
}

/* 公用标题 */
.index-title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.index-title h2{font-size: 32px; color: #333; font-weight: bold; padding-left: 26px; position: relative; background: linear-gradient(to right, #0387c9, #71c2a8); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent}
.index-title h2:after{content: ""; display: block; width: 10px; height: 10px; background-image: linear-gradient(to right, #0387c9, #71c2a8); position: absolute; top: 0; left: 0; margin-top: 20px;}
.index-title .title-bar{display: flex; align-items: center;}
.index-title .title-bar a{font-size: 15px; color: #122e67; margin-right: 20px; position: relative;}
.index-title .title-bar a:after{content: ""; display: block; width: 2px; height: 2px; background: #122e67; position: absolute; top: 0; right: 0; margin: 10px -12px 0 0;}
.index-title .title-bar a:last-child:after{display: none;}
.index-title .line{display: block; width: 40%; height: 2px; border-bottom: 3px dotted #dedede}
.index-title .btn-all{font-size: 14px; color: #9fa19f; padding-right: 26px; background: url(../image/icon04.png) no-repeat right center;}
.index-title .btn-all:hover{color: #122e67;}


/* 模块小标题 */
.item-title{position: relative; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.item-title:after{content: ""; display: block; width: 100%; height: 2px; background-image: linear-gradient(to right, #0387c9, #71c2a8); position: absolute; bottom: 0; left: 0;}
.item-title h3{font-size: 20px; color: #333; font-weight: 500;}
.item-title a{font-size: 14px; color: #999;}
.item-title a:hover{color: #122e67;}


/* 行业概况 */
.index-module-one{margin-top: 40px;}
.index-module-one .module-con{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index-module-one .module-con .item{width: 30%; margin-bottom: 50px;}
.index-module-one .module-con .item .item-one{padding: 20px 0; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.index-module-one .module-con .item .item-one a{display: flex; justify-content: space-between;}
.index-module-one .module-con .item .item-one .img{width: 45%; margin-bottom: 0; position: relative;}
.index-module-one .module-con .item .item-one .img img{width: 100%;}
.index-module-one .module-con .item .item-one .text{width: 50%;}
.index-module-one .module-con .item .item-one .text p{font-size: 18px; color: #333; font-weight: 600; line-height: 1.6; margin-bottom: 10px;}
.index-module-one .module-con .item .item-one .text span{display: none; font-size: 13px; color: #666; margin-right: 10px; font-family: 'Poppins-Medium';}
.index-module-one .module-con .item .item-one:hover .text p{color: #122e67;}
.index-module-one .module-con .item .item-list a{position: relative; font-size: 16px; color: #333; padding: 10px 0 10px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-module-one .module-con .item .item-list a:after{content: ""; display: block; width: 5px; height: 5px; background: #999; position: absolute; top: 0; left: 0; border-radius: 50%; margin-top: 20px;}
.index-module-one .module-con .item .item-list a:hover{color: #122e67;}
.index-module-one .module-con .item .item-list a:hover:after{background: #122e67;}

/* 视频文章 */
.index-module-one .module-con .item .item-one.video-img .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%);} 

.index-module-one .module-con .item .item-swipe{width: 100%; overflow: visible;}
.index-module-one .module-con .item .item-swipe .li{position: relative; border-radius: 12px; overflow: hidden;}
.index-module-one .module-con .item .item-swipe .li .img{width: 100%; }
.index-module-one .module-con .item .item-swipe .li .img img{width: 100%;}
.index-module-one .module-con .item .item-swipe .li .text{width: 100%; position: absolute; bottom: 0; left: 0; padding: 10px 10px 10px 16px; background: rgba(0,0,0,.5);} 
.index-module-one .module-con .item .item-swipe .li .text h2{font-size: 18px; color: #fff;}

.index-module-one .module-con .item .item-swipe .slick-list{overflow-x: hidden;}
.index-module-one .module-con .item .item-swipe .slick-dots{width: 100%; margin: 0 0 -210px 0; text-align: center;}

.index-module-one .module-con .item .item-li{display: flex; justify-content: space-between; align-items: center;}
.index-module-one .module-con .item .item-li .li{width: 49%;}
.index-module-one .module-con .item .item-li .li .img{width: 100%;}
.index-module-one .module-con .item .item-li .li .img img{width: 100%; float: none; display: block;}
.index-module-one .module-con .item .item-li .li .text p{font-size: 16px; color: #333; line-height: 1.6;}
.index-module-one .module-con .item .item-li .li:hover .text p{color: #122e67;}

/* 行业概况移动端 */
.module-con-mob{display: none;}
.module-con-mob .mob-list li{width: 100%; margin-bottom: 20px;}
.module-con-mob .mob-list li h2{font-size: 18px; color: #181818; line-height: 1.6; margin-bottom: 10px;}
.module-con-mob .mob-list li .img{position: relative; width: 100%; border-radius: 8px; overflow: hidden;}
.module-con-mob .mob-list li .img img{width: 100%;}
/* 多图 */
.module-con-mob .mob-list li .dow-img{position: relative; width: 100%; overflow: hidden;}
.module-con-mob .mob-list li .dow-img img{width: 32.3333%; max-height: 130px; margin-right: 1%; border-radius: 8px;}
.module-con-mob .mob-list li span{display: inline-block; font-size: 13px; color: #999; margin-right: 14px; margin-top: 6px;}

/* 移动端判断类型 */
.module-con-mob .mob-list li.video-img .img:after{content: ""; display: block; width: 50px; height: 50px; background: url(../image/icon10.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.module-con-mob .mob-list li.dw-img .img{width: 32.3333%;}
.module-con-mob .mob-list li.off .img{display: none;}
 /* 移动端判断类型 结束 */

 

/* 鹿城风采 */
.index-module-two{margin-top: 40px;}
.index-module-two .module-con{width: 100%; overflow: hidden;}
.index-module-two .item{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.index-module-two .item .item-swipe-2{width: 65%;}
.index-module-two .item .item-swipe-2 .li{background: #f8f8f8; }
.index-module-two .item .item-swipe-2 .li a{display: flex; justify-content: space-between;}
.index-module-two .item .item-swipe-2 .li .img{width: 64%;}
.index-module-two .item .item-swipe-2 .li .img img{width: 100%;}
.index-module-two .item .item-swipe-2 .li .text{width: 35%; padding: 30px 20px 0 20px;}
.index-module-two .item .item-swipe-2 .li .text p{font-size: 24px; color: #333; font-weight: bold; line-height: 1.8;}

.index-module-two .item .item-swipe-2 .slick-dots{margin: 0 0 3% 76%;}
.index-module-two .item .item-swipe-2 .slick-prev,
.index-module-two .item .item-swipe-2 .slick-next{
    width: 60px;
    height: 80px;
    padding: 0 10px;
    background: rgba(0,0,0,.7);
}

.index-module-two .item .item-swipe-2 .slick-prev{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.index-module-two .item .item-swipe-2 .slick-next{border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin-right: 36%;}
.index-module-two .item .item-swipe-2 .slick-prev:hover,
.index-module-two .item .item-swipe-2 .slick-prev:focus,
.index-module-two .item .item-swipe-2 .slick-next:hover,
.index-module-two .item .item-swipe-2 .slick-next:focus
{
    background: #000;
}

.index-module-two .item .item-li{width: 32.5%; margin-left: 2.5%;}
.index-module-two .item .item-li .li{margin-bottom: 24px;}
.index-module-two .item .item-li .li:last-child{margin-bottom: 0;}
.index-module-two .item .item-li .li a{display: flex;}
.index-module-two .item .item-li .li .img{width: 37%; margin-bottom: 0; position: relative;}
.index-module-two .item .item-li .li .img img{width: 100%;}
.index-module-two .item .item-li .li .text{width: 45%; margin-left: 4%;}
.index-module-two .item .item-li .li .text p{font-size: 18px; color: #333; font-weight: 500; line-height: 1.6;}
.index-module-two .item .item-li .li .text span{display: none;}
.index-module-two .item .item-li .li:hover .text p{color: #122e67;}

/* 无图片文章 */
.index-module-two .item .item-li .li.off{display: none;}
/* 视频文章 */
.index-module-two .item .item-li .li.video-img .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%);} 

.index-module-two .item .item-list{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.index-module-two .item .item-list a{width: 33%; position: relative; font-size: 16px; color: #333; padding: 10px 20px; box-sizing: border-box;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-module-two .item .item-list a:after{content: ""; display: block; width: 5px; height: 5px; background: #999; position: absolute; top: 0; left: 0; border-radius: 50%; margin-top: 20px;}
.index-module-two .item .item-list a:hover{color: #122e67;}
.index-module-two .item .item-list a:hover:after{background: #122e67;}


/* 林深见鹿 */
.index-module-three{margin-top: 40px;}
.index-module-three .module-con{width: 100%;}
.index-module-three .module-con .item-list{border-radius: 12px; overflow: hidden;}
.index-module-three .module-con .item-list .list li{width: 10%; float: left; cursor: pointer; overflow: hidden; transition: all ease .7s; -webkit-transition: all ease .7s;}
.index-module-three .module-con .item-list .list li .img-bg{display: flex; padding: 50px; background-size: cover; background-position: center;}
.index-module-three .module-con .item-list .list li .img-bg h2{position: relative; width: 30px; height: 410px; font-size: 30px; color: #fff; font-weight: bold;}
.index-module-three .module-con .item-list .list li .img-bg h2:after{content: ""; display: block; width: 1px; height: 0; background: rgba(255,255,255,.6); position: absolute; top: 0; right: 0; margin: 10px -30px 0 0; transition: all ease .5s; -webkit-transition: all ease .5s;}
.index-module-three .module-con .item-list .list li .img-bg .text{margin-left: 80px; height: 410px; opacity: 0; transform: translateX(30px); transition: all ease 1.4s; -webkit-transition: all ease 1.4s;}
.index-module-three .module-con .item-list .list li .img-bg .text a{position: relative; font-size: 16px; color: #fff; padding: 10px 0 10px 20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-module-three .module-con .item-list .list li .img-bg .text a:after{content: ""; display: block; width: 5px; height: 5px; background: #fff; position: absolute; top: 0; left: 0; border-radius: 50%; margin-top: 20px;}

.index-module-three .module-con .item-list .list li.active{width: 60%;}
.index-module-three .module-con .item-list .list li.active .img-bg h2:after{height: 146px;}
.index-module-three .module-con .item-list .list li.active .text{opacity: 1; transform: translateX(0);}

/* VR */
.index-vr{margin-top: 40px; margin-bottom: 80px;}
.index-vr .module-con{position: relative; display: flex; justify-content: space-between; align-items: center; border-radius: 12px; overflow: hidden;}
.index-vr .module-con .vr-left{width: 50%; height: 500px; position: relative; background: url(../image/bg08.jpg) no-repeat; background-size: cover;}
.index-vr .module-con .vr-right{width: 50%; height: 500px; position: relative; background: url(../image/bg09.jpg) no-repeat; background-size: cover;}
.index-vr .module-con .img img{width: 100%; display: block; float: none;}
.index-vr .module-con .text{width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.index-vr .module-con .text p{font-size: 30px; color: #fff; font-weight: bold; transform: translateY(30px); transition: all ease .4s; -webkit-transition: all ease .4s;}
.index-vr .module-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;}
.index-vr .module-con .text:hover p{transform: translateY(0)}
.index-vr .module-con .text:hover span{opacity: 1;}


.index-vr .module-con .vr-icon{width: 340px; height: 340px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.index-vr .module-con .vr-icon .icon{width: 226px; height: 226px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.index-vr .module-con .vr-icon .icon img{float: none; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.index-vr .module-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;}
.index-vr .module-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-right{width: 17.4%; position: sticky; top: 15px; margin-bottom: 70px;}

.content-right .headline{padding: 15px 0 0 0; border: 1px solid #f0f0f0;}
.content-right .headline h2{font-size: 22px; color: #000; font-weight: bold; padding: 0 15px 15px 25px; border-bottom: 1px solid #f0f0f0;}
.content-right .headline h2 i{color: #d81306; font-style: normal;}
.content-right .list{padding: 0 15px 0 25px;}
.content-right .list li{padding: 8px 0; margin: 6px 0;}
.content-right .list li a{display: flex; align-items: center;}
.content-right .list li span{font-size: 15px; color: #333; font-weight: 500; line-height: 2;}
.content-right .list li span.d{font-size: 14px; color: #777; padding-right: 10px; font-family: 'Poppins-Medium';}

.content-right .list li:hover span{color: #122e67;}
.content-right .list li:hover span.d{color: #ff7205;}

.content-right .list li:nth-child(1) span, .content-right .list li:nth-child(2) span, .content-right .list li:nth-child(3) span{
    color: #122e67; font-weight: bold;
}
.content-right .list li:nth-child(1) .d{
    color: #fe354c; font-weight: normal;
}
.content-right .list li:nth-child(2) .d{
    color: #ff7205; font-weight: normal;
}
.content-right .list li:nth-child(3) .d{
    color: #ffac35; font-weight: normal;
}


/* fix-left */
.fix-left{position: fixed; bottom: 6%; right: 5px; z-index: 999; display: none;}
.fix-left .fix-item{width: 50px; height: 50px; 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;}

/* 移动端顶部广告 */
.mob-ads{position: relative; display: none; height: 80px; padding: 10px; justify-content: space-between; align-items: center; background: #fff; z-index: 2;}
.mob-ads .mob-ads-close{width: 15px; height: 15px; margin-right: 10px; background: url(../image/icon01-1.png) no-repeat; background-size: cover;}
.mob-ads .mob-ads-logo{width: 50px; height: 50px; border: 1px solid #f4f4f4; border-radius: 8px; background: url(../image/logoi.png) no-repeat; background-size: cover;}
.mob-ads .mob-ads-text{margin: 0 10px 0 16px;}
.mob-ads .mob-ads-text h2{font-size: 15px; color: #181818; line-height: 1.4;}
.mob-ads .mob-ads-text p{font-size: 12px; color: #999;}
.mob-ads .mob-ads-link{width: 70px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; border-radius: 25px; background-image: linear-gradient(to right, #0387c9, #71c2a8);}