.backimg_section{
    width: 100%;
    /*height: 296px;
    background-size: cover;*/
    
    min-width: 1200px;
    overflow: hidden;
} 

.backimg_section img{width:100%;height:auto;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);
}
}
.main_content{
    width:100%;margin:0 auto;
}

.intro_section{width:100%;padding-top:30px;height:200px}
.intro_section ul{margin:0 auto;width:600px}
.intro_section .intro_title{width:100%;font-size:36px;line-height:50px;text-align:center}
.intro_section .intro_des{width:100%;font-size:16px;line-height:24px;text-align:center;margin-top:30px}

.show_section{width:100%;}
.show_section .mtit{width:100%;line-height:45px;border-bottom:1px solid #ececec;font-size:16px;font-weight:bold;margin-bottom:20px;padding-left:20px;box-sizing:border-box}

.show_section .show_list{width:100%;padding-left:80px;padding-right:80px;box-sizing:border-box}
    .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-top .swiper-slide .swiper_img{
        width: 800px;
    height: 100%;
    background-size: cover;
    margin: 0 auto;
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
    
    
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

.detail_section{width:100%;display:flex}
.detail_section .cat_section{width:246px;padding:2px;box-sizing:border-box;height:calc(100vh - 200px);overflow:auto}
.detail_section .cat_section .mtit{width:100%;line-height:45px;font-size:16px;font-weight:bold;display:flex;border-bottom:1px solid rgb(128, 128, 128);cursor:pointer}
.detail_section .cat_section .mtit.sele{color:#009fe9;/*color:#ffffff*/}
.detail_section .cat_section .mtit .layui-edge{margin-top:17px}
.detail_section .cat_section .mtit span{}
.detail_section .cat_section .list{width:100%;}
.detail_section .cat_section .list .tit{width:100%;border-bottom:1px dotted rgb(128, 128, 128);line-height:35px;font-size:14px;cursor:pointer;padding-left:13px;box-sizing:border-box}
.detail_section .cat_section .list .tit:hover{background-color:#009fe9;color:#ffffff}
.detail_section .cat_section .list .tit.sele{background-color:#009fe9;color:#ffffff}
.detail_section .cat_section .list .tit:last-child{border-bottom:0px!important}

.detail_con_section{
    width: calc(100% - 300px);
    margin-left: 30px;
}
.detail_con_section .mtit{width:100%;line-height:40px;font-size:16px;text-align:center;background-color:#ececec}
.detail_con_section .layui-table{width:100%;margin-top:0px}


.loading{width:100%;line-height:50px;text-align:center}

.cat_section::-webkit-scrollbar {
    width: 5px;  
    /*height: 12px; 
    background-color: #009fe9;*/
}
.cat_section::-webkit-scrollbar-thumb {
    background: #009fe9;
    border-radius: 10px;
}

.layui_table_content::-webkit-scrollbar {
    width: 5px;   
}
.layui_table_content::-webkit-scrollbar-thumb {
    background: #009fe9;
    border-radius: 10px;
}

/*.layui-table tbody tr td:nth-child(1){width:40px}*/
.layui-table tbody tr td:nth-child(1){width:150px}
.layui-table tbody tr td:nth-child(2){width:100px}
.layui-table tbody tr td:nth-child(3){width:100px}
.layui-table tbody tr td:nth-child(5){width:100px}
.layui-table thead th:nth-child(6){width:5px;padding:0px}