/*** 



====================================================================

  Resources / Css Files

====================================================================

 ***/

 @import url('bootstrap.min.css');

 @import url('swiper.min.css');

 @import url('swiper.min.css');

 @import url('jquery.fancybox.min.css');

 @import url('animation.css');

/* @import url('../font-awesome/css/font-awesome.min.css');*/





@font-face {

   font-family: 'PFR';

   src: url('../fonts/pingfang/PingFang SC Regular.ttf');

 }

 @font-face {

   font-family: 'PFM';

   src: url('../fonts/pingfang/PingFang Medium.ttf');

 }



 @font-face {

   font-family: 'PFB';

   src: url('../fonts/pingfang/PingFang SC Bold.ttf');

 }



 @font-face {

   font-family: 'PFH';

   src: url('../fonts/pingfang/PingFang SC Heavy.ttf');

 }

 

 /* reset css start */

 html{

    

    font-size: 14px;

    color: #808080;

    background-color: #fff;

    overflow-x: hidden;

 }



 html *{

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    margin-bottom: 0;

 }





 html a{

  color: #1a1a1a;

 }



 html a:hover{

  text-decoration: none;

  color: var(--primary);

 }

 

 body{

   font-family: 'PFM','PFH','PFB',Microsoft YaHei,Arial, sans-serif;

   font-size: 16px;

   color: #1a1a1a;

   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;

    overflow: hidden;

 }

 

 

 :root {

   --primary: #26b597;

   --main:#005bac;

 }

 

 .div-img{

    overflow: hidden;

 }



 .div-img img{

    width: 100%;

    transition: all .6s;

 }

 

 .container-fluid{

   width: 100%;

   max-width: 1400px;

   margin: auto;

   padding-left: 5%;

   padding-right: 5%;

 }

/* reset css end */



/*头部导航 satrt*/

.header1{

  position: relative;

  padding: 0 2%;

  background-color: #fff;

  transition: all .5s;

  z-index: 999;

}



.header1 .div-logo h1{

  position: relative;

}



.header1 .div-logo h1 a{

  display: block;

  min-width: 163px;

  width: 163px;

/*  padding: 10px;*/

/*  background-color: #fff;*/

 /* box-shadow: 5px 10px 10px rgba(0,0,0,.1);*/

  z-index: 999;

  transition: all .6s;

}



.header1 .div-logo{

  margin: 0 20px;

}



.header1.on .div-logo h1 a{

  width: 95px;

}



.header1.on  .div-nav>ul>li a.tnav{

  padding: 25px 20px;

}

/*导航common*/

.div-sub{

  position: absolute;

  width: 100%;

  left: 0;

  z-index: 1;

  background-color: #fff;

  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-sub .div-img{

  max-width: 500px;

}





.div-sub .sub-content p.title{

  font-size: 20px;

  margin-bottom: 15px;

  font-family: 'PFB';

}



.div-sub .sub-content .div-submenus a{

/*  min-width: 100px;*/

  margin-right: 55px;

  padding-right: 30px;

  position: relative;



}



.div-sub .sub-content .div-submenus a:after{

  position: absolute;

  content: ">";

  right: 0;

  top: 0;

}



.div-nav>ul>li{

  display: inline-block;

}



.div-nav>ul>li a.tnav{

  display: block;

  font-size: 16px;

  padding: 40px 20px;

  position: relative;

  z-index: 1;

  transition: all .5s;

  font-family: 'PFM';





}



.div-nav>ul>li a.tnav:after{

  position: absolute;

  content: "";

  width: 100%;

  height: 0;

  background-color: #eee;

  background-image: linear-gradient(to left,#0567a9,#21a99a);

  left: 0;

  bottom: 0;

  z-index: -1;

  transition: all .5s;

}





.div-nav>ul>li:hover a.tnav{

  color: var(--primary);

}



.div-nav>ul>li:hover a.tnav:after{

  height: 2px;

  bottom: calc(100% - 2px);



}



.div-nav>ul>li:hover .div-sub{

  opacity: 1;

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1);

}





.sub-content{

  border-top: 1px solid #eee;

  padding-top: 35px;

  padding-bottom: 45px;

}

/*头部导航 end*/

.sp{

  padding: 105px 0;

}



/*banner*/

.banner{

  position: relative;

}



.banner .swiper-slide{

  position: relative;

}



.banner .swiper-slide .div-text{

  position: absolute;

  width: 100%;

  top: 50%;

  color: #fff;

  transform: translateY(-50%);

}



.banner .swiper-slide .div-text h2.title{

  font-size: 60px;

  font-family: 'PFM';

}



.banner .swiper-slide .div-text p.entitle{

  font-size: 24px;

  font-family: 'PFB';

  margin-top: 15px;

  margin-bottom: 25px;

}



.banner .swiper-slide .div-text p{

  overflow: hidden;

}



.banner .swiper-slide .div-text p.des{

  max-width: 650px;

  font-size: 18px;

  line-height: 1.8;

}



.banner .swiper-slide .div-text .readMore{

  margin-top: 35px;

}





.readMore a{

  display: inline-block;

  color: #1a1a1a;

  background-color: #fff;

  padding: 18px 40px;

  border-top-left-radius: 25px;

  border-bottom-right-radius: 25px;

  position: relative;

  overflow: hidden;

  z-index: 1;

  transition: all .6s;

}



.readMore a:after{

  position: absolute;

  content: "";

  width: 0;

  height: 100%;

  background-image: linear-gradient(to right, #1ea29b, #0567a9);

  left: 0;

  top: 0;

  z-index: -1;

  transition: all .3s;

}



.readMore a:hover{

  color: #fff;

}



.readMore a:hover:after{

  width: 100%;

}



.swiper1-btn{

  position: absolute;

  z-index: 1;

  top: 50%;

}



.swiper1-btn span{

  display: inline-block;

  color: #fff3;

  font-size: 20px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background-color: rgba(0,0,0,.1);

  border-radius: 50%;

}



.swiper1-btn span svg{

  width: 35px;

  height: 35px;

  margin-top: -5px;

}



.swiper1-btn span:hover{

  background-color: rgba(0,0,0,.5);

  color: #fff;

}



.swiper1-prev{

  left: 2%;

}



.swiper1-next{

  right: 2%;

} 



/*关于我们*/

.aboutBlock .title{

  font-size: 36px;

}



.aboutBlock .title font{

  font-family: 'PFB';

}



.aboutBlock .title2{

  font-size: 24px;

  color: var(--primary);

  padding: 15px 0 25px 0;

  margin-bottom: 25px;

  position: relative;

  border-bottom: 1px solid #e6e6e6;

}



.aboutBlock .title2:after{

  position: absolute;

  content: "";

  width: 30%;

  height: 3px;

  background-image: linear-gradient(to right, #1ea29b, #0567a9);

  left: 0;

  bottom: -2px;

}



.aboutBlock .item{

  padding-left: 15px;

  position: relative;

  color: #666;

  font-size: 18px;

  margin-bottom: 10px;

}



.aboutBlock .item:after{

  position: absolute;

  content: "";

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: var(--main);

  left: 0;

  top: 10px;

}



.aboutBlock .div-img{

  padding-left: 25px;

}



.productBlock{

  background-color: #f5f5f5;

}



.productBlock .item{

  background-color: #f5f5f5;

  padding: 10% 10%;

  height: 100%;

  cursor: pointer;

}



.productBlock .swiper-wrapper>div:nth-child(odd) .item{

  background-color: #ebebeb;

}



.productBlock .item .title{

  margin-top: 30px;

}



.productBlock .item .title a{

  display: block;

  font-size: 32px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box!important;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  font-family: 'PFM';

  color: var(--primary);

}



.productBlock .item .des{

  font-size: 18px;

  color: #000;

  margin-top: 10px;

  margin-bottom: 30px;

   overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box!important;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}



.productBlock .item ul li{

  color: #808080;

  font-size: 14px;

  padding-left: 15px;

  position: relative;

  margin-bottom: 5px;

}



.productBlock .item ul li:after{

  position: absolute;

  content: "";

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background-color: var(--main);

  left: 0;

  top: 12px;

}



.productBlock .item ul li p{

  line-height: 2;

}



.productBlock .item ul li p.p1{

  margin-left: -6px;

}



.productBlock .item .readMore{

  margin-top: 35px;

}



.readMore2 a{

  color: #fff;

  background-color: unset;

}



.readMore2 a:after{

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-image: linear-gradient(to right, #1ea29b, #0567a9);

  left: 0;

  top: 0;

  z-index: -1;

  transition: all .3s;

}



.readMore2 a:hover:after{

  background-image: linear-gradient(to left, #1ea29b, #0567a9);

}



.readMore a:hover {

    border-top-left-radius: 0;

    border-bottom-right-radius: 0;

    border-top-right-radius: 25px;

    border-bottom-left-radius: 25px;

}



.productBlock .item .div-img{

  overflow: unset;

}



.productBlock .item .div-img img{

  transition: all .6s;

}



.productBlock .item:hover .div-img img{

  transform: scale(1.1);

}



.productBlock .item .title a:hover{

  color: var(--main);

}



.cyhBlock{

  background-image: url(../images/cyh-bg.png);

  background-size: cover;

  background-attachment: fixed;

  color: #fff;

}



.cyhBlock p.p1{

  font-size: 56px;

  font-family: 'PFB';

  margin: 35px 0 15px 0;

}



.cyhBlock p.p2{

  font-size: 28px;

  padding-bottom: 25px;

  margin-bottom: 25px;

  border-bottom: 1px solid rgba(255,255,255,.2);

  position: relative;

}



.cyhBlock p.p2:after{

  position: absolute;

  content: "";

  background-color: #fff;

  width: 10%;

  height: 1px;

  bottom: -1px;

  left: 50%;

  transform: translateX(-50%);

}



.cyhBlock .d2 p{

  text-transform: uppercase;

  font-size: 16px;

  font-family: 'PFM';

}



/*新闻资讯*/

.newsBlock .newsLeft .title p.p1{

  font-size: 20px;

  color: #808080;

}



.newsBlock .newsLeft .title p.p2{

  color: #1a1a1a;

  font-size: 30px;

  font-family: 'PFB';

  margin-bottom: 65px;

}



.newsLeft{

  min-width: 200px;

}



.newsRight{

  max-width: 850px;

}



.newsRight ul li a{

  display: block;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #dbdbdb;

  color: #4c4c4c;

  font-size: 16px;

}





.newsRight ul li a:hover .d2 p{

  color: var(--primary);

}



.newsRight ul li .d1{

  min-width: 260px;

}



.newsRight ul li span.time{

  color: #808080;

  display: inline-block;

}



.newsRight ul li span.cate{

  margin-left: 15px;

  padding-left: 10px;

  margin-right: 25px;

  display: inline-block;

  position: relative;

}



.newsRight ul li span.cate:after{

  position: absolute;

  content: "";

  width: 5px;

  height: 5px;

  background-color: #808080;

  border-radius: 50%;

  left: 0;

  top: 11px;

}



.newsRight ul li .d2 p{

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box!important;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}



/*新闻底部*/

.zpBlock{

  padding-bottom: 65px;

}



.zpBlock .item{

  background-size: cover;

}



.zpBlock .item a{

  color: #fff;

  display: block;

  padding: 10% 5%;

  transition: all .6;

  position: relative;

  z-index: 1;

}



.zpBlock .item a:after{

  position: absolute;

  content: "";

  width: 0;

  height: 100%;

  left: 0;

  top: 0;

  background-color: rgba(0,0,0,.1);

  transition: all .6s;

  z-index: -1;

}



.zpBlock .item p.title{

  font-size: 26px;

  font-family: 'PFB';

}



.zpBlock .item p.des{

  font-size: 16px;

  line-height: 1.8;

  margin-top: 15px;

}



.zpBlock .item a:hover:after{

  width: 100%;

}



/*底部*/

.mainFooter{

  background-color: #f5f5f5;

  font-family: 'PFM';

  position: relative;

  z-index: 1;

}



.mainFooter .fdh{

  padding: 45px 0;

  border-bottom: 1px solid #dbdbdb;

}



.mainFooter .div-dhs {

  max-width: 65%;

  padding: 0 25px;

  margin-left: 15px;

}



.div-tbinfo .item{

  position: relative;

  margin-left: 15px;

  width: 45px;

  height: 45px;

  text-align: center;

  border:2px solid #b3b3b3;

  border-radius: 50%;

  transition: all .3s;

}



.div-tbinfo .item svg{

  fill:#b3b3b3;

  margin-top: 5px;

  transition: all .3s;

}



.mainFooter .tb-sub{

    position: absolute;

    bottom: 55px;

    padding: 15px;

    width: max-content;
    right: 0;

}



.div-tbinfo .item:hover{

  cursor: pointer;

  border:2px solid var(--primary);

}



.div-tbinfo .item:hover svg{

  fill:var(--primary);

}



.tb-sub{

  transform: scaleY(0);

  transform-origin: center;

  transition: all .3s;

  background-color: var(--primary);

  color: #fff;

}



.div-tbinfo .item:hover .tb-sub{

  transform: scaleY(1);

}



.finfos{

  padding: 45px 0;

}



.finfos .item{

  position: relative;

  padding-left: 18px;

}



.finfos .item:after{

  position: absolute;

  content: "";

  width: 4px;

  height: 92%;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  background-image: linear-gradient(to bottom, #1ea29b, #0567a9)

}



.finfos .item .title{

  font-size: 20px;

  font-family: 'PFM';

  margin-bottom: 10px;

  color: #1a1a1a;

}



.finfos .item .det{

  color: #9b9b9b;

}



.copyright{

  padding: 25px 0;

  background-color: #161c21;

  color: #fff;

  font-size: 14px;

  line-height: 1.8;

}



.copyright a{

  color: #fff;

  display: inline-block;

}



.copyright a:hover{

  color: var(--primary);

}



.copyright span{

  display: inline-block;

 margin-right: 15px;

}
.fmsg{
    margin-top: 15px;
}

.fmsg a{
    display: block;
    padding: 10px 25px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 25px;
    width: 40%;
    margin: auto;
    transition: all .6s;
}

.fmsg a:hover{
    background-color: var(--main);
    color: #fff;
}



/*内页开始*/

.nyMbx{

  background-color: #f5f5f5;

  font-size: 14px;

}



.nyMbx span,.nyMbx a{

  display: inline-block;

  line-height: 30px;

  padding: 15px 0;

}



.nyMbx a.cur{

  color: var(--primary);

}



.nyMbx span.s1{

  padding: 15px 5px;

}



/*产品详情*/

.div-cx .div-title{

  

}



.div-cx .div-title h2.title{

  font-size: 50px;

  font-family: 'PFH';

}



.div-cx .div-title h2.title span{

  font-size: 24px;

  color: #808080;

  font-family: 'PFM';

}



.div-cx .div-title h3.title{

  font-size: 28px;

  font-family: 'PFM';

}



.div-cx .canshu{

  margin: 35px 0;

  font-size: 18px;

  line-height: 1.6;

}



.div-cx .canshu .item .d1{

  color: #005bac;

  min-width: 110px;

  margin-left: -10px;

}



.div-cx .canshu .item .d2{

  color: #666;

}



.xingcan{

  max-width: 450px;

  text-align: center;

  border:1px solid #1a72c0;

  font-size: 18px;

  font-family: 'PFM';

  margin-bottom: 35px;

}



.xingcan .title{

  background-color: #1a72c0;

  color: #fff;

  padding: 10px 0;

}



.xingcan .title1{

  border-right: 1px solid #fff;

}



.xingcan .des{

  padding: 15px 0;

  font-size: 36px;

  font-family: 'PFB';



}



.xingcan .des label{

  font-size: 18px;

  color: #808080;

  font-family: 'PFR';

}



.proDes{

  font-size: 24px;

  font-family: 'PFM';

}



.proDes p{

  color: #808080;

}



.proDes p.pz{

  margin-left: -15px;

}



.proDes p.p1{

  color: #1a1a1a;

}



.proDes p.p1 label{

  color: #005bac;

}



/*产品特点*/

.nyProTd{

  background-image: url(../images/td-bg.png);

  background-size: cover;

}



.commonTit{

  margin-bottom: 35px;

}



.commonTit p{

  font-size: 48px;

  font-family: 'PFB';

  padding-bottom: 15px;

  position: relative;

}



.commonTit p:after{

  position: absolute;

  content: "";

  width: 65px;

  height: 4px;

  background-color: var(--main);

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}



.tds .item{

  background-color: #fff;

  text-align: center;

  padding: 25px 15px;

  margin-bottom: 25px;

  cursor: pointer;

}



.tds .item .tb{

  display: inline-block;

  width: 85px;

  height: 85px;

  line-height: 85px;

  border-radius: 50%;

  text-align: center;

  background-color: var(--main);

  transition: all .6s;

}



.tds .row>div:nth-child(odd) .item .tb{

  background-color: var(--primary);

}



.tds .item .title{

  font-size: 22px;

  font-family: 'PFB';

  margin-top: 15px;

}



.tds .item .des{

  font-size: 18px;

  color: #666;

}



.tds .item:hover .tb span{

  transform: rotateY(-180deg);

}



/*检测结果*/

.jcLists .div-img{

  border:1px solid #cccccc;

  border-radius: 3px;

  margin-bottom: 15px;

  position: relative;

}



.jcLists .div-img label{

  position: absolute;

  display: inline-block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border-radius: 50%;

  background-color: var(--primary);

  top: 8%;

  left: 5%;

  color: #fff;

  font-family: 'PFB';

}



.jcLists .div-text{

  font-size: 18px;

}



.jcLists .div-text p.p2{

  color: #666666;

}



.jcLists .div-text p.p1{

  min-width: 55px;

}



/*询盘*/

.nyProXp{

  background-image: url(../images/xp-bg.png);

  background-size: cover;

  background-attachment: fixed;

  color: #fff;

}



.nyProXp .commonTit p{

  color: #fff;

}



.nyProXp .commonTit p:after{

  background-color: #fff;

}



.div-form .item{

  margin-bottom: 25px;

}



.div-form .item input,.div-form .item textarea{

  display: block;

  width: 100%;

  border:none;

  background-color: #fff;

  border-radius: 3px;

  padding: 15px 15px;

  margin-top: 10px;

}



.div-form .item textarea{

  min-height: 120px;

}



::-webkit-input-placeholder{

  color: #666666;

} 



:-moz-placeholder{

   color:#666666;

} 



::-moz-placeholder{

  color: #666666;

}



:-ms-input-placeholder{

  color: #666666;

} 





.div-form .item p{

  font-size: 18px;

}



.div-form button{

  display: inline-block;

  border:none;

  padding: 10px 45px;

  border-radius: 3px;

  border:1px solid #fff;

  color: #fff;

  background-color: unset;

  transition: all .3s;

}



.div-form button:hover{

  background-color: #fff;

  color: #1a1a1a;

}



/*产品列表*/

.nyProList .list{

  padding: 35px 0;

}



.nyProList .list .divImg a{

  display: block;

  position: relative;

  overflow: hidden;

  border:2px solid #f5f5f5;

  padding: 25px;

  text-align: center;

}



.nyProList .list .divImg{

  margin-right: 25px;

}



.nyProList .list .divImg img{

  transition: all .6s;

}



.nyProList .list .divImg .mark{

  position: absolute;

  content: "";

  background-color: rgba(0,91,172,.8);

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  text-align: center;

  color: #fff;

  opacity: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  transition: all .6s;

}



.nyProList .list .divImg:hover .mark{

  width: 100%;

  opacity: 1;

}





.nyProList .list .divImg:hover img{

  transform: scale(1.05);

}



/*新闻列表*/

.nyNewsList .item{

  margin-bottom: 35px;

  transition: all .3s;

}



.nyNewsList .item a{

  display: block;

  position: relative;

  background-color: #f5f5f5;

  color: #1a1a1a;

  overflow: hidden;

}



.nyNewsList .item a:before{

  position: absolute;

  width: 50px;

  height: 50px;

  display: flex;

  content: "+";

  right: 0;

  bottom: 0;

  background: #ddd;

  color: #fff;

  border-radius: 500px 0 0 0;

  align-items: center;

  justify-content: center;

  padding-top: 10px;

  padding-left: 10px;

  font-size: 20px;

  transition: all .5s;

}





.nyNewsList .item .div-text{

  padding: 15px 15px 80px;

}



.nyNewsList .item .time{

  font-size: 14px;

  color: #999;

}



.nyNewsList .item .title{

  font-size: 18px;

  font-family: 'PFB';

  height: 45px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box!important;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  margin-top: 15px;

  margin-bottom: 15px;

  position: relative;

  line-height: 2;

  padding-bottom: 25px;

  border-bottom: 1px solid #eee;

  position: relative;

}



.nyNewsList .item .title:after{

  position: absolute;

  content: "";

  width: 0;

  height: 1px;

  left: 0;

  bottom: 0;

  background-color: var(--main);

  transition: all .6s;

}



.nyNewsList .item p.des{

  -webkit-line-clamp: 2;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  height: 48px;

  font-size: 14px;

  color: #777;

  line-height: 24px;



}



.nyNewsList .item:hover .title:after{

  width: 100%;

}



.nyNewsList .item:hover a:before{

    background: var(--main);

    transform: scale(1.5);

    transform-origin: right bottom;

}



.nyNewsList .item:hover .div-img img{

  transform: scale(1.1);

}





.nyNewsList .item:hover{

  box-shadow: 0 0 15px rgba(0,0,0,.4);

}



/*新闻详情*/

.nyNews h2.title{

  font-size: 30px;

  font-family: 'PFB';

}



.nyNews .meta{

  font-size: 14px;

  font-family: 'PFB';

  padding-top: 15px;

  padding-bottom: 25px;

}



.nyNews .meta .time span{

  color: var(--main);

}



.nyNews .newsContent{

  min-height: 300px;

  background-color: #f5f5f594;

  padding: 30px 20px;

  margin-bottom: 35px;

}



.prev-next{

  padding: 25px 15px;

  background-color: #f5f5f594;

  border-top:2px solid var(--main);

  font-size: 14px;

}



.prev-next a:hover{

  color: var(--main);

}



.prev-next div span{

  min-width: 60px;

}



.prev-next div a{

  max-width: 650px;

}



.nyHistory{

  padding: 35px 0;

  background-image: url(../images/lc-bg.jpg);

  background-size: cover;

  background-attachment: fixed;

  overflow: hidden;

}



/*发展历程*/

.m2lcWpr{ margin:5.2vw 0; position:relative;}

.m2lcLine{width: 2px;position: absolute;left: 50%;margin-left: -1px;top: 0;bottom: 0;background: url(../images/m2lc_bg1.png) repeat-y center top;overflow: hidden;}

.m2lcLine i{ background:var(--main); position:absolute; left:0; top:0; width:2px; height:0%;}

.m2lcYears{ text-align:center; position:fixed; left:0; width:100%; top:50%; transform:translateY(-50%); line-height:480px; height:480px; font-size:480px; font-weight:bold; color:rgba(0,0,0,0.05); display:none;}

.m2lcYr{ position:absolute; left:0; top:0; right:0; top:0; transition:all 0.5s ease-in-out; opacity:0; font-family:gm_m;}

.m2lcYr.on{ opacity:1;}

.m2lcItems{ position:relative; z-index:1;}

.m2lcItems li{ padding-bottom:25px; padding-left:50%;}

.m2lc_item{ margin-left:63px;}

.m2lc_yt{ line-height: 40px; height: 40px; font-family: gm_l; font-size: 36px; position: relative;color: #fff;}

.m2lc_yt i{ height: 40px; width: 40px; position: absolute; left: -83px; top: 0px; }

.m2lc_yt i:after{content:""; width:12px; height:12px; border-radius:50%; background:var(--main); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}

.m2lc_yt i:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #fff; border-radius:50%; background:#fff; transition:all 0.5s ease-in-out; opacity:0}

.m2lcItems li.on .m2lc_yt i:after{ width:18px; height:18px;}

.m2lcItems li.on .m2lc_yt i:before{opacity:1;}

.m2lc_des{ font-size: 16px; line-height: 32px; padding-top: 22px;}

.m2lc_des p{ margin-bottom:28px;}

.m2lc_des span{ display:inline-block; padding-left:14px; position:relative;text-align: left;color: #fff;}

.m2lc_des span:before{content:""; width:6px; height:6px; background:#fff; position:absolute; left:0; top:13px; border-radius:50%;}

.m2lcItems li:nth-child(2n){padding-left:0; padding-right:50%;}

.m2lcItems li:nth-child(2n) .m2lc_item{ margin-left:0; margin-right:63px; text-align:right;}

.m2lcItems li:nth-child(2n) .m2lc_yt i{left:auto; right:-83px;}

.maoLink{display:block; height:0; overflow:hidden; position:relative; top:-50vh;}





/*内页 关于我们*/

 .nyaboutBlock .div-text{

  text-align: center;

}



.nyaboutBlock .title2:after{

  width: 20%;

  left: 50%;

  transform:translateX(-50%);

}



.nyaboutBlock .des p{

  line-height: 2;

  text-indent: 30px;

  text-align: left;

  margin-bottom: 15px;

}



.nyaboutBlock .div-img{

  margin-top: 25px;

  padding-left: 0;

}



/*联系信息*/

.conTitle .d1 p{

  font-size: 30px;

  font-family: 'PFB';

  padding-bottom: 10px;

  position: relative;

}



.conTitle .d1 p:after{

  position: absolute;

  content: "";

  width: 45px;

  height: 4px;

  background-image: linear-gradient(to left,#0567a9,#21a99a);

  left: 0;

  bottom: 0;

}



.conTitle .d2{

  position: relative;

  padding-right: 15px;

}



.conTitle .d2:after{

  position: absolute;

  content: "";

  width: 4px;

  height: 45px;

  background-image: linear-gradient(to bottom,#0567a9,#21a99a);

  right: 0;

  top: 2px;

}



.cinfos{

  margin-top: 45px;

}



.cinfos .item{

  background-color: #0027240d;

  padding: 30px 10%;

  margin-top: 25px;

}



.cinfos .item .tb svg{

  width: 85px;

  height: 85px;

  min-width: 85px;

  margin-right: 18px;

  fill: #21a99a8a;

}



.cinfos .item .div-text p.p1{

  font-size: 25px;

  font-family: 'PFB';

  color: #000;

  margin-bottom: 3px;

}



.cinfos .item .div-text p.p2{

  font-size: 18px;

  color: var(--primary);

  font-family: 'PFB';

}



.cinfos .item1{

  background-color: #0027240d;

  padding: 30px 10%;

  height: 100%;

  /*margin-bottom: 25px;*/

}



.cinfos .item1 p.title{

  font-size: 22px;

  font-family: 'PFB';

  margin-bottom: 5px;

}



  .companyImgs .swiper-slide {

      text-align: center;

      font-size: 18px;

      background: #fff;



      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

      transition: 300ms;

      transform: scale(0.8);

    }

  .companyImgs .swiper-slide-active,.companyImgs .swiper-slide-duplicate-active{

      transform: scale(1);

  }



  .companyImgs .swiper-pagination{

    background: rgb(0 0 0 / 4%);

  }



  .companyImgs .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

    background:#005bac;

  }



  .companyImgs{

    padding-top: 25px;

  }



  .companyImgs .swiperBtn{

    width: 55px;

    height: 55px;

    background: #005bac87;

    border-radius: 50%;

  }



  .companyImgs .swiperBtn:hover{

    background-color: #005bac;

  }



  .companyImgs .swiper-button-prev{

    left: 0;

  }



  .companyImgs .swiper-button-next{

    right: 0;

  }



  .companyImgs .swiperBtn:after{

    font-size: 26px;

    color: #fff;

  }



  /*人才招聘*/



  .accordion{

    margin-top: 35px;

  }



  .accordion .card{

    border:none;

    margin-bottom: 15px;

  }

.accordion .card .card-header .btn{

  background-repeat: no-repeat; 

  background-position: right;

}



.accordion .card .card-header .collapsed{

  background-repeat: no-repeat;

  background-position: right;

}



.card-header{

  background-color: #f5f5f5;

  color: #333;

  border:none;

  padding: 20px 15px;

}



.card-header .btn{

  color: #333;

  box-shadow: unset;

}



.card-header .btn span{

  margin-right: 15px;

  display: inline-block;

  color: #1a1a1a;

  border-radius: 3px;  

}







.card-header .btn span svg{

  fill: #1a1a1a;

}



.card-header .btn span:hover{

  color: var(--main);

}



.card-header .btn span:hover svg{

  fill: var(--main);

}



.card-body{

  background-color: #26b5970d;

}



/*分页*/

.pagination{

  margin-top: 25px;

}

.pagination a{

  display: inline-block;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border:1px solid #eee;

  margin: 0 5px;

}



.pagination a.page-num-current,.pagination a:hover{

  background-color: var(--main);

  color: #fff;

}


/*导航产品分类*/
.cpFl{
  line-height: 28px;
}
.cpFl a{
  display: block;
}

.cpFl .bfl{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.cpFl .sub2{
  font-size: 16px;
  padding-left: 15px;
  position: relative;
}

.cpFl .sub2:after{
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--primary);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.cpFl .sub2 .s3Item{
  padding-right: 30px;
}

.cpFl .fl1{
  padding-right: 25px;
  margin-right: 25px;
  border-right: 1px solid #0000001f;
}

.cpFl .s3Item1{
  padding-right: 25px;
  margin-right: 25px;
  border-right: 1px solid #0000001f;
} 

.cpFl .itemFL1{
  font-size: 14px;
}

.lanBtn a{
  display: inline-block;
  padding: 3px 15px;
  border-radius: 3px;
  color: #fff;
  background-color: var(--primary);
  transition: all .6s;
}

.lanBtn a:hover{
  background-color: var(--main);
  color: #fff;
}

.mHeader .d3{
    list-style: none;
    margin-left: 15px;
}

























  







































 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 