
.item-row {
    font-size: 0;
    margin: 0 -20px;
    margin-bottom: -40px;
}
.item-row {
    font-size: 0;
    margin: 0 -20px;
    margin-bottom: -40px;
}

.item-col-1, .item-col-2, .item-col-3, .item-col-4, .item-col-5, .item-col-6, .item-col-7, .item-col-8, .item-col-9, .item-col-10, .item-col-11, .item-col-12 {
    font-size: 16px;
}

@media screen and (min-width: 751px) {
    .item-row {
        margin-bottom: -2.96296rem;
    }

    .item-col-1, .item-col-2, .item-col-3, .item-col-4, .item-col-5, .item-col-6, .item-col-7, .item-col-8, .item-col-9, .item-col-10, .item-col-11, .item-col-12 {
        display: inline-block;
        vertical-align: top;
    }

    .item-row .item-col-1 {
        width: 8.33333333%;
    }

    .item-row .item-col-2 {
        width: 16.66666667%;
    }

    .item-row .item-col-3 {
        width: 25%;
    }

    .item-row .item-col-4 {
        width: 33.33333333%;
    }

    .item-row .item-col-5 {
        width: 41.66666667%;
    }

    .item-row .item-col-6 {
        width: 50%;
    }

    .item-row .item-col-7 {
        width: 58.33333333%;
    }

    .item-row .item-col-8 {
        width: 66.66666667%;
    }

    .item-row .item-col-9 {
        width: 75%;
    }

    .item-row .item-col-10 {
        width: 83.33333333%;
    }

    .item-row .item-col-11 {
        width: 91.66666667%;
    }

    .item-row .item-col-12 {
        width: 100%;
    }
}
    /* module */
.module {
  margin: 50px 0;
}
.module-title {
  margin-bottom: 40px;
  font-size: 38px;
  font-weight: normal;
}
@media (max-width: 750px) {
  .module {
    margin: 4.44444rem 0;
  }
  .module-title {
    font-size: 2.22222rem;
  }
}
.wrapper {
  width: 1106px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .wrapper {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 750px) {
  .wrapper {
    width: auto;
    margin-left: 2.22222rem;
    margin-right: 2.22222rem;
  }
}
/* 解决方案/产品分类 */
.solution {
  overflow: hidden;
}
.solution .items {
  padding: 0 20px;
  padding-bottom: 40px;
  position: relative;
}
.solution .items a {
  color: #15b0e8;
  font-size: 16px;
}
.solution .items a:hover {
  color: #1190be;
}
.solution .items h3 {
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: normal;
  color: #000;
}
.solution .items h3 a {
  color: #000;
  font-size: 22px;
}
.solution .items h3 a:after {
  content: ' ';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/Assets/CNBG/v2/img/link_blue.png) no-repeat center bottom;
  background-size: 80% auto;
  margin-left: 10px;
}
.solution .items h3 a.nolink:after {
  display: none;
}
.solution .items h3 a:hover {
  color: #1db3e9;
}
.solution .items h3.link {
  padding-bottom: 26px;
  border-bottom: 1px solid #ebebeb;
}
.solution .items h3.bt {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px;
}
.solution .items p {
  margin-top: 25px;
  font-size: 14px;
}
.solution .items ul li {
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
}
.solution .items ul li a span:after {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url('/Assets/CNBG/v2/img/arrow_02.png') no-repeat center;
}
.solution .items ul li a:hover span:after {
  -webkit-transform: translateX(6px);
      -ms-transform: translateX(6px);
          transform: translateX(6px);
}
.solution .items .clear {
  float: left;
  width: 100%;
}
.solution .items .view {
  position: absolute;
  bottom: 0;
}
.solution .items .view a {
  font-size: 16px;
  color: #282828;
}
.solution .items .view a i {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  display: inline-block;
  width: 20px;
  height: 15px;
  margin-top: -2px;
  margin-left: 12px;
  vertical-align: middle;
  text-indent: -9999em;
  background: url('/Assets/CNBG/v2/img/arrow_04.png') no-repeat;
  overflow: hidden;
}
.solution .items .view a:hover {
  color: #282828;
}
.solution .items .view a:hover i {
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
}
.solution.hasbtn {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.solution.hasbtn .items {
  height: 100%;
}
/*手风琴样式的服务解决方案*/
.solution.solution-accordion {
  overflow: initial;
  overflow: visible;
  position: relative;
  margin: 0 -10px;
}
.solution.solution-accordion .item-locator {
  position: relative;
}
.solution.solution-accordion .item-locator.auto-height {
  height: 700px;
}
.solution.solution-accordion .items {
  /*width: 573px;*/
  padding: 0 10px;
  padding-bottom: 20px;
}
.solution.solution-accordion .items .items-title {
  display: none;
}
.solution.solution-accordion .items .item-box {
  width: 100%;
  color: #fff;
  position: relative;
  height: 310px;
}
.solution.solution-accordion .items .item-box .item-pic {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.solution.solution-accordion .items .item-box .item-pic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.solution.solution-accordion .items .item-box .item-text {
  padding: 30px 50px;
}
.solution.solution-accordion .items .item-box .item-text h3 {
  color: #fff;
}
.solution.solution-accordion .items .item-box .item-text .hidden-text {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.solution.solution-accordion .items .item-box .item-text .bottom ul {
  margin-left: 15px;
}
.solution.solution-accordion .items .item-box .item-text .bottom ul li {
  border-bottom: none;
  color: #fff;
  padding: 5px 0;
  list-style-image: url('/Assets/CNBG/v2/img/arrow_right_white.png');
}
.solution.solution-accordion .items .item-box .item-text .bottom ul li a {
  color: inherit;
  text-decoration: underline;
}
.solution.solution-accordion .items .item-box .item-text .bottom ul li:hover {
  color: #f66f6a;
  list-style-image: url('/Assets/CNBG/v2/img/arrow_right_red.png');
}
.solution.solution-accordion .items .item-box .item-text .bottom .more {
  margin-top: 15px;
}
.solution.solution-accordion .items .item-box .item-text .bottom .more a {
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #fff;
}
.solution.solution-accordion .items .item-box .item-text .bottom .more:hover a {
  color: #f66f6a;
  border: 1px solid #f66f6a;
}
.solution.solution-accordion .items-independent {
  width: 543px;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2;
}
.solution.solution-accordion .items-independent.case {
  z-index: 3;
}
.solution.solution-accordion .items-independent.case .item-box .item-pic img {
  display: none;
}
.solution.solution-accordion .items-independent.case .item-box .item-pic img.open {
  display: block;
}
.solution.solution-accordion .items-independent.case .item-box .item-text .hidden-text.no-sub {
  max-height: 100%;
  -webkit-line-clamp: 17;
}
.solution.solution-accordion .items-independent.case .item-box .item-text .hidden-text.no-sub + .bottom {
  display: block;
}
.solution.solution-accordion .items-independent .items-title {
  display: none;
}
.solution.solution-accordion .items-independent .item-box {
  width: 100%;
  color: #fff;
  position: relative;
  height: 310px;    background: rgb(0,0,0,0.3);
}
.solution.solution-accordion .items-independent .item-box:hover {
  height: 640px;
  /*width: 533px;*/
}
.solution.solution-accordion .items-independent .item-box:hover .item-pic {
  height: 100%;
}
.solution.solution-accordion .items-independent .item-box:hover .item-text {
  height: auto !important;
}
.solution.solution-accordion .items-independent .item-box:hover .item-text .hidden-text {
  opacity: 1;
  filter: alpha(opacity=100);
  position: static;
  margin-bottom: 50px;
}
.solution.solution-accordion .items-independent .item-box .item-pic {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.solution.solution-accordion .items-independent .item-box .item-pic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.solution.solution-accordion .items-independent .item-box .item-pic img.open {
  display: none;
}
.solution.solution-accordion .items-independent .item-box .item-text {
  padding: 30px 50px;
}
.solution.solution-accordion .items-independent .item-box .item-text h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 20px;
}
.solution.solution-accordion .items-independent .item-box .item-text .hidden-text {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.solution.solution-accordion .items-independent .item-box .item-text .hidden-text.no-sub {
  opacity: 1;
  position: relative;
  max-height: 186px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.solution.solution-accordion .items-independent .item-box .item-text .hidden-text.no-sub + .bottom {
  display: none;
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom {
  position: absolute;
  left: 50px;
  bottom: 40px;
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom ul {
  margin-left: 15px;
  margin-right: 65px;
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom ul li {
  border-bottom: none;
  color: #fff;
  padding: 5px 0;
  list-style-image: url('/Assets/CNBG/v2/img/arrow_right_white.png');
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom ul li a {
  color: inherit;
  text-decoration: underline;
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom ul li:hover {
  color: #f66f6a;
  list-style-image: url('/Assets/CNBG/v2/img/arrow_right_red.png');
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom .more {
  margin-top: 15px;
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom .more a {
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #fff;
}
.solution.solution-accordion .items-independent .item-box .item-text .bottom .more:hover a {
  color: #f66f6a;
  border: 1px solid #f66f6a;
}
.rel-news {
  overflow: hidden;
}
.rel-news .items {
  margin-bottom: 40px;
  padding: 0 20px;
}
.rel-news .items a {
  font-size: 16px;
}
.rel-news .items a:hover {
  color: #282828;
}
.rel-news .items h3 {
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: normal;
  color: #000;
}
.rel-news .items h3.link {
  padding-bottom: 26px;
  border-bottom: 1px solid #ebebeb;
}
.rel-news .items h3.bt {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
}
.rel-news .items ul li {
  padding-top: 15px;
  padding-left: 15px;
  background: url(/Assets/CNBG/v2/img/icon-dot.png) no-repeat 2px 26px;
}
@media (max-width: 750px) {
  .solution .items {
    display: block;
    margin-bottom: 2.96296rem;
  }
  .solution .items a {
    font-size: 1.18519rem;
  }
  .solution .items-2col .item,
  .solution .items-3col .item,
  .solution .items-4col .item {
    width: 100%;
  }
  .solution.hasbtn {
    display: block;
  }
  /*手风琴样式的服务解决方案*/
  .solution.solution-accordion .items {
    margin-bottom: 0;
    padding-bottom: 0;
    width: auto;
  }
  .solution.solution-accordion .items .items-title {
    display: block;
    background: #707070;
    margin-bottom: 20px;
  }
  .solution.solution-accordion .items .items-title h3 {
    padding: 20px;
    color: #fff;
    position: relative;
  }
  .solution.solution-accordion .items .items-title h3 span {
    margin-right: 20px;
    display: inline-block; font-size: 16px;
  }
  .solution.solution-accordion .items .items-title h3:after {
    -webkit-transition: transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .solution.solution-accordion .items .items-title.open h3:after {
    margin-top: -4px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .solution.solution-accordion .items .item-box {
    color: #282828;
    position: static;
    /*padding-bottom: 40px;
    margin-bottom: 2.96296rem;*/
    height: auto;
  }
  .solution.solution-accordion .items .item-box:hover .item-text .hidden-text {
    position: static;
    margin-bottom: 0;
  }
  .solution.solution-accordion .items .item-box .item-pic {
    position: static;
  }
  .solution.solution-accordion .items .item-box .item-pic img {
    height: auto;
  }
  .solution.solution-accordion .items .item-box .item-text {
    padding: 0;
  }
  .solution.solution-accordion .items .item-box .item-text h3 {
    display: none;
  }
  .solution.solution-accordion .items .item-box .item-text .hidden-text {
    opacity: 1;
    filter: alpha(opacity=100);
    position: static;
    padding: 10px 0;
  }
  .solution.solution-accordion .items .item-box .item-text .bottom ul {
    margin-left: 15px;
  }
  .solution.solution-accordion .items .item-box .item-text .bottom ul li {
    color: #f66f6a;
    list-style-image: url('/Assets/CNBG/v2/img/arrow_right_red.png');
  }
  .solution.solution-accordion .items .item-box .item-text .bottom .more a {
    color: #f66f6a;
    border: 1px solid #f66f6a;
  }
  .solution.solution-accordion .items-independent {
    display: none;
  }
  .solution.solution-accordion .item-col-6:last-child .items-title {
    margin-bottom: 4.96296rem;
  }
  .solution.solution-accordion .item-col-6:last-child .items-title.open {
    margin-bottom: 20px;
  }
  .rel-news .items {
    display: block;
    margin-bottom: 2.96296rem;
  }
  .rel-news .items a {
    font-size: 1.11111rem;
  }
  .rel-news .items-2col .item,
  .rel-news .items-3col .item,
  .rel-news .items-4col .item {
    width: 100%;
  }
  .rel-news .items ul li {
    padding-left: 0.74074rem;
    background: url(/Assets/CNBG/v2/img/icon-dot.png) no-repeat 0px 26px;
  }
}