@charset "gb2312";
/* Style Reset */
body,p,h1,ul,li,input,img{margin:0; padding:0; font-size:12px}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#000000}
fieldset, img {border:0;}
.clear {clear:both;width:100%; height:0px; line-height:0px; font-size:0px}
/* top */
.topnav{ margin:0 auto}
.topnav  img{ width:100%}

.header{ margin:0 auto; text-align:center}
.header img{ width:80%; padding-top:2%; padding-bottom:2%; margin:0 auto; text-align:center}


#picSlide{position:relative;max-width:680px;overflow:hidden;margin:0 auto;}
#picSlide li{float:left;list-style:none;}
#picSlide li img{width:100%;}
#picSlide .tab{position:absolute;bottom:0.3em;left:0;width:100%;text-align:center;}
#picSlide .tab em{width:0.8em;height:0.8em;display:inline-block;border-radius:0.8em;-webkit-border-radius:0.8em;background:rgba(9, 13, 19,0.5);text-indent:-9999px;}
#picSlide .tab em.active{background:rgba(11, 119, 62,1);cursor:default;box-shadow:-1px 1px 2px #51b780 inset; -webkit-box-shadow:-1px 1px 2px #51b780 inset;border-bottom:1px solid #0d3f20;border-left:1px solid #086534;}


.menu{ margin:2% auto 0 auto; width:95%;}
.menu li{ float:left; width:25%; text-align:center; padding-bottom:2%;}
.menu li img{ width:80%; margin:0px auto}


.title{ background:url(../images/title01.jpg) repeat-x; height:50px}
.title dl{ width:90%; margin:0 auto}
.title dl dt{ float:left; background:url(../images/title01ac.jpg) left top no-repeat}
.title dl dt a{ display:block; line-height:50px; padding-left:10px; padding-right:10px; font-size:16px; font-weight:bold; color:#FFFFFF }


.products{ margin:0 auto}
.products .pcon{ width:95%; margin:2% auto 0px auto; border-bottom:1px dotted #999999}
.products .pcon dl{ float:left; width:33%;}
.products .pcon dl dt{ margin:0 auto; width:80%; text-align:center}
.products .pcon dl dt img{ margin:0 auto; width:100%}
.products .pcon dl dd{ width:80%; margin:0 auto; height:24px; line-height:24px; overflow:hidden; text-align:center}


.proclass{ width:90%; margin:2% auto 2% auto}
.proclass li{ float:left; width:50%; text-align:left; background:url(../images/icon01.jpg) left no-repeat; line-height:30px; font-size:14px; text-indent:20px; height:30px; overflow:hidden}


.news{ width:100%; margin:2% auto 2% auto}
.news .pcon{ width:90%; margin:0 auto}
.news .title{ margin-bottom:2%}
.newsul li{width:100%; float:left}
.newsul li a{display:block; text-align:center;height:30px; line-height:30px; overflow:hidden; text-align:left}


.youshi{ margin:5% auto 2% auto}
.youshi img{ width:100%}
.youshicon{ width:90%; margin:2% auto 5% auto}
.youshicon img{ width:100%}

.more{ width:100%}
.more img{ width:100%}

.cpdzlcbg{ background:#F2F2F2 }
.cpdzlc{ margin:5% auto 0 auto; }
.cpdzlc img{width:100%;}
.cpdzlccon{ width:100%; padding-top:5%; padding-bottom:5%; text-align:center}
.cpdzlccon img{width:90%;}




/* nav */
body{position:relative;overflow-x:hidden;}
.allpage{position:relative;z-index:10; margin:2% auto 0px auto}
.clicked{}
/* index */
.productpic{width:97.1875%;margin:2% auto}
.productpic li{width:48%;margin:0.45%;float:left}
.productpic li.fr{ float:right}
.productpic li.leftpic{width:39%;margin:0.6%;float:left}
.productpic li img{display:block;width:100%}

/* footbg */
.footbanner{ margin:5% auto 0% auto; background:#E6E6E6;}
.footbanner .foot_tit{ padding-top:2%; line-height:30px; text-align:center; padding-bottom:2%; margin:0 auto}
.footbanner .foot_con{ margin:0 auto; text-align:center; width:90%; text-align:center; padding-bottom:2%; line-height:24px}
.footbanner .top{ width:95%; margin:0 auto 5% auto}
.footbanner .top img{ width:100%}

.footer{ background:url(../images/footerbg.jpg) #276D06 repeat-x; margin:0% auto 0px auto}
.footer .pcon{ width:90%; padding-top:2%; padding-bottom:2%; margin:0 auto}
.footer li{ width:25%; float:left; text-align:center}
.footer li img{ width:50%}


.footerbottom{ background:url(../images/footerbg.jpg) #276D06 repeat-x; z-index:1000000; position:fixed; width:100%; bottom:0px}
.footerbottom .pcon{ width:90%; padding-top:2%; padding-bottom:2%; margin:0 auto}
.footerbottom li{ width:25%; float:left; text-align:center}
.footerbottom li img{ width:50%}


/* searchbox */
.search{width:95%;left:2.5%;bottom:-42px;position:absolute;background:#dfe0e3;background:-webkit-linear-gradient(top,#dfe0e3,#f7fafe);background:-moz-linear-gradient(top,#dfe0e3,#f7fafe);background:linear-gradient(top,#dfe0e3,#f7fafe);border:1px solid #c0c7dd;border-radius:12px;height:36px;box-shadow:0 3px 6px #cbced8 inset;display:none}
.text{float:left;width:70%;height:36px;border:0;background:none;font:16px/36px 'Microsoft YaHei';color:#363b41;text-indent:1em}
.button{float:left;width:20%;height:36px;border:0;background:url(../images/search.png) center center no-repeat}
/* subpage */
.subtitle{width:100%;height:46px;background:url(../images/borderbg.jpg) 0 center repeat-x;font:18px/46px 'Microsoft YaHei';text-align:center;color:#fff}
.subtitle span{padding:0 5px;}
.subpage{width:96.875%;margin:2% auto;padding:10px 0;font:14px/180% 'Microsoft YaHei';color:#333}
.about{width:96%;margin:0 auto;}
.about .img{ width:100%; margin-bottom:2%}
.about .img img{ width:100%}
.subpage img{display:block;max-width:100%;margin:0 auto;}
/* product */
.classbtn{width:80.625%;margin:2% auto;height:36px;border:1px solid #c27c09;border-radius:4px;position:relative;background:#ffa100;background:-webkit-linear-gradient(top,#ffa100,#ff5600);background:-moz-linear-gradient(top,#ffa100,#ff5600);background:linear-gradient(top,#ffa100,#ff5600);box-shadow:0 0 2px #fff inset;}
.classbtns{width:100%;height:100%;background:url(../images/icons4.jpg) 86% center no-repeat;text-align:center;color:#fff8ef;text-shadow:1px 1px 1px #a65500;font:18px/36px '΢ÈíÑźÚ';}
.class{width:100%;left:0;top:37px;position:absolute;z-index:9;background:#cedbe0;border:1px solid #adbbc7;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:2%;border-top:0;display:none;}
.class li{width:97.6%;height:39px;margin:0 auto;border-bottom:1px solid #ebf4fb;background:url(../images/icons5.jpg) 90% center no-repeat;}
.class li a{display:block;width:100%;height:38px;border-bottom:1px solid #b2c4d3;color:#333;text-indent:1em;}
.class li p{width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/38px '΢ÈíÑźÚ';}


.productul{ width:95%; margin:2% auto 0px auto; border-bottom:1px dotted #999999}
.productul dl{ float:left; width:33%;}
.productul dl dt{ margin:0 auto; width:80%; text-align:center}
.productul dl dt img{ margin:0 auto; width:100%}
.productul dl dd{ width:80%; margin:0 auto; height:24px; line-height:24px; overflow:hidden; text-align:center}


/* pages */
.pages{width:276px;height:28px; margin:20px auto;}
.prev{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px ËÎÌå; color:#fff;text-indent:14px;background-size:100% 100%;}
.prev2{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px ËÎÌå; color:#999;text-indent:14px;background-size:100% 100%;}
.next{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px ËÎÌå; color:#fff;text-indent:12px;background-size:100% 100%;}
.next2{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px ËÎÌå; color:#999;text-indent:12px;background-size:100% 100%;}
.page{width:67px;height:28px;display:block; float:left;margin:0 28px;font:14px/26px ËÎÌå;color:#666;}
.page span{display:block;width:50px;height:28px;margin:0 auto;}
.back{display:block;width:79px;height:32px;text-align:center;font:16px/32px 'ËÎÌå';color:#fff;margin:10px auto;background:#606060;background:-webkit-linear-gradient(top,#606060,#3a3a3a);background:-moz-linear-gradient(top,#606060,#3a3a3a);background:linear-gradient(top,#606060,#3a3a3a);border:1px solid #151515;box-shadow:0 0 2px #7a7a7a inset;}
/* newsbox */
.newsul2{width:96%;margin:0 auto;}
.newsul2 li{width:100%;height:30px;}
.newsul2 li a{display:block;width:100%;background:url(../images/icon06.jpg) left center no-repeat;}
.newsul2 li p{width:86%;height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/30px '΢ÈíÑźÚ';color:#4a4a4a;text-indent:0.5em;}
/* view */
.subpage h1{width:100%;font:18px/46px '΢ÈíÑźÚ';color:#333;text-align:center;background:url(../images/border1.jpg) 0 bottom repeat-x;margin-bottom:4%;}
.pageprev{width:96%;height:36px;border:1px solid #a2bdc8;background:#c5d5dc;box-shadow:0 0 2px #cedce2 inset;font:14px/36px '΢ÈíÑźÚ';text-indent:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:2%;color:#1a3256;}
.pageprev a{color:#474b5b;}
.back{display:block;width:116px;height:42px;border:1px solid #071e29;box-shadow:0 0 2px #2380b7 inset;background:#046ba8;background:-webkit-linear-gradient(top,#046ba8,#07517d);background:-moz-linear-gradient(top,#046ba8,#07517d);background:linear-gradient(top,#046ba8,#07517d);font:16px/42px '΢ÈíÑźÚ';color:#fff;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:480px){
    .class-box{height:41px;line-height:41px;font-size:14px;}
    .footbg{height:80px;margin-top:60px;padding-top:24px}
    .links{top:-40px;}
}