@import url("Integrity2023millia.css");
.millia{width:1200px;margin:0 auto;position:relative;z-index:1;}
.indexBg{background:url(Integrity2023_mapBg.jpg) #64b9d5 no-repeat center bottom;position:absolute;left:0;top:0;right:0;bottom:0;background-size:100% auto;overflow-y:auto;overflow-x:auto;}
.indexBg:before{content:"";display:block;position:absolute;left:-8%;top:0;width:44%;height:100%;background:rgba(0,101,88,0.8);transform:skewX(5deg);}
#map-wrap{position:absolute;top:5%;right:0;width:60%;height:90%;}
.indexTag{position:absolute;z-index:2;height:100%;width:35%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;}
.indexTag h5{width:80%;padding-bottom:30px;}
.indexTag h6{width:30%;padding-top:50px;}
.indexTag h5 img,.indexTag h6 img{width:100%;height:auto;}

.indexTag ul{width:400px;display:flex;flex-wrap:wrap;}
.indexTag ul li{width:48px;height:150px;margin-left:8%;}
.indexTag ul li a{display:block;height:100%;overflow:hidden;text-indent:-999px;}
.indexTag ul li:nth-child(1){background:url(Integrity2023_tag01_0.png) no-repeat left top;background-size:100% 100%;margin-left:0;}
.indexTag ul li:nth-child(2){background:url(Integrity2023_tag02_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(3){background:url(Integrity2023_tag03_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(4){background:url(Integrity2023_tag04_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(5){background:url(Integrity2023_tag05_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(6){background:url(Integrity2023_tag06_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(7){background:url(Integrity2023_tag07_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(8){background:url(Integrity2023_tag08_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(9){background:url(Integrity2023_tag09_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:nth-child(10){background:url(Integrity2023_tag10_0.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(1){background:url(Integrity2023_tag01_1.png) no-repeat left top;background-size:100% 100%;margin-left:0;}
.indexTag ul li:hover:nth-child(2){background:url(Integrity2023_tag02_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(3){background:url(Integrity2023_tag03_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(4){background:url(Integrity2023_tag04_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(5){background:url(Integrity2023_tag05_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(6){background:url(Integrity2023_tag06_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(7){background:url(Integrity2023_tag07_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(8){background:url(Integrity2023_tag08_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(9){background:url(Integrity2023_tag09_1.png) no-repeat left top;background-size:100% 100%;}
.indexTag ul li:hover:nth-child(10){background:url(Integrity2023_tag10_1.png) no-repeat left top;background-size:100% 100%;}

.footer{background:#006558;display:flex;justify-content:center;align-items:center;padding:15px 0;flex-wrap:wrap;}
.footer span{padding:0 10px;}

#millia{background:url(Integrity2023_topic.jpg) no-repeat top center;min-height:150rem;position:relative;background-size:100% auto;}
#millia:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:535px;background:url(Integrity2023_end.jpg) no-repeat bottom center;}

.topic img{display:block;margin:0 auto;width:57%;height:auto}

.leftNav,.leftNav dt{background:#00765d;border:1px solid #ecebc9;border-radius:10px;box-shadow:0 0 5px #014532;}
.leftNav dt{text-align:center;padding:18px 0;margin-bottom:30px;}
.leftNav dt img{width:64%;height:auto;}
.leftNav dd{margin-bottom:20px;padding:0 30px;}
.leftNav dd a{display:block;background:url(Integrity2023_leftNav01.png) no-repeat center center;font-size:20px;font-weight:bold;color:#003429;text-align:center;padding:8px 0 18px 0;background-size:100% 100%;}
.leftNav dd a:hover,.leftNav dd.hover a{text-decoration:none;background:url(Integrity2023_leftNav02.png) no-repeat center center;padding:8px 0 18px 0;color:#fff;padding:10px 0 16px 13px;background-size:100% 100%;}
.w280{width:21%;}
.w1050{width:75%;}
.posi{background:url(Integrity2023_line01.png) no-repeat left bottom;padding-bottom:20px;display:flex;justify-content:space-between;color:#066c57;align-items:center;}
.posi b{font-size:24px;}
.posi a{color:#066c57;}

.vodList li{display:flex;margin-top:35px;justify-content:space-between;align-items:center;background:rgba(212,239,234,0.3);}
.vodList li span{width:42%;}
.vodList li span a{display:block;position:relative}
.vodList li span img,.imgList li img{width:100%;height:100%;}
.vodList li span a:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(Integrity2023_icon01.png) no-repeat center center;}
.vodList li p{flex:1;padding:20px 40px;}
.vodList li p b{display:block;font-size:20px;padding-bottom:25px;text-align:center;color:#003932;}
.vodList li p b a{color:#003932;}

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

.imgList{display:flex;flex-wrap:wrap;overflow:hidden;margin-left:-3%;}
.imgList li{margin:30px 0 0 3%;overflow:hidden;position:relative;width:22%;height:135px;}
.imgList li span{display:block;position:absolute;left:0;bottom:0;width:100%;color:#fff;background:rgba(25,109,91,0.7);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:5px 0;}

.newsList li{border-top:1px dashed #dedede;padding:15px 0;display:flex;align-items:center;justify-content:space-between;}
.newsList li:first-child{border:none;}
.newsList li a,.newsList li span{display:block;}
.newsList li a{padding-left:32px;position:relative;color:#066c57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
.newsList li a:before{content:"";display:block;position:absolute;left:0;width:20px;height:5px;background:#7eb0b9;top:10px;}
.newsList li a:hover{color:#b70000;}
.newsList li a:hover:before{background:#b70000;}
.newsList li span{background:url(Integrity2023_icon02.png) no-repeat 32px center;padding-left:56px;margin-top:10px;font-size:14px;color:#999;white-space:nowrap;}

#content{padding:50px 0;}
#content h1{font-weight:bold;font-size:24px;padding-bottom:20px;border-bottom:1px dashed #ccc;text-align:center;}

.source{display:flex;justify-content:space-evenly;}

.content img,.content video{max-width:100%;height:auto}
.content p{padding-bottom:15px;}
@media screen  and (max-width:1200px) and (min-width:860px){
/*#millia{background-size:auto 780px;}*/
.millia{width:96%;}
/*.topic img{width:auto;height:600px;}
.w1050{width:68%;}*/
.indexBg:before{display:none;}
.indexTag{width:100%;height:auto;padding:30px 0 0 0;position:relative;}
.indexTag h5{width:60%;}
.indexTag h6{width:17%;padding-top:20px;}
#map-wrap{width:100%;height:80%;position:static;}


}

@media screen  and (max-width:860px){
.millia{width:96%;}

.source{font-size:1.2rem;}
.posi,.footer,.vodList li,.imgList li,.newsList li,.content{font-size:1.4rem}
.vodList li p b,.posi b{font-size:1.6rem;}
#content h1{font-size:2rem;}

.content{line-height:2.4rem;}

.indexBg{display:flex;flex-direction:column;right:auto;bottom:auto;}
.indexBg:before{display:none;}
/*.indexTag{width:100%;height:auto;padding:5rem 0;background:rgba(0,101,88,0.8);position:static}*/
.indexTag{width:100%;height:100vh;background:rgba(0,101,88,0.6);position:static;justify-content:flex-start;padding-top:16vh;box-sizing:border-box;}
.indexTag h5{padding-bottom:4rem;width:94%;}
.indexTag ul{width:90%;}
.indexTag ul li{margin-left:2rem;}
.footer{height:auto;padding:1rem;}
/*#map-wrap{position:static;width:100%;height:80vh;}*/
#map-wrap{display:none;}
#millia{background-size:auto 19rem;}
#millia:after{height:12rem;background-size:auto 12rem;}
.topic img{height:14.5rem;}

.posi{background-size:100% auto;}

.vodList li{flex-wrap:wrap;}
.vodList li span{width:100%;}
.vodList li p{padding:2rem 1rem;}
.vodList li p b{padding-bottom:1rem;}

.imgList li{width:47%;margin-top:2rem;}
.imgList li span{padding:0.2rem 0;}

.newsList li a{white-space:normal;padding:0;}
.newsList li a:before,.newsList li a:hover:before{display:none;}
.newsList li span{padding-left:2rem;background-position:left center;}


}