/* iconfont */

@import url("iconfont1.css");

/* 导航栏子菜单样式 */

.cf-menu {
  padding-left: 40px;
  height: 56px;
  position: relative;
}

.cf-menu img {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 14px;
}

.cf-menu .title {
  font-size: 16px;
  color: #333;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}

.cf-menu .center-col {
  opacity: 0.6;
  color: #999;
}


/* iotos banner样式 */

.cf-banner-left,
.cf-banner-right {
  width: 27%;
  position: absolute;
}

.cf-banner-left {
  left: 20%;
  top: 45%
}

.Visualization {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cf-banner-right {
  right: 20%;
  top: 45%
}

.cf-four-bottom {
  display: flex;
  margin-top: 10%;
  margin-left: 45%;
  text-align: center !important;
  margin-top: 450px;
  /* bottom: 10%; */
  justify-content: center;
  width: 12%;
  height: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px #0081ff;
}

.cf-four-bottom-text {
  font-size: 14px;
  font-family: 'PingFang SC';
  color: #0081ff;
  text-align: center;
}

.cf-banner-bottom {
  position: absolute;
  right: 45%;
  text-align: center !important;
  bottom: 14%;
  width: 10%;
  height: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px #0081ff;
}

.cf-banner-bottom-text {
  font-size: 14px;
  font-family: 'PingFang SC';
  color: #0081ff;
  text-align: center;
}

.advantage {
  display: flex;
  justify-content: center;
  width: 80%;
  margin-left: 10%;
}

.advantage-half {
  width: 50%;
}

.advantage-top {
  height: 50px;
  width: 100%;
  background-color: #e4e8f1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.advantage-bottom-line {
  width: 100%;
  margin-top: 15px;
  border-bottom: solid 1px #e4e8f1;
}

/* 图标样式 */

.cf-icon {
  width: 40%;
  height: 40%;
}

.cf-tips {
  height: 114px;
}

.cf-iconfont {
  color: #fff;
  font-size: 32px;
}


/*  超出隐藏*/

.cf-news-desc,
.cf-news-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.cf-news-title {
  min-height: 46px;
}

.cf-app_screenshots .single-shot img {
  width: 140px;
  height: 240px;
}

.footer-style3 ul li {
  font-size: 12px !important;
}

.cf-shadow-img {
  box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.28);
}

.page-title-section ul li:after {
  display: none
}

.cf-nav-ul .iconfont {
  color: rgb(15, 179, 252);
  padding-right: 10px;
  font-size: 22px;
  font-weight: 550;
}

.cf-nav-ul li a {
  display: flex;
  align-items: center;
  color: #333;
}

.creative-banner {
  z-index: 0 !important;
}

#cf-contact-box {
  position: fixed;
  right: 20px;
  bottom: 82px;
  width: 175px;
  height: 42px;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1000;
}

#cf-contact-box .contact-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1000;
}

.project-single-text h5:after {
  display: none;
}

.project-single-text ul li {
  color: rgb(111, 111, 111) !important;
}

.project-single-text img {
  padding: 20px;
  margin-bottom: 30px;
}

.project-single-text h4 {
  padding-top: 50px;
  margin-bottom: 20px;
}

.project-single-text h5 {
  margin-bottom: 10px;
  font-weight: 500;
}

/* 生态合作 */
.ecological-Immediately-join {
  width: 230px;
  height: 40px;
  background-color: #0081ff;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  z-index: 4;
}

.ecological-Immediately-join-text {
  font-family: 'Microsoft YaHei';
  font-size: 12px;
  color: #ffffff;
  line-height: 3;
}

/* Picture click magnify  */
/* 遮罩层 */
.mask-img {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, .2);
}

.pictureOne {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1080px;
  height: 600px;
  line-height: 600px;
  text-align: center;
  background: rgba(102, 102, 102, .6);
  z-index: 20;
}

.pictureOne .phone {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}