@charset "utf-8";

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */ 
body{ margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: "Microsoft YaHei", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #000000;
    background-color:#ecf6eb;} 
i, em, cite { font-style: normal; }

/* a */ 
a, a:link { color: #222; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: none; color:#5f5b5a; }
a:focus { outline: none; }

/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
input {vertical-align:middle;font-size:12px}
.button {vertical-align:middle;font-size:12px}
.button { cursor: pointer; }

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;} 


body {
    color: #3c8d15;
    background-color: #ecf6eb;
}

a {
    color: #3c8d15;
    text-decoration: none;
}

a:hover {
    color: #FF0000;
}


.img_div, .img_div img {
    max-width: 100%;
}



.clear{clear:both;}

.nav{
  position: relative;
  height: 54px;
  float: left;
  width: 100%;
  background:#61973d;
}
.nav .nav-box{
  margin: 0 auto;
  width: 90%;
  height: 54px;
}
.nav .nav-box .links{
  float: left;
  width: 12.5%;
  display: block;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color:#fff;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  font-family: "微软雅黑";
}
@media screen and (max-width: 1200px) {
    .nav .nav-box .links {
        font-size:20px;
    }
}
@media screen and (max-width: 800px) {
    .nav .nav-box .links {
        font-size:16px;
    }
}
@media screen and (max-width: 500px) {
    .nav .nav-box .links {
        font-size:12px;
    }
}
@media screen and (max-width: 348px) {
    .nav .nav-box .links {
        font-size:10px;
    }
}
.nav .nav-box .selected {
  background-color:rgb(230, 90, 11);
  transition: all 0.2s;
}


.product{ width:1200px; margin:0 auto; padding-top:30px;}
.product .title1 {
    margin-bottom: 20px;
    text-align: center;
}

.product .more {
    position: relative;
    top: -60px;
    width: 1200px;
    margin: 0px auto;
    text-align: right;
}

.product.title1>img {
    max-width: 100%;
}



.product .imagesList1 {
    width: 1202px;
    margin: 0px auto 20px auto;
    overflow: hidden;
    _zoom: 1;
}

.product .imagesList1>li {
    float: left;
    width: 388px;
    margin-right: 15px;
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    background-color: #accfa8;
	padding-bottom:20px;
}

.product .imagesList1>li:nth-child(3n) {
    margin-right: 0px;
}

.product .imagesList1>li img {
    width:360px;
    height: 360px;
}

.product .imagesList1>li>p {
    height: 30px;
    line-height: 30px;
    padding: 10px 10px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-weight:bold;
	text-align:left;
}
.product .imagesList1>li>p a{color:#333;}
.product .imagesList1>li .info{width:360px;}
.product .imagesList1>li .info .infol{width:220px; float:left; text-align:left; padding-left:10px;}
.product .imagesList1>li .info .infor{width:80px; height:26px; line-height:26px; text-align:center; background:#FFF; float:right;border-radius: 6px;}
.product .imagesList1>li .info .infor a{color:#61973d; }

.box_mean5{ background:#e8e2d5; width: 100%;height:580px; margin-top:20px;}
.ten_cen{text-align: center;padding-top: 60px;}
.ten_cen p{font-size: 18px;}
.pmean{text-align: center;color: #666666;height:70px;line-height:90px;}
#icon{margin-top: 30px;padding: 0 22px;width: 1200px;margin: 0 auto;padding-top: 20px;}
#icon .con_top{float: left;}
.center{text-align: center;}


.about{width:1200px; height:580px; margin:0 auto; margin-top:30px;}
.about h2 {margin-bottom: 20px; text-align: center;}
.about p{font-size:16px; line-height:30px; text-indent:2em;}
.about .img{ text-align:center; padding-bottom:20px;}
.about .more{display:block; border:2px solid #3c8d15; border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */  font-size:22px; font-weight:bold; width:160px; height:50px; line-height:50px; margin:20px auto; text-align:center;}


.hytj{width:1200px; margin:0 auto; margin-top:30px;}
.hytj h2 {margin-bottom: 20px; text-align: center;}
.hytj .more {
    position: relative;
    top: -60px;
    width: 1200px;
    margin: 0px auto;
    text-align: right;
}
.hytj .hytj2{ width:1200px; margin:0 auto;}
.hytj .fenlei{ width:1200px; margin:0 auto;}


.syrq{width:1200px; margin:0 auto; margin-top:30px;}
.syrq h2 {margin-bottom: 20px; text-align: center;}
.syrq .more {
    position: relative;
    top: -60px;
    width: 1200px;
    margin: 0px auto;
    text-align: right;
}
.syrq ul{width:1300px;}
.syrq ul li{ width:590px; height:260px; background:#accfa8; float:left; margin-right:20px; margin-bottom:20px;}
.syrq ul li .img{width:260px; height:260px; float:left;}
.syrq ul li .img img{width:260px; height:260px;}
.syrq ul li .info{width:300px; float:right; padding-top:50px; text-align:left;}
.syrq ul li .info h2{ text-align:left;}
.syrq ul li .info p{ line-height:26px; font-size:14px;}

.cont3{ width:1200px; height:430px; margin:0 auto;  position:relative; margin-top:30px;}
.dll{ width:380px; height:420px; background:#a0cf88; position:absolute; left:0px; top:0px; }
.dlz{ width:380px; height:420px; background:#a0cf88;  position:absolute; left:410px; top:0px; }
.dlr{width:380px; height:420px; background:#a0cf88;  position:absolute; left:820px; top:0px; }
/*共同*/
.dlt{ width:380px; height:118px; position:relative;}
.dlt img { width:380px; height:118px; overflow:hidden;}
.cpd{ width:150px; height:39px; position:absolute; left:0px; top:38px; background: url(../images/ggg.png) left no-repeat; line-height:39px; text-align:center; color:#fff; font-size:18px;}
.dlst{ width:360px; overflow:hidden; margin:0 auto; margin-top:20px; margin-bottom:30px;}
.dlst li{ width:360px; height:30px; }
.dlst li a{ width:360px; height:30px; display:block; overflow:hidden; color:#4c4c4c; line-height:30px; }
.dlst li a:hover{ color:#ff8b18;}
.dlst li a span{ float:right; color:#b2b2b2;}
.dlstc{ width:300px; height:40px; margin:0 auto; }
.dlstc a{ width:300px; height:40px; border:1px solid #81511c;border-radius:25px; display:block; line-height:40px; text-align:center; color:#666666;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.dlstc a:hover{ color:#fff; background:#46ab74; border:1px solid #81511c;}

.jingpin{width:1200px; height:380px; margin:0 auto; margin-top:30px;}
.jingpin h2 {
    margin-bottom: 20px;
    text-align: center;
}



#demo {overflow: hidden;width: 1200px;height: 300px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
#demo li { float:left; width:260px; height:240px; margin-right:30px; display:inline;}
#demo li a:hover img { border:1px solid #62A802;}
#demo li img { width:260px; height:200px; border:1px solid #c4c4c4;}
#demo li span { text-align:center; display:block; background:#e9dccc; overflow:hidden; width:262px;  height:40px; line-height:40px; font-size:16px;}

.indexpic{width:1200px; margin:20px auto;}

.footer{ width:100%; min-height:200px; background:#61973d; overflow:hidden; padding-bottom:20px;}
.foot{width:1100px; margin:40px auto 0px auto;color:#FFF;}
.ftel{width:1000px; margin:0 auto;color:#FFF; text-align:center; font-size:30px; font-weight:bold; color:#FFF;}
.foot2{width:1000px; height:50px; margin:0 auto;color:#FFF; text-align:center;}
.foot2 i{height:50px; line-height:50px; padding-left:30px; margin-right:10px; display:inline-block;}
.foot2 .icoqq{ background:url(../images/icoqq.png) no-repeat left; height:50px;}
.foot2 .icowx{ background:url(../images/icowx.png) no-repeat left; height:50px;}
.foot2 .icomail{ background:url(../images/icomail.png) no-repeat left; height:50px;}
.foot2 .icodizhi{ background:url(../images/icodizhi.png) no-repeat left; height:50px;}
.copyright{text-align:center;width:1000px; margin:0 auto; font-size:20px; line-height:50px;}
.copyright a{color:#FFF;}

.ftl{ width:900px; float:left; line-height:30px;}
.ftl a{ color:#FFF;}
.ftlt{ width:900px; height:50px;border-bottom:1px solid #c06e3f; line-height:50px; }
.ftlt a{ margin:0 5px; height:50px; float:left;color:#FFF; display:block;}
.ftld{ width:900px; margin-top:15px; }

.ftr{ width:107px; height:150px; float:right;text-align:center;}
.ftr img { width:107px; height:107px; }
.ftr span{ width:107px; height:43px; line-height:43px; }


#body {
    width: 1200px;
    margin: 0px auto;
    padding-bottom: 20px;
}

h1.columnTitle1 {
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 30px;
    color: #61973d;
}

h3.columnTitle2 {
    padding-bottom: 10px;
    font-weight: normal;
    text-transform: uppercase;
}

div.crumb {
    position: relative;
    top: -30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #996C32;
    text-align: right;
    font-size: 18px;
}


div.crumb2 {
    position: relative;
    top: -30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #996C32;
    text-align: left;
    font-size: 18px;
}


div.columnContent {
    overflow: hidden;
}

div.columnContent img {
    max-width: 1200px;
}

/*产品中心*/

div.left {
    float: left;
    width: 255px;
    padding-top: 20px;
    padding-left: 25px;
}

div.right {
    float: right;
    width: 910px;
    padding-top: 50px;
    padding-right: 10px;
}

div.crumb {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D2D2D2;
    color: #000000;
}
div.crumb2 {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D2D2D2;
    color: #000000;
}

div.crumb img {
    vertical-align: bottom;
}

div.crumb2 img {
    vertical-align: bottom;
}

div.crumb a {
    color: #000000;
}
div.crumb2 a {
    color: #000000;
}

div.crumb>span:nth-child(1) {
    font-size: 26px;
}

div.crumb>span:nth-child(2) {
    position: absolute;
    bottom: 15px;
    right: 0px;
}
div.crumb2>span:nth-child(1) {
    font-size: 26px;
}

div.crumb2>span:nth-child(2) {
    position: absolute;
    bottom: 15px;
    right: 0px;
}

div#left {
    width: 220px;
}

div#left>div.title {
    height: 60px;
    line-height: 60px;
    padding-left: 15px;
    font-size: 26px;
    background: #61973d;
	color:#FFF;
}

div#left>ul.columns {
    padding-top: 10px;
    margin-bottom: 20px;
}

div#left>ul.columns>li {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #D1D1D1;
    white-space: nowrap;
    overflow: hidden;
}

div#left>ul.columns>li>a {
    font-size: 18px;
}

/* Images List2
-----------------------------------------------------------*/

ul.imagesList2 {
    overflow: hidden;
    _zoom: 1;
}

ul.imagesList2>li {
    float: left;
    width: 32.33%;
    margin-right: 1.5%;
    margin-bottom: 20px;
}

ul.imagesList2>li:nth-child(3n) {
    float: right;
    margin-right: 0px;
}

ul.imagesList2>li>div {
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    background-color: #E9DCCC;
}

ul.imagesList2>li>div img {
    max-width: 96%;
    height: 200px;
}

ul.imagesList2>li>p {
    height: 30px;
    line-height: 30px;
    padding: 10px 30px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* title
-----------------------------------------------------------*/

div.title1 {
    margin-bottom: 20px;
    text-align: center;
}

div.title1>img {
    max-width: 100%;
}
.pagelink{ height: 35px;text-align: center;margin: 50px 0 30px 0;}
.pagelink .page-index , .pagelink .page-pre , .pagelink .page-next , .pagelink .page-last{ list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left;}
.pagelink .page-status {list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left; padding: 3px 8px;}
.pagelink .page-index a, .pagelink .page-pre a, .pagelink .page-next a, .pagelink .page-last a{color:#000;padding: 3px 8px; display:block;}
.pagelink .page-numbar .page-num{ list-style: none;border: 1px solid #C7CFC2;padding: 3px 8px;display: inline-block;margin: 0 3px;*+display:block;*+float:left;}
.pagelink a.page-num-current, .pagelink a:hover{ background: #CCC;color: #FFF; display:block;}


/*产品详细*/


h1.articleTitle {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 22px;
    color: #000000;
}

div.articleContent {
    position: relative;
    padding-top: 60px;
    background: transparent url('../images/product_content_bg.png') scroll no-repeat 0px 0px;
}

div.articleContent img {
    max-width: 100%;
}

div.articleContent>a#buyButton:first-child {
    position: absolute;
    top: 41px;
    right: -120px;
    transition: top ease 0.5s;
    -webkit-transition: top ease 0.5s;
}

div.articleContent>a#buyButton:first-child>img {
    width: auto;
    height: auto;
}
.det{padding-top:10px; color:#61973d;}
.det img {
    max-width: 100%;
}

/*新闻列表*/

/*文字列表*/
.text_list{margin-top:20px;}
.text_list li{width:910px; position:relative;overflow:hidden;border-bottom:1px dashed #ccc;line-height:150%; margin-top:20px;}
.text_list li h2{font-size:14px; line-height:200%;}
.text_list li h3{font-size:12px; color:#999; font-weight:normal; margin-bottom:5px;}
.text_list li p{line-height:180%; height:50px; overflow:hidden;}
.text_list li .more{display:block; width:80px; height:20px; background-color:#61973d; text-align:center; line-height:20px; color:#fff; position:absolute; right:0; top:5px;}

.newspic{width:700px; margin:10px auto; text-align:center; position:relative;}
.newspic img{max-width:600px; max-height:400px;}
.newspic .pre{position:absolute; left:0px; top:160px;}
.newspic .next{position:absolute; right:0px; top:160px;}

.contact{width:100%; background:#cdebca;}
.contact p{padding:10px; line-height:30px;}
.contact2{width:100%; background:#cdebca;}
.contact2 p{padding:10px; line-height:30px; font-size:16px;}

.bot{width:100%; min-width:1200px; height:445px; background:url(../images/bot.jpg) no-repeat center;}

.syp{width:100%; margin:auto;margin-top:20px;}
.fl{float:left;}
.fr{float:right;}