._subMenuWrap{display: none;z-index: 200}
header{width: 100%;height: 100px;position: relative;box-shadow: -23.9px 1.7px 27px 0 rgba(0, 0, 0, 0.09);}
header h1{position: relative; font-size: 0;background-image: url(../../img/common/header_logo_g.png);width: 340px;height: 100%;background-size: 250px;background-position: right;}
header h1 a{ font-size: 0;display: block;width: 100%; height: 100%;}
header h1:before{ 
    animation-name:logo;
    -webkit-animation-duration:1s;opacity: 0;
    -webkit-animation-fill-mode: forwards;
    content: "";display: block;width: 270px;height: 270px;border-radius: 500px;background-color: #f9f1e9;position: absolute;z-index: -1;left: 14%;top: 50%;}
header .menu {top: 0;position: absolute;left: 50%;transform: translateX(-50%);padding-top: 22px;height: 100%;}
header .menu li{float: left;padding: 0 10px;margin: 0 10px;line-height: 78px;}
header .menu li a{
    font-size:18px;font-family: 'Poppins';
    animation-name:opacity;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode: forwards;
}
header .menu li.on{position: relative;}
header .menu li.on:after{content: "";display: block;width: calc(100% - 20px);height: 10px;background-color: #dfebef; position: absolute;top: 40px;z-index: -2;}
header .mosubBtn{position: absolute;right: 0;display: none;}
footer{width: 100%;background-color: #083947;position: relative;height: 100px;}
footer .logo{font-size: 0;background-image: url(../../img/common/header_logo_b.png);width: 170px;height: 100px;background-size: 130px;position: absolute;left: 3.2%;}
footer .center{width: 1080px;margin: 0 auto;padding-top: 26px;}
footer .center > div{float: left;}
footer .center > div > span{font-size: 14px;  color: #aeb5b7;float: left;line-height: 60px;padding-right: 10px;margin-right: 10px;position: relative;}
footer .center > div > span:after{content: "";display: block;width: 1px;height: 12px;position: absolute;right: 0;background-color: #39616c;top: 50%;transform: translateY(-50%);}
footer .copy{position: absolute;right: 3.2%;line-height: 60px;color: #aeb5b7;top: 26px; font-size: 14px;}
footer .center .partnerCompany .tit{margin-right: 0;}
footer .center .partnerCompany span:last-child{margin-right: 0;padding-right: 0;}
footer .center .partnerCompany span:last-child:after{display: none;}
footer .center .partnerCompany .tit:after{display: none;}

._topImg{
    width: 100%;height: 720px;background-color: #000;position: relative;background-color: #000;
     animation-name:scale;
    -webkit-animation-duration:0.5s;opacity: 0;
    -webkit-animation-fill-mode: forwards;
}
._topImg:before{background-repeat: no-repeat; content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.4;background-size: 100%;background-position: center;display: block; }
._topImg .txtWrap{width: 1080px;height: 100%;margin: 0 auto;position: relative;padding-top: 160px;color: #fff;}
._topImg .txtWrap .tit{
    font-family: 'Poppins';font-size: 24px;margin-bottom: 52px;position: relative;
    animation-name:leftM;
    -webkit-animation-duration:0.5s;
    -webkit-animation-fill-mode: forwards;opacity: 0;
    animation-delay: 0.5s;
}
._topImg .txtWrap .tit:after{content: '';display: block;width: 30px;height: 5px;background-color: #fff;position: absolute;top: -15px;left: 0;}
._topImg .txtWrap .txt{
    font-size: 36px;font-weight: 300;line-height: 46px;letter-spacing: -1px;
     animation-name:leftM;
    -webkit-animation-duration:0.5s;
    -webkit-animation-fill-mode: forwards;opacity: 0;
    animation-delay: 0.8s;
}
._topImg .txtWrap .txt span{font-size: 36px;font-weight: 500;letter-spacing: -1px;line-height: 46px;}

._pageMenu{background-color: #fff; width: 100%;height: 100px;border-bottom: 1px solid #f0f0f0;}
._pageMenu > ul{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
._pageMenu > ul li{float: left;border-bottom: 5px solid #fff;line-height: 94px;cursor: pointer;transition: 0.5s all;font-size: 18px;width: 140px;color: #797979;text-align: center;position: relative;}
._pageMenu > ul li:before{content:"";display: block;width: 1px;height: 15px;background-color: #dddddd;position:absolute;right: 0;top: 50%;transform: translateY(-50%);}
._pageMenu > ul li:last-child:before{display: none;}
._pageMenu > ul li.on{color: #000;position: relative;}   
._pageMenu > ul li:hover{border-bottom: 5px solid #f0f0f0;}
._pageMenu > ul li.on{border-bottom: 5px solid #114c5c;}
._pageMenu.fixed{position: fixed;top: 0;z-index: 100;}
._pageMenu.fixed .mainMenu{display: block;}
._pageMenu .mainMenu{top:0;right: 0;display: none;font-size: 0;position: absolute;}
._pageMenu.fixed .mainMenu .btn{width: 100px;background-image: url(../../img/common/sub_open_btn.png);background-size: 28px;height: 100px;font-size: 0;position: absolute;right: 0;cursor: pointer;}
._pageMenu.fixed .mainMenu ul{width: 240px;top: 100px;right: 0;background-color: #000;display: none;position: absolute;}
._pageMenu.fixed .mainMenu li {height: 50px;text-align: center;line-height: 52px;border-bottom: 1px solid #2e2e2e;}
._pageMenu.fixed .mainMenu li:last-child{border-bottom: 0;}
._pageMenu.fixed .mainMenu li a{color: #fff;font-family: 'Poppins';display: block;width: 100%;height: 100%;}

section > .wrap{width: 1080px;margin: 0 auto;padding: 82px 0;}

@media screen and (max-width: 1560px){
    footer .copy{margin: 0 auto;top: 50px;line-height: 24px;text-align: right;}
    footer .center{position: absolute;right: 3.2%;width: initial;}
    footer .center > div > span{line-height: 36px;}
    header .menu{left: initial;transform: translateX(0);right: 3.2%}
    section > .wrap{padding-left: 30px;padding-right: 30px;}
}
@media screen and (max-width: 1190px){
    ._topImg .txtWrap{
        width: 100%;
        padding-left: 100px;
    }
    ._topImg:before{
        background-size: cover;
    }
    footer{height: 180px;}
    footer .center{padding-top: 30px;}
    footer .center > div{float:initial;}
    footer .center > .addr > span{float: initial;display: block;text-align: right;padding: 0;margin: 0;line-height: 26px;}
    footer .center > .addr > span:after{display: none;}
    footer .copy{top: initial;bottom: 30px;}
    footer .callNum{position: absolute;right: 0;}
    footer .callNum span{float: right;}
}
@media screen and (max-width: 1080px){
    section > .wrap{width: 100%;padding:82px 30px;}
}
@media screen and (max-width: 1024px){

    header{height: 13.8vw;box-shadow: 0vw 0vw 7vw 0 rgb(0 0 0 / 9%);position: fixed;top: 0;z-index: 150;background-color: rgba(255,255,255,0.95);overflow: hidden;}
    header .menu{display: none;}
    header h1{width: 50%;padding-left: 8.3vw;background-position: 5vw center;background-size: 38vw}
    header h1:before{width: 20vw;height: 20vw;}
    ._topImg{height: 88.88vw;margin-top: 13.88vw;}
    ._topImg .txtWrap{padding-left: 10%;padding-top: 22vw}
    ._topImg .txtWrap .tit{font-size: 4.16vw;margin-bottom: 5.5vw;}
    ._topImg .txtWrap .txt{font-size: 5.55vw; line-height: 7.5vw;}
    ._topImg .txtWrap .txt span{font-size: 5.55vw;  line-height:7.5vw;}
    ._topImg .txtWrap .tit:after{width: 7.5vw;height: 0.83vw;}
   
    ._pageMenu{display: none;}
   
    footer{display: none;}
    header .mosubBtn{width: 13.8vw;height: 13.8vw;display: block;top: 0;right: 0;font-size: 0;background-image: url(../../img/common/sub_open_btn.png);background-size: 5vw;position: absolute;}
    ._subMenuWrap{position: fixed;left: 0;top: 0;width: 100%;padding: 8.3vw;padding-top: 13.8vw;height: 100%;background-color: rgba(8,57,71,0.95);}
    ._subMenuWrap .closeBtn{width: 13.8vw;height: 13.8vw;display: block;top: 0;right: 0;font-size: 0;position: absolute;background-image: url(../../img/common/sub_close_btn.png);background-size: 5vw;}
    ._subMenuWrap ul{height: calc(100% - 64vw);max-height: 100vw;}
    ._subMenuWrap ul li{border-bottom: 1px solid rgba(255,255,255,0.3);height: 25%;padding: 3vw 0;}
    ._subMenuWrap ul li a{display: block;width: 100%;height: 100%;line-height: 19vw;font-family: 'Poppins';font-size: 5.5vw;color: #fff;font-weight: 400;}
    ._subMenuWrap ._companyInfor{position: absolute;bottom: 0;left: 0;padding:0 8.3vw;padding-bottom: 8.3vw;}
    ._subMenuWrap ._companyInfor .logo{font-size: 0;background-image: url(../../img/common/header_logo_b.png);width: 100%;height: 18vw;background-position: left;background-size: 38.3vw;margin-bottom: 3vw}
    ._subMenuWrap ._companyInfor div span{ color: #aeb5b7;font-size: 3.3vw; line-height: 6vw;display: block;}
    ._subMenuWrap ._companyInfor .addr{margin-bottom: 3vw;}
    ._subMenuWrap ._companyInfor .callNum {margin-bottom: 3vw;}
    ._subMenuWrap ._companyInfor .copy{color: #aeb5b7;font-size: 3.2vw;}
}

section.act ul.actT li:nth-child(1){animation-delay: 0.2s;}
section.act ul.actT li:nth-child(2){animation-delay: 0.3s;}
section.act ul.actT li:nth-child(3){animation-delay: 0.4s;}
section.act ul.actT li:nth-child(4){animation-delay: 0.5s;}
section.act ul.actT li:nth-child(5){animation-delay: 0.6s;}
section.act ul.actT li:nth-child(6){animation-delay: 0.7s;}
section.act ul.actT li:nth-child(7){animation-delay: 0.8s;}
@keyframes logo{
    0%{
        opacity: 0;
        background-color: #f1e4d9;
        transform: translateX(100%) ;
    }
    100%{
        opacity: 1;
        transform: translate(-50%,-50%) ;
        background-color: #f9f1e9;
    }
}

@keyframes opacity{
    0%{
        opacity:0;
    }
    100%{
       opacity:1;
    }
}
@keyframes scale{
    0%{
        transform: scale(0.8);
         opacity:0;
    }
    100%{
        transform:scale(1);
        opacity:1;
    }
}

@keyframes leftM{
    0%{
        transform: translateX(-10%);
        opacity:0;
    }
    100%{
        transform: translateX(0);
        opacity:1;
    }
}

@keyframes leftMV{
    0%{
        transform: translateX(-10%);
      
    }
    100%{
        transform: translateX(0);
    }
}

@keyframes downM{
    0%{
        transform: translateY(-100%);
        opacity:0;
    }
    100%{
        transform: translateY(0);
       opacity:1;
    }
}
@keyframes rotateYM { 
    0% {transform: rotateY(220deg) translateX(100%) scale(0.2);opacity:0;} 
    100% {transform: rotateY(360deg) translateX(-0px) scale(1);opacity:1;} 
}