.home{
    width:100%;
    height: calc( 840px + 553px);
    display:flex;
    flex-direction:column;
    position: relative;
    background-color: #fff;
}
.home .ad{
    background-image: url("/h/images/home/companybg.png");
    background-position: center;
    background-repeat: no-repeat;
    height:840px;
    width:100%;
    max-width:1920px;
    margin:0 auto;
    margin-bottom:-250px;
    background-color: #fff;
}
.home .ad .h2{
    color:#E1251B;
    border-bottom:2px solid #E1251B;
    width:119px;
    display:block;
    margin-left:245px;
    margin-top:168px;
}
.home .ad .text{
    font-size:60px;
    margin-left:245px;
}
.home .ad .text span{
    color:#BFBFBF;
    font-size:60px;
}
.home .text{
    font-weight: 400;
    font-size: 60px;
    color: #0E161E;
    line-height: 100px;
    width:862px;
}
/* 介绍 */
.home .box{
    width:1310px;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    justify-content:start;
    height:810px;
}
.home .bgc{
    position:absolute;
    background-color: #fff;
    height:560px;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:-1;
}
.home .list-box{
    margin:0 auto;
    margin-left:0px;
    border-bottom:3px #E1251B solid;
    height:550px;
    margin-top:260px;
    flex:1;
}
.home .list{
    width:830px;
}
.home .list .link{
    display: flex;
    gap: 0px;
    position: relative;
    padding-bottom: 5px;
    height:80px;
}
.home .list .link a{
    margin-right:78px;
    /* width:120px; */
    height:55px;
    font-size: 30px;
    font-weight: 400;
    font-size: 30px;
    color: #0E161E;
    cursor: pointer;
}
.home .list .link a {
    cursor: pointer;
    padding: 10px 0;
    position: relative;
  }
  .home .list .link a:hover{
    color:#e74c3c;
    /* font-weight:600; */
  }
  .home .list .link a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 5px;
    background: #e74c3c;
    transition: width 0.3s ease, left 0.3s ease;
  }
  .home .list .link a:hover::after {
    width: 100%;
  }
  /* 当前选中状态 */
  .home .list .link a.active::after {
    width: 100%;
    background: #e74c3c;
  }

.home .list .link a.active{
    font-weight: 800;
    color: #E1251B;
}
.home .list .content{
    
    font-weight: 400;
    font-size: 22px;
    color: #0E161E;
    line-height: 38px;
    padding-right:0px;
}
.home .list .content p{
    padding:10px 0;
    margin:0px;
}
.home .com{
    bottom:0px;
    background-image:url("/h/images/home/conpany_left.png");
    width:510px;
    height:810px;
    z-index:10;
    overflow: hidden;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    /* border-bottom:3px solid #E1251B; */
    position: absolute;
    bottom:0px;
    left:calc( (100% - 1300px)/2 + 872px);
}
.home .com .img{
    margin-left:28px;
    width:716px;
    height:380px;
    background-image: url("/h/images/home/company.png");
}
.home .com .text{
    width:460px;
    padding-left:77px;
    font-size:18px;
    
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
}
.home .com .h2{
    
    font-weight: bold;
    font-size: 44px;
    color: #FFFFFF;
    margin-top:103px;
    margin-bottom:27px;
}
.home .com .more{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:end;
    margin-top:5px;
    z-index: 100;
    position: relative;
}
.home .com1{
    position: absolute;
    bottom:0px;
    right:0px;
    background-image:url("/h/images/home/c_bg.png");
    width:calc( (100% - 1300px)/2 + 400px);
    background-repeat: no-repeat;
    height:560px;
    z-index:9;
}
.home .com2{
    position: absolute;
    bottom:0px;
    right:0px;
    background-image:url("/h/images/home/company.png");
    width:calc( (100% - 1300px)/2 + 400px);
    background-repeat: no-repeat;
    background-position:left;
    height:379px;
    z-index:11;
    border-bottom:3px solid #E1251B;
    max-width:716px;
    overflow: hidden;
    margin-left:26px;
    left:calc( (100% - 1300px)/2 + 870px);
}
/**home 动画部分**/
.home .ad{
    opacity: 0;
    transform: translateY(50px);
}
.home .content{
    opacity: 0;
    transform: translateY(50px);
}
.home .com{
    opacity: 0;
    transform: translateY(-50px);
}
.history .right{
    opacity: 0;
    transform: translateX(50px);
}
.home.DSActive .ad{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.home.DSActive .content{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.home.DSActive .com{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
/** 历史 **/
.history{
    background-image:url("/h/images/home/companyinfobg1.png");
    height:1000px;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    background-repeat: no-repeat;
    background-size: 1920px 1000px;
    background-position: center;
    background-color: #fff;
}
.history .box{
    display:flex;
    flex-direction:row;
    justify-content:start;
    margin:0 auto;
    background-image:url("/h/images/home/companyInfo1.png");  
    background-repeat: no-repeat;
    height:636px;
    margin-top:102px;
}
.history .box .left{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:588px;    
    height:580px;
    padding:36px;
}
.history .box .left .t{
    font-weight: 800;
    font-size: 64px;
    color: #E1251B;
}
.history .box .left p{
    
    font-weight: 300;
    font-size: 22px;
    color: #000000;
    line-height: 30px;
}
.history .box .left .title{
    width: auto;
    height: 26px;
    font-weight: bold;
    font-size: 26px;
    color: #0E161E;
    margin-bottom:20px;
}
.history .box .right{
    margin-top:72px;
    width:755px;
    height:580px;
    background-color:#fff;
    padding-top:30px;
}
.history .item {
    margin-left:63px;
    border-bottom: #E4E4E4 solid 1px;
    padding-bottom:15px;
    margin-top:15px;
    width:635px;
}
.history .item p{
    
    font-weight: 400;
    font-size: 20px;
    color: #0E161E;
    margin-bottom:10px;
}
.history .item .time{
    
    font-weight: bold;
    font-size: 24px;
    color: #0E161E;
}
/**history动画部分**/
.history .left{
    opacity: 0;
    transform: translateY(50px);
}
.history .right{
    opacity: 0;
    transform: translateY(-50px);
}
.history.DSActive .left{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.history.DSActive .right{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
/** 产品**/
.protitleBox{
    width:420px;
    height:454px;
    margin-top:-315px;
    background-image: url('/h/images/home/prbg.png');
    background-position:right;
    background-repeat:no-repeat;
    position:absolute;
    z-index: 1;
}
.protitle{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    width:380px;
    height:54px;
    margin-left:0px;
    margin-top:220px;
}
.protitle .title{
    
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 24px;
    border-bottom:4px #fff solid;
    height:45px;
}
.protitle .more{
    height:45px;
    flex:1;
    padding-left:94px;
    padding-top:4px;
}
.pro{
    width:100%;
    position: relative;
}
.pro .bgbox{
    position: relative;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    width:100%;
    margin:0 auto;
    position:absolute;
}
.pro .bgbox .boxbg{
    width:1310px;
    margin:0 auto;
}
.pro .bg{
    background-color:#fff;
    /* position:absolute; */
    width:calc( (100% - 1310px)/2);
    height:755px;
    /* bottom:0px; */
    z-index:10;
    /* right:0px; */
    overflow: hidden;
}
.pro .bg1{
    margin-top:-161px;
    background-color:#E1251B;
    /* position:absolute; */
    width:calc( (100% - 1310px)/2);
    height:305px;
    /* bottom:0px; */
    z-index:1;
    /* left:0px; */
    /* top:0px; */
}
.pro .box{
    display:flex;
    flex-direction:row;
    justify-content:start;
    width:1310px;
    height:755px;
    margin-top:-150px;
    background-color:#fff;
    position: relative;
    margin:0 auto;
}
.pro .con{
    display:flex;
    flex-direction:row;
    justify-content:start;
    width:1310px;
    height:755px;
    margin-top:-150px;
    background-color:#fff;
    position: relative;
    margin:0 auto;
    z-index: 2;
}

.swiper-container2 {
    width: 100%;
    height: auto;
  }
  .swiper-container2 .swtcontainers{
    display:flex;
    flex-direction:row;
  }
  .swiper-container2 .swiper-wrapper{
    /* transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; */
  }
  .swiper-container2 .swiper-slide {
   
  }
  .swiper-container2 .swiper-button-prev{
    background-image: url("/h/images/home/right.png");
    transform: rotate(180deg);
    margin-left:20px;
  }
  .swiper-container2  .swiper-button-disabled{
    /* background-image:none; */
  }

  .swiper-container2 .swiper-button-next{
    background-image: url("/h/images/home/right.png");
  }
  .swiper-container2 .swiper-button-disabled{
    /* background: none; */
  }
  .swiper-container2 .swiper-button-next1{
    right:0;
    z-index: 1000;
  }

.pro .left{
    margin-top:60px;
    width:644px;
    border-bottom:2px solid #E4E4E4;
    height:570px;
    margin-left:146px;
}
.pro .left p{
    
    font-weight: 300;
    font-size: 20px;
    color: #0E161E;
    line-height: 24px;
    margin:28px 0;
}
.pro .left p span{
    margin-left:-10px;
}
.pro .left .etc{
    
    font-weight: bold;
    font-size: 24px;
    color: #E1251B;
    margin-bottom:40px;
}
.pro .left .title{    
    font-weight: bold;
    font-size: 35px;
    color: #0E161E;
    line-height: 24px;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px;
    white-space:nowrap;
}
.pro .right{
    margin-top:50px;
    width:498px;
    height:531px;
}
.pro .right .imgBox{
    display:flex;
    flex-direction:column;
    justify-content: flex-end;
    align-items:center;
    /* background-image:url('/h/images/n/home_produce.png'); */
    background-repeat: no-repeat;
    background-position:center bottom;
    width:498px;
    height:531px;
}
.pro .right .imgBox img{
    width:438px;
    height:436px;
}
/* .pro .right .imgBox .content{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;

    width: 467px;
    height: 219px;
    background: rgba(225,37,27,0.15);
    border-radius: 30px;

    
    font-weight: 400;
    font-size: 47px;
    color: #E1251B;
} */
.pro .right .title{
    text-align:center;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    margin-top:30px;
}

/**pro动画部分**/
.pro{
    /* opacity: 0; */
}
.pro .protitle{
   opacity: 0;
   transform: translateY(50px);
}
.pro .left{
    opacity: 0;
    transform: translateY(-50px);
}
.pro .right{
    opacity: 0;
    transform: translateY(50px);
}

.pro.DSActive {

}
.pro.DSActive .protitle{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.pro.DSActive .left{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.pro.DSActive .right{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}



/**新闻**/

@keyframes fadeInRight {
    from {
        opacity: 0;
        /* transform: translateX(20px); */
    }
    to {
        opacity: 1;
        /* transform: translateX(0); */
    }
}

.news{
    background-image: url('/h/images/home/newsBg.png');
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:848px;
    position: relative;
    overflow: hidden;
    background-color:#fff;
}
.news .box{
    padding:0px;
    border:0px;
    width:1310px;
    z-index: 1;
    position: absolute;
    left:calc((100% - 1310px)/2);
}
.news .bg{
    background-color:#fff;
    position:absolute;
    width:calc( 100% - 1310px);
    height:558px;
    bottom:0px;
    z-index:0;
    right:0px;
}
.news .box .conwrap{
    padding-top:90px;
    border:0px;
    height:700px;
}
.news .box .info{
    width:1310px;
    height:170px;
}
.news .box .title{
    
    font-weight: bold;
    font-size: 30px;
    color: #E1251B;
    line-height: 24px;
    border-bottom:4px solid #E1251B;
    width:122px;
    height:45px;
    margin-bottom:25px;
}
.news .box .des{
    
    font-size: 30px;
    color: #FFFFFF;
    line-height: 48px;
}
.news .box .des .con{
    flex:1;
    line-height:50px;
    font-size:30px;
}
.news .box .des .con .dis{
    color: rgb(255, 255, 255,0.9);
    font-size:24px;
}
.news .box .des .more{
    width:96px;
    display:flex;
    align-items:right;
    flex-direction: column;
    justify-content:flex-end;
    padding-left:50px;
}
.news .box .des .more a{
    float: right;
}
.news .list{
    margin-top:30px;
    background-color:#fff;
    padding:52px 68px;
}
.news .list .lists{
    width:1240px;
    height:455px;
    justify-content:space-between;
}
.news .list .lists .item{
    width:380px;
    height:auto;
}
.news .list .lists .item .image{
    width:380px;
    height:230px;
}
.news .list .lists .item img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.news .list .lists .item .time{
    border-bottom:2px solid #313244;
    font-weight: 400;
    font-size: 17px;
    color: #0E161E;
    line-height: 50px;
    height:50px;
}
.news .list .lists .item .mintitle{
    
    font-weight: bold;
    font-size: 24px;
    color: #0E161E;
    line-height:55px;
    height:60px;
    overflow: hidden;
}
.news .list .lists .item .con{
    
    font-weight: 300;
    font-size: 16px;
    color: #999999;
    height:93px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:4; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news .list .lists .item .more{
    
    font-weight: 400;
    font-size: 16px;
    color: #0E161E;
    line-height:60px;
    height:60px;
}
.news .list .lists .item .more a{
    color: #0E161E;
    font-size:16px;
}
/**mews动画部分**/
.news{
    opacity: 0;
}
.news .info{
   opacity: 0;
   transform: translateY(50px);
}
.news .item1{
    opacity: 0;
    transform: translateY(-50px);
}
.news .item2{
    opacity: 0;
    transform: translateY(50px);
}
.news .item3{
    opacity: 0;
    transform: translateY(-50px);
}
.news.DSActive {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.6s, transform 0.6s;
}
.news.DSActive .info{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.news.DSActive .item1{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.news.DSActive .item2{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}
.news.DSActive .item3{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 1.6s, transform 1.6s;
}


.footer{
    width:100%;
    height:350px;
    background-color: #f9f9f9;
  }
  .footer .container{
      width:1310px;
      margin:0 auto;
      height:300px;
  }
  .footer .family{
      width:266px;
      border-bottom:1px #061F5D solid;
  }
  .footer .container .r{
      justify-content: space-between;
      margin-bottom:-2px;
  }
  .footer .container .b{
    border-bottom:1px #E4E4E4 solid;
    width:100%;
    height:2px;
  }
  .footer .container .r .logo{
      width:294px;
      height:40px;
      margin-top:104px;
      margin-bottom:30px;
  }
  .footer .container .r .logo_en{
    width:370px;
    height:46px;
    margin-top:100px;
    margin-bottom:30px;
} 

  .footer .family{
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding-bottom:0px;
  }
  .footer .familyCon{
      display:flex;
      flex-direction:row;
      line-height:50px;
      position: relative;
  }
  .footer .familyCon .lis{
      flex:1;
      color:#071F5F;
      padding-left:18px;
      z-index: 101;
      cursor: pointer;
  }
  .footer .familyCon .ico{
      display:flex;
      flex-direction:row;
      justify-content:center;
      align-items: center;
      height:50px;
      width:20px;
      margin-right:20px;
      z-index: 101;
      cursor: pointer;
  }
  .footer .familyCon .ico img{
      width:14px;
      height:8px;
  }
  .footer .familyCon.active img{
      transform: rotate(180deg) translateX(-5px);
  }
  .footer .familyCon.active{
      background-color:#fff;
  }
  
  .footer .d{
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      padding-top:30px;
      height:100px;
  }
  .footer .d .con{
      
      font-weight: 400;
      font-size: 13px;
      color: #0E161E;
      line-height: 19px;
  }
  .footer .contact {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      width:266px;
      height:50px;
  }
  .footer .contact .lis{
      flex:1;
      color:#071F5F;
      padding-left:18px;
  }
  .footer .contact .ico{
      display:flex;
      flex-direction:row;
      justify-content:center;
      align-items: center;
      height:20px;
      width:20px;
      z-index: 101;
  }
  .footer .contact .ico img{
      width:8px;
      height:14px;
      margin-right:20px;
  }
  
  .pop-list{
      position:absolute;
      bottom:-1px;
      right:0px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      z-index: 100;
      width:266px;
      height:320px;
      border:#0E161E 1px solid;
      display:none;
  }
  .footer .familyCon.active .pop-list{
      display:block;
  }
  .pop-list li{
      background:#fff;
  }
  .pop-list a{
      padding:0px;
      margin:0px;
      display: block;
      padding:2px 18px;
      color: #222;
      
      font-weight: 300;
      font-size: 16px;
      color: #0E161E;
      line-height: 42px;
  }
  .pop-list a:hover{
      background-color: #071F5F;
      color:#fff;
  }
  .pop-list li{
      padding:0px;
      margin:0px;
  }



@media (max-width:800px){
    html{
        font-size:100px;
    }
    .displaypc{
        display: none!important;
    }
    html {
        font-size: calc(100vw / 7.5); /* 750px设计稿，分成7.5份(100vw对应750px时，1rem=100px) */
    }
    body {
        /* 设置最大宽度，防止在大屏幕上过宽 */
        max-width: 750px;
        margin: 0 auto;
    }    
}
@media (min-width:800px) {
    .displaymobile{
        display:none!important;
    }
    body{
        min-width:1340px;
    }
}
.mobile-home{
    width:100%;
    max-width:750px;
}
.mobile-home .bander{
    width:7.5rem;
    height:12.2rem;
}
.mobile-home .bander img{
    width:7.5rem;
    height:12.2rem;
}
.mobile-home .company-box{
    margin-top:-2.7rem;
    display:flex;
    position: relative;
    height:8.5rem;
    background-color: #eef1fa;
}
.mobile-home .company{
    width:6.14rem;
    height:7.68rem;
    background-image: url("/h/images/m/m04.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top:-.3rem;
}
.mobile-home .content{
    padding-top:1rem;
    padding-left:0.42rem;
    width:4.5rem;
}
.mobile-home .content .h2{
    
    font-weight: bold;
    font-size: 0.46rem;
    color: #FFFFFF;
    margin-bottom:0.29rem;
}
.mobile-home .content p{
    
    font-weight: 400;
    font-size: 0.19rem;
    color: #FFFFFF;
    line-height: 0.32rem;
}
.mobile-home .content_en p{
    
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.24rem!important;
}
.mobile-home .companyico{
    position: absolute;
    bottom: 0px;
    left:0px;
    width:100%;
    height:4rem;
}

.mobile-home .company-list{
    width:100%;
    min-height:6.67rem;
}
.mobile-home .company-list .link{
    display: flex;
    gap: 0px;
    position: relative;
    padding-bottom: 5px;
    height:0.8rem;
    flex-direction:row;
    justify-content:space-between;
    margin-right:0.65rem;
    margin-left:0.65rem;
}
.mobile-home .company-list .link a{
    /* margin-right:0.65rem; */
    /* margin-left:0.65rem; */
    /* width:1.2rem; */
    font-size: 0.3rem;
    color: #0E161E;
    cursor: pointer;
    margin-bottom:-3px;
}
.mobile-home .company-list .link a {
    cursor: pointer;
    padding: 0.15rem 0;
    position: relative;
    padding-bottom:0.1rem;
}
.mobile-home .company-list .link a.active{
    font-weight: 800;
    color:#E1251B;
}
.mobile-home .company-list .link .active::after{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 4px;
    background: #e74c3c;
    transition: width 0.3s ease, left 0.3s ease;
    width:100%;
}
.mobile-home .company-list .link a.active::after {
    width: 100%;
}
.mobile-home .company-list .content1{
    padding-right:0px;
    border-top:1px #E4E4E4 solid;
    width:100%;
    
    font-weight: 400;
    font-size: 0.23rem;
    color: #0E161E;
    line-height: 0.38rem;
    padding:0.44rem 0.64rem;
}
.mobile-home .company-list .content1 p{
    padding:0.1rem 0;
    margin:0px;
}



/** 历史 **/
.mobile-history{
    background-image:url("/h/images/m/m10.png");
    height:15.9rem;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    background-repeat: no-repeat;
    background-size:100%;
    background-position: center;
    background-color: #fff;
}
.mobile-history .box{
    display:flex;
    flex-direction:column;
    justify-content:start;
    margin:0 auto;
    background-repeat: no-repeat;
    height:auto;
    margin-top:0.4rem;
}
.mobile-history .box .left{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:7.02rem;    
    height:6.36rem;
    padding:0.3rem;
    background-image:url("/h/images/m/m11.png");
    background-size:100%;
    margin:0 auto;
}
.mobile-history .box .left .t{
    font-weight: 800;
    font-size: 0.7rem;
    color: #E1251B;
}
.mobile-history .box .left p{
    
    font-weight: 300;
    font-size: 0.24rem;
    color: #000000;
    line-height: 0.36rem;
}
.mobile-history .box .left .title{
    /* width: 1.2rem; */
    height: 0.29rem;
    font-weight: bold;
    font-size: 0.3rem;
    color: #0E161E;
    margin-bottom:0.2rem;
    font-weight: 800;
}
.mobile-history .box .right{
    width:7.02rem;
    height:6.19rem;
    background-color:#fff;
    padding-top:.3rem;
    padding-bottom:.3rem;
}
.mobile-history .item {
    border-bottom: #E4E4E4 solid 1px;
    width:6.44rem;
    margin:0 auto;
    padding-bottom:0.15rem;
    margin-top:0.15rem;
}
.mobile-history .item p{
    
    font-weight: 400;
    font-size: 0.23rem;
    color: #0E161E;
    margin-bottom:0..5rem;
}
.mobile-history .item .time{
    
    font-weight: bold;
    font-size: 0.24rem;
    color: #0E161E;
}


/** 产品**/
.protitleBox{
    width:420px;
    height:454px;
    margin-top:-315px;
    background-image: url('/h/images/home/prbg.png');
    background-position:right;
    background-repeat:no-repeat;
    position:absolute;
    z-index: 1;
}

.mobile-pro{
    width:100%;
    position: relative;
    margin-top:-1.6rem;
}
.mobile-pro .box{
    display:flex;
    flex-direction:column;
    justify-content:start;
    width:100%;
    height:auto;
    position: relative;
    margin:0 auto;
}
.mobile-pro .MtitleB{
    width:5rem;
    height:2.3rem;
    background-image: url('/h/images/m/m06.png');
    background-position:right;
    background-repeat:no-repeat;
}
.mobile-pro .MtitleB .protitle{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    width:3.85rem;
    height:0.54rem;
    margin-left:0.64rem;
    margin-top:0.6rem;
}
.mobile-pro .MtitleB .protitle .title{
    
    font-weight: bold;
    font-size: 0.3rem;
    color: #FFFFFF;
    line-height: 0.24rem;
    border-bottom:0.04rem #fff solid;
    height:0.45rem;
}
.mobile-pro .MtitleB .protitle img{
    width:0.46rem;
    height:0.32rem;
}

.mobile-pro .con{
    display:flex;
    flex-direction:column;
    justify-content:start;
    width:7.02rem;
    height:12.8rem;
    background-color:#fff;
    position: relative;
    margin:0 auto;
    margin-top:-0.7rem;
}

.mobile-pro .con .swiper-container3{
    width:7.02rem;
    height:12.8rem;
}

.swiper-container3 .swtcontainers{
    display:flex;
    flex-direction:column;
  }
  .swiper-container3 .swiper-wrapper{
    /* transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; */
  }
  .swiper-container3 .swiper-slide {
   
  }
  .swiper-container3 .swiper-button-prev{
    background-image: url("/h/images/home/right.png");
    transform: rotate(180deg);
    margin-left:0px;
    margin-top:1.5rem;
  }
  /* .swiper-container3  .swiper-button-disabled{
    background-image:none;
  } */

  .swiper-container3 .swiper-button-next{
    background-image: url("/h/images/home/right.png");
    margin-top:1.5rem;
  }
  /* .swiper-container3 .swiper-button-disabled{
    background: none;
  } */





.mobile-pro .left{
    margin-top:0.6rem;
    width:6.3rem;
    height:5.8rem;
    margin:0 auto;
    /* padding-left:0.5rem; */
}
.mobile-pro .left p{
    
    font-weight: 300;
    font-size: 0.2rem;
    color: #0E161E;
    line-height: 0.24rem;
    margin:0.28rem 0;
}
.mobile-pro .left p span{
    margin-left:-0.1rem;
}
.mobile-pro .left .etc{
    
    font-weight: bold;
    font-size: .24rem;
    color: #E1251B;
    margin-bottom:0.4rem;
}
.mobile-pro .left .title{
    font-weight: bold;
    font-size: 0.36rem;
    color: #0E161E;
    line-height: 0.24rem;
    display:flex;
    flex-direction:row;
    white-space: nowrap;
    align-items: center;
    gap: .2rem;
}
.mobile-pro .left .title img{
    width:2.19rem;
    height:.38rem;
}
.mobile-pro .right{
    margin-top:0.5rem;
    width:6.25rem;
    height:auto;
    border-bottom:2px solid #E4E4E4;
    margin:0 auto;
    margin-top:0;
    margin-bottom:0;
}
.mobile-pro .right .imgBox{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    /* background-image:url('/h/images/n/home_produce.png'); */
    background-repeat: no-repeat;
    background-size: 100%;
    width:4.5rem;
    height:4.81rem;
    margin:0 auto;
    background-position: center;
    margin-top:0rem;
    background-color:#fff;
}
.mobile-pro .right .imgBox .content{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;

    width: 4.2rem;
    height: 1.97rem;
    background: rgba(225,37,27,0.15);
    border-radius: 0.3rem;

    
    font-weight: 400;
    font-size: 0.43rem;
    color: #E1251B;
}
.mobile-pro .right .title{
    text-align:center;
    
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.24rem;
    margin-top:30px;
}
.mobile-pro .right .more{
    text-align:center;
    
    font-weight: 400;
    font-size: 0.18rem;
    color: #0E161E;
    margin:0 auto;
    width:100%;
    display:block;
    line-height:.8rem;
}

.mobile-news{
    background-image: url('/h/images/m/m02.png');
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:10.28rem;
    position: relative;
    overflow: hidden;
    background-color:#fff;
    background-size:100%;
}
.mobile-news .box{
    padding:0px;
    border:0px;
    width:100%;
    border-bottom:0.02rem #F5F5F5 solid;
}
.mobile-news .box .conwrap{
    padding-top:0.63rem;
    padding-left:0.63rem;
    border:0px;
    height:auto;
    width:7.5rem;
}
.mobile-news .box .info{
    width:6.6rem;
    height:1.7rem;
}
.mobile-news .box .title{
    
    font-weight: bold;
    font-size: 0.3rem;
    color: #E1251B;
    line-height: 0.24rem;
    border-bottom:0.04rem solid #E1251B;
    width:1.26rem;
    height:0.45rem;
    margin-bottom:0.25rem;
    position: relative;
}
.mobile-news .box .des{
    
    font-size: .3rem;
    color: #FFFFFF;
    line-height: .48rem;
}
.mobile-news .box .des .con{
    line-height:.5rem;
    font-size:.3rem;
}
.mobile-news .box .des .con .dis{
    color: rgb(255, 255, 255,0.9);
    font-size:.22rem;
}
.mobile-news .box .des .more{
    width:0.96rem;
    display:flex;
    align-items:right;
    flex-direction: column;
    justify-content:flex-end;
    position: absolute;
    right:0;
    top:.6rem;
}
.mobile-news .box .des .more a{
    float: right;
}

.mobile-news .box .des .more img{
    width:.46rem!important;
    width:.32rem;
}

.mobile-news .list{
    margin-top:.3rem;
    padding:0;
}
.mobile-news .mbgb{
    border-bottom:2px red solid;
    margin-bottom:-1px;
    width:2rem;
    transition: all 0.5s ease-in-out;
}

.mobile-news .list .lists{
    width:12.4rem;
    width:6.86rem;
    height:6.8rem;
    margin-bottom:.5rem;
}
.mobile-news .swiper-container {
    width:6.86rem;
    height:6.8rem;
}
.mobile-news .swiper-slide {
    background: #fff;
    width:5.12rem!important;
    height:6.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


.mobile-news .list .lists .item{
    width:5.12rem;
    height:auto;
    background-color:#fff;
    display:flex;
    flex-direction: column;
}
.mobile-news .list .lists .item .conbox{
    padding:0.24rem;
    flex:1;
}
.mobile-news .list .lists .item .image{
    width:5.12rem;
    height:3.7rem;
}
.mobile-news .list .lists .item img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.mobile-news .list .lists .item .time{
    border-bottom:.02rem solid #313244;
    font-weight: 400;
    font-size: .18rem;
    color: #0E161E;
    line-height: .5rem;
    height:.5rem;
}
.mobile-news .list .lists .item .mintitle{
    
    font-weight: bold;
    font-size: .3rem;
    color: #0E161E;
    line-height:.55rem;
    height:.6rem;
    overflow: hidden;
}
.mobile-news .list .lists .item .con{
    
    font-weight: 300;
    font-size: .2rem;
    color: #999999;
    height:.93rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:4; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mobile-news .list .lists .item .more{
    
    font-weight: 400;
    font-size: .18rem;
    color: #0E161E;
    line-height:.6rem;
    height:.6rem;
}
.mobile-news .list .lists .item .more a{
    color: #0E161E;
    font-size:.18rem;
}





.footer_wrap{
    /* margin-top:-1rem; */
}
.mobile-footer{
    width:100%;
    height:auto;
    position: relative;
    background-color: #f9f9f9;
    z-index: 500;
  }
  .mobile-footer .fb{
      width:100%;
      margin:0 auto;
      height:auto;
      border-bottom:.02rem #E4E4E4 solid;
      padding-top:.54rem;
      margin-bottom:.4rem;
      padding-bottom:.4rem;
      background-color:#f9f9f9;

  }
  .mobile-footer .family{
      width:6.7rem;
      margin:0 auto;
  }
  .mobile-footer .family{
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding-bottom:0px;
  }
  .mobile-footer .familyCon{
      display:flex;
      flex-direction:row;
      line-height:.68rem;
      position: relative;
      border:.01rem #0E161E solid;
  }
  .mobile-footer .familyCon .lis{
    flex:1;
    color:#071F5F;
    z-index: 101;
    cursor: pointer;
    font-weight: 600;
    font-size: .21rem;
    color: #071F5F;
    text-indent:.4rem;
  }
  .mobile-footer .familyCon .ico{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: center;
    height:.5rem;
    width:.2rem;
    margin-right:.2rem;
    z-index: 101;
    cursor: pointer;
    margin-top:.05rem;
  }
  .mobile-footer .familyCon .ico img{
      width:.18rem;
      height:.1rem;
  }
  .mobile-footer .familyCon.active img{
      transform: rotate(180deg) translateX(0rem);
  }
  .mobile-footer .familyCon.active{
      background-color:#fff;
  }
  

  .mobile-footer .mcontact {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      width:6.7rem;
      height:.68rem;
      margin-top:.2rem;
      border:0px;
  }
  .mobile-footer .mcontact .lis{
      flex:1;
      color:#071F5F;
      font-weight: 600;
      font-size: .21rem;
      color: #071F5F;
      height:100%;
      text-indent:.4rem;
  }
  .mobile-footer .mcontact .ico{
      display:flex;
      flex-direction:row;
      justify-content:center;
      align-items: center;
      height:.2rem;
      width:.2rem;
      z-index: 101;
  }
  .mobile-footer .mcontact .ico img{
      width:.1rem;
      height:.18rem;
      margin-right:.2rem;
  }

.mobile-footer .logo{
    width:2.94rem;
    height:.4rem;
    margin-bottom:.3rem;
    margin-left:.4rem;
}
.mobile-footer .logo_men{
    width:3.2rem;
    height:.33rem;
    margin-bottom:.3rem;
    margin-left:.4rem;
}
.mobile-footer .con{
    
    font-weight:400;
    font-size: .15rem;
    color: #0E161E;
    line-height:.18rem;
    padding:0 .4rem;
    padding-bottom:.5rem;
}
.mpop-list{
    position:absolute;
    bottom:-1px;
    right:0px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    z-index: 100;
    width:6.7rem;
    height:4.8rem;
    border:#0E161E 1px solid;
    display:none;
}
.mpop-list div{
    display:flex;
    padding:0px;
    margin:0px;
    background-color: #fff;
    border-bottom:.01rem #E4E4E4 solid;
    height:.8rem;
    line-height:.8rem;
    padding-left:.4rem;
    z-index: 10;
}
.mpop-list div a{
    padding:0px;
    margin:0px;
    font-weight: 400;
    font-size:.2rem;
    color: #071F5F;
    z-index: 11;
}
.mobile-footer .familyCon.active .mpop-list{
    display:block;
}
.mobile-footer .familyCon.active{
    border:0px;
    border-bottom:.01rem #0E161E solid;
}