/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none; box-sizing: border-box;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
p{line-height: 1.5;padding: 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1280px; margin:0 auto;}




.head{ width: 100%; background-color: #Fff; padding: 0 60px;}
.head{ display: flex; justify-content: space-between; align-items: center;}
.logo{ width: 200px;}
.logo img{ width: 100%; display: block;}
.menu ul li{ line-height: 100px; padding: 0 20px; }
.menu ul li a{ font-size: 18px; font-weight: bold; color: #000;}
.menu ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.link a{ display: block; width: 120px; line-height: 45px; border-radius: 10px; text-align: center; color: #fff; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-size: cover; font-size: 14px;}

.banner { position:relative; overflow:hidden;}
.banner .swiper-container{}
.banner .swiper-slide { position:relative; overflow:hidden; z-index:1;}
.banner .swiper-slide.swiper-slide-active{ z-index:2;}
.banner .swiper-slide img{ display:block; width:100%; height:33vw; background:#f9f9f9; transform:scale(1.1); transition:all 4s ease;}
.banner .swiper-slide.swiper-slide-active img{ transform:scale(1);}
.banner .swiper-slide .txtbg{ width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.banner .swiper-slide .txt{ color:#fff; text-align:center;}
.banner .swiper-slide .txt .h2{font-size: 80px;line-height:1.2em;font-weight:bold;margin-bottom: 20px;}
.banner .swiper-slide .txt .h3{font-size: 28px;line-height:1.4em;}
.banner .swiper-pagination{ height:10px; bottom:var(--40px);}
.banner .swiper-pagination span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:10px; margin:0 8px; background:#fff; opacity:1; transition:all .3s ease;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background:#fff; opacity:1;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:60px; height:60px; margin-top:-30px; background-color:rgba(0,0,0,.5); background-size:15px 30px; opacity:0; transition:all .3s ease; border-radius:8px;}
.banner .swiper-button-prev{ left:5%; transform:translateX(-100%);}
.banner .swiper-button-next{ right:5%; transform:translateX(100%);}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ opacity:.7; transform:translateX(0) !important;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ opacity:1;}
@media(max-width:999px){
.banner .swiper-slide img{ height:50vw; }
.banner .swiper-slide .txtbg{ width:90%; }
.banner .swiper-slide .txt .h2{ font-size:20px; line-height:1.2em; margin-bottom:10px;}
.banner .swiper-slide .txt .h3{ font-size:24px; line-height:1.4em;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:40px; height:40px; margin-top:-20px; }
}

.con1{ width: 100%; padding: 20px 0;}

.con1lf{ width: 33%; float: left;}
.con1lf img{ width: 100%; display: block; height: 500px; object-fit: cover;}
.con1rt{  width: 66%; float: right;}
.con1rt img{ width: 100%; display: block;height: 500px; object-fit: cover;}

.con2{ width: 100%; padding: 100px 0; background-color: #001E3C;}
.c2nr{ width: 100%; max-width: 1000px; margin: 0 auto; font-size: 20px; color: #fff; text-align: center;}
 
 .con3{ width: 100%; padding: 120px 0 30px;}
 .c3lf{ width: 45%; float: left;}
 .c3lf img{ width: 100%; display: block;}
 .c3rt{ width: 53%; float: right;}
 .c3rttop{ width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
 .c3rttop h2{ font-size: 24px; color: #001E3C; padding-right: 50px;}
 .lines{ width: calc(100% - 250px); height: 2px; background-color: #001E3C;}
 .c3rtnr{ font-size: 16px; margin-bottom: 20px;}
 .c3more{ display: flex; align-items: center;}
 .c3more span{ font-size: 16px; margin-right: 20px;}
 
  
  .con4{ width: 100%; padding: 0 0;}
  .bt{ width: 100%; display: flex; align-items: center;padding: 80px 0 30px; flex-wrap: wrap;}
  .bt h2{ font-size: 24px; color: #001E3C; padding-right: 50px;}
  .con4 ul li{ width: calc((100% - 30px)/2); margin-right: 30px; float: left;}
  .con4 ul li img{ width: 100%; display: block;}
  .con4 ul li:nth-child(2n){ margin-right: 0;}
  .c4bt{ display: flex; align-items: center; flex-wrap: wrap;  width: 100%; margin: 20px 0;}
  .c4bt span{ font-size: 24px; margin-right: 10px;}
  .c4bt img{ width: 24px !important;}
  .con4 ul li .nr{ font-size: 16px;}
  
  
  .con5{ width: 100%; padding: 0;}
  .con5lf{ width: 50%; margin-top: 20px;}
  .con5lf .nr{ font-size: 16px;}
  
  
   .con6{ width: 100%; padding: 0;}
   .c6pic img{ width: 100%; display: block;}
   .c6list{ padding: 70px 0;}
   .c6list ul li{ width: calc((100% - 30px)/2); margin-right: 30px; margin-bottom: 30px; float: left;}
   .c6list ul li:nth-child(2n){ margin-right: 0;}
   .c6list ul li img{ width: 100%; display: block;}
   .c6list ul li h1{ font-size: 18px; padding: 20px 0;}
   .c6pic{ overflow: hidden;}
   .c6list ul li:hover img{ transform: scale(1.1); transition: all 0.5s;}
   .c6more{ display: flex; align-items: center; justify-content: center;}
   .c6more span{ font-size: 24px; margin-right: 20px;}
   
   .con7{ width: 100%; padding: 70px 0; background-color: #001E3C; margin-bottom: 20px;}
   .con7 h2{ font-size: 28px; margin-bottom: 20px; color: #fff;}
   .con7 .nr{ font-size: 16px; color: #fff; margin-bottom: 70px;}
   .c7more{ padding: 8px 40px; background-color: #fff; display: inline-block; color: #001E3C;}

   
   .foot{ width: 100%; padding: 30px; padding-bottom: 0; background-color: #001E3C;}
   .footlogo{ width: 270px; margin-bottom: 15px;}
   .footlogo img{ /*width: 200px;*/ display: block;margin-bottom: 0;    height: 60px;object-fit: contain;}
   
   .foot .wapper{ display: flex; justify-content: space-between; flex-wrap: wrap;}
   .footitem{width: 33%;}
   .footitem1{ width: 18%;}
   .footitem2{ width: 49%;}
   .footitem h1{font-size: 16px;color: #fff;margin-bottom: 20px;}
   .footitem p{font-size: 16px;color: #fff;}
   .footitem a{ font-size: 16px; color: #fff; display: block; padding: 20px 0;}
   .footitem span{ font-size: 16px; color: #fff;display: block;}
   .footitem ul li a{ font-size: 16px; padding: 0; color: #fff;}
   .footitem ul li{ line-height: 35px; }
   .flow{ display: flex; align-items: center;}
   .flow a{ padding: 0; margin: 0 15px; }
   .footbtm{ width: 100%; padding: 20px 0;  margin-top: 60px; color: #fff;}
   .footipt{ width: 100%; border: 1px solid #fff; padding: 10px; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px;}
   .footipt input{ border: 0; width: 80%; color: #fff; background-color: transparent; line-height: 40px; text-indent: 1rem;}
   .footipt button{ line-height: 40px; height: 40px; background-color: transparent; color: #fff; border: 0; font-size: 16px;}
   
   .sp_header{height:auto; padding: 20px 30px; overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: block;}
   .sp_header.bg{ background-color: #062341;}
   .sp_logo{padding: 0;float:left;height: auto;}
   .sp_logo img{margin:auto;    height: 65px;}
   .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 20px;}
   .sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
   .sp_header.bg .sp_nav span{ background-color: #fff;}
   .imgs2{ display: none;}
   .sp_header.bg .imgs2{ display: block;}
   .sp_header.bg .imgs1{ display: none;}
   .sp_nav span:nth-of-type(1){top:0px}
   .sp_nav span:nth-of-type(2){top:10px}
   .sp_nav span:nth-of-type(3){top:20px}
   .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
   .sp_nav_se span:nth-of-type(2){width:0}
   .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
   .sjj_nav{position:fixed;z-index:9;background: #062341;width:100%;height: calc(100% - 106px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
   .nav_show{top: 105px; display: flex; align-items: center;}
	.sjj_nav ul li{width: calc((100% - 100px)/5);float: left;font-size: 24px;color: #fff;padding-bottom: 20px;border-bottom: 2px solid #fff;margin: 10px;}
   .sjj_nav ul li ul{display:none}
   .sjj_nav ul li a{color: #fff;width: 100%;}
   .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
   .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
   .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
   .sjj_nav ul li ul li>ul{margin-left:10px}
   .con{ width: 100%; padding: 100px 0;}
   .nv{ height: 106px;}
   
   .about1{ width: 100%; padding: 60px 0 30px; }
   .abtbt{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}
   .abtbt h1{ font-size: 24px; color: #000; width: 18%;}
   .abtbt .nr{ width: 80%; font-size: 24px; text-align: center;}
   .pic{ width: 100%;}
   .pic img{ width: 100%; display: block;}
   
   .about2{ width: 100%; padding: 90px 0 0;}
   .about2 ul li{ width: calc((100% - 30px)/2); margin-right: 30px; margin-bottom: 30px; float: left;}
   .about2 ul li:nth-child(2n){ margin-right: 0;}
   .about2 ul li img{ width: 100%; display: block;}
   .about2 ul li .nr{ font-size: 16px;}
   
   .about3{ width: 100%; padding: 45px 0 90px;}
   .about3lf{ width: 50%;}
   .about3lf .nr{ font-size: 16px;}
   
   .seavice1{ width: 100%; padding: 90px 0 40px;}
   .seavice1lf{ width: calc((100% - 30px)/2); float: left;}
   .seavice1lf .nr{ font-size: 16px; margin-bottom: 15px;}
   .seavice1lf .pics{ width: 100%;}
   .seavice1lf .pics img{ width: 100%; display: block;}
   .seavice1rt{width: calc((100% - 30px)/2);float: right;height: 714px;display: flex;flex-wrap: wrap;align-content: space-between;}
   .seavicepic1{ width: 60%;}
   .seavicepic1 img{width: 100%;display: block;height: 250px;}
   .seavicepic2{ width: 100%;}
   .seavicepic2 img{width: 100%;display: block;height: 350px;    object-fit: cover;}
   .seavice3rt .seavicepic2 img { height: 750px;}
   .seavice2{ width: 100%; padding: 40px 0 90px;}
   .seavice2lf{ width: calc((100% - 30px)/2); float: left;}
   .seavice2lf img{ width: 100%; display: block;}
   .seavice2rt{width: calc((100% - 30px)/2);float: right;}
   .seavice2rt .nr{ font-size: 16px; margin-bottom: 30px;} 
   .seavicemore{ display: inline-block; padding: 8px 40px; background-color: #001E3C; color: #fff; font-size: 16px;}
   
   .seavice3{ width: 100%; padding: 90px 0 40px;}
   .seavice3lf{ width: calc((100% - 30px)/2); float: left;}
   .seavice3lf img{ width: 100%; display: block; margin-top: 20px;}
   .seavice3lf .nr{ font-size: 16px; margin-bottom: 30px;} 
   .seavice3rt{width: calc((100% - 30px)/2);float: right;}
   .seavice3rt .seavicepic2{ margin-bottom: 30px;}
   
   .seavice4{ width: 100%; padding: 40px 0;}
   .seavice4 ul li { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px;}
   .seavice4lf{ width: calc((100% - 30px)/2);}
   .seavice4lf img{ width: 100%; display: block;}
   .seavice4rt .nr{ font-size: 16px; margin-bottom: 20px;}
   .seavice4rt{ width: calc((100% - 30px)/2);}
   
   .projectslist{ width: 100%; padding: 70px 0;}
   .projectslist ul li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 30px; float: left;}
   .projectslist ul li:nth-child(3n){ margin-right: 0;}
   .projectslist ul li img{ width: 100%; display: block;}
   .projectslist ul li h2{ font-size: 16px; line-height: 40px; font-weight: 500;}
   .propic{ overflow: hidden;}
   .projectslist ul li:hover img{ transform: scale(1.1); transition: all 0.5s;}
   
   .career1{ width: 100%; padding: 60px 0;}
   .career1top{ width: 100%; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; } 
   .careernr{ width: 100%; max-width: 1000px; margin: 0 auto;}
   .careernr .nr{font-size: 16px;}
   .career1top h2{ font-size: 24px; padding-right: 20px;}
   .lines1{ width: calc(100% - 490px); height: 2px; background-color: #000;}
   .careermessg{ width: 100%; padding: 30px 0 0;}
   .messipt{ width: 100%; border: 1px solid #000; height: 45px; margin-bottom: 15px;}
   .messipt input{ width: 100%; height: 100%; border: 0; background-color: transparent; text-indent: 1rem;}
   .messipt select{width: calc(100% - 20px);height: 100%;border: 0;background-color: transparent;padding: 0;display: block;margin: 0 auto;}
   .messipt1{ width: 100%; margin-bottom: 15px;}
   .messipt1 p{ color: #001E3C; font-weight: 500;}
   .messipt1 button{ width: 280PX; line-height: 40px; text-align: center; background-color: #001E3C; color: #fff; display: inline-block; font-size: 16px; border: 0;}
   .contact{ width: 100%; padding: 60px 0;}
   .mess{ width: 100%; padding: 30px 0 0;}
   .messlf{ width: 28%; float: left;}
   .messlf h1{ font-size: 16px; margin-bottom: 15px;}
   .messlf p{ font-size: 16px; padding: 0; margin-bottom: 15px;}
   .messrt{ width: 70%; float: right;}
   .ipt{ width: 100%; border: 1px solid #000; height: 45px; margin-bottom: 15px;}
   .ipt1{ width: 100%;  margin-bottom: 15px;}
   .ipt input{ width: 100%; height: 100%; border: 0; background-color: transparent; text-indent: 1rem;}
   .ipt1 textarea{ width: 100%; height: 80px; border: 0; background-color: transparent; text-indent: 1rem; border: 1px solid #000; padding: 0;}
   .ipt1 button{ font-size: 16px; padding: 0 45px; background-color: #001E3C; display: inline-block; line-height: 40px; color: #fff; border: 0;}
   
   
   @media screen and (max-width:768px){
	   .con{ padding: 20px 0;}
	.head{ display: none;}
  .sp_header{ display: block; padding: 20px;}
  .sp_logo img{ height: 50px;}
  .sjj_nav ul li{width: 60%;margin: 0;margin-bottom: 10px;padding-bottom: 10px;font-size: 18px;}
  .nav_show{ top: 90px;}
  .nv{ height: 93px;}
  .con1lf img {
      width: 100%;
      display: block;
      height: 300px;
      object-fit: cover;
  }
  .con1rt img {
      width: 100%;
      display: block;
      height: 300px;
      object-fit: cover;
  }
  .con2 {
      width: 100%;
      padding: 70px 0;
  }
  .c2nr {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      font-size: 16px;
      color: #fff;
      text-align: center;
  }
  .c3lf {
      width: 100%;
      float: left;
  }
  .c3rt {
      width: 100%;
      float: right;
      margin: 20px 0;
  }
  .c3rttop h2 {
      font-size: 20px;
      color: #001E3C;
      padding-right: 10px;
  }
  .lines {
      width: calc(100% - 170px);
      height: 2px;
      background-color: #001E3C;
  }
  .c3rtnr {
      font-size: 14px;
      margin-bottom: 20px;
  }
  .bt {
      width: 100%;
      display: flex;
      align-items: center;
      padding: 30px 0 20px;
      flex-wrap: wrap;
  }
  .bt h2 {
      font-size: 24px;
      color: #001E3C;
      padding-right: 10px;
  }
  .wapper{ width: 95%;}
  .con4 ul li {
      width: 100%;
      margin-right: 0;
      float: left;
      margin-bottom: 20px;
  }
  .con5lf {
      width: 100%;
      margin-top: 20px;
  }
  .c6list ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 30px;
      float: left;
  }
  .con7{
	   text-align: center;
	   padding: 40px 0;
  }
  .con7 h2 {
      font-size: 23px;
      margin-bottom: 20px;
      color: #fff;
      text-align: center;
  }
  .con7 .nr {
      font-size: 14px;
      color: #fff;
      margin-bottom: 40px;
      text-align: center;
  }
  .abtbt h1 {
      font-size: 20px;
      color: #000;
      width: 100%;
  }
  .about1 {
      width: 100%;
      padding: 20px 0;
  }
  .abtbt h1 {
      font-size: 20px;
      color: #000;
      width: 100%;
      margin-bottom: 10px;
  }
  .abtbt .nr {
      width: 100%;
      font-size: 20px;
      text-align: left;
  }
  .about2 {
      width: 100%;
      padding: 30px 0 0;
  }
  .about2 ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      float: left;
  }
  .about2 ul li .nr {
      font-size: 16px;
      word-break: break-all;
  }
  .about3 {
      width: 100%;
      padding: 20px 0;
  }
  .about3lf .nr {
      font-size: 16px;
      word-break: break-all;
  }
  .footitem {
      width: 100%;
  }
  .footitem h1 {
      font-size: 16px;
      color: #fff;
      margin-bottom: 10px;
  }
  .footitem1 {
      width: 100%;
      margin: 20px 0;
  }
  .footitem2 {
      width: 100%;
  }
  .footbtm {
      width: 100%;
      padding: 20px 0;
      margin-top: 0px;
      color: #fff;
  }
  .about3lf {
      width: 100%;
  }
  .contact {
      width: 100%;
      padding: 30px 0;
  }
  .career1top {
      width: 100%;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 10px;
  }
  .career1top h2 {
      font-size: 20px;
      padding-right: 0;
      text-align: center;
      margin-bottom: 20px;
  }
  .lines1 {
      width: 100%;
      height: 2px;
      background-color: #000;
  }
  .messlf {
      width: 100%;
      float: left;
  }
  .messrt {
      width: 100%;
      float: right;
  }
  .projectslist {
      width: 100%;
      padding: 30px 0;
  }
  .projectslist ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      float: left;
  }
  .seavice1 {
      width: 100%;
      padding: 30px 0;
  }
  .seavice1lf {
      width: 100%;
      float: left;
      margin-bottom: 20px;
  }
  .seavice1rt {
      width: 100%;
      float: right;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
  }
  .seavicepic1 {
      width: 100%;
	  margin-bottom: 20px;
  }
  .seavicepic1 img {
      width: 100%;
      display: block;
      height: auto;
  }
  .seavicepic2 img {
      width: 100%;
      display: block;
      height: auto;
  }
  .seavice2 {
      width: 100%;
      padding: 20px 0;
  }
  .seavice2lf {
      width: 100%;
      float: left;
  }
  .seavice2rt {
      width: 100%;
      float: right;
  }
  .seavice3 {
      width: 100%;
      padding: 30px 0;
  }
  .seavice3lf {
      width: 100%;
      float: left;
  }
  .seavice3rt {
      width: 100%;
      float: right;
      margin-top: 20px;
  }
  .seavice4lf {
      width: 100%;
  }
  .seavice4rt {
      width: 100%;
  }
  .seavice4 ul li {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px;
  }
   }