html,body{height: 100%; width: 100%;}
*{margin: 0; padding: 0; list-style: none;}
/*=====---首页---=====*/
.public-wt{width: 1330px; margin: 0 auto}
/*--header--*/
header{display: flex; align-items: flex-end; justify-content: space-between;}
header .logo{margin: 20px 0}
header .data{margin-bottom: 20px;}
/*--nav--*/
nav{background: url("../images/icon-nav-style.jpg") center right no-repeat #ae0103; background-size: 10% 100%; height: 40px; display: block}
nav > ul{display: flex; align-items: center;}
nav > ul li{width: 170px; font-weight: bold; text-align: center; border-right: 2px solid white; position: relative;}
nav > ul li:last-child{border-right: none;}
nav > ul li a{color: white; text-decoration: none; display: block; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold;}
nav > ul li.active,nav li a:hover{background: #cb0003}
nav .nav1,nav .nav2{position: absolute; left: 0; z-index: 10; background: rgba(186,144,72,.5); display: none;}
nav .nav1{width: 170px; top: 40px}
nav .nav1 .nav-set{position: relative}
nav .nav1 .nav-set::after{content: ''; position: absolute; top: 13px; right: 15px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 12px solid #ae0103; border-bottom: 6px solid transparent}
nav .nav2{top: 0; left: 170px; width: 200px; text-align: left; }
nav .nav2 a{padding-left: 20px;}
nav .nav1 a,nav .nav2 a{font-size: 14px;}
.on{background: #ae0103; width: 100%; position: fixed; top: 0; left: 0; z-index: 15;}
/*移动端导航*/
.index-all{display: none;}
/*--banner--*/
.banner{margin: 20px auto;}
.banner img{max-width: 100%}
.swiper-pagination-bullet-active{background: white !important; width: 30px!important; border-radius: 10px !important;}
/*--长影动态--*/
.public-title{border: 1px solid #dcdcdc; border-left: none; display: flex; align-items: center; justify-content: space-between;}
.public-title .name{width: 200px; height: 47px; line-height: 47px; color: white; font-weight: bold; padding-left: 40px; font-size: 20px; letter-spacing: 1px; background: url("../images/icon-public-title.jpg") center left no-repeat; background-size: 100%;}
.public-title .name .name-sy{display: none;}
#demoTabsHeader .layui-btn.layui-this,#demoTabsHeader1 .layui-btn.layui-this{background: #e8b051; color: white;}
#demoTabsBody .test-item,#demoTabsBody1 .test-item{display: none;}
.layui-btn-container .layui-btn{margin: 0 20px 0 0; height: 36px; font-size: 18px; line-height: 36px; padding: 0; width: 112px; border-radius: 0; border: none; background: transparent; color: #333;}
.layui-btn-container .layui-btn:hover{color: #333;}
.layui-info{margin-top: 20px;}
.test-item ul{display: flex; align-items: flex-start;}
.test-item ul li{width: 24%; margin-right: 1.25%; transition: .5s}
.test-item ul li:hover{margin-top: -5px; transition: .5s}
.test-item ul li:last-child{margin-right: 0;}
.test-item ul li img{width: 100%; height: 208px;}
.test-item ul li h3{height: 52px; text-align: justify; margin: 15px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.test-item ul li .day-item{display: flex; align-items: center; justify-content: space-between;}
.test-item ul li .day-item span:first-child{color: #e8b051}
.test-item ul li .day-item span:last-child{color: #888}
.tab-news{display: flex; align-items: center; justify-content: space-between; margin: 20px 0; transition: .5s}
.tab-news .tab-think{width: 46%; padding: 1.5%; display: flex; align-items: flex-start; height: 110px; transition: .5s}
.tab-news .tab-think:hover{box-shadow: 0 0 10px #ccc; border-radius: 12px;}
.tab-news .tab-think .tab-left{width: 11%; padding-right: 2%; text-align: right; border-right: 1px solid #ccc; height: 100%}
.tab-news .tab-think .tab-left .tab1{font-size: 26px; line-height: 26px;}
.tab-news .tab-think .tab-right{width: 84%; padding-left: 3%; height: 100%; display: flex; flex-direction: column; align-items: start; justify-content: space-between;}
.tab-news .tab-think .tab-right h3{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.tab-news .tab-think .tab-right p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.tab-news .tab-think .tab-right span{color: #e8b051}
.tab-news .tab-think .mt-img{display: none}
/*--长影出品--*/
/* .swiper-wt{width: 98%; margin: 40px 0 40px 2%; position: relative}
.swiper-wt .swiper-slide:hover{transform: scale(1.05); transition: .5s;}
.swiper-wt .swiper-slide img{width: 280px; height: 400px;}
.swiper-wt .swiper-button-next{right: 2%;}
.swiper-ov{overflow: hidden} */
.swiper-wt{width: 96%; margin: 40px 2%; position: relative;}
.swiper-container1{overflow: hidden;}
.swiper-wt .swiper-slide{transition: .1s; }
.swiper-wt .swiper-slide:hover{transform: scale(1.05); transition: .5s;}
.swiper-wt .swiper-slide img{width: 280px; height: 400px; box-shadow: 0 0 10px #e5e5e5}
.swiper-wt .swiper-button-next{right: -3%;}
.swiper-wt .swiper-button-prev{left: -3%}
.swiper-ov{margin: 0 3%; position: relative}
.swiper-slide-active{opacity: 0.5;}
.active-sibling-fifth{opacity: 0.5;}
.test-item .tab-think .tab-right .tr-da{display:none;}
/*--长影历史--*/
.history{position: relative; overflow: hidden}
.history .history-pc{width: 100%; display: block;}
.history .history-yd{width: 100%; display: none;}
.history .history-bt{width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.history .history-bt .public-wt{height: 100%; display: flex; width: 1650px;}
.history .history-bt .history-link{width: 33.33%; height: 100%; display: block;}
/*--长影短视频--*/
.video-mr{margin: 20px auto 0;}
.video-mr .video{display: flex; align-items: center; justify-content: space-between; height: 688px; margin: 20px auto;}
.video-mr .video .video-box{width: 49%; height: 100%}
.video-mr .video .video-box img{width: 100%; height: 100%; transition: .3s;}
.video-mr .video .video-box:last-child{display: flex; flex-direction: column; align-items: start; justify-content: space-between;}
.video-mr .video .video-box .video-item{height: 330px;}
.video-mr .video .video-box img:hover{margin-top: 5px; transition: .3s;}
.video-mr .vite{display: none}
/*--关于我们--*/
.about{display: flex; align-items: center; justify-content: space-between; margin: 20px 0;}
.about .about-left{width: 38%; margin: 0 2% 0 5%}
.about .about-left p{line-height: 28px; margin-bottom: 10px; text-indent: 2em; font-size: 16px; text-align: justify;}
.about .about-left a{display: flex; align-items: center; margin-top: 30px;}
.about .about-left a img{width: 40px; height: 40px; margin-right: 10px;}
.about .about-left a:hover{color: #cb0003;}
.about .about-right{width: 53%;}
.about .about-right img{width: 100%;}
/*--footer--*/
footer{background: #920005; width: 100%; padding: 20px 0;}
footer > .public-wt{display: block;}
footer .footer-box{display: flex; align-items: center; justify-content: space-between;}
footer .footer-box ul{display: flex; align-items: center; margin-top: 15px;}
footer .footer-box ul li{width: 100px; text-align: center;}
footer .footer-box ul li a{text-decoration: none; color: #fff;}
footer .footer-box ul li a:hover{color: white;}
footer .footer-text{margin-top: 20px;}
footer .footer-text p{margin-bottom: 2px; display: block; color: #fff;}
footer .footer-img,.footer-img{display: none;}
/*=====---长影八十年---=====*/
.year-banner{margin: 20px auto; display: block;}
.year ul{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2,1fr); gap: 30px;}
.year ul li{background: #f5f5f5; box-shadow: 0 7px 5px #ddd; padding: 30px 10%; transition: .3s;}
.year ul li:hover{margin-top: -5px; transition: .3s;}
.year ul li h3{margin-bottom: 30px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.year ul li p{line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
/*=====---长影短视频---=====*/
.visual{margin: 20px auto;}
.visual .visual-title{display: flex; align-items: center; background: rgb(248,248,248); height: 50px; padding-left: 40px; font-size: 18px; font-weight: bold;}
.visual .visual-title img{width: 26px; height: 26px; margin-right: 12px;}
.visual .visual-new{width: 92%; margin: 30px 4% 40px; display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(1,1fr); gap: 30px;}
.visual .visual-new li,.make .make-right li{border: 1px solid rgb(239,239,239);}
.visual .visual-new li img{width: 100%; height: 180px;}
.visual .visual-new li h3,.make .make-right li h3{color: rgb(234,91,59); height: 53px; margin: 20px 0 5px; padding: 0 5%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.visual .visual-new li span,.make .make-right li span{position: relative; display: block; padding: 0 5%; color: #888; margin-bottom: 10px}
.visual .visual-new li span::after,.make .make-right li span::after{content: ''; position: absolute; top: 6px; left: 80px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 12px solid #888; border-bottom: 6px solid transparent}
.visual .visual-nh{width: 92%; margin: 30px 4% 20px; display: grid; grid-template-columns: repeat(6,1fr); grid-template-rows: repeat(1,1fr); gap: 30px;}
.visual .visual-nh li img{width: 100%; height: 270px;}
.visual .visual-nh li h3{margin: 20px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
/*=====---长影出品---=====*/
.make{display: flex; align-items: start; justify-content: space-between;}
.make .make-left{width: 20%; margin: 40px 0; position: relative;}
.make .make-left::before{content: ""; position: absolute; top: 0; left: 0; width: 75%; height: 2px; background: #cb0003}
.make .make-left li{ border-bottom: 1px dashed #d3d3d3;}
.make .make-left li h3 i{margin-right: 10px; padding-left: 40px; height: 46px; line-height: 46px;}
.make .make-left li h3 a{font-size: 18px; font-weight: bold;}
.make .make-left li.active h3{background: rgb(249,249,249);}
.make .make-left li.active i,.make .make-left li.active h3 > a{color: #cb0003;}
.make .make-left li .son-item{display: none;}
.make .make-left li .son-item .son-in{border-bottom: 1px dashed #d3d3d3; font-size: 16px; padding-left: 49%; display: block; height: 46px; line-height: 46px;}
.make .make-left li .son-item .son-in:last-child{border: none;}
.make .make-left li .son-item .show{color: #cb0003; position: relative;}
.make .make-left li .son-item .show::after{content: ''; width: 7px; height: 7px; background: #cb0003; position: absolute; top: 19px; left: 43%;}
.make .make-right{width: 73%; margin: 40px 4% 40px;}
.make .make-right ul{display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,1fr); gap: 30px;}
.make .make-right li img{width: 100%; height: 420px;}
.page-link::after{display: none;}
.make .make-left li .son-lt .son-in{padding-left: 22%;}
.make .make-left li .son-lt .show::after{left: 17%;}
.make .make-right.screen li img {width: 100%; height: 180px;}
/*=====---长影出品---=====*/
.history .make-left li .son-item .son-in{padding-left: 22%}
.history .make-left li .son-item .show::after{left: 16%;}
.history .make-right p{margin-bottom: 10px; text-align: justify; line-height: 30px; color: #666; font-size: 16px;}
.history .make-right p.strong{font-weight: bold; font-size: 18px; text-indent: 0; color: #333;}
.history .make-right img{margin: 10px 0;}
/*=====---长影动态---=====*/
.trends .make-right ul{display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(3, 1fr); gap: 0;}
.trends .make-right ul li{border: none; }
.trends .make-right ul li.tr-fl{border-bottom: 1px dashed #eee; position: relative; height: 56px; line-height: 56px; padding-left: 30px;}
.trends .make-right ul li.tr-fl::before{content: ""; position: absolute; top: 25px; left: 10px; width: 6px; height: 6px; background: #cb0003}
.trends .make-right ul li.tr-fl a:hover,.trends .make-right ul li.tr-zl .tr-flex h3:hover{color: #cb0003}
.trends .make-right ul li .tr-img{display: none;}
.trends .make-right ul li.tr-zl a img,.trends .make-right ul li.tr-zl .tr-flex .tr-nm{display: none;}
.trends .make-right ul li.tr-zl .tr-flex h3{padding: 0; margin: 0; color: #333; font-size: 16px; font-weight: 400; width: 80%;}
/*新闻头条*/
.trends .make-right ul li.tr-fl .tr-flex{display: flex; align-items: center; justify-content: space-between}
.trends .make-right ul li.tr-fl .tr-flex .tr-box{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.trends .make-right ul li.tr-fl .tr-flex p{width: 80%; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.trends .make-right ul li.tr-fl a span{color: #aaa; margin-bottom: 0; padding: 0;}
.trends .make-right ul li.tr-fl a span:after{display: none;}
/*企业党建*/
.trends .make-right ul.tr-al{grid-template-rows: repeat(5, 1fr); }
.trends .make-right ul li.tr-bc{margin-bottom: 20px;}
.trends .make-right ul li .tr-bg{background: rgb(249,249,249); border-radius: 10px; display: block; padding: 20px 30px;}
.trends .make-right ul li .tr-bg h3{margin: 0 0 20px; padding: 0; font-size: 20px; color: #333;}
.trends .make-right ul li .tr-bg p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; color: #666; text-align: justify;}
.trends .make-right ul li .tr-bg:hover h3,.trends .make-right ul li .tr-bg:hover p{color: #cb0003}
/*产业动态*/
.trends .make-right .tr-dt{background: rgb(249,249,249); border-radius: 10px; box-shadow: 0 0 5px #eee; padding: 20px 30px; margin-bottom: 20px;}
.trends .make-right .tr-dt h3{margin-bottom: 10px; font-size: 20px;}
.trends .make-right .tr-dt p{margin-bottom: 10px;}
.trends .make-right ul li.tr-stc{margin-bottom: 30px; box-shadow: 0 0 5px #e5e5e5; border-radius: 5px;}
.trends .make-right ul li.tr-stc a{display: flex; align-items: start; background: rgb(249,249,249); padding: 20px;}
.trends .make-right ul li.tr-stc a > img{width: 535px; height: 285px; border: 5px solid white; border-radius: 5px;}
.trends .make-right ul li.tr-stc a > div{height: 285px; position: relative; margin-left: 20px; flex: 1;}
.trends .make-right ul li.tr-stc a > div h3{padding: 0; margin: 0; color: #333; font-size: 18px;}
.trends .make-right ul li.tr-stc a > div p{text-align: justify; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.trends .make-right ul li.tr-stc a > div img{width: 24px; height: 24px; margin-right: 5px;}
.trends .make-right ul li.tr-stc a > div .tr-so{color: #d57528; padding: 0; margin-bottom: -10px; position: absolute; bottom: 0; left: 0;}
.trends .make-right ul li.tr-stc a > div .tr-so::after{display: none;}
/*媒体关注*/
.trends .tr-mt{display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(5, 1fr); margin: 0; }
.trends .tr-mt .tab-think{width: 97%; border: 1px solid #eee; border-radius: 10px; margin: 0 0 20px; height: 100px;}
.trends .tr-mt .tab-think .tab-left{width: 9%;}
.trends .tr-mt .tab-think .tab-right{width: 85%;}
.trends .tr-mt .tab-think .mt-img, .trends .tr-mt .tab-think .tr-da{display: none;}
.trends .make-right{width: 76%; margin: 40px 0 40px 4%;}
/*page*/
.year-page,.make .year-page{padding: 50px 0; display: flex; justify-content: center;}
.year-page li{ width: 34px; height: 34px; cursor: pointer; background: #eee; margin: 0 5px; text-align: center; line-height: 34px; border-radius: 50px;}
.year-page li.active{background-color: #cb0003; color: white !important;}
.year-page li.active span{ color: white !important;}
.year-page li a{display: block;}
/*
==========================
-------详情部分--------
==========================
*/
.detail {margin-top: 20px; padding-bottom: 50px}
.detail .detail-nav a,.detail .detail-nav span{display: inline-block; margin: 0 10px;}
.detail .detail-nav a:first-child{margin-left: 0;}
.detail .detail-nav .color-red{color: #cb0003}
.detail .detail-head{width: 80%; margin: 20px 10%; text-align: center;}
.detail .detail-title{margin: 10px 0 30px; font-size: 22px; font-weight: bold;}
.detail .detail-info{display: flex; align-items: center; justify-content: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; height: 50px;}
.detail .detail-info span{margin: 0 20px; color: #666;}
.detail video,.detail img{margin: 20px auto; display: block;}
.detail > p,.detail > img{margin: 0 7% 15px; font-size: 16px;}
.detail > video{width: 86%; margin: 0 7% 15px;}
/*--长影短视频--*/
.video-yd{display: none}
/*=====适配=====*/
@media only screen and (max-width: 1920px) {
/*.swiper-wt .swiper-slide img{width: 280px; height: 400px;}*/
/*长影历史*/
.history .history-bt .public-wt{width: 1330px;}
/*swiper*/
.swiper-wt .swiper-slide img{width: 260px; height: 380px;}
}
@media only screen and (max-width: 430px) {
.public-wt{width: 92%; margin: 0 4%;}
/*title*/
.public-title .name{display: flex; align-items: center;}
.public-title .name .name-sy{display: block; width: 47px; height: 26px; margin-left: -3px;}
/*长影八十年*/
.year-banner{width: 100%; margin: -11px 0 20px; position: relative; z-index: 1; padding: 0;}
.year ul{display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px 0;}
.year ul li{padding: 15px 5%; border-radius: 8px; box-shadow: none;}
.year ul li h3{line-height: 24px; margin-bottom: 15px;}
.year ul li p{line-height: 20px; color: #666}
/*长影短视频*/
.visual .visual-new{width: 100%; margin: 20px 0 40px; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(3,1fr); gap: 20px;}
.visual .visual-nh{width: 100%; margin: 20px 0 20px; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: 20px;}
.visual .visual-hide{display: none}
.visual .visual-hide.show{display: grid}
.visual .visual-new li img{width: 100%; height: 135px}
.visual .visual-nh li img{width: 100%; height: 258px;}
.make .make-right li img{width: 100%; height: 238px;}
/*tab样式*/
.make{display: block; }
.make .make-left{margin: 20px 0;}
.make .make-left,.make .make-right{width: 100%;}
.make .make-left{display: flex; align-items: start; justify-content: space-between; padding-bottom: 44px; position: relative; margin: 10px 0 5px}
.make > ul::after{content: ""; position: absolute; top: 32px; left: 0; width: 100%; height: 1px; background: #eee;}
.make .make-left li{width: 19%; background: transparent; border: none; padding: 5px 0; border-radius: 5px; text-align: center; position: relative}
.make .make-left li h3{font-size: 14px;}
.make .make-left li.active h3{background: transparent;}
.make .make-left li i,.make .make-left::before{display: none;}
.make .make-left li .son-item{position: absolute; width: 526%; top: 44px; left: 0; z-index: 1;}
.make .make-left li:nth-child(2) .son-item{left: -106%;}
.make .make-left li:nth-child(3) .son-item{left: -212%;}
.make .make-left li:nth-child(4) .son-item{left: -318%;}
.make .make-left li .son-item .son-in{padding-left: 0; height: 30px; font-size: 14px; line-height: 30px; width: 20%; float: left; border: 1px solid #eee; border-radius: 5px; margin-right: 2%}
.make .make-left li .son-item .son-in:last-child{margin-right: 0; border: 1px solid #eee;}
.make .make-left li .son-item .show{background: #eee}
.make .make-left li .son-item .show::after{display: none;}
.make .make-right{margin: 20px 0 0;}
.make .make-right ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); gap: 20px;}
.make .make-right li h3,.visual .visual-new li h3{color: #333; margin: 15px 0;}
.make .make-right li span,.visual .visual-new li span{display: none;}
.make .make-right li,.visual .visual-new li {border: none; background: rgb(246, 246, 246); border-radius: 8px; overflow: hidden;}
.make .make-left li h3 a{font-size: 14px;}
.make .make-right.screen li img {width: 100%; height: 108px;}
/*长影历史*/
.history .make-left li .son-item .son-in{width: auto; padding: 0 5px;}
.history .history-bt .public-wt{width: 100%}
/*视频详情*/
.detail .detail-head{width: 100%; margin: 20px 0;}
.detail .detail-title{margin-bottom: 15px;}
.detail video{height: auto;}
.detail img{width: 100%;}
/*长影动态*/
.trends .make-right ul{display: grid; grid-template-columns: repeat(1, 1fr); gap: 0;}
.trends .make-right ul li.tr-fl .tr-flex p{width: 70%;}
.trends .make-right ul li .tr-bg h3{font-size: 18px; margin-bottom: 15px;}
.trends .make-right ul li .tr-bg p{margin-bottom: 0}
.trends .make-right .tr-dt h3{font-size: 18px;}
/*移动端 pc页头与导航隐藏*/
header,nav{display: none;}
/*长影短视频*/
.visual .visual-title{display: none;}
.video-yd{display: block; width: 96%; margin: 0 0 0 4%; overflow: auto;}
.video-yd ul{display: flex; align-items: center; width: 135%; border-bottom: 1px solid #eee;}
.video-yd li{margin-right: 20px;}
.video-yd li:last-child{margin-right: 0}
.video-yd li.active a{color: #cb0003; height: 44px; line-height: 44px;}
.video-yd::-webkit-scrollbar{ height: 0; scrollbar-height: none;} /* 隐藏水平滚动条 */
.swiper-ov{margin: 0;}
/*长影动态*/
.trends .make-left{margin-bottom: 20px;}
.trends .make-right li span{display: block;}
.trends .make-right ul li.tr-fl::before{display: none;}
.trends .make-right ul li.tr-fl{padding: 15px 0; border-radius: 0; background: transparent; border-bottom: 1px solid #eee; height: auto; line-height: inherit;}
.trends .make-right ul li.tr-fl .tr-flex p{-webkit-line-clamp: 2; width: 100%; font-size: 1rem}
.trends .make-right ul li .tr-img{display: block; width: 32%; border-radius: 5px; height: 80px;}
.trends .make-right ul li.tr-fl .tr-flex .tr-box{width: 65%; height: 80px; display: flex; flex-direction: column; justify-content: space-between; align-items: start;}
.trends .make-right ul.tr-tt{margin-top: -15px;}
.trends .make-right ul .tr-bc:first-child{margin-top: 15px;}
/*企业党建*/
.trends .make-right ul li .tr-bg{padding: 15px;}
.trends .make-right ul li .tr-bg h3{-webkit-line-clamp: 2; line-height: 22px; margin-bottom: 10px;}
.trends .make-right ul li .tr-ov p{-webkit-line-clamp: 4;}
/*产业动态*/
.trends .make-right ul li.tr-stc{margin: 0 0 20px; box-shadow: none; border-radius: 0; background: white;}
.trends .make-right ul li.tr-stc a{background: white; padding: 0;}
.trends .make-right ul li.tr-stc a > div{padding: 0; height: auto; margin: 15px 0;}
.trends .make-right ul li.tr-stc a > img{width: 100%; border: none;}
.trends .make-right ul li.tr-stc a > div p{margin: 0;}
.trends .make-right .tr-dt{display: none;}
.trends .make-right .tr-hr,.trends .make-right .tr-tl{display: block; padding: 0}
.trends .make-right ul li.tr-style{border-bottom: 5px solid #eee; margin-bottom: 15px;}
.trends .make-right ul li.tr-style > .tr-flex{display: block}
.trends .make-right ul li.tr-style > .tr-flex .tr-hr{height: 200px; border-radius: 8px;}
.trends .make-right ul li.tr-style > .tr-flex h3{font-size: 1.1rem; margin-bottom: 5px;}
.trends .make-right ul li.tr-style > .tr-flex p{font-weight: 400; font-size: .9rem; color: #888;}
.trends .make-right ul li.tr-style > .tr-flex span{display: none;}
.trends .make-right .tr-tt .tr-style .tr-tl{width: 100%; font-size: 17px; font-weight: bold;}
.trends .make-right .tr-tt .tr-style .tr-nm{display: block;}
.trends .make-right ul li.tr-style:first-child{margin-top: 15px;}
.trends .make-right ul li.tr-zl:first-child{margin-top: 0;}
/*媒体关注*/
.trends .tr-mt .tab-think,.test-item .tab-think{padding: 15px 0; border: none; width: 100%; margin-bottom: 0; border-bottom: 1px solid #eee; border-radius: 0; height: auto; line-height: inherit;}
.trends .tr-mt .tab-think .tab-left,.test-item .tab-think .tab-left{display: none;}
.trends .tr-mt .tab-think .mt-img,.test-item .tab-think .mt-img{display: block; width: 32%; border-radius: 5px; height: 80px;}
.trends .tr-mt .tab-think .tab-right,.test-item .tab-think .tab-right{width: 65%; height: 80px; display: flex; flex-direction: column; justify-content: space-between; align-items: start;}
.trends .tr-mt .tab-think .tab-right span,.trends .tr-mt .tab-think .tab-right h3,.test-item .tab-think .tab-right h3,.test-item .tab-think .tab-right span{display: none;}
.trends .tr-mt .tab-think .tab-right p,.test-item .tab-think .tab-right p{-webkit-line-clamp: 2; width: 100%; font-size: 1rem}
.trends .tr-mt .tab-think .tab-right .tr-da,.test-item .tab-think .tab-right .tr-da{display: block; color: #aaa;}
.test-item .tab-think .tab-right h3{display: -webkit-box; -webkit-line-clamp: 2;}
.test-item .tab-think .tab-right p {display: none;}
/*
======================
------首页------
======================
*/
/*导航*/
.index-int{display: none;}
.index-all{display: block;}
.index-all .index-img{width: 100%; position: relative; padding: 15px 0; border-bottom: 10px solid #f5f6f8;}
.index-all .index-img::after{content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; width: 100%; background: #d9d9d9;}
.index-all .index-img .logo{max-width: 56%; margin: 0 auto; display: block}
.index-all .index-img .index-icon{max-width: 6%; position: absolute; top: 30px; right: 15px;}
.index-all .index-flex{background: white; position: fixed; inset: 0; z-index: 15; display: none;}
.index-all .index-flex .index-page{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; padding: 15px 4%; width: 92%;}
.index-all .index-flex .index-page .index-left{max-width: 3%; margin-top: 3px;}
.index-all .index-flex .index-page .logo{max-width: 62%}
.index-all .index-flex .index-page .index-close{max-width: 4.4%; margin-top: 6px;}
.index-all .index-flex .index-nav{width: 86%; margin: 10px 7%; overflow: auto; height: 83vh;}
.index-all .index-flex .index-nav > .active > div a{color: #cb0003;}
.index-all .index-flex .index-nav > li{padding: 15px 0; border-bottom: 1px solid #ffe0de;}
.index-all .index-flex .index-nav > li > div{display: flex; align-items: center; justify-content: space-between;}
.index-all .index-flex .index-nav > li > div a{font-size: 1.06rem; padding-left: 10px;}
.index-all .index-flex .index-nav > li > div img{width: 20px; height: 20px;}
.index-all .index-flex .index-nav .item1{background: #f6f7fb; width: 76%; margin: 10px 7% 0; border-radius: 10px; padding: 5px 5%; display: none;}
.index-all .index-flex .index-nav .item1 li{padding: 8px 0; font-size: .9rem;}
.index-all .index-flex .index-nav .item1 li.active a {color: #cb0003;}
.index-all .index-flex .index-nav .item1 .item2{margin: 10px 0 5px;}
.index-all .index-flex .index-nav .item1 .item2 li{padding: 3px 0 3px 15px; font-size: .9rem;}
.index-all .index-flex .index-nav .item1 .item2 li a{color: #666;}
/*banner*/
.banner{width: 100%; margin: -11px 0 0; border-bottom: 10px solid #f5f6f8;}
.banner img{height: 160px;}
/*长影动态*/
.public-title{flex-direction: column; align-items: start; border: none;}
.public-title .name{background: transparent; color: #333; font-size: 1.1rem; border-bottom: 1px solid #ccc; width: 97%; position: relative; height: auto; line-height: normal; padding: 15px 0 3px 3%;}
.public-title .name::after{content: ''; position: absolute; top: 19px; left: 0; width: 4px; height: 18px; background: #cb0003;}
.layui-btn-container{display: flex; align-items: center; justify-content: space-between}
.layui-btn-container .layui-btn{width: 23%; font-size: 14px;}
.layui-btn-container .layui-btn:last-child{margin-right: 0;}
#demoTabsHeader .layui-btn.layui-this, #demoTabsHeader1 .layui-btn.layui-this{background: transparent; color: #cb0003}
#demoTabsBody .test-item .tab-think .mt-img{display: none;}
#demoTabsBody .test-item .tab-think .tab-right{width: 100%; padding: 0;}
.test-item ul{display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: 20px;}
.test-item ul li{margin: 0; width: 100%; background: #f6f6f6; border-radius: 8px; overflow: hidden;}
.test-item ul li img{width: 100%; height: 124px;}
.test-item ul li .day-item{display: none;}
.test-item ul li h3{font-weight: 400; padding: 0 10px; margin: 10px 0; -webkit-line-clamp: 3; font-size: .94rem; height: 75px;}
.tab-news{flex-direction: column; margin: 10px 0 0;}
.trends .tr-mt{margin-top: -15px;}
.test-item .tab-think{border: none; padding: 10px 0;}
.trends .make-right ul li.tr-zl a img{display: block;}
.trends .make-right ul li.tr-zl .tr-flex .tr-nm{display: block;}
/*长影出品*/
.swiper-wt{margin: 10px 0 10px -15%; width: 115%;}
.swiper-wt .swiper-slide img{height: 170px; width: 130px;}
.swiper-button-next, .swiper-button-prev{display: none;}
/*--长影历史--*/
.history .history-pc{width: 100%; display: none;}
.history .history-yd{width: 100%; display: block;}
.history .make-left{margin-bottom: 20px; justify-content: initial;}
.history .make-left li{margin-right: 20px;}
.history .make-right img{width: 100%;}
.history .make-right p{font-size: 14px;}
/*--长影短视频--*/
.video-mr .video{display: none;}
.video-mr .vite{display: grid; grid-template-columns: repeat(3,1fr); gap: 0 15px; margin: 20px 0 10px;}
.video-mr .vite img{width: 100%;}
/*关于我们*/
.about{flex-direction: column; margin-bottom: 0;}
.about .about-left,.about .about-right{width: 100%;}
.about .about-left{position: relative; z-index: 1;}
.about .about-left p:nth-child(2){display: none;}
.about .about-left a{margin-top: 15px;}
.about .about-left a img{width: 24px; height: 24px;}
.about .about-right{margin-top: -50px;}
/*footer*/
footer > .public-wt{display: none;}
footer .footer-img,.footer-img{width: 100%; display: block;}
/*间距*/
.layui-info{margin-top: 12px;}
/*二级菜单*/
.make .make-left li .son-kill{width: 542%; overflow-x: auto;}
.son-kill::-webkit-scrollbar{ height: 0; scrollbar-height: none;} /* 隐藏水平滚动条 */
.son-kill .son-list{display: flex; width: 260%;}
.make .make-left li .son-kill .son-list .son-in,.make .make-left li .son-kill .son-list1 .son-in{ width: unset; padding: 0 12px;}
.son-kill .son-list1{display: flex; width: 118%;}
/*下边距*/
.public-pt{padding-bottom: 0;}
/*吸顶导航*/
.and{position: fixed; top: 0; left: 0; z-index: 15; background: white;}
.and .index-img{border: none;}
.swiper-slide-active{opacity: 1;}
.detail > video{width: 94%; margin: 0 3% 15px;}
/*
======================
------详情------
======================
*/
.detail .detail-nav{display: none;}
.detail .detail-info{border: none; height: auto;}
.detail .detail-title{ text-align: justify; font-size: 20px; text-align: center;}
.detail > p{font-size: .96rem; color: #666;}
.detail > p,.detail > video,.detail > img{margin: 0 0 15px;}
.detail > p span{text-wrap: inherit !important;}
}
@media only screen and (max-width: 390px){
.swiper-wt .swiper-slide img{height: 170px; width: 118px;}
.son-kill .son-list{display: flex; width: 300%;}
.son-kill .son-list1{display: flex; width: 150%;}
.visual .visual-nh li img ,.make .make-right li img{width: 100%; height: 226px;}
}