@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0; }
body {color: #000; margin:0px; padding:0px;  font: normal 100%;font-family:"微软雅黑";}
a{ color:#333; text-decoration:none;}
a:active, a:hover{ color: #333; text-decoration:none;}
:focus{out`line:0}
img { border:0; vertical-align:middle; max-width: 100%;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,dl {list-style:none;}
li{ list-style:none;}
input,button{ vertical-align:middle;}
.clear{display:block;height:0;clear:both;content:"";overflow:hidden;visibility:hidden;}
p{ margin:0; padding:0;}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
border:none;
}


/*~~~~~~~~~~~common~~~~~~~~~~~~~~*/
#wrap{max-width:640px;min-width:320px;margin:0 auto;overflow:hidden;padding-bottom: 60px;}
.logo{width:100%;overflow: hidden;text-align: center;}
.logo img{max-width: 100%;}
#nav{width:100%;background-color: #169063;}
#nav ul{list-style-type: none;overflow: hidden;width:100%;}
#nav li{float: left;width:24.83%;line-height: 344%;border-right:solid 1px #39c290;border-bottom: solid 1px #097644;text-align: center;}
#nav li a{font-size:18px;font-family:"微软雅黑";color:#ffffff;}
#nav li:nth-of-type(1n+5){border-top: solid 2px #39c290;}
#nav li:nth-of-type(1n+5){border-bottom: none;}
#nav li:nth-of-type(1n+8){border-right:none;}
#nav li:nth-of-type(0n+4){border-right:none;}
/*~~~~~~~~~~~about~~~~~~~~~~~~~~~*/
.back{margin-top: 3px;text-align: center;width: 100%;height:45px;background-image: url(../images/bg_03.gif);border-radius: 5px;}
.back p{font-size: 20px;color:#169063;padding-left: 12%;line-height: 200%;letter-spacing: 2px;}
.back p a{float: right;margin-top: 1%;margin-right: 2%;}
#nav2{width:100%;overflow: hidden;text-align: center;margin-top: 20px;margin-bottom: 20px;}
#nav2 li{float:left;text-align: center;width:22%;margin-left: 2%;border:solid 1px #999999;border-radius: 5px;margin-bottom: 10px;}
#nav2 li a{text-decoration: none;display: block;font-size: 16px;color:#999999;line-height: 240%;}
#nav2 li.active a{background-color:#009966;color:#fff;}
#content{width: 98%;margin:auto;margin-bottom: 50px;}
#content #con_word{width: 96%;margin:auto;padding-bottom: 20px;}
#con_word p{font-size: 14px;color:#666666;line-height: 200%;font-weight: bold;}
/*~~~~~~~~~index~~~~~~~~~~~~~*/
.pro_cen{height:327px;margin-top: 20px;}
.pro_cen ul li{width:40%;border:solid 2px #0c9764;text-align: center;float:left;margin-left:6%;margin-bottom:20px;background-color: #f7f7f7;}
.pro_cen ul li .pic{display: table-cell;vertical-align: middle;text-align: center;position: relative;width:100%;height:248px;overflow:hidden;padding: 5px;}
.pro_cen ul li img{display: block;max-width: 80%;max-height: 100%;margin:auto;}
.pro_cen ul li p{width:100%;height: 65px;line-height: 340%;overflow: hidden;color: #ffffff;font-size: 18px;background-color: #0c9764;}
.more{width:100%;margin:0 auto;margin-bottom: 25px;margin-top: 10px;}
.more img{max-width:100%;}
.phone{width:100%;background-size:100% auto;background-repeat: no-repeat;background-image: url(../images/pic3_03.png);text-align: center;padding-top: 7%;border-radius: 5px;}
.phone a{display: block;text-decoration: none;font-size: 20px;color:#ffe100;font-weight: bold;overflow: hidden;}
.phone a img{margin-right: 2%;}
#link{width:100%;height: 127px;background-size:100% auto;background-repeat: no-repeat;background-image: url(../images/pic6_03.png);text-align: center;overflow: hidden;margin-top: 4%;}
#link p{font-size: 24px;color: #e4ec05;line-height: 160%;font-weight: bold;letter-spacing: 3px;}
#links{padding:10px;}
#foot{display: table-cell;height:138px;width:640px;background-color: #f2f2f2;vertical-align: middle;text-align: center;}
#foot p{font-size: 14px;color: #666666;font-weight: bold;line-height: 200%;}
/*~~~~~~~~~contact~~~~~~~~~~~~~*/
#content #guestbook{margin:auto;font-size: 16px;color: #696969;}
#gusetbook .t1{width:25%;}
#guestbook .t2{width: 75%;}
/*~~~~~~~~~newsdetail~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~newslist~~~~~~~~~~~~~~~*/
#content .con_word{width: 96%;margin:auto;padding: 10px;background-color: #e9f2ee;}
.con_word p{font-size: 14px;color:#666666;line-height: 180%;}
/*~~~~~~~~~~~~~~~prodetail~~~~~~~~~~~~~~~*/
#content #product{text-align: center;border-bottom:solid 1px #009966;border-top:solid 1px #009966;}
#product .pro_pic{padding:10px;}
#product p{font-size: 18px;color:#009966;line-height: 300%;background-color: #e5f5ef;font-weight: bold;}
.con_word p{font-size: 14px;color:#333333;line-height: 200%;}
/*~~~~~~~~~~~~~~~~~~gbook~~~~~~~~~~~~~~~~~~~~*/
.page{width: 100%;height:50px;text-align: center;}
.page ul{text-align: center;padding:15px;}
.page a{text-decoration: none;display: inline-block;font-size: 14px;padding:2px 8px 2px 8px;color:#999999;background-color: #fff;border:solid 1px #999999;border-radius: 5px;margin-left: 2px;margin-bottom: 4px;}




/*底部固定工具条*/
#tool{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:900;
	-webkit-tap-highlight-color:rgba(0,0,0,0,);
}
#tool .toollist{
	position:fixed;
	z-index:900;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display: block;
	height:60px;
}
.toollist li{
	float:left;height:100%;width:25%;position:static!important;margin:0;
	border-radius:0!important;webkit-box-sizing: border-box;box-sizing: border-box; 
	-webkit-box-flex: 1; box-flex: 1;-webkit-box-sizing: border-box; 
	box-shadow: none!important; background: none;padding-top:10px;
}
.toollist li a{
	font-size:20px;
	line-height: 20px;
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top: 2px;
	position: relative;
}
.toollist a img{
	width:24px;
	height: 24px;
}
.toollist li a p{
	margin:1px 0 1px 0;
	font-size: 14px;
	display: block !important;line-height: 18px;text-align: center;
}
/*绿色主题*/
.toollist {
  background-image:-o-linear-gradient(top,  #0c9764,  #0c9764);
  background-image:-ms-linear-gradient(top,  #0c9764,  #0c9764);
  background-image:-moz-linear-gradient(top,  #0c9764,  #0c9764);
  background-image:-webkit-linear-gradient(top, #0c9764,  #0c9764);
  background-image:linear-gradient(top,  #0c9764,  #0c9764);
  -moz-box-shadow: 0 1px 0 #ba6c00 inset;-webkit-box-shadow: 0 1px 0 #00122b inset; 
  -o-box-shadow: 0 1px 0 #ba6c00 inset;box-shadow: 0 1px 0 #00122b inset;
}
.toollist li{ border-left: 1px solid #39bc8b;}
.toollist li{ border-right: 1px solid #097644;}
.toollist li a {color: #fff6ab;}



/*form表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
input{  -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
  background-color: #FFFFFF;  border: 1px solid #7c451b;  margin: 3px 0px;
  padding: 5px 3px; width:90%;  line-height: normal;
}
textarea{ -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;border-radius:5px; 
-moz-box-sizing: border-box;  background-color: #FFFFFF;  border: 1px solid #7c451b;
margin: 3px 0px;padding: 5px 3px; width:90%;
}
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
/**/
.btn{ width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;
  -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
  background-color:#009966;border:1px solid #7c451b; color:#feeac0; display:block; text-align:center; 
  background-image:-o-linear-gradient(bottom, #7c451b 0%, #7c451b 100%);
  background-image:-moz-linear-gradient(bottom, #7c451b 0%, #7c451b 100%);
  background-image:-webkit-linear-gradient(bottom, #7c451b 0%, #7c451b 100%);
  background-image:-ms-linear-gradient(bottom, #7c451b 0%, #7c451b 100%);
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #009966),color-stop(1, #009966));
  background-image:linear-gradient(bottom,  #7c451b 0%, #7c451b 100%);
}




/* 判断 */
@media screen and (min-width:520px) and (max-width:640px){
	#nav li{width:24.8%;}
	.pro_cen ul li p{width:100%;height: 55px;line-height: 340%;overflow: hidden;color: #ffffff;font-size: 17px;background-color: #0c9764;}
	.pro_cen ul li .pic{display: table-cell;vertical-align: middle;text-align: center;position: relative;width:100%;height:230px;overflow:hidden;padding-left:0%;}
	.back{text-align: center;width: 100%;height:40px;background-color: #fdfdfd;}
	.back p{font-size: 20px;color:#169063;padding-left: 12%;line-height: 200%;}
	.back p a{float: right;margin-top: 1%;margin-right: 2%;}
	.phone a img{width:35px;}
	.phone a{display: block;text-decoration: none;font-size: 20px;font-weight: bold;
	overflow: hidden;}
	#link p{font-size: 22px;color: #e4ec05;line-height: 160%;font-weight: bold;}
}


@media screen and (min-width:420px) and (max-width:520px){
	#nav li{width:24.7%;}
	.pro_cen ul li p{width:100%;height: 38px;line-height: 310%;overflow: hidden;color: #ffffff;font-size: 13px;background-color: #0c9764;}
	.pro_cen ul li .pic{display: table-cell;vertical-align: middle;text-align: center;position: relative;width:100%;height:190px;overflow:hidden;padding-left:0%;}
	.back{text-align: center;width: 100%;height:35px;background-color: #fdfdfd;}
	.back p{font-size: 18px;color:#169063;padding-left: 17%;line-height: 190%;}
	.back p a{float: right;margin-top: 1.6%;margin-right: 1%;}
	.back img{width: 65%;}
	#nav2 li a{text-decoration: none;display: block;font-size: 14px;color:#999999;line-height: 230%;}
	#link p{font-size: 20px;color: #e4ec05;line-height: 130%;font-weight: bold;}
	.phone a img{width:33px;}
	.phone a{display: block;text-decoration: none;font-size: 18px;font-weight: bold;
	overflow: hidden;}
}


@media screen and (min-width:320px) and (max-width:420px){
	#nav li{width:24.5%;}
	#nav li a{font-size:15px;color:#ffffff;}
	.pro_cen ul li p{width:100%;height: 33px;line-height: 130%;overflow: hidden;color: #ffffff;font-size: 13px;background-color: #0c9764;padding-top: 10px;}
	.pro_cen ul li .pic{display: table-cell;vertical-align: middle;text-align: center;position: relative;width:100%;height:150px;overflow:hidden;padding-left:0%;}
	.back{text-align: center;width: 100%;height:30px;background-color: #fdfdfd;}
	.back p{font-size: 16px;color:#169063;padding-left: 20%;line-height: 200%;}
	.back p a{float: right;margin-top: 2%;margin-right: 1%;}
	.back img{width: 65%;}
	#nav2 li{float:left;text-align: center;width:23%;margin-left: 1%;border:solid 1px #999999;border-radius: 5px;}
	#nav2 li a{text-decoration: none;display: block;font-size: 12px;color:#999999;line-height: 240%;}
	#con_word h3{font-size: 16px;}
	.phone a img{width:23px;}
	.phone a{display: block;text-decoration: none;font-size: 15px;font-weight: bold;overflow: hidden;}
	#link p{font-size: 15px;color: #e4ec05;line-height: 140%;font-weight: bold;}
	#foot p{font-size: 12px;color: #666666;font-weight: bold;line-height: 200%;}
	#con_word h3{font-size: 16px;}
	#con_word h3{font-size: 16px;}
}