@media only screen and (min-width:320px){ 
  body{font-size:11.5px!important}.viewport{max-width:320px} 
} 
@media only screen and (min-width:360px){ 
  body{font-size:12.5px!important}.viewport{max-width:360px} 
} 
@media only screen and (min-width:480px){ 
  body{font-size:16px!important}.viewport{max-width:480px} 
}
@media only screen and (min-width:640px){ 
  body{font-size:20px!important}.viewport{max-width:640px} 
}
a{ color:#666; text-decoration:none;}
a:hover{ color:#333;}
img{ border:0px;}
ul,li,h1,p,h3{ margin:0px; padding:0px; list-style:none;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#666;
	text-align:center;
	font-family:"Microsoft YaHei";
}
.header{ width:100%; float:left; padding-top:15px; padding-bottom:15px;}
.header .logo{width:45%; float:left; text-align:center; padding-top:5px;}
.header .tel{ width:55%; float:left; text-align:center;}
.header .logo img{ width:95%;max-height:56px; max-width:236px;}
.header .tel img{ width:90%; max-height:56px;}
.menu{ width:100%; height:auto; float:left; background:#018BDC; line-height:55px; margin-bottom:1px; font-size:1.2em;}
.menu div{ width:16.66%; float:left; text-align:center; }
.menu div a{ color:#fff;}
.page{ width:100%;height:auto; float:left;padding-top:20px;}
.tit{ width:96%; height:40px; margin:0 auto; text-align:left;border-bottom:1px solid #ccc;}
.tit1{ width:25%; height:40px; float:left; line-height:40px; background:#008CD7; color:#fff; text-align:center;font-size:1.2em;}
.tit2{ width:75%;float:right;  line-height:40px; text-align:right; }
.about_content{ width:96%; height:auto; margin:0 auto; text-align:left; font:1.1em/2.0 "Microsoft Yahei"}

.product{ width:96%; height:auto; margin:0 auto; text-align:left;}
.product div{ width:46%; height:auto; float:left; padding-left:2%; padding-right:2%; margin-top:10px;}
.product div img{ width:99%; border:1px solid #ccc; float:left;}
.product div p{ width:99%; height:30px; float:left; background:#008CD9; text-align:center; color:#fff; line-height:30px}

.news{ width:96%; height:auto; margin:0 auto; text-align:left;}
.n_tit{ width:100%; height:auto; float:left; padding-top:10px;border-bottom:1px solid #C0D8E9;}
.n_tit1{ width:22%; height:auto; float:left; line-height:35px;font-size:1.2em;}
.n_tit1 a{ width:100%; height:auto; float:left;color:#333; text-align:center;}
.n_tit1 a.on{ width:100%; height:auto; float:left;color:#fff; text-align:center; background:#008CD9}
.n_tit1 a:hover{ width:100%; height:auto; float:left;color:#fff; text-align:center; background:#008CD9}
.n_tit2{ width:56%; height:auto; float:left; text-align:right; line-height:35px;}
.n_con{ width:100%;margin:2% auto;background:#fff; float:left;padding-bottom:90px;}
.n_con li{ position:relative;font:normal 1.15em/3 "Microsoft YaHei";color:#333;padding:0 0.5em 0 1.3em;margin:0.625em 0;border:1px solid #C0D8E9;border-radius:8px;background:url(../images/img_38.jpg) 97% center no-repeat #FFF;background-size:2.5%;}
.n_con li a{display:block;color:#666666;background-size:2.6% auto;padding-right:6%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_con li span{ position:absolute;left:0%;top:0%;width:2%;height:100%;background:#77baee;border-radius:8px 0 0 8px;display:block;}

.bot{position:fixed;bottom:0;width:100%;height:80px;line-height:23px;z-index:9999;_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background:#383836}
.bot div{ width:25%; float:left; padding-top:5px; text-align:center; color:#fff; padding-bottom:6px;}
.bot div a{ color:#fff;}