﻿/* web端 */
/* 重要1920px 1440px 1366px */
/* pc */

@media screen and (max-width: 1920px) {
    
}

@media screen and (max-width: 1860px) {}

@media screen and (max-width: 1700px) {}

@media screen and (max-width: 1580px) {
    .box{
        width: 94%;
    }
    .index-hqal-cont .imgbox{
        height: 21vw;
    }
    .index-hqal-cont::before{
        width: 60%;
        margin-left: -30%;
    }
    .index-hqyw-list li{
        height: 25vw;
    }
    .index-hqyw-list li:hover .wz{
        transform: translateY(35%);
    }
    .index-hqyw-list li .wz h4{
        font-size: 60px;
    }
    .index-hqyw-list li .wz .ri{
        margin: 12px 0 0 8px;
    }
    .index-hqyw-list li .wz h2{
        font-size: 28px;
    }
    .index-hqyw-list li .wz h3{
        font-size: 14px;
    }
    .index-hqyw-cont .item::before{
        content: "";
        width: 64%;
        margin-left: -32%;
    }
    .index-hqzx-cont ul li .imgbox{
        height: 15vw;
    }
    .gsjs-qywh-cont .ri,
    .gsjs-qywh-cont .le .item{
        padding: 50px 2vw;
    } 
    .hqywlist .item .imgbox{
        height: 31vw;
    }
    .hqywlist .item .wz{
        height: 31vw;
        padding: 30px 30px 0;
    }
    .hqywlist .item .wz h3{
        right: 30px;
        top: 30px;
    }   
    .hqywlist .item .wz h4{
        left: 30px;
        bottom: 30px;
    }
    .hqywlist .item:hover .wz{
        padding: 30px 20px 0 40px;
    }
    .hqywlist .item:hover .wz h3{
        right: 20px;
    }
    .hqywlist .item:hover .wz h4{
        left: 40px;
    }
    .hqywdeta-list ul li img{
        height: 16.7vw;
    }
    .anli ul li{
        height: 21vw;
    }
    .anli ul li .wzcont h2{
        margin-top: 3.9vw;
    }
    .anli ul li .wzcont h3{
        margin-top: 1.4vw;
    }
    .hqzj ul li .imgbox{
        width: 16.7vw;
        height: 16.7vw;
    }
    .hqzj ul li{
        height: 40vw;
    }
    .list ul li{
        min-height: 32.3vw;
        height: auto;
    }
    .list ul li .imgbox{
        height: 17vw;
    }
    .gsjs-zzry-cont .swiper-slide{
        min-height: 17.2vw;
    }
    .gsjs-zzry-cont .imgbox{
        height: 13vw;
    }
    .gsjs-zlhzhb-cont .item{
        height: 320px;
    }
    .index-wrap{
        background-size: auto;
    }
    .index-wrap2{
        background-size: auto;
    }









}

@media screen and (max-width: 1400px) {
    .nywrap2{
        width: 94%;
    }
    .anlideta-left-smallimg .swiper-slide{
        height: 7vw;
    }
}


@media screen and (max-width: 1366px) {
    .gsjs-zlhzhb-cont .item{
        height: 360px;
    }
}

@media screen and (max-width: 1280px) {
    .nav{
        width: 75%;
    }
    .index-banner {
        width: 80%;
    }
    .index-hqal-cont .imgbox{
        height: 19vw;
    }
    .index-hqal-cont .wz{
        min-height: 14.58vw;
        height: auto;
    }
    .index-hqal-cont .wz h3,
    .index-hqal-cont .wz h2{
        font-size: 24px;
    }
    .index-hqal-cont .wz p{
        font-size: 14px;
    }
    .index-hqal-cont .wz span{
        font-size: 14px;
    }
    .index-hqal-cont .wz span::after{
        left: 85px;
    }
    .index-hqal-cont .imgbox{
        height: 29vw;
    }
    .index-hqyw-list li .wz{
        transform: translateY(75%);
    }
    .index-hqyw-list li:hover .wz{
        transform: translateY(35%);
    }
    .index-hqyw-list li .wz h4{
        font-size: 45px;
    }
    .index-hqyw-list li .wz .ri{
        margin: 6px 0 0 8px;
    }
    .index-hqyw-list li .wz h2{
        font-size: 20px;
    }
    .index-hqyw-list li .wz h3{
        font-size: 14px;
    }
    .footer .top ul{
        margin-right: 7.8vw;
    }
    .hqywlist .item .imgbox{
        width: 100%;
        height: 62vw;
    }
    .hqywlist .item .wz{
        width: 100%;
        height: 35vw;
    }
    .gsjs-zlhzhb-cont .item{
        width: 48%;
        height: 300px;
    }






}

@media screen and (max-width: 1240px) {
    .gsjs-gywm-imgbox{
        width: 35vw;
        height: 35vw;
    }
}

@media screen and (max-width: 1199px) {
    .index-hqyw-left{
        width: 100%;
        text-align: initial;
        margin-bottom: 80px;
    }
    .index-hqyw-left h3{
        margin-bottom: 25px;
    }
    .index-hqyw-left ul{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .index-hqyw-left ul li{
        margin-right: 3vw;
    }
    .index-hqyw-left .btnmore{
        float: left;
        margin-top: 70px;
    }
    .index-hqyw-cont{
        width: 100%;
    }
    .index-hqyw-list li{
        height: 36vw;
    }
    .index-hqyw-list li .wz {
        transform: translateY(81%);
    }
    .nybanner2 {
        position: relative;
    }
    .nybanner2 .box{
        height: auto;
        position: absolute;
        bottom: 20px;
        left: 3%;
    }
    .nyhead2{
        position: initial;
        width: 100%;
        padding-top: 10vw;
    }
    .nav-two{
        position: initial;
    }
    .nav-two ul{
        margin-top: 30px;
    }
    .nav-two ul li{
        margin: 0 30px 0 0;
    }
    .anli ul{
        justify-content: space-between;
    }
    .anli ul li{
        width: 48%;
        margin-bottom: 20px;
        height: 30vw;
    }
    .anli ul li .wzcont h2{
        margin-top: 6vw;
    }
    .nywrap3{
        width: 94%;
    }
    .gsjs-zzry-cont .imgbox{
        height: 12vw;
    }


}

@media screen and (max-width: 1026px) {
    .scollTop,
    .header{
        display: none;
    }
    .sjheader{
        display: block;
    }
    .index-banner {
        padding: 23.7vw 0 11.46vw;
    }
    .index-hqal{
        padding: 10.6vw 0 6.56vw;
    }
    .index-hqal-left{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .index-hqal-left P,
    .index-hqal-left h2{
        width: 100%;
        text-align: left;
    }
    .index-hqal-left ul{
        margin: 30px 0;
        width: 100%;
        display: flex;
        justify-content: flex-start;  
    }
    .index-hqal-left ul li{
        margin-right: 6vw;
        text-align: left;
    }
    .index-hqal-cont{
        width: 100%;
    }
    .index-gsjs-left{
        width: 100%;
    }
    .index-gsjs-cont{
        width: 100%;
        margin-left: 0;
        padding: 0 4%;
        margin-top: 0;
        padding-top: 40px;
    }
    .index-gsjsleft-scoll li h4{
        font-size: 40px;
    }
    .index-gsjsleft-scoll li h4 span.wz{
        top: 6px;
    }
    .index-gsjsleft-scoll li h4 span.ja{
        top: 0;
    }
    .index-gsjs-cont h2{
        width: 100%;
        font-size: 35px;
        line-height: 40px;
    }
    .index-gsjs-cont h3{
        font-size: 32px;
        margin-bottom: 30px;
    }
    .index-gsjs-cont p{
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 46px;
    }
    .nybanner2,
    .nybanner{
        margin-top: 60px;
    }
    .nybanner h2{
        padding-top: 11vw;
        font-size: 36px;
    }
    .nybanner span{
        width: 90px;
    }
    .nybanner h3{
        font-size: 36px;
    }
    .hqywdeta-list{
        padding: 4.2vw 0;
    }
    .hqywdeta-nr h2{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .hqywdeta-list h2{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .hqywdeta-list p{
        font-size: 16px;
    }
    .hqywdeta-list .cont ul{
        justify-content: space-between;
    }
    .hqywdeta-list .cont ul li{
        width: 48%;
        margin-right: 0;
    }
    .hqywdeta-list ul li img{
        height: 30vw;
    }
    .hqywdeta-list ul li h4{
        font-size: 18px;
        margin-top: 10px;
    }
    .hqywdeta-list ul li h3{
        font-size: 14px;
        margin-top: 10px;
    }


}

/* 平板竖屏 */
@media screen and (max-width: 991px) {
    .index-banner .cont{
        width: 100%;
    }
    .index-banner h2{
        font-size: 40px;
    }
    .index-banner h3 {
        font-size: 18px;
    }
    .index-banner span {
        width: 100px;
    }
    .index-banner p {
        font-size: 16px;
        line-height: 28px;
    }
    .btnmore{
        width: 140px;
        height: 40px;
        line-height: 40px;
        border-radius: 40px;
    }
    .btnmore a{
        font-size: 14px;
    }
    .btnmore::after{
        right: 22px;
    }
    .btnmore:hover::after{
        right: 18px;
    }
    .index-hqal-left P{
        font-size: 24px;
        line-height: 30px;
    }
    .index-hqal-left h2{
        font-size: 36px;
        margin-top: 5px;
    }
    .index-hqal-left ul{
        margin: 15px 0 30px;
    }
    .index-hqal-left ul li h3{
        font-size: 25px;
    }
    .index-hqal-left ul li h4{
        font-size: 16px;
    }
    .index-hqal-cont{
        padding-top: 90px;
    }
    .index-hqal-cont .imgbox{
        height: 45vw;
    }
    .index-hqal-cont .wz{
        padding: 15px 10px;
    }
    .index-hqal-cont .wz h3, 
    .index-hqal-cont .wz h2{
        font-size: 16px;  
    }
    .index-hqal-cont .wz h2{
        height: 27px;
    }
    .index-hqal-cont .wz p{
        font-size: 12px;
        margin-top: 10px;
    }
    .index-hqal-cont .wz span{
        font-size: 12px;
        margin-top: 26px;
    }
    .index-hqal-cont .swiper-slide:hover .wz{
        padding: 15px 10px;
    }
    .index-hqal-cont .swiper-slide:hover .wz h2{
        font-size: 14px;
    }
    .index-hqal-cont .swiper-slide:hover .wz h3{
        font-size: 20px;
    }
    .index-hqal-cont .wz span::after{
        left: 70px;
    }
    .index-hqal-cont .swiper-button-prev, 
    .index-hqal-cont .swiper-button-next{
        width: 34px;
        height: 34px;
        background-size: 20px;
    }
    .index-hqal-cont .swiper-button-prev:hover, 
    .index-hqal-cont .swiper-button-next:hover{
        background-size: 20px;
    }
    .index-hqal-cont::before{
        top: 20px;
    }
    .index-hqal-cont .swiper-button-next{
        left: 40px;
    }
    .index-hqal-cont .swiper-num {
        position: absolute;
        right: 40px;
        top: 10px;
    }
    .index-gsjs{
        padding: 20px 0 50px;
        background: none;
    }
    .index-gsjs-left,
    .index-gsjs-left .imgbox{
        height: 60vw;
    }
    .index-gsjsleft-scoll li h5{
        font-size: 14px;
    }
    .index-gsjsleft-scoll li h4{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .index-gsjsleft-scoll li h4 span.wz{
        font-size: 14px;
        top: 3px;
    }
    .index-gsjsleft-scoll li h4 span.ja{
        font-size: 20px;
    }
    .index-gsjs-cont{
        background: url(../image/sjbg1.png) no-repeat right -80px;
    }
    .index-gsjs-cont h2{
        font-size: 24px;
        line-height: 30px;
    }
    .index-gsjs-cont h3{
        font-size: 24px;
    }
    .index-hqyw-left{
        margin-bottom: 30px;
    }
    .index-hqyw-left ul li{
        margin-top: 20px;
    }
    .index-hqyw-left ul li span{
        font-size: 16px;
    }
    .index-hqyw-left .btnmore{
        margin-top: 30px;
    }
    .index-hqyw{
        padding: 4.7vw 0;
    }
    .index-hqyw-left h2{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .index-hqyw-left h3{
        font-size: 24px;
    }
    .index-hqyw-list li .wz {
        transform: translateY(84%);
    }
    .index-hqyw-list li:hover .wz {
        transform: translateY(50%);
    }
    .index-hqyw-list li .wz h4{
        font-size: 30px;
    }
    .index-hqyw-list li .wz h2{
        font-size: 16px;
    }
    .index-hqyw-list li .wz h3{
        font-size: 12px;
    }
    .index-hqyw-list li .wz p{
        font-size: 12px;
        line-height: 24px;
    }
    .index-hqyw-list li .wz span{
        font-size: 12px;
    }
    .index-hqyw-list li .wz span::after{
        left: 70px;
    }
    .index-hqyw-list li .wz .ri{
        margin: 0 0 0 2px;
    }
    .index-hqyw-cont .swiper-button-prev, 
    .index-hqyw-cont .swiper-button-next{
        width: 34px;
        height: 34px;
        background-size: 20px;
    }
    .index-hqyw-cont .swiper-button-next{
        left: 40px;
    }
    .index-hqyw-cont .item::before{
        top: 20px;
    }
    .index-hqyw-cont .swiper-num {
        position: absolute;
        right: 40px;
        top: 10px;
    }
    .index-wrap2{
        background: url(../image/sjbg2.png) no-repeat center 105%;
        background-size: 100% auto;
    }
    .index-hqzx{
        padding: 20px 0 80px;   
    }
    .index-hqzx-head h2{
        font-size: 24px;
        line-height: 30px;
    }
    .index-hqzx-head h3{
        font-size: 32px;
        margin: 12px 0;
    }
    .index-hqzx-head p{
        font-size: 14px;
        margin-bottom: 30px;
    }
    .index-hqzx-head .btnmore{
        position: relative;
    }
    .index-hqzx-cont{
        display: none;
    }
    .index-hqzx-sjcont{
        display: block;
    }
    .footer{
        display: none;
    }
    .sjfooter{
        display: block;
    }
    .gsjs-gywm {
        padding: 6.25vw 0 2.6vw;
    }
    .gsjs-gywm-left{
        width: 100%;
    }
    .gsjs-gywm-left h3{
        font-size: 18px;
    }
    .gsjs-gywm-left h2{
        font-size: 34px;
    }
    .gsjs-gywm-left p{
        font-size: 16px;
        line-height: 32px;
        margin-top: 30px;
    }
    .gsjs-gywmleft-scoll{
        margin-top: 40px;
    }
    .gsjs-gywmleft-scoll li h4{
        font-size: 35px;
    }
    .gsjs-gywmleft-scoll li h4 .wz{
        font-size: 14px;
        top: 8px;
    }
    .gsjs-gywmleft-scoll li h4 .ja{
        font-size: 20px;
        top: 5px;
    }
    .gsjs-gywmleft-scoll li h5{
        font-size: 14px;
    }
    .gsjs-gywm-imgbox{
        width: 60vw;
        height: 60vw;
        padding: 15px;
        margin: 30px auto;
    }
    .gsjs-qywh {
        padding: 5.7vw 0 3.6vw;
    }
    .nyhead h2{
        font-size: 18px;
    }
    .nyhead h3{
        font-size: 34px;
    }
    .gsjs-qywh-cont{
        margin-top: 30px;
    }
    .gsjs-qywh-cont .le{
        width: 100%;
    }
    .gsjs-qywh-cont .ri{
        width: 100%;
    }
    .gsjs-qywh-cont .ri, .gsjs-qywh-cont .le .item {
        padding: 30px;
    }
    .gsjs-qywh-cont .ri{
        height: auto;
    }
    .gsjs-ppbj{
        padding: 30px 0;
    }
    .gsjs-ppbj-left{
        width: 100%;
    }
    .gsjs-ppbj-left p{
        font-size: 16px;
        float: left;
        margin-right: 2vw;
    }
    .gsjs-ppbjleft-scoll{
        width: 100%;
        float: left;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .gsjs-ppbjleft-scoll li{
        width: 33.3%;
    }
    .gsjs-ppbjleft-scoll li h4{
        font-size: 24px;
    }
    .gsjs-ppbjleft-scoll li h5{
        font-size: 16px;
    }
    .gsjs-ppbj-map{
        width: 100%;
        margin-top: 40px;
    }
    .fsjs-hqls{
        padding: 0;
        background: url(../image/bg5.jpg) no-repeat center bottom;
        background-size: 100%;
        margin-bottom: 30px;
    }
    .fsjs-hqls-cont ul li{
        background-size: 16px;
        padding-left: 30px;
    }
    .fsjs-hqls-cont ul li h2{
        font-size: 32px;
    }
    .fsjs-hqls-cont ul li p{
        font-size: 16px;
    }
    .fsjs-hqls-cont ul li{
        margin-top: 40px !important;
    }
    .nybanner2{
        height: 54vw;
    }
    .nyhead2{
        padding-top: 20vw;
    }
    .nyhead2 h2{
        font-size: 40px;
    }
    .nyhead2 h3{
        font-size: 26px;
    }
    .nav-two ul li a{
        font-size: 16px;
        line-height: 2.2em;
    }
    .hqywlist .item .wz{
        min-height: 30vw;
        height: auto;
        padding: 30px;
    }
    .hqywlist .item .wz span{
        font-size: 14px;
        margin-bottom: 8px;
    }
    .hqywlist .item .wz h2{
        font-size: 24px;
    }
    .hqywlist .item .wz h3{
        font-size: 50px;
    }
    .hqywlist .item .wz b{
        margin: 12px 0;
    }
    .hqywlist .item .wz p{
        font-size: 14px;
    }
    .hqywlist .item .wz h4{
        position: relative;
        margin-top: 40px;
        bottom: auto;
        left: auto;
    }
    .hqywlist .item:hover .wz h4 {
        left:auto;
    }
    .hqywlist .item{
        margin-bottom: 30px;
    }
    .loaction{
        padding-top: 35vw;
    }
    .hqywdeta-ywjs{
        padding-bottom: 4.2vw;
    }
    .hqywdeta-ywjs-left{
        width: 100%;  
    }
    .hqywdeta-ywjs-left h2{
        font-size: 24px;
    }
    .hqywdeta-ywjs-left b{
        margin: 12px 0;
    }
    .hqywdeta-nr p,
    .hqywdeta-ywjs-left p{
        font-size: 16px;
        line-height: 28px;
    }
    .hqywdeta-ywjs-imgbox{
        width: 100%;
    }
    .hqywdeta-nr{
        padding: 4.2vw 0;
    }
    .hqywdeta-nr img{
        margin-bottom: 5.2vw;
    }
    .anli ul li .wzcont h2{
        font-size: 14px;
    }
    .anli ul li .wzcont p{
        font-size: 16px;
    }
    .anli ul li .wzcont h3{
        width: 34px;
        height: 34px;
    }
    .anlideta-left{
        width: 100%;
        margin-bottom: 30px;
    }
    .anlideta-left-smallimg .swiper-slide{
        height: 12vw;
    }
    .anlideta-cont{
        width: 100%;
    }
    .detaClose{
        width: 30px;
        height: 30px;
        right: 3%;
        top: 15px;
    }
    .anlideta{
        padding-top: 60px;
    }
    .anlideta-left-smallimg .swiper-slide{
        height: 14vw;
    }
    .hqzj ul{
        justify-content: space-between;
    }
    .hqzj ul li{
        width: 48%;
        margin-right: 0;
        padding: 20px 15px;
        height: 48vw;
    }
    .hqzj ul li .imgbox{
        width: 25vw;
        height: 25vw;
    }
    .hqzj ul li h2{
        font-size: 18px;
        margin-top: 15px;
    }
    .hqzj ul li p{
        font-size: 14px;
    }
    .hqzj ul li span{
        margin: 20px auto 0;
    }
    .hqzjdeta{
        padding-top: 80px;
    }
    .hqzjdeta-left{
        width: 100%;
    }
    .hqzjdeta-cont{
        width: 100%;
    }
    .nywrap2{
        padding-bottom: 40px;
    }
    .list ul{
        justify-content: space-between;
    }
    .list ul li{
        width: 48%;
        margin: 0 0 30px;
    }
    .list ul li .imgbox {
        height: 28vw;
    }
    .list ul li .wz{
        padding: 15px;
    }
    .list ul li .wz h4 .time{
        font-size: 18px;
    }
    .list ul li .wz h4 .lm{
        font-size: 14px;
    }
    .list ul li .wz h2{
        font-size: 18px;
        margin-top: 15px;
        min-height: 48px;
    }
    .list ul li .wz p{
        font-size: 14px;
        margin-top: 15px;
    }
    .list ul li .wz h3{
        font-size: 16px;
        margin-top: 20px;
    }
    .list ul li:hover .wz h3::after{
        left: 90px;
    }
    .deta .top h2{
        font-size: 24px;
    }
    .deta{
        padding-top: 80px;
    }
    .nywrap3{
        padding-bottom: 40px;
    }
    .deta .nr{
        font-size: 16px;
    }
    .lxwm-lxfs {
        padding: 3.4vw 0 2.6vw;
    }
    .lxwm-lxfs ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .lxwm-map .demo_main #map{
        height: 350px;
    }
    .gsjs-zzry-cont .imgbox{
        height: 30vw;
    }
    .gsjs-zzry {
        padding: 5.7vw 0 4.5vw;
    }
    .gsjs-zzry-cont{
        margin-top: 30px;
    }
    .gsjs-zzry-cont .swiper-button-prev, 
    .gsjs-zzry-cont .swiper-button-next{
        width: 40px;
        height: 40px;
        top: -50px;
    }
    .gsjs-zzry-cont .swiper-button-prev{
        right: 50px;
    }
    .gsjs-zlhzhb{
        padding: 30px 0;
    }
    .gsjs-zlhzhb-cont .item{
        padding: 25px 25px 0;
        height: 320px;
        margin-bottom: 15px;
    }
    .nywz{
        padding-bottom: 25px;
    }
    .nywz p{
        font-size: 16px;
    }
    .NewsPage a{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin: 0 4px;
    }











}

@media screen and (max-width: 960px) {
    


}

/* 手机横屏 */
@media screen and (max-width: 768px) {
    .index-wrap{
        background: url(../image/sjbg.jpg) no-repeat center top;
        background-size: 100% auto;
    }
    .index-wrap2{
        background: url(../image/sjbg2.png) no-repeat center 95%;
        background-size: 100% auto;
    }

}

/* 手机横屏 */
@media screen and (max-width: 767px) {
    .sjnav ul{
        width: 65%;
    }
    .anli ul li{
        width: 100%;
        height: 62vw;
    }
    .anli ul li .wzcont h2{
        margin-top: 17vw;
    }
    .gsjs-zzry-cont .imgbox{
        height: 28vw;
    }
    .gsjs-zlhzhb-cont .item{
        width: 100%;
        min-height: 240px;
        height: auto;
        padding-bottom: 25px;
    }
    .gsjs-zlhzhb-cont .item img {
        width: 40px;
        max-height: 40px;
    }
    .gsjs-zlhzhb-cont .item .wz {
        width: calc(100% - 60px);
    }
    .gsjs-zlhzhb-cont {
        margin-top: 40px;
    }


}

@media screen and (max-width: 670px) {
    .index-hqyw-cont{
        display: none;
    }
    .index-hqyw-sjcont{
        display: block;
    }
    .copyright{
        line-height: 2em;
        padding-top: 30px;
    }
    .copyright p{
        width: 100%;
        text-align: center;
    }
    .gsjs-qywh-cont .le .item{
        width: 100%;
        margin-bottom: 15px;
    }
    .nybanner2{
        height: 80vw;
    }
    .nyhead2{
        padding-top: 10vw;
    }
    .loaction{
        padding-top: 45vw;
    }
    .anlideta-left-smallimg .swiper-slide{
        height: 20vw;
    }
    .hqzj ul li{
        height: 55vw;
    }
    .gsjs-zzry-cont .imgbox{
        height: 27vw;
    }
    .gsjs-zzry-cont h2{
        margin-top: 20px;
        font-size: 16px;
    }
    .index-wrap2{
        background: url(../image/sjbg2.png) no-repeat center 85%;
        background-size: 100% auto;
    }


}

/* 手机竖屏 */
/* 320px-416px */
@media screen and (max-width: 480px) {
    .index-banner {
        padding: 64vh 0 20px;
        width: 94%;
    }
    .index-banner h2{
        font-size: 24px;
        margin-bottom: 4px;
    }
    .index-banner h3{
        font-size: 12px;
    }
    .index-banner span{
        width: 88px;
        margin: 15px 0;
    }
    .index-banner p {
        font-size: 12px;
        line-height: 20px;
    }
    .index-hqal {
        padding: 11vh 0 40px;
    }
    .index-hqal-left{
        margin-bottom: 20px;
    }
    .index-hqal-left h2 {
        font-size: 32px;
        margin-top: 4px;
    }
    .index-hqal-left ul{
        margin: 8px 0 20px;
    }
    .index-hqal-left ul li{
        margin-top: 0;
    }
    .index-hqal-left ul li h3{
        font-size: 20px;
    }
    .index-hqal-left ul li h4{
        font-size: 12px;
    }
    .index-hqal-cont{
        padding: 0 0 52px;
    }
    .index-hqal-cont::before {
        width: 44%;
        margin-left: -22%;
        top: auto;
        bottom: 16px;
    }
    .index-hqal-cont .swiper-button-prev{
        top: auto;
        bottom: 0;
    }
    .index-hqal-cont .swiper-button-next{
        top: auto;
        bottom: 0;
    }
    .index-hqal-cont .swiper-num{
        right: 20px;
        top: auto;
        bottom: 6px;
    }
    .index-hqal-cont .imgbox{
        height: 80vw;
    }
    .index-hqal-cont .swiper-slide:hover .wz {
        padding: 30px 10px;
    }
    .index-hqal-cont .wz h3,
    .index-hqal-cont .wz h2{
        font-size: 24px;
    }
    .index-hqal-cont .swiper-slide:hover .wz h3{
        font-size: 28px;
    }
    .index-hqal-cont .wz h3{
        margin-top: 4px;
    }
    .index-hqal-cont .wz p {
        font-size: 14px;
        margin-top: 0px;
    }
    .index-hqal-cont .wz span{
        font-size: 18px;
    }
    .index-hqal-cont .wz span::after{
        width: 18px;
        left: 105px;
    }
    .index-gsjs {
        padding: 20px 0 0;
    }
    .index-gsjs-cont h2{
        margin-bottom: 4px;
    }
    .index-gsjs-cont h3{
        margin-bottom: 20px;
    }
    .index-gsjs-cont p{
        margin-bottom: 20px;
    }
    .index-gsjs-left, .index-gsjs-left .imgbox {
        height: 90vw;
    }
    .index-hqyw{
        padding: 48px 0 0;
    }
    .index-hqyw-left h2{
        margin-bottom: 4px;
    }
    .index-hqyw-left h3{
        margin-bottom: 20px;
    }
    .index-hqyw-left ul li {
        margin-bottom: 20px;
        margin-right: 0;
        width: 40%;
        margin-top: 0;
    }
    .index-hqyw-left .btnmore{
        margin-top: 0;
    }
    .index-hqyw-sjcont .item{
        padding-top: 0;
        padding-bottom: 52px;
    }
    .index-hqyw-sjcont .item::before{
        top: auto;
        bottom: 16px;
    }
    .index-hqyw-sjcont .swiper-button-next,
    .index-hqyw-sjcont .swiper-button-prev{
        top: auto;
        bottom: 0;
    }
    .index-hqyw-sjcont .swiper-num{
        top: auto;
        bottom: 5px;
    }
    .index-hqyw-list li .wz {
        transform: translateY(80%);
    }
    .index-hqyw-list li:hover .wz {
        transform: translateY(432%);
    }
    .index-hqyw-cont .item::before {
        width: 50%;
        margin-left: -25%;
    }
    .index-hqzx {
        padding: 44px 0 80px;
    }
    .index-hqzx-head{
        margin-bottom: 20px;
    }
    .index-hqzx-head h3{
        margin: 4px 0;
    }
    .index-hqzx-head p{
        margin-bottom: 20px;
    }

    
    .nybanner h2{
        padding-top: 8vw;
        font-size: 24px;
    }
    .nybanner span{
        width: 70px;
        height: 2px;
        margin: 10px auto;
    }
    .nybanner h3{
        font-size: 24px;
    }
    .anli ul li .wzcont h2{
        margin-top: 12vw;
    }
    .anlideta-left-smallimg .swiper-slide{
        height: 30vw;
    }
    .anlideta-left-smallimg{
        margin-top: 15px;
    }
    .anlideta-left{
        margin-bottom: 15px;
    }
    .anlideta-cont .head h2{
        font: 24px;
    }
    .anlideta-cont .nr{
        font-size: 16px;
    }
    .hqzj ul li{
        width: 100%;
        height: auto;
        padding: 30px 15px;
        margin-bottom: 20px;
    }
    .hqzj ul li .imgbox{
        width: 50vw;
        height: 50vw;
    }
    .hqzjdeta-cont .head{
        padding: 10px 0;
    }
    .hqzjdeta-cont .head h2{
        font-size: 24px;
    }
    .hqzjdeta-cont .nr{
        margin-top: 15px;
        font-size: 16px;
    }
    .list ul li{
        width: 100%;
    } 
    .list ul li .imgbox{
        height: 58vw;
    }
    .deta .bot p{
        line-height: 48px;
        height: 48px;
    }
    .deta .bot p.center{
        width: 48px;
    }
    .deta .bot p.left, 
    .deta .bot p.right{
        width: calc(50% - 35px);
        padding: 0 10px;
    }
    .deta .bot p a{
        font-size: 14px;
    }
    .gsjs-zzry-cont .imgbox{
        height: 60vw;
        padding: 7px 8px;
    }
    .gsjs-zzry-cont .swiper-slide{
        padding: 10px 10px 15px;
    }
    .index-wrap2{
        background: url(../image/sjbg2.png) no-repeat center 70%;
        background-size: 100% auto;
    }

}


