@charset "utf-8";


@media (max-width:1600px){}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:1400px){}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:1200px){}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:992px){
	
/** 手机导航按钮  **/
.btn-manu {z-index: 100;display: block;}
.btn-manu span {-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;}
	
/** 手机导航  **/
.header-menu {padding-top: 80px; display: block; position: fixed; top: 0px;right: 0;bottom: 0;left: 0;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 #d7000f;}
.menu-item.active .menu-link {color: #d7000f}
.menu-item.active .subMenu {height: auto;opacity: 1}
.menu-item.active .subMenu-ul {height: auto}

.menu-item::after {content: "";position: absolute;right: 35px;bottom: 0;left: 35px;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
}
/** 手机导航  **/	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:767px){}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:640px){}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:460px){}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width:360px){}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */