
/*====================导航*********/
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	height:50px;
	padding: 0 30px 0 60px;
	background:#fff;
	/*background: rgba(255, 255, 255, 0.8);*/
}

/*左侧logo*/
.header .logo{ height:30px;float:left; margin-top:10px;}
    .header .logo img {
        height: 36px;
    }

/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 50px;
	display: block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}

.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 50px;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #333;
	font-size: 16px;
}
.header .navbar_nav .cover {color: #d00;border-bottom: 2px #d00 solid;}
.header .navbar_nav li:hover a{
	color: #fff;
	background:#474747;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}

.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:50px;
	width: 100%;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 15px;
	color: #fff;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #393939;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #fff;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #d6001d;
}
.language{ padding-top:15px;}
.language a{ font-size:12px; padding:0 10px; color:#333;}
.language a:hover{ color:#d6001d;}



.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}

.sp_nav{ display:none}
.sjj_nav{display:none}


.foot{text-align: center;padding: 30px 0;}
.foot .youi ul{display: inline-block;}
.foot .youi ul li{display: inline-block;}


.tilte{display: flex;align-items: center;line-height: 1;margin: 2% 0 1.5% 2%;}
.tilte h2{font-size: 55px;color:#d00;font-weight:normal;line-height: 1;padding: 0;margin: 0;}
.tilte p{padding:0;width:3px;margin: 0 10px;height:35px;background:#d00}
.tilte em{ color:#333; font-size:23px;}


.inbanner{ position:relative; margin-top:50px}
.inbanner .img{ width:100%;}
.inbanner .img img{ width:100%; vertical-align:bottom}
.inbanner01{ position:absolute; top:0; height:100%; left:0; width:100%; color:#fff;   display: inline-flex;

    justify-content: center;
    align-items: flex-start;
    flex-direction: column; padding:0 4%;}


@media screen and (max-width: 992px){
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
	
	
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px; display:block;}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.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:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;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:5px;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;margin-left:20px;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:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
}





