*{ padding:0; margin:0;}
body {margin:0; padding:0; font: inherit; font-size: 14px;font-family:Microsoft YaHei,Arial;  }
html {line-height:1.5;font-size:1em; color: #333;}
img { border:0; vertical-align: baseline; max-width:100%;}
img, object{ max-width:100%; }
ul,li { margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; /*font-size:1.5em;*/}
p{ margin:0; padding:0;}
a { text-decoration:none; color:#333; background-color:transparent}
a:active,a:hover {outline:0; }
table{ border-collapse:collapse;}
input{ outline:none;} 
.clearfix{ height:0; clear: both;}

/*html *,
html *:before,
html *:after {box-sizing: border-box;-webkit-transition: 0.5s; transition: 0.5s;}*/

.header{ max-width:1200px;width:100%; margin:0 auto; position:relative; background:#FFF; height:65px;}

.main{ max-width:1200px; width:100%;margin:25px auto; overflow:hidden;}
.header-bg{ height:90px; line-height:90px; position:relative;z-index: 9;}
.header{ max-width:100%; width:1200px; margin:0 auto;}
.logo-top img {float:left; margin-top:15px;}

.header a.menu { display:none; height:16px; position:absolute; right:5%; top:15px;}

.nav-menu1{ display:none;}
.nav-menu{ float:right;}
.nav-menu > li{ float: left;position:relative; font-size:16px;}
.nav-menu > li > a {display: block; color: #826231;position: relative;overflow: hidden; z-index:10; text-transform:uppercase;}
.nav-menu > li span{ padding:0 20px;  display:block; position:relative; z-index:999;}
.item-bg{ position: absolute;left: 0;top: 90px;background-color: #83c326; z-index: 9;width: 100%;height: 100%; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.nav-menu > li:hover .item-bg{ top:0;}
.nav-menu > li a:hover{ color:#fff;}
.spec{ border-left:#e8e8e8 1px solid; border-right:#e8e8e8 1px solid; padding:0px 10px; color:#e8e8e8;}
.spec a{ display:inline-block; float:left; margin:0 5px; color:#e8e8e8;}
.spec a:hover{ color:#ec222b !important;}
.spec .on{ color:#ec222b;}
.spec span{ float:left; padding:0 !important;} 

.item{ position:absolute; top:90px; background:rgba(255,255,255,0.8); width:280px;  border-bottom: 2px solid #83c326; z-index:11; display:none;}
.item a{ display:block; height:35px; line-height:35px; padding:0 10px; text-transform:capitalize;}
.item a:hover{ background-color:#83c326;}
.nav-menu > li:hover .item{ display:block;}

/* banner */
.bans { width:100%; overflow:hidden; position:relative; margin-bottom:40px;}
.bans .warp { width:20000px; }
.bans .warp a { float:left; display:block;}
.bans .warp a img{ width:100%; float:left; }
.bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:20px; text-align:center; }
.bans ul li { display:inline-block; margin:0 3px; width:30px; height:7px; border-radius:15px; background-color:#FFF; cursor:pointer;}
.bans ul li.click { background-color:#83c326; }

.title{ text-align:center;}
.title span{ font-size:1.8em; display:block; margin-bottom:15px;}

.bar{ border-bottom:#e8e8e8 1px solid; position:relative; height:17px; text-align:center; margin-top:35px;}
.bar ul{ /*position:absolute;*/ /*width:100%;*/ width:284px; margin:0 auto;}
.bar li{ width:120px; height:30px; line-height:30px; text-align:center; border-radius:15px;  float:left; border:#e8e8e8 1px solid; background-color:#FFF; margin:0 10px;}
.bar li:hover{ color:#fff;  border:#83c326 1px solid; background-color:#83c326;}
.bar ul li.on{ color:#fff;  border:#83c326 1px solid; background-color:#83c326;}

.pro-intro-max{ width:102%;}
.pro-intro{ float:left; text-align:center; margin:35px 2% 35px 0; width:23%; font-size:16px;}
.pro-text{ border-bottom:3px solid #adadad;  position:relative; height:150px;}
.pro-text01{ position:absolute; top:0; width:100%; z-index:12;}
.pro-img img{ vertical-align:bottom;}
.pro-title{ margin:35px 0;}
.pro-intro span{ display:block; width:30px; line-height:30px; border-radius:100px; line-height:30px; color:#adadad; border:1px solid #adadad; margin:0 auto; margin-bottom:35px;}
.pro-intro:hover .pro-text{ border-bottom:3px solid #6eaa18;  color:#fff; }
.pro-intro:hover span{ color:#fff; border:1px solid #fff;}
.pro-text-bg{ position:absolute;  bottom:0; transition:all 0.3s;  background-color:#83c326; width:100%; height:0; z-index:11;}
.pro-intro:hover .pro-text-bg{ height:150px;}

.pro a{ float:left; width:31%; margin:0 1% 3%;  text-align:center; }
.pro a span img{  box-sizing:border-box; width:100%; vertical-align:bottom; -webkit-transition: 0.5s; transition: 0.5s;}
.pro a:hover span img{ transform:scale(1.1); }
.pro a span{ display:block; overflow:hidden; border:1px solid #d2d2d2;}

.more{ text-align:center; font-size:1.6em;}
.more a{ width:130px; height:35px; line-height:35px; text-align:center; color:#83c326; border:1px solid #83c326; border-radius:15px; font-size:14px; display:block; margin:35px auto;}

.pro-news-max{ float:left; width:56%; margin-top:35px; margin-right:2%;}
.pro-news{ border:1px solid #e0e0e0; float:left; margin-bottom:10px; background-color:#FFF; width:100%;}
.pro-news-time{ float:left; background-color:#d3d3d3; text-align:center; line-height:36px;}
.pro-news-time span{ display:block; border-bottom:1px solid #f6f6f6; font-size:3em; padding:10px 25px; overflow:hidden;}
.pro-news-text{  background-color:#FFF; padding:15px 15px; overflow:hidden; color:#8d8d8d;}
.pro-news-text h4{ display:block; color:#333;}
.pro-news:hover .pro-news-time{ background-color:#83c326; color:#fff;}

.pro-news-right{ float:left; width:42%;}
.show-text{ position:absolute; bottom:0; height:45px; line-height:45px; background-color:#000; z-index:99l; color:#fff; width:100%; font-size:14px; opacity:0.8;}
.pro-news-right{ margin-top:35px;}

.pic{ margin:35px 0;}
.pic-01,.pic-02,.pic-03,.pic-04{ float:left; width:23%; margin:0 1%; text-align:center; cursor:pointer; color:#8d8d8d;}
.pic-01 span{ display:block; background:url(../images/pic01.png) no-repeat; width:141px; height:141px; margin:0 auto;}
.pic-02 span{ display:block; background:url(../images/pic02.png) no-repeat; width:141px; height:141px; margin:0 auto}
.pic-03 span{ display:block; background:url(../images/pic03.png) no-repeat; width:141px; height:141px; margin:0 auto}
.pic-04 span{ display:block; background:url(../images/pic04.png) no-repeat; width:141px; height:141px; margin:0 auto}

.pic-01:hover span{ background:url(../images/pic01-hover.png) no-repeat;}
.pic-02:hover span{ background:url(../images/pic01-hover.png) no-repeat;}
.pic-03:hover span{ background:url(../images/pic01-hover.png) no-repeat;}
.pic-04:hover span{ background:url(../images/pic01-hover.png) no-repeat;}
.pic h4{ margin:20px 0 10px; font-size:1.4em; color:#83c326; font-weight:normal;}

/* about */
.navbanner{ width:100%; margin:0 auto; height:270px;}

.left{ float:left; width:22%; margin-right:4%;}
.left h3{ border-bottom:3px solid #83c326; font-size:1.4em; padding-bottom:10px; } 
.left > ul > li{ line-height:35px; border-bottom:1px solid #d2d2d2; padding:10px 0; font-size:15px;}
.left > ul > li a{ height:34px; line-height:34px; display:block; text-align:center; border-radius:15px;}
.left > ul > li a:hover{ background-color:#83c326; color:#fff; }
.left > ul > li a.click{ background-color:#83c326; color:#fff; }

.list > li{ /*background:url(../images/pro-circle.jpg) no-repeat 75px 15px;*/ font-size:14px;}
.list > li:hover{ /*background:url(../images/pro-circle-hover.jpg) no-repeat 75px 15px;*/}
.list > li > a{ text-align:left !important; }
.list > li > a:hover{ background:none !important; color:#83c326 !important;}
.list > li:hover span{ border:1px solid #83c326;}
.list > li > a.click1 { color:#83c326 !important; }
.list li span{ width:15px; height:5px; border-radius:15px; border:1px solid #333; display:block; float:left; margin-top:15px; margin-left:40px; margin-right:10px;}
.list > li.click1 span{ border:1px solid #83c326;}

.right{ float:left; width:74%;} 

.rongyu div{ float:left; width:46%; margin:2% 2%; text-align:center;}

.news-intro{ overflow:hidden; margin-bottom:35px;}
.news-intro-img{ float:left; width:46%; margin-right:4%;}
.news-intro-text1{ float:left; width:50%;}
.news-intro-text1 h4 span{ display:block; color:#adadad; font-weight:normal; margin:10px 0;}
.news-intro-text1 a{ display:block; width:130px; height:32px; line-height:32px; border:1px solid #d2d2d2; text-align:center; margin-top:10px; border-radius:25px; color:#6e6e6e;}
.news-intro-text1 a:hover{ background-color:#83c326; color:#fff;}

.news{ border-bottom:1px solid #d2d2d2; padding-bottom:35px; margin-bottom:35px; overflow:hidden;}
.news-img{ float:left; width:22%; margin-right:4%;}
.news-text1{ float:left; width:74%; }
.news-text1 h4 span{ display:block; color:#adadad; font-weight:normal; margin:10px 0;}
.news:hover .news-text1 h4{ color:#83c326;}

.develop a{ display:block; width:95%; border:1px solid #d2d2d2; height:50px; line-height:50px; padding:0 2%; margin-bottom:20px;}
.develop h3{ font-weight:normal;}
.develop h3 span{ margin-right:10px; font-size:13px; color:#a7a7a7;}
.develop a .ico{ float:right; margin-right:10px; font-family:"宋体"; font-size:2em;}
.develop a:hover{ background-color:#f6f6f6;}

.tonglan{ margin-bottom:25px; overflow:hidden; line-height:28px;}
.tonglan h4{ background-color:#eeeeee; height:35px; line-height:35px; padding-left:15px; margin-bottom:25px}

/* 本例子css */
.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .add{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border:1px solid #ddd;  position:relative; }
.slideTxtBox .add ul{ float:left;  position:absolute; left:0; top:-1px; height:32px; width:100%; }
.slideTxtBox .add ul li{ float:left; padding:0 15px; cursor:pointer; border-right:1px solid #ddd; }
.slideTxtBox .add ul li.on{ height:30px;  background:#83c326; border:1px solid #ddd; border-bottom:2px solid #fff; color:#fff; }
.slideTxtBox .bd ul{ /*padding:15px;*/  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd h4{border-bottom:1px solid #ddd; padding-bottom:10px; margin:20px 0;}
.slideTxtBox .bd h4 span{ float:right;}
.pro-list{ width:102%; text-align:center; overflow:hidden; }
.pro-list div{ width:12.25%; float:left; margin-right:2%; font-size:13px; margin-bottom:15px;}

.pro-list1{ width:100%;}
.prodetail-img{ float:left; border:1px solid #ddd; margin-right:2%; width:28%;}
.prodetail-img img{ vertical-align:bottom;}
.prodetail{ width: 100%;float: left;}
.tu-img{ width:100%; overflow:hidden; margin-bottom:25px;}
.tu-img div{ /*width:48%;*/  float:left;}
.tu-img-01{ width:32%; margin-right:2%;}
.tu-img-02{ width:64%;}
.tu-max{ width:100%; overflow:hidden;}
.tucold{ float:left; width:48%; margin-right:2%;}
.tucold .tu{ margin-bottom:25px;}
.tucold .tu h4,.detail h4{ background:#396; height:22px; line-height:22px; color:#fff;font-weight:600; width:400px; padding-left: 5px; margin-bottom:10px;}

.slideTxtBox .side{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border:1px solid #ddd;  position:relative; }
.slideTxtBox .side ul{ float:left;  position:absolute; left:0; top:-1px; height:32px; width:100%; }
.slideTxtBox .side ul li{ float:left; padding:0 15px; cursor:pointer; border-right:1px solid #ddd; }
.slideTxtBox .side ul li.on{ height:30px;  background:#83c326; border:1px solid #ddd; border-bottom:2px solid #fff; color:#fff; }

.side ul li{ width:10%; text-align:center; box-sizing:border-box; padding:0 0 !important;}
.side ul li:last-child{ border-right:none;}
.slideTxtBox .side ul li.on{ border:none !important; border-bottom:none !important;}
.slideTxtBox .hd ul li.on span{ margin:0 auto; width:0;height:0; border-bottom: 8px solid transparent; border-top: 8px solid #83c326; border-right: 8px solid transparent; border-left: 8px solid transparent; display:block;}
.slideTxtBox .bd h3{ margin:25px 0;}
.slideTxtBox .bd h3 span{ float:right;}

.upload01{ display:none;}

.list{ display:none;}

.list-text,.list-text01{ margin-top:25px;}
.list-text a{ border:1px solid #d2d2d2; height:42px; line-height:42px; display:block; text-align:center; border-radius:25px;  width:40%; margin:0 auto 15px;}
.list-text a:hover{ background-color:#83c326; color:#fff;}
.list-text01 a{ line-height:30px; display:block;}

.moju{ width:103%;}
.moju div{ float:left; width:31%; margin-right:2%; margin-top:2%; text-align:center;}
.moju div img{ border:1px solid #d2d2d2; box-sizing:border-box;}
		
.newsdetail{ text-align:center; padding-bottom:20px;}
.newsdetail span{color:#878787; font-size:13px; margin-top:15px; display:block;}
.newsdetail-title{ font-size:16px; font-weight:bold;}
.newsdetail-page{ padding:10px 0;border-top: 1px solid #d9d9d9;/*border-bottom: 1px solid #d9d9d9;*/font-size: 14px;}
.newsdetail-page a{ color:#333;}		
		
		
.footer-bg{ background-color:#323232;}
.footer{ max-width:1200px; width:100%; margin:0 auto;}
.weixin{ text-align:center; padding:20px 20px 12px; background-color:#1f1f1f; float:left; color:#adadad;}
.weixin img{ display:block; margin-bottom:10px;}
.weixin span{display:block;}
.lt{ overflow:hidden; padding:20px 40px 10px; }
.l-t{ float:left; margin-right:6%; color:#fff; font-size:12px; text-transform:capitalize;}
.l-t h3{ margin-bottom:10px; font-size:14px; text-transform:uppercase;} 
.l-t a{ display:block; color:#adadad; line-height:2;}
.l-t a:hover{ color:#fff;}
.r-t{ float:left; text-align:center; line-height:2;}
.alright{ text-align:left; color:#adadad;  padding:15px 0 15px 40px; overflow:hidden; border-top:1px solid #4a4a4a; margin-top:15px;}
.alright a{ color:#adadad;}
.alright span{ display:block; font-size:12px;}

@media (max-width: 1130px) {
.nav-menu > li{ font-size:14px;}
.nav-menu > li span{ padding:0 14px;}
}
@media (max-width: 1140px) {
.l-t{ margin-right:2%;}
}
@media (max-width: 980px) {
.logo-top,.main{ width:96%; margin-left:2%; margin-right:2%;}
.header a.menu { display:block;}
.nav-menu{ display:none;}
.nav-menu1{ position:absolute; top:90px; width:100%; background-color:#EFEFEF; float:right;}
.nav-menu1 > li{ float:none; text-align:center; border-bottom:1px solid #d2d2d2; line-height:4;}
.spec{ width:12%; margin:0 auto; overflow:hidden;}


.nav-menu1 > li > a {display: block; color: #826231;position: relative;overflow: hidden; z-index:10; text-transform:uppercase;}
.nav-menu1 > li span{ padding:0 20px;  display:block; position:relative; z-index:999;}
.item-bg{ position: absolute;left: 0;top: 90px;background-color: #83c326; z-index: 9;width: 100%;height: 100%; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.nav-menu1 > li:hover .item-bg{ top:0;}
.nav-menu1 > li a:hover{ color:#fff;}
.item1{ /*position:absolute; top:90px; */background:rgba(255,255,255,0.8); width:100%; text-align:center; z-index:11; display:none;}
.item1 a{ display:block; height:35px; line-height:35px; padding:0 10px; text-transform:capitalize;}
.item1 a:hover{ background-color:#83c326;}
/*.nav-menu1 > li:hover .item1{ display:block;}*/

.pro-news-max{ width:100%;}
.pic-01, .pic-02, .pic-03, .pic-04{ width:46%; margin:2%;}
.pro-news-right{ width:100%;}
.lt{ display:none;}
.weixin{ display:none;}
.contact{ display:none;} 
.alright{ padding-left:2%;}

.left{ width:100%; margin-bottom:35px;}
.right{ width:100%;}
.upload{ display:none;}
.upload01{ display:block; text-align:center;}

.alright a{ display:block;}
}


@media (max-width: 760px) {

}

@media (max-width: 640px) {
.pro-intro{ width:48%;}
.list-text a{ width:80%;}
}

@media (max-width: 520px) {
.side ul li{ width:25%;}
.side ul li:last-child{ border-right:1px solid #ddd; }
.slideTxtBox .side{ height:120px;}
.slideTxtBox .side ul li{ height:30px; line-height:30px; border-bottom:1px solid #ddd;}
.moju div{ width:47.5%;}
.news-intro-img{ width:100%; text-align:center; margin-right:0;}
.news-intro-text1{ width:100%; margin-top:25px;}
.news-text1 div{ display:none;}
.pro-list div{ width:23%; margin-bottom:25px; border:1px solid #ddd; box-sizing:border-box;}
.pro a{ width:48%; }
.develop a{ height:auto; line-height:23px; }
.develop a h3{ font-size:14px;}
.develop a h3 span{ display:block;}
.develop a .ico{ display:none;}

/*.add ul li{ width:25%;}*/
/*.hd ul li:last-child{ border-right:1px solid #ddd; }*/
.slideTxtBox .add{ height:120px;}
/*.slideTxtBox .hd ul li.on span{ display:none;}*/
.slideTxtBox .add ul li{ height:30px; line-height:30px; width:100%; /*border-bottom:1px solid #ddd;*/}
}

@media (max-width: 480px) {
.pro-list1{ border-bottom:1px solid #ddd; overflow:hidden; padding-bottom:15px; margin-bottom:25px;}
.prodetail-img{ margin-right:0; width:60%;}
.prodetail{ margin-top:15px; width:100%; float:left;}	
}

@media (max-width: 370px) {
.logo-top img{ height:50px; margin-top:20px;}
.pro-intro{ width:100%;}
.pro-news-time{ width:100%;}
.pro-news-text{ width:100%;}
.pic-01, .pic-02, .pic-03, .pic-04{ width:100%;}
.moju div{ width:100%;}
.pro a{ width:98%; }
.rongyu div{ width:100%;}


}