@media (min-width:1025px){/* DESKTOPS */
.banner{position:relative;background:#333;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:720px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:720px;}
		.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:36px;line-height:40px;text-transform:capitalize;position:relative;color:#E5B62E;}
	.til h2:before{content:'';display:block;position:absolute;left:50%;top:45px;transform:translateX(-50%);width:30px;height:2px;background:#1d2087;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til h2>span{color:#1d2087;}
	.til p{font-size:16px;opacity:0.6;font-weight:normal;line-height:40px;}
	.til>span{text-transform:uppercase;font-size:14px;line-height:30px;opacity:0.5;}

.abo{padding:80px 0;}
	.aboint{display:flex;justify-content:space-between;}
		.abointinf{flex:0 0 540px;min-width:0;}
			.abointinf h2{font-size:24px;line-height:30px;text-transform:uppercase;color:#1d2087;}
			.abointinf div{margin:30px 0;color:#666;}
				.abointinf div p{font-size:16px;line-height:30px;}
			.abointinf>a{display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(90deg,#4F51AC,#1d2087,#4F51AC,#1d2087,#4F51AC);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;padding:0 30px;border-radius:54px;width:180px;box-sizing:border-box;}
				.abointinf>a span{font-size:15px;line-height:40px;text-transform:capitalize;}
				.abointinf>a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
		.abointimg{flex:0 0 540px;min-width:0;overflow:hidden;border-radius:10px;}
			.abointimg figure{}
			.abointimg figure img{width:100%;}
			.abointimg figure:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
			.abointimg figure:hover img{transform:scale3d(1.05, 1.05, 1);}
	
.cas{padding:80px 0;background:#f9f9f9;}
	.caslis{margin:0 0 40px;position:relative;}
		.caslis .swiper-pagination{display:none;}
		.caslis .iconfont{font-size:40px;}
		.caslis .swiper-button-prev{left:-5%;}
		.caslis .swiper-button-next{right:-5%;}
		.caslis a{display:block;position:relative;overflow:hidden;background:#fff;border-radius:10px;}
			.caslis a figure{overflow:hidden; max-height:280px;}
				.caslis a figure img{width:100%;}
			.caslis a div{padding:20px;}
				.caslis a div h3{font-size:18px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.caslis a div p{font-size:15px;line-height:25px;height:100px;overflow:hidden;color:#999;margin:10px 0;}
				.caslis div>span{color:#999;}
			.caslis a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
			.caslis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.caslis a:hover div{color:#1d2087;}
	.promor{}
		.promor a{display:flex;justify-content:space-between;line-height:40px;background-image:linear-gradient(90deg,#4F51AC,#1d2087,#4F51AC,#1d2087,#4F51AC);background-size:300%;background-position:50% 0;color:#fff;width:180px;border-radius:40px;padding:0 30px;margin:0 auto;}
		.promor a span{font-size:15px;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);}		


.new{padding:80px 0;}
		.newlis{display:flex;justify-content:space-between;}		
			.newlis>div{flex:0 0 540px;min-width:0;}
				.newlis>div a{display:block;position:relative;}
					.newlis>div a:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee;}
					.newlis>div figure{overflow:hidden;height:405px;border-radius:10px;}
						.newlis>div img{width:100%;}
					.newlis>div div{padding:20px 0;transition:all 0.3s ease-out 0s;}
						.newlis>div div h3{font-size:18px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.newlis>div div p{margin:10px 0;opacity:0.6;height:40px;overflow:hidden;}
						.newlis>div div time{display:block;margin:10px 0;font-size:12px;opacity:0.6;}
				.newlis>div a:hover img{transform:scale3d(1.05, 1.05, 1);}
				.newlis>div a:hover div{background:rgba(255,255,255,0.9);color:#000;}
			.newlis ul{flex:0 0 620px;min-width:0;}
				.newlis li:not(:last-child){margin:0 0 20px 0;}
				.newlis li a{display:block;position:relative;padding:0 0 20px;border-bottom:1px solid #eee;}
					.newlis li a dl{margin:0 0 10px;}
						.newlis li a dt{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:14px;}
						.newlis li a dd{color:#999;font-size:14px;height:40px;overflow:hidden;}
				.newlis li a div{display:flex;justify-content:space-between;font-size:12px;color:#999;}
					.newlis li a i{font-size:20px;}
				.newlis li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;color:#20238a;}
				.newlis li a:hover img{transform:scale3d(1.05, 1.05, 1);}

.tea{background:#f9f9f9;padding:80px 0;}
	.teasli{}
		.teasli .swiper-pagination{display:none;}
		.teasli figure{overflow:hidden;border-radius:10px;overflow:hidden;}
		.teasli img{width:100%;}
		.teasli figure:hover img{transform:scale3d(1.05, 1.05, 1);}
}
@media (max-width:1024px){/* MOBILE */
.banner{position:relative;}
	.banner .swiper-button-prev{display:none;}
	.banner .swiper-button-next{display:none;}
	.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 10px;}
	.til h2{font-size:24px;line-height:30px;text-transform:capitalize;position:relative;color:#E5B62E;}
	.til h2:before{content:'';display:block;position:absolute;left:50%;top:32px;transform:translateX(-50%);width:30px;height:1px;background:#1d2087;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til h2>span{color:#1d2087;}
	.til p{font-size:16px;opacity:0.6;font-weight:normal;line-height:40px;}
	.til>span{text-transform:uppercase;font-size:14px;line-height:30px;opacity:0.5;}

.abo{padding:20px;}
	.aboint{}
		.abointinf{text-align:center;margin:0 0 20px;}
			.abointinf h2{font-size:18px;text-transform:uppercase;color:#1d2087;}
			.abointinf div{margin:10px 0;color:#666;}
				.abointinf div p{font-size:16px;line-height:30px;}
			.abointinf>a{display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(90deg,#4F51AC,#1d2087,#4F51AC,#1d2087,#4F51AC);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;padding:0 30px;border-radius:54px;width:180px;box-sizing:border-box;margin:0 auto;}
				.abointinf>a span{font-size:15px;line-height:40px;text-transform:capitalize;}
				.abointinf>a:hover{background-position:0 0;box-shadow:0 0 10px rgba(0,0,0,0.3);}
		.abointimg{overflow:hidden;border-radius:10px;}
			.abointimg figure{}
			.abointimg figure img{width:100%;}
			.abointimg figure:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
			.abointimg figure:hover img{transform:scale3d(1.05, 1.05, 1);}
	
.cas{padding:20px;background:#f9f9f9;}
	.caslis{margin:0 0 20px;position:relative;}
		.caslis .swiper-pagination{display:none;}
		.caslis .iconfont{font-size:40px;}
		.caslis .swiper-button-prev{left:-5%;}
		.caslis .swiper-button-next{right:-5%;}
		.caslis a{display:block;position:relative;overflow:hidden;background:#fff;border-radius:5px;}
			.caslis a figure{overflow:hidden;max-height:260px;}
				.caslis a figure img{width:100%;}
			.caslis a div{padding:10px;}
				.caslis a div h3{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.caslis a div p{height:60px;overflow:hidden;color:#999;margin:10px 0;}
				.caslis div>span{color:#999;}
			.caslis a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
			.caslis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.caslis a:hover div{color:#1d2087;}
	.promor{}
		.promor a{display:flex;justify-content:space-between;line-height:40px;background-image:linear-gradient(90deg,#4F51AC,#1d2087,#4F51AC,#1d2087,#4F51AC);background-size:300%;background-position:50% 0;color:#fff;width:180px;border-radius:40px;padding:0 30px;margin:0 auto;}
		.promor a span{font-size:15px;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);}		

.new{padding:20px;}
		.newlis{}		
			.newlis>div{margin:0 0 10px;}
				.newlis>div a{display:block;position:relative;}
					.newlis>div a:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee;}
					.newlis>div figure{overflow:hidden;border-radius:5px;}
						.newlis>div img{width:100%;}
					.newlis>div div{padding:10px 0;transition:all 0.3s ease-out 0s;}
						.newlis>div div h3{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.newlis>div div p{margin:5px 0;opacity:0.6;height:40px;overflow:hidden;}
						.newlis>div div time{display:block;margin:5px 0;opacity:0.6;}
				.newlis>div a:hover img{transform:scale3d(1.05, 1.05, 1);}
				.newlis>div a:hover div{background:rgba(255,255,255,0.9);color:#000;}
			.newlis ul{}
				.newlis li:not(:last-child){margin:0 0 10px 0;}
				.newlis li a{display:block;position:relative;padding:0 0 10px;border-bottom:1px solid #eee;}
					.newlis li a dl{margin:0 0 5px;}
						.newlis li a dt{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:4px;}
						.newlis li a dd{color:#999;height:40px;overflow:hidden;}
				.newlis li a div{display:flex;justify-content:space-between;color:#999;}
					.newlis li a i{font-size:20px;}
				.newlis li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;color:#20238a;}
				.newlis li a:hover img{transform:scale3d(1.05, 1.05, 1);}

.tea{background:#f9f9f9;padding:20px;}
	.teasli{}
		.teasli .swiper-pagination{display:none;}
		.teasli figure{overflow:hidden;border-radius:10px;overflow:hidden;}
		.teasli img{width:100%;}
		.teasli figure:hover img{transform:scale3d(1.05, 1.05, 1);}
}