.ts3000{
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.ts5000{
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
/******************************v01-head*********************************/
.nav-wrap {line-height:80px;background:#fff;box-shadow:0 -1px 4px rgba(0,0,0,.3);position:fixed;width:100%;height:80px;left:0;top:0;z-index:999;}
.nav-main {display:flex;justify-content:space-between;align-items:center;}
.nav-items {display:flex;justify-content:flex-start;}
.nav-main img {vertical-align:middle;}
.nav-main .logo {widows:200px;margin-right:36px;}
.foot-logo-wrap a {display:inline-block;margin-bottom:40px;}
.nav-items {width:850px;}
.nav-item-list {padding:0 16px;position:relative;z-index:999;}
.nav-item-list a{display: block;}
.nav-item-list::after {content:'';position:absolute;width:60%;height:2px;background:transparent;bottom:4px;left:50%;transform-origin:50% 50%;transform:translateX(-50%);transform:all .3s easy-in-out;}
.nav-item-list:hover::after {background-color:#008fff;transform:all .3s easy-in-out;}
.nav-item-list.active::after {background-color:#008fff;transform:all .3s easy-in-out;}
.nav-shearch {height:34px;line-height:34px;width:190px;padding:0 20px;border-radius:17px;box-shadow:0 0 16px rgba(0,155,255,.2);transform:all .6s easy-in-out;display:flex;}
.nav-shearch:hover {box-shadow:0 0 16px rgba(0,155,255,.4);transform:all .6s easy-in-out;}
.nav-shearch .iconfont {color:#26a0ff;}
.nav-shearch  input {width:136px;height:34px;line-height:34px;outline:0;border:0;vertical-align:top;padding-left:10px;}
.nav-item-list:hover .nav-drap-wrap {animation:slideDown .6s ease-in-out forwards;}
@keyframes slideDown {0% {height:0;opacity:0;}
100% {height:196px;opacity:1;}
}
/***********server-drap***************/
.nav-drap-wrap {position:absolute;width:832px;background:#fff;box-shadow:inset 0 0 2px rgba(0,0,0,.1);border-radius:4px;display:flex;flex-wrap:wrap;overflow:hidden;left:-300px;height:0;}
.nav-gird-item {box-sizing:border-box;width:33.333%;display:flex;justify-content:flex-start;padding:24px 24px;align-items:center;cursor:pointer;box-sizing:border-box;}
.nav-gird-item img {margin-right:20px;width:48px;height:48px;}
.nav-gird-item:hover {transform:all .3s ease-in-out;box-shadow:inset 0 0 8px rgba(0,0,0,.1);}
.nav-gird-item .iconfont {font-size:48px;color:#008fff;margin-right:12px;}
.nav-gird-item h3 {font-size:16px;line-height:38px;}
.nav-gird-item p {line-height:100%;max-width:160px;}
/***********suc-wrap************************/
.nav-suc-wrap {position:absolute;width:832px;background:#fff;box-shadow:inset 0 0 2px rgba(0,0,0,.1);border-radius:4px;display:flex;flex-wrap:wrap;overflow:hidden;left:-300px;/* height:132px;*/  height:0;transform:all .6s easy-in-out;}
.nav-item-list:hover .nav-suc-wrap {animation:slideSuc .6s ease-in-out forwards;}
@keyframes slideSuc {0% {height:0;opacity:0;}
100% {height:132px;opacity:1;}
}
.nav-drap-suc {display:flex;align-items:center;justify-content:center;width:16.6667%;text-align:center;}
.nav-drap-suc:hover {transform:all .3s easy-in-out;box-shadow:inset 0 0 8px rgba(0,0,0,.1);}
.nav-drap-suc a {display:flex;align-items:center;justify-content:center;width:68px;height:68px;box-sizing:border-box;color:#fff;border-radius:50%;font-family:'Regular';line-height:22px;font-size:16px;}
.nav-drap-suc.web a {background:linear-gradient(135deg,#199dff,#74cefe);}
.nav-drap-suc.app a {background:linear-gradient(135deg,#fe8a6e,#faa660);}
.nav-drap-suc.mini a {background:linear-gradient(135deg,#2acb9c,#2acb9c);}
.nav-drap-suc.soft a {background:linear-gradient(135deg,#bd75fe,#864ffc);}
.nav-drap-suc.vi a {background:linear-gradient(135deg,#199dff,#199dff);}
.nav-drap-suc.other a {background:linear-gradient(135deg,#8d83ff,#7193ff);}
/*********************IT 学院************************************/
.nav-it-wrap {position:absolute;width:1056px;background:#fff;box-shadow:inset 0 0 2px rgba(0,0,0,.1);border-radius:4px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;left:-468px;padding:0 20px 0 40px;height:0;transform:all .6s easy-in-out;}
.nav-item-list:hover .nav-it-wrap {animation:slideIt .6s ease-in-out forwards;}
@keyframes slideIt {0% {height:0;opacity:0;}
100% {height:140px;opacity:1;}
}
.nav-it-item {display:flex;justify-content:space-between;/* align-items:center;*/}
.nav-it-item>a {width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#199dff,#74cefe);display:flex;justify-content:center;align-items:center;line-height:22px;font-size:16px;color:#fff;}
.nav-it-info {width:324px;line-height:18px;font-size:12px;padding:0 26px;display:flex;flex-flow:column;justify-content:space-between;max-height:68px;}
.nav-it-info h3 {font-size:16px;line-height:18px;font-weight:500;}
.nav-it-list {display:flex;flex-wrap:wrap;width:600px;line-height:26px;justify-content:flex-start;position:relative;}
.nav-it-list li {box-sizing:border-box;position:relative;padding-left:14px;font-size:14px;width:120px;}
.nav-it-list li::before {content:'';position:absolute;width:5px;height:5px;background:#008fff;border-radius:50%;left:0;top:calc(50% - 2.5px);}
.nav-it-list a:hover {color:#008fff;transform:all .3s easy-in-out;}
.nav-it-info a:hover {color:#008fff;transform:all .3s easy-in-out;}
.nav-new-list a:hover {color:#008fff;transform:all .3s easy-in-out;}
/****************************************************/
.nav-news-wrap {position:absolute;width:830px;background:#fff;box-shadow:inset 0 0 2px rgba(0,0,0,.1);border-radius:4px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;left:-468px;padding:0 32px;align-items:center;height:0;transform:all .6s easy-in-out;}
.nav-item-list:hover .nav-news-wrap {animation:slideNew .6s ease-in-out forwards;}
@keyframes slideNew {0% {height:0;opacity:0;}
100% {height:132px;opacity:1;}
}
.nav-news-item {width:600px;display:flex;justify-content:flex-start;}
.nav-news-item .img {width:176px;height:92px;overflow:hidden;margin-right:26px;}
.nav-news-item .img img {min-width:100%;height:100%;object-fit:cover;}
.nav-news-info {width:calc(100% - 202px);display:flex;flex-flow:column;justify-content:space-around;}
.nav-news-info h3 {line-height:18px;}
.nav-news-info p {line-height:22px;}
.nav-new-list {line-height:26px;color:#333;font-size:14px;}
.nav-new-list li {position:relative;padding-left:14px;}
.nav-new-list li::before {content:'';position:absolute;width:5px;height:5px;background:#008fff;border-radius:50%;left:0;top:calc(50% - 2.5px);}
/**************************about-us***********************************/
.nav-about-wrap {position:absolute;width:830px;background:#fff;box-shadow:inset 0 0 2px rgba(0,0,0,.1);border-radius:4px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;left:-390px;padding:0 32px;align-items:center;height:0;transform:all .6s easy-in-out;}
.nav-item-list:hover .nav-about-wrap {animation:slideAbout .6s ease-in-out forwards;}
@keyframes slideAbout {0% {height:0;opacity:0;}
100% {height:132px;opacity:1;}
}
.nav-abot-item {display:flex;align-items:center;justify-content:space-between;width:442px;}
.nav-abot-item .img {width:70px;height:70px;margin-right:20px;}
.nav-abot-item .img img {width:100%;min-height:100%;vertical-align:top;object-fit:cover;}
.nav-about-info {display:flex;flex-flow:column;justify-content:space-around;width:calc(100% - 90px);}
.nav-about-info h3 {line-height:18px;}
.nav-about-info p {line-height:22px;}
.nav-about-list {display:flex;justify-content:space-between;align-items:center;height:100%;}
.nav-about-list li {width:124px;text-align:center;display:flex;justify-content:center;align-items:center;transform:all .6s easy-in-out;height:100%;}
.nav-about-list li:hover {transform:all .3s easy-in-out;box-shadow:inset 0 0 8px rgba(0,0,0,.2);}
.nav-about-list li a {display:flex;justify-content:center;align-items:center;font-size:16px;line-height:20px;width:70px;height:70px;border-radius:50%;color:#fff;}
.nav-about-list li.team a {background:linear-gradient(135deg,#fe8b6e,#faa561);}
.nav-about-list li.adv a {background:linear-gradient(135deg,#b972fe,#8850fc);}
.nav-about-list li.ent a {background:linear-gradient(135deg,#2acb9c,#2acb9c);}
/************* nav-cancat*********************/
.nav-concat-wrap {position:absolute;width:830px;background:#fff;box-shadow:inset 0 0 2px rgba(0,0,0,.1);border-radius:4px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;left:-390px;align-items:center;height:0;transform:all .6s easy-in-out;}
.nav-item-list:hover .nav-concat-wrap {animation:slideConcat .6s ease-in-out forwards;}
@keyframes slideConcat {0% {height:0;opacity:0;}
100% {height:132px;opacity:1;}
}
.nav-concat-item {line-height:24px;color:#333;text-align:center;width:33.33%;height:100%;box-sizing:border-box;padding:0 54px;font-size:14px;display:flex;justify-content:center;align-items:center;flex-flow:column;cursor:pointer;}
.nav-concat-item:hover {box-shadow:inset 0 0 8px rgba(0,0,0,.2);}
.nav-concat-item i {display:inline-block;margin-bottom:10px;}
/********************v02-foot*************************************/
.foot-wrap {background:url(../images/foot-bg.png) no-repeat center;background-size:cover; padding-top:20px; }
.foot-body {display:flex;padding:0 20px;}
.foot-item{width:164px;}
.foot-item a{display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.foot-item a:hover{padding-left: 5px;}
.foot-item:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.foot-item:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.foot-item:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.foot-item:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.foot-item:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.foot-item:nth-child(6){animation-delay:.6s; -webkit-animation-delay:.6s;}
.foot-item .title {line-height:18px;padding:20px 0;}
.foot-item {line-height:30px;}
.foot-logo-wrap {padding-top:23px; animation-delay:.7s; -webkit-animation-delay:.7s;}
.foot-logo-wrap>div {margin-bottom:34px;}
.foot-logo-wrap p {line-height:30px;}
.foot-copy {padding:19px 20px 0 20px;line-height:60px;}
.foot-copy .copy-wrap {display:flex;justify-content:space-between;border-top:1px solid #4adbff;}
.foot-copy .foot-link{line-height: 30px;}
.foot-copy .copy-wrap a.icp{position: relative; padding-left: 30px;}
.foot-copy .copy-wrap a.icp .icp-img{position: absolute; top: -3px; left: 8px;}
/***********************/
.index-banner {height:580px;margin-top:80px;}
.index-banner .swiper-slide {overflow:hidden;}
.index-banner .swiper-slide .link-banner {display:block;width:100%;height:580px;position:relative;}
.index-banner .swiper-slide img {width:auto;height:580px;position:absolute;top:0px;left:50%;transform:translateX(-50%);}
.index-banner .swiper-pagination {bottom: 25px;}
.index-banner .swiper-pagination-bullet{width: 10px; height: 10px; background:#fff;opacity:1;}
.index-banner .swiper-pagination-bullet{background-color:#fff;}
.index-banner .swiper-pagination-bullet-active {padding:0 12px;border-radius:4px;}
.index-banner-main {position:absolute;width:1280px;height:100%;left:50%;top:0;transform:translateX(-50%);}
.index-banner-main .link-banner {position:absolute;left:0;bottom:128px;}
/********************index-server****************************/
.index-server-main {text-align:center;}
.index-server-main h3 {font-size:32px;line-height:50px;font-weight:500;margin:80px 0 50px 0;position:relative;z-index:9;}
.index-server-main h3 em {position:absolute;top:0;left:50%;transform:translate(-50%,-30%);font-size:48px;color:#f5f5f5;font-style:normal;font-family:'Arial';z-index:-1;}
.index-server-main h3::after {content:'';position:absolute;height:2px;width:38px;background:#008fff;left:50%;bottom:0;transform:translateX(-50%);}
.index-server-con {display:flex;flex-flow:column;align-items:center;}
.index-server-con>ul {display:flex;display:-webkit-flex;justify-content:center;align-items:center;height:96px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.2);border-radius:8px;}
.index-server-nav {width:96px;height:100%;position:relative;z-index:99;display:flex;flex-flow:column;justify-content:center;cursor:pointer;}
.index-server-nav span {margin-top:16px;}
.index-server-nav::before {content:'';width:36px;height:30px;display:block;margin:0 auto;}
.index-server-nav.active::after {content:'';position:absolute;left:0;top:0;width:100%;height:106px;background:url(../images/server-bg.png) no-repeat center;background-size:100% 100%;/* animation:slide 1.2s ease-in-out;*/  transform:all 1s easy-in-out;color:#fff;z-index:-1;}
.index-server-nav.active {color:#fff;}
.index-server-nav.web::before {background:url(../images/icon-web-on.png) no-repeat center;}
.index-server-nav.app::before {background:url(../images/icon-mobile-on.png) no-repeat center;}
.index-server-nav.soft::before {background:url(../images/icon-soft-on.png) no-repeat center;}
.index-server-nav.mini::before {background:url(../images/icon-mini-on.png) no-repeat center;}
.index-server-nav.media::before {background:url(../images/icon-media-on.png) no-repeat center;}
.index-server-nav.vi::before {background:url(../images/icon-vi-on.png) no-repeat center;}
.index-server-nav.active.web::before {background-image:url(../images/icon-web-off.png);}
.index-server-nav.active.app::before {background-image:url(../images/icon-mobile-off.png);}
.index-server-nav.active.soft::before {background-image:url(../images/icon-soft-off.png);}
.index-server-nav.active.mini::before {background-image:url(../images/icon-mini-off.png);}
.index-server-nav.active.media::before {background-image:url(../images/icon-media-off.png);}
.index-server-nav.active.vi::before {background-image:url(../images/icon-vi-off.png);}
@keyframes slide {0% {transform:translateX(-100%);opacity:0;}
100% {transform:translateX(0);opacity:1;}
}
/*********************************************/
.index-server-base {margin-top:86px;display:flex;justify-content:space-between;}
.index-server-base .img {width:856px;height:424px;overflow:hidden;}
.index-server-base .img img {width:100%;min-height:100%;object-fit:cover;}
.index-server-info {padding-top:74px;width:424px;text-align:left;}
.index-server-info h4 {font-size:24px;color:#666;line-height:38px;font-weight:500;position:relative;}
.index-server-info h4::before {content:'';position:absolute;width:16px;height:2px;background:#008fff;left:-28px;top:50%;}
.index-server-info .en {color:#999;line-height:38px;}
.index-server-info .desc {margin-top:10px;line-height:22px;}
.index-server-item-list {display:flex;justify-content:flex-start;font-size:16px;color:#666;margin-top:24px;flex-wrap:wrap;}
.index-server-item-list li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:8px;margin-right:30px;}
.index-server-item-list a {color:#666;}
.index-server-item-list a:hover {color:#008fff;}
/********************index-suc-case**************************/
.index-suc-wrap {padding-bottom:25px;}
.index-suc-wrap.case{padding-bottom: 80px;}
.index-suc-main h3 {text-align:center;font-size:32px;line-height:56px;font-weight:500;margin:80px 0 50px 0;position:relative;z-index:9; color: #333;}
.index-suc-main h3 em {position:absolute;top:0;left:50%;transform:translate(-50%,-30%);font-size:48px;color:#f5f5f5;font-style:normal;font-family:'Arial';z-index:-1; text-transform: uppercase;}
.index-suc-main h3::after {content:'';position:absolute;height:2px;width:38px;background:#008fff;left:50%;bottom:0;transform:translateX(-50%);}
.index-suc-nav {display:flex;justify-content:center;}
.index-suc-item {display:flex;justify-content:space-around;line-height:48px;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 8px rgba(0,0,0,.2);}
.index-suc-item li {padding:0 30px;cursor:pointer;}
.index-suc-item li:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.index-suc-item li:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.index-suc-item li:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.index-suc-item li:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.index-suc-item li:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.index-suc-item li:nth-child(6){animation-delay:.6s; -webkit-animation-delay:.6s;}
.index-suc-item li:nth-child(7){animation-delay:.7s; -webkit-animation-delay:.7s;}
.index-suc-item li:nth-child(8){animation-delay:.8s; -webkit-animation-delay:.8s;}
.index-suc-item li:hover {background:linear-gradient(90deg,#0994ff,#75cffe);border-radius:24px;transform:all .6s easy-in-out;color:#fff;}
.index-suc-item li.active {background:linear-gradient(90deg,#0994ff,#75cffe);border-radius:24px;transform:all .6s easy-in-out;color:#fff;}
.index-suc-item li.active a{color:#fff;}
.index-suc-case{width:1280px;margin:50px auto 0;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.index-suc-case-box-item{display: none;}
.index-suc-case-box-item.active{display: block;}
.index-suc-caseitem {width:382px;box-shadow:0 0 8px rgba(0,0,0,.2);border-radius:4px;overflow:hidden;margin-bottom:60px; cursor:pointer; }
.index-more-case-item{display: none;}
.index-more-case-item.active{display: block;}
.index-suc-caseitem:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.index-suc-caseitem:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.index-suc-caseitem:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.index-suc-caseitem:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.index-suc-caseitem:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.index-suc-caseitem:nth-child(6){animation-delay:.6s; -webkit-animation-delay:.6s;}
.index-suc-caseitem:not(:nth-child(3n)) {margin-right:42.6px;}
.index-suc-caseitem .img {width:382px;height:224px;overflow:hidden;position:relative;}
.index-suc-case .img img {width:100%;min-height:100%;object-fit:cover;}
.index-suc-caseitem .desc {text-align:center;line-height:50px;background:#fff;padding:0 12px;}
.index-suc-layer{position:absolute; top:0; left:0; width:100%; height:0%; display:flex; justify-content:center; align-items:center; opacity:0; background: rgba(0,0,0,0.3);}
.index-suc-caseitem:hover .index-suc-layer{animation:slideShow .6s ease-in-out forwards;}
@keyframes slideShow {
  0% {height:0;background:rgba(0,0,0,0); opacity:0;}
  100% {height:100%;background:rgba(0,0,0,.3); opacity:1;}
}
.index-suc-caseitem:hover>p {background:linear-gradient(135deg,#0e97ff,#69c8fe);transform:all .6s easy-in-out;color:#fff;}
.index-suc-caseitem:hover>p a{color:#fff;}
.index-suc-link {display:flex;text-align:center;}
.index-suc-link li {padding:0 8px; position: relative;}
.index-suc-link a{display: block; width: 50px; height: 50px; color:#fff; position: relative;}
.index-suc-link a .descs{width: 100%; text-align: center; font-size: 14px; color:#fff; background: none; position: absolute; left: 0px; bottom: -22px;}
.index-suc-link a:hover img{margin-top: -4px;}
.index-suc-link a:hover .descs{bottom: -18px;}




.index-suc-link p {padding-top:8px;}
.index-more-case {text-align:center;}
.index-more-case a {display:inline-block;background:url(../images/more-off.png) no-repeat center;transform:all .3s easy-in-out;width:148px;height:40px;border-radius:20px;}
.index-more-case a:hover {transform:all .3s easy-in-out;background:url(../images/more.png) no-repeat center;}
/*******************************server-step*********************************************/
.index-step-wrap {background:url(../images/step-bg.png) no-repeat center;padding-top:64px;height:470px;background-size:cover;}
.index-step-main h3 {text-align:center;font-size:32px;line-height:50px;font-weight:500;position:relative;z-index:9;}
.index-step-main h3 em {position:absolute;top:0;left:50%;transform:translate(-50%,-30%);font-size:48px;color:#f5f5f5;font-style:normal;font-family:'Arial';z-index:-1;}
.index-step-main h3::after {content:'';position:absolute;height:2px;width:38px;background:#008fff;left:50%;bottom:0;transform:translateX(-50%);}
.index-step-list {display:flex;justify-content:center;}
.index-step-list>ul{display:flex; justify-content:space-between; align-content:center; border-bottom:2px solid #d4d4d4; padding-top: 80px;}
.index-step-item {display:flex;flex-flow:column;justify-content:space-between;text-align:center;padding:54px 0 40px 0;position:relative;transform:all .6s easy-in-out;}
.index-step-item:not(:last-child) {margin-right:110px;}
.index-step-item::before {content:''; width:108px; height: 73px;}
.index-step-item.active {color:#008fff;}
.index-step-item span{padding-bottom: 13px;}
.index-step-item:nth-child(1){background:url(../images/index-step1-on.png) no-repeat center top;
animation-delay:.1s; -webkit-animation-delay:.1s;
}
.index-step-item:nth-child(2){background:url(../images/index-step2-on.png) no-repeat center top;
animation-delay:.2s; -webkit-animation-delay:.2s;
}
.index-step-item:nth-child(3){background:url(../images/index-step3-on.png) no-repeat center top;
animation-delay:.3s; -webkit-animation-delay:.3s;
}
.index-step-item:nth-child(4){background:url(../images/index-step4-on.png) no-repeat center top;
animation-delay:.4s; -webkit-animation-delay:.4s;
}
.index-step-item:nth-child(5){background:url(../images/index-step5-on.png) no-repeat center top;
animation-delay:.5s; -webkit-animation-delay:.5s;
}
.index-step-item:nth-child(6){background:url(../images/index-step6-on.png) no-repeat center top;
animation-delay:.6s; -webkit-animation-delay:.6s;
}
.index-step-item:hover:nth-child(1){background:url(../images/index-step1-off.png) no-repeat center top; color:#008fff;}
.index-step-item:hover:nth-child(2){background:url(../images/index-step2-off.png) no-repeat center top; color:#008fff;}
.index-step-item:hover:nth-child(3){background:url(../images/index-step3-off.png) no-repeat center top; color:#008fff;}
.index-step-item:hover:nth-child(4){background:url(../images/index-step4-off.png) no-repeat center top; color:#008fff;}
.index-step-item:hover:nth-child(5){background:url(../images/index-step5-off.png) no-repeat center top; color:#008fff;}
.index-step-item:hover:nth-child(6){background:url(../images/index-step6-off.png) no-repeat center top; color:#008fff;}

.index-step-item::after{content:''; position:absolute; width:70px; height:4px; bottom:0; left:calc(50% - 35px); background: none;
   transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.index-step-item:hover::after{background:#008fff;}
/******************************index-adv-main*************************************/
.index-adv-wrap {background:url(../images/our.png) no-repeat center 126px;padding-top:64px;height:810px;box-sizing:border-box;background-size:auto 68.5%;}
.index-adv-main h3 {text-align:center;font-size:32px;line-height:50px;font-weight:500;position:relative;z-index:9;}
.index-adv-main h3 em {position:absolute;top:0;left:50%;transform:translate(-50%,-30%);font-size:48px;color:#f5f5f5;font-style:normal;font-family:'Arial';z-index:-1;}
.index-adv-main h3::after {content:'';position:absolute;height:2px;width:38px;background:#008fff;left:50%;bottom:0;transform:translateX(-50%);}
/*******************index-data*****************/
.index-data-wrap {height:260px;background:url(../images/data-bg.png) no-repeat center;background-size:cover;}
.index-data-main {display:flex;justify-content:space-between;padding:84px 0;}
.index-data-item{width:20%;padding:0 36px;height:90px;display:flex;flex-flow:column;justify-content:space-around;}
.index-data-item:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.index-data-item:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.index-data-item:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.index-data-item:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.index-data-item:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.index-data-item:not(:last-child) {border-right:1px solid #fff;}
/****************index-news************************/
.index-new-wrap {padding-top:100px;}
.index-new-main h3 {text-align:center;font-size:32px;line-height:50px;font-weight:500;position:relative;z-index:9;}
.index-new-main h3 em {width: 100%; position:absolute;top:0;left:50%;transform:translate(-50%,-30%);font-size:48px;color:#f5f5f5;font-style:normal;font-family:'Arial';z-index:-1;}
.index-new-main h3::after {content:'';position:absolute;height:2px;width:38px;background:#008fff;left:50%;bottom:0;transform:translateX(-50%);}
.index-new-calss {display:flex;justify-content:space-between;padding-top:80px;}
.index-new-calss .index-new-type:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.index-new-calss .index-new-type:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.index-new-calss .index-new-type:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.index-new-item {width:406px;}

.index-new-item .index-new-list{height:35px; line-height: 35px;}



.index-new-item .index-new-type {height:198px; background:url(../images/new-item.png) no-repeat center; background-size:cover; margin-bottom:45px;position:relative;}
.index-new-detaill {position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.2);color:#fff;padding:0 0 0 174px;display:flex;align-items:center;}
.index-new-detaill span {position:absolute;bottom:14px;right:12px;}
.index-new-info {position:absolute;width:148px;height:calc(100% + 24px);background:rgba(0,155,255,.8);left:0;top:-12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;line-height:30px;z-index:99;}
.index-new-list a {font-size:16px;color:#333;line-height:24px;transform:all .3s easy-in-out;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-new-type .new-more {margin-top: 12px;}
.index-new-list a:hover {color:#0793ff;transform:all .3s easy-in-out;}
.index-new-calss  .new-more a {display:inline-block;background:url(../images/more-off.png) no-repeat center;transform:all .3s easy-in-out;width:148px;height:40px;border-radius:20px;}
.index-new-calss  .new-more a:hover {transform:all .3s easy-in-out;background:url(../images/more.png) no-repeat center;}
/******************************it-school*******************************************/
.index-it-wrap {padding-top: 100px;}
.index-it-main  h3 {text-align:center;font-size:32px;line-height:50px;font-weight:500;position:relative;z-index:9;margin-bottom:40px;}
.index-it-main  h3 em {position:absolute;top:0;left:50%;transform:translate(-50%,-30%);font-size:48px;color:#f5f5f5;font-style:normal;font-family:'Arial';z-index:-1;}
.index-it-main h3::after {content:'';position:absolute;height:2px;width:38px;background:#008fff;left:50%;bottom:0;transform:translateX(-50%);}
.it-container {display:flex;justify-content:space-between;}
.it-container .aside {width:154px;padding-right:8px;font-size:18px;color:#333;}
.it-container .aside li {line-height:50px;height:50px;background:#fafafa;padding:0 8px 0 16px;box-sizing:border-box;position:relative;cursor:pointer;}
.it-container .aside li.active {width:calc(100% + 8px);background:url(../images/it-aside.png) no-repeat center;background-size:100% 100%;color:#fff;transform:all .3s easy-in-out;}
.it-container .aside li:hover {width:calc(100% + 8px);background:url(../images/it-aside.png) no-repeat center;background-size:100% 100%;color:#fff;transform:all .3s easy-in-out;}
.it-container .aside li:hover a {color:#fff;}
.it-container .aside li.active a {color:#fff;}
.it-container .aside li:not(:last-child) {/* border-bottom:1px solid #ffff;*/  box-shadow:0 -1px 2px #fff;}
.index-it-recom {width:1012px;display:flex;flex-flow:column;justify-content:space-between;}
.index-it-recom .it-item-top {display:flex;justify-content:space-between;}
.index-it-recom .text {width:670px;}
.index-it-recom h2 {font-size:24px;line-height:38px;color:#333;font-weight:700;margin-bottom:20px;}
.index-it-recom .desc {color:#666;line-height:22px;}
.index-it-recomlist {display:flex;justify-content:space-between;flex-wrap:wrap;}
.index-it-recomlist li {width:50%;line-height:22px;color:#666;padding:0 28px 0 0;/* list-style:disc;*/}
.index-it-recomlist li a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:94%;line-height:22px;}
.index-it-recomlist li::before {content:'';width:8px;height:8px;background:#008fff;border-radius:50%;display:inline-block;margin-right:20px;margin-bottom:6px;}
.index-it-recomlist li:hover {color:#008fff;transform:all .3s ease-in-out;}
.index-it-recomlist li:hover a {color:#008fff;transform:all .3s ease-in-out;}
.index-it-recom .more {text-align:center;max-width:780px;}
.index-it-recom .more a {display:inline-block;width:148px;height:40px;background:url(../images/it-more-off.png) no-repeat center;transform:all .6s ease-in-out;}
.index-it-recom .more a:hover {background:url(../images/it-more-on.png) no-repeat center;border-radius:20px;}
/***************************meaassge-to***********************************/
.message-wrap {padding:90px 0;}
.message-main h3 {text-align:center;font-size:32px;line-height:50px;font-weight:500;position:relative;z-index:9;}
.message-main h3 em {position:absolute;top:0;left:50%;transform:translate(-50%,-30%);font-size:48px;color:#f5f5f5;font-style:normal;font-family:'Arial';z-index:-1;}
.message-main h3::after {content:'';position:absolute;height:2px;width:38px;background:#008fff;left:50%;bottom:0;transform:translateX(-50%);}
.message-from-concat {padding: 55px 0 29px 0;text-align:center;}
.message-from-concat span {color:#333;font-size:16px;line-height:24px;}
.message-from-concat span:not(:last-child) {margin-right:40px;}
.message-from-concat img {vertical-align:middle;}
.msg-from-group {display:flex;justify-content:space-between;margin-bottom:16px;}
.msg-from-group img{height: 38px;}
.msg-from-group input {width:29.5%; height:38px; outline:0;box-sizing:border-box;line-height:36px;padding:0 16px;border:1px solid #d0d0d0;}
.msg-from-group input:hover {border-color:#7c48fc;}
.msg-from-area textarea {width:100%;height:180px;outline:0;padding:8px 16px;line-height:24px;border:1px solid #d0d0d0;resize:none;}
.msg-from-area textarea:hover {border-color:#7c48fc;}
.fom-send {margin-top:30px;text-align:center;}
.fom-send button {border:0;outline:0;line-height:36px;height:40px;padding:0 50px;border-radius:20px;box-sizing:border-box;cursor:pointer;background:#fff;border:2px solid #7b47fc;letter-spacing:2px;font-size:16px;color:#7b47fc;}
.fom-send button:hover {line-height:40px;transform:all .3s ease-in-out;background:linear-gradient(90deg,#7b47fc,#d787ff);border:0;box-shadow:0 0 8px #7b47fc;color:#fff;}
/*****************crumbs*******************************/
.crumbs-wrap {padding-top:5px;overflow:hidden;line-height:58px;}
.crumbs-wrap .crumbs-main {display:flex;justify-content:left;align-items:flex-end;text-align:left;line-height:58px;font-size:14px;}
.crumbs-main .crumbs-item:first-child {padding-left:18px;background:url(../images/icon-crumb.png) no-repeat left center;}
.crumbs-main .crumbs-item a {padding-left:14px;color:#333;}
.crumbs-main .crumbs-item a:hover {color:#008fff;}
.crumbs-main .crumbs-item a:last-child {color:#008fff;padding-right:4px;}
/****************************suc-banner*****************************************/
.suc-banner-wrap{height:450px; position: relative; margin-top: 80px;}
.suc-banner-wrap img{position: absolute; top: 0px; left: 50%; transform:translateX(-50%);}
/*.suc-banner-wrap img {width:100%;}*/
/**************pagination-wrap***********/
.pagination-wrap{margin:30px auto 0;text-align:center;margin-bottom:30px;overflow: hidden;display: flex; flex-direction:row; justify-content:center;}
.pagination-wrap a,.pagination-wrap span{display: inline-block; width: 34px; height: 34px; line-height: 33px; border: 1px solid #666; border-radius: 50%; margin: 0 8px; color:#666;}
.pagination-wrap .active {background:#008fff;color:#fff;border-color:#008fff;transform:all .3s easy-in-out;}
.pagination-wrap  a:hover {background:#008fff;color:#fff;border-color:#008fff;transform:all .3s easy-in-out;}
.pagination-wrap .page-num.page-num-current {background:#008fff;color:#fff;border-color:#008fff;transform:all .3s easy-in-out;}
/**************************suc-detail*********************************/
.suc-detail-wrap {background:#fafafa;min-height:100vh;padding-top:80px;padding-bottom:26px;}
.suc-detail-main {background:#fff;padding:8px 38px;}
.suc-detail-main h1 {font-size:30px;font-weight:500;line-height:86px;}
.suc-detail-main h3 {font-size:30px;font-weight:500;line-height:86px;}
.suc-detail-main .desc {font-size:16px;line-height:24px;color:#333;margin-bottom:40px;}
.suc-detail-main img {width:100%;}
.mains-content .map-row{line-height: 30px;}
.mains-content .map-row a{font-size: 16px;}
.mains-content .map-row h3{font-size:20px;}
/********************content-us*****************************/
.cont-main .contact-info h2.title {text-align:center;font-size:26px;color:#333;background:url(../images/double-line.png) no-repeat center;margin-bottom:104px;}
.cont-wrap .cont-message {background:#fafafa;padding-top:40px;margin-top:76px;padding-bottom:60px;}
.cont-message .cont-main h2.title {text-align:center;font-size:26px;color:#333;background:url(../images/double-line.png) no-repeat center;margin-bottom:50px;/* padding-top:73px;*/}
.cont-type-list {display:flex;justify-content:space-around;}

.cont-type-list .cont-type-item:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.cont-type-list .cont-type-item:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.cont-type-list .cont-type-item:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.cont-type-item {box-shadow:0 0 10px #ddd;width:320px;text-align:center;position:relative;border-radius:5px;padding-bottom:32px;transition:all .6s ease-in-out;}
.cont-type-item:hover {transform:scale(1.06);transition:all .6s ease-in-out;box-shadow:0 0 10px #ccc;}
.cont-type-item img {margin-top:-65px;}
.cont-type-item .f-18 {color:#333;font-size:18px;margin:14px 0 10px;}
.cont-type-item p {color:#666;font-size:16px;line-height:32px;padding:0 39px;}
.cont-type-item .hesitate-to {border-radius:20px;display:inline-block;font-size:14px;color:#fff;padding:11px 0 9px;width:120px;margin:58px auto 0;box-shadow:0 0 10px #ddd;}
.cont-type-item:nth-child(1) .hesitate-to {background:linear-gradient(to right,#fe8b6e,#faa660);}
.cont-type-item:nth-child(2) .hesitate-to {background:linear-gradient(to right,#199cff,#70ccfe);}
.cont-type-item:nth-child(3) .hesitate-to {background:linear-gradient(to right,#2acb9c,#39eb96);}
.cont-type-item:nth-child(1) .hesitate-to:hover {box-shadow:0 0 8px #fe8b6e;transform:all .3s easy-in-out;}
.cont-type-item:nth-child(2) .hesitate-to:hover {box-shadow:0 0 8px #199cff;transform:all .3s easy-in-out;}
.cont-type-item:nth-child(3) .hesitate-to:hover {box-shadow:0 0 8px #2acb9c;transform:all .3s easy-in-out;}
.cont-type-item img {vertical-align:super;margin-left:8px;}
/**************************cont-banner***********************************/
.cont-banner-wrap{height: 370px; margin: 80px 0px 76px; position: relative;}
.cont-banner-wrap img{width: auto; height: 370px; position: absolute; top: 0px; left: 50%; 
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
/*****************************v05  about *******************************/
.about-banner-wrap{width: 100%; height: 370px; margin-top: 80px; position: relative;}
.about-banner-wrap img{width: auto; height: 370px; position: absolute; top: 0px; left: 50%; transform:translateX(-50%);}
.about-nav-wrap {display:flex;justify-content:center;position:relative;height:196px;}
.about-nav-item {display:flex;height:196px;box-shadow:0 5px 8px -4px rgba(0,0,0,.3);width:1280px;position:absolute;top:-50px;z-index:99;background:#fff;border-radius:4px;position:absolute;left:50%;transform:translateX(-50%);}
.about-nav-item li{display:flex;flex-flow:column;justify-content:center;align-items:center;width:256px;font-size:16px;color:#333;}
.about-nav-item li:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.about-nav-item li:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.about-nav-item li:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.about-nav-item li:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.about-nav-item li:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.about-nav-item li::before {content:'';height:90px;width:90px;border-radius:50%;margin-bottom:12px;}
.about-nav-item li:hover {color:#008fff;}
.about-nav-item li:nth-child(1)::before {background:url(../images/about-net-off.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(2)::before {background:url(../images/about-vip-off.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(3)::before {background:url(../images/about-light-off.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(4)::before {background:url(../images/about-fast-off.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(5)::before {background:url(../images/about-small-off.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(1):hover::before {background:url(../images/about-net-on.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(2):hover::before {background:url(../images/about-vip-on.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(3):hover::before {background:url(../images/about-light-on.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(4):hover::before {background:url(../images/about-fast-on.png) no-repeat center;background-size:cover;}
.about-nav-item li:nth-child(5):hover::before {background:url(../images/about-small-on.png) no-repeat center;background-size:cover;}
/**********************************/
.about-intro-wrap {padding-bottom:90px;}
.about-title h3 {text-align:center;font-size:26px;line-height:48px;color:#333;font-weight:500;background:url(../images/double-line.png) no-repeat center;}
.about-intro-main .desc {line-height:24px;color:#333;margin:20px 0 40px 0;text-align: center;}
.about-intro-main  .img {text-align:center;}
.about-intro-main  .img img{width: auto; max-width: 100%; height:auto;}
/*********************about-team**********************/
.about-team-wrap {background:#fafafa;padding:40px 0 50px 0;height:620px;}
.about-team-list {display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:100px;background:url(../images/team-intro.png) no-repeat center;}
.about-team-list li{width:50%;margin-bottom:64px;}

.about-team-list li:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.about-team-list li:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.about-team-list li:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.about-team-list li:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.about-team-list li:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.about-team-list li:nth-child(6){animation-delay:.6s; -webkit-animation-delay:.6s;}



.about-team-list li:nth-child(2n + 1) .img {height:72px;width:72px;margin-right:30px;}
.about-team-list li:nth-child(2n) img {height:72px;width:72px;margin-right:30px;}
.about-team-list li:nth-child(2n) .info {width:200px;}
.about-team-list li:nth-child(2n + 1) {display:flex;align-items:center;}
.about-team-list li:nth-child(2n) {display:flex;align-items:center;justify-content:flex-end;}
.about-team-list .info .title {font-size:18px;color:#333;margin-bottom:6px;}
.about-team-list .info .skill {font-size:14px;line-height:24px;color:#666;}
/********************************************************/
.about-adv-wrap {padding-top:60px;}
.about-adv-card {height:360px;box-shadow:0 0 8px rgba(0,0,0,.2);}
.about-adv-card .img {width:100%;height:134px;overflow:hidden;}
.about-adv-card .img img {width:100%;min-height:100%;object-fit:cover;}
.about-adv-card .title {font-size:24px;line-height:48px;text-align:center;padding:24px 42px 12px;}
.about-adv-card .desc {padding:0 42px;line-height:24px;}
.about-adv-main.swiper-container .swiper-wrapper {padding:40px 0 8px;}
.about-adv-main.swiper-container .swiper-button-next {background-image:url(../images/next.png);outline:0;}
.about-adv-main .swiper-button-prev {background-image:url(../images/prev.png);outline:0;}
.about-env-list {display:flex;justify-content:space-between;flex-wrap:wrap;padding:40px 0 68px;}
.about-env-list li {margin-bottom:22px;}
.about-env-list li:first-child {height:302px;width:768px;}
.about-env-list li:nth-child(2) {height:302px;width:486px;}
.about-env-list li:lt(n+2) {height:416px;width:266px;}
.about-env-list li img {width:100%;min-height:100%;object-fit:cover;}
/********************it-banner******************************/
.it-banner img {width:100%;}
.it-nav-list {display:flex;justify-content:space-between;font-size:18px;line-height:48px;color:#333;cursor:pointer;}
.it-nav-list .it-nav-item:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.it-nav-list .it-nav-item:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.it-nav-list .it-nav-item:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.it-nav-list .it-nav-item:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.it-nav-list .it-nav-item:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.it-nav-list .it-nav-item:nth-child(6){animation-delay:.6s; -webkit-animation-delay:.6s;}
.it-nav-list .it-nav-item:nth-child(7){animation-delay:.7s; -webkit-animation-delay:.7s;}
.it-nav-list .it-nav-item:nth-child(8){animation-delay:.8s; -webkit-animation-delay:.8s;}
.it-nav-list .it-nav-item:nth-child(9){animation-delay:.9s; -webkit-animation-delay:.9s;}
.it-nav-list .it-nav-item:nth-child(10){animation-delay:1s; -webkit-animation-delay:1s;}
.it-nav-list .it-nav-item:nth-child(11){animation-delay:1.1s; -webkit-animation-delay:1.1s;}
.it-nav-list .it-nav-item:nth-child(12){animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.it-nav-list .it-nav-item:nth-child(13){animation-delay:1.3s; -webkit-animation-delay:1.3s;}
.it-nav-list .it-nav-item:nth-child(14){animation-delay:1.4s; -webkit-animation-delay:1.4s;}
.it-nav-list .it-nav-item:nth-child(15){animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.it-nav-list .it-nav-item:nth-child(16){animation-delay:1.6s; -webkit-animation-delay:1.6s;}

.it-nav-item {position:relative;}
.it-nav-item.active {color:#008fff;border-bottom:1px solid #008fff;transform:all .3s easy-in-out;}
.it-nav-item:hover {color:#008fff;border-bottom:1px solid #008fff;transform:all .3s easy-in-out;}
.it-nav-item:last-child:hover {color:#008fff;border-bottom:1px solid transparent;transform:all .3s easy-in-out;}
.it-nav-item:last-child .it-nav-level {position:absolute;min-width:120px;box-shadow:0 0 8px rgba(0,0,0,.3);padding:8px 20px;border-radius:8px;right:0;}
.level-item {color:#333;}
.it-main {display:flex;justify-content:space-between;padding:30px 0 60px 0;}
.it-list-items {width:958px;}
.it-list-card {box-shadow:0 0 8px rgba(0,0,0,.1);border-radius:4px;padding:18px 30px;margin-bottom:20px;}
.it-list-card h3 {font-size:20px;line-height:48px;font-weight:600;display:flex;margin-bottom:16px;}
.it-list-card h3 span {position:relative;}
.it-list-card h3 span::after {content:'';position:absolute;bottom:0;left:0;width:36px;height:1px;background:#008fff;}
.it-list-card:hover h3 span::after {transform:all .6s ease-in-out;animation:w100 .6s ease-in-out forwards;}
.it-list-card:hover {animation:s101 .6s ease-in-out forwards;}
@keyframes s101 {0% {transform:scale(1);}
100% {transform:scale(1.02);}
}
@keyframes w100 {0% {width:36px;}
100% {width:100%;}
}
.it-list-card .tools {display:flex;justify-content:space-between;line-height:20px;padding:21px 0 14px 0;color:#333;}
.it-list-card .tools a {padding-left:32px;}
.it-list-card:hover .tools a {transform:all .6s easy-in-out;background:url(../images/it-arrow.png) no-repeat left center;}
.it-recom-wrap {width:302px;}
.it-recom-main {box-shadow:0 0 8px rgba(0,0,0,.2);border-radius:4px;padding:18px 14px;margin-bottom:20px;}
.it-recom-main>img {width:100%;margin-bottom:20px;}
.it-recon-list li {display:flex;margin-bottom:16px;cursor:pointer;}
.it-recon-list li .img {width:70px;height:46px;margin-right:16px;}
.it-recon-list li .img img {width:100%;min-height:100%;object-fit:cover;border-radius:4px;}
.it-recon-list .it-info {font-size:12px;line-height:18px;color:#333;padding:4px 0;max-width:180px;}
.it-recon-list .it-info:hover a {color:#008fff;}
.it-detail-wrap {background:#fafafa;min-height:100vh;padding-bottom:60px;padding-top:80px;}
.it-detail-main{overflow: hidden;}
.it-detail-main-left{width: 930px; padding: 15px 40px; background: #fff; float: left;}
.it-detail-main-right{width: 310px; background: #fff; float: right;}
.it-detail-main-right .right-title{display: block; width: 80%; margin: 0px auto; font-size: 18px; padding-top: 20px;}
.it-detail-main-right .right-recomment{display: block; width: 80%; margin: 0px auto; padding: 10px 0px 20px;}
.it-detail-main-right .right-recomment li{display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.it-detail-main-right .right-recomment a:hover{color: #008fff;}
.it-detail-main h3 {font-size:30px;line-height:30px;font-weight:500;text-align:center;padding:36px 0 20px 0;}
.it-detail-main h1 {font-size:30px; line-height:30px;font-weight:500;text-align:center;padding:10px 0 0px 0;}
.it-detail-main .source {text-align:center;padding:16px 0 20px 0;}
.it-detail-main .source span{margin-right: 15px;}
.it-detail-main .detail-content{padding-bottom: 20px;}
.main-article{font-size:14px; line-height:30px; padding-bottom:30px; }
.main-article img{display: block; max-width: 100%; width: auto; height: auto; margin: 15px auto 0;}
.main-article h2{font-size: 16px; font-weight: bold; padding: 15px 0 10px; text-align: left;}
.main-article h3{font-size: 14px; font-weight: bold; text-align: left; padding: 0px;}
.main-article h4{font-size: 14px; font-weight: bold; text-align: left;}
.it-item-nav {display:flex;justify-content:space-between;line-height:76px;border-top:1px solid #d0d0d0;}
.it-item-nav li a {color:#666;}
.it-item-nav li:hover a{color:#008fff;transform:all .3s ease-in-out;}
/********************** v06-news*****************************************/
.new-banner-wrap{margin-top: 80px; height:370px; position: relative;}
.new-banner-wrap img{width:auto; height: 370px; position: absolute; top:0px; left: 50%; 
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
}
.new-main-nav {display:flex;justify-content:space-between;padding-top:50px;}
.new-type-item{display:flex;align-items:center;align-items:center;line-height:43px;}
.new-type-item li{position:relative; min-width: 132px; height: 43px; line-height:43px; overflow: hidden; margin-right:10px; padding:0 30px; border-radius: 4px; overflow: hidden; cursor:pointer;font-size:18px;}
.new-type-item li:nth-child(1){animation-delay:.1s; -webkit-animation-delay:.1s;}
.new-type-item li:nth-child(2){animation-delay:.2s; -webkit-animation-delay:.2s;}
.new-type-item li:nth-child(3){animation-delay:.3s; -webkit-animation-delay:.3s;}
.new-type-item li:nth-child(4){animation-delay:.4s; -webkit-animation-delay:.4s;}
.new-type-item li:nth-child(5){animation-delay:.5s; -webkit-animation-delay:.5s;}
.new-type-item li:hover,.new-type-item li.active{background: -webkit-linear-gradient(153deg, rgb(138, 218, 254) 0%, rgb(69, 181, 255) 34%, rgb(0, 143, 255) 100%);}
/*.new-type-item li.active::after {content:'';position:absolute;width:100%;height:49px;background:url(../images/bg-new-type.png) no-repeat center;background-size:100%;left:0;top:0;z-index:-1;border-radius:8px;transform:all .6s easy-in-out;}
.new-type-item li:hover::after {content:'';position:absolute;width:100%;height:50px;background:url(../images/bg-new-type.png) no-repeat center;left:0;top:0;z-index:-1;border-radius:8px;transform:all .6s easy-in-out;background:url(../images/bg-new-type.png) no-repeat center;background-size:100%;}*/
.new-type-item li:hover {color:#fff;transform:all .6s easy-in-out;}
.new-type-item li:hover a{color: #fff;}
.new-type-item li.active {color:#fff;transform:all .6s easy-in-out;}
.new-type-item li.active a{color: #fff;}
/****************new-top***************************/
.new-top-wrap {display:flex;justify-content:space-between;padding:40px 0 52px 0;border-bottom:1px solid #d0d0d0;}
.new-top-wrap .img {width:640px;height:338px;margin-right:50px;}
.new-top-wrap .img img {width:100%;height:-webkit-fill-available;min-height:100%;object-fit:cover;
animation-delay:.1s; -webkit-animation-delay:.1s;
}
.new-top-wrap .new-top-con {width:586px;display:flex;flex-flow:column;justify-content:space-between;
animation-delay:.2s; -webkit-animation-delay:.2s;
}
.new-top-wrap .detail {text-align:center;line-height:54px;background:linear-gradient(90deg,#008fff,#008fff);}
.new-top-wrap .detail a {display:block;color:#fff;font-size:16px;}
.new-top-wrap .detail a:hover {box-shadow:0 0 4px #008fff;transform:all .6s easy-in-out;}
.new-top-wrap .detail img {vertical-align:super;margin-left:14px;width:auto;}
.new-top-wrap .time {font-size:36px;line-height:48px;color:#008fff;}
.new-top-wrap .title {font-size:22px;line-height:48px;font-weight:600;padding:30px 0 12px 0;}
/********************new-list***********************/
.new-list-card a {display:flex;justify-content:space-between;padding:40px 0;box-sizing:border-box;height:214px;border-bottom:1px solid #d1d1d1;}
.new-list-card .time {width:132px;height:132px;background:#d1d1d1;color:#fff;display:flex;flex-flow:column;justify-content:center;align-items:center;font-size:30px;line-height:48px;}
.new-list-card em {font-style:normal;font-size:30px;}
.new-list-card a:hover .time {background:linear-gradient(135deg,#0b95ff,#78d0fe);transform:all .3s easy-in-out;}
.new-list-card a:hover h3 {color:#008fff;transform:all .3s easy-in-out;}
.new-list-card .info {width:1098px;display:flex;flex-flow:column;justify-content:space-between;padding:12px 0;}
.new-list-card .info .desc {line-height:24px;}
.news-pagination {padding:70px 0;}
/******************************************/
.search-main-wrap {padding-top:50px;margin-bottom:50px;}
.search-list-card {display:flex;justify-content:space-between;padding:20px 24px;box-sizing:border-box;height:200px;box-shadow:0 0 8px rgba(0,0,0,.1);border-radius:4px;cursor:pointer;margin-bottom:28px;}
.search-list-card:hover {animation:s102 .6s ease-in-out forwards;}
@keyframes s102 {0% {transform:scale(1);box-shadow:0 0 8px rgba(0,0,0,0);}
100% {transform:scale(1.01);box-shadow:0 0 8px rgba(0,0,0,.1);}
}
.search-list-card .img {width:250px;height:156px;margin-right:40px;}
.search-list-card .img img {width:100%;min-height:100%;object-fit:cover;border-radius:4px;}
.search-list-card em {font-style:normal;font-size:30px;}
.search-list-card .info {width:1098px;display:flex;flex-flow:column;justify-content:space-between;}
.search-list-card .info h3 {font-size:20px;line-height:48px;}
.search-list-card .info a {line-height:24px;color:#333;}
.search-list-card:hover .info a {color:#008fff;transform:all .3s ease-in-out;}
.news-pagination {padding:70px 0;}
/**************************seach-result***********************************/
.search-banner-wrap {position:relative;}
.seach-res-wrap {position:absolute;width:1280px;height:100%;left:50%;top:38px;transform:translateX(-50%);display:flex;flex-flow:column;justify-content:center;align-items:center;}
.seach-res-item {line-height:32px;font-size:32px;color:#fff;margin-bottom:24px;}
.seach-res-item img {vertical-align:bottom;}
/************************************/
.about-adv-main {padding-bottom:130px;}
.about-banner-page {position:absolute;width:90px;height:40px;bottom:60px;left:calc(50% - 45px);}
.about-banner-page>div {background-size:auto 40%;width:40px;}
.about-banner-page .swiper-button-prev {left:0;border:1px solid #999;}
.about-banner-page .swiper-button-next {right:0;border:1px solid #999;}
/********************************************************/
.index-banner img,.search-banner-wrap>img,.it-banner-wrap img,.about-banner-wrap img {width:auto;}
.it-banner-wrap{width: 100%; height: 370px; margin-top: 80px; position: relative;}
.it-banner-wrap img{width: auto; height: 370px; position: absolute; top:0px; left: 50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
}
.location-com span{display: inline-block; padding: 5px 7px; background: url('../images/location-img.png') no-repeat center center; margin-left: 7px;}
/**/
.nb-nodeboard-base.active{display: block; top: 50%; left: 50%; margin-left: -120px; margin-top: -174.5px; height: 349px;}
#newBridge .nb-nodeboard-right-bottom.active{top: 50%; left: 50%; margin-left: -120px; margin-top: -174.5px; height: 349px;}
#newBridge .nb-nodeboard-right-bottom.active #nb_nodeboard_set{display: block;}
/**/
.right-float{width: 50px; position: fixed; right: 1%; top: 56%; z-index: 999;}
.float-item{width: 50px; height: 50px; border-radius: 25px; background: rgba(0,0,0,0.2); position: relative; margin-bottom: 2px;
transition:all .3s ease-in-out 0s; 
-webkit-transition:all .3s ease-in-out 0s; 
-moz-transition:all .3s ease-in-out 0s; 
-ms-transition:all .3s ease-in-out 0s; 
-o-transition:all .3s ease-in-out 0s; 
}
.float-item:hover{background: #22a2ff;}
.float-text{width: 50px; height: 50px; overflow: hidden; font-size: 24px; line-height: 50px; padding-left: 48px; color: #fff; border-radius: 25px; position: absolute; left: 0; top: 0;
transition:all .3s ease-in-out 0s; 
-webkit-transition:all .3s ease-in-out 0s; 
-moz-transition:all .3s ease-in-out 0s; 
-ms-transition:all .3s ease-in-out 0s; 
-o-transition:all .3s ease-in-out 0s; 
}
.float-icon{display: inline-block; width: 26px; height: auto; position: absolute; top: 12px; left: 12px;}
.float-ewm{width: 160px; padding-bottom: 5px;position: absolute; left: -220px; top: -55px; background: #22a2ff; text-align: center; padding-top: 20px; display: none;}
.float-ewm .imgs{display: inline-block; width: 120px;}
.float-ewm .texts{color: #fff; font-size: 15px; padding: 5px 0;}
.float-item.backup{cursor: pointer;}
/**/
.float-item.tel.active{opacity: 0;}
.float-item.tel:active{opacity: 0;}
.float-item.tel.active .float-text{width: 229px; background: #22a2ff; left: -179px;}
.float-item.tel:hover .float-text{width: 229px; background: #22a2ff; left: -179px;}