@font-face{
  font-family: "SiYuan";
  src:
       url("../font/siyuan/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../font/siyuan/SourceHanSansCN-Regular.woff") format("woff"),
       url("../font/siyuan/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../font/siyuan/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../font/siyuan/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body{
  font-family: "SiYuan",Arial,sans-serif;
  font-size: 16px;
  color: #212121;
}
ul, li {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}

img {
  max-width: 100%;
}

  /* 颜色 */
.header-color{
  color: #212121;
}
.main-font-color{
  color: #333333;
}
.main-color {
  color: #409aff;
}
.main-bg-color {
  background: #409aff;
}

/* 字体 */
.h2-font,.h3-font,.h4-font,.h5-font{
  margin: 0px;
  font-family: "HanSans";
  color: #212121;
}
.h1-font{
  font-size: 28px !important;
  font-weight: bold;
}
.h2-font{
  font-size: 24px !important;
  font-weight: bold;
}
.h3-font{
  font-size: 22px !important;
}
.h4-font{
  font-size: 20px !important;
}
.h5-font{
  font-size: 18px !important;
}
.h2-line{
  display: inline-block;
  border-bottom: 3px solid #409aff;
  margin-top: 16px;
  width: 62px;
}
.h3-line{
  display: inline-block;
  border-bottom: 3px solid #a5a7a8;
  margin-top: 21px;
  width: 37px;
}
.font-18{
  font-size: 18px !important;
}
.font-28{
  font-size: 28px !important;
}
.detail-a{
  color: #999999;
}

/* 链接 */
/* .link-color:visited, */
.link-color:hover,.link-color:active{
  color: #409aff;
  cursor: pointer;
}

.inline-block{
  display: inline-block !important;
}

/* 按钮 */
.view-btn{
  height: 38px;
  width: 134px;
  border-radius: 19px;
  border: none;
  cursor: pointer;
}

.main-color-btn{
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 144px;
  border-radius: 19px;
  border: none;
  color: #ffffff;
  background: #409aff;
  cursor: pointer;
}
.main-color-btn:hover,.main-color-small-btn:hover,.view-btn:hover{
  color: #ffffff;
}
.main-color-small-btn{
  display: inline-block;
  height: 36px;
  line-height: 36px;
  width: 135px;
  border-radius: 18px;
  border: none;
  color: #ffffff;
  background: #409aff;
  cursor: pointer;
}
.main-color-small-btn[disabled],.main-color-small-btn[disabled]:hover,.main-color-small-btn[disabled]:focus,.main-color-small-btn[disabled]:active{
  background-color: #66afff;
  border-color: #66afff;
}

/* banner */
.main-banner{
  width: 100%;
  margin-bottom: 76px;
  overflow: hidden;
}
.main-banner-img{
  /* width: 100%; */
  /* height: auto; */
  max-width: inherit;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* 垂直居中和水平居中 */
.display-center{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.justify-center{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
}
.margin-top-10{
  margin-top: 10px !important;
}
.margin-top-20{
  margin-top: 20px !important;
}
.margin-top-30{
  margin-top: 30px !important;
}
.margin-top-40{
  margin-top: 40px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-126 {
  padding-top: 126px !important;
}
.padding-top-168 {
  padding-top: 168px !important;
}
.padding-top-230 {
  padding-top: 230px !important;
}

/* 中间内容的背景色 */
.news-wrap{
  width: 100%;
  background: #f8f8f8;
  padding-bottom: 1px;
}
ul{
  margin: 0px;
  padding: 0px;
}


/* 解决方案列表 */
.solution-list-ul{
  margin-bottom: 82px;
  /*margin-left: -30px;*/
  /*margin-right: -30px;*/
}
.solution-list-img{
  width: 100%;
  margin-bottom: 10px;
  height: auto;
}
.solution-list-li{
  /*width: 360px;*/
  /*margin-bottom: 58px;*/
  /*margin-left: 30px;*/
  /*margin-right: 30px;*/
  padding: 0 30px 58px 30px;
  background: #ffffff;
  background-clip: content-box;
}
.solution-list-description{
  padding-left: 25px;
  padding-right: 25px;
}
.solution-list-title{
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.solution-list-btn{
  /* margin-top: 21px; */
  margin-bottom: 25px;
}


.internet-provider{
  display: inline-block;
  line-height: 130px;
  margin-bottom:40px;
  font-size: 30px;
  font-weight: bold;
  color: #53a4ff;
}
.internet-provider img {
  max-width: 100%;
}
.internet-provider-content{
  padding-left: 90px;
  padding-right: 90px;
  margin-top: 30px;
  margin-bottom: 99px;
  line-height: 28px;
}
@media screen and (max-width: 700px){
  .internet-provider-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.margin-bottom-10{
  margin-bottom: 10px !important;
}
.margin-bottom-20{
  margin-bottom: 20px !important;
}
.margin-bottom-40{
  margin-bottom: 40px !important;
}
.margin-bottom-60{
  margin-bottom: 60px !important;
}
.line-height-28 {
  line-height: 28px !important;
}

/* 详情页面banner和banner标题 */
.solution-news{
  position: relative;
  min-height: 210px;
}
.solution-news-text{
  padding: 1em 1em 60px 1em;
}
.solution-news-title{
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  left: 6%;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
}
@media screen and (max-width: 700px){
  .solution-news-title {
    top: 30%;
  }
}
.solution-news-subtitle{
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 6%;
  font-size: 26px;
  /* font-weight: bold; */
  color: #ffffff;
}
.cursor-pointer{
  cursor: pointer;
}

/* 分页 */
.news-pagination .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: #409aff !important;
}

/*典型案例*/
.casebox {
  padding-top: 50px;
  padding-bottom:50px;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dfdfdf;
}
.lastcasebox {
  padding-top:50px;
  padding-bottom:60px;
}
.casetitle {
  font-size: 20px;
  color: #000000;
  margin-bottom:16px;
}
.casecontent {
  font-size: 16px;
  color: #666666;
  line-height:28px;
}
.casehead {
  font-size:22px;
  color:#212121;
  font-weight: bold;
  margin-bottom:30px;
  text-align: center;
}

/*商业价值*/
.business{
  position: relative;
  min-height: 510px;
}
.business-text{
  padding-bottom: 60px;
}
.business-title{
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
  left: 55%;
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
}
.business-content{
  position: absolute;
  top: 35%;
  /* transform: translateY(-50%); */
  left: 57%;
  right:10%;
  font-size: 18px;
  line-height: 30px;
  /* font-weight: bold; */
  color: #ffffff;
}
@media screen and (max-width: 700px) {
  .business-title {
    left: 15%;
  }
  .business-content{
    left: 17%;
  }
}
.business-content li {
  list-style-type: disc;
}

/*技术服务详情*/
.ts-title {
  font-size: 22px;
  color: #212121;
  margin-bottom: 34px;
  font-weight: bold;
}
.ts-content {
  font-size: 16px;
  color:#333333;
  line-height: 28px;
}
.ts-content > p {
  text-indent: 2em;
}
.ts-platform-list {
  margin-top: 30px;
  margin-bottom: 60px;
}
.ts-serviceitem-img {
  padding-left:0px;
  padding-top: 19px;
}
.ts-serviceitem-title {
  font-size: 20px;
  color:#212121;
  margin-top:29px;
  margin-bottom:20px;
}
.ts-serviceitem-content {
  font-size:16px;
  color:#565656;
  line-height: 28px;
  min-height: 160px;
}

/*解决方案详情*/
.solutionblock {
  /*width: 100%;*/
  margin-top: 60px;
  margin-bottom: 60px;
  background: #fff;
}
.solution-title-level1 {
  font-size: 22px;
  color:#212121;
  font-weight: bold;
  margin-bottom: 34px;
}
.solution-title-level2 {
  font-size: 18px;
  color:#333333;
  line-height: 28px;
}
.solution-content {
  font-size: 16px;
  color:#333333;
  line-height:28px;
  margin-bottom: 52px;
}
.solution-content li {
  list-style: inherit;
}
.solutionblock-contentdiv {
  margin: 0px;
  /* padding: 0px; */
}
.solution-processimg {
  min-height: 450px;
}

.policy-title {
  font-size: 22px;
  color: #212121;
  margin-top:60px;
  margin-bottom: 28px;
  font-weight: bold;
}
.policy-content {
  font-size: 16px;
  color:#333333;
  line-height: 28px;
}

.carousel-indicators li {
  border-radius: 0px;
  width: 30px;
  height: 5px;
  background-color: #999999;
  margin: 0px;
}
.carousel-indicators .active {
  border-radius: 0px;
  width: 30px;
  height: 5px;
  background-color: #53a4ff;
}