/*------------------------------  顶部通用-------------------------------*/
.nav-c{width: 100%;margin: 0 auto;padding: 0 4vw;}
.sticky-nav{width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: #fff;}
.header-top{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.logo{font-size: inherit;margin: 18px 0;overflow: hidden;width: 284px;}
.logo img{width: 100%;}
.top-r{width: 83%;display: flex;justify-content: right;align-items: center;}
.top-yy{width: 34px;margin-left: 0.5vw;}
.top-yy .dropdown{padding: 20px 0;}
.top-yy .dropdown .btn{border: none;border-radius: 0;background: none;padding: 0;margin: 0;width: 100%;}
.top-yy .dropdown .btn img{width: 100%;}
.top-yy .dropdown .dropdown-menu{min-width: 110px;left: -47px;top: 74px;border: none;border-radius: 10px;padding: 0;}
.top-yy .dropdown .dropdown-menu li{border-bottom: 1px solid #e1e1eb;text-align:center;}
.top-yy .dropdown .dropdown-menu li:last-child{border-bottom: none;}
.top-yy .dropdown .dropdown-menu li a{display: flex;padding: 0;justify-content: center;align-items: center;line-height: 50px;}
.top-yy .dropdown .dropdown-menu li a figure{margin-right: 10px;}
.top-yy .dropdown .dropdown-menu li a figure img{height: 19px;width: 30px;}
.top-yy .dropdown .dropdown-menu li a span{display: inline-block;font-size: 16px;}
.top-yy .dropdown .dropdown-menu li a:hover{color: #2a2a6d;background: none;}
.top-yy .dropdown .btn:focus,.top-yy .dropdown .btn:active {outline: none;box-shadow: none;}
.top-yy .dropdown:hover .dropdown-menu {display: block;}

/*导航*/
.navBar{width: 90%;color:#000;}
.nav{margin:0 auto;font-size:16px;z-index:2;display: flex;justify-content: right;align-items: center;}
.nav h3{font-size:100%;font-weight:normal;line-height: 0;margin-top: 0; margin-bottom: 0;}
.nav .m{position:relative;z-index:1;display: inline-block;text-align: center;padding: 38px 1.3vw;}
.nav h3 a{display:block;text-transform: uppercase;color:#000;font-size: 18px;}
.nav h3 a:hover{color: #2a2a6d;}
.nav .active h3 a{ color:#2a2a6d;}
.nav .sub{display:none;position:absolute;background:#fff;width: 170px;top: 76px;text-align: center;left:-30px;border-radius: 7px;
box-shadow: 0 0 12px rgba(0, 0, 0, .1);}
.nav .sub li{display: block;text-align: center;line-height: 42px;width: 100%;}
.nav .sub li a{
	display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
	color: #333;
}
.nav .sub li a:hover{color: #2a2a6d;}

.sticky-nav.menu_fixed {	
	position: fixed;	
	top: 0;	
	left: 0;	
	width: 100%;	
	z-index: 9999;	
	animation: sticky 1s;	
	box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);	
	background-color: #fff;
}
.nav .m:nth-child(3) .sub{left:-13px;}
.nav .m:nth-child(2) .sub{left: -39px;}

/*wap*/
.sp_header,.sjj_nav{display: none;}

/*en*/
#nav-en .navBar{width: 100%;}
#nav-en .nav h3 a{font-size:16px;}
#nav-en .top-r {width: 90%;}
#nav-en .nav .m{padding: 38px 1vw;}
#nav-en .nav .sub {width: 220px;left: -63px;}
#nav-en .nav .sub li a {font-size: 13px;}
#nav-en .nav-7 .sub{left: 14px;}
#nav-en .nav-8 .sub{left: -3px;}
#nav-en .nav-9 .sub{left: -67px;}

#nav-kr .nav h3 a{font-size:16px;}
#nav-kr .nav .m{padding: 38px 1.2vw;}
#nav-kr .nav .sub{left: -33px;}


@media screen and (max-width:1700px){
    .nav .m{padding: 38px 1vw;}
    #nav-kr .nav .m{padding: 38px 1vw;}
    #nav-en .nav .m{padding: 38px 0.7vw;}
}

@media screen and (max-width:1600px){
    #nav-kr .logo{width: 250px;}
    #nav-en .nav .m{padding: 38px 0.5vw;}
	
}

@media screen and (max-width:1550px){
	.top-r {width: 88%;}
	#nav-kr .nav .m {padding: 38px 0.8vw;}

}

@media screen and (max-width:1500px){
    .nav-c{padding: 0 2.5vw;}
    .nav h3 a{font-size: 16px;}
    .top-yy .dropdown .dropdown-menu {left: auto;right: 0;}

}

@media screen and (max-width:1450px){
    #nav-en .logo{width: 240px;}
    #nav-en .nav h3 a {font-size: 15px;}

}

@media screen and (max-width:1360px){
    #nav-en .logo{width: 200px;}
    #nav-en .nav h3 a {font-size: 14px;}
    #nav-kr .nav .m {padding: 38px 0.4vw;}
    .nav .m {padding: 38px 0.8vw;}

}

@media screen and (max-width:1200px){
	.sticky-nav,.top-bj{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	
	.top-yy {float: right;margin-right: 2vw;margin-top: 16px;width: 25px;}
	.top-yy .dropdown{padding:0;}
	.top-yy .dropdown .dropdown-menu {left: -98px;top: 43px;}
	
	.sp_header{background: #fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .2);}
	.sp_header,.sjj_nav{display: block;}
	.sp_header{
		height: 60px;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
	}	
	.sp_logo{padding:10px 10px;float:left;height:60px}
	.sp_logo img{margin:auto;max-height:35px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
	.sp_nav span{display:block;background:#2a2a6d;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.on .sp_nav span{background: #2a2a6d;}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9999;background: rgba(255,255,255, 1);width:100%;height:calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:60px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 110px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:110px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:8px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#000;width:80%;padding-left: 4vw;display:block;font-size: 18px;line-height: 45px;}
	.sjj_nav ul li ul li a{color:#666;display:block;text-align:left;font-size: 16px;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:##000;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#1F528E}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	.sjj_nav ul li ul li{padding: 0 5vw;}
	
} 

@media screen and (max-width:640px){
    .sp_logo img{max-height: 20px;}
    .sp_logo {padding: 18px 10px;}
}