@media (min-width:1441px){/* DESKTOPS */
.banner{position:relative;background:#F3F3F3;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:800px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:800px;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination span{width:10px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#20a7df;}
		.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.til{text-align:center;margin:0 0 40px;}
	.til h2{font-size:60px;line-height:80px;text-transform:capitalize;position:relative;}
	.til h2:before{content:'';display:block;position:absolute;left:50%;top:75px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til h2 span{color:#0878f8;}
	.til p{font-size:16px;opacity:0.6;font-weight:normal;line-height:40px;}
	.til>span{font-family:'RobotoCondensed';text-transform:uppercase;font-size:50px;line-height:60px;opacity:0.05;font-weight:bold;}

.pro{padding:80px 0;}
	.prolis{margin:0 0 40px;}
		.prolis ul{margin:0 -1%;}
		.prolis li{float:left;width:48%;margin:0 1% 40px;}
		.prolis li a{display:block;position:relative;overflow:hidden;background:#fff;border-radius:20px;}
		.prolis figure{overflow:hidden;}
		.prolis figure img{width:100%;}
		.prolis div{position:absolute;bottom:0;left:0;right:0;box-sizing:border-box;padding:40px;transition:all 0.3s ease-out 0s;}
			.prolis div em{display:block;font-family:'sysfont';font-size:30px;line-height:40px;margin:0 0 40px;}					
			.prolis div h3{font-size:30px;line-height:40px;}
			.prolis div i{display:block;font-size:18px;line-height:30px;}
			.prolis div span{position:absolute;bottom:40px;right:30px;display:block;width:70px;height:70px;text-align:center;line-height:70px;font-size:40px;transition:all 0.3s ease-out 0s;}
			.prolis a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
			.prolis a:hover div{padding:40px 50px;color:#20a7df;}
			.prolis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.prolis a:hover div span{right:40px;color:#20a7df;}
	.promor{}
		.promor a{display:flex;justify-content:space-between;line-height:70px;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;width:200px;border-radius:40px;padding:0 30px;margin:0 auto;}
		.promor a span{font-size:22px;text-transform:capitalize;}
		.promor a i{font-size:30px;}
		.promor a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}		

.abo{background:url(../images/bgabout.jpg) no-repeat center center;padding:110px 0;/*background-attachment:fixed;*/position:relative;}
.abo:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.2);}
.abo .w{position:relative;z-index:1;}
	.aboinf{text-align:center;}
		.aboinf h2{font-size:60px;line-height:80px;text-transform:capitalize;position:relative;}
		.aboinf h2:before{content:'';display:block;position:absolute;left:50%;top:75px;transform:translateX(-50%);width:30px;height:2px;background:#20a7df;transition:all 0.3s ease-out 0s;}
		.aboinf h3{display:inline-block;font-size:30px;line-height:50px;margin:40px 0;font-style:italic;color:#20a7df;}
		.aboinf p{font-size:22px;line-height:30px;margin:0 auto 40px;width:1000px;}
		.aboinf a{width:220px;margin:0 auto 60px;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;padding:0 30px;border-radius:54px;width:220px;box-sizing:border-box;}
		.aboinf a span{font-size:22px;line-height:60px;text-transform:capitalize;}
		.aboinf a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
	.abonav{}
		.abonav ul{display:flex;}
		.abonav li{flex:1;margin:0 20px;}
		.abonav li a{display:block;height:90px;background:#fff;position:relative;border-radius:20px;overflow:hidden;}
		.abonav li a figure{display:none;overflow:hidden;}
		.abonav li a img{width:100%;}
		.abonav li a div{position:absolute;top:20px;left:20px;padding:0 0 0 70px;transition:all 0.3s ease-out 0s;}
			.abonav li a div i{position:absolute;top:0;left:0;width:50px;height:50px;text-align:center;font-size:40px;line-height:48px;border:1px solid #eee;border-radius:50px;transition:all 0.3s ease-out 0s;}
			.abonav li a div h3{font-size:22px;font-weight:normal;line-height:50px;}
			.abonav li a div span{display:none;color:#999;}
		.abonav li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.abonav li a:hover div{padding:0 0 0 80px;}
		.abonav li a:hover i{background:#20a7df;color:#fff;border:1px solid #20a7df;}
		.abonav li a:hover img{transform:scale3d(1.05, 1.05, 1);}
.bra{background:#f9f9f9;}
	.brasli{margin:80px 0;}
		.brasli .swiper-pagination{display:none;}
		.brasli figure{overflow:hidden;border-radius:10px;overflow:hidden;}
		.brasli img{width:100%;}
		.brasli figure:hover img{transform:scale3d(1.05, 1.05, 1);}
	.abonum{margin:80px 0 0;}
		.abonum ul{}
		.abonum li{float:left;width:23%;margin:1%;box-sizing:border-box;position:relative;text-align:center;}
		.abonum li strong{font-family:sysfont;font-size:55px;line-height:60px;}
		.abonum li p{}
		.abonum li i{padding:0 0 0 10px;}

.img{padding:80px 0 0;}
	.imgsli .swiper-pagination{display:none;}
		.imgsli figure{overflow:hidden;overflow:hidden;}
		.imgsli figure img{width:100%;border-radius:10px;}

.new{padding:80px 0;}
	.newtit{margin-bottom:20px;}
		.newtit h2{font-size:24px;line-height:30px;}
	.newsli{}
		.newsli ul{margin:0 -1%;}
		.newsli li{float:left;width:31.33%;margin:0 1%;}
		.newsli a{display:block;}
		.newsli a figure{overflow:hidden;margin:0 0 20px;}
		.newsli a img{width:100%;}
		.newsli a div{}
			.newsli a time{color:#ccc;}
			.newsli a h3{font-size:22px;font-weight:normal;line-height:30px;height:60px;overflow:hidden;margin:30px 0;}
			.newsli a span{color:#666;font-size:22px;display:inline-block;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;line-height:40px;padding:0 20px;transition:all 0.3s ease-out 0s;text-transform:capitalize;}
		.newsli a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newsli a:hover span{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
.banner{position:relative;background:#F3F3F3;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:700px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:700px;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination span{width:10px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#20a7df;}
		.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.til{text-align:center;margin:0 0 40px;}
	.til h2{font-size:60px;line-height:80px;text-transform:capitalize;position:relative;}
	.til h2:before{content:'';display:block;position:absolute;left:50%;top:75px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til h2 span{color:#0878f8;}
	.til p{font-size:16px;opacity:0.6;font-weight:normal;line-height:40px;}
	.til>span{font-family:'RobotoCondensed';text-transform:uppercase;font-size:50px;line-height:60px;opacity:0.05;font-weight:bold;}

.pro{padding:80px 0;}
	.prolis{margin:0 0 40px;}
		.prolis ul{margin:0 -1%;}
		.prolis li{float:left;width:48%;margin:0 1% 40px;}
		.prolis li a{display:block;position:relative;overflow:hidden;background:#fff;border-radius:20px;}
		.prolis figure{overflow:hidden;}
		.prolis figure img{width:100%;}
		.prolis div{position:absolute;bottom:0;left:0;right:0;box-sizing:border-box;padding:40px;transition:all 0.3s ease-out 0s;}
			.prolis div em{display:block;font-family:'sysfont';font-size:30px;line-height:40px;margin:0 0 40px;}					
			.prolis div h3{font-size:30px;line-height:40px;}
			.prolis div i{display:block;font-size:18px;line-height:30px;}
			.prolis div span{position:absolute;bottom:40px;right:30px;display:block;width:70px;height:70px;text-align:center;line-height:70px;font-size:40px;transition:all 0.3s ease-out 0s;}
			.prolis a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
			.prolis a:hover div{padding:40px 50px;color:#20a7df;}
			.prolis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.prolis a:hover div span{right:40px;color:#20a7df;}
	.promor{}
		.promor a{display:flex;justify-content:space-between;line-height:70px;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;width:200px;border-radius:40px;padding:0 30px;margin:0 auto;}
		.promor a span{font-size:22px;text-transform:capitalize;}
		.promor a i{font-size:30px;}
		.promor a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}		

.abo{background:url(../images/bgabout.jpg) no-repeat center center;padding:110px 0;/*background-attachment:fixed;*/position:relative;}
.abo:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.2);}
.abo .w{position:relative;z-index:1;}
	.aboinf{text-align:center;}
		.aboinf h2{font-size:60px;line-height:80px;text-transform:capitalize;position:relative;}
		.aboinf h2:before{content:'';display:block;position:absolute;left:50%;top:75px;transform:translateX(-50%);width:30px;height:2px;background:#20a7df;transition:all 0.3s ease-out 0s;}
		.aboinf h3{display:inline-block;font-size:30px;line-height:50px;margin:40px 0;font-style:italic;color:#20a7df;}
		.aboinf p{font-size:22px;line-height:30px;margin:0 auto 40px;width:1000px;}
		.aboinf a{width:220px;margin:0 auto 60px;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;padding:0 30px;border-radius:54px;width:220px;box-sizing:border-box;}
		.aboinf a span{font-size:22px;line-height:60px;text-transform:capitalize;}
		.aboinf a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
	.abonav{}
		.abonav ul{display:flex;}
		.abonav li{flex:1;margin:0 20px;}
		.abonav li a{display:block;height:90px;background:#fff;position:relative;border-radius:20px;overflow:hidden;}
		.abonav li a figure{display:none;overflow:hidden;}
		.abonav li a img{width:100%;}
		.abonav li a div{position:absolute;top:20px;left:20px;padding:0 0 0 70px;transition:all 0.3s ease-out 0s;}
			.abonav li a div i{position:absolute;top:0;left:0;width:50px;height:50px;text-align:center;font-size:40px;line-height:48px;border:1px solid #eee;border-radius:50px;transition:all 0.3s ease-out 0s;}
			.abonav li a div h3{font-size:22px;font-weight:normal;line-height:50px;}
			.abonav li a div span{display:none;color:#999;}
		.abonav li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.abonav li a:hover div{padding:0 0 0 80px;}
		.abonav li a:hover i{background:#20a7df;color:#fff;border:1px solid #20a7df;}
		.abonav li a:hover img{transform:scale3d(1.05, 1.05, 1);}
.bra{background:#f9f9f9;}
	.brasli{margin:80px 0;}
		.brasli .swiper-pagination{display:none;}
		.brasli figure{overflow:hidden;border-radius:10px;overflow:hidden;}
		.brasli img{width:100%;}
		.brasli figure:hover img{transform:scale3d(1.05, 1.05, 1);}
	.abonum{margin:80px 0 0;}
		.abonum ul{}
		.abonum li{float:left;width:23%;margin:1%;box-sizing:border-box;position:relative;text-align:center;}
		.abonum li strong{font-family:sysfont;font-size:55px;line-height:60px;}
		.abonum li p{}
		.abonum li i{padding:0 0 0 10px;}

.img{padding:80px 0 0;}
	.imgsli .swiper-pagination{display:none;}
		.imgsli figure{overflow:hidden;overflow:hidden;}
		.imgsli figure img{width:100%;border-radius:10px;}

.new{padding:80px 0;}
	.newtit{margin-bottom:20px;}
		.newtit h2{font-size:24px;line-height:30px;}
	.newsli{}
		.newsli ul{margin:0 -1%;}
		.newsli li{float:left;width:31.33%;margin:0 1%;}
		.newsli a{display:block;}
		.newsli a figure{overflow:hidden;margin:0 0 20px;}
		.newsli a img{width:100%;}
		.newsli a div{}
			.newsli a time{color:#ccc;}
			.newsli a h3{font-size:22px;font-weight:normal;line-height:30px;height:60px;overflow:hidden;margin:30px 0;}
			.newsli a span{color:#666;font-size:22px;display:inline-block;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;line-height:40px;padding:0 20px;transition:all 0.3s ease-out 0s;text-transform:capitalize;}
		.newsli a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newsli a:hover span{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
}
@media (max-width:1024px){/* MOBILE */
.banner{position:relative;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:240px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:240px;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination span{width:10px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#20a7df;}
		.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}

.til{text-align:center;margin:0 0 20px;}
	.til h2{font-size:30px;line-height:40px;text-transform:capitalize;position:relative;}
	.til h2:before{content:'';display:block;position:absolute;left:50%;top:40px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til h2 span{color:#0878f8;}
	.til p{font-size:16px;opacity:0.6;font-weight:normal;line-height:40px;}
	.til>span{font-family:'RobotoCondensed';text-transform:uppercase;font-size:50px;line-height:60px;opacity:0.05;font-weight:bold;}

.pro{padding:20px;}
	.prolis{}
		.prolis ul{}
		.prolis li{float:left;width:48%;margin:0 1% 20px;}
		.prolis li a{display:block;position:relative;background:#fff;}
			.prolis figure{overflow:hidden;border-radius:10px;margin:0 0 10px;}
			.prolis figure img{width:100%;}
			.prolis div{}
			.prolis div h3{font-size:17px;line-height:30px;}
			.prolis div i{display:block;color:#999;}
			.prolis div span{display:none;}
			.prolis a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
			.prolis a:hover div{padding:40px 50px;color:#20a7df;}
			.prolis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
	.promor{}
		.promor a{display:flex;justify-content:space-between;line-height:40px;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;width:100px;border-radius:40px;padding:0 30px;margin:0 auto;}
		.promor a span{font-size:14px;text-transform:capitalize;}
		.promor a i{font-size:20px;}
		.promor a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}		

.abo{background:url(../images/bgabout.jpg) no-repeat center center;padding:20px;/*background-attachment:fixed;*/position:relative;}
.abo:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.2);}
.abo .w{position:relative;z-index:1;}
	.aboinf{text-align:center;}
		.aboinf h2{font-size:30px;line-height:40px;text-transform:capitalize;position:relative;}
		.aboinf h2:before{content:'';display:block;position:absolute;left:50%;top:75px;transform:translateX(-50%);width:30px;height:2px;background:#20a7df;transition:all 0.3s ease-out 0s;}
		.aboinf h3{display:inline-block;font-size:17px;margin:20px 0;font-style:italic;color:#20a7df;}
		.aboinf p{font-size:12px;}
		.aboinf a{width:100px;margin:20px auto;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;padding:0 30px;border-radius:54px;width:220px;box-sizing:border-box;}
		.aboinf a span{font-size:14px;line-height:40px;text-transform:capitalize;}
		.aboinf a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
	.abonav{}
		.abonav ul{margin:0 1%;}
		.abonav li{float:left;width:48%;margin:0 1% 10px;}
		.abonav li a{display:block;height:40px;background:#fff;position:relative;border-radius:10px;overflow:hidden;}
		.abonav li a figure{display:none;overflow:hidden;}
		.abonav li a img{width:100%;}
		.abonav li a div{position:absolute;top:0;left:0;padding:0 0 0 50px;transition:all 0.3s ease-out 0s;}
			.abonav li a div i{position:absolute;top:0;left:10px;width:30px;height:40px;text-align:center;font-size:30px;line-height:40px;transition:all 0.3s ease-out 0s;}
			.abonav li a div h3{font-size:14px;font-weight:normal;line-height:40px;}
			.abonav li a div span{display:none;color:#999;}
		.abonav li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.abonav li a:hover div{padding:0 0 0 80px;}
		.abonav li a:hover i{background:#20a7df;color:#fff;border:1px solid #20a7df;}
		.abonav li a:hover img{transform:scale3d(1.05, 1.05, 1);}
.bra{background:#f9f9f9;padding:20px;}
	.brasli{}
		.brasli .swiper-pagination{display:none;}
		.brasli figure{overflow:hidden;border-radius:10px;overflow:hidden;}
		.brasli img{width:100%;}
		.brasli figure:hover img{transform:scale3d(1.05, 1.05, 1);}
	.abonum{margin:80px 0 0;}
		.abonum ul{}
		.abonum li{float:left;width:23%;margin:1%;box-sizing:border-box;position:relative;text-align:center;}
		.abonum li strong{font-family:sysfont;font-size:55px;line-height:60px;}
		.abonum li p{}
		.abonum li i{padding:0 0 0 10px;}

.img{padding:20px;}
	.imgsli .swiper-pagination{display:none;}
		.imgsli figure{overflow:hidden;overflow:hidden;}
		.imgsli figure img{width:100%;border-radius:10px;}

.new{padding:20px;}
	.newtit{margin-bottom:20px;}
		.newtit h2{font-size:24px;line-height:30px;}
	.newsli{}
		.newsli ul{margin:0 -1%;}
		.newsli li{float:left;width:31.33%;margin:0 1%;}
		.newsli a{display:block;}
		.newsli a figure{overflow:hidden;margin:0 0 20px;}
		.newsli a img{width:100%;}
		.newsli a div{}
			.newsli a time{color:#ccc;}
			.newsli a h3{font-size:14px;font-weight:normal;height:60px;overflow:hidden;margin:20px 0;}
			.newsli a span{color:#666;display:inline-block;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;line-height:30px;padding:0 20px;transition:all 0.3s ease-out 0s;text-transform:capitalize;}
		.newsli a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.newsli a:hover span{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
}