.dist_banner {
  min-width: 1200px;
  height: 600px;
}

@media (max-width: 1500px) {
  .dist_banner {
    min-width: 1200px;
    height: 460px;
  }
}
.dist_banner .dist_bannerpic { width:100%; height:100%;background-size: 100% 100%; min-width:1200px; position:relative; background-position:center top; background-repeat:no-repeat; }
.dist_banner .left { position:absolute; bottom:35px; left:365px;}
.dist_banner .left .p1 { width:50px; height:5px; background:#dc0000; }
.dist_banner .left .p2 { font-size:45px; color:#ffffff; font-weight:bold; padding:0; margin:0; text-transform: uppercase; }
.dist_banner .left .p3 { font-size:24px; color:#ffffff; margin:0 0 25px; }
.dist_banner .right { position:absolute; bottom:0; z-index:99 }
.dist_banner .right span { width:180px; height:52px; color:#ffffff; background:#dc0000; display:block; text-align:center; line-height:52px; font-size:24px; margin:0 }
.dist_banner .right .rightlist { display:none; width:180px; background:#ffffff; box-shadow:0 0 20px rgb(0 0 0 / 27%); z-index:999999; position:absolute; padding-top: 15px; }
.dist_banner .right:hover .rightlist { display:block; }
.dist_banner .right .rightlist a { display:block; height:30px; line-height:30px; font-size:20px; margin-bottom: 15px; text-align:center; }
.productpage { z-index: auto; background-color: #e6e6e6; }
.casepage { z-index: auto; background-color: #ffffff; }
.newspage { z-index: auto; background-color: #ffffff; }
.aboutpage { z-index: auto; }
.dist_banner .bannerDiv {position: absolute; top: 150px; left: 11%; color: #fff;}
.dist_banner .bannerDiv p {font-size: 30px; font-weight: 700; letter-spacing: 3px;}
.dist_banner .bannerDiv .bannerDivDetails {font-size: 20px; width: 800px;}
.dist_banner .bannerDiv .bannerImg  {display: inline-block;margin-top: 40px;margin-right: 15px;}
.dist_banner .bannerDiv .bannerImg .bannerImgdiv {text-align: center; font-weight: 700;}

.dist_banner .dist_bannerpic {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  min-width: 1200px;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
}

.dist_banner .left {
  position: absolute;
  bottom: 0;
}
.dist_banner .left1 {
  position: absolute;
  bottom: 0;
}

.dist_banner .left .p1 {
  width: 50px;
  height: 5px;
  background: #dc0000;
}

.dist_banner .left .p2 {
  font-size: 45px;
  color: #ffffff;
  font-weight: bold;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.dist_banner .left .p3 {
  font-size: 24px;
  color: #ffffff;
  margin: 0 0 25px;
}

.dist_banner .right {
  position: absolute;
  bottom: 0;
  z-index: 99
}

.dist_banner .right span {
  width: 180px;
  height: 52px;
  color: #ffffff;
  background: #dc0000;
  display: block;
  text-align: center;
  line-height: 52px;
  font-size: 24px;
  margin: 0
}

.dist_banner .right .rightlist {
  display: none;
  width: 180px;
  background: #ffffff;
  box-shadow: 0 0 20px rgb(0 0 0 / 27%);
  z-index: 999999;
  position: absolute;
  padding-top: 15px;
}

.dist_banner .right:hover .rightlist {
  display: block;
}

.dist_banner .right .rightlist a {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  margin-bottom: 15px;
  text-align: center;
}

.productpage {
  z-index: auto;
  background-color: #e6e6e6;
}

.casepage {
  z-index: auto;
  background-color: #ffffff;
}

.newspage {
  z-index: auto;
  background-color: #ffffff;
}

.aboutpage {
  z-index: auto;
}

/*产品列表*/
.product_one {
  z-index: auto;
  display: flex;
}

.product_one .left {
  background: url(../image/product_4.jpg) no-repeat right bottom;
  color: #FFFFFF;
}

.product_one .left .p1 {
  font-size: 24px;
  margin: 0 0 15px 0;
}

.product_one .left .p2 {
  width: 21px;
  height: 3px;
  background-color: #FFFFFF;
  margin: 0 0 20px 0;
}

.product_one .left .p3 {
  font-size: 18px;
  margin: 0 0 40px;
  line-height: 22px;
}

.product_one .left .p4 {
  font-size: 12px;
  margin: 0;
  line-height: 24px;
}

.product_one .left .p5 {
  background: url(../image/product_5.png) no-repeat center center;
  width: 42px;
  height: 42px;
  margin: 80px 0 0 0;
}

.product_one .left .p5 a {
  display: block;
  height: 42px;
  width: 42px;
}

.product_one .right {
  z-index: auto;
}

.product_two {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}

.product_two .left,
.product_two .right {
  width: 49.3%;
  background-color: #FFFFFF;
}

.product_two .p1 {
  margin: 0;
}

.product_two .p1 img {
  width: 100%;
  height: auto;
}

.product_two .product_wenzi {
  display: flex;
  padding: 20px 30px;
  align-items: center;
}

.product_two .product_wenzi .neirong {
  width: 80%;
  padding-right: calc(10% - 1px);
  border-right: 1px solid #e6e6e6;
}

.product_two .product_wenzi .p2 {
  font-size: 24px;
  color: #0f2246;
  margin: 0 0 20px;
}

.product_two .product_wenzi .p3 {
  background-color: #0f2246;
  width: 21px;
  height: 3px;
}

.product_two .product_wenzi .p4 {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  margin: 20px 0 0;
}

.product_two .product_wenzi .anniu {
  width: 10%;
  margin-left: 10%;
}

.product_two .product_wenzi .p5 {
  text-align: center;
  width: 140px;
  display: block;
  margin: 0 auto;
}

.product_two .product_wenzi .p5 a {
  background: url(../image/product_6.png) no-repeat center center;
  width: 42px;
  height: 42px;
  display: block;
}

.pageinfo {
  z-index: 1;
}

/*案例页*/
.caselist {
  margin: 0;
  z-index: auto;
}

.caselist ul li .jianjie {
  width: 100%;
  height: 100%;
  padding: 40px 40px 20% 40px;
  background-color: rgb(15, 34, 70, 0.88);
  position: absolute;
  top: 0;
  font-size: 18px;
  color: #FFFFFF;
  display: none;
}

.caselist ul li .p1 {
  margin: 0;
  align-self: center;
  line-height: 30px;
}

.caselist ul li .p2 {
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: 50px;
  margin: 0;
}

.caselist ul li .p2 a {
  background: url(../image/product_5.png) no-repeat center center;
  width: 42px;
  height: 42px;
  display: block;
}

.caselist {
  margin: 0;
  z-index: auto;
  padding-top: 70px;
}

.caselist ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.caselist ul li {
  position: relative;
  /*width: 32%; */
  width: 325px;
  margin-right: 4%;
  /*background-color: #f7f7f7;*/
}

.caselist ul li .pic {
  width: 100%;
  height: 90px;
}

.caselist ul li .pic:hover .jianjie {
  display: flex;
}

/*.caselist ul li .pic img { width: 100%; }*/
.caselist ul li .biaoti {
  padding: 20px;
}

.caselist ul li .p4 {
  background-color: #0f2246;
  width: 21px;
  height: 3px;
}

.caselist ul li .p5 {
  font-size: 14px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  color: #333333;
}

.caseflip {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}

.caseflip a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  float: left;
  border: 1px solid #e5e5e5;
  margin: 0 2px;
  font-size: 16px;
  color: #666666;
}

.caseflip a:hover {
  background-color: #1a4798;
  color: #FFFFFF;
}

.caseflip a.active {
  background-color: #1a4798;
  color: #FFFFFF;
}

.caseflip a.shouye,
.caseflip a.moye {
  width: 52px;
}

.caseflip a.shangyiye {
  background: url(../image/case_2.png) no-repeat center center;
}

.caseflip a.shangyiye:hover {
  background: url(../image/case_3.png) no-repeat center center #1A4798;
}

.caseflip a.xiayiye {
  background: url(../image/case_4.png) no-repeat center center;
}

.caseflip a.xiayiye:hover {
  background: url(../image/case_5.png) no-repeat center center #1A4798;
}

/*新闻列表*/
.newslist {
  width: 100%;
}

.newslist ul {
  margin: 0 0 70px;
}

.newslist ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0;
  margin: 0;
  border-bottom: 1px solid #dedede;
}

.newslist ul li .left {
  width: 80px;
}

.newslist ul li .left .p1 {
  font-size: 42px;
  color: #027ddb;
  font-weight: bold;
  margin: 0;
}

.newslist ul li .left .p2 {
  font-size: 18px;
  color: #333333;
  margin: 0;
}

.newslist ul li .left .p3 {
  background: url(../image/new_2.png) no-repeat left center;
  width: 26px;
  height: 8px;
  margin: 10px 0 20px;
}

.newslist ul li .mid .p1 {
  background: url(../image/news_3.png) no-repeat left center;
  padding-left: 60px;
  color: #333333;
  font-size: 20px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  margin: 0 0 20px;
}

.newslist ul li .mid .p2 {
  padding-left: 60px;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}

.newslist li .title {
  font-size: 18px;
  font-weight: bold;
}

.newslist li .intro {
  font-size: 14px;
}

.newslist ul li .right {
  width: 268px;
  height: 188px;
}

.newslist ul li .right img {
  width: 268px;
  height: 188px;
}

/*新闻详情*/
.newsdetails {
  padding: 70px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.newsdetails .left {
  width: calc(100% - 288px);
  padding: 0 40px 0 0;
}

.newsdetails .left h3 {
  font-size: 24px;
  color: #333333;
  text-align: center;
  margin: 0 0 30px;
}

.newsdetails .left h5 {
  font-size: 14px;
  color: #666666;
  text-align: center;
  height: 55px;
  line-height: 55px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin: 0 0 50px;
}

.newsdetails .left h5 span {
  margin: 0 20px;
}

.newsdetails .left .info {
  border-bottom: 1px solid #dedede;
}

.newsdetails .left .info p {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  margin: 0 0 30px;
  text-align: justify;
}

.newsdetails .left .info p.pic {
  display: flex;
  justify-content: center;
  margin: 70px 0;
}

.newsdetails .left .info p img {
  margin: 0;
  max-width: 100%;
}

.newsdetails .newsdetailsflip {
  margin: 40px 0;
}

.newsdetails .newsdetailsflip a {
  width: 220px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  display: block;
  float: left;
  border-radius: 6px;
  background-color: #f7f7f7;
  font-size: 16px;
  color: #999999;
  margin: 0 10px 0 0;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newsdetails .newsdetailsflip a:hover {
  color: #083473;
}

.newsdetails .newsdetailsflip a.back {
  background-color: #083473;
  border-radius: 22px;
  float: right;
  color: #ffffff;
  width: 162px;
}

.newsdetails .right {
  width: 288px;
  margin: 20px 0 0;
}

.newsdetails .right h4 {
  background-color: #083473;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  margin: 0 0 20px;
}

.newsdetails .right ul {}

.newsdetails .right ul li {
  background-color: #f7f7f7;
  padding: 20px;
  width: 100%;
  font-size: 16px;
  color: #333333;
  margin: 0 0 6px;
}

.layui-layer-content.layui-layer-padding {
  background-color: #fff;
}
.layui-layer-btn.layui-layer-btn- {
  background-color: #fff;
}
.newsdetails .right ul li a {
  background: url(../image/news_4.png) no-repeat left 8px;
  padding: 0 0 0 15px;
  display: block;
}

/*登录页*/
.login {
  /* background: url(../image/loginbg.jpg) no-repeat top center; */
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loginin {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.login .left {
  background: url(../image/login_1.png) no-repeat center right;
  display: block;
  width: 604px;
  height: 511px;
}

.login .right {
  width: 426px;
  height: 576px;
  background-color: #FFFFFF;
  padding: 48px;
}

.login .right .p1 {
  background: url(../image/login_2.png) no-repeat center center;
  width: 100%;
  height: 30px;
  margin-bottom: 50px;
}

.login .right .p2 {
  color: #b2b2b2;
  font-size: 16px;
  margin: 10px 0;
}

.login .right .p3 {
  width: 330px;
  height: 40px;
  margin: 0;
  position: relative;
}

.login .right .p3 input {
  width: 330px;
  height: 40px;
  background-color: #f7f7f7;
  border: 1px solid #bcbcbc;
  padding: 0 20px;
  font-size: 16px;
  color: #999999;
  border-radius: 5px;
}

.login .right .p3 span {
  background: url(../image/login_3.png) no-repeat center center;
  position: absolute;
  width: 18px;
  height: 18px;
  margin: 11px 0 0 -30px;
}

.login .right .p4 {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.login .right .p4 label {
  display: flex;
  align-items: center;
  height: 20px;
  line-height: 20px;
  color: #545454;
  font-weight: normal;
}

.login .right .p4 input {
  width: 14px;
  height: 14px;
  margin: 0 5px 0 0;
}

.login .right .p4 input[type=checked]:checked::after {
  background-color: #ff0000;
}

.login .right .p4 a {
  color: #027ddb;
}

.login .right .p5 {
  margin-top: 20px;
  font-size: 14px;
  color: #545454;
  line-height: 24px;
  display: flex;
  justify-content: center;
}

.login .right .p5 input {
  width: 14px;
  height: 14px;
  margin: 5px 5px 0 0;
  position: relative;
}

.login .right .p5 span {
  width: 310px;
}

.login .right .p6 {
  width: 330px;
  height: 40px;
}

.login .right .p6 input {
  background-color: #027ddb;
  color: #FFFFFF;
  font-size: 16px;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 5px;
  margin-top: 40px;
}

/*关于我们*/
.aboutpage .pageinfo h4 {
  font-size: 28px;
  color: #333333;
  text-align: center;
}

.aboutpage .pageinfo h5 {
  font-size: 16px;
  color: #999999;
  text-align: center;
  text-transform: uppercase;
}

.brief {
  z-index: auto;
  background-color: #FFFFFF;
  padding: 90px 0;
}

.brief .pageinfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brief .left h4 {
  font-size: 30px;
  /* color: #0d4190; */
  color: #000;
  text-align: left;
  margin-left: 10px;
}

.brief .left h5 {
  width: 50px;
  height: 2px;
  background-color: #0D4190;
}

.brief .left p {
  font-size: 18px;
  line-height: 30px;
  color: #666666;
  text-indent: 40px;
  text-align: justify;
  margin: 0;
}

.brief .right {
  width: 662px;
}

.brief .right img {
  width: 662px;
  height: auto;
}

.culture {
  /* background: url(../image/about_culturebg.jpg) no-repeat center bottom; */
  height: 707px;
  padding: 80px 0 90px;
  z-index: auto;
}

.culture ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 0;
}

.culture ul li {
  width: 28%;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 50px 30px;
  text-align: center;
  height: 474px;
}

/* @media only screen and (max-width:1500px) {
  .culture ul li {
    width: 31%;
  }
} */
.culture ul li:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.culture ul li .p1 {
  width: 162px;
  height: 162px;
  margin: 0 auto;
}

.culture ul li .p1 img {
  width: 162px;
  height: 162px;
}

.culture ul li .p2 {
  font-size: 30px;
  color: #0d4190;
  margin: 40px 0 20px;
}

.culture ul li .p4 {
  width: 36px;
  height: 2px;
  background-color: #e6f1fd;
  margin: 0 auto 20px;
}

.culture ul li .p3 {
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  margin: 0;
}

/* 公司荣誉 */
.honors {
  z-index: auto;
  background-color: #FFFFFF;
  padding: 50px 0 70px;
  margin: 0;
}

.honors1 {
  z-index: auto;
  /* background-color: #d1e1f8; */
  background-color: #fff;
  padding: 50px 0 70px;
  margin: 0;
}

#honors-swiper {
  margin: 40px 0 0;
}

#honors-swiper .swiper-slide {
  padding: 20px 20px 0;
  border: 1px solid #e8e8e8;
}

#honors-swiper .swiper-slide:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#honors-swiper .swiper-slide .honors-img-box {
  position: relative;
  width: 100%;
  padding: 0 0 140%;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
}

#honors-swiper .swiper-slide .mbp {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 10%;
}

#honors-swiper .swiper-slide .img-box {
  position: relative;
  width: 100%;
  height: 100%;
}

#honors-swiper .swiper-slide .p1 img {
  margin: 0;
  width: 100%;
}

#honors-swiper .swiper-slide .p2 {
  height: 75px;
  line-height: 75px;
  overflow: hidden;
  text-align: center;
  margin: 0;
  font-size: 24px;
  color: #0d4190;
}

#honors-swiper1 {
  margin: 40px 0 0;
}

#honors-swiper1 .swiper-slide {
  padding: 20px 20px 0;
  border: 1px solid #b9b0b0;
}

#honors-swiper1 .swiper-slide:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#honors-swiper1 .swiper-slide .honors-img-box {
  position: relative;
  width: 100%;
  padding: 0 0 140%;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
}

#honors-swiper1 .swiper-slide .mbp {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 10%;
}

#honors-swiper1 .swiper-slide .img-box {
  position: relative;
  width: 100%;
  height: 100%;
}

#honors-swiper1 .swiper-slide .p1 img {
  margin: 0;
  width: 100%;
}

#honors-swiper1 .swiper-slide .p2 {
  height: 75px;
  line-height: 75px;
  overflow: hidden;
  text-align: center;
  margin: 0;
  font-size: 24px;
  color: #0d4190;
}

.index-honors {
  padding: 50px 0;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  background: url(../image/aboutUs_bg.jpg) center center no-repeat;
  height: 832px;
}

.section-title {
  text-align: center;
  margin-bottom: 60px;
}

.section-title h2 {
  font-size: 30px;
  line-height: 75px;
  font-weight: normal;
}

.section-title p {
  font-size: 16px;
  line-height: 30px;
  max-width: 1380px;
  width: 96%;
  margin: 0 auto;
}

.honors-slides {
  padding: 0 80px;
}

.honors-slides .swiper-container {
  padding: 0 0 300px;
}

.honors-slides .swiper-slide {
  width: 20%;
  padding-bottom: 36px;
  /* background-image: url(../image/cone.png); */
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: .6;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: center;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  cursor: pointer;
}

.honors-slides .img-box {
  position: relative;
  width: 100%;
  height: 200px;
}

.honors-img {
  max-width: 100%;
}

.honors-title {
  position: absolute;
  top: 100%;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 1.6em;
  font-size: 12px;
  padding: 10px 0;
}

.honors-title:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  content: '';
  width: 20px;
  height: 1px;
  background-color: #fff;
}

.honor-title {
  position: absolute;
  top: 100%;
  width: 100%;
  color: #333;
  text-align: center;
  line-height: 1.6em;
  font-size: 12px;
  font-weight: 700;
  /* padding: 10px 0; */
}

.honors-slides .swiper-slide-active {
  -webkit-transform: scale(1.5) translate(0, 20px);
  -ms-transform: scale(1.5) translate(0, 20px);
  transform: scale(1.5) translate(0, 20px);
  opacity: 1
}

.honors-slides .swiper-slide-active .prize-title {
  display: block;
}

.honors-slides .swiper-slide-prev {
  -webkit-transform: scale(1.1) translate(-30px, 55px);
  -ms-transform: scale(1.1) translate(-30px, 55px);
  transform: scale(1.1) translate(-30px, 55px);
}

.honors-slides .swiper-slide-next {
  -webkit-transform: scale(1.1) translate(30px, 55px);
  -ms-transform: scale(1.1) translate(30px, 55px);
  transform: scale(1.1) translate(30px, 55px);
}

.honors-slides .swiper-button {
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
  outline: none;
  top: 30%;
  background-color: transparent;
}

.honors-slides .swiper-button-prev {
  background-image: url(../image/arr-left.png);
}

.honors-slides .swiper-button-next {
  background-image: url(../image/arr-right.png);
}

.swiper-pagination {
  height: 15px;
  margin: 45px 0 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

.swiper-pagination .swiper-pagination-bullet {
  background-color: #baccdf;
  width: 15px;
  height: 15px;
  border: 3px solid #baccdf;
  margin: 0 6px;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #3571b0;
  border: 3px solid #baccdf;
}

.swiper-pagination1 {
  height: 15px;
  margin: 45px 0 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

.swiper-pagination1 .swiper-pagination-bullet {
  background-color: #baccdf;
  width: 15px;
  height: 15px;
  border: 3px solid #baccdf;
  margin: 0 6px;
}

.swiper-pagination1 .swiper-pagination-bullet-active {
  background-color: #3571b0;
  border: 3px solid #baccdf;
}

.contact {
  background: url(../image/about_contactbg.jpg) no-repeat bottom center #f7f7f7;
  height: 755px;
  padding: 90px 0;
  margin: 0;
}

.about_map {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 50px 0 0;
}

.about_map .about_map_item {
  width: 49%;
  height: 460px;
  overflow: hidden;
}

.map_item_info_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.map_img_box {
  width: 105px;
  height: 105px;
}

.map_item_txt_box {
  width: 540px;
  padding: 0 20px;
}

.map_item_txt_box .txt {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #333333;
  margin: 0;
}

.map_item_txt_box .iconfont {
  padding: 0 0 0 25px;
  margin: 0 20px 0 0;
}

#container {
  overflow: hidden;
  width: 100%;
  height: 430px;
  margin: 0 0;
  font-family: "微软雅黑";
}

#container2 {
  overflow: hidden;
  width: 100%;
  height: 430px;
  margin: 0 0;
  font-family: "微软雅黑";
}

/*弹窗*/
body .layui-layer {
  background-color: transparent;
  box-shadow: none;
}

@media (max-height: 640px) {
  .calculator-box .layui-layer-setwin {
    top: 4%;
  }

  .calculator-box .layui-layer-setwin .layui-layer-close2 {
    right: 0;
    top: 0;
  }
}

.popup_btn {
  position: absolute;
  right: 10%;
  top: 50%;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #0d4190;
  color: #ffffff;
  font-size: 16px;
  border-radius: 10px;
}

.popup_btn input {
  background-color: transparent;
  border: none;
  color: #fff;
}

.popupCalculator {}

.popup_one {
  background-color: #083472;
  text-align: center;
  padding: 20px 0;
  color: #ffffff;
  margin: 0;
  border-radius: 20px 20px 0 0;
}

.popup_one h3 {
  font-size: 24px;
  margin: 0;
  height: 30px;
  line-height: 30px;
}

.popup_one h4 {
  font-size: 14px;
  margin: 0;
  height: 25px;
  line-height: 25px;
}

.popup_one h4 span {
  margin: 0 5px;
}

.popup_two {
  background-color: #ffffff;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #333333;
}

.popup_two .left {
  width: 50%;
}

.popup_two .item {
  display: flex;
  height: 30px;
  line-height: 30px;
  margin: 15px 0;
  z-index: auto;
  font-size: 14px;
}

.popup_two .item .name {
  width: 28%;
  text-align: right;
  margin: 0 20px 0 0;
}

.popup_two .item .name i {
  color: #9f3a48;
  font-style: normal;
  font-weight: bold;
  margin-right: 3px;
}

.popup_two .item .pick {
  width: 66%;
  margin: 0;
  z-index: auto;
}

.popup_two .item label {
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  margin-right: 15%;
  padding: 0px 10px;
  border-radius: 15px;
  background-color: #f6f6f7;
}

.popup_two .item label input {
  margin: 0 5px 0 0;
}

.popup_two .item input[type="radio"] {
  width: 12px;
  height: 12px;
  border: 1px solid #edf3ff;
}

.popup_two .item input[type="radio"]:checked {
  -webkit-appearance: none;
  background-color: #073371;
  position: relative;
  border: 1px solid #073371;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

.popup_two .item input[type="radio"]:checked .popup_two .item label {
  border: 1px solid #073371;
  background-color: #EDF3FF;
}

.popup_two .item input[type="radio"]:checked::after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #edf3ff;
}

.popup_two .item select {
  background-color: unset !important;
  height: 30px;
  line-height: 30px;
}

.popup_two .item .pick01 {
  display: flex;
  justify-content: space-between;
}

.popup_two .item .pick01 select {
  background-color: #edf3ff;
  width: 38%;
  height: 35px;
  line-height: 30px;
}

.popup_two .item .pick02 {
  display: flex;
}

/*.popup_two .item .pick02 label { width: 40%; }*/
.popup_two .item .pick03 {
  /*background-color: #EDF3FF;*/
  border: 1px solid #ccc;
  width: 25%;
}

.popup_two .item .pick03 input {
  width: 100%;
  background: none;
  border: none;
  padding: 0 10px;
  font-size: 14px;
}

.popup_two .item .pick04 {
  /*background-color: #EDF3FF;*/
  border: 1px solid #ccc;
}

.popup_two .item .pick04 input {
  width: 100%;
  background: none;
  border: none;
  padding: 0 20px;
  font-size: 14px;
}

.popup_two .item .pick04 .yzmbtn {
  font-size: 14px;
  width: 30%;
  color: #027ddb;
  text-align: right;
  cursor: pointer;
  padding: 0;
  text-align: center;
}

.popup_two .right {
  margin: 0;
  width: 52%;
}

.popup_two .money_result {
  padding: 10px 20px;
  border-radius: 15px;
  border: 1px solid #ccc;
}

.popup_two .money_result h5 {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.popup_two .money_result .money {
  width: 100%;
  background-color: #fbf1ea;
  text-align: center;
  line-height: 50px;
  border-radius: 15px;
}

.popup_two .money p {
  font-size: 20px;
  padding: 50px 100px;
  margin: 10px auto;
}

.popup_two .money p>span {
  color: #e32815;
  font-size: 50px;
  font-weight: bold;
  padding-right: 15px;
}

.popup_two .p1 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
}

.popup_two .p1 input {
  width: 350px;
  height: 40px;
  background: #083472;
  color: #ffffff;
  border: none;
  cursor: pointer;
  border-radius: 10px;
}

.popup_two .yusuan {
  background-color: #EDF3FF;
  padding: 10px 20px;
  border-radius: 20px;
  text-align: center;
}

.popup_two .yusuan h4 {
  font-size: 20px;
  font-weight: normal;
}

.popup_two .yusuan h4 b {
  font-size: 30px;
  font-weight: normal;
  margin: 0 15px;
  color: #d42214;
}

.popup_two .yusuan p {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 14px;
  margin: 20px 0;
}

.popup_two .yusuan p span {
  width: 50%;
}

.popup_two .yusuan p b {
  font-size: 20px;
  font-weight: normal;
  margin: 0 5px;
  color: #d42214;
}

.popup_two .yusuan h5 {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 5px 0 10px;
  border-top: 1px solid #a7bdd4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.popup_two .yusuan h5 span {
  color: #ce8b45;
}

.popup_two .lianxi {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 30px 0 0;
}

.popup_two .lianxi .erweima {
  width: 100px;
  height: 100px;
  margin: 0 10px 0 0;
}

.popup_two .lianxi .erweima img {
  width: 100%;
  height: 100%;
}

.popup_two .lianxi .xinxi {
  margin: 0 0 0 10px;
  font-size: 16px;
  color: #333333;
}

.popup_two .lianxi .xinxi p {
  line-height: 36px;
  margin: 0;
}

.popup_two .lianxi .xinxi p.p1 {
  background: url(../image/yonghu.png) no-repeat left center;
  background-size: 18px;
  padding: 0 0 0 22px;
}

.popup_two .lianxi .xinxi p.p2 {
  background: url(../image/dianhua.png) no-repeat left center;
  background-size: 18px;
  padding: 0 0 0 22px;
}

.popup_three {
  background-color: #fff;
  text-align: center;
  padding: 0px 20px 10px;
  border-radius: 0 0 20px 20px;
}

.popup_three .p1 {
  text-align: center;
  margin: 0;
}

.popup_three .p1 input {
  width: 350px;
  height: 40px;
  background: #027ddb;
  color: #ffffff;
  border: none;
  cursor: pointer;
  border-radius: 10px;
}

.popup_three .p2 {
  font-size: 14px;
  text-align: center;
  margin: 10px 0 0 0;
}

.popup_three .lianxi_box {
  height: 90px;
  background: #ebf5ff;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 320px;
  border-radius: 10px;
}

.popup_three .lianxi_box .wechat_img {
  width: 80px;
  height: 80px;
}

.popup_three .lianxi_box .wechat_img img {
  width: 100%;
  height: 100%;
}

.popup_three .lianxi_box .lianxi_info {
  font-size: 12px;
  color: #333333;
}

.popup_three .lianxi_box .lianxi_info p {
  margin: 10px 0;
  text-align: left;
}

.pep-icon {
  background: url(/views/default/image/pep.png) no-repeat left center;
  width: 16px;
  height: 12px;
  display: inline-block;
  background-size: 100% 100%;
  margin-right: 2px;
}

.phone-icon {
  background: url(/views/default/image/about_phone.png) no-repeat left center;
  width: 13px;
  height: 13px;
  display: inline-block;
  background-size: 100% 100%;
  margin-right: 2px;
}

/*美化下拉框*/
.select-main {
  background-color: #edf3ff;
  height: 35px;
  position: relative;
  width: 48%;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

@media (min-width: 750px) {
.dist_banner .dist_bannerpic .left { left:120px; }
.dist_banner .dist_bannerpic .right { right:120px; }
.dist_banner .left { left:365px; }
.dist_banner .left1 { left:365px; }
.dist_banner .right { right: 120px; }
.pageinfo{ width: 1200px; padding: 0 0 70px; margin: 0 auto;}
.product_one{ width: 1200px; padding-top: 70px;}
.product_one .left{ width: 435px; padding: 30px; height: 435px;}
.product_one .left .p1{ font-size: 22px; margin:0 0 15px 0;}
.product_one .left .p2{ width: 21px; height: 3px; background-color: #FFFFFF; margin:0 0 10px 0;}
.product_one .left .p3{ font-size: 16px; margin: 0 0 20px; line-height: 20px;}
.product_one .left .p4{ font-size: 12px; margin: 0; line-height: 20px;}
.product_one .left .p5{ background: url(../image/product_5.png) no-repeat center center; width: 42px; height: 42px; margin:50px 0 0 0;}
.product_one .left .p5 a{ display: block; height: 42px; width: 42px;}
.product_one .right{ width: 766px; height: 435px;}
.product_one .right img{ width: 766px; height: 435px;}
.product_two{ margin-top: 16px;}
.caselist ul li{ margin-bottom: 24px;margin-right: 9%;}
.caselist ul li .jianjie{ width: 100%; height:100%; padding:30px 30px 20% 30px; background-color: rgb(15,34,70,0.88); position: absolute; top: 0; font-size: 16px; color: #FFFFFF; display: none; overflow: hidden;}
.caselist ul li .p1{ margin: 0; align-self: center; line-height: 26px;}
.caselist ul li .p2{ width: 42px; height: 42px; position: absolute; bottom: 30px; margin: 0;}
.caselist ul li .p2 a{ background: url(../image/product_5.png) no-repeat center center; width: 42px; height: 42px; display: block;}
.caselist ul li .p3 { color: #333333; font-size: 18px; margin: 0;}
.caselist ul li:nth-child(3n){
  margin-right: unset;
}

.select-main.disabled {
  cursor: default;
  filter: alpha(opacity=50);
  opacity: 0.5;
  zoom: 1;
}

.select-main.disabled .select-set {
  cursor: default;
}

.select-main.disabled .select-arrow {
  cursor: default;
}

.select-set {
  background-color: #edf3ff;
  color: #333333;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  position: relative;
  padding: 0 35px 0 15px;
  width: 80%;
  z-index: 5;
}

.select-arrow {
  border-top: 7px solid #666666;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  cursor: pointer;
  height: 0px;
  position: absolute;
  top: 13px;
  right: 10px;
  width: 0px;
  z-index: 7;
}

.select-arrow.reverse {
  border-top: 7px solid transparent;
  border-bottom: 7px solid #666666;
  top: 7px;
}

.select-block {
  background-color: #edf3ff;
  line-height: 20px;
  position: absolute;
  top: 36px;
  width: 100%;
}

.select-list {
  cursor: pointer;
  margin: 0;
}

.select-list::-webkit-scrollbar {
  width: 12px;
}

.select-list::-webkit-scrollbar-track {
  border-radius: 10px;
}

.select-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

.select-list {
  scrollbar-face-color: #AEB1B1;
  scrollbar-shadow-color: #C7CACA;
  scrollbar-highlight-color: #CED1D1;
  scrollbar-3dlight-color: #CED1D1;
  scrollbar-darkshadow-color: #C7CACA;
  scrollbar-track-color: #CED1D1;
  scrollbar-arrow-color: #333;
}

.select-items {
  color: #333333;
  padding: 7px 15px;
}

.select-items:hover,
.select-items.active {
  background-color: #027ddb;
  color: #FFFFFF;
}

@media (min-width: 750px) {
  .dist_banner .dist_bannerpic .left {
    left: 120px;
  }

  .dist_banner .dist_bannerpic .right {
    right: 120px;
  }

  .dist_banner .left {
    left: 80px;
  }

  .dist_banner .left1 {
    left: 355px;
  }

  .dist_banner .right {
    right: 120px;
  }

  .pageinfo {
    width: 1200px;
    padding: 0 0 70px;
    margin: 0 auto;
  }

  .product_one {
    width: 1200px;
    padding-top: 70px;
  }

  .product_one .left {
    width: 435px;
    padding: 30px;
    height: 435px;
  }

  .product_one .left .p1 {
    font-size: 22px;
    margin: 0 0 15px 0;
  }

  .product_one .left .p2 {
    width: 21px;
    height: 3px;
    background-color: #FFFFFF;
    margin: 0 0 10px 0;
  }

  .product_one .left .p3 {
    font-size: 16px;
    margin: 0 0 20px;
    line-height: 20px;
  }

  .product_one .left .p4 {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
  }

  .product_one .left .p5 {
    background: url(../image/product_5.png) no-repeat center center;
    width: 42px;
    height: 42px;
    margin: 50px 0 0 0;
  }

  .product_one .left .p5 a {
    display: block;
    height: 42px;
    width: 42px;
  }

  .product_one .right {
    width: 766px;
    height: 435px;
  }

  .product_one .right img {
    width: 766px;
    height: 435px;
  }

  .product_two {
    margin-top: 16px;
  }

  .caselist ul li {
    margin-bottom: 24px;
    margin-right: 9%;
  }

  .caselist ul li .jianjie {
    width: 100%;
    height: 100%;
    padding: 30px 30px 20% 30px;
    background-color: rgb(15, 34, 70, 0.88);
    position: absolute;
    top: 0;
    font-size: 16px;
    color: #FFFFFF;
    display: none;
    overflow: hidden;
  }

  .caselist ul li .p1 {
    margin: 0;
    align-self: center;
    line-height: 26px;
  }

  .caselist ul li .p2 {
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 30px;
    margin: 0;
  }

  .caselist ul li .p2 a {
    background: url(../image/product_5.png) no-repeat center center;
    width: 42px;
    height: 42px;
    display: block;
  }

  .caselist ul li .p3 {
    color: #333333;
    font-size: 18px;
    margin: 0;
  }

  .caselist ul li:nth-child(3n) {
    margin-right: unset;
  }

  .newslist ul li .mid {
    width: calc(100% - 348px);
    padding: 0 200px 0 15px;
  }

  .brief .left {
    width: calc(100% - 530px);
    padding: 0 40px 0 0;
  }

  .brief .left h5 {
    margin: 20px 0;
  }

  .brief .right {
    width: 530px;
  }

  .brief .right img {
    width: 530px;
    height: auto;
  }
}

@media (min-width: 1200px) {}

@media (min-width: 1500px) {
  .dist_banner .left {
    margin-left: -750px;
    left: 50%;
  }

  .dist_banner .left1 {
    margin-left: -750px;
    left: 50%;
  }

  .dist_banner .right {
    margin-right: -750px;
    right: 50%;
  }

  .dist_banner .dist_bannerpic .left {
    margin-right: -750px;
    left: 50%;
  }

  .dist_banner .dist_bannerpic .right {
    margin-right: -750px;
    right: 50%;
  }

  .pageinfo {
    width: 1500px;
    padding: 0 0 70px;
    margin: 0 auto;
  }

  .product_one {
    width: 1500px;
    padding-top: 70px;
  }

  .product_one .left {
    width: 543px;
    padding: 40px;
  }

  .product_one .left .p1 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }

  .product_one .left .p2 {
    width: 21px;
    height: 3px;
    background-color: #FFFFFF;
    margin: 0 0 15px 0;
  }

  .product_one .left .p3 {
    font-size: 18px;
    margin: 0 0 20px;
    line-height: 22px;
  }

  .product_one .left .p4 {
    font-size: 12px;
    margin: 0;
    line-height: 24px;
  }

  .product_one .left .p5 {
    background: url(../image/product_5.png) no-repeat center center;
    width: 42px;
    height: 42px;
    margin: 40px 0 0 0;
  }

  .product_one .left .p5 a {
    display: block;
    height: 42px;
    width: 42px;
  }

  .product_one .right {
    width: 957px;
  }

  .product_one .right img {
    width: 957px;
  }

  .product_two {
    margin-top: 22px;
  }

  .caselist ul li {
    margin-bottom: 30px;
    margin-right: 4%;
  }

  .caselist ul li .jianjie {
    width: 100%;
    height: 100%;
    padding: 40px 40px 20% 40px;
    background-color: rgb(15, 34, 70, 0.88);
    position: absolute;
    top: 0;
    font-size: 18px;
    color: #FFFFFF;
    display: none;
  }

  .caselist ul li .p1 {
    margin: 0;
    align-self: center;
    line-height: 30px;
  }

  .caselist ul li .p2 {
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 50px;
    margin: 0;
  }

  .caselist ul li .p2 a {
    background: url(../image/product_5.png) no-repeat center center;
    width: 42px;
    height: 42px;
    display: block;
  }

  .caselist ul li .p3 {
    color: #333333;
    font-size: 20px;
    margin: 0;
  }

  .caselist ul li:nth-child(4n) {
    margin-right: unset;
  }

  .caselist ul li:nth-child(3n) {
    margin-right: 4%;
  }

  .newslist ul li .mid {
    width: calc(100% - 348px);
    padding: 0 320px 0 15px;
  }

  .brief .left {
    width: calc(100% - 662px);
    padding: 0 70px 0 0;
  }

  .brief .left h5 {
    margin: 30px 0;
  }

  .brief .right {
    width: 662px;
  }

  .brief .right img {
    width: 662px;
    height: auto;
  }


}


/* 波浪效果 */
.wave-box {
  position: relative;
  height: 60px;
  background: #f0f5fd;
}

.marquee-box {
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.marquee {
  width: 8000%;
  height: 60px
}

.wave-list-box {
  float: left
}

.wave-list-box ul {
  float: left;
  height: 60px;
  overflow: hidden;
  zoom: 1
}

.wave-list-box ul li {
  height: 60px;
  width: 100%;
  float: left;
  line-height: 30px;
  list-style: none
}

/* 粒子动画 */
#product-canvas {
  position: absolute;
  top: 600px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* 星空效果 */
.particles-js {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}