﻿.wrap {
    /* width: 1400px;
    max-width: 1400px; */
    width: 74%;
    margin: auto;
}
.wrap-chid{
    max-width: 900px;
    margin: auto;
}
.pcnav , .pcfoot{
    display: block;
}
.appnav , .appfoot{
    display: none;
}

.hideimg{
    display: block;
}
.showimg{
    display: none;
}



.scrollTopa,
.scrollTopb,
.scrollTopc,
.scrollTope,
.scrollTopg,
.scrollTopi{
    visibility: hidden;
}
.fadein{
    visibility: hidden;
}
.fadeinle{
    visibility: hidden;
}
.fadeinri{
    visibility: hidden;
}

/* --header-- */

.frame-box {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
}

/* ---- */
.frame-logo {
    padding: 10px 50px;
}

.logo-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-bxle {
    display: flex;
    align-items: center;
}

.logo-bxle img {
    width: 160px;
    height: auto;
}

.logo-bxri {
    width: 80%;
    display: flex;
    align-items: center;
    
}



.search-bxa{
    width: 140px;
    background-color: rgba(255, 255, 255, .3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
    padding: 5px 15px;
}
.search-bxa input{
    width: 90px;
    background-color: transparent;
    font-size: 14px;
    flex: 1;
}
.search-bxa input::placeholder {
    color: #ffffff;
  }
.search-bxa img{
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.search-bxb{
    width: 140px;
    background-color: rgba(255, 255, 255, .3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
    padding: 5px 15px;
    border: 1px solid #cccccc;
}
.search-bxb input{
    width: 90px;
    background-color: transparent;
    font-size: 14px;
    flex: 1;
}
.search-bxb img{
    width: 20px;
    height: 20px;
    cursor: pointer;
}


/* .language {
    position: relative;
    padding:18px 0;
}
.language > a{
    display: flex;
    align-items: center;
    color: #ffffff;
}
.language > a > img{
    width: 25px;
    height: 25px;
}
.language > a > span{
    font-size: 16px;
    margin-left: 5px;
} */

/* ---- */
.frame-title {
    width: 100%;
}

.frame-title>ul {
    display: flex;
    justify-content:space-between;
    align-items: center;
}

.frame-title>ul>li {
    position: relative;
}

.frame-title>ul>li > a {
    padding: 18px 0;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    transform: scale(1.04);
    transition: all .3s;
}

/* .frame-title>ul>li:hover::after{
    content: "";
    width:70px;
    height: 4px;
    background-color: #005dc2;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.language:hover::after{
    content: "";
    width: 70px;
    height: 4px;
    background-color: #005dc2;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
} */
/* .title-itm::after {
    content: "";
    width: 70px;
    height: 4px;
    background-color: #9c0101;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
} */
/*.title-itm > a{
    color: #9c0101 !important;
}*/
 /*.chld-langu-dwn{
    width: 12vw;
    min-width:270px;
    position: absolute;
    top: 60px;
    right: -30px;
    z-index: 99;
    padding: 15px;
    border-radius: 10px;
    background-color: #ffffff;
}*/

.child-down{
    width: 13vw;
    min-width:200px;
    position: absolute;
    top: 56px;
    left:-20px;
    /* transform: translateX(-50%); */
    z-index: 99;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
}
.down-list{
    display: flex;
    flex-direction: column;
}
.down-list > a{
    font-size: 14px;
    padding: 10px;
    /* border-radius: 10px; */
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eeeeee;
    color: #666666;
}
.down-list > a >span:nth-child(2){
    margin-top: 5px;
}
.down-list > a:hover{
    /* background-color: #f5f5f5; */
    color: #000000;
} 

.ahovshw{
    /* background-color: #f5f5f5; */
    color: #000000;
}

.downshw{
    display: none;
}


/* ---main--分页------ */
.paging-box{
    display: flex;
    justify-content: center;
}




/* 修改垂直滚动条 */
::-webkit-scrollbar {
    width: 5px; /* 修改宽度 */
  }
   
  /* 修改滚动条轨道背景色 */
  ::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
   
  /* 修改滚动条滑块颜色 */
  ::-webkit-scrollbar-thumb {
    background-color: #9c0101;
  }
   
  /* 修改滚动条滑块悬停时的颜色 */
  ::-webkit-scrollbar-thumb:hover {
    background-color: #9c0101;
  }

  /* 修改滚动条滑块的圆角 */
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }





.scenarios-bctimg{
    overflow: hidden;
    position: relative;
}
.scenarios-bctimg img{
    transition: all .3s;
}
.scenarios-bctimg img:hover{
    transform: scale(1.1);
}


.banner-img{
    min-width: 1200px;
}


.scenarios-img{
    height: 510px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scenarios-img img{
    max-width: 60% !important;
    height: auto;
}


/* --footer-- */
.boost-bj {
    /* background-color: #3e3e3e; */
    background: linear-gradient(to top , #404040 , #2f2f2f);
    padding-left:30px;
}

.frame-bmbox {
    display: flex;
}

.frame-bmbul{
    width: 73%;
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
}
.frame-bmbul li{
    min-width: 19%;
    padding: 50px 20px 120px;
    /* border-left:1px solid #606060 ; */
}
/* .frame-bmbul li:nth-child(1){
    width: 19%;
}
.frame-bmbul li:nth-child(2){
    width: 20%;
}
.frame-bmbul li:nth-child(3){
    width: 23%;
}
.frame-bmbul li:nth-child(4){
    width: 25%;
} */

.bmbul-tit{
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    position: relative;
    white-space: nowrap;
}
/* .bmbul-tit::before{
    content: "";
    width: 5px;
    height: 20px;
    background-color: #a2a2a2;
    position: absolute;
    left: -23px;
    top: 4px;
} */

.bmbul-txt{
    margin-top: 25px;
}
.bmbul-txt a{
    font-size: 14px;
    color: #c8c8c8;
}


.frame-bmbri{
    width: 27%;
    background-color: #282828;
    background: linear-gradient(to top , #373737 , #262626);
}
.frame-bmbr-phone{
    padding: 60px 50px 70px 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-bottom: 1px solid #606060;
}
.frame-bmbr-phone p{
    font-size: 18px;
    color: #c8c8c8;
}
.frame-bmbr-phone h3{
    font-size: 30px;
    color: #ffffff;
    margin-top: 20px;
    white-space: nowrap;
}



.frame-bmbr-ress{
    padding: 30px 50px 50px 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.frame-bmbr-ress img{
    width: 40px;
    height: 40px;
}
.frame-bmbr-ress h4{
    font-size: 18px;
    color: #c8c8c8;
    margin-top: 20px;
}
.frame-bmbr-ress p{
    font-size: 14px;
    color: #c8c8c8;
    margin-top: 5px;
}





.products{
    display: block;
}
.solution{
    display: none;
}
.case{
    display: none;
}
/* 新版下拉 */
.fdownshw{
    display: none;
}
.frame-down{
    width: 100vw;
    position: absolute;
    top: 65px;
    left: 0;
    background-color: #ffffff;
    border-top: 1px solid #000000;
}


.frame-dwn-cnt{
    display: flex;
    align-items: flex-start;
}
.frame-dwn-ctit{
    width: 20%;
    height: 100%;
}
.frame-dwn-ctit h1{
    font-size: 32px;
    font-weight: 600;
    color: #9c0101;
    padding: 40px 50px;
}

.frame-dwn-cri{
    width: 80%;
    min-height: 400px;
    display: flex;
    align-items: flex-start;
    background-color: #f0f0f0;
    border-left: 1px solid #dcdcdc;
}
.frame-dwncr-lista{
    width: 26%;
    height: 100%;
    background-color: #ffffff;
    padding: 25px 0;
}
.lisimshw{
    background-color: #f0f0f0;
}
.lisimshw a img{
    opacity: 1 !important;
}
.lista-item{
    margin: 15px 0;
}
.lista-item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 40px;
}
.lista-item a h3{
    font-weight: 600;
    font-size: 15px;
    color: #414141;
}
.lista-item a img{
    opacity: 0;
}

.frame-dwncr-listb{
    width: 74%;
    padding: 30px 80px 50px 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.frame-dwncr-listb li{
    width: 48%;
    margin-top: 30px;
}
.frame-dwncr-listb li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #898989;
    padding: 8px 0;
}
.frame-dwncr-listb li a h4{
    font-size: 13px;
    font-weight: 600;
    color: #414141;
}
.frame-dwncr-listb li a img{
    width: 15px;
    height: 15px;
}





