.margin_b50{margin-bottom: 50px;}
.margin_b40{margin-bottom: 40px;}
/*我们详情页*/
.ratio-img,.ratio-img img{width: 100%}
.about_wrap{width: 990px; max-width: 100%; margin: auto;}
.about_top{ margin-bottom: 60px; position: relative;}
.about_top .left{float: left; width: 38%;background: #edeef0;}
.about_top .right{float: right; width:62%; background: #fff;}
.about_top .close{position: absolute; right: 0; bottom: -40px;}
.about_r_box{ padding-left: 62px;}
.about_person_text{padding: 40px;}
.person_text01{overflow: hidden; border-bottom: 1px solid #000; padding-bottom: 40px; margin-bottom: 40px;}
.person_text01 .person_left{float: left; width:calc(100% - 150px);}
.person_line{margin: 30px 0 5px 0;}
.person_text01 .person_right{ float: right; width: 140px; line-height: 1.7em; margin-top: 2px;}
.about_edit{border-top: 1px solid #000; padding: 35px 0;}
.about_edit h1{margin-bottom: 35px;}
.about_top .right .about_edit:last-child{padding-bottom: 0}
.about_bottom{padding-top: 40px; border-top: 1px solid #000;}
.about_bottom h1{margin-bottom: 40px;}

.about_bottom .project_c .panel{width: 33.2%;}
@media only screen and (max-width: 1024px) {
.about_r_box{padding-left: 30px;}
.about_person_text{padding: 20px;}
.person_text01{padding-bottom: 20px; margin-bottom: 20px;}
.about_edit{padding: 20px 0;}
.about_edit h1,.about_bottom h1{margin-bottom: 20px;}
.person_line{margin: 10px 0;}
.about_bottom{padding-top: 20px;}
.person_line img{width: 10px;}
.person_line{height: 10px;}
}
@media only screen and (max-width: 600px) {
.about_bottom .project_c .panel{width: 50%;}
.about_top .left,.about_top .right{width: 100%; float: none;}
.about_top .right{padding-top: 20px;}
.about_r_box{padding-left:0px;}
.person_text01 .person_left{width: 200px;}
.person_text01 .person_right{width: calc(100% - 220px)}
.about_person{ text-align: center;}


}
@media only screen and (max-width: 767px) {
/*.about_bottom .project_c .panel{width: 100%;}*/
}

@media only screen and (max-width:540px) {
.about_person_text{padding: 20px 10px;}
.person_text01 .person_left,.person_text01 .person_right{width:100%; text-align: center;}
.person_text01 .person_right{border-top: 1px solid #000; padding-top: 20px; margin-top: 20px;}
}

/*我们*/
.about_banner{}
.about_banner,.banner_img{position: relative;}
.about_banner img{width: 100%;}
.public_bg{position: absolute; top:0;left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);-webkit-transition: opacity .4s ease-in;transition: opacity .4s ease-in;}
.aboutcont .main{padding-top: 0; padding-bottom: 50px;}
.aboutcont .header.header_default{background: none}
.aboutcont .header.header_default .nav ul li > a{color: #fff;}
.aboutcont .header.header_default .lang a{color: #fff;}
.aboutcont .header.header_default .search_box{background: transparent url(../images/search.png) center center no-repeat;}
.aboutcont.scroll .header{background: rgba(0,0,0,0.7); height: 66px;}

.about_banner_text{color: #fff; position: absolute; bottom:35px; left: 0; width: 100%;}
.about_banner_text h1{margin-bottom: 20px;}
.about_banner_p{line-height: 1.5em; margin-bottom:50px;}
.about_banner_box{margin-left: 5.6%; width: 1050px;}



.about_block01 ul{overflow: hidden;}
.about_block01 ul li{width: 20%; float: left; color: #000; padding: 0 4.5%;}

.about_block01 ul li h1{line-height: 1.1em; height: 1.1em; font-family: "Arial"; font-weight: bold;}
.about_block01 ul li p{line-height: 20px; margin-bottom: 45px; height: 20px; overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about_block01 ul li a{ display: inline-block; padding: 5px 5px 5px 0; font-size: 0; float: left; cursor: default;}



.about_customer{position: relative;}
.about_service ul{position: relative; margin:2px -1px; overflow: hidden;}
.about_service li{position: absolute; overflow: hidden;}
.about_service_box{overflow: hidden; margin:2px 1px; position: relative;background: #37373c;}
.about_service li:nth-child(1){ width: 39.79%;top:0; left: 0; height: 39.4%; z-index: 1;}
.about_service li:nth-child(2){ width:36.84%;top:0; left: 39.79%; height: 60.44%;}
.about_service li:nth-child(3){ width:23.37%;top:0; right: 0; height: 60.44%;}
.about_service li:nth-child(4){ width: 39.79%;top:39.4%; left: 0; height:60.6%; z-index: 1;}
.about_service li:nth-child(5){ width:23.05%;top:60.44%; left: 39.79%; height: 39.56%;}
.about_service li:nth-child(6){ width:37.16%;top:60.44%; right:0%; height: 39.56%;}
.about_service_p{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; color: #fff; text-align: center; width: 100%;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.about_service_p p{padding: 10px;}
.about_service li .public_bg{display: none;}
.about_service li img{opacity:0.3;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3;}
.about_service li:nth-child(1) img,.about_service li:nth-child(3) img{opacity:0.3;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3;}
.about_service li:nth-child(2) img{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.about_service li:nth-child(4) img{opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
.about_service li:nth-child(5) img,.about_service li:nth-child(6) img{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;}



.about_block03{background: #edeef0; padding: 40px 0 70px 0; outline-color: hidden}
.about_customer li{text-align: center; /*margin-bottom: 40px;*/}
.about_customer li .about_logo{padding: 0 10px; margin-bottom: 40px;}
.about_customer li .about_logo>a{height: 62px;}
.about_customer li .about_logo>a.no-href{ cursor: default; }

.about_customer li img{max-width: 100%; width: auto;}
.about_customer .swiper-container{margin: 0 230px;}
.about_customer .but>div{width: 48px; height: 48px; margin-top: -44px;}
.about_customer .but>div.swiper-button-prev{background: url(../images/about_pre_on.png) no-repeat center center;left: 86px;}
.about_customer .but>div.swiper-button-prev.swiper-button-disabled{background: url(../images/about_pre.png) no-repeat center center;}
.about_customer .but>div.swiper-button-next{background: url(../images/about_next_on.png) no-repeat center center;right: 86px;}
.about_customer .but>div.swiper-button-disabled{background: url(../images/about_next.png) no-repeat center center;}

.about_block04{overflow: hidden; padding:0 0 60px 0; width:95%; margin:0 auto;}
.about_block04 ul{/*margin: 0 -1px;overflow: hidden;*/ }
/*.about_block04 li{float: left; width: 25%;*margin-left: -1px;}*/
.about_block04 .about_honor{margin: 0 2px; background: #2d2d30; position: relative;}
.honor_box{position: absolute; width: 100%; height: 100%; top:0; left: 0; color: #000;}
.about_block04 .honor_text{ padding-top:35%; text-align:center; font-size:18px; font-weight:bold;}
.honor_text h2{line-height: 1.25em; height: 2.5em; overflow: hidden; margin-bottom: 40%;}
.honor_p{transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;-webkit-transform: translateY(300px);-moz-transform: translateY(300px);-o-transform: translateY(300px);-ms-transform: translateY(300px);transform: translateY(300px);opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; line-height: 24px; height: 336px; overflow: hidden;}

.about_block06{overflow: hidden; width:95%; margin:0 auto; padding:50px 0 10px 0;}
.about_block06 ul li{float:left; width:24.6%; margin:0 0.2%;}

.about_block04zl{overflow: hidden; padding:0 0 48px 0; width:97%; margin:0 auto; margin-top:20px; background:url(../images/bg_biaoge.jpg) center top repeat;}
.about_block04zl ul{width:100%; font-size:16px;}
.about_block04zl ul li{width:49.8%; padding:12px; float:left; margin:0 0.1%;}
.about_block04zl ul li .biaoge01{width:60%; float:left;}
.about_block04zl ul li .biaoge02{width:25%; float:left;}
.about_block04zl ul li .biaoge03{width:15%; float:left;}

.about4>div{width: 48px; height: 48px; margin-top: -22px;}
.about4>div.swiper-button-prev{background: url(../images/about_pre_on.png) no-repeat center center;left: 0px;}
.about4>div.swiper-button-prev.swiper-button-disabled{background: url(../images/about_pre.png) no-repeat center center; opacity: 1; pointer-events: auto;}
.about4>div.swiper-button-next{background: url(../images/about_next_on.png) no-repeat center center;right: 0px;}
.about4>div.swiper-button-next.swiper-button-disabled{background: url(../images/about_next.png) no-repeat center center; opacity: 1;pointer-events: auto;}



.lcl_fullscreen,.lcl_socials,.lcl_txt_toggle,.lcl_play{display: none !important;}
#lcl_txt #lcl_title{text-align: center;}
#lcl_window{background:none;}
#lcl_wrap .lcl_prev{ width: 48px !important; height: 48px !important; padding: 0  !important; border: 0 !important; margin-top: -24px !important;text-indent: -999px; overflow: hidden;}
#lcl_wrap .lcl_prev:before{width: 48px !important; height: 48px !important;background: url(../images/about_pre_on.png) no-repeat center center !important; text-indent: -999px; overflow: hidden;}

#lcl_wrap .lcl_next{ width: 48px !important; height: 48px !important; padding: 0  !important; border: 0 !important;margin-top: -24px !important;text-indent: -999px; overflow: hidden;}
#lcl_wrap .lcl_next:before{width: 48px !important; height: 48px !important;background: url(../images/about_next_on.png) no-repeat center center !important; text-indent: -999px; overflow: hidden;}

#lcl_nav_cmd .lcl_close{background:url('../images/news_close_on.jpg') no-repeat!important; border: none !important; color: #fff !important;border-radius:0!important; width: 26px!important; height: 26px!important;}
#lcl_nav_cmd .lcl_close:hover{background:url('../images/news_close_on.jpg') no-repeat!important;border-radius:0!important; left:0!important;right:0!important;top:0!important;bottom:0!important;}
#lcl_nav_cmd .lcl_close:before{ content: ""!important; }

#lcl_nav_cmd .lcl_prev,#lcl_wrap .lcl_next{background: none !important; padding: 0 !important;}




.about_block05{overflow: hidden;}
.team_describe{line-height: 1.5em; margin-bottom: 40px;}
.team_tab ul{overflow: hidden;}
.team_tab li{float: left;}
.team_tab li a{padding: 0 60px; display: block; margin: 0 1px; border-bottom: 2px solid #edeef0; padding-bottom: 40px; position: relative;}
.team_tab li a em{position:absolute; left: 0; bottom: -2px; width: 0%; left: 50%; height: 4px; background: #c5171e;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.team_tab li.on a{color: #000}
.team_tab li.on em{width: 100%; left:0%;}
.team_list ul{overflow: hidden; margin: 0 -1px;}
.team_list ul li{float: left; width: 20%;*margin-left: -1px; margin-bottom: 50px;}
.team_list ul li dl{margin: 0 1px;}
.team_list ul li dd{text-align: center; margin-top: 15px;}
.team_list ul li dd a{color: #000; }

.banner_img_s{display: none;}

@media only screen and (max-width:1520px) {
.honor_text h2{margin-bottom: 20%;}

}
@media only screen and (max-width:1366px) {
.about_banner_text h1{margin-bottom: 40px;}
.about_customer .swiper-container{margin: 0 50px;}
.about_customer .but>div.swiper-button-prev{left: 0}
.about_customer .but>div.swiper-button-next{right: 0;}
}
@media only screen and (max-width:1200px) {
.fnt_90{font-size: 40px;}
.about_banner_text h1{margin-bottom: 20px;}
.about_banner_box{margin-left:0%; width: 100%;}

.honor_p{height: 216px;}

.about_block04zl{background:url(../images/bg_biaoge.jpg) left top repeat;}
.about_block04zl ul li{width:100%; padding:12px; float:left; margin:0 0.1%;}
.bgbt01{ display:none;}
}
@media only screen and (max-width:1024px) {
.about_block03,.about_block04{padding: 20px 0;}
.margin_b40{margin-bottom: 20px;}

.aboutcont .header.header_default .nav ul li > a{ padding: 0 15px; line-height: 40px; color: #000; display: inline-block;}
.aboutcont .header.header_default{background: rgba(0,0,0,0.7);}
.aboutcont .header.header_default .lang a{color: #000;}
.aboutcont .header.header_default .phone_menu em.p1{background: #fff;}
.aboutcont .header.header_default .phone_menu em.p2{background: #fff;}
.aboutcont .header.header_default .phone_menu em.p3{background: #fff;}
.honor_text h2{margin-bottom: 10%;}
/*.about_block04 .honor_text{padding: 20px;}*/

	.banner_img_b{display: none;}
	.banner_img_s{display: block;}

}
@media only screen and (max-width:900px) {
.fnt_90{font-size: 24px;}

/*.about_block01 ul li{width: 25%;}*/
.team_tab li a{padding: 0 30px; padding-bottom: 20px;}
.team_tab li a em{height: 3px;}
}

@media only screen and (max-width: 768px) {
.about_block01 ul li{padding:0 20px 30px;}
.about_block01 ul li p{margin-bottom: 30px;}
.margin_b50,.team_list ul li{margin-bottom: 20px;}
.team_list ul li{width: 25%;}
.honor_text h2{margin-bottom: 50px;}
.about_block04zl{background:url(../images/bg_biaoge1.jpg) center top repeat;}
.about_block04zl ul{width:100%; font-size:12px;}
.about_block04zl ul li .biaoge01{width:70%; float:left;}
.about_block04zl ul li .biaoge02{width:30%; float:left;}
.about_block04zl ul li .biaoge03{display:none;}

.about_block06{overflow: hidden; width:95%; margin:0 auto; padding:20px 0;}
.about_block06 ul li{float:left; width:49.5%; margin:0 0.2%;}
/*.about_block04 li{width: 50%; margin-bottom: 2px;}*/


/*.about_block01 ul li{width: 25%; border-left: none; float:left;}*/
.about_banner_p{line-height: 1.5em; margin-bottom:20px;}

}

@media only screen and (max-width: 767px) {
	.aboutcont .main{padding-top: 0px;}
	
	.team_list ul li{width: 50%;}
	
}

.phone_about_service{display: none;}
@media only screen and (max-width:640px) {
.about_block01 ul li{width: 50%; text-align: left; padding: 0 10px; margin-bottom: 20px;}
.about_block01 ul li a{float: none;}
.about_block01 ul li p{margin-bottom: 10px;}
.about_customer li{margin-bottom: 0}
.about_customer li .about_logo{margin-bottom: 5px;}
.about_customer .but>div{width: 28px; height: 28px; margin-top: -19px;  background-size: 100% 101%!important;}

.about4>div{width: 28px; height: 28px; margin-top: -14px; background-size: 100% 100% !important;}
.about_block04 .honor_text{padding: 30px;}

.about_customer .swiper-container{margin: 0 30px;}
.about_service ul{height: auto !important; margin: 0;}
.about_service li{width: 100% !important; height: auto !important; position: static; margin-bottom: 2px;}
.about_service_box{margin: 0;}
.team_tab li a{padding: 0 10px; padding-bottom: 6px;}

/*.about_banner_text{position: static; color: #000; margin-top: 20px;}
*/

.about_service{display: none;}
.phone_about_service{margin-bottom: 20px; display: block; overflow: hidden;}
.phone_about_service ul{overflow: hidden; margin: 0 -2px;}
.phone_about_service li{width: 50%; float: left; margin-bottom: 4px;}
.phone_about_service li .about_service_box{margin: 0 2px; display: block;}


}

@media only screen and (max-width:540px) {
	.about_banner_text{position: static; color: #000; margin-top: 20px;}
	.about_banner_p{ height:auto;}
}


@media only screen and (min-width:1025px) {
.about_block04 li .about_honor:hover .honor_p{-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.team_tab li:hover a{color: #000}
.team_tab li:hover em{width: 100%; left:0%;}
/*.team_list ul li dd a:hover{color: #c5171e !important;}*/

/*.about_service li:nth-child(1):hover img,.about_service li:nth-child(3):hover img{opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
.about_service li:nth-child(2):hover img{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
.about_service li:nth-child(4):hover img{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.about_service li:nth-child(5):hover img,.about_service li:nth-child(6):hover img{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}*/
/*.about_service li:hover .about_service_p{top:50%;}*/



}



@media only screen and (max-width: 1024px) {
	.honor_p{
		opacity: 1;    
		-webkit-transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    -o-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    transform: translateY(0px);
	    }
}
@media only screen and (max-width: 768px) {
	.honor_p{height: 336px;}
}

@media only screen and (max-width: 1024px) {
	.about_customer .but>div.swiper-button-prev{left: -3.5%;}
	.about_customer .but>div.swiper-button-next{right: -3.5%;}
}