@media (min-width:1441px){/* DESKTOPS */
.banner{position:relative;}
	.banner figure{overflow:hidden;position:relative;height:620px;background:#000;}
	.banner img{position:absolute;position:absolute;top:0;left:0;bottom:0;right:0;transform:scale(1.1);}
	.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:150px;padding:0 5%;}
		.banner section dl{width:50%;text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:18px;font-weight:bold;margin-bottom:20px;}
		.banner section dd{color:#fff;font-size:14px;margin-bottom:60px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;color:#0073b2;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 8.1s 1 linear forwards;-webkit-animation:bannerimgmc 8.1s 1 linear forwards;}
		@keyframes bannerimgmc{
			0%{transform:scale(1.1);}
			100%{transform:scale(1);}
		}
		.banner .swiper-button-prev{left:0;}
		.banner .swiper-button-next{right:0;}

.title{margin-bottom:40px;text-align:center;}
	.title h2{display:inline-block;font-size:14px;margin-bottom:20px;position:relative;border:1px solid #ddd;padding:0 13px;font-weight:normal;color:#ccc;}
	.title p{font-size:14px;font-weight:normal;opacity:0.7;}

.class{position:relative;padding:80px 0;background:#f6f6f6;}
.class .w{position:relative;z-index:3;}
	.classtitle{vertical-align:baseline;overflow:hidden;text-align:center;margin-bottom:40px;}		
		.classtitle h3{font-size:18px;line-height:30px;color:#239ccc;}
		.classtitle h2{font-size:14px;text-transform:uppercase;font-weight:normal;color:#ccc;}
	.classlist{}
		.classlist ul{margin:0 -1%;}
		.classlist li{float:left;width:23%;margin:0 1%;}		
		.classlist li a{display:block;position:relative;}
		.classlist li figure{position:relative;overflow:hidden;border-radius:5px;}
		.classlist li figure img{width:100%;}
		.classlist li figcaption{position:absolute;left:20px;right:20px;font-size:22px;line-height:40px;transition:all ease-out 0.3s;}
		.classlist li dl{position:relative;z-index:3;padding:20px;background:#fff;margin:-30px 20px 0;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,0.1);}
		.classlist li dt{transition:all 0.3s ease-out 0.1s;}
		.classlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;text-align:center;margin:0 5px 0 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.classlist li dd{display:none;font-size:16px;line-height:30px;height:90px;overflow:hidden;transition:all 0.3s ease-out 0.2s;opacity:0.8;}
		.classlist li span{text-transform:uppercase;color:#fc0;margin-left:-100px;transition:all 0.3s ease-out 0.3s;opacity:0;}
		.classlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.classlist li a:hover figcaption{opacity:0;bottom:0;}
		.classlist li a:hover dt{margin-left:0;opacity:1;}
		.classlist li a:hover dd{margin-left:0;opacity:1;}
		.classlist li a:hover span{margin-left:0;opacity:1;}


.solution{position:relative;padding:80px 0;}
.solution .w{position:relative;z-index:3;}
	.solutiontitle{text-align:center;margin-bottom:40px;}
		.solutiontitle h3{font-size:18px;color:#239ccc;}
		.solutiontitle h2{font-size:14px;font-weight:normal;text-transform:uppercase;color:#ccc;}
	.solutionslide{}
	.solutionslide .swiper-container{}
		.solutionslideitem{overflow:hidden;}
			.solutionslideitem figure{}
				.solutionslideitemimg{float:left;width:48%;}
				.solutionslideitemimg img{opacity:1;transition:all 0.3s ease-out 0s;width:100%;border-radius:10px;}
				.solutionslideitembg{display:none;}
				.solutionslideitembg img{width:700px;filter:blur(5px);-webkit-filter:blur(5px);opacity:0;transition:all 0.3s ease-out 0s;}
			.solutionslideitem section{float:right;width:48%;}
				.solutionslideitem dl{margin-bottom:20px;}
				.solutionslideitem dt{margin-bottom:20px;color:#239ccc;font-weight:bold;}
				.solutionslideitem dd{height:80px;overflow:hidden;opacity:0.6;}
				.solutionslideitem a{display:block;overflow:hidden;color:#ccc;}
				.solutionslideitem a i{display:block;width:20px;height:20px;font-size:15px;background:#da251d;color:#fff;border-radius:20px;text-align:center;float:right;margin-left:10px;}
		.solutionslide .swiper-slide-active .solutionslideitemimg img{opacity:1;}
		.solutionslide .swiper-slide-active .solutionslideitembg img{opacity:1;}


.about{position:relative;z-index:3;padding:80px 0;background:#f6f6f6;}
.about .w{}
	.abouttitle{text-align:center;}
		.abouttitle h3{font-size:18px;text-transform:uppercase;color:#239ccc;}
		.abouttitle h2{font-size:14px;text-transform:uppercase;font-weight:normal;color:#ccc;}
		
	.aboutlist{}
		.aboutlist ul{}
		.aboutlist li{}
		.aboutlist li a{display:block;}
		.aboutlist li figure{float:left;border-radius:5px;overflow:hidden;margin-right:40px;}
		.aboutlist li figure img{width:100%;}
		.aboutlist li dl{margin-bottom:40px;}
		.aboutlist li dt{margin:20px 0;transition:all 0.3s ease-out 0s;}
		.aboutlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;margin:0 5px 0 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.aboutlist li dd{opacity:0.7;}
		.aboutlist li span{}
		.aboutlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.aboutlist li a:hover dt i{background:#0073b2;}

.support{background:url(../images/bgsupport.jpg) no-repeat center center;padding:80px 0;}
	.supporttitle{color:#239ccc;text-align:center;margin-bottom:40px;}
		.supporttitle h3{font-size:18px;}
		.supporttitle h2{font-size:14px;font-weight:normal;text-transform:uppercase;color:#ccc;}
	.supportlist{}
		.supportlist ul{margin:0 -1%;}
		.supportlist li{float:left;width:48%;margin:0 1% 20px;}
		.supportlist li a{display:block;background:#fff;padding:20px;border-radius:5px;position:relative;}
		.supportlist li a i{display:block;width:20px;height:20px;text-align:center;font-size:20px;line-height:20px;background:#75c5f0;color:#fff;transition:all 0.3s ease-out 0s;}
		.supportlist li dl{margin-bottom:10px;}
		.supportlist li dt{margin-bottom:10px;}
		.supportlist li dt span{color:#000;font-size:14px;display:block;float:left;line-height:20px;margin-right:5px;transition:all 0.3s ease-out 0s;}
		.supportlist li dd{opacity:0.6;height:40px;overflow:hidden;}
		.supportlist li a:hover i{background:#da251d;}
		.supportlist li a:hover dt span{margin-right:20px;}
	.supportmore{}
		.supportmore a{display:block;width:200px;font-size:14px;text-align:center;border:1px solid #fff;line-height:28px;margin:0 auto;color:#fff;border-radius:50px;}

.contact{padding:80px 0;background:url(../images/bgcontact.jpg) no-repeat center center;position:relative;}
.contact:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(to right,rgba(0,115,178,0.8) 0,rgba(0,115,178,0.8) 0 100%);}
	.contactinfo{}
		.contactinfo a{position:relative;z-index:1;display:block;color:#fff;text-align:center;}
		.contactinfo i{position:relative;z-index:1;display:block;color:#fff;transition:all 0.3s ease-out 0s;text-transform:uppercase;font-style:normal;margin-bottom:10px;}
		.contactinfo h2{position:relative;z-index:1;font-size:14px;margin-bottom:20px;font-weight:normal;}
		.contactinfo span{position:relative;z-index:1;display:inline-block;border:1px solid #fff;line-height:36px;padding:0 10px;margin-bottom:10px;border:1px solid #fff;border-radius:50px;padding:0 100px;}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
.banner{position:relative;}
	.banner figure{overflow:hidden;position:relative;height:500px;background:#000;}
	.banner img{position:absolute;position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;height:600px;}
	.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:150px;padding:0 5%;}
		.banner section dl{text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:18px;font-weight:bold;margin-bottom:20px;}
		.banner section dd{color:#fff;font-size:14px;margin-bottom:60px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;color:#0073b2;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 8.1s 1 linear forwards;-webkit-animation:bannerimgmc 8.1s 1 linear forwards;}
		@keyframes bannerimgmc{
			0%{opacity:0;}
			20%{transform:scale(1);opacity:1;}
			90%{opacity:1;}
			100%{transform:scale(1.1);opacity:0;}
		}
		.banner .swiper-button-prev{left:0;}
		.banner .swiper-button-next{right:0;}

.title{margin-bottom:40px;text-align:center;}
	.title h2{display:inline-block;font-size:18px;line-height:38px;margin-bottom:20px;position:relative;border:1px solid #ddd;padding:0 13px;font-weight:normal;color:#ccc;}
	.title p{font-size:36px;line-height:40px;font-weight:normal;opacity:0.7;}

.class{position:relative;padding:60px 0;background:#f6f6f6;}
.class .w{position:relative;z-index:3;}
	.classtitle{vertical-align:baseline;overflow:hidden;text-align:center;margin-bottom:40px;}		
		.classtitle h3{font-size:18px;line-height:30px;color:#0073b2;}
		.classtitle h2{font-size:14px;font-weight:normal;text-transform:uppercase;color:#ccc;}
	.classlist{}
		.classlist ul{margin:0 -1%;}
		.classlist li{float:left;width:23%;margin:0 1%;}		
		.classlist li a{display:block;position:relative;}
		.classlist li figure{position:relative;overflow:hidden;border-radius:5px;}
		.classlist li figure img{width:100%;}
		.classlist li figcaption{position:absolute;left:20px;right:20px;font-size:22px;line-height:40px;transition:all ease-out 0.3s;}
		.classlist li dl{position:relative;z-index:3;padding:20px;background:#fff;margin:-30px 20px 0;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,0.1);}
		.classlist li dt{font-size:14px;transition:all 0.3s ease-out 0.1s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
		.classlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;margin:0 5px 0 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.classlist li dd{display:none;line-height:25px;height:100px;overflow:hidden;transition:all 0.3s ease-out 0.2s;opacity:0.8;}
		.classlist li span{text-transform:uppercase;color:#fc0;margin-left:-100px;transition:all 0.3s ease-out 0.3s;opacity:0;}
		.classlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.classlist li a:hover figcaption{opacity:0;bottom:0;}
		.classlist li a:hover dt{margin-left:0;opacity:1;}
		.classlist li a:hover dd{margin-left:0;opacity:1;}
		.classlist li a:hover span{margin-left:0;opacity:1;}

.solution{position:relative;padding:60px 0;}
.solution .w{position:relative;z-index:3;}
	.solutiontitle{text-align:center;margin-bottom:40px;}
		.solutiontitle h3{font-size:18px;color:#0073b2;}
		.solutiontitle h2{text-transform:uppercase;font-size:14px;color:#ccc;font-weight:normal;}
	.solutionslide{}
	.solutionslide .swiper-container{overflow:visible;}
		.solutionslideitem{overflow:hidden;}
			.solutionslideitem figure{border-radius:10px;overflow:hidden;}
			.solutionslideitemimg{float:left;width:48%;}
			.solutionslideitemimg img{width:100%;transition:all 0.3s ease-out 0s;}
			.solutionslideitembg{display:none;position:absolute;bottom:0;left:-400px;}
			.solutionslideitembg img{width:700px;filter:blur(5px);-webkit-filter:blur(5px);opacity:0;transition:all 0.3s ease-out 0s;}
			.solutionslideitem section{float:right;width:48%;}
			.solutionslideitem dl{margin-bottom:15px;}
			.solutionslideitem dt{margin-bottom:15px;color:#239ccc;font-weight:bold;}
			.solutionslideitem dd{height:60px;overflow:hidden;opacity:0.6;}
			.solutionslideitem a{display:block;overflow:hidden;color:#ccc;}
			.solutionslideitem a i{display:block;width:20px;height:20px;font-size:15px;background:#da251d;color:#fff;border-radius:20px;text-align:center;float:right;margin-left:10px;}
		.solutionslide .swiper-slide-active .solutionslideitemimg img{opacity:1;}
		.solutionslide .swiper-slide-active .solutionslideitembg img{opacity:1;}

.about{position:relative;z-index:3;padding:60px 0;background:#f6f6f6;}
	.abouttitle{text-align:center;}
		.abouttitle h3{font-size:18px;color:#239ccc;}
		.abouttitle h2{font-size:14px;text-transform:uppercase;font-weight:normal;color:#ccc;}
	.aboutlist{}
		.aboutlist ul{}
		.aboutlist li{}
		.aboutlist li a{display:block;}
		.aboutlist li figure{float:left;margin-right:40px;border-radius:5px;overflow:hidden;}
		.aboutlist li figure img{width:100%;}
		.aboutlist li dl{margin-bottom:40px;}
		.aboutlist li dt{font-size:14px;margin:20px 0;transition:all 0.3s ease-out 0s;}
		.aboutlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;margin:0 5px 0 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.aboutlist li dd{font-size:14px;line-height:30px;opacity:0.7;}
		.aboutlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.aboutlist li a:hover dt i{background:#0073b2;}

.support{background:url(../images/bgsupport.jpg) no-repeat center center;padding:60px 0;}
	.supporttitle{color:#fff;text-align:center;margin-bottom:40px;}
		.supporttitle h3{font-size:18px;color:#239ccc;}
		.supporttitle h2{font-size:14px;text-transform:uppercase;font-weight:normal;color:#ccc;}
	.supportlist{margin-bottom:40px;}
		.supportlist ul{margin:0 -1%;}
		.supportlist li{float:left;width:48%;margin:0 1% 10px;}
		.supportlist li a{display:block;background:#fff;padding:20px;border-radius:5px;position:relative;}
		.supportlist li a i{display:block;width:20px;height:20px;text-align:center;font-size:20px;line-height:20px;background:#75c5f0;color:#fff;transition:all 0.3s ease-out 0s;}
		.supportlist li dl{margin-bottom:10px;}
		.supportlist li dt{margin-bottom:10px;}
		.supportlist li dt span{color:#000;font-size:20px;display:block;float:left;line-height:20px;margin-right:5px;transition:all 0.3s ease-out 0s;}
		.supportlist li dd{opacity:0.6;height:40px;overflow:hidden;}
		.supportlist li a:hover i{background:#da251d;}
		.supportlist li a:hover dt span{margin-right:20px;}
	.supportmore{}
		.supportmore a{display:block;width:200px;font-size:14px;line-height:28px;text-align:center;border:1px solid #fff;margin:0 auto;color:#fff;border-radius:50px;}

.contact{padding:60px 0;background:url(../images/bgcontact.jpg) no-repeat center center;position:relative;}
.contact:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(to right,rgba(0,115,178,0.8) 0,rgba(0,115,178,0.8) 0 100%);}
	.contactinfo{}
		.contactinfo a{position:relative;z-index:1;display:block;color:#fff;text-align:center;}
		.contactinfo i{position:relative;z-index:1;display:block;color:#fff;transition:all 0.3s ease-out 0s;font-size:14px;text-transform:uppercase;font-style:normal;margin-bottom:10px;}
		.contactinfo h2{position:relative;z-index:1;font-size:14px;margin-bottom:20px;font-weight:normal;}
		.contactinfo span{position:relative;z-index:1;display:inline-block;border:1px solid #fff;line-height:36px;padding:0 10px;margin-bottom:10px;border:1px solid #fff;border-radius:50px;padding:0 100px;}
}
@media (min-width:768px) and (max-width:1024px){/* TABLET */
.banner{position:relative;}
	.banner figure{overflow:hidden;position:relative;height:400px;background:#000;}
	.banner img{position:absolute;position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;height:400px;}
	.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:150px;padding:0 5%;}
		.banner section dl{text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:16px;}
		.banner section dd{color:#fff;font-size:30px;line-height:40px;margin-bottom:20px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;color:#0073b2;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 8.1s 1 linear forwards;-webkit-animation:bannerimgmc 8.1s 1 linear forwards;}
		@keyframes bannerimgmc{
			0%{opacity:0;}
			20%{transform:scale(1);opacity:1;}
			90%{opacity:1;}
			100%{transform:scale(1.1);opacity:0;}
		}
		.banner .swiper-button-prev{left:0;}
		.banner .swiper-button-next{right:0;}

.title{margin-bottom:40px;text-align:center;}
	.title h2{display:inline-block;font-size:18px;line-height:38px;margin-bottom:20px;position:relative;border:1px solid #ddd;padding:0 13px;font-weight:normal;color:#ccc;}
	.title p{font-size:36px;line-height:40px;font-weight:normal;opacity:0.7;}

.class{position:relative;padding:30px;background:#f6f6f6;}
.class .w{position:relative;z-index:3;}
	.classtitle{vertical-align:baseline;overflow:hidden;margin-bottom:20px;}
		.classtitle h2{font-family:'sysfont';font-size:18px;line-height:40px;text-transform:uppercase;background:-webkit-linear-gradient(-90deg,#75c5f0,#239ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
		.classtitle h3{font-size:17px;margin-bottom:10px;background:-webkit-linear-gradient(-90deg,#75c5f0,#239ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
	.classlist{}
		.classlist ul{margin:0 -1%;}
		.classlist li{float:left;width:23%;margin:0 1%;}		
		.classlist li a{display:block;position:relative;}
		.classlist li figure{position:relative;overflow:hidden;border-radius:5px;}
		.classlist li figure img{width:100%;}
		.classlist li figcaption{position:absolute;left:20px;right:20px;font-size:22px;line-height:40px;transition:all ease-out 0.3s;}
		.classlist li dl{position:relative;z-index:3;padding:15px;background:#fff;border-radius:0 0 10px 10px;}
		.classlist li dt{font-size:14px;transition:all 0.3s ease-out 0.1s;margin-bottom:10px;line-height:30px;}
		.classlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;margin:5px 5px 5px 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.classlist li dd{overflow:hidden;transition:all 0.3s ease-out 0.2s;opacity:0.8;height:80px;overflow:hidden;}
		.classlist li span{text-transform:uppercase;color:#fc0;margin-left:-100px;transition:all 0.3s ease-out 0.3s;opacity:0;}
		.classlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.classlist li a:hover figcaption{opacity:0;bottom:0;}
		.classlist li a:hover dt{margin-left:0;opacity:1;}
		.classlist li a:hover dd{margin-left:0;opacity:1;}
		.classlist li a:hover span{margin-left:0;opacity:1;}

.solution{padding:30px;}
	.solutiontitle{margin-bottom:20px;}
		.solutiontitle h3{font-size:17px;margin-bottom:10px;background:-webkit-linear-gradient(-90deg,#75c5f0,#239ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
		.solutiontitle h2{font-family:'sysfont';font-size:36px;line-height:40px;text-transform:uppercase;background:-webkit-linear-gradient(-90deg,#75c5f0,#239ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}		
	.solutionslide{}
		.solutionslideitem{position:relative;padding-left:300px;overflow:hidden;background:#75c5f0;color:#fff;border-radius:20px;}
			.solutionslideitemimg{position:absolute;top:0;left:0;width:300px;}
			.solutionslideitemimg figure{border-radius:20px 0 0 20px;overflow:hidden;}
			.solutionslideitemimg img{transition:all 0.3s ease-out 0s;width:100%;}
			.solutionslideitembg{display:none;}
			.solutionslideitem section{padding:20px;}
			.solutionslideitem dl{margin-bottom:40px;}
			.solutionslideitem dt{font-size:17px;line-height:30px;margin-bottom:10px;}
			.solutionslideitem dd{}
			.solutionslideitem a{display:block;overflow:hidden;}
			.solutionslideitem a i{display:block;width:20px;height:20px;font-size:15px;background:#fff;color:#239ccc;border-radius:20px;text-align:center;float:right;margin-left:10px;}
		.solutionslide .swiper-slide-active .solutionslideitemimg img{opacity:1;}
		.solutionslide .swiper-slide-active .solutionslideitembg img{opacity:1;}

.about{position:relative;z-index:3;padding:30px;background:#f6f6f6;}
.about .w{position:relative;z-index:3;}
	.abouttitle{position:absolute;top:0;left:0;width:100px;vertical-align:baseline;overflow:hidden;}
		.abouttitle h2{font-family:'sysfont';float:left;width:60px;font-size:56px;line-height:60px;writing-mode:vertical-rl;text-transform:uppercase;background:-webkit-linear-gradient(-90deg,#75c5f0,#239ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
		.abouttitle h3{float:right;width:20px;font-size:22px;font-weight:normal;line-height:30px;background:-webkit-linear-gradient(-90deg,#75c5f0,#239ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
	.aboutlist{padding-left:130px;}
		.aboutlist ul{}
		.aboutlist li{}
		.aboutlist li a{display:block;position:relative;padding-left:330px;}
		.aboutlist li figure{position:absolute;top:0;left:0;margin-right:40px;border-radius:5px;overflow:hidden;width:300px;}
		.aboutlist li figure img{width:100%;}
		.aboutlist li dl{margin-bottom:40px;}
		.aboutlist li dt{font-size:23px;line-height:30px;margin:20px 0;transition:all 0.3s ease-out 0s;}
		.aboutlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;margin:5px 5px 5px 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.aboutlist li dd{opacity:0.7;}
		.aboutlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.aboutlist li a:hover dt i{background:#0073b2;}

.support{background:url(../images/bgsupport.jpg) no-repeat center center;padding:30px;}
	.supporttitle{color:#fff;text-align:center;margin-bottom:20px;}
		.supporttitle h2{font-family:'sysfont';font-size:36px;line-height:40px;text-transform:uppercase;}
		.supporttitle h3{font-size:17px;margin-bottom:10px;}
	.supportlist{margin-bottom:20px;}
		.supportlist ul{margin:0 -1%;}
		.supportlist li{float:left;width:48%;margin:0 1% 10px;}
		.supportlist li a{display:block;background:#fff;padding:20px;border-radius:5px;position:relative;}
		.supportlist li a i{display:none;width:30px;height:30px;text-align:center;font-size:20px;line-height:30px;background:#75c5f0;color:#fff;transition:all 0.3s ease-out 0s;}
		.supportlist li dl{}
		.supportlist li dt{font-size:18px;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.supportlist li dt span{color:#000;font-size:17px;display:block;float:left;margin-right:5px;transition:all 0.3s ease-out 0s;}
		.supportlist li dd{opacity:0.6;height:40px;overflow:hidden;}
		.supportlist li a:hover i{background:#da251d;}
		.supportlist li a:hover dt span{margin-right:20px;}
	.supportmore{}
		.supportmore a{display:block;width:200px;height:38px;font-size:15px;line-height:38px;text-align:center;border:1px solid #fff;margin:0 auto;color:#fff;border-radius:50px;}

.contact{padding:30px;background:url(../images/bgcontact.jpg) no-repeat center center;position:relative;}
.contact:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(to right,rgba(0,115,178,0.8) 0,rgba(0,115,178,0.8) 0 100%);}
	.contactinfo{}
		.contactinfo a{position:relative;z-index:1;display:block;color:#fff;text-align:center;}
		.contactinfo i{position:relative;z-index:1;display:block;color:#fff;transition:all 0.3s ease-out 0s;font-family:'sysfont';font-size:56px;line-height:60px;text-transform:uppercase;font-style:normal;margin-bottom:20px;}
		.contactinfo h2{position:relative;z-index:1;margin-bottom:20px;font-weight:normal;}
		.contactinfo span{position:relative;z-index:1;display:inline-block;border:1px solid #fff;line-height:36px;padding:0 10px;margin-bottom:10px;border:2px solid #fff;border-radius:50px;padding:0 50px;font-size:16px;}
}
@media (max-width:767px){/* MOBILE */
.banner{position:relative;}
	.banner figure{overflow:hidden;position:relative;height:240px;background:#000;}
	.banner img{position:absolute;position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;height:240px;}
	.banner section{position:absolute;bottom:0;left:0;right:0;transform:translateY(-50%);padding:0 5%;}
		.banner section dl{text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:12px;}
		.banner section dd{color:#fff;font-size:12px;margin-bottom:10px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;color:#0073b2;}
		.banner .swiper-slide-active figure img{animation:bannerimgmc 8.1s 1 linear forwards;-webkit-animation:bannerimgmc 8.1s 1 linear forwards;}
		@keyframes bannerimgmc{
			0%{opacity:0;}
			20%{transform:scale(1);opacity:1;}
			90%{opacity:1;}
			100%{transform:scale(1.1);opacity:0;}
		}
		.banner .swiper-button-prev{left:0;}
		.banner .swiper-button-next{right:0;}

.title{margin-bottom:40px;text-align:center;}
	.title h2{display:inline-block;font-size:18px;line-height:38px;margin-bottom:20px;position:relative;border:1px solid #ddd;padding:0 13px;font-weight:normal;color:#ccc;}
	.title p{font-size:36px;line-height:40px;font-weight:normal;opacity:0.7;}

.class{position:relative;padding:20px;background:#f6f6f6;}
.class .w{position:relative;z-index:3;}
	.classtitle{text-align:center;margin-bottom:20px;}		
		.classtitle h3{font-size:18px;color:#75c5f0;}
		.classtitle h2{font-size:14px;text-transform:uppercase;color:#ccc;font-weight:normal;}
	.classlist{}
		.classlist ul{margin:0 -1%;}
		.classlist li{float:left;width:48%;margin:0 1% 10px;}		
		.classlist li a{display:block;position:relative;}
		.classlist li figure{position:relative;overflow:hidden;border-radius:5px;}
		.classlist li figure img{width:100%;}
		.classlist li figcaption{position:absolute;left:20px;right:20px;font-size:22px;line-height:40px;transition:all ease-out 0.3s;}
		.classlist li dl{position:relative;z-index:3;padding:15px;background:#fff;border-radius:0 0 10px 10px;}
		.classlist li dt{font-size:14px;transition:all 0.3s ease-out 0.1s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
		.classlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;margin:0 5px 0 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.classlist li dd{display:none;overflow:hidden;transition:all 0.3s ease-out 0.2s;opacity:0.8;height:80px;overflow:hidden;}
		.classlist li span{text-transform:uppercase;color:#fc0;margin-left:-100px;transition:all 0.3s ease-out 0.3s;opacity:0;}
		.classlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.classlist li a:hover figcaption{opacity:0;bottom:0;}
		.classlist li a:hover dt{margin-left:0;opacity:1;}
		.classlist li a:hover dd{margin-left:0;opacity:1;}
		.classlist li a:hover span{margin-left:0;opacity:1;}

.solution{padding:20px;}
	.solutiontitle{margin-bottom:20px;text-align:center;}
		.solutiontitle h3{font-size:14px;color:#75c5f0;}
		.solutiontitle h2{font-size:14px;text-transform:uppercase;color:#ccc;font-weight:normal;}
	.solutionslide{}
		.solutionslideitem{position:relative;background:#75c5f0;color:#fff;border-radius:10px;}
			.solutionslideitemimg{}
			.solutionslideitemimg figure{border-radius:10px;overflow:hidden;}
			.solutionslideitemimg img{transition:all 0.3s ease-out 0s;width:100%;}
			.solutionslideitembg{display:none;}
			.solutionslideitem section{padding:20px;}
			.solutionslideitem dl{margin-bottom:40px;}
			.solutionslideitem dt{font-size:14px;margin-bottom:10px;}
			.solutionslideitem dd{}
			.solutionslideitem a{display:block;overflow:hidden;}
			.solutionslideitem a i{display:block;width:20px;height:20px;font-size:15px;background:#fff;color:#239ccc;border-radius:20px;text-align:center;float:right;margin-left:10px;}
		.solutionslide .swiper-slide-active .solutionslideitemimg img{opacity:1;}
		.solutionslide .swiper-slide-active .solutionslideitembg img{opacity:1;}

.about{position:relative;z-index:3;padding:20px;background:#f6f6f6;}
.about .w{position:relative;z-index:3;}
	.abouttitle{text-align:center;margin-bottom:20px;}
		.abouttitle h3{font-size:14px;color:#75c5f0;}
		.abouttitle h2{font-size:14px;text-transform:uppercase;color:#ccc;font-weight:normal;}
	.aboutlist{}
		.aboutlist ul{}
		.aboutlist li{}
		.aboutlist li a{display:block;}
		.aboutlist li figure{border-radius:5px;overflow:hidden;}
		.aboutlist li figure img{width:100%;}
		.aboutlist li dl{margin:20px 0;}
		.aboutlist li dt{line-height:30px;margin:20px 0;transition:all 0.3s ease-out 0s;}
		.aboutlist li dt i{float:left;display:block;background:#da251d;color:#fff;border-radius:50px;width:20px;height:20px;font-size:14px;line-height:20px;text-align:center;margin:5px 5px 5px 0;font-weight:bold;transition:all 0.3s ease-out 0s;}
		.aboutlist li dd{opacity:0.7;}
		.aboutlist li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.aboutlist li a:hover dt i{background:#0073b2;}

.support{background:url(../images/bgsupport.jpg) no-repeat center center;padding:20px;}
	.supporttitle{color:#fff;text-align:center;margin-bottom:20px;}
		.supporttitle h3{font-size:14px;color:#75c5f0;}
		.supporttitle h2{font-size:14px;text-transform:uppercase;color:#ccc;font-weight:normal;}
	.supportlist{margin-bottom:20px;}
		.supportlist ul{}
		.supportlist li{margin-bottom:10px;}
		.supportlist li a{display:block;background:#fff;padding:20px;border-radius:5px;position:relative;}
		.supportlist li a i{display:none;width:30px;height:30px;text-align:center;font-size:20px;line-height:30px;background:#75c5f0;color:#fff;transition:all 0.3s ease-out 0s;}
		.supportlist li dl{}
		.supportlist li dt{margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.supportlist li dt span{color:#000;font-size:14px;display:block;float:left;margin-right:5px;transition:all 0.3s ease-out 0s;}
		.supportlist li dd{opacity:0.6;}
		.supportlist li a:hover i{background:#da251d;}
		.supportlist li a:hover dt span{margin-right:20px;}
	.supportmore{}
		.supportmore a{display:block;width:200px;height:38px;font-size:15px;line-height:38px;text-align:center;border:1px solid #fff;margin:0 auto;color:#fff;border-radius:50px;}

.contact{padding:20px;background:url(../images/bgcontact.jpg) no-repeat center center;position:relative;}
.contact:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(to right,rgba(0,115,178,0.8) 0,rgba(0,115,178,0.8) 0 100%);}
	.contactinfo{}
		.contactinfo a{position:relative;z-index:1;display:block;color:#fff;text-align:center;}
		.contactinfo i{position:relative;z-index:1;display:block;color:#fff;transition:all 0.3s ease-out 0s;font-size:14px;text-transform:uppercase;font-style:normal;margin-bottom:10px;}
		.contactinfo h2{position:relative;z-index:1;font-size:14px;margin-bottom:10px;font-weight:normal;}
		.contactinfo span{position:relative;z-index:1;display:inline-block;border:1px solid #fff;line-height:28px;padding:0 10px;margin-bottom:10px;border:1px solid #fff;border-radius:50px;padding:0 30px;font-size:14px;}
}