/* CSS Document */
*{padding: 0;margin: 0;font-family: "微软雅黑"; box-sizing: border-box;}
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#5a5a5a; font: 14px/1.5 Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; box-sizing: border-box;}
h1, strong, h3, h4, h5, h6 { font-size: 100%;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#5a5a5a; cursor: pointer;}
a:hover{text-decoration:none; color:#444;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
button{ cursor: pointer;}
button,input{/*消除默认样式*/margin: 0px;padding: 0px;/*自定义边框*/border: 0px;/*消除默认点击蓝色边框效果*/outline: none;}

/*顶部样式*/
.top{ height:36px; line-height:36px; overflow: hidden; border-bottom: 1px solid #eaeaea;}
.top .fl p{ font-size: 12px; color: #999;}
.top .fr ul li{ float: left;}
.top .fr ul li a{ font-size: 12px; color: #999; border-left: 1px solid #999; padding: 0 10px;}
.top .fr ul li:first-child a{ border-left: none;}
.top .fr ul li a:hover{ color: #444;}

.logo{ height: 100px; overflow: hidden;}
.logo .logoimg{ padding-top: 8px;}
.logo .logoimg img{ height: 84px; width: auto;}
.logo .logoimg .logogg{ padding-left: 10px; }
.logo .logoimg .logogg h5{ font-size: 40px; padding-top: 10px; color: #34a200;}

.logo .dianhua img{ height: 55px; margin-top: 22.5px;}
.logo .dianhua .dhnr{ padding-top: 32px; padding-left: 15px;}
.logo .dianhua .dhnr p{ font-size: 18px; color: #34a200;}
.logo .dianhua .dhnr b{ font-size: 24px;}

.dhl{ background: #34a200; position: relative; z-index: 999;}
.dhl li.fl{ width: 110px; padding: 0 5px; height: 55px; line-height: 55px; text-align: center;}
.dhl li.fl a{ display: block; font-size: 16px; color: #fff;}
.dhl li.active, .dhl li:hover{ background: #6ad300;}
.dhl li .submenu{ display: none; background: #34a200;; padding: 10px;}
.dhl li:hover .submenu{ display: block;}
.dhl li .submenu li{ height: 36px; line-height: 36px;}
.dhl li .submenu li:hover{ background: #6ad300;}
.dhl li .submenu li a{ font-size: 14px;}

.dhl li.sousuo{ width: 295px; float: right;}
.dhl li.sousuo:hover{ background: #34a200;}
.dhl li.sousuo input{ float: left; margin-top: 12.5px; width: 229px; background-color: #70bb4c; font-size: 12px; color: #d0e7c5; line-height: 30px; height: 30px; padding: 7px 5px; vertical-align: middle; border: #70bb4c 2px solid;}
.dhl li.sousuo input::-webkit-input-placeholder { color: #d0e7c5;}
.dhl li.sousuo button{ display: inline-block; width: 50px; height: 30px; line-height: 30px;background: #ff9900; cursor: pointer; color: #fff; font-size: 14px; text-align: center;}

/*banner*/
.banner{ height:550px;}
.banner img{ height: 550px;}

.sycp{ margin: 50px 0;}
.sycp .zcfl{ width: 240px;}
.sycp .zcfl .lmm{ width: 100%; line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: #34a200;}
.sycp .zcfl .zlm{ margin-top: 5px; border: 3px solid #34a200; height: 290px; background: #fff;}
.sycp .zcfl .zlm li{ width: 100%; height: 65px; text-align: center; line-height: 65px; margin-bottom: 8px;}
.sycp .zcfl .zlm li.on{ background: #34a200;}
.sycp .zcfl .zlm li a{ width: 100%; display: inline-block; background: url("../images/flbq.png") center left no-repeat;}
.sycp .zcfl .zlm li.on a{ background: url("../images/flbqon.png") center left no-repeat; color: #fff;}
.sycp .zcfl .more{ margin-top: 5px; background: #34a200; height: 50px; line-height: 50px; width: 100%; display: inline-block; text-align: center; font-weight: bold; color: #fff;}
.sycp .zcfl .more:hover{ background:#ff6600;}
.sycp .yccp{ width: 940px;}
.sycp .yccp ul{ width: 100%;}
.sycp .yccp ul li{ float: left; width: 220px; height: 250px; padding: 15px; border: 1px solid #d9d9d9; margin: 0 15px 15px 0;}
.sycp .yccp ul li:hover{ border: 1px solid #34a200;}
.sycp .yccp ul li .img{ width: 100%; height: 180px; overflow: hidden;}
.sycp .yccp ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.sycp .yccp ul li p{  font-size: 15px; text-align: center; color: #5a5a5a;}

.sygy{ background-color: #34a200; padding: 40px 0; color: #fff;}
.sygy h2{ font-size: 18px; border-bottom: 1px solid #78c354; padding-bottom: 20px;}
.sygy h2 span{ font-size: 14px; font-weight: normal; padding-left: 05px;}
.sygy .fgx{ position: relative; top: -2px; width: 70px; border-bottom: 2px solid #ffffff;}
.sygy .jjnr{ padding: 10px 0 40px; font-size: 13px; line-height: 2em; text-indent: 2em;}
.sygy .jjnr a{ color: #fff;}
.sygy ul li{ float: left; width: 25%;}
.sygy ul li h1{ font-size: 16px; padding-bottom: 10px;}

.syys{ margin: 40px 0;}
.syys ul li{ width: 100%; height: 359px; background: url("../images/ys1.jpg") center no-repeat;}
.syys ul li.zj{ background: url("../images/ys2.jpg") center no-repeat; margin-left: 60px;}
.syys ul li .yszc{ width: 700px; padding-left: 50px;}
.syys ul li.zj .yszc{ padding-left: 0;}
.syys ul li .yszc .bt0{ font-size: 32px; color: #78c354; font-family: KaiTi;}
.syys ul li.zj .yszc .bt0{ text-align: right; padding-right: 60px;}
.syys ul li .yszc .bt1{ margin-left: 30px; font-size: 16px; color: #666; padding-bottom: 10px;}
.syys ul li .yszc .bt2{ margin-left: 30px; font-size: 16px; color: #34a200; font-weight: bold; padding-bottom: 15px;}
.syys ul li .yszc .bt3{ width: 600px; margin-left: 30px; font-size: 14px; color: #ccc; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9;}
.syys ul li .yszc .bt4{ width: 600px; margin-left: 30px; font-size: 14px; color: #666; padding: 30px 0;}
.syys ul li .yszc a{  margin-left: 30px; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff;}
.syys ul li .yszc a.dg{ background: #ff9900;}
.syys ul li .yszc a.lx{ background: #34a200;}
.syys ul li .yszc a:hover{ background: #ff6600;}
.syys ul li .ysyc{ width: 390px;}
.syys ul li .ysyc img{ width: 100%; height: 310px; object-fit: contain;}

.kehu{ width: 100%; background: url("../images/khbj.jpg") center no-repeat; padding: 70px 0; color: #fff; text-align: center;}
.kehu h1{ font-size: 30px; padding-bottom: 10px;}
.kehu .jjnr p, .kehu .jjnr p span{ text-align: left; font-size: 13px!important; line-height: 2em!important;}
.kehu a{  margin-left: 30px; margin-top: 20px; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff;}
.kehu a.dg{ background: #ff9900;}
.kehu a.lx{ background: none; border: 1px solid #fff;}
.kehu a:hover{ background: #ff6600;}
.kehu a.lx:hover{ background: #ff9900;}

.synews{ margin: 40px 0;}
.synews .xwlb{ width: 48%; margin-right: 4%;}
.synews .xwlb:last-child{ margin-right: 0;}
.synews .xwlb h2{ font-size: 18px; color: #666; border-bottom: 1px solid #cccccc; padding-bottom: 15px;}
.synews .xwlb h2 span{ padding-left: 10px; font-size: 14px; color: #ccc; font-weight: normal;}
.synews .xwlb h2 a{ float: right; color: #ff9900; font-size: 12px; font-weight: normal; padding-top: 8px;}
.synews .xwlb .fgx{ position: relative; top: -2px; width: 70px; border-bottom: 2px solid #34a200;}
.synews .xwlb .xwone{ display: inline-block; width: 100%; padding-bottom: 25px; border-bottom: 1px solid #eee; margin: 50px 0 30px 0;}
.synews .xwlb .xwone .img{ width: 35%; height: 120px;}
.synews .xwlb .xwone .img img{ width: 100%; height: 100%; object-fit: cover;}
.synews .xwlb .xwone .xwtt{ padding-left: 5%; width: 60%;}
.synews .xwlb .xwone h5{ color: #666;}
.synews .xwlb .xwone h5:hover{ color: #34a200;}
.synews .xwlb .xwone p{ font-size: 12px; color: #7d7d7d;}
.synews .xwlb .xwone span{ float: right; font-size: 12px; padding-top: 10px;}
.synews .xwlb ul li a{ display: inline-block; width: 80%; font-size: 13px; padding: 5px 0;}
.synews .xwlb ul li a:hover{ color: #34a200;}
.synews .xwlb ul li span{ float: right; font-size: 13px; color: #9f9f9f;}

.dbcd{ background: #34a200; height: 60px; line-height: 60px;}
.dbcd ul li{ float: left; width: 20%; text-align: center;}
.dbcd ul li a{ color: #fff;}
.foot{ background: #2b8500; padding-top: 85px; padding-bottom: 30px;}
.foot li{ float: left;}
.foot li img{ max-width: 120px; height: auto;}
.foot li p{ line-height: 2em; color: #fff; padding-left: 145px;}
.foot li p a{ color: #fff;}
.foot .dbewm{ float: right;}
.foot .dbewm img{ width: 100px;}
.foot .dbewm h5{ color: #fff; text-align: center; font-size: 12px; font-weight: normal;}

/* neiye */
.neiye{ margin: 10px 0 60px;}
.neiye .nyfl{ width: 240px;}
.neiye .nyfl .lmm{ width: 100%; line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: #34a200;}
.neiye .nyfl .zlm{ margin-top: 5px; border: 3px solid #34a200; background: #fff;}
.neiye .nyfl .zlm li{ width: 100%; height: 50px; text-align: center; line-height: 50px; margin-bottom: 8px;}
.neiye .nyfl .zlm li.on{ background: #34a200;}
.neiye .nyfl .zlm li a{ width: 100%; display: inline-block; background: url("../images/flbq.png") center left no-repeat;}
.neiye .nyfl .zlm li.on a{ background: url("../images/flbqon.png") center left no-repeat; color: #fff;}
.neiye .nyfl .zclx{ margin-top: 5px; background: #34a200; height: 50px; line-height: 50px; width: 100%; display: inline-block; text-align: center; font-weight: bold; color: #fff;}
.neiye .nyfl .zclx:hover{ background:#ff6600;}
.neiye .nyfl .zclxx{ margin-top: 5px; border: 3px solid #34a200; background: #fff;}
.neiye .nyfl .zclxx img{ max-width: 100%; height: auto; object-fit: cover; padding-bottom: 15px;}
.neiye .nyfl .zclxx h1{ padding: 0 10px; font-size: 14px; color: #ff9900;}
.neiye .nyfl .zclxx p{ padding: 10px;color: #999; line-height: 240%; font-size: 12px;}

.neiye .nynr{ width: 920px;}
.neiye .nynr .mianbaoxie{ padding-bottom: 10px; border-bottom: 1px solid #eaeaea;;}
.neiye .nynr .mianbaoxie a{ padding: 0 5px;}
.neiye .nynr .mianbaoxie a:hover{ color: #34a200;}

.neiye .nytybt{ text-align: center; margin: 30px 0;}
.neiye .nytybt h1{ font-size: 24px; color: #393939; font-weight: normal;}
.neiye .nytybt p{ width: 20px; padding-top: 5px; border-bottom: 1px solid #34a200; margin: 0 auto;}

/* about */
.aboutys ul li .yszc{ width: 480px;}
.aboutys ul li{ background: url(../images/ys1.jpg) left no-repeat;}
.aboutys ul li.zj{ background: url(../images/ys2.jpg) right no-repeat;}
.aboutys ul li .yszc .bt3{ width: 380px;}
.aboutys ul li .yszc .bt4{ width: 380px;}
.aboutys ul li .ysyc{ width: 300px;}

/* danye neirong */
.neiye .dynr{ font-size: 16px; line-height: 2em;}
.neiye .dynr img{ max-width: 100%; height: auto!important;}

.neiye .contact tbody tr{ display: inline-block; padding: 10px 0;}
.neiye .contact tbody tr td:nth-child(2){ width: 400px;}
.neiye .contact img{ width: 52px; height: 52px; margin-right: 10px;}
#mapbox{ margin-top: 30px;}

.neiye .hzdw tbody tr{ display: inline-block; padding: 20px 0;}
.neiye .hzdw tbody tr td{ text-align: center; padding: 0 20px;}
.neiye .hzdw img{ height: 90px!important; object-fit: contain;}

/* newslist */
.nyxwlist ul li{ width: 100%; float: left; padding: 12px 0; margin: 10px 0; border-bottom: 1px dashed #d6d6d6;}
.nyxwlist ul li .time{ float: left; width: 76px; height: 76px; margin-left: 30px; background: #f5f5f5; text-align: center; overflow: hidden;}
.nyxwlist ul li .time h1{ padding-top: 10px; color: #ababab; font-size: 24px;}
.nyxwlist ul li .time span{ color: #ababab; font-size: 12px;}
.nyxwlist ul li .bt{ float: right; width: 85%;}
.nyxwlist ul li .bt p{ font-size: 17px; color: #333; padding: 3px 0; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}
.nyxwlist ul li .bt span{ font-size: 14px; color: #ababab; font-weight: normal;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden;}
.nyxwlist ul li:hover{ background: #99999930;}
.nyxwlist ul li:hover p{ color: #34a200;}

/* news */
.xwnr .bt{ margin: 25px 0; text-align: center;}
.xwnr .bt p{ font-size: 20px; color: #666; font-weight: bold; margin-bottom: 10px;}
.xwnr .bt span{ font-size: 12px;}
.xwnr .bt h5{ background: f5f5f5; border: 1px solid #e5e5e5; padding: 5px 0; width: 100%; margin: 10px 0;}
.xwnr .xwxq p{ font-size: 16px; line-height: 2em;}
.xwnr .xwxq img{ max-width: 100%; height: auto;}

/* prolist */
.prolist ul{ width: 100%;}
.prolist ul li{ float: left; width: 24%; height: 250px; padding: 15px; border: 1px solid #d9d9d9; margin: 0 1% 1% 0;}
.prolist ul li:hover{ border: 1px solid #34a200;}
.prolist ul li .img{ width: 100%; height: 180px; overflow: hidden;}
.prolist ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.prolist ul li p{ padding-top: 10px; font-size: 15px; text-align: center; color: #5a5a5a;}

/* product */
.pronr .bt{ margin: 25px 0; text-align: center;}
.pronr .bt p{ font-size: 20px; color: #666; font-weight: bold; margin-bottom: 10px;}
.pronr .bt h5{ background: f5f5f5; border: 1px solid #e5e5e5; padding: 5px 0; width: 100%; margin: 10px 0;}
.pronr .proxq p{ text-indent: 2em; font-size: 16px; line-height: 2em;}
.pronr .proxq img{ max-width: 65%; height: auto;}

/* imglist */
.imglist ul{ width: 100%;}
.imglist ul li{ float: left; width: 32.33%; height: 350px; padding: 15px; border: 1px solid #d9d9d9; margin: 0 1% 1% 0;}
.imglist ul li:hover{ border: 1px solid #34a200;}
.imglist ul li .img{ width: 100%; height: 280px; overflow: hidden;}
.imglist ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.imglist ul li p{ padding-top: 10px; font-size: 15px; text-align: center; color: #5a5a5a;}

/*page*/
.pre{ margin: 20px 0;}
.pre a{ color:#444; font-size: 12px;}
.pre a:hover{ color:#34a200; font-size: 12px;}
.page {width: 100%;height: 50px;text-align: center;line-height: 50px;padding-top: 1px; clear:both;}
.page a{background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #9d7751;font-size: 14px;}
.page .page-num-current{background: #34a200; color: #fff;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}

/* form */
.nynr form{ width: 100%;}
.nynr form li{ float: left; width: 50%; margin-bottom: 20px;}
.nynr form li p{ padding-bottom: 10px; padding-left: 5px;}
.nynr form li input{ width: 300px; line-height: 28px; border: 1px solid #dedede; font-size: 14px; padding: 5px 10px; border-radius: 5px;}
.nynr form li.nr{ width: 100%;}
.nynr form li textarea{ width: 100%; border: 1px solid #dedede; font-size: 14px; padding: 5px 10px; border-radius: 5px;}
.nynr form li img{ float: right; height: 38px; padding-right: 40px;}
.nynr form .submit{ width: 320px; height: 40px; background: #34a200; border-radius: 5px; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}
.nynr form .submit:hover{ background: #ff6600;}