/*** 

====================================================================
  Resources / Css Files
====================================================================
 ***/
 @import url('bootstrap.min.css');
 @import url('swiper.min.css');
 @import url('animation.css');
 @import url('../font-awesome/css/font-awesome.min.css');
 @font-face{
  font-family: 'DINPRO';
  src: url('../fonts/DINPRO-MEDIUM.OTF');
 }
 @font-face {
   font-family: 'SB';
   src: url('../fonts/sy/SourceHanSansSC-Bold.otf');
 }

@font-face {
  font-family: 'SE';
  src: url('../fonts/sy/SourceHanSansSC-ExtraLight.otf');
}

@font-face {
  font-family: 'SH';
  src: url('../fonts/sy/SourceHanSansSC-Heavy.otf');
}

@font-face {
  font-family: 'SL';
  src: url('../fonts/sy/SourceHanSansSC-Light.otf');
}

@font-face {
  font-family: 'SM';
  src: url('../fonts/sy/SourceHanSansSC-Medium.otf');
}

@font-face {
  font-family: 'SN';
  src: url('../fonts/sy/SourceHanSansSC-Normal.otf');
}

@font-face {
  font-family: 'SR';
  src: url('../fonts/sy/SourceHanSansSC-Regular.otf');
}


 
 /* reset css start */
 html{
    
    font-size: 16px;
    color: #333333;
    background-color: #fff;
    overflow-x: hidden;
 }

 html *{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
 }


 html a{
  color: #333;
 }

 html a:hover{
  text-decoration: none;
 }
 
 body{
   /*font-family: 'SR',Microsoft YaHei,Arial, sans-serif;*/
   font-family: Arial,sans-serif,Microsoft YaHei;
   font-size: 15px;
   color: #222;
   position: relative;
  /* overflow-x: hidden;*/
   background-color: #ffffff;
 }

 /*滚动条*/
 ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

 ::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ccc;
}

 ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #f0f0f0;
}

 img{
    max-width: 100%;
   image-rendering: -moz-crisp-edges; /* Firefox */
   image-rendering: -o-crisp-edges; /* Opera */      
   image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
   image-rendering: crisp-edges; 
   -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
 }

 ul{
  list-style: none;
  padding-inline-start: 0;
 }

 input{
    outline: none;
 }

 .page-wrapper{
    position: relative;
 }
 
 
 :root {
   --primary: #21367e;
   --main:#dc0918;
   --comfont:30px;
 }
 
 .div-img{
    overflow: hidden;
 }

 .div-img img{
    transition: all .6s;
 }
 
 .container-fluid{
   width: 100%;
   max-width: 1500px;
   margin: auto;
   padding-left: 5%;
   padding-right: 5%;
 }
/* reset css end */

/*头部导航 satrt*/
.header1{
  position: fixed;
  width: 100%;
  top: 0;
  background-color: inherit;
  transition: all .4s ease;
  z-index: 999;
  
}

.header1 .div-logo{
  margin: 10px 0;
}

.header1 .div-logo h1{
  position: relative;
}

.header1 .div-logo h1 a{
  display: block;
  width: 65px;
  /*padding: 10px;*/
/*  background-color: #fff;*/
 /* box-shadow: 5px 10px 10px rgba(0,0,0,.1);*/
  z-index: 999;
  transition: all .6s;
}

.header1.on,.header1:hover{
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0,0,0,.1);
}

.header1.on .div-logo h1 a{
  width: 50px;
}

.header1.on  .div-nav>ul>li a.tnav,.header1:hover .div-nav>ul>li a.tnav{
  color: #333;
}

.header1 .div-nav>ul>li a.tnav:hover{
  color: var(--primary)!important;
}
/*导航common*/
.div-sub{
  position: absolute;
  z-index: 1;
  background-color: #f5f5f5;
  opacity: 0;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);  
  transition: all .4s ease;
}

.div-sub a{
  display: block;
  padding: 15px 45px;
  transition: all .3s;
}

.div-sub a:hover{
  /*background-color: #0a59ca;*/
  background-color: var(--primary);
  color: #fff;
}

.div-sub a:not(:last-child){
  border-bottom: 1px solid #e6e6e7;
}

.div-nav>ul>li{
  display: inline-block;
}

.div-nav>ul>li a.tnav{
  font-size: 17px;
/*  font-weight: bold;*/
  display: block;
  padding: 30px 20px;
  position: relative;
  z-index: 1;
  transition: all .3s ease;
  color: #fff;
}

.div-nav>ul>li:hover .div-sub{
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.div-lan{
  margin-left: 25px;
}

.div-lan a{
  display: inline-block;
  margin-right: 5px;
}

.sub-content{
  padding-top: 55px;
  padding-bottom: 65px;
}

.sub-content .d2 img{
  max-width: 450px;
}

.sub-content .d1{
  padding-right: 10%;
}

.sub-content .d1 p.title{
  font-size: 20px;
  margin-bottom: 15px;
}

.sub-content .subText{
  margin-bottom: 25px;
  font-size: 14px;

}

.sub-content  p.tit{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.sub-content .subText p.des{
  line-height: 28px;
  color: #808080;
}

.subNavs .item{
  position: relative;
}

.subNavs .item a{
  display: block;
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 12px;
  margin-bottom: 20px;
  max-width: 200px;
  transition: all .6s;
  font-size: 14px;
}

.subNavs .item a:after{
  position: absolute;
  content: "/";
  right: 0;
  top: 0;
  transition: all .6s;
}

.subNavs .item a:hover{
  padding-left: 10px;
}

.subNavs .item a:hover:after{
  right: 10px;
}

/*搜索*/
.div-search:hover{
  cursor: pointer;
}

.sarch-btn{
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  background-color: var(--primary);
  border-radius: 50%;
}


.sarch-btn svg{
 fill: #fff;
}

.search-form{
  position: absolute;
  right: 25px;
  padding-top: 15px; 
  opacity: 0;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);  
  transition: all .5s;
}

.div-search:hover .search-form{
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);  
}

.div-search:hover .sarch-btn{
  background-color: var(--main);
}

.search-form input{
  border:1px solid #eee;
  font-size: 14px;
  padding: 0 25px;
  height: 35px;
  line-height: 35px;
}

.search-form button{
  border:none;
  background-color: var(--main);
  color: #fff;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-size: 14px;
  margin-left: -15px;

}
/*头部导航 end*/


.banner video{
  width: 100%;
}

.banner .div-video{
  position: relative;
}

.banner .div-video:after{
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 5px);
  background-color: rgba(0,64,151,.4);
  left: 0;
  top: 0;
}

.banner .div-video .div-text{
  position: absolute;
  z-index: 1;
  top: 45%;
  width: 100%;
  text-align: center;
  color: #fff;
  transform: translateY(-50%);
}

.banner .div-video .div-text p.p1{
  font-size: 66px;
}

.banner .div-video .div-text p.p2{
  font-size: 20px;
 /* font-family: 'SL';*/
  margin-top: 10px;
  padding: 0 10%;
}

.banner .div-video .readMore{
  margin-top: 45px;
}

.readMore a{
  display: inline-block;
  padding: 12px 35px;
  color: #fff;
  border:1px solid #fff;
  position: relative;
  z-index: 1;
}

.readMore a:before{
   background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0.5, 1);
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -1;
}

.readMore a:hover:before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.readMore a:hover{
  color: var(--primary);
}

.sp{
  padding: 85px 0;
}

/*syBlock1*/
.commonTit p.p1,.commonTit2 p.p1{
  font-size: 40px;
  font-weight: bold;
}

.commonTit p.p2{
  font-weight: bold;
  color: var(--primary);
}

.commonTit2 p.p2{
  position: relative;
  padding: 20px 0;
  margin-top: 15px;
  margin-bottom: 25px;
  color: #666;
}

.commonTit2 p.p2:after{
  position: absolute;
  content: "";
  width: 45px;
  height: 4px;
  background-color: var(--primary);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.block1Left p.des{
  line-height: 30px;
  color: #808080;
  margin: 25px 0;
}

.more a{
  display: inline-block;
  padding: 10px 25px;
  color: #666;
  border:1px solid #cccccc;
  position: relative;
  transition: all .3s;
}

.more a:hover{
  border:1px solid var(--primary);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: var(--primary);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.block1Right{
  padding-left: 15%;
}

/*数字滚动*/
.block1Right .item{
  text-align: center;
  cursor: pointer;
}



.block1Right .item .tb{
  width: 75px;
  height: 75px;
  margin: auto;
  background-color: var(--primary);
  border-radius: 50%;
  position: relative;
  z-index: 1;
  border: 10px solid #3d6eb0;
}

.block1Right .item .circle{
 border:10px solid #99b3d5;
 border-radius: 50%;
 width: 95px;
 height: 95px;
 margin: auto;
 background-color: #99b3d5;
 transition: all .6s;
}

.block1Right .item:hover .circle{
  transform: rotateY(-180deg);
}


.block1Right .item .tb svg{
  display: inline-block;
  margin-top: 12px;
  width: 30px;
  height: 30px;
}

.block1Right .item .number{
  font-size: 50px;
  font-family: 'DINPRO'; 
  margin-top: 15px;
}

.block1Right .item .ms{
  font-size: 15px;
  color: #666666;
}


/*产品和服务*/
.block2Video{
  position: relative;
}

.block2Video .box-video{
  position: absolute;
  left: 50%;
  top: 50%;
}

.block2Video .box-img{
  overflow: hidden;
  height: 100%;
}

.block2Video .box-img img{
  width: 100%;
}

.block2Video .box-video a{
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 47px;
  background-color: var(--main);
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}

.block2Video .box-video span{
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: rgba(220,9,24,1);
    left: 50%;
    position: absolute;
    left: -8px;
    top: -8px;
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);  
    -webkit-animation: warn 2s ease-out .1s infinite;
    animation: warn 2s ease-out .1s infinite;
}

.block2Video .box-video span:after{
    position: absolute;
    content: "";
    width: 75px;
    height: 75px;
    background-color: rgba(220,9,24,1);
    left: -5px;
    top: -5px;
/*    z-index: 1;*/
    border-radius: 50%;
    opacity: 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);  
    -webkit-animation: warn-2 2s ease-out .3s infinite;
    animation: warn-2 2s ease-out .3s infinite;
}

.block2Right .des{
  padding: 25px 0;
  color: #666;
}

.procates .item{
  margin-bottom: 15px;
}

.procates .item a{
  display: block;
  position: relative;
  background-color: var(--primary);
  color: #fff;
  padding: 15px 0;
  transition: all .6s;
}

.procates .item a:after{
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: var(--main);
  transition: all .8s;
}

.procates .item a:hover:after{
  width: 100%;
}

.procates .item .box-img{
  padding: 5px 20px;
  margin-right: 20px;
  position: relative;
}

.procates .item .box-img img{
  height: 50px;
  transition: all .1s;
}

/*.procates .item a:hover .box-img img,.procates .item a:hover .box-text{
  transform: scale(.95);
}
*/
.procates .item .box-img:after{
  position: absolute;
  content: "";
  width: 1px;
  height: 45px;
  background-color: #3b6cb0;
  right: 0;
  top: 8px;
}

.procates .item .box-text{
  transition: all .1s;
}

.procates .item .box-text p.p1{
  font-size: 18px;
}

.block2Right{
  width: 55%;
  padding-right: 5%;
  padding-left: 5%;
  background-image: url(../images/pro-bg.png);
  background-size: cover;
  background-attachment: fixed;
}


@-webkit-keyframes warn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: .3;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes warn {
    0% {
        opacity: .8;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes warn-2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    5% {
        opacity: 8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes warn-2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    5% {
        opacity: 8
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

/*返回顶部*/
.back-to-top-btn{
  position: fixed;
  bottom: 10%;
  right: 25px;
  z-index: 999;
  opacity: .5;
  cursor: pointer;
}

.back-to-top-btn:hover{
  opacity: 1;
}

/*视频弹框*/
.videoBox video{
  max-width: 100%;
}

.modal-header{
  border-bottom: unset;
}

.modal-header .close{
  font-size: 30px;
  color: var(--primary);
  margin: -1rem -1rem -3rem auto;
}

.modal-content{
  border-radius: 0;
}

.modal-dialog{
  top: 30%!important;
  transform: translateY(-30%)!important;
}

/*产品应用*/
.scopeLists .item a{
  display: block;
  position: relative;
  overflow: hidden;
}

.scopeLists .item .div-text{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  transform: unset;
  transition: all .6s;
}

.scopeLists .item .div-text p{
  font-size: 20px;
  padding: 25px 15px;
  text-align: center;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,.4);
}

.scopeLists .item .mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: linear-gradient(rgba(16,75,166,.8) 30%, rgba(222, 0, 0, 0.8)); 
  transition: all .6s;
  transform: translateY(-100%);
}

.scopeLists .item .mask .zznr{
  position: absolute;
  top: 40%;
  margin-top: 15px;
  left: 50%;
  transform: translate(-50%);
}

.scopeLists .item .mask p{
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
  letter-spacing: 2px;
}

.scopeLists .item .mask svg{
  width: 100px;
  height: 100px;
}

.scopeLists .item:hover .mask{
  transform: translate(0);
}

.scopeLists .item:hover .div-text{
  transform: translateY(100%);
}

/*新闻资讯*/
.commonTit3 p.p2:after{
  left: 20px;
}

.syBlock4{
  background-color: #f5f5f5;
}

.newsBtn span{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  border-radius: 3px;
  background-color: var(--primary);
  cursor: pointer;
  transition: all .6s;
}

.newsLists .swiper-slide a{
  display: block;
  background-color: #fff;
  padding: 25px 20px;
  color: #333;
}

.newsLists .swiper-slide .title{
  font-weight: bold;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.newsLists .swiper-slide p.des{
  color: #666;
  font-size: 14px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.newsLists .swiper-slide .time{
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #eee;
  font-size: 14px;
  font-family: 'DINPRO';
  color: var(--primary);
}

.newsLists .swiper-slide:hover .title{
  color: var(--primary);
}

/*底部*/
.mainFooter{
  color: #8a8a8a;
}

.mainFooter a{
  color: #939393;
  font-size: 15px;
}

.mainFooter a:hover{
  color: var(--primary);
}

.mainFooter .top{
  background-color: #f5f5f5;
}

.mainFooter .contel{
  padding-bottom: 25px;
  margin-bottom: 25px;
/*  border-bottom: 1px solid #36393f;*/
}

.mainFooter .contel .d1 strong{
  font-size: 28px;
  display: inline-block;
  margin-right: 10px;
}

.mainFooter .contel .d1 a{
  display: inline-block;
  font-size: 22px;
  color: #8a8a8a;
}

.mainFooter .contel .d1 span{
  display: inline-block;
}

.mainFooter .contel .d1 span.dh{
  display: inline-block;
  margin: 0 3px;
  padding-bottom: 5px;
  color: #b3b3b3;
}

.mainFooter .contel .d1 span.s{
  margin-left: 15px;
  padding-bottom: 5px;
  font-size: 15px;
  color: #b3b3b3;
}

.mainFooter .fmenus .title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #494949;
}

.mainFooter .fmenus .detail p{
  line-height: 24px;
  margin-bottom: 5px;
  color:#b3b3b3;
  max-width: 550px;
}

.mainFooter .fmenus .infos{
  margin: 0 15px;
}

.mainFooter .fmenus ul li a{
  display: inline-block;
  line-height: 24px;
  margin-bottom: 5px;
}

.mainFooter .top .d2{
  max-width: 750px;
}

.copyright{
  padding: 20px 0px;
  background-color: #004097;
  color: #fff;
  font-size: 14px;
}

.copyright a{
  color: #fff;
  display: inline-block;
  font-size: 14px;
}

.copyright span{
  display: inline-block;
  font-size: 14px;
}

.copyright .d1 a{
  margin: 0 2px;
}

/*内页 关于我们*/
.pageTit{
  position: relative;
}

.pageTit .box-text{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: #fff;
}

.pageTit .box-text h3.title{
  font-size: 50px;
  position: relative;
}

.pageTit2 .box-text p.entitle{
  font-size: 16px;
}

.pageTit .box-text p.entitle{
  font-size: 38px;
  font-family: 'SL';
  text-transform: uppercase;
}

.nyAbout .block1Right{
  padding-left: 0;
}

.nyAbout div.des{
  margin-top: 35px;
  margin-bottom: 45px;
}

.nyAbout div.des p{
  line-height: 30px;
  color: #808080;
  text-indent: 30px;
  margin-bottom: 5px;
}

/*企业文化*/
.nyCulture{
  /*background-image: url(../images/culture-bg.jpg);
  background-size: cover;
  background-attachment: fixed;*/
  background-color: #f5f5f5;
}

.nyCulture .main{
  /*background-color: rgba(255,255,255,.6);*/
}

.nyCulture .commonTit2 p.p2{
  color: #000;
}

.nyCulture .items{
  padding: 0 5%;
}

.nyCulture .item{
  height: 100%;
  background-color: #fff;
  text-align: center;
  position: relative;
}

.nyCulture .item p.title{
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 15px;
}

.nyCulture .item .div-img{
  
}

.nyCulture .item .div-text{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 20% 20px;
  color: #fff;
}

.nyCulture .item .des{
  min-height: 100px;
}

.nyCulture .item .des p{
  line-height: 30px;
  font-size: 16px;
  display: inline-block;
}

/*厂区环境*/
.ny-factory{
  padding: 0;
}
.ny-factory .lightgalleryswiper ul li{
  overflow: hidden;
  cursor: pointer;  
}

.ny-factory .lightgalleryswiper ul li img{
  transition: all .6s;
}

.ny-factory .lightgalleryswiper ul li p{
  text-align: center;
  margin-top: 15px;
}

.lightgalleryswiper .swiper-button-prev,
.lightgalleryswiper .swiper-button-next{
  background: rgba(0,0,0,0.5);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0;
  transform: translateY(-50%);
  transition: all 0.4s;
}
.lightgalleryswiper .swiper-button-prev{
  left: 50px;
}
.lightgalleryswiper .swiper-button-next{
  right: 50px;
}
.lightgalleryswiper .swiper-button-prev:hover,
.lightgalleryswiper .swiper-button-next:hover{
  background: var(--primary);
}
.ny-factory  .swiper-pagination{
  position: unset;
  max-width: 1320px;
  margin: 50px auto 80px;
  height: 4px;
}
.ny-factory  .swiper-pagination span.swiper-pagination-progressbar-fill{
  background: var(--primary);
}
.ny-factory .lightgalleryswiper ul li:hover img{
  transform: scale(1.1);
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 18px;
}

.justified-gallery{
  height: auto!important;
}

.fixDh{
  padding: 25px 0;
  border-bottom: 1px solid #f2f2f2;
}

.fixDh .d2 a{
  display: inline-block;
  margin-right: 15px;
  position: relative;
  color: #999;
  padding: 10px 30px;
  transition: all .3s;
}

.fixDh .d2 a.on,.fixDh .d2 a:hover{
  background: var(--primary);
  color: #fff;
}


.breadMenu a{
  display: inline-block;
  transition: all .3s;
  color: #999;
}

.breadMenu a:nth-last-child(1){
  color: #333;
}

.breadMenu span svg{
  display: inline-block;
  margin: 0 5px;
}

.imgBtn span svg{
  display: inline-block;
  width: 26px;
  height: 26px;
}

.qyfmSec .item{
  background-color: #f5f5f5;
  transition: all .3s ease;
  overflow: hidden;
  position: relative;
  padding: 0;
  margin-bottom: 45px;
}

.qyfmSec .item .tb{
  margin-right: 40px;
}

.qyfmSec .item .tb span{
  display: inline-block;
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  background: #034eb4;
  outline: 8px solid rgba(0,24,151,.2); 
  border-radius: 50%;
  overflow: hidden;
  transition: all .4s ease;
 
}

.qyfmSec .item .tb svg{
  display: block;
  width: 50px;
  height: 75px;
  fill: #fff;
  margin-left: auto;
  margin-right: auto;
  transition: all .4s ease;
}

.qyfmSec .item .tb svg:nth-child(2){
  fill: #034eb4;
}


.qyfmSec .item .div-text{
  padding: 30px 40px;
}

.qyfmSec .item .div-text p.title{
  font-size: 30px;
 /* font-family: 'SB';*/
  margin-bottom: 5px;
}

.qyfmSec .item .div-text p.subtitle{
  color: #666;
  font-family: 'SM';
}

.qyfmSec .item .div-text div.detail{
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 120px;

}

.qyfmSec .item .div-text div.detail p{
  font-size:14px;
  line-height: 30px;
  color: #666;
}


.imgBtn span{
  display: inline-block;
  padding: 6px;
  border:1px solid #999;
  margin-right: 25px;
}

.imgBtn span:nth-child(2){
  transform: rotateY(180deg);
}

.imgBtn span svg{
  fill: #999;
  width: 30px;
  height: 30px;
}

.qyfmSec .item:hover{
  cursor: pointer;
  background-color: #034eb4;
/*  box-shadow: 0 0 5px #ccc;*/
}

.qyfmSec .item:hover .tb svg:nth-child(1){
  margin-top: -100%;
}

.qyfmSec .item:hover .tb span{
  background-color: #fff;
  outline: 8px solid #3571c3;
}

.qyfmSec .item:hover .div-text p.title{
  color: #fff;
}

.qyfmSec .item:hover .div-text p.subtitle{
  color: rgba(255,255,255,.5);
}

.qyfmSec .item:hover .div-text div.detail p{
  color: #fff;
}

.qyfmSec .item:hover .imgBtn span{
  border:1px solid #fff;
}

.qyfmSec .item:hover .imgBtn span svg{
  fill: #fff;
}

.qyfmSec .item .swiper-pagination{
  bottom: 0;
  padding: 15px 0;
  background-image:linear-gradient(to top, rgba(255, 255, 255, .6), rgba(130, 255, 180, 0));
}

.qyfmSec .item .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background-color: rgba(3,78,180,1);
  opacity: .5;
}

.qyfmSec .item .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
}

/*社会责任*/
.shzrSec .item{
  margin-bottom: 30px;
}

.shzrSec .item .div-img img{
  width: 100%;
}

.shzrSec .item h3.title{
  font-size: 34px;
 /* font-family: 'SB';*/
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;

}

.shzrSec .item p.title{
height:90px;
  font-size: 24px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.shzrSec .item .title:after{
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background-color: var(--primary);
}

.shzrSec .item h3.title:after{
  width: 45px;
  height: 4px;
}

.shzrSec .item p.title:after{
  width: 65px;
  height: 2px;
}
.shzrSec .item .des.desover{
  height:360px;
  overflow-y: scroll;
}

.shzrSec .item .des p{
  font-size:14px;
  line-height: 30px;
  color: #666666;
}

.shzrSec .item1{
  background: #f5f5f5;
}

.shzrSec .item1 .div-text{
  padding: 40px 30px 40px 15px;
}

.shzrSec .item1 .des p{
  font-size: 14px;
  text-indent: 30px;
  line-height: 30px;
}

.shzrSec .item .div-img:hover img{
  transform: scale(1.05);
}



/**/
.nyHononr .item{
  margin-bottom: 35px;
  cursor: pointer;
}

.nyHononr .item .div-img{
  border:15px solid #f7f7f7;
  overflow: hidden;
}

.nyHononr .item p.title{
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  transition: all .4s ease;
}

.nyHononr .item:hover .div-img img{
  transform: scale(1.1);
}

.nyHononr .item:hover p.title{
  border-bottom: 1px solid #034eb4;
  color: #034eb4;
}
  
  
  .zlglContent{
    margin-bottom: 25px;
  }

  .zlglContent .item{
    margin-bottom: 45px;
    height: 100%;
    background-color: #f5f5f5;
    border-bottom: 30px solid #fff;
    text-align: center;
    padding: 30px 25px;
  }

  .zlglContent .item .content{
    font-size: 14px;
    color: #555;
    line-height: 26px;
  }

  .zlglContent .item .title{
    color: #fff;
    padding: 10px 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    background-image: linear-gradient(to right, #004097e0, #0062cc94);
  }

  .zlglContent .item.item1 .title{
    background-image: linear-gradient(to right, #004097e0, #0062cc94);
    
  }

  .zlglContent .item.item2 .title{
    background-image: linear-gradient(to right, #dd0a19, #d612248a);
  }

  .zlglContent .item.item3 .title{
    background-image: linear-gradient(to right, #ff6900, #fd6b0dc4);
  }

   .zlglContent .item.item4 .title{
    /*background-image: linear-gradient(to right, #3a9550, #4e9256a3);*/
     background-image: linear-gradient(to right, #004097e0, #0062cc94);
  }

  .zlglContent .item.item5 .title{
    background-image: linear-gradient(to right, #ff6900, #fd6b0dc4);
  }

  .zlglContent .item.item6 .title{
    background-image: linear-gradient(to right, #3a9550, #4e9256a3);
  }

  .zlglContent .item.item7 .title{
    background-image: linear-gradient(to right, #004097e0, #0062cc94);
  }

   .zlglContent .item.item8 .title{
    background-image: linear-gradient(to right, #dd0a19, #d612248a);
  }

  .zlfzContent .item{
    background-color: #f5f5f5;
    /*background-image: linear-gradient(to right, #dd0a19, #e76d00);*/
    padding: 125px 25px;
    color: #333;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
    width: 23%;
  }

  .zlfzContent .item:hover{
    /*background-color: #ccc;*/
    /*background-image: linear-gradient(to right, #dd0a19, #0038e7);*/
  }

  .zlfzContent .item .d1{
    height: 95px;
  }

   .zlfzContent .item p.title{
    color:#666;
    font-size: 28px;
    font-weight: 400;

   }

   .zlfzContent .commonTit5{
      margin-top: 45px;
    }

   .zlfzContent .commonTit5 p.p2{
    margin-bottom: 0;
   }

   .zlfzContent .zlmb{
    color: #555;
   }

   .zlfzContent .zlmb p{
    margin-bottom: 15px;
   }

   .zlfzContent .item svg{
    transition: all .6s; 
    height: 85px;
   }

   .zlfzContent .item:hover svg{
    cursor: pointer;
    transform: rotateY(180deg);
   }


   /*产品中心*/
   .proCate{
      background-image: url(../images/pro-bg.png);
      background-size: cover;
      background-attachment: fixed;
   }

   .pcates{
    margin-top: 35px;
   }

   .pcates .item a{
    display: block;
    text-align: center;
    background-color: #fff;
    padding: 30px 15px;
    font-size: 20px;
    position: relative;
    z-index: 1;
    transition: all .3s;
    margin-bottom: 15px;
   }

   .pcates .item a:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: var(--primary);
    transition: all .6s;
    z-index: -1;
   }

   .pcates .item a:hover{
    color: #fff;
   }

   .pcates .item a:hover:after{
    width: 100%;
   }

   /*在线留言*/
   .msgDiv input,.msgDiv textarea{
    display: block;
    width: 100%;
    border:1px solid #eee!important;
    font-size: 14px;
    padding: 15px 25px;
    margin-bottom: 15px;
    border-radius: 5px;
    outline:none;
   }

   .msgDiv textarea:focus{
    border:none;
    box-shadow: unset;
   }

    .msgDiv button{
      display: block;
      width: 100%;
      padding: 15px 0;
      text-align: center;
      background-color: var(--primary);
      border:none;
      color: #fff;
      transition: all .3s;
    }

    .msgDiv button:hover{
      background-color: var(--main);
      color: #fff;
    }

    .msgDiv img{
      height: 48px;
      min-width: 100px;
      margin-left: 15px;
    }

    .msgDiv p.title{
      margin: 5px 25px 5px 25px;

    }


    .proLists table tr td{
      padding: 15px;
      vertical-align:middle!important;
      word-break: keep-all;
      
    }

  .proLists table tr td img{
     max-width: 180px;
   }

   .proLists table tr th{
      background-color: var(--primary);
      color: #fff;
      white-space:nowrap;
    }

     .proLists .main2{
      margin-bottom: 45px;
     }



/*联系我们*/


/**/
/*内页 地图*/
#mapContainer{
  height: 100%;
}

/**/
.listTit p{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
}

.listTit p:after{
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--main);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.listTit1{
  margin-top: 25px;
}

.nyNewslists .item{
  margin-bottom: 35px;
}




.nyNewslists .item a{
  display: block;
  padding-bottom: 35px;
  border-bottom: 1px solid #dddddd;
  color: #333;
  transition: all .4s ease;
}


.nyNewslists .d1{
  max-width: 320px;
  min-width: 320px;
  margin-right: 25px;
}

.nyNewslists .d1 .div-img img{
  width: 100%;
}

.nyNewslists .item .ptit{
  font-size: 24px;
  /*font-family: 'SB';*/
  font-weight: bold;
  margin: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all .4s ease;
}

.nyNewslists .item .date span.s1{
  font-size: 30px;
  margin-right: 10px;
  margin-left: 10px;
}

.nyNewslists .item .date span.s2{
  color: #999999;
}

.nyNewslists .item .des p{
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #999;
}

.nyNewslists .item .more span{
  display: inline-block;
  padding: 10px 25px;
  background: #f5f5f5;
  margin-top: 15px;
  transition: all .4s ease;
}

.nyNewslists .item:hover .ptit{
  color: #004097;
}

.nyNewslists .item:hover .more span{
  background: #22367f;
  color: #fff;
}

.nyNewslists .item:hover a{
  border-bottom: 1px solid #22367f;
}

.nyNewslists .item:hover .div-img img{
  transform: scale(1.1);
}

/*新闻详情*/
.mainSlider{
  padding: 45px 25px;
  background: #f9f9f9;
  display: block;
}

.mainSlider div.title{
  font-size: 24px;
  color: #004097;
  margin-bottom: 15px;
}

.mainSlider .item .div-img{
  height: 160px;
  margin-bottom: 15px;
}

.mainSlider .item a{
  display: block;
  color: #333;
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}

.mainSlider .item p.title{
  font-size: 18px;
  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box!important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.mainSlider .item .date{
  color: #999;
}

.mainSlider .item:hover p.title{
  color: #004097;
}



/*分页*/
.div-page{
  margin-top: 35px;
}

.div-page a{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 5px;
  border:1px solid #999999;
  color: #999999;

}

.div-page a:hover,.div-page a.pn:hover{
  background-color: var(--primary);
  border:1px solid var(--primary);
  color: #fff;
}

.div-page a.page-num-current{
  background-color: var(--primary);
  color: #fff;
  border:1px solid var(--primary);
}

.div-page a.pn{
  /*background-color: #333;
  color: #fff; */
  border:1px solid #999999;
  font-family: cursive;
}

.div-page span.page-num{
  font-size: 12px;
    color: #999;
}

.justified-gallery{
      margin: auto;
}

.nyAbout2 div.title{
  font-size: 30px;
/*  font-family: 'SB';*/
  padding-bottom: 15px;
  margin-bottom: 25px;
  position: relative;
}

.nyAbout2 div.title:after{
  position: absolute;
  content: "";
  width: 45px;
  height: 3px;
  background-color: var(--primary);
  bottom: 0;
  left: 0;
}

.nyAbout2 div.des p{
  text-indent: 0px;
  line-height: 32px;
  color: #666666;
}

.nyAbout2 .div-img{
  margin-bottom:25px;
}

.nyAbout2 .div-img a{
  display: block;
  position: relative;
}

.nyAbout2 .div-img .playBtn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}



.szNum{
  margin-top: 55px;
}

.szNum .item{
  border-right: 1px solid #929292;
}

.szNum .item .ms{
  color: #959595;
  font-size: 18px;
}

.szNum .item .number{
  font-size: 76px;
  line-height: 1.2;
  color: var(--primary);
  font-family: 'DINPRO';
}

.szNum .item.item1{
  border-right: unset;
}

.qywhSec{
  background-image: url(../images/qywh-bg.jpg);
  background-size: cover;
  background-position: center;
  margin-bottom: 65px;
}

.qywhSec .title{
  font-size: 36px;
  font-weight: bold;
/*  font-family: 'SB';*/
}

.qywhSec .qywhItems{
  margin-top: 45px;
}

.qywhSec .item{
  padding: 65px 35px;
  margin-bottom: 25px;
  cursor: pointer;
}

.qywhSec .item p.p2{
  min-height: 130px;
  line-height: 26px;
  color: #666;
 /* font-family: 'SL';*/
 font-weight: lighter;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.qywhSec .item p.p2:after{
  position: absolute;
  content: "";
  width: 35px;
  height: 4px;
  background-color: var(--primary);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .4s ease;
}

.qywhSec .item.item1 p.p2:after{
  background-color: #fff;
}

.qywhSec .item .tb{
  margin-bottom: 20px;
}

.qywhSec .item .tb svg{
  width: 40px;
  height: 40px;
}

.qywhSec .item{
  text-align: center;
  background-color: #fff;
}

.qywhSec .item span svg{
  fill: #333;
}

.qywhSec .item.item1{
  background-color: var(--primary);
  color: #fff;
}


.qywhSec .item.item1 span svg{
  fill: #fff;
}

.qywhSec .item p.p1{
  font-size: 24px;
  margin: 15px 0;
}

.qywhSec .item p.p3{
  font-size: 40px;
  font-weight: bold;
 /* font-family: 'SB';*/
  text-transform: uppercase;
  color: var(--primary);
  line-height: 1;
}

.qywhSec .item1 p.p3,.qywhSec .item1 p.p2{
  color: #fff;
}

.qywhSec .item .tb span{
  display: inline-block;
  transition: all .4s ease;
}

.qywhSec .item:hover .tb span{
  transform: rotateY(180deg);
}

.qywhSec .item:hover p.p2:after{
    width: 30%;
}
 

 
 /*总体目标*/
 .fzmuItem{
  margin-top: 65px;
 }

.fzmuItem .item{
  padding: 75px 40px;
  background-color: #9cacc424;
  width: 30%;
  position: relative;
}

.fzmuItem .item p{
  line-height: 30px;
  color: #555;
}

.fzmuItem .item .num{
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -65px;
  background: #fff; 
  width: 125px;
  height: 125px;
  border-radius: 50%;
  text-align: center;
  transform: translateX(-50%);
}

.fzmuItem .item .num label{
  font-size: 76px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(bottom,#dc0817,#0062cc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.projectContent .item4{
  background-image: url(../images/project-fzfx.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.projectContent .item4 .des p{
  color: #ffffffbd;
}

.projectContent .item4 .yffx .title{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
}

.projectContent .item4 .list-con p{
  font-size: 14px;
  line-height: 26px;
  color: #ffffffbd;
}

.projectContent .item4 .list{
  max-width: 32%;
}



.zjLists{
  margin-bottom: 65px;
}

.zjLists .item{
  padding: 25px 4%;
}

.zjLists .item .div-img{
  position: relative;
}

.zjLists .item .img-title{
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  color: #000;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
}

.zjLists .item .img-title:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 15px;
  left: 0;
  bottom: 0;
  background-color: #c2d500;
  z-index: -1;
}

.zjLists .item .img-title label{
  color: var(--primary);
  display: inline-block;
  margin-left: 25px;
}

.zjLists .item .title{
  font-size: 26px;
  margin-bottom: 15px;
}

.zjLists .item div.des p{
  font-size: 18px;
  line-height: 30px;
  color: #888;
  font-weight: lighter;
/*  padding-left: 30px;
  background-image: url(../images/tedian.png);
  background-repeat: no-repeat;
  background-position: top left;*/
}

.zjLists .item div.des p svg{
  display: inline-block;
  fill: #979797;
  width: 18px;
  height: 18px;
  vertical-align: baseline;
  margin-right: 10px;
}

.zjLists .item1{
  background-color: #f1f1f1;
}

.zjLists .item2{
  background-color: #f1f1f1;
}

.zjLists .item2 .img-title:after{
  background-color: #b517bf;
}

/*第二版*/
.bigTit{
  font-size: 30px;
  max-width: 650px;
  color: var(--primary);
  text-transform: uppercase;
  font-weight: bold;
}

.bigTit span{
  display: inline-block;
  color: var(--main);
}

.syAbout .readMore2{
  margin-top: 125px;
}

.readMore2 a{
  border:1px solid #9c9c9c;
  color: #9c9c9c;
  display: inline-block;
  padding: 12px 35px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition: all .4s ease;
}


.readMore2 a:before, .readMore2 a:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: .33s all ease;
    z-index: -1;
    background: var(--primary);
}

.readMore2 a:before {
    left: -20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.readMore2 a:after {
    right: -20px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.readMore2 a:hover{
  color: #fff;
  border:1px solid #333;
  background-color: #333;
}

.readMore2 a:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both;
}

.readMore2 a:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both;
}

@-webkit-keyframes criss-cross-left {
    0% {
        left: -20px;
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        left: 50%;
        width: 390px;
        height: 390px;
    }
}

@keyframes criss-cross-left {
    0% {
        left: -20px;
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        left: 50%;
        width: 390px;
        height: 390px;
    }
}

@-webkit-keyframes criss-cross-right {
    0% {
        right: -20px;
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        right: 50%;
        width: 390px;
        height: 390px;
    }
}

@keyframes criss-cross-right {
    0% {
        right: -20px;
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        right: 50%;
        width: 390px;
        height: 390px;
    }
}
/**/

.syAbout .div-left{
  min-width: 35%;
  margin-right: 35px;
}

.syAbout .div-right .des{
  margin-bottom: 25px;
}

.syAbout .div-right .des p{
  color: #666;
  line-height: 38px;
  font-size: 18px;
 /* font-family: 'SL';*/
}

.aboutSz{
  margin-top: 45px;
}

.aboutSz .item p.title{
  color: #9c9c9c;
  margin-bottom: 10px;
  line-height: 1;
}

.aboutSz .item{
  text-align: center;
  position: relative;
}

.aboutSz .item div.d1{
  font-size: 66px;
  font-family: 'DINPRO';
  color: var(--primary);
  line-height: 1;
}

.aboutSz .col:not(:last-child) .item:after{
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color:#9c9c9c;
  right: 0;
  top: 0;
} 

/*三大基地*/
.syJd{
  background-color: #f5f5f5;
  position: relative;
  min-height: 1015px;
}

.readMore3 a{
 background-color: var(--primary);
 color: #fff; 
}

.syJd .div-tit{
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 9;
}

#china-map{
  width:1000px;
  height:800px;
}

.dtItems{
  position: absolute;
  right: 65px;
  top: 200px;
  width: 35%;
  z-index: 1;
}

.dtItems .item{
  
 /* width: 400px;*/
}

.dtItems .item p.p1{
  font-size: 26px;
  color: var(--primary);
  transition: all .3s ease;
  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box!important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.dtItems .item p.p2{
  color: #8a8a8a;
  transition: all .3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dtItems .item a{
  display: block;
  position: relative;
  margin-bottom: 45px;
  padding: 25px 20px;
  border-radius: 15px;
  border:1px solid var(--primary);
  text-align: center;
  transition: all .6s;
  overflow: hidden;
}

.dtItems .item a:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 120%;
  background-color: var(--primary);
  left: 0px;
  top: 0px;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease,-webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  z-index: -1;
}

.dtItems .item a:hover:after{
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.dtItems .item a:hover p.p1,.dtItems .item a:hover p.p2{
  color: #fff;
}

/**/
.proService .psItems{
  margin-top: 35px;
}

.psItems .item{
  margin-bottom: 25px;
}

.psItems .item a{
  display: block;
  position: relative;
}

.psItems .item .div-img{
  position: relative;
}

.psItems .item .div-img:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,64,151,.75);
  transition: all .4s;
}

.psItems .item .div-tb{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 30%;
  opacity: .4;
  transform: rotateY(0deg) scale(.8);
  transform-origin: center;
  transition: all 1s ease;
}

.psItems .item .div-tb svg{
  width: 120px;
  height: 120px;
}

.psItems .item .div-text{
  position: absolute;
  bottom: 0;
  width: calc(100% - 40px);
  left: 20px;
  padding: 20px 5px;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,.35);
  font-size: 24px;
  font-family: 'SL';
}

.psItems .item .div-text:before{
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background-color: #fff;
  left: 0;
  top: -1px;
  transition: all .4s ease;
}

.psItems .item .div-text svg{
  width: 20px;
  height: 20px;
}

.psItems .item:hover .div-text:before{
  width: 100%;
}

.psItems .item:hover .div-tb{
  opacity: .85;
  transform: rotateY(180deg) scale(1);
  /*transform: scale(.9);*/
}

.psItems .item:hover .div-img:after{
  background-color: rgba(0,64,151,.35);
}

.scopeSec{
  background-image: url(../images/scope-bg.jpg);
  background-size: cover;
}

.scopeSec .bigTit{
  color: #fff;
  opacity: .6;
}

.scopeSec .scoItems{
  margin-top: 45px;
}

.scopeSec .scoItems .item{
  margin-bottom: 25px;
}

.scopeSec .scoItems .item a{
  display: block;
  color: #fff;
  position: relative;
}

.scopeSec .scoItems .item .div-text{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px 0;
    color: #fff;
   /* border-top: 1px solid rgba(255,255,255,.35);*/
    font-size: 22px;
    font-family: 'SL';
    z-index: 1;
    transition: all .4s ease;
}

/*.scopeSec .scoItems .item .div-text:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  background-color: rgba(18,63,142);
  z-index: -1;
  transition: all .4s ease;
}*/

.scopeSec .scoItems .item .div-text svg{
  width: 20px;
  height: 20px;
  margin-right: 25px;
}

.scopeSec .scoItems .item .div-text .title{
  margin-left: 18px;

}

.scopeSec .scoItems .item .div-img{
  position: relative;
}

.scopeSec .scoItems .item .div-img:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(18,63,142,.35);
  transition: all .4s ease;
}

.scopeSec .scoItems .item:hover .div-img:after{
  height: 0;
}

.scopeSec .scoItems .item:hover .div-text{
  background-color: #244c91;
}


/*新闻资讯*/
.newsBtns{
  display: flex;
  align-items: center;
}
.newsBtns span{
  display: inline-block;
  padding: 12px 15px;
  background-color: #004097;
  cursor: pointer;
  transition: all .4s ease;
}

.newsBtns span svg{
  width: 18px;
  height: 18px;
  fill: #fff;
  display: inline-block;
}

.newsBtns span:nth-child(1){
  transform: rotateY(180deg);
  margin-right: 10px;
}

.newsBtns span:hover{
  background-color: #333;
}


.topNews{
  display: block;
  background-color: var(--primary);
  padding: 25px;
  font-family: 'SL';
 
}

.topNews a{
  color: #fff;

}

.topNews .div-img{
  min-width: 220px;
  max-width: 220px;
  margin-right: 15px;
}

.topNews .readMore a{
  padding: 8px 15px;
  font-size: 14px;
  margin-top: 15px;
}

.topNews .time{
  font-size: 14px;
  color: #fff;
  opacity: .2;
  font-family: 'DINPRO';
  margin-bottom: 10px;
}

.topNews .title a{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.newsSec .inewsList{
  margin-top: 35px;
}


.topNews:hover .div-img img{
  transform: scale(1.1);
} 

.zxNews{
  margin-top: 25px;
}

.zxNews li{
  padding: 25px 0;
  border-bottom: 1px solid #eaebeb;
}

.zxNews li a{
  display: block;
  color: #929292; 
  font-size: 14px;
  
}

.zxNews li a p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.zxNews li a .time{
  font-family: 'DINPRO';
  min-width: 85px;
}

.zxNews li a:hover{
  color: var(--primary);
}

.swiperNews1 a{
  display: block;
  position: relative;
}

.swiperNews1 a .div-img{
  position: relative;
}

.swiperNews1 a .div-img:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.4);
  transition: all .4s ease;
}

.swiperNews1 a .time{
  font-size: 14px;
  font-family: 'DINPRO';
}

.swiperNews1 a .div-text{
  position: absolute;
  bottom: 25px;
  width: 100%;
  left: 0;
  padding: 15px 20px;
  color: #fff;
}

.swiperNews1 a .div-text p{
  font-size: 18px;
  font-family: 'SL';
  line-height: 30px;
}

.swiperNews1 li a:hover .div-img img{
  transform: scale(1.1);
}

.swiperNews1 li a:hover .div-img:after{
  background-color: rgba(0,64,151,.6);
}

/*研发中心*/
.yfBlock1 .div-img{
    padding-right: 40px;
}
 h2.yfTit{
  font-size: 30px;
  font-family: 'SB';
  padding: 25px 15px;
  background-color: #f5f5f5;
  margin-bottom: 35px;
}

.yfItems .item{
  background-color: #f5f5f5;
  padding: 31px 10%;
  margin-bottom: 35px;
}

.yfItems .item .tb span{
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  background-color: #004097;
  box-shadow: 0 0 0 8px rgba(0, 64, 151, 0.2);

}

.yfItems .item .tb{
  margin-right: 45px;
}

.yfItems .item .tb span svg{
  display: inline-block;
  width: 45px;
}

.yfItems .item p.title{
  font-size: 28px;
  font-family: 'SM';
  color: #004097;
  line-height: 1;
  margin-bottom: 15px;
}


.yfItems .item .des span{
  display: inline-block;
  position: relative;
  padding-left: 25px;
  min-width: 150px;
  margin-top: 10px;
}

.yfItems .item .des span:nth-child(1){
  margin-right: 25px;
}

.yfItems .item .des span:after{
  display: block;
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  border:1px solid #c5c5c5;
  border-radius: 50%;
  left: 0;
  top: 6px;
}

.yfItems .item:hover{
  cursor: pointer;
}

.yfItems .item:hover .tb span{
  animation: ripple_1 0.6s linear forwards;
}

 @keyframes ripple_1 {
      0% {
        box-shadow: 0 0 0 8px rgba(0, 64, 151, 0), 0 0 0 10px rgba(0, 64, 151, 0);
      }
      50% {
        box-shadow: 0 0 0 15px rgba(0, 64, 151, 0.2), 0 0 0 25px rgba(0, 64, 151, 0.05);
      }

      100% {
        box-shadow: 0 0 0 8px rgba(0, 64, 151, 0.2), 0 0 0 10px rgba(0, 64, 151, 0);
      }
}



.cxySec{
  background-image: url(../images/yj-bg.jpg);
  background-size: cover;
  background-position: center;
  margin-bottom: 65px;
}

.cxySec .divBt .title{
  width:70%;
}

.cxySec .title p.p1{
  font-size: 30px;
  font-family: 'SB';
  margin-bottom: 15px;
}

.cxySec .title p.p2{
  color: #666;
  line-height: 30px;
}

.cxySwiper{
  margin-top: 35px;
}


.ysItems{
  margin-top: 45px;
}

.ysItems .item{
  text-align: center;
  padding: 35px 15px;
  font-size: 26px;
}

.ysItems .item span{
  display: inline-block;
}

.ysItems .item span.tb{
  display: block;
  width: 30px;
  height: 30px;
  line-height: 24px;
  text-align: center;
  margin: auto;
  border-radius: 50%;
  background-color: #004097;
  vertical-align: inherit;
  margin-bottom: 10px;
}

.ysItems .item span.tb svg{
  display: inline-block;
  width: 60%;
  fill: #fff;
}

.ysItems .item span.title{
  min-width: 140px;
  text-align: center;
  font-size:20px;
}

.ysItems td:hover{
  background: #004097;
  cursor: pointer;
}

.ysItems td:hover span.tb{
  background-color: #fff;
}

.ysItems td:hover span.tb svg{
  fill: #004097;
}

.ysItems td:hover .item{
  color: #fff;
}

.hxjs{
  background-image: url(../images/hxjs-bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  padding: 65px 0;
  margin-top: 45px;
}

.hxjs .div-img{
  z-index: 2;
  margin: auto;
  position: relative;
}


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

.circle__el {
    width: 0;
    height: 0;
    background: transparent;
    border: 1px solid #285da6;
    border-radius: 50%;
    animation: go 6s ease-out infinite;
}

.circle__el2 {
    animation-delay: 2s
}

.circle__el3 {
    animation-delay: 3s
}

.circle__el4 {
    animation-delay: 4s
}

.circle__el5 {
    animation-delay: 5s
}

@keyframes go {
    0%{
      width: 100px;
      height: 100px;
      opacity: 1;
    }

    100% {
        width: 1200px;
        height: 1200px;
        opacity: 0;
    }
}

.gcSec h4.title{
  font-size: var(--comfont);
  font-family: 'SB';
  margin-bottom: 25px;
}

.gcSec .gcjj{
  margin: 65px 0;
}

.gcSec .gcjj  h4.title{

}

.gcSec div.des p{
  text-indent: 30px;
  line-height: 30px;
  color: #666666;
}

.gcAdv h4.title{
  color: #fff;
}

.gcAdv div.des p{
  color: #fff;
}

.gcAdv .div-text{
  background-image: url(../images/gc-bg.jpg);
  background-size: cover;
  background-position: bottom;
  padding: 35px 25px 35px 30px;
}

.gcAdv .div-img{
  height: 100%;
  position: relative;
}

.gcAdv .div-img img{
    position: absolute;
    height: 100%;
    max-width: unset;
    right: 0;
}

.mbItems{
  margin-top: 45px;
}

.mbItems .tb span{
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  border-radius: 50%;
  background: #004097;
  margin: auto;
}

.mbItems .tb span svg{
  display: inline-block;
  width: 60%;

}

.mbItems .item p.title{
  font-size: 28px;
  font-family: 'SM';
  text-align: center;
  margin: 30px 0;
}

.mbItems .item p.det{
  text-align: center;
  color: #666666;
  line-height: 30px;
}


.gcFx{
  background-image: url(../images/yffx-bg.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 65px;
  padding: 65px 40px;
}

.gcFx h4.title{
  color: #fff;
  margin-top: 0;
}

.gcFx .mstitle{
  max-width: 80%;
  margin: auto;
  line-height: 26px;
  color: #fff;
}

.fxItems{
  margin-top: 105px;
}

.fxItems .item{
  margin-bottom: 25px;
  background: #fff;
  border-radius: 8px;
  padding: 45px 25px 25px 25px;
  height: 100%;
  position: relative;
}

.fxItems .item .sz{
  position: absolute;
  top: 0;
  left: 25px;
  background: #fff;
  padding: 0px 25px;
  border-radius: 8px;
  transform: translateY(-43px);
  font-size: 36px;
  color: #666666;
}

.fxItems .item div.title{
  font-size: 20px;
  font-family: 'SM';
  margin-bottom: 15px;
}

.fxItems .item .det p{
  font-size: 14px;
  line-height: 28px;
  color: #666666;
}

.fxItems .item:hover{
  cursor: pointer;
}

.fxItems .item:hover .sz,.fxItems .item:hover div.title{
  color: #004097;
}


/*质量目标*/
.nyZlbz .title{
  text-align: center;
  margin-bottom: 45px;
}

.nyZlbz .title p.p1{
  font-size: 30px;
  font-family: 'SB';
margin-bottom:10px;
}

.nyZlbz .title p.p2{
  font-size:16px;
  color: #666;
}

.zlmbLists{
  margin-bottom: 85px;
}

.zlmbLists .div-img img{
  width: 100%;
}

.zlmbLists .div-img:hover img{
  transform: scale(1.1);
}

.zlmbLists .div-text{
  padding: 25px 20px;
  color: #666;
  line-height: 30px;
}

.zlmbLists .div-text p.des{
  max-width: 90%;
  margin: auto;
  font-size: 16px;
  line-height: 1.5;
}

.zlmbLists .div-text .tb svg{
  width: 45px;
  height: 45px;
  fill: #666;
  margin-bottom: 15px;
}

.nyZlgl .item .div-text{
  padding: 0 10%;
}

.nyZlgl .item .div-content p.title{
  font-size: 30px;
  font-family: 'SB';
  margin-bottom: 15px;
  margin-top: 25px;
}

.nyZlgl .item .div-content .detail{
  margin-bottom: 45px;
}

.nyZlgl .item .div-content .detail p{
  color: #666;
  line-height: 30px;
}


.nyZlgl .item .swiper1 .swiper-pagination-bullet{
  background: #fff;
}

.nyZlgl2{
  margin-bottom: 65px;
}

.nyZlgl2 .item{
  margin-bottom: 45px;
}


.nyZlgl2 .item .sz{
  font-size: 20px;
  color: #999999;
  padding: 15px 0;
  border-bottom: 1px solid #999;
  position: relative;
}

.nyZlgl2 .item .sz:after{
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #004097;
  left: 0;
  bottom: -1px;
  transition: all .6s ease;
}

.nyZlgl2 .item .title{
  font-size: 20px;
  font-family: 'SB';
  margin-top: 25px;
    margin-bottom: 15px;
}

.nyZlgl2 .item .des p{
  line-height: 30px;
  color: #888888;
}

.nyZlgl2 .item:hover{
  cursor: pointer;
}

.nyZlgl2 .item:hover .sz:after{
  width: 100%;
}

.newsLeft{
  background: #f9f9f9;
  padding: 55px 40px;
  font-family: 'SR';
}

.newsLeft h2.title{
  text-align: center;
  font-size: 24px;
  color: #333;
}

.newsLeft .meta{
  color: #666666;
  margin-top: 15px;
  padding-bottom: 20px;
  
}

.newsLeft .meta .d1{
  margin-right: 15px;
}

.newsLeft .newsContent{
  padding: 25px 0;
  color: #666666;
  line-height: 36px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 25px;

}

.prev-next{
  color: #666;
}

.prev-next .d1 span{
  min-width: 80px;
}

.prev-next .d1 .item{
  margin-bottom: 10px;
}

.prev-next .d2{
  margin-left: 15px;
}

.prev-next .d2 a{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #004097;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}

.nyContact .nyTit .title{
  font-size: 30px;
  font-family: 'SB';
  padding-bottom: 45px;
  margin-bottom: 45px;
  border-bottom: 1px solid #e9e9e9;
}

.cinfo .item{
  margin-bottom: 25px;
}

.cinfo .item .d1 span{
  display: inline-block;
  color: #666;
  font-size: 20px;
}

.cinfo .item .d1 span.tb{
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background: var(--primary);
  margin-right: 10px;
}

.cinfo .item .d1 span.tb svg{
  width: 60%;
  fill: #fff;
}

.cinfo .item .d2{
  margin-top: 10px;
  font-size: 20px;
}

.allInfos{
  margin-top: 45px;
}

.allInfos .item{
  padding: 35px 25px;
  background-color: #f5f5f5;
  color: #333333;
  height: 100%;
}

.allInfos .item .title{
  font-size: 24px;
  margin-bottom: 15px;
}

.allInfos .item .des p{
  line-height: 30px;
  color: #666666;
  margin-bottom: 5px;
}

.divMsg{
  margin-top: 45px;
  background: #f5f5f5;
}

.divMsg .div-img{
  min-width: 550px;
  max-width: 550px;
  margin-right: 45px;
}

.proCates{
  padding: 25px 30px;
  background: #f5f5f5;
  margin-bottom: 35px;
}

.proCates .d1 a{
  display: inline-block;
  font-size: 26px;
  color: #666666;
  margin-right: 30px;
}

.proCates .d1 a.active,.proCates .d1 a:hover{
  color: #004097;
}

.proCates .d2 form{
  display: block;
  position: relative;
}

.proCates .d2 input{
  border:none;
  box-shadow: unset;
  height: 45px;
  line-height: 45px;
  min-width: 300px;
  max-width: 100%;
  padding: 0 45px 0 25px;
}

.proCates .d2 button{
  position: absolute;
  right: 15px;
  top: 10px;
  border:none;
  background: unset;
}

.proCates .d2 svg{
  width: 23px;
  height: 23px;
}