@charset "utf-8";
/* CSS Document */






/* 通栏1 */
.tl01{background:url(../images/tl-bg.png)no-repeat center;padding: 53px 0;}
.tl01 .tl01-txt{    text-align: center;}
.tl01 .tl01-txt h2{font-size: 35px;font-weight: bold;color: #4f4f4f;}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  


}
@media (max-width: 767px){
  .tl01 .tl01-txt h2 {font-size: 19px;}
  .tl01 {padding: 28px 0;}
    

 

  
}





/* 公用标题 */
.bt{text-align:center;position:relative;margin: 0 0 30px;}
.bt h2{font-size: 30px;letter-spacing: 2px;}
.bt h2::before{content: "";position: absolute;width: 77px;height: 1px;background: #b9b9b9;top: 50%;left: 38%;}
.bt h2::after{content: "";position: absolute;width: 77px;height: 1px;background: #b9b9b9;top: 50%;right: 38%;}
@media (min-width: 992px) and (max-width: 1200px){
  .bt h2::before {left: 33%;}
  .bt h2::after {right: 33%;}

}
@media (max-width: 992px){
  .bt h2::before {left: 27%;}
  .bt h2::after {right: 27%;}
  


}
@media (max-width: 767px){
  .bt h2 {font-size: 20px;}
  .bt h2::before {left: 19%;width: 50px;}
  .bt h2::after {right: 19%;width: 50px;}
  .bt{margin: 0 0 25px;}
 

  
}



/* 国医大师 */
.gyds{padding: 30px 0;}
.gyds .ds-bt{}
.gyds .ds-bt h2::before{left: 35%;}
.gyds .ds-bt h2::after{right: 35%;}
.gyds .ds-box{}
.gyds .ds-box ul{}
.gyds .ds-box ul li{width: 21.5%;float: left;text-align: center;background:url(../images/ds-bg.png)no-repeat center;margin: 0 65px 0 0;background-size: cover;padding: 25px 30px;}
.gyds .ds-box ul li:last-child{margin-right:0;}
.gyds .ds-bg{padding: 0 0 25px;}
.gyds .ds-bg img{}
.gyds .ds-img{display: table-cell;vertical-align: middle;text-align: center;width: 241px;height: 145px;}
.gyds .ds-img img{display: inline-block;margin: auto;max-width: 100%;max-height: 100%;}
.gyds .ds-nr{}
.gyds .ds-nr h2{font-size: 20px; font-weight: bold;padding: 15px 0 0;}
.gyds .ds-nr h3{font-size: 15px;color: #7b7b7b;padding: 7px 0 12px;}
.gyds .ds-nr .ds-txt{    text-align: left; height: 130px;}
.gyds .ds-nr .ds-txt p{font-size: 15px;color: #aaa;line-height: 25px;}
.gyds .ds-nr .ds-btn{}
.gyds .ds-nr .ds-btn a{font-size: 15px;color: #505050;border: 1px solid #c5c5c5;padding: 4px 16px;display: inline-block;transition:all .5s}
.gyds .ds-nr .ds-btn a:hover{background:#c8251c;color:#fff;transition:all .5s;border:1px solid #c8251c}
.gyds .ds-nr .ds-btn i{padding: 0 0 0 4px;}
@media (min-width: 992px) and (max-width: 1200px){
  .gyds .ds-box ul li { width: 19.9%;padding: 25px 17px;}
  .gyds .ds-bg img {width: 100%;}
  .gyds .ds-nr .ds-txt {height: 131px;overflow: hidden;}
  .gyds .ds-bt h2::before { left: 28%;}
  .gyds .ds-bt h2::after { right: 28%;}

}
@media (max-width: 992px){
  .gyds .ds-box ul li {width: 47.5%; margin: 0 35px 15px 0;}
  .gyds .ds-box ul li:nth-child(2n) {margin-right: 0;}
  .gyds .ds-img {width: 295px;}
  .gyds .ds-bt h2::before { left: 22%;}
  .gyds .ds-bt h2::after { right: 22%;}
  


}
@media (max-width: 767px){
  .gyds {padding: 25px 9px;}
  .gyds .ds-box ul li {
    width: 100%;margin: 0 0 10px 0;padding: 17px 17px;}
  .gyds .ds-img {width: 30%;float: left;height: 182px;}
  .gyds .ds-nr {width: 64%;float: right;text-align: left;}
  .gyds .ds-nr h2 {padding: 0;}
  .gyds .ds-nr .ds-txt p { font-size: 14px; line-height: 23px;}
  .gyds .ds-nr .ds-txt {height: 96px;overflow: hidden;}

  .gyds .ds-bt h2::before { left: 13%;}
  .gyds .ds-bt h2::after { right: 13%;}
 

  
}






/* 供应商 */
.gys{}
.gys .gys-bt{}
.gys .gys-box{display: inline-block;padding: 30px;box-shadow: 0px 0px 11px #e7e7e7;}
.gys .gys-lb{}
.gys .gys-img{background: #000;}
.gys .gys-img img{width: 100%;height: 100%;object-fit: cover;}
.gys .gys-tb{display: table-cell;vertical-align: middle;text-align: center;width: 260px;height: 122px;}
.gys .gys-img video { width: 100%;height: 372px;}
.gys .gys-tb img{display: inline-block;margin: auto;max-width: 100%;max-height: 100%;}
.gys .gys-nr,.gys .gys-lb{width: 48.6%;float: left;}
.gys .gys-nr{margin: 0 35px 0 0;}

.gys .nav-tabs>li>a {font-size: 18px;border-radius: 0px;border:none}
.gys .nav-tabs {border-bottom: none;}
.gys .nav-tabs>li {margin: 0;width: 33.33%;}
.gys .nav>li>a {padding: 0;border: 1px solid #ededed;margin: 0;cursor: pointer !important;}
.gys .nav-tabs>li>a:hover {border: none;background:#0056AC;color:#fff}
.gys .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: 1px solid #c8251c;background: none !important;color: #fff;padding: 0;margin: 0;}
@media (min-width: 992px) and (max-width: 1200px){
  .gys .gys-nr, .gys .gys-lb {width: 48%;}

}
@media (max-width: 992px){
  .gys .gys-nr, .gys .gys-lb { width: 47.4%;}
  


}
@media (max-width: 767px){
  .gys {padding: 0 9px;}
  .gys .gys-box {padding: 15px;}
  .gys .gys-nr, .gys .gys-lb {width: 100%;}
  .gys .gys-img { height: 210px;}
  .gys .gys-tb { height: 81px;}
  .gys .gys-lb {padding: 15px 0 0;}

  .gys .gys-img video {height: 219px;}
 

  
}






/* 药材 产区 */
.cpzs{padding: 30px 0;}
.cpzs .yaoc{width: 60%;float: left;box-shadow: 0px 0px 11px #e7e7e7;}
.cpzs .zs-bt{display: flex;justify-content: space-between;align-items: center;background: linear-gradient(265deg, #ab0000, #e01d00);color: #fff;padding: 10px 15px;}
.cpzs .zs-bt h2{font-size: 25px;font-weight: bold;display: flex;align-items: center;}
.cpzs .zs-bt span{font-weight: normal;font-size: 17px; padding: 0 0 0 6px;}
.cpzs .zs-bt a{font-size: 17px;color: #fff;}
.cpzs .zs-bt a:hover{color:#fff}
.cpzs .zs-bt i{padding: 0 0 0 6px;}
.cpzs .yaoc ul{overflow: hidden;padding: 20px 20px 7px;}
.cpzs .yaoc ul li{width: 49.3%;float: left;border: 1px solid #eee;margin: 0 10px 10px 0px;padding: 13px 15px;}
.cpzs .yaoc ul li:nth-child(2n) {margin-right: 0;}
.cpzs .yaoc .yaoc-img{width: 37%;height: 125px;float: left;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.cpzs .yaoc .yaoc-img img{display: inline-block;margin: auto;max-width: 100%;max-height: 100%;}
.cpzs .yaoc .yaoc-nr{width: 61%;float: right;    padding: 10px 0 0;}
.cpzs .yaoc .yaoc-bt{display: flex;align-items: center;padding: 0 0 7px;}
.cpzs .yaoc .yaoc-bt h2{font-size: 18px;font-weight: bold;}
.cpzs .yaoc .yaoc-bt h3{color: #c8251c;border: 1px solid #c8251c;border-radius: 50px;padding: 4px;font-size: 13px;margin: 0 12px;}
.cpzs .yaoc .yaoc-bt span{background: #eee;font-size: 14px;color: #bdbdbd;border-radius: 50px;padding: 1px 18px;}
.cpzs .yaoc p{font-size: 14px;color: #c0c0c0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.cpzs .yaoc h5{color: #000;font-size: 15px;padding: 15px 0 0;}
.cpzs .yaoc h5 i{padding: 0 6px 0 0;}

.cpzs .chanq{width: 38%;float: right;box-shadow: 0px 0px 11px #e7e7e7;}
.cpzs .chanq ul{padding: 0 20px;}
.cpzs .chanq ul li{overflow: hidden;border-bottom: 1px solid #e9e9e9;padding: 15px 0;}
.cpzs .chanq ul li:last-child{border:none;}
.cpzs .chanq .chanq-img{width: 50%;float: left;height: 140px}
.cpzs .chanq .chanq-img img{width:100%;height:100%;object-fit:cover;}
.cpzs .chanq .chanq-nr{width: 47%;float: right;padding: 10px 0 0}
.cpzs .chanq .chanq-nr h2{font-size: 18px;font-weight: bold;}
.cpzs .chanq .chanq-nr p{font-size: 14px;color: #c0c0c0;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.cpzs .chanq .chanq-nr span{font-size: 15px;color: #484848;border: 1px solid #ddd;padding: 4px 18px;border-radius: 3px;display: inline-block;margin: 0 15px 0 0;}
@media (min-width: 992px) and (max-width: 1200px){
  .cpzs .yaoc ul li {width: 49%;}
  .cpzs .yaoc .yaoc-img { width: 100%;height: 74px;}
  .cpzs .yaoc .yaoc-nr {width: 100%;}
  .cpzs .chanq .chanq-nr span {padding: 4px 13px; margin: 0 10px 0 0;}

}
@media (max-width: 992px){
  .cpzs .yaoc { width: 100%;}
  .cpzs .chanq {width: 100%;}
  .cpzs .yaoc ul li {width: 49.2%;}
  


}
@media (max-width: 767px){
  .cpzs {padding: 25px 9px;}
  .cpzs .zs-bt h2 {font-size: 19px;}
  .cpzs .zs-bt span {font-size: 14px;padding: 0 0 0 3px;}
  .cpzs .zs-bt a {font-size: 14px;}
  .cpzs .yaoc ul { padding: 15px 15px 7px;}
  .cpzs .yaoc ul li {width: 100%;margin: 0 10px 10px 0px;padding: 9px 3px;}
  .cpzs .yaoc .yaoc-bt h2 {font-size: 16px; font-weight: normal;}
  .cpzs .yaoc .yaoc-bt h3 { padding: 4px; font-size: 12px; margin: 0 5px;}
  .cpzs .yaoc .yaoc-bt span { font-size: 13px;padding: 1px 18px;}
  .cpzs .chanq ul { padding: 0 15px;}
  .cpzs .chanq .chanq-nr span {font-size: 14px; padding: 4px 13px;margin: 0 10px 0 0;}
  .cpzs .chanq .chanq-nr h2 { font-size: 16px; font-weight: normal;}
 

  
}






/* 通栏2 */
.tl02{background:url(../images/tl-bg2.png)no-repeat center;}
.tl02 .tl02-txt{text-align:center;padding: 50px 0;}
.tl02 .tl02-txt h2{font-size: 32px;font-weight: bold;color: #4f4f4f;letter-spacing: 2px;}
.tl02 .tl02-txt span{font-weight: normal;font-size: 28px;padding: 0 0 0 25px;}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  .tl02 .tl02-txt h2 {font-size: 30px;}
  .tl02 .tl02-txt span {font-size: 28px;padding: 9px 0 0;display: block;}
  


}
@media (max-width: 767px){
  .tl02 .tl02-txt h2 {font-size: 17px;}
  .tl02 .tl02-txt span {font-size: 18px;}
  .tl02 .tl02-txt { padding: 25px 0;}
 

  
}





/* 合作伙伴 */
.hzhb{padding: 30px 0 15px;}
.hzhb .hb-bt{}
.hzhb .hb-box{}
.hzhb .hb-box ul{}
.hzhb .hb-box ul li{width: 18%;float: left;text-align: center;border: 1px solid #eee;margin: 0 35px 15px 0;}
.hzhb .hb-box ul li:nth-child(5n) {margin-right: 0;}
.hzhb .hb-img{width: 100%;height: 65px;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.hzhb .hb-img img{display: inline-block;margin: auto; max-width: 100%;max-height: 100%;}
@media (min-width: 992px) and (max-width: 1200px){
  .hzhb .hb-box ul li {width: 17.1%;}

}
@media (max-width: 992px){
  .hzhb .hb-box ul li {width: 16.2%;}
  


}
@media (max-width: 767px){
  .hzhb {padding: 25px 9px 10px;}
  .hzhb .hb-box ul li {width: 47.9%;margin: 0 15px 10px 0;}
  .hzhb .hb-box ul li:nth-child(2n) {margin-right: 0px;}
  .hzhb .hb-box ul li:nth-child(5n) {margin-right: 15px;}
  .hzhb .hb-box ul li:last-child {margin-right: 0px;}
 

  
}






/* 通栏3 */
.tl03{background:url(../images/tl-bg3.png)no-repeat center;color:#fff;padding: 30px 0;margin: 0 0 60px;}
.tl03 .tl03-txt{overflow:hidden;}
.tl03 .tl03-txt ul{}
.tl03 .tl03-txt ul li{width: 20%;float: left;text-align: center;display: flex;align-items: center;justify-content: center;color: #fff;}
.tl03 .tl03-txt ul li h2{    font-size: 22px;border: 1px solid #fff;border-radius: 50px;padding: 12px;margin: 0 15px 0 0;}
.tl03 .tl03-txt ul li h3{font-size: 20px;}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  


}
@media (max-width: 767px){
  .tl03 .tl03-txt ul li {width: 50%;margin: 0 0 10px;}
  .tl03 .tl03-txt ul li h3 { font-size: 17px;}
  .tl03 .tl03-txt ul li h2 {font-size: 17px; padding: 8px; margin: 0 7px 0px 0;}
  .tl03 { padding: 17px 0 6px;background-size: cover; margin: 0;}
 

  
}