@font-face {
  font-family: 'icons';
  src: url("../fonts/icons.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
:root{
	--main-color: #3fbdd6;
}
@font-face {
  font-family: '思源黑体';
  src: url("../fonts/SourceHanSansCN-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
:root{
	--main-color: #3fbdd6;
}
.wrap{width: 1160px;margin: 0 auto;}
.wrap2{width: 90%;margin: 0 auto;}
body{font-family: 'Microsoft YaHei','PingFang-Bold','PingFang SC Bold','Microsoft YaHei UI','WenQuanYi Micro Hei','sans-serif';; color: #1f2021;transition: 0.3s; background-color: #eee;padding-top: 91px;}
/* 导航 */
.waiofh{overflow: hidden;}
header{
	/*background-color: #fff;*/
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);
    transition: 0.5s;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #eee;
    z-index: 99;
}
header.tosmall{
	top: -101px;
}
.headerbox{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 20px 0 20px;
}
.headerbox .logobox img{
	height: 51px;
	transition: 0.3s;
}
.headerbox.tosmall .logobox img{
	height: 40px;
}
.headerbox .menubox{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.headerbox .menubox .partbox{
	font-size: 18px;
	margin-left: 80px;
	line-height: 1.2;
	overflow: hidden;
	position: relative;
}
.headerbox .menubox .partbox a{
	display: block;
	transition: 0.3s;
}
.headerbox .menubox .partbox a.on{
	color: var(--main-color);
}
.headerbox .menubox .partbox .span{
	position: absolute;
	top: 100%;
	left: 0;
	transition: 0.3s;
}
.headerbox .menubox .partbox:hover{
	color: var(--main-color);
}
.headerbox .menubox .partbox:hover a,.headerbox .menubox .partbox:hover .span{
	transform: translateY(-100%);
}
.sjmenubtn{display: none;}
.menubtn{
	width: 30px;
	height: 21px;
	position: relative;
	cursor: pointer;
}
.menubtnpart{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: -100vh;
	background-color: #eee;
	opacity: 1;
	pointer-events: none;
	z-index: 99;
	transition: 0.6s;
}
.menubtnpart.on{
	top: 0;
	opacity: 1;
	pointer-events: auto;
}
.menubtnpart .closebox{
	height: 101px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: flex-end;
}
.menubtnpart .menulist{
	height: calc(100vh - 101px);
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
}
.menubtnpart .menulist .partbox{
	font-size: 85px;
	position: relative;
	overflow: hidden;
}
.menubtnpart .menulist .partbox a{
	display: block;
	transition: 0.3s;
}
.menubtnpart .menulist .partbox .span{
	position: absolute;
	top: 100%;
	transition: 0.3s;
}
.menubtnpart .menulist .partbox:hover a{
	transform: translateY(-100%);
}
.menubtnpart .menulist .partbox:hover .span{
	transform: translateY(-100%);
	color: var(--main-color);
}
.menubtnpart .menulist .partbox .childmenu{
	position: absolute;
	right: 0;
	top: 100%;
	display: flex;
	display: -webkit-flex;
	opacity: 0;
	transition: 2s;
}
.menubtnpart.on .menulist .partbox .childmenu{
	opacity: 1;
}
.menubtnpart .menulist .partbox .childmenu a{
	margin-left: 30px;
	font-size: 28px;
	padding-bottom: 16px;
}
.menubtnpart .menulist .partbox .childmenu a:hover{
	color: var(--main-color);
}
.menubtn div{
	transition: 0.3s;
}
.menubtn div:nth-child(1){
	width: 28px;
	height: 2px;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
}
.menubtn div:nth-child(2){
	width: 16px;
	height: 2px;
	background-color: var(--main-color);
	position: absolute;
	top: 9px;
}
.menubtn div:nth-child(3){
	width: 28px;
	height: 2px;
	background-color: var(--main-color);
	position: absolute;
	top: 19px;
}
.menubtn.on div:nth-child(1){
	top: 9px;
	transform: rotateZ(-45deg);
}
.menubtn.on div:nth-child(2){
	display: none;
}
.menubtn.on div:nth-child(3){
	top: 9px;
	transform: rotateZ(45deg);
}
.videobox video{
	width: 100%;
}
.videoswiper .imgbox{
	position: relative;
}
.videoswiper .imgbox>img{
	width: 100%;
}
.videoswiper .imgbox .poimg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.videoswiper .imgbox .poimg img{
	display: block;
	max-width: 1160px;
	opacity: 0;
	transition: 0.5s;
}
.videoswiper .imgbox:hover .poimg img{
	opacity: 1;
}
.habout{
	position: relative;
	/*overflow: hidden;*/
}
.habout.activeed:after{
	content: "";
	display: block;
	width: 1100px;
	height: 420px;
	background: var(--main-color);
	border-radius: 210px;
	position: absolute;
	top: 73px;
	left: -40px;
	transform: rotateZ(-45deg);
	z-index: -1;
	animation: tantiao 2s linear forwards;
}
@keyframes tantiao{
	0%{clip-path: circle(0%);}
	100%{clip-path: circle(100%);}
}
.habout .top{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: baseline;
	padding-top: 100px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.habout .top:after{
	content: "";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	background-color: #000;
	bottom: -1px;
	left: 0;
	transition: 2s;
}
.habout.activeed .top:after{
	width: 100%;
}
.habout .top .entitle{
	font-size: 130px;
	font-weight: bold;
	line-height: 1;
	vertical-align: text-bottom;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}
.habout .top .title{
	font-size: 54px;
	font-weight: bold;
	line-height: 74px;
	width: 50%;
	padding-left: 200px;
	box-sizing: border-box;
}
.habout .bottom{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding-top: 70px;
	padding-bottom: 20px;
}
.habout .bottom .leftpart{
	text-align: center;
	width: 50%;
	box-sizing: border-box;
}
.habout .bottom .leftpart img{
	display: block;
	margin: 0 auto;
	height: 280px;
}
.habout .bottom .leftpart span{
	display: block;
	font-size: 58px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
}
.habout .bottom .leftpart span:last-child{
	display: block;
	font-size: 38px;
	margin-top: 20px;
	margin-bottom: 0;
}
.habout .bottom .rightpart{
	width: 50%;
	padding-left: 200px;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
}
.habout .bottom .rightpart span{
	display: block;
	font-size: 18px;
	/*margin-bottom: 87px;*/
}
.hhistory{
	padding: 200px 85px 70px;
}
.hhistory .biaoti{
	position: relative;
}
.hhistory .biaoti .title{
	font-size: 38px;
	font-weight: bold;
}
.hhistory .biaoti .logosvg{
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: -1;
}
.logosvg{
	transform: rotateZ(45deg);
}
.logosvg path{
	stroke-dasharray: 260px;
	stroke-dashoffset: -260px;
}
.hhistory.activeed .logosvg path,.logosvgbox.activeed .logosvg path,.footerbox.activeed .logosvg path{
	stroke-dasharray: 260px;
	stroke-dashoffset: -260px;
	stroke-width: 3;
	animation: huaxian 6s ease infinite;
}
.footerbox.activeed .logosvg path{
	stroke-dasharray: 260px;
	stroke-dashoffset: -260px;
	stroke-width: 3;
	animation: huaxian01 6s ease infinite;
}
/*@keyframes huaxian{
	to{
		stroke-dashoffset: 0;
	}
}*/
@keyframes huaxian{
	0%{stroke-dashoffset: -260;}
	50%{stroke-dashoffset: 0;}
	100%{stroke-dashoffset: 260;}
}
@keyframes huaxian01{
	0%{stroke-dashoffset: -260;}
	50%{stroke-dashoffset: 0;}
	100%{stroke-dashoffset: 260;}
}
.hhistory .mainbox{
	height: 600px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.hhistory .mainbox .wavesvg{
	position: absolute;
	top: 100px;
	left: 0;
	overflow: visible;
}
.hhistory .mainbox .licheng{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.hhistory .mainbox .licheng .partbox{
	width: 12.5%;
	text-align: center;
	height: 100px;
	padding-top: 30px;
	box-sizing: border-box;
	font-size: 14px;
	position: relative;
}
.hhistory .mainbox .licheng .partbox:nth-child(odd){
	padding-top: 50px;
}
.hhistory .mainbox .licheng .partbox:first-child,.hhistory .mainbox .licheng .partbox:last-child{
	width: 6.25%;
}
.hhistory .mainbox .licheng .partbox:first-child{
	transform: translateX(-36%);
}
.hhistory .mainbox .licheng .partbox:last-child{
	transform: translateX(36%);
}
.hhistory .mainbox .licheng .partbox .textbox{
	width: 200%;
	transform: translateX(-55px);
	position: absolute;
	top: 100%;
	padding-top: 60px;
	opacity: 0;
	transition: 0.3s;
}
.hhistory .mainbox .licheng .partbox .years{
	font-weight: bold;
}
.hhistory .mainbox .licheng .partbox:hover .textbox{
	opacity: 1;
}
.hhistory .mainbox .licheng .partbox .textbox>div{
	position: relative;
	padding-left: 20px;
	/*padding-right: 10px;*/
	padding-right: 20px;
	text-align: left;
	box-sizing: border-box;
}
.hhistory .mainbox .licheng .partbox .textbox>div:after{
	content: "";
	display: block;
	position: absolute;
	left: 8px;
	top: 11px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: var(--main-color);
	color: var(--main-color);
}
.hhistory .mainbox .licheng .partbox:nth-child(even) .textbox{
	width: 200%;
	transform: translateX(-55px);
	position: absolute;
	top: unset;
	bottom: 100%;
	left: 0;
	padding-top: 0;
	padding-bottom: 60px;
}
.hhistory .mainbox .licheng .partbox:first-child .textbox{
	width: 400%;
	transform: translateX(-85px);
	position: absolute;
}
.hhistory .mainbox .licheng .partbox:last-child .textbox{
	width: 400%;
	transform: translateX(-75px);
	position: absolute;
}
.hhistory .mainbox .licheng .partbox .textbox:after{
	content: "";
	display: block;
	width: 0;
	height: 50px;
	border-left: 1px dashed var(--main-color);
	position: absolute;
	left: 50%;
	top: 0;
}
.hhistory .mainbox .licheng .partbox:nth-child(even) .textbox:after{
	content: "";
	display: block;
	width: 0;
	height: 50px;
	border-left: 1px dashed var(--main-color);
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 0;
}
.hhistory.activeed .wavesvg path:nth-child(2){
	stroke-dasharray: 1800;
	stroke-dashoffset: 1800;
	stroke-width: 4;
	animation: huawave 16s linear forwards 600ms;
}
@keyframes huawave{
	to{
		stroke-dashoffset: 0;stroke-dasharray: 1800;
	}
}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(1) .textbox{animation: fadeshow 0.5s linear  0.6s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(2) .textbox{animation: fadeshow 0.5s linear 2.3s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(3) .textbox{animation: fadeshow 0.5s linear 3.6s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(4) .textbox{animation: fadeshow 0.5s linear 4.9s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(5) .textbox{animation: fadeshow 0.5s linear 6.2s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(6) .textbox{animation: fadeshow 0.5s linear 7.5s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(7) .textbox{animation: fadeshow 0.5s linear 8.8s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(8) .textbox{animation: fadeshow 0.5s linear 10.1s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(9) .textbox{animation: fadeshow 0.5s linear 11.4s forwards;}
.hhistory.activeed .mainbox .licheng .partbox:nth-child(10) .textbox{animation: fadeshow 0.5s linear 12.8s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle1{animation: tobig 0.8s linear 0.6s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle2{animation: tobig 0.8s linear 2.3s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle3{animation: tobig 0.8s linear 3.6s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle4{animation: tobig 0.8s linear 4.9s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle5{animation: tobig 0.8s linear 6.2s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle6{animation: tobig 0.8s linear 7.5s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle7{animation: tobig 0.8s linear 8.8s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle8{animation: tobig 0.8s linear 10.1s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle9{animation: tobig 0.8s linear 11.4s forwards;}
.hhistory.activeed .mainbox .wavesvg .circle10{animation: tobig 0.8s linear 12.8s forwards infinite;}
@keyframes fadeshow{
	to{
		opacity: 1;
	}
}
@keyframes tobig{
	0%{r: 8;}
	50%{r: 13;}
	100%{r: 8;}
}
@keyframes tobig2{
	0%{r: 8;}
	50%{r: 13;}
	100%{r: 8;}
}
.htitle{
	font-size: 90px;
	text-align: center;
	font-weight: bold;
}
.htitle2{
	font-size: 40px;
	text-align: center;
	font-weight: bold;
}
.logosvgbox{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	padding: 20px 0;
}
.hwcus .mainbox{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.hwcus .mainbox .partbox{
	height: 340px;
	background-color: var(--main-color);
	padding-top: 60px;
	padding-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
}
.hwcus .mainbox .partbox1{
	width: 350px;
	border-radius: 170px 0 0 170px;
	box-shadow: -6px -5px 3px -2px rgba(255, 255, 255, 1.0), -11px -8px 3px -2px rgba(0, 0, 0, 1.0);
	padding-left: 110px;
	padding-right: 40px;
}
.hwcus .mainbox .partbox1:hover{
	transform: translateY(-5px);
	box-shadow: -6px -5px 3px -2px rgba(255, 255, 255, 1.0), -11px -8px 3px -2px rgba(0, 0, 0, 1.0) ,6px 1px 2px -2px rgba(63, 189, 214, 1.0);
}
.hwcus .mainbox .partbox2{
	width: 240px;
	border-radius: 40px;
	margin: 0 20px;
	box-shadow: -9px -7px 6px -2px rgb(0 0 0);
	padding-left: 20px;
	padding-right: 20px;
}
.hwcus .mainbox .partbox2:hover{
	transform: translateY(-5px);
	box-shadow: -11px -8px 1px -2px rgba(0, 0, 0, 1.0),6px 1px 2px -2px rgba(63, 189, 214, 1.0);
}
.hwcus .mainbox .partbox3{
	width: 350px;
	border-radius: 0 170px 170px 0;
	box-shadow: -6px -5px 3px -2px rgba(255, 255, 255, 1.0), -11px -8px 3px -2px rgba(0, 0, 0, 1.0);
	padding-left: 40px;
	padding-right: 80px;
}
.hwcus .mainbox .partbox3:hover{
	transform: translateY(-5px);
	box-shadow: -6px -5px 3px -2px rgba(255, 255, 255, 1.0), -11px -8px 3px -2px rgba(0, 0, 0, 1.0),6px 1px 2px -2px rgba(63, 189, 214, 1.0);
}
.hwcus .mainbox .partbox .title{
	font-size: 32px;
	margin-bottom: 40px;
	font-weight: bold;
}
.hwcus .mainbox .partbox .title span{
	font-size: 22px;
}
.hwcus .mainbox .partbox .des{
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}
.hwcus .mainbox .partbox2 .des{
	/*text-align: center;*/
}
.hustg{
	padding-top: 200px;
}
.hustg .mainbox{
	position: relative;
	width: 920px;
	height: 300px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.hustg .mainbox .wavesvg{
	position: absolute;
	top: 0;
	left: 0;
}
.hustg .mainbox .partlist{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	text-align: center;
}
.hustg .mainbox .partlist .partbox{
	width: 25%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.hustg .mainbox .partlist .partbox .title{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 140px;
	height: 140px;
	background-color: #000;
	/*border: 20px solid rgba(243,148, 92, 1.0);*/
	box-shadow: 0 0 0px 20px rgba(243,148, 92, 1.0);
	border-radius: 50%;
	font-size: 16px;
}
.hustg .mainbox .partlist .partbox .text{
	position: absolute;
	top: 250px;
	/*width: 140px;*/
	height: 144px;
	text-align: left;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	/*justify-content: flex-end;*/
	opacity: 0;
	transition: 0.6s;
	transform: translateY(-20px);
	line-height: 1.8;
}
.hustg .mainbox .partlist .partbox:hover .text{
	opacity: 1;
	transform: translateY(0px);
}
.hustg .mainbox .partlist .partbox:hover .title{
	/*border: 20px solid rgba(243,148, 92, 1.0);*/
	animation: bordershadow 1.5s linear infinite;
}
@keyframes bordershadow{
	0%{box-shadow: 0 0 0px 30px rgba(243,148, 92, 0.8) ,  0 0 0px 0px rgba(243,148, 92, 0);}
	100%{box-shadow: 0 0 0px 20px rgba(243,148, 92, 0.1) ,  0 0 0px 30px rgba(243,148, 92, 0.8);}
}
.hteam{
	padding-top: 200px;
}
.hteam .mainbox{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
.hteam .mainbox .sbwbox{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 1px;
	transform: translate(-50% , -50%);
	z-index: 0;
}
.hteam .mainbox .sbwbox div:nth-child(1){
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50% , -50%);
	animation: sbwbox1 3s linear infinite;
}
.hteam .mainbox .sbwbox div:nth-child(2){
	width: 137.5px;
	height: 137.5px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50% , -50%);
	animation: sbwbox2 3s linear infinite;
}
.hteam .mainbox .sbwbox div:nth-child(3){
	width: 275px;
	height: 275px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50% , -50%);
	animation: sbwbox3 3s linear infinite;
}
.hteam .mainbox .sbwbox div:nth-child(4){
	width: 412.5px;
	height: 412.5px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50% , -50%);
	animation: sbwbox4 3s linear infinite;
}
.hteam .mainbox .sbwbox div:nth-child(5){
	width: 550px;
	height: 550px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50% , -50%);
	animation: sbwbox5 3s linear infinite;
}
.hteam .mainbox .sbwbox div:nth-child(6){
	width: 687.5px;
	height: 687.5px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50% , -50%);
	animation: sbwbox6 3s linear infinite;
}
@keyframes sbwbox1{
	0%{width: 0;height: 0;background-color: rgba(63,189, 214, 0.98);}
	100%{width: 137.5px;height: 137.5px;background-color: rgba(63,189, 214, 0.86);}
}
@keyframes sbwbox2{
	0%{width: 137.5px;height: 137.5px;background-color: rgba(63,189, 214, 0.86);}
	100%{width: 275px;height: 275px;background-color: rgba(63,189, 214, 0.7);}
}
@keyframes sbwbox3{
	0%{width: 275px;height: 275px;background-color: rgba(63,189, 214, 0.7);}
	100%{width: 412.5px;height: 412.5px;background-color: rgba(63,189, 214, 0.54);}
}
@keyframes sbwbox4{
	0%{width: 412.5px;height: 412.5px;background-color: rgba(63,189, 214, 0.54);}
	100%{width: 550px;height: 550px;background-color: rgba(63,189, 214, 0.36);}
}
@keyframes sbwbox5{
	0%{width: 550px;height: 550px;background-color: rgba(63,189, 214, 0.36);}
	100%{width: 687.5px;height: 687.5px;background-color: rgba(63,189, 214, 0.18);}
}
@keyframes sbwbox6{
	0%{width: 687.5px;height: 687.5px;background-color: rgba(63,189, 214, 0.18);}
	100%{width: 825px;height: 825px;background-color: rgba(63,189, 214, 0);}
}
.hteam .mainbox .middle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 2;
}
.hteam .mainbox .middle .clipbox{
	position: relative;
	/*padding: 20px;*/
	/*padding-bottom: 0px;
	padding-bottom: 15px;*/
	margin-bottom: 20px;
	width: 260px;
	/*-webkit-clip-path:polygon(0% 0%, 100% 0%,100% 40%,30% 100%,0% 100% );*/
}
.hteam .mainbox .middle .clipbox img{
	width: 100%;
	transition: 0.8s;
}
.hteam .mainbox .middle .clipbox:hover img{
	transform: translateY(-10px);
}
/*.hteam .mainbox .middle .clipbox:before{
	content: "";
	display: block;
	height: 320px;
	width: 100px;
	border: 8px solid var(--main-color);
	border-radius: 50px;
	transform: rotateZ(45deg);
	position: absolute;
	bottom: -40px;
	left: 36%;
	z-index: 1;
	box-sizing: border-box;
	clip-path: polygon(90% 0, 0% 200%, 100% 100%, 100% 0%);
}
.hteam .mainbox .middle .clipbox:after{
	content: "";
	display: block;
	height: 320px;
	width: 100px;
	border: 8px solid var(--main-color);
	border-radius: 50px;
	transform: rotateZ(45deg);
	position: absolute;
	bottom: -40px;
	left: 36%;
	z-index: -1;
	box-sizing: border-box;
}*/
.hteam .mainbox .corner{
	width: 825px;
	height: 825px;
	border-radius: 50%;
	border: 1px solid #999;
	position: relative;
}
.hteam .mainbox .corner .partbox{
	text-align: center;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	align-items: center;
	max-width: 205px;
	color: #000;
	font-weight: bold;
}
.hteam .mainbox .corner .partbox .imgbox{
	width: 170px;
	height: 199px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 10px;
	transition: 0.8s;
}
.hteam .mainbox .corner .partbox:hover .imgbox{
	animation: tiaodong01 1.2s linear infinite;
}
@keyframes tiaodong01{
	0%{transform: translateY(0px);}
	50%{transform: translateY(-10px);}
	100%{transform: translateY(0px);}
}
.hteam .mainbox .corner .potl{
	position: absolute;
	top: 0;
	left: 0;
}
.hteam .mainbox .corner .potr{
	position: absolute;
	top: 0;
	right: 0;
}
.hteam .mainbox .corner .pobl{
	position: absolute;
	bottom: 0;
	left: 0;
}
.hteam .mainbox .corner .pobr{
	position: absolute;
	bottom: 0;
	right: 0;
}
.hbrand{
	padding-top: 200px;
}
.hbrand .mainbox{
	border: 1px solid #000;
	border-radius: 50px;
	padding: 70px 50px 0px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	align-items: center;
	box-sizing: border-box;
	transition: 0.3s;
}
.hbrand .mainbox:hover{
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
}
.hbrand .mainbox .partbox{
	width: calc(14.2857% - 43px);
	margin-right: 50px;
	margin-bottom: 70px;
	height: 107px;
	border-radius: 20px 0 20px 0;
	background-color: #fff;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 1.0);
	transition: 0.3s;
}
.hbrand .mainbox .partbox:hover{
	transform: translateY(-8px) scale(1.04);
}
.hbrand .mainbox .partbox:nth-child(7n){
	margin-right: 0;
}
.hbrand .mainbox .partbox img{
	max-width: 100%;
	max-height: 100%;
}
.hservice{
	padding-top: 200px;
}
.hservice .mainbox{
	margin-top: 100px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.hservice .mainbox .partbox{
	/*width: 196px;
	height: 434px;*/
	width: 163px;
	height: 361px;
	/*margin: 0 30px;*/
	border-radius:98px;
	/*border: 3px solid var(--main-color);*/
	box-sizing: border-box;
/*	writing-mode: tb-rl;
	text-align: center;*/
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-size: cover;
	transition-delay: 0s !important;
	transition: 0.3s;
}
.hservice .mainbox .logosvgbox{
	margin: 0 13px;
	transform: scale(0.8);
}
.hservice .mainbox .logosvgbox .hstext{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    background-color: #eee;
    z-index: 9;
    transform: translate(-50%, -50%);
    font-size: 40px;
}
.hservice .mainbox .partbox:hover{
	/*border-radius: 0;*/
	border: 0;
	transform: scale(1.04);
}
.hservice .mainbox .partbox .textbox{
	box-sizing: border-box;
	font-size: 32px;
	padding: 0 86px;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	background-color: #eee;
	transition: 0.3s;
	color: var(--main-color);
}
.hservice .mainbox .partbox .textbox:hover{
	background: unset;
	color: var(--main-color);
}
.hservice .mainbox .partbox:hover .textbox{
	opacity: 0;
}
.hvideo{
	padding-top: 200px;
	/*margin-bottom: 80px;*/
}
.hvideo .mainbox{
	position: relative;
}
.hvideo .mainbox video{
	width: 100%;
}
.hvideo .mainbox .videotext{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.hvideo .mainbox .videotext .textbox{
	font-size: 80px;
	color: #fff;
	text-align: justify;
	max-width: 60%;
}
.footerbox{
	padding: 100px 0;
}
.footerbox .biaoti{
	position: relative;
}
.footerbox .biaoti .title{
	font-size: 32px;
}
.footerbox .biaoti .logosvg{
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: -1;
}
.footerbox .mainbox{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: 60px;
}
.footerbox .mainbox .ftitle{
	font-size: 18px;
	margin-bottom: 40px;
}
.footerbox .mainbox .leftpart{
	max-width: 400px;
}
.footerbox .mainbox .leftpart .fadd{
	font-size: 18px;
	margin-bottom: 20px;
	display: flex;
	display: -webkit-flex;
}
.footerbox .mainbox .leftpart .fadd div:first-child{
	flex-shrink: 0;
}
.share{
	display: flex;
	display: -webkit-flex;
	padding-top: 20px;
}
.share .partbox{
	width: 60px;
	height: 60px;
	margin-right: 40px;
	border-radius: 50%;
	background-color: var(--main-color);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.share .partbox:nth-child(1){
	animation: tiaodong 4s linear infinite;
}
.share .partbox:nth-child(2){
	animation: tiaodong 4s linear 0.5s infinite;
}
.share .partbox:nth-child(3){
	animation: tiaodong 4s linear 1s infinite;
}
@keyframes tiaodong{
	0%{transform: translateY(0px);}
	12.5%{transform: translateY(-15px);}
	25%{transform: translateY(0px);}
	100%{transform: translateY(0px);}
}
.share .partbox span{
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.share .partbox:hover span{
	color: var(--main-color);
}
.share .partbox:after{
	content: "";
	width: 4px;
	height: 4px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transition: 0.3s;
}
.share .partbox:hover:after{
	box-shadow: 0 0 0 40px #fff;
	background-color: #fff;
}
.footerbox .mainbox .rightpart{
	width: 400px;
}
.footerbox .mainbox .rightpart .fform input{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	border-radius: 20px;
	border: 2px solid var(--main-color);
	margin-bottom: 20px;
	padding-left: 20px;
	box-sizing: border-box;
}
.footerbox .mainbox .rightpart .fform input[type=button]{
	height: 40px;
	width: 90px;
	padding-left: 0;
	line-height: 40px;
	position: relative;
	transition: 0.3s;
	cursor: pointer;
}
.footerbox .mainbox .rightpart .fform input[type=button]:hover{
	color: #fff;
	background-color: var(--main-color);
}
/*
.footerbox .mainbox .rightpart .fform button{
	height: 40px;
	width: 90px;
	background-color: #fff;
	border-radius: 10px;
	outline: none;
	position: relative;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	display: block;
	border-style: unset;
	border: 2px solid var(--main-color);
}
.footerbox .mainbox .rightpart .fform button:hover{
	cursor: pointer;
}
.footerbox .mainbox .rightpart .fform button span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 2;
	transition: 0.3s;
}
.footerbox .mainbox .rightpart .fform button:hover span{
	color: #fff;
}
.footerbox .mainbox .rightpart .fform button:after{
	content: "";
	display: block;
	width: 0;
	height: 50px;
	background-color: var(--main-color);
	position: absolute;
	top: -5px;
	left: -10%;
	transition: 0.3s;
	z-index: 1;
}
.footerbox .mainbox .rightpart .fform button:hover:after{
	width: 120%;
}*/
.copyright{text-align: center;padding: 20px;}
.copyright a{transition: 0.3s;}
.copyright a:hover{
	color: var(--main-color);
}
/* 团队 */
.teambox{
	padding-top: 110px;
}
.teamtitle{
	font-size: 90px;
	text-align: center;
	font-weight: bold;
}
.teambox .teamsweiper .partbox{
	display: block;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	/*border:8px solid var(--main-color);*/
	box-sizing: border-box;
	transition: 0.6s;
	padding: 0px 5px 8px;
  background: var(--main-color);
}
.teambox .teamsweiper .partbox:hover{
	/*border-radius: 30px;*/
}
.teambox .teamsweiper .partbox:after{
	content: "";
	display: block;
	width: 100%;
	height: 0px;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s;
}
.teambox .teamsweiper .partbox:before{
	content: "";
	display: block;
	width: 100%;
	height: 0px;
	background-color: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.3s;
}
.teambox .teamsweiper .partbox:hover:after{
	animation: bordertxa 2s linear 0.3s forwards; 
}
.teambox .teamsweiper .partbox:hover:before{
	animation: bordertxa 2s linear 0.3s forwards; 
}
@keyframes bordertxa{
	0%{height: 0px;}
	33%{height: 50%;opacity: 1;}
	100%{height: 50%;opacity: 0;}
}
.teambox .teamsweiper .partbox img{
	width: 100%;
	border-radius: 0 0 10px 10px;
}
.teambox .teamsweiper .parttextbox{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	font-size: 14px;
	border-radius: 28px;
	height: 56px;
	padding: 0 15px;
	margin-top: 20px;
	background-color: var(--main-color);
	box-sizing: border-box;
	overflow: hidden;
	/*font-weight: bold;*/
}
/* 团队详情 */
.tttitlr{
	font-size: 90px;
	text-align: center;
	font-weight: bold;
}
.teamtop{
	margin-top: 100px;
}
.teamtop .mainbox{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	/*padding-top: 80px;*/
	margin-top: 80px;
	background-color: #fff;
	border-radius: 50px;
}
.teamtop .mainbox .partone{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	padding: 60px 40px 40px;
	width: 40%;
	box-sizing: border-box;
}
.teamtop .mainbox .partone .title{
	font-size: 40px;
	padding: 0 30px;
	border-radius: 45px;
	background-color: var(--main-color);
	color: #333;
	margin: 0 auto 40px;
}
.teamtop .mainbox .partone .des{
	padding-left: 18px;
	position: relative;
	font-size: 18px;
}
.teamtop .mainbox .partone .des:after{
	content: "";
	display: block;
	width: 8px;
	height: 1px;
	background-color: #333;
	position: absolute;
	left: 0;
	top: 13px;
}
.teamtop .mainbox .parttwo{
	width: 30%;
	padding: 30px 30px 40px;
	box-sizing: border-box;
}
.teamtop .mainbox .parttwo .imgbox{
	padding: 20px;
	overflow: hidden;
	border-radius: 232px;
	/*background-color: var(--main-color);*/
	position: relative;
}
.teamtop .mainbox .parttwo .imgbox img{
	width: 100%;
	border-radius: 232px;
	position: relative;
	z-index: 2;
}
.teamtop .mainbox .parttwo .imgbox .zhezhao{
	width: 100%;
	height: 60%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--main-color);
	z-index: 1;
}
.teamtop .mainbox .partthree{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	padding: 60px 40px 40px;
	width: 30%;
	box-sizing: border-box;
}
.teamtop .mainbox .partthree .title{
	font-size: 40px;
	padding: 0 30px;
	border-radius: 45px;
	background-color: var(--main-color);
	color: #333;
	margin: 0 0 40px;
	text-align: center;
}
.teamtop .mainbox .partthree .des{
	padding-left: 18px;
	position: relative;
	font-size: 18px;
}
.teamtop .mainbox .partthree .des:after{
	content: "";
	display: block;
	width: 8px;
	height: 1px;
	background-color: #333;
	position: absolute;
	left: 0;
	top: 13px;
}
.teamtop .mainbox .partthree .name{
	padding-left: 18px;
	position: relative;
	font-size: 18px;
	padding: 10px 30px;
	border-radius: 45px;
	background-color: var(--main-color);
	margin: 40px 0 40px;
	text-align: center;
}
.teamtop .mainbox .leftpart{
	width: 36.80%;
	height: 604px;
	overflow: hidden;
	/*background-color: #231816;*/
	background-color: #fff;
	color: #000;
	border-radius: 20px;
	padding: 8.2% 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.teamtop .mainbox .leftpart .content{
	width: 210px;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.teamtop .mainbox .leftpart .content .imgbox{
	height: 310px;
	border-radius: 20px;
	overflow: hidden;
}
.teamtop .mainbox .leftpart .content .imgbox img{
	width: 100%;
	transition: 0.8s;
}
.teamtop .mainbox .leftpart .content .imgbox:hover img{
	transform: scale(1.05);
}
.teamtop .mainbox .leftpart .content .tname{
	padding: 20px 15px;
	border-radius: 50px;
	font-size: 18px;
	background-color: #eee;
	color: #000;
	transition: 0.8s;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.teamtop .mainbox .leftpart .content .tname:hover{
	transform: translateY(-5px);
}
.teamtop .mainbox .middlepart{
	width: 8.34%;
	height: 604px;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.teamtop .mainbox .rightpart{
	width: 54.86%;
	height: 604px;
	overflow: hidden;
	/*background-color: #231816;*/
	border-radius: 40px;
	padding: 4.2% 5% 8% 10%;
	color: #000;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
}/*
.teamtop .mainbox .rightpart:hover{
	background-color: var(--main-color);
}*/
.teamtop .mainbox .rightpart .partdes{
	width: 100%;
}
.teamtop .mainbox .rightpart .partdes .title{
	text-align: center;
	font-size: 56px;
	margin-bottom: 20px;
	padding-right: 10%;
}
.teamtop .mainbox .rightpart .partdes .des{
	padding-left: 18px;
	position: relative;
	font-size: 18px;
}
.teamtop .mainbox .rightpart .partdes .des:after{
	content: "";
	display: block;
	width: 8px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 13px;
}
.hbrand.teambrand .mainbox{
	background-color: #fff;
}
.hbrand.teambrand .mainbox:hover{
	background-color: var(--main-color);
}
.teamhzal{
	margin-top: 80px;
}
.teamhzal .mainbox{
	position: relative;
	overflow: hidden;
	height: 865px;
	margin-top: 80px;
}
.teamhzal .mainbox .partbox{
	/*background-color: #000;*/
	position: absolute;
	border-radius: 20px;
	overflow: hidden;
}
.teamhzal .mainbox .partbox img{
	width: 100%;
	transition: 0.5s;
}
.teamhzal .mainbox .partbox:hover img{
	transform: scale(1.1);
}
.teamhzal .mainbox .partbox .textbox{
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 30px;
	padding-bottom: 20px;
	color: #fff;
}
.teamhzal .mainbox .partbox .textbox .title{
	font-size: 18px;
}
.teamhzal .mainbox .partbox .textbox .des{
	font-size: 14px;
}
.model1{
	width: calc(25% - 15px);
	height: 275px;
}
.model2{
	width: calc(50% - 10px);
	height: 275px;
}
.model3{
	width: calc(25% - 15px);
	height: 570px;
}
.model4{
	width: calc(50% - 10px);
	height: 570px;
}
.po11{top: 0;left: 0;}
.po12{top: 0;left: calc(25% + 5px);}
.po13{top: 0;left: calc(50% + 10px);}
.po14{top: 0;left: calc(75% + 15px);}
.po21{top: 295px;left: 0;}
.po22{top: 295px;left: calc(25% + 5px);}
.po23{top: 295px;left: calc(50% + 10px);}
.po24{top: 295px;left: calc(75% + 15px);}
.po31{top: 590px;left: 0;}
.po32{top: 590px;left: calc(25% + 5px)}
.po33{top: 590px;left: calc(50% + 10px);}
.po34{top: 590px;left: calc(75% + 15px);}
/* 图片切换 */
.teamhzal .mainbox .partbox .imgchance{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.teamhzal .mainbox .partbox .imgchance img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transition: 0.5s;
}
/* 服务项目 */
.mt135{
	margin-top: 135px;
}
.servicetop{
	margin-top: 135px;
}
.servicetop .mainbox{
	position: relative;
}
.servicetop .mainbox .bgani{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.servicetop .mainbox .bgani:before{
	content: "";
	display: block;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.05);
	position: absolute;
	top: 15px;
	left: 10%;
	animation: bgani1 1s linear forwards;
}
.servicetop .mainbox .bgani:after{
	content: "";
	display: block;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.05);
	position: absolute;
	top: 15px;
	right: 10%;
	animation: bgani2 1s linear forwards;
}
@keyframes bgani1{
	0%{opacity: 0;}
	33%{opacity: 1;left: 10%;}
	100%{left: 20%;}
}
@keyframes bgani2{
	0%{opacity: 0;}
	33%{opacity: 1;right: 10%;}
	100%{right: 20%;}
}
.servicetop .mainbox .bgcir{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
}
.servicetop .mainbox .bgcir svg{
	animation: rotate1 10s linear infinite;
}
@keyframes rotate1{
	0%{transform: rotateZ(0deg);}
	100%{transform: rotateZ(360deg);}
}
.servicetop .mainbox .bgcir svg circle{
	r: 0;
	animation: circular 3s linear 1s forwards;
}
@keyframes circular{
	0%{r: 0;}
	100%{r: 120;}
}
.servicetop .mainbox .rowbox{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	position: relative;
}
.servicetop .mainbox .rowbox.line2:after{
	content: "";
	display: block;
	width: 0%;
	height: 1px;
	border-bottom: 1px dashed #aaa;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	animation: line2 1s linear 4s forwards;
}
.servicetop .mainbox .rowbox.line2:before{
	content: "▶";
	font-size: 12px;
	color: #aaa;
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	right: -2px;
	z-index: 0;
	opacity: 0;
	transform: scale(0.75);
	animation: delayshow 0.3s linear 5s forwards;
}
@keyframes line2{
	100%{width: 100%;}
}
@keyframes delayshow{
	100%{opacity: 1;}
}
.servicetop .mainbox .rowbox .partbox{
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	/*overflow: hidden;*/
	background-color: var(--main-color);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin: 0 15px;
	color: #141414;
	opacity: 0;
	position: relative;
	animation: serpartbox 1s linear 3s forwards;
}
@keyframes serpartbox{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.servicetop .mainbox .rowbox .partbox.jiantou1:after{
	content: "";
	display: block;
	width: 15px;
	height: 23px;
	position: absolute;
	top: calc(50% - 10px);
	right: -22px;
	background: url(../images/jiantou.svg) center center no-repeat;
	background-size: 100%;
	transform: rotateZ(180deg);
}
.servicetop .mainbox .rowbox .partbox.jiantou2:after{
	content: "";
	display: block;
	width: 15px;
	height: 23px;
	position: absolute;
	top: calc(50% - 10px);
	left: -22px;
	background: url(../images/jiantou.svg) center center no-repeat;
	background-size: 100%;
}
.servicetop .mainbox .rowbox .partbox.jiantou3:after{
	content: "";
	display: block;
	width: 15px;
	height: 23px;
	position: absolute;
	right: calc(50% - 10px);
	bottom: -26px;
	background: url(../images/jiantou.svg) center center no-repeat;
	background-size: 100%;
	transform: rotateZ(90deg);
}
.servicetop .mainbox .rowbox .partbox.jiantou4:after{
	content: "";
	display: block;
	width: 15px;
	height: 23px;
	position: absolute;
	right: calc(50% - 10px);
	top: -26px;
	background: url(../images/jiantou.svg) center center no-repeat;
	background-size: 100%;
	transform: rotateZ(-90deg);
}
.servicetop .mainbox .rowbox .partbox.bgblack{
	background-color: #141414;
	color: #fff;
	animation: serpartbox2 1s linear 2s forwards;
}
@keyframes serpartbox2{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.servicetop .mainbox .rowbox .partbox.buchong{
	width: 120px;
	height: 120px;
	background: unset;
}
.servicebottom{
	margin-top: 100px;
}
.servicebottom .mainbox{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.servicebottom .mainbox .line1{
	height: 233px;
	width: 1px;
	background-color: #1f2021;
	align-self: flex-end;
	margin: 0 40px;
}
.servicebottom .mainbox .partbox .title{
	font-size: 28px;
	text-align: center;
}
.servicebottom .mainbox .partbox .text{
	padding: 0 40px;
	line-height: 2.6;
}
.lbpadt{padding-top: 110px;}
.teamhzal .mainbox2{display: none;}
.casexq .casexqtop{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: 135px;
}
.casexq .casexqtop .leftpart{
	max-width: 57.5%;
	border-radius: 20px;
	overflow: hidden;
}
.casexq .casexqtop .rightpart{
	max-width: 39.6%;
	border-radius: 20px;
	overflow: hidden;
}
.casexq .casexqtop img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.casexq .casexqmid{
	padding: 0 40px;
	border: 1px solid #1b110f;
	border-radius: 40px;
	margin-top: 100px;
	margin-left: 50px;
	margin-right: 50px;
	transition: 0.3s;
}
.casexq .casexqmid:hover{
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
}
.casexq .casexqmid .text{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #1b110f;
}
.casexq .casexqmid .text:last-child{
	border: none;
}
.casexq .casexqmid .text .title{
	font-size: 60px;
	line-height: 3;
	flex-shrink: 0;
}
.casexq .casexqmid .text .des{
	width: 50%;
	font-size: 16px;
}
.casexq .casexqbottom{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 100px;
}
.casexq .casexqbottom .leftpart{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 57.5%;
	flex-shrink: 0;
}
.casexq .casexqbottom .leftpart .partbox{
	/*width: calc(33.33% - 13.33px);*/
	width: 100%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.casexq .casexqbottom .leftpart .partbox img{
	width: 100%;
}
.casexq .casexqbottom .leftpart .partbox:nth-child(3n){
	margin-right: 0;
}
.casexq .casexqbottom .rightpart{
	padding: 0 80px;
	margin-bottom: 60px;
}
.casexq .casexqbottom .rightpart .title{
	text-align: center;
	width: 220px;
	border-radius: 10px;
	background-color: #231816;
	color: var(--main-color);
	line-height: 3;
	margin: 0 auto;
}
.casexq .casexqbottom .rightpart .des{
	color: var(--main-color);
	text-align: center;
	margin-bottom: 50px;
}
.casexq .casexqbottom .rightpart .text .partbox{
	padding-left: 25px;
	position: relative;
	line-height: 1.9;
}/*
.casexq .casexqbottom .rightpart .text .partbox:after{
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 15px;
	font-size: 18px;
	line-height: 2;
	background-color: #231816;
}*/
@media only screen and (max-width: 1500px){
.hservice .mainbox .partbox{}
}
@media only screen and (max-width: 1300px){
.wrap{width: 84%;}
/*.bigwrap{width: 1160px;overflow-x: auto;}*/
.headerbox .menubox .partbox{margin-left: 50px;}
.hhistory .mainbox{overflow-x: auto;padding-left: 55px;}
.hhistory .mainbox .wavesvg{left: 55px;}
.hhistory .mainbox .licheng{width: 1160px;}
.hhistory .mainbox .licheng .partbox{width: 110px;}
.hhistory .mainbox .licheng .partbox:first-child, .hhistory .mainbox .licheng .partbox:last-child{width: 55px;}
.hbrand .mainbox .partbox{height: unset;}
/*.hservice .mainbox .partbox{margin: 0 15px;}*/
.servicetop{overflow: hidden;}
.servicetop .mainbox{width: 1160px;/*transform: scale(calc(80vw / 1160));*/}
.teamtop .mainbox .leftpart{width: calc(36% - 50px);}
.teamtop .mainbox .middlepart{width: 100px;}
.teamtop .mainbox .rightpart{width: calc(64% - 50px);}
.teamtop .mainbox .partone{width: 100%;}
.teamtop .mainbox .parttwo{width: 100%;}
.teamtop .mainbox .partthree{width: 100%;}
.teamhzal .mainbox{height: calc(84vw * 0.745689);}
.model1{height: calc(84vw * 0.745689 * 0.317919);}
.model2{height: calc(84vw * 0.745689 * 0.317919);}
.model3{height: calc(84vw * 0.745689 * 0.658959);}
.model4{height: calc(84vw * 0.745689 * 0.658959);}
.po21{top: calc(84vw * 0.745689 * 0.317919 + 20px);left: 0;}
.po22{top: calc(84vw * 0.745689 * 0.317919 + 20px);left: calc(25% + 5px);}
.po23{top: calc(84vw * 0.745689 * 0.317919 + 20px);left: calc(50% + 10px);}
.po24{top: calc(84vw * 0.745689 * 0.317919 + 20px);left: calc(75% + 15px);}
.po31{top: calc(84vw * 0.745689 * 0.658959 + 20px);left: 0;}
.po32{top: calc(84vw * 0.745689 * 0.658959 + 20px);left: calc(25% + 5px)}
.po33{top: calc(84vw * 0.745689 * 0.658959 + 20px);left: calc(50% + 10px);}
.po34{top: calc(84vw * 0.745689 * 0.658959 + 20px);left: calc(75% + 15px);}
.menubtnpart .menulist .partbox{font-size: 50px;}
.menubtnpart .menulist .partbox .childmenu a{font-size: 18px;}
.hservice .mainbox .logosvgbox .hstext{font-size: 32px;width: 32px;}
.hservice .mainbox .partbox{width: 130px;height: ;}
}
@media only screen and (max-width: 1200px){
.hbrand .mainbox{padding: 3% 3% 0;}
.hbrand .mainbox .partbox{width: calc(14.71428% - 3%);margin-right: 3%;margin-bottom: 3%;}
.habout .top .title,.habout .bottom .rightpart{padding-left: 70px;}
.servicebottom .mainbox .line1{margin: 0 20px;}
}
@media only screen and (max-width: 1100px){
.headerbox .menubox .partbox{margin-left: 36px;}
.habout .top .entitle{font-size: 100px;}
.habout .bottom .leftpart span{font-size: 40px;}
.habout .top .title,.habout .bottom .rightpart{padding-left: 70px;}
.hhistory{padding: 100px 0;}
.hustg .mainbox{width: 100%;}
.hustg .mainbox .wavesvg{display: none;}
.hvideo .mainbox .videotext .textbox{font-size: 60px;}
.hteam .mainbox .corner{width: 700px;height: 700px;}
.hwcus .mainbox .partbox1{padding-left: 60px;}
.hwcus .mainbox .partbox1,.hwcus .mainbox .partbox3{width: 260px;}
.hwcus .mainbox .partbox2{width: 220px;}
.servicetop{margin-top: 40px;}
/*.wai{overflow: hidden;}*/
.habout.activeed:after{width: 1000;height: 390;top: 73px;left: -100px;}
.hservice .mainbox{flex-wrap: wrap;padding: 0 16%;}
.hservice .mainbox .partbox{margin-bottom: 20px;}
}
@media only screen and (max-width: 992px){
body{padding-top: 80px;}
.wrap{width: 90%;}
.logosvg{transform: rotateZ(45deg) scale(0.8);}
/*.headerbox .menubox .partbox:not(:last-child){display: none;}*/
.videoswiper .imgbox .poimg img{opacity: 1;max-width: 80%;}
.habout .bottom .leftpart img{height: unset;width: 80%;}
.hustg .mainbox .partlist .partbox:hover .text{opacity: 0;}
.headerbox .menubox .partbox{display: none;}
.headerbox .menubox.on{position: absolute;top: 80px;left: 0;width: 100%;flex-direction: column;background-color: #eee;border-top: 1px solid #ccc;box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);padding: 10px 0;}
.headerbox .menubox.on .partbox:not(:last-child){display: block;padding: 10px;margin-left: 0;}
.sjmenubtn{display: block;}
.headerbox .logobox img{height: 40px;}
.habout .top .entitle{font-size: 40px;}
.habout .top .title{font-size: 22px;}
.habout .bottom{padding-top: 20px;}
.habout .bottom .leftpart span,.habout .bottom .leftpart span:last-child{font-size: 18px;}
.habout .bottom .rightpart span{font-size: 16px;}
.habout .top .title, .habout .bottom .rightpart{padding-left: 0;}
.habout.activeed:after{width: 530px;height: 160px;}
.hhistory .biaoti .title{font-size: 36px;}
.hhistory{padding: 100px 0 50px;}
.hhistory .mainbox{height: 500px;}
.hhistory .mainbox .wavesvg{top: 50px;}
.hhistory .mainbox .licheng .partbox .textbox{opacity: 1;}
.hhistory .mainbox .licheng .partbox .textbox>div{font-size: 16px;}
.hhistory .mainbox .licheng .partbox:first-child .textbox{transform: translateX(0);display: block;}
.hhistory .mainbox .licheng .partbox:first-child .textbox:after{left: 27px;}
.htitle{font-size: 40px;}
.hwcus .mainbox{flex-direction: column;margin-top: 12px;}
.hwcus .mainbox .partbox1{border-radius: 200px 200px 0 0;width: 400px;height: 300px;margin-bottom: 30px;padding: 30px 50px 0;height: 250px;text-align: center;}
.hwcus .mainbox .partbox2{width: 400px;margin-bottom: 30px;padding: 30px 50px 0;height: 250px;}
.hwcus .mainbox .partbox3{border-radius: 0 0 200px 200px;width: 400px;height: 300px;padding: 30px 50px 0;height: 250px;}
.hwcus .mainbox .partbox .des{text-align: center;}
.hustg{padding-top: 123px;}
.hteam{padding-top: 80px;}
.hteam .mainbox{margin-top: 20px;}
.hbrand{padding-top: 123px;}
.hvideo{padding-top: 115px;}
.hservice{padding-top: 123px;}
.hservice .mainbox{width: 540px;margin: 0 auto;padding: 0;margin-top: 75px;}
.footerbox{padding: 123px 0 20px;}
.hustg .mainbox{height: unset;}
.hustg .mainbox .partlist{flex-wrap: wrap;margin-top: 30px;}
.hustg .mainbox .partlist .partbox{width: 50%;margin-bottom: 60px;}
.logosvgbox{padding: 0;}
.hbrand .mainbox{padding: 30px 5% 10px;margin-top: 20px;}
.hbrand .mainbox .partbox{width: calc(20% - 16px);margin-right: 20px;}
.hbrand .mainbox .partbox:nth-child(7n){margin-right: 20px;}
.hbrand .mainbox .partbox:nth-child(5n){margin-right: 0;}
/*.hvideo .mainbox .videotext{display: none;}*/
/*.hservice .mainbox .logosvgbox{display: none;}*/
.footerbox .mainbox{flex-direction: column;}
.footerbox .mainbox .leftpart{margin-bottom: 40px;}
.footerbox .mainbox .leftpart,.footerbox .mainbox .rightpart{max-width: unset;width: 100%;}
.teambox{padding-top: 40px;}
.teamtitle{font-size: 40px;}
.tttitlr{font-size: 40px;}
.teamtop .mainbox .leftpart{width: calc(46% - 20px);}
.teamtop .mainbox .middlepart{display: none;}
.teamtop .mainbox .rightpart{width: calc(54% - 20px);padding: 4.2% 5% 8% 5%;}
.teamtop .mainbox .rightpart .partdes .title{font-size: 36px;padding-right: 0;}
.teamhzal .mainbox{height: calc(90vw * 0.745689);display: none;}
.model1{height: calc(90vw * 0.745689 * 0.317919);}
.model2{height: calc(90vw * 0.745689 * 0.317919);}
.model3{height: calc(90vw * 0.745689 * 0.658959);}
.model4{height: calc(90vw * 0.745689 * 0.658959);}
.po21{top: calc(90vw * 0.745689 * 0.317919 + 20px);left: 0;}
.po22{top: calc(90vw * 0.745689 * 0.317919 + 20px);left: calc(25% + 5px);}
.po23{top: calc(90vw * 0.745689 * 0.317919 + 20px);left: calc(50% + 10px);}
.po24{top: calc(90vw * 0.745689 * 0.317919 + 20px);left: calc(75% + 15px);}
.po31{top: calc(90vw * 0.745689 * 0.658959 + 20px);left: 0;}
.po32{top: calc(90vw * 0.745689 * 0.658959 + 20px);left: calc(25% + 5px)}
.po33{top: calc(90vw * 0.745689 * 0.658959 + 20px);left: calc(50% + 10px);}
.po34{top: calc(90vw * 0.745689 * 0.658959 + 20px);left: calc(75% + 15px);}
.teamhzal .mainbox2{display: block;margin-top: 80px;}
.teamhzal .mainbox2 .partbox{display: block;width: 100%;margin-bottom: 20px;border-radius: 20px;overflow: hidden;position: relative;}
.teamhzal .mainbox2 .partbox img{width: 100%;}
.teamhzal .mainbox2 .partbox .textbox{position: absolute;left: 0;bottom: 0;color: #fff;padding-left: 30px;padding-bottom: 15px;}
.teamhzal .mainbox2 .partbox .textbox .title{font-size: 18px;}
.teamhzal .mainbox2 .partbox .textbox .des{font-size: 14px;}
.servicebottom .mainbox .line1{margin: 0 5px;}
.servicebottom .mainbox .partbox .text{padding: 0 20px;}
.servicebottom .mainbox .partbox .title{font-size: 22px;}
.footerbox .biaoti .title{font-size: 24px;}
.footerbox .mainbox .ftitle{font-size: 16px;margin-bottom: 20px;}
.footerbox .mainbox .leftpart .fadd{font-size: 16px;}
.casexq .casexqmid .text .title{font-size: 20px;line-height: 1.4;}
.casexq .casexqmid .text{padding: 20px 0;align-items: flex-start;}
.casexq .casexqmid .text .des{width: 75%;}
.casexq .casexqbottom .rightpart{padding: 20px 0 0 ;margin-bottom: 0;width: 100%;}
.casexq .casexqbottom .rightpart .des{margin-bottom: 20px;}
.casexq .casexqbottom{flex-direction: column;margin-top: 30px;}
.casexq .casexqbottom .leftpart{width: 100%;}
.hwcus .mainbox .partbox .title{font-size: 22px;}
.headerbox .menubox .partbox:hover a, .headerbox .menubox .partbox:hover .span{transform: unset;color: var(--main-color);}
.hvideo .mainbox .videotext .textbox{font-size: 18px;}
.hteam .mainbox .corner{border: unset;}
.teamtop{margin-top: 40px;}
.servicetop{margin-top: 50px;}
.lbpadt{padding-top: 40px;}
.habout.activeed:after{width: 480px;height: 150px;top: 93px;left: -130px;}
.htitle2{font-size: 22px;}
.hservice .mainbox .logosvgbox .hstext{font-size: 28px;width: 28px;}
.hwcus .mainbox .partbox .title span{font-size: 18px;}
}
@media only screen and (max-width: 750px){
.hteam .mainbox .corner{height: 900px;}
.teamtop .mainbox{flex-direction: column;}
.teamtop .mainbox .leftpart{width: 100%;height: unset;padding: 30px;margin-bottom: 30px;}
.teamtop .mainbox .leftpart .content .imgbox{margin-bottom: 30px;}
.teamtop .mainbox .rightpart{width: 100%;padding: 30px;}
.servicebottom .mainbox .line1{display: none;}
.servicebottom .mainbox{flex-wrap: wrap;}
.servicebottom .mainbox .partbox{width: 50%;margin-bottom: 30px;}
.servicebottom .mainbox .partbox .text{padding: 0 20px 0 80px;line-height: 2;}
.casexq .casexqmid{margin: 30px 0 0;}
.casexq .casexqtop{flex-direction: column;margin-top: 30px;}
.casexq .casexqtop .leftpart{width: 100%;max-width: unset;margin-bottom: 20px;}
.casexq .casexqtop .rightpart{width: 100%;max-width: unset;}
.hservice .mainbox .logosvgbox .hstext{font-size: 24px;width: 24px;}
}
@media only screen and (max-width: 600px){
.hbrand .mainbox .partbox{width: calc(25% - 16px);margin-right: 20px;}
.hbrand .mainbox .partbox:nth-child(5n){margin-right: 20px;}
.hbrand .mainbox .partbox:nth-child(4n){margin-right: 0px;}
.hservice .mainbox{flex-wrap: wrap;width: 100%;}
.hservice .mainbox .partbox{margin-bottom: 20px;height: 250px;width: 100px;border-radius: 63px;}
.hservice .mainbox .partbox .textbox{font-size: 22px;padding: 0 55px;}
.hteam .mainbox .corner .partbox{max-width: 180px;}
.hteam .mainbox .middle .clipbox{max-width: 200px;}
.hteam .mainbox .corner .partbox .des{min-height: 40px;}
.servicebottom .mainbox .partbox .text{padding: 0 10px 0 10px;text-align: center;}
.hservice .mainbox .logosvgbox .hstext{font-size: 20px;width: 20px;}
.habout .bottom{flex-direction: column;}
.habout .bottom .leftpart{width: 100%;margin-bottom: 30px;}
.habout .bottom .rightpart{width: 100%;}
.habout .bottom .leftpart img{width: 50%;}
.hteam .mainbox{font-size: 10px;}
.teambox .teamsweiper .parttextbox{font-size: 10px;}
}
@media only screen and (max-width: 480px){
.hwcus .mainbox .partbox1{width: 100%;border-radius: 50% 50% 0 0;}
.hwcus .mainbox .partbox2{width: 100%;}
.hwcus .mainbox .partbox3{width: 100%;border-radius: 0 0 50% 50%;}
.hustg .mainbox .partlist .partbox .title{font-size: 14px;width: 100px;height: 100px;}
.hteam .mainbox .corner .partbox{max-width: 140px;}
.hbrand .mainbox .partbox{width: calc(33.33% - 14px);margin-bottom: 30px;}
.hbrand .mainbox .partbox:nth-child(4n){margin-right: 20px;}
.hbrand .mainbox .partbox:nth-child(7n){margin-right: 20px;}
.hbrand .mainbox .partbox:nth-child(3n){margin-right: 0;}
.habout .bottom .rightpart span{font-size: 16px;}
.habout:after{
		content: "";
    display: block;
    width: 615px;
    height: 200px;
    background: var(--main-color);
    border-radius: 210px;
    position: absolute;
    top: 93px;
    left: -130px;
    transform: rotateZ(-45deg);
    z-index: -1;
}
.habout.activeed:after{
	animation: none;
	content: "";
    display: block;
    width: 615px;
    height: 200px;
    background: var(--main-color);
    border-radius: 210px;
    position: absolute;
    top: 93px;
    left: -130px;
    transform: rotateZ(-45deg);
    z-index: -1;
}
.wai{overflow: hidden;}
.videobox video{display: block;}
}
@media only screen and (max-width: 500px){
.hservice .mainbox{}
.hservice .mainbox .logosvgbox{width: 35%;}
.hservice .mainbox a{width: 55%;}
}