@import url("core.css");
@import url("../font-awesome/css/font-awesome.min.css");
@import url("animate.css");
@import url("common.css");

/*common*/
.w1440{width: 100%;max-width: 1400px;margin: 0 auto;}
.clear{clear: both;}
body{background-color: #fff;    overflow: hidden;}
.to-big .img{overflow: hidden;}
.to-big .img img{transform: scale(1.0);transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
.to-big:hover .img img{transform: scale(1.1);}

.backshow{background-repeat: no-repeat;background-position: center;background-size: cover;}
.h1_title{font-size: 40px;line-height: 50px;font-weight: 500;}
.h1_title font{color: #009fe6;}
.h4_des{font-size: 16px;line-height: 25px;}

@media(max-width:1440px){
    .h1_title{font-size: 34px;line-height: 40px;}
    .h4_des{font-size: 14px;line-height: 20px;}
}

@media(max-width:1280px){
    .h1_title{font-size: 30px;}
}

@media(max-width:1100px){
    .h1_title{font-size: 26px;line-height: 35px;}
    .h4_des{font-size: 13px;line-height: 19px;}
}

@media(max-width:768px){
    .h1_title{font-size: 24px;}
}

.bounceOut1{visibility: visible;animation-duration: 1.5s;animation-delay: 0.1s;animation-name: bounceOut1;}

@keyframes bounceOut1{
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1);
        transform: scale3d(.1, .1, .1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
}
/**/


/*#banner_index*/
#banner_index img{width: 100%;}
#banner_index .banner_con{position: relative;}
#banner_index .banner_con .con{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
#banner_index .banner_tit{font-size: 45px;line-height: 55px;font-weight: bold;}
#banner_index ul{width: 340px;margin:40px 0 115px;overflow: hidden;}
#banner_index ul li{padding-left: 40px;float: left;width: 50%;background-position: left center;background-repeat: no-repeat;background-size: 25px auto;margin-bottom: 20px;}
#banner_index ul li:nth-child(1){background-image: url(../images/bans1.png);}
#banner_index ul li:nth-child(2){background-image: url(../images/bans2.png);}
#banner_index ul li:nth-child(3){background-image: url(../images/bans3.png);background-size: auto 35px;}
#banner_index ul li:nth-child(4){background-image: url(../images/bans4.png);}
#banner_index ul li b{font-size: 16px;display: block;margin-bottom: 5px;color: #009fe6;}
#banner_index ul li p{font-size: 14px;}
#banner_index .banner_tit{opacity: 0;transform: translateY(100px); transition: 0.5s all ease-out;-webkit-transition-delay: .3s; transition-delay: .3s;}
#banner_index  ul{opacity: 0;transform: translateY(100px);transition: .5s all ease-out;-webkit-transition-delay: .7s; transition-delay: .7s;}
#banner_index  a{opacity: 0;transform: translateY(100px);transition: .5s all ease-out;}

#banner_index .swiper-slide-active  .banner_tit{opacity: 1;transform: translateY(0);}
#banner_index .swiper-slide-active  ul{opacity: 1;transform: translateY(0);}
#banner_index .swiper-slide-active  a{opacity: 1;transform: translateY(0);}
#banner_index .banner_con .con a{display: block;width: 210px;height: 45px;line-height: 45px;text-align: center;border:1px solid #777;color:#777;font-size: 14px;padding-right: 35px;background-image: url(../images/icon_bjt.png);background-repeat: no-repeat;background-size: 25px;background-position: 70%;}
#banner_index .banner_con .con a:hover{background-color: #fff;background-image: url(../images/icon_bjt_l.png);color:#009fe6}

#banner_index .swiper-pagination{bottom: 5%;}


@media(max-width:1440px){
    #banner_index .banner_tit{font-size: 35px;line-height: 40px;}
    #banner_index ul{margin:30px 0 80px}
}

@media(max-width:1100px){
    #banner_index .banner_tit{font-size: 24px;line-height: 30px;}
    #banner_index ul{display: none;}
    #banner_index .banner_con .con a{height: 35px;line-height: 35px;font-size: 13px;width: 160px;margin-top: 20px;}
}

@media(max-width:768px){
    #banner_index .banner_tit{font-size: 20px;line-height: 25px;}
    #banner_index .banner_con .con a{background-image: unset;height: 30px;line-height: 30px;font-size: 12px;width: 100px;padding-right: 0;}
}

.font22{font-size: 22px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
/* * .white *{color: #fff;} */
.center{text-align: center;}

/*#factory*/
#factory{padding:117px 0}
#factory .h1_title{text-align: center;}
#factory .h4_des{text-align: center;margin: 20px auto 140px;}

#factory .cj_box{display: flex;gap: 35px;}
#factory .cj_box .cj_list{flex: 1;}
#factory .cj_box .cj_list a{display: block;width: 100%;position: relative;top: 0;overflow: hidden;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#factory .cj_box .cj_list a .img{width: 100%;}
#factory .cj_box .cj_list a img{display: block;width: 100%;}
#factory .cj_box .cj_list a .con{position: absolute;transform: translateY(50%);width: 100%;bottom:0;left:0;padding:15px 20px;background-image: linear-gradient(-90deg, transparent,transparent);background-color: rgba(0,0,0,0.4);-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#factory .cj_box .cj_list a .con *{color: #fff;}
#factory .cj_box .cj_list a .con b{font-size: 16px;margin-bottom: 10px;display: block;}
#factory .cj_box .cj_list a .con p{font-size: 12px;line-height: 19px;height: 45px;opacity: 0;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}

#factory .cj_box .cj_list a:hover{top: -20px;box-shadow: 0 0 12px 2px rgba(0, 0, 0, .3);}
#factory .cj_box .cj_list a:hover .con{background-image: linear-gradient(-90deg, #00c7dd, #00a0e9);transform: translateY(0%);}
#factory .cj_box .cj_list a:hover .con p{opacity: 1;}

@media(max-width:1440px){
}

@media(max-width:1100px){
    #factory{padding:35px 0;}
    #factory .h4_des{margin: 20px auto 35px;}

    #factory .cj_box{display: block;overflow: hidden;}
    #factory .cj_box .cj_list{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;}
    #factory .cj_box .cj_list:nth-child(2n){margin-right: 0%;}
}

@media(max-width:768px){
    #factory .cj_box .cj_list a .con{padding:12px;transform: unset;}
    #factory .cj_box .cj_list a .con b{font-size: 14px;margin-bottom: 0;}
    #factory .cj_box .cj_list a .con p{display: none;}
    
}



/*#product*/
#product{padding:110px 0;background-color: #f5f5f5;}
  #product .h1_title{}
  #product .w1440 {position: relative;}
  #product .h4_des{margin:25px 0 65px;float: left;}
  #product .pro_cate{float: right;display: flex;position: absolute;right: 0;top: 45px;}
  #product .pro_cate a{font-size: 18px;display: inline-block;margin-left: 15px;padding-bottom: 10px;}
  #product .pro_cate a:hover{border-bottom: 1px solid #009fe6;}
  #product .cate_box li{display: none;}
  #product .cate_box li.active{display: block;}
  #product .cate_box li .swiper-container{padding-top: 15px;}
  #product .cate_box li a{position: relative;top:0;display: block;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
  #product .cate_box li a:hover{top:-15px}
  #product .cate_box li img{display: block;width: 100%;}
  #product .cate_box li p{font-size: 20px;margin-top: 20px;font-weight: bold;}


@media(max-width:1440px){
    #product .pro_cate a{font-size: 16px;}
}

@media(max-width:1280px){
}

@media(max-width:1100px){
    #product{padding:35px 0;}
    #product .pro_cate{float: left;top: unset;position: relative;width: 100%;display: block;}
    #product .pro_cate li{display: inline-block;margin-right: 10px;margin-left: 0;}
    #product .pro_cate a{font-size: 14px;}
    #product .pro_cate li a{margin-left: 0;}

    #product .h4_des{margin:20px 0}
}

@media(max-width:768px){
    
}


/*#ability*/

#ability{padding:110px 0 0;}
#ability .h4_des{margin:25px auto 65px;}
#ability .abi_cate{display: flex;gap: 5px;}
#ability .abi_cate a{flex: 1;border-radius: 15px 15px 0 0;padding-left: 80px;font-size: 22px;
    font-weight: 500;
    height: 70px;line-height: 70px;position: relative;
    background-color: #e5f5fd;background-image: url(../images/xjts.png);
    background-repeat: no-repeat;background-position: 90% center;}

#ability .abi_cate a::before{content:"";position: absolute;font-size: 12px;padding:5px 10px;border-radius: 15px;
line-height: 12px;border: 1px solid #009fe6;color: #009fe6;left: 33px;top: 23px;}
#ability .abi_cate a:nth-child(1)::before{content:"01"}
#ability .abi_cate a:nth-child(2)::before{content:"02"}
#ability .abi_cate a:nth-child(3)::before{content:"03"}
#ability .abi_cate a:nth-child(4)::before{content:"04"}
#ability .abi_cate a:nth-child(5)::before{content:"05"}

#ability .abi_cate a:hover,#ability .abi_cate a.active{background-color: #009fe6;color: #fff;background-image: url(../images/xjt.png);}
#ability .abi_cate a:hover::before,#ability .abi_cate a.active::before{border-color: #fff;color: #fff;}


#ability .abi_cate_box li{padding:55px 0;display: none;background-image: linear-gradient(to bottom,#009fe6,#00c2ff);}
#ability .abi_cate_box li.active{display: block;}
@keyframes toOpacity{from{opacity: 0;}to{opacity: 1;}}
#ability .abi_cate_box li .w1440{overflow: hidden;}
#ability .abi_cate_box li .con {width: 35%;float: left;padding-top: 5%;}
#ability .abi_cate_box li .img {width: 60%;float: right;}
#ability .abi_cate_box li .img img{width: 100%;display: block;}
#ability .abi_cate_box li.active .con {animation: toOpacity 1s forwards;}
#ability .abi_cate_box li.active .img {animation: toOpacity 1s forwards;}

#ability .abi_cate_box li .con b{font-size: 42px;line-height: 50px;color: #fff;}
#ability .abi_cate_box li .con p{font-size: 16px;line-height: 25px;color: #fff;margin:40px 0 60px}
#ability .abi_cate_box li .con a{font-size: 14px;color: #fff;border: 1px solid #fff;display: block;width: 180px;height: 35px;line-height: 35px;text-align: center;}
#ability .abi_cate_box li .con a:hover{background-color: #fff;color: #009fe6;}

@media(max-width:1440px){
    #ability .abi_cate a{
        padding-left: 70px;
        font-size: 18px;
        height: 70px;
        line-height: 70px;
        background-position: 95% center;
        }
    
    #ability .abi_cate a::before{content:"";position: absolute;font-size: 12px;
        padding:5px 10px;
        left: 24px;top: 23px;}

        #ability .abi_cate_box li .con b{font-size: 36px;line-height: 40px;}
        #ability .abi_cate_box li .con p{font-size: 14px;line-height: 20px;}
}



@media(max-width:1100px){
    #ability{padding:35px 0 0;}
    #ability .h4_des{margin:25px auto 25px}
    #ability .abi_cate{overflow-x: auto;overflow-y: hidden; -ms-overflow-style: none;  /* IE和Edge */
        scrollbar-width: none;  /* Firefox */}
    #ability .abi_cate a{min-width: 200px;display: block;height: 50px;line-height: 50px;font-size: 16px;}
    #ability .abi_cate a::before{top: 13px;}
    
    #ability .abi_cate_box li .con{padding-top: 0;width: 100%;margin-bottom: 20px;}
    #ability .abi_cate_box li .con b{font-size: 30px;line-height: 35px;}
    #ability .abi_cate_box li .con p{font-size: 13px;line-height: 18px;margin:15px 0;}

    #ability .abi_cate_box li .img{width: 100%;}
}

@media(max-width:768px){

    
    #ability .abi_cate_box li .con b{font-size: 26px;}
}




  /*#app_index*/
  #app_index{padding:100px 0}
  #app_index .h1_title{margin-bottom: 20px;text-align: center;}
  #app_index .h4_des{margin-bottom: 60px;text-align: center;}
  #app_index .flex_box{width: 100%;}
  #app_index .flex_box ul{display: flex;}
  #app_index .flex_box ul li{position: relative;height: 582px;flex: 1;overflow: hidden;border-radius: 15px;margin-right: 5px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
  #app_index .flex_box ul li:last-child{margin-right: 0;}
  #app_index .flex_box ul li::after{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);top: 0;left: 0;z-index: 1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
  #app_index .flex_box ul li.active::after{background-color: rgba(0,0,0,0);}
  #app_index .flex_box ul li.active{flex: 4.5;}
  #app_index .flex_box ul li a{display: flex;justify-content: center;height: 100%;position: relative;}
  #app_index .flex_box ul li img{height: 100%;}
  #app_index .flex_box ul li .tit.close{z-index: 2;word-break: break-all;position: absolute;top: 0;left: 0;padding:20px;width: 50px;height: 100%;font-size: 20px;font-weight: 500;color: #fff;opacity: 1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
  #app_index .flex_box ul li .con{z-index: 2;position: absolute;bottom:0;left: 0;background-color: rgba(0,0,0,0.5);padding: 25px 35px;opacity: 0;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
  #app_index .flex_box ul li .con .tit{font-size: 20px;font-weight: 500;color: #fff;margin-bottom: 15px;}
  #app_index .flex_box ul li .con p{font-size: 14px;line-height: 22px;color: #fff;font-weight: 300;margin-bottom: 50px;}
  #app_index .flex_box ul li.active .tit.close{opacity: 0;}
  #app_index .flex_box ul li.active .con{opacity: 1;}
  
  @media(max-width:1440px){
      
  }
  
  @media(max-width:1100px){
      #app_index{padding:35px 0}
      #app_index .h4_des{margin-bottom: 20px;}
      #app_index .flex_box ul{display: block;overflow: hidden;}
      #app_index .flex_box ul li{height: 450px;overflow: hidden;margin-right: 2%;margin-bottom: 2%;float: left;width: 49%;}
      #app_index .flex_box ul li:nth-child(2n){margin-right: 0;}
      #app_index .flex_box ul li .con,#app_index .flex_box ul li.active .con{display: none;}
      #app_index .flex_box ul li.active .tit.close,#app_index .flex_box ul li .tit.close{opacity: 1;font-size: 16px;width: 100%;}
  }
  
  @media(max-width:768px){
      
  }
  
  @media(max-width:550px){
      #app_index .flex_box ul li{height: 200px;}
  }




 /*#about_index*/
 #about_index{padding-top: 100px;position: relative;background: url(../images/aboutback.webp) no-repeat center;background-size: cover;height: 892px;}
 #about_index .h1_title{}
 #about_index .h4_des{margin:25px 0 40px;width: 50%;color: #666;}
.numbox{display: flex;gap: 15px;width: 500px;}
.numbox li{flex:1;}
.numbox li b{font-size: 30px;font-weight: 500;color: #009fe6;}
.numbox li span{font-size: 30px;font-weight: 500;color: #009fe6;}
.numbox li sub, #about_index .numbox li sup{font-size: 24px;font-weight: 500;color: #009fe6;position: relative;top: -5px;}
.numbox li p{font-size: 14px;color: #666;}
 
 
  
#about_index .slide-box img{display: block;width: 100%;}
 
#about_index .about_show{position: absolute;bottom: 0;width: 100%;}
#about_index .about_show .swiper-slide img{width: 100%;display: block;}
#about_index .about_show .slide-bottom{margin-left:auto;margin-right:0;z-index: 3;display: flex;height: 323px;width: 80%;}
#about_index .about_show .slide-bottom .list{padding:45px;flex:1;position: relative;background-repeat: no-repeat;background-position: 90% 90%;background-color: rgba(255,255,255,0.7);}
#about_index .about_show .slide-bottom .list::before{content: "";bottom: 40px;left:0;background-image: url(../images/bjt.png);display: inline-block;position: absolute;transition: all 0.5 ease-in-out;-webkit-transition: all 0.5s ease-in-out;opacity: 0;width: 24px;height: 6px;z-index: 33;}
#about_index .about_show .slide-bottom .list::after{content: "";top:0;left:0;position: absolute;width: 100%;height: 100%;transition: all 0.5 ease-in-out;-webkit-transition: all 0.5s ease-in-out;opacity: 0;background-image: linear-gradient(to top, #00c7dd, #00a0e9);}
#about_index .about_show .slide-bottom .list:nth-child(1){background-image: url(../images/ai1.png);}
#about_index .about_show .slide-bottom .list:nth-child(2){background-image: url(../images/ai2.png);}
#about_index .about_show .slide-bottom .list:nth-child(3){background-image: url(../images/ai3.png);}
#about_index .about_show .slide-bottom .list a {position: absolute;display: block;z-index: 5;background-repeat: no-repeat;
background-size: 47px;bottom: 25px;left: 0px;width: 100%;height: 50px;background-position: 90% center;
}

#about_index .about_show .slide-bottom .list:nth-child(1).active{background-image: url(../images/aib1.png);}
#about_index .about_show .slide-bottom .list:nth-child(2).active{background-image: url(../images/aib2.png);}
#about_index .about_show .slide-bottom .list:nth-child(3).active{background-image: url(../images/aib3.png);}



#about_index .about_show .slide-bottom .list .tit{font-size: 32px;font-weight: 500;position: relative;z-index: 4;}
#about_index .about_show .slide-bottom .list p{font-size: 14px;line-height: 22px;margin-top: 15px;position: relative;z-index: 4;color: #777;}
#about_index .about_show .slide-bottom .list.active::before{opacity: 1;left: 45px;}
#about_index .about_show .slide-bottom .list.active::after{  opacity: 1;}
#about_index .about_show .slide-bottom .list.active *{color: #fff;}
#about_index .about_show .slide-bottom .list:nth-child(1).active a{background-image: url(../images/aib1.png);}
#about_index .about_show .slide-bottom .list:nth-child(2).active a{background-image: url(../images/aib2.png);}
#about_index .about_show .slide-bottom .list:nth-child(3).active a{background-image: url(../images/aib3.png);}

 
 @media(max-width:1440px){
     #about_index .about_show .slide-bottom{height: 240px;}
     #about_index .about_show .slide-bottom .list .tit{font-size: 26px;}
     #about_index .about_show .slide-bottom .list p{font-size: 13px;}
     #about_index .about_show .slide-bottom .list{padding:30px}
 }
 
 @media(max-width:1100px){
     #about_index{padding:35px 0 0;height: auto;background-position: 65%;}
     #about_index .about_show{margin-top: 20px;position: relative;}
     #about_index .about_show .slide-bottom{position: relative;width: 100%;display: block;height: auto;}
     #about_index .about_show .slide-bottom.w1440{padding: 0;}
     #about_index .about_show .slide-bottom .list{padding:15px}
     #about_index .about_show .slide-bottom .list .tit{font-size: 20px;}

     #about_index .about_show .slide-bottom .list::before{display: none;}
     #about_index .h4_des{width: 100%;margin:15px 0}
     
     .numbox{display: block;width: 100%;}
     .numbox li{margin-bottom: 10px;}
     .numbox li b{font-size: 22px;}
     .numbox li p{font-size: 14px;}
 }
 
 @media(max-width:768px){
     #about_index .about_show .slide-bottom.w1440{display: block;height: auto;}
     #about_index .about_show .slide-bottom .list{width: 100%;position: relative;background-position: 90% center;}
     #about_index .about_show .slide-bottom .list p{width: 60%;}
     #about_index .about_show .slide-bottom .list a{top: 0;left: 0;transform: translate(0);width: 100%;height: 100%;}
 }




/*#news_index*/
#news_index{padding:65px 0 100px}
#news_index .h1_title{}
#news_index .h4_des{margin:20px 0 30px;}
#news_index .w1440:nth-child(2){}
#news_index .news-list-left{width: 24%;height: 583px;background-color: #f8f8f8;float: left;margin-right: 1%;}

#news_index .news-list-left .img{height: 223px;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#news_index .news-list-left .img img{height: 100%;width: auto;min-width: 100%;}
#news_index .news-list-left .con{padding:15px 20px;overflow: hidden;}
#news_index .news-list-left .con .tit{font-size: 24px;line-height: 30px;font-weight: 600;margin-bottom: 15px;}
#news_index .news-list-left .con .des{font-size: 16px;line-height: 21px;color: #777;}
#news_index .news-list-left .con .time{font-size: 14px;line-height: 20px;margin-top: 70px;color: #ccc;font-weight: 300;}

#news_index .news-list-center{width: 24%;height: 583px;float: left;margin-right: 1%;overflow: hidden;}
#news_index .news-list-center a{height: unset;padding:18px 0;border-bottom:1px solid #ccc;overflow: hidden;display: block;}
#news_index .news-list-center a:nth-child(1){/* border-top: 1px solid #ccc; */padding-top: 0;}
#news_index .news-list-center a:nth-child(1) .img{height: 223px;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
#news_index .news-list-center a .con{float: left;width: 100%;}
#news_index .news-list-center a .height{overflow: hidden;margin-bottom: 15px;}
#news_index .news-list-center a .tit{font-size: 16px;line-height: 21px;font-weight: bold;margin-bottom: 6px;text-overflow: ellipsis;width: 100%;overflow: hidden;white-space: nowrap;}
#news_index .news-list-center a .des{font-size: 14px;line-height: 18px;height: 35px;color: #777;overflow: hidden;}
#news_index .news-list-center a .time{font-size: 14px;color: #ccc;font-weight: 300;}


#news_index .news-list-right{width: 24.5%;height: 583px;background-color: #f8f8f8;float: right;padding:0 15px;padding-top: 30px;padding-bottom: 40px;}
#news_index .news-list-right .h4_title{float: left;font-size: 20px;font-weight: bold;}
#news_index .news-list-right>a{float: right;font-size: 14px;color: #777;padding-right: 25px;background-image: url(../images/icon_bjt.png);background-repeat: no-repeat;background-size: 17px;background-position: right 70%;padding-top: 5px;}
#news_index .news-list-right>a:hover{color: #009fe6;background-image: url(../images/icon_bjtl.png);}


#news_index .news-list-right .know_box{margin-top: 25px;padding-top: 20px;border-top: 1px solid #ccc;}
#news_index .news-list-right .know_box .tit{font-size: 16px;line-height: 20px;font-weight: bold;margin-bottom: 3px;}
#news_index .news-list-right .know_box .des{font-size: 14px;line-height: 18px;color: #777;}
#news_index .news-list-right .know_box .con{margin-top: 23px;height: 77px;overflow: hidden;}
#news_index .news-list-right .know_box a:nth-child(1) .con{margin-top: 0;}


@media(max-width:1440px){
    #news_index .news-list-left .img img{min-width: unset;}
}

@media(max-width:1100px){
    #news_index{padding:35px 0;}
    #news_index .news-list-left{width: 100%;        height: auto;}
    #news_index .news-list-center{width: 100%;margin-top: 20px;        height: auto;}
    #news_index .news-list-right{width: 100%;margin-top: 20px;height: auto;}
    #news_index .news-list-left .con{padding:15px;}
    #news_index .news-list-left .con .tit{font-size: 20px;line-height: 25px;}
    #news_index .news-list-left .con .des{font-size: 14px;line-height: 17px;}
    #news_index .news-list-left .con .time{margin-top: 20px;}
    #news_index .news-list-center a .tit{font-size: 16px;line-height: 20px;}
    #news_index .news-list-center a .des{font-size: 13px;}
    #news_index .news-list-right .know_box .tit{font-size: 15px;}
    #news_index .news-list-right .know_box .des{font-size: 13px;line-height: 17px;}
}

@media(max-width:768px){
    #news_index .news-list-left{width: 100%;height: auto;}
    #news_index .news-list-center{width: 100%;margin-top: 20px;height: auto;padding-left: 0;padding-right: 0;}
    #news_index .news-list-center a{height: auto;}
    #news_index .news-list-center a .con{padding-left: 10px;}
    #news_index .news-list-center a .tit{font-size: 14px;line-height: 17px;}
    #news_index .news-list-center a .des{font-size: 12px;line-height: 16px;}
    #news_index .news-list-center a .height{height: auto;}
    #news_index .news-list-right .know_box .tit{font-size: 14px;}
    #news_index .news-list-right .know_box .des{font-size: 12px;line-height: 16px;}
    #news_index .news-list-right .know_box .con{height: auto;}
}