@charset "UTF-8";

  @font-face{font-family: 'itc';src: url('../font/AVGARDM.TTF');font-weight: normal;font-style: normal;}
  *{padding: 0;margin: 0;list-style: none;text-decoration: none;box-sizing: border-box;letter-spacing: 1px;}
  .main-cont img{display: block;width: 100%;}
  h1,h2,h3,h4,h5,h6{font-weight: normal}
  input,button{outline: none;border: none;}
  .wid{width: 100%;}
  .ine-wid{width: 1500px;margin: 0 auto}
  .flex{display: flex;justify-content: center;align-items: center;}
  .flex-sb{display: flex;justify-content: space-between;align-items: center;}
  svg{width: 14px;fill: #afafaf;}
  video{width: 100%;border-color: transparent;outline-color: transparent;border-radius: 5px;object-fit: cover;}
  

/* header nav */
  header{width: 100%;}
  header .top{margin: 0 auto;height: 100px;}
  header .top>a{display: block;width: 150px;}
  header .top>a>svg{width: 100%;}
  header .top nav li{padding: 4px 10px;font-size: 15px;flex-shrink: 0;margin: 0 4px;}
  header .top nav li:not(.meb):hover{color: #c8161d;}
  header .top nav{margin-left: auto;}
  .sign-up,.login{border: 1px solid #bbb;border-radius: 5px;padding: 4px 10px;font-size: 15px;flex-shrink: 0;margin: 0 4px;}
  .login{background: #c8161d;border-color: #c8161d}
  .login a{color: #fff;}
  .login a svg path{fill: #fff;}
  header .top li>a>span{font-size: 14px;}
  header .top nav a{color: #555;}
  header .top nav a svg{vertical-align: -2px;}
  i.iconfont{font-size: 28px;font-weight: 600;display: none;color: #444}
  a.icon-code{display: none;}



  /* loca */
  .loca{margin: 3% auto;}
  .loca .lhd{text-align: center;color: #666;margin-bottom: 3%;}
  .loca .lhd .hd_mfs{font-size: 30px;}
  .loca .lhd .hd_bfs{font-size: 36px;}
  .loca .loca_items{width: 80%;margin: 0 auto;flex-wrap: wrap;justify-content: unset;}
  .loca .loca_items li{width: 25%;display: inline-flex;margin: 1% 0;position: relative;cursor: pointer;}
  .loca .loca_items li span,.loca .loca_items li b{color: #666;border-bottom: 1px solid #666;padding-bottom: 4px;}
  .loca .loca_items li span{margin-right: 2px;font-size: 18px;border-color: transparent;}
  .loca .loca_items li b{font-size: 16px;}
  .loca .loca_items li .loca_info{position: absolute;top: 130%;flex-direction: column;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3);z-index: 9999;padding: 4%;display: none;width: 360px;}
  .loca .loca_items li .loca_info:after{content:'';width: 15px;height: 15px;background: #fff;position: absolute;top: -6px;left: 51%;z-index: -1;transform: translate(-50%) rotate(45deg);}
  .loca .loca_items li .loca_info p{font-family: Arial, Helvetica, sans-serif;margin-bottom: 4px;}
  .loca .loca_items li .loca_info p span{font-size: 14px;}
  .loca .loca_items li .loca_info .name{margin-bottom: 10px;}
  .loca .loca_items li:hover .loca_info{display: flex;}

/* banner */
  .banner{position: relative;overflow: hidden;}
  .banner .banner-txt{position: absolute;left: 50%;transform: translate(-50%);z-index: 100;flex-direction: column;align-items: flex-start;}
  .banner .banner-txt h2{font-size: 46px;color: #000;font-weight: 300;}
  .banner .banner-txt p{font-size: 16px;color: #000;font-weight: 300;/*margin-top: 1.2%;*/white-space: pre-line;}
  .banner .banner-txt p>b{display: block;font-size: 24px;margin: 4px 0;font-family: 'itc';}
  .banner .banner-txt a{width: 250px;height: 56px;color: #fff;margin-top: 1%;font-size: 21px;background: #c8161d;border-radius: 4px;margin-top: 2%;}
  .banner .banner-txt .ban-login{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column; /*width: 330px;*/margin-top: 4%;}
  /* .banner .banner-txt .ban-login>span{display: block;} */
  .ban_descp{border: 1px solid #aaa; border-radius: 4px;padding: 1.8% 2.6% 1.8% 1.8%;background: #fff;}
  .ban-descp2{font-size: 15px;margin-top: 5%}
  .ban-descp3{margin-top: 1%;}
  .ban-descp3>b.ban_price{font-size: 36px;color: #c8161d;}
  .banner .banner-txt .registered,.banner .banner-txt .login{width: 48%;border-radius: 6px;}
  .banner .banner-txt .registered{background: #4ca1d6;}
  .banner .banner-txt .login{background: #c8161d;}
  .banner .banner-txt .forget-pwd{width: 100%;display: flex;justify-content: flex-end;align-items: center;height: auto;margin-top: 3%;color: #b5e3ff}
  .banner .banner-txt .forget-pwd span{width: 18px;height: 18px;border-radius: 50%;background: #4ca1d6;margin-left: 2%;}
/* main content */
  .main-cont .main-txt{margin: 0% auto;align-items: flex-start;padding: 3% 0;}
  .main-cont .second,.main-cont .fourth{background: #f7f7f7;}
  .main-cont .second h4{font-size: 40px;color: #444;font-weight: normal;text-align: center;margin: 0 0 3%}
  .main-cont .second a{display: block;width: 75%;margin: 0 auto;}

  .why_hd{flex-direction: column;margin: 3% 0;}
  .why_hd h4{font-size: 36px;color: #444;}
  .why_hd h4 .red{color: #c8161d}
  .why_hd p{font-size: 24px;margin: 1% 0 2%;}
  .why_hd li{list-style: disc;margin: 10px 0;font-size: 21px;}
  .why_cont{flex-wrap: wrap;}
  .why_cont .wc_list{width: 49%;border-left: 4px solid #c8161d;padding-left: 1rem;margin: 2.5% 0;}
  .why_cont .wc_list p{font-size:18px;}
  .why_cont .wc_list span{text-align: right;font-size: 15px;color: #777;display: block;margin-top: 4px;}
  .main-cont .main_cont_inner{display: none;}

  .main-cont .second p{margin: 0.8% 0;font-size: 21px;}

  .main-cont .main-txt.third{align-items: center;}
  .main-cont .main-txt.third header{margin: 0 auto 3%}
  .main-cont .main-txt.third header img{width: 40%;display: block;margin: 0 auto;}
  .main-cont .main-txt.third header{align-items: flex-start;}
  .main-cont .main-txt.third header .tea{margin: 0;width: 48%;}
  .main-cont .main-txt.third h3,.main-cont .main-txt.third p{color: #444;text-align: center;}
  .main-cont .main-txt.third h3{font-size: 42px;margin-bottom: 10px;}
  .main-cont .main-txt.third p{font-size: 40px;text-transform: uppercase;font-family: 'itc';font-weight: 600;}
  .main-cont .main-txt.third .book-items{align-items: flex-start;flex-wrap: wrap;}
  .main-cont .main-txt.third .book-list{flex-shrink: 0;width: 19%;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.1);}
  .main-cont .main-txt.third .tea_books{box-shadow: none;}
  .main-cont .main-txt.third .tea_book_cont,.book_ewm{display: none;}
  .main-cont .main-txt.third .book-list img{border-radius: 8px;}
  .main-cont .main-txt.third .bl-cont{margin: 1.5rem 0;}
  .main-cont .main-txt.third .bl-cont h5{color: #444;}
  .main-cont .main-txt.third .bl-cont h5{font-size: 18px;margin-bottom: 2%}
  .main-cont .main-txt.third .bl-cont span{font-size: 14px;color: #999;}
  .main-cont .main-txt.third .tea_shop{width: 100%;}
  .main-cont .main-txt.third p br,.st_btn{display: none;}
  .main-cont .main-txt.third .tea_shop .teas_pic{display: flex;justify-content: space-between;align-items: center;margin: 2% 0;}
  .main-cont .main-txt.third .tea_shop .teas_pic .tpic_list{width: 48%;}
  .main-cont .main-txt.third .tea_shop .teas_pic .tpic_list>span{margin-top: 2%;display: block;}
  .st_btn{margin: 0 auto;border: 1px solid #FF0036;color: #FF0036;padding: 1% 5%;font-size: 24px;background-color: #ffeded;border-radius: 8px;}
  .title_btn{display: block;margin: 0;white-space: nowrap;}
  .main-cont .main-txt.fourth{padding-top: 0;display: none;}
  .main-cont .main-txt.fourth .video-hd{justify-content: space-between;;margin-bottom: 3%;position: relative;}
  .main-cont .main-txt.fourth .video-hd h3{font-size: 24px;color: #444;padding-top: 1%;}
  .main-cont .main-txt.fourth .video-hd h3:before{content:'';position: absolute;width: 100%;height: 25px;background: #97aacb;left: 0;bottom: 0;z-index: -1;}
  .main-cont .main-txt.fourth .video-hd a{padding: 12px; background: #ededed;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 14px;color: #8b8b8b;position: absolute;top: 0;right: 0;}
  .main-cont .main-txt.fourth .video-hd a small{width: 100%;display: block;text-align: center;}
  .main-cont .main-txt.fourth .video-hd a span{display: block;width: 110px;margin-top: 10px;}
  .main-cont .main-txt.fourth .top-video{justify-content: flex-start;align-items: flex-start;}
  .main-cont .main-txt.fourth .left-video{width: 30%;position: relative;margin-right: 30px;border-radius: 5px;overflow: hidden;}

  /* .main-cont .main-txt.fourth .left-video{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
  .main-cont .main-txt.fourth .left-video .tea_vid{width: 48%;} */

  .main-cont .main-txt.fourth1{padding-top: 0;background: #f7f7f7;margin: 2% 0 0;}
  .main-cont .main-txt.fourth1 .video-hd{justify-content: space-between;;margin-bottom: 3%;position: relative;}
  .main-cont .main-txt.fourth1 .video-hd h3{font-size: 24px;color: #444;padding-top: 1%;}
  .main-cont .main-txt.fourth1 .video-hd h3:before{content:'';position: absolute;width: 100%;height: 25px;background: #97aacb;left: 0;bottom: 0;z-index: -1;}
  .main-cont .main-txt.fourth1 .video-hd a{padding: 12px; background: #ededed;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 14px;color: #8b8b8b;position: absolute;top: 0;right: 0;}
  .main-cont .main-txt.fourth1 .video-hd a small{width: 100%;display: block;text-align: center;}
  .main-cont .main-txt.fourth1 .video-hd a span{display: block;width: 110px;margin-top: 10px;}
  .main-cont .main-txt.fourth1 .top-video{justify-content: flex-start;align-items: flex-start;}
  .main-cont .main-txt.fourth1 .left-video{width: 30%;position: relative;margin-right: 30px;border-radius: 5px;overflow: hidden;}
  .main-cont .main-txt.fourth1 .left-video>small{position: absolute;right: 10px;top: 10px;padding: 4px 10px;background: linear-gradient(to right, #ff791d, #fbc605);border-radius: 5px;color: #fff;font-size: 12px;}
  time{position: absolute;right: 10px;bottom: 10px;background: rgba(0,0,0,.8);padding: 4px 8px;border-radius: 20px;color: #fff;font-weight: 600;font-size: 12px;}
  .main-cont .main-txt.fourth1 .right-cont h5{font-size: 18px;font-weight: 500;color: #222;margin-bottom: 10px;}
  .main-cont .main-txt.fourth1 .right-cont p{font-size: 14px;color: #444;margin: 6px 0;}
  .main-cont .main-txt.fourth1 .right-cont p span{color: #aaa;}
  .main-cont .main-txt.fourth1 .other-video{margin: 3% 0;}
  .main-cont .main-txt.fourth1 .other-video h4{margin: 1% 0; font-size: 18px; color: #444;font-weight: 400;}
  .main-cont .main-txt.fourth1 .other-video h4>span{font-family: 'itc';text-transform: uppercase;}
  .main-cont .main-txt.fourth1 .other-video h4 a{font-size: 14px;color: #666;margin-left: 10px;}
  .main-cont .main-txt.fourth1 .other-video h4 a span{font-size: 12px;vertical-align: 2px;font-weight: 600;}
  .main-cont .main-txt.fourth1 .other-video h4 a svg{vertical-align: -1px;margin-left: -6px;fill: #444;width: 12px;}
  .main-cont .main-txt.fourth1 .video-pic{position: relative;border-radius: 5px;overflow: hidden;}
  .main-cont .main-txt.fourth1 .nv-items{align-items: flex-start;}
  .main-cont .main-txt.fourth1 .nv-list{width: 24%;flex-shrink: 0;}
  .main-cont .main-txt.fourth1 .nv-list p{margin: 13px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
  .main-cont .main-txt.fourth1 .inner-box{padding-top: 2%;}
  .main-cont .main-txt.fourth1 .inner-box>img{width: 24%;}



  .main-cont .main-txt.fourth .left-video>small{position: absolute;right: 10px;top: 10px;padding: 4px 10px;background: linear-gradient(to right, #ff791d, #fbc605);border-radius: 5px;color: #fff;font-size: 12px;}
  time{position: absolute;right: 10px;bottom: 10px;background: rgba(0,0,0,.8);padding: 4px 8px;border-radius: 20px;color: #fff;font-weight: 600;font-size: 12px;}
  .main-cont .main-txt.fourth .right-cont h5{font-size: 18px;font-weight: 500;color: #222;margin-bottom: 10px;}
  .main-cont .main-txt.fourth .right-cont p{font-size: 14px;color: #444;margin: 6px 0;}
  .main-cont .main-txt.fourth .right-cont p span{color: #aaa;}
  .main-cont .main-txt.fourth .other-video{margin: 3% 0;}
  .main-cont .main-txt.fourth .other-video h4{margin: 1% 0; font-size: 18px; color: #444;font-weight: 400;}
  .main-cont .main-txt.fourth .other-video h4>span{font-family: 'itc';text-transform: uppercase;}
  .main-cont .main-txt.fourth .other-video h4 a{font-size: 14px;color: #666;margin-left: 10px;}
  .main-cont .main-txt.fourth .other-video h4 a span{font-size: 12px;vertical-align: 2px;font-weight: 600;}
  .main-cont .main-txt.fourth .other-video h4 a svg{vertical-align: -1px;margin-left: -6px;fill: #444;width: 12px;}
  .main-cont .main-txt.fourth .video-pic{position: relative;border-radius: 5px;overflow: hidden;}
  .main-cont .main-txt.fourth .nv-items{align-items: flex-start;}
  .main-cont .main-txt.fourth .nv-list{width: 24%;flex-shrink: 0;}
  .main-cont .main-txt.fourth .nv-list p{margin: 13px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 

  .contact_form{width:100%;}
  .contact_form {width: 100%;background-image: url(../images/contact_bg.png);background-repeat: no-repeat;background-size:cover;background-position:center}
  .contact_boc {padding: 60px 0;margin: auto;text-align: center;}
  .contact_boc h2 {font-size: 24px;color: #fff;font-weight: normal;}
  .contact_boc p {font-size: 17px;line-height: 25px;color: #fff;text-align: center;margin: auto;margin-bottom: 30px;}
  ul.contact{width:100%;margin-top: 3%;}
  ul.contact li{text-align:left;color:#444;font-size:15px;margin: 4px 0;}


/* form */
  .main-cont .meassage{margin: 0% auto;align-items: flex-start;padding: 3% 0 0;}
  .main-cont .meassage .msg-left,.main-cont .meassage form{/*width: 46%;*/margin: 2% 0}
  .main-cont .meassage .msg-left h3{font-size: 18px;font-weight: unset;color: #333;}
  p.country,.main-cont .meassage .msg-left a span{font-size: 15px;margin: 0 0 2% 0;color: #666;}
  p.country{margin-bottom: 0;}
  p.country span{display: block;color: #444;font-size: 15px;}
  /* .main-cont .meassage .msg-left a{display: block;width: 50%;} */
  .main-cont .meassage .msg-left a img{width: 100%;}
  .main-cont .meassage form{flex-direction: column;align-items: flex-start;}
  a.ewm{width: 110px;display: block;margin-bottom: 3%;}
  a.ewm span{color: #555;text-align: center;display: inline-block;width: 100%;font-size: 14px;}
  .main-cont .meassage form>div{width: 100%;margin: 3% 0;}
  .main-cont .meassage form label{font-size: 16px;color: #666;text-align: justify;width: 20%;}
  .main-cont .meassage form input{border: 1px solid #888;border-radius: 5px;width: 80%;padding: 0 1.6%;}
  .main-cont .meassage form button{margin-top: 2%; width: 40%;line-height: 2rem;border-radius: 5px;margin-left: 20%;background: #e5521e;color: #fff;}

/* footer */
  footer{background: #292b33;padding: 1rem 0}
  footer .footer{justify-content: flex-start;}
  footer .footer img{width: 300px;}
  footer .footer p{margin-left: 30px;color: #fff;font-size: 14px;}

/* media */

@media screen and (max-width: 1550px){

  .ine-wid,header .top{width: 92%;}

}
@media screen and (max-width: 1350px){

  .banner .banner-txt h2{font-size: 48px;}
  /* .banner .banner-txt p{font-size: 30px;} */
  .main-cont .second h4{font-size: 32px;}
  .main-cont .second a{width: 70%;}

}
@media screen and (max-width: 1230px){

  /* .banner .banner-txt{width: 80%;} */
  .main-cont .meassage .msg-left, .main-cont .meassage form{width: auto;}

}
@media screen and (max-width: 1200px){

  .main-cont .main-txt.third .left {width: 100%;}
  .main-cont .main-txt.third .right {width: 64%;margin: 0 auto}

  .loca .loca_items li:nth-child(4n+1) .loca_info{
    left: 36%;
  }
  .loca .loca_items li:nth-child(4n) .loca_info{
    right: 36%;
  }
  .loca .loca_items li:nth-child(4n+1) .loca_info:after{
    left: 30px;
  }
  .loca .loca_items li:nth-child(4n) .loca_info:after{
    right: 10px;
    left: unset;
  }

}
@media screen and (max-width: 1025px){

  .main-cont .main-txt .left,.main-cont .meassage .msg-left, .main-cont .meassage form {width: 100%;}
  .main-cont .main-txt .right {width: 60% !important;margin: 0 auto;}
  .main-cont .meassage {flex-direction: column;}

  header .top nav li{padding: 4px 8px;}
  .banner>a{overflow: hidden;}
  .banner>a>img{width: 140%;margin-left: -20%;}
  .banner .banner-txt h2{font-size: 40px;}
  /* .banner .banner-txt p{font-size: 24px;} */
  .banner .banner-txt .ban-login{width: 220px;}
  .banner .banner-txt a{height: 32px;}
  .main-cont .second h4{font-size: 28px;}
  .main-cont .second a{width: 85%;}
  .main-cont .main-txt.third header img{width: 48%;}

  .main-cont .main-txt.fourth .top-video,.main-cont .main-txt.fourth .nv-items{flex-wrap: wrap;}
  .main-cont .main-txt.fourth .nv-list{width: 49%;margin-top: 3%;}
  .main-cont .main-txt.fourth .right-cont{width: 100%;margin-top: 3%;}
  .main-cont .main-txt.fourth .other-video h4{font-size: 21px;}
  .main-cont .main-txt.fourth .left-video{width: 70%;margin-right: 0;}
  
  .main-cont .main-txt.third .book-items{flex-wrap: wrap;justify-content: unset;}
  .main-cont .main-txt.third .book-list:not(:nth-child(3n)){margin-right: 2%;}

  header .top{height: 70px;}
  header .top>a{width: 130px;}
  i.iconfont{display: block;}
  header{position: relative;}
  header nav.active{position: absolute;top: 100%;left: 0;z-index: 160;flex-direction: column;background: #fff;width: 100%;align-items: flex-start;padding: 2% 0;display: none;}
  header nav.active li{padding: 0;width: 92%;margin: 0 auto;margin-bottom: 2%;margin-bottom: 1.5%;}
  /* header nav.active li:nth-child(1),header nav.flex-sb li:nth-child(7){display: none;} */
  header nav.active li.meb{width: 100px;padding: 4px 8px;text-align: center;margin-left: 4%;}
  .icon-menu{margin-left: auto;}
  

}
@media screen and (max-width: 960px){

  /* .banner .banner-txt {width: 100%;} */
  .main-cont .main-txt .right{width: 80%!important;}
  .main-cont .second p{font-size: 18px;}
  .main-cont .second h4{font-weight: bold;}
  .main-cont .main-txt.third .tea_books{width: 100%;background: #4085c4;border-radius: 8px;padding: 3%;}
  .main-cont .main-txt.third .tea_books .top_cont{margin-bottom: 8%;}
  .main-cont .main-txt.third .tea_books .shop_tea{margin: 7% auto;}
  .main-cont .main-txt.third .tea_books .shop_tea .tea_title{font-size: 36px;color: #fff;font-weight: 500;text-align: center;margin-bottom: 3%;}
  .main-cont .main-txt.third .tea_books .shop_tea .st_btn{flex-direction: column;/*align-items: flex-start;*/background: #c8161d;width: 100%;border-radius: 8px;padding: 1.5% 0 1.5% 4%;color: #fff;}
  .main-cont .main-txt.third .tea_books .shop_tea .st_btn span{padding-top: 2%;}
  .main-cont .main-txt.third .tea_books .tpic_list{margin-top: 6%;margin-bottom: 2%;}
  .main-cont .main-txt.third .tea_books .tpic_list span{color: #fff;padding-top: 1%;display: block;}
  .main-cont .main-txt.third .tea_book_cont,.book_ewm,.main-cont .main-txt.third p br,.main-cont .main-txt.fourth{display: block;}
  .st_btn{display: flex;}
  .tea_banner,.book_ewm_top,.title_btn{display: none;}
    .main-cont .main_cont_inner{display: block;}

  .main-cont .main-txt.third .book-list{margin: 4% 0;width: 100%;}
  .main-cont .main-txt.third .tea_shop .teas_pic{flex-wrap: wrap;}
  .main-cont .main-txt.third .tea_shop .teas_pic .tpic_list,.main-cont .main-txt.third .tea_books .shop_tea .tea_title{width: 100%;}
  .main-cont .main-txt.third .tea_books .shop_tea{margin: 2% auto 0;}
  .main-cont .main-txt.third .tea_books .tpic_list{margin-top: 0;}
  .why_hoogege{display: none;}
  .main-cont .main-txt.third{display: block;}
  .main-cont .main-txt.fourth1 .inner-box{display: none;}
 
}
@media screen and (max-width: 900px){
  .loca .loca_items li:nth-child(4n+1) .loca_info{
    left: 36%;
  }
  .loca .loca_items li:nth-child(4n) .loca_info{
    right: 36%;
  }
  .loca .loca_items li:nth-child(4n+1) .loca_info:after{
    left: 30px;
  }
  .loca .loca_items li:nth-child(4n) .loca_info:after{
    right: 10px;
    left: unset;
  }

}
@media screen and (max-width: 800px){

  /* header .top a {width: 22%;} */
  .banner .banner-txt h2 {font-size: 36px;}
  .banner .banner-txt p {font-size: 28px;}
  .main-cont .main-txt .right{width: 100%!important;}
  /* .main-cont .main-txt {padding: 6% 0;} */
  footer .footer{flex-wrap: wrap;justify-content: center;}
  footer .footer p{width: 100%;margin-top: 2%;margin-left: 0;text-align: center;}
  .top-meb,.banner .banner-txt .forget-pwd{display: none;}
}
@media screen and (max-width: 700px){

  .banner .banner-txt h2{font-size: 30px;}
  .banner .banner-txt p{font-size: 20px;}
  .banner .banner-txt a{font-size: 12px}
  .main-cont .second h4,.main-cont .main-txt.fourth .video-hd h3{font-size: 22px;}
  .main-cont .second a{width: 100%;}
  .vewm{display: none;}
  .main-cont .main-txt.fourth .video-hd a.icon-code{display: block;background: linear-gradient(to right, #ff791d, #fbc605);color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding: 8px;}
  .main-cont .main-txt.fourth .video-hd a.icon-code:before{font-size: 18px;}
  .main-cont .main-txt.fourth .left-video{width: 80%;}
  .main-cont .main-txt.fourth .video-hd h3{margin-top: 3%;}
  .main-cont .main-txt.fourth .left-video,.main-cont .main-txt.fourth .nv-list{width: 100%;}
  .main-cont .main-txt.third header img{width: 60%;margin-top: 3%;}

  .main-cont .second p{font-size: 24px;margin: 2% 0;}

  header .top>a{margin-left: 50%;transform: translate(-50%);}
  .main-cont .main-txt.third .tea_books .shop_tea .tea_title{font-size: 32px;}
  .main-cont .main-txt.third .tea_books .shop_tea .st_btn{padding: 2%;font-size: 24px;padding-left:43%; }
  .main-cont .main-txt.third .tea_books .tpic_list span{font-size: 24px;}
  .main-cont .main-txt.third .tea_books .shop_tea .st_btn span{padding-top: 1%;}
  .main-cont .second .inner-box .hewm{margin: 4% 2%;}
  .main-cont .second .inner-box .hewm>img{width: 150px;margin: 0 auto;}
  .main-cont .second .inner-box .hewm>span{color: #333;font-size: 14px;display: block;text-align: center;}
  .main-cont .main-txt.third .book-list{width: 100%;}
  
  
  .loca .lhd .hd_mfs{font-size:20px;}
  .loca .lhd .hd_bfs{font-size:24px; }
  .loca .loca_items li .loca_info{
    padding: 12px;
  }
  .loca .loca_items li:nth-child(4n+1) .loca_info{
    left: 30%;
  }
  .loca .loca_items li:nth-child(4n) .loca_info{
    right: 30%;
  }
  .loca .loca_items li:nth-child(4n+1) .loca_info:after{
    left: 26px;
  }
  .loca .loca_items li:nth-child(4n) .loca_info:after{
    right: 6px;
    left: unset;
  }
}
/* @media screen and (max-width: 600px){

  .banner .banner-txt h2 {font-size: 30px;}
  .banner .banner-txt p {font-size: 21px;}
} */
@media screen and (max-width: 600px){

  .banner .banner-txt h2 {font-size: 26px;}
  .banner .banner-txt p {font-size: 18px;}
}
@media screen and (max-width: 550px){

  .banner .banner-txt h2{font-size: 32px;margin-bottom: 1%;}
  .banner .banner-txt p{font-size: 20px;text-align: left;}
  .banner .banner-txt .ban-login{width: 240px;margin-top: 4%;}
  .main-cont .second h4, .main-cont .main-txt.fourth .video-hd h3{font-size: 16px;}
  .main-cont .main-txt.third .book-list{width: 100%;}
  .main-cont .main-txt.third .tea_books{width: 100%;}

  .main-cont .main-txt.third .book-list:not(:nth-child(3n)){margin-right: 0;}
  .main-cont .main-txt.third .book-items{justify-content: space-between;}
  .banner .banner-txt{left: 65%;}
  a.ewm{margin: 0 auto 3%;}
  .main-cont .main-txt.third .tea_books .shop_tea .tea_title{font-size: 18px;}
  .main-cont .main-txt.third .tea_books .shop_tea .st_btn{width: 100%;font-size: 24px;padding-left: 38%;}
  .main-cont .main-txt.third .tea_books .tpic_list span{font-size: 13px;}
  .main-cont .main-txt.third .book-list{margin: 6% 0;}

  .loca .loca_items{width: 90%;}
  .loca .loca_items li:nth-child(4n+1) .loca_info{
    left: 30%;
  }
  .loca .loca_items li:nth-child(4n) .loca_info{
    right: 26%;
  }
  .loca .loca_items li:nth-child(4n+1) .loca_info:after{
    left: 26px;
  }
  .loca .loca_items li:nth-child(4n) .loca_info:after{
    right: 6px;
    left: unset;
  }
}
@media screen and (max-width: 480px){

  .main-cont .meassage form label {width: 24%;}
  .main-cont .meassage form input {width: 76%;}
  .main-cont .meassage form button {margin-left: 24%;}
  .main-cont .meassage .msg-left a img {width: 70%;}

  .banner>a>img{width: 240%;margin-left: 0%;}
  /* .banner .banner-txt{align-items: center;} */
  .tea_banner>a>img{width: 160%;margin-left: -30%;}
  .main-cont .second .inner-box .hewm>img{width: 100px;margin: 0 auto;}
}
@media screen and (max-width: 440px){

  /* .banner .banner-txt h2 {font-size: 23px;margin-bottom: 3%;}
  .banner .banner-txt p{white-space: unset;text-align: center;} */
  .banner .banner-txt .ban-login{margin-top: 6%;}
  .main-cont .main-txt.third header img{width: 100%;margin-top: 3%;}
  .banner .banner-txt{left: 62%;}
  
  .loca .loca_items li span{font-weight: normal;color:#888;font-size: 15px;}
  .loca .loca_items li b{font-weight: normal;color:#888;}

  .loca .loca_items{width: 100%;}
  .loca .loca_items li .loca_info{width: 300px;}
  .loca .loca_items li:nth-child(4n+1) .loca_info{
    left: 24%;
  }
  .loca .loca_items li:nth-child(4n) .loca_info{
    right: 16%;
  }
  .loca .loca_items li:nth-child(4n-1) .loca_info{
    right: -76%;
  }
  .loca .loca_items li:nth-child(4n-2) .loca_info{
    left: -76%;
  }
  .loca .loca_items li:nth-child(4n+1) .loca_info:after{
    left: 26px;
  }
  .loca .loca_items li:nth-child(4n) .loca_info:after{
    right: 6px;
    left: unset;
  }
  .loca .loca_items li:nth-child(4n-1) .loca_info:after{
    left: 62%;
  }
  .loca .loca_items li:nth-child(4n-2) .loca_info:after{
    left: 41%;
  }
}
@media screen and (max-width: 400px){

  .main-cont .main-txt .left h1 {font-size: 22px;}
  .main-cont .meassage form label {width: 30%;}
  .main-cont .meassage form input {width: 70%;}
  .main-cont .meassage form button {margin-left: 30%;}
  .main-cont .main-txt.third .book-list{width: 100%;margin-top: 0;}

  
}
@media screen and (max-width: 380px){

  /* .banner .banner-txt h2 {font-size: 21px;}
  .banner .banner-txt p {font-size: 16px;} */
  .main-cont .main-txt .left h1 {font-size: 20px;}
  .banner .banner-txt{left: 60%;}

  .loca .loca_items li:nth-child(4n-1) .loca_info:after{
    left: 66%;
  }
  .loca .loca_items li:nth-child(4n-2) .loca_info:after{
    left: 38%;
  }
}


.flex-sb img{margin-top: 15px;}

@media screen and (max-width: 960px){

.st_btn {
    flex-direction: column;
    /* align-items: flex-start; */
    background: #c8161d;
    width: 100%;
    border-radius: 8px;
    padding: 3.5% 0 3.5% 4%;
    color: #fff;
    background-color: #ffeded;
    border: 1px solid #FF0036;
    color: #FF0036;margin-top: 20px;}
	.st_btn b {
		font-size: 32px;
    /* padding-left: calc((100% - 100px) / 2); */
	}
}
@media screen and (max-width: 550px){
.shop_tea .st_btn {
    width: 100%;
    font-size: 24px;
    padding-left: 38%;
}
}
@media screen and (max-width: 550px)
{ 
	.shop_tea .tea_title {
    font-size: 18px!important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 3%;
		
}}


.left-video h3{text-align: center;}