@charset "utf-8";

html {
    font-size: small;
    height: 100%
}

body {
    font-family: 'Microsoft Yahei', '微软雅黑', 'Hiragino Sans GB', Tahoma, Helvetica, Arial, '宋体', nimbussansl, liberationsans, freesans, clean, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    min-height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

div {
    background-position: center;
    background-repeat: no-repeat
}

h4 {
    margin: 0;
    padding: .5em;
    font-size: 1.1em
}

p {
    font-size: 1em;
    padding: .5em;
    margin: 0
}

input[type=text], input[type=email], input[type=date], input[type=password], input[type=number], input[type=url], input[type=tel], textarea, select {
    padding: .85em 1.2em;
    line-height: 1;
    border: 1px solid rgba(0,0,0,0.15);
    color: rgba(0,0,0,0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 rgba(0,0,0,0.3) inset;
    box-shadow: 0 0 rgba(0,0,0,0.3) inset;
    width: 100%;
    outline: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

    input[type=text]:focuse, input[type=email]:focuse, input[type=date]:focuse, input[type=password]:focuse, input[type=number]:focuse, input[type=url]:focuse, input[type=tel]:focuse, textarea:focuse, select:focuse {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-box-shadow: .3em 0 0 0 rgba(0,0,0,0.3) inset;
        box-shadow: .3em 0 0 0 rgba(0,0,0,0.3) inset
    }

textarea {
    resize: none
}

select {
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05))
}

input[type=radio], input[type=checkbox] {
    width: 1em;
    height: 1em
}

input[type=radio] {
    border-radius: 1em
}

a {
    color: inherit;
}

    a:active {
        color: inherit
    }

article {
    max-width: 1024px;
    padding: .5em;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', Verdana, Aril, sans-serif;
    margin: 0 auto;
}

    article h1 {
        color: #333
    }

video {
    background-color: #000
}

#app{
    max-width: 1920px;
    min-width: 1366px;
    margin: auto;
    box-sizing: border-box;
}

.wangz-nav{    
    display: flex;
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    background: #141414;
    color: rgb(255, 255, 255);
    height: 105px;
}
.wangz-nav .wangz-nav-menu{
    flex: 1;
}
.wangz-nav .wangz-nav-icon{
    width: 170px;
    height: 100px;
    background: url(../image/pc/logo.png) no-repeat;
    background-size: cover;
}
.wangz-nav .nav-menu-title{    
    height: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.wangz-nav .nav-menu-group{    
    display: flex;
    margin: 20px 0px;
}
.wangz-nav .nav-menu-group .nav-menu-item{    
    flex: 1;
    font-size: 18px;
    text-align: center;
}

.wangz-nav .wangz-nav-menu a{
    display: inline-block;  
    cursor: pointer;
    color: #fff;
}
.wangz-nav .wangz-nav-menu a:hover{
    color: #fff;
}
.wangz-nav .nav-contact{    
    font-size: 18px;
    cursor: pointer;
    float: right;
    margin-top: 5px;
    margin-right:  60px;
    position: relative;
}
.wangz-nav .nav-contact::before{
    content: " ";
    background: url(../image/pc/icon/联系电话.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    top: 2px;
    background-size: cover;
}

.wangz-footer{    
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    background: #141414;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    padding: 60px 60px 30px 60px;
    max-width: 1920px;
    margin: auto;
}
.wangz-footer .footer-content{
    display: flex;
}
.wangz-footer .footer-contactUs{
    flex: 3;
}
.wangz-footer .footer-contactUs-title{
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 300;
}
.wangz-footer .footer-contactDetails{
    display: flex;
}
.wangz-footer .footer-contactDetails-item{
    flex: 1;
    box-sizing: border-box;
    padding-left: 50px;
    position: relative;
}
.wangz-footer .footer-contactDetails-item.footer-address{
    flex: 1.5;
}
.wangz-footer .footer-address::before{
    content: " ";
    background: url(../image/pc/icon/公司地址.png) no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 5px;
    top: 0px;
    background-size: cover;
}
.wangz-footer .footer-telephone::before{
    content: " ";
    background: url(../image/pc/icon/联系电话.png) no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 5px;
    top: 0px;
    background-size: cover;
}
.wangz-footer .footer-email::before{
    content: " ";
    background: url(../image/pc/icon/Email地址.png) no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 5px;
    top: 0px;
    background-size: cover;
}
.wangz-footer .footer-contactDetails-label{
    font-size: 16px;
    margin-bottom: 15px;
}
.wangz-footer .footer-contactDetails-text{
    font-size: 16px;
    font-weight: 300;
}
.wangz-footer .footer-contactIcon{
    margin-top: 80px;
    margin-bottom: 30px;
}
.wangz-footer .footer-weChat-icon{
    background: url(../image/pc/icon/微信.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}
.wangz-footer .footer-weibo-icon{
    background: url(../image/pc/icon/新浪.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}
.wangz-footer .footer-tiktok-icon{
    background: url(../image/pc/icon/抖音.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}
.wangz-footer .footer-taobao-icon{
    background: url(../image/pc/icon/淘宝.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
}
.wangz-footer .footer-sitemap{
    flex: 1;
    position: relative;
}
.wangz-footer .footer-sitemap::before{
    content: " ";
    height: 100%;
    position: absolute;
    border: 1px solid rgba(216, 216, 216, 0.5);
    left: 0;
}
.wangz-footer .footer-sitemap-content{
    box-sizing: border-box;
    padding-left: 100px;
}
.wangz-footer .footer-sitemap-title{
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 300;
}
.wangz-footer .footer-copyright{
    margin-top: 60px;
    font-size: 14px;
    position: relative;
}
.wangz-footer .footer-copyright::before{
    content: " ";
    width: 100%;
    position: absolute;
    top: -30px;
    border: 1px solid rgba(216, 216, 216, 0.5);
    left: 0;
}
.wangz-footer .footer-sitemap-nav{
    box-sizing: border-box;
    padding-left: 30px;
}
.wangz-footer .footer-sitemap-nav-item{
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}
.wangz-footer .footer-sitemap-nav-item::before{
    content: " ";
    position: absolute;
    width: 15px;
    top: 8px;
    border: 1px solid rgba(216, 216, 216, 0.5);
    left: -28px;
}

.wangz-footer .footer-sitemap-nav a{
    display: inline-block;  
    cursor: pointer;
    color: #fff;
}
.wangz-footer .footer-sitemap-nav a:hover{
    color: #fff;
}

.wangz-breadcrumb{
    box-sizing: border-box;
    margin: 20px 0;
    text-align: center;
}
.wangz-breadcrumb .el-breadcrumb{
    display: inline-block;
}
.wangz-breadcrumb .el-breadcrumb .el-breadcrumb__inner a{
    text-decoration: underline;
    font-weight: normal;
}

.wang-alink{
    text-decoration: underline;
    font-weight: normal;
}
.wang-alink{
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}
.wang-alink:hover{
    color: #fff;
    text-decoration: none;
}
.wang-alink{
    cursor: pointer;
    text-decoration: none;
}
.wang-alink:hover{
    text-decoration: none;
}

::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: rgb(239, 239, 239);
border-radius: 2px;
}
::-webkit-scrollbar-thumb {
/* background: #40a0ff49; */
background: rgb(59, 101, 183);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #40a0ff;
}