*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
.Loader{
    position:fixed;
    left:0;
    top:0;
    z-index: 2;
    width:100%;
    height:100%;
    background:url(../img/loading.gif) center no-repeat #f2f2f2f2;
}
.name {
    height: 100%;
    width: 100%;
    margin:0;
    padding: 0;
    overflow: hidden; /*避免滚动条出现*/
}
.name .banner-bg{
    position: absolute;
    padding: 0px;
    width: 100%;
    height: 100vh;
    overflow: hidden; /*避免滚动条出现*/
}
.name .banner-bg img{
    width: 100%;
    height: 100%;
}
.name1{
    position: relative;
    z-index: 2;
    justify-content: space-around;
    /* padding: 0px 0px 0px 50px; */
    align-items: center;
    /* justify-content: space-between; */
    /* padding: 20px; */
    width: 100%;
    /* height: 100px; */
    display: flex;
    border-bottom:1px solid #fff3cd;

}
.name11{
    padding-left: 100px;
    display: flex;
    position: relative;
    z-index: 2;
    justify-content: space-around;
    border-bottom:1px solid #8d8d8e;

}
.name3{
   /* padding: 10px 0px 0px 0px;*/
}
.name2{
    position: relative;
    z-index: 2;
    display: flex;
}
.name2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.name2 li a {
    display: block;
    color: white;
    text-align: center;
    padding: 20px 30px;
    text-decoration: none;
}
.name2 li a:hover:not(.active) {
    /*opacity: 0.5;
    background-color: black;*/
    background-color: rgba(10, 10, 10, 0.5);
}
.name2 .active {
    /*opacity: 0.5;
    background-color: black;*/
    background-color: rgba(10, 10, 10, 0.5);
}
.name2 .active li{
    /*opacity: 0.5;
    background-color: black;*/
    background-color: rgba(10, 10, 10, 0.5);
}
/* 下拉菜单隐藏*/
.top_list{
    display: none;
}
/* 下拉菜单显示*/
li:hover .top_list{
    font-size:12px;
    width: 127px;
    display: block;
    position: absolute;
    /*opacity: 0.5;
    background-color: black;*/
    background-color: rgba(10, 10, 10, 0.5);
}

/*下拉菜单*/
li:hover .dropdown-content
{
    display:block;
}
/**/
.dropdown-content
{
    font-size:12px;
    display:none;
    position:absolute;
    background-color: rgba(10, 10, 10, 0.5);
    /*opacity: 0.5;
    background-color:black;*/
    width:127px;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content li:hover
{
    background-color:#326cc7;
}









.search{
    line-height: 60px;
}
.name4{
    position: relative;
    z-index: 2;
}


.main{
    width: 100%;
}
.main ul{
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 190px;
    overflow: hidden;
    border-bottom:1px solid #fff3cd;
}

.mainlist li {
    float: left;
}

.mainlist li a {
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.mainlist li a:hover{
    color: #0a64f3;
    border-bottom:2px solid #0a64f3;
}



.mainlist li .active {
    color: #0a64f3;
    border-bottom:2px solid #0a64f3;
}