@import url("/jcms/jcms_files/jcms1/web204/site/images/2694/millia.css");
.millia{width:1200px;margin:0 auto;}
body{background:url(zt_ytssbjhrcsb2020_topic.jpg) no-repeat top center;}
#millia{background:url(zt_ytssbjhrcsb2020_body.jpg) repeat-x bottom;}
.tagInfo b{display:inline-block;background:url(zt_ytssbjhrcsb2020_tag.png) no-repeat top center;background-size:100% 100%;color:#fff;font-size:28px;line-height:48px;padding:0 90px 15px 90px;font-weight:normal;}

.tag01{margin-top:230px;}
.tag01 li{display:inline-block;padding:10px;box-sizing:border-box;overflow:hidden;border-radius:100px;font-size:28px;margin:0 20px;}
.tag01 li img{display:block;margin:30px auto 10px auto;}
.tag01 li a{color:#fff;display:block;width:180px;height:180px;overflow:hidden;border-radius:100px;}
.tag01 li a:hover{text-decoration:none;}
.tag01 li:nth-child(1){background:rgba(239,139,90,.5);}
.tag01 li:nth-child(1) a{background:#ef8b5a;}
.tag01 li:nth-child(2){background:rgba(239,90,97,.5);}
.tag01 li:nth-child(2) a{background:#ef5a61;}
.tag01 li:nth-child(3){background:rgba(72,134,236,.5);}
.tag01 li:nth-child(3) a{background:#4886ec;}
.tag01 li:nth-child(4){background:rgba(84,200,177,.5);}
.tag01 li:nth-child(4) a{background:#54c8b1;}

.bg01{background:#daecf6;padding:40px;}

.ht01,.ht02{position:relative;padding-bottom:15px;}
.ht01:before,.ht01:after,.ht02:before,.ht02:after{content:"";display:block;position:absolute;}
.ht01:before{border-bottom:3px solid #ebebeb;width:100%;left:0;bottom:0;}
.ht01:after{border-bottom:3px solid #008ad4;width:22%;left:0;bottom:0;}
.ht01 a.amore{display:block;position:absolute;right:0;bottom:10px;color:#999;font-size:14px;}
.ht02:before{border-bottom:3px solid #008ad4;width:100%;left:0;top:0;height:40%;z-index:0;}
.ht02:after{border-bottom:3px solid #cadff0;width:26%;left:37%;top:0;height:40%;z-index:1;}
.ht02 img{position:relative;z-index:2;}

.ls01 li{border:1px solid #e5e5e5;background:#fff;min-height:90px;padding:8px 70px 5px 115px;position:relative;box-sizing:border-box;margin-top:20px;}
.ls01 li span{display:block;position:absolute;left:0;top:0;background:#008ad4;color:#fff;font-size:16px;width:90px;height:90px;text-align:center;padding-top:15px;box-sizing:border-box;}
.ls01 li span b{display:block;font-size:30px;}
.ls01 li:after{content:url(images/more.png);display:block;position:absolute;right:15px;top:25px;}
.ls01 li a:hover{text-decoration:none;}
.ls01 li a{display:}

.ls02 li{background:url(zt_ytssbjhrcsb2020_list01.png) no-repeat left center;padding-left:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.tagList{width:100%;overflow:hidden;font-size:0;padding-bottom:10px;}
.tagList ul{width:102%;}
.tagList li{display:inline-block;width:22.8%;margin:40px 2% 0 0;position:relative;font-size:20px;line-height:40px;color:#666;box-shadow:8px 8px 0 #f4f2f2;border:1px solid #f4f2f2;background:#fff;padding:20px 0 20px 70px;box-sizing:border-box;}
.tagList li div{position:relative;z-index:1;background:#fff;}
.tagList li h6{font-size:24px;font-weight:bold;color:#333;}
.tagList li h6.f18{font-size:18px;}
.tagList li h6 a{color:#333;}
.tagList li a{color:#666;}
.tagList li:before,.tagList li:after{content:'';display:block;position:absolute;}
.tagList li:before{height:70%;left:40px;top:15%;border-left:1px solid #eaeaea;width:1px;}
.tagList li:after{height:30%;left:40px;top:15%;border-left:3px solid #008ad4;width:1px;}

.end{background:#0084cb;color:#fff;padding:45px 0;}
.end a{color:#fff;}

.bgff{background:#fff;margin-top:180px;box-shadow:8px 8px 0 #f4f2f2;padding:30px 30px 60px 30px;}

.list li{background:url(zt_ytssbjhrcsb2020_list01.png) no-repeat left 10px;padding:0 0 25px 25px;position:relative;}
.list li span{display:block;position:absolute;right:0;top:0;font-size:16px;color:#adacac;}

.page a{display:inline-block;padding:5px 10px;border:1px solid #ccc;font-size:16px;}
.page span a,.page a:hover{border:1px solid #008ad4;background:#008ad4;color:#fff;text-decoration:none;}

h1{font-size:28px;text-align:center;font-weight:bold;padding-bottom:25px;color:#333;}
.source{border-top:2px solid #008ad4;padding-top:25px;color:#999;}
.content{padding:40px 0 25px 0;}
.content p{padding-bottom:15px;}
.content img{max-width:100%;height:auto;}

@media screen and (max-width:640px){
.millia{width:96%;overflow:hidden;}
body{background-size:120%;}
.tagInfo b{font-size:1.4rem;line-height:2.6rem;padding:0 5rem 1rem 5rem;margin-top:1rem;}
.tag01{margin-top:2rem;}
.tag01 li{margin:0 .5rem 1rem .5rem;width:45%;font-size:1.6rem;padding:.3rem;}
.tag01 li a{width:100%;height:auto;}
.tag01 li img{display:inline-block;margin:.7rem 1rem .7rem 0;width:2rem;height:auto;}
.bg01{padding:.2rem;margin-top:.8rem;}
.ht01 img{width:40%;height:auto;}
.ht02 img{width:50%;height:auto;}
.ht01:after{width:26%;}
.ht02:after{border-bottom:3px solid #fff;width:60%;left:20%;}
.ls01 li{padding:18px 10px 5px 105px;font-size:1.6rem;line-height:2.2rem;}
.ls01 li span{padding-top:1.8rem;}
.ls01 li span b{padding-bottom:.5rem;}
.ls01 li:after{display:none;}

.tagList li{width:96%;font-size:1.5rem;line-height:2.4rem;}
.tagList li h6{font-size:2rem;}
.end{font-size:1.4rem;line-height:2.2rem;padding:3rem 1rem;}

.bgff{margin-top:3rem;padding:2rem 1rem 4rem 1rem;}
.list{margin-top:2rem;}
.list li{font-size:1.6rem;}
.list li span{display:none;}
.page span a{margin-bottom:.5rem;}
.posi{font-size:1.4rem;}
h1{font-size:2.2rem;padding:2rem 0;}
.content{font-size:1.6rem;line-height:2.4rem;}
}