@charset"utf-8";
/* CSS Document */

/*swiper-banner*/
.swiper-banner{ width: 100%; height: 100%; height: 100vh; min-height: 600px; overflow: hidden; }
.swiper-banner .swiper-slide,.banner-video,.banner-video .videos,.video-mask,.swiper-banner .swiper-slide .banner-img{ width: 100%; height: 100%; }
.banner-video{ position: relative; overflow: hidden; }
.banner-video .videos{ -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; }
.video-mask{ position: absolute; left: 0; top:0; opacity: .24; background:-webkit-linear-gradient(38deg, rgba(0,146,237,1) 0%, rgba(18,38,230,1) 100%); background:-o-linear-gradient(38deg, rgba(0,146,237,1) 0%, rgba(18,38,230,1) 100%); background:linear-gradient(128deg, rgba(0,146,237,1) 0%, rgba(18,38,230,1) 100%); }
.video-text{ position: absolute; left: 0; top:50%; width: 80%; margin: 0 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; }
.video-text h3{ margin-bottom: 20px; font-size: 66px; line-height: 100px; font-weight: normal; letter-spacing: 8px; }
.video-text .video-des1{ margin-bottom: 10px; font-size: 24px; letter-spacing: 3px; }
.video-text .video-des2{ font-size: 20px; color:rgba(255,255,255,0.57); letter-spacing: 2px; }
.video-btn-anim{ position: relative; width: 150px; height: 150px; margin: 0 auto; }
.video-btn-anim .circle{ position: absolute; left: 50%; top:50%; display: inline-block; width: 80px; height: 80px; margin: -40px 0 0 -40px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; 
	animation: mymove 1.2s linear infinite; 
	-moz-animation: mymove 1.2s linear infinite; 
	-webkit-animation: mymove 1.2s linear infinite; 
	-o-animation: mymove 1.2s linear infinite;
}
.video-btn-anim .circle2{
	-webkit-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.video-btn-anim .circle3{
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.video-btn{ position: absolute; left: 50%; top:50%; display: block; width: 80px; height: 80px; margin: -40px 0 0 -40px; border-radius: 50%; box-shadow:0px 1px 3px rgba(0,0,0,0.16); background: #fff url(../images/btn_play.png) no-repeat 30px center; }
@keyframes mymove{
	0% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		opacity: .9;
	}
	25% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .7;
	}
	50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: .5;
	}
	75% {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
		opacity: .3;
	}
	100% {
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
}
@-moz-keyframes mymove{
	0% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		opacity: .9;
	}
	25% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .7;
	}
	50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: .5;
	}
	75% {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
		opacity: .3;
	}
	100% {
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
}

@-webkit-keyframes mymove{
	0% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		opacity: .9;
	}
	25% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .7;
	}
	50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: .5;
	}
	75% {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
		opacity: .3;
	}
	100% {
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
}

@-o-keyframes mymove{
	0% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		opacity: .9;
	}
	25% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .7;
	}
	50% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: .5;
	}
	75% {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
		opacity: .3;
	}
	100% {
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
}

.swiper-button-next, .swiper-button-prev{ width: 50px; height: 134px; margin-top:-67px; background-size:50px 134px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0; background-image: url(../images/turn_left.png); }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0; background-image: url(../images/turn_right.png); }
.swiper-pagination-bullet{ width: 40px; height: 4px; border-radius: 2px; background: rgba(185,207,255,0.73); opacity: 1; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; }
.swiper-pagination-bullet-active{ background: #fff; }
.swiper-banner .swiper-slide .banner-img{ background-repeat: no-repeat; background-position: center; }

/*advantage*/
.advantage{ padding-top: 130px; background: #f6f9ff; }
.title{ position: relative; padding-bottom: 50px; text-align: center; font-size: 50px; font-weight: normal; letter-spacing: 5px; }
.title:after{ content: ''; display: block; position: absolute; left: 50%; top:95px; margin-left: -70px; width: 140px; height: 4px; background:-webkit-linear-gradient(282deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:-o-linear-gradient(282deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:linear-gradient(12deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); }
.title-text{ font-size: 18px; line-height: 30px; text-align: center; }
.advan-list{ padding-top: 50px; }
.gallery-thumbs{ width: 265px; height: 270px; float: left; padding-top: 20px;box-sizing: border-box; }
.gallery-thumbs .swiper-wrapper{ display: block;}
.gallery-thumbs .swiper-slide{ position: relative; display: block; width:100% !important; padding-left: 45px; height: 20%; line-height: 54px; font-size: 18px; cursor: pointer; }
.gallery-thumbs .swiper-slide .num{ position: absolute; left: 0; top:50%; margin-top: -12px; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; font-size: 12px; color:#9fa3a7; background: #e8e9ed; }
.gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active{ position: relative; font-size: 24px; font-weight: bold; letter-spacing: 2px; }
.gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .num{ background:-webkit-linear-gradient(346deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:-o-linear-gradient(346deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:linear-gradient(76deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); color:#fff; }
.gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active:after{ content: ''; position: absolute; bottom: 6px; left: 70px; width: 160px; height: 1px; background: #2b6cf8; }
.gallery-box{ margin-left: 265px; height: 713px; background: url(../images/adv_img_bg.png) no-repeat left bottom; }
.gallery-box .swiper-slide{ position: relative; height: 713px; background-repeat: no-repeat; background-position: 60px 10px; }
.gallery-box .advan-img01{ background-image: url(../images/adv_img_01.png); }
.gallery-box .advan-img02{ background-image: url(../images/adv_img_02.png); }
.gallery-box .advan-img03{ background-image: url(../images/adv_img_03.png); }
.gallery-box .advan-img04{ background-image: url(../images/adv_img_04.png); }
.gallery-box .advan-img05{ background-image: url(../images/adv_img_05.png); }
.advan-des{ position: absolute; left: 815px; top:170px; }
.advan-icon{ position: relative; width: 68px; height: 68px; margin-bottom: 28px; border-radius: 50%; background: linear-gradient(69deg,rgba(2,209,254,1) 0%,rgba(43,108,248,1) 100%); box-shadow:0px 6px 12px rgba(43,108,248,0.2); }
.advan-icon:before{ content: ''; position: absolute; left:-104px; top:50%; margin-top: -1.5px; width: 104px; height: 3px; background: #2b6cf8; }
.advan-icon:after{ content: ''; position: absolute; z-index: -1; left: -4.5px; top:50%; margin-top: -4.5px; width: 9px; height: 9px; border-radius: 50%; background: #2b6cf8; }
.advan-des h4{ font-size: 20px; line-height: 40px; color: #292929; letter-spacing: 2px; margin-bottom: 10px; }
.advan-des p{ line-height: 22px; color: #9fa3a7; }

.page-ad{ width: 100%; height: 216px; line-height: 216px; background: url(../images/page_ad01.jpg) no-repeat center; text-align: center; font-size: 30px; letter-spacing: 4px; color: #fff; }

.main-plat{ padding-top: 100px;  height: 780px; background: #fff; }
.plat-img{ position: relative; width: 860px; height: 680px; }
.plat-img img{ display: block; }
.plat-des{ width: 520px; }
.plat-img01{ position: absolute; bottom: 145px; left:0; width: 860px; height: 200px; border: 24px solid #2b6cf8; border-radius: 20px; }
.plat-img02{ position: absolute; z-index: 2; left: 32px; top: 190px; }
.plat-img03{ position: absolute; z-index: 3; right: 32px; top: 90px; }
.main-icon{ position: absolute; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; -webkit-box-shadow: 0px 3px 6px rgba(43,108,248,0.2); box-shadow: 0px 3px 6px rgba(43,108,248,0.2);
	transition: all 0.4s ease-in-out; 
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out; 
}
.plat-icon1,.plat-icon4{ width: 65px; height: 65px; }
.plat-icon2,.plat-icon3{ width: 50px; height: 50px; }
.plat-icon1{/* left: 370px; top:360px;*/ left: 32px; top:80px; background-image: url(../images/plat_icon01.png); }
.plat-icon2{/* left: 370px; top:360px;*/ left: 270px; top:134px; background-image: url(../images/plat_icon02.png); }
.plat-icon3{ z-index: 4; /* right: 430px; top:360px;*/right: 90px; top:60px;background-image: url(../images/plat_icon03.png); }
.plat-icon4{ z-index: 4; /*right: 430px; top:360px;*/right: 0; top:250px; background-image: url(../images/plat_icon04.png); }
.plat-icon5{ z-index: 5; /*right: 430px; top:360px;*/right: 38px; top:276px; width: 77px; height: 77px; background-image: url(../images/plat_icon05.png); }
.main-icon:hover{ transform: translate(-5px, -10px);
            -webkit-transform: translate(-5px, -10px);
            -moz-transform: translate(-5px, -10px);
            -o-transform: translate(-5px, -10px);
            -ms-transform: translate(-5px, -10px); }
.main-tit{ position: relative; padding-left: 50px; font-family: 'appleGothic'; font-size: 106px; line-height: 106px; font-weight: normal; color:#caf5ff; letter-spacing: 3px; }
.tit-name{ position: absolute; z-index: 1; left: 0; width: 100%; bottom: 10px; font-size: 30px; font-weight: 600; color: #333; letter-spacing: 3px;  }
.blue{ color:#2b6cf8; }

.plat-des{ padding-top: 120px; }
.tit-des{ font-size: 16px; color: #acacac; }
.plat-des .more{ margin: 38px 0 72px; }
.plat-des .more a{ color: #2b6cf8;}

.main-major{ padding-top: 100px; }
.main-term,.term-img{ height: 820px; }
.term-des{ padding-top: 220px; }
.term-des .tit-des{ margin-bottom: 18px; }
.term-list li{ display: block; line-height: 35px; margin-bottom: 10px; padding-left: 50px; background-repeat: no-repeat; background-position: left center; }
.term-list .list01{ background-image: url(../images/term_list01.png); }
.term-list .list02{ background-image: url(../images/term_list02.png); }
.term-list .list03{ background-image: url(../images/term_list03.png); }
.term-list .list04{ background-image: url(../images/term_list04.png); }
.term-img{ position: relative; width: 700px; }
.term-img01{ position: absolute; z-index: 1; left:50%; top:300px; margin-left: -225px; width: 450px; height: 450px; border: 25px solid #2b6cf8; border-radius: 50%; }
.term-img02{ position: absolute; z-index: 2; right: 0; top: 90px; }
.term-icon1{ width: 65px; height: 65px; z-index: 3; /*left: 350px; top:370px;*/ left: 100px; top: 130px; background-image: url(../images/term_icon01.png); }
.term-icon2{ width: 54px; height: 54px; z-index: 3; /*left: 350px; top:370px;*/ left: 30px; top: 460px; background-image: url(../images/term_icon02.png); }
.term-icon3{ width: 88px; height: 88px; z-index: 3; /*left: 350px; top:370px;*/ left: 120px; top: 575px; background-image: url(../images/term_icon03.png); }
.term-icon4{ width: 77px; height: 77px; z-index: 4; /*left: 350px; top:370px;*/ left: 470px; top: 620px; background-image: url(../images/term_icon04.png); }
.term-icon5{ width: 62px; height: 62px; z-index: 3; /*left: 350px; top:370px;*/ left: 525px; top: 590px; background-color: #ff6666; background-image: url(../images/term_icon05.png); }
.term-icon6{ width: 62px; height: 62px; z-index: 3; /*right: 270px; top:370px;*/ right: 0; top: 414px; background-image: url(../images/term_icon06.png); }

.main{ padding-bottom: 50px; background: rgba(43,108,248,0.04) url(../images/main_bg.png) no-repeat center top; }
.main-major .main-tit{ margin-bottom: 15px; padding-left: 0; text-align: center; }
.main-major .tit-des{ text-align: center; }

.main-plan{ padding: 150px 0 25px; }
.swiper-plan{ position: relative; }
.plan-box{ position: relative; padding-top: 110px; }
.plan-text{ position: absolute; z-index: 1; top: 60px; width: 680px; padding: 50px 90px 70px 50px; background-color: #fff; background-repeat: no-repeat; background-position: left top; border-radius: 10px; box-shadow:0px 3px 6px rgba(0,0,0,0.16); }
.plan-text1{ background-image: url(../images/plan_bg01.png); }
.plan-text2{ background-image: url(../images/plan_bg02.png); }
.plan-text h4{ line-height: 50px; font-size: 24px; font-weight: 600; color: #2b6cf8; letter-spacing: 3px; }
.plan-text p{ color: #acacac; }
.plan-text .plan-des{ line-height: 40px; color: #333; }
.swiper-plan .swiper-button-next{ display: block !important; position: absolute; top:158px; left: 600px; width: 30px; height: 22px; background: url(../images/arrow.png) no-repeat center; }
.read-more{ margin-top: 25px; display: inline-block; line-height: 40px; font-size: 18px; color: #2b6cf8; }
.plan-img{ float: right; }

.main-case{ padding: 100px 0 190px; background: url(../images/case_bg.png) no-repeat center bottom; }
.case-list{ margin-top: 95px; height: 600px; overflow: hidden; }
.case-list ul li{ float: left; width: 340px; margin-right: 20px; }
.case-list ul li:last-child{ margin-right: 0; }
.case-list ul li img{ display: block; max-width: 100%; }
.case-list ul li .img01,.case-list ul li .img03,.case-list ul li .img05,.case-list ul li .img07,.case-list ul li .img08{ margin-bottom: 20px; }
.case-list ul li a:hover img{ box-shadow:0px 6px 12px rgba(43,108,248,0.2); }
.case-list ul li a{ display: block; position: relative; }
.case-list ul li .img-name{ position: absolute; left: 0; top:0; width: 100%; height: 100%; line-height: 240px; font-size: 40px; color: #fff; text-align: center; }
.case-list .img01 .img-name,.case-list .img04 .img-name,.case-list .img05 .img-name{ line-height: 340px; }
.case-list .img05 .img-name i{ display: inline-block; vertical-align: middle; line-height: 50px; }
.case-list .img08 .img-name{ line-height: 183px; }
.look-more{ display: block; width: 340px; height: 137px; font-size: 24px; line-height: 137px; text-align: center; background: #000a81; color: #fff; }

@media (max-width:1500px){
	/*首页*/
	.video-text h3{ font-size: 60px; }
	.main{ padding-bottom: 60px; }
	.advantage{ padding-top: 80px; }
	.advan-list{ position: relative; }
	.gallery-thumbs{ float: none; position: absolute; z-index: 10; left: 0; top:50px; width: 250px; }
	.gallery-box{ margin-left: 200px; }
	.plat-img{ width: 60%; }
	.plat-img01{ width: 100%; }
	.plat-des{ width: 35%; }
	.main-tit{ font-size: 80px; }
	.tit-des{ text-align: justify; }
	.case-list{ height: 498px; }
	.case-list ul li{ width: 280px; }
	.case-list ul li .img-name{ line-height: 198px; font-size: 34px; }
	.case-list .img01 .img-name,.case-list .img04 .img-name,.case-list .img05 .img-name{ line-height: 280px; }
	.case-list .img08 .img-name{ line-height: 151px; }
	.look-more{ width: 280px; height: 109.3px; line-height: 109.3px; }
}