@charset "UTF-8";
html{margin: 0;padding: 0}
body{margin: 0;padding: 0;font-family:'sy-normal', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
button{padding: 0}

/* header */
@media screen and (max-width: 980px) {
    :root{
        --fz12:12px;
        --fz14:12px;
        --fz16:14px;
        --fz18:16px;
        --fz20:18px;
        --fz22:18px;
        --fz24:18px;
        --fz26:18px;
        --fz28:18px;
        --fz30:18px;
        --fz32:18px;
        --fz34:18px;
        --fz40:18px;
        --fz50:18px;
    }
    .main_width{width: 95%;margin: 0 auto;transition: all .5s}
    header{position: relative}
    header .search{display: none}
    header .head nav{display: none}
    header .head nav.active{display: flex;position: fixed;top: 0;left: 0;width: 100%;flex-direction: column;z-index: 50;background-color: #fff;height: 100vh;justify-content: unset;min-width: unset}

    header .head nav a{text-align: center;line-height:38px;border-bottom: 1px dashed #CF3F39;}
    .m_nav{display: flex;flex-direction: column;width: 40px;height: 30px;justify-content: space-between;cursor: pointer;position: relative;z-index: 60}
    .m_nav span{width: 40px;height: 2px;background-color: #3b3939;}
    .head .top_list .logo{width: 87.375%}
    .head_search{display: none;}
    .index_01 .swiper .swiper-button-next,
    .index_01 .swiper .swiper-button-prev{width: 30px;height: 30px}
    .index_01 .swiper .swiper-button-prev{left: 6%}
    .index_01 .swiper .swiper-button-next{right: 6%}
    .index_01 .swiper .swiper-button-next:after, .index_01 .swiper .swiper-button-prev:after{font-size: var(--fz14)}
    .index_03 .li-box{margin-top: 0;}
    .index_03 .bottom-line{margin-top: 40px}
    .inside_box_02 .list_news_right .list .inner_news{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .index_02 .left{display: none}
    .index_02 .right li img{display: block}
    .index_02 .right .img{width: 100%;padding-bottom: 40%}
    .index_02 .right ul li{box-shadow: 0 0 10px rgba(0,0,0,0.17);margin-bottom: 10px;padding: 10px;box-sizing: border-box;}
    .inside_body{flex-direction: column}
    .inside_body .left{width: 100%;margin-top: 20px;}
    .inside_body .right{width: 100%;margin-top: 20px;margin-left: unset;}
    .inside_body .img_list{margin-top: 20px;margin-bottom: 20px;}
    .inside_body .img_list a{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);flex-direction: column}
    .inside_body .img_list a .img_list_left{width: 100%;}
    .inside_body .img_list a .time{width: 60px;height: 60px;flex: unset;display: flex;border: 1px solid #CF3F39;justify-content: space-between;margin-top: -30px;position: relative;z-index: 5;margin-left: 15px;}
    .inside_body .img_list a .time bdi{background-color: #CF3F39;display: flex;width: 100%;text-align: center;color: #ffffff;font-size: 18px;height: 30px;justify-content: center;align-items: center}
    .inside_body .img_list a .time span{display: flex;width: 100%;height: 30px;justify-content: center;align-items: center;}
    .inside_body .img_list a .content{width: 100%;padding: 10px;box-sizing: border-box}
    .inside_body .slide .slide_nav .swiper-pagination span{width: 30px;height: 4px;}

    .inside_body .video_list{display: flex;flex-direction: column}




}
@media screen and (min-width: 981px) {
    .m_nav{display: none}
}
@media screen and (min-width: 1650px) {
    .main_width{min-width: 1600px;transition: all .5s}
}
@media screen and (min-width: 981px) and (max-width: 1649px){
    .main_width{width: 90%;transition: all .5s}
    .head.main_width{width: 95%;transition: all .5s}
    .head .search{display: none}
    .head nav{min-width: 500px}
    .head .top_list{width: 95%}
}

/* index */
@media (max-width: 1700px){
    .index_02 {width: 95%;}
    .index_03 {width: 95%;}
    .index_04 {width: 95%;}
    .index_05 .content {width: 95%;}
}
@media (max-width: 1500px){
    .index_03 .content-ul {flex-wrap: wrap;}
    .index_03 .content-li {width: 100%; margin-bottom: 30px;}
    .index_03 .content-li:nth-child(2) {padding: 0;}
}
@media (max-width: 1200px){
    .index_02 .content {flex-wrap: wrap;}
    .index_02 .left {width: 100%;}
    .index_02 .right {width: 100%;padding-top: 20px}
    .index_05 .list{grid-template-columns: repeat(3,31%);}
}

@media (max-width: 980px){
    .index_02 {padding: 30px 0;}
    .index_02 .left .img img {height: 50vw;}
    .index_03 {padding: 30px 0;}
    .index_04 {padding: 30px 0;}
    .index_05 {padding: 30px 0;}
    .index_05 .list{grid-template-columns: repeat(2,48%);}
}
@media (max-width: 800px){
    .index_05 .list{grid-template-columns: repeat(1,100%);}
    .index_05 .list li {width: 100%; margin-right: 0; margin-bottom: 15px;}
}

/* ——————————————————————————————————————— 公共部分 ——————————————————————————————————————— */

@media (max-width: 1500px){
    .crumbs .crumbs_box {width: 95%; padding: 25px 0;}
    .inside_box_01 .crumbs {width: 100%; position: absolute;}
    .inside_box_01 .crumbs::after {width: 50%; min-width: 500px;}

    .inside_box_01 .content {padding: 15% 0 5%;}
    .inside_box_01 h1 {width: 95%; font-size: 32px;}
    .inside_box_02 .content {width: 95%; padding: 50px 0 100PX;}
}
@media (max-width: 1300px){
    .inside_single_01 .crumbs .crumbs_box {width: 95%;}
}
@media (max-width: 980px){
    .crumbs .crumbs_box {padding: 12px 0; font-size: 14px;}
    .crumbs ul li span::before {font-size: 20px;}

    .inside_box_01 .content {padding: 10% 0 10%;}
    .inside_box_01 h1 {font-size: 24px;}
    .inside_box_02 .left .btn {width: 80%;}
    .inside_box_02 .left .btn a {padding: 12px; font-size: 14px;}
    .inside_box_02 .left .btn a span::before {font-size: 20px;}
    .inside_box_02 .right>.title {font-size: 20px;}
}
@media (max-width: 800px){
    .inside_box_02 .content {flex-wrap: wrap;}
    .inside_box_02 .left {width: 100%; padding-bottom: 30px;}
    .inside_box_02 .left .btn {width: 100%;}
    .inside_box_02 .right {width: 100%;}
}

/* ——————————————————————————————————————— 列表页 ——————————————————————————————————————— */

@media (max-width: 980px){
    .inside_box_02 .list_news_right .swiper .swiper-pagination {padding-bottom: 0;}
    .inside_box_02 .list_news_right .list {padding-top: 30px;}
    .inside_box_02 .list_news_right .list .text {font-size: 16px; padding:30px 0;}
    .inside_box_02 .list_news_right .row {font-size: 14px;}
    .inside_box_02 .list_news_right .paging {padding-top: 20px;}
}
@media (max-width: 600px){
    .inside_box_02 .list_news_right .list li {flex-wrap: wrap;}
    .inside_box_02 .list_news_right .list .img_link {min-width: 100%; width: 100%; margin-right: 0; margin-bottom: 10px; margin-top: 20px;}
    .inside_box_02 .list_news_right .list .p_box {width: calc(100% - 80px);}
    .inside_box_02 .list_news_right .list .p_01 {padding-bottom: 0;}
}

/* ——————————————————————————————————————— 详情页 ——————————————————————————————————————— */

@media (max-width: 1300px){
    .inside_single_02 .content {width: 95%;}
}
@media (max-width: 980px){
    .inside_single_02 .content {flex-wrap: wrap;}
    .inside_single_02 .left h1 {font-size: 26px;}
    .inside_single_02 .left .date {font-size: 14px; padding: 15px 0;}
    .inside_single_02 .left .row {font-size: 14px; padding: 10px 0;}
    .inside_single_02 .left {width: 100%; padding-right: 0;}
    .inside_single_02 .left .list .text {width: calc(100% - 100px); margin: 0 30px 0 10px;}
    .inside_single_02 .right {width: 100%;}
    .inside_single_02 .right .middle .list .date {font-size: 12px;}
    .inside_single_02 .right .middle .list .text {line-height: 26px; font-size: 14px;}
    .inside_single_02 .right .bottom>p {font-size: 14px;}
    .inside_single_02 .right .bottom .list li a {padding: 5px;}
    .inside_single_02 .right .bottom .list li a::before {font-size: 24px;}
}