@charset "utf-8";
.banner{width: 100%;height:500px;}
img{border: none;vertical-align: middle;}
 /* 关于绿树*/
 .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: left;line-height: 30px;text-indent: 24px}
 .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;}

 
/* 关于我们四方块*/ 
*{
    -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 {width:80%;border-radius: 50%;color: #fff;display: inline-block;font-size: 24px;margin: 0 0 24px;text-align: center;text-decoration: none;transition: all 0.5s ease-in-out 0s;}
.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;padding:10px 0px;}
.single_about p {-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.single_about i img{width: 100%}
.single_about span{padding-top:10px;text-align: right;color: #ff0000;width: 100%;display: inline-block;height: 36px;line-height: 36px}
.single_about span a{color:#427db6;}
.single_about span a:hover{color:#000;}

/*合作客户*/
.squaredboxb{background-color:#fafafa}
.squaredbox{padding:6rem 0rem 6rem 0rem;}
.squaredbox .titlebox {float: none;margin-left: auto;margin-right:auto;width:36.66667%;padding-bottom:50px;text-align: center;}
.squaredbox .titlebox h3{color: #333;font-size:38px;line-height:76px;}
.squaredbox .titlebox p{font-size:24px}
.squaredbox .titlebox span {font-family: 'Roboto', sans-serif;display:inline-block;font-weight: 300;color: #80868f;font-size: 0.875rem;color: rgba(39,49,64,0.6);font-weight: 400;line-height: 1.6;padding-top: 10px;}
.squaredbox>ul li{display:inline-block;width:200px;height:160px;display:inline-block;margin:0 13px 26px;text-align: center;box-shadow:4px 4px 12px rgba(0,0,0,0.1);position:relative;text-align: center;background-color:#fff }
.squaredbox>ul li a:before{content:"";position: absolute;left:0;top:0;border-top:1px solid #445e9f;border-left:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.squaredbox>ul li a:after{content:"";position: absolute;right:0;bottom:0;border-right:1px solid #445e9f;border-bottom:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.squaredbox>ul li a:hover:before{width:100%;height:100%;visibility: visible;}
.squaredbox>ul li a:hover:after{width:100%;height:100%;visibility: visible;}
.squaredbox>ul li a{display:block;height:100%;vertical-align:middle;}
.squaredbox>ul li img{max-height:80%;max-width:80%;text-align: center;padding-top: 10px}
.squaredbox>ul li img {width:100%;-webkit-filter: grayscale(60%);filter:grayscale(20%);-webkit-transition: all 0.3s;transition: all 0.3s;}
.squaredbox>ul li a img:hover{ -webkit-filter: grayscale(0%);filter: grayscale(0%);}
.squaredbox>ul li a span{display:inline-block;color: #80868f}




/*证书*/
.cooperation {padding:80px;position:relative; background-image:url(../img/logo.jpg);background-size:cover; background-position: center center;background-attachment:fixed;color:#fff;}
.cooperation:before {background: rgba(0,25,70, 0.8) 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)";}
.cooperationbox{position:relative;padding-right: 15px;padding-left:15px;}
.project_left{float:left;width:20%;position: relative;}
	.project_left h3{font-size: 1.475rem; /**font-family: 'Asap', sans-serif;font-weight: 400;font-style: italic;**/}
	.project_left .line{width:60px;height: 2px;background-color: rgba(255,255,255,1);margin: 1.5rem 0;color:#fff}
	.project_left .button {
		display: inline-block;font-weight: 600;text-align: center;line-height: 1;cursor: pointer;-webkit-appearance: none;
		transition: background-color .25s ease-out,color .25s ease-out;vertical-align: middle;border: 1px solid transparent;border-radius: 2px;padding: .85em 1em;
		margin: 0 0 1rem;font-size: .9rem;background-color: #1581ee;color: #fefefe;
	}
.project_right{float:left;width:75%;margin-left: 5%}
	.project_right .item{width:260px;float:left;padding:15px;background-color: #fff; height:350px;}
	.project_right .item h5{display: block;font-size:1.2em;margin-block-start: 1.67em;margin-block-end: 1.67em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;}
	.project_right .item .smallText{font-size:0.rem;line-height:1.4rem;color: rgba(255,255,255,0.7);font-weight:300;}
	.project_right .item a img{width:100%;}
	.owl-theme .owl-controls .owl-buttons{background-color: #ff0000;color:#000}
	.owl-theme .owl-controls .owl-buttons div { position: absolute; top:200px; width:40px; height: 50px; margin: 0; padding: 0; border-radius: 0; font: 50px "宋体"; overflow: hidden; _display: none;background-color:#fff;text-align:center;line-height: 50px}
	.owl-theme .owl-controls .owl-buttons .owl-prev { left:-150px;}
	.owl-theme .owl-controls .owl-buttons .owl-next { left:-100px;}
	.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<";}
	.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">";}