@media screen and (min-width:1001px){
.pagebanner{ width:100%; position:relative;}
	.pagebannertitle{ background:url(../image/cloud.png) no-repeat center bottom;}
	.h300{ height:300px;}
	.h200{ height:200px;}
	.pagebannertitle h3{ margin:0 auto; width:1000px; font-size:36px; font-weight:normal; line-height:120%; color:#696969; padding-top:100px;}
.bannersolution{ background:#ccc url(../image/pagebanner3.jpg) no-repeat center 0;}
.bannerproduct{ background:#ccc url(../image/pagebanner2.jpg) no-repeat center 0;}
.bannernews{ background:#f3f3f3;}
.bannerabout{ background:#ccc url(../image/pagebanner4.jpg) no-repeat center 0;}
.bannercontact{ background:#f3f3f3;}


.position{ line-height:40px;margin:10px 0;}

.sd{ width:190px;}
	.colnav{ margin-bottom:10px;}
		.colnav h3{ font-size:28px; line-height:30px; padding:10px 10px 50px; font-weight:normal; background:#f1f1f1;}
		.colnav ul{}
		.colnav ul li{ position:relative;}
		.colnav ul li a{ display:block; font-size:18px; line-height:59px; border-left:5px solid #ededed; border-bottom:1px solid #ddd; text-indent:20px; color:#333;}
		.colnav ul li a:hover,.colnav ul li a.cur{ padding:0 10px; color:#00b9ef; border-left:5px solid #005bac;}
		.colnav ul ul{ display:none; position:absolute; z-index:5; top:0; left:190px; min-width:190px; background:#fff; box-shadow:5px 10px 30px rgba(0,0,0,0.1); border-top:5px solid #ededed;}
		.colnav ul ul li a{ font-size:14px; line-height:30px;}
	.service{}
		.service dt{ font-size:24px; line-height:60px;}
		.service dd{ }
		.service dd p{}
.mn{ width:800px; }

	.mn .news_class{ width:100%; margin:20px 0;height:auto;float:left;}
	.mn .news_class li{ width:auto;float:left;margin-right:18px;border:1px dashed #CCC; margin-bottom:18px;}
	.mn .news_class li:hover{}
	.mn .news_class li a{ padding:8px 10px;font-size:16px;display:block;}
	.mn .news_class li a:hover{ color:#FFF;background-color:#0b68ad;}
	.mn .news_class li a.on{ color:#FFF;background-color:#0b68ad;}

	.infobox{ padding:20px 0; font-size:16px; line-height:180%;}

.newslisttitle{ font-size:18px; line-height:30px; border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:20px; margin-right:30px;}

.newslist{ margin-right:30px;float: left;}
	.newslist ul{}
	.newslist ul li{ border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px;}
	.newslist ul li a{ color:#333;}
	.newslist ul li dl{ position:relative; width:590px; height:120px; padding-left:180px;}
	.newslist ul li dl dt{ position:absolute; top:0; left:0; width:160px; height:120px; overflow:hidden;}
	.newslist ul li dl dt img{ width:160px; height:120px; transition:all ease-out 0.3s;}
	.newslist ul li dl dt img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
	.newslist ul li dl dd{ position:relative; width:590px; height:120px;}
	.newslist ul li dl dd h3{ font-size:16px; line-height:30px; margin-bottom:5px;}
	.newslist ul li dl dd h3 a:hover{ color:#0b68ad;}
	.newslist ul li dl dd p{}
	.newslist ul li dl dd p.summary{}
	.newslist ul li dl dd p.date{ font-size:12px; position:absolute; bottom:0; left:0;}

.newsinfo{ padding-right:30px;}
	.newsinfo .flip{margin:20px 0;}
	.newsinfo h1{ font-size:32px; font-weight:normal; line-height:120%; margin-bottom:20px;}
	.detail{ margin:10px 0 20px; color:#ccc; border-bottom:1px solid #eee; padding-bottom:10px;}
	.newsedit{ font-size:16px; line-height:180%; margin-bottom:40px;min-height:400px !important;}

.relatednews{  margin-right:30px;}
	.relatednews h3{ line-height:40px; border-bottom:1px dashed #CCC; padding:0 20px;}
	.relatednews ul{ padding:15px 20px;}
	.relatednews ul li{ line-height:25px;}
	.relatednews ul li a{}
	.relatednews ul li span{ font-size:12px; padding-left:15px; color:#666;}

.newstag{ margin-bottom:40px; background:#f1f1f1;}
	.newstag dt{ font-size:18px; line-height:50px; border-bottom:1px solid #fff; padding:0 10px;}
	.newstag dd{ padding:10px;}
	.newstag dd a{ display:inline-block; padding:2px 5px; line-height:130%;}
	.newstag dd a:hover{ background:#0b68ad; color:#fff;}


.productlist{ background:#f1f1f1; min-height:600px !important; margin-bottom:40px;}

	.productlist ul{}
	.productlist ul li{ border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px;}
	.productlist ul li a{ color:#333;}
	.productlist ul li dl{ position:relative; width:590px; height:120px; padding-left:180px;}
	.productlist ul li dl dt{ position:absolute; top:0; left:0; width:160px; height:120px; overflow:hidden;}
	.productlist ul li dl dt img{ width:160px; height:120px; transition:all ease-out 0.3s;}
	.productlist ul li dl dt img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
	.productlist ul li dl dd{ position:relative; width:590px; height:120px;}
	.productlist ul li dl dd h3{ font-size:16px; line-height:30px; margin-bottom:5px;}
	.productlist ul li dl dd h3 a:hover{ color:#0b68ad;}
	.productlist ul li dl dd p{}
	.productlist ul li dl dd p.summary{}
	.productlist ul li dl dd p.date{ font-size:12px; position:absolute; bottom:0; left:0;}
	
	
	
.product_show{ackground:#f1f1f1; min-height:600px !important; margin-bottom:40px;     padding: 20px;}
	.product_show .flip{margin:20px 0;}
	.product_show h1{ font-size:32px; font-weight:normal; line-height:120%;}
	.product_show .detail{ margin:10px 0 20px; color:#ccc; border-bottom:1px solid #eee; padding-bottom:10px;}
	.product_show .newsedit{ font-size:16px; line-height:180%; margin-bottom:40px;min-height:400px !important;}
	
	
	



	.productinfo:after{ clear:both; display:table; content:'';}
	.productinfo:nth-child(odd){ padding:20px 0;}
		.productinfo:nth-child(odd) dt{ float:right; width:400px; text-align:right;}
		.productinfo:nth-child(odd) img{ width:400px;}
		.productinfo:nth-child(odd) dd{ float:left; width:320px; padding-left:40px; padding-top:50px;}
		.productinfo:nth-child(odd) h3{ font-size:24px; font-weight:normal; margin-bottom:20px;}
		.productinfo:nth-child(odd) h4{ font-size:24px; margin-bottom:20px;}
		.productinfo:nth-child(odd) p{ margin-bottom:20px;}
		.productinfo:nth-child(odd) p a{ color:#00b9ef;}
	.productinfo:nth-child(even){ padding:20px 0;}
		.productinfo:nth-child(even) dt{ float:left; width:400px;}
		.productinfo:nth-child(even) img{ width:400px;}
		.productinfo:nth-child(even) dd{ float:right; width:360px; padding-left:40px;}
		.productinfo:nth-child(even) h3{ font-size:24px; font-weight:normal; margin-bottom:20px; padding-top:30px;}
		.productinfo:nth-child(even) h4{ font-size:24px; margin-bottom:20px;}
		.productinfo:nth-child(even) p{ margin-bottom:20px;}
		.productinfo:nth-child(even) p a{ color:#00b9ef;}

		.productinfo h3{ font-size:;}
		.productinfo p{}
		.productinfo h4{}
		.productinfo p a{}
	
	.productedit{ padding:30px; min-height:600px; background:#F7F7F7;}
	
	.productedit,.productedit p,.productedit span{font-size:16px;line-height:28px}
	.productedit img{}

	
	

.tabtitle{ text-align:center; margin-bottom:20px;}
	.tabtitle span{ display:inline-block; background:#ededed; width:150px; height:50px; font-size:18px; line-height:50px; text-align:center; border-radius:10px 10px 0 0; margin:0 5px; cursor:pointer;}
	.tabtitle span.cur{ background:#00b9ef; color:#fff;}
.tabcontent{ padding-bottom:50px;}
.tabcontent ul{ margin:0 -10px;}
.tabcontent ul li{ float:left; width:235px; padding:0 10px; text-align:center; margin-bottom:20px;}
.tabcontent ul li a{ display:block; background:#ededed; padding:40px 0;}
.tabcontent ul li a img{ margin-bottom:20px; transition:all ease-out 0.3s; width:90px; height:90px;}
.tabcontent ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}
.tabcontent ul li a h3{ font-size:18px; color:#666; margin-bottom:5px; font-weight:normal;}
.tabcontent ul li a p{ font-size:12px; color:#999;}

.supportlisttitle{ font-size:18px; line-height:30px; border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:20px; margin-right:30px;}
.supportlist{}
.supportlist ul{ padding-right:30px; padding-bottom:30px;}
.supportlist ul li{ line-height:29px; border-bottom:1px solid #eee;}
.supportlist ul li span{ float:right;}

.customerlist{}
.customerlist ul{ margin:0 -5px;}
.customerlist ul li{ float:left; width:152px; padding:0 5px; margin-bottom:10px;}
.customerlist ul li a{}
.customerlist ul li img{}
.customerlist ul li h3{ font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px;}
}
@media only screen and (max-width:1000px){
.pagebanner{ width:100%; position:relative;}
	.pagebannertitle{ position:absolute; z-index:3; top:0; left:0; width:100%;}
	.pagebannertitle h3{ font-size:24px; line-height:120%; color:#696969; padding-left:20px;}
.bannersolution{ height:150px;}
.bannersolution:before{ position:absolute; z-index:2; bottom:0; left:0; display:block; width:100%; height:150px; content:''; background:url(../image/cloud.png) no-repeat center bottom; background-size:auto 50%;}
.bannersolution:after{ position:absolute; top:0; left:0; display:block; width:100%; height:150px; content:''; background:#ccc url(../image/pagebanner3.jpg) no-repeat center 0; background-size:auto 50%;}
.bannersolution h3{ padding-top:100px;}
.bannerproduct{ height:150px;}
.bannerproduct:before{ position:absolute; z-index:2; bottom:0; left:0; display:block; width:100%; height:150px; content:''; background:url(../image/cloud.png) no-repeat center bottom; background-size:auto 50%;}
.bannerproduct:after{ position:absolute; top:0; left:0; display:block; width:100%; height:150px; content:''; background:#ccc url(../image/pagebanner2.jpg) no-repeat center 0; background-size:auto 50%;}
.bannerproduct h3{ padding-top:120px;}
.bannernews{ height:150px;}
.bannernews:before{ position:absolute; z-index:2; bottom:0; left:0; display:block; width:100%; height:150px; content:''; background:url(../image/cloud.png) no-repeat center bottom; background-size:100% 50%;}
.bannernews:after{ position:absolute; top:0; left:0; display:block; width:100%; height:150px; content:''; background:#f3f3f3; background-size:auto 50%;}
.bannernews h3{ padding-top:30px;}
.bannerabout{ height:150px; overflow:hidden;}
.bannerabout:before{ position:absolute; z-index:2; bottom:0; left:0; display:block; width:100%; height:150px; content:''; background:url(../image/cloud.png) no-repeat center bottom; background-size:auto 50%;}
.bannerabout:after{ position:absolute; top:0; left:0; display:block; width:100%; height:150px; content:''; background:#ccc url(../image/pagebanner4.jpg) no-repeat center 0; background-size:auto 150%;}
.bannerabout h3{ padding-top:20px;}
.bannercontact{ height:100px;}
.bannercontact:before{ position:absolute; z-index:2; bottom:0; left:0; display:block; width:100%; height:150px; content:''; background:url(../image/cloud.png) no-repeat center bottom; background-size:auto 50%;}
.bannercontact:after{ position:absolute; top:0; left:0; display:block; width:100%; height:150px; content:''; background:#f3f3f3; background-size:auto 50%;}
.bannercontact h3{ padding-top:30px;}


.position{ display:none;}

.sd{ }
	.colnav{}
		.colnav h3{ display:none;}
		.colnav ul{ padding:0 0 0 20px;}
		.colnav ul:after{ content:''; display:block; height:0; clear:both;}
		.colnav ul li{ position:relative; float:left; width:50%; margin-bottom:10px;}
		.colnav ul li a{ display:block; font-size:12px; line-height:30px; color:#333; background:#eee; margin-right:20px; text-indent:10px;}
		.colnav ul li a:hover,.colnav ul li a.cur{ color:#00b9ef;}
		.colnav ul ul{ display:none; position:absolute; z-index:5; top:32px; left:0; background:#fff; width:96%; padding:2% 2% 0;}
		.colnav ul ul li{ float:none; width:100%; margin-bottom:2%;}
		.colnav ul ul li a{ display:block; font-size:14px; line-height:30px; margin:0;}
	.service{ display:none;}
		.service dt{ font-size:24px; line-height:60px;}
		.service dd{ }
		.service dd p{}
.mn{}

	.mn .news_class{ padding:0 0 20px 20px;}
	.mn .news_class ul:after{ display:block; content:''; height:0; clear:both; visibility:hidden;}
	.mn .news_class li{ width:auto;float:left; width:50%; margin-bottom:10px;}
	.mn .news_class li:hover{}
	.mn .news_class li a{ font-size:14px; line-height:30px; display:block; background:#eee; margin-right:20px; text-indent:10px;}
	.mn .news_class li a:hover{ color:#FFF;background-color:#0b68ad;}
	.mn .news_class li a.on{ color:#FFF;background-color:#0b68ad;}

	.infobox{ padding:20px 0; font-size:16px; line-height:180%;}

.newslisttitle{ font-size:18px; line-height:30px; border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:20px; margin-right:30px;}



.newsinfo{ padding:20px;}
	.newsinfo .flip{margin:20px 0;}
	.newsinfo h1{ font-size:24px; line-height:120%;}
	.detail{ margin:10px 0 20px; color:#ccc; border-bottom:1px solid #eee; padding-bottom:10px;}
	.newsedit{ font-size:16px; line-height:180%; margin-bottom:40px;min-height:400px !important;}

.relatednews{  margin-right:30px;}
	.relatednews h3{ line-height:40px; border-bottom:1px dashed #CCC; padding:0 20px;}
	.relatednews ul{ padding:15px 20px;}
	.relatednews ul li{ line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.relatednews ul li a{}
	.relatednews ul li span{ display:none;}

.newstag{ display:none; margin-bottom:40px; background:#f1f1f1;}
	.newstag dt{ font-size:18px; line-height:50px; border-bottom:1px solid #fff; padding:0 10px;}
	.newstag dd{ padding:10px;}
	.newstag dd a{ display:inline-block; padding:2px 5px; line-height:130%;}
	.newstag dd a:hover{ background:#0b68ad; color:#fff;}


.productlist{ padding:20px;}

	.productlist ul{}
	.productlist ul li{ border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px;}
	.productlist ul li a{ color:#333;}
	.productlist ul li dl{ position:relative; width:590px; height:120px; padding-left:180px;}
	.productlist ul li dl dt{ position:absolute; top:0; left:0; width:160px; height:120px; overflow:hidden;}
	.productlist ul li dl dt img{ width:160px; height:120px; transition:all ease-out 0.3s;}
	.productlist ul li dl dt img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
	.productlist ul li dl dd{ position:relative; width:590px; height:120px;}
	.productlist ul li dl dd h3{ font-size:16px; line-height:30px; margin-bottom:5px;}
	.productlist ul li dl dd h3 a:hover{ color:#0b68ad;}
	.productlist ul li dl dd p{}
	.productlist ul li dl dd p.summary{}
	.productlist ul li dl dd p.date{ font-size:12px; position:absolute; bottom:0; left:0;}
	
	
	
.product_show{ackground:#f1f1f1; min-height:600px !important; margin-bottom:40px;     padding: 20px;}
	.product_show .flip{margin:20px 0;}
	.product_show h1{ font-size:32px; font-weight:normal; line-height:120%;}
	.product_show .detail{ margin:10px 0 20px; color:#ccc; border-bottom:1px solid #eee; padding-bottom:10px;}
	.product_show .newsedit{ font-size:16px; line-height:180%; margin-bottom:40px;min-height:400px !important;}
	
	
	



	.productinfo:after{ clear:both; display:table; content:'';}
	.productinfo:nth-child(odd){ padding:20px 0;}
		.productinfo:nth-child(odd) dt{ float:right; width:400px; text-align:right;}
		.productinfo:nth-child(odd) img{ width:400px;}
		.productinfo:nth-child(odd) dd{ float:left; width:320px; padding-left:40px; padding-top:50px;}
		.productinfo:nth-child(odd) h3{ font-size:24px; font-weight:normal; margin-bottom:20px;}
		.productinfo:nth-child(odd) h4{ font-size:24px; margin-bottom:20px;}
		.productinfo:nth-child(odd) p{ margin-bottom:20px;}
		.productinfo:nth-child(odd) p a{ color:#00b9ef;}
	.productinfo:nth-child(even){ padding:20px 0;}
		.productinfo:nth-child(even) dt{ float:left; width:400px;}
		.productinfo:nth-child(even) img{ width:400px;}
		.productinfo:nth-child(even) dd{ float:right; width:360px; padding-left:40px;}
		.productinfo:nth-child(even) h3{ font-size:24px; font-weight:normal; margin-bottom:20px; padding-top:30px;}
		.productinfo:nth-child(even) h4{ font-size:24px; margin-bottom:20px;}
		.productinfo:nth-child(even) p{ margin-bottom:20px;}
		.productinfo:nth-child(even) p a{ color:#00b9ef;}

		.productinfo h3{ font-size:;}
		.productinfo p{}
		.productinfo h4{}
		.productinfo p a{}
	
	.productedit{ padding:20px; }
	
	.productedit,.productedit p,.productedit span{font-size:16px;line-height:28px;}
	.productedit img{}

	
	

.tabtitle{ text-align:center; margin-bottom:20px;}
	.tabtitle span{ display:inline-block; background:#ededed; width:150px; height:50px; font-size:18px; line-height:50px; text-align:center; border-radius:10px 10px 0 0; margin:0 5px; cursor:pointer;}
	.tabtitle span.cur{ background:#00b9ef; color:#fff;}
.tabcontent{ padding-bottom:50px;}
.tabcontent ul{ margin:0 -10px;}
.tabcontent ul li{ float:left; width:235px; padding:0 10px; text-align:center; margin-bottom:20px;}
.tabcontent ul li a{ display:block; background:#ededed; padding:40px 0;}
.tabcontent ul li a img{ margin-bottom:20px; transition:all ease-out 0.3s; width:90px; height:90px;}
.tabcontent ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}
.tabcontent ul li a h3{ font-size:18px; color:#666; margin-bottom:5px; font-weight:normal;}
.tabcontent ul li a p{ font-size:12px; color:#999;}

.supportlisttitle{ font-size:18px; line-height:30px; border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:20px; margin-right:30px;}
.supportlist{}
.supportlist ul{ padding-right:30px; padding-bottom:30px;}
.supportlist ul li{ line-height:29px; border-bottom:1px solid #eee;}
.supportlist ul li span{ float:right;}

.customerlist{}
.customerlist ul{ margin:0 -5px;}
.customerlist ul li{ float:left; width:152px; padding:0 5px; margin-bottom:10px;}
.customerlist ul li a{}
.customerlist ul li img{}
.customerlist ul li h3{ font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px;}
}
@media only screen and (min-width:481px) and (max-width:1000px){

.newslist{ padding:0 20px;}
	.newslist ul{}
	.newslist ul li{ border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px;}
	.newslist ul li a{ color:#333;}
	.newslist ul li dl{ }
	.newslist ul li dl dt{ float:left; margin-right:10px;}
	.newslist ul li dl dt.undise{ display:none;}
	.newslist ul li dl dt img{ width:80px;}
	.newslist ul li dl dd{ }
	.newslist ul li dl dd h3{ font-size:14px; margin-bottom:5px;}
	.newslist ul li dl dd h3 a:hover{ color:#0b68ad;}
	.newslist ul li dl dd p{}
	.newslist ul li dl dd p.summary{ font-size:12px;}
	.newslist ul li dl dd p.date{ font-size:12px;}
	
	.pagenum{ text-align:center;}
}
@media only screen and (max-width:480px){

.newslist{}
	.newslist ul{ padding:0 20px;}
	.newslist ul li{ border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px;}
	.newslist ul li a{ color:#333;}
	.newslist ul li dl{ }
	.newslist ul li dl dt{ padding-bottom:10px;}
	.newslist ul li dl dt.undise{ display:none;}
	.newslist ul li dl dt img{ width:100%;}
	.newslist ul li dl dd{ }
	.newslist ul li dl dd h3{ font-size:16px; margin-bottom:5px;}
	.newslist ul li dl dd h3 a:hover{ color:#0b68ad;}
	.newslist ul li dl dd p{}
	.newslist ul li dl dd p.summary{ font-size:12px;}
	.newslist ul li dl dd p.date{ font-size:12px;}
	
	.pagenum{ text-align:center;}
}