@charset "utf-8";

/* =====================内页样式======================== */

/* 视频弹窗 */

.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}

.popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;}

.popVideo-video{width: 100%;}

.popVideo-video video{width: 100%;}

.popVideo-video iframe{width: 100%;height: 500px;}

.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}

.popVideo-close:hover{opacity: 1;}

@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}

@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

/* 分页 */

.paging{width: 100%;font-size: 0;text-align: center;margin-top: 60px;user-select: none;}

.paging-menu, .paging-menu a{display: inline-block;vertical-align: middle;}

.paging-menu a{width: 46px;height: 46px;line-height: 46px;border: 1px solid #e2e6e7;margin: 4px;font-size: 16px;color: #4f545f;transition: all .4s ease;background-color: #fff;}

.paging-menu a:first-child, .paging-menu a:last-child{background: url('../images/pages/page_ArrH.png')no-repeat center;transition: all .4s ease;}

.paging-menu a:first-child{transform: rotate(180deg);}

.paging-menu a:hover, .paging-menu a.active{border-color: #00a2e9;background-color: #00a2e9;color: #fff;}

.paging-menu a:first-child:hover, .paging-menu a:last-child:hover{background:#00a2e9 url('../images/pages/page_ArrW.png')no-repeat center;}

@media all and (max-width:1599px) {.paging{margin-top: 50px;}}

@media all and (max-width:1279px) {.paging{margin-top: 44px;}}

@media all and (max-width:1000px) {.paging{margin-top: 36px;}.paging-menu a{margin: 4px 2px;}.paging-menu a{width: 40px;height: 40px;}}

/* 搜索页面 */

.search{width: 100%;padding: 80px 0;}

.search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;}

.search-info span{color: #f48e31;}

.search-list{width: 100%;margin-top: 30px;}

.search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;}

.search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}

.search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.search-link .highlightRow span{color: #f48e31 !important;}

.search-link:hover h2{color: #f48e31;}

@media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}}

@media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}}

@media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}}

/* 公共部分 */

.common-banner{width: 100%;height: 440px;padding-top: 162px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}

.common-cont{width: 100%;max-width: 52%;}

.common-cont h2{font-size: 32px;color: #fff;font-weight: 700;line-height: 1.3;margin-bottom: 22px;}

.common-cont h6{font-size: 36px;color: #fff;font-weight: 700;line-height: 1.3;margin-bottom: 20px;}

/* .common-cont span{display: inline-block;font-size: 34px;color: #fff;opacity: 0.2;transition: all .4s ease;} */

.common-cont p{font-size: 15px;color: #fff;line-height: 24px;}

.common-link{display: flex;width: 100%;margin-top: 30px;}

.common-link li+li{margin-left: 20px;}

.common-link li a{display: flex;justify-content: center;align-items: center;width: 140px;height: 48px;border-radius: 24px;font-size: 16px;color: #fff;overflow: hidden;background-color: #00a2eb;background-image: linear-gradient(90deg, #00a2eb 30%, #00c9eb 70%);position: relative;z-index: 1;transition: all .4s ease;}

.common-link li a::after{content:"";position:absolute;top:50%;left:50%;width:260px;height:120px;border-radius:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,0);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);background-color:#0495d6;opacity:0;z-index:-1}

.common-link li a:hover::after{opacity:1;transition-duration:.85s;transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}

.common-title{width: 100%;text-align: center;}

.common-title h2{font-size: 32px;color: #2c3343;font-weight: 700;line-height: 1;}

.common-title.white h2{color: #fff;}

.common-title p{font-size: 15px;color: #e6e9ef;line-height: 24px;margin-top: 24px;}

.common-title span{display: inline-block;font-size: 18px;color: #000;opacity: 0.9; margin-top: 16px;position: relative;}

.common-title span::after{content: '';width: 58px;height: 1px;background-color: #000;opacity: 0.9;position: absolute;left: -50%;top: 0;bottom: 0;margin: auto 0;}

.common-title span::before{content: '';width: 58px;height: 1px;background-color: #000;opacity: 0.9;position: absolute;right: -50%;top: 0;bottom: 0;margin: auto 0;}

.common-line{width: 100%;text-align: center;margin-top: 24px;}

.common-line i{display: inline-block;width: 946px;height: 1px;background-color: #adadad;margin: 0 auto;position: relative;z-index: 1;}

.common-line i::after{content: '';width: 24px;height: 7px;background-color: #00a2e9;position: absolute;right: 0;left: 0;margin: 0 auto;top: 0px;z-index: 3;}

.com-btn{display:flex;justify-content: center;align-items: center;width: 200px;height: 48px;border-radius: 24px;margin: 0 auto;overflow: hidden; background-color: #00a2e9;background-image: linear-gradient(90deg, #00a2e9 20%, #00b0ff 100%);position: relative;z-index: 1;transition: all .4s ease;}

.com-btn span{display: inline-block; font-size: 15px;color: #fff;}

.com-btn i{display: inline-block;width: 8px;height: 12px;background: url('../images/pages/more_btn.png')no-repeat center;margin-left: 8px;}

.com-btn::after{content:"";position:absolute;top:50%;left:50%;width:260px;height:120px;border-radius:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,0);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);background-color:#0495d6;opacity:0;z-index:-1}

.com-btn:hover::after{opacity:1;transition-duration:.85s;transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}

/* 产品与案例公共部分 */

.common-menu{width: 100%;background-color: #f6f8f9;border-bottom: 1px solid #e2e6e7;}

.common-submenu{width: 100%;}

.common-submenu ul{display: flex; width: 100%;}

.common-submenu ul li{position: relative;}

.common-submenu a{display:flex;align-items: center;padding: 0 28px;height: 68px;font-size: 14px;color: #2f343b;transition: all .4s ease;}

.common-submenu ul li a:hover,.common-submenu ul li.active a{background-color: #00a2e9;color: #fff;}

.common-subdrop{display: none;position: absolute;background: #f7f7f7;top: 68px;left:0;width: 100%;text-align: center;padding: 20px 0 30px;background-color: #eaeff1;}

.common-subdrop a{display: inline-block; width: 100%;text-align: center;padding: 0;font-size: 14px;color: #2f343b;height: 30px;line-height: 30px;}

.common-subdrop a:hover{color: #00a2e9 !important;background-color:#eaeff1 !important;}

.common-select{width: 100%;height: 520px;padding-top: 100px;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}

.select-advantage{width: 100%;margin-top:60px;}

.select-advantage li{float: left; display: flex;flex-direction: column;justify-content: center;align-items: center;width: 33.3333%;padding: 0 64px;}

.select-mark{display: flex;justify-content: center;align-items: center;width: 120px;height: 120px;border-radius: 50%;background-color: #1382ee;margin-bottom: 38px;}

.select-mark img{max-width: 100%;object-fit: cover;transition: all .6s ease;}

.select-cont{width: 100%;text-align: center;}

.select-cont h2{font-size: 20px;color: #fff;line-height: 1;margin-bottom: 18px;transition: all .4s ease;}

.select-cont p{font-size: 15px;line-height: 24px;color: #fff;}

.select-advantage li:hover .select-mark img{transform: rotateY(180deg);}

.select-advantage li:hover .select-cont h2{color: #00a2e9;}

.common-client{width: 100%;padding: 100px 0 140px;background-color: #f3f3f3;}

.client-show{width: 100%;margin-top: 40px;overflow: hidden;}

.client-show li{float: left;width: 31.333%;margin-right: 3%;}

.client-show li:nth-child(3n){margin-right: 0;}

.client-link{display: inline-block;width: 100%;}

.client-img{width: 100%;overflow: hidden;}

.client-img img{width: 100%;object-fit: cover;transition: all .6s ease;}

.client-cont{width: 100%;padding: 20px 38px 32px;background-color: #fff;}

.client-cont h2{font-size: 20px;color: #2f343b;line-height: 1;margin-bottom: 8px;transition: all .4s ease;}

.client-cont p{font-size: 15px;color: #5f646c;line-height: 24px;}

.client-show li:hover .client-img img{transform: scale(1.06);}

.client-show li:hover .client-cont h2{color: #00a2e9;}

.client-more{width: 100%;text-align: center;margin-top: 40px;}

/* 产品 */

.prod{width: 100%;}

.prod-list{width: 100%;padding: 100px 0;background-color: #f3f3f3;overflow: hidden;}

.list-coulmn{width: 100%;margin-top: 20px;}

.list-coulmn li{float: left;width: 32%;margin:2% 2% 0 0;}

.list-coulmn li:nth-child(3n){margin-right: 0;}

.list-link{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 160px;padding: 0 28px 0 24px;background-color: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0);transition: all .4s ease;}

.list-icon{display: flex;justify-content: center;align-items: center; width: 60px;height: 60px;}

.list-icon img{max-width: 100%;object-fit: cover;}

.list-cont{width: calc(100% - 60px);padding-left: 20px;}

.list-cont h2{font-size: 20px;color: #2f343b;line-height: 1;margin-bottom: 12px;transition: all .4s ease;}

.list-cont p{font-size: 15px;color: #8d9198;line-height: 24px;}

.list-coulmn li:hover .list-link{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.4);}

.list-coulmn li:hover .list-cont h2{color:#00a2e9;}

.prod-info{width: 100%; overflow:hidden; }

.info-point{display: flex;justify-content: center;width: 100%;overflow: hidden;padding-bottom: 8px;}

.info-point i{display: inline-block;width: 1px;height: 100px;border: 1px dashed #4aa0ed;position: relative;transition: all .4s ease;}

.info-point i::after{content: '';width: 8px;height: 8px;background: url('../images/pages/line_Arr.png')no-repeat center;position: absolute;left: 0;bottom: -8px;margin-left: -4px;}

.info-summarize{width: 100%;padding: 144px 0 86px;position: relative;z-index: 1; background-color: #f5f8ff; }

.summarize-bg{width: 100%;display: flex;justify-content: center;position: absolute;right: 0;left: 0;top: 0;margin: 0 auto;z-index: -1;}

.summarize-bg img{max-width: 100%;object-fit: cover;}

.summarize-title{width: 100%;text-align: center;}

.summarize-title h1{font-size: 44px;color: #000;line-height: 1;font-family:'KELPTA3';}

.summarize-title p{font-size: 18px;color: #000;margin-top: 24px;}

.summarize-erp{display: flex;align-items: center;justify-content: center;width: 100%;margin-top: 68px;}

.summarize-erp span{display: inline-block;font-size: 14px;color: #000;font-weight: 700;margin-right: 10px;}

.summarize-line{width: 946px;position: relative;}

.summarize-line .long-line{width: 100%;height: 1px;background-color: #adadad;}

.summarize-line i{display: inline-block;width: 24px;height: 7px;background-color: #00a0ea;position:absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;}

.summarize-cont{width: 100%;margin-top: 68px;text-align: center;}

.summarize-cont h2{font-size: 32px;color: #00a2e9;line-height: 1;font-weight: 700;margin-bottom: 42px;}

.summarize-cont p{font-size: 15px;color: #000;line-height: 24px;max-width: 812px;margin: 0 auto;}

.info-summarize .info-point{margin-top: 78px;}

.info-trait{width: 100%;position: relative;z-index: 1;padding-top: 130px; background-position: center;background-repeat: no-repeat;background-size: cover;}

.trait-cont{width: 100%;text-align: center;margin-top: 42px;}

.trait-cont p{font-size: 18px;color: #000;line-height: 48px;}

.trait-cont p b{font-size: 30px;color: #00a2e9;font-family:'KELPTA3';line-height: 1;}

.trait-list{width: 100%;margin-top: 84px;}

.trait-list ul{display: flex;flex-wrap: wrap;margin: -2% 0 0 -2%;}

.trait-list li{margin: 2% 0 0 2%;width: calc(100% / 4 - 2%); display: flex;flex-direction: column;align-items: center;padding: 60px 0 30px;background-color: #fff; box-shadow: 0px 34px 57px 3px rgba(29, 34, 49, 0);transform: scale(1);transition: all .4s ease;}

.trait-list li:nth-child(3n){margin-right: 0;}

.trait-icon{display: flex;justify-content: center;align-items: center;width: 76px;height: 76px;margin-bottom: 58px;}

.trait-icon img{max-width: 100%;object-fit: cover;}

.trait-sketch{width: 100%;padding: 0 15px;}

.trait-sketch h2{font-size: 20px;color: #2f343b;margin-bottom:28px;text-align: center;transition: all .4s ease;}

.trait-sketch p{font-size: 15px;color: #969696;line-height: 22px;}

.trait-list li:hover {box-shadow: 0px 34px 57px 3px rgba(29, 34, 49, 0.14);transform: scale(1.05);}

.trait-list li:hover .trait-sketch h2{color: #00a2e9;}

.info-show{width: 100%;background-color: #f2f6f7;padding: 140px 0 174px;}

.show-item{display: flex;justify-content: space-between; width: 100%;margin-top: 98px;}

.show-lft{width:140px;background-color: #f2f6f7;background-image: linear-gradient(90deg, #f2f6f7 80%, #eceff0 100%);}

.show-lft li{display: flex;align-items: center; width: 100%;padding-left: 30px;transition: all .4s ease;position: relative;z-index: 1;cursor: pointer;white-space: nowrap;}

.show-lft li::after{content: '';width:180px;height: 62px;background-color: #00a2e9;opacity: 0;position: absolute;left: 0;top: 0;z-index: -1;}

.show-lft li p{width: 100%;font-size: 20px;color: #2f343b;line-height: 62px;transition: all .4s ease; }

.show-lft li.active::after,.show-lft li:hover::after{opacity: 1;}

.show-lft li:hover p,.show-lft li.active p{color: #fff;font-size: 24px;}

.show-rgt{width:calc(100% - 180px);padding: 20px 0 0 60px;}

.show-link{width: 100%;position: relative;display: none;}

.show-link.active{display: block;}

.show-cont{float: left;width:32%;}

.show-cont h2{font-size: 20px;color: #2f343b;font-weight: 700;margin-bottom: 14px;}

.show-cont p{font-size: 15px;color: #8f9399;line-height: 24px;}

.show-menu{display: flex;width: 100%;margin-top: 72px;}

.show-menu li+li{margin-left: 20px;}

.show-menu li a{display: flex;justify-content: center;align-items: center;width: 140px;height: 48px;border-radius: 24px;font-size: 16px;color: #fff;overflow: hidden;background-color: #00a2eb;background-image: linear-gradient(90deg, #00a2eb 30%, #00c9eb 70%);position: relative;z-index: 1;transition: all .4s ease;}

.show-menu li a::after{content:"";position:absolute;top:50%;left:50%;width:260px;height:120px;border-radius:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,0);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);background-color:#0495d6;opacity:0;z-index:-1}

.show-menu li a:hover::after{opacity:1;transition-duration:.85s;transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}

.show-img{float: right; width: 55%;overflow: hidden;text-align: center;}

.show-img img{max-width: 100%;object-fit: cover;}

.info-advantage{width: 100%;padding: 186px 0 102px;}

.info-advantage .info-point{margin: 0 0 104px;}

.advantage-item{width: 100%;margin-top:70px;padding: 0 12px;}

.advantage-item li{float: left;display: flex;flex-direction: column;justify-content: center; width:47%;height: 212px;margin:28px 6% 0 0;padding:0 26px 0 56px;border: 1px solid transparent;background-color: #fbfbfb;transition: all .4s ease;overflow: hidden;position: relative;}

.advantage-item li:nth-child(2n){margin-right: 0;}

.advantage-coulmn{display: flex;justify-content: space-between; width: 100%;transition: all .4s ease;}

.advantage-coulmn i{display:inline-block;width: 80px;height: 80px;}

.advantage-coulmn i img{max-width: 100%;object-fit: cover;}

.advantage-cont{width: calc(100% - 80px);padding-left: 20px;}

.advantage-cont h2{font-size: 20px;color: #2f343b;margin-bottom: 16px;transition: all .4s ease;}

.advantage-cont p{font-size: 15px;color: #5a5a5a;line-height: 22px;}

.advantage-btn{display:flex;justify-content: center;align-items: center;position: absolute;left: 10%;bottom: -40px;width: 168px;height: 38px;border-radius: 19.5px;font-size: 16px;color: #fff;font-weight: 700; background-color: #00a2e9;background-image: linear-gradient(90deg, #00a2e9 30%, #01aefd 70%); transition: all .4s ease;}

.advantage-item li:hover{border-color:#f0f0f0;background-color: #fff;}

.advantage-item li:hover .advantage-coulmn{transform: translateY(-38px);}

.advantage-item li:hover .advantage-btn{bottom:30px;}

.info-story{width: 100%;padding: 66px 0 140px;background-color: #f2f6f7;}

.story-show{width: 100%;margin-top: 32px;overflow: hidden;}

.story-show li{float: left;width: 31.333%;margin-right: 3%;}

.story-show li:nth-child(3n){margin-right: 0;}

.story-link{display: inline-block;width: 100%;}

.story-img{width: 100%;overflow: hidden;}

.story-img img{width: 100%;object-fit: cover;transition: all .6s ease;}

.story-cont{width: 100%;padding: 20px 38px 32px;background-color: #fff;}

.story-cont h2{font-size: 20px;color: #2f343b;line-height: 1;margin-bottom: 8px;transition: all .4s ease;}

.story-cont p{font-size: 15px;color: #5f646c;line-height: 24px;}

.story-show li:hover .story-img img{transform: scale(1.06);}

.story-show li:hover .story-cont h2{color: #00a2e9;}

.story-more{width: 100%;text-align: center;margin-top: 40px;}

.case{width: 100%;}

.case-item{width: 100%;padding: 100px 0 144px;}

.case-list{width: 100%;}

.case-coulmn{display: flex;width: 100%;}

.case-coulmn+.case-coulmn{margin-top: 72px;padding-top: 80px;border-top: 1px dashed #c7d5db;}

.case-coulmn li{width: 25%;}

.case-menu{font-size: 20px;color: #2f343b;transition: all .4s ease;}

.case-menu:hover{color: #00a2e9;}

.case-drop{width: 100%;margin-top:24px;}

.case-drop a{display:block;}

.case-drop h6{display:inline-flex;align-items: center;position: relative;}

.case-drop h6::after{content: '';width:0%;height: 2px;background-color: #00a2e9;position: absolute;right: 0; bottom: 0;transition: all .4s ease;}

.case-drop a span{display: inline-block;font-size: 15px;color: #00a2e9;line-height: 36px;}

.case-drop a i{display: inline-block;width: 8px;height: 12px;background: url('../images/pages/case_Arr.png')no-repeat center;margin-left: 8px;}

.case-drop a:hover h6::after{width: 100%;right:auto;left: 0;}

.case-details{width: 100%;}

.details-business{width: 100%;padding: 78px 0;}

.business-item{width: 100%;margin-top: 24px;}

.business-item ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.business-item li{width: 49%; margin:20px 2% 0 0;}

.business-item li:nth-child(2n){margin-right: 0;}

.business-coulmn{display: flex;width: 100%;min-height: 200px;padding: 48px 30px 30px;background-color: #fbfbfb;height: 100%;}

.business-coulmn i{display: flex;align-items: center;justify-content: center;width: 82px;height: 68px;}

.business-coulmn i img{max-height: 100%;}

.business-cont{width: calc(100% - 82px);padding-left: 28px;}

.business-cont h2{font-size: 20px;color: #2f343b;margin-bottom: 16px;}

.business-cont p{font-size: 15px;color: #8f9399;line-height: 24px;}

.business-more{display: flex;justify-content: center; width: 100%;margin-top: 40px;}

.business-more a{display:flex;align-items: center;}

.business-more a+a{margin-left: 40px;}

.business-more a span{font-size: 16px;color: #919598;}

.business-more a i{display: inline-block;width: 8px;height: 12px;background: url('../images/pages/bus_Arr.png')no-repeat center;margin-left: 8px;}

.details-digital{width: 100%;padding: 100px 0;background-repeat: no-repeat;background-position: center;background-size: cover;}

.digital-nav{display: flex;justify-content: center;margin-top: 30px;border-bottom: 1px solid rgba(255, 255, 255, .1);}

.digital-nav .item{margin-left: 40px;color: #fff;font-size: 18px;height: 66px;position: relative;user-select: none;cursor: pointer;transition: all .4s ease;display: flex;align-items: center;}

.digital-nav .item:first-child{margin-left: 0;}

.digital-nav .item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #00a2e9;opacity: 0;transition: all .4s ease;}

.digital-nav .item:hover,.digital-nav .item.active{color: #00a2e9;}

.digital-nav .item.active::after{opacity: 1;}



.win-nav{display: flex;justify-content: center;margin-top: 30px;border-bottom: 1px solid #adadad;}

.win-nav .item{margin-left: 40px;color: #666;font-size: 18px;height: 66px;position: relative;user-select: none;cursor: pointer;transition: all .4s ease;display: flex;align-items: center;}

.win-nav .item:first-child{margin-left: 0;}

.win-nav .item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #00a2e9;opacity: 0;transition: all .4s ease;}

.win-nav .item:hover,.win-nav .item.active{color: #00a2e9;}

.win-nav .item.active::after{opacity: 1;}



.digital-drop{display: none;}

.digital-drop:first-child{display: block;}

.digital-cont{width: 100%;text-align: center;margin-top: 32px;padding: 0 80px;}

.digital-cont p{font-size: 15px;color: #f0f0f0;line-height: 24px;}

.digital-solve{width: 100%;margin-top: 32px;}

.digital-solve ul{display: flex;flex-wrap: wrap;justify-content: center;}

.digital-solve li{width: 49%;margin:20px 2% 0 0;padding:60px 40px 40px;background-color:rgba(24, 100, 174, 0.4);}

.digital-solve li:nth-child(2n){margin-right: 0;}

.solve-cont{width: 100%;transition: all .4s ease;}

.solve-cont h2{font-size: 20px;color: #fff;margin-bottom: 30px;}

.solve-cont p{font-size: 15px;color: #9bcfef;line-height: 24px;}

.solve-btn{display: flex;justify-content: center;align-items: center;width: 140px;height: 48px;border-radius: 24px;margin-top: 10px; font-size: 16px;color: #135075; background-color: #00ceea;background-image: linear-gradient(90deg, #00ceea 5%, #00fbf5 80%);opacity: 0;transition: all .4s ease;}

.digital-solve li:hover{background-color: #00a2e9;}

.digital-solve li:hover .solve-cont{transform: translateY(-28px);}

.digital-solve li:hover .solve-btn{opacity: 1;}

.details-blueprint{width: 100%;padding: 100px 0 0;position: relative;}

/* .details-blueprint::after{content: '';width: 100%;height: 242px;background: url('../images/pages/yz_Bj.png')no-repeat center;position: absolute;left: 0;bottom: 0;} */

.blueprint-cont{width: 100%;text-align: center;padding: 0 80px;margin-top: 32px;}

.blueprint-cont p{font-size: 15px;color: #8f9399;line-height: 24px;}

.blueprint-img{width: 100%;margin-top: 70px;text-align: center;overflow: hidden;}

.blueprint-img img{max-width: 100%;object-fit: cover;}

.details-merit{width: 100%;padding-top: 100px;}

.merit-item {width: 100%;margin-top: 42px;}

.merit-item li{float: left;display: flex;flex-direction: column;justify-content: center; width:49%;height: 220px;margin:20px 2% 0 0;padding:0 38px;border: 1px solid transparent;background-color: #fbfbfb;transition: all .4s ease;overflow: hidden;position: relative;}

.merit-item li:nth-child(2n){margin-right: 0;}

.merit-coulmn{display: flex;justify-content: space-between; width: 100%;transition: all .4s ease;}

.merit-coulmn i{display:inline-block;width: 64px;height:64px;}

.merit-coulmn i img{max-width: 100%;object-fit: cover;}

.merit-cont{width: calc(100% - 64px);padding-left: 20px;}

.merit-cont h2{font-size: 20px;color: #2f343b;margin-bottom: 16px;transition: all .4s ease;}

.merit-cont p{font-size: 15px;color: #8f9399;line-height: 24px;}

.merit-btn{display:flex;justify-content: center;align-items: center;position: absolute;left: 20%;bottom:-48px; width: 140px;height: 48px;border-radius:24px;font-size: 16px;color: #fff; background-color: #00a2e9;background-image: linear-gradient(90deg, #00a2e9 30%, #01aefd 70%);transition:bottom .4s ease;}

.merit-item li:hover{border-color:#f0f0f0;background-color: #fff;}

.merit-item li:hover .merit-coulmn{transform: translateY(-28px);}

.merit-item li:hover .merit-btn{bottom:20px;}

.details-win{width: 100%;padding-top: 112px;}

.win-swp{position: relative;}

.win-pagination-box{z-index: 10;position: absolute;left: 0;bottom: 30px;width: 100%;}

.win-pagination .swiper-pagination-bullet{margin-left: 8px;border-radius: 0;width: 26px;height: 3px;position: relative;}

.win-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 500%;}

.win-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}

.win-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00a2e9;}

.win-swp{margin-top: 60px;}

.win-show{position: relative;}

.win-bg img{width: 100%;}

.win-con{width: 100%;height: 100%;padding-top: 128px;position: absolute;left: 0;top: 0;}

.win-item{width: 100%;}

.win-cont{width: 54%;}

.win-cont h2{font-size: 38px;color: #2c3343;line-height: 1;font-weight: 700;}

.win-cont p{font-size: 15px;color: #464c59;line-height:24px;margin: 28px 0 30px;}

.win-cont a{display:flex;justify-content: center;align-items: center;width: 140px;height: 48px;border-radius:24px;font-size: 16px;color: #fff;background-color: #00a2e9;background-image: linear-gradient(90deg, #00a2e9 30%, #01aefd 70%);transition:bottom .4s ease;position: relative;z-index: 1;overflow: hidden;}

.win-cont a::after{content:"";position:absolute;top:50%;left:50%;width:260px;height:120px;border-radius:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,0);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);background-color:#0495d6;opacity:0;z-index:-1}

.win-cont a:hover::after{opacity:1;transition-duration:.85s;transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}

.details-related{width: 100%;padding: 100px 0 98px;}

.related-item{width: 100%;margin-top: 50px;position: relative;}

.related-item .swiper-container{padding-bottom: 28px;}

.related-coulmn{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 160px;background-color: #fbfbfb;padding: 0 40px;border: 1px solid transparent;transition: all .4s ease;}

.related-coulmn h2{font-size: 20px;color: #2f343b;margin-bottom: 12px;}

.related-coulmn p{font-size: 15px;color: #8d9198;}

.related-coulmn:hover{background-color: #fff;box-shadow: 0px 7px 25.65px 1.35px rgba(29, 34, 49, 0.07);border-color:#f0f0f0;}

.related-prev,.related-next{width: 50px;height: 50px;border: 1px solid #c5d0d5;border-radius: 50%;background: url('../images/pages/rela_Arr.png')no-repeat center;position: absolute;right:-8%;top: 80px;margin-top: -25px;cursor: pointer;transition:all .4s ease;}

.related-prev{transform: rotate(180deg);left: -8%;right: auto;}

.related-prev:hover,.related-next:hover{border-color: #00a2e9;background: url('../images/pages/rela_ArrH.png')no-repeat center;}

.succeed{width: 100%;padding-bottom: 120px;}

.succeed-gather{width: 100%;padding-top: 100px;}

.succeed-item{width: 100%;padding:24px 20px 24px 40px;display: flex;position:relative;background-color: #f2f6f7;border:1px solid #ddd9d7}

.succeed-item:after{content:'';width:1px;height:100%;position:absolute;left:160px;top:0;background:#ddd9d7}

.succeed-item:not(:first-child){border-top:none}

.succeed-tit{display:flex;align-items:center;min-width:160px;width:160px;font-size:20px;font-weight:500;color:#2f343b;position:relative;height:100%;line-height:24px}

.succeed-tit img{padding-right:20px}

.succeed-item ul {display: flex;flex-wrap: wrap;padding-left: 20px;margin-top: -20px;/*max-height: 38px;*/overflow: hidden;}

.succeed-item li{font-size:15px;font-weight:500;margin-right:55px;line-height:24px;margin-top: 20px;}

.succeed-item li a{color:#6a6d73;transition:all .4s ease;}

.succeed-item li a:hover{color:#00a2e9}

.succeed-item li a.active{color:#00a2e9;font-weight:700}

.succeed-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:30px;right:20px;top:20px;transition:all .4s ease;border-radius:5px}

.succeed-btn svg{transition:all .4s ease}

.succeed-btn.active,.succeed-btn:hover{background:#f4f4f4}

.succeed-btn.active svg{transform:rotate(180deg)}

.succeed-list{width: 100%;padding: 40px 0 10px;}

.succeed-link{width: 100%;}

.succeed-link ul{display: flex;flex-wrap: wrap;}

.succeed-link li{width: 31.333%;margin:0 3% 30px 0;background-color: #f2f6f7;}

.succeed-link li:nth-child(3n){margin-right: 0;}

.succeed-menu{display: inline-block;width: 100%;}

.succeed-img{width: 100%;overflow: hidden;}

.succeed-img img{width: 100%;object-fit: cover;transition: all .6s ease;}

.succeed-cont{width: 100%;padding: 20px 38px 32px;}

.succeed-cont h2{font-size: 20px;color: #2f343b;line-height: 1;margin-bottom: 8px;transition: all .4s ease;}

.succeed-cont p{font-size: 15px;color: #5f646c;line-height: 24px;}

.succeed-link li:hover .succeed-img img{transform: scale(1.06);}

.succeed-link li:hover .succeed-cont h2{color: #00a2e9;}

.succeed .paging{margin-top: 0;}

.succeed-explain{width: 100%;padding: 100px 0 120px;}

.succeed-explain .contain{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.explain-lft{width: 67%;}

.explain-lft h1{font-size: 26px;color: #2c3343;line-height: 30px;font-weight: 700;max-width: 82%;}

.explain-time{font-size: 20px;color: #ccd1d9;font-family:'KELPTA3';margin: 24px 0;}

.explain-cont{width: 100%;padding: 34px 0 42px;border-top: 1px dashed #c8d3d6;border-bottom:1px dashed #c8d3d6 ;}

.explain-cont p{font-size: 15px;color: #8f9399;line-height: 24px;}

.explain-cont p b{font-size: 15px;color: #2c3343;}

.explain-cont p img{width: 100%;object-fit: cover;}

.explain-cont h2{font-size: 16px;color: #2c3343;}

.explain-cont h6{font-size: 16px;color: #00a2e9;}

.explain-nav{display: flex;justify-content: space-between;align-items: flex-end; width: 100%;margin-top: 42px;}

.explain-nav li {font-size: 15px;font-weight: 500; line-height:34px; color: #2c3343;}

.explain-nav li a { color: #8f9399; transition: all .4s ease;}

.explain-nav li a:hover{color: #00a2e9;}

.explain-nav .explain-fh{display:flex;justify-content: center;align-items: center;width: 140px;height: 48px;border-radius:24px;font-size: 16px;color: #fff;background-color: #00a2e9;background-image: linear-gradient(90deg, #00a2e9 30%, #01aefd 70%);transition:bottom .4s ease;position: relative;z-index: 1;overflow: hidden;}

.explain-nav .explain-fh::after{content:"";position:absolute;top:50%;left:50%;width:260px;height:120px;border-radius:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,0);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);background-color:#0495d6;opacity:0;z-index:-1}

.explain-nav .explain-fh:hover::after{opacity:1;transition-duration:.85s;transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}

.explain-rgt{width: 29%;}

.explain-side{width: 100%;padding: 40px;background-color: #f2f6f7;}

.explain-article{width: 100%;padding-bottom: 16px;margin-bottom: 16px; border-bottom: 1px solid #cdd9df;position: relative;z-index: 1;}

.explain-article::after{content: '';width: 86px;height: 1px;background-color: #00a2e9;position: absolute;left: 0;bottom: 0;z-index: 3;}

.explain-article h2{font-size: 22px;color: #2c3343;}

.explain-side ul a{display: inline-block;width: 100%;padding-left: 18px;position: relative;}

.explain-side ul a::after{content: '';width: 7px;height: 7px;border-radius: 50%;background-color:#00a2e9;position: absolute;left: 0;top: 50%;margin-top: -3.5px;}

.explain-side ul h4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; line-height: 34px; color: #8f9399; transition: all .4s ease; font-weight: 500;}

.explain-side ul a:hover h4{color: #00a2e9;}

/* 活动 */

.activityzx{width: 100%;padding: 96px 0 148px;}

.activityzx-item{width: 100%;padding-left:80px;border-left: 1px dashed #c4c4c4;position: relative;padding-top: 100px;}

.activityzx-item::before{content: '';width: 68px;height: 1px;border: 1px dashed #00a2e9;position: absolute;left: 0;top: 115px;}

.activityzx-item::after{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #00a2e9;position: absolute;left: -6px;top: 110px;}

.activityzx-tit{display: flex;flex-direction: column;align-items: flex-end;position: absolute;top:100px;left: -22%;}

.activityzx-tit span{font-size: 48px;color: #303749;line-height: 1;}

.activityzx-tit h6{font-size: 24px;color: #303749;line-height: 1;}

.activityzx-tit h2{font-size: 36px;color: #303749;}

.activityzx-cont{width: 100%;}

.activityzx-cont h2{font-size: 24px;color: #2b3245;margin-bottom: 12px;}

.activityzx-cont p{font-size: 16px;line-height: 24px;color: #93939b;max-width: 40%;}

.activityzx-img{width: 100%;margin-top: 42px;}

.activityzx-img img{width: 100%;object-fit: cover;}

.activityzx-show{width: 100%;margin-top: 116px;position: relative;}

.activityzx-show-cont{display: flex;flex-direction: column;position: absolute;top:0px;left: -30%;}

.activityzx-show-cont h2{font-size: 24px;color: #303749;line-height: 1;margin-bottom: 12px;}

.activityzx-show-cont p{font-size: 16px;color: #93939b;line-height: 24px;max-width: 54%;}

.activityzx-show-item{width: 100%;height: 818px;}

.activityzx-lft{display: flex;flex-direction: column;justify-content: space-between; float: left;width: 44%;height: 100%;}

.activityzx-lftimg{width: 100%;height: 49%;}

.activityzx-lftimg img{width: 100%;height: 100%;object-fit: cover;}

.activityzx-rgt{display: flex;flex-direction: column;justify-content: space-between; float: right;width: 54%;height: 100%;}

.activityzx-rgtimg{width: 100%;height: 58%;}

.activityzx-rgtimg img{width: 100%;height: 100%;object-fit: cover;}

.activityzx-showbot{width: 100%;height: 40%;display: flex;justify-content: space-between;}

.activityzx-botimg{width: 49%;}

.activityzx-botimg img{width: 100%;height: 100%;object-fit: cover;}

.activityzx-botcont{width: 49%;height: 100%;}

.activityzx-botcont p{font-size: 18px;color: #4c5261;line-height: 24px;margin-bottom: 32px;}

.activityzx-botcont-img{width: 92%;height: 224px;}

.activityzx-botcont-img img{width: 100%;height: 100%; object-fit: cover;}

.activityzx-epoch{width: 100%;margin-top: 42px;}

.activityzx-epoch h2{font-size: 45px;color: #2b3245;margin-bottom: 16px;}

.activityzx-epoch p{font-size: 30px;color: #93939b;line-height: 36px;max-width: 40%;}

.epoch-item{width: 100%;margin-top: 48px;display: flex;justify-content: space-between;}

.epoch-lft{float: left; width: 68%;}

.epoch-show{display: flex;justify-content: space-between; width: 100%;height: 580px;}

.epoch-showlft{display: flex;flex-direction: column;justify-content: space-between; width: 38%;height: 100%;}

.epoch-lfttop,.epoch-lftbot{width: 100%;height: 49%;}

.epoch-lfttop img,.epoch-lftbot img{width: 100%;object-fit: cover;}

.epoch-showrgt{display: flex;flex-direction: column;justify-content: flex-end; width: 60%;height: 100%;}

.epoch-showrgt-cont{width: 100%;margin-bottom: 48px;}

.epoch-showrgt-cont h5{font-size: 18px;color: #4c5261;line-height: 24px;max-width: 72%;}

.epoch-lftcont{width: 100%;margin-top: 28px;}

.epoch-lftcont h5{font-size: 18px;color: #4c5261;line-height: 24px;max-width: 72%;}

.epoch-showrgt-img{width: 100%;}

.epoch-showrgt-img img{width: 100%;object-fit: cover;}

.epoch-rgt{width: 30%;}

.epoch-rgtitem{display: flex;flex-direction: column;justify-content: space-between; width: 100%;height: 580px;}

.epoch-rgttop{width: 100%;height: 49%;overflow: hidden;}

.epoch-rgttop img{width: 100%;height: 100%; object-fit: cover;}

.epoch-rgtbot {width: 100%;height: 49%;overflow: hidden;}

.epoch-rgtbot img{width: 100%;height: 100%; object-fit: cover;}

.epoch-rgtcont{width: 100%;margin-top: 28px;}

.epoch-rgtcont h5{font-size: 18px;color: #4c5261;line-height: 24px;max-width: 92%;}

.activitylc{width: 100%;}

.activitylc-tit{width: 100%;position: relative;height: 80px;}

.activitylc-tit h2{display: flex;align-items: center;justify-content: center; position:absolute;top: 0;left:-20%; width: 460px;height: 80px;text-align: center; font-size: 48px;color: #fff;font-weight: 700;background-color: #ffffff;background-image: linear-gradient(90deg, #ffffff 8%, #01a0ea 50%, #ffffff 93%);}

.activitylc-item{width: 100%;padding:0 40px 260px 200px;margin-top: 68px;position: relative;}

.activitylc-item::before{content: '';width: 1px;height:98%;border-left: 1px dashed #c4c4c4;position: absolute;left: 0;bottom: 0;}

.activitylc-link{width: 100%;margin-bottom: 88px;position: relative;z-index: 1;}

.activitylc-link::before{content: '';width: 206px;height: 1px;border: 1px dashed #00a2e9;position: absolute;left:-206px;top: 0;bottom: 0;margin: auto 0;z-index: -1;}

.activitylc-link::after{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #00a2e9;position: absolute;left: -206px;top: 0;bottom: 0;margin: auto 0;}

.activitylc-link span{display: flex;align-items: center;font-size: 48px;color: #526166;position: absolute;left: -408px;top: 0;bottom: 0;margin: auto 0;}

.activitylc-img{width: 100%;overflow: hidden;}

.activitylc-img img{width: 100%;object-fit: cover;}

/* 新闻 */

.news{width: 100%;padding:96px 0 100px;}

.news-coulmn{width: 100%;}

.news-menu{display: flex;align-items: center; width: 100%;height: 120px;padding: 0 40px;margin-top: 38px;background-color: #f2f6f7;}

.news-menu h6{font-size: 16px;color: #2f343b;line-height: 1;}

.news-menu h6 b{color: #00a2e9;}

.news-menu h6:first-child{padding-right: 18px;margin-right: 18px;border-right: 1px solid #cbced3;}

.news-item{width: 100%;}

.news-list{width: 100%;transition: all .4s ease;}

.news-link{display: flex;align-items: center;width: 100%;height: 282px;border-top: 1px dashed transparent;border-bottom: 1px dashed transparent;transition: all .4s ease;}

.news-img{float: left;width: 320px;overflow: hidden;}

.news-img img{width: 100%;object-fit: cover;height: 220px;}

.news-cont{float: right;display: flex;flex-direction: column;justify-content: space-between; width: calc(100% - 320px);padding-left: 60px;}

.news-cont h2{font-size: 20px;color: #2c3343;line-height: 26px;max-width: 72%;}

.news-cont p{font-size: 15px;color: #8f9399;line-height: 24px;margin: 20px 0 32px; height: 72px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.news-cont i{display: inline-block;width: 48px;height: 18px;background: url('../images/pages/news_Arr.png')no-repeat center;transition: all .4s ease;}

.news-list:hover{background-color: #f2f6f7;}

.news-list:hover .news-link{border-color: #c2d1d8;}

.news-list:hover .news-cont i{background: url('../images/pages/news_ArrH.png')no-repeat center;}

.news .paging{margin-top: 40px;}

.article{width: 100%;padding: 100px 0 120px;}

.article .contain{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.article-lft{width: 67%;}

.article-lft h1{font-size: 26px;color: #2c3343;line-height: 30px;font-weight: 700;max-width: 82%;}

.article-time{font-size: 20px;color: #ccd1d9;font-family:'KELPTA3';margin: 24px 0;}

.article-cont{width: 100%;margin-top: 34px;padding: 34px 0 42px;border-top: 1px dashed #c8d3d6;border-bottom:1px dashed #c8d3d6 ;}

.article-cont *{font-family: "Source Han Sans CN", "noto sans","微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Arial, tahoma, Helvetica, sans-serif !important;}

.article-cont p{font-size: 15px;color: #8f9399;line-height: 24px;}

.article-cont p b{font-size: 15px;color: #2c3343;}

.article-cont img, .article-cont video{max-width: 100%;object-fit: cover;height:auto !important;}

.article-cont h2{font-size: 16px;color: #2c3343;}

.article-cont h6{font-size: 16px;color: #00a2e9;}

.article-nav{display: flex;justify-content: space-between;align-items: flex-end; width: 100%;margin-top: 42px;}

.article-nav li {font-size: 15px;font-weight: 500; line-height:34px; color: #2c3343;}

.article-nav li a { color: #8f9399; transition: all .4s ease;}

.article-nav li a:hover{color: #00a2e9;}

.article-nav .article-fh{display:flex;justify-content: center;align-items: center;width: 140px;height: 48px;border-radius:24px;font-size: 16px;color: #fff;background-color: #00a2e9;background-image: linear-gradient(90deg, #00a2e9 30%, #01aefd 70%);transition:bottom .4s ease;position: relative;z-index: 1;overflow: hidden;}

.article-nav .article-fh::after{content:"";position:absolute;top:50%;left:50%;width:260px;height:120px;border-radius:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,0);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1);background-color:#0495d6;opacity:0;z-index:-1}

.article-nav .article-fh:hover::after{opacity:1;transition-duration:.85s;transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}

.article-rgt{width: 29%;}

.article-side{width: 100%;}

.article-side li{width: 100%;margin-bottom: 20px;background-color: #f2f6f7;}

.article-link{display: inline-block;width: 100%;}

.article-show{width: 100%;overflow: hidden;}

.article-show img{width: 100%;object-fit: cover;transition: all .6s ease;}

.article-intro{width: 100%;padding: 40px 40px 52px;}

.article-intro h2{font-size: 18px;color: #2c3343;line-height: 24px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;transition: all .4s ease;}

.article-intro p{font-size: 15px;color: #8f9399;line-height: 24px;margin: 24px 0 32px; height: 72px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.article-btn{font-size: 14px;color: #79808e;transition: all .4s ease;cursor: pointer;}

.article-side li:hover .article-show img{transform: scale(1.06);}

.article-side li:hover .article-intro h2{color: #00a2e9;}

.article-side li:hover .article-btn{color: #00a2e9;}

.service{width: 100%;}

.service-promise{width: 100%;padding: 120px 0 160px;background-color: #f8fafa;}

.promise-cont{width: 100%;margin: 42px 0 20px;text-align: center;}

.promise-cont h2{font-size: 20px;color: #2f343b;line-height: 24px;margin-bottom: 16px;}

.promise-cont {font-size: 15px;color: #8f9399;line-height: 24px;}

.promise-item{width: 100%;}

.promise-item ul{margin: -20px 0 0 -20px;display: flex;flex-wrap: wrap;}

.promise-item li{padding: 50px 20px 30px; margin: 20px 0 0 20px;width: calc(25% - 20px); display:flex;flex-direction: column;align-items: center;text-align: center;border-radius: 5px;overflow: hidden;background-color: #fff;box-shadow: 0px 0px 9px 0px rgba(5, 41, 167, 0.07);}

.promise-item li:nth-child(6n){margin-right: 0;}

.promise-item .text{margin-top: 10px;font-size: 15px;}

.promise-icon{display: flex;justify-content: center;align-items: center; width: 76px;height: 76px;margin-bottom: 30px;}

.promise-icon img{max-width: 100%;object-fit: cover;}

.promise-item li h2{font-size: 20px;color: #2f343b;line-height: 24px;transition: all .4s ease;}

.promise-item li:hover h2{color: #00a2e9;}

.service-flow{width: 100%;height: 700px;padding-top: 94px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.flow-item{width: 100%;margin-top: 32px;}

.flow-item li{display: flex;flex-direction: column; align-items: center;justify-content: center; width: 30%;height: 160px;border-bottom-left-radius: 30px;border-top-right-radius: 30px; background-color: #fff;margin: 0 5% 75px 0;position: relative;}

.flow-item li:nth-child(3n){margin-right: 0;}

.flow-item li::after{content: '';width: 40px;height: 18px;background: url('../images/pages/flow_Arr.png')no-repeat center;position: absolute;right:-14%;top: 0;bottom: 0;margin: auto 0;}

.flow-item li:nth-child(3)::after{right: 0;left: 0;margin: 0 auto;top: auto;bottom: -28%;transform: rotate(90deg);}

.flow-item li:nth-child(4)::after,.flow-item li:nth-child(5)::after{transform: rotate(180deg);}

.flow-item li:last-child::after{display: none;}

.flow-item li h2{font-size: 20px;color: #2f343b;line-height: 24px;margin-bottom: 12px;}

.flow-item li p{font-size: 15px;color: #8f9399;line-height: 24px;}

.service-team{width: 100%;padding: 148px 0;}

.team-list{width: 100%;margin-top: 24px;}

.team-list li{float: left;display: flex;justify-content: space-between;align-items: center;width:48.5%;height:160px;margin:20px 3% 0 0;padding:0 40px;border: 1px solid transparent;background-color: #f2f6f7;transition: all .4s ease;overflow: hidden;position: relative;}

.team-list li:nth-child(2n){margin-right: 0;}

.team-list li i{display:flex;justify-content: center;align-items: center;width: 80px;height: 80px;border-radius: 50%;background-color: #00a2e9;}

.team-list li i img{max-width: 100%;object-fit: cover;}

.team-cont{width: calc(100% - 80px);padding-left: 20px;}

.team-cont h2{font-size: 20px;color: #2f343b;margin-bottom: 16px;transition: all .4s ease;}

.team-cont p{font-size: 15px;color: #8f9399;line-height: 22px;}

.team-list li:hover{border-color:#f0f0f0;background-color: #fff;}

.team-list li:hover h2{color:#00a2e9;}

.problem{width: 100%;}

.problem-item{width: 100%;padding: 128px 0 160px;}

.problem-coulmn{width: 100%;margin-top: 24px;border-top: 2px solid #00a2e9;}

.problem-link{width: 100%;padding: 40px 0;border-bottom: 1px dashed #c6d4da;}

.problem-headline,.problem-cont{display: flex;align-items: center; width: 100%;}

.problem-cont{margin-top: 20px;}

.problem-headline h2{width: calc(100% - 68px);padding-left:32px;font-size: 20px;color: #2c3343;line-height: 24px;transition: all .4s ease;}

.problem-cont p{width: calc(100% - 68px);padding-left: 32px;font-size: 15px;color: #8f9399;line-height: 24px;}

.problem-link i{display:flex;justify-content: center;align-items: center;width: 68px;height: 68px;background-color: #e8eeef;font-size: 40px;color: #2c3343;font-style: normal;transition: all .4s ease;}

.problem-link:hover h2{color: #00a2e9;}

.problem-link:hover .problem-headline i{background-color:#00a2e9;color: #fff;}

.download{width: 100%;}

.download-item{width: 100%;padding: 98px 0 160px;}

.download-menu{width: 100%;margin-top:40px;height: 88px;display:flex;align-items: center; border: 1px solid #e2e6e7;background-color: #f2f6f7;}

.download-tit{display:flex;align-items:center;justify-content: center;min-width:160px;width:160px;font-size:20px;font-weight:700;color:#2f343b;height:100%;border-right: 1px solid #e2e6e7;}

.download-menu ul{display:flex;flex-wrap:wrap;padding-left:40px;overflow:hidden}

.download-menu li{font-size:15px;margin-right:40px;}

.download-menu li a{color: #6a6d73;transition:all .4s ease}

.download-menu li+li a:hover{color:#00a2e9}

.download-menu li+li a.active{color:#00a2e9;}

.download-select{display: flex;align-items: center;width: 100%;margin-top: 60px;padding: 0 40px;}

.download-select h6{font-size: 18px;color: #2f343b;}

.download-select p{font-size: 15px;color: #6a6d73;}

.download-select i{display: inline-block;font-style: normal;margin: 0 4px;}

.download-select span{font-size: 15px;color: #00a2e9;}

.download-list{width: 100%;padding:0 40px;}

.download-list ul{display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;}

.download-list li{display: flex;width:33.333%;position: relative;margin-top: 40px;}

.download-link{display: inline-block;width:208px;}

.download-list li:nth-child(3n-1){justify-content: center;}

.download-list li:nth-child(3n){justify-content: flex-end;}

.dowload-img{width:100%;;position: relative;z-index: 1;}

.dowload-img::after{content: '';width: 278px;height: 168px;background: url('../images/pages/dowload_yz.png') no-repeat center/100%;position: absolute;left:-10px;bottom: -26px;z-index: -1;}

.dowload-img img{width: 100%;object-fit: cover;}

.download-link h2{width:100%;font-size:15px;color: #2f343b;padding: 24px 0;text-align: center;transition: all .4s ease;}

.download-list li:hover .download-link h2{color: #00a2e9;}

.data{width: 100%;background-color: #f3f3f3;}

.data-item{display: flex;justify-content: space-between;align-items: flex-end; width: 100%;padding: 200px 0 260px;}

.data-left{width: 30%;}

.data-link{display: inline-block;width:280px;height: 400px;}

.data-list li:nth-child(3n-1){justify-content: center;}

.data-list li:nth-child(3n){justify-content: flex-end;}

.data-img{width:100%;height:100%;position: relative;z-index: 1;}

.data-img::after{content: '';width: 295px;height: 180px;background: url('../images/pages/data_yz.png') no-repeat center/100%;position: absolute;left:46px;bottom: -26px;z-index: -1;}

.data-img img{width: 100%;height: 100%;object-fit: cover;}

.data-right{width: 70%;}

.data-right .common-title p{color:#8f9399;}

.data-form{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 24px;}

.data-input{display: flex;flex-wrap: wrap;justify-content:space-between;width: 100%;background-color: #fff;padding: 40px;margin-bottom: 40px;}

.data-menu{display: flex; margin-bottom: 20px; width: 48.5%;height: 60px;border-radius: 6px;background-color: #f2f6f7;}

.inline-icon{display: flex;align-items: center; width: 42%;padding-left: 20px;position: relative;}

.inline-icon::after{content: '';width: 1px;height: 38px;background-color: #cfd7d9;position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;}

.inline-icon i{display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;margin-right: 18px;}

.inline-icon i img{max-width: 100%;object-fit: cover;}

.inline-icon h2{font-size: 15px;color: #323232;}

.data-menu .inline-input {width: 58%;}

.data-menu input {width: 100%;background: 0 0; height: 60px;line-height: 60px;font-size: 16px;padding:0 20px;}

.data-menu input::placeholder{color: #c5cfd1;font-size: 15px;}

.data-input .data-menu.max{width: 100%;margin-bottom: 0;}

.data-input .data-menu.max .inline-icon{width: 20.369%;}

.data-input .data-menu.max .inline-input{width:79.631%;}

.inline-mix{width: 100%;overflow: hidden;}

.inline-mix .blue-btn{float: right;}

.blue-btn {display: block; color: #00499e;width:100%;height: 60px;background-color: #00a2e9;line-height: 60px;border-radius: 6px;font-size:20px;color: #fff;position: relative;overflow: hidden;z-index: 1;cursor: pointer;text-align: center;}

.support{width: 100%;}

.support-lx{width: 100%;padding-top: 125px;}

.support-kh{display: flex;flex-direction: column;justify-content: center;margin-top: 50px;width: 100%;height: 380px;padding: 0 68px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.support-kh h2{font-size: 20px;color: #000;margin-bottom: 18px;}

.support-kh p{font-size: 15px;color: #8f9399;line-height: 24px;max-width: 60%;}

.support-fw{width: 100%;padding-top: 102px;}

.support-fw .common-title p{color: #8f9399;}

.support-form{width: 100%;margin-top: 24px;}

.support-form{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 24px;}

.support-input{display: flex;flex-wrap: wrap;justify-content:space-between;width: 100%;margin-bottom: 10px;}

.support-menu{display: flex; margin-bottom: 20px; width: 48.333%;height: 60px;border-radius: 6px;border: 1px solid #e2e6e7;}

.support-menu .inline-icon{display: flex;align-items: center; width: 28%;padding-left: 20px;position: relative;}

.support-menu .inline-icon::after{content: '';width: 1px;height: 38px;background-color: #cfd7d9;position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;}

.support-menu .inline-icon i{display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;margin-right: 18px;}

.support-menu .inline-icon i img{max-width: 100%;object-fit: cover;}

.support-menu .inline-icon h2{font-size: 15px;color: #323232;}

.support-menu .inline-input {width: 72%;}

.support-menu input {width: 100%;background: 0 0; height: 60px;line-height: 60px;font-size: 16px;padding:0 20px;}

.support-menu input::placeholder{color: #c5cfd1;font-size: 15px;}

.support-input .support-menu.max{width: 100%;margin-bottom: 0;flex-direction: column;height: 150px;padding: 16px 0;}

.support-input .support-menu.max .inline-icon{width: 100%;}

.support-input .support-menu.max .inline-icon::after{display: none;}

.support-input .support-menu.max .inline-input{width:100%;}

.support-input .support-menu.max .inline-input textarea{width: 100%;height: 92px;border-color: transparent;padding:16px 20px;}

.support-input .support-menu.max .inline-input textarea::placeholder{color: #c5cfd1;font-size: 15px;}

.support-menu .inline-mix{width: 100%;overflow: hidden;}

.inline-mix .blue-btn{float: right;}

.blue-btn {display: block; color: #00499e;width:100%;height: 60px;background-color: #00a2e9;line-height: 60px;border-radius: 6px;font-size:20px;color: #fff;position: relative;overflow: hidden;z-index: 1;cursor: pointer;text-align: center;}

.suppot-ts{width: 100%;padding: 156px 0 108px;}

.support-flow{width: 100%;margin-top: 48px;padding: 0 58px;}

.support-flow ul{display: flex;justify-content: space-between; width: 100%;}

.support-flow li{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 180px;height: 180px;border-radius: 50%;background-color: #f2f6f7;position: relative;}

.support-flow li::after{content: '';width: 16px;height: 26px;background: url('../images/pages/support_Arr.png')no-repeat center;position: absolute;right:-40%;bottom: 0;top: 0;margin: auto 0;}

.support-flow li:last-child::after{display: none;}

.support-flow li i{display:flex;justify-content: center;align-items: center;width: 68px;height: 68px;margin-bottom: 12px;}

.support-flow li i img{max-width: 100%;object-fit: cover;}

.support-flow li h2{font-size: 16px;color: #2f343b;}

.support-btn{display: flex;justify-content: center; width: 100%;margin-top: 76px;}

.support-box{display: flex;flex-direction: column;justify-content: center;align-items: center; width: 330px;height: 100px;border-radius: 50px;background-color: #14dad4;}

.support-box:first-child{margin-right: -48px;}

.support-box:last-child{margin-left: -48px;}

.support-box h2{font-size: 20px;color: #fff;}

.support-box p{font-size: 24px;color: #fff;}

.support-box:nth-child(2){background-color: rgba(51,180,237, .8);position: relative;z-index: 3;}

.support-box:nth-child(2)::after,.support-box:nth-child(2)::before{content: '';width: 12px;height: 12px;background: url('../images/pages/bn_jh.png')no-repeat center;position: absolute;left:6%;top: 0;bottom: 0;margin: auto 0;}

.support-box:nth-child(2)::before{left: auto;right: 6%;}

/* 关于我们 */

.about-us{width: 100%;padding: 100px 0 35px;}

.about-intro{display: flex;flex-direction: column;justify-content: center;width:100%;height: 535px;padding: 0 100px;margin: 30px auto 0;background-position: center;background-repeat: no-repeat;background-size: cover;}

.about-intro div{ margin: 30px 0px;max-width: 38%;overflow-y:auto}

/* 自定义滚动条样式 */

.about-intro div::-webkit-scrollbar {

    width: 12px; /* 滚动条宽度 */

}



.about-intro div::-webkit-scrollbar-track {

    background: rgba(128, 128, 128, .1); /* 滚动条轨道颜色 */

}



.about-intro div::-webkit-scrollbar-thumb {

    background: rgba(128, 128, 128, .1); /* 滚动条滑块颜色 */

}



.about-intro div::-webkit-scrollbar-thumb:hover {

    background: rgba(128, 128, 128, .5); /* 鼠标悬停在滑块上时的颜色 */

}

.about-intro p{font-size: 15px;color: #ffffff;line-height: 24px;}

.about-intro p+p{margin-top: 26px;}

.about-prod{width: 100%;padding: 100px 0;}

.about-prod-tit{width: 100%;text-align: center;}

.about-prod-tit h2{font-size: 28px;color: #2c3343;font-weight: 700;}

.about-show{width: 100%;margin-top: 20px;position: relative;z-index: 10;}

.about-show ul{display: flex;justify-content: center;}

.about-show li{flex: 1;margin-right: 1px;transition: all .6s ease;}

.about-show li.active{flex: 2;}

.about-show li:last-child{margin-right: 0;}

.about-bj{width: 100%;height: 480px;position: relative;overflow: hidden;}

.about-bj img{width: 100%;height: 100%;object-fit: cover;}

.about-cont{display: flex;flex-direction: column;justify-content:center;align-items: center; width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .4s ease;}

.about-cont h2{font-size: 20px;color: #fff;line-height: 24px;}

.about-lx{display: flex;flex-direction: column;justify-content:center;align-items: center; width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(8, 145, 210, .7);opacity: 0;transition: all .4s ease;}

.about-lx h2{font-size: 24px;color: #fff;line-height: 26px;margin-bottom: 18px;opacity: 0;transition: all .4s ease;}

.about-lx p{font-size: 15px;color: #fff;line-height: 24px;opacity: 0;transition: all .4s ease;}

.about-lx a{display: flex;justify-content: center;align-items: center;margin-top: 56px;width: 140px;height: 48px;border-radius: 24px;border: 1px solid #fff; font-size: 16px;color:#fff;opacity: 0;transition: all .4s ease;}

.about-show li.active .about-cont{opacity: 0;}

.about-show li.active .about-lx{opacity: 1;}

.about-show li.active .about-lx h2{animation: Up 1S ease both .2s;opacity: 1;}

.about-show li.active .about-lx p{animation: Up 1S ease both .3s;opacity: 1;}

.about-show li.active .about-lx a{animation: Up 1S ease both .5s;opacity: 1;}

@keyframes Up{0%{transform: translateY(30px);opacity: 0;}100%{transform: translateY(0);opacity: 1;}}

.about-field{width: 100%;margin-top: 24px;}

.about-field-cont{width: 100%;text-align: center;}

.about-field-cont p{font-size: 15px;color: #8f9399;line-height: 24px;}

.about-flow{width: 100%;margin-top: 68px;}

.about-flow-tit{display: flex;align-items: center;justify-content: center;margin: 0 auto; width: 590px;height: 60px;background-color: #0089e9;background-image: linear-gradient(90deg, #0089e9 10%, #00a2e9 60%);position: relative;}

.about-flow-tit::before{content: '';width: 1px;height: 42px;background-color: #e2e6e7;position: absolute;left: 0;right: 0;bottom: -42px;margin: 0 auto;}

.about-flow-tit h2{font-size: 24px;color: #fff;font-weight: 700;}

.about-flow-item{width: 100%;margin-top: 82px;position: relative;}

.about-flow-item::after{content: '';width: 76.5%;height: 40px;border: 1px solid #e2e6e7;border-bottom: none; position: absolute;right: 0;left: 0;top: -40px;margin: 0 auto;}

.about-flow-item li{float: left;width: 23.5%;border: 1px solid #e2e6e7;background-color: #f2f6f7;margin-right: 2%;position: relative;}

.about-flow-item li::before{content: '';width: 1px;height: 40px;background-color: #e2e6e7;position: absolute;left: 0;right: 0;top: -40px;margin: 0 auto;}

.about-flow-item li:first-child::before,.about-flow-item li:last-child::before{display: none;}

.about-flow-item li:last-child{margin-right: 0;}

.about-flow-item li h2{width: 100%;font-size: 20px;color: #2c3343;text-align: center;padding: 24px;border-bottom: 1px solid #e2e6e7;}

.about-flow-item li p{width: 100%;height: 180px;padding: 40px;font-size: 15px;color: #8f9399;line-height: 24px;}

.about-history{width: 100%;height: 800px;position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;}

.about-circle{width: 1258px;height: 1258px;border-radius: 50%;border: 1px dashed #b8c3cf;position: absolute;left: 0;right: 0;top: -850px;margin: 0 auto;}

.about-time{width: 100%;height: 490px;position: relative;}

.about-history-tit{width: 100%;text-align: center;position: absolute;left: 0;right: 0;margin: 0 auto;top: 100px;}

.about-history-tit h2{font-size: 24px;color: #fff;}

.about-time .swiper-container{padding-bottom: 52px;}

.about-time .swiper-slide{display: flex;align-items: flex-end; height: 450px;}

.about-number{display: flex;justify-content: center;align-items: center;transition: all .3s; width: 88px;height: 88px;margin: 0 auto;border-radius: 50%;font-size: 28px;color: #fff; background-color: #009ce9;position: relative;transition: all .4s ease;}

.about-number::after{content: '';width: 180px;height: 180px;border-radius: 50%;border: 1px dashed #fff;position: absolute;left: 50%;top: 50%;margin-top: -90px;margin-left: -90px;z-index: 3;transform: scale(0);transition: all .4s ease;}

.about-time .swiper-slide-active .about-number{background-color: #fff;color: #009ce9;transform: rotate(0deg) translateX(0px) translateY(0px);}

.about-time .swiper-slide-active .about-number::after{transform:rotate(0deg) translateX(0px) translateY(0px) scale(1);}

.about-time .prev_nth2Mode .about-number{transform: rotate(0deg) translateX(-104px) translateY(-96px);opacity: 1;}

.about-time .prev_nth3Mode .about-number{transform: rotate(0deg) translateX(-60px) translateY(-300px);opacity: 1;}

.about-time .prev_nth4Mode .about-number{transform: rotate(0deg) translateX(90px) translateY(-600px);opacity: 1;}

.about-time .prev_nth5Mode .about-number{transform: rotate(0deg) translateX(408px) translateY(-930px);opacity: 1;}

.about-time .prev_nth6Mode .about-number{transform: rotate(0deg) translateX(0px) translateY(0px);opacity: 1;}

.about-time .next_nth2Mode .about-number{transform: rotate(0deg) translateX(104px) translateY(-96px);opacity: 1;}

.about-time .next_nth3Mode .about-number{transform: rotate(0deg) translateX(60px) translateY(-300px);opacity: 1;}

.about-time .next_nth4Mode .about-number{transform: rotate(0deg) translateX(-90px) translateY(-600px);opacity: 1;}

.about-time .next_nth5Mode .about-number{transform: rotate(0deg) translateX(-408px) translateY(-930px);opacity: 1;}

.about-time .next_nth6Mode .about-number{transform: rotate(0deg) translateX(0px) translateY(0px);opacity: 1;}

.about-time .active .about-number{transform: rotate(0deg) translateX(0px) translateY(0px);opacity: 1;}

.about-course{width: 100%;margin-top: 54px;position: relative;}

.course-show{width: 60%;margin: 0 auto;}

.course-item{width: 100%;text-align: center;position: relative;}

.course-item h2{font-size: 20px;color: #fff;margin-bottom: 24px;}

.course-cont{width: 100%;text-align: center;}

.course-cont p{font-size: 15px;color: #fff;line-height: 32px;}

.abtyear-btn{display: flex;justify-content:space-between;width:900px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;margin-top: -26px;}

.abtyear-prev,.abtyear-next{width: 52px;height: 52px;background: #fff url('../images/pages/course_ArrH.png')no-repeat center;cursor: pointer;transition: all .4s ease;z-index: 3;}

.abtyear-prev{left: 0;right: auto;transform: rotate(180deg);}

.abtyear-prev:hover,.abtyear-next:hover{background: #00a2e9 url('../images/pages/course_Arr.png')no-repeat center;}

.about-aptitude{width: 100%;padding:100px 0 140px;background-color: #f3f5f5;position: relative;z-index: 1;}

.about-aptitude::after{content: '';width: 100%;height: 510px;background: url('../images/pages/abt_aptBj.png') no-repeat center; position: absolute;left: 0;bottom: 0;z-index: -1;}

.about-apt-title{width: 100%;text-align: center;}

.about-apt-title h2{font-size: 24px;color: #2c3343;font-weight: 700;}

.about-aptitude-item{display: flex;justify-content: space-between;width: 100%;margin: 34px auto 0;background-color: #fff;padding:60px 80px;align-items: center;}

.about-aptitude-lft{width: calc(100% - 900px);}

.about-aptitude-lft p{font-size: 15px;color: #8f9399;line-height: 46px;position: relative;padding-left: 16px;}

.about-aptitude-lft p::after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #00a2e9;position: absolute;left: 0;top: 20px;}

.about-aptitude-lft p b{font-size: 20px;color: #00a2e9;}

.about-aptitude-rgt{width: 900px;position: relative;padding-left: 40px;}

.abHonor-swp{position: relative;}

.abHonor-slide{height: 320px;display: flex;align-items: center;justify-content: center;}

.abHonor-slide img{max-width: 85%;max-height: 100%;}

.abHonor-btn{user-select: none;cursor: pointer;z-index: 2;position: absolute;right: -30px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}

.abHonor-btn i{display: block;width: 8px;height: 14px;background: url('../images/pages/course_ArrH.png') no-repeat center/100% auto;}

.abHonor-btn.prev{right: auto;left: -30px;transform: translateY(-50%) rotate(180deg);}



.about-aptitude-rgt .abt-aptImg{width: 100%;object-fit: cover;}

.about-aptitude-rgt .abt-line{min-width: 100%;object-fit: cover;position: absolute;right:-50px;bottom: 32px;}

.about-business{width: 100%;height: 800px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.about-business .contain{display: flex;align-items: center;justify-content: space-between;height: 100%;}

.about-busLft{width: calc(100% - 480px);padding-right:80px;}

.about-busLft h2{font-size: 24px;color: #fff;font-weight: 700;margin-bottom: 32px;}

.about-busLft p{font-size: 26px;color: #fff;line-height: 36px;}

.about-busLft p b{font-size: 48px;color: #00a2e9;line-height: 1;}

.about-link{width: 100%;font-size: 0;margin-top: 58px;max-width:538px;}

.about-link a{display: inline-block;font-size: 14px;color: #eee;line-height:32px;opacity: .75;margin-right:18px;padding-right: 24px;transition: all .4s ease;position: relative;}

.about-link a::after{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #c1ccd7;position: absolute;right: 0;top: 50%;margin-top: -2px;}

.about-link a:nth-child(8){margin-right: 0;padding-right: 0;}

.about-link a:nth-child(8)::after{display: none;}

.about-link a:last-child{margin-right: 0;padding-right: 0;}

.about-link a:last-child::after{display: none;}

.about-link a:hover, .about-link a.active{color: #00a2e9;}

.about-busRgt{width: 480px;position: relative;}

.about-busRgt img{width: 100%;object-fit: cover;}

.about-round{width: 100%;height: 100%;position:absolute;left: 0;top: 0;}

.about-round li{width: 148px;height: 148px;border-radius: 50%;background-color: rgba(0, 161, 233, 0.4);position: absolute;z-index: 1;transition: all .4s ease;}

.about-round li:first-child{right: -5%;top:3%;}

.about-round li:nth-child(2){right:11%;top:18%;}

.about-round li:nth-child(3){left:40%;top:32%;}

.about-round li:last-child{right: 6%;bottom:38%;}

.about-round li::before,.about-round li::after{content: "";display: block;width: 100%;height: 100%; border-radius: 100%;position: absolute;top: 50%;left: 50%;margin-top: -50%;margin-left: -50%;animation: sitequan 1.5s linear infinite;opacity: 0.9;z-index: -1;transition: all .4s ease;}

.about-round li::before{animation-delay: .6s;background-color: rgba(0, 161, 233, 0.3);}

.about-round li::after {animation-delay: 0s;background-color: rgba(0, 161, 233, 0.2);}

@keyframes sitequan {from {transform: scale(1, 1);opacity: 1;}to {transform: scale(1.3, 1.3);opacity: 0;}}

.about-teamwork{width: 100%;padding: 100px 0;}

.about-teamTit{width: 100%;text-align: center;}

.about-teamTit h2{font-size: 24px;color: #2c3343;font-weight: 700;}

.about-teamGather{width: 100%;margin-top: 20px;position: relative;}

.about-teamCoulmn{width: 100%;}

.about-teamCoulmn li{float: left;display: flex;justify-content: center;align-items: center;width:18.4%;height: 88px;border: 1px solid #e2e6e7;margin: 20px 2% 0 0;}

.about-teamCoulmn li:nth-child(5n){margin-right: 0;}

.about-teamCoulmn li img{max-width:88%;object-fit: cover;}

.about-teamGather .team-pagination {width: 100%;text-align: center;margin-top: 20px;z-index: 3;}

.about-teamGather .team-pagination .swiper-pagination-bullet {width: 9px;height: 9px;opacity: 1;background-color:#d9dfe2; margin: 0 5px !important;}

.about-teamGather .team-pagination .swiper-pagination-bullet-active{background-color: #00a2e9;}

.team-prev,.team-next{width: 52px;height: 52px;background: #f9f9f9 url('../images/pages/course_ArrH.png')no-repeat center;position: absolute;right: -70px;top: 0;bottom: 0;margin: auto 0;cursor: pointer;transition: all .4s ease;}

.team-prev{left:-70px;right: auto;transform: rotate(180deg);}

.team-prev:hover,.team-next:hover{background: #00a2e9 url('../images/pages/course_Arr.png')no-repeat center;}

.advantage-contend{width: 100%;padding: 126px 0 200px;}

.advantage-title{width: 100%;text-align: center;}

.advantage-title span{display: inline-block;width: 100%;font-size: 68px;color: #00a2e9;line-height: 1;font-family:'KELPTA3'; text-transform: uppercase; position: relative;z-index: 1;}

.advantage-title span::before{content: '';width: 596px;height: 25px;background: url('../images/pages/Tit_Bj.png')no-repeat center;position: absolute;left: 0;right: 0;bottom: 8px;margin: 0 auto;z-index: -1;}

.advantage-title span::after{content: '';width: 24px;height: 12px;background: url('../images/pages/Tit_sj.png')no-repeat center;position: absolute;left: 0;right: 0;bottom: -4px;margin: 0 auto;z-index: -1;}

.advantage-title h2{font-size: 32px;color: #2c3343;font-weight: 700;margin-top: 24px;}

.advantage-flow{display: flex;justify-content: center; width: 100%;margin-top: 20px;position: relative;}

.advantage-lft,.advantage-rgt{width: 60%; position:absolute;left: 0;top: 0; }

.advantage-rgt{width: 50%;left:auto;right: 0; top: 0; }

.advantage-lft li,.advantage-rgt li{position: absolute;text-align: right;}

.advantage-rgt li{text-align: left;}

.advantage-lft li h2,.advantage-rgt li h2{font-size: 20px;color: #2c3343;line-height: 24px;margin-bottom: 6px;}

.advantage-lft li p,.advantage-rgt li p{font-size: 15px;color: #8f9399;line-height: 24px;}

.advantage-lft li:first-child{left:42%;top: 0;}

.advantage-lft li:nth-child(2){left:23%;top: 178px;}

.advantage-lft li:nth-child(3){left:22%;top: 388px;}

.advantage-lft li:nth-child(4){left:38%;top: 554px;}

.advantage-lft li:nth-child(5){left:73%;top: 640px;text-align: center;}

.advantage-rgt li:first-child{right:48%;top: 0;}

.advantage-rgt li:nth-child(2){right:30%;top: 178px;}

.advantage-rgt li:nth-child(3){right:22%;top: 388px;}

.advantage-rgt li:nth-child(4){right:30%;top: 554px;}

.advantage-circle{display: flex;justify-content: center;align-items: center; width: 620px;height: 620px;border-radius: 50%;border: 1px dashed #a8b5bc;position: relative;}

.advantage-circle::after{content: '';width: 318px;height: 54px;background-color: #fff;position: absolute;left: 0;right: 0; top:-10px;z-index: 1;margin: 0 auto;}

.advantage-circle img{max-width: 100%;object-fit: cover;}

.advantage-dot{width: 100%;height: 100%;border-radius:50%; position: absolute;left: 0;top: 0;}

.advantage-dot li{position: absolute;z-index: 3;}

.advantage-dot li i{display: inline-block;width: 25px;height: 25px;border-radius: 50%;border: 6px solid #00a2e9;background-color: #fff;}

.advantage-dot li{top:50%;left:50%;margin-top:-12.5px;margin-left: -12.5px;transform: rotateZ(-152deg) translateY(312px);}

.advantage-dot li:nth-child(2){transform: rotateZ(-110deg) translateY(312px);}

.advantage-dot li:nth-child(3){transform: rotateZ(-72deg) translateY(312px);}

.advantage-dot li:nth-child(4){transform: rotateZ(-38deg) translateY(312px);}

.advantage-dot li:nth-child(5){transform: rotateZ(0deg) translateY(312px);}

.advantage-dot li:nth-child(6){transform: rotateZ(38deg) translateY(312px);}

.advantage-dot li:nth-child(7){transform: rotateZ(72deg) translateY(312px);}

.advantage-dot li:nth-child(8){transform: rotateZ(110deg) translateY(312px);}

.advantage-dot li:nth-child(9){transform: rotateZ(152deg) translateY(312px);}

.advantage-standard{width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}

.standard-item{display: flex;align-items: center;justify-content: center; width: 100%;height: 886px;position: relative;}

.standard-round{display: flex;justify-content: center;align-items: center; width: 538px;height: 538px;border-radius: 50%;background-color: rgba(255, 255, 255, .1);position: relative;}

.standard-circle{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 290px;height:290px;border-radius: 50%;background-color: rgba(255, 255, 255, 1);position: relative;z-index: 3;}

.standard-circle span{display: inline-block;width: 100%;font-size: 68px;color: #00a2e9;line-height: 1;font-family:'KELPTA3';text-align: center; text-transform: uppercase; position: relative;z-index: 1;}

.standard-circle span::before{content: '';width: 288px;height: 25px;background: url('../images/pages/standard_titBj.png')no-repeat center;position: absolute;left: 0;right: 0;bottom: 8px;margin: 0 auto;z-index: -1;}

.standard-circle span::after{content: '';width: 24px;height: 12px;background: url('../images/pages/Tit_sj.png')no-repeat center;position: absolute;left: 0;right: 0;bottom: -4px;margin: 0 auto;z-index: -1;}

.standard-circle h2{font-size: 30px;color: #2c3343;font-weight: 700;margin-top: 18px;line-height: 32px;}

.standard-circle::before,.standard-circle::after{content: '';width: 370px;height: 370px;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-top: -185px;margin-left: -185px;z-index: -1;background-color: rgba(255, 255, 255, .5);}

.standard-circle::after{width: 450px;height: 450px;margin-top: -225px;margin-left: -225px;background-color: rgba(255, 255, 255, .2);}

.standard-icon{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.standard-icon li{display: flex;justify-content: center;align-items: center;width: 120px;height: 120px;border-radius: 50%; background-color: #fff;position: absolute;top:50%;left:50%;margin-top:-60px;margin-left: -60px;}

.standard-icon li img{max-width: 100%;object-fit: cover;}

.standard-icon li:first-child{transform: rotateZ(-180deg) translateY(232px);}

.standard-icon li:first-child img{transform: rotate(180deg);}

.standard-icon li:nth-child(2){transform: rotateZ(-90deg) translateY(232px);}

.standard-icon li:nth-child(2) img{transform: rotate(90deg);}

.standard-icon li:nth-child(3){transform: rotateZ(0deg) translateY(232px);}

.standard-icon li:nth-child(4){transform: rotateZ(90deg) translateY(232px);}

.standard-icon li:nth-child(4) img{transform: rotate(-90deg);}

.standard-cont{width: 100%;position: absolute;left: 0;top: 0;}

.standard-cont li{position: absolute;}

.standard-cont li h2{font-size: 20px;color: #2c3343;}

.standard-cont li p{font-size: 15px;color: #2c3343;}

.standard-cont li:nth-child(1){left: 45%;top:88px;text-align: center;}

.standard-cont li:nth-child(2){right:6%;top:418px;}

.standard-cont li:nth-child(3){left:11%;top:418px;text-align: right;}

.standard-cont li:nth-child(4){left: 45%;top:750px;text-align: center;}

.brandcp{width: 100%;padding: 100px 0 145px;background-color: #fbfbfb;}

.brandcp-tit{width: 100%;text-align: center;}

.brandcp-tit i{display: inline-block;width: 300px;height: 134px;}

.brandcp-tit i img{max-width: 100%;object-fit: cover;}

.brandcp-tit h2{display: inline-block;width: 100%;font-size: 48px;color: #00a2e9;line-height: 1;margin-top: 62px;font-family:'KELPTA3'; text-transform: uppercase; position: relative;z-index: 1;}

.brandcp-tit h2::before{content: '';width: 596px;height: 25px;background: url('../images/pages/spa_tit.png')no-repeat center;position: absolute;left: 0;right: 0;bottom:6px;margin: 0 auto;z-index: -1;}

.brandcp-tit h2::after{content: '';width: 24px;height: 12px;background: url('../images/pages/Tit_sj.png')no-repeat center;position: absolute;left: 0;right: 0;bottom: -6px;margin: 0 auto;z-index: -1;}

.brandcp-item{width: 100%;margin-top: 116px;}

.brandcp-item li{float: left;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 25%;}

.brandcp-item li h2{width: 100%;font-size: 20px;color: #3a3a3a;position: relative;padding-bottom: 16px;text-align: center;}

.brandcp-item li h2::before{content: ''; display: inline-block;width: 180px; height: 1px; background-color: #e4e4e4;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 6px;}

.brandcp-item li h2::after { content: '';width: 24px;height: 7px;background-color: #00a2e9;position: absolute;right: 0;left: 0;margin: 0 auto;bottom: 0px; z-index: 3;}

.brandcp-data{display: flex;justify-content: center;align-items: center; width: 200px;height: 200px;border-radius: 50%;margin: 24px 0 38px;background-color: #fff;box-shadow: 10px 27px 32.55px 2.45px rgba(29, 34, 49, 0.05);}

.brandcp-data h6{font-size: 36px;color: #00a2e9;}

.brandcp-data h6 span{font-size: 92px;}

.brandcp-item li p{font-size: 15px;color: #8f9399;line-height: 25px;max-width: 180px;text-align: center;}

.brandms{width: 100%;height: 1100px;padding-top: 132px;background-position: center;background-repeat: no-repeat;background-size: cover;}

.brandms-tit{width: 100%;text-align: center;}

.brandms-tit h2{font-size: 20px;color: #fff;line-height: 36px;}

.brandms-round{display: flex;justify-content: center;align-items: center; width: 740px;height: 740px;border-radius: 50%;border:1px dashed #fff;border-top-color:transparent;margin: 0 auto;position: relative;}

.brandms-round img{max-width: 100%;object-fit: cover;}

.brandms-flow{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.brandms-flow li{display: flex;flex-direction: column;justify-content: center;align-items: center; width: 165px;height:165px;border-radius: 50%;background-color: #fff;position: absolute;left: 50%;top: 50%;margin-left: -82.5px;margin-top: -82.5px;}

.brandms-flow li:nth-child(1){transform: rotateZ(-142deg) translateY(348px);}

.brandms-flow li:nth-child(1) .brandms-cont{transform: rotate(142deg);}

.brandms-flow li:nth-child(2){transform: rotateZ(-90deg) translateY(348px);}

.brandms-flow li:nth-child(2) .brandms-cont{transform: rotate(90deg);}

.brandms-flow li:nth-child(3){transform: rotateZ(-45deg) translateY(348px);}

.brandms-flow li:nth-child(3) .brandms-cont{transform: rotate(45deg);}

.brandms-flow li:nth-child(4){transform: rotateZ(0deg) translateY(348px);}

.brandms-flow li:nth-child(5){transform: rotateZ(45deg) translateY(348px);}

.brandms-flow li:nth-child(5) .brandms-cont{transform: rotate(-45deg);}

.brandms-flow li:nth-child(6){transform: rotateZ(90deg) translateY(348px);}

.brandms-flow li:nth-child(6) .brandms-cont{transform: rotate(-90deg);}

.brandms-flow li:nth-child(7){transform: rotateZ(142deg) translateY(348px);}

.brandms-flow li:nth-child(7) .brandms-cont{transform: rotate(-142deg);}

.brandms-cont{width: 100%;text-align: center;padding: 0 30px;}

.brandms-cont h2{font-size: 20px;color: #00acf8;font-weight: 700;margin-bottom: 14px;}

.brandms-cont p{font-size: 14px;color: #899096;line-height: 20px;}

.brandyd{width: 100%;padding-top: 156px;}

.brandyd-item{width: 100%;margin-top: 66px;}

.brandyd-link{width: 100%;height: 400px;}

.brandyd-lft{float: left;width: 50%;height: 100%;}

.brandyd-lft img{width: 100%;height: 100%;object-fit: cover;}

.brandyd-rgt{float: right;width: 50%;height: 100%;padding:45px 54px;background-color: #f2f6f7;}

.brandyd-rgt span{font-size: 20px;color: #2c3343;}

.brandyd-rgt h2{font-size: 20px;color: #2c3343;margin: 18px 0 38px;}

.brandyd-rgt h6{font-size: 16px;color: #00a2e9;font-weight: 700;}

.brandyd-cont{width: 100%;margin-top: 42px;}

.brandyd-cont p{font-size: 15px;color: #8f9399;line-height: 32px;position: relative;padding-left: 18px;}

.brandyd-cont p::before{content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #00a2e9;position: absolute;left: 0;top:12px;}

.brandyd-link:nth-child(2n) .brandyd-lft{float: right;}

.brandyd-link:nth-child(2n) .brandyd-rgt{float: left;}

.brandgl{width: 100%;padding: 176px 0 146px;}

.brandgl-tit{width: 100%;text-align: center;}

.brandgl-tit h2{display:flex;justify-content: center;align-items: center; width: 400px;height: 120px;border-radius: 60px;font-size: 32px;color: #00a2e9;font-weight: 700; border: 1px solid #00a2e9;margin: 0 auto;position: relative;}

.brandgl-tit h2::before{content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #00a2e9;position: absolute;left: 0;right: 0;bottom: -3.5px;margin: 0 auto;z-index: 3;}

.brandgl-tit h2::after{content: '';width: 1px;height: 104px;background-color: #e6e5e5;position: absolute;left: 0;right: 0;bottom: -106px;margin: 0 auto;}

.brandgl-item {width: 100%;margin-top: 104px;}

.brandgl-item li{float: left;width: 33.333%;height: 280px;padding: 54px 40px;border: 1px solid #e6e5e5;}

.brandgl-item li+li{border-left: none;}

.brandgl-item li h2{font-size: 20px;color: #2c3343;font-weight: 700;padding-bottom: 22px;position: relative;margin-bottom: 28px;}

.brandgl-item li h2::after{content: '';width: 40px;height: 2px;background-color: #00a2e9;position: absolute;left: 0;bottom: 0;}

.brandgl-item li p{font-size: 15px;color: #8f9399;line-height: 24px;}

.brandgl-more{width: 100%;margin-top: 60px;}

.synergypt{width: 100%;padding: 80px 0;}

.synergypt-cont{width: 100%;margin-top: 24px;text-align: center;}

.synergypt-cont p{font-size: 15px;color: #858c92;line-height: 24px;max-width: 630px;margin: 0 auto;}

.synergypt-item{width: 100%;margin-top: 48px;}

.synergypt-item li{float: left; width: 23.5%;margin-right: 2%;}

.synergypt-item li:nth-child(4n){margin-right: 0%;}

.synergypt-img{width: 100%;overflow: hidden;}

.synergypt-img img{width: 100%;object-fit:cover;transition: all .4s ease;}

.synergypt-sketch{width: 100%;height: 142px;padding:28px 34px;background-color: #f9f9f9;}

.synergypt-sketch h2{font-size: 20px;color: #333;margin-bottom: 12px;}

.synergypt-sketch p{font-size: 15px;color: #858c92;line-height: 24px;}

.synergygz{width: 100%;height: 1364px;padding-top: 92px; background-position: center;background-repeat: no-repeat;background-size: cover;}

.synergygz-title{width: 100%;text-align: center;}

.synergygz-title h2{font-size: 28px;color: #000;font-weight: 700;margin-bottom: 12px;}

.synergygz-title p{font-size: 15px;color: #626263;line-height: 24px;}

.synergygz-flow{display: flex;justify-content: center; width: 100%;margin-top: 60px;position: relative;}

.synergygz-lft,.synergygz-rgt{width: 60%; position:absolute;left: 0;top: 0; }

.synergygz-rgt{width: 50%;left:auto;right: 0; top: 0; }

.synergygz-lft li,.synergygz li{position: absolute;text-align: right;}

.synergygz-rgt li{text-align: left;}

.synergygz-lft li h2,.synergygz li h2{font-size: 20px;color: #2c3343;line-height: 24px;margin-bottom: 6px;}

.synergygz-lft li p,.synergygz li p{font-size: 15px;color: #8f9399;line-height: 24px;}

.synergygz-lft li:first-child{left:26%;top: 0;}

.synergygz-lft li:nth-child(2){left:19%;top: 200px;}

.synergygz-lft li:nth-child(3){left:17%;top: 448px;}

.synergygz-lft li:nth-child(4){left:73%;top: 646px;text-align: center;}

.synergygz-rgt li:first-child{right:46%;top: 0;}

.synergygz-rgt li:nth-child(2){right:26%;top: 200px;}

.synergygz-rgt li:nth-child(3){right:32%;top: 448px;}

.synergygz-rgt li:nth-child(4){right:30%;top: 554px;}

.synergygz-circle{display: flex;justify-content: center;align-items: center; width: 620px;height: 620px;border-radius: 50%;border: 1px dashed #a8b5bc;position: relative;}

.synergygz-circle::after{content: '';width: 318px;height: 54px;background-color: #fafcfe;position: absolute;left: 0;right: 0; top:-10px;z-index: 1;margin: 0 auto;}

.synergygz-circle img{max-width: 100%;object-fit: cover;}

.synergygz-dot{width: 100%;height: 100%;border-radius:50%; position: absolute;left: 0;top: 0;}

.synergygz-dot li{position: absolute;z-index: 3;}

.synergygz-dot li i{display: inline-block;width: 25px;height: 25px;border-radius: 50%;background: #fff url('../images/pages/synergygz_icon.png')no-repeat center;}

.synergygz-dot li{top:50%;left:50%;margin-top:-12.5px;margin-left: -12.5px;transform: rotateZ(-152deg) translateY(312px);}

.synergygz-dot li:nth-child(2){transform: rotateZ(-104deg) translateY(312px);}

.synergygz-dot li:nth-child(3){transform: rotateZ(-58deg) translateY(312px);}

.synergygz-dot li:nth-child(4){transform: rotateZ(0deg) translateY(312px);}

.synergygz-dot li:nth-child(5){transform: rotateZ(58deg) translateY(312px);}

.synergygz-dot li:nth-child(6){transform: rotateZ(104deg) translateY(312px);}

.synergygz-dot li:nth-child(7){transform: rotateZ(152deg) translateY(312px);}

.synergygz-course{width: 100%;margin-top: 208px;}

.synergygz-num{display: flex;justify-content: center; width: 100%;margin-bottom: 52px;}

.synergygz-num h6{font-size: 20px;color: #4b4b4b;font-weight: 700;position: relative;padding-bottom: 22px;}

.synergygz-num h6::before{content: ''; display: inline-block;width:220px; height: 1px; background-color: #e4e4e4;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 6px;}

.synergygz-num h6::after{ content: '';width: 24px;height: 7px;background-color: #00a2e9;position: absolute;right: 0;left: 0;margin: 0 auto;bottom: 0px; z-index: 3;}

.synergygz-num h6+h6{margin-left: 70px;}

.synergygz-num h6 span{font-size: 48px;color: #00a2e9;}

.synergygz-num h6 b{font-size:36px;color: #00a2e9;}

.synergygz-course p{font-size: 15px;color: #858c92;line-height: 24px;max-width: 830px;margin: 0 auto;text-align: center;}

.synergyxl{width: 100%;padding: 100px 0 140px;}

.synergyxl-tit{width: 100%;text-align: center;}

.synergyxl-tit h2{font-size: 28px;color: #2c3343;margin-bottom:18px;font-weight: 700;}

.synergyxl-tit p{font-size: 15px;color: #858c92;line-height: 24px;}

.synergyxl-item{display: flex;align-items: center;justify-content: center; width: 100%;margin-top: 10px;position: relative;}

.synergyxl-round{display: flex;justify-content: center;align-items: center; width: 538px;height: 538px;border-radius: 50%;background-color: rgba(252, 252, 252, 1);position: relative;z-index: -3;}

.synergyxl-round::before,.synergyxl-round::after{content: '';width: 370px;height: 370px;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-top: -185px;margin-left: -185px;z-index: -1;background-color: rgba(238, 238, 238, .5);}

.synergyxl-round::after{width: 450px;height: 450px;margin-top: -225px;margin-left: -225px;background-color: rgba(247, 247, 247, 1);z-index: -2;}

.synergyxl-circle{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 290px;height:290px;border-radius: 50%;background-color:#fff;position: relative;z-index: 3;}

.synergyxl-circle span{display: inline-block;width: 100%;font-size: 68px;color: #00a2e9;line-height: 1;font-family:'KELPTA3';text-align: center; text-transform: uppercase; position: relative;z-index: 1;}

.synergyxl-circle span::before{content: '';width: 288px;height: 25px;background: url('../images/pages/standard_titBj.png')no-repeat center;position: absolute;left: 0;right: 0;bottom: 8px;margin: 0 auto;z-index: -1;}

.synergyxl-circle span::after{content: '';width: 24px;height: 12px;background: url('../images/pages/Tit_sj.png')no-repeat center;position: absolute;left: 0;right: 0;bottom: -4px;margin: 0 auto;z-index: -1;}

.synergyxl-circle h2{font-size: 30px;color: #2c3343;font-weight: 700;margin-top: 18px;line-height: 32px;}

.synergyxl-cont{width: 100%;position: absolute;left: 0;top: 0;}

.synergyxl-cont li{position: absolute;}

.synergyxl-cont li h2{font-size: 20px;color: #333;font-weight: 700;margin-bottom: 12px;}

.synergyxl-cont li p{font-size: 15px;color: #858c92;line-height: 24px;}

.synergyxl-cont li:nth-child(1){right:5%;top:210px;}

.synergyxl-cont li:nth-child(2){left:36%;top:430px;text-align: center;}

.synergyxl-cont li:nth-child(3){left: 2.5%;top:210px;text-align: right;}

.synergyxl-more{width: 100%;margin-top: 82px;}

.synergyxl-more .com-btn{width: 260px;}

.talentsln{width: 100%;padding: 96px 0 40px;}

.talentsln-item{width: 100%;margin-top: 26px;}

.talentsln-link{width: 100%;padding:40px 0;transition: all .4s ease;}

.talentsln-lft{float: left;width: 50%;height:206px;padding: 0 56px 0 96px;}

.talentsln-lft img{width: 100%;height: 100%;object-fit: cover;}

.talentsln-rgt{float: right;width: 50%;height:206px;display: flex;flex-direction: column;justify-content: center;padding: 0 92px 0 50px;}

.talentsln-rgt h2{font-size: 16px;color: #2f343b;line-height: 24px;}

.talentsln-cont{width: 100%;margin-top: 22px;}

.talentsln-cont p{font-size: 14px;color: #8f9399;line-height: 32px;position: relative;padding-left: 18px;}

.talentsln-cont p::before{content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #00a2e9;position: absolute;left: 0;top:12px;}

.talentsln-link:nth-child(2n) .talentsln-lft{float: right;padding: 0 92px 0 50px;}

.talentsln-link:nth-child(2n) .talentsln-rgt{float: left;padding: 0 56px 0 96px;}

.talentsln-link:hover{background-color: #f2f6f7;}

.talentshj{width: 100%;padding: 96px 0;background-color: #f2f6f7;}

.talentshj-show{display: flex;justify-content: space-between;width: 100%;height: 540px;margin-top: 36px;}

.talentshj-lft{width:700px;overflow: hidden;}

.talentshj-lft img{width: 100%;object-fit: cover;transition: all .6s ease;}

.talentshj-rgt{width:calc(100% - 700px); overflow: hidden;}

.talentshj-rgt img{display: block; width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;overflow: hidden;}

.talentshj-top,.talentshj-bot{width: 100%;height: 50%;overflow: hidden;}

.talentswm{width: 100%;padding: 96px 0 138px;}

.talentswm-item{width: 100%;margin-top: 36px;}

.talentswm-item li{float: left; width: 48%;margin-right: 4%;}

.talentswm-item li:nth-child(2n){margin-right: 0;}

.talentswm-show{width: 100%;overflow: hidden;position: relative;}

.talentswm-show img{width: 100%;object-fit: cover;transition: all .6s ease;}

.talentswm-cont{width: 100%;position: absolute;left: 0;top: 0;padding: 40px;}

.talentswm-cont h2{font-size: 20px;color: #fff;font-weight: 700;margin-bottom: 8px;transition: all .4s ease;}

.talentswm-cont p{font-size: 15px;color: #fff;}

.talentswm-show:hover img{transform: scale(1.06);}

.talentswm-show:hover .talentswm-cont h2{color: #00a2e9;}

.experience{width: 100%;padding: 100px 0 140px;background-color: #f3f3f3;}

.experience-item{width: 100%;}

.experience-left{float: left; width: 67%;background-color: #fff;border-radius: 20px;padding: 40px 40px 54px;}

.experience-title{display: flex;align-items: flex-end;width: 100%;}

.experience-title h2{font-size: 32px;color: #323232;font-weight: 700;}

.experience-title p{font-size:20px;color: #8f9399;font-weight: 700;margin-left: 32px;}

.experience-form{width: 100%;margin-top: 26px;}

.experience-input{display: flex;flex-wrap: wrap;justify-content:space-between;width: 100%;background-color: #fff;margin-bottom: 40px;}

.experience-menu{display: flex; margin-bottom: 20px; width:100%;height: 60px;border-radius: 6px;border: 1px solid #e2e6e7;}

.experience-menu .inline-icon{display: flex;align-items: center; width: 22%;padding-left: 20px;position: relative;}

.experience-menu .inline-icon::after{content: '';width: 1px;height: 38px;background-color: #cfd7d9;position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;}

.experience-menu .inline-icon i{display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;margin-right: 18px;}

.experience-menu .inline-icon i img{max-width: 100%;object-fit: cover;}

.experience-menu .inline-icon h2{font-size: 15px;color: #323232;}

.experience-menu .inline-input {width: 78%;}

.experience-menu:nth-child(3) .inline-input{width: 57%;}

.experience-menu button{width: 22%;font-size: 16px;color: #fff;background-color: #cacbcc;cursor: pointer;}

.experience-menu input {width: 100%;background: 0 0; height: 60px;line-height: 60px;font-size: 16px;padding:0 20px;}

.experience-menu input::placeholder{color: #c5cfd1;font-size: 15px;}

.experience-input .experience-menu.max{width: 100%;margin-bottom: 0;}

.experience-input .experience-menu.max .inline-input{width:79.631%;}

.experience-menu.experience-select{border: none;justify-content: space-between;}

/* 下拉 */

.customSelect{display: block;width:47.5%;position: relative;user-select: none;}

.experience-submenu{display: flex;align-items: center;padding-left:20px;border: 1px solid #e2e6e7;border-radius: 6px;position: relative;transition: all .4s ease;z-index: 1;}

.experience-submenu::after{content: "";position: absolute;width: 16px;height: 16px;right: 20px;top: 50%;margin-top: -8px;background: url('../images/pages/select.svg') no-repeat;z-index: -1;}

.experience-submenu i{display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;}

.experience-submenu i img{max-width: 100%;object-fit: cover;}

.experience-submenu.active::after{transform: rotate(180deg);}

.customSelect-name{display: flex;align-items: center;width: calc(100% - 28px);height: 60px;padding:0 18px;position: relative;font-size: 16px;color:#323232;cursor: pointer;}

.customSelect-drop{display: none;position: absolute;z-index: 10;width: 100%;top: 60px;max-height: 200px;border: 1px solid #e2e6e7;border-top: none;overflow-x: hidden;overflow-y: auto;left: 0;background: #cacbcc;cursor: pointer;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.customSelect-drop li{padding: 0 14px;height: 40px;position: relative;display: flex;align-items: center;width: 100%;font-size: 16px;color:#323232;transition: all .4s ease;}

.customSelect-drop li::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fff;}

.customSelect-drop li:last-child::after{display: none;}

.customSelect-drop li:hover, .customSelect-drop li.active{background: #dadfe5;color: #323232;}

.customSelect-drop::-webkit-scrollbar {width: 2px;height: 4px;}

.customSelect-drop::-webkit-scrollbar-thumb {background: #7a8896;}

.customSelect-drop::-webkit-scrollbar-track {background: #fff;}

.customSelect-name.noRadius{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

.inline-mix{width: 100%;overflow: hidden;}

.inline-mix .blue-btn{float: right;}

.blue-btn {display: block; color: #00499e;width:100%;height: 60px;background-color: #00a2e9;line-height: 60px;border-radius: 6px;font-size:20px;color: #fff;position: relative;overflow: hidden;z-index: 1;cursor: pointer;text-align: center;}

.experience-right{float: right; width: 30%;background-color: #fff;padding: 42px 36px;border-radius: 20px;}

.experience-right h2{font-size: 22px;color: #323232;line-height: 28px;font-weight: 700;}

.experience-partner{width: 100%;margin-top: 24px;}

.experience-partner li{float: left;display: flex;justify-content: center;align-items: center; width: 33.333%;height:62px;}

.experience-partner li img{max-width: 100%;object-fit: cover;}

.experience-contact{display: flex;width: 100%;margin-top: 46px;}

.experience-contact-icon{display: flex;justify-content: center;align-items: center;width: 68px;height: 68px;border-radius: 50%;background-color: #00a2e9;}

.experience-contact-icon img{max-width: 88%;object-fit: cover;}

.experience-contact-cont{width: calc(100% - 68px);padding-left: 18px;}

.experience-contact-cont h6{font-size: 14px;color: #323232;line-height: 20px;}

.experience-contact-cont p{font-size: 28px;color: #323232;}

/* 联系我们 */

.contactzb{width: 100%;padding: 95px 0 90px;}

.contact-title{width: 100%;padding-bottom: 38px;border-bottom: 1px solid #333;}

.contact-title h2{font-size: 36px;color: #333;font-weight: 500;line-height: 1;padding-left: 60px;position: relative;}

.contact-title h2::before{content: '';width: 49px;height: 49px;background: url('../images/pages/contact_home.png')no-repeat center/100% 100%;position: absolute;left: 0;top: -14px;}

.contact-title h2 b{font-size: 18px;color: #333;font-weight: 500;margin-left: 6px;}

#map{width: 100%;height: 468px;margin-top: 46px;}

#map .amap-icon::after{content: '';width: 170px;height: 170px;border-radius: 50%;background-color: rgba(5, 184, 250, 0.1);position: absolute;left: 50%;top: 50%;margin-top: -70px;margin-left: -70px;}

#map .amap-info-content{background-image:linear-gradient( to right,#05b8fa 50%,#529bf0 100%);font-size: 16px;color: #fff;font-weight: 500;}

#map .amap-info-close,#map .amap-info-sharp,.amap-copyright,.amap-logo{display: none !important;}

.contactzb-site{display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;margin: 60px 0 110px;padding-bottom: 80px;border-bottom: 1px solid #333;}

.contactzb-site li{width: 50%;}

.contactzb-site li h2{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 16px;}

.contactzb-site li p{font-size: 16px;color: #333;line-height: 22px;}

.contactzb-site li:last-child{padding-left: 50px;}

.contactzb-site li:last-child h2{font-size: 22px;}

.contactzb-way{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap; width: 100%;}

.contactzb-show{width: 45%;}

.contactzb-show img{max-width: 100%;object-fit: cover;}

.contactzb-cont{width: 55%;padding-left:80px;}

.contactzb-cont h6{font-size: 36px;color: #00a2e9;font-weight:500;margin-bottom: 16px;line-height: 1;}

.contactzb-cont h2{font-size: 58px;color: #00a2e9;font-family:'POPPINS';line-height: 1;}

.contactzb-cont-list{width: 100%;margin-top: 52px;}

.contactzb-cont-list li{width: 100%;margin-bottom: 40px;}

.contactzb-cont-list li h2{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 15px;}

.contactzb-cont-list li p{font-size: 16px;color: #333;line-height: 24px;}

.contactfb{width: 100%;padding-bottom: 80px;}

.contactfb-list{width: 100%;margin-top: 45px;}

.contactfb-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}

.contactfb-list li{width: 50%;margin-bottom: 124px;}

.contactfb-list li h2{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 18px;}

.contactfb-list li p{font-size: 16px;color: #333;line-height: 24px;}

.contactfb-list li:nth-child(2n){padding-left: 48px;}



.abVideo{padding-top: 100px;}

.abVideo-con{position: relative;margin-top: 40px;}

.abVideo-con video{width: 100%;}

.abVideo-con img{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.abVideo-con .btn{transition: background .4s ease;width: 70px;height: 70px;border-radius: 50%;background: #00a2e9; z-index: 3;user-select: none;cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;}

.abVideo-con .btn i{display: block;border: 15px solid transparent;border-left-color: #fff;transition: border .4s ease;position: absolute;left: 50%;top: 50%;transform: translate(0%,-50%) scaleX(1.5);}











/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900) */

}

@media all and (max-width:1599px) {

    /* 1440 × (700)  */

    .common-cont h2 {font-size: 28px;}

    .common-link {margin-top: 20px;}

    .trait-list li {padding-top: 50px;}

    .trait-icon {margin-bottom: 48px;}

    .info-show {padding: 100px 0 148px;}

    .show-img {width: 438px;top: -60px;}

    .succeed-item li {margin-right: 38px;}

    .service-promise {padding: 100px 0 120px;}

    .service-team {padding: 100px 0 120px;}

    .problem-item {padding: 100px 0 120px;}

    .download-item {padding: 98px 0 120px;}

    .data-item {padding: 120px 0 160px; }

    .data-link {width: 258px;}

    .data-img::after { width: 268px;}

    .inline-icon {padding-left: 12px;}

    .inline-icon i { width: 24px; height: 24px; margin-right: 10px;}

    .inline-icon h2 { font-size: 14px;}

    .support-lx {padding-top: 100px;}

    .suppot-ts {padding: 100px 0 88px;}

    .support-flow li::after {right: -20%;}

    .about-intro {padding: 0 80px;}

    .about-show li.active {width: 19.4%;}

    .about-aptitude-item {padding: 50px 80px;}

    .about-aptitude-lft {width: calc(100% - 720px);}

    .about-aptitude-lft p {font-size: 14px; line-height: 38px;}

    .about-aptitude-lft p b {font-size: 16px;}

    .about-aptitude-rgt { width: 720px;}

    .about-aptitude-rgt .abt-line{width: 100%;right: -28px;bottom: 30px;}

    .advantage-contend {padding: 100px 0 160px;}

    .advantage-rgt li:first-child { right: 38%;}

    .advantage-rgt li:nth-child(2) {right: 16%;}

    .advantage-rgt li:nth-child(3) {right: 6%;}

    .advantage-rgt li:nth-child(4) {right: 14%;}

    .advantage-lft li:first-child {left: 34%;}

    .advantage-lft li:nth-child(2) { left: 10%;}

    .advantage-lft li:nth-child(3) { left: 10%;}

    .advantage-lft li:nth-child(4) {left: 28%;}

    .advantage-lft li:nth-child(5) {left: 71%;top: 648px;}

    .standard-cont li:nth-child(2) { right: -2%;}

    .standard-cont li:nth-child(3) {left: 4%;}

    .brandcp-tit i {width: 260px;height: 116px; }

    .brandcp-tit h2 {margin-top: 48px;}

    .brandcp-item {margin-top: 88px;}

    .brandcp-data h6 span {font-size: 68px;}

    .brandyd {padding-top: 100px;}

    .brandgl {padding: 120px 0 100px;}

    .synergygz-rgt li:first-child {right: 40%;}

    .synergygz-rgt li:nth-child(2) { right: 12%; }

    .synergygz-rgt li:nth-child(3) {right: 20%;}

    .synergygz-lft li:first-child {left: 19%;}

    .synergygz-lft li:nth-child(2) {left: 7%;}

    .synergygz-lft li:nth-child(3) {left: 5%;}

    .synergygz-lft li:nth-child(4) {left: 70%;}

    .synergygz-course {margin-top: 180px;}

    .synergygz-num h6 span {font-size: 42px;}

    .synergyxl-cont li:nth-child(1) { right: -4%;}

    .synergyxl-cont li:nth-child(3) { left: -7%;}

    .talentshj-show {height: 486px;}

    .talentshj-lft { width: 630px;}

    .talentshj-rgt {width: calc(100% - 630px);}

    .experience-left {padding: 40px 40px 44px;}

    .experience-right {padding: 40px 28px;}

    .experience-contact-cont p {font-size: 24px;}

    .activityzx-tit {left: -18%;}

    .activityzx-tit span {font-size: 38px;}

    .activityzx-tit h6 {font-size:20px;}

    .activityzx-tit h2{font-size: 24px;}

    .activityzx-show-cont h2 {font-size: 18px;}

    .activityzx-show-cont p {font-size: 14px;max-width: 42%;}

    .activityzx-show-cont {left: -26%;}

    .activityzx-epoch h2 {font-size: 38px;margin-bottom: 12px;}

    .activityzx-epoch p {font-size: 26px;}

    .epoch-show { height: 480px;}

    .epoch-rgtitem {height: 480px;}

    .activitylc-link span {font-size: 32px;left: -340px;}

    .contactzb-site li:last-child{padding-left: 0px;}

    .contactzb-cont {padding-left: 30px;}

    .contactfb-list li{margin-bottom: 100px;}



    .digital-nav .item,.win-nav .item{font-size: 16px;margin-left: 30px;}

}

@media all and (max-width:1439px) {

    /* 1360 */

    .about-show li.active {width: 19.3%;}

    .about-flow-item li p {padding: 28px; font-size: 14px; }

    .about-cont h2 {font-size: 16px;}

    .activityzx-tit {left: -14%;}

    .activityzx-tit span {font-size: 26px;}

    .activityzx-tit h6 {font-size:16px;}

    .activityzx-tit h2{font-size: 18px;}

    .activityzx-show { margin-top: 68px;}

    .activityzx-show-cont{position: static;margin-bottom: 28px;}

}

@media all and (max-width:1359px) {

    /* 1280 */

    .about-show li.active {width: 19.2%;}

    .activityzx-tit{position: static;align-items: flex-start;margin-bottom: 32px;}

    .activityzx-item {padding-left: 60px;padding-top: 60px;}

    .activityzx-item::after{display: none;}

    .activityzx-item::before{display: none;}

    .activityzx-tit h6 {margin: 10px 0;}

    .activitylc-tit h2 {width: 260px;height: 68px;font-size: 32px;left: -12%;}

    .activitylc-item {padding: 0 40px 180px 140px;}

    .activitylc-link::before {width: 140px;left: -140px;}

    .activitylc-link::after {left: -146px;}

    .activitylc-link span {font-size: 24px;left: -244px;}

}

@media all and (max-width:1279px) {

    /* 1152 × (700) */

    .common-cont h2 {font-size: 22px;}

    .common-link {margin-top: 15px;}

    .common-title h2 {font-size: 28px;}

    .common-line i {width: 100%;}

    .common-select {height: 500px;padding-top: 80px;}

    .select-advantage li {padding: 0 38px;}

    .common-client {padding: 80px 0 100px;}

    .prod-list {padding:80px 0;}

    .list-icon {width: 48px;height: 48px;}

    .list-cont {width: calc(100% - 48px);padding-left: 16px;}

    .list-link {padding: 0 18px 0 18px;}

    .list-cont h2 {font-size: 16px; }

    .list-cont p {font-size: 14px;}

    .info-summarize { padding: 80px 0 86px;}

    .summarize-bg {width: 40%;}

    .summarize-title h1 {font-size: 30px;}

    .summarize-erp {margin-top: 42px;}

    .summarize-cont {margin-top: 52px;}

    .summarize-cont h2 {font-size: 28px; margin-bottom: 32px;}

    .info-summarize .info-point {margin-top: 58px;}

    .info-trait {height: 700px;padding-top: 80px;}

    .trait-cont { margin-top: 32px;}

    .trait-cont p {line-height: 38px;}

    .trait-list {margin-top: 42px;}

    .trait-sketch {padding: 0 28px;}

    .trait-list li {padding-top: 40px;}

    .trait-icon {margin-bottom: 32px;}

    .trait-sketch h2 {margin-bottom: 20px;}

    .trait-sketch p {font-size: 14px;}

    .info-show {padding: 80px 0 118px;}

    .show-item {margin-top: 80px;}

    .show-lft li::after {width: 160px;}

    .show-rgt { width: calc(100% - 160px); padding-left: 38px;}

    .show-cont {width: 40%;}

    .show-img {width: 280px;top: -18px;}

    .info-advantage {padding: 80px 0;}

    .info-advantage .info-point {margin: 0 0 60px;}

    .advantage-item {margin-top: 48px;padding: 0;}

    .advantage-item li {padding: 0 20px 0 28px; }

    .advantage-coulmn i {width: 60px;height: 60px;}

    .advantage-cont { width: calc(100% - 60px); padding-left:18px;}

    .advantage-cont h2 {font-size: 18px;margin-bottom: 12px;}

    .advantage-cont p { font-size: 14px;line-height: 20px;}

    .case-item {padding: 80px 0 100px;}

    .case-coulmn+.case-coulmn { margin-top: 60px;padding-top: 70px;}

    .details-business {padding: 60px 0;}

    .business-coulmn {padding: 48px 20px 0;}

    .business-coulmn i {width: 60px;height: 60px;}

    .business-cont {width: calc(100% - 60px);padding-left: 20px;}

    .business-cont h2 {font-size: 18px;margin-bottom: 12px;}

    .business-cont p {font-size: 14px;line-height: 22px;}

    .details-digital { padding-top: 80px;}

    .digital-cont p {font-size: 14px;}

    .digital-solve li {padding: 48px 28px 0;}

    .solve-cont h2 {font-size: 18px;margin-bottom: 20px;}

    .solve-cont p {font-size: 14px;line-height: 22px;}

    .details-blueprint {padding:80px 0;}

    .blueprint-cont p {font-size: 14px;}

    .blueprint-img {margin-top: 58px;}

    .details-merit {padding-top: 80px;}

    .merit-item li {padding: 0 20px;}

    .merit-cont h2 {font-size: 18px;margin-bottom: 12px;}

    .merit-cont p {font-size: 14px;line-height: 22px;}

    .merit-btn {width: 120px;height: 38px;font-size: 15px;}

    .details-win {padding-top: 80px;}

    .win-cont h2 {font-size: 28px;}

    .details-related {padding:80px 0;}

    .related-coulmn {padding: 0 30px;}

    .related-coulmn h2 {font-size: 16px;}

    .succeed-gather {padding-top:80px; }

    .succeed-item:after {left:128px; }

    .succeed-tit {min-width: 128px; width: 128px;font-size: 18px;}

    .succeed-item li {font-size: 14px;margin-right: 18px;}

    .succeed-btn {width: 24px;height: 24px; right: 12px;top: 24px;}

    .succeed-cont {padding: 20px;}

    .succeed-cont p {font-size: 14px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

    .succeed-explain {padding: 80px 0 88px;}

    .explain-lft h1 {font-size: 24px;}

    .explain-side {padding: 32px;}

    .explain-side ul h4 {font-size: 14px;}

    .activityzx {padding: 80px 0 100px;}

    .activityzx-item {padding-left: 40px;padding-top: 40px; }

    .activityzx-show {margin-top: 48px;}

    .activityzx-show-item {height: 600px;}

    .activityzx-botcont p {font-size: 16px;margin-bottom: 20px;}

    .activityzx-botcont-img {width: 100%;height: 122px;}

    .activityzx-epoch h2 {font-size: 28px;}

    .activityzx-epoch p {font-size: 20px;}

    .epoch-show {height: 398px;}

    .epoch-showrgt-cont h5 {font-size: 16px; max-width: 92%;}

    .epoch-lftcont h5 { font-size: 16px;max-width: 92%;}

    .epoch-rgtitem {height:398px;}

    .epoch-rgtcont h5 {font-size: 16px;}

    .activitylc-item {padding: 0 40px 100px 100px;}

    .activitylc-link::before {width: 100px;left: -100px;}

    .activitylc-link::after {left: -106px;}

    .activitylc-link span {font-size: 18px;left: -180px;}

    .news {padding: 80px 0 88px; }

    .news-menu {height: 88px;margin-top: 32px;}

    .news-cont h2 {font-size: 18px;line-height: 24px; max-width: 88%;}

    .article {padding: 80px 0 88px;}

    .article-intro {padding: 32px 20px 40px;}

    .article-lft h1 {font-size: 24px;}

    .service-promise {padding: 80px 0 98px;}

    .promise-cont {margin: 32px 0 20px;}

    .promise-item li h2 {font-size: 16px;}

    .promise-item .text{font-size: 14px;}

    .service-flow {height: 680px;}

    .flow-item li {width: 28%;height: 160px;margin: 0 8% 75px 0;padding: 0 20px;text-align: center;}

    .flow-item li h2 {font-size: 16px;}

    .flow-item li p {font-size: 14px;}

    .flow-item li::after {right: -22%;}

    .service-team {padding: 80px 0 98px;}

    .problem-item {padding: 80px 0 98px;}

    .download-item {padding: 80px 0 98px;}

    .download-menu {margin-top: 32px;height: 80px;}

    .download-select { margin-top: 48px;padding: 0 20px;}

    .download-list {padding: 0 20px;}

    .data-item {padding: 88px 0 108px; }

    .data-link {width: 200px;height: 364px;}

    .data-img::after { left: -10px;}

    .data-input {padding: 28px 18px;margin-bottom: 28px; }

    .inline-icon h2 {font-size: 12px;}

    .support-lx {padding-top: 80px;}

    .support-kh {margin-top: 42px;height: 248px;padding: 0 40px;}

    .support-fw {padding-top: 80px;}

    .support-menu .inline-icon {width: 38%; padding-left: 12px;}

    .support-menu .inline-icon i {width: 24px;height: 24px; margin-right: 12px;}

    .support-menu .inline-icon h2 {font-size: 13px;}

    .suppot-ts {padding: 80px 0 88px;}

    .support-flow li { width: 148px;height: 148px;}

    .support-flow li::after {right: -15%;}

    .support-flow li i {width:48px;height:48px;}

    .support-flow li h2 {font-size: 14px;}

    .support-btn {margin-top: 68px;}

    .support-box h2 {font-size: 18px;}

    .support-box p {font-size: 20px;}

    .about-us {padding: 80px 0 35px;}

    .about-intro {height: 430px;padding: 0 40px;}

    .about-intro div{ margin: 30px 0px;max-width: 40%;overflow-y:auto}

    .about-intro p {font-size: 14px;}

    .about-prod {padding: 80px 0;}

    .about-cont {padding: 0 12px;text-align: center;}

    .about-flow-item li h2 {font-size: 18px;padding: 20px;}

    .about-flow-item li p { padding: 20px; }

    .about-aptitude { padding: 80px 0 100px;}

    .about-aptitude-item {padding: 32px 40px 32px;}

    .about-aptitude-lft {width: calc(100% - 518px);}

    .about-aptitude-rgt { width: 518px;}

    .about-aptitude-rgt .abt-line{right: -8px;}

    .about-business {height: 680px;}

    .about-busLft { width: calc(100% - 380px);padding-right: 40px;}

    .about-busLft p {font-size: 18px;line-height:28px;}

    .about-busLft p b {font-size:28px;}

    .about-link a {margin-right: 10px; padding-right: 10px;}

    .about-busRgt {width: 380px;}

    .about-round li {width: 100px;height: 100px;}

    .about-teamwork {padding:80px 0;}

    .advantage-contend {padding: 80px 0 140px;}

    .advantage-circle {width: 530px; height: 530px;}

    .advantage-dot li{top:50%;left:50%;margin-top:-12.5px;margin-left: -12.5px;transform: rotateZ(-152deg) translateY(268px);}

    .advantage-dot li:nth-child(2){transform: rotateZ(-110deg) translateY(268px);}

    .advantage-dot li:nth-child(3){transform: rotateZ(-72deg) translateY(268px);}

    .advantage-dot li:nth-child(4){transform: rotateZ(-38deg) translateY(268px);}

    .advantage-dot li:nth-child(5){transform: rotateZ(0deg) translateY(268px);}

    .advantage-dot li:nth-child(6){transform: rotateZ(38deg) translateY(268px);}

    .advantage-dot li:nth-child(7){transform: rotateZ(72deg) translateY(268px);}

    .advantage-dot li:nth-child(8){transform: rotateZ(110deg) translateY(268px);}

    .advantage-dot li:nth-child(9){transform: rotateZ(152deg) translateY(268px);}

    .advantage-circle::after{width: 280px;top: -20px;}

    .advantage-rgt li:first-child { right: 28%;}

    .advantage-rgt li:nth-child(2) { right: 6%;top: 158px;}

    .advantage-rgt li:nth-child(3) {right: -6%;top: 328px;}

    .advantage-rgt li:nth-child(4) {right: 2%;top: 468px;}

    .advantage-lft li:first-child {left: 24%;}

    .advantage-lft li:nth-child(2) {left: 2%;top: 158px;}

    .advantage-lft li:nth-child(3) {left: 2%;top: 328px;}

    .advantage-lft li:nth-child(4) {left: 20%;top: 468px;}

    .advantage-lft li:nth-child(5) {left: 68%;top: 560px; }

    .standard-icon li {width: 100px;height: 100px;margin-top: -50px;margin-left: -50px; }

    .standard-cont li p { max-width: 80%;}

    .standard-cont li:nth-child(1) {left: 42%;}

    .standard-cont li:nth-child(1) p{margin: 0 auto;}

    .standard-cont li:nth-child(2) {right: -14%;}

    .standard-cont li:nth-child(4) {left: 42%;}

    .standard-cont li:nth-child(4) p{margin: 0 auto;}

    .standard-cont li:nth-child(3) {left: -7%;}

    .standard-cont li:nth-child(3) p{float: right;}

    .brandcp {padding: 80px 0 100px;}

    .brandcp-tit i {width: 238px;height: 108px;}

    .brandcp-tit h2 {margin-top: 38px;font-size: 38px;}

    .brandcp-item {margin-top: 68px;}

    .brandcp-item li h2 {font-size: 18px;}

    .brandcp-item li h2::before {width: 160px; }

    .brandcp-data h6 span {font-size: 48px; }

    .brandcp-data {width: 180px;height: 180px;margin: 20px 0 28px;}

    .brandms {height: 1038px;padding-top: 80px;}

    .brandyd {padding-top: 88px;}

    .brandgl {padding: 88px 0 80px;}

    .brandgl-tit h2 {width: 300px;height: 88px; font-size: 24px;}

    .brandgl-item li { padding: 28px 20px;}

    .brandgl-item li h2 {font-size: 18px;padding-bottom: 16px;margin-bottom: 20px;}

    .synergypt-sketch {padding: 28px 24px;}

    .synergypt-sketch h2 {font-size: 18px;margin-bottom: 10px; }

    .synergypt-sketch p {font-size: 14px;}

    .synergygz {height: 1200px;padding-top: 80px;}

    .synergygz-circle {width: 520px;height: 520px;}

    .synergygz-circle::after {width: 260px;}

    .synergygz-dot li {transform: rotateZ(-152deg) translateY(262px);}

    .synergygz-dot li:nth-child(2){transform: rotateZ(-104deg) translateY(262px);}

    .synergygz-dot li:nth-child(3){transform: rotateZ(-58deg) translateY(262px);}

    .synergygz-dot li:nth-child(4){transform: rotateZ(0deg) translateY(262px);}

    .synergygz-dot li:nth-child(5){transform: rotateZ(58deg) translateY(262px);}

    .synergygz-dot li:nth-child(6){transform: rotateZ(104deg) translateY(262px);}

    .synergygz-dot li:nth-child(7){transform: rotateZ(152deg) translateY(262px);}

    .synergygz-lft li h2, .synergygz li h2 {font-size: 18px;line-height: 20px;}

    .synergygz-lft li p, .synergygz li p { font-size: 14px;line-height: 22px;}

    .synergygz-rgt li:first-child {right: 34%;}

    .synergygz-rgt li:nth-child(2) {right: 4%;top: 180px;}

    .synergygz-rgt li:nth-child(3) {right: 12%;top: 388px;}

    .synergygz-lft li:first-child {left: 11%;}

    .synergygz-lft li:nth-child(2) {left: 0%;top: 180px;}

    .synergygz-lft li:nth-child(3) {left: -4%;top: 388px;}

    .synergygz-lft li:nth-child(4) {left: 68%;top: 548px;}

    .synergygz-course { margin-top: 148px;}

    .synergygz-num h6 span {font-size: 32px;}

    .synergygz-num h6 { font-size: 18px;}

    .synergyxl {padding: 80px 0 100px;}

    .synergyxl-tit h2 {font-size: 24px;margin-bottom: 12px;}

    .synergyxl-tit p {font-size: 14px;}

    .synergyxl-cont li h2 { font-size: 18px;}

    .synergyxl-cont li p { font-size: 14px;}

    .synergyxl-cont li:nth-child(1) { right: -9%;}

    .synergyxl-cont li:nth-child(3) {left: -12%;}

    .synergyxl-cont li:nth-child(2) {left: 32%;}

    .talentsln {padding:80px 0 40px; }

    .talentsln-lft {padding: 0 36px 0 46px;}

    .talentsln-rgt {padding: 0 46px 0 30px;}

    .talentsln-link:nth-child(2n) .talentsln-lft {padding: 0 46px 0 30px;}

    .talentsln-link:nth-child(2n) .talentsln-rgt {padding: 0 36px 0 46px; }

    .talentshj {padding:80px 0;}

    .talentshj-show {height: 360px;}

    .talentshj-lft { width: 468px;}

    .talentshj-rgt {width: calc(100% - 467px);}

    .talentswm {padding:80px 0 100px;}

    .experience-left {padding: 30px 20px 38px;}

    .experience-title h2 {font-size: 24px;}

    .experience-title p { font-size: 18px;margin-left: 18px;}

    .experience-input {margin-bottom: 34px;}

    .experience-menu .inline-icon {width: 34%;}

    .experience-menu .inline-icon i {width: 20px;height: 20px; margin-right: 10px;}

    .experience-menu .inline-input { width:66%;}

    .experience-input .experience-menu.max .inline-input {width:66%;}

    .experience-menu:nth-child(3) .inline-input { width: 46%;}

    .experience-menu button{width: 20%;}

    .experience-submenu i {width: 20px; height: 20px;}

    .customSelect {width: 48%;}

    .customSelect-name {width: calc(100% - 20px);padding: 0 10px;font-size: 14px;}

    .experience-submenu::after {right: 8px;}

    .experience-right {padding: 30px 20px;}

    .experience-right h2 {font-size: 20px;line-height: 26px;}

    .experience-contact {margin-top: 28px;}

    .experience-contact-icon {width: 48px;height: 48px;}

    .experience-contact-cont p {font-size: 16px;}

    .contact-title h2{font-size: 30px;}

    .contact-title h2::before{top: -20px;}

    .contactzb{padding: 80px 0;}

    .contactzb-site{margin:52px 0 68px;padding-bottom:40px;}

    .contactzb-site li h2{font-size: 22px;}

    .contactzb-site li p{font-size: 15px;}

    .contactzb-site li:last-child h2{font-size: 18px;}

    .contactzb-cont h6{font-size: 32px;}

    .contactzb-cont h2{font-size:42px;}

    .contactzb-cont-list{margin-top: 40px;}

    .contactzb-cont-list li{margin-bottom: 30px;}

    .contactzb-cont-list li h2 {font-size: 22px;margin-bottom: 10px;}

    .contactfb{padding-bottom: 60px;}

    .contactfb-list{margin-top: 40px;}

    .contactfb-list li{margin-bottom:60px;}

    .contactfb-list li h2{font-size: 22px;}

    .contactfb-list li p{font-size: 15px;}

}

@media all and (max-width:1151px) {

    /* 1024 */

    .common-banner {padding-top: 128px;}

    .about-show li.active { width: 19%;}

}

/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .common-cont {max-width: 60%;}

    .common-submenu a {height: 60px; }

    .common-select {height: 480px; padding-top: 60px; }

    .common-client {padding: 60px 0 80px;}

    .prod-list {padding: 60px 0;}

    .list-link{flex-direction: column;padding: 20px;height: auto;}

    .list-cont{width: 100%;padding-left: 0;text-align: center;margin-top: 20px;}

    .info-summarize {padding: 60px 0;}

    .summarize-title h1 {font-size: 24px;}

    .summarize-cont {margin-top: 42px;}

    .summarize-cont h2 {font-size: 24px;margin-bottom: 28px;}

    .info-summarize .info-point {margin-top: 48px;}

    .info-trait {height: auto;padding: 60px 0;}

    .info-show { padding: 60px 0 80px;}

    .show-lft li p {font-size: 18px;line-height: 48px;}

    .show-cont {width: 45%;}

    .show-menu {margin-top: 48px;}

    .show-img {width: 230px;}

    .info-advantage {padding: 60px 0;}

    .advantage-item { margin-top: 28px;}

    .advantage-item li {width: 48%; margin: 28px 4% 0 0;padding: 0 20px; }

    .advantage-cont h2 {font-size: 16px;margin-bottom: 10px;}

    .case-item {padding: 60px 0 80px;}

    .case-coulmn+.case-coulmn {margin-top: 48px;padding-top: 58px; }

    .case-drop a span {font-size: 14px;line-height: 32px;}

    .details-business {padding: 60px 0;}

    .business-coulmn {padding: 32px 20px 0;}

    .details-blueprint {padding: 60px 0;}

    .details-merit {padding-top: 60px;}

    .merit-cont h2 {font-size: 16px;margin-bottom: 10px;}

    .details-win {padding-top: 60px;}

    .win-swp{margin-top:48px;}

    .win-con {padding-top: 60px;}

    .win-cont h2 {font-size: 20px; }

    .win-cont p { font-size: 14px; margin: 20px 0 26px;}

    .details-related {padding: 60px 0;  }

    .related-coulmn {padding: 0 20px;}

    .related-prev, .related-next {right: 38%;top: 100%;margin-top: -14px;}

    .related-prev {left: 38%;right: auto; }

    .succeed {padding-bottom: 68px;}

    .succeed-gather {padding-top:60px; }

    .succeed-item {padding: 24px 20px 24px 16px;}

    .succeed-item:after {left:98px; }

    .succeed-tit {min-width:98px; width:98px;font-size: 16px;}

    .succeed-item li {margin-right: 10px;}

    .succeed-explain {padding: 60px 0 68px;}

    .explain-lft { width: 100%; }

    .explain-nav li {font-size: 14px;}

    .explain-rgt { width: 100%;margin-top: 32px;}

    .activityzx {padding: 60px 0 80px;}

    .activityzx-item {padding-left: 00px;border-left:none;padding-top: 0px;}

    .epoch-show {height: 370px;}

    .epoch-rgtitem {height: 370px;}

    .activitylc-tit h2 {position: static;font-size: 28px;}

    .activitylc-item {padding: 0 0px 60px 0px;margin-top: 38px;}

    .activitylc-item::before{display: none;}

    .activitylc-link {margin-bottom: 48px;}

    .activitylc-link::before {display: none;}

    .activitylc-link::after {display: none;}

    .activitylc-link span {position: static;margin-bottom: 12px;}

    .news {padding: 60px 0 68px; }

    .news-menu {height: 68px;margin-top: 28px;}

    .news-img{width: 300px;}

    .news-cont {width: calc(100% - 300px);padding-left: 40px; }

    .news-cont h2 {font-size: 18px;line-height: 24px;height: 48px; max-width: 100%;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

    .article {padding: 60px 0 68px;}

    .article-intro {padding: 32px 20px 40px;}

    .article-lft{width: 100%;}

    .article-lft h1 {max-width: 100%;}

    .article-nav li { font-size: 14px; }

    .article-rgt{width: 100%;margin-top: 32px;}

    .service-promise {padding: 60px 0 68px;}

    .promise-icon {width: 60px;height: 60px;}

    .promise-item li h2 {font-size: 14px;}

    .service-flow {height: auto;padding: 60px 0;}

    .flow-item li {margin: 0 8% 60px 0;}

    .service-team {padding: 60px 0 68px;}

    .team-list li {padding: 0 20px;}

    .team-cont h2 { font-size: 18px;}

    .team-cont p {font-size: 14px;}

    .problem-item {padding: 60px 0 68px;}

    .problem-cont {align-items: flex-start;}

    .download-item {padding: 60px 0 68px;}

    .download-menu {height: 68px;}

    .download-tit {font-size: 18px;}

    .download-select { margin-top: 42px;padding: 0 ;}

    .download-list {padding: 0;}

    .download-link h2 {font-size: 13px;}

    .data-item {padding: 68px 0 88px; flex-direction: column;}

    .data-left {width:100%;}

    .data-link {width:100%;height:auto;}

    .data-img{text-align: center;}

    .data-img img {width: 88%; height: 88%;}

    .data-img::after { display: none;}

    .data-right{width: 100%;margin-top: 32px;}

    .support-lx {padding-top: 60px;}

    .support-kh {margin-top: 32px; height: 224px;padding: 0 28px; }

    .support-kh h2 {font-size: 18px;}

    .support-kh p {font-size: 14px;}

    .support-fw {padding-top: 60px; }

    .suppot-ts {padding: 60px 0 68px;}

    .support-flow {margin-top: 38px;padding: 0;}

    .support-flow li::after{display: none;}

    .support-btn {margin-top:48px;}

    .support-box h2 {font-size: 16px;}

    .support-box p {font-size:18px;}

    .about-us {padding:60px 0 35px;}

    .about-intro {padding: 0 20px;}

    .about-prod { padding: 60px 0;}

    .about-show ul{display: block;}

    .about-show li{width: 100%;flex: unset !important;margin: 20px 0 0;}

    .about-show li:first-child{margin-top: 0;}

    .about-cont h2 {font-size: 14px;}

    .about-lx{padding: 0 12px;text-align: center;}

    .about-lx h2 {font-size: 18px;line-height: 24px;margin-bottom: 12px;}

    .about-lx p{font-size: 14px;}

    .about-lx a{width: 40%;height: 38px;font-size: 14px;margin: 38px auto 0;}

    .about-flow-item li p{height: 220px;}

    .about-aptitude{padding: 60px 0 80px;}

    .about-aptitude-item{flex-direction: column-reverse;}

    .about-aptitude-lft{width: 100%;margin-top: 30px;}

    .about-aptitude-rgt{width: 100%;padding: 0 30px;}

    .about-business{padding: 60px 0;height: auto;}

    .about-link a:nth-child(8) { margin-right:10px;padding-right: 10px;}

    .about-link a:nth-child(8)::after{display: block;}

    .about-teamwork {padding: 60px 0;}

    .team-prev, .team-next{display: none;}

    .advantage-contend {padding: 60px 0 120px;}

    .advantage-title span {font-size: 48px; }

    .advantage-title h2 {font-size:28px;margin-top: 20px; }

    .advantage-circle {width: 430px; height: 430px;}

    .advantage-dot li{top:50%;left:50%;margin-top:-12.5px;margin-left: -12.5px;transform: rotateZ(-152deg) translateY(218px);}

    .advantage-dot li:nth-child(2){transform: rotateZ(-110deg) translateY(218px);}

    .advantage-dot li:nth-child(3){transform: rotateZ(-72deg) translateY(218px);}

    .advantage-dot li:nth-child(4){transform: rotateZ(-38deg) translateY(218px);}

    .advantage-dot li:nth-child(5){transform: rotateZ(0deg) translateY(218px);}

    .advantage-dot li:nth-child(6){transform: rotateZ(38deg) translateY(218px);}

    .advantage-dot li:nth-child(7){transform: rotateZ(72deg) translateY(218px);}

    .advantage-dot li:nth-child(8){transform: rotateZ(110deg) translateY(218px);}

    .advantage-dot li:nth-child(9){transform: rotateZ(152deg) translateY(218px);}

    .advantage-circle::after{width: 240px;top: -20px;}

    .advantage-lft li h2, .advantage-rgt li h2 {font-size: 16px;}

    .advantage-lft li p, .advantage-rgt li p { font-size: 14px;}

    .advantage-rgt li:nth-child(2) { right: 10%;top: 120px;}

    .advantage-rgt li:nth-child(3) {right: -3%;top:264px;}

    .advantage-rgt li:nth-child(4) {right: 4%;top: 408px;}

    .advantage-lft li:first-child {left: 24%;}

    .advantage-lft li:nth-child(2) {left: 4%;top: 120px;}

    .advantage-lft li:nth-child(3) {left: 3%;top: 264px;}

    .advantage-lft li:nth-child(4) {left: 22%;top: 408px;}

    .advantage-lft li:nth-child(5) {left: 66%;top: 464px; }

    .standard-circle span {font-size: 48px;}

    .standard-circle h2 {font-size: 24px;margin-top: 10px;}

    .standard-cont li:nth-child(2) {right: -8%;top: 498px;}

    .standard-cont li:nth-child(3) {left: 0%;top: 498px;}

    .brandcp {padding: 60px 0 68px;}

    .brandcp-tit i {width: 180px;height: 82px;}

    .brandcp-tit h2 {margin-top: 28px;font-size: 28px;}

    .brandcp-item {margin-top: 48px;}

    .brandcp-item li h2 {font-size: 16px;}

    .brandcp-item li h2::before {width: 138px;}

    .brandcp-data h6 span {font-size: 38px;}

    .brandcp-data { width: 148px;height: 148px;}

    .brandcp-item li p {font-size: 14px; max-width: 138px;line-height: 24px;}

    .brandms { height: 920px; padding-top: 60px;}

    .brandms-round { width: 560px; height: 560px;margin-top: 48px;}

    .brandms-cont h2 {font-size: 18px;}

    .brandms-flow li:nth-child(1){transform: rotateZ(-142deg) translateY(280px);}

    .brandms-flow li:nth-child(2){transform: rotateZ(-90deg) translateY(280px);}

    .brandms-flow li:nth-child(3){transform: rotateZ(-45deg) translateY(280px);}

    .brandms-flow li:nth-child(4){transform: rotateZ(0deg) translateY(280px);}

    .brandms-flow li:nth-child(5){transform: rotateZ(45deg) translateY(280px);}

    .brandms-flow li:nth-child(6){transform: rotateZ(90deg) translateY(280px);}

    .brandms-flow li:nth-child(7){transform: rotateZ(142deg) translateY(280px);}

    .brandyd {padding-top: 60px; }

    .brandyd-link {height: 360px; }

    .brandyd-rgt {padding: 28px 20px;}

    .brandyd-rgt span {font-size: 18px; }

    .brandyd-rgt h2 { font-size: 18px;margin: 14px 0 28px;}

    .brandyd-cont p {font-size: 14px; line-height: 28px;}

    .brandyd-cont {margin-top: 32px;}

    .brandgl { padding: 60px 0;}

    .brandgl-tit h2 {width: 238px;height: 68px;font-size: 20px;}

    .brandgl-tit h2::after {height: 68px;bottom: -68px;}

    .brandgl-item {margin-top: 68px;}

    .brandgl-item li p {font-size: 14px; line-height: 22px;}

    .synergypt {padding:60px 0; }

    .synergypt-sketch h2 { font-size: 16px; }

    .synergypt-sketch p {height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

    .synergygz { height: auto; padding: 60px 0;}

    .synergygz-circle {width: 360px;height: 360px;}

    .synergygz-circle img{max-width: 60%;}

    .synergygz-circle::after {width: 194px;}

    .synergygz-dot li {transform: rotateZ(-152deg) translateY(180px);}

    .synergygz-dot li:nth-child(2){transform: rotateZ(-104deg) translateY(180px);}

    .synergygz-dot li:nth-child(3){transform: rotateZ(-58deg) translateY(180px);}

    .synergygz-dot li:nth-child(4){transform: rotateZ(0deg) translateY(180px);}

    .synergygz-dot li:nth-child(5){transform: rotateZ(58deg) translateY(180px);}

    .synergygz-dot li:nth-child(6){transform: rotateZ(104deg) translateY(180px);}

    .synergygz-dot li:nth-child(7){transform: rotateZ(152deg) translateY(180px);}

    .synergygz-rgt li:nth-child(2) { right: 14%; top: 120px;}

    .synergygz-rgt li:nth-child(3) {right: 20%;top: 268px;}

    .synergygz-lft li:first-child {left: 9%;}

    .synergygz-lft li:nth-child(2) {left: 7%;top: 120px;}

    .synergygz-lft li:nth-child(3) {left: 0%;top: 268px;}

    .synergygz-lft li:nth-child(4) {left: 66%;top: 388px;}

    .synergygz-num h6::before {width: 160px; }

    .synergygz-num h6+h6 {margin-left: 48px; }

    .synergygz-num h6 {font-size: 16px;}

    .synergygz-num h6 span {font-size: 24px;}

    .synergygz-course p {font-size: 14px;max-width: 100%;}

    .synergyxl-item{flex-direction: column;}

    .synergyxl-cont{position: static;}

    .synergyxl-cont li{position: static;text-align: center;margin-top: 28px;}

    .synergyxl-cont li:nth-child(3) {text-align: center;}

    .synergyxl-circle span {font-size: 48px;}

    .synergyxl-circle h2 { font-size: 24px;margin-top: 12px;}

    .talentsln {padding: 60px 0 40px;}

    .talentsln-lft {padding: 0 16px 0 20px;}

    .talentsln-rgt {padding: 0 16px 0 20px;}

    .talentsln-link:nth-child(2n) .talentsln-lft {padding: 0 16px 0 20px;}

    .talentsln-link:nth-child(2n) .talentsln-rgt {padding: 0 16px 0 20px; }

    .talentshj {padding:60px 0;}

    .talentshj-show {height: 324px;}

    .talentshj-lft { width: 420px;}

    .talentshj-rgt {width: calc(100% - 420px);}

    .talentswm {padding:60px 0 68px;}

    .experience {padding:80px 0 100px;}

    .experience-left {width: 100%;}

    .experience-right{width: 100%;margin-top: 28px;}

    .contact-title h2{font-size: 28px;padding-left: 48px;}

    .contact-title h2::before{top: -12px;width: 38px;height: 38px;}

    .contactzb{padding:60px 0;}

    #map{margin-top: 38px;height: 380px;}

    .contactzb-site{margin:42px 0 48px;padding-bottom:30px;}

    .contactzb-site li h2{font-size: 20px;}

    .contactzb-site li p{font-size: 14px;}

    .contactzb-site li:last-child h2{font-size: 16px;}

    .contactzb-cont h6{font-size: 25px;}

    .contactzb-cont h2{font-size:35px;}

    .contactzb-cont-list{margin-top: 30px;}

    .contactzb-cont-list li{margin-bottom: 20px;}

    .contactzb-cont-list li h2 {font-size: 20px;}

    .contactzb-cont-list li p{font-size: 14px;line-height: 20px;}

    .contactfb{padding-bottom: 40px;}

    .contactfb-list{margin-top: 30px;}

    .contactfb-list li{margin-bottom:40px;}

    .contactfb-list li h2{font-size: 20px;}

    .contactfb-list li p{font-size: 13px;}

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .common-banner {padding:40px 20px;height: 240px;}
    .common-cont h2{ margin-bottom:15px; }
    .common-cont p{ font-size:14px; }
    .common-link li a{ height:34px; font-size:14px; }

    .common-cont {max-width: 100%;}

    .common-cont h2 {font-size: 20px;line-height: 24px; }

    .common-cont h6 {font-size: 28px;}

    .common-submenu a {padding: 0 10px;height: 48px; font-size: 12px;}

    .common-title h2 {font-size: 20px;line-height: 24px;}

    .common-select {height: auto;padding-top: 40px; }

    .select-advantage {margin-top: 32px;}

    .select-advantage li {width: 100%;padding: 0 ;margin-bottom: 28px;}

    .select-mark {width: 100px;height: 100px;margin-bottom: 24px;}

    .select-mark img { max-width:88%;}

    .select-cont h2 { font-size: 18px; margin-bottom: 10px;}

    .common-client {padding: 40px 0 60px;}

    .client-show {margin-top: 32px;}

    .client-show li {width:100%; margin-right: 0%;margin-bottom: 28px;}

    .client-more {margin-top: 20px;}

    .prod-list {padding: 40px 0 20px;}

    .list-coulmn li {width: 100%;margin-bottom: 20px;}

    .info-summarize {padding: 40px 0;}

    .summarize-title h1 {font-size: 20px;}

    .summarize-title p {font-size: 16px;margin-top: 18px;}

    .summarize-erp {margin-top: 28px;}

    .summarize-cont {margin-top: 32px;}

    .summarize-cont h2 {font-size: 16px;margin-bottom: 20px;}

    .summarize-cont p {font-size: 14px;max-width:100%;}

    .info-summarize .info-point {margin-top: 32px;}

    .info-trait {padding: 40px 0; }

    .trait-cont {margin-top: 24px;}

    .trait-cont p {font-size: 16px;line-height:26px;}

    .trait-cont p b {font-size: 24px;}

    .trait-list {margin: 0;}

    .trait-list li {width: 100%;height:auto;padding:32px;margin: 25px 0 0;}

    .trait-sketch {padding: 0;text-align: center;}

    .info-show { padding: 40px 0; }

    .show-item {flex-direction: column;margin-top: 32px;}

    .show-lft{width: 100%;}

    .common-title span{ font-size:15px; }

    .show-lft li{float: left;width: 33.3333%;}
    .show-lft li::after {display: none;}
    .show-lft li{ padding-left:0px; text-align:center; }
    .show-lft li.active{ background-color:#00a2e9; }
     .show-lft li:hover{background-color: #00a2e9;}
    .show-lft li p{ font-size:16px; line-height:2.5; }
    .show-lft li:hover p, .show-lft li.active p{ font-size:16px; }

    .show-rgt {width:100%;padding-left:0;margin-top: 32px;}

    .show-cont {width:100%; }

    .show-menu {margin: 38px 0;}

    .show-img {width: 100%;position: static;top: 0;}

    .info-advantage {padding: 40px 0;}

    .info-advantage .info-point {margin: 0 0 38px;}

    .advantage-item { margin-top: 12px; }

    .advantage-item li { width:100%;margin: 20px 0 0 0;}

    .info-story {padding:40px 0 60px;}

    .story-show li { width:100%;margin-right: 0%;margin-bottom: 28px; }

    .story-more {margin-top: 18px; }

    .case-item {padding: 40px 0 40px;}

    .case-menu { font-size: 18px;}

    .case-drop {margin-top: 12px;}

    .case-coulmn {flex-wrap: wrap;}

    .case-coulmn+.case-coulmn {margin-top: 28px;padding-top: 38px; }

    .case-coulmn li {width: 50%;margin-bottom: 28px;}

    .details-business {padding: 40px 0;}

    .common-line {margin-top: 18px;}

    .business-item li {width:100%;margin: 20px 0 0 0;}

    .business-coulmn {height: auto;padding: 20px;}

    .details-digital {height: auto;padding: 60px 0;}

    .digital-cont { margin-top: 28px;padding: 0;}

    .digital-solve li {width:100%;height: auto;margin: 20px 0 0 0; padding: 32px 20px;}

    .digital-solve li:hover .solve-cont {transform: translateY(0);}

    .solve-btn {opacity: 1;margin-top: 20px; }

    .details-blueprint {padding: 40px 0;}

    .blueprint-cont {padding: 0;margin-top:28px;}

    .blueprint-img {margin-top: 38px;}

    .details-merit {padding-top: 40px;}

    .merit-item li {width:100%; height: 220px; margin: 20px 0 0 0; padding: 0 18px;}

    .details-win { padding-top: 40px;}

    .win-swp{margin-top: 38px;}

    .win-con{padding: 15px 0 20px;position: relative;height: auto;}

    .win-cont { width: 100%; }

    .details-related {padding: 40px 0 60px; }

    .related-prev, .related-next {right: 28%;}

    .related-prev {left: 28%;right: auto; }

    .succeed {padding-bottom: 48px;}

    .succeed-gather {padding-top: 40px;}

    .succeed-link li {width: 100%;margin: 0 0 30px 0;}

    .succeed-explain {padding: 40px 0 48px;}

    .explain-lft h1 {font-size: 20px;max-width: 100%; }

    .explain-time {font-size:18px;margin: 16px 0;}

    .explain-nav {flex-direction: column;align-items:flex-start;}

    .explain-nav .explain-fh {margin-top: 28px;}

    .activityzx-cont p {max-width: 100%;}

    .activityzx-show-cont p {max-width: 66%;}

    .activityzx-show-item {height: auto;}

    .activityzx-lft {width: 100%;}

    .activityzx-lftimg {margin-bottom: 20px;}

    .activityzx-rgt {width:100%;}

    .activityzx-showbot{flex-direction: column;margin-top: 20px;}

    .activityzx-botimg {width:100%;}

    .activityzx-botcont {width: 100%;margin-top: 28px;}

    .activityzx-botcont-img{height: auto;}

    .activityzx-epoch p {max-width: 90%;line-height: 28px;}

    .epoch-item{flex-direction: column;margin-top: 32px;}

    .epoch-lft{width: 100%;}

    .epoch-show {height: auto;flex-direction: column;}

    .epoch-showlft {width: 100%;}

    .epoch-lfttop{margin-bottom: 20px;}

    .epoch-showrgt {width:100%;margin-top: 28px;}

    .epoch-showrgt-cont {margin-bottom: 20px;}

    .epoch-lftcont h5 {max-width: 100%;}

    .epoch-rgt{width: 100%;margin-top: 32px;}

    .epoch-rgtitem {height: auto;}

    .epoch-rgttop{margin-bottom: 28px;}

    .epoch-rgtcont h5 {max-width: 100%; }

    .activitylc-tit {height: auto;}

    .activitylc-tit h2 {font-size: 24px;height: 58px;}

    .activitylc-item {padding: 0 0px 20px 0px;margin-top: 28px;}

    .activitylc-link {margin-bottom: 28px;}

    .news {padding: 40px 0 48px; }

    .news-menu {height: 48px;padding: 0 20px;}

    .news-list {margin-top: 28px;}

    .news-link{flex-direction: column;height: auto;}

    .news-list:hover .news-link {border-color:transparent;}

    .news-img{width: 100%;}

    .news-cont {width:100%;padding-left:0px;padding: 28px 0;}

    .article {padding: 40px 0 40px;}

    .article-lft h1 {font-size: 20px;}

    .article-intro {padding: 28px 18px 32px;}

    .article-nav { margin-top: 32px;flex-direction: column;align-items: flex-start; }

    .article-nav .article-fh{margin-top: 28px;}

    .service-promise {padding: 40px 0 48px;}

    .promise-cont {margin: 24px 0 18px;}

    .promise-cont h2{font-size: 16px;}
.promise-cont p img{ width:100% !important; height:auto !important; }
.summarize-title p img{ width:100% !important; height:auto !important; }

    .promise-item ul{margin-left: 0;}

    .promise-item li {width: 100%;margin-left: 0;}

    .promise-item li:nth-child(3n){margin-right: 0;}

    .service-flow {height: auto;padding: 40px 0;}

    .flow-item li {width: 48%; margin: 0 4% 40px 0;}

    .flow-item li:nth-child(3n) {margin-right:4%;}

    .flow-item li:nth-child(2n){margin-right: 0;}

    .flow-item li::after {display: none;}

    .service-team {padding: 40px 0 48px;}

    .team-list li {padding: 0 20px;width: 100%;}

    .problem-item {padding: 40px 0 48px;}

    .problem-link {padding: 32px 0;}

    .problem-link i {width: 58px; height: 58px;font-size: 28px;}

    .problem-headline h2 {width: calc(100% - 58px);padding-left: 28px;}

    .problem-cont p {width: calc(100% - 58px);padding-left: 28px;font-size: 14px; }

    .download-item {padding: 40px 0 48px;}

    .download-menu {height: auto;flex-direction: column;padding: 20px 16px;}

    .download-tit {font-size: 16px;width: 98px;min-width: 98px;border-right: none;margin-bottom: 20px;}

    .download-menu ul{padding: 0;}

    .download-menu li { font-size: 14px; margin-right: 10px; }

    .download-select { margin-top: 32px;}

    .download-list li{width: 49%;margin-top: 28px;}

    .download-link h2 {font-size: 12px;}

    .data-item {padding: 48px 0 68px;}

    .data-menu {width: 100%;}

    .inline-icon {width: 38%;}

    .data-menu .inline-input {width: 62%;}

    .data-menu input {padding: 0 14px;}

    .data-input .data-menu.max .inline-icon {width: 38%;}

    .data-input .data-menu.max .inline-input {width: 62%;}

    .data-menu .inline-input::placeholder{font-size: 14px;}

    .support-lx {padding-top: 40px;}

    .support-kh {height: auto;padding: 32px 20px; }

    .support-kh p {max-width: 100%;}

    .support-fw { padding-top: 40px;}

    .support-menu{width: 100%;}

    .suppot-ts {padding: 40px 0 48px;}

    .support-flow ul {flex-flow: wrap;}

    .support-flow li {margin-bottom: 20px;}

    .support-btn {margin-top: 0;flex-direction: column;}

    .support-box {margin-top: 20px;width: 100%;height: 68px;}

    .support-box:first-child { margin-right: 0px;}

    .support-box:last-child { margin-left: 0px;}

    .support-box:nth-child(2)::after, .support-box:nth-child(2)::before{display: none;}

    .about-us {padding:40px 0 35px;}

    .about-intro {height: 380px;}

    .about-intro div{ margin: 30px 0px;max-width: 100%;overflow-y:auto}

    .about-intro p {max-width: 100%;}

    .about-prod {padding:40px 0;}

    .about-prod-tit h2 {font-size: 20px;}

    .about-bj { height: 300px;}

    .about-show li{width: 100%;}

    .about-show li.active{width: 100%;}

    .about-show li.active .about-cont {opacity:1;}

    .about-cont{height: auto;top: 60px;}

    .about-lx {background-color: transparent;opacity: 1;height: auto;top:130px;}

    .about-lx h2{opacity: 1; }

    .about-lx p{opacity: 1; }

    .about-lx a{opacity: 1; }

    .about-flow {margin-top: 48px;}

    .about-flow-tit {width: 100%;}

    .about-flow-tit h2{font-size: 20px;}

    .about-flow-tit::before{display: none;}

    .about-flow-item {margin-top: 0;}

    .about-flow-item::after{display: none;}

    .about-flow-item li {width: 49%;margin-right: 2%;margin-top: 28px;}

    .about-flow-item li:nth-child(2n){margin-right: 0;}

    .about-flow-item li::before{display: none;}

    .about-aptitude{padding: 40px 0 48px;}

    .about-aptitude-item {padding: 24px 20px 24px;}

    .about-aptitude-lft p::after {top: 16px;}

    .about-business .contain {flex-direction: column-reverse;}

    .about-busRgt { width: 300px;margin: 0 auto;}

    .about-round li {width: 80px;height: 80px;}

    .about-busLft {width: 100%; padding-right: 0px;margin-top: 32px;}

    .about-busLft h2 {font-size: 20px;margin-bottom: 20px;}

    .about-link {width: 100%;margin-top: 28px; max-width: 100%;}

    .about-teamwork {padding:40px 0;}

    .advantage-contend { padding: 40px 0 48px; }

    .advantage-title span {font-size: 28px;}

    .advantage-title span::before{display: none;}

    .advantage-title span::after{display: none;}

    .advantage-title h2 { font-size: 20px; margin-top: 10px; }

    .advantage-flow {flex-direction: column;}

    .advantage-lft, .advantage-rgt{position: static;width: 100%;}

    .advantage-lft li, .advantage-rgt li { position: static;text-align: center;margin-bottom: 20px;}

    .advantage-rgt{margin-top: 20px;}

    .advantage-circle {width: 320px;height: 320px;}

    .advantage-circle img{max-width: 80%;}

    .advantage-circle::after {display: none;}

    .advantage-dot{display: none;}

    .standard-item {height: auto;padding: 40px 0 48px;}

    .standard-item{flex-direction: column;}

    .standard-round {width: 310px;height: 310px;}

    .standard-circle {width: 160px;height: 160px;}

    .standard-circle::before, .standard-circle::after {width: 210px;height: 210px;margin-top: -105px;margin-left: -105px;}

    .standard-circle::after {width: 260px;height: 260px;margin-top: -130px;margin-left: -130px;}

    .standard-circle span {font-size: 24px;}

    .standard-circle span::after{display: none;}

    .standard-circle span::before {display: none;}

    .standard-circle h2 {font-size: 16px;margin-top: 0px;line-height: 24px;}

    .standard-icon li {width: 80px; height: 80px;margin-top: -40px;margin-left: -40px;}

    .standard-icon li img { max-width: 50%;}

    .standard-icon li:first-child { transform: rotateZ(-180deg) translateY(130px);}

    .standard-icon li:nth-child(2) {transform: rotateZ(-90deg) translateY(130px);}

    .standard-icon li:nth-child(3) {transform: rotateZ(0deg) translateY(130px);}

    .standard-icon li:nth-child(4) {transform: rotateZ(90deg) translateY(130px);}

    .standard-cont {position: static;margin-top: 20px;}

    .standard-cont li {position: static;width: 100%;text-align: center;margin-top: 28px;}

    .standard-cont li p{max-width: 100%;text-align: center;}

    .standard-cont li:nth-child(3) {text-align: center;}

    .standard-cont li:nth-child(3) p {float: none }

    .brandcp {padding: 40px 0 48px;}

    .brandcp-tit i {width: 108px; height: 48px;}

    .brandcp-tit h2 {margin-top: 18px;font-size: 20px; }

    .brandcp-tit h2::after{display: none;}

    .brandcp-tit h2::before{display: none;}

    .brandcp-item {margin-top: 0;}

    .brandcp-item li {width: 50%;margin-top: 28px;}

    .brandcp-item li p {height: 48px;}

    .brandcp-data h6 span {font-size: 30px;}

    .brandms {height: auto;padding: 40px 0 48px;}

    .brandms-tit h2 {font-size: 18px;line-height: 32px; }

    .brandms-round {width: 100%;text-align: center;border: none;height: auto;flex-direction: column;margin-top: 0;}

    .brandms-round img { max-width: 80%;margin: 0 auto;}

    .brandms-flow{position: static;width: 100%;}

    .brandms-flow li {width: 140px;height: 140px; margin-left:0px;margin-top: 0px;position: static;float: left;margin: 0 50px 28px 0;}

    .brandms-flow li:nth-child(2n){margin-right: 0;}

    .brandms-flow li:nth-child(1) {transform: rotateZ(0) translateY(0px);}

    .brandms-flow li:nth-child(2) {transform: rotateZ(0) translateY(0px);}

    .brandms-flow li:nth-child(3) {transform: rotateZ(0) translateY(0px);}

    .brandms-flow li:nth-child(4) {transform: rotateZ(0) translateY(0px);}

    .brandms-flow li:nth-child(5) {transform: rotateZ(0) translateY(0px);}

    .brandms-flow li:nth-child(6) {transform: rotateZ(0) translateY(0px);}

    .brandms-flow li:nth-child(7) {transform: rotateZ(0) translateY(0px);}

    .brandms-flow li:nth-child(1) .brandms-cont {transform: rotate(0); }

    .brandms-flow li:nth-child(2) .brandms-cont {transform: rotate(0); }

    .brandms-flow li:nth-child(3) .brandms-cont {transform: rotate(0); }

    .brandms-flow li:nth-child(4) .brandms-cont {transform: rotate(0); }

    .brandms-flow li:nth-child(5) .brandms-cont {transform: rotate(0); }

    .brandms-flow li:nth-child(6) .brandms-cont {transform: rotate(0); }

    .brandms-flow li:nth-child(7) .brandms-cont {transform: rotate(0); }

    .brandms-cont {padding: 0 18px;}

    .brandms-cont h2 {font-size: 16px;}

    .brandms-cont p {font-size: 12px;}

    .brandyd {padding-top: 40px;}

    .brandyd-item {margin-top: 28px;}

    .brandyd-link {height:auto;margin-top: 20px;}

    .brandyd-lft {width:100%; }

    .brandyd-rgt {width:100%; }

    .brandgl {padding: 40px 0;}

    .brandgl-tit h2::after {height: 48px;bottom: -48px; }

    .brandgl-item {margin-top: 48px;}

    .brandgl-item li {width: 100%;}

    .brandgl-item li+li {border-left:1px solid #e6e5e5;}

    .brandgl-more {margin-top: 38px; }

    .synergypt {padding:40px 0;}

    .synergypt-item {margin-top: 8px;}

    .synergypt-item li {width: 100%;margin-right: 0;margin-top: 28px; }

    .synergygz {padding: 40px 0;}

    .synergygz-title h2 { font-size: 20px;}

    .synergygz-title p {font-size: 14px;}

    .synergygz-flow{flex-direction: column;align-items: center;margin-top: 32px;}

    .synergygz-lft, .synergygz-rgt {width: 100%; position: static;}

    .synergygz-lft li, .synergygz-rgt li {position: static;text-align:center;margin-bottom: 28px;}

    .synergygz-circle {width: 280px;height: 280px;margin-bottom: 28px;}

    .synergygz-circle::after {display: none;}

    .synergygz-dot {display: none;}

    .synergygz-course {margin-top: 0px;}

    .synergygz-num {flex-direction: column;margin-bottom: 18px;}

    .synergygz-num h6 {display: block;width: 100%;text-align: center;margin-bottom: 20px;padding-bottom: 16px;}

    .synergygz-num h6+h6{margin-left: 0;}

    .synergygz-num h6 b {font-size: 20px;}

    .synergyxl {padding: 60px 0 80px;}

    .synergyxl-round {width:310px;height:310px;}

    .synergyxl-circle {width:160px; height:160px;}

    .synergyxl-round::before, .synergyxl-round::after {width: 210px;height:210px;margin-top: -105px;margin-left: -105px;}

    .synergyxl-round::after {width: 260px;height:260px;margin-top: -130px;margin-left: -130px;}

    .synergyxl-circle span { font-size: 28px;}

    .synergyxl-circle span::after{display: none;}

    .synergyxl-circle span::before{ display: none;}

    .synergyxl-circle h2 {font-size: 18px;margin-top: 2px;}

    .synergyxl-more {margin-top: 48px; }

    .talentsln {padding: 40px 0;}

    .talentsln-item {margin-top: 0px;}

    .talentsln-link{padding: 0;margin-top: 28px;}

    .talentsln-lft {width: 100%; padding:0;}

    .talentsln-rgt {width: 100%; padding:0;margin-top: 20px;height: auto;}

    .talentsln-link:nth-child(2n) .talentsln-lft {padding: 0 ;}

    .talentsln-link:nth-child(2n) .talentsln-rgt {padding: 0; }

    .talentshj {padding:40px 0;}

    .talentshj-show {height: auto;flex-direction: column;}

    .talentshj-lft { width: 100%;}

    .talentshj-rgt {width: 100%;}

    .talentswm {padding:40px 0 28px;}

    .talentswm-item li {width:100%;margin-right:0%;margin-bottom: 20px;}

    .experience {padding:40px 0 60px;}

    .experience-title {flex-direction: column;align-items: flex-start;}

    .experience-title h2 {font-size: 20px;}

    .experience-title p {margin-left:0px;font-size: 16px; }

    .experience-menu .inline-icon { padding-left: 10px;}

    .experience-menu .inline-icon h2 { font-size: 13px;}

    .experience-menu:nth-child(3) .inline-input { width: 42%;}

    .experience-menu button {font-size: 12px;width: 24%;}

    .experience-menu input {padding: 0 10px;}

    .experience-menu input::placeholder{font-size: 12px;}

    .experience-menu.experience-select {flex-direction: column;height: auto;margin-bottom: 0;}

    .customSelect {width: 100%;margin-bottom: 20px;}

    .contact-title{padding-bottom: 24px;}

    .contact-title h2{font-size: 22px;padding-left: 38px;}

    .contact-title h2::before{top: -8px;width: 28px;height: 28px;}

    .contactzb{padding:40px 0;}

    #map{margin-top:28px;height: 320px;}

    .contactzb-site{margin:32px 0 38px;padding-bottom:0px;}

    .contactzb-site li{width: 100%;margin-bottom: 28px;}

    .contactzb-site li h2{font-size: 18px;}

    .contactzb-site li:last-child h2{font-size: 15px;}

    .contactzb-show{display: flex;justify-content: center;align-items: center; width: 100%;margin-bottom: 28px;}

    .contactzb-cont{width: 100%;padding-left: 0;}

    .contactzb-cont h6{font-size: 22px;}

    .contactzb-cont h2{font-size:28px;}

    .contactzb-cont-list{margin-top: 24px;}

    .contactzb-cont-list li{margin-bottom: 18px;}

    .contactfb{padding-bottom:20px;}

    .contactfb-list{margin-top: 28px;}

    .contactfb-list li{width: 100%;margin-bottom:28px;}

    .contactfb-list li h2{font-size:18px;margin-bottom: 10px;}

    .contactfb-list li:nth-child(2n){padding-left: 0;}

    .digital-nav,.win-nav{white-space: nowrap;overflow-x: auto;justify-content: flex-start;margin-top: 10px;padding: 0 4%;}

    .digital-nav .item,.win-nav .item{font-size: 14px;height: 50px;margin-left: 20px;}

    .digital-nav .item::after,.win-nav .item::after{bottom: 0;}

    .win-pagination-box{bottom: 10px;}

    .abVideo{padding-top: 40px;}

    .abVideo-con{margin-top: 15px;}

    .abVideo-con .btn{width: 40px;height: 40px;}

    .abVideo-con .btn i{border-width: 8px;}

    

    


}