html, body{ overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing: antialiased;background-color:transparent;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0; }
*{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;outline: none;}
 



a{ text-decoration:none;color:#333 }
a:hover{text-decoration:none; }
 ul, ol, li{list-style-type:none;vertical-align:0}
 /* 设置滚动条的样式 */
::-webkit-scrollbar {
width:6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.6);
}
 




/*---------------移动端顶部*/
.m-top{position: fixed;top:0;left:0;right:0;z-index:999;background:#fff;box-shadow: 5px 0px 10px #ddd; padding-top:20%;width: 100%;height: 0}
 
.m-top-right{font-size: 24px;  position: absolute;right:0;top:0;height: 60px;width: 60px; top:50%;margin-top:-30px;  }
.m-top-right .m-top-right-nav{ width:98%;height:98%;   position: relative;  }
.m-top-right .m-top-right-nav .h{display:table-cell;vertical-align:middle;text-align: center; }
.m-top-bottom{ padding-top:20%;width: 100%;height: 0}

/*----------------- 手机站导航开始----------*/
 
.sp_nav{width:100%; position:absolute;cursor:pointer;height:50%; top:25%;left:0%;  }
.sp_nav span{display:block;background:#333;width:100%;height:10%;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:45%}
.sp_nav span:nth-of-type(3){top:90%}
.sp_nav_se span:nth-of-type(1){top:45%;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:45%;transform:rotate(-45deg)}

/*手机隐藏导航样式*/
.sjj_nav{position:fixed;border-top:1px solid #0977d9;padding-bottom:20px;padding-top:20px;z-index:999999;background:#333;width:70%;height:100%;font-size:14px;line-height:40px;left:-120%; overflow:auto;overflow-x:hidden;top:0px;
  transition: left 1s;-moz-transition: left 1s; /* Firefox 4 */-webkit-transition: left 1s; /* Safari 和 Chrome */-o-transition: left 1s; /* Opera */}
.sjj_nav>ul>li{border-bottom:1px #ddd solid;padding-left:5% ; margin-left:5%;position:relative;line-height:40px;font-size:14px;width:90%;}
.sjj_nav ul li a{color:#fff;display: inline-block;width:100%;height:100%;text-align: left;font-size: 16px;}
.sjj_nav ul li a span{ margin-right: 10px}
.sjj_nav ul li>ul {padding-left:20px}
.sjj_nav ul li>ul li{border-top: 1px dashed #666;padding-left: 10%;}
.sjj_nav  .second{
  padding-left:15%;
}
/*----------------移动端顶部结束*/


/*PC端导航*/
.pc-top{width:100%;height:120px;  position:fixed; z-index: 99999;background: #fff;border-top:3px solid #CC8540;box-shadow: 3px 3px 3px rgba(0,0,0,0.1)}
@media (max-width: 1400px) {
  .pc-top{
    height:80px;
  }
}

.pc-top .logo{width:100%; height:120px; display: flex; align-items:center}
@media (max-width: 1400px) {
  .pc-top .logo{width:100%; height:80px; }
}
.pc-top .logo img{max-height:70%;  max-width: 100%}

 
.pc-top .pc-nav{width:100%;height:100%; text-align: center; text-align: right; }
.pc-nav-ul{width:100%;  height:100%;   display: flex;align-items:center;justify-content:space-around;padding-left:100px}
.pc-nav-ul li{display: inline-block;   height:100%;position:relative;  }
.pc-nav-ul li a{color:#666;width:110px; display: inline-block; height:100%;display: flex;align-items:center; justify-content: center;transition:all ease 0.35s}
.pc-nav-ul li a:hover{color:#CC8540; letter-spacing:2px }
.pc-nav-ul li a span{
  margin-left:5px;
  color:#ccc;
  
}
.pc-nav-ul li a:hover span{
  color:#CC8540;
  
}
 

 
 
.pc-nav-ul .second{position: absolute;background: #fff;top:117px;display: none;width:120%; left:-10%;  text-align: center}
.pc-nav-ul .second li{height:50px;padding:0; width:auto; white-space:nowrap; text-align: center}
.pc-nav-ul .second li a{line-height:40px;color:#333; text-align: center;border-bottom:2px solid #fff;}
.pc-nav-ul .second li a:hover{color:#CC8540; border-bottom:2px solid #CC8540;letter-spacing:0px}

 

 
 
 /*banner*/
.banner-bg{width:100%; position: fixed;top:-100px;z-index: 1; 
  bottom:0;
  background: url('../images/home-bg.jpg');
} 
 .banner-bg::after{
  content:'';
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background: rgba(0,0,0,0.5);
 }
.banner-bg video{
  min-width: 100%;
  min-height:800px;
}
.banner-bg .text{
  position: absolute;
  top:500px;
  color:rgba(255,255,255,0.6);
  z-index: 8;
  right:5%;
  font-size: 40px;
  font-weight: 800;
  font-style: italic;
  text-align: right;
  line-height: 1em;


}
.banner-bg .text span{
  font-size: 26px;
  font-style: italic;
  text-transform: uppercase;
}
@media (max-width: 1000px) {
  .banner-bg .text{
    font-size: 20px;
  }
  .banner-bg .text span{
  font-size: 18px;
   
}
}

/*首页大标题样式*/
 
.home-biaoti-box{width:100%; }
 
.home-biaoti{display: inline-block;   padding-top:5px;position: relative;  }
 
.home-biaoti:before{content: ''; height:2px; right:0px; position: absolute;bottom:0px;left:0; z-index: 2;background: #CC8540;}

.home-biaoti .p1{font-size: 30px; line-height: 30px; }
.home-biaoti .p2{font-size: 26px;line-height: 50px;text-align: left; color:#CC8540; letter-spacing: 10px;text-transform: uppercase; }
.home-biaoti .p3{font-size: 16px;line-height: 50px;text-align: left; color:#CC8540;  text-transform: uppercase; }

.home-gategory{width:100%;text-align: right;  position: absolute;bottom:0;right:10px}
.home-gategory a{display: inline-block;padding:5px 20px;background:#eee;border-radius: 30px;font-size: 14px; margin:5px;transition: all 0.5s ease 0s;}
.home-gategory a:hover{background:#CC8540;color:#fff;  }
.home-gategory .more{background:#CC8540;color:#fff;  }
@media (max-width: 1000px) {
  .home-biaoti-box{
    text-align: center;
  }
  .home-biaoti{
    text-align: center;
    margin-bottom:20px;
  }
  .home-gategory{
    position: relative;
    text-align: center; 
  }
}
.bg-w{
  background: #f8f8f8;
  z-index: 999;
  position: relative;

}


/*产品展示*/

.home-product-bg{margin-top:600px;background: #fff;position: relative;padding:40px 0;z-index: 4}

.home-product{
  width:100%;
  padding:0px;
   
  margin-bottom:30px;
  background: #fff;
  border:1px solid #fff;
  padding-bottom:20px;
}
.home-product:hover{
  border:1px solid #CC8540;
  background:#CC8540 ;
}
.home-product a{
  display: block;


}
.home-product .title{
  font-size: 22px;
  padding:20px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-product:hover .title{
  color:#fff;
}
.home-product .desc{
  font-size: 16px;
  line-height: 20px;
  height:40px;
  overflow: hidden;
  padding:0 20px;
  text-align: center;
  color:#bbb;
}
.home-product:hover .desc{
  color:#fff;
}
.home-product .img-box{
  width:100%;
  padding-top:100%;
  
  position: relative;
  overflow: hidden;
}
.home-product .img-box img{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  transition: all 0.5s ease 0s;
}
.home-product:hover .img-box img{
  width:110%;
  left:-5%;
  top:-5%;
}
.home-product .home-more{
  width:100%;
  text-align: center;
  margin-top:20px;
}
.home-product .home-more span{
  display: inline-block;
  
  padding:10px 15px;
  border-radius: 10px;
  font-size: 14px;
  background:#30345B ;
  color:#fff;
}
.home-product:hover .home-more span{
   
  background:#fff ;
  color:#333;
} 
 

.home-about-bg{
  background: #fff;
  padding:100px 0;
  position: relative;
  z-index: 3
}
.home-about-bg:after{
  content: '';
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-image: url(../images/home-about-bottom-bg.png);
   
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 2;
}
.home-about-top{
  border-top:1px solid #ccc;
  line-height: 100px;
  font-size: 26px;
  text-align: center;
  border-bottom:1px solid #ccc;
  color:#30345B;
  font-weight: 800;
}
@media (max-width: 1000px) {
  .home-about-top{
  
      line-height: 80px;
      font-size: 22px;
      
    }
}
.home-about-title{
  
  line-height: 100px;
  font-size: 26px;
  text-align: center;
  
  color:#CC8540;
  font-weight: 800;
}

.home-about-text{ 
  text-indent: 2em;
  line-height: 2em;
   
}
.home-about-more{
position: relative;
height:50px;
z-index: 8888;
}
.home-about-more a{
  display: block;
  width:40px;height:100px;
  background: #535473;
  position: absolute;
  z-index: 8888;
  left:50%;
  margin-left:-25px;
  bottom:-100px;
  color:#fff;
  border-radius: 30px 30px 0 0 ;
  padding:10px;
  font-size: 14px;
  text-align: center;
  line-height: 16px;

}
.home-about-more a:hover{
  background:#CC8540 ;
}

.home-about-num-bg{
  position: relative;
  z-index: 999;
  background-image:url(../images/home-bg.jpg) ;
  background-size: cover;
  background-position: center;
  padding:100px 0;
}
.home-about-num-bg:after{
  content: '';
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  /*background: rgba(204,133,64,0.8);*/
  background: rgba(48,52,91,0.8);
}
 
.text-num{ position: relative;z-index: 3}
.text-num .wow{
  border-right:1px solid #fff
}
.text-num .wow:last-child{
  border-right:0px solid #fff
}
.text-num .col-6{text-align: center}
.home-about-num{display: block;position: relative;text-align: center;}
.home-about-num .ico{color:#fff;font-size: 22px;margin-bottom:20px}
.home-about-num .text{color:#fff;font-size: 20px;}
.home-about-num .num{font-size: 60px;font-weight: 800;color:#fff;line-height: 2em }
.home-about-num .right-text{ display: inline-block;background: #fff; width:25px;height:25px;border-radius: 20px; color:#333;font-size: 16px;line-height: 24px;position: relative;}
.home-about-num .right-text:after{
  content: '';
  position: absolute;
  width:31px;
  height:31px;
  border-radius: 30px;
  border:1px dashed #fff;
  left:-3px;
  top:-3px;
}
@media (max-width: 1000px) {
  .home-about-num .num{font-size: 30px;font-weight: 800;color:#fff;line-height: 2em }
}

/*news*/
.bg-new{
  background: #f5f5f5;
  position: relative;
  z-index: 999;
  padding:50px 0;
}
.home-news-list-box{
    padding-top:50px;
  }
  .home-news-list-box>div{
    margin-bottom:30px;
  }
  .home-new-box1{
    width:100%;
     
  }
  .home-new-box1 a{
    display: block;
    width:100%;
    padding-top:55%;
    position: relative;
     
  }
  .home-new-box1 a:after{
    content: '';
    position: absolute;
    bottom:0;    
    left:0;
    right:0;
    height:100px;
    max-height: 100%;
    background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
    z-index: 2;
  }
  .home-new-box2{
    background: #fff;
    height:100%;
    position: relative;


  }
  .home-new-box2 a{
    display: block;
    width:100%;
    height:100%;
    padding-top:70%;
     
     
    position: relative;
   
  }
  .home-news-list-box a .img{
    position: absolute;
    top:0;
    width:100%;
    padding-top:55%;
    z-index: 2;
    overflow: hidden;

  }
  .home-new-box2 a .img{
    position: absolute;
    top:0;
    width:100%;
    padding-top:70%;
    z-index: 2;
    overflow: hidden;

  }
  .home-news-list-box a .img>div{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size: cover;
    background-position: center;
    z-index: 2;
    transition: all 0.5s ease 0s;
  }
  .home-news-list-box  a:hover .img>div{
    position: absolute;
    top:-5%;
    left:-5%;
    width:110%;
    height:110%;
    background-size: cover;
    background-position: center;
    z-index: 2;
  }
  .home-news-list-box a:hover{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);

  }
  .home-new-box1 a .biaoti{
    position: absolute;
    bottom:10px;
    left:10px;
    right:10px;
    z-index: 3;
    color:#fff;
    font-size: 22px;
    line-height: 40px;
    text-align: center;




  }
  .home-new-box2 .text{
     
     position: absolute;
    top:60%;
    bottom:10px;
    right:0;
    left:0;
     
    display: flex;
    flex-direction:column;
    justify-content:space-between;
     
    z-index: 88;
    padding:20px;
  }
  @media (max-width: 1400px) {
    .home-new-box2 .text{position: relative;top:0;min-height:150px }
  }
  
  .home-new-box2 .text .time{
    position: relative;
    z-index: 5;
    height:20px;
    color:#aaa;
     

  }
  .home-new-box2 .text .time span{
    color:#CC8540;
    margin-right:5px;
  }
  .home-new-box2 .text .biaoti{
    position: relative;
    z-index: 5;
     
    width:100%; 
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 20px;
      font-weight: ;

      }
  .home-new-box2 .text .desc{
     
    bottom:10px;
    z-index: 5;
   
    font-size: 14px;
    line-height: 20px;
    height:40px;
    overflow: hidden;
    color:#888;


  }
/*底部两个图片*/
  .home-bottom-img-box{
      width:100%;
      padding-top:30%;
      background: #fff;
      margin-top:50px;
      position: relative;
    }
    .home-bottom-img-box a{
      color:#fff;
      position: absolute;
      top:0;
      left:0;
      padding:30px;
      z-index: 2;
      transition: all 0.5s ease 0s;
    }
    .home-bottom-img-box:hover a{
      left:10px;
      transition: all 0.5s ease 0s;
    }
   
    .img-box2 a{
      color:#333;
    }
    .home-bottom-img-box a .p1{
       font-size: 20px;
    }
    .home-bottom-img-box a .p2{
       font-size: 30px;
       margin-top:10px;
    }
    .home-bottom-img-box a .p3{
       font-size: 16px;
       margin-top:20px;
       line-height: 1.5em;
    }
     @media (max-width: 1000px) {
      .home-bottom-img-box a{
        padding:10px;
        display: block;
        width:100%;
      }
      .home-bottom-img-box a .p1{
         font-size: 16px;
      }
      .home-bottom-img-box a .p2{
         font-size: 20px;
         margin-top:10px;
      }
      .home-bottom-img-box a .p3{
        width:100%;
         font-size: 14px;
         margin-top:10px;
         line-height: 1.5em;
         white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          

      }
    }
    .img-box1{
      background: #30345B;
    }
    .img-box1:after{
      content: '';
      width:100%;
       
      position: absolute;
      top:0px;
      bottom:0;
      left:0;
      background-image: url('../images/logo-line.png');
      /*background-size: auto 90%;*/
      background-repeat: no-repeat;
      background-position: right;
      opacity: 0.3;

    }
    .img-box2:after{
      content: '';
      width:100%;
       
      position: absolute;
      top:0px;
      bottom:0;
      left:0;
      background-image: url('../images/contact.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: right;
      opacity:1;

    }





    .home-contact-bg{
      background: #2D2928;
      position: relative;
      z-index: 333;
    }








.bottom-search {width:600px;max-width: 100%; }
.form-group{position: relative;}
.form-group input{width: 100%;height:40px;border-radius: 5px;border:1px solid #ccc  }
.form-group button{position: absolute;right: 0;top: 0;bottom: 0; border: 0px;background: #fff;line-height: 40px;background:#DB0017;width: 80px;border-radius: 0 5px 5px 0;color: #fff}
.form-group button:hover{background: #e91f34}
.remen{color: #aaa;font-size: 14px; }
.remen a{color: #aaa;font-size: 14px;margin-right:10px}
.remen a:hover{color:#CC8540}

.home-area{color:#aaa;font-size: 14px}
.home-area a{color:#aaa;font-size: 14px;margin-right:10px}
.home-area a:hover{color:#CC8540}

 
 
 
.home-bottom-bg{
    background: #2D2928;
      position: relative;
      z-index: 333;
      padding-top:30px;
      padding-bottom:30px;
  }
  .home-bottom-logo{
    border-bottom:1px solid #777;
    padding-bottom:30px;
  }
  .home-bottom-erweima{
    width:100%;
    text-align: right;

  }
  .home-bottom-erweima img{
    width:100px;
    max-width:100%;
  }
  @media (max-width: 1200px) {
    .home-bottom-erweima{
      width:100%;
      text-align: center;
      margin-top:20px;

    }
  }
  .bottom-nav{
    margin-top:30px;
  }
  .bottom-nav>ul{width:100%;display: flex; justify-content:space-between}
  .bottom-nav ul li{font-size: 16px;margin-bottom:10px}  
  .bottom-nav>ul li ul{margin-top:10px}
  .bottom-nav li a{color:#fff}
  
  .bottom-nav ul .second a{
    color:#aaa;
  }
  .bottom-nav ul .second{
    margin-top:20px;
  }
  .bottom-nav a:hover{color:#CC8540}
  .bottom-nav ul .second a:hover{
    color:#CC8540
  }
  .home-bottom-right{
     
    height:100%;
     
     
    display: flex;
    flex-direction:column;
    justify-content:space-between;

  }
  .home-bottom-right img{
    width:160px;
    max-width:100%
  }
  .home-bottom-contact{
    color:#fff;
  }
  .home-bottom-contact div{
    color:#fff;
    font-size: 26px;
    margin-bottom:10px;
  }
  .home-bottom-contact div span{
    color:#aaa;
     
  }
  .home-bottom-contact p{
    line-height: 2em;
    font-size: 14px;
  }
  .bottom-banquan{
     
    padding:10px 0;
    color:#aaa;
    font-size: 14px;
  }
  .bottom-banquan a{
    color:#777;
    margin-right:20px;
  }
  .bottom-banquan a:hover{
    color:#CC8540;
     
  }

 

/*右侧按钮*/
.right-button{width: 50px;position: fixed;right: -50px; top: 40%;z-index: 9999;transition: all 0.3s ease 0s;}
.right-button .buttonA{width: 50px;height: 50px;background: #DB0017;margin-bottom: 4px;border-radius: 5px 0 0 5px;padding: 0;text-align: center; cursor: hand;position: relative;}
.right-button .aa{padding: 5px}
.right-button .buttonA a{display: block;width: 100%;height: 100%;padding: 5px}
.right-button .buttonA:hover{background: #ed7500;}
.right-button .buttonA span{font-size: 20px;color: #fff;line-height: 20px;display: inline-block;height: 20px}
.right-button .buttonA p{font-size: 12px;color: #fff;height: 10px;font-family: '宋体'}

.right-button .buttonA:hover span{ color: #fff}
.right-button .buttonA:hover p{ color: #fff}
.right-button .buttonB{width: 50px;height: 30px;background: #DB0017;margin-bottom: 4px;border-radius: 5px 0 0 5px; text-align: center; }
.right-button .buttonB:hover{background: #ed7500;}
.right-button .buttonB span{font-size: 20px;color: #fff;line-height: 30px;display: inline-block;height: 30px}
.right-button .buttonB:hover span{color: #fff;}

.right-button .buttonA .b-left{width: 200px;position: absolute;right: -200px;top: 0;transition: all 0.3s ease 0s;z-index: -1; opacity: 0; padding-right:10px }
.right-button .buttonA .b-left img{width: 100%}
.right-button .buttonA:hover .b-left{ right: 50px; opacity: 1}
.right-button .buttonA .b-left .b-tel{font-weight: 800; }

/*移动端底部按钮*/
.m-bottom{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9999;background: #333;border-top: 1px solid #666;padding:5px 0;height: 50px}  
.m-bottom .col-4,.m-bottom .row {padding: 0;margin: 0}
.m-bottom .row .col-4{border-right: 1px solid #000;border-left: 1px solid #666}
.m-bottom .row .col-4:last-child{border-right: 0px solid #ccc;}
.m-bottom .row .col-4:first-child{border-left: 0px solid #ccc;}

 
.m-bottom a{display: block;width: 100%; }
.m-bottom-ico{text-align: center;color: #fff;font-size: 20px;height: 20px; line-height: 20px;}
.m-bottom-text{text-align: center;color: #fff;font-size: 12px; height: 20px; line-height: 20px;}


/*内页*/
 /*内页顶部统一*/
.in-page-top{
  width:100%;
  height:120px;
}
@media (max-width: 1400px) {
  .in-page-top{
    width:100%;
    height:80px;
  }
}

.in-page-banner{
  width:100%;
  padding-top:20%;
  position: relative;
  
  background-size:cover;  
  
}
.in-page-banner p{
  position: absolute;
  top:50%;
  width:100%;
  height:30px;
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  color:#fff;
  margin-top:-15px;
  text-shadow: 2px 2px 4px #000000;
}
.in-page-min-nav{
  min-height:80px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
  position: relative;
}
.in-page-title{
  font-size: 20px;
  line-height: 80px;
  font-weight: 800;
  color:#30345B;
}

.in-page-title span{
  color:#CC8540;
}
.in-page-nav-list{
  text-align: right;

}
.in-page-nav-list a{
  display: inline-block;
  line-height: 80px;
  padding:0 20px;
  font-size: 20px;
  font-weight: 800;
}
.in-page-nav-list .now{
  color:#CC8540;
}
@media (max-width: 1200px) {
  .in-page-title{
     text-align: center;
     display: none;
  }
  .in-page-nav-list{
  text-align: center;

}
.in-page-banner{
  padding-top:30%;
}
.in-page-banner p{
  font-size: 20px;
}
}
.in-page-body{
  /*background: #F6FBFF;*/
  background: #F8F8F8;
  min-height:500px;
}
.pro-next{
 padding:20px 0;

}
.in-page-left{
  
}
.in-page-left-title{
  padding-top:50px;
  font-size: 30px;
  font-weight: 800;
  margin-bottom:50px;
  
}
 
.in-page-left-title .p2{
  font-size: 20px;
   
 
}
.in-page-mun{
  margin-bottom:100px;
  padding-left:50px;
 
  position: relative;
}
.in-page-mun:after{
  content: '';
  position: absolute;
  width:15px;
  height:15px;
  border-radius: 10px;
  border:2px solid #888;
  left:0;
  top:9px;
}
.in-page-mun:before{
  content: '';
  position: absolute;
  width:2px;
  
  border-radius: 10px;
  background:#888 ;
   
  left:7px;
  top:24px;
  bottom:-109px;
}
.in-page-mun .text{
font-size: 20px;
 
}
.in-page-mun .num{
  font-size: 50px;
   color:#CC8540;

   
  

}
.in-page-mun .num .num-t{
  font-size: 20px;
}
.zizhi-text{
  font-size: 24px;
   color:#CC8540;
   margin-top:10px;
}

.in-page-left-line{
  position: absolute;

  width:1px ;
  left:50%;
  height:100%;
  background: #ddd;
}

/*文章内容显示*/
.in-page-show{
  padding-top:50px;

}
.in-page-show .content{
  line-height: 2em;
}
.in-page-show .content p,.in-page-show .content div{
  margin-bottom:1em;
}

/*内页产品*/
.in-page-product-box{
  padding-top:50px;
  padding-bottom:50px;
}

.in-page-product-img{
  width:100%;
   box-shadow: 5px 5px 5px #ddd;

}
.in-page-product-img img{
  width:100%;
  
}

.in-page-news-box {
    width:100%;
    padding-top:55%;
     
    margin-bottom:30px;
    position: relative;
  }
  .in-page-news-box a{
    display: block;
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;

  }
  .in-page-news-box a:after{
      content: '';
      position: absolute;
      bottom:0;    
      left:0;
      right:0;
      height:100px;
      max-height: 100%;
      background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
      z-index: 2;
    }
  .in-page-news-box a .img{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    overflow: hidden;

  }
  .in-page-news-box a .img div{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-size: cover;
    transition: all 0.5s ease 0s;
  }
  .in-page-news-box a:hover .img div{
    width:110%;
    height:110%;
    left:-5%;
    top:-5%;
  }
  .in-page-news-box a .text{
    position: absolute;
    bottom:0;
    left:0;
    z-index: 3;
    color:#fff;
    padding:3%;
  }
  .in-page-news-box a .text .title{
    font-size: 23px;
  }
  .in-page-news-box2{
    width:100%;
     background: #fff;
     
    
    margin-bottom:30px;
    transition: all 0.2s ease 0s;
  }
  .in-page-news-box2 a{
    display: block;
    width:100%;
    height:100%;
    padding:30px;
  }
  .in-page-news-box2 .title{
    font-size: 23px;
  }
  .in-page-news-box2 .time{
    margin:10px 0;
  }
  .in-page-news-box2 .desc{
    color:#999;
  }
  .in-page-news-box2:hover{
    background: #30345B;
  }
  .in-page-news-box2:hover .title{
    color:#fff;
  }
  .in-page-news-box2:hover .time{
    color:#fff;
  }
  .in-page-news-box2:hover .desc{
    color:#fff;
  }





#qd-pages{width:100%; text-align: center; display: flex;justify-content: center;margin-top:3%}
#qd-pages p{display: inline-block; height:30px;line-height: 10px; }
#qd-pages li{display: inline-block; height:30px; border:1px solid #ddd;margin:3px;border-radius: 3px; background: #eee}
#qd-pages li:hover{background: #333}
#qd-pages li:hover a{color:#fff;}
#qd-pages li a{display:block; width:auto;height:30px;padding:5px 10px;font-size: 14px; line-height: 20px;color:#777 }
#qd-pages li a:hover{color:#fff;}
#qd-pages span{display:inline-block;  height:30px;  font-size: 14px; }
#qd-pages .now{background: #333}
#qd-pages .now a{color:#fff;}
#qd-pages .dian{border:none; background: none; padding: 0;line-height: 20px; height: 30px; vertical-align:top;}
#qd-pages .dian a{color: #aaa; line-height: 20px;padding: 0}
#qd-pages .dian:hover{border:none; background: none}
#qd-pages .pages-first{text-transform:Uppercase;padding:5px 10px }
#qd-pages .pages-last{text-transform:Uppercase; padding:5px 10px }