*{
    box-sizing: border-box;
}
body{
    background-color: #000;
}
.tf-fixed-header.tf-ai ul{
    display: none;
}
.tf-fixed-header.tf-ai.show ul{
    display: block;
}
.tf-banner-inner{
    background: url("../images/asr_banner.jpg")top center no-repeat;
    color: #ffffff;
    height: 650px;
    margin-top: -50px;
}
.tf-header .tf-header-menu-div>div, .tf-index-bottom-menu>div, .tf-company-footer .tf-group{
    width: 1400px!important;
}
 .ss-footer-des{
    display: none;
}
.tf-asr-wrap .tf-banner-des{
    margin-top: 368px;
    font-size: 16px;
    line-height: 30px;
}
.tf-company-nav.tf-product{
    opacity: 0;
}
.tf-header.tf-ai .tf-header-menu-div,.tf-header.tf-ai  .tf-nav-logo,.tf-header.tf-ai .tf-top-search,.tf-header.tf-ai .tf-top-search:before{
    height: 45px;
}
.tf-header.tf-ai .tf-header-menu-div .tf-header-menu-ul>li>a,.tf-header.tf-ai .tf-header-menu-div .tf-nav-map{
    height: 45px;
    padding: 12px 10px;
}
.tf-header.tf-ai .tf-header-menu-div .tf-nav-map{
    padding: 12px 0px;
}
.tf-header.tf-ai .cd-menu-icon,.tf-header.tf-ai  .tf-nav-logo{
    margin-top: -2px;
}
.tf-header.tf-ai  .tf-header-menu-div .tf-top-search:before{
background-position: -2px -52px;
}
body.hidden{
    margin-right: 0px !important;
}
.tf-site-map .tf-group{
    width: 1200px !important;
}
/************使用场景****************/
.tf-scene{
    background-color: #1a1a1a;
}
.tf-module-box .tf-scene .tf-title{
    color: #fff;
}
.tf-scene ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tf-scene ul>li{
    width:585px;
    height: 375px;
    overflow: hidden;
    margin-bottom: 60px;
}
.tf-scene ul>li .tf-icon{
    height: 246px;
    background: url(../images/asr_icon.jpg) 0px 0px;
    transition:transform .3s;
}
.tf-scene ul>li .tf-icon.icon2{
    background-position: -642px 0px;
}
.tf-scene ul>li .tf-icon.icon3{
    background-position: 0px -440px;
}
.tf-scene ul>li .tf-icon.icon4{
    background-position: -642px -440px;
}
.tf-scene ul>li .tf-icon:hover{
    transform: scale(1.1);
}
.tf-scene .tf-content-wrap{
    position: relative;
    height: 210px;
    background-color:#1a1a1a ;
    padding-top: 20px;
    color: #fff;
}
.tf-scene .tf-content-wrap h4,.tf-tx li>h4{
    margin: 0px;
    color: #2e99ea;
    font-size: 18px;
}
.tf-scene .tf-content-wrap p,.tf-tx li>p{
    font-size: 15px;
    line-height: 25px;
    color: #9e9b9b;
    margin-top: 7px;
}
/*******************************************/
.tf-tx{
background-color: #000;
    padding-bottom: 50px;
}
.tf-tx .tf-img-wrap{
    text-align: center;
    overflow: hidden;
}
.tf-tx ul>li{
    float: left;
    width: 25%;
}