@charset "utf-8";
/* CSS Document */

/*清除*/

body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
body,button, input, select, textarea{font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
a{ text-decoration: none; cursor: pointer;}
img{ border: 0; display: block; cursor: pointer;}
h1,h2,h3,h4,h5{ font-weight: normal;}
ul,li{ list-style: none; cursor: pointer;}
b{ font-weight: normal;}
i{ font-style: normal;}
.clear{ clear: both;}
em{ font-style: normal;}
input{ outline: none;}
button{ outline: none;}
/*字体*/
html,body{ font-size: calc(100vw/0.75);}
@font-face { 
	font-family: 'DIGITAL-Regular.ttf'; 
	src: url("../font/DIGITAL-Regular.ttf")format("truetype");
}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
/*居中*/
.center_R{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*index*/
.nb-icon-inner-wrap , #newBridge .nb-icon-wrap , #newBridge .nb-invite-wrap-1{ display: none;}
.indexDiv{ max-width: 0.75rem; margin: auto; background: #1A1E29; overflow: hidden;}
/*banner*/
.indexBanner{ width: 100%; position: relative; overflow: hidden;}
.indexBanner .backOne{ width: 100%;}
.indexBanner em{ display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.5; z-index: 9;}
.bannerContr{ width: 100%;  position: absolute; top: 0; left: 0; z-index: 10;}
.bannerContr h1{ font-size: 0.036rem; color: #fff; margin-left: 0.054rem; margin-top: 0.02rem;}
.bannerContr .backTwo{ width: 0.4rem; margin-left: 0.05rem; margin-top: 0.16rem;}
.bannerList{ margin-left: 0.05rem; margin-top: 0.135rem;}
.bannerList .swiper-slide{ width: 0.48rem; padding-right: 0.05rem;}
.bannerList .swiper-slide img{ width: 100%;}
.bannerList .swiper-container-horizontal>.swiper-pagination-bullets{ width: 0.22rem;  height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -0.11rem;}
.bannerList .swiper-pagination-bullet{ float: left; width: 0.055rem; height: 1px; opacity: 0.5; background: #fff;}
.bannerList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0;}
.bannerList .swiper-pagination-bullet-active{ opacity: 1;}
.bannerList .swiper-container{ padding-bottom: 0.15rem;}
/*index-about*/
.indexAbout{ margin: 0.1rem 0.035rem 0.14rem 0.035rem;}
.indexAbout .backThree{ width: 100%; border-radius: 0.008rem;}
.indexAbout h1{ font-size: 0.05rem; font-weight: 100%; color: #fff; margin-top: 0.11rem;}
.indexAbout span{ display: block; width: 0.084rem; height: 0.007rem; background: #fff; margin: 0.02rem 0 0.055rem 0;}
.indexAbout h2{ font-size: 0.032rem; color: #fff; font-weight: bold;}
.indexAbout p{ font-size: 0.026rem; color: #fff; line-height: 0.046rem; margin: 0.04rem 0 0.05rem 0;}
.indexAbout .min{ width: 100%;}
.indexAbout .min .mm{ width: 100%; border: 1px solid #fff;}
.indexAbout .min .mm a{ float: left; width: 20%; height: 0.15rem;}
.indexAbout .min .mm a img{ width: 60%;}
/*我们是专业的*/
.indexWork{ padding: 0.09rem 0 0.1rem 0; background: #fff;}
.indexWork h2{ font-size: 0.03rem; color: #CBCBCB; margin-left: 0.035rem;}
.indexWork h1{ font-size: 0.044rem; color: #1A1E29; font-weight: bold; margin-left: 0.035rem; margin-bottom: 0.045rem;}
.indexWork .textWork{ font-size: 0.026rem; color: #1A1E29; line-height: 0.046rem; margin: 0 0.035rem;}
.indexWork .workDiv{ margin-left: 0.035rem; margin-bottom: 0.07rem;}
.indexWork .tt{ height: 0.38rem; padding: 0 0.035rem; background: #1A1E29;}
.indexWork .tt h3{ font-size: 0.036rem; font-weight: bold; color: #fff; padding: 0.05rem 0 0.01rem 0;}
.indexWork .tt p{ font-size: 0.026rem; color: #fff; line-height: 0.046rem;}
.indexWork .swiper-slide{ width: 0.5rem; margin-right: 0.035rem;}
.workDiv .swiper-container-horizontal>.swiper-pagination-bullets{ width: 0.22rem;  height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -0.11rem;}
.workDiv .swiper-pagination-bullet{ float: left; width: 0.055rem; height: 1px; opacity: 0.3; background: #1A1E29;}
.workDiv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0;}
.workDiv .swiper-pagination-bullet-active{ opacity: 1;}
.workDiv .swiper-container{ padding-bottom: 0.07rem;}
/*精彩案例*/
.indexCase{ padding: 0.09rem 0.035rem 0.1rem 0.035rem;}
.indexCase h1{ font-size: 0.044rem; font-weight: bold; color: #fff;}
.indexCase p{ font-size: 0.026rem; line-height: 0.042rem; color: #fff; margin-top: 0.015rem;}
.inCaseCont{ margin: 0.07rem 0 0.08rem 0;}
.inCaseCont img{ width: 100%; border-radius: 0.01rem;}
.inCaseCont .swiper-container-horizontal>.swiper-pagination-bullets{ width: 0.248;  height: 0.015; position: absolute; bottom: 0; left: 50%; margin-left: -0.124rem;}
.inCaseCont .swiper-pagination-bullet{ float: left; width: 0.015rem; height: 0.015rem; opacity: 0.3; background: #fff; border-radius: 100%;}
.inCaseCont .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.008rem;}
.inCaseCont .swiper-pagination-bullet-active{ opacity: 1;}
.inCaseCont .swiper-container{ padding-bottom: 0.045rem;}
.caseContent{ width: 100%;}
.caseContent ul li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 0.05rem;}
.caseContent ul li:nth-child(2n){ margin-right: 0;}
.caseContent ul li img{ width: 100%; border-radius: 0.008rem;}
.caseContent ul li h2{ font-size: 0.026rem; color: #fff; text-align: center; margin-top: 0.015rem;}
.indexMore{ width: 0.25rem; height: 0.068rem; border: 1px solid #fff; border-radius: 0.008rem; text-align: center; line-height: 0.068rem; font-size: 0.026rem; margin: 0.05rem auto 0;}
.indexMore a{ color: #fff;}
/*index-企业*/
.indexEnter{ padding: 0.12rem 0.035rem; background: #fff;}
.indexEnter h1{ font-size: 0.044rem; font-weight: bold; color: #1A1E29;}
.indexEnter h1 em{ color: #F5A623; font-size: 0.08rem;}
.indexEnter h2{ font-size: 0.044rem; font-weight: bold; color: #1A1E29;}
.indexEnter h2 em{ color: #F5A623;}
.indexEnter p{ font-size: 0.026rem; line-height: 0.046rem; margin: 0.04rem 0 0.05rem 0;}
.indexEnter img{ width: 96%; margin: auto;}
/*追风*/
.indexAdver{ width: 100%; height: 0.44rem; background: url(../images/bottomBack.jpg) no-repeat center; background-size: auto 100%;}
.indexAdver h1{ font-size: 0.06rem; font-weight: bold; color: #fff; padding: 0.08rem 0 0.035rem 0.055rem;}
.indexAdver p{ font-size: 0.026rem; color: #fff; line-height: 0.046rem; margin-left: 0.055rem;}
/*底部*/
.footer{ padding: 0.12rem 0.035rem 0 0.035rem;}
.footer p{ font-size: 0.028rem; color: #fff; line-height: 0.046rem;}
.footer h2{ font-size: 0.04rem; color: #fff; font-weight: bold;}
.footer .tt1{ margin-bottom: 0.065rem;}
.footer .tt2{ margin: 0.035rem 0 0.1rem 0;}
.footer .foor{ width: 100%; line-height: 0.036rem; text-align: center; font-size: 0.02rem; color: #565656; border-top: 1px solid #3E3E3E; padding: 0.05rem 0;}
/*客服*/
.custom{ display: none; width: 0.53rem; height: 0.138rem; position: fixed; bottom: 0.03rem; left: 50%; margin-left: -0.265rem; z-index: 20;}
.custom img{ width: 100%;}
/*服务*/
.section{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.section .serCont{ padding: 0 0.035rem;}
.section .serCont h1{ font-size: 0.07rem; font-weight: bold; color: #fff; padding-top: 50%; z-index: 10; opacity: 0; transition: all 0.6s;}
.active .serCont h1{opacity: 1; transition-delay: 1s; padding-top: 0.12rem;}
.section .serCont h2{ font-size: 0.036rem; font-weight: bold; color: #fff; margin-top: 50%; z-index: 10; opacity: 0; transition: all 0.6s;}
.active .serCont h2{opacity: 1; transition-delay: 1.2s; margin-top: 0;}
.section .serCont p{ font-size: 0.026rem; color: #fff; line-height: 0.046rem; margin-top: 50%; z-index: 10; opacity: 0; transition: all 0.6s;}
.active .serCont p{opacity: 1; transition-delay: 1.4s; margin-top: 0.04rem;}
.section1{ background: #7C5BE4;}
.section2{ background: #4CC15C;}
.section3{ background: #DFC320;}
.section4{ background: #3CBBCD;}
.section5{ background: #1A1E29;}
.section3 .serCont h1{ font-size: 0.048rem;}
.imgSer1{ width: 0.46rem; margin: 0.11rem auto 0.07rem auto;}
.imgSer2{ width: 96%; margin: auto;}
.imgSer3{ width: 0.5rem; margin: 0.09rem auto 0.07rem auto;}
.imgSer4{ width: 80%; margin: auto;}
.imgSer5{ width: 0.52rem; margin: 0.04rem auto 0.07rem auto;}
.serContList{ width: 90%; margin: 0.1rem auto 0;}
.serContList ul li{ float: left; width: 40%; margin-right: 20%; margin-bottom: 0.13rem;}
.serContList ul li:nth-child(2n){ margin-right: 0;}
.serContList ul li img{ width: 90%; margin: auto;}
.serContList ul li h3{ font-size: 0.03rem; color: #fff; text-align: center; margin-top: 0.02rem;}
.serMinList{}
.serMinList ul li{ float: left; width: 20%;}
.serMinList ul li a{ display: block; width: 100%; height: 0.05rem;}
.serMinList ul li a img{ height: 100%; margin: auto;}
.serMinList ul li h3{ font-size: 0.022rem; color: #fff; text-align: center; margin-top: 0.01rem;}
.custom2{ width: 0.53rem; height: 0.138rem; position: fixed; bottom: 0.03rem; left: 50%; margin-left: -0.265rem; z-index: 50;}
.custom2 img{ width: 100%;}
.cerIndex{ width: 0.045rem; height: 0.045rem; position: fixed; top: 0.05rem; right: 0.055rem; z-index: 50;}
.cerIndex a{ display: block; width: 100%; height: 100%; background: url(../images/indexIcon.png) no-repeat center; background-size: 100%;}
.section5 .footer{ margin-top: 50%; z-index: 10; opacity: 0; transition: all 0.6s;}
.active .footer{opacity: 1; transition-delay: 1s; margin-top: 0;}

/*返回首页*/
.retureIndex{ width: 0.07rem; height: 0.07rem; border-radius: 100%; background: #fff; position: fixed; right: 3%; bottom: 0.038rem;}
.retureIndex a{ display: block; width: 100%; height: 100%; background: url(../images/indexIconOn.png) no-repeat center; background-size: 55%;}
/*案例*/
#caseDiv{ background: #1A1E29; padding-top: 0.16rem;}
.caseNav{ border-bottom: 1px solid #333; background: #1A1E29; position: fixed; top: 0; left: 0; z-index: 20;}
.caseNav .tab-head{display:flex; flex-wrap:nowrap;justify-content:space-between;overflow:auto;}
.caseNav .tab-head-item{ flex:1 0 auto; font-size: 0.032rem; line-height: 0.12rem; padding: 0 0.025rem;}
.caseNav .tab-head-item a{ color: #fff;}
.caseNav .on{ background: #0E1015;}
.caseListOne{ padding: 0.04rem 0.035rem;}
.caseListOne a{ display: block;}
.caseListOne a img{ width: 100%; border-radius: 0.01rem;}
.caseListOne .mm{ margin-top: 0.02rem; height: 0.034rem; font-size: 0.03rem; line-height: 0.034rem; color: #fff;}
.caseListOne .mm em{ float: left; font-weight: bold;}
.caseListOne .mm b{ float: left; width: 1px; height: 0.034rem; background: #fff; margin: 0 0.015rem;}
.caseListOne .mm span{ float: left;}
/*案例内页*/
.casePageTitle{ height: 0.04rem; padding: 0.054rem 0.032rem 0.043rem 0.038rem; background: #1A1E29;}
.casePageTitle .cc1{ float: left; width: 0.02rem; height: 100%; background: url(../images/icon.png) no-repeat center; background-size: 100%;}
.casePageTitle em{ float: left; font-size: 0.026rem; color: #fff; margin-left: 0.015rem;}
.casePageTitle .cc2{ float: right; width: 0.04rem; height: 0.04rem; background: url(../images/indexIcon.png) no-repeat center; background-size: 100%;}
.casePageCont{ width: 100%; height: 0.5rem; background: url(../images/indexAbout.jpg) no-repeat center; background-size: auto 100%; position: relative; overflow: hidden;}
.casePageCont::after{ content: "";width:100%;height:100%;position: absolute;left:0;top:0;background: inherit;filter: blur(2px);z-index: 2;}/*模糊背景*/
.casePageCont .pp{ height: 100%; position: absolute; top: 0; left: 0; z-index: 10;filter: blur(1.5px);}
.casePageCont span{ display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.5; z-index: 11;}
.casePageCont .cont{ position: absolute; top: 0; left: 0; margin: 0 0.04rem; z-index: 12;}
.casePageCont .cont h1{ font-size: 0.034rem; color: #fff; font-weight: bold; margin: 0.1rem 0 0.03rem 0;}
.casePageCont .cont p{ font-size: 0.028rem; color: #fff; line-height: 0.046rem;}
.caseDiv .footer{ background: #1A1E29;}
.caseR img{ width: 100%;}
.bottomM{ display: none; font-size: 12px; color: #666; text-align: center; padding: 0.03rem 0 0.16rem 0;}
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}