/*内页banner */
.banner{width: 100%;}
.banner img{width: 100%;height: 100%;display: block;}

 /*标题 */
 .tit{width: 200px;margin:40px auto 20px;}
 .tit .p1{text-align: center;line-height: 42px; font-size: 22px;color: #000;font-weight: bold;border-bottom: 1px solid #cdcdcd;}
 .tit .p2{text-align: center;line-height: 34px; font-size:12px;color: #000;font-family: arial}
 
 /*二级导航*/

 .menubox{background-color:#f0f0f0;}
 .menu{display: table;height: auto;overflow: hidden;font-size: 16px;margin:0 auto;background-color:#f0f0f0;}
 .menu li{line-height:50px;border-radius: 2px;float: left;text-align:center}
 .menu li a{display: block;padding: 0 60px;border-radius: 2px;color:#000000;min-width:60px; }
 .menu-hover a{color:#000!important; }
 .menu li:hover a{background-color: #11baee!important;color:#fff!important;}
 .menu li.on{background-color: #11baee!important;color:#fff!important;color:#fff}
 .menu li.on a{color:#fff}
  
 /*单页*/
 .box{background-color: #fff;padding: 40px 35px;width:1130px;margin: 0 auto;min-height:500px;}
 .box img{max-width: 100%;}
 .box-title{width: 100%;text-align: center;font-size:20px;color: #000;font-weight: bold; }
 .box-time{width: 100%;text-align: center;font-size:14px;color: #838282;margin-top: 5px;}
 .box-text{min-height: 500px;padding:50px 0;}
 
 .news-page{width: 100%;}
 .news-page p{width: 45%;font-size:14px;color: #6f6f6f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .news-page p a{color: #6f6f6f;margin: 0 10px;}
 .news-page p a:hover{color: #1a8e53;}
 .news-left{float: left;}
 .news-right{float: right;text-align: right;padding-right: 5px;}

 
 .news-box{width: 820px;margin: 0 auto;display: table;text-align: center;}
 .class3{height: auto;overflow: hidden;padding:5px 0;display: inline-block;*float: left;}
 .class3 li{line-height: 40px;border-radius: 2px;float: left;margin:0 12px;}
 .class3 li a{display: block;padding: 0 42px;background-color: #f3f3f3;border-radius: 2px;color:#666;min-width: 42px;font-size: 16px;}
 .class3-hover a{background-color: #1a8e53!important;color:#fff!important; }
 .class3 li:hover a{background-color: #1a8e53!important;color:#fff!important;}
 .search-box{width: 265px;display: inline-block;margin-left: 20px;*float: left;}
 .search-box input{width: 200px;height:50px; float: left;border:4px solid #1a8e53;background: #FFFFFF;text-indent: 2em;font-size: 14px;}
 .search-box button{width: 55px;height: 58px;background:#1a8e53;text-align: center;font-size: 16px;color: #FFFFFF;float: right;}
 
 .wow{line-height:30px;color:#666666;padding:50px 0px}
 
 /* 新闻列表*/
 .news-list{margin: 30px auto;min-height:300px;width: 1000px;}
 .news-list li{width: 100%;float: left;padding: 20px 0;border-bottom:1px solid #E2E2E2 ;position: relative;}
 .news-list li .p1{font-size: 17px;color: #000;line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .news-list li .p2{font-size: 12px;color: #cccccc;line-height: 26px;}
 .news-list li .p3{font-size: 14px;color: #999999;line-height: 22px;height: 45px;overflow: hidden;transition: all 0.5s; text-overflow: ellipsis;
        display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
 .news-list li span{width: 0;height:1px ;background: #1A8E54;display: block;position: absolute;left: 0;bottom: -1px;transition: all 0.5s;}
 .news-list li:hover .p3{margin-left: 5px;color: #000;}
 .news-list li:hover span{width: 1000px;}


/* 加入我们 */
.messahebox{padding:50px;25px;margin-right: auto;margin-left:auto;width:100%}
.messahebox2 {display: block;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.messahebox2 h3 {margin: 10px 0;font-family: inherit;font-weight:700;line-height: 20px;color:inherit;text-rendering: optimizelegibility;line-height:40px;}
	.messahe-form{background:#fff;background:rgba(230,230,230,0.5);z-index:110;position:relative;margin-top:-25px;padding:60px}
	.centered {margin-left: auto;margin-right: auto;float: none;text-align: center;}

	.messahe-form .info-mail{border:1px solid #fff;width:60%;margin:0 auto;padding:15px;color:#181a1c}
	.messahe-form .info-address{width:100%;margin:0 auto;padding:15px;color:#181a1c;font-size:14px}	
	.messahe-form .message-btn {border: 1px solid #747c89;color: #747c89;background-color: transparent;padding: 10px 30px;font-size:16px;}
	.messahe-form .message-btn:hover {background-color: #5BB12F;box-shadow:0 3px 45px 0 rgba(0, 0, 0, 0.2);z-index:999;color: #fff;border: 1px solid #5BB12F;}
 
	
/* 案例 */
.c-list{min-height: 300px;margin: 30px auto;}
.c-list li{width: 25%;padding:5px;float:left;margin-top: 23px;  position: relative; min-height: 1px;}
.c-list .des {text-align:center;border: 1px solid #eee;padding: 20px;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.c-list .des:hover {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);box-shadow: 0px 8px 24px rgba(0,0,0,0.25);}	
.c-list .des img {display: block;height:83px;width:250px;}

	
/*关于我们*/
.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%;}




.n_about{ padding:2.5rem 0 0}
.fl01{ border-bottom:#e9e8ed 1px solid; padding:4.625rem 0 1.875rem; overflow:hidden;}
.fl01 .fl{ }
.fl01 .fl h4{ font-size:1.125rem; color:#000000; margin-bottom:1.25rem}
.fl01 .fl h2{ font-size:2.5rem; color:#000000; font-weight:bold}
.fl01 .fl h2 font{ color:#d4042c}
.fl01 .fr{ width:70%}



.fl01 .fr h4{ font-size:1.125rem; color:#000000; margin-bottom:0.75rem}
.fl01 .fr h4 font{ font-weight:600}
.fl01 .fr h5{font-size:1.125rem;color:#bcbbc2;margin-bottom:2rem;font-family: Helvetica;}
.fl01 .fr p{ font-size:0.875rem; color:#666565; line-height:1.8rem; margin-bottom:1.875rem}
.fl01 .fr ul{ overflow:hidden; margin:0 -1.5rem}
.fl01 .fr ul li{ display:inline-block; *display:inline; *zoom:1; float:left; width:16.666667%; text-align:center; padding:0 0}
.fl01 .fr ul li .img{ height:5.75rem; line-height:5.75rem;}
.fl01 .fr ul li .img img{ max-width:70%; max-height:5rem}






/*招商加盟*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join_bg{background: url(../img/join_bg.jpg) center center no-repeat; height: 800px; background-size: cover; position: relative;}
.join_left {
    background:#fff;position:absolute;bottom:0px;left:0;
    padding:70px 20px 30px 20px;padding-left:70px;box-sizing:border-box;
    padding-bottom:80px;font-size:1em;line-height:35px;display: inline-block;left:-100%;opacity:0;margin-left:16.66666667%;width:25%;border-radius:8px 8px 0 0;
	
}
.join_left .max-title {font-size: 35px;line-height: 1em;}
.join_left .max-title img{margin-left: -37px;display: block;}
.join_left .sub-title {font-size: 1.1em;line-height: 1.3em;padding: 1em 0;}
.join_left .conn-wname {font-size: 1.4em;padding-bottom: .5em;padding-top: 1.7em;}


.join_right{background: rgba(228,22,22,0.7);position: absolute;bottom:0px;right: 0px;padding: 20px 50px;color: #fff;width:58.33333333%;right:-100%;opacity:0;}
.join_right .max-title{font-size:40px; font-weight: bold;text-transform : uppercase;margin:0 0 10px}
.join_right .max-title span{display: block; font-size: 15px;}
.join_right .joinbook{ width:40%;}
.join_right .joinbook li{padding: 5px 0px;}
.join_right .joinbook li input,.join_right .joinbook li textarea{width:100%}
.join_right .joinbook li textarea{width:100%;height:60px}

















/* 资质荣誉 */
::-webkit-scrollbar{
    width: 5px;
    height: 8px;
    background-color:rgba(246, 248, 249, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb{
    background-color:rgba(123, 121, 121, 0.7);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



.transition500 {
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}
.col-md-1-5 {
    width: 20%;
    float: left;
}
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
}
.col-md-1-10 {width: 10%;float: left;}
.col-xs-1-10,
.col-sm-1-10,
.col-md-1-10,
.col-lg-1-10 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}


.Qualifications {margin:80px 0px;overflow: hidden;padding-top: 20px;}
.Qualifications>h3 {margin-top: 40px;}
.Qualifications>p {color: #BABABA;line-height: 30px;margin-bottom: 20px;}
.zzlibox {padding: 0px;position: relative;overflow: hidden;margin-top:20px}
.zzlibox>a>.picbox>img {width: 100%;}
.zzlibox>a {
    text-decoration: none;
}
.zzlibox>a>.titleinfo>h2 {padding: 0px;padding-top: 10px;margin: 0px;font-size: 12px;}
.zzlibox>a .titleinfo>.casename {font-size: 14px;margin: 0px;padding: 0px;}
.titleinfo {
    padding: 10px;
    height: 40px;
    color: #666;
	background-color:#e7e7e7;text-align:center;
    transition: background-color .5s, color .5s;
    -webkit-transition: background-color .5s, color .5s;
    position: relative;
    z-index: 3;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.zzlibox:hover>a>.picbox>img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.zzlibox>a>.picbox>.mask {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    opacity: 0;
    text-align: center;
}
.zzlibox:hover>a>.picbox>.mask {
    opacity: 1
}
.zzlibox:hover>a>.titleinfo {
    background-image: none;
    background-color: #11baee;
}
.zzlibox:hover>a>.titleinfo {
    color: #fff;
}
.zzlibox:hover>a>.titleinfo>.xq {
    color: #fff;
}