@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1200px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;} 
a:link
{ text-decoration:none;}
a:hover
{ text-decoration:none; }
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center
{ text-align:center;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }



/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.trans2
{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}


/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }

/*图片放大*/
.ypicA
{ position:relative;}
.ypic img 
{ transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.ypic:hover img
{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.yuzz
{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0; 
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5); 
	transform: rotateX(180deg) scale(0.2, 0.2); 
	transition: all ease-out .5s;
}
.yuzz .yuzz1
{ display: block; width: 38px;  height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; position: absolute;  left: 50%;  top: 50%; margin-left: -21px; margin-top: -21px;
}
.yuzz .yuzz2 
{ display: block; width: 38px; height: 38px; background-image: url(../images/yp1.png); background-repeat: no-repeat;    background-position: center center; }

.ypic:hover .yuzz
{ opacity: 1;
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
    background: rgba(0, 0, 0, 0.3);
}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye
{ padding:30px 0 0; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:14px; color:#666; line-height:34px;}
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a:hover
{ text-decoration:underline;}

/* 文章类别上下页 */
.page
{ overflow:hidden;}
.pagelink
{ padding:30px 0 10px; text-align:center;}
.pagelink span,.pagelink a
{ display:inline-block; line-height:30px; height:30px; text-align:center; font-size:12px; padding:0 12px; border:solid 1px #dcdcdc; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on
{ background:#229f2c; color:#fff; border:solid 1px #229f2c;}
.pagelink span{display:inline-block; color:#fff; background:#229f2c;line-height:30px; height:30px; border:solid 1px #229f2c;}

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#2d3f7f; }

/*========================================= 首页 =====================================*/
.w { width:1200px; overflow:hidden; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.top{display: flex;justify-content: space-between;align-items: center;padding: 25px 0}
.top-logo
{ float:left; }
.top-logo h1
{ font-size:22px; color:#229f2c;border-bottom: 1px solid #c9c9c9;padding-bottom: 5px;margin-bottom: 5px}
.top-logo p
{ font-size:17px;color: #666}
.nav
{ height:50px;}
.nav li
{ line-height:50px; float:left; text-align:center;margin-left: 40px}
.nav li a
{ display:block; font-size:16px; position:relative;}
.nav li a:hover,.nav li.active a
{ border-bottom: 2px solid #229f2c}
.xlnav{display: none}

/*banner图片切换样式*/
.banner
{ width:100%; height:530px; overflow:hidden;position:relative;}
.banner  ul
{ width:9999px; position:absolute; left:0px; top:0px;}
.banner ul li
{ overflow:hidden; float:left; height: 530px}
.banner .swiper-button-prev,.banner .swiper-button-next
{ width:60px; height:90px; background:url(../img/banner_arrows.png); position:absolute; top:40%; z-index:99; cursor:pointer;}
.banner .swiper-button-prev
{ background-position:0px 180px; left:5px;}
.banner .swiper-button-next
{ background-position:0px 90px; right:5px;}
.banner .swiper-button-prev:hover
{ background-position:0px 0px; left:5px;}
.banner .swiper-button-next:hover
{ background-position:0px 270px; right:5px;}
.banner .pagination{ position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:10px;height:10px;margin:0 5px!important;cursor: pointer;
    opacity: 1; background-color:#fff; border-radius:100%;}
.banner .swiper-pagination-bullet-active{ background-color:#229f2c; }

.title { text-align:center;margin-top: 40px}
.title h2 { font-size:30px;color: #222}
.title i{ background: #3f9714;height: 2px;width: 46px;display: inline-block;margin: 8px 0}
.title p { font-size:16px;color: #a8a8a8}

.oneA{overflow: hidden;margin-top: 10px}
.oneA ul li{width: 222px;float: left;position: relative;margin: 25px 22px 0 0}
.oneA ul li dd{width: 100%;height:165px;overflow: hidden;text-align: center;position: relative;background: #f1f1f1}
.oneA ul li dd img{max-width: 100%;max-height:100%;transition: all 0.5s;
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneA ul li p{text-align: center;font-size: 16px;margin-top: 10px}
.oneA ul li:hover dd img{transform: scale(1.1);transition: all 0.5s;}
.oneA ul li:hover p{color: #3f9714}
.oneA ul li:nth-child(5n){margin-right: 0}

.oneB{margin-top: 40px;overflow: hidden;background-color: #F5F5F5;padding-bottom: 50px}
.oneB .hd{margin-top: 30px}
.oneB .hd ul{display: flex;justify-content: space-between}
.oneB .hd ul li{width: 213px;border: 1px solid #fff;font-size: 16px;line-height: 50px;text-align: center}
.oneB .hd ul li.on,.oneB .hd ul li:hover{border-color: #3f9714}
.oneB .hd ul li.on a,.oneB .hd ul li:hover a{color: #3f9714}
.oneB .bd{margin-top: 10px}
.oneB .bd ul li{width: 265px;background: #fff;float: left;margin: 26px 20px 0 0;text-align: center;box-shadow: 0 1px 15px 1px rgba(0,0,0,0.03);transition: all 0.3s;padding: 10px 10px 0;}
.oneB .bd ul li dd{width: 100%;height: 225px;overflow: hidden;text-align: center;position: relative;;background: #f1f1f1}
.oneB .bd ul li dd img{max-width: 100%;transition: all 0.6s;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto}
.oneB .bd ul li p{line-height: 50px;font-size: 16px}
.oneB .bd ul li:hover dd img{transform: scale(1.1);transition: all 0.6s}
.oneB .bd ul li:hover {background: #3f9714;transition: all 0.3s;}
.oneB .bd ul li:hover p{color: #fff}
.oneB .bd ul li:nth-child(4n){margin-right: 0}

.oneC{margin-top: 40px;}
.oneCl{width: 550px;}
.oneCl img{max-width: 100%}
.oneCr{width: 600px}
.oneCr .text{font-size: 16px;line-height: 1.8}
.more a{display: inline-block;width: 160px;height: 46px;line-height: 46px;text-align: center;background: #f5f5f5;margin-top: 35px;transition: all 0.3s;font-size: 16px}
.more a:hover{background: #3f9714;color: #fff}

.oneD{background: #F5F5F5;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.oneDs{margin-top: 40px}
.oneDl{width: 580px;position: relative}
.oneDl dd{width: 100%;height: 380px;overflow: hidden}
.oneDl dd img{width: 100%;height: 380px;transition: all 0.5s;}
.oneDl dl{background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 10px;box-sizing: border-box;
display: flex;justify-content: space-between;line-height: 45px}
.oneDl a{color: #fff}
.oneDr{width: 580px}
.oneDs ul li{width:580px;overflow: hidden;margin-bottom: 20px;background: #fff;float: left}
.oneDs ul li dd{width: 85px;height: 80px;float: left;text-align: center;background: #3f9714;color: #fff}
.oneDs ul li dd b{font-size: 36px;display: block;line-height: 1;padding-top: 10px;}
.oneDs ul li dl{width: 475px;float: right}
.oneDs ul li dl p{font-size: 16px;margin-top: 5px;font-weight: bold}
.oneDs ul li dl span{color: #666;display: inline-block;margin-top: 6px;line-height: 1.6}
.oneDs ul li dl:hover p{color: #3f9714}
.oneDs ul li:nth-child(2n){float: right}

.footer { width:100%; background:#333;}
.footers { padding:30px 0 10px 0;color: #fff}
.footers p{text-align: center;color: #ccc;margin-top: 10px}
.footer ul {display: flex;justify-content: center}
.footer ul li {}
.footer ul li a { display:block; color:#ccc; font-size:14px; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .copy { height:50px; line-height:50px; border-top:solid 1px #575a60; color:#ccc; text-align:center; margin-top:20px;}
.footer .copy a{color: #ccc}
.footlink{text-align: center;}
.footlink a{color: #ccc;margin:0 10px}


/*========================================= 关于我们 =====================================*/
.ny_ban { }
.ny_ban img{max-width: 100%}
.hui_bj
{ width:100%; overflow:hidden; background:#ebebeb;}
.ny_main
{ padding:40px 0;}
.ny_left
{ width:240px; float:left;}
.lf_n
{ width:240px; overflow:hidden; margin-bottom:10px;}
.lf_n .tit
{ text-align:center; line-height:90px; height:90px; overflow:hidden; background:#229f2c; border-radius:10px 10px 0 0; font-size:24px; color:#fff; font-weight:bold;}
.lf_n_c
{ background:#fff;}
.lf_n ul.menu
{ padding:11px 12px 12px 14px; margin-bottom:15px;}
.lf_n ul.menu li
{ padding:0 0 0 25px; font-weight:100; line-height:44px; height:44px; border-bottom:1px #bfbfbf dashed; overflow:hidden; font-size:16px;}
.lf_n ul.menu li a:hover,.lf_n ul.menu li.active a
{ color:#229f2c;}
.t05
{ padding:0 10px; color:#fff; font-size:18px; text-align:center; font-weight:bold; line-height:50px; background:#229f2c;}
.t05_cons1
{ padding:5px; background:#fff; padding-bottom:10px; margin-bottom:10px;}
.t05_cons1 li
{ background:url(../img/dian.png) 0 9px no-repeat; line-height:35px; padding-left:20px;  width:200px;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t05_cons1 li a:hover
{ color:#6eb12e;}
.ny_left .tel
{ width:166px;  padding:30px 0; padding-left:75px; border-radius:10px; background: url(../img/pro_phone.png) no-repeat 20px center #229f2c;}
.ny_left .tel p
{ font-size:16px; color:#fff;}
.ny_left .tel b
{ display:block; font-size:24px; color:#fff; font-family:'Times New Roman';}


.ny_right
{ width:850px; padding:0 40px; background:#fff; float:right;}
.rtop
{ overflow:hidden; padding:15px 0; border-bottom:1px solid #dbdbdb;}
.rtop h5
{ float:left; padding-left:10px; border-left:3px solid #229f2c; font-weight:normal; line-height:16px; font-size:16px; color:#229f2c;}
.rtop span
{ float:right; color: #999; font-size:12px;}
.rtop span em
{ color:#999; font-style: normal;}
.rtop span a
{ color:#999;}
.rtop span a:hover
{ text-decoration:underline;}
.rt_con
{ padding:40px 0; overflow:hidden;}
.rt_about
{ font-size:16px; line-height:30px;}


/*========================================= 喷雾业务 =====================================*/
.rt_yewu 
{ overflow:hidden;}
.rt_yewu li
{ width:390px; float:left;}
.rt_yewu li .img
{ width:390px; height:258px; overflow:hidden; border:solid 1px #f1f1f1;}
.rt_yewu li .img img
{ width:380px; height:248px; overflow:hidden; transition:all 1s; margin:5px;}
.rt_yewu li:nth-of-type(2n)
{ float:right;}
.rt_yewu li h3
{ font-size:18px; text-align:center; padding:10px 0 30px; font-weight:normal;}
.rt_yewu li a:hover img
{transform: scale(1.1);transition: all 1s;}
.rt_yewu li a:hover h3
{ color:#229f2c;}


/*========================================= 工程案例 =====================================*/
.rt_case
{ overflow:hidden;}
.rt_case li
{ width:270px; float:left; margin-right:20px;}
.rt_case li .img
{ width:270px; height:206px; overflow:hidden; background: #f1f1f1;text-align: center;}
.rt_case li .img img
{ max-width:100%; max-height:100%; overflow:hidden; transition:all 1s; }
.rt_case li:nth-of-type(3n)
{ margin-right:inherit;}
.rt_case li h3
{ font-size:16px; text-align:center; padding:10px 0 20px; font-weight:normal;}
.rt_case li a:hover img
{transform: scale(1.1);transition: all 1s;}
.rt_case li a:hover h3
{ color:#229f2c;}


/*========================================= 产品中心 =====================================*/
.rt_product
{ overflow:hidden;}
.rt_product li
{ width:270px; float:left; margin-right:20px; margin-bottom:30px;}
.rt_product li .imgs
{ width:270px; height:208px; overflow:hidden; position:relative;text-align: center;background: #f1f1f1}
.rt_product li .imgs img
{max-width: 100%;max-height: 100%;overflow:hidden; transition: all 1s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.rt_product li:nth-of-type(3n)
{ margin-right:inherit;}
.rt_product li .tit
{ width:270px; height:50px; line-height:50px; font-size:16px; text-align:center; }
.rt_product li a:hover .tit
{ background:#229f2c; color:#fff;}
.rt_product li a:hover img
{transform: scale(1.1);transition: all 1s;}


/*========================================= 新闻中心 =====================================*/
.rt_news
{ overflow:hidden;}
.rt_news li
{ overflow:hidden; padding-bottom:20px; border-bottom:solid 1px #f1f1f1; margin-bottom:20px;}
.rt_news li h2
{ font-size:17px; font-weight:normal; padding-bottom:10px;}
.rt_news li h2 a
{ color:#000;}
.rt_news li h2 a:hover
{ color:#229f2c; }
.rt_news li p
{ line-height:22px; color:#999;}

/*=======================================新闻详情页============================================*/

.news_info
{ overflow:hidden; border-bottom:1px dotted #ccc;}
.info_title
{ text-align:center;}
.info_title h2
{ font-size:24px; color:#000;}
.info_laiyuan
{ line-height:48px; font-size:12px; color:#888; text-align:center; border-bottom:1px dotted #ccc;}
.info_text
{ padding:30px 0; font-size:15px; color:#333; line-height:2;}
.info_text img
{ max-width:100%;}
.info_picA
{ padding:10px; text-align:center;}
.info_picA img
{ max-width:100%;  width: expression(this.width > 720 ? 720: true)}


.team_tit
{ width:100%; overflow:hidden; margin:30px 0; text-align:center;}
.team-tit-th
{ color:rgb(234, 234, 234); font-size:2.5rem; font-weight:bold;}
.team-tit-ch
{font-family: 微软雅黑; font-size: 1.8rem; margin-top: -25px; color: rgb(0, 123, 60);}
.team-tit-line
{border-bottom: 1px solid rgb(0, 123, 60); width: 200px; margin: 10px auto;}
.team-tit-ph
{line-height: 18px;}


.coop{background: #f5f7fa;overflow: hidden}
.hezuo
{ width:1200px; margin:0 auto; position:relative;}
.partner-ul
{ position:relative; overflow:hidden; padding:30px 0 50px;height: 92px;}
.partner-ul li
{ width:222px; height:90px; float:left;border:1px solid #d3d3d3;margin-right: 20px;}
.partner-ul li a img
{ width:222px; height:90px; }
/*.partner-ul li:first-child
{ margin-left:0;}*/
.hezuo span
{ position:absolute; display:block; width:20px; height:35px; top:60px; cursor:pointer;}
.hezuo span.partner-anniu01
{ left:-50px; background: url(../img/zuoyou-qh.png) no-repeat top left;}
.hezuo span.partner-anniu02
{ right:-50px; background: url(../img/zuoyou-qh.png) no-repeat top right;}