/*

2019.8.19
*/


.case_ban{position: relative;background: url("../images/case_ban.jpg") center no-repeat;width: 710px;height: 200px;margin: 20px auto 0;}
.case_ban a{
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    width: 200px;
    height: 40px;
    z-index: 99;
}
.case_ban a.an_1 {
    left: 185px;
}
.case_ban a.an_2 {
    left: 400px;
}

/*筛选*/

.retrie{position:relative;z-index: 1;height: 100px;background-color:#fff;border-bottom:1px solid #e8e8e8;}
.retrie dt{overflow:hidden;text-align: center;}
.retrie dt a{position:relative;display: inline-block;width: 20%;height: 100px;line-height: 100px;color:#333;font-size: 28px;text-align:center;}
.retrie dt a:after{position:absolute;top:50%;left:50%;margin-top: -10px;margin-left: 40px;width: 15px;height: 15px;border:#666 solid;border-width:1px 1px 0 0;content:' ';-webkit-transform:rotate(135deg);}
.retrie dt .up{color:#007ccf;border-bottom: 1px solid #007ccf;}
.retrie dt .up:after{margin-top:0;border:#007ccf solid;border-width:1px 1px 0 0;-webkit-transform:rotate(-45deg)}
#wage:before{position:absolute;top: 45px;left:0;display:block;width:1px;height: 25px;background-color: #dcdcdc;content:' ';}
#sind:before{position:absolute;top: 45px;left:0;display:block;width:1px;height: 25px;background-color: #dcdcdc;content:' ';}
.retrie dd{position:relative}
.slide{position:absolute;top:0;left:0;z-index: 2;display:none;width:100%;overflow-y:auto;background-color:#fff;min-height: 915px;}
.slide li{display:block;height: 75px;border-bottom: 1px solid #eee;}
.slide li a{display:block;padding: 0 110px;height: 70px;background-color:transparent;line-height: 70px;font-size: 26px;color: #333;}
.slide li a.select{background-color:#fff}

/*瀑布流*/
.fall-box{
    width: 710px;
    margin: 0 auto;
}
.fall-box .item{
    width: calc((100% - 12px)/2);
    /*width: 45%;*/
    margin-bottom: 1.5rem;
}

.fall-box .section-p{
    background: white;
    padding-top: 1.5rem;
    padding-left: 5px;
}
.fall-box .item-img{
    width:100% ;
    display: block;
}
.item .title-p{
    color: #333;
    font-size: 26px;
    margin-bottom: .5rem;
    border-left: 4px solid #3284da;
    height: 33px;
    line-height: 33px;
    padding-left: 5px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.item .name-p{
    color: #808080;
    font-size: 24px;
    padding-left: 8px;
}


.more-a{
    display: block;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    color: #333 !important;
    font-size: 25px;
}
.more-a img{
    width: 6%;
}
.more-a p{
    font-size: 25px;
    color: #333;
    text-align: center;
}




/*

案例详情
*/


.desi_sh{width: 100%;margin: 20px auto 0;position: relative;}
.desi_sh .des_back{width:710px;margin:0 auto;position:relative;overflow:hidden;display:-webkit-box}
.desi_sh .des_back .left{width:230px;height: 265px;margin-right:20px;}
.desi_sh .des_back .left img{display:block;border-radius:5px;height: 265px;width: 230px;}
.desi_sh .des_back .right{width:460px}
.desi_sh .des_back .right .de_name{display:-webkit-inline-box;width:100%;height: 65px;line-height: 65px;}
.desi_sh .des_back .right .de_name span{font-size:32px;display:block}
.desi_sh .des_back .right .de_name i{display:-webkit-box;width:2px;height:28px;background:#999;margin:22px 15px 10px 15px}
.desi_sh .des_back .right .de_name em{color:#999;font-size:24px;display:block}
.desi_sh .des_back .right p{font-size:24px;color:#333;padding: 3px 0;}
.desi_sh .des_back .right p .de_i{background:#3989df;color:#fff;margin:0 5px;font-size:22px;padding:5px 7px;border-radius:7px;display:-webkit-inline-box}

.case_list{background: url("../images/ca_lis.jpg") center no-repeat;width: 710px;height: 140px;margin: 35px auto;}


.case_content{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.case_content .content_name{
    width: 710px;
    margin: 10px auto 30px;
    position: relative;
}
.case_content .content_name span{
    display: block;
    text-align: center;
    font-size: 36px;
}
.case_content .content_name i{}
.case_content .content_list{
    font-size: 28px;
    width: 710px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.case_content .content_list p{
    font-size: 28px;
    margin-bottom: 30px;
}
.case_content .content_list img{
    width: 100%;
    display: block;
    margin-bottom: 30px;
}
.case_content .content_list span{
    display: block;
    text-align: center;
    margin: 0 auto 30px;
}
.case_content .content_list .case_images{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.case_content .content_list .case_images span{    float: left;
    width: 330px;
    margin: 0;
    height: 70px;
    position: absolute;}
.case_content .content_list .case_images .sss-an{left: 0;
    top: 0;}
.case_content .content_list .case_images .sss-ba{right: 0;
    top: 0;}

/*
10秒报价
*/

.seconds{width: 100%;margin: 40px auto;position: relative;border-bottom: 20px solid #f5f7f8;padding-bottom: 35px;}
.seconds .ban_center{width: 710px;margin: 10px auto;position:relative;overflow:hidden;}
.seconds .form-list-box{height: 88px;margin-bottom: 30px;border-radius:10px;}
.seconds .form-list-box .form-area,.form-list-box .form-loction,.form-list-box .form-phone{width: 48%;float:left;position:relative;height: 88px;border-radius:5px;border: 0;background: #f5f7f8;}
.seconds .form-list-box .form-area{float: right;}
.seconds .form-list-box .form-area,.form-list-box .form-yusuan-provinces{position:relative}
.seconds .form-list-box input[type=tel],.form-list-box input[type=text]{display:block;text-align:left;width: 100%;color:#7b7b7b;border:none;outline:0;font-size: 26px;height: 88px;background: #f5f7f8;}
.seconds .areas-input,.provinces-input{-webkit-appearance:none;outline:0;padding-left:15px;display:inline-block}
.seconds .form-list-box input::-webkit-input-placeholder{font-size:16px;color:#7b7b7b}
.seconds .form-area span{position:absolute;top: 20px;z-index:2;right: 20px;font-size: 28px;color:#7b7b7b;}
.seconds .form-list-box #style{display: block;text-align: left;width: 95%;color: #7b7b7b;border: none;outline: 0;font-size: 16px;line-height: 50px;background: #fff;}
.seconds .yusuan-jishi{position:relative;display:block;text-align:left;width:100%;height: 50px;color:#7b7b7b;font-size: 16px;line-height: 50px;border-radius:5px;border: 1px solid #989898;}
.seconds .yusuan-jishi em{color:#7b7b7b;padding-left:10px}
.seconds .download-arrow2::after{content:"";display:block;position:absolute;border-top: 9px solid #7b7b7b;border-left: 9px solid transparent;border-right: 9px solid transparent;top: 23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.seconds .overlay-bd,.submit{position:relative;width:100%}
.seconds .submit{background: url("../images/bot.jpg") center no-repeat;width: 710px;height: 88px;background-size: 100% 100%;margin: 30px auto 0;text-align: center;line-height: 88px;font-size: 34px;color: #fff;}
.seconds .form-list-box .form-phone{width: 97.5%;padding-left:10px;}

.seconds .txtMarquee-left{width: 715px;margin: 25px auto 0;position: relative;height: 45px;}
.seconds .txtMarquee-left .bd{width: 670px;margin-left: 40px;}
.seconds .txtMarquee-left .tempWrap{width: 100% !important;overflow: hidden;}
.seconds .txtMarquee-left li{float: left;margin: 0 5px;width:370px;font-size: 24px;color: #333;}
.seconds .txtMarquee-left .yuan_dian{background: url("../images/huo.png") center no-repeat;width: 23px;height: 25px;position: absolute;top: 10px;left: 0;}


/*热门*/


.Popular{width: 100%;margin: 40px auto;position: relative;border-bottom: 20px solid #f5f7f8;padding-bottom: 35px;}
.Popular .des_hua{display: inline-flex;display: -ms-inline-flex;display: -webkit-inline-flex;}
.Popular .des_hua li{width: 280px;height: 245px;float: left;margin-right: 15px;}
.Popular .des_hua li a{display: block;width: 100%;height: 100%;}
.Popular .des_hua li a img{width: 280px;height: 180px;display: block;}
.Popular .des_hua li p{color: #333;font-size: 24px;text-align: center;padding-top: 15px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.des_scroll{width: 710px;overflow-x: scroll;overflow-y: hidden;margin: 35px auto 0;}