header{
	background-color: rgba(255,255,255,0.1);
	z-index: 1;
	overflow: hidden;
}
._pageMenu{display: none;}
header h1{
	background-image: url(../../img/common/header_logo_w.png);
}
header h1:before{
    content: "";display: block;
    width: 270px;
    height: 270px;
    border-radius: 500px;
    background-color:rgba(255,255,255,0.08);
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: -1;
    left: 14%;top: 50%;
}
header .menu li a{
	color: #fff;

}
body{
	background-color: #106566;
	 animation-name:body;
    -webkit-animation-duration:0.8s;
    -webkit-animation-fill-mode: forwards;
    
}
._content.main {
	position: fixed;left: 0;top:0;
	width: 100%;
	height: 100%;
	background-image: url(../../img/main/main_bg.jpg);
	background-size: cover;
	background-color: #000;
	animation-name:mainImg;
    -webkit-animation-duration:2s;opacity: 0;
    -webkit-animation-fill-mode: forwards;
	background-position:center;
	background-color: #f1e4d9;
}
.bglogo{
	display: block;
	width: 500px;
	height: 500px;
	position: absolute;
	left: 50%;top: 50%;
	background-repeat: no-repeat;z-index: -100;
	background-position: center bottom;
	transform: translate(-50%,-50%);
	background-image: url(../../img/business/symbol.png);
	font-family: "Poppins";
	color: #faf4ec;
	text-align: center;
	
	font-weight: 600;padding-bottom: 30px;
	background-size: 200px;
	 animation-name:bgImg;
    -webkit-animation-duration:0.8s;
    -webkit-animation-fill-mode: forwards;
 	

}
._content.main .wrap{
	width: 1080px;
	margin: 0 auto;
	height: 100%;
	padding-top: 15%

}
._content.main .wrap .mainTxt{
	font-size: 33px;
	color: #fff;font-weight: 300;
	 animation-name:leftM;
    -webkit-animation-duration:0.8s;
    -webkit-animation-fill-mode: forwards;opacity: 0;
    animation-delay: 1.9s;
}

._content.main .wrap .mainTxt span{
	font-size: 33px;
	color: #fff;font-weight: 500;
}
._content.main .wrap a{
	border:1px solid #fff;
	width: 180px;text-align: center;
	line-height: 46px;
	background-color: rgba(255,255,255,0.1);
	color: #fff;display: block;
	font-size: 20px;
	font-family: 'Poppins';
	margin-top: 30px;
	 animation-name:leftM;
    -webkit-animation-duration:0.5s;
    -webkit-animation-fill-mode: forwards;opacity: 0;
    animation-delay: 2s;
}

footer{
	position: fixed;bottom: 0;
}
@keyframes mainImg{
    0%{
        transform: scale(0); ;
        opacity:0;
    }
    50%{
      	transform: scale(0.6); ;
        opacity:0;
    }
    100%{
       transform: scale(1); ;
        opacity:1;
       
    }
}
@keyframes body{
    0%{
        background-color: #106566
    }
    100%{
        background-color:#114c5c
       
    }
}
@keyframes logo{
    0%{
        opacity: 0;
        background-color: #f1e4d9;
        transform: translateX(100%) ;
    }
  
    100%{
        opacity: 1;
        transform: translate(-50%,-50%) ;
        background-color:rgba(255,255,255,0.08);
    }
}

@keyframes bgImg{
    0%{
        background-size: 200px;
        font-size: 0;
    }
  
    100%{
        background-size: 80%;
        font-size: 42px;
    }
}

@media screen and (max-width: 1310px){
    ._content.main .wrap{
        width: 100%;
        padding: 0 120px;
            padding-top: 220px;
    }
}

@media screen and (max-width: 1024px){
    header h1:before {width: 20vw;height: 20vw;}
    header .mosubBtn{background-image: url(../../img/common/sub_open_btn_w.png);}
    ._content.main{background-position:80% top;}
    .bglogo{display: block;width: 72vw;height: 80vw;padding-bottom: 5vw;background-size: 40vw;}
    @keyframes bgImg{0%{background-size: 200px;font-size: 0;}100%{background-size: 80%;font-size: 8vw;}}
    ._content.main .wrap{width: 100%;padding: 0; padding-top: 45vw;padding-left: 8.3vw;}
    ._content.main .wrap .mainTxt{font-size: 5.83vw;}
    ._content.main .wrap .mainTxt span{font-size: 5.83vw;}
    ._content.main .wrap a{width: 36.1vw;line-height:10.5vw;font-size: 4.1vw;margin-top: 8vw;}
}