@charset "utf-8";

.header-wrap{
    width: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 0);
    z-index: 11;
    top: 0;
}
.header-wrap .header-box{
    position: relative;
    min-width: 1200px;
    width: auto;
}

.header-wrap .header-box .header-logo{
  position: absolute;
  left:40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width:194px;height:40px;
}
.header-wrap .header-box .header-logo a{display:block;position:absolute;top:0;left:0;
width: 100%;height:100%;width: 194px;height:34px;}
.header-wrap .header-box .header-logo a span{font-size: 0}

.f-color-f{color:#fff !important;}
.f-color-b{color:#000 !important;}
.por{position: relative;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.fs0{font-size: 0}
.dib{display:inline-block;}

.footer-wrap{position: relative;min-width: 1500px;display:flex;justify-content: space-between;align-items: center;padding:80px 300px;background: #f8f8f8}
.footer-wrap:before{content:none;position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(248,248,248,0.4);}
.footer-logo{width: 194px;height:34px;}

.footer-ul{}
.footer-ul li{font-size:13px ;color:#4f4f4f;text-align: right;line-height: 26px;}




button:focus {
	outline: none;
}

.f-black{color:#000 !important;}

#topLinkBtn {position: fixed;right: 40px;bottom: 40px;width: 54px;height: 54px;z-index: 9999;opacity:0;transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);}
#topLinkBtn a img{width:54px; height:54px;}
#topLinkBtn.on {opacity:1;}



#scrollBtn{width:34px;height:50px;position:absolute;bottom:100px;left:50%;z-index: 10;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;
-moz-transform: translate( -50%,0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%, 0);
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); 
	}
	50% {
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px); 
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); 
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); 
	}
	50% {
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px); 
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0); 
	}
}