@charset "UTF-8";
/*!
	作者：嘉兴首屏-前端：SUNI1024
	时间：2020-02-29
	css 版本 bootstrap 4
*/
/* 重置样式 S*/
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
*{box-sizing:border-box}
html,body{min-height:100%;}
body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;color:#333;background:#fff;position:relative}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
img{border:none;vertical-align:middle}
a{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#666;text-decoration:none}
a:active{color:#666;text-decoration:none}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
/* 重置样式 E*/
/* 公共样式 S*/
section{padding: 45px 0 10px 0;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.fixed_top{position: fixed;top: 0;left: 0;z-index: 9999;}
.wrap{width: 1200px; margin: 0 auto;}
.bd_weixin_popup .bd_weixin_popup_main { padding: 10px !important;}
.bg_color {background:#4B9C01;}
.active_color {background: #3F760C;}
.hover_color {background:#4B9C01;}
.copyRight_color {background:#3F760C;}
.title .CN{margin-bottom: 10px;font-size: 28px;color: rgb(51, 51, 51);}
.title span.EN{color: rgb(153, 153, 153);font-size: 16px;position: relative;}
.title span.EN::before,.title span.EN::after{content: '';width: 65px;height: 2px;background-color: rgb(204, 204, 204);position: absolute;right: 110%;bottom: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;}
.title span.EN::after{left: 110%;}
.linkMore{display: inline-block;line-height: 34px; padding: 0 45px; border: 1px solid #ccc; border-radius: 0;color: #999;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}
.linkMore:hover{background-color: #4b9c01; border-color: #4b9c01; color: #fff;}
.text-center{text-align: center !important;}
.text-uppercase{text-transform: uppercase !important;}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-truncate-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.text-truncate-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.d-block{display: block !important;}
.w-100{width: 100% !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-30{margin-bottom: 30px !important;}
/* 公共样式 E*/
 /* public 分类导航 S*/
 .ClassNav{display: -webkit-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;flex-wrap: wrap;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;margin-bottom: 30px;}
 .ClassNav-item {width: 175px;margin:5px;}
 .ClassNav-item a {display: block;width: 100%;border: solid 1px #F2F2F2;background-color: #f2f8fc;text-align: center;padding: 5% 0;color: #7b7b7b;-webkit-transition: all ease .3s;transition: all ease .3s;}
 .ClassNav-item a:hover,.ClassNav-item a.active {background: #4b9c01;color: #fff;}
 /* 分类导航 E*/
/* header S*/
.navTop{width:100%;height:90px;margin-bottom: 10px;box-sizing: border-box;display: -webkit-box;display: flex;}
.navTop .logo{-webkit-box-flex:1;flex:1}
.navTop .tel{min-width: 200px;margin-top: 20px;text-align: right;}
.logo a{display: block;}
.logo img{margin-top: 10px;}
.logo .content{margin-top: 20px; margin-left: 10px; padding-left: 20px; border-left: 1px solid #ededed;}
.logo .content .title{font-size: 22px; font-weight: bold;color: #3c3b3b;margin-bottom: 10px;}
.logo .content .desc{font-size: 16px; margin-top: -3px; letter-spacing: 2px; color: #808080;}
.tel .content{margin-right: 20px;}
.tel .content .title{color: #777777;font-weight: bold;margin-bottom: 10px;}
.tel .content .desc{font-size: 24px; font-weight: bold; color: #fa8b39; margin-top: -5px;}
nav{width: 100%;height: 50px;line-height: 50px;}
ul.nav {display: -webkit-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;flex-wrap: nowrap;}
ul.nav>li {-webkit-box-flex:1;flex:1;text-align: center;position: relative;}
ul.nav>li.dropdown::before{content: '';position: absolute;right: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 0; height: 0; border-width: 5px 5px 0; border-style: solid; border-color: #fff transparent transparent;}
ul.nav>li.active, ul.nav>li:hover,.subnav li:hover,.subnav li.active {background: #3f760c;}
ul.nav>li a{display: block;color: #fff;}
.subnav {display: none;position: absolute;width: 100%;top:50px;left: 0;z-index: 99;line-height: 45px;}
ul.nav>li:hover .subnav{display: block;}
/* header E*/
/* banner S*/
#banner	.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
#banner	.slideBox .hd{ width: 100%;height:15px; overflow:hidden; position:absolute; right:0px; bottom:5px; z-index:1; }
#banner	.slideBox .hd ul{ overflow:hidden; zoom:1; display: table;margin: 0 auto; }
#banner .slideBox .hd ul li{float:left;margin-right:2px;width:60px;height:4px;line-height:14px;text-align:center;background:#fff;cursor:pointer;opacity:0.5;}
#banner .slideBox .hd ul li.on{opacity:1}
#banner	.slideBox .bd{ position:relative; height:100%; z-index:0;   }
#banner	.slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner	.slideBox .bd img{ width:100%; height:auto; display:block;  }
    /* 下面是前/后按钮代码，如果不需要删除即可 */
#banner	.slideBox .prev,
#banner	.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; filter:alpha(opacity=50);opacity:0.5;   }
#banner	.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
#banner	.slideBox .prev:hover,
#banner	.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#banner	.slideBox .prevStop{ display:none;  }
#banner	.slideBox .nextStop{ display:none;  }
/* banner E*/
/* footer S*/
.footer{margin-top:20px;padding: 30px 0;color: #fff;}
.footer .footer-item{float: left;width: 15%;height: 150px;overflow: hidden;}
.footer .footer-item dl dt{font-size: 16px; line-height: 32px;}
.footer .contactUs{width: 40% !important;}
.footer .footer-item a{color: #fff;line-height: 24px;}
.footer .footer-item a:hover{text-decoration: underline;}
.wechat{line-height: 130px;}
.wechat img{width: 104px;}
.wechat p{line-height: 20px;}
.copyRight{padding: 15px 0;line-height: 26px;color: #fff;}
.copyRight a{color: #fff;}
aside{position: fixed;right: 10px;bottom: 10px;background-color: #4B9C01;display: none;padding: 10px;}
#GoTop img{width: 40px;}
/* footer E*/
/* 首页 S*/
.PageService-item{float: left;width: 25%;padding: 0 20px;box-sizing: border-box;}
.PageService-item .photo{border-radius: 50%;width:100%;height:260px;overflow: hidden;}
.PageService-item .title{font-size: 16px; color: #333; margin: 20px 0;}
.PageService-item .desc{font-size: 12px; line-height: 20px; color: #4d4d4d;}
.PageService-item a:hover .photo{box-shadow: 0 0px 20px #4B9C01;}
.PageService-item a:hover .title, .PageService-item a:hover .desc{color: #4b9c01;}
.PageGoods-item{float: left;width: 25%;padding:0 20px;box-sizing: border-box;}
.PageGoods-item .title{color: #4d4d4d;margin: 15px 0;font-weight: 500;}
.PageGoods-item .photo{width:100%;height:200px;overflow: hidden;}
.PageGoods-item .photo img{-webkit-transition: all ease-in .3s;transition: all ease-in .3s;height:100%}
.PageGoods-item:hover .photo img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.PageGoods-item:hover .title{color: #4B9C01;}
.PageAboutUs{display: -webkit-box;display: flex;height: 320px;padding: 0 20px;overflow: hidden;}
.PageAboutUs .content{-webkit-box-flex:1;flex:1;padding: 20px;}
.PageAboutUs .content .title h1{color: #4d4d4d;font-size: 30px;font-weight: 500;}
.PageAboutUs .content .title p{font-size: 26px;color: #4b9c01;font-weight: 500;margin: 10px 0;}
.PageAboutUs .content .desc{height: 135px; overflow: hidden;}
.PageAboutUs .content a{color: #4B9C01;}
.PageAboutUs .content a:hover{text-decoration: underline;}
.PageAboutUs .photo{width: 400px;padding: 30px;box-sizing: border-box;}
.PageAboutUs .photo img{border: #4b9c01 solid 6px;width: 332px !important;}
.PageCase-item{float: left;width: 25%;overflow: hidden;}
.PageCase-item a{position: relative;overflow: hidden;}
.PageCase-item a .title{width:90%;display: none;position: absolute;top: 43%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-size:16px;color: #fff;z-index: 999;-webkit-transition: all ease-out .5s;transition: all ease-out .5s;}
.PageCase-item a .shadow{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);z-index: 998;-webkit-transition: all ease-out.3s;transition: all ease-out.3s;}
.PageCase-item a .photo{width: 100%;height: 356px;overflow: hidden;}
.PageCase-item a .photo img{-webkit-transition: all ease-out .3s;transition: all ease-out .3s;height:100%;}
.PageCase-item a:hover .shadow{display: block;}
.PageCase-item a:hover .title{display: block;top: 50%}
.PageCase-item a:hover .photo img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.PageNews{display: -webkit-box;display: flex;}
.PageNews-item{-webkit-box-flex:1;flex:1;width: 50%;padding: 1%;}
.PageNews-item>.title{display: -webkit-box;display: flex;margin-bottom: 15px;}
.PageNews-item>.title>span{-webkit-box-flex: 1;flex: 1;display: block;color: #333333; font-size: 18px; border-left: 4px solid #4b9c01; height: 20px; line-height: 20px; padding-left: 10px;}
.PageNews-item .title>a{display: block;padding:0 10px;text-align: right;text-transform: uppercase;}
.PageNews-item .title>a:hover{text-decoration: underline;color: #3f760c;}
.PageNews-item .Top{margin-bottom: 15px;}
.PageNews-item .Top a .photo{float: left;width: 20%;height: 120px;overflow: hidden;}
.PageNews-item .Top a .content{float: right;width: 70%;}
.PageNews-item .Top a .content .title{font-size: 16px;margin-bottom: 5px;}
.PageNews-item ul li{padding: 8px 0;border-bottom: 1px solid #e5e5e5;}
.PageNews-item ul li a{padding-left: 15px; line-height: 20px;color: #4d4d4d;position: relative;}
.PageNews-item ul li>a::before{content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background-color: #808080;}
.PageNews-item ul a:hover{color: #3f760c;}
/* 首页 E*/
/* 分页 S*/
.page{clear:both;font-size:12px;text-align:center;height:38px; margin-top:30px; font-size:12px;}
.page a,div.page span{padding:6px 7px 6px;height:23px;color:#000;border:1px solid #ccc; line-height:26px; text-decoration:none; margin:0 2px;}
.page a:hover{color:#4B9C01;text-decoration:none;padding:6px 7px 5px;border-bottom:2px solid #4B9C01}
.page .current{color:#4B9C01;padding:6px 7px 5px;height:26px;border:1px solid #4B9C01;border-bottom:2px solid #4B9C01;font-weight:bold}
/* <div class="page m-3">
  <span>共6记录</span><span class="disabled">«上一页</span><span class="current">1</span><a href="/case/0/2.html">2</a><a href="/case/0/2.html">下一页»</a>
</div> */
/* 分页 E*/
/* 上下页 S*/
.pageChange{margin: 1rem 0;border-top: 1px solid #e8e8e8;padding-top: 20px;color: #666;}
.pageChange div{background-color: #ececec;padding: 6px 3px 6px 10px;margin-top: 2px;font-size: 14px;}
.pageChange div a{color: #333;}
.pageChange div a:hover{color: #76bf2f;}
/* 上下页 E*/
/* 关于我们 联系我们 服务范围  详情页S*/
.textFrame .content {line-height: 24px;}
.textFrame .content img {display: block;max-width: 100%;margin: 10px auto;}
.textFrame .time {display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;}
.textFrame .time .time-item {display: -webkit-inline-box;display: inline-flex;line-height: 28px;color: #999999;float: left;}
.textFrame .time .time-item span {margin-left: 10px;}
.share{display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;line-height: 28px;}
.share span,.share div {display: inline-block;}
/* 关于我们 联系我们 服务范围 E*/
/* 新闻 S*/
.news-item{padding: 8px 0;border-bottom: 1px solid #e5e5e5;}
.news-item a{display: -webkit-box;display: flex;padding-left: 15px; line-height: 32px;color: #4d4d4d;position: relative;}
.news-item a span {display: inline-block;}
.news-item a span.title {-webkit-box-flex:1;flex:1;}
.news-item a span.time {width: 100px;text-align: right;}
.news-item>a::before{content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background-color: #808080;}
.news-item a:hover{color: #3f760c;}
/* 新闻 E*/
/* 面包屑 S*/
.breadcrumb{padding:8px 15px;margin-bottom:15px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb img{vertical-align: middle;margin: -4px 5px 0 0;}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color: #4B9C01;}
.breadcrumb>li a:hover{color: #4B9C01;}
/* 面包屑 E*/
 /* 左侧菜单 S*/
.menu {width: 260px;min-height: 100px;margin-right: 20px;}
.menu h5{background-color: #4b9c01; height: 50px; line-height: 50px; font-weight: normal; text-indent: 16px; font-size: 18px; color: #fff;margin: 0;border-bottom: 1px solid #ececec;}
.menu dd{line-height: 54px; height: 54px; display: block; background: #fafafa; border-bottom: 1px solid #ececec;}
.menu dd a{padding-left: 20px;}
.menu dd a:hover,.menu dd a.active{background-color: #4B9C01;color: #fff;}
 /* 左侧菜单 E*/
/* 图文列表 S*/
.list {width: 920px;min-height: 200px;}
.list-item{float: left;width: 25%;height:230px;padding:10px;box-sizing: border-box;}
.list-item .title{color: #4d4d4d;margin: 10px 0;font-weight: 500;}
.list-item .photo{height: 190px;overflow: hidden;}
.list-item .photo img{-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}
.list-item:hover .photo img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.list-item:hover .title{color: #4B9C01;}
/* 图文列表 E*/
/* 案例 S*/
#case .list-item {height: 200px;}
#case .list-item .photo{height: 155px;overflow: hidden;}
#case .list-item .photo img {height:100%}
/* 案例 E*/
/* 产品 S*/
#goods .list-item {height:190px}
#goods .list-item .photo {height: 150px;overflow: hidden;}
#goods .list-item .photo img {height:100%}
/* 产品 E*/
/* r荣誉 S*/
#honor .list-item {height:200px}
#honor .list-item .photo {height: 145px;overflow: hidden;}
#honor  .list-item .photo img {height:100%}
/* 荣誉 E*/