@charset "utf-8";
/* CSS Document */

//播放按钮

video::-webkit-media-controls-play-button {
display: none;

}
video::-webkit-media-controls-enclosure{
display: none;

}

.up{position:fixed;right:9px;top:82%;width:40px; height:40px;background-color: rgba(0,0,0,0.5); border-radius:2px; text-align:center;z-index: 9999;}
.up img{margin-top: 12px;}

#header{
	width: 100%;
    background-color: rgb(14 96 191 / 80%);
        position: fixed;
    top: 0;
	z-index: 999;
}

.header-box{
    margin: 0 auto;
    padding: 20px 100px 0;
}

.header-logo{
	float: left;
}

.header-logo img{}

.header-nav{
	float: right;
}

.header-nav ul li{
	float: left;
    margin-left: 35px;
	height: 45px;
    line-height: 35px;
	cursor:pointer;
}

.header-nav ul li a{
	color:#fffefe;
}

.nav-first li a.currentSite{
	border-bottom: 2px solid #f02937 !important;
        padding-bottom: 16px;
}

/* .header-nav ul li:hover{
	display:inline-block;
	border-bottom: 2px solid #f02937;
    height: 43px;
} */

.nav-first li:before {
    content: '';
    float: left;
    font-family: 'iconfont'!important;
    display: inline-block;
    vertical-align: middle;
    background: #f02937;
    margin-right: 10px;
    text-align: center;
}

.nav-first li {
	display: inline-block;
    align-items: center;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 46px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fffefe;
    transition: all .5s ease;
position: relative;
}

.nav-first li:hover:after {
   width: 70%;
}

.nav-first li:after {
    content: '';
    width: 0;
    height: 1.5px;
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    background: #f02937;
    transition: all .5s ease;
    visibility: unset;
}

.second-nav {
    display:none;
    position: absolute;
    z-index: 9999;
    top: 45px;
    width: 136px;
    text-align: center;
    padding: 0;
    margin: 0 0 0 -68px;
    background-color: rgba(26,26,26,0.8);
    left: 50%;
}

/* 
.header-nav ul li .second-nav li{
    position: relative;
    overflow: hidden;
	line-height: 45px;
    height: 45px;
    z-index: 9999;
    margin: 0;
    font-size: 14px;
}

.header-nav ul li .second-nav li a {
    text-align: center;
    line-height: 45px;
    height: 45px;
    display: block;
    z-index: 9999;
    padding: 0 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0;
	color:#fffefe;
    font-weight: unset;
}

 .header-nav ul li .second-nav li:hover{
	border-bottom:1px solid #ffffff;
} */


.second-nav li:before {
    content: '';
    float: left;
    font-family: 'iconfont'!important;
    display: inline-block;
    vertical-align: middle;
    background: #fffefe;
    margin-right: 10px;
    text-align: center;
}

.header-nav .second-nav li {
display:block;
   float:none;
    position: relative;
    z-index: 9999;
padding:0 20px;
    margin: 0 !important;
    height: 60px !important;
    line-height: 60px !important;
    text-align: center;
    font-size: 14px;
    color: #fffefe;
    transition: all .5s ease;
}

.second-nav li a {
    text-align: center;
    line-height: 45px;
    height: 45px;
    display: block;
    z-index: 9999;
    color:#fffefe;
    font-weight: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.second-nav li:hover:after {
    width: 70%;
}
.second-nav2 li:hover:after {
    width: 100%;
}


.second-nav li:after {
    content: '';
    width: 0;
    height: 0.5px;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    background: #fffefe;
    transition: all .5s ease;
    visibility: unset;
}

.second-nav li:nth-child(1){
    margin: 10px auto 0 !important;
}

/* ==============@media============== */
@media screen and (max-width: 1200px) {

    
    .header-box{
             width:1200px;
             overflow: hidden;
             padding:20px 0px 0;
    }

}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}