@charset "utf-8";
/* public */
.page_in{
    width: 100%;
    min-height: 100vh;
    /* position: relative; */
}
.hsty{
    width: 100%;
    height: 100%;
}
.main{
    margin: 9rem 15rem;
    overflow: hidden;
}
.blackBJ{
    background: #040000;
}
.whiteBJ{
    background: #fff;
}
.goldBJ{
    background:#dfc88e;
}
.grayBJ{
    background: #fefcfc;
}
.text-middle{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
   /* -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
}
.imgW{
    width: 100%;
}
/* public */
/* index */
.indexImg{
    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
    -webkit-animation-name: fadeInimg; /*动画名称*/
    -webkit-animation-duration: 2s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0.5; /*延迟时间*/
}
.indexImg img{
    width: 100%;
}
/* .ImgS1{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    opacity: 1;
} */
@-webkit-keyframes fadeInimg {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    30% {
        opacity: 0.1;
    }
    50% {
        opacity: 0.3;
    }
    80% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
/* index */
/* menu */
.logo{
    width: 115px;
    position: absolute;
    left:30px;
    top:10px;
    z-index: 999;
}
.logoS .show{
    display: none;
}
.logoS .hide{
    display: block;
}
.logo img{
    width: 100%;
}
.menu{
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height:20rem;
    text-align: center;
    z-index: 99;
}
.menuS{
    background: #040000;
}
.menu_button{
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    margin-top: 12rem;
}
.menu_cur{
    text-align: left;
}
.menuClose{
    color: #e0c98f;
    font-size: 25px;
    width: 100%;
    position: absolute;
    right: -100%;
    bottom: 2rem;
    text-align: center;
}
.menuS .menuClose{
    right: 0;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
/* .menuS:hover .menuClose {
    font-size: 1.6rem
} */
.menu_button .line{
    height: 24px;
    background: #221815;
    display: inline-block;
    margin: 0 2px;
    width: 3px;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.menu_cur .line1{
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
    background: #e0c98f;
}
.menu_cur .line2{
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
    background: #e0c98f;
}
.menu_button:hover .line{
    /* animation-duration: 3s;
	animation-fill-mode: both;
    animation-name: lineXz; */
    background: #e0c98f;
}
/*第一条线旋转动画*/
@keyframes clickfirst {
    0% {
        transform: translateX(0) rotate(0deg);
        height:0;
    }
    100% {
        transform: translateX(10px) rotate(45deg);
        height: 26px;
    }
}
/*第二条线旋转动画*/
@keyframes clicksecond {
    0% {
        transform: translateX(0) rotate(0deg);
        height: 0;
    }
    100% {
        transform: translateX(0px) rotate(-45deg);
        height: 26px;
    }
}
/* 旋转 */
/* @keyframes lineXz {
    0% {
        transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
        -o-transform:rotate(0);
        -ms-transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
    }
}	 */
.nav{
    width: 20%;
    position: absolute;
    right: 0;
    top: 32%;
}
.nav a{
    display: block;
    color: #221815;
    font-size: 24px;
    line-height: 100px;
    height: 100px;
    width: 100%;
    text-align: center;
    margin-left: 15%;
}
.nav a i{
    display: inline-block;
    width: 156px;
    text-align: left;
}
a.navCur i{
    font-weight: bold;
}
.navS{
    margin-top: 0;
    width: 100%;
    height: 100vh;
    background: #040000;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    display: block;
}
.navS:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 20%;
    width: 1px;
    height:0;
    background: #ededed;
    animation:myfirst 0.3s;
    -webkit-animation:myfirst 0.3s;
    animation-fill-mode: forwards;
    animation-delay:0.1s;
}
/*.hr{*/
/*    width: 1px;*/
/*    height: 0;*/
/*    position: absolute;*/
/*    right: 20%;*/
/*    top: 0;*/
/*    background: #ededed;*/
/*    opacity: 0;*/
/*}*/
/*.hrA{*/
/*    opacity: 1;*/
/*    animation:myfirst 0.1s;*/
/*    -webkit-animation:myfirst 0.1s;*/
/*    animation-fill-mode: forwards;*/
/*    animation-delay:0s;*/
/*}*/
/*.hrB{*/
/*    height: 100vh;*/
/*    top: auto;*/
/*    bottom: 0;*/
/*    animation:myLast 0.3s;*/
/*    -webkit-animation:myLast 0.3s;*/
/*    animation-fill-mode: forwards;*/
/*    animation-delay:0.1s;*/
/*}*/
@keyframes myfirst{
    form { height:0;}
    to { height:100%;}
}
@-webkit-keyframes myfirst {/* Safari and Chrome */
    form { height:0;}
    to { height:100%;}
}
@keyframes myLast{
    form { height:100vh;}
    to { height:0;}
}
@-webkit-keyframes myLast {/* Safari and Chrome */
    form { height:100vh;}
    to { height:0;}
}
.navS a.navCur i{
    /* font-weight: normal; */
}
.navS a{
    color: #e0c98f;
    margin: 0 20% 0 0;
    text-align: center;
    width: auto;
    font-weight: bold;
}
.navS a i{
    width: auto;
    opacity: 0;
    transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    -webkit-transition:all 1s;
}
.navS a:first-child{
    margin-top: 20rem;
}
.navS a i:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.nav a:hover{
    color: #e0c98f;
}
.fadeInS{
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1.5s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    /*30% {*/
    /*    opacity: 0.3; !*中间状态 透明度为0*!*/
    /*}*/
    50% {
        opacity: 0.3; /*中间状态 透明度为0*/
    }
    /*80% {*/
    /*    opacity: 0.8; !*中间状态 透明度为0*!*/
    /*}*/
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}
.fadeOutS{
    -webkit-animation-name: fadeOutS; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes fadeOutS {
    0% {
        opacity: 0.8; /*初始状态 透明度为0*/
    }
    /*30% {*/
    /*    opacity: 0.3; !*中间状态 透明度为0*!*/
    /*}*/
    50% {
        opacity: 0.3; /*中间状态 透明度为0*/
    }
    /*80% {*/
    /*    opacity: 0.8; !*中间状态 透明度为0*!*/
    /*}*/
    100% {
        opacity: 0; /*结尾状态 透明度为1*/
    }
}
/* menu */
/* home */
.homeImg{
    width: 80%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.homeImg::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #e0c98f;
    position: absolute;
    right: 0;
    top: 0;
}
.homeLogo{
    height: auto;
    position: relative;
    top: 37%;
}
.homeLogo img{
    width:200px;
    display: inline-block;
}
.homeIn{
    position: absolute;
    left: 50%;
    bottom: 42px;
    width:226px;
    margin-left: -113px;
}
.home .menu_button .line{
    background: #fff;
}
.home .menu_button:hover .line{
    background: #e0c98f;
}
.home .menuS .menu_button:hover .line,.home .menu_cur .line{
    background: #e0c98f;
}
.home .nav a {
    color: #fff;
}
.home .nav a:hover,.home .navS a{
    color: #e0c98f;
}
.play{
    width: 180px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 -90px;
    background: url(../images/play.png) no-repeat center center/cover;
    cursor: pointer;
}
.homeStyle{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: #000;
}
.Close{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 50px;
    height:50px;
    cursor: pointer;
    z-index: 3;
}
.Close img{
    width: 100%;
    height: 100%;
}
.homeStyle .swiper-container ,.homeStyle video{
    width:100%;
    height:100%;
}
.homeStyle .swiper-slide img.show{
    width:auto;
    height: 120%;
}
.homeStyle .swiper-slide img{
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
.effect1 img {
    transform: scale(1.25, 1.25) translate(10%, 10%);
    transform: scale(1.1, 1.1) translate(4.545%, 4.545%);/*tr     =    (sc-1)/2sc*100%              *//* --1.25       0.25/2.5*100%=10%          */
}
.leftUp img {
    -webkit-animation-name: leftUp;
    animation-name: leftUp;
}
@-webkit-keyframes leftUp {
    0% {
        transform:scale(1.1, 1.1) translate(4.545%, 4.545%);
    }
    100% {
        transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);
    }
}
@keyframes leftUp {
    0% {
        transform:scale(1.1, 1.1) translate(4.545%, 4.545%);
    }
    100% {
        transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);
    }
}
.moveRight img {
    -webkit-animation-name: moveRight;
    animation-name: moveRight;
}
@-webkit-keyframes moveRight {
    0% {
        transform:scale(1.1, 1.1) translate(-4.545%, 0);
    }
    100% {
        transform:scale(1.1, 1.1) translate(4.545%, 0);
    }
}
@keyframes moveRight {
    0% {
        transform:scale(1.1, 1.1) translate(-4.545%, 0);
    }
    100% {
        transform:scale(1.1, 1.1) translate(4.545%, 0);
    }
}
.moveDown img {
    -webkit-animation-name: moveDown;
    animation-name: moveDown;
}
@-webkit-keyframes moveDown {
    0% {
        transform:scale(1.1, 1.1) translate(0, -4.545%);
    }
    100% {
        transform:scale(1.1, 1.1) translate(0, 4.545%);
    }
}
@keyframes moveDown {
    0% {
        transform:scale(1.1, 1.1) translate(0, -4.545%);
    }
    100% {
        transform:scale(1.1, 1.1) translate(0, 4.545%);
    }
}
.centerBig img {
    -webkit-animation-name: centerBig;
    animation-name: centerBig;
}
@-webkit-keyframes centerBig {
    100% {
        transform:scale(1.1, 1.1);
    }
}
@keyframes centerBig {
    100% {
        transform:scale(1.1, 1.1);
    }
}
.rightDownBig img {
    -webkit-animation-name: rightDownBig;
    animation-name: rightDownBig;
}
@-webkit-keyframes rightDownBig {
    100% {
        transform:scale(1.1, 1.1) translate(4%, 4%);
    }
}
@keyframes rightDownBig {
    100% {
        transform:scale(1.1, 1.1) translate(4%, 4%);
    }
}
.bottomP{
    width: 63%;
    text-align: right;
    font-family: 微软雅黑;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0.5rem;
}
/* home */
/* service */
.service .menu_button:hover .line{
    background: #fff;
}
.service .menuS .menu_button:hover .line{
    background: #e0c98f;
}
.service .nav a:hover{
    color: #fff;
}
.serL{
    width: 60%;
    height: 100%;
}
.serL_top{
    height: 55%;
    overflow: hidden;
}
.serL_top>img{
    width: 60%;
    margin: 12rem 20rem 2rem 4.5rem;
}
.serL_top h3{
    color: #040000;
    width: 60%;
    margin: 18% 20% 0 4.5rem;
    font-weight: bold;
    line-height: 55px;
    font-size: 33px;
}
.Sermore{
    display: inline-block;
    color: #040000;
    font-size: 18px;
    border: 1px solid #434040;
    line-height: 2.8rem;
    margin: 2.4rem 0 0 4.8rem;
    padding: 0 15px;
    font-family: "微软雅黑";
}
.Sermore img{
    width: 32px;
    margin:0 0 0 10px;
    position: relative;
    top: -0.1rem;
}
/* .Sermore:hover{
    color: #e0c98f;
} */
.serL_bot{
    height: 54%;
    overflow: hidden;
}
.serL_bot>img{
    width: 60%;
    margin: 9rem 0 2rem 4.5rem;
}
.serL_bot h3{
    width: 60%;
    margin: 11% 20% 0 4.5rem;
    font-weight: bold;
    color: #e0c98f;
    line-height: 55px;
    font-size: 33px;
}
.serL_bot .Sermore{
    color: #e0c98f;
    border:1px solid #9b8a62;
}
.serR{
    width: 40%;
    height: 100%;
    position: relative;
    background: url(../images/serT.png) no-repeat 90% 45%/12% auto;
}
.serR::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #655640;
}
.serR img{
    width: 110%;
    position: absolute;
    left: -48%;
}
/* service */
/* servicedot */
.serdot{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.serdot .menu,.serdot .nav{
    display: none;
}
.serdotTop{
    margin-bottom: 3rem;
    margin-top: 2rem;
}
.serdotTop .imgW{
    margin-top: 3rem;
}
.back{
    font-size: 1rem;
    color: #000000;
    letter-spacing: 1px;
    position: relative;
    font-weight: bold;
    display: inline-block;
    margin-left: 1rem;
}
.back:hover{
    color: #e0c98f;
}
.back:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    top: 3px;
    border-right: 5px solid #000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.back:hover:after{
    border-right: 5px solid #e0c98f;
}
.serdotTop h3{
    color:#040000;
    margin: 1.2rem 0;
    font-family: "Helvetica";
    font-weight: bold;
}
.casedot .serdotTop h3{
    font-family: Arial Black;
}
.czdot .serdotTop h3{
    font-family: Arial Black;
}
.serdotBot{
    overflow: hidden;
}
.serdotB{
    width: 50%;
}
.serdotB img{
    width: 100%;
}
.serdotB p{
    margin-left: 3rem;
}
.serdotC{
    width: 47%;
    margin-left: 3%;
}
/* servicedot */
/* about */
.about{
    width: 100%;
    /*height: 100%;
    overflow: hidden; */  
	overflow-y: auto;
    overflow-x: hidden;
}
.about .main{
    margin: 11rem 6rem 0 16rem;
}
.aboutNav{
    width: 18%;
}
.aboutNav h3{
    font-weight: bold;
    margin-bottom: 2.5rem;
    color: #fff;
    font-family: Helvetica;
    font-size: 2rem;
}
.aboutNav a{
    color: #fff;
    line-height: 4rem;
    font-size: 1.8rem;
    font-weight: bold;
}
.aboutNav a:hover,.aboutNav a.Acur{
    color: #e0c98f;
}
.aboutNav a.return {
    border-bottom: 2px solid #fff;
    line-height: 1.6rem;
    display: inline-block;
    margin-top: 0.8em;
}
.aboutNav a.return:hover{
    border-bottom: 2px solid #e0c98f;
}
.aboutCon{
    width: 82%;
    margin-top: 3px;
}
.aboutCon p{
    color: #fff;
    line-height: 1.8rem;
    /* font-size: 14px; */
    font-family: 微软雅黑;
}
/* about */
/* leader */
.leaderList{
    clear: both;
}
.leaderL_img{
    width: calc(26% - 3rem);
}
.leaderL_img img{
    width: 100%;
}
.leaderL_imgS{
    position: relative;
    top: -15rem;
}
.leaderL_txt{
    width: 74%;
}
.ml{
    margin-left: 3rem;
}
.mt{
    margin-top: 6rem;
}
.mt-s{
    margin-top: 3rem;
}
/* leader */
/* team */
/* .team .aboutNav h3,.team .aboutNav a{
    color: #e0c98f;
}
.team .aboutNav a:hover,.team .aboutNav a.Acur{
    color: #fff;
} */
.teamUl{
    width: 100%;
    min-height: 100%;
}
.teamUl li{
    float: left;
    width: calc(50% - 2rem);
}
.teamUl li.ml{
    margin-left: 4rem;
    float: right;
}
.teamUl li h6{
    color: #e0c98f;
    margin-bottom: 2rem;
}
.teamUl li img{
    width: 100%;
}
/* team */
/* terms */
.termsTxt{
    margin-bottom: 3rem;
}
.termsTxt h5{
    color: #fff;
    font-family: 微软雅黑;
    font-size: 14px;
}
/* terms */
/* arty */
.arty .menu_button .line{
    background: #e0c98f;
}
.arty  .menu_button:hover .line{
    background: #fff;
}
.arty  .menuS .menu_button:hover .line{
    background: #e0c98f;
}
.arty .nav a{
    color: #e0c98f;
}
.arty .nav a:hover{
    color: #fff;
}
.artyImg{
    width: 80%;
    min-height: 100%;
    position: relative;
}
.artyImg>img{
    width: 300px;
}
.artyImg .Sermore{
    position: absolute;
    left: auto;
    top: 50%;
    margin: 132px 0 0 0;
}
/* arty */
/* case1 */
.case1Con{
    width: 80%;
    min-height: 100%;
    position: relative;
}
.case1Con::after{
    content: "";
    width: 1px;
    min-height: 100%;
    background: #040000;
    position: absolute;
    right: 0;
    top: 0;
}
.case1Top{
    height: 86%;
    overflow: hidden;
}
.case1_l{
    width: 15%;
    margin: 18rem 6.5% 0 8.5%;
}
.case1_l>img{
    width: 100%;
}
.case1_l .Sermore{
    margin: 3rem 0 0 4%;
    /* font-size: 10px; */
    /* -webkit-transform: scale(0.75); */
}
.case1_r{
    width: 70%;
    height: 100%;
    position: relative;
}
.case1_r>img{
    width: 100%;
}
.case1_r span{
    display: none;
    width: 76px;
    height: 76px;
    background: url(../images/playC.png) no-repeat center center/cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -38px;
}
.case1Tit{
    height: 14%;
    margin-left: 8.5%;
}
.case1Tit h3{
    line-height: 4rem;
    font-weight: bold;
    color: #040000;
    font-family: Helvetica;
    font-size: 33px;
}
.case1Tit .hide{
    display: none;
}
/* case1 */
/* case2 */
.case2Con{
    width: 80%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.case2Con_l{
    width: 63%;
    margin-right: 2%;
    height: 100%;
}
.case2Con_ltop img{
    width: 50%;
    margin-top: 9.5em;
}
.case2Con_ltit{
    width: 39%;
    margin-left: 1%;
}
.case2Con_ltit .Sermore{
    margin: 8rem 0 3rem;
}
.case2Con_ltit h2{
    font-weight: bold;
    color: #040000;
    font-family: Helvetica;
    font-size: 33px;
}
.case2Con_lbotimg{
    width: 60%;
    margin-top: 3%;
}
.case2Con_lbotimg img{
    width: 100%;
}
.case2Con_r{
    width: 35%;
    height: 100%;
    background: url(../images/case5.png) no-repeat center center/cover;
    position: relative;
}
.case2Con_r::after{
    content: "";
    height: 100%;
    width: 1px;
    background: #574f4d;
    position: absolute;
    right: 0;
    top: 0;
}
/* case2 */
/* cases */
.cases .menu_button .line{
    background: #fff;
}
.cases .menu_button:hover .line,.cases .menu_cur .line{
    background: #e0c98f;
}
.cases .nav a{
    color: #fff;
}
.cases .navS a,.cases a.navCur {
    color: #e0c98f;
}
.cases .nav a:hover{
    color: #e0c98f;
}
.casesCon{
    width: 80%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.casesCon:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.casesTit{
    margin: 11rem 0 3rem 16rem;
}
.casesTit img{
    height: auto;
}
.casesTit h2{
    color: #fff;
    font-weight: bold;
    font-family: Helvetica;
}
.arvhTit,.TitML{
    margin-left: 23rem;
}
.casesUl{
    margin: 4rem 6rem 0 23rem;
    overflow: hidden;
}
.casesUl li{
    float: left;
    width: 45.5%;
    margin-right: 4.5%;
}
.casesUl li img{
    width: 100%;
max-height: 210px;
}
.casesUlTit{
    margin: 4rem 0 1.5rem;
    overflow: hidden;
}
.casesUlTit h3{
    color: #fff;
    overflow: hidden;
    font-family: "FZLTCXHJW";
    font-size: 18px;
}
.casesUlTit span{
    font-size: 12px;
}
.casesUl li p{
    color: #fff;
    font-size: 12px;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    font-family: "FZLTCXHJW";
    margin-bottom: 0;
    opacity: 0.7;
}
/* cases */
/* casedot */

.cases .serdotTop{
    margin-bottom:2rem;
    margin-top:1rem;
	margin-left:23rem;
}

.casedot{
    width: 100%;
    height: 100%;
    background: url(../images/caseBj.png) no-repeat center center/cover;
    /*overflow: hidden;*/
	overflow-y: auto;
}
 .czdot{
    width: 100%;
    height: 100%;
	background-color:#000000;
    /*overflow: hidden;*/
	overflow-y: auto;
}
.casedot .menu,.casedot .nav{
    display: none;
}
.czdot .menu,.czdot .nav{
    display: none;
}
.cases .back,.casedot .back,.casedot .serdotTop h3{
    color: #fff;
}
.czdot .back,.czdot .serdotTop h3{
    color: #fff;
}
.casedot .back::after{
    border-right: 5px solid #fff;
}
.casedot .back:hover{
    color: #e0c98f;
}
.casedot .back:hover:after{
    border-right: 5px solid #e0c98f;
}

.cases .back::after{
    border-right: 5px solid #fff;
}
.cases .back:hover{
    color: #e0c98f;
}
.cases .back:hover:after{
    border-right: 5px solid #e0c98f;
}

.casedotP p{
    color: #fff;
    line-height: 1.8rem;
}

.czdot .back::after{
    border-right: 5px solid #fff;
}
.czdot .back:hover{
    color: #e0c98f;
}
.czdot .back:hover:after{
    border-right: 5px solid #e0c98f;
}

/* casedot */
/* cz1 */
.cz1{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
}
.cz1 .menu,.cz1 .nav{
    display: none;
}
.czCon{
    margin:9em;
}
.czCon_l{
    width: 64%;
}
.czCon_ltop{
    width: 100%;
}
.czCon_ltoptxt{
    width: 54%;
    margin-top: 3rem;
}
.czCon_ltoptxt img{
    height: 30px;
    margin: 2rem 0;
    display: block;
}
.czCon_ltoptxt .imgW{
    height: auto;
}
.czCon_ltoptxt p{
    color: #221815;
    line-height: 2rem;
}
.czCon_ltopimg{
    width: 30%;
    margin-bottom: 1.5%;
}
.czCon_ltopimg img{
    width: 100%;
}
.czCon_lbot{
    width: 100%;
    padding-top: 1.5%;
}
.czCon_img1{
    width: 50%;
    margin-top: 4.5%;
}
.czCon_img2{
    width: 45%;
    margin-left: 1.65%;
}
.czCon_r{
    width: 35%;
    margin-left: 1%;
}
.czCon_img3{
    width: 94%;
}
.czCon_img4{
    width: 80%;
    margin-top: 3%;
}
.czCon_mb{
    display: none;
    margin: 10rem 2rem 2rem;
    overflow: hidden;
}
.czCon_mbL{
    width: 58%;
    text-align: center;
}
.czCon_mbL .czCon_img1{
    width: 78%;
    margin: 0 0 2rem;
}
.czCon_mbL .czCon_img2{
    width: 100%;
    margin-left: 0;
}
.czCon_mbL .czCon_img3{
    width: 90%;
    margin-right: 10%;
}
.czCon_mbL p{
    margin: 1rem 2rem 2rem 0.8rem;
}
.czCon_mbR{
    width: 42%;
    text-align: center;
}
.czCon_mbR h6{
    margin:0 0 2rem 1.2rem;
    text-align: left;
}
.czCon_mbR img{
    width: 100%;
}
.czCon_mbR p{
    margin: 1rem 0 2rem;
}
/* cz1 */
/* cz */
.czImg{
    width: 80%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.czImg .Sermore {
    position: absolute;
    height: 38px;
    left: auto;
    top: 50%;
    margin: 152px 0 0 0;
    color: #e0c98f;
    border: 1px solid #e0c98f;
}
.czImg>img{
    width:120px;
}
/* cz */
/* new */
.newCon::after{
    background: #e0c98f;
}
/* new */
/* project */
.projectCon::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #101010;
    position: absolute;
    right: 0;
    top: 0;
}
.projectImg{
    width: 50%;
    position: relative;
    text-align: center;
}

.projectImglf{
    width:100%;
   text-align: center;
   margin-top:33%;
}

.projectImglfh{
height:300px;
vertical-align: middle;
text-align: center;
}

.projectImglfh img{
    /*width: 100px;*/
	max-width: 90%;
    max-height: 100%;
}
.projectImg.fl .Sermore {
    /*position: absolute;
	 left: auto;
    top: 50%;*/
    height: 38px;
    margin: 50px 0 0 0;
    color: #e0c98f;
    border: 1px solid #e0c98f;
}

.projectImgrb{
    width:100%;
   text-align: center;
   margin-top:33%;
}

.projectImgrbh{
height:300px;
vertical-align: middle;
text-align: center;
}

.projectImgrbh img{
    /*width: 166px;*/
	max-width: 90%;
    max-height: 100%;
}
.projectImg.fr .Sermore {
    /*position: absolute;
	left: auto;
    top: 50%;*/
    height: 38px;
    margin: 50px 0 0 0;
}
/* project */
/* media*/
.mediaBox{
    margin: 0 0 0 23rem;
    height:70%;
    overflow-y: auto;
}
.madiaBoxImg{
    width: 20%;
    margin-right: 10%;
}
.madiaBoxImg img{
    width: 100%;
    margin-bottom: 1rem;
}
.mediaBoxTxt{
    width: 65%;
    margin-right:5%;
}
.mediaBoxTxt a,.mediaBoxTxt p{
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 0;
    font-family: FZLTCXHJW;
    overflow: hidden;
    line-height:2.88;
    text-overflow: ellipsis;
    display: -webkit-box;
   /* -webkit-line-clamp: 1;*/
    -webkit-box-orient: vertical;
}
.mediaNumber{
    margin-top: 3rem;
}
.mediaNumber a{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin: 0 12px;
    font-family: "Adobe 黑体 Std";
    text-align: center;
}
.mediaNumber p{
    font-size: 12px;
    font-family: "Adobe 黑体 Std";
    margin: 0;
    text-transform: uppercase;
}
.mediaNumber a:hover,.mediaNumber a.mediaAcur{
    color: #e0c98f;
    font-weight: bold;
}
.mediaPage{
    margin: 3rem 10rem 0 16rem;
}
.mediaPage a{
    font-family: "Adobe 黑体 Std";
    font-size: 14px;
    color: #fffefe;
    display: inline-block;
    margin: 0 2rem;
    text-transform: uppercase;
}
/* media*/
.contactBox{
    margin:8rem 4rem 0 16rem;
}
.contactBox img{
    width: auto;
    max-width: 100%;
}
@media (max-width:1920px) and (max-height:1080px) {
    .mediaBoxTxt a, .mediaBoxTxt p {
        /*line-height: 34px;*/
        /*margin-bottom: 1.2rem;*/
    }
}
@media screen and (max-width: 1660px) {
    .leaderL_imgS{
        top: -8rem;
    }
    .mediaBoxTxt a, .mediaBoxTxt p {
        font-size: 1.3rem;
        line-height: 26px;
        margin-bottom: 0.8rem;
    }
}
@media screen and (max-width: 1440px) {
    .play {
        width: 120px;
        height: 120px;
        margin: -60px 0 0 -60px;
    }
    .leaderL_imgS{
        top: -6rem;
    }
    .serL_top h3,.serL_bot h3{
        font-size: 24px;
    }
    .case1Tit h3{
        font-size: 24px;
    }
    .case1_l .Sermore {
        margin: 3rem 0 0 3%;
        font-size: 10px;
        -webkit-transform: scale(0.75);
    }
    .aboutNav {
        width: 22%;
    }
    .aboutCon {
        width: 78%;
    }
    /*.mediaBox{*/
    /*    margin: 0 0 0 16rem;*/
    /*}*/
    /*.mediaBoxTxt {*/
    /*    width: 57%;*/
    /*}*/
    /*.madiaBoxImg{*/
    /*    width: 21%;*/
    /*    margin-right: 12%;*/
    /*}*/
    /*.TitML{*/
    /*    margin-left: 16rem;*/
    /*}*/
}
@media screen and (max-width: 768px) {
    body{
        overflow-y: auto;
    }
    .show,.homeStyle.hide,.prologo.logo.logoS .hide,.prologo.logo .show,.logo .hide,.logo.logoS .show{
        display: none;
    }
    .hide,.prologo.logo.logoS .show,.prologo.logo .hide,.logo .show,.logo.logoS .hide{
        display: block;
    }
    .page_in{
        /* height: auto; */
        /* min-height: 100vh; */
    }
    .indexImg .show{
        display: none;
    }
    .indexImg .hide{
        display: block;
    }
    .homeStyle .swiper-slide img.show{
        display: none;
    }
    .homeStyle .swiper-slide img.hide{
        display: block;
        width: 100%;
        height: auto;
    }
    .logo {
        width: 6rem;
        left: 2rem;
        top: 2rem;
    }
    .nav{
        display: none;
    }
    .navS,.project .navS{
        width: 100%;
        right: 0;
        display: block;
        height: 100vh;
    }
    .navS a{
        margin: 0;
        font-size: 20px;
        line-height: 90px;
        height: 90px;
    }
    .navS a:first-child {
        margin-top: 10rem;
    }
    .menu{
        width: 5rem;
        height: 5rem;
        top: 0;
        right: 0;
        position: absolute;
    }
    .Sermore {
        margin: 2.4rem 0 0 3em;
        /* font-size: 10px; */
        /* -webkit-transform: scale(0.75); */
    }
    .serL_bot .Sermore{
        margin-left: 4.5rem;
    }
    .service .menu{
        background: #000;
    }
    .service .menu_button:hover .line {
        background: #e0c98f;
    }
    .menuClose{
        display: none;
    }
    .menu_button {
        text-align: left;
        margin-top: 2.8rem;
    }
    .menu_button .line{
        background: #e0c98f;
        height: 2px;
        display: flex;
        margin-bottom: 0.7rem;
    }
    .menu_button .line1{
        width: 100%;
    }
    .menu_button .line2{
        width: 63%;
    }
    .cases .menu_button .line{
        background: #e0c98f;
    }
    /*第一条线旋转动画*/
    @keyframes clickfirst {
        0% {
            transform: translateY(0) rotate(0deg);
            width:0;
        }
        100% {
            transform: translateY(4px) rotate(45deg);
            width: 22px;
        }
    }
    /*第二条线旋转动画*/
    @keyframes clicksecond {
        0% {
            transform: translateY(0) rotate(0deg);
            width:0;
        }
        100% {
            transform: translateY(-6px) rotate(-45deg);
            width: 22px;
        }
    }
    .casesCon{
        width: 100%;
        float: none;
    }
    .newCon::after,.navS::after,.homeImg::after,.projectCon::after,.case1Con::after,.casesCon::after{
        content: none;
    }
    .casesTit{
        margin: 10rem 3rem 2.5rem;
    }
    .casesTit img {
        height: 14px;
    }
	
  .cases .serdotTop{
    margin-bottom:1.5rem;
    margin-top:1rem;
	margin-left:3rem;
}
	
    .casesTit h2{
        font-size: 1.6rem;
    }
    .casesUl {
        padding: 0 2rem;
        height: 73vh;
        overflow-y: auto;
        margin: 0;
    }
    .casesUl li{
        float: none;
        width: 100%;
        margin-bottom: 3.5rem;
    }
    .casesUl li h3{
        width: 100%;
        font-size: 12px;
    }
    .casesUl li p{
        -webkit-line-clamp:1;
    }
    .casesUl li p.show,.casesUl li span{
        display: none;
    }
    .casesUlTit {
        margin: 2rem 0 0;
    }
    .main {
        margin:10rem 2rem 2rem;
    }
    .about .main {
        margin: 10rem 2rem 2rem;
    }
	
	.czdetm .main {
        margin: 10rem 2rem 2rem;
    }
    .back{
        margin-left: 0.8rem;
        font-size: 12px;
        -webkit-transform-origin-x: 0;
        -webkit-transform: scale(0.8);
    }
    .serdotB{
        float: none;
        width: 100%;
    }
    .serdotB img{
        width: 80%;
        margin: 0 auto 3rem;
        display: block;
    }
    .serdotB p{
        margin-left: 0;
    }
    .serdotTop p{
        text-align: justify;
    }
    .serdotC{
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .homeImg{
        float: none;
        width: 100%;
        overflow: hidden;
        height: 100vh;
    }
    .play {
        width: 60px;
        height: 60px;
        margin: -20px 0 0 -30px;
    }
    .serL{
        float: none;
        width: 100%;
        height:auto;
    }
    .serR{
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
    }
    .serR img{
        width: 62%;
        left: auto;
        right: -27%;
    }
    .serL_top{
        height: 50vh;
        padding: 4rem 0 7rem;
    }
    .serL_bot {
        height: 50vh;
        overflow: hidden;
        padding: 2rem 0 7rem;
    }
    .serL_top h3{
        font-size: 1.6rem;
    }
    .project .menu{
        display: block;
        background: #000;
    }
    .project .menu .menu_button{
        margin-top: 2rem;
    }
    .projectImg{
        width: 100%;
    }
    .page_in.project{
        height: 100%;
        overflow: hidden;
    }
    .projectH3{
        display: block;
        margin:10rem 3rem 1rem;
        font-size:1.6rem;
        font-family: Helvetica;
        text-transform: uppercase;
        font-weight: bold;
    }
    .projectImg{
        height: calc(50% - 4.9rem);
    }
	
	.projectImglf{
    margin-top:10%;
    }

.projectImglfh{
height:120px;
}
	
    .projectImgbb.fl img{
        /*width: 70px;*/
		max-width: 80%;
       max-height: 100%;
        margin-top: -5rem;
    }
	
	.projectImgrb{
     margin-top:10%;
}

.projectImgrbh{
height:120px;
}

    .projectImgbb.fr img{
        margin-top: -6rem;
        /*width: 120px;*/
		max-width: 80%;
    max-height: 100%;
    }
    .projectImg.fl .Sermore{
        margin:20px 0 0 0;
        font-size: 10px;
        -webkit-transform: scale(0.75);
    }
    .projectImg.fr .Sermore{
        margin: 12px 0 0 0;
        font-size: 10px;
        -webkit-transform: scale(0.75);
    }

 .mediaBoxTxt a, .mediaBoxTxt p {
        font-size: 0.9rem;
        line-height: 26px;
        margin-bottom: 0.8rem;
    }
	
    .czImg{
        width: 100%;
        height: 100vh;
    }
    .czImg>img{
        margin-top: -6rem;
        width: 80px;
    }
    .czImg .Sermore{
        margin: 76px 0 0 0;
        /* font-size: 10px; */
        /* -webkit-transform: scale(0.75); */
    }
    .czImg .show{
        display: none;
    }
    .czImg .hide{
        display: block;
    }
    .czCon_mbR .imgW{
        width: 86%;
        margin: 1rem auto 2rem;
    }
    .czCon_mbL .imgW{
        width: 86%;
        margin: 1rem auto 2rem;
    }
    .casedot{
        background: url(../images/caseBj1.png) no-repeat center center/cover;
    }
    .case2 .menu,.case1 .menu,.arty .menu{
        background: #000;
    }
    .case2 .menu .menu_button,.case1 .menu .menu_button,.arty .menu .menu_button{
        margin-top:2rem;
    }
    .case2Con{
        width: 100%;
        height: 99vh;
        padding-top: 10rem;
    }
    .case2Con_l{
        margin-right: 0;
        width: 45%;
    }
    .case2Con_ltop{
        text-align: left !important;
    }
    .case2Con_ltop img{
        width: 90%;
        margin-top: 13em;
    }
    .case2Con_ltit {
        width: 100%;
        float: none;
        position: absolute;
        top: 70%;
        right: 0;
    }
    .case2Con_lbotimg{
        width: 88%;
        float: none;
        margin-top: 8%;
        margin-left: 12%;
    }
    .case2Con_r{
        width: 55%;
        height: 71%;
        margin-top: 6%;
    }
    .case2Con_ltit .Sermore {
        margin:12rem 0 2rem 14rem;
    }
    .case2Con_ltit h2{
        margin-right: 25rem;
    }
    .case1Con{
        width: 100%;
    }
    .case1_l{
        display: none;
    }
    .case1_r{
        float: none;
        width: 100%;
        margin-top: 10rem;
    }
    .case1_r span{
        display: block;
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
    }
    .case1Tit{
        margin: 2rem 12rem;
        text-align: right;
    }
    .case1Tit h3{
        line-height: 2.2rem;
        margin-top: 2rem;
        text-align: left;
    }
    .case1Tit .hide {
        display: inline-block;
        /* font-size: 10px; */
        /* -webkit-transform: scale(0.75); */
        margin-left: 0;
        margin-right: 1.5rem;
    }
    .casedot .menu_button .line{
        background: #221815;
    }
    .casedot .menu_button:hover .line{
        background: #e0c98f;
    }
    .arty{
        background: #fff;
    }
    .artyImg{
        width: 100%;
        height: 100vh;
    }
    .artyImg>img{
        width: 32%;
        margin-top: -5rem;
    }
    .artyImg .Sermore {
        margin: 74px 0 0 0;
        /* font-size: 10px; */
        /* -webkit-transform: scale(0.75); */
    }
    .about .menu,.about .navS,
    .serdot .menu,.serdot .navS,
    .casedot .menu,.casedot .navS,
    .cz1 .menu,.cz1 .navS{
        display: block;
    }
    .aboutNav{
        width: 100%;
        float: none;
        overflow: hidden;
        line-height: 2rem;
    }
    .aboutNav h3{
        float:none;
        font-size:1.6rem;
        margin-bottom: 0;
    }
    .aboutNav h3 img{
        height:13px
    }
    .aboutNav a{
        float: left;
        margin-right:0.9rem;
        font-size: 1rem;
        margin-top:0;
    }
    .aboutNav a.return{
        display:none
    }
    .aboutCon{
        float: none;
        width: 100%;
        margin-bottom: 2rem;
    }
    .aboutCon p{
        text-align: justify;
    }
    .leaderList{
        margin-bottom: 2rem;
    }
    .leaderL_img{
        width:calc(52% - 2rem);
    }
    .leaderL_imgS{
        top: 3rem;
    }
    .leaderL_txt{
        width: 48%;
    }
    .aboutCon p{
        line-height: 1.3rem;
    }
    .aboutCon p.show{
        display: none;
    }
    .ml{
        margin-left: 2rem;
    }
    .mt{
        margin-top: 1rem;
    }
    .teamUl li{
        width: 100%;
        float: none;
    }
    .teamUl li.ml{
        margin:0;
        float: none;
    }
    .teamUl li:nth-child(2){
        margin: 4rem 0;
    }
    .teamUl li img{
        margin: 0 auto;
        width: 90%;
        display: block;
    }
    .czCon{
        display: none;
    }
    .czCon_mb{
        display: block;
    }
    .show.pc{
        display: none;
    }
    .hide.ph{
        display: block;
    }
    .Close {
        width: 30px;
        height: 30px;
    }
    .serdotTop h3{
        font-size: 1.2rem;
    }
    .czCon_mbL p{
        margin: 0.5rem 1rem 2rem 0.6rem;
    }
    .bottomP {
        width: 100%;
        text-align: center;
    }
    .menu.blackBJ .menu_button{
        margin-top: 2rem;
    }
    .serdotTop {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .serdotTop .imgW{
        margin-top: 1rem;
    }
    .homeLogo img {
        width: 120px;
    }
    .homeIn {
        bottom: 62px;
        width: 140px;
        margin-left: -70px;
    }
    .mediaBox{
        margin: 0 2rem;
        /*height: 62vh;*/
        /*overflow-y: auto;*/
    }
    .madiaBoxImg,.mediaBoxTxt{
        float: none;
        overflow: hidden;
    }
    .madiaBoxImg{
        width: 100%;
		display:none;
    }
    .madiaBoxImg img{
        float: left;
        width: calc(33.33% - 8px);
    }
    .madiaBoxImg img:nth-child(2){
        margin: 0 8px;
    }
    .mediaBoxTxt{
        width: 98%;
        margin: 1rem auto 0;
    }
    .mediaBoxTxt a{
        font-size: 12px;
    }
    .mediaPage{
        margin: 2rem;
        overflow: hidden;
    }
    .mediaPage a{
        margin: 0;
        width: 50%;
        float: left;
    }
    .mediaPage a:nth-child(3),.mediaPage a:nth-child(4){
        font-size: 12px;
        margin-top: 1rem;
    }
    .contactBox{
        margin: 0 3rem;
    }
}
@media screen and (max-width: 600px){
    .artyImg .Sermore {
        margin: 80px 0 0 0;
    }
    .case1Tit {
        margin: 2rem 9rem;
    }
    /*.mediaBox {*/
    /*    height: auto;*/
    /*}*/
}
@media screen and (max-width: 480px){
    .case1Tit {
        margin: 2rem 4rem;
    }
    .artyImg .Sermore {
        margin: 95px 0 0 0;
    }
    .case2Con {
        height: 100vh;
        padding-top: 5rem;
    }
    .case2Con_ltit .Sermore {
        margin: 7rem 0 2rem 18rem;
    }
    .serL_top>img {
        margin: 6rem 0 2rem 4.5rem;
    }
    .serL_bot>img {
        margin: 8rem 0 2rem 4.5rem;
    }
}
@media screen and (max-width: 414px) {
    .case2Con_ltit .Sermore {
        margin: 5rem 0 2rem 14rem;
    }
    .case1Tit {
        margin: 2rem 5.6rem;
    }
    .case1Tit h3 {
        line-height: 2.4rem;
        font-size: 1.4rem;
    }
    .serL_top h3 {
        font-size: 1.4rem;
        margin: 16% 20% 0 4rem;
    }
    .serL_bot h3{
        font-size: 1.6rem;
        margin: 10% 20% 0 4rem;
    }
    .Sermore {
        margin: 2.4rem 0 0 4.4em;
        font-size: 12px;
    }
    .serL_top>img {
        margin: 4rem 0 1rem 4.5rem;
    }
    .serL_bot>img {
        margin: 8rem 0 2rem 4.5rem;
    }
    .case2Con_ltit h2 {
        margin-right: 22rem;
    }
    .artyImg .Sermore {
        margin: 50px 0 0 0;
    }
    .case2Con_r {
        height: 62%;
        margin-top: 14%;
    }
    /*.mediaBox {*/
    /*    height: 64vh;*/
    /*}*/
}
@media screen and (max-width: 384px) {
    .case2Con {
        padding-top: 2rem;
    }
    .case2Con_ltit .Sermore {
        margin: 4rem 0 2rem 8rem;
    }
    .case2Con_ltit h2 {
        margin-right: 18rem;
    }
    .bottomP{
        margin-bottom: 0;
    }
    .Sermore {
        margin: 2.4rem 0 0 3.8em;
        font-size: 12px;
    }
    .serL_top>img {
        width: 58%;
        margin: 4rem 0 0 4.5rem;
    }
    .serL_bot>img {
        width: 58%;
        margin: 5.5rem 0 0 4.5rem;
    }
    .serR img {
        width: 56%;
    }
    .case1Tit {
        margin: 2rem 5rem;
    }
    .artyImg>img {
        width: 40%;
    }
    .artyImg .Sermore {
        margin: 42px 0 0 0;
    }
    .case2Con_r {
        height: 55%;
        margin-top: 24%;
    }
    /*.mediaBox {*/
    /*    height: 60vh;*/
    /*}*/
    .mediaNumber a{
        margin: 0 8px;
    }
}
@media screen and (max-width: 375px) {
    .indexImg .show{
        display: none;
    }
    .indexImg .hide{
        display: block;
    }
    .case2Con_ltit .Sermore {
        margin: 6rem 0 1rem 13rem;
        /* font-size: 10px; */
        /* -webkit-transform: scale(0.75); */
    }
    .case1Tit {
        margin: 2rem 4rem;
    }
    .mt {
        margin-top: 0;
    }
    .mediaNumber {
        margin-top: 2.5rem;
    }
}

@media (max-width:375px) and (max-height:812px) {
    .serL_top {
        padding: 6rem 0 8rem;
    }
    .serL_bot {
        padding: 4rem 0 7.6rem;
    }
    /*.mediaBox {*/
    /*    height: auto;*/
    /*}*/
}
@media (max-width:375px) and (max-height:667px) {
    .serL_top {
        padding: 4rem 0 5rem;
    }
    .serL_bot {
        padding: 1rem 0 7rem;
    }
    /*.mediaBox {*/
    /*    height: 63vh;*/
    /*}*/
}
@media screen and (max-width: 360px) {
    .serL_top h3 {
        line-height: 2.4rem;
    }
    .serL_bot h3{
        line-height: 3rem;
    }
    .Sermore {
        margin: 2.4rem 0 0 4.4em;
        font-size: 12px;
    }
    .serL_bot>img {
        margin: 6rem 0 0 4.5rem;
    }
    .case2Con {
        height: 98vh;
    }
    .case2Con_ltit .Sermore {
        margin: 3rem 0 1rem 13rem;
        /* font-size: 10px; */
        /* -webkit-transform: scale(0.75); */
    }
    /*.mediaBox {*/
    /*    height: 60vh;*/
    /*}*/
}
@media screen and (max-width: 320px) {
    .case2Con_ltop img {
        margin-top: 10em;
    }
    .case2Con_ltit .Sermore {
        margin: 3rem 0 1rem 12rem;
    }
    .case1Tit {
        margin: 2rem 1.8rem;
    }
    .artyImg .Sermore {
        margin: 61px 0 0 0;
    }
    .serL_top h3 {
        font-size: 1.2rem;
        line-height: 2.8rem;
    }
    .Sermore{
        font-size: 10px;
        -webkit-transform: scale(0.75);
        margin: 2rem 0 0 2.5rem;
    }
    .serL_bot h3 {
        font-size: 1.4rem;
        line-height: 3rem;
    }
    .serL_bot .Sermore{
        margin: 2rem 0 0 1.5rem;
    }
    .projectImg.fl>img {
        width: 60px;
        margin-top: -3rem;
    }
    .projectImg.fl .Sermore {
        margin: 48px 0 0 0;
    }
    .projectImg.fr>img {
        margin-top: -5rem;
        width: 120px;
    }
    .projectImg.fr .Sermore {
        margin: 22px 0 0 0;
    }
    .case1_r {
        margin-top: 10rem;
    }
    .case2Con {
        height: 98vh;
    }
    .czImg .Sermore {
        margin: 56px 0 0 0;
        /* font-size: 10px; */
        /* -webkit-transform: scale(0.75); */
    }
    .artyImg .Sermore {
        margin: 36px 0 0 0;
    }
    .case2Con_ltit h2 {
        margin-right: 14rem;
    }
    .about_A {
        margin-bottom: 1rem;
    }
    /*.mediaBox {*/
    /*    height: 58vh;*/
    /*}*/
    .mediaNumber {
        margin-top: 1.5rem;
    }
}