/*------------------------------  顶部通用-------------------------------*/
.sticky-nav{display: flex;justify-content: space-between;align-items: center;background: #fff;top: 0;left: 0;position: fixed;z-index: 99;}
.top-l{padding-left: 6vw;}
.top-l .logo{width: 200px;}
.top-l .logo img{height: 54px;}
.top-r{display: flex;flex-wrap: wrap;justify-content: right;}
.top-r .top-r-1{width: 960px;background-image: url(../images/index_01.png);background-repeat: no-repeat;background-position: left center;
background-size: auto 100%;height: 34px;line-height: 34px;padding-right: 6vw;color: #fff;display: flex;justify-content: flex-end;align-items: center;}
.top-r-1 .top-r-item{font-size: 14px;display: flex;align-items: center;color: #fff;margin-left: 90px;}
.top-r-1 .top-r-item figure{margin-right: 6px;}
.top-r-2{padding-right: 6vw;width: 1115px;}
/*导航*/
.navBar{}
.nav{position:inherit;font-size:16px;z-index:2;display: flex;justify-content: right;}
.nav h3{font-size:100%;font-weight:normal;margin: 24px auto;}
.nav .m{display: inline-block;position:initial;z-index:1;}
.nav h3 a{display:block;margin-left: 2vw;text-align:right;text-transform: uppercase;}
.nav .sub li a:hover{color:#fff;}
.nav h3 a:hover{color: #d7000f;}
.nav .active a{color: #d7000f;}
.nav .sub{display:none;position:absolute;left: 0px;top:100px;z-index: 1;width: 100%;border-top:0;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);
background:#e4e4e4;}
.nav .sub li{text-align:center;height: 40px; line-height: 40px;}
.nav .sub li a{display:block;color:#666;font-size:14px;text-transform: capitalize;}
.nav .sub li a:hover{background:#0350a0;}
.nav .sub li .sub-two{position: absolute;width:135px;border-top:0;background:#fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);left: 100%;top: 0;
display: none;}
.nav .sub li:hover .sub-two{display: block;}
.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;
}

@keyframes sticky {	
	0% {		
		transform: translateY(-100%)	
	}	
	100% {		
		transform: translateY(0)	
	}
}

.nav .sub .swiper-container{width: 85%;margin: 0 auto;overflow: hidden;}
.nav .sub .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 248px;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
}
.nav .sub .swiper-slide a{display: block;width: 100%;overflow: hidden;}
.nav .sub .swiper-slide a figure img{width: 188px;height:auto;}
.nav .sub .swiper-slide a h3{transition: .1s linear;margin-top: 14px;color: #333;font-size:14px;margin-bottom: 0;}
.nav .sub .swiper-slide:hover {background: #e0e0e0;}
.nav .sub .swiper-slide:hover a h3{color:#d7000f;}
.nav .sub .swiper-slide::after{
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    background: #dddddd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nav .sub .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #d7000f;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transform: scale(0);
    transition: all .4s;
}
.nav .sub .swiper-slide:hover:before {
    opacity: 1;
    transform: scale(1);
}
.nav .sub .swiper-container .swiper-button-next{right: 110px;}
.nav .sub .swiper-container .swiper-button-prev{left: 110px;}
.nav .sub .swiper-container .swiper-button-next:after,.nav .sub .swiper-container .swiper-button-prev:after{
    font-size: 20px;
    color: #d7000f;
}

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