/* 2023-10 HLP */
/* 滚动条样式 */
/* ::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#ededed}
::-webkit-scrollbar-thumb{background:var(--bs-logo-color);height:60px}
::-webkit-scrollbar-thumb:window-inactive{background:var(--bs-logo-color)}
::-webkit-scrollbar-thumb:vertical:hover{background:var(--bs-logo-color)} */

@font-face {
    font-family: "OPPOSans-M";
    src: url("../fonts/OPPOSans-M.woff2") format("woff2"),
        url("../fonts/OPPOSans-M.woff") format("woff"),
        url("../fonts/OPPOSans-M.ttf") format("truetype"),
        url("../fonts/OPPOSans-M.eot") format("embedded-opentype"),
        url("../fonts/OPPOSans-M.svg") format("svg");
        font-weight: normal;
        font-style: normal;
}

:root {
    --bs-logo-color: #312ca2;
}

/* css reset start */
body{font-family:'思源黑体','Source Han Sans','思源黑体 CN','Source Han Sans CN',Arial,Helvetica,Helvetica Neue,sans-serif;color:#333;width:100%;min-width:320px;font-size:14px;background:var(--bs-white);word-break:break-word;overflow-x:hidden;}
textarea{resize:none}
a{text-decoration:none;outline: none;color:#333;}
a:hover{color:var(--bs-logo-color)}
video{background:#000;}
.animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
img{max-width:100%;}
.img{width:100%;overflow:hidden;position:relative;-webkit-transition:all .5s;transition:all .5s}
.img img{display:block;width:100%;-webkit-transition:all .5s;transition:all .5s}
.zoomImg:before{content: "";position: absolute;top: 0;left: -90%;z-index: 2;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);transform: skewX(-25deg);-webkit-transition: all 0.75s;transition: all 0.75s;}
a:hover .zoomImg>img,
.zoomImg:hover>img{-webkit-transform: scale(1.1);transform: scale(1.1);}
a:hover .zoomImg:before,
.zoomImg:hover:before{left:125%;}
.fixedBg{background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl{float:left}
.fr{float:right}
img[onclick]{cursor:pointer}
.swiper-button-next,.swiper-button-prev,.swiper-pagination-bullet{border:none;outline:0}
a.swiper-slide{display:block}
.wrapper{min-height:50vh;}
.inside-main{width:100%;padding-top:40px;padding-bottom:40px;overflow:hidden;position:relative}
.gotop{width:30px;height:30px;position:fixed;bottom:-40px;right:15px;background:var(--bs-logo-color);border-radius: 50%;overflow: hidden;z-index:100;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.55,0,.1,1)}
.gotop>.icon{position: absolute;left:0;top:0;display: block;width:100%;height:100%;border-radius: 50%;transform: rotate(-90deg);transform-origin: center;display: flex;justify-content: center;align-items: center;font-style: normal;transition: all .2s;}
.gotop>.icon:after{content: 'next';font-family: 'swiper-icons';color:var(--bs-white);font-size:12px;transform: scale(0.6);transform-origin: center;text-transform: none;}
.gotop>.icon-2{left:0;top:100%;background:var(--bs-logo-color);}
.gotop.on{bottom:15px;}
.gotop:hover{box-shadow: 1px 2px 3px rgb(0,0,0,0.16);}
.gotop:hover>.icon-1{top:-100%;}
.gotop:hover>.icon-2{top:0;}
.InfoContent{color:#666;line-height:1.8;overflow: hidden;}
.InfoContent img{display:inline-block;max-width:100%}
.InfoContent video{max-width:100%;display: block;}
.InfoContent p{margin-bottom:0;text-align:justify;text-justify: distribute-all-lines;}
.InfoContent table {min-width:800px;}
.InfoContent table p{margin-bottom:0;text-align:inherit;text-justify: auto;}
.InfoContent thead th{vertical-align:middle;word-break: keep-all}
.InfoContent thead th p{white-space: nowrap;}
.color333{color:#333;}
.hrefAnchor{position: absolute;left:0;top:-60px;}
@media (max-width:575px) {
	.container{padding-left:15px;padding-right:15px}
}
@media (max-width:767px){
	.PC-show{display:none!important}
	.gotop{width:30px;height:30px}
}
@media (min-width:768px){
	.hrefAnchor{top:-70px;}
	.inside-main{padding-top:60px;padding-bottom:60px;}
	.container{padding-left:0;padding-right:0}
	.Min-show{display:none!important}
}
@media (min-width:992px){
	.hrefAnchor{top:-80px;}
	.container{max-width:920px}
}
@media (min-width:1200px){
	.container{max-width:1120px}
	.inside-main{padding-top:70px;padding-bottom:70px;}
	.InfoContent{font-size:16px;}
	.font18{font-size:18px;}
}
@media (min-width:1400px){
	.container{max-width:1320px}
	.max1200{max-width:1200px!important;}
}
@media (min-width:1600px){
	.container{max-width:1420px}
}
@media (min-width:1800px){
	.container{max-width:1520px}
}


/* header */
.header .navbar{display: block;padding:0;background:var(--bs-white);box-shadow: 0 0 5px rgba(0,0,0,.15);transition: all 0.3s;}
.header .container{position:relative}
.header .navbar-brand{position: relative;padding:10px 0;overflow: hidden;margin-right:0;transition: all 0.3s;}
.navbar-brand .navbar-brand-item{display:block;height:40px;margin:0 auto;transition: all 0.3s;}
.header .nav-item>.dropdown-toggle{display:none}
.header .nav-link{position: relative;font-size:14px;color:#333;line-height:20px;display: block;text-align: center;overflow: hidden;transition: all 0.3s;}
.header .active .nav-link,
.header .nav-link:hover{color:var(--bs-logo-color)}

.header .navbar-toggler{padding:0;border:none;width:30px;height:30px}
.header .navbar-toggler:focus{box-shadow:none}
.header .navbar-toggler .icon-bar{width:30px;height:2px;background-color:#333;display:block;position:relative;-webkit-transition:all .3s;transition:all .3s}
.header .navbar-toggler .icon-bar+.icon-bar{margin-top:6px}
.header .navbar-toggler.menu-close .icon-bar:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:4px}
.header .navbar-toggler.menu-close .icon-bar:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:-4px}
.header .navbar-toggler.menu-close .icon-bar:nth-child(2){display:none}

.header .dropdown-menu{border-radius:0;border:none;margin-top:0}
.header .dropdown-menu>li{border-bottom:1px dashed #ededed;}
.header .dropdown-menu>li:last-child{border-bottom:none;}
.header .dropdown-item{font-size:14px;color:#333;line-height:20px;padding:10px;}
.header .dropdown-menu .dropdown-item+.dropdown-item{border-top:1px #ededed dashed}
.header .dropdown-item:hover{color:var(--bs-logo-color);background-color:transparent}

.navbar-other{display: flex;align-items: center;}
.navbar-other>div + div{margin-left:20px;}
.navbar-platform-links{display: flex;}
.navbar-platform-links>a{display: block;width:30px;}
.navbar-platform-links>a + a{margin-left:5px;}
.navbar-platform-links>a>img{display: block;width:100%;}
.navbar-tel>span{font-size:16px;display: flex;align-items: center;}
.navbar-tel>span>img{margin-right: 8px;}
.navbar-tel>span>a:hover{color:#333;}
.navbar-tel>span>a + a {margin-left:10px;}
.navbar-language>a{font-size:14px;display: flex;align-items: center;}
.navbar-language>a>img{margin-right: 8px;}
@media (max-width:991px){
	.navbar-other{position: absolute;right:70px;top:24px;}
	.header.openNavbarNav .navbar{background:var(--bs-white);}
	.header .nav-link{padding:12px 0;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.05);padding-left:15px;text-align: left;}
	.header .navbar-collapse{max-height:calc(100vh - 60px);overflow-y: auto;}
	.header .navbar-toggler{position:absolute;right:0;top:20px;}
	.header .fixed-top .navbar-collapse {
		max-height: calc(100vh - 70px);
		height: calc(100vh - 70px)!important;
		padding:0;
		margin:0;
		position: fixed;
		right:0;
		top:70px;
		width:100%;
		background:var(--bs-white);
		transform: translateX(100%);
		opacity: 0;
		box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
		transition: all 0.3s;
	}
	.navbar-collapse.collapse{display: block!important;}
	.navbar-collapse.collapse.show{transform: none;opacity: 1;}
	
	/* 二级导航 */
	.header .nav-item>.dropdown-toggle{display: block;}
	.navbar-nav{overflow: hidden;margin:15px auto;max-width:720px;}

	.navbar-nav>.dropdown>i{position:absolute;width:50%;height:45px;right:0;top:0;display:block;z-index:2;cursor:pointer}
	.navbar-nav>.dropdown>i:before{content:'';position:absolute;right:3px;top:50%;margin-top:-5px;width:10px;height:10px;border-top:1px solid #666;border-right:1px solid #666;transform: rotate(45deg);transition:all .3s;}
	.navbar-nav>.dropdown>i:after{display: none;}
	.navbar-nav>.dropdown>i.show:before{transform: rotate(135deg);}
	.header .dropdown-menu{margin:10px 0;padding:0;background:rgba(0,0,0,0.05);border-radius: 10px;}
	.header .dropdown-menu>li{border-bottom-color:rgba(0,0,0,0.1)}
	.header .dropdown-item{padding:12px;}
}
@media (max-width:767px){
	body{padding-top:60px;}
	.navbar-other{top:19px;}
	.navbar-other>div + div{margin-left:0;}
	.navbar-tel,.navbar-platform-links{display: none;}
	.header .navbar-toggler{top:15px;right:15px;}
	.navbar-nav{padding-left:15px;padding-right:15px;}
	
	.header .fixed-top .navbar-collapse {
		max-height: calc(100vh - 60px);
		height: calc(100vh - 60px)!important;
		top:60px;
	}
}
@media (max-width:500px){
	.navbar-other{right:62px;}
}
@media (min-width:768px){
	body{padding-top:70px;}
	.navbar-brand .navbar-brand-item {height:50px;}
}
@media (min-width:992px){
	.navbar-platform-links{display: none;}
	.header .container{width:100%;max-width:100%;padding-left:25px;padding-right:25px;}
	.navbar-expand-lg .navbar-collapse{display: block!important;}
	.header .navbar-brand{margin-right:2vw;}
	.header .nav-item + .nav-item{margin-left:2.5vw;}
	.header .nav-link{padding-left:0!important;padding-right:0!important;padding-top:30px;padding-bottom:30px;}
	.header .dropdown-menu{min-width:120px;box-shadow:0 0 8px rgb(0,0,0,0.05);text-align:center;padding:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;background:var(--bs-white);border-radius: 0 0 6px 6px;}
	
	body{padding-top:80px;}
	body.moveTop{padding-top:80px;}
	.moveTop .header .nav-link{padding-top:30px;padding-bottom:30px;}
}
@media (min-width:1200px){
	.navbar-platform-links{display: flex;}
	.header .container{padding-left:60px;padding-right:60px;}
	.header .navbar-brand{margin-right:2.6875vw;}
	.header .nav-item + .nav-item{margin-left:3vw;}
	.header .nav-link{font-size:16px;}
}
@media (min-width:1400px){
	.navbar-platform-links>a + a{margin-left:10px;}
	.navbar-brand .navbar-brand-item {height:60px;}
	.header .nav-link{padding-top:40px;padding-bottom:40px;}
	.header .navbar-brand{margin-right:3.6875vw;}
	.navbar-tel>span {font-size:18px;}
	
	body{padding-top:100px;}
}
@media (min-width:1600px){
	.navbar-tel>a{font-size:20px;}
	.navbar-other>div + div{margin-left:45px;}
	.header .navbar-brand{margin-right:90px;}
	.header .nav-item + .nav-item{margin-left:50px;}
}

/*foot*/
.footer{position: relative;background:url(../images/fbg.png) no-repeat top center;background-size:cover;width:100%;overflow: hidden;color:#999;}
.footer a{color:#999;}
.foot-top{overflow: hidden;padding:30px 0;}
.foot-top-left{margin-bottom:30px;}
.foot-nav{display: flex;flex-flow: row wrap;justify-content: space-between;margin-left:-15px;margin-right:-15px;}
.foot-nav>dl{padding-left:15px;padding-right:15px;margin-bottom:35px;max-width:240px;}
.foot-nav a{display: block;color:inherit;-webkit-transition: all 0.3s;transition: all 0.3s;}
.foot-nav a:hover{color:var(--bs-logo-color);}
.foot-nav dt{font-size:16px;margin-bottom:20px;font-weight: 400;line-height:1;}
.foot-nav dt a{color:var(--bs-white);}
.foot-nav dd{margin:0;}
.foot-nav dd>a{margin-bottom:16px;line-height: 20px;}
.foot-nav dd>a:last-child{margin-bottom:0;}
.foot-nav dd>a:hover{opacity: 1;}

.foot-top-right{position: relative;}
.foot-top-right::before{content: '';position: absolute;width:1px;top:0;bottom:0;left:0;background:rgba(56,56,56,0.4);}
.foot-contact>.tit{font-size:16px;margin-bottom:20px;font-weight: 400;line-height:1;color:var(--bs-white);}
.foot-contact{margin-bottom:20px;position: relative;}
.foot-contact>p{position: relative;padding-left:48px;font-size:14px;line-height: 20px;margin-bottom:0;min-height:40px;}
.foot-contact>p + p{margin-top:15px;}
.foot-contact>p>img{position: absolute;width:38px;left:0;top:1px;}
.foot-contact>p>font{display: block;}
.foot-contact>p>font:first-of-type{}
.foot-contact>p>font + font{font-size:16px;color:var(--bs-white);}
.foot-ewm{display: flex;flex-direction: column;justify-content: space-between;}
.foot-ewm>.ewm>img{display: block;width:120px;margin:0 auto;box-shadow: 5px 11px 7px rgba(103,103,103,0.07);}
.foot-ewm>.ewm>span{display: block;text-align: center;margin-top:10px;font-size:14px;color:var(--bs-white);}
.platform-links{display: flex;flex-flow: row wrap;justify-content: center;}
.platform-links>a{display: block;width:30px;height:30px;border-radius: 50%;background:#999;margin-top:5px;margin-bottom:5px;transition: all 0.3s;}
.platform-links>a>img{display: block;width:100%;}
.platform-links>a + a{margin-left:15px;}
.platform-links>.albb1688:hover{background:#ee4823;}
.platform-links>.taobao:hover{background:#ff6600;}
.platform-links>.douyin:hover{background:#111111;}

.foot-bottom{border-top:1px solid rgba(56,56,56,0.8);}
.copyright{position: relative;line-height:24px;color:#a9a9a9;font-size:14px;padding:10px 0;opacity: 0.5;}
.copyright p{margin:0;}
.copyright a{display: inline-block;color:#a9a9a9;}
.copyright img,
.copyright a img{display:inline-block;vertical-align:middle;}
img.support{display:block;height:14px;vertical-align: -2px!important;}
@media (max-width:767px){
	.footer{padding-bottom:50px;}
	.copyright{text-align: center;font-size:12px;}
	img.support{height:12px;}
	.foot-nav{display: block;}
	.foot-nav>dl{margin-bottom:0;}
	.foot-nav>dl:nth-child(1) dt>a{border-top:1px dashed rgba(255,255,255,0.2);}
	.foot-nav dt{position: relative;margin-bottom:0;font-size:14px;}
	.foot-nav dt>a{line-height: 35px;border-bottom:1px dashed rgba(255,255,255,0.2);}
	.foot-nav dt>.icon{position: absolute;width:50%;height:100%;text-align: right;right:0;top:0;cursor: pointer;}
	.foot-nav dt>.icon>svg{position: absolute;right:0;top:50%;margin:0;margin-top:-8px;transition: all 0.3s;}
	.foot-nav dt>.icon[aria-expanded=true]>svg{transform: rotate(-180deg);}
	.foot-nav dd{overflow: hidden;border-bottom:1px dashed rgba(255,255,255,0.2);}
	.foot-nav dd>a{font-size:12px;margin-bottom:0;line-height: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.foot-nav dd>a:first-child{margin-top:10px;}
	.foot-nav dd>a:last-child{margin-bottom:10px;}
	
	.platform-links{display: none;}
}
@media (min-width:576px){
	.foot-top-right{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.foot-contact{margin-bottom:0;max-width:300px;}
}
@media (min-width:768px){
	.foot-top{padding-top:50px;padding-bottom:30px;}
	.foot-top-left{margin-bottom:0;}
	.foot-nav dt .icon{display: none;}
	.foot-nav dd.collapse:not(.show){display: block;}
	
	.foot-contact{padding-right:15px;margin-bottom: 20px;}
	.foot-contact>p + p{margin-top:20px;}
	.foot-ewm{padding-left:15px;}
	
	.copyright{padding:18px 0;display: flex;flex-flow: row wrap;justify-content: space-between;}
	.copyright p + p{margin-left:90px;}
}
@media (min-width:1200px){
	.foot-top{padding-top:75px;display: flex;justify-content: space-between;margin-left:-30px;margin-right:-30px;}
	.foot-top>div{padding-left:30px;padding-right:30px;}
	.foot-top-left{width:56.184211%;overflow: hidden;}
	.foot-top-right{width:43.815789%;}
	.foot-contact{margin-bottom:30px;}
	.foot-contact>p + p{margin-top:30px;}
}
@media (min-width:1400px){
	.foot-top{margin-left:-50px;margin-right:-50px;}
	.foot-top>div{padding-left:50px;padding-right:50px;}
	.foot-top-left{width:61.184211%;}
	.foot-top-right{width:38.815789%;}
}
@media (min-width:1600px){
	.foot-top{padding-top:95px;padding-bottom:50px;margin-left:-70px;margin-right:-70px;}
	.foot-top>div{padding-left:70px;padding-right:70px;}
	.foot-nav dt{font-size:18px;margin-bottom:30px;}
	
	.foot-contact>.tit{font-size:18px;margin-bottom:30px;}
	.foot-ewm>.ewm>span{font-size:16px;}
}

/* 手机端 */
.foot-bridge{position: fixed;width:100%;left:0;bottom:0;background:var(--bs-white);z-index: 100;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.foot-bridge .inner{display: flex;justify-content: space-between;align-items: center;padding:10px 15px;text-align: center;}
.foot-platform-links{display: flex;}
.foot-platform-links>a{display: block;width:30px;}
.foot-platform-links>a + a{margin-left:10px;}
.foot-platform-links>a>img{display: block;width:100%;}
.foot-tel>span{font-size:18px;display: flex;flex-flow:row wrap;align-items: center;color:#333;}
.foot-tel>span>img{margin-right: 8px;}
.foot-tel>span a + a {margin-left:24px;}

.fp-watermark{display: none!important;width:0;height:0;overflow: hidden;visibility: hidden;opacity: 0;position: fixed;bottom:0;right:0;}
#fp-nav.fp-left{left:10px;}
#fp-nav ul li, .fp-slidesNav ul li{width:16px;height:16px;margin:5px;}
#fp-nav ul li a, .fp-slidesNav ul li a{border-radius: 50%;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:6px;height:6px;border:2px solid var(--bs-white);background:var(--bs-white);box-shadow: 0 0 8px rgba(49,44,162,0.23);margin:-3px 0 0 -3px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:10px;height:10px;margin:-5px 0 0 -5px;background:transparent;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active{background:var(--bs-logo-color);}
#fp-nav ul li .fp-tooltip{text-transform: capitalize;color:var(--bs-logo-color);font-size:12px;}
#fp-nav ul li .fp-tooltip.fp-left{left:25px;top:0;}
#dowebok>.section{width:100%;height:100%;padding-top:60px;overflow-x:hidden;overflow-y: auto;position: relative;/* overflow: hidden;display: flex;flex-direction: column;justify-content: center; */background-repeat: no-repeat;background-position: center;background-size:cover;}
#dowebok>.section0,
#dowebok>.section1,
#dowebok>.section8{padding-top:0!important;display: block;}
#dowebok .container-inner{padding:15px 10px;margin-left:-10px;margin-right:-10px;overflow: hidden;}
.section8 .gotop{display: none;}
@media (max-width:767px){
	#fp-nav.fp-left{left:3px;display: none;}
	#dowebok>.section{padding-bottom:50px;}
	#dowebok>.section0,
	#dowebok>.section1,
	#dowebok>.section8{padding-bottom:0;}
}
@media (min-width:768px){
	#dowebok>.section{padding-top:70px;}
	#fp-nav{margin-top:55px;}
}
@media (min-width:992px){
	#dowebok>.section{padding-top:80px;}
}
@media (min-width:1200px){
	#fp-nav ul li, .fp-slidesNav ul li{width:20px;height:20px;margin:7px;}
	#fp-nav ul li a span, .fp-slidesNav ul li a span{width:10px;height:10px;margin:-5px 0 0 -5px;}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:14px;height:14px;margin:-7px 0 0 -7px;}
}
@media (min-width:1400px){
	#dowebok>.section{padding-top:100px;}
}
/* @media (min-width:992px) and (max-width:1499px) and (max-height:700px){
	.container{max-width:920px;}
}
@media (min-width:1500px) and (max-height:700px){
	.container{max-width:1120px;}
}
@media (min-width:1500px) and (min-height:701px) and (max-height:850px){
	.container{max-width:1260px;}
} */


.index-title-main{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom:35px;}
.index-title-main .index-title{margin-bottom:0;}
.index-title{margin-bottom:35px;}
.index-title .h2{font-size:24px;margin:0;font-weight: 600;line-height: 1;}
.index-title .p{font-size:13px;margin-top:10px;text-transform: uppercase;}
.index-title .line{width:45px;height:4px;background:var(--bs-logo-color);margin:20px 0 0;}

.public-href.text-center{display: flex;justify-content: center;}
.public-href>.more{position: relative;display: block;width:136px;height: 46px;font-size:16px;padding:0;border-radius: 25px;color:#333;background:transparent;border:2px solid #333333;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.public-href>.more>.icon{display: block;margin-left:8px;width:13px;height:11px;background-image: url(../images/icon/btn-arrow.png);background-size:auto;background-repeat: no-repeat;background-position: center;transition: all 0.3s;}
.public-href.white>.more{border-color:var(--bs-white);color:var(--bs-white);}
.public-href.white>.more>.icon{background-image: url(../images/icon/btn-arrow-w.png);}
.public-href>.more:hover{color:var(--bs-white);background:var(--bs-logo-color);border-color:var(--bs-logo-color);}
.public-href>.more:hover>.icon{background-image: url(../images/icon/btn-arrow-w.png);margin-left:15px;}
@media (max-width:767px){ 
	.fixedBg{background-size:cover;}
	.index-title-main-nav{display: block;}
	.index-title-main-nav .index-title{margin-bottom:20px;text-align: center;}
	.index-title-main-nav .index-title .line{margin-left:auto;margin-right:auto;}
	.index-title .line{margin-top:12px;height:3px;width:35px;}
	
	.public-href>.more{width:120px;height:40px;font-size:14px;}
}
@media (min-width:768px){
	.fixedBg{background-attachment: fixed;}
	.index-title-main{margin-bottom:40px;}
	.index-title{margin-bottom:40px;}
	.index-title .p{font-size:14px;}
}
@media (min-width:1200px){
	.index-title-main{margin-bottom:50px;}
	.index-title{margin-bottom:50px;}
	.index-title .h2{font-size:30px;}
	.index-title .p{font-size:16px;margin-top:15px;}
}
@media (min-width:1600px){
	.index-title .h2{font-size:34px;}
	.index-title .p{font-size:18px;}
}
@media (min-width:768px) and (max-height:850px){
	.section .index-title-main{margin-bottom:30px;}
	.section .index-title{margin-bottom:30px;}
}
@media (min-width:1200px) and (max-height:650px){
	.section .index-title .h2{font-size:28px;}
	.section .index-title .p{font-size:14px;margin-top:10px;}
}

.submenu-swiper .swiper{}
.submenu-nav{list-style:none;margin:0;padding:0;flex-wrap: nowrap;}
.submenu-nav .nav-item{width:auto;}
.submenu-nav .nav-item + .nav-item{margin-left:20px;}
.submenu-nav .nav-link{position: relative;font-size:14px;line-height:40px;color:#333;padding:0;background:transparent;border-radius: 5px;cursor: pointer;}
.submenu-nav .nav-link:after{content:"";width:0;height:2px;background-color:var(--bs-logo-color);position:absolute;left:0;bottom:0;-webkit-transition:all .3s;transition:all .3s}
.submenu-nav .nav-link.active,
.submenu-nav .nav-link:hover,
.submenu-nav .active .nav-link{color:var(--bs-logo-color);background:transparent;}
.submenu-nav .nav-link.active:after,
.submenu-nav .active .nav-link:after,
.submenu-nav .nav-link:hover:after{width:100%;}

.title-nav{margin-bottom:20px;}
.title-nav .swiper{}
.title-nav .submenu-nav .nav-item + .nav-item{margin-left:10px;}
.title-nav .submenu-nav .nav-link{padding:0 10px;}
.title-nav .submenu-nav .nav-link:after{display: none;}
.title-nav .submenu-nav .nav-item:last-child .nav-link{color:#999;font-size:16px;background:transparent}
.title-nav .submenu-nav .nav-item:last-child .nav-link:hover{color:var(--bs-logo-color);}
.title-nav .submenu-nav .nav-link.active,
.title-nav .submenu-nav .nav-link:hover,
.title-nav .submenu-nav .active .nav-link{color:var(--bs-white);background:var(--bs-logo-color);}

.public-swiper-button .swiper-button-prev,
.public-swiper-button .swiper-button-next{width:40px;height:40px;margin-top:-20px;background-repeat: no-repeat;background-size:auto 80%;opacity: 0.5;}
.public-swiper-button .swiper-button-prev{left:-40px;background-image: url(../images/icon/left-b.png);background-position: left center;}
.public-swiper-button .swiper-button-next{right:-40px;background-image: url(../images/icon/right-b.png);background-position: right center;}
.public-swiper-button .swiper-button-prev:hover{opacity: 1;}
.public-swiper-button .swiper-button-next:hover{opacity: 1;}
.public-swiper-button .swiper-button-prev::after,
.public-swiper-button .swiper-button-next::after{display: none;}
.public-swiper-button .swiper-button-disabled{opacity: 0.1;}
.public-outer-swiper{position: relative;}
.public-outer-swiper .swiper{position: static;}

.banner .public-swiper-button .swiper-button-prev{margin-top:30px;background-image: url(../images/icon/left-w.png);left:6%;}
.banner .public-swiper-button .swiper-button-next{margin-top:30px;background-image: url(../images/icon/right-w.png);right:6%;}

.public-more{position: relative;width:100px;text-align: center;line-height: 32px;border:1px solid #999;color:#999;margin:0 auto;transition: all .5s;}
.public-more::before{content: '';width: 0;height: 100%;background-color: var(--bs-logo-color);position: absolute;left: 0;top: 0;transition: all .5s;}
.public-more>span{position: relative;}
.href:hover .public-more{color: var(--bs-white);border-color:var(--bs-logo-color);}
.href:hover .public-more::before{width: 100%;}
@media (max-width:1450px){
	.public-outer-swiper{padding-left:40px;padding-right:40px;}
	.public-swiper-button .swiper-button-prev{left:0;}
	.public-swiper-button .swiper-button-next{right:0;}
}
@media (max-width:768px){

}
@media (min-width:768px){
	.submenu-nav .nav-item + .nav-item{margin-left:35px;}
	.submenu-nav .nav-link{font-size:16px;}
	.title-nav .submenu-nav .nav-item + .nav-item{margin-left:40px;}
}
@media (min-width:1200px){
	.submenu-nav .nav-item + .nav-item{margin-left:50px;}
	.submenu-nav .nav-link{font-size:18px;line-height:46px;}
	.title-nav{margin-bottom:40px;}
	.title-nav .submenu-nav .nav-item + .nav-item{margin-left:60px;}
	.title-nav .submenu-nav .nav-link{padding:0 15px;}
}
@media (min-width:1451px){
	.public-swiper-button .swiper-button-prev,
	.public-swiper-button .swiper-button-next{width:50px;height:50px;margin-top:-25px;background-size:auto 100%;}
	.public-swiper-button .swiper-button-prev{left:-50px;}
	.public-swiper-button .swiper-button-next{right:-50px;}
	
	#dowebok .section3 .container-inner,
	#dowebok .section4 .container-inner,
	#dowebok .section7 .container-inner{margin-left:-60px;margin-right:-60px;}
	.section3 .public-outer-swiper,
	.section4 .public-outer-swiper,
	.section7 .public-outer-swiper{padding-left:50px;padding-right:50px;}
	.section3 .public-swiper-button .swiper-button-prev,
	.section4 .public-swiper-button .swiper-button-prev,
	.section7 .public-swiper-button .swiper-button-prev{left:0;}
	.section3 .public-swiper-button .swiper-button-next,
	.section4 .public-swiper-button .swiper-button-next,
	.section7 .public-swiper-button .swiper-button-next{right:0}
}
@media (min-width:1800px){
	.title-nav .submenu-nav .nav-item + .nav-item{margin-left:80px;}
}


/* 第一屏 */
.index-video>video{display: block;width:100%;height:100%;background:var(--bs-white);object-fit: cover;}

/*banner*/
.banner{position: relative;}
.banner .swiper,
.banner .swiper-wrapper{width:100%;height:100%;}
.banner .img-bg{width:100%;height:100%;background-size:cover;background-repeat: no-repeat;background-position: center;}
.banner-text{position:absolute;width:100%;left:0;right:0;top:50%;z-index: 2;color:var(--bs-white);transform: translateY(-50%);}
.banner-text>img{display: block;width:100%;margin:0 auto;}
.banner-text .container{position: relative;max-width:90%;}
.banner-text h2{font-size:20px;margin-bottom:20px;}
.banner-text .p{font-size:12px;}
.banner-text .p strong{display: block;}
.banner-text .p strong>br{display: block;}
.banner-text .p>span{position: relative;}
.banner-text .p .line{position:absolute;width:90px;height:2px;background:rgba(255,255,255,0.5);left:100%;top:50%;margin-top:1px;margin-left:10px;}
.banner-text .p .line::before{content: '';position:absolute;width:33.333333%;height:100%;left:0;top:0;background:var(--bs-white);}
.banner-text h2 + .p{margin-bottom:30px;}
.banner-text .public-href + .p{margin-top:30px;}
.banner1 .banner-text .img{width:43.692308%;position: absolute;right:0;top:50%;transform: translateY(-50%);}

.banner-text h2,
.banner-text .p,
.banner-text .public-href,
.banner-text .public-href + .p{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;}
.banner-text .p{transition-delay: 0.2s;}
.banner-text .public-href{transition-delay: 0.3s;}
.banner-text .public-href + .p{transition-delay: 0.4s;}

.swiper-slide-active .banner-text h2,
.swiper-slide-active .banner-text .p,
.swiper-slide-active .banner-text .public-href,
.swiper-slide-active .banner-text .public-href + .p{opacity:1;-webkit-transform:none;transform:none;}

.banner .swiper-pagination{bottom:60px;}
.swiper-pagination-bullet{position: relative;width:20px;height:10px;margin:0 5px!important;background:transparent;opacity: 1;overflow: hidden;border-radius: 0;}
.swiper-pagination-bullet:before{content: '';position: absolute;width:100%;height:2px;top:4px;left:0;background:var(--bs-white);opacity: 0.5;}
.swiper-pagination-bullet-active:before{opacity: 1;background:var(--bs-logo-color);}
.swiper-pagination.swiper-pagination-static{position: static;margin-top:25px;}
.swiper-pagination.swiper-pagination-lock{margin-top:0;}
.swiper-pagination.black .swiper-pagination-bullet:before{background:#d1d1d1;}
.swiper-pagination.black .swiper-pagination-bullet-active:before{background:var(--bs-logo-color);}


.videoBox{position: absolute;width:100%;height:100%;left:0;top:0;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.33);}
.videoBox:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.25);z-index: 1;display: none;}
.videoBox video{position: relative;display: none;width:100%;height:100%;object-fit: contain;background:#000;}
.playBtn{position: absolute;width:100%;height:100%;left:0;top:0;z-index: 2;cursor: pointer;background:rgba(0,0,0,0.1)}
.playBtn .icon{position: absolute;width:40px;height:40px;background-image: url(../images/icon/play.png);background-position: 50%;background-repeat: no-repeat;background-size: 100%;left:50%;top:50%;margin-left:-20px;margin-top:-20px;}
.playBtn:hover .icon{-webkit-animation: bounce 1.5s linear;animation: bounce 1.5s linear;}

.banner .videoBox{border-radius: 0;box-shadow: none;}
.banner .videoBox:after{display: block;}
#bannerVideo{display: block;object-fit: cover;}
@media (max-width:1400px){
	.banner-text .p br{display: none;}
}
@media (max-width:767px){
	.videoBox{box-shadow: 0 5px 15px rgba(0,0,0,0.33);}
	#bannerVideo{opacity: 0;-webkit-transition:all 0.5s;transition:all 0.5s;}
	.play #bannerVideo{opacity: 1;}
	.banner .public-swiper-button{display: none;}
	
	.banner-text{transform: none;top:20%;}
	.banner-text .p .line{display: none;}
	.banner1 .banner-text .img{position: static;transform: none;width:60%;margin:20px auto 0;}
}
@media (min-width:768px){
	.swiper-pagination-bullet{width:30px;}
	.swiper-pagination.swiper-pagination-static{margin-top:40px;}
	
	.playBtn .icon{width:56px;height:56px;margin-left:-28px;margin-top:-28px;}
	.banner .playBtn{display: none;}
	.banner .swiper-pagination{bottom:30px;}
	.banner-text{margin-top:55px;}
	.banner-text .container{max-width:70%;}
	.banner-text .text{max-width:50%;}
}
@media (min-width:1200px){
	.swiper-pagination-bullet{width:45px;height:14px;}
	.swiper-pagination-bullet:before{height:4px;top:5px;}
	
	
	.banner-text h2{font-size:32px;}
	.banner-text .p{font-size:14px;}
	.banner-text h2 + .p{margin-bottom:30px;}
	.banner-text .public-href + .p{margin-top:40px;}
	.banner-text .p .line{width:120px;}
}
@media (min-width:1600px){
	.banner-text h2{font-size:40px;}
}
@media (min-width:1800px){
	.banner-text h2{font-size:44px;}
	.banner-text .p{font-size:16px;}
	.banner-text h2 + .p{margin-bottom:40px;}
	.banner-text .public-href + .p{margin-top:50px;}
	.banner-text .p .line{width:150px;}
}
@media (max-width:767px) and (orientation:landscape){
	.banner-text{top:30%;}
	.banner .swiper-pagination{bottom:10px;}
}

/* 首页 - 关于我们 */
.index-about .index-title{margin-bottom:0;}
.index-about .index-title .h2{line-height: 1.3;}
.index-about-row{margin:0;align-items: flex-end;}
.index-about-row>div{padding:0;}
.index-about-row .InfoContent{margin:20px 0 30px;}

.index-about-row .fonts{position: absolute;left:0;top:29.620853%;font-family: 'OPPOSans-M';font-size:60px;color:var(--bs-white);text-shadow:-3px 0 8px rgba(0,0,0,0.06);padding:0 30px;display: flex;align-items: center;line-height: 1;}
.index-about-row .fonts>font{}
.about-data{margin-top:-30px;padding-top:50px;}
.about-data .column{margin-top:30px;}
.about-data .num{font-size:16px;font-weight: 600;line-height: 1;color:var(--bs-logo-color);transition: all 0.3s;}
.about-data .num>span{font-size:30px;line-height: inherit;}
.about-data p{font-size:14px;color:#666;margin:15px 0 0;max-width:230px;}
.about-data .inner:hover .num{color:var(--bs-logo-color);text-shadow:-12px 0 0 rgba(0,0,0,0.06);}
.row.index-about-data{padding-top:8vh;}
.row.index-about-data .num{color:#333;}

.section2 .index-title,
.section2 .InfoContent,
.section2 .public-href,
.section2 .img,
.index-about-data .column{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;}
.section2 .fonts>font{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(15deg);transform:translate3d(100%,0,0) rotate(15deg);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;transform-origin: left bottom;}

.section2 .InfoContent{transition-delay: 0.2s;}
.section2 .public-href{transition-delay: 0.4s;}
.section2 .img{transition-delay: 0.3s;}
.section2 .index-about-data .column:nth-child(1){transition-delay: 0.5s;}
.section2 .index-about-data .column:nth-child(2){transition-delay: 0.6s;}
.section2 .index-about-data .column:nth-child(3){transition-delay: 0.7s;}
.section2 .index-about-data .column:nth-child(4){transition-delay: 0.8s;}
.section2 .index-about-data .column:nth-child(5){transition-delay: 0.9s;}
.section2 .index-about-data .column:nth-child(6){transition-delay: 1.0s;}
.section2 .fonts>font:nth-child(1){transition-delay: 0.5s;}
.section2 .fonts>font:nth-child(2){transition-delay: 0.6s;}
.section2 .fonts>font:nth-child(3){transition-delay: 0.7s;}
.section2 .fonts>font:nth-child(4){transition-delay: 0.8s;}
.section2 .fonts>font:nth-child(5){transition-delay: 0.9s;}
.section2 .fonts>font:nth-child(6){transition-delay: 1.0s;}
.active.section2 .index-title,
.active.section2 .InfoContent,
.active.section2 .public-href,
.active.section2 .img,
.active.section2 .index-about-data .column,
.active.section2 .fonts>font{opacity:1;-webkit-transform:none;transform:none;}
@media (max-width:991px){
	.index-about-row .right{display: none;}
	.index-about-row .left{width:100%;}
}
@media (max-width:767px){
	.index-about-data{display: none;}
}
@media (min-width:768px){
	.index-about-row .InfoContent{max-height:100px;}
	.about-data{padding-top:60px;}
	.about-data .num{font-size:20px;}
}
@media (min-width:992px){
	.index-about-row .InfoContent{max-height:125px;}
	.index-about-row .left{width:calc(100% - 400px);padding-right:6%;}
	.index-about-row .right{width:400px;}
}
@media (min-width:1200px){
	.index-about-row .left{width:calc(100% - 500px);}
	.index-about-row .right{width:500px;}
	.index-about-row .fonts{font-size:70px;}
	
	.about-data{padding-top:70px;}
	.about-data .num{font-size:24px;}
	.about-data .num>span{font-size:44px;}
	.about-data p{font-size:16px;}
}
@media (min-width:1600px){
	.index-about .index-title .line{margin-top:40px;}
	.index-about-row .left{width:calc(100% - 590px);padding-right:12%;}
	.index-about-row .right{width:590px;}
	.index-about-row .InfoContent{margin:30px 0 50px;}
	.index-about-row .fonts{font-size:80px;}
}
@media (min-width:1600px){
	.about-data .num>span{font-size:54px;}
}
@media (min-width:1200px) and (max-height:650px){
	.index-about-row .right{display: none;}
	.index-about-row .left{width:100%;padding-right:0;}
	.index-about-row .InfoContent{max-height:84px;}
	.section2 .about-data .num{font-size:20px;}
	.section2 .about-data .num>span{font-size:30px;}
	.section2 .about-data p{font-size:14px;}
	.index-about-row .InfoContent{margin:20px 0 30px;}
}
@media (min-width:1200px) and (min-height:651px){
	.index-about-row .InfoContent{max-height:none;}
}
@media (min-width:1200px) and (min-height:651px) and (max-height:850px){
	.index-about-row .left{padding-right:6%;}
}

/* 首页 - 产品中心 */
.index-product .index-title{margin-bottom:20px;}
.index-product-list .swiper{padding:15px;margin:-15px;}
.index-product-list .swiper-slide{height:auto;}
.product-list.row{margin-left:-12px;margin-right:-12px;}
.product-list.row .column{padding-left:12px;padding-right:12px;margin-bottom:30px;}
.product-list .href{display: block;background:var(--bs-white);height:100%;overflow: hidden;box-shadow: 2px 3px 5px rgba(103,103,103,0.1);}
.product-list .text{padding:15px 15px 25px;text-align: center;}
.product-list .h3{font-size:16px;line-height: 1.1;}
.product-list .p{line-height: 24px;height:48px;color:#868686;margin:20px 0;}
.product-list .h3 + .public-more{margin-top:20px;}
.product-list .href:hover .h3{color:var(--bs-logo-color);}

.section3 .index-title,
.section3 .index-product-list .href,
.section3 .title-nav{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;}
.index-product-list .swiper-slide:nth-child(1) .href{transition-delay: 0.3s;}
.index-product-list .swiper-slide:nth-child(2) .href{transition-delay: 0.4s;}
.index-product-list .swiper-slide:nth-child(3) .href{transition-delay: 0.5s;}
.index-product-list .swiper-slide:nth-child(4) .href{transition-delay: 0.6s;}
.section3 .title-nav{transition-delay: 0.2s;}
.active.section3 .index-title,
.active.section3 .index-product-list .href,
.active.section3 .title-nav{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}
@media (max-width:575px){
	.index-product-list,
	.index-solution-list,
	.index-news-list{max-width:360px;margin-left:auto;margin-right:auto;}
}
@media (min-width:768px){
	.index-product .index-title{margin-bottom:30px;}
	.product-list .href{box-shadow: 3px 5px 11px rgba(103,103,103,0.1);}
}
@media (min-width:1200px){
	.index-product .index-title{margin-bottom:40px;}
	.product-list .h3{font-size:18px;}
	
}
@media (min-width:1600px){
	.product-list .text{padding:20px 25px 40px;}
	.product-list .h3 + .public-more{margin-top:30px;}
}
@media (min-width:1200px) and (max-height:850px){
	.index-product .title-nav{margin-bottom:30px;}
	.index-product .index-title{margin-bottom:20px;}
	.index-product-list .product-list .h3{font-size:16px;}
}

/* 首页 - 解决方案 */
.section-public-href{margin-top:30px;}
.index-solution-list .swiper{padding:15px;margin:-15px;}
.index-solution-list .swiper-slide{height:auto;}
.index-solution-list .href{display: block;padding:10px;background:var(--bs-white);height:100%;overflow: hidden;box-shadow: 2px 3px 5px rgba(103,103,103,0.1);}
.index-solution-list .text{padding:20px 0 10px;text-align: center;}
.index-solution-list .h3{font-size:16px;margin:0;}
.index-solution-list .p{margin:10px 0 15px;font-size:14px;line-height:24px;height:48px;color:#868686;-webkit-line-clamp:2;}
.index-solution-list .img::after{content: '';display: block;padding-top:65%;}
.index-solution-list .img>img{position: absolute;width:100%;height:100%;left:0;top:0;object-fit: cover;}

.section4 .index-title,
.index-solution-list .href,
.section4 .section-public-href{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;}
.index-solution-list .swiper-slide:nth-child(2) .href{transition-delay: 0.2s;}
.index-solution-list .swiper-slide:nth-child(3) .href{transition-delay: 0.3s;}
.section4 .section-public-href{transition-delay: 0.5s;}
.active.section4 .index-title,
.active.section4 .index-solution-list .href,
.active.section4 .section-public-href{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}
@media (max-width:767px){
	.index-solution-list .img::after{padding-top:55%;}
}
@media (min-width:768px){
	.index-solution-list .href{box-shadow: 3px 5px 11px rgba(103,103,103,0.1);}
}
@media (min-width:992px){
	
}
@media (min-width:1200px){
	.index-solution-list .h3{font-size:18px;}
	.index-solution-list .href{padding:15px;}
	.index-solution-list .p{height:72px;-webkit-line-clamp:3;margin:15px 0 20px;}
	.index-solution-list .text{padding:30px 0 20px;}
}
@media (min-width:1600px){
	.index-solution-list .h3{font-size:20px;}
	.index-solution-list .p{font-size:16px;}
	
	.section-public-href{margin-top:50px;}
}
@media (min-width:992px) and (max-height:650px){
	.index-solution-list .p{display: none;}
	.index-solution-list .public-more{margin-top:15px;}
	.index-solution-list .img::after{padding-top:60%;}
}
@media (min-width:1200px) and (max-height:650px){
	#dowebok .section:not(.section8) .container{max-width:920px;}
	.index-solution-list .p{display: block;font-size:14px;margin:10px 0 15px;-webkit-line-clamp:2;height:24px;}
	.index-solution-list .text{padding:20px 0 10px;}
	.index-solution-list .h3{font-size:16px;}
	.index-solution-list .img::after{padding-top:48%;}
	
	.section-public-href{margin-top:30px;}
}
@media (min-width:1200px) and (min-height:651px) and (max-height:850px){
	#dowebok .section:not(.section8) .container{max-width:1120px;}
	.index-solution-list .p{margin:10px 0 15px;-webkit-line-clamp:2;height:48px;}
	.index-solution-list .img::after{padding-top:50%;}
	.index-solution-list .text{padding:20px 0 10px;}
	.index-solution-list .h3{font-size:18px;}
	.index-solution-list .img::after{padding-top:56%;}
	
	.section-public-href{margin-top:30px;}
}

/* 首页 - 公司优势 */
.index-adv-list{max-width:720px;margin:-15px auto 5px;}
.index-adv-list .swiper{padding:15px 0;}
.index-adv-list .swiper-button-prev{left:0;}
.index-adv-list .swiper-button-next{right:0;}
.index-adv-list .swiper-button-prev,
.index-adv-list .swiper-button-next{width:31%;height:100%;margin:0;top:0;opacity: 0;}
.index-adv-list .swiper-slide{transform: translateX(104%) scale(0.8);z-index: 1;}
.index-adv-list .swiper-slide-prev{transform: translateX(50%) scale(0.9);z-index: 2;}
.index-adv-list .swiper-slide-active{transform: none;z-index: 3;box-shadow: 0 2px 15px rgba(0,0,0,0.45);}
.index-adv-list .swiper-slide-next{transform: translateX(-50%) scale(0.9);z-index: 2;}
.index-adv-list .swiper-slide-next + .swiper-slide{transform: translateX(-104%) scale(0.8);z-index: 1;}

.index-honor-list .swiper-slide{height:auto;}
.index-honor-list .href{height:100%;position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: center;background-color:var(--bs-white);}
.index-honor-list .img{cursor: pointer;}
.index-honor-list .img:after{content: '';position: absolute;width:100%;height:40%;left:0;bottom:0;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));transition: all 0.5s;}
.index-honor-list p{position: absolute;width:100%;margin:0;padding:10px;font-size:14px;font-weight:500;left:0;bottom:0;text-align: center;color:var(--bs-white);z-index: 2;text-shadow: 0 0 10px rgba(0,0,0,0.1);transition: all 0.5s;opacity: 0;}
.index-honor-list .href:hover p{opacity: 0;}
.index-honor-list .href:hover .img:after{opacity: 0;}
.index-honor-list .href:hover .img>img{transform: none;}
.index-honor-list .swiper-slide-active p{opacity: 1;}

#lightGallery-outer{background-color:rgba(0,0,0,0.6)!important;}
#lightGallery-Gallery .thumb_cont .thumb_info .count{opacity:0}
#lightGallery-outer #lightGallery-close{width:40px;height:40px;line-height:40px;top:30px;right:30px;background:var(--bs-logo-color);color:var(--bs-white);opacity: 1;transition: all 0.5s;}
#lightGallery-outer #lightGallery-close:after{font-size:20px;font-weight:lighter}
#lightGallery-outer #lightGallery-close:hover{background:var(--bs-logo-color);color:var(--bs-white);transform: rotate(360deg);}
#lightGallery-outer #lightGallery-action{margin-left:-33px;}
#lightGallery-outer #lightGallery-action a:hover, #lightGallery-action a:focus{background:var(--bs-logo-color);}
#lightGallery-outer #lightGallery-action .cLthumb{display: none!important;}
#lightGallery-outer #lightGallery-Gallery .thumb_cont .thumb_info .close{opacity: 1;}

.section5 .index-title,
.index-adv-list,
.section5 .section-public-href{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;}
.index-adv-list{transition-delay: 0.2s;}
.section5 .section-public-href{transition-delay: 0.4s;}
.active.section5 .index-title,
.active.section5 .index-adv-list,
.active.section5 .section-public-href{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}
@media (min-width:768px){
	.index-honor-list p{font-size:16px;padding:15px 10px;}
}
@media (min-width:1200px){
	.index-adv-list{max-width:940px;}
	.index-honor-list p{font-size:18px;padding:20px 10px;}
}
@media (min-width:1200px) and (max-height:650px){
	.index-adv-list{max-width:520px;}
}
@media (min-width:1600px) and (max-height:790px){
	.index-adv-list{max-width:620px;}
}

/* 首页 - 合作伙伴 */
.index-partner-main{box-shadow: 0 0 8px rgba(0,0,0,0.1);background:var(--bs-white);padding:6.5% 8.5%;}
.index-partner-main .swiper{margin:-10px 0;}
.index-partner-list .href{position: relative;display: block;overflow: hidden;}
.index-partner-list .img{background:var(--bs-white);border:1px solid var(--bs-white);margin:10px 0;}
.index-partner-list .img>img{width:auto;max-width:100%;margin:0 auto;}
.index-partner-list .img:hover{border-color:#eee;}
.index-partner-main .swiper-grid-column>.swiper-wrapper{flex-direction: row;}
.index-partner-main .swiper-slide{height:auto;}
.index-partner-main .swiper-pagination{position: static;}
.index-partner-main .swiper-pagination-bullet:before{background:rgba(0,0,0,0.5);}
.index-partner-main .swiper-pagination-bullet-active::before{background:var(--bs-logo-color);}

.section6 .index-title,
.index-partner-main,
.section6 .section-public-href{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;}
.index-partner-main{transition-delay: 0.2s;}
.section6 .section-public-href{transition-delay: 0.4s;}
.active.section6 .index-title,
.active.section6 .index-partner-main,
.active.section6 .section-public-href{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}
@media (min-width:768px){
	.index-partner-main{padding-top:4.5%;padding-bottom:4.5%;}
}
@media (min-width:1200px){
	.index-partner-main{padding-bottom:3.5%;}
	.index-partner-main .swiper-pagination{margin-top:20px;}
}


/* 首页 - 新闻中心 */
.index-news-list .swiper{padding:15px;margin:-15px;}
.index-news-list .swiper-slide{height:auto;}
.news-list.row{margin-left:-10px;margin-right:-10px;margin-top:-40px;}
.news-list.row .column{padding-left:10px;padding-right:10px;margin-top:40px;}
.news-list .href{display: block;background:var(--bs-white);height:100%;overflow: hidden;box-shadow: 2px 3px 5px rgba(103,103,103,0.1);}
.news-list .text{padding:20px 15px;}
.news-list .h3{font-size:16px;margin:0;}
.news-list .p{font-size:14px;margin:10px 0 15px;height:60px;line-height:20px;color:#868686;}
.news-list .date{font-size:14px;color:#cacaca;line-height:16px;background:url(../images/icon/i6.png) no-repeat left center;background-size:auto;padding-left:22px;}
.news-list .img::after{content: '';display: block;padding-top:50.435%;}
.news-list .img>img{position: absolute;width:100%;height:100%;left:0;top:0;object-fit: cover;}
.news-list.row .text{padding-left:0;padding-right:0;}
.news-list.row .href{border-bottom:1px solid #ededed;box-shadow: none;transition: all 0.3s;}
.news-list.row .href:hover{border-bottom-color:var(--bs-logo-color);}
.index-news-list .news-list .date{margin-bottom:8px;}


.section7 .index-title,
.section7 .index-news-list .href,
.section7 .section-public-href{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition: opacity 1.5s ease .1s, transform 1.5s ease .1s;}
.index-news-list .swiper-slide:nth-child(2) .href{transition-delay: 0.2s;}
.index-news-list .swiper-slide:nth-child(3) .href{transition-delay: 0.3s;}
.section7 .section-public-href{transition-delay: 0.5s;}
.act.section7 .index-title,
.act.section7 .index-news-list .href,
.act.section7 .section-public-href{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}
@media (max-width:767px){
	.index-news-list .news-list .p{height:40px;-webkit-line-clamp:2;}
}
@media (min-width:768px){
	.news-list .href{box-shadow: 3px 5px 11px rgba(103,103,103,0.1);}
	.news-list .h3{font-size:18px;}
	.news-list .p{margin:20px 0 30px;}
}
@media (min-width:992px){
	.news-list .p{height:72px;line-height:24px;}
}
@media (min-width:1200px){
	.news-list .h3{font-size:20px;}
	.news-list .text{padding:25px 20px;}
}
@media (min-width:1600px){
	.news-list .text{padding:35px 30px;}
}
@media (min-width:992px) and (max-height:650px){
	.index-news-list .news-list .p{line-height:20px;height:40px;-webkit-line-clamp:2;margin:10px 0 20px;}
}
@media (min-width:1200px) and (max-height:650px){
	.index-news-list .news-list .text{padding:20px;}
	.index-news-list .news-list .date{margin-bottom:0;}
	.index-news-list .news-list .h3{font-size:18px;}
	.index-news-list .news-list .img::after{padding-top:46.435%;}
	
}
@media (min-width:1400px) and (max-height:650px){
	.index-news-list .news-list .p{height:20px;}
}


@media (max-width:767px){
	.section8 .foot-top-left{display: none;}
	.section8 .foot-bridge{display: none!important;}
}
@media (min-width:768px) and (max-width:1199px) and (max-height:650px){
	.section8 .foot-top-left{display: none;}
}
/* 横屏 */
@media (max-width:767px) and (orientation:landscape){
	.section8 .foot-top{display: none;}
}

/*内页*/
.inside-banner{width:100%;overflow:hidden;position:relative;display: flex;flex-direction: column;justify-content: center;}
.inside-banner::after{content: '';display: block;height:200px;}
.inside-banner>img{position: absolute;width:100%;height:100%;object-fit: cover;left:0;top:0;transition:all .5s;}

.pager{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:40px -5px 0;list-style: none;padding:0;}
.pager li{padding:0 5px;margin:5px 0;font-size:16px;font-family: 'OPPOSans-M';}
.pager li>a,.pager li>span{display: block;background-color:transparent;color:#333;border:none;border-radius:0;padding:0;margin:0;width:30px;line-height:36px;text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.pager .next>a,.pager .next>span,
.pager .previous>a,.pager .previous>span{position: relative;width:36px;height:36px;border-radius: 50%;border:1px solid #b2b2b2;font-size:20px;color:#7a7a7a;display: flex;justify-content: center;align-items: center;}
.pager .next>a:after,.pager .next>span:after{content: 'next';font-size:12px;font-weight: 700;font-family: 'swiper-icons';}
.pager .previous>a:before,.pager .previous>span:before{content: 'prev';font-size:12px;font-weight: 700;font-family: 'swiper-icons';}
.pager .active>a,.pager li>a:hover{color:var(--bs-logo-color);background-color:transparent;}
.pager .next>span,.pager .previous>span{border-color:#bebebe;color:#333;}
.pager .next>a:hover{border-color:var(--bs-logo-color);background-color:transparent;}
.pager .previous>a:hover{border-color:var(--bs-logo-color);background-color:transparent;}
@media (max-width:991px){
	.pager li{font-size:14px;}
}
@media (min-width:768px){
	.pager{margin-top:50px;}
	.inside-banner::after{height:300px;}
}
@media (min-width:1200px){
	.pager li>a,.pager li>span{width:40px;line-height:50px;}
	.pager .next>a,.pager .next>span,
	.pager .previous>a,.pager .previous>span{width:50px;height:50px;}
	.pager .next,.pager .previous{margin-left:10px;margin-right:10px;}
}
@media (min-width:1600px){
	.inside-banner::after{height:500px;}
}


/* 详情 */
.details-title{position: relative;padding-bottom:20px;border-bottom:1px solid #ededed;margin-bottom:40px;}
.details-title .h2{font-size:20px;color:#333;line-height:1.4;margin-bottom:0;}
.details-title .time{color:#999;font-size:12px;margin:10px -8px 0;font-family: 'OPPOSans-M';}
.details-title .time span{padding:0 8px;}

.details-other{position: relative;padding:30px 0;border-top:1px solid #ededed;border-bottom:1px solid #ededed;margin-top:50px;}
.goBack{position: absolute;display: block;text-transform:uppercase;color:var(--bs-logo-color);font-weight:700;font-size:16px;text-align: center;line-height:32px;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transition:all 0.5s;transition: all 0.5s;}
.goBack>span{display: block;-webkit-transition:all 0.5s;transition: all 0.5s;}
.goBack:after{content: '';position: absolute;width:32px;height:32px;background:var(--bs-logo-color) url(../images/icon/fanhui-white.png) no-repeat center;border-radius: 50%;left:50%;top:50%;margin-left:-16px;margin-top:-16px;opacity: 0;-webkit-transition:all 0.5s;transition: all 0.5s;}
.goBack:hover{color:var(--bs-logo-color);}
.goBack:hover>span{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.goBack:hover:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.info-previous-next-wrap{font-size:14px;overflow: hidden;}
.info-previous-next-wrap a{display: block;position: relative;line-height: 32px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all 0.5s;transition: all 0.5s;}
.info-previous-next-wrap .swiper-button-black{position:absolute;width:32px;height:32px;padding:2px;top:50%;margin-top:-15px;color:#7a7a7a;border-radius: 50%;-webkit-transition:all 0.5s;transition: all 0.5s;}
.info-previous-next-wrap .swiper-button-black:after{font-size:14px;}
.info-Previous>a{padding-left:32px;}
.info-Previous>a>.swiper-button-black{left:0;justify-content: flex-start;}
.info-Next>a{padding-right:32px;}
.info-Next>a>.swiper-button-black{right:0;justify-content: flex-end;}
.info-previous-next-wrap a:hover{color:var(--bs-logo-color)}
.info-previous-next-wrap a:hover .swiper-button-black{color:var(--bs-logo-color);}
@media (max-width: 991px) {
	.details-other{padding-right:140px;padding-top:20px;padding-bottom:20px;}
	.info-previous-next-wrap a{display: flex;}
	.info-previous-next-wrap a>span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.info-previous-next-wrap .swiper-button-black{flex: 0 0 auto;position: static;width:auto;height:auto;margin:0;border-radius: 0;}
	.info-previous-next-wrap .swiper-button-black::after{font-size:inherit;color:#666;}
	.info-previous-next-wrap .swiper-button-prev::after{content: '上一条：';}
	.info-previous-next-wrap .swiper-button-next::after{content: '下一条：';}
	.info-Previous>a{padding-left:0;}
	.info-Next>a{padding-right:0;}
	.goBack{left:auto;right:0;top:50%;transform: translate(0,-50%);}
	
}
@media (max-width: 767px) {
	.details-other{padding-right:0;}
	.goBack{position: relative;margin:0 auto 20px;transform: none;}
}
@media (min-width:768px){
	.details-title .h2{font-size:24px;}
	.info-previous-next-wrap{font-size:16px;}
}
@media (min-width:992px){
	.info-previous-next-wrap{display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;}
	.info-Next,.info-Previous{max-width:40%;}
}
@media (min-width:1200px){
	.details-title .time{font-size:14px;margin-top:20px;}

	.goBack{line-height:42px;}
	.goBack:after{width:42px;height:42px;margin-left:-21px;margin-top:-21px;}
}


/* 解决方案 */
.solution-list.row{margin-left:-10px;margin-right:-10px;margin-top:-30px;}
.solution-list .column{padding-left:10px;padding-right:10px;margin-top:30px;}
.solution-list .href{display: block;height:100%;overflow: hidden;background:var(--bs-white);transition: all 0.3s;box-shadow: 0 2px 5px rgba(0, 0, 0, .08);}
.solution-list .text{position: relative;padding:20px 15px;padding-right:45px;transition: all 0.3s;}
.solution-list .h3{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.solution-list .p{margin-top:10px;color:#868686;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.solution-list .more{position: absolute;right:-30px;top:50%;margin-top:-15px;width:30px;height:30px;color:var(--bs-white);border-radius: 50%;background-color:var(--bs-logo-color);transition: all 0.3s;}
.solution-list .more:after{font-size:14px;}
.solution-list .href:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, .08);}
.solution-list .href:hover .img>img{transform: scale(1.1);}
.solution-list .href:hover .h3{color:var(--bs-logo-color);}
.solution-list .href:hover .more{right:15px;}
.solution-list .img::after{content: '';display: block;padding-top:65%;}
.solution-list .img>img{position: absolute;width:100%;height:100%;left:0;top:0;object-fit: cover;}
@media (min-width:768px){
	.solution-list.row{margin-left:-15px;margin-right:-15px;margin-top:-50px;}
	.solution-list .column{padding-left:15px;padding-right:15px;margin-top:50px;}
	.solution-list .text{padding:25px 20px;padding-right:70px;}
}
@media (min-width:1200px){
	.solution-list .h3{font-size:18px;}
}


/* 产品中心 */
.sidebar-nav{}
.sidebar-submenu{border:1px solid #ededed;}
.sidebar-submenu,
.sidebar-submenu ul{list-style: none;padding:0;}
.sidebar-submenu a>.icon{position: absolute;width:100%;height:100%;left:0;top:0;display: block;}
.sidebar-submenu a>.icon:before,
.sidebar-submenu a>.icon:after{content: '';position: absolute;display: block;-webkit-transition: all 0.5s;transition: all 0.5s;}
.sidebar-submenu li{-webkit-transition: all 0.5s;transition: all 0.5s;}
.sidebar-submenu li>a{position: relative;display: block;padding:10px;padding-right:35px!important;line-height:30px;border-bottom:1px solid #ededed;background-color:transparent;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.sidebar-submenu>li>a{font-size:16px;color:#333;}
.sidebar-submenu>li>a>.icon:before{width:13px;height:1px;right:15px;top:25px;background:#333;}
.sidebar-submenu>li>a>.icon:after{width:1px;height:13px;right:21px;top:19px;background:#333;}
.sidebar-submenu>li>a:focus,
.sidebar-submenu>li>a:hover,
.sidebar-submenu>li.active>a{background-color:transparent;color:var(--bs-logo-color);}
.sidebar-submenu>li>a:focus>.icon:before,
.sidebar-submenu>li>a:hover>.icon:before,
.sidebar-submenu>li.active>a>.icon:before,
.sidebar-submenu>li>a:focus>.icon:after,
.sidebar-submenu>li>a:hover>.icon:after,
.sidebar-submenu>li.active>a>.icon:after{background:var(--bs-logo-color);}

.two-submenu{display: none;}
.two-submenu a:before{content: '';position: absolute;width:5px;height:5px;border-radius: 50%;top:23.5px;background:#999;-webkit-transition: all 0.5s;transition: all 0.5s;}
.two-submenu>li>a{padding-left:30px;font-size:14px;color:#888;}
.two-submenu>li>a:before{left:20px;}
.two-submenu>li>a>.icon:before{width:10px;height:10px;border-top:1px solid #666;border-right:1px solid #999;transform: rotate(45deg);right:17px;top:20px;}
.two-submenu>li>a>.icon:after{display: none;}
.two-submenu>li>a:hover,
.two-submenu>.active>a{color:var(--bs-logo-color);}
.two-submenu>li>a:hover:before,
.two-submenu>.active>a:before{background:var(--bs-logo-color);}
.two-submenu>li>a:hover>.icon:before,
.two-submenu>.active>a>.icon:before{border-right-color:var(--bs-logo-color);border-top-color:var(--bs-logo-color);}

.navIcon{width:100%;height:100%;position:absolute;top:0;right:0;cursor: pointer;}
.navIcon:after{content: '';position: absolute;width:24px;height:24px;background:url(../images/icon/submenu.png) no-repeat center;background-size:auto 24px;right:15px;top:50%;margin-top:-12px;-webkit-transition: all 0.3s;transition: all 0.3s;}
/* .in .navIcon:after{background:url(../images/icon/close1.png) no-repeat center;background-size:auto;} */
@media (max-width: 991px) {
	.sidebar-title{position: relative;background:#f9f9f9;padding:15px 55px 15px 15px;text-align: left;margin-bottom:0;}
	.sidebar-title .h2{font-size:18px;font-weight: 700;}
	.sidebar-nav{margin-bottom:40px;border:none}
	.sidebar-submenu{display: none;border:1px solid #ededed;border-bottom:none;}
}
@media (min-width: 992px) {
	.sidebar-nav{float:left;width:25%;top:80px;position: sticky;position: -webkit-sticky;border-bottom:none;margin-bottom:50px;}
	.navIcon{display: none;}
	.sidebar-submenu{display: block!important;}
	.rightContent{margin-left:25%;padding-left:60px;}
}
@media (min-width: 1200px) {
	.sidebar-submenu li>a{padding:15px;}
	.sidebar-submenu>li>a{font-size:18px;}
	.sidebar-submenu>li>a>.icon:before{right:13px;top:30px;}
	.sidebar-submenu>li>a>.icon:after{right:19px;top:24px;}
	.two-submenu>li>a{font-size:16px;padding-left:43px;}
	.two-submenu a:before{top:29.5px;}
	.two-submenu>li>a:before{left:29px;}
	.two-submenu>li>a>.icon:before{top:25px;}
}
@media (min-width: 1400px) {
	.sidebar-nav{width:20%;}
	.rightContent{margin-left:20%;padding-left:70px;}
}
@media (min-width: 1600px) {
	.sidebar-nav{width:18.75%;}
	/* .sidebar-submenu li>a{padding:20px 15px;}
	.sidebar-submenu>li>a{font-size:20px;}
	.sidebar-submenu>li>a>.icon:before{right:15px;top:35px;}
	.sidebar-submenu>li>a>.icon:after{right:21px;top:29px;}
	.two-submenu>li>a{font-size:18px;padding-left:45px;}
	.two-submenu a:before{top:32px;}
	.two-submenu>li>a>.icon:before{top:30px;} */
	
	.rightContent{margin-left:18.75%;padding-left:85px;}
}


/* 产品详情 */
.product-details-top .row{margin:0 -15px;}
.product-details-top .row>div{padding:0 15px;margin-bottom:40px;}
.product-details-top .text-column{display: flex;flex-direction: column;justify-content: space-between;}
.product-details-top .row .img{background:var(--bs-white);}
.product-details-top .btns{margin-top:30px;}
.product-details-top .public-href{display: flex;flex-flow: row wrap;}
.product-details-top .public-href>.more{margin-right:4%;max-width:48%;}
.product-details-top .public-href>.more:last-child{margin-right:0;}
.product-details-top .public-href>.more:nth-child(2){background:var(--bs-logo-color);border-color:var(--bs-logo-color);color:var(--bs-white);}
.product-details-top .public-href>.more:nth-child(2)>.icon{background-image: url(../images/icon/btn-arrow-w.png);}
.product-details-top .img-column .swiper-slide{height:auto;}

.product-details-album-small{position: relative;padding:0 30px;margin-top:10px;}
.product-details-album-small .swiper{position: static;}
.product-details-album-small .img{max-width:90%;margin:0 auto;height:75px;border:3px solid #e5e5e5;}
.product-details-album-small .img>img{position: absolute;width:100%;height: 100%;object-fit: cover;left:0;top:0;}
.product-details-album-small .public-button.swiper-button-lock{display: flex;}
.product-details-album-small .public-button:after{font-size:24px;}
.product-details-album-small .public-button.swiper-button-prev{left:0;color:#666;}
.product-details-album-small .public-button.swiper-button-next{right:0;color:#666;}
.product-details-album-small .swiper-slide-thumb-active .img{border-color:#ca0000;}
.product-details-album-small .playBtn .icon{width:30px;height:30px;margin-left:-15px;margin-top:-15px;}

.product-details-tab-swiper{margin-bottom:30px;border-bottom:1px solid #ededed;}
.product-details-tab{flex-wrap: nowrap;}
.product-details-tab>li{width:auto;}
.product-details-tab .nav-link{font-size:16px;color:#333;padding:10px 15px;}
.product-details-tab .nav-link:hover,
.product-details-tab .nav-link.active{color:var(--bs-white);background:#1f1f1f;}

.product-details-bottom .tab-content{min-height: 300px;}
@media (min-width: 768px) {
	.product-details-tab-swiper{margin-bottom:40px;}
	.product-details-tab .nav-link{padding:15px 20px;}
}
@media (min-width: 1200px) {
	.product-details-top .row{margin-left:-40px;margin-right:-40px;}
	.product-details-top .row>div{padding:0 40px;margin-bottom:60px;}
	.product-details-top .public-href>.more{margin-right:40px;}
	.product-details-tab .nav-link{font-size:18px;padding:15px 25px;}
}
@media (min-width:1600px){
	.product-details-top .row{margin-left:-40px;margin-right:-40px;}
	.product-details-top .row>div{padding:0 40px;;}
}


/* 分享 */
.product-details-other{padding-top:30px;}
.product-details-other .details-share{font-size:12px;}
.product-details-other .details-share{display: flex;flex-wrap: wrap;}
.product-details-other .details-share>span{line-height:40px;}
.product-details-other .social-share{text-align: left;}
.product-details-other .social-share a{color:#b5b5b6!important;border-color:#b5b5b6!important;}
.product-details-other .social-share a:hover{color:#7D7D7D!important;border-color:#7D7D7D!important;background:none!important;}
.product-details-other .social-share .icon-wechat .wechat-qrcode{top:auto;bottom:-205px;}
.product-details-other .social-share .icon-wechat .wechat-qrcode:after{bottom:auto;top: -15px;border-width: 6px 6px 8px 6px;border-style: solid;border-color: transparent transparent #f3f3f3 transparent;}
@media (min-width:768px){
	.product-details-other{margin-bottom:85px;}
}
@media (min-width:1200px){
	.product-details-other{font-size:16px;}
	.product-details-other .details-share{font-size:14px;}
}


/* 关于我们 -安巢介绍 */
.about-list{margin:-15px -20px 0;}
.about-list>div{padding:0 20px;margin-top:15px;position: relative;}
.about-list-right .swiper-pagination{position: static;bottom:0;padding:0;margin-top:20px;display:flex;flex-flow:row wrap;justify-content:center;}
.about-list-right .swiper-pagination-bullet:before{background:#ededed;}
.about-list-right .swiper-pagination-bullet-active:before{background:var(--bs-logo-color);}
.about-list-right .img:hover>img{transform: scale(1.1);}
@media (min-width:992px){
	.about-list .InfoContent{position: absolute;left:20px;right:10px;top:0;height:100%;overflow: auto;padding-right:10px;}
	.about-list .InfoContent::-webkit-scrollbar{width:4px;height:4px}
	.about-list .InfoContent::-webkit-scrollbar-track{background:#ededed}
	.about-list .InfoContent::-webkit-scrollbar-thumb{background:var(--bs-logo-color);height:60px}
	.about-list .InfoContent::-webkit-scrollbar-thumb:window-inactive{background:var(--bs-logo-color)}
	.about-list .InfoContent::-webkit-scrollbar-thumb:vertical:hover{background:var(--bs-logo-color)}
}
@media (min-width:1200px){
	.about-list-right .swiper-pagination-bullet{width:30px;}
}
@media (min-width:1600px){
	.about-list{margin-left:-40px;margin-right:-40px;}
	.about-list>div{padding:0 40px;}
	.about-list .InfoContent{left:40px;right:30px;}
}

/* 关于我们 -发展历程 */
.history-swiper{position:relative;}
.history-swiper::before{content: '';position: absolute;left:40px;right:40px;top:52px;background:#ededed;height:1px;}
.history-swiper .swiper{position: static;}
.history-swiper .swiper-button-prev,
.history-swiper .swiper-button-next{top:0;margin-top:28px;}

.history-item{padding-left:10px;padding-right:10px;padding-bottom:10px;overflow: hidden;}
.history-item .ht{float:left;}
.history-item .year{position: relative;color:#333;font-size:24px;line-height: 30px;font-weight:600;top:0;transition: all 0.3s;}
.history-item .yuan{position: relative;width:24px;height:24px;border-radius: 50%;background:rgba(49,44,162,0.2);margin:10px 0 30px 13px;}
.history-item .yuan::before{content: '';position: absolute;width:14px;height:14px;border-radius: 50%;background:var(--bs-logo-color);left:50%;top:50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.history-item .yuan::after{content: '';position: absolute;width:1px;height:65px;background:var(--bs-logo-color);top:18px;left:50%;}
.history-text{float:left;width:100%;background:var(--bs-white);min-height:160px;box-shadow: 0 0 8px rgba(0,0,0,0.08);padding:20px 20px 10px;overflow: hidden;transition: all 0.3s;}
.history-text .InfoContent{overflow: visible;}
.history-text .InfoContent>p{position: relative;padding-bottom:15px;margin:0;padding-left:20px;}
.history-text .InfoContent>p::before{content:'';position: absolute;width:1px;height:100%;background:var(--bs-logo-color);left:5px;top:6px;}
.history-text .InfoContent>p::after{content:'';position: absolute;width:10px;height:10px;border-radius: 50%;border:1px solid var(--bs-logo-color);background:var(--bs-white);top:3px;left:0;z-index: 2;}
.history-text .InfoContent>p:last-child::before{display: none;}
.history-item:hover .history-text{box-shadow:0 0 10px rgba(0,0,0,0.15);}
.history-item:hover .yuan::before{transform:translate(-50%,-50%) scale(1.3);}
.history-item:hover .year{top:-3px;color:var(--bs-logo-color);}
@media (min-width:1200px){
	.history-swiper::before{top:67px;}
	.history-item{padding-left:20px;padding-right:20px;}
	.history-item .year{font-size:30px;line-height: 40px;margin-left:-5px;}
	.history-item .yuan{width:34px;height:34px;margin-left:10px;}
	.history-item .yuan::after{height:80px;}
	.history-text .InfoContent>p{padding-left:34px;}
	.history-text .InfoContent>p::before{left:7px;}
	.history-text .InfoContent>p::after{width:15px;height:15px;}
	
	.history-swiper .swiper-button-prev,
	.history-swiper .swiper-button-next{margin-top:42px;}
}
@media (min-width:1600px){
	.history-item .year{font-size:32px;}
}

/* 关于我们 - 公司荣誉 */
.honor-list{margin:-30px -10px 0;}
.honor-list .column{margin-top:30px;padding-left:10px;padding-right:10px;}
.honor-list .img{padding-bottom:94%;border:1px solid #ededed;background:var(--bs-white);}
.honor-list .img>img{position: absolute;width:auto;height:auto;max-width:90%;max-height:90%;margin:auto;left:0;top:0;right:0;bottom:0;}
.honor-list p{text-align: center;margin:20px 0 0;font-size:14px;line-height: 1.65;font-weight: 500;}
@media (min-width:768px){
	.honor-list p{font-size:16px;}
}
@media (min-width:1200px){
	.honor-list{margin:-40px -20px 0;}
	.honor-list .column{margin-top:40px;padding-left:20px;padding-right:20px;}
	.honor-list p{font-size:18px;}
}

/* 视频中心 */
.videos-list{margin-left:-15px;margin-right:-15px;margin-top:-30px;}
.videos-list .column{padding-left:15px;padding-right:15px;margin-top:30px;}
.videos-list .href{height:100%;box-shadow: 0 0 5px rgba(6,0,1,0.2);display: block;}
.videos-list .text{padding:20px 15px;}
.videos-list .h3{font-size:16px;margin:0;line-height:1.4;transition: all 0.3s;text-align: center;}
.videos-list .href:hover .h3{color:var(--bs-logo-color);}
.videos-list .img::after{content: '';display: block;padding-top:60%;}
.videos-list .img>img{position: absolute;width:100%;height:100%;left:0;top:0;object-fit: cover;}
@media (min-width:1200px){
	.videos-list{margin-left:-20px;margin-right:-20px;margin-top:-40px;}
	.videos-list .column{padding-left:20px;padding-right:20px;margin-top:40px;}
	.videos-list .h3{font-size:18px;}
}
@media (min-width:1600px){
	.videos-list{margin-left:-25px;margin-right:-25px;margin-top:-50px;}
	.videos-list .column{padding-left:25px;padding-right:25px;margin-top:50px;}

}

.videos-list-2{margin-left:-10px;margin-right:-10px;}
.videos-list-2 .column{padding-left:10px;padding-right:10px;}
.videos-list-2 .text{position: relative;display: flex;justify-content: space-between;}
.videos-list-2 .h3{text-align: left;padding-right:35px}
.videos-list-2 .text>.icon{position: absolute;right:5px;top:14px;width:40px;height:40px;background-image:url(../images/icon/i39.png);background-repeat: no-repeat;background-position: center;background-size:auto 100%;transition: all 0.5s;}
.videos-list-2 .href:hover .h3{color:var(--bs-logo-color);}
.videos-list-2 .href:hover .text>.icon{background-image:url(../images/icon/i39-w.png);}


/* 技术支持 - 行业知识 */
.news-list-2 .href{border-bottom:1px #ededed solid;padding:30px 0;display:flex;flex-direction:row;align-items:center;}
.news-list-2 .column:first-child a{padding-top:0}
.news-list-2 .img{width:200px;flex:0 0 auto}
.news-list-2 .text{width:100%;padding-left:2.85714%;overflow:hidden}
.news-list-2 .h3{font-size:16px;margin:0;transition: all 0.3s}
.news-list-2 .p{line-height:22px;height:44px;margin:10px 0 0;color:#868686;}
.news-list-2 .public-more{margin:15px 0 0;}
.news-list-2 .href:hover .h3{color:var(--bs-logo-color)}
@media (max-width:479px){
	.news-list-2 .href{display:block}
	.news-list-2 .img{width:100%;margin-bottom:20px}
	.news-list-2 .text{padding-left:0}
}
@media (min-width:768px){
	.news-list-2 .img{width:234px}
	.news-list-2 .p{line-height:28px;height:56px}
	.news-list-2 .public-more{margin-top:25px;}
}
@media (min-width:992px){
	.news-list-2 .img{width:323px}
	.news-list-2 .h3{font-size:18px}
	.news-list-2 .p{margin-top:20px}
}

/* 技术支持 - 行业知识 */
.download-list .column{margin-bottom:5px;}
.download-list .href{position: relative;display:block;border-bottom:1px dashed #ededed;padding-top:12px;padding-bottom:12px;padding-right:50px;transition: all 0.5s;}
.download-list .icon{position: absolute;width:40px;height:40px;background-image:url(../images/icon/i39.png);background-repeat: no-repeat;background-position: center;background-size:auto 100%;right:0;top:50%;margin-top:-20px;transition: all 0.5s;}
.download-list .h5{position: relative;font-size:16px;font-weight:400;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.download-list .h5:before{content: '';position: absolute;display: block;width:0;height:2px;top:50%;left:0;margin-top:-1px;background:var(--bs-logo-color);transition: all 0.5s;}
.download-list .file-info{font-size:12px;color:#868686;margin-top:8px;text-transform: uppercase;}
.download-list .href:hover .h5{padding-left:25px;color:var(--bs-logo-color);}
.download-list .href:hover .h5:before{width:15px;}
.download-list .href:hover .icon{background-image:url(../images/icon/i39-w.png);}
@media (min-width:768px){
	.download-list{margin:0 -25px;}
	.download-list .column{padding:0 25px;}
	.download-list .href{padding-right:65px;}
}
@media (min-width:1200px){
	.download-list .h5{font-size:18px;}
}
@media (min-width:1400px){
	.download-list{margin:0 -35px;}
	.download-list .column{padding:0 35px;}
	.download-list .href{padding-right:80px;}
}

/* 下载弹窗 */
.personalData .modal-content{border:none;border-radius: 6px;border-top: 8px solid var(--bs-logo-color);padding: 20px 15px;}
.personalData .modal-body{padding:0;}
.personalData .modal-header{padding:0 0 15px;margin-bottom:20px;border-bottom-color:#ededed;}
.personalData .modal-title{font-size:22px;text-align: center;}
.personalData .modal-header .btn-close{position: absolute;right:0;top:0;margin:0;}
.personalData .modal-header .btn-close:focus{box-shadow: none;}
.personalData .form .column{margin-bottom:15px;display: flex;}
.personalData .form .col-form-label{width:85px;}
.personalData .form .col-form-label i{color:var(--bs-logo-color);padding-right:1px;font-style: inherit;}
.personalData .form .col-form-input{position: relative;width:100%;overflow: hidden;}
.personalData .form .form-control{outline: none;border-color:#ededed;border-radius: 0;}
.personalData .form .form-control:focus{outline: none;border-color:#ededed;box-shadow: none}
.personalData .form .button{position: relative;overflow: hidden;display: block;width:100%;height:40px;border:none;outline: none;font-size:16px;color:var(--bs-white);background:var(--bs-logo-color);border-radius: 6px;margin:5px 0;}
.personalData .img-code{position: absolute;right:1px;top:1px;bottom:1px;width:90px;}
.personalData .img-code>img{width:100%;height:100%;}
.personalData .modal-footer{padding:15px 0 0;border-top-color:#ededed;display: block;}
.personalData .modal-footer>*{margin:0;}
.personalData .form .error .form-control{border-color:var(--bs-logo-color);}
.personalData .form .error .valid_message{display: none;}
@media (min-width:768px){
	.personalData .modal-content{padding:30px 30px 25px;}
}

/* 加入我们 */
.job_list_box{border:1px rgba(0,0,0,.1) solid;overflow:hidden;margin-top:30px}
.job_list_box .span{float:left;width:21.25%;padding:0 5px;font-size:16px;}
.job_list_box .span5{width:15%}
.job_top{background-color:#1f1f1f;line-height:24px;padding:15px;overflow:hidden;color:var(--bs-white);}
.job_list .accordion-item{border:0;box-shadow:none;border-radius:0;margin:0}
.job_list .accordion-header{border-radius:0;border-bottom:1px #ededed dashed;padding:0;position:relative}
.job_list .accordion-item:last-child .accordion-header{border-bottom:0}
.job_list .accordion-button{display:block;color:#333;overflow:hidden;padding:15px;position:relative;font-size:14px;z-index:1;background:none;box-shadow: none;border-radius: 0;}
.job_list .accordion-button:focus{outline: none;box-shadow: none;}
.accordion-header i{display:block;width:16px;height:10px;background:url(../images/icon/k5.png) no-repeat center;background-size:auto 8px;position:absolute;right:15px;top:50%;margin-top:-5px;transition:all .5s}
.accordion-item.active .accordion-header i{transform:rotate(180deg)}
.job_list .accordion-body{border-bottom:1px #ededed dashed;padding-top:20px;padding-bottom:30px;padding-left:0;padding-right:0;background:#f9f9f9;}
.job_list .accordion-item:last-child .accordion-body{border-bottom:0}
.job_description{padding:0 20px;}
.job_description .InfoContent h2{font-size:inherit;position:relative;padding-left:15px;margin-bottom:1rem;color:#333;}
.job_description .InfoContent h2:before{content:"";width:4px;height:16px;background-color:var(--bs-logo-color);display:inline-block;position:absolute;left:0;top:1px}
.job_description .public-href{margin-top:20px;}
.job_description .public-href>.more{background:var(--bs-logo-color);border-color:var(--bs-logo-color);color:var(--bs-white);}
.job_description .public-href>.more>.icon{background-image: url(../images/icon/btn-arrow-w.png);}
@media (max-width:767px){
	.job_list_box .span{width:33.33333%;font-size:14px;}
	.job_list_box .span4,.job_list_box .span5{display:none}
}
@media (max-width:575px){
	.job_list_box .span{width:50%}
	.job_list_box .span2{display: none;}
}
@media (min-width:768px){
	.job_list_box .span{font-size:16px}
	.job_list .accordion-button,.job_top{padding-left:30px;padding-right:30px}
	.job_list .accordion-body{padding-top:40px;padding-bottom:60px}
	.job_description{padding:0 35px}
}
@media (min-width:992px){
	.job_list_box .span{width:22%}
	.job_list_box .span5{width:12%}
}
@media (min-width:1200px){
	.job_list_box .span{font-size:18px}
	.job_list .accordion-button,.job_top{padding-left:70px;padding-right:70px}
	.accordion-header i{right:50px;background-size:auto 10px;}
	.job_description{padding:0 75px}
}

/* 联系我们 */
.contact-list{position: relative;}
.contact-list .column{margin-bottom:20px;}
.contact-list .item{position: relative;color:#333;padding-left:70px;font-size:16px;}
.contact-list .icon{position: absolute;width:50px;height:50px;border-radius: 50%;border:1px solid rgba(49,44,162,0.3);display: flex;justify-content: center;align-items: center;left:0;top:5px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.contact-list .icon:before{content: '';position: absolute;width:20px;height:20px;left:14px;top:50%;border:2px solid rgba(49,44,162,0.3);margin-top:-10px;opacity:0;border-radius:50%;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}
.contact-list .item:hover .icon:before{animation: ff 2s linear infinite alternate;opacity: 1;}
@keyframes ff{
  0%{transform: scale(0);opacity: 1}
  50%{transform: scale(4);opacity: 0}
  100%{transform: scale(0);opacity: 1}
}
.contact-list .icon>img{display: block;width:30px;height:30px;}
.contact-list p{margin:0;line-height: 30px;}
.contact-list .p1{color:#666;}
.contact-list .p2{font-size:16px;color:#333;font-weight: 700;font-family: 'OPPOSans-M';}
.contact-list .p2 a{color:#333;}
.contact-list .column:last-child .item{padding-left:0;text-align: center;}
.contact-list .column:last-child img{margin-bottom:8px;}
.map{position: relative;width:100%;height:350px;margin-top:20px;background-repeat: no-repeat;background-size:auto;background-position: center;}
.map a{display: block;width:100%;height:100%;}
@media (min-width:768px){
	.contact-list{padding-right:200px;}
	.contact-list .column{min-height:60px;margin-bottom:30px;}
	.contact-list .p2{font-size:18px;}
	.contact-list .column:last-child{width:auto;position: absolute;right:0;top:0;}
	
	.map{height:400px;}
}
@media (min-width:992px){
	.contact-list .column:last-child .item{padding:0;}
}
@media (min-width:1200px){
	.contact-list .column{margin-bottom:40px;}
	.contact-list .p2{font-size:20px;}
	.map{height:500px;}
}


/* 留言 */
.typeNumMask{position: absolute;width:50px;top:1px;right:1px;bottom:1px;background:var(--bs-white);display:none;}
.message-form .row{margin-left:-20px;margin-right:-20px}
.message-form .column{padding-left:20px;padding-right:20px;margin-bottom:30px}
.message-form .inner{position:relative}
.message-form label{position:absolute;top:0;left:0;right:0;margin:0;height:50px;line-height:50px;padding:0 18px;color:#999;font-size:14px;overflow:hidden;pointer-events:none;-webkit-transition:all .3s;transition:all .3s}
.message-form .input_filled.error label,.message-form label.incorrect{display:none}
.message-form .input_filled.error label.incorrect{display:block}
.message-form .input_filled label{font-size:14px;height:auto;line-height:20px;-webkit-transform:translate3d(0,-120%,0);transform:translate3d(0,-120%,0);padding:0}
.message-form .error label{color:var(--bs-logo-color)}
.message-form .form-control{display:block;font-size:14px;height:50px;border-radius:0;box-shadow:none;color:#333;padding:8px 18px;background-color:var(--bs-white);border-color:#eee;}
.message-form .form-control:focus{border-color:#e5e5e5;}
.message-form .error .valid_message{font-size:12px;line-height:20px;color:red;position:absolute;left:0;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:none}
.message-form textarea.form-control{height:180px;padding:18px;}
.message-form .img-code-input{display:flex;align-items:center}
.message-form .img-code-input .inner{width:100%}
.message-form .img-code-input .img-code{flex:0 0 auto;width:100px;height:50px}
.message-form .img-code-input .img-code img{display:block;width:100%;height:100%;}
.message-form .btn-box{display:flex;justify-content:center;align-items:center}
.message-form .button{display:block;margin:0 auto;width:100%;height:50px;outline:0!important;border:none;background-color:#1f1f1f;color:var(--bs-white);font-size:16px;border-radius: 0;transition: all 0.5s;}
.message-form .button:hover{background:var(--bs-logo-color);}
@media (min-width:768px){
	.message-form label{font-size:16px;}
	.message-form .form-control{font-size:16px;}
}
@media (min-width:1200px){
	.message-form textarea.form-control{height:240px}
}


/* 英文版样式控制 */