@charset "utf-8";
/* CSS Document */

#warp{ max-width:640px; min-width:320px; margin:0 auto; overflow:hidden;}
#header{ background:#FFF}
.top{width:98%;margin:0 auto; overflow:hidden; padding-bottom:5px;}
.logo{ float:left; margin-top:5px; width:30%; }
.search{ float:right; width:70%;line-height:35px; margin-top:26px;}
.search label{ width:52px; height:35px; background:#21caae; overflow:hidden; display:block; float:left; text-align:center; color:#fff;  font-size:medium}
.search input{ background:#FFF; border:0; float:left; height:35px; width:90%; padding:0 5px; overflow:hidden;}
.search span{ float:left; cursor:pointer}
.search span img{ vertical-align:top}

.nav{line-height:41px; overflow:hidden; background:#24BBE8;}
.nav ul{width:100%; margin:0 auto;}
.nav ul li{ display:block; font-size:16px; float:left; width:25%; text-align:center}
.nav ul li a{ font-size:15px; color:#fff}

.warp{overflow:hidden; width:100%; padding-top:5px; background:#f5f5f5}
#container{ width:97.5%; margin:0 auto; }


.fl{ float:left; cursor:pointer}
.fr{ float:right; cursor:pointer}
.bt_ba{ float:left; }
.bt_ba li{ border-right:1px solid #929497;  float:left; cursor:pointer; height:35px; }
.bt_ba li.current{ border-top:2px solid #c00;position:relative; top:-2px;}
.bt_ba li img{ height:100%}



.nycon{ height:170px; overflow:hidden; clear:both}

.news-index{ clear:both}
.news-index ol{ }
.news-index ol li{ height:41px; line-height:41px; background:#fff; margin-bottom:2px; padding:0 12px;}
.news-index ol li a{ font-size:medium ; color:#535961; background:url(../images/ico1.jpg) no-repeat left; font-size:14px; display:block; padding-left:26px; overflow:hidden;text-overflow:ellipsis;
	white-space:nowrap;}
.news-index ol li time{ float:right; color:#999999; font-size:13px;}

.news-index header{ background:url(../images/line.jpg) repeat-x; height:37px; line-height:37px; margin-top:30px; position:relative}
.news-index header h3{ width:100px; height:37px; overflow:hidden; padding:0 5px; text-align:center; background:#24BBE8.pro_list li; font-size:large; color:#fff; float:left}
.news-index header h3 a{ color:#ffffff}

.sj{ float:right; width:70px;margin-top:6px; overflow:hidden}
#sj-left{ width:34px; height:23px; background:url(../images/sj-left.jpg) no-repeat; margin-right:1px;  cursor:pointer; float:left}
#sj-right{width:34px; height:23px; background:url(../images/sj-right.jpg) no-repeat; cursor:pointer; float:left }

.sj-leftq{ width:34px; height:23px; background:url(../images/sj-left.jpg) no-repeat;  cursor:pointer; float:left;margin-right:1px;  }
.sj-rightq{width:34px; height:23px; background:url(../images/sj-right.jpg) no-repeat; cursor:pointer; float:left }

#sj-lef{ width:34px; height:23px; background:url(../images/sj-left.jpg) no-repeat;  cursor:pointer; float:left;margin-right:1px;  }
#sj-righ{width:34px; height:23px; background:url(../images/sj-right.jpg) no-repeat; cursor:pointer; float:left }




.nyconnn{ height:240px; overflow:hidden; margin-top:20px;}
.nyconn{  overflow:hidden; clear:both; height:800px;}
.nyconn div.qq{ overflow:hidden; height:1800px;  }


#footer{ width:100%; overflow:hidden;background:#f5f5f5}
.nav-ft{width:97%; margin:0 auto;  margin-top:30px; overflow:hidden;}
.nav-ft ul{background:#fff;width:100%;overflow:hidden}
.nav-ft li{ float:left;width:25%;border-bottom:3px solid #24BBE8; text-align:center;line-height:65px; font-size:14px;  overflow:hidden}
.nav-ft li a{ color:#666}
.nav-ft a.topp{ background:#24BBE8; font-size:16px; color:#fff; text-transform:uppercase; float:right; width:60px; height:24px; line-height:24px; text-align:center; overflow:hidden; margin-top:-1px;}


.bq{ width:100%; background:#24BBE8;  border-bottom:4px solid #1bbc9b; text-align:center; font-style:normal; font-size:14px; padding:18px 0 ; margin-top:12px;}

.fot-nav{ width:100%; overflow:hidden; background:url(../images/ft-bg.jpg) repeat-x; padding:16px 0;}
.fot-nav ul{}
.fot-nav ul li{ float:left; width:25%; text-align:center; position:relative}
.fot-nav ul li a{ display:block; padding-top:20px;font-size:15px; color:#fff; overflow:hidden; position:relative; }
.fot-nav ul li:nth-child(1){background:url(../images/ico4-1.png) no-repeat top}
.fot-nav ul li:hover:nth-child(1){background:url(../images/ico4.png) no-repeat top}
.fot-nav ul li:nth-child(2){background:url(../images/ico5.png) no-repeat top}
.fot-nav ul li:hover:nth-child(2){background:url(../images/ico5-2.png) no-repeat top}
.fot-nav ul li:nth-child(3){background:url(../images/ico6.png) no-repeat top}
.fot-nav ul li:hover:nth-child(3){background:url(../images/ico6-3.png) no-repeat top}
.fot-nav ul li:nth-child(4){background:url(../images/ico7.png) no-repeat top}
.fot-nav ul li:hover:nth-child(4){background:url(../images/ico7-4.png) no-repeat top}
.fot-nav ul li:nth-child(5){background:url(../images/ico8.png) no-repeat top}
.fot-nav ul li:hover:nth-child(5){background:url(../images/ico5-5.png) no-repeat top}

/****/
.about-index header{ 
	background:url(../images/linee.jpg) repeat-x; 
	height:37px; 
	line-height:37px; 
	margin-bottom:5px;
	overflow:hidden;
}

.about-index header h3{ width:90px; height:37px; overflow:hidden; padding:0 5px; text-align:center; background:#24BBE8; font-size:16px; color:#fff; float:left;  }
.break{ float:left; font-size:14px; color:#6f6f6f; padding-left:15px; width:60%}

.about{background:#fff url(../images/about_06.jpg) no-repeat left; padding-left:62px; color:#2f343a; font-size:14px; line-height:22px; border-right:6px solid #24BBE8}
.about small{ clear:both; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#24BBE8}

.ny{ background:#fff; margin-top:10px; padding:18px 10px 10px;  overflow:hidden; font-size:14px; line-height:26px; color:#666666;}
#ny{ padding:0}
.ny strong.st{ font-size:large; color:#24BBE8; line-height:18px}
.ny p.tx{text-indent:2em;}


.ct{ color:#464646; font-size:16PX; line-height:30px; color:#9a9a9a}
.ct strong{ font-size:18px; font-weight:normal;color:#464646;}


.feedb_a{
	margin-top:15px;
	width:100%;
	overflow:hidden;
}
.feed_l{
	width:80%;
	float:left;
}
.feed_r{
	width:20%;
	float:right;
	text-align:center;
	margin-bottom:5px;
}
.feed_r img{
	width:100%;
	max-width:100%;
}
.ab{
	display:block;
	margin-bottom:15px;
}
.ab input{
	float:left;
	width:80%;
	border:1px solid #e5e4e4;
	background-color:#fafafa;
	font-family:Microsoft yahei;
	margin:0px;
	padding:5px 5px 5px 5px;
	margin-bottom:15px;
	font-size:14px;
}
.ab input{
	height:25px;
	margin-bottom:5px;
}
.feedb_b textarea{
	height:70px;
	width:96%;
	border:1px solid #e5e4e4;
	background-color:#fafafa;
	font-family:Microsoft yahei;
	margin:0px;
	padding:5px 5px 5px 5px;
	margin-bottom:15px;
	font-size:14px;
}


.mail{ padding-top:10px; clear:both; padding-bottom:20px; width:100%; overflow:hidden}
.mail label{ color:#a8a8a8; font-size:18px;}
.input{ margin-top:18px;width:80%; overflow:hidden;float:left }
.ip{ width:96%; height:56px; border:1px solid #d5d5d5; padding:0 10px; margin-bottom:36px; float:left; font-size:medium; color:#9a9a9a}
.fs{ width:14%; height:152px; line-height:152px; border:0; font-size:28px; color:#fff; background:#1bbc9b; cursor:pointer; margin-left:20px;margin-top:20px; float:right; text-align:center;}
.tex{ clear:both; width:98%; height:132px; padding-left:10px; border:1px solid #d5d5d5; margin-bottom:10px; font-size:medium; resize:none}
.yz{ height:44px; line-height:44px; float:left; border:0;border:1px solid #d5d5d5; overflow:hidden;}


.news ul li{ margin-bottom:12px;}
.news-more{ width:90%; height:43px; line-height:43px; background:#1bbc9b; margin:12px auto 35px; text-align:center; font-size:20px; color:#fff; clear:both}
.news-more span{background:url(../images/jz.png)  no-repeat right; width:156px; display:block; margin:0 auto} 

#pro{ background:none; padding:0}
.pro{ width:100%;}
.pro dl{ float:left; width:49%; overflow:hidden; margin-bottom:2%; }
.pro dl:nth-child(odd){ margin-right:2%;}
.pro dl dt{ width:100%; float:left; position:relative; background:#7c8187; }
.pro dl dt img{ width:100%;}
.pro dl dt a.tsp{ color:#dddee0; display:block; font-size:20px; background:url(../images/ico2.jpg) no-repeat; padding-left:42px;word-break:break-all; white-space:nowrap; height:30px; overflow:hidden}
.pro dl dt time{ position:absolute; left:0; bottom:30px; width:55px; height:30px; background:#1bbc9b; text-align:center; font-size:30px; line-height:15px; color:#fff; padding:14px 0}
.pro dl dt time small{ font-size:10px;}
.pro dl dd{ background:#fff; float:left; clear:both; width:96%; padding:2%; font-size:20px; color:#9a9a9a;  border-bottom:1px solid #1bbc9b }
.pro dl dd p.g{height: 60px; overflow:hidden;  }
.pro dl span a.more{ width:20%; height:29px; background:#1bbc9b; clear:both; float:right; line-height:29px; text-align:center; font-size:20px; color:#fff}

.pro-more{width:55%; height:33px; line-height:33px; background:#1bbc9b; margin:0 auto; margin-top:30px; margin-bottom:30px; text-align:center; font-size:18px; color:#fff;}
.pro-more span a{background:url(../images/jz.png)  no-repeat right; width:156px; display:block; margin:0 auto; color:#fff;} 


.pro_show{ float:left;width:99%}
.pro_show h1{ font-size:18px; text-align:center; }
.pro_show span.ly{ text-align:center; color:#8c8c8c; padding:8px 0;font-size:12px; display:block; margin-top:2%; background:#ddd; margin-bottom:20px; line-height:20px;}
.fh{ background:#24BBE8; line-height:44px; text-align:right; width:98%; font-size:20px; color:#fff; padding-right:2%;margin-top:2%}
.fh span{ background:url(../images/fh.png) no-repeat left; padding-left:26px; }
.fh span a{ color:#FFF;}
.new_bt{clear:both; margin-top:15px;}
.new_bt li{ width:96%; background:#fff url(../images/ico3.jpg) no-repeat left; border-right:2px solid #24BBE8; line-height:44px; font-size:14px; color:#9a9a9a; padding-left:60px; margin-top:1%; float:left}
.new_bt li b{ font-weight:normal; display:block; float:left; font-size:medium }
.new_bt li a{ width:64%; height:44px; overflow:hidden; text-overflow:ellipsis; display:block; float:left; white-space:nowrap }
.prosh h1{ margin:0% 0 2%}

/* share */
#qt ul li{width:45.3%;margin-left:3%;}
#share{  margin:0 auto; clear:both; width:94%; padding-top:2% }
#share li{ width:45%; float:left; margin-bottom:3%; height:120px;  position:relative; text-align:center; line-height:100px;}
#share li span{position:absolute; bottom:0px;right:0;height:25px; width:100%; line-height:25px; font-size:1.2em; font-weight:normal; text-align:center;}
#share li a{ color:#ffffff;}
#share li a img{  vertical-align:middle;}
#share li span#yan{ background:#666; opacity: .3;filter: Alpha(Opacity=50); position:absolute; right:0; bottom:0}
#share li:nth-child(1){ background:#d73c23}
#share li:nth-child(2){ background:#45b5db}
#share li:nth-child(3){ background:#1ca100}
#share li:nth-child(4){ background:#d7083b}
#share li:nth-child(5){ background:#62b83f}
#share li:nth-child(6){ background:#3a80d4}
#share li:nth-child(7){ background:#2d9743}
#share li:nth-child(8){ background:#3b5ee1}
#share li:nth-child(9){ background:#df0037}


/*******banner***
#mySwipe div{
	display:block;
	text-align:center;
	width:100%;
	margin-top:2px;
}
.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%;
}
 

.btn_q{
	width:100%;
	position:absolute;
	top:40%;
	z-index:999;
}
.btn_q button{
	position:absolute;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:30px;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	font-family:SimSun;
	border:none;
}

.prev{
	left:0px;
	background:url(../images/bn-left.jpg) no-repeat;
	text-indent:-9999em;
	overflow:hidden;
}
.next{
    right:-3px;
	background:url(../images/bn-right.jpg) no-repeat;
	text-indent:-9999em;
	overflow:hidden;
}****/
.banner {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
#mySwipe div {
    display: block;
    margin-top: 1px;
    text-align: center;
    width: 100%;
}
.swipe {
    overflow: hidden;
    position: relative;
    visibility: hidden;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.swipe-wrap > div {
    float: left;
    position: relative;
    width: 100%;
}
.swipe-wrap > div img {
    width: 100%;
}
.btn_q {
    position: absolute;
    top: 40%;
    width: 100%;
    z-index: 999;
}
.btn_q button {
    background: url("../images/xiala_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-family: SimSun;
    font-size: 26px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 30px;
}
.prev {
    left: 0; 
}
.next {
    right: 0;
}

.more_xin{ display:block; text-align:center; line-height:26px; font-size:14px;}
.more_xin a{ color:#666;}

.pro_list{
	width:100%;
	overflow:hidden;
}
.pro_list li{
	width:24%;
	padding:2%;
	float:left;
	border:1px #24BBE8 solid;
	margin:2.8% 2% 0;
	background:#FFF;
}

.pro_list li a{
	display:block;
}

.pro_list li div{
	width:100%;
	padding-bottom:85%;
	position:relative;
	z-index:1;
}

.pro_list li div img{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}

.pro_list li p{
	padding:2% 0;
	background:#24BBE8;
	overflow:hidden;
	text-align:center;
}


.pro_list li p span{
	display:inline-block;
	vertical-align:middle;
	max-width:70%;
	color:#fff;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


/*产品分类*/
.warp .menu {
	padding: 5px 0;
	border-bottom: #ccc solid 1px;
	overflow: hidden;
}
.warp .menu a { 
	display: inline-block;  float: left; text-align: center; line-height: 24px;
	border: #ccc solid 1px;
	margin: 5px 1%;
	padding: 0 5px;
	border-radius: 3px;
}
.warp .menu a.cur {
	color: #24BBE8;
}


@media all and (max-width: 640px) {
.banner{background:#d1d3d9; overflow:hidden; position:relative; min-height:239px;}
.search{ margin-top:30px; width:66%}
.search input{ width:72%;}
.news-index dl dd{ width:46%; line-height:24px; height:127px;}
.input{ width:68%; }
.nyconn{  overflow:hidden; clear:both; height:388px}
.nav ul li a{ font-size:16px; color:#fff} 
.ip{ width:92%}
.fs{ width:28%}
.tex{ width:97%}
.new_bt li{ width:89%}
	}

@media all and (max-width: 480px) {
.nyconn{  overflow:hidden; clear:both; height:334px;}
.nav ul li a{ font-size:16px; color:#fff}
.logo{ margin-top:8px; }
.search{ margin-top:25px; width:56%}
.search input{ width:60%;}
.banner{ background:#d1d3d9; overflow:hidden; position:relative; min-height:192px;  }
.banner ul li p.zh,.banner ul li p.qw{ float:left; line-height:3em;color:#fff; padding-left:3%;  overflow:hidden; }
.banner ul li p.zh{position:absolute; left:0; top:30%; width:30%; background:#414146;  font-size:medium }
.banner ul li p.qw{ position:absolute; left:0; top:54%; width:48%;background:#535961; font-size:medium; word-break:break-all; white-space:nowrap; }
.news-index dl dd{ width:44%;overflow:hidden;   height:102px;}
.news-index dl dd p.gao{ height:100px; overflow:hidden;font-size:medium; line-height:25px; }
.input{ width:70%;  }
.fs{ width:109px; height:84px; line-height:84px; font-size:22px;text-align:center; float:right; }
.ip{ width:92%;height:34px; line-height:34px; margin-bottom:14px;}
.tex{ width:97%}
.bt_ba{ float:left; width:83%; margin-left:4px;  }
.bt_ba li{ width:33%; height:35px; float:left;}
.bt_ba li img{ width:100%;}
.news-index dl dt a.tsp{font-size:medium; word-break:break-all; white-space:nowrap; margin-right:20px; display:block; overflow:hidden; line-height:30px;}
.new_bt li a{ width:66%}
.new_bt li{ width:86%}
}  

@media all and (max-width: 380px) {
.search input{ width:51%}
.bt_ba{ width:84%;}
.news-index dl dt a.tsp{ margin-right:18px;}
.news-index dl dd{ height:74px;}
.nyconn{ height:278px;}
.input{ width:61%}
.ip{ width:88%}
.new_bt li{ padding-left:50px; width:85%}
.new_bt li a{ width:56%}
.tex{ width:96%}
.banner{ min-height:160px;
}
		


@media all and (max-width: 320px) {
.nyconn{  overflow:hidden; clear:both; height:258px;}
.nav ul li a{ font-size:16px; color:#fff}
.search{ margin-top:14px;}
.search input{ height:35px; width:40%; border:none }
.banner{ background:#d1d3d9; overflow:hidden; position:relative; min-height:132px;  }
.banner ul li p.zh{top:30%; width:40%;line-height:30px;  }
.banner ul li p.qw{ top:53%;width:70%; line-height:30px; }
.news-index dl dd{ width:43%; overflow:hidden;   height:65px;overflow:hidden}
.news-index dl dd p.gao{ overflow:hidden;font-size:14px; line-height:22px;}
.news-index dl dt a.tsp{font-size:14px; word-break:break-all; white-space:nowrap; margin-right:16px; display:block; overflow:hidden; line-height:30px;}
.news-index dl dt time{width:34px; height:30px;  font-size:20px;  padding:8px 0;}
.tex{ width:95%}
.ip{width:85%; height:34px; line-height:34px; margin-bottom:14px; }
.fs{ width:105px; display:block; height:84px; line-height:84px; font-size:22px;text-align:center; float:right }
.input{ width:54%; float:left;}
.bt_ba li{ width:32%; height:35px; float:left;}
.bt_ba{ float:left; width:80%; margin-left:4px;}
.new_bt li{ padding-left:16%; width:83%}
.news-index header h3 a{ color:#fff}
}

	


@media all and (max-width: 240px) {
.logo{ width:53%; margin-left:6px;}
.search{ width:98%;}
.search input{ width:52%}
.nav ul li{ width:21.9%; padding-top:10px; line-height:20px; margin-left:3px;}
.banner{ min-height:103px;}
.bt_ba{ width:74%;}
.news-index ol li a{ font-size:17px; display:inline}
.news-index ol li time{ display:none}
.news-index dl dd{ height:46px; width:42%}
.news-index dl dd p.gao{ line-height:23px;}
.news-index dl dt a.tsp{ margin-right:24px;}
.nyconn{ height:316px;}
.nav-ft li{ width:22%; line-height:26px; padding-left:6.5px; padding-bottom:6px;}
.about-index header h3{ width:82px; font-size:16px;}
.break{ font-size:15px; padding-left:7px;}
.ny p.tx{ font-size:16px;}
.nav-ft{ margin-top:15px;}
.pro-more{ margin-top:21px;}
.input{ width:54%}
.ip{ width:79%; font-size:14px;}
.fs{ width:70px; font-size:15px;}
.tex{ width:94%; height:60px;}
.yz{ width:84px;}
.pro_show h1{ font-size:16px;}
.pro_show span.ly{ font-size:12px;}
.new_bt li{ padding-left:22%; width:77%}
.new_bt li a{ width:38%}
}
	
	
	
#AspNetPager1{ display:block; width:100%; overflow:hidden; margin-bottom:15px; margin-top:15px;text-align:center}
#AspNetPager1 a{ display:inline; padding:5px 8px 5px 8px; background:#F2F2F2; color:#252525;margin-left:3px; margin-right:3px;}
#AspNetPager1 .cpb  { color:red  }