::-webkit-scrollbar {width:0px;height:0px;padding-right:0px;display: none;}
::-webkit-scrollbar-track {border-radius:0px;background-color:#eee}
::-webkit-scrollbar-thumb {border-radius:0px;background-color:#000000}
html,body{height:100%;overflow:hidden;}
.body{height: 100%;overflow: auto;}


html{font-size: calc(100vw / 7.8);}
@media screen and (min-width:780px) {
	html{font-size: 100px;}
}
html{width: 100%;max-width: 780px;margin: 0 auto;}
body{font-size: 0.16rem; background: #fff; font-family: "OPPOSans-R","Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 1.3; color: #181919; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.container{position: relative;width: 1740px;margin: 0 auto;}
.w1760{position: relative;width: 1760px;margin: 0 auto;}
.w1700{position: relative;width: 1700px;margin: 0 auto;}
.w1620{position: relative;width: 1620px;margin: 0 auto;}
.w1360{position: relative;width: 1360px;margin: 0 auto;}
.w1125{position: relative;width: 1125px;margin: 0 auto;}
/* .w1760{position: relative;max-width: 1920px;padding: 0 80px;margin: 0 auto;} */
/* .w1620{position: relative;max-width: 1920px;padding: 0 150px;margin: 0 auto;} */
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 100px;}
@font-face {
	font-family:OPPOSans-L;
	src: url(../fonts/OPPOSans-L.ttf);
}
@font-face {
	font-family:OPPOSans-M;
	src: url(../fonts/OPPOSans-M.ttf);
}
@font-face {
	font-family:OPPOSans-B;
	src: url(../fonts/OPPOSans-B.ttf);
}
@font-face {
	font-family:OPPOSans-R;
	src: url(../fonts/OPPOSans-R.ttf);
}


.lazy {
    background: url("../images/loading.gif") 50% 50% no-repeat
}


.zindex9{position: relative;z-index: 9;}
.circleBox{position: relative;}
.circleDX{background-color: #FFF000;border-radius: 50%;position: absolute;top: 0;left: 0;z-index: 1;}
.circleDX.white{background: #FFFFFF;}
.circleDX.s35{width: 0.35rem;height: 0.35rem;}
.circleDX.s75{width: 0.75rem;height: 0.75rem;}
.circleDX.s100{width: 1rem;height: 1rem;}
.circleDX.s120{width: 1.2rem;height: 1.2rem;}
.circleDX.s160{width: 1.6rem;height: 1.6rem;}
.circleDX.s200{width: 2rem;height: 2rem;}
.circleDX.s270{width: 2.7rem;height: 2.7rem;}
.circleDX.s300{width: 3rem;height: 3rem;}

.pd100{padding: 0 .9rem;}
.pd50{padding: 0 .5rem;}

.indLine{display: block;width: calc(100% - .6rem);height: 1px;background: #000;margin: 0 auto;}



.wap_header{position: fixed;top: -1.35rem;left: 0;width: 100%;z-index: 9999999999999999;background: #FFF000;transition: .5s;}
.wap_header::after{content: "";display: block;width: 100%;height: 0%;position: fixed;top: 0;left: 0;background: #FFF000;transition: .8s;}
.wap_header.active{top: 0;box-shadow: 0px 0px .15rem 0 rgba(0,0,0,.8);}
.head2{display: flex;align-items: center;padding: .2rem 0;background: #FFF000;transition: .3s;position: relative;z-index: 9;}
.h-logo{width: 1.2rem;}
.h-logo img{width: 100%;}
.toggle{display: block; width: .6rem; height: .6rem; position: relative; z-index: 6;margin-left: auto;}
.toggle i{display: block; width: .6rem; height: .065rem; background: #000; position: absolute; left: 0; transition: all ease .35s;}
.toggle i:nth-of-type(1){top: 0;}
.toggle i:nth-of-type(2){top: .24rem;}
.toggle i:nth-of-type(3){top: .48rem;}
.wap_header.open .toggle i{background: #000;}
.wap_header.open .toggle i:nth-of-type(1){top: .24rem; transform: rotate(45deg);}
.wap_header.open .toggle i:nth-of-type(2){width: 0;}
.wap_header.open .toggle i:nth-of-type(3){top: .24rem; transform: rotate(-45deg);}

.h-nav{position: fixed;top: -100%;left: 0;width: 100%;height:calc(100% - 2.45rem);overflow-y: auto;z-index: 8;background: #FFF000;transition: .8s;}
.h-nav .li{text-align: center;}
.h-nav .li a{font-family: OPPOSans-B;font-size: 1rem;color: #040000;line-height: 1.45;position: relative;}
.h-nav .li a::after{content: "";display: block;width: 1rem;height: 1rem;background: #FFFFFF;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;transition: .3s;opacity: 0;}
.h-nav .li.active a::after{opacity: 1;}

.wap_header.open{box-shadow: 0px 0px .15rem 0 rgba(0,0,0,0);}
.wap_header.open .head2{padding: 1rem 0 .5rem;}
.wap_header.open::after{height: 100%;}
.wap_header.open .h-nav{top: 2.45rem;}


.wapBanner{background: #FFF000;padding: 1rem 0;}
.wlogo{width: 1.2rem;display: inline-block;}
.wlogo img{width: 100%;}
.wapBanner .img{padding: .7rem 0 .7rem;}
.wapBanner .desc .atit{font-size: 1.2rem;line-height: 1.1;color: #000000;margin: .7rem 0 .55rem;}
.wapBanner .desc .atit b{font-family: OPPOSans-B;font-weight: normal;letter-spacing: -0.05rem;}
.wapBanner .desc .btit{font-size: 0.3rem;line-height: 1.15;color: #000000;font-family: OPPOSans-M;}


.indTit{padding: .9rem 0 .4rem;}
.indTit .atit{font-size: 0.65rem;font-weight: bold;}


.sec1{padding: 1.3rem 0 1rem;background: #f2f2f2;}
.sec1 .atit{display: flex;justify-content: center;justify-content: space-around;}
.sec1 .atit span{display: block;font-size: 0.42rem;font-weight: bold;position: relative;}
.sec1 .atit span::after{content: "";display: block;width: 1rem;height: 1rem;background: #FFF000;border-radius: 100%;position: absolute;left: 50%;top: 50%;margin: -0.5rem 0 0 -0.5rem;z-index: -1;}
.sec1 .atit i{display: block;font-size: 0.40rem;font-weight: bold;padding: 0 0.1rem;}
.jdList{display: flex;justify-content: space-around;}
.jdItem{text-align: center;}
.jdItem:nth-of-type(2){padding: 0 0.5rem;}
.jdItem img{width: .55rem;margin: .32rem 0 .1rem;}
.jdItem p{display: block;font-size: 0.24rem;color: #333;line-height: 2;}
.jdIndA{display: block;font-family: OPPOSans-M;margin: 0.38rem auto 0;width: 2.1rem;height: .62rem;line-height: .62rem;border-radius: .65rem;text-align: center;background: #FFF000;font-size: 0.24rem;}

.indCaseList{}
.hideCaseList{display:none;}
.indCaseItem{display: block;width: 100%;margin-bottom: .3rem;}
.indCaseItem+.indCaseItem{}
.indCaseItem img{display: block;width: 100%;}

.jdIndA.openCase{margin:0.5rem auto;}
.indCaseMore{display: block;width: 1.1rem;margin: .5rem auto .3rem;}
.indCaseMore img{width: 100%;transition-delay: 0s;}
.indCaseMore.b img{transform: rotate(180deg);transition-delay: 2.5s;}

.sec3{background: #f2f2f2;padding: 1rem 0;}
.jzBox{}
.jzBox .jzImg{width: 100%;}
.jzBox .jzImg img{display: block;width: 100%;}
.jzBox .jzDesc{}
.jzBox .jzDesc .atit{font-size: 0.65rem;font-weight: bold;margin: .75rem 0 .5rem;}
.jzBox .jzDesc .btit{font-size: 0.20rem;color: #4d4d4d;line-height: 1.65;}
.jzBox .jzDesc .btit p+p{margin-top: .35rem;}


.sec4{padding: 1rem 0;}
.teamTitle{text-align: center;font-size: .6rem;font-weight: bold;padding-left: .2rem;margin-bottom: .5rem;}
.teamItem{display: flex;align-items: center;padding: 0 .3rem;}
.teamItem .img{width: 52%;height: 0;padding-bottom: 52%;border-radius: 100%;overflow: hidden;position: relative;}
.teamItem .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 102%;height: 102%;object-fit: cover;object-position: center;}
.teamItem .desc{width: 48%;padding-left: .2rem;}
.teamItem .desc b{display: block;font-size: .4rem;line-height: 1.2;font-weight: normal;font-family: OPPOSans-B;color: #333;}
.teamItem .desc span{display: block;font-size: .25rem;color: #333;margin-bottom: .24rem;}
.teamItem .desc p{display: block;font-size: .13rem;line-height: 1.9;color: #333;}
.teamItem .desc p i{color: #666;}



.sec5{padding: 1rem 0;background: #f2f2f2;}
.lcTitle{text-align: center;}
.lcTitle .atit{font-weight: bold;font-size: .6rem;margin-bottom: 0.05rem;}
.lcTitle .btit{font-size: .18rem;color: #4d4d4d;line-height: 1.8;}
.lcList{display: flex;flex-wrap: wrap;margin-top: .3rem;}
.lcItem{width: calc(25% - .3rem);margin: .2rem .15rem;border-radius: .2rem;background: #FFF000;text-align: center;padding: .2rem 0 .2rem;}
.lcItem b{display: block;font-size: .24rem;margin-bottom: .03rem;font-family: OPPOSans-B;}
.lcItem p{display: block;font-size: .24rem;font-family: OPPOSans-M;}
.lcItem span{display: block;font-size: .16rem;color: #4d4d4d;}


.sec6{padding: 1rem 0 .65rem;}
.khTitle{text-align: center;}
.khTitle p{display: block;font-weight: bold;font-size: .6rem;margin-bottom: 0.02rem;}
.khTitle span{display: block;font-size: .24rem;color: #4d4d4d;line-height: 1.8;margin-bottom: 0.2rem;}
.khList{display: flex;flex-wrap: wrap;}
.khItem{width: 33.333%;padding: 0rem .18rem;}
.khItem img{display: block;width: 100%;}



.f-footer{padding: 1rem 0 1.5rem .15rem;background: #f2f2f2;}
.fDesc{margin-bottom: .73rem;}
.fDesc .atit{font-family: OPPOSans-B;font-size: .82rem;line-height: 1.1;color: #040000;}
.fDesc .btit{font-size: .24rem;color: #4d4d4d;margin: .5rem 0 .62rem;line-height: 1.5;}
.fDesc .btit i{color: #7f7f7f;}
.fDesc .ctit{}
.fDesc .ctit p{display: block;font-size: .38rem;color: #4d4d4d;font-family: OPPOSans-B;}
.fDesc .ctit span{display: block;font-size: 0.25rem;margin-top: .11rem;}
.fewm{display: flex;align-items: flex-end;}
.fewm .img{width: 2rem;}
.fewm .img img{display:block;width: 100%;}
.fewm .desc{width: calc(100% - 2rem);padding-left: .2rem;}
.fewm .desc .atit{font-size: .24rem;color: #4d4d4d;font-family: OPPOSans-B;}
.fewm .desc .btit{font-size: .24rem;color: #4d4d4d;}
.fewm .desc .ctit{font-size: .24rem;color: #4d4d4d;margin-bottom: -0.1rem;}
.fewm .desc .ctit b{font-size: .4rem;color: #040000;font-family: OPPOSans-B;font-weight: normal;}



.nft{position: fixed;bottom: 0;left: 0;width: 100%;display: flex;z-index: 999;background: #fff;padding: 0.12rem 0.3rem;display: none;}
.nftItem{width:100%;height: .8rem;display: flex;align-items: center;justify-content: center;background: #fff000;border-radius: .5rem;}
.nftItem+.nftItem{margin-left: .12rem;}
.nftItem img{display: block;width: 0.4rem;margin-right: .1rem;}
.nftItem span{display: block;font-size: .3rem;line-height: 1;font-family: OPPOSans-B;font-weight: normal;}



.ab1{padding: 1rem 0;}
.ab1 .jzImg{margin-bottom: .5rem;}

.ab2{}
.ab2 .img img{display: block;width: 100%;}
.ab2 .desc{padding: .6rem 0 1rem;}
.ab2 .desc b{display: block;font-weight: normal;font-family: OPPOSans-B;font-size: 1rem;color: #040000;padding-bottom: .25rem;}
.ab2 .desc strong{display: block;font-weight: normal;font-family: OPPOSans-B;font-size: .37rem;color: #181919;margin-bottom: .2rem;margin-top: .5rem;}
.ab2 .desc p{display: block;font-size: .185rem;color: #4d4d4d;line-height: 1.8;}
.ab2 .desc p+strong{}


.ab3{background: #FFF000;padding: 1rem 0;}
.expTit{text-align: center;}
.expTit p{display: block;font-family: OPPOSans-B;font-size: .72rem;}
.expTit span{display: block;font-size: .4rem;}
.mySwiperExp{max-width: 4rem;margin: 0 auto;position: relative;overflow: hidden;}
.expItem{display: block;width: 100%;opacity: 1;transition: .3s;margin-top: .5rem;}
.expItem .img{overflow: hidden;border-radius: 100%;}
.expItem .img img{width: 102%;}
.expItem .desc{text-align: center;}
.expItem .desc b{display: block;font-weight: normal;font-family: OPPOSans-B;font-size: .4rem;margin:.35rem 0 .05rem;}
.expItem .desc p{display: block;font-size: .27rem;line-height: 1.25;font-family: OPPOSans-M;}
.expItem .desc span{display: block;font-size: .2rem;line-height: 1.25;}
.swiper-slide-active .expItem{opacity: 1;}

.dyTitle{text-align: center;margin-bottom: .5rem;}
.dyTitle p{display:block;font-weight: bold;font-size: .6rem;margin-bottom: 0.05rem;}
.dyTitle span{display:block;font-size: .175rem;color: #4d4d4d;line-height: 1.8;}
.dyTitle+.atit{margin-top: .8rem;}


.dy1{background: #FFF000;padding: 1rem 0;}
.dy1 .img img{display: block;width: 100%;}
.dy2{background: #F2F2F2;padding: 1rem 0;}
.dy2 .img img{display: block;width: 100%;}

.dy3{padding: 1rem 0 .8rem;}




.newsSelList{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0.5rem 0 0.1rem;}
.newsSel{display: flex;align-items: center;justify-content: center;width: 2rem;height: .68rem;font-size: .28rem;color: #000000;border: 1px solid #000;border-radius: .7rem;margin: 0.1rem 0;font-family: OPPOSans-B;font-weight: normal;}
.newsSel.active{border-color: #FFF000;background: #FFF000;}
.newsList{margin-bottom: 1rem;margin-top: 1rem;}
.newsItem{display: block;margin-top: .3rem;width: 100%;}
.newsSelList+.newsList{margin-top: 0rem;}
.newsItem .img{width: 100%;overflow: hidden;height: 0;padding-bottom: 70%;position: relative;}
.newsItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;position: absolute;top: 0;left: 0;}
.newsItem .desc{padding-bottom: .15rem;}
.newsItem .desc .atit{display: flex;align-items: flex-end;margin: .2rem 0 .15rem;}
.newsItem .desc .atit span{display: block;font-family: OPPOSans-M;width: 100%;font-size: .37rem;color: #4d4d4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsItem .desc .atit b{display: block;flex-shrink: 0;font-size: .2rem;font-weight: normal;color: #4d4d4d;}
.newsItem .desc .btit{display: block;font-size:0.18rem;line-height: .22rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #4d4d4d;}





.caseContent{padding: .5rem 0 1rem;}
.caseContent img{max-width: 100%;height: auto!important;display: block;margin: 0 auto;}

.NCaseBox{position: relative;}
.mySwiperNCase{width:100%;position: relative;overflow: hidden;}


.atricleBox{padding: .5rem 0 .5rem;}
.atricleBox .atit{font-size: .48rem;line-height: 1.4;margin-bottom: .2rem;color: #040000;font-family: OPPOSans-B;font-weight: normal;}
.atricleBox .btit{font-size: .28rem;color: #333333;padding-bottom: .15rem;margin-bottom: .2rem;border-bottom: 1px solid #f0f0f0;}
.atricleBox .btit span+span{padding-left:.2rem;}
.atricleBox .ctit{margin-bottom: .8rem;color: #040000;font-size: .28rem;line-height: 1.8;font-family: OPPOSans-B;font-weight: normal;}
.atricleBox .ctit span{font-size: .28rem!important;}
.atricleBox .ctit img{max-width: 100%;height: auto!important;display: block;margin: 0 auto;}

.f_page{border-top: 1px solid #f0f0f0;display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: .3rem;}
.f_page .f_prev,.f_page .f_next {display: block;font-size: .28rem;color: #6d6d6d;padding-top: .15rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}


.contactBox{padding:1rem 0;}
.contactBox .atit{font-size: .6rem;color: #040000;line-height:1.5;font-family: OPPOSans-B;font-weight: normal;}
.contactBox .btit{font-size: .2rem;color: #323333;line-height:1.7;margin: .1rem 0 .9rem;}
.contactBox .ctit{font-size: .34rem;color: #323333;line-height:1.5;font-family: OPPOSans-B;font-weight: normal;}
.contactBox .dtit{font-size: .32rem;color: #323333;line-height:1;}
.contactBox .dtit b{font-size: .45rem;font-family: OPPOSans-B;font-weight: normal;}