@font-face {
  font-family: "opposansl";
  src:  format("woff2"),  format("woff"),  format("truetype"),  format("embedded-opentype"),  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 .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: 110px;}
.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: 1.4rem;}
.footdl dd p{height: 0.4rem}
.listppp p{margin-top: 0px;}
.flexewm .ewm{ width: 1.1rem;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: 70%;height: 70%;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(/uploads/image/scwimages/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: .4rem;}
	.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;}
}