@charset "utf-8";
/* 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;}
.clear { clear:both; }
/* top */
.ui-body-f{background-color:#f2f2f2;}
body{color:#f2f2f2;}
.top{background:url(/images/topbg.jpg) repeat 0 0; width:100%; height:62px; border-bottom:1px solid #72b659; overflow:hidden;}
.topbg{background:url(/images/index_36.jpg) no-repeat center 0; width:100%; height:62px; overflow:hidden;}
.logo{float:left; margin:16px 0 20px 1.40625%;  height:38px;}
.search{width:61.875%; height:25px; float:left; float:left; margin:17px 0 17px 8.59375%;  line-height:25px; color:#666;}
.text{background:url(/images/text.png) no-repeat 0 0; width:57.8125%; height:25px; float:left; border:0px; font:400 10pt/26px 宋体;}
.searchbutton{width:28px; height:26px; float:left;}
.topright{width:50px; height:24px; display:block; background:#267e01; position:absolute; right:2.34375%; top:18px; border-radius:5px; border:1px solid #194b01; box-shadow:0 1px 1px #74b358; background-image:-moz-linear-gradient(center top , #267d01, #268302);background-image: -moz-linear-gradient(top, #267d01, #268302);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#267d01), to(#268302));background-image: -webkit-linear-gradient(top, #267d01, #268302);background-image: -o-linear-gradient(top, #267d01, #268302);background-image: linear-gradient(top, #267d01, #268302); color:#fff; line-height:24px; font-size:10pt;}
.onload{display:block; width:37px; height:100%; margin:0 auto; background:url(/images/navicons.png) right center no-repeat;}
.spanclick{display:block; width:37px; height:100%; margin:0 auto; background:url(/images/navicons2.png) right center no-repeat;}
.back{float:right;position:absolute; right:2.34375%; top:18px;}
/* nav */
.nav{width:100%; border-top:1px solid #267d00; background:url(/images/navbg.jpg) repeat 0 0;}
.nav li{width:25%; height:30px; float:left; text-align:center; line-height:30px;}
.nav li a{color:#fff; display:block; width:70px; height:25px; margin:4px auto 5px auto;}
.nav li a:hover{color:#fff; display:block; width:70px; height:25px; margin:4px auto 5px auto; border-radius:4px; background:#184803;}
/* banner */
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{position:absolute;right:8px;bottom:10px;height:9px;padding:2px 0;background-color:rgba(255,255,255,0.3);-webkit-border-radius:5px;border-radius:5px; float:left;}
.slide-dot span{display:inline-block;width:10px;height:10px;margin:0 7px;background:url(/images/slide-dot.png) no-repeat -17px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
/* news */
.news{width:100%;}
.title{width:100%; height:34px; background:#e0e0e0; padding-top:1px;}
.title p{width:100%; height:33px; border-top:1px solid #e4ede0;}
.title p span{display:block; width:65px; height:31px; border-bottom:2px solid #a60000; float:left; margin:0 0 0 2.03125%; font-size:12pt; line-height:31px; color:#a60000;}
.title p img{float:right; width:20px; height:20px; margin:7px 4.3% 7px 0;}
.newstitle{width:100%; height:32px; border-bottom:1px solid #fff;}
.newstitle span{width:100%; display:block; height:31px; border-bottom:1px solid #dfd8cf; background:url(/images/icons4.png) 10px center no-repeat; text-indent:26px; line-height:31px; color:#ff5800; font-family:微软雅黑;}
.newsul{width:100%; margin-bottom:20px;}
.newsul li{width:100%; height:41px; border-bottom:1pt solid #fff;}
.newsul li a{display:block; line-height:40px; color:#666; height:40px; border-bottom:1pt solid #dfd8cf; background:url(/images/icons3.png) 94.21875% center no-repeat; /*text-indent:6.40625%;*/ font-size:10pt; text-indent:1.71875%}
.hot{float:left; margin:6px 0 10px 1.71875%;}
.button{width:132px; height:26px; border-radius:3px; background-image:-moz-linear-gradient(center top , #ececec, #dbd8d8);background-image: -moz-linear-gradient(top, #ececec, #dbd8d8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#dbd8d8));background-image: -webkit-linear-gradient(top, #ececec, #dbd8d8);background-image: -o-linear-gradient(top, #ececec, #dbd8d8);background-image: linear-gradient(top, #ececec, #dbd8d8); margin:9px auto; border:1px solid #c2c2c2;}
.button a{width:130px; height:24px; border-radius:2px; border-color:#fff; display:block; border:1px solid #fff; background:url(/images/icons3.png) 119px center no-repeat; text-align:center; color:#8c8b8b; font:500 12pt/24px 微软雅黑;}
/* product */
.product{margin-bottom:50px;}
.proul{width:100%;}
.proul li{width:50%; height:129px; float:left; margin:11px 0; float:left;}
.proul li div{position:relative; width:146px; height:100%; margin:0 auto; border:1px solid #fff;}
.proul li img{width:144px; height:127px; border:1px solid #d5d0ca;}
.proul li p{position:absolute; bottom:0; left:1px; width:144px; height:27px; background:#000; opacity:0.5; text-align:center; font:300 10pt/27px 微软雅黑;}
/* footer */
.footer{width:100%; height:33px; border-top:1px solid #267d00; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;}
.footer ul{width:100%; height:32px; border-top:1px solid #78d251;background-image:-moz-linear-gradient(center top , #267d00, #236e02);background-image: -moz-linear-gradient(top, #267d00, #236e02);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#267d00), to(#236e02));background-image: -webkit-linear-gradient(top, #267d00, #236e02);background-image: -o-linear-gradient(top, #267d00, #236e02);background-image: linear-gradient(top, #267d00, #236e02); }
.footer ul li{float:left; height:32px; width:33%;}
.footer ul li.foottel{border-right:1px solid #184c01;}
.footer ul li.foottel P{background:url(/images/foottel.png) no-repeat left center; width:60px; text-align:right; margin:0 auto; height:100%; line-height:32px;}
.footer ul li.footmail{border-right:1px solid #184c01; border-left:1px solid #33a202;}
.footer ul li.footmail P{background:url(/images/footmail.png) no-repeat left center; width:66px; text-align:right; margin:0 auto; height:100%; line-height:32px;}
.footer ul li.footmap{border-left:1px solid #33a202;}
.footer ul li.footmap P{background:url(/images/footicons1.png) no-repeat left center; width:60px; text-align:right; margin:0 auto; height:100%; line-height:32px;}
.footer a{color:#fff; font-family:微软雅黑;}
/* subpages */
.subpages{width:100%; padding-bottom:40px;}
.subpages p{width:95%; margin:20px 2.5%; font:10pt/30px 宋体; color:#666;}
.subpages p a{width:95%; margin:20px 2.5%; font:600 10pt/30px 宋体; color:#666;}
.subpages p img{width:80%;}
.subpages table{max-width:100%;}
/* products */
.products{width:100%;}
.products a{font-weight:bold;}
.products li{width:100%; height:87px; border-bottom:1px solid #fff; overflow:hidden; padding:8px 0; text-overflow:ellipsis;}
.border{width:100%; height:94px; border-bottom:1px solid #dfd8cf; margin:0px; overflow:hidden;}
.prodimg{width:90px; height:80px; float:left; padding:3px; border:1px solid #e3dbd0; background:#fff; margin:0 0 0 8px;}
.profont{float:left; width:60%; margin-left:10px;}
.profont div{height:62px; overflow:hidden;}
.profont p{margin:0; padding:0; font-weight:normal; color:#666; font-size:10pt;}
.profont p a{font-weight:1000; color:#666; font-size:11pt; text-overflow:ellipsis; white-space:nowrap;}
h3{color:#666; width:100%; text-align:center;}
.subpages p.date{width:90%; margin:0 5%; height:30px; line-height:30px; border-bottom:1px dashed #999; text-align:right; font-size:8pt; color:#999;}
center {color:#a74401; padding:20px 0;}
.contimg{max-width:80%;}
.next-left,.pre-left{display:block; width:36px; height:28px; border:1px solid #184C01; border-radius:3px; float:left; color:#184C01; text-align:center; font:700 20px/28px 宋体;}
.pages{width:160px; margin:15px auto;}
.pages span{display:block; width:64px; height:30px; text-align:center; font:500 16px/30px 宋体; color:#184C01; float:left;}
.padding{ padding-bottom:70px;}
.subpages img{max-width:90%; }