.banner{width: 100%;height:500px;}
 
 /* 关于绿树*/
 .about{margin-top: 60px;}
 .tit{width: 200px;margin: 0 auto;}
 .tit .p1{text-align: center;line-height: 42px; font-size: 22px;color: #40443f;font-weight: bold;border-bottom: 1px solid #cdcdcd;}
 .tit .p2{text-align: center;line-height: 34px; font-size:12px;color: #40443f;font-family: arial}
 .intro{width: 1030px;margin:20px auto 0;font-size: 15px;color: #6e6e6e;text-align: center;line-height: 30px;}
 .about_four{margin:50px 0px}


 
 /* 联系方式*/

 .con-inner{width:710px;margin: 35px auto 0;border-top: 4px solid #1a8e53;border-bottom: 4px solid #1a8e53;padding-bottom: 20px;}


 
 /* 友情链接*/
 .link-box{width: 100%;border-top: 1px solid #e6e6e6;padding: 15px 0;margin-top: 70px;}
 .link ul{width: 100%;}
 .link ul li{float: left;line-height:36px;}
 .link ul li a{padding: 0 30px;font-size: 14px;color: #787878;transition: 0.5s;}
 .link ul li:hover a{color: #1a8e53;}
 
 
 
 
 
 
 
 
 
/* 关于我们四方块*/ 
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col-xs{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 25%;float: left;}
.single_about {background: #fff none repeat scroll 0 0;border-bottom: 1px solid #e8e8e9;border-right: 1px solid #e8e8e9;padding: 40px 20px;transition: all 0.4s ease 0s;text-align: center;}	
.single_about:last-child { border-right: 0px }
.single_about i {border-radius: 50%;color: #fff;display: inline-block;font-size: 24px;height: 60px;line-height: 60px;margin: 0 0 24px;text-align: center;text-decoration: none;transition: all 0.5s ease-in-out 0s;width: 60px;}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

.single_about:hover {box-shadow:0 3px 45px 0 rgba(0, 0, 0, 0.2);z-index:999; }
.single_about:hover i {transform: scale(1.1);}
.color-one {background: #2a80b9 none repeat scroll 0 0;}
.color-two{background: #f72459 none repeat scroll 0 0;}
.color-three{background: #8f44ad none repeat scroll 0 0;}
.color-four{background: #7ab55c none repeat scroll 0 0;}
.single_about h4 {font-weight: 700;text-transform: uppercase;letter-spacing: 1px;transition: all 0.5s ease-in-out 0s;}
.single_about p {-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
 
 
 
/* 横向广告*/ 
.transverse_banner {padding:10px;position:relative;margin:60px 0px; background-image:url(../img/video-bg.jpg);background-color:#000; background-size:cover; background-position: center center;background-attachment:fixed;}
.transverse_banner:before {background: rgba(72,128,184,0.98) none repeat scroll 0 0;content: "";height: 100%;left: 0;
    opacity:0.98;position: absolute;top:0;width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
}
.transverse_box{position:relative;min-height: 1px;padding-right: 15px;padding-left:15px;}
.transverse-content {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;text-align: center;box-shadow: none;border: none;line-height:28px;padding:50px}
.content-info {text-align: center;font-size:28px;}
.content-info p {font-weight: 400;padding:5px;font-weight: 100;color: #fff;font-size:14px;}

.content-info .info-p {border: 1px solid #fff;width: 100%;margin: 0 auto;padding:2px 12px;color: #fff;width:60%;margin-right:5px}
.content-info .info-title{font-size:32px;height:40px;line-height:40px;margin-bottom:20px}
/* 横向广告二，案例*/ 
.transverse_banner2 {padding:90px;position:relative;margin:60px 0px;background-color:#ffffff;}
.transverse_banner2:before {background: rgba(68,68,68, 0.15) none repeat scroll 0 0;content: "";height: 100%;left: 0;
    opacity: 0.8;position: absolute;top:0;width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.transverse_box2{position:relative;min-height: 1px;padding-right: 15px;padding-left:15px;}
.transverse-content2 {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;text-align: center;box-shadow: none;border: none;line-height:28px;}
.scroll_horizontal{position:relative;width:100%;height:280px;padding:10px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1100px;height:280px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:220px;height:100%}
.scroll_horizontal .list li .list_libox{padding:5px;margin:5px;border:1px #f3f3f3 solid;background-color:#fff;height:280px;border-radius:5px}
.scroll_horizontal .prev,.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../img/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

.list_libox .img{width:200px;height:260px;float:left;overflow:hidden;}
 

  
/* 新闻中心*/ 
.section-padding{}
.news {width: 1200px;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin:0px auto;padding:0px 0px}
.news_li{float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left:15px;width:40%;margin:0px 5%}
.ccr-price-title {background: #1a8e53 none repeat scroll 0 0;color: #fff;font-size: 24px;font-weight: 500;height:90px;padding: 20px 0 10px;text-align: center;text-transform: capitalize;}
.ccr-price {margin-bottom: 30px;}
.ccr-price-value {
	border: 4px solid #f9f9f9;
	border-radius: 100%;
	box-shadow: 0 5px 13px -4px #1a8e53 inset;
	font-family: montserrat,sans-serif;
	color: #fff;
	font-size: 22px;
	height: 60px;
	line-height: 51px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -30px;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	transition: all 0.4s ease 0s;
	width: 60px;
    background: #1a8e53; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a8e53), color-stop(40%,#1a8e53)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1a8e53 0%,#1a8e53 40%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #1a8e53 0%, #1a8e53 40%);
    background: linear-gradient(to bottom, #1a8e53 0%,#1a8e53 40%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8e53', endColorstr='#1a8e53',GradientType=0 ); /* IE6-9 */
}


.news_libox{display:block;text-align:center;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;height:300px;}		
.news_catename{background:#fff none repeat scroll 0 0;color:#333;font-size:24px;font-weight:500;height:70px;line-height:70px;text-align:left;text-transform: capitalize;}
.news_catename span{display:block;font-size:12px;color:#a8a8a8}
.news-list li {border-bottom: 1px dashed #eaeaea;color: #504f4f;list-style: outside none none;text-align:left;line-height:50px;height:50px;font-size:14px;position: relative;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.news-list li a{color:#333;display:block;height:100%;width:100%}
.news-list li a:hover{color:#427db6}
.news-list li:hover{padding-top:5px;}





.project_mainbox{}
.project {width: 1200px;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin:0px auto}
.text-center {text-align: center;}
.project_title{padding:20px 0px}


.media-body {display: table-cell;vertical-align:top;}
.project_li {float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 33.33333333%;}
.media {margin-top: 10px;}
.media>.pull-left {padding-right: 10px;float: left!important;padding-right: 10px;}	


.project_libox {padding-bottom: 80px;}
.project_libox i {font-size:1.8em;color: #fff;width:60px;height:60px;padding:17px;position: relative;background: #5BB12F;border: 1px solid #5BB12F;}
.project_libox h4{font-size: 15px;color: #666;padding-bottom: 10px;font-weight: 300;font-family: 'Oswald', sans-serif;}
.project_libox p{color: #444;font-size: 13px;line-height: 20px;font-weight: 300;}
.project_libox .media-body {margin-left: 25px !important;}
.project_libox .border {border-top: 1px solid #999;border-bottom: 1px solid #999;margin: 0 45%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.project_libox .border {margin-top: 20px;margin-left: 49.999%; margin-right: 49.999%;border-color: #fff;}
.project_libox:hover i {background: transparent;color: #5BB12F;}
.project_libox:hover .border {margin-left: 0%;margin-right: 0%;border-color: #5BB12F;border-color: #5BB12F;margin-left: 0%;margin-right: 0%;}