@charset "utf-8";


/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media (min-width: 768px) {
    .list_box_01 li a:hover:before {
        height: 100%;
        background: #ff7f31
    }

    .list_box_01 li a:hover h6, .list_box_01 li a:hover h3, .list_box_01 li a:hover p {
        color: #fff
    }

    .list_box_01 li a:hover hr {
        background: #fff
    }

    .list_box_04 li a:hover .top_box {
        transform: translateY(0)
    }

    .list_box_06 li a:hover .con {
        transform: translateY(0)
    }

    .list_box_06 li a:hover .img img {
        transform: scale(1.05)
    }

    .list_box_06 li a:hover:after {
        height: 100%;
        background: #ff7f31
    }

    .container01 .left .more001:hover .ico img {
        transform: rotate(180deg)
    }

    .list_box_07 li a:hover {
        transform: translateY(-1rem)
    }

    .list_box_07 li a:hover .box .top:before {
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }

    .list_box_07 li a:hover .box .top:after {
        transform: scale(1.5);
    }

    .list_box_07 li a:hover .box .top .ico .ico1 {
        transform: translateX(100%);
    }

    .list_box_07 li a:hover .box .top .ico .ico2 {
        transform: translateX(0);
    }

    .list_box_07 li a:hover .box .top h3, .list_box_07 li a:hover .box .top p {
        color: #fff
    }

    .list_box_07 li a:hover .box .top .wz {
        color: #fff
    }

    .list_box_09 li a:hover .con {
        transform: translateY(0);
    }

    .list_box_09 li a .con .h5:hover {
        color: #fff
    }

    .more002 a:hover {
        border: #ff7f31 2px solid;
        background: #ff7f31;
        color: #fff
    }

    .more002 a:hover .ico:before {
        transform: translateY(-120%);
        opacity: 0;
        visibility: hidden
    }

    .more002 a:hover .ico:after {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .list_box_10 li a .con h6 span:hover, .list_box_10 li a .con .h5:hover, footer .fl02 .left dl .con dd:hover, .list_box_11_s li a .con h5:hover {
        color: #ff7f31
    }

    .list_box_10 li a .con h6 span:hover svg {
        fill: #ff7f31
    }

    .more003 a:hover {
        background: #ff7f31;
        color: #fff
    }

    .more003 a:hover .ico:before {
        transform: translateY(-120%);
        opacity: 0;
        visibility: hidden
    }

    .more003 a:hover .ico:after {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .list_box_11 li:hover {
        color: #fff
    }

    .list_box_11 li:hover:after {
        width: 100%
    }

    .miso_fx li a:hover img {
        opacity: 1
    }

    .list_box_13 li a:hover {
        background: #ff7f31
    }

    .list_box_13 li a:hover .h3 img.img1 {
        display: none
    }

    .list_box_13 li a:hover .h3 img.img2 {
        display: inline-block
    }

    .list_box_13 li a:hover .h5 {
        color: #fff
    }

    .list_box_13 li a:hover .h6 {
        color: #fff
    }

    .list_box_13 li a:hover dl dd {
        color: #fff
    }

    .list_box_n_case li a:hover .h5 {
        color: #ff7f31
    }

    .list_box_n_news li a:hover .con span {
        background: #ff7f31;
        padding: 0 16px 0 20px;
        color: #fff
    }

    .list_box_n_news li a:hover .con span svg {
        width: 0;
        opacity: 0;
        visibility: hidden
    }

    .n_news00 .right .fl03 ul li a:hover .con h4, .n_news00 .right .fl04 ul li a:hover h5 {
        color: #ff7f31
    }

    .fanhui a:hover {
        background: #ff7f31
    }

    .n_team ul li a:hover {
        border: #ff7f31 1px solid;
        background: #ff7f31;
        color: #fff
    }

    .n_team ul li a:hover .con h5 {
        color: #fff;
    }

    .n_team ul li a:hover .con h5 small {
        color: #fff;
    }

    .n_team ul li a:hover .con p {
        color: #fff;
    }

    .more004 .a:hover {
        background: #d25f19;
    }

    .more005 .a:hover {
        background: #ff7f31;
        border: #ff7f31 1px solid;
        color: #fff
    }

    .n_news00 .left a.fangan:hover {
        background: #d25f19;
    }
}


@media (min-width: 1900px) and (max-width: 1920px) {
    .banner ul li img {
        width: 1920px;
        position: relative;
        left: 50%;
        margin-left: -960px;
        height: 800px;
    }
}

@media (max-width: 1830px) {
    .w1800 {
        padding: 0 15px
    }
}

@media (max-width: 1650px) {
    .w1600 {
        padding: 0 15px
    }

    #nav ul li > a {
        font-size: 14px
    }

    .list_box_03 .miso-prev {
        left: -2rem
    }

    .list_box_03 .miso-next {
        right: -2rem
    }

    .list_box_03 .miso-arrow {
        width: 2.125rem;
        height: 2.125rem;
        background-size: 100% 100%;
    }
}

@media (max-width: 1540px) {
    .list_box_14 {
        padding-bottom: 70px
    }

    .list_box_14 .miso-arrow {
        bottom: 0;
        top: auto;
        transform: translateY(0)
    }

    .list_box_14 .miso-prev {
        left: 50%;
        margin-left: -80px;
    }

    .list_box_14 .miso-next {
        right: 50%;
        margin-right: -80px;
    }
}

@media (max-width: 1600px) {
    header .logo img {
        max-width: 27rem;
    }

    #nav ul li {
        margin-right: 2rem
    }


}

@media (max-width: 1500px) {
    header .logo img {
        max-width: 24rem;
    }

    #nav ul li {
        margin-right: 1rem
    }


}

@media (max-width: 1400px) {
    header .logo img {
        max-width: 20rem;
    }

    .w1200 {
    }
}

@media (max-width: 1330px) {
    .w1200 {
        max-width: 1280px;
        margin: 0 auto;
    }
}

@media (max-width: 1060px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
    #gotop {
        right: 0;
        transform: scale(0.7)
    }
}


@media (max-width: 456px) {

}