* {margin: 0px;	padding: 0px;}
body {font-family: 微软雅黑; font-size: 90%; line-height: 180% ;color: #333; background-color: #ffffff;}
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;max-width: 100%;}
a{ color: #595959; transition: 0.3s;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none; color: #279D2D;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none; padding: 0; margin: 0;}

/* guide */
.guide_container{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
.guide_container .box{ width: 100%; box-shadow: 0 2px 5px #000;}
.guide_container .box img{ width: 100%;}
.guide_container .box .top{ width: 100%; position: absolute; top: 0; left: 0;}
.guide_container .box .left{ width: 100%; position: absolute; top: 0; left: 0;}
.guide_container .box .front{ width: 100%; position: absolute; top: 0; left: 0;}
.guide_container .guide_main{display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100vh; padding: 50px; position: relative; z-index: 99;}
.guide_container .guide_main .logo{animation: init 1.5s ease-in-out;}
.guide_container .guide_main .language{font-size: 20px; margin-top: 20px;}
.guide_container .guide_main .language ul{ display: flex;}
.guide_container .guide_main .language ul li{position: relative; margin-right: 62px;}
.guide_container .guide_main .language ul li::after{content: ""; background-color: #999; width: 1px; height: 15px; position: absolute; right: -30px; top: 6px;}
.guide_container .guide_main .language ul li:last-child{margin-right: 0;}
.guide_container .guide_main .language ul li:last-child::after{display: none;}
.guide_container .guide_main .language ul li a{}
.guide_container .guide_main .language ul li a:hover{font-weight: bold;}

/* keyframe */
@keyframes init {
    0%{        
        transform: rotate(0deg) scale(0.3);
    }
    25%,75%{
        transform: rotate(30deg);
    }
    50%{
        transform: rotate(-30deg);
    }
    100%{        
        transform: rotate(0deg) scale(1);
    }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
}