@import url("https://ytdangjian.yantai.gov.cn/images/2727/20daztdkzb-millia.css");
@import url("https://ytdangjian.yantai.gov.cn/images/2688/ytdangjian2022-swiper.css");
.millia{width:1200px;margin:0 auto;}
.topic{background:url(topic.jpg) no-repeat center top;background-size:auto 100%;height:297px;}
.intro{background:#c4201e;color:#faefac;padding:20px 0;}
.intro a{color:#faefac;}
.bg01{background:url(bg01.jpg) no-repeat left top;background-size:100% 100%;padding:40px 0 50px 0;}
.bg02{background:url(bg02.jpg) #fff no-repeat left bottom;background-size:100% auto;padding:60px 0 140px 0;}



.ht{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ht img{width:auto;height:100%;}

.tabs{position:relative;display:flex;align-items:center;justify-content:center;background:#f7dddc;border-radius:30px;margin:269px 0 30px 0;border:1px solid #e3bab9;}
.tabs li{flex:1;cursor:pointer;font-size:28px;text-align:center;border-radius:30px;padding:15px 0;color:#b55341;}
.tabs li:first-child{position:absolute;top:-219px;width:100%;text-align:center;background:none;padding:0;}
.tabs li:first-child b{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.tabs li:first-child b img{width:auto;height:100%;}
.tabs li.active{background:#ffd395;}
.tabs li:first-child.active{background:none;}
.tabs a{color:#b55341;}

.SwiperSwitchBox{position:relative;}
.SwiperSwitchBox .swiper-slide img,.swiperBoxStacking .swiper-slide img{width:100%;height:100%;}
.SwiperFocusBox .swiper-slide span,.SwiperSwitchBox .swiper-slide span{position:absolute;left:0;bottom:0;width:100%;display:block;background:rgba(199,24,30,0.8);color:#fff;text-align:center;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0;}
.SwiperSwitchBox .swiper-slide a:hover{text-decoration:none;}
.SwiperSwitchBox .swiper-slide b{display:block;padding:15px 0 0 0;text-align:center;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}


.swiperBoxStacking{position:relative;padding-bottom:50px;}
.swiperBoxStacking .swiper-slide{transition:transform 1.0s;transform:scale(0.6);z-index:0;}
.swiperBoxStacking .swiper-slide span{font-size:20px;line-height:60px;padding:0 20px;display:block;background:rgba(196,32,30,0.6);color:#fff;position:absolute;left:0;bottom:-200px;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.swiperBoxStacking .swiper-slide-prev,.swiperBoxStacking .swiper-slide-next{transform:scale(0.8);z-index:1;}
.swiperBoxStacking .swiper-slide-active{transform:scale(1);z-index:2;}
.swiperBoxStacking .swiper-slide-active span{bottom:0;}
.swiperBoxStacking .swiper-pagination{width:100%;bottom:10px;}
.swiperBoxStacking .swiper-pagination-bullet{width:9px;height:9px;background:#d1ad89;opacity:1;margin:0 3px;border-radius:9px;}
.swiperBoxStacking .swiper-pagination-bullet-active{width:18px;background:#c4201e;}

.w900{width:900px;margin:0 auto;}

.listBg{background:url(bg03.jpg) #fff no-repeat left top;background-size:100% auto;padding-bottom:100px;position:relative;min-height:1320px;}
.listBg:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:calc(100vw * 457 / 1920);background:url(bg02.jpg) no-repeat left bottom;background-size:100% auto;}
.listBg .millia{background:#fff;padding:60px 100px;box-sizing:border-box;position:relative;z-index:2;}
.posi{display:flex;align-items:center;}
.posi .icon{fill:#c4201e;margin-right:10px;height:20px;width:auto;}

.listBg h1{font-size:30px;font-weight:bold;padding:80px 0 60px 0;background:url(line01.png) repeat-x left bottom;text-align:center;}

.list dt{display:flex;align-items:center;justify-content:center;}
.list dt img{width:100%;height:100%;}
.list dd{padding:40px 0 0 60px;}
.list a{color:#3b59ae;}

.ht01{background:url(line02.png) no-repeat left bottom;border-bottom:1px solid #fceac1;padding-bottom:20px;font-size:24px;font-weight:bold;color:#ee4523;}

.vodBox{padding:40px 0 0 0;}
.vodBox video{width:100%;height:auto;}





@media screen and (max-width:1200px){
.millia,.w900{width:96%;}
.swiper-pagination,.swiper-button-next,.swiper-button-prev{display:none;}
.topic{height:11rem;}
.intro{font-size:1.4rem;line-height:2.2rem;}
.ht,.tabs li:first-child b{height:9rem;}


.tabs{margin:12rem 0 2rem 0;}
.tabs li:first-child{top:-12rem;}
.tabs li{font-size:1.6rem;padding:1rem 0;}

.swiperBoxStacking{padding:0;}
.swiperBoxStacking .swiper-slide span{font-size:1.4rem;line-height:2.4rem;}

.list li{width:100%;}
.list li span{font-size:1.2rem;}
.f18{font-size:1.6rem;}
.list li b,#content{font-size:1.4rem;}
.ht01{font-size:1.8rem;}

#content{line-height:2.6rem;}
.content h1{font-size:1.8rem;}
.content{padding:2rem 0 0 0;}
.source{padding:2rem 0;text-align:center;display:block;}

.listBg{padding:2rem 1rem;min-height:auto;}
.listBg .millia{width:100%;padding:3rem 2rem;}

.listBg h1{font-size:2rem;padding:3rem 0;background-size:auto 0.3rem;}
.list dt{padding-bottom:2rem;}
.list dd{padding:1rem 0 0 0;}
.ht01{background-size:auto 0.4rem;padding-bottom:1.5rem;}
}

@media screen and (max-width:768px){ 
    .posi{display:none;}
}