/* 竖屏 */
@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: calc(100vw - 32px);
        margin: 0 auto 10vw; */
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }
    .titText{
        margin-top:5.5vw;
        margin-bottom:6vw;
        text-align: center;
    }
    .titTextEnd{
        margin-top:1vw;
        margin-bottom:2.5vw;
        text-align: center;
    }
    .titText img{
        width: calc(100vw * 160 / 750);
        min-width: 120px;
    }
    .Preface_EN, .Conclusion_EN {
        position: absolute;
        top: -1vw;
        transform: translateX(-50%);
        left: 50%;
        z-index: 3;
        height: 4vw;
    }
    .titInfo{
        padding: 2vw 2vw;
        position: relative;
        margin: 0 auto 50px;
    }
    .titInfo li {
        font-family: 'font1';
        color: #1b314f;
        text-indent: 2em;
        line-height: 1.8;
        text-align: justify;
        word-break: break-all !important;
        letter-spacing: normal;
        font-size:calc(100vw * 26 / 750);
    }
    .titInfo .text_ornament{
        content: '+';
        font-size: 12px;
        font-weight: 100;
        position: absolute;
        text-indent: 0em;
    }
    .unitTit{
        width: 86%;
        font-size:calc(100vw * 24 / 750);
        color: #9aa29a;
        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: 1vw;
        min-height: 3px;
        max-width: 90%;
        position: static;
        width: auto;
        margin: 0;
    }

    .unitTit .enName {
        /* display: block; */
        font-size:calc(100vw * 12 / 750);
        margin-top: -2px;
    }
    .unitTit .liPitch{
        transform: scale(1);
        opacity: 1;
        color: #536152;
    }
    .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;
    }
    
    .unitInfo{
        padding: 2vw 3vw;
        width:calc(86% - 6vw);
        margin: 0 auto;
        border:.5px solid #b9b298;
        background: #f4efe9;
        position: relative;
        margin-bottom: 3vw;
    }
    .unitInfo li {
        font-family: 'font1';
        color: #64544f;
        text-indent: 2em;
        line-height: 1.8;
        text-align: justify;
        word-break: break-all !important;
        letter-spacing: normal;
        font-size:calc(100vw * 26 / 750);
    }
    .unitInfo p{
        content: '+';
        font-size: 12px;
        font-weight: 100;
        position: absolute;
        text-indent: 0em;
    }
    
    .unitInfo p:nth-child(1){ left: -4px;  top: -10px; }
    .unitInfo p:nth-child(2){ right: -4px; top: -10px; }
    .unitInfo p:nth-child(3){ right: -4.2px; bottom: -8.5px; }
    .unitInfo p:nth-child(4){ left: -3.8px;  bottom: -8.5px; }
    
    .unitList{
        width: 84%;
        margin: 0 auto;
    }
    .unitList .liNameBox {
        margin: 2.5vw auto;
    }
    .unitList .liNameBox img {
        height: 1vw;
        min-height: 4px;
        max-width: 90%;
    }
    .unitList .liName_CN{
        font-size:calc(100vw * 26 / 750);
        color: #63554f;
        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: #63554f;
        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%;
        background: #FBF8F3;
        box-shadow: 0px 8px 8px #eee;
        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{
        box-shadow: 0px 4px 4px #eee;
        transition: all .4s;
    }
    .unitList .liImgs .lis:hover .leftImg img{
        box-shadow: 0px 4px 4px #eee;
        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;
    }
    .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;
    }
    .endTit{
        margin-top: 6vw;
        margin-bottom: 10vw;
    }
    .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);
    }
    .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%;
    }
    .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;
    }
    .page_footer_pc {
        display: none;
    }
    .page_footer_h5 {
        display: block;
        width: 84%;
    }
    .h5_left_ornamen {
        /* transform: rotate(90deg) scale(.6);
        margin: -10% 0 -16%; */
        display: none;
    }
    .h5_right_ornamen {
        /* transform: rotate(270deg) scale(.6);
        margin: -16% 0 -10%; */
        display: none;
    }
    .h5_logo_ornamen {
        width: 20%;
    }
}