@charset "utf-8";
/* CSS Document */
body{font:16px/1.5 "Microsoft YaHei",微软雅黑,"PingFang SC",AliPuHui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -ms-overflow-style: scrollbar;color:#333;  background: url("/_res/css/../images-tea/body-new.jpg") 0 0 repeat; }
.wza-on .navigator-position{ top:90px; }
.ui-dialog-content{ overflow: inherit;}
.btn-group .btn{ font-size: 14px;}
.footbg{padding-bottom: 110px;}
@media (max-width: 767px){
    .footbg{padding-bottom: 20px;}
}
/*头部共用导航配色*/
.wza-black-white .z-headertop .navigator-position{  background:black !important;  }
.wza-yellow-black .z-headertop .navigator-position{  background:yellow !important;  }
.wza-blue-yellow .z-headertop .navigator-position{  background:blue !important;  }
.wza-yellow-blue .z-headertop .navigator-position{  background:yellow !important;  }
.wza-white-black .z-headertop .navigator-position{  background:white !important;  }
.wza-black-yellow .z-headertop .navigator-position{  background:black !important;  }
.wza-white-black .footlink_sel .select dd{background: white !important;}
.wza-black-yellow .footlink_sel .select dd{background: black !important;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-special-bodybg  .container{ width: 992px;}
}

@media (max-width: 991px){
    .ls-rea-row{ padding: 0 10px;}
    .ls-special-bodybg .container{ width: 768px;}
    .ls-special-mainbg{ background: #fff;}
}
@media (max-width: 767px){
    .ls-special-bodybg  .container{ width: 100%;}
}

.ls-special-bodybg{background: url("/_res/css/../images-tea/tea-bottom.png") bottom center no-repeat; background-size: 100% auto; }
.ls-special-bannerbg{ background: url("/_res/css/../images-tea/banner.jpg") top center no-repeat;   height: 858px; position: relative;}
.ls-special-banner{ text-align: center; padding: 216px 0 0 0;}
.ls-special-banner .img-title{ display: none; }
.guidang{  position: absolute; right: 0; top:0;}
.ls-special-search{ width: 894px; margin: 40px auto 0 auto; border-radius: 12px;   border: 1px solid #e1e1e1; height: 66px; background: #fff; }
.ls-special-search ul{height: 66px; padding-right: 130px; position: relative;}
.ls-special-search .se_box{ height: 66px;}
.ls-special-search .se_box input{ line-height: 66px; border-radius: 12px 0 0 12px; font-size: 18px;  vertical-align: top; box-sizing: border-box; padding: 0 20px; width: 100%; height: 100%; border: 0 none; background: none; }
.ls-special-search .se_box input::-webkit-input-placeholder{color:#a0a0a0;}
.ls-special-search .se_box input:-moz-placeholder{color:#a0a0a0;}
.ls-special-search .se_box input:-ms-input-placeholder{color:#a0a0a0;}
.ls-special-search .se_box input:focus{outline: 0 none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 93, 195, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 93, 195, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 93, 195, 0.6); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; background: #fff;}
.ls-special-search .se_box input:focus::-webkit-input-placeholder{ font-size: 0;}
.ls-special-search .se_box input:focus:-moz-placeholder{ font-size: 0;}
.ls-special-search .se_box input:focus:-ms-input-placeholder{ font-size: 0;}
.ls-special-search .sea_an{ position: absolute; bottom: 0;  right: 0; top: 0; width: 130px;}
.ls-special-search .sea_an input{ background: #3ea8e2; width: 100%; height: 100%; border: none; padding: 0; color: #fff; vertical-align: top;  border-radius: 0 12px 12px 0; font-size: 28px; text-align: center;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-special-bodybg{  background-size: auto auto;}

}
@media (max-width: 991px){
    .ls-special-bodybg{  background-size: auto auto;}
    .ls-special-bannerbg{ background-size: 100% 100%; height: auto; padding-bottom: 140px;}
    .ls-special-banner{  padding: 40px 0 0 0;}
    .ls-special-banner img{ max-width: 96%; height: auto;}
    .ls-special-search{ width: 96%; margin-top: 30px;}
}
@media (max-width: 767px){
    .ls-special-bannerbg{background-size: 100% 100%; height: auto; padding-bottom: 60px;}
    .ls-special-banner{  padding: 30px 0 0 0;}
    .ls-special-search{ height: 50px; margin-top: 20px;}
    .ls-special-search .se_box{ height: 50px;}
    .ls-special-search ul{height: 50px; padding-right: 80px; position: relative;}
    .ls-special-search .se_box{ height: 50px;}
    .ls-special-search .se_box input{ line-height: 50px; border-radius: 8px 0 0 8px; font-size: 16px;  }
    .ls-special-search .sea_an{  width: 80px;}
    .ls-special-search .sea_an input{  border-radius: 0 8px 8px 0; font-size: 22px; text-align: center;}
    .guidang{ top:180px; width: 150px !important; height: 150px !important; background-size: 100% 100% !important;}

}
/* 发展概况 */
.ls-special-bg1{background: url("/_res/css/../images-tea/tea-bg1.jpg") top center no-repeat #fff; padding: 44px 0 0 0; background-size: 100% auto;  height: 450px;}
.ls-rea-veido{  width: 558px;}
.ls-rea-about{ width: 590px; }
.about-title{ height: 42px;}
.about-img{  position: relative;  height: 332px;}
.about-img .img img{  width: 420px; height: 200px;}
.about-img .content-info{ font-size: 16px; text-indent: 2em; margin-top: 10px; line-height: 38px;}
.about-img .content-info .detailed{ color: #3c9cd6;}
.about-img .content-info .detailed:hover{ text-decoration: underline;}
.about-img .about-ico{  position: absolute; right: 0; top:-18px;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-special-bg1{ height: auto;}
    .ls-rea-veido{  width: 458px;}
    .ls-rea-about{ width: 490px; }
    .about-img .content-info{  font-size: 14px; line-height: 30px;}
}
@media (max-width: 991px){
    .ls-special-bg1{ height: auto; }
    .ls-rea-veido{  width: auto; float: none; height: auto;}
    .ls-rea-about{ width: auto; margin-top: 20px; float: none;  height: auto; }
    .about-title{ height: auto;}
    .about-img{ height: auto; min-height: 200px;}
}
@media (max-width: 767px){
    .about-title img{ height: auto; max-width: 100%;}
    .about-img .content-info{ line-height: 2;}
    .about-img .img{ margin-right: 0; text-align: center;}
    .about-img .img img{  width: auto; height: auto; max-width: 100%;}
    .about-img .about-ico{ display: none;}

}
/* 解读 */
.ls-special-bg2{background: url("/_res/css/../images-tea/tea-bg2.jpg") top center no-repeat; background-size: 100% auto;  padding: 40px 0;  }
.ls-zc-title{   position: relative;  padding-right: 60px;  background: url("/_res/css/../images-tea/zc-titlebg.png") left bottom repeat-x;}
.ls-zc-title li{ float: left; position: relative;   border-bottom: 4px solid #040404;}
.ls-zc-title li .ico{  position: absolute; left:50%; width:35px;  background: url("/_res/css/../images-tea/tab-aon.png") left bottom no-repeat;  height: 9px; margin-left: -17px; bottom: -13px;}
.ls-zc-title li img{  width: auto; max-width: 100%; height: auto;}
.ls-zc-title li a:hover img{ opacity: .8;}
.ls-zc-title .more{  position: absolute; right:8px; bottom: 16px; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.ls-zc-title .more:hover{  right:6px; }
.ls-zc-box{ background: rgba(255,255,255,0.8);   padding: 30px 20px;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.ls-zc-box li{ float: left;  width: 550px; height: 30px; line-height: 30px; position: relative;}
.ls-zc-box li.even{ float: right; padding-left: 24px; border-left:1px solid #a7a7a7; }
.ls-zc-box li a{ display: inline-block; max-width: 88%; box-sizing: border-box; padding-left: 22px; background: url("/_res/css/../images-tea/ico.png") left center no-repeat;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.ls-zc-box li .date{ position: absolute; right: 0; top:0;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-zc-box li{ width: 450px;}

}
@media (max-width: 991px){
  .ls-special-bg2{ height: auto; padding-top: 20px; background-repeat: repeat; padding-bottom: 20px;}
  .ls-zc-box li,.ls-zc-box li.even{ width: auto; float: none; border: none; padding:0 60px 0 0;}
  .ls-zc-box li a{ max-width: 100%;}
  .ls-zc-box li img{ display: none;}
  .ls-zc-box{ padding: 20px; height: auto;}
}
@media (max-width: 767px){

}
/* 工艺 */
.ls-special-bg3{background: url("/_res/css/../images-tea/tea-bg3.jpg") top center no-repeat;  background-size: 100% auto;  height: 828px;}
.ls-gy-box{ padding: 60px 0 0 0; position: relative;}
.ls-gy-box .gy-title{ position: absolute; left:130px; top:60px; z-index: 99;}
.ls-gy-img .img-title{ display: none;}
.gy-img-info{ position: relative;}
.gy-img-info .img img{ max-width: 100%; height: auto;}
.gy-img-info .info{ position: absolute; color: #1a729a; left:430px;  right: 430px; bottom:20px; line-height: 26px;}
.gy-img-info .info .content-info{  text-indent: 2em;}
.gy-img-info .info a{ color: #ae2a1b;}
.gy-img-info .info a:hover{ color: #f6735f;}
.ls-gy-tab{ text-align: center; margin-top: -10px; }
.ls-gy-tab ul{  width: 340px; margin-left: 430px;  display:block;}
.ls-gy-tab li{float: left; padding-right: 40px; width: 85px; height: 98px; background: url("/_res/css/../images-tea/cy-linebg.png") center center repeat-x;}
.ls-gy-tab li:last-child{ padding-right: 0;}
.ls-gy-tab li .tab-ico{ display: block; overflow: hidden; line-height: 0; width: 85px; height: 98px;}
.ls-gy-tab li.active .tab-ico img{ margin-top: -98px;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-special-bg3{ height: auto; padding-bottom: 30px; background-size: 100% 100%;}
    .gy-img-info .info{ left:330px;  right: 330px; bottom: 0; line-height: 24px;}
    .ls-gy-tab{ margin-top: 20px;}
    .ls-gy-tab ul{ margin-left: 340px;}
}
@media (max-width: 991px){
    .ls-special-bg3{ height: auto; padding-bottom: 20px; background-size: 100% 100%;}
    .ls-gy-box{ padding: 40px 0 0 0;}
    .gy-img-info .info{ position: static; margin: 20px;}
    .ls-gy-tab ul{ margin: 0 auto;}
    .ls-gy-box .gy-title{ left:0; top:10px;}
}
@media (max-width: 767px){
    .ls-gy-box{ padding: 20px 0 0 0;}
    .ls-gy-box .gy-title{ left:0; top:10px;}
    .ls-gy-box .gy-title img{ width:60px;height: auto;}
}
@media (max-width: 360px){
    .ls-gy-tab ul{  width: 300px; }
    .ls-gy-tab li{ padding-right: 20px;}
}
/* 活动 */
.ls-special-bg4{  padding: 50px 0;}
.ls-hd-box li .img-info{ float: left; margin-top: -1px;  width: 540px; height: 340px; }
.ls-hd-box li .img-info img{ width: 100%; height: 100%;}
.ls-hd-box li .hotinfo{  margin-left: 580px; padding: 20px 0 0 0; }
.ls-hd-box li .hotinfo .title{ display: block; text-align: center; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-size: 20px; font-weight: bold; line-height: 40px; height: 40px;  }
.ls-hd-box li .hotinfo p{ display: inline; text-indent: 2em;  line-height: 32px; font-size: 16px;  }
.ls-hd-box li .hotinfo  a{ color: #348daf;   }
.ls-hd-box li .hotinfo  a:hover{  text-decoration: underline;  }
@media (min-width: 992px) and (max-width:1199px) {
    .ls-zc-box li{ width: 450px;}

}
@media (max-width: 991px){
    .ls-special-bg4{  padding: 30px 0;}
    .ls-hd-box li .img-info{ float: none; text-align: center;  margin-top: 10px; width: auto; height: auto;}
    .ls-hd-box li .img-info img{ width: auto; max-width: 100%; height: auto;}
    .ls-hd-box li .hotinfo{  margin-left: 0;  }

}
@media (max-width: 767px){
    .ls-special-bg4{  padding: 20px 0;}
    .ls-hd-box li .hotinfo{ padding-top: 10px;  }
}
/* 当前位置 */
.wz_top{ margin-top: 0; font-size: 18px;}
/* 栏目页 */
.ls-special-lmbody{ background: #fff;}
.ls-special-lmbg{ padding-top: 40px;}
.ls-special-lm{ min-height: 500px;  background: rgba(255, 255, 255, 0.6); padding:25px; border: 1px solid #ddd;}
.rlmtitle{ border-bottom: 1px solid #ddd; }
.rlmtitle .columnname{ color: #fff;      padding: 0 14px; font-size: 24px; background: #3ba4d4;border:none }
.listnews .doc_list li{ margin: 4px 0;}
.listnews .doc_list li a, .listnews .download-list li a{  font-size: 18px;  max-width: 990px;}
.listnews .doc_list li.columnName{  font-size: 16px; line-height: 30px;  margin-bottom:10px; padding: 5px 0 5px 20px !important;}
.listnews .doc_list  li.columnName a.title{ font-weight:bold; float: none; white-space:normal; max-width: none !important; display: block; margin-right: 80px; color: #3ba4d4; font-size: 22px;}
.listnews .doc_list li.columnName a.more{ font-size:16px; color:#999; margin-right: 0 !important; position: absolute; right: 12px; top:5px !important;}
.listnews .doc_list  li.columnName a.more:hover{ color:#c00;}

.listnews ul.picture-list li{height: auto;text-align: center;width: 315px;}
.listnews ul.picture-list li a img{height: 161px;}
.listnews ul.picture-list li .date{ position: static; display: block; line-height: 28px;}
.listnews ul.picture-list li a .img_title{position: static;}
.listnews ul.picture-list li a{height: auto;}
.newscontnet p,.newscontnet span{ background: none !important;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-special-lmbg{ padding-top: 30px;}
    .ls-special-lm{ padding: 20px;}
    .listnews .doc_list li a, .listnews .download-list li a{    max-width: 790px;}
    .listnews ul.picture-list li{width: 307px; margin-right: 15px;}
    .listnews ul.picture-list li a img{height: 157px;}
}
@media (max-width: 991px){
    .ls-special-lmbg{ padding-top: 20px;}
    .ls-special-lm{ padding:10px; margin: 0 10px; min-height: auto; }
    .listnews ul.picture-list li{width: 350px;}
    .listnews ul.picture-list li a img{height: 179px;}
}
@media (max-width: 767px){
    .ls-special-lmbg{ padding-top: 10px;}
    .listnews ul.picture-list li{width:100%; text-align:center; margin:15px 0 0 0; }
    .listnews ul.picture-list li a{height:auto; float:none;max-width:none;}
    .listnews ul.picture-list li a img{height:auto ;}
}

/*视频列表*/
.listnews .videoNews-list li{  width: 315px; margin-right: 25px;}
.listnews .videoNews-list li .left-img img.video-thumb{ height: 161px;}
@media (max-width: 1384px) and (min-width: 992px){
    .listnews .videoNews-list li{  width: 320px;}
    .listnews .videoNews-list li .left-img img.video-thumb{ height: 213px;}
}
@media (max-width: 991px) and (min-width: 768px){
    .listnews .videoNews-list li{  width: 350px;}
    .listnews .videoNews-list li .left-img img.video-thumb{ height: 179px !important;}
}
@media (max-width: 767px){
    .listnews .videoNews-list li {width: 100%;margin: 0 0 10px;}
    .listnews .videoNews-list li .left-img img.video-thumb{ height: auto !important;}
}