/*-- design & coding by ZFang (•̀ᴗ•) --*/

@import url("global.css");

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

.banner{width:100%;background: #0c48bf url(../images/bannerbg.jpg) no-repeat top center; }
.banner_con{max-width:1240px;height:680px;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;animation: logodown .5s cubic-bezier(0.86, 0.04, 1, 1) .7s backwards;z-index: 9;}
.banner_con h1{position:relative;z-index: 10;text-align: center;}

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

.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 span{margin: 0 1.5em;position: relative;z-index: 2;}

.section h2::before,.section h2::after{content: '';display:block;width:20%;height: 5px;border-top:1px solid #1865e3;border-bottom:1px solid #1865e3;transform: skewX(-15deg);}
.section h2::before{border-right:6px solid #1865e3;}
.section h2::after{border-left:6px solid #1865e3;}
.section h2 a{position: relative;z-index: 2;}
.section h2 span::after{content: '';display:block;position: absolute;left:50%;bottom:-2px;width:120%;height: 100%; background-color: #004dcc;z-index:1;transform: skewX(-15deg) translateX(-50%);}
.section h2 span::before{content: '';display:block;position: absolute;left:50%;bottom:-7px;width:120%;height: 100%; background-color: #e1e9ff;z-index:1;transform: skewX(-15deg) translateX(-49%);}

.special_summary {padding:0;margin-top: -50px;position: relative;z-index: 20;}
.special_summary .summary{padding:30px;background-color: #fff;border-radius:10px;line-height: 2; text-indent: 2em;box-shadow: 0 8px 15px rgba(75, 104, 200, 0.2);color:#333}

.section01{padding-top: 50px;}
.top_video{width:50%;position: relative;}
.top_video .mark{position: absolute;left:0;top:0;bottom:0;right: 0;display: flex;justify-content: center;align-items: center;background-color: #1d4bb7;color:#fff;font-size: 5rem;}
.top_video .mark::after{content: '';display: block;width: 180px;height: 180px;border: 2px solid #fff;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);border-radius: 100%;opacity: 0.3;}

.news{width:47.5%;  text-align: left; padding:0px;}
.news li{font-size: 1rem; background:url(../images/icon.png) left center no-repeat; color: #555; padding:10px 0 10px 24px; overflow: hidden;display: flex;justify-content: space-between;transition: all ease-in 0.3s;}
.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;}

.section0102{padding-top:50px;padding-bottom:80px;background: #f4f7ff }
.fangtan .summary{line-height: 1.5;}
.fangtan .summary p{margin-bottom: 20px}
.fangtan .summary p:first-child{text-indent: 2em;}
.fangtan .summary p:last-child{font-size: 1.1rem;font-weight: bold;color:#095ecc}
.ft_slide_box{position: relative;margin-top: 60px;}
.leftLoop_ft{padding-bottom: 60px;} 
.fangtan .swiper-button-prev{transform: translate(-200%,-100%);} 
.fangtan .swiper-button-next{transform: translate(200%,-100%);}

.leftLoop_ft .swiper-pagination{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);text-align: center;}
.leftLoop_ft .swiper-pagination span{margin:0 6px;display: inline-block;width: 30px;height: 8px;font-size: 0;background-color: #cce2fd;border-radius: 8px;transition: all ease 0.3s;cursor: pointer;opacity: 0.8;}
.leftLoop_ft .swiper-pagination span.swiper-pagination-bullet-active{background-color: #107df7;width:60px;opacity: 1;}
.leftLoop_ft .slide_img{}
.leftLoop_ft .slide_img img{width: 100%;transition: all ease-in 0.3s}
.leftLoop_ft .slide_img img:hover{transform: scale(1.05);}

.section02{padding-top:50px;background: #1455cc;position: relative;}
.section02 h2 a:link,.section02 h2 a:visited{color: #1865e3}
.section02 h2::before,.section02 h2::after{ border-top:1px solid #fff;border-bottom:1px solid #fff;}
.section02 h2::before{border-right:6px solid #fff;}
.section02 h2::after{border-left:6px solid #fff;}
.section02 h2 span::after{ background-color: #fff;}
.section02 h2 span::before{background-color: #83aeff;}

.effect{position: relative;margin-top:45px;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: #5b7ad5;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:10px;background-color: #fff}
.leftLoop01 .slide_img li dt{width:100%;height:250px;overflow: hidden;}
.leftLoop01 .slide_img li dt img{width:100%; height:100%;transition: all ease-in 0.3s;object-fit: cover;}
.leftLoop01 .slide_img li dt img:hover{transform: scale(1.1);}

.keyword{display: flex;justify-content: center;flex-wrap: wrap;}
.keyword li{width:45%;margin:1%;overflow: hidden;}
.keyword li:nth-child(1),.keyword li:nth-child(4){border-radius: 0 40px 0 40px;}
.keyword li:nth-child(2),.keyword li:nth-child(3){border-radius:40px 0 40px 0;}
.keyword li a{display: flex;width:100%;height:150px;align-items: center;justify-content:center;text-align: center;font-size: 1.7rem;background: linear-gradient(45deg, rgb(32, 79, 243), rgb(8, 130, 224));color: #fff; transition:all ease-in 0.3s}
.keyword li:nth-child(1) a,.keyword li:nth-child(3) a{background: linear-gradient(-45deg, rgb(32, 79, 243), rgb(8, 130, 224));}
.keyword li a:hover{font-size: 2rem;background-size: 150%;}

.section04{padding-top:50px;padding-bottom:70px;background: #fff;position: relative;}
.img_links{padding-top: 10px;}
.img_links li{width: 49%;float: left;}
.img_links li img{width: 100%;box-sizing: border-box;border: 1px solid #e6effd;border-radius: 20px 0 20px 0;box-shadow: 0 6px 0 #617ef0;transition: all ease-in 0.3s}
.img_links li img:hover{margin-top: -10px;margin-bottom: 10px;box-shadow: 0 6px 10px #617ef0;transform: scale(1.01);}
.img_links li:last-child{float: right;}


.section05{ background-color: #f4f8fe;}
.list_zc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_zc ul li{width:49%;margin-bottom: 2%;}
.list_zc ul li a{display: block;box-sizing:border-box;padding:1.5em 1em;background-color: #fff;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;box-shadow:0 5px 15px rgba(187, 214, 255,0.1);border-radius: 8px;}
.list_zc ul li a:hover{background-color: #095ecc;color: #fff;}

.footer{padding:50px 0;background-color: #1e34a2;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;}
	.section h2::before,.section h2::after{height: 2px;}
}
@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 h1{width:100%;text-align: center;}
.banner_con h1 img{width:80%;margin-top: 20px;}
.special_summary{margin-top: -120px;}

.section .wal{width:96%; margin:2%}

.section{padding: 2rem 0;}
.section h2{margin-bottom: 20px;font-size:1.6rem}

.section01{padding-top: 15px;}
.top_video,.news{width:100%}
.top_video video{height: 70vw;}
.news li{display: flex;justify-content: space-between;background-position: left 10px;}
.news .date{font-size: 1rem;}

.section02,.section04{padding-top:20px;}

.keyword li a{font-size: 1.2rem;}
.keyword li a br{display: none;}

.leftLoop01{margin-top:20px;height:auto}

.list_zc{padding: 1rem;}
.list_zc ul li{width:49%}
}

@media (max-width:640px){
html{font-size: 16px;}
.banner{height: 60vw;}
.banner_con .logo img {width: 60%;}
.banner_con h1 img{width:90%}
.special_summary{margin-top: -70px;}
.section h2{font-size: 1.6rem;}
.news li a{white-space: normal;}
.img_links li{width: 100%;margin-bottom: 15px;}
.list_zc{padding: 0.5em;}
.list_zc ul li{width:100%}
}