.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.modal{ width: 100%;  margin: 0 auto; }
.modal h1{ padding: 60px 0; }
.modal .container{ width: 1200px; margin: 0 auto; padding-bottom: 90px; }
/* 方案一 */
.solution1 .content>div{ display: inline-block; vertical-align: middle; }
.solution1 .content .left{
    width: 578px; height: 442px; border: 1px dashed #c9c9c9; 
    background-color: #f6f6f6; text-align: center;
}
.solution1 .content .left img{ margin-top: 44px; }
.solution1 .content .left div{ 
    width: 480px; line-height: 40px;background-color: #fff;
    text-align: center; margin:40px auto; white-space: pre;
}
.solution1 .content .middle{ width: 130px; height: 104px; position: relative; }
.solution1 .content .middle .text{ text-align: center; font-size: 18px; color:#44444c;  }
.solution1 .content .middle .line{ 
    width: 96px; height: 8px; 
    position: absolute; top: 40px; left: 18px;
    border-top: 1px solid #44444c; border-bottom: 1px solid #44444c;
}
.solution1 .content .right{ width: 480px; height: 450px; text-align: center; }
.solution1 .content .right div{  color: #0d7074; text-align: center; white-space: pre; }


/* 方案二 */
.solution2{ background-color: #0d7074; width: 100%; }
.solution2 h1{ color: #ffffff; }
.solution2 .content .middle .text{ color: #ffffff;  }
.solution2 .content .middle .line{  border-color: #ffffff; }
.solution2 .content .right div{  color: #ffffff; }


/* 方案三 */
.solution3 .content{ word-spacing: -8px; }
.solution3 .content>div{ display: inline-block; vertical-align: middle;  }
.solution3 .content .left{ width: 378px; height: 418px; border: 1px dashed #c9c9c9; }
.solution3 .content .left .head{ height: 180px; padding: 22px 26px; }
.solution3 .content .left .head .photo{ 
    width: 80px; height: 74px; background-color: #eeeeee; 
    text-align: center; display: inline-block; vertical-align: bottom; 
}
.solution3 .content .left .head .photo img{ padding-top: 12px; }
.solution3 .content .left .head .name{ font-size: 18px; color: #0d7074; display: inline-block; padding: 0 0 10px 8px; }
.solution3 .content .left .head ul{ padding-top: 24px;}
.solution3 .content .left .head ul li{ 
    width: 92px; line-height: 36px;border-radius: 18px; background-color: #44444c; text-align: center;
    color: #ffffff; display: inline-block; margin: 0 25px 10px 0; 
}
.solution3 .content .left .head ul li:nth-of-type(3n){ margin-right: 0; }
.solution3 .content .left .foot{ height: 193px; background-color: #eeeeee; border-top: 1px dashed #c9c9c9; }
.solution3 .content .left .foot .title{ text-align: center; line-height: 50px; }
.solution3 .content .left .foot ul{ margin: 0 auto; width: 346px; }
.solution3 .content .left .foot ul li{ display: inline-block; margin: 0 15px; width: 143px; }
.solution3 .content .left .foot ul li .txt{ text-align: center; color: #9fa0a0; padding-top: 5px; }
.solution3 .content .middle{ width: 84px; }
.solution3 .content .middle div{ 
    width: 48px; height: 8px; border-top: 1px solid #44444c; border-bottom: 1px solid #44444c; margin: 0 auto;
}
.solution3 .content .right .head{ 
    width: 654px; height: 302px; padding: 30px 40px; border: 1px dashed #c9c9c9;
    background: url(../image/solution/solution3_4.png) no-repeat 218px; position: relative;
} 
.solution3 .content .right .head>div{ position: absolute; }
.solution3 .content .right .head .title{ color: #8ac230; position: absolute; width: 110px; }
.solution3 .content .right .head .title::before{
    content: "";width: 4px; height: 4px; border-radius: 50%; background-color: #8ac230;
    position: absolute; top:8px; left: -10px;
}
.solution3 .content .right .head .name1{ left: 238px; }
.solution3 .content .right .head .name2{ left: 132px; top: 164px; }
.solution3 .content .right .head .name3{ left: 238px; top: 302px; }
.solution3 .content .right .head .name4{ left: 462px; top: 302px; }
.solution3 .content .right .head .name5{ left: 532px; top: 164px; }
.solution3 .content .right .head .name6{ left: 462px; } 
.solution3 .content .right .head .tip1{ right: 44px; bottom: 72px; }
.solution3 .content .right .head .tip2{ right: 44px; bottom: 42px; }
.solution3 .content .right .foot{ line-height: 34px; text-align:center; background-color: #eeeeee; margin-top: 22px; } 


/*方案四*/
.solution4{ background-color: #eeeeee; width: 100%; }
.solution4 .head{ height: 388px; word-spacing: -6px; }
.solution4 .head ul li{width: 381px; display: inline-block; margin-right: 28px; position: relative; }
.solution4 .head ul li:last-child{ margin-right: 0; }
.solution4 .head ul li .photo{ width: 381px; height: 191px; z-index: 100; }
/*箭头*/
.solution4 .head ul .arrowbox{
    display: inline-block; position: relative;
}
.solution4 .head ul .arrowbox .arrow{
    position: absolute; width: 126px; height: 90px; border-radius: 0 0 50% 50%; border-bottom: 1px dashed #0d7074;
}
.solution4 .head ul .arrowbox .arrow::before{
    content: ''; width: 18px; height: 16px; position: absolute; right: 5px; bottom: 12px;
    background: url(../image/solution/solution_arrow.png) no-repeat;
}
.solution4 .head ul .arrowbox .arrow::after{
    content: ''; width: 130px; height: 20px; background-color: #eeeeee; position: absolute; bottom: 28px;
}
.solution4 .head ul .arrowbox1 .arrow{ top: -200px; left: 330px; }
.solution4 .head ul .arrowbox2 .arrow{ top: -200px; left: 740px; }

.solution4 .head ul li .index{ 
    width: 55px; line-height: 55px; border-radius: 50%; border: 1px dashed #433e49;
    margin: 40px auto 10px; text-align: center; font-size: 24px;
}
.solution4 .head ul li .txt{ width: 340px; margin: 0 auto; }
.solution4 .foot1{ height: 320px; background-color: #fff; }
.solution4 .foot1 .title{ font-size: 18px; color: #137073; padding: 28px 0; text-align: center; }
.solution4 .foot1 .procedure{ height: 240px; }
.solution4 .foot1 .procedure .lst{ 
    width: 215px; display: inline-block; text-align: center; height: 40px;
    margin-right: 72.5px; position: relative; vertical-align: top; 
}
.solution4 .foot1 .procedure .lst::before{
    content: ''; width: 13px; height: 13px;border-radius: 50%; background-color: #0d7074; position: absolute;
}
.solution4 .foot1 .procedure .lst::after{
    content: ''; height: 28px; border-left: 1px solid #0d7074; position: absolute; 
}
.solution4 .foot1 .procedure .list1{ height: 85px; padding: 0 0 0 124px; }
.solution4 .foot1 .procedure .list1 .lst:first-child+.lst{ padding-top: 20px; }
.solution4 .foot1 .procedure .list1 .lst::before{ top: 46px; left: 105px; }
.solution4 .foot1 .procedure .list1 .lst::after{ top: 58px; left: 111px; }
.solution4 .foot1 .procedure .list2{ height: 85px; padding: 46px 0 0 270px; }
.solution4 .foot1 .procedure .list2 .lst::before{ bottom: 46px; left: 105px; }
.solution4 .foot1 .procedure .list2 .lst::after{ bottom: 58px; left: 111px; }
.solution4 .foot1 .procedure .line{ width: 1040px; height: 38px; margin: 0 auto; }
.solution4 .foot2{display: none;}


/* 方案五 */
.solution5 .title{ text-align: center; color:#44444c; }
.solution5 .title .article{ padding-top: 6px;   }
.solution5 .line { 
    background: url(../image/solution/solution_社区.png) no-repeat center; height: 70px; margin: 25px 0;
}
.solution5 .list ul{ word-spacing: -6px; }
.solution5 .list ul li {
    display: inline-block; vertical-align: top; width: 283px; height: 286px; 
    margin-left: 20px; border: 1px dashed #c9c9c9;
}
.solution5 .list ul li:first-child{ margin: 0; }
.solution5 .list ul li .name{ padding: 15px 0 10px; font-size: 18px; text-align: center; }
.solution5 .list ul li .intro{ color:#898989; text-align: center; width: 188px; margin: 0 auto; }


/* 方案六 */
.solution6 { background-color: #0d7074; }
.solution6 h1{ color: #fff; }
.solution6 .content{ background-color: #fff; height: 600px; padding: 30px 0 0; box-sizing: border-box;}
.solution6 .head>div{ display: inline-block; vertical-align: middle; }
.solution6 .head .tip{ width: 210px; height: 180px; padding: 10px 30px }
.solution6 .head .tip div::before{ 
    content: '2'; width: 14px; line-height: 14px;font-size:12px; border-radius: 50%; border: 1px solid #433e49;
    margin-right: 5px; display: inline-block; text-align: center;
}
.solution6 .head .tip div:first-child:before{ content: '1'; }
.solution6 .head .top{ width: 170px; height: 110px; }
.solution6 .head .top img{ width: 100%; height: 100%; } 
.solution6 .head .about{ width: 40px; padding: 0 15px; }
.solution6 .head .about div{ width: 26px; height: 4px; background-color: #0d7074; position: relative; }
.solution6 .head .about div::after{ 
    content:''; position: absolute; width: 15px; height: 15px; border-radius: 50%; right: -15px; top: -6px;background-color: #0d7074;
}
.solution6 .head .bot{ 
    width: 163px; height: 163px; border-radius: 50%;
    background: url(../image/solution/solution6_1.png) no-repeat center 25px #eeeeee;
}
.solution6 .head .bot .pan{
    text-align: center; font-size: 18px; color: #0d7074; padding-top: 120px;
}
.solution6 .con{ background: url(../image/solution/solution_家居.png) no-repeat center; height: 70px; margin: 0 0 15px; }
.solution6 .foot{ margin: 0 auto; width: 840px; }
.solution6 .foot ul{ word-spacing: -6px; }
.solution6 .foot ul li { display: inline-block; vertical-align: top; width: 170px; height: 280px;  margin-left: 53px; }
.solution6 .foot ul li:first-child{ margin: 0; }
.solution6 .foot ul li .photo{ text-align: center; background-color: #137073; width: 134px; height: 134px; border-radius: 50%; margin: 0 auto; }
.solution6 .foot ul li .photo img{ padding-top: 6px; width: 122px; height: 122px; }
.solution6 .foot ul li .name{ padding: 20px 0 10px; font-size: 18px; color:#137073; text-align: center; }
.solution6 .foot ul li .intro{ line-height: 17px; }


/* 方案七 */
.solution7 .container{ padding-bottom: 30px; }
.solution7 .container h1{ padding: 50px 0 30px; }
.solution7 .container .title{ text-align: center; padding-bottom: 40px; }
.solution7 .head2{ display: none; }
.solution7 .head{ padding: 0 220px; word-spacing: -6px; }
.solution7 .head>div{ display: inline-block; vertical-align: middle; }
.solution7 .head .photo{ width: 190px; height: 190px; padding: 25px 20px; }
.solution7 .head .photo div{ width: 190px;height: 190px; border-radius: 50%; box-shadow: 0 0 10px 2px rgba(0,0,0,.2); }
.solution7 .head .list{ width: 260px; height: 220px; box-sizing: border-box; }
.solution7 .head .list2{ padding-left: 90px; }
.solution7 .head .list .lst{ 
    margin: 0 0 16px; width: 160px; line-height: 38px;  border: 1px dashed #0d7074;
    text-align: center; border-radius: 4px; position: relative; color: #0d7074; 
}
.solution7 .head .lst::before{
    content: ''; width: 72px; border-top: 1px dashed #0d7074; position: absolute; right: -72px; top: 19px;
}
.solution7 .head .lst::after{
    content: ''; width: 12px; height: 12px; border-radius: 50%; background-color: #0d7074; position: absolute; right: -78px; top: 14px;
}
.solution7 .head .list2 .lst::before{ left: -72px; }
.solution7 .head .list2 .lst::after{ left: -78px; }
.solution7 .container2{ background-color: #eeeeee; }
.solution7 .container2 .title{ text-align: center; padding: 40px 0 30px;width: 1200px; margin: 0 auto; }
.solution7 .container2 .content{ width: 1200px; margin: 0 auto; }
.solution7 .container2 .content ul { height: 450px; padding: 0 160px;}
.solution7 .container2 .content ul li{ display: inline-block; margin-left: 120px; text-align: center;  }
.solution7 .container2 .content ul li:first-child{ margin: 0; }
.solution7 .container2 .content ul li .name{ color: #0d7074; padding-top: 20px; }
.solution7 .mobilecontent{display: none;}


/* 方案八 */
.solution8 h1{ padding-bottom: 0; width: 1200px; margin: 0 auto; }
.solution8 .box .content{ width: 1200px; margin: 0 auto; }
.solution8 .box .content .subtitle{
    width: 130px; line-height: 46px; border-radius: 23px; font-size: 20px; text-align: center; 
    background-color: #0d7074; color: #fff; margin: 25px auto 30px;
}
.solution8 .box .content .foreword{ text-align: center; }
.solution8 .box1 .list ul{ height: 300px; padding: 30px 0 50px; margin: 0 90px; }
.solution8 .box1 ul li {
    float: left; margin-left: 46px; width:220px; height: 300px; box-sizing: border-box;
    box-shadow: 1px 1px 18px rgba(0,0,0,.1); padding-top: 40px; text-align: center; position: relative;
}
.solution8 .box1 .list ul li:first-child{ margin: 0; }
.solution8 .box1 .list ul li .name{
    width: 110px; line-height: 38px; background-color: #89c22d; color: #fff;
    border-radius: 19px; position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%);
}
.solution8 .box2{ background-color: #0d7074; padding-top: 30px; }
.solution8 .box2 .content .subtitle{ background-color: #fff; color: #0d7074; }
.solution8 .box2 .content .foreword{ color: #fff; }
.solution8 .box2 .list ul{ height: 386px; padding: 30px 0 62px; }
.solution8 .box2 .list ul li {
    float: left; margin-left: 28px; width:217px; height: 386px; box-sizing: border-box;
    box-shadow: 1px 1px 18px rgba(0,0,0,.1); text-align: center; position: relative;
}
.solution8 .box2 .list ul li:first-child{ margin: 0; }
.solution8 .box3{ padding:30px 0 0 0; }
.solution8 .box3 .list .photo{ text-align: center; }



footer{ margin-top: 60px; }

@keyframes shake
{
    10% { transform: rotate(15deg); }
    20% { transform: rotate(-10deg); }
    30% { transform: rotate(5deg); }
    40% { transform: rotate(-5deg); }
    50%,100% { transform: rotate(0deg); }
}

/**/
.animated{ 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both 
} 
@-webkit-keyframes twinkling{ 
    0%{ opacity: 0.5;  } 
    100%{  opacity: 1; } 
} 

@keyframes twinkling{ 
    0%{ opacity: 0.5; } 
    100%{ opacity: 1; } 
}



/*945分辨率以上*/
@media (min-width: 945px){

}

/****** 1600分辨率以下 ******/
@media screen and (min-width: 1500px) {

}

/*945分辨率以下*/
@media (max-width: 945px){
    .modal .container{ width: 640px; }
    .solution1 .content{ width: 580px; margin: 0 auto;}
    .solution1 .content .middle{ width: 580px; height: 100px; }
    .solution1 .content .middle .text{ font-size: 24px; position: absolute; right: 160px; top: 32px; }
    .solution1 .content .middle .line{ 
        width: 8px; height:60px; top: 20px; left: 285px;
        border:0; border-left: 1px solid #44444c; border-right: 1px solid #44444c;
    }
    .solution1 .content .right{ width: 580px; height: 450px; text-align: center; }


    .solution2 .content .middle .line{ border-color: #ffffff; }
    

    .solution3 .content{ width: 580px; margin: 0 auto;}
    .solution3 .content .left{ width: 580px; height: 644px; border: 0; box-shadow: 1px 1px 18px rgba(0,0,0,.2) }
    .solution3 .content .left .head{ height: 282px; padding: 21px 24px; }
    .solution3 .content .left .head .photo{ width: 136px; height: 126px; }
    .solution3 .content .left .head .photo img{ width: 110px; height: 82px; padding-top: 23px; }
    .solution3 .content .left .head .name{ font-size: 28px; padding: 0 0 10px 20px; }
    .solution3 .content .left .head ul li{ 
        width: 160px; line-height: 46px;border-radius: 23px; margin: 0 24px 15px 0; 
    }
    .solution3 .content .left .foot{ height: 320px; border-top: 0; }
    .solution3 .content .left .foot .title{ line-height: 84px; }
    .solution3 .content .left .foot ul{ width: 548px; }
    .solution3 .content .left .foot ul li{ display: inline-block; margin: 0 20px; width: 234px; }
    .solution3 .content .left .foot ul li img{ width: 234px; height: 157px; }
    .solution3 .content .left .foot ul li  .txt{ padding-top: 16px; }
    .solution3 .content .middle{ width: 580px; height: 96px;}
    .solution3 .content .middle div{ 
        width: 10px; height: 50px; margin-top: 23px; border: 0;
        border-right: 1px solid #44444c; border-left: 1px solid #44444c;
    }
    .solution3 .content .right .head{ 
        width: 490px; height: 490px; padding: 25px 44px;
        background: url(../image/solution/solution3_5.png) no-repeat center 128px;
    } 
    .solution3 .content .right .head .title{ width: 100%; position: initial; text-align: center; }
    .solution3 .content .right .head .title::before{display: none;}
    .solution3 .content .right .head .name1{ left: 124px; top: 102px; }
    .solution3 .content .right .head .name2{ left: 48px; top: 232px; width: 80px; text-indent: 24px; }
    .solution3 .content .right .head .name3{ left: 124px; top: 388px; }
    .solution3 .content .right .head .name4{ left: 380px; top: 388px; }
    .solution3 .content .right .head .name5{ left: 452px; top: 240px; }
    .solution3 .content .right .head .name6{ left: 380px; top: 102px; } 
    .solution3 .content .right .head .tip1{ right: 215px; bottom: 72px; }
    .solution3 .content .right .head .tip2{ right: 215px; bottom: 42px; }
    .solution3 .content .right .head .imgtip{ width: 17px; height: 17px; border-radius: 50%; }
    .solution3 .content .right .head .imgtip::before{ 
        content: ""; width: 40px; height: 3px; position: absolute; top:7px; left: -11px;
     }
    .solution3 .content .right .head .imgtip1{ background-color: #0d7074; bottom: 78px; left: 216px; }
    .solution3 .content .right .head .imgtip1::before{ background-color: #0d7074; }
    .solution3 .content .right .head .imgtip2{ background-color: #e54e31; bottom: 48px; left: 216px;  }
    .solution3 .content .right .head .imgtip2::before{ background-color: #e54e31; }
    .solution3 .content .right .foot{ line-height: 46px; margin-top: 15px; }


    .solution4 .content{ width: 580px; margin: 0 auto;}
    .solution4 .head{ height: 520px; }
    .solution4 .head ul .arrowbox{ display: none; }
    .solution4 .head ul li{ margin: 0; }
    .solution4 .head ul li .photo{ width: 580px; height: 292px;} 
    .solution4 .head ul li .photo img{ width: 100%; height: 100%; }
    .solution4 .head ul li .index{  width: 38px; line-height: 38px; margin-top: 20px; }
    .solution4 .head ul li .txt{ width: 580px; font-size: 24px; text-align: left; }
    .solution4 .swiper-slide{ background-color: #eeeeee; }
    .solution4 .content{ position: relative; }
    .solution4 .swiper-pagination{ left: 50%; transform: translateX(-50%); top: 460px;}
	.solution4 .swiper-pagination-bullet {
	    width: 18px; height: 18px; background: #434d56; opacity: 1; vertical-align: middle;
	}
	.solution4 .swiper-pagination-bullet:not(:last-child) { margin-right: 18px; }
	.solution4 .swiper-pagination-bullet-active {
	    width: 22px; height: 22px; background: #0d7074;
	}
    .solution4 .foot1{ display: none; }
    .solution4 .foot2{ display: block; height: 756px; background-color: #fff; }
    .solution4 .foot2 .title{ font-size: 26px; color: #137073; padding: 32px 0; text-align: center; }
    .solution4 .foot2 .procedure ul{ padding: 0 8px; }
    .solution4 .foot2 .procedure ul li{ 
        display: inline-block;word-spacing: -6px; width: 144px; padding: 0 18px; vertical-align: top;
    }
    .solution4 .foot2 .procedure ul li .dot{
        width: 106px; line-height: 106px;border-radius: 50%; font-size: 30px; color: #ffffff; text-align:center;
        background-color: #0d7074; margin: 0 auto;
    }
    .solution4 .foot2 .procedure ul li:first-child+li .dot{ background-color: #8ac230; }
    .solution4 .foot2 .procedure ul li:first-child+li+li+li+li .dot{ background-color: #8ac230; }
    .solution4 .foot2 .procedure ul li .lst{ padding: 15px 0 40px; }
   

    .solution5 .container{ padding-bottom: 0; }
    .solution5 .line { 
        background: initial; width: 0; height: 45px; margin: 25px auto 0; border: 1px solid #0d7074; position: relative;
    }
    .solution5 .line::before{
        content: ''; width: 24px; height: 24px; border-radius: 50%; background-color: #0d7074;
        position: absolute; left:-12px; bottom:-13px;
    }
    .solution5 .list{ background: #eeeeee; padding: 50px 0; }
    .solution5 .list ul{ width:592px; margin: 0 auto; }
    .solution5 .list ul li { background: #ffffff; height: 356px; margin-left: 22px; border: 0; }
    .solution5 .list ul li:nth-of-type(2n+1){ margin-left: 0; }
    .solution5 .list ul li:first-child{ margin-bottom: 30px; }
    .solution5 .list ul li .name{ font-size: 26px; }
    .solution5 .list ul li .intro{ width: 226px; }


    .solution6 .content { width: 580px; height: 1286px; margin: 0 auto; }
    .solution6 .head>div{display: block;}
    .solution6 .head .tip{ width: 400px; height: 100px; }
    .solution6 .head .tip div::before{ font-size:20px; width:22px; line-height: 22px; }
    .solution6 .head .top{ width: 170px; height: 110px; margin: 0 auto; }
    .solution6 .head .about{ height: 34px; width: 4px; margin: 20px auto 0; }
    .solution6 .head .about div{ width: 4px; height: 26px; }
    .solution6 .head .about div::after{  width: 16px; height: 16px; right: -6px; top: 25px; }
    .solution6 .head .bot{ margin: 0 auto; }
    .solution6 .head .bot .pan{ font-size: 24px; padding-top:114px; }
    .solution6 .con{ background: initial; width: 4px; height: 32px; background-color: #0d7074; position: relative; margin: 20px auto 0; }
    .solution6 .con::after{ 
        content:''; position: absolute; width: 16px; height: 16px; border-radius: 50%; right: -6px; top: 26px;background-color: #0d7074;
    }
    .solution6 .foot{ width: 480px; background-color: #eeeeee; padding: 45px 50px 0; }
    .solution6 .foot ul li {  width: 230px; height: 360px; margin-left: 16px; }
    .solution6 .foot ul li:nth-of-type(2n+1){ margin: 0; }
    .solution6 .foot ul li .photo{ width: 156px; height: 156px; }
    .solution6 .foot ul li .photo img{ width: 144px; height: 144px; }
    .solution6 .foot ul li .name{ padding: 20px 0 10px; font-size: 26px; }
    .solution6 .foot ul li .intro{ line-height: 30px; }


    .solution7 .content{ width: 580px; margin: 0 auto; }
    .solution7 .head1{ display: none; }
    .solution7 .head2{ display: block; }
    .solution7 .head>div{display: block;}
    .solution7 .head{ padding: 0 15px; }
    .solution7 .head .photo{ margin: 0 auto; }
    .solution7 .head .list .lst::after,.solution7 .head .list .lst::before{display: none;}
    .solution7 .head .list{ width: 550px; }
    .solution7 .head .list .lst{ line-height: 56px; display: inline-block; margin-left: 30px; }
    .solution7 .head .list .lst:nth-of-type(3n+1){ margin: 0; }
    .solution7 .container2 { background-color: #fff; }
    .solution7 .container2 .title { background-color: #eeeeee; width: 100%; line-height: 70px; padding: 0; margin-bottom: 100px; }
    .solution7 .container2 .content{ display: none; }
    .solution7 .container2 .mobilecontent{ display: block; width: 590px;margin: 0 auto; }
    .solution7 .container2 .mobilecontent ul{ width:100%;height: 570px; position:relative; }
    .solution7 .container2 .mobilecontent ul li{
        position: absolute; width: 0px; height: 0px; left: 260px; top: 0px; overflow: hidden; 
    }
    .solution7 .container2 .mobilecontent ul li img{width:100%;height:auto; box-shadow: 0 0 16px rgba(0,0,0,.2);}
    .solution7 .container2 .mobilecontent ul li .name{ opacity: .7; padding-top:30px; text-align: center; color: #0d7074; }
    .solution7 .container2 .mobilecontent ol{padding-left: 230px;margin-top: 10px; height: 30px; }
    .solution7 .container2 .mobilecontent ol li{
        width:26px;height:26px;display:block;background:#ccc;border-radius:13px;
        margin:0px 8px;text-indent:-9999px;float:left;cursor:pointer;
    }
    .solution7 .container2 .mobilecontent ol .active{ background:#69aaec; }


    .solution8{ background-color: #eeeeee; } 
    .solution8 h1{ padding-bottom: 0; width: 640px; }
    .solution8 .box .content{ width: 640px; }
    .solution8 .box .content .subtitle{ font-size: 26px; }
    .solution8 .box .content .foreword{ width: 560px; margin: 0 auto; }
    .solution8 .box .list{ width: 640px; overflow: auto; }
    .solution8 .box1 .list ul{ width: 970px; margin: 0 30px; padding: 40px 0 60px; }
    .solution8 .box1 .list ul li{ background-color: #fff; margin-left: 20px; }
    .solution8 .box2{ height: 450px; }
    .solution8 .box2 .list ul{ width: 1320px; margin: 0 30px; padding: 40px 0 60px; }
    .solution8 .box2 .list ul li{ width: 234px; height: 436px; margin-left: 30px; }
    .solution8 .box2 .list ul li img{ width: 100%; height: 100%; }
    .solution8 .box3{background-color: #fff; } 
    .solution8 .box3 .content {margin-top: 210px;}
}