@CHARSET"UTF-8";
*{margin:0px; padding:0px;}
body {margin: 0px auto; font-family: 宋体, "Times New Roman", Georgia, Serif; width:100%; font-size:100%; background-color:#336633; }
img{border:none; max-width:100%;}
a {text-decoration: none;}
ul,li{list-style: none;}
h1{font-size:1.375rem;}
h2{font-size:1.25rem; clear:both;}
h3{font-size:1.25rem;}
h4{font-szie:1rem;}
h5{font-size:1rem;}
a:link{color:#00923F;}
a:visited{color:#00923F;} 
a:hover{color:#333333; font-weight:bold;}
a:active{color:#003300;}
/*顶部及导航栏*/
#header{width:84%;padding:0px 7%; font-size:1rem; font-weight:bold;}	
#logo{float:left; width:35%; height:60px;}
#logo img{max-width:100%; width:auto; height:60px;}
#nav{float:right; width:65%; margin-top:30px;}
#nav ul{width:100%; height:24px; line-height:24px;}
#nav ul li{float:right; width:16.3%; display:block; text-align:center; border-right:solid 1px #F1FBD2;}
#nav ul li a{display:block;}
#nav a:link{color:#DFF0AC;}
#nav a:visited{color:#DFF0AC;} 
#nav a:hover{color:#00923F; background-color:#DFF0AC;}
#nav a:active{color:#FFF;}
/*中部样式之背景全屏内容不全屏框架大盒子*/
#main{clear:both; width:86%; padding:0px 7%; color:#333333;background-color:#FFFFFF; background-image:url(../images/bg3.jpg);
background-repeat:repeat-y; background-position:29%;}
#mainone{clear:both; width:86%; padding:0px 7%; color:#333333;background-color:#FFF;overflow:auto; zoom:1;}
/*中部两栏样式左边导航*/
#subnav{float:left; width:22%;padding:0px 3% 20px 0px; font-size:0.875rem; }
/*中部两栏样式右边大盒子*/
#rightbox{float:right; width:71%;padding:0px 0px 20px 3%; font-size:0.875rem; }
/*版块内容*/
/*首页中部内容*/
.welindex{width:48%; height:250px; margin:14px 1%; float:left; background-image:url(../images/hb3.jpg);
background-repeat:no-repeat; background-position:40% 100%;} 
.newindex{width:45%; margin:14px 0% 14px 5%; float:left;} 
.techindex{width:45%; margin:14px 5% 14px 0%; float:left;}
.phoindex{width:45%; margin:14px 0% 14px 5%; float:left;} 
.rightphoto{clear:both; width:99%; height:210px; margin:18px 0.5%; overflow-y:scroll;}
/*中部一栏新闻详细内容*/
.contitle{width:90%;clear:both; padding:30px 5% 0px; text-align:center; line-height:1.5; }
.contitle span{margin:0px 2px; font-size:0.75rem; color:#999999;}
.content{width:90%; padding:30px 5%; margin:0px auto; line-height:2.5; text-indent:2em; font-size:1rem;}
/*中部产品内容两栏需浮动样式*/
.protext{float:left; width:48%; padding:18px 1%; line-height:2.5;}
.prophoto{float:left; width:48%; padding:18px 1% 38px; text-align:center; }
/*错误页面*/
#errorcont{ width:86%; padding:50px 7% 100px; color:#333333;font-size:1rem; background-color:#DFF0AC;}
/*底部样式*/
#footer{clear:both; width:80%; padding:10px 10% 10px;background-color:#336633; color:#DFF0AC; text-align:center; line-height:2;font-size:0.75rem;}
#footer a:link{color:#DFF0AC;}
#footer a:visited{color:#DFF0AC;} 
#footer a:hover{color:#00923F;}
#footer a:active{color:#FFF;}
/*全站类*/
/*浮动*/
.clear{clear:both;}
.floatleft{float:left; margin-left:0%; margin-top:6px;}
.floatright{float:right; margin-right:1%; margin-top:6px;}
/*中部底部按钮样式*/
.contlistbutton{text-align:center; margin:20px auto 10px; font-size:0.75rem; font-weight:bold;}
.cenbutton{margin:10px auto; text-align:center; width:75px; height:25px; line-height:25px; display:block; color:#336633;font-size:0.875rem;font-weight:bold; background-color:#F1FBD2;border:solid 2px #DFF0AC;}
.leftbutton{float:left; margin:10px 10px; text-align:center; width:75px; height:25px; line-height:25px; display:block; color:#336633;font-size:0.875rem;font-weight:bold; background-color:#F1FBD2;border:solid 2px #DFF0AC;}
.rigbutton{float:right; margin:0px 6% 30px 0px;text-align:center; width:75px; height:25px; line-height:25px; display:block; color:#336633;font-size:0.875rem;font-weight:bold; background-color:#F1FBD2;border:solid 2px #DFF0AC;}
/*版块标题*/
.conttop{clear:both;  width:98%; background-color:#FFF;padding:18px 1% 8px; color:#00923F; border-bottom:solid 3px #DFF0AC; white-space:nowrap;}
.listtop{clear:both; margin:18px 0% 8px; color:#00923F; height:35px; line-height:35px;border-bottom:solid 1px #DFF0AC;
background-image:url(../images/more1.png); background-repeat:no-repeat; background-position:98% 50%;}
/*左侧边导航父类别*/
.pclass{padding-top:16px; height:30px; line-height:30px; display:block; text-align:center; border-bottom:1px solid #DFF0AC;}
/*左侧边导航子类别*/
.cclass{float:left; margin:3%; height:30px;line-height:30px; width:44%; display:block; text-align:center; font-size:1rem; background-color:#F1FBD2;DFF0AC;}
/*右边段落内容区*/
.rightcont{clear:both; width:98%; padding:18px 1%; line-height:2.5; text-indent:2em;}
/*右边图片和列表内容区*/
.rightlist{clear:both; width:98%; padding:18px 1%; }
.rightlist ul{width:100%;}
.rightlist ul li{ height:20px; padding-top:16px; text-indent:0.5rem; background-image:url(../images/button2.png); 
background-repeat:no-repeat;  background-position:0px 22px; border-bottom:1px dashed #DFF0AC;}
.rightlist li a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%; display:inline-block;}
.rightlist li span{float:right; text-align:right;}
.rightlist li a:link{color:#333333;}
.rightlist li a:visited{color:#999999;} 
.rightlist li a:hover{color:#00923F; font-weight:bold;}
.rightlist li a:active{color:#003300;}
/*右边列表区单个产品图片*/
.productimg{width:30.5%; margin:10px 1% 10px; float:left; text-align:center; border:1px solid #DFF0AC;}
.productimg h3{font-size:1rem; padding:8px 0 8px;}
.productimg a:link{color:#333333;}
.productimg a:visited{color:#999999;} 
.productimg a:hover{color:#00923F; font-weight:bold;}
.productimg a:active{color:#003300;}
/*自适应样式*/
@media screen and (max-width:1024px){
 #header{width:94%; padding:0 3%;}	
 #main {width:94%; padding:0px 3%;background-position:27% 0px;}
 #mainone{width:94%; padding:0px 3%;}
 #footer{width:94%; padding:20px 3% 30px;}
 .rightphoto{height:190px;}
 .productimg h3{font-size:0.875rem;}
}
@media screen and (max-width:960px){
 #header{width:94%; padding:0 3%;}	
 #main {width:94%; padding:0px 3%; font-size:1rem; background-position:34% 0px;}
 #mainone {width:94%; padding:0px 3%; font-size:1rem;}
 .content{width:98%; padding:30px 1%;}
 .contitle{width:98%; padding:30px 1% 0px;}
 .welindex{width:100%; margin:0px auto; float:none;}
 .phoindex{width:100%; margin:0px auto; float:none;}
 .newindex{width:100%; margin:0px auto; float:none;}
 .techindex{width:100%; margin:0px auto; float:none;}
 #subnav{width:30%;}
 #rightbox{width:64%;}
 #footer{width:94%; padding:20px 3% 30px;}	
 .rightphoto{height:320px; }
}
@media screen and (max-width:720px){
 #logo{width:100%; float:none;}	
 #nav{width:100%; float:none; margin-bottom:6px; margin-top:0px;}
 .protext{float:none; width:98%;}
 .prophoto{float:none; width:98%;}
 .rightphoto{height:380px;}	
 .productimg{width:47%;}
 .cclass{float:none; width:94%;}
}
@media screen and (max-width:540px){
 #nav{margin-bottom:0px;}
 #nav ul{height:70.4px; line-height:2.2;}
 #nav ul li{float:right; width:33%; margin:0; border-right:none;}
 .contitle{text-align:left;}	
 .rightlist li span{display:none;}
 .rightlist li a{width:90%;}
 .rightphoto{height:540px;}
 .productimg{width:97%; float:none;}
}
@media screen and (max-width:360px){
#main{background-image:none; }
 #subnav{width:100%;float:none;padding:0px 0px 20px 0;}
 .cclass{float:left; width:44%;}
 #rightbox{width:100%;float:none;clear:both;padding:0px 0px 20px 0; min-height:80px;}
 .contitle{text-align:left;}
 .rightphoto{height:360px;}	
 #footer{width:98%; padding:20px 1% 30px;}
}