/*!* cases 经典案例 *!*/.top-banner.sell-solution {    background: #008aff;}.top-banner.social-solution {    background: #5060e6;}.relation {    background: #f5fbff;    height: 656px;}.relation img {    margin: 0 auto;    height: 420px;}.tradition img {    margin: 0 auto;    margin-bottom: 50px;}.store {    background: url(../images/bg_e0db4ca3e07f4179afd0c27774ed7a85.png) no-repeat;    padding-bottom: 50px;    background-size: 100% 100%;}.store-title {    font-size: 26px;    font-weight: 500;    color: #fff;    text-align: center;    padding: 50px 0;}.store-container {    justify-content: center;}.m-snav-b.s1 {    color:#2589ff}.m-snav-b:hover {    color:#2589ff}.m-ban.cases {    background:url('../images/ban_bg.png')}.cases-col {    color:#3d3d00}.cases-col2 {    background-color:#2589ff}.cases-bg1 {    background:#f7f8fa}.cases .ban-pos {    top:130px}.cases .m-ban-lnk {    position:relative;    font-size:24px;    color:#fff;    letter-spacing:0;    background:rgba(216,216,216,0);    border:1px solid #fff;    border-radius:5px}.cases .m-ban-page>li {    background:#fff;    opacity:.3}.cases .m-ban-page>li.active {    opacity:1}.cases-ban-qr {    position:absolute;    display:none;    top:-56px;    width:180px;    right:-170px;    z-index:10}.cases-ban-qr>div {    float:right;    width:140px;    padding:10px;    background-color:#fff;    border-radius:6px}.cases-ban-qr>img {    display:block;    width:140px;    height:140px}.cases-ban-scan:hover .cases-ban-qr {    display:block}.ban_bg1 {    background:#6241f0 url('../images/ban_bg1.png') center no-repeat}.ban_bg2 {    background:#f64c8f url('../images/ban_bg2.png') center no-repeat}.ban_bg3 {    background:#29dedf url('../images/ban_bg3.png') center no-repeat}.ban_bg4 {    background:#db0a2c url('../images/ban_bg4.png') center no-repeat}.ban_bg5 {    background:#d4bfad url('../images/ban_bg5.png') center no-repeat}.cases .m-ban-item {    height:500px;    background-size:cover;    background-position:center}.f2-nav {    width:1190px;    margin:0 auto 40px;    overflow:hidden}.f2-nav>li {    float:left;    width:108px;    cursor:pointer}.f2-nav .f2-title {    margin-bottom:16px;    text-align:center;    font-size:14px;    letter-spacing:2px;    line-height:20px}.f2-icon {    display:block;    height:48px;    width:48px;    margin:10px auto 6px;    background:url('../images/icon_3fc1ec76dbb441288f58135baf17b4e4.png') center no-repeat;    background-size:100% auto}.f2-in1,.f2-in-all {    background-position:0 0}.f2-in10 {    background-position:0 -68px}.f2-in11 {    background-position:0 -136px}.f2-in2 {    background-position:0 -204px}.f2-in3 {    background-position:0 -272px}.f2-in4 {    background-position:0 -340px}.f2-in5 {    background-position:0 -408px}.f2-in6 {    background-position:0 -476px}.f2-in7 {    background-position:0 -544px}.f2-in8 {    background-position:0 -612px}.f2-in9 {    background-position:0 -680px}.f2-nav .active {    color:#2589ff;    text-align:center}.f2-nav .active .f2-icon {    background-image:url('../images/hIcon.png')}.f2-items {    width:1232px;    margin:auto}.f2-items>li {    position:relative;    margin-right:16px;    margin-left:16px;    margin-bottom:30px;    float:left;    width:274px;    height:488px;    background-color:#fff;    border:1px solid #e3e2e5}.f2-item-show {    height:100%;    overflow:hidden}.f2-logo {    margin:70px auto 52px;    display:block;    width:120px;    height:120px;    border-radius:60px;    border:1px solid #e3e2e5}.f2-line {    display:block;    margin:20px auto 16px;    width:24px;    height:4px;    background:#595961}.f2-des {    margin:16px auto 90px;    width:218px;    font-size:16px;    color:#9797a1;    line-height:28px;    text-align:left;    height:116px;overflow: hidden;}.f2-item-hide {    position:absolute;    top:-1px;    left:-1px;    width:276px;    height:490px;    background:#6d6d6d;    box-shadow:0 10px 20px 0 rgba(0,0,0,.1);    opacity:0;    filter:alpha(opacity=0);    -webkit-transition:all .3s;    -moz-transition:all .3s;    -ms-transition:all .3s;    -o-transition:all .3s;    transition:all .3s}.f2-hide-mark {    top:0;    left:0;    height:100%;    background:url('../images/mark.png') center no-repeat;    z-index:6}.f2-hide-mark,.f2-hide-wrap {    position:absolute;    width:100%;    opacity:0;    filter:alpha(opacity=0);    -webkit-transition:all .3s;    -moz-transition:all .3s;    -ms-transition:all .3s;    -o-transition:all .3s;    transition:all .3s}.f2-hide-wrap {    top:270px;    height:220px;    text-align:center;    font-size:14px;    color:#595961;    overflow:hidden;    z-index:10}.f2-second-buss {    position:absolute;    bottom:14px;    width:100%}.f2-second-buss span {    float:right;    min-width:74px;    font-size:14px;    color:#9797a1;    letter-spacing:0;    text-align:center;    line-height:24px;    border:1px solid #e3e2e5}.f2-items>li:hover .f2-item-hide,.f2-items>li:hover .f2-hide-wrap,.f2-items>li:hover .f2-hide-mark {    opacity:1;    filter:alpha(opacity=100)}.f2-qr {    margin:40px auto 10px;    height:130px;    width:130px}.f2-items>li:hover .f2-qr {    display:block}.f2-hide-bg {    display:block;    width:100%;    height:100%}.f2-page-wrap {    margin:0 auto 30px;    width:1200px;    overflow:hidden}.f2-page {    overflow:hidden;    float:right}.f2-page>li {    display:inline-block;    float:left;    margin-right:10px;    width:28px;    height:28px;    line-height:30px;    text-align:center;    font-size:12px;    color:#7e7b84;    cursor:pointer;    border:1px solid #e3e2e5}.f2-page>li.isnan {    cursor:default}.f2-page li.active {    color:#FFF;    background:#2589ff}.f2-page .pre {    background:url('../images/pre.png') center no-repeat}.f2-page .next {    background:url('../images/next.png') center no-repeat}.f2-page .go {    overflow:hidden;    width:78px;    border:1px solid #e3e2e5}.f2-page .go input {    width:30px;    height:30px;    padding:0 40px 0 10px;    outline:none;    border:none;    font-size:14px}.f2-page .f2-total {    border:none;    overflow:hidden;    min-width:50px}.f2-page .go-txt {    position:absolute;    top:0;    right:0;    width:30px;    height:30px;    border-left:1px solid #e3e2e5}.cases-consult {    height:210px}.consult-photo {    float:left;    margin:52px 78px 0 36px;    height:106px;    width:106px;    background:url("../images/kf.png") center no-repeat}.consult-des {    display:inline-block;    float:left;    width:560px;    margin-top:53px}.consult-link {    float:left;    margin-left:130px;    margin-top:85px;    width:160px;    height:40px;    font-size:18px;    color:#fff;    line-height:40px;    text-align:center;    background:rgba(17,26,39,0);    border:1px solid #FFF;    border-radius:2px}.consult-link:hover {    background:#fff;    color:#2589ff}.case-ban-vd {    width:500px;    height:420px;    position:absolute;    right:50px;    bottom:0}.case-ban-vd-cn {    margin:45px 0;    top:0;    cursor:pointer;    box-shadow:0 10px 20px rgba(0,0,0,.3)}.case-ban-vd-cn,.case-ban-in {    position:absolute;    left:0;    z-index:1}.case-ban-in {    width:82px;    height:82px;    top:50%;    right:0;    margin:-41px auto 0;    background-image:url('../images/ban_play.png');    background-size:100% auto}.case-ban-mask {    width:100%;    height:100%;    position:absolute;    opacity:.3;    display:none\9;    background-color:#000}.case-ban-vd-box {    position:fixed;    width:1100px;    height:627px;    top:50%;    left:0;    right:0;    margin:-313px auto 0;    background-color:#000;    z-index:999}.case-ban-video {    width:100%;    height:auto;    box-shadow:0 10px 20px rgba(0,0,0,.3)}.case-popup-close {    position:absolute;    cursor:pointer;    top:5px;    right:-43px;    width:33px;    height:33px;    z-index:30;    background:url('../images/close.jpg');    box-shadow:0 2px 8px rgba(0,0,0,.3)}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {    .f2-icon {        background-image:url('../images/icon@2x.png');        background-size:100% auto    }    .f2-nav .active .f2-icon {        background-image:url('../images/hIcon@2x.png');        background-size:100% auto    }    .f2-page .pre {        background-image:url('../images/pre@2x.png');        background-size:100% auto    }    .f2-page .next {        background-image:url('../images/next@2x.png');        background-size:100% auto    }    .consult-photo {        background-image:url("../images/kf@2x.png");        background-size:100% auto    }}