/**
 * 龙商互联 行业解决方案，盗版必究 24小时客服电话：0531-86077951
 */

/*---------- 成功案例 ---------*/
.case-banner{height:314px;background:url(../../ls_img/lshl/case/case-banner.png) no-repeat center top;text-align:center;margin-top:85px}
.case-banner-title{font-size:60px;font-weight:700;color: #f37a40;background-image: -webkit-linear-gradient(left,#ffb77a,#e65702);background-image:-moz-linear-gradient(left,#16F291,#04F0EF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin:80px 0 5px;line-height:80px}
.case-banner-p{font-size:18px;color:#fff;width:666px;margin:0 auto;line-height:42px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,0))}
.main-wrap{width:1200px!important;margin:0 auto;position:relative;transition:all .3s ease}
.case-filter{margin-top:-40px;padding:10px 30px;background-color:#fff;box-shadow:0 0 8px 0 rgba(38,38,38,.16)}
.case-filter-item{margin:10px 0;overflow:hidden;position:relative}
.case-filter-label{color:#999;width:80px;float:left;line-height:24px;font-size:14px}
.case-filter-opt-block{margin-left:80px}
.case-filter-inline-block{display:inline-block;margin-left:80px}
.case-filter-opt{margin-right:30px;cursor:pointer;display:inline-block;line-height:24px;margin-bottom:5px;font-size:14px}
.case-filter-opt.cur,.case-filter-opt:hover{color:#ff9864}
.case-filter-hot .case-filter-opt{font-size:13px;height:24px;line-height:22px;padding:0 10px;margin-right:12px}
.case-filter-hot .case-filter-opt.cur{background-color:#F2FFFD}
.items-case .item{margin:60px 0;box-shadow:0 0 8px 0 rgba(38,38,38,.16)}
.items-case .item .flex-row{justify-content:space-between}
.items-case .item-block{flex:1;box-sizing:border-box;padding:50px 40px 0;align-self:flex-start}
.items-case .item-title{font-size:18px;margin-bottom:20px}
.items-case .item-p{line-height:26px;color:#666;text-align:justify}
.items-case .item.even .flex-row{flex-direction:row-reverse}
.items-case .img-block{margin:0;width:600px;height:380px;overflow:hidden}
.items-case .img-block:hover img{transform:scale(1.1,1.1)}
.case-list{background-color:#F9F9F9;padding:60px 0}
.case-list .flex-row{justify-content:flex-start}
.case-list .item{position:relative;overflow:hidden;margin-right:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}
.case-list .item:last-child{margin:0}
.case-list .item:hover{box-shadow:0 0 8px 0 rgba(0,0,0,.4)}
.case-list .item-block{position:absolute;bottom:0;width:100%;background-color:#fff;box-sizing:border-box;padding:15px 20px;transform:translateY(100%);transition:all .3s ease}
.case-list .item:hover .item-block{transform:translateY(0)}
.case-list .item-title{margin-bottom:5px}
.case-list .item-p{color:#999;font-size:12px}
.case-more{text-align:center;margin-top:30px}
.case-more-btn{padding:0 35px;height:40px;line-height:38px;font-size:18px}
.main-case-list .case-filter{margin-top:40px}
.main-case-list .case-list{background:0 0;padding:0}
.main-case-list{background-color:#F9F9F9;overflow:hidden;padding-bottom:60px}
.main-case-list .case-list .flex-row{margin:30px auto}
.btn-b{display:inline-block;border:none;padding:0 8px 0 8px;background-color:#fff;color:#ff9864;border:1px solid #ff9864;box-sizing:border-box;text-align:center;border-radius:8px}
.btn-b:hover{background-color:#ff9864;color:#fff}
.btn-b-ico{display:inline-block;border:none;padding:0;background-color:#fff;color:#20B09F;border:1px solid #20B09F;box-sizing:border-box;text-align:center}
.btn-b-ico:before{content:"";display:inline-block}
.btn-b-ico:hover{background-color:#F2FFFD}
.btn-b-deep{display:inline-block;border:none;padding:0;background-color:#fff;color:#666;border:1px solid #999;box-sizing:border-box;text-align:center}
.flex-row{display:flex;flex-direction:row;justify-content:center;align-items:center}



/*案例详情*/
.lshl_banner_box{height:795px;overflow:hidden}
.wrap_lshl{width:100%;max-width:1920px;margin:0 auto}
.lshl_incon_i{text-align:center;padding-top:120px}
img{vertical-align:top}
.lshl_banner_bar{margin-top:67px}
.w_1439{width:100%;max-width:1439px;margin:0 auto}
.lshl_text_h1{text-align:center;padding:50px 0 5px 0}
.fnt_48{font-size:45px;font-weight:700}
.lshl_text_p{color:#595959;text-align:center;margin-top:20px;width: 900px;margin: 0 auto;margin-top: 23px;}
.fnt_16{font-size:16px}
.lshl_img_2018_1{width:100%;max-width:1120px;margin:0 auto;padding-top:2%}
.lshl_img_2018_1 img{width:100%}
.lshl_colour_list{overflow:hidden;padding-top:10%}
.lshl_colour_list_left{width:38%;float:left;margin:50px 0 0 15%}
.ygetex{margin-bottom:50px}
.fnt_50{font-size:38px;font-weight:700!important;line-height:55px!important}
.ygetex h2 em{margin-right:8px}
address,cite,em,i{font-style:normal}
.ygetex p{color:#595959;line-height:20px!important;margin:2% 0}
.lshl_colour_list_left span{margin-top:27px;display:block}
.lshl_colour_list_right{width:44%;float:right}
.lshl_colour_list_right img{width:100%}
.sdzc_box{background:url(../../ls_img/lshl/case/lshl_case_background_1.png) no-repeat bottom center!important;background-position:0 73%!important;background-size:100% auto}
.lshl_backgroun_bj_box{overflow:hidden;background:url(../../ls_img/lshl/case/lshl_backgroun_bj_box.png) no-repeat;background-position:0 87%;background-size:100% auto}
.lshl_backgroun_1{margin-top:8%!important;position:relative}
.w_1480{width:100%;max-width:1480px;margin:0 auto}
.sdzc_box .lshl_backgroun_text{top:25px}
.lshl_backgroun_text{position:absolute;left:0;top:0}
.lshl_backgroun_text p{line-height:60px;width:460px;color:#000;margin-left: 50px;}
.lshl_backgroun_text span{color:#666;display:block;width:432px;margin-top:10px;margin-left: 50px;}
.sdzc_box .lshl_weather_2008_right{bottom:0}
.textpo{position:absolute!important;right:0;bottom:0}
.lshl_weather_2008_right{color:#fff;width:27%;float:right;padding-top:5%}
.fnt_18{font-size:18px}
.lshl_weather_2008_right p{line-height:85px;margin-top:10px}
.lshl_move_box{padding-top:14%;margin-bottom:130px;overflow:hidden}
.w_1290{width:100%;max-width:1290px;margin:0 auto}
.lshl_move_box img{width:100%}
.lshl_banner_text a{display:block;width:164px;height:38px;background:red;color:#fff;text-align:center;line-height:36px;margin-top:60px}
.fnt_20{font-size:20px}
.lshl_banner_text a img{margin-left:35px;margin-top:12px}
.lshl_banner_right{width:51%;float:right;margin-top:40px}
.lshl_banner_right img{width:100%}
.lshl_banner_bar{margin-top:67px}
.lshl_banner_bar .top_3{margin-top:7%}
.lshl_banner_text{float:left;width:38%;margin-top:20px;margin-left:9.5%}
.lshl_banner_text span{display:block;color:#595959}
.lshl_case_zixun{text-align: center;font-size: 18px;background: #f37739;width: 150px;margin: 0 auto;border-radius: 10px;color: #fff;margin-bottom: 20px;padding:6px 8px 6px 8px}
.lshl_case_zixun a{color: #fff;}
.lshl_case_zixun:hover{background: #e85601}



/*客户案例-龙商互联技术团队*/
.lshl_case{letter-spacing:-4px;font-size:0}
.lshl_case li{letter-spacing:0;display:inline-block;vertical-align:top;width:400px;height:238px;position:relative;overflow:hidden;transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;overflow:hidden;}
.lshl_case li img{font-size:0;display:block;    width: 388px;
    height: 100%;
    /*margin: 15px 0px 23px 5px;*/}
.lshl_case .list_ls{width:100%;height:100%;margin-left: 15px;max-width: 318px;background:rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);position:absolute;left:0;top:100%;padding:5%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s}
.lshl_case .list_ls a{display:block;height:100%}
.lshl_case li:hover .list_ls{top:180px;width: 388px;}
.lshl_case .list_title{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px}
.lshl_case .list_label{margin:0 -5px;max-height:80px;overflow:hidden}
.lshl_case .list_label span{display:inline-block;vertical-align:top;height:30px;line-height:28px;font-size:12px;border:1px solid rgba(255,255,255,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fffffff, endColorstr=#5fffffff);padding:0 10px;margin:5px;color:#fff;min-width:100px;text-align:center}
.lshl_case .list_label span:hover{background: #ff925d;}
.ls_case_Subtitle{padding:32px 0 4px;color:#fff;font-size:14px}
.lshl_case{width:1200px;height:auto;overflow:hidden;margin: 0 auto;}
.lshl_case .top_en,.floor3 .top_en{color:#5c5c5c}
.lshl_case .top_cn span,.floor3 .top_cn span{color:#FFF}