@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

html,
body {
	font-family: "", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #ffffff;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

input,
textarea,
select {
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
}

a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	border-style: none;
	vertical-align: middle;
}

.zoom-img {
	overflow: hidden;
}

.zoom-img .img {
	overflow: hidden;
}

.zoom-img img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.zoom-img:hover img {
	transform: scale(1.04);
	-ms-transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-o-transform: scale(1.04);
	-moz-transform: scale(1.04);
}

.clear:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}

.clear {
	zoom: 1;
}

.nav-page {
	font-size: 0;
	text-align: center;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	box-shadow: none;
}

.btn-link:focus,
.btn-link:hover {
	text-decoration: none;
}

/*引入外部字体*/
@font-face {
	font-family: "OPPOSans-L";
	src: url("../fonts/opposans-l.ttf");
	src: url("../fonts/opposans-l.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "OPPOSans-R";
	src: url("../fonts/opposans-r.ttf");
	src: url("../fonts/opposans-r.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "OPPOSans-H";
	src: url("../fonts/opposans-h.ttf");
	src: url("../fonts/opposans-h.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "OPPOSans-M";
	src: url("../fonts/opposans-m.ttf");
	src: url("../fonts/opposans-m.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "OPPOSans-B";
	src: url("../fonts/opposans-b.ttf");
	src: url("../fonts/opposans-b.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* header */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	transition: all 0.3s ease;
}

.w12 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.header.on {
	background-color: #fff;
}

.header.active {
	background-color: #fff;
}

.header.active .item>a {
	display: block;
	color: #333;
	line-height: 70px;
}

.header.headBack {
	background-color: #fff;
}

.header.headBack .navBox .item>a {
	position: relative;
	display: block;
	color: #333;
}

.header.headBack .navBox .item>a::before {
	position: absolute;
	content: "";
	top: 62px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	display: none;
}

.header.headBack .navBox .item:hover a::before {
	display: block;
}

.header .logo {
	float: left;
	font-size: 0;
	margin-top: 15px;
	width:130px;
}

.header .logo2 {
	display: none;
}

.header.headBack .logo1 {
	display: none;
}

.header.headBack .logo2 {
	display: block;
}

.header .navBox {
	float: left;
	margin-left: 52px;
	display: flex;
	align-items: center;
}

.header .navMobileBox {
	display: none;
}

.header .navMobileBox .formBox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.4rem;
}

.header .navMobileBox .inputText {
	width: 60%;
	font-size: 0.2rem;
	line-height: 0.5rem;
	border-bottom: 1px solid #eee;
}

.header .navMobileBox .btn {
	font-size: 0;
}

.header .navBox .item {
	position: relative;
	margin: 0 17px;
}

.header .navBox .item .dropDown {
	position: absolute;
	top: 100%;
	left: 0;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff;
	display: none;
}

.header .navBox .item .dropDown a {
	display: block;
	padding: 16px 32px;
	white-space: nowrap;
	color: #303233;
	line-height: 1;
	height: auto;
	background: 0 0;
	text-align: center;
	width: 100%;
	position: relative;
	font-size: 14px;
	transition: all 0.5s;
}

.header .navBox .item .dropDown a:hover {
	background-color: #ebeff2;
}

.header .navBox .item .dropDownList {
	position: fixed;
	top: 64px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #eee;
	padding-top: 24px;
	padding-bottom: 48px;
	z-index: 99;
	display: none;
}

.header.active .navBox .item .dropDownList {
	top: 70px;
}

.header .navBox .dropDownList .wrapBox {
	display: flex;
	justify-content: center;
}

.header .navBox .dropDownList .item2 {
	max-width: 25%;
	width: 100%;
	border-right: 1px solid #eee;
	display: flex;
}

.header .navBox .dropDownList .item2:last-child {
	border-right: 0;
}

.header .navBox .dropDownList .img {
	width: 200px;
	padding: 0 20px;
}

.header .navBox .dropDownList .nav {
	width: calc(100% - 200px);
	padding-right: 20px;
}

.header .navBox .dropDownList a {
	display: block;
	color: #303233;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 8px;
	font-family: OPPOSans-R;
}
	.header .navBox .dropDownList a:hover {
		text-decoration: none;
		color: #00a9e1;
	}

.header .navBox .dropDownList .h1 {
	color: #3b3e40;
	font-size: 16px;
	line-height: 24px;
	display: block;
	margin-bottom: 8px;
	font-family: OPPOSans-B;
}

.header .navBox .item>a {
	display: block;
	font-size: 14px;
	color: #fefefe;
	line-height: 36px;
	padding: 14px 0;
	font-family: OPPOSans-M;
}

.header .searchBox {
	float: right;
	position: relative;
}

.header .searchBox form {
	display: flex;
	align-items: center;
	width: 170px;
	height: 36px;
	padding: 0 15px;
	border-radius: 18px;
	background-color: rgba(48, 60, 85, 0.3);
}

.header .searchBox .inputText {
	width: calc(100% - 17px);
	font-size: 16px;
	color: #fff;
	background: none;
	font-family: OPPOSans-R;
}

.header .searchBox .inputText::-webkit-input-placeholder {
	font-size: 16px;
	color: #fff;
	font-family: OPPOSans-R;
}

.header .searchBox .btnIcon {
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	margin-top: 21px;
}

.header .searchBox .dropDown {
	display: none;
	position: absolute;
	top: 13px;
	right: -15px;
}

.header .searchBox .btn {
	font-size: 0;
	cursor: pointer;
}

.header .eShop {
	float: right;
	position: relative;
	margin-left: 42px;
	display: flex;
}

.header .eShop .btn {
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	margin-top: 21px;
}

.header .eShop .dropDown {
	position: absolute;
	top: 64px;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	display: none;
}

.header .eShop .dropDown::before {
	position: absolute;
	content: "";
	top: -10px;
	left: 50%;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #fff;
}

.header .eShop .dropDown a {
	display: block;
	padding: 16px 32px;
	white-space: nowrap;
	color: #303233;
	line-height: 1;
	height: auto;
	background: 0 0;
	text-align: center;
	width: 100%;
	position: relative;
	font-size: 14px;
	transition: all 0.5s;
	font-family: OPPOSans-L;
}

.header .eShop .dropDown a:hover {
	background-color: #ebeff2;
}

.header .btnMenu {
	width: 40px;
	height: 30px;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.header .btnMenu>span {
	width: 40px;
	height: 2px;
	background-color: #fff;
	margin: 4px 0;
	transition: all 0.3s;
	-webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg);
	-ms-transform: skew(40deg);
	transform: skew(40deg);
}

.header .btnMenu.on>span {
	width: 20px;
}

.header .btnMenu.on>span:first-child {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.header .btnMenu.on>span:nth-child(2) {
	display: none;
}

.header .btnMenu.on>span:last-child {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	margin-top: -6px;
}

.header .btnMenu>span {
	background-color: #fff;
}

.header.on .btnMenu>span {
	background-color: #000;
}

.header.active .btnMenu>span {
	background-color: #000;
}

.header.headBack .btnMenu>span {
	background-color: #000;
}

.header .icon2 {
	display: none;
}

.header.headBack .icon1 {
	display: none;
}

.header.headBack .icon2 {
	display: block;
}

.floatWindow {
	position: fixed;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
	z-index: 2;
}

.floatWindow .item {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
	cursor: pointer;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.floatWindow .item.mItem {
	display: none;
}

.floatWindow .icon2 {
	display: none;
}

.floatWindow .item:hover .icon1 {
	display: none;
}

.floatWindow .item:hover .icon2 {
	display: inline-flex;
}

.messagePopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
	display: none;
}

.messagePopup .popupWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 745px;
	width: 100%;
	background-color: #f8f8f8;
	border-radius: 15px;
	overflow: hidden;
}

.messagePopup .topBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: linear-gradient(to right, #f2a746, #fd7656);
	padding: 15px 30px 15px 40px;
}

.messagePopup .h1 {
	font-size: 20px;
	line-height: 32px;
	color: #ffffff;
	font-family: OPPOSans-M;
}

.messagePopup .close {
	cursor: pointer;
}

.messagePopup .form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 35px;
}

.messagePopup .inputBox {
	width: 48%;
	height: 60px;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	margin-bottom: 20px;
}

.messagePopup .asterisk {
	width: 14px;
	font-size: 14px;
	line-height: 32px;
	color: #ec6900;
	font-family: OPPOSans-R;
}

.messagePopup .inputText {
	width: calc(100% - 14px);
	font-size: 14px;
	color: #999999;
	font-family: OPPOSans-R;
}

.messagePopup .inputText::-webkit-input-placeholder {
	color: #999;
}

.messagePopup .areaBox {
	width: 100%;
	height: auto;
}

.messagePopup .text {
	height: 110px;
	font-size: 14px;
	line-height: 32px;
	color: #999999;
	font-family: OPPOSans-R;
}

.messagePopup .btnSubmit {
	width: 180px;
	height: 60px;
	font-size: 16px;
	color: #ffffff;
	background-color: #ec6900;
	border-radius: 5px;
	cursor: pointer;
}

/* footer */
.footer {
	position: relative;
	background-color: #272727;
}

.footer .topBox {
	padding: 50px 0 110px;
}

.footer .topBox .topWrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer .navBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer .navBox .h1 {
	font-size: 14px;
	color: #ffffff;
	line-height: 36px;
	text-align: left;
	font-family: OPPOSans-M;
}

.footer .navBox a {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 2555, 0.56);
	line-height: 32px;
	transition: all 0.5s;
	font-family: OPPOSans-R;
}

.footer .navBox a:hover {
	color: #fff;
}

.footer .codeBox {
	max-width: 390px;
	width: 100%;
	text-align: right;
}

.footer .codeBox .number {
	font-size: 30px;
	color: #ec6900;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 5px;
}

.footer .codeBox .time {
	font-size: 16px;
	color: #f9f9f9;
	line-height: 36px;
	margin-bottom: 10px;
	font-family: OPPOSans-L;
}

.footer .codeBox .code {
	display: inline-block;
	width: 110px;
}

.footer .codeBox .name {
	font-size: 14px;
	color: #bbbbbb;
	line-height: 36px;
	text-align: center;
	margin-top: 5px;
	font-family: OPPOSans-L;
}

.footer .shareBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0 20px;
}

.footer .phone {
	font-size: 18px;
	line-height: 36px;
	color: #ffffff;
	font-family: OPPOSans-B;
}

.footer .time {
	font-size: 12px;
	line-height: 36px;
	color: #ffffff;
	font-family: OPPOSans-L;
}

.footer .share {
	font-size: 0;
	text-align: center;
}

.footer .share a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	transition: all 0.3s ease;
}

.footer .share a:hover {
	background: rgba(255, 255, 255, 0.09);
}

.footer .code {
	position: absolute;
	top: -100px;
	right: 0;
	width: 88px;
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	display: none;
}

.footer .code::before {
	position: absolute;
	content: "";
	bottom: -8px;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #fff;
}

.footer .infoBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.footer .text {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 12px;
	line-height: 31px;
	color: #6c7073;
	font-family: OPPOSans-L;
}

.footer .text a {
	color: #6c7073;
}

.footer .backTop {
	font-size: 12px;
	line-height: 31px;
	color: #6c7073;
	padding-left: 27px;
	background-image: url(../images/icon15.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	font-family: OPPOSans-L;
}

.footer .color {
	margin-right: 10px;
}

/* home */
.mImg {
	display: none;
}

/* .homeBannerSwiper {
  height: 100vh;
} */

.homeBannerSwiper .swiper-slide {
	/* width: 100%;
  height: 100%; */
	font-size: 0;
}

.homeBannerSwiper .swiper-slide-active {
	z-index: 9;
}

.homeBannerSwiper .textBox {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 1260px;
	width: 100%;
	text-align: center;
}

.homeBannerSwiper .h1 {
	font-size: 38px;
	color: #fff;
	line-height: 1;
	font-family: OPPOSans-B;
	margin-bottom: 10px;
}

.homeBannerSwiper .h2 {
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	font-family: OPPOSans-M;
	margin-bottom: 7px;
}

.homeBannerSwiper .btn {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	border-radius: 36px;
	padding-right: 16px;
	background-image: url(../images/icon13.png);
	background-repeat: no-repeat;
	background-position: right center;
	transition: all 0.5s;
	cursor: pointer;
	font-family: OPPOSans-L;
}

.homeBannerSwiper .btn:hover {
	text-decoration: underline;
}

.homeBannerSwiper .videoBox .video {
	position: absolute;
	min-width: 1920px;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: fill;
}

.homeBannerSwiper .swiper-slide-active .video {
	z-index: 2;
}

/* .homeBannerSwiper .swiper-slide img {
  position: absolute;
  min-width: 1920px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

.homeBannerSwiper .swiper-pagination {
	bottom: 75px;
}

.homeBannerSwiper .swiper-pagination-bullet {
	width: 16px;
	height: 2px;
	margin: 0 2px !important;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	opacity: 1;
}

.homeBannerSwiper .swiper-pagination-bullet-active {
	background-color: #fff;
}

.brandUser {
	padding: 20px;
}

.brandUser .wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.brandUser a {
	width: calc(50% - 10px);
	position: relative;
	margin-right: 20px;
}

.brandUser a:last-child {
	margin-right: 0;
}

.brandUser .textBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 75px 20px 20px;
}

.brandUser .h1 {
	font-size: 32px;
	color: #414349;
	line-height: 36px;
	margin-bottom: 8px;
	font-family: OPPOSans-B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brandUser .h2 {
	font-size: 20px;
	color: #646464;
	line-height: 36px;
	font-family: OPPOSans-R;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brandUser .btn {
	display: inline-block;
	font-size: 14px;
	color: #474645;
	line-height: 36px;
	margin-top: 10px;
	padding-right: 14px;
	background-image: url(../images/icon12.png);
	background-repeat: no-repeat;
	background-position: right center;
	transition: all 0.5s;
	font-family: OPPOSans-L;
}

.brandUser a .btn:hover {
	text-decoration: underline;
}

.homeProdSwiper {
	margin-bottom: 20px;
}

.homeProdSwiper .swiper-slide {
	font-size: 0;
}

.homeProdSwiper .swiper-button-prev,
.homeProdSwiper .swiper-button-next {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-position: center center;
	background-size: auto;
	transition: all 0.5s;
}

.homeProdSwiper .swiper-button-prev {
	left: 15%;
	background-image: url(../images/icon2.png);
}

.homeProdSwiper .swiper-button-next {
	right: 15%;
	background-image: url(../images/icon3.png);
}

.homeProdSwiper .swiper-button-prev:hover,
.homeProdSwiper .swiper-button-next:hover {
	background-color: #b2bcc5;
}

.homeProdSwiper .swiper-pagination {
	bottom: 50px;
}

.homeProdSwiper .swiper-pagination-bullet {
	width: 16px;
	height: 2px;
	margin: 0 2px !important;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	opacity: 1;
}

.homeProdSwiper .swiper-pagination-bullet-active {
	background-color: #fff;
}

.homeProdSwiper .textBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 65px 20px 20px;
}

.homeProdSwiper .h1 {
	font-size: 38px;
	color: #414349;
	color: #fff;
	line-height: 1;
	font-family: OPPOSans-B;
	margin-bottom: 10px;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-o-transform: scale(0.6);
	-moz-transform: scale(0.6);
}

.homeProdSwiper .h2 {
	font-size: 24px;
	color: #646464;
	color: #fff;
	line-height: 36px;
	font-family: OPPOSans-R;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-o-transform: scale(0.6);
	-moz-transform: scale(0.6);
}

.homeProdSwiper .number {
	font-family: OPPOSans-B;
}

.homeProdSwiper .btn {
	display: inline-block;
	font-size: 14px;
	color: #474645;
	color: #fff;
	line-height: 36px;
	border-radius: 18px;
	margin-top: 10px;
	padding-right: 14px;
	background-image: url(../images/icon12.png);
	background-image: url(../images/icon13.png);
	background-repeat: no-repeat;
	background-position: right center;
	transition: all 0.5s;
	font-family: OPPOSans-L;
}

.homeProdSwiper .btn:hover {
	text-decoration: underline;
}

.homeProdSwiper .videoColor .h1 {
	color: #fff;
}

.homeProdSwiper .videoColor .h2 {
	color: #fff;
}

.homeProdSwiper .videoColor .btn {
	color: #fff;
}

.homeProdSwiper .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	transition: all 0.3s;
}

.homeProdSwiper .swiper-slide-active .mask {
	display: none;
}

.homeService .back {
	text-align: center;
	padding: 145px 0 165px;
	background-position: center center;
	background-size: cover;
}

.homeService .textBox {
	max-width: 1260px;
	margin: 0 auto;
	margin-bottom: 125px;
}

.homeService .h1 {
	font-size: 38px;
	color: #333333;
	line-height: 1;
	font-family: OPPOSans-B;
	margin-bottom: 20px;
}

.homeService .text {
	max-width: 730px;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	color: #646464;
	line-height: 24px;
	margin-bottom: 15px;
	font-family: OPPOSans-R;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.homeService .btn {
	display: inline-block;
	font-size: 16px;
	color: #474645;
	line-height: 36px;
	padding-right: 14px;
	background-image: url(../images/icon12.png);
	background-repeat: no-repeat;
	background-position: right center;
	transition: all 0.5s;
	font-family: OPPOSans-L;
}

.homeService .btn:hover {
	text-decoration: underline;
}

.homeService .dataBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 70px;
}

.w144 {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
}

.homeService .topBox {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	font-size: 26px;
	color: #474645;
	line-height: 1;
	font-family: OPPOSans-H;
}

.homeService .number {
	font-size: 42px;
	line-height: 50px;
	margin-right: 5px;
	text-align: center;
}

.homeService .number1 {
	width: 86px;
}

.homeService .number2 {
	width: 100px;
}

.homeService .number3 {
	width: 57px;
}

.homeService .number4 {
	width: 114px;
}

.homeService .name {
	display: inline-block;
	font-size: 14px;
	color: #414349;
	line-height: 36px;
	font-family: OPPOSans-R;
}

.homeShop {
	padding: 140px 0 118px;
}

.homeShop .listBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.homeShop .column {
	width: 33.33%;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
}

.homeShop .icon {
	display: inline-block;
	font-size: 0;
}

.homeShop .name {
	font-size: 24px;
	color: #414349;
	line-height: 36px;
	margin-top: 20px;
	font-family: OPPOSans-B;
}

.homeShop .btn {
	display: inline-block;
	font-size: 16px;
	line-height: 36px;
	color: #474645;
	margin-top: 10px;
	padding-right: 11px;
	background-image: url(../images/icon12.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: OPPOSans-L;
}

.homeShop .btn:hover {
	text-decoration: underline;
}

/* 媒体查询 */
/* header footer home */
@media only screen and (max-width: 1600px) {
	.brandUser .textBox {
		padding: 50px 20px 20px;
	}

	.brandUser .btn {
		margin-top: 0;
	}

	.homeProdSwiper .textBox {
		padding: 50px 20px 20px;
	}

	.homeProdSwiper .btn {
		margin-top: 0;
	}

	.homeBannerSwiper .textBox {
		top: 15%;
	}
}

@media only screen and (max-width: 1440px) {
	.header .navBox .item>a {
		font-weight: 600;
	}
}

@media only screen and (max-width: 1280px) {
	.w12 {
		width: 90%;
	}

	.header .navBox .dropDownList .img {
		width: 150px;
	}

	.header .navBox .dropDownList .nav {
		width: calc(100% - 150px);
	}

	.homeBannerSwiper .h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.homeBannerSwiper .h2 {
		font-size: 18px;
		line-height: 30px;
	}

	.homeBannerSwiper .btn {
		line-height: 30px;
	}

	.brandUser {
		padding: 10px;
	}

	.brandUser a {
		width: calc(50% - 5px);
		margin-right: 10px;
	}

	.brandUser .textBox {
		padding: 30px 20px 20px;
	}

	.brandUser .h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 5px;
	}

	.brandUser .h2 {
		font-size: 18px;
		line-height: 30px;
	}

	.brandUser .btn {
		line-height: 30px;
	}

	.homeProdSwiper {
		margin-bottom: 10px;
	}

	.homeProdSwiper .textBox {
		padding: 30px 20px 20px;
	}

	.homeProdSwiper .h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 5px;
	}

	.homeProdSwiper .h2 {
		font-size: 18px;
		line-height: 30px;
	}

	.homeProdSwiper .btn {
		line-height: 30px;
	}

	.homeService .back {
		padding: 100px 0 120px;
	}

	.homeService .textBox {
		margin-bottom: 90px;
	}

	.homeService .h1 {
		font-size: 24px;
	}

	.homeService .btn {
		line-height: 30px;
	}

	.homeService .dataBox {
		padding: 0 50px;
	}

	.homeService .topBox {
		font-size: 18px;
	}

	.homeService .number {
		font-size: 30px;
		line-height: 40px;
	}

	.homeService .number1 {
		width: 62px;
	}

	.homeService .number2 {
		width: 72px;
	}

	.homeService .number3 {
		width: 41px;
	}

	.homeService .number4 {
		width: 82px;
	}

	.homeShop {
		padding: 100px 0 80px;
	}

	.homeShop .name {
		font-size: 18px;
		line-height: 30px;
	}

	.homeShop .btn {
		font-size: 14px;
		line-height: 30px;
	}
}

@media only screen and (max-width: 1199px) {
	.header .navBox .dropDownList .img {
		padding: 0 5px;
	}

	.header .navBox .dropDownList .nav {
		padding-right: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	.header {
		position: fixed;
	}

	.header .wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 0;
	}

	.header .wrap::after {
		display: none;
	}

	.header .btnMenu {
		float: right;
		margin-right: 70px;
	}

	.header .logo {
		order: 1;
		margin-top: 0;
	}

	.header.on .logo1 {
		display: none;
	}

	.header.on .logo2 {
		display: block;
	}

	.header .searchBox {
		display: none;
	}

	.header .eShop {
		order: 3;
		margin-left: 0;
	}
	.header .eShop01 {
		order: 3;
		margin-left: 0 !important;
	}
	.header .eShop01 .btn{ margin-top: 0 !important; height: auto !important;}
	.header .sousou{display: none;}

	.header.on .icon1 {
		display: none;
	}

	.header.on .icon2 {
		display: inline-block;
	}

	.header .eShop .dropDown {
		top: 50px;
		left: auto;
		right: 0;
		transform: translate(0, 0);
	}

	.header .eShop .dropDown::before {
		left: auto;
		margin-left: 0;
		right: 5px;
	}

	.header .btnMenu {
		order: 0;
		display: flex;
		margin-right: 0;
	}

	.header .navBox {
		display: none;
	}

	.header .eShop .btn {
		margin-top: 0;
	}

	.header .navMobileBox {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		background-color: #fff;
		padding: 20px 0;
		border-top: 1px solid #eee;
		z-index: 9;
		overflow-y: auto;
	}

	.header .navMobileBox::-webkit-scrollbar {
		display: none;
	}

	.header .navMobileBox .item>a {
		position: relative;
		display: block;
		font-size: 20px;
		color: #333;
		line-height: 50px;
		border-bottom: 1px solid #eee;
		font-family: OPPOSans-M;
	}

	.header .navMobileBox .item>a::before {
		position: absolute;
		content: "";
		top: 50%;
		right: 0;
		width: 10px;
		height: 6px;
		margin-top: -3px;
		background-image: url(../images/icon12-1.png);
		background-repeat: no-repeat;
		background-position: right center;
		transition: all 0.5s ease;
	}

	.header .navMobileBox .item>a.on::before {
		transform: rotate(180deg);
	}

	.header .navMobileBox .dropDown {
		display: none;
	}

	.header .navMobileBox .dropDown a {
		display: block;
		font-size: 14px;
		line-height: 30px;
		color: #333;
		font-family: OPPOSans-L;
	}

	.header .navMobileBox .dropDown .h1 {
		font-size: 16px;
		line-height: 40px;
		font-family: OPPOSans-R;
	}

	.homeBannerSwiper {
		height: auto;
	}

	.homeBannerSwiper .videoBox .video {
		position: relative;
		min-width: auto;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		width: 100%;
		height: auto;
	}

	.homeBannerSwiper .swiper-slide img {
		position: relative;
		min-width: 100%;
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	.homeBannerSwiper .swiper-pagination {
		bottom: 5%;
	}

	.homeBannerSwiper .btn {
		line-height: 24px;
	}

	.brandUser .textBox {
		padding: 20px;
	}

	.brandUser .h1 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.brandUser .h2 {
		font-size: 16px;
	}

	.brandUser .btn {
		line-height: 24px;
	}

	.homeProdSwiper .swiper-pagination {
		bottom: 5%;
	}

	.homeProdSwiper .textBox {
		padding: 20px;
	}

	.homeProdSwiper .h1 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.homeProdSwiper .h2 {
		font-size: 16px;
	}

	.homeProdSwiper .btn {
		line-height: 24px;
	}

	.homeService .h1 {
		font-size: 20px;
	}

	.homeService .textBox {
		margin-bottom: 70px;
	}

	.homeService .back {
		padding: 50px 0 90px;
	}

	.homeService .btn {
		font-size: 14px;
		line-height: 24px;
	}

	.homeShop {
		padding: 70px 0;
	}

	.homeShop .name {
		font-size: 16px;
		margin-top: 10px;
	}

	.homeShop .btn {
		line-height: 24px;
		margin-top: 0;
	}

	.footer .topBox .topWrap {
		justify-content: center;
	}

	.footer .navBox {
		width: 100%;
	}

	.footer .codeBox {
		width: auto;
		text-align: center;
		margin-top: 20px;
	}

	.homeBannerSwiper .h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.homeBannerSwiper .h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.messagePopup .popupWrap {
		max-width: 80%;
	}
}

@media only screen and (max-width: 768px) {
	/* .header .btnMenu {
		margin-right: 50px;
	} */

	.homeBannerSwiper .textBox {
		top: 15%;
	}

	.homeBannerSwiper .h1 {
		margin-bottom: 5px;
	}

	.homeBannerSwiper .h2 {
		margin-bottom: 5px;
	}

	.brandUser {
		padding: 10px 0;
	}

	.brandUser a {
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}

	.brandUser a:last-child {
		margin-bottom: 0;
	}

	.homeService .back {
		padding: 50px 0;
	}

	.homeService .textBox {
		width: 90%;
		margin-bottom: 30px;
	}

	.homeService .column {
		width: 50%;
		margin-top: 40px;
	}

	.homeProdSwiper .swiper-button-prev {
		left: 5%;
	}

	.homeProdSwiper .swiper-button-next {
		right: 5%;
	}

	.footer .wrap {
		width: 100%;
	}

	.footer .topBox {
		padding: 40px 0 30px;
	}

	.footer .navBox .h1 {
		line-height: 40px;
		border-bottom: 1px solid #333;
	}

	.footer .navBox .item {
		width: 100%;
	}

	.footer .backTop {
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translate(-50%, 0);
		color: #aaa;
	}

	.footer .navBox {
		border-top: 1px solid #333333;
	}

	.footer .navBox .h1 {
		position: relative;
		width: 90%;
		margin: 0 auto;
		font-size: 0.2rem;
		line-height: 0.88rem;
	}

	.footer .navBox .nav {
		padding: 0.1rem 5%;
		background-color: #333333;
	}

	.footer .navBox .h1::after {
		position: absolute;
		content: "";
		top: 50%;
		right: 0;
		margin-top: -0.02rem;
		width: 0.2rem;
		height: 0.04rem;
		background-color: #fff;
	}

	.footer .navBox .h1::before {
		position: absolute;
		content: "";
		top: 50%;
		right: 0.08rem;
		margin-top: -0.1rem;
		width: 0.04rem;
		height: 0.2rem;
		background-color: #fff;
		transition: all 0.5s ease;
	}

	.footer .botBox {
		padding: 0 5%;
	}

	.footer .navBox .h1.on::before {
		transform: rotate(90deg);
	}

	.footer .navBox a {
		font-size: 0.18rem;
		line-height: 0.4rem;
	}

	.messagePopup .popupWrap {
		max-width: 90%;
	}
}

@media only screen and (max-width: 680px) {
	.pImg {
		display: none;
	}

	.mImg {
		display: block;
	}
}

@media only screen and (max-width: 580px) {
	.header .logo {
		width: 4.7rem;
	}
.header.headBack .logo2{ margin: 0 auto;}
	.header .btnMenu {
		width: 0.35rem;
		/* margin-right: 0.6rem; */
	}

	.header .btnMenu>span {
		width: 0.35rem;
		margin: 2px 0;
	}

	.header .navMobileBox .inputText {
		font-size: 0.3rem;
		line-height: 0.6rem;
	}

	.header .btnMenu.on>span:last-child {
		margin-top: -4px;
	}

	.header .eShop .dropDown {
		top: 35px;
	}

	.header .eShop .dropDown a {
		padding: 15px 20px;
	}

.header .eShop01 .dropDown01 {
		top: 35px !important;
	}

	.header .eShop01 .dropDown01 a {
		padding: 15px 20px;
	}

	.homeBannerSwiper .textBox {
		top: 20%;
	}

	.homeBannerSwiper .h1 {
		font-size: 0.4rem;
		line-height: 0.6rem;
		margin-bottom: 5px;
	}

	.homeBannerSwiper .h2 {
		font-size: 0.3rem;
		line-height: 0.5rem;
		margin-bottom: 5px;
	}

	.homeBannerSwiper .btn {
		font-size: 0.22rem;
	}

	.brandUser .h1 {
		font-size: 0.4rem;
		line-height: 0.6rem;
	}

	.brandUser .h2 {
		font-size: 0.3rem;
		line-height: 0.5rem;
		margin-bottom: 5px;
	}

	.brandUser .btn {
		font-size: 0.22rem;
	}

	.homeProdSwiper .textBox {
		padding: 0.7rem 15px 15px;
	}

	.homeService .h1 {
		font-size: 0.4rem;
	}

	.homeService .text {
		font-size: 0.28rem;
		line-height: 0.5rem;
		margin-bottom: 0.4rem;
		-webkit-line-clamp: 5;
	}

	.homeService .btn {
		font-size: 0.22rem;
	}

	.homeService .topBox {
		font-size: 0.26rem;
	}

	.homeService .number {
		font-size: 0.48rem;
		line-height: 0.6rem;
	}

	.homeService .name {
		font-size: 0.2rem;
		line-height: 0.5rem;
	}

	.homeProdSwiper .h1 {
		font-size: 0.4rem;
		line-height: 0.6rem;
		margin-bottom: 5px;
	}

	.homeProdSwiper .h2 {
		font-size: 0.3rem;
		line-height: 0.5rem;
		margin-bottom: 10px;
	}

	.homeProdSwiper .btn {
		font-size: 0.22rem;
	}

	.homeService .dataBox {
		padding: 0;
	}

	.homeShop {
		padding: 0.5rem 0 0.1rem;
	}

	.homeShop .column {
		width: 100%;
		padding: 0;
		display: flex;
		align-items: center;
		margin-bottom: 0.4rem;
	}

	.homeShop .column a {
		display: flex;
		align-items: center;
	}

	.homeShop .icon {
		width: 0.8rem;
		margin-right: 0.5rem;
	}

	.homeShop .name {
		font-size: 0.32rem;
		margin-top: 0;
		margin-right: 0.26rem;
	}

	.homeShop .btn {
		font-size: 0;
	}

	.footer .code {
		left: 0;
		right: auto;
	}

	.footer .code::before {
		left: 10px;
		right: auto;
	}

	.messagePopup .inputBox {
		width: 100%;
		height: 46px;
	}

	.messagePopup .topBox {
		padding: 10px 15px;
	}

	.messagePopup .h1 {
		font-size: 16px;
		line-height: 26px;
	}

	.messagePopup .form {
		padding: 20px 15px;
	}

	.messagePopup .areaBox {
		height: auto;
	}

	.messagePopup .btnSubmit {
		width: 120px;
		height: 46px;
		font-size: 14px;
	}

	.floatWindow {
		right: 0;
	}

	.floatWindow .item {
		width: 40px;
		height: 40px;
	}

	.floatWindow .item.pItem {
		display: none;
	}

	.floatWindow .item.mItem {
		display: flex;
	}
}

@media only screen and (max-width: 480px) {
	.header .navMobileBox .item>a {
		font-size: 16px;
		line-height: 40px;
	}

	.header .eShop .dropDown a {
		font-size: .28rem;
		padding: .22rem .3rem;
	}

	.brandUser .textBox {
		padding: 0.6rem 15px 15px;
	}

	.footer .topBox {
		padding: 40px 0 10px;
	}

	.footer .shareBox {
		padding: 0 0 10px;
	}

	.footer .infoBox {
		padding: 10px 0;
	}

	.footer .navBox a {
		line-height: 0.6rem;
	}

	.messagePopup .inputBox {
		height: 40px;
		margin-bottom: 10px;
		padding: 0 10px;
	}

	.messagePopup .text {
		height: 80px;
	}

	.messagePopup .areaBox {
		height: auto;
	}
}

/* 产品 */
.main {
	padding-top: 64px;
}

.homeMain {
	padding-top: 0;
}

.prodNav .sortNav {
	display: flex;
	justify-content: center;
	padding: 50px 0 30px;
}

.prodNav .navWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	border-radius: 25px;
	font-family: OPPOSans-M;
}

.prodNav .sortNav .item {
	min-width: 170px;
	line-height: 50px;
	font-size: 14px;
	color: #414349;
	text-align: center;
	background-color: #f4f4f4;
}

.prodNav .sortNav .item:first-child {
	border-radius: 25px 0 0 25px;
}

.prodNav .sortNav .item:last-child {
	border-radius: 0 25px 25px 0;
}

.prodNav .sortNav .item.active {
	position: relative;
	color: #fff;
}

.prodNav .sortNav .item.active>span {
	position: relative;
}

.prodNav .sortNav .item.active::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	border-radius: 25px;
}

.prodNav .sortNav-2 {
	display: flex;
	justify-content: center;
	padding-bottom: 18px;
}

.prodNav .sortNav-2 .navWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
}

.prodNav .sortNav-2 .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 70px;
}

.prodNav .sortNav-2 .img {
	display: flex;
	align-items: center;
	height: 65px;
	max-width: 65px;
}

.prodNav .sortNav-2 .name {
	font-size: 14px;
	line-height: 60px;
	color: #414349;
}

.prodBox {
	background-color: #f5f6f6;
}

.prodListBox .title {
	text-align: center;
}

.prodListBox .title .h1 {
	font-size: 38px;
	line-height: 60px;
	color: #414349;
	font-family: OPPOSans-B;
}

.prodListBox .title .h2 {
	font-size: 24px;
	line-height: 38px;
	color: #414349;
	font-family: OPPOSans-R;
}

.prodListBox .prodColumn {
	margin-bottom: 80px;
}

.prodListBox .title {
	padding-bottom: 50px;
}

.prodListBox .prodColumn:first-child .title {
	padding: 60px 0 50px;
}

.prodListBox .item {
	padding: 40px 70px 40px 100px;
	margin-bottom: 20px;
	background-color: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.prodListBox .item:last-child {
	margin-bottom: 0;
}

.prodListBox .textBox {
	width: 45%;
	padding-right: 4%;
}

.prodListBox .prodList .h3 {
	font-size: 16px;
	line-height: 60px;
	color: #414349;
	font-family: OPPOSans-B;
}

.prodListBox .prodList .h1 {
	font-size: 32px;
	line-height: 60px;
	color: #414349;
	margin-bottom: 10px;
	font-family: OPPOSans-B;
}

.prodListBox .prodList .h2 {
	font-size: 16px;
	line-height: 24px;
	color: #646464;
	font-family: OPPOSans-R;
}

.prodListBox .prodList .btnBox {
	display: flex;
	margin-top: 65px;
}

.prodListBox .prodList .btn {
	width: 115px;
	line-height: 48px;
	font-size: 14px;
	color: #414349;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 25px;
	margin-right: 20px;
	transition: all 0.5s ease;
	font-family: OPPOSans-R;
}

.prodListBox .prodList .btn:last-child {
	margin-right: 0;
}

.prodListBox .prodList .btn:hover {
	color: #fff;
	border: 1px solid #000000;
	background-color: #000;
}

.prodListBox .prodList .img {
	width: 55%;
	/*height: 400px;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.prodListBox .prodList .img img {
	max-height: 100%;
}

.prodListBox .prodColumn:nth-child(2n) .item {
	flex-direction: row-reverse;
}

.prodListBox .prodColumn:nth-child(2n) .textBox {
	padding-left: 4%;
	padding-right: 0;
}

.prodBox .homeShop {
	padding: 40px 0 118px;
}

.prodIdea {
	padding: 110px 0 120px;
}

.prodIdea .title {
	text-align: center;
	margin-bottom: 63px;
}

.prodIdea .title .h1 {
	font-size: 38px;
	line-height: 50px;
	color: #35373d;
	font-family: OPPOSans-H;
}

.ideaList .item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.ideaList .img {
	width: 50%;
}

.ideaList .textBox {
	width: 50%;
	padding: 0 0 0 90px;
}

.ideaList .number {
	font-size: 18px;
	line-height: 30px;
	color: #35373d;
	font-family: OPPOSans-R;
	margin-bottom: 55px;
}

.ideaList .h2 {
	font-size: 24px;
	line-height: 30px;
	color: #35373d;
	font-family: OPPOSans-M;
	margin-bottom: 20px;
}

.ideaList .h3 {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	font-family: OPPOSans-R;
}

.ideaList .item:nth-child(2n) {
	flex-direction: row-reverse;
}

.ideaList .item:nth-child(2n) .textBox {
	padding: 0 90px;
}

/* 媒体查询 */
/* 产品 */
@media only screen and (max-width: 1366px) {
	.prodListBox .title .h1 {
		font-size: 30px;
		line-height: 50px;
	}

	.prodListBox .title .h2 {
		font-size: 20px;
		line-height: 30px;
	}

	.prodListBox .prodList .h3 {
		line-height: 40px;
	}

	.prodListBox .prodList .h1 {
		font-size: 26px;
		line-height: 40px;
	}

	.prodListBox .prodList .btnBox {
		margin-top: 40px;
	}

	.prodListBox .prodList .btn {
		width: 90px;
		line-height: 38px;
	}

	.prodIdea .title .h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.ideaList .number {
		margin-bottom: 30px;
	}

	.ideaList .textBox {
		padding: 0 0 0 60px;
	}

	.ideaList .item:nth-child(2n) .textBox {
		padding: 0 60px;
	}
}

@media only screen and (max-width: 1024px) {
	.main {
		padding-top: 50px;
	}

	.homeMain {
		padding-top: 0;
	}

	.prodNav .sortNav .navWrap {
		width: 100%;
		overflow-x: auto;
	}

	.prodNav .sortNav .navWrap::-webkit-scrollbar {
		display: none;
	}

	.prodNav .sortNav-2 .navWrap {
		width: 100%;
		overflow-x: auto;
	}

	.prodNav .sortNav-2 .navWrap::-webkit-scrollbar {
		display: none;
	}

	.prodListBox .item {
		padding: 50px 70px;
	}

	.prodNav .sortNav-2 .navWrap {
		justify-content: space-between;
	}

	.prodNav .sortNav-2 .item {
		margin: 0 auto;
	}

	.prodNav .sortNav .item {
		min-width: auto;
		padding: 0 30px;
	}

	.ideaList .number {
		margin-bottom: 20px;
	}

	.ideaList .h2 {
		margin-bottom: 10px;
	}

	.prodListBox .prodList .img {
		height: 300px;
	}
}

@media only screen and (max-width: 768px) {
	.prodListBox .item {
		padding: 40px 50px;
		flex-direction: column-reverse;
	}

	.prodListBox .textBox {
		width: 100%;
		padding: 0 !important;
	}

	.prodListBox .prodList .img {
		width: 100%;
		height: 250px;
		margin-bottom: 30px;
	}

	.prodListBox .prodColumn:nth-child(2n) .item {
		flex-direction: column-reverse;
	}

	.ideaList .img {
		width: 100%;
	}

	.ideaList .textBox {
		width: 100%;
		padding: 30px !important;
	}
}

@media only screen and (max-width: 580px) {
	.prodListBox .prodColumn:first-child .title {
		padding: 40px 0;
	}

	.prodListBox .title .h1 {
		font-size: 20px;
		line-height: 40px;
	}

	.prodListBox .title .h2 {
		font-size: 16px;
	}

	.prodListBox .prodList .h3 {
		font-size: 14px;
		line-height: 24px;
	}

	.prodListBox .prodList .h1 {
		font-size: 20px;
	}

	.prodListBox .prodList .h2 {
		font-size: 14px;
	}

	.prodListBox .prodList .btnBox {
		margin-top: 20px;
	}

	.prodListBox .title {
		padding-bottom: 30px;
	}

	.prodListBox .prodColumn {
		margin-bottom: 50px;
	}

	.prodIdea {
		padding: 60px 0 40px;
	}

	.prodIdea .title {
		margin-bottom: 30px;
	}

	.prodIdea .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.ideaList .h2 {
		font-size: 18px;
		line-height: 30px;
	}

	.prodListBox .prodList .img {
		height: 200px;
	}
}

@media only screen and (max-width: 480px) {
	.prodListBox .item {
		padding: 20px;
	}

	.prodListBox .prodList .btn {
		width: 70px;
		line-height: 32px;
		font-size: 12px;
		margin-right: 0;
		border-radius: 20px;
		margin-right: 0.3rem;
	}

	.prodListBox .prodColumn:first-child .title {
		padding: 40px 0 30px;
	}

	.prodListBox .title .h1 {
		line-height: 30px;
	}

	.prodNav .sortNav {
		padding: 20px 0 30px;
	}

	.prodNav .sortNav .item {
		line-height: 40px;
	}

	.prodNav .sortNav .navWrap {
		justify-content: flex-start;
	}

	.prodNav .sortNav .item:first-child {
		border-radius: 20px 0 0 20px;
	}

	.prodNav .sortNav .item:last-child {
		border-radius: 0 20px 20px 0;
	}

	.prodNav .sortNav .item.active::before {
		border-radius: 20px;
	}

	.prodNav .sortNav-2 .item {
		min-width: 60px;
		margin-right: 15px;
	}

	.prodBox .homeShop {
		padding: 0 0 30px;
	}

	.prodIdea {
		padding: 40px 0 20px;
	}

	.ideaList .textBox {
		padding: 20px !important;
	}

	.ideaList .number {
		margin-bottom: 10px;
	}
}

/* 服务&支持 */
.problemBox {
	padding: 75px 0 140px;
}

.problemBox .title {
	text-align: center;
	margin-bottom: 30px;
}

.problemBox .title .h1 {
	font-size: 32px;
	line-height: 50px;
	color: #414349;
	font-family: OPPOSans-M;
}

.problemBox .formBox {
	margin-bottom: 30px;
}

.problemBox .selectBox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.problemBox .select {
	max-width: 300px;
	width: 100%;
	height: 55px;
	border: 2px solid #eeeeee;
	border-radius: 27px;
	font-size: 14px;
	color: #646464;
	margin: 0 20px;
	padding: 0 42px 0 30px;
	font-family: OPPOSans-R;
	background-image: url(../images/icon18.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.problemBox .select::-ms-expand {
	display: none;
}

.problemList .item {
	padding: 20px 0;
	border-bottom: 1px solid #eeeeee;
}

.problemList .ask {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.problemList .h2 {
	width: calc(100% - 12px);
	font-size: 16px;
	line-height: 50px;
	color: #414349;
	font-family: OPPOSans-R;
}

.problemList .icon {
	width: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transition: all 0.5s ease;
}

.problemList .ask.active .icon {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}

.problemList .answer {
	display: none;
	font-size: 14px;
	line-height: 50px;
	color: #646464;
	background-color: #f7f8f8;
	padding: 10px 30px;
	font-family: OPPOSans-R;
}

.connectBox {
	padding: 85px 0 140px;
}

.connectBox .box {
	margin-bottom: 30px;
}

.connectBox .title {
	margin-bottom: 30px;
}

.connectBox .title .h1 {
	font-size: 32px;
	line-height: 50px;
	color: #414349;
	font-family: OPPOSans-M;
}

.connectBox .map {
	position: relative;
	height: 800px;
	background-position: center center;
	background-size: cover;
}

.connectBox .map .bmap-container {
	height: 500px;
}

.connectBox .map .textBox {
	position: absolute;
	top: 80%;
	left: 0%;
	transform: translate(0, -50%);
	background-color: #fff;
	padding: 45px 50px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

.connectBox .map .item2 {
	display: flex;
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	margin-bottom: 10px;
	font-family: OPPOSans-R;
}

.connectBox .map .item2:last-child {
	margin-bottom: 0;
}

.connectBox .map .icon {
	width: 20px;
	text-align: center;
}

.connectBox .map .text {
	width: calc(100% - 30px);
}

.connectBox .listBox {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.connectBox .item {
	width: 31.66%;
	margin-right: 2.51%;
	padding: 45px 50px 60px;
	background-image: url(../images/img51.jpg);
	background-size: cover;
	margin-bottom: 35px;
}

.connectBox .item:nth-child(3n) {
	margin-right: 0;
}

.connectBox .h2 {
	font-size: 20px;
	line-height: 50px;
	color: #414349;
	font-family: OPPOSans-M;
}

.connectBox .number {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 50px;
	color: #646464;
	font-family: OPPOSans-M;
}

.connectBox .icon {
	margin-right: 10px;
}

.connectBox .botBox {
	height: 400px;
	padding: 115px 80px 0;
	background-size: cover;
}

.connectBox .h3 {
	font-size: 14px;
	line-height: 20px;
	color: #646464;
	font-family: OPPOSans-R;
}

.inquireBox {
	padding: 70px 0 85px;
	background-color: #f0f1f2;
}

.inquireBox .formBox {
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 50px;
	padding: 90px 30px 105px;
}

.inquireBox .title {
	text-align: center;
	margin-bottom: 10px;
}

.inquireBox .title .h1 {
	font-size: 32px;
	line-height: 50px;
	color: #414349;
	font-family: OPPOSans-M;
}

.inquireBox .form {
	position: relative;
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
}

#fwcode {
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border: 2px solid #eeeeee;
	font-size: 14px;
	color: #a9a9a9;
	padding: 0 30px;
	font-family: OPPOSans-R;
}

#fwcode::-webkit-input-placeholder {
	color: #a9a9a9;
}

#fwBtn {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 100px;
	height: 46px;
	background-color: #f06410;
	border-radius: 30px;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
}

.inquireBox .tips {
	font-size: 14px;
	line-height: 50px;
	color: #646464;
	padding: 0 30px;
	font-family: OPPOSans-R;
}

.inquireBox .listBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.inquireBox .item {
	width: 47%;
	padding: 50px;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}

.inquireBox .icon {
	margin-bottom: 10px;
}

.inquireBox .name {
	font-size: 20px;
	line-height: 1;
	color: #414349;
	margin-bottom: 8px;
	font-family: OPPOSans-M;
}

.inquireBox .number {
	font-size: 14px;
	line-height: 1;
	color: #414349;
	margin-bottom: 15px;
	font-family: OPPOSans-R;
}

.inquireBox .h2 {
	font-size: 14px;
	line-height: 24px;
	color: #646464;
	font-family: OPPOSans-R;
}

/* 媒体查询 */
/* 服务&支持 */
@media only screen and (max-width: 1366px) {
	.connectBox .item {
		padding: 30px 40px 40px;
	}

	.connectBox .number {
		line-height: 30px;
	}
}

@media only screen and (max-width: 1024px) {
	.connectBox .botBox {
		height: 300px;
		padding: 80px 50px 0;
	}
}

@media only screen and (max-width: 991px) {
	.problemBox .selectBox {
		justify-content: space-between;
	}

	.problemBox .select {
		max-width: 45%;
		margin: 0;
	}

	.connectBox .item {
		width: 48%;
		margin-right: 4%;
	}

	.connectBox .item:nth-child(3n) {
		margin-right: 4%;
	}

	.connectBox .item:nth-child(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.connectBox .botBox {
		height: auto;
		padding: 80px 40px;
	}

	.connectBox .map .textBox {
		padding: 30px;
	}

	.connectBox .map .item2 {
		margin-bottom: 0;
	}

}

@media only screen and (max-width: 580px) {
	.problemBox {
		padding: 60px 0;
	}

	.problemBox .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.problemBox .formBox {
		margin-bottom: 15px;
	}

	.problemBox .select {
		height: 46px;
		padding: 0 27px 0 15px;
	}

	.problemList .item {
		padding: 15px 0;
	}

	.problemList .h2 {
		font-size: 16px;
		line-height: 30px;
	}

	.problemList .answer {
		font-size: 14px;
		line-height: 30px;
		padding: 10px 15px;
	}

	.connectBox {
		padding: 60px 0;
	}

	.connectBox .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.connectBox .item {
		padding: 20px;
		margin-bottom: 20px;
	}

	.connectBox .h2 {
		font-size: 0.28rem;
		line-height: .5rem;
	}

	.connectBox .map .item2 {
		font-size: .24rem;
		line-height: .5rem;
	}

	.connectBox .box {
		margin-bottom: 20px;
	}

	.connectBox .box:first-child {
		margin-bottom: 40px;
	}

	.inquireBox {
		padding: 60px 0;
	}

	.inquireBox .formBox {
		padding: 50px 30px;
	}

	.inquireBox .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.inquireBox .item {
		padding: 30px;
	}

	.connectBox .map .textBox {
		padding: 15px 10px;
	}

	.connectBox .icon {
		margin-right: 5px;
	}

	.connectBox .map .text {
		width: calc(100% - 25px);
	}

	.connectBox .map {
		height: auto;
	}

	.connectBox .map .bmap-container {
		height: 300px;
	}

	.connectBox .map .textBox {
		position: relative;
		width: 100%;
		left: auto;
		transform: translate(0, 0);
		margin-top: 20px;
	}

	#fwcode {
		padding: 0 15px;
		height: 46px;
	}

	#fwBtn {
		position: relative;
		top: auto;
		right: auto;
		display: block;
		font-size: 16px;
		height: 40px;
		margin: 20px auto 0;
	}
}

@media only screen and (max-width: 480px) {
	.problemBox {
		padding: 40px 0;
	}

	.problemBox .select {
		height: 42px;
	}

	.connectBox {
		padding: 40px 0;
	}

	.connectBox .item {
		width: 100%;
		padding: 30px 20px;
		margin-right: 0 !important;
	}

	.connectBox .title {
		margin-bottom: 20px;
	}

	.connectBox .box {
		margin-bottom: 10px;
	}

	.connectBox .box:first-child {
		margin-bottom: 30px;
	}

	.connectBox .botBox {
		padding: 40px 20px;
	}

	.connectBox .botBox .textBox {
		width: 70%;
	}

	.inquireBox {
		padding: 40px 0 20px;
	}

	.inquireBox .formBox {
		padding: 30px 20px;
		margin-bottom: 30px;
	}

	.inquireBox .inputText {
		height: 40px;
		padding: 0 15px;
		border: 1px solid #eee;
		border-radius: 20px;
	}

	.inquireBox .tips {
		line-height: 24px;
		padding: 0 15px;
		margin-top: 10px;
	}

	.inquireBox .item {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* 关于 */
.welfareBox .topBox {
	padding: 90px 0 0;
}

.welfareBox .title {
	text-align: center;
}

.welfareBox .title .h1 {
	font-size: 32px;
	line-height: 50px;
	color: #35373d;
	font-family: OPPOSans-M;
}

.welfareBox .topBox .title {
	margin-bottom: 10px;
}

.welfareBox .topBox .text {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	text-align: center;
	margin-bottom: 30px;
	font-family: OPPOSans-R;
}

.welfareBox .imgBox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 120px;
}

.welfareBox .imgBox .img {
	width: 48%;
	margin-right: 4%;
	border-radius: 20px;
}

.welfareBox .imgBox .img:nth-child(2n) {
	margin-right: 0;
}

.welfareBox .backBox {
	position: relative;
	height: 600px;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}

.welfareBox .backBox .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.welfareBox .dutyBox {
	padding: 80px 0 65px;
}

.welfareBox .dutyBox .title {
	margin-bottom: 50px;
}

.welfareBox .dutyBox .item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.welfareBox .dutyBox .textBox {
	width: calc(100% - 344px);
	padding-right: 75px;
}

.welfareBox .dutyBox .img {
	width: 344px;
	border-radius: 15px;
}

.welfareBox .dutyBox .h2 {
	font-size: 24px;
	line-height: 50px;
	color: #2e3139;
	margin-bottom: 10px;
	font-family: OPPOSans-M;
}

.welfareBox .dutyBox .text {
	font-size: 14px;
	line-height: 24px;
	color: #646464;
	font-family: OPPOSans-R;
}

.aboutBox .introBox {
	padding: 90px 0 110px;
}

.aboutBox .title {
	text-align: center;
}

.aboutBox .title .h1 {
	font-size: 38px;
	line-height: 1;
	color: #35373d;
	font-family: OPPOSans-H;
}

.introBox .title {
	margin-bottom: 50px;
}

.introBox .text {
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	text-align: center;
	margin-bottom: 40px;
	font-family: OPPOSans-R;
}

.introBox .videoBox {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	transition: all 1.5s ease;
}

.introBox .videoBox.active {
	max-width: 100%;
	border-radius: 0;
}

.introBox .btnPlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	display: none;
}

.introBox .videoImg {
	display: none;
}

.videoPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
	display: none;
}

.videoPopup .videoWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.videoPopup .close {
	position: absolute;
	top: 5%;
	right: 5%;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.aboutSwiper .swiper-button-prev,
.aboutSwiper .swiper-button-next {
	width: 55px;
	height: 55px;
	background-size: cover;
	margin-top: -27px;
}

.aboutSwiper .swiper-button-prev {
	left: 20%;
	background-image: url(../images/icon24.png);
}

.aboutSwiper .swiper-button-next {
	right: 20%;
	background-image: url(../images/icon25.png);
}

.aboutSwiperBox .botBox {
	position: relative;
	max-width: 66.5%;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 35px 0;
	font-family: OPPOSans-R;
}

.aboutSwiperBox .textBox {
	width: calc(100% - 300px);
}

.aboutSwiperBox .text {
	display: none;
}

.aboutSwiperBox .text.active {
	display: block;
}

.aboutSwiperBox .h1 {
	font-size: 24px;
	line-height: 30px;
	color: #414349;
	margin-bottom: 10px;
}

.aboutSwiperBox .h2 {
	font-size: 14px;
	line-height: 24px;
	color: #646464;
}

.aboutSwiperBox .swiper-pagination {
	position: relative;
	width: 100px;
	left: auto;
	bottom: auto;
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	color: #646464;
	text-align: right;
	font-family: OPPOSans-M;
}

.aboutSwiperBox .swiper-pagination-current {
	font-size: 18px;
}

.chooseBox .listBox {
	padding: 170px 0 135px;
}

.chooseBox .listBox .wrap {
	display: flex;
	flex-wrap: wrap;
}

.chooseBox .listBox .item {
	width: 48%;
	margin-right: 4%;
	background-color: #fff;
}

.chooseBox .listBox .item:nth-child(2n) {
	margin-right: 0;
}

.chooseBox .back {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}

.chooseBox .listBox .text {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	padding: 42px 50px 50px;
	background-color: #fff;
	font-family: OPPOSans-R;
}

.feedback {
	height: 700px;
	background-position: center center;
	background-size: cover;
	padding: 130px 0 0;
	color: #ffffff;
}

.feedback .box {
	max-width: 485px;
	width: 100%;
}

.feedback .name {
	margin-bottom: 40px;
}

.feedback .en {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
	font-family: OPPOSans-R;
}

.feedback .cn {
	font-size: 32px;
	line-height: 1;
	font-family: OPPOSans-B;
}

.feedback .text {
	font-size: 14px;
	line-height: 30px;
	font-family: OPPOSans-R;
}

.responBox {
	padding: 125px 0 55px;
}

.responBox .title {
	margin-bottom: 70px;
}

.responBox .item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.responBox .img {
	width: 50%;
}

.responBox .textBox {
	width: 50%;
	padding: 0 0 0 80px;
}

.responBox .item:nth-child(2n) {
	flex-direction: row-reverse;
}

.responBox .item:nth-child(2n) .textBox {
	padding: 0 80px 0 0;
}

.responBox .item .h1 {
	font-size: 24px;
	line-height: 36px;
	color: #414349;
	margin-bottom: 35px;
	font-family: OPPOSans-B;
}

.responBox .item .h2 {
	font-size: 24px;
	line-height: 36px;
	color: #414349;
	margin-bottom: 15px;
	font-family: OPPOSans-R;
}

.responBox .text {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	font-family: OPPOSans-R;
}

.brandConceptBox .title {
	text-align: center;
	margin-bottom: 70px;
}

.brandConceptBox .title .h1 {
	font-size: 38px;
	line-height: 50px;
	color: #35373d;
	margin-bottom: 15px;
	font-family: OPPOSans-H;
}

.brandConceptBox .title .h2 {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	font-family: OPPOSans-R;
}

.brandBox-1 {
	padding: 110px 0 105px;
}

.brandBox-1 .title {
	margin-bottom: 70px;
}

.brandBox-1 .imgBox {
	position: relative;
}

@keyframes zoomVideo {
	0 {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.brandBox-2 {
	padding: 85px 0 110px;
	background-color: #fafafa;
}

.brandBox-2 .title {
	margin-bottom: 50px;
}

.brandBox-2 .listBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.brandBox-2 .item {
	width: 18.33%;
	height: 430px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 10px;
	margin-right: 2.0875%;
	padding: 50px 30px 55px;
	transition: all 0.5s ease;
}

.brandBox-2 .item:last-child {
	margin-right: 0;
}

.brandBox-2 .number {
	font-size: 14px;
	line-height: 30px;
	color: #35373d;
	font-family: OPPOSans-R;
}

.brandBox-2 .icon {
	margin-bottom: 40px;
}

.brandBox-2 .cn {
	font-size: 24px;
	line-height: 30px;
	color: #35373d;
	font-family: OPPOSans-R;
}

.brandBox-2 .en {
	font-size: 14px;
	line-height: 30px;
	color: #35373d;
	font-family: OPPOSans-R;
}

.brandBox-2 .item:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.brandBox-3 {
	position: relative;
	height: 700px;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}

.brandBox-3 .title {
	position: absolute;
	top: 150px;
	left: 50%;
	width: 100%;
	padding: 0 5%;
	transform: translate(-50%, 0);
}

.brandBox-4 {
	padding: 100px 0 90px;
}

.brandBox-4 .title {
	margin-bottom: 30px;
}

.brandBox-4 .title .h3 {
	font-size: 38px;
	line-height: 1;
	color: #35373d;
	font-family: OPPOSans-R;
}

.brandBox-4 .text {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	margin-bottom: 40px;
	font-family: OPPOSans-R;
}

.brandBox-4 .imgBox {
	border-radius: 20px;
}

.brandBox-5 {
	padding-bottom: 100px;
}

.brandBox-5 .title {
	margin-bottom: 40px;
}

.brandBox-5 .listBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.brandBox-5 .item {
	width: 32.25%;
	margin-right: 1.625%;
	margin-bottom: 15px;
	border-radius: 10px;
}

.brandBox-5 .item:nth-child(3n) {
	margin-right: 0;
}

/* 媒体查询 */
/* 关于 */
@media only screen and (max-width: 1366px) {
	.aboutBox .title .h1 {
		font-size: 30px;
	}

	.feedback {
		height: 600px;
	}

	.introBox .btnPlay {
		width: 60px;
		height: 60px;
	}

	.brandConceptBox .title .h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.brandBox-4 .title .h3 {
		font-size: 30px;
	}

	.brandBox-2 .item {
		height: 350px;
		padding: 30px 20px;
	}

	.brandBox-3 {
		height: 500px;
	}
}

@media only screen and (max-width: 1024px) {
	.feedback .box {
		max-width: 400px;
	}

	.aboutSwiper .swiper-button-prev,
	.aboutSwiper .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}

	.aboutSwiperBox .textBox {
		width: calc(100% - 100px);
	}

	.chooseBox .listBox {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 991px) {
	.welfareBox .dutyBox .textBox {
		padding-right: 30px;
	}

	.brandBox-2 {
		padding: 80px 0;
	}

	.brandBox-2 .listBox {
		justify-content: center;
	}

	.brandBox-2 .item {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 30px;
	}

	.brandBox-2 .item:nth-child(3n) {
		margin-right: 0;
	}

	.brandBox-5 .item {
		width: 48%;
		margin-right: 4%;
	}

	.brandBox-5 .item:nth-child(3n) {
		margin-right: 4%;
	}

	.brandBox-5 .item:nth-child(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.welfareBox .backBox {
		height: 400px;
	}

	.welfareBox .dutyBox .textBox {
		width: 100%;
		padding: 0;
	}

	.welfareBox .dutyBox .img {
		width: 100%;
		margin-bottom: 30px;
	}

	.welfareBox .dutyBox .item {
		flex-direction: column-reverse;
	}

	.aboutSwiperBox .botBox {
		max-width: 100%;
		padding: 30px 5%;
	}

	.chooseBox .listBox {
		padding: 50px 0;
	}

	.chooseBox .listBox .item {
		width: 100%;
		margin-right: 0;
	}

	.feedback {
		height: 500px;
		padding: 60px 0 0;
	}

	.feedback .box {
		max-width: 50%;
	}

	.responBox .item {
		margin-bottom: 30px;
	}

	.responBox .img {
		width: 100%;
	}

	.responBox .textBox {
		width: 100%;
		padding: 30px 0;
	}

	.responBox .item:nth-child(2n) .textBox {
		padding: 30px 0;
	}

	.introBox .btnPlay {
		width: 40px;
		height: 40px;
	}
}

@media only screen and (max-width: 680px) {
	.brandConceptBox .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}
}

@media only screen and (max-width: 580px) {
	.welfareBox .topBox {
		padding: 60px 0 0;
	}

	.welfareBox .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.welfareBox .topBox .text {
		line-height: 24px;
	}

	.welfareBox .imgBox {
		margin-bottom: 20px;
	}

	.welfareBox .imgBox .img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.welfareBox .backBox .icon {
		width: 200px;
	}

	.welfareBox .dutyBox {
		padding: 60px 0 40px;
	}

	.welfareBox .dutyBox .title {
		margin-bottom: 30px;
	}

	.welfareBox .dutyBox .h2 {
		font-size: 18px;
		line-height: 30px;
	}

	.aboutBox .introBox {
		padding: 60px 0;
	}

	.aboutBox .title .h1 {
		font-size: 20px;
	}

	.introBox .title {
		margin-bottom: 30px;
	}

	.aboutSwiperBox .h1 {
		font-size: 16px;
	}

	.aboutSwiperBox .swiper-pagination {
		width: 50px;
	}

	.aboutSwiperBox .textBox {
		width: 100%;
	}

	.chooseBox .listBox {
		padding: 20px 0;
	}

	.chooseBox .listBox .text {
		padding: 20px 0;
	}

	.chooseBox .listBox .item {
		margin-bottom: 20px;
	}

	.feedback .box {
		max-width: 100%;
	}

	.responBox {
		padding: 60px 0 30px;
	}

	.responBox .title {
		margin-bottom: 30px;
	}

	.responBox .textBox {
		padding: 20px 0;
	}

	.responBox .item .h1 {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.responBox .item .h2 {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.responBox .item:nth-child(2n) .textBox {
		padding: 20px 0;
	}

	.aboutSwiper .swiper-button-prev {
		left: 5%;
	}

	.aboutSwiper .swiper-button-next {
		right: 5%;
	}

	.feedback .name {
		margin-bottom: 20px;
	}

	.feedback .en {
		margin-bottom: 0;
	}

	.feedback .cn {
		font-size: 20px;
	}

	.feedback .text {
		line-height: 24px;
	}

	.feedback {
		height: auto;
		padding: 60px 0 500px;
	}

	.aboutSwiperBox .swiper-pagination {
		position: absolute;
		right: 10px;
		top: -30px;
		color: #fff;
	}

	.brandBox-1 {
		padding: 60px 0;
	}

	.brandConceptBox .title .h1 {
		font-size: 0.4rem;
		line-height: 0.6rem;
	}

	.brandConceptBox .break {
		display: inline-block;
		width: 100%;
	}

	.brandBox-1 .title {
		margin-bottom: 30px;
	}

	.brandBox-2 {
		padding: 60px 0;
	}

	.brandBox-2 .title {
		margin-bottom: 30px;
	}

	.brandBox-2 .number {
		display: none;
	}

	.brandBox-2 .item {
		height: auto;
		text-align: center;
	}

	.brandBox-2 .item:nth-child(n+4) {
		width: 48%;
		margin-right: 4% !important;
	}

	.brandBox-2 .item:last-child {
		margin-right: 0 !important;
	}

	.brandBox-3 {
		height: 400px;
	}

	.brandBox-3 .title {
		width: 90%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.brandBox-4 {
		padding: 60px 0;
	}

	.brandBox-4 .title .h3 {
		font-size: 20px;
	}

	.brandBox-4 .text {
		margin-bottom: 30px;
	}

	.brandBox-5 .title {
		margin-bottom: 30px;
	}

	.brandBox-5 {
		padding-bottom: 45px;
	}

	.introBox .btnPlay {
		display: block;
	}

	.introBox .videoImg {
		display: block;
	}

	.introBox .videoBox video {
		display: none;
	}

	.brandConceptBox .title .h2 {
		font-size: .24rem;
		line-height: 0.5rem;
		max-width: 99%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 480px) {
	.welfareBox .topBox {
		padding: 40px 0 0;
	}

	.welfareBox .backBox {
		height: 300px;
		background-attachment: initial;
		background-size: cover;
	}

	.welfareBox .backBox .icon {
		width: 150px;
	}

	.welfareBox .dutyBox {
		padding: 40px 0 10px;
	}

	.welfareBox .dutyBox .h2 {
		font-size: 16px;
	}

	.welfareBox .dutyBox .item {
		margin-bottom: 30px;
	}

	.welfareBox .dutyBox .img {
		margin-bottom: 20px;
	}

	.aboutBox .introBox {
		padding: 40px 0;
	}

	.aboutSwiperBox .botBox {
		padding: 20px 5%;
	}

	.feedback {
		padding: 40px 0 400px;
	}

	.responBox {
		padding: 40px 0 10px;
	}

	.brandBox-1 {
		padding: 40px 0;
	}

	.brandBox-2 {
		padding: 40px 0 10px;
	}

	.brandBox-2 .item {
		padding: 20px 10px;
	}

	.brandBox-2 .cn {
		font-size: 0.36rem;
		line-height: 0.6rem;
	}

	.brandBox-2 .en {
		font-size: 0.24rem;
		line-height: 0.5rem;
	}

	.brandBox-2 .icon {
		margin-bottom: 20px;
	}

	.brandBox-2 .icon img {
		width: 40px;
	}

	.brandBox-3 {
		height: 350px;
	}

	.brandBox-4 {
		padding: 40px 0;
	}

	.brandBox-5 {
		padding-bottom: 25px;
	}
}

@media only screen and (max-width: 414px) {
	.feedback {
		padding: 40px 0 300px;
	}
}

/* 合作伙伴 */
.cooperateMain .banner {
	position: relative;
}

.cooperateMain .banner .textBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 20px;
	text-align: center;
}

.cooperateMain .banner .h1 {
	font-size: 32px;
	line-height: 50px;
	color: #ffffff;
	margin-bottom: 5px;
	font-family: OPPOSans-M;
}

.cooperateMain .banner .h2 {
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-family: OPPOSans-R;
}

.cooperateBox .title {
	text-align: center;
}

.cooperateBox .title .h1 {
	font-size: 32px;
	line-height: 50px;
	color: #414349;
	font-family: OPPOSans-M;
}

.cooperateBox-1 {
	padding: 75px 0 80px;
}

.cooperateBox-1 .title {
	margin-bottom: 30px;
}

.cooperateBox-1 .back {
	position: relative;
	height: 550px;
	background-position: center center;
	background-size: cover;
}

.cooperateBox-1 .back::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}

.cooperateBox-1 .swiper-pagination {
	display: none;
}

.cooperateBox-1 .listBox {
	position: relative;
	height: 100%;
}

.cooperateBox-1 .item {
	padding: 25px 25px 70px;
	display: flex;
	align-items: flex-end;
	transition: all 0.5s ease;
	cursor: pointer;
}

.cooperateBox-1 .itemWrap {
	display: flex;
	flex-direction: column;
}

.cooperateBox-1 .icon {
	margin-bottom: 15px;
}

.cooperateBox-1 .name {
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	margin-bottom: 10px;
	font-family: OPPOSans-R;
}

.cooperateBox-1 .text {
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-family: OPPOSans-R;
	display: none;
}

.cooperateBox-1 .item:hover {
	background-color: rgba(0, 0, 0, 0.26);
	padding: 25px 25px 100px;
}

.cooperateBox-1 .item:hover .text {
	display: block;
}

.cooperateBox-2 {
	padding: 0 0 80px 0;
}

.cooperateBox-2 .title {
	margin-bottom: 5px;
}

.cooperateBox-2 .text {
	font-size: 14px;
	line-height: 24px;
	color: #414349;
	text-align: center;
	margin-bottom: 25px;
	font-family: OPPOSans-R;
}

.cooperateBox-2 .listBox {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.cooperateBox-2 .column-1 {
	width: 37.5%;
	margin-right: 1.67%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cooperateBox-2 .column-2 {
	width: 30.83%;
	margin-right: 1.67%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cooperateBox-2 .column-3 {
	width: 28.33%;
}

.cooperateBox-2 .imgs {
	display: flex;
	flex-wrap: wrap;
}

.cooperateBox-2 .lImg {
	width: 47.77%;
	margin-right: 4.46%;
}

.cooperateBox-2 .rImg {
	width: 47.77%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cooperateBox-2 .column-3 .img {
	margin-bottom: 6%;
}

.cooperateBox-2 .column-3 .img:last-child {
	margin-bottom: 0;
}

.cooperateBox-2 .img {
	border-radius: 10px;
}

.cooperateBox-3 {
	padding-bottom: 150px;
}

.cooperateBox-3 .title {
	margin-bottom: 70px;
}

.cooperateBox-3 .listBox {
	display: flex;
	flex-wrap: wrap;
}

.cooperateBox-3 .item {
	position: relative;
	width: 25%;
	text-align: center;
	padding: 0 4%;
}

.cooperateBox-3 .item::before {
	position: absolute;
	content: "";
	top: 25px;
	right: -16px;
	width: 32px;
	height: 13px;
	background-image: url(../images/icon35.png);
	background-size: cover;
}

.cooperateBox-3 .item:last-child::before {
	display: none;
}

.cooperateBox-3 .icon {
	margin-bottom: 20px;
}

.cooperateBox-3 .number {
	font-size: 13px;
	line-height: 24px;
	color: #969696;
	margin-bottom: 10px;
	font-family: OPPOSans-R;
}

.cooperateBox-3 .name {
	font-size: 16px;
	line-height: 24px;
	color: #414349;
	margin-bottom: 5px;
	font-family: OPPOSans-R;
}

.cooperateBox-3 .text {
	font-size: 14px;
	line-height: 24px;
	color: #646464;
	font-family: OPPOSans-R;
}

.cooperateBox-4 {
	padding: 75px 0 130px;
}

.cooperateBox-4 .title {
	margin-bottom: 55px;
}

.cooperateBox-4 .title .h1 {
	margin-bottom: 5px;
}

.cooperateBox-4 .title .h2 {
	font-size: 14px;
	line-height: 24px;
	color: #646464;
	font-family: OPPOSans-R;
}

.networkMap {
	position: relative;
	margin-bottom: 50px;
}

.networkMap .phoneBox {
	position: absolute;
	top: 39%;
	left: 39.8%;
	padding: 30px 30px 25px;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

.networkMap .phoneBox::after {
	position: absolute;
	top: 50%;
	left: -14px;
	margin-top: -10px;
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 14px solid #fff;
	border-bottom: 10px solid transparent;
}

.networkMap .phone {
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	font-family: OPPOSans-R;
	margin-top: 10px;
}

.cooperateBox-4 .dataBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 70px;
}

.cooperateBox-4 .column {
	text-align: center;
}

.cooperateBox-4 .topBox {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	font-size: 26px;
	color: #414349;
	line-height: 1;
	font-family: OPPOSans-H;
}

.cooperateBox-4 .number {
	font-size: 42px;
	line-height: 50px;
	margin-right: 5px;
	text-align: center;
}

.cooperateBox-4 .number1 {
	width: 86px;
}

.cooperateBox-4 .number2 {
	width: 100px;
}

.cooperateBox-4 .number3 {
	width: 57px;
}

.cooperateBox-4 .number4 {
	width: 114px;
}

.cooperateBox-4 .name {
	display: inline-block;
	font-size: 14px;
	color: #414349;
	line-height: 36px;
	font-family: OPPOSans-R;
}

/* 媒体查询 */
/* 合作伙伴 */
@media only screen and (max-width: 1366px) {
	.cooperateBox .title .h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.cooperateBox-4 .topBox {
		font-size: 18px;
	}

	.cooperateBox-4 .number {
		font-size: 30px;
		line-height: 40px;
	}

	.cooperateBox-4 .number1 {
		width: 62px;
	}

	.cooperateBox-4 .number2 {
		width: 72px;
	}

	.cooperateBox-4 .number3 {
		width: 41px;
	}

	.cooperateBox-4 .number4 {
		width: 82px;
	}

	.cooperateMain .banner .h1 {
		font-size: 30px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 1024px) {
	.cooperateBox-1 .swiper-pagination {
		display: block;
	}

	.cooperateBox-1 .item {
		padding: 25px 15px 50px;
	}

	.cooperateBox-1 .item:hover {
		padding: 25px 15px 70px;
	}

	.cooperateBox-3 .item {
		padding: 0 1%;
	}

	.networkMap .phoneBox {
		top: 35.5%;
		left: 40%;
	}
}

@media only screen and (max-width: 768px) {
	.cooperateBox-1 .back {
		height: 450px;
	}

	.cooperateBox-1 .item:last-child {
		width: 100%;
	}

	.cooperateBox-1 .item {
		padding: 20px 20px 40px;
	}

	.cooperateBox-1 .item:hover {
		padding: 20px 20px 40px;
	}

	.cooperateBox-1 .text {
		display: block;
	}

	.cooperateBox-3 .item {
		width: 50%;
		margin-bottom: 30px;
	}

	.cooperateBox-3 .item::before {
		display: none;
	}

	.cooperateBox-3 {
		padding-bottom: 100px;
	}

	.networkMap {
		margin-bottom: 10px;
	}

	.cooperateBox-4 .dataBox {
		padding: 0;
	}

	.cooperateBox-4 .column {
		width: 50%;
		margin-top: 40px;
	}

	.networkMap .phoneBox {
		top: 30%;
		left: 41%;
	}
}

@media only screen and (max-width: 580px) {
	.cooperateBox-1 {
		padding: 60px 0;
	}

	.cooperateBox .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.cooperateBox-1 .item {
		background-color: rgba(0, 0, 0, 0.26);
	}

	.cooperateBox-1 .name {
		font-size: 16px;
	}

	.cooperateBox-2 {
		padding-bottom: 60px;
	}

	.cooperateBox-3 .title {
		margin-bottom: 30px;
	}

	.cooperateBox-3 {
		padding-bottom: 60px;
	}

	.cooperateBox-4 {
		padding: 60px 0;
	}

	.cooperateBox-4 .title {
		margin-bottom: 30px;
	}

	.networkMap {
		margin-bottom: 0;
	}

	.cooperateMain .banner .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.cooperateMain .banner .textBox {
		padding: 0;
	}

	.networkMap .phoneBox {
		top: 30%;
		left: 42%;
		padding: 15px;
	}
}

@media only screen and (max-width: 480px) {
	.cooperateBox-1 {
		padding: 60px 0 40px;
	}

	.cooperateBox-1 .back {
		height: 350px;
	}

	.cooperateBox-2 {
		padding-bottom: 40px;
	}

	.cooperateBox-3 {
		padding-bottom: 10px;
	}

	.cooperateBox-3 .text {
		font-size: 0.26rem;
		line-height: 0.48rem;
	}

	.cooperateBox-1 .title {
		margin-bottom: 20px;
	}

	.cooperateBox-4 {
		padding: 40px 0;
	}

	.networkMap .phoneBox {
		top: 35%;
		left: 41%;
		padding: 0.1rem;
		border-radius: 5px;
	}

	.networkMap .phoneBox::after {
		left: -5px;
		margin-top: -2px;
		border-top: 3px solid transparent;
		border-right: 5px solid #fff;
		border-bottom: 3px solid transparent;
	}

	.networkMap .phoneBox .logo {
		width: 1.4rem;
	}

	.networkMap .phone {
		font-size: 0.18rem;
		line-height: .24rem;
		margin-top: 0.06rem;
	}
}

@media only screen and (max-width: 375px) {
	.networkMap .phoneBox {
		top: 34%;
		left: 41%;
	}
}

/* 关于用户 */
.usersBox-1 {
	padding: 75px 0;
}

.usersBox-1 .box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.usersBox-1 .textBox {
	width: calc(100% - 586px);
	padding-top: 90px;
	padding-right: 5%;
}

.usersBox-1 .swiperBox {
	width: 586px;
}

.usersBox-1 .h1 {
	font-size: 32px;
	line-height: 50px;
	color: #414349;
	margin-bottom: 15px;
	font-family: OPPOSans-M;
}

.usersBox-1 .text {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	font-family: OPPOSans-M;
}

.usersBox-1 .swiper-button-prev,
.usersBox-1 .swiper-button-next {
	top: auto;
	bottom: 45px;
	right: auto;
	width: 50px;
	height: 50px;
	margin-top: 0;
	background-size: cover;
}

.usersBox-1 .swiper-button-prev {
	left: 0;
	background-image: url(../images/icon41.png);
}

.usersBox-1 .swiper-button-next {
	left: 70px;
	background-image: url(../images/icon42.png);
}

.usersBox-2 {
	padding: 90px 0 40px;
	background-color: #f9f9fa;
}

.aboutUsersBox .title {
	text-align: center;
}

.aboutUsersBox .title .h1 {
	font-size: 38px;
	line-height: 1;
	color: #414349;
	font-family: OPPOSans-M;
}

.usersBox-2 .title {
	margin-bottom: 55px;
}

.usersBox-2 .listBox {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.usersBox-2 .item {
	width: 48%;
	height: auto;
	margin-right: 4%;
	margin-bottom: 30px;
	border-radius: 15px;
	background-color: #fff;
}

.usersBox-2 .item:nth-child(2n) {
	margin-right: 0;
}

.usersBox-2 .textBox {
	padding: 30px 40px 20px;
	background-color: #fff;
	font-family: OPPOSans-R;
}

.usersBox-2 .h2 {
	font-size: 24px;
	line-height: 30px;
	color: #414349;
}

.usersBox-2 .h3 {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
}

.usersBox-2 .item-1 {
	position: relative;
	width: 100%;
	margin-right: 0;
}

.usersBox-2 .item-1 .textBox {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	padding: 0 115px;
	background: none;
}

.usersBox-2 .item-1 .h2 {
	color: #fff;
}

.usersBox-2 .item-1 .h3 {
	color: #fff;
}

.usersBox-3 {
	padding: 80px 0 75px;
}

.usersBox-3 .title {
	margin-bottom: 35px;
}

.usersBox-3 .title .h1 {
	margin-bottom: 10px;
}

.aboutUsersBox .title .h2 {
	font-size: 14px;
	line-height: 30px;
	color: #646464;
	font-family: OPPOSans-R;
}

.usersBox-3 .listBox {
	display: flex;
	flex-wrap: wrap;
}

.usersBox-3 .item {
	width: 32%;
	margin-right: 2%;
}

.usersBox-3 .item:nth-child(3n) {
	margin-right: 0;
}

.usersBox-3 .img {
	border-radius: 15px;
}

.usersBox-3 .h3 {
	font-size: 20px;
	line-height: 30px;
	color: #414349;
	text-align: center;
	margin-top: 20px;
	font-family: OPPOSans-R;
}

.usersBox-4 {
	padding: 90px 0 70px;
}

.usersBox-4 .title {
	margin-bottom: 30px;
}

.usersBox-4 .title .h1 {
	font-size: 32px;
	line-height: 50px;
}

.usersBox-4 .listBox {
	display: flex;
	flex-wrap: wrap;
}

.usersBox-4 .item {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 40px;
	display: flex;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
}

.usersBox-4 .item:nth-child(2n) {
	margin-right: 0;
}

.usersBox-4 .img {
	width: 52.58%;
	border-radius: 10px;
}

.usersBox-4 .textBox {
	width: 47.42%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 75px 30px 50px;
}

.usersBox-4 .number {
	font-size: 16px;
	line-height: 30px;
	color: #a1a1a1;
	font-family: OPPOSans-R;
}

.usersBox-4 .h2 {
	font-size: 18px;
	line-height: 30px;
	color: #646464;
	font-family: OPPOSans-R;
}

.usersBox-5 .wrap {
	position: relative;
}

.usersBox-5 .title {
	padding: 70px 30px 60px;
	background-color: #fff;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
	margin-top: -120px;
	margin-bottom: 100px;
	border-radius: 10px;
}

.usersBox-5 .title .h1 {
	font-size: 30px;
	margin-bottom: 15px;
}

.usersBox-5 .imgBox-2 {
	position: relative;
}

.usersBox-5 .textBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 110px;
}

.usersBox-5 .h3 {
	font-size: 38px;
	line-height: 1;
	color: #fff;
	margin-bottom: 30px;
	font-family: OPPOSans-M;
}

.usersBox-5 .link {
	display: inline-block;
	width: 145px;
	line-height: 45px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border-radius: 23px;
	background-color: rgba(255, 255, 255, 0.2);
	font-family: OPPOSans-R;
}

.aboutUsersBox .homeShop {
	padding: 80px 0 90px;
}

.aboutUsersBox .homeShop .column:last-child {
	margin-bottom: 0;
}

/* 媒体查询 */
/* 关于用户 */
@media only screen and (max-width: 1366px) {
	.aboutUsersBox .title .h1 {
		font-size: 30px;
	}

	.usersBox-2 .h2 {
		font-size: 18px;
	}

	.usersBox-3 .h3 {
		font-size: 16px;
	}

	.usersBox-1 .h1 {
		font-size: 30px;
	}

	.usersBox-5 .title {
		margin-top: -100px;
	}

	.usersBox-5 .textBox {
		padding: 0 80px;
	}

	.usersBox-5 .h3 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 1024px) {
	.usersBox-1 .textBox {
		width: calc(100% - 400px);
		padding-top: 50px;
	}

	.usersBox-1 .swiperBox {
		width: 400px;
	}

	.usersBox-4 .textBox {
		padding: 30px 20px;
	}
}

@media only screen and (max-width: 991px) {
	.usersBox-4 .item {
		width: 100%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.usersBox-1 .textBox {
		width: 100%;
		padding-right: 0;
		padding-top: 0;
	}

	.usersBox-1 .swiperBox {
		width: 100%;
	}

	.usersBox-1 .swiper-button-next {
		left: auto;
		right: 0;
	}

	.usersBox-2 .textBox {
		padding: 20px;
	}

	.usersBox-2 .item-1 .textBox {
		padding: 0 50px;
	}

	.usersBox-5 .title {
		padding: 30px 20px;
		margin-top: -50px;
		margin-bottom: 50px;
	}

	.usersBox-5 .link {
		width: 120px;
		line-height: 40px;
	}

	.usersBox-5 .textBox {
		padding: 0 30px;
	}

	.usersBox-5 .h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.usersBox-5 .link {
		width: 90px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 580px) {
	.usersBox-3 .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.usersBox-1 {
		padding: 60px 0;
	}

	.usersBox-1 .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.usersBox-2 {
		padding: 60px 0 30px;
	}

	.usersBox-2 .listBox {
		flex-wrap: initial;
		margin-bottom: 30px;
	}

	.usersBox-2 .item {
		width: 100%;
		margin-bottom: 0;
	}

	.usersBox-2 .item-1 .textBox {
		padding: 0 20px;
	}

	.aboutUsersBox .title .h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.usersBox-2 .title {
		margin-bottom: 30px;
	}

	.usersBox-1 .swiper-button-prev,
	.usersBox-1 .swiper-button-next {
		width: 40px;
		height: 40px;
	}

	.usersBox-3 {
		padding: 60px 0 30px;
	}

	.usersBox-3 .title {
		margin-bottom: 30px;
	}

	.usersBox-4 {
		padding: 60px 0;
	}

	.usersBox-4 .h2 {
		font-size: 16px;
	}

	.aboutUsersBox .homeShop {
		padding: 60px 0;
	}
}

@media only screen and (max-width: 480px) {
	.usersBox-1 {
		padding: 40px 0;
	}

	.usersBox-2 .h2 {
		font-size: 16px;
	}

	.usersBox-2 {
		padding: 40px 0 10px;
	}

	.usersBox-3 {
		padding: 40px 0 10px;
	}

	.usersBox-4 {
		padding: 40px 0;
	}

	.usersBox-4 .textBox {
		padding: 20px 10px;
	}

	.usersBox-4 .h2 {
		font-size: 14px;
		line-height: 24px;
	}

	.usersBox-4 .item {
		margin-bottom: 30px;
	}

	.usersBox-5 .imgBox {
		height: 250px;
		background-position: center center;
		background-size: cover;
	}

	.usersBox-5 .imgBox img {
		display: none;
	}

	.aboutUsersBox .homeShop {
		padding: 40px 0;
	}

	.usersBox-5 .title {
		margin-bottom: 30px;
	}

	.aboutUsersBox .title .h2 {
		line-height: 24px;
	}
}

/* 搜索 */
.searchMain .searchBox {
	padding: 100px 0;
}

.searchMain .form {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.searchMain .inputBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.searchMain .inputText {
	width: calc(100% - 40px);
	height: 40px;
	border-bottom: 1px solid #eee;
}

.searchMain .btnSubmit {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
}

.searchMain .item-2 .h1{
	width: 100%;
}

.searchMain .item-2 .h2{
	width: 100%;
}

/* 媒体查询 */
/* 搜索 */
@media only screen and (max-width: 768px) {
	.searchMain .form {
		max-width: 90%;
	}
}

@media only screen and (max-width: 480px) {
	.searchMain .searchBox{
		padding: 40px 0;
	}
	
	.searchMain .form {
		margin-bottom: 30px;
	}
}


.bigPicLayer {
	display: none;
	width: 1000px;
	height: 556px;
	position: fixed;
	z-index: 111;
	top: 40% !important;
	margin-top: -180px;
	padding: 10px;
}

.bigPicLayer .close {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../images/close.png) no-repeat;
	right: -50px;
	top: -50px;
	position: relative;
	position: absolute;
	z-index: 222;
}

.bigPicLayer .close em {
	width: 1px;
	height: 50px;
	background: #009690;
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	top: 100%;
}

.bigPicLayer .imgDiv {
	text-align: center;
}

.bigPicLayer .imgDiv img {
	width: 100%;
}

.bigPicLayer .imgDiv span {
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 16px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
}

#Layer1 {
	position: fixed;
	z-index: 9;
	background: #000000;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1440px) {
	.bigPicLayer {
		display: none;
		width: 600px;
		height: 350px;
		position: fixed;
		z-index: 111;
		top: 40% !important;
		margin-top: -100px;
		padding: 10px;
	}

	.bigPicLayer .close {
		display: block;
		width: 38px;
		height: 38px;
		background: url(../images/close.png) no-repeat;
		right: -50px;
		top: -50px;
		position: relative;
		position: absolute;
		z-index: 222;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 50px;
		background: #0a448d;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}

	.bigPicLayer .imgDiv {
		text-align: center;
	}

	.bigPicLayer .imgDiv img {
		width: 100%;
	}

	.bigPicLayer .imgDiv span {
		display: block;
		text-align: center;
		font-size: 18px;
		margin-top: 16px;
		color: #fff;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 1004px) {
	.bigPicLayer {
		width: 90%;
		height: auto;
		padding: 0px;
	
	}

	.bigPicLayer .close {
		display: block;
		width: 38px;
		height: 38px;
		background: url(../images/close.png) no-repeat;
		right: 0px;
		top: -50px;
		position: relative;
		position: absolute;
		z-index: 222;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 20px;
		background: #0a448d;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}

	.bigPicLayer .imgDiv {
		height: 169px;
	}
}

 .eShop01 {
	float: left;
	position: relative;
	margin-left: 30px;
	display: flex;
}
 .eShop01 .btn {
	display: flex;
	align-items: center;
	font-size: 0;
	cursor: pointer;
	height: 46px;
}
 .eShop01  .btn img{
	max-width: 20px;
}
.eShop01 .dropDown01 {
	position: absolute;
	top: 46px;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	display: none;
}
 .eShop01 .dropDown01 a {
	display: block;
	padding: 16px 32px;
	white-space: nowrap;
	color: #303233;
	line-height: 1;
	height: auto;
	background: 0 0;
	text-align: center;
	width: 100%;
	position: relative;
	font-size: 14px;
	transition: all 0.5s;
	box-sizing: border-box;
}

.eShop01 .dropDown01 a:hover {
	background-color: #ebeff2;
}
 .eShop01 .dropDown01 a:first-child:hover{
	border-radius: 5px 5px 0px 0px;
}
 .eShop01 .dropDown01 a:last-child:hover{
	border-radius: 0px 0px 5px 5px;
}


.header .eShop01 {
	float: right;
	position: relative;
	margin-left: 42px;
	display: flex;
}


.header .eShop01 .btn {
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	margin-top: 21px;    height: auto;
}

.header .eShop01 .dropDown01 {
	position: absolute;
	top: 64px;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	display: none;
}

.header .eShop01 .dropDown01::before {
	position: absolute;
	content: "";
	top: -10px;
	left: 50%;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #fff;
}

.header .eShop01 .dropDown01 a {
	display: block;
	padding: 16px 32px;
	white-space: nowrap;
	color: #303233;
	line-height: 1;
	height: auto;
	background: 0 0;
	text-align: center;
	width: 100%;
	position: relative;
	font-size: 14px;
	transition: all 0.5s;
	font-family: OPPOSans-L;
}

.header .eShop01 .dropDown01 a:hover {
	background-color: #ebeff2;
}

.clear{  padding:0; font-size:0; clear:both; }
.x1-a{max-width: 13%;width: 100%;text-decoration: none !important;margin: 0 30px 0 30px;}
.x1{width: 100%;display: flex;flex-direction: column;align-items: center;}
.x1:hover .x1-img img{transform: scale(1.1);transition: all .5s;}
.x1-img{width: 130px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;overflow: hidden;}
.x1-img img{max-width: 100%;object-fit: cover;display: block;transition: all .5s;height: 90px;}
.x1-txt{color: #3b3e40;font-size: 14px;line-height: 1;display: block;font-family: "HYQIHEI55S";}
.x2{color: #3b3e40;font-size: 14px;line-height: 24px;display: block;margin-bottom: 8px;font-family: "HYQIHEI55S";margin: 0;}
.x2-a{margin: 0 30px 0 30px;text-decoration: none !important;}
.addHeader .logo:hover .logo2{display: block !important;}
.addHeader .logo:hover .logo1{display: none !important;}

.header .sousou{ margin-top: 10px; border: 1px solid #ccc;}
.sousou { float: right;
	display: flex;
	align-items: center;
	justify-content: center; line-height: 34px; 
}
.input_text01{ padding-left: 2%; line-height: 34px; font-size: 14px; color: #000;outline:none;background: #fff;}
.input_text01::-webkit-input-placeholder{ color:#ccc;}
.sousou a{ width: 50px; text-align: center;}

.chanp{padding: 160px 0; background: #f5f5f5;}
.chanp ul li{background: #fff;border-radius: 10px;overflow: hidden;justify-content: center;margin-top: 2%;}
.gue{width: 60%;float: left;}
.gue img{ width: 100%;}

.gue01{width: calc(100% - 60%);padding: 4%;display: block;flex-wrap: wrap;float: left;}
.gue01 h3{font-size: 30px;color: #000;display: block;}
.gue01 span{font-size: 18px;color: #000;display: block;margin-top: 2%;}
.gue01 a{ margin-top: 38%; background: #00a7e1; line-height: 45px; color: #fff; font-weight: bold; font-size: 12px; border-radius: 30px; width: 60%;text-align: center}

.lianxi{position: fixed;bottom: 18%;right: 2%;width: 46px;height: 46px;line-height: 46px;background: #989898;overflow: hidden;border-radius: 50%;display: flex;justify-content: center;align-items: center; z-index: 2;}
.lianxi a{ display: block;}
.lianxi a img{
    width: 20px;
    height: 20px;
}
.lianxi:hover{ background: #00a7e1;}

.lixie{border-radius: 10px 10px 0 0;background: #fff;position: fixed;bottom: 0;right: 10px;overflow: hidden;width: 370px;padding-bottom: 2%; display: none; z-index: 9;}
.mae{ line-height: 50px; background: #000; height: 50px;   }
.mae h2{ color:#fff; font-size: 16px; padding-left: 4%; float: left;}
.mae a{
    width: 32px;
    height: 32px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    }
.mae a img{ width: 20px; height: 20px;}
.mae a:hover{ background: #4e4e4e;}
.lixie ul{padding: 10px 20px;height: 75vh;}
.lixie ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 4%;}
.lixie ul li:nth-child(2n) {
    margin-right: 0% ;
}
.lixie ul li span{ display: block; font-size: 12px; color: #333;}
.lixie ul li span em{ font-style: normal; color: #ed0066;}
.input_text02{border: 1px solid #949494;border-radius: 5px;display:block;line-height: 44px;padding: 0 10px;width: calc(100% - 20px);}

.sunbu{width: 100% !important;}
.select{border: 1px solid #949494;border-radius: 5px;display:block;line-height: 44px;padding: 0 10px;width: calc(100% - 20px); color: #949494; height: 44px;}
.lixie .ane{background: #00a7e1; display:block; width: 90%; margin: 0 auto; line-height: 44px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px;}
.lixie .ane:hover{background: #006487;}

.tab_valli{ display: none;}
.tabs{ width: 100%;}
.tabs .title{ float: left; display: block; width: 16%;}
.tabs .title li{ font-size: 14px; line-height: 40px; color: #000; font-weight: bold; background: url(../images/dsdd.png) right center no-repeat;}
	.tabs .title li a:hover {
		color: #00a9e1;
	}
.cur{ color: #00a9e1 !important;background: url(../images/dd256.png) right center no-repeat !important;}
.tabs_val{ float: right;width:calc(100% - 18%);}
.sjie{idth: 100%;}
.sjie ul li{ float: left; width:calc((100% - 8%)/5); margin-right: 2%;}
.sjie ul li:nth-child(5n) {
    margin-right: 0% ;
}
.sjie ul li a{ display:block;}
.sjie ul li a span{ text-align: center; font-size: 14px; display: block; color: #000; margin: 4% 0;}
.sjie ul li a:hover span{color: #00a9e1}
.sjie ul li .ane{ width: 100%; height: 140px;display: block; margin: 0 auto;}
.sjie ul li .ane img{ max-height: 100%; max-width: 100%; display: block; margin: 0 auto;}
.sjie dl{ border-top: 1px solid #f2f2f2; margin-top: 2%; line-height: 50px;}
.sjie dl dd{ display: inline-block;   line-height: 18px;  margin-right: 2%;}
.sjie dl dd a{color: #00a9e1 !important;   font-size: 14px; font-weight:bold;}
.sjie ul li a em{text-align: center; font-size: 14px; display: block; color: #ff6b00; font-weight:bold; font-style: normal;}



.tubue-bg{    border-bottom: 1px solid rgba(0,0,0,.12);}
.tubue{ line-height: 66px;}
.tubue h2{ color: #323232; font-size: 16px; float: left;}
.tubue ul{ float: right; width: 40%; display: block; text-align: right;}
.tubue ul li{ display: inline-block; font-size: 16px;margin-left: 4%;}
.tubue ul li a{color: #323232;}
.xuen{ font-weight: bold; border-bottom: #00a7e1 2px solid;}


.real{ margin-top: 2%;}
.real-l{float: left;width: 65%;display: block;margin-bottom: 3%;}
.chanpdue{ height:auto;}
.fast{text-align: center;margin: 3% 0;}
.fast ul li{display: inline-block;width: 22%;}
.fast ul li a{ display: block;}
.fast ul li a img{ display:block; max-width: 100%; margin: 0 auto;}
.fast ul li a span{ display: block; text-align: center; font-size: 14px;color: #323232;}

.real-r{ float: right; width: 35%; display: block;}
.real-r em{ font-style: normal; line-height: 21px; font-size: 12.8px; color: #00a7e1; border-radius: 5px; border: 1px solid #00a7e1;    padding: 0 6px;}
.real-r h2{ font-size: 24px; line-height: 34px; color: #323232;}
.real-r ul{ margin-top: 4%; height: 105px; overflow: hidden;}
.real-r ul li{     list-style: inside;font-size: 16px; color: #323232;}

.more01{color: #00a7e1;font-size: 16px;font-weight: 400;display: block;background: url(../images/dxe.png) right  4px no-repeat;display: inline-block;padding-right: 18px;margin-top: 2%;}

.sjie{ width: 100%;}
.sjie img{vertical-align: bottom;max-width: 100%;}

.cenue{width: 100%; position: relative;}
.cenue img{vertical-align: bottom;width: 100%;}
.cenue h2{ position: absolute; top: 5%; text-align: center; display: block; width: 100%; font-size: 48px; color: #fff; left: 0;}

.cenue02{ margin-top: 2%;}
.cenue02 h2{ text-align: center; display: block; width: 100%; font-size: 48px; color: #000;}
.cenue02  img{vertical-align: bottom;width: 100%;margin-top: 2%;}
.cenue02 span{ display:block; font-size: 18px; text-align:center; color: #323232; margin-top: 2%;}

.cenue02 .wrap{margin-top: 6%;}

.cenue03{ margin-bottom: 4%;}
.cenue03 h2{ text-align: center; display: block; width: 100%; font-size: 48px; color: #000;margin-top: 6%;}
.cenue03  img{vertical-align: bottom;width: 100%;margin-top: 2%;}
.cenue03 span{ display:block; font-size: 18px; text-align:center; color: #323232; margin-top: 2%;}

.cenue04{ margin-bottom: 4%;}
.cenue04 h2{ text-align: center; display: block; width: 100%; font-size: 48px; color: #000;margin-top: 6%;}
.cenue04 img{vertical-align: bottom;margin: 0 auto; display: block; max-width: 100%;}
.rrr{ width: 90px; margin: 2% auto !important;}

.cenue05{width: 100%;position: relative;margin-top: 2%;margin-bottom: 2%;}
.cenue05 img{vertical-align: bottom;width: 100%;margin-top: 2%;}
.cenue05 h2{ position: absolute; top: 5%; text-align: center; display: block; width: 100%; font-size: 48px; color: #fff; left: 0;}
.cenue05 span{ display:block; font-size: 18px; text-align:center; color: #323232; margin-top: 2%;}
.cenue05 h3{text-align: center;display: block;width: 100%;font-size: 48px;color: #000;margin-top: 3%;}

.cenue06{ margin-top: 2%;}
.tabs01{width: 75%;margin: 0 auto;display: block;}

.cenue06{ background: #000; text-align: center; padding-bottom: 2%;}
.cenue06 h2{ font-weight: bold; font-size: 72px; color: #fff; display: block; padding-top: 4%;}
.title01{text-align: left;border-bottom: 1px solid #bababa;}
.title01 li{color: #bababa;font-weight: 900;display: inline-block;/* width: 29%; */font-size: 24px;margin-right: 9%;float: left;line-height: 45px;}
.cur01{ color: #000; border-bottom: 2px solid #fff;} 
.title01 li:nth-child(3n) {
    margin-right: 0% ;
}
.tab_valli01{ display: none;}
.tab_valli01 img{ display: block; width: 100%;}

.neot{ margin: 4% auto;}
.neot h2{ font-size: 14px; color: #323232; display: block;}
.neot span{font-size: 14px; color: #323232; display: block; margin-top: 2%;}

.specs .wrap{ border-bottom: 1px solid #e5e7eb; padding-bottom: 4%;}
.specs h2{ font-size: 24px; color: #323232; display: block; font-weight: 300;}
.specs ul li{ float: left; display: block; width:calc((100% - 6%)/4); margin-right: 2%; margin-top: 5%;}
.specs ul li:nth-child(4n) {
    margin-right: 0% ;
}
.specs ul li strong{font-size: 16px; color: #323232; display: block; line-height: 24px;}
.specs ul li dl dd{font-size: 14px; color: #323232; display: block;}
.specs ul li:nth-child(4n-3){ clear:left;}

.foe{ margin-top: 6%;}
.foe h2{ font-size: 24px; color: #323232; display: block; font-weight: 300; text-align: center;}

.sb01{ margin-top: 4%;}
.sb01 h2{ font-size: 24px; color: #323232; display: block; font-weight: 300; }
.sb01 ul li{border-bottom:1px solid #eeeeee; padding: 4% 0; color: #323232;}
.sb01 ul li span{display:block;float: left;width: 23%;font-size: 16px;font-weight: bold;}
.sb01 ul li strong{ display:block; float: left; width: 30%; font-size: 16px;}
.sb01 ul li em{ font-style:normal; display:block; float: left; width: 30%; font-size: 16px;font-weight: bold;}
.sb01 ul li a{float: left;display:block;width: 32px;}
.sb01 ul li a img{ width: 100%;}


.sb02{ margin-top: 6%; }
.sb02 .wrap{position: relative;}
.sb02 img{ width: 100%;}
.sbSeries { position: absolute; text-align: center; left: 0; top: 10%; width: 100%;}
.sbSeries h2{ font-size: 48px; color: #fff; display:block; text-align: center;}
.sbSeries span{font-size: 14px; color: #fff; display:block; text-align: center; margin-top: 1%;}
.sbSeries a{font-size: 14px; color: #fff; display:block; text-align: center; display:inline-block; line-height: 40px; padding: 0 20px; border-radius: 30px; border: 1px solid #fff; margin: 3% 2%;}


.sb03{ margin-top: 6%; }
.sb03 h2{font-size: 36px; color: #323232; display: block; text-align: center;}
.sb03 ul li{ float: left; display: block;  width:calc((100% - 4%)/3); margin-right: 2%; margin-top: 2%;}
.sb03 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.sb03 ul li img{ display: block; margin: 0 auto;}
.sb03 ul li h3{ font-size: 64px; color: #323232; display:block; text-align: center; border-bottom: 1px solid #e5e7eb; line-height: 64px;}
.sb03 ul li h3 em{  font-style: normal; font-size: 28px; color: #323232;}
.sb03 ul li span{font-size: 16px; color: #323232; display:block; text-align: center; margin-top: 2%;}
.sb03 i{font-size: 14px; color: #323232; display:block; text-align: center; margin-top: 4%;font-style: normal;}


.sb04{margin-top: 6%; }
.sb04-1{ position: relative; width: 100%;}
.sb04-1 img{ position: relative; width: 100%;}
.sb04-r{position: absolute;top: 31%;width: 40%;left: 10%;text-align: left;}
.sb04-r h2{font-size: 23px; color: #323232; }
.sb04-r p{font-size: 16px;color: #323232;display: block;margin-top: 2%;}


.sb05{ margin-top: 6%;  margin-bottom: 5%;}
.sb05 h2{font-size: 24px; color: #323232; display: block; font-weight: 300; }

.ame{ width: 100%;}
.ame a>img{ width: 100%;}
.ame span{ font-size: 14px;color: #323232; text-align: left !important;}
 .ame em{ font-style: normal; font-size: 12px; color: #00a7e1;}
 .ame em img{ display: inline-block;}
 
 .inside_con{ padding:10px 0; min-height: 300px;}
@media only screen and (max-width: 980px) {
	.lixie{ width: 60%;}
	.lixie ul li{ float:none; width: 100%; margin-right: 0;}
	.lixie ul{ height:inherit;}
	.chanp{    padding-top: 0.7rem;
    padding-bottom: 0.7rem;}
	.gue01{float:none; width: 100%;}
	.gue{float:none; width: 100%;}
	.gue01 h3{ font-size: 22px;}
	.gue01 a{ margin-top: 16%;    line-height: 30px;}
	
	.tubue h2{ float: none;}
	.tubue ul{float: none; width: 100%; text-align: left;}
	.real{ margin-bottom: 5%;}
	.real-l{float: none; width: 100%; }
	.real-r{float: none; width: 100%;}
	.chanpdue{ height: 282px;}
	.cenue h2{ font-size: 16px;}
	.cenue02 h2{font-size: 16px;}
	.cenue03 h2{font-size: 16px;}
	.cenue04 h2{font-size: 16px;}
	.cenue03 span{font-size: 14px;}
	.cenue05 h3{font-size: 16px;}
	.cenue06 h2{font-size: 18px;}
	.tabs01{ width: 100%;}
	.title01 li{ font-size: 12px; margin: 0 auto; float: none; width: 100%; text-align: center;}
	.specs ul li{ width: 100%; margin-right: 0 ; float: none;}
	.sb01 ul li span{width: 100%;float: none;}
	.sb01 ul li strong{ width: 100%;float: none;}
	.sb01 ul li em{ width: 90%;}
	.sb01 ul li a{float: left;display:block;width: 32px;}
	.sbSeries h2{font-size: 18px;}
	.sb03 h2{font-size: 18px;}
	.sb03 ul li{width: 100%;float: none;}
	.sb04-r{ position: inherit; width: 100%; left: 0; top: 0;}
	.sb04-r h2{font-size: 18px;}
}