/* section 每个版块的高度 */
.sectionitem{
    padding: 5rem 0 3.75rem;
}

@media screen and (max-width: 768px){
    .sectionitem{
        padding: 3.5rem 1.81rem 3rem;
    }
}


@font-face {
    font-family: FontAwesome;
    /*src: url(./css/fontawesome/fontawesome-webfont.ttf);*/
    /*没生效，可以移除了*/
    /*src: url({CSS_PATH}fontawesome/fontawesome-webfont.ttf);*/
    src: url("./fontawesome/fontawesome-webfont.ttf");
}


/* 每个版块的标题 */
.sectiontit_1{
    display: flex;
    flex-direction: column;
    margin-bottom: 3.5rem;
}
.sectiontit_1 .tit{
    font-size:2.24rem ;
    text-align: center;

}
.sectiontit_1 .img{
    width: 0.19rem;
    height: 0.19rem;
}
.sectiontit_1 .img img{
    width: 100%;

}
.sectiontit_1 .tip{
    font-size: 1.12rem;
    font-weight: 400;
    color: #999999;
    line-height: 3.11rem;  
    text-align: center;
  
}
@media screen and (max-width: 768px){
    .sectiontit_1{
        margin-bottom: 2.5rem;
    }
    .sectiontit_1 .tit{
        font-size: 3rem;
        font-weight: 500;
        color: #333333;
        text-align: center;
        line-height: 2.69rem;

        margin-bottom: 2.44rem;
    }
    .sectiontit_1 .img{
        display: none;
    
    }
    .sectiontit_1 .tip{
        color: #999999;
        text-align: center;
        font-size: 1.88rem;
        line-height: 2.25rem;
    }
}










/* 产品的功能特点 */
.cardboxlist_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;   
    flex-wrap:wrap;

}



.cardboxlist_1 .listitem{
    width: calc((100% - 7rem)/3);
    background: white;
    
    margin-bottom: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.cardboxlist_1 .flex-item:nth-child(n+4) {
    margin-bottom: 0;
}
.cardboxlist_1 .listitem .iconimg{
    width: 3.3rem;
    height: 3.3rem;

    margin-right: 1.88rem;
    align-self: start;

    flex: 0.2;
}
.cardboxlist_1 .listitem .iconimg img{
    width: 100%;
}
.cardboxlist_1 .listitem .mainbody{
    flex: 0.75;
}
.cardboxlist_1 .listitem .tit{
    font-size: 1.12rem;
    color: #333333;
    font-weight: 500;
    margin: 0 ;

    margin-bottom: 1.5rem;
    
}
.cardboxlist_1 .listitem .main{
    font-size: 0.94rem;
    color: #999999;
    line-height: 1.62rem;
    

}


@media screen and (max-width: 768px){
    .cardboxlist_1 .listitem{
        width: calc((100% - 4.5rem)/2);
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .cardboxlist_1 .flex-item:nth-child(n+2){
        margin-bottom: 0;
    }

    .cardboxlist_1 .listitem .iconimg{
        width: 6.25rem;
        height: 6.25rem;
        margin-right: 0;
        align-self: center;
    }
    .cardboxlist_1 .listitem .tit{
        font-size: 2.26rem;

        margin: 2.25rem 1.56rem;
    }
    .cardboxlist_1 .listitem .main{
        font-size: 1.63rem;
        line-height: 2.5rem;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

}







/* 推荐购买 */
.cardboxlist_2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.cardboxlist_2 .listitem{
    width: calc((100% - 3.6rem)/3);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;

    padding: 1.88rem;

    border-radius: 1.25rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(75,75,75,0.08);
    background: #FFFFFF;
}
.cardboxlist_2 .listitem.hover{
    box-shadow: 0rem 0rem 2rem 0rem rgba(75,75,75,0.2);
}
.cardboxlist_2 .listitem .tit{
    font-size: 1.12rem;
    color: #333333;
    margin: 0 auto 1.31rem;
    font-weight: 500;
}
.cardboxlist_2 .listitem .tip{
    font-size: 0.88rem;
    color: #999999;
    line-height: 1.5rem;
}
.cardboxlist_2 ul.main{
    margin: 2rem auto;
}
.cardboxlist_2 ul.main li{
    font-size: 0.88rem;
    line-height: 1.5rem;
    color: #666666;

    margin-bottom: 1.8rem;
    display: flex;
    align-items: center;
}
.cardboxlist_2 ul.main li:last-child{
    margin-bottom: 0;
}
.cardboxlist_2 ul.main li span{
    line-height: 50%;
    margin-right: 0.75rem;
}
.cardboxlist_2 ul.main li span img{
    width: 100%;
}



.cardboxlist_2 .price{
    color: #F70707;
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 1.75rem;
}
.cardboxlist_2 .price span{

    font-size: 1.13rem;
    font-weight: 400;
}
.cardboxlist_2 .listitem .btnlist{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.cardboxlist_2 .listitem .btnlist button{
    border: #333333 solid 0.06rem;
    border-radius: 1.19rem;
    font-size: 1rem;
    text-align: center;

    
    width: 9.37rem;
    height: 2.39rem;
}
.cardboxlist_2 .listitem .btnlist a:nth-child(1) button {
    background-color: white;
}
.cardboxlist_2 .listitem .btnlist a:nth-child(2) button {
    background-color: black;
    color: white;
}

@media screen and (max-width: 768px){
    .cardboxlist_2  {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .cardboxlist_2 .listitem{
        width: calc((100%)/1);    

        margin-bottom: 1.88rem;
    }
    .cardboxlist_2 .listitem:last-child{
        margin-bottom: 0;
    }
    .cardboxlist_2 .listitem .tit{
        font-size: 1.88rem;
        text-align: left;

    }
    .cardboxlist_2 .listitem .tip{
        font-size: 1.5rem;
        /* line-height: 3.13rem; */
    }
    
    .cardboxlist_2 .listitem .main {
        font-size: 1.48rem;

    }
    .cardboxlist_2  .listitem ul.main li{
        font-size: 1.5rem;
    }
    .cardboxlist_2 .price{
        font-size: 2.69rem;
        /* margin-bottom: 1.81rem; */
    }
    .cardboxlist_2 .price span{
        font-size: 1.75rem;
    }
    .cardboxlist_2 .listitem .btnlist{
        display: flex;
        flex-direction: row;
        justify-content: start;

    }
    .cardboxlist_2 .listitem .btnlist button{
        font-size: 1.88rem;


        width: 12.5rem;
        height: 3.63rem;
        line-height: 3.63rem;
    }
    .cardboxlist_2 .listitem .btnlist a:nth-child(1) button {
        margin-right: 1.94rem;
    }


}























/* 技术特点和优势 */
.cardboxlist_3{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;

}
.cardboxlist_3 .listitem{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    width: calc((100% - 5.07rem)/4);
    padding: 2.44rem 1.75rem;
    margin-bottom: 1.88rem;

    border-radius: 1.25rem;
    background: white;
    box-sizing: border-box;

    /* 没加高度padding */
    transition: all 0.15s linear;
    height: 18rem;
    
}

.cardboxlist_3 .listitem:hover{
    box-shadow: 0rem 0rem 1rem 0rem rgba(75,75,75,0.08);
}
.cardboxlist_3 .listitem:nth-last-child(-n+4){
    margin-bottom: 0;
}
.cardboxlist_3 .listitem .iconimg{
    width: 4.25rem;
    height: 4.25rem;
}

.cardboxlist_3 .listitem .tit{
    font-size: 1.12rem;
    color: #333333;
}
.cardboxlist_3 .listitem .main{
    font-size: 0.94rem;
    color: #999999;
    text-align: center;
}




@media screen and (max-width: 768px){
    .cardboxlist_3 .listitem{
        width: calc((100% - 1.87rem)/2);

        padding: 2.5rem 1.4rem;
        margin-bottom: 2.5rem;

        width: 20.69rem;
        height: 19.56rem;
    }
    .cardboxlist_3 .listitem .iconimg {
        width: 5rem;
        height: 5rem;
    }
    .cardboxlist_3 .listitem .tit{
        font-size: 1.88rem;
    }
    .cardboxlist_3 .listitem .main{
        font-size: 1.63rem;
        color: #999999;
        text-align: center;
    }

    /* 修改最后 */
    .cardboxlist_3 .listitem:nth-last-child(-n+3){
        margin-bottom: 2.5rem;
    }
    .cardboxlist_3 .listitem:nth-last-child(-n+2){
        margin-bottom: 0;
    }
}










/*  */
/* 适用场景 */
.cardboxlist_4{

}
.cardboxlist_4 .listitem{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 没加高度padding */
}
.cardboxlist_4 .listitem .iconimg{
    width: 8.13rem;
    height: 8.13rem;
}
.cardboxlist_4 .listitem .iconimg img{
    width: 100%;
    height: 100%;
}
.cardboxlist_4 .listitem .tit{
    font-size: 1.13rem;
    color: #333333;
}
.cardboxlist_4 .listitem .main{
    font-size: 1rem;
    color: #999999;
}




/* 常见问题，有类似新闻的列表 */
/* 可以整体去掉 cardboxlist_5,只用一个新闻的盒子样式*/
        .cardboxlist_5{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        .cardboxlist_5 .listitem.itemnews{
            width: calc((100% - 2.5rem)/2);
        }

        .cardboxlist_5 .itemnews .head{
            background: #0071EF;
            padding:1.6rem 3.19rem;
            border-radius: 1.88rem  1.88rem 0 0;
            color: white;

        }
        .cardboxlist_5 .itemnews .head .tit{
            font-size: 1.75rem;
            margin-bottom: 1.3rem;
        }
        .cardboxlist_5 .itemnews .head .tip{
            font-size: 1.13rem;
        }

        
        .cardboxlist_5 .itemnews .main{
            background:#F5F7FA;            
            font-size:1.25rem ;
            color: #333333;
            border-radius: 0 0   1.88rem 1.88rem;
            padding: 2.8rem;
        }
        
        /* 没啥用好像 */
        .cardboxlist_5 .itemnews .main>div{
            height: 3.7rem;
            line-height: 3.75rem;
        }
        .cardboxlist_5 .itemnews .main>div a{
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            

        }
        .cardboxlist_5 .itemnews .main>div .arricon{
            float: right;
        }

    @media screen and (max-width: 768px) {
        .cardboxlist_5 {
            display: flex;
            flex-direction: column;
        }
        .cardboxlist_5 .listitem.itemnews{
            width: 100%;
        }
        .cardboxlist_5 .listitem.itemnews:nth-child(1){
            margin-bottom: 2.5rem;
        }
        .cardboxlist_5 .itemnews .head{
            color: white;
        }
        .cardboxlist_5 .itemnews .head .tit{
            font-size: 2.25rem;
            color: white;
            text-align: left;
        }
        .cardboxlist_5 .itemnews .head .tip{
            font-size: 1.88rem;
        }

        .cardboxlist_5 .itemnews .main {
            font-size: 1.73rem;
            padding: 2.5rem 2.94rem;
            background: white;
        }
        .cardboxlist_5 .itemnews .main>div{
            line-height: 4.07rem;
            height: 4.07rem;
        }
    }



    /* 适用场景 */
    .cardboxlist_6{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .cardboxlist_6 .listitem{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        justify-content: start;
        align-items: center;

        width: calc((100% - 7rem)/3);
        margin-bottom: 4.94rem;
    }
    .cardboxlist_6 .listitem .iconimg{
        width: 8.12rem;
        height: 8.12rem;
    }
    .cardboxlist_6 .listitem .iconimg img{
        width: 100%;
    }
    .cardboxlist_6 .listitem .tit{
        font-size: 1.12rem;
        color: #333333;
        margin: 0;
        margin: 1.14rem auto 1.81rem;
    }
    .cardboxlist_6 .listitem .main{
        font-size: 1rem;
        color: #999999;
    }

    .cardboxlist_6 .listitem:nth-last-child(-n+4){
        margin-bottom: 0;
    }
    

    @media screen and (max-width: 768px) {
        .cardboxlist_6 .listitem{
              width: calc((100% - 4.44rem) / 2);  
              margin-bottom: 2.5rem;
        }
        .cardboxlist_6 .listitem .iconimg{
            width: 6.25rem;
            height: 6.25rem;
        }
        .cardboxlist_6 .listitem .tit{
            font-size: 1.88rem;
            margin: 1.88rem auto;
            font-weight: 500;
        }
        .cardboxlist_6 .listitem .main{
            font-size: 1.5rem;
            line-height: 2.25rem;
            text-align: center;
        }

    }



    /* 企业合作伙伴 */
    /* .img暂时代替了listitem */
    .cardboxlist_7{
        background: white;
        box-shadow: 0rem 1rem 2rem 0rem rgba(44,44,44,0.05);
        border-radius: 1.88rem;
        padding: 2.5rem;
        
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;

    }
    
    .cardboxlist_7 .img{
        display: block;

        width: calc((100% - 10.2rem)/4);

        border-radius: 0.63rem;
        border: 0.06rem solid rgba(153, 153, 153, 0.15);

        margin-bottom: 2.38rem;
    }
    
    .cardboxlist_7 .img:nth-last-child(-n+4){
        margin-bottom: 0;
    }

    .cardboxlist_7 .img img{
        width: 100%;
        height: auto;
        height: 100%;
    }

    .cardboxlist_7_bgbox{
        position: relative;
        margin: 8rem 0;
    }
    .cardboxlist_7_bg{
        position: absolute;
        background: rgba(247, 247, 247, 1);
        width: 100%;
        height: 100%;
        top: -50%;
        z-index: -10;    
    }
    @media screen and (max-width: 768px) {

        .cardboxlist_7{
            padding: 1.8rem 2.5rem;
        }

        .cardboxlist_7 .img{
            width: calc((100% - 4rem)/3);

            margin-bottom: 1.63rem;
        }        
        .cardboxlist_7 .img:nth-last-child(-n+4){
            margin-bottom: 1.63rem;
        }
        .cardboxlist_7 .img:nth-last-child(-n+3){
            margin-bottom: 0;
        }

    }








    .cardboxlist_8{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    
    .cardboxlist_8 .listitem{
        display: flex;
        flex-direction: column;
        position: relative;
        width: calc((100% - 2.5rem)/2);
        box-sizing: border-box;

        margin-bottom: 2.5rem;
    }
    .cardboxlist_8 .listitem:nth-child(2n){
        background: linear-gradient(90deg, #7E7F81 0%, #9C9D9F 34%, #D1D0D3 67%, #A2A4A3 100%);

    }
    .cardboxlist_8 .listitem:nth-child(2n-1){
        background: linear-gradient(90deg, #0F0E13 0%, #3B3B3B 50%, #2F2F31 100%);
    }
    
    .cardboxlist_8 .listitem .bg{
        position: absolute;
        width: 19.44rem;
        /* width: auto; */
        height: 10.63rem;
        right: 2.5rem;
        top: 3.44rem;
        z-index: 0;
        transition: all .5s ease;
    }
/* img外部有p标签需要这个 */
.cardboxlist_8 .listitem .bg p img{
    display: inline-block;
    width: 100%;
    height: auto;
}
/*修改第二个散热器的大小*/
.cardboxlist_8 .listitem .bg.widthchange p{
    width: 14.06rem;height: 13.75rem;    margin-right: 2.5rem;margin-top: -1rem;
}


    .cardboxlist_8 .listitem:hover .bg{
        transform: scale(1.1);
    }
  
    
    .cardboxlist_8 .listitem .itembox{
        padding:3.44rem 2.56rem;
        z-index: 1;
    }

    .cardboxlist_8 .listitem .tit{
        font-size: 3.5rem;
        text-shadow: 0rem 0rem 1rem rgba(49,49,49,0.5);
        color: white;
        line-height: 4.38rem;
        font-weight: bold;

        margin-bottom: 3.75rem;
    }
    .cardboxlist_8 .listitem .btn{
        font-size: 1.5rem;
        width: 10.31rem;
        height: 3.44rem;
        line-height: 3.44rem;
        text-align: center;
        border-radius: 0.31rem;
        color: white;
        padding: 0;
        transition: all .5s ease;
    }
    .cardboxlist_8 .listitem .btn:hover{
        /* color: #434343; */
        color: white;
    }

    .cardboxlist_8 .listitem .btn.red{
        background: #D0243C;
        background: #00a0e9;
    }
    .cardboxlist_8 .listitem .btn.blue{
        background: #0C4CA3;
    }
    @media screen and (max-width: 768px){
        .cardboxlist_8 .listitem{
            width: calc((100%));
        }
        .cardboxlist_8 .listitem .btn{
            width: 12.27rem;
            height: 4.09rem;
            border-radius: 0.31rem;
            font-size: 1.78rem;
        }
    }
    .cardboxlist_8 .listitem .btn:hover{
        /* color: #434343; */
        background: black;
        color: #d0243c;
        box-shadow:0px 0px 1.8rem rgba(255,255,255,0.14) ;
    }

    
    .cardboxlist_8 .listitem:nth-child(1),
    .cardboxlist_8 .listitem:nth-child(4),
    .cardboxlist_8 .listitem:nth-child(5) {
      background-color: black;

      
      background: linear-gradient(90deg, #0F0E13 0%, #3B3B3B 50%, #2F2F31 100%);

    }
    
    .cardboxlist_8 .listitem:nth-child(2),
    .cardboxlist_8 .listitem:nth-child(3),
    .cardboxlist_8 .listitem:nth-child(6) {
      background-color: white;

      background: linear-gradient(90deg, #7E7F81 0%, #9C9D9F 34%, #D1D0D3 67%, #A2A4A3 100%);

    }

    @media screen and (max-width: 768px) {
        
        .cardboxlist_8 .listitem:nth-child(1),
        .cardboxlist_8 .listitem:nth-child(3),
        .cardboxlist_8 .listitem:nth-child(5) {
          background-color: black;
    
          
          background: linear-gradient(90deg, #0F0E13 0%, #3B3B3B 50%, #2F2F31 100%);
    
        }
        
        .cardboxlist_8 .listitem:nth-child(2),
        .cardboxlist_8 .listitem:nth-child(4),
        .cardboxlist_8 .listitem:nth-child(6) {
          background-color: white;
    
          background: linear-gradient(90deg, #7E7F81 0%, #9C9D9F 34%, #D1D0D3 67%, #A2A4A3 100%);
    
        }
    
    }


/* specbox_2 */
.specbox_2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.specbox_2 .listitem{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 3.13rem;
}
.specbox_2 .listitem .textbox{
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.specbox_2 .listitem .tit{
    font-size: 1.75rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #313131;
    line-height: 1.75rem;   

    margin-bottom: 3rem;
}
.specbox_2 .listitem .main{
    font-size: 1rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #626262;
    line-height: 1.63rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;

}

.specbox_2 .listitem:nth-child(odd){
    text-align: right;
}



.specbox_2 .listitem .img{
    /* width: 8.06rem;
    height: 9.06rem; */
    width: 9.06rem;
    height: 9.06rem;
}

.specbox_2 .listitem:nth-child(even) .img{
    margin-right: 3.5rem;
}
.specbox_2 .listitem:nth-child(odd) .img{
    margin-left: 3.5rem;
}


.specbox_2 .listitem .img img{
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px){
    .specbox_2{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .specbox_2 .listitem{
        width: calc(100%);
        margin-bottom: 5rem;
    }
    .specbox_2 .listitem .main{
        font-size: 1.63rem;
        line-height: 2.38rem;
        color: #626262;
    }
    .specbox_2 .listitem .tit{
        font-size: 2rem;
    }
    .specbox_2 .listitem .img{
        width: 12.88rem;
        height: 12.88rem;
    }
    
}














.btmfooterbox_1{
    display: flex;
    flex-direction: column;

    background: #151515;
}
.btmfooterbox_1 .topbox{
    margin: 4.19rem 0;
    display: flex;
    flex-direction: row;



}
.btmfooterbox_1 .topbox .icon{
    margin-right: 3.13rem;
}

.btmfooterbox_1 .topbox .tit{
    font-size: 1.88rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.55rem;

    margin-bottom: 1.5rem;
}
.btmfooterbox_1 .topbox .main{
    font-size: 1rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #AAAAAA;
    line-height: 1.25rem;
}


.btmfooterbox_1 .centerbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    margin-bottom: 4.4rem;
}
.btmfooterbox_1 .centerbox .leftpart{

}

.btmfooterbox_1 .centerbox .leftpart .tit{
    margin-bottom: 3rem;
}
.btmfooterbox_1 .centerbox .rightpart{
    display: flex;
    flex-direction: row;
    
    border-left: 0.06rem dashed rgba(153, 153, 153, 0.3);
    margin-left: 4rem;
    width: 48rem;

    justify-content: space-between;

}

.btmfooterbox_1 .centerbox .rightpart ul{
    /* margin-left: 4rem;
    border-left: 0.06rem;
    margin: 0 0.4rem 0 1.25rem;
    border-left: 0.06rem;
    width: 11rem; */



    margin-left: 4rem;
    border-left: 0.06rem;
    margin: 0px 0rem 0 4rem;
    margin: 0px 0rem 0rem 2rem;
    /* border-left: -0.94rem; */
    width: auto;
    
}

.btmfooterbox_1 .centerbox .rightpart ul li a::before{
    /* display: inline-block;
    font: normal normal normal 14px/20px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    color: #d0243c;
    margin-right: 10px; */




    /* content: "";箭头元素
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid white;
    margin-right: 10px; */



    content: "\2022";
    display: inline-block;
    width: 0.5em;
    margin-right: 0.5em;

    white-space: nowrap;

}
.btmfooterbox_1 .centerbox .rightpart ul li{
    transition: all 0.2s linear;
    line-height: 2.5rem;

}
.btmfooterbox_1 .centerbox .rightpart ul li a{
    transition: all 0.2s linear;
    white-space: nowrap;

    font-size: 1rem;
    color: rgba(255,255,255,0.8);
}
.btmfooterbox_1 .centerbox .rightpart ul li a:hover{
    /* padding: 0 0 0 1rem; */
    color: #d0243c;
}
.btmfooterbox_1 .centerbox .rightpart ul li:hover{

}

/*  */


/* .btmfooterbox_1 .centerbox .rightpart ul li:hover {
    position: relative;
    display: block;
  }
  .btmfooterbox_1 .centerbox .rightpart ul li:hover a {
    position: absolute;
  } */



.btmfooterbox_1 .centerbox .tit{
    /* 所有的蓝色标题 */

    font-size: 1.5rem;
    /*font-family: Microsoft YaHei; */
    font-weight: bold;
    color: #2853A2;
    line-height: 2rem;
}

.btmfooterbox_1 .centerbox .leftpart .text{
    color: #AAAAAA;
    font-size: 1rem;
    line-height: 2.25rem;
    margin-bottom: 2.5rem;

    margin-bottom: 1.88rem;

    
}
.btmfooterbox_1 .centerbox .leftpart .text span{
    width: 1.06rem;
    height: 1.06rem;
    margin-right: 0.94rem;
    display: inline-block;   
}
.btmfooterbox_1 .centerbox .leftpart .text span img{
    width: 100%;   
}

.btmfooterbox_1 .centerbox .leftpart .text text{
    display: inline-block;
}


/* 再加一个东西，让他对齐 */
.btmfooterbox_1 .centerbox .leftpart .text{
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
}
.btmfooterbox_1 .centerbox .leftpart .text>div:nth-child(1){
    /* flex: 1; */
    display: flex;
    flex-direction: row;
    margin-right: 0.5rem


}
.btmfooterbox_1 .centerbox .leftpart .text>div:nth-child(2){
    display: flex;
    flex-direction: column;
    flex:1;
}








/* 内容的a,还需要再去改一次 */
.btmfooterbox_1 .centerbox .rightpart .tit{
    margin-bottom: 3rem;
    white-space: nowrap;
}
.btmfooterbox_1 .centerbox .rightpart .main li{
    font-size: 1rem;
    font-weight: 400;
    color: white;
    line-height: 2.5rem;
}

.btmfooterbox_1_other{
    text-align: center;
    background: #434343;
    color: #AAAAAA;
    font-size: 1rem;
    height: 3.13rem;
    line-height: 3.13rem;
}



@media screen and (max-width: 768px){
    .btmfooterbox_1 .centerbox .rightpart{
        display: none;
    }
    .btmfooterbox_1 .centerbox .tit{
        display: none;
    }
    .btmfooterbox_1 .topbox{
        margin: 4.94rem 0 6.44rem;

        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .btmfooterbox_1 .topbox .tit{
        font-size: 1.5rem;
    }
    .btmfooterbox_1 .topbox .icon{
        margin-right: 0;
        margin-bottom: 4.94rem;
    }
    .btmfooterbox_1 .topbox .main{
        font-size: 1.13rem;
        line-height: 1.75rem;
        text-align: center;
    }
    .btmfooterbox_1 .centerbox .leftpart .text{
        font-size: 1.5rem;
        color: #AAAAAA;
    }
    .btmfooterbox_1 .centerbox .leftpart .text span img{
        width: 1.81rem;
        height: 1.81rem;
        margin-right: 1.25rem;
    }
    .btmfooterbox_1_other{
        height: 3.94rem;
        font-size: 1.5rem;
        color: #FFFFFF;   
    }
    .btmfooterbox_1_other span{
        display: none;
    }


    .btmfooterbox_1_other>a:nth-last-child(1) {
        display: none;
    }

}

















/* .cardboxlist_9 */
.cardboxlist_9{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.cardboxlist_9 .listitem{
    display: flex;
    flex-direction: column;
    background:#F5F5F5 ;
}

.cardboxlist_9 .listitem .img{
    display: flex;
    flex-direction: column;
}
.cardboxlist_9 .listitem .img img{
    width: 100%;
    height: auto;
}
.cardboxlist_9 .listitem .btm{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.56rem;
}

.cardboxlist_9 .listitem .btm .tit{
    font-size: 1.13rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #313131;
    line-height: 3.12rem;
}
.cardboxlist_9 .listitem .btm .main{
    font-size: 0.88rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #999999;
    line-height: 1.25rem;
}
.cardboxlist_9 .listitem .btm .btn{
    width: 6.19rem;
    height: 2.81rem;
    background: #313131;
    border-radius: 0.31rem;
    color: white;
    font-size: 1rem;
}
.cardboxlist_9 .listitem .btm .btn span{
    width: 1rem;
    height: 1.25rem;
}







.cardboxlist_10{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cardboxlist_10 .listitem{
    width: calc((100% - 8.64rem)/4);
    margin-bottom: 3.13rem;
}
.cardboxlist_10 .listitem .img{
    border: 1px solid #d6d4d4;
}
.cardboxlist_10 .listitem .img img{
    width: 100%;
    display: block;
    height:15rem ;
    /*height: 18rem;*/
}

.cardboxlist_10 .listitem .btm{
    background: #F5F5F5;
    padding: 1.56rem;
    padding: 1rem 1.56rem;
    padding: 0.6rem 1.56rem;;
    height: 13rem;

    height: 12rem;

    height: 11rem;

    box-shadow: 0 14px 10px -10px rgba(0,0,0,0.15);

}


@media screen and (max-width: 768px){
    .cardboxlist_10 .listitem .img img{
        height: 20rem;
    }

    .cardboxlist_10 .listitem .btm{
        height:16rem;
        height: 19.5rem;
    }
}
.cardboxlist_10 .listitem .btm .tit{
    font-size: 1.13rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #313131;
    /* line-height: 3.12rem; */

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1; /* 设置显示的行数 */

    
}
.cardboxlist_10 .listitem .btm .main{
    font-size: 0.88rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #999999;
    line-height: 1.25rem;
    margin: 1.4rem 0;
    margin:  0.9rem 0;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1; /* 设置显示的行数 */


    height: 1.25rem;
    /*height: 2.5rem;*/
}


.cardboxlist_10 .listitem .btm .main:nth-child(even) {
    margin-top: 0.525rem;

}
/*这里去掉了第二个选项*/


.cardboxlist_10 .listitem .btm .btn{
    width: 6.19rem;
    height: 2.81rem;
    background: #313131;
    border-radius: 0.31rem;

    font-size: 1rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #FFFFFF;
    padding: 0;
    line-height: 2.81rem;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.2s ease;

    margin-left: auto
    
}
.cardboxlist_10 .listitem .btm .btn:hover{
    /* background:#5e0000 ; */

}
.cardboxlist_10 .listitem .btm .btn img{
    width: 1rem;
    height: 1.25rem;
    margin-right: 0.63rem;
}

@media screen and (max-width: 768px){
    .cardboxlist_10 .listitem{
        width: calc((100% - 1.88rem)/2);

    }
    .cardboxlist_10 .listitem .btm .tit{
        font-size: 1.75rem;
        font-weight: 500;

        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .cardboxlist_10 .listitem .btm .main{
        font-size: 1.5rem;
        line-height: 1.88rem;


  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
        height: auto;

    }
    .cardboxlist_10 .listitem .btm .btn{
        font-size: 1.63rem;
        width: 9.38rem;
height: 3.75rem;
background: #313131;
border-radius: 0.63rem;
    }

    .cardboxlist_10 .listitem .btm .btn img{
        width: 1.56rem;
height: 1.94rem;
    }
}



















/* textbox_2  本想当轮播的样式*/
.textbox_2{
    display: flex;
    flex-direction: row;
}

.textbox_2 .img{
    /* width: 33.69rem;
    height: 23.56rem; */
    width: 36.25rem;
    height: 23.75rem;
    height: 20.4rem;
    /* border-radius: 0.94rem; */
}
.textbox_2 .img img{
    /* width: 33.69rem;
    height: 23.56rem; */
    width: 36.25rem;
    height: 23.75rem;
    height: 20.4rem;
    width: auto;
    object-fit: cover;
    /* border-radius: 0.94rem; */
}
.textbox_2 .articlebox{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.textbox_2 .tit {
    font-size: 1.63rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    line-height: 0.5rem;
    color: #313131;
}

.textbox_2 .line{
    width: 3.44rem;
    height: 0.31rem;
    background: #D0243C;
}
.textbox_2 .main{
    /* width: 32.5rem;
    height: 10.38rem; */
    width: 34.94rem;
    font-size: 1rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #626262;
    line-height: 1.88rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7; /* 设置显示的行数 */

}
.textbox_2 .btnbox{
    display: flex;
    justify-content: space-between;
    width: 5rem;
    align-self: end;
}
.textbox_2 .btn_swiper{   
    width: 1.88rem;
    height: 1.88rem;
    line-height: 1.88rem;
    background: #FFFFFF;
    border: 0.06rem solid #0C4CA3;
    border-radius: 0.31rem;
    color: #0C4CA3;
    
    text-align: center;

    border: none;

}
.textbox_2 .btn_swiper.swiper-button-prev-114{
    background: url(../img/index/32.png);
    background-size: contain;
}
.textbox_2 .btn_swiper.swiper-button-next-114{
    background: url(../img/index/34.png);
    background-size: contain;
}

.textbox_2 .btn_swiper.swiper-button-prev-114.swiper-button-disabled{
    background: url(../img/index/31.png);
    background-size: contain;
}
.textbox_2 .btn_swiper.swiper-button-next-114.swiper-button-disabled{
    background: url(../img/index/33.png);
    background-size: contain;
}






.textbox_2 .btn_swiper .img{ 
    width: 100%;
}
.textbox_2 .btn_swiper img{
    width: 100%;
}


@media screen and (max-width: 768px){
    .textbox_2{
        display: flex;
        flex-direction: column;
        margin: 1.88rem;
    }
    .textbox_2 .img{
        width: 39.38rem;
        height: auto;
        background: #EEEEEE;
        border-radius: 1.25rem;
    }
    .textbox_2 .img img{
        width: 100%;
        height: auto;
    }

    .textbox_2 .tit{
        font-size: 2rem;
        margin-top: 2.5rem;
    }
    .textbox_2 .main{
        color: #626262;
        font-size: 1.63rem;
        line-height: 2.38rem;

        width: 100%;
        height: auto;
    }
    .textbox_2 .line{
        margin: 2.5rem 0;
    }
    .textbox_2 .btn_swiper{
        width: 3.75rem;
height: 3.75rem;
background: #FFFFFF;

border-radius: 0.63rem;


    }

    .textbox_2 .btnbox{
        margin-top: 5rem;
        margin-top: 0rem;

        display: flex;
        justify-content: space-between;
        width: 11rem;
        align-self: end;
    }

}














    






















/* 常见问题 */
.lineboxlist_1 .listitem{
    display: flex;
    flex-direction: column;

    border-radius: 1.25rem;
    padding:1.5rem 1.8rem;
    background: white;
    animation: lineboxlist_1_color_reverse  0.5s ease forwards;
}
.lineboxlist_1 .listitem.active{
    animation: lineboxlist_1_color 0.5s ease forwards;
}

@keyframes lineboxlist_1_color  {
    from {
        background-color: white;
      }
      to {
        background-color:#F2F6FB ;
      } 
}
@keyframes lineboxlist_1_color_reverse  {
    from {
        background-color: #F2F6FB;
      }
      to {
        background-color:white ;
      } 
}

.lineboxlist_1 .listitem .box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.lineboxlist_1 .listitem.active .tip{
    
    color: #415982;
    font-size: 1rem;
}

.lineboxlist_1 .listitem .tit{
    color: #333333;
    font-size: 1.25rem;
}
.lineboxlist_1 .listitem .iconimg{
    width: 1.2rem;
    height: 1.2rem;
    
}
.lineboxlist_1 .listitem.actvie .iconimg{

}
.lineboxlist_1 .listitem .iconimg  img{
    width: 100%;
}
.lineboxlist_2 






/* 联系我们 */
.specbox_1{
    background: white;
    border-radius:1.88rem;
    box-shadow: 0rem 0rem 2rem 0rem rgba(75,75,75,0.08);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* 这里不知道为啥写两个才有用--------------------------------------- */
.specbox_1{
    background: white;
    border-radius:1.88rem;
    box-shadow: 0rem 0rem 2rem 0rem rgba(75,75,75,0.08);
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    padding: 2.4rem;
}



/* 主动设置p的margin距离,可能受其他因素影响 */
.specbox_1 p{
    margin: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}
.specbox_1 .left{
    width: 30rem;
}
.specbox_1 .tit{
    font-size: 1.25rem;
    color: #333333;
    font-weight: 500;
}
.specbox_1 .phonetip{
    display: flex;
    flex-direction: row;
}

.specbox_1 .phonetip>div:nth-child(1){
    margin-right: 3rem;
}


.specbox_1  .tip{
    font-size: 1rem;
    color: #666666;
}
.specbox_1 .main{
    color: #485EFF;
    font-size: 1.5rem;
}
.specbox_1 .othertip{
    color: #666666;
    font-size:0.88rem ;
    line-height: 1.63rem;
}
.specbox_1 .phoneinput{
    font-size: 0.94rem;
    color: black;
    background-color:#FAFAFA ;
    padding: 1.13rem 1.25rem;
    display: block;
    border: none;
}
.specbox_1 .phoneinput::placeholder{
    font-size: 0.94rem;
    color: #999999;
}

.specbox_1 .phonebtn{
    font-size: 1.13rem;
    color: white;
    background: #485EFF;
    border-radius: 0.5rem;
    padding: 1rem 2.13rem;

    border:none;
}

.specbox_1 .centerline{
    width: 0.06rem;
    height: auto; 
    background: #F1F1F1;
}


.specbox_1 .right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.specbox_1 .right .tit{
    margin: 0;
}
@media screen and (max-width: 768px){
    /* 主动清除p */
    .specbox_1 p{
        margin: 0;
    }

    .specbox_1 {
        display: flex;
        flex-direction: column;    
    }
    .specbox_1 .tit{
        font-size: 1.88rem;
        color: #333333;
        text-align: left;
    }

    .specbox_1 .phonetip{
        margin: 2.4rem auto;
    }
    .specbox_1 .tip{
        font-size: 1.5rem;
        margin-bottom: 1.88rem;
        
    }
    .specbox_1 .main{
        font-size:2.25rem ;
        
    }
    .specbox_1 .othertip{
        font-size: 1.5rem;
        line-height: 2.5rem;
    
    }

    .specbox_1 .phoneinput{
        font-size: 1.56rem;
        margin-bottom: 2rem;
    }
    .specbox_1 .phoneinput::placeholder{
        font-size: 1.56rem;
    }

    .specbox_1 .left{
        width: calc(100%);
    }
    
    .specbox_1 .centerline{
        display: none;
    }

    .specbox_1 .right{
        width: calc(100%);
    }

    .specbox_1 .right{
        border-top:#F1F1F1 0.06rem solid ;
        margin-top: 2.5rem;
        padding-top: 2.5rem;
        height: 20.35rem;
        box-sizing: border-box;
    }

    .specbox_1 .right .phonebtn{
        width: 10rem;
        height: 3.75rem;
        line-height: 3.75rem;
        background: #485EFF;
        border-radius: 0.63rem;
        font-size: 1.63rem;
        padding: 0;
        
    }

}






/* 横线的样式 合作流程*/
.specbox_2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.specbox_2 .listitem {
    width: calc((100% - 2.5rem)/2);
}
.specbox_2 .listitem .titbox {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.specbox_2 .listitem .titbox .tit {
    color: #485EFF;
    font-size: 3rem;
}

.specbox_2 .listitem .titbox .tit_s {
    font-size: 1.5rem;
    color: #333333;

    margin: 1.5rem auto;
}

.specbox_2 .listitem .tip {
    color: #999999;
    font-size: 1.13rem;
    width: 14rem;
    text-align: center;
    line-height: 2rem;
}

.specbox_2 .splitline {
    width: 13.38rem;
    height: 0.06rem;
    border-bottom: 0.06rem #D0D0D0 dashed;

}

.specbox_2 .splitline .tipbox {}

/* .agreement .about .word a:last-child{
margin-left: 5rem;
margin-
} */
@media screen and (max-width: 768px) {
    .specbox_2 {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .specbox_2 .listitem{
        width: 100%;
    }

    .specbox_2 .listitem .titbox {
        display: flex;
        flex-direction: row;

        margin-bottom: 1.5rem;

    }

    .specbox_2 .listitem .titbox .tit {
        font-size: 1.88rem;
    }

    .specbox_2 .listitem .titbox .tit_s {
        font-size: 1.88rem;
        margin: 0;
        margin-left: 1rem;
    }

    .specbox_2 .listitem .tip {
        font-size: 1.75rem;
        line-height: 3.01rem;
        width: auto;
        text-align: left;
    }

    .specbox_2 .listitem {
        font-size: 1.75rem;
        color: #999999;
    }

    .specbox_2 .splitline {
        width: 0.13rem;
        height: 5rem;
        border-right: #999999 dashed 0.13rem;
        border-bottom: none;
        margin: 1rem 1rem 0 1rem;
    }

}


















/* 底部小型box */
.specbox_s_1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    padding:  1.8rem 0;
    padding: 6rem 0;
    align-items: center;


}
.specbox_s_1 .tit{
    font-size: 1.5rem;
    color: #333333;
    margin-bottom: 1.25rem;
}
.specbox_s_1 .tip{
    font-size: 1rem;
    color: #666666;
}
.specbox_s_1 .btn{
    color: white;
    background:#485EFF ;
    padding: 0.81rem 0.63rem;
    text-align: center;
    border-radius: 0.31rem;
    border: none;
    background: white;
    color: #0071EF;
}

@media screen and (max-width: 768px){
    .specbox_s_1{
        display: flex;
        flex-direction: column;
        
        text-align: center;

        height: 18.75rem;
                height: 13rem;

        box-sizing: border-box;
    }
    .specbox_s_1 .tit{
        font-size: 2.25rem;
    }
    .specbox_s_1 .tip{
        font-size: 1.63rem;
    }
    .specbox_s_1 .btn{
        color: #0071EF;
        font-size: 2.13rem;
        background: #FFFFFF;
        padding: 1.38rem 1.56rem;
        border-radius: 0.75rem;
    }


}


/* .specbox_s_2 */
/* 三个一体的样式 */
.specbox_s_1 {
    width: 80%;
    /* width: 70%; */
    max-width: 65rem;
}

.specbox_s_1 .listitem{
    width: 17.5rem;
    height: 3.75rem;
    background: #FFFFFF;
    border: 0.13rem solid #0C4CA3;
    font-size: 1.63rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #0C4CA3;
    line-height: 1.62rem;

    text-align: center;
    line-height: 3.75rem;

    
    align-items: center; 

}

.specbox_s_1 .listitem{
    width: 17.5rem;
    height: 3.75rem;
    background: #FFFFFF;
    border: 0.13rem solid #0C4CA3;
    font-size: 1.63rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #0C4CA3;
    line-height: 1.62rem;

    display: flex;
    text-align: center;
    line-height: 3.75rem;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.21s ease;
}

.specbox_s_1 .listitem img{
    display: block;
    margin-right: 1.1rem;
}
.specbox_s_1 .listitem.active{
    background:#0C4CA3 ;
    color: white;
}
.specbox_s_1 .listitem:nth-child(1){
    border-radius: 1.25rem 0rem 0rem 0rem;
}
.specbox_s_1 .listitem:nth-child(3){
    border-radius: 0rem 1.25rem 0rem 0rem;
}

@media screen and (max-width: 768px){
    .specbox_s_1{
        width: 90%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .specbox_s_1 .listitem{
        width: 13rem;
        font-size: 1.63rem;
    }
    .specbox_s_1 .listitem img{
        width: 1.5rem;
        height: 1.5rem;
    }

}














/* 文章盒子 公司简介 关于我们*/
.textbox_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.textbox_1 .text {
    font-size: 1.13rem;
    line-height: 2.5rem;

    width: 36.31rem;

    text-indent: 2em;

}

.textbox_1 .img {
    border-radius: 1145141919810rem;
    width: 34.38rem;
    height: 18.75rem;
}

.textbox_1 .img img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .textbox_1 {
        display: flex;
        flex-direction: column;
    }

    .textbox_1 .img {
        width: 43.06rem;
        height: 23.5rem;
        /* ************************** */
        border-radius: 1.88rem;
        align-items: end;

        order: 1;

        margin-bottom: 2.88rem;
    }

    .textbox_1 .img img {}

    .textbox_1 .text {
        width: 100%;
        font-size: 1.88rem;
        line-height: 3rem;

        order: 2;
    }

}











/* 轮播列表 经典案例*/
/* swiperslist */
.swiperboxlist_1 {}

.swiperboxlist_1 .listitem {
    display: flex;
    flex-direction: column;
    border-radius: 1.88rem;
    background: #FAFAFA;
}

.swiperboxlist_1 .listitem .topbody {
    width: auto;
}

.swiperboxlist_1 .listitem .topbody img {
    width: 100%;
    display: block;
}

.swiperboxlist_1 .listitem .btmbody {
    padding: 1.25rem 3rem 3.19rem;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.swiperboxlist_1 .listitem .btmbody .flex_between{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.swiperboxlist_1 .listitem .logoimg {
    width: 6.75rem;
    height: 2.13rem;
}

.swiperboxlist_1 .listitem .logoimg img {
    width: 100%;
    display: block;
}

.swiperboxlist_1 .listitem .tit {
    font-size: 1.13rem;
    color: #333333;

    margin: 1.88rem auto 2.13rem;
}

.swiperboxlist_1 .listitem .btnlist {
    display: flex;
    flex-direction: column;
}

.swiperboxlist_1 .listitem .btn {
    color: #999999;
    background: #EAEAEA;
    /* padding: 0.56rem 1.25rem; */
    
    width: 6.88rem;
    height: 2.13rem;
    line-height: 2.13rem;
    text-align: center;

    font-size: 1rem;
    font-weight: 500;
    border-radius: 1.5rem;
    border: none;
}

@media screen and (max-width: 768px) {
    .swiperboxlist_1 .listitem .logoimg {
        width: 8.75rem;
        height: 2.75rem;
    }

    .swiperboxlist_1 .listitem .tit {
        font-size: 1.63rem;
        line-height: 1em;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;


        
    }

    .swiperboxlist_1 .listitem .btn {
        font-size: 1.62rem;
        width: auto;
        height: auto;
        padding: 0.7rem 1.5rem;
        border-radius: 1.5rem;

    }
    .swiperboxlist_1 .listitem .btmbody{
        padding: 2.5rem 1rem;
    }


}














/* 顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新 */

.topbg {
    /* position: fixed;
    top: 0; */
    background: rgba(12, 76, 163, 1);
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: space-between;

    height: 5.94rem;
    align-items: center;

    background: #F8F8F8;
    height: 4.19rem;
}

.topbg .main {
    color: white;
    font-size: 1rem;
    line-height: 2rem;
    color: #626262;

}

.topbg .input-container {
    position: relative;
    display: inline-block;
}

.topbg .input-container .search-icon {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    /* 调整图标与输入框之间的距离 */
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background-image: url(./img/othericon/2.png);
    /* 替换为你自己的图标路径 */
    background-size: contain;
    background-repeat: no-repeat;
}

.topbg .inputbox {
    width: 22.75rem;
    height: 2.19rem;
    background: #FFFFFF;
    border-radius: 1.09rem;
    color: black;
    border: none;
    padding-left: 0.5rem;
}

.topbg .inputbox::placeholder {
    color: rgba(191, 191, 191, 1);
}

.topbg .lang-container {
    /* line-height: 50%; */
    display: flex;
    align-items: center;
    margin-left: 2.5rem;
    color: white;
    color: rgba(191, 191, 191, 1);
}

.topbg .lang-container span {
    font-size: 1rem;
    color: white;
    margin: 0 0.5rem;
    color: #999999;
}

.topbg .lang-container span.active {
    color: #0B4C9E;
}

@media screen and (max-width: 768px) {

    /* 手机端的搜索框样式 */
    .topbg .inputbox {
        width: 25rem;
        height: 3.13rem;
        background: #FFFFFF;
        border-radius: 1.56rem;
    }
}

/* 覆盖原样式 */
.temp_top {
    height: 10.07rem;
    height: 6.88rem;
    height: 5.88rem;
    height: 5.92rem;
    background: white;
    background-color:#002E72 ;

    position: fixed;
}

.temp_top .topmain {
    height: 5.88rem;
    background: #FFFFFF;
    background: #002E72;
}

.fixedheightbox {
    height: 10.1rem;
    height: 5.88rem;
}
@media screen and (max-width: 768px) {
    .fixedheightbox {
        height: 7.44rem;
    }

}
.temp_top .linklist .tologin a {
    color: #2D82F6;
    font-size: 1.13rem;
}

.temp_top .linklist .listmain>.listitem_tit>a {
    color: #0B4C9E;
    color: white;
    font-size: 1.13rem;
    font-weight: bold;
    font-weight: 400;
}

/* 另一个搜索框 */
.topmain .input-container {
    position: relative;
    display: inline-block;
}

.topmain .inputbox {
  
    /* width: 18.44rem; */
    width: 16rem;
    height: 2.19rem;
    background: #FFFFFF;
    border-radius: 1.09rem;
    color: black;
    border: none;
    padding-left: 0.5rem;
    /* margin-top: 2.2rem; */


    padding-left: 1.25rem;
    padding-right: 3rem;
    border: 0.06rem solid #EEEEEE;
    background: #F8F8F8;
}

.topmain .inputbox::placeholder {
    color: #BFBFBF;

}

.topmain .input-container .search-icon {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background-image: url(../img/othericon/2.png);
    /*background-image: url({IMG_PATH}othericon/2.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}


.temp_top .linklist .listmain .listitem_tit .arrowdown img {
    width: 0.94rem;
    height: 0.56rem;
    margin-left: 0.2rem;
    transition: all 0.2s linear;
}


.temp_top .linklist .listmain>.listitem_tit:hover .arrowdown img {
    /* transform: rotateX(180deg); */
    /*content: url(../img/othericon/1-1.png);*/
    content: url(../images/othericon/1-1.png);
}

/* 顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新顶部样式翻新 */


/* 详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧 */
.other_left_list_top .dropdown-menu{
    max-height: calc( 29rem);
     overflow-y: auto; width: 100%;
     padding: 0;
     z-index: 99;
}
.other_left_list_top .dropdown-item{
    height: 3.9rem;
    width: 100%;
    line-height: 3.9rem;
    background: #FBFBFB;
    border-bottom: #EEEEEE solid 0.06rem;
    color: #999999;

    transition: all 0.2s ease;
}   
.other_left_list_top .dropdown-item:hover{
    color:#2356A5 ;
    background: white;
}   
/* 详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧详情页左侧 */






/* 产品中心页的细节样式产品中心页的细节样式产品中心页的细节样式产品中心页的细节样式产品中心页的细节样式 */
.art_smmainbox {
    display: flex;
    flex-direction: row;
    margin-bottom: 6rem;

}

.art_smmainbox .list_item {
    width: 9.06rem;
    height: 9.06rem;
    background: #FFFFFF;
    border: 0.06rem solid #E5E5E5;
    padding: 0;
    margin-right: 2rem;

}
.art_smmainbox .list_item img{
    width: 100%;
}

.art_smtitbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.8rem 0;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    border-bottom: 0.06rem solid #F5F5F5;
}

.art_smtitbox p {
    font-size: 1.5rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #626262;
    line-height: 1.88rem;
    margin: 0;
}

.art_smtitbox a {
    font-size: 1.13rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #2356A5;
}

.art_smtitbox  .input-container{
    position: relative;
    display: inline-block;
}
.art_smtitbox .inputbox{
        /* width: 18.44rem; */
        width: 16rem;
        height: 2.19rem;
        background: #FFFFFF;
        border-radius: 1.09rem;
        color: black;
        border: none;
        padding-left: 0.5rem;
        /* margin-top: 2.2rem; */
        padding-left: 1.25rem;
        border: 0.06rem solid #EEEEEE;
        background: #F8F8F8;
        background: white;
}
.art_smtitbox .inputbox::placeholder{
    color:  #BFBFBF;
}

.art_smtitbox .input-container  .search-icon{
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background-image: url(../img/othericon/2.png);
    background-size: contain;
    background-repeat: no-repeat;
}




.temp_productcardother .cardboxlist_10{
    justify-content: flex-start;
}
.temp_productcardother .cardboxlist_10 .listitem {
    width: calc((100% - 3.75rem)/3);
    margin-bottom: 3.13rem;
    margin-right: 1rem;
}

@media screen and (max-width: 768px) {
    .temp_productcardother .cardboxlist_10 .listitem{
        width: calc((100% - 3.75rem)/2);
        margin-bottom: 3.13rem;
    }


}
/* 产品中心页的细节样式产品中心页的细节样式产品中心页的细节样式产品中心页的细节样式产品中心页的细节样式 */



/* 产品详情的样式产品详情的样式产品详情的样式产品详情的样式产品详情的样式产品详情的样式 */
.otherpagebox {
    width: 100%;
    height: 3.63rem;
    line-height: 3.63rem;
    background: #F5F5F5;
    font-size: 1.13rem;
    color: #AAAAAA;

    margin-bottom: 3.13rem;
    display: flex;
    justify-content: flex-end;
}

.otherpagebox>div {
    width: 25rem;
    width:auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}
.otherpagebox .centerline {
    width: 0.06rem;
    height: 1.13rem;
    background: #C9C9C9;
}

@media screen and (max-width: 768px){
    .otherpagebox>div{
        width: auto;
    }
    .articledetail .btn{
        padding: 0;
        font-size: 0.88rem;
    }
    .articledetail .img.squarebox{
        margin-right: 2rem;
    }

}

.otherpagebox>div>div.active {
    color: #313131;
}

.otherpagebox .prev {
    padding: 0 1.81rem;
    /* border-right: 0.06rem solid #C9C9C9; */
}

.otherpagebox .next {
    padding: 0 1.81rem;

}



.articledetail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.articledetail .img {
    width: 27.5rem;
    height: 14.69rem;
    background: #FFFFFF;
    border: 0.06rem solid #EEEEEE;

    position: relative;
}

.articledetail .img.squarebox {
    width: 26.5rem;
    height: 18.56rem;
    cursor: pointer;
}

.articledetail .img img {
    width: 100%;
    height: auto;
    height: 100%;
}

.articledetail .img .icon_magnifier {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.13rem;
    height: 3.13rem;
    background: #313131;
    opacity: 0.8;

    background: url(../img/product/detail/4.png);
    background-position: center;
}

@media screen and (max-width: 768px){

    .articledetail .img .icon_magnifier{
        background-size: contain;
    }
}

.articledetail .detailmain {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 43.75rem;
}

.articledetail .detailmain .tit {
    font-size: 1.63rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #313131;
    line-height: 2.22rem;

    margin-top: 0.6rem;
}

.articledetail .detailmain .tip {

    font-size: 1.38rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #7D7D7D;
    line-height: 1.63rem;

}

.articledetail .detailmain .main {
    font-size: 1.13rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #999999;
    line-height: 1.88rem;

    margin-bottom: 0.6rem;
}

.articledetail .btn {
    width: 8.13rem;
    width: auto;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #0C4CA3;
    border-radius: 0.31rem;
    color: white;
    line-height: inherit;
}





.articlemain {
    margin-top: 3.13rem;
    padding-top: 3.13rem;
    border-top: #F5F5F5 solid 0.06rem;

}


.articlemain .tit_m {
    font-size: 1.63rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #313131;
    line-height: 1.63rem;

    margin-bottom: 3rem;
}

.articlemain .tit_s {
    font-size: 1.38rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #313131;
    line-height: 1.63rem;

    margin-bottom: 2.5rem;
}

.articlemain .main {
    font-size: 1.13rem;
    /*font-family: Microsoft YaHei; */
    font-weight: 400;
    color: #626262;
    line-height: 1.88rem;

    margin-bottom: 4.3rem;
}

.articlemain .imgbig {
    width: 100%;
    width: auto;
    display: block;
    margin: 4.3rem auto;
}
/*产品详情的样式产品详情的样式产品详情的样式产品详情的样式产品详情的样式产品详情的样式产品详情的样式产品详情的样式产品详情的样式  */
.dropdown-toggle::after{
    background: url('../img/otherpage/8.png') no-repeat;
    width: 0.94rem;
height: 0.56rem;
border: none;
margin-left: 7.255rem;
}

.dropdown-toggle::after{
    background: url(../img/otherpage/8.png) no-repeat;
    background: url(../img/otherpage/8.png) no-repeat;
    width: 0.94rem;
    height: 0.56rem;
    border: none;
    background-size: contain;
    right: 10%;
    position: absolute;
    top: 50%;

}


.other_left_list_top .list_item:hover .dropdown-toggle::after{
    background: url('../img/otherpage/9.png') no-repeat;
    background: url('../img/otherpage/9.png') no-repeat;
    background: url('../img/othericon/1-1.png') no-repeat;

    background-size: contain;
}



/* 分页覆盖样式分页覆盖样式分页覆盖样式分页覆盖样式分页覆盖样式分页覆盖样式分页覆盖样式分页覆盖样式分页覆盖样式 */
/* 新样式 */
.pages .pages_box .prev{
    width: 0.56rem;
  height: 0.94rem;
  background: url(../img/product/productshow/11.png);
  background-size: cover;

  
  }
  .pages .pages_box .next{
    width: 0.56rem;
    height: 0.94rem;
    background: url(../img/product/productshow/14.png);
    background-size: cover;
  }
  
  .pages .pages_box div{
    width: 1rem;
    height: 0.75rem;
    font-size: 0.88rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #626262;
    padding: 0;
    height: auto;
    background: none;
  }

  .pages .pages_box .pages_checked{
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 0;
    background: #FFFFFF;
    border: 0.06rem solid #2356A5;
    color: #2356A5;
    font-size: 0.88rem;
  }


  @media screen and (max-width: 768px) {
    .pages .pages_box .pages_checked{
        /* padding: 1rem; */
        margin: auto 1rem;
        padding: 0.8rem;
        width: auto;
        height: auto;
        line-height: initial;
    }

    .pages .pages_box .next{
        width: 0.84rem;
        height: 1.372rem;
        background-size: contain;

    }
    .pages .pages_box .prev{
        width: 0.84rem;
        height: 1.372rem;
        background-size: contain;
    }
    .pages .pages_box div {
        width: auto;
        margin:auto 1.5rem ;
    }
  }






  .cardboxlist_10 .listitem:nth-last-child(-n+3){
    margin-bottom: 0;
  }
  .cardboxlist_8 .listitem:nth-last-child(-n+2){
    margin-bottom: 0;
  }

  @media screen and (max-width: 768px) {
    .cardboxlist_10 .listitem:nth-last-child(-n+4){
        margin-bottom: 3.13rem;
      }
      .cardboxlist_10 .listitem:nth-last-child(-n+2){
        margin-bottom: 0;
      }



      .cardboxlist_8 .listitem:nth-last-child(-n+2){
        margin-bottom: 2.5rem;
      }
      .cardboxlist_8 .listitem:nth-last-child(-n+1){
        margin-bottom: 0;
      }

  }







/*下面是分页样式，不妥随时可删*/
.pages .pages_box  .startpage{
    width: 6.25rem;
    height: 2.4375rem;
    border-radius: 0.3125rem;
    text-align: center;
    line-height: 2.4375rem;
    color: #999999;
    font-size: 1.125rem;
    margin: 0;
    padding: 0 ;
    border-radius: 0.3rem;
    border: 0.06rem solid #999999;
    margin: 0 1.25rem ;
    background: white;

}
.pages .pages_box  .endpage{
    width: 6.25rem;
    height: 2.4375rem;
    border-radius: 0.3125rem;
    text-align: center;
    line-height: 2.4375rem;
    color: #999999;
    font-size: 1.125rem;
    margin: 0;
    padding: 0 ;
    border-radius: 0.3rem;
    border: 0.06rem solid #999999;
    background: white;
    margin: 0 1.25rem ;

}

.pages .pages_box .pages_checked{
    color: white;
    background: #004578;
}
.pages .pages_box div{
    background: #EEEEEE;
    color: #999999;
    width: 2.44rem;
    height: 2.44rem;
    line-height: 2.44rem;
    text-align: center;
    padding: 0;
    border-radius: 0.31rem;
}
@media screen and (max-width: 768px){
    .pages{
        width: 40rem;
    }
}


/*下面是修改后的css*/


.pages  .prev {	width: 6.25rem;
    height: 2.4375rem;
    background: rgb(204, 236, 250);
    border-radius: .3125rem;
    text-align: center;
    line-height: 2.4375rem;
    color: #014687;
    font-size: 1.125rem;
    padding: 0;
}



.pages .next {	width: 6.25rem;
    height: 2.4375rem;
    background: rgb(204, 236, 250);
    border-radius: .3125rem;
    text-align: center;
    line-height: 2.4375rem;
    color: #014687;
    font-size: 1.125rem;
    /*margin: 0;*/
    /*padding: 0;*/
}


.pages>div{
    display:block;
}



.pages  a{
    background: #EEEEEE;
    color: #999999;
    width: 2.44rem;
    height: 2.44rem;
    line-height: 2.44rem;
    text-align: center;
    padding: 0;
    border-radius: 0.31rem;
}
.pages .pages_disabled{
    background-color: white;
    border: 0.06rem solid #AAAAAA;
    border-radius: 0.31rem;
    color: #AAAAAA;
}

.pages   .startpage{
    width: 6.25rem;
    height: 2.4375rem;
    border-radius: 0.3125rem;
    text-align: center;
    line-height: 2.4375rem;
    color: #999999;
    font-size: 1.125rem;
    margin: 0;
    padding: 0 ;
    border-radius: 0.3rem;
    border: 0.06rem solid #999999;
    margin: 0 1.25rem ;
    background: white;

}
.pages   .endpage{
    width: 6.25rem;
    height: 2.4375rem;
    border-radius: 0.3125rem;
    text-align: center;
    line-height: 2.4375rem;
    color: #999999;
    font-size: 1.125rem;
    margin: 0;
    padding: 0 ;
    border-radius: 0.3rem;
    border: 0.06rem solid #999999;
    background: white;
    margin: 0 1.25rem ;

}

.pages  .pages_checked{
    color: white;
    background: #004578;
}

@media screen and (max-width: 768px){
    .pages{
        width: 40rem;
    }
}


.pages  a{
    font-size: 1.25rem;
    color: #AAAAAA;
    margin-right:1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.pages  div{
    font-size: 1.25rem;
    color: #AAAAAA;
    /*margin-right:1rem;*/
    margin:0.5rem;

}




.pages  .pages_checked {

    width: 2.44rem;

    height: 2.44rem;

    border-radius: 0.31rem;

    padding: 0;

    text-align: center;

    line-height: 2.44rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}


/**/
/*临时加的样式，防止英文端换行*/
.temp-itemstyle.list_item text {
    white-space: nowrap;
}


/*禁止复制图片*/
.swiper-container-mainpic .swiper-wrapper .swiper-slide img {
    user-select: none  !important;
    pointer-events: none !important;
}
.articlemain img{
    user-select: none !important;
    pointer-events: none !important;
}
.swiper-wrapper .swiper-slide img{
    user-select: none !important;
    pointer-events: none !important;
}

.cardboxlist_10 .listitem .img img{
    user-select: none !important;
    pointer-events: none !important;
}


.cardboxlist_10 .listitem .img{
    position: relative;
}
.cardboxlist_10 .listitem .img::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    z-index:900;
    background-color:#fff;
    opacity:0;
    top:0;
    left:0;
}

/*修改图片的变化为不等比的宽高*/
.specbox_2 .listitem .img{
    /* width: 8.06rem;
    height: 9.06rem; */
    width: auto;
    height: 9.06rem;
}


@media screen and (max-width: 768px){
    .specbox_2 .listitem .img {
        width: auto;
        height: 12.88rem;
    }
}