/* iPad横屏样式 */
@media only screen and (min-width: 768px) and (max-width: 1024px){
    /* 在这里添加iPad横屏时的特定样式 */
    #lunbomoblie,#footermoblie, .hidden{
        display: none;
    }


    #header .nav1 {
        height: 60px;
        display: flex;
        flex-direction: row;
        justify-items: center;
        align-items: center;
        color: #eee;
    }

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

    #header {
        position: absolute;
        top: 0;
        display: block;
        height: 60px;
        transition: .321s;
        width: 100%;
        background: #ffffff;
        user-select: none;
        z-index: 100;
    }

    #header .bar {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        line-height: 60px;
        cursor: pointer;
        display: flex;
    }

    #header .logotitle {
        margin-left: 20%;
        color: #19191a;
    }

    #header .bar::before {
        content: '\f0c9';
        font-family: fontAwesome;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 24px;
        /* color: #eee; */
        color: #19191a;
    }

    #header .nav3 {
        list-style: none;
    }

    #header ul {
        width: 0px;
        position: fixed;
        height: 100vh;
        left: -60px;
        top: 0px;
        display: flex;
        flex-direction: column;
        background-color: #919191;
        overflow: hidden;
        transition: .141s;
        z-index: 10;
        box-shadow: 6px 0px 10px 0px rgba(0, 0, 0, 0.5);
        padding-left: 10px;
    }

    #header ul.active {
        left: 0;
        width: 260px;
        transition: .314s;
    }

    #header ul.active::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, .3);
        z-index: -1;
    }

    #header ul li {
        width: 100%;
    }

    #header ul li a {
        display: flex;
        flex-direction: row;
        position: relative;
        display: block;
        width: 100%;
        line-height: 60px;
        text-decoration: none;
        color: var(--main-text-color);
        color: #eee;
    }

    #header ul li a .icon {
        position: relative;
        display: block;
        min-width: 60px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 24px;
        display: block;
    }

    #header ul li a .title {
        position: relative;
        display: block;
        line-height: 80px;
        text-align: center;
        /* font-size: 24px; */
        font-size: 20px;
    }
    /* --- */

    /* #header {
      background-color: rgb(255, 255, 255);
      height: 75px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0 20px;
    }

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

    #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;
      padding: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-size: 14px;
      width: 50%;
    }

    #header .hasicon {
      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 {
      border-bottom: 2px solid rgb(20, 45, 232);
    } */

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

    #lunbopc {
        width: 100%;
        height: 400px;
        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: 280px;
        background-color: #bed2ec;
        margin: 0 auto;
        position: relative;
    }

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

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

    #lunbopc .picitem {
        position: absolute;
        left: 150px;
        top: 100px;
        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: 400px;
        margin: 0 auto;
        object-fit: cover;
        /* height: 100%; */
    }

    #lunbopc .s1footer {
        width: 100%;
        height: 80px;
        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;
        /* display: none; */
    }

    #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;
        display: none;
    }

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

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

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



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

    #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;
        padding-bottom: 20px;
    }

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

    #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 0 0 25px;
        font-size: 13px;
        color: #5f5d5d;
        display: none;
    }

    #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;
    }

    #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: 15px;
        font-size: 13px;
    }

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

    }

    #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;
    }
    /* ----------- */
    #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;
        /* display: none; */
    }

    #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:600px;height:270px;}
    #luntoslide .poster-main .poster-list{width:600px;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: 70%;
        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;
        padding-right: 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: 450px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        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: 260px;
        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: 88px;
        height: 80px;
        /* background-color: #58c749; */
        border: 1px solid rgb(184, 184, 187);
    }
    #anli .anliT2 img{
        width: 100%;
        height: 100%;
    }

    /* @media (max-width:1900px){
      #anli{
        width: 100%;
        height: 800px;
        height: 650px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        margin-top: 2px;
      }
      #anli .anliT1{
        width: 70%;
        height: 450px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
      }
     }*/


    #listarticle{
        width: 100%;
        /* height: 1000px; */
        background-color: #ffffff;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
    }

    #listarticle .conter{
        width: 95%;
        /* height: 1000px; */
        background-color: #ffffff;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #listarticle .lift{
        width: 100%;
        /* height: 1000px; */
        /* background-color: #444343; */
    }
    #listarticle .right{
        width: 30%;
        display: none;
        /* 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;
    }
    #listarticle .listview:hover{
        background-color: #f0f1f3;

    }
    #listarticle  .artf1{
        margin: 5px 5px;
        width: 30%;
        height: 140px;
        /* overflow: hidden; */
    }
    #listarticle .artf1 .img{
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }

    #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: 40px;
        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 (min-width:761px){

        #lunbomoblie,#luntoslide {
            display: none;
        }
        .hidden{display: none;}
    }


}