.pgprocon img{max-width:100%;}

@media (min-width:1441px){/* DESKTOPS */
.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;}
.listpage a:hover{background:#333;border:1px solid #333;color:#fff;}
.listpage span{background:#333;border:1px solid #333;color:#fff;}

.pgban{position:relative;overflow:hidden;height:300px;}
	.pgban figure{height:100%;}
	.pgban figure img{height:500px;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);animation:pgbanmc 5s 1 forwards;-moz-animation:pgbanmc 5s 1 forwards;-webkit-animation:pgbanmc 5s 1 forwards;-o-animation:pgbanmc 5s 1 forwards;}
	@keyframes pgbanmc{
		0% {transform:translate(-50%,-50%) scale3d(1,1,1);}
		100%{transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1);}
	}
	@-webkit-keyframes pgbanmc{
		0% {transform:translate(-50%,-50%) scale3d(1,1,1);}
		100%{transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1);}
	}

.pgpos{position:relative;background-image:linear-gradient(180deg,#f9f9f9 0,#f9f9f9 60%,#eee 100%);line-height:60px;}
	.pgposinf{margin:-40px 0 0;color:#fff;opacity:0.9;font-size:16px;text-transform:capitalize;}
		.pgposinf i{display:block;width:20px;height:20px;float:left;font-size:20px;margin-right:5px;}
		.pgposinf a{color:#fff;}

		ul.location{float:left; }
		ul.location a{color: #FFF;  }
		ul.location li {text-transform:Capitalize;
		   display: inline-block; float:left;
		   padding:0 15px;
		   font-size: 14px; line-height: 1;
		   color: #FFF; position:relative;
	   }
		ul.location li:before {
		   position:absolute;
		   top: 0;
		   left: 0;
		   font-family: 'FontAwesome';
		   content: "\f105";
	   }
		ul.location li:nth-of-type(1):before {
	   position:absolute;
		   top: 0;
		   left: -3px;
		   font-family: 'FontAwesome';
		   content: "\f015";
		   color: #FFF ;
		 
	   }


.pgnav{border-bottom:1px solid #eee;}
	.pgnavlis{text-align:center;}
	.pgnavlis ul{}
	.pgnavlis li{display:inline-block;padding:0 30px;}
	.pgnavlis li a{display:block;text-transform:capitalize;font-size:18px;line-height:80px;position:relative;}
	.pgnavlis li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;transition:all 0.3s ease-out 0s;background:#20a7df;transform:translateX(-50%);}
	.pgnavlis li a:hover:after,.pgnavlis li a.on:after{width:100%;}

.pg{padding:60px 0;overflow:hidden;}
	
.pgabo{padding:100px 0;}
	.pgaboinf{display:flex;justify-content:space-between;}
		.pgaboinftxt{flex:0 0 700px;min-width:0;}
			.pgaboinftxt h3{font-size:36px;line-height:48px;margin:40px 0;font-style:italic;color:#20a7df;}
			.pgaboinftxt p{font-size:22px;line-height:36px;}
		.pgaboinfimg{flex:0 0 780px;min-width:0;}	
			.pgaboinfimg figure{border-radius:20px;overflow:hidden;}
			.pgaboinfimg img{width:100%;}

	.pgtil{text-align:center;margin:0 0 80px;}
		.pgtil h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;}
		.pgtil 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;}
		.pgtil:hover h2:before{width:60px;}

.pghis{background-image:linear-gradient(30deg,#20a7df,#005094,#20a7df,#005094);padding:100px 0;overflow:hidden;position:relative;}
.pghis:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';display:block;width:1200px;height:1200px;background:url(../images/bgphi.png) no-repeat center center;animation:globalmc 20s infinite linear;-moz-animation:globalmc 20s infinite linear;-webkit-animation:globalmc 20s infinite linear;-o-animation:globalmc 20s infinite linear;}
@keyframes globalmc{
	0% { transform:translate(-50%,-50%) rotate(0deg);}
	100%{transform:translate(-50%,-50%) rotate(360deg);}
}
@-webkit-keyframes globalmc{
	0% { transform:translate(-50%,-50%) rotate(0deg);}
	100%{transform:translate(-50%,-50%) rotate(360deg);}
}
	.pghis .pgtil{color:#fff;}
	.pghissli{position:relative;}
		.pghissliinf{position:relative;margin:100px 0 200px;}
			.pghissliinf .swiper-pagination{display:none;}
			.pghissliinf dl{text-align:center;color:#fff;}
			.pghissliinf dt{font-size:40px;font-weight:normal;line-height:50px;margin-bottom:40px;transition:all ease-out 0.3s;}
			.pghissliinf dd{font-size:22px;opacity:0.8;line-height:30px;}
		.pghissliyea{position:relative;padding:0 100px;}
			.pghissliyea .iconfont{font-size:60px;}
			.pghissliyea .swiper-button-prev{left:0;top:25px;color:#fff;}
			.pghissliyea .swiper-button-next{right:0;top:25px;color:#fff;}
			.pghissliyea span{display:block;position:relative;padding:40px 0 0;text-align:center;font-size:22px;font-weight:normal;line-height:30px;color:#fff;opacity:0.5;}
			.pghissliyea span:after{content:'';display:block;position:absolute;top:14px;left:0;width:100%;height:1px;background:#fff;}
			.pghissliyea span:before{content:'';display:block;position:absolute;z-index:1;top:10px;left:50%;height:8px;width:8px;border-radius:4px;background:#fff;transition:all ease-out 0.3s;}
			.pghissliyea .swiper-slide-thumb-active span{opacity:1;}

.pgphi{padding:100px 0;}
	.pgphiinf{display:flex;justify-content:space-between;}
		.pgphiinflis{flex:0 0 740px;min-width:0;}
			.pgphiinflis ul{}
			.pgphiinflis li:not(:last-child){margin:0 0 40px;}
			.pgphiinflis li div{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;border-radius:20px;padding:0 40px;}
			.pgphiinflis li i{font-size:60px;line-height:105px;margin:0 20px 0 0;}
			.pgphiinflis li h3{font-size:22px;line-height:105px;text-transform:capitalize;}
		.pgphiinfcov{flex:0 0 740px;min-width:0;overflow:hidden;border-radius:20px;}

.pgdis{padding:100px 0 0;background:#f9f9f9 url(../images/pgdis.png) no-repeat center 260px;height:900px;}
	.pgdisinf{position:relative;}
		.pgdisinf div{position:absolute;width:1000px;left:50%;transform:translateX(-50%);font-size:22px;line-height:30px;text-align:center;}
		.pgdisinf figure{}

.pgpho{padding:100px 0;}
	.pgpholis{}
		.pgpholis ul{margin:0 -1%;}
		.pgpholis li{float:left;width:31.33%;margin:0 1% 40px;}
		.pgpholis li figure{overflow:hidden;border-radius:10px;position:relative;}
		.pgpholis li figure img{width:100%;}
		.pgpholis li figure figcaption{position:absolute;bottom:0;left:0;right:0;font-size:22px;line-height:30px;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,0.1) 50%,transparent 100%);padding:20px;color:#fff;}
		.pgpholis li figure:hover img{transform:scale3d(1.05, 1.05, 1);}

.pgpro{padding:100px 0;background:#f9f9f9;}
		.pgprolis{}
			.pgprolis h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
			.pgprolis 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;}
			.pgprolis h2:hover:before{width:60px;}
			.pgprolis ul{margin:0 0 80px;}
			.pgprolis li{display:flex;margin:0 0 60px;border-radius:20px;overflow:hidden;}
			.pgprolis li:nth-of-type(2n){flex-direction:row-reverse;}
			.pgprolis li:last-child{margin:0;}
				.pgprolis figure{flex:0 0 880px;min-width:0;overflow:hidden;}
				.pgprolis div{flex:1;box-sizing:border-box;padding:60px;background:#fff;}
					.pgprolis div em{display:block;font-family:'sysfont';font-size:30px;line-height:40px;margin:0 0 40px;}
					.pgprolis div h3{font-size:30px;line-height:40px;}
					.pgprolis div>i{display:block;font-size:18px;line-height:30px;}
					.pgprolis div h4{font-size:16px;color:#999;font-weight:normal;margin:40px 0 0;}
					.pgprolis div p{font-size:15px;margin:20px 0 40px;line-height:25px;}
					.pgprolis div a{display:inline-block;color:#20a7df;border-radius:20px;line-height:50px;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;}
						.pgprolis div a span{margin:0 10px 0 0;}
						.pgprolis div a i{float:right;font-size:20px;}
					.pgprolis div a:hover{padding:0 50px;background-position:0 0;}
			.pgprolis li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
			.pgprolis li:hover img{transform:scale3d(1.05, 1.05, 1);}
		
		.pgprosid{flex:0 0 400px;min-width:0;background:#fff;box-sizing:border-box;padding:40px;}
			.pgprosid figure{overflow:hidden;border-radius:10px;overflow:hidden;margin:0 0 40px;}
			.pgprosid figure img{width:100%;}
			.pgprosid h3{font-size:30px;line-height:40px;}
			.pgprosid>i{display:block;font-size:18px;line-height:30px;}
			.pgprosid h4{font-size:16px;color:#999;font-weight:normal;margin:40px 0 0;}
			.pgprosid p{font-size:15px;margin:20px 0 40px;line-height:25px;}
		.pgprocon{flex:0 0 1140px;min-width:0;background:#fff;position:relative;box-sizing:border-box;padding:80px;}
		
			.pgprocon h2{font-size:40px;line-height:50px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
			.pgprocon 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;}
			.pgprocon h2:hover:before{width:60px;}
			.pgprocon div{font-size:18px;line-height:30px;margin:0 0 60px;}
			.pgprocon div table{margin:40px 0;border-collapse:collapse;border:1px solid #eee;}
			.pgprocon div table td{border-collapse:collapse;border:1px solid #eee;padding:10px;text-align:center;}

.pgnew{padding:100px 0;}
		.pgnewlis{margin-bottom:40px;padding:40px;background:#fff;}
			.pgnewlis h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
			.pgnewlis 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;}
			.pgnewlis:hover h2:before{width:60px;}
			.pgnewlis ul{}
			.pgnewlis li:not(:last-child){border-bottom:1px solid #eee;padding:0 0 60px;margin:0 0 60px;}
			.pgnewlis li a{display:flex;justify-content:space-between;align-items:center;}
				.pgnewlis li figure{flex:0 0 400px;min-width:0;overflow:hidden;border-radius:10px;}
					.pgnewlis li figure img{width:100%;}
				.pgnewlis li div{flex:1;margin:0 80px;height:250px;overflow:hidden;}
					.pgnewlis li h4{font-size:30px;margin-bottom:20px;line-height:40px;height:80px;overflow:hidden;}
					.pgnewlis li p{font-size:18px;line-height:30px;overflow:hidden;height:90px;color:#999;margin:0 0 20px;}
					.pgnewlis li time{display:flex;line-height:30px;}
						.pgnewlis li time i{font-size:20px;margin:0 5px 0 0;}
						.pgnewlis li time span{}
				.pgnewlis li a>span{flex:0 0 80px;min-width:0;display:inline-block;line-height:60px;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;text-align:center;text-transform:capitalize;transition:all 0.3s ease-out 0s;}
			.pgnewlis li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.pgnewlis li a:hover>span{background-position:0 0;}
		.pgnewinf{}
			.pgnewinfhea{text-align:center;margin:0 0 40px;}
				.pgnewinfhea h1{font-size:36px;line-height:40px;margin:0 0 20px;}
				.pgnewinfhea div{font-size:18px;line-height:30px;color:#999;}
				.pgnewinfhea div span{display:inline-block;margin:0 20px 0 0;}
				.pgnewinfhea div b{font-weight:normal;}
				.pgnewinfhea div i{float:left;font-size:24px;margin:0 5px 0 0;}
			.pgnewinfcon{font-size:22px;line-height:36px;}
		
.pgmes{background-image:repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 15px, #f9f9f9 15px,#f9f9f9 30px);padding:80px 0;}
	.pgmesinf{}
		.pgmesinf h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
		.pgmesinf 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;}
		.pgmesinf h2:hover:before{width:60px;}
	.pgmesinf form{height:360px;margin-top:40px;background:#fff;padding:40px;}
		.pgmesinf ul{position:relative;}
		.pgmesinf li{margin-bottom:20px;position:absolute;}
		.pgmesinf li i{position:absolute;top:50%;transform:translateY(-50%);left:10px;font-size:20px; color:#999}
			.pgmesinf li:nth-of-type(6) i{ font-size:16px}
		.pgmesinf li:nth-of-type(1){left:0;top:0;}
		.pgmesinf li:nth-of-type(2){right:0;top:0;}
		.pgmesinf li:nth-of-type(3){left:0;top:70px;}
		.pgmesinf li:nth-of-type(4){right:0;top:70px;}
		.pgmesinf li:nth-of-type(5){top:140px;right:0;left:0;}
		/**.pgmesinf li:nth-of-type(6){left:0;top:300px;right:0;text-align:center;}**/
		.pgmesinf li:nth-of-type(6), .pgmesinf li:nth-of-type(7) {top:300px; margin-right: 1%;}
		.pgmesinf li:nth-of-type(7) {left:750px;}
		.vcode {position: absolute;top: 6px;right: 6px;}
		.vcode img {height: 38px;}
		.pgmesinf li .txt{width:730px;height:50px;padding:0 40px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:50px;border-radius:3px;}
		.pgmesinf li .txts{width:100%;height:140px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;border-radius:3px;}
		.pgmesinf li .btn{width:280px;height:50px;background:#34456e;color:#fff;border-radius:3px;}

.pgadd{padding:80px 0;}
	.pgaddinf{}
		.pgaddinf h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
		.pgaddinf 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;}
		.pgaddinf h2:hover:before{width:60px;}
		.pgaddinf ul{display:flex;justify-content:space-between;margin:0 -20px;}
		.pgaddinf li{flex:1;background:#f9f9f9;padding:40px;margin:0 20px;}
		.pgaddinf li i{font-size:60px;line-height:60px;text-align:center;background-image:linear-gradient(45deg,#20a7df,#005094);color:#fff;padding:10px;border-radius:50%;}
		.pgaddinf li h3{font-size:20px;line-height:30px;text-transform:capitalize;margin:40px 0 20px;}
		.pgaddinf li p{font-size:16px;line-height:30px;}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;}
.listpage a:hover{background:#333;border:1px solid #333;color:#fff;}
.listpage span{background:#333;border:1px solid #333;color:#fff;}

.pgban{position:relative;overflow:hidden;height:300px;}
	.pgban figure{height:100%;}
	.pgban figure img{height:500px;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);animation:pgbanmc 5s 1 forwards;-moz-animation:pgbanmc 5s 1 forwards;-webkit-animation:pgbanmc 5s 1 forwards;-o-animation:pgbanmc 5s 1 forwards;}
	@keyframes pgbanmc{
		0% {transform:translate(-50%,-50%) scale3d(1,1,1);}
		100%{transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1);}
	}
	@-webkit-keyframes pgbanmc{
		0% {transform:translate(-50%,-50%) scale3d(1,1,1);}
		100%{transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1);}
	}

.pgpos{position:relative;background-image:linear-gradient(180deg,#f9f9f9 0,#f9f9f9 60%,#eee 100%);line-height:60px;}
	.pgposinf{margin:-60px 0 0;color:#fff;opacity:0.9;font-size:16px;text-transform:capitalize;}
		.pgposinf i{display:block;width:20px;height:20px;float:left;font-size:20px;margin-right:5px;}
		.pgposinf a{color:#fff;}

.pgnav{border-bottom:1px solid #eee;}
	.pgnavlis{text-align:center;}
	.pgnavlis ul{}
	.pgnavlis li{display:inline-block;padding:0 30px;}
	.pgnavlis li a{display:block;text-transform:capitalize;font-size:18px;line-height:80px;position:relative;}
	.pgnavlis li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;transition:all 0.3s ease-out 0s;background:#20a7df;transform:translateX(-50%);}
	.pgnavlis li a:hover:after,.pgnavlis li a.on:after{width:100%;}

.pg{padding:60px 0;overflow:hidden;}
	
.pgabo{padding:100px 0;}
	.pgaboinf{display:flex;justify-content:space-between;}
		.pgaboinftxt{flex:0 0 580px;min-width:0;}
			.pgaboinftxt h3{font-size:36px;line-height:48px;margin:40px 0;font-style:italic;color:#20a7df;}
			.pgaboinftxt p{font-size:22px;line-height:36px;}
		.pgaboinfimg{flex:0 0 580px;min-width:0;}	
			.pgaboinfimg figure{border-radius:20px;overflow:hidden;}
			.pgaboinfimg img{width:100%;}

	.pgtil{text-align:center;margin:0 0 80px;}
		.pgtil h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;}
		.pgtil 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;}
		.pgtil:hover h2:before{width:60px;}

.pghis{background-image:linear-gradient(30deg,#20a7df,#005094,#20a7df,#005094);padding:100px 0;overflow:hidden;position:relative;}
.pghis:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';display:block;width:1200px;height:1200px;background:url(../images/bgphi.png) no-repeat center center;animation:globalmc 20s infinite linear;-moz-animation:globalmc 20s infinite linear;-webkit-animation:globalmc 20s infinite linear;-o-animation:globalmc 20s infinite linear;}
@keyframes globalmc{
	0% { transform:translate(-50%,-50%) rotate(0deg);}
	100%{transform:translate(-50%,-50%) rotate(360deg);}
}
@-webkit-keyframes globalmc{
	0% { transform:translate(-50%,-50%) rotate(0deg);}
	100%{transform:translate(-50%,-50%) rotate(360deg);}
}
	.pghis .pgtil{color:#fff;}
	.pghissli{position:relative;}
		.pghissliinf{position:relative;margin:50px 0 100px;}
			.pghissliinf .swiper-pagination{display:none;}
			.pghissliinf dl{text-align:center;color:#fff;}
			.pghissliinf dt{font-size:40px;font-weight:normal;line-height:50px;margin-bottom:40px;transition:all ease-out 0.3s;}
			.pghissliinf dd{font-size:22px;opacity:0.8;line-height:30px;}
		.pghissliyea{position:relative;padding:0 100px;}
			.pghissliyea .iconfont{font-size:60px;}
			.pghissliyea .swiper-button-prev{left:0;top:25px;color:#fff;}
			.pghissliyea .swiper-button-next{right:0;top:25px;color:#fff;}
			.pghissliyea span{display:block;position:relative;padding:40px 0 0;text-align:center;font-size:22px;font-weight:normal;line-height:30px;color:#fff;opacity:0.5;}
			.pghissliyea span:after{content:'';display:block;position:absolute;top:14px;left:0;width:100%;height:1px;background:#fff;}
			.pghissliyea span:before{content:'';display:block;position:absolute;z-index:1;top:10px;left:50%;height:8px;width:8px;border-radius:4px;background:#fff;transition:all ease-out 0.3s;}
			.pghissliyea .swiper-slide-thumb-active span{opacity:1;}

.pgphi{padding:100px 0;}
	.pgphiinf{display:flex;justify-content:space-between;}
		.pgphiinflis{flex:0 0 540px;min-width:0;}
			.pgphiinflis ul{}
			.pgphiinflis li:not(:last-child){margin:0 0 40px;}
			.pgphiinflis li div{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;border-radius:20px;padding:0 40px;}
			.pgphiinflis li i{font-size:60px;line-height:105px;margin:0 20px 0 0;}
			.pgphiinflis li h3{font-size:22px;line-height:105px;text-transform:capitalize;}
		.pgphiinfcov{flex:0 0 580px;min-width:0;overflow:hidden;border-radius:20px;}

.pgdis{padding:100px 0 0;background:#f9f9f9 url(../images/pgdis.png) no-repeat center 260px;height:900px;}
	.pgdisinf{position:relative;}
		.pgdisinf div{position:absolute;width:1000px;left:50%;transform:translateX(-50%);font-size:22px;line-height:30px;text-align:center;}
		.pgdisinf figure{}

.pgpho{padding:100px 0;}
	.pgpholis{}
		.pgpholis ul{margin:0 -1%;}
		.pgpholis li{float:left;width:31.33%;margin:0 1% 40px;}
		.pgpholis li figure{overflow:hidden;border-radius:10px;position:relative;}
		.pgpholis li figure img{width:100%;}
		.pgpholis li figure figcaption{position:absolute;bottom:0;left:0;right:0;font-size:22px;line-height:30px;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,0.1) 50%,transparent 100%);padding:20px;color:#fff;}
		.pgpholis li figure:hover img{transform:scale3d(1.05, 1.05, 1);}

.pgpro{padding:100px 0;background:#f9f9f9;}
		.pgprolis{}
			.pgprolis h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
			.pgprolis 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;}
			.pgprolis h2:hover:before{width:60px;}
			.pgprolis ul{margin:0 0 80px;}
			.pgprolis li{display:flex;margin:0 0 60px;border-radius:20px;overflow:hidden;}
			.pgprolis li:nth-of-type(2n){flex-direction:row-reverse;}
			.pgprolis li:last-child{margin:0;}
				.pgprolis figure{flex:0 0 700px;min-width:0;overflow:hidden;}
				.pgprolis figure img{width:100%;}
				.pgprolis div{flex:1;box-sizing:border-box;padding:60px;background:#fff;}
					.pgprolis div em{display:none;}
					.pgprolis div h3{font-size:30px;line-height:40px;}
					.pgprolis div>i{display:block;font-size:18px;line-height:30px;}
					.pgprolis div h4{font-size:16px;color:#999;font-weight:normal;margin:40px 0 0;}
					.pgprolis div p{font-size:15px;margin:20px 0 40px;line-height:25px;}
					.pgprolis div a{display:inline-block;color:#20a7df;border-radius:20px;line-height:50px;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;}
						.pgprolis div a span{margin:0 10px 0 0;}
						.pgprolis div a i{float:right;font-size:20px;}
					.pgprolis div a:hover{padding:0 50px;background-position:0 0;}
			.pgprolis li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
			.pgprolis li:hover img{transform:scale3d(1.05, 1.05, 1);}
		
		.pgprosid{flex:0 0 400px;min-width:0;background:#fff;box-sizing:border-box;padding:40px;}
			.pgprosid figure{overflow:hidden;border-radius:10px;overflow:hidden;margin:0 0 40px;}
			.pgprosid figure img{width:100%;}
			.pgprosid h3{font-size:30px;line-height:40px;}
			.pgprosid>i{display:block;font-size:18px;line-height:30px;}
			.pgprosid h4{font-size:16px;color:#999;font-weight:normal;margin:40px 0 0;}
			.pgprosid p{font-size:15px;margin:20px 0 40px;line-height:25px;}
		.pgprocon{flex:0 0 780px;min-width:0;background:#fff;position:relative;box-sizing:border-box;padding:40px;}
		
			.pgprocon h2{font-size:40px;line-height:50px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
			.pgprocon 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;}
			.pgprocon h2:hover:before{width:60px;}
			.pgprocon div{font-size:18px;line-height:30px;margin:0 0 60px;}
			.pgprocon div table{margin:40px 0;border-collapse:collapse;border:1px solid #eee;}
			.pgprocon div table td{border-collapse:collapse;border:1px solid #eee;padding:10px;text-align:center;}

.pgnew{padding:100px 0;}
		.pgnewlis{margin-bottom:40px;padding:40px;background:#fff;}
			.pgnewlis h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
			.pgnewlis 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;}
			.pgnewlis:hover h2:before{width:60px;}
			.pgnewlis ul{}
			.pgnewlis li:not(:last-child){border-bottom:1px solid #eee;padding:0 0 30px;margin:0 0 30px;}
			.pgnewlis li a{display:flex;justify-content:space-between;align-items:center;}
				.pgnewlis li figure{flex:0 0 400px;min-width:0;overflow:hidden;border-radius:10px;}
					.pgnewlis li figure img{width:100%;}
				.pgnewlis li div{flex:1;margin:0 40px;height:250px;overflow:hidden;}
					.pgnewlis li h4{font-size:30px;margin-bottom:20px;line-height:40px;height:80px;overflow:hidden;}
					.pgnewlis li p{font-size:18px;line-height:30px;overflow:hidden;height:90px;color:#999;margin:0 0 20px;}
					.pgnewlis li time{display:flex;line-height:30px;}
						.pgnewlis li time i{font-size:20px;margin:0 5px 0 0;}
						.pgnewlis li time span{}
				.pgnewlis li a>span{flex:0 0 80px;min-width:0;display:inline-block;line-height:60px;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;text-align:center;text-transform:capitalize;transition:all 0.3s ease-out 0s;}
			.pgnewlis li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.pgnewlis li a:hover>span{background-position:0 0;}
		.pgnewinf{}
			.pgnewinfhea{text-align:center;margin:0 0 40px;}
				.pgnewinfhea h1{font-size:36px;line-height:40px;margin:0 0 20px;}
				.pgnewinfhea div{font-size:18px;line-height:30px;color:#999;}
				.pgnewinfhea div span{display:inline-block;margin:0 20px 0 0;}
				.pgnewinfhea div b{font-weight:normal;}
				.pgnewinfhea div i{float:left;font-size:24px;margin:0 5px 0 0;}
			.pgnewinfcon{font-size:22px;line-height:36px;}
		
.pgmes{background-image:repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 15px, #f9f9f9 15px,#f9f9f9 30px);padding:80px 0;}
	.pgmesinf{}
		.pgmesinf h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
		.pgmesinf 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;}
		.pgmesinf h2:hover:before{width:60px;}
	.pgmesinf form{height:360px;margin-top:40px;background:#fff;padding:40px;}
		.pgmesinf ul{position:relative;}
		.pgmesinf li{margin-bottom:20px;position:absolute;}
		.pgmesinf li i{position:absolute;top:50%;transform:translateY(-50%);left:10px;font-size:20px; color:#999}
			.pgmesinf li:nth-of-type(6) i{ font-size:16px}
		.pgmesinf li:nth-of-type(1){left:0;top:0;}
		.pgmesinf li:nth-of-type(2){right:0;top:0;}
		.pgmesinf li:nth-of-type(3){left:0;top:70px;}
		.pgmesinf li:nth-of-type(4){right:0;top:70px;}
		.pgmesinf li:nth-of-type(5){top:140px;right:0;left:0;}
		/**.pgmesinf li:nth-of-type(6){left:0;top:300px;right:0;text-align:center;}**/
		.pgmesinf li:nth-of-type(6), .pgmesinf li:nth-of-type(7) {top:300px; margin-right: 1%;}
		.pgmesinf li:nth-of-type(7) {left:570px;}
		.vcode {position: absolute;top: 6px;right: 6px;}
		.vcode img {height: 38px;}
		.pgmesinf li .txt{width:550px;height:50px;padding:0 40px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:50px;border-radius:3px;}
		.pgmesinf li .txts{width:100%;height:140px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;border-radius:3px;}
		.pgmesinf li .btn{width:280px;height:50px;background:#34456e;color:#fff;border-radius:3px;}

.pgadd{padding:80px 0;}
	.pgaddinf{}
		.pgaddinf h2{font-size:50px;line-height:60px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 80px;}
		.pgaddinf 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;}
		.pgaddinf h2:hover:before{width:60px;}
		.pgaddinf ul{display:flex;justify-content:space-between;margin:0 -20px;}
		.pgaddinf li{flex:1;background:#f9f9f9;padding:40px;margin:0 20px;}
		.pgaddinf li i{font-size:60px;line-height:60px;text-align:center;background-image:linear-gradient(45deg,#20a7df,#005094);color:#fff;padding:10px;border-radius:50%;}
		.pgaddinf li h3{font-size:20px;line-height:30px;text-transform:capitalize;margin:40px 0 20px;}
		.pgaddinf li p{font-size:16px;line-height:30px;}
}
@media (max-width:1024px){/* MOBILE */
.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;}
.listpage a:hover{background:#333;border:1px solid #333;color:#fff;}
.listpage span{background:#333;border:1px solid #333;color:#fff;}

.pgban{position:relative;overflow:hidden;height:140px;box-shadow:0 0 10px 5px rgba(0, 0, 0, .5) inset;}
	.pgban figure{height:100%;}
	.pgban figure img{height:140px;position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);animation:pgbanmc 5s 1 forwards;-moz-animation:pgbanmc 5s 1 forwards;-webkit-animation:pgbanmc 5s 1 forwards;-o-animation:pgbanmc 5s 1 forwards;}
	@keyframes pgbanmc{
		0% {transform:translate(-50%,-50%) scale3d(1,1,1);}
		100%{transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1);}
	}
	@-webkit-keyframes pgbanmc{
		0% {transform:translate(-50%,-50%) scale3d(1,1,1);}
		100%{transform:translate(-50%,-50%) scale3d(1.1,1.1,1.1);}
	}

.pgpos{position:relative;background-image:linear-gradient(180deg,#f9f9f9 0,#f9f9f9 60%,#eee 100%);padding:10px;}
	.pgposinf{opacity:0.9;text-transform:capitalize;}
		.pgposinf i{display:block;width:20px;height:20px;float:left;font-size:20px;margin-right:5px;}
		.pgposinf a{}

.pgnav{border-bottom:1px solid #eee;}
	.pgnavlis{text-align:center;}
	.pgnavlis ul{}
	.pgnavlis li{display:inline-block;padding:0 10px;}
	.pgnavlis li a{display:block;text-transform:capitalize;font-size:14px;line-height:40px;position:relative;}
	.pgnavlis li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;transition:all 0.3s ease-out 0s;background:#20a7df;transform:translateX(-50%);}
	.pgnavlis li a:hover:after,.pgnavlis li a.on:after{width:100%;}

.pg{padding:60px 0;overflow:hidden;}
	
.pgabo{padding:20px;}
	.pgaboinf{}
		.pgaboinftxt{margin:0 0 20px;}
			.pgaboinftxt h3{text-align:center;font-size:17px;margin:20px 0;font-style:italic;color:#20a7df;}
			.pgaboinftxt p{}
		.pgaboinfimg{}	
			.pgaboinfimg figure{border-radius:10px;overflow:hidden;}
			.pgaboinfimg img{width:100%;}

	.pgtil{text-align:center;margin:0 0 20px;}
		.pgtil h2{font-size:24px;line-height:30px;text-transform:capitalize;position:relative;}
		.pgtil h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
		.pgtil:hover h2:before{width:60px;}

.pghis{background-image:linear-gradient(30deg,#20a7df,#005094,#20a7df,#005094);padding:50px 0;overflow:hidden;position:relative;}
	.pghis:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';display:block;width:600px;height:600px;background:url(../images/bgphi.png) no-repeat center center;background-size:cover;animation:globalmc 20s infinite linear;-moz-animation:globalmc 20s infinite linear;-webkit-animation:globalmc 20s infinite linear;-o-animation:globalmc 20s infinite linear;}
	@keyframes globalmc{
		0% { transform:translate(-50%,-50%) rotate(0deg);}
		100%{transform:translate(-50%,-50%) rotate(360deg);}
	}
	@-webkit-keyframes globalmc{
		0% { transform:translate(-50%,-50%) rotate(0deg);}
		100%{transform:translate(-50%,-50%) rotate(360deg);}
	}
	.pghis .pgtil{color:#fff;}
	.pghissli{position:relative;}
		.pghissliinf{position:relative;margin:50px 0;}
			.pghissliinf .swiper-pagination{display:none;}
			.pghissliinf dl{text-align:center;color:#fff;}
			.pghissliinf dt{font-size:24px;font-weight:normal;line-height:30px;margin:0 0 10px;transition:all ease-out 0.3s;}
			.pghissliinf dd{font-size:14px;opacity:0.8;}
		.pghissliyea{position:relative;padding:0 40px;}
			.pghissliyea .iconfont{font-size:30px;}
			.pghissliyea .swiper-button-prev{left:0;top:18px;color:#fff;}
			.pghissliyea .swiper-button-next{right:0;top:18px;color:#fff;}
			.pghissliyea span{display:block;position:relative;padding:30px 0 0;text-align:center;font-size:13px;font-weight:normal;color:#fff;opacity:0.5;}
			.pghissliyea span:after{content:'';display:block;position:absolute;top:14px;left:0;width:100%;height:1px;background:#fff;}
			.pghissliyea span:before{content:'';display:block;position:absolute;z-index:1;top:10px;left:50%;height:8px;width:8px;border-radius:4px;background:#fff;transition:all ease-out 0.3s;}
			.pghissliyea .swiper-slide-thumb-active span{opacity:1;}

.pgphi{padding:20px;}
	.pgphiinf{}
		.pgphiinflis{}
			.pgphiinflis ul{margin:0 -1%;}
			.pgphiinflis li{float:left;width:48%;margin:0 1% 10px;}
			.pgphiinflis li div{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;border-radius:10px;padding:0 10px;}
			.pgphiinflis li i{font-size:30px;line-height:30px;margin:0 20px 0 0;}
			.pgphiinflis li h3{font-size:14px;line-height:30px;text-transform:capitalize;}
		.pgphiinfcov{margin:0 0 20px;}
			.pgphiinfcov figure{overflow:hidden;border-radius:10px;}
			.pgphiinfcov img{width:100%;}

.pgdis{padding:20px;background:#f9f9f9 url(../images/pgdis.png) no-repeat center 100px;background-size:cover;height:300px;}
	.pgdisinf{position:relative;}
		.pgdisinf div{text-align:center;}
		.pgdisinf figure{}

.pgpho{padding:20px;}
	.pgpholis{}
		.pgpholis ul{margin:0 -1%;}
		.pgpholis li{float:left;width:31.33%;margin:0 1% 20px;}
		.pgpholis li figure{overflow:hidden;border-radius:5px;position:relative;}
		.pgpholis li figure img{width:100%;}
		.pgpholis li figure figcaption{position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,0.1) 50%,transparent 100%);padding:10px;color:#fff;}
		.pgpholis li figure:hover img{transform:scale3d(1.05, 1.05, 1);}

.pgpro{padding:20px;background:#f9f9f9;}
		.pgprolis{}
			.pgprolis h2{font-size:24px;line-height:30px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 20px;}
			.pgprolis h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
			.pgprolis h2:hover:before{width:60px;}
			.pgprolis ul{margin:0 0 20px;}
			.pgprolis li{margin:0 0 20px;border-radius:10px;overflow:hidden;}
			.pgprolis li:nth-of-type(2n){flex-direction:row-reverse;}
			.pgprolis li:last-child{margin:0;}
				.pgprolis figure{overflow:hidden;}
				.pgprolis figure img{width:100%;}
				.pgprolis div{box-sizing:border-box;padding:20px;background:#fff;}
					.pgprolis div em{display:none;}
					.pgprolis div h3{font-size:17px;}
					.pgprolis div>i{display:block;}
					.pgprolis div h4{font-size:14px;color:#999;font-weight:normal;margin:20px 0 0;}
					.pgprolis div p{margin:20px 0;}
					.pgprolis div a{display:inline-block;color:#20a7df;border-radius:20px;line-height:40px;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;width:120px;border-radius:40px;padding:0 10px;}
						.pgprolis div a span{margin:0 10px 0 0;}
						.pgprolis div a i{float:right;font-size:20px;}
					.pgprolis div a:hover{padding:0 50px;background-position:0 0;}
			.pgprolis li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
			.pgprolis li:hover img{transform:scale3d(1.05, 1.05, 1);}
		
		.pgprosid{background:#fff;box-sizing:border-box;padding:20px;margin:0 0 10px;}
			.pgprosid figure{overflow:hidden;border-radius:10px;overflow:hidden;margin:0 0 20px;}
			.pgprosid figure img{width:100%;}
			.pgprosid h3{font-size:17px;}
			.pgprosid>i{display:block;}
			.pgprosid h4{font-size:14px;color:#999;font-weight:normal;margin:20px 0 0;}
			.pgprosid p{}
		.pgprocon{background:#fff;position:relative;box-sizing:border-box;padding:20px;}
			.pgprocon h2{font-size:24px;line-height:30px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 20px;}
			.pgprocon h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
			.pgprocon h2:hover:before{width:60px;}
			.pgprocon div{margin:0 0 40px;}
			.pgprocon div table{margin:20px 0;border-collapse:collapse;border:1px solid #eee;}
			.pgprocon div table td{border-collapse:collapse;border:1px solid #eee;padding:10px;text-align:center;}

.pgnew{padding:20px;}
		.pgnewlis{margin-bottom:20px;padding:20px;background:#fff;}
			.pgnewlis h2{font-size:24px;line-height:30px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 40px;}
			.pgnewlis h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
			.pgnewlis:hover h2:before{width:60px;}
			.pgnewlis ul{}
			.pgnewlis li:not(:last-child){border-bottom:1px solid #eee;padding:0 0 20px;margin:0 0 20px;}
			.pgnewlis li a{}
				.pgnewlis li figure{overflow:hidden;border-radius:10px;margin:0 0 20px;}
					.pgnewlis li figure img{width:100%;}
				.pgnewlis li div{}
					.pgnewlis li h4{font-size:17px;margin-bottom:10px;}
					.pgnewlis li p{color:#999;margin:0 0 20px;}
					.pgnewlis li time{display:flex;line-height:30px;}
						.pgnewlis li time i{font-size:20px;margin:0 5px 0 0;}
						.pgnewlis li time span{}
				.pgnewlis li a>span{flex:0 0 80px;min-width:0;display:inline-block;line-height:30px;background-image:linear-gradient(90deg,#20a7df,#005094,#20a7df,#005094,#20a7df);background-size:300%;background-position:50% 0;color:#fff;border-radius:40px;padding:0 20px;text-align:center;text-transform:capitalize;transition:all 0.3s ease-out 0s;}
			.pgnewlis li a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.pgnewlis li a:hover>span{background-position:0 0;}
		.pgnewinf{}
			.pgnewinfhea{text-align:center;margin:0 0 10px;}
				.pgnewinfhea h1{font-size:17px;margin:0 0 5px;}
				.pgnewinfhea div{color:#999;}
				.pgnewinfhea div span{display:inline-block;margin:0 10px 0 0;}
				.pgnewinfhea div b{font-weight:normal;}
				.pgnewinfhea div i{float:left;font-size:24px;margin:0 5px 0 0;}
			.pgnewinfcon{}
		
.pgmes{background-image:repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 15px, #f9f9f9 15px,#f9f9f9 30px);padding:20px;}
	.pgmesinf{}
		.pgmesinf h2{font-size:24px;line-height:30px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 20px;}
		.pgmesinf 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;}
		.pgmesinf h2:hover:before{width:60px;}
	.pgmesinf form{}
		.pgmesinf ul{position:relative;}
		.pgmesinf li{margin-bottom:10px;position:relative;}
		.pgmesinf li i{position:absolute;top:50%;transform:translateY(-50%);left:5px;font-size:20px; color:#999}
			.pgmesinf li:nth-of-type(6) i{ font-size:16px}
		.vcode {position: absolute;top: 6px;right: 6px;}
		.vcode img {height:28px;}
		.pgmesinf li .txt{width:100%;height:40px;padding:0 30px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;border-radius:3px;}
		.pgmesinf li .txts{width:100%;height:140px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;border-radius:3px;}
		.pgmesinf li .btn{width:100%;height:40px;background:#34456e;color:#fff;border-radius:3px;}

.pgadd{padding:20px;}
	.pgaddinf{}
		.pgaddinf h2{font-size:24px;line-height:30px;text-transform:capitalize;position:relative;text-align:center;margin:0 0 20px;}
		.pgaddinf h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
		.pgaddinf h2:hover:before{width:60px;}
		.pgaddinf ul{}
		.pgaddinf li{background:#f9f9f9;padding:20px;margin:0 0 20px;}
		.pgaddinf li i{font-size:40px;line-height:40px;text-align:center;background-image:linear-gradient(45deg,#20a7df,#005094);color:#fff;padding:10px;border-radius:50%;}
		.pgaddinf li h3{font-size:17px;text-transform:capitalize;margin:20px 0 5px;}
		.pgaddinf li p{}
}