/*移动Nav*/
ul, li {
    list-style-type: none;
}

p, ul, li, div {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a:hover, a:visited, a:link, a:active, a {
    text-decoration: none !important;
}

::-webkit-scrollbar { /*滚动条整体样式*/
    width: 12px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}
 
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    background: #cbcbcb;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    background: #f1f1f1;
}

/*pcNav*/
.pcNav {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    transition: all .3s ease;
}

.pcNav > li > a {
    display: block;
    font-size: .18rem;
    color: white;
    text-shadow: .01rem .02rem .03rem rgb(23, 22, 22);
    white-space: nowrap;
}
.pcNav > li > a .iconfont{
    display: none;
}
/*浜岀骇鑿滃崟*/
.pcNav > li {
    position: relative;
    display: flex;
    align-items: center;
}
.pcNav > li > .iconfont{
    display: none;
}
.pcNav > li:hover > a{
    display: block;
    color: #f7ab00 !important;
}

/*pc*/
.pcNav .nav_two {
    position: absolute;
    top: .8rem;
    box-sizing: content-box;
    min-width: 150%;
    box-shadow: 0 .03rem .05rem rgba(150, 150, 150, 0.5);
    background: rgba(255,255,255,.8);
    transition: all .6s ease;
    max-height: 0;
    overflow: hidden;
    border-radius: .04rem;
    left: 50%;
    transform: translateX(-50%);
}

.pcNav .nav_two li a {
    color: #353535;
    line-height: .40rem;
    font-size: .14rem;
    display: block;
    border-bottom: .02rem solid transparent;
    align-items: center;
    /*overflow: hidden;*/
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align: center;
    padding: 0 .3rem;
}

.pcNav > li > .nav_two a:hover {
    color: white;
    background: #f7ab00;
}
.phone-logo{
    display: none;
}
header .menu{
    display: none;
}
@media only screen and (min-width: 1000px ){
    .pcNav > li:hover .nav_two {
        max-height: 4rem;
    }
}
@media only screen and (max-width: 1000px ) {
    header {
        background: #0c5cad;
        width: 100%;
        height: .50rem;
        padding: 0;
        box-shadow: 0 .02rem .15rem #1738af;
        z-index: 100;
    }
    header.active{
        background: #082671;
    }
    header.active .pcNav > li{
        position: relative;
    }
    header.active .pcNav > li > a{
        color: white;
    }
    header .pcNav > li > .iconfont{
        display: block;
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        line-height: .58rem;
        text-align: right;
    }
    header .pcNav > li > a .iconfont:before{
        transform: rotate(90deg);
    }
    header .daohangBox{
        padding-top: .05rem;
    }
    header .search-dialog .search-box .btn{
        background: white;
        border-radius: 0;
        color: #333333;
    }
    header .search-dialog{
        padding: .20rem 0;
    }
    header .search-dialog .search-box .input{
        max-width: 9.00rem;
        flex: 1;
        padding-left: .15rem;
    }
    .pcNav > li:hover > a:after{
        display: none;
    }
    .containerNav .pcNav > li > a{
        font-size: .2rem;
        text-shadow: none;
    }
    header .menu{
        display: block;
    }
    .hide-xs{
        display: none;
    }
    .navigation .menu {
        position: absolute;
        width: .30rem;
        height: .30rem;
        color: white;
        font-size: .30rem;
        right: .15rem;
        top: .05rem;
        z-index: 401;
    }
    header .containerNav{
        padding: .05rem;
        background: none;
    }
    header .containerNav .navigation .logo{
        display: none !important;
    }
    header .fast-link{
        display: none;
        background: none;
        border-top: .02rem solid white;
        padding: .15rem 0;
        font-size: .18rem;
        height: auto;
    }
    header .container .center{
        display: none;
    }
    header .fast-link .container{
        flex-direction: column;
    }
    header .fast-link .container .left, header .fast-link .container .right{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    header .fast-link .container .item:after{
        display: none;
    }

    header .fast-link .container .item{
        margin-bottom: .10rem;
    }
    header .daohangBox{
        background: none;
    }
    #menuId {
        position: fixed;
        top: .50rem;
        left: 110vw;
        width: 100%;
        background: #1738af;
        padding: .10rem;
        box-shadow: 0 .02rem .15rem #1738af;
        transition: all .3s ease;
        z-index: 400;
        overflow: auto;
        max-height: calc(100vh - .45rem);
    }
    #menuId.active{
        left: 0;
    }
    .phone-logo{
        position: absolute;
        display: block;
        width: 2.00rem;
        left: .10rem;
        top: .08rem;
        z-index: 401;
    }
    .pcNav {
        display: flex;
        flex-direction: column;
        margin-left: 0 !important;
    }

    .pcNav li {
        width: 100%;
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
    }
    .pcNav li:first-child {
        width: 100%;
        border-top: none;
    }
    .pcNav li a{
       line-height: .6rem !important;
        padding-bottom: 0;
    }
    .pcNav .nav_two {
        position: static;
        display: block;
        width: 100%;
        box-shadow: none;
        background: rgb(36, 68, 184);
        max-height: 0;
        overflow: hidden;
        transition: all .3s ease;
        min-width: 100%;
        transform: translateX(0);
    }
    .pcNav > li.open .nav_two{
        max-height: 6rem;
    }
    .pcNav .nav_two li a{
        color: white !important;
        text-align: left;
        padding-left: .3rem;
        font-size: .18rem;
    }
    .search-dialog{
        width: 100%;
        padding: .15rem;
        margin-right: 0;

    }
    .search-dialog .search-box .btn{
        width: .40rem;
    }
    .search-dialog .input{
        padding: .05rem .08rem;
    }
    #banner{
        margin-top: .45rem;
    }
    #banner .swiper-pagination{
       bottom: .10rem;
    }
}