@media (min-width:1201px){
.banner{position:relative;width:100%;height:660px;overflow:hidden;}
.banner .bd{position:relative;z-index:0;width:100%;height:660px;}
.banner .bd ul{width:100%;height:660px;}
.banner .bd li{width:100%;height:660px;position:relative;background-position:center center;background-size:cover;}
.banner .bd li section{position:absolute;left:50%;width:1200px;margin-left:-600px;background-clip:padding-box;}
.banner .bd li section h4{font-size:60px;line-height:80px;color:#fff;font-weight:normal;}
.banner .bd li section h2{font-size:60px;line-height:80px;color:#fff;font-weight:normal;margin-bottom:40px;}
.banner .bd li section p{font-size:18px;color:#fff;margin-bottom:40px;}
.banner .bd li section a{font-size:18px;text-transform:uppercase;color:#fff;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:4px;background:#fff;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:0.4;border-radius:50%; background-position:center center;}
.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}
.banner span{position:absolute;top:50%;width:30px;height:60px;cursor:pointer;filter:alpha(opacity=80);opacity:0.8;border-radius:5px;margin-top:-30px;}
.prev{left:10px;background:url(../img/prev.png) no-repeat center center;}
.next{right:10px;background:url(../img/next.png) no-repeat center center;}

.boxsearch{padding:10px 0;line-height:30px;font-size:12px;background:#f9f9f9;}
	.searchhotkey{float:left;}
		.searchhotkey a{margin-right:10px;color:#039adf;}
	.searchform{float:right;}
		.searchform form{}
		.searchform input{}
		.searchform input.txt{height:30px;line-height:30px;background:#fff;padding:0 10px;}
		.searchform input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.searchform input.btn{height:30px;background:#039adf;color:#fff;padding:0 20px;}

.title{text-align:center;margin-bottom:50px;}
	.title h2{font-size:22px;font-weight:normal;line-height:30px;}
	.title h3{position:relative;font-weight:normal;font-size:12px;color:#999;text-transform:uppercase;}
	.title h3:after{content:'';display:block;position:absolute;top:30px;left:50%;width:40px;height:1px;background:#039adf;margin-left:-20px;}

.boxproduct{padding:60px 0;background:#fff;}
	.class{float:left;width:240px;}
		.titleclass{color:#fff;padding:30px;background:url(../img/bgline.png) repeat #039adf;position:relative;}
			.titleclass:after{content:'';display:block;position:absolute;top:30px;right:30px;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);}
			.titleclass h2{font-size:24px;line-height:30px;position:relative;margin-bottom:15px;}			
			.titleclass h2:after{content:'';display:block;position:absolute;top:38px;left:0;width:50px;height:1px;background:rgba(255,255,255,0.5);}
			.titleclass p{font-size:12px;text-transform:uppercase;}
		.listclass{}
			.listclass ul{}
			.listclass li{position:relative;}
			.listclass li:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ddd;}
			.listclass li a{display:block;padding:20px 30px;background:#edeeef;position:relative;}
			.listclass li a:after{content:'';display:block;position:absolute;top:25px;right:32px;width:8px;height:8px;border-top:2px solid #ccc;border-right:2px solid #ccc;transform:rotate(45deg);transition:all ease-out 0.3s;}
			.listclass li a:hover,.listclass li a.on{background:#039adf;color:#fff;}
			.listclass li a:hover:after,.listclass li a.on:after{right:20px;border-right:2px solid #fff;border-top:2px solid #fff;}
	.listproduct{float:right;width:920px;overflow:hidden;}
		.listproduct ul{}
		.listproduct li{float:left;width:290px;margin-right:25px;margin-bottom:25px;position:relative;}
		.listproduct li:nth-of-type(3n){margin-right:0;}
		.listproduct li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
		.listproduct li figure{overflow:hidden;position:relative;}
		.listproduct li img{width:290px;height:290px;}
		.listproduct li h3{position:absolute;bottom:0;left:0;right:0;font-size:14px;height:40px;background:rgba(0,0,0,0.6);color:#fff;text-align:center;line-height:40px;transition:all ease-out 0.3s;}		
		.listproduct li:hover img{transform:scale3d(1.05, 1.05, 1);}
		.listproduct li:hover h3{background:rgba(3,154,223,0.6);}

.boxadvantage{background:url(../img/bgadvantagetitle.jpg) no-repeat center 0 #fff;}
	.titleadvantage{text-align:center;color:#fff;padding-top:40px;}
		.titleadvantage h2{font-size:30px;font-weight:normal;line-height:40px;margin-bottom:10px;}
		.titleadvantage h3{font-size:40px;line-height:50px;margin-bottom:10px;}
		.titleadvantage h4{font-size:24px;font-weight:normal;background:#f90;padding:0 40px;display:inline-block;line-height:40px;}
	.listadvantage{}
		.listadvantage ul{padding:30px 0;}
		.listadvantage li{position:relative;}
		.listadvantage li:after{content:'';display:block;clear:both;}
		.listadvantage li:nth-of-type(2n+1) figure{float:left;}
		.listadvantage li:nth-of-type(2n) figure{float:right;}
		.listadvantage li:nth-of-type(2n+1) dl{float:right;}
		.listadvantage li:nth-of-type(2n) dl{float:left;}
		.listadvantage li figure{width:49%;box-sizing:border-box;padding:0 50px;}
		.listadvantage li dl{width:49%;box-sizing:border-box;padding:50px;}
		.listadvantage li dt{font-size:26px;line-height:40px;margin-bottom:30px;font-weight:bold;}
		.listadvantage li dd{}
		.listadvantage li dd p{margin-bottom:20px;background:url(../img/icon01.png) no-repeat 0 4px;padding-left:25px;}

.boxabout{background:#f8f8f8;padding:60px 0;}
	.about{}
		.coverabout{float:left;width:49%;}
			.coverabout figure{}
			.coverabout figure img{width:100%;}
		.introabout{float:right;width:49%;box-sizing:border-box;padding:40px;}
			.editabout{line-height:25px;color:#666;margin-bottom:60px;}
			.more{}
			.more a{display:inline-block;padding:0 20px;line-height:40px;background:#039adf;color:#fff;font-size:12px;text-transform:uppercase;}

.boxnews{padding:60px 0;background:#fff;}
	.slidenews{float:left;width:880px;}
		.slidenews .hd{margin-bottom:30px;}
			.slidenews .hd ul{}
			.slidenews .hd li{float:left;margin-right:10px;}
			.slidenews .hd li a{display:block;line-height:40px;padding:0 20px;background:#eee;}
			.slidenews .hd li.on a{background:#039adf;color:#fff;}
		.slidenews .hd{}
			.slidenews .bd div{}
				.covernews{overflow:hidden;margin-bottom:30px;}
					.covernews figure{float:left;width:170px;margin-right:20px;}
						.covernews figure img{width:170px;height:130px;}
					.covernews dl{}
						.covernews dt{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;}
							.covernews dt a{}
						.covernews dd{}
							.covernews dd a{display:inline-block;margin-top:10px;font-size:12px;color:#999;}
				.listnews ul{}
				.listnews li{position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:60px;border-bottom:1px dashed #eee;line-height:29px;font-size:12px;}
				.listnews li a{}
				.listnews li time{position:absolute;top:0;right:0;font-size:12px;color:#999;}
	.faqnews{float:right;width:300px;}	
		.faqnews h3{line-height:40px;overflow:hidden;margin-bottom:20px;background:#eee;padding:0 20px;font-weight:normal;font-size:14px;}
		.faqnews h3 a{float:right;text-transform:uppercase;font-size:12px;}
		.faqnews ul{}
		.faqnews li{}
		.faqnews li dl{background:#fdfdfd;padding:20px;}
		.faqnews li:nth-of-type(2n) dl{background:#f9f9f9;}
			.faqnews dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.faqnews dd{font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.boxlink{background:#fff;padding:10px 0;}
	.link{}
		.listlink{}
			.listlink strong{margin-right:20px;}
			.listlink a{font-size:12px;margin-right:20px;color:#999;}

/*----------------------------------*/

.pgbanner{position:relative;width:100%;height:300px;overflow:hidden;}
.pgbanner .bd{position:relative;z-index:0;width:100%;height:300px;}
.pgbanner .bd ul{width:100%;height:300px;}
.pgbanner .bd li{width:100%;height:300px;position:relative;background-position:center center;background-size:cover;}

.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;}
.listpage ul{text-align:center;}
.listpage li{display:inline-block;margin:0 3px;}
.listpage li:last-child{}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;border:1px solid #ccc;}
.listpage a:hover{background:#039adf;border:1px solid #039adf;color:#fff;}
.listpage span{background:#039adf;border:1px solid #039adf;color:#fff;}

.pgposition{background:#f9f9f9;padding:10px;margin-bottom:30px;}
	.pgposition strong{color:#039adf;}
	.position{font-size:12px;}
	.position a{color:#999;}

.boxpg{padding:60px 0;}
	.pg{}
		.pgbody{float:right;width:920px;}
		.pgside{float:left;width:240px;}
			.sideclass{margin-bottom:20px;}
			.sidecontact{background:#f9f9f9;padding:30px;}
				.sidecontact h3{font-size:16px;line-height:30px;margin-bottom:10px;}
				.sidecontact dl{margin-bottom:20px;}
					.sidecontact dt{color:#999;}
					.sidecontact dd{font-size:22px;line-height:30px;color:#c00;font-weight:bold;}
				.sidecontact section{}				
					.sidecontact p{font-size:12px;}

	.listpgcase{margin-bottom:30px;}
		.listpgcase ul{margin:0 -1%;}
		.listpgcase li{float:left;width:31.33%;margin:0 1% 2%;position:relative;}
			.listpgcase li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
			.listpgcase li section{background:#fff;transition:all ease-out 0.3s;}
				.listpgcase li figure{overflow:hidden;}
					.listpgcase li img{width:100%;}
				.listpgcase li dl{border-top:1px solid #eee;padding:20px;}
					.listpgcase li dt{font-size:16px;line-height:30px;}
					.listpgcase li dd{font-size:12px;color:#999;}
					.listpgcase li dd span{display:inline-block;line-height:30px;padding:0 20px;background:#fff;color:#999;font-size:12px;transition:all ease-out 0.3s;border:1px solid #999;margin-top:20px;}
		.listpgcase li:hover section{background:#039adf;}
		.listpgcase li:hover section figure img{transform:scale3d(1.05, 1.05, 1);}
		.listpgcase li:hover dl dt{color:#fff;}
		.listpgcase li:hover dl dd{color:#ccc;}
		.listpgcase li:hover span{background:#50a4fe;color:#fff;border:1px solid #50a4fe;}
	
	.infoproduct{}
		.infoproducthead{margin-bottom:30px;}
			.infoproductslide{float:left;width:38%;position:relative;}
				.infoproductslide .bd{border:1px solid #eee;}
					.infoproductslide .bd ul{}
					.infoproductslide .bd li{}
					.infoproductslide .bd li img{width:100%;cursor:pointer;}
					.infoproductslide .bd li:hover img{transform:scale3d(1.05, 1.05, 1);}
				.infoproductslide .hd{}
					.infoproductslide .hd ul{text-align:center;}
					.infoproductslide .hd li{}
			.infoproductsummary{float:right;width:58%;}
				.infoproductsummary h1{font-size:24px;line-height:30px;margin-bottom:20px;}
				.infoproductsummary h3{font-size:16px;margin-bottom:20px;}
				.infoproductsummary section{color:#999;margin-bottom:20px;}
				.infoproductsummary span{}
				.infoproductsummary span a{display:inline-block;font-size:12px;line-height:40px;padding:0 20px;background:#eb1d1d;color:#fff;}
		.infoproductdetail{}
			.detailtab{margin-bottom:30px;}
				.detailtab h3{font-size:16px;padding:20px;background:#eee;}
			.edit{line-height:200%;margin-bottom:30px;}
				.edit img{max-width:840px;}

				.table{overflow-x:scroll;}
				.table::-webkit-scrollbar{width:4px;height:4px;}
				.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:12px;border:1px solid #666;padding:5px 10px;line-height:150%;}
				.table td{font-size:12px;border:1px solid #666;padding:5px 10px;line-height:150%;}
		.infoproductother{margin-bottom:30px;}
			.infoproductother h3{font-size:14px;margin-bottom:20px;}
			.infoproductother ul{margin:0 -1%;}
			.infoproductother li{position:relative;float:left;width:18%;margin:0 1%;}
			.infoproductother li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
			.infoproductother li figure{overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
			.infoproductother li figure img{width:100%;margin-bottom:10px;}
			.infoproductother li figcaption{text-align:center;font-size:12px;}
			.infoproductother li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
			.infoproductother li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.infoprevnext{font-size:12px;}

	.listbusiness{}
		.listbusiness ul{margin:0 -1%;}
		.listbusiness li{position:relative;margin-bottom:20px;float:left;width:48%;margin:0 1% 2%;}
		.listbusiness li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.listbusiness li section{background:#fff;padding:30px;transition:all ease-out 0.3s;}
		.listbusiness li section:after{content:'';display:block;clear:both;}
			.listbusiness li figure{width:300px;overflow:hidden;}
			.listbusiness li:nth-of-type(2n) figure{float:right;margin-left:30px;}
			.listbusiness li:nth-of-type(2n+1) figure{float:left;margin-right:30px;}
			.listbusiness li figure img{width:100%;}
			.listbusiness li dl{}
				.listbusiness li dt{font-size:18px;line-height:30px;}
				.listbusiness li dd{font-size:12px;color:#999;}
				.listbusiness li dd span{display:inline-block;line-height:28px;padding:0 10px;border:1px solid #eee;margin-top:20px;transition:all ease-out 0.3s;}
		.listbusiness li:hover section{box-shadow:0 0 30px rgba(0,0,0,0.1);}
		.listbusiness li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
		.listbusiness li:hover dd span{background:#00274e;color:#fff;}

	article{}
		.articlehead{padding-bottom:30px;}
			.articlehead h1{font-size:24px;line-height:30px;margin-bottom:10px;}
			.articlehead p{font-size:12px;color:#999;}
			.articlehead p span{margin-right:20px;}
		.articlebody{}
	
	.listhonor{}
		.listhonor ul{margin:0 -1%;}
		.listhonor li{float:left;width:23%;margin:0 1% 2%;}
		.listhonor li figure{border:1px solid #eee;margin-bottom:10px;padding:4px;}
		.listhonor li img{width:100%;cursor:pointer;}
		.listhonor li h3{text-align:center;font-size:12px;font-weight:normal;color:#999;}

.boxmessage{margin-bottom:60px;}
	.message{background:#fff;padding:30px;}
	.messagetable{}
		.messagetable h3{font-size:16px;margin-bottom:30px;}
		.messagetable ul{}
		.messagetable li{margin-bottom:20px;}
		.messagetable li:nth-of-type(1),.messagetable li:nth-of-type(2),.messagetable li:nth-of-type(3){float:left;width:360px;}
		.messagetable li:nth-of-type(1),.messagetable li:nth-of-type(2){margin-right:30px;}
		.messagetable li:nth-of-type(4){clear:both;}
		.messagetable li:last-child{margin-bottom:0;}
		.messagetable li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
		.messagetable li span i{margin-right:10px;}
		.messagetable li input{padding:10px;width:100%;border-radius:5px;box-sizing:border-box;border:1px solid #eee;}
		.messagetable li textarea{display:block;border:none;width:100%;height:120px;border-radius:5px;padding:10px;box-sizing:border-box;border:1px solid #eee;}
		.messagetable li input.btn{width:100%;background:#eb1d1d;color:#fff;}

	.listpgnews{}
		.listpgnews ul{}
		.listpgnews li{position:relative;}
			.listpgnews li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
			.listpgnews li section{overflow:hidden;transition:all ease-out 0.3s;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;}
				.listpgnews li section figure{float:left;width:150px;overflow:hidden;margin-right:20px;}
				.listpgnews li section figure img{width:100%;height:100px;}
				.listpgnews li section dl{position:relative;}
					.listpgnews li section dt{font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;}
					.listpgnews li section dd{font-size:12px;color:#999;}				
					.listpgnews li section dd span{display:inline-block;margin-top:10px;}
		.listpgnews li:hover{}
		.listpgnews li:hover section{}
		.listpgnews li:hover dt{color:#039adf;}
	
	.pgmessage{padding:39px;border:1px solid #eee;background:#fff;}
		.pgmessageform{}
		.pgmessageform h3{font-size:16px;margin-bottom:30px;}
		.pgmessageform ul{}
		.pgmessageform li{position:relative;margin-bottom:20px;border:1px solid #eee;border-radius:5px;}
		.pgmessageform li:last-child{border:none;}
		.pgmessageform li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
		.pgmessageform li span i{margin-right:10px;}
		.pgmessageform li input{padding:10px;width:100%;border-radius:5px;box-sizing:border-box;}
		.pgmessageform li textarea{display:block;border:none;width:100%;height:120px;border-radius:5px;padding:10px;box-sizing:border-box;}
		.pgmessageform li input.btn{width:100%;background:#039adf;color:#fff;}
	
	.listsitemap{}
		.listsitemap ul{}
		.listsitemap li{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #eee;}
		.listsitemap li a{display:inline-block;margin-right:20px;line-height:40px;padding:0 20px;}
		.listsitemap li a:nth-of-type(1){background:#039adf;color:#fff;}
}
@media (min-width:769px) and (max-width:1200px){

}
@media (min-width:751px) and (max-width:768px){

}
@media (max-width:750px){

}

	