/* 竖屏 */
@media screen and (max-width: 1100px) {
    body{
        width:100vw;
        /* background: #ede9de; */
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .topBg{
        width: 100%;
    }
    .topBg img{
        width: 100%;
    }
    .mainBody{
        width: 100%;
        padding: 3vw 16px 0;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }
    .Preface_ornament_top,.Preface_ornament_bottom  {
        height: 1.5rem;
        width: auto;
    }
    .titText{
        text-align: center;
        margin-top: 1rem;
    }
    .titText img{
        width: calc(100vw * 160 / 750);
        min-width: 80px;
    }
    .titInfo{
        padding: 2vw 2vw;
        position: relative;
        margin: 0 auto 2.5rem;
        width: 100%;
    }
    .titInfo li {
        text-indent: 2em;
        line-height: 1.8;
        text-align: justify;
        word-break: break-all !important;
        letter-spacing: normal;
        font-size:calc(100vw * 26 / 750);
    }
    .unitTit{
        width: 86%;
        font-size:calc(100vw * 24 / 750);
        color: #928581;
        font-family: 'font1';
        display: flex;
        justify-content: space-evenly;
        padding: 1.5vw;
        margin: 0 auto;
    }
    .unitTit li{
        padding-top: 3px;
        transition: all .3s;
        position: relative;
        padding-bottom:7px;

        transition: all .3s;
        transform: scale(.8);
        opacity: .7;
        text-align: center;
    }
    .unitTit li .selectedLine {
        height: 2vw;
        min-height: 10px;
        max-width: 90%;
        position: static;
        width: auto;
        margin: 0;
    }

    .unitTit .enName {
        /* display: block; */
        font-size:calc(100vw * 12 / 750);
        margin-top: -2px;
    }
    .unitTit li p{
        position: absolute;
        left: 0px;
        bottom: 3px;
        height: 1px;
        width: 86%;
        margin-left: 5%;
        background: #685b52;
    }
    .unitTit li p span{
        width: .9vw;
        height: .95vw;
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%) rotate(45deg);
        background: #eee9de;
        border: 1px solid #685b52;
    }
    .unitTit li:hover{
        cursor: pointer;
        opacity: .8;
    }
    .unitList{
        width: 84%;
        margin: 0 auto;
    }
    .unitList .unitInfo{
        font-size:calc(100vw * 26 / 750);
        color: #3b2924;
        font-family: 'font1';
        text-indent: 2em;
        line-height: 1.8;
    }
    .unitList .liNameBox {
        margin: 2.5vw auto;
    }
    .unitList .liNameBox img {
        height: 1vw;
        min-height: 4px;
        max-width: 90%;
    }
    .unitList .liName_CN{
        font-size:calc(100vw * 28 / 750);
        color: #3B2924;
        font-family: 'font1';
        text-align: center;
    }
    .unitList .liName_EN {
        font-size: calc(100vw * 16 / 750);
    }
    .unitList .liInfo{
        margin-bottom: 3vw;
        font-size:calc(100vw * 26 / 750);
        color: #3b2924;
        font-family: 'font1';
        text-indent: 2em;
        line-height: 1.8;
    }
    
    .unitList .liImgs{
        margin-bottom: 3.6vw;
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
    }
    .unitList .liImgs .lis{
        width:100%;
        box-shadow: 0px 8px 8px rgba(0,0,0,.1);
        padding: 2.5vw;
        margin-bottom:5vw;
        display: block;
        animation: lis .4s ease forwards;
        transform: translateY(30px);
        opacity: 0;
        position: relative;
    }
    .unitList .liImgs .lis .msk{
        position: absolute;
        z-index: 1;
        left: 0px;
        top:0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    @keyframes lis { to{
        transform: translateY(0px);
        opacity: 1;
    }}
    .unitList .liImgs .lis:hover{
        cursor: pointer;
    }
    .unitList .liImgs .lis .leftImg{
        position: relative;
        width: 100%;
    }
    .unitList .liImgs .lis .leftImg img{
        width: 100%;
    }
    .unitList .liImgs .lis .leftImg p {
        position: absolute;
        top:1.6vw;
        right: -.9vw;
        width: 1.8vw;
        height: 2px;
        border-radius: 2px;
        background: #64544f;
        display: none;
    }
    .unitList .liImgs .lis .leftImg img{
        transition: all .4s;
    }
    .unitList .liImgs .lis:hover .leftImg img{
        box-shadow: 0px 4px 4px #E6D6C4;
        transform: translateY(-0vw) rotate(0deg);
    }
    
    
    .unitList .liImgs .lis .rightInfo{
        margin-left: 0vw;
        margin-right: 0vw;
        margin-top: 3vw;
        color: #63544f;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        display: block;
    }
    .unitList .liImgs .lis .rightInfo .name{
        font-size:calc(100vw * 28 / 750);
        margin-top:.8vw;
        font-family: 'font1';
    }
    .unitList .liImgs .lis .rightInfo .tits {
        font-size:calc(100vw * 24 / 750);
        margin-top:.8vw;
        font-family: 'font1';
        line-height: 1.7;
        white-space: pre-wrap;
    }
    .unitList .liImgs .lis .rightInfo .info{
        font-size:calc(100vw * 22 / 750);
        line-height: 1.7;
        margin-top:.8vw;
    }
    .unitList .liImgs .lis .rightInfo .infoBottom {
        margin-top: 3vw !important;
    }
    .unitList .liImgs .lis .rightInfo .infoBottom .tits {
        margin-top:.6vw;
    }
    .fullBox{
        position: fixed;
        z-index: 100;
        top:0px;
        left:0px;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        flex-direction: column-reverse;
    }
    .fullBox .contentTitle,.fullBox .contentName {
        font-size: calc(100vw * 36 / 750);
    }
    .fullBox .contentBox {
        width: 100%;
        max-height: 50%;
        /* overflow: auto; */
        transform: translate(0,0);
    }
    .fullBox .hide_contentBox {
        transform: translateY(100%);
    }
    .fullBox .contentBox .showToggle {
        width: 2rem;
        height: 2rem;
        border-radius: 1rem 1rem 0 0;
        top: -2rem;
        right: 20px;
        align-items: end;
        justify-content: center;
    }
    .showToggle img {
        transform: rotate(270deg);
    }
    .fullBox .contentBox .hideToggle {
        width: 2rem;
        height: 2rem;
        border-radius: 1rem 1rem 0 0;
        top: -2rem;
        align-items: end;
        justify-content: center;
    }
    .fullBox .contentBox .hideToggle img {
        transform: rotate(90deg);
    }
    .contentBox .content,.contentBox .time {
        font-size: calc(100vw * 22 / 750);
    }
    .fullBox .menu{
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top:calc(100vh - 80px);
        display: flex;
        flex-direction: row;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-radius: 12px;
        overflow: hidden;
        padding: 0px 10px;
        z-index: 3;
    }
    .fullBox .menu li{
        padding: 14px 16px;
        cursor: pointer;
    }
    .fullBox .menu li img{
        transition: all .3s;
    }
    .fullBox .menu img:hover{
        opacity: 1;
    }
    .fullBox .fullImg{
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scale(1);
        width: 50vw;
        cursor: pointer;
    }
    .fullBox .fullImg img{
        width: 100%;
        height: 70vh;
    }
    .fullBox .fullImg .msk{
        position: absolute;
        z-index: 3;
        left: 0px;
        top:0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .fullBox .loading{
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scale(1);
        width:50px;
        animation: loading 2s linear infinite;
        opacity: .7;
    }
    @keyframes loading { to{
        transform: translate(-50%,-50%) scale(1) rotate(360deg);
    }}
    .btn{
        width:18vw;
        position: fixed;
        z-index: 1;
        right: 3vw;
        bottom: 3vw;
        cursor: pointer;
        transition: all .3s;
        filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
    }
    .btn:hover{
        opacity: .7;
    }
    .PrefaceBox, .ConclusionBox {
        padding-top: 12vw;
    }
    .Conclusion_ornament {
        width: 90%;
        right: 0;
    }
    .titInfoInner {
        padding: 0.5rem 2rem;
    }
}