.box2{width:1440px;margin:0 auto;} .box3{width:1200px;margin:0 auto;} .box4{width:1680px;margin:0 auto;} .mt128{margin-top:128px;min-height:calc( 100vh - 128px );} .pad90_0{padding:90px 0;} .pt90{padding-top:90px;} /*页面图片比例固定*/ .imgRadioBox{position:relative;overflow:hidden;} .imgRadioBox img {max-height:none;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;height:100%;object-fit:cover;} .imgRadioBox.tran_scale:hover img{transform:translateY(-50%) scale(1.05,1.05);-webkit-transform:translateY(-50%) scale(1.05,1.05);} /*header footer start*/ .header{position:fixed;left:0;top:0;width:100%;z-index:999999;} .header .top{height:80px;background:#ffffff;} .header .bot{position:relative;background:linear-gradient(90deg, #C5201E 0%, #071560 100%);} .header .logo{height:40px;margin-top:20px;} .header .loginAndSite{margin-top:24px;} .header .top .loginAndSite .loginPerson,.header .top .loginAndSite .logoutBtn{display:block;line-height:30px;margin-left:1.6em;border:1px solid #dddddd;border-radius:16px;background:#fafafa;transition:0.2s all ease;-webkit-transition:0.2s all ease;padding:0 1.5em;} .header .top .loginAndSite .loginPerson:hover{border-color:#C5201E;background:#C5201E;color:#ffffff;} .searchBtn{width:32px;height:32px;cursor:pointer;background:url(../images/search.png) center no-repeat;margin-right:2.4em;} .header .loginAndSite .selectBox{line-height:22px;position:relative;z-index:99;padding-right:1.2em;} .header .loginAndSite .inputCase{min-width:4em;padding-right:1em;line-height:32px;text-align:right;background:url(../images/arrow.png) right center no-repeat;cursor:pointer;} .header .loginAndSite .selectUI{display:none;position:absolute;width:250px;right:0;top:100%;padding-top:20px;} .header .loginAndSite .selectCont{background:#fff;border-radius:10px;box-shadow:0 0 8px 4px rgba(0,0,0,0.15);padding:24px;} .header .loginAndSite .selectCont::before{content:'';border:8px solid transparent;border-bottom:8px solid #fff;position:absolute;right:5%;top:4px;} .header .loginAndSite .selectUI h3{font-weight:bold;color:#333333;} .header .loginAndSite .selectUI ul{margin-bottom:10px;} .header .loginAndSite .selectUI ul:last-child{margin-bottom:0;} .header .loginAndSite .selectUI li{float:left;margin-right:0.8em;} .header .loginAndSite .selectUI li a{display:block;line-height:3;color:#737373;transition:0.2s all ease;-webkit-transition:0.2s all ease;} .header .loginAndSite .selectUI li:hover a,.header .loginAndSite .selectUI li.on a{color:#D91B1B;font-weight:bold;} .header .bot .loginAndSite{display:none;color:#ffffff;} .header .loginPerson{position:relative;} .header .loginPerson .rz{position:absolute;right:-1em;height:2em;display:block;top:-1.4em;} .header .loginPerson .rz img{max-width:none;height:100%;} .header .bot .loginPerson .rz{right:auto;left:94%;top:-0.8em;} .header .mainMenu{display:flex;justify-content:space-around;} .header .mainMenu .item > a{display:block;line-height:48px;color:#fff;position:relative;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .header .mainMenu a:hover::after,.header .mainMenu .item.cr > a::after{content:'';position:absolute;width:7px;height:5px;background:url(../images/arrow5.png) center no-repeat;background-size:contain;left:50%;margin-left:-3px;bottom:8px;} .header .subNav{position:absolute;top:100%;left:0;width:100%;background:#ffffff;overflow:hidden;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);max-height:0;overflow:hidden;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .header .subNavWrap{padding:32px 0 48px 0;max-height:calc(100vh - 208px);overflow-y:auto;} /* 自定义整个滚动条 */ .header .subNavWrap::-webkit-scrollbar { width: 6px; /* 滚动条宽度 */ } /* 自定义滚动条轨道 */ ::-webkit-scrollbar-track { background: #ffffff; /* 轨道颜色 */ } /* 自定义滚动条的滑块（thumb） */ ::-webkit-scrollbar-thumb { background: #ccc; /* 滑块颜色 */ border-radius:3px; } .header .subNav .nextNavBox{display:flex;} .header .subNav .firstNav{display:inline-block;padding-right:1em;font-weight:bold;background:url(../images/arrow6.png) right center no-repeat;margin-bottom:0.8em;} .header .subNav .secondNav{margin-right:60px;padding-right:60px;border-right:1px solid #dddddd;} .header .subNav .secondNav .secondNavItem{cursor:pointer;line-height:2.5;} .header .subNav .thirdNavBox{flex:1;} .header .subNav .thirdNav{display:none;flex-wrap:wrap;justify-content:space-between;} .header .subNav .thirdNav:first-child{display:flex;} .header .subNav .thirdNav .thirdNavItem{flex:0 0 25%;margin-bottom:30px;padding-right:2em;box-sizing:border-box;} .header .subNav .thirdNav .thirdNavItem .nav1{margin-bottom:8px;color:#0041A1;display:block;} .header .subNav .thirdNav .thirdNavItem .nav2{margin-bottom:8px;} .header .subNav .thirdNav .thirdNavItem .nav2 a{font-weight:bold;} .header .subNav .thirdNav .thirdNavItem .nav2 .desc{color:#404040;padding-bottom:6px;} .header .subNav .thirdNav .thirdNavItem .nav3{display:block;line-height:2.5;} .header .subNav .firstNav:hover{background-image:url(../images/arrow7.png);} .header .subNav a{transition:0.4s all ease;-webkit-transition:0.4s all ease;} .header .subNav a:hover,.header .subNav .secondNav .secondNavItem:hover,.header .subNav .secondNav .secondNavItem.on{color:#0041A1;text-decoration:underline;} .header .mainMenu .item:hover .subNav{max-height:100vh;} .footer{background:linear-gradient(180deg, #071560 0%, #C5201E 100%);padding:56px 0;} .footer a{color:#ffffff;} .footer .footerTopLeft{color:#ffffff;margin-right:9%;} .footer .footerTopLeft .hotLine{line-height:1.6;float:left;} .footer .footerTopLeft .hotLine .item{margin-top:24px;} .footer .footerTopLeft .hotLine .item a{color:#ffffff;display:block;} .footer .footerTopRight{display:flex;justify-content:space-between;} .footer .footerTopRight dl dt{color:#ffffff;margin-bottom:1em;} .footer .footerTopRight dl dd a,.footer .footerTopRight dl dt a{color:#ffffff;display:block;line-height:2;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .footer .footerTopRight dl dt a{line-height:1.5;display:inline-block;} .footer .footerTopRight dl dd a{opacity:0.7;} .footer .footerTopRight dl dd a:hover,.footer .footerTopRight dl dt a:hover,.footer .copyRight .otherLink a:hover{text-decoration:underline;opacity:1;} .footer .copyRight{color:#ffffff;border-top:1px solid rgba(255,255,255,0.2);padding-top:1.6em;margin-top:2.4em;display:flex;justify-content:space-between;} .footer .copyRight .font{line-height:20px;flex:1;} .footer .copyRight .otherLink{line-height:1;} .footer .copyRight .otherLink a,.footer .copyRight .otherLink .item{display:inline-block;color:#ffffff;position:relative;cursor:pointer;line-height:20px;} .footer .copyRight .otherLink .subItem{position:absolute;right:0;bottom:100%;padding-bottom:10px;display:none;} .footer .copyRight .otherLink .subItem .itemBox{background:#ffffff;border-radius:4px;padding:1em;} .footer .copyRight .otherLink .subItem a{color:#333333;white-space:nowrap;line-height:2;display:block;} .footer .copyRight .otherLink .item:hover .subItem{display:block;} .footer .copyRight .otherLink span{display:inline-block;margin:0 1em;} .footer .copyRight .filingNum,.footer .copyRight a.filingNum{color:#ffffff;cursor:pointer;display:inline-block;margin-left:1em;} .footer .copyRight .filingNum img{margin-right:4px;} .footer .copyRight .filingNum:hover{text-decoration:underline;} .telAndChat{overflow: hidden;} .telAndChat .codeImg{flex:1;width:120px;margin-left:32px;float:left;margin-top:35px;} /*header footer end*/ /*浮动 start*/ .floatBox{position:fixed;z-index:999999;right:60px;bottom:200px;background:#ffffff;box-shadow:0 0 8px 4px rgba(0,0,0,0.15);padding:20px 14px;border-radius:32px;} .floatBox .item{margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #dddddd;position:relative;display:block;} .floatBox .item .w{width:32px;height:32px;cursor:pointer;border-radius:6px;display:block;margin:0 auto 5px;} .floatBox .item .w:hover{background:#efefef;} .floatBox .item .w .font{font-size:12px;margin-top:4px;} .floatBox .item .codeImg{position:absolute;right:100%;top:-20px;width:120px;margin-right:14px;padding-right:10px;display:none;} .floatBox .item:hover .codeImg{display:block;} .floatBox .item:last-child{margin-bottom:0;border:none;padding-bottom:0;} .floatMenu{position:fixed;z-index:999999;left:60px;bottom:100px;background:#ffffff;box-shadow:0 0 8px 4px rgba(0,0,0,0.15);border-radius:2em;overflow:hidden;} .floatMenu .item{display:block;width:2em;padding:1.2em 1em;text-align:center;border-bottom:1px solid #dddddd;} .floatMenu .item:last-child{border:none;} .floatMenu .item:hover,.floatMenu .item.active{background:#0041A1;color:#ffffff;} /*浮动 end*/ /*index start*/ .mt174{margin-top:128px;} .mb80{margin-bottom:80px;} .pad80_0{padding:80px 0;} .pad50_0{padding:50px 0;} .indTit{text-align:center;margin-bottom:1em} .indSection1{padding-top:120px;background:url(../images/ind_ban.jpg) center no-repeat;background-size:cover;color:#ffffff;} /*.indSection1 .tit.f-56{display:none;}*/ .indSection1 .tit{text-align:center;margin-bottom:0.6em;} .indSection1 .searchWrap{max-width:900px;margin:0 auto;} .indSection1 .searchTab{text-align:center;} .indSection1 .searchTab .item{display:inline-block;width:7.5em;text-align:center;height:2.4em;line-height:2.4;margin:0 1em;cursor:pointer;position:relative;margin-bottom:6px;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indSection1 .searchTab .item:hover,.indSection1 .searchTab .item.on{background:#ffffff;border-radius:4px;color:#DC3A3A;} .indSection1 .searchTab .item:hover::after,.indSection1 .searchTab .item.on::after{content:"";border:6px solid transparent;border-top:6px solid #ffffff;position:absolute;left:50%;margin-left:-6px;bottom:-11px;} .searchBox{margin:1em 0;border-radius:8px;overflow:hidden;} .searchBox .sub{cursor:pointer;line-height:3.2;width:8em;text-align:center;background:#DC3A3A;} .searchBox .sub span{display:inline-block;padding-left:1.5em;background:url(../images/ind_search.png) left center no-repeat;} .searchBox .text{padding:0 1em;background:#ffffff;} .searchBox .text input{border:none;width:100%;line-height:3.2;} .searchKeywords{text-align:left;} .searchKeywords a{color:#fff;display:inline-block;margin-right:1em;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .searchKeywords a:hover{text-decoration:underline;} .indSection1 .fastLink{margin-top:60px;border-radius:16px 16px 0 0;overflow:hidden;} .indSection1 .fastLink .item{display:block;width:33.3%;background:url(../images/ind_fast_bg.jpg) left bottom repeat-x;background-size:1px 100%;} .indSection1 .fastLink .item span{display:block;} .indSection1 .fastLink .item .w{padding:1.6em 0;display:flex;justify-content:center;border-right:1px solid #dddddd;} .indSection1 .fastLink .item:last-child .w{border:none;} .indSection1 .fastLink .item .icon{width:2.1em;margin-top:0.3em;margin-right:1em;} .indSection1 .fastLink .item .f2{color:#97A3B7;} /*鼠标经过变红字*/ .indSection1 .fastLink .item:hover, .indSection1 .fastLink .item:hover .f2, .indNews .indNewsFirst .font .f1:hover, .indNews .indNewsItem .indNewsTab .item:hover, .indNews .indNewsItem .indNewsTab .item.on, .indNews .indNewsCont .cont .more a:hover, .indNews .indNewsCont .cont .item a:hover, .indSupplyCont .item .btn:hover, .indSupplyCont .item .tit:hover, .indSection4 .more a:hover, .indSection6 .more a:hover, .indSection8 .more a:hover, .indProCont .item .font .f1:hover, .indBrandCont .w .f1:hover, .indBrandCont .w .f3:hover, .indNewsNav .item:hover, .searchList .item a:hover, .dataMatchList .item3 .w .f1:hover, .dataMatchList .item4 .w .f1:hover {color:#0041A1;} .indSection1 .fastLink .item, .indSection1 .fastLink .item .f2, .indNews .indNewsFirst .font .f1, .indNews .indNewsItem .indNewsTab .item, .indNews .indNewsCont .cont .more a, .indNews .indNewsCont .cont .item a, .indSupplyCont .item .btn, .indSupplyCont .item .tit, .indSection4 .more a, .indSection6 .more a, .indSection8 .more a, .indProCont .item .font .f1, .indBrandCont .w .f1, .indBrandCont .w .f3, .indNewsNav .item {transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indSection2{margin-top:30px;} .indNews .indNewsFirst{width:50%;max-width:580px;margin-right:30px;display:block;} .indNews .indNewsFirst span{display:block;} .indNews .indNewsFirst .img{border-radius:8px;} .indNews .indNewsFirst .font .f1{margin:0.3em 0 0.6em 0;} .indNews .indNewsFirst .font .f2{color:#737373;} .indNews .indNewsTab>.item{float:left;margin-right:1em;cursor:pointer;} .indNewsTab .swiper-slide{width:auto;cursor:pointer;} .indNewsTab .swiper-slide .item{padding-right:1em;} .indNewsTab .swiper-slide.on .item{color:#0041A1;} .indNews .indNewsCont{margin-top:0.8em;} .indNews .indNewsCont .cont{display:none;} .indNews .indNewsCont .cont .item{line-height:3.2;} .indNews .indNewsCont .cont .item .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;} .indNews .indNewsCont .cont .item .date{float:right;margin-left:1em;color:#9a9a9a;} .indNews .indNewsCont .cont .more{text-align:right;line-height:3.2;} .indNewsNav{margin-top:38px;border-radius:8px;border:1px solid #dddddd;overflow:hidden;background:url(../images/ind_fast_bg2.jpg) left bottom repeat-x;background-size:1px 100%;} .indNewsNav .item{display:block;width:20%;float:left;text-align:center;} .indNewsNav .item span{display:block;} .indNewsNav .item .w{padding:3.2em 0;border-right:1px solid #dddddd;} .indNewsNav .item:last-child .w{border:none;} .indNewsNav .item .icon{width:3.5em;margin:0 auto;} .indNewsNav .item .font{margin:0.5em 1em 0 1em;} .indVip{padding:1.4em 1em;background:#F5F5F7;border-radius:8px;margin-left:30px;} .indVip .tit .f1{line-height:1.2;color:#DB3A3B;} .indVip .tit .f2{color:#737373;margin:0.2em 0 0.4em 0;} .indVip .item{margin-top:0.8em;display:block;overflow:hidden;width:13vw;min-width:11em;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indVip .item span{display:block;} .indVip .item .w{line-height:3.6;padding:0 1em;border-radius:4px;transition:0.3s all ease;-webkit-transition:0.3s all ease;background:#ffffff;border-left:2px solid #DB3A3B;} .indVip .item .icon{width:1.4em;height:1.4em;margin-top:1.1em;float:left;margin-right:1em;} .indVip .item .icon .pic1,.indVip .item:hover .icon .pic2{display:none;} .indVip .item:hover .icon .pic1{display:block;} .indVip .item:hover{color:#ffffff;} .indVip .item:hover .w{background:#DC3A3A;} .indIndustry{border:1px solid #dddddd;border-radius:16px;overflow:hidden;background:url(../images/industry1.jpg) right bottom no-repeat;background-size:75% 100%;} .industryTab{width:360px;border-right:1px solid #dddddd;background:url(../images/ind_pro_bg1.jpg) left bottom repeat-x;background-size:1px 100%;} .industryTab .item{border-bottom:1px solid #dddddd;transition:0.3s all ease;-webkit-transition:0.3s all ease;height:88px;} .industryTab .item:last-child{border:none;} .industryTab .item .w{padding:0.8em 1.6em;cursor:pointer;} .industryTab .item .icon{float:left;width:1.8em;height:1.8em;margin-right:1.6em;margin-top:0.5em;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .industryTab .item .icon .pic1,.industryTab .item.on .icon .pic2{display:none;} .industryTab .item .font{overflow:hidden;} .industryTab .item .font .f1,.industryTab .item .font .f2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .industryTab .item .font .f1{margin-bottom:0.2em;} .industryTab .item.on{height:170px;} .industryTab .item.on .icon{float:none;margin:0 0 0.6em 0;} .industryTab .item.on .icon .pic1{display:block;} .industryTab .item.on .font .f1,.industryTab .item.on .font .f2{white-space:normal;color:#ffffff;} .industryCont .cont{display:none;} .industryCont .menu1 .column{width:33.3%;float:left;height:609px;} .industryCont .menu1 .item .tit{background:url(../images/industry2.png) left center no-repeat;background-size:cover;padding:14px 20px;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .industryCont .menu1 .item .tit .f1,.industryCont .menu1 .item .tit .f2,.industryCont .menu2 .tit .f1,.industryCont .menu2 .tit .f2{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .industryCont .menu1 .item .menuBox{padding:14px 20px;} .industryCont .menu1 .item .menu{height:96px;overflow:hidden;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .industryCont .menu1 .item .menu a{display:block;background:url(../images/industry3.png) right center no-repeat;padding-right:1em;line-height:2;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .industryCont .menu1 .item:hover .tit{color:#0041A1;} .industryCont .menu1 .item:hover .tit .f2{opacity:0.6;} .industryCont .menu1 .item .menu a:hover{color:#0041A1;background-image:url(../images/industry03.png);} .industryCont .menu2{padding:20px 30px;overflow-y:auto;height:569px;} .industryCont .menu2 .tit{padding-bottom:10px;} .industryCont .menu2 .tit .f2{color:#737373;} .industryCont .menu2 .item{width:33.3%;float:left;margin-top:20px;} .industryCont .menu2 .item .w{display:block;padding:1em;border-radius:16px;} .industryCont .menu2 .item span{display:block;} .industryCont .menu2 .item .icon{width:1.6em;margin:0.6em 1em 0 0;} .industryCont .menu2 .item .f2{color:#737373;} .industryCont .menu2 .item .w:hover{background:#fff;box-shadow:0 0 10px 1px rgba(230,230,230,0.1);} .indSection4{padding:80px 0;background:url(../images/ind_supply_bg.jpg) center bottom no-repeat;background-size:100% 100%;} .indSupplyTab,.indBrandTab{text-align:center;} .indSupplyTab .w,.indBrandTab .w{display:inline-block;line-height:3.2;border-radius:1.6em;background:#ffffff;} .indSupplyTab .w .item,.indBrandTab .w .item{display:inline-block;line-height:3.2;border-radius:1.6em;margin-right:0.6em;padding:0 1.6em;cursor:pointer;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indSupplyTab .w .item:last-child,.indBrandTab .w .item:last-child{margin-right:0;} .indSupplyTab .w .item:hover,.indSupplyTab .w .item.on,.indBrandTab .w .item:hover,.indBrandTab .w .item.on{background:#0041A1;color:#ffffff;} .indSupplyCont{margin:36px 0;} .indSupplyCont .cont{margin:0 -0.5em;display:none;} .indSupplyCont .item{width:25%;float:left;margin-bottom:1em;} .indSupplyCont .item:nth-child(4n+1){clear:both;} .indSupplyCont .item .w{display:block;margin:0 0.5em;background:#ffffff;border-radius:16px;padding:2.4em;position:relative;} .indSupplyCont .item .w:hover{box-shadow:0 0 8px 4px rgba(0,0,0,0.15);} .indSupplyCont .item span,.indSupplyCont .item a{display:block;position: relative;} .indSupplyCont .item .img{max-width:96px;margin:2em auto 1.2em auto;border-radius:16px;} .indSupplyCont .item .tit{margin-top:6px;} .indSupplyCont .item .date{color:#9a9a9a;} .indSupplyCont .item .desc{margin:1em 0;color:#737373;} .indSupplyCont .labelKey span{border:1px solid #C4D6F0;background:#F1F7FF;color:#005DE7;float:left;padding:0 0.5em;border-radius:2px;margin-right:0.5em;} .indSupplyCont .item .price{margin-top:0.6em;} .indSupplyCont .item .price em{color:#D91B1B} .indSupplyCont .item .status_icon{width:80px;position: absolute;right:-1em;bottom:-3em;} .indSupplyCont .item .lableBox{position:absolute;right:2.4em;top:0;} .label_jian,.label_gong,.label_qiu,.label_zhao,.label_zhao2{width:27px;height:32px;float:left;margin-left:0.4em;background-size:contain;background-repeat:no-repeat;background-position:center;} .label_jian{background-image:url(../images/ind_supply1.png);} .label_gong{background-image:url(../images/ind_supply2.png);} .label_qiu{background-image:url(../images/ind_supply3.png);} .label_zhao{background-image:url(../images/ind_supply9.png);} .label_zhao2{background-image:url(../images/ind_supply10.png);} .indSupplyCont .item .btnBox{margin-top:5.6em;} .indSupplyCont .item .status{float:left;padding:0px 6px;border:1px solid #D91B1B;color:#D91B1B;border-radius: 3px;} .indSupplyCont .item .btn{cursor:pointer;float:right;margin-left:1.4em;padding-left:2em;background-position:left center;background-repeat:no-repeat;background-size:1.4em;} .indSupplyCont .item .btn:last-child{margin-left:0;} .indSupplyCont .item .btn_message{background-image:url(../images/ind_supply5.png);} .indSupplyCont .item .btn_collect{background-image:url(../images/ind_supply4.png);} .indSupplyCont .item .rz{padding-left:0;} .indSupplyCont .item .rz img{height:22px;} .indSection4 .more,.indSection6 .more,.indSection8 .more{text-align:center;} .indSection4 .more a,.indSection6 .more a,.indSection8 .more a{display:inline-block;padding-right:1em;background:url(../images/ind_supply6.png) right center no-repeat;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indSection4 .more a:hover,.indSection6 .more a:hover,.indSection8 .more a:hover{background-image:url(../images/ind_supply8.png)} .indBusiness{margin:0 -0.6em;} .indBusiness .item{width:20%;float:left;margin-bottom:80px;} .indBusiness .item .w{display:block;position:relative;margin:0 0.6em;border-radius:16px;} .indBusiness .item span{display:block;} .indBusiness .item .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/ind_business1.png) center bottom no-repeat;background-size:100% auto;} .indBusiness .item .font{position:absolute;left:1em;right:1em;bottom:1em;color:#fff;overflow:hidden;} .indBusiness .item .font .f1{line-height:1.2;} .indBusiness .item .font .f2{display:inline-block;padding-right:1em;background:url(../images/ind_business2.png) right center no-repeat;} .indBusiness .item .w .font .fontWrap{transform:translateY(20px);-webkit-transform:translateY(20px);transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indBusiness .item .w:hover .font .fontWrap{transform:translateY(0);-webkit-transform:translateY(0);} .indProTabCont{display:flex;} .indProTab{margin-bottom:1em;border-radius:8px;overflow:hidden;background:url(../images/ind_pro_bg1.jpg) left bottom repeat-x;background-size:1px 100%;border-radius:8px;border:1px solid #dddddd;/*max-width:460px;*/} .indProTab .item{cursor:pointer;padding:2.5em 1.3em;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indProTab .item .icon{width:1.8em;margin-top:0.72em;margin-right:1.3em;} .indProTab .item .icon .pic1,.indProTab .item:hover .icon .pic2,.indProTab .item.on .icon .pic2{display:none;} .indProTab .item:hover .icon .pic1,.indProTab .item.on .icon .pic1{display:block;} .indProTab .item:hover,.indProTab .item.on{background:url(../images/ind_pro_bg2.png) center no-repeat;background-size:cover;color:#fff;} .indProTab .item .icon .f2{color:#909090;margin-top:0.5em;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indProTab .item:hover .icon .f2,.indProTab .item.on .icon .f2{color:#909090;} .indProCont{flex:0 0 980px;} .indProCont .cont{display:none;} .indProCont .item .w{display:block;margin:0 0 1em 1em;border:1px solid #dddddd;border-radius:6px !important;overflow:hidden;} /*.indProCont .item{float:left;width:25%;} .indProCont .item span{display:block;} .indProCont .item .img{text-align:center;} .indProCont .item .img img{width:100%;} .indProCont .item .font{text-align:center;padding:0.6em 0.8em 0.7em 0.8em;} .indProCont .item .font .f2{color:#9a9a9a;}*/ .indSection6 .more{margin-top:22px;} .indProCont .digitList,.indProCont .materialList{margin:0;} .indProCont .digitList .item .w,.indProCont .materialList .item .w{margin:0 0 1em 1em;} .indProCont .materialList .item{width:25%;margin-bottom:0;} .indProCont .digitList .item{margin-bottom:0;} .indProCont .digitList .item .w{padding:1.7em;} .indProCont .materialList .item .font{padding:0;} .indProCont .materialList .item .tit{margin:0.4em 0 0.3em 0;} .indProCont .sceneList .item .w,.indProCont .materialList .item .w{padding:1.4em;} .indProCont .sceneList{padding-bottom:0;} .indSection7{padding:80px 0;background:url(../images/ind_platform.jpg) left top repeat-x;background-size:1px 100%;} .indPlatform{margin:0 -12px;} .indPlatform .item{width:18%;float:left;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indPlatform .w{cursor:pointer;margin:0 12px;border-radius:16px;overflow:hidden;position:relative;} .indPlatform .w img{max-width:none;} .indPlatform .w .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indPlatform .w .font{position:absolute;left:20px;bottom:24px;right:20px;color:#fff;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indPlatform .item.on{width:46%;} .indPlatform .item.on .font{bottom:280px;left:60px;} .indPlatform .item .font .f3{transform-origin:left bottom;-webkit-transform-origin:left bottom;} .indPlatform .item.on .font .f3{transform:scale(2);-webkit-transform:scale(2);} .indPlatform .item .font .f4{display:none;} .indPlatform .item.on .font .f4{display:block;} .indSection8{padding-bottom:80px;background:#f7f7f7;} .indBrandCont{margin-top:24px;margin-bottom:40px;} .indBrandCont .cont{margin:0 -12px;display:none;} .indBrandCont .item{float:left;width:33.3%;margin-bottom:1.6em;} .indBrandCont .item:nth-child(3n+1){clear:both;} .indBrandCont .w{display:block;margin:0 12px;border-radius:16px;overflow:hidden;background:#ffffff;} .indBrandCont .w span,.indBrandCont .w a{display:block;} .indBrandCont .w .font{padding:2em;} .indBrandCont .w .f1{margin-bottom:0.6em;} .indBrandCont .w .f2{color:#737373;} .indBrandCont .w .f3{display:inline-block;padding-right:1em;background:url(../images/ind_brand.png) right center no-repeat;color:#0041A1;margin-top:1.2em;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .indBrandCont .w .f3:hover{/*background-image:url(../images/ind_brand2.png);*/ text-decoration:underline;padding-right:1.2em;} /*******首页改版模块 start******/ .indTopAd{position:relative;z-index:99999;} .indTopAd .img{height:calc(100vh - 128px);transition:0.5s all ease;-webkit-transition:0.5s all ease;overflow:hidden;display:block;} .indTopAd .img img{width:100%;height:calc(100vh - 128px);object-fit:cover;max-height:none;} .indTopAd.closeUp .img{height:0;} .indTopAd .close{position:absolute;right:1em;top:1em;color:#ffffff;cursor:pointer;} .indTopAd .open{position:absolute;right:16px;top:10px;width:12px;height:50px;background:url(../images/adBtn.png) center no-repeat;background-size:contain;cursor:pointer;display:none;} .indTopAdPop{display:none;position:fixed;left:0;bottom:0;z-index:1000000;} .indTopAdPop .mask{position:fixed;z-index:1000000;} .indTopAdPop .img{position:relative;z-index:1000000;max-width:50vw;max-height:50vh;text-align:center;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indTopAdPop .close{position:absolute;z-index:1000000;right:1em;top:1em;color:#ffffff;cursor:pointer;padding-right:2em;background:url(../images/close.png) right center no-repeat;background-size:1.6em auto;} .indTopAdPop.closeUp .img{max-width:20vw;max-height:20vh;} .indTopAdPop .open{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;transition:0.5s 0.5s all ease;-webkit-transition:0.5s 0.5s all ease;display:none;} .indTopAdPop .open .closeAll{width:16px;height:16px;right:-8px;top:-8px;background:url(../images/close.png) center no-repeat;background-color:rgba(0,0,0,0.6);background-size:10px 10px;border-radius:50%;overflow:hidden;position:absolute;cursor:pointer;} .indAdImg{border-radius:16px;overflow:hidden;} .indTitle{text-align:center;} .indTitle .desc{color:#666666;margin-top:8px;} .banner{position:relative;} .banner .gallery-top .swiper-slide{overflow:hidden;} .banner .gallery-top .swiper-slide .item{display:block;position:relative;} .banner .gallery-top .swiper-slide > img,.banner .gallery-top .swiper-slide .item > img{width:100%;} .banner .gallery-top .swiper-slide .font{position:absolute;width:1460px;margin-top:-50px;color:#ffffff;} .banner .gallery-top .swiper-slide .font .tit,.banner .gallery-top .swiper-slide .font .desc{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:1s all ease;-webkit-transition:1s all ease;} .banner .gallery-top .swiper-slide .font .tit{font-size:56px;font-weight:bold;} .banner .gallery-top .swiper-slide .font .desc{margin-top:0.4em;transition-delay:0.5s;-webkit-transition-delay:0.5s;max-width:700px;line-height:1.6;} .banner .gallery-top .swiper-slide-active .font .tit,.banner .gallery-top .swiper-slide-active .font .desc{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;} .banner .galleryThumbsBox{position:absolute;left:0;bottom:0;width:100%;background:rgba(255,255,255,0.7);z-index:1;} .banner .gallery-thumbs .swiper-slide{width:20%;cursor:pointer;} .banner .gallery-thumbs .item{display:block;overflow:hidden;padding:12px 14px;background:rgba(255,255,255,0);color:#021561;position:relative;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .banner .gallery-thumbs .item:hover{background:rgba(255,255,255,0.8);} .banner .gallery-thumbs .item::after{content:"";width:100%;position:absolute;left:-100%;bottom:0;height:4px;transition:8s all ease;-webkit-transition:8s all ease;} .banner .gallery-thumbs .active-nav .item{background:rgba(255,255,255,0.8);} .banner .gallery-thumbs .active-nav .item::after{left:0;background:linear-gradient(90deg, #C5201E 0%, #071560 100%);} .banner .gallery-thumbs .item .num{margin-left:1em;} .banner .gallery-thumbs .item .imgFont{display:flex;align-items:center;} .banner .gallery-thumbs .item .imgFont .img{flex:0 0 40px;margin-right:10px;float:left;} .banner .gallery-thumbs .item .imgFont .font{overflow:hidden;} /*.banner .gallery-top .swiper-slide .item { -webkit-mask-image: url(../images/masky.png); -moz-mask-image: url(../images/masky.png); -ms-mask-image: url(../images/masky.png); -o-mask-image: url(../images/masky.png); mask-image: url(../images/masky.png); -webkit-mask-size: 2500% 100%; -moz-mask-size: 2500% 100%; -ms-mask-size: 2500% 100%; -o-mask-size: 2500% 100%; mask-size: 2500% 100%; -webkit-will-change: transform; -moz-will-change: transform; -ms-will-change: transform; -o-will-change: transform; will-change: transform; } .banner .gallery-top .swiper-slide.swiper-slide-active .item { -moz-animation: masky .8s steps(24) forwards; -webkit-animation: masky .8s steps(24) forwards; -o-animation: masky .8s steps(24) forwards; -ms-animation: masky .8s steps(24) forwards; animation: masky .8s steps(24) forwards; }*/ /*@-webkit-keyframes masky { 0% { mask-position: 0 0; -webkit-mask-position: 0 0 } 100% { mask-position: 100% 0; -webkit-mask-position: 100% 0 } } @-moz-keyframes masky { 0% { mask-position: 0 0; -webkit-mask-position: 0 0 } 100% { mask-position: 100% 0; -webkit-mask-position: 100% 0 } } @-ms-keyframes masky { 0% { mask-position: 0 0; -webkit-mask-position: 0 0 } 100% { mask-position: 100% 0; -webkit-mask-position: 100% 0 } } @-o-keyframes masky { 0% { mask-position: 0 0; -webkit-mask-position: 0 0 } 100% { mask-position: 100% 0; -webkit-mask-position: 100% 0 } } @keyframes masky { 0% { mask-position: 0 0; -webkit-mask-position: 0 0 } 100% { mask-position: 100% 0; -webkit-mask-position: 100% 0 } }*/ .year-bg{position:fixed;width:6%;z-index:9999;display:none;transform-origin:center top !important;-webkit-transform-origin:center top !important;} .year-bg-1{left:1%;top:10%;animation:floatAni 8s ease infinite;-webkit-animation:floatAni 8s ease infinite;transform:rotate(5deg);transform:rotate(5deg);} .year-bg-2{right:1%;top:10%;animation:floatAniB 8s ease infinite;-webkit-animation:floatAniB 8s ease infinite;transform:rotate(-5deg);transform:rotate(-5deg);} @keyframes floatAni{ 0%{transform:rotate(5deg);} 50%{transform:rotate(-5deg);} 100%{transform:rotate(5deg);} } @-webkit-keyframes floatAni{ 0%{transform:rotate(5deg);} 50%{transform:rotate(-5deg);} 100%{transform:rotate(5deg);} } @keyframes floatAniB{ 0%{transform:rotate(-5deg);} 50%{transform:rotate(5deg);} 100%{transform:rotate(-5deg);} } @-webkit-keyframes floatAniB{ 0%{transform:rotate(-5deg);} 50%{transform:rotate(5deg);} 100%{transform:rotate(-5deg);} } .indCase{padding:24px 0;} .indCase .cont{display:flex;position:relative;} .indCase .cont .leftMenu{flex:0 0 340px;margin-right:16px;box-sizing:border-box;position:relative;border-radius:16px;} .indCase .cont .leftMenu::before/*,.indCase .cont .leftMenu::after*/{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;border-radius:16px;} .indCase .cont .leftMenu::before{background:linear-gradient(179.88deg, rgba(255, 255, 255, 0.9) -21.49%, rgba(225, 241, 255, 0.9) 99.87%);} /*.indCase .cont .leftMenu::after{background:url(../images/indCaseMenu.png) right bottom no-repeat;background-size:contain;mix-blend-mode:darken;}*/ .indCase .cont .leftMenu .item{padding:20px;transition:0.5s all ease;-webkit-transition:0.5s all ease;border-radius:16px;position:relative;z-index:2;} .indCase .cont .leftMenu .item:last-child{margin-bottom:0;} .indCase .cont .leftMenu .item .tit{display:flex;align-items:center;/*transition:0.5s all ease;-webkit-transition:0.5s all ease;*/margin:0 -20px;padding:0 20px;background:linear-gradient(90deg, rgba(134, 172, 255, 0.2) 0%, rgba(58, 120, 253, 0) 100%);height:40px;} .indCase .cont .leftMenu .item .tit img{margin-right:16px;width:24px;} .indCase .cont .leftMenu .item .link{padding:0 0 0 40px;margin-top:0.6em;} .indCase .cont .leftMenu .item .link a{line-height:1.8;display:block;min-width:50%;float:left;/*transition:0.5s all ease;-webkit-transition:0.5s all ease;*/} .indCase .cont .leftMenu .item:hover{background:linear-gradient(284.37deg, #2C61E6 -8.25%, #85ABF3 62.16%, #E0EDFF 94.15%);backdrop-filter:blur(16px);box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);} .indCase .cont .leftMenu .item .link a:hover,.indCase .cont .leftMenu .item .link a.on{text-decoration:underline;} .indCase .cont .leftMenu .item:hover a,.indCase .cont .leftMenu .item:hover .tit{color:#ffffff;background:none;} .indCase .cont .rightCont{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;} .indCaseTab{margin:0 -8px;} .indCaseTab .item{width:33.3%;float:left;} .indCaseTab .item .w{position:relative;border:2px solid #f5f5f5;margin:0 8px;position:relative;cursor:pointer;border-radius:16px;transition:0.4s all ease;-webkit-transition:0.4s all ease;overflow:hidden;} .indCaseTab .item .w::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(111.62deg, #DED9FD -4.89%, #AFE1FD 93.66%);transition:0.4s all ease;-webkit-transition:0.4s all ease;opacity:0.3;} .indCaseTab .item .w:hover::before,.indCaseTab .item.on .w::before{opacity:1;background:linear-gradient(111.62deg, #AFE1FD -4.89%, #DED9FD 93.66%);} .indCaseTab .item .w:hover,.indCaseTab .item.on .w{border-color:#2A7AE3;} .indCaseTab .item .w:hover .icon,.indCaseTab .item.on .w .icon{transform:translateY(50%) scale(1.4);-webkit-transform:translateY(50%) scale(1.4);} .indCaseTab .item .icon{position:absolute;left:8%;bottom:50%;transform:translateY(50%);-webkit-transform:translateY(50%);width:16%;transition:0.4s all ease;-webkit-transition:0.4s all ease;} .indCaseTab .item .font{font-weight:bold;line-height:80px;text-align:center;position:relative;} .indCaseLink{flex:1;margin-top:16px;/*border: 1px solid #DDDDDD;*/border-radius:16px;background: linear-gradient(113.1deg,rgba(175, 225, 253, 0.6) 4.02%,rgba(222, 217, 253, 0.6) 93.77%);backdrop-filter: blur(16px);/*background:url(../images/casebg2.png) center no-repeat;background-size:cover;*/} .indCaseLink .itemCont{display:none;margin:16px 8px 0 8px;/*height:calc(100% - 16px);*/flex-wrap:wrap;} .indCaseLink .sItem1{width:33.3%;float:left;} .indCaseLink .sItem1:nth-child(5n-1),.indCaseLink .sItem1:nth-child(5n){width:50%;} .indCaseLink .sItem1 .w{overflow:hidden;align-items:center; margin:0 8px 16px 8px;justify-content:space-between;padding:4px;display:flex;background:rgba(241, 249, 255, 1);box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1) inset , 0px 2px 0px 0px rgba(255, 255, 255, 1) , 0px 8px 32px 0px rgba(0, 0, 0, 0.07);border-radius:8px;transition:0.4s all ease;-webkit-transition:0.4s all ease;position:relative;} .indCaseLink .sItem1 .w:hover{background:linear-gradient(111.62deg, #DED9FD -4.89%, #AFE1FD 93.66%);box-shadow:0px 8px 32px 0px rgba(0, 0, 0, 0.15);} .indCaseLink .sItem1 .icon{flex:0 0 80px;margin:14px 14px 0 0;} .indCaseLink .sItem1 .font{overflow:hidden;padding:10px 20px;} .indCaseLink .sItem1 .font .f1{font-weight:bold;transition:0.4s all ease;-webkit-transition:0.4s all ease;} .indCaseLink .sItem1 .font .f2{color:#737373;transition:0.4s all ease;-webkit-transition:0.4s all ease;} /*.indCaseLink .sItem1 .w:hover .font .f1,.indCaseLink .sItem2 .w:hover .font .f2{color:#005DE7;}*/ .indCaseLink .sItem1 .icon img,.indCaseLink .sItem2 .icon img{transition:0.4s all ease;-webkit-transition:0.4s all ease;} .indCaseLink .sItem1 .w:hover .icon img,.indCaseLink .sItem2 .w:hover .icon img{transform:scale(1.4);-webkit-transform:scale(1.4);} .indCaseLink .sItem2{width:33.3%;float:left;} .indCaseLink .sItem2:first-child{width:66.6%;} .indCaseLink .sItem2 .w{overflow:hidden;align-items:center;margin:0 8px 16px 8px;justify-content:space-between;padding:4px;display:flex;background:rgba(241, 249, 255, 1);box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1) inset , 0px 2px 0px 0px rgba(255, 255, 255, 1) , 0px 8px 32px 0px rgba(0, 0, 0, 0.07);border-radius:8px;transition:0.4s all ease;-webkit-transition:0.4s all ease;position:relative;} .indCaseLink .sItem2 .w:hover{background:linear-gradient(111.62deg, #DED9FD -4.89%, #AFE1FD 93.66%);box-shadow:0px 8px 32px 0px rgba(0, 0, 0, 0.15);} .indCaseLink .sItem2 .icon{flex:0 0 80px;margin:14px 14px 0 0;} .indCaseLink .sItem2 .font{overflow:hidden;padding:10px 20px;} .indCaseLink .sItem2 .font .f1{font-weight:bold;} .indCaseLink .sItem2 .font .f2{color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;display:block !important;} .indCaseLink .sItem1 .w .hot, .indCaseLink .sItem2 .w .hot{ position:absolute; left:0; top:0; background:url(../images/hot.png) left top no-repeat; background-size:contain; width:44px; height:22px; } .indCaseLink .sItem1 .w .hotFont,.indCaseLink .sItem2 .w .hotFont{position:absolute;z-index:9;left:44px;line-height:22px;top:0;width:0;transition:0.3s all ease;-webkit-transition:0.3s all ease;overflow:hidden;padding:0;/*background: linear-gradient(90deg, #C5201E 0%, #071560 100%);*/background:linear-gradient(105.21deg,#FFBF00 11.48%,#FF6A00 94.15%);color:#ffffff;} .indCaseLink .sItem1 .w .hot:hover + .hotFont,.indCaseLink .sItem2 .w .hot:hover + .hotFont{padding:0 10px;width:calc(100% - 64px);} .indCase .leftSubMenu{position:absolute;left:-100%;width:100%;top:0;bottom:0;overflow:hidden;transition:0.5s all ease;-webkit-transition:0.5s all ease;background:url(../images/casebg2.png) center no-repeat;background-size:cover;border-radius:16px;} .indCase .leftSubMenu.on{left:0;} .indCase .leftSubMenu .itemCont{position:absolute;left:32px;right:32px;top:40px;bottom:40px;overflow-y:auto;overflow-x:hidden;display:none;} .indCase .leftSubMenu .itemCont .link{display:flex;flex-wrap:wrap;justify-content:space-between;} .indCase .leftSubMenu .itemCont .sItem{width:30%;margin-bottom:40px;} .indCase .leftSubMenu .itemCont .sItem .tit{background:linear-gradient(90deg, rgba(134, 172, 255, 0.2) 0%, rgba(58, 120, 253, 0) 100%);line-height:2;padding:0 0.8em;} .indCase .leftSubMenu .itemCont .col-2 .sItem{width:48%;} .indCase .leftSubMenu .itemCont .sItem .sub{padding-top:8px;display:flex;flex-wrap:wrap;margin:0 -4px;} .indCase .leftSubMenu .itemCont .sItem .sub a{display:block;margin:8px 4px 0 4px;border:1px solid #dddddd;border-radius:2px;height:2.2em;line-height:2.2;padding:0 1em;transition:0.5s all ease;-webkit-transition:0.5s all ease;background:#ffffff;} .indCase .leftSubMenu .itemCont .sItem .sub a:hover{border-color:#C4D6F0;background:#F1F7FF;color:#005DE7;} .indCase .leftSubMenu .itemCont::-webkit-scrollbar{width:4px;} .indCase .leftSubMenu .itemCont::-webkit-scrollbar-thumb{width:4px;border-radius:2px;background:#005DE7;} .indCase .leftSubMenu .itemCont-webkit-scrollbar-track{border-radius:2px;background:rgba(0, 0, 0, 0.2);} .indCase .leftSubMenu .itemCont .progress{width:260px;margin-right:28px;padding-right:28px;border-right:1px solid #dddddd;} .indCase .leftSubMenu .itemCont .pItem{margin-bottom:40px;position:relative;} .indCase .leftSubMenu .itemCont .pItem::before,.indCase .leftSubMenu .itemCont .pItem::after{z-index:1;content:"";width:4px;height:100%;background:#eeeeee;position:absolute;left:15px;} .indCase .leftSubMenu .itemCont .pItem::before{top:-40px;height:40px;} .indCase .leftSubMenu .itemCont .pItem::after{top:0;} .indCase .leftSubMenu .itemCont .pItem:first-child::before{display:none;} .indCase .leftSubMenu .itemCont .pItem .num{width:30px;height:30px;line-height:30px;margin-right:16px;border-radius:50%;background:#ffffff;border:1px solid #dddddd;position:relative;z-index:2;text-align:center;} .indCase .leftSubMenu .itemCont .pItem.on::before,.indCase .leftSubMenu .itemCont .pItem.on::after{background:#3A78FD;} .indCase .leftSubMenu .itemCont .pItem.on .num{color:#ffffff;background:#3A78FD;border-color:#3A78FD;} .indCase .leftSubMenu .itemCont .pItem .desc{margin-top:8px;} /*字号强制重写 start*/ .banner .gallery-top .swiper-slide .font .desc{font-size:16px;} .banner .gallery-thumbs .item .imgFont .font .f-16, .indCase .cont .leftMenu .item .tit h3, .indCaseLink .sItem1 .font .f1, .indCaseLink .sItem2 .font .f1, .indCaseTab .item .font{ font-size:20px; } /*字号强制重写 end*/ /*.indCase .leftSubMenu.on .itemCont{left:0;} */ .indSwitchNews .indTitle{margin-bottom:40px;} .indSwitchNews .tabs{text-align:center;margin-bottom:32px;} .indSwitchNews .tabs span{display:inline-block;margin:0 40px;border-bottom:1px solid transparent;line-height:2;cursor:pointer;} .indSwitchNews .tabs span:hover,.indSwitchNews .tabs span.on{border-color:#C5201E;color:#C5201E;} .indSwitchNews .box2 > .cont{margin-bottom:40px;} .indSwitchNews .itemBox{margin:0 -8px;display:none} .indSwitchNews .itemBox .item{width:25%;float:left;margin-bottom:28px;} .indSwitchNews .itemBox .item .w{margin:0 8px;background:#ffffff;border-radius:16px;transition:1s all ease;-webkit-transition:1s all ease;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);} .indSwitchNews .itemBox .item .w:hover{box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);} .indSwitchNews .itemBox .item .img{display:block;border-radius:16px;} .indSwitchNews .itemBox .item .font{padding:24px 26px;} .indSwitchNews .itemBox .item .font .tit{display:block;margin-bottom:5px;transition:0.2s all ease;-webkit-transition:0.2s all ease;} .indSwitchNews .itemBox .item .font .tit:hover{color:#C5201E;} .indSwitchNews .itemBox .item .font .desc{color:#737373;} .indSwitchNews .more{color:#ffffff;width:6em;margin:0 auto;display:block;padding-right:1em;transition:0.2s all ease;-webkit-transition:0.2s all ease;line-height:2.8;height:2.8em;padding:0 2.6em 0 1.6em;background:#071560;position:relative;border-radius:8px;} .indSwitchNews .more::after{content:'';display:block;width:6px;height:10px;background:url(../images/arrow13.png) center no-repeat;background-size:contain;position:absolute;right:1.6em;top:50%;margin-top:-5px;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indSwitchNews .more:hover::after{right:1.3em;} .indSwitchNewsData .itemBox{display:block;margin:0 -12px;} .indSwitchNewsData .itemBox .item{width:33.3%;} .indSwitchNewsData .itemBox .item .w{margin:0 12px;} .indSwitchNewsData .itemBox .item .font{padding:32px 20px;} .indSwitchNewsData .mt174{margin-top:0 !important;background:none;} .indSwitchNewsData .mt174 > .pad80_0{padding:0 !important;} .indSwitchNewsData .mt174 > .pad80_0 > .box2{margin:0 !important;} .indSwitchNewsFun .itemBox .item .img{position:relative;} .indSwitchNewsFun .itemBox .item .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;} .screenBtnBox{margin-bottom:24px;backdrop-filter:blur(16px);box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);background:rgba(255, 255, 255, 0.7);border-radius:16px;padding:20px 32px;} .screenBtnBox .item{line-height:32px;} .screenBtnBox .item .sItem{margin:0 0 12px 16px;display:inline-block;cursor:pointer;padding:0 12px;border-radius:8px;transition:0.4s all ease;-webkit-transition:0.4s all ease;} .screenBtnBox .item .sItem:hover,.screenBtnBox .item .sItem.on{background: rgba(197, 32, 30, 0.05);color:#C5201E;} .indMap{background:url(../images/indMap1.png) center 300px no-repeat;background-size:100% auto;display:none;} .indMap .indTitle{margin-bottom:70px;} .indMap .indMapMenu{margin-top:80px;width:320px;padding:32px;box-sizing:border-box;background:#ffffff;box-shadow:0 0 16px 0 rgba(0,0,0,0.16);border-radius:16px;} .indMap .indMapMenu .item{margin-bottom:40px;} .indMap .indMapMenu .item .link{margin:0 -12px;} .indMap .indMapMenu .item .link a{display:inline-block;margin-top:12px;line-height:32px;border-radius:8px;padding:0 12px;float:left;transition:0.2s all ease;-webkit-transition:0.2s all ease;} .indMap .indMapMenu .item .link a:hover,.indMap .indMapMenu .item .link a.on{background:#C5201E;color:#ffffff;} .indMap .indMapMenu .more{display:block;height:44px;line-height:44px;border-radius:22px;background:#C5201E;color:#ffffff;text-align:center;} .indMap .indMapMenu .more:hover{text-decoration:underline;} .indMap .indMapBox{position:relative;} .indMap .indMapBox .china-map{width:910px;height:728px;} .indMap .indMapBox .mapDots .item{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);position:absolute;} .indMap .indMapBox .mapDots .item .icon{width:30px;height:30px;border-radius:50%;position:relative;cursor:pointer;} .indMap .indMapBox .mapDots .item .icon span{display:block;width:10px;height:10px;border-radius:50%;background:#c4c4c4;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .indMap .indMapBox .mapDots .item:hover,.indMap .indMapBox .mapDots .item.on{z-index:999;} .indMap .indMapBox .mapDots .item:hover .icon,.indMap .indMapBox .mapDots .item.on .icon{background:rgba(198,33,31,0.2);} .indMap .indMapBox .mapDots .item:hover .icon span,.indMap .indMapBox .mapDots .item.on .icon span{background:#C6211F;} .indMap .indMapBox .mapDots .item .pop{display:none; position:absolute;left:100%;top:-16px;padding-left:20px;} .indMap .indMapBox .mapDots .item .pop::before{content:"";display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #C6211F;position:absolute;left:0;top:20px;} .indMap .indMapBox .mapDots .item .pop .font{background:#C5201E;border-radius:16px;padding:1em;} .indMap .indMapBox .mapDots .item .pop .font a{display:block;white-space:nowrap;color:#ffffff;} .indMap .indMapBox .mapDots .item:hover .pop,.indMap .indMapBox .mapDots .item.on .pop{display:block;} /*全局广告弹窗 start*/ .globalPop{display:none;} .globalPop .mask{position:fixed;background:rgba(0,0,0,0.8);z-index:999999;} .globalPop .popCont{position:fixed;border-radius:24px;z-index:999999;background:#ffffff;width:560px;} .globalPop .popCont .contBg{padding:40px 48px;border-radius:24px;background:linear-gradient(213deg, rgba(246, 67, 70, 0.6) -9.96%, rgba(175, 225, 253, 0) 56.95%),linear-gradient(165.28deg, rgba(175, 225, 253, 0.6) 5.16%, rgba(175, 225, 253, 0.366) 26.94%, rgba(175, 225, 253, 0) 61.01%);} .globalPop .popCont .pic{width:34%;margin:0 auto;text-align:center;margin-top:-120px;margin-bottom:10px;} .globalPop .popCont .font .tit{text-align:center;margin-bottom:1em;} .globalPop .popCont .font .desc{line-height:1.8;max-height:calc(70vh - 300px);overflow-y:auto;} .globalPop .popCont .btn{width:58%;min-width:6em;margin:48px auto 0 auto;line-height:3.4em;border-radius:1.7em;background:linear-gradient(91.96deg, #C5201E -15.67%, #071560 106.79%);color:#ffffff;text-align:center;cursor:pointer;} .globalPop .popCont .close{width:14px;height:14px;background:url(../images/global2.png) center no-repeat;position:absolute;right:24px;top:24px;cursor:pointer;} .globalPop .popCont .font .desc::-webkit-scrollbar{width:4px;} .globalPop .popCont .font .desc::-webkit-scrollbar-thumb{width:4px;border-radius:2px;background:rgba(0, 0, 0, 0.6);} .globalPop .popCont .font .desc::-webkit-scrollbar-track{border-radius:2px;background:rgba(0, 0, 0, 0.2);} .globalPop a.toLoginBtnFun{width:8em;line-height:2.4;height:2.4em;border:1px solid #0041A1;color:#0041A1;border-radius:1.2em;text-align:center;cursor:pointer;transition:0.5s all ease;-webkit-transition:0.5s all ease;display:block;margin:0 auto;} .globalPop a.toLoginBtnFun:hover{color:#ffffff;background:#0041A1;} .globalPop.globalPopCanSlide .popCont .pic{width:100%;margin:1em 0 0 0;display:block;} .globalPop.globalPopCanSlide .mask{background:none;} .globalPopCanSlide .popCont{left:auto;top:auto;right:50%;bottom:50%;transform:translate(50%, 50%);-webkit-transform:translate(50%, 50%);transition:0.5s all ease;-webkit-transition:0.5s all ease;} .globalPopCanSlide .popCont .close{width:auto;background:none;} .globalPopCanSlide .open{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;display:none;} .globalPopCanSlide .open .closeAll{width:32px;height:32px;left:-16px;top:-16px;background:url(../images/close.png) center no-repeat;background-color:rgba(0,0,0,0.6);background-size:20px 20px;border-radius:50%;overflow:hidden;position:absolute;cursor:pointer;} .globalPopCanSlide.closeUp .popCont{right:0;bottom:0;transform:translate(25%, 25%) scale(0.5);-webkit-transform:translate(25%, 25%) scale(0.5);} /*全局广告弹窗 end*/ /*******首页改版模块 end******/ /*index end*/ /*内页 公共样式 start*/ .page{text-align:center;margin-top:3em;} .page a,.page span{display:inline-block;height:2em;line-height:2;min-width:1.6em;padding:0 0.2em;border:1px solid transparent;border-radius:4px;} .page a{border:1px solid #d9d9d9;background-color:#fff;} .page .on,.page a:hover{border:1px solid #297CE6;color:#297CE6;} .page select,.page input{border:1px solid #d9d9d9;height:2em;line-height:2;border-radius:4px;} .page input{width:4em;} .page select,.page input,.page a,.page span{margin-bottom:0.2em;} .page .prev{background:url(../images/left1.png) center no-repeat;background-color:#fff;} .page .next{background:url(../images/right1.png) center no-repeat;background-color:#fff;} .page .prev:hover{background-image:url(../images/left2.png);} .page .next:hover{background-image:url(../images/right2.png);} /*内页 公共样式 end*/ /*品牌活动 start*/ .brandPage .brandList{margin:0 -12px;} .brandPage .brandList .item{margin-top:36px;} .brandPage .brandList .item:nth-child(3n+1){clear:both;} .brandPage .brandList .item .img>img{width:100%;} .brandPage .brandList .item .w{box-shadow:0 0 10px 1px rgba(0,0,0,0.1);} .brandInfo,.whiteBgBorder,.freeFormBox{padding:60px 40px 90px 40px;border:1px solid #dddddd;border-radius:16px;background:#ffffff;} .brandInfo .brandArticle{width:64%;margin-left:56px;} .brandInfo .brandArticle .date{color:#737373;margin:1.2em 0 2.6em 0;} .brandInfo .brandArticle .btn,.brandForm .btn,.brandInfo .brandArticle a.f3{display:block;height:2.6em;line-height:2.6;border-radius:1.3em;overflow:hidden;color:#fff;text-align:center;width:12em;margin:1em auto 0 auto;background:url(../images/brand.png) center no-repeat;background-size:cover;} .brandInfo .brandArticle .btn:hover,.brandForm .btn:hover,.brandInfo .brandArticle a.f3:hover{text-decoration:underline;} .brandInfo .brandHot .item{display:block;margin:1em 0 0 1em;} .brandInfo .brandHot .item:hover{color:#0041A1;} .brandForm{max-width:850px;margin:0 auto;} .brandForm .tit,.brandInfo .tit{margin-bottom:1em;} .brandForm .item{margin-bottom:1em;} .brandForm .item .name{line-height:2.6;text-align:right;width:5em;margin-right:1em;} .brandForm .item .name span{color:#D91B1B;} .brandForm .item .txt{border:1px solid #dddddd;border-radius:4px;position:relative;} .brandForm .item .txt label.error{font-size:12px;color:#C5201E;display:block;margin-left:5%;line-height:2;} .brandForm .item .txt input{width:100%;padding:0 5%;line-height:2.6;border:none;box-sizing:border-box;background:none;} .brandForm .item .txt textarea{width:100%;padding:0.5em 1em;border:none;height:6em;} .brandForm .btn{background:#0041A1;cursor:pointer;margin-top:2.2em;} .brandInfo.assessInfo .brandArticle{width:auto;margin:0;} .brandInfo.assessInfo .brandArticle .btn{background:#0041A1;} /*品牌活动 end*/ /*行业动态 start*/ .industryList{margin-top:2em;border-radius:16px;border:1px solid #dddddd;background:#ffffff;padding:50px;} .industryList .item{border-bottom:1px solid #dddddd;} .industryList .item .date{color:#9a9a9a;margin-left:1em;line-height:4.2;} .industryList .item .tit,.industryList .item2 .tit{display:block;} .industryList .item .tit{line-height:4.2;} .industryList .titWrap{display:inline-block;max-width:100%;position:relative;} .industryList .top{display:inline-block;background:rgba(0,65,161,0.1);border-radius:2px;font-size:12px;line-height:1.6;padding:0 0.2em;margin-left:0.5em;color:#005DE7;} .industryList .titWrap .top{position:absolute;right:0;top:50%;margin-top:-0.8em;} .industryList .titWrap .tit{padding-right:2.5em;} /*.industryList .item:hover{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);}*/ /*需要整体修改结构*/ /*鼠标经过蓝色*/ .industryList .item .tit:hover, .industryList .item2 .tit:hover, .industryHot .item:hover {color:#297CE6;} .industryList .item2{padding:2em 0;border-bottom:1px solid #dddddd;} .industryList .item2 .img{display:block;width:216px;margin-left:80px;} .industryList .item2 .desc{color:#9a9a9a;margin-top:0.6em;} .industryList .item2 .date{color:#CACACA;margin-top:1.5em;} .dataMatchList .itemWrapBg{margin-top:2em;border-radius:16px;border:1px solid #dddddd;background:#ffffff;padding:50px;} .dataMatchList .item1{border-bottom:1px solid #dddddd;} .dataMatchList .item1 .date{color:#9a9a9a;margin-left:1em;line-height:4.2;} .dataMatchList .item1 .tit{display:block;} .dataMatchList .item1 .tit{line-height:4.2;} .dataMatchList .item1:last-child{border:none;} .dataMatchList .titWrap{display:flex;align-items:center;} .dataMatchList .top,.dataMatchList .source{border-radius:2px;line-height:1.6;height:1.6em;margin-left:0.5em;white-space:nowrap;} .dataMatchList .top{display:block;background:rgba(0,65,161,0.1);font-size:12px;padding:0 0.2em;color:#005DE7;} .dataMatchList .source{display:block;background:#0041A1;color:#ffffff;font-size:14px;padding:0 0.4em;} .dataMatchList .itemWrap{margin:0 -12px;margin-top:2em !important;} .dataMatchList .item3{float:left;width:33.3%;margin-bottom:1.6em;} .dataMatchList .item3:nth-child(3n+1){clear:both;} .dataMatchList .item3 .w,.dataMatchList .item4 .w{display:block;margin:0 12px;border-radius:16px;overflow:hidden;background:#ffffff;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);} .dataMatchList .item3 .w span,.dataMatchList .item3 .w a,.dataMatchList .item4 .w span,.dataMatchList .item4 .w a{display:block;} .dataMatchList .item3 .w .font,.dataMatchList .item4 .w .font{padding:2em;} .dataMatchList .item3 .w .f1,.dataMatchList .item4 .w .f1{margin-bottom:0.6em;} .dataMatchList .item3 .w .f2,.dataMatchList .item4 .w .f2{color:#737373;} .dataMatchList .item4{float:left;width:25%;margin-bottom:1.6em;} .dataMatchList .item4:nth-child(4n+1){clear:both;} .pegeMore{text-align:center;margin-top:2em;} .industryInfo{border-radius:16px;border:1px solid #dddddd;background:#ffffff;padding:60px;} .industryArticle{width:66%;padding-right:56px;margin-right:56px;border-right:1px solid #dddddd;} .industryArticle .label{margin-bottom:0.6em;} .industryArticle .date{margin:1.2em 0 2em 0;} .industryArticle .label span,.industryArticle .date{color:#737373;} .industryHot .tit{margin-bottom:0.6em;} .industryHot .item{display:block;line-height:3.4;} .shareTowx{width:24px;height:24px;cursor:pointer;} .qrcodePop{display:none;} .qrcodePop .mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:999999;} .qrcodePop .cont{min-width:200px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:999999;padding:20px;background:#ffffff;border-radius:10px;} .qrcodePop .cont .close{cursor:pointer;width:12px;height:12px;background:url(../images/global2.png) center no-repeat;background-size:contain;position:absolute;right:20px;top:20px;} .qrcodePop .cont table{margin:0 auto;} .qrcodePop .cont .tit{font-size:12px;font-weight:bold;margin-bottom:1em;} .qrcodePop .cont .font{font-size:12px;color:#666666;margin-top:1em;} /*行业动态 end*/ /*供需大厅 start*/ .indSupplyCont.supplyList{margin:0 -0.5em;} .indSupplyCont.supplyList .item{margin-top:2em;} .supplySelected{color:#737373;line-height:24px;} .supplySelected .selected .item{display:inline-block;padding:0 1.6em 0 0.8em;border:1px solid #dddddd;background:#fff;border-radius:2px;position:relative;color:#005DE7;} .supplySelected .selected .item span{display:inline-block;width:1em;height:1em;position:absolute;right:0.3em;top:50%;margin-top:-0.5em;background:url(../images/x.png) center no-repeat;cursor:pointer;} .supplySelected .reset{display:inline-block;margin-left:1em;color:#333;cursor:pointer;} .suppllyInfo{width:74%;background:#ffffff;border-radius:16px;border-bottom:1px solid #dddddd;margin-right:20px;} .supplyArticle{padding:60px;} .supplyArticle .label{margin-bottom:0.6em;} .supplyArticle .date{margin:1.2em 0 2em 0;} .supplyArticle .label span,.supplyArticle .date{color:#737373;} .supplyArticleItem .item{line-height:28px;margin-bottom:1em;position:relative;} .supplyArticleItem .item .name{width:5em;margin-right:1em;color:#737373;} .supplyArticleItem .item .label{padding:0 0.5em;border:1px solid #C4D6F0;border-radius:4px;display:inline-block;background:#F1F7FF;color:#005DE7;} .supplyArticleItem .item .loginPerson{float:none;position:absolute;left:14em;top:50%;line-height:1;margin-top:-0.5em;} .supplyHot .indSupplyCont,.supplyHot .indSupplyCont .item .w{margin:0;} .supplyHot .indSupplyCont .item{width:auto;float:none;margin-top:20px;} .supplyHot .indSupplyCont .item .w:hover{box-shadow:none;} .supplyMessage{padding-top:24px;margin-top:40px;border-top:1px solid #dddddd;} .supplyMessage .font{margin-bottom:1.5em;} .supplyMessage .txt{border:1px solid #dddddd;border-radius:8px;overflow:hidden;} .supplyMessage .txt textarea{width:100%;height:6em;border:none;padding:1em;} .supplyMessage .sub{height:3em;line-height:3;border-radius:1.5em;background:#0041A1;color:#ffffff;width:12em;text-align:center;margin:0 auto;margin-top:1em;cursor:pointer;} .supplyMessage .sub:hover{text-decoration:underline;} .serviceinfoPage .digitList{display:none;} /*供需大厅 end*/ /*人才库列表 start*/ .talentList{margin:0 -0.5em;} .talentList .item{width:50%;float:left;margin-top:2em;} .talentList .item:nth-child(2n+1){clear:both;} .talentList .item .w{display:block;margin:0 0.5em;background:#ffffff;border-radius:16px;padding:2.4em;position:relative;} .talentList .item .w:hover{box-shadow:0 0 8px 4px rgba(0,0,0,0.15);} .talentList .item span,.talentList .item a{display:block;position: relative;} .talentList .item .top{margin-top:10px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;} .talentList .item .top .tit{flex:1;} .talentList .item .top .price{margin-left:2em;color:#005DE7;} .talentList .item .edu{margin-top:1em;position:relative;z-index:2;} .talentList .item .edu span{display:inline-block;border-radius:4px;background:#eeeeee;height:1.8em;line-height:1.8;padding:0 0.8em;color:#666666;margin:0 10px 10px 0;} .talentList .item .bot{padding-top:1em;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;} .talentList .item .bot .rz{height:22px;margin-right:1em;} .talentList .item .bot .desc{color:#666666;flex:1;} .talentList .item .bot .loaction{color:#666666;margin-left:1em;white-space:nowrap;} .talentList .item .status_icon{width:80px;position:absolute;right:0;top:26%;z-index:1;} .talentList .item .lableBox{position:absolute;left:2em;top:0;} /*人才库列表 end*/ /*产品商城 start*/ .productMenu{position:relative;} .productMenu .menuBox{width:320px;background:#ffffff;border-radius:16px;margin-right:24px;} .productMenu .w{padding-top:24px;} .productMenu .tit{padding-left:2em;position:relative;margin:0 24px 0.8em 24px;} .productMenu .tit::before{content:'';display:block;width:1.2em;height:1.2em;position:absolute;left:0;top:50%;margin-top:-0.6em;background:url(../images/product.png) center no-repeat;background-size:contain;} .productMenu .cont{padding:0.8em 24px;border-top:1px solid transparent;border-bottom:1px solid transparent;cursor:pointer;} .productMenu .cont .itemTit,.productMenu .subItem1 dl dt{font-weight:bold;} .productMenu .cont .item > a,.productMenu .cont .secondItem{display:block;float:left;margin-right:1em;line-height:1.8;} .productMenu .cont:hover,.productMenu .cont.on{border-color:#cacaca;background:url(../images/product2.png) left center no-repeat;background-size:5px 100%;} .productMenu .ad{position:absolute;left:344px;top:0;height:100%;right:0;border-radius:16px;overflow:hidden;} .productMenu .ad > img{position:absolute;left:0;top:0;max-width:none;height:100%;min-width:100%;} .productMenu .ad .font{position:absolute;left:100px;top:90px;right:100px;color:#fff;} .productMenu .ad .font .f1{line-height:1;} .productMenu .ad .font .f2{margin-top:1em;} /*鼠标经过蓝色*/ .productMenu .cont:hover .itemTit, .productMenu .cont .item a:hover, .productMenu .cont .item a.on, .productMenu .subItem1 dl dd a:hover, .productMenu .subItem1 dl dd a.on, .productMenu .subItem2 .subItemRow a:hover, .productMenu .subItem2 .subItemRow a.on, .digitList .proDigitFirst .tit:hover, .digitList .item .tit:hover, .materialList .item .tit:hover, .sceneList .item .tit:hover, .proRecommend .item .tit:hover, .pegeMore a:hover {color:#0041A1;} .productMenu .subItem1,.productMenu .subItem2{display:none;overflow-y:auto;position:absolute;left:320px;right:0;top:0;bottom:0;background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,0.1);z-index:999;} .productMenu .subItem1::-webkit-scrollbar,.productMenu .subItem2::-webkit-scrollbar{width:4px;} .productMenu .subItem1::-webkit-scrollbar-thumb,.productMenu .subItem2::-webkit-scrollbar-thumb{width:4px;border-radius:2px;background:rgba(0, 0, 0, 0.6);} .productMenu .subItem1::-webkit-scrollbar-track,.productMenu .subItem2::-webkit-scrollbar-track{border-radius:2px;background:rgba(0, 0, 0, 0.2);} .productMenu .subItem1{padding:40px;} .productMenu .subItem1 dl{float:left;width:16.6%;margin-bottom:1.8em;line-height:1.8;} .productMenu .subItem1 dl dt{margin-bottom:0.2em;} .productMenu .subItem1 dl dd a{color:#404040;} .productMenu .subItem2{padding:0 40px;} .productMenu .subItem2 .subItemRow{padding:28px 0;border-bottom:1px dashed #dddddd;} .productMenu .subItem2 .subItemRow a{display:block;float:left;margin-right:3em;} .productMenu .subItem2 .subItemRow a:last-child{margin-right:0;} .productMenu .cont.on .subItem1,.productMenu .cont .secondItem.on .subItem2,.productMenu .cont.on .subItem2{display:block;} .digitList{margin:0 -8px;} .digitList .proDigitFirst{width:25%;} .digitList .proDigitFirst a,.digitList .proDigitFirst span,.digitList .item a,.digitList .item span{display:block;} .digitList .proDigitFirst .w,.digitList .item .w{background:#ffffff;border-radius:16px;padding:2.8em;margin:0 8px;} .digitList .proDigitFirst .img,.digitList .item .img{max-width:96px;margin:0 auto;border-radius:16px;} .digitList .proDigitFirst .tit,.digitList .item .tit{margin:0.8em 0 0.6em 0;} .digitList .proDigitFirst .desc,.digitList .item .desc{color:#737373;} .digitList .proDigitFirst .desc{line-height:2;height:24em;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:12;-webkit-box-orient:vertical;text-align:left;} .digitList .proDigitFirst .btn{margin:0 1.2em;line-height:3;border-radius:1.5em;background:#0041A1;color:#fff;margin-top:3.5em;} .digitList .proDigitFirst .w{position:relative;} .digitList .proDigitFirst .lableBox{position:absolute;right:2.4em;top:0;} .digitList .item{width:33.3%;float:left;margin-bottom:16px;} .digitList .item .desc{height:4em;line-height:2;} .digitList .item .btn{color:#0041A1;margin-top:1.2em;} .digitList .item .btn:hover,.digitList .proDigitFirst .btn:hover{text-decoration:underline;} .materialList{margin:0 -8px;} .materialList .item{width:25%;float:left;margin-bottom:32px;} .materialList .item .w{display:block;background:#fff;border-radius:16px;padding:24px;margin:0 8px;} .materialList .item span{display:block;} .materialList .item .img,.materialList .item .img2{border-radius:8px;} .materialList .item .tit{margin:1em 0;} .materialList .item .font{line-height:1em;} .materialList .item .font .price{color:#FF5001} .materialList .item .font .label{padding:0 1em;color:#737373;background:url(../images/product3.png) left center no-repeat;background-size:cover;border-radius:8px;} .materialList .item .img2{border:1px solid #dddddd;} .materialList .item .tit2{margin-top:1em;} .materialList .item .desc2{color:#9A9A9A;} .sceneWrap{background-color:#ffffff;border-radius:16px;background-size:24% 100%;background-repeat:no-repeat;background-position:left center;min-height:452px;} .sceneInfo{width:24%;float:left;color:#fff;} .sceneInfo .w{padding:32px;} .sceneInfo .tit{margin-bottom:0.8em;} .sceneInfo .desc{line-height:2;} .sceneInfo a.viewMore{color:#ffffff;background-image:url(../images/ind_supply9.png);margin:0;} .sceneInfo a.viewMore:hover{text-decoration:underline;color:#ffffff;background-image:url(../images/ind_supply9.png);} .sceneList{padding-bottom:48px;} .sceneList .item{width:50%;float:left;} .sceneList .item .w{display:block;padding:48px 48px 0 48px;} .sceneList .item span{display:block;} .sceneList .item .img{width:64px;margin-right:1em;border-radius:16px;} .sceneList .item .desc{margin:0.6em 0 0.8em 0;} .sceneList .item .btn{height:2.6em;line-height:2.6;border-radius:1.3em;width:8em;text-align:center;background:#0041A1;color:#ffffff;} .sceneList .item .btn:hover{text-decoration:underline;} .digitCont{position:relative;margin-top:1em;padding-right:364px;} .digitCont .sceneList{background:#ffffff;border-radius:16px;padding:0;} .digitCont .sceneList .item{padding:0 30px;width:auto;float:none;} .digitCont .sceneList .item .w{padding:30px 0;border-bottom:1px solid #dddddd;padding-right:160px;position:relative;} .digitCont .sceneList .item .img{width:96px;} .digitCont .sceneList .item .tit{margin-top:0.2em;} .digitCont .sceneList .item .desc{margin-bottom:0;} .digitCont .sceneList .item .btn{position:absolute;right:0;top:50%;margin-top:-1.3em;} .digitCont .sceneList .item:last-child .w{border:none;} .digitCont .proRecommend{position:absolute;right:0;top:0;} .proRecommend{width:346px;border-radius:16px;border:1px solid #dddddd;background:#ffffff;} .proRecommend .w{padding:30px;} .proRecommend .title{margin-bottom:1.6em;} .proRecommend .item{display:block;text-align:center;margin-bottom:50px;} .proRecommend .item:last-child{margin-bottom:0;} .proRecommend .item span{display:block;} .proRecommend .item .img{max-width:96px;margin:0 auto;border-radius:16px;} .proRecommend .item .tit{margin:1em 0;} .proRecommend .item .desc{color:#737373;} .proRecommend .item .btn{margin:1em 1.4em 0 1.4em;height:2.8em;line-height:2.8;border-radius:1.4em;border:1px solid #CACACA;background:#FAFAFA;} .proRecommend .item .btn:hover{text-decoration:underline;} .proRecommend .item .img2{border:1px solid #dddddd;border-radius:8px;} .proRecommend .item .img2 img{width:100%;} .proRecommend .item .f1{margin-top:1em;} .proRecommend .item .f2{color:#9A9A9A;} .digitInfo .top{margin:50px 0;} .digitInfo .top .img{width:25%;margin-right:60px;} .digitInfo .top .tit{margin-bottom:0.6em;} .digitInfo .top .desc{color:#404040;} .digitInfo .top .label{line-height:24px;margin-top:40px;} .digitInfo .top .label span{display:inline-block;border:1px solid #dddddd;color:#005DE7;padding:0 0.5em;margin-left:0.5em;} .digitInfo .top .btn{line-height:3;height:3em;border-radius:1.5em;width:20em;text-align:center;color:#ffffff;background:#0041A1;margin-top:3em;cursor:pointer;} .digitInfo .top .btn:hover,.digitInfo .top .btn2:hover{text-decoration:underline;} .digitInfo .bot{padding-left:364px;position:relative;} .digitInfo .detailIntro{border:1px solid #dddddd;border-radius:16px;padding:30px 50px;} .digitInfo .detailIntro .tit{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #dddddd;position:relative;} .digitInfo .detailIntro .tit::after{position:absolute;left:0;bottom:-1px;height:2px;background:#979797;display:block;content:"";width:4em;} .digitInfo .proRecommend{position:absolute;left:0;top:0;} .digitInfo .top .price{line-height:1;color:#FF5001;} .digitInfo .top .norms .item{margin-top:1.2em;} .digitInfo .top .norms .name{width:6em;margin-right:1em;color:#737373;} .digitInfo .top .norms .number{margin-top:3em;line-height:40px;} .digitInfo .top .norms .number .val{border:1px solid #dddddd;border-radius:4px;display:inline-block;} .digitInfo .top .norms .number .val span{display:inline-block;width:30px;text-align:center;cursor:pointer;font-size:24px;color:#9a9a9a;} .digitInfo .top .norms .number .val input{line-height:40px;height:40px;border:none;width:3em;text-align:center;vertical-align:top;} .digitInfo .top .btn2{line-height:2.6;height:2.6em;border-radius:1.3em;width:10em;text-align:center;color:#ffffff;background:#0041A1;margin-top:1em;cursor:pointer;} .digitInfo .top .btn2 a{color:#ffffff;} .digitInfo .top .imgSwiper{width:33%;margin-right:40px;} .digitInfo .top .imgSwiper img{width:100%;} .digitInfo .top .imgSwiper .gallery-top{border:1px solid #dddddd;border-radius:6px;} .digitInfo .top .gallery-thumbs .swiper-slide{width: 25%;} .digitInfo .top .gallery-thumbs{margin-top:8px;} .digitInfo .top .gallery-thumbs .swiper-slide .item{margin:0 4px;border:1px solid #dddddd;border-radius:6px;cursor:pointer;overflow:hidden;} /*产品商城 end*/ /*搜索结果页 start*/ .searchNumber{font-weight:bold;} .searchList .item{padding-bottom:1.5em;margin-bottom:1.5em;border-bottom:1px solid #ddd;} .searchList .item:last-child{margin-bottom:0;} .searchList .item .f1{margin-bottom:0.6em;display:block;font-weight:bold;} .searchList .item .f2{margin-bottom:0.8em;} /*搜索结果页 end*/ /*登陆注册 start*/ .header2{position:fixed;left:0;top:0;width:100%;z-index:999999;height:110px;background:#ffffff;} .header2 .logo{height:62px;margin-top:24px;} .headerHeightMt{margin-top:110px;} .loginRegPage{background:url(../images/login1.png) center no-repeat;background-size:cover;} .loginReg .imgFont .img{width:4em;margin-bottom:1.4em;} .loginReg .imgFont .font{color:#ffffff;} .loginReg,.registerPage{min-height:calc(100vh - 110px);} .loginReg{display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;} .loginRegForm{border-radius:16px;background:#ffffff;width:480px;padding-bottom:50px;} .loginRegForm .tabs{border-bottom:1px solid #dddddd;} .loginRegForm .tabs .item{width:50%;float:left;text-align:center;cursor:pointer;} .loginRegForm .tabs .item span{display:inline-block;line-height:4;border-bottom:3px solid transparent;margin-bottom:-1px;} .loginRegForm .tabs .item.on span{border-color:#C5201E;} .loginRegForm .mid,.loginRegForm .bot,.loginRegForm .tit{margin:0 32px;} .loginRegForm .mid .item{margin-top:1.5em;position:relative;} .loginRegForm .mid .item .tips,.xieyi .tips{position:absolute;left:1.4em;bottom:-1.4em;color:#C5201E;font-size:12px;} .loginRegForm .mid .item .name{margin-bottom:0.5em;} .loginRegForm .mid .item .txt{border:1px solid #dddddd;border-radius:8px;padding:0 1em;} .loginRegForm .mid .item .txt input{border:none;width:100%;background:none;height:3em;} .loginRegForm .mid .item .radio{line-height:3;} .getCode{float:right;background:#ffffff;width:40%;min-width:7em;text-align:center;line-height:3;border:1px solid #dddddd;border-radius:8px;margin-left:10px;cursor:pointer;} .loginRegForm .forgetBtn{text-align:right;margin-top:1em;} .loginRegForm .forgetBtn span{display:inline-block;color:#0041A1;cursor:pointer;} .loginRegForm .forgetBtn span:hover,.loginRegForm .blueButton:hover,.loginRegForm .borderButton:hover{text-decoration:underline;} .loginRegForm .blueButton,.loginRegForm .borderButton{text-align:center;cursor:pointer;line-height:3.5;border-radius:8px;display:block;} .loginRegForm .blueButton{background:#0041A1;border:1px solid #0041A1;color:#fff;} .loginRegForm .borderButton{border:1px solid #CACACA;} .loginRegForm .blueButton,.loginRegForm .borderButton{margin-top:1em;} .max416{max-width:416px;margin:0 auto;} .getCode.disabled{background:#FAFAFA;color:#CACACA;} .loginRegForm .tit{padding-top:1.4em;} .loginRegForm .subTit{text-align:center;position:relative;margin-top:2em;} .loginRegForm .subTit::before{content:"";position:absolute;left:0;top:50%;right:0;height:1px;background:#CACACA;} .loginRegForm .subTit span{display:inline-block;background:#fff;padding:0 0.4em;position:relative;color:#737373;} .loginRegForm .curTelBox{margin:2em 0;} .loginRegForm .other{text-align:center;} .loginRegForm .other .item{display:inline-block;text-align:center;margin:1em 0.5em 0 0.5em;cursor:pointer;} .loginRegForm .resetForm .cont .w{min-height:170px;} .loginRegForm .selsectGroup .el-checkbox{position:absolute;left:20px;right:34px;top:0;bottom:0;opacity:0;} .registerForm .selsectGroup .el-cascader-node__postfix{width:34px;height:34px;line-height:34px;text-align:center;} .registerWrap{padding:80px 0;} .registerWrap .loginRegForm{margin:0 auto;max-width:1180px;padding:48px 0;background:#ffffff;width:auto;min-height:calc(100vh - 366px);} .regPageHeight .registerWrap .loginRegForm{min-height:calc(100vh - 470px);} .registerForm{max-width:500px;margin:0 auto;} .registerForm.w75{max-width:750px;} .registerForm .item .name{line-height:3;width:5em;text-align:right;margin-right:1em;} .registerWrap .loginRegForm .mid .item .tips,.registerWrap .xieyi .tips{left:7.4em;} .registerForm .selectedTxt{margin-bottom:2em;} .registerForm .selsectGroup .el-cascader-menu{min-width:25%;} .registerStep,.approveStep{text-align:center;line-height:40px;margin:0 32px;margin-bottom:60px;} .registerStep span,.approveStep span{display:inline-block;} .registerStep .item .num,.approveStep .item .num{width:38px;height:38px;line-height:38px;border:1px solid #0041A1;color:#0041A1;border-radius:50%;margin-right:0.5em;} .registerStep .item .font,.approveStep .item .font{color:#404040;} .registerStep .item .line,.approveStep .item .line{border-bottom:1px solid #CACACA;width:3.4em;padding-bottom:18px;height:0;margin:0 0.4em;} .registerStep .item.on .num,.approveStep .item.on .num{background:#0041A1;color:#ffffff;} .registerStep .item.on .font,.approveStep .item.on .font{color:#0041A1;} .registerStep .item.on .line,.approveStep .item.on .line{border-color:#0041A1;} .xieyi,.goLogin{padding-left:6em;margin-left:32px;} .xieyi{margin-top:1.5em;position:relative;} .xieyi .radio{position:relative;padding-left:1.5em;display:inline-block;cursor:pointer;background:url(../images/login5.png) left center no-repeat;overflow:hidden;background-size:auto 1em;} .xieyi .radio.on{background-image:url(../images/login6.png);} .xieyi .radio input{left:-9999px;position:absolute;} .xieyi .xieyiBtn,.xieyi .radio{vertical-align:middle;} .goLogin{margin-top:4em;text-align:center;margin-right:32px;} .goLogin span,.xieyi .xieyiBtn,.regSuccess .f2 a{color:#0041A1;display:inline-block;cursor:pointer;} .goLogin span:hover,.xieyi .xieyiBtn:hover,.regSuccess .f2 a:hover{text-decoration:underline;} .regSuccess{text-align:center;margin-top:8em;} .regSuccess .img{width:3.2em;margin:0 auto;} .regSuccess .f1{margin-top:0.6em;margin-bottom:0.8em;} .xieyiArticle{margin:0 48px;} .xieyiArticle .title{text-align:center;margin-bottom:1em;} .empowerTitle{text-align:center;margin-bottom:2em;} .el-message{top:100px !important;} /*登陆注册 end*/ /*会员中心 start*/ .personPage{padding:30px 0 80px 0;} .personWrap{background:#ffffff;border-radius:16px;display:flex;justify-content:space-between;} .logoutBtn{display:inline-block;cursor:pointer;margin-left:0.6em;} .logoutBtn:hover{color:#0041A1;text-decoration:underline;} .personTit{display:flex;justify-content:space-between;margin-bottom:1em;padding:0 1.6em;} .personMenu{padding:32px 24px;width:16%;border-right:1px solid #dddddd;} .personMenu .item{margin-bottom:24px;} .personMenu .item:last-child{margin-bottom:0;} .personMenu .item.on a{color:#0041A1;} .personMenu .item img{margin-right:0.6em;} .personCont{padding:32px;flex:1;} .personCont .title{margin-bottom:1.4em;font-weight:bold;position:relative;} .personCont .title .back{position:absolute;right:0;top:50%;margin-top:-0.5em;cursor:pointer;color:#999999;font-weight:normal;} .personCont .title2{margin-bottom:0.6em;} .personCont .srNavItem{font-weight:normal;margin-right:1em;float:left;line-height:40px;border-bottom:1px solid #cccccc;cursor:pointer;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .personCont .srNavItem.on,.personCont .srNavItem:hover{color:#0041A1;border-color:#0041A1;font-weight:bold;} .personPowerTabel .tit{text-align:center;margin-bottom:1em;} .personPowerTabel .powerTable{width:100%;border-radius:8px;color:#fff;overflow:hidden;} .personPowerTabel .powerTable tr th,.personPowerTabel .powerTable tr td{padding:1em 20px;border-bottom:1px solid #606370;border-right:1px solid #606370;} .personPowerTabel .powerTable tr th:last-child,.personPowerTabel .powerTable tr td:nth-child(3){border-right:none;color:#EED0AF;} .personPowerTabel .powerTable tr:last-child td{border-bottom:none;} .personPowerTabel .powerTable tr th{background:#43485A;} .personPowerTabel .powerTable tr th:last-child{background:#333340;width:38%;} .personPowerTabel .powerTable tr td{background:#393D4E;} .personPowerTabel .powerTable tr td:nth-child(3){background:#24242F;} .personPowerTabel .powerTable tr:hover td{background:#2e313e;} .personPowerTabel .powerTable tr:hover td:nth-child(3){background:#1d1d26;} .personPowerTabel .powerTable .desc{padding-left:26px;background:url(../images/dui.png) left 5px no-repeat;background-size:16px auto;} .personPowerTabel .powerTable .desc .subDesc{margin-top:0.6em;line-height:1.8;} .personPowerTabel .powerTable .rowBox{display:grid;margin:0 -20px;} .personPowerTabel .powerTable .rowBox .rowItem{border-bottom:1px solid #606370;padding:1em 20px;} .personPowerTabel .powerTable .rowBox .rowItem:first-child{padding-top:0;} .personPowerTabel .powerTable .rowBox .rowItem:last-child{border:none;padding-bottom:0;} .personSafeItem .item{padding:24px 32px 24px 48px;border-radius:8px;border:1px solid #dddddd;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;line-height:20px;} .personSafeItem .item .w{flex:1;display:flex;align-items:center;padding-right:1em;} .personSafeItem .item .icon{flex:0 0 24px;} .personSafeItem .item .tit{flex:0 0 4em;margin-left:1em;} .personSafeItem .item .subtit{padding-left:1em;margin-left:1em;border-left:1px solid #979797;color:#404040;} .personSafeItem .item .btn{color:#0041A1;cursor:pointer;} .personSafeItem .item .btn:hover, .personResetForm .item .sub:hover, .supplyPubBtn:hover, .supplyTable tr td .btn:hover, .accountUploadFile .seeFile:hover, .accountSubAll:hover, .accountSubAll2:hover, .accountDownload:hover, .stepResult .btn:hover, .membershipBox .btnBox .btn:hover, .accountXieyi span:hover, .copyBtn:hover{text-decoration:underline;} .personResetForm{max-width:520px;margin:0 auto;} .personResetForm .item{line-height:3;margin-bottom:24px;} .personResetForm .item .name{width:7em;text-align:right;margin-right:1em;} .personResetForm .item .name span{color:#C5201E;} .personResetForm .item .txt{border:1px solid #dddddd;border-radius:8px;} .personResetForm .item .txt input{width:100%;padding:0 1em;border:none;background:none;height:3em;} .personResetForm .item .txt textarea{width:100%;padding:0.6em 1em;border:none;background:none;line-height:1.8;height:8.4em;box-sizing:border-box;} .personResetForm .item .sub{text-align:center;line-height:3.5;background:#0041A1;color:#fff;border-radius:8px;cursor:pointer;margin-top:1em;} .personResetForm .item .remarks{color:#9a9a9a;line-height:2;} .personResetForm .item .el-select{display:block;} .personResetForm .item .el-select .el-input__icon{line-height:3;} .avatar-uploader{line-height:1;} .avatar-uploader .el-upload{border:1px dashed #dddddd;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:72px;height:72px;} .avatar-uploader .el-upload > img{width:100%;} .avatar-uploader .el-upload:hover{border-color:#0041A1;} .avatar-uploader-icon {font-size:24px;color:#8c939d;width:72px;height:72px;line-height:72px;text-align:center;} .el-radio__input.is-checked .el-radio__inner,.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{background:#0041A1;border-color:#0041A1;} .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#0041A1;} .el-radio__input.is-checked+.el-radio__label{color:#0041A1;} .el-checkbox__input.is-checked+.el-checkbox__label{color:#333;} .personTabs{border-bottom:1px solid #cacaca;margin-bottom:1.5em;cursor:pointer;position:relative;} .personTabs .tabItem{padding-bottom:1em;display:inline-block;margin-right:2em;border-bottom:2px solid transparent;margin-bottom:-1px;color:#666;} .personTabs .tabItem:last-child{margin-right:0;} .personTabs .tabs1 .tabItem.on{border-color:#0041A1;color:#000;} .personTabs .tabs2 .tabItem.on{border-color:#C5201E;color:#000;} a.fazhengUrl{position:absolute;display:block;right:0;top:50%;margin-top:-0.5em;line-height:1;color:#0041A1;} a.fazhengUrl:hover{text-decoration:underline;} .personMsgList .item{margin-bottom:24px;} .personMsgList .item .date{margin-bottom:10px;text-align:center;} .personMsgList .item .w{padding:24px 32px;border:1px solid #dddddd;border-radius:8px;} .personMsgList .item .tit{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #dddddd;font-weight:bold;} .personMsgList .item .desc{color:#666666;} .el-pagination{text-align:center;} .personProList .itemBox,.personSupList .itemBox{margin:0 -4px;} .personProList .item,.personActList .item,.personSupList .item{width:25%;float:left;margin-bottom:24px;} .personProList .item:nth-child(4n+1),.personSupList .item:nth-child(4n+1){clear:both;} .personProList .item .w,.personSupList .item .w{padding:16px;border:1px solid #dddddd;border-radius:10px;margin:0 4px;overflow:hidden;} .personProList .item .img{border-radius:4px;} .personProList .item .tit{margin-top:1em;} .personProList .item .price{margin-top:0.5em;color:#FF5001;} .personProList .item .price span{transform:scale(0.8);-webkit-transform:scale(0.8);display:inline-block;} .personProList .item .btns,.personActList .item .btns,.personSupList .item .btns{margin-top:1em;display:flex;justify-content:space-between;} .personProList .item .btns span,.personActList .item .btns span,.personSupList .item .btns span,.personSupList .item .btns a{display:block;width:46%;line-height:1.6;border:1px solid #cacaca;background:#fafafa;border-radius:4px;text-align:center;cursor:pointer;} .personProList .item .btns span:hover,.personActList .item .btns span:hover,.personSupList .item .btns span:hover,.personSupList .item .btns a:hover{color:#0041A1;} .personActList .itemBox{margin:0 -8px;} .personActList .item{width:33.3%;} .personActList .item:nth-child(3n+1){clear:both;} .personActList .item .w{margin:0 8px;border:1px solid #dddddd;border-radius:10px;overflow:hidden;} .personActList .item .font{padding:1.2em 1.4em;} .personActList .item .desc{margin-top:1em;color:#737373;} .personActList .item .btns{justify-content:end;} .personActList .item .btns span{width:6em;margin-left:1em;} .personActList .item .btns span:first-child{margin-left:0;} .personSupList .item .date{color:#9a9a9a;margin-top:0.6em;} .personSupList .item .desc{color:#737373;margin-top:0.6em;} .personSupList .item .label{margin-top:0.6em;} .personSupList .item .label span{display:inline-block;border:1px solid #C4D6F0;border-radius:2px;background:#F1F7FF;color:#005DE7;padding:0 0.4em;margin-right:0.4em;margin-bottom:0.5em;} .personSupList .item .price span{color:#D91B1B;} .supplySearch{font-weight:normal;border:1px solid #CACACA;border-radius:1.4em;overflow:hidden;padding:0 0.5em;} .supplySearch input{border:none;background:none;height:2.8em;padding-left:1em;} .supplySearch button{border:none;height:2.8em;width:2.8em;background:url(../images/supplySearch.png) center no-repeat;} .supplyPubBtn{font-weight:normal;margin-left:1em;background:#0041A1;color:#fff;cursor:pointer;padding:0 1.6em;line-height:2.8;border-radius:1.4em;border:1px solid #0041A1;} .supplyTable{border:1px solid #dddddd;border-radius:8px 8px 0 0;} .supplyTable table{width:100%;} .supplyTable tr{border-bottom:1px solid #dddddd;} .supplyTable tr:last-child{border:none;} .supplyTable tr th,.supplyTable tr td{padding:1em;} .supplyTable tr th{font-weight:bold;white-space:nowrap;} .supplyTable tr th:last-child,.supplyTable tr td:last-child{text-align:right;} .supplyTable tr td .btn{color:#0041A1;display:inline-block;cursor:pointer;margin:0 2px;} .supplyTable tr td:nth-child(2){max-width:200px;} .accountImgFont{margin-bottom:1em;} .accountImgFont .avatar-uploader .el-upload{width:80px;height:80px;position:relative;} .accountImgFont .avatar-uploader-icon {width:80px;height:80px;line-height:80px;} .accountImgFont .ff{position:absolute;left:0;right:0;bottom:0;text-align:center;line-height:2;background:rgba(0,0,0,0.5);color:#fff;} .accountImgFont .img{margin-right:1em;} .accountImgFont .font{line-height:1.8;padding-top:0.3em;} .approveStep{line-height:32px;margin:0;padding:24px;border:1px solid #dddddd;border-radius:8px;margin-bottom:1.6em;} .approveStep .item .num{line-height:30px;width:30px;height:30px;} .approveStep .item .line{padding-bottom:14px;width:3em;} .accountRadio .name,.accountInfo .item .name{min-width:90px;margin-right:1em;text-align:right;} .accountSection,.wszlForm{margin-top:32px;} .accountSection:first-child{margin-top:24px;} .accountSection .modifyBtn{display:inline-block;padding-right:1.6em;background:url(../images/modify.png) right center no-repeat;background-size:auto 1em;cursor:pointer;} .accountInfo .item{min-width:50%;float:left;line-height:2.2;} .accountDownload{width:160px;line-height:30px;text-align:center;border:1px solid #dddddd;border-radius:8px;background:#fafafa;display:block;margin-left:20px;} .accountUploadFile{margin-top:24px;} .accountUploadFile span{display:inline-block;line-height:32px;vertical-align:top;} .accountUploadFile .ff{width:9em;text-align:right;margin-right:1em;} .accountUploadFile .uploadBtn{position:relative;} .accountUploadFile .uploadBtn .avatar-uploader .el-upload,.accountUploadFile .uploadBtn .avatar-uploader-icon{width:90px;} /*.accountUploadFile .uploadBtn input{height:34px;position:absolute;left:0;right:0;top:0;opacity:0;cursor:pointer;}*/ .accountUploadFile .uploadBtn .fileInput{border:1px solid #dddddd;border-radius:8px;background:#fafafa;width:100px;text-align:center;margin-right:8px;} .accountUploadFile .uploadBtn .fileName{color:#9A9A9A;margin-right:32px;} .accountUploadFile .uploadBtn .remarks{line-height:1.8;color:#C60A1E;font-size:12px;display:block;} .accountUploadFile .el-upload-list{display:inline-block;vertical-align:top;margin-right:2em;} .accountUploadFile .el-upload-list .el-upload-list__item{line-height:32px;} .accountUploadFile .el-upload-list .el-upload-list__item:first-child{margin-top:0;} .accountUploadFile .el-upload-list__item .el-icon-close{top:10px;} .accountUploadFile .seeFile{color:#0041A1;cursor:pointer;line-height:32px;display:inline-block;} .accountXieyi{text-align:center;} .accountXieyi span{color:#0041A1;cursor:pointer;} .accountSubAll,.accountSubAll2{width:240px;line-height:3;text-align:center;border-radius:8px;background:#0041A1;border:1px solid #0041A1;color:#fff;margin:20px auto 0 auto;cursor:pointer;} .accountSubAll2{border-color:#dddddd;background:#ffffff;color:#333333;} .stepResult{margin-bottom:24px;} .stepResult .ff{color:#C5201E;line-height:32px;} .stepResult .btn{display:inline-block;width:6em;text-align:center;line-height:30px;border:1px solid #ddd;background:#fafafa;border-radius:8px;margin-left:1em;cursor:pointer;} .membershipBox .accountInfo .item{float:none;margin:0 auto;width:50%;} .membershipBox .accountInfo .item .name{min-width:120px;} .membershipBox .btnBox{text-align:center;} .membershipBox .btnBox .btn{display:inline-block;width:240px;line-height:3;cursor:pointer;border-radius:8px;margin:0 6px;} .membershipBox .btnBox .btn1{background:#0041A1;border:1px solid #0041A1;color:#ffffff;} .membershipBox .btnBox .btn2{background:#fafafa;border:1px solid #dddddd;} .accoutPop .mask{position:fixed;z-index:999999;background:rgba(0,0,0,0.5);left:0;top:0;right:0;bottom:0;} .accoutPop .close{position:absolute;right:32px;top:32px;width:16px;height:16px;background:url(../images/close.png) center no-repeat;background-size:contain;cursor:pointer;} .accoutPop .apCont{position:fixed;width:1200px;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:32px 48px;z-index:1200px;box-sizing:border-box;z-index:999999;} .accoutPop .apCont .title{margin-bottom:0.6em;} .accoutPop .apCont .btn{text-align:center;border-radius:8px;cursor:pointer;} .accoutPop .apCont .btn:hover{text-decoration:underline;} .accoutPop .apCont .btn1,.accoutPop .apCont .btn2{max-width:20%;margin:1.8em auto 0 auto;line-height:3;min-width:100px;background:#0041A1;color:#ffffff;} .accoutPop .apCont .midMainCont{max-height:calc(80vh - 200px);overflow-y:auto;} .accoutPop .apCont .tips{margin-top:40px;margin-bottom:60px;padding-left:1em;} .accoutPop .apCont .btn2,.accoutPop .apCont .btn3{width:6em;line-height:2.8;min-width:0;float:right;} .accoutPop .apCont .btn2{border:1px solid #0041A1;background:#0041A1;margin:0 0 0 8px;max-width:100%;} .accoutPop .apCont .btn3{border:1px solid #dddddd;background:#fafafa;} .accoutPop .apCont.apCont2{width:630px;padding:24px;} .popForm .item{min-width:50%;float:left;margin-bottom:1em;} .popForm .item.w70{width:70%;} .popForm .item .name{line-height:32px;width:160px;margin-right:1em;text-align:right;} .popForm .item .name span{color:#C60A1E;} .popForm .item .txt{border:1px solid #dddddd;border-radius:8px;} .popForm .item .txt input{height:32px;width:100%;border:none;background:#ffffff;padding:0 1em;} .popForm .item .txt textarea{width:100%;box-sizing:border-box;padding:0.4em 1em;height:6.8em;border:none;background:none;} .popForm .el-select{display:block;} .popForm .pAddress .el-select{display:inline-block;width:32.6%;} .popForm .el-date-editor{width:100% !important;} .popForm .el-date-editor .el-input__icon{line-height:30px;} .popForm .el-date-editor .el-input__prefix{left:auto;right:5px;} .popForm .el-select .el-input__icon,.popForm .el-radio{line-height:32px;} .el-select-dropdown,.el-date-picker,.el-cascader__dropdown{z-index:999999 !important;} .popForm .item .pAddress input{height:32px;} .el-select .el-input.is-focus .el-input__inner,.el-select .el-input__inner:focus,.el-input__inner{border-color:#dddddd;} .el-cascader{display:block;line-height:30px;} .el-input__icon{line-height:32px;} .copyBtn{position:absolute;right:0;top:50%;margin-top:-1em;line-height:2;border-radius:1em;border:1px solid #dddddd;padding:0 1em;cursor:pointer;background:#fafafa;color:#666;} .carryOverInfo{padding-bottom:2em;} .carryOverInfo .item{line-height:2;} .carryOverInfo .item .name{width:5em;margin-right:0.4em;text-align:right;} .carryOverInfo .item .txt{color:#666666;} .carryPop .apCont .btn2{float:none;margin:0 auto;} .carryPop .apCont .title{margin-bottom:1em;} .weChatImgPop .mask{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);} #wciIframe{position:fixed;z-index:999999;width:282px;height:400px;left:50%;top:50%;margin:-220px 0 0 -161px;padding:20px;background:#fff;} .personCont .completionBox{display:flex;align-items:center;} .personCont .completion{font-weight:normal;display:flex;align-items:center;margin-left:1em;} .personCont .completion .compBar{border-radius:4px;background:#eeeeee;width:120px;margin-left:1em;} .personCont .completion .compBar .bar{height:8px;border-radius:4px;background:#0041A1;} .personCont .statusAndBtn{display:flex;align-items:center;} .personCont .statusAndBtn .status1,.personCont .statusAndBtn .status2,.personCont .statusAndBtn .btn{font-weight:normal;font-size:14px;margin-left:1em;} .personCont .statusAndBtn .status1{color:#0041A1;} .personCont .statusAndBtn .status2{color:#C60A1E;} .personCont .statusAndBtn .btn{height:24px;line-height:24px;padding:0 10px;border-radius:4px;background:#0041A1;color:#ffffff;cursor:pointer;} .personCont .statusAndBtn .btn:hover{text-decoration:underline;} .personCont .statusAndBtn .btn.dis{background:#f0f2f5;color:#909090;} .personCont .statusAndBtn .grStatusIcon, .personCont .statusAndBtn .qyStatusIcon{ background-position:center; background-repeat:no-repeat; background-size:contain; height:24px; margin-left:10px; } .personCont .statusAndBtn .grStatusIcon{width:58px;background-image:url(../images/renzheng4.png);} .personCont .statusAndBtn .qyStatusIcon{width:58px;background-image:url(../images/renzheng2.png);} .informationPage .accountRadio{margin-bottom:24px;} .informationPage .accountRadio .name{width:160px;} .informationPage .popForm .item{width:auto;float:none;max-width:480px;} .informationPage .popForm .item.w70{max-width:600px;} .informationPage .popForm .item .accountSubAll{width:auto;} .bottomSuction{position:fixed;padding:20px 0;background:#ffffff;z-index:999999;bottom:0;left:0;width:100%;display:flex;justify-content:center;border-top:1px solid #dddddd;} .bottomSuction .accountSubAll,.bottomSuction .accountSubAll2{margin:0 8px;width:160px;} .informationPage .accountUploadFile{margin-top:0;} .informationPage .accountUploadFile .el-upload{display:flex;align-items:center;} .infoTableList{margin-top:40px;border-top:1px solid #dddddd;} .infoTableList .cont{margin-top:50px;} .infoTableList .cont .addBtn{cursor:pointer;width:24px;height:24px;border-radius:50%;background:url(../images/add.png) center no-repeat;background-size:contain;margin-top:1em;} .infomationTable .table{width:100%;border:none;} .infomationTable .table tr{border-right:1px solid #dddddd;} .infomationTable .table tr th,.infomationTable .table tr td{text-align:center;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;} .infomationTable .table tr th:first-child,.infomationTable .table tr td:first-child{width:50px;} .infomationTable .table tr th{border-top:1px solid #dddddd;background:#f7f7f7;padding:8px 10px;} .infomationTable .table tr td{padding:1em 10px;box-sizing:border-box;min-height:40px;} .infomationTable .table tr td input{height:1.5em;border:none;background:none;width:100%;padding:0;max-width:100%;text-align:center;} .infomationTable .table .fjName{max-width:6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;} .infomationTable .table .upload-demo{line-height:1;} .infomationTable .table .upload-demo .fileInput{white-space:nowrap;} .infomationTable .table .el-upload__input{display:none;} .infomationTable .table .el-upload-list__item{margin-top:0;transition:none;margin-top:-14px;} .infomationTable .table .el-upload-list__item-name{max-width:6em;margin-right:1em;} .infomationTable .table .file{max-width:6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0 auto;} .infomationTable .table .edit{cursor:pointer;white-space:nowrap;} .infomationTable .table .edit:hover{color:#0041A1;} .infomationTable .table .label{display:none;} .infomationTable .table .el-input.is-disabled .el-input__inner{background:none;color:#333;text-align:center;padding:0;} .infomationTable .table .el-input__suffix{display:none;} .infomationAddEdit .mask{z-index:9999;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);} .infomationAddEdit .form{z-index:9999;width:400px;background:#ffffff;border-radius:16px;padding:40px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .infomationAddEdit .form .close{width:14px;height:14px;position:absolute;right:1.5em;top:1.5em;background:url(../images/global2.png) center no-repeat;cursor:pointer;} .infomationAddEdit .form .tit{margin-bottom:2em;} .infomationAddEdit .form .item{margin-top:1.5em;} .infomationAddEdit .form .item .name{width:10em;text-align:right;margin-right:1em;line-height:32px;} .infomationAddEdit .form .item .name span{color:#C5201E;} .infomationAddEdit .form .item .text{border: 1px solid #dddddd;border-radius:8px;line-height:32px;} .infomationAddEdit .form .item .zhijin{margin-top:4px;} .infomationAddEdit .form .item .text input{height:32px;width:100%;border:none;background:none;padding:0 1em;} .infomationAddEdit .form .item .text .el-select{display:block;} .infomationAddEdit .form .item .fileInput,.infomationAddEdit .form .item .upload-demo{line-height:32px;} .infomationAddEdit .form .item .text textarea{width:100%;border:none;padding:0.5em 1em;box-sizing:border-box;line-height:1.5;height:6em;} .infomationAddEdit .form .item .upload-demo .fileInput{white-space:nowrap;line-height:2em;padding: 0 1em;border-radius:6px;background:#0041A1;display:inline-block;color:#ffffff;} .infomationAddEdit .form .item .el-upload__input{display:none;} .infomationAddEdit .form .item .el-upload-list__item{margin-top:0;transition:none;margin-top:-30px;} .infomationAddEdit .form .item .el-upload-list__item-name{max-width:80%;} .infomationAddEdit .form .btnBox{display:flex;align-items:center;justify-content:center;margin-top:2em} .infomationAddEdit .form .btnBox .btn{margin:0 1em;width:8em;line-height:2.4;text-align:center;border-radius:8px;cursor: pointer;} .infomationAddEdit .form .btnBox .btn1{background:#0041A1;border:1px solid #0041A1;color:#ffffff;} .infomationAddEdit .form .btnBox .btn2{background:#ffffff;border:1px solid #dddddd;color:#999999;} .infomationAddEdit .form .el-input__prefix{left:auto;right:5px;} .infomationAddEdit .form .el-date-editor.el-input, .infomationAddEdit .form .el-date-editor.el-input__inner{width:100%;} /*会员中心 end*/ /*设计服务页面 start*/ .designService .searchBox .sub{color:#fff;} .designService .searchKeywords a{color:#666;} .dsTableList table{width:100%;border-bottom:1px solid #dddddd;border-radius:10px;} .dsTableList table tr th,.dsTableList table tr td{border-top:1px solid #dddddd;border-left:1px solid #dddddd;padding:16px;} .dsTableList table tr th:last-child,.dsTableList table tr td:last-child{border-right:1px solid #ddd;} .dsTableList table tr td:nth-child(2){color:#999;} .dsTableList table tr th,.dsTableList table tr td:last-child{text-align:center;} .dsTableList table tr th{font-weight:bold;} .dsTableList .btn{height:2em;line-height:2;white-space:nowrap;border:1px solid #C4D6F0;background:#F1F7FF;color:#005DE7;padding:0 1em;border-radius:1em;margin:0.5em;display:inline-block;} .dsTableList .btn:hover,.preferred .materialList .btn a:hover{text-decoration:underline;} .designService .industryInfo{border:none;} /*设计服务页面 end*/ /*钢联页面 start*/ .ganglianInfo .digitInfo .bot{padding-left:0;} .preferred .materialList{margin-top:2em;} .preferred .materialList .item{width:33.3%;} .preferred .materialList .tit,.preferred .supplyScreen{margin-bottom:0;} .preferred .materialList .btn{margin-top:1em;text-align:center;} .preferred .materialList .btn a{line-height:2.8;border-radius:1.4em;background:#0041A1;color:#fff;display:inline-block;padding:0 1.5em;} /*钢联页面 end*/ /*****************************自定义表单 start*****************************/ .freeFormBox{} .freeForm{max-width:850px;margin:0 auto;} .freeForm .tit{margin-bottom:1em;} .freeForm .item{margin-bottom:1em;} .freeForm .item .name{line-height:2.6;text-align:right;width:6em;margin-right:1em;} .freeForm .item .name span{color:#D91B1B;} .freeForm .item .txt{border:1px solid #dddddd;border-radius:4px;position:relative;} .freeForm .item .txt label.error{font-size:12px;color:#C5201E;display:block;margin-left:5%;line-height:2;} .freeForm .item .txt input{width:100%;padding:0 1em;border:none;box-sizing:border-box;background:none;} .freeForm .item .txt textarea{width:100%;padding:0.5em 1em;border:none;height:6em;line-height:1.5;} .freeForm .item .notxt{line-height:2.6;} .freeForm .btn{display:block;height:2.6em;line-height:2.6;border-radius:1.3em;overflow:hidden;color:#fff;text-align:center;width:12em;margin:1em auto 0 auto;background:#0041A1;cursor:pointer;margin-top:2.2em;} .freeForm .btn:hover{text-decoration:underline;} .freeForm .item .el-input__prefix{left:auto;right:1em;} .freeForm .item .el-date-editor.el-input, .freeForm .item .el-date-editor.el-input__inner{width:100%;} .freeForm .item .el-checkbox__input,.freeForm .item .el-radio__input{vertical-align:1px;} .freeForm .item .el-select{display:block;} .freeForm .item .el-slider{margin:10px 16px 0 16px;} .freeForm .item .el-slider__bar{background-color:#0041A1;} .freeForm .item .el-slider__button{border-color:#0041A1;} .freeForm .item .el-rate{margin-top:16px;height:28px;} .freeForm .item .el-switch{margin-top:20px;} .freeForm .item .el-switch.is-checked .el-switch__core{border-color:#0041A1;background-color:#0041A1;} .freeForm .item .el-input__inner, .freeForm .item .el-checkbox__label, .freeForm .item .el-radio__label, .freeForm .item textarea, .freeForm .item .txt input{font-size:24px;height:2.6em;line-height:2.6;} .freeForm .item .fileInput{margin-top:0.3em;white-space:nowrap;line-height:2em;padding: 0 1em;border-radius:6px;background:#0041A1;display:inline-block;color:#ffffff;} .freeForm .item .el-upload-list__item-name {margin-top:-27px} /*****************************自定义表单 end*****************************/ /*****************************新增页面 start*****************************/ /*****************************新增页面 end*****************************/ @media only screen and (max-width:1840px){ .box4{margin:0 80px;width:auto;} } @media only screen and (max-width:1600px){ .box2{margin:0 80px;width:auto;} .indSection1 .searchWrap{max-width:62%;} .brandInfo,.whiteBgBorder,.freeFormBox{padding-bottom:80px;} .productMenu .ad .font{left:80px;top:80px;right:80px;} .floatBox{right:8px;} .floatMenu{left:8px;} .pad90_0{padding:80px 0;} .pt90{padding-top:80px;} /**********首页改版模块 start********/ .banner .gallery-top .swiper-slide .font{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);left:80px;right:80px;width:auto;} /**********首页改版模块 end********/ } @media only screen and (max-width:1560px){ .f-32{font-size:28px;} .f-34{font-size:30px;} .f-36{font-size:32px;} .f-40{font-size:36px;} .f-48{font-size:42px;} .f-56{font-size:48px;} .f-72{font-size:56px;} .industryList .item2 .img{width:200px} .digitCont .sceneList .item .img{max-width:90px;} .digitInfo .top .label{margin-top:30px;} .digitInfo .top .btn{margin-top:1.5em;width:15em;} /**********首页改版模块 start********/ .banner .gallery-top .swiper-slide .font .tit{font-size:48px;} /**********首页改版模块 end********/ } @media only screen and (max-width:1440px){ .box2,.box4,.loginReg{margin:0 60px;} .f-20{font-size:18px;} .f-22{font-size:20px;} .f-24{font-size:22px;} .f-28,.f-32,.f-34{font-size:26px;} .f-36{font-size:28px;} .f-40{font-size:32px;} .f-48{font-size:36px;} .f-56{font-size:42px;} .f-72{font-size:48px;} .header .logo{height:32px;margin-top:19px;} .header .top{height:70px;} .searchBtn{margin-right:1.6em;} .header .loginAndSite{margin-top:19px;} .mt128{margin-top:118px;min-height:calc( 100vh - 118px );} .mt174{margin-top:118px;} .header2{height:100px;} .header2 .logo{height:52px;margin-top:24px;} .loginReg,.registerPage{min-height:calc(100vh - 100px);} .registerWrap .loginRegForm{min-height:calc(100vh - 316px);} .regPageHeight .registerWrap .loginRegForm{min-height:calc(100vh - 418px);} .headerHeightMt{margin-top:100px;} .pad80_0{padding:60px 0;} .personPage{padding-bottom:60px;} .mb80,.indBusiness .item{margin-bottom:60px;} .indSection4,.indSection7{padding:60px 0;} .indSection8{padding-bottom:60px;} .indProTab .item{padding:2.8em 1.3em;} .indProCont .materialList .item .tit{margin:1.02em 0;} .industryTab .item{height:80px;} .industryTab .item.on{height:195px;} .industryCont .menu1 .column{height:600px;} .industryCont .menu2{height:560px;} .indSupplyCont .item .btnBox{margin-top:4em;} .indProCont{flex: 0 0 902px;} .brandInfo,.whiteBgBorder,.freeFormBox{padding-bottom:60px;} .industryList .item2 .img{margin-left:60px;} .productMenu .ad .font{left:60px;top:60px;right:60px;} .floatBox{padding:16px 6px;border-radius:26px;} .floatBox .item .w{width:30px;height:30px;cursor:pointer;} .floatBox .item .codeImg{padding-right:12px;margin-right:6px;} .floatMenu .item{padding:1em;} .registerWrap{padding:60px 0;} /*******首页改版的模块 start******/ .indMap .indMapBox .china-map{width:710px;height:568px;} .indMap .indTitle{margin-bottom:60px;} .indMap .indMapMenu{margin-top:60px;} .banner .gallery-top .swiper-slide .font .tit{font-size:42px;} .banner .gallery-top .swiper-slide .font{left:60px;right:60px;} .header .subNavWrap{max-height: calc(100vh - 198px);} .indCaseLink .sItem1 .icon,.indCaseLink .sItem2 .icon{flex:0 0 70px;} /*******首页改版的模块 end******/ .freeForm .item .el-input__inner, .freeForm .item .el-checkbox__label, .freeForm .item .el-radio__label, .freeForm .item textarea, .freeForm .item .txt input{font-size:22px;} .freeForm .item .el-slider{margin-top:9px;} .freeForm .item .el-rate{margin-top:15px;} .freeForm .item .el-switch{margin-top:19px;} } @media only screen and (max-width:1366px){ .f-18{font-size:16px;} .f-20{font-size:16px;} .f-22{font-size:18px;} .f-24{font-size:20px;} .f-28,.f-32,.f-34{font-size:24px;} .f-36{font-size:26px;} .f-40{font-size:30px;} .f-48{font-size:32px;} .f-56{font-size:36px;} .f-72{font-size:42px;} .header .logo{margin-top:14px;} .header .top{height:60px;} .header .loginAndSite{margin-top:14px;} .header .mainMenu .item > a{line-height:50px;} .mt128{margin-top:110px;min-height:calc( 100vh - 110px );} .footer{padding:50px 0;} .mt174{margin-top:110px;} .header2{height:90px;} .header2 .logo{height:42px;margin-top:29px;} .loginReg,.registerPage{min-height:calc(100vh - 90px);} .registerWrap .loginRegForm{min-height:calc(100vh - 336px);} .regPageHeight .registerWrap .loginRegForm{min-height:calc(100vh - 408px);} .headerHeightMt{margin-top:90px;} .searchBox .text input,.searchBox .sub{line-height:3} .indSection1 .fastLink .item .w{padding:1.2em 0;} .indNews .indNewsCont .cont .item{line-height:2.8;} .indNewsNav .item .w{padding:2.5em 0;} .pad80_0{padding:50px 0;} .personPage{padding-bottom:50px;} .mb80,.indBusiness .item{margin-bottom:50px;} .indSection4,.indSection7{padding:50px 0;} .indSection8{padding-bottom:50px;} .industryTab .item{height:74px;} .industryTab .item.on{height:216px;} .industryCont .menu1 .column{height:591px;} .industryCont .menu2{height:551px;} .indProCont{flex: 0 0 822px;} .indPlatform .item.on .font{bottom:340px;} .brandInfo,.whiteBgBorder,.freeFormBox{padding:50px 40px;} .brandInfo .brandArticle{margin-left:50px;} .industryList .item2 .img{margin-left:50px;} .industryInfo,.supplyArticle{padding:50px;} .industryArticle{padding-right:50px;margin-right:50px;} .productMenu .subItem1{padding:30px;} .productMenu .subItem1 dl{width:20%;margin-bottom:1em;} .productMenu .subItem2{padding:0 30px;} .productMenu .subItem2 .subItemRow{padding:20px 0;} .productMenu .subItem2 .subItemRow a{margin-right:1.5em;} .digitList .proDigitFirst .btn{margin-top:3.2em;} .digitInfo .top .img{margin-right:40px;} .digitInfo .top .label{margin-top:20px;} .digitInfo .top .btn{width:10em;} .digitInfo .top .norms .item{margin-top:1em;} .digitInfo .top .norms .number{margin-top:2em;} .indProCont .digitList .item .tit{margin:0.5em 0;} .indProCont .digitList .item .btn{margin-top:0.6em;} .indProCont .digitList .item .w{padding:1.5em;} .indProCont .materialList .item .tit{margin:1.08em 0;} .sceneList .item .desc{height:3em;-webkit-line-clamp:2;} .indProCont .sceneList .item .w{padding:1.64em;} .approveStep{padding:1.4em;} .approveStep .item .line{width:1em;} .accoutPop .apCont{width:90%;} /*******首页改版的模块 start******/ .banner .gallery-top .swiper-slide .font .tit{font-size:36px;} .header .subNavWrap{max-height: calc(100vh - 190px);} .indCase .leftSubMenu .itemCont .progress{width:200px;margin-right:1em;padding-right:1em;} .indCaseLink .sItem1 .w{box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 1) inset, 0px 2px 0px 0px rgba(255, 255, 255, 1), 0px 8px 32px 0px rgba(0, 0, 0, 0.07);} /*字号强制重写 start*/ .banner .gallery-top .swiper-slide .font .desc{font-size:14px;} .banner .gallery-thumbs .item .imgFont .font .f-16, .indCase .cont .leftMenu .item .tit h3, .indCaseLink .sItem1 .font .f1, .indCaseLink .sItem2 .font .f1, .indCaseTab .item .font{ font-size:18px; } /*字号强制重写 end*/ /*******首页改版的模块 end******/ /*全局广告弹窗 start*/ .globalPop .popCont .pic{width:30%;margin-top:-100px;} .globalPop .popCont .btn{margin-top:2em;} /*全局广告弹窗 end*/ .freeForm .item .el-input__inner, .freeForm .item .el-checkbox__label, .freeForm .item .el-radio__label, .freeForm .item textarea, .freeForm .item .txt input{font-size:20px;} .freeForm .item .el-checkbox__input,.freeForm .item .el-radio__input{vertical-align:middle;} .freeForm .item .el-slider{margin-top:7px;} .freeForm .item .el-rate{margin-top:12px;} .freeForm .item .el-switch{margin-top:16px;} .freeForm .item .el-upload-list__item-name{margin-top:-26px} .header .loginPerson .rz{top:-1.2em;} .telAndChat .codeImg{width:100px;} } @media only screen and (max-width:1280px){ .box2,.box4,.loginReg,.registerWrap .loginRegForm{margin:0 40px;} .box3{width:auto;margin:0 40px;} .registerWrap .loginRegForm{max-width:none;} .pad80_0,.pad50_0{padding:40px 0;} .personPage{padding-bottom:40px;} .mb80,.indBusiness .item{margin-bottom:40px;} .indSection4,.indSection7{padding:40px 0;} .indSection8{padding-bottom:40px;} .brandInfo,.industryList,.whiteBgBorder,.freeFormBox,.dataMatchList .itemWrapBg{padding:40px;} .brandInfo .brandArticle{margin-left:40px;} .industryList .item2 .img{margin-left:40px;} .industryInfo,.supplyArticle{padding:40px;} .industryArticle{padding-right:40px;margin-right:40px;} .industryHot .item{line-height:3;} .suppllyInfo{width:70%;} .productMenu .ad .font{left:40px;top:40px;right:40px;} .materialList .item{margin-bottom:20px;} .materialList .item .w{padding:18px;} .materialList .item .font .price,.materialList .item .font .label{float:none;} .materialList .item .font .label{margin-top:1em;display:inline-block;} .sceneList{padding-bottom:40px;} .sceneList .item .w{padding:40px 40px 0 40px;} .sceneWrap{min-height:416px;} .proRecommend .item{margin-bottom:40px;} .digitInfo .top{margin:40px 0;} .digitInfo .top .img,.digitInfo .top .imgSwiper{margin-right:30px;} .digitInfo .top .label{margin-top:1em;} .digitInfo .top .btn{margin-top:1em;width:8em;} .pad90_0{padding:40px 0;} .pt90{padding-top:40px;} .header .mainMenu{margin:0 40px;} .registerStep{margin-bottom:40px;} .registerWrap ,.registerWrap .loginRegForm{padding:40px 0;} .registerWrap .loginRegForm{min-height: calc(100vh - 250px)} .regPageHeight .registerWrap .loginRegForm{min-height:calc(100vh - 332px);} /*******首页改版的模块 start******/ .indSwitchNews .box2 > .cont{margin-bottom:20px;} .indSwitchNews .itemBox .item .font{padding:20px;} .indMap .indTitle{margin-bottom:40px;} .indMap .indMapMenu{margin-top:40px;} .indMap .indMapBox .china-map{width:600px;height:480px;} .indMap .indMapBox .mapDots .item .pop{left:auto;right:100%;padding:0 12px 0 0;} .indMap .indMapBox .mapDots .item .pop .font{border-radius:8px;} .indMap .indMapBox .mapDots .item .pop::before{border-left:12px solid #C6211F;border-right:none;border-bottom:6px solid transparent;border-top:6px solid transparent;left:auto;right:0;} .banner .gallery-top .swiper-slide .font{left:40px;right:40px;} .banner .gallery-top .swiper-slide .font .desc{margin-top:10px;} .indCaseLink .sItem1 .w .hot, .indCaseLink .sItem2 .w .hot{height:14px;width:28px;} .indCaseLink .sItem1 .font,.indCaseLink .sItem2 .font{padding:10px;} .indCaseLink .sItem1 .icon,.indCaseLink .sItem2 .icon{margin-right:10px;flex:0 0 60px;margin-top:20px;} .indCaseLink .sItem1 .w .hotFont,.indCaseLink .sItem2 .w .hotFont{left:28px;line-height:14px;font-size:10px;} .indCaseLink .sItem1 .w .hot:hover + .hotFont,.indCaseLink .sItem2 .w .hot:hover + .hotFont{padding:0 6px;width:calc(100% - 40px);} /*******首页改版的模块 end******/ .indTopAd .open{height:40px;} .footer .footerTopLeft .hotLine .item{margin-top:15px;} .telAndChat .codeImg{width:80px;} } @media only screen and (max-width:1100px){ .banner .gallery-thumbs .item{padding:10px 12px;} .banner .gallery-thumbs .item .imgFont .img{flex:0 0 32px;} .banner .gallery-thumbs .item .imgFont .font{margin-left:1em;} .banner .gallery-thumbs .item .imgFont .font .desc{display:none;} } @media only screen and (max-width:1024px){ .box2,.header .mainMenu,.loginReg,.registerWrap .loginRegForm,.box3,.box4{margin:0 1em;} .header{height:50px;border-bottom: 1px solid #f5f5f5;} .header .top{height:50px;} .header .logo{height:24px;margin-top:13px;} .header .loginAndSite{margin-top:9px;} .searchBtn{background-image:url(../images/search2.png);margin-right:2.4em;} .header2 .logo{height:24px;margin-top:13px;} .header2{height:50px;} .headerHeightMt{margin-top:50px;} .header .mobileMenu{position:fixed;width:20px;height:19px;transition: 0.5s all;right:1em;top:15px;z-index:9999999;margin:0;} .header .mobileMenu:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid #C5201E;border-bottom:2px solid #C5201E;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:#C5201E;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 .bot{position:fixed;margin:0;right:-60%;width:60%;background:#C5201E;top:0;bottom:0;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;} .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;} .header.open .mobileMask{display:block;} .header.open .mobileMenu:before{border-color:#ffffff;} .header.open .mobileMenu:after{background:#ffffff;} .header.open .bot{right:0;} .header .mainMenu {display:block;} .header .mainMenu .item > a{line-height:3;display:inline-block;} .header .top .loginAndSite .selectBox,.header .top .loginAndSite .loginPerson{display:none;} .header .bot .loginAndSite{display:block;} .header .bot .loginAndSite{margin-top:0;} .header .loginAndSite .loginPerson,.header .loginAndSite .logoutBtn{color:#fff;margin:0 1em;line-height:3;display:inline-block;} .header .loginAndSite .selectBox{margin:0 1em;line-height:3;} .header .loginAndSite .inputCase{text-align:left;display:inline-block;min-width:0;background-image:url(../images/arrow2.png);color:#fff;} .header .loginAndSite .selectUI{left:0;right:auto;} .header .loginAndSite .selectCont::before{left:5%;right:auto;} .footer .footerTopLeft{float:none;margin:0;} .footer .footerTopLeft .hotLine .item{margin-top:1em;} .footer .footerTopLeft .hotLine .item a{display:inline-block;} .footer .footerTopRight{margin-top:2em;padding-top:2em;border-top:1px solid rgba(255,255,255,0.2);} .mt128{margin-top:50px;min-height:calc( 100vh - 50px );} .mt174{margin-top:50px;} .pad80_0,.pad50_0{padding:2em 0;} .personPage{padding-bottom:2em;} .f-16,.f-18,.f-20{font-size:14px;} .f-22,.f-24,.f-28,.f-32,.f-34{font-size:16px;} .f-36{font-size:18px;} .f-40{font-size:18px;} .f-48,.f-56{font-size:20px;} .f-72{font-size:24px;} .mb80,.indBusiness .item{margin-bottom:2em;} .indSection4,.indSection7,.footer{padding:2em 0;} .indSection8{padding-bottom:2em;} .indSection1{padding-top:80px;} .indSection1 .tit{margin-bottom:2em;} .indSection1 .fastLink .item .w{padding:1em 0;} .indNews .indNewsFirst{width:auto;float:none;margin:0 0 2em 0;max-width:none;} .indNews .indNewsFirst .img img{width:100%;} .indNews .indNewsFirst .font .f1{height:auto;-webkit-line-clamp:999;} .indVip{margin-left:2em;} .indVip .item{width:24vw;} .indNewsNav{margin-top:2em;} .indNewsNav .item .w{padding:1em 0;} .indNewsNav .item .icon{width:2em;} .industryTab{width:250px;} .industryCont .menu1 .item .menu{height:84px;} .industryCont .menu1 .column{height:546px;} .industryTab .item{height:67px;} .industryTab .item.on{height:206px;} .industryCont .menu2{height:490px;} .industryCont .menu2{padding:2em;} .industryCont .menu2 .tit{padding-bottom:0;} .industryCont .menu2 .item{margin-top:1em;} .industryCont .menu2 .item .w{padding:1em;} .indSupplyCont{margin:2em 0;} .indBusiness{margin:0 -0.5em;} .indBusiness .item .w{margin:0 0.5em;} .indProCont {flex: 0 0 680px;} .indPlatform .w img{height:360px;} .indPlatform{margin:0 -6px;} .indPlatform .w{margin:0 6px;} .indPlatform .item.on .font{bottom:240px;left:30px;} .indBrandCont{margin-bottom:2em;} .indBrandCont .cont,.brandPage .brandList{margin:0 -0.5em} .indBrandCont .w{margin:0 0.5em;} .brandPage .brandList .item{margin:1em 0 0 0;} .brandInfo,.industryList,.whiteBgBorder,.freeFormBox,.dataMatchList .itemWrapBg{padding:2em;} .brandInfo .brandArticle{margin-left:2em;} .brandInfo .brandArticle .date{margin:1em 0;} .page{margin-top:2em;} .pegeMore{margin-top:1em;} .industryList .item2 .img{margin-left:2em;width:170px;} .industryInfo,.supplyArticle{padding:2em;} .industryArticle{padding-right:2em;margin-right:2em;} .industryHot .item{line-height:2.8;} .industryHot .tit,.brandHot .tit{font-weight:bold;} .suppllyInfo{width:64%;} .productMenu .ad .font{left:2em;top:2em;right:2em;} .productMenu .cont:hover .subItem1{display:none;} .productMenu .cont.on .subItem1{display:block;} .digitList .proDigitFirst .w, .digitList .item .w{padding:1.5em;} .digitList .proDigitFirst .desc{height:20em;-webkit-line-clamp:10;} .digitList .proDigitFirst .btn{margin-top:4.2em;} .digitCont .sceneList .item .img{max-width:78px;} .digitCont .sceneList .item .w{padding:1em 0;padding-right:126px;} .digitCont .sceneList .item{padding:0 1em;} .proRecommend .w{padding:1em;} .proRecommend .item{margin-bottom:2em;} .proRecommend{width:260px;} .digitCont{padding-right:274px;} .digitInfo .bot{padding-left:274px;} .digitInfo .detailIntro{padding:1em 1.5em;} .digitInfo .top .img{margin-right:1em;} .digitInfo .top{margin:2em 0;} .digitInfo .top .imgSwiper{margin-right:1em;} .digitInfo .top .norms .number{margin-top:1em;line-height:30px;} .digitInfo .top .norms .number .val span{font-size:20px;} .digitInfo .top .norms .number .val input{line-height:30px;height:30px;} .floatBox{padding:8px 4px;border-radius:26px;right:2px;bottom:80px;} .floatBox .item .codeImg{padding-right:8px;margin-right:8px;} .floatBox .item{padding-bottom:0.6em;margin-bottom:0.6em;} .floatBox .item .w{width:24px;height:24px;} .floatMenu{border-radius:1em;left:2px;bottom:30px;} .floatMenu .item{padding:0.8em;} .indProCont .digitList .item .btn{margin-top:0.5em;} .indProCont .digitList .item .w{padding:1em;} .indProCont .materialList .item .tit{height:3em;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;} .sceneList .item .desc{height:3em;-webkit-line-clamp:2;} .indProCont .sceneList .item .w{padding:1.35em;} .indProTab .item{padding:3.16em 1.3em;} .loginReg,.registerPage{min-height:calc(100vh - 70px);padding-bottom:20px;} .registerStep{margin-bottom:1.5em;} .registerWrap ,.registerWrap .loginRegForm{padding:2em 0;} .registerWrap{padding-bottom:0;} .registerWrap .loginRegForm{min-height: calc(100vh - 154px)} .regPageHeight .registerWrap .loginRegForm{min-height:calc(100vh - 214px);} .registerStep{line-height:32px;margin:0 1em;} .regPageHeight .registerStep{margin-bottom:2em;} .registerStep .item .num{width:30px;height:30px;line-height:30px;} .registerStep .item .line{width:1em;margin:0;} .xieyiArticle{margin:0 2em;} .personMenu,.personCont{padding:1.5em;} .personPowerTabel .powerTable tr th, .personPowerTabel .powerTable tr td,.personPowerTabel .powerTable .rowBox .rowItem{padding:0.8em;} .personPowerTabel .powerTable .rowBox{margin:0 -0.8em;} .personMenu{width:auto;min-width:100px;} .personWrap{border-radius:10px;} .personPowerTabel .powerTable .desc{background-size:1em auto;padding-left:1.6em;} .accountSubAll,.membershipBox .btnBox .btn,.accountSubAll2{width:160px;} .accountSection{margin-top:2em;} .accountInfo .item{float:none;} .accountDownload{width:130px;margin-left:0;} .accountUploadFile .ff{width:auto;} .approveStep{padding:1em;} .approveStep .item{margin-right:0.2em;} .approveStep .item:last-child{margin-right:0;} .approveStep .item .num{width:24px;height:24px;line-height:24px;margin-right:0.2em;} .approveStep .item .line{display:none;} .membershipBox .accountInfo .item{width:auto;} .accoutPop .apCont{padding:2em;border-radius:10px;} .accoutPop .close{right:1em;top:1em;} .popForm .item{float:none;} .popForm .item.w70{width:auto;} .popForm .item .name{width:auto;min-width:90px;} .popForm .pAddress .el-select{width:32%;} .personSafeItem .item{padding:1.4em 2em;} .personSafeItem .item .tit{margin-left:0.5em;} .personMsgList .item .w{padding:1em;} .personProList .item,.personSupList .item{width:33.3%;} .personProList .item:nth-child(4n+1),.personSupList .item:nth-child(4n+1){float:left;} .personProList .item:nth-child(3n+1),.personSupList .item:nth-child(3n+1){clear:both;} .personActList .item .font,.personProList .item .w, .personSupList .item .w{padding:1em;} .informationPage .accountRadio .name{width:auto;} /*******首页改版的模块 start******/ .indSwitchNews .itemBox .item .img, .indSwitchNews .itemBox .item .w, .indMap .indMapMenu, .indAdImg, .indCase .cont .leftMenu, .indCase .cont .leftMenu::before, .indCase .cont .leftMenu::after, .indCase .cont .leftMenu .item, .indCaseTab .item .w, .indCaseLink, .screenBtnBox, .dataMatchList .item3 .w, .dataMatchList .item4 .w, .dataMatchList .itemWrapBg{ border-radius:8px; } .indSwitchNews .indTitle{margin-bottom:1.6em;} .indSwitchNews .tabs{margin-bottom:1.6em;} .indSwitchNews .tabs span{margin:0 1em;} .indSwitchNews .itemBox{margin:0 -10px;} .indSwitchNews .itemBox .item .w{margin:0 10px;} .indSwitchNews .itemBox .item{margin-bottom:20px;} .indMap{background-position:center bottom;} .indMap .indMapMenu{margin:0 0 2em 0;padding:1.6em;float:none;width:auto;} .indMap .indMapMenu .item{margin-bottom:2em;} .indMap .indMapMenu .item .link a{margin-top:6px;} .indMap .indMapMenu .more{height:2.4em;line-height:2.4;border-radius:1.2em;max-width:200px;} .indMap .indMapBox{float:none;} .indMap .indMapBox .china-map{width:100%;} .banner .gallery-top .swiper-slide .font .tit{font-size:20px;font-weight:normal;} .banner .gallery-top .swiper-slide .font{left:1em;right:1em;margin-top:-30px;} .banner .gallery-top .swiper-slide .font .desc{margin-top:6px;} .banner .gallery-top .swiper-slide,.banner .gallery-top .swiper-slide .item{height:300px;} .banner .gallery-top .swiper-slide > img,.banner .gallery-top .swiper-slide .item > img{width:auto;max-width:none;min-width:100%;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .indCase .cont{display:block;} .indCase .cont .leftMenu{margin:0 0 2em 0;} .indCase .cont .leftMenu .item{padding:1em;} .indCase .cont .leftMenu .item .tit img{width:24px;} .indCase .cont .leftMenu .item .link{padding-left:40px;} .indCase .cont .leftMenu .item .link a{min-width:auto;margin-right:2em;} .screenBtnBox{padding:1.6em;} .header .subNav{position:static;max-height:none !important;background:none;box-shadow:none;} .header .subNav a,.header .subNav a:hover,.header .subNav .secondNav .secondNavItem:hover,.header .subNav .secondNav .secondNavItem.on{color:#ffffff;} .header .subNav .box2{margin:0;} .header .subNavWrap{max-height:none;padding:0.5em 1em;} .header .subNav .firstNav{background-image:url(../images/arrow8.png);} .header .subNav .secondNav .secondNavItem{display:inline-block;margin:0 1em 1em 0;color:rgba(255,255,255,0.6);} .header .subNav .nextNavBox{display:block;} .header .subNav .secondNav{padding:0;margin:0 0 1em 0;border-right:none;border-bottom:1px solid rgba(255,255,255,0.4);} .header .subNav .thirdNav .thirdNavItem{margin-bottom:1em;padding-right:1em;flex:50% 0 0;} .header .subNav .thirdNav .thirdNavItem .nav1{color:rgba(255,255,255,0.8);} .header .subNav .thirdNav .thirdNavItem .nav2 .desc{display:none;} .header .subNav .thirdNav .thirdNavItem .nav3{padding-left:1em;} .header .mainMenu a:hover::after, .header .mainMenu .item.cr > a::after{bottom:2px;} .indCase .leftSubMenu{border-radius:8px;} /*字号强制重写 start*/ .banner .gallery-thumbs .item .imgFont .font .f-16, .indCase .cont .leftMenu .item .tit h3, .indCaseLink .sItem1 .font .f1, .indCaseLink .sItem2 .font .f1, .indCaseTab .item .font{ font-size:16px; } /*字号强制重写 end*/ .indCaseLink .sItem1 .icon,.indCaseLink .sItem2 .icon{flex:0 0 40px;margin-top:0;} .indCaseLink .sItem1 .w,.indCaseLink .sItem2 .w{align-items:center;} /*******首页改版的模块 end******/ .bottomSuction{padding:10px 0;} .bottomSuction .accountSubAll, .bottomSuction .accountSubAll2{width:100px;} /*全局广告弹窗 start*/ .globalPop .popCont .pic{width:20%;margin-top:-80px;} .globalPop .popCont .font .desc{max-height:calc(80vh - 220px);} .globalPop .popCont .contBg,.globalPop .popCont{border-radius:12px;} /*全局广告弹窗 end*/ .freeForm .item .el-input__inner, .freeForm .item .el-checkbox__label, .freeForm .item .el-radio__label, .freeForm .item textarea, .freeForm .item .txt input{font-size:16px;} .freeForm .item .el-slider{margin-top:2px;} .freeForm .item .el-rate{margin-top:10px;} .freeForm .item .el-switch{margin-top:11px;} .dataMatchList .itemWrap{margin:0 -0.5em;} .dataMatchList .item3 .w, .dataMatchList .item4 .w{margin:0 0.5em;} .indSupplyCont .item .w,.talentList .item .w{padding:2em 1em;} .talentList .item .w{border-radius:8px;} .talentList .item .lableBox{left:0.6em;} .indTopAd .open{height:32px;} .telAndChat .codeImg{margin:0px 0 0 20px;} } @media only screen and (max-width:820px){ .indSection1 .fastLink .item .w{display:block;padding:1em;} .indSection1 .fastLink .item .icon{float:left;} .indSection1 .fastLink .item .font{overflow:hidden;} .indVip{margin:0 0 2em 0;float:none;padding:1em;} .indVip .item{float:left;width:50%;} .indVip .item:nth-child(2n) .w{margin-left:0.5em;} .indVip .item:nth-child(2n+1) .w{margin-right:0.5em;} .industryCont .menu1 .item .tit,.industryCont .menu1 .item .menuBox{padding:1em;} .industryTab .item .w{padding:1em;} .industryTab .item .icon{width:2em;margin-right:1em;} .industryTab .item.on{height:274px;} .indSupplyTab .w, .indBrandTab .w{display:block;background:none;} .indSupplyTab .w .item, .indBrandTab .w .item{margin-bottom:0.2em;} .indSupplyCont .item .w{padding:2em 1em 1em 1em;} .indSupplyCont .item .lableBox,.digitList .proDigitFirst .lableBox{right:1em;} .label_jian,.label_gong,.label_qiu,.label_zhao,.label_zhao2{width:18px;height:22px;} .indSupplyCont .labelKey span{margin-bottom:0.2em;} .indSupplyCont .item .status_icon{bottom:0;} .indSupplyCont .item .btn{margin-left:1em;} .indSupplyCont .item .btnBox{margin-top:1em;} .indSupplyCont .item .btn:last-child{margin-right:0;} .indProTabCont{display:block;} .indProTab{display:flex;} .indProTab .item{padding:1em;} .indProTab .item .icon{margin-right:1em;} .indProCont .sceneList,.indProCont .materialList,.indProCont .digitList{margin-left:-1em;} .indProCont .sceneList .item .w, .indProCont .materialList .item .w{padding:1em;} .indPlatform .w img{height:250px;} .indPlatform .item.on .font{bottom:160px;} .indBrandCont .w .font{padding:1em;} .brandInfo,.industryList,.whiteBgBorder,.freeFormBox,.dataMatchList .itemWrapBg{padding:1em;} .brandInfo .brandArticle{float:none;margin:0 0 2em 0;width:auto;} .brandInfo .brandHot .item{margin-left:0;} .industryList .item2 .img{margin-left:1em;} .industryInfo{padding:1em;} .industryArticle{padding-right:0;margin:0 0 2em 0;width:auto;float:none;border:none;} .industryHot .item{line-height:2.4;} .indSupplyCont.supplyList .item{margin-top:1em;} .suppllyInfo{width:auto;float:none;margin:0 0 2em 0;} .supplyArticle{padding:1em;} .supplyHot .indSupplyCont .item{margin-top:1em;} .supplyMessage{padding-top:1em;margin-top:1em;} .industryArticle .date,.supplyArticle .date{margin:1em 0;} .productMenu .menuBox{width:auto;margin:0 0 2em 0;} .productMenu .ad{position:relative;width:auto;left:0;} .productMenu .ad > img{position:static;width:100%;} .productMenu .ad .font{top:40%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .productMenu .subItem1,.productMenu .subItem2{left:0;right:0;top:100%;bottom:auto;padding:1em;} .productMenu .w{padding-top:1em;padding-bottom:0.5em;} .productMenu .cont{padding:0.5em 1em;position:relative;} .productMenu .subItem2 .subItemRow{padding:1em 0;} .productMenu .subItem2 .subItemRow a{margin-right:1em;} .productMenu .subItem1 dl{width:50%;} .productMenu .subItem1 dl:nth-child{clear:both;} .digitList .proDigitFirst .w, .digitList .item .w{padding:1em;} .digitList .proDigitFirst .btn{margin-top:3.2em;} .materialList .item .w{padding:1em;border-radius:8px;} .materialList .item{margin-bottom:1em;} .sceneList{padding-bottom:1.5em;} .sceneList .item .w{padding:1.5em 1.5em 0 1.5em;} .sceneList .item .img,.digitCont .sceneList,.proRecommend{border-radius:8px;} .sceneInfo .w{padding:1.5em;} .sceneInfo{width:32%;} .sceneWrap{background-size:32% 100%;min-height:322px;border-radius:8px;overflow:hidden;} .digitInfo .detailIntro{border-radius:8px;} .loginReg{display:block;} .loginRegForm{max-width:480px;width:auto;padding-bottom:2em;} .loginReg .imgFont{padding:2em 0;text-align:center;} .loginReg .imgFont .img{margin:0 auto;margin-bottom:1em;} .loginRegForm{margin:0 auto;} .loginRegForm .mid, .loginRegForm .bot, .loginRegForm .tit{margin:0 2em;} .goLogin{margin-right:2em;} .xieyi, .goLogin{margin-left:2em;} .xieyiArticle{margin:0 1em;} .accoutPop .apCont.apCont2{width:90%;padding:1em;} .accoutPop .apCont .tips{margin:2em 0;} .popForm .item .name,.informationPage .accountRadio .name{float:none;text-align:left;line-height:32px;} /*******首页改版的模块 start******/ .banner .gallery-thumbs .item{padding:10px 1em;} .banner .gallery-thumbs .item .imgFont .img{flex:0 0 20px;} .indCaseTab .item .font{line-height:60px;} .indCaseLink .sItem1,.indCaseLink .sItem2,.indCaseLink .sItem2:first-child{width:50%;} .indCaseLink .sItem2 .font{padding:10px;} /*.indCaseLink .sItem .w{padding:2em;} .indCaseLink .sItem .icon{margin-right:1em;}*/ /*******首页改版的模块 end******/ .infomationTable .table tr th{display:none;} .infomationTable .table tr{margin-top:1em;display:block;} .infomationTable .table tr td{display:block;position:relative;padding:1em 0;padding-left:13em;padding-right:10px;min-height:41px;box-sizing:border-box;line-height:1.5;} .infomationTable .table tr td:first-child{width:auto;border-top:1px solid #dddddd;} .infomationTable .table .file{max-width:10em;} .infomationTable .table .label{display:block;left:0;top:0;width:12em;height:100%;position:absolute;border-right:1px solid #dddddd;box-sizing:border-box;padding:1em 0;} .infomationTable .table .fjName{max-width:8em;} .infomationTable .table tr td input{height:1.5em;} .dataMatchList .item3 .w .font,.dataMatchList .item4 .w .font{padding:1em;} .talentList .item{float:none;width:auto;margin-top:1.5em;} } @media only screen and (max-width:640px){ .f-40,.f-36{font-size:16px;} .f-48,.f-56{font-size:16px;} .f-72{font-size:20px;} .indSection1 .searchWrap{max-width:100%;} .indSection1 .searchTab .item{width:auto;padding:0 0.4em;height:2em;line-height:2;} .indSection1 .fastLink{border-radius:0;} .indSection1 .fastLink .item{float:none;width:auto;border-radius:4px;margin-bottom:4px;overflow:hidden;} .searchBox .text input, .searchBox .sub{line-height:3;} .searchBox .sub{width:6em;} .indNewsNav .item{width:50%;} .indNewsNav .item .w{border:none;} .indNewsNav .item:nth-child(2n+1) .w{border-right: 1px solid #dddddd;} .indProTab{display:block;} .indProCont .materialList .item{width:auto;float:none;} .industryTab{float:none;width:auto;border:none;} .industryTab .item{width:50%;float:left;} .industryTab .item:last-child{border-bottom: 1px solid #dddddd;} .industryTab .item:nth-child(2n+1) .w{border-right:1px solid #dddddd;} .industryTab .item.on{height:72px;} .industryTab .item.on .icon{float:left;margin:0.4em 1em 0 0;} .industryTab .item.on .font .f1, .industryTab .item.on .font .f2{white-space:nowrap;} .industryCont .menu1 .item .menu,.industryCont .menu2{height:auto;} .industryCont .menu2{padding:1em;} .industryCont .menu2 .item{float:none;width:auto;} .industryCont .menu2 .item .w{padding:0;} .industryCont .menu2 .item .w:hover{background:none;} .industryCont .menu2 .item .f2{height:auto;-webkit-line-clamp:999;} .indIndustry{background-size:cover;} .indSupplyCont .item{width:auto;float:none;margin-bottom:1em;} .indBusiness .item{width:50%;margin-bottom:1em;} .indBusiness .item:nth-child(2n+1),.industryTab .item:nth-child(2n+1){clear:both;} .indSection6{padding-top:1em;} .indPlatform .w img{height:auto;width:100%;} .indPlatform .item{width:auto;float:none;margin-bottom:1em;} .indPlatform .item.on{width:auto;} .indPlatform .item.on .font{bottom:24px;} .header .loginAndSite .selectCont{padding:10px;line-height:1.5;} .header .loginAndSite .selectUI li a{line-height:1.5;} .header .loginAndSite .selectUI{width:198px;} .footer .footerTopRight{margin-top:1em;padding-top:1em;display:block;} .footer .footerTopRight dl{margin-bottom:1em;} .footer .footerTopRight dl dt{background:url(../images/arrow2.png) right center no-repeat;} .footer .footerTopRight dl dd{display:none;} .footer .copyRight{padding-top:1em;margin-top:1em;display:block;text-align:center;} .footer .copyRight .otherLink{margin-top:1em;} .footer .copyRight .otherLink span{margin:0 0.6em;} .footer .copyRight .otherLink .subItem{right:auto;left:0;} .industryList .item,.dataMatchList .item1{position:relative;padding-bottom:1em;} .industryList .item .date,.dataMatchList .item1 .date{float:none;margin:0;position:absolute;left:0;bottom:1em;line-height:1;} .industryList .item2 .img{width:auto;float:none;margin:0 0 1em 0;} .industryList .item2 .img img{width:100%;} .industryList .item2{padding:1em 0;} .industryList .item2 .date{margin-top:1em;} .indSupplyCont .item .img{border-radius:8px;} .digitList .proDigitFirst{float:none;width:auto;margin-bottom:1em;} .digitList .proDigitFirst .desc {height:4em;-webkit-line-clamp:2;} .digitList .item{width:auto;float:none;margin-bottom:1em;} .materialList{margin:0 -0.5em;} .materialList .item{width:50%;} .materialList .item .w{margin:0 0.5em;} .preferred .materialList .item{width:auto;float:none;} .sceneWrap{background:#ffffff !important;min-height:0;} .sceneInfo{float:none;width:auto;background:#0041A1;} .sceneInfo .w{padding:1em;} .sceneList{padding-bottom:1em;} .sceneList .item{width:auto;float:none;} .sceneList .item .w{padding:1em;} .sceneList .item .font{text-align:center;} .sceneList .item .img{float:none;margin:0 auto 1em auto;} .sceneList .item .btn{margin:0 auto;} .proRecommend .item{margin-bottom:2em;} .proRecommend{width:auto;} .digitCont{padding-right:0;} .digitCont .sceneList .item .w{padding-right:0;} .digitCont .sceneList .item .btn{position:static;margin-top:1em;} .digitCont .proRecommend,.digitInfo .proRecommend{position:static;margin-top:2em;} .digitInfo .bot{padding-left:0;} .digitInfo .detailIntro{padding:1em;} .digitInfo .top .img{width:auto;max-width:360px;margin:0 auto 1em auto;float:none;} .digitInfo .top .imgSwiper{width:auto;margin:0 auto 1em auto;float:none;} .loginRegForm .mid, .loginRegForm .bot, .loginRegForm .tit{margin:0 1em;} .loginRegForm .mid .item .name{float:none;line-height:1.5;width:auto;text-align:left;} .xieyi, .goLogin{padding-left:0;margin:0 1em;margin-top:1em;} .registerStep .item .num{width:auto;height:auto;border:none;border-radius:0;} .registerStep .item.on .num{color:#0041A1;background:none;} .registerStep .item .line{padding-bottom:15px;} .regSuccess{margin-top:4em;} .registerWrap .loginRegForm .mid .item .tips, .registerWrap .xieyi .tips{left:0.4em;} .regPageHeight .registerWrap .loginRegForm{min-height: calc(100vh - 246px);} .el-message{min-width:0;width:90%;} .personTit{display:block;padding:0 1em;} .personTit .left{margin-bottom:0.6em;} .personWrap{display:block;} .personCont{padding:1em;} .personMenu{padding:1em 0;margin:0 1em;border:none;} .personMenu .item{display:inline-block;min-width:32%;} .personMenu .item img{margin-right:0.2em;} .personPowerTabel .powerTable tr th,.personPowerTabel .powerTable tr td{font-size:12px;} .personPowerTabel .powerTable tr th:nth-child(1){width:20%} .personPowerTabel .powerTable tr th:nth-child(2){width:25%} .personCont .title{margin-bottom:1em;} .approveStep{padding:0.8em;} .accountSubAll,.membershipBox .btnBox .btn,.accountSubAll2{width:110px;line-height:2.4;border-radius:4px;} .accountUploadFile .seeFile,.accountUploadFile .ff{display:block;} .accountUploadFile .ff{margin:0 0 0.4em 0;text-align:left;} .supplyTable{border-radius:4px 4px 0 0;} .supplyTable tr th, .supplyTable tr td{padding:0.4em;font-size:12px;} .popForm .pAddress .el-select{width:100%;margin-bottom:1em;} .accoutPop .apCont{padding:1em;} .personSafeItem .item{padding:1em;} .personSafeItem .item .icon,.personSafeItem .item .tit{display:inline-block;line-height:24px;} .personSafeItem .item .subtit{border:none;margin-left:0;padding-left:28px;} .personSafeItem .item .tit{margin-left:0;} .personSafeItem .item .w{display:block;} .personResetForm .item .name{width:auto;min-width:4em;} .personProList .item,.personSupList .item,.personActList .item{width:auto;margin-bottom:1em;float:none;} .personProList .item:nth-child(4n+1), .personSupList .item:nth-child(4n+1){float:none;} .supplyTable.manyItem tr th,.supplyTable.recruitTable tr th{display:none;} .supplyTable.manyItem tr td,.supplyTable.recruitTable tr td{display:block;padding-left:6em;position:relative;} .supplyTable.manyItem tr td:last-child,.supplyTable.recruitTable tr td:last-child{text-align:left;} .supplyTable.manyItem tr td:nth-child(1)::before{content:"标题";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.manyItem tr td:nth-child(2)::before{content:"公司名称";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.manyItem tr td:nth-child(3)::before{content:"预算金额";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.manyItem tr td:nth-child(4)::before{content:"联系人";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.manyItem tr td:nth-child(5)::before{content:"联系电话";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.manyItem tr td:nth-child(6)::before{content:"状态";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.manyItem tr td:nth-child(7)::before{content:"审核状态";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.manyItem tr td:nth-child(8)::before{content:"操作";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(1)::before{content:"公司";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(2)::before{content:"职位名称";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(3)::before{content:"薪资";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(4)::before{content:"福利";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(5)::before{content:"工作地点";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(6)::before{content:"状态";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(7)::before{content:"审核状态";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .supplyTable.recruitTable tr td:nth-child(8)::before{content:"操作";width:5em;text-align:right;position:absolute;left:0;top:0.4em;} .el-pagination{white-space:normal;} .personCont .title>.fr,.personCont .title>.fl{float:none;} .supplyPubBtn,.supplySearch{margin-top:1em;} .supplySearch input{width:100px;} .dsTableList table tr th, .dsTableList table tr td{padding:10px;} .dsTableList .btn{font-size:12px;} /*******首页改版的模块 start******/ .indSwitchNews .indTitle{margin-bottom:1em;} .indSwitchNews .tabs span{margin:0 0.6em;} .indSwitchNews .box2 > .cont{margin-bottom:0;} .indSwitchNews .itemBox{margin:0 -6px;} .indSwitchNews .itemBox .item{width:50%;} .indSwitchNews .itemBox .item .w{margin:0 6px;} .indSwitchNews .itemBox .item .font{padding:1em;} .indMap .indMapMenu{padding:1em;} .indMap .indMapMenu .item{margin-bottom:1.6em;} .indMap .indTitle{margin-bottom:30px;} .indMap .indMapBox .mapDots .item .pop{left:50%;right:auto;top:100%;width:160px;margin:0 0 0 -80px;padding:8px 0 0 0;} .indMap .indMapBox .mapDots .item .pop::before{top:0;left:50%;margin-left:-4px;right:auto;border-bottom:8px solid #C6211F;border-top:none;border-left:4px solid transparent;border-right:4px solid transparent;} .indMap .indMapBox .mapDots .item .pop .font{font-size:12px;padding:10px;border-radius:4px;} .banner .galleryThumbsBox .box2{margin:0;} .banner .gallery-thumbs .item{padding:10px 6px;} .banner .gallery-thumbs .item .imgFont .img{flex:0 0 16px;} .banner .gallery-thumbs .item .imgFont .font{margin-left:5px;font-size:12px;} .banner .gallery-thumbs .swiper-slide{width:33.3%;} .indCaseTab{margin:0 -4px;} .indCaseTab .item .w{margin:0 4px;display:flex;align-items:center;justify-content:center;} .indCaseTab .item .icon{position:static;transform: translateY(0) !important;-webkit-transform: translateY(0) !important;width:1.6em;margin-right:0.2em;} .indCaseTab .item .font{line-height:50px;} /*.indCaseLink .sItem{float:none;width:auto;border-bottom:1px solid #eeeeee;} .indCaseLink .sItem:last-child{border:none;} .indCaseLink .sItem .w{padding:1em;} .indCaseLink .sItem .icon{flex:0 0 24px;} */ .screenBtnBox{padding:1em;} .indSwitchNewsData .itemBox .item{float:none;width:auto;} .header .subNav .thirdNav .thirdNavItem{flex:0 0 100%;} .indCaseLink .itemCont{margin:1em 6px;} .indCaseLink .sItem1,.indCaseLink .sItem1:nth-child(5n-1), .indCaseLink .sItem1:nth-child(5n),.indCaseLink .sItem2,.indCaseLink .sItem2:first-child{width:100%;} .indCaseLink .sItem1 .font .f1,.indCaseLink .sItem2 .font .f1,.indCaseTab .item .font{font-weight:normal;} .indCaseLink .sItem2 .font .f2{max-height:3em;height:auto;} .indCase .cont .rightCont{display:block;overflow:visible;} .indCase .leftSubMenu{position:fixed;z-index:999999;left:10%;right:10%;top:10%;bottom:10%;background:none;width:auto;display:none;} .indCase .leftSubMenu .mask{position:fixed;z-index:1;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.8);display:none;} .indCase .leftSubMenu.on{left:10%;} .indCase .leftSubMenu.on,.indCase .leftSubMenu.on .mask{display:block !important;} .indCase .leftSubMenu .itemCont{z-index:2;background:url(../images/casebg2.png) center no-repeat;border-radius:0;background-size:cover;left:0;top:0;bottom:0;right:0;} .indCase .leftSubMenu .itemCont .link{display:block;padding:1em;} .indCase .leftSubMenu .itemCont .sItem,.indCase .leftSubMenu .itemCont .col-2 .sItem{width:auto;margin-bottom:2em;} .indCase .leftSubMenu .itemCont .pItem{margin-bottom:2em;} .indCase .leftSubMenu .itemCont .pItem::before{height:2em;top:-2em;} .indCase .leftSubMenu .itemCont .pItem::before,.indCase .leftSubMenu .itemCont .pItem::after{width:2px;} .indCase .leftSubMenu .itemCont .progress{float:none;width:auto;border:none;margin:0;padding:1em;padding-bottom:0;} /*字号强制重写 start*/ .banner .gallery-top .swiper-slide .font .desc{font-size:12px;} /*字号强制重写 end*/ /*******首页改版的模块 end******/ .registerForm .el-cascader-panel{display:block;} .registerForm .el-cascader-menu__wrap{max-height:204px;height:auto;} .registerForm .el-cascader-menu{border-bottom:1px solid #E4E7ED;} .registerForm .el-cascader-menu:last-child{border:none;} /*全局广告弹窗 start*/ .globalPop .popCont{width:90%;} .globalPop .popCont .pic{width:30%;margin-top:-70px;} .globalPop .popCont .contBg{padding:20px;} .globalPop .popCont .font .desc{max-height:calc(80vh - 180px);} .globalPop .popCont .btn{line-height:2.8em;border-radius:1.4em;} .globalPop .popCont .close{right:14px;top:14px;} /*全局广告弹窗 end*/ .personCont .completionBox{display:block;} .personCont .completion{margin:0.6em 0 0 0;} .infomationAddEdit .form{padding:20px;border-radius:10px;box-sizing:border-box;width:90%;max-height:80%;overflow-y:auto;} .infomationAddEdit .form .tit{margin-bottom:0;} .infomationAddEdit .form .item{margin-top:0.6em;} .infomationAddEdit .form .item .name{float:none;margin:0 0 0.4em 0;width:auto;text-align:left;} .infomationAddEdit .form .item:nth-last-child(2){display:flex;} .infomationAddEdit .form .item:nth-last-child(2) .name{margin:0 1em 0 0;white-space:nowrap;} .infomationAddEdit .form .btnBox{margin-top:1em;} .dataMatchList .item3,.dataMatchList .item4{width:50%;} .dataMatchList .item3:nth-child(3n+1),.dataMatchList .item4:nth-child(4n+1){float:left;clear:none;} .dataMatchList .item3:nth-child(2n+1),.dataMatchList .item4:nth-child(2n+1){clear:both;} }