.index_slides{
    width: 100%;
    /*height:600px;*/
    /*aspect-ratio：16 / 7*/
    aspect-ratio：16 / 4.1
} 
#index_slides img{width:100%;animation: banner_outside 6s infinite alternate}
@keyframes banner_outside {
    0% {
    -o-transform: scale(1.1); 
    transform: scale(1.1);
}
100% {
    -o-transform: scale(1);
    transform: scale(1);
}
}
.brand_slides{
    width: 1200px;
    margin: 0 auto;  
    margin-top:20px;
    margin-bottom:30px;
}
.brand_slides .mtit{width:100%;text-align:center;line-height:95px;font-size:30px;font-weight:bold}
.brand_slides img{width:100%;aspect-ratio: 2 / 1}

.ncompany_slides{
    width: 1200px;
    margin: 0 auto;
    margin-top:80px;
    margin-bottom:30px;
    position: relative;
    
}

.ncompany_slides .mtit{width:100%;text-align:center;line-height:40px;font-size:30px;margin-bottom:30px}
.ncompany_slides .swiper-container {
                padding-bottom: 60px;
            }
 
.ncompany_slides .swiper-slide {
                width: 520px;
                height: 408px;
                background: #fff;
                box-shadow: 0 8px 30px #ddd;

}
.ncompany_slides .swiper-slide img {
                display: block;
                width: 520px;
                height: 408px;
            }
 
.ncompany_slides .swiper-pagination {
                width: 100%;
                bottom: 20px;

}
.ncompany_slides .swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 5px;
                border: 3px solid #fff;
                background-color: #d5d5d5;
                width: 10px;
                height: 10px;
                opacity: 1;
            }
 
.ncompany_slides .swiper-pagination-bullets .swiper-pagination-bullet-active {
                border: 3px solid #00aadc;
                background-color: #fff;

}
.ncompany_slides .swiper-button-prev:hover {
                    background-color: #eef7fa;
                }
.ncompany_slides .swiper-button-next:hover {
                    background-color: #eef7fa;

}

/*.swiperss {
  height: 355px;
  width: 100%;
  margin: 50px auto;
  border: 1px solid green;
}*/
/*.ncompany_slides  .box {
  height: 355px;
  width: 100%;
}
.swiper {
  margin: 20px;
  height: 355px;
  img {
    width: 558px;
    height: 355px;
  }
}*/
.ncompany_slides .swiper-container {
  width: 1200px;
  height: 355px;
}

.bird {
  margin-top: 20px;
}





.company_slides{
    width: 1200px;
    margin: 0 auto;
    margin-top:80px;
    margin-bottom:30px;
    
}
.company_slides .swiper-slide{
    width:320px;height:360px;background-size: cover;
    transform:scale(1);
    z-index: 1;
    position:relative;
}
.company_slides .swiper-slide.sele{
    transform:scale(1.2)!important;
    z-index: 999;
}
.company_slides .swiper-slide.sele .company_slides_con{display:block}
.company_slides .company_slides_con{
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    color:#ffffff;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.company_slides .company_slides_con .title{line-height:30px;font-size:14px;font-weight:bold}
.company_slides .company_slides_con .des{line-height:30px;font-size:12}
.company_slides .company_slides_con .layui-btn{font-size:14px}
.company_slides .tmtit{width:100%;text-align:center;line-height:50px;font-size:48px;margin-bottom:10px}
.company_slides .mtit{width:100%;text-align:center;line-height:40px;font-size:30px;}



.lab_section{
    
    width: 1200px;
    margin: 0 auto;
    margin-top:40px;
    margin-bottom:0px;
}
.lab_section .tmtit{width:100%;text-align:center;line-height:50px;font-size:48px;margin-bottom:10px}
.lab_section .mtit{width:100%;text-align:center;line-height:40px;font-size:30px;
    margin-bottom:30px;}
.lab_section .lab_list{
    width:100%;
    display:ruby;
}
.lab_section .lab_list .lab_item{width:22%;margin-right:4%;text-align:center;position:relative;/*margin-bottom:30px;*/display:block;float:left}
.lab_section .lab_list .lab_item:nth-child(4n) {margin-right:0px!important}
.lab_section .lab_list .lab_item img{width:100%;/*height:430px; */aspect-ratio: 3 / 4;transition: transform 0.5s ease;}

.lab_section .lab_list .lab_item .tit{
    width: 100%;
    height: 80px;
    /*background-color: #ffffff;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -75px;*/
    line-height: 80px;
    font-size: 20px;
    text-align: center;
}


.labwork_section{
    
    width: 1200px;
    margin: 0 auto;
    margin-top:40px;
    margin-bottom:0px;
}
.labwork_section .tmtit{width:100%;text-align:center;line-height:50px;font-size:48px;margin-bottom:10px}
.labwork_section .mtit{width:100%;text-align:center;line-height:40px;font-size:30px;
    margin-bottom:30px;}
.labwork_section .lab_list{
    width:100%;
    display:ruby;
}
.labwork_section .lab_list .lab_item{width:47%;margin-right:3%;text-align:center;margin-bottom:30px;display:block;float:left}
.labwork_section .lab_list .lab_item:nth-child(2n) {margin-left:3%;margin-right:0px;}
.labwork_section .lab_list .lab_item img{width:100%;height:430px; transition: transform 0.5s ease;} 

/*.lab_section .lab_list .lab_item .tit{
    width: 100%;
    height: 80px; 
    line-height: 80px;
    font-size: 20px;
    text-align: center;
}
.lab_section .lab_list .lab_item:hover img{
    transform: scale(0.9); 
}
.lab_section .lab_list .lab_item:hover .tit{
    background-color:#e08e18!important ;
    color:#ffffff!important;
}*/

.news_section{
    width: 1200px;
    margin: 0 auto;
    margin-top:80px;
    margin-bottom:30px;
    
}
.news_section .tmtit{width:100%;text-align:center;line-height:50px;font-size:48px;margin-bottom:10px}
.news_section .mtit{width:100%;text-align:center;line-height:40px;font-size:30px;}
.news_section .news_list{
    width:100%;
    margin-top:50px;
    /*display: ruby;'*/
}

.news_section .news_list .news_item{
    width: 50%;/*display: inline-block;*/
    display: -webkit-inline-box;
    margin-bottom:30px;
    padding:10px;
    box-sizing: border-box;
}
.news_section .news_list .news_item .date{width:100px;border-right:1px solid #ececec;margin-bottom:10px}
.news_section .news_list .news_item .date .year{width:100%;font-size:30px;line-height:50px;}
.news_section .news_list .news_item .date .md{width:100%;font-size:16px;line-height:30px}
.news_section .news_list .news_item .detail{width:calc(100% - 100px);padding-left:10px;box-sizing:border-box}
.news_section .news_list .news_item .detail .title{
    width:100%;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: rgb(102, 102, 102); 
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news_section .news_list .news_item .detail .des{width:100%;line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: rgb(102, 102, 102); 
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    
}