@charset "UTF-8";
/*reset*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0;padding: 0;}
body{font-family:PingFang,"Microsoft YaHei","SimSun","Arial";color:#333;background:#fff;font-size:14px;line-height:1.42857143;word-break:break-all;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
a{color:#333;text-decoration:none;}
a:active,a:hover{outline:0}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
ol,ul,li{list-style: none;}
img{border:0;vertical-align:middle;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;outline:none;}
textarea{overflow:auto;resize:none}
select{background:#fff}
table {border-collapse:collapse;border-spacing:0}
[role="button"] {cursor:pointer;}
em{font-style:normal;}
/*浮动*/
.fr{float:right;}
.fl{float:left;}
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
.pt82{padding-top: 82px;}
.pt0{padding-top: 0!important;}
/*位置*/
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
/*文字溢出*/
.nowrap{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;}
.nowrap-2{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nowrap-3{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.nowrap-4{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
/*图片*/
.data-photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.limit-img img{margin: 0 auto;display: block;max-width: 100%;height: auto!important;}
.limit-img.stretch img{width:100%}
/*过渡*/
.my-trans{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out}
/*主体内容*/
html,body{min-width:100%;height:100%;min-width:1100px}
body{background:#fff;-webkit-font-smoothing:antialiased}
.page-header,.page-footer{width:100%}
/*容器*/
.wrap{min-width:1100px;min-height: calc(100vh - 170px);min-height: 770px;}
.container{width: 1100px;margin: 0 auto;}
/*背景色*/
.bgc-0{background-color:#000}
.bgc-f4{background-color:#F4F1F4}
/*标题*/
.secone-title{font-size:34px;font-weight:bold;color:#fff;text-align:center}
.secone-title-re{font-size:31px;font-weight:800;color:#333;text-align:center}
/*查看更多*/
.more-btn{display: block;width:120px;height:40px;line-height: 38px;border: 1px solid #aaa;text-align: center;border-radius:4px;margin: 0 auto;font-size: 16px;}
/*头部*/
.page-header{position: relative;height: 166px;background-color:#fff}
.header-top-box{font-size: 0;background:#E9E9E9}
.page-header .logo-box{height: 120px;padding-top:24px;text-align:center;}
.page-header .logo-box>a{display:inline-block;height:72px;position:relative}
.page-header .nav-list li{display: block;width: 260px;height:46px;text-align: center;float: left;}
.page-header .nav-list a{font-size: 17px;display: inline-block;height: 100%;line-height:46px;position: relative;padding: 0 24px;color:#231815;}
.page-header .nav-list .active a{color:#F28022;}
.page-header .nav-list>li:nth-child(1),.page-header .nav-list>li:nth-child(5){width:160px}
.page-header .nav-list>li:nth-child(1){text-align:left}
.page-header .nav-list>li:nth-child(5){text-align:right}
.page-header .nav.fixed{position:fixed;background:rgba(51,51,51,0.95);left:0;top:0;width:100%;z-index:999;min-width:1100px}
.page-header .nav.fixed .nav-list>li a{color:#fff}
.page-header .nav.fixed .nav-list>li:hover a,.page-header .nav.fixed .nav-list>li.active a{color:#F1DE8B}
.page-header .nav-placeholder{visibility:hidden;}
/*底部*/
.page-footer{position:relative;z-index:3;padding:27px 0 15px}
.page-footer .fri-link .title{font-size:14px;color:#fff;margin-bottom:4px}
.page-footer .fri-link .list{overflow:hidden}
.page-footer .fri-link .list a{float:left;height:30px;line-height:30px;margin:0 10px;font-size:14px;color:#fff;text-indent:-10px}
.page-footer .copy{margin-top:52px;color:#fff;font-size:14px;line-height:22px}
.page-footer .copy .bah{margin-left:10px}
.page-footer .copy>a{color:#fff;font-size:14px}
.page-footer .online-contact>a{margin-left:18px;display:inline-block;position:relative}
.page-footer .icon-wx1{position:absolute;top:0;left:0;opacity:0}
.page-footer .code-wx-box{position:absolute;bottom:36px;left:-36px;opacity:0;width:100px;height:100px;pointer-events:none;box-shadow:0 2px 7px 0 rgba(0,0,0,.25);}
.page-footer .wx:hover .code-wx-box,.page-footer .wx:hover .icon-wx1{opacity:1;pointer-events:auto}
/*分页*/
.pagelist{text-align:center;padding:20px 0;margin-top:20px;font-size: 16px;line-height:32px;}
.pagelist span{display:inline-block;width:30px;background:#333;color:#FFF;height:32px;border-radius:4px;line-height:32px;}
.pagelist a{color:#666;margin:0 5px;}
.pagelist .last-page{margin-right:20px;}
.pagelist .next-page{margin-left:20px;}
/*面包屑导航*/
.breadcrumb{color: #333;font-size: 12px;padding: 10px 0 78px;}
.breadcrumb span{color: #999;}
/*banner*/
.top-banner{width: 100%;height: 0;position: relative;padding-top:44.42708%}
.top-banner .banner-cnt{width:100%;height:100%;position:absolute;top:0;overflow:hidden}
.top-banner .swiper-container{width: 100%;height: 100%;}
.top-banner .pagination{position: absolute;left: 0;text-align: center;bottom:10px;width: 100%;z-index: 3;}
.top-banner .swiper-pagination-switch {display: inline-block;width: 9px;height: 9px;border-radius: 50%;background: #000;margin: 0 5px;opacity:.6;cursor: pointer;outline:none}
.top-banner .swiper-active-switch {opacity: 1;background:#E0D9D9;}
.top-banner a{display: block;width: 100%;height: 100%;}
/*爆销热款*/
.page-home .hot-list{padding:103px 0 100px;}
.hot-list .btn-see{margin-top: 11px;display:block;width:111px;height:24px;font-size:16px;border:1px solid #F4994D;font-weight:400;color:#F4994D;line-height:22px;text-align: center;}
.hot-list .fir{margin:109px auto 42px;width:1100px;height:420px;}
.hot-list .fir .p-img{display:block;width:750px;height:420px;overflow:hidden;}
.hot-list .fir .p-intro{padding:50px;width:350px;height:420px;background:#fff}
.hot-list .fir .p-intro h4{margin-top: 36px;font-size:47px;font-weight:800;color:#000;line-height:52px;}
.hot-list .fir .p-intro .type{margin-top: 12px;font-size:16px;font-weight:400;color:#000;line-height:22px;}
.hot-list .fir .p-intro .price{margin-top: 13px;font-size:35px;font-weight:500;color:#000;}
.hot-list .fir .p-intro .desc{margin-top: 52px;font-size:18px;font-weight:500;color:#000;line-height:22px;}
.hot-list ul{margin-left:-20px}
.hot-list li{float:left;margin-left:20px}
.hot-list li .p-img{display:block;width:540px;height:302px;overflow:hidden;}
.hot-list li .p-intro{padding:8px;width:540px;height:60px;}
.hot-list li .p-intro .type{float:left;font-size:20px;font-weight:800;color:#fff;line-height:44px;}
.hot-list li .p-intro .btn-see{float:left;margin-left:30px;border-color:#F28022;color:#F28022;}
/*正能量茶签*/
.page-home .mythumbs{padding: 0 0 63px;}
.mythumbs .m-banner{height: 300px;margin-top: 69px;position: relative;margin-left:-25px}
.mythumbs .swiper-container{width: 100%;height: 100%;}
.mythumbs .swiper-slide{width: 194px;height: 300px;padding: 0 50px;}
.mythumbs .m-banner .arrow-btn{position:absolute;top:50%;display: block;width:27px;height:48px;margin-top: -24px;cursor: pointer;z-index: 10;}
.mythumbs .m-banner .arrow-left{left:-50px;background:url("../img/icon_arrow_l.png") no-repeat center;}@media(max-width:1300px){.mythumbs .m-banner .arrow-left{left:25px;}}
.mythumbs .m-banner .arrow-right{right:-50px;background:url("../img/icon_arrow_r.png") no-repeat center;}@media(max-width:1300px){.mythumbs .m-banner .arrow-right{right:0;}}
/*茶叶*/
.tea-tips{margin-top:21px;display:inline-block;width:131px;height:33px;border:1px solid #000;font-size:17px;font-weight:400;color:#000;line-height:31px}
.tea-list{margin:64px -12px 0;}
.tea-list li{margin:0 11px 20px;float:left;width:540px;}
.tea-list li>a{display:block;}
.tea-list .p-img{width:100%;height:378px;position:relative}
.tea-list .p-intro{padding:25px 20px;width:100%;height:157px}
.tea-list .p-intro h4{font-size:26px;font-weight:800;color:#000;line-height:41px;position:relative;}
.tea-list .p-intro h4:after{content: "";position: absolute;top: 50%;margin-top: -11px;margin-left: 8px;width:22px;height:24px;background:url(../img/icon_arrow.png) no-repeat center/22px 24px;}
.tea-list .p-intro .desc{margin-top:4px;font-size:12px;font-weight:400;color:#000;line-height:21px;}
.intro-tea{padding:109px 0 89px;font-size:26px;font-weight:400;color:#231815;line-height: 62px;}
.back-to-top{background:#E9E6EA}
.back-to-top>span{padding-right:29px;font-size:30px;font-weight:800;color:#000;line-height:77px;background: url(../img/icon_arrow_up.png) no-repeat right center/21px 13px;}
/*品牌故事*/
.page-brand .top-banner{padding-top:25%}
.page-brand .top-banner .swiper-pagination-bullets{bottom:8px;}
.aboutus{padding:44px 30px;font-size:24px;font-weight:500;color:#231815;line-height:48px;}
/*产品瀑布流*/
.page-product .container{padding:26px 51px 0 10px;}
.brand-list .item{float:left;width:33.33333333%;padding-left:41px;padding-bottom:47px}
.brand-list .item>a{position:relative;display:block;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,transform .3s ease-out}
.brand-list .item>a:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.brand-list .intro-box{padding:15px;height: 144px;background:#fff}
.brand-list .intro-box h4{margin-top: 4px;margin-bottom: 13px;height: 56px;color: #000;font-size: 25px;line-height:28px;}
.brand-list .intro-box .price{color: #F28022;font-size: 25px;}
/*产品详情页*/
.page-productS .top-banner{padding-top:60%}
.page-productS .top-banner .swiper-pagination-bullets{bottom:13px;}
.page-productS .goods-info{padding:55px 0 0;}
.page-productS .goods-info .price{font-size:24px;font-weight:500;color:#EC5D29;margin-bottom: 11px;}
.page-productS .goods-info h2{color: #000;font-size: 16px;line-height:19px;}
.page-productS .goods-info .other{margin-top: 23px;}
.page-productS .goods-info .other .name,.page-productS .goods-info .other .item{display:block}
.page-productS .goods-info .other .name{width:100px}
.page-productS .goods-info .other .item{max-width:900px}
.page-productS .goods-info .other li{font-size: 16px;color: #626262;line-height: 28px;}
.page-productS .goods-info .other li i{display: inline-block;vertical-align: middle;width:3px;height:3px;background:#EC5D29;border-radius:50%;margin-right: 8px;}
.page-productS .goods-detail{margin-top: 60px;margin-bottom: 40px;color: #000;font-size:14px;line-height:1.8em;word-break: normal;word-wrap: break-word;text-align: justify;}
.page-productS .goods-detail.limit-img img{margin-top:10px;margin-bottom:10px;}