@charset "UTF-8";@font-face{font-family:'AkzidenzGrotesk-BoldCondAlt';src:url('../other/AkzidenzGrotesk-BoldCondAlt.otf') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'Gotham-Bold';src:url('../other/gotham-bold.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'Gotham-Book';src:url('../other/gotham-book.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'gotham-medium';src:url('../other/gotham-medium.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'sheepsansbold';src:url('../other/sheepsansbold.ttf') format('woff');font-weight:normal;font-style:normal}
html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a,span,em{margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:'Microsoft Yahei';font-size:12px;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}
input,textarea,button{padding:0;font-family:Verdana,Arial}
h1,h2,h3,h4,h5,h6{font-weight:normal}
img{border:0;vertical-align:middle;max-width:100%}
input[type=submit],input[type=text],button{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;cursor:pointer}
input:focus,textarea:focus,button:focus,input:active{outline-color:transparent;border:0}
select,input,select,textarea{vertical-align:middle;outline:none;-webkit-tap-highlight-color:transparent}
ul,ol,li{list-style-type:none}
a{color:#333;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none;cursor:pointer}
a:active{text-decoration:none}
.hidden{display:none;visibility:hidden}
.wrap{border:0;padding:0;margin:0 auto;*zoom:1;position:relative}
.wrap:after{clear:both;content:"";display:table}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.wrap:after,.wrap:before,.container:after,.container:before{content:"";display:table}
.wrap:after,.container:after{clear:both}
.container{width:80%;margin:0 auto}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.absolute{position:absolute}
.pors{position:relative}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.hide{opacity:0}
.en{font-family:'gotham-medium'}
nav li,.index-banner li,.item-list li,.inner-tab li{list-style-type:none}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6f6f6f}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#6f6f6f}
body{letter-spacing:0.5px}
header{position:absolute;z-index:9991;top:0;left:0;width:100%;transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s;-webkit-transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s;-moz-transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s}
.header-inner{width:100%;position:relative;border-bottom:0.05rem solid rgba(255,255,255,0.1)}
header .logo{position:absolute;left:40px;top:15px;z-index:200}
header .right-side{position:relative;width:100%;text-align:center}
header .right-side li{margin:0 23px;display:inline-block}
header .right-side li a{font-size:16px;color:#fff;line-height:36px;position:relative;padding:20px 0 20px;display:block}
header .right-side li a:after{content:'';bottom:0;position:absolute;display:block;width:0;height:1px;background:#fff;transition:all .4s}
header .right-side li.on a:after,header .right-side li a:hover:after{width:100%}
.header-phone-number{position:absolute;right:40px;top:28px;font-size:22px;line-height:36px;color:#fff;background:url(../images/icon1.png) left center no-repeat;padding-left:30px;font-family:Arial}
.right-side .menu_ico{display:none}
.foot-center{width:100%;padding:40px 0 40px 15%;display:table;background:#222;color:#999}
.foot-center li{width:33%;float:left}
.foot-center li:last-child{margin-right:0}
.foot-center li .f-ewm{width:100px;margin-right:10px;float:left}
.foot-center li .tbox{display:inline-block;line-height:28px}
.foot-center li .tbox.ewm{padding-top:22px}
.foot-center li .tbox.tel{padding:6px 0 0 45px;background:url(../images/f-icon1.png) left 8px no-repeat}
.foot-center li .tbox.sz{padding:8px 0 0 45px;background:url(../images/f-icon2.png) left 4px no-repeat}
.foot-center li .tbox.gz{padding:8px 0 0 45px;background:url(../images/f-icon3.png) left top no-repeat}
.foot-center li .tbox .t1{font-size:14px;color:#fff;font-weight:bold}
.foot-center li .tbox .t2{}
.foot-button{width:100%;padding:30px 7.8% 18px;display:table}
.foot-button .link-box{width:88%;float:left}
.foot-button .link-box .a-box{width:100%}
.foot-button .link-box .a-box a{font-size:12px;line-height:30px;color:#666;margin-right:20px;transition:all ease .5s}
.foot-button .link-box .a-box span{font-size:12px;line-height:30px;color:#666;margin-right:20px;transition:all ease .5s}
.foot-button .link-box .a-box a:hover{color:#222}
.foot-button .link-box .copyright{line-height:28px;color:#999;margin-top:10px}
.foot-button .link-box .copyright a{color:#999}
.foot-button .makelink{width:106px;height:30px;border:1px solid #e4e4e4;text-align:center;line-height:28px;display:block;color:#999;float:right;transition:all ease .5s}
.foot-button .makelink:hover{color:#222}
.fixed-contact-wrap{z-index:999;position:fixed;right:30px;top:75%;width:60px;margin-top:-90px;overflow:hidden;border-radius:30px;opacity:0;transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px)}
.fixed-contact-wrap.show{transform:none;opacity:1}
.fixed-contact-wrap.active{width:215px}
.fixed-contact-wrap li{position:relative;height:60px;background:#222;overflow:hidden}
.fixed-contact-wrap.active li{overflow:inherit}
.fixed-contact-wrap li a{position:relative;z-index:1000;display:block}
.fixed-contact-wrap li i{z-index:1000;position:absolute;right:0;display:block;width:60px;height:60px;transition:all .4s}
.fixed-contact-wrap.active li:after{z-index:1001;content:'';position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;margin-left:-40%;background:rgba(255,255,255,.1)}
.fixed-contact-wrap.active li:last-child:after{display:none}
.fixed-contact-wrap .phone i{background:#222 url(../images/icon5.png) no-repeat center center;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px}
.fixed-contact-wrap .qq i{background:#222 url(../images/icon6.png) no-repeat center center}
.fixed-contact-wrap .back-top i{background:#222 url(../images/icon7.png) no-repeat center center}
.fixed-contact-wrap.active .back-top i{border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0}
.fixed-contact-wrap li strong{position:absolute;top:0;right:-145px;display:block;width:125px;padding:0 15px 0 30px;font:normal 16px/60px 'gotham-medium';color:#fff;background:#222;white-space:nowrap;transition:all .4s}
.fixed-contact-wrap.active li strong{right:60px}
.fixed-contact-wrap.black li{background:#111}
.fixed-contact-wrap.black li strong{background:#111}

.main{ max-width:1600px; width:100%;}
.sub_nav{ position:absolute; top:75px; left:0px; background:rgba(255,255,255,.95); width:100%; height:460px; padding-top:25px; display:none; z-index:9999;}
.sub_nav_m{ max-width:1080px; margin:0 auto;}
.sub_nav dl{ max-width:300px; margin: 0 23px; text-align:left; display:block; float:left;}
.sub_nav dl dt{ width:300px; font-size:18px; color:#000; border-bottom:1px solid #CCC; margin-bottom: 5px; padding-bottom: 10px;}
.sub_nav dl dd{ line-height:30px; color:#333; background:url(../images/blackDot.png) no-repeat left center; padding-left:15px;}
.sub_nav dl dd a{ font-size:14px; color:#333; padding:0;}
.sub_nav dl dd a:hover{ color:#0da7ed; }
.sub_nav dl dd a:after{ height:0;}


.index {
  position: relative;
  width: 100%;
  height: 550px;
  overflow: hidden;
  box-sizing: border-box;
  /* .container */
}

.index .container {
  width:100%;
  position: relative;
  height: 100%;
  padding-top: 1px;
  /*解决子元素margin-top溢出的问题*/
  z-index: 1000;
  /* .header */
  /*产品名称、团队数量及进入按钮水平居中,距顶部固定百分比*/
}
.index .container .banner-wrap {
  height: 100%;
}

.index .container .banner-wrap .banner-item-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 10000px;
}

.index .container .banner-wrap .banner-item-wrap.on {
  left: 0;
}

.index .container .banner-wrap .banner-item-wrap.credits {
  background: url("../images/unify-ops-bg.png") no-repeat;
  background-size: cover;
}
.index .container .banner-wrap .banner-item-wrap.gwbg2{
  background: url("../images/unify-ops-bg2.png") no-repeat;
  background-size: cover;
}
.index .container .banner-wrap .banner-item-wrap.gwbg3{
  background: url("../images/index_banner01.png") no-repeat;
  background-size: cover;
}

.index .container .banner-wrap .banner-item-wrap .banner-content-wrap {
  width: 100%;
  max-width: 1342px;
  margin: 140px auto 0 auto;
  overflow: hidden;
  height: 490px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap
  .banner-content-wrap
  .text-wrap {
  margin-top: 25px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap
  .banner-content-wrap
  .text-wrap
  .title-text {
  font-size: 50px;
  width: 438px;
  line-height: 110px;
  font-weight: normal;
  color: #fff;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.banner-gj
  .banner-content-wrap
  .text-wrap
  .sub-title {
  color: #c0dcff;
  font-size: 24px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.dbAudit
  .banner-content-wrap
  .text-wrap
  .sub-title {
  color: #00b5e6;
  font-size: 24px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.banner-gj
  .banner-content-wrap
  .text-wrap
  .sub-slogan {
  text-align: left;
  line-height: 36px;
  color: #a7c2ef;
  font-size: 14px;
  border-radius: 5px;
  margin-top: 45px;
  margin-bottom: 25px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.dbAudit
  .banner-content-wrap
  .text-wrap
  .sub-slogan {
  text-align: left;
  line-height: 36px;
  color: #a6adcd;
  font-size: 14px;
  border-radius: 5px;
  margin-top: 45px;
  margin-bottom: 25px;
}

.index .container .banner-wrap .banner-item-wrap .banner-content-wrap .chosen {
  color: #a7c2ef;
  margin-top: 20px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.fortress
  .banner-content-wrap
  .chosen {
  color: #8693a3;
  margin-top: 20px;
}

.index .container .banner-wrap .banner-item-wrap .text-wrap .btns {
  overflow: hidden;
  /* .btn */
}

.index .container .banner-wrap .banner-item-wrap .text-wrap .btns input {
  width: 250px;
  height: 52px;
  line-height: 48px;
  font-size: 18px;
  color: #666;
  padding: 0 10px;
  border: none;
  border-radius: 2px 0 0 2px;
  float: left;
}

.index .container .banner-wrap .banner-item-wrap .text-wrap .btns .btn {
  width: 180px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 3px 0 0 3px;
  float: left;
}

.index .container .banner-wrap .banner-item-wrap .text-wrap .btns .btn.reg {
  width: 126px;
  border-radius: 0 3px 3px 0;
  background-color: #03a9f4;
}

.index .container .banner-wrap .banner-item-wrap .text-wrap .btns .btn.demo {
  width: 150px;
  margin-left: 12px;
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 50px;
}



.index .container .banner-wrap .banner-item-wrap.credits .text-wrap {
  width: 100%;
  max-width: 1160px;
  overflow: hidden;
  height: 490px;
  margin-top: 80px;
}
.index
  .container
  .banner-wrap
  .banner-item-wrap.credits
  .text-wrap
  .title-text {
  font-size: 38px;
  line-height: 56px;
  width: 100%;
  color: #ffffff;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.credits
  .banner-content-wrap
  .text-wrap
  .sub-slogan {
  text-align: left;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  margin-top: 24px;
  margin-bottom: 32px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.credits
  .banner-content-wrap
  .text-wrap
  .sub-text {
  text-align: left;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  margin-top: 16px;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.credits
  .text-wrap
  .btns
  .btn.consult {
  width: 240px;
  height: 52px;
  border-radius: 4px;
  border: none;
  background-color: #439fe0;
}

.index
  .container
  .banner-wrap
  .banner-item-wrap.credits
  .text-wrap
  .btns
  .btn.detail {
  width: 150px;
  margin-left: 12px;
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 50px;
}


.index .container .banner-wrap .banner-item-wrap.credits .banner-content-wrap {
  max-width: 1220px;
  margin: 74px auto 0;
  position: relative;
}
.index .container .banner-wrap .banner-item-wrap.credits img {
  width: 538px;
  height: 393px;
  position: absolute;
  right: 0;
  top: 30px;
}




.index .container .banner-wrap .lrSwitch {
  height: 10px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}

.index .container .banner-wrap .lrSwitch .lrSwitchPoint {
  width: 42px;
  height: 12px;
  margin: 0 3px;
  float: left;
  cursor: pointer;
}

.index .container .banner-wrap .lrSwitch .lrSwitchPoint .sw-btn {
  height: 4px;
  width: 34px;
  border-radius: 3px;
  background-color: #fff;
  margin-top: 5px;
  opacity: 0.5;
}

.index .container .banner-wrap .lrSwitch .lrSwitchPoint.on .sw-btn {
  opacity: 1;
}



@media(max-width:1330px){
.data-background{height:100%}
header .right-side li{margin:0 13px;display:inline-block}
}
@media (max-width:1280px){
.index-case .mores,.index-news-more{top:10px}
.ny-banner .nb-menu ul li a{padding:0 15px}
}
@media (max-width:1200px){
header .logo{width:100px;left:20px}
header .right-side li a{padding:15px 0 6px;font-size:14px}
.header-phone-number{right:20px;top:16px;font-size:16px;padding-left:22px}
.ny-banner .nb-menu ul{width:100%;overflow-x:auto;display:flex;white-space:nowrap}
.ny-banner .nb-menu ul::-webkit-scrollbar{display:none}
.ny-banner .boxs.n2 .box{bottom:20px}
}
@media (max-width:960px){
header .logo{width:120px;left:20px;top:10px}
.header-phone-number{right:20px;top:14px;font-size:16px;line-height:36px}
header .right-side li{margin:0 5px}
}
@media (max-width:900px){
.foot-center{padding:20px 7.8% 18px}
.foot-center li{width:100%;margin-right:0}
.foot-center li:first-child{display:none}
.foot-button{padding:15px 3%}
.foot-button .link-box .copyright{text-align:center;margin-top:0;display:block}
header .right-side{width:100%;float:right;margin-top:0;margin-right:0;padding-right:20px;padding-top:15px;padding:15px 20px 15px 0}
header .right-side .menu_ico{float:right}
header .right-side .menu_ico img{width:34px}
.right-side .menu_ico{display:block}
header .right-side ul{display:none;background-color:rgba(0,0,0,.9);width:100%;height:100vh;position:absolute;top:0;z-index:-1;padding-top:75px}
header .right-side ul li{display:block}
header .right-side ul li.on{display:block}
header .right-side ul li a{color:#fff;width:100%;padding:0;height:50px;line-height:50px;font-size:16px}
header .right-side ul li.on a{color:#f00}
header .right-side li a:after{display:none}
.header-phone-number{display:none}
.index .container .banner-wrap .banner-item-wrap.credits img { display:none }
.index .container .banner-wrap .banner-item-wrap.credits .text-wrap{ padding:0 20px;}
}
@media (max-width:767px){header .logo{width:94px}
header .right-side .menu_ico img{width:25px}
.index { height:350px;}
.index .container .banner-wrap .banner-item-wrap.credits .text-wrap{ margin-top:5px;}
.index .container .banner-wrap .banner-item-wrap.credits .text-wrap .title-text{ font-size:14px; line-height:20px;}
.index .container .banner-wrap .banner-item-wrap.credits .banner-content-wrap .text-wrap .sub-slogan{ line-height:20px; margin-top:10px;}
}