* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	cursor: url("../img/mouse.png"), default;
}

body {
	overflow-y: scroll;
	font-family: "microsoft yahei";
	overflow-x: hidden;
	/*background: url(../jpg/bg0.jpg) no-repeat left top/100% auto;*/
	background-color: #fbfbfb;
}

@font-face {
	font-family: 'redB';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/redB.otf');
}

@font-face {
	font-family: 'numFont';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/num.otf');
}

@font-face {
	font-family: 'oppoR';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/r.ttf');
}

@font-face {
	font-family: 'oppoB';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/b.ttf');
}

@font-face {
	font-family: 'oppoL';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/l.ttf');
}

@font-face {
	font-family: 'oppoM';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/m.ttf');
}

@font-face {
	font-family: 'minecraft';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/Minecraft.ttf');
}

@font-face {
	font-family: 'vb';
	src: url('https://qiniu.cdjoie.com/mimiblocks/font/vb.ttf');
}

.none {
	opacity: 0;
}

.arrowLeft {
	position: absolute;
	width: 4%;
	left: 2%;
	top: 41%;
	z-index: 10;
}

.arrowRight {
	position: absolute;
	width: 4%;
	right: 2%;
	top: 41%;
	z-index: 10;
}

.video {
	position: fixed;
	width: 100vw;
	height: 56.25vw;
	z-index: 1;
}

.videoHead {
	position: relative;
	display: block;
	width: 100vw;
	/*height: 55.85vw;*/
}

.topContent {
	position: absolute;
	width: 100vw;
	height: auto;
	top: 0;
	left: 0;
	z-index: 1;
}

.contentInner1 {
	width: 100vw;
	height: auto;
	background-color: #fff;
	padding-top: 7.92vw;
}

.contentInner2 {
	width: 100vw;
	height: auto;
	background-color: #fff;
	padding-top: 8.12vw;
	padding-bottom: 9.375vw;
}

.contentInner {
	width: 100vw;
	height: auto;
	background-color: #fff;
}

.nav {
	position: fixed;
	width: 100%;
	height: 2.8125vw;
	top: 0;
	left: 0;
	/*background-color: #fff;*/
	background: url('../img/navbg.png') no-repeat left top /100% 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
}

.navBox {
	position: fixed;
	width: 100%;
	/* height: 4vw; */
	top: 0;
	left: 0;
	width: 100%;
	/* height: 4vw; */
	z-index: 10;
	opacity: 0;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #000000;
	text-decoration: none;
}

a {
	text-decoration: none !important;
}

.navItem {
	color: #6e6e6e;
	font-family: 'oppoR';
}

.navItem:hover {
	color: #3830d8;
}

.navActive {
	color: #3830d8;
	border-bottom: 2px solid #3830d8;
}

.logo {
	width: 5vw;
	margin-left: 6.3vw;
}

.menuBox {
	width: 19.8vw;
	margin-right: 6.3vw;
}

.menuBox>ul {
	display: flex;
	list-style-type: none;
	justify-content: space-around;
	color: #6e6e6e;
	font-size: 0.9375rem;
}

header {
	width: 100%;
	position: relative;
}

.headGif {
	position: relative;
	display: block;
	width: 100vw;
	height: 55.85vw;
	/* margin-bottom: 7.92vw; */
}

.content {
	position: relative;
	width: 100vw;
	height: auto;
	/* background-color: #ffffff; */
	/* margin-top: 0vw; */
	/* padding-top: 7.92vw; */
}

.annualCaseBox {
	position: relative;
	width: 88.54vw;
	height: 47.85vw;
	/* background-color: #fff; */
	margin: 0 auto;
}

.miaomiao {
	position: absolute;
	width: 9.43vw;
	height: 10.31vw;
	top: 17.45vw;
	left: 1.2vw;
}

.annualCaseTitleImg {
	position: absolute;
	width: 14.76vw;
	height: 8.18vw;
	top: 26.53vw;
	left: 0.98vw;
}

.annualCaseInfo {
	position: absolute;
	width: 61.64vw;
	height: 34.76vw;
	top: 0vw;
	left: 26.2vw;
	/*background-color: red;*/
	/* transform: scale(0.8); */
}

.annualCaseInfo:hover .annualCaseImg {
	transform: scale(1.05);
}

@keyframes hoverAni1 {
	from {
		top: 31.95vw
	}
	to {
		top: 29.95vw
	}
}

.hoverAni1 {
	animation: hoverAni1 0.5s 0s linear both;
}

.annualCaseInfo:hover .annualCaseTitle {
	opacity: 1;
	top: 29.95vw;
}

.annualCaseInfo:hover .annualCaseDescribe {
	opacity: 1;
	top: 32.17vw;
}

.annualCaseInfo:hover .jianbianImg {
	opacity: 1;
	transform: scale(1.05);
}

.annualCaseImg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: transform 0.5s;
}

.jianbianImg {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	transition: transform 0.5s;
	opacity: 0;
}

.annualCaseTitle {
	position: absolute;
	width: 57.01vw;
	top: 32.95vw;
	left: 3.29vw;
	font-size: 0.9375vw;
	color: #fff;
	white-space: nowrap;
	/* 让文本不换行 */
	overflow: hidden;
	/* 隐藏超出文本 */
	text-overflow: ellipsis;
	/* display: none; */
	/* 添加省略号 */
	transition: opacity 0.5s;
	transition: top 0.5s;
	/*opacity: 0;*/
	font-family: "oppoB";
}

.annualCaseDescribe {
	position: absolute;
	width: 34.9vw;
	top: 35.17vw;
	left: 3.29vw;
	font-size: 0.73vw;
	color: #fff;
	/* display: none; */
	transition: opacity 0.5s;
	transition: top 0.5s;
	/* opacity: 0; */
	font-family: "oppoL";
}

.scale1 {
	animation: scale1 1s 0s linear both;
}

@keyframes scale1 {
	0% {
		-webkit-transform: scale3d(0.95, 0.95, 0.95);
		transform: scale3d(0.95, 0.95, 0.95)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}


/*@keyframes scale1 {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	100% {
		-webkit-transform: scale3d(0.98, 0.98, 0.98);
		transform: scale3d(0.98, 0.98, 0.98)
	}
}*/

.moreBox {
	position: absolute;
	/* width: 12.66vw; */
	top: 37.68vw;
	right: 0.8vw;
	font-size: 1.145rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #6e6e6e;
}

.learnMore {
	font-family: 'minecraft';
	margin-top: 2%;
}

.moreCaseBox {
	/* width: 7.14vw; */
	height: 100%;
	border: 2px solid #a39fe9;
	text-align: center;
	color: #000;
	margin-left: 8px;
	padding: 6px 10px 5px 10px;
	font-family: 'vb';
	
}

.moreCaseBox:hover {
	background-color: #3830d7;
	color: #FFFFFF;
}

.line {
	position: absolute;
	width: 102.4%;
	bottom: 0;
	left: -1.2%;
}

.newCaseBox {
	position: relative;
	width: 92.86vw;
	height: 25.58vw;
	/*background-color: red;*/
	/*margin: 0 auto;*/
	margin-left: 6.19vw;
	margin-top: 10.68vw;
	overflow-x: hidden;
}

.newCaseTitleImg {
	position: absolute;
	width: 15.16vw;
	height: 8.44vw;
	top: 10.05vw;
	left: -0.1vw;
}

.newCaseInfo {
	position: absolute;
	width: 72.44vw;
	height: 18.65vw;
	top: 0vw;
	left: 20.47vw;
}

.caseInfoBox {
	position: absolute;
	width: 72.40vw;
	height: 18.65vw;
	top: 0vw;
	left: 20.47vw;
}
.swiperOuter{
	position: absolute;
    width: 66.25vw;
    height: 18.65vw;
    top: 0vw;
    left: 21.2vw;
    overflow-x: hidden;
}
.swiper-container {
	    position: absolute;
    /* width: 72.4vw; */
    width: 100vw;
    height: 18.65vw;
    top: 0vw;
    left: -14.53vw;
}

.swiper-slide {
	width: 32.55vw;
	height: 100%;
	border-radius: 30px !important;
	/* background-color: red; */
	overflow: hidden;
}

.swiper-slide:hover .newCasePoster {
	transform: scale(1.02);
}

.swiper-slide:hover .jianbianImg1 {
	transform: scale(1.02);
	opacity: 1;
}

.jianbianImg1 {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	transition: transform 0.5s;
	opacity: 0;
}

.newCasePoster {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: transform 0.5s;
	/*transform: scale(0.95);*/
}

.swiper-slide:hover .newCaseTitle {
	opacity: 1;
	top: 13.32vw;
}

.swiper-slide:hover .newCaseDescribe {
	opacity: 1;
	top: 14.83vw;
}

.newCaseTitle {
	position: absolute;
	width: 90%;
	top: 17.02vw;
	left: 5%;
	font-size: 0.9375vw;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity 2s;
	transition: top 0.5s;
	/*opacity: 0;*/
	font-family: 'oppoB';
}

.newCaseDescribe {
	position: absolute;
	width: 80%;
	top: 18.53vw;
	left: 10%;
	text-align: center;
	font-size: 0.73vw;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity 0.5s;
	transition: top 0.5s;
	/* opacity: 0; */
	font-family: 'oppoL';
}

.swiper-pagination {
	position: absolute;
	/* width: 12.66vw; */
	top: 22.3vw;
	left: 23.6vw;
}

.newCaseMoreBox {
	top: 21.7vw;
	margin-right: 4.8vw;
}

.newCaseBox>.moreBox {
	right: 6vw;
}

.mimiblocks {
	width: 97.4vw;
	margin-top: 5.4vw;
	margin: 1.1vw;
	margin-top: 4.6vw;
}

.aboutUsBox {
	position: relative;
	width: 100vw;
	height: 42.1vw;
	/*margin: 0 auto;*/
	margin-top: 1.875vw;
	z-index: 1;
}

.aboutUsTitleImg {
	position: absolute;
	width: 15.16vw;
	height: 8.02vw;
	top: 0.4vw;
	left: 6.09vw;
}

.aboutUsBg {
	position: absolute;
	width: 99.1%;
	bottom: 0vw;
	left: 0vw;
}

.numBox {
	position: absolute;
	width: 46.875vw;
	/* height: 5.11vw; */
	top: 17.57vw;
	left: 46.0625vw;
	display: flex;
	/* background-color: red; */
}

.numBoxItem {
	width: 15.625vw;
	/* background-color: red; */
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* text-align: center; */
}

.num {
	color: #3830d8;
	font-size: 3.4375vw;
	margin-top: 0;
	font-weight: 700;
	font-family: 'redB';
}

.num1 {
	/* margin-top: -0.6vw; */
	margin-left: -0.1vw;
}

.num2 {
	margin-top: 0;
	margin-left: 1.6vw;
}

.num3 {
	margin-top: 0;
	margin-left: 0.5vw;
}

.describe {
	color: #959596;
	font-size: 0.9375vw;
	margin-top: 0.5vw;
	font-family: 'oppoR';
	margin-top: 0.4vw;
}

.describe1 {
	margin-left: 0.8vw;
	/* margin-top: 0.2vw; */
}

.describe2 {
	margin-left: 1.5vw;
}

.describe3 {
	margin-left: 1.2vw;
}

.aboutUsDescribe1 {
	position: absolute;
	/* width: 50vw; */
	top: 28.31vw;
	left: 46.0625vw;
	color: #3830d8;
	font-size: 1.3vw;
	font-family: 'oppoM';
}

.aboutUsDescribe2 {
	position: absolute;
	width: 41.8vw;
	top: 31.01vw;
	left: 46.1625vw;
	color: #959596;
	font-size: 0.9375vw;
	line-height: 1.6vw;
	font-family: 'oppoR';
}

.miaomiao1 {
	position: absolute;
	width: 9.64vw;
	top: 31.01vw;
	left: 88.8vw;
}

.typeBox {
	position: relative;
	width: 100%;
	height: 30.49vw;
	/*background-image: url(../img/typebBg.png);*/
	background-repeat: no-repeat !important;
	background-size: 100% auto;
	background-position: center center !important;
	/*background-attachment: fixed !important;*/
	z-index: 2;
}

.fixdBg {
	background-attachment: fixed !important;
}

.typebBg {
	width: 100%;
	height: 100%;
}

.typeInnerBox {
	position: absolute;
	width: 96%;
	height: 14.79vw;
	top: 5vw;
	/* left: 3.3%; */
	display: flex;
	/* background-color: red; */
}

.typeLine1 {
	position: absolute;
	width: 0.1vw;
	height: 5.59vw;
	top: 6.9vw;
	left: 26.2vw;
}

.typeLine2 {
	position: absolute;
	width: 0.1vw;
	height: 5.59vw;
	top: 6.9vw;
	left: 50.1vw;
}

.typeLine3 {
	position: absolute;
	width: 0.1vw;
	height: 5.59vw;
	top: 6.9vw;
	left: 73.9vw;
}

.typeItem {
	width: 24%;
	height: 100%;
}

.typeTitle {
	width: 100%;
	/* text-align: center; */
	/* font-weight: 700; */
	font-size: 1.5625vw;
	color: #FFFFFF;
	margin-top: 7.3vw;
	font-family: 'oppoB';
}

.cartoon {
	width: 100%;
	/* text-align: center; */
	/* font-weight: 700; */
	font-size: 1.5625vw;
	color: #FFFFFF;
	margin-top: 7.3vw;
	margin-left: 11vw;
}

.plane {
	width: 100%;
	/* text-align: center; */
	/* font-weight: 700; */
	font-size: 1.5625vw;
	color: #FFFFFF;
	/* margin-top: 7.3vw; */
	margin-left: 11.6vw;
}

.shoot {
	width: 100%;
	/* text-align: center; */
	/* font-weight: 700; */
	font-size: 1.5625vw;
	color: #FFFFFF;
	/* margin-top: 7.3vw; */
	margin-left: 12.4vw;
}

.marketing {
	width: 100%;
	/* text-align: center; */
	/* font-weight: 700; */
	font-size: 1.5625vw;
	color: #FFFFFF;
	margin-top: 7.3vw;
	margin-left: 12.8vw;
}

.typeDescribe {
	width: 68%;
	margin-left: 29.8%;
	text-align: center;
	/* font-weight: 700; */
	font-size: 0.73vw;
	color: #FFFFFF;
	margin-top: 0.91vw;
	text-align: center;
	font-family: 'oppoM';
}

.typeDescribe1 {
	width: 68%;
	margin-left: 29.8%;
}

.typeDescribe2 {
	width: 68%;
	margin-left: 32.3%;
}

.typeDescribe3 {
	width: 68%;
	margin-left: 37.2%;
}

.typeDescribe4 {
	width: 68%;
	margin-left: 39.5%;
}

.customerBox {
	position: relative;
	width: 100vw;
	height: 43.9vw;
	margin-top: -3.81vw;
}

.ustomerTitleImg {
	position: absolute;
	width: 15.76vw;
	height: 8.02vw;
	top: 7.6vw;
	left: 6.09vw;
}

.customerInfoBox {
	position: absolute;
	width: 75.36vw;
	height: 27.43vw;
	top: 22.66vw;
	left: 11.77vw;
	display: flex;
	justify-content: space-around;
	/* 自动换行属性 */
	flex-wrap: wrap;
	/* background-color: beige; */
}

.customerItem {
	width: 14.583vw;
	height: 4.8958vw;
	/*background-color: #f4f4f4;*/
	/*filter: grayscale(100%);
	-webkit-filter: grayscale(100%);*/
	transition: transform 0.5s;
}

.customerItem:hover {
	background-color: #f4f4f4;
	/*filter: grayscale(0);
	-webkit-filter: grayscale(0);*/
	transform: scale(0.8);
}

.customerImg {
	width: 100%;
	height: 100%;
	/* margin-bottom: 1.09vw; */
}

.contactBox {
	width: 100vw;
	margin-top: 8.12vw;
}

.contactTop {
	width: 86.83vw;
	height: 2vw;
	margin-left: 5.75vw;
	display: flex;
	justify-content: space-between;
}

.contactTopLogo {
	height: 1.8vw;
	margin-left: 0.4vw;
}

.contactTopTextBox {
	height: 2vw;
	display: flex;
	align-items: center;
	margin-right: 0.5vw;
	font-family: 'oppoR';
}

.contactTopText {
	color: #6e6e6e;
	font-size: 18px;
	margin-left: 1.2vw;
}

.contactTopText:hover {
	color: #3830d8;
}

.contactTopTextActive {
	color: #3830d8;
}

.contactBottom {
	width: 86.83vw;
	margin-left: 6.25vw;
	margin-top: 6.61vw;
	display: flex;
}

.qrcodeBox {
	position: relative;
	width: 8.6vw;
	height: 10.21vw;
	margin-top: 1.48vw;
}

.contactQrcode {
	width: 8.6vw;
	height: 8.6vw;
}

.contactQrcodeText {
	width: 100%;
	text-align: center;
	color: #6e6e6e;
	font-size: 0.94vw;
	margin-top: 0.525vw;
}

.addressBox {
	width: 43.8vw;
	height: 13.44vw;
	margin-left: 34.3vw;
	display: flex;
}

.map {
	width: 21.4vw;
	height: 13.28vw;
	margin-top: 0vw;
}

.addressTextBox {
	color: #959596;
	font-size: 18px;
	margin-left: 4.18vw;
	margin-top: 3.2vw;
	width: 100%;
}

.addressText1,
.addressText3 {
	margin-bottom: 0.525vw;
	font-family: 'oppoR';
	color: #959596;
}

.addressText2 {
	margin-bottom: 1vw;
	font-family: 'oppoR';
	color: #959596;
}

.addressText4 {
	font-family: 'oppoR';
}

.addressLabel {
	color: #6e6e6e;
	font-size: 0.9375vw;
	margin-right: 0.78vw;
	/* font-weight: 600; */
	font-family: 'oppoM';
}

.addressLabel1 {
	opacity: 0;
}

.contactBoxLine {
	display: block;
	width: 90.6vw;
	/* margin: 0 auto; */
	margin-top: 8.15vw;
	margin-left: 4.3vw;
}

footer {
	width: 100%;
	height: 6.25vw;
	/* margin-top: 9.375vw; */
	background-color: #3830d8;
	display: flex;
	align-items: center;
	justify-content: center;
}
.beian{
    width: 0.7vw;
    margin-left: 1vw;
    margin-right: 0.1vw;
}
.copyright{
	color: #FFFFFF;
	opacity: 0.95;
	font-size:0.7vw;
	/* font-weight: 600; */
	font-family: 'oppoM';
}

.leftBox {
	position: fixed;
	width: 8.9vw;
	height: 8.9vw;
	top: 21vw;
	right: 0;
	z-index: 99;
}

.top {
	position: absolute;
	width: 38px;
	height: 38px;
	top: 0;
	right: 0;
}

.email {
	position: absolute;
	width: 176px;
	height: 38px;
	top: 42px;
	right: -138px;
	transition: right 0.5s;
}

.tel {
	position: absolute;
	width: 119px;
	height: 38px;
	top: 85px;
	right: -81px;
	transition: right 0.5s;
}

.qrcodeIcon {
	position: absolute;
	width: 38px;
	height: 38px;
	top: 128px;
	right: 0;
}

.qrcode2 {
	position: absolute;
	width: 6.25vw;
	height: 6.25vw;
	top: 2.075vw;
	left: 0;
	opacity: 0;
	transition: opacity 0.5s;
}

.email:hover {
	right: 0;
}

.tel:hover {
	right: 0;
}

.qrcodeIcon:hover+.qrcode2 {
	opacity: 1;
}

@-webkit-keyframes fadeInLeft1 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft1 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeft1 {
	-webkit-animation-name: fadeInLeft1;
	animation-name: fadeInLeft1
}