.pageWrap{min-height:calc(100vh - 322px)} .box{max-width:1500px;margin:0 auto;} .box2{max-width:1500px;margin:0 auto;} .w1300{max-width:1300px;margin:0 auto;} .ratio-img{object-fit:cover;width:100%;} .layui-layer{max-width:1000px;max-height:642px;} .layui-layer-content{max-height:600px;} .layui-layer-page .layui-layer-content{padding:16px !important;} .layui-layer-content::-webkit-scrollbar-thumb{width:4px;background-color:#034AA1; height:50px;-webkit-border-radius:4px;} .layui-layer-content::-webkit-scrollbar-thumb:hover{background-color:#034AA1;height:50px;-webkit-border-radius:4px;} .layui-layer-content::-webkit-scrollbar{width:4px;height:4px;} .layui-layer-content::-webkit-scrollbar-track-piece{background-color:#f8f8f8;-webkit-border-radius:0;} .layui-layer-content::-webkit-scrollbar-thumb:active{height:50px;background-color:#000;-webkit-border-radius:4px;} .layui-layer-loading .layui-layer-content{padding-top:160px;width:340px !important;height:240px !important;background-position:center 70px !important;background-image:url(../images/upload1.gif) !important;text-align:center;background-color:#ffffff !important;box-shadow:0 0 70px 0 rgba(0,0,0,0.2);border-radius:8px;} .header{position:fixed;left:0;width:100%;top:0;background:#ffffff;padding-top:40px;z-index:999999;} .header .logoBox{padding:35px 0;background:url(../images/logo_bg.png) center no-repeat;background-size:cover;} .header .logo{height:70px;display:flex;align-items:center;} .header .logo .img{display:block;margin-right:20px;height:66px;} .header .logo img{max-height: 100%;} .header .logo .font{display:block;color:#1a2c59;} .header .logo .font .name{display:block;font-size:34px;font-weight:bold;} .header .logo .font .siteurl{display:block;font-size:16px;} .header .menuBox{background:linear-gradient(to right,#034AA1,#3D68C5);height:60px;} .header .mainMenu{text-align:center;padding-bottom:1px; display: flex;justify-content: space-between;} .header .mainMenu .item{display:inline-block;position:relative;} .header .mainMenu .item .mNavBox{padding:0 60px;position:relative;} .header .mainMenu .item .mNavBox::before{content:"";display:inline-block;width:0;position:absolute;left:0;top:50%;margin-top:-0.5em;height:1em;border-left:1px solid rgba(255,255,255,0.3);} .header .mainMenu .item:first-child .mNavBox::before{display:none;} .header .mainMenu .item .mNav{display:inline-block;line-height:56px;color:#ffffff;font-size:18px;border-bottom:2px solid transparent;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .header .mainMenu .subMenu{ background:#fff; position:absolute;left:50%;top:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);padding:16px 0; transition: all 0.3s;opacity: 0;visibility: hidden;} .header .mainMenu .subMenu a{display:block;width:182px;padding:0 1em;text-align:center;height:32px;line-height:32px;font-size:16px;margin-bottom:8px;} .header .mainMenu .subMenu a:hover{background:#034AA1;color:#fff;} .header .mainMenu .item:hover .subMenu{opacity: 1;visibility: visible;} .header .mainMenu .item .mNav:hover,.header .mainMenu .item.cr .mNav{border-color:#ffffff;} .header .pcHeaderTop{position:absolute;left:0;top:0;right:0;line-height:40px;} .header .pcHeaderTop .box{display:flex;justify-content:space-between;} .header .pcHeaderTop .font .curDate{display:inline-block;margin-left:2em;} .header .pcHeaderTop .link{display:flex;align-items:center;flex-wrap:wrap;} .header .pcHeaderTop .link a{display:inline-block;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .header .pcHeaderTop .link a:hover{color:#034AA1;} .header .pcHeaderTop .link .a1{margin-right:20px;} .header .pcHeaderTop .link .line{display:inline-block;height:1em;width:0;border-right:1px solid #333333;margin:0 1em;} .account .a3{display:flex!important;align-items:center;} .account .a3 .img{display:inline-block;width:24px;height:24px;border-radius:50%;overflow:hidden;margin-right:8px;} .account .a3 .img img{width:100%;height:100%;object-fit:cover;} .account .a3 .name{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8em;padding-right:17px;background:url(../images/arr1.png) no-repeat right center;} .account:hover .a3 .name{background:url(../images/arr2.png) no-repeat right center;} .account{position: relative;height:100%;display: flex;} .account .accDrag{min-width:106px;background:#fff;padding:16px;border-radius: 4px;position: absolute;top:40px;right:0;opacity: 0;visibility: hidden;transition: all 0.3s;} .account .accDrag a{display: flex!important;align-items: center;color:#666;margin-bottom: 15px;line-height: normal;white-space:nowrap;} .account .accDrag a::after{content:" ";display:block;width:1em;} .account .accDrag a:nth-last-child(1){margin-bottom:0;} .account .accDrag a img{width: 12px;height:12px;margin-right:6px;} .account .accDrag a .icon2{display: none;} .account .accDrag a:hover{color:#034AA1;} .account .accDrag a:hover .icon1{display: none;} .account .accDrag a:hover .icon2{display: block;} .account:hover .accDrag{opacity: 1;visibility: visible;} .mt232{margin-top:240px;} .pad_40_0{padding:40px 0;} .mt40{margin-top:40px;} .pb_80{padding-bottom:80px;} .footer{background:#182035;position:relative;z-index:99999;} .footer .copyRight{color:#95979D;padding:24px 0;text-align:center;} .footer .copyRight .bn{display:inline-block;width:16px;vertical-align:middle;margin-right:6px;} .footer .copyRight a{color:#95979D;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .footer .copyRight a:hover{color:#ffffff;} .crumbsPath{font-size:12px;padding:1.6em 0;color:#999999;} .crumbsPath a{display:inline-block;padding-right:1.4em;color:#999999;margin-right:0.6em;background:url(../images/arrow1.png) right center no-repeat;background-size:0.8em auto;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .crumbsPath a:hover{color:#034AA1;background-image:url(../images/arrow2.png);} .crumbsPath span{color:#034AA1;} .turnPage{border-top:1px solid #d8d8d8;display:flex;justify-content:space-between;align-items:center;} .turnPage .item{width:320px;} .turnPage .item .link{display:block;margin-top:6px;} .turnPage .backList{display:block;color:#666666;padding-top:24px;background:url(../images/menu1.png) center top no-repeat;background-size:16px 16px;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .turnPage .backList:hover{color:#034AA1;background-image:url(../images/menu2.png);} .page{width:100%;margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;line-height:32px;} .page.mt60{margin-top:60px;} .page .total{margin:0 40px 10px 0;color:#555555;} .page .pageSize{border:1px solid #dcdcdc;border-radius:4px;height:32px;margin:0 22px 10px 0;} .page a,.page .dot{display:block;min-width:32px;border:1px solid #dcdcdc;border-radius:4px;height:32px;margin-bottom:10px;text-align:center;padding:0 4px;box-sizing:border-box;margin-right:8px;} .page .dot{border:none;} .page a{transition:0.5s all ease;-webkit-transition:0.5s all ease;} .page a:hover,.page a.cr{background-color:#0052D9;border-color:#0052D9;color:#ffffff;} .page .go{margin:0 0 10px 20px;} .page .go input{border:1px solid #dcdcdc;border-radius:4px;width:32px;height:32px;text-align:center;margin:0 8px;} .page .prev,.page .next{background-position:center;background-repeat:no-repeat;background-size:8px auto;} .page .prev{background-image:url(../images/prev1.png);} .page .next{background-image:url(../images/next1.png);} .page .prev:hover{background-image:url(../images/prev2.png);} .page .next:hover{background-image:url(../images/next2.png);} /*首页 start*/ .indTit{display:flex;align-items:center;margin-bottom:8px;justify-content:space-between;} .indTit .font{display:flex;align-items:center;} .indTit .font .icon{width:20px;height:20px;object-fit:contain;display:block;margin-right:8px;} .indTit .more{display:inline-block;padding-right:1.4em;background:url(../images/arrow1.png) right center no-repeat;color:#999999;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indTit .more:hover{color:#034AA1;background-image:url(../images/arrow2.png);} .indNews{padding-top:40px;} .indNews .indNewsSwipe{width:670px;float:left;margin-right:32px;box-shadow:0px 2px 10px 0px rgba(143,143,143,0.08);} .indNews .indNewsSwipe .item{display:block;position:relative;} .indNews .indNewsSwipe .item .img{display:block;border-radius:4px;} .indNews .indNewsSwipe .item .fontBg{display:block;position:absolute;left:0;right:0;bottom:0;padding:1em 1.8em;background:rgba(0,0,0,0.4);} .indNews .indNewsSwipe .item .font{color:#ffffff;margin-right:200px;display:block;} .indNews .indNewsSwipe .item .font:hover{text-decoration:underline;} .indNews .indNewsSwipe .swiper-pagination{left:auto;right:10px;min-width:110px;max-width:200px;width:auto;text-align:left;bottom:16px;} .indNews .indNewsSwipe .swiper-pagination-bullet{width:12px;height:6px;border-radius:3px;background:#ffffff;opacity:0.6;} .indNews .indNewsSwipe .swiper-pagination-bullet-active{width:18px;opacity:1;} .indNewsList{padding-top:1em;} .indNewsList .item{display:flex;align-items:center;margin-bottom:1em;height:30px;} .indNewsList .item:last-child{margin-bottom:0;} .indNewsList .item .label{color:#91949A;} .indNewsList .item .font{flex:1;} .indNewsList .item .date{color:#666666;margin-left:1em;} .indResource .contBox{display:flex;justify-content:space-between;} .indResource .cont{width:32%;border-radius:4px;background:#ffffff;} .indResource .cont .tit{padding:24px 20px;background:rgba(3,74,161,0.08);border-radius:4px;display:flex;align-items:center;} .indResource .cont .tit .icon{display:block;margin-right:8px;width:24px;height:24px;object-fit:contain;} .indResource .cont .tab{padding:16px 52px;} .indResource .cont .tab .item{margin-right:1em;float:left;padding-bottom:4px;border-bottom:3px solid transparent;cursor:pointer;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indResource .cont .tab .item:hover,.indResource .cont .tab .item.cr{color:#034AA1;border-color:#034AA1;} .indResource .cont .list{padding:0 52px;display:none;} .indResource .cont .list .item{margin-bottom:2em;} .indResource .cont .list .item .itemTit{margin-bottom:10px;display:block;} .indResource .cont .list .item .desc{color:#999999;} .indResource .cont .list .item .lebelDesc{display:flex;justify-content:space-between;color:#999999;flex-wrap:wrap;} .indResource .cont .list .item .lebelDesc .labelItem span{color:#666666;} .indResource .cont .list .item .lebelDesc .labelItem{width:100%;} .indResource .cont .list > .item{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #E8E8E8;} .indResource .cont .list > .item:last-child{border:none;} .listBox .sjzyList{display: flex;flex-wrap: wrap;margin-top:10px;} .listBox .sjzyList .item{width:33.33%;padding-right:1em;margin-bottom: 24px;} .listBox .sjzyList .item2{width:100%;margin-bottom: 1em;padding-bottom:1em;border-bottom:1px solid #E8E8E8;} .listBox .sjzyList .item2:last-child{border:none;} .listBox .sjzyList .item a,.listBox .sjzyList .item2 a{color:#999;} .listBox .sjzyList .item a:hover,.listBox .sjzyList .item2 a:hover{color:#034AA1;text-decoration: underline;} .indServe .tab{margin:0 -12px;} .indServe .tab .item{width:20%;float:left;} .indServe .tab .item .w{cursor:pointer;margin:0 12px;padding:24px 0;border-radius:8px;overflow:hidden;position:relative;text-align:center;background:#F5F9FE;} .indServe .tab .item .w::after{content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:3px solid transparent;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indServe .tab .item .icon{height:30px;} .indServe .tab .item .icon img{max-height: 100%;} .indServe .tab .item .font{margin-top:0.6em;} .indServe .tab .item .w:hover::after,.indServe .tab .item.cr .w::after{border-color:#034AA1;} .indServe .cont{margin-top:32px;} .indServe .cont .item{display:none;} .indServe .cont .item .imgBox{width:660px;margin:0 20px 0 30px;position:relative;} .indServe .cont .item .img{width:100%;height:0; padding-bottom:56.25%; overflow:hidden;border-radius:4px;position:relative;} .indServe .cont .item .img img{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;} .indServe .cont .item .bg{background:#F5F9FE;border-radius:4px;position:absolute;bottom:-20px;right:-20px;width:100%;height:100%;} .indServe .cont .item .font .desc{color:#666666;line-height:1.8;margin-bottom:1em;} .indServe .cont .item .font .desc:first-child{color:#034AA1;font-weight:bold;} .indServe .cont .item .font .desc a:hover{color:#034AA1;} .indServe .cont .item .font .info{color:#999999;margin-bottom:1em;} .indServe .cont .item .font .info span{display: block;} .indServe .cont .item .font .xgLink a{display:inline-block;margin-right:1em;margin-top:0.8em;padding:8px 10px;border-radius:2px;background:#F5F8FD;} .indServe .cont .item .font .xgLink a:hover{background:#034AA1;color:#fff!important;} .indInformation .sideMenu{width:240px;float:left;margin-right:24px;min-height: 390px; background: #FCFCFE;} .indInformation .sideMenu .item{display:flex;align-items:center;padding:32px 40px;background:#FCFCFE;border-bottom:1px solid #E8E8E8;cursor:pointer;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indInformation .sideMenu .item:hover,.indInformation .sideMenu .item.cr{background:#EBF1F8;color:#034AA1;} .indInformation .sideMenu .item .icon{width:32px;display:block;margin-right:10px;} .indInformation .tableBox{min-height: 390px; background: #fff;} .indInformation .table{display:none;} .indInformation .table table{width:100%;border-radius:4px 4px 0 0;} .indInformation .table table tr th,.indInformation .table table tr td{padding:16px 42px;} .indInformation .table table tr th{background:#efefef;white-space:nowrap;} .indInformation .table table tr td{background:#ffffff;color:#666666;} .indInformation .table .tdName{display:none;} .indInformation .tabBox{position:relative;} .indInformation .tab{flex:1;display:flex;align-items:center;position:absolute;left:220px;bottom:0;flex-wrap:wrap;} .indInformation .tab .item{cursor:pointer;margin-left:50px;transition:0.3s all ease;-webkit-transition:0.3s all ease;display:block;} .indInformation .tab .item:first-child{margin-left:0 !important;} .indInformation .tab .item.cr,.indInformation .tab .item:hover{color:#034aa1;font-weight:bold;} .indInformation .list{margin:0 -16px;display:none;min-height:268px;} .indInformation .list .item{width:25%;float:left;margin-top:30px;} .indInformation .list .item .w{margin:0 16px;padding:28px 28px 40px 28px;background:#ffffff;box-shadow: 3px 4px 17px 1px rgba(239,239,239,0.5);border-radius:8px;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indInformation .list .item:nth-child(4n+1){clear:both;} .indInformation .list .item .tit{display:block;} .indInformation .list .item .date{color:#999999;} .indInformation .list .item .desc{margin-top:10px;} .indInformation .list .item .more{color:#034AA1;display:inline-block;margin-top:2em;} .indInformation .list .item .more:hover{text-decoration:underline;} .indInformation .list .item .w:hover{background:linear-gradient(180deg, #e3eeff 0%, #ffffff 100%);} /*公共的鼠标经过字变色 start*/ .indNewsList .item .font, .indResource .cont .list .item .itemTit, .indServe .tab .item .font, .indServe .cont .item .font .xgLink a, .turnPage .item .link, .newsPage .sideMenu .item .subMenu .sLink, .newsPageSwipe .item .font .tit, .newsList .item .font .tit, .problemList .item .tit, .productInfoList .item .tit a, .indInformation .list .item .tit, .publishList2 .item .tit{ transition:0.3s all ease; -webkit-transition:0.3s all ease; } .indNewsList .item .font:hover, .indResource .cont .list .item .itemTit:hover, .indServe .tab .item .w:hover .font, .indServe .tab .item.cr .w .font, .indServe .cont .item .font .xgLink a:hover, .turnPage .item .link:hover, .newsPage .sideMenu .item .subMenu .sItem:hover .sLink, .newsPage .sideMenu .item .subMenu .sItem.cr .sLink, .newsPage .sideMenu .item .thirdMenu a:hover, .newsPage .sideMenu .item .thirdMenu a.cr, .newsPageSwipe .item .font .tit:hover, .newsList .item .font .tit:hover, .memberContent .msgList .item .tit:hover, .problemList .item .tit:hover, .problemList .item.cr .tit, .productInfoList .item .tit a:hover, .indInformation .list .item .tit:hover, .publishList2 .item .tit:hover{ color:#034AA1; } /*公共的鼠标经过字变色 end*/ /*首页 end*/ /*资讯 start*/ .newsPage{display:flex;justify-content:space-between;padding-bottom:40px;} .newsPage .sideMenu{flex:0 0 240px;margin-right:20px;background:#F8F9FA;border-radius:4px;overflow:hidden;padding-bottom:1em;} .newsPage .sideMenu .tit{padding:1em 1em 1em 1em;display:flex;align-items:center;position:relative;background:linear-gradient(to bottom,#0c53b7,#326cef);border-radius:4px;white-space: nowrap;} .newsPage .sideMenu .tit .icon{position:relative;width:24px;height:22px;margin-right:8px;flex-shrink: 0;} .newsPage .sideMenu .tit .icon img{object-fit:contain;} .newsPage .sideMenu .tit .font{position:relative;color:#ffffff;} .newsPage .sideMenu .tit .font a{color:#ffffff;} .newsPage .sideMenu .tit .bg{position:absolute;opacity:0.04;height:110%;width:auto;right:-5%;top:0;} .newsPage .sideMenu .tit .bg img{height:100%;width:auto;} .newsPage .sideMenu .item{margin-top:12px;} .newsPage .sideMenu .item .mLink{display:block;padding:10px 0 10px 56px;/*background:#F4F8FF;*/transition:0.5s all ease;-webkit-transition:0.5s all ease;} .newsPage .sideMenu .item .mLink span{display:flex;padding-right:14px;align-items:center;} .newsPage .sideMenu .item .mLink span::before,.newsPage .sideMenu .item .subMenu .sLink::before{content:"";display:block;width:8px;height:8px;background:url(../images/arrow3.png) left center no-repeat;background-size:auto 8px;margin-right:6px;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .newsPage .sideMenu .item .subMenu{padding-left:70px;display:none;} .newsPage .sideMenu .item .subMenu .sLink{display:flex;padding-right:14px;align-items:center;margin-top:1em;} .newsPage .sideMenu .item .thirdMenu{padding-left:14px;display:none;} .newsPage .sideMenu .item .thirdMenu a{padding:0 14px;margin-top:1em;display:block;} .newsPage .sideMenu .item:hover .mLink,.newsPage .sideMenu .item.cr .mLink{color:#ffffff;background:linear-gradient(to bottom,#0c53b7,#326cef);} .newsPage .sideMenu .item:hover .mLink span::before,.newsPage .sideMenu .item.cr .mLink span::before{background-image:url(../images/arrow4.png);} .newsPage .sideMenu .item .subMenu .sItem:hover .sLink::before,.newsPage .sideMenu .item .subMenu .sItem.cr .sLink::before{background-image:url(../images/arrow10.png);} .newsPage .sideMenu .item.cr .mLink span::before,.newsPage .sideMenu .item .subMenu .sItem.cr .sLink::before{transform:rotate(90deg);} /*.newsPage .sideMenu .item.cr .subMenu{display:block;}*/ .newsPage .listBox{flex:1;min-width:0;} .newsPageSwipe .item .img{border-radius:4px;width:420px;margin-right:30px;} .newsPageSwipe .item .font .tit,.newsList .item .font .tit{display:block;} .newsPageSwipe .item .font .date,.newsPageSwipe .item .font .desc{margin-top:6px;} .newsPageSwipe .item .font .more{display:inline-block;margin-top:3em;padding-right:1.4em;background:url(../images/arrow2.png) right center no-repeat;color:#034AA1;} .newsPageSwipe .item .font .more:hover{text-decoration:underline;} .newsList .item,.newsPage .newsPageSwipe{margin-bottom:40px;border-bottom:1px solid #d8d8d8;padding-bottom:40px;} .newsList .item .img{display:block;width:240px;border-radius:4px;margin-right:40px;} .newsList .item .font .date,.newsList .item .font .desc{margin-top:6px;} .newsinfoPage .titBox{margin-top:1em;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d8d8d8;} .newsinfoPage .desc{margin-top:6px;} .fileDownBox{display:flex;justify-content:space-between;align-items:center;} .fileDownBox .leftTit{flex:1;} .fileDownBox .fileDownBtn{display:inline-block;margin-left:2em;background:#034aa1;color:#ffffff;border-radius:4px;height:32px;line-height:32px;padding:0 1em;} .fileDownBox .fileDownBtn:hover{text-decoration:underline;} .newsPageSwipe .swiper-container .swiper-pagination{left:0;width:420px;bottom:0;padding:10px 0;background:rgba(0,0,0,0.2);border-radius:0 0 4px 4px;} .newsPageSwipe .swiper-pagination-bullet{width:12px;height:6px;border-radius:3px;background:#ffffff;opacity:0.6;} .newsPageSwipe .swiper-pagination-bullet-active{width:18px;opacity:1;} /*资讯 end*/ /*用户指南 start*/ .guidePage .tit{margin-bottom:1.2em;} .problemList .item{padding:18px 20px;border-bottom:1px solid #d8d8d8;} .problemList .item .tit{cursor:pointer;transition:0.2s all ease;-webkit-transition:0.2s all ease;display:flex;align-items:center;justify-content:space-between;} .problemList .item .tit .font{flex:1;} .problemList .item .tit .arrow{width:1em;height:0.5em;background:url(../images/arrow11.png) center no-repeat;background-size:contain;margin-left:2em;} .problemList .item .desc{display:none;} .problemList .item.cr .tit{font-weight:bold;} .problemList .item.cr .desc{padding-top:20px;} .problemList .item.cr .tit .arrow{background-image:url(../images/arrow12.png);} .problemList .item.cr{box-shadow: 3px 4px 17px 1px rgba(212,212,212,0.5);border-radius:8px;border-color:transparent;} /*用户指南 end*/ /*个人中心 start*/ .mt56{margin-top:56px;} .memberHeader{position:fixed;left:0;right:0;background:#ffffff;z-index:999999;box-shadow:0 2px 6px 0 rgba(13,46,166,0.02);} .memberHeader .cont{padding:0 40px;height:56px;display:flex;justify-content:space-between;align-items:center;} .memberHeader .cont .logoBox{display:flex;} .memberHeader .cont .logo{height:30px;} .memberHeader .cont .logoFont{font-size:16px;font-weight:bold;margin-top:5px;margin-left:10px;} .memberHeader .cont .menu{display:flex;align-items:center;height:100%;} .memberHeader .cont .menu .backHome{font-weight:bold;color:#034AA1;} .memberHeader .cont .menu .line{margin:0 12px;width:2px;height:8px;background:rgba(51,51,51,0.5);} .memberHeader .cont .menu .userImg{width:24px;height:24px;border-radius:50%;overflow:hidden;} .memberHeader .cont .menu .userName{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:4em;} .memberHeader .cont .menu .backHome:hover{text-decoration:underline;} .memberWrap{min-height:calc(100vh - 146px);background:#F5F9FE;display:flex;overflow-x:hidden;} .memberSideMenuItem{position:fixed;left:0;width:200px;top:56px;padding-top:24px;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberSideMenu{background:linear-gradient(to bottom, #02578e, #33b5e9);box-shadow:0px 2px 6px rgba(13,46,166,0.02);width:200px;/*height:calc(100vh - 186px);position:fixed;left:0;top:56px;*/transition:0.5s all ease;-webkit-transition:0.5s all ease;z-index:2;} .memberSideMenu .item{display:block;padding:10px 36px;color:#ffffff;margin-bottom:10px;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .memberSideMenu .w{display:flex;align-items:center;position:relative;} .memberSideMenu .w img{width:1em;height:auto;display:block;margin-right:6px;} .memberSideMenu .dot{position:absolute;left:5.6em;top:0;height:4px;width:4px;background:#ff0000;border-radius:50%;} .memberSideMenu .item.cr .w .icon1,.memberSideMenu .item:hover .w .icon2,.memberSideMenu .item.cr:hover .w .icon2{display:block;} .memberSideMenu .w .icon1,.memberSideMenu .item.cr .w .icon2,.memberSideMenu .item:hover .w .icon1{display:none;} .memberSideMenu .item.cr{color:#33bbed} .memberSideMenu .item:hover{background:#31bbea;color:#ffffff;} .memberSideMenu .items .memberSubMenu{ margin: 0 20px 5px 20px; display: none;} .memberSideMenu .items .memberSubMenu a{display: block;padding: 8px 10px 8px 58px;font-size:14px;color:#ffffff;} .memberSideMenu .items .memberSubMenu a.cr{color:#209ad5;} .memberSideMenu .items.cr .memberSubMenu{display: block;} .memberSideMenu .slideBtn{position:fixed;left:200px;top:50vh;margin-top:-20px;width:10px;height:40px;background:url(../images/arrow5.png) left center no-repeat;background-color:#ffffff;cursor:pointer;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberSideMenu.sideClose{margin-left:-200px;} .memberSideMenu.sideClose .slideBtn{left:0;background-image:url(../images/arrow6.png);background-position:right center;} .memberSideMenu.sideClose .memberSideMenuItem{left:-200px;} .memberContent{padding-bottom:16px;flex:1;display:flex;flex-direction:column;transition:0.5s all ease;-webkit-transition:0.5s all ease;/*margin-left:200px;*/position:relative;z-index:1;} .memberContent .current, .memberContent .step, .memberContent .formBox, .memberContent .msgTitBtn, .memberContent .msgListBox, .memberContent .msgInfoBox, .memberContent .workInfoBox .workOrderInfo, .memberContent .workorderListBox, .memberContent .enterpriseBox, .memberContent .joinBox, .memberContent .informationBox, .memberContent .personalBox, .memberContent .authTab, .listAddSearch{ background:#ffffff; box-shadow:0px 2px 6px rgba(13,46,166,0.02); } .memberContent .current{padding:16px;display:flex;align-items:center;flex-wrap:wrap;} .memberContent .current .back{color:#666;padding-left:1.4em;background:url(../images/arrow7.png) left center no-repeat;background-size:1em 1em;display:block;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberContent .current .line{height:12px;border-left:1px solid #333333;margin:0 12px;} .memberContent .current .prev{color:#666;padding-right:1.4em;background:url(../images/arrow1.png) right center no-repeat;background-size:1em 1em;display:block;margin-right:0.6em;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberContent .current .cur{color:#034AA1;} .memberContent .current .back:hover{color:#034AA1;background-image:url(../images/arrow8.png);} .memberContent .current .prev:hover{color:#034AA1;background-image:url(../images/arrow2.png);} .memberContent .step, .memberContent .formBox, .memberContent .msgTitBtn, .memberContent .msgListBox, .memberContent .msgInfoBox, .memberContent .workorderListBox, .memberContent .enterpriseBox, .memberContent .joinBox, .memberContent .informationBox, .memberContent .personalBox, .cockpitFastNav, .memberContent .authTab, .listAddSearch{ border-radius:4px;margin:16px 16px 0 16px; } .memberContent .authTab{display:flex;justify-content:space-between;align-items:center;padding:20px;} .memberContent .authTab .font{flex:1;} .memberContent .authTab .font,.memberContent .authTab .tab{display:flex;align-items:center;} .memberContent .authTab .font .img,.memberContent .authTab .tab .tItem .icon{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:8px;} .memberContent .authTab .font .img{flex:0 0 40px;} .memberContent .authTab .font .img img{height:40px;object-fit:cover;} .memberContent .authTab .font .status{display:inline-block;height:24px;line-height:24px;border-radius:12px;background:#034AA1;color:#ffffff;margin-left:8px;padding:0 1em;white-space:nowrap;} .memberContent .authTab .tab{flex-wrap:wrap;} .memberContent .authTab .tab .tItem{margin:4px 0 4px 20px;padding:12px;display:flex;justify-content:space-between;align-items:center;width:340px;border: 1px solid #d9d9d9;border-radius:2px;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberContent .authTab .tab .tItem .text{flex:1;} .memberContent .authTab .tab .tItem .btn{display:inline-block;height:24px;line-height:24px;border-radius:2px;background:#034AA1;color:#ffffff;padding:0 10px;margin-left:1em;} .memberContent .authTab .tab .tItem .icon{background:#e5f7ff;display:flex;align-items:center;justify-content:center;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberContent .authTab .tab .tItem .btn:hover{text-decoration:underline;} .memberContent .authTab .tab .tItem .icon .pic2,.memberContent .authTab .tab .tItem:hover .icon .pic1,.memberContent .authTab .tab .tItem.cr .icon .pic1{display:none;} .memberContent .authTab .tab .tItem:hover .icon .pic2,.memberContent .authTab .tab .tItem.cr .icon .pic2{display:block;} .memberContent .authTab .tab .tItem:hover .icon,.memberContent .authTab .tab .tItem.cr .icon{background:#034AA1;} .memberContent .authTab .tab .tItem:hover,.memberContent .authTab .tab .tItem.cr{border-color:#034AA1;} .memberContent .step{padding:30px 40px;overflow:hidden;} .memberContent .step .w{margin:0 -10%;display:flex;justify-content:center;align-items:center;} .memberContent .step .item{width:25%;text-align:center;position:relative;} .memberContent .step .item .num{width:28px;height:28px;line-height:24px;text-align:center;border-radius:50%;border:2px solid #999999;color:#999999;overflow:hidden;margin:0 auto;} .memberContent .step .item .font{font-weight:bold;margin-top:6px;color:#999999;} .memberContent .step .item::after{content:"";position:absolute;right:-50%;top:12px;width:calc(100% - 80px);height:5px;transform:translateX(-40px);-webkit-transform:translateX(-40px);background:#d9d9d9;display:block;} .memberContent .step .item:last-child::after{display:none;} .memberContent .step .item.cr .num,.memberContent .step .item.on .num{border-color:#034AA1;color:#034AA1;} .memberContent .step .item.cr .font{color:#034AA1;} .memberContent .step .item.on .num{text-indent:-999px;background:url(../images/step.png) center no-repeat;background-size:contain;} .memberContent .step .item.on::after{background:#034AA1;} .memberContent .formBox{flex:1;padding:20px;} .memberContent .form{margin:0 -10px;} .memberContent .form .item{float:left;margin-bottom:24px;} .memberContent .form .item .w{margin:0 10px;position:relative;} .memberContent .form .item .name{margin-bottom:8px;} .memberContent .form .item .name .tip{color:#999999;font-size:12px;margin-left:10px;} .memberContent .form .item .desc a{color:#034AA1;} .memberContent .form .item .text{border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;} .memberContent .form .item .text.error,.memberContent .form .item .text label{border-color:#ff0000;} .memberContent .form .item .text input,.memberContent .form .item .text select{box-sizing:border-box;border:none;height:30px;padding:0 12px;appearance:none;-webkit-appearance:none;width:100%;} .memberContent .form .item .text select{background-image:url(../images/arrow9.png);background-position:calc(100% - 12px) center;background-repeat:no-repeat;} .memberContent .form .item .text textarea{border:none;width:100%;padding:12px;box-sizing:border-box;min-height:120px;} .memberContent .form .item .otherText{margin:1em 0 0 1em;max-width:400px;display:none;} .memberContent .form .item .uploadArea{display:flex;align-items:end;margin-top:1em;} .memberContent .form .item .uploadArea .img{width:240px;height:150px;border:1px solid #d9d9d9;border-radius:2px;overflow:hidden;margin-right:1em;display:none;} .memberContent .form .item .uploadArea .img img{height:100%;width:100%;object-fit:contain;} .memberContent .form .item .uploadArea .upload-btn{background:#034AA1;border-radius:2px;cursor:pointer;color:#ffffff;line-height:32px;padding:0 1em;position:relative;} .memberContent .form .item .upload-input{display:none;} .memberContent .form .item .pccSelect{display:flex;} .memberContent .form .item .text.startEndDate{display:flex;align-items:center;} .memberContent .form .item .text.startEndDate .arrow{display:block;width:10px;height:6px;background:url(../images/arrow13.png) center no-repeat;background-size:contain;} .memberContent .form .item .text.startEndDate .dateInput{flex:1;background:url(../images/timeicon.png) right center no-repeat;margin:0 12px;} .memberContent .form .item .text.startEndDate .dateInput input,.publicScreen .dateInput input{padding:0 !important;cursor:pointer;background:none;} .memberContent .form .item .dpf{display:flex;align-items:center;height:30px;} .memberContent .form .item .dpf .flex1{flex:1;} .memberContent .form .item .wordNum{line-height:32px;color:#999999;padding-right:12px;} .memberContent .form .item .textareaBox{padding-bottom:2em;} .wordNum.pa{right:0;bottom:0;} .memberContent .form .item .unit1,.memberContent .form .item .unit2{color:#999999;line-height:32px;} .memberContent .form .item .unit1{padding-left:12px;} .memberContent .form .item .unit2{padding-right:12px;} .memberContent .form .item .download{color:#034AA1;} .memberContent .form .item .radio .name{line-height:32px;} .memberContent .form .item .radio label{display:inline-block;margin-left:1em;cursor:pointer;text-align:center;margin-bottom:4px;} .memberContent .form .item .radio label .radioFont{display:inline-block;line-height:30px;border:1px solid #d9d9d9;border-radius:4px;min-width:6em;padding:0 1em;} .memberContent .form .item .radio label input{display:none;} .memberContent .form .item .radio label input:checked + .radioFont{border-color:#034AA1;color:#034AA1;} .memberContent .form .w1{width:50%;} .memberContent .form .w2{width:66.6%;} .memberContent .form .w3{width:33.3%;} .memberContent .form .w100{width:100%;} .memberContent .form .subBtn{background:#034AA1;border-radius:4px;cursor:pointer;color:#ffffff;line-height:2.4;width:8em;text-align:center;margin:2em auto;} .memberContent .form .subBtn:hover, .memberContent .form .item .uploadArea .upload-btn:hover, .memberContent .form .item .download:hover, .memberContent .form .item .desc a:hover, .memberContent .msgTitBtn .btn:hover, .memberContent .workorderList .btn:hover{ text-decoration:underline; } .memberContent .form .item .valid_message,.memberContent .form .item .text label{position:absolute;left:10px;bottom:-1.5em;color:#ff0000;} .memberContent .form .item .inRow .name{line-height:32px;margin-right:1em;} .dateInputPicker{margin:0 12px;background:url(../images/timeicon.png) right center no-repeat;} .dateInputPicker input{padding:0 !important;cursor:pointer;background:none;} .memberContent .form .btnsBox{display:flex;justify-content:center;align-items:center;margin:2em 0;} .memberContent .form .btnsBox .subBtn{margin:0 2em;border:1px solid #034AA1;} .memberContent .form .btnsBox .prevPage{display:block;line-height:2.4;width:6em;text-align:center;border-radius:4px;border:1px solid #d9d9d9;color:#999999;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberContent .form .btnsBox .prevPage:hover{border-color:#034AA1;color:#034AA1;} /******拖拽上传 start******/ .dropUploadArea{margin-top:1em;position:relative;} .dropUploadArea .upload-area{max-width:160px;height:90px;border:1px dashed #d9d9d9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .dropUploadArea .upload-area:hover {border-color:#bababa;background-color:#fafafa;} .dropUploadArea .upload-area.drag-over {border-color:#034AA1;background-color:#e3f2fd;} .dropUploadArea .upload-area .upload-text{text-align:center;color:#999999;} .dropUploadArea .upload-area .upload-text .font1{padding-left:1.1em;background:url(../images/add.png) left center no-repeat;background-size:12px auto;width:6em;margin:0 auto;} .dropUploadArea .upload-area .upload-text .font2{font-size:12px;} .dropUploadArea .file-list{display:inline-block;max-width:100%;} .dropUploadArea .file-list .file-item{display: flex;align-items: center;margin:6px 0;} .dropUploadArea .file-list .file-name{flex-grow: 1;margin-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#999999;} .dropUploadArea .file-list .file-remove{color: #ff0000;cursor: pointer;font-size:18px;} .dropUploadArea .hidden{display:none;} .dropUploadArea .preview-container{position:absolute;left:0;top:0;width:100%;height:100%;display:none;background:#ffffff;border:1px dashed #d9d9d9;} .dropUploadArea .preview-container .preview-remove{font-size:24px;position:absolute;right:0;top:0;cursor:pointer;width:24px;height:24px;text-align:center;line-height:24px;display:block;color:#ff0000;} /*身份证正反面 start*/ .idCardImg{display:flex;flex-wrap:wrap;} .idCardImg .dropUploadArea{width:256px;margin-right:24px;} .idCardImg .preview-container .preview-item{height:160px;} .idCardImg .preview-container img{height:100%;width:100%;object-fit:cover;} .idCardImg .dropUploadArea .upload-area{max-width:100%;height:160px;} .idCardImg .dropUploadArea .upload-area .upload-text .font1{width:9em;} /*身份证正反面 end*/ .dropUploadArea.errBot0 .valid_message{bottom:-2px !important;} .dropUploadArea.noFileList .file-list{display:none !important;} /******拖拽上传 end******/ .serviceAreaBox .serviceAreaText .del{margin-left:1em;} .serviceAreaBox .serviceAreaText .sItem{margin-bottom:1em;} .memberContent .msgTitBtn{padding:18px 40px;display:flex;justify-content:space-between;line-height:22px;} .memberContent .msgTitBtn .btn{color:#034AA1;cursor:pointer;} .memberContent .msgListBox{padding:0 40px 60px 40px;flex:1;display: flex;flex-direction: column;} .memberContent .msgList{flex:1;overflow-y:auto;} .memberContent .msgList .item{padding:20px 0;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center;} .memberContent .msgList .item .tit{display:block;flex:1;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .memberContent .msgList .item .tit:hover,.memberContent .msgList .item .del:hover{color:#034aa1;} .memberContent .msgList .item.readed .tit{color:#b4b4b4;} .memberContent .msgList .item .date{color:#999999;margin-left:2em;display:block;} .memberContent .msgList .item .del{font-size:14px;margin-left:1em;color:#666666;cursor:pointer;} .memberContent .msgInfoBox{padding:40px;flex:1;} .memberContent .msgInfoBox .date{border-bottom:1px solid #e6e6e6;padding:1em 0;margin-bottom:2em;} .memberContent .workInfoBox{display:flex;justify-content:space-between;flex:1;} .memberContent .workInfoBox .msgInfoBox{flex:1;} .memberContent .workInfoBox .workOrderInfo{margin:16px 16px 0 0;padding:20px;width:310px;border-radius:4px;} .memberContent .workInfoBox .workOrderInfo .item{margin-top:20px;} .memberContent .workInfoBox .orderAccount{display:flex;align-items:center;} .memberContent .workInfoBox .orderAccount .seeBtn{margin-left:1em;display:inline-block;width:16px;height:16px;cursor:pointer;background:url(../images/eye-close.png) center no-repeat;background-size:contain;} .memberContent .workInfoBox .orderAccount .seeBtn.on{background-image:url(../images/eye-open.png);} .memberContent .workorderListBox{padding:24px 20px 60px 20px;flex:1;display: flex;flex-direction: column;} .memberContent .workorderList{flex:1;overflow-y:auto;} .memberContent .workorderList table{width:100%;table-layout:fixed;} .memberContent .workorderList table tr th, .memberContent .workorderList table tr td{ text-align:center; padding:10px 1em; white-space:nowrap; } .memberContent .workorderList table tr th{background:#034aa1;color:#ffffff;white-space:nowrap;} .memberContent .workorderList table tr td{color:#666666;} .memberContent .workorderList table tr:nth-child(2n+1) td{background:#f5f9fe;} .memberContent .workorderList .ques{max-width:20%;} .memberContent .workorderList .btn{display:inline-block;color:#034aa1;cursor:pointer;padding:0 0.2em;} .memberContent .questionChat{padding:40px 40px 100px 40px;} .questionChat{position:relative;} .questionChat .list{margin-top:2em;height:calc(100vh - 342px);overflow-y: auto;padding-right:10px;} .questionChat .list::-webkit-scrollbar-thumb{width:4px;background-color:#034AA1; height:50px;-webkit-border-radius:4px;} .questionChat .list::-webkit-scrollbar-thumb:hover{background-color:#034AA1;height:50px;-webkit-border-radius:4px;} .questionChat .list::-webkit-scrollbar{width:4px;height:4px;} .questionChat .list::-webkit-scrollbar-track-piece{background-color:#f8f8f8;-webkit-border-radius:0;} .questionChat .list::-webkit-scrollbar-thumb:active{height:50px;background-color:#000;-webkit-border-radius:4px;} .questionChat .list .item{line-height:1.8;margin-top:1em;display:flex;} .questionChat .list .item.ques{justify-content:end} .questionChat .list .item .cont{max-width:80%;} .questionChat .list .item .cont .chatting{display:inline-block;padding:1em;border:1px solid #d9d9d9;border-radius:10px;} .questionChat .list .item .cont .tip{margin-top:10px;} .questionChat .chattingInput{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:10px;overflow:hidden;position:absolute;left:40px;bottom:40px;right:40px;} .questionChat .chattingInput .text{flex:1;} .questionChat .chattingInput .text input{padding:0 1em;width:100%;border:none;height:3em;} .questionChat .chattingInput .btn{width:5em;height:3em;border:none;background:#034AA1;color:#ffffff;} .memberContent .workListForm{flex:none;} .memberContent .workListForm .form .item{margin-bottom:0;} .memberContent .workListForm .serach_btn{background:#0052D9;border-radius:2px;cursor:pointer;color:#ffffff;line-height:32px;padding:0 1em;position:relative;float:right;width:6em;text-align:center;margin:28px 0 0 10px;} .memberContent .workListForm .serach_btn:hover{text-decoration:underline;background:#034AA1;} .memberContent .workListForm .reset_btn{border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;color:#666;line-height:32px;padding:0 1em;position:relative;float:right;width:6em;text-align:center;margin:28px 0 0 10px;} .memberContent .workListForm .reset_btn:hover{text-decoration:underline;background:#034AA1;color:#fff;} .memberContent .btns{display: flex;justify-content: flex-end;margin:1.5em 16px .5em 16px;} .memberContent .submit_btn{float:right;background:#034AA1;border-radius:2px;cursor:pointer;color:#ffffff;line-height:2.4;width:88px;text-align:center;margin-left:10px;font-size:14px;} .memberTab{padding:25px 20px 0;background:#fff; border-radius: 4px;margin: 16px 16px 0 16px; display: flex;} .memberTab .item{color:#333;margin-right:60px;cursor:pointer;padding-bottom:25px;border-bottom: 2px solid #fff;} .memberTab .item.cr{color:#034aa1; font-weight: bold; border-color:#034AA1;} .memberTab .item:hover{color:#034aa1;} .memberContent .enterpriseBox{padding:80px 20px;flex:1; display: flex;justify-content: center; align-items: center;} .memberContent .enterpriseBox .item{width:40%;max-width:560px;padding:73px 45px;border:1px solid #d8d8d8;border-radius: 8px;margin:0 42px;text-align: center;position: relative;} .memberContent .enterpriseBox .item:after{width:100%;height:6px;background:#034AA1;content:'';position: absolute;left:0;bottom:0;border-radius:0 0 8px 8px;display: none;} .memberContent .enterpriseBox .item .icon{width:120px;height:120px;border-radius: 100%;background:#f8f9fa;margin:auto;} .memberContent .enterpriseBox .item .icon .icon2{display: none;} .memberContent .enterpriseBox .item .tit{margin-top:40px;font-weight: bold;} .memberContent .enterpriseBox .item .txt{margin-top:15px;} .memberContent .enterpriseBox .item:hover:after {display:block;} .memberContent .enterpriseBox .item:hover .icon {background:#034aa1;} .memberContent .enterpriseBox .item:hover .icon .icon1{display: none;} .memberContent .enterpriseBox .item:hover .icon .icon2{display: block;} .memberContent .enterpriseBox .item:hover .tit{color:#034AA1;} .memberContent .enterpriseBox .item:hover .txt{color:#666;} .memberContent .joinBox{padding:40px 20px;flex:1; } .memberContent .joinBox .txt{margin-top:10px;} .memberContent .joinBox .search_box{max-width:980px;margin:40px auto 0; } .memberContent .joinBox .search_form{display: flex;justify-content: space-between;} .memberContent .joinBox .search_form .search_input{flex:1;} .memberContent .joinBox .search_form .search_input input{width:100%;height: 100%;border:1px solid #d9d9d9;padding:16px;box-sizing: border-box;} .memberContent .joinBox .search_form .search_btn{width:92px;height:56px;text-align: center;line-height: 56px;color:#fff;background:#0052D9;border-radius: 2px;margin-left:12px;cursor:pointer;} .memberContent .joinBox .search_form .search_btn:hover{background:#034AA1;} .memberContent .joinBox .search_info{margin-top:24px;background:#F5F9FE;border:1px solid #d9d9d9;display: flex;padding:20px 0;} .memberContent .joinBox .search_info dl{width:30%;padding:0 20px;box-sizing: border-box;display: flex;} .memberContent .joinBox .search_info dl dt{flex-shrink: 0;} .memberContent .joinBox .search_info dl dd{flex:1;padding-left:22px; word-break: break-word;} .memberContent .joinBox .search_info dl:nth-child(2){width:20%;} .memberContent .joinBox .search_info dl:nth-child(3){width:50%;} .memberContent .joinBox .search_info dl:nth-child(3) dd{white-space:nowrap;} .nodata{margin-top:24px;padding:20px 0;text-align:center;} .nodata .img{max-width:160px;margin:0 auto;} .nodata .font{margin-top:2em;color:#999999;} .infomationTop{padding:66px 20px;background-image:linear-gradient(180deg, #E4F1FF 0%, #fff 50%, #fff 100%); border-radius: 4px;margin: 16px 16px 0 16px; display: flex;justify-content: center;align-items: center;} .infomationTop .memIcon{width:124px;margin-right:40px; flex-shrink: 0;} .infomationTop .memStatus .memFont{display: flex;} .infomationTop .memStatus .memBeian{width:92px; padding:0 15px;height:24px;background:#D9F4E3;border-radius: 4px;margin-left:20px;color:#42CF50;display: flex;justify-content: center;align-items: center; } .infomationTop .memStatus .memBeian img{width:14px;height:16px;margin-right:5px;} .infomationTop .memStatus .memBtns{display: flex;margin-top:20px;flex-wrap: wrap;} .infomationTop .memStatus .memBtns a{min-width: 100px;padding:0 18px;height:32px;line-height: 30px;background:#F5F9FE;border:1px solid #d9d9d9;border-radius: 2px;margin-right:8px;margin-bottom: 8px;} .infomationTop .memStatus .memBtns a:hover{border-color:#034AA1;background:#034AA1;color:#fff;} .examineSatus{height:24px;border-radius:4px;margin-left:20px;display:flex;justify-content:center;align-items:center;width:100px;} .examineSatus img{margin-right:5px;display:block;} .examineSatus.afoot{background:#E5F7FF;color:#1890FF;} .examineSatus.fail{background:#FFF1F0;color:#E74C3C;} .examineSatus.success{background:#D9F4E3;color:#42CF50;} .memberContent .informationBox{padding:24px 20px;flex:1;display: flex;flex-direction: column; } .memberContent .informationBox .memberNav{border-bottom:1px solid #d9d9d9;display: flex;flex-wrap: wrap;} .memberContent .informationBox .memberNav a{display: inline-block;height:48px;font-size:20px;color:#333;line-height: 48px;margin-right:60px;transition:all 0.3s;position: relative;} .memberContent .informationBox .memberNav a:after{width:100%;border-bottom: 2px solid #034AA1;content:'';position: absolute;left:0;bottom:-1px;opacity: 0;} .memberContent .informationBox .memberNav a.cr{color:#034AA1;font-weight: bold;} .memberContent .informationBox .memberNav a.cr:after{opacity: 1;} .memberContent .informationBox .memberNav a:hover{color:#034AA1;} .memberContent .informationCon{margin-top:40px;flex:1;} .memberContent .informationCon .items{width:100%;height:100%; display: none;flex-direction: column;} .memberContent .informationCon .items.active{display: flex;} .memberContent .informationCon .informationList{display: flex;flex-wrap: wrap;} .memberContent .informationCon .informationList table{width:100%;border:1px solid #d8d8d8;} .memberContent .informationCon .informationList table td{padding:12px;vertical-align: top;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;} .memberContent .informationCon .informationList table td:last-child{border-right:none;} .memberContent .informationCon .informationList table tr:last-child td{border-bottom:none;} .memberContent .informationCon .informationList table td:nth-child(odd){background:#F5F9FE;} .memberContent .informationCon .informationList table td .span1{font-size:14px;color:#666;} .memberContent .informationCon .informationList table td .span2{font-size:14px;color:#333;} .memberContent .informationCon .informationList table td a{color:#034AA1;} .memberContent .informationCon .informationList table td a:hover{text-decoration: underline;} /*.memberContent .informationCon .informationList table td:nth-child(2n){width:15%!important;}*/ .memberContent .informationCon .informationList table td .uploadImg{max-width: 240px;margin-bottom: 10px; } .memberContent .informationCon .informationList5 table td:nth-child(2n){width:24%!important;} .memberContent .informationCon .informationList dl{width:25%;display: flex;margin-bottom: 25px;} .memberContent .informationCon .informationList dl dt{font-size:14px;color:#666;} .memberContent .informationCon .informationList dl dd{flex:1;font-size:14px;color:#333;padding-left:40px;} .memberContent .informationCon .informationList dl dd img{max-width: 240px;} .memberContent .myEchart{height:calc(100vh - 356px);} .cockpitFastNav{padding:20px;border-radius:4px;background:#ffffff;overflow:hidden;} .cockpitFastNav .tit{margin-bottom:10px} .cockpitFastNav .navBox{display:flex;flex-wrap:wrap;/*justify-content:space-between;*/margin:0 -10px;} .cockpitFastNav .navBox .navItem{margin-top:10px;width:33.3%;} .cockpitFastNav .navBox .navItem .w{height:72px;border-radius:8px;box-shadow: 0px 0px 13px #e6f1f4;display:flex;align-items:center;padding:0 1.5em;box-sizing:border-box;margin:0 10px;} .cockpitFastNav .navBox .navItem img{display:block;margin-right:10px;height:3em;width:3em;object-fit:scale-down;} .cockpitFastNav .navBox .navItem .font{font-size:16px;} .cockpitFastNav .navBox .navItem .font .desc{font-size:14px;color:#999999;font-weight:550;} .cockpitFastNav .navBox .navItem .font .span{display:block;line-height:1.8;font-weight:550;} .cockpitFastNav .navBox .navItem:hover,.cockpitFastNav .navBox .navItem:hover .font .desc{color:#034aa1} .cockpitFastNav .navBox .navItem.disabled{filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;cursor:no-drop;} .employeeList {/*display: flex;flex-wrap: wrap;*/flex:1;} .employeeList .item{float:left;width:24.1%;margin-left:1.2%;margin-bottom:1.2%;background:#F5F9FE;border:1px solid #d9d9d9;padding:20px;border-radius: 4px;text-align: center;} .employeeList .item:nth-child(4n+1){margin-left:0;} .employeeList .item .span1{font-size:14px;color:#333;font-weight: bold;} .employeeList .item .span2{font-size:14px;color:#666;padding-left:20px;} .workerListTable table{width:100%;} .workerListTable table tr th{background:#034AA1;color:#ffffff;padding:8px 0;} .workerListTable table tr td{padding:1em 0;} .workerListTable table tr .tWrap{padding:0 2vw;white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center;text-align:left;} .workerListTable table tr .tWrap.normal{white-space:normal;} .workerListTable table tr th:first-child{border-radius:4px 0 0 4px;} .workerListTable table tr th:last-child{border-radius:0 4px 4px 0;} .workerListTable table tr:nth-child(2n+1) td{background:#F5F9FE;} .workerListTable .downBtn{display:block;border:1px solid #c0d5f0;background:#ffffff;border-radius:4px;color:#034AA1;line-height:30px;padding:0 1em;margin:2px 8px 2px 0;} .workerListTable .downBtn span{display:inline-block;padding-right:1.2em;background:url(../images/down2.png) right center no-repeat;} .workerListTable .linkBtn{color:#034AA1;display:inline-block;line-height:30px;margin:2px 8px 2px 0;} .workerListTable .downBtn:hover span,.workerListTable .linkBtn:hover{text-decoration:underline;} /*仿eui 弹窗*/ .powerPop{display:none;} .powerPop .mask{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);} .powerPop .cont{padding:15px 15px 10px 15px;width:500px;box-sizing:border-box;position:fixed;z-index:999999;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:18px;box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);} .powerPop .cont .tit{padding-bottom:10px;} .powerPop .cont .close{position:absolute;top:15px;right:15px;cursor:pointer;background:url(../images/close1.png) center no-repeat;width:16px;height:16px;} .powerPop .cont .close:hover{background-image:url(../images/close2.png);} .powerPop .cont .checkbox{font-size:14px;padding:10px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;} .powerPop .cont .checkbox .item{width:48%;padding:5px 0;} .powerPop .cont .checkbox .item .desc{padding-left:20px;color:#999999;font-size:12px;} .powerPop .cont .checkbox label{display:flex;align-items:center;cursor:pointer;white-space:nowrap;user-select:none;} .powerPop .cont .checkbox label .icon{display:inline-block;vertical-align:middle;position:relative;border:1px solid #dcdfe6;border-radius:2px;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46);} .powerPop .cont .checkbox label .icon::after{box-sizing: content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in .05s;transform-origin:center;} .powerPop .cont .checkbox label .font{display:inline-block;padding-left:6px;} .powerPop .cont .checkbox label input{display:none;} .powerPop .cont .checkbox label input:checked ~ .font{color:#409eff;} .powerPop .cont .checkbox label input:checked + .icon{background-color:#409eff;border-color:#409eff;} .powerPop .cont .checkbox label input:checked + .icon::after{transform: rotate(45deg) scaleY(1);} .powerPop .cont .message{padding:10px 12px 10px 36px;font-size:14px;background-repeat:no-repeat;background-position:left center;background-size:20px auto;line-height:24px;} .powerPop .cont .message.warn{background-image:url(../images/warning.png);} .powerPop .cont .btnBox{margin-top:5px;text-align:right;} .powerPop .cont .btnBox .btn,.serviceAreaBox .del,.serviceAreaBox .add,.listAddSearch .add{padding:9px 15px;font-size:12px;border-radius:3px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;} .powerPop .cont .btnBox .btn:nth-child(2){margin-left:10px;} .powerPop .cont .btnBox .confirmBtn,.serviceAreaBox .add,.listAddSearch .add{color:#fff;background-color:#409eff;border-color:#409eff;} .powerPop .cont .btnBox .confirmBtn:hover, .powerPop .cont .btnBox .confirmBtn:focus, .serviceAreaBox .add:hover, .serviceAreaBox .add:focus, .listAddSearch .add:hover, .listAddSearch .add:focus{ background-color:#66b1ff; border-color:#66b1ff; color:#ffffff; } .powerPop .cont .btnBox .cancelBtn:hover, .powerPop .cont .btnBox .cancelBtn:focus, .serviceAreaBox .del:hover, .serviceAreaBox .del:focus{ color:#409eff; border-color:#c6e2ff; background-color:#ecf5ff; } .listTable table{width:100%;} .listTable table tr th{background:#034AA1;color:#ffffff;padding:8px 0;} .listTable table tr td{padding:1em 0;} .listTable table tr .tWrap{padding:0 2vw;white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center;text-align:left;} .listTable table tr .tWrap.normal{white-space:normal;} .listTable table tr th:first-child{border-radius:4px 0 0 4px;} .listTable table tr th:last-child{border-radius:0 4px 4px 0;} .listTable table tr:nth-child(2n+1) td{background:#F5F9FE;} .listTable .linkBtn{color:#034AA1;display:inline-block;line-height:30px;margin:2px 8px 2px 0;} .listTable .linkBtn:hover{text-decoration:underline;} .listTable .statusLabel{border-radius:4px;display:inline-block;padding:0 10px;height:24px;line-height:24px;} .listTable .statusLabel.afoot{background:#E5F7FF;color:#1890FF;} .listTable .statusLabel.fail{background:#FFF1F0;color:#E74C3C;} .listTable .statusLabel.success{background:#D9F4E3;color:#42CF50;} .listAddSearch{padding:20px;display:flex;align-items:center;justify-content:space-between;} .listAddSearch .add{margin-right:2em;} .listAddSearch .search{display:flex;align-items:center;} .listAddSearch .search .text{flex:1;max-width:200px;} .listAddSearch .search .text input{width:100%;padding:0 1em;box-sizing:border-box;height:32px;border:1px solid #d9d9d9;border-radius:4px;} .listAddSearch .search .btn{margin-left:10px;background:#034AA1;border:none;border-radius:4px;cursor:pointer;color:#ffffff;height:32px;padding:0 1em;position:relative} /*个人中心 end*/ /*登录页*/ .loginContainer .logoBox{position:fixed;top:20px;left:20px;display:flex;align-items:center;z-index:99;} .loginContainer .logoBox .logo{margin-right:18px;} .loginContainer .logoBox .logoFont{font-weight:bold;color:#3e3a39;} .loginContainer .backHome{position:fixed;top:20px;right:20px;line-height:20px;color:#666666;padding-left:24px;background:url(../images/back.png) left center no-repeat;} .loginContainer .backHome:hover{color:#034AA1;background-image:url(../images/back2.png);} .loginContainer .footer{position:fixed;width:60%;left:0;bottom:0;background:#EFF4FD;} .loginBox .box{overflow: hidden;} .loginBox .loginForm{width:420px;background:#fff;border-radius: 8px;padding:44px 40px 60px;} .loginInput{position: relative;padding:10px 0;height:48px;border-radius: 4px;outline: none;border:1px solid #d8d8d8;display: flex;align-items: center;margin-top:8px;} .loginInput .icon{width:52px;height:16px;text-align: center;border-right:1px solid #d9d9d9; } .loginInput .input{flex:1; position: relative;} .loginInput input{width:100%;border:none;outline: none; padding: 0 15px; font-size: 14px; } .loginInput .input .eye{width:30px;height:30px;background:url(../images/eye1.png) no-repeat center;cursor: pointer;position: absolute;right:10px;top:50%;margin-top:-15px;} .loginInput .input .eye.on{background:url(../images/eye.png) no-repeat center;} .loginInput .input .yzmCode{width:84px;height:36px;position: absolute;right:10px;top:50%;margin-top:-18px;cursor: pointer;} .forgetPwd{text-align: right;margin-top:24px;} .forgetPwd a{font-size:14px;color:#034AA1;} .forgetPwd a:hover{text-decoration: underline;} .loginSubmit{display:block;width:100%;height:48px; line-height: 48px;text-align:center; border-radius:24px;background:#034AA1;color:#fff;margin-top:40px;cursor:pointer;} .loginSubmit:hover{text-decoration:underline;} .loginAgree{color:#999;font-size:14px;margin-top:24px;} .loginAgree input{border-color:#d9d9d9;vertical-align: -1px;margin-right:10px;} .loginAgree a{color:#034AA1;} .loginAgree a:hover{text-decoration: underline;} .newsPage .listBox .indServe .cont{margin-top:0;} .newsPage .listBox .indServe .cont .item{display: block;margin-bottom: 60px;padding-bottom:60px;border-bottom:1px solid #efefef;} .newsPage .listBox .indServe .cont .item .imgBox{width:50%;} .newsPage .listBox .indServe .cont .item:nth-child(2n) .imgBox{float:left;margin:0 30px 0 20px;} .newsPage .listBox .indServe .cont .item:nth-child(2n) .imgBox .bg{right:auto;left:-20px;} .newsPage .listBox .indServe .cont .item:last-child{border:none;padding-bottom:0 !important;} .loginPageMid{display:flex;justify-content:space-between;align-items:center;} .loginPageMid .loginBg{background:url(../images/login-background.png) center no-repeat;background-size:cover;flex:1;height:100vh;position:relative;} .loginPageMid .loginBg .bgFont{position:absolute;left:0;width:100%;top:180px;white-space:nowrap;text-align:center;color:#3e3a39;} .loginPageMid .loginBox{width:40%;display:flex;justify-content:center;align-items:center;} .loginPageMid .loginForm .tabs{padding-bottom:16px;display:flex;align-items:center;justify-content:center;} .loginPageMid .loginForm .tabs .item{border-bottom:4px solid transparent;margin:0 0.6em;padding-bottom:0.4em;cursor:pointer;} .loginPageMid .loginForm .tabs .item:hover,.loginPageMid .loginForm .tabs .item.on{border-color:#034aa1;} .loginPageMid .loginForm .contBox .cont{display:none;} .loginPageMid a.loginSubmit2{display:block;width:100%;height:48px;line-height:48px;text-align:center;border-radius:24px;transition:0.3s all ease;-webkit-transition:0.3s all ease;border:1px solid #d8d8d8;margin-top:1.5em;} .loginPageMid a.loginSubmit2:hover{color:#fff;background:#034AA1;border-color:#034AA1;} .loginPageMid .rzLogin .img{max-width:234px;margin:35px auto 50px auto;border-radius:50%;} .loginPageMid .inpItem{margin-top:24px;} .loginPageMid .inpItem .name{color:#666666;} .loginPageMid .inpItem .name span{color:#ff1800;} .loginPageMid .inpItem .radio{margin-top:8px;} .loginPageMid .inpItem .radio label{display:inline-block;margin-right:1em;cursor:pointer;text-align:center;} .loginPageMid .inpItem .radio label .radioFont{display:inline-block;line-height:30px;border:1px solid #d9d9d9;border-radius:4px;min-width:6em;padding:0 1em;} .loginPageMid .inpItem .radio label input{display:none;} .loginPageMid .inpItem .radio label input:checked + .radioFont{border-color:#034AA1;color:#034AA1;} .globalPop{display:none;} .globalPop .mask{position:fixed;z-index:100000;background:rgba(0,0,0,0.3);left:0;top:0;width:100%;height:100%;} .globalPop .cont{position:fixed;z-index:100001;box-sizing:border-box;padding:16px;background-color: #fff;-webkit-background-clip: content;box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .globalPop .cont .tit{margin-bottom:1em;} .globalPop .cont .mobileCode{border-radius:4px;outline:none;border:1px solid #d8d8d8;} .globalPop .cont .mobileCode input{width:100%;height:36px;border:none;outline:none;padding:0 15px;font-size:14px;background:none;} .globalPop .cont .btnBox{margin-top:1.5em;display:flex;justify-content:center;padding-bottom:6px;} .globalPop .cont .btnBox .btn{height:28px;line-height:28px;margin:0 6px;padding:0 15px;border: 1px solid #dedede;background-color: #f1f1f1;color: #333;border-radius: 2px;font-weight: 400;cursor: pointer;text-decoration: none;} .globalPop .cont .btnBox .btn:hover{opacity:0.9;} .globalPop .cont .btnBox .confirmBtn{border-color: #4898d5;background-color: #2e8ded;color:#fff;} .globalPop .cont .close{position: absolute;right:-18px;top:-18px;width: 30px;height: 30px;margin-left: 0;background:url(../js/layer/skin/default/icon.png) no-repeat;background-position:-149px -31px;cursor:pointer;} .globalPop.mobileCodePop .cont{width:300px;} .aboutWrap{background:url(../images/bg3.jpg) no-repeat center;background-size:cover;padding:4vw 0 1vw;} .aboutWrap .box2{max-width: 100%;} .aboutContent{max-width: 1200px;margin:auto ;} .aboutVideo,.aboutDesc{margin-top:40px;text-align: left;line-height: 1.8;} .aboutVideo p,.aboutDesc p{margin-bottom: 1em;} .aboutVideo video{display: block; } .aboutDesc {text-indent: 2em; line-height: 1.8;} .about-one-list {width: 70%;margin: 2.5vw auto 0;display: flex;justify-content: center;justify-content: space-between;} .about-one-list li {text-align: center;color:#fff;} .about-one-list .timer { font-size: 3.125vw;font-family: Arial;font-weight: bold;vertical-align: top;display: inline-block; margin-right: 10px; line-height: 1.2;} .about-one-list h3 { font-size: 1.5625vw;font-family: Arial; font-weight: bold; min-width: 8vw;line-height: 1.4;} .aboutWrap .aboutTitle,.aboutWrap .aboutVideo,.aboutWrap .aboutDesc{color:#fff;} .overView{padding:4vw 0;} .centerBox{margin-top:40px;} .centerBox .item{display: flex;flex-direction: row-reverse;} .centerBox .item .img{width:40%;border-radius: 4px;margin-left:40px;} .centerBox .item .desc{flex:1;padding:30px; box-shadow: 3px 4px 17px rgba(212,212,212,0.5); line-height:1.7; } .contact {display: flex;justify-content: space-between; } .contact .map {width: 58%;border-radius: 10px 0 0 10px;} .contact .conInfo {width: 42%;padding: 5%;background: #fff ;background-size: 30%;border-radius: 10px;box-shadow: 0px 0px 20px rgba(33, 122, 241, 0.1);} .contact .conInfo h1 {font-size: 20px;color:#034AA1;font-weight: bold;margin-bottom: 15px; } .contact .conInfo .p1 {font-size: 14px;color: #666;border-bottom: 1px solid #dedede;padding-bottom: .5vw;margin-bottom: .8vw;display: flex;align-items: center;} .contact .conInfo .p1 .iconfont {margin-right: 3px;font-size: 16px;color: #00C9A1;} .contact .conInfo .p2 {font-size: 14px;font-family: Arial;color: #333;font-weight: bold;display: block;line-height: 2;} .contact .conInfo .p3 {font-size: 14px;color: #999;margin-top: 10px;} #l-map{width:100%;height:100%;} #l-map img{max-width: none;} .kaifaBox{margin-top:20px;padding-bottom: 40px;} .kaifaSwiper .box2{max-width: 100%;margin:0;} .dataTitle{margin-bottom: 40px;display: flex;justify-content: space-between;align-items: center;} .dataTitle .tit{margin-top:0!important;} .dataTitle a{color: #034AA1; background: url(../images/arrow2.png) no-repeat right center;padding-right:1.4em;} .kaifaSwiper .swiper-container{padding-top:15px;margin-top:-15px;} .kaifaSwiper .swiper-slide {width:460px;} .kaifaSwiper .swiper-slide a{display:block;padding:24px 24px 40px;border-radius: 8px;border:1px solid #d8d8d8;} .kaifaSwiper .swiper-slide a .txt{line-height: 1.7;margin-top:5px;height:3.4em;} .kaifaSwiper .swiper-slide a .labelDesc{margin-top:22px;display: flex;justify-content: space-between;} .kaifaSwiper .swiper-slide a .labelDesc .labelItem{padding-right: 10px;} .kaifaSwiper .swiper-slide a:hover{background:#034AA1;border-color:#034AA1;box-shadow: 0 2px 15px 10px rgba(213, 224, 237, 0.5);} .kaifaSwiper .swiper-slide a:hover .tit,.kaifaSwiper .swiper-slide a:hover .txt,.kaifaSwiper .swiper-slide a:hover .labelDesc .labelItem,.kaifaSwiper .swiper-slide a:hover .labelDesc .labelItem span{color:#fff;} .kaifaSwiper .swiper-container .swiper-pagination{ position: static;max-width: 1500px; left:0; bottom:0;margin:24px auto 0;} .kaifaSwiper .swiper-pagination-bullet{width:12px;height:6px;border-radius:3px;background:#999;opacity:1;} .kaifaSwiper .swiper-pagination-bullet-active{width:18px;background:#034AA1;} .fuwuBox{padding:50px 0 86px;background:url(../images/fuwubg.png) no-repeat center;background-size:cover;} .fuwuSwiper{margin-top:40px;position: relative;} .fuwuSwiper .swiper-slide{padding:30px 20px 40px;background:#fff;border-radius: 8px;} .fuwuBox .slogo{width:100%;height:0; padding-bottom:62.5%; overflow:hidden;border-radius:4px;position:relative;} .fuwuBox .slogo img{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;} .fuwuBox .tit{margin-top:17px;} .fuwuBox .txt{line-height: 1.7;margin-top:5px;height:5.1em; -webkit-line-clamp: 3;} .fuwuBox .labelDesc{margin-top:22px;display: flex;} .fuwuBox .labelDesc .labelItem{padding-right: 20px;} .fuwuBox .downBox{margin-top:20px;padding-top:20px;border-top:1px solid #d8d8d8;} .fuwuBox .downBox .labelDesc{margin-top:0;} .fuwuBox .downLink{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:24px;} .fuwuBox .downLink a{width:48.5%;color:#666;padding:0 10px;height:32px;line-height: 32px;background:#ebf1f8;margin-bottom: 3%;border-radius: 2px;text-align: center;display: flex;justify-content: center;align-items: center;white-space: nowrap;} .fuwuBox .downLink a:hover{background:#034AA1;color:#fff;} .fuwuBox .downLink a i{display:inline-block;width:14px;height:14px;background:url(../images/down1.png) no-repeat center;margin-left:5px; flex-shrink: 0;} .fuwuBox .downLink a:hover i{background:url(../images/down.png) no-repeat center;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto!important;opacity: 1!important;} .fuwuSwiper .swiper-button-prev,.fuwuSwiper .swiper-button-next{width:64px;height:64px;border-radius: 100%;background-color:#999;margin-top:-32px;background-size:17px 31px;opacity: 1;} .fuwuSwiper .swiper-button-prev{left:-8%;background-image:url(../images/prev.png);} .fuwuSwiper .swiper-button-next{right:-8%;background-image:url(../images/next.png);} .fuwuSwiper .swiper-button-prev:hover,.fuwuSwiper .swiper-button-next:hover{background-color:#034AA1;} .xuqiuBox{padding:40px 0;} .xuqiuList{} .xuqiuList .item{display:block;padding:34px;position: relative;z-index: 1;} .xuqiuList .item:after{width:98%;border-bottom:1px solid #d8d8d8;content:'';position: absolute;left:1%;bottom:-1px;z-index:0;} .xuqiuList .item .txt{margin-top:15px;} .xuqiuList .item .labelDesc{margin-top:15px;display: flex; } .xuqiuList .item .labelDesc .labelItem{padding-right: 40px;} .xuqiuList .item:hover{ background: #fff; box-shadow: 3px 4px 17px rgba(212, 212, 212, 0.5);border-color:#fff;border-radius: 8px;z-index:2;} .xuqiuList .item:hover:after{opacity: 0;} .xuqiuList .item:hover .tit{color:#034AA1;} .dataItems{padding:24px 20px;border:1px solid #E6E6E6;border-radius: 8px;font-size:0;margin-bottom: 20px;} .dataItems a{display: inline-block;min-width: 88px;height:32px;border:1px solid #d9d9d9;border-radius: 2px;line-height: 30px;text-align: center;padding:0 10px;margin-right:12px;margin-bottom: 12px;font-size:14px;color:#666;} .dataItems a:hover,.dataItems a.cr{background:#034AA1;border-color:#034AA1;color:#fff;} .fuwuList{padding:0!important;background:none;} .fuwuList .item{padding:30px 24px 40px;background:#fff;border-radius: 8px; display: flex;align-items: center;box-shadow: 3px 4px 17px rgba(212, 212, 212, 0.5);margin-bottom: 20px;} .fuwuList .item .slogo{width:320px;height:200px;padding:0;flex-shrink: 0;} .fuwuList .item .tit{margin-top: 0;} .fuwuList .item .desc{flex:1;padding-left:40px;} .fuwuList .item .txt{height:auto;max-height: 3.4em;} .fuwuList .downBox{padding-top:0;margin-top:0;border:none;} .fuwuList .downLink{justify-content: flex-start;} .fuwuList .downLink a{width:auto;min-width: 156px;margin-right:12px;margin-bottom: 12px;} .fuwuList .downBox .labelDesc{padding-top:12px;border-top:1px solid #d8d8d8;margin-top:12px;} .searchTopBox{display:flex;} .searchTopBox.flexEnd{justify-content:end;} .searchTop{display: flex;justify-content: space-between;} .searchTop .search_input{flex:1;max-width:200px;} .searchTop .search_input input{width:100%;height: 100%;border:1px solid #e6e6e6;padding:6px 12px 6px 32px;box-sizing: border-box;border-radius: 4px;background:url(../images/search.png) no-repeat 12px 50%;background-size:12px;} .searchTop .search_btn{width:64px;height:40px;text-align: center;line-height: 40px;color:#fff;background:#034AA1;border-radius: 4px;margin-left:12px;cursor:pointer;} .searchTop .search_btn:hover{background:#034AA1;} .publicScreen{padding:20px;border:1px solid #e6e6e6;border-radius: 4px;margin-top:12px;} .publicScreen .item{display: flex; flex-wrap: wrap;margin-bottom: 10px;} .publicScreen .item .tit{margin-top:5px;} .publicScreen .text { border:1px solid #d9d9d9;border-radius: 2px;display: flex;align-items: center; } .publicScreen .text input{width:100%;height:32px;padding:0 12px;appearance:none;-webkit-appearance:none;border:none;} .publicScreen .arrow{display:block;width:10px;height:6px;background:url(../images/arrow13.png) center no-repeat;background-size:contain;} .publicScreen .dateInput{flex:1;background:url(../images/timeicon.png) right center no-repeat;margin:0 12px;} .publicScreen .areaList{flex:1;} .publicScreen .areaList a{display: inline-block;min-width: 88px;height:32px;border:1px solid #d9d9d9;border-radius: 2px;line-height: 30px;text-align: center;padding:0 10px;margin-right:12px;margin-bottom: 12px;font-size:14px;color:#666;} .publicScreen a:hover,.publicScreen a.cr{ border-color:#034AA1;color:#034AA1;} .publicCon{padding:20px;border:1px solid #e6e6e6;border-radius: 4px;margin-top:12px;} .publicList table{width:100%;border-radius:4px 4px 0 0;} .publicList table tr th,.publicList table tr td{padding:14px 15px;text-align: center;} .publicList table tr th{background:#034AA1;white-space:nowrap;color:#fff;} .publicList table tr th:nth-child(1){border-radius: 4px 0 0 4px;} .publicList table tr th:nth-last-child(1){border-radius: 0 4px 4px 0;} .publicList table tr td{background:#ffffff;color:#666666;} .publicList table tbody tr:nth-child(2n) td{background:#F5F9FE;} .publicList .tdName{display:none;} .memberContent .personalBox{padding:35px 20px;flex:1;} .memberContent .personalBox .tit{color:#111;} .personalWrap{margin-top:40px;display: flex;} .personalList{width:50%;} .personalList .item{display: flex;margin-bottom: 20px;} .personalList .item .font1{min-width: 5em;margin-right:40px;} .personalList .btn_editpwd a{display:inline-block;width:96px;padding:0 18px;height:32px;line-height: 30px;background:#F5F9FE;border:1px solid #d9d9d9;border-radius: 2px;} .personalList .btn_editpwd a:hover {border-color: #034AA1;background: #034AA1;color: #fff;} .personalPhoto{width:50%;text-align: center;border-left:1px solid #d8d8d8;padding:0 20px;} .personalPhoto .photo{width:92px;height:92px;border-radius: 100%;margin:auto;cursor: pointer;overflow: hidden;border:1px solid #d8d8d8;} .personalPhoto .photo img{height:100%;width:100%;object-fit:cover;} .personalPhoto .name{margin-top:10px;} .personalPhoto .uploadArea{position: relative;width:92px;height:92px;margin:auto;} .personalPhoto .uploadArea .upload-btn{display:flex; justify-content: center;align-items: center; width:100%;height:100%;padding:0 10px; font-size:12px;background:rgba(0,0,0,0.4); border-radius: 100%;cursor: pointer;position: absolute;left: 0;top:0;color:#fff;opacity: 0; visibility:hidden; transition: all 0.3s;} .personalPhoto .upload-input{display:none;} .personalPhoto .uploadArea:hover .upload-btn{opacity: 1; visibility:visible;} .personalPhoto .tit{margin-top:10px;color:#111;} .personalPhoto .btnStatus{width:72px;height:32px;border-radius: 2px;line-height: 32px;margin:5px auto 0;} .personalPhoto .btnStatus1{color:#fff;background:#034AA1;border:1px solid #034AA1;} .personalPhoto .btnStatus2{color:#666;background:#f8f8f8;border:1px solid #d8d8d8;} .editPwd{max-width:560px;margin:0 auto;} .editPwd .tit{font-weight: bold;} .editPwd .form{margin-top:56px;} .memberContent .editPwd .form .item{float:none;} .memberContent .editPwd .form .item .w{margin:0;} .memberContent .editPwd .form .subBtn{width:100%;} .searchResult{padding-bottom:40px;} .searchResult .searchResultFont{margin-top:1em;} .searchResult .searchResultFont span{color:#034AA1;} .searchResult .section{margin-top:40px;} .searchResult .section:first-child{margin-top:20px;} .searchResult .section .indTit{margin-bottom:1em;} .searchResult .newsList .item:first-child{margin-top:0;} .publishList2 .item .w{padding:40px 0;border-bottom:1px solid #d8d8d8;} .publishList2 .item .tit{display:block;} .publishList2 .item .date{color:#999999;} .publishList2 .item .desc{margin-top:10px;height:auto;max-height:4.5em;} .publishList2 .item .more{color:#034AA1;display:inline-block;margin-top:1em;} .publishList2 .item .more:hover{text-decoration:underline;} /*数商生态*/ .ecologyBox{display: flex; align-items: flex-start; padding-bottom: 40px;margin-top:20px;} .ecologyLeft{flex:1;} .ecologyList .item{padding:40px 24px;background-image:linear-gradient(180deg, #F2F8FF 0%, #fff 50%, #fff 100%);box-shadow: 0 4px 16px 3px rgb(239, 243, 249);border-top:1px solid #EFF2FF; display: flex;border-radius: 8px;margin-bottom:20px;position: relative;} .ecologyList .item .img{width:160px;height:120px;display: flex;justify-content: center;align-items: center;margin-right:48px; flex-shrink: 0;} .ecologyList .item .img img{max-height:100%;} .ecologyList .item .labels span{display: inline-block;border:1px solid #E5EFFA;background:#F5F9FE;border-radius: 2px;height:24px;line-height: 22px;padding:0 10px;margin-right:5px; margin-top: 5px;} .ecologyList .item .txt{margin-top:15px;} .ecologyList .item .service_pro{margin-top:30px;padding-top:20px;border-top:1px solid #d8d8d8;} .ecologyList .item .service_pro .proList{margin-top:10px;} .ecologyList .item .service_pro .proList a{display: inline-block;border:1px solid #E5EFFA;border-radius: 2px;height:32px;line-height: 30px;padding:0 10px;margin-right:5px; margin-bottom: 5px; background-color:#F5F9FE;background-image: url(../images/jiantou.png) ; background-repeat:no-repeat;background-position: right center; background-origin: content-box; background-size:4px;} .ecologyList .item .service_pro .proList a:hover{background-color:#034AA1 ;background-image: url(../images/jiantou1.png) ;color:#fff;} .ecologyList .item .service_pro .proList a span{padding-right: 30px;} .ecologyList .item .mark{height:40px;padding:0 20px;border-radius: 0px 8px 0px 8px;background-image:linear-gradient(180deg, #E2F2FF 0%, #B5DFFF 100%); display: flex; justify-content: center;align-items: center;color:#276CE8; position: absolute;right:0;top:0;z-index: 10;} .ecologyList .item .mark i{display: block;width:15px;height:14px;background:url(../images/diamond_blue.png) no-repeat center;margin-right:6px;} .ecologyList .item .mark.blue{background-image:linear-gradient(180deg, #E2F2FF 0%, #B5DFFF 100%);color:#276CE8;} .ecologyList .item .mark.blue i{background:url(../images/diamond_blue.png) no-repeat center;} .ecologyList .item .mark.yellow{background-image:linear-gradient(180deg, #FFE3AC 0%, #FFD283 100%);color:#AC4E00;} .ecologyList .item .mark.yellow i{background:url(../images/diamond_yellow.png) no-repeat center;} .ecologyList .item .mark.green{background-image:linear-gradient(180deg, #E6FFFA 0%, #B0F9F2 100%);color:#367972;} .ecologyList .item .mark.green i{background:url(../images/diamond_green.png) no-repeat center;} .ecologyRight{width:390px;margin-left:20px;} .recomondBox{border-radius: 8px;border:1px solid #DEE6F3;background-image:linear-gradient(180deg, #e3eeff 0%, #fff 30%, #fff 100%);padding:24px 24px 0;box-shadow: 0 4px 16px 3px rgb(239, 243, 249);} .recomondList .item{padding:30px 0 24px;border-bottom:1px solid #D8D8D8;} .recomondList .item:nth-last-child(1){border:none;} .recomondList .item .img{width:191px;height:111px;margin-bottom:20px;} .recomondList .item .img a{display: block;width:100%;height:100%;position: relative;} .recomondList .item .img a img{width:100%;height:100%;object-fit: cover;} .recomondList .item .txt {margin-top:5px;} .recomondList .item .txt a{color:#999;} .recomondList .item .more{display: inline-block;padding-right:10px;background:url(../images/jiantou.png) no-repeat right center;background-size:4px;margin-top:24px;} .recomondList .item .more:hover{text-decoration: underline;} .recomondList .item a:hover{color:#034AA1;} .ecologyBan{min-height:440px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:90px 0;} .ecologyCard{margin-top:-203px;position:relative;z-index:10;} .ecologyCard .item{padding:40px;background:rgba(255,255,255,0.83);-webkit-backdrop-filter:blur(223px);backdrop-filter:blur(223px); box-shadow: 1px 1px 10px rgba(9, 21, 39, 0.06);border:1px solid #E9E9E9; display: flex;border-radius: 8px;margin-bottom:20px;position: relative;} .ecologyCard .item .img{width:380px;height:180px;padding:20px;display: flex;justify-content: center;align-items: center;margin-right:40px; flex-shrink: 0;background: #fff;border-radius: 8px;} .ecologyCard .item .img img{max-height:100%;} .ecologyCard .item .labels span{display: inline-block; margin-right:5px; margin-top: 5px;} .ecologyCard .item .txt{margin-top:15px; line-height: 2;} .ecologyCard .item .service_pro{margin-top:30px;padding-top:20px;border-top:1px solid #d8d8d8;} .ecologyCard .item .service_pro .proList{margin-top:20px;} .ecologyCard .item .service_pro .proList a{min-width:200px;text-align:center;display: inline-block;border:1px solid #C0D5F0;color:#034AA1 ;border-radius: 2px;height:48px;line-height: 46px;padding:0 46px;margin-right:20px; margin-bottom: 10px; background-color:#F5F9FE; background-repeat:no-repeat;background-position: right center; } .ecologyCard .item .service_pro .proList a:hover{background-color:#034AA1 ; color:#fff;} .dataProduct{background:url(../images/ecology_bg2.png) no-repeat center;background-size:cover;padding:40px 0 80px;} .productSwiper {position: relative;margin-top:40px;} .productSwiper .box2{max-width: 100%;margin:0;} .productSwiper .swiper-slide .img{width:100%;height:0; padding-bottom:58.33%; overflow:hidden;border-radius:8px;position:relative;} .productSwiper .swiper-slide .img img{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;} .productSwiper .swiper-slide .desc{padding:40px;background:rgba(255,255,255,0.8); border-radius: 8px; -webkit-backdrop-filter:blur(95px);backdrop-filter:blur(95px); box-shadow: 0px 9px 29px -3px rgb(238, 242, 250);margin-top:-47px;position:relative;z-index:10;} .productSwiper .swiper-slide .date,.productSwiper .swiper-slide .txt{margin-top:10px;} .productSwiper .swiper-slide .more{display: inline-block;padding-right:10px;background:url(../images/jiantou.png) no-repeat right center;background-size:4px;margin-top:24px;} .productSwiper .swiper-slide .more:hover{text-decoration: underline;} .productSwiper .swiper-button-prev,.productSwiper .swiper-button-next{width:64px;height:64px;border-radius: 100%;background-color:rgba(0, 0, 0, 0.5);margin-top:-32px;background-size:17px 31px;opacity: 1;} .productSwiper .swiper-button-prev{left:4%;background-image:url(../images/prev.png);} .productSwiper .swiper-button-next{right:4%;background-image:url(../images/next.png);} .productSwiper .swiper-button-prev:hover,.productSwiper .swiper-button-next:hover{background-color:#034AA1;} .ecologyTit{background:url(../images/titbg.jpg) no-repeat right center;background-size:cover;padding:24px 24px 34px;border-radius: 8px;margin-bottom:20px;} .ecologyTit .txt{margin-top:10px;} .ecologyTop{padding:40px 40px 48px 40px;background-image:linear-gradient(180deg, #F2F8FF 0%, #fff 50%, #fff 100%);box-shadow: 0 4px 16px 3px rgb(239, 243, 249);border-top:1px solid #EFF2FF; display: flex;border-radius: 8px;margin-bottom:20px;position: relative;} .ecologyTop .img{width:330px;height:192px; position: relative; margin-right:40px; flex-shrink: 0;background: #fff;border-radius: 8px;} .ecologyTop .img img{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;} .ecologyTop .labels{margin-top:30px;} .ecologyTop .labels span{display: inline-block; margin-right:5px; } .ecologyTop .desc{line-height:1.8;} .ecologyTop .txt{margin-top:15px;margin-bottom:10px;} .ecologyTop .btn_zixun{display: block;width:120px;height:40px; line-height: 40px;text-align: center; border-radius: 4px;background-color:#034AA1;margin-top:20px;} .ecologyInfo{padding:40px 40px 40px 48px;background-image:linear-gradient(180deg, #F2F8FF 0%, #fff 50%, #fff 100%);box-shadow: 0 4px 16px 3px rgb(239, 243, 249);border-top:1px solid #EFF2FF; border-radius: 8px;margin-bottom:20px;position: relative;} .ecologyTab{border-bottom:1px solid #d9d9d9;display: flex;flex-wrap: wrap;} .ecologyTab span{display: inline-block; font-size:20px;color:#333; padding-bottom: 15px; margin-right:60px;transition:all 0.3s;position: relative;cursor: pointer;} .ecologyTab span:after{width:100%;border-bottom: 2px solid #034AA1;content:'';position: absolute;left:0;bottom:-1px;opacity: 0;} .ecologyTab span.cr{color:#034AA1;font-weight: bold;} .ecologyTab span.cr:after{opacity: 1;} .ecologyCon{margin-top:30px;min-height: 665px;} .ecologyCon .items{display: none;} .ecologyCon .items.active{display: block;} .ecologyCon .ecologyDesc p{margin-bottom: 1em;} .ecologyCon .ecologyDesc ul{margin-bottom: 1em;} .ecologyCon .ecologyDesc ul li{margin-bottom: 10px;} .productInfoList{margin:0 -15px;} .productInfoList .item{width:33.3%;float:left;margin-bottom:30px;} .productInfoList .item:nth-child(3n+1){clear:both;} .productInfoList .item .w{margin:0 15px;} .productInfoList .item .img{width:100%;height:0; padding-bottom:58.33%; overflow:hidden;border-radius:8px;position:relative;} .productInfoList .item .img img{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;} .productInfoList .item .desc{padding:40px;background:rgba(255,255,255,0.8); border-radius: 8px; -webkit-backdrop-filter:blur(95px);backdrop-filter:blur(95px); box-shadow: 0px 9px 29px -3px rgb(238, 242, 250);margin-top:-47px;position:relative;z-index:10;} .productInfoList .item .date,.productInfoList .item .txt{margin-top:10px;} .productInfoList .item .more{display: inline-block;padding-right:10px;background:url(../images/jiantou.png) no-repeat right center;background-size:4px;margin-top:24px;} .productInfoList .item .more:hover{text-decoration: underline;} .quillEditor{min-height:200px;} @media only screen and (max-width:1700px){ .cockpitFastNav .navBox .navItem .font{font-size:14px;} .cockpitFastNav .navBox .navItem .font .desc{font-size:12px;} } @media only screen and (max-width:1660px){ .box,.box2{margin:0 80px;} } @media only screen and (max-width:1560px){ .box,.box2{margin:0 70px;} .f-22{font-size:20px;} .f-26{font-size:24px;} .pageWrap{min-height:calc(100vh - 302px)} .mt232{margin-top:220px;} .header .logo{height:50px;} .header .logo .img{height:50px;} .header .logo .font .name{font-size:24px;} .header .logo .font .siteurl{font-size:14px;} .cockpitFastNav .navBox .navItem .w{padding:0 1em;} .cockpitFastNav .navBox .navItem img{height:2em;width:2em;margin-right:4px;} .indInformation .tab{left:200px;} .indInformation .tab .item{margin-left:40px;} .header .mainMenu .item .mNavBox{padding:0 40px;} .questionChat .list{height:calc(100vh - 339px);} } @media only screen and (max-width:1440px){ .box,.box2{margin:0 60px;} .pageWrap{min-height:calc(100vh - 290px)} .mt232{margin-top:210px;} .header .logoBox{padding:30px 0;} .loginBox .loginForm{padding:35px;} .fuwuSwiper .swiper-button-prev,.fuwuSwiper .swiper-button-next{opacity: 0.6;zoom:0.8;} .fuwuSwiper .swiper-button-prev{left:-30px;} .fuwuSwiper .swiper-button-next{right:-30px;} .cockpitFastNav .navBox .navItem .w{padding:0 10px;} .indInformation .list{min-height:262px;} } @media only screen and (max-width:1366px){ .box,.box2{margin:0 50px;} .f-18{font-size:16px;} .f-22{font-size:18px;} .f-26{font-size:20px;} .pageWrap{min-height:calc(100vh - 280px)} .mt232{margin-top:200px;} .header .logo{height:40px;} .header .logo .img{height:40px;} .header .logo .font .name{font-size:20px;line-height:1;} .header .logo .font .siteurl{font-size:12px;} .header .mainMenu .item .mNav{font-size:16px;} .memberContent .myEchart{height:calc(100vh - 427px);} .indInformation .tab .item{margin-left:30px;} .indInformation .tab{left:180px;} .memberContent .authTab .tab .tItem{width:auto;} .questionChat .list{height:calc(100vh - 336px);} } @media only screen and (max-width:1280px){ .box,.box2{margin:0 40px;} .pageWrap{min-height:calc(100vh - 238px)} .mt232{margin-top:158px;} .header .logo{height:36px;} .header .logo .img{height:36px;} .header .logo .font .name{font-size:18px;} .header .logoBox{padding:20px 0;} .header .menuBox{height:42px;} .header .mainMenu .item .mNavBox{padding:0 30px;} .header .mainMenu .item .mNav {line-height:38px;} .footer .copyRight{padding:20px 0;} .indInformation .table table tr th, .indInformation .table table tr td{padding:12px 32px;} .indInformation .sideMenu,.indInformation .tableBox{min-height: 342px;} .indInformation .sideMenu .item{padding:26px;} .indInformation .sideMenu{width:220px;} .indServe .cont .item .imgBox{width:550px;} .memberWrap{min-height:calc(100vh - 138px);} .newsPage .listBox .indServe .cont .item{margin-bottom:40px;padding-bottom:40px;} .indInformation .list{margin:0 -10px;} .indInformation .list .item{margin-top:20px;} .indInformation .list .item .w{margin:0 10px;} .indInformation .tab{left:160px;} .indInformation .list{min-height:252px;} .publishList2 .item .w{padding:30px 0;} .pb_80,.dataProduct{padding-bottom:60px;} .memberContent .authTab{display:block;} .memberContent .authTab .font .name{flex:1;} .memberContent .authTab .tab{justify-content:space-between;} .memberContent .authTab .tab .tItem{width:48%;margin:1em 0 0 0;} } @media only screen and (max-width:1100px){ .box,.box2{margin:0 30px;} } @media only screen and (max-width:1024px){ .box,.box2{margin:0 1em;} .mt232{margin-top:50px;} .pageWrap{min-height: calc(100vh - 50px);} .header{padding-top:0;} .header .logoBox{padding:10px 0;} .header .logo{height:30px;} .header .logo .img{height:30px;margin-right:10px;} .header .logo .font .name{font-size:14px;font-weight:normal;} .header .logo .font .siteurl{line-height:1;} .header .mobileMenu{position:fixed;width:20px;height:19px;transition: 0.5s all;right:1em;top:15px;z-index:9999999;} .header .mobileMenu:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid #034AA1;border-bottom:2px solid #034AA1;transition:0.2s all;-webkit-transition:0.2s all;} .header .mobileMenu:after {content:'';position:absolute;top:8px;right:0;left:0;height:2px;overflow:hidden;background:#034AA1;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;} .mobileMask{display:none;transition:0.2s all;-webkit-transition:0.2s all;position:fixed;z-index:999998;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)} .header .mainMenu{text-align:left; display: block;} .header .menuBox{position:fixed;right:-70%;width:70%;height:auto;background:#034AA1;top:0;bottom:0;padding-top:40px;padding-bottom:20px;overflow-y:auto;z-index:999999;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;} .header.open .mobileMenu::before {-webkit-transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);border-bottom: 0;top:7px;left:1px;right:1px;border-color:#ffffff;} .header.open .mobileMenu::after {-webkit-transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);top: 6px;left:1px;right:1px;background:#ffffff;} .header.open .mobileMask{display:block;} .header.open .menuBox{right:0;} .header .menuBox .box{margin:0;} .header .mainMenu .item{display:block;padding:0 1em;margin-bottom: 1px;} .header .mainMenu .item.cr,.header .mainMenu .item.active{background: #0052D9;} .header .mainMenu .item .mNavBox{padding:0 20px 0 0;} .header .mainMenu .item .mNav{line-height:3;width:85%;border:none;} .header .mainMenu .item .mNav:hover, .header .mainMenu .item.cr .mNav{border:none;} .header .mainMenu .item .mNavBox::before{border:none;width:24px;height:24px;background:url(../images/next.png) no-repeat center;background-size:8px;left:auto;right:0;margin-top:-12px; transition: all 0.3s;transform:rotate(0deg);} .header .mainMenu .item.active .mNavBox::before{transform:rotate(90deg);} .header .mainMenu .subMenu{display:none;position:static;background:none; transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-moz-transform:translateX(0);opacity: 1;visibility:visible;padding:0 0 15px 0; transition: none;} .header .mainMenu .subMenu a{color:#fff;text-align:left; } .header .mainMenu .subMenu a:hover{background: none;} .header .pcHeaderTop{position:static;padding:0 1em;} .header .pcHeaderTop .box{margin:0;} .header .pcHeaderTop .font{display:none;} .header .pcHeaderTop .link a{line-height:3;color:#ffffff;} .header .pcHeaderTop .link .a1,.header .pcHeaderTop .link{display:block;width:100%;} .header .pcHeaderTop .link .account .a3 .name{max-width:10em;} .header .pcHeaderTop .link .account{display: block;} .header .pcHeaderTop .link .account .a3 .name,.header .pcHeaderTop .link .account:hover .a3 .name{background: url(../images/arr3.png) no-repeat right center;} .header .pcHeaderTop .link .line{border-color:#ffffff;vertical-align:-2px;} .header .pcHeaderTop .link a:hover{color:#ffffff;text-decoration:underline;} .header .pcHeaderTop .link .account .accDrag{opacity: 1;visibility:visible;width:100%;position: static;margin-left: 0px;background: none;display: flex;flex-wrap:wrap;padding:0; justify-content: space-between;} .header .pcHeaderTop .link .account .accDrag a{min-width:49%;height:30px;color:#333!important;padding:5px 10px;background:#fff;border-radius:4px;margin-bottom:5px; display: flex; justify-content: center;align-items: center;} .account .accDrag a::after{display:none;} .footer .copyRight{padding:1em 0;} .indNews .indNewsSwipe{float:none;max-width:670px;margin:0 auto;width:auto;} .indServe .tab{margin:0 -6px} .indServe .tab .item .w{margin:0 6px;padding:1em 0;} .indServe .tab .item .icon{height:24px;} .indServe .cont{margin-top:1em;} .indServe .cont .item .imgBox{width:450px;margin-left:20px;} .indInformation .sideMenu,.indInformation .tableBox{min-height: 261px;} .indInformation .sideMenu .item .icon{width:24px;} .indInformation .sideMenu .item{padding:20px;} .indInformation .sideMenu{width:160px;} .indInformation .table table tr th, .indInformation .table table tr td{padding:10px 20px;} .indResource .cont .tit .icon{width:16px;height:16px;} .indResource .cont .tit{padding:10px 16px;} .indResource .cont .tab{padding:10px 40px;} .indResource .cont .list{padding:0 40px;padding-bottom:4px;} .indResource .cont .list .item .itemTit{margin-bottom:4px;} .indResource .cont .list .item{margin-bottom:10px;} .indResource .contBox{display:block;} .indResource .cont{width:auto;margin-bottom:1em;} .indServe .cont .item .font .desc:first-child{font-weight:normal;} .newsPage{display:block;} .newsPage .sideMenu{margin:0 0 2em 0;} .newsPage .sideMenu .tit .bg{right:-10px;} .newsList .item .img{margin-right:30px;} .newsPage .sideMenu .tit{padding:10px 1em;} .newsPage .sideMenu .item .mLink{padding:10px 1em;} .newsPage .sideMenu .item .subMenu{padding-left:28px;} .newsPage .sideMenu .item .thirdMenu a{padding-left:0;} .page{justify-content:center;} .memberHeader .cont{padding:0 1em;} .memberHeader .cont .logoFont{display:none;} .memberWrap{min-height:calc(100vh - 56px);} .memberContent .form .item{width:auto;float:none;} .memberContent .step .item::after{height:2px;} .memberContent .step .item .num{border-width:1px;} .memberContent .step .item .font{font-weight:normal;} .memberSideMenu{width:150px;margin-left:-150px;} .memberSideMenu.sideClose{margin-left:0;} .memberSideMenu .item{padding:10px 1em;} .memberSideMenu .items .memberSubMenu a{padding:8px 0 8px 28px;} .memberSideMenuItem{left:-150px;width:150px;} .memberSideMenu.sideClose .memberSideMenuItem{left:0;} .memberContent .step{padding:20px;} .memberContent{margin-left:0;} .memberContent.sideClose{margin-right:-150px;} .memberContent .step, .memberContent .formBox, .memberContent .msgTitBtn, .memberContent .msgListBox{ margin:1em;margin-bottom:0; } .memberContent .formBox{padding:1em;} .memberSideMenu .slideBtn{background-image:url(../images/arrow6.png);background-position:right center;left:0;} .memberSideMenu.sideClose .slideBtn{background-image:url(../images/arrow5.png);background-position:left center;left:150px;} .memberContent .msgTitBtn,.memberContent .msgListBox,.memberContent .msgInfoBox,.memberContent .workorderListBox{padding:1em;} .memberContent .msgListBox{padding-top:0;} .memberContent .workInfoBox{display:block;} .memberContent .workInfoBox .workOrderInfo{margin:16px 16px 0 16px;padding:1em;width:auto;} .memberContent .questionChat{padding-bottom:100px;} .questionChat .chattingInput{left:1em;right:1em;bottom:1em;} .questionChat .list{height:calc(100vh - 312px);} .questionChat .list .item .cont{max-width:90%;} .problemList .item{padding:1em;} .problemList .item.cr .tit{font-weight:normal;} .problemList .item .tit .arrow{margin-left:1em;} .page.mt60{margin-top:40px;} .memberContent .workorderListBox{padding-top:0;} .memberContent .workListForm .form .item{margin-bottom:24px;} .memberContent .workListForm .serach_btn{margin-top:0;float:none;} .memberContent .enterpriseBox .item{padding:40px 30px;margin:0 20px;} .memberContent .informationCon .informationList1 table tr,.memberContent .informationCon .informationList2 table tr,.memberContent .informationCon .informationList3 table tr{display: flex;flex-wrap: wrap; } .memberContent .informationCon .informationList1 table td,.memberContent .informationCon .informationList2 table tr td,.memberContent .informationCon .informationList3 table td{min-width:25%;flex:1;} .memberContent .informationCon .informationList2 table tr:nth-child(4) td:nth-child(2){width:75%;} .memberContent .myEchart{height:calc(100vh - 200px);} .editPwd{margin:0 auto;} .infomationTop{padding:30px 20px;} .infomationTop .memIcon{width:80px;margin-right:20px;} .searchResult .searchResultFont{margin-top:0;} .loginPageMid .loginBg{display:none;} .loginPageMid{justify-content:center;background:url(../images/login-background.png) center no-repeat;background-size:cover;min-height:100vh;} .loginContainer .footer{width:100%;left:0;} .loginPageMid .loginBox{width:auto;} .loginSubmit{margin-top:24px;} /*.loginAgree,*/.forgetPwd{margin-top:12px;} .loginPageMid .loginForm .tabs{padding-bottom:0;} .loginPageMid .rzLogin .img{max-height:206px;} .newsPage .listBox .indServe .cont .item{margin-bottom:2em;padding-bottom:2em;} .ecologyRight{width:320px;} .ecologyTop{padding:30px;} .ecologyTop .img{width: 191px;height: 111px;} .recomondList .item .img{width: 120px;height: 70px;} .productInfoList{margin:0 -0.5em;} .productInfoList .item{margin-bottom:1em;} .productInfoList .item .w{margin:0 0.5em;} .productInfoList .item .desc{padding:2em;} .indInformation .list{margin:0 -8px;} .indInformation .list .item{margin-top:16px;} .indInformation .list .item .w{margin:0 8px;padding:1.5em;} .indInformation .tab{left:140px;} .publishList2 .item .w{padding:1.5em 0;} .memberContent .authTab{padding:1em;} .cockpitFastNav .navBox .navItem{width:50%;} } @media only screen and (max-width:820px){ .indServe .cont .item .imgBox,.newsPage .listBox .indServe .cont .item .imgBox{width:auto;max-width:660px;margin:0 auto;float:none;} .newsPage .listBox .indServe .cont .item:nth-child(2n) .imgBox{float:none;} .indServe .cont .item .font{margin-top:1em;} .indServe .cont .item .bg{display:none;} .indInformation .sideMenu{min-height: 0;} .indInformation .tableBox{min-height: 164px;} .indInformation .sideMenu{float:none;margin:0;width:auto;display:flex;flex-wrap:wrap;} .indInformation .sideMenu .item{padding:6px 1em;margin-bottom:0.8em;} .indInformation .sideMenu .item .icon{width:18px;} .turnPage{display:block;position:relative;padding-bottom:56px;} .turnPage .item{width:100%;margin-bottom:1em;display:flex;align-items:center;} .turnPage .item .link{flex:1;margin-top:0;} .turnPage .backList{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);-webkit-transform:translateX(-50%);background-size:1em 1em;background-position:left center;padding:0 0 0 1.6em;} .memberContent .workorderList table tr{margin-bottom:1em;display:block;} .memberContent .workorderList table tr th{display:none;} .memberContent .workorderList table tr td{background:#f5f9fe;display:block;text-align:left;padding-left:6em;position:relative;} .memberContent .workorderList table tr td::before{display:block;position:absolute;left:1em;top:50%;margin-top:-0.5em;line-height:1;width:4em;text-align:right;} .memberContent .workorderList table tr td:nth-child(1)::before{content:"工单编号"} .memberContent .workorderList table tr td:nth-child(2)::before{content:"问题描述"} .memberContent .workorderList table tr td:nth-child(3)::before{content:"问题分类"} .memberContent .workorderList table tr td:nth-child(4)::before{content:"提交账号"} .memberContent .workorderList table tr td:nth-child(5)::before{content:"提交时间"} .memberContent .workorderList table tr td:nth-child(6)::before{content:"操作"} .memberContent .workorderList .ques{max-width:100%;} .ecologyBox{display: block;} .ecologyRight{width:100%;margin-left:0;margin-top:30px;} .ecologyCard .item{display: block;padding:20px;} .ecologyCard .item .img{width:auto;height:120px;padding:0;} .ecologyCard .item .desc{margin-top:20px;} .ecologyCard .item .service_pro .proList a{height:32px;line-height: 30px;font-size:14px;margin-right:6px;min-width: 0;padding:0 20px;} .ecologyCon{min-height: 0;} .productInfoList .item .desc{padding:1em;} .indInformation .list .item .w{padding:1em;} .indInformation .list .item .more {margin-top:1em;} .indInformation .list .item{width:50%;} .indInformation .list .item:nth-child(4n+1){float:left;clear:none;} .indInformation .list .item:nth-child(2n+1){clear:both;} .indInformation .tab .item{margin-left:1em;} .publishList2 .item .w{padding:1em 0;} .workerListTable table tr{margin-bottom:1em;display:block;} .workerListTable table tr:first-child,.workerListTable table tr:last-child{margin-bottom:0;} .workerListTable table tr th{display:none;} .workerListTable table tr td{display:block;position:relative;background:#F5F9FE;padding:8px 0;padding-left:5em;min-height:32px;line-height:32px;} .workerListTable table tr td::before{position:absolute;left:1em;top:8px;width:4em;text-align:right;display:block;} .workerListTable table tr td:nth-child(1)::before{content:"姓名";} .workerListTable table tr td:nth-child(2)::before{content:"手机号";} .workerListTable table tr td:nth-child(3)::before{content:"权限列表";} .workerListTable table tr td:nth-child(4)::before{content:"附件";} .workerListTable table tr td:nth-child(5)::before{content:"操作";} .workerListTable table tr .tWrap{padding:0 1em;} .listTable table tr{margin-bottom:1em;display:block;} .listTable table tr:first-child,.listTable table tr:last-child{margin-bottom:0;} .listTable table tr th{display:none;} .listTable table tr td{display:block;position:relative;background:#F5F9FE;padding:8px 0;padding-left:6em;min-height:32px;line-height:32px;} .listTable table tr td::before{position:absolute;left:1em;top:8px;width:5em;text-align:right;display:block;} .listTable table tr .tWrap{padding:0 1em;} .listTable .statusLabel{margin-top:4px;} .listTableProduct table tr td:nth-child(1)::before{content:"编号";} .listTableProduct table tr td:nth-child(2)::before{content:"产品名称";} .listTableProduct table tr td:nth-child(3)::before{content:"是否推荐";} .listTableProduct table tr td:nth-child(4)::before{content:"审核状态";} .listTableProduct table tr td:nth-child(5)::before{content:"操作";} .listTableEmplyee table tr td:nth-child(1)::before{content:"编号";} .listTableEmplyee table tr td:nth-child(2)::before{content:"公司名称";} .listTableEmplyee table tr td:nth-child(3)::before{content:"数商类型";} .listTableEmplyee table tr td:nth-child(4)::before{content:"服务商类型";} .listTableEmplyee table tr td:nth-child(5)::before{content:"是否推荐";} .listTableEmplyee table tr td:nth-child(6)::before{content:"操作";} .memberContent .joinBox .search_info dl:nth-child(3) dd{white-space:normal;} } @media only screen and (max-width:640px){ .pad_40_0{padding:2em 0;} .mt40{margin-top:2em;} .indNews{padding-top:1em;} .indNewsList .item{padding-bottom:1.6em;position:relative;height:auto;} .indNewsList .item .date{position:absolute;left:0;bottom:0;margin-left:0.5em;} .indServe .tab{margin:0;display:flex;flex-wrap:wrap;} .indServe .tab .item{width:auto;float:none;margin:0 0.5em 0.5em 0;} .indServe .tab .item .w{margin:0;display:flex;align-items:center;padding:6px 1em;} .indServe .tab .item .w::after{border-width:2px;} .indServe .tab .item .font{margin-top:0;font-size:14px;} .indServe .tab .item .icon{height:16px;margin-right:10px;} .indInformation .sideMenu .item{width:25%;padding:6px 4px;} .indInformation .sideMenu .item .icon{width:12px;margin-right:5px;} .indInformation .sideMenu .item .font{font-size:14px;} .indInformation .tableBox{min-height: 0;} .indInformation .table table tr th{display:none;} .indInformation .table table tr:nth-child(2n) td{background:#efefef;} .indInformation .table table tr td{display:block;padding:10px;padding-left:10em;position:relative;} .indInformation .table .tdName{position:absolute;left:1em;top:10px;display:block;width:8em;text-align:right;} .indInformation .table table tr td:before{display:block;position:absolute;left:1em;top:1em;line-height:1;width:8em;text-align:right;} .indInformation .table table tr td:nth-child(1)::before{content:"开发商名称"} .indInformation .table table tr td:nth-child(2)::before{content:"所属领域"} .indInformation .table table tr td:nth-child(3)::before{content:"入驻时间"} .indInformation .table table tr td:nth-child(4)::before{content:"公告日期"} .turnPage{padding-bottom:56px;} .newsPage{padding-bottom:2em;} .newsPageSwipe .item .img{max-width:420px;margin:0 auto 1em auto;float:none;} .newsPageSwipe .item .font .more{margin-top:1em;} .newsPageSwipe .swiper-container .swiper-pagination{position:static;width:auto;margin-top:1em;background:none;padding:0;} .newsPageSwipe .swiper-pagination-bullet{background:#034AA1;} .newsList .item,.newsPage .newsPageSwipe{margin-bottom:2em;padding-bottom:2em;} .newsList .item .img{width:auto;float:none;margin:0 0 1em 0;} .newsList .item .img img{width:100%;} .memberContent .form .item .pccSelect{display:block;} .memberContent .form .item .pccSelect select{height:3em;} .memberContent .form .item .uploadArea{display:block;} .memberContent .form .item .uploadArea .img{margin-bottom:1em;} .memberContent .form .item .uploadArea .upload-btn{width:6em;} .memberContent .step .item .font{width:4em;margin:6px auto 0 auto;} .memberContent .step .item::after{width: calc(100% - 48px);height:1px;transform: translateX(-24px);-webkit-transform: translateX(-24px);} .idCardImg{display:block;} .idCardImg .dropUploadArea{margin-right:0;width:100%;} .memberContent .form .item .radio .name,.memberContent .form .item .inRow .name{float:none;line-height:1.5;} .memberContent .form .item .radio label{margin:0 10px 4px 0;} .memberContent .form .item .otherText{margin-left:0;max-width:100%;} .page.mt60{margin-top:2em;} .employeeList .item{width:48.5%;margin-left:3%;margin-bottom: 3%;padding:12px;} .employeeList .item:nth-child(4n+1){margin-left:3%;} .employeeList .item:nth-child(2n+1){margin-left:0;} .employeeList .item span{display: block;text-align: center;} .employeeList .item .span2{padding-left:0;} .loginContainer{height:auto;overflow: hidden;} .loginBox .loginForm{float:none;margin:auto;width:100%;padding:30px;} .loginBox{position: static;-webkit-transform: translateY(0);transform: translateY(0);margin:30px 0;} .loginContainer .footer{position: static;} .loginInput{height:40px;} .loginInput .icon{width:40px;} .loginInput .icon img{width:12px;vertical-align: inherit;} .loginPageMid .rzLogin .img{max-width:182px;} .loginAgree{text-align:left;} .loginPageMid .loginBox{width:90%;} .loginContainer .logoBox .logoFont{display:none;} .fuwuList .item{display: block;} .fuwuList .item .slogo{width: 100%;height: 0;padding-bottom: 62.5%;} .fuwuList .item .desc{padding-left:0;} .fuwuList .item .tit{margin-top:15px;} .publicList table tr th{display:none;} .publicList table tr:nth-child(2n) td{background:#efefef;} .publicList table tr td{display:block;padding:10px;padding-left:8em;position:relative;text-align: left;} .publicList .tdName{position:absolute;left:10px;top:10px;display:block;width:6em;text-align:right;} .publicScreen .text{flex:1;} .memberContent .informationCon{margin-top:20px;} .memberContent .informationCon .informationList table tr{display: flex;flex-wrap: wrap; } .memberContent .informationCon .informationList table td{width:100% !important;flex:0 0 100% !important;display:block;padding:10px;border:none;position:relative;text-align: left;} .memberContent .informationCon .informationList table td:nth-child(2n){border-bottom: 1px solid #e4e4e4;padding-bottom: 1em;} .memberContent .informationBox .memberNav{border:none;} .memberContent .informationBox .memberNav a{height:32px;font-size:14px;margin-right:10px;line-height: 20px;padding:5px 10px;border-radius: 2px;border:1px solid #d8d8d8;margin-bottom:10px;} .memberContent .informationBox .memberNav a.cr{line-height: 20px;font-size:14px;border-color:#034AA1;} .memberContent .informationBox .memberNav a:after{border:none;} .memberContent .informationCon .informationList5 table td:nth-child(2n){width:100%!important;} .memberContent .joinBox .search_form .search_input input{padding:5px 10px;} .memberContent .joinBox .search_form .search_btn{height:40px;line-height: 40px;} .memberContent .joinBox .search_info{display: block;padding:10px 0;} .memberContent .joinBox .search_info dl{width:100%;margin:5px 0;} .memberContent .joinBox .search_info dl:nth-child(2),.memberContent .joinBox .search_info dl:nth-child(3){width:100%;} .memberContent .enterpriseBox{padding:30px 20px;} .memberContent .enterpriseBox {flex-wrap: wrap;} .memberContent .enterpriseBox .item{width:100%;margin:10px 0;} .memberContent .enterpriseBox .item .icon{width:80px;height:80px;} .memberContent .enterpriseBox .item .tit{margin-top:20px;} .kaifaSwiper .swiper-slide{width:100%;} .kaifaSwiper .box2{margin:0 1em;} .kaifaSwiper .swiper-container{padding-left:0!important;} .dataTitle{margin-bottom: 20px;} .fuwuSwiper .swiper-button-prev,.fuwuSwiper .swiper-button-next{top:auto;margin-top:0;bottom:-100px;zoom:0.6;opacity: 1;} .fuwuSwiper .swiper-button-prev{left:35%;} .fuwuSwiper .swiper-button-next{right:35%;} .xuqiuList .item .labelDesc,.kaifaSwiper .swiper-slide a .labelDesc{flex-wrap: wrap;margin-top:10px;} .xuqiuList .item .labelDesc .labelItem,.kaifaSwiper .swiper-slide a .labelDesc .labelItem{width:100%;padding-right:0;margin-bottom: 3px;} .xuqiuList .item{padding:20px;} .fuwuBox .downBox{padding-top:10px;margin-top:10px;} .fuwuBox{padding:30px 0 86px;} .fuwuSwiper{margin-top:30px;} .fuwuList .downLink{justify-content: space-between;margin-top:0;} .fuwuList .downLink a{width: 48.5%;min-width: 0;margin-right:0;} .personalWrap{display: block;} .personalList,.personalPhoto{width:100%;} .personalList .item .font1{margin-right:20px;} .personalPhoto{border:none;margin-top:30px;} .editPwd .form{margin-top:30px;} .contact{display: block;} .contact .conInfo,.contact .map{width:100%;} #l-map{height:300px;} .infomationTop{display: block;} .infomationTop .memIcon{margin:auto;} .infomationTop .memStatus{text-align: center;} .infomationTop .memStatus .memFont{display: block;} .infomationTop .memStatus .memBeian,.examineSatus{margin:10px auto 0;} .infomationTop .memStatus .memBtns a{min-width: 0;width:30.33%;margin:0 1.5%;padding:0 6px;font-size:12px;} .memberContent .form .btnsBox .subBtn{margin:0 1em;} .cockpitFastNav .navBox .navItem{width:100%;} .memberContent .myEchart{height:450px;} .ecologyList .item{display: block;padding:30px 24px;} .ecologyList .item .img{height:60px;margin-bottom: 10px;justify-content:start;} .ecologyList .item .mark{height:32px;padding:0 12px;} .ecologyList .item .service_pro{margin-top:20px;} .dataProduct{padding:40px 0;} .productSwiper .box2{margin:0 1em;} .productSwiper .swiper-container{padding-left:0!important;} .productSwiper .swiper-btns{text-align: center;margin-top:20px;} .productSwiper .swiper-button-prev,.productSwiper .swiper-button-next{ position: static; top:auto;margin-top:0; zoom:0.6;opacity: 1; display: inline-block;margin:0 10px;} .ecologyBan{min-height: 0;padding:40px 1em;} .ecologyBan .tit{font-size:24px;} .ecologyBan .txt{font-size:14px;} .ecologyCard{margin-top:20px;} .ecologyTop,.ecologyInfo{display: block;padding:24px;} .ecologyTop .img{margin-bottom: 20px;margin-right:0;} .ecologyTop .txt,.ecologyTop .labels{margin-top:10px;} .productInfoList .item{width:100%;float:none;} .indInformation .list .item{width:100%;} .indInformation .tab{position:static;} .indInformation .tab .item{margin-top:1em;} .fileDownBox{display:block;} .fileDownBox .fileDownBtn{margin:1em 0 0 0;} .pb_80{padding-bottom:40px;} .memberContent .authTab .tab{display:block;} .memberContent .authTab .tab .tItem{width:auto;} .memberContent .informationBox, .listAddSearch{ padding:1em; } .searchTopBox{display:block;} .searchTop .search_input{max-width:100%;} .powerPop .cont{width:90%;} .powerPop .cont .checkbox .item{width:100%;} .layui-layer-loading .layui-layer-content{padding-top:80px;width:240px !important;height:120px !important;background-position:center 20px !important;box-shadow:0 0 40px 0 rgba(0,0,0,0.2);border-radius:4px;} }