/*reset*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff; font-family: "microsoft yahei",arial; width: 100%;}
a,a:hover{color:#333;}
.body_w{ _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1440?"1440px":""); max-width:1440px; margin: 0 auto;}

.fl{ float: left;}
.fr{ float: right;}

.tl{ text-align: left;}
.tr{ text-align: right;}

.clear{ clear: both;}
.w1000{ width: 1000px; margin:15px auto 0px auto;}
.w1200{ width: 1200px; margin:0px auto;}

body{ background: url(../images/bg.jpg) repeat;}
/*  ====header=====  */

.hd_top{ background: #f6f6f6; border-bottom: 1px solid #eee; width: 100%; line-height: 30px;}
.hd_top p{ color: #666; font-size: 12px; display: block;}
.hd_top p.fr{ color: #3b8027; font-weight: bold;}

.header{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.logo{ margin: 25px 0;}
.logo img{ height: 46px; display: block;}
.nav{ width: 720px; display: block; padding: 20px 0;}
.nav ul{ width: 100%; display: block;}
.nav ul li{ float: left; width: 14.28%; text-align: center;}
.nav ul li a{ line-height: 50px; display: inline-block; font-size: 15px;}
.nav ul li a:hover,.nav ul li.active a{ font-weight: bold; color: #3b8027; border-bottom: 2px solid #3b8027;}


/* banner css -------------------------------------- */
.slideBox{  background: #fff; width: 100%; margin:0 auto; position:relative; overflow: hidden; }
.slideBox .hd{ width:100%; position: absolute; bottom: 20px; left:0px; height:29px;  text-align:center;  }
.slideBox .hd ul{ display:inline-block; height:24px; padding:16px 5px;  z-index: 999;-webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; font-size:0; vertical-align:top;}
.slideBox .hd ul li{ background:#fff; cursor: pointer; display:inline-block; width:30px; height:6px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:8px;  margin:0 5px;  vertical-align:top; overflow:hidden;   }
.slideBox .hd ul .on{ background: green;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox .bd li a,.slideBox .bd li,.slideBox .bd{ height: 540px; width: 100%; display: block;}



/*footer css -------------------------------------- */
.ft{width: 100%;background: #222;padding: 15px 0;}
.fb{width: 100%;background: #161616;padding: 10px 0;}
.fb p{ width: 1200px; display: block; margin: 0 auto; line-height: 30px; text-align: center; color: #666; font-size: 14px;}
.f_tit{ font-size: 16px; display: block; line-height: 30px; color: #eee; text-align: center; background: url(../images/tit_bg.png) no-repeat center top;}
.f_tit span{ font-size: 24px; display: block; font-weight: bold;  line-height: 50px; color: #3b8027; } 
.f_tit i{ background: #3b8027; height: 4px; width: 60px; display: block; margin: 10px auto;}
.ft img.ewm{ margin: 0px auto; display: block; width: 80px; height: 80px;}
.ft ul{ overflow: hidden;}
.ft ul li{  text-align: center; width:100%; font-size: 14px; color: #ccc; line-height: 24px; }

.f_left{ width: 900px;}


.in_main{ display: block; padding: 60px 0; }


.about{display: block;background: #fff;}
.about .txt p{ line-height: 28px; display: block; font-size: 16px; color: #666;}
.txt h2{ font-size: 20px; line-height: 40px; color: #3b8027; margin-bottom: 20px;}
.about .txt{ width: 580px; padding-left: 80px; }
.in_tit.f_tit{ color: #333; margin-bottom: 20px;}
.about_txt{ margin-top: 40px;}
.aimg_w{ width: 460px; height: 287px; overflow: hidden; display: block; float: left;}
.aimg_w img{ width: 100%; height: 287px;}

.Amore{ margin: 20px 0 0 0; display: inline-block; font-size: 14px; text-transform: uppercase; color: #3b8027; border: 1px solid #3b8027; border-radius: 20px; padding: 10px 20px;}
.Amore:hover{ background: #3b8027; color: #fff; }  

.in_pro{ margin-top: 40px;}

/* 本例子css */
.in_pro{ width:1200px; margin-bottom: 40px;  }
.in_pro .hd{ height: 40px; line-height:40px;   position:relative; }
.in_pro .hd ul{   height:40px; font-size: 0px;  text-align: center; }
.in_pro .hd ul li{ padding:0 25px; color: #333; border-radius: 30px; border: 1px solid #e0e0e0; cursor:pointer; font-size: 16px; display: inline-block; margin: 0 10px;  }
.in_pro .hd ul li.on{  background:#3b8027; color: #fff; border: 1px solid #3b8027; }


.pro_list .bd{ overflow: hidden; padding: 0px 0 0px 0px;}
.pro_list .bd ul li{ width: 221px; margin-right: 20px; float: left; border: 1px solid #fff; }
.pro_list .bd ul li a{ background: #fff; padding: 5px; display: block; overflow: hidden; position: relative;}
.pro_list .bd ul li img{object-fit: cover; width: 211px; height: 220px; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.pro_list .bd ul li span{ font-size: 16px; text-align: center; color: #333; margin: 5px 0; font-weight: normal; line-height: 30px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_list .bd ul li:hover{ border: 1px solid #3b8027;}
.pro_list .bd ul li a:hover span{ color: #c4261d; }
.pro_list .bd ul li p{ font-size: 13px; color: #808080; line-height: 26px; text-align: center;}
.pro_list .bd ul li .pic_w{ width: 211px; height: 220px; overflow: hidden;}
.pro_list .bd ul li a:hover img{-webkit-transform: scale(1.2); transform: scale(1.2); }


.pro .Amore{ margin: 0 auto; display: block; width: 55px;}


/*top*/
.page_top{position:absolute; bottom: 10px;}
#pageTop{background:url(../images/page_top_bg.png) no-repeat; display: none; width:80px;height:80px;right:10px;bottom:10px;position:fixed;overflow:hidden;text-indent:-999px;}
#pageTop:hover{background-position:0 -91px}
#pageTop a{width:100%;height:100%;display:block;}


.online-qq{ z-index:500;padding:12px 0 0;text-align:center}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px #bbb;border:1px solid #eee}
.qq_content dd{padding:12px}
.qq_content .tel{background:#f8f8f8;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00}
.qq_content .ercod{background:#fff}
.qq_content dd p{padding:.3em 0}


.ys_box{ background: url(../images/ys_b.png) no-repeat center bottom;}
.ys_box ul{ overflow: hidden; margin-top: 40px; font-size: 0px;}
.ys_box ul li{ width: 210px; padding: 0 15px; display: inline-block; vertical-align: bottom; line-height: 24px; cursor: pointer;}
.ys_box ul li span{ display: block; padding: 0px; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.ys_box ul li p{ display: block; padding: 0px; font-size: 14px;}
.ys_li{ padding: 10px; border: 1px solid #eee; background: #FFFFFF; border-radius: 10px; position: relative; margin-bottom: 25px;}
.ys_li i{ display: block; width:33px ; height:17px ; position: absolute; left: 50%; margin-left: -16px; bottom:-17px ; background: url(../images/jt_icon.png) no-repeat center; z-index: 1;}
.ys_li em{ display: block; width:6px ; height:6px ; border-radius: 50%;  background: #fff; border: 3px solid #3b8027; position: absolute; bottom: -26px; left: 50%; margin-left: -6px; z-index: 2;}

.ys_box ul li:hover .ys_li{ background: #3b8027; color: #fff;}
.ys_box ul li:hover .ys_li i{ background: none;}

.ys_pic{ margin-top: 40px;}




.jd .in_pro{ margin-bottom: 0px;}
.jd .in_pro .hd{ height: 20px; line-height:20px; margin-top: 20px;   position:relative; }
.jd .in_pro .hd ul{   height:40px; font-size: 0px;  text-align: center; }
.jd .in_pro .hd ul li{ padding:0 8px; color: #333; background: #bbb; border: 0px; text-indent: -99999999px; border-radius: 30px; height: 6px;  cursor:pointer; font-size: 16px; display: inline-block; margin: 0 6px;  }
.jd .in_pro .hd ul li.on{  background:#3b8027; color: #fff;  }



.in_news{background: url(../images/news_bg.png) no-repeat center top;}
.about_tit{ font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; margin: 0 0 40px 0; }

.in_left,.in_right{ width: 520px;}

.in_right .news_list{ display: block; }
.in_right .news_list ul{ padding-top: 60px ;}
.news_list ul{ padding-top: 20px ;}
.news_list ul li{ display: block; position: relative; padding-right: 90px; padding-bottom: 10px; padding-left: 20px;}
.news_list ul li span{ font-size: 12px; text-align: right; color: #999; line-height:30px;width: 80px; position: absolute; right: 0px; top:0px;}
.news_list ul li span font{ font-size: 16px; color: #333; }
.news_list ul li a{ line-height: 30px; display: block; font-size: 16px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
.news_list ul li i{ width: 10px; height: 10px; background: url(../images/jt.png) no-repeat center; display: block; position: absolute; left: 0px; top: 9px;}


.slideBox2{  height: 368px; width: 520px;   position:relative; overflow: hidden; }
.slideBox2 .hd{position: absolute;bottom: 5px;left:0px;right: 0px;height:30px;text-align:center;}
.slideBox2 .hd ul{ display:inline-block; height:24px; padding:0px 5px; float: right;  z-index: 999; line-height: 20px;  font-size:12px; vertical-align:top;}
.slideBox2 .hd ul li{ background: #fff; cursor: pointer; display:inline-block; width:20px; height:20px;  margin:0 3px;  vertical-align:top; overflow:hidden;   }
.slideBox2 .hd ul .on{ background:red; color: #fff;  }
.slideBox2 .bd{ position:relative; z-index:0; }
.slideBox2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox2 .bd li a,.slideBox2 .bd li,.slideBox2 .bd{ width: 100%; display: block;}
.slideBox2 .bd li a img{ width: 100%; height: 368px; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.slideBox2 .bd li a:hover img{-webkit-transform: scale(1.2); transform: scale(1.2); }

.Crumbs_w{ background: #fff;}
.Crumbs{ width: 1180px; margin: 0px auto 0 auto; font-size: 14px; padding:10px 0 10px 20px; height: 33px; line-height: 33px; background: url(../images/icon_home.png) no-repeat center left; color: #666;}
.Crumbs a{ color: #333;}

.left{ width: 230px; float: left; display: block; margin-bottom: 20px; background: #fff; padding: 15px;}
.left .in_tit3{font-size: 18px;text-align: center;line-height: 37px;color: #3b8027;font-weight: bold;padding-bottom: 10px;background: url(../images/tit_bg2.png) no-repeat center bottom;}
.con_left_a{ border: 1px solid #578d0a; border-radius: 2px; width: 240px;}
.con_left_a ul{ padding: 0 5px;}
.con_left_a ul li{line-height: 30px;display: block;font-size: 14px; padding: 1px 0; border-top: 1px dashed #c3c3c3; margin-top: -1px;}
.con_left_a ul li a{display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.con_left_a ul li a span{ font-family: simsun; color: #578d0a;}
.box_tit{ background:#a5633f; height: 37px; width: 220px; padding: 0 10px; position: relative; z-index: 1; font-size: 14px; color: #fff; line-height: 32px;}
.box_tit a{ margin-top: 4px; display: block;}
.snav2{ width: 100%;}
.snav2 a{ font-size: 16px; display: block; padding: 10px 0; text-align: center; background: #EEEEEE; color: #333; margin: 5px 0;}
.snav2 a:hover,.snav2 a.active{background: #3b8027;color: #fff;}
.left .news_list ul li a{ font-size: 14px;}
.in_contact{ font-size: 14px; color: #666; line-height: 30px; margin-top: 15px;}
.in_contact p span{ color: #333333;}
.in_contact p img{ width: 100%; height: auto; display: block; margin-top: 10px; }


.right{ width: 860px; float: right; background: #fff; padding: 20px; }
.box_tit2{ overflow: hidden; border-bottom:1px solid #cecece; height: 37px;  padding: 0 10px 0 0; position: relative; z-index: 1; font-size: 14px; color: #fff; line-height: 32px;}
.box_tit2 span{ height: 35px; float: left; line-height: 35px; font-size: 18px; font-weight: bold; padding: 0 20px; color: #3b8027; border-bottom: 2px solid #3b8027; display: block; }

.pageJump{ padding: 20px 0; overflow: hidden;  font-size: 12px; text-align: center;}
.pageJump a{ display: inline-block; margin-right: 6px; padding: 4px 8px; vertical-align: top; color: #333333; border: 1px solid #ddd;}
.pageJump a:hover,.pageJump a.current{ background: #954e00; border: 1px solid #954e00; color: #fff;}
.number{ display: inline-block; text-align: center;}

.pro_list2 { overflow: hidden; padding: 20px 18px 0px 0px;}
.pro_list2 ul li{ width: 259px; margin-left: 18px; float: left;  margin-bottom: 30px; }
.pro_list2 ul li a{ background: #fff;  display: block; overflow: hidden; position: relative;}
.pro_list2 ul li img{ width: 259px; height: 210px; display: block; -webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.pro_list2 ul li a:hover img{-webkit-transform: scale(1.2); transform: scale(1.2); }
.pro_list2 ul li span{ width: 257px; font-size: 14px; text-align: center;border: 1px solid rgb(204, 204, 204); border-top: 0px; background: #FFFFFF; color: #333; font-weight: normal; line-height: 42px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_list2 ul li a:hover span{ color: #3b8027; }
.cp_img{ width: 259px; height: 210px; overflow: hidden;}



.con_txt{ padding: 0 0px 20px 0px;}
.display_title h1 { text-align: center; padding: 30px 30px 15px; margin: 0; color: #111; font-size: 22px; line-height: 28px; }
.display_content p{ font-size: 14px; color: #333; line-height: 24px; text-indent: 2em;}
.display_content img{ max-width: 100%; display: block; overflow: hidden; margin: 15px auto;}
.info{ padding:10px 0 10px 0; margin: 0 auto; width: 500px; text-align: center; background: #e8f0e3; color: #999;}
.page_up_dn{z-index:300;margin:0;padding: 20px;overflow:hidden;zoom:1; font-size: 14px; line-height: 24px;}
.page_up_dn li{padding:0;width:100%; color: #333; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.page_up_dn li a{ color: #000;}
.page_up_dn li span{ font-weight: bold;}
.red{ color: red;}
.display_content{ padding: 20px 10px 0 10px;}


.pt0px{ padding-top:40px !important;}