@charset "utf-8";`

/* CSS Document */
*{ margin:0; padding:0;}
html{background:#fff;
min-width:1200px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1201?"1200px":"");}
body{  font-family:"微软雅黑";}
a{  text-decoration:none;}
a:hover{  text-decoration:none}
ul{ list-style:none;}
img{ border:none; display:block;}
.clear{ clear:both; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,
h3,h4,h5,h6,u,b,p,span,i,a{margin:0;padding:0;list-style:none;text-decoration:none;color:#333;
font-family:"微软雅黑";font-weight:normal;font-size:16px;text-decoration:none}
button{border:none;background:none;}
.clear:after{/**清除浮动影响**/content:"";display:block;clear:both;}
.wrap{width:1200px;margin:0 auto;}
input,textarea,select{ border:none;outline:medium; font-family:"微软雅黑"; }
:-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
#page{background:#fff;}
/**/
.header{
	height:86px;
	background:rgba(255,255,255,0.9);
	z-index:10;
	position:relative;
	}
.header ul li{
	float:left;
	line-height:86px;
	width:104px;
	text-align:center;
	font-weight:400;
	}
.header ul li a{
	font-weight:500;
	color:#000;
	}
.header ul li:hover a{
	color:#9cc900;
	}
.header ul li.active-li a{
	color:#9cc900;
	}	
.banner{
	position:relative;
	top:-38px;
	z-index:5;
	border-bottom:2px solid #9cc900;
	}	
	
/**/	
.nr{
	padding:40px;
	}
.nr .biao{
	width:100%;
	margin:20px 0 40px;
	}
.nr .biao img{
	display:block;
	margin:0 auto;
	}	
.xny-ul{
	width:100%;
	height:auto;
	}	
.xny-ul li{
	float:left;
	width:380px;
	}	
.xny-ul li .li-img{
	width:380px;
	height:257px;
	overflow:hidden;
	border-radius:5px;
	}
.xny-ul li .li-img img{
	webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);transform: scale(1);
	}
.xny-ul li .li-btn img{
	float:left;
	position:relative;
	top:-27px;
	left:-25px;
	}	
.xny-ul li .li-btn{
	position:relative;
	top:-18px;
	}
.xny-ul li .li-btn div{
	width:260px;
	height:50px;
	background:#9cc900;
	color:#fff;
	padding:5px 10px;
	}	
.xny-ul li .li-btn div h1{
	color:#fff;
	font-size:18px;
	line-height:24px;
	}	
.xny-ul li .li-btn div i{
	color:#fff;
	line-height:30px;
	text-transform:uppercase;
	display:block;
	height:22px;
	line-height:22px;
	overflow:hidden;
	}
	
.xny-ul li:hover .li-img img{
	-webkit-transform: scale(1.1);transform: scale(1.1);
	}	
.xny-ul li{
	margin-right:30px;
	}
.xny-ul li:nth-child(3n){
	margin-right:0px;
	}	
	
/**/	
.ys{
	height:690px;
	width:100%;
	margin-bottom:90px;
	}	
	
.ys-ul{
	width:100%;
	height:auto;
	padding:30px 0;
	}	
.ys-ul li{
	float:left;
	}	
.ys-ul .ys-left{
	width:450px;
	margin-right:10px;
	}	
.ys-ul .ys-right{
	width:450px;
	margin-left:10px;
	}	
	
.ys-ul .ys-center{
	width:268px;
	margin:50px 0;
	padding:5px;
	border:1px solid #fff;
	border-radius:50%;
	overflow:hidden;
	}	
.ys-ul .ys-center img{
	width:270px;
	height:270px;
	border-radius:50%;
	webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);transform: scale(1);
	}	
.ys-ul .ys-center:hover img{
	-webkit-transform: scale(1.1);transform: scale(1.1);
	}
.ys-ul .ys-center:hover{
	width:268px;
	background:#9cc900;
	border:6px solid #9cc900;
	padding:0;
	}
.ys-left .ys-xx{
	margin:50px 0;
	max-height:72px;
	overflow:hidden;
	}	
.ys-left .xx-wen{
	float:left;
	width:370px;
	text-align:center;
	color:#fff;
	}
.ys-left .xx-img{
	float:left;
	margin-left:20px;
	width:50px;
	height:50px;
	background:rgba(255,255,255,0.4);
	border-radius:50%;
	}	
.ys-left .xx-img img{
	display:block;
	margin:11px auto;
	height:28px;
	}
.xx-wen h1,h2{
	color:#e0e0e0;
	}	
	
.ys-left .x2{
	position:relative;
	right:10px;
	}	
.ys-left .x1{
	position:relative;
	right:-20px;
	}	
.ys-xx:hover .xx-img{
	background:#9cc900;
	} 	
.ys-xx:hover h1,h2{
	color:#fff;
	}	
/**/
.ys-right .ys-xx{
	margin:50px 0;
	max-height:72px;
	overflow:hidden;
	}	
.ys-right .xx-wen{
	float:left;
	width:370px;
	text-align:center;
	color:#fff;
	}
.ys-right .xx-img{
	float:left;
	margin-right:20px;
	width:50px;
	height:50px;
	background:rgba(255,255,255,0.4);
	border-radius:50%;
	}	
.ys-right .xx-img img{
	display:block;
	margin:11px auto;
	height:28px;
	}

.ys-right .x2{
	position:relative;
	left:10px;
	}	
.ys-right .x1{
	position:relative;
	left:-20px;
	}	
.ys-xx:hover .xx-img{
	background:#9cc900;
	} 	
.ys-xx:hover h1,h2{
	color:#fff;
	}		
/****/
.jn{
	height:600px;
	}	
.jnhb{
	margin-bottom:80px;
	}	
/**/

.how_you_can_help_area{padding-bottom: 98px;}
.accordion-box h2 {
  color: hsl(200, 6%, 18%);
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
  padding-bottom: 35px;
  padding-top: 58px;
}
.accordion-box {
  margin-right: 46px;
  position: relative;
  width:600px;
}
.accordion-box .accordion{
  position:relative;  
}
.accordion-box .accordion .acc-btn {
  color: #2C3032;
  cursor: pointer;
  font-family: 'Hind', sans-serif;
  font-size: 18px;
  line-height: 42px;
  margin-bottom: 19px;
  padding-left: 56px;
  position: relative;
  font-weight: 500;
}
.accordion-box .accordion .acc-btn span{
	font-size:18px;
	}
.accordion-box .accordion .acc-btn .toggle-icon {
  background: #F9F9F9 none repeat scroll 0 0;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  color: #aaaaaa;
  display: block;
  height: 37px;
  left: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 37px;
}
.accordion-box .accordion .acc-btn .toggle-icon .plus {
  color: hsl(204, 5%, 18%);
  font-size: 10px;
  font-weight: normal;
  height: 37px;
  left: 0;
  line-height: 40px;
  margin-top: -2px;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .plus{
  opacity:0;
}

.accordion-box .accordion .acc-btn .toggle-icon .minus {
  background: #9CC900 none repeat scroll 0 0;
  font-size: 10px;
  font-weight: 300;
  height: 37px;
  left: 0;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
  border-radius: 6px;
 color: #FFFFFF;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus{
  opacity:1;
}
.accordion-box .accordion .acc-content {
  color: #777777;
  display: none;
  font-size: 14px;
  line-height: 22px;
  padding-left: 60px;
  position: relative;
  top: -23px;
font-family: 'Hind', sans-serif;
}
.accordion-box .accordion .acc-content.collapsed{
  display:block;
}
.accordion-box .accordion .acc-content p {
  color: hsl(0, 0%, 47%);
  margin-left: -5px;
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height:28px;
}
.acc-btn.active.acc-content.collapsed::after {
  border: 1px dashed hsl(0, 0%, 93%);
  content: "";
  height: 142%;
  left: 18px;
  position: absolute;
  top: 0;
}
.acc-content::after {
  content: "";
  height: 120%;
  border: 1px dashed #ECECEC;
  position: absolute;
  top: 0;
  left: 18px;
}
.accordion_border::after {
  border: 1px dashed #ECECEC;
  content: "";
  height: 18px;
  left: 18px;
  position: absolute;
  top: 38px;
}
.accordion_border:hover span{
	color:#9cc900;
	}
/*.accordion:hover span{
	color:#9cc900;
	font-weight:600;
	}*/
.accordion:hover a{
	color:#9cc900;
	}
.how_you_can_help_img_holder {
  margin-left: -15px;
  padding-top: 120px;
}
.how_you_can_img_holder_box {
  float: left;margin-bottom: 2px;overflow: hidden;
}
.help_margin{margin-right: 2px}


.how_you_can_img_holder_box .how_you_can_img_holder  {
 transition: all 500ms ease 0s;
 width: 100%;
 
}

.how_you_can_img_holder_box:hover .how_you_can_img_holder {
  transform: scale(1.1, 1.1) rotate(-0deg); 
  opacity: .9;
}
/* 节能 */

.hb-case{
	margin-bottom:80px;
	}
/*案例 */
.our_latest_recet_project_area {
 padding-bottom: 100px;
    
}
.our_latest_recet_project_area .events_title h2 {
  color: hsl(200, 6%, 18%);
  font-size: 32px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  padding-bottom: 58px;
  padding-top: 101px;
  text-align: center;
}

.recet_project_portfolio {
  overflow: hidden;
  position: relative;
  width: 370px;
}


.recet_project_portfolio .overlay {
  background: hsla(210, 35%, 13%, 0.9) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: scale(0);
  transition: all 0.5s ease 0s;
}


.recet_project_portfolio:hover img {
  transform: scale(1.1);
}
.recet_project_portfolio:hover .overlay {
  transform: scale(1);
}
.recet_project_portfolio img {
  transform: scale(1);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.recet_project_portfolio .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: rgba(96, 120, 11, 0.9);
  transform: scale(0);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.recet_project_portfolio .overlay a h4 {
  color: hsl(0, 0%, 100%);
  font-size: 25px;
  font-weight: 600;
  line-height: 24px;
  margin-left: -30px;
}
.recet_project_portfolio .overlay a p {
  color:#fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 32px;
  padding-top: 5px;
}


.recet_project_portfolio .overlay a h2 {
  color:#fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-left:-17px;
}

.recet_project_portfolio .overlay .item-title {
  bottom: 0;
  left: 0;
  position: absolute;padding-left: 39px;
}
.recet_project_portfolio .overlay a i {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #5c6977;
  color: #fff;
  float: left;
  height: 41px;
  line-height: 41px;
  margin-left: 41px;
  margin-top: 50px;
  width: 41px;
}
.recet_project_portfolio .overlay a span i {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #5c6977;
  color: #fff;
  float: left;
  height: 41px;
  line-height: 41px;
  margin-left: 5px;
  margin-top: 50px;
  width: 41px;
}
.portfolio_margin {
  margin-bottom: 10px;
  margin-left: 2px;
  margin-right: -11px;
}
.portfolio_margin2{
margin-left: 2px;
  margin-right: -12px;
  }

.portfolio_margin3 {
  margin-left: -5px;
 
}

.portfolio_margin4 {
  margin-bottom: 10px;
}
/*.portfolio_margin5{  margin-left: -12px;}*/


.case-ul{
	padding:24px 20px;
	background:rgba(255,255,255,.5)}
.case-ul .case{
	width:370px;
	height:630px;
	}
.case-ul .case1{
	margin:0 25px;
	}

/* 案例 */


/*新闻*/
.examples_image{
	width:430px;
	height:475px;
	margin:0 10px;
	margin-top:18px;
	}

.examples_image img{
	width:430px;
	height:300px;
	display:block;
	margin-bottom:20px;
	}

.desc h4{
	width:100%;
	font-size:18px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:center;
	font-weight:600;
	}
.desc small{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size:16px;
	line-height:24px;
	height:48px;
	}
.kan_more{
	width:100px;
	line-height:30px;
	height:30px;
	color:#9cc900;
	text-transform:uppercase;
	margin:10px 0;
	}
.kan_more:hover{
	font-size:18px;
	}
.mune_thumb ul li{
	margin:18px 0;
	}
.mune_thumb{
	width:700px;
	margin:0 10px;
	}

.mune_thumb img{
	width:175px;
	height:122px;
	margin-right:10px;
	}
.mune_thumb .block{
	width:510px;
	height:122px;
	overflow:hidden;
	}
.mune_thumb .block h4{
	width:100%;
	font-size:18px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:600;
	}
.mune_thumb .block small{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size:16px;
	line-height:24px;
	height:48px;
	}
.gd{
	background:none;
	color:#9cc900;
	margin:5px 0;
	text-align:left;
	}


/**/
.foot{
	height:110px;
	background:#212121;
	position: relative;
    top: 80px;
	padding:20px;
	}
.foot .a{
	text-align:center;
	margin-bottom:15px;
	}
.foot .a a{
	color:#fff;
	padding:5px;
	font-size:16px;
	margin:0 20px;
	}
.foot div{
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:14px;
	}
.foot .a a:hover{
	border-bottom:1px solid #fff;
	}

/************************************/

/*产品展示*/

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	padding:0 30px;
}
.grid1{
	padding:0;
	}
/* Common style */

.grid .grid-box{
	width:350px;
	height:auto;
	margin:0 15px;
	margin-top:50px;
	}	
.grid .grid-box1{
	width:270px;
	margin:0 15px;
	margin-top:50px;
	}
.grid .grid-box:hover .cp-name{	
	color:#e21e32;
	}
		
.grid-box figure {
	width:350px;
	height:220px;
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	background:#000;
}
.grid-box1 figure{
	width:270px;
	height:400px;
	}
.grid figure img {
	position: relative;
	display: block;
	width:350px;
	height:220px;
	opacity: 0.8;
}


.grid-box1 figure img {
	width:270px;
	height:400px;
}

.grid figure figcaption {
/*padding: 2em;*/
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2,.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
}
figure.effect-apollo h2{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	width:100px;
	height:30px;
	margin:0 5px;
	color:#fff;
	line-height:30px;
	font-weight:400;
	text-align:center;
	}

figure.effect-apollo img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 2em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	color:#fff;
}

/**/

.grid-box:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.grid-box:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.grid-box:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;}
/**/
.grid-box1:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.grid-box1:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.grid-box1:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;}
	

	
	


.grid .cp-name{
	line-height:40px;
	font-size:22px;
	font-weight:400;
	text-align:center;
	width:350px;
	}
.grid .cp-name1{
	text-align:left;
	font-size:18px;
	overflow:hidden;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	}
.grid .cp-wen{
	color:#666;
	font-size:14px;
	text-align:left;
	line-height:24px;
	height:48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}
.grid-box:hover .cp-wen{
	color:#e21e32;
	}
.grid-box1 .cp-name1{
	width:270px;
	text-align:left;
	font-size:16px;
	overflow:hidden;
	word-break:keep-all;

	white-space:nowrap;
	text-overflow:ellipsis;
	}
.grid-box1 .cp-wen{
	width:270px;
	color:#666;
	font-size:14px;
	text-align:left;
	line-height:24px;
	height:48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}
/*分页*/*产品展示*/

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	padding:0 30px;
}
.grid1{
	padding:0;
	}
/* Common style */

.grid .grid-box{
	width:350px;
	height:auto;
	margin:0 15px;
	margin-top:50px;
	}	
.grid .grid-box1{
	width:270px;
	margin:0 15px;
	margin-top:50px;
	}
.grid .grid-box:hover .cp-name{	
	color:#9cc900;
	}
		
.grid-box figure {
	width:350px;
	height:220px;
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	background:#000;
	margin:0;
}
.grid-box1 figure{
	width:270px;
	height:400px;
	}
.grid figure img {
	position: relative;
	display: block;
	width:350px;
	height:220px;
	opacity: 0.8;
}


.grid-box1 figure img {
	width:270px;
	height:400px;
}

.grid figure figcaption {
/*padding: 2em;*/
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2,.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
}
figure.effect-apollo h2{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	width:100px;
	height:30px;
	margin:0 5px;
	color:#fff;
	line-height:30px;
	font-weight:400;
	text-align:center;
	}

figure.effect-apollo img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 2em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	color:#fff;
}

/**/

.grid-box:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.grid-box:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.grid-box:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;}
/**/
.grid-box1:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.grid-box1:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.grid-box1:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;}
	

	
	


.grid .cp-name{
	line-height:40px;
	font-size:22px;
	font-weight:400;
	text-align:center;
	width:350px;
	}
.grid .cp-name1{
	text-align:left;
	font-size:18px;
	overflow:hidden;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	}
.grid .cp-wen{
	color:#666;
	font-size:14px;
	text-align:left;
	line-height:24px;
	height:48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}
.grid-box:hover .cp-wen{
	color:#9cc900;
	}
.grid-box1 .cp-name1{
	width:270px;
	text-align:left;
	font-size:16px;
	overflow:hidden;
	word-break:keep-all;

	white-space:nowrap;
	text-overflow:ellipsis;
	}
.grid-box1 .cp-wen{
	width:270px;
	color:#666;
	font-size:14px;
	text-align:left;
	line-height:24px;
	height:48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}
/*分页*/
/*分页*/
.fenye{
	margin-top:50px;
	text-align:center;
	height:40px;
	line-height:40px;
	}	
.fenye a{
	padding:5px 10px;
	background:#f2f2f2;
	border:1px solid #ccc;
	margin:0 10px;
	}	
.fenye a:hover{
	background:#9cc900;
	color:#fff;
	border:1px solid #fff;
	}	
.fenye a.xx{
	background:#9cc900;
	color:#fff;
	border:1px solid #fff;
	}	
/**/
.xq{
	padding:20px 0;
	}	
.xq img{
	display:block;
	margin:10px auto;
	max-width:1200px;
	}	
.xq .xq-biao{
	font-size:20px;
	text-align:center;
	line-height:40px;
	font-weight:600;
	}
	
.xq .xq-wenzi{
	line-height:28px;
	width:100%;
	}	
/*联系我们*/
.xq-show{
	padding:20px;
	}	
.xq-show img{
	display:block;
	margin:10px auto;
	}	
.xq-show div{
	line-height:26px;
	padding:5px;
	}	
.lxwm{
	padding-bottom:70px;
	}
.contact_box1{
	width:832px;
	height: 260px;
	margin: 30px auto;
	margin-bottom: 50px;
}
.contact_box1 li{
	width: 260px;
	height: 260px;
	float: left;
	margin-right: 26px;
}
.contact_box1 li:nth-child(1){
	background: #F9E0E0;
}
.contact_box1 li:nth-child(2){
	background: #DDF2F4;
}
.contact_box1 li:nth-child(3){
	background: #EBF3DA;
}
.contact_box1 li:last-child{
	margin-right: 0px;
	background: #D5ECF9;
}
.contact_box1 li>img{
	margin-top: 50px;
}
.contact_box1 li .p1{
	font-size:18px;
	color: #393b3a;
	margin: 15px 0;
}
.contact_box1 li .p2{
	font-size:16px;
	color: #393b3a;
	line-height: 22px;
}

.contact_box1 li div{
	text-align:center;
	}
/**/
.contact_box2{
	width: 600px;
	height: 300px;
	margin: 40px auto;
}
.contact_box2 .cb2_left{
	float: left;
	width: 600px;
	height: auto;
	overflow: hidden;
}
.contact_box2 .cb2_left .list{
	width: 100%;
	height: 40px;
	background: #dadada;
	margin-bottom: 8px;
}
.contact_box2 .cb2_left .list span{
	width: 80px;
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.contact_box2 .cb2_left .list input{
	float: left;
	width:380px;
	height: 37px;
	margin-top: 1px;
	border: none;
	background: none;
	outline: none;
	font-size: 14px;
}
.contact_box2 .cb2_right{
	width: 480px;
	height: 279px;
	background: #ccc;
	float: right;
}
.contact_box2 .cb2_left .list2{
	width: 100%;
	height: 135px;
	background: #dadada;
	margin-bottom: 8px;
}
.contact_box2 .cb2_left .list2 .span1{
	width: 80px;
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.contact_box2 .cb2_left .list2 textarea{
	float: left;
	width:514px;
	height:125px;
	margin-top: 10px;
	border: none;
	background: none;
	outline: none;
	font-size: 14px;
	resize: none;
}
.contact_box2 .cb2_left .list2 .span2{
	float: right;
	margin-right: 20px;
	width: auto;
	font-size: 14px;
	color: #999;
}
.contact_box2 .cb2_left .btn{
	width: 100px;
	height: 30px;
	color: #658b00;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	background: #dadada;
}