@media (min-width:1025px){/* DESKTOPS */

.pglispag{clear:both;text-align:center;overflow:hidden;}

.pglispag a,.pglispag span{display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;border-radius:5px;color:#808080;}

.pglispag a:hover,.pglispag a.current-page{background:#333;border:1px solid #333;color:#fff;}

.pglispag span{background:#333;border:1px solid #333;color:#fff;}



.pgban{position:relative;}
	.pgban figure{overflow:hidden;height:240px;position:relative;}
		.pgban figure:before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:url(../images/bgpattern.png) repeat center center rgba(24,49,106,0.7);}
	.pgban figure img{height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.pgban div{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;}
		.pgban div h2{font-weight:normal;font-size:24px;line-height:40px;}
		.pgban div span{display:none;}

.pggui{background:#fff;line-height:60px;}
	.pgguipos{float:right;}
		.pgguipos i{display:block;width:20px;height:20px;float:left;font-size:20px;margin-right:5px;}
		.pgguipos i svg{font-size:20px;line-height:30px;}
	.pgguinav{float:left;}
	.pgguinav ul{overflow:hidden;}
	.pgguinav li{float:left;border-left:1px solid #ddd;}
	.pgguinav a{display:block;font-size:16px;font-weight:bold;padding:0 60px;}
	.pgguinav a.on{background:#333;color:#fff;}

.pgabo{padding:60px 0;background:#f9f9f9 url(../images/bgbusiness.jpg) no-repeat center bottom;}

	.pgtit,.pgabotil{text-align:center;margin:0 0 40px;}
			.pgabotil h2{font-size:40px;line-height:60px;font-weight:normal;}
			.pgtit h2{font-size:30px;line-height:40px;font-weight:normal;}
			.pgabotil h2 span{color:#0878f8;font-weight:bold;}
			.pgtit p,.pgabotil p{text-transform:uppercase;opacity:0.5;}
	.pgaboinf{font-size:16px;line-height:30px;text-align:center;margin:0 0 60px;}

	.pgnum{margin:0 0 40px;}
		.pgnum ul{}
			.pgnum li{float:left;width:25%;text-align:center;box-sizing:border-box;position:relative;}
			.pgnum li:after{content:'';display:block;position:absolute;top:0;right:0;height:100%;}
			.pgnum li:last-child:after{display:none;}
			.pgnum li strong{font-family:'sysfont';font-size:55px;line-height:60px;color:#0878f8;}
			.pgnum li p{font-size:16px;color:#999;}
	
.pgaboorg{padding:60px 0;background:url(../images/bgorg.jpg) no-repeat center 0;}
	.pgaboorg .pgtit{color:#fff;}
	.pgaboorginf{text-align:center;}

.pgabohon{padding:60px 0;}
	.pgabohonlis{position:relative;}
		.pgabohonlis span.iconfont{display:block;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:40px;transition:all 0.3s ease-out 0s;}
		.pgabohonlis span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
		.pgabohonlis .swiper-button-prev{left:-20px;}
		.pgabohonlis .swiper-button-next{right:-20px;}
		.pgabohonlis figure{text-align:center;margin:0 0 10px;}
		.pgabohonlis h4{text-align:center;font-weight:normal;}

.pgbus{background:#f9f9f9;padding:60px 0;}
	.pgbuslis>ul>li{margin:0 0 30px;}
		.pgbuslis>ul a{display:flex;justify-content:space-between;padding:40px;background:#fff;overflow:hidden;}
		.pgbuslis>ul li:nth-of-type(2n) a{flex-direction:row-reverse;}
			.pgbuslis>ul figure{flex:540px 0 0;min-width:0;position:relative;background:#000;overflow:hidden;}
			.pgbuslis>ul figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
			.pgbuslis>ul figcaption i{font-size:30px;display:inline-block;background:#0878f8;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
			.pgbuslis>ul img{width:100%;}
			.pgbuslis>ul section{flex:540px 0 0;min-width:0;position:relative;}
			.pgbuslis>ul h3{font-size:30px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#0878f8;margin:0 0 30px;}
			.pgbuslis>ul p{overflow:hidden;font-size:16px;line-height:30px;}
			.pgbuslis>ul span{position:absolute;bottom:0;left:0;display:inline-block;border:1px solid #0878f8;color:#0878f8;line-height:38px;padding:0 30px;border-radius:30px;transition:all 0.3s ease-out 0s;}
			.pgbuslis>ul a:hover figcaption{opacity:1;}
			.pgbuslis>ul a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}
			.pgbuslis>ul a:hover span{background:#0878f8;color:#fff;padding:0 40px;}
			.pgbuslis>ul ul{margin:30px 0 0;color:#999;}
			.pgbuslis>ul ul li{float:left;width:50%;line-height:30px;position:relative;padding:0 0 0 20px;box-sizing:border-box;}
			.pgbuslis>ul ul li:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:4px;height:4px;background:#0878f8;}

	.pgbusinf{background:#fff;padding:60px;}
		.pgbusinfhea{margin:0 0 60px;}
			.pgbusinfhea h2{font-size:36px;line-height:50px;margin:0 0 60px;position:relative;text-align:center;}
			.pgbusinfhea h2:before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:60px;width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
			.pgbusinfhea:hover h2:before{width:60px;}
			.pgbusinfhea section{font-size:18px;line-height:30px;}
			.pgbusinfhea h3{font-weight:normal;font-size:22px;line-height:30px;margin:0 0 30px;color:#0878f8;}
			.pgbusinfhea p{margin:0 0 30px;}
			.pgbusinfhea section img{max-width:100%;}
		.pgbusinflis{margin:0 0 40px;}
			.pgbusinflis h3{font-weight:normal;font-size:22px;line-height:30px;margin:0 0 30px;color:#0878f8;}
			.pgbusinflis ul{margin:0 -1%;}
			.pgbusinflis li{float:left;width:23%;margin:0 1% 20px;background:#fff;text-align:center;border:1px solid #eee;box-sizing:border-box;line-height:38px;border-radius:5px;}
		.pgbusinflisadv{margin:0 0 60px;}
		.pgbusinflisadv img{width:100%;}
		.pgbusinfcas{}
			.pgbusinfcas h3{font-weight:normal;font-size:22px;line-height:30px;margin:0 0 30px;color:#0878f8;}
			.pgbusinfcas ul{margin:0 -1%;}
			.pgbusinfcas li{float:left;width:23%;margin:0 1% 20px;}
			.pgbusinfcas li a{display:block;background:#fff;text-align:center;border:1px solid #eee;}
			.pgbusinfcas li a figure{overflow:hidden;}
			.pgbusinfcas li a figure img{width:100%;}
			.pgbusinfcas li a h4{font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.pgbusinfcas li a:hover{background:#0878f8;color:#fff;}
			.pgbusinfcas li a:hover img{transform:scale3d(1.05, 1.05, 1);}

.pgcas{background:#f9f9f9;padding:60px 0;}
	.pgcasint{font-size:22px;line-height:40px;margin:0 0 30px;}
	.pgcaslis{}
		.pgcaslis ul{margin:0 -1% 30px;}
		.pgcaslis li{float:left;width:31.33%;margin:0 1% 30px;}
		.pgcaslis li a{display:block;background:#fff;}
		.pgcaslis li a div{padding:20px;}
		.pgcaslis li a figure{overflow:hidden;height:290px;}
		.pgcaslis li a figure img{width:100%;}
		.pgcaslis li a h4{font-weight:normal;font-size:22px;line-height:30px;margin:0 0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.pgcaslis li a p{color:#999;height:60px;overflow:hidden;margin:0 0 20px;}
		.pgcaslis li a span{display:inline-block;border-radius:30px;line-height:28px;padding:0 15px;border:1px solid #0878f8;color:#0878f8;transition:all 0.3s ease-out 0s;}
		.pgcaslis li a span i{float:right;font-size:20px;margin:0 0 0 10px;}
		.pgcaslis li a:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
		.pgcaslis li a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.pgcaslis li a:hover span{background:#0878f8;color:#fff;}
	.pgcasinf{display:flex;margin:0 0 60px;}
		.pgcasinfswi{flex:0 0 800px;min-width:0;}
			.pgcasinfswi .swiper-pagination span{width:10px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#eee;}
			.pgcasinfswi .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}
			.pgcasinfswi figure{}
			.pgcasinfswi figure img{width:100%;}
		.pgcasinfint{flex:0 0 400px;min-width:0;background:#fff;box-sizing:border-box;padding:150px 40px 40px;position:relative;}
			.pgcasinfint h2{position:absolute;z-index:3;top:40px;right:0;white-space:nowrap;background:#0878f8;color:#fff;font-size:30px;line-height:70px;padding:0 20px;border-radius:10px 0 0 10px;min-width:420px;}
			.pgcasinfint section{font-size:16px;line-height:30px;margin:0 0 20px;}
			.pgcasinfint section strong{color:#0878f8;}
			.pgcasinfint div{font-size:16px;line-height:30px;margin:0 0 80px;}
			.pgcasinfint div strong{color:#0878f8;}
			.pgcasinfint a{color:#0878f8;}
	.pgcaspro{margin:0 0 60px;}
		.pgcasprotit{display:flex;justify-content:space-between;background:#fff;line-height:40px;padding:0 15px;margin:0 0 30px;}
			.pgcaspro h3{font-size:22px;font-weight:normal;}
		.pgcaspro a{display:block;text-align:center;background:#fff;}
		.pgcaspro a figure{overflow:hidden;}
		.pgcaspro a figure img{width:100%;}
		.pgcaspro a h4{font-size:16px;line-height:40px;font-weight:normal;}
		.pgcaspro a:hover{background:#0878f8;color:#fff;}
		.pgcaspro a:hover img{transform:scale3d(1.05, 1.05, 1);}
	.pgcasoth{background:#fff;display:flex;justify-content:space-between;line-height:60px;border-radius:10px;overflow:hidden;}
		.pgcasoth a{display:flex;}
		.pgcasoth a i{font-size:40px;color:#0878f8;transition:all 0.3s ease-out 0s;}
		.pgcasoth .pgcasothprv{}
		.pgcasoth .pgcasothprv a i{margin:0 10px 0 0;}
		.pgcasoth .pgcasothnex{}
		.pgcasoth .pgcasothnex a{flex-direction:row-reverse;}
		.pgcasoth .pgcasothnex a i{margin:0 0 0 10px;}
		.pgcasoth a:hover{color:#0878f8;}
		.pgcasoth a:hover i{background:#0878f8;color:#fff;}

.pgpro{background:#f9f9f9;padding:60px 0;}
	.pgprocla{margin:0 0 60px;}
		.pgprocla ul{text-align:center;}
		.pgprocla li{display:inline-block;margin:0 20px;}
		.pgprocla li a{display:inline-block;font-size:22px;line-height:50px;background:#fff;border-radius:30px;box-sizing:border-box;padding:0 30px;}
		.pgprocla li a.on,.pgprocla li a:hover{background:#0878f8;color:#fff;}
	.pgprolis{}
		.pgprolis ul{margin:0 -1% 30px;}
		.pgprolis li{float:left;width:23%;margin:0 1% 30px;}
		.pgprolis li a{display:block;text-align:center;background:#fff;}
		.pgprolis li a figure{overflow:hidden;height:225px;}
		.pgprolis li a figure img{width:100%;}
		.pgprolis li a h4{font-size:16px;line-height:50px;font-weight:normal;}
		.pgprolis li a:hover{background:#0878f8;color:#fff;}
		.pgprolis li a:hover img{transform:scale3d(1.05, 1.05, 1);}
	
	.pgproinf{display:flex;justify-content:space-between;}
		.pgproinfmai{flex:1;}
			.pgproinfhea{position:relative;padding:40px;background:#fff;margin:0 0 10px;display:flex;justify-content:space-between;}
				.pgproinfheaimg{flex:0 0 360px;min-width:0;margin:0 30px 0 0;}
					.pgproinfheaimg figure{overflow:hidden;border:1px solid #eee;}
					.pgproinfheaimg figure img{width:100%;}
				.pgproinfheasum{flex:1;}
					.pgproinfheasum:after{content:'';display:block;clear:both;}
					.pgproinfheasum h1{font-size:36px;line-height:50px;font-weight:normal;margin:0 0 15px;}
					.pgproinfheasum p{line-height:30px;color:#999;}
			.pgproinfdet{padding:40px;margin-bottom:20px;background:#fff;}
				.pgproinfdettab{position:relative;}
					.pgproinfdettab h3{font-size:22px;line-height:40px;margin-bottom:40px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;font-weight:normal;}
					.pgproinfdettab h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#115ec5;}
					.pgproinfdettab span{position:absolute;top:15px;right:15px;}
					.pgproinfdettab span a{}
				.pgproinfdetcon{font-size:16px;line-height:30px;}
					.pgproinfdetcon img{max-width:100%;}
		.pgproinfsid{flex:0 0 300px;min-width:0;margin:0 0 0 10px;}
			.pgproinfsidoth{background:#fff;padding:30px 20px;border:1px solid #f0f0f0;margin:0 0 10px;}
			.pgproinfsidoth h2{font-size:22px;line-height:40px;position:relative;margin:0 0 30px;font-weight:normal;}
				.pgproinfsidoth h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#18316a;}
				.pgproinfsidoth h2 a{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:25px;height:25px;font-family:'宋体';text-align:center;border:1px solid #f0f0f0;border-radius:20px;font-size:22px;line-height:25px;}
			.pgproinfsidoth ul{}
			.pgproinfsidoth li{}
			.pgproinfsidoth li figure{position:relative;border:1px solid #ccc;margin:0 0 10px;}
			.pgproinfsidoth li figure img{width:100%;}
			.pgproinfsidoth li figure figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
			.pgproinfsidoth li h3{text-align:center;font-size:16px;line-height:30px;font-weight:normal;}


.pgnew{background:#f9f9f9;padding:60px 0;}
	.pgnew aside{flex:0 0 90px;min-width:0;}
		.pgnewcla{margin:70px 0 0;}
			.pgnewcla ul{}
			.pgnewcla li{margin:0 0 10px;}
			.pgnewcla li a{display:block;background:#0878f8;color:#fff;}
			.pgnewcla li a h2{font-size:20px;padding:20px;line-height:26px;text-align:center;font-weight:normal;}
			.pgnewcla li a:hover,.pgnewcla li a.on{background:#0878f8;}
	.pgnew main{flex:1;background:#fff;padding:50px;}
		.pgnewlis{margin:0 0 60px;}
			.pgnewlis>figure{text-align:center;}
			.pgnewlishea{margin:0 0 60px;display:flex;justify-content:space-between;}
				.pgnewlishea div{flex:1;}
					.pgnewlishea div h3{font-size:22px;line-height:30px;margin:0 0 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
					.pgnewlishea div h3 span{display:inline-block;height:30px;line-height:30px;font-size:18px;color:#0878f8;font-style:normal;border:1px solid #0878f8;padding:0 15px;margin:0 20px 0 0;}
					.pgnewlishea div p{line-height:30px;text-align:justify;color:#666;margin:0 0 20px;}
					.pgnewlishea div span{}
				.pgnewlishea figure{flex:0 0 307px;min-width:0;margin:0 0 0 40px;}
				.pgnewlishea figure a{display:block;}
				.pgnewlishea figure img{height:205px;}
			.pgnewlis ul{border-bottom:1px solid #e3e3e3;}
				.pgnewlis li{border:1px solid #e3e3e3;padding:19px;border-bottom:none;overflow:hidden;}
					.pgnewlis li figure{overflow:hidden;float:left;margin:0 30px 0 0;}
						.pgnewlis li figure img{height:150px;}
					.pgnewlis li div{}
						.pgnewlis li div h3{font-size:22px;line-height:40px;margin:0 0 5px;font-weight:normal;}
						.pgnewlis li div h3 span{display:inline-block;height:30px;line-height:30px;font-size:18px;color:#0878f8;font-style:normal;border:1px solid #0878f8;padding:0 15px;margin:0 20px 0 0;}
						.pgnewlis li div p{line-height:25px;text-align:justify;color:#666;margin:0 0 20px;}
						.pgnewlis li div span{display:inline-block;height:33px;line-height:33px;font-size:14px;color:#0878f8;text-align:center;border:1px solid #0878f8;position:relative;padding:0 20px;}
						.pgnewlis li div span:before{content:'';position:absolute;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #fff;left:-1px;top:50%;margin-top:-9px;z-index:1;}
						.pgnewlis li div span:after{content:'';position:absolute;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #0878f8;left:-1px;top:50%;margin-top:-5px;z-index:2;}
				.pgnewlis li:hover{box-shadow:5px 5px 10px #ededed,-5px -5px 10px #ededed;}
				.pgnewlis li:hover article h3{color:#0878f8;}
				.pgnewlis li:hover article span{background:#0878f8;color:#fff;}
				.pgnewlis li:hover article span:before{border-left:10px solid #0878f8;}
				.pgnewlis li:hover article span:after{border-left:7px solid #fff}


		.pgnew article{}
		.articlehead{border-bottom:1px solid #dedede;}
			.articlehead h1{font-size:36px;line-height:50px;font-weight:normal;margin:0 0 15px;}
			.articlehead p{color:#999;margin:0 0 10px;}
			.articlehead span{}
			.articlehead time{}
		.articlemain{font-size:16px;line-height:32px;color:#4c4c4c;padding:10px 0 0;text-align:justify;margin:0 0 30px;}
			.articlemain a{color:#0878f8;display:inline-block;padding:0 3px;font-weight:bold;}
			.articlemain video{width:100%;height:auto;}
		.articlefoot{}
			.articlefoot p{line-height:30px;}
		.pgsideproduct{background:#fff;padding:20px;margin:0 0 10px;}
			.pgsideproduct h2{font-size:22px;line-height:40px;position:relative;margin:0 0 30px;font-weight:normal;}
				.pgsideproduct h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#0878f8;}
				.pgsideproduct h2 a{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:25px;height:25px;font-family:'宋体';text-align:center;border:1px solid #f0f0f0;border-radius:20px;font-size:22px;line-height:25px;}
			.pgsideproduct ul{}
			.pgsideproduct li{margin:0 0 20px;}
			.pgsideproduct li figure{position:relative;border:1px solid #ccc;}
			.pgsideproduct li figure img{width:100%;}
			.pgsideproduct li figure figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
			.pgsideproduct li h3{text-align:center;font-size:16px;line-height:30px;font-weight:normal;}
		.pgsidehotkey{background:#fff;padding:30px 20px;border:1px solid #f0f0f0;margin:0 0 10px;}
			.pgsidehotkey h2{font-size:22px;line-height:40px;position:relative;margin:0 0 30px;font-weight:normal;}
				.pgsidehotkey h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#0878f8;}
				.pgsidehotkey h2 a{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:25px;height:25px;font-family:'宋体';text-align:center;border:1px solid #f0f0f0;border-radius:20px;font-size:22px;line-height:25px;}
			.pgsidehotkey div{}
				.pgsidehotkey div a{display:inline-block;border:1px solid #e6e6e6;margin:0 5px 5px 0;line-height:34px;padding:0 10px;}
		.pgsideback{}
			.pgsideback a{display:inline-block;font-size:16px;line-height:50px;background:#0878f8;color:#fff;padding:0 50px;}
		
		.articleside{background:#fff;border:1px solid #f0f0f0;}
			.articleside ul{display:flex;}
			.articleside li{flex:1;min-width:0;line-height:60px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.articleside li:first-child{border-right:1px solid #f0f0f0;}
			.articleside li:last-child{text-align:right;}

.pgcon{background:#f9f9f9;padding:60px 0;}
	.pgcontit{padding-bottom:30px;}
		.pgcontit h1{font-size:36px;line-height:40px;margin-bottom:20px;font-weight:normal;}
		.pgcontit p{font-size:18px;line-height:30px;font-weight:normal;}
	.pgconlis{overflow:hidden;margin:0 -1% 30px;}
	.pgconlis div{float:left;width:23%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;background:#fff;}
	.pgconlis figure{width:50px;height:50px;margin:0 auto;margin-bottom:10px;}
	.pgconlis figure i{font-size:50px;line-height:50px;color:#0878f8;}
	.pgconlis p{}
	.pgconmap{}

.pgmes{background-image:repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 15px, #f6f6f6 15px,#f6f6f6 30px);padding:80px 0;}
		.pgmesinf{}
			.pgmesinf div{font-size:22px;line-height:40px;background:#fff;padding:40px;}
			.pgmesinf div span{color:#0878f8;padding:0 5px;}
			.pgmesinf p{}
		.pgmesinf form{margin-top:40px;background:#fff;padding:40px;}
			.pgmesinf ul{overflow:hidden;}
			.pgmesinf li{margin-bottom:20px;box-sizing:border-box;position:relative;padding-left:80px;}
			.pgmesinf li label{position:absolute;top:0;left:0;line-height:40px;}
			.pgmesinf li span.redstar{color:#c00;}
			.pgmesinf li span i{margin-right:10px;}
			.pgmesinf li input.txt{width:100%;height:40px;padding:10px;box-sizing:border-box;background:#f6f6f6;border:1px solid #ddd;}
			.pgmesinf li textarea{display:block;width:100%;height:120px;padding:10px;box-sizing:border-box;background:#f6f6f6;border:1px solid #ddd;}
			.pgmesinf li input.btn{width:19%;margin-right:1%;color:#fff;height:40px;}
			.pgmesinf li input:nth-of-type(1).btn{background:#337ab7;}
			.pgmesinf li input:nth-of-type(2).btn{background:#d9534f;}
			#checkCodeImg{position:absolute;top:3px;right:3px;height:34px;}
}

@media (max-width:1024px){/* MOBILE */

.pglispag{clear:both;text-align:center;overflow:hidden;}
.pglispag a,.pglispag span{display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;border-radius:5px;color:#808080;}
.pglispag a:hover,.pglispag a.current-page{background:#333;border:1px solid #333;color:#fff;}
.pglispag span{background:#333;border:1px solid #333;color:#fff;}

.pgban{position:relative;}
	.pgban figure{overflow:hidden;height:120px;position:relative;}
		.pgban figure:before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:url(../images/bgpattern.png) repeat center center rgba(24,49,106,0.7);}
	.pgban figure img{height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.pgban div{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;}
		.pgban div h2{font-weight:normal;font-size:18px;}
		.pgban div span{display:none;}

.pggui{background:#fff;}
	.pgguipos{padding:10px;}
		.pgguipos i{display:block;width:20px;height:20px;float:left;font-size:20px;margin-right:5px;}
		.pgguipos i svg{font-size:20px;line-height:30px;}
	.pgguinav{}
	.pgguinav ul{overflow:hidden;}
	.pgguinav li{float:left;border-left:1px solid #ddd;}
	.pgguinav a{display:block;font-size:16px;font-weight:bold;padding:0 60px;}
	.pgguinav a.on{background:#333;color:#fff;}

.pgabo{padding:40px 20px;background:#f9f9f9 url(../images/bgbusiness.jpg) no-repeat center bottom;}

	.pgtit,.pgabotil{text-align:center;margin:0 0 20px;}
			.pgabotil h2{font-size:22px;line-height:30px;font-weight:normal;}
			.pgtit h2{font-size:22px;line-height:30px;font-weight:normal;}
			.pgabotil h2 span{color:#0878f8;font-weight:bold;}
			.pgtit p,.pgabotil p{text-transform:uppercase;opacity:0.5;}
	.pgaboinf{text-align:center;margin:0 0 30px;}

	.pgnum{}
		.pgnum ul{}
			.pgnum li{float:left;width:25%;text-align:center;box-sizing:border-box;position:relative;}
			.pgnum li:after{content:'';display:block;position:absolute;top:0;right:0;height:100%;}
			.pgnum li:last-child:after{display:none;}
			.pgnum li strong{font-family:'sysfont';font-size:40px;line-height:40px;color:#0878f8;}
			.pgnum li p{}
			.pgnum li i{display:block;color:#999;}
	
.pgaboorg{padding:40px 20px;background:url(../images/bgorg.jpg) no-repeat center 0;}
	.pgaboorg .pgtit{color:#fff;}
	.pgaboorginf{text-align:center;}
		.pgaboorginf img{width:100%;}

.pgabohon{padding:40px 20px;}
	.pgabohonlis{position:relative;}
		.pgabohonlis span.iconfont{display:block;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;background:#f9f9f9;font-weight:normal;border:1px solid #eee;border-radius:40px;transition:all 0.3s ease-out 0s;}
		.pgabohonlis span.iconfont:hover{background:#0878f8;color:#fff;border:1px solid #0878f8;}
		.pgabohonlis .swiper-button-prev{left:-20px;}
		.pgabohonlis .swiper-button-next{right:-20px;}
		.pgabohonlis figure{text-align:center;margin:0 0 10px;}
		.pgabohonlis figure img{width:100%;}
		.pgabohonlis h4{text-align:center;font-weight:normal;}

.pgbus{background:#f9f9f9;padding:40px 20px;}
	.pgbuslis>ul>li{margin:0 0 20px;}
		.pgbuslis>ul a{display:block;padding:15px;background:#fff;overflow:hidden;}
			.pgbuslis>ul figure{position:relative;background:#000;overflow:hidden;margin:0 0 20px;}
			.pgbuslis>ul figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
			.pgbuslis>ul figcaption i{font-size:30px;display:inline-block;background:#0878f8;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
			.pgbuslis>ul img{width:100%;}
			.pgbuslis>ul section{flex:540px 0 0;min-width:0;position:relative;}
			.pgbuslis>ul h3{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#0878f8;margin:0 0 10px;}
			.pgbuslis>ul p{color:#999;}
			.pgbuslis>ul span{display:block;color:#0878f8;margin:20px 0 0;}
			.pgbuslis>ul a:hover figcaption{opacity:1;}
			.pgbuslis>ul a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);}
			.pgbuslis>ul a:hover span{background:#0878f8;color:#fff;padding:0 40px;}
			.pgbuslis>ul ul{margin:30px 0 0;color:#999;}
			.pgbuslis>ul ul li{float:left;width:50%;line-height:30px;position:relative;padding:0 0 0 20px;box-sizing:border-box;}
			.pgbuslis>ul ul li:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:4px;height:4px;background:#0878f8;}

	.pgbusinf{background:#fff;padding:20px;}
		.pgbusinfhea{margin:0 0 20px;}
			.pgbusinfhea h2{font-size:18px;margin:0 0 20px;position:relative;text-align:center;}
			.pgbusinfhea h2:before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:30px;width:30px;height:2px;background:#0878f8;transition:all 0.3s ease-out 0s;}
			.pgbusinfhea:hover h2:before{width:60px;}
			.pgbusinfhea section{}
			.pgbusinfhea h3{font-weight:normal;font-size:18px;margin:0 0 20px;color:#0878f8;}
			.pgbusinfhea p{margin:0 0 30px;}
		.pgbusinflis{margin:0 0 40px;}
			.pgbusinflis h3{font-weight:normal;font-size:22px;line-height:30px;margin:0 0 30px;color:#0878f8;}
			.pgbusinflis ul{margin:0 -1%;}
			.pgbusinflis li{float:left;width:23%;margin:0 1% 20px;background:#fff;text-align:center;border:1px solid #eee;box-sizing:border-box;line-height:38px;border-radius:5px;}
		.pgbusinflisadv{margin:0 0 60px;}
		.pgbusinflisadv img{width:100%;}
		.pgbusinfcas{}
			.pgbusinfcas h3{font-weight:normal;font-size:18px;margin:0 0 20px;color:#0878f8;}
			.pgbusinfcas ul{margin:0 -1%;}
			.pgbusinfcas li{float:left;width:48%;margin:0 1% 20px;}
			.pgbusinfcas li a{display:block;background:#fff;text-align:center;border:1px solid #eee;}
			.pgbusinfcas li a figure{overflow:hidden;}
			.pgbusinfcas li a figure img{width:100%;}
			.pgbusinfcas li a h4{font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.pgbusinfcas li a:hover{background:#0878f8;color:#fff;}
			.pgbusinfcas li a:hover img{transform:scale3d(1.05, 1.05, 1);}

.pgcas{background:#f9f9f9;padding:40px 20px;}
	.pgcasint{font-size:14px;margin:0 0 20px;}
	.pgcaslis{}
		.pgcaslis ul{margin:0 -1% 30px;}
		.pgcaslis li{float:left;width:48%;margin:0 1% 10px;}
		.pgcaslis li a{display:block;background:#fff;}
		.pgcaslis li a div{padding:15px;}
		.pgcaslis li a figure{overflow:hidden;}
		.pgcaslis li a figure img{width:100%;}
		.pgcaslis li a h4{font-weight:normal;font-size:14px;margin:0 0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.pgcaslis li a p{color:#999;height:60px;overflow:hidden;margin:0 0 10px;}
		.pgcaslis li a span{color:#0878f8;transition:all 0.3s ease-out 0s;}
		.pgcaslis li a span i{float:right;font-size:20px;margin:0 0 0 10px;}
		.pgcaslis li a:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
		.pgcaslis li a:hover img{transform:scale3d(1.05, 1.05, 1);}
	.pgcasinf{margin:0 0 20px;}
		.pgcasinfswi{}
			.pgcasinfswi .swiper-pagination span{width:10px;transition:all 0.3s ease-out 0s;border-radius:10px;background:#eee;}
			.pgcasinfswi .swiper-pagination span.swiper-pagination-bullet-active{width:30px;}
			.pgcasinfswi figure{}
			.pgcasinfswi figure img{width:100%;}
		.pgcasinfint{background:#fff;box-sizing:border-box;padding:15px;position:relative;}
			.pgcasinfint h2{color:#0878f8;font-size:14px;margin:0 0 20px;}
			.pgcasinfint section{margin:0 0 10px;}
			.pgcasinfint section strong{color:#0878f8;}
			.pgcasinfint div{margin:0 0 20px;}
			.pgcasinfint div strong{color:#0878f8;}
			.pgcasinfint a{color:#0878f8;}
	.pgcaspro{margin:0 0 20px;}
		.pgcasprotit{display:flex;justify-content:space-between;background:#fff;line-height:40px;padding:0 15px;margin:0 0 30px;}
			.pgcaspro h3{font-size:14px;font-weight:normal;}
		.pgcaspro a{display:block;text-align:center;background:#fff;}
		.pgcaspro a figure{overflow:hidden;}
		.pgcaspro a figure img{width:100%;}
		.pgcaspro a h4{font-size:12px;line-height:30px;font-weight:normal;}
		.pgcaspro a:hover{background:#0878f8;color:#fff;}
		.pgcaspro a:hover img{transform:scale3d(1.05, 1.05, 1);}
	.pgcasoth{}
		.pgcasoth a{display:block;}
		.pgcasoth a i{font-size:20px;color:#0878f8;transition:all 0.3s ease-out 0s;}
		.pgcasoth .pgcasothprv{}
		.pgcasoth .pgcasothprv a i{display:none;}
		.pgcasoth .pgcasothnex{}
		.pgcasoth .pgcasothnex a{flex-direction:row-reverse;}
		.pgcasoth .pgcasothnex a i{display:none;}
		.pgcasoth a:hover{color:#0878f8;}
		.pgcasoth a:hover i{background:#0878f8;color:#fff;}

.pgpro{background:#f9f9f9;padding:40px 20px;}
	.pgprocla{margin:0 0 20px;}
		.pgprocla ul{text-align:center;}
		.pgprocla li{display:inline-block;margin:0 5px 10px;}
		.pgprocla li a{display:inline-block;font-size:14px;line-height:30px;background:#fff;border-radius:30px;box-sizing:border-box;padding:0 10px;}
		.pgprocla li a.on,.pgprocla li a:hover{background:#0878f8;color:#fff;}
	.pgprolis{}
		.pgprolis ul{margin:0 -1% 20px;}
		.pgprolis li{float:left;width:48%;margin:0 1% 10px;}
		.pgprolis li a{display:block;text-align:center;background:#fff;}
		.pgprolis li a figure{overflow:hidden;}
		.pgprolis li a figure img{width:100%;}
		.pgprolis li a h4{font-size:13px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.pgprolis li a:hover{background:#0878f8;color:#fff;}
		.pgprolis li a:hover img{transform:scale3d(1.05, 1.05, 1);}
	
	.pgproinf{}
		.pgproinfmai{}
			.pgproinfhea{position:relative;padding:15px;background:#fff;margin:0 0 10px;}
				.pgproinfheaimg{margin:0 0 20px;}
					.pgproinfheaimg figure{overflow:hidden;border:1px solid #eee;}
					.pgproinfheaimg figure img{width:100%;}
				.pgproinfheasum{}
					.pgproinfheasum:after{content:'';display:block;clear:both;}
					.pgproinfheasum h1{font-size:17px;font-weight:normal;margin:0 0 15px;}
					.pgproinfheasum p{color:#999;}
			.pgproinfdet{padding:20px;margin-bottom:20px;background:#fff;}
				.pgproinfdettab{position:relative;}
					.pgproinfdettab h3{font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;font-weight:normal;}
					.pgproinfdettab h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#115ec5;}
					.pgproinfdettab span{position:absolute;top:15px;right:15px;}
					.pgproinfdettab span a{}
				.pgproinfdetcon{}
					.pgproinfdetcon img{max-width:100%;}
		.pgproinfsid{}
			.pgproinfsidoth{background:#fff;padding:15px;border:1px solid #f0f0f0;margin:0 0 10px;}
			.pgproinfsidoth h2{font-size:14px;position:relative;margin:0 0 20px;font-weight:normal;}
				.pgproinfsidoth h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#18316a;}
				.pgproinfsidoth h2 a{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:25px;height:25px;font-family:'宋体';text-align:center;border:1px solid #f0f0f0;border-radius:20px;font-size:22px;line-height:25px;}
			.pgproinfsidoth ul{margin:0 -1%;}
			.pgproinfsidoth li{float:left;width:48%;margin:0 1% 10px;}
			.pgproinfsidoth li figure{position:relative;border:1px solid #ccc;margin:0 0 10px;}
			.pgproinfsidoth li figure img{width:100%;}
			.pgproinfsidoth li figure figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
			.pgproinfsidoth li h3{text-align:center;font-size:12px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


.pgnew{background:#f9f9f9;padding:40px 20px;}
	.pgnew aside{margin:0 0 20px;}
		.pgnewcla{}
			.pgnewcla ul{display:flex;}
			.pgnewcla li{margin:0 10px 0 0;}
			.pgnewcla li a{display:block;background:#0878f8;color:#fff;padding:0 5px;}
			.pgnewcla li a h2{font-size:14px;line-height:30px;font-weight:normal;}
			.pgnewcla li a:hover,.pgnewcla li a.on{background:#0878f8;}
	.pgnew main{background:#fff;padding:20px;}
		.pgnewlis{margin:0 0 20px;}
			.pgnewlis>figure{text-align:center;}
			.pgnewlishea{margin:0 0 20px;}
				.pgnewlishea div{margin:0 0 10px;}
					.pgnewlishea div h3{font-size:14px;margin:0 0 10px;}
					.pgnewlishea div h3 span{display:block;font-size:12px;color:#0878f8;font-style:normal;}
					.pgnewlishea div p{text-align:justify;color:#666;margin:0 0 10px;}
					.pgnewlishea div span{}
				.pgnewlishea figure{}
				.pgnewlishea figure a{display:block;}
				.pgnewlishea figure img{width:100%;}
			.pgnewlis ul{border-bottom:1px solid #e3e3e3;}
				.pgnewlis li{border:1px solid #e3e3e3;padding:15px;border-bottom:none;overflow:hidden;}
					.pgnewlis li figure{overflow:hidden;margin:0 0 10px;}
						.pgnewlis li figure img{width:100%;}
					.pgnewlis li div{}
						.pgnewlis li div h3{font-size:14px;margin:0 0 5px;font-weight:normal;}
						.pgnewlis li div h3 span{display:inline-block;height:30px;line-height:30px;font-size:18px;color:#0878f8;font-style:normal;border:1px solid #0878f8;padding:0 15px;margin:0 20px 0 0;}
						.pgnewlis li div p{text-align:justify;color:#666;margin:0 0 10px;}
						.pgnewlis li div span{display:inline-block;color:#0878f8;text-align:center;position:relative;}
				.pgnewlis li:hover{box-shadow:5px 5px 10px #ededed,-5px -5px 10px #ededed;}
				.pgnewlis li:hover article h3{color:#0878f8;}
				.pgnewlis li:hover article span{background:#0878f8;color:#fff;}
				.pgnewlis li:hover article span:before{border-left:10px solid #0878f8;}
				.pgnewlis li:hover article span:after{border-left:7px solid #fff}


		.pgnew article{}
		.articlehead{border-bottom:1px solid #dedede;}
			.articlehead h1{font-size:17px;font-weight:normal;margin:0 0 10px;}
			.articlehead p{color:#999;margin:0 0 10px;}
			.articlehead span{}
			.articlehead time{}
		.articlemain{color:#4c4c4c;padding:10px 0 0;text-align:justify;margin:0 0 20px;}
			.articlemain a{color:#0878f8;display:inline-block;padding:0 3px;font-weight:bold;}
			.articlemain video{width:100%;height:auto;}
			.articlemain img{width:100%;}
		.articlefoot{}
			.articlefoot p{line-height:30px;}
		.pgsideproduct{background:#fff;padding:20px;margin:0 0 10px;}
			.pgsideproduct h2{font-size:14px;position:relative;margin:0 0 20px;font-weight:normal;}
				.pgsideproduct h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#0878f8;}
				.pgsideproduct h2 a{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:25px;height:25px;font-family:'宋体';text-align:center;border:1px solid #f0f0f0;border-radius:20px;font-size:22px;line-height:25px;}
			.pgsideproduct ul{margin:0 -1%;}
			.pgsideproduct li{float:left;width:48%;margin:0 1% 20px;}
			.pgsideproduct li figure{position:relative;border:1px solid #ccc;}
			.pgsideproduct li figure img{width:100%;}
			.pgsideproduct li figure figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
			.pgsideproduct li h3{text-align:center;font-size:12px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.pgsidehotkey{background:#fff;padding:30px 20px;border:1px solid #f0f0f0;margin:0 0 10px;}
			.pgsidehotkey h2{font-size:22px;line-height:40px;position:relative;margin:0 0 30px;font-weight:normal;}
				.pgsidehotkey h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#0878f8;}
				.pgsidehotkey h2 a{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:25px;height:25px;font-family:'宋体';text-align:center;border:1px solid #f0f0f0;border-radius:20px;font-size:22px;line-height:25px;}
			.pgsidehotkey div{}
				.pgsidehotkey div a{display:inline-block;border:1px solid #e6e6e6;margin:0 5px 5px 0;line-height:34px;padding:0 10px;}
		.pgsideback{}
			.pgsideback a{display:inline-block;font-size:16px;line-height:50px;background:#0878f8;color:#fff;padding:0 50px;}
		
		.articleside{}
			.articleside ul{}
			.articleside li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.articleside li i{display:none;}

.pgcon{background:#f9f9f9;padding:40px 20px;}
	.pgcontit{padding-bottom:20px;}
		.pgcontit h1{font-size:18px;margin-bottom:20px;font-weight:normal;}
		.pgcontit p{}
	.pgconlis{overflow:hidden;margin:0 -1% 20px;}
	.pgconlis div{display:flex;box-sizing:border-box;padding:10px;background:#fff;margin:0 0 5px;}
	.pgconlis figure{margin:0 10px 0 0;}
	.pgconlis figure i{font-size:20px;color:#0878f8;}
	.pgconlis p{}
	.pgconmap{}

.pgmes{background-image:repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 15px, #f6f6f6 15px,#f6f6f6 30px);padding:80px 0;}
		.pgmesinf{}
			.pgmesinf div{font-size:22px;line-height:40px;background:#fff;padding:40px;}
			.pgmesinf div span{color:#0878f8;padding:0 5px;}
			.pgmesinf p{}
		.pgmesinf form{margin-top:40px;background:#fff;padding:40px;}
			.pgmesinf ul{overflow:hidden;}
			.pgmesinf li{margin-bottom:20px;box-sizing:border-box;position:relative;padding-left:80px;}
			.pgmesinf li label{position:absolute;top:0;left:0;line-height:40px;}
			.pgmesinf li span.redstar{color:#c00;}
			.pgmesinf li span i{margin-right:10px;}
			.pgmesinf li input.txt{width:100%;height:40px;padding:10px;box-sizing:border-box;background:#f6f6f6;border:1px solid #ddd;}
			.pgmesinf li textarea{display:block;width:100%;height:120px;padding:10px;box-sizing:border-box;background:#f6f6f6;border:1px solid #ddd;}
			.pgmesinf li input.btn{width:19%;margin-right:1%;color:#fff;height:40px;}
			.pgmesinf li input:nth-of-type(1).btn{background:#337ab7;}
			.pgmesinf li input:nth-of-type(2).btn{background:#d9534f;}
			#checkCodeImg{position:absolute;top:3px;right:3px;height:34px;}
}