/*-- 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:600px;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 h2{position:relative;margin-top: 25px;animation: font1 1s linear 0s backwards;z-index: 10;}
.banner_con small{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0;
  width: 36%; padding-bottom: 36%; opacity: 0.5; animation: show_cirlcle ease-in 2s;}
.banner_con small:before,
.banner_con small:after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;background-size: cover;}
.banner_con small:before{background-image: url(../images/circle1.png); animation: rote36002 5s linear infinite;}
.banner_con small:after{ background-image: url(../images/circle2.png); animation: rote36001 5s linear infinite;}
/*.banner_con::after{ content: "";display:block;width:100%;height:100%;position:absolute;background:url(../images/atmosphere.png) no-repeat center center; background-size: cover;animation: bg_scale 10s linear .5s backwards;z-index: 0;}*/

@keyframes logodown{
	0%{opacity:0; transform: translate(0,-100%);}
	80%{opacity:1; transform: translate(0,-5%);}
	90%{transform: translate(0,-10%);}
	100%{transform: translate(0,0%);}
}
@keyframes font1 {
	0% {
	    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
	    opacity: 0;
	}
	60% {
	    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	    opacity: 1;
	}
}
@keyframes show_cirlcle {
	0% {opacity: 0;}
	100% {opacity: 0.5;}
}
@keyframes rote36001 {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}
@keyframes rote36002 {
	0% {transform: rotate(0);}
	100% {transform: rotate(-360deg);}
}
@keyframes bg_scale{
	0%{opacity:0; transform: scale(0);}
	5%{transform: scale(.7);}
	10%{opacity:1; transform: scale(.9);}
	100%{opacity:1;transform: scale(1);}
}

.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: MiSans;font-weight:600;color: #115dc6;}
.section h2 a:link,.section h2 a:visited{color: #115dc6}
.section h2,.section h2 a{display: flex;justify-content: center;align-items: center;transition: all ease-in 0.3s;}
.section h2:hover{letter-spacing: 3px;}
.section h2::before,.section h2::after{content: '';width:20%;height: 1px; background-color: #115dc6;}
.section h2 a::before,.section h2 a::after{content: '';width:4px;height: 0.5em; background-color: #115dc6; transform: skewX(-15deg);transition: all ease-in 0.3s;}
.section h2:hover a::before,.section h2:hover a::after{ transform: skewX(-30deg)}
.section h2 a::before{margin-right: 0.8em;}
.section h2 a::after{margin-left: 0.8em;}

.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:url(../images/slideBox_bd_dl_bg.png); width:100%;position: absolute;bottom:0;z-index:2;padding-left: 20px;}
.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{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: #edf6ff }
.box_fbh{border-radius: 0 0 50px;position: relative;padding-bottom: 60px;}
.section0102 .fbh_media{position:relative;width: 60%;height: 430px;overflow: hidden;}
.section0102 .fbh_media img{width:100%;height: 100%;object-fit: cover;transition: all ease-in 0.3s;}
.section0102 .fbh_media img:hover{filter: saturate(1.5); transform: scale(1.05);}
.section0102 .summary{position: absolute;right:0;bottom:0;width: 50%; border-radius: 50px 0 50px; background: rgba(27, 106, 215,0.9); backdrop-filter: blur(5px);transition: all ease-in 0.3s;}
.section0102 .summary:hover{backdrop-filter: blur(20px);bottom:20px;box-shadow: 0 5px 10px rgba(27, 106, 215,0.4);}
.section0102 .summary dl{padding:50px 30px;color: #fff;}
.section0102 .summary dt{font-size: 1.25rem;font-weight: bold;line-height: 1.5;}
.section0102 .summary dt a:link,.section0102 .summary dt a:visited{color:#fff}
.section0102 .summary dd{margin-top: 10px;font-size: 0.9rem;line-height: 1.6;}
.section0102 .summary dd .more{margin-top:15px;display: inline-block;padding:0 1em;background-color: #fff;border-radius: 12px;font-size: 1.1rem;line-height: 2;color: #1b6ad7;}

@keyframes myBreath {
	0%{transform: scale(0.90);}
	50%{transform: scale(100%);}
	100%{transform: scale(0.90);}
}
.section0102 .summary:hover .more{animation: myBreath 1s linear infinite;}	


.section02{padding-top:50px;background: #1b64d2;position: relative;}
.section02 h2 a:link,.section02 h2 a:visited{color: #fff}
.section02 h2::before,.section02 h2::after{ background-color: #fff;}
.section02 h2 a::before,.section02 h2 a::after{ background-color: #fff;}


.wavesbox{ position: absolute;bottom:0;width:100%; opacity: 1;z-index: 0;}
.waves {position:relative;width: 100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px;}

/* waves Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {transform: translate3d(-90px,0,0);}
  100% {transform: translate3d(85px,0,0);}
}

.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: #72ace8;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 0 15px;background-color: #fff}
.leftLoop01 .slide_img li dt{width:100%;height:250px;border-radius: 15px 0 15px;overflow: hidden;}
.leftLoop01 .slide_img li dt img{width:100%; height:100%;border-radius: 10px 0 10px;transition: all ease-in 0.3s;object-fit: cover;}
.leftLoop01 .slide_img li dt img:hover{transform: scale(1.1);}
.leftLoop01 .slide_img li dd {margin-top:10px;padding:0.5em;text-align: center;font-size:1.2rem;font-weight:bold;}
.leftLoop01 .slide_img li dd::after{content:'';display:block;position: relative;left:50%;bottom:0;transform: translateX(-50%);width:30%;height: 3px;background-color: #5190e5;border-radius: 3px;filter: blur(10px);opacity:0;transition: all ease-in 0.3s;}
.leftLoop01 .slide_img li:hover dd::after{width:60%;filter: blur(0px);opacity:1;}
.leftLoop01 .slide_img li:hover dd{color: #115dc6;}


.qa dl{margin-bottom:15px; background: #edf6ff;border: 1px solid #cde6ff; border-width: 1px 0; padding:20px;}
.qa dl:hover{box-shadow: 0 5px 10px rgba(27, 106, 215,0.1);}
.qa dl.on{background-color: #fff;}
.qa dl dt{line-height: 1.6;cursor: pointer;}
.qa dl dt strong{font-size: 1.1rem;color: #245cb3;font-weight: bold;display: inline-block;width: 90%;vertical-align: top;}
.qa dl i{ display: inline-block;margin-right:0.3em;padding:0 0.3em;background: #2066cc;border-radius: 0.3em;color: #fff;line-height: 1.5;font-style: normal;transition: all ease-in 1s;}
.qa dl dt:hover i{transform: rotateY(360deg);}
.qa dl dt em{display: inline-block;float: right;margin-top:12px;width:22px;height: 22px; background: url(../images/arrow.png) no-repeat;transition: all ease 0.3s;}
.qa dl dt em.on{transform: rotate(180deg); transform-origin: center center;}
.qa dl dd{margin-top: 10px; display:none;line-height: 1.8;font-size: 1rem;}
.qa dl dd .qa_content{display: flex;align-items: flex-start;padding-bottom: 2em;position: relative;}
.qa dl dd .qa_content>div{display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;text-overflow: ellipsis;}
.qa dl dd .showAll{padding-bottom: 0;}
.qa dl dd .showAll>div{display: block;overflow: visible;}
.qa dl dd i{ background: #db5f5f;}
.qa dl dd .qa_content div p{margin-bottom: 0.5em;}
.qa dl dd .qa_content .get_more{position: absolute;bottom:0;right:1em;color: #5190e5;text-decoration: underline;cursor: pointer;}
.qa dl dd .qa_content .get_more a:link,.qa dl dd .qa_content .get_more a:visited{color: #5190e5;}

.section04{padding-top:50px;padding-bottom:60px;background: #edf6ff;position: relative;}
.jiedu::before{content: '';display:block;position: absolute;left:0;right:50%;margin-right:-50px;height: 680px; background: #1b64d2 url(../images/bg_jiedu.jpg) no-repeat right center; background-size: cover;box-shadow: 20px 20px #fff;}
.jiedu .video{margin-top:30px;width:50%;float: left;padding-bottom: 50px;}
.jiedu .video li{flex-wrap: wrap;}
.jiedu .video .text{margin-top:15px;width:100%;}
.jiedu .swiper-slide .v_box{position: relative;}
.jiedu .swiper-slide .v_box::after{content: '';position: absolute;display: block; left:0;top:0;bottom:0;width:100%; z-index: 100;}
.jiedu .swiper-slide-duplicate-active .v_box::after{display: none;}
.jiedu .swiper-slide-active .v_box::after{display: none;}

.jiedu .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);opacity: 0.5;color: #fff;
    }
.jiedu .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);z-index: 10;opacity: 1;}
.jiedu .swiper-pagination-bullet{background: #fff;}
.jiedu .swiper-pagination-bullet-active{background: #fff;}
.jiedu .swiper-button-prev,.jiedu .swiper-button-next{transform: translateY(-100%);z-index: 20;}

.jiedu .swiper-slide .img{position: relative;}
.jiedu .swiper-slide-active .img::after{content:"";position: absolute;left:50%;top:50%;width: 66px;padding-bottom: 66px; margin-left:-36px;margin-top:-35px;border:2px solid rgba(255,255,255,0.6);border-radius: 100%; animation: myBreath 1s linear infinite;}

.jiedu .swiper-slide-active .vvv video{display:block}
.jiedu .swiper-slide-active .vvv::before,.jiedu .swiper-slide-active .vvv::after{content:"";position: absolute;top:0;width: 80px;bottom:0;z-index: 1;}
.jiedu .swiper-slide-active .vvv::before{left:-80px;background:linear-gradient(to right,rgba(33,106,208,0),rgba(33,106,208,1));}
.jiedu .swiper-slide-active .vvv::after{right:-80px;background:linear-gradient(to left,rgba(33,106,208,0),rgba(33,106,208,1));}


.jiedu dl{width:45%;box-sizing:border-box;float: right;padding: 0.5em 3%;line-height: 1.6;}
.jiedu dt{font-size: 1.6rem;text-align: center;color:#115dc6;font-weight: bold;line-height: 1.5;}
.jiedu dd p{text-align: justify;margin-top: 0.8em;}
.jiedu dd:last-child{text-align: right;}
.jiedu dd .more{margin-top:20px;display: inline-block;padding:0 1.5em 0.8em 0.5em;font-size: 1.1rem;line-height: 2;color: #1b64d2; background: url(../images/arrow_right.png) no-repeat right bottom;transition: all ease-in 0.2s;}
.jiedu dd .more:hover{letter-spacing: 0.1em;}

.list_zc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_zc ul li{width:32%;margin-bottom: 2%;}
.list_zc ul li a{display: block;box-sizing:border-box;padding:1em;height: 6em; background-color: #e7f1ff;font-weight: bold; transition: all ease-in 0.3s; position: relative;}
.list_zc ul li a::after{content: '';display: block;width:36px;height:30px;position: absolute;right: 0;bottom:0;margin-right: 20px;margin-bottom: 20px; background: url(../images/arrow_more.png) no-repeat center center; transition: all ease-in 0.3s;transform: translateY(200%);opacity: 0;}
.list_zc ul li a::before{content: '';display: block;width:100%;position: absolute;left:0;bottom:0;height: 3px;transition: all ease-in 1s;}
.list_zc ul li a:hover::before{background: linear-gradient(-45deg, rgb(200, 89, 253), rgb(124, 231, 255));}
.list_zc ul li:hover a::after{transform: translateY(0);opacity: 1;}
.list_zc ul li a:hover{ transform: translateY(-5px); background-color: #206cd1;color:#fff;box-shadow:0 5px 10px rgba(27, 106, 215,0.3);}

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

@media (min-width:1480px){
	.section .wal,.banner_con{max-width:1320px;}
	.section0102 .summary dd{font-size: 1rem;}
}
@media (min-width:1680px){
	.section .wal,.banner_con{max-width:1480px;}
	.banner_con small{width:28%;padding-bottom: 28%;}
}
@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 h2{width:100%;text-align: center;}
.banner_con h2 img{width:60%}

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

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

.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 10px;}
.news .date{font-size: 1rem;}

.section0102 .summary{position: static;}
.box_fbh{padding-bottom: 0;}
.section0102 .fbh_media{width:100%;height: 60vw;}
.section0102 .fbh_media video{width:100%;height: auto;}
.section0102 .summary{clear: both;width:100%;min-height:initial;height:auto;float: none;border-radius:0 0 1rem 1rem;}
.section0102 .summary dl{padding:2em}
.section0102 .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}

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

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

.qa dl dt{line-height: 1.5;}
.qa dl dd .showAll{padding-bottom: inherit;}

.jiedu::before {width:100%;height: 680px;margin-right: 0;right:0;box-shadow: none;}
.jiedu .video{padding-top: 30px;}
.jiedu .video,.jiedu dl{width:100%;float: none;}
.jiedu dl{margin-top: 40px;}

.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 h2 img{width:70%}
.banner_con small{transform: translate(-50%,-40%);}
.section h2{font-size: 1.6rem;}
.slideBox .swiper-slide  .news_info a{width:75%}
.slideBox .swiper-button-prev,.slideBox .swiper-button-next{display: none;}
.news li a{white-space: normal;}
.qa dl dt em{margin-top:10px}
.qa dl dt strong{width:80%}
.qa dl dd .qa_content>div{-webkit-line-clamp:5;}
.jiedu::before{height: 720px;box-shadow: none;}
.list_zc{padding: 0.5em;}
.list_zc ul li{width:100%}
}