@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;height: 60px;}

.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: 16px;color: #fff;padding: 0 25px;transition: all .4s ease;}
.Header-wrapper.Header-fade.Header-show .Header-menu{display: flex;width: 100%;align-items: center;height: 80px;font-size: 16px;color: #333;padding: 0 25px;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: #AE0B2A;}
.Header-wrapper.Header-fade.Header-show .Header-navbar li:hover .Header-menu, .Header-wrapper.Header-fade.Header-show .Header-navbar li.active .Header-menu{color: AE0B2A;}

.Header-wrapper.Header-fade{top: -84px;}
.Header-wrapper.Header-fade .Header-logo{height: 80px;}
.Header-wrapper.Header-fade .Header-menu{height: 60px;}
.Header-wrapper.Header-fade.Header-show{top: 0;background: #fff;box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15);}

.Header-wrapper .logo-white{display: inline !important;}
.Header-wrapper .logo-color{display: none !important;}

.Header-wrapper.Header-fade.Header-show .logo-white{display: none !important;}
.Header-wrapper.Header-fade.Header-show .logo-color{display: inline !important;}




/* 下拉 */
.Header-wrapper.Header-navbar-mouse{background: #fff;}

.Header-wrapper.Header-navbar-mouse .logo-white{display: none !important;}
.Header-wrapper.Header-navbar-mouse .logo-color{display: inline !important;}

.Header-wrapper.Header-navbar-mouse .Header-menu{display: flex;width: 100%;align-items: center;height: 84px;font-size: 16px;color: #333;padding: 0 25px;transition: all .4s ease;}



.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{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{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{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{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{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: #000;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span::before,.Header-navclick span::after{content: "";position: absolute;height: 2px;background: #000;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{width: 100%;font-size: 76px;color: #fff;font-family: "PingHei","\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{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{font-size: 28px;font-family:'PingHei';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/Ficon1.png');}
.Offer-info-button a.Offer-need span{background-image: url('../images/Ficon2.png');}
.Offer-info-button a:hover{background: #ee3f4d;}
.Offer-info-button a.Offer-qq:hover span{background-image: url('../images/Ficon1H.png');color: #fff;}
.Offer-info-button a.Offer-need:hover span{background-image: url('../images/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:'PingHei';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{display: inline-block;vertical-align: top;margin-left: 18px;font-size: 14px;color: #333;line-height: 24px;}
.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: 1400px;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/toHome.png') no-repeat left top 46%;}
.sonMenu-menu a::after{content: ">";font-family: "PingHei","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/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.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li a{display: block;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;height: 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.relEwm: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;}


.team__work {
  color: #888;
  font-weight: 400;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
  font-family: "PingHei", sans-serif;
  position: relative;
}

.team__work:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  height: 2px;
  width: 60px;
  background-color: #AE0B2A;
}


.home-block {
	padding: 100px 0;
}

.A-title{text-align:center;}
.A-title .t1{line-height: 1.4;font-size: 45px;font-family: 'SourceHanSansCNLight';font-weight: 300;color: #fff;margin-bottom: 30px;}
.A-title .t3{line-height:1.6;font-size: 48px;color:#fff;letter-spacing: 0;padding-right: 40px;font-weight: 400;font-family: Neothic Regular;text-align:right;text-transform: none;}
.A-title .t2{line-height:45px;font-size:22px;color:#666666;margin:10px 0 0;}


.a58{color: rgba(255,255,255,.8);font-size: 16px;}


.in-number1{
    margin-top: 60px;
    float: left;
    width: 100%;
}
.in-num1{padding: 10px 0;margin-left: -0.5%;margin-right: -0.5%;position: relative;z-index: 2;float: left;width: 100%;}
.in-num1 ul li{width: 30%;margin-left: 0.5%;margin-right: 0.5%;float: left;padding: 0 28px;text-align: center;position: relative;}
.in-num1 ul li:after{width: 1px;height: 60px;background:#e8e8e8;position: absolute;right: 0;top: 50%;margin-top: -30px;}
.in-num1 ul li:last-child:after{display: none;}
.in-num1 ul li span{display: block;color: #ffffff;}
.in-num1 ul li span.span1{line-height: 1;margin-bottom: 7px;transition: all 0.4s;}
.in-num1 ul li span.span1 i{display: inline-block;font-style: normal;font-size: 64px;vertical-align: middle;font-family: 'DINCond';color: #AE0B2A;}
.in-num1 ul li span.span2{font-size: 22px;line-height: 1.8;}

.in-num1 ul li:hover.span1{}


.home-block1.hb-white {
	background:#fff;
}
.home-block1.hb-yy {
	background: #ececec;
}

.home-block1 {
	padding: 60px 0;
}

.a563 {
	font-size: 28px;
	font-weight: 700;
	color: #000000;
	line-height: 1.4;
	margin-bottom: 30px;
}

.x12{padding: 25px 30px 0 30px;}
.x12 p{line-height: 2;font-size: 16px;margin-bottom: 12px;}
.x13{padding: 20px 30px 0 30px;}
.x13 p{line-height:1.8;font-size: 16px;margin-bottom:10px;}


.index_more1{display: inline-block;padding: 12px 40px;margin-top: 20px;font-size: 14px;line-height: 1.4;transition: ease .4s;box-sizing: border-box;text-align: center;color: #ffffff;background: #AE0B2A;}
.index_more1:hover{background: #313237;color: #fff;}

.index-2-more{text-align: center;margin-top: 40px;}
.index-2-more a{display: inline-block;padding: 14px 40px;font-size: 14px;line-height: 1.2;text-align: center;border: 1px solid #787878;color: #555;}
.index-2-more a:hover{border-color: #AE0B2A;color: #fff;background: #AE0B2A;}

 footer {
        width: 100%;
        background: #121116;
        height: 247px;
    }

        footer .PublicFooter {
            width: 1180px;
            margin: 0 auto;
            padding: 0 0px;
        }

    .footerLeft {
        width: 55%;
        float: left;
        padding-top: 60px;
    }

    .footerRight {
        width: 45%;
        float: left;
        padding-top: 52px;
    }

    .footerLeft ul {
        padding-bottom: 37px;
    }

        .footerLeft ul li {
            float: left;
            padding: 0 15px;
            text-align: center;
        }

            .footerLeft ul li:nth-child(1) {
                padding-left: 0;
            }

            .footerLeft ul li a {
                font-family: "PingHei";
                font-size: 16px;
                color: #fff;
                text-decoration: none;
            }

                .footerLeft ul li a:hover {
                    color: #8a8a8a;
                }

    .footerCopyright, .footerRecord {
        padding-left: 0px;
    }

    .share_ico {
        float: right;
    }

        .share_ico li {
            display: inline-block;
            padding: 5px 8px;
            position: relative;
        }

    .footerRight .share_ico > li > a {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50% 50%;
        border: solid 2px #fff;
    }

        .footerRight .share_ico > li > a > img {
            display: block;
            margin: 0 auto;
            margin-top: 2px;
            margin-right: 3px;
        }

        .footerRight .share_ico > li > a:hover {
            background: #999;
            /*border-color: #e02d39;*/
            transition: all .3s ease-in-out;
        }

    .footerRight .share_ico > li .share_ico_Ma_ico {
        position: absolute;
        width: 100px;
        top: -49px;
        left: -100px;
        display: none;
        transition-duration: 5000ms;
    }

    .footerRight .share_ico > li#Ma_ico:hover .share_ico_Ma_ico {
        display: block;
        transition-duration: 500ms;
    }

    .footer_litps {
        float: right;
        margin-top: 20px;
    }
	
	
	.z_footer{background: #292929;}
.foot_top{padding: 35px 0 15px 0;margin-bottom: 28px;border-bottom: 1px solid rgba(255,255,255,.2);}
.foot_nav{float: left;line-height: 50px;}
.foot_nav a{ display: inline-block; color: #fff;padding: 0 35px; position: relative;}
.foot_nav a:hover{color: #FAB806;}
.foot_nav a:first-child{ padding-left: 0;}
.foot_nav a:before{ content: "";display: block; width: 4px; height: 4px; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.foot_nav a:last-child:before{display: none; }

.foot_link{float: right;text-align:center;position:relative;}
.foot_link h2{position:relative;font-size:13px;color:#fff;cursor:pointer;background: #313131;}
.foot_link h2 .iconfont{ margin-left: 50px;}
.foot_link h2 i{position:absolute; right:0; width:40px; height:40px; text-align:center; top:0; background:#333!important; color:#fff;}
.foot_link dl{visibility:hidden; opacity:0; transition:all .45s; position:absolute; left:0; top:50px; width:100%; max-height:200px; overflow-y:auto;}
.foot_link dd{border-top:1px solid #D9D9D9; background:#fff;}
.foot_link dd a{font-size:12px; color:#666; display:block; box-sizing: border-box;}
.foot_link:hover dl{visibility:visible; opacity:1;}
.foot_link dd a:hover{background:#f5f5f5;} 
.foot_addre{color: #fff;padding: 0;}
.foot_addre span{display: inline-block;margin-right: 40px;line-height: 1.4;margin-bottom: 8px;}

.foot_code{ padding-top:16px;}
.foot_code .code_box{width: 110px;float: left;margin-right: 25px;text-align: center;line-height: 2.2;color: #fff;}
.foot_code .code_box img{ width: 100%;}
.foot_code1{ padding-top:16px;}

.foot_code1 .code_box{width: 100px;float: left;margin-right: 15px;margin-bottom: 15px;text-align: center;line-height: 1.6;color: #5f5f5f;}
.foot_code1 .code_box img{ width: 100%;}
.foot_bottom{padding-bottom: 35px;}
.foot_copy{background: #171717;padding: 15px 0;color: #ffffff;}
.foot_copy a{color: #808099;}

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


.index_more2{display: inline-block;padding: 12px 40px;font-size: 15px;line-height: 1.4;transition: ease .4s;box-sizing: border-box;text-align: center;color: #AE0B2A;border: 1px solid #AE0B2A;background: #ffffff;}
.index_more2:hover{background: #AE0B2A;color: #fff;}

.at22{text-align:center; width:100%; max-width:1000px; margin:20px auto 0 auto;}

#protect4 ul,#eye3 ul {overflow: hidden;margin-left: -1%;margin-right: -1%;}
#protect4 ul li,#eye3 ul li {width: 31.333333333333%;height: auto;float: left;transition: all .2s;margin-right: 1%;margin-left: 1%;padding: 20px 0;}
#protect4 ul li:nth-child(4n), #eye3 ul li:nth-child(4n){margin-right: 0;}
#protect4 ul li h1,#eye3 ul li h1 {text-align: center;}
#protect4 ul li h1 s {display: inline-block;}
#protect4 ul li h1 s img{height: 300px;}

#protect4 ul li h2,#eye3 ul li h2 {text-align: center;font-size: 22px;font-weight: 600;line-height: 22px;margin: 45px 10px 18px 10px;color: #000;}
.ar1 {position: relative;margin: 0 20px;}
.ar1 p{margin-bottom:10px;font-size:15px;line-height: 1.8;}


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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .contain{width: 90%;max-width: 1280px;}
    .contain-1280{width: 1000px;}
    .Offer-wrapper {padding-top: 100px;}
    .Offer-name {width: 200px;height: 180px;}
    .Offer-name h2{font-size: 64px;}
    .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 {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{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);}
	
	.x12 p{font-size: 15px;margin-bottom: 10px;}
}

@media all and (max-width:1439px) {
   .x12 p{font-size: 14px;margin-bottom: 10px;}
   .a563 {
	margin-bottom: 20px;
}
.index_more1{padding: 10px 35px;}

}

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .contain{width: 92%;}
    .contain-1280{width: 768px;}
    .Header-menu {padding: 0 13px;}
    .Offer-wrapper {padding-top: 80px;}
    .Offer-name {width: 168px;height: 160px;}
    .Offer-name h2 {font-size: 50px;}
    .Offer-info-title h4 {font-size: 40px;}
    .Offer-info-title p {font-size: 26px;}
    .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{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: #fff;box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15);}
    .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 {font-size: 38px;padding: 0 24px;}
    .Offer-wrapper {padding-top: 100px;}
    .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{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/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{font-size: 14px;}
    .Header-serve-cont{margin-top: 12px;}
    .Header-serve-img{height: 64px;}
    .Header-preweb-cont p{display: none;}
    .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;}
	
	.in-num1 ul li{width: 49%; padding: 0 15px; margin-top:20px;}
	
	.in-num1 ul li span.span1 i{font-size: 34px;}
	.in-num1 ul li span.span2{font-size: 16px;}
	
	 footer {
        width: 100%;
        background: #121116;
        height: auto;
    }

        footer .PublicFooter {
            width: 100%;
            margin: 0 auto;
            padding: 0 15px;
        }

    .footerLeft {
        width: 100%;
        padding-top: 40px;
    }

    .footerRight {
        width: 100%;
        float: initial;
        padding-top: 12px;
    }

    .footerLeft ul {
        padding-bottom: 15px;
    }

        .footerLeft ul li {
            float: left;
            width: 50%;
            padding: 5px;
            text-align: left;
        }

            .footerLeft ul li a {
                font-family: "微软雅黑";
                font-size: 1.6rem;
                color: #fff;
                text-decoration: none;
            }

                .footerLeft ul li a:hover {
                    color: #8a8a8a;
                }

    .footerCopyright, .footerRecord {
        padding-left: 0px;
    }

    .share_ico {
        float: left;
    }

        .share_ico li {
            display: inline-block;
            padding: 5px 8px;
            position: relative;
        }

    .footerRight .share_ico > li > a {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50% 50%;
        border: solid 2px #fff;
    }

        .footerRight .share_ico > li > a > img {
            display: block;
            margin: 0 auto;
            margin-top: 2px;
            margin-right: 3px;
        }

        .footerRight .share_ico > li > a:hover {
            background: #999;
            /*border-color: #e02d39;*/
            transition: all .3s ease-in-out;
        }

    .footerRight .share_ico > li div.share_ico_Ma_ico {
        position: absolute;
        width: 100px;
        top: -110px;
        left: 10px;
        display: none;
        transition-duration: 5000ms;
        height: 100px;
    }

        .footerRight .share_ico > li div.share_ico_Ma_ico img {
            width: 100px;
        }

    .footerRight .share_ico > li:hover div.share_ico_Ma_ico {
        display: block;
        transition-duration: 500ms;
        position: absolute;
        z-index: 99;
    }

    .footerRight .share_ico > li > img.share_ico_Ma_ico_m {
        display: none;
    }

    .M_footer_litps {
        width: 100%;
        padding: 0 5px;
        padding-top: 25px;
        padding-bottom: 35px;
    }

        .M_footer_litps > p {
            font-family: "微软雅黑";
            color: #bfbfbf;
            font-size: 1.4rem;
        }
		
		.foot_nav{display: none;}
.foot_top{padding: 20px 0;}
.foot_link{ float: none;  box-sizing: border-box; margin: 0 auto; width: 100%; text-align: left;}
.foot_link .icon-caidan{ float:right}
.foot_link h2{padding: 0 20px; box-sizing: border-box;}
.foot_addre{padding: 0;text-align: center;}
.foot_bottom{ padding-bottom: 20px;}
.foot_addre span{display: block;margin: 0 0 4px 0;line-height: 24px;}
.foot_code{width: 100%;text-align: center;}

.foot_code .code_box{display: inline-block;float: none;margin: 0 20px 10px 0;width: 100px;}
.foot_code1{width: 100%;}
.foot_code1 .code_box{display: inline-block;float: none;margin: 0 15px 10px 0;width: 100px;}
.foot_copy{text-align: center;font-size: 13px;line-height: 1.5;padding: 14px 0;}
.foot_copy .fr{ display: block; float: none;}

.A-title .t1{font-size: 24px;margin-bottom: 20px; font-weight:400;}

.home-block {
	padding: 50px 0;
}

.a58{font-size: 14px;}

.in-number1{
    margin-top: 30px;
}

.a563 {
	font-size: 20px;
	margin-bottom: 15px;
}

.x12{padding: 25px 8px 0 8px;}
	
}
@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;overflow: hidden;}
    .mbFooterRel a{display: flex;position: relative;height: 60px;width: 50%;float: left;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
    .mbFooterRel a img{height: 22px;}
    .mbFooterRel a p{font-size: 14px;color: #fff;margin-top: 2px;}
    .mbFooterRel a:first-child::after{content: "";position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: rgba(255, 255, 255, 0.1);}

    #newBridge{display: none !important;}
	
	.team__work {
  font-size: 14px;
  display: block;
}

}