@charset "utf-8";
/* ====================公共样式========================= */

/* 头部 */
.Header-wrapper{width: 100%;background: #333;position: fixed;left: 0;top: 0;z-index: 9999;}
.Header-logo{float: left;position: relative;z-index: 999;}
.Header-logo a{height: 60px;line-height: 60px;float: left;user-select: none;}
.Header-navclick{height: 60px;line-height: 58px;float: right;user-select: none;}
.Header-navclick-menu{width: 40px;height: 40px;display: inline-block;border-radius: 6px;background: #333;vertical-align: middle;cursor: pointer;position: relative;}
.Header-navclick-menu span{width: 26px;height: 3px;position: absolute;left: 6px;background: #fff;top: 50%;margin-top: -2px;}
.Header-navclick-menu span:before, .Header-navclick-menu span:after{content: "";position: absolute;left: 0;width: 20px;height: 3px;background: #fff;transition: all .4s ease;}
.Header-navclick-menu span:before{top: -8px;}
.Header-navclick-menu span:after{bottom: -8px;}
.Header-navclick-menu:hover span:before, .Header-navclick-menu:hover span:after{width: 26px;}
.Header-navclick-menu.ontrue{background: #25cad2;}
.Header-phone{float: right;font-size: 14px;color: #fff;height: 60px;line-height: 60px;margin-right: 28px;}
.Header-phone p{display: inline-block;vertical-align: middle;}
.Header-phone span{font-weight: 700;}
.Header-navbar{display: none;position: absolute;z-index: 999;top: 60px;left: 0;width: 100%;background: url('/images/public/navbg.png') repeat;padding: 72px 0 60px;}
.Header-navbar-contain{width: 1100px;margin: 0 auto;}
.Header-navbar li{float: left;font-size: 0;position: relative;}
.Header-menu, .Header-link{display: inline-block;vertical-align: top;}
.Header-menu{font-size: 18px;color: #fff;font-weight: 500;display: inline-block;line-height: 28px;transition: all .4s ease;}
.Header-link{margin-left: 12px;padding-left: 14px;position: relative;}
.Header-link:before{content: "";position: absolute;width: 1px;top: 5%;left: 0;height: 90%;background: #fff;}
.Header-link a{display: block;width: 100%;font-size: 14px;color: #fff;line-height: 28px;transition: all .4s ease;}
.Header-menu:hover, .Header-link a:hover{color: #25cad2;}
.Header-link-list{width: 100%;margin-top: 60px;}
.Header-arr{display: none;}
.Header-navbar li:nth-child(2) .Header-link{width: 158px;}
.Header-navbar li:nth-child(1){width: 33%;}
.Header-navbar li:nth-child(2){width: 29%;}
.Header-navbar li:nth-child(3){width: 22%;}
.Header-navbar li:nth-child(4){width: 16%;}
.Header-link-case{overflow: hidden;}

/* 底部 */
.Footer-wrapper{width: 100%;background: #333;padding: 50px 0 18px;position: relative;z-index: 9999;}
.Footer-container{width: 900px;margin: 0 auto;}
.Footer-item{width: 100%;}
.Footer-navbar{width: calc(100% - 121px);float: left;}
.Footer-navbar li{float: left;position: relative;}
.Footer-menu{display: block;width: 100%;font-size: 18px;color: #e4e4e4;transition: all .4s ease;height: 36px;}
.Footer-arr{display: none;}
.Footer-link{display: block;width: 100%;}
.Footer-link a{display: block;width: 100%;font-size: 14px;color: #cacaca;transition: all .4s ease;line-height: 26px;}
.Footer-menu:hover, .Footer-link a:hover{color: #fff;}
.Footer-navbar li:nth-child(1){width: 42%;}
.Footer-navbar li:nth-child(2){width: 30%;}
.Footer-navbar li:nth-child(3){width: 28%;}
.Footer-ewm{float: right;width: 121px;float: right;}
.Footer-ewm img{width: 121px;object-fit: cover;}
.Footer-copyright{width: 100%;font-size: 12px;color: #808080;margin-top: 34px;text-align: center;}
.Footer-copyright a{transition: all .4s ease;display: inline-block;margin-left: 10px;}
.Footer-copyright a:hover{color: #fff;}
body.winter .Footer-link{display: block !important;}

.Header-link-li, .Footer-link-li{width: 50%;float: left;}
.Header-link-li:nth-child(2){padding-left: 20px;}

/* 修改 */
/* .Footer-wrapper{padding: 24px !important;}
.Footer-item{display: none !important;}
.Footer-copyright{margin-top: 0 !important;} */

/* 右侧菜单 */
.sideBar-wrapper{position: fixed;bottom: 220px;right: 0;width: 50px;height: 203px;z-index: 99999;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s ease;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s ease;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li.relTik{top: 204px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-weight: 700;color: #fff;font-size: 14px;height: 50px;line-height: 52px;overflow: hidden;background-color: #222;border-radius: 6px;}
.sideBar-wrapper ul li a span{display: block;float: left;width: 50px;height: 50px;text-align: center;line-height: 48px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -126px;left: -126px;background: url('/images/public/rmic.png') no-repeat bottom right;width: 121px;height: 129px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 121px;height: 121px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}

.sideBar-wrapper-tik{position: absolute;top: -126px;left: -126px;background: url('/images/public/rmic.png') no-repeat bottom right;width: 121px;height: 129px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-tik img{display: block;background-color: #FFF;width: 121px;height: 121px;}
.sideBar-wrapper ul li.relTik:hover .sideBar-wrapper-tik{display: block;}

.sideBar-wrapper ul li a:hover{background: #25cad2;}

body.banScroll, html.banScroll {overflow-x: hidden !important;overflow-y: hidden !important;}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: 60px;}
.contain{width: 1334px;margin: 0 auto;}

/* 聊天 */
#udesk_container #udesk_btn a{display: none !important;}



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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .Header-navbar {padding: 60px 0;}
    .Header-link-list{margin-top: 40px;}
    .contain{width: 1200px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .contain{width: 1040px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-navbar {padding: 40px 0;}
    .Header-link-list{margin-top: 30px;}
    .contain{width: 1000px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .contain{width: 92%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-navbar-contain{width: 92%;}
    .Header-navbar li:nth-child(1) {width: 37%;}
    .Header-navbar li:nth-child(2) {width: 20%;}
    .Header-navbar li:nth-child(3) {width: 24%;}
    .Header-navbar li:nth-child(4) {width: 19%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Footer-container{width: 92%;}
    .Header-navbar{padding: 4px 0 20px;background: #333;}
    .Header-navbar:after{content: "";width: 100%;height: 1px;position: absolute;top: 0;left: 0;background: rgba(255, 255, 255, .4);}
    .Header-navbar li{width: 100% !important;margin-top: 12px;}
    .Header-navbar-contain{height: auto;overflow-y: auto;}
    .Header-menu{font-size: 16px;}
    .Header-link-list{margin-top: 12px;}
    .Header-phone {font-size: 13px;margin-right: 6px;}
    .Footer-wrapper {padding: 32px 0 18px;}
    .Footer-copyright {margin-top: 24px;}
    .Footer-navbar{width: 100%;}
    .Footer-ewm{width: 100%;margin-top: 20px;text-align: center;}
    .Footer-navbar li{width: 100% !important;}
    .Footer-menu{line-height: 36px;font-size: 16px;}
    .Footer-link{display: none;}
    .Footer-arr{display: block;position: absolute;width: 36px;height: 36px;z-index: 2;top: 0;right: 0;background: url('/images/public/iconArrW.png') no-repeat center /14px auto;}
    .Footer-arr.ontrue{transform: rotate(180deg);}
    .Footer-copyright p{line-height: 1.4em;}

    .sideBar-wrapper{bottom: 10%;width: 40px;height: 163px;display: none;}
    .sideBar-wrapper ul li{height: 40px;}
    .sideBar-wrapper ul li.backTop{top: 0;width: 52px;}
    .sideBar-wrapper ul li.relQq{top: 41px;width: 116px;}
    .sideBar-wrapper ul li.relDh{top: 82px;width: 162px;}
    .sideBar-wrapper ul li.relEwm{top: 123px;width: 52px;}
    .sideBar-wrapper ul li a{height: 40px;line-height: 40px;font-size: 12px;}
    .sideBar-wrapper ul li a span{width: 40px;height: 40px;text-align: center;line-height: 38px;}
    .sideBar-wrapper ul li.relQq:hover{left: -60px;}
    .sideBar-wrapper ul li.relDh:hover{left: -100px;}
    .sideBar-wrapper-ewm{top: -124px;left: -124px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}