@charset "utf-8";
/* CSS Document */
#dituContent{ display:none;}
body{margin:0px; padding:0px; font:normal 92% Helvetica,STHeiti,Droid Sans Fallback; color:#3a3a3a; background:#FAFAFA}
A{
	TEXT-DECORATION: none; color:#3a3a3a
}
A:hover {
	COLOR: #ff6600
}
.clear{clear:both;}
.fl{ float:left}
.fr{ float:right}
img{border:0px;}

DIV,ul,li,h1,h2,p,dl,dt,dd{ margin:0; padding:0; list-style:none}

.main{width:100%; max-width:640px; margin:0 auto; position:relative;}

.logo{
	width:100%;
	line-height:60px;
	height:auto;
	overflow:hidden;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#1ABCD3), to(#1E7B88));
	font-size:1.5em;
	color:#FFF
	}
.logo1{ overflow:hidden;}
.anniu{ float:left; font-size:16px; color:#000; font-weight:bolder; margin-top:2px;}
.shuaxin{ float:left;}
.nav{
	width:100%; 
	background:#1E7B88;
	color:#1E7B88;
	overflow: hidden;
	}
.nav ul{
	width:101%
	}

.nav li{
	width:24.7%;
	float:left;
	height:35px;
	line-height:35px;
	text-align:center;
	margin-right:1px;
	margin-bottom:1px;
	}
.nav li a{
	display:block;
	color:#fff;
	background:#000;
	}
.nav li a:hover{
	background:#000;
	}

.about{
	width:100%;
	margin:0 auto;
	}

.about ul li{
	padding:10px;
	line-height:30px
	}
	.pro_type{float:right;margin-right:2%;border:1px solid #fff;border-radius: 20px 0px;text-align:center;background-color:#1e7b88;height:30px;padding:0 1%;}
	.pro_types li{
		color:#fff;
float: left;
border: 1px solid rgb(102, 181, 1);
border-radius: 40px 0px;
background-color:#1E7B88;
height: 20px;
line-height: 20px;
margin: 1% 1%;
width: 25%;
text-align: center;}
.pro_types li a{ color:#fff; font-weight:bolder;}



.about ul li{
	color:#fff;
	padding:10px;
	line-height:23px
	}
.title{
	padding-top:4px;
	height:34px;
	display:block;
	width:90%;
	padding-left:10%;
	
	font-size:1.1em;
	line-height:30px;
	
	background:url(images/index_9.png) no-repeat;
}

.more{border-radius:20px;
	width:44%;
  height: 33px; 
  line-height: 33px;
  margin: 0 auto;
  border:1px solid #efefef;
  background-color:#1e7b88;
  text-align: center;
  margin-top:5px;
  margin-bottom: 15px;
 
}
.more,.more a,.more span{
    color: #fff;
}
.more span{
  font-size: 1em;
}
.more .gochannel:after{
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: -5px;
  margin-left: 5px;
}
.more .gochannel:after{
  background-position: -63px 0;
}

.gochannel:after{
    background-image: url(images/icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size:119px 21px;
    -moz-background-size:119px 21px;
    -o-background-size:119px 21px;
    background-size:119px 21px;
}


.search{width:100%;height:50px;background:#1ABCD3;}
.searchmain{ padding:9px 4.6% 0;height:41px; width:90%;}
.search .fl{ width:100%; max-width:135px; margin-top:4px}
.searchtxt{ width:100%; float:left;height:28px;}
.textinput{width:80%; height:28px;border:1px solid #d2d2d2;box-shadow:0;float:left; line-height:28px; text-indent:10px; color:#000;background:#fff;border-radius:4px; float:left;
-moz-box-shadow:0px 3px 5px #a5a5a5 inset;
-webkit-box-shadow:0px 3px 5px #a5a5a5 inset;
box-shadow:0px 3px 5px #a5a5a5 inset;
font-size:14px;
}
.buttoninput{float:left;max-width:31px; width:20%; margin-left:8px;height:30px;display:block;margin-top:1px;}


.sort{
	width:95%;
	margin:0 auto; 
	color:#FFF;
	overflow: hidden;
	}
	
.sort ul li{
	margin:10px auto;
	height:50px;
	line-height:50px;
	text-align:left;
	border:1px solid #dfdfdf;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));
	background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0)
	}
	
.sort ul li a{
	display:block;
	line-height:50px;
	font-size:18px;
	padding-left:20px;
	font-weight:bolder;
	color:#5D5D5D;
	
	}

.sort ul li a:hover{
	background-color:#FCEADE;
	}


.product{
	width:100%;
	margin:0 auto;
	border-bottom:1px #CCC solid;
	box-shadow:0px 0px 3px 0px #999;
	margin-bottom:15px;
	}

.product ul{
    overflow: hidden;

}


.product ul li{ padding:2%; line-height:21px; text-align:center ;float:left; width:45%}
.product ul li div{ di/splay:block; width:97%;border:1px solid #1abcd3; float:left; padding:2px; text-align:center }
.product ul li img{ width:99%;border:1px solid #fff;float:left;}
.product ul p{width:60%; height:28px; line-height:28px;float:left; text-align:center; color:#fff; background:#1e7b88; margin-top:9px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;border-radius:20px; margin-left:20%;}



.news{
	width:100%;
	margin:0 auto;
	}
	
.news ul{
	width:100%;
	margin:0 auto;
	
	}	
.news li{
	width:100%;
	border-bottom: 1px solid #eceef0;
    box-shadow: 0 1px 1px #FFFFFF;
	height:40px;
	line-height:36px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #F1F1F1));

}
.news li a{
	display:block;
	margin:0 auto;
	width:95%;
	background:url(images/news_ico.gif) no-repeat right center;
	background-size:36px 36px;
	}


	
.line{
	background:#1e7b88;
	height:4px;
	}
.foot{
	background:#f6f5f5;
	margin-top:10px;
	height:100px;
	line-height:30px;
	text-align:center
	}


				
#bottom{
	position:fixed;
	width:100%;
	height:45px;
	left:0;
	bottom:0;
	border-top:#fff solid 2px;
	background:#1e7b88	
	}

#bottom ul{
	height:45px;
	line-height:45px
	}

#bottom ul li{
	width:25%;
	float:left;
	color:#FFF
	}

#bottom ul li dl{
	width:auto;
	margin:0 auto;
	text-align:center
	}

#bottom ul li dt{width:auto;height:30px;overflow:hidden; background-size:25px 25px;}
#bottom ul li dd{width:auto;height:20px; font-size:0.8em; color:#fff;line-height:20px;}

.content{
	padding:10px;
	line-height:30px;
	}
.content p img{
	max-width:100%;	
	}
.content p span img{
	max-width:100%;	
	}
.content h2{
	margin: 0 auto;
	width:70%;
	margin-bottom:10px;
	border-radius:20px;
	background:#1e7b88;
	text-align:center;
	font-size:1.1em;
	color:#fff;	
	}
.content .img{
	
	text-align:center
	
	}

.time{
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:0.9em;
	}

.prenext{
	width:90%;
	height:50px;
	margin:10px auto
	}

	
.prenext ul li{
	border-radius:30px;
	float:left;
	width:49%;
	height:36px;
	line-height:36px;
	background:#1E7B88;
	text-align:center;
	border:1px #CCCCCC solid
	}
	
 /* Banner */
 
.swipe{width:100%;overflow:hidden;position:relative; text-align:center}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe li img{ width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#418C09;}


#product_nav{width:100%; text-align:center}
#product_nav a{width:40px;height:5px;background:#b5b5b5;margin:10px 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
#product_nav a.active{background:#418C09;}

#btn_prev,#btn_next{width:25px;height:50px;position:absolute;top:35%;background:url(images/sprite.png) no-repeat 0 0;cursor:pointer; opacity:0.2;-moz-opacity:0.2;-khtml-opacity:0.2;filter:alpha(Opacity=20);}
#btn_prev{left:0;}
#btn_next{right:0;background-position:right top;}
	
/*留言栏目*/	

.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:90%;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:90%;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.msg_btn_area {
	margin: 5px auto;
	text-align: right;
	padding-right: 1%
}
.msg_btn_area a {
	display: inline-block;
	padding: 5px 15px;
	background: #0b7074;
	color: #fff;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
}
.msg_btn_area a:hover{text-decoration:none;background:#0b7074;}

.sousuo{ overflow:hidden;}
.sousuo1{ float:left;}
.fenxiang{ float:right; margin-top:3px;}


.flc{ color:#0c4089; font-size:16px;; height:33px; line-height:33px; color:#1E7B88; width:97%; clear:both; display:inline-block;background:url(images/index_9.png) no-repeat; background-size:100% 100%; padding:0 0 0 3%;font-weight:bolder;}
.flc a{color:#1E7B88; margin-left:10px; font-weight:bolder;}
.flc a:hover{color:#0b7074;}
.message_xxk {
	width: 50%;
	margin: 10px 1% 10px 0;
	float: right
}
.message_xxk ul li {
	 border-radius:20px;
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	background: #ccc;
	color: #FFF;
	text-align: center
}
.message_xxk ul li.on {
	
	background:#0b7074;
}


.show_titie {
	width: 100%;
	height: 50px;
	background:#1E7B88;
	
}
.show_back {
	border-top:#072d32 2px solid;
	border-bottom:#072d32 2px solid;  
	float: left;
	background:#10555f;
	width: 18%;
	height: 30px;
	margin-top: 10px;
	margin-left: 2%;
	line-height: 30px;
	text-align: center;
	border-radius: 10px
}
.show_back a {
	display: block;
	color: #FFF;
	font-size: 1.1em
}
.show_biaoti {
	float: left;
	width: 60%;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	font-size: 1.1em
}
.show_zihao {
	border-top:#072d32 2px solid;
	border-bottom:#072d32 2px solid; 
	position: relative;
	float: left;
	background: #10555f;
	width: 18%;
	height: 30px;
	margin-top: 10px;
	margin-right: 2%;
	line-height: 30px;
	text-align: center;
	border-radius: 10px;
	color: #FFF;
	font-size: 1.1em
}
.show_zihao ul {
	position: absolute;
	width: 100%;
	display: none
}
.show_zihao ul li {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background:#1E7B88;
	color: #FFF
}
.show_zihao_on {
	background: #f00;
	color: #fff
}
.show_zihao ul li:nth-child(1) {
	font-size: 0.9em
}
.show_zihao ul li:nth-child(2) {
	font-size: 1em
}
.show_zihao ul li:nth-child(3) {
	font-size: 1.1em
}
.show_zihao ul li:hover{ color:#000;}
.show_zihao_sanjiao {
	display: none;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #028DC4;
}
.yangshi{ overflow:hidden;}
.yangshi1{ float:left;}


#pro li {
    float: left;
    display: block;
    padding: 2%;
    line-height: 21px;
    text-align: center;
    width: 46%;
}
#pro li div {
    display: block;
    width: 100%;
    border: 1px solid #1E7B88;
    float: left;
    padding: 2px;
    text-align: center;
    overflow: hidden;
}
#pro li img {
    width: 100%;
    border: 1px solid #41d0cb;
    float: left;
}
#pro p {
	border-radius:10px;
    width:100%;
    height: 28px;
    line-height: 28px;
    float: left;
    text-align: center;
    color: #FFF;
    background: #1E7B88;
    margin-top: 9px;
   }
   .message_xxk {
	width: 50%;
	margin: 10px 1% 10px 0;
	float: right
}
.message_xxk ul li {
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	background: #1E7B88;
	color: #FFF;
	text-align: center
}
.message_xxk ul li.on {
	background: #07595c;
}
.show_message_title {
	width: 98%;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	background: #9a9a9a;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
}
.show_message {
	width: 94%;
	height: auto;
	margin: 5px auto;
	padding: 2%;
	border: 1px #ccc solid;
	line-height: 30px;
	display: none
}
.show_message .liuyanren {
	float: left;
	font-size: 12px;
}
.show_message .time {
	float: right;
	margin-right: 20px;
	width: 200px
}
.show_message span {
	float: left;
	font-size: 12px;
	font-weight: bolder
}
.show_message .huifu {
	font-size: 12px;
	color: #F00;
}
.msgtitle {
	padding-bottom: 5px;
	text-align:center;
	font-size: 1em;
	font-weight: bold;
	margin-top: 15px;
}
.message_block {
	color: #666;
}
.message_block p {
	padding: 12px;
}
.msg_input {
	width: 82%;
	border: 1px solid #e0e0e0;
	padding: 8px 9px;
	background: #fdfdfd;
	font-size: 13px;
	color: #888;
	border-radius: 2px;
}
.msg_input_on {
	width: 92%;
	border: 1px solid #8cd1ff;
	background: #f1f9ff;
	padding: 8px 9px;
	border-radius: 2px;
	font-size: 13px;
	color: #888;
}
.message_labes {
	font-size: 14px;
}
.message_title {
	height: 34px;
	line-height: 34px;
	background: #f6f9fb;
	padding: 0 12px;
}
.message_title h2 {
	color: #376b88;
	font-size: 14px;
	float: left;
}
.message_title span {
	float: right;
	font-weight: bold;
	color: #999;
}
.message_info {
	color: #8ea6b6;
	text-align: right;
}
.msg_btn_area {
	margin: 5px auto;
	text-align: right;
	padding-right: 1%
}
.msg_btn_area a {
	 border-radius:20px;
	display: inline-block;
	padding: 5px 15px;
	background:#1E7B88;
	color: #fff;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
}