@charset "utf-8";
/* ====================公共样式========================= */
/* 头部 */
.Header-wrapper{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;transition: all .4s ease;}
.Header-logo{display: flex;align-items: center;height: 84px;float: left;transition: all .4s ease;}
.Header-logo img{width: auto;}
.Header-logo-white{display: block;}
.Header-logo-black{display: none;}
.Header-navbar{float: right;font-size: 0;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar li{display: inline-block;vertical-align: top;}
.Header-menu{display: flex;width: 100%;align-items: center;height: 84px;font-size: 14px;color: #fff;padding: 0 15px;transition: all .4s ease;}
.Header-menu:first-child{margin-left: 0;}
.Header-menu:last-child{margin-right: 0;}
.Header-navbar li:hover .Header-menu, .Header-navbar li.active .Header-menu{color: #de1c31;}

.Header-wrapper.Header-fade{top: -84px;}
.Header-wrapper.Header-fade .Header-logo{height: 60px;}
.Header-wrapper.Header-fade .Header-menu{height: 60px;}
.Header-wrapper.Header-fade.Header-show{top: 0;background: rgba(0, 0, 0, 0.5);}

/* 下拉 */
.Header-wrapper.Header-navbar-mouse{background: rgba(0, 0, 0, 0.5);}
.Header-arrow{display: none;}
.Header-drop{height: 0;transition: all .2s ease;position: absolute;width: 100%;background: #fff;left: 0;z-index: 99;overflow: hidden;}
.Header-drop .contain{position: relative;padding-top: 48px;}
.Header-info{width: 346px;height: 100%;padding-right: 68px;float: left;}
.Header-info-title{width: 100%;color: #666;}
.Header-info-title p{font-size: 14px;}
.Header-info-title h2, .Header-info-title-h2{font-size: 20px;margin-top: 16px;}
.Header-info-img{width: 346px;position: absolute;left: 0;bottom: 0;text-align: right;}
.Header-info-serve .Header-info-img{padding-right: 12px;}
.Header-info-img img{max-width: 100%;}
.Header-fix{width: calc(100% - 346px);float: right;position: relative;min-height: 300px;padding-top: 40px;padding-bottom: 62px;}
.Header-fix::before{content: "";position: absolute;width: 2px;left: 0;top: -5%;;height: 105%;background: linear-gradient(to bottom,#fff,#e9e9eb);}
.Header-serve{padding-left: 108px;}
.Header-serve-link{display: block;width: 33.3333%;float: left;}
.Header-serve-img{display: flex;align-items: flex-end;width: 100%;height: 118px;}
.Header-serve-img img{max-height: 100%;transition: all .6s ease;}
.Header-serve-cont{width: 100%;margin-top: 26px;}
.Header-serve-cont h2, .Header-serve-cont-h2{font-size: 16px;color: #333;transition: all .4s ease;}
.Header-serve-cont p{font-size: 14px;color: #999;margin-top: 4px;}
.Header-serve-link:hover .Header-serve-img img{transform: translateY(-8px);}
.Header-serve-link:hover .Header-serve-cont h2, .Header-serve-link:hover .Header-serve-cont-h2{color: #de1c31;}
.Header-info-preweb .Header-info-img{padding-right: 36px;}
.Header-preweb{padding-left: 58px;}
.Header-preweb-item{width: 100%;overflow: hidden;}
.Header-preweb-item{margin-top: 36px;}
.Header-preweb-item:first-child{margin-top: 0;}
.Header-preweb-link{width: 30%;overflow: hidden;float: left;}
.Header-preweb-img{width: 50px;float: left;}
.Header-preweb-img img{height: auto;}
.Header-preweb-cont{width: calc(100% - 50px);float: right;}
.Header-preweb-cont h2, .Header-preweb-cont-h2{font-size: 16px;color: #333;line-height: 1;transition: all .4s ease;}
.Header-preweb-cont p{font-size: 14px;color: #999;margin-top: 6px;}
.Header-preweb-link:hover .Header-preweb-cont h2, .Header-preweb-link:hover .Header-preweb-cont-h2{color: #de1c31;}
.Header-info-serve.toHeight{height: 348px;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
.Header-info-pre.toHeight{height: 348px;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
.Header-info-web.toHeight{height: 422px;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}

body.pacityNo .Header-wrapper{background: #fff !important;}
body.pacityNo .Header-menu{color: #333;}
body.pacityNo .Header-logo-white{display: none;}
body.pacityNo .Header-logo-black{display: block;}
body.pacityNo .Header-wrapper::after{content: "";position: absolute;width: 100%;height: 1px;background: #e5e5e5;left: 0;bottom: 0;}
body.pacityNo .Header-navclick span{background: #333;}
body.pacityNo .Header-navclick span::before, body.pacityNo .Header-navclick span::after{background: #333;}

/* 汉堡键 */
.Header-navclick{display: none;width: 26px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #fff;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span::before,.Header-navclick span::after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span::before{top: -8px;}
.Header-navclick span::after{top: 8px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span::before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span::after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* 报价 */
.Offer-wrapper{width: 100%;padding-top: 138px;background: #fff;position: relative;z-index: 4;}
.Offer-item{width: 100%;display: flex;align-items: center;height: 500px;background: #5e616d;position: relative;}
.Offer-item::before, .Offer-item::after{content: "";position: absolute;width: 1px;left: 50%;}
.Offer-item::before{height: 50px;background: #ee3f4d;top: -50px;}
.Offer-item::after{height: 40px;background: #fff;top: 0;}
.Offer-center{width: 100%;margin-top: 32px;}
.Offer-name{width: 240px;height: 210px;background: #de1c31;display: flex;float: left;align-items: center;text-align: center;}
.Offer-name h2, .Offer-name-h2{width: 100%;font-size: 76px;color: #fff;font-family: "宋体","\5B8B\4F53","SimSun";line-height: 1;padding: 0 32px;}
.Offer-info{width: calc(100% - 240px);float: left;padding-left: 140px;}
.Offer-info-title{width: 100%;color: #fff;}
.Offer-info-title h4, .Offer-info-title-h4{font-size: 58px;font-weight: 700;line-height: 1;}
.Offer-info-title p{font-size: 36px;font-weight: 300;line-height: 1;margin-top: 12px;}
.Offer-info-relation{width: 100%;margin-top: 28px;font-size: 0;}
.Offer-info-phone, .Offer-info-button{display: inline-block;vertical-align: middle;}
.Offer-info-phone{color: #fff;}
.Offer-info-phone p{font-size: 14px;line-height: 1;}
.Offer-info-phone h6, .Offer-info-phone-h6{font-size: 28px;font-family:'GOTHIC';line-height: 1;margin-top: 10px;}
.Offer-info-button{margin-left: 88px;}
.Offer-info-button a{display: inline-block;text-align: center;vertical-align: middle;width: 134px;height: 32px;line-height: 32px;border-radius: 16px;font-size: 14px;background: #fff;transition: all .4s ease;}
.Offer-info-button a:first-child{margin-right: 40px;}
.Offer-info-button a span{display: inline-block;color: #ee3f4d;padding-left: 26px;background-repeat: no-repeat;background-position: left center;line-height: 18px;transition: all .4s ease;}
.Offer-info-button a.Offer-qq span{background-image: url('../images/common/Ficon1.png');}
.Offer-info-button a.Offer-need span{background-image: url('../images/common/Ficon2.png');}
.Offer-info-button a:hover{background: #ee3f4d;}
.Offer-info-button a.Offer-qq:hover span{background-image: url('../images/common/Ficon1H.png');color: #fff;}
.Offer-info-button a.Offer-need:hover span{background-image: url('../images/common/Ficon2H.png');color: #fff;}
.Offer-info-contact{width: 100%;margin-top: 36px;}
.Offer-info-contact a{display: inline-block;font-size: 16px;color: #fff;font-weight: 300;font-family:'GOTHIC';position: relative;transition: all .4s ease;padding-right: 64px;}
.Offer-info-contact a::before, .Offer-info-contact a::after{content: "";position: absolute;height: 1px;right: 0;top: 50%;}
.Offer-info-contact a::before{background: #fff;width: 40px;}
.Offer-info-contact a::after{background: #ee3f4d;width: 0;transition: all .4s ease;}
.Offer-info-contact a:hover{color: #ee3f4d;}
.Offer-info-contact a:hover::after{width: 40px;}

/* 底部 */
.Footer-wrapper{width: 100%;background: #fff;position: relative;z-index: 4;}
.Footer-item{width: 100%;padding: 70px 0 40px;}
.Footer-item-left{width: calc(100% - 568px);float: left;padding-right: 168px;}
.Footer-item-right{width: 568px;float: right;}
.Footer-top{margin-top: 48px;}
.Footer-describe{width: 100%;}
.Footer-describe p{font-size: 15px;color: #333;line-height: 26px;}
.Footer-website{width: 100%;}
.Footer-title{width: 100%;font-size: 18px;color: #333;}
.Footer-website-link{max-width: 654px;margin-top: 4px;}
.Footer-website-link li{width: 43.5%;}
.Footer-website-link li:first-child{float: left;}
.Footer-website-link li:last-child{float: right;}
.Footer-website-link li a{display: block;font-size: 18px;color: #333;position: relative;margin-top: 8px;line-height: 26px;transition: all .4s ease;}
.Footer-website-link li a::before{content: "";width: 100%;height: 1px;background: #333;position: absolute;left: 0;bottom: 0;}
.Footer-website-link li a:first-child{margin-top: 0;}
.Footer-website-link li a:hover{color: #ee3f4d;}
.Footer-serve{width: 100%;}
.Footer-serve-link, .Footer-business-link{width: 100%;margin-top: 4px;font-size: 0;}
.Footer-serve-link a, .Footer-business-link a{display: inline-block;margin-right: 28px;vertical-align: top;position: relative;font-size: 18px;color: #333;line-height: 26px;transition: all .4s ease;}
.Footer-serve-link a:last-child, .Footer-business-link a:last-child{margin-right: 0;}
.Footer-serve-link a::after, .Footer-business-link a::after{content: "";width: 100%;height: 1px;background: #333;position: absolute;left: 0;bottom: 0;}
.Footer-serve-link a:hover, .Footer-business-link a:hover{color: #ee3f4d;}
/* .Footer-business-link a{pointer-events: none;cursor: default;} */
.Footer-copyright{width: 100%;font-size: 0;}
.Footer-copyright p, .Footer-copyright h6, .Footer-copyright-h6{display: inline-block;vertical-align: top;margin-left: 18px;font-size: 14px;color: #333;line-height: 24px;}
.Footer-copyright h6, .Footer-copyright-h6{margin-left: 0;}
.Footer-copyright a{transition: all .4s ease;}
.Footer-copyright a:hover{color: #ee3f4d;}
.Footer-address-site{width: 100%;margin-top: 4px;}
.Footer-address-site p{font-size: 16px;color: #333;line-height: 26px;}
.Footer-attention-link{width: 100%;font-size: 0;margin-top: 2px;}
.Footer-attention-link a{display: inline-block;vertical-align: top;margin-right: 16px;width: 28px;height: 28px;border-radius: 50%;text-align: center;line-height: 28px;transition: all .4s ease;opacity: 0.6;}
.Footer-attention-link a:last-child{margin-right: 0;}
.Footer-attention-link a:hover{opacity: 1;}
.Footer-blogroll{width: 100%;border-top: 1px solid #e5e5e5;padding: 18px 0 20px;}
.Footer-blogroll-link{width: 100%;position: relative;padding-left: 60px;font-size: 0;user-select: none;}
.Footer-blogroll-link label, .Footer-blogroll-link a{font-size: 12px;color: #9f9f9f;line-height: 24px;display: inline-block;vertical-align: middle;}
.Footer-blogroll-link label{position: absolute;left: 0;}
.Footer-blogroll-link a{padding: 0 8px;position: relative;transition: all .4s ease;}
.Footer-blogroll-link a::after{content: "";position: absolute;width: 2px;height: 12px;right: -1px;top: 50%;margin-top: -6px;background: #dcdcdc;}
.Footer-blogroll-link a:first-of-type{padding-left: 0;}
.Footer-blogroll-link a:last-of-type{padding-right: 0;}
.Footer-blogroll-link a:last-of-type::after{display: none;}
.Footer-blogroll-link a:hover{color: #ee3f4d;}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;}
.contain{width: 1530px;margin: 0 auto;}
.contain-1280{width: 1280px;margin: 0 auto;}
.none{display: none !important;}
.sonMenu{width: 100%;background: rgba(0, 0, 0, 0.25);position: absolute;z-index: 4;left: 0;bottom: 0;}
.sonMenu-menu{float: left;position: relative;font-size: 0;}
.sonMenu-menu a, .sonMenu-menu::before{display: inline-block;vertical-align: top;height: 60px;line-height: 60px;font-size: 14px;color: #c4c4c4;transition: all .4s ease;}
.sonMenu-menu::before{content: "当前位置：";padding-left: 24px;background: url('../images/pages/toHome.png') no-repeat left top 46%;}
.sonMenu-menu a::after{content: ">";font-family: "宋体","SimSun","\5B8B\4F53";font-weight: 700;margin: 0 14px;display: inline-block;color: #c4c4c4;}
.sonMenu-menu a:last-child{color: #fff;}
.sonMenu-menu a:last-child::after{display: none;}
.sonMenu-menu a:hover{color: #de1c31;}
.sonMenu.noBanner{bottom: auto;top: 84px;background: transparent;}
.sonMenu.noBanner .sonMenu-menu a, .sonMenu.noBanner .sonMenu-menu::before{color: #999;}
.sonMenu.noBanner .sonMenu-menu a::after{color: #999;}
.sonMenu.noBanner .sonMenu-menu a:last-child{color: #666;}
.sonMenu.noBanner .sonMenu-menu a:hover{color: #de1c31;}
.sonMenu.noBanner .sonMenu-menu::before{background-image: url('../images/pages/toHomeH.png');}

/* 侧栏 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666;}
.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;}
.sideBar-wrapper ul li.weixin{top: 51px;width: 62px;z-index: 2;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;z-index: 2;}
.sideBar-wrapper ul li a{display: flex;align-items: center;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #000;opacity: .7;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{background: #de1c31;opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.weixin .sideBar-wrapper-ewm{top: 50%;margin-top: -70px;background: none;height: 140px;padding: 0;left: auto;right: 76px;}
.sideBar-wrapper ul li.weixin .sideBar-wrapper-ewm::before{content: "";position: absolute;top: 50%;margin-top: -8px;right: -8px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid  #fff;width: 0;height: 0;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}
.sideBar-wrapper ul li.weixin:hover .sideBar-wrapper-ewm{display: block;}
@media all and (max-width:1000px) {
    .sideBar-wrapper{display: none !important;}
    .sideBar-wrapper ul li{display: none;height: 46px;}
    .sideBar-wrapper ul li.backTop{display: block;width: 46px;}
    .sideBar-wrapper {right: 4px;width: 50px;height: auto;top: auto;bottom: 120px;}
    .sideBar-wrapper ul li a{height: 46px;line-height: 46px;}
    .sideBar-wrapper ul li a img {margin: 11px 10px 11px 12px;}
}

/* 手机底部联系 */
.mbFooterRel-blank, .mbFooterRel{display: none;}




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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .contain{width: 1200px;}
    .contain-1280{width: 1000px;}
    .Offer-wrapper {padding-top: 100px;}
    .Offer-name {width: 200px;height: 180px;}
    .Offer-name h2, .Offer-name-h2{font-size: 64px;}
    .Offer-info-title h4, .Offer-info-title-h4{font-size: 48px;}
    .Offer-info-title p {font-size: 30px;margin-top: 10px;}
    .Offer-info {width: calc(100% - 200px);padding-left: 100px;}
    .Offer-info-phone h6, .Offer-info-phone-h6{font-size: 26px;}
    .Offer-info-contact {margin-top: 32px;}
    .Offer-info-relation {margin-top: 24px;}
    .Offer-info-button {margin-left: 60px;}
    .Offer-info-button a:first-child {margin-right: 24px;}
    .Offer-item{height: 420px;}
    .Offer-item::before{height: 44px;top: -44px;}
    .Offer-item::after{height: 32px;}
    .Footer-item {padding: 64px 0 36px;}
    .Footer-item-left{width: calc(100% - 500px);padding-right: 100px;}
    .Footer-item-right{width: 500px;}
    .Footer-top {margin-top: 36px;}
    .Footer-describe p {font-size: 14px;line-height: 24px;}
    .Footer-title{font-size: 16px;}
    .Footer-website-link li a{font-size: 16px;line-height: 24px;}
    .Footer-website-link li{width: 46%;}
    .Footer-serve-link a, .Footer-business-link a {margin-right: 20px;font-size: 16px;line-height: 24px;}
    .Footer-copyright h6, .Footer-copyright-h6{width: 100%;}
    .Footer-copyright p:first-of-type{margin-left: 0;}

    .Header-serve {padding-left: 68px;}
    .Header-preweb-link{width: 33.3333%;}
    .Header-preweb {padding-left: 50px;}
    .Header-info-img, .Header-info{width: 320px;}
    .Header-info{padding-right: 36px;}
    .Header-fix {width: calc(100% - 320px);}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .contain{width: 900px;}
    .contain-1280{width: 768px;}
    .Header-menu {padding: 0 13px;}
    .Offer-wrapper {padding-top: 80px;}
    .Offer-name {width: 168px;height: 160px;}
    .Offer-name h2, .Offer-name-h2{font-size: 50px;}
    .Offer-info-title h4, .Offer-info-title-h4{font-size: 40px;}
    .Offer-info-title p {font-size: 26px;}
    .Offer-info-phone h6, .Offer-info-phone-h6{font-size: 24px;margin-top: 8px;}
    .Offer-info-contact {margin-top: 28px;}
    .Offer-info {width: calc(100% - 168px);padding-left: 40px;}
    .Offer-info-button {margin-left: 28px;}
    .Offer-info-button a:first-child {margin-right: 12px;}
    .Offer-item {height: 350px;}
    .Offer-item::before{height: 36px;top: -36px;}
    .Offer-item::after{height: 28px;}
    .Footer-item {padding: 58px 0 36px;}
    .Footer-item-left {width: calc(100% - 360px);padding-right: 40px;}
    .Footer-item-right{width: 360px;}
    .Footer-website-link li{width: 47%;}
    .Footer-website-link li a{font-size: 15px;}
    .Footer-serve-link a, .Footer-business-link a {margin-right: 12px;font-size: 14px;line-height: 22px;}
    .Footer-top {margin-top: 30px;}
    .Offer-info-button a{width: 128px;}

    .Header-info-title h2, .Header-info-title-h2{font-size: 18px;}
    .Header-info-img, .Header-info{display: none;}
    .Header-fix {width: 100%;min-height: auto;padding: 0;}
    .Header-serve {padding-left: 0;}
    .Header-preweb {padding-left: 0;}
    .Header-fix::before{display: none;}
    .Header-serve-img{justify-content: center;}
    .Header-serve-cont{text-align: center;}
    .Header-drop .contain{padding: 48px 0;}
    .Header-info-serve.toHeight{height: 285px;}
    .Header-info-pre.toHeight{height: 291px;}
    .Header-info-web.toHeight{height: 368px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Container-wrapper{margin-top: 60px;}
    .contain{width: 92%;}
    .contain-1280{width: 92%;}
    .Header-wrapper{background: #222;touch-action: none;-ms-touch-action: none;}
    .Header-wrapper .contain{width: 100%;}
    .Header-logo{height: 60px;margin-left: 4%;}
    .Header-logo img{width: 239px;}
    .Header-navclick{display: flex;margin-right: 4%;}
    .Header-navbar{display: none;position: absolute;width: 100%;height: calc(100vh - 60px);top: 60px;left: 0;padding: 12px 0 20px;background: #fff;}
    .Header-navbar ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-menu {height: 48px;color: #333;font-size: 18px;}
    .Header-navbar li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;position: relative;}
    .Header-navbar.active li{opacity: 1;transform: translateY(0);}
    .Header-navbar li:hover .Header-menu{color: #333;}

    .Offer-item{height: auto;padding-bottom: 36px;}
    .Offer-info {width: 100%;padding-left: 0;margin-top: 28px;}
    .Offer-center {margin-top: 0;width: 100%;padding: 0 12px;}
    .Offer-name {width: 128px;height: 120px;margin-top: -60px;}
    .Offer-name h2, .Offer-name-h2{font-size: 38px;padding: 0 24px;}
    .Offer-wrapper {padding-top: 100px;}
    .Offer-info-title h4, .Offer-info-title-h4{font-size: 26px;}
    .Offer-info-title p{font-size: 16px;line-height: 24px;}
    .Offer-info-phone p{line-height: 20px;}
    .Offer-info-relation {margin-top: 16px;}
    .Offer-info-phone h6, .Offer-info-phone-h6{font-size: 20px;}
    .Offer-info-button {margin-left: 0;margin-top: 12px;}
    .Offer-info-contact {margin-top: 24px;}
    .Offer-item::before, .Offer-item::after{display: none;}

    .Footer-item {padding: 40px 0 32px;}
    .Footer-item-left {width: 100%;;padding-right: 0;}
    .Footer-top {margin-top: 24px;}

    .Footer-item-right{width: 100%;margin-top: 24px;}
    .Footer-serve-link, .Footer-business-link{margin-top: 0;}
    .Footer-serve-link a, .Footer-business-link a{margin-top: 6px;}

    .Header-arrow{position: absolute;width: 48px;display: block;height: 48px;background: url('../images/common/dropArrow.svg') no-repeat center/16px auto;top: 0;right: 0;z-index: 4;}
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-drop .contain{padding: 24px 0;}
    .Header-drop {position: relative;background: #f8f8f8;height: auto;display: none;transition: all 0s ease 0s;box-shadow: none;}
    .Header-serve-cont p{display: none;}
    .Header-serve-cont h2, .Header-serve-cont-h2{font-size: 14px;}
    .Header-serve-cont{margin-top: 12px;}
    .Header-serve-img{height: 64px;}
    .Header-preweb-cont p{display: none;}
    .Header-preweb-cont h2, .Header-preweb-cont-h2{font-size: 14px;}
    .Header-preweb-img{width: 100%;text-align: center;height: 38px;line-height: 38px;}
    .Header-preweb-img img{max-height: 100%;}
    .Header-preweb-cont{width: 100%;text-align: center;margin-top: 6px;}
    .Header-preweb-item{margin-top: 18px;}

    .sonMenu-menu a, .sonMenu-menu::before{height: 42px;line-height: 42px;}
    .sonMenu-menu a::after{margin: 0 6px;}
    .sonMenu.noBanner{top: 60px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .Footer-attention{display: none;}

    .mbFooterRel-blank, .mbFooterRel{display: block;height: 60px;width: 100%;}
    .mbFooterRel{position: fixed;z-index: 999;bottom: 0;left: 0;background: #a11621;}
    .mbFooterRel a, .mbFooterRel .mbFooterRel-weixin{display: flex;position: relative;height: 60px;width: 33.3333%;float: left;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
    .mbFooterRel a>img, .mbFooterRel .mbFooterRel-weixin>img{height: 22px;}
    .mbFooterRel a p, .mbFooterRel .mbFooterRel-weixin p{font-size: 14px;color: #fff;margin-top: 2px;}
    .mbFooterRel a::after{content: "";position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: rgba(255, 255, 255, 0.1);}
    .mbFooterRel .mbFooterRel-weixin .code{position: absolute;width: 110px;height: 110px;left: 50%;margin-left: -55px;bottom: 60px;border: 2px solid #eee;display: none;background: #eee;}
    .mbFooterRel .mbFooterRel-weixin .code::before{content: "";position: absolute;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #eee;width: 0;height: 0;bottom: -8px;left: 50%;margin-left: -7px;}
    .mbFooterRel .mbFooterRel-weixin .code img{width: 100%;}
    .mbFooterRel .mbFooterRel-weixin.mbFooterRel-weixin:hover .code{display: block;}

    #newBridge{display: none !important;}

}