.header{position: absolute; left: 0; top: 0;z-index: 999; width: 100%;}
.header embed{width: 100%; overflow: hidden;}
.nav{ width:100%; position: relative;  }
.header-box{ display: none; height:calc(100vh);}
.header-box-con{position: fixed; width: 100%; left: 0; top:0; display: flex;z-index: 999; height: calc(100vh);}
.header-box-left{ width: 34.8vw; background:#1f2027 ; display: flex;  }
.header-box-left .header-box-logo{ width: 17.7vw; height: 7.3vw; background-color: #c1141b; text-align: center; line-height: 8.3vw;cursor: pointer; }
.header-box-left .header-box-logo a{ display: inline-block; width: 9.5vw; text-align: center;}
.header-box-left .header-box-logo img{ width: 100%;}
.header-box-left ul{ margin-top: 15vw;}
.header-box-left ul li{ margin-bottom: 2.5vw;}
.header-box-left ul li.double-line{ margin-bottom:5.5vw;}
.header-box-left ul li a{ font-size: 1.043vw;  color:#fefefe; cursor: pointer;}
.header-box-left ul li a:hover{color: #c1141b;}
.header-box-left ul li a span{font-size:.834vw; margin-right: 2.3vw;}
.header-box-right{ width: 65vw; background:#272931 ; position: relative; }
.header-box-right .close{ position: absolute; right:1.85vw; top: 2.5vw; width: 3.1vw; color: #ffffff; cursor: pointer;}
.header-box-right .close-scroll{ right:3.2vw!important; top: 1.5vw!important;}
.header-box-right .close span{display:block;background:#717274;width:3.1vw;height:2px;transition:all ease 0.35s; position: absolute; z-index: 999; }

.header-box-right .close span:nth-of-type(1){ top:10px; transform:rotate(45deg)}
.header-box-right .close span:nth-of-type(2){width:0}
.header-box-right .close span:nth-of-type(3){top:10px; transform:rotate(-45deg)}
.header-box-right .close img{ width: 100%;}
.header-box-right ul{ margin: 18.8vw 0 0 2vw;}
.header-box-right ul li{ display: flex;  margin-bottom: 2.5vw;}
.header-box-right ul li a{ font-size: 1.043vw;  color:#fefefe; padding:0 2vw; border-right: 1px solid #fefefe; cursor: pointer;}
.header-box-right ul li .no-line{border-right:none;}
.header-box-right ul li.double-line{  flex-wrap: wrap;margin-bottom: 1.6vw;}
.header-box-right ul li.double-line a{  margin-bottom: 1.3vw;}
.header-box-right ul li a:hover{color: #c1141b;}
/*  */
.nav-wrap{ width: 100%; display: flex; justify-content:space-between;  align-items:center ; position: relative; }
.header-box-show{ position: absolute; right: 2vw; top: 2.5vw; width: 3.1vw;}
.header-box-show span{display:block;background:#717274;width:3.1vw;height:2px;transition:all ease 0.35s; position: absolute;  z-index: 999;}
.header-box-show span:nth-of-type(1){top:0px}
.header-box-show span:nth-of-type(2){top:10px}
.header-box-show span:nth-of-type(3){top:20px}
.header-box-show img{ width: 100%;}
.nav-logo{ width: 17.7vw; height: 7.3vw; line-height: 8.3vw; background-color: #c1141b; text-align: center;  }
.nav-logo img{ width: 100%;}
.nav-logo a{ display: inline-block; width: 9.5vw; text-align: center;}
.nav-logo a img{ margin-top: 2.2vw;}
.nav-ul{display: flex; margin-right: 8vw;}
.nav-ul li { margin-right: 25px;}
.nav-ul li a{font-size:1.043vw; color: #ffffff; padding:0 1.3vw; height: 2vw; line-height:2vw; }
.nav-ul li.active,.nav-ul li a:hover{ display: inline-block; border-radius: 1.8vw; background-color: #c1141b;  }

.footer{width: 100vw;}
.footer dl{width: 78vw; margin: 5.5vw auto 0; display: flex;  align-items: center;  justify-content:space-between; border-bottom: 1px solid #cccccc; padding-bottom: 4vw;}
.footer dl dt{width:14.6vw; margin-left:5vw;}
.footer dl dt img{width:100%;}
.footer dl dd{width: 66.5vw;}
.footer dl dd ul{  display: flex; justify-content:flex-end; }
.footer dl dd ul li { padding:0 1.7vw 0 9vw;}
.footer dl dd ul li h4{font-size: 1.25vw; color: #666666; font-weight: 500; margin-bottom: 2vw;}
.footer dl dd ul li p{font-size: 1.042vw; color: #666666; margin-bottom: 1vw;}
.mark-box{display: flex; justify-content:space-between; margin: 0 auto; width: 78vw; padding:1.5vw 0; }
.mark-box p{ font-size:.833vw; color: #999999;}
.scroll-nav-box{ display: none;}
.scroll-nav-wrap{  position: fixed; left: 0; top:0; z-index: 999; width: 100vw; display: flex;justify-content:space-between; background:#ffffff;  align-items:center ;}
.scroll-nav-wrap .scroll-nav-logo{ width: 17.5vw;}
.scroll-nav-wrap .scroll-nav-logo a{ display: block; width: 17.5vw; background: #bf0710; height: 4.167vw;
    display: flex;
    align-items: center;
    justify-content: center;}
.scroll-nav-wrap .scroll-nav-logo a img{ width: 9.5vw;}
.scroll-nav-wrap .scroll-nav-con{ width:53.5vw; display: flex;}
.scroll-nav-wrap .scroll-nav-con a{ padding: .5vw 1.5vw; font-size:1.042vw; color:#000000; margin:0 1vw;} 
.scroll-nav-wrap .scroll-nav-con a:hover,.scroll-nav-wrap .scroll-nav-con .active{ background: #c1141b; color:#ffffff; border-radius: 1.8vw; }

.video-model {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	display:none
}
.video-model-content {
	/* background:#fff; */
	width:836px;
	/* height:490px; */
	padding:10px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-418px;
	margin-top:-295px
}
.video-model-content video {
	border: 2px solid #fff;
	width:100%;
	height:100%
}
.scroll-box-show{position: absolute; right: 3.2vw; top: 1.5vw; width: 3.1vw;}
.scroll-box-show img{ width: 100%;}
@media screen and (max-width:1680px){
.nav-logo a img{ margin-top: 2.35vw;}
}
