@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:30px;position: absolute;left:0;top:0;z-index: 9;}
.banner_con h1{margin-top:25px;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:50px;position: relative;background-color: #fff;box-shadow: 0 8px 15px rgba(11, 84, 175, 0.1);z-index: 20;}
.special_summary .summary{line-height: 2; text-indent: 2em;color:#407ec1;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:#9bc4f1;border-radius: 3px;}
.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, #3d83d9, #74a9e8);transform: translate(-50%,-50%);border-radius: 0 20px 0 20px;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(-47%);border-radius: 0 20px 0 20px;}
.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  h2{margin-bottom: 30px;}
.special_summary h2 a{cursor: default;}

.section01{padding-top: 50px;}
.section01 h2 a{cursor: default;}
.events ul{margin-top:50px;display: flex;justify-content: space-between;}
.events li{margin-right:15px;font-size: 1.5rem;height: 220px;border:1px solid #e8f2ff;background-color: #f1f7ff;/* transform: skewX(-5deg);*/ box-shadow:0 15px 0px rgba(134, 188, 255, 0.3);border-radius:0 30px 0 30px;transition: all ease-in 0.3s;flex-grow: 1;}
.events li:hover{margin-top: -10px;background-color: #4188d5;border:1px solid #4188d5;box-shadow:0 15px 10px rgba(134, 188, 255, 0.3);;}
.events li:last-child{margin-right: 0;}
.events li a{display:block;width:100%;height:100%;text-align: center;display: flex;justify-content: center;align-items: center;}
.events li span{writing-mode: vertical-rl;text-orientation: upright;letter-spacing:0.2em;color: #0e6bbd;transition: all ease-in 0.3s;}
.events li:hover span{color:#fff;transform: scale(1.1)}
.events li.shiji span{font-weight: bold;font-size: 1.6rem;}

.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;}

.footer{padding:50px 0;background-color: #4480d1;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{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;}
	.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;}
}