.widget-big-case li{float:left;width:270px;height:320px;margin-right:20px;margin-bottom:24px;background:#f8f8f8;position:relative;}
.widget-big-case li:hover .widget-big-case-qrcode-wrap{top:-10px;height:170px;opacity:1;-webkit-transition:0.3s all ease-in-out 0.2s;-moz-transition:0.3s all ease-in-out 0.2s;transition:0.3s all ease-in-out 0.2s;}
.widget-big-case-image{overflow:hidden;width:270px;height:170px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.widget-big-case-content{padding:15px;position:relative;z-index:20;background:#f8f8f8;}
.widget-big-case-title{margin-bottom:7px;font-weight:bold;font-size:14px;}
.widget-big-case-intro{height:60px;margin-bottom:7px;line-height:20px;font-size:12px;color:#666;}
.widget-big-case-footer{font-size:12px;color:#666;}
.widget-big-case-city{float:left;overflow:hidden;width:130px;white-space:nowrap;text-overflow:ellipsis;}
.widget-big-case-provider{float:right;text-align:right;overflow:hidden;width:100px;white-space:nowrap;text-overflow:ellipsis;}
.widget-big-case-qrcode-wrap{overflow:hidden;position:absolute;z-index:10;top:142px;left:50%;margin-left:-70px;width:140px;height:140px;background:#fff;opacity:0.3;text-align:center;-webkit-box-shadow:0 1px 1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px 2px rgba(0, 0, 0, 0.1);-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.widget-big-case-qrcode-intro{position:relative;top:-13px;font-size:12px;}.widget-big-case-qrcode{width:140px;height:140px;}.widget-big-case li:hover .widget-big-case-qrcode-wrap{top:-15px;height:190px;}.widget-big-case-qrcode-wrap{top:160px;margin-left:-85px;width:170px;height:100px;line-height:20px;}.widget-big-case-qrcode{width:170px;height:170px;}.page-case-nav{float:left;width:120px;font-size:12px;background:#f8f8f8;}.page-case-nav>ul>li{position:relative;}.page-case-nav>ul>li.active a{background:#f8f8f8;}.page-case-nav>ul>li:hover{background:#fff;border-bottom-color:#ddd;}.page-case-nav>ul>li:hover b{display:none;}.page-case-nav>ul>li:hover .page-case-sub-nav{display:block;background:#fff;}.page-case-nav li{border-bottom:1px solid #fff;}.page-case-nav li a{display:block;line-height:20px;padding:10px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.page-case-nav li a:hover{color:#e00;}.page-case-nav li a b{float:right;font-size:16px;height:16px;line-height:16px;margin-top:3px;color:#bbb;}.page-case-nav li a i{float:right;font-size:12px;height:16px;line-height:16px;margin-top:3px;}.page-case-nav li.active a{color:#e00;background:#fff;}.page-case-nav li.active a:hover{background:#fff;}.page-case-nav li.page-case-nav-open{padding-bottom:10px;}.page-case-nav li.page-case-nav-open:hover{background:none;border-bottom-color:#fff;}.page-case-nav li.page-case-nav-open li{border-bottom:none;}.page-case-nav li.page-case-nav-open li a{margin:0 0 0 5px;padding:5px 13px 5px 16px;}.page-case-nav li .page-case-sub-nav{position:absolute;z-index:999;width:90px;top:0;left:120px;padding-top:10px;padding-bottom:10px;-webkit-box-shadow:1px 1px 1px #ccc;box-shadow:1px 1px 1px #ccc;}.page-case-nav li .page-case-sub-nav a{padding-top:5px;padding-bottom:5px;}.page-nav-join{border-top:8px solid #fff;background:#ebf0f2;}.page-nav-join a{color:#07d;}.page-nav-join:hover{border-bottom:none;}.page-nav-join:hover a{background:#ebf0f2;}
.page-main{width:1160px;margin: auto;}
.page-main-topic{overflow:hidden;width:850px;margin-bottom:36px;height:341px;background:#f8f8f8;}
.page-main-topic ul{width:860px;}
.page-main-topic ul li{float:left;width:212px;height:170px;border-right:1px solid #fff;border-bottom:1px solid #fff;background-size:cover;background-repeat:no-repeat;}
.page-main-topic ul li a{display:block;width:212px;height:170px;padding:24px 0 0 28px;font-weight:bold;}
.page-main-topic-1{background-image:url("/v2/image/intro/case/topic_1_1127.jpg");}
.page-main-topic-2{background-image:url("/v2/image/intro/case/topic_2_1127.jpg");}
.page-main-topic-3{background-image:url("/v2/image/intro/case/topic_3_1127.jpg");}
.page-main-topic-4{background-image:url("/v2/image/intro/case/topic_4_20150420.jpg");}
.page-main-topic-5{background-image:url("/v2/image/intro/case/topic_5_1127.jpg");}
.page-main-topic-6{background-image:url("/v2/image/intro/case/topic_6_1127.jpg");}
.page-main-topic-7{background-image:url("/v2/image/intro/case/topic_7_1203.jpg");}
.page-main-topic-8{background-image:url("/v2/image/intro/case/topic_8_1203.jpg");}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5){
		.page-main-topic-1{background-image:url("/v2/image/intro/case/topic_1@2x_1127.jpg");}
		.page-main-topic-2{background-image:url("/v2/image/intro/case/topic_2@2x_1127.jpg");}
		.page-main-topic-3{background-image:url("/v2/image/intro/case/topic_3@2x_1127.jpg");}
		.page-main-topic-4{background-image:url("/v2/image/intro/case/topic_4@2x_20150420.jpg");}
		.page-main-topic-5{background-image:url("/v2/image/intro/case/topic_5@2x_1127.jpg");}
		.page-main-topic-6{background-image:url("/v2/image/intro/case/topic_6@2x_1127.jpg");}
		.page-main-topic-7{background-image:url("/v2/image/intro/case/topic_7@2x_1203.jpg");}
		.page-main-topic-8{background-image:url("/v2/image/intro/case/topic_8@2x_1203.jpg");}
}
.page-block{margin-bottom:28px;}
.page-block-title{margin-bottom:14px;}
.page-block-title h3{float:left;height:18px;line-height:18px;padding-left:10px;font-size:16px;font-weight:bold;color:#ee6e07;border-left:solid 3px #ee6e07;}
.page-block-title h4{float:right;font-size:12px;}
.page-block-title h4 a{margin-right:9px;}
.page-block-title h4 .active{color:#e00;}
.page-block-1 h3,.page-block-9 h3{color:#ee6e07;border-color:#ee6e07;}
.page-block-2 h3,.page-block-10 h3{color:#ee0000;border-color:#ee0000;}
.page-block-3 h3,.page-block-11 h3{color:#ee00be;border-color:#ee00be;}
.page-block-4 h3,.page-block-12 h3{color:#54c600;border-color:#54c600;}
.page-block-5 h3,.page-block-13 h3{color:#f2b100;border-color:#f2b100;}
.page-block-6 h3,.page-block-14 h3{color:#0081ee;border-color:#0081ee;}
.page-block-7 h3,.page-block-15 h3{color:#0134b6;border-color:#0134b6;}
.page-block-8 h3,.page-block-16 h3{color:#9244da;border-color:#9244da;}
.page-block-content{width:850px;height:320px;}
.page-block-content ul{width:1160px;}