:root{
	--main-color: #049C9C;
}
.wrap{
	width: 1440px;
	margin: 0 auto;
}
.xxypadding{
	padding: 100px 0;
}
header{
	background-color: #fff;
	width: 100%;
	position: fixed;
	z-index: 99;
	box-shadow: 0 0 10px -5px #999;
}
.headerbox .logo{
	float: left;
	padding: 12px 0 12px 42px;
}
.headerbox .logo img{
	height: 54px;
}
.headerbox .menubox{
	float: right;
}
.menubox .menunav,.menubox .language,.menubox .changemenu{
	float: left;
}
.menubox .menunav ul li{
	float: left;
	padding: 0 25px;
	position: relative;
}
.menubox .menunav ul li.on>a{
	color: var(--main-color);
	position: relative;
}
.menubox .menunav ul li.on>a:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--main-color);
	left: 0;
}
.menubox .menunav ul li a{
	font-size: 18px;
	line-height: 88px;
	display: block;
	position: relative;
	color: #000;
}
.menubox .menunav ul li a:hover{
	color: var(--main-color);
	transition: 0.3s;
}
.menubox .menunav ul li>a:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: var(--main-color);
	transition: 0.3s;
}
.menubox .menunav ul li a:hover:after{
	width: 100%;
	left: 0;
}
.menubox .menunav ul li .xiala{
	position: absolute;
	top: 100%;
	display: none;
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.3);
}
.menubox .menunav ul li:last-child .xiala{
	transform: translateX(-66%);
}
.menubox .menunav ul li:hover .xiala{
	display: flex;
	display: -webkit-flex;
	animation: xialashow 0.3s linear forwards;
}
@keyframes xialashow{
	from{opacity: 0.3;}
	to{opacity: 1;}
}
.menubox .menunav ul li .xiala .leftbox{
	min-width: 200px;
	margin-right: 40px;
	border-right: 1px solid #eee;
}
.menubox .menunav ul li .xiala .leftbox a{
	line-height: 40px;
	height: 40px;
	font-size: 14px;
}
.menubox .menunav ul li .xiala .rightbox{
	width: 318px;
}
.menubox .menunav ul li .xiala .rightbox img{
	display: block;
	width: 100%;
}
.menubox .language{
	margin-left: 35px;
	display: flex;
	display: -webkit-flex;
}
/*.menubox .language .changelang,*/.menubox .language .search{
	float: left;
	position: relative;
}
/*.menubox .language .changelang,*/.menubox .language .search .hidsearch{
	position: absolute;
	right: 17px;
	top: 23px;
	height: 40px;
	overflow: hidden;
	border: 1px solid #e7e7e7;
	border-radius: 40px;
	display: none;
}
/*.menubox .language .changelang,*/.menubox .language .search .hidsearch form{
	display: flex;
	display: -webkit-flex;
}
/*.menubox .language .changelang,*/.menubox .language .search .hidsearch form input{
	border: none;
	outline: none;
	padding-left: 20px;
}
/*.menubox .language .changelang,*/.menubox .language .search .hidsearch form .submit{
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
}
/*	*/.menubox .language .search .hidsearch form .submit svg{
	width: 20px;
	height: 20px;
}
.menubox .language .changelang{
	position: relative;
}
.menubox .language .changelang a{
	display: block;
	line-height: 88px;
	font-size: 16px;
	color: #818181;
	padding: 0 28px;
	background: url(../images/language.png) left center no-repeat;
	position: relative;
}
.menubox .language .changelang a:after{
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 30px;
	background-color: #818181;
}
.menubox .language .changelang>a:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: var(--main-color);
	transition: 0.3s;
}
.menubox .language .changelang:hover>a:before{
	width: 100%;
	left: 0;
}
.menubox .language .changelang .clxl{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	opacity: 0;
	z-index: -9;
	transition: 0.3s;
	box-shadow: 0 5px 25px rgb(0 0 0 / 30%);
}
.menubox .language .changelang:hover .clxl{
	opacity: 1;
	z-index: 9;
}
.menubox .language .changelang .clxl a{
	background: none;
	line-height: 40px;
}
.menubox .language .changelang .clxl a:hover{
	color: var(--main-color);
}
.menubox .language .changelang .clxl a:after{
	display: none;
}
.menubox .language .search a{
	display: block;
	line-height: 88px;
	height: 88px;
	padding: 0 40px;
	background: url(../images/search.png) center center no-repeat;
	background-size: 23px 23px;
}
.menubox .changemenu{
	display: block;
	width: 88px;
	height: 88px;
	background-color: var(--main-color);
	position: relative;
}
.menubox .changemenu span{
	position: absolute;
	width: 30px;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	transition: 0.3s;
	z-index: 1;
}
.menubox .changemenu span:nth-child(1){
	top: 33px;
}
.menubox .changemenu span:nth-child(2){
	top: 43px;
}
.menubox .changemenu span:nth-child(3){
	top: 53px;
}

.menubox .changemenu.on span:nth-child(1){
	top: 43px;
	transform: translateX(-50%) rotateZ(45deg);
}
.menubox .changemenu.on span:nth-child(2){
	display: none;
}
.menubox .changemenu.on span:nth-child(3){
	top: 43px;
	transform: translateX(-50%) rotateZ(-45deg);
}
.menubox .changemenu .rightnav{
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	width: 700px;
	background-color: var(--main-color);
	z-index: 0;
	display: flex;
	display: -webkit-flex;
	padding-top: 88px;
	padding-bottom: 100px;
	box-sizing: border-box;
	transform: translateX(100%);
	transition: 0.5s;
}
.menubox .changemenu.on .rightnav{
	transform: translateX(0%);
}
.menubox .changemenu .rightnav .toplogo{
	position: absolute;
	top: 20px;
	left: 50px;
	opacity: 0.6;
}
.menubox .changemenu .rightnav .toplogo img{
	display: block;
	width: 200px;
}
.menubox .changemenu .rightnav .navleft{
	width: 50%;
	padding-left: 50px;
}
.menubox .changemenu .rightnav .navleft ul{
	height: 100%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: flex-end;
}
.menubox .changemenu .rightnav .navleft ul li{
	margin-top: 40px;
}
.menubox .changemenu .rightnav .navleft ul li a{
	color: #fff;
	font-size: 28px;
	font-weight: normal;
}
.menubox .changemenu .rightnav .contentbox{
	width: 50%;
	padding-left: 30px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: flex-end;
}
.menubox .changemenu .rightnav .contentbox .add{
	margin-bottom: 40px;
}
.menubox .changemenu .rightnav .contentbox .add h3{
	font-size: 29px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 20px;
}
.menubox .changemenu .rightnav .contentbox .add .text{
	font-size: 15px;
	color: rgba(255, 255, 255, 0.75);
	margin-bottom: 10px;
}
.menubox .changemenu .rightnav .contentbox .add a{
	font-size: 15px;
	color: rgba(255, 255, 255, 0.75);
}
.menubox .changemenu .rightnav .contentbox .follow h3{
	font-size: 29px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 20px;
}
.menubox .changemenu .rightnav .contentbox .follow img{
	display: block;
	width: 113px;
	margin-bottom: 10px;
}
.menubox .changemenu .rightnav .contentbox .follow .text{
	font-size: 15px;
	color: rgba(255, 255, 255, 0.75);
}
.homebanner{
	padding-top: 88px;
}
.homebanner .xxybannerswiper{
	overflow: hidden;
	position: relative;
}
.homebanner .xxybannerswiper img{
	width: 100%;
}
.homebanner .xxybannerswiper .swiper-slide{
	position: relative;
}
.homebanner .xxybannerswiper .swiper-slide .bannertext{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	top: 88px;
	left: 0;
	z-index: 9;
}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox{
	display: flex;
	display: -webkit-flex;
	width: 1440px;
	margin: 0 auto;
	height: 100%;
	flex-direction: column;
    justify-content: center;
    color: #fff;
}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{
	font-size: 48px;
	color: #fff;
	line-height: 70px;
}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox a{
	font-size: 15px;
	color: #fff;
	display: inline-block;
	padding: 15px 44px;
	margin-top: 95px;
	border-radius: 5px;
	background: var(--main-color);
	background: -webkit-gradient(linear, 0 100%, 100% 0, from(#049C9C), to(#047777));
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox a:hover{
	transform: translateY(-5px);
}
.homebanner .xxybannerswiper .swiper-pagination{
	bottom: 50px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	outline: none;
}
.homebanner .xxybannerswiper .swiper-pagination .swiper-pagination-bullet{
	background-color: rgba(255, 255, 255, 0.72);
	opacity: 1;
	margin: 0 10px;
	width: 8px;
	height: 8px;
	outline: none;
}
.homebanner .xxybannerswiper .swiper-pagination .swiper-pagination-bullet-active{
	background-color: unset;
	border: 3px solid var(--main-color);
	height: 6px;
	width: 6px;
}/*
.homepro .xxypadding{
	padding-bottom: 32px;
}*/
.homepro h2{
	font-size: 46px;
	color: #222;
	line-height: 50px;
	position: relative;
	text-align: center;
}
.homepro h2:after{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	line-height: 46px;
	opacity: 0.09;
}
.homepro p{
	text-align: center;
	font-size: 20px;
	color: #777;
}
.homepro .overfhid{
	position: relative;
}
.homepro .homeproswiper{
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 68px;
	position: relative;
}
.homepro .overfhid .swiper-button-prev,.homepro .overfhid .swiper-button-next{
	color: #999;
	outline: none;
}
.homepro .overfhid .swiper-button-prev{
	left: -80px;
}
.homepro .overfhid .swiper-button-next{
	right: -80px;
}
.homepro .overfhid .swiper-button-prev.swiper-button-disabled,.homepro .overfhid .swiper-button-next.swiper-button-disabled{
	opacity: 0.7;
}
.homepro .homeproswiper .slidebox{
	display: block;
	position: relative;
	color: #fff;
	border-radius: 15px;
	overflow: hidden;
	transition: 0.5s;
}
.homepro .homeproswiper .slidebox img{
	display: block;
	width: 100%;
}

.homepro .homeproswiper .slidebox .textbox{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 30px;
	text-align: center;
	padding-bottom: 20px;
}
.homepro .homeproswiper .slidebox .textbox:before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	opacity: 0.5;
	top: 0;
	height: 0;
	z-index: 0;
	background-color: var(--main-color);
	transition: 0.5s;
}
.homepro .homeproswiper .slidebox:hover .textbox:before{
	content: "";
	position: absolute;
	opacity: 1;
	width: 100%;
	top: 0;
	height: 100%;
	background-color: var(--main-color);
	z-index: 0;
	transition: 0.5s;
}
.homepro .homeproswiper .slidebox .textbox:after{
	content: "";
	display: block;
	width: 1px;
	height: 38px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: -23px;
}
.homepro .homeproswiper .slidebox .textbox h3{
	font-size: 24px;
	line-height: 48px;
	position: relative;
	z-index: 1;
}
.homepro .homeproswiper .slidebox .textbox p{
	font-size: 15px;
	line-height: 30px;
	color: #fff;
	position: relative;
	z-index: 1;
}
.homepro .homeproswiper .slidebox .textbox div{
	font-size: 15px;
	opacity: 0;
	position: relative;
	z-index: 1;
	transition: 0.5s;
	margin-top: 25px;
}
.homepro .homeproswiper .slidebox:hover .textbox div{
	opacity: 1;
	transition: 0.5s;
}
.homeabout{
	background-size: cover;
	background-repeat: no-repeat;
}
.homeabout .aboutbox{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.homeabout .aboutbox .aboutimg{
	max-width: 44.5%;
	position: relative;
}
.homeabout .aboutbox .aboutimg:before{
	content: "ABOUT US";
	display: block;
	position: absolute;
	left: 0;
	top: 60%;
	transform: translate(-50%,-50%) rotateZ(-90deg);
	font-size: 85px;
	color: #fff;
	z-index: 0;
}
.homeabout .aboutbox .aboutimg:after{
	content: "ABOUT US";
	display: block;
	position: absolute;
	left: 0;
	top: 60%;
	transform: translate(-50%,-50%) rotateZ(-90deg);
	font-size: 85px;
	color: #fff;
	z-index: 99;
	opacity: 0.11;
}
.homeabout .aboutbox .aboutimg .imgbox{
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}
.homeabout .aboutbox .aboutimg .imgbox img{
	display: block;
	width: 100%;
}
.homeabout .aboutbox .abouttext{
	width: 50%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.homeabout .aboutbox .abouttext .textbox img{
	max-width: 100px;
	display: block;
	margin-bottom: 22px;
}
.homeabout .aboutbox .abouttext .textbox h2{
	font-size: 46px;
	color: #222;
	margin-bottom: 22px;
}
.homeabout .aboutbox .abouttext .textbox h3{
	font-size: 28px;
	color: #444;
	margin-bottom: 45px;
}
.homeabout .aboutbox .abouttext .textbox div{
	font-size: 16px;
	line-height: 38px;
	color: #555;
	margin-bottom: 90px;
}
.homeabout .aboutbox .abouttext .textbox a{
	font-size: 15px;
	color: #fff;
	display: inline-block;
	padding: 15px 44px;
	border-radius: 5px;
	background: var(--main-color);
	background: -webkit-gradient(linear, 0 100%, 100% 0, from(#049C9C), to(#047777));
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
.homeabout .aboutbox .abouttext .textbox a:hover{
	transform: translateY(-5px);
}
.homeapp{
	background-size: cover;
	background-repeat: no-repeat;
}
.homeapp .appbox{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
	height: 22.6666vw;
}
.homeapp .appbox h2{
	color: #fff;
	font-size: 46px;
	line-height: 92px;
	position: relative;
}
.homeapp .appbox h2:after{
	content: "APPLICATION CENTER";
	display: block;
	position: absolute;
	opacity: 0.05;
	left: 0;
	top: 0;
	line-height: 46px;
}
.homeapp .appbox .textbox{
	color: #fff;
	font-size: 18px;
	max-width: 60%;
	line-height: 36px;
	display: none;
}
.homeapp .appbox .textbox.on{
	display: block;
}
.homeapp .appbox .changebox ul li{
	background-color: rgba(255, 255, 255, 0.1);
	float: left;
	width: 33.2%;
	margin-right: 1px;
	margin-bottom: 1px;
}
.homeapp .appbox .changebox ul li a{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	position: relative;
	transition: 0.3s;
}
.homeapp .appbox .changebox ul li.on{
	animation: bgaction1 0.3s linear forwards;
	-webkit-animation: bgaction1 0.3s linear forwards;
}
@keyframes bgaction1{
	from{background-color: rgba(255, 255, 255, 0.1);}
	to{background-color: var(--main-color);}
}
/*
.homeapp .appbox .changebox ul li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background-color: var(--main-color);
	z-index: 0;
}
.homeapp .appbox .changebox ul li:hover a:after{
	animation: bgaction1 0.5s linear forwards;
	-webkit-animation: bgaction1 0.5s linear forwards;
}
@keyframes bgaction1{
	from{width: 0;}
	to{width: 100%;}
}*/
.homeapp .appbox .changebox ul li a .bgimg{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 50%;
	padding-right: 10px;
}
.homeapp .appbox .changebox ul li a .textbox{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	height: 110px;
	min-width: 50%;
}
.homeapp .appbox .changebox ul li a .textbox h3{
	font-size: 24px;
	line-height: 1.3;
}
.homeapp .appbox .changebox ul li a .textbox p{
	font-size: 16px;
	line-height: 1.3;
	opacity: 0.3;
}
footer{
	background-color: #1e2225;
	position: relative;
	overflow: hidden;
}
footer .wrap{
	height: 100%;
}
footer .footerab{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
}
footer .footerab .footright{
	float: right;
	height: 100%;
	width: 320px;
	padding-top: 80px;
	padding-bottom: 40px;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: column;
}
footer .footerab .footright .topbox h4{
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	margin-bottom: 10px;
}
footer .footerab .footright .topbox a{
	font-size: 28px;
	color: #fff;
	text-align: center;
	display: block;
	margin-bottom: 30px;
}
footer .footerab .footright .topbox img{
	font-size: 28px;
	color: #fff;
	display: block;
	width: 113px;
	margin: 0 auto;
	margin-bottom: 10px;
}
footer .footerab .footright .topbox p{
	font-size: 16px;
	color: #fff;
	text-align: center;
}
footer .footerab .footright .topbox ul li{
	display: none;
}
footer .footerab .footright .topbox ul li.on{
	display: block;
}
footer .footerab .footright .bottombox{
	position: relative;
	z-index: 99;
}
footer .footerab .footright .bottombox ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
}
footer .footerab .footright .bottombox ul li.on{
	display: block;
	border-bottom: 1px solid #fff;
}
footer .footerab .footright .bottombox ul li a{
	color: #fff;
}
footer .footernav{
	position: relative;
	z-index: 1;
	padding-top: 80px;
}
footer .footernav .navlist ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
}
footer .footernav .navlist ul li{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	padding-left: 65px;
	min-width: 200px;
	box-sizing: border-box;
}
footer .footernav .navlist ul li:first-child{
	padding-left: 0;
}
footer .footernav .navlist ul li:after{
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	background-color: #7a7a7a;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
}
footer .footernav .navlist ul li:first-child:after{
	display: none;
}
footer .footernav .navlist ul li h2{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 30px;
}
footer .footernav .navlist ul li a{
	color: #7a7a7a;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
}
footer .footernav .navlist ul li a:hover{
	color: #fff;
}
footer .footernav .friendlink{
	padding-top: 100px;
	padding-bottom: 35px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 2;
}
footer .footernav .friendlink h4{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
footer .footernav .friendlink a{
	font-size: 15px;
	color: #7a7a7a;
	padding: 0 20px;
}
footer .footernav .friendlink a:hover{
	color: #fff;
}
footer .copyright{
	padding: 20px 0;
	border-top: 1px solid #33393d;
	color: #7a7a7a;
}
footer .copyright a{
	color: #7a7a7a;
	transition: 0.3s;
}
footer .copyright a:hover{
	color: #fff;
}
footer .copyright .copyrightbox{
	position: relative;
	z-index: 2;
}
/* 公用样式 */
.mbx{
	box-shadow: 0 0 10px -5px #999;
}
.mbx .mbxbox{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	height: 70px;
}
.mbx .mbxbox .mbxleft{
	font-size: 15px;
	color: #777;
	line-height: 70px;
	height: 70px;
}
.mbx .mbxbox .mbxleft a{
	font-size: 15px;
	color: #777;
}
.mbx .mbxbox .mbxleft a:hover{
	color: var(--main-color);
}
.mbx .mbxbox .mbxright ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}
.mbx .mbxbox .mbxright ul li{
	margin-left: 70px;
}
.mbx .mbxbox .mbxright ul li a{
	font-size: 16px;
	color: #333;
	display: block;
	position: relative;
	line-height: 70px;
	height: 70px;
}
.mbx .mbxbox .mbxright ul li a:after{
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background-color: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: 0.3s;
}
.mbx .mbxbox .mbxright ul li a:hover{
	color: var(--main-color);
}
.mbx .mbxbox .mbxright ul li a:hover:after{
	width: 100%;
	left: 0;
}
.mbx .mbxbox .mbxright ul li a.on{
	color: var(--main-color);
}
.mbx .mbxbox .mbxright ul li a.on:after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 0;
}
.topbanner{
	padding-top: 88px;
	overflow: hidden;
}
.topbanner .bannerbox{
	position: relative;
}
.topbanner .bannerbox img{
	display: block;
	width: 100%;
}
.topbanner .bannerbox .textbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}
.topbanner .bannerbox .textbox h2{
	color: #fff;
	font-size: 48px;
	font-weight: normal;
	margin-bottom: 20px;
}
.topbanner .bannerbox .textbox p{
	color: #fff;
	font-size: 18px;
}
.titleen{
	font-size: 46px;
	color: #222;
	opacity: 0.09;
	text-align: center;
	font-weight: bold;
}
.titlecn{
	font-size: 42px;
	color: #333;
	text-align: center;
}
/* 关于我们 */
.about{
	padding-top: 78px;
	background-color: #f4f4f4;
}
.about .abouttop{
	padding-bottom: 80px;
}
.aboutswiperbox{
	overflow: hidden;
}
.aboutswiperbox .swiper-slide{
	border-radius: 12px;
	position: relative;
}
.aboutswiperbox .swiper-slide img{
	display: block;
	width: 100%;
}
.aboutswiperbox .swiper-slide.swiper-slide-active:after{
	content: "ABOUT US";
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%,140%) rotateZ(-90deg);
	display: block;
	font-size: 5.3125vw;
	color: #222;
	opacity: 0.09;
	z-index: -1;
}
.about .aboutbottom h4{
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 40px;
}
.about .aboutbottom h4 span{
	color: var(--main-color);
}
.about .aboutbottom .textbox{
	padding-bottom: 30px;
}
.about .aboutbottom .textbox p{
	font-size: 18px;
	color: #666;
	margin-bottom: 30px;
}
.about .aboutbottom .linianbox ul{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	padding-bottom: 120px;
}
.about .aboutbottom .linianbox ul li{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-direction: column;
	padding-left: 60px;
	padding-right: 60px;
	position: relative;
}
.about .aboutbottom .linianbox ul li:after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #bfbfbf;
	opacity: 0.5;
}
.about .aboutbottom .linianbox ul li:first-child{
	padding-left: 0;
}
.about .aboutbottom .linianbox ul li:first-child:after{
	display: none;
}
.about .aboutbottom .linianbox ul li h3{
	font-size: 24px;
	color: #333;
	font-weight: normal;
}
.about .aboutbottom .linianbox ul li p{
	font-size: 16px;
	color: #666666;
	padding-top:15px; line-height:28px;
}
.licheng{
	padding-top: 80px;
}
.licheng .lichengimg img{
	padding-top: 55px;
	padding-bottom: 75px;
	width: 100%; 
}
.licheng .lichengswiperbox{
	overflow: hidden;
	padding-top: 55px;
	padding-bottom: 75px;
	display: none;
}
.licheng .lichengswiperbox .lichengswiper{
	background-color: #f4f4f4;
}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox{
	display: flex;
	display: -webkit-flex;
	padding: 40px 0;
}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .imgbox{
	width: 50%;
	padding-left: 35px;
	padding-right: 65px;
}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .imgbox img{
	display: block;
	width: 100%;
}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox{
	width: 50%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 50px;
}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox h3{
	font-size: 28px;
	color: #333;
	font-weight: normal;
	margin-bottom: 30px;
}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox div{
	font-size: 18px;
	color: #666;
}
.licheng .lichengswiperbox .lichengswiper1{
	padding-top: 50px;
}
.licheng .lichengswiperbox .lichengswiper1 .swiper-slide img{
	display: block;
	width: 100%;
}
.licheng .lichengswiperbox .lichengswiper1 .swiper-slide .year{
	text-align: center;
	font-size: 28px;
	color: #333;
	line-height: 60px;
	font-weight: bold;
}
.licheng .lichengswiperbox .lichengswiper1 .swiper-slide.active .year{
	color: var(--main-color);
}
.company{
	padding-top: 78px;
	background-color: #f5f5f5;
}
.company .imgbox{
	padding-top: 55px;
	padding-bottom: 75px;
}
.company .imgbox ul li{
	float: left;
	width: 22%;
	margin-right: 2%;
	margin-bottom: 38px;
	position: relative;
	overflow: hidden;
}
.company .imgbox ul li:nth-child(4n){
	margin-right: 0;
}
.company .imgbox ul li img{
	display: block;
	width: 100%;
	height:250px;
}
.company .imgbox ul li:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/companybg.jpg);
	background-size: cover;
	opacity: 0;
	transition: 0.3s;
	z-index: 1;
}
.company .imgbox ul li:hover:after{
	opacity: 0.94;
}
.company .imgbox ul li:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 31px;
	height: 33px;
	background-image: url(../images/companysearch.png);
	background-repeat: no-repeat;
	transform: translate(-50%,-100%);
	opacity: 0;
	transition: 0.3s;
	z-index: 2;
}
.company .imgbox ul li:hover:before{
	opacity: 0.94;
	transform: translate(-50%,-50%);
}

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin-top:36px;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 10px 11px;float: left;margin: 0 5px;font-size:14px; border:1px solid #ccc;}
.ab_pages ul a.page-num-current{ background:#049C9C; color:#FFFFFF; border:1px solid #049C9C;}
.ab_pages ul a:hover{background:#049C9C; color:#FFFFFF; border:1px solid #049C9C;}

/* 产品列表 */
.productlist{
	padding-top: 80px;
	background-color: #f3f3f3;
	padding-bottom: 110px;
	overflow:hidden;
}
.productlist .productbox ul li{
	margin-bottom: 50px;
	background-color: #fff; overflow:hidden;
	padding:25px;

}
.productlist .productbox ul li:nth-child(even){
	flex-direction: row-reverse;
}
.productlist .productbox ul li:last-child{
	margin-bottom: 0;
}
.productlist .productbox ul li .textbox{
	width: 70%;
	float:right;
}
.productlist .productbox ul li .textbox h2{
	font-size: 24px;
	color: #333;
	font-weight: normal;
	margin-bottom: 20px;
}
.productlist .productbox ul li .textbox h2:hover{ color:#049C9C;}
.productlist .productbox ul li .textbox .text{
	font-size: 18px;
	color: #999;
}
.productlist .productbox ul li .textbox .more{
	font-size: 14px;
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	margin-top: 35px;
	border-radius: 5px;
	background: var(--main-color);
	background: -webkit-gradient(linear, 0 100%, 100% 0, from(#049C9C), to(#015858));
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	line-height:30px;
}
.productlist .productbox ul li .textbox .more:hover{
	transform: translateY(-5px);
}
.productlist .productbox ul li .imgbox{
	width: 26%;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	float:left;
}
.productlist .productbox ul li .imgbox:hover img{
	animation: productimg 0.5s linear infinite alternate;
	/*box-shadow: 0 50px 150px rgba(0,0,0,0.05);*/
}
@keyframes productimg{
	from{transform: translateY(0px);}
	to{transform: translateY(-8px);}
}
.productlist .productbox ul li .imgbox img{
	display: block;
	max-width: 100%;
}
.product2 .topbox{
	padding-top: 76px;
}
.product2 .topbox .title{
	text-align: center;
	font-size: 39px;
	font-weight: bold;
	color: #333;
	position: relative;
	padding-bottom: 18px;
}
.product2 .topbox .title:after{
	content: "";
	display: block;
	width: 62px;
	height: 4px;
	background-color: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.product2 .topbox .topswiper{
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 45px;
}
.product2 .topbox .topswiper .abox{
	display: block;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.product2 .topbox .topswiper .abox .imgbox{
	width: 100%;
	height: 140px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}
.product2 .topbox .topswiper .abox h2{
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
.product2 .topbox .topswiper .active .abox h2{
	color: var(--main-color);
}
.product2 .topbox .swiper-scrollbar{
	height: 35px;
	background: unset;
	position: relative;
}
.product2 .topbox .swiper-scrollbar:after{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #eaeaea;
	z-index: 0;
}
.product2 .topbox .swiper-scrollbar-drag{
	background: url(../images/huadong.png) center center no-repeat;
	z-index: 2;
    background-size: contain;
}
.bottombox .table table{
	width: 100%;
	text-align: center;
}
.product2 .bottombox{
	padding-top: 75px;
	padding-bottom: 60px;
}
.bottombox .table table tr th{
	background-color: var(--main-color);
	border: 1px solid rgba(176, 176, 176, 0.5);
	color: #fff;
	height: 75px;
	font-size: 12px;
}
.bottombox .table table tr th .title{
	height: 37px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}
.bottombox .table table tr th .shaixuan{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
	height: 37px;
}
.bottombox .table table tr th .shaixuan .leftbox{
	position: relative;
}
.bottombox .table table tr th .shaixuan .leftbox.on ul{
	display: block;
	max-height: 500px;
	overflow-y: auto;
}
.bottombox .table table tr th .shaixuan .leftbox ul{
	min-width: 118px;
    padding: 10px 18px;
    background: #3986c4;
    position: absolute;
    left: 0;
    top: 18px;
    z-index: 5;
    text-align: left;
    display: none;
}
.bottombox .table table tr th .shaixuan .leftbox ul li{
	line-height: 36px;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}
.bottombox .table table tr th .shaixuan .leftbox ul li label{
	cursor: pointer;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    white-space: nowrap;
}
.bottombox .table table tr th .shaixuan .leftbox ul li label input{
	-webkit-appearance: none;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #80aed4;
    margin: -4px 14px 0 0;
}
.bottombox .table table tr th .shaixuan .leftbox ul li label input:checked{
	background: url(../images/checked.png) no-repeat center #ffffff;
    border: solid 1px #ebebeb;
}
.bottombox .table table tr th .shaixuan .rightbox{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.bottombox .table table tr th>div{
	border-bottom: 1px solid rgba(176, 176, 176, 0.5);
}
.bottombox .table table tr td{
	height: 40px;
	border: 1px solid rgba(176, 176, 176, 0.5);
	font-size: 12px;
	color: #333;
}
/* 应用中心 */
.applist{
	padding-top: 40px;
}
.applist .appbox{
	padding-top: 60px;
	padding-bottom: 80px;
}
.applist .appbox ul li{
	float: left;
	width: 30%;
	margin-right: 2.2%;
	margin-bottom: 2.2%;
	position: relative;
	overflow: hidden;
}

.applist .appbox ul li:nth-child(3n){ margin-right:0px;}

.applist .appbox ul li img{
	display: block;
	width: 100%;
	transition: 0.3s;
}
.applist .appbox ul li:hover img{
	transform: scale(1.05);
}
.applist .appbox ul li .textbox{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-color:#049C9C;
	background-size: cover;
	background-repeat: no-repeat;
}
.applist .appbox ul li .textbox h2{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
}
.applist .appbox ul li .textbox dl{
}
.applist .appbox ul li .textbox dd{
	font-size: 16px;
	color: #fff;
	opacity: 0.6;
	padding-right: 31px;
	position: relative;
	display: inline-block;
}
.applist .appbox ul li .textbox dd:after{
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
}
.applist .appbox ul li .textbox dd:last-child:after{
	display: none;
}
.app{
	background-color: #f3f3f3;
	padding-top: 75px;
	padding-bottom: 90px;
}
.app .appbox2{
	border-radius: 15px;
	background-color: #fff;
	padding: 0 65px;
}
.app .appbox2 img{
	display: block;
	max-width: 100%;
}
.app .appbox2 .toptitle{
	border-bottom: 1px solid #e6e6e6;
	padding-top: 65px;
	padding-bottom: 25px;
}
.app .appbox2 .toptitle h5{
	font-size: 16px;
	color: #999;
	font-weight: normal;
}
.app .appbox2 .toptitle h1{
	font-size: 42px;
	color: #333;
}
.app .appbox2 .contentbox{
	padding-top: 50px;
}
.app .appbox2 .contentbox .partbox{
	padding-bottom: 50px;
}
.app .appbox2 .contentbox .partbox h2{
	position: relative;
	font-size: 24px;
	color: #333;
	padding-left: 20px;
}
.app .appbox2 .contentbox .partbox h2:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10%;
	width: 3px;
	height: 80%;
	background-color: var(--main-color);
}
.app .appbox2 .contentbox .partbox .partcontent{
	padding-top: 30px;
	font-size: 16px;
	color: #666;
	line-height: 38px;
}
/* 下载 */
.download{
	padding-top: 90px;
	padding-bottom: 110px;
}
.download .downloadbox{
	padding-top: 60px;
}
.download .downloadbox .toptitle{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	background-color: var(--main-color);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 82px;
}
.download .downloadbox .toptitle div{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	padding: 0 28px;
	box-sizing: border-box;
}
.download .downloadbox .toptitle .name{
	width: 25%;
}
.download .downloadbox .toptitle .des{
	width: 40%;
}
.download .downloadbox .toptitle .size{
	width: 25%;
}
.download .downloadbox .toptitle .down{
	width: 10%;
}
.download .downloadbox .downcontent .partbox{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	border-bottom: 2px solid #e7e3e0;
	transition: 0.3s;
}
.download .downloadbox .downcontent .partbox:hover{
	border-bottom: 2px solid var(--main-color);
}
.download .downloadbox .downcontent .partbox div{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	padding: 0 28px;
	height: 82px;
	font-size: 16px;
	color: #222;
	transition: 0.3s;
	box-sizing: border-box;
}
.download .downloadbox .downcontent .partbox:hover div{
	color: var(--main-color);
}
.download .downloadbox .downcontent .partbox .name{
	width: 25%;
}
.download .downloadbox .downcontent .partbox .des{
	width: 40%;
}
.download .downloadbox .downcontent .partbox .size{
	width: 25%;
}
.download .downloadbox .downcontent .partbox .down{
	width: 10%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.download .downloadbox .downcontent .partbox .down a{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: relative;
}
.download .downloadbox .downcontent .partbox .down a:after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background-color: var(--main-color);
	transition: 0.3s;
}
.download .downloadbox .downcontent .partbox:hover .down a:after{
	width: 40px;
	height: 40px;
}
.download .downloadbox .downcontent .partbox .down a:before{
	content: "→";
	font-family: swiper-icons;
	color: #fff;
	font-size: 10px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotateZ(90deg);
	z-index: 3;
	opacity: 0;
	transition: 0.3s;
}
.download .downloadbox .downcontent .partbox:hover .down a:before{
	opacity: 1;
}
/* 联系我们 */
.contact .contactbox{
	padding-top: 60px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.contact .contactbox .zongbu{
	width: 34.7222%;
	padding-right: 60px;
	box-sizing: border-box;
}
.contact .contactbox .zongbu dl{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
}
.contact .contactbox .zongbu dl dd{
	height: 108px;
	border-bottom: 1px solid #d8d8d8;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
}
.contact .contactbox .zongbu dl .title{
	font-size: 28px;
	color: #222;
	font-weight: bold;
	padding-top: 20px;
	box-sizing: border-box;
}
.contact .contactbox .zongbu dl .tel{
	padding-left: 76px;
	box-sizing: border-box;
	padding-right: 20px;
	position: relative;
}
.contact .contactbox .zongbu dl .tel:after{
	content: "next";
	font-family: swiper-icons;
	display: block;
	font-size: 12px;
	color: #222;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}
.contact .contactbox .zongbu dl .tel:before{
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	background-color: var(--main-color);
	background-image: url(../images/telbg.png);
	background-position: center;
	background-repeat: no-repeat;
}
.contact .contactbox .zongbu dl .web{
	padding-left: 76px;
	box-sizing: border-box;
	padding-right: 20px;
	position: relative;
}
.contact .contactbox .zongbu dl .web:after{
	content: "next";
	font-family: swiper-icons;
	display: block;
	font-size: 12px;
	color: #222;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}
.contact .contactbox .zongbu dl .web:before{
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	background-color: var(--main-color);
	background-image: url(../images/webbg.png);
	background-position: center;
	background-repeat: no-repeat;
}
.contact .contactbox .zongbu dl dd a{
	font-size: 20px;
	color: #222;
}
.contact .contactbox .zongbu dl dd p{
	font-size: 14px;
	color: #999;
}
.contact .contactbox .zongbu dl .add{
	font-size: 16px;
	color: #222;
	padding-left: 76px;
	box-sizing: border-box;
	padding-right: 20px;
	position: relative;
}
.contact .contactbox .zongbu dl .add:after{
	content: "next";
	font-family: swiper-icons;
	display: block;
	font-size: 12px;
	color: #222;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}
.contact .contactbox .zongbu dl .add:before{
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	background-color: var(--main-color);
	background-image: url(../images/addbg.png);
	background-position: center;
	background-repeat: no-repeat;
}
.contact .contactbox .fenbu{
	width: 65.2778%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact .contactbox .fenbu .partbox{
	width: 46.8085%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
}
.contact .contactbox .fenbu .partbox .title{
	font-size: 28px;
	color: #222;
	font-weight: bold;
	padding-top: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #d8d8d8;
	height: 108px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.contact .contactbox .fenbu .partbox .add{
	font-size: 16px;
	color: #222;
	box-sizing: border-box;
	border-bottom: 1px solid #d8d8d8;
	height: 108px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	padding-right: 20px;
	position: relative;
}
.contact .contactbox .fenbu .partbox .add:after{
	content: "next";
	font-family: swiper-icons;
	display: block;
	font-size: 12px;
	color: #222;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}
.map{
	padding-top: 100px;
	padding-bottom: 65px;
	overflow: hidden;
}
.map #map{
	width: 100%;
	height: 65vh;
	outline: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: unset;
}
.message .messagebox{
	margin-top: 35px;
	padding-top: 30px;
	padding-bottom: 80px;
	border-top: 1px solid #e6e6e6;
}
.message .messagebox #mymessage{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 16px;
	color: #555;
}
.message .messagebox #mymessage #myname{
	width: 31.9444%;
	margin-bottom: 30px;
	height: 50px;
	padding-left: 20px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	outline: none;
}
.message .messagebox #mymessage #myemail{
	width: 31.9444%;
	margin-bottom: 30px;
	height: 50px;
	padding-left: 20px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	outline: none;
}
.message .messagebox #mymessage #mytel{
	width: 31.9444%;
	margin-bottom: 30px;
	height: 50px;
	padding-left: 20px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	outline: none;
}
.message .messagebox #mymessage #message{
	width: 100%;
	margin-bottom: 35px;
	height: 195px;
	padding-left: 20px;
	padding-top: 20px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	outline: none;
	font-family: "Microsoft";
}
.message .messagebox #mymessage .codeimg{
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	width: 100%;
	box-sizing: border-box;
}
.message .messagebox #mymessage #code{
	width: 230px;
	margin-bottom: 30px;
	height: 50px;
	padding-left: 20px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	outline: none;
}
.message .messagebox #mymessage .codeimg img{
	display: block;
	height: 50px;
	width: 134px;
	margin-left: 12px;
}
.message .messagebox #mymessage #submit{
	margin: 0 auto;
	outline: none;
	border: unset;
	padding: 13px 44px;
	color: #fff;
	border-radius: 5px;
	font-size: 15px;
	background: var(--main-color);
	background: -webkit-gradient(linear, 0 100%, 100% 0, from(#049C9C), to(#047777));
}
/* 招贤纳士 */
.jointop .topbox{
	padding-top: 110px;
	padding-left: calc((100vw - 1440px) / 2);
	padding-bottom: 90px;
	display: flex;
	display: -webkit-flex;
	overflow: hidden;
	position: relative;
}
.jointop .topbox .leftbox{
	width: 47.143%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
}
.jointop .topbox .leftbox .titleen{
	text-align: left;
}
.jointop .topbox .leftbox .titlecn{
	text-align: left;
}
.jointop .topbox .leftbox .linian{
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 32px;
	font-weight: bold;
}
.jointop .topbox .leftbox .linian span{
	color: var(--main-color);
}
.jointop .topbox .leftbox .shuoming{
	font-size: 18px;
	color: #666;
	line-height: 36px;
	padding-bottom: 90px;
}
.jointop .topbox .leftbox .tip{
	font-size: 15px;
	color: #999;
}
.jointop .topbox .leftbox .more{
	font-size: 15px;
	color: #fff;
	display: inline-block;
	padding: 15px 44px;
	margin-top: 30px;
	border-radius: 5px;
	background: var(--main-color);
	background: -webkit-gradient(linear, 0 100%, 100% 0, from(#049C9C), to(#047777));
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
.jointop .topbox .leftbox .more:hover{
	transform: translateY(-5px);
}
.jointop .topbox .rightbox{
	width: 52.857%;
	padding-bottom: 95px;
	position: relative;
}
.jointop .topbox .rightbox img{
	display: block;
	width: 100%;
}
.jointop .topbox .rightbox:after{
	content: "TALENT CONCEPT";
	display: block;
	width: 400%;
	font-size: 14.58333vw;
	position: absolute;
	bottom: 0;
	left: -30%;
	line-height: 0.78;
	opacity: 0.06;
	z-index: -1;
}
.joinbottom{
	padding-top: 150px;
	background: url(../images/joinbg.jpg) top center no-repeat;
	padding-bottom: 90px;
}
.joinbottom .joinmain{
	background-color: #fff;
	padding-top: 90px;
	box-shadow: 0 0 10px -5px #999;
}
.joinbottom .joinmain .joinul{
	padding: 50px 40px 30px;
}
.joinbottom .joinmain .joinul .joinlist{
	padding: 0 50px;
	margin-bottom: 40px;
	border: 1px solid #ddd;
}
.joinbottom .joinmain .joinul .joinlist .partone{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	border-bottom: 1px solid #ddd;
}
.joinbottom .joinmain .joinul .joinlist .partone .leftbox{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	padding-left: 44px;
	background: url(../images/rentou.png) left center no-repeat;
}
.joinbottom .joinmain .joinul .joinlist .partone .rightbox{
	font-size: 15px;
	color: #999;
	padding-right: 20px;
	position: relative;
}
.joinbottom .joinmain .joinul .joinlist .partone .rightbox:hover{
	color: #333;
}
.joinbottom .joinmain .joinul .joinlist.on .partone .rightbox:after{
	transform: translateY(-50%) rotateZ(-90deg);
}
/*.joinbottom .joinmain .joinul .joinlist .partone .rightbox:after{
	content: "next";
	display: block;
	font-family: swiper-icons;
	font-size: 12px;
	position: absolute;
	right: 1px;
	top: 50%;
	transform: translateY(-50%) rotateZ(90deg);
}*/
.joinbottom .joinmain .joinul .joinlist .parttwo{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	padding: 26px 0;
}
.joinbottom .joinmain .joinul .joinlist .parttwo>div{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.joinbottom .joinmain .joinul .joinlist .parttwo>div>div{
	padding-right: 120px;
	font-size: 16px;
	color: #777;
	line-height: 32px;
}
.joinbottom .joinmain .joinul .joinlist .partthree{
	display: none;
	border-top: 1px solid #ddd;
}
.joinbottom .joinmain .joinul .joinlist .partthree .main{
	padding: 30px 0;
	line-height: 2;
	font-size: 16px;
	color: #777;
}
.joinbottom .joinmain .joinul .joinlist .partthree .main h4{
	color: #333;
	font-weight: normal;
}
.joinbottom .joinmain .joinul .joinlist .partthree .submitmail{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 30px;
}
.joinbottom .joinmain .joinul .joinlist .partthree .submitmail a{
	font-size: 15px;
	color: #fff;
	display: inline-block;
	padding: 15px 44px;
	border-radius: 5px;
	background: var(--main-color);
	background: -webkit-gradient(linear, 0 100%, 100% 0, from(#049C9C), to(#015858));
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}

/* 搜索页面 */
.product2 .searchh2{
	margin-top: 30px;
}
/* 英文样式 */
footer.footeren .footernav .navlist ul li{
	padding: 0 30px;
}
footer.footeren .footernav .navlist ul li:first-child{
	padding-left: 0;
}
footer .footerab{
	width: unset;
	left: unset;
	right: calc(50% - 720px);
	z-index: 3;
}
footer .footerab .wrap{
	width: 320px;
	margin: 0;
}
/* 公司图片放大效果 */
.companyimg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	z-index: -99;
	opacity: 0;
	transition: 0.3s;
}
.companyimg.on{
	position: fixed;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	z-index: 9;
}
.companyimg img{
	max-width: 90%;
	max-height: 80vh;
}
.scrollsy {width: 100%;margin-bottom:35px;}
.scrollsy ul {white-space: nowrap;}
.scrollsy ul li {float:left;width:10%; height:70px;}
.scrollsy ul img {width:70%; margin:auto;}


.contact .box2 .product_t2{ text-align:left; margin-top:0;}
.contact{
	background-color: #f7f7f7;
}
.contact .product_t2{ margin-top:0;}
.contact .box1{
	text-align: center;
}
.contact .box1 .box-c{
	position: relative;
	background-color: #fff;
}
.contact .box1 .box-c .content1400{
	display: flex;
	justify-content: flex-end;
}
.contact .box1 .box-c .l{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.contact .box1 .box-c .l #container{
	width: 100%;
	height: 100%;
}
.contact .box1 .box-c .r{
	padding: 100px 0 70px;
	width: 42.85%;
	text-align: left;
	margin-right:2%;
}
.contact .box1 .box-c .r .title{
	font-size: 26px;
	/*font-family: Microsoft YaHei;*/
	font-weight: bold;
	color: #474747;
	line-height: 1;
	padding-bottom: 19px;
	border-bottom: 1px solid rgba(124, 122, 123, 1);
	text-align: left;
}
.contact .box1 .box-c .r .msg li{
	display: flex;
	border-bottom: 1px solid rgba(233, 233, 233, 1);
	justify-content: space-between;
	padding: 40px 0;
}
.contact .box1 .box-c .r .msg .item{
	display: flex;
	align-items: center;
}
.contact .box1 .box-c .r .msg .line{
	border-right: 1px solid rgba(233, 233, 233, 1);
}
.contact .box1 .box-c .r .msg .item-l{
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	border: 2px solid #474747;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact .box1 .box-c .r .msg .item-l .iconfont{
	color: rgba(71, 71, 71, 1);
	font-size: 20px;
}
.contact .box1 .box-c .r .msg .item-r{
	flex: 1;
	margin-left: 13px;
	text-align: left;
}
.contact .box1 .box-c .r .msg .text-title{
	font-size: 15px;
	/*font-family: Microsoft YaHei;*/
	font-weight: 300;
	color: #666666;
	line-height: 1;
}
.contact .box1 .box-c .r .msg .text-des{
	font-size: 16px;
	/*font-family: Microsoft YaHei;*/
	font-weight: 400;
	color: #333333;
	line-height: 1;
	margin-top: 8px;
}
.contact .box1 .box-c .ewm{
	margin-top: 32px;
	display: inline-block;
	text-align: center;
}
.contact .box1 .box-c .ewm img{
	display: block;
}
.contact .box1 .box-c .ewm p{
	font-size: 16px;
	/*font-family: Microsoft YaHei;*/
	font-weight: 400;
	color: #888888;
	line-height: 1;
	margin-top: 17px;
}
.jjfa .swiper-slide{ width:32%; float:left; margin-right:1%; margin-bottom:1%;}

.syjjfa li { width:31%; float:left; margin-right:2%; margin-bottom:2%;}
.syjjfa li:nth-child(3n){ margin-right:0px;}
.syjjfa li a{ display:block; text-align:center; background-color:#049C9C; font-size:28px; text-align:center;  line-height:270px; color:#FFFFFF;}
.syjjfa li a:hover{ background-color:#097676}

/* 响应式 */
@media screen and (max-width: 1600px){
.wrap{width: 94%;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 46px;}
.homepro h2,.homeabout .aboutbox .abouttext .textbox h2,.homeapp .appbox h2{font-size: 44px;}
.homeabout .aboutbox .abouttext .textbox h3{font-size: 27px;}
.xxypadding{padding: 90px 0;}
.jointop .topbox{padding-left: 3%;}
.jointop .topbox .leftbox{padding-right: 30px;}
.homepro .overfhid .swiper-button-prev{left: 10px;}
.homepro .overfhid .swiper-button-next{right: 10px;}
.homepro .overfhid .swiper-button-prev, .homepro .overfhid .swiper-button-next{
	color: #fff;
}
}
@media screen and (max-width: 1500px){
.wrap{width: 94%;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox{width: 94%;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 44px;}
.homepro h2,.homeabout .aboutbox .abouttext .textbox h2,.homeapp .appbox h2{font-size: 42px;}
.homeabout .aboutbox .abouttext .textbox h3{font-size: 26px;}
.xxypadding{padding: 80px 0;}
.topbanner .bannerbox .textbox h2{font-size: 44px;}
}
@media screen and (max-width: 1400px){
.wrap{width: 94%;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 42px;}
.homepro h2,.homeabout .aboutbox .abouttext .textbox h2,.homeapp .appbox h2{font-size: 40px;}
.homeabout .aboutbox .abouttext .textbox h3{font-size: 25px;}
.xxypadding{padding: 60px 0;}
.homepro .homeproswiper{padding-top: 70px;}
.menubox .menunav ul li{padding: 0 11px;}
footer .footernav .navlist ul li{min-width: 180px;}
.topbanner .bannerbox .textbox h2{font-size: 42px;}
.productlist .productbox ul li .textbox{padding-left: 40px;padding-right: 40px;}
.productlist{padding-top: 60px;padding-bottom: 80px;}
.jointop .topbox .leftbox{width: 45%;}
.jointop .topbox .leftbox .linian{font-size: 30px;padding: 20px 0;}
.jointop .topbox .leftbox .shuoming{line-height: 30px;padding-bottom: 40px;}
.joinbottom .joinmain .joinul .joinlist .parttwo>div>div{padding: 0;flex-grow: 1;}
}
@media screen and (max-width: 1300px){
.menubox .menunav ul li{padding: 0 8px;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 40px;}
.homeapp .appbox .changebox ul li a .textbox{height: 90px;}
.homeabout .aboutbox .aboutimg:before,.homeabout .aboutbox .aboutimg:after{top: 50%}
footer .footernav .navlist ul li{padding-left: 30px;min-width: 160px;}
.topbanner .bannerbox .textbox h2{font-size: 40px;}
}
@media screen and (max-width: 1200px){
.menubox .menunav ul li{padding: 0 15px;}
.menubox .language{margin-left: 15px;}
.homebanner .xxybannerswiper .swiper-slide .bannertext{top: 0;}
.homepro h2, .homeabout .aboutbox .abouttext .textbox h2, .homeapp .appbox h2{font-size: 38px;}
.homeapp .appbox h2{line-height: 80px;}
.homeapp .appbox .textbox{line-height: 30px;font-size: 16px;}
.xxypadding{padding: 30px 0;}
.homeabout .aboutbox .abouttext .textbox h3{margin-bottom: 20px;}
.homeabout .aboutbox .abouttext .textbox div{margin-bottom: 40px;}
footer .footernav .navlist ul li{min-width: 150px;}
footer .footernav .friendlink{flex-wrap: wrap;max-width: 70%;}
.topbanner .bannerbox .textbox h2{font-size: 38px;}
.productlist .productbox ul li .textbox{padding: 60px 40px;}
.product2 .bottombox{overflow-x: scroll;}
.product2 .bottombox table{min-width: 1100px;}
.product2 .topbox{padding-top: 40px;}
.product2 .topbox .title{font-size: 36px;}
.applist{padding-top: 40px;}
.titleen{font-size: 42px;}
.titlecn{font-size: 38px;}
.app{padding-top: 40px;padding-bottom: 40px;}
.app .appbox2 .toptitle,.app .appbox2 .contentbox{padding-top: 40px;}
.app .appbox2 .contentbox .partbox{padding-bottom: 40px;}
.app .appbox2{padding: 0 40px;}
.download{padding: 40px 0;}
.download .downloadbox{padding-top: 40px;}
.download .downloadbox .toptitle{height: 70px;}
.download .downloadbox .toptitle .name,.download .downloadbox .toptitle .size,.download .downloadbox .downcontent .partbox .name,.download .downloadbox .downcontent .partbox .size{width: 20%;}
.download .downloadbox .downcontent .partbox .des,.download .downloadbox .toptitle .des{width: 50%;}
.about{padding-top: 40px;}
.about .abouttop{padding-bottom: 40px;}
.about .aboutbottom h4{font-size: 30px;margin-bottom: 30px;}
.about .aboutbottom .textbox p{margin-bottom: 20px;}
.about .aboutbottom .linianbox ul{padding-bottom: 40px;}
.licheng{padding-top: 40px;}
.licheng .lichengswiperbox{padding-top: 40px;padding-bottom: 40px;}
.company{padding-top: 40px;}
.company .imgbox{padding-top: 40px;padding-bottom: 40px;}
.contact .contactbox{padding-top: 40px;}
.contact .contactbox .zongbu dl dd{height: 80px;}
.contact .contactbox .zongbu dl .title{padding-top: 10px;font-size: 24px;}
.contact .contactbox .fenbu .partbox .add{height: 80px;}
.contact .contactbox .fenbu .partbox .title{height: 80px;font-size: 24px;}
.map{padding-top: 60px;padding-bottom: 40px;}
.message .messagebox{padding-bottom: 40px;}
.jointop .topbox{padding-left: 40px;}
.jointop .topbox{padding-top: 40px;padding-bottom: 40px;}
.jointop .topbox .leftbox .linian{font-size: 26px;}
.jointop .topbox .rightbox:after{left: -12%;}
.joinbottom .joinmain{padding-top: 40px;}
.joinbottom .joinmain .joinul{padding: 40px 3% 20px;}
}
@media screen and (max-width: 1100px){
.menubox .menunav ul li{padding: 0 9px;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 38px;}
.homeapp .appbox .textbox{max-width: 90%;}
footer .footerab{position: static;}
footer .footernav{padding-top: 40px;display: none;}
footer .footerab .footright{float: none;width: 400px;margin: 0 auto;padding-top: 40px;background: unset;}
footer .footerab .footright .bottombox{margin-top: 20px;position: static;z-index: unset;}
footer .footernav .navlist ul li{min-width: unset;flex-grow: 1;}
footer .footernav .friendlink{max-width: unset;padding-top: 40px;}
.topbanner .bannerbox .textbox h2{font-size: 36px;}
.about .aboutbottom h4{font-size: 28px;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox h3{font-size: 24px;margin-bottom: 20px;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox div{font-size: 16px;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .imgbox{padding: 0 3%;}
footer .footerab .wrap{width: 400px;margin: 0 auto;}
}
@media screen and (max-width: 1024px){
.homebanner{padding-top: 80px;}
.headerbox .logo img{height: 56px;}
.menubox .language .changelang a{line-height: 80px;}
.menubox .language .search a{line-height: 80px;height: 80px;}
.menubox .changemenu{height: 80px;width: 80px;}
.menubox .changemenu span:nth-child(1){top: 28px}
.menubox .changemenu span:nth-child(2){top: 38px}
.menubox .changemenu span:nth-child(3){top: 48px}
.menubox .changemenu .rightnav{width: 100vw;}
.menubox .menunav{display: none;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 36px;}
.homepro .homeproswiper{padding-bottom: 40px;padding-top: 40px;}
.homeabout .aboutbox .aboutimg:before, .homeabout .aboutbox .aboutimg:after{font-size: 60px;}
.homeabout .aboutbox .abouttext .textbox img{max-width: 80px;margin-bottom: 12px;}
.homeabout .aboutbox .abouttext .textbox div{margin-bottom: 20px;line-height: 24px;}
.homeabout .aboutbox .abouttext .textbox h3{font-size: 22px;}
.homeapp .appbox .textbox{max-width: unset;line-height: 24px;padding-bottom: 10px;}
.homeapp .appbox .changebox ul li a .textbox{height: 75px;padding-bottom: 0;}
.homeapp .appbox .changebox ul li a .textbox h3{font-size: 18px;}
.homeapp .appbox .changebox ul li a .textbox p{font-size: 16px;}
footer .footernav .navlist ul li{max-width: 20%;}
.mbx .mbxbox{height: 60px;}
.mbx .mbxbox .mbxleft{line-height: 60px;}
.topbanner{padding-top: 80px;}
.product2 .bottombox{padding: 40px 0;}
.titleen{font-size: 38px;}
.titlecn{font-size: 34px;}
.applist .appbox{padding-top: 40px;padding-bottom: 40px;}
.mbx .mbxbox .mbxright ul li a{height: 60px;line-height: 60px;}
.applist .appbox ul li .textbox h2{font-size: 26px;}
.app .appbox2 .toptitle h1{font-size: 36px;}
.app .appbox2 .contentbox .partbox h2{font-size: 22px;}
.download .downloadbox .toptitle .size,.download .downloadbox .toptitle .down{width: 15%;padding: 0 10px;}
.download .downloadbox .downcontent .partbox .size,.download .downloadbox .downcontent .partbox .down{width: 15%;padding: 0 10px;}
.download .downloadbox .toptitle div,.download .downloadbox .downcontent .partbox div{padding: 0 10px;}
.contact .contactbox{flex-direction: column;align-items: flex-start;}
.contact .contactbox .zongbu{width: 47%;padding: 0;box-sizing: border-box;}
.contact .contactbox .fenbu{width: 100%;justify-content: space-between;}
.contact .contactbox .fenbu .partbox{width: 47%;box-sizing: border-box;}
.contact .box1 .box-c .content1400,
	.contact .box2 .content1400{
		flex-direction: column;
	}
	.contact .box1 .box-c .l{
		position: relative;
		width: 100%;
		height: 400px;
	}
	.contact .box1 .box-c .r{
		width: 100%;
		padding: 60px 0; margin-top:100px;
	}
	.contact .box2 .l .des,
	.contact .box2 .l .text-title{
		margin-top: 25px;
	}
	.contact .box2 .l{
		width: 100%;
	}
	.contact .box2 .r{
		width: 100%;
		margin-top: 30px;
	}
	.contact .box2 .product_t2{ text-align:center;}
	.contact .box2{padding: 7% 0 6%;}
	.contact .box1{ padding-top:6%;}
	.contact .box1 .box-c{ margin-top:4%;}
}
@media screen and (max-width: 900px){
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 30px;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox a{margin-top: 60px;}
.homepro h2, .homeabout .aboutbox .abouttext .textbox h2, .homeapp .appbox h2{font-size: 34px;}
.homeabout .aboutbox .abouttext .textbox h3{font-size: 20px;}
.homeapp{background-position: center;}
.homeapp .appbox{height: unset;}
.homeapp .appbox .textbox{line-height: 32px;padding-bottom: 20px;}
.topbanner .bannerbox .textbox h2{font-size: 32px;}
.productlist .productbox ul li .textbox .more{margin-top: 40px;}
.productlist .productbox ul li .textbox h2{font-size: 32px;}
.product2 .topbox .title{font-size: 32px;}
.mbx .mbxbox .mbxright ul li{margin-left: 20px;}
.applist .appbox ul li .textbox{padding-left: 4%;}
.applist .appbox ul li .textbox h2{font-size: 22px;}
.about .aboutbottom h4{font-size: 26px;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox h3{font-size: 22px;margin-bottom: 10px;}
.jointop .topbox{flex-direction: column;padding: 40px 3%;}
.jointop .topbox .leftbox{width: 100%;padding: 0;margin-bottom: 20px;}
.jointop .topbox .rightbox{width: 100%;padding-bottom: 60px;}
.jointop .topbox .rightbox:after{left: 0;}
.joinbottom .joinmain .joinul .joinlist .parttwo>div{flex-wrap: wrap;}
.joinbottom .joinmain .joinul .joinlist{padding: 0 3%;}
.joinbottom{padding-bottom: 40px;}
.jointop .topbox .leftbox .linian{font-size: 24px;}
footer .footerab .wrap{width: 100%;}
.jjfa .swiper-slide{ width:48%; float:left; margin-right:1%; margin-bottom:1%;}
}
@media screen and (max-width: 800px){
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 26px;}
.homepro p{font-size: 16px;}
.homeabout .aboutbox{flex-direction: column;}
.homeabout .aboutbox .aboutimg{max-width: unset;margin-bottom: 20px;}
.homeabout .aboutbox .abouttext{width: 100%;}
.homeapp .appbox .changebox ul li{width: 33.1%;}
.homeapp .appbox .changebox ul li a .textbox p{font-size: 14px;}
.titleen{font-size: 34px;}
.titlecn{font-size: 30px;}
.about .aboutbottom h4{font-size: 24px;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox h3{font-size: 20px;}
.contact .contactbox .zongbu{width: 100%;}
.contact .contactbox{padding-top: 20px;}
.contact .box1 .box-c .r .title{
		font-size: 24px;
	}
.syjjfa li { width:46%; float:left; margin:2%;}
.syjjfa li a{ display:block; text-align:center; background-color:#049C9C; font-size:18px; text-align:center;  line-height:140px; color:#FFFFFF;}
.syjjfa li a:hover{ background-color:#097676}
.syjjfa li:nth-child(3n){ margin-right:2%;}
}
@media screen and (max-width: 700px){
.homebanner{padding-top: 60px;}
.headerbox .logo{padding: 10px 0 10px 20px;}
.headerbox .logo img{height: 30px;}
/*.menubox .language .changelang, .menubox .language .search .hidsearch{top: 10px}*/
.menubox .language .changelang a{line-height: 60px;}
.menubox .language .changelang a{line-height: 60px;}
.menubox .language .search a{line-height: 60px;height: 60px;}
.menubox .changemenu{height: 60px;width: 60px;}
.menubox .language .changelang a:after{top: 15px;}
.menubox .changemenu span:nth-child(1){top: 18px}
.menubox .changemenu span:nth-child(2){top: 28px}
.menubox .changemenu span:nth-child(3){top: 38px}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 22px;line-height: 44px;}
.homepro h2, .homeabout .aboutbox .abouttext .textbox h2, .homeapp .appbox h2{font-size: 30px;}
.menubox .changemenu .rightnav .navleft ul li a{font-size: 24px;}
.menubox .changemenu .rightnav .contentbox{padding-right: 30px;}
.productlist .productbox ul li{margin-bottom: 30px;}
.productlist .productbox ul li .textbox{padding: 30px 20px;}
.productlist .productbox ul li .textbox h2{font-size: 28px;}
.productlist .productbox ul li .textbox .text{font-size: 16px;}
.productlist{padding-top: 40px;padding-bottom: 40px;}
.topbanner{padding-top: 60px;}
.topbanner .bannerbox .textbox{padding: 0 10%;box-sizing: border-box;}
.topbanner .bannerbox .textbox h2{font-size: 28px;}
.topbanner .bannerbox .textbox p{font-size: 16px;}
.product2 .topbox .title{font-size: 28px;}
.product2 .topbox .topswiper .abox h2{font-size: 16px;}
.titleen{font-size: 30px;}
.titlecn{font-size: 26px;}
.mbx .mbxbox .mbxright{display: none;}
.applist .appbox ul li .textbox{padding-bottom: 5%;}
.applist .appbox ul li .textbox h2{font-size: 18px;margin-bottom: 5px;}
.applist .appbox ul li .textbox dd{font-size: 14px;padding-right: 10px;}
.applist .appbox ul li .textbox dd:after{right: 0;}
.app .appbox2 .toptitle h1{font-size: 30px;}
.app .appbox2 .contentbox .partbox h2{font-size: 20px;}
.app .appbox2{padding: 0 3%;}
.download .downloadbox .toptitle{font-size: 16px;}
.download .downloadbox .downcontent .partbox div{font-size: 14px;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox{flex-direction: column;padding: 20px 0;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .imgbox{width: 100%;box-sizing: border-box;margin-bottom: 20px;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .imgbox img{display: block;width: 100%;}
.licheng .lichengswiperbox .lichengswiper .swiper-slide .slidebox .textbox{width: 100%;padding: 0 3%;box-sizing: border-box;}
.about .aboutbottom .linianbox ul{flex-wrap: wrap;text-align: center;}
.about .aboutbottom .linianbox ul li{width: 50%;padding: 0;margin-bottom: 10px;}
.about .aboutbottom .linianbox ul li:nth-child(3):after{display: none;}
.about .aboutbottom h4{font-size: 22px;}
.about .aboutbottom .linianbox ul li h3{font-size: 20px;}
.company .imgbox ul li{width: 49%;margin-right: 1%;margin-bottom: 2%;}
.company .imgbox ul li:nth-child(3n){margin-right: 1%;}
.company .imgbox ul li:nth-child(even){margin-left: 1%;margin-right: 0;}
.joinbottom .joinmain .joinul .joinlist .partone .leftbox{font-size: 22px;}
.jointop .topbox .leftbox .linian{font-size: 22px;}
}
@media screen and (max-width: 500px){
.menubox .language .changelang a{padding-right: 20px;}
.menubox .language .search a{padding: 0 30px;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox h2{font-size: 18px;line-height: 30px;}
.homebanner .xxybannerswiper .swiper-slide .bannertext .textbox a{margin-top: 30px;padding: 10px 20px;}
.homebanner .xxybannerswiper .swiper-pagination{bottom: 20px;}
.homepro .xxypadding{padding-bottom: 0;}
.homepro .homeproswiper .slidebox .textbox h3{font-size: 18px;}
.homepro .homeproswiper .slidebox .textbox p{font-size: 14px;}
.homepro h2, .homeabout .aboutbox .abouttext .textbox h2, .homeapp .appbox h2{font-size: 28px;}
.homeapp .appbox .changebox ul li{width: 49%;}
.homeapp .appbox .textbox{line-height: 28px;}
.homeapp .appbox .changebox ul li a .bgimg img{max-width: 70%;}
footer .footerab .footright{width: 100%;}
footer .copyright .copyrightbox{font-size: 14px;}
.productlist .productbox ul li,.productlist .productbox ul li:nth-child(even){flex-direction: column;}
.productlist .productbox ul li .textbox,.productlist .productbox ul li .imgbox{width: 100%;box-sizing: border-box;}
.productlist .productbox ul li .textbox .more{margin-top: 20px;}
.topbanner .bannerbox .textbox h2{font-size: 24px;}
.topbanner .bannerbox .textbox p{font-size: 14px;}
.productlist .productbox ul li .textbox h2{font-size: 24px;}
.titleen{font-size: 26px;}
.titlecn{font-size: 22px;}
.about .aboutbottom h4{font-size: 20px;}
.contact .contactbox .fenbu .partbox{width: 100%;}
.message .messagebox #mymessage #myname{width: 100%;margin-bottom: 15px;}
.message .messagebox #mymessage #myemail{width: 100%;margin-bottom: 15px;}
.message .messagebox #mymessage #mytel{width: 100%;margin-bottom: 15px;}
.message .messagebox #mymessage #message{margin-bottom: 15px;}
.contact .contactbox .zongbu dl .title{font-size: 20px;}
.contact .contactbox .fenbu .partbox .title{font-size: 20px;}
.joinbottom .joinmain .joinul .joinlist .partone .leftbox{font-size: 18px;}
.jointop .topbox .leftbox .linian{font-size: 20px;}
.jointop .topbox .leftbox .shuoming{font-size: 16px;}
.jointop .topbox .leftbox .tip{font-size: 14px;}
.contact .box2 .r {
		height: auto;
	}
	.contact .box2 .r .pic{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;;
	}
	.contact .box2 .r .r-box{
		position: relative;
		padding: 40px 10px 30px;
		height: auto;
	}
	.contact .box2 .r .r-box .form .input input, .contact .box2 .r .r-box .form .input textarea{
		padding-left: 40px;
		padding-right: 10px;
	}
	.contact .box2 .r .r-box .form .input .icon{
		left: 5px;
		padding-right: 3px;
	}
	.contact .box2 .r .r-box .form .input.textarea textarea{
		padding: 14px 10px 14px 40px;
	}
	/*.contact .box2{
		padding: 40px 0 50px;
	}*/
	.contact .box2 .l .des, .contact .box2 .l .text-title{
		margin-top: 17px;
	}
	.contact .box2 .l .des{ line-height:26px; font-size:14px;}
	.contact .box1 .box-c .r{
		padding: 30px 0 30px;
	}
	.contact .box1 .box-c .r .title{
		font-size: 22px;
		padding-bottom: 8px;
	}
	.contact .box1 .box-c .r .msg li{
		padding: 0;
		border-bottom: none;
	}
	.contact .box1 .box-c .r .msg .item{
		padding:  0 0 15px;
	}
	.contact .box1 .box-c .r .msg li{
		flex-wrap: wrap;
	}
	.contact .box1 .box-c .r .msg .line{
		display: none;;
	}
	.contact .box1 .box-c .r .msg{
		margin-top: 20px;
	}
	.contact .box1 .box-c .ewm{
		margin: 10px;
	}
	.contact .box1 .box-c{
		margin-top: 30px;
	}
}

/* 翻页 */
.page{
	text-align: center;
	margin-bottom: 60px;
	margin-top: 40px;
}
.page a{
	display: inline-block;
    background-color: #eee;
    width: 68px;
    height: 60px;
    font-size: 14px;
    color: #999;
    line-height: 60px;
    margin: 0 5px;
    transition: 0.5s;
    border-radius: 15px;
}
.page .on{
	background-color: var(--main-color);
    color: #fff;
}

.my-3{ margin-left:3%;}
.my-3 .row{ width:100%; margin-bottom:20px; margin-top:35px; clear:both;}
.my-3 .row .mb-3 { font-size:18px; display:block; width:150px; height:50px; line-height:50px; text-align:center; float:left; color:#333333; margin-right:20px;}
.my-3 .row .mb-3:hover{background-color:#049C9C; color:#FFFFFF;}
.my-3 .row .btn-info{ background-color:#049C9C; color:#FFFFFF;  width:150px;height:50px; line-height:50px; text-align:center; float:left; margin-right:20px;}