html, button, input, select, textarea { font-family: "黑体","Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{ background: #F1F1F1; /*font-size: 12px;*/ } li{ float: none; } header .nav-link .nav li{ float: left; } .w1200{ max-width: 1200px; margin: 0 auto; padding: 0 30px; } .sol-a{ padding-top: 110px; width: 100%; height: 500px; text-align: center; color: #fff; background: url(../solimg/sol1.jpg) no-repeat center/cover; box-sizing:border-box; overflow: hidden; } .sol-a h2{ font-size: 48px; line-height: 80px; text-shadow:#091679 5px 5px 0; } .sol-a h3{ margin-bottom: 40px; font-size: 26px; line-height: 60px; color: #b3cae2; } .sol-a h3:before{ content: ""; margin: 0 30px; display: inline-block; vertical-align: middle; width: 120px; height: 1px; opacity: 0.4; background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, #FFFFFF 100%); } .sol-a h3:after{ content: ""; margin: 0 30px; display: inline-block; vertical-align: middle; width: 120px; height: 1px; opacity: 0.4; background-image: linear-gradient(-90deg, rgba(0,0,0,0.00) 0%, #FFFFFF 100%); } .sol-a{ text-align: center; } .sol-a li{ margin: 0 50px; display: inline-block; } .sol-a li .num{ font-size: 72px; line-height: 84px; font-family: "Trump"; } .sol-a li .cn-tt{ font-size: 18px; color: #b3bfe2; line-height: 34px; } .sol-b{ padding: 60px 0; background: #f7f8fa; } .sol-b .tit{ margin-bottom: 35px; text-align: center; font-size: 26px; line-height: 56px; color: #333; } .sol-b ul { /*width: 1210px;*/ margin-left: -0.4%; margin-right: -0.4%; } .sol-b ul li{ float: left; /*width: 290.5px;*/ width: 24.2%; height: 355px; background: #fff; /*margin-right: 10px;*/ margin: 0 0.4%; text-align: center; border: 1px solid #dfe4ee; box-sizing:border-box; } .sol-b ul li .top{ padding-top: 22px; background: #edf0f6; height: 120px; box-sizing:border-box; } .sol-b ul li .top p{ font-size: 16px; color: #333; margin-top: 15px; line-height: 1; } .sol-b ul li .con{ font-size: 14px; color: #666; line-height: 30px; } .sol-b ul li .con .txt{ height: 160px; padding-top: 17px; box-sizing:border-box; } .sol-b ul li .con .solmore{ display: block; margin: 0 auto; width: 136px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #758198; color: #758198; font-size: 14px; } .sol-b ul li .con .solmore:hover{ background: #3367f1; border: 1px solid #3367f1; color: #fff; } .sol-c{ position: relative; width: 100%; height: 500px; background: url(../solimg/sol6.jpg) no-repeat center; overflow: hidden; } .sol-c .tit{ margin-top: 60px; line-height: 50px; text-align: center; font-size: 26px; color: #fff; } .sol-c-list{ position: absolute; margin-top:54px; left: 50%; margin-left: -600px; width: 1200px; height: 336px; } .sol-c-list .scroll{ width: 1200px; height: 336px; } .sol-c-list li{ position: absolute; left: 460px; width: 280px; height: 336px; background: rgba(26,68,180,.5); } .sol-c-list li .top{ padding-top: 20px; margin-bottom: 5px; font-size: 22px; line-height: 38px; color: #fff; text-align: center; } .sol-c-list li .txt{ color: #fff; text-align: center; padding:0 25px; height: 216px; box-sizing:border-box; } .sol-c-list li .txt h2{ display: none; margin-bottom: 5px; font-size: 22px; line-height: 38px; color: #fff; } .sol-c-list li .txt p{ font-size: 14px; line-height: 24px; height: 48px; color: rgba(255,255,255,.6); } .sol-c-list li .txt img{ margin-top: 30px; } .sol-c-list li .txt .more{ display: none; margin: 40px auto 0; width: 136px; height: 36px; line-height: 36px; text-align: center; background: #3367f1; border: 1px solid #3367f1; color: #fff; font-size: 14px; } .sol-c-list li.on .top{ padding-top: 0; margin-bottom: 0; height: 120px; line-height: 120px; font-size:38px; color: #fff; text-align: center; background: url(../solimg/sol25.jpg) no-repeat center/cover; } .sol-c-list li.on .txt h2{ display: block; } .sol-c-list li.on .more{ display: block; } .sol-c-list li.on img{ display: none; } .sol-c-list li.cur img{ margin-top: 70px; } .sol-c-list li.cur .txt{ padding: 0 30px; } .sol-c-list li.cur .top{ padding-top: 30px; } .sol-c-list li.on .txt{ background: #fff; padding: 20px 25px; } .sol-c-list li.on .txt h2{ font-size: 24px; color: #333; } .sol-c-list li.on .txt p{ font-size: 16px; color: #758198; } .sol-c .prev, .sol-c .next{ width: 50px; height: 100px; top: 140px; cursor: pointer; background-color: #11265e; background-position: center; background-repeat: no-repeat; z-index: 5; } .sol-c .prev{ left: -50px; background-image:url(../solimg/sol33.png); } .sol-c .next{ right: -50px; background-image:url(../solimg/sol32.png); } .sol-c .prev:hover, .sol-c .next:hover{ background-color: #2956cb; } .sol-d{ padding: 60px 0 50px; background: #fff; } .sol-d .sol-d-tit{ font-size: 26px; color: #333; line-height: 50px; text-align: center; margin-bottom: 45px; } .sol-d .sol-menu{ /*width: 1202px;*/ font-size: 0; margin-bottom: 18px; } .sol-d .sol-menu a{ display: inline-block; /*margin-right: 2px;*/ margin-right: 0.17%; margin-bottom: 2px; /*width: 10.94%;*/ width: 14.1%; height: 50px; line-height: 50px; text-align: center; background-color: #f5f5f5; font-size: 14px; color: #666; } .sol-d .sol-menu a:nth-last-child(){ margin-right: 0; } .sol-d .sol-menu a:hover, .sol-d .sol-menu a.on{ background-color: #3367f1; color: #fff; } .sol-d .pc-scroll ul{ width: 101.6%; padding-bottom: 30px; } .sol-d .pc-scroll li{ float: left; width: 31.7%; margin-right: 1.6%; transition: box-shadow 0.3s ease 0s; margin-bottom: 20px; } .sol-d .pc-scroll .img { display: block; width: 100%; position: relative; overflow: hidden; } .sol-d .pc-scroll .up-pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s; z-index: 2; } .sol-d .pc-scroll .up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; z-index: 3; } .sol-d .pc-scroll .up-graybox .bgbox{ display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); } .sol-d .pc-scroll .up-graybox .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; } .sol-d .pc-scroll .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } .sol-d .pc-scroll .up-graybox .linet { top: 0; } .sol-d .pc-scroll .up-graybox .lineb { bottom: 0; } .sol-d .pc-scroll .cont-wrap { width: 86.5%; padding: 20px 6.5% 0; border: 1px solid #f2f2f2; margin-top: -1px; } .sol-d .pc-scroll .tit { line-height: 32px; font-size: 20px; } .sol-d .pc-scroll .tit a { display: inline-block; color: #333; } .sol-d .pc-scroll .intr { display: block; line-height: 22px; font-size: 14px; height: 52px; color: #999; } .sol-d .pc-scroll .bot-link { display: block; width: 100%; border-top: 1px solid #e5e5e5; line-height: 40px; position: relative; } .sol-d .pc-scroll .bot-link .point { display: inline-block; width: 24px; height: 8px; background: url(../solimg/ico_08.png) no-repeat right center; margin-top: 14px; } .sol-d .pc-scroll .bot-link .stt { font-size: 14px; color: #999; } .sol-d .pc-scroll .bot-link:hover .stt{ color: #333; } .sol-d .pc-scroll .bot-link:hover .point{ background: url(../solimg/ico_08_h.png) no-repeat right center; } .sol-d .pc-scroll .img:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); } .sol-d .pc-scroll .img:hover img.up-pic { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; } .sol-d .pc-scroll .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); } .sol-btn{ text-align: center; font-size: 0; } .sol-btn a{ margin: 0 5px; display: inline-block; width: 136px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #758198; border: 1px solid #758198; } .sol-btn a.a2{ background: #3367f1; color: #fff; border: 1px solid #3367f1; } .sol-e{ padding: 60px 0 50px; background: #f7f8fa; } .sol-e .sol-e-tit{ margin-bottom: 20px; font-size: 26px; color: #333333; line-height: 60px; text-align: center; } .sol-e .link { margin: 0 auto 20px; font-size: 0; text-align: center; } .sol-e .link li { float: none; display: inline-block; margin: 0 45px; white-space: nowrap; } .sol-e .link a { display: block; font-size: 16px; color: #999999; line-height: 38px; height: 38px; padding-bottom: 3px; position: relative; } .sol-e .link a i { position: absolute; width: 0; height: 3px; left: 50%; bottom: 0; background: #3367f1; -webkit-transition: left 0.3s,width 0.3s; transition: left 0.3s,width 0.3s; } .sol-e .link a.cur i, .sol-e .link a:hover i { width: 100%; left: 0; } .sol-e .link a.cur, .sol-e .link a:hover { color: #3367f1; } .sol-e .list ul{ margin-left: -0.8%; margin-right: -0.8%; } .sol-e .list li { float: left; width: 48.4%; margin: 0 0.8% 20px; background-color: #fff; height: 210px; display: table; vertical-align: middle; background-repeat: no-repeat; background-position: right 50px center; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; } .sol-e .list .text { padding: 0 40px 0 40px; display: table-cell; vertical-align: middle; } .sol-e .list .text h4 { font-size: 24px; color: #333333; font-weight: bold; line-height: 40px; margin-bottom: 5px; max-width: 500px; } .sol-e .list .text p { font-size: 14px; color: #666666; line-height: 24px; max-width: 500px; } .sol-e .list li:hover { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); } .sol-f{ padding-top: 60px; width: 100%; height: 466px; background: url(../solimg/sol34.jpg) no-repeat center; box-sizing:border-box; overflow: hidden; } .sol-f h2{ font-size: 26px; text-align: center; color: #fff; text-align: center; } .sol-f .list{ margin-top: 100px; height: 155px; background: url(../solimg/sol35.png) no-repeat left bottom 9px; width: 0; } .sol-f .list ul{ width: 100%; } .sol-f .list li { float: left; width: 11.1%; -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; } .sol-f .list .btn { width: 68px; height: 150px; line-height: 2; color: #8f8f95; text-align: center; margin: 0 auto 0; } .sol-f .list .btn.btn2 .circle:after{ background-image: url(../solimg/sol17.png); } .sol-f .list .btn.btn3 .circle:after{ background-image: url(../solimg/sol18.png); } .sol-f .list .btn.btn4 .circle:after{ background-image: url(../solimg/sol19.png); } .sol-f .list .btn.btn5 .circle:after{ background-image: url(../solimg/sol20.png); } .sol-f .list .btn.btn6 .circle:after{ background-image: url(../solimg/sol21.png); } .sol-f .list .btn.btn7 .circle:after{ background-image: url(../solimg/sol22.png); } .sol-f .list .btn.btn8 .circle:after{ background-image: url(../solimg/sol23.png); } .sol-f .list .btn.btn9 .circle:after{ background-image: url(../solimg/sol24.png); } .sol-f .list .btn .circle { width: 68px; height: 68px; border-radius: 34px; background: #25428e; } .sol-f .list .btn .circle:after { content: ""; position: absolute; left: 0; top: 0; width: 68px; height: 68px; background: url(../solimg/sol16.png) no-repeat; opacity: 0.6; filter: alpha(opacity=60); } .sol-f .list .btn p { font-size: 14px; color:rgba(255,255,255,.6); line-height: 30px; margin: 17px 0 20px; } .sol-f .list .btn .light { display: block; width: 18px; height: 18px; border-radius: 50%; background: #25428e; margin: 0 auto; border: 1px solid #4763ab; } .sol-f .list .btn .light:after{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 0; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #43adff; display: none; } .sol-f .list .btn.cur .light:after{ animation: Circle 1.2s infinite linear; display: block; } .sol-f .list .btn.cur .circle{ background: #1251a6; } .sol-f .list .btn.cur .circle:after{ opacity:1 ; filter: alpha(opacity=1); } .sol-f .list .btn.cur p{ color: rgba(255,255,255,1); } @keyframes Circle{ 0%{ transform: scale(0.5); opacity: 0; } 50%{ transform: scale(1); opacity: 1; } 100%{ transform: scale(0.5); opacity: 0; } } .sol-g{ padding: 60px 0 50px; background: #fff; } .sol-g .sol-g-tit{ margin-bottom: 10px; font-size: 26px; color: #333; line-height: 50px; text-align: center; } .sol-g h3{ margin-bottom: 40px; font-size: 16px; color: #666666; text-align: center; } .sol-g ul{ width: 102%; } .sol-g li { float: left; width: 31.5%; margin-right: 1.75%; border: 1px solid #ececec; padding: 1.6%; transition: box-shadow 0.3s; box-sizing: border-box; } .sol-g li p { font-size: 14px; color: #666; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .sol-g li h2 { font-size: 16px; color: #333; line-height: 22px; margin-bottom: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .sol-g li .ico{ display: block; width: 24px; height: 8px; background: url(../solimg/ico_08.png) no-repeat center; margin-top: 38px; } .sol-more{ margin: 50px auto 0; display: block; width: 136px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #758198; border: 1px solid #758198; } .sol-more:hover{ background: #3367f1; border: 1px solid #3367f1; color: #fff; } .sol-footer .w1520{ width: 100%; } .contact-wrap .main-wrap{ max-width: 1260px; width: 100%; padding: 0 30px; box-sizing:border-box; } /*解决方案详情*/ .solinfo-a{ padding-top: 85px; width: 100%; height: 277px; text-align: center; background: url(../solimg/sol37.jpg) no-repeat center; box-sizing: border-box; overflow: hidden; } .solinfo-a h2{ font-size: 40px; line-height:50px; letter-spacing: -2px; color: #ddd; font-weight: bold; } .solinfo-a h3{ font-size: 36px; color: #fff; line-height: 60px; } .solinfo-b{ margin: 40px auto 20px; background: #fff; padding-top: 20px; padding-bottom: 30px; box-sizing:border-box; } .solinfo-b-top{ position: relative; margin-bottom: 25px; } .solinfo-b-top h2{ font-size: 24px; color: #333333; line-height: 50px; } .solinfo-b-top p{ font-size: 14px; color: #999999; line-height: 26px; } .solinfo img{ width: 100%; } .solinfo-c{ padding: 18px 0 40px; } .solinfo-c .sol-g-tit{ text-align: left; font-size: 22px; } .solinfo-c .more{ display: inline-block; line-height: 50px; padding-left: 25px; background: url(../solimg/ico_09.png) no-repeat left center; font-size: 14px; color: #777; } .solshare{ margin-top: 26px; } .solshare a{ float: left; padding: 0 !important; margin:0 15px 0 0 !important; display: inline-block; width: 30px !important; height: 30px !important; vertical-align: top; opacity: 0.2; filter: alpha(opacity=20); } .solshare a.bds_tsina{ background: url(../solimg/sol41.jpg) no-repeat center/100% 100%; } .solshare a.bds_weixin{ background: url(../solimg/sol42.png) no-repeat center/100% 100%; } .solshare a.douban img{ vertical-align: top; width: 100%; height: 100%; } .solshare a:hover{ opacity: 1 !important; filter: alpha(opacity=100) !important; } footer .main-wrap{ max-width: 1260px; width: 100%; padding: 0 30px; box-sizing:border-box; } .contact-wrap .city-list, .contact-wrap .address, .contact-wrap .weixin{ margin-right: 6.5%; } @media (max-width: 1400px){ .sol-c .prev{ left: 0; } .sol-c .next{ right: 0; } } @media (max-width: 1300px){ .sol-a{ height: 460px; } .sol-a h2{ font-size: 42px; line-height: 60px; } .sol-a h3{ font-size: 24px; line-height: 50px; } .sol-a li .num{ font-size: 60px; line-height: 70px; } .sol-a li p{ font-size: 16px; } .sol-a li{ margin: 0 40px; } } /* 工具类 */ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 768px){ .visible-xs { display: block !important; } .hidden-xs { display: none !important; } .w1200{ padding: 0 0.3rem; } .sol-a{ padding-top: 1rem; height: 4.5rem; box-sizing:border-box; } .sol-a h2{ font-size: 0.39rem; line-height: 0.54rem; } .sol-a h3{ position: relative; font-size: 0.3rem; line-height: 0.42rem; margin-top: 0.06rem; margin-bottom: 0.34rem; } .sol-a h3:before{ margin: 0 0.3rem; width: 1.2rem; } .sol-a h3:after{ width: 1.2rem; height: 1px; } .sol-a li{ margin: 0 0.38rem; } .sol-a li .num{ font-size: 0.7rem; line-height: 0.82rem; } .sol-a li .cn-tt{ font-size: 0.24rem; line-height: 0.34rem; } .mob-sol-c{ margin-bottom: 0.2rem; padding: 0.44rem 0 0.35rem; background: #fff; } .mob-sol-c .tit{ margin-bottom: 0.5rem; font-size: 0.34rem; color: #121314; text-align: center; } .mob-sol-c-list{ width: 100%; overflow: hidden; } .mob-sol-c-list li{ text-align: center; padding: 0 0.3rem; box-sizing:border-box; } .mob-sol-c-list li img{ width: 1rem; } .mob-sol-c-list li h2{ font-size: 0.28rem; line-height: 0.4rem; margin-top: 0.2rem; color: #121314; } .mob-sol-c-list li p{ font-size: 0.24rem; color: #9E9FA8; } .sol-d{ padding: 0.5rem 0; margin-bottom: 0.2rem; } .sol-d .sol-d-tit { font-size: 0.34rem; color: #121314; line-height: 0.5rem; margin-bottom: 0.4rem; } .sol-d .pc-scroll ul{ width: 102.9%; padding-bottom: 0; } .sol-d .pc-scroll li{ width: 47.2%; margin-bottom: 0.2rem; margin-right: 2.8%; } .sol-d .pc-scroll .img{ border-radius: 7px; } .sol-d .pc-scroll .cont-wrap{ width: 100%; border: none; padding: 0.3rem 0 0.2rem; text-align: center; margin-top: 0; } .sol-d .pc-scroll .tit{ font-size: 0.3rem; color: #121314; line-height: 0.32rem; height: 0.32rem; overflow: hidden; } .sol-d .pc-scroll .bot-link{ border: none; margin-top: 0.05rem; line-height: normal; } .sol-d .pc-scroll .bot-link .stt{ float: none; font-size: 0.26rem; color: #9B9B9B; } .sol-btn a.a2{ background: none; color: #4A79F2; width: 2.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; } .mob-sol-b{ padding: 0.4rem 0.3rem 0.3rem; background: #fff; } .mob-sol-b .tit{ margin-bottom: 0.45rem; text-align: center; font-size: 0.34rem; line-height: 0.48rem; color: #121314; } .mob-sol-b li{ border: 1px solid #E1E6ED; margin-bottom: 0.2rem; } .mob-sol-b li .top{ position: relative; padding: 0 0.35rem; height: 1.2rem; line-height: 1.2rem; } .mob-sol-b li .top:after{ content: ""; position: absolute; right: 0.3rem; top: 0.5rem; width: 0.34rem; height: 0.18rem; background: url(../solimg/msol5.png) no-repeat right center/cover; } .mob-sol-b li .top span{ display: block; padding-left: 1rem; font-size: 0.28rem; color: #121314; } .mob-sol-b li .cont{ padding: 0.2rem 0.35rem; font-size: 0.26rem; line-height: 0.5rem; color: #999999; display: none; } .mob-sol-b li .cont span{ margin: 0 0.25rem; } .mob-sol-b li .top1 span{ background: url(../solimg/msol10.png) no-repeat left center/auto 0.52rem; } .mob-sol-b li .top2 span{ background: url(../solimg/msol7.png) no-repeat left center/auto 0.52rem; } .mob-sol-b li .top3 span{ background: url(../solimg/msol8.png) no-repeat left center/auto 0.52rem; } .mob-sol-b li .top4 span{ background: url(../solimg/msol9.png) no-repeat left center/auto 0.52rem; } .mob-sol-b li.on .top{ background-image: linear-gradient(225deg, #6CA5F9 0%, #3A6CF1 100%); } .mob-sol-b li.on .top span{ color: #fff; } .mob-sol-b li.on .top:after{ background: url(../solimg/msol6.png) no-repeat right center/cover; } .mob-sol-b li.on .top1 span{ background: url(../solimg/msol10_1.png) no-repeat left center/auto 0.52rem; } .mob-sol-b li.on .top2 span{ background: url(../solimg/msol7_1.png) no-repeat left center/auto 0.52rem; } .mob-sol-b li.on .top3 span{ background: url(../solimg/msol8_1.png) no-repeat left center/auto 0.52rem; } .mob-sol-b li.on .top4 span{ background: url(../solimg/msol9_1.png) no-repeat left center/auto 0.52rem; } .sol-e{ margin-bottom: 0.2rem; padding: 0.5rem 0 0.3rem; background: #fff; } .sol-e .sol-e-tit{ margin-bottom: 0.3rem; font-size: 0.34rem; line-height: 0.48rem; color: #121314; } .sol-e .link li{ margin: 0 0.3rem; } .sol-e .link a{ font-size: 0.28rem; line-height: 0.54rem; height: 0.54rem; } .sol-e .link{ margin-bottom: 0.48rem; } .sol-e .list ul{ margin-left: 0; margin-right: 0; } .sol-e .list li{ width: 100%; margin: 0 0 0.2rem; height: auto; border: 1px solid #E1E6ED; background-size: auto 1.2rem; background-position: right 0.4rem center; } .sol-e .list .text{ padding: 0.36rem 0.3rem; } .sol-e .list .text h4 { font-size: 0.3rem; color: #121314; line-height: 0.42rem; margin-bottom: 0.15rem; max-width: 4.7rem; } .sol-e .list .text p{ max-width: 4.7rem; font-size: 0.24rem; line-height: 0.33rem; color: #666; } .sol-g{ padding: 0.45rem 0 0.5rem; } .sol-g .sol-g-tit { margin-bottom: 0.4rem; font-size: 0.34rem; color: #121314; line-height: 0.48rem; } .sol-g ul{ width: 100%; border-top: 1px solid #E1E6ED; } .sol-g ul li{ margin-right: 0; width: 100%; padding: 0.4rem 0 0.35rem; border: none; border-bottom: 1px solid #E1E6ED; } .sol-g li h2{ font-size: 0.3rem; color: #121314; line-height: 0.42rem; margin-bottom: 0.17rem; } .sol-g li p{ font-size: 0.26rem; color: #999999; line-height: 0.4rem; } .mob-sol-h{ padding: 0.34rem 0; width: 100%; text-align: center; color: #fff; background: url(../solimg/msol11.png) no-repeat center/cover; } .mob-sol-h h2{ font-size: 0.34rem; line-height: 0.48rem; } .mob-sol-h p{ font-size: 0.28rem; line-height: 0.4rem; margin-top: 0.08rem; } .mob-sol-h .sol-more { margin-top: 0.25rem; color: #fff; width: 2.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; border-radius: 2px; border: 1px solid #fff; } /*解决方案详情*/ .solinfo-a{ padding-top: 1rem; height: 3.5rem; background-size: cover; } .solinfo-a h2{ font-size: 0.5rem; line-height: 0.7rem; } .solinfo-a h3 { font-size: 0.36rem; line-height: 0.6rem; } .solinfo-b{ margin-top: 0; } .solinfo-b-top{ padding-top: 0.3rem; } .solinfo-b-top p{ font-size: 0.24rem; line-height: 0.4rem; } .solinfo-b-top h2{ font-size: 0.3rem; line-height: 0.7rem; } .solshare{ margin-top: 0; position: absolute; right: 0; top: 0.3rem; } .solshare a { margin: 0 0.2rem 0 0 !important; display: inline-block; width: 0.5rem !important; height: 0.5rem !important; } .solinfo-c .more{ line-height: 0.48rem; font-size: 0.24rem; } }