@charset "utf-8";

/* == 手机导航按钮  ====================================================================================*/
.btn-manu {position: absolute;top:25px;right: 15px; width: 30px;height: 30px;display: none}
.btn-manu span {position: absolute;top: 50%;left: 5px;width: 30px;height: 2.5px;background: #fff;}
.btn-manu span:nth-of-type(1) {margin-top: -8px}
.btn-manu span:nth-of-type(2) {margin-top: -1px}
.btn-manu span:nth-of-type(3) {margin-top: 6px}

.header-menu{display: none; font-size: 0;text-align: center}

@media (max-width:768px){
	
/* == 手机导航按钮  ====================================================================================*/
.btn-manu {z-index: 99999;display: block;}
.btn-manu span {background: #000;-webkit-transform-origin: center center;transform-origin: center center;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
.menu-open .btn-manu span { background: #000;margin-top: -1px}
.menu-open .btn-manu span:nth-of-type(1) {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu-open .btn-manu span:nth-of-type(2) {opacity: 0}
.menu-open .btn-manu span:nth-of-type(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.nav_menu{ display: none;}
/** 手机导航pc**/
	
/** Mobile  **/
.nav_box{display: none;}
.header-menu {padding-top: 80px; display: block; position: fixed; top: 0px;right: 0;bottom: 0;left: 0; z-index: 9999; background: rgba(255, 255, 255, 1); opacity: 0;overflow-y: auto;
-webkit-transform: translate3d(0, -150%, 0);
transform: translate3d(0, -150%, 0);
-webkit-transition: all .5s ease;
transition: all .5s ease;}
.subMenu {position: relative;top: auto;width: auto;height: 0;left: 0;margin-left: 35px;margin-right: 35px;opacity: 0;
-webkit-transition: all .3s ease;transition: all .3s ease}
.subMenu-ul {height: 0;overflow: hidden}

.menu-open .header-menu {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}
	
.menu-item {position: relative;display: block;opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
-webkit-transition: all .3s ease;
transition: all .3s ease}
.subMenu-bg{border-bottom: 1px solid #d91e17;}
.menu-item.active .menu-link {color: #d91e17}
.menu-item.active .subMenu {height: auto;opacity: 1}
.menu-item.active .subMenu-ul {height: auto}

.menu-item::after {content: "";position: absolute;right: 30px;bottom: 0;left: 30px;height: 1px;background-color: #bfbfbf;
-webkit-transform: scale3d(0, 0.5, 1);transform: scale3d(0, 0.5, 1);-webkit-transition: transform .8s ease;transition: transform .8s ease}

.menu-link {position: relative;font-size: 16px;line-height: 60px;color:#000;display: block;margin: 0 35px;}
	
.subMenu-ul li:last-of-type .subMenu-link {border-bottom: 0}
.subMenu-link {display: block;text-align: center;margin: 0 0px; font-size: 14px;line-height: 44px;color: #000;position: relative}
.subMenu-link::after {content: "";position: absolute;right: 0;bottom: 0;left: 0;height: 1px;background-color: #f2f2f2;
-webkit-transform: scale3d(1, 0.5, 1);
transform: scale3d(1, 0.5, 1)}

.menu-open .menu-item {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.menu-open .menu-item::after {
	-webkit-transform: scale3d(1, 0.5, 1);
	transform: scale3d(1, 0.5, 1)
}
.menu-open .menu-item:nth-of-type(1) {
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}
.menu-open .menu-item:nth-of-type(1)::after {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.menu-open .menu-item:nth-of-type(2) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.menu-open .menu-item:nth-of-type(2)::after {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.menu-open .menu-item:nth-of-type(3) {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.menu-open .menu-item:nth-of-type(3)::after {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.menu-open .menu-item:nth-of-type(4) {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.menu-open .menu-item:nth-of-type(4)::after {
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}
.menu-open .menu-item:nth-of-type(5) {
	-webkit-transition-delay: .55s
}
.menu-open .menu-item:nth-of-type(5)::after {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.menu-open .menu-item:nth-of-type(6) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.menu-open .menu-item:nth-of-type(6)::after {
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}
.menu-open .menu-item:nth-of-type(7) {
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}
.menu-open .menu-item:nth-of-type(7)::after {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}
.menu-open .menu-item:nth-of-type(8) {
	-webkit-transition-delay: .70s;
	transition-delay: .70s
}
.menu-open .menu-item:nth-of-type(8)::after {
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}
.menu-open .menu-item:nth-of-type(9) {
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}
.menu-open .menu-item:nth-of-type(9)::after {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}
}
/** 手机导航按钮  ====================================================================================*/