@charset "utf-8";

/* header */
#header{width:100%;box-sizing:border-box;height:129px;position:fixed;z-index:999;transition:all 0.5s;}
.logo{position:absolute;left:4.16%;top:50%;transform:translateY(-50%);font-size:0;z-index:999;}
.logo{font-size:0;}
.logo a{display:inline-block;}
.logo img{/* display:inline-block;box-sizing:border-box; */max-width:100%;}

/* .menu{width:100%;max-width:1200px;margin:0 auto;} */
.menu>ul{position:absolute;top:50%;transform:translate(0, -50%);width:100%;text-align:center;}
.menu>ul>li{position:relative;display:inline-table;}
.menu>ul>li>a{font-size:18px;color:#333;line-height:50px;cursor:pointer;padding:0 36px;box-sizing:border-box;display:block;font-weight:500;}

.sub-menu{display:none;position:absolute;z-index:999;width:120%;background:#fff;border:1px solid #06baf5;border-top-width:3px;padding:12px 0;top:100%;left:50%;transform:translateX(-50%);}
.sub-menu li{padding:10px 20px;box-sizing:border-box;text-align:left;}
.sub-menu li a{font-size:16px;color:#333;font-weight:300;display:block;opacity:0.9;transition-duration:0.5s;position:relative;}
.sub-menu li a:before{position:absolute;content:'';width:0px;height:2px;background:#06baf5;right:7px;top:50%;transform:translateY(-50%);transition-duration:0.5s;}
.sub-menu li a:hover{opacity:1;font-weight:500;}
.sub-menu li a:hover:before{width:7px;right:0px}

.r-menu{position:absolute;right:3.38%;top:50%;transform:translateY(-50%);}
.r-menu>ul>li{display:inline-table;position:relative;}
.r-menu>ul>li:first-child:before{position:absolute;content:'';width:1px;height:10px;background:#333;right:0;top:50%;transform:translateY(-50%);}
.r-menu>ul>li>a{font-size:14px;color:#333;font-weight:400;padding:0 15px;opacity:0.9;transition:all 0.4s;}
.r-menu>ul>li>a:hover{opacity:1;}

/* scroll-header */
#header.scroll-menu{background:#fff !important;height:60px;border-bottom:1px solid #06baf5;}
#header.scroll-menu .menu > ul > li > a{line-height:60px;color:#333;}
#header.scroll-menu .r-menu > ul > li > a{color:#333;}
#header.scroll-menu .r-menu > ul > li:first-child::before{background:#333;}

/* footer */
#footer{width:100%;padding:66px 0 65px 0;background:#13161f;}
.footer{max-width:1200px;margin:0 auto;padding:0 100px;box-sizing:border-box;}
.l-footer{width:30%;float:left;padding-top:58px;}
.l-footer h3 a{font-size:26px;font-weight:700;color:#fff;opacity:0.8;text-align:center;line-height:1;}

.r-footer{width:70%;float:right;padding:0 17px;box-sizing:border-box;}
.ft-list ul{overflow:hidden;}
.ft-list ul li{float:left;}
.ft-list ul li a{font-size:14px;color:#fff;font-weight:200;padding:0 14px;position:relative;line-height:1.7;opacity:0.9;transition:all 0.4s;}
.ft-list ul li a:hover{opacity:1;text-decoration:underline;}
.ft-list ul li:first-child a{padding-left:0;}
.ft-list ul li a:before{position:absolute;content:'';width:1px;height:9px;background:#fff;left:0;top:50%;transform:translateY(-50%);}
.ft-list ul li:first-child a:before{background:none;}

.copy{margin-top:24px;}
.copy ul{overflow:hidden;}
.copy ul li{font-size:14px;color:#fff;font-weight:200;line-height:1.85;float:left;margin-right:38px;opacity:0.9;}
.copy ul li:last-child{margin-right:0;}
.copy p{font-size:15px;color:#fff;font-weight:200;line-height:1.85;}

/* btn-up*/
.btn-up-wrap{position:fixed; right:60px; bottom:30px; z-index:999;display:none;}
.btn-up-wrap a{width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer;  display:block;color:#06baf5;font-size:22px;}
.btn-up{border:1px solid #06baf5; transition:all 0.4s;}
.btn-up:hover{background:#06baf5; color:#fff;}
.btn-up i{vertical-align:middle;}

/* m-menu */
.ham{float:right;padding:0 5%;}
.ham a{font-size:35px;cursor:pointer;color:#333;line-height:90px;}
.close{display:none;}

/* more-btn */
.btnWrap{margin-top:40px;border:1px solid #06baf5;display:table;overflow:hidden;transition:all 0.8s;box-sizing:border-box;}
.btnWrap.center{margin:40px auto 0;}
.btnWrap.white{border:1px solid #fff;}
.btnWrap:hover{border:1px solid #06baf5;}
.btnWrap .more-btn{transition:all 0.8s;position:relative;font-size:15px;color:#06baf5;font-weight:500;line-height:50px;padding:0 53px;box-sizing:border-box;display:block;z-index:10;}
.btnWrap.white .more-btn{color:#fff;}
.btnWrap .more-btn:before{transition-duration:0.8s;z-index:-1;background:url(../../images/theme/main/btn_hover.png)no-repeat;left:-100%;top:0;position:absolute;content:'';width:175px;height:50px;opacity:0;}
.btnWrap .more-btn i{margin-left:13px;}
.btnWrap .more-btn:hover{color:#fff;}
.btnWrap .more-btn:hover:before{opacity:1;left:0;}

.w-block{display:block;}
.m-block{display:block;}
.fadeInUp{animation-duration:1.3s;}


@media all and (max-width:1199px){
	#header{height:90px;}
	.logo{left:4%;}
	.m-menu{position:fixed; top:90px; right:-100%; z-index:9999; height:100%; background:#06baf5; box-sizing:border-box; width:100%;}
	.m-menu>ul{position:static;transform:inherit;}
	.m-menu ul li{width:100%; max-width:100%; margin:0; border-bottom:1px solid rgba(255,255,255,0.2);}
	.m-menu ul li a{color:rgba(255,255,255,0.8); font-size:15px; padding:0 20px; display:block;line-height:60px; box-sizing:border-box;}
	
	.sub-menu{position:static;transform:inherit;border:none;padding:0;background:rgba(0,0,0,0.1);width:100%;box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.2)}
	.sub-menu li{padding:0;}
	.sub-menu li:last-child{border-bottom:none !important;}
	.sub-menu li a{text-align:center;line-height:50px !important;}
	
	.r-menu{transform:inherit;position:static;text-align:center;}

	#header.scroll-menu .m-menu{top:60px;}
	#header.scroll-menu .ham{padding:0 4%;}
 	#header.scroll-menu .ham a{line-height:60px;}
 	#header.scroll-menu .menu > ul > li > a, #header.scroll-menu .r-menu > ul > li > a{color:#fff;}
	
	.footer{padding:0 50px;}
}

@media all and (max-width:767px){
	#header{height:70px;}
	.logo img{max-width:82%;}
	.ham a{font-size:29px;line-height:70px;}
	.m-menu{top:70px;}
	
	#footer{padding:40px 0;}
	.footer{padding:0 30px;}
	.l-footer{width:100%;float:none;padding-top:0;padding-bottom:20px;}
	.l-footer h3 a{font-size:25px;}
	.r-footer{width:100%;float:none;padding:0;}
	
	.btn-up-wrap{right:4%;}
	.btn-up-wrap a{width:50px;height:50px;line-height:50px;font-size:20px;}
	
}

@media all and (max-width:525px){
	.footer{padding:0 20px;}
	.l-footer{padding-bottom:14px;}
	.l-footer h3 a{font-size:23px;}
	.ft-list ul li a{font-size:13px;}
	.copy{margin-top:14px;}
	.copy ul li{font-size:13px;line-height:line-height: 1.75;;}
	.copy p{font-size:14px;}

}

@media all and (max-width:460px){
	
	}

@media all and (max-width:360px){
	
}