.container-wrapper {
    width: 100%;
    margin-top: 145px;
    background-color: #f7f7f7;
}
.container-wrapper.bg-white {
  background-color: #ffffff;
}
.inside_ad{width: 100%;position: relative;}
.inside_ad img{width: 100%;object-fit: cover;min-height: 200px;}


.main-wrap {
  padding: 80px 0px 60px;
}
.main-wrap .title {
  text-align: center;
  margin-bottom: 40px;
}
.main-wrap .title h4 {
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
}
.main-wrap .title h4:after,
.main-wrap .title h4:before {
    content: '';
    display: block;
   width: 26px;
    height: 2px;
    background: #333333;
    margin: 0px 10px;
}
.main-wrap .title p {
   font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #E2E2E2;
}

/*关于我们*/

.about-warp-desc p {
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
}

.about_list_info {
  margin: 30px 0px;
  padding: 30px;
  background-color: #f7f7f7;
}
.about_list_info ul li {
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  /*list-style-type: decimal;*/
  /*list-style-position: inside;*/
}

.about_row .row {
  padding: 20px 0px;
}
.about_row .row .img img {
  width: 100%;
}
.about_row .row .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about_row .row .text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #333333;
  text-indent: 2em;
}

.culture-desc {
  margin-bottom: 40px;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.08);
}


.culture_list>h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 30px;
  color: #333333;
  padding: 40px 0px;
}
.culture_list>h4:after,
.culture_list>h4:before {
    content: '';
    display: block;
    flex:1;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin: 0px 5px;
}
.culture_list ul li a{
  display: block;
  border:1px solid #e5e5e5;
}
.culture_list ul li a .img,
.culture_list ul li a .img img {
  width: 100%;
  height: 100%;
}
.culture_list ul li a .text {
  padding: 30px;
  text-align: center;
}
.culture_list ul li a .text h5{
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
}
.culture_list ul li a .text span {
  font-size: 14px;
  line-height: 30px;
  color: #999999;
}
.culture_list ul li a .text span:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-top: 30px;
}
.culture_list ul li a .text p {
  margin-top: 30px;
  font-size: 14px;
  min-height: 60px;
  line-height: 30px;
  color: #333333;
}

.honor .image-row .image-set ul li {
  margin-bottom: 30px;
}
.honor .image-row .image-set ul li a {
  display: block;
  padding-bottom: 30px;
  border: 1px solid #E5E5E5;
}
.honor .image-row .image-set ul li a p{
  width: 276px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  font-size: 16px;
  margin: 20px auto;
}

.sever_list .service_item {
  width: 100%;
  padding: 20px 30px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
}
.sever_list .service_item .h {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e5e5e5;
  font-size: 26px;
}
.sever_list .service_item .h img {
  display: block;
  margin-right: 20px;
}
.sever_list .service_item .con p {
  color: #666666;
  font-size: 16px;
  margin: 18px 0px;
}
.img_list .image-row .image-set ul li {
  margin-bottom: 30px;
}
.img_list .image-row .image-set ul li a {
  display: block;
  border:1px solid #e5e5e5;
}
.img_list .image-row .image-set ul li a .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  overflow: hidden;
}
.img_list .image-row .image-set ul li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all .4s linear;
}
.img_list .image-row .image-set ul li a:hover img{
  transform: scale(1.1);
}
.img_list .image-row .image-set ul li a p {
  width: 100%;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  border-top:1px solid #e5e5e5;
}
.img_list .image-row .image-set ul li a:hover {
  background-color: #1A6FC2;
}
.img_list .image-row .image-set ul li a:hover p {
  color: #ffffff;
}


.project ul li {margin-bottom: 30px;}
.project ul li:nth-child(3n) {margin-right: 0px;}
.project ul li a {display: block;border:1px solid #e5e5e5;}
.project ul li a .img {width: 100%;height: 300px;overflow: hidden;}
.project ul li a .img img {display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.6s;transition: all 0.6s;}
.project ul li a:hover .img img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.project ul li a .name {display: block;height: 60px;line-height:60px;padding: 0px 5px;text-align: center;background-color: #f7f7f7;}
.project ul li a .name p {color: #333;font-size: 18px;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.project ul li a:hover .name {background-color: #1A6FC2;}
.project ul li a:hover .name p {color: #fff}




/*新闻*/
.news-warp-content .news-list ul li {padding: 30px 0px;border-bottom: 1px solid #EDEDED;}
.news-warp-content .news-list ul li .news-img {float: left;width: 260px;height: 150px;overflow: hidden;}
.news-warp-content .news-list ul li .news-img img {width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;}
.news-warp-content .news-list ul li .news-text {float: left;width: calc(100% - 300px);margin-left: 30px;padding: 15px 0px;}
.news-warp-content .news-list ul li .news-text .tit {display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
.news-warp-content .news-list ul li .news-text .tit h6 {font-size: 18px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .news-warp-content .news-list ul li .news-text .tit .date {color: #888888;}
.news-warp-content .news-list ul li .news-text .tit .fr {}
.news-warp-content .news-list ul li .news-text .tit .fr span {color: #999999;float: left;margin-left: 20px;}
.news-warp-content .news-list ul li .news-text .tit .fr span::before {content: '';display: block;float: left;width: 16px;height: 16px;margin-right: 10px;background-repeat: no-repeat;background-size: 100% 100%;}
.news-warp-content .news-list ul li .news-text .tit .fr span.view::before {background-image: url(../img/newspaper/eye.png);}
.news-warp-content .news-list ul li .news-text .tit .fr span.date::before {background-image: url(../img/newspaper/time.png);}
.news-warp-content .news-list ul li .news-text .des {display: flex;align-items: center;justify-content: space-between;}
.news-warp-content .news-list ul li .news-text .des p {font-size: 15px;line-height: 1.5;color: #888888;flex:1;overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-warp-content .news-list ul li .news-text .des:after {content: '';display: block;width: 52px;height: 18px;border-left: 1px solid #DEDEDE;margin-left: 30px;padding-left: 30px;background-image: url(../images/newsarr.png);background-repeat: no-repeat;background-position: right center;}
.news-warp-content .news-list ul li a:hover .news-img img {transform: scale(1.08);}
.news-warp-content .news-list ul li a:hover .news-text .tit h6 {color: #1A6FC2;}

.news-detail .news-detail-title {text-align: center;}
.news-detail .news-detail-title h1 {font-size: 30px;color: #333;margin-bottom: 20px;}
.news-detail .news-detail-title .info span {display: inline-block;vertical-align: top;margin:0px 15px; color: #999;}
.news-detail .news-detail-desc {margin-top: 40px;}
.news-detail .news-detail-desc p {color: #333;font-size: 16px;line-height: 30px;text-indent: 2em;text-align: justify;}

.news-detail .news-detail-desc img {max-width: 100%;height: auto !important;}



.main-wrap-cont {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    z-index: 11;
    margin-top: -70px;
}

.contact-wrap {
}
.contact-cont .head {
  padding: 0px 30px;
}
.contact-cont .head h4 {
  display: inline-block;
  font-size:20px;
  height: 70px;
  line-height: 70px;
  border-bottom: 2px solid #1A6FC2;
}
.contact_con {
  padding: 30px;
  background-color: #ffffff;
}
.contact_con .title {
  /*border-bottom: 1px solid #e5e5e5;*/
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-left: 50px;
  position: relative;
}
.contact_con .title::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(../img/contact/lx02.png);
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  left: 0px;
}
.contact_con .title::after {
  content: '';
  display: block;
  width: calc(100% - 50px);
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.contact_con .title h4 {
  font-size: 18px;
  margin-bottom: 10px;
}
.contact_con .title p {
  color: #999;
}

.contact_info {
  padding-left: 50px;
}
.contact_info .contcentleft {
  float: left;
}
.contact_info .contcentleft ul li {
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 10px;
}
.contact_info .contcentright {
  float: right;
}
.contact_info .contcentright ul li {
  float: left;
  width: 140px;
  margin-left: 30px;
  text-align: center;
}
.contact_info .contcentright ul li p {
  color: #999999;
  margin-top: 20px;
}

.contactmap {
  width: 100%;
  height: 400px;
  padding-left: 50px;
  margin-top: 50px;
}
/*留言*/
.compform {
  max-width: 800px;
  margin: 0px auto;
}
.compform .form-group {
  margin-bottom: 25px;
}
.compform .form-group .control-label {
  width: 120px;
  text-align: right;
  line-height: 40px;
  padding: 0px 15px;
  font-size: 16px;
}
.compform .form-group .control-label i {
  color: #f00;
}
.compform .form-group .form-input {
  flex:1;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}
.compform .form-group .form-input .form-control {
  height:40px;
}
.compform .form-group .form-input .code_btn {
  height: 40px;
  border:1px solid #e5e5e5;
  margin-left: 15px;
  cursor: pointer;
}
.compform .form-group .form-input .code_btn img {
  height: 100%;
}
.compform .form-group h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 30px;
  color: #1A6FC2;
  padding: 40px 0px 20px;
}
.compform .form-group h5:after,
.compform .form-group h5:before {
    content: '';
    display: block;
    flex:1;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin: 0px 5px;
}

.compform .form-group .btn {
  width: 200px;
  height: 45px;

  padding: 0px;
  margin-right: 30px;
}
.compform .form-group .btn-submit {
  line-height: 45px;
  color: #ffffff;
  background: #1A6FC2;
}
.compform .form-group .btn-reset {
  line-height: 43px;
  color: #1A6FC2;
  border:1px solid #1A6FC2;
}

.jobs_list {
  padding-bottom: 30px;
}
.jobs_list .item {
  margin-top: 30px;
  padding: 30px;
  cursor: pointer;
  background-color: #ffffff;
}
.jobs_list .item .item_top h5 {
  float: left;
  color: #1A6FC2;
  font-size: 24px;
}
.jobs_list .item .item_top span {
  float: right;
  color: #333;
  font-size: 18px;
}
.jobs_list .item .item_cont {
  margin:15px 0px;
}
.jobs_list .item .item_cont ul {
  float: left;
}
.jobs_list .item .item_cont ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #666666;
  margin-right: 15px;
}

.jobs_list .item .item_cont ul li:after {
    content: '';
    display: block;
    float: right;
    width: 1px;
    height: 14px;
    background: #999999;
    margin: 2px 0px 2px 15px;
}
.jobs_list .item .item_cont ul li:last-of-type:after {display: none}

.jobs_list .item .item_cont span {
  float: right;
  color: #333;
  font-size: 18px;
}
.jobs_list .item .item_bottom ul {
  float: left;
  line-height: 34px;
  color: #999;
}
.jobs_list .item .item_bottom ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  min-width: 100px;
  line-height: 32px;
  padding: 0px 10px;
  text-align: center;
  border: 1px solid #E5E5E5;
}
.jobs_list .item .item_bottom span {
  float: right;
}

.jobs-content .modal-header {justify-content: center;position: relative;border-bottom:0px;}
.jobs-content .modal-header h4 {color: #333;font-size: 28px;}
.jobs-content .modal-header .close {position: absolute;right: 0;margin:-1rem 0rem -1rem auto;font-size: 44px;padding: 0.5rem 1rem;}
.zpmation p {
  font-size: 16px;
  line-height: 30px;
}
.dowmload>ul>li {
  margin-bottom: 30px;
}
.dowmload>ul>li a {display: block;background-color: #f7f7f7;padding: 20px 30px;}

.dowmload>ul>li a:hover {
  background-color: #1A6FC2;
}
.dowmload>ul>li a .head {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px;
}
.dowmload>ul>li a .head h4 {
  float: left;
  font-size: 18px;
  line-height: 50px;
}
.dowmload>ul>li a .head h4:before {
  content: '';
  display: block;
  float: left;
  width: 5px;
  height: 5px;
  border-radius: 6px;
  background-color: #878787;
  margin:20px 15px 0px 0px;
}
.dowmload>ul>li a .head span {
  float: right;
  color: #999;
}
.dowmload>ul>li a .dowmload_info {
  padding-bottom: 20px; 
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}
.dowmload>ul>li a .dowmload_info li {
  float: left;
  width: 33.3333%;
  padding: 10px;
  text-align: center;
  border-right: 1px solid #E5E5E5
}
.dowmload>ul>li a .dowmload_info li:last-of-type {border-right: 0px;}
.dowmload>ul>li a .dowmload_info li span {
  display: block;
  margin-top: 5px;
}
.dowmload>ul>li a .dowmloadbtn {

}
.dowmload>ul>li a .dowmloadbtn button {
  float: right;
  width: 125px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 16px;
}

.dowmload>ul>li a:hover .head,.dowmload>ul>li a:hover .head h4,.dowmload>ul>li a:hover .head span,.dowmload>ul>li a:hover .dowmload_info li {
  color: #ffffff;
}
.dowmload>ul>li a:hover .head h4:before {
  background-color: #fff;
}

/*项目详情*/
.project_detail {margin-bottom: 40px;}
.project_detail .small-box {
  padding-right: 0px;
}
.project_detail .project_info {
  background-color: #f7f7f7;
  padding: 40px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.project_detail .project_info h1 {
  font-size: 36px;
  margin-bottom: 30px;
}
.project_detail .project_info .desc p {
  color: #666666;
  font-size: 18px;
  margin-bottom: 15px;
}
.pro_details .h {
  font-size: 24px;
  color: #333333;
  margin-bottom: 30px;
}
.pro_details .desc p {
  color: #666;
  font-size: 16px;
  line-height: 30px;
}

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

@media (max-width: 992px) { 
    .main-wrap-cont {
      margin-top: -50px;
    }
    .contact-cont .head h4 {
      height: 50px;
      line-height: 50px;
    }
    .main-wrap {
      padding: 40px 0px 30px;
    }
    .container-wrapper {
      margin-top: 60px;
    }

    .contact_info,.contactmap {
      padding-left: 0px;
    }
    .contact_info .contcentright ul li {
      margin:0px 10px;
    }
    .contactmap {
      height: 240px;
    }
    

    .project_detail .small-box {
      padding-right: 15px;
    }

    .compform .form-group .btn {
      width: 50%;
      margin-top: 20px;
    }
  
    .dowmload>ul>li a {
      padding: 15px;
    }
    .dowmload>ul>li a .head {
      height: auto;
      line-height: 1.5;
    }
    .dowmload>ul>li a .head h4{
      line-height: 1.5;
    }
    .dowmload>ul>li a .head h4:before {
      margin-top: 11px;
    }

    .main-wrap .title {
      margin-bottom: 20px;
    }
    
    .main-wrap .title h4 {
      font-size: 24px;
    }

    .project ul li {
      margin-bottom: 20px;
    }
    .project ul li a .img {
      height: 100%;
    }
    .project ul li a .name {
      height: 40px;
      line-height: 40px;
    }
    .project ul li a .name p {
      font-size: 16px;
    }

    .culture_list ul li {
      margin-bottom: 20px;
    }

    .project_detail .project_info {
      padding: 30px;
    }
    .project_detail .project_info h1 {
      font-size: 24px;
    }
    .project_detail .project_info .desc p {
      font-size: 16px;
    }

    .news-warp-content .news-list ul li {
      padding-bottom: 0px;
    }
  
    .news-warp-content .news-list ul li .news-img {
      width: 100%;
      height: 220px;
    }
    .news-warp-content .news-list ul li .news-text {
      width: 100%;
      margin-left: 0px;
    }
    .news-warp-content .news-list ul li .news-text .tit {
      display: block;
    }
    .news-warp-content .news-list ul li .news-text .tit .fr {
      width: 100%;
      margin: 10px 0px;
    }
    .news-warp-content .news-list ul li .news-text .tit .fr span {
      margin-left: 0;
      margin-right: 10px;
    }
    .news-warp-content .news-list ul li .news-text .des {display: block;}
    .news-warp-content .news-list ul li .news-text .des:after {
      display: none;
    }
    .news-warp-content .news-list ul li .news-text .des p {
      width: 100%;
    }

    .compform .form-group .control-label {
      width: 100%;
      text-align: left;
      line-height: 30px;
    }
    .compform .form-group {
      margin-bottom: 15px;
    }
    .compform .form-group h5 {
      font-size: 18px;
      padding: 20px 0px 0px;
    }

    .jobs_list .item {
      padding: 15px;
    }
    .jobs_list .item .item_top h5,.jobs_list .item .item_top span {
      width: 100%;
    }
    .jobs_list .item .item_top span  {
      font-size: 14px;margin-top: 10px;display: block;
    }
    .jobs_list .item .item_cont ul li {font-size: 14px;}
    .jobs_list .item .item_bottom ul li {margin-bottom: 10px;margin-right: 10px;}
    .jobs-content .modal-header h4 {
      font-size: 22px;
    }
    .jobs-content .modal-header .close {
      font-size: 34px;
      padding: 1rem;
    }
}


@media (max-width: 768px) {

  .culture_list>h4 {font-size: 20px;padding: 40px 0px 20px;}

  .sever_list .service_item .h {font-size:20px;}
}
@media (max-width: 640px) {
    
}