/* 最小是761尺寸 */
@media (min-width: 1025px) {
    #lunbomoblie,
    #footermoblie {
        display: none;
    }

    #header {
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 65px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0 20px;
        position: fixed;
        z-index: 9999;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
        /* box-shadow: 10px 10px 5px #888888; */
    }
    .headerkong{
        height: 65px;
        width: 100%;
        background-color: rgb(255, 255, 255);
    }

    #header .nav1 {
        width: 210px;
        height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 40px;
        /* background-color: blueviolet; */
    }

    #header .logotitle {
        margin-left: 10px;
        font-size: 15px;
        font-weight: 600;
    }

    #header .nav1 img {
        width: 60px;
        height: 80%;
    }

    #header .nav2 {
        width: 100px;
        height: 75px;
    }

    #header .nav3 {
        list-style: none;
        /* 去掉列表项前面的符号，比如小圆点等 */
        margin: 0;
        /* 去掉外边距，可根据实际需求调整是否设置为0或者其他值 */
        padding: 0;
        /* 去掉内边距，同样可按需调整 */
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        width: 50%;
        /* background-color: #babfc5; */
    }

    #header .hasicon {
        /* margin-left: 30px; */
        /* background-color: aqua; */
        /* width: 60px; */
        padding: 0 0px;
        height: 75px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
    }

    #header .hasicon:hover {
        /* color: red; */
        border-bottom: 2px solid rgb(20, 45, 232);
    }

    /* -------轮播图---------- */

    #lunbopc {
        width: 100%;
        height: 600px;
        position: relative;
        margin-top: 3px;
        /* box-shadow: 10px 10px 5px #888888; */
        /* background-color: #bed2ec; */
        /* overflow: hidden; */
    }

    #lunbopc a {
        text-decoration: none;
        color: black;
    }

    #lunbopc .sw1 {
        width: 100%;
        height: 500px;
        background-color: #bed2ec;
        margin: 0 auto;
        position: relative;
    }
    #lunbopc .picimg {
        width: 100%;
        height: 500px;
        overflow: hidden;
    }

    #lunbopc .sw1 {
        border: 0px solid #fff;
        margin: 0 auto;
        position: relative;
    }

    #lunbopc .sw1 .pic a {
        display: none;
        position: absolute;
    }

    #lunbopc .picitem {
        position: absolute;
        left: 250px;
        top: 200px;
        animation: moveUp 1s ease forwards;
        opacity: 0;
    }

    @keyframes moveUp {
        0% {
            transform: translateY(100%);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    #lunbopc .picitem1 {
        font-size: 20px;
        /* margin-top: 10px; */
    }

    #lunbopc .picitem2 {
        font-size: 35px;
        margin-top: 10px;
        font-weight: 600;
    }

    #lunbopc .picitem3 {
        font-size: 22px;
        margin-top: 10px;
    }

    #lunbopc .sw1 .pic img {
        width: 100%;
        height: 100%;
        /* height: 600px; */
        margin: 0 auto;
        object-fit: cover;
        /* height: 100%; */
    }

    #lunbopc .s1footer {
        width: 100%;
        height: 100px;
        background-color: #e5f5fd;
        position: absolute;
        bottom: 0px;
        /* opacity:0.6; */
        background-color: rgba(255, 255, 255, 0.6);
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    #lunbopc .fitem {
        /* opacity:0.8; */
        width: 300px;
        height: 100px;
        /* background-color: #ffffff; */
        color: #0a0a0a;
        /* margin-left: 10px; */
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }

    #lunbopc .fitem:hover {
        background-color: #fff;
    }

    #lunbopc .fitemItem1 {
        display: flex;
        flex-direction: column;
    }

    #lunbopc .fitemItem1it1 {
        font-size: 18px;
        color: #0a0a0a;
    }

    #lunbopc .fitemItem1it2 {
        margin-top: 10px;
        font-size: 15px;
        color: #0a0a0a;
    }


    /* ------轮播图结束------- */
    #conterb {
        background-image: url("../image/bg.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        /* 防止背景图重复平铺 */
        background-position: center center;
        /* 让背景图居中显示 */
        background-color: #f8f8f8;
        padding-bottom: 100px;
    }

    #conterb .conter {
        width: 100%;
        /* height: 500px; */
        /* background-color: #f8f8f8; */
    }

    #conterb .conteritem {
        width: 65%;
        height: 160px;
        margin: 0px auto 0 auto;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        /* background-color: #fff; */
    }

    #conterb .ct1 {
        margin-top: 50px;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
    }

    #conterb .ct2 {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
    }

    #conterb .conteritem2 {
        width: 65%;
        height: 600px;
        margin: 0px auto 0 auto;
        display: flex;
        flex-direction: row;
        /* background-color: #fff; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #conterb .conteritem2v {
        width: 65%;
        height: 430px;
        margin: 0px auto 0 auto;
        display: flex;
        flex-direction: row;
        /* background-color: #fff; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #conterb .cit2 {
        width: 20%;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        /* opacity: 0.8; */
    }

    #conterb .cit2t1 {
        text-align: start;
        padding: 5px 0 0 25px;
        font-size: 17px;
        color: #444343;
    }

    #conterb .top30 {
        margin-top: 30px;
    }

    #conterb .top20 {
        margin-top: 20px;
    }

    #conterb .cit2t2 {
        text-align: start;
        padding: 5px 5px 0 25px;
        font-size: 13px;
        color: #5f5d5d;
    }

    #conterb .cit2t3 {
        text-align: start;
        margin: 20px auto 0 auto;
        color: #58c749;
    }

    #conterb .cit3 {
        width: 79%;
        /* background-color: #ffffff; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-content: space-between;
    }

    #conterb .cit3item {
        width: 32.5%;
        height: 192px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        border: 1px solid rgb(184, 182, 182);
    }

    #conterb .cit3item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        /* 水平偏移0，垂直偏移0，模糊半径10px，阴影颜色半透明黑色 */
    }

    #conterb .cit2:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        /* 水平偏移0，垂直偏移0，模糊半径10px，阴影颜色半透明黑色 */
    }

    #conterb .cit3item0 {
        margin-top: 20px;
        padding: 0px 0 0 25px;
        text-align: left;
    }

    #conterb .cit3item1 {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 600;
        padding: 0px 0 0 25px;
    }

    #conterb .cit3item2 {
        padding: 0px 25px 0 25px;
        margin-top: 0px;
        font-size: 13px;
        height: 105px;
    }

    #conterb .cit3item3 {
        display: flex;
        flex-direction: row;
        padding: 0px 25px 0 25px;
        margin-top: 0px;
    }

    #conterb .cit3item3 .c3 {
        padding: 2px 6px;
        border: 1px solid rgb(145, 143, 143);
        font-size: 11px;
        border-radius: 10%;
        color: #807d7d;
    }

    #conterb .c3l {
        margin-left: 5px;
    }

    #conterb .t10 {
        margin-top: 30px;
    }
    /* -------- */
    #server {
        width: 100%;
        height: 500px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
    }
    #server .conteritem {
        width: 65%;
        height: 160px;
        margin: 0px auto 0 auto;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        /* background-color: #fff; */
    }
    #server .ct1 {
        margin-top: 50px;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
    }

    #server .ct2 {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
    }

    #server .serverI2 {
        width: 60%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #server .I2i {
        width: 240px;
        height: 300px;
        background-color: #e7e6e6;
    }
    #server .I2i:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        /* 水平偏移0，垂直偏移0，模糊半径10px，阴影颜色半透明黑色 */
    }
    #server .actionN {
        display: none;
    }

    #server .cit3item {
        width: 32.5%;
        /* height: 192px; */
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        border: 1px solid rgb(184, 182, 182);
    }

    #server .cit3item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        /* 水平偏移0，垂直偏移0，模糊半径10px，阴影颜色半透明黑色 */
    }

    #server .cit3item0 {
        margin-top: 20px;
        padding: 0px 0 0 25px;
        text-align: left;
    }

    #server .cit3item1 {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 600;
        padding: 0px 0 0 25px;
    }

    #server .cit3item2 {
        padding: 0px 25px 0 25px;
        margin-top: 15px;
        font-size: 13px;
    }

    #server .cit3item3 {
        display: flex;
        flex-direction: row;
        padding: 0px 25px 0 25px;
        margin-top: 15px;
    }

    #server .cit3item3 .c3 {
        padding: 2px 6px;
        border: 1px solid rgb(145, 143, 143);
        font-size: 11px;
        border-radius: 10%;
        color: #807d7d;
    }

    #server .c3l {
        margin-left: 5px;
    }

    #server .t10 {
        margin-top: 30px;
    }
    /* ----------- */
    #luntoslide {
        width: 100%;
        height: 500px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
        margin-top: 2px;
    }

    #luntoslide .conteritem {
        width: 65%;
        height: 160px;
        margin: 0px auto 0 auto;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        /* background-color: #fff; */
    }
    #luntoslide .ct1 {
        margin-top: 50px;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
    }

    #luntoslide .ct2 {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
    }

    #luntoslide .lunbott {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    #luntoslide .poster-list {
        list-style: none;
    }
    /*旋转木马必要样式*/
    #luntoslide .poster-main {
        position: relative;
        width: 800px;
        height: 270px;
    }
    #luntoslide .poster-main .poster-list {
        width: 800px;
        height: 270px;
    }
    #luntoslide .poster-main .poster-btn {
        position: absolute;
        top: 0;
        width: 100px;
        height: 270px;
        z-index: 10;
        opacity: 0.8;
    }
    #luntoslide .poster-main .poster-prev-btn {
        left: 0;
        background: url(../image/btn_l.png) no-repeat center center;
        cursor: pointer;
    }
    #luntoslide .poster-main .poster-next-btn {
        right: 0;
        background: url(../image/btn_r.png) no-repeat center center;
        cursor: pointer;
    }
    #luntoslide .poster-main .poster-list .poster-item {
        position: absolute;
        left: 0;
        top: 0;
    }
    #luntoslide .poster-main a,
    .poster-main img {
        display: block;
    } /*弄掉那奇怪的padding5px*/
    /*

    /* -------------------- */

    #chengnuo {
        width: 100%;
        height: 700px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
        margin-top: 2px;
    }

    #chengnuo .conteritem {
        width: 65%;
        height: 160px;
        margin: 0px auto 0 auto;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        /* background-color: #fff; */
    }
    #chengnuo .ct1 {
        margin-top: 50px;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
    }

    #chengnuo .ct2 {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
    }

    #chengnuo .cgI1 {
        width: 60%;
        height: 500px;
        margin: 0 auto;
        /* background-color: #444343; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
    }
    #chengnuo .cgI1i1 {
        /* border: 1px solid rgb(245, 80, 80); */
        border: 1px solid rgb(97, 168, 235);

        width: 49%;
        height: 150px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
    }
    #chengnuo .cgI1i1T1 {
        padding-left: 15px;
    }
    #chengnuo .bred {
        /* color: rgb(228, 66, 66); */
        color: rgb(97, 168, 235);
    }
    #chengnuo .cgI1i1T2 {
        display: flex;
        width: 80%;
        padding-left: 15px;
        flex-direction: column;
    }
    #chengnuo .cgI1i1T2a {
        font-size: 16px;
        font-weight: 600;
        color: #666060;
    }
    #chengnuo .cgI1i1T2b {
        font-size: 13px;
        margin-top: 10px;
        color: #666060;
    }
    /* --- */
    #anli {
        width: 100%;
        /* height: 800px; */
        height: 650px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
        margin-top: 2px;
    }
    #anli .conteritem {
        width: 65%;
        height: 160px;
        margin: 0px auto 0 auto;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        /* background-color: #fff; */
    }
    #anli .ct1 {
        margin-top: 50px;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
    }

    #anli .ct2 {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
    }

    #anli .anliT1 {
        width: 60%;
        /* height: 600px; */
        height: 450px;
        margin: 0 auto;
        /* background-color: #444343; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
    }
    #anli .anliT2 {
        width: 210px;
        height: 138px;
        /* background-color: #58c749; */
        border: 1px solid rgb(184, 184, 187);
    }
    #anli .anliT2 img {
        width: 100%;
        height: 100%;
    }


    #listarticle {
        width: 100%;
        background-color: #F5F5F5;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
    }

    #listarticle .conter {
        width: 65%;
        background-color: #ffffff;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #listarticle .lift {
        width: 69%;
        position: relative;
        padding-bottom: 100px;
        padding-top: 50px;
    }
    #listarticle .lift h1 {
        margin-left: 10px;
    }
    #listarticle img {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #listarticle .cont {
        margin-top: 30px;
        line-height: 35px;
        margin-left: 10px;
        margin-right: 10px;
    }
    #listarticle .cont li{
        list-style: none;
    }
    #listarticle .nav-link {
        color: #569cf6;
        padding-bottom: 10px;
    }

    #listarticle .bootton {
        position: absolute;
        padding-bottom: 10px;
        bottom: 0px;
    }
    #listarticle .right {
        width: 30%;
        /* height: 1000px; */
        /* background-color: #e5b7b7; */
    }
    #listarticle .listview {
        width: 100%;
        height: 180px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        align-content: space-between;
        background-color: #ffffff;
        border-top: 1px solid rgb(206, 205, 205);
        padding: 5px 0px;
        transition: all 0.3s ease 0s;
    }

    .block {
        display: block;
    }
    #listarticle .listview:hover {
        background-color: #f7f8fb;
        transform: scale(1.05);
        border-style: none;
        border-radius: 10px;
    }
    #listarticle .artf1 {
        margin: 5px 5px;
        width: 30%;
        height: 140px;
        /* overflow: hidden; */
    }
    #listarticle .artf1 .img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }

    #listarticle .artf1 .img:hover {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        transform: scale(1.05);
    }

    #listarticle .artf2 {
        margin: 5px 5px;
        width: 65%;
        height: 170px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        /* overflow: hidden; */
    }
    #listarticle .title {
        font-size: 20px;
        font-weight: 600;
        /* margin-top: 10px; */
    }
    #listarticle .titledec {
        /* margin: 10px auto 0 auto; */
        font-size: 16px;
        color: #444343;
        /* background-color: #58c749; */
        /* height: 120px; */
    }
    #listarticle .acft {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #listarticle .acft1 {
        font-size: 12px;
        color: #444343;
    }
    #listarticle .acft2 {
        font-size: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: center;
        align-content: center;
        min-width: 22px;
        /* background-color: #444343; */
        justify-content: space-between;
        color: #444343;
    }

    #listarticle .jiazai {
        /* background-color: #444343; */
        padding: 5px 0;
        text-align: center;
        margin-top: 20px;
        color: #569cf6;

        /* display: flex; */
        flex-direction: row;
        justify-content: center;
    }
    #listarticle .jiazai1 {
        width: 100px;
        /* background-color: #0a0a0a; */
    }
    #listarticle .jiazai1:hover {
        cursor: pointer;
        font-size: 20px;
    }
    #listarticle .biaoqian {
        background-color: #fefefe;

        padding: 10px 0;
    }
    #listarticle .biaoqian1 {
        margin-left: 5px;
        margin-top: 5px;
        font-size: 13px;
    }
    #listarticle .listbiaoqian {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    #listarticle .tag {
        border: 1px solid rgb(207, 207, 207);
        width: 90px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 12px;
        padding: 3px 10px;
        margin: 5px 5px 0 0;
        border-radius: 5px;
    }
    #listarticle .itemRview {
        height: 70px;
        display: flex;
        flex-direction: row;
        justify-content: start;
        /* background-color: #444343; */
        padding: 10px 0;
        border-bottom: 1px solid rgb(207, 207, 207);
    }
    #listarticle .itemRviewimg {
        width: 120px;
        height: 70px;
        margin-left: 10px;
    }
    #listarticle .itemRviewimg img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }
    #listarticle .itemRviewdec {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 10px;
        padding: 10px 0;
    }
    #listarticle .itemRviewdec1 {
        font-size: 13px;
    }
    #listarticle .itemRviewdec2 {
        font-size: 12px;
    }
    #listarticle .jiazai2 {
        display: none;
    }

    #footer {
        width: 100%;
        height: 300px;
        background: #ffffff;
        margin-top: 3px;
    }
    #footer .footeritem {
        width: 60%;
        margin: 0 auto;
        height: 300px;
        /* background-color: #e6e9ec; */
        display: flex;
        flex-direction: column;
    }
    #footer .FIn {
        display: flex;
        flex-direction: row;
        justify-content: start;
    }

    #footer .FInf {
        display: flex;
        flex-direction: column;
        height: 200px;
        align-content: space-between;
        justify-content: space-between;
        /* background-color: #58c749; */
        padding: 20px 13px 0 0px;
    }
    #footer .fw1 {
        width: 20%;
    }
    #footer .fw2 {
        width: 40%;
        margin-left: 1px;
    }
    #footer .fw3 {
        width: 30%;
        margin-left: 1px;
    }
    #footer .fnt1 {
        font-size: 18px;
        color: #706f6f;
        font-weight: 600;
    }
    #footer .fnt2 {
        font-size: 13px;
        color: #706f6f;
        /* font-weight: 600; */
    }
    #footer .lianxiimg {
        width: 150px;
        height: 150px;
    }
    #footer .lianxiimg img {
        width: 100%;
        height: 100%;
    }
    #footer .beian {
        font-size: 13px;
        margin-top: 20px;
        color: #706f6f;
    }
    #footer .beian a {
        color: #706f6f;
    }

    @media (max-width: 1900px) {
        #lunbopc {
            width: 100%;
            height: 500px;
            position: relative;
            margin-top: 3px;
        }

        #lunbopc .sw1 {
            width: 100%;
            height: 400px;
            background-color: #bed2ec;
            margin: 0 auto;
            position: relative;
        }

        #lunbopc .sw1 .pic img {
            width: 100%;
            height: 500px;
            margin: 0 auto;
        }

        #listarticle .conter {
            width: 80%;
            /* height: 1000px; */
            background-color: #ffffff;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        #anli {
            width: 100%;
            height: 800px;
            /* height: 650px; */
            background-color: #ffffff;
            display: flex;
            flex-direction: column;
            /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
            margin-top: 2px;
        }
        #anli .anliT1 {
            width: 70%;
            /* height: 600px; */
            height: 450px;
            margin: 0 auto;
            /* background-color: #444343; */
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: space-between;
            flex-wrap: wrap;
        }
    }

    @media (min-width: 761px) {
        #lunbomoblie {
            display: none;
        }
    }

    .hidden {
        display: none;
    }
}

/* 大尺寸隐藏 */

/* @media (min-width: 1900px) {
  #lunbomoblie {
    display: none;
  }
} */
/* 大尺寸隐藏 */

/* @media (min-width: 900px) and (max-width:1920) {

  #lunbomoblie,#header {
    display: none;
  }
} */