@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');
}

:root {
	--primary: #16359f;
	--main: rgba(0, 123, 242, 1);
}

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


a:focus{outline:none;/*去除a在ie浏览器中点击出现的边框*/}
input{border:0;outline:none;/*去除蓝色边框*/}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;/*去除文本框出现的背景色*/}
a,button,textarea,select{-webkit-appearance: none;
-webkit-tap-highlight-color:rgba(255,0,0,0); }
ul{
  padding-inline-start: 0;
}
ul li{
  list-style: none;
}

img{
  max-width: 100%;
}

body{
 font-family: Microsoft YaHei,Arial, sans-serif;
 font-size: 16px;
 line-height: 1;
 color: #222;
 position: relative;
 background-color: #ffffff;
 overflow-x: hidden;
}

body a{
  color: #222;
}

body a:hover{
  text-decoration: unset;
}

.pageWrap{
  position: relative;
}

.container-fluid{
  max-width: 1400px;
  padding: 0 25px;
}

.div-img{
  overflow:hidden;
}

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

/*pc导航*/
.pcHeader{
  position: relative;
  z-index: 9;
}
.pcHeader .div-logo a{
  display: block;
}

.navMenus{
  max-width: 800px;
  margin-left: 35px;
}

.navMenus ul li>a{
  display: block;
  height: 85px;
  line-height: 85px;
  padding: 0 25px;
  position: relative;
}

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

.navMenus ul li:hover>a:after{
  left: 0;
  width: 100%;
}

.navMenus ul li .divSub{
  position: absolute;
  z-index: 1;
  background-color: #f2f1f0;
  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;
}

.navMenus ul li:hover .divSub{
  opacity: 1;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.navMenus ul li .divSub a{
  display: block;
  padding: 15px 45px;
  font-size: 14px;
  transition: all .3s;
}

.navMenus ul li .divSub a:hover{
  color: #fff;
  background-color: #ce9c15;
}

/*mobile手机导航*/
 .nav-btn{
  width: 30px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

.nav-btn .line{
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background-color: #333;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all .6s;
 }

 .nav-btn .line1{
  -webkit-transform-origin: 4px 0;
  -ms-transform-origin: 4px 0;
  transform-origin: 4px 0;
 }

 .nav-btn .line2{
  top: 8px;
 }

 .nav-btn .line3{
  bottom: 0;
  -webkit-transform-origin: 1px center;
  -ms-transform-origin: 1px center;
  transform-origin: 1px center;
 }

 .nav-btn.active{
  -webkit-animation: rotate 0.5s linear 0s;
  animation: rotate 0.5s linear 0s;
 }

 .nav-btn.active .line{
    background: var(--primary);
   }

 .nav-btn.active .line1{
  transform: rotate(45deg);
 }

 .nav-btn.active .line2{
  display: none!important;
 }

 .nav-btn.active .line3{
  transform: rotate(-45deg);
 }

 .mItems{
    display: block;
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    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;
    overflow: hidden;
    z-index: 10;
    background: #f5f5f5;
  }

  .mItems ul li{
    padding: 5px 0;
    border-bottom: 1px solid #dcdcdc;
  }

  .mItems ul li .title,.mItems .subItems{
    padding: 0 20px;
  }

  .mItems ul li .title>a{
    display: block;
    padding: 15px 0;
    font-size: 16px;
  }

  .mItems .subItems{
    display: none;
  }

  .mItems .subItems a{
    display: block;
    padding: 10px 0 10px 15px;
    font-size: 14px;
    position: relative;
  }

  .mItems .subItems a:after{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    transform: translateY(-50%);
    background-color: #333;
  }

  .itemBtn{
    transition: all .6s;
    transform: rotate(0deg);
  }

  .mItems ul li.on .itemBtn{
    transform: rotate(-180deg);
    display: block;
    width: 30px;
    height: 50px;
    line-height: 50px;
  }

  .mItems.show{
    opacity: 1;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    transition: all .5s;
  }

 /*手机导航 结束*/

 /*banner*/
 .swiperBanner .swiper-pagination span{
  width: 45px;
  height: 6px;
  border-radius: 0;
 }

 .swiperBanner .swiper-pagination span.swiper-pagination-bullet-active{
    background-color: rgba(0,0,0,.8);
 }

 /*展示区域*/

 .zsSec{
  padding: 65px 0;
 }
 .zsSec .item{
  margin-bottom: 25px;
 }
 .zsSec .item a{
    display: block;
 }

 /*关于我们*/
 .aboutSec{
  padding: 65px 0;
  background-color: rgba(247, 247, 247, 1);
 }

 .aboutSec .div-text{
  background-color: rgba(0, 123, 242, 1);
  color: #fff;
  height: 100%;
  padding: 65px 35px;
 }

 .aboutSec .div-text p.title{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
 }

 .aboutSec .div-text div.des p{
  line-height: 30px;
  text-indent: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
 }


 /*底部*/
 .mainFooter{
  font-size: 14px;
  padding: 30px 0;
  background-color: rgba(76, 76, 76, 1);
  text-align: center;
 }

 .mainFooter a{
  color: #fff;
  line-height: 26px;
 }

 /*内页样式*/
 .pageTit{
  height: 300px;
  background-image: url(../images/pagetitle.jpg);
  background-size: cover;
  background-position: center;
 }

 .mainSlider .subItems{
  display: none;
 }

.mainSlider .lmItems ul li{
    border-bottom: 1px solid #eee;
  }



.mainSlider .lmItems ul li a{
  padding: 22px 15px;
  color: #696969; 
 }

.mainSlider .lmItems ul li.on .itemBtn{
  transform: rotate(-90deg);
 }

.mainSlider .lmItems ul li:hover,.mainSlider .lmItems ul li.on{
  background-color: #ce9c15;
  cursor: pointer;
 }

.mainSlider .lmItems ul li:hover a,.mainSlider .lmItems ul li.on a{
  color: #fff!important;
 }

.mainSlider .lmItems ul li:hover .itemBtn svg, .mainSlider .lmItems ul li.on .itemBtn svg{
    fill: #fff;

  }

.mainSlider .lmItems ul li .itemBtn{
  margin-right: 15px;
 }

.mainSlider .subItems a{
  display: block;
  line-height: 26px;
  padding: 10px 15px!important;
  font-size: 14px;
  border-top:1px solid #b98a0c;
 }

 .nyArea{
  padding: 65px 0;
 }

 .mainSlider .title p{
  font-size: 22px;
  padding: 15px 15px;
  margin-bottom: 10px;
  border-bottom: 2px solid rgba(0, 123, 242, 1);
 }


 .div-search{
  margin-top: 25px;
  padding: 55px 20px;
  background-color: rgba(0, 123, 242, 1);
  color: #fff;
  font-size: 14px;
 }

 .div-search .d1{
  font-size: 22px;
 }

 .div-search .d1 img{
  max-width: 50px;
  margin-right: 25px;
 }

 .div-search .d2{
  margin: 30px 0;
 }

 .div-search .d3 input{
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
 }

 .div-search .d3 button{
  display: inline-block;
  border:none;
  height: 45px;
  line-height: 45px;
  background-color: var(--primary);
  min-width: 65px;
  color: #fff;
 }

 .nrContent .mbxDh{
    border-bottom: 1px solid rgba(186, 186, 186, 1);
    height: 53px;
    line-height: 53px;
    font-size: 14px;
    color: #666;
 }

 .nrContent .mbxDh a{
  color: #666;
 }

 .nrContent .mbxDh span{
  display: inline-block;
  margin: 0 5px;
 }

 .nrContent .mbxDh svg{
  display: inline-block;
  margin-right: 5px;
 }

 .nrContent .mbxDh p a:nth-child(2){
  color: #007bf2;
 }

 .nrContent .contentM{
  padding: 45px 0;
 }

 .nrContent .contentM p{
  color: #707070;
  line-height: 30px;
 }

 .sbList .item .div-img{
  max-height: 260px;
  overflow:hidden;
 }

 .sbList .item .div-img img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: 50% 50%;
 }

 .sbList .item a{
  display: block;
  padding: 15px;
  border:1px solid #eee;
  margin-bottom: 15px;
 }

 .sbList .item a p{
  margin-top: 15px;
  margin-bottom: 0;
 }

 .proLists .div-img{
  max-height: 240px;
 }

.div-page a{
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  margin: 0 2px;
  background-color: rgba(242, 242, 242, 1);
  color: #fff;
  font-size: 14px;
}

.div-page a:hover,.div-page a.pn:hover{
  background-color:  rgba(101, 190, 186, 1);
  color: #fff;
}

.div-page a.page-num-current{
  background-color:  rgba(101, 190, 186, 1);
  color: #fff;
}

.div-page a.pn{
  background-color: rgba(242, 242, 242, 1);
  color: #fff; 
}

.div-page a.pn.pnnext{
background-color: rgba(101, 190, 186, 1);
}

.desContent{
  max-width: 850px;
  margin: auto;
}

.sbDetail .title{
  font-size: 24px; 
  margin-top: 25px;
}

.sbDetail .meta{
  font-size: 14px;
  color: #8c8c8c;
  padding: 10px 0;
  margin-bottom: 25px;
}

.sbDetail .meta svg{
  display: inline-block;
  margin-right: 5px;
}

/*产品详情*/
.div-imgs{
  border:1px solid #ccc;
  padding: 15px;
}
.div-imgs .big-imgs{
  overflow: hidden;
  background-color: #fff;
  text-align: center;
}

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

.div-imgs{
  margin-top: 10px;
/*  padding: 0 35px;*/
  position: relative;
}

.div-imgs .swiper-slide img{
  width: 100%;
}

.div-imgs .pro-btn{
  position: absolute;
  top: 25%;
  color: var(--primary);
  width: 30px;
  text-align: center;
  font-size: 30px;
  font-family: cursive;
  z-index: 999;
}

.div-imgs .pro-btn>div{
  position: relative;
  height: 100%;
  width: 100%;
}

.div-imgs .pro-btn span{
  display: inline-block;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%);
}

.div-imgs .pro-btn.swiper-button-disabled{
  opacity: .6;
}

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

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

.small-imgs{
  position: relative;
  margin-top: 25px;
  margin-bottom: 15px;
}

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

.small-imgs{
  padding: 0 35px;
}

.proSmall .swiper-slide-thumb-active{
  border:1px solid var(--primary);
}

.prev-next{
  margin-top: 55px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

/*新闻中心*/
.newsList{
  margin-top: 35px;
}

.newsList .item{
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}

.newsList .item .div-img{
  width: 50%;
  margin-right: 25px;
}

.newsList .item .div-img a{
  display: block;
}

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

.newsList .item .t1{
  margin-bottom: 15px;
}

.newsList .item .t1 a{
  color: #323232；
}

.newsList .item .t1 p{
  font-size: 14px;
  color: #888;
}

.newsList .item .t1 p svg{
  display: inline-block;
  vertical-align: text-bottom;
}

.newsList .item div.des p{
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.newsList .item div.des p span{
  color: #888;
}

.newsList .item .more{
  margin-top: 25px;
}

.newsList .item .more a{
    display: inline-block;
    border:1px solid rgba(240, 240, 240,1);
    background: rgba(252,252,252,1);
    color: rgba(101, 190, 186,1);
    font-size: 14px;
    padding: 10px 35px;
}

.newsDes{
  margin-top: 45px;

}

.newsDes .title{
  font-size: 24px;
}

.newsDes .meta{
  margin-bottom: 35px;
  margin-top: 35px;
  padding-bottom: 25px;
  font-size: 14px;
  color: #888;
  border-bottom: 1px solid #eee;
}

.newsDes .meta a{
  display: inline-block;
  margin-right: 25px;
  color:#888;
}

.newsDes .meta svg{
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-bottom;
}

.desM p{
  color: #656565;
  line-height: 30px;
}

.div-form form{
  max-width: 850px;
  margin: auto;
  font-size: 14px;
}

.div-form p.title{
  margin-bottom: 10px;
}

.div-form p.title span{
  color: red;
  display: inline-block;
  margin-right: 15px;
}

.div-form input,.div-form textarea{
  display: block;
  width: 100%;
  padding: 10px 20px;
  border:1px solid #eee;
  font-size: 14px;
  
  margin-bottom: 15px;
}

.div-form .item{
  
}

.div-form button{
  display: inline-block;
  padding: 15px 35px;
  color: #fff;
  background-color: #333;
  margin-top: 15px;
}

.contentM .ctitle{
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
}

.contentM .infos p{
  margin-bottom: 10px;
} 

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