@font-face {
    src: url("../font/SourceHanSansCN-ExtraLight.otf");
    font-family: "SourceHanSansCN-ExtraLight";
}
 @font-face {
    src: url("../font/SourceHanSansCN-Light.otf");
    font-family: "SourceHanSansCN-Light";
}
@font-face {
    src: url("../font/SourceHanSansCN-Heavy.otf");
    font-family: "SourceHanSansCN-Heavy";
}
@font-face {
    src: url("../font/SourceHanSansCN-Bold.otf");
    font-family: "SourceHanSansCN-Bold";
}
@font-face {
    src: url("../font/Alibaba-PuHuiTi-Regular.ttf");
    font-family: "Alibaba-PuHuiTi-Regular";
}
@font-face {
    src: url("../font/impact.ttf");
    font-family: "impact";
}
/*
@font-face {
    src: url("../font/MONTSERRAT-EXTRALIGHT-5.OTF");
    font-family: "MONTSERRAT-EXTRALIGHT-5.OTF";
  }  */
* {
  font-family: "微软雅黑","Arial";
  padding: 0;
  margin: 0;
  /* box-sizing: border-box; */
}
body {
}
.zy{
     padding-top: 104px;
}
/* 苹果兼容性 */

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

/* ----------------------首页---------------------- */
.app{
    padding-top: 84px;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
}
.wrap {
    max-width: 1732px;
    margin: 0 auto;
    width: 96%;
}
.wrap2 
{
    position:relative;
    overflow:hidden;
    margin: 0 auto;
    width: 96%;
    max-width: 1470px;
}
.logo {
    margin-left: 4.79%;
}

.ul-nav {
    display: flex;
}

.ul-nav>li {
    position: relative;
    margin-left: 45px;
    padding: 34px 0;
    color: #3b3b3b;
    font-size: 16px;
}

.ul-nav>li:nth-child(1) {
    margin-left: 0;
}

.ul-nav>li:hover .nd{
    visibility: visible;
    opacity: 1;
}
.nd{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 704px;
    top: 86px;
    left: -125px;
    background-color: #fff;
    transition: .2s;
    -webkit-transition: .2s;
}
.nd-c{
    padding: 50px 60px 50px 125px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nd-pic>img{
    width: 310px;
    height: 204px;
}
.ul-ndnav>li:nth-child(1){
    margin-top: 0;
}
.ul-nav>li:nth-last-child(1) .nd{
    left: unset;
    right: -125px;
}
.ul-nav>li:nth-last-child(1) .nd-c{
    padding: 50px 125px 50px 60px;
    flex-direction: row-reverse;
    text-align: right;
}
.ul-ndnav>li{
    color: #717070;
    font-size: 16px;
    margin-top: 32px;
}
.ul-ndnav>li:hover{
    color: #15499a;
    font-weight:bold;
}
.ul-nav>li:hover>a{
    font-weight: bold;
    color: #15499a;
}
.menu {
    display: none;
    cursor: pointer;
    margin-right: 119px;
}
.menu>ul>li {
    width: 34px;
    height: 3px;
    background-color: #3d3d3d;
    margin-bottom: 5px;
}
.menu>ul>li:nth-last-child(1) {
    margin-bottom: 0;
}
.lang {
    display: flex;
    align-items: center;
    margin: 0 0 0 90px;
}

.lang a {
    margin-left: 12px;
    color: #505050;
    font-size: 16px;
}

.download-tx {
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}

.tc-body
{
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index:9999;
}

.lang,.menu{ display:none;}

.ss2,
.menu {
    
    display: none;
}
.ss2 {
    display: none;
    align-items: center;
    border-bottom: 1px #c3c3c3 solid;
    margin-right: 10px;
}
.ss2-go {
    background: url(../images/2.png) no-repeat center;
    background-size: 15px;
    width: 35px;
    height: 56px;
    outline: none;
    cursor: pointer;
}
.ss2-inp {
    width: 500px;
    height: 56px;
    background-color: transparent;
    outline: none;
    font-size: 16px;
    color: #757575;
}
.download {
    width: 94px;
    height: 84px;
    padding-top: 27px;
    text-align: center;
    background-color: #175da7;
    box-sizing: border-box;
}
.ss{
    cursor: pointer;
    position: relative;
    right:15%;
}
.h-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.h-r {
    display: flex;
    align-items: center;
}

.logo2 {
    margin: 0 75px 0 40px;
}

.banner-pic {
    position: relative;
}

.banner-pic>img {
    width: 100%;
}

.ban-txt {
    position: absolute;
    bottom: 125px;
    left: 0;
    width: 100%;
    text-align: center;
}

.ban-btn {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.ban-title {
    color: #ffffff;
    font-size: 48px;
    font-family: "SourceHanSansCN-Light";
}

.ban-title2 {
    color: #ffffff;
    font-size: 16px;
    margin-top: 25px;
    opacity: 0.52;
    letter-spacing: 18px;
}

.ban-btn a {
    width: 176px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    border: 1px #ffffff solid;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    margin: 0 16px;
    font-family: "SourceHanSansCN-ExtraLight";
}

.ijj-title {
    color: #282828;
    font-size: 36px;
    font-family: "SourceHanSansCN-ExtraLight";
}

.ijj-tx {
    color: #474747;
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
}

.ijj {
    padding: 125px 0 100px;
}

.ul-ijj {
    display: flex;
    justify-content: space-between;
    padding: 60px 70px 0;
}
.ul-ijj>li{
   position: relative;
}
/* .ijj-tx2{
    min-width: 113px;
} */
.ijj-icon {
    height: 46px;
    line-height: 46px;
    text-align: center;
}

.ijj-tx2 {
    color: #4a4a4a;
    font-size: 16px;
    margin-top: 30px;
    position: absolute;
    top: 30px;
    min-width: 126px;
}

.ijj-tx2 span {
    color: #4a4a4a;
    font-size: 36px;
    font-family: "impact";
    margin-right: 4px;
}

.ijj-tx3 {
       color: #4a4a4a;
    font-size: 16px;
    margin-top: 55px;
}
.imid-pic{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.imid-pic>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
object-position: center;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.imid-kk{
    position: relative;
}
.imid-kk>img{
    width: 100%;
    opacity: 0;
}
.imid-title{
    position: absolute;
    left: 65px;
    top: 52px;
    color: #ffffff;
    font-size: 36px;
    font-family: "SourceHanSansCN-Light";
    z-index: 1;
}
.imid-tx{
    position: absolute;
    left: 65px;
    bottom: 25px;
    z-index: 1;
}
.imid-tx p{
    color: #ffffff;
    font-size: 24px;
    font-family: "SourceHanSansCN-ExtraLight";
    line-height: 48px;
}
.imid-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.imid-l{
    width: 66.57%;
}
.imid-r{
    width: 30.48%;
}
.imid-menb{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);

}
.izy{
    padding: 110px 0 0 0 ;
}
.izy-tx{
    position: absolute;bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-family: "SourceHanSansCN-ExtraLight";
}
.ul-izy{
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
    padding-top: 70px!important;
}
/*.ul-izy>li{
    width: 23.09%;
}*/
.ijs{
    padding: 130px 0 85px;
}
.ijs-lb {
    padding-top: 80px;
    margin-top: -100px;
}
.ijs-lb .swiper-slide {
    width: 931px;

/* background: #fff; */
position: relative;
display: flex;
flex-direction: column;
/* align-items: center; */
}

.ijs-lb .swiper-slide-active  .ijs-txt{
opacity: 1;
}
.ijs-pic>img{
width: 100%;
height: 580px;
}
.ijs-pic{
margin-top: 100px;
}
.ijs-title{
color: #3e3e3e;
font-size: 30px;
margin-top: 30px;
}
.ijs-tx{
color: #585858;
font-size: 16px;
margin-top: 16px;
line-height: 24px;
}
.ijs-txt{
opacity: 0;
/* position: absolute;
bottom: -100px; */
min-height: 100px;
transition: .5s;
-webkit-transition: .5s;
}
.footer{
background-color: #f5f5f5;
padding-top: 120px;
}
.ft-ma-pic>img{
width: 95px;
height: 95px;
}
.ft-ma-tx{
color: #b4b4b4;
font-size: 14px;
margin-top: 7px;
text-align: center;
text-align: justify;
height: 20px;
padding: 0 3px;
}
.ft-ma-tx span{
display:inline-block;
/*padding-left: 100%;*/
width:100%;
}
.ft-ma{
display: flex;
}
.ft-ma-c{
margin-left: 23px;
text-align:center;
}
.ft-ma-c:nth-child(1){
margin-left: 0;
}
.ft-top{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ul-ftnav>li>a{
display: block;
color: #666262;
font-size: 15px;
margin-bottom: 16px;
}
.ul-ftnav>li>a:nth-last-child(1){
margin-bottom: 0;
}
.ftnav-title{
color: #323131;
font-size: 18px;
margin-bottom: 28px;
}
.ft-mid{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.ft-mid-l{
    width: 58.89%;
}
.ul-ftnav{
display: flex;
justify-content: space-between;
}
/* .ul-ftnav>li{
margin-left: 118px;
}
.ul-ftnav>li:nth-child(1){
margin-left: 0;
} */
.ft-mid-a{
display: flex;
justify-content: flex-end;
}
.ft-mid-a>a{
width: 256px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
background-color: #165ca7;
border-radius: 100px;
margin-left: 9px;

}
.ft-mid-a>a:nth-child(1){
    margin-left: 0;
}
.ft-mid-a>a span{
font-size: 15px;
color: #fff;
margin-left: 5px;
}
.ft-mid-tel{
 color: #151515;
 font-size: 24px;
 margin: 20px 0 15px;
 font-family: "Alibaba-PuHuiTi-Regular";
}
.ft-mid-tx{
font-size: 14px;
line-height: 24px;
color: #4a4a4a;
}
.ft-mid-r{
text-align: right;
}
.beian{
margin-top: 70px;
border-top: 1px #e9e9e9 solid;
padding: 17px 0;
}
.beian-tx{
color: #666262;
font-size: 15px;
line-height: 30px;
 
}
 

/* 新闻 */
.zy-banner{
    background: no-repeat center;
}
.zy-b-txt{
    padding-top: 240px; 
    text-align: center;
}
.zy-b-title{
    color: #ffffff;
    font-size: 48px;
    font-family: "SourceHanSansCN-Bold";
}
.zy-b-line{
    display: inline-block;
    width: 66px;
    height: 3px;
    background-color: #fff;
    margin-top: 20px;
} 
.zy-b-tx{
    color: #ffffff;
    font-size: 16px;
    margin-top: 27px;
    letter-spacing: 3px;
}
.news-time{
  color: #9a9999;
  font-size: 18px;
}
.news-title{
   color: #555555;
   font-size: 22px;
   line-height: 30px;
   margin: 25px 0;
   min-height: 60px;
}
.news-pic>img{
    width: 100%;
}
.news-tx{
     color: #808080;
     font-size: 16px;
     line-height: 32px;
     margin-top: 30px;
}
.news-icon{
    margin-top: 22px;
}
.news{
    padding: 20px 0 160px;
}
.ul-news{
    display: flex;
    flex-wrap: wrap;
    max-width: 1560px;
    margin: 0 0 0 -5.77%;
}
.ul-news>li{
    margin: 110px 0 0 5.77%;
    width: 27.56%;
}

/* ------------------------研发设计------------------------- */
.zynav{
    background-color: #fff;
    border-bottom: 1px #d5d5d5 solid;
}
.sj {

    padding: 85px 0 230px;
}

.ul-zynav {
    display: flex;
    justify-content: center;
   
}

.ul-zynav>li {
    margin: 0 32px;
    color: #606060;
    font-size: 18px;
}

.zynav-act,
.ul-zynav>li:hover {
    color: #15499a !important;
}

.ul-zynav>li>a {
    display: block;
    height: 74px;
    line-height: 74px;
}

.sj-top-bg {
    background: no-repeat right;
    height: 642px;
   
}
.flex-sj{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sj-top-txt {
    padding: 0 60px 0 15px;
    max-width: 400px;
}

.sj-top-title {
    color: #282828;
    font-size: 30px;
    font-weight: bold;
}

.sj-top-tx {
    color: #555555;
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
}

.sj-kk>img {
    width: 100%;
    opacity: 0;
}
.ul-sj{

}
.ul-sj>li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 22px;
}
.ul-sj>li:nth-child(2n){
    flex-direction: row-reverse;
}
.ul-sj>li:nth-child(2n) .sj-top-txt{
    padding: 0 15px 0 60px;
}
.ul-sj>li:nth-child(2n) .flex-sj{
    justify-content: flex-start;
}
.sj-kk {

    width: 49.8%;
}

.sj-pic>img {
    width: 100%;
}

/* ------------------------荣誉资质------------------------- */
.ry{
    padding: 85px 0 120px;
}
.ry-title{
  color: #3d3d3d;
  font-size: 24px;
  font-weight: bold;
}
.ry-tx{
  position: relative;
  padding-left: 26px;
  color: #5f5f5f;
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box;
}
.ry-tx::after{
content: '';
position: absolute;
top: 50%;
left: 2px;
width: 6px;
transform: translateY(-50%);
height: 6px;
box-sizing: border-box;
border-radius: 100%;
background-color: #a7a8a8;
}
.ul-ry{
  display: flex;
  flex-wrap: wrap;
  max-width: 1540px;
  margin-left: -4.48%;
  line-height:447px;
}
.ul-ry>li{
  margin: 40px 0 0 4.48%;
  width: 20.52%;
}
.ul-ry>li p
{
    line-height:35px;
    text-align:center;
    color: #5f5f5f;
    font-size: 16px;
}
.ry-pic>a>img{
  width: 100%;
}
.ry-pic2
{
    text-align:center;
}
.ry-pic2>a>img
{
    height:220px;
}
.ul-ry2  .ry-tx::after{
  display: none;
}
.ul-ry2{
  max-width: 1520px;
  margin-left: -3.29%;
  line-height:228px !important;
}
.ul-ry2>li{
  width: 21.71%;
  margin-left: 3.29%;
}

/* ------------------------人才------------------------- */
.zx{
    padding: 85px 0 90px;
}
.ul-zx{
max-width: 1502px;
margin: 0px 0 0 -2.17%;
display: flex;
flex-wrap: wrap;
}
.ul-zx>li{
padding: 40px 22px 0;
width: 31.16%;
margin: 0 0 2.17% 2.17%;
box-sizing: border-box;
background-color: #ffffff;

}
.zxxq  .zx-tx{
width: 100%;
-webkit-line-clamp: initial;
}
.zx-flex{
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.zx-tx{
width: 50%;color: #717171;
font-size: 14px;
line-height: 24px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.zx-tx2{
color: #717171;
font-size: 14px;
line-height: 24px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.zx-title{

color: #2d2d2d;
font-weight: bold;
font-size: 24px;
}
.zx-txt{
padding: 28px 0;
/* border-top: #e5e5e5 solid 1px; */
border-bottom: #e5e5e5 solid 1px;
}
.zx-btn{
display: flex;
padding: 20px 0;
}
.zx-btn a{
display: block;
width: 110px;
height: 34px;
border-radius: 100px;
border: 1px #dcdcdc solid;
margin-right: 9px;
box-sizing: border-box;
line-height: 32px;
text-align: center;
color: #262626;
font-size: 14px;
font-weight: bold;
}
.zx-btn a:hover{
background-color: #3c3c3c;
color: #fff;
}

/* ------------------------人才招聘详情------------------------- */
.zpxq .zx-tx{
    line-height: 28px;
    margin-top: 25px;
    width: 100%;
    -webkit-box-orient:initial
}
.zx-tx2{
    color: #555555;
    font-size: 14px;
    line-height: 24px;
}
.zpxq{
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */

}
.zpxq-r{
    width: 400px;
    margin-left: 20px;
    text-align: center;
    border-left: 1px #e5e5e5 solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zpxq-r .zx-btn{
    justify-content: center;
}
.zpxq-top{
    border-bottom: 1px #e5e5e5 solid;
    padding: 30px 0;
}
.zpxq-top a{
    color: #555555;
    font-size: 16px;
    display: inline-block;
}
.zpxq{
    margin-top: 35px;
}
.zpxq-top a:nth-child(1){
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px #e0e0e0 solid;
}
.zp{
    padding-bottom: 100px;
}

/* ------------------------企业文化------------------------- */
.wh-icon>img:nth-child(2){
    display: none;
}
.wh-icon{
    height: 68px;
    line-height: 68px;
}
.wh-txt{
  text-align: center;
background-color: #fff;
padding: 150px 20px 90px;
box-sizing: border-box;
/* min-height: 488px; */
height: 100%;

}
.wh-title{
    color: #333333;
    font-size: 24px;
    margin-top: 20px;
} 
.wh-tx{
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    margin: 20px auto 0;
    max-width: 330px;
}
.ul-wh{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ul-wh>li{
    width: 50%;
    margin-top: 16px;
}
.wh-pic{
    height: 100%;
}
.wh-pic>img{
    width: 100%;
    height: 100%;
}

.wh{
    padding: 60px 0 85px;
}
.wh-txt:hover {
    background-color: #333333;
}
.wh-txt:hover  .wh-title{
    color: #ffffff;
}
.wh-txt:hover  .wh-tx{
    color: rgba(255, 255, 255, 0.34);
}
.wh-txt:hover  .wh-icon>img:nth-child(1){
    display: none;
}
.wh-txt:hover  .wh-icon>img:nth-child(2){
    display: inline-block;
}
.wh-hide{
    display: none;
}

/* ------------------------品质管理------------------------- */
.pz-title{
    color: #282828;
    font-weight: bold;
    font-size: 30px;
  }
  .pz-tx{
    color: #555555;
    font-size: 16px;
    line-height: 28px;
    margin-top: 14px;
  }
  .pz-top{
      display: flex;
      /* flex-wrap: wrap; */
      justify-content: space-between;
  }
  .pz-l{
      max-width: 817px;
      margin-right: 20px;
  }
  .ul-pz{
      display: flex;
      flex-wrap: wrap;
      max-width: 1480px;
      margin-left: -0.68%;
  }
  .ul-pz li{
     width: 24.32%;
     margin: 20px 0 0 0.68%;
  }
  .pz-pic{margin-left:10px;}
  .pz-pic a>img{

      width: 100%;
      
  }
  .pz-pic p 
  {
      font-size:14px;
      line-height:46px;
      color:#000000;
      text-align:center;
      text-transform:capitalize;
}
  .pz{
      padding: 85px 0;
  }
  .pz-c{
      margin-top: 60px;
  }
  .pz-c li{ float:left; width:350px; margin-right:10px; margin-bottom:20px; height:370px; overflow:hidden;}

/* ------------------------联系我们------------------------- */
.ul-lx{
    display: flex;
    justify-content: space-between;
    padding: 0 28px;
    text-align: center;
}
.ul-lx>li:hover .lx-icon{
    background-color: #15499a;
}
.lx-icon{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #454343;
    border-radius: 100%;
    transition: .5s;
    -webkit-transition: .5s;
}
.lx-title{
    color: #363434;
    margin-top: 15px;
    font-size: 18px;
}
.lx-tx{
   color: #c9c9c9;
   font-size: 12px;
   margin-top: 6px;
}
.lx-tx2{
    color: #787878;
    font-size: 14px;
    margin-top: 10px;
    line-height: 22px;
}
.lx{
    padding: 85px 0;
}
.lx-map{
    margin-top: 90px;
}
.amap-copyright,.amap-logo{
    display: none !important;
}

/* ------------------------公司介绍------------------------- */
.js{
    padding: 65px 0;
}
.ul-js {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ul-js>li{
    width: 49.66%;
    background-color: #fff;
    margin-bottom: 16px;
}
.js-txt1 {
    padding: 75px 80px;

}

.js-title {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
}

.js-tx {
    color: #555555;
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
}

.js-txt2 {
    padding: 55px 60px 95px 70px;
    
}

.ul-jstxt {
    margin-top: 135px;
    display: flex;
    justify-content: space-between;
}

.js-num {
    color: #ffffff;
    font-size: 16px;
}

.js-num span {
    font-size: 36px;
    color: #ffffff;
    margin-right: 3px;
    font-family: "impact";
}

.js-num-tx {
    color: #ffffff;
    font-size: 16px;
    margin-top: 10px;
}

.js-title2 {
    color: #ffffff;
    font-size: 30px;
}

.js-tx2 {
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}

.js-line {
    width: 36px;
    height: 3px;
    background-color: #fff;
    margin-top: 27px;
}
.js-pic>img{
    width: 100%;
}

/* ------------------------发展历程------------------------- */
.fz {
    padding:95px 0 55px 0; background:url(../images/hsbg.jpg) #f3f2f2 center top no-repeat;
}

.fz-top {
    text-align: center;
}

.fz-title {
    color: #2b2b2b;
    font-weight: bold;
    font-size: 30px;
}

.fz-title2 {
    color: rgba(126,126,126,.35);
    font-size: 16px;
    margin-top:10px;
}

.fz-cont {

    padding-top: 35px;

}
.fz-c{
    padding-bottom: 110px;
position: relative;
box-sizing: border-box;
}

.fz-xian {
    position: absolute;
    left: 50%;
    width: 1px;
    background-color: #c1c1c1;
    height: 100%;
}

.history_w{ margin:90px auto 0 auto; position:relative; overflow:hidden;}
.history_w:after { content: ''; position: absolute; left:0; right:0; font-size:0; overflow:hidden; top:296px; right: -10px; background:#008487; height:8px;}
.history_c{ max-width:1600px; width:90%; margin:0 auto; position:relative;}
.history_list{ padding:0 178px 0 148px; box-sizing:border-box;}
.history_list ul{ min-height:720px;}
.history_list ul li{ width:190px; position:relative;}
.history_list ul li:nth-child(2n){ margin-top:410px;}
.history_list ul li .h_li{ position:absolute; left:0; top:0;}
.history_list ul li .h_li em{ font-family:"impact"; font-size:24px; color:#0665bd; display:block; font-style:normal; line-height:27px; position:absolute; left:-47px; top:315px; width:61px; text-align:center;}
.history_list ul li .h_li em i{ display:block; position:absolute; border-left:1px solid #0665bd; left:30px; top:-221px; height:215px;}
.history_list ul li .h_li em i:before{ content:""; display:block; position:absolute; left:-7px; top:0; border:4px solid #0665bd; width:5px; height:5px; background:#fff; font-size:0; overflow:hidden; border-radius:50%;}
.history_list ul li .h_li em i:after{ content:""; display:block; position:absolute; left:-10px; bottom:0; border:5px solid #ffa200; width:9px; height:9px; background:#fff; font-size:0; overflow:hidden; border-radius:50%;}
.history_list ul li .h_li .pic{ width:284px; height:186px; border-radius:5px; overflow:hidden;}
.history_list ul li .h_li .pic img{ width:100%; height:100%; display:block;}
.history_list ul li .h_li p{ font-size:16px; color:#262626; margin-top:13px; line-height:23px;}
.history_list ul li:nth-child(2n) .h_li em{ left:-47px; top:-153px;}
.history_list ul li:nth-child(2n) .h_li em i{ top:35px;}
.history_list ul li:nth-child(2n) .h_li em i:before{ bottom:0; top:auto;}
.history_list ul li:nth-child(2n) .h_li em i:after{ bottom:auto; top:0;}
.history_w .swiper-button-next,.history_w .swiper-button-prev{ background:url(../images/h_but.png) #fff no-repeat; opacity:1; width:37px; height:37px; border-radius:50%; overflow:hidden; top:281.5px; margin:0;}
.history_w .swiper-button-prev{ background-position:0 0; left:0;}
.history_w .swiper-button-prev:hover{ background-position:-37px 0;}
.history_w .swiper-button-next{ background-position:0 -37px; right:0;}
.history_w .swiper-button-next:hover{ background-position:-37px -37px;}
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
@media screen and (max-width:768px){
.history_c{ width:95%;}
.history_list{ padding:0 70px;}
.history_list ul li .h_li p{ font-size:24px; line-height:28px;}
 }

.fz-xian::after {
    content: '';
    position: absolute;
    top: -15px;
    left: -10px;
    background: url(../images/65.png) no-repeat center;
    width: 19px;
    height: 19px;
}

.fz-p::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    background: url(../images/66.png) no-repeat center;
    background-size: 19px;
    width: 19px;
    height: 19px;

}

.fz-kk:nth-child(2n) .fz-p::after {
    left: -10px;
}


.fz-year {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    width:300px;
}

.fz-tx {
    color: #555555;
    font-size: 16px;
    line-height: 32px;
    margin-top: 8px;
    font-weight: bold;
}

.fz-kk {
    padding-top: 24px;
    width: 100%;
    overflow: hidden;
}

.fz-p {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    box-sizing: border-box;
    padding-right: 28px;
    float: left;

}


.fz-kk:nth-child(2n) .fz-p {
    float: right;
    padding-right: 0;
    padding-left: 28px;
}

.fz-kk:nth-child(2n+1) .fz-p {
    flex-direction: row-reverse;
}
.fz-kk:nth-child(2n) .fz-txt{
    margin-right: 70px;
}
.fz-kk:nth-child(2n+1) .fz-txt{
    text-align: right;
    margin-left: 70px;
}
.fz-pic {
    max-width: 277px;
}

.fz-pic>img {
    width: 100%;
}

/* ------------------------产品中心------------------------- */
.pdu-p {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
}

.pdu-p>img {
    opacity: 0;
    width: 100%;
}

.pdu-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}


.pdu-tx {
    color: #404040;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
}

.ul-pdu {
    display: flex;
    flex-wrap: wrap;
    max-width: 1530px;
    margin: 45px 0 0 -3.92%;
}

.ul-pdu>li {
    width: 29.41%;
    margin: 0 0 60px 3.92%;
}
.ul-pdu>li>a{
    display: block;
    padding: 45px 20px 30px;
}
.img-width{
    width: 100%;
    /* height: 100%; */
}
.img-height{
    height: 100%;
}
.pdu{
    padding: 60px 0;
}
.pdu-title{
    color: #404040;
    font-weight: bold;
    font-size: 24px;
}
.pdu-more{
    text-align: center;
}
.over{
  color: #666666;
  font-size: 16px;
  text-align: center;
  display: none;
}



.ul-pdu>li{
    position: relative;
}
.pdu-pos{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 9;
}
.ul-pdu2 .pdu-p{
    max-width: unset;
}
.ul-pdu2 .pdu-pic{
    width: 100%;
    left: 0;
}
.ul-pdu2>li>a{
    padding: 0;
}
.pdu-menb{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.ul-pdu2 .pdu-pic>img{
    width: 100%;
}
.pdu-menb>img{
    width: 100%;
}
/* ------------------------产品详情------------------------- */
.pduxq {
    padding: 65px 0 20px;
}

.pduxq-t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.pduxq-l {
    width: 50%;
    text-align: center;
}

.pduxq-r {
    width: 50%;
    padding-left: 95px;
    box-sizing: border-box;
}

.pduxq-jdu {
    margin-top: 45px;
    display: flex;
    justify-content: center;
}

.pduxq-jdu>li {
    position: relative;
    width: 78px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 3px;
    border: 1px #e0e0e0 solid;
    padding: 5px 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.jdu-act {
    border-color: transparent !important;
}

.jdu-act::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    border: 2px #12579c solid;
    width: 78px;
    height: 64px;
    box-sizing: border-box;

}

.pduxq-jdu>li>img {
    width: 100%;
    height: 100%;
}

.pduxq-pic {
    margin: 0 auto;
    max-width: 65%;
}

.pduxq-pic>img 
{
    height:376px;
}

.pduxq-btn {
    display: flex;
    margin-top: 35px;
}

.pduxq-btn a {
    width: 232px;
    height: 50px;
    display: block;
    border: 1px #808080 solid;
    line-height: 48px;
    text-align: center;
    color: #404040;
    font-size: 16px;
    margin-left: 12px;
    box-sizing: border-box;
}

.pduxq-btn a:nth-child(1) {
    border-color: #004a94;
    background-color: #004a94;
    color: #fff;
    margin-left: 0;
}

.pduxq-btn a span {
    vertical-align: middle;
    margin-left: 8px;
}

.pduxq-title {
    color: #404040;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 15px;
}

.pduxq-tx {
    color: #404040;
    font-size: 16px;
    margin-top: 20px;
}

.pduxq-tx>img {
    margin-left: 8px;
}

.pduxq-c {
    margin-top: 150px;
}

.pduxq-tj-tx {
    color: #404040;
    font-size: 24px;
    font-weight: bold;
}
.pduxq-tj-btn {
    display: flex;
    align-items: center;
}
.pduxq-tj-prev,.pduxq-tj-next{
     width: 48px;
     height: 48px;
     line-height: 46px;
     text-align: center;
     border: 1px #acabab solid;
     background: url('../images/prev.png') no-repeat center;
     background-size: 11px 19px;
     cursor: pointer;
     box-sizing: border-box;
}
.pduxq-tj-prev:hover{
    background-image: url('../images/prev1.png');
}
.pduxq-tj-next:hover{
    background-image: url('../images/next1.png');
}
.pduxq-tj-next{
    background-image: url('../images/next.png');
    margin-left: 3px;
}
.pduxq-tj{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ------------------------新闻详情------------------------- */

.newsxq{
    padding: 65px 0;
}
.j-p-roof{
    text-align: center;
}
.j-p-t {
color: #000000;
font-size: 32px;
margin: 0px 0 26px 0;
}
.j-p-tt {
color: #a0a0a0;
font-size: 14px;
margin-bottom: 19px;
}
.j-p-b {
width: 100%;
height: 4px;
background-color: #eeeeee;
}
.newsqxq-c{
margin-top: 40px;
}
.stone {
line-height: 30px;
color: #555555;
font-size: 16px;
margin-bottom: 32px;
text-align: center;
}
.p-pic{
max-width: 750px;
margin: 10px auto 0;
}
.p-pic>img{
width: 100%;
}

/* ------------------------生产工艺------------------------- */

.gyi{
    padding: 85px 0;
}
.gyi-icon{
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  border-radius: 100%;
  background-color: #fff;
  margin: 0 auto;
}
.gyi-icon>img:nth-child(2){
  display: none;
}
.ul-gyi>li:hover .gyi-icon{
  background-color: #135d9f;
}
.ul-gyi>li:hover .gyi-icon>img:nth-child(1){
  display: none;
}
.ul-gyi>li:hover .gyi-icon>img:nth-child(2){
  display: inline-block;
}
.ul-gyi{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}

.gyi-tx{
  color: #2e2222;
  font-size: 20px;
  margin-top: 13px;
}
.gyi-c{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 75px;
}
.gyi-l{
  width: 50%;
}
.gyi-r{
  width: 43.54%;
}
.gyi-pic>img{
  width: 100%;
}
.gyi-title{
font-weight: bold;
color: #282828;
font-size: 24px;
}
.gyi-tx{
  font-size: 16px;
  line-height: 28px;
  color: #555555;
  margin-top: 24px;
}

/* ------------------------hover------------------------- */
.ul-pdu>li:hover .pdu-pic>img,.js-pic:hover img,.wh-pic:hover img,.ul-news>li:hover .news-pic>img,.imid-kk:hover .imid-pic>img{
    transform: scale(1.1);
}
.pdu-pic>img,.js-pic>img,.wh-pic>img,.news-pic>img,.imid-pic>img{
    transition: .5s;
    -webkit-transition: .5s;
}
.js-pic,.wh-pic,.news-pic,.imid-pic{
    overflow: hidden;
}
.ul-ftnav>li>a:hover{
    color: #15499a;
}
/* 响应式 */
.tc {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    /* background-color: rgba(0, 0, 0, 0.5); */
}
.tc-cont {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 25px 25px 40px;
    box-sizing: border-box;
    margin-top: 84px;
    border-top: 1px #232323 solid;
}
.ul-tc {
    height: 80%;
    overflow-y: auto;
}
.ul-tc>li {
    color: #555555;
    font-size: 24px;
    width: 80%;
    border-bottom: 1px #232323 solid;
}
.ul-tc>li>a {
    display: block;
    padding: 15px 5px;
    cursor: pointer;
}
.ul-nav3 {
    display: none;
    padding: 10px 15px;
}
.ul-nav3 a {
    display: block;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 1px #232323 solid;
    color:#555;
}
.ul-nav3>li:nth-last-child(1) a {
    border-bottom: none;
}
/* 智能制造 */
.zn{
    padding: 85px 0;
}
.zn-top-pc{
    position: relative;
    margin-top: 30px;
}
.zn-title{
    color: #282828;
    font-weight: bold;
    font-size: 30px;
}
.zn-pc-pic>img{
    width: 100%;
}
.zn-top-title{
   font-size: 24px;
   font-weight: bold;
   color: #f4f4f4;
   text-align: center;
}
.zn-top-tx{
    color: #f4f4f4;
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
    text-align: center;
}
.ul-zn-pc>li{
    position: absolute;
    width: 24.62%;
    height: 23.85%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.zn-top-txt{
    max-width: 260px;
    margin: 0 auto;
}
.zn-top-mo{
    display: none;
}
 

.ul-top-mo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.ul-top-mo>li{
    width: 49%;
    margin: 1% 0 0 0;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ul-top-mo>li:nth-child(1){
    background-image: linear-gradient(to right,#0b5bac,#014180);
}
.ul-top-mo>li:nth-child(2){
    background-image: linear-gradient(to right,#267ed7,#0d5fb1);
}
.ul-top-mo>li:nth-child(3){
    background-image: linear-gradient(to right,#1aa3f2,#0471b7);
}
.ul-top-mo>li:nth-child(4){
    background-image: linear-gradient(to right,#00b0ec,#0594c5);
}
.zn-mo-pic{
    position: relative;
    z-index: 1;
}
.zn-mo-pic>img{
    width: 100%;
    height: 520px;
}
.zn-mo-yuan{
    position: absolute;
    bottom: 65px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.zn-mo-yuan2{
    /* position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%); */
    max-width: 581px;
    margin: 0 auto;
    transform: translateY(-20px);
}
.zn-mo-yuan2>img{
    width: 100%;
}
.ul-zn-mid{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: 40px;
}
.ul-zn-mid>li{
    width: 23.13%;
    background-color: #fff;
    padding: 60px 30px;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 1px 1px 8px 5px #eaeaea;
}
.zn-mid{
    margin-top: 125px;
}
.zn-mid-title{
   color: #282828;
   font-family: "SourceHanSansCN-Heavy";
   font-size: 36px;
   margin-top: 25px;
}
.zn-mid-tx{
    color: #7b7b7b;
    font-size: 16px;
    line-height: 26px;
    margin-top: 40px;
}
.zn-mid-icon{
    height: 58px;
    line-height: 58px;
}
.zn-bom{
    margin-top: 70px;
}
.zn-tx{
    color: #555555;
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
}
.zn-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}
.zn-pic{
    width: 49.04%;
}
.zn-pic>img{
    width: 100%;
}

.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact_infor{ padding:95px 0 85px 0; position:relative;}
.c_tit{ font-size:30px; color:#262626; line-height:60px;}
.contact_infor p{ font-size:16px; line-height:36px; color:#2e2e2e;}
.contact_infor .ewm{ position:absolute; text-align:center; right:0; top:100px;}
.contact_infor .ewm img{ width:167px; height:167px; display:block; margin:0 auto;}
.contact_infor .ewm p{ font-size:18px;}
.contact_form ul li.lf{ width:40.385%; margin:20px 0 0 0; padding-bottom:20px;}
.c_intxt{ line-height:24px; border:1px solid #e6e6e6; padding:12px 20px; width:100%; font-size:14px; color:#999; transition:all 0.6s;}
.c_intxt:focus{ border:1px solid #000;}
.contact_form ul li.rt{ width:57.545%;}
.contact_form ul li .lic{ margin: 20px 0 0 37px;padding-bottom: 20px;width: 43.7%;}
.contact_form ul li .lic.li_w{ width:100%;}
.c_inbut{ color:#fff; background:#175da7; line-height:50px; border:none; cursor:pointer; width:125px; text-align:center; transition:all 0.6s; display:block;}
.c_inbut:hover{ background:#175da7; color:#fff;}


.pages{ overflow:hidden; padding:5px 0 35px 0; text-align:center;}
.pages a{ display:inline-block; background:#fff; border-radius:5px; border:1px solid #ddd; font-size:14px; color:#000; line-height:34px; padding:0 15px; margin:0 3px;}
.pages a.selected,.pages a:hover{ background:#0062ad; border-color:#0062ad; color:#fff;}


.str_wrap { overflow:hidden; //zoom:1; width:100%; font-size:14px; height:227px !important; line-height:23px; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; color:#000000; white-space:nowrap;}
.str_wrap a{ margin-left:10px; margin-top:20px;}
.str_move_clone a{ margin-left:10px; margin-top:20px;}
.str_wrap a:last-child{ margin-right:0;}
.str_wrap a:hover{ color:#000000;}
.str_move{ white-space:nowrap; position:absolute; top:0; left:0;}
.str_move_clone{ display:inline-block; //display:inline; //zoom:1; vertical-align:top; position:absolute; left:100%; top:0;}
.str_vertical .str_move_clone{ left:0; top:100%;}
.str_down .str_move_clone{ left:0; bottom:100%;}
.str_vertical .str_move,.str_down .str_move{ white-space:normal; width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{ cursor:inherit;}

.pz-r{ width:619px; text-align:center;}
.pz-r-pic{ margin-top:50px;}
.pz-r-pic img{ height:500px;}

.pz-r-pic2{ margin-top:50px;}
.pz-r-pic2 img{ width:100%;}

.pz-r-pic3{ margin-top:50px; text-align:center;}
.pz-r-pic3 img{ height:450px;}

/* 图片的hover  */
/* hover --------------- */
.m-1-right :hover img,
.m-2-right :hover img,
.m-3-right :hover img,
.m-2-left :hover img,
.pg-m-left :hover img,
.pg-m-right :hover img
{
    transform:scale(1.2) 
}

.m-1-right>div,
.m-2-left>div,
.m-3-right>div,
.pg-m-left>div,
.pg-m-right>div
{
    overflow: hidden;
}




 /* transform:scale(1.2) */



/* 电镀css +压铸css  */

.inner
{
    margin-top:150px;
}
/* 电镀 */


/* 公共 */
.dd-top,.yz-top,.jg-top,.pg-top,.jqr-top,.pvd-top,.tz-top{
    position:relative; overflow:hidden;
    margin-top: 35px;
    margin-bottom: 32px;
    /* background-color: #135d9f; */
    /*background-image: linear-gradient(to right, rgba(19,93,159,1), rgba(19,93,159,0));*/

}
.left-body{
    width:60%;
}
.left-1{
    width: 100%;
    border-radius: 12px;
    padding: 43px 37px;
    box-sizing: border-box;
}

.left-1 h3{
    margin-bottom: 28px;
    text-align: center;
}
.dd-top .left-body li,.yz-top .left-body,.jg-top .left-body,.pg-top .left-body,.jqr-top .left-body,.pvd-top .left-body,.tz-top .left-body{
    margin-bottom: 14px;
    line-height:1.5;
}

/* 字体部分 */
.dd-top h3,li ,.yz-top h3,li,.jg-top h3,li,.pg-top h3,li,.jqr-top h3,li,.pvd-top h3,li,.tz-top h3,li{
    color: #fff;
}
/* 渐变部分 */
.dd-top .top-left,.yz-top .top-left,.jg-top .top-left,.pg-top .top-left,.pvd-top .top-left,.tz-top .top-left{
    align-items: center;
    display: flex; box-sizing:border-box;
    width:56%; position:absolute; left:0; top:0; bottom:0; padding:0 0 0 5%;
    background: linear-gradient(to right, rgba(19,93,159,1) 62%, rgba(19,93,159,0));


}
.left-2{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.dd-top .left-1{
    border: 1px solid #fff;
}
.dd-top .l-2-1{
    border: 1px solid #fff;
    width: 48%;
    padding: 20px 41px;
    box-sizing: border-box;
    border-radius: 12px;
}
.left-2> .l-2-1>h3{
    text-align: center;
    margin-bottom: 14px;
}


/* 右图 */
.dd-top .top-right,.yz-top .top-right,.jg-top .top-right,.pg-top .top-right,.jqr-top .top-right,.pvd-top .top-right,.tz-top .top-right{
    width: 66%; float:right;

    height: 550px;
}
.m-1-right{
    display: flex;
}
.m-1-right>div{
    display: flex;
    align-items: center;
}


/* 有视频部分 */
.dd-middle-1,.dd-middle-2,.dd-middle-3,.yz-middle-1,.jg-middle-1,.jg-middle-2,.jg-middle-3,.yz-middle-1,.pg-middle-1,.jqr-middle-1,.jqr-middle-1,.jqr-middle-2,.jqr-middle-2,.jqr-middle-3,.jqr-middle-3,.pvd-middle-1,.pvd-middle-2,.tz-middle-1,.tz-middle-2{
    padding: 19px 0;
    display: flex;
    justify-content: space-between;
}

.m-1-left,.m-2-right,.m-3-left{
    width: 69%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.m-1-right,.m-2-left,.m-3-right{
    width: 64%;
}
.new-left{
    width: 49.83%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-left img,.new-right img{ width:100%;}
.new-right{
    width: 48.67%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lb-pics{ width:100%;}
/* 右边文字部分 */

.m-1-text p,.m-2-right p,.m-3-left p{
    margin-bottom: 12px;
    font-size: 18px;
    line-height:1.5;
    margin-left:20px;
}
.lb-pics .swiper-pagination{ text-align:left; bottom:14px; padding-left:16px; box-sizing:border-box;}
.lb-pics .swiper-pagination .swiper-pagination-bullet{ opacity:1; background:rgba(0,0,0,.21); border:1px solid rgba(0,0,0,.21); font-size:16px; color:#f4f4f4; width:30px; height:30px; text-align:center; line-height:30px; border-radius:0;}
.lb-pics .swiper-pagination .swiper-pagination-bullet-active{ background:rgba(6,101,189,.43); border-color:#135d9f;}


/* 压轴css--------------- */
.yazhu-body .yz-top .left-body>p{
    color: #fff;
    margin-bottom: 12px;
    font-size:16px;
    line-height:1.5;
}

.yz-middle-1 .m-3-text{
    width: 77%;
}



/* 金工css ---------- */

.jg-top .left-body>p{
    color: #fff;
    font-size: 18px;
    margin-bottom: 18px;
}
.jg-top .top-right{
    width: 83%;
}




/* 抛光css ---------------------- */
.paoguang-body .left-body>p{
    font-size: 18px;
    color: #fff;
    margin-bottom: 18px;

}
.pg-middle-1{
    display: flex;
    justify-content: space-between;
}
.pg-m-left,.pg-m-right{
    width: 49%;
}


/* 机器人css ------------------- */




/* PVDcss ------------------------ */


.pvd-body .left-body>p{
    font-size: 18px;
    color: #fff;
    margin-bottom: 18px;

}

.pvd-foot .swiper .swiper-slide>img{
    width: 150px;
    height: 150px;
}
/* 渐变 */
.pvd-top .top-right{
    width: 79%;
    height: 550px;
}

/* 底部轮播图 */
.pvd-foot{
    margin: 0 auto;
    /* overflow: hidden; */
    margin-top: 65px;
    text-align:center;
}
.tz-foot{ text-align:center;}
.swiper{
    /* overflow: hidden; */
    /* width: 90%; */
    /* margin: 0 auto; */
    --swiper-navigation-color: #5b6b7b;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 25px;/* 设置按钮大小 */
}
.swiper-button-prev:hover{
    --swiper-navigation-color: #0078f0;/* 单独设置按钮颜色 */

}

.swiper-button-next:hover{
    --swiper-navigation-color: #0078f0;/* 单独设置按钮颜色 */

}
.swiper-wrapper{
    width: 100% !important;
    margin: 0 auto !important;
}



/* 涂装css ------------------ */
.tuzhuang-body .left-body>p{
    font-size: 18px;
    color: #fff;
    margin-bottom: 18px;

}
.tz-top .top-right{
    width: auto;
}
.tz-foot .swiper .swiper-slide>img{
    width: 150px;
    height: 150px;
}


.m-3-right img,.m-1-right img,.m-2-left img,.pg-m-left img,.pg-m-right img{
    width: 100%;
    display: block;
    -webkit-transition:.5s;
    transition:.5s;
}


button{
    border: 0;
}
.header{
    margin: 0 auto;
    height: 91px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-left{
    width: 30%;
    margin-left: 50px;
}
.header-right{
width: 61.5%;
}
.header-right li a{
    color: #000;
    font-size:16px;
}
/* -------------hover */
.header-right>ul>li>a:hover{
    color: #00b0ec;
}
.tc-left-1>ul>li>a:hover{
    color: #165ca7;
}



.header-right>ul{
    justify-content: right;
    display: flex;
}
.header-right>ul>li{
    margin-right: 43px;
    line-height: 31px;
    color: #000;
}

.xzbtn{
    width: 95px;
    height: 95px;
    background: #175da7;
    position: absolute;
    right:0;
    text-align: center;
    line-height: 95px;
}
.current a{
    color: #00b0eb;
}
.header-current a{
    color: #00b0eb;
}

/* 下拉动画 */

/* 弹出层 */
.tc-body{
    /* display: none; */
}

.tc-show{
    display: none;
}
.tc-right-show{
    display: none;
}
.header-tc{
    width: 100%;
    display: flex;
    justify-content:space-between;
    border-top: 1px solid #eeeeee;
    height:389px;
    /* display: none; */
}
.tc-left{
    background-color: #eeeeee;
    width: 33.6%;
    display: grid;
    justify-content: end;
}
.tc-left-1{
    margin-right: 8px;
    
}
.tc-left-1 ul{
    margin-top: 30px;
}
.tc-left-1 ul li{
    margin-bottom: 30px;
    text-align: right;
}

.tc-left-1>ul>li>a{
    color: #555555;
    font-size:16px;
    margin-right:34px;
}

.tc-right{
    /* width: 65.5%; */
    display: flex;

}

.tc-right-text{
    width: 74%;
    margin-top: 25px;
    margin-left: 50px;
}

.tc-right-text>a{
    width: 132px;
    height: 45px;
    background: #175ca7;
    margin-top: 60px;
    color: #fff;
    display: block;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
}
.tc-right-img
{
    height:389px;
}
.tc-right-img img{
    margin-left: 30px;
}

.tc-right-text>h1{
    font-size: 28px;
    color: #01519a;
}
.tc-right-text>p{
    line-height: 20px;
    margin-top: 19px;
    font-size: 12px;
    color: #a1a1a1;
}



/* 新增 右侧图片 */
.tc-right-img{
	width:70%;
}
/* 弹出层的主体 */


/* 左侧文字 */
.tc-right-body{
    display: flex;
    flex: auto;
    background-color:#ffffff;
}


/* 按钮 */
.tc-right-text a:hover{
    background-color: #175CDD !important;
}


.xt{ border-bottom:#d6d6d6 solid 1px; width:210px;}


.left-body{ font-size:18px; line-height:2; color:#ffffff;}


.yc2{ display:none;}


#code,#code_hover,#gotop{width:36px;height:48px;background:url(../images/icon.png) no-repeat;position:fixed;right:50px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#code{background-position:-276px -258px;bottom:120px;_margin-bottom:120px;}
#code_hover{background-position:-316px -258px;bottom:120px;_margin-bottom:120px;}
#gotop{background-position:-276px -310px;bottom:67px;_margin-bottom:67px;} 
#code_img{width:270px;height:355px;background:url(../images/icon.png) -4px -3px no-repeat;position:fixed;right:90px;bottom:67px;cursor:pointer;display:none;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:67px;}