@media (min-width:1441px){/* DESKTOPS */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:720px;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:720px;}
	
		.banner .swiper-slide-active figure img{animation:bannerimgmc 6s 1 linear forwards;-webkit-animation:bannerimgmc 6s 1 linear forwards;}
		@keyframes xbannerimgmc{
			0%{opacity:0;transform:translate(-50%,-50%) scale(1);}
			10%{opacity:1;}
			90%{opacity:1;}
			100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
		}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
	.bannermain{position:absolute;z-index:3;top:0;right:0;bottom:0;width:460px;background:rgba(0,0,0,0.8);color:#fff;box-sizing:border-box;padding:150px 60px;}
		.bannermain h2{font-size:30px;line-height:40px;margin-bottom:10px;}
		.bannermain section{font-size:24px;line-height:30px;margin-bottom:60px;}
		.bannermain ul{}
		.bannermain li:not(:last-child){margin-bottom:40px;}
		.bannermain li h3{background:#01498c;font-size:20px;line-height:30px;color:#fff;text-transform:uppercase;padding:0 10px;border-radius:5px;font-weight:normal;margin-bottom:5px;}
		.bannermain li p{font-size:16px;display:inline-block;border-bottom:1px solid rgba(255,255,255,0.5);}

.title{margin-bottom:50px;}
	.title h2{font-size:30px;line-height:30px;text-transform:uppercase;text-align:center;font-weight:normal;}

.industry{padding:50px 0 0;background:#fff;}
	.industryclass{padding:30px;}
		.industryclass ul{overflow:hidden;margin:0 -1%;}
		.industryclass li{float:left;width:31.33%;margin:1%;}
		.industryclass li a{position:relative;display:block;color:#fff;}
			.industryclass figure{position:relative;}
			.industryclass figure:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,90,173,0.8);color:#fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.industryclass figure:after{content:'';display:block;position:absolute;top:20px;left:20px;bottom:20px;right:20px;border:1px solid #fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.industryclass figure img{width:100%;}
			.industryclass section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
			.industryclass section h3{font-size:30px;line-height:30px;text-transform:uppercase;margin-bottom:20px;font-weight:normal;text-shadow:0 0 5px rgba(0,0,0,0.8);}
			.industryclass section span{font-size:12px;display:inline-block;border-bottom:1px solid rgba(255,255,255,0.5);text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,0.2);}
		.industryclass li a:hover figure:before{opacity:1;}
		.industryclass li a:hover figure:after{opacity:1;}

.case{background:#fff;padding:50px 0 100px;}
	.caseslide{padding:0 100px;position:relative;}
	.caseslide .swiper-button-prev{left:50px;}
		.caseslide .swiper-button-prev span{display:block;width:40px;height:40px;text-align:center;line-height:40px;font-size:30px;background:#f6f6f6;color:#7b7b7b;border-radius:40px;text-indent:5px;}
	.caseslide .swiper-button-next{right:50px;}	
		.caseslide .swiper-button-next span{display:block;width:40px;height:40px;text-align:center;line-height:40px;font-size:30px;background:#f6f6f6;color:#7b7b7b;border-radius:40px;text-indent:-5px;}
		.caseslideimg{float:right;width:580px;padding:0 20px;}
		.caseslideinfo{float:left;width:580px;padding:0 20px;}
			.caseslideinfo p{text-transform:uppercase;margin-bottom:30px;font-size:16px;color:#005aad;}
			.caseslideinfo h3{text-transform:uppercase;font-size:30px;line-height:40px;margin-bottom:20px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.caseslideinfo h4{text-transform:uppercase;font-size:18px;margin-bottom:40px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.caseslideinfo section{font-size:16px;line-height:25px;color:#999;height:125px;margin-bottom:15px;}
			.caseslideinfo a{display:inline-block;line-height:40px;padding:0 10px;background:#005aad;text-transform:uppercase;color:#fff;}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:720px;}
	.banner img{position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:720px;}
	
		.banner .swiper-slide-active figure img{animation:bannerimgmc 6s 1 linear forwards;-webkit-animation:bannerimgmc 6s 1 linear forwards;}
		@keyframes xbannerimgmc{
			0%{opacity:0;transform:translate(-50%,-50%) scale(1);}
			10%{opacity:1;}
			90%{opacity:1;}
			100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
		}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
	.bannermain{position:absolute;z-index:3;top:0;right:0;bottom:0;width:460px;background:rgba(0,0,0,0.8);color:#fff;box-sizing:border-box;padding:150px 60px;}
		.bannermain h2{font-size:30px;line-height:40px;margin-bottom:10px;}
		.bannermain section{font-size:24px;line-height:30px;margin-bottom:60px;}
		.bannermain ul{}
		.bannermain li:not(:last-child){margin-bottom:40px;}
		.bannermain li h3{background:#01498c;font-size:20px;line-height:30px;color:#fff;text-transform:uppercase;padding:0 10px;border-radius:5px;font-weight:normal;margin-bottom:5px;}
		.bannermain li p{font-size:16px;display:inline-block;border-bottom:1px solid rgba(255,255,255,0.5);}

.title{margin-bottom:50px;}
	.title h2{font-size:30px;line-height:30px;text-transform:uppercase;text-align:center;font-weight:normal;}

.industry{padding:50px 0 0;background:#fff;}
	.industryclass{padding:0 30px;}
		.industryclass ul{overflow:hidden;margin:0 -1%;}
		.industryclass li{float:left;width:31.33%;margin:1%;}
		.industryclass li a{position:relative;display:block;color:#fff;}
			.industryclass figure{position:relative;}
			.industryclass figure:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,90,173,0.8);color:#fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.industryclass figure:after{content:'';display:block;position:absolute;top:20px;left:20px;bottom:20px;right:20px;border:1px solid #fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.industryclass figure img{width:100%;}
			.industryclass section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
			.industryclass section h3{font-size:30px;line-height:30px;text-transform:uppercase;margin-bottom:20px;font-weight:normal;text-shadow:0 0 5px rgba(0,0,0,0.8);}
			.industryclass section span{font-size:12px;display:inline-block;border-bottom:1px solid rgba(255,255,255,0.5);text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,0.2);}
		.industryclass li a:hover figure:before{opacity:1;}
		.industryclass li a:hover figure:after{opacity:1;}

.case{background:#fff;padding:50px 0 100px;}
	.caseslide{padding:0 100px;position:relative;}
	.caseslide .swiper-button-prev{left:50px;}
		.caseslide .swiper-button-prev span{display:block;width:40px;height:40px;text-align:center;line-height:40px;font-size:30px;background:#f6f6f6;color:#7b7b7b;border-radius:40px;text-indent:5px;}
	.caseslide .swiper-button-next{right:50px;}	
		.caseslide .swiper-button-next span{display:block;width:40px;height:40px;text-align:center;line-height:40px;font-size:30px;background:#f6f6f6;color:#7b7b7b;border-radius:40px;text-indent:-5px;}
		.caseslideimg{float:right;width:500px;}
			.caseslideimg figure{overflow:hidden;}
		.caseslideinfo{float:left;width:480px;}
			.caseslideinfo p{text-transform:uppercase;margin-bottom:30px;font-size:16px;color:#005aad;}
			.caseslideinfo h3{text-transform:uppercase;font-size:30px;line-height:40px;margin-bottom:20px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.caseslideinfo h4{text-transform:uppercase;font-size:18px;margin-bottom:40px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.caseslideinfo section{font-size:16px;line-height:25px;color:#999;height:125px;margin-bottom:15px;}
			.caseslideinfo a{display:inline-block;line-height:40px;padding:0 10px;background:#005aad;text-transform:uppercase;color:#fff;}
}
@media (min-width:768px) and (max-width:1024px){/* TABLET */

}
@media (max-width:767px){/* MOBILE */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;}
	.banner img{width:100%;}
	
		.banner .swiper-slide-active figure img{animation:bannerimgmc 6s 1 linear forwards;-webkit-animation:bannerimgmc 6s 1 linear forwards;}
		@keyframes xbannerimgmc{
			0%{opacity:0;transform:translate(-50%,-50%) scale(1);}
			10%{opacity:1;}
			90%{opacity:1;}
			100%{opacity:0;transform:translate(-50%,-50%) scale(1.1);}
		}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
	.bannermain{background:rgba(0,0,0,0.8);color:#fff;padding:40px 20px;}
		.bannermain h2{font-size:22px;line-height:30px;margin-bottom:5px;text-transform:uppercase;}
		.bannermain section{font-size:15px;margin-bottom:10px;text-transform:uppercase;}
		.bannermain ul{}
		.bannermain li:not(:last-child){margin-bottom:10px;}
		.bannermain li h3{background:#01498c;font-size:14px;color:#fff;text-transform:uppercase;padding:0 5px;border-radius:5px;font-weight:normal;margin-bottom:5px;}
		.bannermain li p{display:inline-block;border-bottom:1px solid rgba(255,255,255,0.5);}

.title{}
	.title h2{font-size:24px;line-height:30px;text-transform:uppercase;text-align:center;font-weight:normal;}

.industry{background:#fff;padding:20px 0;}
	.industryclass{padding:20px;}
		.industryclass ul{overflow:hidden;margin:0 -1%;}
		.industryclass li{float:left;width:48%;margin:0 1% 2%;}
		.industryclass li:nth-of-type(1){float:left;width:98%;margin:0 1% 2%;}
		.industryclass li a{position:relative;display:block;color:#fff;}
			.industryclass figure{position:relative;}
			.industryclass figure:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,90,173,0.8);color:#fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.industryclass figure:after{content:'';display:block;position:absolute;top:20px;left:20px;bottom:20px;right:20px;border:1px solid #fff;opacity:0;transition:all 0.3s ease-out 0s;}
			.industryclass figure img{width:100%;}
			.industryclass section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
			.industryclass section h3{font-size:15px;text-transform:uppercase;margin-bottom:20px;font-weight:normal;text-shadow:0 0 5px rgba(0,0,0,0.8);}
			.industryclass section span{font-size:12px;display:inline-block;border-bottom:1px solid rgba(255,255,255,0.5);text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,0.2);}
		.industryclass li a:hover figure:before{opacity:1;}
		.industryclass li a:hover figure:after{opacity:1;}

.case{background:#fff;}
	.caseslide{position:relative;}
	.caseslide .swiper-button-prev{left:20px;}
		.caseslide .swiper-button-prev span{display:block;width:20px;height:20px;text-align:center;line-height:20px;font-size:20px;background:#f6f6f6;color:#7b7b7b;border-radius:40px;text-indent:5px;}
	.caseslide .swiper-button-next{right:20px;}	
		.caseslide .swiper-button-next span{display:block;width:20px;height:20px;text-align:center;line-height:20px;font-size:20px;background:#f6f6f6;color:#7b7b7b;border-radius:40px;text-indent:-5px;}
		.caseslideimg{margin:0 0 20px;}
		.caseslideimg figure{overflow:hidden;}
		.caseslideimg img{width:100%;}
		.caseslideinfo{padding:40px 20px;}
			.caseslideinfo p{text-transform:uppercase;margin-bottom:20px;font-size:16px;color:#005aad;}
			.caseslideinfo h3{text-transform:uppercase;font-size:24px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.caseslideinfo h4{text-transform:uppercase;font-size:16px;margin-bottom:10px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.caseslideinfo section{color:#999;margin:0 0 20px;}
			.caseslideinfo a{display:inline-block;line-height:30px;padding:0 10px;background:#005aad;text-transform:uppercase;color:#fff;}

}