@charset "utf-8";
.b{
  font-weight:bold;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
.uppercase{
  text-transform:uppercase;
}
.capitalize{
  text-transform:capitalize;
}
.text-over{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.over{
  overflow: hidden;
}
.relative{
  position: relative;
  z-index: 1;
}
.absolute{
  position: absolute;
  z-index: 1;
}
.fixed{
  position: fixed;
  z-index: 1;
}
.inline{
  display: inline;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.table-cell{
  display:table-cell;
  vertical-align:middle;
}
.hide{
  display: none;
}
.w100{
  width:100%;
}
.max-w100{
  max-width: 100%;
}
.max-h100{
  max-height: 100%;
}
.middle{
  vertical-align: middle;
}
.border-box{
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.trans{
  -webkit-transition:all 800ms ease 0s;
  -moz-transition:all 800ms ease 0s;
  -ms-transition:all 800ms ease 0s;
  -o-transition:all 800ms ease 0s;
  transition:all 800ms ease 0s;
}
.trans span{
  -webkit-transition:all 800ms ease 0s;
  -moz-transition:all 800ms ease 0s;
  -ms-transition:all 800ms ease 0s;
  -o-transition:all 800ms ease 0s;
  transition:all 800ms ease 0s;
}
.trans::before,.trans::after{
  -webkit-transition:all 800ms ease 0s;
  -moz-transition:all 800ms ease 0s;
  -ms-transition:all 800ms ease 0s;
  -o-transition:all 800ms ease 0s;
  transition:all 800ms ease 0s;
}
.slide-absolute-img{
  position:relative;
}
.slide-absolute-img img{
  position:absolute;
  left:-10000px;
  right:-10000px;
  top:-10000px;
  bottom:-10000px;
  z-index:1;
  margin:auto;
}
/*新站*/
a,i,span{
  outline:none;
  blr:expression(this.onFocus=this.blur());
}
#warp{
  width:100%;
  max-width:1920px;
  min-width:320px;
  overflow:hidden;
  margin:0 auto;
}
#warp .wow{
  visibility:hidden;
}
#warp a{
  -webkit-transition:all 800ms ease 0s;
  -moz-transition:all 800ms ease 0s;
  -ms-transition:all 800ms ease 0s;
  -o-transition:all 800ms ease 0s;
  transition:all 800ms ease 0s;
}
#warp .img{
  font-size:0;
}
#warp .icon{
  font-size:0;
}
.cw1800{
  width:94%;
  max-width:1800px;
  margin:0 auto;
}
.cw1600{
  width:94%;
  max-width:1600px;
  margin:0 auto;
}
.cw1400{
  width:94%;
  max-width:1400px;
  margin:0 auto;
}
.cw1200{
  width:94%;
  max-width:1200px;
  margin:0 auto;
}
@media only screen and (max-width:750px){
  [mobile-hide]{
    display: none;
  }
}
/*公告样式*/
a:hover{
  color:#bfa068;
}
.b_pic{
  overflow:hidden;
}
.b_pic .img img{
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -ms-transition:0.5s;
  -o-transition:0.5s;
  transition:0.5s;
}
.b_pic:hover .img img{
  -webkit-transform:scale(1.06);
  -moz-transform:scale(1.06);
  -ms-transform:scale(1.06);
  -o-transform:scale(1.06);
  transform:scale(1.06);
}
.cut{
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.clear{
  margin:0px auto;
  clear:both;
  height:0px;
  font-size:0px;
  overflow:hidden;
}
.clear_both{
  zoom:1;
}
.clear_both:after{
  content:"";
  display:block;
  clear:both;
}
.dis{
  display:inline-block;
  *display:inline;
  zoom:1;
}
.loader{
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  z-index: 99999;
  background: rgba(255,255,255,.5) url(/static/images/global/loader.svg) no-repeat center 40% / auto auto;
}
/*字体*/
.fz0{
  font-size:0px;
  color:#333;
}
.fz10{
  font-size:10px;
  color:#333;
}
.fz12{
  font-size:12px;
  color:#333;
}
.fz14{
  font-size:14px;
  color:#333;
}
.fz16{
  font-size:16px;
  color:#333;
}
.fz18{
  font-size:18px;
  color:#333;
}
.fz20{
  font-size:20px;
  color:#333;
}
.fz22{
  font-size:22px;
  color:#333;
}
.fz24{
  font-size:24px;
  color:#333;
}
.fz26{
  font-size:26px;
  color:#333;
}
.fz28{
  font-size:28px;
  color:#333;
}
.fz30{
  font-size:30px;
  color:#333;
}
.fz32{
  font-size:32px;
  color:#333;
}
.fz34{
  font-size:34px;
  color:#333;
}
.fz36{
  font-size:36px;
  color:#333;
}
.fz38{
  font-size:38px;
  color:#333;
}
.fz40{
  font-size:40px;
  color:#333;
}
.fz42{
  font-size:42px;
  color:#333;
}
.fz44{
  font-size:44px;
  color:#333;
}
.fz46{
  font-size:46px;
  color:#333;
}
.fz48{
  font-size:48px;
  color:#333;
}
.fz50{
  font-size:50px;
  color:#333;
}
.fz70{
  font-size:70px;
  color:#333;
}
/*特殊字体*/
@font-face{
  font-family:'SOURCEHANSANSCN-HEAVY';
  src:url('/font/special/SOURCEHANSANSCN-HEAVY/SOURCEHANSANSCN-HEAVY.otf');
}
.SOURCEHANSANSCN-HEAVY{
  font-family:'SOURCEHANSANSCN-HEAVY';
}
@font-face{
  font-family:'DEMOS-LT-MEDIUM-ITALIC';
  src:url('/font/special/DEMOS-LT-MEDIUM-ITALIC/DEMOS-LT-MEDIUM-ITALIC.otf');
}
.DEMOS-LT-MEDIUM-ITALIC{
  font-family:'DEMOS-LT-MEDIUM-ITALIC';
}
@font-face {
  font-family: "DEMOS-LT-MEDIUM-ITALIC";
  src: url("/font/special/DEMOS-LT-MEDIUM-ITALIC/DEMOS-LT-MEDIUM-ITALIC.woff2") format("woff2"),
    url("/font/special/DEMOS-LT-MEDIUM-ITALIC/DEMOS-LT-MEDIUM-ITALIC.woff") format("woff"),
    url("/font/special/DEMOS-LT-MEDIUM-ITALIC/DEMOS-LT-MEDIUM-ITALIC.ttf") format("truetype"),
    url("/font/special/DEMOS-LT-MEDIUM-ITALIC/DEMOS-LT-MEDIUM-ITALIC.eot") format("embedded-opentype"),
    url("/font/special/DEMOS-LT-MEDIUM-ITALIC/DEMOS-LT-MEDIUM-ITALIC.svg") format("svg"),
    url("/font/special/DEMOS-LT-MEDIUM-ITALIC/DEMOS-LT-MEDIUM-ITALIC.otf") format("opentype");
}
.DEMOS-LT-MEDIUM-ITALIC{
  font-family:'DEMOS-LT-MEDIUM-ITALIC' !important;
}
/*css3效果*/
@keyframes line{
  0%,25% {
    width:0;
    height:0;
  }
  50% {
    width:0;
    height:30px;
  }
  100% {
    width:90px;
  }
}
@-webkit-keyframes line{
  0%,25% {
    width:0;
    height:0;
  }
  50% {
    width:0;
    height:30px;
  }
  100% {
    width:90px;
  }
}
@keyframes history-content{
  0%,25%,50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-webkit-keyframes history-content{
  0%,25%,50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
/*关于雅兰-发展历史*/
#history{
  background-size:cover !important;
  position:relative;
}
#history .swiper-prev{
  width:60px;
  height:60px;
  display:none;
  cursor:pointer;
  background:rgba(0,0,0,.2);
  border-radius:50%;
  position:absolute;
  left:60px;
  top:50%;
  z-index:4;
  margin-top:-33px;
}
#history .swiper-prev::before{
  width:20px;
  height:20px;
  border-top:3px solid #fff;
  border-left:3px solid #fff;
  position:absolute;
  left:38%;
  top:50%;
  margin-top:-10px;
  content:'';
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
#history .swiper-next{
  width:60px;
  height:60px;
  display:none;
  cursor:pointer;
  background:rgba(0,0,0,.2);
  border-radius:50%;
  position:absolute;
  right:60px;
  top:50%;
  z-index:4;
  margin-top:-33px;
}
#history .swiper-next::before{
  width:20px;
  height:20px;
  border-top:3px solid #fff;
  border-left:3px solid #fff;
  position:absolute;
  right:38%;
  top:50%;
  margin-top:-10px;
  content:'';
  -webkit-transform:rotate(130deg);
  -moz-transform:rotate(130deg);
  -ms-transform:rotate(130deg);
  -o-transform:rotate(130deg);
  transform:rotate(130deg);
}
#history .swiper-wrapper{
}
#history .swiper-wrapper .swiper-slide{
}
#history .swiper-wrapper .one{
  width:100%;
  height:870px;
  text-align:center;
  position:relative;
  z-index:2;
  padding-top:183px;
}
#history .swiper-wrapper .one .background{
  width:100%;
  height:100%;
  opacity:0;
  background:url(/images/img32.jpg) no-repeat center;
  background-size:cover;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:1;
  margin:auto;
}
#history .swiper-wrapper .one .content{
  width:100%;
  opacity:0;
  position:relative;
  z-index:2;
}
#history .swiper-wrapper .one .content .title{
  line-height:75px;
  color:#fff;
  font-family:"思源宋体";
}
#history .swiper-wrapper .one .content .brief{
  line-height:31px;
  color:#fff;
}
#history .swiper-wrapper .one .content .time{
  line-height:84px;
  /*color:#c4a487;*/ color:#fff;
  margin-top:10px;
}
#history .swiper-wrapper .one .content .text{
  width:32px;
  height:32px;
  /*border:2px solid #c4a487;*/ border:2px solid #fff;
  border-radius:50%;
  position:relative;
  margin-top:30px;
}
#history .swiper-wrapper .one .content .text::before{
  width:20px;
  height:20px;
  /*background:#c4a487;*/ background:#fff;
  border-radius:50%;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:2;
  margin:auto;
  content:'';
}
#history .swiper-wrapper .one .line{
  width:0;
  height:0;
  border-top:1px solid #c2c2c2;
  position:absolute;
  left:50%;
  right:50%;
  top:432px;
  bottom:auto;
  z-index:3;
  margin-left:17px;
  transition:all 6000ms ease 0s;
}
#history .swiper-wrapper .two{
  width:auto;
  position:relative;
  z-index:3;
  padding-top:60px;
}
#history .swiper-wrapper .two .slide{
  width:367px;
  position:relative;
  margin-left:60px;
}
#history .swiper-wrapper .two .slide .img{
  width:100%;
  opacity:0;
}
#history .swiper-wrapper .two .slide .img img{
  width:100%;
}
#history .swiper-wrapper .two .slide .brief{
  width:100%;
  height:52px;
  line-height:26px;
  opacity:0;
  overflow:hidden;
  color:#333;
  margin:16px 0 6px;
}
#history .swiper-wrapper .two .slide .title{
  width:100%;
  opacity:0;
  color:#bfa068;
  font-size:40px;
  line-height:60px;
}
#history .swiper-wrapper .two .slide .circle{
  width:20px;
  height:20px;
  opacity:0;
  border:2px solid #bfa068;
  border-radius:50%;
  position:absolute;
  left:40px;
  bottom:-54px;
  z-index:2;
}
#history .swiper-wrapper .two .slide .circle i{
  width:14px;
  height:14px;
  display:block;
  background:#bfa068;
  border-radius:50%;
  position:relative;
  margin:3px auto;
}
#history .swiper-wrapper .two .slide .circle i::before{
  height:30px;
  display:block;
  border-right:1px solid #bfa068;
  position:absolute;
  bottom:18px;
  right:50%;
  z-index:2;
  content:'';
}
#history .swiper-wrapper .two .slide.to{
  margin-left:140px;
  margin-top:82px;
}
#history .swiper-wrapper .two .slide.to .title{
  padding-left: 170px;
}
#history .swiper-wrapper .two .slide.to .brief{
  margin:0px 0 16px;
}
#history .swiper-wrapper .two .slide.to .circle{
  left:auto;
  right:140px;
  top:-53px;
  bottom:auto;
}
#history .swiper-wrapper .two .slide.to .circle i::before{
  width:90px;
  /*border-bottom:1px solid #bfa068;*/ bottom:auto;
  top:18px;
}
#history .swiper-wrapper .two .slide.last{
  margin-right:50px;
}
#history .swiper-wrapper .two.show .slide .img{
  animation:history-content 2s linear;
  -webkit-animation:history-content 2s linear;
  animation-fill-mode:forwards;
}
#history .swiper-wrapper .two.show .slide .brief{
  animation:history-content 2s linear;
  -webkit-animation:history-content 2s linear;
  animation-fill-mode:forwards;
}
#history .swiper-wrapper .two.show .slide .title{
  animation:history-content 2s linear;
  -webkit-animation:history-content 2s linear;
  animation-fill-mode:forwards;
}
#history .swiper-wrapper .two.show .slide .circle{
  opacity:1;
}
#history .swiper-wrapper .two.show .slide .circle i::before{
  animation:line 1s linear;
  -webkit-animation:line 1s linear;
}
/*H5兼容*/
@media only screen and (max-width:1440px){
  #history .swiper-prev,
  #history .swiper-next{
    margin-top: -2px;
  }
  #history .swiper-wrapper .one{
    height:820px;
    padding-top: 220px;
  }
  #history .swiper-wrapper .one .line{
    top:438px;
  }
  #history .swiper-wrapper .one .content .title{
    line-height:60px;
    font-size:40px;
  }
  #history .swiper-wrapper .one .content .brief{
    line-height:30px;
    font-size:20px;
  }
  #history .swiper-wrapper .one .content .time{
    line-height:72px;
    font-size:60px;
  }
  #history .swiper-wrapper .one .content .text{
    width:28px;
    height:28px;
  }
  #history .swiper-wrapper .one .content .text::before{
    width:16px;
    height:16px;
  }
  #history .swiper-wrapper .two{
    padding-top:108px;
  }
  #history .swiper-wrapper .two .slide{
    width:340px;
    margin-left:50px;
  }
  #history .swiper-wrapper .two .slide .brief{
    height:44px;
    line-height:22px;
    font-size:14px;
    margin:12px 0 2px;
  }
  #history .swiper-wrapper .two .slide .title{
    font-size:40px;
    line-height: 46px;
  }
  #history .swiper-wrapper .two .slide .circle{
    width:18px;
    height:18px;
  }
  #history .swiper-wrapper .two .slide .circle i{
    width:12px;
    height:12px;
  }
  #history .swiper-wrapper .two .slide .circle i::before{
    bottom:16px;
  }
  #history .swiper-wrapper .two .slide.to{
    margin-top:86px;
    margin-left:120px;
  }
  #history .swiper-wrapper .two .slide.to .title{
    padding-left: 138px;
  }
  #history .swiper-wrapper .two .slide.to .brief{
    margin:2px 0 12px;
  }
  #history .swiper-wrapper .two .slide.to .circle i::before{
    top:16px;
  }
}
@media only screen and (max-width:780px){
  /*css3*/
  @keyframes line{
    0%,25% {
      width:0;
      height:0;
    }
    50% {
      width:0;
      height:20px;
    }
    100% {
      width:80px;
    }
  }
  @-webkit-keyframes line{
    0%,25% {
      width:0;
      height:0;
    }
    50% {
      width:0;
      height:20px;
    }
    100% {
      width:80px;
    }
  }
  #brand.detail .thr .cw1400 .swiper-container .swiper-wrapper .swiper-slide .line::before{
    width:14px;
    height:14px;
  }
  /*#brand.detail .thr .cw1400 .swiper-container .swiper-wrapper .swiper-slide .title{ bottom:20px;}*/
  #history .swiper-wrapper .one{
    height:600px;
    padding-top:150px;
  }
  #history .swiper-wrapper .one .content .title{
    line-height:45px;
    font-size:30px;
    font-family:'微软雅黑' !important;
    font-weight:bold;
  }
  #history .swiper-wrapper .one .content .brief{
    line-height:27px;
    font-size:18px;
    font-family:'微软雅黑' !important;
    font-weight:bold;
  }
  #history .swiper-wrapper .one .content .time{
    line-height:61px;
    font-size:50px;
  }
  #history .swiper-wrapper .one .content .text{
    width:24px;
    height:24px;
    margin-top:11px;
  }
  #history .swiper-wrapper .one .content .text::before{
    width:14px;
    height:14px;
  }
  #history .swiper-wrapper .one .line{
    top:318px;
    margin-left:14px;
  }
  #history .swiper-wrapper .two{
    padding-top:56px;
  }
  #history .swiper-wrapper .two .slide{
    width:260px;
    margin-left:40px;
  }
  #history .swiper-wrapper .two .slide .brief{
    height:40px;
    line-height:20px;
    font-size:12px;
    margin:8px 0 0;
  }
  #history .swiper-wrapper .two .slide .title{
    font-size:30px;
  }
  #history .swiper-wrapper .two .slide .circle{
    width:16px;
    height:16px;
    left:24px;
    bottom:-40px;
  }
  #history .swiper-wrapper .two .slide .circle i{
    width:10px;
    height:10px;
  }
  #history .swiper-wrapper .two .slide .circle i::before{
    height:20px;
    bottom:14px;
  }
  #history .swiper-wrapper .two .slide.to{
    margin-top:54px;
    margin-left:90px;
  }
  #history .swiper-wrapper .two .slide.to .title{
    padding-left: 114px;
  }
  #history .swiper-wrapper .two .slide.to .brief{
    margin:0 0 8px;
  }
  #history .swiper-wrapper .two .slide.to .circle{
    right:100px;
    top:-35px;
  }
  #history .swiper-wrapper .two .slide.to .circle i::before{
    width:80px;
    top:14px;
  }
  #history .swiper-prev{
    display:none !important;
  }
  #history .swiper-next{
    display:none !important;
  }
}
@media only screen and (max-width:560px){
  #hotline .one .item{
    margin-top:6px;
  }
  #hotline .one .item .slide{
    width:100%;
    height:auto;
    margin-top:16px !important;
  }
}
@media only screen and (max-width:360px){
  /*css3*/
  @keyframes line{
    0%,25% {
      width:0;
      height:0;
    }
    50% {
      width:0;
      height:20px;
    }
    100% {
      width:70px;
    }
  }
  @-webkit-keyframes line{
    0%,25% {
      width:0;
      height:0;
    }
    50% {
      width:0;
      height:20px;
    }
    100% {
      width:70px;
    }
  }
  #history .swiper-wrapper .one{
    height:540px;
    padding-top:143px;
  }
  #history .swiper-wrapper .one .content .title{
    line-height:36px;
    font-size:24px;
  }
  #history .swiper-wrapper .one .content .brief{
    line-height:21px;
    font-size:14px;
  }
  #history .swiper-wrapper .one .content .time{
    line-height:48px;
    font-size:40px;
  }
  #history .swiper-wrapper .one .content .text{
    width:20px;
    height:20px;
  }
  #history .swiper-wrapper .one .content .text::before{
    width:10px;
    height:10px;
  }
  #history .swiper-wrapper .one .line{
    top:281px;
    margin-left:12px;
  }
  #history .swiper-wrapper .two{
    padding-top:46px;
  }
  #history .swiper-wrapper .two .slide{
    width:240px;
    margin-left:30px;
  }
  #history .swiper-wrapper .two .slide .brief{
    height:36px;
    line-height:18px;
    font-size:10px;
  }
  #history .swiper-wrapper .two .slide .title{
    font-size:26px;
  }
  #history .swiper-wrapper .two .slide .circle{
    width:14px;
    height:14px;
  }
  #history .swiper-wrapper .two .slide .circle i{
    width:8px;
    height:8px;
  }
  #history .swiper-wrapper .two .slide .circle i::before{
    bottom:12px;
  }
  #history .swiper-wrapper .two .slide.to{
    margin-left:80px;
    margin-top:46px;
  }
  #history .swiper-wrapper .two .slide.to .circle i::before{
    width:70px;
  }
}
[inside] [title]{
  font-size: 32px;
}
[inside] [brief]{
  line-height: 28px;
  color: #666;
  margin-top: 26px;
  font-size: 16px;
}
[circular-tag]{
  line-height: 62px;
  height: 62px;
  width: 62px;
  overflow: hidden;
  font-size: 18px;
  border-radius: 50%;
  border: 9px solid #e4eae6;
  text-align: center;
  margin: 30px 15px 0;
  display: inline-block;
}
[videoli]{
  width:32.14%;
  margin-right:1.79%;
  margin-bottom:1.8%;
  background:#fff;
  box-shadow: 0 0 8px #ddd;
}
[videoli]:nth-child(2n+3){
  margin-right:0;
}
[videoli] .img:before{
  display:block;
  padding-top:65.111111%;
  content:'';
}
[videoli] .img:after{
  display:block;
  content:'';
  position: absolute;
  background: url(/images/z/1.png) center no-repeat;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
[videoli] .title{
  color:#333;
  line-height:60px;
  font-size:16px;
  margin: 0 20px;
}
[videoli]:hover .title{
  color:#bfa068;
}
@media only screen and (max-width:980px){
  [inside] [title]{
    font-size: 28px;
  }
}
@media only screen and (max-width:750px){
  [inside] [title]{
    font-size: 20px;
  }
  [circular-tag]{
    font-size: 15px;
    line-height: 50px;
    height: 50px;
    width: 50px;
  }
  [videoli]{
    width:48.5%;
    margin-right:3%;
    margin-bottom:3%;
  }
  [videoli]:nth-child(2n+3){
    margin-right:2%;
  }
  [videoli]:nth-child(2n+2){
    margin-right:0;
  }
  [videoli] .title{
    line-height:50px;
    font-size:14px;
    margin: 0 18px;
  }
}