﻿@charset "utf-8";
/* :root {
font-family: "cn_light";
color:#000;
}

@font-face{ font-family:'cn_light';font-display: swap;src:url('../fonts/SourceHanSansCN-Light.ttf');} */

/*头部导航*/

.header{

	width:100%;

	height:10vh;

	position: absolute;

	top:0;

}

.head_piao{

	width:100%;

	position: fixed;

	top:0;

	z-index:9;



	height:10vh;

}



.head{

	width:83vw;

	width:var(--mainwidth);

	height: 100%;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

}

.head_logo{

	width:30%;

	height:100%;

	}

/*.head_logo img{ height:5.5vh; margin-top:2.25vh;}*/
.head_logo img{ height:20.5vh; margin-top:-6vh;}

.head_right{display: flex;justify-content: space-between;}	

	

.nav{ height:10vh;display: flex;justify-content: space-between;}

.nav_1{

	width:6.25vw;

	height:100%;



	}

.nav_1 a{ display:block; text-align:center; color:#fff; font-size:1.125rem; line-height:10vh;-webkit-transition: all 0.6s ease-in-out;}

.nav_1 a:hover{ }

.nav_1 a.nav_1_a{ }

.head_tel{ 
/*line-height:10vh; */
line-height:2vh;
color:#fff;font-size:1.375rem; font-family:Arial; padding-left:4rem; 
position:relative; 
margin-left:1rem;
/*white-space:nowrap;*/
font-size:1.125rem;

/*padding-top:27px;*/
}

.head_tel:after{ content:""; width:1px; height:14px; background:#fff; position:absolute; left:0; top:calc(50% - 7px);}



.headera .head_piao{ background:rgba(0,0,0,0.7);}



.n_banner{

	width:100vw; 

	height: calc(100vw * 700 / 1920);

	position: relative;

}

.n_banner_con{

	width:83vw;

	width:var(--mainwidth);

	height:100%;

	margin:0 auto;

	display: flex;

	justify-content:center;

	flex-direction: column;

	}

.n_banner_1{ font-family:Arial; color:#fff; font-size:4.375rem;text-transform: uppercase; }

.n_banner_2{ color:#fff; font-size:3.75rem; height:6.25rem; position:relative;}

.n_banner_2:after{ content:""; width:4rem; height:8px; background:#42abdb; position:absolute; left:0; bottom:0;}





/*联系我们*/

.main{

	width:83vw;

	width:var(--mainwidth);

	height: auto;

	margin: 0 auto;

	padding: 8.5vh 0;

}

.main_en{ 

	width:100%;

	color: #42abdb;

	opacity:0.1;

	font-size: 5.5rem;

	text-align:center;

	font-family: Arial;

	text-transform: uppercase;

}

.main_tit{ 

	width:100%;

	color:#000;

	font-size: 3.75rem;

	text-align:center;

	margin-top: -3.25rem;

}





.contact{

	width: 100%;

    height: auto;

    margin-top: 2.625rem;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.contact_con{

	width:25%;

	height: auto;

	overflow: hidden;

	-webkit-transition: all 0.6s ease-in-out;

}

.contact_con:nth-child(2n) .contact_img{ background-image: linear-gradient(to right, #3aaddb , #58cbe1);}



.contact_con:hover{

	margin-top:-10px;

}

.contact_img{

	margin: 0 auto;

	width:95px;

	height: 95px;

	font-size: 0px;

	overflow: hidden;

	 background-image: linear-gradient(to right, #3aaddb , #58cbe1);

	border-radius:50%; 

}

.contact_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}



.contact_tit{

	width:67%;

	margin: 0 auto;

	color: #404040;

	font-size: 1rem;

	line-height: 1.5rem;

	text-align: center;

	margin-top: 1.375rem;

}





.contact_map{

	margin: 0 auto;

	width:100%;

	height: calc(83vw * 545 / 1600);

	height: calc(var(--mainwidth) * 545 / 1600);

	font-size: 0px;

	/*overflow: hidden;*/

	margin-top: 3.125rem;

	border:1px solid #e3e3e3;

}

.contact_map img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	border-radius: 5px;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}





/*联系我们*/



/*底部*/

.footer_box{

	width:100%;

	height: auto;

	background: url(../images/contact_21.jpg) no-repeat center top;

	background-size:cover;

	padding-top: 5vh;

	position: relative;

}

.footer_logo{

	width:83vw;

	width:var(--mainwidth);

	height: auto;

	margin:0 auto;

}

.footer_logo img{ height:5.5vh; width: auto;}



.footer{

	width:83vw;

	width:var(--mainwidth);

	height: auto;

	margin: auto;

	display: flex;

	justify-content: space-between;

	padding:5vh 0;

}

.footer_left{

	height: auto;

}

.footer_nav{

	width:100%;

	height: auto;

	

}

.footer_nav a{

	display: block;

	color: #fff;

	font-size:1.375rem;

	font-weight:bold;

	height: 2.25rem;

	line-height: 2.25rem;

	cursor: pointer;

	-webkit-transition: all 0.4s ease-in-out;

	padding-left:26px;

	position:relative;

}

.footer_nav a:after{ content:"";width:8px; height:8px;background-color:#fff; position:absolute; left:0; top:calc(50% - 4px);-webkit-transition: all 0.4s ease-in-out;}

.footer_nav a:hover{

	color: #3aaddb;

}

.footer_nav a:hover:after{

	background-color: #3aaddb;

}



.footer_con{

	width:100%;

	height:auto;

	margin-top:1.75rem;

}

.footer_con a{

	display: block;

	color: rgba(255,255,255,0.3);

	height: 1.5rem;

	line-height: 1.5rem;

	cursor: pointer;

	padding-left:26px;

	-webkit-transition: all 0.4s ease-in-out;

}

.footer_con a:hover{

	color: #fff;

}

.footer_right{  height: auto;display: flex;justify-content: space-between;}
.footer_right_left{ width:4rem; height:4rem; margin-right:1.25rem;}
.footer_right_left img{width:4rem; height:4rem; }
.footer_right_right{font-size:1.125rem; color:rgba(255,255,255,0.6); line-height:2rem;}


.footer_right_right span{ color:#fff; display:block; font-size:1.25rem;}


.footer_right_wei{ width:100%; height:auto; margin-top:20px;}
.footer_right_wei_left{float:left; width:100px; height: auto; margin-right:20px;}
.footer_right_wei_left:nth-child(2){ margin-right:0px;}
.footer_right_wei_left img{width:100px; height:100px; }
.footer_right_wei_left span{ display:block; width:100%; text-align:center; line-height:1.5rem; font-size:0.875rem; color:rgba(255,255,255,0.6);}

.typeright_warp{ width:100%; background-color:#191918; height:5.375rem;}

.typeright{

	width:83vw;

	width:var(--mainwidth);

	height: 100%;

	margin: 0px auto;

	display: flex;

	justify-content: space-between;

}

.typeright_left{

	font-size:1rem;

	/* color: rgba(255,255,255,0.1); */
	color:#888;

	height: 100%;

	line-height: 5.375rem;

}
.typeright_left a{color:#888;}



.typeright_right{  

	height:100%; 

	line-height: 5.375rem;

}

.typeright_right a{ 

	color: rgba(255,255,255,0.1);

	-webkit-transition: all 0.5s ease-in-out; 

}



.typeright_right a:hover{

	color:#fff;

}





/*底部*/



/*新闻列表*/

.news{ 

	width: 83vw;

	width:var(--mainwidth);

	height: auto;

	margin:0 auto; 

	margin-top:4rem;

	border-top:1px solid #e5e5e5;

}

.news_con{ 

	width: 100%; height:auto;

}

.news_con a{

	display: block;

	width: 100%;

	height:100%;

	padding:4rem 0;

	border-bottom:1px solid #e5e5e5;

	display: flex; 

	justify-content: space-between;

	-webkit-transition: all 0.4s ease-in-out;



}





.news_con:hover .news_img img{

	transform: scale(1.1);

}



.news_con:hover .news_2{

	color: #3aaddb;

}

.news_con:hover .news_4 i{

	color: #3aaddb;

}



.news_img{ 

	width: 31.875%; 

	height: calc(83vw * 0.31875 * 285 / 510); 

	height: calc(var(--mainwidth) * 0.31875 * 285 / 510); 

	overflow: hidden;

	font-size: 0;

}

.news_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}



.news_right{ 

	width:62%; 

	height: calc(83vw * 0.31875 * 285 / 510); 

	height: calc(var(--mainwidth) * 0.31875 * 285 / 510);

	position:relative;

}



.news_1{ 

	color: #000;

	font-size:1.125rem; 

	font-family: Arial; 

}

.news_2{ 

	font-size: 1.875rem; 

	color: #000; 

	line-height:3.75rem;

	overflow:hidden;

	margin-top:1.875rem;

	-webkit-transition: all 0.4s ease-in-out;



}

.news_3{ 

	font-size: 1rem; 

	color: #999; 

	line-height: 2rem;

	height:6rem;

	width:80%;

	margin-top:1rem;

	overflow: hidden;

}

.news_4{ position: absolute; bottom:0;}

.news_4 i{ color:#000; font-size:1.25rem;-webkit-transition: all 0.6s ease-in-out; font-weight:lighter;}



/*新闻详情*/

.xiang{ width:100%; height: auto; overflow:hidden;}

.show_news_title{

	font-size:2.25rem;

	text-align: center;

	color: #000;

}

.show_news_tag{

	text-align: center;

	color: rgba(0,0,0,0.4);

	height:5.5rem;

	line-height:5.5rem;

}

.show_news_tag span{ padding:0px 18px;}

.xiang_come{ color:rgba(0,0,0,0.7); line-height:1.875rem; padding:1.625rem 10%; background-color:#f5f5f5; height:auto; width:100%;}





.show_news_con{

	margin:0 auto;

	width:100%;

	padding:0px 10%;

	height: auto;

	font-size: 1rem;

	line-height: 1.875rem;

	margin-top: 2.5rem;

	color:rgba(0,0,0,0.8);

	border-bottom: 1px solid #dfccab;

	padding-bottom: 4.75rem;

}

.show_news_con img{

	max-width: 100%;

	height: auto;

}



.tui{ width:100%; text-align:center; color:#000; font-size:2.25rem; line-height:9rem; margin-top:3.125rem;}



.tui_list{ 

	width: 100%;

	height: auto;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.tui_con{ 

	width: 32%;  

	height: auto;

	overflow: hidden;

	margin-right: 2%;

	margin-bottom: 4rem;

}

.tui_con:nth-child(3n){

	margin-right: 0px;

}



.tui_con a{

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

	-webkit-transition: all 0.8s ease;



}



.tui_con:hover .tui_img img{transform: scale(1.1);}

.tui_con:hover .news_2{color: #3aaddb;}

.tui_con:hover .news_4 i{color: #3aaddb;}



.tui_img{ 

	width: 100%; 

	height: calc(83vw * 0.32 * 285 / 510); 

	height: calc(var(--mainwidth) * 0.32 * 285 / 510); 

	overflow: hidden;

	font-size: 0;

}

.tui_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    transition: all 0.6s;

}

.tui_con .news_1{ margin-top:2.25rem;}

.tui_con .news_2{ margin-top:1.5rem; line-height:3rem; height:6rem;}

.tui_con .news_4{ position:relative; margin-top:3.125rem;}









/*服务案例*/

.example{ width:100%; height:auto;display: flex;justify-content: space-between; margin-bottom:11rem;}

/*.example_con{ width:11.5625%; height:auto;}*/

.example_con{ width:10%; height:auto;}

.example_con a{ display:block; width:100%; height:auto;-webkit-transition: all 0.6s ease-in-out;}



.example_con a:hover .example_tit{ color:#3aaddb;}




.example_con a.example_con_a .example_tit{ color:#3aaddb;}



.example_img{

	width:100%;

	/*height: calc(83vw * 0.115625 * 185 / 185);

	height: calc(var(--mainwidth) * 0.115625 * 185 / 185);*/
	
	height: calc(83vw * 0.10 * 185 / 185);

	height: calc(var(--mainwidth) * 0.10 * 185 / 185);

	font-size: 0px;

	overflow: hidden;

	border-radius: 5px;

	 background-image: linear-gradient(to right, #3aaddb , #58cbe1);

	border-radius:50%;

	-webkit-transition: all 0.6s ease-in-out;

}

.example_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	border-radius: 5px;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;
	transform: scale(0.7);

}

.example_tit{ text-align:center; color:#000; /*font-size:2.375rem; */font-size:1.5rem; line-height:5rem;-webkit-transition: all 0.6s ease-in-out;}

.example_menu{
	width: 100%;
	height: auto;
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	
}
.example_menu a{
	padding: 0px 1rem;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.875rem;
	background: #f1f1f1;
	color: #000;
	margin: 0px 0.25rem;
	margin-bottom: 0.5rem;
	-webkit-transition: all 0.6s ease-in-out;
}
.example_menu a:hover{
	background:#3aaddb;
	color: #fff;
}
.example_menu a.example_menu_a{
	background:#3aaddb;
	color: #fff;
}


.example_list{ width:100%; height:auto; margin-top:3.125rem;display: flex;justify-content:flex-start;flex-wrap: wrap;}

.example_nei{ width:32%; height: auto;
	 margin-right:2%; margin-bottom:calc(83vw * 0.02);margin-bottom:calc(var(--mainwidth) * 0.02);}

.example_nei:nth-child(3n){ margin-right:0;}	

.example_nei a{ display:block; width:100%; height:100%; position:relative;}

.example_nei a:hover .example_tu img{transform: scale(1.3);}

.example_nei a:hover .example_bg{opacity: 1;}
.example_nei a:hover .example_biaoti{color:#3aaddb;}

.example_tu{

	width:100%;

	height: calc(83vw * 0.32 * 330 / 510);
	height: calc(var(--mainwidth) * 0.32 * 330 / 510);

	font-size: 0px;

	overflow: hidden;

}

.example_tu img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}

.example_bg{ position:absolute; top:0; width:100%; height: calc(83vw * 0.32 * 330 / 510);
	height: calc(var(--mainwidth) * 0.32 * 330 / 510); background-color:rgba(0,0,0,0.7);display: flex;

	justify-content:center;

	flex-direction: column; opacity:0;-webkit-transition: all 0.6s ease-in-out;}

.example_1{ width:70%; margin:0 auto; color:#fff; font-weight:bold; text-align:center; font-size:1.5rem; line-height:1.875rem;}	

.example_2{ margin:0 auto; text-align:center; background-image: linear-gradient(to right, #3aaddb , #58cbe1); border-radius:50%; width:3.75rem; height:3.75rem; line-height:3.75rem; margin-top:3.75rem; font-size:2.25rem; color:#fff;}

.example_biaoti{
	width: 100%;
	height: auto;
	margin-top: 1rem;
	font-size: 1rem;
	color: #000;
	line-height: 1.5rem;
	-webkit-transition: all 0.6s ease-in-out;
}


.example_more{ width:100%; text-align:center; height:auto; margin-top:1rem;}

.example_more a{ display:inline-block; font-size:1.125rem; color:#000; line-height:2.875rem; position:relative;letter-spacing:4px;-webkit-transition: all 0.6s ease-in-out; cursor:pointer;}

.example_more a:after{content:""; width:76%; height:1px; background:#000; position:absolute; bottom:0; left:12%;-webkit-transition: all 0.6s ease-in-out;}

.example_more a:hover{ color:#3aaddb;}

.example_more a:hover:after{ background:#3aaddb;}



/*团队详情*/

.team{ width:100%; height:auto; padding:10vh 0; background:#effafc;}

.team .main_en{ color:rgba(0,0,0,0.9);}

.team_all{ width:83vw;

	width:var(--mainwidth); margin:0 auto; margin-top:2.875rem; padding-bottom:3.75rem; position:relative;}

.team-left{ 

	width: 4.4vw;

	height: 4.4vw;

	text-align:center;



	 background-image: linear-gradient(to right, #3aaddb , #58cbe1);

	border-radius:50%;

	position: absolute;

	cursor: pointer;

	bottom:calc(50% - 2.2vw + 1.875rem);

	left:-6vw; 

	z-index: 9;

	-webkit-transition: all 0.4s ease-in-out;

}

.team-left i{ color: #fff;font-size: 3.5rem;	line-height:4.4vw;	-webkit-transition: all 0.4s ease-in-out;}




.team-right{ 

	width: 4.4vw;

	height: 4.4vw;

	text-align:center;

	border-radius:50%;

	 background-image: linear-gradient(to right, #3aaddb , #58cbe1);

	position: absolute;

	cursor: pointer;

	bottom:calc(50% - 2.2vw + 1.875rem);

	right:-6vw; 

	z-index: 9;

	-webkit-transition: all 0.4s ease-in-out;

}

.team-right i{ color: #fff;font-size: 3.5rem;	line-height:4.4vw;	-webkit-transition: all 0.4s ease-in-out;}






.team_all .paginationt{ position: absolute; left:0px; bottom:0px; text-align:  center; width:100%; z-index:1;}

.team_all .swiper-pagination-bullet { display: inline-block; width:12px; height:12px; background-color:rgba(0,0,0,0.8);  border-radius:50px; margin:0px 5px;  cursor: pointer;  position: relative; border: none;

 -webkit-transition: all 0.5s ease-in-out;}

.team_all .swiper-pagination-bullet-active{  background-color: #3aaddb; }	



.team_list{ width:100%; height:auto; overflow:hidden; position:relative;}



.team_con{ width:100%; padding:1.5rem; background-color:#fff;display: flex;justify-content: space-between;}

.team_con:hover .team_1{ color:#3aaddb;}

.team_con:hover .team_2{ color:#3aaddb; border-bottom:1px solid #3aaddb; opacity:0.5;}

.team_con:hover .team_3{ color:#000;}



.team_img{

	width: calc(83vw * 0.133 * 209 / 209);

	width: calc(var(--mainwidth) * 0.133 * 209 / 209);

	height: calc(83vw * 0.133 * 209 / 209);

	height: calc(var(--mainwidth) * 0.133 * 209 / 209);

	border:2px solid #fff;

	border-raidus:50%;

	font-size:0px;

	overflow:hidden;

}

.team_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;
	/* object-position: top; */
	border-radius: 5px;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.team_right{ width:66%; height: calc(83vw * 0.133 * 209 / 209);

	height: calc(var(--mainwidth) * 0.133 * 209 / 209);display: flex;

	justify-content:center;

	flex-direction: column;}

.team_1{ width:100%; color:#000; font-size:2rem;-webkit-transition: all 0.6s ease-in-out;}

.team_2{ font-size:1.125rem; color:rgba(0,0,0,0.7); border-bottom:1px solid #e5e5e5; height:3.25rem; line-height:1.75rem;-webkit-transition: all 0.6s ease-in-out;}

.team_3{ color:rgba(0,0,0,0.7); height:4.5rem; line-height:1.5rem; overflow:hidden; margin-top:1.5rem;-webkit-transition: all 0.6s ease-in-out;}





.main_all{ width:100%; height:100%; margin-top:2.875rem; position:relative;}

.main_all .paginationm{ position: absolute; left:0px; bottom:0px; text-align:  center; width:100%; z-index:1; display:none;}

.main_all .swiper-pagination-bullet { display: inline-block; width:12px; height:12px; background-color:rgba(0,0,0,0.8);  border-radius:50px; margin:0px 5px;  cursor: pointer;  position: relative; border: none;

 -webkit-transition: all 0.5s ease-in-out;}

.main_all .swiper-pagination-bullet-active{  background-color: #3aaddb; }	





.main-left{ 

	width: 4.4vw;

	height: 4.4vw;

	text-align:center;



	background:#225ce1;

	border-radius:50%;

	position: absolute;

	cursor: pointer;

	bottom:calc(50% - 2.2vw);

	left:-6vw; 

	z-index: 9;

	-webkit-transition: all 0.4s ease-in-out;

}

.main-left i{ color: #fff;font-size: 3.5rem;	line-height:4.4vw;	-webkit-transition: all 0.4s ease-in-out;}

.main-left:hover{

	background:#3aaddb;

}



.main-right{ 

	width: 4.4vw;

	height: 4.4vw;

	text-align:center;

	border-radius:50%;

	background:#225ce1;

	position: absolute;

	cursor: pointer;

	bottom:calc(50% - 2.2vw);

	right:-6vw; 

	z-index: 9;

	-webkit-transition: all 0.4s ease-in-out;

}

.main-right i{ color: #fff;font-size: 3.5rem;	line-height:4.4vw;	-webkit-transition: all 0.4s ease-in-out;}

.main-right:hover{ 	background:#3aaddb;}



.main_list .example_nei{ width:100%;}



/*关于我们*/

.about_warp{ width:100%; height:auto; padding:10vh 0; position:relative; overflow:hidden;}

.about{width:83vw;width:var(--mainwidth); margin:0 auto; height: calc(83vw * 0.428 * 690 / 685);

	height: calc(var(--mainwidth) * 0.428 * 690 / 685);display: flex;justify-content: space-between;}

.about_img{

	width:42.8%;

	height: 100%;

	font-size: 0px;

	overflow: hidden;

}

.about_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.about_right{ width:50%; height:100%;}

.about_en {

    font-family: Arial;

    color: rgba(0,0,0,0.1);

    font-size:5.5rem;

    text-transform: uppercase;

	margin-top:-1rem;

}

.about_tit {

    color: #000;

    font-size: 5rem;

    height: 10rem;

    position: relative;

	margin-top:-4rem;

}

.about_tit:after {

    content: "";

    width: 4rem;

    height: 8px;

     background-image: linear-gradient(to right, #3aaddb , #58cbe1);

    position: absolute;

    left: 0;

    bottom: 0;

}

.about_1{ width:100%; color:#000; font-size:1.875rem; margin-top:4.75rem;}

.about_2{ width:100%; color:#000; font-size:1.125rem; line-height:1.75rem; margin-top:1.875rem;}

.about_bg{font-family: Arial;

    color: rgba(0,0,0,0.05);

    font-size:12.6875rem;

    text-transform: uppercase; position:absolute; bottom:-2.5rem; right:-5rem;}

.about_bg1{
	display: none;
	font-family: Arial;

    color: rgba(0,0,0,0.05);

    font-size:12.6875rem;

    text-transform: uppercase; position:absolute; bottom:9rem; right:-5rem; overflow:hidden; height:7rem;}	



.culture{ width:100%; height:auto; padding:10vh 0; background-color:#f8fbff;}

.culture .main_en{ color:rgba(0,0,0,0.5);}

.culture_list{ 

	width:83vw;width:var(--mainwidth); margin:0 auto;

	height: calc(83vw * 0.30125 * 640 / 482);

	height: calc(var(--mainwidth) * 0.30125 * 640 / 482);

	margin-top:4rem;

	display: flex;justify-content: space-between;

}

.culture_con{ width:30.125%; height:100%; position:relative;}

.culture_con:hover .culture_bg{  background:rgba(58,173,219,0.5);}

.culture_con:hover .culture_1{ margin-top:-3rem;}

.culture_img{

	width:100%;

	height: 100%;

	font-size: 0px;

	overflow: hidden;

}

.culture_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.culture_bg{ position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);display: flex;

	justify-content:center;

	flex-direction: column;-webkit-transition: all 0.6s ease-in-out;}

.culture_1{ width:100%; text-align:center; height:auto;-webkit-transition: all 0.6s ease-in-out;}

.culture_1 img{ height:3.5rem; width:auto;}

.culture_2{ width:100%; text-align:center; color:#fff; font-size:3.125rem; margin-top:2.25rem;}



.forest{ width:100%; background:#effafc;height: calc(100vw * 0.277 * 765 / 532); position:relative;}

.forest_img{ width:27.7%; height:100%; font-size:0px; overflow:hidden; position: absolute; top:0; right:0;}

.forest_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.forest_img_bg{ width:100%; height:100%; position:absolute; top:0; background:rgba(0,0,0,0.5);}

.forest_all{width:83vw;width:var(--mainwidth); margin:0 auto; height:100%; position:relative;}



.forest_tit{ width:33.75%; height:16.0625rem; background:#3aaddb; position:absolute; bottom:13.85%; right:0;display: flex;

	justify-content:center;

	flex-direction: column;}

.forest_tit .main_en{ margin:0 auto; width:80%; color:rgba(255,255,255,0.9); text-align:left;}

.forest_tit .main_tit{ margin:0 auto; width:80%; color:#fff; text-align:left; margin-top: -4rem;}

.forest_list{ width:66.25%; height:auto;display: flex;justify-content: flex-start; flex-wrap: wrap; padding-top:10.9375rem;}

.forest_biao{ width:15%; height:calc(83vw * 0.099375);height:calc(var(--mainwidth) * 0.099375); margin-right:6.25%;

margin-bottom:calc(83vw * 0.04140625);margin-bottom:calc(var(--mainwidth) * 0.04140625);

}

.forest_biao:nth-child(5n){ margin-right:0px;}



.forest_biao a{ width:100%; height:100%;display: flex;

	justify-content:center;

	flex-direction: column; border:2px solid #3aaddb; border-radius:50%; text-align: center; font-size:1.5rem; color:#000; line-height:1.875rem;

}

.forest_biao a:hover{  background-image: linear-gradient(to right, #3aaddb , #58cbe1);color:#fff;}



.partners{ width:83vw;width:var(--mainwidth); margin:0 auto; padding:10vh 0;}

.partners_list{ width:100%; height:auto; margin-top:4rem;display: flex;justify-content: flex-start; flex-wrap: wrap;}

.partners_img{ width:20%; height: calc(83vw * 0.2 * 192 / 310);

	height: calc(var(--mainwidth) * 0.2 * 192 / 310);display: flex;

	justify-content:center;

	flex-direction: column; position:relative;

}

.partners_img:nth-child(1):after{ display:none;}

.partners_img:nth-child(2):after{ display:none;}

.partners_img:nth-child(3):after{ display:none;}

.partners_img:nth-child(4):after{ display:none;}

.partners_img:nth-child(5):after{ display:none;}

.partners_img:nth-child(5n):before{ display:none;}



.partners_img:after{ content:""; position:absolute; width:100%; height:1px; background:#e5e5e5; position:absolute; top:0; left:0;}

.partners_img:before{ content:""; position:absolute; width:1px; height:100%; background:#e5e5e5; position:absolute; top:0; right:0;}



.partners_img_1{ text-align:center;}

.partners_img img{ -webkit-filter: grayscale(100%); max-height:80%; max-width: 80%; width: auto; opacity:0.5;-webkit-transition: all 0.6s ease-in-out;}

.partners_img:hover img{-webkit-filter: grayscale(0%); opacity:1; }



/*首页*/

.big{ width:100%; height: 100vh; position:relative; overflow:hidden;} 

.big .pagination{ position: absolute; left:0px; bottom:20px; text-align:  center; width:100%; z-index:1;}

.big .swiper-pagination-bullet { display: inline-block; width:12px; height:12px; background-color:rgba(255,255,255,0.5);  border-radius:50px; margin:0px 5px;  cursor: pointer;  position: relative; border: none;

 -webkit-transition: all 0.5s ease-in-out;}

.big .swiper-pagination-bullet-active{  background-color: #45aedd; }	






.big_div{ 

	width:100%; 

	height:100%; 

	margin:auto; 

	position:relative; 

	overflow:hidden;

	font-size:0px;

}

.big_div img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;


}



.examplea{ margin-top:4rem; margin-bottom:0px;}

/*.examplea .example_con:nth-child(odd) a .example_img{ background:#3aaddb;}
*/


.goodness{ width:100%; height:auto; overflow:hidden; padding:10vh 0; background-color:#effafc;}    

.goodness_list{width:83vw;width:var(--mainwidth); margin:0 auto; margin-top:4rem;display: flex;justify-content: space-between;}	

.goodness_con{ width:23.125%; height:28rem;display: flex;

	justify-content:center;

	flex-direction: column;  background-image: linear-gradient(to right, #3aaddb , #58cbe1);webkit-transition: all 1s ease-in-out;}	



.goodness_con:hover .goodness_2{ background: #fff;}

.goodness_con:hover .goodness_2_1{ opacity:0;}

.goodness_con:hover .goodness_2_2{ opacity:1;}



.goodness_1{ color:#fff; font-size:2.25rem; text-align:center;}

.goodness_2{ margin:0 auto; margin-top:3.5rem; overflow:hidden; position:relative; border:2px solid #fff; border-radius:50%; width:12.625rem; height:12.625rem;-webkit-transition: all 0.6s ease-in-out;}

.goodness_2 img{ width:12.625rem; height:12.625rem;}	

.goodness_2_1{}

.goodness_2_2{ position:absolute; top:0; opacity:0; }

.goodness_3{ color:#fff; font-size:1.125rem; text-align:center; margin-top:3.5rem;}



.main_more{ width:100%; height:auto; text-align:center; margin-top:10px;}

.main_more a{ display:inline-block; position:relative; font-size:1.125rem; height:5.75rem; line-height:5.75rem;}

.main_more a:hover:after{ background:#3aaddb;}

.main_more a:hover font{ color:#3aaddb;padding-right:6.5rem;}



.main_more a:after{ content:""; position:absolute; width:3.5rem; height:1px; background:#000; position:absolute; top:calc(50%); left:5.5rem; -webkit-transition: all 0.6s ease-in-out;}

.main_more font{ color:#000; padding-right:5.5rem; -webkit-transition: all 0.6s ease-in-out;}

.main_more span{ display:inherit; width:5.75rem; height:5.75rem; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; border-radius:50%;  background-image: linear-gradient(to right, #3aaddb , #58cbe1);}



.know{ width:100%; height:auto;display: flex;justify-content: space-between;}



.know_img{

	width:50%;

	height: calc(83vw * 0.5 * 390 / 800);

	height: calc(var(--mainwidth) * 0.5 * 390 / 800);

	font-size: 0px;

	overflow: hidden;

}

.know_img img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.know_right{ width:45%; height:auto;}

.know_right .about_tit{ height:auto; font-size:3.75rem; margin-top:-3.5rem;}

.know_right .about_tit:after{ display:none;}

.know_right .about_1{ margin-top:1.75rem;}





.we_list{ width:100%; height:auto;display: flex;justify-content: space-between; margin-top:4.5rem;}

.we_biao{ font-size:1rem; color:#000;}

.we_shu{ width:100%; font-size:1rem;   margin-top:8px; position:relative;}

.we_shu span{font-size:5rem; font-weight:bold; font-family: Arial;color:#3aaddb;}



.we_shu_1{ position:absolute; left:6rem; top:10px; color:#000;}

.we_shu_2{ position:absolute; left:8.5rem; top:10px; color:#000;}

.we_shu_3{ position:absolute;    right: -1.5rem; top:0px; color:#000; font-size:2rem;}



.we_rong{ width:100%; height:auto;font-size:1.0625rem; color:rgba(0,0,0,0.6); line-height:2rem; margin-top:4.75rem;}



.cooperate_warp{ background:#f8fbff; position:relative; width:100%; height:auto; padding:10vh 0;}

.cooperate{width:83vw;width:var(--mainwidth); margin:0 auto; height:auto; position:relative; z-index:2;}

.cooperate .main_en{ text-align:left; color:rgba(0,0,0,0.5);}

.cooperate .main_tit{ text-align:left;}

.cooperate .partners_list{ background:rgba(255,255,255,0.96);}



.cooperate_bg{ position:absolute; width:42%; height:auto; top:14vh; right:3%; font-size:0px; overflow:hidden;}		

.cooperate_bg img{

	width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}



.press{width:83vw;width:var(--mainwidth); margin:0 auto; height:auto; padding:10vh 0;}

.press .main_en{ text-align:left; color:rgba(0,0,0,0.5);}

.press .main_tit{ text-align:left; position:relative;}

.press_more{ position:absolute; right:0; top:rgba(50% - 1.5625rem);}

.press_more a{ display:block; width:10.25rem; height:3.125rem; border-radius:30px; text-align:center; line-height:3.125rem;  background-image: linear-gradient(to right, #3aaddb , #58cbe1);color:#fff; font-size:1.3125rem;-webkit-transition: all 0.6s ease-in-out;}

.press_more a:hover{letter-spacing:2px;}

.press .tui_list{ margin-top:4.5rem;}

.press .tui_con{ margin-bottom:0px;}



.menubtn{ display:none;}

.top_bei,.footer_right_right_phone{ display:none;}



@media screen and (max-width:1023px)and (min-width:300px){

	/*头部导航*/

.header{

	height:6vh;

}

.head_piao{

	height:6vh;

}



.head{

	width:96vw;

}

.head_logo{

	width:30%;

	height:100%;

	}

.head_logo img{

	height:3vh;

	margin-top: 1.5vh;

}



.head_right{

	width:100%;

	height: auto;

	display: flex;

	justify-content: center;

		flex-direction: column;



		position: absolute;

		right: -120%;

		border-top: 1px #e5e5e5 solid;

		top: 6vh;

	-webkit-transition: all 0.5s;

		-moz-transition: all 0.5s;

		transition: all 0.5s;

		background: #fff;



	-moz-box-shadow: 0px 4px 35px rgba(0,0,0,0.08);

		-webkit-box-shadow: 0px 4px 35px rgba(0,0,0,0.08);

		box-shadow: 0px 4px 35px rgba(0,0,0,0.08);

	}	

	

.nav{ height: auto;display: flex;

	justify-content:center;

	flex-direction: column;}

.nav_1{

	width:100%; height:auto;

	}

.nav_1 a{

	display: block;

	font-size: 1.25rem;

	color: #666;

	height: 40px;

	line-height: 40px;

	padding-left: 2%;

	    border-bottom: 1px solid rgba(0,0,0,0.1); text-align:left;

	cursor: pointer;

	position: relative;

	z-index: 2;

	-webkit-transition: all 0.6s ease-in-out;

}





.nav_1 a:hover{ font-size:1.25rem;}

.nav_1 a.nav_1_a{ font-size:1.25rem;}



.head_tel{ display: flex;

	height: auto;

	flex-direction: column;

	justify-content: center;

	color: #000;

	font-size: 1.5rem;

	line-height: 1.75rem;

	text-align: left;

	/*padding:10px 0 20px 2%;*/
	padding:10px 0 38px 2%;
	margin-left:0px; }

.head_tel:after{ display:none;}



.headera .head_piao{ background:rgba(0,0,0,0.7);}



.menubtn{

		width: 25px;

		position: relative;

		right: 2vw;

		left: auto;

		top: calc(3vh - 10px);

		display: block;

	cursor: pointer;

	}

	/* nav-icon-5 */

	.nav-icon-5{  width: 25px; z-index: 20;  height: 18px; position: absolute;  cursor: pointer; margin-right: 2%;}

	.nav-icon-5 span{  background-color:#3aaddb;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 2px;  transition-duration: 500ms}

	.nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}

	.nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}

	.nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}

	.nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}

	.nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}

	.nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}

	.nav-icon-5.open span:nth-child(1){  transform: rotate(45deg);  top: 8px;}

	.nav-icon-5.open span:nth-child(2){  opacity:0;}

	.nav-icon-5.open span:nth-child(3){  transform: rotate(-45deg);  top: 8px;}



	.top_bei{

		 display: none;

		width: 100%;

		height:100vh;

		background: rgba(0,0,0,0.5);

		position: fixed;

		top: 0;

		z-index: 3;

	}	







	.n_banner{

		height: 240px;

	}

	.n_banner_con{

		width:96vw;

		}

	.n_banner_1{ font-size:1.75rem; padding-top:2rem;}

	.n_banner_2{font-size:2rem; height:4.5rem; }

	.n_banner_2:after{ content:""; width:3rem; height:3px;}





	/*联系我们*/

	.main{

		width:96vw;

		padding: 3vh 0;

	}

	.main_en{ 

		font-size:1.75rem;

	}

	.main_tit{ 

		font-size: 2rem;

		margin-top: -1.25rem;

	}

	.contact{

		margin-top: 3vh;

	}

	.contact_con{

		width:50%;

		margin-bottom:1.5rem;

	}

	

	.contact_con:hover{

		margin-top:0px;

	}

	.contact_img{	width:80px;height: 80px;border-radius:50%; }

	.contact_tit{

		width:84%;

		margin-top: 1.15rem;

	}

	

	

	.contact_map{

		height:210px;

		margin-top:3vh;

	}





	/*联系我们*/



	/*底部*/

	.footer_box{

		padding-top: 3vh;

	}

	.footer_logo{

		width:96vw; text-align:center;

	}

	.footer_logo img{ height:4vh; width: auto;}

	
.footer {
    width: 96vw;
    display: flex;
    justify-content:center;
	 flex-direction: column;
    padding: 2vh 0;
}
	.footer_left{ display:none;}
	
	.footer_right{  height: auto;display: flex;justify-content:center; flex-direction: column;}
.footer_right_left{ width:100%; height:3rem; margin:0 auto; margin-right:0; text-align:center;}
.footer_right_left img{width:3rem; height:3rem; }
.footer_right_right{font-size:1.125rem; color:rgba(255,255,255,0.6); line-height:2rem; text-align:center;}


.footer_right_right span{ color:#fff; display:block; font-size:1.25rem;}

	
	
	.footer_right{ background:none; font-size:1.125rem; color:rgba(255,255,255,0.6); padding-left:0px; line-height:2rem; height: auto; text-align:center;}

.footer_right span{ color:#fff; display:block; font-size:1.25rem; display:none;}
.footer_right_right_phone{ display:block; width:100%; text-align:center; font-size:1.25rem;color:#fff;}
.footer_right_right_phone span{ padding:0px 8px; display:inline-flex;}


.footer_right_wei{ width:100%; height:auto; margin-top:20px;display: flex;justify-content:center; display:none;}
.footer_right_wei img{ float:left; width:80px; height:80px; margin-right:20px;}



	.typeright_warp{ width:100%; background-color:transparent; height: auto; margin-top:0vh; padding-bottom:2vh;}

	.typeright{

		width:96vw;

		display: flex;

		justify-content:center;

		flex-direction: column-reverse;

	}

	.typeright_left{

		width:100%;

		height: auto;

		line-height:1.75rem;

		text-align:center;

	}

	

	.typeright_right{  

		height:100%; 

		line-height: 2rem;

		text-align:center;

	}

	

	/*底部*/



	/*新闻列表*/

	.news{ 

		width: 96vw;

		margin-top:2vh;

	}

	

	.news_con a{

		width: 100%;

		height:100%;

		padding:2rem 0;

		display: flex;

		justify-content:center;

		flex-direction: column;

	

	}

	

	.news_img{ 

		width:100%; 

		height: calc(96vw * 285 / 510); 

	}

	

	.news_right{ 

		width:100%; 

		height:auto; margin-top:2vh;

	}

	

	.news_1{ 

		font-size:1rem; 

	}

	.news_2{ width:100%; height:2.5rem;

		font-size: 1.5rem; 

		line-height:2.5rem;

		margin-top:1rem;

			white-space: nowrap;

		text-overflow: ellipsis;

	}

	.news_3{ 

		line-height: 2rem;

		height:6rem;

		width:100%;

		margin-top:0.5rem;

		overflow: hidden;

	}

	.news_4{ position:  relative; bottom:0; margin-top:1.5rem;}

	

	.page_list a{ height:30px;line-height:30px; font-size:1.125rem; margin:0px 7px;}



	/*新闻详情*/

	

	.show_news_title{

		font-size:1.25rem;

	}

	.show_news_tag{

		height:3.5rem;

		line-height:3.5rem;

	}

	.show_news_tag span{ padding:0px 8px;}

	.xiang_come{ color:rgba(0,0,0,0.7); line-height:1.875rem; padding:1.5rem 5%;}

	.show_news_con{

		padding:0px 5%;

		padding-bottom: 2.75rem;

	}



	.tui{  font-size:1.5rem; line-height:5rem; margin-top:3vh;}

	

	.tui_list{ 

		width: 100%;

		height: auto;

		display: flex;

		justify-content:center;

		flex-direction: column;

	}

	.tui_con{ 

		width: 100%;  

		height: auto;

		overflow: hidden;

		margin-right: 0%;

		margin-bottom: 2rem;

	}

	

	

	.tui_img{ 

		width: 100%; 

		height: calc(96vw * 285 / 510); 

	}

	

	.tui_con .news_1{ margin-top:2vh;}

	.tui_con .news_2{ margin-top:1.5rem; line-height:2.5rem; height:2.5rem;}

	.tui_con .news_4{ position:relative; margin-top:1.5rem;}







	/*服务案例*/

	.example{ width:100%; height:auto;display: flex;justify-content: flex-start; margin-bottom:3vh;flex-wrap: wrap;}

	.example_con{ width:33%; height:auto; margin-bottom:2vh; margin-right: 0.5%;}
	.example_con:nth-child(3n){ margin-right: 0px;}

	.example_con a:hover{transform: scale(1.05);}

	.example_con a.example_con_a{transform: scale(1.05);}	

	.example_img{

		margin:0 auto;

		width:60%;

		height: calc(96vw * 0.198 * 185 / 185);

	}

	.example_tit{  font-size:1.25rem; line-height:3rem;}



	.example_menu{
	flex-wrap: wrap;
		
}
.example_menu a{
	
	margin: 0px 5px;
	margin-bottom: 10px;
}

	.example_list{ margin-top:3vh;}

	.example_nei{ width:49%; height: auto;

		 margin-right:2%; margin-bottom:calc(96vw * 0.02);}

	.example_nei:nth-child(3n){ margin-right:2%;}

	.example_nei:nth-child(2n){ margin-right:0;}	
	.example_tu,.example_bg{
		height: calc(96vw * 0.49 * 330 / 510);
	}



	.example_1{ width:90%;font-size:1.25rem; line-height:2rem; height:2rem; overflow:hidden;  }

	.example_2{ width:30px; height:30px; line-height:30px; margin-top:1.5rem; font-size:1.25rem;}


.example_biaoti {
    overflow: hidden;
	    white-space: nowrap;
    text-overflow: ellipsis;
	padding-bottom: 10px;
}


	/*团队详情*/

	.team{ padding:3vh 0;}

	.team_all{ width:96vw; margin-top:2vh; padding-bottom:3vh;}

	.team-left{ display:none;}

	.team-right{ display:none;}



	.team_all .paginationt{ position: absolute; left:0px; bottom:0px; text-align:  center; width:100%; z-index:1;}

	.team_all .swiper-pagination-bullet { display: inline-block; width:8px; height:8px; margin:0px 3px; }

	

	.team_list{ width:100%; height:auto; overflow:hidden; position:relative;}

	

	.team_con{ width:100%; padding:1rem;display: flex;

		justify-content:center;

		flex-direction: column;}

	

	

	.team_img{

		width: calc(96vw * 0.26 * 209 / 209);

		height: calc(96vw * 0.26 * 209 / 209); margin:0 auto;

	}

	

	

	.team_right{ width:100%; height:  auto; padding:15px 0;}

	.team_1{font-size:1.25rem; text-align:center;}

	.team_2{ font-size:1rem;  height:2.25rem; line-height:1.75rem; text-align:center;}

	.team_3{  height:4.5rem; line-height:1.5rem; overflow:hidden; margin-top:1rem;}



	.main_all{ width:100%; height:100%; margin-top:2.875rem; position:relative; padding-bottom:3vh;}

	.main_all .paginationm{ display: block;}

	.main_all .swiper-pagination-bullet {  display: inline-block; width:8px; height:8px; margin:0px 3px;}

	

	

	.main-left{ display:none;}

	.main-right{  display:none;}

	

	.main_list .example_nei{ width:100%;}





	/*关于我们*/

	.about_warp{ padding:3vh 0;}

	.about{width:96vw; height: auto;display: flex;

		justify-content:center;

		flex-direction: column;}

	.about_img{

		width:100%;

		height: calc(96vw * 0.5 * 690 / 685);

	}

	

	.about_right{ width:100%; height: auto; margin-top:2vh;}

	.about_en {

		font-size:1.75rem; text-align:center;

		margin-top:0rem;

	}

	.about_tit {

		font-size: 2rem; text-align:center;

		height: 4rem;

		position: relative;

		margin-top:-1rem;

	}

	.about_tit:after {

		content: "";

		width: 3rem;

		height: 3px;

		background: #e30062;

		position: absolute;

		left: calc(50% - 1.5rem);

		bottom: 0;

	}

	.about_1{  font-size:1.25rem; margin-top:1.75rem; text-align:center;}

	.about_2{  margin-top:1.25rem; text-align:center;}

	.about_bg{ display:none;}

	.about_bg1{ display:none;}	

	

	

	.culture{ padding:3vh 0;}

	

	.culture_list{ 

		width:96vw;

		height: calc(96vw * 0.32 * 640 / 482);

		margin-top:2vh;

	}

	.culture_con{ width:32%; height:100%; position:relative;}

	.culture_con:hover .culture_1{ margin-top:0rem;}

	

	.culture_1 img{ height:28px; width:auto;}

	.culture_2{ font-size:1.5rem; margin-top:1rem;}

	

	.forest{ height:auto; position:relative; padding:3vh 0;}

	.forest_img{ display:none;}

	.forest_all{width:96vw;}

	

	.forest_tit{ width:100%; height: auto; background:transparent; position: relative; bottom:0%; right:0;display: inline-block;}

	.forest_tit .main_en{  width:100%; color:#225ce1; text-align: center;}

	.forest_tit .main_tit{ width:100%; color:#000; text-align:center; margin-top: -1.25rem;}

	

	.forest_list{ width:100%; height:auto;display: flex;justify-content: flex-start; flex-wrap: wrap; padding-top:3vh;}

	.forest_biao{ width:18%; height:calc(96vw * 0.18); margin-right:2.5%;

	margin-bottom:calc(96vw * 0.025);

	}

	

	.forest_biao a{  font-size:1rem; line-height:1.5rem;}

	

	

	.partners{ width:96vw; padding:3vh 0;}

	.partners_list{ margin-top:2vh; background: transparent;}

	.partners_img{ width:32%; height: calc(96vw * 0.32 * 192 / 310); margin-right: 2%; margin-bottom: calc(96vw * 0.02); background: #fff;
	-moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
	}
	.partners_img:nth-child(3n){ margin-right: 0px;}
	.partners_img:after{
		display: none;
	}
	.partners_img:before {
    display: none;
}

	

	.partners_img img {
		width: 100%;
		height: auto;
		-webkit-filter: grayscale(0%);
		max-width: 100%;
		max-height: 100%;
		transform: scale(0.6);

		opacity: 1;


	}





	/*首页*/

	.big{ width:100%; height: 240px;} 

	.big .pagination{ position: absolute; left:0px; bottom:10px; text-align:  center; width:100%; z-index:1;}

	.big .swiper-pagination-bullet { display: inline-block; width:8px; height:8px; margin:0px 5px;}

	

	.examplea{ margin-top:2vh; margin-bottom:0px;}



	.goodness{ padding:3vh 0;}    

	.goodness_list{width:96vw; margin-top:2vh;display: flex;justify-content: space-between; flex-wrap: wrap;}	

	

	.goodness_con{ width:49%; height:21rem;display: flex;

		justify-content:center;

		flex-direction: column; margin-bottom:1.92vw;}

			

	

		

	.goodness_1{ font-size:1.5rem;}

	.goodness_2{  margin-top:2.5rem;  width:9rem; height:9rem;}

	.goodness_2 img{ width:9rem; height:9rem;}	

	

	.goodness_3{  font-size:1.125rem; margin-top:2.5rem;}



	

	.main_more a{ display:inline-block; position:relative; font-size:1rem; height:3.75rem; line-height:3.75rem;}

	

	.main_more a:after{ content:""; position:absolute; width:3.5rem; height:1px; background:#000; position:absolute; top:calc(50%); left:5rem;}

	

	.main_more font{ color:#000; padding-right:5rem; -webkit-transition: all 0.6s ease-in-out;}

	.main_more span{ display:inherit; width:3.75rem; height:3.75rem;}



	.know{ width:100%; height:auto;display: flex;

		justify-content:center;

		    flex-direction: column-reverse;}

	

	.know_img{

		width:100%;

		height: calc(96vw  * 390 / 800);
		margin-top: 2vh;
	}



	.know_right{ width:100%; height:auto; }

	.know_right .about_tit{ height:auto; font-size:2rem; margin-top:-1.25rem;}

	.know_right .about_tit:after{ display:none;}

	.know_right .about_1{ margin-top:1.5rem;}



	

	.we_list{ width:100%; height:auto;display: flex;justify-content: space-between; margin-top:2vh;}

	

	.we_shu{ margin-top:0px;}

	.we_shu span{font-size:3rem;}

	

	.we_shu_1{ position: relative; left:0rem; top:0px; color:#000; display: inline-block;}

	.we_shu_2{position: relative; left:0rem; top:0px; color:#000; display: inline-block;}

	.we_shu_3{ position: relative; left:0rem; top:0px; color:#000; display: inline-block; font-size:1.5rem;}





	.cooperate_warp{  padding:3vh 0;}

	.cooperate{width:96vw;}

	.cooperate .main_en{ text-align: center; color:rgba(0,0,0,0.5);}

	.cooperate .main_tit{ text-align:center;}

	

	.cooperate_bg{ position:absolute; width:42%; height:auto; top:8vh;}		





	.press{width:96vw; padding:3vh 0;}

	

	.press_more{ position:absolute; right:0; top:6px;}

	.press_more a{ display:block; width:70px; height:28px; line-height:28px;  font-size:1rem;}

	.press_more a:hover{letter-spacing:0px;}

	

	.press .tui_list{ margin-top:3vh;}

	.press .tui_con{ margin-bottom:2vh;}




}

		

