/*!* cases miyunvip.com原创发布 *!*/

.top-banner.sell-solution {
    background: #008aff;
}
.top-banner.social-solution {
    background: #0567fa;
}
.relation {
    background: #f5fbff;
    height: 656px;
}
.relation img {
    margin: 0 auto;
    height: 420px;
}
.tradition img {
    margin: 0 auto;
    margin-bottom: 50px;
}
.store {
    background: url(../images/solution/bg.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/case/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/case/ban_bg1.png') center no-repeat
}
.ban_bg2 {
    background:#f64c8f url('../images/case/ban_bg2.png') center no-repeat
}
.ban_bg3 {
    background:#29dedf url('../images/case/ban_bg3.png') center no-repeat
}
.ban_bg4 {
    background:#db0a2c url('../images/case/ban_bg4.png') center no-repeat
}
.ban_bg5 {
    background:#d4bfad url('../images/case/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/case/icon.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/case/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('../img/case/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%;
    text-align: center;
}
.f2-second-buss span {
    min-width:74px;
    font-size:14px;
    color:#9797a1;
    letter-spacing:0;
    text-align:center;
    line-height:24px;
    border:1px solid #e3e2e5;
    padding: 2px 10px;
}
.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%
}

.miyunvipcom {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.miyunvipcom a {
	color: #666;
	padding: 3px 10px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.miyunvipcom * {
	display: inline-block;
	zoom: 1;
	display: inline;
	vertical-align: middle;
	line-height: 30px;
	padding-bottom: 1px;
}
.miyunvipcom a:hover, .miyunvipcom .hover {
	color: #fff;
	background: #2a7efb;
	border-color: #2a7efb;
}



.cases-consult {
    height:210px
}
.consult-photo {
    float:left;
    margin:52px 78px 0 36px;
    height:106px;
    width:106px;
    background:url("../images/case/kf.png?201810") 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/case/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)
}