@charset "utf-8";
/* CSS Document */
/***012****/
/***********************公共样式**************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td, article, aside,canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output,ruby, section, summary, time, mark, audio,video{
	margin:0;
	padding:0;
}
article, aside, details, figcaption,figure, footer, header, hgroup, menu,nav, section{display:block;}

html{overflow-x:hidden;-webkit-text-size-adjust:none;}
body{font:12px/140% 'microsoft yahei'; color:#565656; background:url(../images/body_bj.jpg) repeat; max-width: 640px; min-width: 320px; margin: 0 auto; }
ol, ul, li{list-style:none;}

fieldset, img{border:0;}
a{color:#565656;outline:none;}
a:hover{color:#127691;}
del, ins, a{text-decoration:none;}
em, i{font-style:normal;}
input, button,
textarea, select{outline:none;-webkit-appearance: none;}
textarea{resize:none;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}

.clearfix:after{
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	line-height:0;
	content:'\20';	
}
.clearfix{
	clear:both;
	*display:table;
	*zoom:1;
}
.fl{
	display:inline;
	float:left;
}
.fr{
	display:inline;
	float:right;
}



	
.top{height:83px; background-color:#16484f; overflow:hidden}	
.logo{width:145px; height:66px; float:left; margin-left:10px; margin-top:5px}
.logo img{width:100%; height:100%;}
.top span{float:right; margin-right:6px;}

/*.soso_text{background:none; border:1px solid #2e7881; border-right:none; height:36px; width:250px; margin-top:20px; padding:0 0 0 5px; font-size:20px; color:#0c99ad; line-height:34px; font-family:microsoft yahei; float:left;-webkit-appearance: none; border-radius:0;}
.soso_btn{width:50px; border:1px solid #2e7881; border-left:none; height:36px; padding:0; background:url(../images/soso.png) no-repeat center center; margin-top:20px; float:left;-webkit-appearance: none; border-radius:0;}*/

.soso_text{
	background:none;
	border:1px solid #2e7881;
	border-right:none;	
	height:34px;
	width:250px;
	margin-top:20px;
	padding:1px 1px 1px 5px;
	font-size:20px;
	color:#0c99ad;
	line-height:34px;
	font-family:microsoft yahei;
	float:left;-webkit-appearance: none; border-radius:0;
}
.soso_btn{
	width:50px;
	border:1px solid #2e7881;
	border-left:none;
	padding:0;
	height:38px;
	background:url(../images/soso.png) no-repeat center center;
	margin-top:20px;
	float:left;	-webkit-appearance: none; border-radius:0;
}



.nav{height:53px; background:url(../images/nav_top.jpg) repeat-x left top #e8e8e8; border-bottom:3px solid #127691; overflow:hidden; padding-top:15px; }

.nav li{float:left;  font-size:18px; width:25%; line-height:53px; text-align:center;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nav li a{color:#006380; display:block;}
.nav li a:hover{color:#ffffff; background-color:#127691}




.slideBox{ position:relative;width:100%;overflow:hidden; border:1px solid #f00 }
.slideBox .hd{ width:100%; height:45px; position:absolute; top:50%; margin-top:-22px; z-index:999; }
.slideBox .hd img{ width:45px; height:45px; }
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:0; display:block;width:45px; height:45px; line-height:27px; text-align:center; background:url(../images/yy.png) repeat; font-size:30px; color:#ffffff; text-align:center; line-height:45px; display:block; cursor:pointer; font-family:SimSun  }
.slideBox .next{ left:auto; right:0;}
.slideBox .bd{ position:relative; z-index:0;width:100%; border:1px solid #00f}
.slideBox .bd li{ position:relative; width:100%;  text-align:center; float:left}
.slideBox .bd li img{width:100%; height:100%; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }



#mySwipe div{display:block;text-align:center; width:100%}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
  width:100%;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  
  position: relative;
}
.swipe-wrap > div img{width:100%; }
/* END required styles */


.btn_q{ width:100%;position:absolute; top:50%; margin-top:-17px; z-index:999; }
.btn_q button{position:absolute; width:35px; height:35px; background:url(../images/yy.png) repeat; font-size:30px; color:#ffffff; text-align:center;cursor:pointer; font-family:SimSun; border:none; }


.prev{left:0px;}
.next{right:0px;}











.know-more 		{position: absolute; right: 0;bottom: 0; line-height: 30px; font-size: 14px;}



.main_box{padding:15px 15px 26px 15px; background:url(../images/main_bj.jpg) repeat-x left bottom;}	

.mian_tit{height:34px; border-bottom:2px solid #127691;position: relative;}
.mian_tit p{width:105px; float:left; overflow:hidden; font-size:24px; color:#127691; line-height:34px; border-bottom:3px solid #22b5cb; margin-top:-1px}
.about_text{overflow:hidden; padding-top:20px; margin-bottom:10px;}
.about_pic{float:left; width:249px; height:135px; border:1px solid #e1e1e1; padding:3px; background-color:#FFF; -moz-box-shadow:10px 10px 0px #d8d8d8; -webkit-box-shadow:3px 3px 0px #d8d8d8; margin-right:20px;}
.about_pic img{width:100%; height:100%}
.about_text p{font-size:16px; line-height:30px; text-indent:2em}
.tte_rr{width:80px; height:34px; display:block; float:right; text-align:right;}
.tte_rr em{width:24px; height:24px; line-height:24px; text-align:center; font-family:SimSun; color:#22b5cb; border:1px solid #22b5cb; display:inline-block; margin-left:5px; background:url(../images/vsd.png) repeat; margin-top:5px }

.product{width:100%; overflow:hidden; padding-top:7px; margin-bottom:15px;}


.product_box{width:100%; height: 100%; overflow:hidden;}
.product ul{float:left; padding-bottom:3px; position:relative; }
.product li{width:30%; border:1px solid #e1e1e1; padding:3px; background-color:#FFF; -moz-box-shadow:2px 2px 0px #d8d8d8; -webkit-box-shadow:2px 2px 0px #d8d8d8; float:left; margin: 1% 1% 1% 1%;}
.product li a 	{display: block; width: 100%;}
.product li div {padding-bottom: 82.9%;	position: relative;	}

.product li img{position: absolute; left:0;top: 0;right: 0;bottom: 0;margin: auto; max-width: 100%; max-height: 100%;}
.product li p{height:40px; line-height:40px; font-size:18px; overflow:hidden; text-align:center}


.news_box{clear:both; height:280px; margin:10px 0px;}
.news_box li{height:40px; background:url(../images/cad.png) repeat; line-height:40px; overflow:hidden; font-size:16px; text-indent:20px;}


.back_top{text-align:right; margin-bottom:10px;}
.back_top a{display:inline-block; height:26px; color:#FFF; line-height:26px; font-size:16px; padding:0px 5px; background-color:#194e56; text-align:center;}

.footer_nav{height:55px; background:url(../images/fotter.jpg) repeat-x left top; overflow:hidden; }
.footer_nav li{width:25%; font-size:16px; color:#ffffff; float:left; line-height:55px; text-align:center}
.footer_nav li a{color:#ffffff;}

.footer_text{background-color:#194e56; border-top:1px solid #00646b; border-bottom:5px solid #00787f; text-align:center; color:#489ba8; font-size:16px; padding:10px; line-height:20px;}

.footer_box{background-color:#002a2e; height:60px; position:relative; bottom:0px; left:0px; width:100%}
.footer_box li{width:25%; text-align:center; font-size:16px; float:left; margin-top:10px;}
.footer_box li img{width:24px; height:20px;}
.footer_box li a{ color:#FFF}

.ny_tit{height:37px; background:url(../images/mian_t.png) repeat-x left top; border-right:1px dotted #0a7595; line-height:37px; font-size:16px; overflow:hidden}
.ny_tit span{background-color:#0a7595; display:inline-block; color:#FFF; padding:0px 5px; margin-right:5px;}

.ny_about{color:#000000; padding-bottom:20px;}
.ny_about h1{font-size:22px; font-weight:normal; text-align:center; line-height:30px; margin:20px 0px 5px 0px;}
.ny_about p{font-size:16px; line-height:26px; text-indent:2em; padding-top:10px;}


.ny_about p.abotty{text-indent:0px;}
.abotty img{width:100%;}

.ny_news{padding:20px 0px;}
.ny_news li{height:38px; border-bottom:1px dotted #000000; background:url(../images/news_ico.png) no-repeat left 12px; text-indent:25px; line-height:38px; font-size:16px; overflow:hidden;}
.ny_news li span{float:right; color:#c0c0c0}

.dowb{height:37px; background:url(../images/vsd.png) repeat; padding-top:4px; margin-top:30px; clear:both}
.dowb a{font-size:22px; border:1px solid #194e56; display:block; background:url(../images/vssd.png) no-repeat 160px 12px; color:#194e56; width:176px; height:32px; line-height:32px; margin:0 auto;  text-indent:10px; }


.bews_bond{font-size:22px; font-weight:normal; text-align:center; line-height:30px; margin:20px 0px 5px 0px; color:#000}
.news_ttt{ text-align:center; line-height:30px; background:url(../images/vsd.png) repeat; margin:20px 0px;}
.news_ttt span{display:block; background:url(../images/jiao_01.png) no-repeat left top;}
.news_ttt i{display:block; background:url(../images/jiao_02.png) no-repeat right bottom; font-size:16px; color:#6e6e6e;}
.ny_news_text{line-height:26px; font-size:18px; padding-bottom:20px;}
.ny_news_text p{padding-top:5px;}
.tindet{text-indent:2em;}
.ndafg{color:#000; font-size:20px; display:block; margin-top:20px;}
.shangyiba{margin:10px 0px; overflow:hidden}
.shangyiba li{ background:url(../images/vsd.png) repeat; height:34px; overflow:hidden; line-height:34px; font-size:18px; margin-bottom:8px; text-indent:50px;}
.shangyiba li span{display:block; background:url(../images/jiao_02.png) no-repeat right bottom;}
.shangyiba li a{color:#000; display:block; height:34px; background:url(../images/cnme.jpg) no-repeat left 0px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; width:95%; overflow:hidden }



.ny_product{width:100%; margin-bottom:30px; }
.ny_product ul{width:110%; overflow:hidden; padding-bottom:3px;}
.ny_product li{width:27%; border:1px solid #e1e1e1; padding:3px; background-color:#FFF; -moz-box-shadow:3px 3px 0px #d8d8d8; -webkit-box-shadow:3px 3px 0px #d8d8d8; float:left; margin-right:3%; margin-top:15px;}
.ny_product li div {padding-bottom: 82%; position: relative;}
.ny_product li img{position: absolute; left:0;top: 0;right: 0;bottom: 0;margin: auto; max-width: 100%; max-height: 100%;}
.ny_product li p{height:40px; line-height:40px; font-size:18px; overflow:hidden; text-align:center}


.ny_contact{color:#000;}
.ny_contact h1{font-size:22px; font-weight:normal; line-height:30px; margin:20px 0px;}
.ny_contact p{font-size:18px; line-height:35px;}

.map_box{width:100%; height:340px; margin:20px 0px}



.ny_online{padding-bottom:20px; overflow:hidden}
.ny_online h1{color:#e86304; font-size:30px; font-weight:normal; line-height:40px; margin-top:20px;}
.ny_online p{font-size:16px; color:#000000; line-height:24px;}
.onleft{overflow:hidden; color:#000000; margin-top:20px;}
.onleft ul{width:70%; float:left;}
.onleft li{height:28px; overflow:hidden; margin-bottom:5px;}
.onleft li{font-size:16px;}
.onleft input{width:60%; border:2px solid #ebebeb; height:22px; line-height:22px;}
.fasong{width:60px; height:55px; float:right; background-color:#0a7595; font-size:15px; color:#FFF; text-align:center; padding:10px}
.fasong img{width:30px; height:30px; margin-top:5px;}
.basfa{width:65%;border:2px solid #ebebeb; height:140px; margin:10px 0px;margin-left:5px;}

.basfafd{ border:2px solid #ebebeb; height:22px; line-height:22px; width:100px; float:left;margin-left:10px;}
.fsag{height:22px; border:1px solid #FFF; padding:1px; float:left; margin-left:10px;}



.share_list li{height:32px; border:1px solid #e5e4e4; padding:5px; background-color:#fafafa; line-height:32px; overflow:hidden; margin-bottom:10px; font-size:16px;}
.share_list li img{float:left; margin-right:10px;}
.share_list a{display:block; background:url(../images/go.png) no-repeat right 7px; color:#000;}

.share_box{ padding:20px 0px; overflow:hidden}



@media all and (max-width:639px){

	.logo{width:86px; height:39px;}	
	.top{height:53px;}	
	.soso_text{height:24px; width:150px; margin-top:13px; padding-left:5px; font-size:14px; color:#0c99ad; line-height:24px;}
	.soso_btn{width:25px;height:28px; background:url(../images/ss.png) no-repeat center center; margin-top:13px; }
	.nav{height:43px; padding-top:13px;}
	.nav li{font-size:15px; line-height:43px;}
	.btn_btn{height:30px; margin-top:-15px;}
	.btn_btn em{width:30px; height:30px; font-size:20px; line-height:30px;}
	.about_pic{width:158px; height:86px;}
	.about_text p{font-size:16px; line-height:26px;}
	.product li p{height:25px; line-height:25px; font-size:14px; overflow:hidden; text-align:center}
	.news_box{height:210px; overflow:hidden}
	.news_box li{height:30px; background:url(../images/cad.png) repeat; line-height:30px; overflow:hidden; font-size:15px; text-indent:15px;}

	.footer_nav{height:40px;}
	.footer_nav li{line-height:40px; font-size:15px;}

	.footer_text{font-size:15px;}

	.product li 	{width: 29.5%;}

}


@media all and (max-width:482px){	

	.product li 	{width: 29.0%;}
	
}

@media all and (max-width:389px){	

	.product li 	{width: 28.5%;}
	
}





#AspNetPager1{ display:block; width:100%; overflow:hidden; margin-bottom:15px; margin-top:15px; margin-left:40px;}
#AspNetPager1 a{ display:inline; padding:5px 8px 5px 8px; background:#94C2CC; color:#252525; margin-right:5px}


/*产品分类*/
.menu {
	padding: 5px 0;
	border-bottom: #ccc solid 1px;
	overflow: hidden;
}
.menu a { 
	display: inline-block;  float: left; text-align: center; line-height: 24px;
	border: rgba(255,255,255,.3) solid 1px;
	margin: 5px 1%;
	padding: 0 5px;
	border-radius: 1px;
}
.menu a.cur {
	color: #fff;
	background: #0a7595;
	border: #4ea84e solid 1px;
}