.videos{
	width: 100%;
	height: 40vw;
	position: relative;
	margin-bottom: 12.60vw;
}
.videos video{
	margin: 0;
	padding: 0;
}
.Slogan{
	width: 70%;
	height: 40vw;
	position: absolute;
	top: 0;
	left: 12.5vw;
	background: url(../images/Slogan.png) left center no-repeat;
	background-size: 41.51vw 17.96875vw;
}
.content{
	width: 62.5vw;
	margin: 0 auto;
}
/*关于我们*/
.aboutUs{
	margin-top: -7.29vw;
	width: 100%;
}
h2.title{
	height: 1.5625vw;
	line-height: 1.5625vw;
	padding-left: 0.73vw;
	position: relative;
	color: #333333;
	font-size: 1.354vw;
	font-weight: bold;
}
h2.title::after{
	content:'';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0.416vw;
	height: 1.5625vw;
	background:  #5ED9FC;
	border-radius: 0.208vw;
}
.aboutUsCon{
	width: 100%;
	height: 30.3125vw;
	background: url(../images/page_bg_pic.png) center right no-repeat;
	background-size: 21.8vw 30.1208vw;
	margin: 1.614vw auto 3vw;
	border-top: 0.1vw solid #FFFFFF;
}
.aboutUsCon .aboutUsTxt{
	width: 48.229vw;
	height: 19.53125vw;
	background: #FFFFFF;
	box-shadow: 0vw 0.1vw 1.98vw 0vw rgba(131,115,118,0.28);
	border-radius: 1vw;
	margin-top: 2.448vw;
	border-top: 0.1vw solid #FFFFFF;
	padding-top:1.61vw;
}
.aboutUsCon .aboutUsTxt p{
	line-height:1.87vw;
	color: #666666;
	font-size: 1vw;
	width: 43.8vw;
	margin-top:0.6vw;
	margin-left:1.61vw;
}
.aboutUsTitle{
	margin: 1.927vw 0 0 1.5625vw;
}
.aboutUsTitle span{
	display: block;
	padding-left: 1.875vw;
	height: 1.5vw;
	line-height: 1.5vw;
	margin-right: 2.34vw;
	color: #666666;
	font-size: 0.9375vw;
	margin-bottom: 1vw;
}
.aboutUsTitle span:first-child{
	background: url(../images/page_icon_global.png)  left center no-repeat;
	background-size: 1.28vw 1.28vw;
}
.aboutUsTitle span:last-child{
	background: url(../images/page_icon_Leaderboard.png) center left no-repeat;
	background-size: 1.28vw 1.28vw;
}
.aboutUsloce{
	width: 100%;
	height: 26.2vw;
	background: url(../images/aboutUslocebg.png) ;
	background-size: cover;
	margin-bottom: 5.417vw;
}
/*公司文化*/
.main .cultureNav{
	width: 66.354vw;
	height: 22.5vw;
	margin: 1.71vw auto 3.23vw;
	display: flex;
}
.main .cultureNav .list{
	width: 19.11vw;
	height: 22.5vw;
	float: left;
	transition: all 0.5s;
	background-color: #FFFFFF;
	box-shadow: 0 0.417vw 1.9790vw 0 rgba(189,209,214,0.83);
	margin-left: 2.5vw;
}
.main .cultureNav .list:first-child{
	margin-left: 0;
}
.main .cultureNav .list:hover{
	background-color: #C9F3FF;
	box-shadow: 0 0.417vw 1.9790vw 0 rgba(159,225,243,0.83);
}
.main .cultureNav .list .listBody{
	padding-top: 6.82vw;
	text-align: center;
}
.main .cultureNav .list .listBody .icon{
	width: 3.6458vw;
	height: 3.6458vw;
	margin: 0 auto 0.73vw;
	transition: all 0.5s;
}
.main .cultureNav .list .listBody .icon1{
	background: url(../images/vison.png);
	background-size: 100%;
}
.main .cultureNav .list:hover .listBody .icon1{
	background: url(../images/vison1.png);
	background-size: 100%;
}
.main .cultureNav .list .listBody .icon2{
	background: url(../images/mission.png);
	background-size: 100%;
}
.main .cultureNav .list:hover .listBody .icon2{
	background: url(../images/mission1.png);
	background-size: 100%;
}
.main .cultureNav .list .listBody .icon3{
	background: url(../images/vaiues.png);
	background-size: 100%;
}
.main .cultureNav .list:hover .listBody .icon3{
	background: url(../images/vaiues1.png);
	background-size: 100%;
}
.main .cultureNav .list .listBody h2{
	font-size: 1.25vw;
	color: #333333;
	margin-bottom: 0.52vw;
	font-weight: bold;
}
.main .cultureNav .list .listBody p{
	font-size: 0.9375vw;
	color: #666666;
	margin-bottom: 0.52vw;
}
.officeImg{
	width: 100%;
	height: 27.6vw;
	margin-bottom: 5.3125vw;
	position: relative;
}
.officeImg .officeTitle{
	width: 13.33vw;
	background: #303435;
	line-height: 3.125vw;
	text-align: center;
	position: absolute;
	top: -1.667vw;
	left: 3.8vw;
	z-index: 9999;
}
.officeImg .officeTitle span{
	width: 100%;
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.1458vw;
	font-weight: bold;
}
.officeImg .officeTitle span font{
	display: inline-block;
	padding-left: 3.177vw;
	background: url(../images/zyIocn.png) center left no-repeat;
	background-size: 2.135vw 1.77vw;
}
.officeImg  .officeImgBox{
	width: 40.9375vw;
	height: 27.6vw;
	overflow: hidden;
	float: left;
}
.officeImg  .officeImgBox img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.officeImg  .officeImgBox:hover img{
	 transition: 0.5s ease;
	 transform: scale(1.2);
}
.officeImg  .officeImgTxt{
	padding: 2.6vw 1.5625vw 0 2vw;
	width: 18vw;
	height: 25vw;
	background-color: #C9F3FF;
	line-height: 1.875vw;
	color: #666666;
	font-size: 1vw;
	float: left;
}
.officeList{
	display: flex;
	width: 39.27vw;
	height: 12.083vw;
	position: absolute;
	right: 0vw;
	bottom: -4.21875vw;
	
}
.officeList .list{
	width:12.917vw;
	height: 12.083vw;
	margin-right: 0.26vw;
	position: relative;
}
.officeList .list i{
	display: block;
	width:12.917vw;
	height: 9.583vw;
	background:rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s;
}
.officeList .list:hover i{
	background:rgba(0, 0, 0, 0)
}
.officeList .list:last-child{
	margin-right: 0;
}
.officeList .list1{
	background: url(../images/1-1.jpg) no-repeat;
	background-size: 100%;
}
.officeList .list2{
	background: url(../images/1-2.jpg) no-repeat;
	background-size: 100%;
}
.officeList .list3{
	background: url(../images/1-3.jpg) no-repeat;
	background-size: 100%;
}
.staffActivity h3{
	color: #333333;
	font-size: 1.145vw;
	font-weight: bold;
	margin-bottom: 1.458vw;
	background: url(../images/tuoyuan.png) left top no-repeat;
	background-size: 0.42vw;
	padding-top: 0.2vw;
}
.staffActivity p{
	color: #666666;
	font-size: 1vw;
	line-height: 1.875vw;
}



.welfareBox>h3{
	color: #333333;
	font-size: 1.145vw;
	font-weight: bold;
	margin-bottom: 1.458vw;
	background: url(../images/tuoyuan.png) left top no-repeat;
	background-size: 0.42vw;
	padding-top: 0.2vw;
}
.welfareList{
	width: 100%;
	display: flex;
	margin-bottom: 3.96vw;
}
.welfareList .list{
	width: 14.58vw;
	margin-right: 3.9vw;
	padding-left: 3.6458vw;
}
.welfareList .list h3{
	color: #333333;
	font-weight: bold;
	font-size: 1.1458vw;
	margin-top: 0.417vw;
}
.welfareList .list p{
	color:#666666;
	font-size:0.84vw ;
	margin-top: 0.68vw;
	line-height: 1.458vw;
}
.welfareList .list:last-child{
	margin-right: 0;
}
.welfareList .list1{
	background: url(../images/welfareList1.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list2{
	background: url(../images/welfareList2.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list3{
	background: url(../images/welfareList3.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list4{
	background: url(../images/welfareList4.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list5{
	background: url(../images/welfareList5.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list6{
	background: url(../images/welfareList6.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list7{
	background: url(../images/welfareList7.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list8{
	background: url(../images/welfareList8.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.welfareList .list9{
	background: url(../images/welfareList9.png) top left no-repeat;
	background-size: 3.125vw 3.125vw;
}
.development h3{
	color: #333333;
	font-size: 1.145vw;
	font-weight: bold;
	margin-bottom: 1.458vw;
	background: url(../images/tuoyuan.png) left top no-repeat;
	background-size: 0.42vw;
	padding-top: 0.2vw;
}
.development p{
	color: #666666;
	font-size: 1vw;
	line-height: 1.875vw;
}
.developmentImg{
	width: 100%;
	height: 14.48vw;
	background: url(../images/developmentImg.png)no-repeat;
	background-size: 100%;
	margin:1.354vw auto 3.6458vw;
}

.publicWelfare>h3{
	color: #333333;
	font-size: 1.145vw;
	font-weight: bold;
	margin-bottom: 1.458vw;
	background: url(../images/tuoyuan.png) left top no-repeat;
	background-size: 0.42vw;
	padding-top: 0.2vw;
}
.publicWelfare p{
	color: #666666;
	font-size: 1vw;
	line-height: 1.875vw;
}
.public{
	width: 100%;
	display: flex;
	margin-bottom:2.395vw;
	margin-top: 1vw;
}
.public .publicList{
	width: 20vw;
	margin-right: 1.3vw;
	position: relative;
	overflow: hidden;
}
.public .publicList:last-child{
	margin-right: 0;
}

.public .publicList .title{
	line-height: 2.08vw;
	padding: 0 0.78125vw;
	width: 18.49vw;
	height: 13.54vw;
	position: absolute;
	left: 0;
	bottom: -11.4583vw;
	background: rgba(0, 0, 0, 0.37);
	color: #FFFFFF;
	font-size: 1vw;
	text-align: right;
	transition: all 0.3s;
}
.public .publicList:hover .title{
	background: rgba(255, 123, 117, 0.9);
	bottom: 0;
}
.public .publicList:hover .title h3{
	text-align: center;
	margin-top: 4vw;
	font-weight: bold;
}
.public .publicList .title p{
	font-size:0.83vw ;
	color: #FFFFFF;
	width: 15.885vw;
	text-align: center;
	margin: 0.52vw auto 0;
	line-height: 1.25vw;
}
.news>h3{
	color: #333333;
	font-size: 1.145vw;
	font-weight: 500;
	margin-bottom: 1.458vw;
	background: url(../images/hentiao.png) left bottom no-repeat;
	background-size: 4.427vw 0.417vw;
	padding-top: 0.2vw;
}
.newsBox {
	margin-bottom: 5vw;
	position: relative;
}
.swiper-pagination{
	bottom: -2vw;
	left: 50%;
	margin-left: -1vw;
}
.swiper-pagination-bullet{
	margin-left: 0.5vw;
}
.newsBox .newsImg{
	width: 25.364vw;
	height: 17.448vw;
	float: left;
}
.newsBox .newsTxt{
	width: 34.739vw;
	font-size: 0.8333vw;
	float: right;
}
.newsBox .newsTxt h4{
	font-size: 0.9375vw;
	color: #333333;
	font-weight: bold;
	margin: 1.458vw 0 1.71875vw;
}
.newsBox .newsTxt h4 a{
	font-size: 0.9375vw;
	color: #333333;
}
.newsBox .newsTxt p{
	line-height: 1.4vw;
	margin-bottom: 1.5vw;
	color: #999999;
}
.newsBox .newsTxt>a{
	width: 3.333vw;
	height: 1.24vw;
	display: block;
	line-height: 0.8333vw;
	line-height: 1.24vw;
	color: #999999;
	position: relative;
}
.newsBox .newsTxt a::before{
	content: "";
	display: block;
	width: 100%;
	height: 0.05vw;
	position: absolute;
	background-color: #999999;
	left: 0;
	bottom: -0.1vw;
}
.news .mySwiper6{
	position: relative;
}
.news .mySwiper6 .next{
	width: 1.67vw;
	height: 1.67vw;
	background: url(../images/nextIcon.png) no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: 2vw;
	right: 0.5vw;
	cursor: pointer;
	z-index: 999;
}
/*公司产品*/
.productsList{
	width: 62.5vw;
	height: 44.53125vw;
	margin:0 auto 5.2vw;
}
.productsList .list.list1 .listTxt ,.productsList .list.list4 .listTxt{
	float: left;
}
.productsList .list.list1 .listImg ,.productsList .list.list4 .listImg{
	float: right;
	
}
.productsList .list.list3 .listTxt ,.productsList .list.list2 .listTxt{
	float: right;
}
.productsList .list.list3 .listImg ,.productsList .list.list2 .listImg{
	float: left;
	
}

.productsList .list h2{
	color: #333333;
	font-size: 1.875vw;
	margin: 5.69vw 0 2.23vw 0;
	font-weight: bold;
}
.productsList .list h3{
	color: #333333;
	font-size: 1.77vw;
	font-weight: bold;
	margin-top: 2.23vw;
	margin-bottom: 2.23vw;
}
.productsList .list p{
	font-size: 1vw;
	width: 30vw;
	line-height: 1.5vw;
	color: #666666;
	margin-bottom: 1.06vw;
}
.productsList .list p b{
	font-weight: bold;
	color: #000000;
}
.productsList .list .pUrl>div{
	width: 11.56vw;
	height: 3.125vw;
	float: left;
	position: relative;
	margin-right: 0.73vw;
	cursor: pointer;
}
.productsList .list .pUrl{
	margin-top: 2.23vw;
}
.productsList .list .pUrl>div.apple{
	background: url(../images/appleBtn.png);
	background-size: 100%;
}
.productsList .list .pUrl>div.google{
	background: url(../images/googleBtn.png);
	background-size: 100%;
}
.productsList .list .pUrl>div .codeBody{
	display: none;
	position: absolute;
	left: -0.625vw;
	top:-16.1458vw;
	width: 12.5vw;
	height: 14.58vw;
	background: #FFFFFF;
	box-shadow: 0vw 0.42vw 1.98vw 0vw rgba(76,92,96,0.47);
	border-radius: 1vw;
	
}
.productsList .list .pUrl>div .codeBody img{
	display: block;
	width: 11.67vw;
	height: 11.67vw;
	margin: 0.42vw auto ;
}
.productsList .list .pUrl>div .codeBody p{
	color: #666666;
	font-size: 0.9375vw;
	text-align: center;
}
.productsList .list .listImg{
	width: 19.6875vw;
	height:42.448vw ;
	background: url(../images/vertical.png) center center no-repeat;
	background-size: 100%;
	margin-top:1.458vw; ;
}
.productsList .list.list3{
	padding-top: 7vw;
}
.productsList .list .listImg .swiper{
	width: 18.385vw;
	height: 38.385vw;
	margin: 0.83vw auto;
}
.productsList .list.list3 .listTxt{
	width: 26vw;
}
.productsList .list.list3 .listTxt .listTxtHref{
	font-weight: bold;
	color: #333333;
}
.productsList .list.list3 .listTxt .listTxtHref a{
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
.productsList .list.list3 .listTxt p{
	line-height: 1.458vw;
	margin-bottom: 1vw;
}
.productsList .list.list3 h2{
	margin-top: 0;
}
.productsList .list.list3 .listImg{
	width:34.7916vw ;
	height: 20.99vw;
	background: url(../images/mac.png) no-repeat;
	background-size: 100%;
}
.productsList .list.list3 .swiper{
	width:27.7vw ;
	height: 17.916vw;
	margin: 0.83vw auto;
}

.productsList .list.list4 .listImg{
	width:33.3854vw ;
	height: 17.135vw;
	background: url(../images/hwyxBj.png) no-repeat;
	background-size: 100%;
}
.productsList .list.list4 .swiper{
	width:27.34375vw ;
	height: 15.416vw;
	margin: 0.83vw auto;
}
.productsList .list.list4 h2{
	margin-top: 0;
}

.productsList .list .swiper{
	width: 18.385vw;
	height: 38.385vw;
}
.productsList .list .swiper .swiper-wrapper{
	width: 100%;
	height: 100%;
}
.productsList .list .listImg img{
	display: block;
	width: 100%;
	height: 100%;
}
/*联系我们*/
.contactUs{
	width: 100%;
	height: 23.8vw;
	background: url(../images/contactUsImg.jpg) center right no-repeat;
	background-size: 38.4375vw 23.8vw;
	position: relative;
}
.cintactInfo{
	margin: 5.147vw 0 0 0.9375vw;
}
.cintactInfo p{
	font-size: 1vw;
	margin-bottom:1.51vw ;
	color: #666666;
}
.companyName{
	width: 15.1vw;
	height: 3.125vw;
	background: #FFFFFF;
	box-shadow: 0vw 0.677vw 2.08vw 0vw rgba(0,0,0,0.31);
	border-radius: 0.52vw;
	line-height: 3.125vw;
	text-align: center;
	font-size: 0.885vw;
	position: absolute;
	right: 13.541vw;
	top: 7.6vw;
	display:none;
}
.joinUp{
	width: 100%;
	height: 7.552vw;
	background:#474747 url(../images/joinUpbj.png)  no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	background-position: 2.6vw;
}
.joinUpBtn{
	display: block;
	width: 11.77vw;
	line-height: 3.6458vw;
	text-align: center;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 1.6667vw;
	float: right;
	border-radius: 0.417vw;
	margin: 1.979vw 2.6vw 0 0;
}