@charset "UTF-8";


/*响应式配置*/
@media (max-width:1920px) {
}
@media (max-width:1599px) {
    .container {
        max-width: 1400px;
    }
    .syywfw .syywfw-nav .yw-button-prev {
        left: -66px;
    }
    .syywfw .syywfw-nav .yw-button-next {
        right: -66px;
    }
    .zzzs-box .zzzs ul li {
        width: 31%;
    }
    .xwzx-box .xwzx ul li {
        width: 29%;
    }
}
@media (max-width:1477px) {
    .container {
        max-width: 1200px;
    }
    .syywfw {
        padding-top: 70px;
    }
    .ywbanner-swiper .ywbanner-li .img {
        height: 600px !important;
    }
    .sygsgk-box {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .syxwzx-box {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .syxwzx-box .syxwzx .content .l ul li a {
        padding: 27px;
    }
    .syxwzx-box .syxwzx .content .l ul li a .time {
        font-size: 16px;
    }
    .syxwzx-box .syxwzx .content .l ul li a h1 {
        font-size: 16px;
    }
    .syxwzx-box .syxwzx .content .l ul li:nth-child(1) a {
        padding: 23px 35px 23px 0;
    }
    .syxwzx-box .syxwzx .content .r img {
        height: 435px;
    }
    .syxwzx-box .syxwzx .content .r .title {
        bottom: 30px;
    }
    .ny-ywfw-box .ny-ywfw ul li .top {
        padding: 40px;
    }
    .nsjg-box {
        padding: 70px 0;
    }
    .nsjg-box .nsjg .r ul li h1 {
        font-size: 24px;
    }
    .nsjg-box .nsjg .r ul li p {
        font-size: 14px;
    }
    .xwzx-box .xwzx ul li a h1 {
        font-size: 16px;
    }
}

@media (max-width:1365px) {
    .container {
        max-width: 1100px;
    }
    .syxwzx-box .syxwzx .content .l ul li a {
        padding: 27px 16px;
    }
    .syxwzx-box .syxwzx .content .l ul li a .time {
        margin-right: 25px;
    }
    .foot-box .foot .l {
        margin-right: 80px;
    }
    .ny-content .ny-gsjj-box {
        padding: 70px 0;
    }
    .ny-content .ny-gsjj-box .ny-gsjj .l h2 {
        font-size: 22px;
    }
    .ny-content .ny-gsjj-box .ny-gsjj .l h3 {
        font-size: 26px;
    }
    .ny-content .ny-gsjj-box .ny-gsjj .l .p-content {
        margin-top: 25px;
        font-size: 14px;
    }
    .ny-content .ny-gsjj-box .ny-gsjj .l {
        width: 50%;
    }
    .xwzx-box .xwzx ul li {
        margin: 0 22px 50px 22px;
    }
}

@media (max-width:1199px) {
    .container {
        max-width: 1000px;
    }
    .ywbanner-swiper .ywbanner-li .img {
        height: 500px !important;
    }
    .ny-ywfw-box .ny-ywfw ul li .top .title {
        font-size: 32px;
    }
    .ny-ywfw-box .ny-ywfw ul li .top .title .r {
        max-height: 80px;
    }
    .ny-ywfw-box .ny-ywfw ul li .top .title .r img {
        display: block;
        margin: 0 auto;
        max-height: 100%;
    }
    .ny-ywfw-box {
        padding: 70px 0;
    }
    .ywfwxq-box {
        padding: 70px 0;
    }
    .qywh-box ul {
        margin: 30px 0;
    }
    .qywh-box ul li {
        margin-bottom: 50px;
        flex-direction: column;
    }
    .qywh-box ul li .l {
        width: 100%;
        padding: 20px 0;
    }
    .qywh-box ul li .r {
        width: 100%;
    }
    .qywh-box ul li:nth-of-type(2n) {
        flex-direction: column;
    }
    .zzzs-box {
        padding: 70px 0;
    }
    .nsjg-box {
        padding: 50px 0;
    }
    .nsjg-box .nsjg .r ul li h1 {
        font-size: 22px;
    }
    .nsjg-box .nsjg .r ul li {
        margin-bottom: 10px;
    }
    .xwzx-box .xwzx ul li {
        width: 30%;
    }
    .xwzx-box .xwzx ul li {
        margin: 0 16px 30px 16px;
    }
    .lxwm-box {
        padding: 70px 0;
    }
}

@media (max-width:990px) {
    .syhead-box {
        display: none;
    }
    .mobheader {

    }
    .mobheader {
        position: fixed;
        display: flex;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 60px;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        z-index: 999;
    }
    .mobheader .moblogo img {
        height: 50px;
    }
    .mobheader .mobmenu {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .mobheader .mobmenu dl {
        transform: rotateY(180deg);
        margin-right: 10px;
        width: 30px;
        margin-bottom: 0;
    }
    .mobheader .mobmenu dl dd {
        width: 0;
        height: 2px;
        background: #e5801f;
    }
    .mobheader .mobmenu dl dd:first-child {
        animation: sjnav 2.4s linear infinite;
    }
    .mobheader .mobmenu dl dd:nth-child(2) {
        margin: 6px 0;
        width: 20px;
    }
    .mobheader .mobmenu dl dd:last-child {
        animation: sjnav 2.4s linear infinite;
        animation-delay: 0.4s;
    }
    .mobheader .mobnav {
        width: 100%;
        height: 100vh;
        background: #FFFFFF;
        position: fixed;
        z-index: 10001;
        top: 0;
        left: -100%;
        overflow-y: auto;
        opacity: 0;
        transition: all 0.3s;
    }
    .mobheader .active {
        transition-delay: 0.3s !important;
        opacity: 1 !important;
        left: 0 !important;
    }
    .mobnav .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        padding: 0 20px;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
    }
    .mobnav .top .logo img {
        height: 50px;
    }
    .mobnav .top .mobnavclose {
        width: 30px;
        height: 30px;
        position: relative;
    }
    .mobnav .top .mobnavclose:before, .mobnav .top .mobnavclose:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: #333;
        border-radius: 1px;
    }
    .mobnav .top .mobnavclose:before {
        width: 20px;
        height: 2px;
        transform: translate(-50%,-50%) rotate(45deg);
    }
    .mobnav .top .mobnavclose:after {
        width: 2px;
        height: 20px;
        transform: translate(-50%,-50%) rotate(225deg);
    }
    .mobnav .bottom {
        padding: 6px 20px;
    }
    .mobnav .bottom .nav li {
        width: 100%;
        padding: 5px 0;
        transition: all .3s;

    }
    .mobnav .bottom .nav li h3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mobnav .bottom .nav li h3 a {
        display: block;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        color: #1a1a1a;
        padding-left: 4px;
    }
    .mobnav .bottom .nav li h3 i {
        width: 30px;
        height: 30px;
        position: relative;
    }
    .mobnav .bottom .nav li h3 i:before,.mobnav .bottom .nav li h3 i:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: #333;
        border-radius: 1px;
    }
    .mobnav .bottom .nav li h3 i:before {
        width: 10px;
        height: 2px;
        transform: translate(-50%,-50%) rotate(90deg);
    }
    .mobnav .bottom .nav li h3 i:after {
        width: 2px;
        height: 10px;
        transform: translate(-50%,-50%) rotate(270deg);
    }
    .mobnav .bottom .nav li .m-subnav {
        display: none;
    }
    .mobnav .bottom .nav li .m-subnav a {
        display: block;
        line-height: 24px;
        margin: 10px 0;
        padding-left: 20px;
        position: relative;
    }
    .mobnav .bottom .nav li .m-subnav a:before {
        content: "";
        width: 8px;
        height: 8px;
        border: 1px solid #CCCCCC;
        border-radius: 50%;
        position: absolute;
        left: 4px;
        top: 7px;
        transition: all 0.4s;
    }
    .mobnav .bottom .nav li .m-subnav a:after {
        content: "";
        width: 4px;
        height: 4px;
        background: #CCCCCC;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 10px;
        transition: all 0.4s;
    }
    .mobnav .bottom .nav .on h3 i {
        transform: rotate(45deg);
    }

    .mobnav .mobinfo {
        padding: 0 20px;
    }
    .syywfw-nav {
        max-width: 700px;
    }

    .foot-box {
        padding: 40px 0;
    }

    .foot-box .foot {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .foot-box .foot .l {
        margin-right: 0;
    }
    .foot-box .foot .l ul {
        margin-top: 20px;
    }
    .foot-box .foot .l ul li {
        line-height: 30px;
    }
    .foot-box .foot .r {
        display: none;
    }
    .beian {
        flex-direction: column;
        margin: 20px 0;
        line-height: 30px;
    }
    .ny-banner img {
        margin-top: 60px;
    }
    .ny-banner h1 {
        font-size: 28px;
    }
    .ny-ywfw-box {
        margin-top: -25px;
        padding: 30px 0;
    }
    .ny-ywfw-box .ny-ywfw ul li {
        width: 100%;
    }
    .ny-ywfw-box .ny-ywfw ul li .top {
        padding: 20px;
    }
    .ny-ywfw-box .ny-ywfw ul li .top .title .r {
        max-height: 50px;
    }
    .ny-ywfw-box .ny-ywfw ul li .top .title {
        font-size: 26px;
    }
    .ny-ywfw-box .ny-ywfw ul li .top p {
        font-size: 14px;
    }
    .ywfwxq-box {
        padding: 50px 0;
    }
    .ywfwxq-box .ywfwxq {
        padding: 50px 20px;
    }
    .ywfwxq-box .ywfwxq .content {
        font-size: 14px;
    }
    .ywfwxq-box .ywfwxq .pageturn {
        flex-direction: column;
    }
    .ywfwxq-box .ywfwxq .pageturn .btn {
        width: 36%;
    }
    .ywfwxq-box .ywfwxq .pageturn .item a {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .ny-nav-box .ny-nav ul li a {
        margin-right: 20px;
    }
    .ny-content .ny-gsjj-box {
        padding: 20px 0;
    }
    .ny-content .ny-gsjj-box .ny-gsjj {
        flex-direction: column;
    }
    .ny-content .ny-gsjj-box .ny-gsjj .l {
        width: 100%;
        margin-bottom: 20px;
    }
    .ny-content .ny-gsjj-box .ny-gsjj .r {
        width: 100%;
    }
    .gjhjtp-box {
        padding: 40px 0;
    }
    .gjhjtp-box .gsjjtp-li {
        border-radius: 20px;
    }

    .zzzs-box .zzzs ul li {
        width: 47%;
    }
    .nsjg-box .nsjg {
        flex-direction: column;
    }
    .nsjg-box .nsjg .l {
        width: 100%;
    }
    .nsjg-box .nsjg .r {
        width: 100%;
        padding: 20px;
    }
    .xwzx-box .xwzx ul {
        justify-content: space-between;
    }
    .xwzx-box .xwzx ul li {
        width: 48%;
        margin: 0 0 20px 0;
    }
    .xwzx-box {
        padding: 50px 0;
    }
    .xwxq-box {
        padding: 50px 0;
    }
    .syxwzx-box .syxwzx .content .l ul li:nth-child(1) a {
        flex-direction: column;
        padding-right: 0;
    }
    .syxwzx-box .syxwzx .content .l ul li:nth-child(1) a .img img {
        width: 100%;
    }
    .syxwzx-box .syxwzx .content .l ul li:nth-child(1) a .title {
        margin-top: 20px;
        margin-left: 20px;
    }

    .syywfw .syywfw-nav .yw-button-prev {
        display: none;
    }

    .syywfw .syywfw-nav .yw-button-next {
        display: none;
    }

    @keyframes sjnav {
        0% {
            width: 0;
        }
        25% {
            width: 15px;
        }
        50% {
            width: 30px;
        }
        75% {
            width: 15px;
        }
        100% {
            width: 0;
        }
    }

}

@media (max-width:767px) {
    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .banner-swiper .banner-li .img img {
        margin-top: 60px;
    }
    .syywfw {
        padding-top: 20px;
    }
    .syywfw .syywfw-box .r {
        display: none;
    }
    .syywfw .syywfw-box .l h2 {
        font-size: 22px;
    }
    .syywfw .syywfw-box .l h3 {
        font-size: 26px;
    }
    .syywfw .syywfw-nav {
        margin-top: 20px;
    }
    .yw-swiper .yw-li .img {
        width: 50px;
        height: 50px;
    }
    .syywfw .syywfw-nav .yw-li p {
        font-size: 14px;
        height: 35px;
    }
    .sygsgk-box {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sygsgk-box .sygsgk .l {
        display: none;
    }
    .sygsgk-box .sygsgk .r {
        width: 100%;
        padding-top: 14px;
    }
    .sygsgk-box .sygsgk .r h2 {
        font-size: 22px;
    }
    .sygsgk-box .sygsgk .r h3 {
        font-size: 26px;
    }
    .sygsgk-box .sygsgk .r p {
        margin-top: 22px;
        font-size: 14px;
    }
    .sygsgk-box .sygsgk .r .tips {
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .sygsgk-box .sygsgk .r .tips h1 {
        font-size: 48px;
    }
    .sygsgk-box .sygsgk .r .tips p {
        font-size: 14px;
    }
    .sygsgk-box .sygsgk .r .tips .aaa {
        margin-right: 40px;
        margin-bottom: 20px;
    }
    .sygsgk-box .sygsgk .r a {
        margin-top: 10px;
    }
    .syxwzx-box {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .syxwzx-box .syxwzx .top .r {
        display: none;
    }
    .syxwzx-box .syxwzx .top .l h2 {
        font-size: 22px;
    }
    .syxwzx-box .syxwzx .top .l h3 {
        font-size: 26px;
    }
    .syxwzx-box .syxwzx .content {
        flex-direction: column;
    }
    .syxwzx-box .syxwzx .content .l {
        width: 100%;
        margin-right: 0;
    }
    .syxwzx-box .syxwzx .content .r {
        width: 100%;
        margin-top: 20px;
    }
    .syxwzx-box .syxwzx .content .r .title {
        bottom: 20px;
        transform: translateY(0) translateX(-50%);
    }
    .syxwzx-box .syxwzx .content .r .title p {
        font-size: 14px;
    }
    .syxwzx-box .syxwzx .content .r .title div h1 {
        font-size: 18px;
        line-height: 30px;
    }
    .zzzs-box {
        padding: 20px 0;
    }
    .zzzs-box .zzzs ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .xwzx-box .xwzx ul li {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .xwzx-box {
        padding: 20px 0;
    }
    .xwxq-box .xwxq {
        padding: 30px 20px;
    }
    .xwxq-box .xwxq .title h3 {
        font-size: 24px;
    }
    .xwxq-box .xwxq .content {
        font-size: 14px;
    }
    .xwxq-box .xwxq .pageturn {
        flex-direction: column;
        font-size: 14px;
    }
    .xwxq-box .xwxq .pageturn .item a {
        margin-bottom: 20px;
    }
    .xwxq-box .xwxq .pageturn .btn {
        width: 33%;
    }
    .lxwm-box {
        padding: 50px 0;
    }
    .lxwm-box .lxwm .tel ul {
        flex-wrap: wrap;
    }
    .lxwm-box .lxwm .tel ul li {
        width: 48%;
        margin-bottom: 20px;
    }
    .lxwm-box .lxwm .zyly {
        margin-top: 20px;
        flex-direction: column-reverse;
    }
    .lxwm-box .lxwm .zyly .l {
        width: 100%;
        margin-top: 30px;
    }
    .lxwm-box .lxwm .zyly .r {
        width: 100%;
        height: 400px;
    }
    .lxwm-box .lxwm .zyly .l input {
        margin-bottom: 15px;
    }
}