@charset "utf-8";
* {margin:0; padding:0}
body {background:#fff; color:#3a3a3a; font:14px/1.5 microsoft yahei,simsun,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6,em {font-weight:normal}
ol,ul {list-style:none}
a,s {text-decoration:none; color:#333}
img {border:none; vertical-align:top}
table {border-collapse:collapse; line-height:35px}
textarea {resize:none;overflow:auto}
a:hover {color:#349e0f}
.fl {float:left}
.fr {float:right}
.cl {clear:both}
.red {color:#f40}
.ccc {color:#999}
.zh {text-align:center}
.eps {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.time {font-size:13px; color:#999}
.flex {display:flex; flex-wrap:wrap; justify-content:space-between; display:-webkit-flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between}
.wrap {width:1200px; overflow:hidden; margin:0 auto}
.topar,.head,.nav,.banner,.banr,.about,.youshibox,.case,.liucheng,.foot{width:100%; min-width:1200px}
.h1-tit {font-size:32px; color:#0d9046; margin-top:-7px; margin-bottom:4px}
.h1-txt {color:#56a700}
/*head*/
.topar {height:30px; line-height:30px; background:#f4f4f4; overflow:hidden; border-bottom:solid 1px #ddd}
.head {padding:30px 0; overflow:hidden}
.head .flbox {width:560px; font-size:16px}
.head .logo {width:94px; background:url(../images/logline.jpg) no-repeat right; margin-right:6px}
.head .frbox {background:url(../images/tel.png) no-repeat left 16px; padding:10px 0 0 50px}
.head .frbox p:nth-child(1) {font-size:13px; color:#666}
.head .frbox p:nth-child(2) {font-weight:700; font-size:24px; color:#0d9046}
.head .eee {font-size:16px; line-height:30px; margin-left:20px; color:#0d9046}
.nav {height:50px; line-height:50px; background:#00923e; font-size:16px}
.nav-list li {width:133px; background:url(../images/nav-line.png) no-repeat right center; text-align:center}
.nav-list li:nth-child(1) {background:#ffaa01}
.nav-list li:last-child {background:none}
.nav-list a {display:block; color:#fff}
.nav-list a:hover {display:block; background:#ffaa01}
.banner {width:100%; height:580px; position:relative; background:#f4f4f4; overflow:hidden}
.banbox {width:100%}
.banbox .hd {width:1200px; height:35px; position:relative; bottom:35px; margin:0 auto}
.banbox .hd ul {width:120px; margin:0 auto}
.banbox .hd ul li {float:left; margin:10px; width:15px; height:15px; border-radius:50%; font-size:0; background:#ccc; cursor:pointer}
.banbox .hd ul li.on {background:#ffaa01}

/**/
.prodt_ti {margin:20px auto; overflow:hidden}
.indextit {font-weight:700; font-size:28px; color:#00923e; margin:30px 0}
.indextit2 {font-weight:700; font-size:28px; background:url(../images/youshi.png) no-repeat center; color:#00923e; letter-spacing:5px; margin-bottom:20px}
.prodt_ti .prodt_txt li {width:130px; height:40px; line-height:40px; background:#00923e; color:#fff; font-size:16px; text-align:center; border-radius:50px; margin:20px 0}
.prodt_ti .prodt_txt li:nth-child(1) {background:#ffaa01}
.prodt_ti .prodt_txt li:hover {display:block; background:#ffaa01; border-radius:50px}
.prodt_ti .prodt_txt li a {display:block; color:#fff}
.prodt_img li {width:224px; font-size:16px; text-align:center; margin-bottom:20px}
.about {width:100%; background:#f4fcf6; overflow:hidden; padding:20px 0}
.youshibox {background:url(../images/youshi01.png) no-repeat center; padding:30px 0}
.youshibox .ti {display:block; font-size:21px; font-weight:700; color:#00923e; margin-bottom:30px}
.youshibox li {width:100%; height:240px}
.youshibox li div {width:290px; line-height:28px; margin-top:30px}
.case {width:100%; background:f4f4f4; overflow:hidden; padding:20px 0}
.case li {height:206px; background:#00923e; color:#fff; font-size:16px; text-align:center; margin-bottom:20px}
.case li img {display:block; width:280px; height:172px; margin-bottom:5px}
.liucheng {background:#00923e; color:#fff; padding:10px 0 30px; margin:20px 0} 
.liucheng .indextit {color:#fff}
.liucheng .flex li {width:125px}
.about_box .fl {width:500px}
.about_box .fr {width:658px; height:292px; line-height:30px; background:#fff; border:solid 1px #ddd; text-indent:28px; padding:20px}
.about_box .fr h3 {font-size:26px; color:#00923e} 
.about_box .fr p {font-size:16px; color:#000; margin-top:20px}
.about_box .fr .but {display:block; width:100px; line-height:40px; float:right; font-size:16px; background:#f48a00; color:#fff; text-align:center; text-indent:0; margin-top:15px}

/*0527 add*/
.faq{ width:59%;}
.faq ul{border:solid 1px #ddd; padding:10px; margin:20px 0}
.zs{ width:39%;}
.gd{border:solid 1px #ddd; padding:10px; margin:20px 0}
.txt-left{ text-align:left;}
/* 图片滚动 */
.picScroll{ position:relative;  height:281px; padding: 10px 0 10px 32px;  background:#fff; margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 15px 6px 0px 6px;  width:190px; overflow:hidden; display:inline; text-align:center; }
.picScroll ul li img{ width:170px; height:250px; border:#eee solid 1px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 120px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }

/*foot*/
.foot {width:100%; font-size:13px; color:#fff; background:#212123; margin-top:30px}
.foot a {color:#fff}
.foot a:hover {color:#f48a00; text-decoration:underline}
.foot_nav {width:100%; height:45px; line-height:45px; background:#18181a}
.foot_nav li {width:133px; font-size:16px; text-align:center}
.footbox {width:1002px; height:110px; margin:0 auto; padding:20px 0}
.footbox .logos {float:left; margin:20px 35px 0 0} 
.copyright {width:520px; line-height:30px; float:left; background:url(images/ss.jpg) no-repeat; margin-top:10px; padding-left:30px}
.footbox .ewm {float:right}
.links {clear:both; width:1002px; line-height:25px; margin:0 auto; padding-bottom:15px}
.links a {color:#aaa; margin:0 5px}

.place {background:url(../images/icolist.png) no-repeat left -94px; border-bottom:dashed 1px #ccc; text-indent:25px; padding-bottom:5px; margin:30px auto}

/*sidebar*/
.main-l {width:230px}
.main-r {width:940px}
.main-l-nav h2 {line-height:60px; font-size:20px; color:#fff; background:#328e12; text-indent:20px}
.main-l-nav-list {line-height:44px; font-size:16px; background:#f9f9f9; text-indent:20px; border:solid 1px #ddd; border-top:none; margin-bottom:20px}
.main-l-nav-list li {background:url(../images/libg2.png) no-repeat 195px center}
.main-l-nav-list li:hover a {display:block; background:url(../images/lvjian.jpg) no-repeat; color:#fff}
.main-l .shop {border:solid 1px #ddd; background: -webkit-linear-gradient(#def3de, #fff); background: -o-linear-gradient(#def3de, #fff);  background: -moz-linear-gradient(#def3de, #fff); background: linear-gradient(#def3de, #fff); padding:14px}
.main-l .shop .titlog {text-align:center}
.main-l .shop h2 {font-weight:700; font-size:16px; padding:15px 0}
.main-l .shop p {margin-top:15px}
/* goods */
.goods-tab {overflow:hidden}
.goods-img {width:420px; float:left; position:relative; padding:0 20px; overflow:hidden}
.goods-img #prevTop,.goods-img #nextTop{top:180px; width:20px; height:40px}
.goods-img .btn{position:absolute; cursor:pointer; z-index:9}
.goods-img #prevTop{background:url(../images/prevBtnTop.png) center no-repeat; left:0}
.goods-img #nextTop{background:url(../images/nextBtnTop.png) center no-repeat; right:0}
.goods-img #prev,.goods-img #next {bottom:21px; width:16px; height:67px}
.goods-img .prev {background:#bcf3bc url(../images/prevBtn.png) center no-repeat; left:5px}
.goods-img .next {background:#bcf3bc url(../images/nextBtn.png) center no-repeat; right:5px}
.goods-img li{float:left}
.goods-img .picBox {width:420px; height:300px; position:relative; overflow:hidden}
.goods-img .picBox ul {position:absolute}
.goods-img .listBox {height:90px; position:relative; padding-top:10px; overflow:hidden}
.goods-img .listBox ul{position:absolute}
.goods-img .listBox li {width:100px; height:92px; cursor:pointer}
.goods-img .listBox img {border:solid 2px #fff}
.goods-img .listBox .on img {border:solid 2px #ffaa01}
.goods-txt {width:450px; line-height:35px}
.goods-txt h1 {font-weight:700; line-height:26px; font-size:18px}
.goods-txt .jiage {margin:10px 0}
.goods-txt .jiage .red {font-weight:700; font-size:28px}
.goods-txt .colu {background:#fff2e8; color:#999; border-top:solid 1px #ffcac6; margin:20px auto; padding:10px 20px}
.goods-txt .column {-moz-column-count:4; -webkit-column-count:4; column-count:4; margin:20px auto}
.goods-txt .column .red {font-weight:700; font-size:18px}
.goods-txt .txtlis {overflow:hidden}
.goods-txt .txtlis li {float:left; margin:10px 30px 0 0}
.goods-txt .txtlis li:last-child {line-height:25px}
.goods-txt .sm p {display: inline-block; font-weight:700; font-size:20px; background:url(../images/gou.png) left center no-repeat; color:#ff9900; padding-left:26px; margin:10px 20px 10px 0}
.goods-txt .buy {display:flex; flex-wrap:wrap; justify-content:center; display:-webkit-flex; -webkit-flex-wrap:wrap; -webkit-justify-content:center}
.goods-txt .buy .but {width:115px; height:36px; background:#fe2e54; color:#fff; text-align:center; border-radius:5px; margin:20px}
.goods-txt .buy a {display:block; color:#fff}
.goods-txt .buy .but:hover {background:#e41e43}
.goos-ms p {line-height:28px; font-size:16px}
/* relation */
.relation {margin:30px 0; overflow:hidden}
.relation .flex {background:#f4f4f4; border:solid 1px #ddd; text-align:center; padding:10px 10px 0 10px}
.relation .flex li {margin-bottom:10px}
.relation img {display:block}
/* content */
.content {line-height:30px; font-size:16px; border:solid 1px #ddd; overflow:hidden}
.content .titbox {font-size:13px; text-align:center; color:#999; margin:20px 0}
.content .titbox h1 {color:#e63023; font-size:24px; margin-bottom:13px}
.content .titbox .info span {margin:0 8px}
.content-box {line-height:36px; padding:20px}
.content-box .ttt {font-weight:700; margin-bottom:5px}
.content-box a {color:#777}
.content-box p {margin-bottom:20px}
.content-box p:last-child {margin-bottom:0}
.content-box .zh {font-size:13px; color:#999}
.content-box .albox li {width:430px; line-height:40px; background:#79bc28; color:#fff; text-align:center; margin-bottom:30px}
.content-box .albox img {width:100%; height:258px}
.zltable  {text-align:center}
.zltable th:nth-child(1) {width:80px}
.zltable th:nth-child(2) {width:200px}
.zltable th:nth-child(3) {width:160px}
.cottnext {height:60px; line-height:30px; border:dashed 1px #ddd; padding:5px 10px; margin:50px 0 30px}
/*recm*/
.recm {border:solid 1px #ddd; overflow:hidden; margin-top:20px}
.recm-t {height:40px; line-height:40px; background:#ededed; color:#666; border-bottom:solid 1px #ddd; margin-bottom:10px}
.recm-t h3 {width:160px; background:#fff; font-size:16px; text-align:center; border-top:solid 2px #3598dc; border-right:solid 1px #ddd; border-bottom:solid 1px #fff}
.recm-img {padding:10px; padding-bottom:0}
.recm-img li {width:170px; height:150px; background:#f1f1f1; border:solid 1px #ddd; text-align:center; padding:3px; margin-bottom:10px}
.recm-img li img {width:170px; height:125px}
.recm-img li a {color:#666; line-height:25px}
.recm-list li {width:410px; line-height:30px; float:left; background:url(../images/icolist.png) no-repeat left -280px; color:#999; text-indent:15px; margin:0 26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
/* spec */
.spec {line-height:26px}
.h4-tit {font-weight:700; font-size:16px; margin:20px 0 10px 0}
.spec p {margin-top:10px}
.spec-aq {margin:0 0 20px 0;}
.spec-aq dt {background:url(../images/icolist.png) no-repeat left -477px; font-weight:700; text-indent:28px; margin-bottom:10px}
.spec-aq dd {background:url(../images/icolist.png) no-repeat left -567px; text-indent:28px; line-height:24px}
/* piclist */
.piclist li {width:216px; font-size:16px; text-align:center; margin-bottom:20px}
.piclist li img {display:block; width:214px; height:164px; border:solid 1px #ddd}
/* txtlist */
.txtlist li {line-height:46px; font-size:16px; background:url(../images/icolist.png) no-repeat left -272px; border-bottom:dashed 1px #ddd; padding-left:10px}
.txtlist li .fr {background:url(../images/icolist.png) no-repeat left -151px; padding-left:18px}
.txtlist li a+a {margin-left:30px}
.wendalist li {border-bottom:dashed 1px #ddd; padding:15px 0}
.wendalist li .tit {line-height:40px; font-size:16px; background:url(../images/icolist.png) no-repeat left -480px; padding-left:28px}
.wendalist li .ccc {line-height:28px; background:url(../images/icolist.png) no-repeat left -564px; padding-left:28px}
.wendalist li .ccc a {color:#ffaa01}

/* pages */
#pages {text-align:center; line-height:28px; margin:20px 0 10px}
#pages a {display:inline-block; font-size:13px; margin:0 4px; padding:0 12px; border:1px solid #ccc}
#pages a.a1{height:28px}
#pages a:hover {background:#f1f1f1; color:#3a3a3a}
#pages span {display:inline-block; color:#fff; background:#2572bc; text-align:center; padding:0 12px; margin:0 2px}
/* message */
.message {font-size:16px; background:#f1f1f1; border:solid 1px #ddd; padding:10px 20px; margin-top:30px}
.message h3 {color:#e63023; font-size:23px; margin-bottom:13px}
.message .inputbox {height:35px; line-height:40px; margin:30px 0}
.message .inputbox input {font-size:16px; height:35px}
.message .inputbox p {width:400px; float:left}
.message .inputbox img {width:70px; height:27px; margin:8px}
.message .textareabox {width:800px}
.message .textareabox textarea {width:650px; height:100px; line-height:35px; font-size:16px; vertical-align:middle}
.message .subbox {text-align:center}
.message .subbox input {width:100px; height:35px; background:#f38a14; color:#fff; font-size:16px; margin:10px 20px}
/* map */
.mapbox {line-height:35px; background:#f4f4f4; border:solid 1px #ddd; padding:10px 20px; margin-top:30px}
.mapbox dt a {font-size:18px; color:#99855e}
.mapbox dd a+a {margin-left:20px}


/* 404 */
.pg404 {width:910px; height:240px; line-height:30px; margin:80px auto 0; padding:20px 20px 40px; border-style:dashed; border-color:#e4e4e4;background:url(/image/404.png) no-repeat right}
.pg404 .lg{font-size:44px; color:#349e0f; padding:20px 0px 10px 0px;}
.pg404 .sl{color:#349e0f; font-size:16px; padding:10px 0px 40px 0px;}
.pg404 .cz{color:#666}
.pg404 a {display:block; width:180px; height:28px; float:left; font-size:14px; color:#fff; margin:10px; background:#ff911a; border-bottom:4px solid #ff6b1a; text-align:center}
.pg404 a:hover{background:#349e0f}