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;
}
}