@charset "UTF-8";
.industrysoft-title {
  height: 290px;
  color: #fff;
  background-size: 100% 100% !important;
}
.industrysoft-title > .wraper {
  margin: auto;
  height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.industrysoft-title h2 {
  font-size: min(60px, calc(20px + 40 * 100vw / 1920));
  font-family: Microsoft YaHei, Microsoft YaHei-Semibold;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 2px 2px 0px #0069EA;
  letter-spacing: 0.1em;
}
.industrysoft-title .sub-title {
  margin-top: 23px;
  font-size: 16px;
}
.industrysoft-title .line {
  margin-top: 25px;
}
.industrysoft-title .line span {
  width: 75px;
  height: 3px;
  background: #fff;
}

.wraper {
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .wraper {
    padding-left: 15px;
  }
}

header.clearfix > .wraper {
  padding-left: 0;
}

.industrysoft-lists-container {
  padding-top: 80px;
}
.industrysoft-lists-container .sub-nav {
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
}
.industrysoft-lists-container .sub-nav span {
  float: left;
  font-size: 18px;
  color: #333;
}
.industrysoft-lists-container .sub-nav ul {
  float: left;
  height: 50px;
  line-height: 50px;
  margin-left: 620px;
}
.industrysoft-lists-container .sub-nav ul li {
  float: left;
  margin-right: 50px;
}
.industrysoft-lists-container .sub-nav ul li a {
  color: #333;
}
.industrysoft-lists-container .sub-nav ul li a.active, .industrysoft-lists-container .sub-nav ul li a:hover {
  color: #0069EA;
}
.industrysoft-lists-container .industry-item {
  margin-bottom: 50px;
  display: block;
  background: #fff;
}
.industrysoft-lists-container .industry-item:hover {
  box-shadow: 0 0 8px 1px rgba(193, 187, 187, 0.3);
}
.industrysoft-lists-container .industry-item .pic {
  width: 547px;
  height: 335px;
}
.industrysoft-lists-container .industry-item .pic img {
  height: 100%;
  width: 100%;
}
.industrysoft-lists-container .industry-item .text {
  height: 335px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 483px;
  padding: 0 20px;
}
.industrysoft-lists-container .industry-item .text h3 {
  font-size: 24px;
  color: #0069EA;
  margin-bottom: 40px;
}
.industrysoft-lists-container .industry-item .text p {
  font-size: 16px;
  color: #9c9c9c;
  line-height: 28px;
}
.industrysoft-lists-container .industry-soft-list {
  margin-top: 50px;
}

.industrysoft-hb {
  padding-top: 80px;
}

.industrysoft-hb .public-title {
  position: relative;
  font-size: 30px;
  color: #191919;
  text-align: center;
  padding-bottom: 16px;
  margin-top: 46px;
  margin-bottom: 60px;
}
.industrysoft-hb .public-title:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 41px;
  background: #0069EA;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
}
.industrysoft-hb p.text {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  text-indent: 2em;
  text-align: justify;
}

/*空气质量预警预报系统*/
.kqzlybxt .feature-item,
.swrwghxt .feature-item,
.trzlglxt .feature-item,
.wryznjg .feature-item,
.yjglzhpt .feature-item,
.hbyd .feature-item,
.product-environment-big-data .feature-item,
.sqt .feature-item,
.sw .feature-item,
.gis .feature-item {
  text-align: center;
  margin-bottom: 74px;
}
.kqzlybxt .feature-item .feature-item__img,
.kqzlybxt .feature-item .feature-item__text,
.swrwghxt .feature-item .feature-item__img,
.swrwghxt .feature-item .feature-item__text,
.trzlglxt .feature-item .feature-item__img,
.trzlglxt .feature-item .feature-item__text,
.wryznjg .feature-item .feature-item__img,
.wryznjg .feature-item .feature-item__text,
.yjglzhpt .feature-item .feature-item__img,
.yjglzhpt .feature-item .feature-item__text,
.hbyd .feature-item .feature-item__img,
.hbyd .feature-item .feature-item__text,
.product-environment-big-data .feature-item .feature-item__img,
.product-environment-big-data .feature-item .feature-item__text,
.sqt .feature-item .feature-item__img,
.sqt .feature-item .feature-item__text,
.sw .feature-item .feature-item__img,
.sw .feature-item .feature-item__text,
.gis .feature-item .feature-item__img,
.gis .feature-item .feature-item__text {
  display: inline-block;
  vertical-align: middle;
}
.kqzlybxt .feature-item .ml-170,
.swrwghxt .feature-item .ml-170,
.trzlglxt .feature-item .ml-170,
.wryznjg .feature-item .ml-170,
.yjglzhpt .feature-item .ml-170,
.hbyd .feature-item .ml-170,
.product-environment-big-data .feature-item .ml-170,
.sqt .feature-item .ml-170,
.sw .feature-item .ml-170,
.gis .feature-item .ml-170 {
  margin-left: 170px;
}
.kqzlybxt .feature-item .feature-item__img,
.swrwghxt .feature-item .feature-item__img,
.trzlglxt .feature-item .feature-item__img,
.wryznjg .feature-item .feature-item__img,
.yjglzhpt .feature-item .feature-item__img,
.hbyd .feature-item .feature-item__img,
.product-environment-big-data .feature-item .feature-item__img,
.sqt .feature-item .feature-item__img,
.sw .feature-item .feature-item__img,
.gis .feature-item .feature-item__img {
  width: 300px;
}
.kqzlybxt .feature-item .feature-item__text,
.swrwghxt .feature-item .feature-item__text,
.trzlglxt .feature-item .feature-item__text,
.wryznjg .feature-item .feature-item__text,
.yjglzhpt .feature-item .feature-item__text,
.hbyd .feature-item .feature-item__text,
.product-environment-big-data .feature-item .feature-item__text,
.sqt .feature-item .feature-item__text,
.sw .feature-item .feature-item__text,
.gis .feature-item .feature-item__text {
  width: 308px;
}
.kqzlybxt .feature-item .feature-item__text h2,
.swrwghxt .feature-item .feature-item__text h2,
.trzlglxt .feature-item .feature-item__text h2,
.wryznjg .feature-item .feature-item__text h2,
.yjglzhpt .feature-item .feature-item__text h2,
.hbyd .feature-item .feature-item__text h2,
.product-environment-big-data .feature-item .feature-item__text h2,
.sqt .feature-item .feature-item__text h2,
.sw .feature-item .feature-item__text h2,
.gis .feature-item .feature-item__text h2 {
  font-size: 24px;
  color: #1a1a1a;
  margin-bottom: 31px;
  text-align: left;
}
.kqzlybxt .system-function,
.swrwghxt .system-function,
.trzlglxt .system-function,
.wryznjg .system-function,
.yjglzhpt .system-function,
.hbyd .system-function,
.product-environment-big-data .system-function,
.sqt .system-function,
.sw .system-function,
.gis .system-function {
  margin-bottom: 80px;
}
.kqzlybxt .function-item,
.swrwghxt .function-item,
.trzlglxt .function-item,
.wryznjg .function-item,
.yjglzhpt .function-item,
.hbyd .function-item,
.product-environment-big-data .function-item,
.sqt .function-item,
.sw .function-item,
.gis .function-item {
  float: left;
  width: 298px;
  height: 600px;
  margin-right: 2px;
  color: #fff;
  transition: all 0.2s;
}
.kqzlybxt .function-item .function-item__pic,
.swrwghxt .function-item .function-item__pic,
.trzlglxt .function-item .function-item__pic,
.wryznjg .function-item .function-item__pic,
.yjglzhpt .function-item .function-item__pic,
.hbyd .function-item .function-item__pic,
.product-environment-big-data .function-item .function-item__pic,
.sqt .function-item .function-item__pic,
.sw .function-item .function-item__pic,
.gis .function-item .function-item__pic {
  width: 68px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  margin: 64px auto 40px;
}
.kqzlybxt .function-item h3,
.swrwghxt .function-item h3,
.trzlglxt .function-item h3,
.wryznjg .function-item h3,
.yjglzhpt .function-item h3,
.hbyd .function-item h3,
.product-environment-big-data .function-item h3,
.sqt .function-item h3,
.sw .function-item h3,
.gis .function-item h3 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 85px;
  text-align: center;
  font-weight: bold;
}
.kqzlybxt .function-item p,
.swrwghxt .function-item p,
.trzlglxt .function-item p,
.wryznjg .function-item p,
.yjglzhpt .function-item p,
.hbyd .function-item p,
.product-environment-big-data .function-item p,
.sqt .function-item p,
.sw .function-item p,
.gis .function-item p {
  padding: 0 40px;
  line-height: 24px;
  font-size: 16px;
  text-indent: 2em;
}
.kqzlybxt .function-item:hover,
.swrwghxt .function-item:hover,
.trzlglxt .function-item:hover,
.wryznjg .function-item:hover,
.yjglzhpt .function-item:hover,
.hbyd .function-item:hover,
.product-environment-big-data .function-item:hover,
.sqt .function-item:hover,
.sw .function-item:hover,
.gis .function-item:hover {
  transform: translateY(-10px);
}

.sqt .function-item {
  width: 197px;
}
.sqt .function-item h3 {
  margin-bottom: 60px;
}

.swrwghxt .system-function ul {
  margin-left: -30px;
}
.swrwghxt .function-item {
  width: 380px;
  margin-left: 28px;
}

.wryznjg .system-function ul,
.yjglzhpt .system-function ul,
.sw .system-function ul,
.gis .system-function ul {
  margin-left: -8px;
}
.wryznjg .function-item,
.yjglzhpt .function-item,
.sw .function-item,
.gis .function-item {
  width: 234px;
  margin-left: 5px;
}