.banner{overflow: hidden;width: 100%;height: 100vh;position: relative;background-size: cover !important;}
.banner::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.25);}
.banner video{display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerTxt{ position: absolute;left: 0;right: 0;text-align: center;top: 62%;z-index: 5;}
.moresLook a{display: inline-block;border: 2px solid #fff;padding: .1rem .5rem;color: #fff;border-radius: 1rem;}
.swiper-container .swiper-wrapper{height:auto;}
.pageItem{overflow: hidden;padding: .5rem 0;;}
.coverBg{background-size: cover !important;}
.upcase{text-transform: uppercase;}
.colorff7500,.colorlogo{color:#ff7500}
.color999{color: #999;}
.icon40{height: .4rem;}
.prodDL{width: 101%;}
.prodDL dd{width: 24%;margin: 0 1% 1% 0;}
.prodDL dd>a{display: block;background: #f5f6f7;border: 1px solid #f5f6f7;box-sizing: border-box;-webkit-box-sizing: border-box;padding: .25rem 0 0 0;}
.prodDL dd .tit{line-height: 1;padding-left: .24rem;position: relative;}
.prodDL dd .tit::before{position: absolute;left: 0;top: 0;content: '';height: 0;transition: .5s;width: 3px;background: #ff7500;}
.prodDL dd .rtMore{text-align: right;padding:.2rem .1rem .1rem 0;}
.prodDL dd .scaleImg{/*padding: 3% 8%;*/margin: .25rem 0 0 0;}
.rtMore .more{display: inline-block;vertical-align: top;padding:0.08rem .12rem;line-height: 1; border-radius: 1rem;}
.bgf5f6f7{background: #f5f6f7}
.nineSolutions .items{width: 19.5%;margin-bottom: 0.5%;height: 2.17rem;background-size: cover !important;position: relative;color: #fff;transition:width: .5s;}
.nineSolutions .items.on{width:25.5%}
.nineSolutions .items.small{width:18%;}
.nineSolutions .items::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.4)}
/*.nineSolutions .items:nth-child(1){width: 29%;}*/
/*.nineSolutions .items:nth-child(2),.nineSolutions .items:nth-child(3),.nineSolutions .items:nth-child(4),.nineSolutions .items:nth-child(5){width: 17.125%;}*/
.nineSolutions .items .tit{position: absolute;left: 0;top: 0;padding: .2rem .2rem 0 .2rem;}
.nineSolutions .items .more{position: absolute;left: 0;bottom: 0;margin:0 .2rem .2rem .2rem;opacity: 0;background: #ff7500;color: #fff;padding:0.08rem .12rem;border-radius: 1rem;line-height: 1;}
.wxSolu{ position: absolute;left: 0;top: 0;padding: .3rem;right: 0;}

.successCase .txt{ position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;padding: 1rem 0 .3rem 0;background: linear-gradient(transparent 0,rgba(3,47,79,.8))}
.successCase .txt .plr{padding: 0 .3rem;position: relative;color: #fff}
.successCase .txt .tit::before{position: absolute;left: 0;top: 0;bottom: 0;content: '';width: 5px;background: #ff7500;}
.successCase .swiper-slide-active .txt{opacity: 1;}
.successCase .swiper-slide{ width: 52%;}
.successCase .swiper-slide::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(255,255,255,.5)}
.successCase .swiper-slide-active::before{display: none;}
.successCase .swiper-slide img{display: block;width: 100%;}
.fin-pagination{text-align: center;}
.fin-pagination .swiper-pagination-bullet{border-radius: 10px;transition: .5s;margin:0 4px;width: 6px;height: 6px;}
.fin-pagination .swiper-pagination-bullet-active{background: #003cff;}
.newsDL{width: 101%;}
.newsDL dd{width: 24%;margin: 0 1% 1% 0;background: #fff;box-shadow: 0 0 10px -1px rgba(0,0,0,.1)}
.newsDL dd>a{display: block;color: #000d1c;}
.newsDL dd .cots{padding: .15rem;}
.newsDL dd .titm{font-weight: 500;}
.jieda .jd{display: inline-block;padding: 0.06rem .15rem;line-height: 1;background: #fff;border: 1px solid #ddd;margin:0 .1rem .1rem 0;border-radius: 1rem;}
.zcForms{max-width: 780px;background: #fff;border-radius: .1rem;box-shadow: 0 0 10px -1px rgba(0,0,0,.1);padding:.1rem;}
.zcForms .fItem{padding: 0 .15rem;position: relative;}
.zcForms .fItem input{display: block;width: 100%;padding: .1rem 0;background: transparent;}
.zcForms .fItem:nth-child(1){border:0;}
.zcForms .fItem .text{cursor: pointer;}
.clickDiv{cursor: pointer;}
.zcForms .search{background: #ff7500;color: #fff;border-radius: .1rem;padding: .1rem .3rem;cursor: pointer;}

.xiala{position: absolute;left: 0;right: 0;top: 100%;text-align: center;display: none; background: #fff;cursor: pointer;max-height: 260px;overflow-y: auto;box-shadow: 0 0 8px -1px rgba(0,0,0,.1);}
.xiala li{padding:0.07rem .1rem;}

/*产品*/
.bgfcfcfc{background: #fcfcfc;}
.opacity8{opacity: .8;}
.color391a00{color:#391a00}
.colorffc695{color:#ffc695}
.colorb1b9cc{color:#b1b9cc}
.color374567{color:#374567}
.color7e88a1{color: #7e88a1;}
.nyBanner{height: 75vh;}
.nyBanner .autowidth{margin:0;}
.colorthem{color: #0f224e;}
.xitongDL{width: 101%;}
.xitongDL dd{width: 32.33%;margin: 0 1% 1% 0;background-size: cover !important;}
.xitongDL dd .link{padding:.25rem;display: block;color: #fff;}
.xitongDL dd .top{min-height: 1.7rem;margin-bottom: .2rem;}
.zizhuDL{width: 101%;}
.zizhuDL dd{width: 32.33%;margin: 0 1% 1% 0;background-size: cover !important;position: relative;}
.zizhuDL dd::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';border: 1px solid #ff7500;opacity: 0;}
.zizhuDL dd .link{padding:.25rem;display: block;position: relative;z-index: 2;}
.zizhuDL dd .top{min-height: .7rem;margin-bottom: .2rem;}
.shiliDL{width: 101%;}
.shiliDL dd{width: 24%;margin: 0 1% 1% 0;background-size: cover !important;background-color: #0f224e !important;}
.shiliDL dd .link{padding:.25rem;display: block;color: #fff;}
.shiliDL dd .top{min-height: 1.36rem;margin-bottom: .2rem;}

/*方案案例*/
.fanganDL{width: 101%;}
.fanganDL dd{width: 24%;margin: 0 1% 1% 0;box-sizing: border-box;border: 1px solid #f0f0f0;}
.fanganDL dd .pad{padding: .2rem;display: block;}
.fanganDL dd .ico{width: .7rem;}
.fanganDL dd .tit{padding: 5px 0;font-weight: 500;}
.qiehuanItem{white-space: nowrap;overflow-x: auto;}
.qiehuanItem .item{color: #374567;padding: .1rem .15rem;position: relative;display: inline-block;border-bottom: 1px solid #ddd;}
.qiehuanItem .item::before{position: absolute;left: 0;bottom: -1px;content: '';width: 0;transition: .5s;height: 1px;background: #ff7500;}
.qiehuanItem .item.on{background: #fff;color: #ff7500;}
.qiehuanItem .item.on::before{width: 100%;}
.leftSolu{width: 2rem;text-align: center;margin-right: .5rem;}
.leftSolu dl{border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.leftSolu dd,.leftSolu .dd{border-bottom: 1px solid #e0e0e0;padding: .1rem .2rem;cursor: pointer;color: #374567;position: relative;display: block;}
.leftSolu dd::before,.leftSolu .dd::before{position: absolute;left: 0;width: 0;content: '';background: linear-gradient(to right, rgba(255,255,255,0),#fff);top: 0;bottom: 0;background: -webkit-linear-gradient(to right, rgba(255,255,255,0),#fff);transition: .5s;-webkit-transition: .5s;}
.leftSolu dd::after,.leftSolu .dd::after{position: absolute;top: 0;height: 0;right: -1px;width: 3px;content: '';background: #ff7500;transition: .5s;-webkit-transition: .5s;}
.leftSolu dd>a{display:block}
.leftSolu dd span{vertical-align: middle;display: inline-block;position: relative;z-index: 2;}
.leftSolu .towImg{margin-right: .22rem;}
.leftSolu .towImg img{display: block;width: .38rem;}
.leftSolu .towImg .img2{display: none;}
.leftSolu dd.on::before,.leftSolu .dd.on::before{width: 100%;}
.leftSolu dd.on::after,.leftSolu .dd.on::after{height: 100%;}
.leftSolu dd.on,.leftSolu .dd.on{color: #ff7500;}
.leftSolu dd.on .towImg .img2{display: block;}
.leftSolu dd.on .towImg .img1{display: none;}
.wd24{width: .24rem;}
.rihgtSolu dd{background: #fff;border: 1px solid #ededed;margin-bottom: 2%;}
.rihgtSolu dt{margin-bottom: 2%;}
.moreCase{display: block;background: #fff;text-align: center;padding: .1rem 0;}
.caseItems .items{display: block;background: #fff;padding: .1rem;margin-top: 1px;position: relative;}
.caseItems .items i{position: absolute;right: 0;top: 0;padding: .1rem;}


.leftList{margin-right: 4%;margin-bottom: 3%;text-align: left;}
.leftList .items{ margin:0 0 5px 0;background: #fff; }
.leftList .items:nth-last-child(1){margin: 0}
.oneoneSon{padding: 0 .1rem;}
.oneoneSon .two{display: block;padding: .1rem 0;border-bottom: 1px solid #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.oneoneSon .two:nth-last-child(1){border: 0}
.leftList .items .one{padding:.12rem .1rem;}
.leftList .items .one{background: #ff7500;color: #fff;}
.oneoneSon .two.on{color: #ff7500}



.rihgtSolu .tops{display: block;padding: .4rem;}
.rihgtSolu .flexTop .icon{width: .8rem;border-radius: .1rem;background: #f5f6f7;margin-right: .3rem;}
.rihgtSolu .flexBot .img{width: 2.7rem;margin-right: .4rem;max-width: 40%;}
.rihgtSolu .bots{display: block;padding:.3rem .4rem;background: linear-gradient(to left, rgba(255,255,255,0),#e5ebf7);top: 0;bottom: 0;background: -webkit-linear-gradient(to right, rgba(255,255,255,0),#e5ebf7);}
.contactzj{padding: .6rem 0;}
.publicBtns{display: inline-block;padding: 0.06rem .15rem;background: #ff7500;color: #fff;border-radius: 1rem;}

/*技术支持*/
.serviceCot{width: 101%;}
.serviceCot dd{width: 32.33%;margin: 0 1% 1% 0;position: relative;}
.serviceCot dd>a{display: block;background-size: cover !important;height: 1.8rem;}
.serviceCot dd .more{position: absolute;left: 0;bottom: 0;padding: .15rem .2rem;}
.min50{min-height: .5rem;max-height: 2.02rem;overflow: hidden;}
.serviceDL dd{background: #fff;border-radius: .15rem;margin-bottom: .15rem;}
.serviceDL dd .cgTop{padding: .2rem;cursor: pointer;}
.serviceDL dd .cgBot{padding:0 .2rem .15rem .2rem;display: none}
.serviceDL dd.on .plus{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.lookMore{text-align: center;}
.lookMore .ms{display: inline-block;background: #ff7500;color: #fff;padding: 0.1rem .25rem;border-radius: 1rem;cursor: pointer;}
.videoDL {width: 101%;}
.videoDL dd{width: 32.33%;margin: 0 1% 1% 0;position: relative;overflow: hidden;cursor: pointer;}
.videoDL dd .tit{position: absolute;left: 0;right: 0;bottom: 0;padding: .5rem .2rem .2rem .2rem;background: linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.3));z-index: 1;}
.videoDL dd .close{position: absolute;line-height: 1;font-size: .2rem;padding: .15rem; background: #ff7500;color: #fff;border-radius: 50%;z-index: 2; left: 50%;top: 50%;margin: -0.25rem 0 0 -0.25rem}
.sys-pagination{padding-top: .15rem}
/*关于*/
.aboutDL{width: 101%;}
.aboutDL dd{width: 32.33%;margin: 0 1% 1% 0;position: relative;}
.aboutDL dd .link{height: 1.7rem;background-size: cover !important;color: #fff;display: block;position: relative;z-index: 2;}
.aboutDL .txt{position: absolute;left: 0;right: 0;top: 0;padding: .2rem;}
.menbanDL dd>a::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.3);opacity: 0;}
.menbanDL dd>a *{position: relative;z-index: 2;}
.menbanDL dd>a{position: relative;display: block;}
.menbanDL2  dd>a::before{background: rgba(255,255,255,.5);opacity: 0;}
.brandDL dd{width: 49.5%;overflow: hidden;}
.brandDL dd .cots{position: absolute;left: 0;right: 0;top: 0;padding: .35rem .45rem;max-width: 3.4rem;}
.brandDL dd .icon{height: .4rem;}

.hezuoDL{width: 101%;}
.hezuoDL dd{width: 32.33%;margin: 0 1% 1% 0;}
.hezuoDL dd>a{display: block;text-align: center;padding:.7rem 0;background-size: cover !important;}

/*产品详情*/
.pageTops .header{position: relative;}
.pageTops .header.active{position: fixed}
.detailsRight{margin-left: 4%;width: 46%;position: relative;}

.lunboFl .gallery-top{border: 1px solid #e3e3e3;text-align: center;border-radius: 10px;overflow: hidden;padding:2% 0}
.lunboFl .gallery-top img{width: 70%;}
.smallImg .swiper-slide{width: 23.2%;margin-right: 10px;}
.smallImg .swiper-slide:before{cursor: pointer; position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';border: 1px solid #e3e3e3;transition: .5s;border-radius: 10px;}
.smallImg .swiper-slide.swiper-slide-thumb-active:before{ border-color: #ff7500;}
.smallImg img{ display: block; width: 100%;border-radius: 10px;cursor: pointer;}
.colorList{text-align: center;}
.colorList .bs{display: inline-block;width: 40px;padding: 5px;border-radius: 50%;margin-bottom: 5px;border:1px solid transparent;transition: .5s;}
.colorList .bs img{display: block;width: 100%;border-radius: 50%;}
.colorList dd:not(:last-child){margin-right:5%;}
.colorList dd.on .bs{border-color: #fa9d4d;}
.colorList dd{cursor: pointer;}
.modelList dd{cursor: pointer;background: #f1f2f1;padding:0.08rem .15rem;transition: .5s;margin-bottom: 5px;}
.modelList dd:not(:last-child){margin-right:4%;}
.modelList dd.on{background: #ff7500;color: #fff;}
.zixunBtn{position: absolute;right: 0;bottom: 15.7%;left: 0;}
.zixunBtn .btn{display: block;background: #ff7500;color: #fff;text-align: center;border-radius: 10px;padding: .15rem ;}
.partItem{margin: .1rem 0;padding-top: .2rem;}
.partItem .tit{line-height: 1;padding-left: 10px;border-left: 3px solid #ff7500;color: #0d0a19;}
.tableDL dd{padding:10px 0;border-bottom: 1px solid #ddd;}
.tableDL dd .cots{padding-left: .2rem;text-align:right;}
.detailsImg{text-align: center;}
.detailsImg img{height: auto !important;}
.smList dd{width: 40%;line-height: .4rem;cursor: pointer;position: relative;margin-bottom: .1rem;}
.smList dd .ico{display: inline-block;vertical-align: middle;background: #f5f6f7;color: #9a9ea7;line-height: .4rem;width: .4rem;text-align: center;border-radius: 5px;margin-right: .1rem;}
.smList dd .more{position: absolute;right: 0;top: 0;}
.prodDL.prodDLTwo{width: 102%;}
.prodDL.prodDLTwo dd{width: 48%;margin: 0 2% 2% 0;}
.prodInfo{margin-bottom: 1rem;}

/*关于*/
.pageMain{background: #f6f6f6;padding-bottom: .6rem;}
.pageBots .footer{background: #fff}
.aboutPage .leftSolu{text-align: left}
.aboutPage .leftSolu dd{transition: 0s;-webkit-transition: 0s;padding: 0}
.aboutPage .leftSolu dd>a{display: block;padding: .15rem .2rem;position: relative;z-index: 2;font-weight: 500;}
.rihgtAbout{padding: .3rem .4rem;border: 1px solid #e9e9e9;background: #fff;}
.lineLeft{display: inline-block;width: 4px;height: .2rem;background: #ff7500;margin-right: .1rem;position: relative;top: 2px;}
br{display:inline;line-height:11px;}
.color9aa5be{color:#9aa5be}
.zpItems{background: #f5f6f7;padding: .2rem;margin-bottom: 3%;}
.phNone{max-width: 40%}
.honor .gallery-top img{max-height: 360px;display: block;margin: auto;}
.honorImgs .swiper-slide{box-sizing: border-box;border: 1px solid #e5e6e8;border-radius: .15rem;cursor: pointer;overflow: hidden;}
.honorImgs .swiper-slide .bg{padding-top: 80%;display: block;background-size:contain !important;margin: 10%;}
.honorImgs .swiper-slide-thumb-active{border-color: #ff7500;}
.honor .tit{text-align: center;}
.honor .gallery-top{border: 1px solid #e5e6e8;overflow: hidden;border-radius: .15rem;}
.honor .gallery-top .swiper-slide{padding: .3rem 0;position: relative;overflow: hidden;}
.honor-prev{position: absolute;left: .2rem;top: 50%;margin-top: -0.24rem;line-height: .48rem;width: .48rem;text-align: center;z-index: 3;background: #979eb0;border-radius: 50%;color: #fff;cursor: pointer;}
.honor-next{position: absolute;right: .2rem;top: 50%;margin-top: -0.24rem;line-height: .48rem;width: .48rem;text-align: center;z-index: 3;background: #979eb0;border-radius: 50%;color: #fff;cursor: pointer;}
.maps{height: 400px;position: relative;overflow: hidden;}
.map img{max-width: none;}
.map{width: 150%;position: relative;height: 100%;left: -50%;}
.mapDL{position: absolute;right: 5%;top: 10%;bottom: 5%;z-index: 5;left: 50%;}
.mapDL dd{background: #fff;padding:.3rem .4rem;border-radius: .15rem;display: none;}
.mapDL dd.on{display: block;}
.jidiFlex .jf{width: 49%;background: #f5f6f7;margin-top: 2%;}
.jidiFlex .jf .pad{padding: .3rem;}
.fourflex{width: 101%;}
.fourflex dd{width: 24%;margin: 0 1% 1% 0;background: #fff}
.fourflex dd .pad{padding: .2rem;}
.fourflex dd .icon{width: .24rem;margin-right: 6px;}
.fourflex dd .min2{min-height: .5rem;}
.contactBg{padding:1rem 0;}

.contForm {padding:.2rem;background: #fff;border-radius: .1rem;}
.flexForms .fms{width: 47%;margin-bottom: 2%;background: #f1f1f1;padding-left: 2%;border-radius: .1rem;position: relative;}
.flexForms .last{width: 100%;}
.flexForms .fms input{display: block;width: 100%;line-height: .32rem;padding:.1rem 0;background: transparent;}
.flexForms .fms textarea{display: block;width: 100%;line-height: 1.5;background: transparent;padding-top: .15rem;}
.flexForms .fms .text{cursor: pointer;}
.flexForms .fms .xiala{border-radius: .1rem;}

/*公用切换*/
.publicChange .changeItem{display: none;}
.publicChange .changeItem.on{display: block;}

.systemDL dd{position: relative;width: 32.33%;margin: 0 1% 1% 0;}
.systemDL dd .cots{position: absolute;left: 0;right: 0;bottom: 0;padding:.2rem;}
.systemDL dd >a{display: block;color: #fff;}
.public-paginatio{text-align: center;}
.public-paginatio .swiper-pagination-bullet-active{background: #ff7500;}
.public-paginatio .swiper-pagination-bullet{margin: 0 5px;}
.caseLists{width: 102%;}
.caseLists .cases{display: block;width: 48%;margin: 0 2% 2% 0;background: #fff;}
.caseLists .cases .txt{padding: .15rem;}

.bgfbfbfb{background: #fbfbfb}
.newDetails{padding: .4rem;background: #fff;}
.color011a2c{color: #011a2c}
.colora0a7b7{color:#a0a7b7}

.history .swiper-slide{height: auto;cursor:pointer;}
.history .swiper-slide:nth-child(even) .cots{margin-top: 100%;padding-top: 60px}
.history .swiper-slide:nth-child(odd) .cots{margin-bottom: 100%;padding-bottom: 60px;}
.history .tit{line-height: 1.1}
.history .swiper-slide .cots{width: 190%}
.history .adds{position: absolute;top: 50%;left: 0;font-size: 18px;line-height: 1;margin-top: -9px;color: #ff7500;cursor: pointer;}
.history .swiper-slide::before{position: absolute;left: 0;top: 50%;margin-top: -2px;height: 4px;content: '';background: #f6e5d7;width: 100%}
.hoverDiv{position: absolute;left: 0;bottom: 60%;width: 150%;border: 1px solid #ff7500;cursor: pointer;display: none}
.history .swiper-slide:nth-last-child(1) .hoverDiv{left: auto;right: 0;}
.history .swiper-slide:nth-last-child(1) .cots{width: auto;}
.history .swiper-container{padding: .3rem 0}
.hoverDiv .more{position: absolute;left: .1rem;bottom: .1rem;background: #ff7500;color: #fff;font-size: 12px;padding: 1px .1rem;border-radius: .2rem;}
.history .swiper-slide.on .hoverDiv{display: block;}
.history .swiper-slide.on .adds{transform: rotate(45deg);-webkit-transform: rotate(45deg);color: #0f224e}
.history .swiper-slide.on{z-index: 5}
.videoImg{display: flex;align-items: center;justify-content: center;height: 100%;}
.flexImgs img{width:50px;margin-right:20px;}
.hotList a{padding-right: .2rem}

.goPages {font-size: 0;text-align: center;}
.goPages .page-prev,.goPages .page-next{display: inline-block;vertical-align: top;text-align: center; width: 38px;line-height: 38px;background: #f7f7f7;font-size: 16px;margin: 3px;}
.goPages ul{display: inline-block;vertical-align: top;text-align: center;}
.goPages ul li{display: inline-block;vertical-align: top;width: 38px;line-height: 38px;border: 1px solid #f7f7f7;background: #f7f7f7;font-size: 16px;margin: 3px;}
.goPages ul .pagenumact{background: #ff7500;border-color: #ff7500;color: #fff;}
.goPages a{display: block;}
.productList{background: #efefef;padding-bottom: .5rem;}
.rightList {background: #fff;padding: .15rem;border: 1px solid #ddd;}
.leftList .dd{padding: .12rem .2rem;}
.leftList .dd>span{position:relative;z-index:2;}
.listDD{display:none}
.mangsKind .mTit{cursor: pointer;padding:.1rem 0;position:relative;}
.mangsKind .mTit:before{position:absolute;right:0;top:50%;width:.16rem;content:'';height:1px;background:#ff7500;}
.mangsKind .mTit:after{position:absolute;right:0.08rem;top:50%;width:1px;content:'';height:.16rem;background:#ff7500;margin-top:-0.08rem;margin-right: -1px;}
.mangsKind .mkd{border-bottom:1px solid #ddd;}
.mangsKind .mkd.on .listDD{display:block}
.mangsKind .mkd.on .mTit:after{opacity:0}
.leftSolu .listDD .dd{border:0;border-top:1px solid #e0e0e0;padding:.1rem .12rem;}
.detailsTxt{font-size:16px;color:#333}
.partItem img{cursor:pointer}
.hezuoDL.menbanDL  dd>a::before,.aboutDL.menbanDL  dd>a::before{background: rgba(255,104,0,.5);}
.history .swiper-slide .cots .cot *{font:inherit !important;background: transparent !important;}

.iphoneShow{display: none}
.pcShow{display: block}


.bgf0f1f3{background:#f0f1f3}
.newCase{width:102%;}
.newCase dd{min-width:23%;padding:6px 0;margin-right:2%;max-width:48%;}
.newCase dd>a{display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newCase dd>a:before{display:inline-block;content:'';width:9px;height:3px;background:#ff7500;margin-right:.15rem;vertical-align:middle;position:relative;top:-2px;}
.moreCaseBtn{text-align:center;}
.moreCaseBtn .btn{display:inline-block;border-bottom:2px solid #ff5700;}
.txtRight{text-align:right;}
.ncDLs .ljMore{padding:0.05rem .1rem;border-radius:1rem;transition:.3s;display:inline-block;}
.ncDLs dd>a{border:1px solid transparent;}
.wticons{width:.26rem;vertical-align:middle;margin-right:3px;position:relative;top:-1px;}
.indeImage{width:33%;margin-left:3%;}
.bgfff{background:#fff}
.brandProd{padding:0 .4rem .4rem .4rem;}
@media only screen and (min-width:1160px ) {
    .brandProd .prodDL dd{width:19%}
}

@media only screen and (min-width:1160px ) {
    .history .adds,.fourflex dd,.videoDL dd .close, .honor-next,.honor-prev,.smList dd .ico,.brandDL dd img,.menbanDL dd>a::before,.rihgtSolu dd,.leftSolu dd,.fanganDL dd,.zizhuDL dd::before,.shiliDL dd,.zizhuDL dd,.xitongDL dd,.xitongDL dd .colorff7500,.xiala li,.zcForms .search,.newsDL dd .titm,.successCase .txt,.nineSolutions .items .more,.nineSolutions .items::before,.prodDL dd .tit::before,.rtMore .more,.rtMore .more i{transition: .5s;-webkit-transition: .5s;}
    .moresLook a:hover{color: #fff;border-color: #ff7500;background: #ff7500;}
    .prodDL dd:hover .tit::before{height: 100%;}
    .prodDL dd:hover>a{background: transparent;border-color: #ff7500;box-shadow: 0 0 8px -1px rgba(0,0,0,.1)}
    .prodDL dd:hover .rtMore .more{background: #ff7500;color: #fff;}
    .prodDL dd:hover .rtMore .more .iconfont{color: #fff;}
    .nineSolutions .items:hover .more{opacity: 1;}
    .nineSolutions .items:hover::before{opacity: 0;}
    .newsDL dd:hover .titm,.leftSolu dd:hover,.leftSolu .dd:hover{color: #ff7500;}
    .zcForms .search:hover,.publicBtns:hover,.zixunBtn .btn:hover{background: #d6000f;color: #fff;}
    .xiala li:hover{background: #f8f8f8;color: #ff7500;}
    .zizhuDL dd:hover::before{opacity: 1;}
    .fanganDL dd:hover,.rihgtSolu dd:hover{border-color: #ff7500;}
    .contactzj{background-attachment: fixed !important;}
    .menbanDL dd>a:hover::before{opacity: 1;}
    .brandDL dd:hover .blockDiv img{transform: scale(1.05);-webkit-transform: scale(1.05);}
    .smList dd:hover .ico{background: #ff7500;color: #fff;}
    .honor-next:hover,.honor-prev:hover{background: #ff7500}
    .lookMore .ms:hover{background: #d6000f}
    .videoDL dd:hover .close{background: #d6000f}
    .fourflex dd:hover{background: #fff;box-shadow: 0 0 10px -2px rgba(0,0,0,.1)}
    .history .adds:hover{color: #0f224e}
    .ncDLs dd:hover .ljMore{background:#ff7500;color:#fff;}
    .ncDLs dd:hover .ljMore i{color:#fff;}
    .ncDLs dd:hover>a{border-color:#ff7500;}
}

@media only screen and (max-width:960px ) {
    .successCase .swiper-slide{width: 80%;}
    .banner video{display: none;}
    .nyBanner{height: 50vh;}
    .nyBanner .autowidth{width: 90%;}
    .leftSolu{width: 1.5rem;margin-right: 1%;}
    .leftSolu dd,.leftSolu .dd{padding: .1rem;}
    .leftSolu .towImg{margin-right: 0;}
    .leftSolu .towImg img{width: .3rem;}
    .rihgtSolu .flexBot .img{margin-right: .2rem;}
    .detailsFlex {display: block;}
    .detailsRight {width: auto;margin: 0;margin-top: .2rem;}
    .zixunBtn{position: static;}
    .prodInfo{margin: 0;}
    .colorList .bs{width: 30px;}
    .modelList dd:not(:last-child){margin-right: 10px;}
    .iphoneShow{display: block}
    .pcShow{display: none}
    .newCase dd{min-width:31.33%;}
    .bannerTxt{top:50%;transform:translate(0, -50%)}

}
@media only screen and (min-width:960px ) {
    .detailsRight2{width:260px;margin-left:4%;padding:1px 15px;border:1px solid #ddd;}
    .detailsRight2 .prodDL.prodDLTwo{display:block}
    .detailsRight2 .prodDL.prodDLTwo dd{width:auto;margin:0 0 15px 0;}
}

@media only screen and (max-width:767px ) {
   .pdTitle{position: relative;}
   .pdTitle .txt{display: block;}
   .pdTitle .txt img{display: block;height: .56rem;}
   .pdTitle .tm{display: block;text-align: center;}
   .prodDL dd{width: 49%;}
   .nineSolutions .items{width: 49.5% !important;}
   .newsDL dd{width: 49%;}
   .shiliDL dd,.fanganDL dd,.serviceCot dd{width: 49%;}
   .aboutPage{display: block;}
   .aboutPage .leftSolu{width: auto;margin: 0 0 2% 0;}
   .aboutPage .leftSolu dl{white-space: nowrap;overflow-x: auto;border-bottom: 1px solid #e0e0e0;border-right: 0;}
   .aboutPage .leftSolu dl dd{display: inline-block;border-bottom: 0;border-right: 1px solid #e0e0e0;}
   .phNone{display: block;float: none;padding: 0 0 .2rem 0;max-width: 100%;}
   .rihgtAbout{padding: .3rem .2rem;}
   .maps{ height: 300px;}
   .mapDL{ left: 30%;}
   .map{ left: -70%;width: 170%;}
   .videoDL dd,.fourflex dd{width: 49%}
   .contacts{display: block;}
   .caseLists .cases{width: 48%;}
    .newCase dd{min-width:48%;}
    .detailsTxt{display:block}
    .indeImage{width:auto;margin:auto;}

}

@media only screen and (max-width:640px ) {
    .rihgtSolu .flexBot {display: block;}
    .rihgtSolu .flexBot .img{width: auto;max-width: 100%;margin: 0 0 2% 0;}
    .brandDL {display: block;}
    .brandDL dd{width: auto;margin-bottom: 2%;}
    .brandDL dd .cots{padding: .25rem;}
    .brandDL dd .icon{height: .6rem;}
    .aboutDL dd{width: 49%;}
    .jidiFlex .jf{width: 100%;}
    .flexForms .fms input{padding:.2rem 0;}
    .leftList{width: 2.2rem;}
 }
 

@media only screen and (max-width:480px ) {
    .successCase .swiper-slide{width: 100%;}
    .zcForms{flex-wrap: wrap;-webkit-flex-wrap:wrap}
    .zcForms .fItem{width: 50%;box-sizing: border-box;}
    .jieda {display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between}
    .jieda .jd{padding: .1rem .2rem;margin: 0;}
    .jieda{font-size: .22rem;}
    .xitongDL,.zizhuDL  {display: block;}
    .xitongDL dd,.zizhuDL dd{width: auto;margin: 0 0 2% 0;}
    .zizhuDL dd .bot{text-align: right;}
    .leftSolu{width: 1.98rem;text-align: left;}
    .rihgtSolu .bots .link span{display: block;}
    .rihgtSolu .tops{padding: .2rem;}
    .rihgtSolu .bots{padding: .2rem;}
    .rihgtSolu .flexTop .icon{margin-right: .1rem;}
    .goPages ul li,.goPages .btn{width: 32px;line-height: 32px;}

 }