@font-face {
    font-family: "OPPOSansl";
    src: 
    url("https://www.dong-xu.com/OPPOSans-L.woff") format("woff"), 
    url("https://www.dong-xu.com/OPPOSans-L.ttf") format("truetype"), 
    url("https://www.dong-xu.com/OPPOSans-L.eot") format("embedded-opentype"), 
    url("https://www.dong-xu.com/OPPOSans-L.svg") format("svg");
  }
 .oppo {font-family: "OPPOSansl"}
.pageContainer{overflow: hidden;}
.nyBanner{position: relative;overflow: hidden;margin-left: 1.2rem;}
.nytext_1{position: absolute;left: 1.2rem;top: 10%;bottom: 10%;display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;}
.nytext_center {left:0;right: 0;text-align: center;}
.nytext_center .ny_ct{width: 100%;}
.opacity5{opacity: .5;}
.nyLetter{letter-spacing: .5em;}
.mainAuto{width: 1440px;margin: auto;width: 14.4rem;max-width: 94%;}
.breadTit{padding: .2rem .2rem 0 .2rem; line-height: 1.2; text-transform: uppercase; min-width: 2.5rem; background: rgba(215,35,27,.85);color: #fff;position: relative;z-index: 2;top: -0.9rem; margin-bottom: -0.7rem;}
.breadTit .font40{margin-bottom: .1rem;}
.breadTit .bLine{height: .4rem;width: 1px;background: #fff;margin-top: .1rem;}
.breadLink{margin-top: .3rem;}
.breadLink i:nth-child(2){display: none;}
.publicNav,.prodNav{text-align: center;border-bottom: 1px solid #ddd;}
.publicNav.on{position: fixed;left: 0;right: 0;top: 0;background: #fff;z-index: 9;}
.publicNav dd,.prodNav dd{padding: 0 .5rem;}
.publicNav dd>a,.prodNav dd>a{display: block;position: relative;padding: .3rem 0;color: #666;}
.publicNav dd>a:before,.prodNav dd>a:before{position: absolute;width: 0;left: 50%;content: '';bottom: -1px;height: 3px;background: #D51322;transition: .5s;-webkit-transition: .5s;}
.publicNav dd.on>a:before,.prodNav dd.on>a:before{width: 20px;margin-left: -10px;}
.publicNav dd.on>a,.prodNav dd.on>a{color: #D51322;}
.aboutItems{margin-left: 1.2rem;}
.aboutHalf .leftImg{width: 47%;position: relative;cursor: pointer; }
.aboutHalf .flexpadding{padding: 0 1rem;}
.hLine{width: .6rem;height: 3px;background: #D51322;margin: .2rem 0;}
.openVideo{line-height: 1;color: #fff;font-size: .76rem;position: absolute;left: 50%;top: 50%;margin-top: -0.38rem;margin-left: -0.38rem;}
.openVideo i{display: block;}
.aboutItems{overflow: hidden;}
.aboutSpee .rightImg{width: 50%;background: #103059;}
.aboutSpee .rightTi{position: absolute;left: 0;bottom: 0;right: 0; padding: .3rem;}
.aboutSpee .flexpadding{padding:1rem;background: #e9e9f0;}
.height85{ height: .85rem;}
.aboutCult dd{width: 33.33%;background-size: cover !important;height: 8.2rem;overflow: hidden;position: relative;}
.aboutCult .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover !important;}
.aboutCult dd .txt{width: 78%;padding: 0 10%;color: #fff;z-index: 2;position: relative; }
.aboutCult dd .wLine{width: .4rem;height: 1px;background: #fff;opacity: .5;display: inline-block;margin: .2rem 0;}
.aboutCult dd .cot{margin-top: .7rem;line-height: .3rem;display: none;}

.aboutSocial dd{width: 23.5%;margin: 0 1.5% 1.5% 0;background: #f1f1f1;height:auto;}
.social-pagination{text-align:center;}
.aboutSocial dd .txt{padding: .25rem; line-height: .3rem;}
.abDevBg{padding: 1.5rem 0 1.2rem 0;background-size: cover !important;position: relative;}
.aboutLC{padding: 0 0 .3rem 0;max-width: 80%;margin: auto;}
.aboutLC .ac{display: none;text-align: center;}
.aboutLC .ac.on{display: block;}
.aboutLC .year{color: #29569a;line-height: 1;margin-bottom: .3rem;font-weight: bold;animation: dh_lt .5s ease-in both;-webkit-animation: dh_lt .5s ease-in both;}
.aboutLC .cos{min-height: .8rem;animation: dh_rt .5s ease-in both;-webkit-animation: dh_rt .5s ease-in both;}
.prossDiv{width: 2.3rem;position: relative;height: 2px;background: #cdcfd3;margin: auto;}
.prossDiv span{position: absolute;left: 0;top: -1px;bottom: -1px;border-radius: 5px;width: 0;background: #122a88;transition: .5s;-webkit-transition: .5s;}
.swiperYear{width: 2.3rem;margin: auto;overflow: visible;text-align: center;z-index: 2;}
.swiperYear .linef{height: 1rem;width: 1px;display: block;margin: auto;background: #ddd;position: relative;margin-bottom: .2rem;background: rgba(0,0,0,.1);}
.swiperYear .linef:after{display: block; position: absolute; content: ''; top: 100%;left: -2px; width: 5px;height: 5px;background: #333;border-radius: 5px;}
.historyBot{position: relative;}
.hisBg{position: absolute;left: 0;top: 0;height: 1rem;right: 0;background: #e0e3ee;background: linear-gradient(to left,#6877a6,#e3e6f0);}
.hisBg .bg{position: absolute;left: 0;right: 0;top: 100%;height: 6px;}
.hisBg .redCt{position: absolute; left: 50%;top: 0;bottom: 0;width: 1px;background: #D51322;}
.hisBg .redCt:before{position: absolute;border-width: 8px;content: '';border-style: solid;border-color: #fff transparent transparent transparent;left: -7px;}
.dev-btn{position: absolute;z-index: 3; line-height: .48rem;width: .48rem;text-align: center;color: #9aa4cb;border: 1px solid #9aa4cb;font-size: .2rem; border-radius: 50%;top: 50%;margin-top: -0.24rem;cursor: pointer;}
.dev-prev{ left: 10%;}
.dev-next{ right: 10%;}

.searchForm{width: 7.5rem;max-width: 90%;margin:.5rem auto;border-radius: 100px;background: #f7f7f7;}
.searchForm .txt{line-height: .3rem;height: .3rem;padding: .2rem 0;display: block;width: 100%;background: transparent;}
.searchForm .btn{padding: 0 .5rem;border-radius: 100px;color: #fff;line-height: .7rem;}
.borbt1px{border-bottom: 1px solid #eee;}
.searchRts dd{padding: .3rem 0;border-bottom: 1px solid #eee;}
.goPages {font-size: 0;text-align: center;}
.goPages .page-prev,.goPages .page-next{display: inline-block;vertical-align: top;width: 44px;line-height: 44px;border: 1px solid #f7f7f7;background: #f7f7f7;font-size: 16px;margin: 3px;}
.goPages ul{display: inline-block;vertical-align: top;}
.goPages ul li{display: inline-block;vertical-align: top;width: 44px;line-height: 44px;border: 1px solid #f7f7f7;background: #f7f7f7;font-size: 16px;margin: 3px;}
.goPages ul .current{background: #122a88;border-color: #122a88;color: #fff;}
.goPages a{display: block;}
.goPages2 .page-prev, .goPages2 .page-next,.goPages2 ul li{background: #fff;}
.bgf7f7f7{background: #f7f7f7;}
.newsDL:after{content: '';width: 31.33%;}
.newsDL dd{width: 31.33%;margin-bottom: 3%;background: #fff;box-shadow: 0 0 8px -3px rgba(0,0,0,.1)}
.newsDL dd>a{display: block;height: 100%;}
.newsDL dd .txt{padding: .3rem .3rem .4rem .3rem;}
.newsTop{ margin: .5rem 0;background: #f7f7f7;}
.newsTop .cot{padding: .6rem .6rem .1rem .6rem;}
.color29569a{color:#29569a}
.newsTop .img{width: 45.5%;}
.mediaDL dd{background: #fff;margin-bottom: .2rem;}
.mediaDL dd .date{text-align: center;background: #c8c9cc;color: #fff;width: 2.2rem;padding: .3rem 0;line-height: 1;}
.mediaDL dd .date .vline{width: .6rem;display: inline-block;height: 1px;background: #fff;margin: .22rem 0;}
.mediaDL dd .pds{padding: .3rem .5rem;}
.shares{ text-align: center;}
.shares .bdsharebuttonbox .bdb{position: relative;margin: 0 5px;display: inline-block;}
.shares .bdsharebuttonbox a{display: block; position: relative;z-index: 2; width: 32px !important;; height: 32px !important; padding: 0 !important; margin: 0 !important;   background: transparent !important;color: #fff; text-align: center;transition: 0s; }
.shares .bdsharebuttonbox .bdb i{ font-size: 32px; position: absolute; left: 0;right: 0;top: 0;bottom: 0; text-align: center; line-height: 32px;transition: .4s; -webkit-transition: .4s;}
.color009944{color: #009944;}
.color1fa2dc{color: #1fa2dc;}
.colorc83432{color: #c83432;}
.color66a3cb{color: #66a3cb;}
.newsTitle{border-bottom: 1px solid #eee;}
.detailsTxt{color: #666;line-height: 2;}
.detailsTxt p{ padding-bottom:20px;}
.detailsTxt p img{ text-align:center; }
.detailsTxt img{margin: 15px 0;height: auto !important; }
.shangxia{border-top: 1px solid #eee;}

.hangyeBg{min-height: 4rem;padding:5%;background-size: cover !important;}
.linianDL dd{background: #fff;margin-bottom: .2rem;}
.linianDL dd:nth-child(even){flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.linianDL .rtTxt{padding: .3rem .7rem;}
.linianDL .ltImg{width: 50%;}
.breadDL{border-radius: 70px;overflow: hidden;position: relative;z-index: 9;background: #f4f4f5;font-size: 0; white-space: nowrap;}
.breadDL2{background: #fff;}
.breadDL dd>a{display: block;text-align: center;line-height: .7rem;}
.breadDL dd.on>a{background: #29569a;color: #fff;}
.breadDL dd{ min-width: 1.8rem;display: inline-block;vertical-align: top;font-size: .18rem;}
.breadDL2 dd{border-left: 1px solid #eee;}
.breadDL2 dd:nth-child(1){border: 0;}
.zpVideo{position: relative;background: #000;cursor: pointer;}
.zpVideo .scaleImg{opacity: .4;}
.zpVideo .opens{width: .8rem;line-height: .8rem;background: rgba(255,255,255,.5);color: #e70013;position: absolute;left: 50%;top: 50%;margin-left: -0.4rem;margin-top: -0.4rem;text-align: center;border-radius: 50%;font-size: .24rem;}
.zpVideo .opens:before{position: absolute;left: -3px;top: -3px;right: -3px;bottom: -3px;content: '';border: 1px solid #fff;content: '';border-radius: 50%;}
.ssJobs{width: 7.5rem;max-width: 94%;margin: auto;background: #fff;border-radius: 1rem;line-height: .7rem;}
.ssJobs .btn{background: #d7231b;color: #fff;padding: 0 .5rem;border-radius: 1rem;}
.ssJobs .text{text-indent: .3rem;line-height: .3rem;padding: .2rem 0;background: transparent;width: 100%;}
.chooseDL dd{margin-bottom: .3rem;}
.chooseDL .list .item{padding: .12rem .2rem;background: #fff;margin-right: .1rem;border-radius:2px;}
.chooseDL .list .item.on{background: #29569A;color: #fff;}
.chooseList{border-bottom: 1px solid #ddd;}
.jobsDL dd{ margin-bottom: 1px;background: #fff;}
.jobsDL dd.on .jiantou{background: #29569a;color: #fff;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.jobsDL dd .top{ padding: .3rem .3rem .3rem .3rem;position: relative;cursor: pointer;}
.jiantou{position: absolute;right: 0;bottom: 0;line-height: .6rem;width: .6rem;text-align: center;font-size: .3rem;color: #0c73ff;}
.jobsDL .bot{display: none; padding: 2% 2% 3% 2%;background: #e6eef6;line-height: 2;}
.onBtn .btn{min-width: 130px;text-align: center;padding: 7px 15px;border-radius: 5px;color: #fff;display: inline-block;background: #28569A;margin-left: 5px;margin-top: 5px;}
.jobsDL dd.on .bot{display: block;}
.activeBg{background-size: cover !important;text-align: center;padding: .6rem 0 1.58rem 0;}
.activeBg .ct{width: 920px;max-width: 94%;margin: auto;}
.activeBg .img1{height: .9rem;}
.activeBg .img3{height: .35rem;margin: 0 .2rem;}
.plusMore .iconfont{width: .6rem;line-height: .6rem;text-align: center;background: #f1f1f1;font-size: .24rem;display: inline-block;}
.activeList .swiper-slide{display: block;overflow: hidden;position: relative;text-align: center;}
.activeList .txt,.jbBg{padding: .2rem .1rem; line-height:1.6;}
.active-btn{ position: absolute;line-height: .6rem;width: .6rem;text-align: center;border-radius: 50%;top: 50%;margin-top: -0.3rem;z-index: 3;cursor: pointer;transition: .3s;font-size: .24rem;background: #122a88;color: #fff;}
.active-prev{ left: -0.7rem;}
.active-next{ right: -0.7rem;}
.swiperBtns{text-align: center;}
.swiperBtns .swiper-pagination-bullet{border-radius: 0;width: 25px;height: 3px;margin: 0 5px;}
.active-pagination{display: none;}
.color6a7080{color: #6a7080;}
.gonghuiDL dd{background: #fff;width: 49%;margin-bottom: 2%;}
.gonghuiDL dd>a{padding: .15rem}
.gonghuiDL dd .imgs{width: 2.15rem;margin-right: .2rem;}
.bgfff{background: #fff;}
.activeTop .imgs{width: 50%;}
.activeTop .txt{padding: .3rem .7rem;}

/*产品样式*/
.coverBg{background-size: cover !important;}
.mrginLt12{margin-left: 1.2rem;}
.productTop{position: relative;}
.halfImg{width: 50%;}
.halfImg img{display: block;width: 100%;}
.productTop .txt{position: absolute;left: 50%;top: 0;right: 0;background: #f6f6f6;padding: .7rem;max-height: 9rem;overflow-y: auto;}
.hLinemg{margin: .1rem 0;}
.chaBg{position: relative;}
.chaBg .tit{position: absolute;top: 1.1rem;left: 1.2rem;text-transform: uppercase;font-size: .66rem;line-height: 1;color: #fff;opacity: .2;}
.max660{width: 660px;max-width: 100%;}
.zsDL{width: 103%;}
.fourDD{width: 102%;}
.fourDD dd{width: 23%;margin: 0 2% 2% 0;position: relative;}
.zsDL dd{width: 22%;margin: 0 0 0 20%;}
.ywItem{width: 650px;max-width: 100%;}
.ywItem .item{display: none;}
.ywItem .item.on{display: block;}
.pjNumber .nm{width: 49%;text-align: center;padding: .3rem 0;background: rgba(255,255,255,.2);}
.yeMinht{min-height: 2.8rem;}
.layout{width: 10.60rem;margin:1.6rem auto;max-width: 90%;position: relative;}
.layout .qq{position: absolute;width: 1.8rem;height: 1.8rem;text-align: center;background: rgba(204,153,102,.4);border-radius: 50%;}
.layout .qq img{width: .6rem;}
.layout .qq_1{bottom: 100%; margin-bottom: -0.5rem; left: 50%;margin-left: -0.9rem;}
.layout .qq_2{top: 50%; margin-top: -0.9rem; right: -0.5rem;}
.layout .qq_3{top: 100%; margin-top: -0.5rem; left: 50%;margin-left: -0.9rem;}
.layout .qq_4{top: 50%; margin-top: -0.9rem; left: -0.5rem;}
.dxLogo{position: absolute;left: 50%;top: 50%;width: 1.68rem;height: 1.68rem;margin-left: -0.84rem;margin-top: -0.84rem;}
.dxLogo .name{position: absolute;left: 0;top: 0;line-height: 1.68rem;width: 1.68rem;text-align: center;}
.lineQ{position: absolute;left: -0.8rem;top: -0.8rem;right: -0.8rem;bottom: -0.8rem;border-radius: 50%;background:#cc9966;opacity: 0.8;}
.lineQ1{animation: lineQ1 5s linear infinite both;-webkit-animation: lineQ1 5s linear infinite both;}
.lineQ2{animation: lineQ1 5s 1s linear infinite both;-webkit-animation: lineQ1 5s 1s linear infinite both;}
.lineQ3{animation: lineQ1 5s 2s linear infinite both;-webkit-animation: lineQ1 5s 2s linear infinite both;}
.lineQ4{animation: lineQ1 5s 3s linear infinite both;-webkit-animation: lineQ1 5s 3s linear infinite both;}
.lineQ5{animation: lineQ1 5s 4s linear infinite both;-webkit-animation: lineQ1 5s 4s linear infinite both;}
.lineQ6{animation: lineQ1 5s 5s linear infinite both;-webkit-animation: lineQ1 5s 5s linear infinite both;}
.bgeff3f5{background: #eff3f5;}
.guangdian .item{display: none;}
.guangdian .item.on{display: block;}
.halfItem{width: 50%;background: rgba(0,0,0,.5);min-height: 5.5rem;}
.halfItem .pds{padding: 1.2rem;}
.halfItem .pds2{padding: .6rem 1.2rem;}
.jishuDL dd{background: #fff;margin-bottom: .2rem;}
.jishuDL .tops{background: #4887bf;color: #fff;padding-left: .3rem;cursor: pointer;}
.jishuDL .tops .icon{width: 1.4rem;text-align: center;padding: .1rem 0;font-size: .24rem;background: #085aa0;}
.jishuDL .bots{padding: .3rem;display: none;}
.jishuDL dd.on .icon{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.jishuDL dd.on .bots{display: block;}
.oledProd{background-size: cover !important;}
.oledList .oled{display: none;}
.oledList .oled.on{display: block;}
.oledList{padding: .5rem 0 0 0;}
.oledPadds{padding:.5rem 1rem;min-height: 1.6rem;}
.gaibanboli{position: relative;margin-bottom: .3rem;}
.gaibanboli .swiper-slide{ width: 88%;background: #000;}
.gaibanboli .swiper-slide img{display: block;width: 100%;opacity: .5;transition: .5s;}
.gaibanboli .swiper-slide-active img{opacity: 1;}
.gaibanboli .btn{position: absolute;cursor: pointer;padding: 0 .1rem; line-height: 1;font-size: .4rem;top: 50%;margin-top: -0.2rem;color: #fff;z-index: 5;}
.gaibanboli .fin-prev{ left: 0;}
.gaibanboli .fin-next{ right: 0;}
.gbblItmes{position: absolute;left: 0;right: 0;bottom: -0.28rem;}
.gbblItmes .gb{line-height: .56rem;padding: 0 .1rem; min-width: 1.6rem;text-align: center;background: #3d90cf;border-radius: 5px;color: #fff;margin: 0 .35rem;z-index: 3;}
.gbblItmes .gb:hover,.gbblItmes .gb.on{background: #29569a;}
.oledPadds .utgItem{display: none;}
.oledPadds .utgItem.on{display: block;}
.gdxszbyw{background: #f0f4f5;padding: .5rem 0;}
.zbywDL{width: 101%;}
.zbywDL dd{width: 29%;margin: 0 2% 2% 2%;position: relative;}
.leftEdge{width:50%;position:relative;line-height:1.5;}
.leftEdge .title{position:absolute; left:12.1%;bottom:14.7%;height:31%;width:31%;background:#4d7ec5;color:#fff;border-radius:50%;}
.leftEdge .qbg{position:absolute;left:0;top:0;width:100%;height:100%;}
.leftEdge .edge{position:absolute;width:34.3%;height:34.3%;background-size:cover !important;}
.edge_1{position: absolute;right: 43.3%;top: 3.4%;}
.edge_2{position: absolute;right: 5%;top: 22.1%;}
.edge_3{position: absolute;right: 3.6%;top: 62.3%;}
.leftEdge .edge .cts{position:absolute;left:6%;top:6%;right:6%;bottom:6%;background:#f8fbfe;border-radius:50%;border:.2rem solid #a6bee2;}


.yoshiDL dd{background: #f3f3f3;margin-bottom: .1rem;}
.yoshiDL dd .icon{width: 2.3rem; padding: .5rem 0; text-align: center;background-size: cover !important;background-color: #868ba0 !important;transition: background-color .5s;}
.yoshiDL dd .txt{padding: .3rem;}
.leftEdge{margin-right: .5rem;}
.yoshiDL dd:hover .icon{background-color: #F10E2A !important;}
.xnyqcSwiper1 .swiper-slide{background: #e8eaec; height: auto;}
.xnyqcSwiper1 .imgs{min-height: 3.7rem;width: 3.7rem;background-size: cover !important;}
.xnyqcSwiper1 .txt{padding: 8% 5% 5% 5%;}
.xnyqcSwiper1 .slideFlex{ height: 100%;}
.xnyqcSwiper1 .swiper-pagination-bullet-active{background: #F10E2A;}
.xnyqcSwiper1 .swiper-pagination-bullet{width: 10px;height: 10px;}
.xnyqcPages{text-align: center;padding: .2rem 0;}
.xnyqcSwiper2 .active-prev{ left: 10%;}
.xnyqcSwiper2 .active-next{ right: 10%;}
.guimoDL{text-align: center;}
.guimoDL dt{width: 15%;margin-bottom:1%;background: #fff;position: relative;}
.guimoDL dt:before{position: absolute;content: ''; opacity: 0; left: 0;top: 0;right: 0;bottom: 0;background:#29569a url(../image/e7.png) no-repeat right top;background-size: cover !important;}
.guimoDL dd{width: 27.3%;background: #fff;margin: 0 0 1% 1%;position: relative;}
.guimoDL dd:before{position: absolute;content: '';opacity: 0; left: 0;top: 0;right: 0;bottom: 0;background:#29569a url(../image/b2.jpg) no-repeat right top;background-size: cover !important;}
.guimoDL dt,.guimoDL dd{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.guimoDL .ct{padding: .2rem .1rem;position: relative;z-index: 2;}
.xnyImgs{position: relative;}
.xnyImgs .txt_1{position: absolute;left: 1rem;top: 20%;right: .3rem;}
.xnyImgs .txt_2{position: absolute;left: 50%;right: 1.2rem;bottom:10%;}
.bussinessDL{text-align: center;width: 102%;}
.bussinessDL dd{width: 18%;margin: 0 2% 2% 0;}

.bussinessDL dd .icon{width: 1.2rem;display: flex;margin: auto; height: 1.2rem;border-radius: 50%;color: #fff;font-size: .5rem;align-items: center;justify-content: center;}
.bussinessDL dd .icon img{max-width:90%;}

.bussinessDL2{text-align: center;width: 102%;}
.bussinessDL2 dd{width: 23%;margin: 0 2% 2% 0;}

.bussinessDL2 dd .icon{width: 1.2rem;display: flex;margin: auto; height: 1.2rem;border-radius: 50%;color: #fff;background: #29569A;font-size: .5rem;align-items: center;justify-content: center;}
.bussinessDL2 dd .icon img{max-width:70%;}

.xiangmuDL{width: 101%;}
.xiangmuDL dd{width: 24%;margin: 0 1% 1% 0;background: #096cc1;}
.xiangmuDL2 dd{width: 19%;}
.xiangmuDL dd .pads{padding: .2rem;}
.xiangmuDL dd .num{padding-top: .1rem;}
.opacity2{opacity: .2;}
.fullSolu .fus{text-align: center;padding: .1rem 0;}
.linef{width: 1px;height: .6rem;background: #eee;}
.bgf3f3f3{background: #f3f3f3;}
.plantAdv{position: relative;width: 6rem;text-align: center; margin: 1.2rem 0 .6rem 1.8rem;}
.plantAdv .blockImg{animation: suof 6s linear infinite both;-webkit-animation: suof 6s linear infinite both;}
.plantAdv .txt{position: absolute;left: 50%; margin-left: -1.45rem; width: 2.9rem;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.fiveList dd{position: absolute;width: 32%;height: 32%;background: rgba(41,86,154,.2);border-radius: 50%;}
.fiveList dd .padds{width: 86%;height: 86%;margin: 7%;background: #29569a;border-radius: 50%;}
.fiveList dd .padds:before{position: absolute;left: 13%;top: 13%;right: 13%;bottom: 13%;content: '';border: 1px solid rgba(255,255,255,.2);border-radius: 50%;}
.fiveList .dd_1{top: -2%;left:8%;}
.fiveList .dd_2{top: -2%;right:8%;}
.fiveList .dd_3{top: 80%;right:10%;}
.fiveList .dd_4{top: 80%;left:10%;}
.fiveList .dd_5{top: 40%;left:-20%;}
.fiveList .dd_6{top: 40%;right:-20%;}
.plantNum{text-align: center;}
.colorlogo2{color: #096cc1;}
.plantNum .pnum{padding: .25rem 0;}
.max1020{max-width: 1020px;margin: auto;}
.projectLink{border: 1px solid #c7102c;color: #c7102c;padding: .1rem .25rem;border-radius: 2px;}
.businessList .swiper-slide{background: #29569a;position: relative;overflow: hidden;}
.businessList .swiper-slide .blockImg{opacity: .2;}
.businessList .swiper-slide .cot{color: #fff; position: absolute;left: .1rem;right: .1rem;text-align: center;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);z-index: 2;}
.businessList .active-prev{ left: .2rem}
.businessList .active-next{ right: .2rem}
.chaBg .nyTitle{ position: absolute;left: 1rem;top: 1rem;}
.studyParty{position: relative;}
.studyLeft{ width: 47%;}
.studyBg{ position: absolute;top: 0;right: 0;bottom: 0;left: 50%;background-size: cover !important;}
.studyFlex .item{background: #fff;min-height: .8rem; overflow: hidden; padding: .1rem 0;position: relative;text-align: center;width: 49%;margin-top: 2%;}
.studyFlex .item .ct{width: 94%;position: relative;z-index: 2;}
.plusMorefff .iconfont{background: #fff;}
.logobgs{position: absolute;left: 0;bottom: 0;width: 100%;max-width: 3.6rem;}
.studyParty2{ position: relative;padding-left: 53%;}
.learnBg{ position: absolute;top: 0;right: 50%;bottom: 0;left: 0;background-size: cover !important;} 
.learnFlex .item{display: block;padding:.3rem .2rem;position: relative;overflow: hidden;}
.newElse .list{width: 49%;background: #fff;margin-bottom: 2%;border: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.hengyuTxt{position: absolute;left: 0;right: 0;bottom: 0;padding: .3rem;}
.fazhanDL:after{content: '';width: 31.33%;}
.fazhanDL dd{width: 31.33%;margin-bottom: 2%;position: relative;background: #f2f4f6;}
.fazhanDL dd .gbg{position: absolute;left: 0;width: 100%;top: 0;}
.fazhanDL dd .cts{position: relative;z-index: 1;padding: .3rem .3rem .6rem .3rem;}
.chuangxins{padding:0;}
.flex1{flex:1;}
.oledHeight{height:44vw;min-height:500px;position:relative;}
.oledList .f1{width:1.4rem;text-align:center;background:#365895;color:#fff;writing-mode:vertical-lr;}
.oledList .f2{width:4.5rem;background:#f5f6f8;}
.bge9ebee{background:#e9ebee;}
.bgf5f6f8{background:#f5f6f8}
.bdtop{border-top:1px solid #eee;}
.bdtop:nth-child(1){border-top:0;}
.fontArial{font-size:.8rem;line-height:1;}
.plr6{padding:.2rem .6rem;}
.plr20{padding:.2rem 2rem;}
.plr16{padding:.2rem 1.6rem;}
.bgCover{background-size:cover !important;}
.rongyuImg {position:absolute;left:0;right:0;bottom:0;}
.oledHeight3{background:#2a6cab;}
.p3ads{padding:.6rem 1rem}
.p3ads .flex1{padding-right:.3rem}
.oledHeight2{background:#f2f3f6}
.oledHeight2 .top{padding:.7rem 0;}
.topImgs img{display:inline-block;width:2.8rem;margin:.1rem .2rem}
.colorred{color:#d7231b}
.bg365895{background:#365895}
.bgd7231b{background:#d7231b}
.oledHeight2 .icon img{width:1.38rem;border-radius:50%;border:0.06rem solid #fff;border-color:rgba(255,255,255,.5)}
.tixiList{ position:absolute; top:.4rem;bottom:.4rem; min-width:2.5rem; background:#fff;padding:0 1rem;border-radius:3rem; left:50%; transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}
.oledHeight2 .title{position:absolute;left:.6rem;top:.28rem;}

.contact-list-l{margin-bottom: 4%;margin: 4% 0;}
.contact-list-l li{width: 47%;border-radius:10px;box-sizing:border-box;padding: 3%;background-color:#FFFFFF;box-shadow:0px 1px 10px 5px rgba(198,198,198,.15);transition: .5s;margin: 0.2rem;}
.contact-list-l li:hover{transform: translateY(-10px);}
.contact-list-l li:nth-child(1) img{width: 4rem;}
.contact-list-l li img{width: 2rem;}
.contact-list-l li .p-title{color:#000;font-weight:bold;margin-top: .1rem;}
.contact-list-l li .des{color: #666;transition:all .2s linear;margin:4px 0px;}

.caishui ul{display: flex;justify-content: space-evenly;flex-wrap: wrap;margin: 0.5rem 0;}
.caishui li{width: 18%;border: 1px solid #f1f1f1;margin-bottom: 0.3rem;padding: .3rem;}
.caishui li img{width: 1rem;transition: .5s;}
.caishui li .in-ti{font-size: .2rem;margin: 0.1rem 0;font-weight: bold;}
.caishui li .in-des{font-size: .16rem;}
.caishui li:hover{border-color: #29569a;}
.caishui li:hover img{transform: rotateY(360deg);}

@media only screen and (min-width: 960px){
	.fazhanDL dd,.businessList .swiper-slide,.businessList .swiper-slide .blockImg,.fiveList dd .iconfont,.fiveList dd,.fiveList dd .padds,.fullSolu .fus,.xiangmuDL dd,.bussinessDL dd .icon,.guimoDL dd:before,.guimoDL dt:before,.edgeList .edge,.gaibanboli .btn,.jishuDL .tops,.layout .qq img,.layout .qq,.pjNumber .nm,.gonghuiDL dd,.zpVideo .opens:before,.zpVideo .opens,.zpVideo,.tran5,.zpVideo .scaleImg,.hLine,.mediaDL dd .date,.dev-btn,.aboutCult .bg,.openVideo{transition: .5s;-webkit-transition: .5s;}
	.publicNav dd:hover>a:before{width: 20px;margin-left: -10px;}
	.publicNav dd:hover>a{color: #D51322;}
	.aboutHalf .leftImg:hover .openVideo{color: #D51322;}
	.aboutCult dd:hover .bg{transform: scale(1.1);-webkit-transform: scale(1.1);}
	.dev-btn:hover{background: #28569A;color: #fff;border-color: #28569A;}
	.searchForm .btn:hover{background: #122a88;}
	.goPages ul li>a:hover,.goPages .page-prev>a:hover, .goPages .page-next>a:hover{background: #29569a;color: #fff;}
    .mediaDL dd:hover .date{background: #5a91e3;}
    .linianDL dd:hover .hLine{padding-right: .4rem;}
    .zpVideo:hover .scaleImg{opacity: .7;}
    .zpVideo:hover .opens,.onBtn .btn:hover{background: #E70013;color: #fff;}
    .zpVideo:hover .opens:before{border-color: #E70013;}
    .ssJobs .btn:hover{background: #29569A;}
    .gonghuiDL dd:hover{box-shadow: 0 0 25px -1px rgba(0,0,0,.1);transform: translate(0,-1px);}
    .active-btn:hover,.plusMore .iconfont:hover,.hoverRedBg{background: #E70013 !important;color: #fff !important;border-color: #E70013 !important;}
    .productTop .txt{min-height: 5.5rem;/*display: flex;flex-direction: column;justify-content: center;display: -webkit-flex;-webkit-flex-direction: column;-webkit-justify-content: center;*/}
    .pjNumber .nm:hover{background: rgba(199,16,44,.6);}
    .breadDL dd:hover>a{background: #E70013;color: #fff;}
    .layout .qq:hover{background: #ffb4b3;}
    .layout .qq:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    .jishuDL .tops:hover{background: #085aa0;}
	.gaibanboli .btn:hover{color: #E70013;}
    .guimoDL dd:hover:before{opacity: 1;}
    .guimoDL:hover dt:before{opacity: 1;}
    .guimoDL:hover dt,.guimoDL:hover dt *{color: #fff;}
    .bussinessDL dd:hover .icon{font-size: .68rem;}
    .bussinessDL dd:hover .font20{color: #096cc1;font-weight: bold;}
    .xiangmuDL dd:hover{background: #c7102c;}
	.fullSolu .fus:hover{background: #c7102c;}
	.fullSolu .fus:hover *{color: #fff;}
	.fiveList dd:hover .padds{background: #c7102c;}
	.fiveList dd:hover {background: rgba(199,16,44,.2);}
	.fiveList dd:hover .iconfont{display: inline-block;transform: rotate(360deg);-webkit-transform: rotate(360deg);}
	.projectLink:hover{background: #C7102C;color: #fff;}
	.businessList .swiper-slide:hover{background: #000000;}
	.businessList .swiper-slide:hover .blockImg{opacity: .5;transform: scale(1.05);-webkit-transform: scale(1.05);}
    .learnFlex .item:hover,.studyFlex .item:hover{background: #d4170f;color: #fff;}
    .fazhanDL dd:hover{background: #d4170f;color: #fff;}
    .fazhanDL dd:hover *{color: #fff;}
    .xnyqcSwiper1 .txt{transition:.5s;}
    .xnyqcSwiper1 .txt:hover{background:#096cc1;color:#fff;}
    .xnyqcSwiper1 .txt:hover *{color:#fff !important;}
    .oledHeight1>div>.flex1,.topImgs img,.oledHeight2 .icon img,.tixiList,.oledHeight3 .flex1,.leftEdge .qbg,.leftEdge .edge .cts,.leftEdge .title{transition: .5s;-webkit-transition: .5s;}
    .oledHeight1>div>.flex1:hover{background:#d5dff4;box-shadow:0 0 14px -1px rgba(0,0,0,.1)}
    .topImgs img:hover{box-shadow:0 0 14px -1px rgba(0,0,0,.15)}
    .oledHeight2 .flexBlock>.flex1:hover .icon img{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
    .tixiList:hover{background:#d5dff4}
    .oledHeight3 .flex1:hover{color:#f4cc2d}
    .leftEdge .edge:hover .qbg{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
    .leftEdge .edge:hover .cts{border-color:#4d7ec5}
    .leftEdge .title:hover{background:#f8fbfe;box-shadow:0 0 25px 5px rgba(0,0,0,.2);color:#4d7ec5}
    .leftEdge .edge{position:absolute;width:40.3%;height:40.3%;background-size:cover !important;}
    .top6{ margin-top:.6rem;}
	
	.scaleImg_imgportant img{width: 1rem;}
}
@media only screen and (max-width: 960px){
    .breadLink{display:none;}
	.publicNav,.prodNav{margin-left: 1.2rem;}
	.publicNav dd,.prodNav dd{padding: 0;flex: 1;max-height: 30%;}
	.aboutHalf .flexpadding{padding: .3rem;}
	.aboutSocial dd{width: 48.5%;}
	.mainAuto{margin: 0 0.6rem 0 1.8rem;width: auto;}
	.aboutSpee .flexpadding{padding: .3rem;}
	.newsTop .cot{padding: .3rem;}
	.linianDL .rtTxt{padding: .25rem .3rem;}
	.activeTop .imgs{width: auto;}
	.activeTop .txt{padding: .3rem;}
	.activeTop {display: block;}
	.halfImg{width: auto;}
	.productTop .txt{position: static;padding: .3rem;max-height: none;}
	.zsDL dd{width: 40%; margin: 0 0 0 5%;}
	.fourDD dd{width: 48%;}
	.chaBg .tit{top: .5rem; left: .6rem;}
	.nytext_1{left: .6rem;}
	.oledPadds{padding: .3rem 0;}
	.oledList{padding: .3rem 0 0 0;}
	.gbblItmes{justify-content: space-between;-webkit-justify-content: space-between;}
	.gbblItmes .gb{margin: 0;}
	.gaibanboli .swiper-slide{width: 100%;}
	.halfItem .pds{padding: .6rem;}
	.zbywDL dd{width: 45%;}
	.edgeParent {display: block;}
	.leftEdge{margin: .3rem auto; width:auto;}
	.plantAdv{margin: 1.2rem 0 .6rem .6rem;}
	.studyLeft{width: auto;}
	.studyBg,.learnBg{position: static;height: 80vw;}
	.studyParty2{position: static;padding: 0;}
	.learnFlex .item{ padding: .3rem 0 0 0;}
	.fazhanDL{display: block;}
	.fazhanDL dd{width: auto;}
	.chuangxins{padding:0 !important;}
	.oledHeight{display:block;height:auto;}
	.oledList .f1{writing-mode: initial;display:block;width:auto; line-height:3;}
	.oledList .f2{width:auto;}
	.rongyuImg{position:static;}
	.p3ads{display:block;padding:.3rem .6rem;}
	.oledHeight2 .flexBlock{display:block;}
	.tixiList{position:static;padding:.2rem;transform: translate(-0,0);-webkit-transform: translate(-0,0);border-radius:0;}
	.oledHeight2 .title{position:static;color:#096cc1;text-align:center;}
	.oledHeight2 .plr6{padding:.5rem .3rem}
	.oledHeight2 .top{padding:.5rem 0 .2rem 0}
	
	 .leftEdge .edge{position:absolute;width:40.3%;height:40.3%;background-size:cover !important;}
	 .oledHeight2 .plr20{padding:.2rem 1rem;}
	 .oledHeight2 .flexrev{flex-flow:row;}
	 .oledHeight2 .txtRighter{text-align:left;}
	 .oledHeight2 .icon {padding:0 .5rem 0 0}
}
@media only screen and (max-width: 768px){
	.contact-list-l li{width: 100%;}
	
}
@media only screen and (max-width: 750px){
    .breadLink{display:none;}
	.mrginLt12{margin-left: 0;}
	.publicNav,.prodNav{margin: 0;}
	.nyBanner{margin: 0;}
	.aboutItems{margin: 0;}
	.breadOver{margin: 0.1rem 0.9rem;}
	.breadOver{overflow-x: auto;}
	.mainAuto{margin: 0 .3rem;}
	.publicNav.on{ left: 0;z-index: 25;}
	.breadTit{ top: -0.5rem;margin-bottom: -0.5rem;min-width: 2rem;}
	.breadTit .bLine{ height: .3rem;}
	.pageContainer{margin: 1rem 0 0 0;}
	.nytext_1{left: .3rem;right: .3rem;}
	.aboutHalf {display: block;}
	.aboutHalf .leftImg{width: auto;}
	.aboutSpee {display: block;}
	.aboutSpee .rightImg{width: auto;}
	.aboutCult dd .cot{display: block !important;margin-top: .3rem; }
	.aboutCult dd .cot p{line-height:2;}
	.aboutCult{display: block;}
	.aboutCult dd{width: auto;height: auto;display: block;}
	.aboutCult dd .txt{width: auto;padding:.8rem;}
	.aboutLC .year{font-size: .5rem;}
	.dev-prev{ left: 2%;}
	.dev-next{right: 2%;}
	.newsTop .link{display: block;}
	.newsTop .img{width: auto;}
	.newsDL dd{width: 48.5%;}
	.newsDL dd .txt{padding: .25rem;}
	.linianDL dd{display: block;}
	.linianDL .ltImg{width: auto;}
	.active-pagination{display: block;}
	.active-btn{display: none;}
	.gonghuiDL {display: block;}
	.gonghuiDL dd{width: auto;}
	.gonghuiDL dd .imgs{width: 2.82rem;}
	.chaBg .tit{left: .3rem;}
	.jishuDL .tops .icon{width: 0.8rem;}
	.halfItem .pds{padding: .3rem;}
	.chaBg .nyTitle{ left:.3rem;top:.3rem;}
	.chaBg .nyTitle .pt5{padding-top:.1rem}
	.breadDL dd{min-width:0;}
	.breadDL dd>a{line-height: .35rem; padding: .2rem .4rem .2rem .4rem; white-space: normal;}
	.top6{ margin-top:.6rem;}
	.leftEdge .edge{position:absolute;width:40.3%;height:40.3%;background-size:cover !important;}
	.oledHeight2 .icon img{width:.8rem;border-radius:50%;border:0.06rem solid #fff;border-color:rgba(255,255,255,.5)}
	.fontArial{font-size:.5rem;line-height:1.6;}
}

@media only screen and (max-width:640px ) {
	.chaBg {overflow: hidden;}
	.chaBg img{max-width: 150%;width: 150%;margin-left: -25%;}
	.aboutSocial{display: block;width: auto;padding: 0 .3rem;}
	.aboutSocial dd{width: auto;margin: 0 0 .3rem 0;}
	.nyBanner .blockDiv img{max-width: 140%;width: 140%;margin-left: -20%;}
	.goPages ul li,.goPages .page-prev, .goPages .page-next{width: .7rem;line-height: .7rem;}
	.halfItem{width: auto;}
	.breadOver{margin: 0.1rem 0.9rem;}
	.breadOver{overflow-x: auto;}
	.zbywDL dd{width: 46%;}
	.xnyqcSwiper1 .slideFlex{display: block;}
	.xnyqcSwiper1 .imgs{width: auto;height: 60vw;}
	.bussinessDL dd{width: 45%;}
	.xnyImgs .txt_2,.xnyImgs .txt_1{ left: .3rem;right: .3rem;}
	.xnyImgs .txt_2{bottom: 10%;}
	.guimoDL dt{width: 20%;}
	.guimoDL dd{width: 25.66%;}
	.yuweiMng{display: block;}
	.plantAdv{ margin: 1.2rem auto .3rem auto;}
	.plantNum{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
    .plantNum .font70 {display: block;font-size: .48rem;}
    .plantNum .pnum{flex: 1;-webkit-flex: 1;}
    .xiangmuDL dd{width: 49%;}
    .fullSolu .fus .font22{min-height: 3.2em;}
    .newElse{display: block;}
    .newElse .list{width: auto;}
    .hengyuTxt{position: static;padding: 2.8rem 0 0 0;}
    .hangyeBg{padding:.8rem .3rem}
    .topImgs img{width: 3.2rem;
    margin: 0.1rem 0.1rem;}
    .publicNav{display:block;text-align:center; overflow:hidden; white-space:nowrap;overflow-x:auto;}
    .publicNav dd{display:inline-block;padding:0 .15rem}
     .top6{ margin-top:.6rem;}
     .leftEdge .edge{position:absolute;width:40.3%;height:40.3%;background-size:cover !important;}
     .fontArial{font-size:.5rem;line-height:1.6;}
	 .contact-list li{width: 100%;margin-top: 2%;}
	.scaleImg_imgportant img{width: 1rem;}
}
@media only screen and (max-width:500px ) {
	.caishui ul{justify-content: space-between;}
	.caishui li{width: 38.5%;}
}