/* Style Reset */
body,p,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
.clear {clear:both;width:100%;}
/* top */
.topbg{width:100%;background:url(../images/topbg.jpg) 0 0 repeat-x;background-size:36px 100%;position:relative;}
.logo{display:block;width:70.78125%;margin-left:3.90625%;padding:20px 0 28px;}
.logo img{display:block;width:100%;}
.navbtn{position:absolute;right:0;top:16px;width:62px;height:37px;background:#217628;border-bottom:1px solid #5bb04b;border-bottom-left-radius:4px;border-top-left-radius:4px;font:18px/37px '΢ÈíÑźÚ';color:#c9ffa9;text-shadow:1px 1px 1px #114a16;text-align:center;}
.bannerpic{width:100%;display:block;}
/* nav */
.nav{width:240px;height:300%;position:fixed;right:-240px;top:0;padding-top:20px;background:url(../images/navbg.jpg) 0 0 repeat-y #eef6d3;}
.nav li{width:100%;line-height:53px;border-bottom:1px solid #fbffec;background:url(../images/icons3.jpg) 19px 16px no-repeat;margin:0 auto;}
.nav li ul{border-top:1px solid #fff;border-bottom:1px solid #dee6c1;background:none;width:220px;margin:0 auto;}
.nav li li{border:0;line-height:42px;background:none;}
.nav li li a{display:block;width:100%;text-indent:74px;height:42px;border:0;font:14px/42px '΢ÈíÑźÚ';color:#264a2c;border-bottom:1px dotted #aeb49a;}
.nav li a{display:block;width:100%;height:52px;border-bottom:1px solid #dee6c1;text-indent:57px;font:16px/52px '΢ÈíÑźÚ';color:#264a2c;}
.clicked{}
/* content */
.content{width:100%;background:url(../images/bg.jpg) 0 0 no-repeat;background-size:100% 100%;}
.openbg{width:93.125%;margin:0 auto;border:1px solid rgba(57,138,18,.4);border-radius:8px;padding:2px;background:rgba(0,0,0,.4);margin-bottom:2%;}
.open{padding:2% 0;border:2px dashed #bfbfbf;border-radius:8px;}
.productbox{width:100%;}
.productbox li{width:33.333%;float:left;}
.productbox li div{width:82.159677%;padding:4% 2%;margin:8px auto;background:#f3f3f3;}
.productbox li div img{display:block;width:80px;height:80px;margin:0 auto;}
.pictitle{display:block;width:92%;margin:0 auto;text-align:center;color:#0a1d01;background:#ccdea9;font:14px/24px '΢ÈíÑźÚ';}
.lookmore{width:91.764%;height:34px;margin:2% auto;display:block;border-radius:4px;background:#7fdc4c;box-shadow:0 0 15px #bcf89c inset;text-indent:40%;font:16px/34px '΢ÈíÑźÚ';color:#217528;text-shadow:1px 1px 1px #bbff96;}
.lookmore p{width:100%;height:100%;background:url(../images/icons1.jpg) 30% center no-repeat;}
.knowtitle{width:100%;height:36px;}
.knowtitle p{float:left;width:35.29%;height:36px;background:url(../images/border1.jpg) 0 center repeat-x;}
.knowtitle div{width:29.42%;float:left;height:36px;background:url(../images/icons2.png) 5% center no-repeat;font:18px/36px '΢ÈíÑźÚ';text-indent:11%;text-shadow:1px 1px 1px #3c492f;color:#d7ff8b;}
.newsul{width:98%;margin:0 1%;}
.newsul li{width:100%;height:42px;background:url(../images/border2.png) 0 bottom repeat-x;font:14px/40px '΢ÈíÑźÚ';}
.newsul li a{display:block;width:92%;margin:0 auto;height:40px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.caseul{width:100%;padding-top:3%;}
.caseul li{width:50%;float:left;}
.picborder{display:block;width:86.8687%;margin:0 auto;padding:1px;border:1px solid #48613a;background:#1f300c;border-radius:3px;overflow:hidden;}
.picborder img{display:block;width:100%;border-radius:3px;}
.imgtitle{display:block;width:86.8687%;margin:0 auto;font:14px/36px '΢ÈíÑźÚ';text-align:center;color:#e2efe0;}
/* foot */
.footnav{width:100%;font:18px/34px '΢ÈíÑźÚ';color:#f2fef0;text-align:center;}
.footnav a{color:#f2fef0;}
.footnav span{margin:0 2%;}
.support{width:100%;font:14px/24px '΢ÈíÑźÚ';color:#f2fff1;text-align:center;margin-bottom:3%;}
.support a{color:#f2fff1;margin:0 3px;}
.foot{width:100%;height:auto;position:relative;}
.footbg{display:block;width:100%;}
.footlink{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;}
.footcenter{float:left;width:43.4375%;height:100%;}
.linkwidth{display:block;width:28.28125%;float:left;height:100%;}
.footcenter a{display:block;width:33.33333%;float:left;height:100%;}
.search{position:absolute;z-index:19;top:-30px;height:42px;width:93.75%;left:3.125%;background:#fff;border:1px solid #679918;box-shadow:0 3px 4px #c6c6c6 inset;border-radius:10px;overflow:hidden;display:none;}
.text{float:left;width:70%;height:42px;border:0;font:16px/42px '΢ÈíÑźÚ';color:#b3cba6;text-indent:1em;background:none;}
.button{float:left;width:20%;background:url(../images/searchbtn.jpg) center center no-repeat;height:42px;border:0;background-size:27px;}
/* subpage */
.subbg{width:100%;background:url(../images/subbg.jpg) 0 0 no-repeat;padding-top:5%;background-size:100% 100%;}
.subopenbg{width:93.125%;margin:0 auto;border:1px solid #398a12;border-radius:8px;padding:2px;background:#fff;margin-bottom:2%;position:relative;}
.subopen{padding:60px 0 2%;border:2px dashed #d6eb90;border-radius:8px;}
.backhome{display:block;width:120px;height:42px;position:absolute;left:-7px;top:15px;z-index:9;background:url(../images/backhome.png) 0 0 no-repeat;background-size:100% 100%;font:14px/42px '΢ÈíÑźÚ';text-indent:45px;color:#549e35;}
.about{width:92%;margin:0 auto;font:14px/180% '΢ÈíÑźÚ';color:#4d694b;}
.classbtn{position:absolute;width:100%;z-index:2;top:15px;height:42px;background:url(../images/classbtn.jpg) 40% center no-repeat;text-indent:50%;font:18px/42px '΢ÈíÑźÚ';color:#2a8734;background-size:30px;}
.class{width:90%;left:5%;border:1px solid #388f34;background:#f0f6db;top:56px;z-index:3;position:absolute;display:none;}
.class li{width:100%;height:38px;background:url(../images/border3.jpg) 0 bottom repeat-x;}
.class li a{display:block;width:100%;height:36px;background:url(../images/icons4.jpg) 90% center no-repeat;color:#42572e;text-indent:16px;}
.class li a p{width:88%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:16px/36px '΢ÈíÑźÚ';}
/* newsul2 */
.newsul2{width:98%;margin:0 1%;}
.newsul2 li{width:100%;height:42px;background:url(../images/border2.png) 0 bottom repeat-x;font:14px/40px '΢ÈíÑźÚ';}
.newsul2 li a{display:block;width:92%;margin:0 auto;height:40px;color:#4d694b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* pages */
.pages{width:174px; height:34px; margin:20px auto;}
.pre-left{display:block;border:1px solid #a2f475;width:51px; height:32px;border-radius:5px; float:left;color:#217528;text-align:center;font:700 20px/32px ËÎÌå;background:#7fdc4c;text-shadow:0 0 1px #dffdce;box-shadow:0 1px 1px #a2f475;}
.next-left{display:block;width:50px; height:31px;border-radius:5px;float:left; color:#fff;text-align:center; font:700 20px/32px ËÎÌå;background:#a3f577;border:2px solid #73cb42;box-shadow:0 1px 1px #bbb6aa;text-shadow:1px 1px 1px #56c21e;}
.pages span{display:block; width:64px; height:30px; text-align:center; font:500 16px/30px ËÎÌå; color:#388f34; float:left}
/* product */
.product{width:100%;}
.product li{width:50%;float:left;}
.product li div{width:81.355%;padding:4px;background:#f3f3f3;border:1px solid #e2e2e2;margin:0 auto 4%;}
.product li img{display:block;width:100%;}
.protitle{display:block;width:100%;font:14px/30px '΢ÈíÑźÚ';text-align:center;color:#0a1d01;background:#ccdea9;}
/* view */
.subborder{width:100%;height:0;overflow:hidden;border-top:1px solid #336119;border-bottom:1px solid #d1da8f;}
.about h1{width:100%;font:18px/40px '΢ÈíÑźÚ';color:#60895d;text-align:center;}
.about img{display:block;max-width:100%;margin:10px auto;}
.page{width:100%;height:34px;background:#dcf2d1;box-shadow:0 0 4px #cce7be inset;border-radius:7px;margin:5px 0;font:14px/34px 'ËÎÌå';color:#006636;text-indent:16px;}
.page a{color:#006636;}
.back{display:block;width:120px;height:40px;border-radius:7px;border:2px solid #8fcf6c;box-shadow:0 0 2px #fff inset;background:#d7eecb;text-align:center;font:16px/40px '΢ÈíÑźÚ';color:#336119;margin:10px auto;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:480px){
.knowtitle p{width:30.29%;}
.knowtitle div{width:39.42%;background-size:26px;text-indent:12%;}
}