@charset "utf-8";
/* CSS Document */




div {
    background-repeat: no-repeat;
}
.titile {
    position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.flex2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.titile h1, .titile .-h1 {
    text-align: center;
    font-size: 40px;
    color: #383836;
    font-weight: bold;
    padding-top: 30px;
}
.titile h1 span, .titile .-h1 span {
    color: #737373;
    font-size: 18px;
    font-family: Arial;
}
.titile_small {
    text-align: left;
    width: auto;
    margin-top: 10px;
    margin: auto;
    margin-bottom: 0px;
    font-size: 16px !important;
    color: #737373;
    text-align: center;
}
.titile_small {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 45px;
    font-size: 16px !important;
    color: #737373;
}

/*解决方案*/
.solution-wrap { background: url(../images/bg1.jpg) no-repeat center top;}
.solution { padding: 55px 0; background: url(../images/bg1.jpg) no-repeat center top;}
.solution[data-bg = 'bg1'] { background: url(../images/bg1.jpg) no-repeat center top;}
.solution[data-bg = 'bg2'] { background: url(../images/bg2.jpg) no-repeat center top;}
.solution[data-bg = 'bg3'] { background: url(../images/bg3.png) no-repeat center top;}
.solution[data-bg = 'bg4'] { background: url(../images/bg4.png) no-repeat center top;}
.solution[data-bg = 'bg5'] { background: url(../images/bg5.png) no-repeat center top;}
.solution[data-bg = 'bg6'] { background: url(../images/bg6.png) no-repeat center top;}
.solution[data-bg = 'bg7'] { background: url(../images/bg7.png) no-repeat center top;}
.solution[data-bg = 'bg8'] { background: url(../images/bg8.jpg) no-repeat center top;}
.solution-tab { width: 150px; padding: 0 35px 0 0; border-right: 2px solid #5c6069;}
.solution-tab li { margin-top: 20px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; cursor: pointer; border-radius: 0; transition: background .2s;}
.solution-tab li:first-child { margin-top: 10px;}
.solution-tab .active { background: #1069f5;}
.solution-tab li .iconfont { position: absolute; top: 15px; left: 10px; font-size: 35px; opacity: .7; filter: alpha(opacity=70);}
.solution-tab .active .iconfont { left: 25px; opacity: 1; filter: alpha(opacity=100);}
.solution-tab li h3 { font-size: 18px;}
.solution-tab li p { font-size: 14px; opacity: .7; filter: alpha(opacity=70);}
.solution-content { width: 850px; padding: 0;}
.solution-content .solution-title { margin-bottom: 10px; font-size: 26px; font-weight: normal; line-height: 48px; color: #fff; overflow: hidden;}
.solution-content .solution-title .btn { float: right; width: 100px; height: 35px; font-size: 14px; line-height: 36px; color: #fff; text-align: center; background: #1069f5; border: none; border-radius: 0;}
.solution-content .solution-desc { height: 90px; padding-top: 20px; font-size: 16px; line-height: 30px; color: #fff;}
.solution-content .solution-icon { padding-top: 30px; overflow: hidden;}
.solution-content .solution-icon li { float: left; width: 12.5%; color: #fff; text-align: center;}
.solution-content .solution-icon li .iconfont { display: block; font-size: 60px; line-height: 90px;}
.solution-content .solution-icon li span { display: block; font-size: 14px;}
.solution-content .solution-case { padding-top: 30px; margin-top: 45px; border-top: 1px dashed #eee; border-top: 1px dashed rgba(255,255,255,.2);}
.solution-content .solution-case li { float: left; width: 150px; height: 60px; margin-left: 25px; overflow: hidden; background: #fff; border-radius: 3px;}
.solution-content .solution-case li img { display: block;  }