.info{
	width: 100%;
	min-height: 100vh;
}
.swiper {	
    width: 100%;
}  
.blue-slide_wiper{
	width: 100%;
}
.swiper-slide{
    position: relative;
}
@media (min-width: 768px) {
    .swiper-slide-tost{
        position: absolute;
        z-index: 100;
        top: 15vw;
        left: 15vw;
        display: flex;
        flex-direction: column;
    }
    .swiper_tost1{
        font-weight: 400;
        font-size: 60px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    .swiper_tost2{
        font-weight: 400;
        font-size: 30px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
}
@media (max-width: 768px) {
    .swiper-slide-tost{
        position: absolute;
        z-index: 100;
        top: 15vw;
        left: 5vw;
        display: flex;
        flex-direction: column;
        
    }
    .swiper_tost1{
        font-weight: 400;
        font-size: 20px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    .swiper_tost2{
        font-weight: 400;
        font-size: 12px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
}


@media (min-width: 768px) {
    .about_kD{
        padding: 141px 0;
        display: flex;
    }
    .about_kD_left{
        width: 40%;

        font-weight: 400;
        font-size: 50px;
        color: #000000;
        text-align: left;
        padding-left: 6vw;
        font-style: normal;
        text-transform: none;
    }
    .about_kD_right p strong{
        font-weight: 400;
        font-size: 18px;
        line-height: 40px;
        color: #aaa;
    }
    .about_kD_right{
        width: 60vw;
        font-weight: 400;
        font-size: 18px;
        color: #666666; 
        line-height: 24px;
        padding-right: 6vw;
    }
}
 
/* 针对移动端的样式 */
@media (max-width: 767px) {
    .about_kD{
        flex-direction:column;
        padding: 0px 25px;
        
    }
     .bgc_no{
        width:50vw;
        position: absolute;
        
    }
    .bgc_no_left{
        left: -100%;
        position: absolute;
    }
    .bgc_no1{
        width: 50vw;
    }
    .about_kD_left{
        width: 100%;
        padding: 35px 0;
        font-weight: 400;
        font-size: 32px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
     
    }
    .about_kD_right p strong{
        font-weight: 400;
        font-size: 17px;
        color: #666;
    }
    .about_kD_right{
        width: 100%;
        font-weight: 400;
        font-size: 18px;
        color: #666666; 
        line-height: 24px;
        padding: 0px;
        box-sizing: border-box;
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    @keyframes countUp {
       from {
         content: 0;
       }
       to {
         content: attr(data-number);
       }
     }
    .bgc_1{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .bgc_no{
        width:30vw;
    }
    .bgc_no_left{
        left: -100%;
        position: relative;
    }
    .Company_Information{
        width: 100%; 
         position: relative;
    }
    .see_more{
        width: 122px;
        height: 35px;
        background: #fff;
        border-radius: 0px 0px 0px 0px;
        font-weight: 400;
        font-size: 16px;
        color: #666666;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 26vw;
        left: 5vw; 
        z-index: 3;
    }
    .number_box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding:0 6vw;
        position: absolute;
        top: 8vw;
        z-index: 2;
    }
    .number_box_nei{
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #fff;
        padding-bottom: 16px;
    }
    .number_1{
        width: 20vw;
        height: 100px;
        font-weight: 400;
        font-size: 76px;
        color: #FFFFFF;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        user-select: none;
        font-family: 'SimHei', 'Heiti SC', sans-serif;
    }
    .number_1_num{
        user-select: none;
        width: 20vw;
        font-weight: bold;
        font-size: 76px;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;  
        animation: countUp 3s forwards;
        font-family: math;
    }
    .number_2{
        min-width: 72px;
        height: 24px;

        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        font-family: math;
    }
}
@media (max-width: 767px) {
    @keyframes countUp {
       from {
         content: "0";
       }
       to {
         content: attr(data-number);
       }
     }
    .bgc_1{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .Company_Information{
        width: 100%; 
         position: relative;
         overflow: hidden;
    }
    .see_more{
        width: 120px;
        height: 40px;
        background: #fff;
        border-radius: 0px 0px 0px 0px;
        font-weight: 400;
        font-size: 16px;
        color: #666666;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 52px;
        left: 5vw; 
        z-index: 3;
        cursor: pointer;
        user-select: none;
    }
    .number_box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding:0 25px;
        position: absolute;
        top: 35px;
        z-index: 2;
        flex-wrap: wrap;
        row-gap: 40px;
        
    }
    .number_box_nei{
        display: flex;
        flex-direction: column;
         border-bottom: 1px solid #fff;
        width: 45%;
        
    }
    .number_1{
        user-select: none;
        font-weight: bold;
        font-size: 47px;
        color: #FFFFFF;
        line-height: 50px;
        text-align: left;
        font-style: normal;
        text-transform: none;   
        font-family: math;
    }
    .number_1_num{
        user-select: none;
        font-weight: bold;
        font-size: 26px;
        color: #FFFFFF;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;  
        animation: countUp 3s forwards;
        font-family: math;
    }
    
    .number_2{
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        padding: 15px 0;
        /*line-height: 60px;*/
        text-align: left;
        font-style: normal;
        text-transform: none;
        font-family: math;
    }
}

@media (min-width: 768px) {
    .chanPin{
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .bgc_right{
        position: absolute;
        right: -100%;
        top: 200px;
    }
   
    .chanPin_conect{
        display: flex;
        justify-content: flex-end;  
        position: relative;
    }
    .chanPin_left{
        position: absolute;
        width: 40vw;
        height: auto;
        top: 50%;
        transform: translateY(-50%);
        left: 6vw;
        z-index: 2; 
        animation: left_go 1.5s forwards;
    }
    .chanPin_right{
        width: 58vw;
        background: #E2F0F9;
        border-radius: 0px 0px 0px 0px;
        background-color: rgba( 238, 246, 251 , 0.6);
        position: relative;
        right: 0px;
        padding: 10vw 0;
       padding-left: 8vw;
       padding-right: 6vw;
        display: flex;
        flex-direction: column;
        animation: right_go 1.5s forwards;
    }
    @keyframes left_go {
      from {
        left: -50%;
      }
      to {
        left: 6vw;
      }
    }
    
    @keyframes right_go {
      from {
        right: -50%;
      }
      to {
        right: 0px;
      }
    }
    .chanpim_title{
        width: 100%;

        font-weight: 400;
        font-size: 50px;
        color: #000000;
        line-height: 80px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom: 60px;
    }
    .chanpim_connect{

        font-weight: 400;
        font-size: 18px;
        color: #aaa;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    .see_more_shop{
        width: 122px;
        height: 35px;
        background: #1D3BC5;
        border-radius: 0px 0px 0px 0px;
         color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        margin-top: 30px;
        cursor: pointer;
        user-select: none;
    }
}
@media (max-width: 768px) {
    .see_more_shop{
        width: 120px;
        height: 40px;
        background: #1D3BC5;
        border-radius: 0px 0px 0px 0px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        margin-top: 10px;
        cursor: pointer;
        user-select: none;
    }
    .chanPin{
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .bgc_right{
        position: absolute;
        right: 0;
        top: 100px;
    }
    .chanPin_conect{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;  
        position: relative;
        width: 100vw;
        align-items: center;
    }
    .chanPin_left{
        
        width: calc(100vw - 50px);
        height: auto;
       margin-top: 100px;
        
    }
    .chanPin_right{
       width: calc(100vw - 50px);
       padding: 35px 0;
        border-radius: 0px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        
    }
    @keyframes left_go {
      from {
        right: 100%;
      }
      to {
        right: 45vw;
      }
    }
    
    @keyframes right_go {
      from {
        right: -50%;
      }
      to {
        right: 0px;
      }
    }
    .chanpim_title{
        width: 100%;

        font-weight: 400;
        font-size: 32px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom: 30px;
    }
    .chanpim_connect{

        font-weight: 400;
        font-size: 14px;
        color: #868686;
        line-height: 26px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom:20px;
    }
}
/* 新闻聚焦 */
@media (min-width: 768px) {
    .new{
        padding: 0 6vw;
        margin-top: 160px;
    }
    .new_title{

        font-weight: 400;
        font-size: 46px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom: 18px;
    }
    .new_title_connect{
        font-weight: 400;
        font-size: 18px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom: 90px;
    }
    .new_list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .new_item{
        width: 30%;
        margin-bottom: 170px; 
        cursor: pointer;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
        position: relative;
        z-index: 99;
    }
     .new_item:hover{
        width: 30%;
        margin-bottom: 170px; 
        cursor: pointer;
        /*box-shadow: 1px 0px 7px 6px #ddd;*/
        position: relative;
        background-color: #f2f2f2;
        z-index: 99;
        /*top: -10px;*/
        /*animation: up 0.5s forwards;*/
    }
    @keyframes up {
      from {
        box-shadow: 0 0 0 0 #ddd;
        top: 0px;
      }
      to {
        box-shadow: 1px 0px 7px 4px #ddd;
        top: -10px;
      }
    }
    .new_item_img{
        width: 100%;
        height: 15vw;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .new_item_img_img{
        width: 100%;

        margin: 0 auto;
    }
    /* .new_item_img_img:hover{*/
    /*    width: 30vw;*/
    /*    margin: 0 auto;*/
    /*    animation: img_big 0.5s forwards;*/
    /*}*/
    @keyframes img_big {
      from {
         width: 30vw;

      }
      to {
         width: 33vw;
  
      }
    }
    @keyframes img_small {
      from {
         width: 33vw;

      }
      to {
         width: 30vw;

      }
    }
    
    .new_item_title{
        margin-top: 50px;
        padding: 0 20px;
        box-sizing: border-box;
        height: 50px;
        font-weight: bold;
        font-size: 18px;
        color: #000000;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    .new_item_connect{
        margin-top: 22px;
        height: 74px;
        padding: 0 20px;
        font-weight: 500;
        font-size: 14px;
        color: #CCCCCC;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom: 50px;
    }
    .see_info_box{
        width: 100%;
        padding: 17px 22px;
        background: #F7F8F8;
        border-radius: 0px 0px 0px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .see_info_box span{
        font-weight: 500;
        font-size: 12px;
        color: #666666;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    .see_info_box_rigth{
        width: 24px;
        cursor: pointer;
    }
}
@media (max-width: 768px) {
    
        .new{
            padding: 0 25px;
            margin-top: 100px;
        }
        .new_title{
            font-weight: 400;
            font-size: 32px;
            color: #000000;
            text-align: left;
            font-style: normal;
            text-transform: none;
            margin-bottom: 28px;
        }
        .new_title_connect{
            font-weight: 400;
            font-size: 16px;
            color: #767676;
            text-align: left;
            font-style: normal;
            text-transform: none;
            margin-bottom: 10px;
        }
        .new_list{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding-bottom: 70px !important;
        }
        .new_item{
            width: 100%;
            margin-bottom: 3vw; 
            cursor: pointer;
            overflow: hidden;
        }
        .new_item_img_img{
            width: 100%;
    
            margin: 0 auto;
        }
        .new_item_img{
            height: auto;
        }
        .new_item_title{
            margin-top: 25px;
            margin-bottom: 15px;
            padding: 0 15px;
            box-sizing: border-box;
            font-weight: bold;
            font-size: 15px;
            color: #000000;
            text-align: left;
            font-style: normal;
            text-transform: none;
        }
        .new_item_connect{
            margin-top: 8px;
            padding: 0 15px;
            font-weight: 500;
            font-size: 14px;
            color: #CCCCCC;
            line-height: 14px;
            text-align: left;
            font-style: normal;
            text-transform: none;
        }
        .see_info_box{
            width: 100%;
            padding: 5px;
            background: #F7F8F8;
            border-radius: 0px 0px 0px 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 15px;
        }
        .see_info_box span{
            font-weight: 500;
            font-size: 12px;
            color: #666666;
            line-height: 24px;
            text-align: left;
            font-style: normal;
            text-transform: none;
        }
        .see_info_box_rigth{
            width: 24px;
            cursor: pointer;
        }
    
    
}
@media (max-width: 768px) {
    .video_1{
        position: relative;
        width: 100%;
    }
    .video_box{
        width: 100%;
        position: relative;
        top: 100px;
        transform: translateY(-30%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .video{
        width: calc(100vw - 50px);
    }
    .tost_connect{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;    
        width: 100%;
        margin-bottom: 5vw;
        padding: 0 25px;
    }
    .video_connect{
        font-weight: 400;
        font-size: 12px;
        color: #797979;
        line-height: 14px;
        margin-top: 14px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    .tost_connect span{
        font-weight: 400;
        font-size: 20px;
        color: #000000;
        line-height: 30px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
}
@media (min-width: 768px) {
    .video_1{
        position: relative;
        width: 100%;
    }
    .video_box{
        width: 98vw;
        position: absolute;
        top: 30%;
        transform: translateY(-30%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .video{
        width: 86vw;
    }
    .video_connect{
        font-weight: 400;
        font-size: 24px;
        color: #797979;
        line-height: 80px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    .tost_connect{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;    
        width: 100%;
        margin-bottom: 5vw;
    }
    .tost_connect span{
        font-weight: 400;
        font-size: 60px;
        color: #000000;
        line-height: 80px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
}
.bgc_0_3{
    opacity: 1;
    animation: option03 2s forwards;
}
.bgc_0_4{
    opacity: 1;
    animation: option04 2s forwards;
}
 @keyframes option03 {
      from {
         opacity: 0;
         right: -100%;
      }
      to {
         opacity: 1;
         right: 0%;
      }
    }
@keyframes option04 {
      from {
         opacity: 0;
         left: -100%;
      }
      to {
         opacity: 1;
          left: 0%;
      }
    }