@media (min-width:1441px){/* DESKTOPS */
.banner{position:relative;}
	.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:20px;height:8px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#34456e;}
		.banner .swiper-pagination span.swiper-pagination-bullet-active{width:40px;}
	.bannerinf1{position:absolute;top:18%;left:80px;right:80px;color:#fff;text-align:center;}
		.bannerinf1>span{display:block;font-size:100px;line-height:110px;font-family:verdana;text-transform:uppercase;font-weight:bold;opacity:0.9;}
		.bannerinf1 h2{font-size:80px;line-height:90px;text-transform:uppercase;font-family:impact;font-weight:normal;color:#fff;}
		.bannerinf1 h2>span{color:#C6A86C;}
		.bannerinf1 p{font-size:40px;line-height:50px;text-transform:uppercase;font-weight:bold;margin:0 0 240px;}
		.bannerinf1 a{display:inline-block;line-height:40px;padding:0 25px;border-radius:40px;background:#C6A86C;color:#fff;text-transform:uppercase;}
	.bannerinf2{position:absolute;top:50%;left:80px;right:80px;color:#34456e;text-align:center;}
		.bannerinf2 p{font-family:'RobotoCondensed';font-size:30px;line-height:40px;text-transform:uppercase;}
		.bannerinf2 p span{color:#C6A86C;font-weight:bold;}
	.bannerinf3{position:absolute;top:30%;left:80px;right:80px;color:#34456e;text-align:center;}
		.bannerinf3 p{font-family:'RobotoCondensed';font-size:50px;line-height:70px;text-transform:uppercase;}
		.bannerinf3 p span{color:#C6A86C;font-weight:bold;font-size:80px;}

.til{padding:80px 0 40px;}
	.til h2{text-transform:uppercase;font-size:40px;line-height:60px;margin:0 0 20px;position:relative;color:#34456e;}
	.til h2:before{content:'';display:block;position:absolute;left:-80px;top:50%;width:40px;height:2px;background:#34456e;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til p{font-size:16px;font-weight:normal;line-height:25px;width:80%;opacity:0.8;}

.pro{}
	.procla{display:flex;flex-wrap:wrap;margin:0 0 20px;}
		.procla a{display:block;border:1px solid #3e5283;font-size:17px;line-height:38px;padding:0 20px;border-radius:30px;color:#3e5283;margin:0 20px 20px 0;}
		.procla a:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;}
	.prolis{position:relative;padding:0 0 100px;}
		.prolis .swiper-pagination{left:50%;transform:translateX(-50%);top:auto;bottom:0;}
			.prolis .swiper-pagination span{display:block;float:left;width:40px;height:40px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#34456e;border-radius:50px;margin:0 5px;}
			.prolis .swiper-pagination span.swiper-pagination-bullet-active{}
		.prolis .swiper-button-prev{background:#d6dae2;left:50%;transform:translateX(-50%);margin:0 0 0 -105px;top:auto;bottom:0;border-radius:50px;}
			.prolis .swiper-button-prev i{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
		.prolis .swiper-button-next{background:#d6dae2;left:50%;transform:translateX(-50%);margin:0 0 0 105px;top:auto;bottom:0;border-radius:50px;}
			.prolis .swiper-button-next i{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
		.prolisinf{}
			.prolisinf a{display:block;}		
				.prolisinf a figure{overflow:hidden;margin:0 0 20px;position:relative;background:#34456e;}
					.prolisinf a figure figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
					.prolisinf a figure figcaption i{font-size:30px;display:inline-block;background:#C6A86C;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
				.prolisinf a figure img{width:100%;}
				.prolisinf a h3{font-size:18px;line-height:30px;}
				.prolisinf a p{font-size:15px;margin:20px 0;line-height:25px;color:#666;height:100px;text-overflow:ellipsis;white-space:normal;overflow:hidden;}
				.prolisinf a div{display:flex;align-items:center;width:120px;color:#34456e;border:1px solid #34456e;padding:0 10px;border-radius:20px;line-height:28px;transition:all 0.3s ease-out 0s;}
					.prolisinf a div span{margin:0 10px 0 0;}
					.prolisinf a div i{float:right;font-size:20px;}
				.prolisinf a:hover figure figcaption{opacity:1;}
				.prolisinf a:hover figure img{transform:scale3d(1.05, 1.05, 1);opacity:0.4;}
				.prolisinf a:hover div{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}
		
.sol{padding:0 100px;}
	.solcla{padding:0 0 60px;}
		.solcla ul{display:flex;margin:0 -20px;}
		.solcla li{flex:1;padding:0 20px;}
		.solcla li a{display:block;}
			.solcla li a h3{font-size:24px;line-height:30px;margin:20px 0;}
			.solcla li a p{margin:20px 0;height:60px;text-overflow:ellipsis;overflow:hidden;}
			.solcla li a figure{overflow:hidden;position:relative;}
			.solcla li a figure:before{content:'';display:block;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50px;background:#C6A86C;opacity:0;transition:all 0.3s ease-out 0s;}
			.solcla li a figure figcaption{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);}
			.solcla li a figure i{font-size:50px;line-height:50px;margin:0 0 20px;color:#C6A86C;}
			.solcla li a figure img{width:100%;}
			.solcla li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.solcla li a:hover figure:before{width:80px;height:80px;opacity:0.8;}
			.solcla li a:hover figure i{color:#fff;}
			.solcla li div{display:flex;align-items:center;width:120px;color:#34456e;border:1px solid #34456e;padding:0 10px;border-radius:20px;line-height:28px;transition:all 0.3s ease-out 0s;}
				.solcla li div span{margin:0 10px 0 0;}
				.solcla li div i{font-size:20px;}
				.solcla li div:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}

.abo{background:url(/static/images/bgabout.jpg) no-repeat center center;background-attachment:fixed;position:relative;padding:0 100px;background-size:cover;}
.abo:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,transparent 0,#34456e 100%);}
	.abo .til{position:relative;color:#fff;}
	.abo .til h2{color:#fff;}
	.abo .til h2:before{background:#fff;}
	.abomix{position:relative;display:flex;color:#fff;padding:0 0 80px;}
		.aboser{flex:1;min-width:0;}
			.aboser h3{font-size:18px;line-height:30px;margin:0 0 20px;}
			.aboser ul{margin:0 0 40px;}
			.aboser li{line-height:30px;position:relative;padding:0 0 0 15px;}
			.aboser li a{color:#fff;}
			.aboser li:before{content:'';display:block;position:absolute;left:0;top:12px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);width:5px;height:5px;}
			.aboser li:hover{padding:0 0 0 20px;}
		.abocoo{}
			.abocoo h3{font-size:18px;line-height:30px;margin:0 0 20px;}
			.abocoo div{display:flex;flex-wrap:wrap;margin:0 0 30px;}
				.abocoo div figure{margin:0 10px 10px 0;}
				.abocoo div figure img{height:40px;}
				.abocoo div figure:hover img{transform:scale3d(1.1, 1.1, 1);box-shadow:0 0 10px rgba(0,0,0,0.2);}
		.aboser>a{display:flex;align-items:center;width:120px;color:#fff;border:1px solid #fff;padding:0 10px;border-radius:20px;line-height:28px;}
				.aboser>a span{margin:0 10px 0 0;}
				.aboser>a i{float:right;font-size:20px;}
			.aboser>a:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}
		.abophi{flex:1;min-width:0;position:relative;}
		.abophi:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.5);width:20px;height:20px;border-radius:150px;margin:130px 0 0 100px;}
		.abophi:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.5);width:40px;height:40px;border-radius:150px;margin:-50px 0 0 -220px;}
			.abophi div{position:absolute;}
			.abophi div i{position:absolute;top:50%;left:50%;transform:translateY(-50%);display:block;text-align:center;font-size:40px;line-height:40px;margin:-20px 0 0 -20px;}
				.abophi div h2{text-align:center;text-transform:capitalize;padding:100px 0 0 0;}
				.abophi div h2 span{display:block;font-size:24px;line-height:30px;}
				.abophi h3{text-align:center;font-size:24px;line-height:30px;font-weight:normal;padding:75px 0 0;}
			.abophi div{width:150px;height:150px;border-radius:200px;opacity:0.8;transition:all 0.3s ease-out 0s;top:50%;left:50%;background:#34456e;}			
			.abophi div:nth-of-type(1){z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:300px;height:300px;color:#34456e;}
				.abophi div:nth-of-type(1):hover{background:#C6A86C;}
				.abophi div:nth-of-type(1):hover a{color:#fff;}
			.abophi div:nth-of-type(2){transform:translate(-50%,-50%) scale(0.6, 0.6);margin:-170px 0 0 -130px;}
			.abophi div:nth-of-type(3){transform:translate(-50%,-50%) scale(0.9, 0.9);margin:150px 0 0 200px;}
			.abophi div:nth-of-type(4){transform:translate(-50%,-50%) scale(0.7, 0.7);margin:-135px 0 0 180px;}
			.abophi div:nth-of-type(5){transform:translate(-50%,-50%) scale(0.8, 0.8);margin:135px 0 0 -200px;}
			.abophi div:hover{opacity:1;}

.new{}	
	.newlis .swiper-pagination{display:none;}
		.newlis .swiper-button-prev{left:-60px;}
			.newlis .swiper-button-prev>span.iconfont{font-size:40px;}
		.newlis .swiper-button-next{right:-60px;}
			.newlis .swiper-button-next>span.iconfont{font-size:40px;}
	.newlis{margin:0 0 80px;position:relative;}

		.newlis a{}
		.newlis a figure{overflow:hidden;margin:0 0 20px 0;position:relative; }
			.newlis a figure figcaption{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;background:#fff;border-radius:50px;padding:10px;}
			.newlis a figure i{font-size:30px;line-height:30px;margin:0 0 20px;color:#fff;}
			.newlis a figure img{width:100%;}
		.newlis a>div{flex:1;position:relative;}
			.newlis a>div h3{font-size:18px;line-height:30px;                }
			.newlis a>div time{display:block;opacity:0.6;margin:10px 0;}
			.newlis a>div p{height:100px;overflow:hidden;opacity:0.8;margin:0 0 20px;}
			.newlis a>div div{display:flex;align-items:center;width:120px;color:#34456e;border:1px solid #34456e;padding:0 10px;border-radius:20px;line-height:28px;transition:all 0.3s ease-out 0s;}
				.newlis a>div>div>span{margin:0 10px 0 0;}
				.newlis a>div>div i{font-size:20px;}
		.newlis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.newlis a:hover figure figcaption{opacity:1;background:#C6A86C;}
		.newlis a:hover>div div{background:#C6A86C;color:#fff;border:1px solid #C6A86C;}
			
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
.banner{position:relative;}
	.banner a{display:block;}
	.banner figure{overflow:hidden;position:relative;height:540px;}
	.banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:540px;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}
		.banner .swiper-pagination span{width:20px;height:8px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#34456e;}
		.banner .swiper-pagination span.swiper-pagination-bullet-active{width:40px;}
	.bannerinf1{position:absolute;top:18%;left:80px;right:80px;color:#fff;text-align:center;}
		.bannerinf1>span{display:block;font-size:80px;line-height:90px;font-family:verdana;text-transform:uppercase;font-weight:bold;opacity:0.9;}
		.bannerinf1 h2{font-size:70px;line-height:80px;text-transform:uppercase;font-family:impact;font-weight:normal;color:#fff;}
		.bannerinf1 h2>span{color:#C6A86C;}
		.bannerinf1 p{font-size:35px;line-height:40px;text-transform:uppercase;font-weight:bold;margin:0 0 80px;}
		.bannerinf1 a{display:none;}
	.bannerinf2{position:absolute;top:50%;left:80px;right:80px;color:#34456e;text-align:center;}
		.bannerinf2 p{font-family:'RobotoCondensed';font-size:24px;line-height:30px;text-transform:uppercase;}
		.bannerinf2 p span{color:#C6A86C;}
	.bannerinf3{position:absolute;top:30%;left:80px;right:80px;color:#34456e;text-align:center;}
		.bannerinf3 p{font-family:'RobotoCondensed';font-size:50px;line-height:70px;text-transform:uppercase;}
		.bannerinf3 p span{color:#C6A86C;font-weight:bold;font-size:80px;}

.til{padding:40px 0 20px;}
	.til h2{text-transform:uppercase;font-size:36px;line-height:40px;margin-bottom:10px;position:relative;color:transparent;background-clip:text;background-image:linear-gradient(-45deg,#34456e 0,#3e5283 100%);}
	.til h2:before{content:'';display:block;position:absolute;left:-40px;top:50%;width:20px;height:2px;background:#34456e;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:30px;}
	.til h2 span{color:#0878f8;}
	.til p{width:80%;opacity:0.8;}

.pro{}
	.procla{display:flex;flex-wrap:wrap;margin:0 0 20px;}
		.procla a{display:block;border:1px solid #3e5283;line-height:38px;padding:0 20px;border-radius:30px;color:#3e5283;margin:0 10px 10px 0;}
		.procla a:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;}
	.prosli{}
		.prolis{position:relative;padding:0 0 80px;}
			.prolis .swiper-pagination{left:50%;transform:translateX(-50%);top:auto;bottom:0;}
				.prolis .swiper-pagination span{display:block;float:left;width:40px;height:40px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#34456e;border-radius:50px;margin:0 5px;}
				.prolis .swiper-pagination span.swiper-pagination-bullet-active{}
			.prolis .swiper-button-prev{background:#d6dae2;left:50%;transform:translateX(-50%);margin:0 0 0 -105px;top:auto;bottom:0;border-radius:50px;}
				.prolis .swiper-button-prev i{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
			.prolis .swiper-button-next{background:#d6dae2;left:50%;transform:translateX(-50%);margin:0 0 0 105px;top:auto;bottom:0;border-radius:50px;}
				.prolis .swiper-button-next i{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
			.prolisinf{}
				.prolisinf a{display:block;}		
					.prolisinf a figure{overflow:hidden;margin:0 0 10px;position:relative;background:#34456e;}
						.prolisinf a figure figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
						.prolisinf a figure figcaption i{font-size:30px;display:inline-block;background:#C6A86C;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
					.prolisinf a figure img{width:100%;}
					.prolisinf a h3{font-size:14px;}
					.prolisinf a p{margin:10px 0 20px;color:#666;height:100px;text-overflow:ellipsis;white-space:normal;overflow:hidden;}
					.prolisinf a div{display:flex;align-items:center;width:120px;color:#34456e;border:1px solid #34456e;padding:0 10px;border-radius:20px;line-height:28px;transition:all 0.3s ease-out 0s;}
						.prolisinf a div span{margin:0 10px 0 0;}
						.prolisinf a div i{float:right;font-size:20px;}
					.prolisinf a:hover figure figcaption{opacity:1;}
					.prolisinf a:hover figure img{transform:scale3d(1.05, 1.05, 1);opacity:0.4;}
					.prolisinf a:hover div{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}
		
.sol{padding:0 40px;}
	.solcla{padding:0 0 60px;}
		.solcla ul{display:flex;margin:0 -10px;}
		.solcla li{flex:1;padding:0 10px;}
		.solcla li a{display:block;}
			.solcla li a h3{font-size:18px;line-height:30px;margin:10px 0;}
			.solcla li a p{margin:20px 0 40px;height:60px;text-overflow:ellipsis;overflow:hidden;}
			.solcla li a figure{overflow:hidden;position:relative;}
			.solcla li a figure:before{content:'';display:block;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50px;background:#C6A86C;opacity:0;transition:all 0.3s ease-out 0s;}
			.solcla li a figure figcaption{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);}
			.solcla li a figure i{font-size:50px;line-height:50px;margin:0 0 20px;color:#C6A86C;}
			.solcla li a figure img{width:100%;}
			.solcla li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.solcla li a:hover figure:before{width:80px;height:80px;opacity:0.8;}
			.solcla li a:hover figure i{color:#fff;}
			.solcla li div{display:flex;align-items:center;width:120px;color:#34456e;border:1px solid #34456e;padding:0 10px;border-radius:20px;line-height:28px;transition:all 0.3s ease-out 0s;}
				.solcla li div span{margin:0 10px 0 0;}
				.solcla li div i{font-size:20px;}
				.solcla li div:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}

.abo{background:url(/static/images/bgabout.jpg) no-repeat center center;background-attachment:fixed;position:relative;padding:0 40px;background-size:cover;}
.abo:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,transparent 0,#34456e 100%);}
	.abo .til{position:relative;color:#fff;}
	.abo .til h2{color:#fff;}
	.abo .til h2:before{background:#fff;}
	.abomix{position:relative;display:flex;color:#fff;padding:0 0 40px;}
		.aboser{flex:1;min-width:0;}
			.aboser h3{font-size:14px;margin:0 0 20px;}
			.aboser ul{margin:0 0 20px;}
			.aboser li{line-height:25px;position:relative;padding:0 0 0 15px;}
			.aboser li a{color:#fff;}
			.aboser li:before{content:'';display:block;position:absolute;left:0;top:12px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);width:5px;height:5px;}
			.aboser li:hover{padding:0 0 0 20px;}
		.abocoo{}
			.abocoo h3{font-size:14px;margin:0 0 10px;}
			.abocoo div{display:flex;flex-wrap:wrap;margin:0 0 30px;}
				.abocoo div figure{margin:0 10px 10px 0;}
				.abocoo div figure img{height:40px;}
				.abocoo div figure:hover img{transform:scale3d(1.1, 1.1, 1);box-shadow:0 0 10px rgba(0,0,0,0.2);}
		.aboser>a{display:flex;align-items:center;width:120px;color:#fff;border:1px solid #fff;padding:0 10px;border-radius:20px;line-height:28px;}
				.aboser>a span{margin:0 10px 0 0;}
				.aboser>a i{float:right;font-size:20px;}
			.aboser>a:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}
		.abophi{flex:1;min-width:0;position:relative;}
		.abophi:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.5);width:20px;height:20px;border-radius:150px;margin:130px 0 0 100px;}
		.abophi:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.5);width:40px;height:40px;border-radius:150px;margin:-50px 0 0 -220px;}
			.abophi div{position:absolute;}
			.abophi div i{position:absolute;top:50%;left:50%;transform:translateY(-50%);display:block;text-align:center;font-size:40px;line-height:40px;margin:-20px 0 0 -20px;}
				.abophi div h2{text-align:center;text-transform:capitalize;padding:55px 0 0 0;}
				.abophi div h2 span{display:block;font-size:24px;line-height:30px;}
				.abophi h3{text-align:center;font-size:24px;line-height:30px;font-weight:normal;padding:75px 0 0;}
			.abophi div{width:150px;height:150px;border-radius:200px;opacity:0.8;transition:all 0.3s ease-out 0s;top:50%;left:50%;background:#34456e;}			
			.abophi div:nth-of-type(1){z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:200px;height:200px;color:#34456e;}
				.abophi div:nth-of-type(1):hover{background:#C6A86C;}
				.abophi div:nth-of-type(1):hover a{color:#fff;}
			.abophi div:nth-of-type(2){transform:translate(-50%,-50%) scale(0.6, 0.6);margin:-150px 0 0 -130px;}
			.abophi div:nth-of-type(3){transform:translate(-50%,-50%) scale(0.9, 0.9);margin:130px 0 0 200px;}
			.abophi div:nth-of-type(4){transform:translate(-50%,-50%) scale(0.7, 0.7);margin:-135px 0 0 180px;}
			.abophi div:nth-of-type(5){transform:translate(-50%,-50%) scale(0.8, 0.8);margin:135px 0 0 -200px;}
			.abophi div:hover{opacity:1;}

.new{padding:0 40px;}	
	.newlis .swiper-pagination{display:none;}
		.newlis .swiper-button-prev{left:-60px;}
			.newlis .swiper-button-prev>span.iconfont{font-size:40px;}
		.newlis .swiper-button-next{right:-60px;}
			.newlis .swiper-button-next>span.iconfont{font-size:40px;}
	.newlis{margin:0 0 40px;position:relative;}
		.newlis a{}
		.newlis a figure{overflow:hidden;margin:0 0 10px 0;position:relative; height: 220px;}
			.newlis a figure figcaption{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;background:#fff;border-radius:50px;padding:10px;}
			.newlis a figure i{font-size:30px;line-height:30px;margin:0 0 20px;color:#fff;}
			.newlis a figure img{width:100%;}
		.newlis a>div{flex:1;position:relative;}
			.newlis a>div h3{font-size:14px;}
			.newlis a>div time{display:block;opacity:0.6;margin:10px 0;}
			.newlis a>div p{height:100px;overflow:hidden;opacity:0.8;margin:0 0 20px;}
			.newlis a>div div{display:flex;align-items:center;width:120px;color:#34456e;border:1px solid #34456e;padding:0 10px;border-radius:20px;line-height:28px;transition:all 0.3s ease-out 0s;}
				.newlis a>div>div>span{margin:0 10px 0 0;}
				.newlis a>div>div i{font-size:20px;}
		.newlis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.newlis a:hover figure figcaption{opacity:1;background:#C6A86C;}
		.newlis a:hover>div div{background:#C6A86C;color:#fff;border:1px solid #C6A86C;}
}
@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:#eee;}
		.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}
	.bannerinf1{position:absolute;top:18%;left:0;right:0;color:#fff;text-align:center;}
		.bannerinf1>span{display:block;font-size:20px;line-height:30px;font-family:verdana;text-transform:uppercase;font-weight:bold;opacity:0.9;}
		.bannerinf1 h2{font-size:25px;line-height:30px;text-transform:uppercase;font-family:impact;font-weight:normal;color:#fff;}
		.bannerinf1 h2>span{color:#C6A86C;}
		.bannerinf1 p{font-size:14px;text-transform:uppercase;font-weight:bold;margin:0 0 30px;}
		.bannerinf1 a{display:none;}
	.bannerinf2{position:absolute;top:50%;left:80px;right:80px;color:#34456e;text-align:center;}
		.bannerinf2 p{font-family:'RobotoCondensed';text-transform:capitalize;}
		.bannerinf2 p span{color:#C6A86C;font-weight:bold;}
	.bannerinf3{position:absolute;top:30%;left:80px;right:80px;color:#34456e;text-align:center;}
		.bannerinf3 p{font-family:'RobotoCondensed';font-size:50px;line-height:70px;text-transform:uppercase;}
		.bannerinf3 p span{color:#C6A86C;font-weight:bold;font-size:80px;}

.til{margin:0 0 10px;}
	.til h2{text-transform:uppercase;font-size:24px;line-height:30px;position:relative;color:#34456e;margin:0 0 10px;}
	.til h2:before{content:'';display:block;position:absolute;left:-80px;top:50%;width:40px;height:2px;background:#34456e;transition:all 0.3s ease-out 0s;}
	.til:hover h2:before{width:60px;}
	.til p{opacity:0.8;margin:0 0 10px;}

.pro{padding:10px;}
	.procla{display:flex;flex-wrap:wrap;margin:0 0 10px; display: none;}
		.procla a{display:block;border:1px solid #3e5283;line-height:28px;padding:0 10px;color:#3e5283;margin:0 5px 5px 0;}
		.procla a:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;}
	.prolis{position:relative;padding:0 0 60px;}
		.prolis .swiper-pagination{left:50%;transform:translateX(-50%);top:auto;bottom:0;}
			.prolis .swiper-pagination span{display:block;float:left;width:40px;height:40px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#34456e;border-radius:50px;margin:0 5px;}
			.prolis .swiper-pagination span.swiper-pagination-bullet-active{}
		.prolis .swiper-button-prev{background:#d6dae2;left:50%;transform:translateX(-50%);margin:0 0 0 -105px;top:auto;bottom:0;border-radius:50px;}
			.prolis .swiper-button-prev i{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
		.prolis .swiper-button-next{background:#d6dae2;left:50%;transform:translateX(-50%);margin:0 0 0 105px;top:auto;bottom:0;border-radius:50px;}
			.prolis .swiper-button-next i{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
		.prolisinf{}
			.prolisinf a{display:block;}		
				.prolisinf a figure{overflow:hidden;margin:0 0 10px;position:relative;background:#34456e;}
					.prolisinf a figure figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
					.prolisinf a figure figcaption i{font-size:30px;display:inline-block;background:#C6A86C;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
				.prolisinf a figure img{width:100%;}
				.prolisinf a h3{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.prolisinf a p{color:#666;height:60px;text-overflow:ellipsis;white-space:normal;overflow:hidden;margin:0 0 5px;}
				.prolisinf a div{display:flex;align-items:center;justify-content:space-between;width:110px;color:#34456e;border:1px solid #34456e;padding:0 10px;line-height:28px;transition:all 0.3s ease-out 0s;}
					.prolisinf a div span{margin:0 10px 0 0;}
					.prolisinf a div i{float:right;font-size:20px;}
				.prolisinf a:hover figure figcaption{opacity:1;}
				.prolisinf a:hover figure img{transform:scale3d(1.05, 1.05, 1);opacity:0.4;}
				.prolisinf a:hover div{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}
		
.sol{padding:10px;border-top:1px solid #eee;}
	.solcla{}
		.solcla ul{display:flex;flex-wrap:wrap;margin:0 -2.5%;}
		.solcla li{flex:0 0 48%;margin:0 1% 20px;overflow: hidden;}
		.solcla li a{display:block;}
			.solcla li a h3{font-size:16px;margin:0 0 5px;}
			.solcla li a p{margin:10px 0;height:60px;text-overflow:ellipsis;overflow:hidden;}
			.solcla li a figure{overflow:hidden;position:relative;}
			.solcla li a figure:before{content:'';display:block;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50px;background:#C6A86C;opacity:0;transition:all 0.3s ease-out 0s;}
			.solcla li a figure figcaption{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);}
			.solcla li a figure i{font-size:50px;line-height:50px;margin:0 0 20px;color:#C6A86C;}
			.solcla li a figure img{width:100%;}
			.solcla li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.solcla li a:hover figure:before{width:80px;height:80px;opacity:0.8;}
			.solcla li a:hover figure i{color:#fff;}
			.solcla li div{display:flex;align-items:center;justify-content:space-between;width:100px;color:#34456e;border:1px solid #34456e;padding:0 10px;line-height:28px;transition:all 0.3s ease-out 0s;}
				.solcla li div span{margin:0 10px 0 0;}
				.solcla li div i{font-size:20px;}
				.solcla li div:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}

.abo{background:url(/static/images/bgabout.jpg) no-repeat center center;background-attachment:fixed;position:relative;padding:40px 20px;background-size:cover;}
.abo:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,transparent 0,#34456e 100%);}
	.abo .til{position:relative;color:#fff;}
	.abo .til h2{color:#fff;}
	.abo .til h2:before{background:#fff;}
	.abomix{position:relative;color:#fff;}
		.aboser{margin:0 0 20px;}
			.aboser h3{font-size:12px;margin:0 0 10px;}
			.aboser ul{margin:0 0 20px;}
			.aboser li{position:relative;padding:0 0 0 15px;}
			.aboser li a{color:#fff;}
			.aboser li:before{content:'';display:block;position:absolute;left:0;top:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);width:5px;height:5px;}
			.aboser li:hover{padding:0 0 0 20px;}
		.abocoo{}
			.abocoo h3{font-size:18px;line-height:30px;margin:0 0 20px;}
			.abocoo div{display:flex;flex-wrap:wrap;margin:0 0 10px;}
				.abocoo div figure{margin:0 10px 10px 0;}
				.abocoo div figure img{height:40px;}
				.abocoo div figure:hover img{transform:scale3d(1.1, 1.1, 1);box-shadow:0 0 10px rgba(0,0,0,0.2);}
		.aboser>a{display:flex;align-items:center;justify-content:space-between;width:110px;color:#fff;border:1px solid #fff;padding:0 10px;line-height:28px;}
				.aboser>a span{margin:0 10px 0 0;}
				.aboser>a i{float:right;font-size:20px;}
			.aboser>a:hover{background:#C6A86C;border:1px solid #C6A86C;color:#fff;padding:0 20px;}
		.abophi{display:flex;flex-wrap:wrap;margin:0 -1%;}
			.abophi div:not(:first-child){flex:0 0 48%;margin:0 1% 10px;padding:5px;box-sizing:border-box;}
			.abophi div:first-child{flex:0 0 98%;margin:0 1% 10px;padding:5px;box-sizing:border-box;text-align:center;}
				.abophi div:first-child a{display:block;color:#C6A86C;}
			.abophi div i{font-size:30px;line-height:20px;margin:0 10px 0 0;}
				.abophi div h2{text-transform:capitalize;font-size:14px;}
				.abophi div h2 span{}
				.abophi h3{font-weight:normal;}
			.abophi div{display:flex;align-items:center;opacity:0.8;transition:all 0.3s ease-out 0s;background:#34456e;}			

			.abophi div:hover{opacity:1;}

.new{padding:10px;}	
	.newlis .swiper-pagination{display:none;}
		.newlis .swiper-button-prev{left:-60px;}
			.newlis .swiper-button-prev>span.iconfont{font-size:40px;}
		.newlis .swiper-button-next{right:-60px;}
			.newlis .swiper-button-next>span.iconfont{font-size:40px;}
	.newlis{position:relative;}
		.newlis a{}
		.newlis a figure{overflow:hidden;margin:0 0 10px 0;position:relative; height: 130px;}
			.newlis a figure figcaption{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;background:#fff;border-radius:50px;padding:10px;}
			.newlis a figure i{font-size:30px;line-height:30px;margin:0 0 20px;color:#fff;}
			.newlis a figure img{width:100%;}
		.newlis a>div{flex:1;position:relative;}
			.newlis a>div h3{font-size:14px;}
			.newlis a>div time{display:block;opacity:0.6;margin:10px 0;}
			.newlis a>div p{height:100px;overflow:hidden;opacity:0.8;margin:0 0 20px;}
			.newlis a>div div{display:flex;align-items:center;justify-content:space-between;width:110px;color:#34456e;border:1px solid #34456e;padding:0 10px;line-height:28px;transition:all 0.3s ease-out 0s;}
				.newlis a>div>div>span{margin:0 10px 0 0;}
				.newlis a>div>div i{font-size:20px;}
		.newlis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.newlis a:hover figure figcaption{opacity:1;background:#C6A86C;}
		.newlis a:hover>div div{background:#C6A86C;color:#fff;border:1px solid #C6A86C;}
}