@charset "utf-8";

/* css reset */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;font-family:arial}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#6a6a6a;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

/* css main page */

.g-mn{padding-top: 0px; max-width: 640px;margin:0 auto; min-width: 320px;}
.logo img,.banner img{ width:100%; max-width:640px;}
.menuline{width:25px; float:left; border-top:2px solid #000; border-bottom:2px solid #000; height:5px; margin-top:9px; position:relative}
.menuline:before{ content:''; position:absolute; top:13px; left:0px; height:2px;width:25px; background:#000}
.menulineon{
	
width:25px; float:left; border-top:2px solid #000; height:5px; margin-top:9px; position:relative
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg); margin-top:10px; border-color:#fff}
.menulineon:before{
	 content:''; position:absolute; top:13px; left:0px; height:2px;width:25px;
transform:rotate(90deg);
-ms-transform:rotate(90deg); 
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg); top:-2px; background:#fff
	
	
}

.nav{ width:100px; height:48px; float:right; text-align:center; height:100%; background:#000}
.nav  a{  width:100%; height:48px; line-height:48px; color:#fff; display:block; font-weight:100; font-size:12px;}
.nav  a:visited{color:#fff;}
.bytitle{ width:100%; float:left; margin:10px auto; text-align:center}
.bytitle span{ float:left; line-height:33px; padding-left:10px; color:#fff; font-weight:bold;}
.pro_list{ float:left; width:100%; text-align:center;}
.pro_list ul{width:100%; float:left}
.pro_list li{ float:left; width:50%; text-align:center; line-height:20px; margin-bottom:10px}
.pro_list li a{ color:#6a6a6a; display:block;}
.pro_list li img{ width:90%; height:auto;}
.about{ float:left; width:100%;}
.about dl{ width:100%;}
.about dt{ float:left; width:35%; padding-left:3%;}
.about dt img{ width:100%; max-width:214px;}
.about dd{ padding-right:3%; width:59%; float:left;}

.news{ width:100%; float:left;}
.news li{ width:100%; float:left; height:35px; line-height:35px; border-bottom:1px solid #d9d9d9; text-align:left;}
.news li a{ display:block; float:left; width:95%; height:35px; background:url(../images/inoc2.jpg) no-repeat 0 12px; padding-left:15px;}
.news li a span{ float:right; color:#a2a3a8;}	

.list_photo img{ max-width:640px; width:100%;}

.collapsible{width:100%; float:left;}
.collapsible h4{width:100%; float:left; background:#0195a1; color:#fff; height:30px; line-height:30px;}










/* -- page footer -- */

.footer_box{ width:100%; float:left;}
#footer {  width: 100%; display: block; background: #000; color: #fff; float:left}
.ulFooter { overflow: hidden; }
.ulFooter li { width: 25%; float: left; display: inline; overflow: hidden; }
.ulFooter li a { display: block; color: #fff; width:60%; text-align:center; margin:0 auto; padding:10px 0; font-size:12px;  }
.ulFooter li img{width:20px;}
.pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px;}
.pages span{ display:block; height:20px; float:left; line-height:19px;}
.pages .page,.pages .pageon{ border:1px solid #e5e5e5; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000}
.pages .page a:link,.pages .page a:visited{ color:#000; display:block;  height:100%; padding:0px 6px; float:left}
.pages .page a:hover,.pages .page a:active{ color:#fff; background:#2c2c2c}
.pages .pageon{color:#fff; background:#2c2c2c;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #e5e5e5; margin-right:10px;margin-left:10px;  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}