/* line 6, ../scss/about.scss */
.about .banner {
  height: 900px;
}
/* line 8, ../scss/about.scss */
.about .banner .img {
  width: 100%;
  background: url("../image/about.jpg") no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}
/* line 16, ../scss/about.scss */
.about .banner .img .container .txt {
  position: absolute;
  width: 396px;
  height: 248px;
  background: rgba(20, 94, 157, 0.5);
  padding: 55px 56px;
  text-align: left;
  color: #fff;
  bottom: 0;
}
/* line 25, ../scss/about.scss */
.about .banner .img .container .txt .t {
  font-size: 70px;
  margin-bottom: 10px;
}
/* line 29, ../scss/about.scss */
.about .banner .img .container .txt .sub {
  font-size: 30px;
  position: relative;
}
/* line 32, ../scss/about.scss */
.about .banner .img .container .txt .sub:after {
  content: "";
  display: inline-block;
  width: 616px;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: -440px;
  transform: scale(0.5);
}
/* line 48, ../scss/about.scss */
.about .navlist {
  border-bottom: 1px solid #CCCCCC;
}
/* line 51, ../scss/about.scss */
.about .navlist .container ul {
  display: flex;
  align-items: center;
}
/* line 54, ../scss/about.scss */
.about .navlist .container ul li {
  padding: 20px 40px;
  position: relative;
  font-size: 20px;
  cursor: pointer;
}
/* line 59, ../scss/about.scss */
.about .navlist .container ul li:after {
  content: "";
  border: 1px solid #ccc;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}
/* line 69, ../scss/about.scss */
.about .navlist .container ul li:last-child:after {
  content: none;
}
/* line 73, ../scss/about.scss */
.about .navlist .container ul li.active {
  color: #145E9D;
  border-bottom: 3px solid #145E9D;
}
/* line 76, ../scss/about.scss */
.about .navlist .container ul li.active a {
  color: #145E9D;
}
/* line 80, ../scss/about.scss */
.about .navlist .container ul li a {
  color: #333;
}
/* line 87, ../scss/about.scss */
.about .item {
  padding-top: 60px;
  padding-bottom: 40px;
}
/* line 93, ../scss/about.scss */
.about .item1 .title {
  margin-bottom: 30px;
}
/* line 95, ../scss/about.scss */
.about .item1 .title .t {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}
/* line 100, ../scss/about.scss */
.about .item1 .title .sub {
  font-size: 20px;
  color: #666;
}
/* line 105, ../scss/about.scss */
.about .item1 .demo {
  display: flex;
}
/* line 107, ../scss/about.scss */
.about .item1 .demo .leftTxt {
  width: 503px;
  margin-right: 70px;
}
/* line 110, ../scss/about.scss */
.about .item1 .demo .leftTxt p {
  text-indent: 2em;
  line-height: 27px;
}
/* line 116, ../scss/about.scss */
.about .item1 .demo .rightImg {
  width: 394px;
  height: 332px;
  position: relative;
  margin-left: 80px;
  /* box-shadow: -30px -23px 0 0 #CFDFEC; */
}
.about .item1 .demo .rightImg img {
  position: absolute;
  /* box-shadow: -30px -23px 0 0 #CFDFEC; */
}
.about .item1 .demo .rightImg img.img1 {
  top: 0;
  right: -75px;
  width: 454px;
  /* box-shadow: -30px -23px 0 0 #CFDFEC; */
}
.about .item1 .demo .rightImg img.img2 {
  bottom: -67px;
  left: -94px;
  width: 399px
  /* box-shadow: -30px -23px 0 0 #CFDFEC; */
}
/* line 125, ../scss/about.scss */
.about .item2 .demo {
  display: flex;
}
/* line 127, ../scss/about.scss */
.about .item2 .demo .rightTxt {
  width: 80%;
  font-size: 16px;
  color: #666;
}
/* line 131, ../scss/about.scss */
.about .item2 .demo .rightTxt p {
  text-indent: 2em;
  line-height: 27px;
}
/* line 136, ../scss/about.scss */
.about .item2 .demo .leftImg {
  margin-right: 70px;
  color: #999999;
  text-align: center;
}
/* line 139, ../scss/about.scss */
.about .item2 .demo .leftImg img {
  width: 500px;
  margin-bottom: 10px;
}
/* line 151, ../scss/about.scss */
.about .item3 .container img {
  width: 100%;
}
/* line 159, ../scss/about.scss */
.about .item4 .container .logo {
  text-align: center;
  margin-bottom: 48px;
}
/* line 162, ../scss/about.scss */
.about .item4 .container .logo img {
  width: 541px;
}
/* line 168, ../scss/about.scss */
.about .item4 .container .demo .txt p {
  line-height: 27px;
  margin-bottom: 34px;
  font-size: 20px;
}
/* line 172, ../scss/about.scss */
.about .item4 .container .demo .txt p span {
  font-weight: bold;
}
/* line 184, ../scss/about.scss */
.about .item5 .container ul {
  display: flex;
  flex-wrap: wrap;
}
/* line 187, ../scss/about.scss */
.about .item5 .container ul li {
  width: 31%;
  margin-left: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 40px;
  overflow: hidden;
}
/* line 194, ../scss/about.scss */
.about .item5 .container ul li img {
  width: 100%;
  margin-bottom: 10px;
}
/* line 198, ../scss/about.scss */
.about .item5 .container ul li p {
  font-size: 16px;
  line-height: 27px;
  color: #333;
}