@charset "utf-8";

.footer .link{display: none;}

.ztzl-header{text-align: center; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.ztzl-header .mar{position: relative;}
.ztzl-header .mainlogo{padding-top: 3.5%; text-align: left;}
.ztzl-header .mainlogo img{display: block;}
.ztzl-header .banner{position: relative; height: 420px; margin-bottom: 3%;}
.ztzl-header .banner dl{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.ztzl-header .banner dl dd{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.ztzl-header .banner dl dd img{max-width: 100%;}

.margins{margin-top: 60px; margin-bottom: 60px;}

.transition,
.transition a{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.none{display: none;}

/*图片占位*/
.place{position: relative; z-index: 3; display: block; padding-top: 56.25%; overflow: hidden;}
.place .pic{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.place .pic img{display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; overflow: hidden;}

/* 单行省略号 */
.elli-s{display: inline-block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
/* 多行省略号 */
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

/*owl-carousel*/
.owl-carousel .item{position: relative; display: block; width: 100%; overflow: hidden;}
.owl-carousel .item img {display: block; width: 100%;}
.owl-carousel.pagination .owl-dots{position: absolute; bottom: 1.03125em; right: 1%; z-index: 99; text-align: right;}
.owl-carousel.pagination .owl-dots button.owl-dot{float: left; width: .8125em; height: .8125em; margin-right: .5em; background: #000; border: none; border-radius: 50%; opacity: .65;}
.owl-carousel.pagination .owl-dots button.owl-dot:hover{background: #1a9900;}
.owl-carousel.pagination .owl-dots button.owl-dot.active{background: #1a9900; opacity: 1;}
.owl-carousel.unpage .owl-dots{display: none;}
.owl-common .owl-nav > div{position: absolute; top: 50%; margin-top: -37px; width: 58px; height: 74px; text-align: center;}
.owl-common .owl-nav > div:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: #000; opacity: .25;}
.owl-common .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; margin: -0.5em auto 0; text-align: center; font-weight: normal; font-size: 2.5em; line-height: 1em; color: #fff;}
.owl-common .owl-nav > div:hover:after{opacity: .45;}
.owl-common .owl-nav > div.owl-prev{left: 1px;}
.owl-common .owl-nav > div.owl-next{right: 1px;}
.owl-common .owl-nav > div.disabled{cursor: not-allowed;}
.owl-common .owl-nav > div.disabled:after{opacity: .15;}
.owl-common .owl-nav > div.disabled i{opacity: .45;}

@media (max-width: 1199px){
  body{min-width: 320px;}
  .margins{margin-top: 30px; margin-bottom: 30px;}
  .mar-b3{ margin-bottom: 15px;}
  .mar-b4{ margin-bottom: 20px;}
}

@media (max-width: 990px){
  .ztzl-header .banner{height: 300px;}	
}


@media (max-width: 768px){
  body{font-size: 14px;}
  .ztzl-header{padding-top: 8%; padding-bottom: 10%;}
  .ztzl-header .mainlogo{text-align: center; width: 60%; margin: 0 auto;}
  .ztzl-header .mainlogo img{margin: 0 auto;}
  .ztzl-header .banner{height: auto; padding-top: 8%;margin-bottom: 0;}
  .ztzl-header .banner dl{display: block;}
  .ztzl-header .banner dl dd{display: block;}
  .owl-common .owl-nav > div{width: 40px; height: 60px; margin-top: -30px;}
  .owl-common .owl-nav > div i{font-size: 1.5em;}
}