@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "OPPOSansRegular";
  src: url(../fonts/OPENSANS-REGULAR.TTF);
}
@font-face {
  font-family: "OPPOSansMedium";
  src: url(../fonts/OPENSANS-MEDIUM.TTF);
}
@font-face {
  font-family: "OPPOSansBold";
  src: url(../fonts/OPENSANS-BOLD.TTF);
}
@font-face {
  font-family: "OPPOSansLight";
  src: url(../fonts/OPENSANS-LIGHT.TTF);
}
html {
	height: 100%;
	overflow-y: visible;
}
body, ul, li, p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
	line-height: inherit
}
header, footer {
	display: block;
}
body {
	min-width: 320px;
	font-family: "OPPOSansRegular";
	height: 100%;
	color: #333;
	overflow-x: hidden;
	font-size: clamp(14px,0.9vw,16px);
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.5;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #1a1a1a;
	
}
a:hover, a:active, a:focus, a:visited {
	text-decoration: none;
	color: inherit;
}
img {
	max-width: 100%;
	vertical-align: middle;
	border: none;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea{
	-webkit-appearance:none;
}
.opacity{
	opacity: 0
}
.flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.txr{
	text-align: right;
}
.txc{
	text-align: center;
}
.top-bg{
	background: #EFF1F4;
}
.top-head{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 28px;
	padding: 10px 0;
}
.top-head .tel{
	background: url(../images/icon_tel.png) no-repeat left;
	padding-left: 22px;
}
.top-head .mail{
	background: url(../images/icon_mail.png) no-repeat left;
	padding-left: 24px;
	margin-right: clamp(16px,4vw,76px)
}
.sline{
	width: 1px;
	height: 16px;
	background: #D8D8D8;
	margin: 0 16px;
}
.tbar{
	display: block;
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	padding: 0 30px 0 8px;
	line-height: 28px;
	margin-left: 16px;
	position: relative;
	transition: all 0.2s ease-out;
}
.tbar::after{
	content: "";
	background: url(../images/arrow_blue.png) no-repeat;
	width: 12px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.tbar:hover{
	background: #2D84CC;
	color: #fff;
}
.tbar:hover::after{
	background: url(../images/arrow_white.png) no-repeat;
	background-size: contain;
}
.top-head a{
	transition: all 0.2s ease-out;
}
.top-head a:hover{
	opacity: 0.8
}
.top-head .bteleg{
	display: block;
	background: url(../images/bteleg.png) no-repeat center;
	background-size: 28px auto;
	width: 28px;
	height: 28px;
	margin-left: 8px;
	transition: all 0.15s ease-out;
}
.top-head .bwhats{
	display: block;
	background: url(../images/bwhats.png) no-repeat center;
	background-size: 28px auto;
	width: 28px;
	height: 28px;
	margin-left: 12px;
}
.top-head .bchat{
	display: block;
	background: url(../images/bchat.png) no-repeat center;
	background-size: 26px auto;
	width: 30px;
	height: 30px;
	margin-left: 12px;
}
.t-label{
	color: #292929;
	font-size: clamp(14px,1vw,18px);
	font-family: "OPPOSansMedium";
	padding-left: clamp(16px,2vw,36px)
}
.container {
	width: 1360px;
	margin: 0 auto;
	box-sizing: content-box;
	position: relative;
	z-index: 10;
}
.header-container{
	height: 124px;
}
.brand-logo {
	display: block;
	background: url(../images/brand_logo.png) no-repeat;
	background-size: contain;
	width: 210px;
	height: 37px;
	transition: all 0.2s ease-out;
}
.nav-hbg .nav-header{
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 1002;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}
.mob-navbtn{
	display: none;
}
.nav-box{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end
}
#navMenu{
	flex: 1;
}
.navMenu{
	justify-content: space-between;
}
.navMenu li{
	position: relative;
	padding: 0 clamp(20px,3vw,60px);
}
.navMenu li a{
	display: flex;
	align-items: center;
	font-size: clamp(16px,1.2vw,20px);
	padding: 22px 0;
	line-height: 30px;
	color: #121212;
	position: relative;
	font-family: "OPPOSansMedium";
	transition: all 0.2s ease-out;
	white-space: nowrap;
}
.navMenu li a .bat{
	border-right: 1px solid #222;
	border-top: 1px solid #222;
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
	margin-left: 8px;
}
.navMenu li a:hover{
	text-decoration: none;
	color: #2D84CC;
}
.navMenu li a:hover .bat{
	border-right: 1px solid #2D84CC;
	border-top: 1px solid #2D84CC
}
.navMenu li.active>a{
	color: #2D84CC;
}
.navMenu li.active>a .bat{
	border-right: 1px solid #2D84CC;
	border-top: 1px solid #2D84CC;
}
.subMenu{
	position: absolute;
	top: 100%;
	left: 50%;
	display: flex;
	flex-direction: column;
	z-index: -1;
	text-align: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	visibility: hidden;
	opacity: 0;
	min-width: 100%;
	transition: all 0.3s ease-out;
	transform: translateX(-50%);
	box-sizing: border-box;
	margin-top: -10px;
}
.navMenu li .subMenu a{
	padding: 6px 10px;
	background: #ffffff;
	font-size: clamP(14px,1vw,18px);
	justify-content: center;
	white-space: nowrap;
	color: #333333
}
.navMenu li .subMenu a:hover{
	background: #2D84CC;
	color: #ffffff
}
.navMenu li:hover .subMenu{
	opacity: 1;
	z-index: 10;
	visibility: visible;
	margin-top: 0px;
}
.subMenu a::after{
	display: none;
}
.mob-navbar-nav{
	display: none;
}
.subox1 {
	position: fixed;
	top: 124px;
	left: 0;
	width: 100%;
	z-index: 1001;
	display: none;
	background: #ffffff;
	color: #333;
}
.subnav-box{
	display: flex;
	align-items: stretch;
	width: 100%
}
.subside{
	background: #F5F9FC;
	width: clamp(260px,18vw,340px);
	flex-shrink: 0;
	box-sizing: border-box;
	padding-left: clamp(12px,1.1vw,20px);
	padding-top: clamp(14px,1.25vw,24px);
	padding-bottom: clamp(14px,1.25vw,24px);
	cursor: pointer
}
.subside li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 24px;
	padding: clamp(8px,0.8vw,16px) clamp(15px,1.6vw,32px);
	font-size: clamp(14px,0.9vw,18px);
	font-family: "OPPOSansMedium";
}
.subside li a:hover{
	color: #2D84CC
}
.subside li a:hover .bat{
	border-right: 1px solid #2D84CC;
	border-top: 1px solid #2D84CC;
}
.subside li .bat{
	border-right: 1px solid #222;
	border-top: 1px solid #222;
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
	margin-left: 8px;
}
.subside .active a{
	background: #FFFFFF;
	color: #2D84CC
}
.subside .active .bat{
	border-right: 1px solid #2D84CC;
	border-top: 1px solid #2D84CC;
}
.subnavlist{
	flex: 1;
}
.showsub{
	display: none;
}
.sublist-box{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.sublist-box .sublist{
	width: 33.333%;
	box-sizing: border-box;
	padding: clamp(8px,1vw,20px) clamp(20px,3vw,60px);
}
.sublist .subtit{
	font-size: clamp(14px,0.9vw,18px);
	font-family: "OPPOSansMedium";
	padding-bottom: 10px;
	padding-top: 10px;
}
.sublist .subtit:hover{
	color: #2D84CC;
}
.sublist .subimg{
	width: 68px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sublist .subimg img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.sub-product li a{
	font-size: 14px;
	display: block;
	line-height: 20px;
	padding: 5px 0;
	font-family: "OPPOSansMedium";
	transition: all 0.15s ease-out;
}
.sub-product li a:hover{
	color: #2D84CC;
	transform: translateX(2px);
	text-decoration: underline;
}
.fbg{
	background: rgba(222, 227, 232, 0.6);
}
.footer{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: clamp(20px,2.6vw,54px);
	padding-bottom: clamp(20px,2vw,40px)
}
.fbg .left{
	width: 220px
}
.fbg .left .msg{
	padding: 16px 0
}
.fbg .left .msg li{
	padding: 4px 0;
}
.fbg .left .msg li a{
	font-size: clamp(14px,0.9vw,16px);
	color: #0E1419;
}
.fbar{
	display: flex;
	align-items: center;
	justify-content: space-between
}
.fbar li a{
	display: block;
	transition: all 0.15s ease-out;
}
.fbar li:hover a{
	transform: scale(1.1)
}
.f-nav{
	display: flex;
	align-items: flex-start;
	padding-top: clamp(16px,1.6vw,30px)
}
.f-nav li{
	padding-left: clamp(30px,6vw,120px);
}
.f-nav li h3{
	white-space: nowrap;
	font-size: clamp(14px,1vw,18px);
	font-family: 'OPPOSansMedium'
}
.f-subnav{
	padding-top: 8px;
}
.f-subnav a{
	display: block;
	font-size: clamp(12px,0.8vw,16px);
	padding: 8px 0;
	color: #0E1419;
	transition: all  0.2s ease-out;
}
.f-subnav a:hover{
	color: #2D84CC;
	transform: translateX(4px);
	text-decoration: underline;
}
.copyright{
	border-top: 1px solid rgba(14,20,25,0.1);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	line-height: 1.6;
	color: rgba(14, 20, 25, 0.6)
}
.copyright a{
	color: rgba(14, 20, 25, 0.6);
	text-decoration: underline;
}
.banner-swiper{
	height: clamp(420px,32.3vw,826px);
	overflow: hidden;
	position: relative;
}
.banner-swiper .mySwiper{
	height: 100%
}
.banner-swiper .swiper-slide{
	position: relative;
	height: 100%;
	overflow: hidden;
}
.banner-swiper .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover
}
.banner-swiper .swiper-slide::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	z-index: 1;
}
.banner-swiper .swiper-slide-active img{
	transform: scale(1.15);
	-webkit-animation: banScale 2.5s ease-in-out forwards;
    animation: banScale 2.5s ease-in-out forwards;
}
.effectScale{
	-webkit-animation: banScale 2.5s ease-in-out forwards;
    animation: banScale 2.5s ease-in-out forwards;
}
.banner-swiper .swiper-pagination-bullet{
	background: #fff;
	width: 6px;
	height: 6px;
	opacity: 0.8;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	border-radius: 3px;
	transition: all 0.2s ease-out;
}
.banner-swiper .swiper-pagination-bullet-active{
	width: 32px;
	opacity: 1
}

.banner-tips{
	height: 100%;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10
}
.banner-tips .container{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}
.banner-tips h3{
	font-size: clamp(20px,2.2vw,42px);
	line-height: 1.6;
	width: clamp(300px,50vw,600px);
	font-weight: 500;
	text-align: left;
}
.morebar{
	color: rgba(255,255,255,0.8);
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.8);
	width: 160px;
	height: 46px;
	text-align: center;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 2px;
	margin-top: clamp(20px,2vw,40px)
}
.morebar:hover{
	background: #fff;
	color: #222
}
.morebar .arrow{
	display: block;
	background: url(../images/arrow_white.png) no-repeat center;
	background-size: contain;
	width: 12px;
	height: 10px;
	margin-left: 8px;
	filter: brightness(200%);
}
.morebar:hover .arrow{
	background: url(../images/arrow_black.png) no-repeat center;
	background-size: contain;
}
.morebar2{
	color: #0E1419;
	display: inline-flex;
	align-items: center;
	border: 1px solid #666;
	min-width: 150px;
	height: 46px;
	text-align: center;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 2px;
	margin-top: clamp(20px,2vw,40px)
}
.morebar2 .arrow{
	display: block;
	background: url(../images/arrow_black.png) no-repeat center;
	background-size: contain;
	width: 12px;
	height: 10px;
	margin-left: 8px;
	filter: brightness(200%);
}
.morebar2:hover{
	background: #2D84CC;
	color: #fff;
	border: 1px solid #2D84CC;
}
.morebar2:hover .arrow{
	background: url(../images/arrow_white.png) no-repeat center;
	background-size: contain;
}
@keyframes clock-animation {
  0% {
    stroke-dashoffset: 200;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*css 动画效果*/
.fadeInUp {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes banScale {
	0% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes banScale {
	0% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 100px, 0);
		transform:translate3d(0, 100px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 100px, 0);
		-ms-transform:translate3d(0, 100px, 0);
		transform:translate3d(0, 100px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-100px, 0, 0);
		transform:translate3d(-100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-100px, 0, 0);
		-ms-transform:translate3d(-100px, 0, 0);
		transform:translate3d(-100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100px, 0, 0);
		transform:translate3d(100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100px, 0, 0);
		-ms-transform:translate3d(100px, 0, 0);
		transform:translate3d(100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
input[type=checkbox]{
     cursor: pointer;
     position: relative;
     width: 15px;
     height: 15px;
     font-size: 14px;
}

input[type=checkbox]::after{
     position: absolute;
     top: 0;
     background-color: transparent;
     color: #000;
     width: 15px;
     height: 15px;
     display: inline-block;
     visibility: visible;
     padding-left: 0px;
     text-align: center;
     content: ' ';
     border-radius: 3px
}

input[type=checkbox]:checked::after{
     content: "✓";
     font-size: 12px;
     font-weight: bold;
     color: #fff;
     background-color: #DB0212;
}
.tools{
	position: fixed;
	bottom: 200px;
	right: 20px;
	z-index: 10;
	background: #fff;
	width: 80px;
	box-shadow: 0 0 12px rgba(0,0,0,0.3);
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
}
.tools li{
	border-bottom: 1px solid #D8D8D8;
	font-size: 12px;
	color: #3D3D3D;
	white-space: nowrap;
	padding: 10px 0;
	text-align: center;
	transition: all 0.15s ease-out;
	cursor: pointer;
}
/*
iframe{
	transform: scale(0.5) !important
}
*/
.tools li:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
.tools li p{
	padding-top: 6px;
	font-family: "OPPOSansMedium";
}
.tools .bteleg{
	display: block;
	background: url(../images/bteleg.png) no-repeat center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	transition: all 0.15s ease-out;
}
.tools .bwhats{
	display: block;
	background: url(../images/bwhats.png) no-repeat center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	transition: all 0.15s ease-out;
}
.tools .bchat{
	display: block;
	background: url(../images/bchat.png) no-repeat center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	transition: all 0.15s ease-out;
}
.tools .btop{
	display: block;
	background: url(../images/btop_def.png) no-repeat center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	transition: all 0.15s ease-out;
}
.tools li:hover{
	color: #2D84CC
}
.tools li:hover .bteleg{
	background: url(../images/bteleg.png) no-repeat center;
	background-size: 36px auto;
}
.tools li:hover .bwhats{
	background: url(../images/bwhats.png) no-repeat center;
	background-size: 36px auto;
}
.tools li:hover .bchat{
	background: url(../images/bchat.png) no-repeat center;
	background-size: 36px auto;
}
.tools li:hover .btop{
	background: url(../images/btop.png) no-repeat center;
	background-size: 36px auto;
}
/*
#backUp{
	display: block;
}
*/
.product-items{
	display: flex;
	align-items: stretch;
	margin-left: -18px;
	margin-right: -18px;
	padding: clamp(30px,2.7vw,54px) 0;
}
.product-items li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 18px;
}
.product-items li a{
	display: flex;
	align-items: center;
	padding: clamp(15px,2vw,30px);
	transition: all 0.2s ease-out;
	position: relative;
	z-index: 10;
}
.product-items li .pro1{
	background: url(../images/pric01.png) no-repeat;
	width: 58px;
	height: 60px;
}
.product-items li:hover  .pro1{
	background: url(../images/pric01_on.png) no-repeat;
	width: 58px;
	height: 60px;
}
.product-items li .pro2{
	background: url(../images/pric02.png) no-repeat;
	width: 58px;
	height: 60px;
}
.product-items li:hover .pro2{
	background: url(../images/pric02_on.png) no-repeat;
	width: 58px;
	height: 60px;
}
.product-items li .pro3{
	background: url(../images/pric03.png) no-repeat;
	width: 58px;
	height: 60px;
}
.product-items li:hover .pro3{
	background: url(../images/pric03_on.png) no-repeat;
	width: 58px;
	height: 60px;
}
.product-items li a::before{
	content: "";
	background: #F2F8FD;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.product-items li a::after{
	content: "";
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: linear-gradient(106deg, #2D84CC 3%, #00458E 100%);
	box-shadow: 0px 8px 32px 0px rgba(49, 119, 176, 0.3);
	opacity: 0;
	transition: all 0.15s ease-out
}
.product-items li a .name{
	font-size: clamp(16px,1.1vw,20px);
	font-family: "OPPOSansMedium";
	flex: 1;
	box-sizing: border-box;
	padding: 0 clamp(12px,1.56vw,36px)
}
.product-items li .arrow{
	width: 36px;
	height: 36px;
	border: 1px solid #7B8289;
	border-radius: 50%;
	background: url(../images/arrow_gray.png) no-repeat center;
}
.product-items li:hover .arrow{
	border: 1px solid #ffffff;
	background: url(../images/arrow_white.png) no-repeat center;
}
.product-items li:hover .name{
	color: #fff;
}
.product-items li:hover a::after{
	opacity: 1;
}
.hbg1{
	background: url(../images/hbg1.jpg) no-repeat center;
	background-size: cover;
}
.partners-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: clamp(30px,5vw,100px) 0;
}
.partners2-box{
	flex-direction: row-reverse;
	padding: clamp(30px,5vw,100px) 0;
}
.partners-box .left{
	font-size: clamp(14px,1.1vw,20px);
}
.htitle{
	font-size: clamp(20px,2vw,40px);
	color: #0E1419;
	font-family: "OPPOSansBold";
	padding-bottom: clamp(24px,3.2vw,40px);
	line-height: 1;
}
.partners-box .num{
	font-size: clamp(16px,1.6vw,32px);
	color: #2D84CC;
}
.partners-box .num strong{
	font-size: clamp(24px,2.7vw,54px);
	font-family: "OPPOSansBold";
	margin-right: 6px
}
.partners-box .left{
	width: clamp(360px,25vw,500px);
	flex-shrink: 0;
}
.partners-box .right{
	width: 50%;
}
.partners{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.partners li{
	width: 33.333%;
	box-sizing: border-box;
	padding-bottom: clamp(10px,1.3vw,20px);
	padding-top: clamp(10px,1.3vw,20px);
	padding-left: clamp(15px,1.8vw,24px);
}
.partners li a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	width: 100%;
	height: clamp(56px,6.9vw,98px);
	box-shadow: 0px 8px 16px 0px rgba(45, 132, 204, 0.1);
	padding: 10px;
	transition: all 0.15s ease-out;
}
.partners li a img{
	max-width: 100%;
	max-height: 100%;
	transition: all 0.15s ease-out;
}
.partners li a:hover{
	box-shadow: 0px 8px 16px 0px rgba(45, 132, 204, 0.2);
}
.partners li a:hover img{
	transform: scale(0.95)
}
.partners2{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.partners2 li{
	border: 1px solid #E3E5E7;
	width: 25%;
	margin-top: -1px;
	margin-left: -1px;
}
.partners2 li a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: clamp(80px,22vw,160px);
	transition: all 0.15s ease-out;
}
.partners2 li a img{
	max-width: 100%;
	max-height: 100%;
	transition: all 0.15s ease-out;
}
.partners2 li a:hover img{
	transform: scale(1.1)
}
.cban{
	height: clamp(180px,24vw,480px);
	position: relative;
}
.cbanimg{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.cbanimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	-webkit-animation: banScale 2.5s ease-in-out forwards;
    animation: banScale 2.5s ease-in-out forwards;
}
.crum-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.ctips{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}
.ctips h3{
	position: relative;
	font-size: clamp(24px,2.2vw,42px);
	font-family: "OPPOSansBold";
	color: #fff;
	padding-bottom: clamp(10px,1vw,20px)
}
.ctips h3::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -23px;
	width: 46px;
	height: 4px;
	background: #fff;
}
.crum{
	display: flex;
	align-items: center;
	padding: 12px 0;
}
.crum .line{
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,0.8);
	margin: 0 12px;
}
.crum .back{
	display: flex;
	align-items: center;
	color: #fff;
}
.crum .back .arrow{
	display: inline-block;
	background: url(../images/arrow_white.png) no-repeat;
	background-size: contain;
	width: 12px;
	height: 10px;
	transform: rotate(180deg);
	margin-right: 8px;
}
.crum ul{
	display: flex;
	align-items: center;
}
.crum ul li{
	padding-right: 16px;
	margin-right: 12px;
	position: relative;
}
.crum ul li::after{
	content: " ";
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -3px;
}
.crum ul li:last-child{
	padding-right: 0;
	margin-right: 0;
}
.crum ul li:last-child::after{
	display: none;
}
.crum a{
	color: #fff
}
.crum a:hover{
	text-decoration: underline;
}
.crum-black  a{
	color: #292929
}
.crum-black ul li::after{
	border-top: 1px solid #292929;
	border-right: 1px solid #292929;
}
.crum-black .back{
	color: #292929
}
.crum-black .line{
	background: rgba(0,0,0,0.8)
}
.crum-black .back .arrow{
	background: url(../images/arrow_black.png) no-repeat center;
	background-size: contain;
}
.intro-box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: clamp(24px,4.5vw,90px) 0;
}
.intro-box .intro{
	flex: 1;
	box-sizing: border-box;
	padding-right: clamp(20px,3vw,40px)
}
.intro-box .intro h3{
	font-size: clamp(24px,2.2vw,32px);
	font-family: "OPPOSansBold";
	color: #0E1419;
	position: relative;
	padding-bottom: clamp(8px,1.2vw,20px)
}
.intro-box .intro h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	opacity: 1;
	background: #2D84CC;
}
.intro-box .intro .desc{
	font-size: clamp(14px,1.2vw,16px);
	color: #646464;
	line-height: 1.8;
	padding-top: clamp(15px,2vw,40px)
}
.intro-box .img{
	width: clamp(500px,54vw,740px);
	flex-shrink: 0;
}
.ohav-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ohav-box .left{
	width: clamp(360px,36vw,460px);
	flex-shrink: 0
}
.ohav-box .right{
	flex: 1;
	box-sizing: border-box;
	color: #fff;
	padding-left: clamp(80px,20vw,180px);
	line-height: 1.8
}
.ohav-box .right h3{
	font-size: clamp(24px,2.2vw,32px);
	font-family: "OPPOSansBold";
	color: #FFFFFF;
	position: relative;
	padding-bottom: clamp(8px,1.2vw,20px);
	margin-bottom: clamp(20px,3vw,40px)
}
.ohav-box .right h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	opacity: 1;
	background: #ffffff;
}
.ohav-swiper{
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom:30px;
}
.ohav-swiper .mySwiper{
	width: 100%;
	height: 200px;
}
.ohav-swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	height: calc((100% - 20px) / 2) !important;
	border: 1px solid rgba(255,255,255,0.55);
	/* Center slide text vertically */
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px;
	box-sizing: border-box;
}
.ohav-swiper .swiper-slide a{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 100%;
	width: 100%;
	background: #fff
}
.ohav-swiper .swiper-slide img{
	max-height: 100%;
	max-width: 100%;
	
}
.ohav-swiper .swiper-pagination{
	width: 100%;
	text-align: center;
	bottom: 0;
}
.ohav-swiper .swiper-pagination .swiper-pagination-bullet{
	margin: 0 5px;
	border-radius: 0;
	background: rgba(255,255,255,03);
	height: 4px;
	width: 40px;
}
.ser-sup-intro{
	padding: clamp(15px,3vw,48px) clamp(24px,5vw,72px);
	text-align: center;
	font-size: clamp(14px,1.4vw,16px);
	line-height: 1.8
}
.ser-sup-intro h3{
	font-size: clamp(18px,2.4vw,32px);
	font-family: "OPPOSansBold";
	text-align: center;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: clamp(24px,2.4vw,36px)
}
.ser-sup-intro h3::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	margin-left: -18px;
	opacity: 1;
	background: #2D84CC;
}
.ser-sup-items{
	display: flex;
	align-items: stretch;
	border: 1px solid #E5E5E5;
	background: #F8F9FB;
	margin-bottom: clamp(20px,4vw,60px)
}
.ser-sup-box .ser-sup-items:nth-child(2){
	flex-direction: row-reverse;
}
.ser-sup-items .infos{
	width: 50%;
	box-sizing: border-box;
	padding: clamp(20px,3vw,50px);
	font-size: clamp(14px,2.2vw,16px);
	line-height: 1.7;
	min-height: clamp(200px,24vw,360px)
}
.ser-sup-items .infos h3{
	font-size: clamp(18px,2vw,24px);
	margin-bottom: clamp(18px,2vw,24px);
	font-family: "OPPOSansBold";
}
.ser-sup-items .photo{
	flex: 1;
}
.ser-sup-items .photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ctitle{
	font-size: clamp(18px,2.4vw,32px);
	font-family: "OPPOSansBold";
	text-align: center;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: clamp(24px,2.4vw,36px);
	color: #fff;
}
.ctitle::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	margin-left: -18px;
	opacity: 1;
	background: #ffffff;
}
.ctitle2{
	font-size: clamp(18px,2.4vw,32px);
	font-family: "OPPOSansBold";
	text-align: center;
	position: relative;
	padding-bottom: clamp(12px,1.6vw,20px);
	margin-bottom: clamp(15px,2vw,24px);
	color: #0E1419;
}
.ctitle2::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	margin-left: -18px;
	opacity: 1;
	background: #2D84CC;
}
.ctitle2.nobtm::after{
	display: none;
}
.pbtm{
	padding: clamp(24px,4.5vw,90px) 0;
}
.address-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.address-list li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 20px;
}
.address-list .address{
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	height: 100%;
	padding: clamp(10px,2vw,20px);
	opacity: 0.8
}
.address-list .address p{
	font-size: clamp(14px,1.4vw,16px);
    font-family: "OPPOSansLight";
	font-weight: lighter;
}
.address-list .address h3{
	font-size: clamp(14px,1.4vw,16px);
    font-family: "OPPOSansBold";
	margin-top: 8px;
}
.help-info{
	text-align: center;
	padding: clamp(24px,5.2vw,80px) clamp(24px,4.8vw,60px);
	color: #fff;
	font-size: clamp(14px,1.5vw,20px);
	line-height: 1.6
}
.help-info .morebar{
	margin-top: clamp(10px,1.5vw,30px)
}
.help-info h3{
	font-size: clamp(20px,2vw,28px);
    font-family: "OPPOSansBold";
	margin-bottom: clamp(10px,1.3vw,20px)
}
.map-box{
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: clamp(24px,5.2vw,90px) 0;
}
.map{
	width: 53%;
}
.map iframe{
	min-height: clamp(460px,32vw,600px);
}
.where-box{
	display: flex;
	width: 50%;
	align-items: center;
	justify-content: flex-end;
}
.where-box .container{
	width: clamp(500px,49vw,650px);
	margin: 0;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: clamp(20px,3vw,40px)
}
.where-box .title{
	font-size: clamp(24px,2vw,24px);
	color: #0E1419;
    font-family: "OPPOSansBold";
	position: relative;
	padding-bottom: 16px;
	margin-bottom: clamp(24px,3.2vw,48px);
}

.where-box .title::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	opacity: 1;
	background: #2D84CC;
}
.where-list li{
	position: relative;
	padding-left: 36px;
	padding-bottom: clamp(20px,3vw,36px);
}
.where-list li::before{
	content: "";
	background: url(../images/imap.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 25px;
	position: absolute;
	top: 4px;
	left: 0;
}
.where-list li .desc{
	border-bottom: 1px solid rgba(216, 216, 216, 0.6);
	padding-bottom: clamp(20px,3vw,36px);
	font-size: clamp(14px,1.3vw,18px);
	color: #646464;
}
.where-list li h4{
	font-size: clamp(16px,1.5vw,20px);
	color: #0E1419;
    font-family: "OPPOSansMedium";
	margin-bottom: 8px;
}
.ctxt{
	text-align: center;
	color: #646464;
	font-size: clamp(14px,2.2vw,18px);
	padding: 0 clamp(30px,6vw,100px)
}
.lx-list{
	display: flex;
	align-items: stretch;
	margin-left: -30px;
	margin-right: -30px;
	padding-top:clamp(14px,2vw,20px); 
}
.lx-list li{
	width: 28%;
	box-sizing: border-box;
	padding: 0 30px;
}
.lx-list li h4{
	font-size: clamp(14px,2vw,20px);
	color: #646464;
	border-bottom: 1px solid rgba(216, 216, 216, 0.6);
	padding: clamp(14px,2vw,20px) 0;
	margin-bottom: clamp(14px,2vw,20px);
}
.lx-list li:last-child{
	width: 44%;
}
.lx-list li h3{
	font-size: clamp(15px,2.2vw,24px);
    font-family: "OPPOSansMedium";
}
.lx-other{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.lx-other .tit{
	width: 50%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	font-family: "OPPOSansMedium";
	font-size: clamp(15px,2.2vw,24px);
}
.lx-other .tit:hover{
	text-decoration: underline;
}
.lx-other .tit img{
	margin-right: 8px;
}
.message-box{
	display: flex;
	align-items: stretch;
}
.msgimg{
	width: clamp(300px,36vw,600px);
}
.msginfos{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(20px,4vw,60px)
}
.msginfos .tit{
	font-size: clamp(20px,2.1vw,32px);
	color: #0E1419;
    font-family: "OPPOSansBold";
	position: relative;
	padding-bottom: 16px;
	margin-bottom: clamp(24px,2.4vw,36px);
}
.msginfos .tit::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	opacity: 1;
	background: #2D84CC;
}
.msginfos .form-control,.popup .form-control{
	min-height: 48px;
	border-radius: 2px;
}
.form-group label{
	font-weight: normal;
}
.btn-primary{
	background: linear-gradient(111deg, #2D84CC 3%, #00458E 100%);
	border: none !important;
	cursor: pointer;
	padding: 12px 20px;
	font-size: clamp(14px,1.5vw,16px);
	border-radius: 2px;
	transition: opacity 0.2s ease-out;
	outline: none !important;
}
.btn-primary:focus{
	border: none;
}
.btn-primary .arrow{
	background: url(../images/arrow_white.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 10px;
	margin-left: 8px;
}
.btn-primary:hover{
	opacity: 0.8
}
.condition-list{
	padding: clamp(15px,2vw,30px) 0;
}
.condition{
	display: flex;
	align-items: stretch;
	padding: clamp(15px,2vw,30px) 0;
}
.condition-list .condition:nth-child(2n){
	flex-direction:row-reverse;
}
.condition-list .condition:nth-child(2n) .condinfos{
	padding-right: clamp(20px,3.5vw,60px);
	padding-left: 0;
}
.top-icon{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-top: 1px solid rgba(216, 216, 216, 0.6);
	padding-top: clamp(12px,2.6vw,40px)
}
.condinfos{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(20px,3.5vw,60px);
}
.condimg{
	width: 58%;
}
.condinfos .name{
	color: #0E1419;
	font-size: clamp(18px,1.8vw,24px);
    font-family: "OPPOSansBold";
	padding-top: clamp(15px,1.6vw,20px);
	padding-bottom: clamp(15px,1.6vw,20px);
	position: relative;
}
.condinfos .name::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	opacity: 1;
	background: #2D84CC;
}
.condinfos .desc{
	padding-top: clamp(20px,3vw,48px);
	color: #646464;
	font-size: clamp(14px,1.3vw,16px);
	line-height: 1.8
}
.c-items{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
	padding-top: clamp(16px,2vw,24px);
}
.c-items li{
	width: 25%;
	box-sizing: border-box;
	padding: 20px;
}
.c-items li a{
	display: block;
	background: #F8F9FB;
	padding: clamp(20px,3vw,32px) clamp(16px,2vw,24px);
	text-align: center;
	font-size: clamp(14px,2.1vw,18px);
	height: 100%;
	line-height: 1.5
}
.c-items li a img{
	width: 36px;
	margin-bottom: 12px;
}
.logistics{
	display: flex;
	align-items: stretch;
	flex-direction: row-reverse;
	padding: clamp(15px,2.2vw,30px) 0;
}
.logistics-box .logistics:nth-child(2n){
	flex-direction: row;
}
.logimg{
	width: 50%;
	flex-shrink: 0;
}
.loginfos{
	flex: 1;
	box-sizing: border-box;
	padding-right: clamp(30px,4vw,70px);
}
.logistics-box .logistics:nth-child(2n) .loginfos{
	padding-right: 0;
	padding: clamp(12px,2vw,24px) clamp(30px,4vw,70px);
	background: #F8F9FB;
}
.loginfos h3{
	color: #0E1419;
	font-size: clamp(18px,2vw,32px);
    font-family: "OPPOSansBold";
	padding-top: clamp(15px,1.6vw,20px);
	padding-bottom: clamp(15px,1.6vw,20px);
	position: relative;
	margin-bottom: clamp(15px,2.2vw,30px);
}
.loginfos h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	opacity: 1;
	background: #2D84CC;
}
.loginfos .desc{
	color: #646464;
	line-height: 1.7
}
.loginfos h4{
	color: #0E1419;
	font-size: clamp(16px,1.8vw,24px);
    font-family: "OPPOSansMedium";
	position: relative;
	padding-left: clamp(15px,1.6vw,20px);
	margin-bottom: clamp(10px,1.8vw,20px);
}
.loginfos h4::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 24px;
	border-radius: 10px;
	opacity: 1;
	background: #2D84CC;
	margin-top: -10px;
}
.diver{
	border-bottom: 1px solid #D8D8D8;
	padding-top: clamp(10px,1.8vw,20px);
	margin-bottom: clamp(10px,1.8vw,20px);
}
.step-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -18px;
	margin-right: -18px;
	padding-top: clamp(20px,2.4vw,32px)
}
.step-list li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 18px;
}
.step-list .step{
	border: 1px solid #E5E5E5;
	height: 100%;
}
.stepinfo{
	padding: clamp(20px,2vw,30px);
	color: #646464;
	position: relative;
}
.stepinfo .num{
	position: absolute;
	top: 0;
	right: 12px;
	z-index: 0;
	font-weight: bold;
	font-size: clamp(52px,6vw,78px);
	line-height: 1;
	letter-spacing: 0em;
	color: #FFFFFF;
	-webkit-text-stroke: rgba(45, 132, 204, 0.12) 1px; 
    font-family: "OPPOSansBold";
}
.stepinfo h3{
	font-size: clamp(30px,3vw,42px);
	font-family: "OPPOSansBold";
	color: #2D84CC;
	margin-bottom: 8px;
}
.pay-mode{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -24px;
	margin-right: -24px;
	padding-top: clamp(16px,2vw,24px)
}
.pay-mode li{
	width: 50%;
	box-sizing: border-box;
	padding: 0 24px;
}
.pay-mode .mode{
	border: 1px solid #E5E5E5;
	height: 100%;
	box-sizing: border-box;
	padding: clamp(20px,3vw,50px);
	background: #fff;
	color: #646464;
}
.pay-mode .mode h3{
	font-size: clamp(16px,1.6vw,20px);
    font-family: "OPPOSansBold";
	color: #0E1419;
	margin-bottom: clamp(8px,1.2vw,15px);
	margin-top: clamp(16px,2vw,30px)
}
.pay-mode .mode img{
	width: 56px;
	height: 56px;
}
.ctab-box{
	border-bottom: 1px solid rgba(216, 216, 216, 0.6);
}
.ctab{
	display: flex;
	align-items: center;
}
.ctab li{
	margin-right: clamp(20px,4vw,60px);
	position: relative;
	padding: 16px 0;
}
.ctab li a{
	font-size: clamp(14px,1.2vw,16px);
	color: #646464;
	cursor: pointer;
	line-height: 30px;
}
.ctab .active a{
	color: #0E1419;
    font-family: "OPPOSansMedium";
}
.ctab .active::after{
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #2D84CC
}
.boke-top{
	display: flex;
	align-items: stretch;
	background: #F8F9FB;
	margin-top: clamp(20px,3vw,50px);
	margin-bottom: clamp(30px,5vw,80px)
}
.bokeimg{
	width: 50%;
	height: 100%;
	flex-shrink: 0;
}
.bokeimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bokeinfo{
	flex: 1;
	box-sizing: border-box;
	padding: clamp(20px,3vw,50px);
	color: #646464;
}
.bokeinfo h3{
	font-size: clamp(18px,3vw,24px);
	color: #0E1419;
    font-family: "OPPOSansBold";
}
.bokeinfo .desc{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: clamp(14px,1.2vw,16px);
	margin-top: clamp(12px,2vw,32px);
	margin-bottom: clamp(8px,1.2vw,16px)
}
.mrbar{
	display: inline-block;
	color: #646464;
	font-size: clamp(14px,1.2vw,16px);
	margin-top: clamp(8px,1.2vw,16px);
	transition: all 0.15s ease-out;
}
.mrbar .arrow{
	display: inline-block;
	background: url(../images/arrow_gray.png) no-repeat;
	background-size: contain;
	width: 12px;
	height: 10px;
	margin-left: 6px;
	transition: all 0.15s ease-out;
}
.bokeinfo .morebar2:hover{
	background: none;
	transform: translateX(4px)
}
.document-list li{
	padding-bottom: clamp(10px,2.4vw,30px)
}
.document{
	display: flex;
	align-items: center;
	background: #fff;
	transition: all 0.15s ease-out;
	padding: clamp(10px,2.4vw,30px);
	border-bottom: 3px solid #fff;
}
.date{
	width: 160px;
	text-align: center;
	color: #646464;
	font-size: clamp(14px,1.4vw,18px);
	flex-shrink: 0;
}
.date strong{
	font-size: clamp(40px,3vw,52px);
	color: #0E1419;
    font-family: "OPPOSansBold";
}
.document .infos{
	flex: 1;
	box-sizing: border-box;
}
.document .infos .title{
	font-size: clamp(16px,3vw,24px);
	color: #0E1419;
    font-family: "OPPOSansBold";
}
.document .infos .desc{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #646464;
	font-size: clamp(14px,1.2vw,16px);
	margin-top: clamp(8px,1.2vw,16px)
}
.document:hover{
	box-shadow: 0px 8px 32px 0px rgba(109, 116, 121, 0.1);
	border-bottom: 3px solid #2D84CC;
}
.document:hover  .infos .title{
	color: #2D84CC;
}
.document:hover  .infos .mrbar{
	color: #2D84CC;
}
.document:hover  .infos .mrbar .arrow{
	background: url(../images/arrow_blue.png) no-repeat;
	background-size: contain;
}
.lft-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: clamp(15px,2vw,30px)
}
.lft-pagination a{
	padding: 4px 10px;
	font-size: clamp(14px,1.6vw,16px);
	cursor: pointer;
}
.lft-pagination .prev{
	border: 1px solid rgba(41, 41, 41, 0.6);
	border-radius: 2px;
	margin-right: 12px;
	position: relative;
	width: 32px;
	height: 32px;
	transition: all  0.15s ease-out;
}
.lft-pagination .prev::after{
	content: "";
	border-left: 1px solid rgba(41,41,41,0.6);
	border-bottom: 1px solid rgba(41,41,41,0.6);
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -2px;
	z-index: 1;
	transition: all  0.15s ease-out;
}
.lft-pagination .next{
	border: 1px solid rgba(41, 41, 41, 0.6);
	border-radius: 2px;
	margin-left: 12px;
	position: relative;
	width: 32px;
	height: 32px;
	transition: all  0.15s ease-out;
}
.lft-pagination .next::after{
	content: "";
	border-right: 1px solid  rgba(41,41,41,0.6);
	border-top: 1px solid  rgba(41,41,41,0.6);
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -5px;
	margin-right: -2px;
	z-index: 1;
	transition: all  0.15s ease-out;
}
.lft-pagination .prev:hover{
	background: #2D84CC;
	border: 1px solid #2D84CC;
}
.lft-pagination .prev:hover::after{
	border-left: 1px solid  rgba(255,255,255,1);
	border-bottom: 1px solid  rgba(255,255,255,1);
}
.lft-pagination .next:hover{
	background: #2D84CC;
	border: 1px solid #2D84CC;
}
.lft-pagination .next:hover::after{
	border-right: 1px solid  rgba(255,255,255,1);
	border-top: 1px solid  rgba(255,255,255,1);
}
.lft-pagination span{
	color: #2D84CC;
	padding: 4px 10px;
	font-size: clamp(14px,1.6vw,16px);
    font-family: "OPPOSansBold";
}
.cbox{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: clamp(30px,4vw,60px);
	padding-bottom: clamp(40px,8vw,120px)
}
.section{
	flex: 1;
	box-sizing: border-box;
	padding-right: clamp(20px,3vw,50px)
}
.aside{
	width: clamp(240px,20vw,310px);
	flex-shrink: 0;
	background: #F8F9FB;
	padding: clamp(12px,2vw,24px);
	box-sizing: border-box;
}
.section .title{
	font-size: clamp(18px,2.2vw,32px);
}
.content{
	font-size: clamp(14px,2.1vw,18px);
	line-height: 2;
	padding-top: clamp(20px,3vw,48px)
}
.source{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #D8D8D8;
	padding: clamp(10px,2vw,24px) 0;
	opacity: 0.7;
	color: #646464;
}
.source .share{
	display: flex;
	align-items: center;
	color: #646464;
}
.source .share a{
	margin-left: 8px;
	color: #646464;
}
.source .time{
	margin-left: clamp(20px,4vw,60px)
}
.tjimg{
	height: clamp(120px,11vw,160px);
	margin-bottom: 6px;
	overflow: hidden;
}
.tjimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.15s ease-out;
}
.tj-list li{
	padding-bottom: clamp(12px,1.6vw,20px)
}
.tj-list li a{
	display: block;
	color: #646464;
}
.tj-list h3{
	font-size: clamp(14px,1.1vw,16px);
	color: #0E1419;
    font-family: "OPPOSansMedium";
	margin-top: 6px;
}
.tj-list li a:hover .tjimg img{
	transform: scale(1.05)
}
.tj-list li a:hover h3{
	color: #2D84CC
}
.aside .astit{
	font-size: clamp(18px,1.6vw,20px);
    font-family: "OPPOSansBold";
	padding-bottom: clamp(14px,1.1vw,16px);
}
.product-screen{
	width: clamp(280px,20vw,360px);
	flex-shrink: 0;
	box-sizing: border-box;
	padding-top: 10px
}
#sideNav{
	background: #FFFFFF;
	box-shadow: 0px 2px 39px 4px rgba(80,103,110,0.08);
	border-radius: clamp(4px,0.6vw,10px);
	padding: clamp(16px,2vw,24px)
}
.sidefixed {
    position: fixed;
    top: 8.85vw;
	width: clamp(280px,23vw,360px);
	z-index: 1000;
}
.product-box{
	display: flex;
	align-items: stretch;
	min-height: 70vh;
}
.product-screen .form-control{
	height: 48px;
}
.product-screen .form-group label{
    font-family: "OPPOSansMedium";
	font-size: clamp(16px,2vw,20px);
}
.product-screen .side-title{
    font-family: "OPPOSansBold";
	font-size: clamp(18px,2vw,28px);
	padding-bottom: clamp(14px,1.1vw,16px);
}

.product-screen select.form-control {
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	background: url(../images/arrD.png) no-repeat right;
	font-size: clamp(16px,1.8vw,20px);
}
.product-section{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(20px,3.5vw,50px)
}
.product-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.product-list li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 10px;
}
.product{
	height: 100%;
	background: #fff;
	border-radius: 10px;
}

.poster{
	height: clamp(96px,12vw,160px);
	overflow: hidden;
}
.poster img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.25s ease-out;
}
.product:hover .poster img{
	transform: scale(1.05)
}
.proinfos{
	padding: clamp(16px,1.8vw,24px);
}
.proinfos .name{
	font-size: clamp(16px,1.4vw,18px);
    font-family: "OPPOSansMedium";
	color: #0E1419;
}
.proinfos .specs{
	font-size: clamp(12px,1.3vw,16px);
	color: #0E1419;
	margin-top: 8px;
}
.proinfos .other{
	color: #999999;
	font-size: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 8px;
}
.bar-def{
	display: block;
	height: 34px;
	line-height: 34px;
	border-radius: 50px;
	background: #2D84CC;
	font-size: 14px;
	color: #fff !important;
	text-align: center;
	margin-top: 8px;
}
.bar-def:hover{
	color: #fff;
	opacity: 0.8;
}
.bar-pri{
	display: block;
	height: 34px;
	line-height: 34px;
	border-radius: 50px;
	border: 1px solid #2D84CC;
	font-size: 14px;
	color: #2D84CC;
	text-align: center;
	margin-top: 8px;
}
.bar-pri:hover{
	opacity: 0.8
}
.pro-top-msg{
	display: flex;
	align-items: stretch;
	padding-top: clamp(10px,1.6vw,20px);
	padding-bottom: clamp(24px,3vw,50px)
}
.pro-top-photo{
	width: 50%;
	flex-shrink: 0;
	position: relative;
}
.pro-top-thumbs .swiper-button-next::after,.pro-top-thumbs .swiper-button-prev::after{
	font-size: 20px;
	color: #666666 !important;
}
.pro-top-thumbs .swiper-button-next{
	right: 0;
	justify-content: flex-end
}
.pro-top-thumbs .swiper-button-prev{
	left: 0;
	justify-content: flex-start;
}
.pro-top-thumbs{
	position: relative;
	margin-top: clamp(12px,1.8vw,24px);
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}
.pro-top-thumbs .mySwiperThumbs{
	width: 350px;
}
.pro-top-thumbs .swiper-wrapper .swiper-slide{
	width: 60px;
	height: 60px;
	border: 1px solid #EEEEEE;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pro-top-thumbs .swiper-wrapper .swiper-slide-thumb-active{
	border: 1px solid #000000;
}
.pro-top-thumbs .swiper-wrapper{
	align-items: stretch;
}
.pro-top-thumbs .swiper-button-disabled{
	opacity: 0
}
.mySwiperBig{
	border-radius: 2px;
	overflow: hidden;
}
.mySwiperBig .swiper-slide{
	height: clamp(360px,30vw,430px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pro-top-infos{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(20px,3vw,50px);
}
.pro-top-infos .bar-def{
	height: 42px;
	line-height: 42px;
	font-size: clamp(14px,1.2vw,16px);
	margin-top: 20px;
}
.pro-cells{
	display: flex;
	align-items: flex-start;
	padding: 6px 0;
}
.pro-cells .icon{
	flex-shrink: 0;
	margin-right: 12px;
}
.pro-cells .value{
	flex: 1;
	color: #0E1419;
	font-size: 14px;
    font-family: "OPPOSansMedium";
}
.pro-cells .value .form-group{
	padding-top: 10px;
}
.pro-cells .value a{
	color: #2D84CC;
}
.pro-cells .value a:hover{
	text-decoration: underline;
}
.pro-name{
	font-size: clamp(20px,2vw,32px);
    font-family: "OPPOSansBold";
	color: #0E1419
}
.pro-intro{
	font-size: clamp(15px,1.2vw,18px);
	color: #646464;
	margin-top: clamp(6px,1vw,12px)
}
.pro-other{
	display: flex;
	align-items: center;
	color: #999999;
	margin-top: clamp(6px,1vw,12px);
	margin-bottom: clamp(6px,1vw,12px);
}
.pro-other p{
	position: relative;
	margin-right: 12px;
	padding-right: 12px;
}
.pro-other p::after{
	content: "";
	width: 1px;
	height: 12px;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	margin-top: -6px;
}
.pro-other p:last-child::after{
	display: none;
}
.addfile{
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 8px 15px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid rgba(14, 20, 25, 0.8);
	margin-top: 8px;
	cursor: pointer;
	transition: all 0.25s ease-out;
}
.addfile .iadd{
	background: url(../images/iadd.png) no-repeat center;
	width: 10px;
	height: 10px;
	margin-right: 6px;
}
.addfile input[type=file]{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.addfile:hover{
	background: rgba(14, 20, 25, 1);
	color: #fff;
}
.addfile:hover .iadd{
	background: url(../images/iadd_white.png) no-repeat center;
}
.protabs{
	display: flex;
	align-items: center;
	justify-content: center;
}
.protabs li{
	padding: 0 clamp(15px,4vw,60px);
}
.protabs li a{
	display: block;
	padding: clamp(10px,1.6vw,20px) 0;
	border-bottom: 3px solid rgba(0,0,0,0);
}
.protabs .active a{
	border-bottom: 3px solid #2D84CC
}
.protit{
	font-size: clamp(20px,2vw,28px);
	color: #0E1419;
    font-family: "OPPOSansBold";
	padding-top: clamp(24px,3.2vw,40px);
}
.procont{
	padding-top: clamp(12px,1.6vw,20px);
	color: #646464;
	font-size: clamp(14px,1.2vw,18px);
}
.procont .row{
	border-top: 1px solid #F0F3F5;
	border-left: 1px solid #F0F3F5;
	border-right: 1px solid #F0F3F5;
}
.buy-pay{
	display: flex;
	align-items: center;
	padding-bottom: clamp(30px,8.6vw,90px)
}
.tips-msg{
	flex: 1;
	box-sizing: border-box;
	padding-right: clamp(20px,4vw,60px);
	font-size: clamp(14px,1.2vw,18px);
}
.reqimg{
	width: 48%;
	flex-shrink: 0;
}
.goods{
	display: block;
	background: #fff;
	border-radius: 10px;
	overflow: hidden
}
.goods .infos{
	padding: clamp(8px,1.4vw,20px) clamp(12px,2.4vw,32px);
}
.goods .name{
	font-size: clamp(14px,1.2vw,16px);
	color: #0E1419;
	text-align: center;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5em;
	height: 3em;
    font-family: "OPPOSansMedium";
}
.goods:hover .name{
	color: #2D84CC;
}
.goods .poster{
	overflow: hidden;
}
.goods .poster img{
	display: block;
	transition: all 0.25s ease-out;
}
.goods:hover .poster img{
	transform: scale(1.05)
}
.relevant-swiper{
	padding-top: clamp(12px,1.8vw,20px)
}
.relevant-swiper .mySwiper{
	padding-bottom: 48px;
}
.relevant-swiper .swiper-pagination-bullet{
	transition: all 0.15s ease-out;
}
.relevant-swiper .swiper-pagination-bullet-active{
	width: 40px;
	border-radius: 4px;
	background: rgba(0,0,0,1)
}
.tabsFixed{
	position: fixed;
	top: 124px;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #F3F6F8;
}
.pro-config{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	border-top: 1px solid #F0F3F5;
	border-left: 1px solid #F0F3F5;
}
.pro-config li{
	display: flex;
	width: 50%;
	align-items: stretch;
	border-bottom: 1px solid #F0F3F5;
	border-right: 1px solid #F0F3F5;
}
.pro-config li .label{
	background: #F3F6F8;
	width: 200px;
	font-weight: normal;
	color: #0E1419;
	padding: clamp(12px,1.4vw,20px) clamp(8px,1.1vw,15px);
	font-size: clamp(14px,1.4vw,16px);
	display: flex;
	align-items: center;
	text-align: left;
	word-wrap: break-word;
	line-height: 1.5;
	flex-shrink: 0;
	white-space: normal;
	border-radius: 0px !important;
}
.pro-config li .value{
	background: #fff;
	color: #0E1419;
	padding: clamp(12px,1.4vw,20px) clamp(8px,1.1vw,15px);
	font-size: clamp(14px,1.4vw,16px);
	display: flex;
	align-items: center;
}
.popup{
	position: fixed;
	top: 20%;
	left: 50%;
	z-index: 10001;
	width: 680px;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 30px;
	margin-left: -340px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
	font-size: clamp(14px,1.2vw,16px);
}
.poptit{
	font-size: clamp(18px,2.4vw,28px);
	color: #0E1419;
	text-align: center;
    font-family: "OPPOSansBold";
	position: relative;
	padding-bottom: 12px;
}
.poptit::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 36px;
	height: 6px;
	border-radius: 10px;
	margin-left: -18px;
	opacity: 1;
	background: #2D84CC;
}
.popmsg{
	color: #646464;
	font-size: clamp(14px,1.2vw,16px);
	text-align: center;
	padding: clamp(8px,1.2vw,16px) 0;
}
.popclose{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 102
}
.popclose::before{
	content: "";
	width: 20px;
	height: 2px;
	background: #D8D8D8;
	transform: rotate(45deg);
	top: 50%;
	left: 5px;
	position: absolute;
}
.popclose::after{
	content: "";
	width: 20px;
	height: 2px;
	background: #D8D8D8;
	transform: rotate(-45deg);
	top: 50%;
	left: 5px;
	position: absolute;
}
.lzbar{
	cursor: pointer;
}
.select-inbox{
	position: relative;
	z-index: 10;
}
.select-value{
	height: 100%;
	display: flex;
	align-items: center;
	font-size: clamp(16px, 1.8vw, 20px);
	color: #000000;
}
.select-value::after{
	content: "";
	background: url(../images/arrD.png) no-repeat;
	width: 20px;
	height: 8px;
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 1;
}
.select-list{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1;
	border: 1px solid #ccc;
	max-height: 280px;
	overflow-y: auto
}
.select-list::-webkit-scrollbar-track-piece {
	background-color:#f8f8f8;
}
.select-list::-webkit-scrollbar {
	width:6px;
	height:6px;
}
.select-list::-webkit-scrollbar-thumb {
	background-color:#2D84CC;
	background-clip:padding-box;
	min-height:28px;
}
.select-list::-webkit-scrollbar-thumb:hover {
	background-color:#bbb;
}
.select-list ul li{
	padding-left: 20px;
	transition: all 0.15s ease-out;
}
.select-list li a{
	display:block;
	font-size: clamp(16px, 1.8vw, 18px);
	color: #666666;
	padding: 10px;
}
.select-list li a:hover{
	text-decoration: underline;
}
.select-label{
	display: flex;
	align-items: center;
}
.select-label a:hover{
	color: #2D84CC；
}
.select-label .bat{
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: relative;
}
.select-label .bat::after{
	content: "";
	height: 2px;
	width: 12px;
	background: #666;
	position: absolute;
	top: 10px;
	left: 4px;
}
.select-label .bat::before{
	content: "";
	height: 2px;
	width: 12px;
	background: #666;
	position: absolute;
	top: 10px;
	left: 4px;
	transform: rotate(90deg);
	transition: all 0.1s ease-out;
}
.select-label .bat.up::before{
	opacity: 0;
}
.tender-desc{
	text-align: center;
	font-size: clamp(16px,1.4vw,20px);
	color: #646464;
	line-height: 1.7
}

@media (max-width: 1480px) {
	.container{
		width: 100%;
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
	}
	.where-box{
		padding-left: 5%;
	}
	.where-box .container{
/*		padding-left: 5%;*/
		width: 100%;
/*		width: clamp(500px,46vw,600px)*/
/*		padding-right: 5%;*/
	}
}
@media (max-width: 992px) {
	.top-head{
		font-size:12px;
	}
	.top-head .mail{
		margin-right: 10px;
	}
	.tbar{
		margin-left: 4px;
	}
	.tico1,.tico2,.tico3{
		margin-left: 4px;
	}
	.tbar{
		padding-right: 8px;
	}
	.tbar::after{
		display: none;
	}
	.popup{
		width: 80%;
		left: 10%;
		margin: 0;
		padding: 20px;
	}
	
}
@media (max-width: 480px) {
	.top-head{
		display: none;
	}
	.container{
		width: 100%;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-container{
		height: 50px;
	}
	.brand-logo {
		background: url(../images/brand_logo.png) no-repeat;
		background-size: contain;
		height: 26px;
	}
	.nav-tools{
		display: none
	}
	.nav-header{
		position: fixed;
		z-index: 1000;
		padding: 10px 0;
		background: #ffffff !important;
	}
	.nav-hbg .nav-header{
		background: #ffffff !important;
	}
	.navMenu{
		display: none;
		position: fixed;
		top: 52px;
		left: 0;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		padding: 10px 15px;
	}
	.navMenu li{
		margin: 0 !important
	}
	.navMenu li a{
		color: #1a1a1a;
	}
	.mob-navbtn{
		display: block;
		margin-top: 6px;
	}
	.navbtn {
		/*background: rgba(8,26,65,0.5);*/
		width: 32px;
		height: 24px;
		border: none;
		box-sizing: border-box;
		position: relative;
		z-index: 10000;
	}
	.navbtn i {
		position: absolute;
		top: 0;
		left: 4px;
		display: block;
		height: 2px;
		width: 24px;
		background: #1a1a1a;
		border-radius: 2px;
		margin-bottom: 5px;
		transition: all 0.3s ease-in-out;
	}
	.navbtn i:nth-child(2n) {
		top: 8px;
		width: 20px
	}
	.navbtn i:nth-child(3n) {
		top: 16px;
		width: 12px
	}
	.navbtn.cur i {
		width: 24px;
		background: #1a1a1a;
	}
	.navbtn.cur i:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.navbtn.cur i:nth-child(2) {
		opacity: 0;
	}
	.navbtn.cur i:nth-child(3) {
		top: 8px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.mob-navbar-nav {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		z-index: 1001;
		background: #fff;
		box-sizing: border-box;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.mob-cover{
		display: none;
		background: rgba(0,0,0,0.9);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.mob-navbar-nav ul li {
		position: relative;
	}
	.mob-navbar-nav ul li::before{
		content: '';
		border-bottom: 1px solid rgba(0,0,0,0.1);
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
	}
	.mob-navbar-nav ul li:last-child::before{
		display: none
	}
	.mob-navbar-nav ul li::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		border-top: 1px solid rgba(255,255,255,0.5);
		border-right: 1px solid rgba(255,255,255,0.5);
		width: 6px;
		height: 6px;
		transform: rotate(45deg);
		margin-top: -4px;
	}
	.mob-navbar-nav ul li h3{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mob-navbar-nav ul li h3 a {
		display: block;
		flex: 1;
		padding: 12px 15px;
		color: #1a1a1a;
		font-size: 14px;
		font-family: "OPPOSansMedium";
	}
	.mob-sub{
		display: none;
		padding: 0 30px;
	}
	.mob-sub a{
		font-size: 12px;
		display: block;
		padding: 5px 0;
	}
	.bat{
		width: 12px;
		height: 20px;
		position: relative;
		margin-left: 12px;
	}
	.bat::after{
		content: '';
		border-top: 6px solid #fff;
		border-left: 6px solid rgba(0,0,0,0);
		border-right: 6px solid rgba(0,0,0,0);
		position: absolute;
		top: 8px;
		right: 0px;
		z-index: 1;
		border-radius: 4px;
	}
	.bat{
		width: 50px;
		height: 36px;
		position: relative;
		display: inline-block;
		margin-left: 8px;
	}
	.bat::after{
		border-top: none;
		border-left: none;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		width: 9px;
		height: 9px;
		border-radius: 0;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -6px;
		transition: all 0.3s ease-out;
	}
	.cur.bat::after{
		transform: rotate(-135deg);
	}
	.banner-tips{
		line-height: 1.5
	}
	.banner-swiper{
		height: 40vh
	}
	.morebar{
		font-size: 12px;
		width: 136px;
		height: 36px;
		line-height: 36px;
		white-space: nowrap
	}
	.footer{
		flex-direction: column;
	}
	.f-nav{
		flex-direction: column;
		display: none
	}
	.f-nav li{
		padding-left: 0;
		width: 100%;
	}
	.copyright{
		flex-direction: column;
	}
	.fbar{
		justify-content: flex-start;
	}
	.fbar li{
		margin-right: 12px;
	}
	.fbar li img{
		width: 36px;
		height: 36px;
	}
	.product-items{
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
	}
	.product-items li{
		width: 100%;
		padding: 8px 0;
	}
	.partners-box{
		flex-direction: column;
	}
	.partners-box .left{
		width: 100%;
	}
	.partners-box .right{
		width: 100%;
	}
	.partners{
		margin-left: -6px;
		margin-right: -6px;
		padding-top: 8px;
	}
	.partners li{
		padding: 6px;
	}
	.partners2{
		padding-top: 16px;
	}
	.banner-swiper .morebar{
		font-size: 12px;
		width: 130px;
		height: 36px;
		line-height: 36px;
		padding: 0 5px;
	}
	.morebar2{
		font-size: 12px;
		min-width: 130px;
		height: 36px;
		line-height: 36px;
		padding: 0 5px;
	}
	.intro-box .intro h3,.ohav-box .right h3{
		text-align: center;
	}
	.intro-box .intro h3::after,.ohav-box .right h3::after{
		left: 50%;
		margin-left: -18px;
	}
	.intro-box .img{
		width: 100%;
		margin-top: 16px
	}
	.ohav-box{
		flex-direction: column;
	}
	.ohav-box .left{
		width: 100%
	}
	.ohav-box .right{
		width: 100%;
		padding: 0;
	}
	.ohav-swiper{
		width: 100%;
		margin-bottom: 20px;
	}
	.ser-sup-items{
		flex-direction: column !important;
	}
	.ser-sup-items .infos{
		width: 100%;
	}
	.address-list{
		flex-direction: column;
	}
	.address-list li{
		width: 100%;
		padding: 8px 0;
	}
	.map-box{
		flex-direction: column;
	}
	.where-box{
		position: relative;
		width: 100%;
	}
	.where-list{
		width: 100%;
	}
	.map{
		width: 100%;
	}
	.lx-list{
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
	}
	.lx-list li,.lx-list li:last-child{
		width: 100%;
		padding: 8px 0;
		border-bottom: 1px solid #D8D8D8;
	}
	.lx-other .tit{
		width: 100%;
	}
	.lx-list li{
		display: flex;
		align-items: center;
	}
	.lx-list li:last-child{
		flex-direction: column;
		align-items: flex-start;
	}
	.lx-list li h4{
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
		padding-top: 0;
		margin-right: 12px;
	}
	.message-box{
		flex-direction: column-reverse;
	}
	.msginfos{
		width: 100%;
		padding: 0;
	}
	.msgimg{
		width: 100%;
		margin-top: 20px;
	}
	.condition{
		flex-direction: column !important
	}
	.condimg{
		width: 100%;
	}
	.tlico{
		height: 20px;
	}
	.trico{
		height: 32px;
	}
	.condinfos{
		padding: 0 !important
	}
	.c-items{
		margin-left: 0;
		margin-right: 0;
	}
	.c-items li{
		width: 50%;
		padding: 6px;
	}
	.logistics{
		flex-direction: column !important;
	}
	.logimg{
		width: 100%;
	}
	.step-list{
		flex-direction: column;
		margin: 0;
	}
	.step-list li{
		width: 100%;
		padding: 8px 0;
	}
	.pay-mode{
		flex-direction: column;
		margin: 0;
	}
	.pay-mode li{
		width: 100%;
		padding: 8px 0;
	}
	.boke-top{
		flex-direction: column;
	}
	.bokeimg{
		width: 100%;
	}
	.document{
		flex-direction: column;
		align-items: flex-start;
	}
	.document .date{
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		text-align: left;
		width: auto;
		font-family: "OPPOSansRegular";
		font-size: 14px;
		margin-bottom: 5px;
		
	}
	.document .date strong{
		font-size: 14px;
		font-family: "OPPOSansRegular";
		color: #646464;
		font-weight: normal;
		position: relative;
		padding-left: 4px;
	}
	.document .date strong::before{
		content: "-";
		position: absolute;
		top: 50%;
		left: 0;
		line-height: 0;
	}
	.cbox{
		flex-direction: column;
	}
	.section{
		padding-right: 0;
	}
	.aside{
		width: 100%;
		margin-top: 30px;
	}
	.tjimg{
		height: 200px;
	}
	.product-box{
		flex-direction: column;
	}
	.product-screen{
		width: 100%;
	}
	#sideNav{
		position: relative;
		width: 100%;
		top: 0;
	}
	.product-section{
		padding-left: 0;
		padding-top: 15px;
	}
	.product-list{
		margin-left: -8px;
		margin-right: -8px;
	}
	.product-list li{
		width: 50%;
		padding: 8px;
	}
	.crum{
		display: none;
	}
	.pro-top-msg{
		flex-direction: column;
	}
	.pro-top-photo{
		width: 100%;
	}
	.pro-top-infos{
		padding-left: 0;
		padding-top: 20px;
	}
	.protabs li{
		padding: 0 10px;
	}
	.buy-pay{
		flex-direction: column;
	}
	.reqimg{
		width: 100%;
	}
	.tips-msg{
		padding-right: 0;
		padding-bottom: 20px;
    }
	.pro-config li{
		width: 100%;
	}
	.pro-config li .label{
		width: 150px !important;
	}
	.tabsFixed{
		top: 52px;
	}
	.tools{
		width: 40px;
		border-radius: 4px;
		padding: 8px;
		right: 8px;
	}
	.tools li{
		padding: 8px 0;
	}
	.tools .bteleg,.tools .bwhats,.tools .bchat,.tools .btop{
		width: 20px;
		height: 20px;
		background-size: 20px auto;
	}
	.tools li p{
		font-size: 12px;
		display: none;
	}
	.tools li:hover .bteleg{
		background-size: 20px auto;
	}
	.tools li:hover .bwhats{
		background-size: 20px auto;
	}
	.tools li:hover .bchat{
		background-size: 20px auto;
	}
	.tools li:hover .btop{
		background-size: 20px auto;
	}
	.msginfos .form-control, .popup .form-control{
		min-height: 32px;
	}
	.pro-top-thumbs{
		width: 310px;
	}
	.pro-top-thumbs .mySwiperThumbs{
		width: 280px;
	}
	.footer .left>img{
		height: 50px;
	}
	.tender-desc p{
		padding: 6px;
		line-height: 1.5
	}
}