@import url("global.css");

html{font-size: 18px;}

.banner{width:100%;background: #c7dcf9 url(../images/bannerbg.jpg) no-repeat top center;}
.banner_con{max-width:1240px;height:560px;margin:0 auto;display:flex;justify-content: center;align-items:center;position: relative;}
.banner_con .logo{padding-top:25px;position: absolute;left:0;top:0;z-index: 9;}
.banner_con h1{margin-top:-50px;position:relative;z-index: 10;text-align: center;}

.section{padding:40px 0;}
.section .wal{width:100%;max-width:1240px;margin:0 auto;}

.special_summary {padding-top:40px;position: relative;background-color: #f1f7ff;z-index: 20;}
.special_summary .summary{line-height: 2; text-indent: 2em;color:#1a66b7;font-size: 1.1rem;}

.section h2{margin-bottom: 40px; text-align: center;font-size: 2.2rem;font-family: Source Han Serif;font-weight:600;color: #fff;}
.section h2 a:link,.section h2 a:visited{color: #fff}
.section h2{display: flex;justify-content: center;align-items: center;}
.section h2::before,.section h2::after{content: '';display:block;width:15%;height: 3px;background:#87b5e8;border-radius: 3px;flex-grow: 1;}
.section h2 a{position: relative;z-index: 2;padding:0 0.5em}
.section h2 span{margin: 0 1em;position: relative;z-index: 2;}
.section h2 span::after{content: '';display:block;position: absolute;left:50%;top:50%;width:120%;height: 110%;background: linear-gradient(180deg, #0955b5, #71a1db);transform: translate(-50%,-50%) skewX(-30deg);z-index:1;}
.section h2 span::before{content: '';display:block;position: absolute;left:50%;bottom:-10px;width:120%;height: 110%; background-color: #e1f1ff;z-index:1;transform: translateX(-48.5%) skewX(-30deg);}
.section h2 a{padding-left: 60px;}
.section h2 i{position:absolute;left:0.3em;top:50%; transform:translateY(-50%);width:40px;height: 40px;}
.section h2 i img{width: 100%;object-fit: contain;}

.special_summary{}
.special_summary h2{margin-bottom: 30px;}
.special_summary h2 a{cursor: default;}

.section01{padding-top: 50px;padding-bottom: 20px;}
.section01 h2 a{cursor: default;}
.events ul{margin-top:50px;display: flex;justify-content:space-around;flex-wrap: wrap;}
.events li{width:32%;margin-bottom:2%;font-size: 1.5rem;border:1px solid #cce2ff;box-sizing: border-box; background-color: #f1f7ff; transition: all ease-in 0.3s;}
.events li:hover{background-color: #055dc3;border:1px solid #055dc3;box-shadow:0 5px 10px rgba(134, 188, 255, 0.3);}
.events li:nth-child(4n){margin-right: 0;}
.events li a{display:block;width:100%;height:100%;text-align: center;display: flex;justify-content: center;align-items: center;color:#fff}
.events li span{display:inline-block;padding:0.75em 0;letter-spacing:0.2em;color: #0e6bbd;transition: all ease-in 0.3s;cursor: pointer;}
.events li:hover a,.events li:hover span{color:#fff;transform: scale(1.05)}
.events li.shiji span{font-weight: bold;font-size: 1.6rem;}

.events .flex_col{margin-top: 20px;}
.events .flex_col li{width: 8.5%;height: 280px;}
.events .flex_col li span{writing-mode: vertical-lr;text-orientation: upright;letter-spacing:0.2em;color: #0e6bbd;transition: all ease-in 0.3s;}
.events .flex_col li a:hover span{color: #fff;}


.list li{background-color:#f8f8f8;margin-bottom:50px}
.list li:last-child{margin-bottom: 0;}
.list .img{float:left;width:30%;height:240px;overflow: hidden;}
.list .img img{width: 100%;height: 100%;object-fit: cover;transition: all ease-in 0.3s;}
.list .img:hover img{transform: scale(1.05);}
.list .text{float: right;box-sizing: border-box;width:69%;padding:30px}
.list .text h3{margin-bottom:20px;font-size:1.3rem;font-weight:bold}
.list .text p{font-size:1rem;line-height:1.8;text-indent: 2em;}
.list .text p a{margin-left: 0.5em;text-decoration: underline;}

.more_list{margin-top: 30px;text-align: center;}
.more_list a{display: inline-block;padding: 0.75em 3em;background-color: #e1f1ff;}

.footer{padding:50px 0;background-color: #255fae;color: #fff;}
.footer a:link,.footer a:visited{color: #fff;}
.special_kfy2025 .footer .w1040{max-width:1320px}
.special_kfy2025 .foot_con{line-height: 1.5;}

.special_kfy2025.web_older .section h2 a{font-size: 1.5rem;}


@media (min-width:1480px){
	.section .wal,.banner_con{max-width:1320px;} 
}
@media (min-width:1680px){
	.section .wal,.banner_con{max-width:1480px;}
	.special_kfy2025 .footer .w1040{max-width:1480px;}
}
@media (min-width:1980px){
	.section .wal,.banner_con{max-width:1680px;}
	.section h2::before,.section h2::after{height: 2px;}
	.special_kfy2025 .footer .w1040{max-width:1680px;}
}
@media (min-width:1800px){
	.banner{background-size: cover;}
}

@media (max-width:1080px){
	html{font-size: 18px;}
	.banner{height: 45vw; background-size: 170%;}
	.banner_con{width:100%;height: 100%;}
	.banner_con .logo{padding:10px 0 0 15px;}
	.banner_con h1{width:100%;text-align: center;margin-top: 40px;}
	.banner_con h1 img{width:65%;}
	.section .wal{width:96%; margin:2%}
	.section{padding: 1rem 0;}
	.section h2{margin-bottom: 20px;font-size:1.6rem}
	.section h2 span::before,.section h2 span::after{height: 130%;}
	.section h2 span::before{bottom:-15px}
	.section01{padding-top: 15px;}
	.special_summary .summary{font-size: 1rem;}
	.events ul{flex-wrap: wrap;justify-content: center;}
	.events ul li{margin-bottom:30px;width:calc((100% - 45px)/6);flex-grow: 0;}
	
	.foot_con{line-height: 1.5 !important;}
}

@media (max-width:640px){
	html{font-size: 16px;}
	.banner_con .logo img {width: 55%;}
	.banner_con h1 img{width:60%}
	.section h2{font-size: 1.4rem;}
	.section h2 span::before,.section h2 span::after{height: 100%;}
	.section h2 span::before{bottom:-7px}
	.section h2 a{display: block;padding: 10px 20px 10px 50px;}
	.section h2 i{height: 30px;height: 30px;text-align: center;}
	.section h2 i img{height: 100%;}
	.special_kfy2025.web_older .section h2 a{font-size: 1.3rem;}
	
	.events ul{margin-top: 30px;}
	.events ul li,.events .flex_col li{width:48%;height:3em;margin-right: 4%;margin-bottom: 15px;border-radius: 0;box-shadow: none;box-sizing: border-box;font-size: 1.1rem;}
	.events ul li:hover{margin-top:0}
	.events ul li:nth-child(2n){margin-right: 0;}
	.events ul li:last-child{margin-bottom: 0;}
	.events ul li span{writing-mode:initial;}
	.events li.shiji span{font-size: 1.1rem;font-weight: normal;}
	
	.events .flex_col li{}
	.list li{margin-bottom: 25px;}
	.list .text h3{margin-bottom:10px;font-size: 1.2rem;}
	.list .img{width: 100%;height: 60vw;float: none;}
	.list .text{float: none;width:100%}
}

.web_older .special_summary .summary{font-size: 1rem;}
@media (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;}
	.web_older .section h2{font-size: 1.75rem;}
}