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

.pgban{}
	.pgban figure{height:240px;position:relative;overflow:hidden;}
	.pgban img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:240px;}

.pggui{line-height:60px;border-bottom:1px solid #eee;}
	.pgguipos{float:right;}
		.pgguipos i{display:block;width:20px;height:20px;float:left;font-size:20px;margin-right:5px;}

.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;background:#f9f9f9;}
	.pg main{flex:1;min-width:0;}
	.pg aside{flex:0 0 300px;min-width:0;margin:0 0 0 40px;}
	
	.pttil{text-align:center;margin:0 0 40px;}
		.pttil h2{font-size:30px;line-height:40px;position:relative;color:#E5B62E;}
		.pttil h2:before{content:'';display:block;position:absolute;left:50%;top:45px;transform:translateX(-50%);width:30px;height:2px;background:#1d2087;transition:all 0.3s ease-out 0s;}
		.pttil h2 span{color:#1d2087;}
		.pttil:hover h2:before{width:60px;}
	
	.pgabo{background:#fff;padding:40px;font-size:16px;line-height:30px;margin:0 0 40px;}
		.pgabo p{text-indent:2em;}
		
	.pgaboimg{position:relative;}
		.pgaboimg .swiper-pagination{display:none;}
		.pgaboimg .iconfont{font-size:60px;}
		.pgaboimg .swiper-button-prev{left:-5%;}
		.pgaboimg .swiper-button-next{right:-5%;}
		.pgaboimg img{width:100%;}
	
	.pgimg{}
		.pgimg ul{}
		.pgimg li{float:left;width:23%;margin:0 1% 30px;}
		.pgimg li figure{position:relative;height:300px;border:1px solid #eee;cursor:pointer;overflow:hidden;background:#fff;margin:0 0 10px;}
		.pgimg li figure img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		.pgimg li h4{text-align:center;font-weight:normal;font-size:15px;line-height:30px;}
		.pgimg li figure:hover img{transform:translate(-50%,-50%) scale3d(1.05, 1.05, 1);}
	
	.pgimg2{}
		.pgimg2 ul{}
		.pgimg2 li{float:left;width:23%;margin:0 1% 30px;}
		.pgimg2 li figure{border:1px solid #eee;cursor:pointer;overflow:hidden;background:#fff;margin:0 0 10px;}
		.pgimg2 li figure img{width:100%;}
		.pgimg2 li h4{text-align:center;font-weight:normal;font-size:15px;line-height:30px;}
		.pgimg2 li figure:hover img{transform:scale3d(1.05, 1.05, 1);}
	
.pgcas{}
	.pgcaslis{}
		.pgcaslis ul{margin:0 -1%;}
		.pgcaslis li{float:left;width:23%;margin:0 1% 20px;}
		.pgcaslis a{display:block;}
			.pgcaslis a figure{overflow:hidden;max-height: 210px;}
				.pgcaslis a figure img{width:100%;}
			.pgcaslis a div{padding:20px 0;}
				.pgcaslis a div h3{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.pgcaslis a div p{font-size:13px;height:60px;overflow:hidden;color:#999;margin:10px 0;}
				.pgcaslis div>span{display:flex;justify-content:space-between;color:#999;}
			.pgcaslis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.pgcaslis a:hover div{color:#1d2087;}
		
	
	article{padding:50px;margin-bottom:20px;background:#fff;}
		.articlehead{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
			.articlehead h1{font-size:24px;line-height:30px;}
			.articlehead p{font-size:12px;color:#999;margin-top:10px;}
			.articlehead p span{margin-right:10px;}
			.articlehead p time{margin-right:10px;}
		.artsli{margin:0 0 30px;}
		.articlebody{}
			.edit{font-size:16px;line-height:200%;margin-bottom:30px;min-height:400px;}
				.edit img{max-width:100%;}
				.edit iframe{width:100%;height:520px;}
			.relatedarticle{}
				.relatedarticle h3{font-size:18px;line-height:30px;margin-bottom:10px;}
				.relatedarticle ul{}
				.relatedarticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
				.relatedarticle li a{float:left;position:relative;padding-left:13px;}
				.relatedarticle li a:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
				.relatedarticle li time{float:right;color:#999;font-size:12px;}
			.infotags{margin-bottom:20px;font-style:italic;font-size:12px;padding:15px;background:#f6f6f6;color:#666;}
			.infoprevnext{border-top:1px solid #eee;padding:10px 0 0;}
			.infoprevnext p{font-size:12px;}
				.infoprevnext p a{position:relative;padding-left:10px;}
				.infoprevnext p a:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);border-top:2px solid #ddd;width:5px;height:5px;}
				.infoprevnext .infoprev{float:left;}
				.infoprevnext .infoprev a{padding-left:10px;}
				.infoprevnext .infoprev a:before{left:0;border-left:2px solid #ddd;transform:rotate(-45deg) translateY(-70%);}
				.infoprevnext .infonext{float:right;}
				.infoprevnext .infonext a{padding-right:10px;}
				.infoprevnext .infonext a:before{right:0;border-right:2px solid #ddd;transform:rotate(45deg) translateY(-70%);}

				.table{overflow-x:scroll;margin-bottom:30px;}
				.table::-webkit-scrollbar{width:1px;height:1px;}
				.table::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
				.table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:rgba(0,0,0,0.1);}
				.table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
				.table tr{}
				.table th{font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
				.table td{font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}

	.pgsidlis{padding:20px;background:#fff;margin:0 0 20px;}
		.pgsidlis h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
		.pgsidlis ul{}
		.pgsidlis li{line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.pgsidlis li a{position:relative;padding:0 0 0 10px;}
		.pgsidlis li a:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#000;}

	.pgsidcon{padding:20px;background:#fff;}
		.pgsidcon h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
		.pgsidcon div{line-height:25px;}

	.pgnewlis{background:#fff;padding:80px 60px;margin:0 0 40px;}
		.pgnewlis ul{}
			.pgnewlis li{}
			.pgnewlis li:not(:last-child){margin:0 0 20px 0;}
				.pgnewlis li a{display:block;position:relative;padding:0 0 20px;border-bottom:1px solid #eee;}
					.pgnewlis li a dl{margin:0 0 10px;}
						.pgnewlis li a dt{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:14px;}
						.pgnewlis li a dd{color:#999;font-size:14px;height:40px;overflow:hidden;}
				.pgnewlis li a div{display:flex;justify-content:space-between;font-size:12px;color:#999;}
					.pgnewlis li a i{font-size:20px;}
				.pgnewlis li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;color:#20238a;}
				.pgnewlis li a:hover img{transform:scale3d(1.05, 1.05, 1);}

			.pgcontit{}
				.pgcontit h1{font-size:36px;line-height:40px;text-align:center;margin-bottom:20px;font-weight:normal;}
				.pgcontit h2{font-size:22px;line-height:30px;text-align:center;margin-bottom:30px;border-bottom:1px solid #eee;font-weight:normal;padding-bottom:30px;}
			.pgconlis{margin:0 -1% 40px;overflow:hidden;}
				.pgconlis section{float:left;width:31.33%;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;}
}
@media (max-width:1024px){/* MOBILE */
.pglispag{clear:both;text-align:center;overflow:hidden;font-size:12px;}
.pglispag a,.pglispag span{display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;}
.pglispag a:hover{background:#333;border:1px solid #333;color:#fff;}
.pglispag span{background:#333;border:1px solid #333;color:#fff;}

.pgban{}
	.pgban figure{height:120px;position:relative;overflow:hidden;}
	.pgban img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:120px;}

.pggui{padding:10px;border-bottom:1px solid #eee;}
	.pgguipos{}
		.pgguipos i{display:block;width:20px;height:20px;float:left;font-size:20px;margin-right:5px;}

.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:20px;overflow:hidden;background:#f9f9f9;}
	.pg main{}
	.pg aside{}
	
	.pttil{text-align:center;margin:0 0 20px;}
		.pttil h2{font-size:24px;line-height:30px;position:relative;color:#E5B62E;}
		.pttil h2:before{content:'';display:block;position:absolute;left:50%;top:35px;transform:translateX(-50%);width:30px;height:2px;background:#1d2087;transition:all 0.3s ease-out 0s;}
		.pttil h2 span{color:#1d2087;}
		.pttil:hover h2:before{width:60px;}
	
	.pgabo{background:#fff;padding:20px;margin:0 0 20px;}
		.pgabo p{text-indent:2em;}
		
	.pgaboimg{position:relative;}
		.pgaboimg .swiper-pagination{display:none;}
		.pgaboimg .iconfont{font-size:60px;}
		.pgaboimg .swiper-button-prev{left:-5%;}
		.pgaboimg .swiper-button-next{right:-5%;}
		.pgaboimg img{width:100%;}
	
	.pgimg{}
		.pgimg ul{}
		.pgimg li{float:left;width:48%;margin:0 1% 10px;}
		.pgimg li figure{position:relative;height:150px;border:1px solid #eee;cursor:pointer;overflow:hidden;background:#fff;margin:0 0 5px;}
		.pgimg li figure img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		.pgimg li h4{text-align:center;font-weight:normal;font-size:13px;}
		.pgimg li figure:hover img{transform:translate(-50%,-50%) scale3d(1.05, 1.05, 1);}
	
	.pgimg2{}
		.pgimg2 ul{}
		.pgimg2 li{float:left;width:48%;margin:0 1% 10px;}
		.pgimg2 li figure{border:1px solid #eee;cursor:pointer;overflow:hidden;background:#fff;margin:0 0 10px;}
		.pgimg2 li figure img{width:100%;}
		.pgimg2 li h4{text-align:center;font-weight:normal;font-size:15px;line-height:30px;}
		.pgimg2 li figure:hover img{transform:scale3d(1.05, 1.05, 1);}
	
.pgcas{}
	.pgcaslis{}
		.pgcaslis ul{margin:0 -1%;}
		.pgcaslis li{float:left;width:48%;margin:0 1% 20px;}
		.pgcaslis a{display:block;}
			.pgcaslis a figure{overflow:hidden;}
				.pgcaslis a figure img{width:100%;}
			.pgcaslis a div{padding:10px 0;}
				.pgcaslis a div h3{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.pgcaslis a div p{height:60px;overflow:hidden;color:#999;margin:5px 0;}
				.pgcaslis div>span{display:flex;justify-content:space-between;color:#999;}
			.pgcaslis a:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.pgcaslis a:hover div{color:#1d2087;}
		
	
	article{padding:20px;margin-bottom:20px;background:#fff;}
		.articlehead{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
			.articlehead h1{font-size:18px;line-height:30px;}
			.articlehead p{color:#999;margin-top:10px;}
			.articlehead p span{margin-right:10px;}
			.articlehead p time{margin-right:10px;}
		.articlebody{padding:0 0 40px;}
			.edit{}
				.edit img{max-width:100%;}
				.edit iframe{width:100%;height:520px;}
			.relatedarticle{}
				.relatedarticle h3{font-size:18px;line-height:30px;margin-bottom:10px;}
				.relatedarticle ul{}
				.relatedarticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
				.relatedarticle li a{float:left;position:relative;padding-left:13px;}
				.relatedarticle li a:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
				.relatedarticle li time{float:right;color:#999;font-size:12px;}
			.infotags{margin-bottom:20px;font-style:italic;font-size:12px;padding:15px;background:#f6f6f6;color:#666;}
			.infoprevnext{}
			.infoprevnext p{font-size:12px;}
				.infoprevnext p a{position:relative;padding-left:10px;}
				.infoprevnext p a:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);border-top:2px solid #ddd;width:5px;height:5px;}
				.infoprevnext .infoprev{}
				.infoprevnext .infoprev a{padding-left:10px;}
				.infoprevnext .infoprev a:before{left:0;border-left:2px solid #ddd;transform:rotate(-45deg) translateY(-70%);}
				.infoprevnext .infonext{}
				.infoprevnext .infonext a{padding-left:10px;}
				.infoprevnext .infonext a:before{left:0;border-left:2px solid #ddd;transform:rotate(-45deg) translateY(-70%);}

				.table{overflow-x:scroll;margin-bottom:30px;}
				.table::-webkit-scrollbar{width:1px;height:1px;}
				.table::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
				.table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:rgba(0,0,0,0.1);}
				.table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
				.table tr{}
				.table th{font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
				.table td{font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}

	.pgsidlis{padding:20px;background:#fff;margin:0 0 20px;}
		.pgsidlis h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
		.pgsidlis ul{}
		.pgsidlis li{line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.pgsidlis li a{position:relative;padding:0 0 0 10px;}
		.pgsidlis li a:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#000;}

	.pgsidcon{padding:20px;background:#fff;}
		.pgsidcon h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
		.pgsidcon div{line-height:25px;}

	.pgnewlis{background:#fff;padding:20px;margin:0 0 20px;}
		.pgnewlis ul{}
			.pgnewlis li{}
			.pgnewlis li:not(:last-child){margin:0 0 10px 0;}
				.pgnewlis li a{display:block;position:relative;padding:0 0 10px;border-bottom:1px solid #eee;}
					.pgnewlis li a dl{margin:0 0 5px;}
						.pgnewlis li a dt{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:4px;}
						.pgnewlis li a dd{color:#999;height:40px;overflow:hidden;}
				.pgnewlis li a div{display:flex;justify-content:space-between;font-size:12px;color:#999;}
					.pgnewlis li a i{font-size:20px;}
				.pgnewlis li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;color:#20238a;}
				.pgnewlis li a:hover img{transform:scale3d(1.05, 1.05, 1);}

			.pgcontit{}
				.pgcontit h1{font-size:24px;line-height:30px;text-align:center;margin-bottom:10px;font-weight:normal;}
				.pgcontit h2{font-size:18px;line-height:30px;text-align:center;margin-bottom:10px;border-bottom:1px solid #eee;font-weight:normal;padding-bottom:10px;}
			.pgconlis{overflow:hidden;}
				.pgconlis section{box-sizing:border-box;border:1px solid #f5f5f5;padding:20px 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;}
}