@charset "utf-8";
/* ====================公共样式========================= */
/* 头部 */
.Header{width: 100%;position: absolute;z-index: 99999;top: 0;left: 0;background: transparent;user-select: none;transition: all .4s ease;padding: 0 0 0 4%;}
.Header::after{content: "";width: 100%;height: 1px;position: absolute;background: rgba(255, 255, 255, 0.7);left: 0;bottom: 0;transition: all .4s ease;}

.Header-logo{float: left;width: 150px;height: 92px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{max-width: 100%;}

.Header-navbar{float: right;margin-right: 40px;visibility: visible;opacity: 1;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar>ul>li{float: left;position: relative;z-index: 9;margin-left: 2px;}
.Header-navbar>ul>li:first-child{margin-left: 0;}
.Header-menu{position: relative;height: 92px;padding: 0 48px;display: flex;align-items: center;font-size: 30px;color: #fff;transition: background .4s ease;z-index: 4;}
.Header-navbar>ul>li::after{content: "";position: absolute;width: 100%;height: 0;left: 0;bottom: 0;background: rgba(255, 255, 255, 0.25);opacity: 0;transition: height .4s ease, opacity .2s ease .3s;}
.Header-navbar>ul>li.active::after, .Header-navbar>ul>li:hover:after{height: 100%;opacity: 1;transition: height .4s ease .1s, opacity .2s ease;}

/* 置顶 */
.backTop{display: none;right: 40px;bottom: 60px;width: 50px;height: 50px;line-height: 50px;font-size: 24px;color: #fff;text-align: center;border-radius: 4px;position: fixed;cursor: pointer;z-index: 9999;background: #0081cd;}
.backTop::after{content: "\e684";font-family: "icon";}
@media all and (max-width:1590px) {.backTop {right: 30px;bottom: 40px;}}
@media all and (max-width:680px) {.backTop {right: 8px;bottom: 20px;width: 40px;height: 40px;line-height: 40px;background-size: 20px auto;}}

/* 底部 */
.Footer{width: 100%;background: #fff;padding: 20px 0;user-select: none;}
.Footer-copyright{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.Footer-copyright p{color: #888;font-size: 16px;margin-left: 16px;}
.Footer-copyright p:first-child{margin-left: 0;}
.Footer-copyright a{transition: all .4s ease;}
.Footer-copyright a:hover{color: #000;}

/* 中间+共用部分 */
.Container{width: 100%;}
.section{width: 100%;position: relative;overflow: hidden;}
.contain{max-width: 1300px;margin: 0 auto;}

/* 图片 */
.onlyImg{width: 100%;overflow: hidden;position: relative;}
.onlyImg img{width: 1920px;max-width: none;position: relative;left: 50%;transform: translateX(-50%);}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .onlyImg img{width: 1660px;}
}

/* ------------------------平板端（开始改变头部底部）-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
}