﻿@media screen and (max-width:3456px) {}

@media screen and (max-width:2992px) {}

@media screen and (max-width:2560px) {}

@media screen and (max-width:2056px) {}

/* 2560px */
@media screen and (max-width:1920px) {.top .nav {
    width: 85%;
   
}}

/* 1700px */
@media screen and (max-width:1600px) { .top {
        margin: 3% 5%;
    }
.top .nav {
    width: 60%;
   
}
.top .nav ul a
{
font-size:16px;
margin:0 10px;}
.top .nav{
    margin: 0 3%;
}
.gg_l h1
{
width:20%;}
.gg_l .bd {
    width: 80%;
}}

/* 1440 */

@media screen and (max-width:1366px) { .top {
        margin: 3% 5%;
    }
.top .nav {
    width: 60%;
   
}
.top .nav ul a
{
font-size:16px;
margin:0 10px;}
.top .nav{
    margin: 0 3%;
}
.gg_l h1
{
width:20%;}
.gg_l .bd {
    width: 80%;
}}

/* 1366 */

@media screen and (max-width:1280px) { .top {
        margin: 3% 5%;
    }
.top .nav {
    width: 55%;
   
}
.top .nav ul a
{
font-size:16px;
margin:0 10px;}
.top .nav{
    margin: 0 3%;
}
.gg_l h1
{
width:20%;}
.gg_l .bd {
    width: 80%;
}}

/* 1281 */

@media screen and (max-width:1153px) {
    .top {
        margin: 3% 5%;
    }
.top .nav {
    width: 70%;
   
}
.top .nav ul a
{
font-size:16px;
margin:0 10px;}
.top .nav{
    margin: 0 3%;
}
.gg_l h1
{
width:20%;}
.gg_l .bd {
    width: 80%;
}
}

/* 1153 */

@media screen and (max-width:1024px) {
}

/* 1024 */

@media screen and (max-width:861px) {
    .top {
        margin: 3% 5%;
    }

    .mobile {
        display: block;
    }

    .banner {
        --swiper-navigation-size: 24px;
    }

    .banner .swiper-pagination {
        bottom: 10px;
    }

    .top,
    .footer {
        display: none;
    }

    .gong {
        padding: 5%;
    }

    .gg,
    .gg_l {
        display: inherit;
        width: 100%;

    }

    .news {
        display: inherit;
        margin: 5%;
    }

    .news_l,
    .news_r {
        width: 100%;

    }

    .news_r .tab_con ul li a {
        width: 68%;
        padding-left: 12px;
    }

    .news_r .tab_bt ul {
        margin-top: 20px;
        font-size: 18px;
    }

    .gg_l h1 {
        width: 100%;
    }

    .news_r .tab_bt li.current {
        padding-bottom: 8px;
    }

    .news_r .tab_bt .more {
        bottom: 16px;
    }

    .gg .more {
        width: 100%;
        margin-top: 10px;
    }

    .news_r .tab_con ul {
        line-height: 40px;
        font-size: 14px;
        line-height: 35px;
    }

    .news_r .tab_con ul li a::after {
        top: 15px;
    }

    .banner2 {
        margin: 0 5% 3% 5%;
    }

    .ye {
        padding: 4% 5%;
    }

    .ye h1 {
        font-size: 24px;
    }

    .about {
        display: inherit;
        margin: 5%;

    }

    .about_l {
        width: 100%;
    }

    .about_l h1 {
        font-size: 24px;
        color: #333;
        text-align: center;
    }

    .about_r {
        display: inherit;
        width: 100%;
    }

    .about_l h2 {
        margin: 20px 0;
    }

    .about_l h2 p {
        line-height: 30px;
    }

    .about_l h3 {
        margin-bottom: 30px;
    }

    .about_l h3 .iconfont {
        font-size: 30px;
    }

    .ban {
        padding: 5%;
    }

    .ye h1 p {
        font-size: 14px;
    }

    .dz {
        margin: 2% 5%;
        padding-bottom: 2%;
    }

    .cate ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }


    .jian h1,
    .zzjg h1,
    .wen h1,
    .fa h1 {
        font-size: 24px;
    }

    .cate {
        margin: 0 5%;
    }

    .cate ul li {
        height: 40px;
        line-height: 40px;
        width: 33%;
    }

    .s_banner .s_banner_img img,
    .banner img {
        display: none;
    }

    .s_banner .s_banner_img .mob_img,
    .banner .mob_img {
        display: block;
    }

    .s_banner .s_txt {
        font-size: 32px;
        top: 30%;
        left: 5%;

    }

    .jian .jj {
        margin-bottom: 20px;
    }

    .jian ul {
        flex-wrap: wrap;
    }

    .jian ul li {
        background: #fff;
        width: 48%;
        margin-bottom: 2%;
    }

    .jian ul li span {
        font-size: 24px;
    }

    .jian h1,
    .zzjg h1,
    .wen h1,
    .fa h1 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .jian,
    .fa {
        margin: 3% 5%;
    }

    .wen {
        padding: 3% 5%;
    }

    .wen li {
        width: 48%;
        height: 150px;
    }

    .wen li .wen_01 span {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wen li .wen_01 span .iconfont {
        font-size: 32px;
    }

    .wen li .wen_01,
    .wen li .wen_02 {
        height: 150px;

    }

    .wen li .wen_02 p {
        height: 150px;
        line-height: 25px;
        overflow-y: scroll;

    }

    .fa .fayj {
        display: inherit;
        width: 100%;
    }

    .fa_l {
        width: 100%;
        margin-bottom: 20px;
        height: 420px;
    }

    .fa_l p {
        padding: 0 5%;
    }

    .fa_r li {
        height: 180px;
    }

    .fa_r {
        width: 100%;
    }

    .fa_r li p {
        overflow-y: scroll;
    }

    .news_list,
    .yewu_list {
        margin: 3% 5%;
    }

    .news_list02 li a {
        width: 65%;
        padding-left: 14px;
        font-size: 15px;
    }

    .news_list02 li a::after {
        top: 27px;
    }


    .news_list02 li span {
        font-size: 12px;
    }

    .container {
        margin: 3% 5%;

    }

    .detail dl dt {
        margin: 0px;
        font-size: 24px;
    }
.yewu_list dl dt
{display: inherit;
}
.yewu_list dl dt
{font-size: 18px;
    margin-bottom: 10px;
   
    padding-bottom: 10px;
}
.yewu_list dl dt a
{
display:block;}

.top .nav ul a
{
font-size:16px;
margin:0 10px;}
.top .nav{
    margin: 0 3%;
}

}

/* 861 */

@media screen and (max-width:641px) {}


/* 641 */

@media screen and (max-width:481px) {}

/* 481 */

@media screen and (max-width:361px) {}

/* 400 */

@media screen and (max-width:321px) {}

/* 321 */