@charset "utf-8";

/* ================================ about ================================ */

.about {
}

.about .about-item {
}

.about .about-item-left {
	float: left;
}

.about .about-item-left h1 {
	font-size: 2.1vw;
	font-family: 'OPPOSans-R';
}

.about .about-item-right {
	float: right;
	width: 53%;
}

/* ================================ intro ================================ */

.intro {
	padding: 7vw 7vw 4vw;
}

.intro .about-item-right {
}

.intro .about-item-right .part {
	margin-top: 4.6vw;
}
.intro .about-item-right .part:first-child {
	margin-top: 0vw;
}

.intro .about-item-right .part .top {
}

.intro .about-item-right .part .top h1 {
	font-size: 1.4vw;
	font-family: 'OPPOSans-R';
	line-height: 1.5em;
	white-space: pre-wrap;
}

.intro .about-item-right .part .top p {
	font-size: 1vw;
	font-family: 'OPPOSans-L';
	line-height: 1.8em;
	margin-top: 1.5vw;
	white-space: pre-wrap;
}

.intro .about-item-right .part .content {
	margin-top: 2.8vw;
}

.intro .about-item-right .part.k1 .content .number-text ul li {
	padding-left: 2.1vw;
	margin-left: 2.1vw;
}

.intro .about-item-right .part.k1 .content .number-text ul li h2 {
	color: #000;
}

.intro .about-item-right .part.k2 .content ul {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.intro .about-item-right .part.k2 .content ul li {
	width: 37.43%;
	padding-top: 37.43%;
	margin-top: 8.3%;
	position: relative;
}
.intro .about-item-right .part.k2 .content ul li.index0 {
	margin-top: 0%;
}
.intro .about-item-right .part.k2 .content ul li.index1 {
	margin-top: 0%;
}

.intro .about-item-right .part.k2 .content ul li div {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border: 1px solid #ff8000;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
}
.intro .about-item-right .part.k2 .content ul li div:hover {
	background-color: #ff8000;
}

.intro .about-item-right .part.k2 .content ul li div h1 {
	color: #ff8000;
	font-size: 1.6vw;
	font-family: 'OPPOSans-R';
	font-weight: normal;
	text-align: center;
	transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
}
.intro .about-item-right .part.k2 .content ul li:hover div h1 {
	color: #fff;
}

.intro .about-item-right .part.k2 .content ul li div h2 {
	font-size: 0.7vw;
	font-family: 'OPPOSans-L';
	line-height: 1.8em;
	margin-top: 0.5vw;
	text-align: center;
	white-space: pre-wrap;
	transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
}
.intro .about-item-right .part.k2 .content ul li:hover div h2 {
	color: #fff;
}

/* ================================ super ================================ */

.super {
	padding: 4vw 7vw 4vw;
	border-top: 1px solid #ccc;
}

.super .about-item-right {
}

.super .about-item-right .top {
}

.super .about-item-right .top h1 {
	font-size: 1.4vw;
	font-family: 'OPPOSans-R';
	line-height: 1.5em;
	white-space: pre-wrap;
}

.super .about-item-right .content {
	margin-top: 1.8vw;
}

.super .about-item-right .content ul {
}

.super .about-item-right .content ul li {
	margin-top: 1.8vw;
}
.super .about-item-right .content ul li:first-child {
	margin-top: 0vw;
}

.super .about-item-right .content ul li h1 {
	color: #ff8000;
	font-size: 1vw;
	font-family: 'OPPOSans-R';
}

.super .about-item-right .content ul li p {
	font-size: 1vw;
	font-family: 'OPPOSans-L';
	line-height: 1.7em;
	margin-top: 0.2vw;
	white-space: pre-wrap;
}

/* ================================ culture ================================ */

.culture {
	padding: 4vw 7vw 4vw;
	border-top: 1px solid #ccc;
}

.culture .about-item-right {
}

.culture .about-item-right ul {
}

.culture .about-item-right ul li {
	margin-top: 1.8vw;
}
.culture .about-item-right ul li:first-child {
	margin-top: 0vw;
}

.culture .about-item-right ul li h1 {
	color: #ff8000;
	font-size: 1vw;
	font-family: 'OPPOSans-R';
}

.culture .about-item-right ul li p {
	font-size: 1vw;
	font-family: 'OPPOSans-L';
	line-height: 1.7em;
	margin-top: 0.2vw;
	white-space: pre-wrap;
}

/* ================================ qa ================================ */

.qa {
	padding: 4vw 7vw 4vw;
	border-top: 1px solid #ccc;
}

.qa .about-item-right {
}

.qa .about-item-right .question-answer-item {
	border-bottom: 0px solid #ddd;
}

.qa .about-item-right .question-answer-item .title {
	padding: 0vw 0vw;
}

.qa .about-item-right .question-answer-item .title h1 {
	line-height: 1.8em;
}

.qa .about-item-right .question-answer-item .title i {
	display: none;
}

/* ================================ company-img ================================ */

.company-img {
	padding: 0vw 4vw 0vw;
}

.company-img img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/* ================================ customer ================================ */

.customer {
	padding: 7vw 4vw 7vw;
	padding: 7vw 7vw 7vw;
}

.customer .about-item-right {
	width: 100%;
	margin-top: 5vw;
}

.customer .about-item-right img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/*
.customer .about-item-right ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.customer .about-item-right ul li {
	width: 16.66%;
	padding-top: 8%;
	position: relative;
}

.customer .about-item-right ul li img {
	max-width: 80%;
	max-height: 60%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}
*/

@media (min-width: 1px) and (max-width: 750px) {
	
	.slide.focus-img .slide-content ul li a {
		background-position: 60% 50%;
	}
	
	/* ================================ about ================================ */
	
	.about {
	}
	
	.about .about-item {
	}
	
	.about .about-item-left {
		float: left;
	}
	
	.about .about-item-left h1 {
		font-size: 2.1vw;
		font-family: 'OPPOSans-R';
		
		font-size: 5vw;
	}
	
	.about .about-item-right {
		float: right;
		width: 53%;
		
		float: left;
		width: 100%;
		margin-top: 4vw;
		margin-top: 7vw;
	}
	
	/* ================================ intro ================================ */
	
	.intro {
		padding: 7vw 7vw 4vw;
		
		padding: 5vw 3vw 5vw;
		padding: 7vw 7vw 7vw;
	}
	
	.intro .about-item-right {
	}
	
	.intro .about-item-right .part {
		margin-top: 4.6vw;
		
		margin-top: 6vw;
		margin-top: 10vw;
	}
	.intro .about-item-right .part:first-child {
		margin-top: 0vw;
	}
	
	.intro .about-item-right .part .top {
	}
	
	.intro .about-item-right .part .top h1 {
		font-size: 1.4vw;
		font-family: 'OPPOSans-R';
		line-height: 1.5em;
		white-space: pre-wrap;
		
		color: #ff8000;		
		font-size: 4vw;
		font-size: 3.6vw;
	}
	
	.intro .about-item-right .part .top p {
		font-size: 1vw;
		font-family: 'OPPOSans-L';
		line-height: 1.8em;
		margin-top: 1.5vw;
		white-space: pre-wrap;
		
		color: #888;
		font-size: 3vw;
		font-family: 'OPPOSans-R';
		margin-top: 3vw;
	}
	
	.intro .about-item-right .part .content {
		margin-top: 2.8vw;
		
		margin-top: 4vw;
	}
	
	.intro .about-item-right .part.k1 .content .number-text ul li {
		padding-left: 2.1vw;
		margin-left: 2.1vw;
		
		/*
		padding-left: 3vw;
		margin-left: 3vw;
		*/
	}
	
	.intro .about-item-right .part.k1 .content .number-text ul li h1 {
		/*
		font-size: 2.6vw;
		*/
	}
	
	.intro .about-item-right .part.k1 .content .number-text ul li h1 span {
		/*
		font-size: 7vw;
		*/
	}
	
	.intro .about-item-right .part.k1 .content .number-text ul li h2 {
		color: #000;
		
		/*
		font-size: 2.6vw;
		*/
	}
	
	.intro .about-item-right .part.k2 .content ul {
		width: 80%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		
		width: 100%;
	}
	
	.intro .about-item-right .part.k2 .content ul li {
		width: 37.43%;
		padding-top: 37.43%;
		margin-top: 8.3%;
		position: relative;
		
		width: 44%;
		padding-top: 44%;
		margin-top: 8%;
	}
	.intro .about-item-right .part.k2 .content ul li.index0 {
		margin-top: 0vw;
	}
	.intro .about-item-right .part.k2 .content ul li.index1 {
		margin-top: 0vw;
	}
	
	.intro .about-item-right .part.k2 .content ul li div {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		border: 1px solid #ff8000;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transition: all 300ms;
		-o-transition: all 300ms;
		-ms-transition: all 300ms;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
	}
	.intro .about-item-right .part.k2 .content ul li div:hover {
		background-color: #ff8000;
	}
	
	.intro .about-item-right .part.k2 .content ul li div h1 {
		color: #ff8000;
		font-size: 1.6vw;
		font-family: 'OPPOSans-R';
		font-weight: normal;
		text-align: center;
		transition: all 300ms;
		-o-transition: all 300ms;
		-ms-transition: all 300ms;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		
		font-size: 4.5vw;
	}
	.intro .about-item-right .part.k2 .content ul li:hover div h1 {
		color: #fff;
	}
	
	.intro .about-item-right .part.k2 .content ul li div h2 {
		font-size: 0.7vw;
		font-family: 'OPPOSans-L';
		line-height: 1.8em;
		margin-top: 0.5vw;
		text-align: center;
		white-space: pre-wrap;
		transition: all 300ms;
		-o-transition: all 300ms;
		-ms-transition: all 300ms;
		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		
		color: #888;
		font-size: 2vw;
		font-size: 2.5vw;
		font-family: 'OPPOSans-R';
		font-weight: normal;
	}
	.intro .about-item-right .part.k2 .content ul li:hover div h2 {
		color: #fff;
	}
	
	/* ================================ super ================================ */
	
	.super {
		padding: 4vw 7vw 4vw;
		border-top: 1px solid #ccc;
		
		padding: 5vw 3vw 5vw;
		padding: 7vw 7vw 7vw;
	}
	
	.super .about-item-right {
	}
	
	.super .about-item-right .top {
	}
	
	.super .about-item-right .top h1 {
		font-size: 1.4vw;
		font-family: 'OPPOSans-R';
		line-height: 1.5em;
		white-space: pre-wrap;
		
		color: #ff8000;
		font-size: 4vw;
		font-size: 3.6vw;
	}
	
	.super .about-item-right .content {
		margin-top: 1.8vw;
		
		margin-top: 5vw;
	}
	
	.super .about-item-right .content ul {
	}
	
	.super .about-item-right .content ul li {
		margin-top: 1.8vw;
		
		margin-top: 5vw;
	}
	.super .about-item-right .content ul li:first-child {
		margin-top: 0vw;
	}
	
	.super .about-item-right .content ul li h1 {
		color: #ff8000;
		font-size: 1vw;
		font-family: 'OPPOSans-R';
		
		color: #666;
		font-size: 3vw;
	}
	
	.super .about-item-right .content ul li p {
		font-size: 1vw;
		font-family: 'OPPOSans-L';
		line-height: 1.7em;
		margin-top: 0.2vw;
		white-space: pre-wrap;
		
		color: #888;
		font-size: 2.5vw;
		font-size: 3vw;
		font-family: 'OPPOSans-R';
	}
	
	/* ================================ culture ================================ */
	
	.culture {
		padding: 4vw 7vw 4vw;
		border-top: 1px solid #ccc;
		
		padding: 5vw 3vw 5vw;
		padding: 7vw 7vw 7vw;
	}
	
	.culture .about-item-right {
	}
	
	.culture .about-item-right ul {
	}
	
	.culture .about-item-right ul li {
		margin-top: 1.8vw;
		
		margin-top: 5vw;
	}
	.culture .about-item-right ul li:first-child {
		margin-top: 0vw;
	}
	
	.culture .about-item-right ul li h1 {
		color: #ff8000;
		font-size: 1vw;
		font-family: 'OPPOSans-R';
		
		font-size: 3vw;
	}
	
	.culture .about-item-right ul li p {
		font-size: 1vw;
		font-family: 'OPPOSans-L';
		line-height: 1.7em;
		margin-top: 0.2vw;
		white-space: pre-wrap;
		
		color: #888;
		font-size: 2.5vw;
		font-size: 3vw;
		font-family: 'OPPOSans-R';
	}
	
	/* ================================ qa ================================ */
	
	.qa {
		padding: 4vw 7vw 4vw;
		border-top: 1px solid #ccc;
		
		padding: 5vw 3vw 5vw;
		padding: 7vw 7vw 7vw;
	}
	
	.qa .about-item-right {
	}
	
	.qa .about-item-right .question-answer-item {
		border-bottom: 0px solid #ddd;
	}
	
	.qa .about-item-right .question-answer-item .title {
		padding: 0vw 0vw;
		
		padding: 1vw 0vw;
	}
	
	.qa .about-item-right .question-answer-item .title h1 {
		line-height: 1.8em;
	}
	
	.qa .about-item-right .question-answer-item .title i {
		display: none;
	}
	
	/* ================================ company-img ================================ */
	
	.company-img {
		padding: 0vw 4vw 0vw;
		
		padding: 0vw 7vw 0vw;
	}
	
	.company-img img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	
	/* ================================ customer ================================ */
	
	.customer {
		padding: 7vw 4vw 7vw;
		padding: 7vw 7vw 7vw;
		
		padding: 10vw 3vw 10vw;
		padding: 10vw 7vw 10vw;
	}
	
	.customer .about-item-right {
		width: 100%;
		margin-top: 5vw;
		
		margin-top: 7vw;
	}
	
	.customer .about-item-right img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	
	/*
	.customer .about-item-right ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	.customer .about-item-right ul li {
		width: 16.66%;
		padding-top: 8%;
		position: relative;
		
		width: 33.33%;
		padding-top: 15%;
	}
	
	.customer .about-item-right ul li img {
		max-width: 80%;
		max-height: 60%;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		margin: auto;
	}
	*/
	
}