h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}
.banner-outer {
  height: 562px;
  width: 100%;
  padding-top: 1px;
  margin: auto;
  color: white;
  background-color: #1caedc;
}
.banner-outer .new-banner {
  height: 562px;
  width: 100%;
  background: url(/images/ticketing/workorder_banner.png) no-repeat;
  background-position: center 2px;
  padding-top: 1px;
}
.banner-outer .banner-inner {
  width: 960px;
  margin: auto;
  margin-top: 165px;
}
.banner-outer h1 {
  font-size: 50px;
  font-weight: normal;
  margin: 0px;
}
.banner-outer .text {
  font-size: 18px;
  margin-top: 25px;
}
.banner-outer .buttons {
  margin-top: 50px;
}
.banner-outer a {
  display: inline-block;
  width: 115px;
  height: 45px;
  line-height: 45px;
  background-color: white;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  color: #09aeb0;
}
.banner-outer a:hover {
  background-color: #1ababd;
}
.banner-outer a:last-child {
  background-color: transparent;
  color: white;
  margin-left: 10px;
  border: 1px solid white;
}
.banner-outer a:last-child:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.bottom {
  width: 100%;
  height: 418px;
  background: #f9f9fb;
}
.bottom .bottom-title {
  display: inline-block;
  font-weight: 400;
  color: #7b8390;
  font-size: 24px;
  text-align: center;
  width: 100%;
  margin-top: 100px;
}
.bottom .bottom-content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.bottom .bottom-content.active {
  margin-top: 27px;
}
.bottom .bottom-content .li-bottom {
  cursor: pointer;
  width: 215px;
  height: 66px;
  background: #ffffff;
  border: 1px solid #e2e6eb;
  border-radius: 3px;
  margin: 0 16px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.bottom .bottom-content .li-bottom:hover {
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08);
}
.bottom .bottom-content .li-bottom img {
  margin-left: 20px;
}
.bottom .bottom-content .li-bottom a {
  display: block;
  margin-left: 20px;
  margin-bottom: 4px;
  text-decoration: none;
  color: #545d69;
}
.breadcrumb {
  visibility: hidden;
}
.breadcrumb .breadcrumb-wrap {
  position: relative;
  width: 960px;
  margin: auto;
}
.breadcrumb .breadcrumb-wrap .breadcrumb-nav {
  position: absolute;
  left: 0;
  top: 10px;
}
.breadcrumb .breadcrumb-wrap .breadcrumb-nav::after {
  content: '';
  height: 0;
  visibility: hidden;
  clear: both;
  display: block;
}
.breadcrumb .breadcrumb-wrap .breadcrumb-nav .breadcrumb-nav-icon {
  margin: 0 5px;
  font-size: 12px;
  float: left;
  color: #3d4966;
}
.breadcrumb .breadcrumb-wrap .breadcrumb-nav a {
  color: #3d4966;
  float: left;
  font-size: 12px;
  text-decoration: none;
}
.breadcrumb .breadcrumb-wrap .breadcrumb-nav a.active {
  color: #4d9dfe;
}
.detail-item {
  min-height: 10px;
  padding: 90px 0px 90px 0px;
  box-sizing: border-box;
}
.detail-item.gray {
  background-color: #f9f9fb;
}
.detail-item h2 {
  font-size: 32px;
  font-weight: normal;
  margin: 0px;
  text-align: center;
  margin-bottom: 80px;
}
.detail-info {
  width: 960px;
  margin: auto;
  margin-top: 105px;
  transition: width 1s ease-in-out;
}
.detail-info.expand {
  width: 1100px;
}
.detail-info.expand .image-outer {
  background-position: 590px -8px;
}
.detail-info.expand .image-outer.third {
  background-position: 498px -831px;
}
.detail-info:after {
  width: 32px;
  height: 82px;
  background-image: url(/images/ticketing/workorder_sprite-nzc.png);
  background-position: -1141px 0px;
  content: ' ';
  display: block;
  margin: auto;
  margin-top: 25px;
}
.detail-info:first-of-type {
  margin-top: 100px;
}
.detail-info:last-of-type:after {
  display: none;
}
.detail-info .image-outer {
  width: 100%;
  height: 410px;
  background-image: url(/images/ticketing/workorder_sprite-nzc.png);
  background-position: 460px -8px;
  background-repeat: no-repeat;
  transition: background-position 1s ease-in-out;
}
.detail-info .image-outer.second {
  position: relative;
  height: 356px;
  width: 561px;
  margin-left: 0px;
  background-position: -13px -444px;
}
.detail-info .image-outer.third {
  background-position: 388px -831px;
  height: 423px;
}
.detail-info .image-outer.forth {
  background-position: -47px -1279px;
  height: 440px;
}
.detail-info .image-outer.fifth {
  height: 418px;
  background-position: 414px px;
}
.detail-info .ul-outer {
  width: 365px;
  min-height: 1px;
  float: left;
  margin-top: 100px;
  margin-left: 86px;
}
.detail-info .ul-outer.long {
  width: 332px;
}
.detail-info .ul-outer.right {
  float: right;
  width: 326px;
}
.detail-info .ul-outer .text {
  font-size: 14px;
  margin-top: 20px;
  color: #7b8390;
  line-height: 30px;
}
.detail-info .ul-outer .ul-outer-title {
  margin: 0px;
  font-weight: normal;
}
.detail-info .ul-outer .ul-outer-title span {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0px 33px;
  border-radius: 2px;
  color: white;
  font-size: 24px;
  font-weight: normal;
  background-color: #71d6e2;
}
.detail-info .ul-outer .ul-outer-title span.forth {
  background-color: #a9b8c5;
}
.detail-info .ul-outer .ul-outer-title span.second {
  background-color: #13c9cb;
}
.detail-info .ul-outer .ul-outer-title span.third {
  background-color: #fecea7;
}
.detail-info .ul-outer .ul-outer-title-desc {
  font-size: 24px;
  margin: 0px;
  font-weight: normal;
  margin-top: 20px;
}
.detail-info .ul-outer .green {
  color: #09aeb0;
}
.detail-info .ul-outer:after {
  content: ' ';
  display: block;
  clear: both;
  visibility: hidden;
}
.detail-info .ul-outer ul {
  margin: 0px;
  padding: 0px;
  margin-top: 23px;
  list-style-type: none;
  list-style-position: inside;
  width: 100%;
  box-sizing: border-box;
  float: left;
}
.detail-info .ul-outer ul li {
  cursor: pointer;
  height: 60px;
  line-height: 60px;
  color: #7b8390;
  font-size: 18px;
  overflow: hidden;
  border-bottom: 1px solid #edf1f5;
  transition:
    color 0.2s ease-in-out,
    height 0.2s ease-in-out,
    line-height 0.2s ease-in-out;
}
.detail-info .ul-outer ul li:hover {
  height: 72px;
  color: #2f3542;
  line-height: 36px;
}
.detail-info .ul-outer ul li:hover.spec {
  height: 110px;
}
.detail-info .ul-outer ul li:hover:before {
  background-color: #09aeb0;
}
.detail-info .ul-outer ul li:hover .text {
  display: block;
  left: 0px;
}
.detail-info .ul-outer ul li .text {
  color: #2f3542;
  position: relative;
  transition: left 0.2s ease-in-out;
  font-size: 14px;
  margin-top: 0px;
}
.detail-info .ul-outer ul li:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-right: 10px;
  transition: background-color 0.2s ease-in-out;
  background-color: #c5dadf;
}
.column-outer {
  width: 960px;
  margin: auto;
  min-height: 410px;
  position: relative;
  transition: top 1s ease-in-out;
  top: 0px;
}
.column-outer.expand {
  top: 40px;
}
.column-outer:after {
  content: ' ';
  display: block;
  height: 1px;
  clear: both;
  visibility: hidden;
}
.column-outer .column {
  width: 287px;
  float: left;
  min-height: 10px;
  background-color: white;
  margin-left: 42px;
  height: 403px;
  border: 1px solid #d5dce3;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0px 34px;
  box-shadow: 5px 5px 40px 0px rgba(226, 232, 232, 0.75);
}
.column-outer .column:nth-child(2) .logo-outer {
  background-position: -508px -207px;
}
.column-outer .column:nth-child(3) .logo-outer {
  background-position: -508px -100px;
}
.column-outer .column .green {
  color: #0daeaf;
}
.column-outer .column .column-title {
  font-size: 24px;
  margin: 0px;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
}
.column-outer .column h5,
.column-outer .column h6 {
  font-size: 24px;
  margin: 0px;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
}
.column-outer .column h5 {
  margin-top: 30px;
}
.column-outer .column .text {
  color: #7b8390;
  line-height: 30px;
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
}
.column-outer .column .logo-outer {
  height: 95px;
  width: 95px;
  background-image: url(/images/ticketing/workorder_sprite-nzc.png);
  margin: auto;
  background-position: -508px -318px;
  background-repeat: no-repeat;
  margin-top: 45px;
}
.column-outer .column:first-child {
  margin-left: 0px;
}