@font-face {
  font-family: "OPPOSansl";
  src: url("../font/OPPOSans-L.woff2") format("woff2"), url("../font/OPPOSans-L.woff") format("woff"), url("../font/OPPOSans-L.ttf") format("truetype"), url("../font/OPPOSans-L.eot") format("embedded-opentype"), url("../font/OPPOSans-L.svg") format("svg");
}
 .oppo {font-family: "OPPOSansl";}
 .zijian {letter-spacing:5px;}
 .zijian2 {letter-spacing:2px;}
.header{text-align: center;z-index: 10; padding: 2% 0; position: fixed;left: 0;top: 0;bottom: 0;width: 1.2rem;text-align: center;color: #D51322;background: #fff;}
.sousuo{color: #888;font-size: 24px;}
.menuNvs{width: 30px;height: 30px;position: relative;margin: auto;margin-bottom: .1rem;font-size: 16px;transition:all .5s;}
.menuNvs span{width: 8px;height: 8px;background: #d7231b;margin-bottom: 3px;transition:all .5s;-webkit-transition: all .5s;}
.menuNvs.active span:nth-child(even){opacity: 0;-webkit-opacity: 0;}
.menuNvs.active{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.logoLink{display: block;position: relative;text-align: center;transition: all 0s;-webkit-transition: all 0s;}
.logoLink img{width: .45rem;}
.logoWhite{opacity: 0;position: absolute;left: 0;top: 0;right: 0;transition: all .5s;-webkit-transition: all .5s;}
.logoBlack{opacity: 1;margin: auto;transition: all .5s;-webkit-transition: all .5s;}
.headNav.active .header,.headNav.open .header{background: rgba(255,255,255,.1);color: #fff;}
.headNav.active .header .sousuo,.headNav.open .header .sousuo{color: #fff;}
.headNav.active .header .logoWhite,.headNav.open .header .logoWhite{opacity: 1;}
.headNav.active .header .logoBlack,.headNav.open .header .logoBlack{opacity: 0;}
.headNav.active .header .menuNvs span,.headNav.open .header .menuNvs span{background: #fff;}
.banner{height:100vh !important;}
.fullpage-wrapper{background:#a7c7f6}

.headFlxed{ position: fixed;left: -100%;;top: 0;height: 100%;width: 100%;overflow: hidden; background: #fff;z-index: 5;-webkit-transition: all .9s;-moz-transition: all .9s;-o-transition: all .9s;transition: all .9s;-webkit-transition-timing-function: cubic-bezier(.5, .4, .3, 1);transition-timing-function: cubic-bezier(.5, .4, .3, 1);}
.headFlxed::before{content: '';position: absolute;top: 0;right: -10%;background-color: #D51322;z-index: 999;width: 50%;height: 100%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;-webkit-transition-timing-function: cubic-bezier(.5, .4, .3, 1);transition-timing-function: cubic-bezier(.5, .4, .3, 1);}
.headFlxed.open{left: 0;}
.headFlxed.open::before {width: 0%;right: 0}
.navCotent{height: 100%;margin-left: 1.2rem;}
.navMenuss{ width: 60%;}
.navSearch{ width: 5.2rem;display: none;border-bottom: 1px solid #ddd;}
.navSearch form input{padding: 15px 0;}
.navSearch form input.btn{width: 48px;background: url(../images/s_a_01.png) no-repeat center center;}
.navSearch .btns{background: transparent;color: #D51322;padding: 0 10px;font-size: 24px;cursor: pointer;}
.navCotent.on .navSearch{display: block;}
.navCotent.on .navMenuss{display: none;}
.navDL{ width: 1.6rem;position: relative;}
.navDL dd>a{display: block;padding:.2rem 0;}
.contactUs{ position: absolute;right: 0;top: 0;}
.gfChart{ position: absolute;right: 0;bottom: 0;text-align: center;width: 270px;}
.navSon{display: none; position: absolute;left:100% ;top: 0;bottom: 0;border-left: 1px solid #e3e3e3;}
.navSon a{display: block;padding: .2rem 0;white-space: nowrap;padding-left: .5rem;}

.navSon >p{animation-name: dh_rt;animation-duration: .4s;animation-timing-function: ease-in-out;animation-fill-mode: both;}
.navSon >p:nth-child(2){animation-delay: .1s;}
.navSon >p:nth-child(3){animation-delay: .2s;}
.navSon >p:nth-child(4){animation-delay: .3s;}
.navSon >p:nth-child(5){animation-delay: .4s;}
.navSon >p:nth-child(6){animation-delay: .5s;}
.navSon >p:nth-child(7){animation-delay: .6s;}
.navSon >p:nth-child(8){animation-delay: .7s;}
.navSon >p:nth-child(9){animation-delay: .8s;}
.navSon >p:nth-child(10){animation-delay: .9s;}


.headFlex{height: 100%;}
.navMargin{ margin-left: 1.20rem;}
.footTop{background-size: cover !important;padding: .5rem .85rem;}
.footDL dd{width: 2.5rem;}
.footDL dd p{height: 0.4rem}
.listppp p{margin-top: 0px;}
.flexEwm .ewm{ width: 1.5rem;text-align: center;}
.logoDiv img{ height: 40px;}
.footBot{padding: .1rem .85rem;background: #d3d2d2;}
.footBot select{padding:.1rem .2rem;position: relative;z-index: 2;width: 100%;background: transparent;cursor: pointer;}
.footBot .fb_3 i{ position: absolute;right: .1rem;top: 50%;color: #aaa;margin-top: -0.1rem;line-height: 1;}
.footBot .fb_3{width: 3rem;background: #fff;}

.banner .swiper-slide video{width:100%;min-height:100%;overflow:hidden;position:absolute;left:0px;top:0px;object-fit: cover;z-index:3;}

.shubiao{ position: absolute;left: 0;right: 0;text-align: center;color: #fff;bottom: 1%;z-index: 2;}
.banner-pagination{ position: absolute;right: 3%;bottom: 2.5%;z-index: 5;text-align: center;}
.banner,.banner .swiper-container{ height: 100%;}
.banner .swiper-slide{background-size: cover !important;overflow: hidden;}
.banner-pagination .swiper-pagination-bullet{background: #fff; margin: 0 5px;}
.slideTxt{ height: 100%;padding-left: 6%;position: relative;z-index: 6;}
.more .link{background: rgba(255,255,255,.5);padding: 6px 10px 6px 40px;border-radius: 40px;color: #fff;display: inline-block;}
.more .link i{padding-left: 15px;}
.jieshao{ position: absolute;width: 2.4rem;height: 2.4rem;text-align: center; left: 49.5%;top: 40%;}
.jieshao .jhao_1{ position: absolute;right: 80%;top: -10%;width: 60%;height: 60%;background: rgba(255,255,255,.7);border-radius: 50%;box-shadow: 0 0 20px -5px rgba(0,0,0,.5);}
.jieshao .jhao_2{ position: absolute;right: 85%;top: 42%;width: 60%;height: 60%;background: rgba(255,255,255,.7);border-radius: 50%;box-shadow: 0 0 20px -5px rgba(0,0,0,.5)}
.jieshao .jhao_3{border-radius: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.colorred{color: #c73b2d;}
.logoLinkPC{display: block;}
.logoLinkPhone{display: none;}

.moreLink a,.moreLink span{display: inline-block;padding: 10px 50px;color: #D51322;border: 1px solid #D51322;border-radius: 5px;background-size: cover !important;}
.pro-pagination{position: absolute;left: 0;right: 0;text-align: center;z-index: 5;display: none;}
.pro-pagination .swiper-pagination-bullet-active{background: #F10E2A;}
.shangshiDL dd {position: relative;overflow: hidden;background-size: cover !important;}
.shangshiDL dd .padds{padding:0 15%;position: relative;z-index: 2; margin-top: 100px;margin:0px auto;text-align:center;}
.shangshiDL dd:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: #fff;z-index:0;}
.shangshiDL dd:nth-child(even):before{background: #f6f8fa;}
.shangshiDL dd .bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:1;pointer-events:none;}
.shangshiDL dd .bg img{width:100%;height:100%;display:block;object-fit:cover;position:absolute;left:0px;top:0px;transition: 1.5s;-webkit-transition: 1.5s;}
.shangshiDL dd .nr{position:relative;z-index:9;}
.shangshiDL dd .txt{height: 5rem;margin-bottom: .3rem;}
.shangshiDL dd,.shangshiDL dd .color666,.shangshiDL dd .color333{color: #fff;}
.shangshiDL dd .moreLink .link{background: #fff;color: #D51322;border-color: #fff;}
.shangshiDL dd:hover .bg img{transform: scale(1.1);-webkit-transform: scale(1.1)}

.fullHeight{ height: 100%;position: relative;}
.posiTit{ position: absolute;right: .85rem;top: .85rem;z-index: 5;}
.qiehuanTit{line-height: 40px;text-align: center;}
.cikList {border: 1px solid #d7231b;color: #D7231B;background: #fff;}
.cikList .cik{min-width: 120px;padding: 0 10px;border-left: 1px solid #D7231B;}
.cikList .cik.on{background: #D7231B;color: #fff;}
.cikList .cik:nth-child(1){border: 0;}
.qiehuanTit .mores{width: 40px;background: #e6e5e5;margin-left: 15px;display: block;}
.sec2Son .items{display: none;height: 100%;}
.sec2Son .items.on{display: block;}
.chuangxin{ height: 100%;}
.paddAbs{position: absolute;left: 0;right: 0;top: 0;z-index: 3;}
.paddingMain{padding:.5rem .85rem 0 .85rem;}
.jsTxt{position: relative;z-index: 2;}
.jsTxt .tit{position: absolute;z-index: 3; left: 17%;right: 17%;top: 17%;bottom: 17%;background: #28569a;color: #fff;border: 10px solid #a7c7f6;border-radius: 50%;}
.jsImg{ width: 3.6rem;}
.cxBackground{position: absolute;left: 0;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.chuangxin{position: relative;}
.chuangxin:before{position: absolute;left: 0;width: 100%;top: 50%;content: '';border-top: 2px solid #efefef;display: none;}
.cxDL {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.cxDL dd{ position: absolute;}
.cxDL dd .icon img{display: block;width: .6rem;max-width: .6rem;padding: 5px;background: #ddeafe;border: 1px solid #28569a;border-radius: 50%;}
.cxDL dd .icon{display: block;padding: 10px;background: #8eafe5;border-radius: 50%;}
.cxDL .dd_1{top: 15%;left: -60%;}
.cxDL .dd_2{top: 15%;right: -60%;}
.cxDL .dd_3{top: 85%;right: 95%;}
.cxDL .dd_4{top: 85%;left: 95%;}
.colorlogo{color: #d30007;}
.cxDL dd .tcot{width: 3.6rem;}
.cxDL .dd_1 .tcot{ position: absolute;right: 100%;bottom: -50%;text-align: right;padding-right: 15px;}
.cxDL .dd_2 .tcot{ position: absolute;left: 100%;bottom: 30%;text-align: left;padding-left: 15px;}
.cxDL .dd_3 .tcot{ position: absolute;right: 100%;top: 30%;text-align: right;padding-right: 15px;}
.cxDL .dd_4 .tcot{ position: absolute;left: 100%;top: 30%;text-align: left;padding-left: 15px;}

.section_4{background: url(../image/section_4.jpg) no-repeat center;}
.newsList{ height: 100%;position: relative;z-index: 2;}
.newsList .items{width: 90%;margin: auto;position: relative;top: .5rem;display: none;}
.newsList .items.on{display: block;}
.newLeft{width: 43%;margin-right: 2%;position: relative;}
.newLeft .txt{line-height: 1; position: absolute;left: 0;right: 0;bottom: 0;padding: .3rem;background: rgba(0,0,0,.5);background: linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0));background: -webkit-linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0));}
.newLeft .txt .txtLine{padding-left: 10px;border-left: 1px solid #fff;position: relative;z-index: 2;}
.newLeft .swiper-slide{background-size: cover !important;color: #fff;overflow: hidden;}
.newLeft .swiper-slide .bImg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover !important;}
.newRight .list{padding: .4rem .3rem .4rem 0;border-bottom: 1px solid #d6dfec;position: relative;}
.newRight .list:before{position: absolute;left: 0;top: 0;height: 0;content: '';width: 3px;background: #1d61c4;transition:all .5s;}
.newRight .list .date{text-align: center;color: #999;padding: 0 .3rem;line-height: 1.2;min-width: 0.9rem;}
.newRight .list .more{position: absolute;right: .3rem;top: .15rem;color: #999;}
.news-pagination{ position: absolute;right: .3rem;bottom: .2rem;z-index: 2;}
.news-pagination .swiper-pagination-bullet{border-radius: 0;width: .4rem;height: 2px;background: #fff;opacity: 1;margin-left: .1rem;}
.news-pagination .swiper-pagination-bullet-active{background: #f10e2a;}
.newsBg{ position: absolute;right: 0;bottom: 0;left: 0;}

.brandRight{width: 48%;background-size: cover !important;height: 100%;text-align: center;}
.brandNum .fbs{width: 30.33%; margin: 0 1.5%;}
.brandNum .fbs .line1 *{display:inline-block; color:#f3c79a;}
.brandRight .bts{width: 95%;}
.imgBad img{width: 1.5rem;margin-bottom: 1.6rem;}
.brandLeft{padding: .5rem 1.7rem 0 .85rem;background-size: cover !important;position: relative;}
.mapPoint{ margin: .1rem 0 -1.2rem 0;}
.brandMore{ position: absolute;left: .85rem;bottom: 1rem;}
.brandMore .link{background: #D51322;color: #fff;}
.phoneBanner{display: none; position:relative;z-index:5;}
.footDL dd h6 i{display: none;}

.active-btns{position: absolute;z-index: 3; line-height: .48rem;width: .48rem;text-align: center;color: #D51322;border: 1px solid #D51322;font-size: .2rem; border-radius: 50%;top: 50%;margin-top: -0.24rem;cursor: pointer;}
.active1-prev{ left: .2rem;}
.active1-next{ right: .2rem;}
.videoMenban:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';background:rgba(39,92,173,.3);z-index:4;}
.cxDL dd .tcot .mb10{background:#28569a;color:#fff;padding:0 .2rem;width: 8em;display: inline-block; margin-bottom:.3rem;}
@media only screen and (min-width:960px ) {
	.navDL dd:hover .navSon{display: block;}
	.cxDL dd .icon,.newLeft .txt:before,.newLeft .txt .txtLine,.newLeft .txt,.transtions,.shangshiDL dd:before{transition: all .5s;-webkit-transition: all .5s;}
	.menus:hover .menuNvs span{background: #D51322 !important;}
	.shangshiDL dd:hover:before{background: transparent;}
	.shangshiDL dd:hover,.shangshiDL dd:hover .color666,.shangshiDL dd:hover .color333{color: #fff;}
	.shangshiDL dd:hover .moreLink .link{background: #fff;color: #D51322;border-color: #fff;}
	.moreLink .link:hover{background: #D51322 !important;color: #fff !important;border-color: #D51322 !important;}
	.brandMore .link:hover{background: transparent !important;color: #D51322 !important;}
	.qiehuanTit .mores:hover{background: #D7231B;color: #fff;}
	.jsTxt .tit:hover{background: #d7231b;border-color: #febbb8;}
	.newRight .list:hover{background: #e0ecf9;color:#1d61c4;}
	.newRight .list:hover:before{height: 100%;}
	.newRight .list:hover .date{background: linear-gradient(to right, #1d61c4, #1d61c4);background: -webkit-linear-gradient(to right, #ff8d4a, #ff041f);-webkit-background-clip: text;color: transparent;}
	.newLeft .swiper-slide:hover .txt:before{opacity: 1;}
	.cxDL dd:hover .icon{background: #28569a;box-shadow: 0 0 20px 1px rgba(60,40,86,.5);}
	.more .link:hover{background: rgba(215,35,27,.75);}
	.active-btns:hover{border-color:#D51322;color:#fff;background:#D51322}
	
}

@media only screen and (max-width:960px ) {
	.footTop {display: block;padding: .3rem;}
	.footDL {justify-content: space-between;}
	.footDL dd{margin: 0;}
	.footBot {display: block;text-align: center;padding: .3rem;}
	.footBot .fb_3{ margin: auto;width: 5rem;}
	.footBot .fb_2 {margin: 5px 0;}
	.footDL dd p{ margin-top: .15rem;}
	.logoDiv img{ height: 30px;}
	.flexEwm .ewm{ width: 1.8rem;}
	.logoCode{ text-align: center;margin-bottom: .2rem;}
	.listppp p{display: inline-block;padding: 0 5px;}
	.logoDiv{display: block;}
	.flexEwm {justify-content: center;-webkit-justify-content: center;margin-bottom: .15rem;}
	 .top6{ margin-top:.6rem;}
	 .chuangxin{position: relative; padding-top:1rem;}
}

@media only screen and (max-width:750px ) {
	.navCotent{ margin: 0;display: block;overflow: auto;}
	.navDL{width: auto;margin-top: 1.2rem;margin-bottom: .3rem;}
	.navDL dd{border-bottom: 1px solid #eaeaea;}
	.contactUs{float: right;position: static;}
	.navSearch{ width: 6rem;margin: auto;padding-top: 40vh;}
	.gfChart{ position: static;}
	.sousuo{font-size: 20px;}
	.navMenuss{ width: auto;padding: 0 .3rem;}
	.logoLinkPC{display: none;}
	.logoLinkPhone{display: block;}
	.fontpfReg{ font-weight: normal;}
	.header{width: auto;right: 0;bottom: auto;height: 1rem;padding: 0 .3rem;box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
	.headFlex{flex-direction: row;-webkit-flex-direction: row;align-items: center;-webkit-align-items: center;}
	.logoLink img{ width: auto;height: .8rem;}
	.menus{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
    .menus p{line-height: 1;width: 1em;margin-left: 5px;font-size: 12px;}
	.menuNvs{margin-top: 5px;width: 22px;height: 22px;}
	.menuNvs span{width: 6px;height: 6px;margin-bottom: 2px;}
	.slideTxt{padding:0 .3rem;}
	.logoLink{ position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
	.jieshao{ width: 2.4rem;height: 2.4rem;top: auto; left: auto; right: 5%;bottom: 15%; display: none;}
	.navMargin{margin: 0;}
	.moreLink a, .moreLink span{ padding: 5px 10px;}
	.posiTit{ right: .3rem;top: 1.5rem;}
	.shangshiDL dd .padds{ margin-top: 1.5rem;padding: 0 1rem;}
	.paddAbs{ top: 1rem;}
	.cxDL .dd_1{top: 0;left: 0;}
	.cxDL .dd_2{top: 0;right: 0;}
	.cxDL .dd_3{top: auto;right: auto; bottom: 0;left: 0;}
	.cxDL .dd_4{top: auto; left: auto; bottom: 0;right: 0;}
	.jsImg{ width: 2.6rem;}
	.cxDL dd .icon img{ width: .4rem;height: .4rem;}
	.cxDL dd .icon{padding: 5px;}
	.jsTxt .tit .font40{font-size: .3rem;}
	.jsTxt .tit{border-width: 5px;}
	.cxDL dd .tcot{ width: 2rem;}
	.paddingMain{padding: .3rem;}
	.qiehuanTit{line-height: 32px;}
	.qiehuanTit .mores{width: 32px;margin-left: 8px;}
	.cikList .cik{min-width: 0;padding: 0 .2rem;}
	.itemNew {display: block;}
	.newsList .items{width: 92%;top:0;}
	.newLeft{width: auto;height: 30vh;margin: 0;}
	.newsList{display: block; height: auto;padding-top: 2.8rem;}
	.newRight .list .more{display: none;}
	.brandCots{display: block;}
	.mapPoint{ position: absolute;right: 0;top: 0;margin: 0;display: none;}
	.imgBad img{ margin-bottom: .35rem;}
	.brandRight{ width: auto; height: 40vh;position: absolute;left: 0;right: 0;bottom: 0;}
	.brandLeft{ padding: .25rem;position: absolute;left: 0;right: 0;top: 1rem;bottom: 40vh;}
	.brandMore{ left: .3rem;bottom: .3rem;}
    .pro-pagination{display: block;}
    .shangshiDL dd:before,.shangshiDL dd:nth-child(even):before{background: transparent;}
	.shangshiDL dd,.shangshiDL dd .color666,.shangshiDL dd .color333{color: #fff;}
	.shangshiDL dd .moreLink .link{background: #fff;color: #D51322;border-color: #fff;}
    .phoneBanner{display: block; position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover !important;}
    .footDL{display: block;}
    .footDL dd{border-bottom: 1px solid #ddd;}
    .footDL dd h6 i{display: block;}
    .footDL dd h6{padding: .2rem 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;}
    .footDL .showFoot{display: none;}
    .footDL dd p{margin: 0 0 .2rem 0;}
    .footDL dd.on .showFoot{display: block;}
    .footDL dd.on h6 i{transform: rotate(90deg);}
    .brandNum .font70{font-size:.58rem}
    .xnyImgs{overflow:hidden}
    .xnyImgs >img{width:180%;position:relative;left:-40%;max-width:180%;}
     .top6{ margin-top:.6rem;}
     .chuangxin{position: relative; padding-top:1rem;}
    
}

@media only screen and (max-width:750px ) and (min-width:480px ){
	.newsList{padding-top: 2.3rem;}
	.brandLeft{bottom: 4rem;}
	.brandRight{ height: 4rem;}
	 .top6{ margin-top:.6rem;}
	 .chuangxin{position: relative; padding-top:1rem;}
}

@media only screen and (max-width:640px ){
    body{line-height:1.5;}
    .line18{line-height:1.6}
    .cxDL dd .tcot{width:3rem;}
    .cxDL dd .tcot .font18{font-size:.22rem;}
	.cxDL .dd_1 .tcot{right: -50px; bottom: 100%; width: 4rem; margin-bottom: .3rem; padding-left: 1rem;}
	.cxDL .dd_2 .tcot{left:0;bottom:100%; margin-bottom: .3rem;}
	.cxDL .dd_3 .tcot{right: 0;top: 100%; margin-top: .3rem;}
	.cxDL .dd_4 .tcot{left: 0;top: 100%; margin-top: .3rem;}
	 .top6{ margin-top:.3rem;}
	 .chuangxin{position: relative; padding-top:1rem;}
}