.header-top {height:0 !important;}
/* banner video*/
.video_banner {height:100vh;overflow:hidden;position:relative;}
.video_banner::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(0,0,0,0.01),rgba(0,0,0,0.9));z-index:3;}
.video_banner video {display:block;width:100%;height:100%;object-fit:cover;}
.video_banner .video_banner_txt {position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.video_banner .video_banner_txt img {display:block;max-width:80%;}
/*走马灯*/
.mobile-banner {display:none; position:relative;width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;}
.mobile-banner-item {position:absolute;left:0;top:0;width:100%;height:100vh;opacity:0;transition:opacity 1s linear;background-repeat:no-repeat;background-size:100% auto;}
.mobile-banner-item.active {opacity:1;}
.mobile-banner-text {position:absolute;left:50%;top:30%;transform:translateX(-50%);width:80%;padding:20px;background-color:rgba(0,0,0,0.6);color:#fff;text-align:center;font-size:2.5rem;line-height:1.5;border-radius:10px;}
.mobile-banner-nav {position:absolute;left:50%;bottom:5%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;z-index:99;}
.mobile-banner-nav button {width:10px;height:10px;border-radius:50%;border:none;margin:0 10px;background-color:#fff;cursor:pointer;transition:all 0.3s ease;}
.mobile-banner-nav button.active {width:20px;background-color:#ffcc33;}
.mobile-banner-item:nth-child(1) {background-image:url("../images/banner1.jpg");}
.mobile-banner-item:nth-child(2) {background-image:url("../images/banner2.jpg");}
.mobile-banner-item:nth-child(3) {background-image:url("../images/banner3.jpg");}
.mobile-banner .banner-arrowdown {position:absolute;width:30px;bottom:8%;left:50%;margin-left:-15px;z-index:5;cursor:pointer;}
.mobile-banner .banner-arrowdown img {display:block;width:100%;-webkit-animation:downstart 2s infinite ease-in-out;-moz-animation:downstart 2s infinite ease-in-out;-o-animation:downstart 2s infinite ease-in-out;animation:downstart 2s infinite ease-in-out;}
@media screen and (max-width:65rem) {
  .mobile-banner {display:block;}
}
@-webkit-keyframes downstart {
  0%,30% {opacity:0;-webkit-transform:translate(0,-20px);}
  60% {opacity:1;-webkit-transform:translate(0,0);}
  100% {opacity:0;-webkit-transform:translate(0,20px);}
}
@-moz-keyframes downstart {
  0%,30% {opacity:0;-moz-transform:translate(0,-20px);}
  60% {opacity:1;-moz-transform:translate(0,0);}
  100% {opacity:0;-moz-transform:translate(0,20px);}
}
@-o-keyframes downstart {
  0%,30% {opacity:0;-o-transform:translate(0,-20px);}
  60% {opacity:1;-o-transform:translate(0,0);}
  100% {opacity:0;-o-transform:translate(0,20px);}
}
@keyframes downstart {
  0%,30% {opacity:0;transform:translate(0,-20px);}
  60% {opacity:1;transform:translate(0,0);}
  100% {opacity:0;transform:translate(0,20px);}
}

.page-headline {background-color:#f8f9fa;padding:50px 0;text-align:center;border-bottom:1px solid #eaeaea;}
.page-headline h1 {font-size:2.8rem;font-weight:600;margin-bottom:1rem;color:#2c3e50;}
.page-headline p {font-size:1.2rem;color:#555;max-width:700px;margin:0 auto;}
@media (max-width:768px) {.page-headline {padding:30px 15px;}
.page-headline h1 {font-size:1.8rem;}
.page-headline p {font-size:1rem;}
}

/*首页服务范围*/
.index-service {overflow:hidden;margin-top:60px;position:relative;background:linear-gradient(      135deg,#e90e0e,#e90e0e,#ff6000,#0dccff,#00a8ff,#4760ff,#00b2d8,#0023ff    )    left center/600% 600%;animation:bgAnimate 20s infinite;}
@keyframes bgAnimate {0%,100% {
  background-position-x:left;}
  50% {background-position-x:right;}
}
.index-serviceul {overflow:hidden;height:440px;position:relative;}
.index-serviceul li {width:25%;height:100%;position:relative;float:left;overflow:hidden;padding:35px;/* background:#fff;*/
  transition:all 1s;}
.index-serviceul li + li {border-left:solid 1px #fff;}
.index-service-h3 {font-size:20px;color:#fff;font-weight:normal;position:relative;z-index:1;overflow:hidden;transition:all 1s;}
.index-service-h3 i {display:block;width:6px;height:62px;background:#fff;float:left;margin-right:15px;transition:all 1s;}
.index-service-h3 h3 {display:block;width:24px;text-align:left;float:left;transition:all 1s;font-weight:normal;}
.index-service-h3 em {display:block;font-size:14px;color:#d80000;margin-top:10px;float:left;width:90%;opacity:0;transition:all 1s;}
.index-service-text {overflow:hidden;font-size:14px;color:#666;line-height:28px;padding-left:40px;margin-top:30px;transition:all 1s;opacity:0;}
.index-service-text {--col:2;--gapleft:15%;--gaptop:10px;width:100%;}
.index-service-text .index-service-ol {overflow:hidden;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;/* margin-left:calc(-1 * var(--gapLeft));*/
  margin-top:calc(-1 * var(--gapTop));}
.index-serviceul > li {-webkit-flex:1;flex:1;}
.index-serviceul > li.active {-webkit-flex:1.78;flex:1.78;background:rgba(255,255,255,0.95);}
.index-service-text .index-service-ol .index-service-li {--lineheight:1.6;--dotsize:5px;width:calc((100% - var(--gapLeft)) / var(--col));margin:var(--gapTop) 0 0 0;font-size:16px;padding:0 0 0 1em;line-height:1.6;position:relative;border-left:none;height:auto;}
.index-service-text .index-service-ol .index-service-li::before {content:"";position:absolute;left:0;top:calc((var(--lineHeight) * 1em - var(--dotSize)) / 2);width:var(--dotSize);height:var(--dotSize);border-radius:50%;background:#d80000;}
.index-serviceul li.active .index-service-h3 i {width:10px;height:150px;margin-right:30px;background:#d80000;}
.index-serviceul li.active .index-service-h3 h3 {color:#d80000;width:90%;margin-top:15%;}
.index-serviceul li.active .index-service-h3 em {opacity:1;}
.index-serviceul li.active .index-service-text {opacity:1;}
.index-service-cover {position:absolute;bottom:20px;width:100%;z-index:1;pointer-events:none;transition:all 0.35s;}
.index-service-cover img {width:100%;display:block;}
.index-service dl {position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:none;}
.index-service dl dd {width:25%;height:100%;float:left;}
.index-service dl dd.index-serviced1 {width:18.666%;}
.index-service dl dd.index-serviced {width:44%;}
.mobile-service {display:none;}
@media screen and (max-width:65rem) {
  .index-service {display:none;}
  .mobile-service {display:block;margin-top:30px;}
  .mobile-service * {margin-left:0;margin-right:0;}
  .mobile-service ul {-webkit-flex-wrap:wrap;flex-wrap:wrap;background:linear-gradient(        120deg,#e90e0e,#e90e0e,#ff6000,#0dccff,#00a8ff,#a100a0,#00b2d8,#0023ff      )      left center/600% 600%;animation:bgAnimate 10s infinite;}
  .mobile-service ul li {width:49%;border-top:solid 2px #fff;overflow:hidden;}
  .mobile-service ul li:nth-of-type(2n) {border-left:solid 2px #fff;}
  .mobile-service ul li:nth-of-type(1),.mobile-service ul li:nth-of-type(2) {border-top:none;}
  .mobile-service ul li .mobile-servicess {padding:25px;text-align:center;color:#fff;}
  .mobile-service ul li .mobile-servicess .mobile-serviceicon {font-size:60px;width:1em;height:1em;background:rgba(255,255,255,0.2);border-radius:50%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;}
  .mobile-service ul li .mobile-servicess .mobile-serviceicon:before {content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:solid 2px rgba(255,255,255,0.2);border-radius:50%;}
  .mobile-service ul li:active .mobile-servicess .mobile-serviceicon:before,.mobile-service ul li:hover .mobile-servicess .mobile-serviceicon:before {animation:scale1_1 2s infinite;}
  .mobile-service ul li .mobile-servicess .mobile-serviceicon img {display:block;max-width:70%;max-height:70%;}
  .mobile-service ul li .mobile-servicess .mobile-servicetxt {margin-top:20px;pointer-events:none;}
  .mobile-service ul li .mobile-servicess .mobile-serviceh {font-size:17px;font-weight:bold;}
  .mobile-service ul li .mobile-servicess .mobile-servicew {display:none;font-size:14px;margin-top:8px;}
}
.news-main {max-width:106.667rem;margin:auto;}
.news-main .news-box {float:left;width:calc((100% - 5rem) / 2);margin-right:1.833rem;padding:0rem 0 1.833rem 0;background:url(../images/news_bj1.png) no-repeat left top,url(../images/news_bj2.png) no-repeat right top,url(../images/news_bj3.png) no-repeat left bottom,url(../images/news_bj4.png) no-repeat right bottom;}
.news-main .news-box .news-box-tt {height:5.25rem;line-height:5.25rem;overflow:hidden;background-image:url(../images/news_xian.jpg);background-repeat:no-repeat;background-position:center bottom;font-size:1.667rem;font-weight:bold;color:#cfa267;text-align:center;}
.news-main .news-box .news-box-tt span {font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:1.333rem;}
.news-main div:last-child {margin-right:0;}
.news-main .news-box .news-list {padding:0.833rem 0.6rem;}
.news-main .news-box .news-list li {padding:0.833rem 0 0.833rem 0;align-items:center;}
.news-main .news-box .news-list li .left {margin-right:6px;width:86px;height:60px;border-radius:0.417rem;-moz-border-radius:0.417rem;-webkit-border-radius:0.417rem;background-color:#eaeaea;color:#ffffff;padding:0.417rem;text-align:center;font-weight:bold;font-family:Arial,Helvetica,sans-serif;}
.news-main .news-box .news-list li .left img {width:100%;height:100%;}
.news-main .news-box .news-list li .right {flex:1;overflow:hidden;height:86px;line-height:1.667rem;color:#999999;font-size:1rem;overflow:hidden;}
.news-main .news-box .news-list li .right p {height:2.167rem;line-height:2rem;overflow:hidden;}
.news-main .news-box .news-list li .right p a {font-size:1.167rem;}
.news-main .news-box .news-list li:hover .left {background-color:#000000;}
.news-main .news-box .news-list li:hover .right p a {color:#000000;font-weight:bold;}
.news-main .news-box .news-more {height:3.167rem;line-height:3.083rem;border-radius:2.5rem;-moz-border-radius:2.5rem;-webkit-border-radius:2.5rem;width:11.5rem;border:0.083rem solid #eaeaea;margin:auto;position:relative;display:block;text-align:center;color:#888888;font-size:1.167rem;}
.news-main .news-box .news-more:hover {background-color:#000000;color:#ffffff;}
.index-case-wrap .index-case-wrap-bottom {display:flex;flex-wrap:wrap;justify-content:space-between;}
.index-case-wrap .index-case-wrap-list {display:inline-block;width:calc(25% - 0.4168vw);position:relative;}
.index-case-wrap .index-case-wrap-list .index-list-img {overflow:hidden;background:#f7dd1f;position:relative;}
.index-case-wrap .index-case-wrap-list .index-list-img i {display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:8;background-color:#f7dd1f;opacity:0;transform:scale(0);transition:all 0.5s ease 0s;cursor:pointer;}
.index-case-wrap .index-case-wrap-list .index-list-img::before {content:"";display:inline-block;width:1px;height:0;top:50%;transform:translateY(-50%);background:#fff;position:absolute;right:4%;transition:all 0.5s ease;z-index:10;}
.index-case-wrap .index-case-wrap-list .index-list-img::after {content:"";display:inline-block;width:1px;height:0;top:50%;transform:translateY(-50%);background:#fff;position:absolute;left:4%;transition:all 0.5s ease;z-index:10;}
.index-case-wrap .index-case-wrap-list .index-list-img .img-wrap::before {content:"";display:inli-block;width:0;height:1px;top:8%;background:#fff;position:absolute;left:0;right:0;margin:0 auto;transition:all 0.5s ease;z-index:10;}
.index-case-wrap .index-case-wrap-list .index-list-img .img-wrap::after {content:"";display:inline-block;width:0;height:1px;bottom:8%;background:#fff;position:absolute;left:0;right:0;margin:0 auto;transition:all 0.5s ease;z-index:10;}
.index-case-wrap .index-case-wrap-list:hover .index-list-img::before,.index-case-wrap .index-case-wrap-list:hover .index-list-img::after {height:70%;transition:all 0.5s ease;}
.index-case-wrap .index-case-wrap-list:hover .index-list-img .img-wrap::before,.index-case-wrap .index-case-wrap-list:hover .index-list-img .img-wrap::after {width:80%;transition:all 0.5s ease;}
.index-case-wrap .index-case-wrap-list:hover .index-list-img i {opacity:1;transform:scale(1);transition:all 0.5s ease 0s;cursor:pointer;}
.index-case-wrap .index-case-wrap-list .index-list-img .img-wrap {display:inline-block;width:100%;overflow:hidden;max-height:270px;}
.index-case-wrap .index-case-wrap-list .index-list-img .img-wrap img {height:auto;min-height:270px;object-fit:cover;width:100%;transform:scale(1);transition:all 1s ease 0s;opacity:1;}
.index-case-wrap .index-case-wrap-list:hover .index-list-img .img-wrap img {transform:scale(1.15);transition:all 1s ease 0s;opacity:0;}
.index-case-wrap .index-case-wrap-list .index-list-img .list-image-pro {position:absolute;z-index:12;left:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;top:0;}
.index-case-wrap  .index-case-wrap-list  .index-list-img  .list-image-pro  .image-pro-dd {position:relative;top:0.8857vw;transition:all 0.5s ease 0s;opacity:0;font-size:20px;color:#ffffff;padding:0 5px; text-align:center;}
.index-case-wrap  .index-case-wrap-list  .index-list-img  .list-image-pro  .img-po-p {font-size:14px;color:#363636;margin-top:0.7815vw;margin-bottom:1.3025vw;position:relative;top:0.8857vw;transition:all 0.5s ease 0s;opacity:0;}
.index-case-wrap  .index-case-wrap-list  .index-list-img  .list-image-pro  .img-po-p  span {margin:0 0.2605vw;}
.index-case-wrap  .index-case-wrap-list  .index-list-img  .list-image-pro  .img-po-dt {width:40px;height:18px;position:relative;top:0.8857vw;transition:all 0.5s ease 0s;opacity:0;background:url("../images/case-right.png") no-repeat;background-size:100% 100%;}
.index-case-wrap  .index-case-wrap-list:hover  .index-list-img  .list-image-pro  .image-pro-dd,.index-case-wrap  .index-case-wrap-list:hover  .index-list-img  .list-image-pro  .img-po-p,.index-case-wrap  .index-case-wrap-list:hover  .index-list-img  .list-image-pro  .img-po-dt {top:0;opacity:1;transition:all 0.5s ease 0s;}
.index-case-wrap .index-case-wrap-list .case-list-tt {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#666666;margin-top:1.042vw;width:100%;}
.know-tab-tt {display:flex;align-items:center;}
.know-tab-tt ul {display:flex;justify-content:space-around;flex:1;}
.know-tab-tt li {height:30px;line-height:30px;border:1px solid #cfa267;border-radius:6px;padding:0 10px;width:calc((100% - 10px) / 4);overflow:hidden;}
.know-tab-tt li a {display:inline-block;font-size:14px;border-radius:6px;color:#cfa267;transition:all ease 0.3s;}
.know-tab-tt li.on {background:#cfa267;}
.know-tab-tt li.on a {color:#fff;}
/*友联*/
.link {background-color:#3d3d3d;min-height:2.083rem;line-height:2.083rem;font-size:1rem;border-top:0.083rem solid #444444;}
.link p {float:left;color:#cccccc;margin:0 0.5rem 0 0.5rem;}
.link a {float:left;margin:0 0.5rem 0 0.5rem;color:#666666;font-size:1rem;}
/*公共标题*/
.global-title {padding:1.25rem;min-height:2.5rem;position:relative;}
.global-title .name {font-size:2.583rem;font-weight:700;color:#717171;line-height:1.2em;border-left:#f65314 solid 0.167rem;padding:1.25rem 0 1.25rem 2.333rem;text-transform:uppercase;min-height:1.2em;position:relative;}
.global-title .more {display:block;background:url(../images/nimg40.png) center no-repeat;width:3.333rem;height:3.333rem;position:absolute;right:0;top:50%;margin-top:-1.667rem;}
.global-title .msg {color:#aeaeae;padding-top:1.333rem;width:45%;}
.global-title .tag {position:absolute;right:6.667rem;top:3rem;text-align:right;width:52.917rem;}
.global-title .tag a {display:inline-block;color:#4e4e4e;margin:0 0 0.75rem 1.25rem;height:2.417rem;line-height:2.417rem;padding:0 0.833rem;background:#f6f6f6;-moz-border-radius:0.417rem;-webkit-border-radius:0.417rem;border-radius:0.417rem;}
.global-title .tag a:hover {background:#26c7fc;color:#fff;}
.global-title .a1 {display:block;position:absolute;top:2.5rem;right:0;height:2.333rem;line-height:2.333rem;padding:0 0.667rem;background:#f65314;color:#fff;-moz-border-radius:0.417rem;-webkit-border-radius:0.417rem;border-radius:0.417rem;}
.global-title .index-notice {overflow:hidden;right:6.667rem;background:transparent;}
.global-title .index-notice li {height:2.333rem;}
.global-title .index-notice a {color:#333;text-decoration:none;}
.global-title .index-notice a:hover {color:#ed5565;text-decoration:underline;}
@media screen and (max-width:65rem) {
  .video_banner {display:none;}
  .main-pro .main-wrap {display:none;}
  .flash .swiper-wrapper .box .content {font-size:1.2rem;}
  .flash .swiper-wrapper .box .name h1 {font-size:2rem;}
  /*走马灯*/
  .flash,.flash .swiper-wrapper li {height:24.5rem;}
  .flash .swiper-wrapper .box {padding:0 5rem;width:40rem;height:auto;margin-left:-20rem;margin-top:-11.667rem;text-align:center;}
  .flash .swiper-wrapper .box .name {font-size:1.667rem;}
  .flash .swiper-wrapper .box .name span {font-size:1.833rem;}
  /*服务*/
  .serv-col {padding:0 1.25rem;}
  .serv-col ul {margin-right:-1.25rem;}
  .serv-col li {width:50%;}
  .serv-col li .box {width:auto;height:12.5rem;border:#fff solid 0.417rem;margin-right:1.25rem;margin-bottom:1.25rem;-moz-border-radius:1.25rem;-webkit-border-radius:1.25rem;border-radius:1.25rem;}
  .serv-col li .img {top:2.5rem;}
  .serv-col li .img img {width:2.917rem;}
  .serv-col li .title {top:6.25rem;font-size:1.333rem;}
  .serv-col li .title div,.serv-col li .text span {font-size:1.667rem;}
  .serv-col li .text {display:none;}
  .serv-col li:last-child {width:100%;}
  /*新闻*/
  .news-main .news-box {float:left;width:100%;padding-left:0 0.833rem;}
  /*tab*/
  .tab-title ul {margin:0.833rem;}
  .tab-content {height:42.333rem;}
  .tab-content .item dd {width:47%;margin:0 1.5% 1.25rem;text-align:left;float:left;}
  /*公共标题*/
  .global-title {padding:1.25rem 0;margin:0 1.25rem;}
  .global-title h2 {font-size:1.5rem;border-left:#f65314 solid 0.083rem;padding:0.833rem 0 0.833rem 0.833rem;}
  .global-title .more {background-size:1.667rem;width:1.667rem;}
  .global-title .img1 {right:2.5rem;margin-top:-0.583rem;height:1.167rem;}
  .global-title .msg {padding-top:0.833rem;width:auto;}
  .global-title .tag {width:30%;right:2.917rem;top:1.25rem;height:5.583rem;overflow:hidden;}
  .global-title .tag a {margin-left:0.833rem;}
  .global-title .tag a.pcHide {display:none;}
  .global-title .index-notice {display:none;}
  .index-case-wrap {padding:5px;margin-bottom:-4%;}
  .index-case-wrap .index-case-wrap-list:nth-child(1),.index-case-wrap .index-case-wrap-list:nth-child(2) {display:none;}
  .index-case-wrap .index-case-wrap-list {width:49%;margin-bottom:2%;}
  .index-case-wrap .index-case-wrap-list .index-list-img .img-wrap img {height:30vw;}
  .index-case-wrap .index-case-wrap-list .case-list-tt {font-size:14px;line-height:24px;}
  .index-case-wrap    .index-case-wrap-list    .index-list-img    .list-image-pro    .img-po-p {font-size:14px;padding:0 20px;text-align:center;}
  .know-tab-tt li {padding:0 15px;}

}