@charset "utf-8";

#header{width:100%; box-sizing:border-box; height:100px;position:fixed; z-index:9999; transition:all 0.4s;border-bottom:1px solid rgba(255,255,255,0.4);}
.logo{padding:0 10px;transition:all 0.4s;position:absolute;left:40px;top:50%;transform:translateY(-50%);line-height:0;}
.logo img{display:inline-block;max-width:100%;}
.logo img.b_logo{display:none;}

.menu{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.menu > ul > li{position:relative;display:inline-table;}
.menu > ul > li > a{font-size:16px; cursor:pointer; color:#fff; line-height:26px; padding:10px 35px; box-sizing:border-box; display:block; font-weight:400; }

.sub-menu{display:none;opacity:0; position:absolute; z-index:9999; background:#154174; width:190px; padding:10px 0;  top:100%;left:50%;transform:translateX(-50%);}
.sub-menu li{padding:12px 20px; box-sizing:border-box; text-align:left;}
.sub-menu li a{font-size:16px; color:#fff; font-weight:400; display:block; transition:all 0.3s; opacity:0.8;}
.sub-menu li a:hover{opacity:1; text-decoration:underline;}

/* .lang{position:absolute; right:25px; top:23px; transition:all 0.4s;}
.lang ul li{float:left; margin:0 1px;}
.lang ul li a{font-size:12px; border-radius:3px; border:1px solid rgba(170,170,170,0.6); box-sizing:border-box; padding:3px 10px 4px; display:block; text-align:center; color:rgba(85,85,85,0.6); font-weight:600;}
.lang ul li.selected a{background:#1d1e81; color:rgba(255,255,255,0.8);} */

/*scroll-menu*/
 .scroll-menu{box-shadow:1px 1px 5px #999;position:fixed !important;background:#fff;}
 .scroll-menu .w_logo{display:none;}
 .scroll-menu .b_logo{display:inline-block !important;} 
 .scroll-menu .menu > ul > li > a{color:#333;}
  .scroll-menu .ham a{color:#333;}

/* .scroll-menu .lang{right:10px; top:13px;} */

.ham{line-height:0;position:absolute;right:4%;top:50%;transform:translateY(-50%);line-height:0;z-index:999;}
.ham a{font-size:32px; cursor:pointer; color:#fff;}
.close{display:none;color:#fff !important;}
/* .blind{position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; z-index:9988; display:none; background:rgba(0,0,0,0.6); transition:all 0.4s;} */

/*btn-fixed*/
/* .btn-up-wrap{position:fixed; right:30px; bottom:30px; z-index:999;}
.btn-up-wrap a{width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; box-shadow:2px 2px 5px #999; display:block;}
.btn-up{background:rgba(234,234,234,0.6); transition:all 0.4s;}
.btn-up:hover{background:#1d1e81; color:#fff;} */

#footer{width:100%;background:#222;}
.footer{width:100%;max-width:1200px;margin:0 auto;padding:35px 0 44px;position:relative;}
.ft-list{width:100%;margin-bottom:16px;}
.ft-list ul li{display:inline-table;margin-right:28px; line-height:24px;}
.ft-list ul li:last-child{margin-right:0px;}
.ft-list ul li a{font-size:14px; color:rgba(255,255,255,0.8); transition:0.4s; font-weight:300;}
.ft-list ul li a:hover{color:rgba(255,255,255,1);}
.bottom-logo{margin-bottom:22px;display:inline-block;}
.copy ul li{font-size:14px;color:rgba(255,255,255,0.8); line-height:21px; font-weight:300;}
.copy ul li:last-child{margin-top:21px;}
.copy ul li span:nth-of-type(1){margin-right:83px;display:inline-block;}
.copy p{font-size:14px; color:rgba(255,255,255,0.8); font-weight:400;position:absolute;top:75%;right:0;}


@media all and (max-width:1199px){
	#header{height:80px;}
	.logo{padding:0;left:4%;}
	.logo img{max-width:83%;}
	
	.m-menu{left:auto;top:auto;transform:none;width:100%; max-width:1200px; display:block; height:100%;background:#154174; position:fixed; z-index:990; right:-100%; padding-top:80px; box-sizing:border-box; transition:all 0.4s;/* overflow-y:scroll; */}	
	.m-menu > ul > li{width:100%; margin:0 !important; border-top:1px solid rgba(255,255,255,0.2);}
	.m-menu > ul > li > a{padding:20px 45px !important; opacity:0.8;color:#fff  !important;line-height:1;text-align:center;}
	.sub-menu{width:100%;transform:none;background:rgba(0,0,0,0.1); position:static; border-top:1px solid rgba(255,255,255,0.2);opacity:1;}
    .sub-menu li{padding:7px 0;text-align:center;}
    .sub-menu li a{font-size:17px;padding:6px 40px;}
	
	.footer{padding:37px 2.5% 43px;box-sizing:border-box;}
	.copy p{position:static;margin-top:15px;}
	
}

@media all and (max-width:767px){
	.footer{padding:30px 2.5% 37px;}
	.ft-list ul li{margin-right:18px;}
	.ft-list ul li a{font-size:13px;}
	.bottom-logo{margin-bottom:19px;}
	.copy ul li{font-size:13px;}
	.copy ul li:last-child{margin-top:14px;}
	.copy p{font-size:13px;margin-top:9px;}
	
}

@media all and (max-width:525px){
	#header{height:60px;}
	.logo img{max-width:69%;}
	.m-menu{padding-top:60px;}
	.ham a{font-size:25px;}
	.sub-menu li a{padding:3px 40px;}

}

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

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