@charset "UTF-8";
/* 公共头部 */
.common-top {
  width: 100%;
  height: 1.26667rem;
  border-bottom: 1px solid #d3dbe1;
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.common-top .common-title {
  display: inline-block;
  border-bottom: 5px solid #0082d6;
  height: 1.2rem;
  font-size: 0.48rem;
  color: #333333;
  position: relative;
  z-index: 1;
}

.common-top .common-title .common-sub-title {
  color: rgba(201, 201, 201, 0.5);
  letter-spacing: 0.2em;
  position: absolute;
  left: 50%;
  top: 30%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* 图片轮播 */
.slider {
  width: 100%;
  position: relative;
  z-index: 1;
}

.slider .slider-ul li {
  width: 100%;
  height: 5.10667rem;
  position: relative;
  top: 0;
  display: none;
}

.slider .slider-ul li img {
  width: 100%;
  height: 100%;
}

.slider .slider-btns {
  position: absolute;
  width: 100%;
  bottom: 0.85333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider .slider-btns li {
  float: left;
  width: 1.6rem;
  height: 0.13333rem;
  list-style: none;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0.2rem;
}

.slider .slider-btns li.on {
  background: white;
}

/* 招标 */
.tender-box {
  width: 100%;
  height: 1.44rem;
  background: #ffffff;
}

.tender-box .container {
  position: relative;
  top: 0.53333rem;
}

.tender-box .container .tender {
  width: 100%;
  height: 1.30667rem;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background-color: #0082d6;
  -webkit-box-shadow: -1.075px 2.801px 10px 0px rgba(147, 148, 146, 0.34);
          box-shadow: -1.075px 2.801px 10px 0px rgba(147, 148, 146, 0.34);
  padding: 0 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tender-box .container .tender .tender-title {
  width: 33.28244%;
  height: 0.64rem;
  border-right: 1px solid #87b9da;
  position: relative;
}

.tender-box .container .tender .tender-title .tender-title-icon-l {
  width: 0.17333rem;
  height: 0.53333rem;
  background: url(../images/ic-02.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
          transform: translateY(-45%);
}

.tender-box .container .tender .tender-title .tender-title-icon-r {
  width: 0.52rem;
  height: 0.44rem;
  background: url(../images/ic-03.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0.13333rem;
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
}

.tender-box .container .tender .tender-title span {
  font-size: 0.4rem;
  line-height: 0.64rem;
  color: #ffffff;
  margin-left: 0.26667rem;
}

.tender-box .container .tender .tender-slider {
  border-left: 1px solid rgba(250, 198, 121, 0.2);
  width: 66.71756%;
  height: 0.64rem;
  position: relative;
  padding-left: 0.26667rem;
}

.tender-box .container .tender .tender-slider .tender-slider-ul {
  width: 100%;
  height: 0.64rem;
}

.tender-box .container .tender .tender-slider .tender-slider-ul li {
  width: 80%;
  line-height: 0.64rem;
  list-style: none;
  font-size: 0.34667rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #c3e7ff;
}

.tender-box .container .tender .tender-slider .tender-slider-ul li a {
  color: #c3e7ff;
}

.tender-box .container .tender .tender-slider .tender-slider-btn-l {
  width: 0.22667rem;
  height: 0.26667rem;
  background: url(../images/ic-tender-btn-l.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.4rem;
}

.tender-box .container .tender .tender-slider .tender-slider-btn-r {
  width: 0.22667rem;
  height: 0.26667rem;
  background: url(../images/ic-tender-btn-r.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

/* 新闻 */
.news-box {
  padding-bottom: 0.66667rem;
  padding-top: 0.8rem;
  background: url(../images/bg-01.png) no-repeat;
  background-size: cover;
}

.news-box .news-item {
  list-style: none;
  margin-bottom: 0.53333rem;
}

.news-box .news-item .news-item-pic {
  width: 100%;
  height: 4.49333rem;
}

.news-box .news-item .news-item-pic img {
  width: 100%;
  height: 100%;
}

.news-box .news-item .news-item-cont {
  padding: 0.26667rem;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}

.news-box .news-item .news-item-cont .news-item-cont-title {
  font-size: 0.4rem;
  color: #333333;
}

.news-box .news-item .news-item-cont .news-item-cont-date {
  font-size: 0.32rem;
  color: #676767;
  margin-top: 0.06667rem;
}

.news-box .news-item .news-item-cont .news-item-cont-brief {
  font-size: 0.32rem;
  line-height: 0.48rem;
  margin-top: 0.13333rem;
  color: #676767;
  -o-text-overflow: -o-ellipsis-lastline;
     text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-box .news-more {
  margin: 0 auto;
  margin-top: 0.4rem;
  color: #ffffff;
  font-size: 0.34667rem;
  width: 3.92rem;
  height: 1.01333rem;
  line-height: 1.01333rem;
  text-align: center;
  background: #0082d6;
  border-radius: 1000px;
}

/* 立华产品 */
.products {
  padding-top: 0.66667rem;
}

.products .products-slider {
  position: relative;
  width: 100%;
  height: 10.4rem;
}

.products .products-slider .products-ul {
  height: 10.4rem;
}

.products .products-slider .products-ul li {
  width: 100%;
  position: relative;
  height: 9.04rem;
  list-style: none;
}

.products .products-slider .products-ul li img {
  width: 100%;
  height: 100%;
}

.products .products-slider .products-ul li .products-title {
  width: 4.66667rem;
  height: 0.76rem;
  line-height: 0.76rem;
  background: #f2f2f2;
  color: #676767;
  font-size: 0.37333rem;
  text-align: center;
  position: absolute;
  bottom: -1.06667rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.products .products-slider .products-slider-btn-l {
  width: 0.88rem;
  height: 0.88rem;
  background: url(../images/ic-pd-slider-btn-l.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 4.06667rem;
  left: -0.26667rem;
}

.products .products-slider .products-slider-btn-r {
  width: 0.88rem;
  height: 0.88rem;
  background: url(../images/ic-pd-slider-btn-r.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 4.06667rem;
  right: -0.26667rem;
}

/* 公司介绍 */
.intro {
  padding-top: 0.13333rem;
}

.intro .intro-pic {
  width: 100%;
  -webkit-box-shadow: -2.867px 7.469px 21px 0px rgba(147, 148, 146, 0.25);
          box-shadow: -2.867px 7.469px 21px 0px rgba(147, 148, 146, 0.25);
  margin-bottom: 0.26667rem;
}

.intro .intro-pic img {
  width: 100%;
}

.intro .intro-cont {
  font-size: 0.34667rem;
  line-height: 0.64rem;
  color: #676767;
}

.intro .intro-more {
  margin: 0.53333rem auto;
  color: #ffffff;
  font-size: 0.34667rem;
  width: 3.92rem;
  height: 1.01333rem;
  line-height: 1.01333rem;
  text-align: center;
  background: #0082d6;
  border-radius: 1000px;
}

/* 研发中心 */
.rad-center {
  padding-bottom: 0.66667rem;
}

.rad-center .rad-center-item {
  width: 100%;
  height: 2rem;
  margin-bottom: 0.30667rem;
  position: relative;
  z-index: 1;
}

.rad-center .rad-center-item img {
  width: 100%;
  height: 100%;
}

.rad-center .rad-center-item span {
  display: block;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.4rem;
  color: #ffffff;
  position: absolute;
  z-index: 2;
  top: 0;
  text-align: right;
  padding-right: 1.6rem;
  background: url(../images/ic-04.png) no-repeat;
  background-position: 8.06667rem;
  background-size: 0.28rem 0.50667rem;
}

/* 联系我们 */
.contact {
  width: 100%;
  height: 13.4rem;
  background: url(../images/pic-map.png) no-repeat;
  background-size: cover;
  padding-top: 0.66667rem;
}

.contact .common-title {
  color: #ffffff;
}

.contact .contact-list li {
  width: 100%;
  height: 3.53333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact .contact-list li img {
  width: 2.05333rem;
  height: 2.05333rem;
}

.contact .contact-list li p {
  font-size: 0.32rem;
  color: #ffffff;
  padding-top: 0.4rem;
}