@charset "utf-8";
/* 
|----------------------
|   header
|----------------------
*/
.header{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; padding-left: 60px; padding-right: 60px; align-items: center; justify-content: space-between; }
.header-index{position: absolute;}
.header-index:hover{background-color: #fff;box-shadow: 0 -1px 0 #eee inset;}
.header-active{background-color: #fff; transition:.3s;}
@media (max-width:1200px) {
	.header { padding : 20px 15px; }
}

.header-space{height: 90px;}
@media (max-width:1200px) {
	.header-space{height: 62px;}
}
/*  */
.header-logo{height: 35 px;}
.header-logo img{height: 100%;}

@media (max-width:768px) {
	.header-logo{height: 15px;}
}

/*  */
.header-tools{align-items: center;}
.header-tools-item{ position: relative; padding-right: 20px;}
.header-tools-item a{ display: flex; align-items: center; cursor: pointer;}
.header-tools-item span{ margin-left: 8px; font-size: 18px; color: var(--default);}
.header-tools-item i{ position: absolute; top: 4px; right: 0; display: inline-block; width: 8px; height: 8px; border-top: 1px solid var(--default); border-right: 1px solid var(--default); transform: rotate(135deg);}

.header-lang a{width: 102px; white-space: nowrap; overflow: hidden;}

@media(max-width: 640px) {
	.header-tools-item span{ display: none;}
	.header-lang a{width: auto;}
}

/* navbar */
.navbar {margin-left: 20px;width: 30px;cursor: pointer;display: none;}
.navbar span {display: block;width: 100%;height: 2px;background-color: var(--default);}
.navbar span:nth-child(2) {position: relative;margin: 7px 0;}

@media(max-width: 1200px) {
	.navbar {display: block;}
}
/* navigation */
.navigation>ul>li { margin: 0 40px;}
.navigation>ul>li>a{position: relative; display: block; line-height: 90px; font-size: 20px; color: var(--default);}
.navigation>ul>li>a::before{position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 4px; background-color: var(--default); transition: .3s;}
.navigation>ul>li.on>a::before{width: 100%;}
.navigation>ul>li:nth-child(3) .navfix{display: none;}

@media (max-width:1600px) {
	.navigation>ul>li {margin: 0 30px;}
	.navigation>ul>li>a{ font-size: 18px; }
}
@media (max-width:1460px) {
	.navigation>ul>li {margin: 0 20px;}
}

@media (max-width:1300px) {
	.navigation>ul>li {margin: 0 10px;}
}

@media (max-width:1200px) {
	.navigation {display: none;}
}

/* sub */
.navigation-sub{position: absolute; top: 90px; left: 50%; z-index: 9; margin-left: -100px; width: 200px; background-color: #fff; transform: translateY(-5px); opacity: 0; visibility: hidden;}
.navigation-sub ul li{border-bottom: 1px solid #eee;}
.navigation-sub ul li a{display: block; padding: 0 15px; line-height: 50px; font-size: 16px; text-align: center; color: var(--default); white-space: nowrap;}
.navigation-sub ul li a:hover{  background-color: #EFF6FE;}

.navigation>ul>li:hover .navigation-sub{ transform: translateY(0); opacity: 1; visibility: visible;}

@media (max-width:1400px) {
	.navigation .navigation-sub{margin-left: -70px; width: 140px;}
	.navigation .navigation-sub ul li a{ line-height: 50px; font-size: 14px;}
}


/* alert-lang */
.alert-lang{position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);  visibility: hidden; opacity: 0; transition: .3s;}
.alert-lang-box { width: 100%; height: auto; padding:50px 0 100px; background-color: #fff ;transform: translateY(100px);visibility: hidden;transition: .3s;}
/* lang */
.lang-list-title h3{ font-size: 32px; color: var(--default);font-weight: bold;}
.lang-list-item{margin-top: 30px;}
.lang-list-item h3{line-height: 1.4; font-size: 20px; font-weight: bold; }
.lang-list-item ul li{width: 20%; margin-top:10px;}
.lang-list-item ul li a{ position: relative; display: inline-block; line-height: 1.4; font-size: 18px; color: #999;}
/* .lang-list-item ul li a:before{ position:absolute; top: 10px; right: 50px ; content:'';  display: inline-block; width: 10px; height: 10px; border-top: 1px solid var(--default);border-right: 1px solid var(--default); transform: rotate(45deg);} */
@media (max-width:1400px) {
	.lang-list-title h3{ font-size: 18px;}
}

@media(max-width:1200px){
	.lang-list-item{margin-top: 20px;}
	.lang-list-item h3{font-size: 16px; font-weight: normal; }
	.lang-list-item ul li a{  font-size: 14px;}
}

@media (max-width:960px) {
    .lang-list-item ul li{width: 25%;}
}

@media (max-width:768px) {
    .alert-lang-box { padding-top: 22px; height: 100%;}
	 .lang-list-item ul li{width: 33.33%;}
}

@media (max-width:640px) {
	 .lang-list-item ul li{width: 50%;}
}
.close-alert-lang {position: absolute;top: 45px;right: 45px;width: 35px;height: 35px;cursor: pointer;}
.close-alert-lang span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #333;}
.close-alert-lang span:first-child {transform: rotate(45deg);}
.close-alert-lang span:last-child {transform: rotate(-45deg);}
@media (max-width:768px) {
    .close-alert-lang {top: 15px;right: 15px;width: 35px;height: 35px;cursor: pointer;}
}
.alert-lang-show {visibility: visible; opacity: 1; transform: translateY(0);}
.alert-lang-show1{visibility: visible; transform: translateY(0);}




/* burger */
.burger-bg {position: fixed;top: 0;left: 0; z-index: 3378; width: 100%; height: 100%; padding: 60px 15px 20px; background-color: #fff; transition: all .3s;}
.burger-scroll{ height: 100%; overflow-y: auto;}

.burger-logo{position: fixed; top: 25px; left: 15px;}
.burger-logo img{ height: 15px;}
/* close */
.close-burger {position: fixed; top: 15px;right: 15px;width: 34px;height: 29px;}
.close-burger span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #000;}
.close-burger span:first-child {transform: rotate(45deg);}
.close-burger span:last-child {transform: rotate(-45deg);}

/* active */
.burger-bg-active {visibility: hidden;opacity: 0;transform: translateX(120px);}


/* menu */
.burger-nav { position: relative; padding-top: 20px; height: 100%;}

.burger-nav-lists {}


.burger-nav-lists>li {position: relative; border-bottom: 1px solid #eee;}
.burger-nav-lists>li>a { font-size: 18px; color: #333; font-weight: bold; line-height: 45px;}

.burger-nav-f1 {display: none; transition: none;}
.burger-nav-f1>li {position: relative; padding-left: 20px;  border-bottom: 1px solid #eee;}
.burger-nav-f1>li:last-child{border-bottom: none;}
.burger-nav-f1>li a{line-height: 45px; font-size: 16px; color: #333;}


.burger-nav-f2 {display: none; transition: none;}
.burger-nav-f2 li {background-color: #d6e6f1;border-color: #6196bb;}
.burger-nav-f2 li a {color: #316a91; padding-left: 20px; font-size: 16px;}

/*  */
.burger-nav-lists li span{position: absolute; top: 12px; right: 15px; width: 12px; height: 12px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(135deg);}