@import url("global.css");

html{font-size: 18px;}
body{background: #e9f8ff;}

.banner{width:100%;background: #fff url(../images/bannerbg.jpg) no-repeat top center;background-size: cover;}
.banner_con{max-width:1240px;height:800px;margin:0 auto;}
.banner_con .logo{position: absolute;left:30px;top:30px;z-index: 10;}
.banner_con .logo a{display: block;}
.banner_con .logo img{width:300px}
.banner_con h1{padding-top:130px;position:relative;z-index: 1;text-align: center;}

.section{padding-top:30px;}
.wal{width:1240px;margin:0 auto;}

.section00{padding-top: 40px;}
.spec_summary{padding:20px;background: linear-gradient(-45deg, rgb(197, 198, 255), rgb(124, 206, 255));border-radius: 10px;}
.spec_summary .cont{box-sizing:border-box;padding:20px;display: flex;justify-content: space-between;background-color: #feffffc4;}
.spec_summary .t{margin-right:40px;width:160px;height:120px;flex-shrink: 0;background: url(../images/topNews.png) no-repeat top 10px center;text-indent:-9999px;border-radius: 10px 0 0 10px;box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5)}
.spec_summary p{text-indent: 2em;line-height: 1.8;font-size:1.2rem;text-align: justify;text-justify: inter-word;}

.section h2{position: relative; margin-bottom: 20px; text-align: center;}
.section h2 .more{position: absolute;right:0;top:23px;font-size: 16px;font-weight: normal}
.section h2 .more a{display: block;padding: 0.3em 1em;background-color: #fff;color: #8e8e8e;}
.section h2 .more a:hover{color: #4f58df;}

.section01{padding-top: 30px;}

.list{margin-top: -20px;}
.list dl{display: flex;justify-content: space-between;align-items: center;padding:20px 0;border-bottom:1px dashed #666}
.list dl:hover{background-color: #fff;}
.list dl:last-child{border: none;}
.list dt{padding-right: 25px;padding-left: 15px;}
.list dt h4{font-size: 1.3rem;}
.list dt p{margin-top:10px;line-height: 1.5;}
.list dd{width:11%;flex-shrink: 0;border-left: 1px solid #d3e7f0;text-align: center;font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;}
.list dd p{display:inline-block;padding:10px 0;border-radius: 6px;background-color: #c9ebff;}
.list dd span,.list dd em{display: block;padding: 0 0.5em;}
.list dd span{margin: 0 5px 5px;padding-bottom:5px;border-bottom: 1px solid #b4cedd;font-weight:bold}
.list dd em{color: #999;}

.news_img{width:50%;}
.news_img li{display: none;}
.news_img li:first-child{display: block;}
.news_img img{width: 100%;height: 390px;}
.news_text{box-sizing: border-box; width:49%;padding:20px;height:390px;background-color:#fff}
.news_text .list dl{flex-direction: row-reverse;}
.news_text .list dl:last-child{padding-bottom: 0;}
.news_text .list dt{padding-right: 0;}
.news_text .list dt h4{font-size: 1.1rem;}
.news_text .list dt p{margin-top:5px;display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;text-overflow: ellipsis;color: #666;}
.news_text .list dd{width:17%;border: none;}
.news_text .list dd p{border: 1px solid #e3e3e3;background-color: #fff;}
.news_text .list dd span{color: #999;border-bottom-color: #e3e3e3}
.news_text .on dt a{color: #5b67df;}
.news_text .on dt p{color:#5b67df}
.news_text .on dd p{background-color: #7253db;color: #fff;border: 2px solid #7253db;}
.news_text .on dd span{border-bottom: 1px solid #fff;color: #fff;}
.news_text .on dd em{color: #fff;}

.block_ab .block{box-sizing:border-box;width:49%;}
/* .block h3{margin-bottom:20px;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;padding: 0.5em 0;}
.block h3 strong{text-indent: 0.3em;font-size: 1.75rem;color: #4f58df;;} */
.block ul{background-color: #fff;padding:30px 20px 10px;box-shadow: 0 15px 18px rgba(120,176,199,0.2);}
.block li{margin-bottom: 20px;}
.block li a{display: block;padding-left: 20px;background: url(../images/i01.png) no-repeat left center; line-height: 1.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.block h3{position: relative;text-align: center;}
.block h3 .more{position: absolute;right:0;top:23px;font-size: 16px;font-weight: normal}
.block h3 .more a{display: block;padding: 0.3em 1em;background-color: #fff;color: #8e8e8e;}
.block h3 .more a:hover{color: #4f58df;}

.list_zc ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -2%;}
.list_zc ul li{box-sizing:border-box;width:49%;padding:1em;margin-bottom: 20px;border: 1px solid #e5f3fd;background-color: #f5fbff;border-radius: 6px;overflow: hidden;}
.list_zc ul li:hover{background-color: #fff}
.list_zc ul li a{display: block;padding-left: 20px;background: url(../images/i01.png) no-repeat left center; line-height: 1.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.video_box{padding: 20px 0;}
.v-left{width:70%}
.v-left .video{height: 500px;}
.video_box .video{position: relative;overflow: hidden;}
.video_box .video a{display: block;}
.video_box .video img{display:block;width:100%;height: 100%;object-fit: fill;}
.video_box .video p{position: absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:0.75em 1em; background-color: rgba(0,0,0,0.6);color: #fff;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video_box .video i{display: block;width:60px;height: 60px;position: absolute;left:50%;top:50%;transform: translate(-50%,-80%);background: url(../images/icon_player.png);background-size: 100%;cursor: pointer;}
.v_right{width:28%;position: relative;}
.v_right .video{height: 240px;}
.v_right .video p{font-weight: normal;}
.v_right .video i{width:46px;height: 46px;}
.v_right .video img{height:240px ;}
.swiper-container {height: 500px;overflow: hidden;position: relative;}
.swiper-slide {box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease;}
.swiper-slide:hover {transform: translateY(-5px);}
.swiper-button-prev, .swiper-button-next {display: flex;justify-content: center;align-items: center;position: absolute;left:50%;transform: translate(-50%);width: 40px;height: 40px;background-color: #f0b232;border-radius: 50%;z-index: 100;cursor: pointer;}
.swiper-button-prev{top:-50px}
.swiper-button-next{bottom:-50px}
.swiper-button-prev svg, .swiper-button-next svg{width:80%;height: 80%;}
.swiper-button-disabled{cursor: default;opacity: 0.5;}
.swiper-button-next svg{transform:rotate(180deg)}
        
.section06{padding-bottom: 60px;}
.list_bspt ul{display: flex;justify-content:center;}
.list_bspt li{margin: 0 15px;}
.list_bspt li img{width: 244px;}

.footer{padding:50px;background-color:#065ab7;color: #fff;}
.footer a:link,.footer a:visited{color:#fff}

@media screen and (min-width:1080px){
	.web_older .foot_con{line-height: 2;}
	.web_older .govlogo{left:-100px}
	.web_older .jiucuowx{right: -100px;}
	.web_older .icon_aria{right: -100px;}
}
@media screen and (min-width:1400px){
	.special_tiyu .footer .w1040{max-width:1200px;}
	.special_tiyu .foot_con{line-height: 1.5;}
}
@media screen and (min-width:1480px){
	.section .wal,.banner_con{max-width:1320px;} 
}
@media screen and (min-width:1680px){
	.section .wal,.banner_con{max-width:1480px;}
	.special_tiyu .footer .w1040{max-width:1480px;}
}
@media screen and (min-width:1980px){
	.section h2::before,.section h2::after{height: 2px;}
	.summary_svg svg{transform: scaleX(8);}
}
@media screen and (min-width:1800px){
	.banner{background-size: cover;}
}
@media screen and (max-width:1280px){
	.section .wal{width:96%;}
	.section h2 img,.block h3 img{width:100%}
	.footer{box-sizing: border-box;}
}
@media screen and (max-width:1024px){
	.section h2 img{width: 140%;margin-left: -20%}
	.section h2 .more{top:15px}
	.section{margin: 0 15px;overflow: hidden;}
	.news_img,.news_text{width:100%}
	.news_img img{height: auto;}
	.news_text{margin-top: 15px;}
	.block_ab .block{width:100%;}
	.block_ab .block:first-child{margin-bottom: 20px;}
	.block h3 img{width:70%}
	.v-left{width:65%}
	.v_right{width:33%;margin-bottom: 15px;}
	.v-left .video{height: 40vw;}
	.swiper-container{height: 40vw;}
	.v_right .video{height: 19vw;}
	.list_zc ul li{width:100%}
	.footer,.footer_w1200{box-sizing: border-box;width:100% !important;min-width:initial !important}
}
@media screen and (max-width:1024px){
	html{font-size: 18px;}
	.banner{height: 72vw; background-size: 180% 100%;}
	.banner_con{width:100%;height: 100%;}
	.banner_con .logo{padding:10px 0 0 15px;}
	.banner_con h1{width:100%;text-align: center;margin-top: 0px;}
	.banner_con h1 img{width:70%;}
	.section .wal{width:96%;}
	.section{padding: 1rem 0;}
	.spec_summary .cont{align-items: center;padding: 10px;}
	.foot_con{line-height: 1.5 !important;}
}

@media screen and (max-width:640px){
	html{font-size: 16px;}
	.banner_con .logo{left:0;top:0}
	.banner_con .logo img {width: 55%;}
	.banner_con h1{padding-top: 60px;}
	.banner_con h1 img{width:75%}
	.spec_summary{padding: 15px;}
	.spec_summary .cont{flex-direction: column;align-items: center;}
	.spec_summary .t{box-shadow: none;}
	.section h2 img{width:260%;margin-left: -75%;}
	.section h2 {padding-bottom: 30px;}
	.section h2 .more{top: initial;bottom:0;right:50%;transform: translateX(50%);}
	.list dt{padding-right: 0;}
	.list dd{display: none;}
	.news_img img{height: 60vw;}
	.news_text{padding:15px 10px;}
	.block h3 {padding-bottom: 30px;margin-bottom: 15px;}
	.block h3 .more{top: initial;bottom:0;right:50%;transform: translateX(50%);}
	.block h3 img{width:120%;margin-left: -10%;}
	.video_box{padding-bottom: 0;}
	.v-left,.v_right{width:100%}
	.v-left .video{height: 60vw;}
	.v_right{margin-top: 15px;margin-bottom: 0;}
	.swiper-container{height: auto;}
	.swiper-wrapper{display: flex;flex-wrap: nowrap;}
	.v_right .video{height: 30vw;}
	.v_right .video img{width:42vw;height: 100%;}
	.swiper-button-prev, .swiper-button-next{display: none;}
	.list_bspt ul{margin-top: -30px;flex-wrap: wrap;justify-content: space-around;}
	.list_bspt li{margin:0;margin-bottom: 15px;width:45%}
	.list_bspt li img{width:100%}
	.list_bspt li:first-child{}
	.footer{padding: 20px;}
}

@media screen and (min-width:1080px){
	.web_older .list dl{justify-content: flex-end;}
	.web_older .news_text{height: auto;}
	.web_older .news_text dt p{display: none;}
	.web_older .news_text .list dd{width:27%}
	.web_older .section h2 .more,.web_older .block h3 .more{top:8px}
}
.web_older .news_text .list dt h4{font-size: 1rem;}
.web_older .section h2 .more a,.web_older .block h3 .more a{font-size: 1rem;}