body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
/* h1,h2,h3,h4,h5,h6{font-size:100%} */
em,b{font-style:normal}
a{text-decoration:none} 
a:hover{text-decoration:underline}
img{
    border:0px;
    margin:0px;
    padding:0px;
}
/* body{padding-top:42px}  */
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul,li{ list-style: none; margin: 0 ; padding: 0;}
a:hover{ text-decoration: none;}

.hidden{
    display: none;
    opacity: 0;
}

.active {
    transition: transform 0.3s;
    cursor: pointer;
  }
  .active:hover {
    transform: scale(1.1);
  }
  .active:active {
    transform: scale(1.05);
  }

.top_bar{
    width: 100%;
    height: 1.48rem;
    position: absolute;
    left: 0;
    z-index: 999;
    font-size: 0.34rem;
    background-color: rgb(43,100,151,0.42);
    color: #ffffff;
}

.top_logo{
    display: flex;
    width: 4.05rem;
    height: 1.48rem;
    align-items: center;
    float: left;
    margin-left: 0.16rem;
}

.top_logo img{
    width: 4.05rem;
    height: 0.59rem;
}

.top_list{
    float: left;
    margin-left: 0.4rem;
}

.top_list .top_li{
    float: left;
    padding: 0 15px;
    width: 1.5rem;
    height: 1.48rem;
    text-align: center;
}

.top_list .top_li .icon{
    height: 1.48rem;
    line-height: 1.48rem;
    display: inline-block;
    width: 1.5rem;
    font-size: 0.30rem;
    color:rgb(207, 226, 251);
    transition: font-size 0.3s ease;
}

.top_list .top_li .icon:hover{
    font-size: 0.35rem;
    color: #ffffff;
}

.top_list .top_li .icon:active {
    font-size: 0.35rem;
    color: #ffffff;
  }

.top_list .top_li .activited{
    font-size: 0.35rem;
    color: #ffffff;
}


.rote{
    -webkit-animation: rotation 3s linear 3s 5 alternate;
    animation: rotation 3s linear infinite;
}

.dropdown-menu{
    /* background: url(/images/pc/index/contact.png)no-repeat;
    background-size: 5.33rem 1.33rem;
    width: 5.33rem;
    height: 1.33rem; */
    position: absolute;
    top: 55%;
    right: 30%;
}

.dropdown-icons{
    display: flex;
    /* justify-content: center; */
    margin-top: 0.35rem;
    background-color: #fff;
    border-radius: 0.3rem;
}



.dropdown-icons li{
    /* float: left; */
    /* flex:1 */
    padding: 0.1rem;
}

.dropdown-menu .dropdown-icons li .menu{
    height: 0.8rem;
    line-height: 0.8rem;
    display: inline-block;
    width: 0.8rem;
    background-position: center;
    background-repeat: no-repeat;
}

.dropdown-menu .top{
    background: url(/images/pc/index/jiantou.png)no-repeat;
    background-size: 0.16rem 0.13rem;
    height: 0.13rem;
    width: 0.16rem;
    position: absolute;
    right: 0.3rem;
    top: 0.22rem;
}
.tiktok{
    background: url(/images/pc/index/tiktok.png)no-repeat;
    background-size: 0.64rem 0.63rem;
}
.facebook{
    background: url(/images/pc/index/facebook.png)no-repeat;
    background-size: 0.64rem 0.63rem;
}
.ins{
    background: url(/images/pc/index/ins.png)no-repeat;
    background-size: 0.64rem 0.63rem;
}
.discode{
    background: url(/images/pc/index/discode.png)no-repeat;
    background-size: 0.64rem 0.63rem;
}

.x{
    background: url(/images/pc/index/x.png)no-repeat;
    background-size: 0.64rem 0.63rem;
}

.youtube{
    background: url(/images/pc/index/youtube.png)no-repeat;
    background-size: 0.64rem 0.63rem;
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}