@font-face {
    font-family: "opposansl";
    src: 
     format("woff"), 
     format("truetype"), 
     format("embedded-opentype"), 
     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;}
.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 .pagenumact{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;}
.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;}
.activelist .txt,.jbbg{position: absolute;left: 0;right: 0;bottom: 0;padding: .5rem .1rem .2rem .1rem;background: rgba(0,0,0,.5);background: linear-gradient(to top,#28569ab8,rgba(0,0,0,0));background: -webkit-linear-gradient(to top, rgba(0,0,0,.75),rgba(0,0,0,0)); 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.3rem;}
.active-next{ right: -0.3rem;}
.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: 20%;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(/uploads/image/scwicp/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(/uploads/image/scwicp/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: 23%;margin: 0 2% 2% 0;}

.bussinessdl 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;}
.bussinessdl dd .icon img{max-width:70%;}

.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 .pads .font20{min-height: 3.2em;}
.xiangmudl dd .num{text-align: right;padding-top: .4rem;}
.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;}




@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;}

}
@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: 32.33%;}
	.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: 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: 49%;}
	.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;}
}