@import url("20daztdkzb-millia.css");
.millia{width:1200px;margin:0 auto;}
.topic{background:url(http://ytdangjian.yantai.gov.cn/images/2727/20daztdkzb-topic.jpg) no-repeat center top;background-size:auto 100%;height:500px;}
.intro{background:#c4201e;color:#faefac;padding:20px 0;}
.intro a{color:#faefac;}
.intro .millia{display:flex;align-items:center;justify-content:space-between;}
.intro i{font-size:40px;margin-right:60px;white-space:nowrap;}
.ht b{display:inline-block;background:url(20daztdkzb-htbg.png) no-repeat center center;background-size:100% 100%;color:#faefac;font-weight:bold;font-size:38px;padding:20px 100px;}

h6{text-align:center;margin-top:40px;}
h6 b{background:linear-gradient(90deg,#bf0515,#e40a1a,#bf0515);font-size:38px;padding:15px 100px;color:#fffeb6;display:inline-block;border-radius:50px;position:relative;}
h6 b:before,h6 b:after{content:"";display:block;position:absolute;background:url(20daztdkzb-icon01.png) no-repeat center center;width:36px;height:36px;top:20px;background-size:100% 100%;}
h6 b:before{left:50px;}
h6 b:after{right:50px;}

.list{margin:0 0 0 -2%;display:flex;flex-wrap:wrap;}
.list li{width:31.3%;margin:40px 0 0 2%;}
.list li a{position:relative;overflow:hidden;display:block;}
.list li img{width:100%;height:auto;}
.list li 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;}
.list li b{padding:15px 0 0 0;display:block;}

.footer{background:#f7f7f7;padding:30px 0;}

.content{padding:50px 0 0 0;}
.content h1{font-size:38px;text-align:center;}
.source{padding:20px 0;display:flex;justify-content:space-between;color:#999;align-items:center;border-bottom:1px dotted #ccc;}

#content{padding:40px 0;}
#content p{padding-bottom:10px;}
#content img,#content video{max-width:100% !important;height:auto !important;display:block;margin:0 auto 20px auto;}






@media screen and (max-width:840px){
.millia{width:96%;}
.topic{height:13rem;}
.intro .millia{flex-direction:column;}
.intro i{display:block;margin:0;padding-bottom:2rem;font-size:2.4rem;}
.ht b{font-size:2rem;padding:1rem 2rem;}
h6 b{font-size:1.8rem;padding:1rem 5rem;}
h6 b:before,h6 b:after{width:1.5rem;height:1.5rem;top:1.5rem;}
h6 b:before{left:2rem;}
h6 b:after{right:2rem;}
.list li{width:100%;}
.list li span{font-size:1.2rem;}
.list li b,#content{font-size:1.4rem;}

#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;}




}