@font-face { 
	font-family:fverdana; 
	src: url(font/verdana.ttf); 
}

@font-face { 
	font-family:fverdanab; 
	src: url(font/verdanab.ttf); 
}
body{font-family:fverdana;   font-size:12px; position: relative;color: #666; overflow-x: hidden;width:expression(document.body.clientWidth <= 1420? "1420px": "auto"); min-width:1420px;}
a{ text-decoration:none; transition:all 0.3s}
a:hover{ text-decoration:none;}
input,textarea,button{font-family:fverdana;   outline: none;}
input:-ms-input-placeholder {   color: #3d6620;}
input::-webkit-input-placeholder {   color: #3d6620}
.wrap{max-width: 1420px;width: 100%; margin: 0 auto;}
*::-webkit-scrollbar {
	width: 3px;
	background-color: #F8F9FD;
}

*::-webkit-scrollbar-thumb {
	background-color: #6072FF;
	border-radius: 8px;
    width: 1px;
}

.img1{background: url(../images/img1.png) no-repeat center top;}
.header{height: 90px;width: 100%; position: fixed;left: 0;top: 0; z-index: 100; transition: all 0.3s;}
.logo{background: url(../images/logo.png) no-repeat left center;height: 90px; min-width: 200px;}
.nav a{color: #fff;font-size: 16px; line-height: 90px; margin-left: 55px; position: relative;white-space: nowrap;}
.nav a::before{content: '';display: inline-block;width: 0;height: 3px;background: #fff; position: absolute;left: 50%; transform: translateX(-50%);top: 0; opacity: 0; transition: all 0.3s;}
.nav a:hover::before,.nav a.now::before{opacity: 1; width: 60px;}
.log{margin-left: 70px;border: 1px solid #16DDD7;width: 120px;height: 50px;box-sizing: border-box;color: #fff;font-size: 14px;border-radius: 25px;}
.header.now{background: #fff;box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);}
.header.now .logo{background: url(../images/logo2.png) no-repeat left center;}
.header.now .nav a{color: #333;}
.header.now .log{color: #333;}
.header.now .nav a::before,.header.now .nav a.now::before{background: #4472c4;}

.sbanner{text-align: center;padding: 160px 0 0; color: #fff;height: 400px;box-sizing: border-box;}
.sbanner h2{font-family:fverdanab; font-size: 36px; line-height: 36px; margin-bottom: 20px; text-transform: uppercase;}
.sbanner p{color: #F2F1FF;font-size: 24px; line-height: 30px;}
.about{padding: 120px 0 180px;color: #333;font-size: 16px; line-height: 36px;}
.about h2{font-size: 24px;margin-bottom: 20px;font-family:fverdanab; }
.footer{background: url(../images/img1b.png) no-repeat center bottom;padding: 80px 0 0;box-sizing: border-box;height: 473px;color: #fff;}
.ftxt1{font-family:fverdanab;font-size: 36px; line-height: 48px;margin-bottom: 30px;}
.reg{background: #16DDD7;width: 395px;height: 80px;border-radius: 40px;color: #fff;text-transform: uppercase;font-size: 24px;font-family:fverdanab;}
.reg:hover{background: #15c2bd;}
.footerb{border-top: 1px solid #787EFE;padding: 30px 0;}
.footerbt{color: #fff;font-size: 20px;}
.icon1{width: 60px;height: 60px;position: relative;background: url(../images/icon1.png) no-repeat center center #585BF3;border-radius: 50%; overflow: hidden;}
.icon2{width: 60px;height: 60px;position: relative;background: url(../images/icon2.png) no-repeat center center rgba(25, 27, 134, 0.1);border-radius: 50%; overflow: hidden;}
.icon3{width: 60px;height: 60px;position: relative;background: url(../images/icon3.png) no-repeat center center #585BF3;border-radius: 50%; overflow: hidden;}
.ftxt2{color: #CFD1FF;font-size: 16px;line-height: 26px;padding: 40px 0 0;}
.contact{background: url(../images/icon4.jpg) no-repeat center top;padding: 200px 0 310px;max-width: 1240px;width: 100%; margin: 0 auto;color: #333;font-size: 24px; line-height: 30px;}
.contact p{padding: 30px 0 0;}
.contact li{text-align: center;}
.banner{background: url(../images/img2.png) no-repeat center top;position: relative;height: 906px;box-sizing: border-box;padding: 130px 0 0;}
.bannerl{padding: 85px 0 0;width: 545px;color: #fff;}
.bannerl h2{font-family:fverdanab;font-size: 56px; line-height: 72px;}
.bannerl p{font-size: 16px; line-height: 30px;margin: 30px 0 50px;}
.bannerl a{background: #16DDD7;width: 260px;height: 80px;border-radius: 40px;color: #fff;text-transform: uppercase;font-size: 24px; font-weight: 400;}
.bannerl a:hover{background: #15c2bd;}
.img3{padding: 100px 0 0;}
.img3l{width: 540px;}
.img3l span{color: #F9768D;font-size: 18px; line-height: 18px;}
.img3l h2{color: #343067;font-size: 36px;font-family:fverdanab; line-height: 46px;padding: 10px 0 20px;}
.img3l p{color: #343067;font-size: 15px; line-height: 28px;padding-bottom: 20px;}
.img3r{width: 710px;}
.img3rl,.img3rr{width: 330px;}
.img3r li{box-shadow: 0px 10px 100px 0px rgba(139, 147, 168, 0.15);background: #fff;border-radius: 10px;background: #fff;height: 330px;box-sizing: border-box;padding: 50px 30px 0;text-align: center; transition: all 0.3s; cursor: pointer;}
.img3rr li{height: 435px;}
.img3r li span{width: 80px;height: 80px;border-radius: 50%; transition: all 0.3s;}
.img3r li h2{text-align: center;font-family:fverdanab;font-size: 20px;color: #343067;padding: 25px 0 20px; transition: all 0.3s; line-height:30px;}
.img3r li p{color: #7E87A0;font-size: 14px; line-height: 24px;  transition: all 0.3s;}
.img3r li:hover{background: #5E60FF; transform: translateY(-10px);}
.img3r li:hover h2,.img3r li:hover p{color: #fff;}
.icon6{background: url(../images/icon6a.png) no-repeat center center;}
.img3r li:hover .icon6{background: url(../images/icon6b.png) no-repeat center center;}
.icon7{background: url(../images/icon7a.png) no-repeat center center;}
.img3r li:hover .icon7{background: url(../images/icon7b.png) no-repeat center center;}
.icon8{background: url(../images/icon8a.png) no-repeat center center;}
.img3r li:hover .icon8{background: url(../images/icon8b.png) no-repeat center center;}
.easily{background: url(../images/img4.png) no-repeat center top;margin-top: -35px;padding: 405px 0 110px;}
.easilyt h2{color: #fff;font-family:fverdanab;font-size: 36px; line-height: 40px;}
.easilyt p{color: #fff;font-size: 15px; line-height: 25px;padding: 20px 0 0;}
.easilym{margin:70px auto; position: relative; overflow: hidden;}
.easilym .swiper-slide{width: 886px;}
.easilym .swiper-slide img{width: 100%; vertical-align: top;border-radius: 30px;}
.easilyb li{transition: all 0.3s;border-radius: 10px;box-shadow: 0px 0px 35px 0px rgba(147, 155, 193, 0.5);width: calc((100% - 90px)/4);height: 150px;box-sizing: border-box;padding-left: 40px; transition: all 0.3s;}
.easilyb li b{padding-left: 98px;color: #333;font-size: 20px; line-height: 30px;transition: all 0.3s;font-family:fverdanab;height:80px; }
.icon9{width: 33px;height: 33px;background: url(../images/icon9a.png) no-repeat center center; cursor: pointer; position: absolute;left: 48px; top: 50%; transform: translateY(-50%); z-index: 10;}
.icon9:hover{background: url(../images/icon9b.png) no-repeat center center; }
.icon10{width: 33px;height: 33px;background: url(../images/icon10a.png) no-repeat center center; cursor: pointer; position: absolute;right: 48px; top: 50%; transform: translateY(-50%); z-index: 10;}
.icon10:hover{background: url(../images/icon10b.png) no-repeat center center; }
.easilyb li:hover{background: url(../images/icon15.png) no-repeat center center;background-size: cover; transform: translateY(-10px);}
.easilyb li:hover b{color: #fff;}
.icon11{background: url(../images/icon11a.png) no-repeat left center;}
.easilyb li:hover .icon11{background: url(../images/icon11b.png) no-repeat left center;}
.icon12{background: url(../images/icon12a.png) no-repeat left center;}
.easilyb li:hover .icon12{background: url(../images/icon12b.png) no-repeat left center;}
.icon13{background: url(../images/icon13a.png) no-repeat left center;}
.easilyb li:hover .icon13{background: url(../images/icon13b.png) no-repeat left center;}
.icon14{background: url(../images/icon14a.png) no-repeat left center;}
.easilyb li:hover .icon14{background: url(../images/icon14b.png) no-repeat left center;}
.img5{background: url(../images/img5.png) no-repeat center center;padding: 135px 0 205px;}
.img5r{width: calc(100% - 570px);}
.img5r span{color: #FA768D;font-size: 16px; line-height: 18px;}
.img5r h2{font-family:fverdanab;font-size: 36px; line-height: 40px;padding: 30px 0 20px;color: #fff;}
.img5r p{color: #fff;font-size: 16px; line-height: 30px; padding-bottom: 40px;}
.img5r li{padding-left: 50px; color: #fff; line-height: 52px;font-size: 18px;box-sizing: border-box;width: 360px;background: url(../images/icon17.png) no-repeat left center;}
.jnum{background: url(../images/icon4.jpg) no-repeat center 50px;padding: 190px 0 160px;}
.jnum h2{color: #343067;font-size: 36px; line-height: 40px; text-align: center;font-family:fverdanab;padding-bottom: 180px;}
.jnumb li{text-align: center;}
.jnumb li b{color: #4472c4;font-size: 53px; line-height: 55px;font-family:fverdanab;}
.jnumb li p{padding: 20px 0 0;color: #808080;font-size: 26px; line-height: 36px; text-align: center;}
@media screen and (max-width:1536px){

	.wrap{max-width:calc(1420px * 0.8) }

}

@media screen and (max-width:1441px){

	

   

} 

@media screen and (max-width:1368px){

	/* .wrap{width:calc(1420px * 0.7) } */
	.bannerl h2{font-size:calc( 56px * 0.7);line-height:calc(72px * 0.7);}
	.easilym .swiper-slide{    width:calc(886px * 0.8);}
	.img5r{width: calc(100% - 550px);}
	.img5r h2{font-size:calc(36px * 0.8);		line-height:calc(40px * 0.8);}
	.img5r p{padding-bottom: 30px;}
	.img5r li{width: calc(360px * 0.8);font-size: 16px;}
	.img3rl,.img3rr{width:calc( 330px * 0.8);}
.img3r li{height: calc(330px * 0.8);padding: 50px 30px 0;}
.img3rr li{height: calc(435px * 0.8);}
.img3r li span{width:calc( 80px * 0.8);height:calc(80px * 0.8);}
.img3r li h2{font-size: calc(20px * 0.8);padding: 25px 0 20px;  line-height:calc(30px * 0.8);}
.img3r li p{font-size: calc(14px * 0.8); line-height:calc( 24px * 0.8); }
.img3r{width:  calc(710px * 0.8);}
.img3l{width: calc(540px * 0.8);}
.img3l span{font-size: calc(18px * 0.8); line-height: calc(18px * 0.8);}
.img3l h2{font-size: calc(36px * 0.8);line-height: calc(46px * 0.8);}
.img3l p{font-size: calc(15px * 0.8); }
.img3l img{width: calc(581px * 0.8);}
.footerbt{font-size: 16px;}
}