@charset "UTF-8";
/* css reset */


@font-face {
	font-family: "PingFang-SC-regular";
	src: 
		url("../fonts/pingfang-regular.ttf") format("truetype");
}

@font-face {
	font-family: "PingFang-light";
	src: 
		url("../fonts/pingfang-light.ttf") format("truetype");
}
@font-face {
	font-family: "PingFang-medium";
	src: 
		url("../fonts/pingfang-medium.ttf") format("truetype");
}
@font-face {
	font-family: "PingFang-semibold";
	src: 
		url("../fonts/pingfang-semibold.ttf") format("truetype");
}
@font-face {
	font-family: "PingFang-thin";
	src: 
		url("../fonts/pingfang-thin.ttf") format("truetype");
}

@font-face {
	font-family: "Poppins-Regular";
	src: 
		url("../fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
	font-family: "Poppins-Bold";
	src: 
		url("../fonts/poppins-bold.ttf") format("truetype");
}

body,
html,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
strong,
small,
ul,
li,
dl,
dt,
dd,
ol,
table,
a,
input,
textarea,
label {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s;
	color: #333
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

span {
	display: inline-block;
}

i {
	font-style: normal;
	display: inline-block;
}

icon {
	display: inline-block;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 分页居中显示 */
.news-page {
	text-align: center;
	width: 100%;
}

.news-page .pagination {
	display: inline-block;
	margin: 20px auto;
}

@media (max-width:500px) {
	
	
	
	
}
li {
	list-style: none;
}

sub,
sup {
	font-size: 6px;
	margin-left: 2px
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

input,
textarea {
	display: inline-block;
	font-family: "PingFang-SC-regular", "Source Han Sans CN", sans-serif, Helvetica, "Helvetica Neue";
}

/* body{font-family:"Aileron-Regular","Source Sans Pro",SourceHanSansCN,"Source Han Sans CN",Helvetica,"Helvetica Neue", Arial, sans-serif;font-weight:300;font-size:1em;color:#333;margin:0 auto;width:100%;max-width: 1920px;background:#FFF;}
 */
html {
	font-size: 16px;
}

body {
	font-family: "PingFang-SC-regular", sans-serif, Helvetica, "Helvetica Neue", Arial, sans-serif;
	/* 	font-family: "SourceHanSansCN-Regular", "Source Han Sans CN", sans-serif, Helvetica, "Helvetica Neue", Arial, sans-serif;
 */
	font-weight: 300;
	color: #333;
	margin: 0 auto;
	width: 100%;
	background: #FFF;

}

::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: rgba(210, 210, 210, 0.48);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(123, 121, 121, 0.7);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
}

.clear {
	clear: both;
	zoom: 1;
}

.clear:after,
.clear:before {
	content: "";
	display: table;
	height: 0;
	clear: both;
}

.fl {
	float: left
}

.fr {
	float: right
}

.menu {
	display: none;
	float: right;
	margin-top: 31px;
	position: relative;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.menu span {
	position: absolute;
	transition: 0.3s;
	width: 25px;
	height: 3px;
	border-radius: 2px;
	background: #049757;
	display: block;
	margin-bottom: 5px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menu .span2 {
	top: 8.4px;
}

.menu .span3 {
	top: 17px;
}

.menu.on .span1 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu.on .span2 {
	opacity: 0;
}

.menu.on .span3 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



.wrap {
	width: 1400px;
	margin: auto;
	max-width: 94%;
}


/* header */
.header{
	height: 100px;
	line-height: 100px;
}
#header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	transition: 0.46s;
}
#header.on{
	background: #FFFFFF;
	box-shadow: 0 0 17px #CCCCCC;
	transition: 0.46s;
}
.header-one{
	padding-left: 0px;
	padding-top: 35px;
	padding-bottom: 15px;
}

.header-logo .img1{
	display: block;
}
.header-logo .img2{
	display: none;
}
.header-logo{
	float: left;
}
.header-nav{
	float: right;
}
.header-nav ul{}
.header-nav ul li{
	float: left;
}
.header-wrap{
	/* width: 1400px;
	max-width: 94%; */
	margin: auto;
}
.header-nav ul li a{
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	color: #181818;
	margin-left: 43px;
	/* font-family: "PingFang-SC-thin"; */
}

.header-logo .img1{
	display: none;
}
body.white .header-logo .img3{
	display: none;
}
body.white .header-logo .img2{
	display: block;
}
.index-body .header-logo .img1{
	display: block;
}
.index-body .header-logo .img2{
	display: none;
}
.index-body .header-logo .img3{
	display: none;
}



body.white .header-nav ul li a{
	color: #FFFFFF;
}
.n-banner{
	background: #ED6135;
	height: 100vh;
	/* padding-left: 13%; */
	box-sizing: border-box;
}
.n-ban-text{
	/* width: 1400px;
	margin: auto;
	max-width: 94%; */
	
}







/* index */
/* index-banner */
.index-banner{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	height: 100vh;
	overflow: hidden;
}
.index-banner .index-banner-left{
	width: 50%;
	background: #A4AEB5;
	
	box-sizing: border-box;
	overflow: hidden;
	transition: 0.4s;
}

.index-banner .index-banner-right{
	width: 50%;
	background: #ED6135;
	overflow: hidden;
	box-sizing: border-box;
	transition: 0.4s;
}
.index-banner .index-banner-t.on{
	width: 55%;
	transition: 0.4s;
}



.index-banner .index-banner-left .index-banner-text{
	
	/* transform: translateX(calc(50% - 260px));
	-webkit-transform: translateX(calc(50% - 260px));
	-moz-transform: translateX(calc(50% - 260px));
	-ms-transform: translateX(calc(50% - 260px)); */
	/* transform: translateX(13%);
	-webkit-transform: translateX(13%);
	-moz-transform: translateX(13%);
	-ms-transform: translateX(13%); */
	margin-left: calc(50% - 225px);
}
.index-banner .index-banner-right .index-banner-text{
	transform: translateX(13%);
	-webkit-transform: translateX(13%);
	-moz-transform: translateX(13%);
	-ms-transform: translateX(13%);
}
.index-banner-text{
	margin-top: 219px;
}
.index-banner-text h2,.n-ban-div h2{
	font-size: 88px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 123px;
	font-family: "PingFang-SC-regular";
}
.index-banner-text p{
	font-size: 20px;
	color: #FFFFFF;
	line-height: 28px;
	font-family: "PingFang-SC-thin";
	    font-family: "PingFang-light";
}
.index-banner-text a{
	font-size: 24px;
	color: #FFFFFF;
	line-height: 33px;
	background: url(../fonts/8d190ea77ab34abbbd667a7edc9cf1ff.svg) right no-repeat;
	padding: 10px 0;
	padding-right: 20px;
	position: relative;
	font-family: "PingFang-SC-thin";
	font-family: "PingFang-light";
}
.index-banner .index-banner-left p{
	margin-bottom: 53px;
}
.index-banner .index-banner-right h2{
	margin-bottom: 24px;
}
.index-banner .index-banner-left h2{
	margin-bottom: 24px;
}
.index-banner .index-banner-right p{
	margin-bottom: 53px;
}
.index-banner .index-banner-text a::after{
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: #FFFFFF;
	bottom: 0;
	left: 0;
	transition: 0.4s;
}
.index-banner .index-banner-text a:hover::after{
	width: 85%;
	transition: 0.4s;
}


/* footer */
.footer-wrap{
	width: 1400px;
	margin: auto;
	max-width: 94%;
}
.footer-nav{
	margin-top: 23px;
}
.footer-nav ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.footer-nav ul li{}
.footer-nav ul li a{
	font-size: 20px;
	color: #181818;
	line-height: 28px;
	margin-right: 44px;
	padding: 3px 0;
	font-weight: normal;
}
.footer-nav ul li a.active{
	/* border-bottom: 1px solid #181818; */
}
.footer-center{
	margin-top: 56px;
	margin-bottom: 70px;
}
.footer-center-left{
	float: left;
}
.footer-center-left h3{
	font-size: 48px;
	line-height: 67px;
	color: #181818;
	margin-bottom: 8px;
	font-family: "PingFang-medium";
}
.footer-center-left p{
	font-size: 20px;
	line-height: 28px;
	color: #656E7A;
	    /* font-family: "PingFang-SC-thin"; */
		font-weight: 400;
		font-family: "PingFang-light";
}
.footer-center-right{
	float: right;
}
.footer-center-right a{
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #ED6135;
	padding: 16px 84px;
	border: 3px solid #ED6135;
	box-sizing: border-box;
}
.footer-top{
	border-top: 1px solid #E2E2E2;
	padding: 25px 0;
}
.footer-copy{
	float: left;
}
.footer-copy p,
.footer-copy p a{
	font-size: 16px;
	line-height: 22px;
	color: #A4AEB5;
	/* font-family: "PingFangSCLight"; */
	font-weight: 400;
	font-family: "PingFang-light";
}
.footer-call{
	float: right;
}
.footer-call p,.footer-call p a{
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #181818;
}
#footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	background: #F7F7F7;
}


/* about */
html{
	position: relative;
}
.left-side{
	width: 10%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999;
	background: #A4AEB5;
}
.left-side span{
	width: ;
	font-size: 20px;
	color: #FFFFFF;
	transform: rotateZ(-90deg) translateY(-50%);
	    position: absolute;
	    top: 50%;
	    right: 10%;
		transition: 0.8s;
		/* transform: translateY(-50%); */
		letter-spacing: 6px;
}
body.white{
	padding-left: 10%;
	box-sizing: border-box;
}
body.white #header,body.white #footer{
	padding-left: 10%;
	box-sizing: border-box;
}
.n-ban-text{
	padding-top: 216px;
	max-width: 94%;
	width: 1400px;
	margin: auto;
}
.header-wrap{
	max-width: 94%;
	width: 1400px;
	margin: auto;
}
.n-ban-div{
	width: 689px;
}
.n-ban-div p{
	font-weight: normal;
	font-size: 20px;
	line-height: 34px;
	color: #FFFFFF;
	margin-top: 54px;
}

/* about */
.hui-bac{
	background: #F7F7F7;
}
.what-do{
	padding: 93px 0 180px;
}
.what-do-left{
	max-width: 595px;
	float: left;
	width: 45%;
}
.what-text{}
.what-text h3{
	font-size: 68px;
	line-height: 95px;
	color: #181818;
	margin-bottom: 35px;
}
.what-text p{
	font-size: 20px;
	line-height: 34px;
	
	
	text-align: justify;
	
	color: #656E7A;
	font-weight: 500;
	    font-family: "PingFang-light";

}
.gg-ul{
	margin-top: 80px;
}
.gg-ul li{
	margin-bottom: 30px;
}
.gg-ul li a{
	font-weight: 500;
	font-size: 48px;
	line-height: 67px;
	
	color: #181818;

}
.gg-ul li a:hover{
	color: #ED6135;
}

.more a{
	font-size: 24px;
	line-height: 34px;
	color: #181818;
	background: url(../fonts/9e8d815a73454dae8f3ab6ac921c1e09.svg) right no-repeat;
	padding-right: 20px;
	position: relative;
	z-index: 2;
	margin-top: 90px;
	font-family: "PingFang-light";
}
	
.more a::after{
	position: absolute;
	content: "";
	width: 0%;
	left: 0;
	bottom: 0;
	height: 12px;
	background: #ED6135;
	z-index: -1;
	transition: 0.4s;
}
.more a:hover::after{
	width: 85%;
	transition: 0.4s;
}
.what-do-right{
	float: left;
	width: 45%;
	
	margin-left: 100px;
	position: relative;
}
.what-do-text{
	max-width: 578px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 27px 22% 47% 39px;
	width: 90%;
}
.what-do-text h5{
	font-size: 22px;
	line-height: 42px;
	text-align: justify;
	margin-bottom: 15px;
	color: #FFFFFF;
	
}
.what-do-text p{
	font-weight: 500;
	font-size: 28px;
	line-height: 39px;
	
	text-align: justify;
	/* font-family: "PingFang-medium"; */
	color: #FFFFFF;
}
.what-do-text a{
	font-size: 20px;
	line-height: 42px;
	margin-top: 30px;
	
	text-align: justify;
	background: url(../images/b-jiantou.png) right no-repeat;
	color: #FFFFFF;
	padding-right: 20px;
}
.what-do-img{
	position: absolute;
	right: 0;
	top: 375px;
	width: 90%;
}

.what-who{
	background-color: #FFFFFF;
	padding: 90px 0;
	
}
.what-who-video{
	margin-top: 68px;
}
.what-who-video video{
	width: 100%;
	object-fit: cover;
}
.people-ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.people-ul li{
	width: 20%;
	text-align: center;
	margin: 40px 0;
}
.what-people{
	background: #FFFFFF;
	padding-bottom: 100px;
}



/* services */
.services-box{
	border-bottom: 1px solid #A4AEB5;
}
.services-title{
	float: left;
}
.services-title h3{
	font-weight: normal;
	font-size: 64px;
	line-height: 90px;
	color: #181818;
}
.services-list{
	margin-top: 33px;
	text-align: center;
	width: 100%;
}
.services-list a{
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
	color: #656E7A;
	position: relative;
	padding: 15px 0;
	margin: 0 25px;
	font-family: "PingFang-light";
}
.services-list a.active{
	color: #181818;
}
.services-list a.active::after{
	position: absolute;
	content: "";
	width: 100%;
	bottom: -1px;
	height: 2px;
	background: #181818;
	left: 0;
}
.services{
	padding-top: 170px;
	background: #FFFFFF;
}
.main{
	background: #FFFFFF;
}
.services-map{
	position: relative;
	    z-index: 1;
}
.map-div{
	position: relative;
	margin-top: 300px;
	text-align: center;
}
.map-div .dian{
	position: absolute;
}
.services-bac{
	background: #F7F7F7;
	height: 400px;
	margin-top: -350px;
	position: relative;
	z-index: 0;
}
.dian1{
	
}
.map-div .dian a{
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #ED6135;
	width: 20px;
	text-align: center;
	position: relative;
}
.map-div .dian span{
	position: absolute;
	content: "";
	top: 110%;
	height: 100px;
	border-left: 1px dashed #ED6135;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
}
.map-div .dian a::before{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #ED6135;
	top: 110%;
	left: 0;
	right: 0;
	margin: auto;
}
.map-div .dian i{
	width: 86px;
	height: 55px;
	background: url(../images/quan.png) center no-repeat;
	background-size: 100%;
	position: absolute;
	left: -30px;
	right: 0;
	margin: auto;
	top: 235%;
}
.map-div .dian.lan a{
	color: #2839CD;
}

.map-div .dian.lan i{
	background-image: url(../images/l-quan.png);
	width: 37px;
	height: 24px;
	left: -8px;
}
.map-div .dian.lan span{
	border-color: #2839CD;
}
.map-div .dian.lan a::before{
	background: #2839CD;
}
.dian1{
	
	    left: 1%;
}
.dian2{
	
	    left: 8%;
}
.map-div .dian2 span{
	height: 240px;
}
.dian3{
	   
	    left: 14%;
}
.map-div .dian3 i{
	width: 86px;
	height: 55px;
	left: -30px;
}
.map-div .dian3 span{
	height: 219px;
}
.dian4{
	
	    left: 18%;
}
.map-div .dian4 i{
	width: 86px;
	height: 55px;
	left: -30px;
}
.map-div .dian4 span{
	height: 311px;
}
.dian5{
	
	    left: 25%;
}
.map-div .dian5 i{
	width: 86px;
	height: 55px;
	left: -30px;
}
.map-div .dian5 span{
	height: 329px;
}
.dian6{
	
	    left: 30%;
}
.map-div .dian6 i{
	width: 86px;
	height: 55px;
	left: -30px;
}
.map-div .dian6 span{
	height: 301px;
}
.dian7{
	
	    left: 34%;
}
.map-div .dian7 span{
	height: 157px;
}
.dian8{
	
	    left: 37%;
}
.map-div .dian8 i{
	width: 86px;
	height: 55px;
	left: -30px;
}
.map-div .dian8 span{
	height: 327px;
}
.dian9{
	
	    left: 42%;
}
.map-div .dian9 span{
	height: 156px;
}
.dian10{
	    
	    left: 46%;
}
.map-div .dian10 i{
	width: 86px;
	height: 55px;
	left: -30px;
}
.map-div .dian10 span{
	height: 311px;
}
.dian11{
	
	    left: 54%;
}
.map-div .dian11 span{
	height: 198px;
}
.dian12{
	
	    left: 58%;
}
.map-div .dian12 span{
	height: 293px;
}
.dian13{
	
	    left: 63%;
}
.map-div .dian13 span{
	height: 198px;
}
.dian14{
	
	    left: 83%;
}
.map-div .dian14 span{
	height: 198px;
}
.s-text p{
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	color: #656E7A;
	width: 387px;
	font-family: "PingFang-light";
}
.s-text{
	
	position: absolute;
	    top: 65%;
	    right: 20%;
}

.services-medie{
	padding: 58px 0 130px;
}
.title-small{
	margin-bottom: 42px;
}
.title-small h3{
	font-size: 40px;
	line-height: 56px;
	color: #181818;
	font-weight: 500;
	/* font-family: "PingFang-medium"; */
}
.medie-ul{}
.medie-ul li{
	position: relative;
	height: 660px;
	margin-bottom: 10px;
}
.medie-ul li .medie-text{
	background: url(../images/sk1.png) no-repeat;
	width: 42%;
	height: 660px;
	position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 999;
	    background-size: 100% 100%;
		padding: 120px 12% 25px 66px;
		box-sizing: border-box;
}
.medie-ul li:nth-of-type(even) .medie-text{
	background-image: url(../images/sk2.png);
}
.medie-ul li .medie-text h4{
	font-weight: 500;
	font-size: 44px;
	line-height: 62px;
	color: #181818;
	margin-bottom: 28px;
}
.medie-ul li .medie-text span{
	border-bottom: 4px solid #ED6135;
	display: block;
	width: 56px;
	margin-bottom: 29px;
}
.medie-ul li .medie-text p{
	font-weight: normal;
	font-size: 16px;
	line-height: 34px;
	text-align: justify;
	color: #656E7A;
	font-family: "PingFang-light";
}
.medie-ul li .medie-img{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	
	position: absolute;
	right: 0;
	top: 0;
	width: 72%;
}

/* h-medie-ul */
.h-medie-ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
	margin-top: 50px;
	margin-bottom: 70px;
}
.h-medie-ul li{
	margin-bottom: 25px;
	margin-right: 2%;
	width: 32%;
}
.h-medie-ul li:nth-of-type(3n){
	margin-right: 0;
}
.h-medie-ul li a{
	display: block;
}
.h-medie-ul li a .h-medie-img{
	overflow: hidden;
	position: relative;
	/* filter: saturate(0.5); */
}
.h-medie-ul li a:hover .h-medie-img{
	/* filter: saturate(1); */
}
.h-medie-ul li a .h-medie-img::after{
	/* position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(247, 247, 247, 1);
	left: 0;
	top: 0; */
}

.h-medie-ul li a .h-medie-img .h-img{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 290px;
	transition: 0.4s;
}
.h-medie-ul li a:hover .h-medie-img .h-img{
	transform: scale(1.1);
	transition: 0.4s;
}
.h-medie-ul li a .h-medie-text{
	margin-top: 15px;
}
.h-medie-ul li a .h-medie-text h5{
	font-weight: 500;
	font-size: 22px;
	line-height: 31px;
	color: #181818;
	margin-bottom: 5px;
	display: inline-block;
	position: relative;
	z-index: 1;
	transition: 0.4s;
}
.h-medie-ul li a .h-medie-text p{
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	color: #656E7A;
	font-family: "PingFang-light";
}
.h-medie-ul li a .h-medie-text h5::after{
	position: absolute;
	content: "";
	width: 0%;
	height: 12px;
	background: #ED6135;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: 0.4s;
}
.h-medie-ul li a:hover .h-medie-text h5::after{
	width: 100%;
	transition: 0.4s;
}
/* services-detail */
.services-detail-title{
	margin-bottom: 37px;
}
.services-detail-title h5{
	font-weight: normal;
	font-size: 26px;
	line-height: 36px;
	
	color: #656E7A;
}
.services-detail-title h3{
	font-weight: normal;
	font-size: 42px;
	line-height: 59px;
	color: #181818;
}
.services-detail-img{
	width: 100%;
	height: 700px;
	overflow: hidden;
}
.services-detail-img .services-detail-img-div{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.services-detail-ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	padding: 32px 0 25px;
	background: #ED6135;
}
.services-detail-ul div{
	width: 33.333333%;
	box-sizing: border-box;
	padding-left: 100px;
}
.services-detail-ul div h4{
	font-weight: 500;
	font-size: 22px;
	line-height: 31px;
	margin-bottom: 6px;
	color: #FFFFFF;
}
.services-detail-ul div p{
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
	
	color: #FFFFFF;
}
.services-detail-text{
	margin: 100px 0;
}
.services-detail-left{
	width: 50%;
	float: left;
}
.services-text-div{
	margin-bottom: 32px;
}
.services-detail-left h4,.services-detail-left h3{
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	
	color: #181818;
	margin-bottom: 5px;
}
.services-detail-left p{
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 8px;
	color: #656E7A;
}



.services-detail-right{
	width: 42%;
	float: right;
}
.h-bac{
	background: #EFF1F2;
}
.services-p .what-text h3{
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	color: #010101;
}
.services-p{
	padding: 85px 0;
}


/* case */

.case .n-ban-div{
	padding-left: 12%;
	padding-right: 3%;
	box-sizing: border-box;
	width: 100%;
}
.case-div{
	padding: 70px 0;
}
.case-detail,.news,.join,.contact{
	padding-top: 170px;
}
/* case-detail-title */
.case-detail-title{
	margin-bottom: 50px;
}
.case-detail-title h5{
	font-weight: normal;
	font-size: 24px;
	line-height: 34px;
	color: #656E7A;
}
.case-detail-title h3{
	font-weight: normal;
	font-size: 40px;
	line-height: 56px;
	
	color: #181818;
}
.case-detail-text{
	margin-bottom: 100px;
	min-height: 466px;
}
.case-detail-left{
	width: 42%;
	float: left;
}
.case-detail-left p{
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	text-align: justify;
	margin-bottom: 12px;
	color: #656E7A;
	font-family: "PingFang-light";
}
.case-detail-left .case-detail-top{
	margin-top: 50px;
}
.case-detail-left .case-detail-top p{
	font-weight: normal;
	font-size: 16px;
	line-height: 180%;
	text-align: justify;
	
	color: #A4AEB5;
}

.case-detail-right{
	width: 50%;
	position: absolute;
	right: 0;
	height: 466px;
}
.case-detail-right .swiper-slide a{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.case-detail-right .swiper-container{
	height: 100%;
}
.case-detail{
	position: relative;
}
.case-detail-else{
	border-top: 2px solid #181818;
}

.about-case-title{
	margin-bottom: 50px;
}
.about-case-title h3{
	font-weight: normal;
	font-size: 32px;
	line-height: 45px;
	color: #010101;
}
.case-detail-else{
	padding: 90px 0 100px;
}
.case-else-list{}
.case-else-list .swiper-container{
	padding-bottom: 125px;
}
.case-else-list .swiper-slide{}
.case-else-list .swiper-slide a{
	display: block;
}
.case-else-list .swiper-slide .swiper-img{
	overflow: hidden;
	margin-bottom: 15px;
	filter: saturate(0.5);
}
.case-else-list .swiper-slide a:hover .swiper-img{
	filter: saturate(1);
}
.case-else-list .swiper-slide .swiper-img-div{
	height: 290px;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.case-else-list .swiper-slide .swiper-text-top{}
.case-else-list .swiper-slide .swiper-text-top h5{
	position: relative;
	font-weight: 500;
	font-size: 22px;
	line-height: 31px;
	display: inline-block;
	
	color: #181818;
}

/* 分页居中显示 */
.news-page {
	text-align: center;
	width: 100%;
}

.news-page .pagination {
	display: inline-block;
	margin: 20px auto;
}

/* 修复 Swiper 图片显示问题 */
.case-detail-right .swiper-container {
	width: 100%;
	height: 100%;
}

.case-detail-right .swiper-wrapper {
	height: 100%;
}

.case-detail-right .swiper-slide {
	height: 466px;
	width: 100%;
}

.case-detail-right .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width:500px) {
	
	
	
	
}

.case-else-list .swiper-slide .swiper-text-top p{
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	
	color: #656E7A;
}
.case-else-list .swiper-slide a .swiper-text-top h5::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 12px;
    background: #ED6135;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: 0.4s;
}
.case-else-list .swiper-slide a:hover .swiper-text-top h5::after{
	width: 100%;
	transition: 0.4s;
}
.swiper-container-horizontal>.swiper-scrollbar{
	width: 446px;
	margin: auto;
	left: 0;
	right: 0;
	height: 2px;
	background: #A9A9A9;
	opacity: 1;
	
}
.swiper-scrollbar-drag{
	height: 4px;
	top: -2px;
	background: #ED6135;
	border-radius: 0;
}
/* .case-detail-two */
.case-detail-time p{
	font-weight: normal;
	font-size: 16px;
	line-height: 180%;
	text-align: justify;
	font-family: "PingFang-light";
	color: #A4AEB5;
	margin-top: 5px;
}
.case-detail-title p{
	font-weight: normal;
	font-size: 16px;
	line-height: 180%;
	text-align: justify;
	font-family: "PingFang-light";
	color: #A4AEB5;
	margin-top: 5px;
}
.case-detail-two .case-detail-left p{
	margin-bottom: 0;
}
.case-detail-right-t{
	width: 50%;
	float: right;
}
.case-detail-right-t video{
	width: 100%;
	object-fit: cover;
}
.case-detail-three .case-detail-time{
	float: right;
	margin-top: 55px;
}
.case-detail-three .case-detail-title{
	float: left;
}
.case-detail-three .case-detail-right-t{
	width: 100%;
	max-height: 700px;
}
.case-detail-three .case-detail-right-t video{
	height: 100%;
	max-height: 700px;
}

/* news */
.news{}
.news-title{}
.news-title h3{
	font-weight: 500;
	font-size: 64px;
	line-height: 90px;
	color: #181818;
	margin-bottom: 24px;
}
.news-title p{
	font-weight: normal;
	font-size: 24px;
	line-height: 34px;
	color: #181818;
}
.news-list-top{
	margin-top: 100px;
}

.news-list-top{
	padding-bottom: 78px;
}
.news-list-ul{}
.news-list-ul li{
	/* border-bottom: 1px solid #e4e4e4; */
}
.news-list-ul li .news-list-t{
	cursor: pointer;
	padding: 30px 0;
}
.news-list-ul li .news-list-t:hover i{
	display: block;
}
.news-list-ul li .news-list-t h4::after{
	position: absolute;
	    content: "";
	    width: 0%;
	    height: 12px;
	    background: #ED6135;
	    bottom: 4px;
	    left: 0;
	    z-index: -1;
	    transition: 0.4s;
}
.news-list-ul li .news-list-t:hover h4::after{
	width: 100%;
	transition: 0.4s;
}
.news-list-t-left{
	float: left;
	width: 80%;
	
}
.news-list-t-left span{
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 5px;
	color: #656E7A;
	display: block;
}
.news-list-t-left h4{
	font-weight: 400;
	font-size: 32px;
	line-height: 45px;
	color: #181818;
	display: inline-block;
	position: relative;
	z-index: 1;
	/* font-family: "PingFangSCLight";
	    font-weight: 600; */
}
.news-list-t i{
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	text-decoration-line: underline;
	
	color: #A4AEB5;
	float: right;
	margin-top: 25px;
	display: none;
}
.news-list-text{
	display: none;
	margin-top: 24px;
	padding-bottom: 40px;
}
.news-list-text .news-list-text-left{
	float: left;
	width: 50%;
}
.news-list-text .news-list-text-left p{
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 8px;
	text-align: justify;
	/* font-family: "PingFangSCLight"; */
	color: #656E7A;
	font-family: "PingFang-light";
}
.news-list-text .news-list-text-left h3{
	color: #ED6135;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 8px;
	font-family: "PingFang-light";
}
.news-list-text .news-list-text-left span{
	display: inline;
}
.news-list-text-right{
	width: 42%;
	float: right;
}

.b-more{
	text-align: center;
	margin-top: 70px;
}
.b-more a{
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	padding: 11px 53px;
	color: #181818;
	border: 2px solid #000000;
	box-sizing: border-box;
	cursor: pointer;
}

/* join */
.join-list-top{
	padding-bottom: 75px;
}
.join-list-ul{
	margin-top: 100px;
}
.join-list-ul li{
	border-bottom: 1px solid #E4E4E4;
}
.join-list-ul li .join-top{
	padding: 34px 0;
	cursor: pointer;
	overflow: hidden;
}
.join-list-ul li .join-top h4{
	font-weight: normal;
	font-size: 32px;
	line-height: 45px;
	color: #181818;
	float: left;
}
.join-list-ul li .join-top i{
	width: 30px;
	display: block;
	float: right;
	height: 30px;
	position: relative;
	cursor: pointer;
	transition: 0.4s;
}
.join-list-ul li .join-top i::after{
	width: 3px;
	height: 28px;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	top: 2px;
	background: #181818;
	transition: 0.4s;
}
.join-list-ul li .join-top i::before{
	width: 28px;
	height: 3px;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	background: #181818;
	transition: 0.4s;
}
.join-top-text{
	padding-bottom: 45px;
	display: none;
}
.join-top-text h3,.join-top-text h5{
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 10px;
	font-family: "PingFang-light";
	color: #181818;
}
.join-top-text p{
	font-size: 16px;
	line-height: 30px;
	
	
	color: #656E7A;
}
.join-top-text .to-email{
	margin-top: 30px;
}
.join-top-text .to-email p{
	font-size: 16px;
	line-height: 30px;
	
	
	color: #A4AEB5;
}
.join-list-ul li .join-top.on i{
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	transition: 0.4s;
}
.join-list-ul li .join-top.on i::before{
	opacity: 0;
	transition: 0.4s;
}
.join-list-ul li .join-top.on i::after{
	/* background: #ED6135;
	transition: 0.4s; */
}
.join-list-ul li .join-top:hover i::before,.join-list-ul li .join-top:hover i::after{
	background: #ED6135;
}



/* contact */
.contact-text{}
.contact-text-left{
	float: left;
}
.contact-text-left h4{
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
	color: #181818;
	margin-bottom: 8px;
}
.contact-text-top{}
.contact-text-top p{}
.contact-text-top p a,.contact-text-top p{
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: #656E7A;
	margin-bottom: 6px;
}
.contact-div{
	margin-top: 30px;
}
.contact-div p{
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #A4AEB5;
}
.contact-div h5{
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #656E7A;
}
.contact-map{
	position: absolute;
	top: 0;
	width: 50%;
	right: 0;
	height: 100vh;
	background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
}
.contact-footer{
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0;
}
.contact-box{
	height: 100vh;
}
.contact-footer p,.contact-footer p a{
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #A4AEB5;
	font-family: "PingFang-light";
}
#header.on .header-logo .img2{
	display: none;
}
#header.on .header-logo .img3{
	display: block;
}
#header.on .header-nav ul li a{
	color: #181818;
}



.index-body .header-nav{
	display: none;
}
.index-body #header.on{
	background: none;
	box-shadow: none;
}

.index-body #header.on .header-logo .img3{
	display: none;
}
#header.on{
	transform: translateY(-110%);
	-webkit-transform: translateY(-110%);
	-moz-transform: translateY(-110%);
}
.index-body #header{
	position: absolute;
}
.kong{
	position: fixed;
	top: 0;
	width: 100%;
	height: 84px;
	left: 0;
	z-index: 99999;
}
#header{
	background: #FFFFFF;
}
body.white #header{
	background: none;
}
body.white #header.cc{
	background: #ED6135;
}
.index-body #header{
	background: none;
}

.index-banner .index-banner-right.active{
	width: 90%;
	transition: 0.6s;
}
.index-banner .index-banner-left.active{
	width: 10%;
	transition: 0.6s;
	
}
.index-banner .index-banner-left.active .index-banner-left-box{
	display: none;
}

.index-body .left-side{
	display: none;
}
.index-body .left-side span{
	display: none;
}
.about-html{
	position: absolute;
	top: 0;
	left: 50%;
	display: none;
	z-index: -1;
}
.about-html.active{
	display: block;
	    left: 0;
	    transition: 0.6s;
	    width: 100%;
	    padding-left: 10%;
	    box-sizing: border-box;
}
body.ab-d #header{
	padding-left: 10%;
	box-sizing: border-box;
	position: fixed;
	background: none;
}
body.ab-d #footer{
	padding-left: 10%;
	box-sizing: border-box;
}
body.ab-d .left-side{
	display: block;
}
body.ab-d .header-nav{
	display: block;
}
body.ab-d .header-nav ul li a{
	color: #FFFFFF;
}
body.ab-d #header.cc {
    background: #ED6135;
	
}
body.ab-d .header-logo .img1{
	display: none;
}
body.ab-d .header-logo .img2{
	display: block;
}
body.ab-d .index-banner{
	/* position: absolute; */
	/* left: -100%; */
	transition: 5s;
	/* z-index: -1;
	position: relative; */
}
body.ab-d .index-banner .index-banner-right-box{
	/* display: none; */
	width: 1400px;
	margin: auto;
	max-width: 94%;
	transform: none;
	padding-top: 216px;
}

body.ab-d .n-banner{
	
}
body.ab-d .index-banner .index-banner-right .index-banner-text{
	margin-top: 0;
	transform: none;
	width: 689px;
	
}
body.ab-d .index-banner .index-banner-right .index-banner-text p{
	line-height: 34px;
}
.header-nav ul li a{
	position: relative;
}
.header-nav ul li.active a::after{
	width: 100%;
	transition: 0.4s;
}
.header-nav ul li a::after{
	position: absolute;
	content: "";
	width: 0%;
	bottom: -3px;
	left: 0;
	height: 2px;
	background: #ED6135;
	transition: 0.4s;
}
body.white .header-nav ul li.active a::after,body.ab-d .header-nav ul li.active a::after{
	background: #FFFFFF;
}

body.ab-d .header-nav ul li:nth-of-type(2) a::after{
	background: #FFFFFF;
	position: absolute;
	content: "";
	width: 100%;
	bottom: -3px;
	left: 0;
	height: 2px;
}
/* body.ab-d .header-nav ul li a:hover::after{
	background: #FFFFFF;
	position: absolute;
	content: "";
	width: 100%;
	bottom: -3px;
	left: 0;
	height: 2px;
} */
.footer-nav ul li a{
	border-width: 0;
	position: relative;
	font-family: "PingFang-light";
	}
.footer-nav ul li a::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 0;
	background: #181818;
	height: 2px;
	transition: 0.4s;
}
.footer-nav ul li a:hover::after,.footer-nav ul li a.active::after{
	width: 100%;
	transition: 0.4s;
	
}
.medie-ul li .medie-text h4{
	font-weight: 500;
	/* font-family: "PingFang-medium"; */
}
.medie-ul li .medie-text p,.h-medie-ul li a .h-medie-text p,.services-detail-title h5,.services-text-div p{
	/* font-family: "PingFangSCLight"; */
	font-weight: 400;
}
.services-detail-ul li p{
	/* font-family: "PingFang-SC-thin"; */
	font-weight: 400;
}
.services-text-div p,.services-text-div h4{
	line-height: 30px;
}
.header-nav ul li a{
	/* font-family: "PingFang-SC-thin"; */
	font-weight: 400;
	font-family: "PingFang-light";
}

.news-title h3{
	font-weight: 500;
	font-family: "PingFang-medium";
}
.news-title p{
	font-family: "PingFang-light";
	font-weight: 500;
}
.news-list-t-left h4{
	/* font-family: "PingFang-SC-thin";
	font-weight: 600; */
}
.join-top-text p{
	/* font-family: "PingFangSCLight"; */
	    font-weight: 500;
	    font-family: "PingFang-light";
	
}
.contact-div p{
	line-height: 30px;
	font-weight: 600;
}
.contact-div h5,.contact-div p{
	font-family: "PingFang-light";
	font-weight: 500;
}
.n-ban-div p{
	font-family: "PingFang-light";
}
body.white #header.cc{
	background: #FFFFFF;
}
body.white #header.cc .header-logo .img3{
	display: block;
}
body.white #header.cc .header-logo .img2{
	display: none;
}
body.white #header.cc .header-nav ul li a{
	color: #181818;
}
body.white #header.cc .header-nav ul li.active a::after{
	background: #ED6135;
}
body.white.zz #header.cc{
	background: none;
}
body.white.zz #header.cc .header-nav ul li a{
	color: #FFFFFF;
}
body.white.zz #header.cc .header-nav ul li.active a::after{
	background: #FFFFFF;
}
body.white.zz #header.cc .header-logo .img3{
	display: none;
}
body.white.zz #header.cc .header-logo .img2{
	display: block;
}
body.ab-d #header.cc{
	background: #FFFFFF;
}

body.this-index .header-nav ul li a{
	color: #FFFFFF;
}
body.this-index.ab-d .header-nav ul li:nth-of-type(2) a::after{
	background: #FFFFFF;
}
body.this-index.ab-d .header-logo .img2{
	display: block;
}

body.ab-d #header.cc .header-nav ul li a{
	color: #181818;
}
body.this-index.ab-d.zz #header.cc .header-logo .img2{
	display: block;
}

body.ab-d .header-nav ul li a{
	/* color: #181818; */
}
body.ab-d .header-nav ul li:nth-of-type(2) a::after,body.ab-d .header-nav ul li a:hover::after{
	background: #ED6135;
}
body.ab-d #header.cc .header-logo .img2{
	display: none;
}
body.ab-d .index-body .header-logo .img3{
	display: block;
}
body.ab-d #header.cc .header-logo .img3{
	display: block;
}
body.ab-d.zz #header.cc{
	background: none;
}
body.ab-d.zz .header-nav ul li a{
	color: #FFFFFF;
}
body.ab-d.zz .header-logo .img2{
	display: block;
}
body.ab-d.zz #header.cc .header-logo .img3{
	display: none;
}
body.ab-d.zz .header-nav ul li:nth-of-type(2) a::after,body.ab-d.zz .header-nav ul li a:hover::after{
	background: #FFFFFF;
}
body.ab-d.zz #header.cc .header-nav ul li a{
	color: #FFFFFF;
}
body.ab-d  #header.cc .header-nav ul li:nth-of-type(2) a::after{
	background: #ED6135;
}
body.ab-d.zz  #header.cc .header-nav ul li:nth-of-type(2) a::after{
	background: #FFFFFF;
}

body.tt.ab-d #footer{
	z-index: 0;
}


.what-do-right{}
.what-do-right .what-do-div{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transform: scale(0);
}
.what-do-right .what-do-div.active{
	opacity: 1;
	transform: scale(1);
	transition: 0.8s;
}
.gg-ul li.active a{}
.gg-ul li a{
	cursor: pointer;
}
.what-do-text a{
	position: relative;
}
.what-do-text a::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #ED6135;
}
.what-do-text a:hover::after{
	width: 95%;
	transition: 0.4s;
}
/* .case-else-list .swiper-slide a .swiper-text-top h5::after{
	width: 0;
	transition: 0.4s;
} */
	

.map-div .dian i{
	transform: scale(1);
	animation: rotating1 1.5s linear 0s 1;
}





@keyframes rotating1{
	from{transform: scale(0.58);}
		to{transform: scale(1);}
}


.map-div .dian span{
	display: block;
	position: unset;
	margin-top: 15px;
	position: initial;
	position: static;
}
.map-div .dian i{
	top: unset;
	top: inherit;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	top: initial;
	display: block;
}


.map-div .dian div{
	position: absolute;
	bottom: 0;
	overflow: hidden;
	width: 86px;
}
.dian1 div{
	animation: t1 0.6s linear 0s 1;
	    height: 200px;
}
.dian2 div{
	animation: t2 0.7s linear 0s 1;
	height: 380px;
}

.dian3 div{
	height: 326px;
	animation: t3 0.6s linear 0s 1;
}
.dian4 div{
	animation: t4 0.7s linear 0s 1;
	    height: 425px;
}
.dian5 div{
	animation: t5 0.6s linear 0s 1;
	    height: 465px;
}
.dian6 div{
	animation: t6 0.7s linear 0s 1;
	height: 440px;
}
.dian7 div{
	animation: t7 0.6s linear 0s 1;
	height: 318px;
}
.dian8 div{
	animation: t8 0.7s linear 0s 1;
	height: 465px;
}
.dian9 div{
	animation: t9 0.6s linear 0s 1;
	height: 295px;
}
.dian10 div{
	animation: t10 0.7s linear 0s 1;
	height: 445px;
}
.dian11 div{
	animation: t11 0.6s linear 0s 1;
	    height: 335px;
}
.dian12 div{
	animation: t12 0.7s linear 0s 1;
	height: 425px;
}
.dian13 div{
	animation: t13 0.6s linear 0s 1;
	height: 335px;
}
.dian14 div{
	animation: t14 0.7s linear 0s 1;
	    height: 335px;
}
.dian1{
	bottom: 57%;
}
.dian2{
	left: 7%;
	bottom: 39%;
}
.dian3{
	top: unset;
	bottom: 73%;
	left: 12%;	
}
.dian4{
	    bottom: 24%;
		left: 16%;
}
.dian5{
	    bottom: 18%;
		    left: 23%;
}
.dian6{
	    bottom: 49%;
		left: 28%;
}
.dian7{
	    left: 32%;
	    bottom: 44%;
}
.dian8{
	    bottom: 30%;
		left: 34%;
}
.dian9{
	    bottom: 48%;
		    left: 39%;
}
.dian10{
	    bottom: 37%;
		left: 44%;
}
.dian11{
	    bottom: 77%;
		left: 51%;
}
.dian12{
	    bottom: 41%;
		left: 54%;
}
.dian13{
	    bottom: 67%;
		left: 61%;
}
.dian14{
	bottom: 53%;
	left: 79%;
}

.map-div .dian1 span{}
.map-div .dian2 span{
	    
}
.map-div .dian3 span{
	height: 192px;
}
.map-div .dian4 span{
	    height: 290px;
}
.map-div .dian5 span{}
.map-div .dian6 span{}
.map-div .dian7 span{}
.map-div .dian8 span{}
.map-div .dian9 span{}
.map-div .dian10 span{}
.map-div .dian11 span{}
.map-div .dian12 span{}
.map-div .dian13 span{}
.map-div .dian14 span{}

.map-div .dian.lan i{
	left: 0;
	right: 0;
	margin: auto;
}

@keyframes t1{
	from{height: 0;}
	to{height: 200px;}
}

@keyframes t2{
	from{height: 0;}
	to{height: 365px;}
}
@keyframes t3{
	from{height: 0;}
	to{height: 326px;}
}

@keyframes t4{
	from{height: 0;}
	to{height: 425px;}
}
@keyframes t5{
	from{height: 0;}
	to{height: 465px;}
}
@keyframes t6{
	from{height: 0;}
	to{height: 440px;}
}
@keyframes t7{
	from{height: 0;}
	to{height: 318px;}
}
@keyframes t8{
	from{height: 0;}
	to{height: 465px;}
}
@keyframes t9{
	from{height: 0;}
	to{height: 295px;}
}
@keyframes t10{
	from{height: 0;}
	to{height: 445px;}
}
@keyframes t11{
	from{height: 0;}
	to{height: 335px;}
}
@keyframes t12{
	from{height: 0;}
	to{height: 425px;}
}
@keyframes t13{
	from{height: 0;}
	to{height: 335px;}
}
@keyframes t14{
	from{height: 0;}
	to{height: 335px;}
}


.index-body .header-logo .img1{
	transition: 0.2s;
}
.index-body .header-logo .img1:hover{
	transform: scale(1.125);
	transition: 0.2s;
}




.contact-div p{
	
	font-weight: normal;
	font-family: "PingFang-light";
}
.contact-div h5{
	font-family: "Poppins-Regular";
	    font-weight: 400;
		font-family: "PingFang-light";
}
.contact-text-top p{
	/* font-family: "PingFangSCLight"; */
	font-weight: 400;
	font-family: "PingFang-light";
}


.contact-text-left h3{
	font-family: "Poppins-Bold";
	    font-weight: bold;
		font-size: 40px;
		line-height: 60px;
		color: #181818;
		position: relative;
		margin-bottom: 40px;
		    padding: 24px 0;
}
.contact-text-left h3::after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	height: 4px;
	width: 56px;
	background: #ED6135;
}


.contact-body #header{
	background: none;
}
.join-top-text .to-email p{
	font-family: "Poppins-Regular";
	    font-weight: 400;
}

.what-do{
	position: relative;
}
.what-do::after{
	position: absolute;
	content: "";
	right: 0;
	height: 100%;
	top: 0;
	background: #2E3551;
	width: 50%;
}
.what-do-right{
	z-index: 9;
	float: right;
}
.what-do-text{
	background: none!important;
}
.what-do-text h5{
	position: relative;
	font-family: "PingFang-light";
}
.what-do-text h5::after{
	position: absolute;
	    left: -28%;
	    top: 17px;
	    background: #FFFFFF;
	    content: "";
	    height: 1px;
	    z-index: 99999;
	    width: 20%;
}
.what-do-img{
	left: 0;
	padding-left: 39px;
	    top: 340px;
		box-sizing: border-box;
		width: 100%;
}
.what-do-img img{
	/* border-radius: 6px; */
}
.what-do-text{
	    padding: 27px 0% 47% 39px;
		width: 100%;
		max-width: 430px;
}
.what-do-text a{
	color: #ED6135;
	font-family: "PingFang-light";
	font-weight: normal;
	background-image: url(../images/rj-h.png);
}

.what-do-right .what-do-div{
	width: 100%;
}

body.white.case #header.cc,body.white.case #header{
	background: #FFFFFF;
}
body.white.zz.case #header.cc .header-nav ul li a,body.white.case #header .header-nav ul li a{
	color: #181818;
}
body.white.zz.case #header.cc .header-logo .img2,body.white.case #header .header-logo .img2{
	display: none;
}
body.white.zz.case #header.cc .header-logo .img3,body.white.case #header .header-logo .img3{
	display: block;
}
body.white.zz.case #header.cc .header-nav ul li.active a::after,body.white.case #header .header-nav ul li.active a::after{
	background: #ED6135;
}
.case-div{
	padding-top: 170px;
}



.h-medie-ul li a .h-medie-img .h-img{
	display: none;
}

.h-medie-ul li a .h-medie-img{
	position: relative;
	height: 290px;
	overflow: hidden;
}
.h-medie-ul li a .h-medie-img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}
.h-medie-ul li a .h-medie-img .s-img2{
	opacity: 0;
	transition: 0.4s;
}
.h-medie-ul li a:hover .h-medie-img .s-img2{
	opacity: 1;
	transition: 0.4s;
}
.h-medie-ul li a:hover .h-medie-img .s-img1{
	opacity: 0;
	transition: 0.4s;
}
.x-list-div{
	margin-bottom: 9px;
}
.x-list-div span{
	font-size: 16px;
	line-height: 26px;
	position: relative;
	padding-left: 12px;
}
.x-list-div span.d-span1{
	color: #2839CD;
	margin-right: 25px;
}
.x-list-div span.d-span2{
	color: #ED6135;
}
.services-medie{
	background: #F7F7F7;
	padding: 110px 0 130px;
}
.x-list-div span::after{
	width: 5px;
	height: 5px;
	position: absolute;
	content: "";
	left: 0;
	top: 11px;
	background: #2839CD;
	transform: rotateZ(45deg);
}
.x-list-div span.d-span2::after{
	background: #ED6135;
}
.header-logo a img{
	transition: 0.4s;
}
.header-logo a:hover img{
	transform: scale(1.1);
	transition: 0.4s;
}
.services-md{
	margin-top: 100px;
}
.news-list-ul li .news-list-t,.news-list-text{
	border-bottom: 1px solid #e4e4e4;
}
.news-list-text{
	margin-top: 34px;
}




.what-do-left{
	position: -webkit-sticky;
	position: sticky;
	top: 10%;
}
.what-do-right{
	height: 250vh;
}
.what-do-right .what-do-div{
	height: 85vh;
	position: static;
	position: unset;
	position: initial;
	transform: scale(1);
	opacity: 1;
	top: 5%;
	box-sizing: border-box;
	    padding-left: 10%;
		transition: 1s;
}
.what-do-right{
	width: 50%;
	margin-left: 0;
}
.what-do-img{
	padding-left: 16%;
}

/* .what-do-right .what-do-div.aos-animate{
	transform: scale(0.9);
	transition: 1s;
	opacity: 0;
} */
.what-do-right .what-do-div#f3{
	transform: scale(1)!important;
	opacity: 1;
}

/* .index-body{
	height: 5000px;
} */

.about-html{
	/* position: relative; */
}
.ifarm{}
.gg-ul li a.active{
	color: #ED6135;
}

.play-btn{
	width: 80px;
	height: 80px;
	background: rgba(184, 184, 184, 0.5) url(../images/ztt.png) no-repeat;
	border-radius: 100%;
	background-position: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.case-detail-right-t{
	position: relative;
}

body.ab-d .index-banner .index-banner-right .index-banner-text p{
	margin-top: 54px;
}

.index-body .left-side span{
	/* display: block; */
}


.contact-body #header.on{
	transform: translateY(0%);
	    -webkit-transform: translateY(0%);
	    -moz-transform: translateY(0%);
		box-shadow: none;
}

.cd-case-list li a .h-medie-img img{
	opacity: 0.7;
	transition: 0.4s;
}
.cd-case-list li a:hover .h-medie-img .s-img1{
	opacity: 1;
	transition: 0.4s;
}


.case-detail-text video{
	width: 100%;
}


/*22/4/6*/
.services-med{
	background: #F7F7F7;
}
.services-med .med-text{
	height: 400px;
	background-color: #E1E3E3;
	padding: 120px 12% 25px 66px;
}
.services-med h4 {
    font-weight: 500;
    font-size: 44px;
    line-height: 62px;
    color: #181818;
    margin-bottom: 28px;
}
.services-med span {
    border-bottom: 4px solid #ED6135;
    display: block;
    width: 56px;
    margin-bottom: 29px;
}
.services-med p {
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    text-align: justify;
    color: #656E7A;
    font-family: "PingFang-light";
}
.services-medie{
	padding: 40px 0 130px;
}



.news-list-ul .case-detail-text{
margin-top: 30px;
}
.news-list-ul .case-detail-right{
position: relative;
float: right;

}

._pages_1 ._active_1 {
	background-color: #ED6135 !important;
}
._page_container ._pages li:hover {
	color: #ED6135 !important;
}
._page_container ._pages_1 ._active_1:hover {
	color: #FFFFFF !important;
}
._page_container ._prev:hover,
._page_container ._next:hover,
._page_container ._home:hover,
._page_container ._last:hover {
	color: #ED6135 !important;
}




@media (max-width:1660px) {
	
	
	
}

@media (max-width:1520px) {
	.what-do-right .what-do-div{
		height: 90vh;
		margin-bottom: 50px;
	}
	.what-do-right {
	    height: 280vh;
	}
	.what-do-right .what-do-div{}
	
	
	/* 0415 */
	.index-banner-text h2, .n-ban-div h2{
		    font-size: 54px;
	}
	.footer-center-left h3{
		font-size: 36px;
	}
	.footer-center-right a{
		font-size: 20px;
		padding: 14px 70px;
		border: 2px solid #ED6135;
	}
	.what-text h3,.services-title h3,.news-title h3{
		font-size: 40px;
	}
	.gg-ul li a{
		font-size: 38px;
		line-height: 50px;
	}
	.title-small h3{
		font-size: 32px;
	}
	.services-med h4,.medie-ul li .medie-text h4{
		font-size: 36px;
	}
	.services-med .med-text{
		height: auto;
		    padding: 100px 7% 110px 66px;
	}
	
	.medie-ul li,.medie-ul li .medie-text{
		height: 600px;
	}
	.services-detail-img{
		height: 600px;
	}
	.services-detail-title h3{
		font-size: 30px;
	}
	.services-detail-left h4, .services-detail-left h3{
		font-size: 22px;
	}
	.case-detail-title {
	    margin-bottom: 30px;
	}
	.case-detail-title h3{
		font-size: 32px;
	}
	.news-list-t-left h4,.join-list-ul li .join-top h4{
		font-size: 28px;
	}
	.case-detail-right{
		height: 420px;
	}
	.join-list-ul li .join-top i::after{
		height: 25px;
	}
	.join-list-ul li .join-top i::before{
		width: 25px;
	}
	.contact-text-left h3{
		font-size: 36px;
	}
	.what-do-text p{
		font-size: 26px;
	}
}
@media (max-width:1440px) {
	.case-detail, .news, .join, .contact {
	    padding-top: 130px;
	}
	.what-do-right {
	    height: 235vh;
	}
	.what-do-right .what-do-div{
		height: 80vh;
		margin-bottom: 5px;
	}
	
	
	
}

@media (max-width:1366px) {
	.map-div .dian i{
		width: 60px;
		height: 44px;
		left: -20px;
		left: 0;
	}
	.dian1{
		top: -1%;
	}
	.dian2{
		top: -31%;
	}
	.dian3{
		top: -52%;
	}
	.dian4{
		top: -35%;
	}
	.dian5{
		top: -31%;
	}
	.dian6{
		top: -57%;
	}
	.dian7{
		top: -19%;
	}
	.dian8{
		top: -44%;
	}
	.dian9{
		top: -19%;
	}
	.dian10{
		top: -43%;
	}
	.dian11{
		top: -55%;
	}
	.dian12{
		top: -45%;
	}
	.dian13{
		top: -48%;
	}
	.dian14{
		top: -32%;
	}
	
	
	
	/* 0415 */
	.what-do-right{
		height: auto;
	}
	
	.what-do-img{
		position: unset;
		position: initial;
		position: static;
	}
	.what-do-text{
		padding: 27px 0% 8% 39px;
	}
	.what-do-img {
	    padding-left: 39px;
	}
	.what-do-right{}
	.what-do-right .what-do-div{
		margin-bottom: 10%;
	}
	.gg-ul {
	    margin-top: 60px;
	}
	.what-text h3{
		line-height: 70px;
		margin-bottom: 15px;
	}
	.more a{
		margin-top: 60px;
	}
	.gg-ul li a{
		font-size: 32px;
	}
	.more a{
		font-size: 20px;
	}
	.what-do-text p{
		font-size: 22px;
	}
	.gg-ul li {
	    margin-bottom: 20px;
	}
	.what-text h3, .services-title h3, .news-title h3{
		font-size: 36px;
	}
	.what-who-video {
	    margin-top: 35px;
	}
	.what-who{
		padding: 50px 0;
	}
	.what-people{
		padding-bottom: 50px;
	}
	.footer-center-right a{
		font-size: 18px;
		    padding: 8px 50px;
	}
	.footer-center {
	    margin-top: 35px;
	    margin-bottom: 45px;
	}
	.footer-center-left h3 {
	    font-size: 32px;
	}
	
	.people-ul li{
		margin: 20px 0;
	}
	.people-ul li a img{
		transform: scale(0.9);
	}
	.left-side{
		width: 7%;
	}
	body.white #header, body.white #footer,body.white{
	    padding-left: 7%;
	}
	.index-banner-text h2, .n-ban-div h2 {
	    font-size: 50px;
		    line-height: 90px;
	}
	.index-banner .index-banner-right p,.index-banner .index-banner-left p{
		margin-bottom: 40px;
	}
	.what-do {
	    padding: 93px 0 100px;
	}
	.title-small h3 {
	    font-size: 28px;
	}
	.services-med h4, .medie-ul li .medie-text h4 {
	    font-size: 30px;
		line-height: 36px;
	}
	
	.services-medie {
	    padding: 40px 0 50px;
	}
	.title-small {
	    margin-bottom: 25px;
	}
	.services-med .med-text {
	    height: auto;
	    padding: 60px 7% 60px 66px;
	}
	.medie-ul li, .medie-ul li .medie-text {
	    height: 545px;
	}
	.services,.case-div,.case-detail, .news, .join, .contact{
		padding-top: 120px;
	}
	.services-md {
	    margin-top: 55px;
	}
	.dian1 div{
		animation: t1 0.6s linear 0s 1;
		    height: 200px;
	}
	.dian2 div{
		animation: t2 0.7s linear 0s 1;
		height: 380px;
	}
	
	.dian3 div{
		height: 270px;
		animation: t3 0.6s linear 0s 1;
	}
	.dian4 div{
		animation: t4 0.7s linear 0s 1;
		    height: 425px;
	}
	.dian5 div{
		animation: t5 0.6s linear 0s 1;
		    height: 400px;
	}
	.dian6 div{
		animation: t6 0.7s linear 0s 1;
		height: 330px;
	}
	.dian7 div{
		animation: t7 0.6s linear 0s 1;
		height: 318px;
	}
	.dian8 div{
		animation: t8 0.7s linear 0s 1;
		height: 440px;
	}
	.dian9 div{
		animation: t9 0.6s linear 0s 1;
		height: 295px;
	}
	.dian10 div{
		animation: t10 0.7s linear 0s 1;
		height: 400px;
	}
	.dian11 div{
		animation: t11 0.6s linear 0s 1;
		    height: 275px;
	}
	.dian12 div{
		animation: t12 0.7s linear 0s 1;
		height: 425px;
	}
	.dian13 div{
		animation: t13 0.6s linear 0s 1;
		height: 285px;
	}
	.dian14 div{
		animation: t14 0.7s linear 0s 1;
		    height: 300px;
	}
	@keyframes t1{
		from{height: 0;}
		to{height: 200px;}
	}
	
	@keyframes t2{
		from{height: 0;}
		to{height: 365px;}
	}
	@keyframes t3{
		from{height: 0;}
		to{height: 270px;}
	}
	
	@keyframes t4{
		from{height: 0;}
		to{height: 425px;}
	}
	@keyframes t5{
		from{height: 0;}
		to{height: 400px;}
	}
	@keyframes t6{
		from{height: 0;}
		to{height: 330px;}
	}
	@keyframes t7{
		from{height: 0;}
		to{height: 318px;}
	}
	@keyframes t8{
		from{height: 0;}
		to{height: 440px;}
	}
	@keyframes t9{
		from{height: 0;}
		to{height: 295px;}
	}
	@keyframes t10{
		from{height: 0;}
		to{height: 400px;}
	}
	@keyframes t11{
		from{height: 0;}
		to{height: 275px;}
	}
	@keyframes t12{
		from{height: 0;}
		to{height: 425px;}
	}
	@keyframes t13{
		from{height: 0;}
		to{height: 285px;}
	}
	@keyframes t14{
		from{height: 0;}
		to{height: 300px;}
	}
	.h-medie-ul li a .h-medie-text p,.case-else-list .swiper-slide .swiper-text-top p{
		font-size: 16px;
	}
	.h-medie-ul li a .h-medie-text h5,.case-else-list .swiper-slide .swiper-text-top h5{
		font-size: 18px;
	}
	.h-medie-ul li a .h-medie-img{
		height: 255px;
	}
	.services-detail-title h3 {
	    font-size: 26px;
	}
	.services-detail-img {
	    height: 525px;
	}
	.services-detail-ul div h4{
		font-size: 20px;
	}
	.services-detail-ul div p{
		font-size: 16px;
	}
	.services-detail-ul{
		padding: 25px 0 20px;
	}
	.services-detail-left h4, .services-detail-left h3 {
	    font-size: 20px;
	}
	.h-medie-ul{
		margin-bottom: 20px;
	}
	.case-detail-title h3 {
	    font-size: 28px;
	}
	.case-else-list .swiper-slide .swiper-img-div{
		height: 210px;
	}
	.case-detail-else {
	    padding: 60px 0 30px;
	}
	.case-detail-right {
	    height: 360px;
	}
	.case-detail-text .swiper-button-white{
		background-size: 20px;
	}
	.case-detail-text {
	    margin-bottom: 70px;
	    min-height: 400px;
	}
	.news-list-top {
	    margin-top: 50px;
	}
	.news-title p{
		font-size: 22px;
	}
	
	.news-title h3{
		line-height: 60px;
	}
	.news-list-t-left h4, .join-list-ul li .join-top h4 {
	    font-size: 22px;
	}
	.news-list-top .case-detail-right-t,.news-list-top .case-detail-right{
		width: 43%;
	}
	.news-list-top .case-detail-left{
		width: 50%;
	}
	.news-list-ul li .news-list-t {
	    cursor: pointer;
	    padding: 15px 0;
	}
	.news-list-top .case-detail-text{
		    margin-bottom: 35px;
		    min-height: 350px;
	}
	.news-list-top .case-detail-right{
		height: 325px;
	}
	.join-list-ul {
	    margin-top: 50px;
	}
	.join-top-text h3, .join-top-text h5{
		font-size: 18px;
	}
	.join-list-ul li .join-top {
	    padding: 20px 0;
	    cursor: pointer;
	}
	.contact-text-left h3 {
	    font-size: 30px;
		line-height: 30px;
	}
	
}

@media (max-width:1280px) {
	html {
		width: 1280px;
		margin: auto;
		max-width: 100%;
	}
	.wrap-nav{
		width: 1280px;
		margin: auto;
		/* max-width: 1280px; */
	}
	.wrap {
		width: 1280px;
		margin: auto;
		/* max-width: 1280px; */
	}

	.wrap2 {
		width: 1200px;
		margin: auto;
	}
.left-side{
	/* min-width: 168px; */
}
body.white #header, body.white #footer{
	padding-left: 10%;
}

}


@media (max-width:1200px) {
	
	.s-text{
		right: 10%;
	}
	.h-medie-ul li a .h-medie-img {
	    height: 220px;
	}
	
}

@media (max-width:992px) {
	.index-banner{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		height: auto;
	}
	.index-banner .index-banner-left{
		
	}
	.index-banner .index-banner-right{
		
	}
	.index-banner .index-banner-t{
		width: 100%;
	}
	.index-body #header{
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
	}
	#header.on{
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
	}
	.main{
		margin-bottom: 0!important;
	}
	
	#footer{
		position: relative;
	}
	.index-banner-text {
	    margin-top: 0;
	    padding: 90px 0;
	}
	.index-banner-text h2, .n-ban-div h2{
		font-size: 36px;
		line-height: 50px;
		margin-bottom: 15px;
	}
	.index-banner .index-banner-t .index-banner-text{
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		max-width: 94%;
		margin: auto;
	}
	.menu{
		display: block;
	}
	.index-body .header-logo .img1{
		width: 50px;
	}
	.header-one{
		padding: 5px 0;
	}
	.menu span{
		background: #ED6135;
	}
	.index-body .menu span,body.white .menu span,body.white.zz #header.cc .menu span{
		background: #ffffff;
	}
	#header.on{
		background: #FFFFFF!important;
		/* border-bottom: 2px solid #ED6135; */
	}
	#header.on .menu span{
		background: #ED6135;
	}
	body.white #header.cc .menu span{
		background: #ED6135;
	}
	.index-banner-right{
		padding-top: 25px;
	}
	.index-banner-text a{
		font-size: 20px;
	}
	.index-body .header-one {
	    height: auto;
	    line-height: normal;
	    box-sizing: border-box;
	}
	.index-body .header-logo{
		margin-top: 0;
	}
	 .header-nav{
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		background: #ED6135;
		display: none;
		padding: 10px 0;
		border-top: 1px solid rgba(255,255,255,0.15);
	}
	.header-nav ul li{
		float: none;
		    display: block!important;
			box-sizing: border-box;
			padding-left: 15px;
			padding-right: 15px;
	}
	.header-nav ul li a{
		margin-left: 0;
		display: block;
		padding: 10px 0;
		text-align: center;
		color: #FFFFFF!important;
	}
	.header-nav.on ul li a{
		color: #FFFFFF!important;
	}
	.header-nav ul li:nth-of-type(even){
		background: rgba(255,255,255,0.2);
	}
	
	.left-side{
		display: none;
	}
	
	.left-side span{
		width: 100px;
		text-align: center;
		right: -35px;
	}
	
	.header-one{
		height: 75px;
		line-height: 75px;
		box-sizing: border-box;
	}
	.header-logo{
		line-height: normal;
		margin-top: 15px;
	}
	.menu{
		margin-top: 25px;
	}
	body.white .header-nav ul li.active a::after, body.ab-d .header-nav ul li.active a::after{
		background: none!important;
	}
	body.white #header, body.white #footer{
		padding-left: 0;
	}
	body.white #header, body.white #footer, body.white{
		padding-left: 0;
	}
	.n-banner{
		height: auto;
	}
	.n-ban-text{
		padding: 150px 0;
	}
	.n-ban-div p{
		margin-top: 35px;
	}
	
	.what-do-right .what-do-div{
		height: auto;
	}
	.what-text h3, .services-title h3, .news-title h3{
		font-size: 28px;
	}
	.title-small h3 {
	    font-size: 24px;
	}
	.services-list a{
		font-size: 18px;
	}
	.s-text {
	    right: 4%;
		top: 76%;
	}
	.medie-ul li, .medie-ul li .medie-text {
	    height: 380px;
	}
	.medie-ul li .medie-text{
		padding: 50px 11% 25px 30px;
		    width: 44%;
	}
	.medie-ul li .medie-text span{
		margin-bottom: 16px;
	}
	.services-med h4, .medie-ul li .medie-text h4 {
	    font-size: 26px;
	    line-height: 26px;
	}
	.h-medie-ul li a .h-medie-img {
	    height: 180px;
	}
	.h-medie-ul li a .h-medie-text h5{
		line-height: 24px;
	}
	.services-detail-title h3 {
	    font-size: 22px;
	}
	.services-detail-img {
	    height: 370px;
	}
	.services-detail-ul div{
		padding-left: 20px;
	}
	.header-nav ul li a::after{
		background: none;
	}
	#footer{
		padding-top: 1px;
	}
	.case-detail-title h3 {
	    font-size: 22px;
	}
	.case-detail-right {
	    height: 280px;
	}
	.case-else-list .swiper-slide .swiper-img-div {
	    height: 180px;
	}
	.news-title p {
	    font-size: 18px;
	}
	._page_container{
		margin: 50px auto 0!important;
	}
	
	.index-body #header{
		background: #ED6135;
	}
	.gg-ul li a {
	    font-size: 28px;
	}
	.contact-body #header.cc{
		background: #FFFFFF;
	}
}

@media (max-width:750px) {
	
	.footer-nav ul{
		flex-wrap: wrap;
	}
	.footer-nav ul li {
	    margin-bottom: 10px;
	}
	.footer-nav ul li a{
		font-size: 16px;
	}
	.footer-center-left h3 {
	    font-size: 20px;
		line-height: 32px;
	}
	.footer-center-left p{
		font-size: 16px;
	}
	.footer-center-right a {
	    font-size: 14px;
	    padding: 0px 30px;
	}
	.footer-center-right {
	    float: left;
	    margin-top: 15px;
	}
	.footer-top{
		padding: 15px 0;
	}
	.footer-copy p, .footer-copy p a{
		font-size: 14px;
	}
	.footer-call p, .footer-call p a{
		font-size: 14px;
	}
	.footer-center {
	    margin-top: 10px;
	    margin-bottom: 15px;
	}
	.index-banner-text h2, .n-ban-div h2{
		font-size: 30px;
		line-height: 24px;
	}
	.index-banner-text p{
		font-size: 18px;
	}
	.index-banner-text a {
	    font-size: 18px;
	}
	
	.index-body .header-logo .img1 {
	    width: 40px;
	}
	.index-body .menu {
	    margin-top: 19px;
	}
	.header-logo a{
		display: block;
	}
	.n-ban-div {
	    width: 100%;
	}
	.header-logo a .img2,.header-logo a .img3{
		width: 150px;
	}
	.header-one {
	    height: 65px;
	    line-height: 65px;
	    box-sizing: border-box;
	}
	.menu {
	    margin-top: 20px;
	}
	.news-list-top .case-detail-left {
	    width: 100%;
	}
	.news-list-top .case-detail-right-t, .news-list-top .case-detail-right {
	    width: 100%;
	}
	.news-list-t-left h4, .join-list-ul li .join-top h4 {
	    font-size: 17px;
		line-height: 26px;
	}
	.news-list-t-left span{
		font-size: 16px;
	}
	.news-list-ul li .news-list-t {
	    cursor: pointer;
	    padding: 10px 0;
	}
	._page_container ._jumper {
	    /* color: #606266;
	    margin: 0 10px;
	    margin-top: 15px;
	    margin-left: auto;
	    width: 100%;
	    text-align: right; */
	}
	.news-title p {
	    font-size: 16px;
	}
	.news-list-top {
	    margin-top: 15px;
	}
	.news-list-t i{
		font-size: 12px;
		display: block;
	}
	#footer{
		z-index: 1;
	}
	.n-ban-div p{
		font-size: 16px;
		line-height: 30px;
	}
	.n-ban-text {
	    padding: 115px 0 80px;
	}
	.what-do-left{
		width: 100%;
		position: unset;
		position: initial;
		position: static;
	}
	.what-do-right{
		width: 100%;
		    
			position: relative;
			
	}
	.what-do-right::after{
		position: absolute;
		content: "";
		left: -15%;
		right: 0;
		margin: auto;
		background: #2E3551;
		top: 0;
		height: 100%;
		width: 130%;
		z-index: -1;
	}
	.what-do::after{
		display: none;
	}
	.what-text h3, .services-title h3, .news-title h3 {
	    font-size: 22px;
	}
	.what-do {
	    padding: 25px 0 30px;
		overflow: hidden;
	}
	.what-text h3{
		line-height: 30px;
		margin-bottom: 5px;
	}
	.what-text p{
		font-size: 16px;
		line-height: 30px;
	}
	.gg-ul li a {
	    font-size: 20px;
	}
	.gg-ul li {
	    margin-bottom: 0px;
	}
	.gg-ul {
	    margin-top: 20px;
	}
	
	.more a {
	    font-size: 16px;
		margin-top: 25px;
	}
	.what-do-right {
	    margin-top: 20px;
		padding-top: 20px;
	}
	.what-do-text h5::after{
		width: 8%;
	}
	.gg-ul li a.active {
	    color: #181818;
	}
	.what-do-text h5::after {
	    width: 18px;
		left: -24px;
	}
	.what-do-text h5{
		font-size: 20px;
		margin-bottom: 0;
	}
	.what-do-text p {
	    font-size: 16px;
		line-height: 30px;
	}
	.what-do-text a{
		font-size: 16px;
		margin-top: 15px;
	}
	.what-do-img {
	    padding-left: 0;
	}
	.what-do-right .what-do-div{
		padding-left: 4%;
	}
	.what-do-text {
	    padding: 0px 0% 8% 0px;
	}
	.what-who {
	    padding: 30px 0;
	}
	.what-who-video {
	    margin-top: 20px;
	}
	.people-ul li{
		width: 50%;
		    margin: 12px 0;
	}
	.people-ul li a img{
		max-height: 65px;
		transform: scale(0.79);
	}
	.kong{
		display: none;
	}
	.services, .case-div, .case-detail, .news, .join, .contact {
	    padding-top: 85px;
	}
	.services-title{
		width: 100%;
	}
	.services-title h3{
		line-height: 34px;
	}
	.services-list{
		width: 100%;
		    float: left;
			margin-top: 10px;
	}
	.services-list a{
		font-size: 15px;
		line-height: 28px;
		padding: 7px 0;
		    margin: 0 5px;
	}
	.title-small h3 {
	    font-size: 18px;
	}
	.services-med h4, .medie-ul li .medie-text h4 {
	    font-size: 20px;
	    line-height: 26px;
		    margin-bottom: 10px;
	}
	.services-med .med-text{
		    padding: 20px 15px 20px 15px;
	}
	.services-med span{
		margin-bottom: 10px;
	}
	.title-small h3{
		line-height: 34px;
	}
	.title-small {
	    margin-bottom: 10px;
	}
	.services-medie {
	    padding: 30px 0 30px;
	}
	.map-div .dian i{
		width: 25px;
		height: 20px;
	}
	.map-div .dian.lan i{
		width: 20px;
		height: 15px;
	}
	.s-text {
	    top: 70%;
	    width: 94%;
	    left: 0;
	    right: 0;
	    margin: auto;
	    bottom: 0;
	}
	.map-div .dian div{
		width: 30px;
	}
	.map-div .dian a{
		font-size: 12px;
	}
	.dian1 div{
		animation: t1 0.6s linear 0s 1;
		height: 155px;
	}
	.dian2 div {
	    animation: t2 0.7s linear 0s 1;
	    height: 230px;
	}
	.dian3 div {
	    height: 170px;
	    animation: t3 0.6s linear 0s 1;
	}
	.dian4 div {
	    animation: t4 0.7s linear 0s 1;
	    height: 206px;
	}
	.dian5 div {
	    animation: t5 0.6s linear 0s 1;
	    height: 220px;
	}
	.dian6 div {
	    animation: t6 0.7s linear 0s 1;
	    height: 198px;
	}
	.dian7 div {
	    animation: t7 0.6s linear 0s 1;
	    height: 230px;
	}
	.dian8 div {
	    animation: t8 0.7s linear 0s 1;
	    height: 195px;
	}
	.dian8{
		left: 36%;
	}
	.dian9 div {
	    animation: t9 0.6s linear 0s 1;
	    height: 215px;
	}
	.dian9{
		left: 40%;
	}
	.dian10 div {
	    animation: t10 0.7s linear 0s 1;
	    height: 247px;
	}
	.dian11 div {
	    animation: t11 0.6s linear 0s 1;
	    height: 172px;
	}
	.dian12 div {
	    animation: t12 0.7s linear 0s 1;
	    height: 235px;
	}
	.dian12{
		left: 56%;
	}
	.dian13 div {
	    animation: t13 0.6s linear 0s 1;
	    height: 180px;
	}
	.dian14 div {
	    animation: t14 0.7s linear 0s 1;
	    height: 180px;
	}
	.map-div{
		margin-top: 210px;
	}
	.services-md {
	    margin-top: 25px;
	}
	.services-bac{
		height: 475px;
		    margin-top: -315px;
	}
	.s-text p{
		width: 100%;
	}
	.services-med p{
		line-height: 30px;
	}
	@keyframes t1{
		from{height: 0;}
		to{height: 155px;}
	}
	
	@keyframes t2{
		from{height: 0;}
		to{height: 230px;}
	}
	@keyframes t3{
		from{height: 0;}
		to{height: 170px;}
	}
	
	@keyframes t4{
		from{height: 0;}
		to{height: 206px;}
	}
	@keyframes t5{
		from{height: 0;}
		to{height: 220px;}
	}
	@keyframes t6{
		from{height: 0;}
		to{height: 198px;}
	}
	@keyframes t7{
		from{height: 0;}
		to{height: 230px;}
	}
	@keyframes t8{
		from{height: 0;}
		to{height: 195px;}
	}
	@keyframes t9{
		from{height: 0;}
		to{height: 215px;}
	}
	@keyframes t10{
		from{height: 0;}
		to{height: 247px;}
	}
	@keyframes t11{
		from{height: 0;}
		to{height: 172px;}
	}
	@keyframes t12{
		from{height: 0;}
		to{height: 235px;}
	}
	@keyframes t13{
		from{height: 0;}
		to{height: 180px;}
	}
	@keyframes t14{
		from{height: 0;}
		to{height: 180px;}
	}
	.medie-ul li .medie-text,.medie-ul li .medie-img{
		position: unset;
		position: initial;
		position: static;
	}
	.medie-ul li .medie-text{
		background: rgba(225,227,227,1);
		padding: 20px 15px 20px 15px;
		background-image: none;
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
	.medie-ul li .medie-text p{
		line-height: 30px;
	}
	.medie-ul li .medie-img{
		height: 225px;
		width: 100%;
	}
	.h-medie-ul li {
	    margin-bottom: 20px;
	    margin-right: 0;
	    width: 100%;
	}
	.h-medie-ul{
		margin-top: 30px;
	}
	.h-medie-ul li a .h-medie-img {
	    height: 210px;
	}
	.services-detail-title h5{
		font-size: 24px;
	}
	.services-detail-title h3 {
	    font-size: 18px;
		line-height: 30px;
	}
	.services-detail-ul{
		flex-wrap: wrap;
		padding: 15px 0 15px;
	}
	.services-detail-ul div{
		width: 100%;
	}
	.services-detail-title h5 {
	    font-size: 20px;
	}
	.services-detail-title {
	    margin-bottom: 15px;
	}
	.services-detail-img {
	    height: 200px;
	}
	.services-detail-ul div h4 {
	    font-size: 17px;
		margin-bottom: 0;
	}
	.services-detail-ul div p {
	    font-size: 14px;
	}
	.services-detail-ul div {
	    padding-left: 10px;
	}
	.services-detail-right{
		width: 100%;
	}
	.services-detail-left{
		width: 100%;
	}
	.services-detail-text{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		    margin: 40px 0;
	}
	.services-detail-left h4, .services-detail-left h3 {
	    font-size: 16px;
		line-height: 30px;
		
	}
	.services-detail-left p{
		font-size: 15px;
	}
	.services-p .what-text h3{
		line-height: 30px;
		    margin-bottom: 5px;
			font-size: 22px;
	}
	.services-p {
	    padding: 30px 0;
	}
	.case-div{
		padding-bottom: 30px;
	}
	.case-detail-title h5{
		font-size: 20px;
	}
	.case-detail-title h3 {
	    font-size: 18px;
		line-height: 30px;
	}
	.case-detail-title {
	    margin-bottom: 15px;
	}
	.case-detail-left{
		width: 100%;
		float: none;
	}
	.case-detail-right{
		width: 100%;
		position: unset;
		position: static;
		position: initial;
	}
	.case-detail-left p{
		font-size: 15px;
		margin-bottom: 5px;
	}
	.case-detail-left .case-detail-top p{
		font-size: 15px;
		line-height: 24px;
	}
	.case-detail-right {
	    height: 175px;
		margin-top: 20px;
	}
	.case-detail-text .swiper-button-white {
	    background-size: 15px;
	}
	.case-detail-text{
		margin-bottom: 40px;
	}
	.case-detail-else {
	    padding: 30px 0 30px;
	}
	.about-case-title h3{
		font-size: 22px;
		line-height: 30px;
	}
	.about-case-title {
	    margin-bottom: 20px;
	}
	.case-detail-else {
	    padding: 30px 0 30px;
	}
	.h-medie-ul li a .h-medie-text p, .case-else-list .swiper-slide .swiper-text-top p {
	    font-size: 15px;
	}
	.case-else-list .swiper-container {
	    padding-bottom: 65px;
	}
	.swiper-container-horizontal>.swiper-scrollbar{
		width: 85%;
	}
	.case-detail-right-t{
		width: 100%;
	}
	.case-detail-right-t video{
		width: 100%!important;
	}
	.news-title h3 {
	    line-height: 30px;
		    margin-bottom: 10px;
	}
	.news-title p {
	    font-size: 15px;
		line-height: 26px;
	}
	.news-list-ul li .news-list-t h4::after{
		height: 4px;
	}
	.news-list-ul li .news-list-t {
	    cursor: pointer;
	    padding: 12px 0;
	}
	
	.news-list-top .case-detail-right {
	    height: 220px;
	}
	.contact-text-left {
	    float: left;
	    width: 45%;
	}
	
	._page_container ._jumper{
		margin-top: 10px!important;
	}
	.join-list-ul {
	    margin-top: 25px;
	}
	.join-list-ul li .join-top {
	    padding: 10px 0;
	    cursor: pointer;
	}
	.join-list-ul li .join-top i::after {
	    height: 16px;
		width: 2px;
		top: 7px;
	}
	.join-list-ul li .join-top i::before {
	    width: 16px;
		height: 2px;
	}
	.join-list-top {
	    padding-bottom: 35px;
	}
	.join-top-text h3, .join-top-text h5 {
	    font-size: 15px;
	}
	.join-top-text p {
	    font-size: 15px;
	    line-height: 28px;
	    color: #656E7A;
	}
	.contact-text-left{
		width: 100%;
	}
	.contact-text-left h3 {
	    font-size: 22px;
	    line-height: 30px;
		padding: 10px 0;
		margin-bottom: 20px;
	}
	.contact-div {
	    margin-top: 20px;
	}
	.contact-div p br{
		display: none;
	}
	.contact-div h5{
		margin-bottom: 7px;
	}
	.contact-map{
		position: unset;
		position: initial;
		position: static;
		height: 350px;
		width: 100%;
		margin-top: 10px;
	}
	.contact-box{
		height: auto;
		
	}
	.h-medie-ul li a .h-medie-text h5::after,.h-medie-ul li a .h-medie-text h5::after,.case-else-list .swiper-slide a .swiper-text-top h5::after{
		height: 4px;
	}
	
	
	
	
	
	
	
}

@media (max-width:500px) {
	
	
	
	
}