.copyright{height:40px; background:#1a1a1a; color:#fff; text-align: center; width:100%; line-height: 40px;}

.banner{width:100%;}
.banner img{max-width: 100%}
.banner .pcbanner{display: block;}
.banner .mbanner{display: none;}

.container{width:1200px; margin:0 auto;}

.about .tit{margin:120px 0px 48px; font-size:42px; font-weight: 100;}
.about .tit span{padding-right: 10px;}
.about .desc{width:80%; font-size: 18px; color:#dbae73; line-height: 36px;}
.about .aboutcon{margin:56px 0px 72px; line-height:32px; font-size: 14px;}
.about .aboutcon p{text-indent: 0em;}


.eightbox{background:url(../images/eightboxbg.jpg) no-repeat center center; padding: 160px 0px;}
.eightbox .tit{margin-bottom: 120px;}
.eightbox .tit .num{color:#dbae73; font-size:72px; font-weight: bold; float:left; height:72px; line-height: 72px;}
.eightbox .tit .numintro{float:left; margin-left: 12px;}
.eightbox .tit .numintro h4{font-size: 32px; color:#fff; margin-top: 5px; font-weight: 200;}
.eightbox .tit .numintro em{font-size: 10px; color:#fff; font-style: inherit;}

.eightlist{width:100%; box-sizing: border-box;}
.eightitem{width:294px; margin-right: 8px; border:1px solid #393939; padding:18px 20px 10px; float:left; box-sizing: border-box; margin-bottom:6px;}
.eightitem:nth-child(4n+4){margin-right:0px;}
.eightitem h2{font-size: 18px; line-height:38px; border-bottom: 2px solid #dbae73; width:100%; color:#dbae73;}
.eightitem p{color:#fff; line-height: 24px; font-size: 14px; margin:14px 0px;}

.eightbox2{background:url(../images/eightboxbg2.jpg) no-repeat center center; padding: 160px 0px;}


.productcate{width:100%;}
.productcate .cateitem{float:left; width:20%; border-right: 1px solid #f5f5f5; text-align: center; height:180px; position: relative; overflow: hidden;}
.productcate .cateitem:first-child{border-left:1px solid #f5f5f5;}
.productcate .cateitem .catebox{display: inline-block;
    position: absolute;
    left:10%;
    width:80%;
    top: 50%;
    transform: translateY(-50%); text-align: center; z-index: 2;}
.productcate .cateitem .img{width:90px; height: 90px; margin:0 auto;}
.productcate .cateitem h3{font-weight:normal; font-size: 18px; margin:18px 0 0px; color:#dbae73;}
.productcate .cateitem:nth-child(1) .catebox .img{background:url(../images/icon-a.png) no-repeat;}
.productcate .cateitem:nth-child(2) .catebox .img{background:url(../images/icon-b.png) no-repeat;}  
.productcate .cateitem:nth-child(3) .catebox .img{background:url(../images/icon-c.png) no-repeat;}  
.productcate .cateitem:nth-child(4) .catebox .img{background:url(../images/icon-d.png) no-repeat;}  
.productcate .cateitem:nth-child(5) .catebox .img{background:url(../images/icon-e.png) no-repeat;}
/*.productcate .cateitem:hover{background:url(../images/icon-abg.jpg) no-repeat center center; background-size: cover;}*/
.productcate .cateitem:nth-child(1):hover .catebox .img{background:url(../images/icon-ah.png) no-repeat;}
.productcate .cateitem:nth-child(2):hover .catebox .img{background:url(../images/icon-bh.png) no-repeat;}  
.productcate .cateitem:nth-child(3):hover .catebox .img{background:url(../images/icon-ch.png) no-repeat;}  
.productcate .cateitem:nth-child(4):hover .catebox .img{background:url(../images/icon-dh.png) no-repeat;}  
.productcate .cateitem:nth-child(5):hover .catebox .img{background:url(../images/icon-eh.png) no-repeat;}
.cateboxmask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transform: translateY(-201%);transition: all 0.8s ease; background-color: #dbae73;}
.cateboxmask img{display: none;}
.productcate .cateitem:hover .cateboxmask{transform: translateY(0); opacity:1;}
.productcate .cateitem:hover h3{color:#fff; transition: all 0.8s ease;}
.productcate .cateitem.act .cateboxmask{transform: translateY(0); opacity:1;}
.productcate .cateitem.act h3{color:#fff; transition: all 0.8s ease;}
.productcate .cateitem:nth-child(1).act .catebox .img{background:url(../images/icon-ah.png) no-repeat;}
.productcate .cateitem:nth-child(2).act .catebox .img{background:url(../images/icon-bh.png) no-repeat;}  
.productcate .cateitem:nth-child(3).act .catebox .img{background:url(../images/icon-ch.png) no-repeat;}  
.productcate .cateitem:nth-child(4).act .catebox .img{background:url(../images/icon-dh.png) no-repeat;}  
.productcate .cateitem:nth-child(5).act .catebox .img{background:url(../images/icon-eh.png) no-repeat;}

.prolist{width:100%; margin:60px 0px;}
.prolist .proitem{width:48%; margin-right: 4%; float:left; margin-bottom: 24px;}
.prolist .proitem:nth-child(2n){margin:0px;}
.prolist .proitem .img{width:100%; height: auto; overflow: hidden;}
.prolist .proitem img{max-width: 100%;}
.prolist .proitem h2{font-size: 16px; line-height: 42px; font-weight: normal; text-align: center;}
.prolist .proitem:hover{cursor: pointer; color:#dbae73;}
.prolist .proitem:hover .img img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15); transition: all 1s;}



#path{ position:relative;z-index:99; width:100%;height:60px; line-height:60px; background:#f7f7f7; border-bottom:1px solid #dbae73;}
#path>.container{width:96%;max-width:1200px; margin:0 auto; font-size:14px; color:#999;}
#path a{display:inline-block; color:#999; transition:all .35s;}
#path a:hover{ color:#dbae73;}
#path a.A{ color:#dbae73 !important;}
#path.active {transform: translateX(-200px);}
@media only screen and (max-width: 960px){
  #path{display:none;}
}



.prodetail{width:100%; margin:44px 0px;}
.prodetail h2{font-size: 22px; color: #3f3b3a; text-align: center;}
.prodetail hr{width:48px; height: 4px; background: #dbae73; margin:24px auto 42px; border:0px;}

.proimg img{max-width: 100%; display: block; margin: 0 auto;}
.gallery-thumbs{max-width:700px; margin: 10px auto 0px;}
.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.procon{width:700px; margin: 32px auto; line-height: 32px; font-size: 14px;}

.proexplan{width:700px; margin: 0 auto;}
.proexplan span:nth-child(2){padding:0px 24px;}
.proexplan strong{color:#dbae73;}

.propage{width:700px; margin: 24px auto;}
.propage p{padding:8px 24px; border:1px solid #dbae73; border-radius: 8px; margin-bottom: 18px;}


@media only screen and (max-width: 768px){
  .banner{margin-top: 60px;}
  .container{width:94%;}
  .about .tit{margin:32px 0px 24px; font-size: 32px;}
  .about .desc{width:100%; font-size: 16px;}
  .about .aboutcon{margin:24px 0px 32px;}
  .eightbox{padding: 24px 0px;}
  .eightbox .tit{margin-bottom: 24px;}
  .eightitem{padding:0px;width:100%; border:0px;}
  .eightitem h2{line-height: 28px;}
  .eightitem p{margin-bottom: 0px; margin-top: 8px;}
   .productcate .cateitem {height:120px;}
  .productcate .cateitem .img{width:48px; height: 48px;}
  .productcate .cateitem.act h3{font-size: 12px;}
  .productcate .cateitem h3{font-size: 12px; margin-top: 12px;}
  .productcate .cateitem:nth-child(1) .catebox .img{background:url(../images/icon-a.png) no-repeat; background-size: 48px;}
.productcate .cateitem:nth-child(2) .catebox .img{background:url(../images/icon-b.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(3) .catebox .img{background:url(../images/icon-c.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(4) .catebox .img{background:url(../images/icon-d.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(5) .catebox .img{background:url(../images/icon-e.png) no-repeat;background-size: 48px;}
/*.productcate .cateitem:hover{background:url(../images/icon-abg.jpg) no-repeat center center; background-size: cover;}*/
.productcate .cateitem:nth-child(1):hover .catebox .img{background:url(../images/icon-ah.png) no-repeat;background-size: 48px;}
.productcate .cateitem:nth-child(2):hover .catebox .img{background:url(../images/icon-bh.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(3):hover .catebox .img{background:url(../images/icon-ch.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(4):hover .catebox .img{background:url(../images/icon-dh.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(5):hover .catebox .img{background:url(../images/icon-eh.png) no-repeat;background-size: 48px;}

.productcate .cateitem:nth-child(1).act .catebox .img{background:url(../images/icon-ah.png) no-repeat;background-size: 48px;}
.productcate .cateitem:nth-child(2).act .catebox .img{background:url(../images/icon-bh.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(3).act .catebox .img{background:url(../images/icon-ch.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(4).act .catebox .img{background:url(../images/icon-dh.png) no-repeat;background-size: 48px;}  
.productcate .cateitem:nth-child(5).act .catebox .img{background:url(../images/icon-eh.png) no-repeat;background-size: 48px;}

.procon{width:100%;}
.proexplan{width:100%;}
.proexplan span{display: block; line-height: 24px;}
.proexplan span:nth-child(2){padding:0px;}
.propage{width:100%;}
}


.miannewscontaner{margin:0px auto; }
.webcasetit{text-align: center; margin:100px 0px 66px;}
.webcasetit h2{font-size: 46px; font-weight:100; color:#202020;}
.webcasetit p{font-size: 20px; font-weight:100; color:#202020; line-height: 40px;}

.newslist{width:100%;/* padding:0px 200px; */}
.newslist{ margin: auto; position: relative; margin-bottom: 40px;}
.newslist ul,.relatedNews .List ul{ width: 101.61%; margin: 2% -0.805%;}
.newslist ul li,.relatedNews .List ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.newslist ul li .img,.relatedNews .List ul li .img{ width: 100%; position: relative; z-index: 1;}
.newslist ul li .img img,.relatedNews .List ul li .img img{ width: 100%; transition: all 0.3s ease;}
.newslist ul li .cont,.relatedNews .List ul li .cont{ padding: 4%; width: 100%; position: relative; z-index: 2; background-color: #fff; }
.newslist ul li .cont .time,.relatedNews .List ul li .cont .time{ font-size: 14px; color: #999;}
.newslist ul li .cont .title,.relatedNews .List ul li .cont .title{ color: #333; font-size: 18px; margin: 8px 0 13px; height:24px; overflow:hidden;}
.newslist ul li .cont .summary,.relatedNews .List ul li .cont .summary{ font-size: 14px; color: #999; line-height: 26px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.newslist ul li:hover,.relatedNews .List ul li:hover{ -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow:0 10px 20px rgba(0,0,0,0.1); box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.newslist ul li:hover img,.relatedNews .List ul li:hover img{transform:scale(1.2)}
.newslist ul li:hover .time,.relatedNews .List ul li:hover .time{ color: #666;}
.newslist ul li:hover .title,.relatedNews .List ul li:hover .title{ color: #ea5503;}
.newslist ul li:hover .summary,.relatedNews .List ul li:hover .summary{ color: #333;}

.NewsDTop{ width: 100%; padding: 0px 0px; position: relative; margin: 0;}
.NewsDTop .Cont{ width: 100%; padding-top: 30px; position: relative; z-index: 2;}
.NewsDTop .Cont .title{ margin: auto; font-size: 2rem; color: #2f2f2f; padding-bottom: 1.25rem; font-weight: bold; line-height: 46px;}
.NewsDTop .Cont .slogan{ width: 100%; margin: auto; height: 3.125rem; border-top: solid 1px rgba(255, 255, 255, 0.6); color: #a1a1a1;}
.NewsDTop .Cont .slogan .cont{ margin: auto;}
.NewsDTop .Cont .slogan .left{ font-size: 0.875rem; color: #a1a1a1; line-height: 3.125rem; float:left;}
.NewsDTop .Cont .slogan .left span{ margin-right: 1.25rem;}
.NewsDTop .Cont .slogan .current{ margin-right: 20px; line-height: 3.125rem; font-size: 14px; float:right;}
.NewsDTop .Cont .slogan .current a{ color: #a1a1a1;}
.NewsDTop .Cont .slogan .current a:hover{ color: #ea5503; text-decoration: underline;}
.NewsDTop .Cont .slogan .current span{ margin: 0 5px;}


.pagination {text-align: center;}
.page {
  display:inline-block;
  font: 16px/28px '微软雅黑', sans-serif;
  *display:inline;
  :1;
  *zoom:1;}
.page span,.page strong {
  float:left;}
.page a,
.page span,
.page strong {
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 16px/24px  '微软雅黑', sans-serif;
  margin-right:5px;
  min-width:15px;
  padding:4px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;}
.page strong,.page span{background:#dbae73; color:#fff; }
.page a:hover {
  border:1px solid #dbae73;
  color:#dbae73;
  text-decoration:none;}
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#CCC;}
.page span.ellipsis {
  float:left;
  font: 16px/24px '微软雅黑', sans-serif;
  line-height:22x;
  margin-right:5px;}
.page .page_txt {
  line-height:20px;
  float:right;
  width:auto;}
.page a.page-curpage {
  background:#dbae73;
  border:1px solid #dbae73;
  color:#FFF;
  font-weight:bold;}
.page input {
  font: 14px Verdana;
  padding:0 0 0 1px;
  width:40px;
  height:14px;}
