/* GLOBAL STYLES */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Microsoft Yahei", arial, 瀹嬩綋;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section,
a {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    text-decoration: none !important;
}

input,
select,
textarea {
    vertical-align: middle;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

ul,
li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

header{
    width:100%;
    height:80px;
    position:fixed;
    left:0;
    top:0;
    box-shadow:0 0 10px #ccc;
    background-color:#fff;
    z-index: 10;
}
.header-c{
    width:1400px;
    margin: 0 auto;
    height:100%;
}
.logo{
    width: 305px;
    float: left;
    margin-top: 1.5%;
}
.nav{
    width:52.4%;
    float:right;
    overflow:hidden;
}
.nav li{
    float:left;
    margin-left:4.6%;
    padding:0 4px;
    line-height:77px;
    font-size:18px;
    border-bottom:3px solid #fff;
}
.nav li a{
    color:#000;
}
.nav li.active,.nav li:hover{
    border-bottom:3px solid #8A0780;
}
.nav li.active a,.nav li:hover a{
    color:#8A0780;
}

footer {
    width: 100%;
    padding: 40px 0;
    background: #333333;
}

.footer-c{
    width:1400px;
    margin: 0 auto;

}
.footer-c::after{
    content: '';
    clear:both;
    display:block;
}
.footer-left{
    width:41.6%;
    float:left;
}
.footer-left2{
    width: 9%;
    float: left;
    margin-left: 2%;
}
.footer-left-title{
    width:100%;
    overflow:hidden;
    color:#CCCCCC;
}
.footer-left-title img{
    width:26px;
    display:inline-block;
    margin-right:11px;
    vertical-align:middle;
}
.footer-left-ul{
    width:94%;
    margin-left:6%;
}
.footer-left-ul li{
    position:relative;
    width:20%;
    float:left;
    margin-top:4%;
    box-sizing:border-box;
    padding-left:10px;
    border-left:2px solid #ccc;
    color:#ccc;
}
.footer-left-ul li a{
    color:#ccc;
}
.footer-left-ul li:hover{
    border-left:2px solid #fff;
    color:#fff;
}

.footer-right{
    width:43.2%;
    float:right;
    margin-top: 3%;
}
.footer-right-top{
    width:100%;
}
.footer-xx{
    display:inline-block;
    margin-right:30px;
    font-size:16px;
    color:#ccc;
    margin-bottom:3%;
}
.footer-xx1{
    width: 170px;
    margin-right: 19px;
}
.footer-xx2{
    width: 370px;
    margin-right: 0;
}
.footer-xx img{
    width:25px;
    display:inline-block;
    margin-right:12px;
    vertical-align:middle;
}
.footer-line{
    width:100%;
    height:1px;
    background-color:#4D4D4D;
    margin-bottom:3%;
}
.footer-right-bottom{
    width: 100%;
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 40px;
    text-align: center;
    color: #ccc;

}
.footer-bottom{
    width:100%;
}
.footer-left-erweima{
    width:80px;
    position:absolute;
    left:0;
    top:150%;
    display:none;
}
.footer-left-erweima1{
    width:80px;
    position:absolute;
    left:0;
    bottom:150%;
    display:none;
}
.footer-left-ul>li:hover{
    z-index:10;
}
.footer-left-ul>li:hover .footer-left-erweima,.footer-left-ul>li:hover .footer-left-erweima1{
    display:block;
}
.footer-left2{
    display: flex;
   align-items: center;
}
.footer-left2 p{
    font-size: 12px;
    color: #cccccc;
    writing-mode: vertical-lr;
    margin-left: 3%;

}
@media screen and (max-width: 1400px) {
    .header-c {
        width: 1200px;
    }
    .nav {
        width: 60.4%;
    }
    .footer-c {
        width: 1200px;

    }
}