*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden}
body,input{font-family:arial;color:#333;font-size: 14px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{width:89%;margin:0 auto}
.container-s{max-width:1440px;margin:0 auto}
.wap-container{width:96%;margin:0 auto}
input{outline: none;}
.fl{float:left;}
.fr{float:right;}
.c{ overflow: hidden;zoom:1}
.cl{HEIGHT: 0px; CLEAR: both;}
/*头部*/
.nr-content{margin-top:20px }
.nr-content p img{width:960px;}
.wap-header{display: none;}
/*头部*/
.search{cursor: pointer;}
.search img{transition: all .375s cubic-bezier(0, 0, 0.58, 1);margin-top:33px;}
.search:hover img{margin-top:28px;}
.search-div{height:90px; background:#fff;}
.sear-logo{width:178px;height:60px;margin-top:15px}
.search-form{width:60%;margin:0 auto;border-top:1px solid #999;border-bottom:1px solid #999;margin-top:20px;margin-left:13%}
.search-form .text{height:50px;width:88%;float:left;border:none; background:none;text-align: center;}
.search-form .submit{height:50px;width:10%;float:right;border:none; background:url(../images/search1.png) no-repeat center center;}
.search-close{margin-top:35px;transition: all .375s cubic-bezier(0, 0, 0.58, 1);cursor: pointer;}
.search-close:hover{transform:rotate(180deg) ;}
.search-div{ position: absolute;top:0;width:100%;left:-100%;transition: all .6s;z-index:999999}
.search-addclass{position: absolute;left:0%;}
.header-taddclass{opacity: 0.1;}

.header-top{position: fixed;top:0;left:0;width:100%;z-index:9999; }
.header{height:90px;line-height:90px; background: #fff;}
.logo{width:15%;padding-left:5%;margin-top: 15px;}
.header-right{width:77%;}
.header-right .nav{width:80%}
.header-right .nav li{float:left;width:18%}
.header-right .nav li:nth-child(4){width: 25%;}

.header-right .nav li a{font-size:17px;color:#555555;}
.nav-right{border-left:1px solid #EBEBEB;width:20%;box-sizing: border-box;}
.nav-right div{float:left;width:50%}
.nav-right .lang{ background: url(../images/lang.png) no-repeat center right 27%;text-indent:20%;}
.nav-right .lang a{font-size:16px;color:#006835;font-size:16px;    display: block;}
.nav-right .search{ background: #006835;text-align: center;height:90px;line-height:90px; }
.header-right .nav li{display: block;text-align: center;}
.header-right .nav li a{display: block;}
.header-right .nav li dl{position: absolute;top:90px;z-index:9999; background:rgba(0,104,53,0.8);width:100%;height:50px;line-height:50px;display: none;}
.header-right .nav li dl em{display:block;float:left;width:135px;text-align: center;margin-left:12px}

.header-right .nav li dl a{color:#fff;font-size:15px;}
.header-right .nav li:last-child dl{left:56%}
.header-right .nav li:last-child dl em{width:auto;margin-right:10px}
.header-right .nav li:hover,.header-right .nav li.on{ background: #006835;}
.header-right .nav li:hover a,.header-right .nav li.on a{color:#fff}
.header-right .nav li dl em:hover a{text-decoration: underline;}
.header-right .nav li:nth-child(2) dl em:nth-child(4){width:250px}
/*首页banner*/
.banner{position:relative;z-index:9;}
.banner-hd {height:740px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}

.ny-hd{height: 350px;}
.banner-hd .num { overflow:hidden;  position:absolute; bottom:2%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;text-align: center;}
.banner-hd .num ul{display: inline-block;display:inline-block;margin-left:55px;}
.banner-hd .num li {width:10px;height:10px;margin:15px 10px;display: block;background: #fff;transition: all .5s;cursor: pointer;float:left}
.banner-hd .num li.on {margin-left:0 ; background: #FFD200;width:25px }

.banner-wz{ position: relative;top:0;right:0;width:1200px;text-align: center;z-index:10;margin:0 auto}
.banner-wz .b-a{ position:absolute; display:none;width:100%;text-align: center;}
.banner-wz1 .b-a{ position:absolute; display:none;width:915px;text-align: center;}
.banner-wz1{ position:relative;width:915px;margin:0 auto;top:25%;left:0;}
.banner-wz2{ position:relative;width:1200px;margin:0 auto;top:23%;left:0;}
/* 这里的定位需与dd的playOut属性一致 */

.banner-wz .b-b1{ top:310px; right:0;font-size:51px;color:#fff;line-height: 51px;margin:10px 0;letter-spacing:3px;}
.banner-wz .b-b2{ top:105px; right:0;font-size:18px;font-family: arial;line-height: 18px;color:#fff;letter-spacing:4px; }
.banner-wz .b-b3{ top:140px; right:0;font-size:18px;color:#fff;width:504px;height: 48px;line-height:48px;text-align: center;border:1px solid #fff;text-align: center;letter-spacing: 6px;}
.banner-wz .b-b4{top:395px; right:0;font-size:20px;color:#fff;line-height:35px;}

.banner-wz1 .b-b1{ top:140px;font-size:40px;color:#fff;line-height: 65px;letter-spacing:3px;margin:0 auto;right:0}
.banner-wz1 .b-b2{ top:215px;font-size:40px;font-family:arial;color:#fff;margin:0 auto;right:0;letter-spacing:3px;font-weight:bold }

.banner-wz2 .b-b1{ top:140px;font-size:40px;color:#fff;line-height: 50px;letter-spacing:3px;margin:0 auto;right:0;display:block;width: 100%;}
.banner-wz2 .b-b2{ top:210px;font-size:40px;font-family:arial;line-height:30px;color:#fff;margin:0 auto;right:0;display:block;width: 100%; }
/*首页banner*/

/*首页banner*/


/*手机banner*/
.banner{display: block;}
.wap-banner{display: none;}
.wap-banner{ position: relative;}
/*手机banner*/

/*新闻滚动*/
.scroll-news{ background: #F9F9F9;height:85px;line-height: 85px;}
.scroll-news h2{float:left;border-right:1px solid #AEAEAE;padding-right: 30px;margin-right:30px;height:30px;line-height:30px;margin-top:26px;font-weight: normal;color:#4E4E4E;font-size:24px;}
.scroll-news ul{float:left;height:85px;line-height:85px;}
.scroll-news ul li a{font-size:18px;color:#606060}
.scroll-news ul li a:hover{color:#006835}

/*产品中心*/
.product .title{margin:40px 0}
.product .title b,.product .title em{display: block;text-align: center;}
.product .title b{font-size:30px;color:#272828;font-weight:bold;line-height:30px;}
.product .title em{color:#d6d6d6;font-size:16px;font-weight:normal;letter-spacing: 1px;line-height:16px;margin-top:7px;}

.pro-list{padding-bottom:30px}
.pro-list ul{float:left; background: url(../images/pro-list.jpg) no-repeat top center;width:288px;height:400px;position: relative;}
.pro-list ul h3{font-size:16px;font-weight:bold;color:#fff;width:288px;height:57px;line-height:12px;text-align: center;display: table;}
.pro-list ul h3 span{display: table-cell;vertical-align: middle;}
.pro-list ul:nth-child(1) h3{line-height:22px;}
.pro-list ul li{height:50px;line-height:14px;display: block;margin:0 auto;text-align: center;    display: table;}
.pro-list ul li a{font-size:14px;color:#555;display: table-cell;vertical-align: middle;}
.pro-list ul li a:after{display: block;content: '';width:90px;height:1px; background: #B9B9B9;margin:10px auto 0 auto;transition: all .375s cubic-bezier(0, 0, 0.58, 1);}
.pro-list ul li a:hover{color:#148B51}
.pro-list ul li a:hover:after{width:130px; background:#148D52;}
.pro-list .pro-more{content: ''; background:url(../images/more.png) no-repeat center center;width:33px;height:33px;display: block; position: absolute;left:0;right:0;bottom:-15px;margin:0 auto;transition: all .375s cubic-bezier(0, 0, 0.58, 1);}
.pro-list .pro-more:hover{transform: rotate(180deg);}
.product .more{margin:40px auto}

.more{width:146px;height:41px;line-height:41px;text-align: center; background: url(../images/m-more.png) no-repeat center center;margin:30px auto;color:#fff;border-radius: 50px;}
.more a{color:#fff;transition: all .375s cubic-bezier(0, 0, 0.58, 1);display: block;}


/*关于我们*/
.about{height:508px;}
.about-left{width:52%;background: url(../images/about-img.jpg) no-repeat center right;height:508px;}
.about-left img{width:100%}
.about-right{width:48%; background: url(../images/about-bg.jpg) no-repeat center  right;height:508px;}
.about-right h2{font-size:25px;color:#2B2B2B;padding:60px 0 30px 0}
.about-right h2:after{content: '';display: block;width:57px;height:2px; background: #38AD8C;margin-top:25px}
.about-p{color:#666;line-height:37px;}
.about .more{margin:30px 0}

.about-right .about-r-con{width:638px;margin-left:30px}
/*新闻中心*/
.news-left{width:49%;margin-right:1%}
.staff-right{width:49%;margin-left:1%}
.news h2{margin: 20px 0;}
.news h2 span{margin-top:30px;}
.news h2 a{margin-top:10px;width:146px;height:41px;line-height:41px;text-align: center; background: url(../images/m-more.png) no-repeat center center;transition: all .375s cubic-bezier(0, 0, 0.58, 1);margin:30px auto;color:#fff;border-radius: 50px;overflow: hidden;font-size:15px;font-weight:normal}
.news h2 a:hover{box-shadow:1px 1px 10px #ddd ;}
.news-list ul li{width:100%; background: #F7F7F7;overflow: hidden;margin-bottom:27px;position: relative;}
.news-list ul li .pic{width:46%;overflow: hidden;}
.news-list ul li .pic img{width:100%;position: relative;z-index:999;transition: all .4s cubic-bezier(0, 0, 0.58, 1);}
.news-list ul li .info{width:52%;margin-left: 2%;}
.news-list ul li .info b,.news-list ul li .info p,.news-list ul li .info em{display: block;position: relative;z-index:999}
.news-list ul li .info b{font-size:16px;color:#333333;padding:15px 0 5px 0}
.news-list ul li .info p{font-size:15px;color:#878787;line-height:30px;}
.news-list ul li .info em{font-size:14px;color:#878787;margin-top:10px;}
.news-list ul li:after{position: absolute;right:-630px;top:0;content: '';display: block;width:550px;height:0; background: #E5E5E5; -webkit-transform: skew(40deg);transform: rotate(30deg);transition: all .5s cubic-bezier(0, 0, 0.58, 1);}
.news-list ul li:hover:after{right:-0px;height:250px;}
.news-list ul li:hover .pic img{transform: scale(1.1);}
.news-list ul li:hover .info b{color:#148B51} 

.staff-img{width:100%}
.staff-img img{width:100%}

/*研发中心*/
.rd{ background: #F5F5F5; position: relative;margin-top:40px;}
.rd-left{margin-top:120px;width:20%;padding-bottom:30px;}
.rd-left h2 b{font-size: 63px;font-weight:bold;color:#333333;line-height:63px;}
.rd-left h2 b,.rd-left h2 span{display: block;}
.rd-left h2 span{font-size:26px;line-height:26px;font-weight:normal}
.rd-left h2 span:after{content: '';display: block;width:57px;height:2px; background: #148D52;}
.rd-left h2 p{font-size:16px;color:#6E6E6E;font-weight:normal}
.rd-left h2 span:after{content: '';display: block;margin:30px 0 50px 0}
.rd-left a{margin-top:195px;display: block;width:45px;height:45px;border:1px solid #ccc;border-radius:100%;text-align: center;line-height:45px;transition: all .3s;}
.rd-left a img{margin-top:13px}
.rd-right{ position: absolute;right:0;width:65%}
.rd-right ul li{width:50%;float:left; background: #fff;border-right:1px solid #F5F5F5;box-sizing: border-box;padding-bottom:20px; position: relative;    height: 100vh;}
.rd-right ul li .pic img{width:100%}
.rd-right ul li .info b,.rd-right ul li .info em{display: block;}
.rd-right ul li .info{width:90%;margin:0 auto;height:210px;}
.rd-right ul li .info b{font-size:23px;line-height:23px;margin:20px 0}
.rd-right ul li .info p{font-size:15px;color:#787878;line-height:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.rd-right ul li .info em{margin-top:10px;display: block;width:45px;height:45px;border:1px solid #ccc;border-radius:100%;text-align: center;line-height:45px;transition: all .3s;}
.rd-right ul li .info em img{margin-top: 13px;}
.rd-right ul li:hover .info em{margin-left:10px;}
.rd-right ul li:hover b,.rd-right ul li:hover p{color:#006835}
.rd-left a:hover{border-color:#006835;margin-left:10px;}

.hi-icon {
				
			
	position: relative;
	z-index: 1;

}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.hi-icon:before {
	font-family: ecoicon;
	speak: none;
	font-size:12px;
	line-height: 90px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased
}
.hi-icon-mobile:before {
	content: " "
}

.hi-icon:hover {	
	color: #41ab6b
}
	
.hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
	
.hi-icon {
	-webkit-transition: background .2s, color .2s;
	-moz-transition: background .2s, color .2s;
	transition: background .2s, color .2s
}

.hi-icon:after {
	top: -6px;
	left: -6px;
	padding: 6px;
	box-shadow: 0 0 0 3px rgba(37,165,153,0.8);
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-webkit-transform: scale(.7);
	-moz-transition: -moz-transform .2s, opacity .2s;
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	transition: transform .2s, opacity .2s;
	transform: scale(.7);
	opacity: 0
}

/*底部*/
.footer-top{ background: #323238;padding:40px 0}
.f-nav{width:85%;overflow: hidden;}
.f-nav dl{float:left;margin-right:80px;}
.f-nav dl dt{color:#fff;font-size:20px;margin-bottom:15px;line-height:20px;}
.f-nav dl dd a{color:#818181;font-size:16px;line-height:35px;transition: all .375s}
.f-nav dl dd a:hover{color:#fff}
/*.f-nav dl:nth-child(3) dd{float:left;width: 142px;}*/
.f-nav dl:nth-child(3){width:285px;}

.f-right{color:#fff;position: relative;}
.f-right h3{font-size: 20px;font-weight: normal;margin-bottom:20px}
.f-contact span,.f-contact a{margin:0 20px 20px 0}
.f-contact{border-bottom:1px solid #56565A;width:185px;padding-bottom:20px}
.tel b,.tel span{display: block;}
.tel span{font-weight: normal;color:#adadaf;font-size:16px;margin:20px 0}
.tel b{font-size:22px;font-weight:normal;color:#fff;}

.f-wx{cursor: pointer;}
.f-weixin{ position: absolute;left:-105px;top:45px;padding:5px; background: #fff;box-shadow: 1px 1px 6px #333;opacity: 0;transition: all .375s cubic-bezier(0, 0, 0.58, 1);}
.f-address{left:-135px;opacity: 1;}
.footer-bottom{ background: #000000;height:65px;line-height:65px;color:#828282;font-size:15px;}
.footer-bottom a{color:#828282;font-size:15px;}
.footer-bottom a:hover{color:#fff}

/*---------------内页---------------*/
/*关于我们*/
.about-banner{ background: url(../images/about-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px}
.rd-banner{ background: url(../images/about-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px}
.contact-banner{ background: url(../images/contact-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px}
.hr-banner{ background: url(../images/hr-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px}

.about-banner h2{width: 328px;height:105px; background: rgba(0,104,53,0.6);font-size:40px;color:#fff;text-align: center;line-height:80px;position: relative;top:200px;margin:0 auto;letter-spacing: 2px;;}
.about-banner h2:after{content: '';display: block;width:73px;height:2px; background: #fff;margin:0 auto}

.ny-title{padding:30px 0}
.ny-title b,.ny-title span{display: block;text-align: center;}
.ny-title span{font-size:39px;font-family: Bodoni Bd BT;line-height:41px;color: #303030; font-weight: bold; text-transform: uppercase;}
.ny-title span{}

.ny-about-main p{color:#5f5f5f;font-size:16px;line-height:38px;margin-bottom:30px;}
.ny-bussin{ background: #F8F8F8;padding-bottom:30px;}
.ny-bussin h2{font-size:30px;padding: 30px 0;}
.ny-bussin h2:after{display: block;width:54px;height:2px;background: #575757;content: '';margin:15px 0 0 0}
.ny-bussin-list{overflow: hidden;}
.ny-bussin-list dl{float:left;width:457px;margin:10px 34px 0 0}
.ny-bussin-list dl:nth-child(3){margin-right:0}
.ny-bussin-list dl dt{display: block;width:100%; background: #189258;height:50px;line-height:50px;font-size:18px;color:#fff;text-indent: 15px;}
.ny-bussin-list dl{ background:url(../images/about2.png) no-repeat right bottom #FFFFFF;height:220px;}
.ny-bussin-list dl dd{font-size:15px;line-height:27px;width:94%;margin:10px auto;color:#5e5e5e;word-break: break-all}

.ny-about-left,.ny-about-right{width:50%;height:361px;text-align: center;}
.ny-about-top .ny-about-left,.ny-about-bottom .ny-about-right{width:50%;height:361px}
.ny-about-top .ny-about-right{ background: #189258;}
.ny-about-bottom .ny-about-left{ background: #F6F6F6;}
.ny-about-top .ny-about-right p,.ny-about-bottom .ny-about-left p{width:622px;color:#fff;text-align: center;font-size:16px;line-height: 33px;}
.ny-about-bottom .ny-about-left p{float:right;}
.ny-about-right b{font-size:26px;color: #fff; background: url(../images/about-title.png) no-repeat center center;width:622px;display: block;margin:60px 0 20px 70px;font-weight: bold;}
.ny-about-right p{margin-left:70px;}

.ny-about-left b{font-size:26px;color: #fff; background: url(../images/about-title.png) no-repeat center center;width:622px;display: block;margin:60px 0 20px 0px}
.ny-about-bottom .ny-about-left b{float:right;color:#189258;font-weight: bold;margin-right:70px;}
.ny-about-bottom .ny-about-left p{color:#333;margin-right:70px;}


/*产品服务*/
.pro-banner{ background: url(../images/pro-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px;}
.ny-main{position: relative;}
.con-case-img{ position: absolute;top:0;left:0;width:100%;z-index:-1}
.scr3-tab-ul{ background: #fff; overflow: hidden;}
.scr3-tab-ul li{float:left;width:33%;height:42px;line-height:42px;text-align: center;}
.scr3-tab-ul li.on{color: #006835;border-top:1px solid #006835;cursor: pointer;}
.service-tel{font-size:24px;font-weight: bold;color:#00653b; background:url(../images/tel.png) no-repeat left top 17px;padding-top: 10px;display: block;overflow: hidden;}
.service-tel em{float:left;padding-left:60px;}
.wap-service{width:96%;margin:0 auto;color:#666}
.wap-service .scr3-tab-ul{margin-bottom:10px;}
.wap-service h2{text-align: center;margin:20px 0}
.wap-service dl dt{    font-size: 18px;color:#333;border-bottom:1px solid #fff;padding:10px 0}
.wap-service dl .tel{font-size: 1.2rem;font-weight: bold; color: #00653b;background: url(../images/tel.png) no-repeat center left; padding:10px 0 10px 50px ;}
.wap-service dl dt:before{content: '';width:10px;height:10px; background: #006835;float:left;border-radius:10px;margin-top:8px;margin-right:10px;}
.wap-service dl dd{margin:10px 0}
.con_case_b{display:block;}
.wap-service{display:  none;}
*, ::after, ::before {
    box-sizing: border-box;

}
.con_case_b {
	top:-100px;
	overflow: hidden;
    max-width:1440px;
    margin: 0 auto;
   
    position: relative;
}

.con_case_b{
  
  margin: 0 auto;

  position: relative;
}
.scr1_img_box{
  position: relative;
  float: left;
  width: 44.23%;
  margin-top: -42px;
  margin-left: -42px;
}
.scr1_img_case{
  display: block;
  width: 100%;
}
.scr1_img_face{
  position: absolute;
  left:0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 39%;
}
.scr1_text_box{
  margin-top: -42px;
  float: right;
  width: 50%;
}
.cul_title{
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5rem;
  color: #000;
}
.cul_info{
  font-size: 14px;
  color: #72787f;
  line-height: 2.57;
}
.case_bg{
  position: relative;
  padding-top: 1.2rem;
  padding-bottom: 1.5rem;
}.case_bg::after{
   content: '';
  display: block;
  background-color: #fff;
  width: 150%;
  height: 100%;
   position: absolute;
  left: -50%;
  top: 0;
   -webkit-border-radius: 0 10px 10px 0;
   -moz-border-radius: 0 10px 10px 0;
   border-radius: 0 10px 10px 0;
   -webkit-box-shadow: 0 0 90px rgba(29, 56, 75, .17);
   -moz-box-shadow: 0 0 90px rgba(29, 56, 75, .17);
   box-shadow: 0 0 90px rgba(29, 56, 75, .17);
 }
.case_bg> div{
     position: relative;
     z-index: 1;
   }
.case_bg >.src2_img_box{
  position: absolute;
  bottom: -64px;
  right: 16.666%;
  width: 25%;
  -webkit-box-shadow: 0 0 68px rgba(29, 56, 75, .36);
  -moz-box-shadow: 0 0 68px rgba(29, 56, 75, .36);
  box-shadow: 0 0 68px rgba(29, 56, 75, .36);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
  z-index: 2;
}
.src2_img_box > img{
  width: 100%;
  display: block;
}
.sr2_con_box{
  width: 50.769%;
  float: left;
}
.sr2_con_box > img{
  width: 100%;
  display: block;
}
.cul_src2_line{
  padding-top: 1.05rem;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px;
}
.case_bg >.scr2_title_box{
  position: absolute;
  width: 16.666%;
  top: -40px;
  right: 0;
  text-align: center;
  z-index: 2;
  font-size: 40px;
  color: #d5dae0;
  line-height: 1;
}
.scr2_title_box> img{
  position: relative;
  left: 50%;
  top: -43px;
  transform: translateX(-50%);
}
.scr2_title {
  width: 350px;
  text-transform: uppercase;
  position: relative;
  left: 50%;
  margin-left: -175px;
  margin-top: 80px;
  transform: rotate(90deg);
}
.cul_info_case{
  float: left;
  width: 50%;
  height: 466px;
  padding-left: 260px;
  position: relative;
  overflow: hidden;
}
.img_center_box{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 230px;
  height: 230px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.cen_img_0{
  width: 100%;
  display: block;
}
.cen_img_1{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 178px;
  margin-left: -89px;
  margin-top: -20px;
}
.cul_src3_con_box > .cul_info_case:nth-child(odd){
  text-align: right;
  padding-right: 260px;
  padding-left: 0;
}
.scr3_title{
  margin-top: 100px;
  font-size: 20px;
  color: #000;
  font-weight: 700;
  padding-bottom: 20px;
  line-height: 1;
  border-bottom: 1px solid #C4C2C2;
  transition: all .5s ease;
  margin-bottom: 35px;
  position: relative;
}
.scr3_title::after{
  content: '';
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background-color: #00653b;
  position: absolute;
  bottom: -5px;
}
.loop1 .scr3_title::after{
  right: -20px;
}
.loop2 .scr3_title::after{
  left: -20px;
}
.loop3 .scr3_title::after{
  right: -20px;
}
.loop4 .scr3_title::after{
  left: -20px;
}
.scr3_title::before{
  content: '';
  display: block;
  height: 1px;
  width: 200px;
  border-bottom: 1px #d2d6d9 dashed;
  position: absolute;
  top: calc(100% + 0px);
  transition: color .5s ease;
}
.loop1 .scr3_title::before{
  right: -20px;
  transform: rotate(225deg);
  transform-origin: 100% 100%;
}
.loop2 .scr3_title::before{
  left: -20px;
  transform: rotate(135deg);
  transform-origin: 0 0;
}
.loop3 .scr3_title::before{
  right: -20px;
  transform: rotate(135deg);
  transform-origin: 100% 100%;
}
.loop4 .scr3_title::before{
  left: -20px;
  transform: rotate(225deg);
  transform-origin: 0 0;
}
.cul_info_case:hover .scr3_title::before{
  border-color: #00653b;
}
.cul_info_case:hover .scr3_title{
  color: #00653b;
  border-color: #00653b;
}
.scr3_info{
  font-size: 14px;
  line-height: 29px;
  color: #72787f;
  transition: all .5s ease;
}
.cul_info_case:hover .scr3_info{
  color: #000;
}
.loop_box{
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 380px;
  height: 380px;
  position: absolute;
  overflow: hidden;
  transition: all .5s ease;
  transform: translate3d(0,0,0);
}
/*.cul_info_case:hover .loop_box{*/
  /*width: 480px;*/
  /*height: 480px;*/
/*}*/
.loop1 .loop_box{
  right: 0;
  bottom: 0;
  transform: translate3d(50%,50%,0);
  background-color:#79bd28 ;
}
.loop2 .loop_box{
  left: 0;
  bottom: 0;
  transform: translate3d(-50%,50%,0);
  background-color:#5aa62d ;
}
.loop3 .loop_box{
  right: 0;
  top: 0;
  transform: translate3d(50%,-50%,0);
  background-color:#00653b ;
}
.loop4 .loop_box{
  left:0;
  top: 0;
  background-color:#1a7937 ;
  transform: translate3d(-50%,-50%,0);
}
.loop1:hover .loop_box{
  transform: translate3d(50%,50%,0) scale(1.2);
}
.loop2:hover .loop_box{
  transform: translate3d(-50%,50%,0) scale(1.2);
}
.loop3:hover .loop_box{
  transform: translate3d(50%,-50%,0) scale(1.2);
}
.loop4:hover .loop_box{
  transform: translate3d(-50%,-50%,0) scale(1.2);
}
.loop_box> span{
  display: block;
  width: 22px;
  height: 22px;
  background-color:rgba(255,255,255,.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  transition: opacity .5s ease;
}
.cul_info_case:hover .loop_box> span{
  opacity: 0;
}
.loop_box> span::after{
  content: '';
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  background-color: #f6f9fb;
}
.loop1 .loop_box> span{
  left: 25%;
  margin-left: -22px;
  bottom: 75%;
  margin-bottom: 0;
}
.loop2 .loop_box> span{
  right: 25%;
  margin-right: -22px;
  bottom: 75%;
  margin-bottom: 0;
}
.loop3 .loop_box> span{
  left: 25%;
  margin-left: -22px;
  top: 75%;
  margin-top: 0;
}
.loop4 .loop_box> span{
  right: 25%;
  margin-right: -22px;
  top: 75%;
  margin-top: -0;
}
.loop_box::after{
  content: '';
  display: block;
  height: 100%;
  left: 50%;
  width: 2px;
  top: 0;
  background-color: #fff;
  position: absolute;
  z-index: 1;
}
.loop_box::before{
  content: '';
  display: block;
  height: 2px;
  top: 50%;
  width: 100%;
  left:  0;
  background-color: #fff;
  position: absolute;
  z-index: 1;
}
.loop_box img{
  width: 50%;
  position: absolute;
  opacity: 0;
  transition: all .5s ease;
  transform: translate3d(0,0,0);
}
.cul_info_case:hover .loop_box img {
  opacity: 1;
  transform: translate3d(0,0,0);
}
.loop1 .loop_box img{
  left: 0;
  top: 0;
}
.loop2 .loop_box img{
  right: 0;
  top: 0;
}
.loop3 .loop_box img{
  left: 0;
  bottom: 0;
}
.loop4 .loop_box img{
  right: 0;
  bottom: 0;
}
.padT0{
  padding-top: 0 !important;
}
.src3_case{
  position: relative;
}
.go1{
  animation-name: go1;
}
@keyframes go1 {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.pure:before, .pure:after {
    content: " ";
    display: table;
}

.pure:after {
    clear: both;
}


/*产品中心*/
/*.ny-pro-list{padding-bottom:65px}*/
.ny-pro-list ul{float:left; background: url(../images/pro-list.jpg) no-repeat top center;width:160px;height:421px;position: relative;}
.ny-pro-list ul h3{font-size:17px;font-weight:bold;color:#fff;width:160px;height:57px;line-height:57px;text-align: center;}
.ny-pro-list ul li a{font-size:16px;text-align: center;color:#555;display: block;height:50px;line-height:50px;margin:0 auto;}
.ny-pro-list ul li a:after{display: block;content: '';width:90px;height:1px; background: #B9B9B9;margin:0 auto;transition: all .375s cubic-bezier(0, 0, 0.58, 1);}
.ny-pro-list ul li a:hover{color:#148B51}
.ny-pro-list ul li a:hover:after{width:130px; background:#148D52;}
.ny-pro-list .pro-more{content: ''; background:url(../images/more.png) no-repeat center center;width:33px;height:33px;display: block; position: absolute;left:0;right:0;bottom:-15px;margin:0 auto;transition: all .375s cubic-bezier(0, 0, 0.58, 1);}
.ny-pro-list .pro-more:hover{transform: rotate(180deg);}
.ny-dd-1{width:50%}
.ny-dd-2{width:50%}

/*产业链*/
.history-h2{ position: relative;right: -1px;width:60px;height:26px;margin:0 auto}
.history-h2:after{width:42px;height:42px; background: rgba(0,104,53,0.5);content: '';display: block;border-radius:100%;position: absolute;left:0;top:0;right:0;bottom:0;margin:0 auto}
.history-h2:before{animation:mymove 1s infinite;    width: 50px; height:50px; box-sizing: border-box;   content: '';   display: block;position: absolute;   top: -4px;   left:5px;   pointer-events: none;   border: 4px solid rgba(0,104,53,0.8);   border-radius: 50%; transition: all .375s cubic-bezier(0, 0, 0.58, 1);}
@keyframes mymove
{
0%   {transform: scale(1); opacity:1;}
100% {transform: scale(1.5); opacity: 0;}
}      
.history-h2 b{width:15px;height:15px; display: block; background: #006835;border-radius:100%;margin:0 auto;position: absolute;left:0;top:13px;right:0;bottom:0;margin:0 auto}
.chain h2{font-size:30px;text-align: center;color:#000000;margin:30px 0}
.chain-con{ background: url(../images/cy1.png) no-repeat center top;padding-top:50px;padding-bottom:50px;margin-bottom:50px;overflow: hidden;height:1400px}
.chain-con dl{overflow: hidden;position: relative;width:490px;height:150px;}
.chain-con dl dt{width:152px;height:55px;line-height:55px; text-align: center; background: #056B39;font-size:29px;font-weight: bold;font-family: arial;color:#fff}
.chain-con dl dd{ background: #EEEEEE;width:400px;padding:10px 20px;font-size:15px;}

.chain-con .chain01{float:right;}
.chain-con .chain02{float:left;}
.chain-con .chain02 dt{float:right}
.chain-con .chain02 dd{float:right}
.chain-con .chain02 dd{text-align: left;}
.chain-con dl:nth-child(1){position: relative;top:-25px}
.chain-con dl:nth-child(2){position: relative;top:150px}
.chain-con dl:nth-child(3){position: relative;top:193px}
.chain-con dl:nth-child(4){position: relative;top:383px}
.chain-con dl:nth-child(5){position: relative;top:415px}
.chain-con dl:nth-child(6){position: relative;top:603px}
.chain-con dl:nth-child(7){position: relative;top:640px}
.chain-con dl:nth-child(8){position: relative;top:928px}

.history-h21{ position: relative;right: -1px;width:60px;height:98px;margin:0 auto;top: -68px;}
.history-h21:after{width:42px;height:42px; background: rgba(229,2,19,0.5);content: '';display: block;border-radius:100%;position: absolute;left:0;top:0;right:0;bottom:0;margin:0 auto}
.history-h21:before{animation:mymove 1s infinite;    width: 50px; height:50px; box-sizing: border-box;   content: '';   display: block;position: absolute;   top: -4px;   left:5px;   pointer-events: none;   border: 4px solid rgba(229,2,19,0.8);   border-radius: 50%; transition: all .375s cubic-bezier(0, 0, 0.58, 1);}
@keyframes mymove
{
0%   {transform: scale(1); opacity:1;}
100% {transform: scale(1.5); opacity: 0;}
}      
.history-h21 b{width:15px;height:15px; display: block; background: #006835;border-radius:100%;margin:0 auto;position: absolute;left:0;top:13px;right:0;bottom:0;margin:0 auto}

/*联系我们*/
.ny-contact{margin-bottom:50px;}
#allmap1,#allmap2,#allmap3{width:100%;height:500px;}
.ctitle1{ background: #F4F4F4;overflow: hidden;height:85px;line-height:85px;margin-bottom:30px;}
.ctitle1 li{float:left;height:85px;line-height:85px;width:33%;text-align: center;font-size:16px;cursor: pointer;}
.ctitle1 li.on{ background: #006835;color:#fff}

/*新闻中心*/
.ny-train-list ul li{border-bottom:1px solid #ddd;overflow: hidden;padding: 20px 0;}
.ny-train-list ul li .pic{width:424px;float:left}
.ny-train-list ul li .pic img{width:100%}
.ny-train-list ul li .info{float:right;width:980px;}
.ny-train-list ul li .info em,.ny-train-list ul li .info span,.ny-train-list ul li .info p{display: block;margin:10px 0;transition: all .5s;}
.ny-train-list ul li .info span{font-size:18px;}
.ny-train-list ul li .info p{line-height:32px;font-size:15px;color:#878787}
.ny-train-list ul li .info em{color:#878787;font-size:15px;margin-top:16px;}
.ny-train-list ul li:hover .info span{color:#00653B;margin-left:10px;}
.ny-train-list ul li:hover .info em{color:#00653B;}
.ctitle1 li a{display: block;color:#333;}
.ctitle1 li.on a{color:#fff}

/*人才招聘*/
.recrui-banner{ background: url(../images/hr-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px;}
.culture-banner{ background: url(../images/culture-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px;}
.news-banner{ background: url(../images/news-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px;}
.about-banner{ background: url(../images/about-banner.jpg) no-repeat top center;background-attachment: fixed;height:490px;}
.ny-re-p{font-size:16px;color:#575757; background: #F8F8F8;padding:15px 20px;border:1px solid #D4D4D4;line-height:40px;}
.ny-recrui-dl{overflow: hidden;}
.ny-recrui-dl dl{width:23%;margin:1%;float:left}
.ny-recrui-dl dl dt{width:100%}
.ny-recrui-dl dl dt img{width:100%}
.ny-recrui-dl dl dd{margin-top:10px;line-height:31px;font-size:15px;color:#5b5b5b;}


.ny-re-all ul{ overflow: hidden;}
.ny-re-all ul li{float:left;width:50%;text-align: center;height:50px;line-height:50px;}
.ny-re-all ul li a{float:left;width:100%;}
.rcte4_1{ background: #434343;}
.rcte4_1 li{color:#fff;}

.ny-recruit{margin-bottom: 30px;}
.rcte4_2{border:1px solid #E1E1E1; background: #FAFAFA;margin:10px 0}
.rcte4_2 ul{ background: url(../images/jt-up.png) no-repeat 96% 50%;}
.rcte4_2 ul.addressul{ background: url(../images/jt-down.png) no-repeat 96% 50%;}

.rcte4-div{border-top:1px solid #E1E1E1;display: none;}
.rcte4_2:nth-child(2) .rcte4-div{ display: block;}
.rcte4-div h5,.rcte4-div p{width:93%;margin:0 auto}
.rcte4-div h5{font-size:14px;font-weight:bold;color:#585858;margin:20px auto 10px auto}
.rcte4-div p{color:#6b6b6b;line-height:28px;}
.rcte4-div .rcte-a {margin:20px}
.rcte4-div .rcte-a a{display: block;width:250px;height:47px;line-height:47px;text-align: center; background: #006835;margin-left:20px;color:#fff;}
.rcte4-div .rcte-a a:hover{ background: #034B29;}

/*文化理念*/
.ny-cult-two{margin:40px 0}
.ny-cult-left{width:65%}
.ny-cult-left img{width:100%}

.ny-cult-right{width:35%}
.ny-cult-right b,.ny-cult-right span{display: block;color:#fff;width:100%;text-align: center;}
.ny-cult-right span{font-size:20px;line-height:36px;}
.ny-cult-right b:after{content: '';display: block;width:42px;height:3px; background: #EEB53E;margin:15px auto}
.ny-cult-right b{font-size:25px;font-weight:bold;padding-top:100px;}
.ny-cult1 .ny-cult-right,.ny-cult1{ background: #006835;}
.ny-cult2 .ny-cult-right,.ny-cult2{ background: #5A4D3A;}

.ny-cult2-left{width:50%}
.ny-cult2-left h2{font-size:32px;color:#006835;letter-spacing: 10px;padding:20px 0;border-bottom:1px solid #D9D9D9;margin-bottom:10px;}
.ny-cult2-left dl {margin:20px 0}
.ny-cult2-left dl dt{font-size:16px;color:#545454}
.ny-cult2-left dl dd{font-size:14px;color:#a7a7a7;margin-top:8px;line-height:29px;}
.ny-cult2-right{width:45%;margin-top:15px;}
.ny-cult2-right img{width:100%}

.ny-culture-bottom{ background: #F6F6F6;padding:30px 0;overflow: hidden;}
.ny-culture-bottom dl{width:40%;float:left;border-bottom:1px solid #E2E2E2;padding:0 0 30px 40px;margin-top:30px;height:130px;}
.ny-culture-bottom dl:nth-child(even){float:right}
.ny-culture-bottom dl dt{font-size:16px;color:#006835;font-weight:bold;margin-bottom:10px;}
.ny-culture-bottom dl dd{line-height:29px;color:#777;}
.ny-culture-bottom dl:nth-child(1){ background: url(../images/c-icon1.png) no-repeat top left;}
.ny-culture-bottom dl:nth-child(2){ background: url(../images/c-icon2.png) no-repeat top left;}
.ny-culture-bottom dl:nth-child(3){ background: url(../images/c-icon3.png) no-repeat top left;}
.ny-culture-bottom dl:nth-child(4){ background: url(../images/c-icon4.png) no-repeat top left;}
.ny-culture-bottom dl:nth-child(5){ background: url(../images/c-icon5.png) no-repeat top left;}
.ny-cult-dl dt,.ny-cult-dl dd{text-align: right;}
.ny-culture-bottom .ny-cult-dl{width:50%;border-bottom:0;margin-top:36px;}
.ny-culture-bottom .ny-cult-dl dt{font-size:32px;color:#006835}
.ny-culture-bottom .ny-cult-dl dd{color:#DFDFDF;font-size:69px;font-family: arial;margin-top:10px;font-weight: bold;line-height:69px;}

/*资质荣誉*/
.ny-honor-list{margin-bottom:20px;}
.ny-honor-list li{float:left;width:30%; background: #F6F6F6;padding:1.5%;margin:1.5%;position: relative;}
.ny-honor-list li .pic{width:100%}
.ny-honor-list li .pic img{width:100%}
.ny-honor-list .info{width:100%; position: absolute;top:0;left:0; background: rgba(0,104,53,0.95);height:100%;opacity: 0;transition: all .275s;}
.ny-honor-list .info em,.ny-honor-list .info span{display: block;text-align: center;color:#fff}
.ny-honor-list .info span{font-size:18px;margin-top:30px;transition-delay:1s;opacity: 0;transition: all .275s;}
.ny-honor-list .info em{padding-top:35%;transition-delay:0.15s;opacity: 0;transition: all .275s;}
.ny-honor-list .info:after{content: '';display: block;width:0%;height:14px; background: #EEB53E; position: absolute;bottom:0;left:0;transition: all .275s cubic-bezier(0, 0, 0.58, 1);transition-delay:0.1s}
.ny-honor-list li:hover .info{opacity: 1;}
.ny-honor-list li:hover .info:after{width:100%;} 
.ny-honor-list li:hover .info span{opacity: 1;margin-top:20px}
.ny-honor-list li:hover .info em{padding-top:25%;opacity: 1;}


/*实景展示*/
.ny-picture-list{margin-bottom:20px;}
.ny-picture-list li{float:left;width:30%; background: #F6F6F6;padding:1.5%;margin:1.5%;position: relative;}
.ny-picture-list li .pic{width:100%}
.ny-picture-list li .pic img{width:100%}
.ny-picture-list .info{width:100%; position: absolute;top:0;left:0; background: rgba(0,104,53,0.95);height:100%;opacity: 0;transition: all .275s;}
.ny-picture-list .info em,.ny-picture-list .info span{display: block;text-align: center;color:#fff}
.ny-picture-list .info span{font-size:18px;margin-top:30px;transition-delay:1s;opacity: 0;transition: all .275s;}
.ny-picture-list .info em{padding-top:35%;transition-delay:0.15s;opacity: 0;transition: all .275s;}
.ny-picture-list .info:after{content: '';display: block;width:0%;height:14px; background: #EEB53E; position: absolute;bottom:0;left:0;transition: all .275s cubic-bezier(0, 0, 0.58, 1);transition-delay:0.1s}
.ny-picture-list li:hover .info{opacity: 1;}
.ny-picture-list li:hover .info:after{width:100%;} 
.ny-picture-list li:hover .info span{opacity: 1;margin-top:20px}
.ny-picture-list li:hover .info em{padding-top:25%;opacity: 1;}


.pagelist{text-align: center;margin:50px 0 40px 0;}
.pagelist a,.pagelist span{display: inline-block;width:63px;height:63px;line-height:63px;text-align: center;background: #F7F7F7;font-size: 18px;border-radius: 100%;margin:10px;}
.pagelist .current{ background: url(../images/page.png) no-repeat center center;color:#fff}
.pagelist .first,.pagelist .end{ background:none;}
.pagelist .rows{display: inline-block;width:auto;height:auto;line-height:63px;text-align: center; background: none;;}
.pagelist a:hover{ background: url(../images/page.png) no-repeat center center;color:#fff}
.pagelist .first:hover{ background:  url(../images/page-left.png) no-repeat center left;color:#333}
.pagelist .end:hover{ background:  url(../images/page-right.png) no-repeat center right;color:#333}
.pagelist .first{ background: url(../images/page-left.png) no-repeat center left;padding-left:30px;width: 100px;}
.pagelist .end{ background: url(../images/page-right.png) no-repeat center right;padding-right:30px;width: 100px}

/*产品中心修改*/
.ny-pro-con .ctitle1{ background:none;overflow: hidden;text-align: center;margin-bottom:0}
.ny-pro-con .ctitle1 li{display: inline-block;width:161px;height:47px;line-height:47px;text-align: center;font-size:16px;border:1px solid #BFBFBF;float:none;margin:0 20px;}
.ny-pro-con .ctitle1 li a{display: block;height:47px;}
.ny-pro-con .ctitle1 li.on a,.ny-pro-con .ctitle1 li:hover a{ background: #006835;color:#fff}

.ny-pro-list{width:1100px;margin:0 auto;border-collapse: collapse;margin-bottom:50px;overflow: hidden;border:1px solid #E0E0E0}
.ny-pro-list .ny-pro-name{overflow:hidden}

.ny-pro-list .ny-pro-name span{ background: #006835;color:#fff;font-size:20px;font-weight:bold;height:50px;line-height:50px;float:left;text-align: center;}

.ny-pro-list .ny-pro-d-left{height:50px;line-height:50px;width:100%; background: #F7F7F7;color:#484848;font-size:21px;font-weight:bold;text-align: center;border-bottom:1px solid #E0E0E0}
.ny-pro-list .ny-pro-d-left dt{vertical-align: middle;height: 100%;}
.ny-pro-list .ny-pro-d-right{overflow: hidden;width:100%;height:100%}
.ny-pro-list .ny-pro-d-right dd{float:left;height:50px;line-height:50px;text-align: center;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0}
.ny-pro-list .ny-pro-d-right dd:nth-child(3n){border-right:none}

.ny-pro1-list{width:1100px;margin:0 auto}
.ny-pro1-list h2{font-size:20px;width:45px;line-height:45px; background: #19834F;text-align: center;width:100%;color:#fff}   
.ny-pro1-list ul{overflow: hidden; background: #FAFAFA;margin-bottom: 20px;border:1px solid #E0E0E0}
.ny-pro1-list li{width:25%;height:45px;line-height:45px;float:left;text-align: center;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0}
.ny-pro1-list li a{display: block;}

.recruit-btn{overflow: hidden;}
.recruit-btn li{float:left;line-height:60px;text-align: center;margin:1%;list-style: none;width:31%;}
.recruit-btn li a{float:left;color:#fff;background: #006835;width:100%;height:60px;border-radius:10px;font-size:16px;}
.recruit-btn li.on a,.recruit-btn li a:hover{ background: #000;}