/*bannar*/
.cases_bannar{width:100%;position: relative;}
.cases_bannar .bannar_swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;width:100%;}
.cases_bannar .bannar_swiper .swiper-wrapper .swiper-slide a img{width:100%;}
.cases_bannar .bannar_swiper .swiper-container-android .swiper-slide,.bannar_swiper  .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cases_bannar .bannar_swiper .swiper-wrapper {position: relative;width: 100%;height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.cases_bannar .bannar_swiper .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.cases_bannar .swiper-container-horizontal>.swiper-pagination-bullets,.bannar .swiper-pagination-custom,.bannar .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.cases_bannar .bannar_swiper .swiper-pagination {position: absolute;text-align: right;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;padding:0 20%;box-sizing: border-box;}
.cases_bannar .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
.cases_bannar .bannar_swiper .swiper-pagination-bullet {opacity:1;width: 13px;height: 13px;display: inline-block;background:rgba(255, 255, 255, 0.77);border-radius:50px;}
.cases_bannar .bannar_swiper .swiper-pagination-bullet-active {opacity: 1;background: #b60005;}
/*bannar end*/
/*导航*/
.cases_content{width:1200px;margin:0 auto;}
.cases_content .cases_nav{width:100%;height:60px;line-height:60px;color:#333;font-size:14px;}
.cases_content .cases_nav a{color:#333;font-size:14px;}
.cases_content .cases_nav a:hover{color:#b60005;}
.cases_content .cases_nav a img{width:5px;}
.cases_content .cases_search{width:100%;border-bottom:1px dashed #999;padding-bottom:25px;}
.cases_content .cases_search>a{color:#666666;font-size:15px;padding:0 10px;}
.cases_content .cases_search>a:hover{color:#b60005;}
.cases_content .cases_search span{color:#666;font-weight:bolder;font-size:15px;border:1px solid #666666;border-radius: 16px;line-height:30px;padding:5px 10px;margin-right:20px;}
.cases_content .cases_search .key_search{width:185px;height:30px;float: right;border-radius: 16px;background: #eeeeee;border:1px solid #666666;padding-left:10px;position:relative;top:-10px;}
.cases_content .cases_search .key_search input{width:100%;border:none;background:none;display: inline-block;line-height: 30px;outline: none;}
.cases_content .cases_search .key_search img{position:absolute;right:0;top:-2px;}
.cases_content .cases_class_nav{width:100%;margin-top:25px;border-top: 1px solid #e1e1e1;}
.cases_content .cases_class_nav .cases_class{width:100%;line-height: 40px;border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;background-color:#f6f6f6;}
.cases_content .cases_class_nav .cases_class:nth-of-type(3){border-bottom:1px solid #e1e1e1;}
.cases_content .cases_class_nav .cases_class span{display: inline-block;width:10%;text-align: center;color:#666666;float: left;font-size:12px;}
.cases_content .cases_class_nav .cases_class div{width:89.9%;padding: 10px 0 10px 10px;box-sizing:border-box;display: inline-block;background-color:#ffffff;border-left: 1px solid #e1e1e1;}
.cases_content .cases_class_nav .cases_class div a{font-size:12px;color:#333333;padding: 0 10px;line-height:35px;margin-left: 7px;display: inline-block;}
.cases_content .cases_class_nav .cases_class div a:hover{background-color:#b60005;color:#fff;}
.cases_content .cases_class_nav .cases_class div a.on{background-color:#b60005;color:#fff;}
.cases_content .cases_px{width:100%;border:1px solid #e1e1e1;background-color:#f6f6f6;margin-top:20px;}
.cases_content .cases_px a{text-align:center;display: inline-block;line-height:45px;font-size:12px;color:#333333;padding:0 15px;border-right:1px solid #e1e1e1;width:120px;height:45px;box-sizing: border-box;}
.cases_content .cases_px a:nth-of-type(1){background:url("/template/default/cases/cases_5/images/index/time_black.png")no-repeat 30px 15px;}
.cases_content .cases_px a:nth-of-type(2){background:url("/template/default/cases/cases_5/images/index/fire_black.png")no-repeat 30px 15px;}
.cases_content .cases_px a:nth-of-type(1):hover{background:url("/template/default/cases/cases_5/images/index/time_red.png")no-repeat 30px 15px;color:#b60005;}
.cases_content .cases_px a:nth-of-type(1).on{background:url("/template/default/cases/cases_5/images/index/time_red.png")no-repeat 30px 15px;color:#b60005;}
.cases_content .cases_px a:nth-of-type(2):hover{background:url("/template/default/cases/cases_5/images/index/fire_red.png")no-repeat 30px 15px;color:#b60005;}
.cases_content .cases_px a:nth-of-type(2).on{background:url("/template/default/cases/cases_5/images/index/fire_red.png")no-repeat 30px 15px;color:#b60005;}
/*导航end*/
/*案例列表*/
.cases_list{width:1200px;margin: 15px auto;overflow: hidden;}
.cases_list ul{width:1230px;margin:0 auto;}
.cases_list ul li{width:280px;height:290px;float: left;border:1px solid #e1e1e1;margin-right: 25px;margin-bottom: 25px;}
.cases_list ul li>a{display: block;width:100%;height:210px;overflow: hidden;}
.cases_list ul li>a img{width:100%;height:210px;transition: all 0.2s;}
.cases_list ul li>a img:hover{transform:scale(1.2,1.2);}
.cases_list ul li .cases_detail{width:100%;height:77px;position:relative;}
.cases_list ul li .cases_detail a:nth-of-type(1){display: inline-block;width:80%;font-size:14px;color:#333333;padding: 15px 0 20px 10px;line-height: 25px;}
.cases_list ul li .cases_detail a:nth-of-type(1) span{font-size:12px;color:#999999;padding: 0 5px;}
.cases_list ul li .cases_detail a:nth-of-type(1) i{font-size:12px;color:#999999;}
.cases_list ul li .cases_detail a h3{font-weight:normal;font-size:14px;color:#333333;}
.cases_list ul li .cases_detail a:nth-of-type(2){position:absolute;right:15px;top: -35px;}
.cases_list ul li .cases_detail a:nth-of-type(2) img{width:65px;height:65px;border-radius: 50px;}
/*案例列表end*/
/*底部推荐是设计师*/
.hot_designer{width:1200px;margin:0 auto;padding-bottom: 100px;}
.hot_designer .designer_title{width:100%;border-top:1px dashed #e1e1e1;line-height:45px;}
.hot_designer .designer_title a:nth-of-type(1){font-size:18px;color:#666666;}
.hot_designer .designer_title a:nth-of-type(2){font-size:16px;color:#666666;float: right;padding:0 15px;}
.hot_designer .designer_title a:nth-of-type(2) img{margin-right:5px;}
.hot_designer .designer_title a:nth-of-type(2):hover{color:#b60005;}
.hot_designer .designer_bannar{margin-top:20px;}
.hot_designer .designer_bannar .designer_swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.hot_designer .designer_bannar .swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hot_designer .designer_bannar .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hot_designer .designer_bannar .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 225px;
    height: 335px;
    margin-right:20px;
    position: relative;
    background-size:auto 100%;
    cursor: pointer;
}
.hot_designer .designer_bannar .swiper-slide .designer_content{width:100%;height:55px;line-height:55px;background:rgba(0, 0, 0, 0.5);position:absolute;bottom:0;}
.hot_designer .designer_bannar .swiper-slide .designer_content a{color:#fff;font-size:16px;padding:0 15px;}
.hot_designer .designer_bannar .swiper-slide .designer_detail{height:100%;width:100%;line-height:40px;background:rgba(0, 0, 0, 0.5);position:absolute;bottom:0;padding: 0 20px;box-sizing: border-box;margin-bottom: -335px;transition: all 0.5s;}
.hot_designer .designer_bannar .swiper-slide .designer_detail.on{margin-bottom:0;}
.hot_designer .designer_bannar .swiper-slide .designer_detail a{color:#fff;font-size:15px;}
.hot_designer .designer_bannar .swiper-slide .designer_detail table{width:100%;height:85%;}
.hot_designer .designer_bannar .swiper-slide .designer_detail table div:nth-of-type(3){width:100%;}
.hot_designer .designer_bannar .swiper-slide .designer_detail>div{text-align: center;width:100%;}
.hot_designer .designer_bannar .swiper-slide .designer_detail>div>a{color:#fff;background-color:#b60005;padding:5px 8px;}
/*底部推荐是设计师end*/