@media only screen and (max-width: 1080px) {

    .news-detail-title {
        width: 100%;
        margin: 0 auto;
        height: 100px;
        text-align: center;
    }

        .news-detail-title h2 {
            font-size: 1em;
            padding-top: 30px;
            font-weight: bold;
            color: #2193E0;
            letter-spacing: 3px;
        }

        .news-detail-title p {
            padding-top: 1px;
            padding-bottom: 26px;
        }

            .news-detail-title p span {
                display: inline-block;
                margin-right: 40px;
                font-size: 13px;
                color: #898989;
            }

    .onetitle {
        width: 100%;
        margin: 0 auto;
        font-size: 1em;
        text-align: center;
        color: black;
        margin-top: 30px;
        padding-top: 1px;
        margin-bottom: 10px;
    }

    .twotitle {
        margin: 0 auto;
        font-size: 18px;
        text-align: center;
        padding-top: 5px;
        color: #898989;
    }

    .onecontent {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        margin-top: 30px;
        font-size: 18px;
        color: #999999;
    }

    .flex-wrap {
        width: 90vw;
        margin: auto;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        margin-top: 50px;
    }



    .qhlcdiv {
        width: 100%;
        background-color: #f4f6f9;
    }

    .qhlcimgdiv {
        width: 100vw;
        margin: auto;
        text-align: center;
        margin-top: 30px;
        position: relative;
    }

    .qhlcimg {
        width: 95%;
        margin: auto;
    }

    .qhlcjt01 {
        position: absolute;
        top: 37%;
        left: 11vw;
        width: 30px;
    }

    .qhlcjt02 {
        position: absolute;
        top: 37%;
        left: 32vw;
        width: 30px;
    }

    .qhlcjt03 {
        position: absolute;
        top: 37%;
        left: 66vw;
        width: 30px;
    }

    .qhlcjt04 {
        position: absolute;
        top: 38%;
        left: 81vw;
        width: 30px;
    }

    .qhlcjt {
        animation: leftIn2 1s linear infinite;
    }

    .hxgltext {
       padding:5px;
    }


    @keyframes leftIn2 {
        0% {
            margin-left: 0%;
        }

        50% {
            margin-left: 1%;
        }

        100% {
            margin-left: 0%;
        }
    }

    .pagediv {
        width: 100%;
        margin: auto;
    }


    .hxpagediv {
        margin-top: 50px;
        width: 100%;
        padding-bottom: 50px;
    }

    .hxpage {
       height:1400px;
    }

    .hxleftdiv {
        width: 50%;
    }

    .hxrightdiv {
        width: 50%;
    }

        .hxrightdiv img {
            margin-top: 15%;
        }
    .hjlcdiv {
        width: 95vw;
        margin: auto
    }
    .yhimg {
        float: left;
        text-align: right;
        height: 35px;
    }

        .yhimg img {
          width:30px;
        }

    .hxtitle {
        float: left;
        text-align: left;
        font-size: 0.8em;
        font-weight: 600;
        line-height: 35px;
        margin-left: 10px;
    }

    .hxcontent {
        clear: both;
        text-align: left;
        font-size: 0.8em;
        margin-left: 40px;
        color: #b7b7b7;
        line-height: 22px;
        width: 72%;
    }


    .ywlcpage {
        background: url('/images/windowsl/ywlcbg.png') no-repeat;
        background-size: 100% 100%;
        padding-top: 30px;
        padding-bottom: 120px;
    }




    .yylcdiv {
        margin-top: 80px;
    }

    .Ywflex-wrap {
        width: 90vw;
        margin: auto;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        margin-top: 30px;
    }

    .yylcitem {
        width: 25%;
        border-radius: 15px;
        background-image: linear-gradient(#ffffff, #f5f5f5);
        box-shadow: 2px 8px 12px 2px rgb(181 189 201 / 50%);
    }

        .yylcitem:hover {
            background-image: linear-gradient(#59ccff, #1e5efa);
            color: white;
        }

    .yylcjt {
        width: 10%;
        line-height: 110px;
    }

        .yylcjt img {
            animation: leftIn 1s linear infinite;
            width:35px;
        }


    .yylcjtleft {
        width: 10%;
        line-height: 110px;
        -moz-transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }


        .yylcjtleft img {
            animation: leftIn 1s linear infinite;
            width:35px;
        }

    .yylcjtdown {
        -moz-transform: rotateZ(90deg);
        -webkit-transform: rotateZ(90deg);
        -o-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
        margin: auto;
        animation: leftUp 1s linear infinite;
        width:35px;
    }

    .lcmidimg {
        float: right;
        text-align: center;
        height: 45px;
        width: 26%;
    }
    @keyframes leftIn2 {
        0% {
            margin-left: 0%;
        }

        50% {
            margin-left: 1%;
        }

        100% {
            margin-left: 0%;
        }
    }



    @keyframes leftIn {
        0% {
            margin-left: 0%;
        }

        50% {
            margin-left: 20%;
        }

        100% {
            margin-left: 0%;
        }
    }


    @keyframes leftUp {
        0% {
            margin-top: 0%;
        }

        50% {
            margin-top: 6%;
        }

        100% {
            margin-top: 0%;
        }
    }

    .yylcitemimg {
        margin: auto;
        padding-top: 20px;
        text-align: center;
    }
        .yylcitemimg img{
            width:35px;
        }

    .yylcitemtitle {
        text-align: center;
        margin-top: 10px;
        font-size: 0.8em;
        font-weight: 500;
        padding-bottom: 20px;
    }



    .pagediv {
        width: 100%;
        margin: auto;
    }

    .hxitemlist {
        width: 100%;
        min-width: 100%;
        margin: auto;
        height: 1150px;
        padding-bottom: 100px;
    }

    .hxitem {
        width: 41%;
        float: left;
        height: 180px;
        /* background-image: linear-gradient(#ffffff,#f5f5f5); */
        border-radius: 5px;
        margin-top: 5%;
        padding: 2%;
        border: solid 1px #b7b7b7;
        margin-left: 2%;
    }

        .hxitem:hover {
            box-shadow: -3px 6px 7px 1px #dedede;
        }

    .hxitemjg {
        margin-left: 4vw;
    }

    .hxitemimg {
        width: 100%;
        text-align: center;
    }

        .hxitemimg img {
            margin-left: 5%;
            float: left;
            width:30px;
        }

    .hxitemcontent {
        width: 100%;
    }

    .hxitemtitle {
        padding-top: 1px;
        font-size: 0.8em;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        width: 65%;
        float: left;
        margin-left: 10px;
    }

    .hxitemtitle2 {
        clear: both;
        padding-top: 5px;
        font-size: 0.7em;
        color: #898989;
        line-height: 20px;
    }

}