/*  解决方案 */
body{
    background: #f7f8fa;
}
.solu-main-banner-bg{
    width:100%;
    height: 5.5rem;
    background: url("../image/solution.png")no-repeat center;
    background-size: cover;
}
/*.solu-banner{*/
/*    height: 100%;*/
/*    text-align: center;*/
/*}*/
/*.solu-banner>div{*/
/*    color:white;*/
/*    text-align: center;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*}*/
/*.solu-banner>div h2{*/
/*    margin-bottom: 0.2rem;*/
/*    font-size: .5rem;*/
/*    font-weight: 400;*/
/*}*/
/*.solu-banner>div p{*/
/*    font-size: 0.3rem;*/
/*    line-height: .4rem;*/
/*}*/
/*.solu-banner:before{*/
/*    content: '';*/
/*    height: 100%;*/
/*    vertical-align: middle;*/
/*    display: inline-block;*/
/*}*/
.solu-content-lump{
    padding-top:1rem;
    background: #f7f8fa;
}
.solu-content-lump .lump-title{
    color:#000;
    font-size:.5rem;
    margin-bottom:.7rem;
}


.solu-content-referral ul{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom:1.5rem;
}
.solu-content-referral ul li{
    position: relative;
    height: 6.6rem;
    margin-bottom:.2rem;
	width:25%;
}
.solu-content-referral ul li .referral-bg{
    position: absolute;
    width:100%;
    height: 100%;
}
.solu-content-referral ul li .referral-bg-hover{
    position: absolute;
    transition:opacity .2s;
    opacity: 0;
    width:100%;
    height: 100%;
}
.solu-content-referral ul li img{
    width:100%;
}
.solu-content-referral ul li:hover .referral-bg-hover{
    opacity: 1;

}
.solu-content-referral ul li:hover .referral-content img{
    transform:scale(.49)
}
.solu-content-referral ul li:hover .referral-content-title{
    transform:translateY(-83px)
}
.solu-content-referral ul li:hover .referral-desc{
    opacity: 1;
    transform:translateY(-102px)
}
.solu-content-referral ul li .referral-content-title{
    transition: transform .8s .02s;
}
.referral-content{
    transform: translateY(124px);
    text-align: center;

}
.referral-content img{
    width:48px!important;
    transition: transform .6s;
}
.referral-content h2{
    color:white;
    font-size:17px;
    line-height: .3rem;
    margin:.4rem 0px;
    padding-bottom: .4rem;
    font-weight: 400;
    position: relative;
}
.referral-content h2::after{
    content: '';
    position: absolute;
    bottom:0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 20px;
    background: white;
}
.referral-content .referral-desc p{
    text-align: left;
    color:white;
    font-size:14px;
}
.referral-content .referral-desc{
    padding:0px .4rem;
    margin-top:.6rem;
    opacity: 0;
    transition: opacity .8s .2s,transform .8s .04s;
}
.solu-content-referral.width{
    max-width: 944px;
}
.solu-content-lump2{
    background-color: white;
}
.solu-content-lump2>div ul li a{
    display: inline-block;
    padding:.5rem;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1), 0 2px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1), 0 2px 3px 0 rgba(0,0,0,.1);
}
.solu-content-lump2>div ul li a h4{
    font-size: .35rem;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 400;
}
.solu-content-lump2>div ul li a p{
    margin-top:.2rem;
    font-size: .25rem;
    color: #666;
}
.solu-content-lump3{
    width:100%;
    background: url("../image/free-bg.jpg")no-repeat center;
    background-size: cover;
    text-align: center;
    padding-bottom:1.2rem;
}
.solu-content-lump3 h2{
    margin-bottom:.8rem;
    font-size:.5rem !important;
}
.solu-content-lump3 p{
    text-align: center;
    font-size:.3rem;

}
.solu-content-lump3 p a{
    color: #00a4ff;
}
.solu-content-lump3>a{
    margin-top:.8rem;
    background-color: #00a4ff;
    color:white;
    width: 4rem;
    line-height: .8rem;
    font-size:.3rem
}
.solu-content-nav{
    padding-top:.3rem;
    padding-bottom:1.2rem;
}
.solu-content-nav ul{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

}
.solu-content-nav ul li{
    flex:1;
    text-align: center;
    padding:0px .3rem;
    transition: all .2s linear;
    cursor: pointer;

}
.solu-content-nav ul li:hover{
    box-shadow:0 2px 4px 0 rgba(3,27,78,.12);
    -webkit-transform:translate3d(0,-3px,0);
    transform:translate3d(0,-3px,0)
}
.solu-content-nav ul li img{
    width:72px;
}
.solu-content-nav ul li h2{
    line-height: .35rem;
    margin: .5rem 0 .2rem 0;
    font-size: 17px;
    font-weight: 500;
    color: #434343;
}
.solu-content-nav ul li span{
    line-height: .4rem;
    font-size: 14px;
    color: #666;
    display: inline-block;
    text-align: left;
}
.act-banner-footer{
    border:none;
    margin-top:-0.5rem;
    margin-bottom:.2rem;
}
.act-banner-footer ul{
    width:100%;
    display: table;
    table-layout: fixed;
}
.act-banner-footer ul li{
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}
.act-banner-footer ul li:first-child a{
    background: #00a4ff;
}
.act-banner-footer ul li a{
    display: block;
    background-color: #373E4E;
    color:white;
    line-height: 1rem;
    font-size: .3rem;
    border-right: 1px solid #434a5a;
}
.act-banner-footer ul li:last-child a{
    border-right: 0px;
}
.teamwork-bg{
    background: #f7f8fa;
}
.teamwork ul li{
    padding: 0px .4rem;
    position: relative;
}
.teamwork ul li:after{
    content: '';
    background: url("../image/next.png")no-repeat center;
    background-size: contain;
    position: absolute;
    right:-13px;
    top:50%;
    transform: translateY(-50%);
    width:26px;
    height: 44px;
}
.teamwork ul li:last-child:after{
    content: '';
    display: none;
}
.case{
    padding-bottom:1.3rem;
}
.case ul{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case ul li{
    text-align: left;
    width:48%;
    padding:0px;
    border: 1px solid #EBEBEB;
    display: inline-block;
    margin-right: .3rem;
    margin-top:.3rem;
    transition:all .2s linear
}
.case ul li:nth-child(2n){
    margin-right: 0;
}
.case ul li>div{
    padding:.6rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;

}
.case ul li:hover {
    box-shadow:0 2px 4px 0 rgba(3,27,78,.12)
}
.case ul li>div img{
    width:100px;
    align-items: center;
    margin-right: .5rem;
}
.case ul li>div h2{
    margin-top:0px;
    line-height: .35rem;
    font-size: 16px;
    font-weight: 500;
    color: #434343;
}
.case ul li>div span{
    line-height: .4rem;
    font-size: 14px;
    color: #666;
    display: inline-block;
    text-align: left;
    margin-top:.2rem;
}
@media screen and (max-width: 769px) {
    .solu-banner:before{
        display: none;
    }
    .solu-banner>div{
        width:90%;
        margin-top: 18%;
    }
    .solu-content-referral ul{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .solu-content-referral ul li{
        width:48%;
    }
    .referral-content{
        transform: translateY(0px);
    }
    .referral-content .referral-desc{
        opacity:1;
    }
    .solu-content-referral ul li:hover .referral-content-title{
        transform: translateY(0px);
    }
    .solu-content-referral ul li:hover .referral-desc {
        opacity: 1;
        transform: translateY(0px);
    }
    .solu-content-referral ul li:hover .referral-content img{
        transform: scale(.3);
    }
    .solu-content-nav ul{
        flex-wrap: wrap;

    }
    .solu-content-nav ul li{
        width:100%;
        flex:auto;
        text-align: left;
        display: flex;
        justify-content: space-between;
        padding:0px;
        margin:.2rem 0;
        align-items: center;
    }
    .solu-content-nav ul li>img{
        padding-left: 0;
        padding-right: .3rem;
    }
    .solu-content-nav ul li h2{
        margin-top:0px;
        flex:1;
    }
    .solu-content-nav ul li span{
        line-height: .5rem;
    }
    .teamwork ul li:after{
        display: none;
    }
    .case ul li{
        width:100%;
        margin-right: 0;
    }
    .referral-content-title> img{
        display: none;
    }
    .case ul li>div span{
        line-height: .5rem;
    }
}