@import url("global.css");

html{font-size: 18px;overflow-x: hidden;}

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

.section{padding:40px 0;}
.section .wal{width:100%;max-width:1240px;margin:0 auto;}
.section h2{margin-bottom: 25px; text-align: center;}

.section01{padding-top: 50px;}
.pic_news{width:50%;}
.slideBox{ width:100%; height:430px; overflow:hidden; position:relative;}
.slideBox .swiper-pagination{right: 10px;bottom:15px;width:auto;text-align: right;}
.slideBox .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;width:12px;height: 12px;}
.slideBox .swiper-pagination .swiper-pagination-bullet-active{ background: #f00;}

.slideBox .swiper-button-prev,.slideBox .swiper-button-next{ position: absolute;top:50%;transform: translateY(-50%); display:block;  width:40px; height:88px;cursor:pointer; z-index: 3;} 
.slideBox .swiper-button-prev{left:0;background:url("../images/prev_btn.png") no-repeat;background-size: cover;}
.slideBox .swiper-button-next{right: 0; background:url("../images/next_btn.png") no-repeat;background-size: cover;} 

.slideBox .swiper-slide{position:relative;flex-wrap: wrap;overflow: hidden;}
.slideBox .swiper-slide img{ width:100%; height:100%; position: relative; z-index: 0;transition: all ease-in 0.3s;object-fit: cover;}
.slideBox .swiper-slide img:hover{transform: scale(1.08);}
.slideBox .swiper-slide .news_info{padding:10px;box-sizing: border-box;background:rgba(0,0,0,0.6); width:100%;position: absolute;bottom:0;z-index:2;padding-left: 15px;}
.slideBox .swiper-slide  .news_info a{display:block;width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: normal; font-size: 1rem;line-height: 2;color: #fff;}

.news{width:47.5%;  text-align: left; padding:0px;}
.news li{display: flex;justify-content: space-between;padding:18px 0 18px 24px;background:url(../images/icon.png) left center no-repeat; border-bottom: 1px dotted #6bb4ef; overflow: hidden;transition: all ease-in 0.3s;font-size: 1rem;color: #555;}
.news li:hover{margin-left: -0.5em;}
.news li a{margin-right:1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .date{color: #666; font-size: 0.9rem;white-space: nowrap;}
.news li:last-child{border-bottom: none;}

.section02{padding-top:50px;padding-bottom:80px;background: #e1f1fd }
.box_fbh{border-radius: 0 0 50px;position: relative;padding-bottom: 60px;}
.section02 .fbh_media{position:relative;width: 60%;height: 430px;overflow: hidden;}
.section02 .fbh_media img{width:100%;height: 100%;object-fit: cover;transition: all ease-in 0.3s;}
.section02 .fbh_media img:hover{filter: saturate(1.5); transform: scale(1.05);}
.section02 .summary{position: absolute;right:0;bottom:0;width: 50%; border-radius: 50px 0 50px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px);transition: all ease-in 0.3s;}
.section02 .summary dl{padding:50px 30px;color: #000;}
.section02 .summary dt{font-size: 1.25rem;font-weight: bold;line-height: 1.5;}
.section02 .summary dt a:link,.section02 .summary dt a:visited{color:#000}
.section02 .summary dd{margin-top: 10px;font-size: 0.9rem;line-height: 1.6;}
.section02 .summary dd .more{margin-top:15px;display: inline-block;padding:0 1em;background-color:#0589ef;border-radius: 12px;font-size: 1.1rem;line-height: 2;color:#fff;}
@keyframes myBreath {0%{transform: scale(0.90);}50%{transform: scale(100%);}100%{transform: scale(0.90);}}
.section02 .summary:hover .more{animation: myBreath 1s linear infinite;}	

.section03{padding-top:50px;background: #2393ea url(../images/bg_seciton02.jpg) no-repeat top center;background-size: cover;}
.effect{position: relative;position:relative;z-index: 1;}
.leftLoop01{padding-bottom: 60px;} 
.effect .swiper-button-prev{transform: translate(-200%,-100%);}
.effect .swiper-button-next{transform: translate(200%,-100%);}

.leftLoop01 .swiper-pagination{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);text-align: center;}
.leftLoop01 .swiper-pagination span{margin:0 6px;display: inline-block;width: 30px;height: 8px;font-size: 0;background-color: rgba(255, 255, 255, 0.5);border-radius: 8px;transition: all ease 0.3s;cursor: pointer;opacity: 0.8;}
.leftLoop01 .swiper-pagination span.swiper-pagination-bullet-active{background-color: #fff;width:60px;opacity: 1;}
.leftLoop01 .slide_img li dl{padding:12px;border-radius: 15px;background-color: #fff}
.leftLoop01 .slide_img li dt{width:100%;height:260px;border-radius: 10px 10px 0 0;overflow: hidden;}
.leftLoop01 .slide_img li dt img{width:100%; height:100%;border-radius: 10px 10px 0 0;transition: all ease-in 0.3s;object-fit: cover;}
.leftLoop01 .slide_img li dt img:hover{transform: scale(1.05);}
.leftLoop01 .slide_img li dd {margin-top:10px;padding:0.5em;text-align: center;font-size:1.2rem;}
.leftLoop01 .slide_img li:hover dd{color: #333;}

.section05{padding-top:50px;padding-bottom:60px;background: #e1f1fd;position: relative;}

.list_zc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_zc ul li{box-sizing:border-box;padding:1em;width:32%;margin-bottom: 2%;border: 1px solid #e5f3fd;background-color: #f5fbff;border-radius: 6px;overflow: hidden;}
.list_zc.col_ab ul li{width:49%;display: flex;justify-content: space-between;align-items: center;}
.list_zc ul li a{display: block; line-height: 1.6;}
.list_zc li .date{margin-right:15px;border-radius: 100%;width: 70px;height: 70px;flex-shrink:0;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #6bb4ef;color:#fff;line-height: 1;}
.list_zc li .date em{font-size: 1.5rem;}

.tab_box h3{margin-bottom:30px;text-align: center;}
.tab_box h3 a{position:relative;width:15%;background-color:#e5f3fd;border-radius:8px;font-size: 1.2rem;margin:0 0.5em;display: inline-block;padding:0.5em 0;color:#3690d7;font-weight: normal;}
.tab_box h3 a.cur{background-color:#0589ef;color:#fff;font-weight: bold;}
.tab_box h3 a.cur::after{content:'';display: block;position: absolute;left:calc(50% - 8px);bottom:-6px;border-top:6px solid #0589ef; border-left: 8px solid transparent; border-right: 8px solid transparent;}


.list_tj{background-color: #fff;padding:30px;border-radius: 10px; box-shadow: 0 10px 10px rgba(5, 137, 239, 0.2);}
.list_tj ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_tj ul li{width:49%;padding: 1em 0;border-bottom: 1px dotted #6bb4ef;}
.list_tj li a{display:inline-block;padding-left: 20px;background:url(../images/icon.png) left center no-repeat;}

.list_video ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_video li{width:32%;}
.list_video li img,.list_video li video{width:100%}
.list_video li p{margin-top:15px;line-height: 1.5;}

.footer{padding:50px 0;background-color: #0589ef;color: #fff;}
.footer a:link,.footer a:visited{color:#fff}


@media (min-width:1480px){
	.section .wal,.banner_con{max-width:1320px;}
}
@media (min-width:1680px){
	.section .wal,.banner_con{max-width:1480px;}
}
@media (min-width:1980px){
	.section .wal,.banner_con{max-width:1680px;}
}
@media (min-width:1800px){
	.banner{background-size: 100% 100%;}
}
@media (max-width:1400px){
  .effect .swiper-button-white{display: none;}
}
@media (max-width:1080px){
html{font-size: 18px;}
.banner{height: 50vw; background-size: cover;}
.banner_con{width:100%;height: 100%;}
.banner_con .logo{padding:10px 0 0 15px;}
.banner_con h2{width:100%;text-align: center;}
.banner_con h2 img{width:60%}
.section{padding: 2rem 0;}
.section h2{margin-bottom: 20px;}
.section h2 img{max-width: 80%;}
.section .wal{width:96%; margin:2%}
.box_fbh{border-radius:initial; box-shadow:none;}
.section01{padding-top: 15px;}
.pic_news,.news{width:100%}
.news li{display: flex;justify-content: space-between;background-position: left 20px;}
.news .date{font-size: 1rem;}
.section02 .summary{position: static;}
.box_fbh{padding-bottom: 0;}
.section02 .fbh_media{width:100%;height: 60vw;}
.section02 .fbh_media video{width:100%;height: auto;}
.section02 .summary{clear: both;width:100%;min-height:initial;height:auto;float: none;border-radius:0 0 1rem 1rem;}
.section02 .summary dl{padding:2em}
.section02 .summary dd{font-size: 1rem;}
.slideBox,
.slideBox .bd ul li,
.slideBox .bd ul li img{width:100%;height:60vw}
.slideBox .bd ul li{position:relative}
.section03,.section05{padding-top:20px;}
.leftLoop01{margin-top:20px;height:auto}
.list_zc{padding: 1rem;}
.list_zc ul li{width:49%}
.list_video li{width:100%}
.list_video li{margin-bottom: 15px;}
.list_video li video{width:100%;height: auto;}

.tab_box h3 a{width:25%;}
}

@media (max-width:640px){
html{font-size: 16px;}
.banner{height: 60vw;}
.banner_con .logo img {width: 60%;}
.banner_con h2 img{width:80%}
.section h2{font-size: 1.6rem;}
.section h2 img{max-width: 100%;}
.slideBox .swiper-slide  .news_info a{width:75%}
.slideBox .swiper-button-prev,.slideBox .swiper-button-next{display: none;}
.news li a{white-space: normal;}
.list_zc{padding: 0.5em;}
.list_zc ul li,.list_zc.col_ab ul li,.list_tj ul li{width:100%}
.tab_box h3 a{margin:0 0.2em}
}