.index-case-banner{position:relative;height:360px;background:#DDD;}
.case-banner{position:absolute;left:0;overflow:hidden;width:100%;height:360px;}
.banner-box{position:relative;height:360px;min-width:1200px;}
.banner-box .slider-bd{width:100%!important;}
.banner-box .slider-bd li .slide-width{position:relative;overflow:hidden;margin:0 auto;width:1200px;height:360px;}
.banner-box .slider-bd li .slide-width img{display:block;width:1200px;height:360px;}
.banner-box .slider-bd li{width:100%!important;height:360px;}
.banner-btn{position:absolute;bottom:0;left:50%;display:inline-block;margin-left:480px;width:120px;height:68px;z-index:3}
.banner-btn a{position:absolute;top:0;display:block;width:59px;height:68px;border-left:1px solid #666;opacity:.5;filter:alpha(opacity=50);}
.banner-btn a.prev{left:0;background:url('../images/prev-next.png') no-repeat 0 0;transition:All .3s ease;}
.banner-btn a.next{right:0;background:url('../images/prev-next.png') no-repeat -60px 0;transition:All .3s ease;}
.banner-btn .prev:hover,
.banner-btn .next:hover{filter:alpha(opacity=100);opacity:1;}
.banner-box .pages{position:absolute;top:36px;left:-40px;color:#FFF;letter-spacing:1px;}
.banner-box .pages span{color:#01AF63;font-weight:600;}
.case-index-sort{position:relative;width:1200px;margin:0 auto;height:360px}
.case-index-sort .opacity{position:absolute;bottom:0;right:0;width:955px;height:68px;background:#000;opacity:.6;filter:alpha(opacity=60);z-index:1}
.case-index-sort .txt {position:absolute;bottom:0;z-index:2;height:68px;width:835px;overflow:hidden;line-height:68px;right:120px;}
.case-index-sort .txt li{width:775px;height:48px;padding:10px 30px;position:absolute;left:0;bottom:-68px}
.case-index-sort .txt h2 {height:28px;line-height:28px;}
.case-index-sort .txt span{float:left;color:#FFF;font-size:12px;height:20px;line-height:20px;max-width:700px;overflow:hidden;}
.case-index-sort .txt li a{font-size:20px;color:#FFF;}
.case-sort-left {position:absolute;left:0;bottom:0;width:265px;height:auto;background:#fff;z-index:4}
.case-sort-left dl{position:relative;}
.case-sort-left dl{padding:0 0 12px 20px;height:55px;border-bottom:1px dotted #dbdbdb;}
.case-sort-left dl dt{float:left;padding-top:15px;width:53px;height:42px;border-right:1px solid #eaeaea;}
.case-sort-left dl dt span{float:left;height:23px;color:#333;text-align:left;font-size:18px;line-height:23px;}
.case-sort-left dl dt em{float:left;height:14px;color:#CCC;font-size:12px;line-height:14px;}
.case-sort-left dl dd{float:left;margin-left:10px;width:177px;}
.case-sort-left dl dd a{float:left;padding:13px 10px 0 10px;min-width:39px;height:14px;outline:0;text-align:center;line-height:14px;}
.case-sort-left .more{position:absolute;top:0;left:265px;display:none;overflow:hidden;width:354px;height:68px;background:#fff;}
.case-sort-left dl:hover .more{display:block;}
.case-sort-left .more a{float:left;padding:13px 10px 0 10px;min-width:39px;height:14px;outline:0;text-align:center;line-height:14px;}
.layout-1 .select-case{position:relative;width:1200px;height:410px;overflow:hidden;}
.layout-1 .case-left{position:relative;float:left;width:580px;height:410px;overflow:hidden;}
.layout-1 .case-left img{width:580px;height:410px;display:block;}
.layout-1 .case-left .text-bg,.layout-1 .case-left .text{position:absolute;display:block;bottom:15px;right:15px;}
.layout-1 .case-left .text-bg{background:#000;filter:alpha(opacity=60);opacity:.6;width:460px;height:112px;}
.layout-1 .case-left .text{width:400px;height:72px;padding:20px 30px;}
.layout-1 .case-left .text h3{color:#FFF;font-size:20px;margin-bottom:10px;}
.layout-1 .case-left .text p {color:#ccc;line-height:18px;}
.layout-1 .case-right{float:left;width:620px;height:410px;overflow:hidden;}
.layout-1 .case-right a{float:left;width:300px;height:200px;margin:0 0 10px 10px;}
.layout-1 .case-right img{width:300px;height:200px;display: block;}
.layout-1 .select-case li {position:relative;display:none;}
.layout-1 .case-tag{position:absolute;top:15px;left:15px;width:570px;height:28px;}
.layout-1 .case-tag .case-img .z{width:90px;height:28px;background:#01AF63;color:#FFF;text-align:center;line-height:28px;}
.layout-1 .case-tag .case-img .y{padding:0 10px;width:70px;height:28px;color:#FFF;line-height:28px;}
.layout-1 .case-tag .case-img .on{background:#F63;}
.layout-1 .case-tag .case-img .off{background:#999;}
.layout-1 .case-tag .case-img .y .ico-sc{float:left;margin:5px 5px 0 0;width:16px;height:16px;background:url(../images/sc_icon1.png) no-repeat;}
.select-case .prev,
.select-case .next{width:46px;height:80px;position:absolute;top:164px;z-index:3;filter:alpha(opacity=50);opacity:.5;background:url('../images/prev_next_80.png');transition:All .5s ease;}
.select-case .prev{background-position:0 0;left:0;}
.select-case .next{background-position:-46px 0;right:0;}
.select-case .prev:hover,
.select-case .next:hover {filter:alpha(opacity=80);opacity:.8;}

/** @List */
.case-select-type .nav-close,
.case-select-type dl .nav-showMore,
.colour .no-col,
.colour .col-14{overflow:hidden;}
.case-select-type {border:1px solid #EAEAEA;position:relative;overflow:hidden;}
.case-select-type .case-nav{height:21px;line-height:21px;border-bottom: 1px solid #E9E9E9;padding:12px 20px 13px 20px;}
.case-select-type .case-nav .nav-link{color:#999;}
.case-select-type .case-nav .nav-link:hover{color: #f25618;}
.case-select-type .nav-pos {float:left;height:21px;line-height:21px;margin-right:3px;}
.case-select-type .nav-pos a{float:left;padding-right:14px;}
.case-select-type .nav-pos a em {font-family:'SimSun';margin-left:14px;}
.case-select-type .nav-type-select{float:left;}
.case-select-type .nav-type-select a{border:1px solid #F63;background:#FFF;float:left;margin-right:12px;display: inline;color:#F60;height:19px;}
.case-select-type .nav-type-select a:hover{background:#F63;color:#FFF;}
.case-select-type .nav-type-select a em{float:left;height:15px;line-height:15px;padding:2px 7px 1px 7px;}
.case-select-type .nav-type-select .nav-close{background-position: -49px 0;width:7px;height:7px;float:right;margin:6px 5px;}
.case-select-type .nav-type-select a:hover .nav-close{background-position:-42px 0}
.case-select-type dl {border-top:1px dotted #EAEAEA;width:100%;height: 100%;top:-1px;position:relative;float:left;overflow:hidden;}
.case-select-type dl .nav-showMore{position:absolute;top:12px;right:20px;width:16px;height:16px;background-position:0 -16px;}
.case-select-type dl .showMore-down{background-position:-17px -16px;}
.case-select-type .height{height:40px;}
.case-select-type .height-auto{height:auto;}
.case-select-type dl dt{position:absolute;top:0;left:0;z-index:1;width:77px;height:100%;border-right:1px solid #eaeaea;background:#F9F9F9;color:#999;text-align:center;font-weight:700;line-height:45px;}
.case-select-type dl dd{margin-left:110px;line-height:45px;}
.case-select-type dl dd a{display:inline-block;width:72px;height:45px;color:#888;text-align:left;line-height:45px;}
.case-select-type dl dd a.on{color:#333;font-weight:700;}
.case-select-type dl dd a:hover{color:#F60;}
.case-sort-box{height:38px;border:1px solid #EAEAEA;background:#F9F9F9;line-height:38px;}
.case-sort-box .left a{float:left;width:82px;border-right:1px solid #EAEAEA;text-align:center;}
.case-sort-box .left a.on{color:#01AF63;font-weight:600;}
.case-sort-box .colour{margin:8px 20px 0 60px;height:20px;line-height:20px;}
.case-sort-box .colour em{float:left;color:#999;width:68px;height:20px;}
.case-sort-box .colour a{float:left;width:13px;height:13px;font-size:0;padding:1px;border:2px solid #DDD;margin:1px 0 0 8px;background:#FFF;}
.case-sort-box .colour a:hover{border:2px solid #F60;}
.case-sort-box .colour a.on{border:2px solid #F60;}
.case-sort-box .colour a i{display:block;width:13px;height:13px;}
.case-sort-box .colour a i.no-col{width:7px;height:7px;background-position: -49px 0;margin:3px;}
.case-sort-box .colour a i.col-1{background:red;}
.case-sort-box .colour a i.col-2{background:orange;}
.case-sort-box .colour a i.col-3{background:yellow;}
.case-sort-box .colour a i.col-4{background:#18CE18;}
.case-sort-box .colour a i.col-5{background:#00FFFE;}
.case-sort-box .colour a i.col-6{background:blue;}
.case-sort-box .colour a i.col-7{background:#8C5DB9;}
.case-sort-box .colour a i.col-8{background:#8B4513;}
.case-sort-box .colour a i.col-9{background:#FD4153;}
.case-sort-box .colour a i.col-10{background:#FFF;}
.case-sort-box .colour a i.col-11{background:#FBDDA8;}
.case-sort-box .colour a i.col-12{background:#BBB;}
.case-sort-box .colour a i.col-13{background:#111;}
.case-sort-box .colour a i.col-14{background-position:-237px 0;}
.case-sort-box .page{padding:0 10px;border-left:1px solid #EAEAEA;}
.case-sort-box .page a{width:18px;text-align:center;font-family:SimSun;}
.case-sort-box .page span{margin:0 12px;margin-top:10px;height:14px;color:#999;font-size:12px;line-height:14px;}
.case-sort-box .page span em{color:#01AF63;font-weight:600;}
.case-list{overflow:hidden;}
.case-list ul{overflow:hidden;margin-right:-20px;}
.case-list li{float:left;overflow:hidden;margin:20px 20px 0 0;width:285px;}
.case-list .case-img{position:relative;width:285px;height:210px;background:#DDD;}
.case-list .case-img .a-img em{position:absolute;right:0;bottom:10px;padding:1px 0 0 3px;width:43px;height:21px;color:#FFF;text-align:center;line-height:20px;}
.case-list .case-img .a-img em.item{background:url(../images/icon_case1.png) no-repeat;}
.case-list .case-img:hover .apply,.case-list .case-img:hover .explain{display:block;}
.case-list .case-img .alpha,.case-list .case-img .explain{position:absolute;top:0;left:0;width:100%;height:100%;}
.case-list .case-img .alpha{display:block;background:#000;opacity:.5;filter:alpha(opacity=50);}
.case-list .case-img .explain p{position:absolute;bottom:0;left:0;overflow:hidden;margin:20px;height:55px;color:#FFF;line-height:18px;}
.case-list .case-img .apply{position:absolute;top:0;left:0;margin:20px 20px 0;width:252px;}
.case-list .case-img .apply .z{width:120px;height:28px;background:#01AF63;color:#FFF;text-align:center;line-height:28px;}
.case-list .case-img .apply .y{padding:0 10px;width:50px;height:28px;background:#F63;color:#FFF;line-height:28px;}
.case-list .case-img .apply .on{background:#F63;}
.case-list .case-img .apply .off{background:#999;}
.case-list .case-con{float:left;padding:0 10px;width:263px;border:1px solid #EEE;border-top:0;}
.case-list .case-con .text1{margin:5px 0;height:50px;}
.case-list .case-con .case-title{overflow:hidden;height:36px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:36px;}
.case-list .case-con .case-info{height:20px;line-height:20px;}
.case-list .case-con .case-info .s1{margin-right:8px;color:#F60;}
.case-list .case-con .case-info .s1 a{float:left;padding:0 6px 1px 6px;height:17px;border:1px solid #E5E5E5;color:#888;line-height:17px;margin-right:6px;}
.case-list .case-con .case-info .s1 a:hover{border:1px solid #F63;color:#F60;}
.case-list .case-con .case-info .s2{color:#999;}
.case-list .case-con .text2{padding:12px 0;height:34px;border-top:1px dotted #E5E5E5;}
.case-list .case-con .text2 .z img{width:80px;height:34px;}
.case-list .case-con .text2 .com{overflow:hidden;margin-left:8px;width:170px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:34px;}