@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-size: 16px; font-weight: normal;font-family: "microsoft yahei";}
a{ text-decoration:none;-Webkit-tap-highlight-color: rgba(0,0,0,0);}
img{ border:none;}
.clear{ clear:both;}
.kx{display: block; width: 100%; height: 60px; float: left; }
.hide{display: none};
body{ position: relative;  font-size: 1em; min-width: 320px; }

#content { position: absolute; left: 0; padding: 0; margin: 0; z-index: 10; background: #FFF; width: 100%; }

.top{ width:100%; background:url(../images/topbg.jpg) repeat-x; }
.logo{ width:100%; height: 61px;  overflow: hidden; background: url(../images/logo-bg.png) 0 0 repeat-x; position: relative; }
	.logo a { display: inline-block; float: left; height: 61px; width: 75%; }
		.logo a img{ display: block; margin: 10px 0 0 0;  }
	.logo .dh {  display: block; color: red;  float: left; background: #33b8ff; height: 25px; line-height: 25px; color: #FFF; margin-top: 15px; padding: 3px 8px 5px 0px; }
		.logo .dh i { display: inline-block; width: 30px; height: 26px; line-height: 26px; float: left; background: url(../images/menu.png) center center no-repeat; background-size: 50% 50%; }

.menu { display:block; height: 75px; background: #2665cc; width: 100%; }
	.menu li { display: inline-block; float: left; width: 25%; height: 75px; color: #FFF; text-align: center; }
		.menu li a { display: inline-block; height: 71px; color: #FFF; text-align: center; width: 100%; margin-top: 4px; background: #337fda; font-size: 12px; }
		.menu li a.current { background: #2665cc; }
			.menu li a span { display: block; height: 45px; width: 46px; margin: 3px auto 2px auto; }
			.menu li a span.icon1 { background: url(../images/icon-bg-1.png) center center no-repeat; background-size: 100% 100%; }
			.menu li a span.icon2 { background: url(../images/icon-bg-2.png) center center no-repeat; background-size: 100% 100%; }
			.menu li a span.icon3 { background: url(../images/icon-bg-3.png) center center no-repeat; background-size: 100% 100%; }
			.menu li a span.icon4 { background: url(../images/icon-bg-4.png) center center no-repeat; background-size: 100% 100%; }

#warp { width: 100%; overflow: hidden; }
	.bannerjpg{width:100%;}
		.bannerjpg img{ width:100%; }

	#product-show { width: 100%; margin-top: 5px; display: block; overflow: hidden; display: block; overflow: hidden; }
		#product-show .banner-title { width: 100%; height: 35px; background: #f1f0f0; border-bottom: 2px solid #307ad7; }
		#product-show .left-tips { float: left; width: 95px; height: 35px; line-height: 35px; text-indent: 10px; background: url(../images/icon-tips.png) no-repeat 0 0; background-size: 100% 100%; color: #FFF; font-size: 14px; }
		#product-show .right-more { float: right; }
			#product-show .right-more a { color: #fd7400; height: 40px; line-height: 40px; }
				#product-show .right-more a b { display: inline-block; float: left; width: 5px; height: 5px; line-height: 5px; border-radius: 5px; background: #fd7400; margin-top: 17px; margin-right: 3px; }
				#product-show .right-more a b.title { width: 50px; height: 40px; line-height: 40px; background: none; margin-top: 0px; }


	#produst-list-top { padding: 10px 8px; clear: both; }
		#produst-list-top .left-product { width: 60%; height: 150px; text-align: center; vertical-align: middle; border: 1px solid #ccc; float: left; }
			#produst-list-top .left-product a { display: block; overflow: hidden; position: relative; height: 150px; }
				#produst-list-top .left-product a .mask { background: #000; display: block; height: 23px; width: 100%; position: absolute; bottom: 0px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; z-index: 0; }
				#produst-list-top .left-product a .mask-content { font-size: 12px; color: #FFF; position: absolute; height: 23px; line-height: 23px; width: 100%; bottom: 0px; z-index: 3; }
		#produst-list-top .right-product { width: 38%; float: right; overflow: hidden; }
			#produst-list-top .right-product a { display: block; height: 73px; overflow: hidden; border: 1px solid #ccc; position: relative; }
				#produst-list-top .right-product a .mask { background: #000; display: block; height: 23px; width: 100%; position: absolute; bottom: 0px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; z-index: 0; }
				#produst-list-top .right-product a .mask-content { font-size: 12px; color: #FFF; position: absolute; height: 23px; line-height: 23px; width: 100%; bottom: 0px; z-index: 3; text-align: center; }

				#produst-list-top .right-product a.topa { margin-bottom: 2px; }

	#produst-list-bottom { padding: 10px 8px; clear: both; }
		#produst-list-bottom .left-product { width: 38%; float: left; }
			#produst-list-bottom .left-product a { display: block; height: 73px; overflow: hidden; border: 1px solid #ccc; position: relative; }
					#produst-list-bottom .left-product a .mask { background: #000; display: block; height: 23px; width: 100%; position: absolute; bottom: 0px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; z-index: 0; }
					#produst-list-bottom .left-product a .mask-content { font-size: 12px; color: #FFF; position: absolute; height: 23px; line-height: 23px; width: 100%; bottom: 0px; z-index: 3; text-align: center; }
					
					#produst-list-bottom .left-product a.topa { margin-bottom: 2px; }
		#produst-list-bottom .right-product { width: 60%; float: right; border: 1px solid #ccc; overflow: hidden; }
			#produst-list-bottom .right-product a { display: block; overflow: hidden; position: relative; height: 150px; }
			#produst-list-bottom .right-product a .mask { background: #000; display: block; height: 23px; width: 100%; position: absolute; bottom: 0px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; z-index: 0; }
			#produst-list-bottom .right-product a .mask-content { font-size: 12px; color: #FFF; position: absolute; height: 23px; line-height: 23px; width: 100%; bottom: 0px; z-index: 3; text-align: center; }
	/*新闻资讯*/
	#news-show { width: 100%; margin-top: 5px; clear: both; display: block; overflow: hidden; padding-bottom: 70px; }
		#news-show .banner-title { width: 100%; height: 35px; background: #f1f0f0; border-bottom: 2px solid #307ad7; }
		#news-show .left-tips { float: left; width: 95px; height: 35px; line-height: 35px; text-indent: 10px; background: url(../images/icon-tips.png) no-repeat 0 0; background-size: 100% 100%; color: #FFF; font-size: 13px; }
		#news-show .right-more { float: right; }
			#news-show .right-more a { color: #fd7400; height: 40px; line-height: 40px; }
				#news-show .right-more a b { display: inline-block; float: left; width: 5px; height: 5px; line-height: 5px; border-radius: 5px; background: #fd7400; margin-top: 17px; margin-right: 3px; }
				#news-show .right-more a b.title { width: 50px; height: 40px; line-height: 40px; background: none; margin-top: 0px; }


#back { height: 40px; line-height: 40px; background: #337fda; border-top: 2px solid #2665cc; text-align: center; color: #FFF; font-size: 24px; }
	#back .arrow { display: inline-block; width: 30px; height: 24px; float: left; background: url(../images/back-arrow.png) center center no-repeat; background-size: 100% 100%; margin-top: 8px; margin-left: 8px; }
	#back span { font-size: 18px; display: inline-block; overflow: hidden; width: 82px; margin-left: -50px; }

	.news{ width:100%; margin:0 auto;  padding-bottom: 10px; }
.news .banner{  width:100%; line-height:50px; height: 50px; float: left; font-size:20px; color:white; background: url('../images/bar_bg.jpg') repeat-x 100%;}
/*.news .banner span{ display:block;float:left;font-weight:bold; text-align:center;text-indent: 20px;}*/
.news .banner a{ display:block; width:58px; height:34px; float:right; color:white; font-weight:bold; text-align:center; line-height:34px; margin-right:8px;}
.news .content{ line-height:20px; font-size:12px; font-weight:bold;float: left; width: 100%; margin-bottom: 60px; }
.news .content ul{ width: 95%; margin: 10px auto 0px;}
.news .content ul li{ list-style: none; height:46px; line-height:46px; border-bottom:1px solid #ededed; }
.news .content ul li a{color:#444; font-size: 14px; font-weight: normal; width: 100%; height: 46px; line-height: 46px; display: block; }
	.news .content ul li a .square { display: inline-block; width: 5px; height: 5px; border-radius: 5px; margin:0 8px 0 0; background: #fd7400; margin-top: -5px; }
.news .content ul li span{color:#999; margin-right:5px; display: inline-block; float: right;  font-size: 16px;font-weight: normal; background: url(../images/arrow.png) center center no-repeat; background-size: 50% 50%; width: 20px; height: 30px; margin-top: 13px; }

.ajaxmore { display: block; width: 80%; height: 35px; text-align: center; color: #555; font-size: 14px; border: 1px solid #dadada; background: #f8f8f8; line-height: 35px; margin: 20px auto 0;  }

/*底部悬浮*/
.footer{ height:53px;position:fixed; right:0; bottom:0; float:left; width:100%; background:#337fda; z-index: 102; }
.f1{width:25%; height:100%; float:left; /*border-right: 1px solid #265ed0;*/ text-align:center;}
.f2{width:25%; height:100%; float:left;text-align:center;/* border-right: 1px solid #265ed0; border-left: 1px solid #4ab8eb;*/ }
.f3{width:25%; height:100%; float:left;text-align:center;}
.f4{width:25%;  height:100%; float:left;text-align:center;}
.footer a{ color:white; font-family:"微软雅黑"; font-size: 12px; }

.footer .f1 a { width: 100%; border-right: 2px solid #265ed0; display: block; overflow: hidden; height: 100%; }
.footer .f2 a { width: 100%; border-left: 1px solid #4ab8eb; border-right: 1px solid #265ed0; display: block; overflow: hidden; height: 100%; }
.footer .f3 a { width: 100%; border-left: 1px solid #4ab8eb; border-right: 1px solid #265ed0; display: block; overflow: hidden; height: 100%; }
.footer .f4 a { width: 100%; border-left: 1px solid #4ab8eb; display: block; overflow: hidden; height: 100%; }
	.footer a .txt { font-size: 12px; }


.footer .img{ margin-top:10px; width:25px; height:25px; margin: 4px auto; margin-top:5px; }
.before_foot{ width: 100%;  text-align: center; float: left; color: white;  background-color: #296992;  padding: 15px 0px; line-height: 18px; font-size: 0.8em;}
.footer .footer-img1 { background: url(../images/home.png); background-size: 100% 100%; }
.footer .footer-img2 { background: url(../images/tel.png); background-size: 100% 100%; }
.footer .footer-img3 { width: 30px; height: 20px; margin-top: 10px; background: url(../images/sms.png); background-size: 100% 100%; }
.footer .footer-img4 { width: 20px; background: url(../images/map.png); background-size: 100% 100%; }


/** news_info 新闻详细页  **/
.news_info{ width:100%;margin:0 auto; background-color: #fff;}
.news_info .banner{ width:100%; height:40px;  line-height:40px;  text-indent: 20px;  background-color: #355ecc;}
.news_info .banner a{ color:white;}
.news_info .pbanner{ width:100%; margin: 0 auto; text-align:center;line-height:30px; color:#555; font-size: 16px; font-weight:bold;}
.news_info .pbanner span{ font-size: 14px; color: #b2b2b2; font-weight: normal; display: block;}
.news_info .content{ margin: 0 auto; padding: 20px; line-height:30px; font-size:14px; font-weight:bold; color:#4d4d4d; font-weight: normal; border-top:2px solid #ededed; }
.news_info .content img{ width: 100%; height: auto;}
.news_info .tools { width: 100%; margin-bottom: 55px;}
.news_info .tools .pagec{ width: 100%; display: block; clear: both; background: #fafafa; height: 60px; border-top: 1px solid #dcdcdc; }
.news_info .tools .pagec a{ width: 50%; display: inline-block; color: #686868; height: 60px; float: left; text-indent: 20px; } 
.news_info .tools .pagec .pre{ background-color: #fafafa;}
.news_info .tools .pagec .next{ background-color: #fafafa;}
.news_info .tools .pagec a span { display: block; padding: 5px 0 0 0; color: #999; font-size: 14px; }
.news_info .tools .pagec a span.title { color: #4d4d4d;  }
.news_info .tools .pagec a .p-content { display: block; height: 60px; width: 100%; border-right: 1px solid #dcdcdc; margin-left: -1px; }
.news_info .tools .backtop a{ display: block; width: 80%; padding: 15px;background: url('../images/backtop.png') no-repeat 70% center;  background-color: #4d68c4; border-radius: 4px; margin: 0 auto; color: white; font-size: 18px; text-align: center;}

/** news  新闻列表页  **/
.news .bannerjpg img{ z-index: -1; position: relative;}
.news .bannerjpg h3{  margin-top: -45px;  height: 40px; line-height: 40px;background-color: rgba(25,26,28,0.6);font-weight: normal; font-size: 20px; color: white; text-indent: 20px;}

/** contact  联系我们页  **/
.contact{ width:100%; margin:0 auto;  padding-bottom: 50px; font-size: 18px; color: #444444;}
.contact .bannerjpg img{ z-index: -1; position: relative;}
.contact .bannerjpg h3{ margin-top: -45px;  z-index: 999; height: 40px; background-color: rgba(25,26,28,0.6);  line-height: 40px; font-weight: normal; font-size: 20px; color: white; text-indent: 20px;}
.contact .content{ padding:20px;}
.contact .content p{ margin: 20px 0px;}
.contact .content p a{ background-color: #16bb1b; padding: 5px 10px; border-radius: 4px; color: white;}
.contact .backtop a{ display: block; width: 80%; padding: 15px;background: url('../images/address.png') no-repeat 20% center;  background-color: #4d68c4; border-radius: 4px; margin: 0 auto; color: white; font-size: 18px; text-align: center;}

#tagbar { height: 40px; line-height: 40px; display: block; background: #f0f0f0; padding-left: 20px; }
	#tagbar a { color: #4d4d4d;  }



/** corpinfo  公司简介页  **/
.corpinfo{ width:100%; margin:0 auto; font-size: 18px; color: #444444;}
.corpinfo .bannerjpg img{ z-index: -1; position: relative;}
.corpinfo .bannerjpg h3{  margin-top: -45px; z-index: 1; height: 40px; background-color: rgba(25,26,28,0.6);line-height: 40px; font-weight: normal; font-size: 20px; color: white; text-indent: 20px;}

.corpinfo .content{ margin: 0 auto; padding: 20px; line-height:30px; font-size:18px; font-weight:bold; color:#4d4d4d; font-weight: normal; }


/** product  产品列表页  **/
.product_page{ width:100%;margin:0 auto; background-color: #f3f3f3;}
.product_page .banner{ width:100%; height:40px;  line-height:40px;  text-indent: 20px;  background-color: #355ecc;}
.product_page .banner a{ color:white;}
.product_page .content{ width: 100%; padding-top: 20px; line-height:20px; font-size:12px; font-weight:bold; color:#288dfe;  float:left; margin-bottom: 80px; }
.product_page .content ul{ margin-left:5%; margin-right:5%;    width:90%;}
.product_page .content ul li{ list-style-type:none; border:1px solid #e0e0e0; background-color: white; height:150px; padding-bottom: 10px; text-align:center; width:45%;  margin-bottom: 30px; float:left; margin-left:2%; margin-right:2%;}
.product_page .content ul li a{ color:#1142ab; font-weight: normal;}
.product_page .content ul li .img{ height:120px;  margin: 0 auto; margin-bottom:5px;}
.product_page .content ul li .img img{ width:98%; margin: 0 auto; height:120px;}

.content img{ max-width: 80%; height: auto!important;}



/** product_info 产品详细页  **/
.product_info{ width:100%;margin:0 auto 120px;  }
.product_info .banner{ width:100%; height:40px;  line-height:40px;  text-indent: 20px;  background-color: #355ecc;}
.product_info .banner a{ color:white;}
.product_info .pimg{ width: 90%; margin: 40px auto 10px; border: 1px solid #ccc; }
.product_info .pimg img{ width:80%;  margin: 20px 10%;}
.product_info .content{  margin: 0 auto; line-height:30px; font-size:18px;color:#4d4d4d;}
.product_info .content img{ width: 100%; height: auto;}
.product_info h3 { color: #555; font-size: 20px; font-weight: normal; text-align: center; width: 100%;}
.product_info .title{ width:100%; line-height:60px; height: 60px; color: #555; margin-top: 15px; margin-bottom: 15px; border-bottom: 2px solid #2e75d5;  font-weight: normal;  text-indent: 20px; font-size: 24px; background-color: #f1f0f0;}
.product_page .content ul li .mask { display: block; background: #000; height: 35px; line-height: 35px; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }
.product_page .content ul li .ptitle { color: #FFF; margin-top: -26px; position: absolute; z-index: 100; text-indent: 20px; text-align: center; }



/** procate   **/
.procate{ width:100%; margin:0 auto;  padding-bottom: 10px;}
.procate .banner{  width:100%; line-height:40px; float: left; font-size:20px; color:white; background: url('../images/bar_bg.jpg') repeat-x 100%;}
.procate .banner span{ display:block;float:left;font-weight:bold; text-align:center;text-indent: 20px;}
.procate .banner a{ display:block; width:58px; height:34px; float:right; color:white; font-weight:bold; text-align:center; line-height:34px; margin-right:8px;}
.procate .content{ line-height:20px; font-size:12px; font-weight:bold;float: left; width: 100%;}
.procate .content ul{ margin:0px 20px;}
.procate .content ul li{ list-style: none; height:100px; line-height:25px; border-bottom:1px solid #ededed;  background: url('../images/li.png') no-repeat 95% center; background-size: 8px;}
.procate .content ul li a{color:#2b2b2b; font-size: 16px; font-weight: normal; display: block; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 10px;}
.procate .content ul li h3{ width: 90%;}
.procate .content ul li span{color:#b2b2b2;margin-right:10px; display: block;  font-size: 16px;font-weight: normal; width: 90%;}
.procate .content ul li .img{ width: 100px; height: 80px; background-color: #848484; display: block; float: left; margin-right: 15px;}


.right_menu{ position: absolute; right: 0px; z-index: 9; display: block; width: 150px;  background-color: #345884; height: 100%;}
.hide{ display:none;}
.right_menu ul{ padding-top: 20px; }
.right_menu ul li{list-style-type:none; width: 100%; margin: 0 auto; height:51px; border-bottom: 1px solid #4873a3; line-height: 51px;}
.right_menu ul li a{ display:block; width: 100%; color: white; margin: 0 auto; line-height: 51px; text-align: center; font-size: 14px; }