/*** 

====================================================================
  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: 'Helvetica Neue';
    src:url('../fonts/Helvetica-Neue.ttf');
 }
 /* reset css start */
 html {
  font-size: 16px;
  overflow-x: hidden;
 }
 
 body {
   font-family: Helvetica Neue,PingFang SC,Microsoft YaHei, sans-serif;
   height: 100%;
   color: #000;
   position: relative;
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
 }

 .page-wrapper{
  position: relative;
  overflow: hidden;
 }
 
 
 :root {
   --primary: #DAA520;
   --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;
 }
 
 .page-wrapper{
   position: relative;
   height: 100%;
 }
 
 .container-fluid{
   max-width: 1400px;
   margin: auto;
   padding-left: 5%;
   padding-right: 5%;
 }

/*头部导航*/
.mainHeader{
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 85px;
  transition: all .5s ease-out 0s;
  z-index: 999;
  background-image: url(../images/head.jpg);
  background-size: inherit;
  background-repeat: repeat-x;
}

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

.mainHeader .d2{
  margin-left: 5%;
  max-width: 750px;
}

.mainHeader .d2 a{
  color: #333;

}

.mainHeader .d2 .item>a{
  color: #333;
  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 .d2 .item>a:hover{
  color: var(--primary);
}

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


.mainHeader:hover{
  
  cursor: pointer;  
}


.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: 0;
  display: none;

}

.mainHeader .item .sub-menu i{
  display: none;
  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{
  font-size: 14px;
  display: block;
  padding: 10px 45px;
  border-bottom:1px solid #eee;
  background-color: #fff;
}

.mainHeader .item .sub-menu a:hover{
  background-color: var(--primary);
  color: #fff;
}

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

/*banner*/
.banner{
  position: relative;
  overflow: hidden;
  margin-top: 85px;
  height: 100vh;
  background-color: #ccc;
}

.banner:before{
  content: "";
  position: absolute;
  left: 0;
  width: 25%;
  top: 20%;
  bottom: 20%;
  background-image: url(../images/banner-bg.png);
  display: block;
  background-size: cover;
  z-index: 9999;
  opacity: 0.3;
}

.banner:after{
  content: "";
  position: absolute;
  right: 0;
  width: 25%;
  top: 20%;
  bottom: 20%;
  background-image: url(../images/banner-bg.png);
  display: block;
  background-size: cover;
  z-index: 9999;
  opacity: 0.3;
}

.swiper1{
  height: 100%;
}



.swiper1  .swiper-wrapper{
  position: relative;
}


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

.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 .des{
  overflow: hidden;
  animation: fadeInUp 1.6s  ease-in;
  -webkit-animation: fadeInUp 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%;
  color: #fff;
  transform: translateY(-50%);
}

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


.swiper1 .swiper-slide .div-text p.des{
  font-size: 20px;
  line-height: 24px;
  color: var(--primary);
}

.swiper1 .swiper-slide .div-text:before{
    content: "";
    position: absolute;
    width: 300px;
    height: 260px;
    display: block;
    border: 10px solid rgba(255, 255, 255, 0.2);
    top:-100px;
    left: 10%;
    opacity: 1;
    z-index: 1;
}

.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;
}

.swiper-btn{
  position: absolute;
  top: 45%;
  right: 25px;
  z-index: 999999;
  color: #fff;
}

.swiper-btn svg{
  display: inline-block;
  fill: #fff;
}

.swiper-btn>div:hover{
  cursor: pointer;
}

.pt{
  padding: 65px 0;
}

.aboutBlock .main{
  margin: 65px 0;
}

.aboutBlock .imgTit{
  background-image: url(../images/indexabout.jpg);
}

.aboutBlock .div-text .readMore{
  display: inline-block;
  margin-top: 45px;
}

.aboutBlock .div-text .readMore:hover{
  color: var(--primary);
}

.aboutBlock .div-text p.des{
  color: #595959;
  font-size: 14px;
  line-height: 30px;
}

.aboutBlock .div-text p.des strong{
  display: inline-block;
  margin-right: 5px;
}

.caBlock{
  border-top: 1px solid #eee;
}

.caBlock .item{
  text-align: center;
  margin: 15px 0;
}

.caBlock .item div.title{
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  background-image: url(../images/aboutbg.png);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
  width: 260px;
  height: 49px;
  line-height: 49px;
  margin: auto;
  background-size: 100%;
  margin-bottom: 25px;
}


.caBlock .item p.des{
  color: #595959;
  font-size: 14px;
  line-height: 26px;
}

.caBlock .item a.readMore{
  display: inline-block;
  color: var(--primary);
  margin-top: 15px;
}


/*内页 分页代码*/
.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: var(--primary);
  color: #FFFFFF;
  border-color: var(--primary);
}

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


/*首页工程案例*/
.caseBlock .imgTit{
  padding: 45px 0;
  background-color: rgba(252, 251, 246, 1);
}

.caseFl{
  margin-top: 65px;
  margin-bottom: 45px;
}

.caseFl a{
  display: inline-block;
  padding: 10px 35px;
  margin: 0 15px;
  border:1px solid #d39e000a;
  box-shadow: 0 2px 5px #00000080;
}

.caseFl a:hover{
  color: var(--primary);
  box-shadow: 0 2px 5px var(--primary);
}

.caseSwiper{
  height: 545px;
  position: relative;
}

.caseSwiper .swiper-pagination span{
  width: 15px;
  height: 15px;
}

.caseSwiper .swiper-wrapper{
  overflow: hidden;
}



.caseLists .item a{
  display: block;
  padding: 15px;
  transition: all .6s; 
  color: #333; 
}

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

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

.caseLists .item a:hover{
  transform: translateY(-10px);
}

.caseLists .item {
  height: 260px;
  overflow: hidden;
  text-align: center;
}

.caseLists .item img{
  width: 100%;
} 

.caseLists .item .div-text{
  transition: all .6s;
}

.caseLists .item .div-text p{
  padding: 10px 15px;
}

.caseLists .item:hover .div-text{
  background-color: var(--primary);
}

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

.caseLists .swiper-pagination {
  bottom: 0!important;
}

.caseSwiper{
  overflow: hidden;
}

.caseBlock .more{
    padding: 65px 0;
    background-color: rgba(247, 247, 247, 1);
    margin-top: 45px;
}

.caseBlock .more a{
  display: inline-block;
  padding: 10px 45px;
  color: #333;
  border:1px solid #333;
  box-shadow: 0 4px 6px #33333361;
  transition: all .6s;
}

.caseBlock .more a:hover{
  border:1px solid var(--primary);
  box-shadow: 0 4px 6px var(--primary);
  transform: translateY(-5px);
  color: var(--primary);
}

/*新闻中心*/
.newsBlock .imgTit p{
  color: #595959;
  margin-top: 10px;
  margin-bottom: 45px;
}

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

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

.newsLists .item a{
  display: block;
  color: #919191;
}

.newsLists .item p.title{
  color: #000;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

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


.newsLists .item .more span{
  display: inline-block;
  width: 35px;
  height: 38px;
  line-height: 33px;
  text-align: center;
  border:1px solid #919191;
  margin-left: 15px;
  transition: all .6s;
  border-radius: 3px;
}

.newsLists .item .more span svg{
  transition: all .6s;
}

.newsLists .item a:hover p.title{
  color: var(--primary);

}

.newsLists .item a:hover .more span{
  background-color: var(--primary);
  border:1px solid var(--primary);
  color: #fff;
}


.newsLists .item a:hover .more span svg{
  fill: #fff;
}

/*底部*/
.mainFooter{
  background-color: rgba(39, 39, 39, 1);
  color: #fff;
  font-size: 14px;
}

.mainFooter p.title{
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 17px;
}

.mainFooter .items .title a{
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #fff;
  display: inline-block;
  padding-right: 15px;
  border-bottom: 2px solid #7070707a;
  position: relative;
}

.mainFooter .items .title a:after{
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background-color: var(--primary);
  bottom: -2px;
  left: 0;
}


.mainFooter .items ul li a{
  color: #707070;
  line-height: 30px;
  font-weight: bold;
}


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

.mainFooter .items ul li a font{
  display: inline-block;
  margin-right: 3px;
}

.mainFooter .contactInfo{
  /*font-family: initial;*/
}

.mainFooter .infos p{
  line-height: 28px;
  color: #d3d3d3;
}

.copyright{
  padding: 15px 0;
  background-color: rgba(30, 30, 30, 1);
  font-size: 14px;
  color: #aaa;
 /* font-family: initial;*/
}

.copyright a{
  color: #aaa;
}

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

/*内页 关于我们*/
.nbanner{
  height: 300px;
}

.nbanner .swiper1 .swiper-slide .div-text:before{
  height: 200px;
}

.aboutFl{
  margin: auto;
  padding: 65px 0;
  background-color: #fff;
  text-align: center;
}

.aboutFl a{
  display: inline-block;
  margin: 15px 15px;
  padding: 10px 25px;
  color: #fff;
  background-color: #333;
  transition:all .6s;
}

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

.conDes{
  background-color: rgba(240, 240, 240, 1);
}

.desBottom{
  margin-top: 30px;
}

.desBottom p{
  margin-bottom: 15px;
}


.ncaseLists{
  text-align: center;
  margin-bottom: 65px;
}

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

.ncaseLists .item a{
  display: block;
  padding: 15px 15px;
  font-size: 18px;
  font-weight: bold;
  transition: all .6s;
}

.ncaseLists .item a:hover{
  color: var(--primary);
  box-shadow: 0 0 8px #ef7e006e;
  transform: translateY(-5px);
}


.nnewsBlock{
  padding-bottom: 85px;
}

.cgDes .cgnr{
  max-width: 1200px;
  margin: auto;
}

.cgDes .cgTitle{
  font-size: 36px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  color: #262626;
}

.cgDes .meta{
  color: #595959;
  font-family: initial;
  font-size: 14px;
  margin-bottom: 25px;
}

.cgDes .meta span{
  display: inline-block;
  margin-right: 15px;
}

.cgDes .meta a{
  color: #707070;
}


.nyfaq .faqlist{
  margin-top: 25px;
}

.nyfaq .faqlist ul li{
  margin-top: 30px;
}
.nyfaq .faqlist ul li:first-child{
  margin-top: 0;
}
.nyfaq .faqlist ul li .top{
  background: #f5f7f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  position: relative;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.4s;
  cursor: pointer;
}
.nyfaq .faqlist ul li .top:before{
  content: "";
  /*background: linear-gradient(90deg, #319bd0, #69ae64);*/
  background: #d0b777;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.4s;
}
.nyfaq .faqlist ul li .top h3{
  color: #07101a;
  font-size: 20px;
  line-height: 32px;
  padding: 15px 0;
  margin-bottom: 0;
}
.nyfaq .faqlist ul li .top i{
  color: #d0b777;
}
.nyfaq .faqlist ul li .bottom{
  background: #f5f7f7;
  padding: 30px;
  display: none;
}
.nyfaq .faqlist ul li .bottom p{
  line-height: 28px;
  color: #333;
}
.nyfaq .faqlist ul li .top.on{
  border-radius: 4px 4px 0 0;
}
.nyfaq .faqlist ul li .top.on:before{
  opacity: 1;
}
.nyfaq .faqlist ul li .top.on h3{
  color: #fff;
}
.nyfaq .faqlist ul li .top.on i{
  color: #fff;
  transform: rotate(90deg);
}

/**/
.faqTit h2.title{
  font-size: 20px;
  margin-bottom: 15px;
  color: var(--primary);
  font-weight: bold;
}

.faqTit p.des{
  margin-bottom: 30px;
}

.nnewsBlock{
  color: #595959;
}

.nnewsBlock .nytitle{
  text-align: center;
  font-size: 30px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
  color: #333;
}

.nnewsBlock .meta{
  font-size: 14px;
}

.nnewsBlock .meta a{
  display: inline-block;
  margin-right: 20px;
}

.nyxwContent{
  padding: 25px 0;
  min-height: 250px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 25px;
}

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

.newsTab{
  margin-top: 25px;
  margin-bottom: 15px;
}

.newsTab .thead-pri{
  background-color: var(--primary);
  color: #fff;
}

.newsTab tbody tr{
  background-color: #fff;
}

.desInfo{
  font-size: 14px;
  line-height: 26px;
}


.div-imgs .big-imgs{
  overflow: hidden;
 /* border:1px solid #dddddd;*/
  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: 0;
  background-color: #ccc;
  color: var(--primary);
  width: 30px;
  height: 100%;
  text-align: center;
  font-size: 26px;
  font-family: 'DINPRO';
  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: 30%;
  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;
}

.caseDes p.view{
  display: inline-block;
  font-size: 14px;
  color: #595959;
  margin-bottom: 25px
}

.caseDes p.view i{
  display: inline-block;
  margin-right: 3px;
}

.caseDes .title{
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}


.caseDes .title span{
  display: inline-block;
  padding: 10px 25px;
  border-bottom: 2px solid var(--primary);
}


.caseDes .detail{
  min-height: 250px;
  padding-bottom: 20px;
}

.caseDes .prev-next{
  margin-bottom: 45px;
}

/*联系我们*/
.conInfos{
  margin-top: 65px;
  margin-bottom: 65px;
}


.conInfos .infoLeft div.title{
  font-size: 18px;
  margin-bottom: 45px;
}

.conInfos .infoLeft .item{
  margin-bottom: 15px;
  color: #696969;
  font-size: 14px;
}

.conInfos .infoLeft .item span{
  display: inline-block;
}

.conInfos .infoLeft .item a{
  color: #696969;
}

.conInfos .infoLeft .item a:hover{
  color: var(--primary);
}

.conInfos .infoLeft .item .d1{
  min-width: 60px;
  text-align-last: justify;
}


.conInfos .form-control{
    margin-bottom: 15px;
    font-size: 14px;
    min-height: 45px;
}

.conInfos .btn-sub{
  background-color: #fff;
  min-width: 185px;
  text-align: center;
  border:1px solid #eee;
}

.conInfos .btn-sub:hover{
  border:1px solid var(--primary);
  background-color: var(--primary);
  color: #fff;
}