ul li .sub-u .sub-li{float: none;margin: 0;line-height: 40px;text-align: center;}
ul li .sub-u .sub-li a{font-size: 15px;}
ul li .sub-u .sub-li:before{content: '';opacity: 0;}
ul li .sub-u{position: absolute;top:84px;left: 0; display: none;}
ul li .sub-u .sub-li:hover{background:rgba(233,27,39,0.98);}
.pm-a{padding: 0 50px !important;display: block !important;text-align: center;}
.wm-li{margin: 0 10px !important;}
.m_top .active {background: #0050A6;color: #FFFFFF;}
.m_bottom a {display: block;width: 100%;height: auto;line-height: 35px;border-top: 1px solid #F2F2F2;text-indent: 45px;position: relative;font-size: 14px;}
.m_bottom .active {height: 153px;}
.ac_bl{display: block;}
.ac_no{display: none;}
.pl{padding-left: 20px;}
.fr{float: right;padding-right: 20px;margin-top: 8px;font-size: 20px;}
.slh {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.slh-2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.slh-3{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;}
.slh-4{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-word;}
.slh-6{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: break-word;}
.slh-8{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;word-break: break-word;}
.slh-10{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;word-break: break-word;}

.bomb{
    top:0;
    left:0;
    z-index: 9999;
    background:rgba(0,0,0,0.9);
    position:fixed;
}
.bomb .box{
    position:relative;
    width:60%;
    height:60%;
    text-align: center;
    margin: 0 auto;
    margin-top: 8%;
    
    background:#000;
}
.bomb .close {
    right: -10px;
    top: -50px;
    position: absolute;
    z-index: 99999;
}

@media(max-width: 767px) {
    .bomb .box{
        width:100%;
        height:100%;
        margin-top:20%;
    }
}


.f-pp{width: 100%;float: left;margin:  0 auto;}



.act-main{  width: 100%;float: left; margin: 45px 0;}
.act-main .act-main-list{width: 64%;display: flex;justify-content: space-between;flex-direction: row;margin: 18px 18%;padding: 20px 0; border-bottom: 1px dashed #eee;}
.act-main .act-main-list .act-main-list-l{width: 25%;float: left;}
.act-main .act-main-list .act-main-list-l img{width: 100%;}
.act-main .act-main-list .act-main-list-r{width: 70%;float: left;}
.act-main .act-main-list .act-main-list-r a p:nth-child(2){line-height: 26px;color: #999; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-word;}
.act-main .act-main-list .act-main-list-r a p:nth-child(n+3){display: none;}

.act-main .act-main-list .act-main-list-r .act-r-box{width: 100%;}
.act-main .act-main-list .act-main-list-r .act-r-box .act-r-box-tit{width: 75%;display: inline-block;color: #000;padding-bottom: 8px;font-size: 16px;}
.act-main .act-main-list .act-main-list-r .act-r-box .act-r-box-date{width: 20%;display: inline-block;color: #000;float: right;text-align: right;}
.act-main .act-main-list .act-main-list-r .act-r-box-des{width: 80%;color: #666;}


@media (max-width:1220px) {
    .list-customer .tag{display: block;}
    .act-r-box-des{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;}
}
@media  (max-width:960px) {
    .list-customer .tag{display: block;}
    .act-main .act-main-list{width: 90%;margin:  0 5%;}
    .act-main .act-main-list .act-main-list-r .act-r-box .act-r-box-tit{width: 85%;font-size: 16px;}
    .act-main .act-main-list .act-main-list-r .act-r-box .act-r-box-date{display: none;}
    .act-main .act-main-list .act-main-list-r .act-r-box-pdate{display: block !important;font-size: 14px;}
    .act-main .act-main-list .act-main-list-r .act-r-box-des{width: 85%;color: #666;font-size: 15px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;}
    .phone-top{padding-top: 20px !important;}
    .bb-down{position: fixed;bottom: 0;z-index: 999;}
    .null-box{margin-bottom: 45px !important;}
}

@media  (max-width:768px) {
    .list-customer .tag{display: block;font-size: 14px;}
    .act-main{margin: 5px  0;}
    .home-title{margin: 10px 0 5px 0 !important;}
    .act-main .act-r-box{line-height: 18px;}
    .act-main .act-main-list{width: 90%;margin:  0 5%;}
    .act-main .act-main-list .act-main-list-l{width: 30%;}
    .act-main .act-main-list .act-main-list-r{width: 65%;}
    .act-main .act-main-list .act-main-list-r a p:nth-child(2){line-height: 20px;color: #999; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
    .act-main .act-main-list .act-main-list-r a p:nth-child(n+3){display: none;}
    
    .act-main .act-main-list .act-main-list-r .act-r-box .act-r-box-tit{width: 100%;padding-bottom:0;display: inline-block; font-size: 14px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-word;}
    .act-main .act-main-list .act-main-list-r .act-r-box .act-r-box-date{display: none;}
    .act-main .act-main-list .act-main-list-r .act-r-box-pdate{display: block !important;font-size: 14px;line-height: 18px;}
    .act-main .act-main-list .act-main-list-r .act-r-box-des{width: 95%;color: #666;font-size: 12px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
}

.content-main-box{width: 100%;float: left;font-size: 16px;margin: 20px  0;}
.breadcrumb{width:80%; margin: 0 10%; font-size: 14px;color: #000;}
.breadcrumb a{font-size: 14px;color: #000;}
.main-edit-box{width: 70%;margin: 12px 15%;  float: left;}
.main-edit-box .main-edit-tit{width: 100%;float: left;color: #000;font-size: 24px;text-align: center;margin: 8px 0;}
.main-edit-box .main-edit-date{width: 100%;float: left;color: #666;font-size: 14px;text-align: center;margin: 8px 0;}
.main-edit-box .main-edit-line{width: 100%;border-bottom: 2px dashed #eee;float: left;}
.main-edit-box .main-edit-cont{width: 100%;float: left;color:#666;font-size: 16px;line-height: 30px;margin: 15px 0;}
.main-edit-box .main-edit-cont p{width: 100%;float: left;color:#666;font-size: 16px;line-height: 30px;}
.main-edit-box .main-edit-cont img{margin:  0 auto;}
@media (max-width:768px) {
    .content-main-box .breadcrumb{display: none;}
    .main-edit-box{width: 94%;margin: 5px 3%;}
    .main-edit-box .main-edit-tit{font-size: 16px;text-align: center;margin: 5px 0;}
    .main-edit-box .main-edit-cont , .main-edit-box .main-edit-cont p{font-size: 14px;line-height: 20px;margin: 8px 0;}
    .main-edit-box .main-edit-cont , .main-edit-box .main-edit-cont p img{width: 100% !important;}
    .main-edit-box .main-edit-cont , .main-edit-box .main-edit-cont img{width: 100% !important;}
}

.pb-z{padding-bottom: 0 !important;}
.line-c{text-align: center;}
.img-box{border: 6px solid  #d96266}







.join_us .join_us_box {
    width: 1200px;
    margin: 0px auto;
    padding: 0px 0px 30px 0px;
}
.join_us .join_us_box ul li {
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 0px 20px 0px;
    cursor: pointer;
    overflow: hidden;
}
.join_us .join_us_box ul li .job_div {
    color: #828282;
    padding-bottom: 20px;
    position: relative;
}
.join_us .join_us_box ul li .job_div .job_name {
    line-height: 50px;
    font-size: 24px;
}
.join_us .join_us_box ul li .job_div .job_name .color_red {
    color: #e13c14;
  
    font-size: 18px;
    margin-right: 5px;
}
.join_us .join_us_box ul li .job_div .icon_slide {
    width: 50px;
    height: 40px;
    display: inline-block;
    background: url(../image/icon.png) -40px -120px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0px;
}
.join_us .join_us_box ul li .introduce {
    display: none;
    color: #828282 ;
    line-height: 30px;
}
.join_us .join_us_box ul li .introduce .job_function {
    margin-top: 20px;
}
.join_us .join_us_box ul li .introduce .job_function .color_red {
    color: #e13c14;
}
.join_us .join_us_box .process {
    margin-top: 20px;
}
.join_us .join_us_box .process .title {
    color: #e13c14;
    font-size: 18px;
    line-height: 40px;
}
.join_us .join_us_box .process p {
    line-height: 30px;
    color: #828282;
}
@media screen and (max-width: 1200px) {
    .join_us .join_us_box {
        width: 100%;
        padding: 0px 5%;
    }
    .join_us .join_us_box ul li .job_div {
        padding-right: 10%;
    }
}
@media screen and (max-width: 500px) {
    .join_us .join_us_box ul li {
        padding: 15px 0px;
    }
    .join_us .join_us_box ul li .job_div {
        padding-bottom: 15px;
    }
    .join_us .join_us_box ul li .job_div .job_name {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .join_us .join_us_box ul li .job_div .job_name .color_red {
        font-size: 18px;
        display: block;
        line-height: 25px;
    }
    .join_us .join_us_box ul li .job_div .icon_slide {
        width: 30px;
        height: 30px;
        background-position: -26px -67px;
        background-size: 300px 300px;
    }
    .join_us .join_us_box ul li .introduce {
        line-height: 25px;
    }
    .join_us .join_us_box .process {
        margin-top: 20px;
        padding-bottom: 15px;
    }
    .join_us .join_us_box .process .title {
        color: #e13c14;
        font-size: 18px;
        line-height: 40px;
    }
    .join_us .join_us_box .process p {
        line-height: 25px;
        color: #828282;
    }
}
.rotate180 {
    animation: rotate180 0.5s forwards;
    -moz-animation: rotate180 0.5s forwards;
    
    -webkit-animation: rotate180 0.5s forwards;
    
    -o-animation: rotate180 0.5s forwards;
    
}

@keyframes rotate180 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
}
@-moz-keyframes rotate180 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
}
@-webkit-keyframes rotate180 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
}
@-o-keyframes rotate180 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
}
.rotate180_back {
    animation: rotate180_back 0.5s forwards;
    -moz-animation: rotate180_back 0.5s forwards;
    
    -webkit-animation: rotate180_back 0.5s forwards;
    
    -o-animation: rotate180_back 0.5s forwards;
    
}

@keyframes rotate180_back {
    from {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
}
@-moz-keyframes rotate180_back {
    from {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
}
@-webkit-keyframes rotate180_back {
    from {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
}
@-o-keyframes rotate180_back {
    from {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
}


.ft-boot{width: 80%;float: left;margin: 10px 10%;display: flex; justify-content: space-between;flex-direction: row;}
.ft-boot .page-style{width: 68%;}
.ft-boot .page-style p{margin: 10px 0;font-size: 16px;}
.ft-boot .share-style{width: 30%;margin: 10px 0;text-align: right;}
@media (max-width: 960px) {
    
    .ft-boot{width: 94%;margin: 5px 3%;}
    .ft-boot .share-style{display: none;}
    .ft-boot .page-style{width: 100%;}
    .ft-boot .bsPromo span{font-size: 14px;}
    
    .ft-boot .page-style p{margin: 4px 0;font-size: 14px;width: 100%;}
    .home-case .tab-menu li{width: 45%;margin-bottom: 25px;}
    .home-case .tab-menu li:nth-child(3){display: none;}
    .home-case .tab-menu li:nth-child(4){display: none;}
    .mb6{margin-top: 0px !important;}
    .font-w{font-weight: 600 ;font-size: 14px !important;}
    .img-mob{width: 65%;}
    .pagetab{width: 100% !important;float: left !important;margin-bottom: 20px !important;}
    
}


 
    .pagetab{width: 1000px;height: 45px;margin: 0 auto;;}
    .pagetab .pagination{
       width: 100%;
       height: 45px;
       padding: 0px;
       margin: 0 auto;
       line-height: 45px;
       text-align: center;
    }
    .pagetab .pagination li{
      padding: 0 10px;
      display: inline-block;
    }
    .pagetab .pagination li.active span{
        background-color: #e91b27;       
        color:#ffffff !important;
        width: 27px;
        height: 27px;
        text-align: center;
        line-height: 27px;
        display: inline-block;
    }
    .mb6{margin-top: 60px;}
    .font-w{font-weight: 100;font-size: 20px;}
    .l-l{text-align: left;}