锘?flex3 { display: flex; align-items: center; /*鍨傜洿灞呬腑*/ } .flex5 { display: flex; justify-content: center; /*姘村钩灞呬腑*/ align-items: center; /*鍨傜洿灞呬腑*/ } .flex6 { display: flex; flex-wrap: wrap; /* 猫鈥÷ヅ犅β嵚⒚∨ */ } .w1200{ width:1200px; margin:auto; } .newDefaultTopBox { padding:25px 0px; background: #FFFFFF; box-shadow: 0px 5px 12px 0px rgba(203,203,203,0.5098); border-radius: 0px 0px 0px 0px; } .newDefaultTopBox .box .line { width:1px; } .newDefaultTopBox .box .name { font-weight: normal; font-size: 20px; color: #818E9E; line-height: 28px; text-align: left; font-style: normal; text-transform: none; } .newDefaultTopBox .box .img{ width:58px; height:58px; margin-right:20px; margin-left:16px; } .newDefaultTopBox .box .text { font-size: 16px; color: #132842; line-height: 16px; text-align: center; font-style: normal; text-transform: none; margin-top: 8px; } .newDefaultProduct{ margin-top:50px !important; } .newDefaultProduct .bgBox1 { background: url('https://qiniu.wsgjp.cn/images/202404291724148192384125890074815203.png'); } .newDefaultProduct .bgBox2 { background: url('https://qiniu.wsgjp.cn/images/202404291725015164935182937969266951.png'); } .newDefaultProduct .top { width: 592px; height: 172px; position:relative; cursor:pointer; } .newDefaultProduct .top .tip { width: 94px; height: 27px; background: rgba(255,255,255,0.6); border: 1px solid #FFFFFF; font-size: 16px; color: #FFFFFF; font-style: normal; text-transform: none; position: absolute; right: 0px; top: 0px; text-align: center; line-height: 24px; border-bottom-left-radius: 12px; } .newDefaultProduct .icon { margin-top: 56px; margin-left: 44px; margin-right: 12px; width: 60px; height: 60px; } .newDefaultProduct .name{ font-size: 22px; color: #FFFFFF; line-height: 24px; text-align: left; font-style: normal; text-transform: none; margin-top: 58px; } .newDefaultProduct .text { font-size: 14px; color: #FFFFFF; line-height: 20px; text-align: left; font-style: normal; text-transform: none; margin-top: 14px; width: 285px; } .newDefaultProduct .top .btn { width: 120px; height: 28px; background: #FFFFFF; border-radius: 4px 4px 4px 4px; margin-top: 62px; font-size: 14px; color: #3D3D3D; line-height: 14px; text-align: left; font-style: normal; text-transform: none; margin-left: 30px; display: none; } .newDefaultProduct .top .btn img { width: 11px; height: 6px; margin-left: 5px; } .newDefaultProduct .top .curPen { display: none; } .newDefaultProduct .top:hover .moRen{ display:none !important; } .newDefaultProduct .top:hover .curPen { display: block; } .newDefaultProduct .top:hover .btn { display: flex; } .newDefaultProduct .box { width: 288px; height: 183px; background: #EFF3FA; border-radius: 0px 0px 0px 0px; cursor:pointer; } .newDefaultProduct .box:hover{ background: #e1ecff; } .newDefaultProduct .center{ margin-top:12px; } .newDefaultProduct .center .left{ width: 592px; } .newDefaultProduct .center .name { color: #132842; } .newDefaultProduct .center .text { color: #132842; width:180px; } .newDefaultProduct .right .box { height: 87px; } .newDefaultProduct .right .icon{ margin-top:14px; margin-left:40px; } .newDefaultProduct .right .name { margin-top: 14px; } .newDefaultProduct .bottom { margin-top: 12px; background: url('https://qiniu.wsgjp.cn/images/202404291725320013735911462446477362.png'); height: 86px; text-align:center; } .newDefaultProduct .bottom .name { margin: 0px; padding-top: 16px; text-align: center; width: 1200px; } .newDefaultProduct .bottom .text { text-align: center; width: 1200px; } .newDefaultBusinessBg { background: #f3f3f3; } .newDefaultBusiness { margin-top: 60px; background: url('https://qiniu.wsgjp.cn/images/202404291728070686236180941044412342.png'); padding-bottom: 40px; background-position: bottom; background-repeat: no-repeat; } .newDefaultBusiness .name { font-size: 28px; color: #132842; line-height: 34px; padding-top: 40px; font-style: normal; text-transform: none; text-align: center; margin-bottom:15px; } .newDefaultBusiness .name span{ font-weight: bold; } .newDefaultAdver { position: relative; } .newDefaultAdver .box { position: absolute; top: 50%; left: 50%; margin-left: -600px; margin-top: -22px; } .newDefaultAdver .box .btn { width: 167px; height: 42px; background: #FFFFFF; border-radius: 4px 4px 4px 4px; border: 1px solid; border-image: linear-gradient(270deg, rgba(169.2477822303772, 208.19031178951263, 255, 1), rgba(30.00000011175871, 129.00000751018524, 248.0000004172325, 1), rgba(169.00000512599945, 208.0000028014183, 255, 1)) 1 1; font-size: 20px; color: #137DFF; line-height: 42px; text-align: center; font-style: normal; text-transform: none; float: right; margin-right: 100px; cursor: pointer; } .newDefaultAdver img{ width:100%; } .newDefaultIndexHonor { background: url('https://qiniu.wsgjp.cn/images/20240429172942501108338443199891000.png'); position: relative; background-size: 100%; overflow: hidden; } .newDefaultIndexHonor .textTitle { font-size: 28px; color: #132842; line-height: 34px; padding-top: 70px; font-style: normal; text-transform: none; text-align: center; font-weight: bold; margin-bottom: 50px; } .newDefaultIndexHonor .indexHonorImg { position: absolute; bottom: 55px; left: 50%; margin-left: -615px; } .newDefaultIndexHonor .swiper-containertwo .swiper-slide p { font-size: 16px; color: #132842; line-height: 32px; text-align: center; font-style: normal; text-transform: none; } .newDefaultBottom { position: relative; } .newDefaultBottom .bottomBg { width: 100%; } .newDefaultBottom .box { position: absolute; top: 50%; margin-top: -68px; left: 50%; margin-left: -271px; } .newDefaultBottom .box .name{ font-weight: 700; font-size: 32px; color: #FFFFFF; line-height: 36px; text-align: center; font-style: normal; text-transform: none; margin-top: 5px; } .newDefaultBottom .box span { width: 383px; height: 48px; background: #FAFDFF; border-radius: 4px 4px 4px 4px; font-size: 22px; color: #132842; line-height: 48px; text-align: center; font-style: normal; text-transform: none; margin-top: 25px; } .newDefaultBottom .box p { font-size: 12px; color: #FFFFFF; line-height: 12px; text-align: center; font-style: normal; text-transform: none; margin-top: 5px; } .newDefaultBottomOn { background: #151B26 !important; padding-top:60px; padding-bottom:10px; } .newDefaultBottomOn .box { height: 64px; background: rgba(255,255,255,0.2); border-radius: 8px; border: 1px solid; padding: 0px 30px; } .newDefaultBottomOn .box img { margin-top: 5px; width: 52px; height: 52px; margin-right: 14px; } .newDefaultBottomOn .box .text { font-size: 18px; color: #E8E9EA; line-height: 64px; } .newDefaultIndustry{ position:relative; } .newDefaultIndustry .industryBg{ width:100% } .newDefaultIndustry .titleName { font-size: 28px; color: #FFFFFF; margin-bottom: 35px; } .newDefaultIndustry .blockDiv { position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -225px; } .newDefaultIndustry .left .box { width: 174px; height: 48px; background: rgba(255,255,255,0.2); border-radius: 4px 4px 4px 4px; border: 1px solid #FFFFFF; margin-bottom: 12px; font-size: 18px; color: #FFFFFF; cursor:pointer; } .newDefaultIndustry .left .box:hover{ background: linear-gradient(180deg, #197CFB 32%, #0371FE 100%); } .newDefaultIndustry .left .active { background: linear-gradient(180deg, #197CFB 32%, #0371FE 100%); } .newDefaultIndustry .left .box img { margin-right: 12px; width: 38px; height: 38px; margin-left: 24px; } .newDefaultIndustry .right{ margin-left:12px; } .newDefaultIndustry .right .boxDiv { width: 630px; padding: 0px 30px; padding-right:15px; height: 289px; background: linear-gradient( 90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%); border-radius: 0px 0px 0px 0px; } .newDefaultIndustry .hideBox { display: none; } .newDefaultIndustry .right .boxDiv img { width: 20px; height: 20px; margin-right: 10px; } .newDefaultIndustry .right .boxDiv p { font-size: 16px; color: #FFFFFF; line-height: 21px; text-align: left; margin-bottom:12px; max-width:555px; } .newDefaultIndustry .right .boxDiv .btnBox { border-radius: 0px 0px 0px 0px; border: 1px solid #E7E7E7; padding: 5px 10px; font-size: 14px; color: #D4DDE7; line-height: 14px; margin-right: 12px; } .newDefaultIndustry .right .btn { width: 240px; height: 50px; background: #FFFFFF; border-radius: 4px 4px 4px 4px; font-size: 18px; color: #3D3D3D; margin-top:30px; cursor:pointer; } .newDefaultIndustry .right .btn img{ width:21px; height:12px; margin-left:5px; } .newDefaultPost { background: linear-gradient( 152deg, #E8E8E8 0%, #FAFAFA 100%); border-radius: 0px 0px 0px 0px; padding:40px 0px; } .newDefaultPost .left { width: 800px; position: relative; } .newDefaultPost .left .titleName{ font-size: 28px; color: #132842; } .newDefaultPost .left .titleName span{ font-weight:bold; } .newDefaultPost .left .box { background: #FFFFFF; border-radius: 0px 0px 0px 0px; padding:30px 35px; margin-top:26px; } .newDefaultPost .left .box .detail{ min-height:190px } .newDefaultPost .left .box .name { width: 175px; height: 32px; background: linear-gradient(90deg, #0371FE 0%, #D6E8FF 100%); border-radius: 0px 0px 0px 0px; font-size: 22px; color: #FFFFFF; line-height: 32px; text-align: center; } .newDefaultPost .left .box .text { font-size: 20px; color: #132842; line-height: 22px; text-align: left; margin-top: 5px; margin-bottom: 36px; } .newDefaultPost .left .box .icon { width: 20px; height: 20px; margin-right: 10px; } .newDefaultPost .left .box p { font-size: 16px; color: #132842; line-height: 22px; text-align: left; margin-bottom: 14px; max-width: 700px; } .newDefaultPost .left .box .btnBox { font-size: 14px; color: #546C89; line-height: 12px; text-align: center; border-radius: 0px 0px 0px 0px; border: 1px solid #E7E7E7; padding: 6px 15px; margin-right: 10px; } .newDefaultPost .left .number { font-size: 18px; color: #3D3D3D; line-height: 36px; position: absolute; right: 40px; top: 110px; } .newDefaultPost .left .number img { width: 36px; height: 36px; cursor: pointer; } .newDefaultPost .left .number b{ font-weight:normal; color:#ACB2C1; } .newDefaultPost .left .box .userBox { width: 104px; height: 138px; margin-top:20px; position:relative; cursor:pointer; } .newDefaultPost .left .box .userBox img { width: 104px; height: 138px; } .newDefaultPost .left .box .userBox .tip { width: 56px; height: 24px; background: rgba(255, 255, 255, 0.2); border-radius: 1px 1px 1px 1px; font-size: 18px; color: #FFFFFF; line-height: 18px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5); position: absolute; bottom: 17px; left: 50%; margin-left: -28px; } .newDefaultPost .left .box .userBox .userActive { background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, #0371FE 100%); height: 38px; border-radius: 0px 0px 0px 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; } .newDefaultPost .left .box .userBox .active { height: 138px; } .newDefaultPost .hideUser{ display:none; } .newDefaultPost .right img { width: 400px; margin-top: 50px; } .newDefaultPost .right .userBox{ position:relative; } .newDefaultPost .right .tip { font-size: 28px; color: #B2E0FF; position: absolute; bottom: 30px; left: 50%; margin-left: -28px; } .newDefaultPost .right .userActive { background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, #0371FE 100%); height: 168px; border-radius: 0px 0px 0px 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; } .newDefaultPost .adver { margin-top:36px; position: relative; } .newDefaultPost .adver .adverBg { width: 100%; } .newDefaultPost .adver .btn img{ margin-left:5px; } .newDefaultPost .adver .btn { cursor:pointer; position: absolute; top: 50%; right: 15%; margin-top: -21px; width: 168px; height: 42px; font-size: 22px; color: #137DFF; line-height: 42px; background: #FFFFFF; border-radius: 4px 4px 4px 4px; border: 2px solid; border-image: linear-gradient(270deg, rgba(169.2477822303772, 208.19031178951263, 255, 1), rgba(30.00000011175871, 129.00000751018524, 248.0000004172325, 1), rgba(169.00000512599945, 208.0000028014183, 255, 1)) 2 2; } #newDefaultBrand{ padding:50px 0px; } #newDefaultBrand #newDefaultBrandTop { overflow: hidden; width: 100%; } #newDefaultBrand #newDefaultBrandBottom{ overflow: hidden; width: 100%; margin-top:20px; } #newDefaultBrand img { height: 80px; margin-right: 15px; } #newDefaultBrand .indemo { float: left; width: 800%; } #newDefaultBrand #demo1 { float: left; } #newDefaultBrand #demo2 { float: left; } #newDefaultBrand #demo3 { float: left; } #newDefaultBrand #demo4 { float: left; }