/*** 

====================================================================
  Resources / Css Files
====================================================================

 ***/
 @import url('bootstrap.min.css');
 @import url('swiper.min.css');
 @import url('animation.css');
 @font-face {
   font-family: 'DINPRO';
   src: url('../fonts/DINPRO-MEDIUM.OTF');
 }
 
 
 
 /* reset css start */
 html {
  font-size: 16px;
  overflow-x: hidden;
 }
 
 body {
   font-family: Arial, sans-serif;
   height: 100%;
   color: #000;
   position: relative;
   -webkit-font-smoothing: antialiased;
 }

 .page-wrapper{
  position: relative;
 }
 
 
 :root {
   --primary: #1c5ebe;
   --main:#ff020a;
 }
 
 
 *:focus {
   outline: none;
 }
 
 a{
   color: #333;
 }
 
 a:hover{
   text-decoration: unset;
   cursor: pointer;
 }
 
 p{
   margin-bottom: 0;
 }
 
 img {
   max-width: 100%;
   height: auto;
 }
 
 ul{
   margin-left: -40px;
   margin-bottom: 0;
   list-style: none;
 }
 
 img{
   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) */
 }

 h1{
  margin-bottom: 0;
 }


 .div-img{
  overflow: hidden;
 }
 
 
 .container-fluid{
   max-width: 1630px;
   margin: auto;
   padding-left: 5%;
   padding-right: 5%;
 }

/*头部导航*/
.mainHeader{
  z-index: 6;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  transition: all .5s ease-out 0s;
  z-index: 999;
}

.mainHeader .main{
  padding:0 5%;
}

.mainHeader .d2{
  margin: 0 5%;
}

.mainHeader .d2 a{
  color: #333;

}

.mainHeader .d2 .item>a{
  color: #fff;
  display: block;
  height: 85px;
  line-height: 85px;
  position: relative;
  padding: 0 10px;
}

.mainHeader .d2 .item>a:after{
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background-color: var(--primary);
  left: 50%;
  bottom: 0;
  transition: all ease-out .3s;
}

.mainHeader .d2 .item>a:hover:after{
  width: 100%;
  left: 0;
}

.mainHeader .d2 .item>a.active:after{
  width: 100%;
  left: 0;
}

.mainHeader .div-logo a{
  display: block;
}

.mainHeader .div-logo img{
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  max-width: 90px;
}

.mainHeader:hover{
  background-color: #fff;
  cursor: pointer;
}



.mainHeader:hover .div-logo img{
  -webkit-filter: brightness(1) invert(0);
  filter: brightness(1) invert(0);
}

.mainHeader:hover .item>a,.mainHeader.mini .item>a{
  color: #333;
}

.mainHeader.on{ 
  top:-100px;
  
}

.mainHeader.mini{
  background-color: #fff;
  box-shadow: 0 0 10px #999;
}

.mainHeader.mini .div-logo img{
  -webkit-filter: brightness(1) invert(0);
  filter: brightness(1) invert(0);
}

.mainHeader .item .sub-menu{
  position: absolute;
  padding-top: 15px;
  display: none;

}

.mainHeader .item .sub-menu i{
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: 10px;
  left: 35px;
   transition: all .1s;
}

.mainHeader .item .sub-menu a{
  display: block;
  padding: 15px 55px;
  border-bottom:1px solid #eee;
  background-color: #fff;
  font-size: 14px;
}

.mainHeader .item .sub-menu a:hover{
  color: var(--primary);
  font-weight: bold;
}

/*搜索框*/
.div-search{
  position: relative;
}

.div-search input{
  border:none;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 15px;

}

.div-search button{
  position: absolute;
  right: 15px;
  top: 6px;
  background-color: unset;
  border:none;
}

::-webkit-input-placeholder{
  color: #666666;
} 

:-moz-placeholder{
   color:#666666;
} 

::-moz-placeholder{
  color: #666666;
}

:-ms-input-placeholder{
  color: #666666;
} 

.mainHeader:hover .div-search input,.mainHeader.mini .div-search input{
  background-color: #79abeb2b;
}

.mHeader,.m-memu{
  display: none;
}

/*banner*/
.banner{
  position: relative;
  overflow: hidden;
}

.swiper1 .swiper-slide{
  height: 100vh;
  position: relative;
}

.swiper1 .swiper-slide{
  background-position: 50%;
  background-size: cover;
}

.swiper1 .swiper-slide .div-img{
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: all 6s ease;
  -webkit-transition: all 6s ease;
  background-position: 50%;
  background-size: cover;
}


.swiper1 .swiper-slide-active .div-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}



.swiper1  .swiper-slide-active .title1{
  animation: slideInLeft 1.2s ease-in;
  -webkit-animation: slideInLeft 1.2s ease-in;
  animation-fill-mode: forwards;
}

.swiper1  .swiper-slide-active .title2{
  animation: slideInLeft 1.3s  ease-in;
  -webkit-animation: slideInLeft 1.3s ease-in;
  animation-fill-mode: forwards;
}

.swiper1  .swiper-slide-active .des{
  overflow: hidden;
  animation: fadeInLeft 1.6s  ease-in;
  -webkit-animation: fadeInLeft 1.6s ease-in;
  animation-fill-mode: forwards;

}

.swiper1  .swiper-slide-active .readMore{
  overflow: hidden;
  animation: fadeInUp 1.8s ease-in;
  -webkit-animation: fadeInUp 1.8s ease-in;
  animation-fill-mode: forwards;

} 

.swiper1 .swiper-slide .div-text{
  position: absolute;
  width: 100%;
  top: 50%;
  overflow: hidden;
  color: #fff;
  transform: translateY(-50%);
}

.swiper1 .swiper-slide .div-text p.title1{
  font-size: 24px;
  letter-spacing: 3px;
}

.swiper1 .swiper-slide .div-text p.title2{
  font-size: 44px;
  margin-bottom: 15px;
  letter-spacing: 3px;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0,0,0,.75);
}

.swiper1 .swiper-slide .div-text p.des{
  line-height: 24px;
}

.swiper1 .swiper-slide .readMore{
  margin-top: 25px;
}

.swiper1 .swiper-pagination-bullet{
  transition: all 2s;
  height: 6px;
  border-radius: 0;
}

.swiper1 .swiper-pagination-bullet-active{
  width: 40px;
}





.readMore a{
  display: inline-block;
  padding: 10px 25px;
  background-color: var(--main);
  color: #fff;
  border-radius: 3px;
  overflow: hidden;
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  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;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--primary);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -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-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.hvr-sweep-to-bottom2:before{
  background: var(--main)!important;
}

/*产品中心*/
.pt{
  padding: 85px 0;
}

.commonTit{
  text-align: center;
}

.commonTit div.d1{
  font-size: 46px;
  letter-spacing: 3px;
}

.commonTit div.d2{
  font-size: 16px;
  color: var(--primary);
  margin-bottom: 10px;
}

.commonTit div.des{
  color: #666666;
}

.proCates{
  margin-top: 35px;
}


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

.proCates .item .div-img{
  position: relative;
  overflow: hidden;
}

.proCates .item .div-img p.title{
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  bottom: 15px;
  left: 30px;
  width: 100%;
  color: #333;
}


.proCates .item .mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1,125,199,.8);
/*  z-index: 99;*/
  color: #fff;
  text-align: center;
  opacity: 0;
  transition: all .6s;
}


.proCates .item .mask .detail{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translateX(-50%) translateY(-100%);
  transition: all .6s;
}

.proCates .item:hover .mask{
  opacity: 1;
}

.proCates .item .div-img img{
  transition: all .6s;
}

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

.proCates .item:hover .mask .detail{
  transform:translateX(-50%) translateY(-50%);
}

.proCates .item .mask .detail span{
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--primary);
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 15px;
}

.proCates .item .mask .dtit{
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
}

/*关于我们*/
.aboutSection{
  background-image: url(../images/about-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
}
.aboutSection .commonTit div.d1{
  color: #fff;
}

.aboutSection .commonTit div.d2{
  color: #fff;
}

.aboutSection .commonTit div.des{
  color: #fff;
}

.aboutSection .commonTit{
  margin-bottom: 55px;
}

.aboutMain{
  border:1px solid #5a6268;
  background-color: rgba(0,0,0,.6);
  color: #fff;
}

.aboutMain .aboutLeft{
  height: 100%;
  padding: 12% 8%;
  border-right: 1px solid #5a6268;
}


.aboutMain .aboutLeft .title{
  font-size: 30px;
  line-height: 45px;
  font-weight: bold;
}

.aboutMain .aboutLeft .entitle{
  font-size: 14px;
  margin-bottom: 25px;
}


.aboutMain .aboutLeft p.des{
  line-height: 30px;
  font-size: 15px;
}

.aboutMain .aboutLeft .readMore{
  margin-top: 25px;
}

.aboutMain .aboutLeft .readMore a+a{
  background-color: var(--primary);
}

.aboutRight{
  height: 100%;
}

.aboutRight .row{
  height: 100%;
}

.aboutRight .item{
  width: 33.3%;
  position: relative;
  padding: 5% 4%;
  min-height: 280px;
}

.aboutRight .item .content{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.aboutRight .item:nth-child(1),.aboutRight .item:nth-child(2){
  border-right: 1px solid #5a6268;
  border-bottom: 1px solid #5a6268;

}

.aboutRight .item:nth-child(3){
  border-bottom: 1px solid #5a6268;
}

.aboutRight .item:nth-child(4),.aboutRight .item:nth-child(5){
  border-right: 1px solid #5a6268;
}


.aboutRight .num{
  margin-top: 20px;
  height: 60px;
  margin-bottom: 15px;
}

.aboutRight .num strong,.aboutRight .num i{
  font-size: 50px;
  color: var(--main);
  font-family: 'DINPRO';
  font-style: normal;
  display: inline-block;
}

.aboutRight .num i{
  margin:  3px;
}

.aboutRight .item .div-text{
  font-size: 20px;
  font-weight: bold;
  margin-top: 50px;
  color: var(--main);
}

.aboutRight .item .div-text font{
  color: #fff;
}


/*新闻中心*/

.newsLits{
  margin-top: 35px;
}

.newsLits a{
  display: block;
  color: #333;
}

.newsLits .item .date{
  font-size: 14px;
  font-family: 'DINPRO';
  color: #666666;
}


.newsLits .item .title{
  font-size: 20px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


.newsLits .item .div-img{
  overflow: hidden;
}

.newsLits .item .div-img img{
  transition: all .6s;
  width: 100%;
}

.newsLits .item p.des{
  color: #666666;
  line-height: 26px;
  font-size: 14px;
  margin: 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.newsLits .item .more{
  padding-top: 20px;
  border-top: 1px solid #dbdbdb;
  position: relative;
}

.newsLits .item .more .ncate{
  font-weight: bold;
  color: var(--primary);
}

.newsLits .item .more i{
  display: inline-block;
  color: #fff;
  background-color: var(--main);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  margin-right: 5px;
}

.newsLits .item .more:after{
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background-color: var(--primary);
  left: 0;
  top: -1px;
  transition: all .6s;
}

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

.newsLits .item:hover .more:after{
  width: 100%;
}

.newsLits .item:hover p.title{
  color: var(--primary);
}

.newsLits2 .item{
  height: 100%;
  margin-bottom: 25px;
}

.newsLits2 .item .div-img{
  position: relative;
  overflow: hidden;
}

.newsLits2 a{
  display: block;
  height: 100%;
}

.newsLits2 .item .div-img{
  background-color: #fff;
  text-align: center;
}

.newsLits2 .item .div-img img{
  /*height: 100%;*/
}

.newsLits2 .item .div-img .date{
    position: absolute;
    background-color: #1d5dbf;
    z-index: 999;
    bottom: 10px;
    right: 0;
    padding: 3px 15px;
    color: #fff;
    font-size: 12px;
}

.newsLits2 .item p.title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 5px 15px;
  line-height: 55px;
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 0;
}

.videoBox video{
  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;
}

/*底部*/
.mainFooter{
  background-color: #10191e;
  color: #fff;
  padding-top: 65px;
}

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

.mainFooter .title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;

}

.mainFooter .menus{
  padding: 0 5%;
}


.mainFooter .menus ul li{
  display: block;
  margin-bottom: 3px;
}

.mainFooter .infos .title{
  margin-top: 15px;
  margin-bottom: 5px;
}

.mainFooter font{
  font-family: 'DINPRO';
}

.mainFooter .infos .tel a{
  font-size: 20px;
  color: var(--main);
}

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

.mainFooter .qrcode .item{
  margin-left: 15px;
}

.mainFooter .qrcode .item img{
  max-width: 120px;
}

.mainFooter .qrcode p{
  font-size: 15px;
  margin-top: 10px;
}

.mainFooter .main{
  padding-bottom: 35px;
}

.copyright{
  background-color: var(--primary);
  color: #fff;
  padding: 15px 0;
  font-size: 14px;
}

.copyright a{
  color: #fff;
  display: inline-block;
}

.copyright span{
  display: inline-block;
}


/*关于我们 内页*/
.pagetitle{
  position: relative;
  height: 400px;
  background-image: url(../images/pagetitle.jpg);
  background-size: cover;
}

.pagetitle .div-text{
  position: absolute;
  top: 45%;
  width: 100%;
  color: #fff;
}

.pagetitle .div-text .p1{
  font-size: 24px;
}

.pagetitle .div-text .p1 strong{
  font-size: 55px;
  line-height: 55px;
  font-family: 'DINPRO';
}

.pagetitle .div-text .p2{
  font-size: 24px;
}


.bread{
  color: #666;
  font-size: 15px;
  /*position: sticky;*/
  border-bottom: 1px solid #eee;
/*  top: 0;*/
  background: #fff;
}

.bread a{
  color: #666;
  display: inline-block;
  vertical-align: middle;
  line-height: 75px;
}

.bread span{
  display: inline-block;
  vertical-align: middle;
}

.bread .breadBar{
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.bread .breadBar a{
  position: relative;
  padding: 0 5px;
}

.bread .breadBar a:after{
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background: var(--primary);
  bottom: 0;
  left: 50%;
  transition: all .6s;
}

.bread .breadBar a+a{
  margin-left: 25px;
}

.bread .breadBar a:hover:after,.bread .breadBar a.active:after{
  width: 100%;
  left: 0;
}

.bread em{
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.nAbout{
  background-image: url(../images/nabout-logo.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.nAbout .ny-title{
  margin-bottom: 35px;
}

/*.nAbout .d1{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #000;
}*/

.nAbout .main p{
  line-height: 26px;
  margin-bottom: 10px;
  text-indent: 30px;
}


.naboutNum{
  text-align: center;
  margin-top: 25px;
}

.naboutNum .item{
  margin: 15px 0;
  color: #666;
  font-size: 15px;
}


.naboutNum .num strong,.naboutNum .num i{
  font-size: 56px;
  font-weight: bold;
  color: var(--main);
  font-family: 'DINPRO';
  font-style: normal;
}

/*发展历程*/
.nHistory{
  background-size: cover;
}

.nHistory .main{
  padding: 80px 0 100px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.nHistory .swiper-container{
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}

.nHistory .swiper-container .swiper-slide{
  position: relative;
  padding-left: 45px;
  padding-top: 25px;
}


.nHistory .swiper-container .swiper-slide:after{
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  background: #ec0c0c;
  top: 0px;
  left: -3px;
}

.nHistory .swiper-container .swiper-slide:before{
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid var(--main);
  left: 0;
  top: 0;
}

.nHistory .swiper-slide .year{
  position: relative;
  padding-top: 25px;
  font-size: 50px;
  font-weight: bold;
  font-family: 'DINPRO';
  color: var(--main)
}

.nHistory .swiper-slide .year::after{
  position: absolute;
  content: attr(data-year);
  left: 0;
  top: 0;
  color: var(--main);
  opacity: .1;
  font-size: 46px;
  font-family: 'DINPRO';
  font-weight: bold;
}

.nHistory .swiper-slide .des{
  color: #000;
  margin-top: 15px;
  font-size: 20px;
}
.nHistory .swiper-container:hover{
  cursor: pointer;
}

.nHistory .swiper-container .swiper-slide:nth-child(1){
  margin-top: 265px;
}


.nHistory .swiper-container .swiper-slide:nth-child(2){
  margin-top: 150px;
}

.nHistory .swiper-container .swiper-slide:nth-child(3){
  margin-top: 95px;
}

.nHistory .swiper-container .swiper-slide:nth-child(4){
  margin-top: 55px;
}

.nHistory .swiper-container .swiper-slide:nth-child(5){
  margin-top: 100px;
}

.nHistory .swiper-container .swiper-slide:nth-child(6){
  margin-top: 165px;
}

.nHistory .swiper-container .swiper-slide:nth-child(7){
  margin-top: 135px;
}
.nHistory .swiper-container .swiper-slide:nth-child(8){
  margin-top: 95px;
}
.nHistory .swiper-container .swiper-slide:nth-child(9){
  margin-top: 125px;
}
.nHistory .swiper-container .swiper-slide:nth-child(10){
  margin-top: 100px;
}

.nHistory .swiper-container .swiper-slide:nth-child(11){
  margin-top: 65px;
}


.lc-swiper-btn{
  margin-top: 35px;
}

.lc-swiper-btn a{
  text-align: center;
  border-radius: 50%;
  border: 3px solid var(--main);
  color: var(--main);
  font-size: 20px;
  font-weight: bold;
  display: block;
  opacity: 1.5;
  transition: all .6s;
  padding: 15px;
  background: #eb000036;
}

.lc-swiper-btn a.fr{
  right: 45px;
}

.lc-swiper-btn a:hover{
  cursor: pointer;
  /*color: var(--main);
  border:1px solid var(--main);*/
}


/*工厂环境*/
.ny-title .d1{
  font-size: 32px;
  font-weight: bold;
/*  margin-bottom: 15px;*/
  text-align: center;
  color: #000;
}

.ny-title .d2{
  font-size: 16px;
  font-family: 'DINPRO';
  text-transform: uppercase;
  color: #ccc;
  font-weight: normal;
}

.nEnvir .gc-lists{
  margin-bottom: 25px;
  margin-top: 25px;
}

.nEnvir .gc-lists .item{
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}

.nEnvir .gc-lists .div-img{
  text-align: center;
}

.nEnvir .gc-lists .div-img a{
  display: block;
  text-align: center;
  margin-bottom: 25px;
}

.nEnvir .gc-lists .div-img img{
  transition: all .6s;
}

.nEnvir .gc-lists .div-img:hover img{
  transform: scale(1.1);
}

.nEnvir .gc-lists .div-text{
  position: absolute;
  padding: 15px;
  background-color: rgba(0,0,0,.3);
  width: 100%;
  left: 0;
  bottom: 0;
}

.nEnvir .gc-lists .div-text p{
  color: #fff;
}


.nEnvir #animated-thumbnails-gallery-office {
  display: flex;
  flex-wrap: wrap;
  height: auto !important;
  /*align-items: center;*/
  margin-top: 25px;
}

.nEnvir #animated-thumbnails-gallery-office a {
  display: block;
  width: calc(100% / 4) !important;
  position: unset;
  height: auto !important;
  padding: 15px 10px;
  cursor: pointer;
}

.nEnvir #animated-thumbnails-gallery-office a .pic {
  transition: all 0.4s;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  /*padding: 10px;*/
}

.nEnvir #animated-thumbnails-gallery-office a .pic img {
  display: block;
  width: 100% !important;
  position: unset;
 /* height: 220px !important;*/
  margin: 0 auto !important;
  object-fit: cover;
  transition: all .6s;
}

.nEnvir #animated-thumbnails-gallery-office a:hover .pic img {
  transform: scale(1.1);
}


/*内页 分页代码*/
.pagination{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.pagination a{
  color: #666;
}
.pagination a.page-item{
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 12px;
  background: #fff;
  margin: 0 5px;
  border: 1px solid #ccc;
}
.pagination a.page-num,
.pagination span.page-num{
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 0 5px;
}
.pagination a.page-num.page-num-current{
  background: #1869B9;
  color: #FFFFFF;
  border-color: #1869B9;
}
.pagination a:hover{
  background: #e6eef5;
}

/*样品展示*/
.yangpin-list .wenzi{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,.6);
  /*width: calc(100% - 30px);
  background: var(--primary);
  left: 15px;*/

}

.yangpin-list .wenzi p{
  padding: 10px 15px;
  color: #fff;
}

.yangpin-list  a.gallery-item{
  margin-bottom: 15px;
}

.yangpin-list #animated-thumbnails-gallery-office a{
  padding: 0!important;
  margin:15px 15px;
}

.yangpin-list #animated-thumbnails-gallery-office a{
  width: calc(100% / 4 - 30px) !important;
}


/*产品中心*/
.nProlists .ny-title .d2{
  max-width: 1000px;
  margin: auto;
}

.nProlists{
  background-color: #efefef6e;
}

.nProlists .proAll{
  margin-top: 45px;
}

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

.proAll .item{
  display: block;
  background-color: #fff;
  box-shadow: 0 0 15px #eee;
  border-radius: 5px;
  color: #333;
  position: relative;
}

.proAll .item:after{
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background-color: var(--primary);
  transition: all .6s;
}


.proAll .item .div-text{
  height: 100%;
  padding: 15px 15px;
}

.proAll .item .div-img{
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 20px;
}


.proAll .item .div-img img{
  transition: all .8s;
}

.proAll .item .div-img .sy{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: .05;
  width: 100%;
  text-align: center;

}

.proAll .item .div-img .sy img{
    width: 65%;
    max-width: 260px;
    margin-top: 15%;
}


.proAll .item:hover:after{
  width: 100%;
}

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

.proAll .item h3.title{
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 10%;
  margin-top: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.proAll .item h3.title a:hover{
  color: var(--primary);
}




/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  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;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: #e1e1e1;*/
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -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-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: #ccc;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.proAll .item .more a.hvr-shutter-in-vertical{
  display: inline-block;
  padding: 8px 30px;
  border-radius: 3px;
  color: #fff;
}

.proAll .item .more a+a{
  margin-left: 15px;
}

.proAll .item .more a:nth-child(1).hvr-shutter-in-vertical{
  background-color: var(--main);
}

.proAll .item .more a:nth-child(2).hvr-shutter-in-vertical{
  background-color: var(--primary);
}

.proAll .item .more a:nth-child(1).hvr-shutter-in-vertical::before{
  background-color: var(--primary);
}

.proAll .item .more a:nth-child(2).hvr-shutter-in-vertical:before{
  background-color: var(--primary);
}

/*新闻中心*/
.nNewslists{
  background-color: #f5f5f5;
}

.newsAll ul li {
  display: block;
  background-color: #fff;
  margin-bottom: 25px;
}

.newsAll ul li a{
  color: #333;
}

.newsAll ul li .div-img{
  width: 400px;
  max-width: 400px;
  max-height:300px;
  overflow: hidden;
}

.newsAll ul li .div-img img{
  width: 100%;
  transition: all .6s;
}

.newsAll ul li .div-text{
  padding: 20px;
}

.newsAll ul li .date{
  color: #9999a6;
  font-family: 'DINPRO';
}

.newsAll ul li h3.title{
  color: #333333;
  font-size: 22px;
  font-weight: bold;
  margin: 15px 0 30px 0;
}

.newsAll ul li .more span{
  display: inline-block;
  padding: 8px 25px;
  background: linear-gradient(0deg, #202b83, #018bf1);
  color: #fff;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.newsAll ul li .more span:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #ff8804, #f10101);
  transition: all .6s;
  z-index: -1;

}

.newsAll ul li .more span svg{
  margin-left: 5px;
}

.newsAll ul li:hover .more span:after{
  height: 100%;
}

.newsAll ul li:hover h3.title{
  color: var(--primary);
}

.newsAll ul li:hover .div-img img{
  transform: scale(1.1);
}

/*新闻详情*/
.nNewsdet{
  background-color: #f5f5f5;
}

.nNewsdet .main{
  background-color: #fff;
  padding: 50px 30px;
}

.nNewsdet h3.title{
  font-size: 30px;
  font-weight: bold;

}

.nNewsdet .meta{
  font-size: 14px;
  color: #9999a6;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-top: 10px;
}

.nNewsdet .meta span{
  display: inline-block;
}


.nNewsdet .meta span+span{
  margin-left: 25px;
}

.nNewsdet .content{
  padding: 20px 0;
  line-height: 1.6;
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
  min-height: 300px;
}

.prev-next .d1 a{
  color: #666;
}

.prev-next .d1 a:hover{
  color: var(--primary);
}

.prev-next .d2 a{
  display: inline-block;
  padding: 8px 25px;
  background: linear-gradient(0deg, #202b83, #018bf1);
  color: #fff;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.prev-next .d2 a svg{
  margin-left: 8px;
  display: inline-block;
  vertical-align: text-bottom;
}

.prev-next .d2 a:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #ff8804, #f10101);
  transition: all .6s;
  z-index: -1;
}

.prev-next .d2 a:hover:after{
  height: 100%;
}

/*产品详情*/


.nProdetail .div-imgs .big-imgs{
  overflow: hidden;
  border:1px solid #dddddd;
  background-color: #fff;
  text-align: center;
}

.nProdetail .div-imgs .big-imgs img{
  width: 100%;
}

.nProdetail .small-imgs{
  margin-top: 10px;
  padding: 0 35px;
  position: relative;
}

.nProdetail .small-imgs .swiper-slide img{
  border:2px solid #dddddd;
}

.nProdetail .small-imgs .pro-btn{
  position: absolute;
  top: 0;
  background-color: #ccc;
  color: var(--primary);
  width: 30px;
  height: 100%;
  line-height: 75px;
  text-align: center;
  font-size: 26px;
  font-family: 'DINPRO';
}

.nProdetail .small-imgs .pro-btn.swiper-button-disabled{
  opacity: .3;
}

.nProdetail .small-imgs .pro-btn.pro-prev{
  left: 0;
} 

.nProdetail .small-imgs .pro-btn.pro-next{
  right: 0;
}

.small-imgs .proSmall{
  overflow: hidden;
}

.nProdetail .con svg{
  display: inline-block;
}

.nProdetail .main .div-text h2.title{
  font-size: 26px;
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #333;
}

.nProdetail .main .div-text{
  background-color: #f2f2f2;
  padding: 5% 5%;
  height: 100%;
  position: relative;
}

.nProdetail .main .div-text .des{
  line-height: 1.7;
  color: #666;
  margin-bottom: 15px;
}

.nProdetail .main .cate a{
  /*color: var(--primary);*/
  font-weight: bold;
}

.nProdetail .main .con{
  margin-top: 15px;
  font-size: 30px;
}

.nProdetail .main .con span.s1{
  display: inline-block;
/*  width: 40px;*/
}


.nProdetail .main .con span.tel{
  font-family: "DINPRO";
/*  font-size: 20px;*/
  line-height: 28px;
  font-weight: bold;
  color: var(--primary);
  display: inline-block;
  margin-left: 15px;
}


.nProdetail .main .div-text p.cinfo{
  color: #212529;
  font-size: 14px;
  line-height: 30px;
  margin-top: 35px;
  border: 1px solid #eee;
  padding: 20px;
  background: #1c5ebe14;
  text-indent: 30px;
}

.contentBox .content{
  min-height: 600px;
  padding: 25px 20px;
  border-top: 4px solid #f2f2f2;
  margin-top: 30px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 25px;
}


.relateBox .swiperR{
  overflow: hidden;
}

.relateBox .title{
  text-align: center;
  margin-top: 45px;
  margin-bottom: 15px;
}

.relateBox .title h4{
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
}

.relateBox .title p{
  font-family: 'DINPRO';
  color: #999;
  text-transform: uppercase;
}

.relateBox .swiperR .swiper-slide a{
  display: block;
  color: #333;
}


.relateBox .swiperR .swiper-slide .div-img{
  overflow: hidden;
  border:1px solid #ddd;
}

.relateBox .swiperR .swiper-slide img{
  width: 100%;
  transition: all .6s;
  
}

.relateBox .swiperR .swiper-slide p{
  padding: 10px 15px;
  background-color: #ddd;
  margin-top: 3px;
  text-align: center;
  transition: all .3s;
}

.relateBox .swiperR .swiper-slide:hover img{
  transform: scale(1.1);
}

.relateBox .swiperR .swiper-slide:hover p{
  background-color: var(--primary);
  color: #fff;
}

.relateBox .swiperR .swiper-slide:hover .div-img{
  border:1px solid var(--primary);
}


/*联系我们*/
.pagetitle-contact{
  background-image: url(../images/pagetitle-contact.jpg);
}

.nContact{
  background-image: url(../images/contact-bg.jpg);
  background-size: cover;
  padding-top:85px;
}

.nContact div.title{
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 55px;
  color: #000;
}

.nContact p.title{
  font-size: 30px;
    font-weight: bold;
    /* color: #fff; */
    margin-bottom: 10px;
    position: relative;
    /* padding: 5px 35px; */
    margin-bottom: 25px;
    display: inline-block;
    border-radius: 20px;
    /* background: linear-gradient(0deg, #202b83, #018bf1);

}

.nContact p.title:after{
  /*position: absolute;
  content: "";
  width: 4px;
  height: 24px;
  top: 7px;
  left: 5px;
  background-color: var(--main);*/
}

.nContact .item{
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border-bottom-left-radius: 85px;
  border-top-left-radius: 85px;
  min-height: 85px;
}

.nContact .item span{
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  border-radius: 50%;
  text-align: center;
  background: linear-gradient(0deg, #202b83, #018bf1);
  color: #fff;
}

.nContact .item .d1{
  margin-right: 15px;
}

.nContact .item .d2{
  padding: 15px 0;
}

.nContact .item label{
  font-size: 18px;
  margin-bottom: 5px;
}

/*人才招聘*/
.pagetitle-job{
  background-image: url(../images/pagetitle-job.jpg);
}

.accordion .card{
  margin-bottom: 15px;
}


.accordion .card .card-header .btn{
  background-image: url(../images/rczp2.png);
  background-repeat: no-repeat;
   background-position: right;

}

.accordion .card .card-header .collapsed{
   background-image: url(../images/rczp.png);
   background-repeat: no-repeat;
   background-position: right;
}


.card-header{
  background-color: var(--primary);
  color: #fff;
}

.card-header .btn{
  color: #fff;
  box-shadow: none;
}


.card-header .btn span{
  margin-right: 15px;
  display: inline-block;
}

.accordion{
  margin-top: 25px;
}

.accordion>.card:not(:last-of-type){
  border-bottom: 1px solid rgba(0,0,0,.125);
}


.card-body{
  min-height: 250px;
}

.nJob {
  background-image: url(../images/job-bg.jpg);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}

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

.nJob .item .title{
  margin-bottom: 15px;
}

.nJob .item .title span{
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(90deg, #2d378f, #039ae3);
  color: #fff;
  display: inline-block;
  padding: 10px 35px 10px 45px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  letter-spacing: 5px;
  position: relative;
}

.nJob .item .title span:after{
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  background-color: #fff;
  border-radius: 50%;
}

.nJob .item .content{
  padding: 20px;
  background-color: rgb(79 135 219 / 10%);
}

.nJob .jobRight{
  min-width: 200px;
  padding-left: 65px;
}

.job-ttit{
  margin-bottom: 25px;
}

.job-ttit strong{
  font-size: 18px;
  color: #000;
}

/*展会信息*/
#carousel {
  position: relative;
  margin: 45px auto 15px;
  max-width: 100%;

}

#carousel .swiper {
  padding-top: 40px;
  padding-bottom: 40px;
}
#carousel .swiper-wrapper{

}
#carousel  .swiper-slide {
  width: 25%;
  background: #fff;
  box-shadow: 0 8px 20px #ddd;
  

}
#carousel  .swiper-slide img{
  display:block;
  width: 100%;
}
#carousel  .swiper-slide p {
  line-height: 58px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 0.8em;
  margin: 0;
}

#carousel .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#carousel .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  background-color: #d5d5d5;
  width: 20px;
  height: 10px;
  opacity: 1;
  border-radius: 5px;
}

#carousel .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color:#ff020a82;
  width: 35px;
}

#carousel .swiper-button-prev {
  left: 0;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

#carousel .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

#carousel .swiper-button-next {
  right: 0;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 -93px;
  background-size: 100%;
}

#carousel .swiper-button-next:hover {
  background-position: 0 -139px;
  background-size: 100%
}
#carousel .swiper-button-prev::after,#carousel .swiper-button-next::after{
  content: '';
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 15px;
}

/*搜索结果*/
.searchResult li{
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f3f3f3;
}

.searchResult li a+a{
  padding: 5px 25px;
  background-color: var(--main);
  color: #fff;
  border-radius: 3px;
  transition: all .6s;
}

.searchResult li a+a:hover{
  background-color: var(--primary);
}

.small-imgs .swiper-button-lock{
  display: block;
}

.nProdetail .small-imgs  .swiper-slide-thumb-active img{
  border:2px solid #5885c7;
}


.dyLists a{
  display: block;
  margin-bottom: 25px;
  box-shadow: 0 0 15px rgba(0,0,0,.08);
  color: #333;
}

.dyLists .item .div-text{
  padding:15px;
}

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

.dyLists .item .d1{
  font-size: 14px;
}

.dyLists .item .div-img img{
  transition: all .3s ease;
}

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