/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#000;font:15px/30px "Quicksand",arial,sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"Quicksand",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#000;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#2172ba;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1100px;width:100%;padding:0 0}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}

#header{width:100%;
	box-shadow:0 1px 3px rgba(0,0,0,.15);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.15);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);position:fixed;left:0;top:0;z-index:999;background:#fff
}
#header .wrap{height:80px;display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{height:50px}
#header .nav ul{display:flex;justify-content:space-between ;align-items:center;}
#header .nav ul li{position:relative}
#header .nav ul li h3 span{display:none}
#header .nav ul li h3 a{font-size:18px;font-weight:600;padding:25px 25px;color:#002e5b}
#header .nav ul li h3 a:hover{color:#ffd800}
#header .nav ul li.demo h3 i{background:#ffd800;display:block;padding:2px 20px;border-radius:6px}
#header .nav ul li .sub{display:none;position:absolute;left:0;width:230px;top:50px;background:#fff;z-index:88;border-radius:4px;box-shadow:0 5px 11px 0 rgba(0,0,0,.27);}
#header .nav ul li .sub dl{padding:14px 0px}
#header .nav ul li .sub a{display:block;padding:5px 25px}
#header .nav ul li .sub a:hover{background:#000;color:#ffd800}
#header .nav ul li.demo:hover a{ color:#fff}
#header .mnav{display:none}

#banner{position:relative;overflow:hidden;margin-top:80px}
#banner .focus{position:relative}
#banner .swiper-slide{position:relative;height:800px}
#banner .swiper-slide img{width:100%;height:100%;object-fit:cover}

#about{width:100%;padding:70px 0}
#about .wrap{display:flex;justify-content:space-between;align-items:center}
#about .left{width:48%}
#about .left .title h2{font-size:40px;font-weight:400}
#about .left .title .line{margin-top:20px}
#about .left .content{margin-top:30px}
#about .left .content p{margin-bottom:15px;line-height:26px;font-size:15px;text-align:justify;font-weight:500;}
#about .left .content p strong{font-weight:700;font-size:20px}
#about .right{width:48%}
#about .right img{width:100%}
.animate-border{position:relative;display:block;width:115px;height:3px;background:#ffd800;overflow:hidden}
.animate-border:after{position:absolute;content:"";width:35px;height:5px;left:15px;bottom:0;border-left:10px solid #fff;border-right:10px solid #fff;-webkit-animation:animborder 2s linear infinite;animation:animborder 2s linear infinite}
@keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(113px);transform:translateX(113px)}}

#adv{width:100%}
#adv ul{display:flex;justify-content:space-between;align-items:center}
#adv ul li{text-align:center}
#adv ul li .img{position:relative}
#adv ul li .img:before{content:"";width:60px;height:60px;background:#fde4284a;position:absolute;left:50%;margin-left:-50px;top:0;opacity:1;border-radius:50%;}
#adv ul li .img img{height:80px;width:auto}
#adv ul li p{font-weight:600; line-height:26px; margin-top:10px}
#adv .link{text-align:center;margin-top:40px}
#adv .link a{color:#055dff;font-weight:600}
#adv .more{text-align:center;margin-top:30px}
#adv .more a{background:#ffd800;color:#000;padding:4px 20px;border-radius:6px;display:inline-block;font-weight:600;font-size:18px}

#info{width:100%;padding:150px 0;position:relative;background:url(../images/bg3.png) no-repeat left top;background-size:auto 900px}
#info .title{display:flex;justify-content:space-between;align-items:center}
#info .title .left{width:300px}
#info .title .left h2{font-size:44px;font-weight:400;letter-spacing:-3px;line-height:1.2}
#info .title .left .line{margin-top:20px}
#info .title .right{width:calc(100% - 380px)}
#info .title .right .t{font-size:26px;font-weight:600}
#info .title .right p{line-height:26px;margin-top:20px}
#info .list{margin-top:50px;display:flex;justify-content:space-between;align-items:flex-start}
#info .list .item ul li{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}
#info .list .item ul li .img{width:50px;height:50px;text-align:center;line-height:50px;border-radius:50px;background:#ffd800}
#info .list .item ul li .img i{font-size:18px}
#info .list .item ul li .info{width:calc(100% - 70px)}
#info .list .item ul li .info h2{color:#002e5b;font-size:18px;font-weight:700;position:relative}
#info .list .item ul li .info h2:after{display:block;width:47px;margin-top:10px;height:5px;border-radius:0;	content:'';background:#fde428;}
#info .list .item ul li .info p{margin-top:20px;line-height:24px}
#info .list .link{margin-top:20px}
#info .list .link a{color:#055dff;font-weight:600}
#info .list .cimg{padding:0 80px}

#parents{width:100%;position:relative;}
#parents .title{display:flex;justify-content:space-between;align-items:center}
#parents .title .left{width:300px}
#parents .title .left h2{font-size:44px;font-weight:400;letter-spacing:-3px;line-height:1.2}
#parents .title .left .line{margin-top:20px}
#parents .title .right{width:calc(100% - 380px)}
#parents .title .right .t{font-size:26px;font-weight:600}
#parents .title .right p{line-height:26px;margin-top:20px}
#parents .title .right .link{margin-top:5px}
#parents .title .right .link a{color:#055dff;font-weight:600}
#parents .list{margin-top:60px;display:flex;justify-content:space-between;align-items:flex-start}
#parents .list .img{width:48%}
#parents .list .img img{width:100%}
#parents .list .right{width:48%;}
#parents .list .right ul li{display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 10px 0 rgba(0,0,0,.2);border-radius:9px;margin-bottom:20px;border-top:4px solid #002e5b;padding:24px 0}
#parents .list .right ul li .icon{width:100px;text-align:center}
#parents .list .right ul li .icon i{font-size:36px;color:#ffd800}
#parents .list .right ul li .info{width:calc(100% - 100px);line-height:26px}

#clients{width:100%;margin-top:80px}
#clients .title{text-align:center}
#clients .title h2{font-size:36px}
#clients .list{margin-top:80px}
#clients .list ul{display:flex;justify-content:space-between;align-items:center;}
#clients .list .swiper-slide{border:1px solid #eee;width:20%;overflow:hidden}
#clients .list .swiper-slide img{width:100%}
.button-prev{ position:absolute; left:0; top:48%; color:#999; font-size:20px}
.button-next{ position:absolute; right:0; top:48%; color:#999; font-size:20px}

#school{width:100%;padding:150px 0 0;position:relative;}
#school .title{display:flex;justify-content:space-between;align-items:center}
#school .title .left{width:300px}
#school .title .left h2{font-size:44px;font-weight:400;letter-spacing:-3px;line-height:1.2}
#school .title .left .line{margin-top:20px}
#school .title .right{width:calc(100% - 380px)}
#school .title .right .t{font-size:26px;font-weight:600}
#school .title .right p{line-height:26px;margin-top:20px}
#school .title .right .link{margin-top:5px}
#school .title .right .link a{color:#055dff;font-weight:600}
#school .list{margin-top:50px;display:flex;justify-content:space-between;align-items:flex-start}
#school .list .left{width:35%}
#school .list .left ul li{padding:30px;margin-bottom:30px;box-shadow:0px 20px 50px 0px rgba(153,153,153,0.5);background:#fff;overflow:hidden;border-radius:10px;padding-left:100px;position:relative}
#school .list .left ul li .info h2{color:#ffd800;font-size:24px;font-weight:400}
#school .list .left ul li .info p{margin-top:10px;line-height:26px}
#school .list .left ul li .num{position:absolute;left:20px;top:0;background:#000;padding:25px 10px;border-radius:0 0 10px 10px}
#school .list .left ul li .num i{width:40px;height:40px;text-align:center;line-height:40px;font-size:16px;display:block;background:#ffd800;border-radius:40px}
#school .list .right{width:60%}
#school .list .right img{width:100%;box-shadow:0px 20px 50px 0px rgba(153,153,153,0.5);border-radius:10px;}

#save{width:100%;padding:50px 0;position:relative;margin-top:100px}
#save:before{content:"";width:35%;height:100%;overflow:hidden;background:#fff;position:absolute;left:0;top:0;z-index:0;}
#save .wrap{display:flex;justify-content:space-between;align-items:flex-start}
#save .title{width:300px;position:relative;z-index:8}
#save .title h2{font-size:44px;font-weight:400;letter-spacing:-3px;line-height:1.2}
#save .title .line{margin-top:20px}
#save .title h3{margin-top:20px;font-size:44px;font-weight:400;letter-spacing:-3px;line-height:1.2}
#save .title .link{margin-top:50px}
#save .title .link a{color:#055dff;font-weight:600}
#save .right{width:calc(100% - 380px)}
#save .right .text .t{font-size:26px;font-weight:600}
#save .right .text p{line-height:26px;margin-top:20px}
#save .right .list{margin-top:100px}
#save .right .list ul{display:flex;justify-content:space-between;align-items:flex-start;}
#save .right .list ul li{width:48%; position:relative}
#save .right .list ul li .box{ overflow:hidden;position:relative;padding:30px 20px;text-align:center;border-radius:5px;-webkit-box-shadow:0 0px 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0px 20px rgba(0,0,0,0.1);box-shadow:0 0px 20px rgba(0,0,0,0.1);background:url(../images/pattern-3.png) no-repeat left top #fff}
#save .right .list ul li .box .icon i{font-size:60px}
#save .right .list ul li .box h2{font-size:20px}
#save .right .list ul li .box p{margin-top:20px;line-height:26px;min-height:104px}
#save .right .list ul li .box .j{position:absolute;right:-21px;bottom:-49px;color:#f2f4fa;font-size:98px;}
#save .right .list ul li .overlay-box{position: absolute; left: 0px; top: -20px; width: 100%; bottom: -20px; opacity: 0; border-radius: 8px; text-align: center; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-image: -ms-linear-gradient(top, #CE2C00 0%, #fd4b1b 100%); background-image: -moz-linear-gradient(top, #CE2C00 0%, #fd4b1b 100%); background-image: -o-linear-gradient(top, #CE2C00 0%, #fd4b1b 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CE2C00), color-stop(100, #fd4b1b)); background-image: -webkit-linear-gradient(top, #CE2C00 0%, #fd4b1b 100%); background-image: linear-gradient(to bottom, #070707 0%, #484844 100%);}
#save .right .list ul li .overlay-box{display:flex;justify-content:center ;align-items:center; overflow:hidden}
#save .right .list ul li .overlay-box:before{position: absolute; content: ''; right: 0px; bottom: 0px; width: 175px; height: 185px; background-repeat: no-repeat; background: url(../images/pattern-4.png);}
#save .right .list ul li .overlay-box .overlay-inner{padding:0 20px}
#save .right .list ul li .overlay-box .overlay-inner .icon i{font-size:60px; color:#fff}
#save .right .list ul li .overlay-box .overlay-inner .content h2{font-size:20px; color:#fff; margin-top:20px}
#save .right .list ul li .overlay-box .overlay-inner .content p{margin-top:20px;line-height:26px; color:#fff}
#save .right .list ul li .overlay-box .overlay-inner .content .j{position:absolute;left:-20px;top:-20px;color:#f2f4fa;font-size:90px; opacity:.2}
#save .right .list ul li:hover .overlay-box{opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); visibility: visible;}

#pricing{width:100%;padding:110px 0 80px;position:relative;}
#pricing .title{display:flex;justify-content:space-between;align-items:center}
#pricing .title .left{width:380px}
#pricing .title .left h2{font-size:44px;font-weight:400;letter-spacing:-3px;line-height:1.2}
#pricing .title .left .line{margin-top:20px}
#pricing .title .right{width:calc(100% - 480px)}
#pricing .title .right .t{font-size:26px;font-weight:600}
#pricing .title .right p{line-height:26px;margin-top:20px}
#pricing .title .right .link{margin-top:5px}
#pricing .title .right .link a{color:#055dff;font-weight:600}
#pricing .list{margin-top:90px;display:flex;justify-content:space-between;align-items:flex-start}
#pricing .list .left{width:35%}
#pricing .list .left ul li{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
#pricing .list .left ul li .img{width:80px}
#pricing .list .left ul li .img img{max-width:100%}
#pricing .list .left ul li .info{width:calc(100% - 100px);padding-top:20px}
#pricing .list .left ul li .info h2{font-size:28px;font-weight:700;position:relative}
#pricing .list .left ul li .info h2:after{content:'';display:block;width:35px;height:6px;background:#fde428;border-radius:3px;margin:10px 0 0;}
#pricing .list .left ul li .info p{margin-top:20px;line-height:26px}
#pricing .list .right{width:60%}
#pricing .list .right img{width:100%}
#pricing .more{text-align:center;margin-top:30px}
#pricing .more a{background:#ffd800;color:#000;padding:4px 20px;border-radius:6px;display:inline-block;font-weight:600;font-size:18px}

#footer{width:100%;background:#000}
#footer .map{display:flex;justify-content:space-between;align-items:flex-start;gap:0 30px}
#footer .map .item{width:calc((100% - 90px) / 4)}
#footer .map .item h2{color:#FFD800;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;margin-bottom:10px;margin-top:30px}
#footer .map .item p{line-height:26px}
#footer .map .item p a{color:#fff}
#footer .map .item p img{width:120px}
#footer .map .item p .text{width:100%;border:0;background:#fff;border-radius:4px;text-indent:10px;line-height:30px;border-bottom:1px solid #FFD800}
#footer .map .item p .btn{border:0;background:#FFD800;font-weight:600;border-radius:4px;display:inline-block;padding:5px 10px;margin-top:10px}
#footer .map .item p i{font-size:26px;margin-right:5px}
#footer .map .item .contact{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px}
#footer .map .item .contact i{width:30px;color:#FFD800;line-height:28px;}
#footer .map .item .contact .text{width:calc(100% - 30px);color:#fff;line-height:26px}
#footer .copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding:15px 0;color:#999;text-align:center;font-size:12px}
@media (max-width:3000px){
	#banner .focus .swiper-slide img{ width:1920px !important}
}
@media (max-width:1900px){
	#banner .focus .swiper-slide img{ width:100% !important}
}
@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem}
	#header{padding:0 .25rem}
	#header .wrap{height:.9rem;}
	#header .logo img{height:.5rem}
	#header .mnav{position:relative;display:block;width:.34rem;height:.33rem;cursor:pointer;margin-left:.1rem}
	#header .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#002e5b;transition:all .5s;border-radius:.05rem}
	#header .mnav .s1{top:.05rem;}
	#header .mnav .s2{top:.15rem;width:.26rem;}
	#header .mnav .s3{top:.25rem;}
	#header .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}
	#header .mnav.isopen .s2{width:0;opacity:0;}
	#header .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}
	#header .nav{position:absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(105%);left:0;border-top:1px solid #eee;}
	#header .nav ul{display:block}
	#header .nav.isopen{transform:translatex(0);}
	#header .nav ul li h3{line-height:.9rem;height:.9rem;font-weight:normal;border-bottom:1px solid #eee;position:relative}
	#header .nav ul li h3 span{display:block;position:absolute;right:0;top:0;line-height:.9rem}
	#header .nav ul li h3 span i{text-align:right;font-size:.28rem;color:#999;-webkit-transition:all .3s;transition:all .3s;}
	#header .nav ul li h3 a{font-size:.26rem;padding:0; display:block}
	#header .nav ul li .sub{display:none;position:inherit;left:0;width:auto;margin-left:0;top:0;background:#fff;border-radius:0;box-shadow:0 0 0}
	#header .nav ul li .sub dl{padding:10px}
	#header .nav ul li .sub a{color:#68747f;border-bottom:1px solid #eee;line-height:.7rem;font-size:.26rem;padding:0}
	#header .nav ul li .sub a:hover{background:#fff;color:#68747f;font-weight:700}
	#header .nav ul li.demo{margin-top:.2rem}
	
	#banner{margin-top:.9rem}
	#banner .swiper-slide{height:4rem}
	
	#about{padding:.7rem .25rem}
	#about .wrap{display:block}
	#about .left{width:100%}
	#about .left .title h2{font-size:.4rem;}
	#about .left .title .line{margin-top:.2rem}
	#about .left .content{margin-top:.3rem}
	#about .left .content p{margin-bottom:.15rem;line-height:.34rem;font-size:.23rem;text-align:inherit}
	#about .left .content p strong{font-size:.24rem}
	#about .right{width:100%}
	#about .right img{width:100%}
	.animate-border{width:1.5rem;height:.04rem;}
	.animate-border:after{width:.35rem;height:.5rem;left:.15rem;border-left:.1rem solid #fff;border-right:.1rem solid #fff;}
	
	#adv{width:100%}
	#adv ul{display:block;}
	#adv ul li{text-align:center;margin-top:.5rem}
	#adv ul li .img:before{width:.8rem;height:.8rem;left:50%;margin-left:-.5rem;}
	#adv ul li .img img{height:1rem;}
	#adv ul li p{ line-height:.34rem; margin-top:.1rem}
	#adv .link{margin-top:.4rem}
	#adv .more{margin-top:.3rem}
	#adv .more a{padding:.04rem .2remx;border-radius:.06rem;font-size:.23rem}
	
	#info{padding:1.5rem .25rem;background-size:auto 5rem}
	#info .title{display:block}
	#info .title .left{width:100%}
	#info .title .left h2{font-size:.4rem;}
	#info .title .left .line{margin-top:.2rem}
	#info .title .right{width:100%;margin-top:.3rem}
	#info .title .right .t{font-size:.26rem;}
	#info .title .right p{line-height:.34rem;margin-top:.2rem}
	#info .list{margin-top:.5rem;display:block;}
	#info .list .item ul li{margin-bottom:.3rem}
	#info .list .item ul li .img{width:.8rem;height:.8rem;line-height:.8rem;border-radius:.8rem;}
	#info .list .item ul li .img i{font-size:.3rem}
	#info .list .item ul li .info{width:calc(100% - 1.2rem)}
	#info .list .item ul li .info h2{font-size:.26rem;}
	#info .list .item ul li .info h2:after{width:.5rem;margin-top:.1rem;height:.05rem;}
	#info .list .item ul li .info p{margin-top:.2rem;line-height:.34rem}
	#info .list .link{margin-top:.2rem;text-align:center}
	#info .list .cimg{padding:.5rem 0;text-align:center}
	#info .list .cimg img{width:50%}
	
	#parents{padding:0 .25rem;}
	#parents .title{display:block;}
	#parents .title .left{width:100%}
	#parents .title .left h2{font-size:.4rem;}
	#parents .title .left .line{margin-top:.2rem}
	#parents .title .right{width:100%;margin-top:.3rem}
	#parents .title .right .t{font-size:.26rem;}
	#parents .title .right p{line-height:.34rem;margin-top:.2rem}
	#parents .title .right .link{margin-top:.3rem}
	#parents .list{margin-top:.6rem;display:block;}
	#parents .list .img{width:100%}
	#parents .list .img img{width:100%}
	#parents .list .right{width:100%;margin-top:.3rem}
	#parents .list .right ul li{border-radius:.09rem;margin-bottom:.2rem;padding:.3rem 0}
	#parents .list .right ul li .icon{width:1rem;}
	#parents .list .right ul li .icon i{font-size:.4rem;}
	#parents .list .right ul li .info{width:calc(100% - 1.2rem);line-height:.34rem}
	
	#clients{margin-top:.8rem;padding:0 .25rem}
	#clients .title h2{font-size:.4rem}
	#clients .list{margin-top:.8rem}
	#clients .list ul{gap:.3rem}
	#clients .list ul li{width:calc((100% - .3rem) / 2);}
	
	#school{padding:1rem .25rem 0;}
	#school .title{display:block;}
	#school .title .left{width:100%}
	#school .title .left h2{font-size:.4rem;}
	#school .title .left .line{margin-top:.2rem}
	#school .title .right{width:100%;margin-top:.3rem}
	#school .title .right .t{font-size:.24rem;}
	#school .title .right p{line-height:.34rem;margin-top:.2rem}
	#school .title .right .link{margin-top:.1rem}
	#school .title .right .link a{color:#055dff;font-weight:600}
	#school .list{margin-top:.5rem;display:block;}
	#school .list .left{width:100%}
	#school .list .left ul li{padding:.3rem;margin-bottom:.3rem;padding-left:1rem;}
	#school .list .left ul li .info h2{font-size:.26rem;}
	#school .list .left ul li .info p{margin-top:.1rem;line-height:.34rem}
	#school .list .left ul li .num{left:.2rem;padding:.25rem .1rem 10px;border-radius:0 0 .1rem .1rem}
	#school .list .left ul li .num i{width:.4rem;height:.4rem;line-height:.4rem;font-size:.24rem;border-radius:.4rem}
	#school .list .right{width:100%;margin-top:.4rem}
	#school .list .right img{width:100%;border-radius:.1rem;}
	
	#save{padding:.5rem .25rem;margin-top:1rem}
	#save:before{width:50%;height:100%;}
	#save .wrap{display:block;}
	#save .title{width:100%;}
	#save .title h2{font-size:.4rem;}
	#save .title .line{margin-top:.2rem}
	#save .title h3{margin-top:.2rem;font-size:.4rem;}
	#save .title .link{margin-top:.5rem}
	#save .right{width:100%;margin-top:.3rem;position:relative;z-index:8}
	#save .right .text .t{font-size:.26rem;}
	#save .right .text p{line-height:.34rem;margin-top:.2rem}
	#save .right .list{margin-top:0}
	#save .right .list ul{display:block;}
	#save .right .list ul li{width:100%;padding:.3rem;margin-top:.4rem}
	#save .right .list ul li .icon i{font-size:.8rem}
	#save .right .list ul li h2{font-size:.26rem;margin-top:.2rem}
	#save .right .list ul li p{margin-top:.2rem;line-height:.34rem;min-height:inherit}
	#save .right .list ul li .j{right:-.2rem;bottom:-.5rem;font-size:1rem;}
	
	#pricing{padding:1rem .25rem .8rem;}
	#pricing .title{display:block;}
	#pricing .title .left{width:100%}
	#pricing .title .left h2{font-size:.4rem;}
	#pricing .title .left .line{margin-top:.2rem}
	#pricing .title .right{width:100%;margin-top:.3rem}
	#pricing .title .right .t{font-size:.24rem;}
	#pricing .title .right p{line-height:.34rem;margin-top:.2rem}
	#pricing .title .right .link{margin-top:.1rem}
	#pricing .title .right .link a{color:#055dff;font-weight:600}
	#pricing .list{margin-top:.9rem;display:block;}
	#pricing .list .left{width:100%}
	#pricing .list .left ul li{margin-bottom:.3rem}
	#pricing .list .left ul li .img{width:1rem}
	#pricing .list .left ul li .info{width:calc(100% - 1.2rem);padding-top:.2rem}
	#pricing .list .left ul li .info h2{font-size:.26rem;}
	#pricing .list .left ul li .info h2:after{width:.4rem;height:.06rem;margin:.1rem 0 0;}
	#pricing .list .left ul li .info p{margin-top:.2rem;line-height:.34rem}
	#pricing .list .right{width:100%;margin-top:.3rem}
	#pricing .more{text-align:center;margin-top:.3rem}
	#pricing .more a{padding:.06rem .2rem;border-radius:.06rem;font-size:.24rem}
	
	#footer{padding:0 .25rem}
	#footer .map{display:block;padding-top:.3rem}
	#footer .map .item{width:100%;display:none}
	#footer .map .item.c{display:block}
	#footer .map .item h2{padding-bottom:.2rem;margin-bottom:.2rem;margin-top:0}
	#footer .map .item .contact{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:.2rem}
	#footer .map .item .contact i{width:.3rem;line-height:.34rem;}
	#footer .map .item .contact .text{width:calc(100% - .4rem);color:#fff;line-height:.34rem}
	#footer .map .item .contact .text a{color:#fff}
	#footer .copyright{margin-top:.3rem;padding:.2rem 0;font-size:.2rem}		
}

#nbanner{ width:100%; padding:50px 0; margin-top:80px; background:#000;}
#nbanner h2{ font-size:32px; font-weight:400; color:#fff;}
#nbanner h2:after {content: '';display: block;width: 35px;height: 6px;background: #fde428;border-radius: 3px; margin-top:10px}
#bbanner{ width:100%; padding:30px 0; margin-top:130px; }
#bbanner h2{ font-size:32px; font-weight:400;;}
#bbanner h2:after {content: '';display: block;width: 35px;height: 6px;background: #fde428;border-radius: 3px; margin-top:10px}
#bbanner p{ margin-top:30px}

#main{ width:100%; padding:50px 0}
#main .prolist ul li .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap; padding:50px 0}
#main .prolist ul li .left{ width:48%}
#main .prolist ul li .left .title{ border-bottom:1px solid #eee; padding-bottom:20px}
#main .prolist ul li .left .title h2{ font-size:35px; line-height:40px}
#main .prolist ul li .left .title p{ font-size:25px; margin-top:40px}
#main .prolist ul li .left .title p:after {    content: '';    display: block;    width: 35px;    height: 6px;    background: #fde428;    border-radius: 3px; margin-top:10px}
#main .prolist ul li .left .info{ margin-top:20px}
#main .prolist ul li .left .info p{ position:relative; padding-left:20px; line-height:26px; padding-bottom:10px}
#main .prolist ul li .left .info p i{ position:absolute; left:0; top:0; color:#fde428; line-height:26px}
#main .prolist ul li .right{ width:48%}
#main .prolist ul li .right img{ width:100%}
#main .prolist ul li:nth-child(2n) .wrap{flex-direction:row-reverse;}
#main .prolist ul li .w .left .title h2,
#main .prolist ul li .w .left .title p,
#main .prolist ul li .w .left .info p{ color:#fff}
#main .prolist ul li:nth-child(2n){background:#fbfaf9 }

#main .prolist.features ul li:nth-child(2n){background:#fff }
#main .prolist.features ul li:nth-child(2){background:#4f00a5 }
#main .prolist.features ul li:nth-child(4){background:#e5eeff} 
#main .prolist.features ul li:nth-child(5){background:#fcfcea} 
#main .prolist.features ul li:nth-child(7){background:#6cbee1}
#main .prolist.features ul li:nth-child(9){background:#f3f8ff}

#main .pricing .box h2{ font-size:30px; width:80%; margin:0 auto; text-align:center}
#main .pricing .box .list{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap; margin-top:50px}
#main .pricing .box .list .left{  width:48%; border:1px solid #eee; padding:20px}
#main .pricing .box .list .left h3{ font-size:20px; margin-bottom:10px}
#main .pricing .box .list .left p{ padding-bottom:5px} 
#main .pricing .box .list .left p span{ color:#6fe505; margin-right:10px}
#main .pricing .box2{ margin-top:50px}
#main .pricing .box2 h2{ font-weight:400; font-size:30px; width:80%; margin:0 auto; text-align:center}
#main .pricing .box2 .list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap; margin-top:50px}
#main .pricing .box2 .list .left{  width:48%; padding:50px 20px; text-align:center; background:#dbe8ff}
#main .pricing .box2 .list .left h3{ font-size:20px; margin-bottom:10px}
#main .pricing .box2 .list .left p{ padding-bottom:5px; font-weight:600}
#main .pricing .box2 .list .left+.left{background:#f4bcbc}
#main .more{text-align:center;margin-top:30px}
#main .more a{background:#ffd800;color:#000;padding:4px 20px;border-radius:6px;display:inline-block;font-weight:600;font-size:18px}

#main .videos{ }
#main .videos ul{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap; gap:60px 30px}
#main .videos ul li{ width:calc((100% - 30px) / 2)}
#main .videos ul li h2{ font-size:25px; font-weight:600; text-align:center}
#main .videos ul li .v{ margin-top:20px; height:320px; position:relative}
#main .videos ul li .v img{ width:100%;height:100%;object-fit:cover}
#main .videos ul li .v .play {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: url(https://www.safebus.io/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;
    background-color: transparent !important;
    cursor: pointer;
    border: none;
}
#main .videos ul li .v iframe{ width:100%;height:100%;}
#main .videos ul li p{ margin-top:20px; line-height:26px}

#main .papers{ padding:0 5%}
#main .papers ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap; gap:20px 10px}
#main .papers ul li{ width:calc((100% - 20px) / 3); background:#f8f8f8}
#main .papers ul li .v{}
#main .papers ul li .v img{ width:100%}
#main .papers ul li h2{ font-size:18px; font-weight:600; text-align:center; margin-top:30px}
#main .papers ul li .down{ margin-top:20px; text-align:center; padding-bottom:50px}
#main .papers ul li .down a{background:#000; color:#fff; padding:15px 20px; display:inline-block; font-weight:600}
#main .papers ul li .down i{ color:#fde428; margin-right:10px; font-size:16px}

#main .fq{display:flex;justify-content:space-between;align-items:flex-start}
#main .fq .left{ width:220px; box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.5); padding: 30px 30px; min-height:500px;}
#main .fq .left ul li a{ font-size:16px; padding:10px 0; display:block}
#main .fq .right{ width:calc(100% - 280px)}
#main .fq .right ul li{ border-bottom:1px solid #eee; padding:20px 0}
#main .fq .right ul li .t{ font-size:16px;display:flex;justify-content:space-between;align-items:center; cursor:pointer}
#main .fq .right ul li .t .fa-minus{ display:none}
#main .fq .right ul li .content{ padding-top:10px; height:0; overflow:hidden;line-height:26px}
#main .fq .right ul li.curr .t .fa-minus{ display:block}
#main .fq .right ul li.curr .t .fa-plus{ display:none}
#main .fq .right ul li.curr .content{height: auto;}
#main .fq .right ul li .content table{width: 100%;margin: 20px 0 ;}
#main .fq .right ul li .content table th,
#main .fq .right ul li .content table td{padding:10px;border:1px solid #e6e6e6}

#main .contact{ padding:150px 0 50px}
#main .contact h2{ text-align:center; font-size:36px;}
#main .contact .list{display:flex;justify-content:space-between;align-items:flex-start; margin-top:50px}
#main .contact .list .img{ width:48%}
#main .contact .list .img img{ width:100%}
#main .contact .list .form{ width:48%}
#main .contact .list .form .text{ display:block; margin-bottom:10px; line-height:50px; border:1px solid #eee; width:100%;; text-indent:10px; border-radius:4px}
#main .contact .list .form .btn{ background:#FFD800; border:0; margin-top:20px; padding:10px 30px; border-radius:4px; font-weight:600}

#main .school ul{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:50px}
#main .school ul li{ width:calc((100% - 50px) / 2);padding:20% 5% 0; position:relative}
#main .school ul li .img{ position:absolute; left:0; top:0}
#main .school ul li .img img{ width:100%}
#main .school ul li .info{-webkit-box-shadow: 0 12px 32px 0 rgba(25,41,66,0.07);    box-shadow: 0 12px 32px 0 rgba(25,41,66,0.07);    padding: 180px 25px 50px;    border-radius: 20px; }
#main .school ul li .info .text{line-height:24px; min-height:120px;max-height:120px;overflow:auto;}
#main .school ul li .info .text::-webkit-scrollbar{width: 5px; height: 6px;}
#main .school ul li .info .text::-webkit-scrollbar-thumb{border-radius: 10px; box-shadow: inset 0 0 5px rgba(0,0,0,.2); background: #e5e5e5;}
#main .school ul li .info .text::-webkit-scrollbar-track{box-shadow: inset 0 0 5px rgba(0,0,0,.2); border-radius: 10px; background: #fff;}

#main .client{display:flex;justify-content:space-between;align-items:center; margin-top:30px}
#main .client .left{ width:48%}
#main .client .left .text{ line-height:24px; text-align:center}
#main .client .left .info{; padding:20px; border-radius:20px; background:#55e4f5 ; margin-top:30px; font-weight:700; text-align:center}
#main .client .right{ width:48%}
#main .client .right img{ width:100%}

#main .pagecontent h3{ font-size:28px; margin:25px 0}
#main .pagecontent h3:after {content: '';display: block;width: 35px;height: 6px;background: #fde428;border-radius: 3px;margin: 10px 0 0;}
#main .pagecontent p{ font-size:17px}

#main .blog{display:flex;justify-content:space-between;align-items:flex-start}
#main .blog .left{ width:810px; overflow:hidden}
#main .blog .left .item{ border-bottom:1px solid #ddd; padding:40px 0}
#main .blog .left .item:first-child{ padding-top:0}
#main .blog .left .item h2{ font-size:22px; font-weight:700}
#main .blog .left .item .info{ color:#999; margin-top:10px}
#main .blog .left .item .info span{ margin-right:10px}
#main .blog .left .item .info span i{ color:#fde428; margin-right:5px}
#main .blog .left .item .content{ margin-top:20px; line-height:1.8}
#main .blog .left .item .content img{ width:100%}
#main .blog .left .item .more{ text-align:left}
#main .blog .right{ width:260px}
#main .blog .right .rcontact{ background:#fde428; padding:20px}
#main .blog .right .rcontact h2{ font-size:16px; font-weight:700}
#main .blog .right .rcontact p{ margin-top:10px; line-height:24px}
#main .blog .right .rcontact a{ display:block; text-align:center; color:#5472d2; margin-top:30px; font-weight:700}
#main .blog .right .mlist{ margin-top:50px}
#main .blog .right .mlist .title{ font-weight:700; font-size:20px}
#main .blog .right .mlist ul{ margin-top:10px}
#main .blog .right .mlist ul li{ padding:10px 0; line-height:26px; border-bottom:1px solid #eee}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem}
	#nbanner{padding:.5rem .25rem; margin-top:.9rem; }
	#nbanner h2{ font-size:.36rem; }
	#nbanner h2:after {width: .4rem;height: .06rem;margin-top:.3rem}
	
	#bbanner{padding:.5rem .25rem 0; margin-top:.9rem; }
	#bbanner h2{ font-size:.36rem; }
	#bbanner h2:after {width: .4rem;height: .06rem;margin-top:.3rem}
	
	#main{ padding:.3rem 0}
	#main .prolist ul li .wrap{padding:.5rem .25rem}
	#main .prolist ul li .left{ width:100%}
	#main .prolist ul li .left .title{ padding-bottom:.2rem}
	#main .prolist ul li .left .title h2{ font-size:.32rem; line-height:.4rem}
	#main .prolist ul li .left .title p{ font-size:.24rem; margin-top:.2rem}
	#main .prolist ul li .left .title p:after { width: .4rem;    height: .06rem;    margin-top:.2rem}
	#main .prolist ul li .left .info{ margin-top:.2rem}
	#main .prolist ul li .left .info p{padding-left:.3rem; line-height:.34rem; padding-bottom:.1rem}
	#main .prolist ul li .left .info p i{line-height:.34rem}
	#main .prolist ul li .right{ width:100%; margin-top:.3rem}
	#main .prolist ul li:nth-child(2n) .wrap{flex-direction:row;}
	
	#main .pricing{ padding:0 .25rem}
	#main .pricing .box h2{ font-size:.3rem; width:100%;}
	#main .pricing .box .list{display: block;margin-top:0}
	#main .pricing .box .list .left{  width:100%; padding:.25rem; margin-top:.5rem}
	#main .pricing .box .list .left h3{ font-size:.28rem; margin-bottom:.1rem}
	#main .pricing .box .list .left p{ padding-bottom:.08rem} 
	#main .pricing .box .list .left p span{ margin-right:.1rem}
	#main .pricing .box2{ margin-top:.5rem}
	#main .pricing .box2 h2{font-size:.3rem; width:100%;}
	#main .pricing .box2 .list{display: block;margin-top:0}
	#main .pricing .box2 .list .left{  width:100%; padding:.5rem .25rem; margin-top:.5rem}
	#main .pricing .box2 .list .left h3{ font-size:.28rem; margin-bottom:.1rem}
	#main .pricing .box2 .list .left p{ padding-bottom:.08rem;}
	#main .more{text-align:center;margin-top:.5rem}
	#main .more a{padding:.08rem .2rem;font-size:.24rem}
	
	#main .videos{ padding:0 .25rem}
	#main .videos ul{display: block}
	#main .videos ul li{ width:100%; margin-top:.5rem}
	#main .videos ul li h2{ font-size:.28rem; }
	#main .videos ul li .v{ margin-top:.3rem}
	#main .videos ul li .v img{ width:100%}
	#main .videos ul li p{ margin-top:.2rem; line-height:.34rem}
	
	#main .papers{ padding:0 .25rem}
	#main .papers ul{display: block}
	#main .papers ul li{ width:100%; margin-top:.5rem}
	#main .papers ul li .v{ margin-top:.3rem}
	#main .papers ul li .v img{ width:100%}
	#main .papers ul li h2{ font-size:.28rem;  margin-top:.3rem; padding:0 5%}
	#main .papers ul li .down{ margin-top:.2rem; padding-bottom:.5rem}
	#main .papers ul li .down a{padding:.2rem .3rem}
	#main .papers ul li .down i{margin-right:.1rem; font-size:.24rem}
	
	#main .fq{display: block; padding:0 .25rem;}
	#main .fq .left{ width:100%; padding: .3rem; min-height: inherit;}
	#main .fq .left ul li a{ font-size:.24rem; padding:.1rem 0; display:block}
	#main .fq .right{ width:100%; margin-top:.3rem}
	#main .fq .right ul li{ border-bottom:1px solid #eee; padding:.2rem 0}
	#main .fq .right ul li .t{ font-size:.24rem;}
	#main .fq .right ul li .content{ padding-top:.1rem;}
	
	#main .contact{ padding:1rem .25rem .5rem}
	#main .contact h2{ text-align:center; font-size:36px;}
	#main .contact .list{display: block;}
	#main .contact .list .img{ width:100%}
	#main .contact .list .img img{ width:100%}
	#main .contact .list .form{ width:100%; margin-top:.3rem}
	#main .contact .list .form .text{ margin-bottom:.1rem; line-height:.7rem; font-size:.23rem }
	#main .contact .list .form .btn{ margin-top:.2rem; padding: .3rem 0; display:block; width:100%; font-size:.24rem}
	
	#main .school ul{display: block;}
	#main .school ul li{ width:100%;padding:50% 5% 0; position:relative; margin-top:50px}
	#main .school ul li:first-child{ margin-top:0}
	#main .school ul li .img{ position:absolute; left:0; top:0}
	#main .school ul li .img img{ width:100%}
	#main .school ul li .info{ padding: 2rem .25rem .5rem;  border-radius: .2rem; }
	#main .school ul li .info p{line-height:26px; min-height: inherit}
	
	#main .client{display: block;margin-top:.5rem; padding:0 .25rem}
	#main .client .left{ width:100%}
	#main .client .left .text{ line-height:.34rem;}
	#main .client .left .info{; padding:.2rem; border-radius:.2rem; margin-top:.3rem;}
	#main .client .right{ width:100%}
	#main .client .right img{ width:100%}
	
#main .blog{display: block; padding:0 .25rem}
#main .blog .left{ width:100%; overflow:hidden}
#main .blog .left .item{padding:.4rem 0}
#main .blog .left .item:first-child{ padding-top:0}
#main .blog .left .item h2{ font-size:.28rem}
#main .blog .left .item .info{ margin-top:.1rem; font-size:.2rem}
#main .blog .left .item .info span{ margin-right:.1rem}
#main .blog .left .item .info span i{margin-right:.05rem}
#main .blog .left .item .content{ margin-top:.2rem}
#main .blog .left .item .more{ text-align:left}
#main .blog .right{ width:100%; margin-top:.5rem}
#main .blog .right .rcontact{padding:.25rem}
#main .blog .right .rcontact h2{ font-size:.24rem;}
#main .blog .right .rcontact p{ margin-top:.1rem; font-size:.2rem; line-height:.34rem}
#main .blog .right .rcontact a{ margin-top:.3rem; }
#main .blog .right .mlist{ margin-top:.5rem}
#main .blog .right .mlist .title{ font-weight:700; font-size:.24rem}
#main .blog .right .mlist ul{ margin-top:.1rem}
#main .blog .right .mlist ul li{ padding:.1rem 0; line-height:.34rem; }
}