*{ margin: 0; padding: 0;line-height:1.5;font-size: 20px; color: #333;}

body{ width:640px; margin: 0 auto;font-family: '苹方','微软雅黑','Microsoft Yahei','宋体'; font-weight: normal; background: #f8f8f8;}

div, h1, h2, h3, h4, h5, h6, p,span,a,input,textarea,select,span,i,b, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {margin: 0;padding: 0;border: 0; outline:none;}

input{ padding:0; margin:0; outline:none;}

li{list-style-type:none;list-style:none;}

img {max-width: 100%; display:inline-block;border:0;vertical-align:middle; height: auto;object-fit:cover}

a{text-decoration: none;}

.cx640{ width: 640px; float: left; box-sizing: border-box; background: #fff; overflow: hidden;}

.swiper-container{width:100%;height:100%;}

:root{--swiper-theme-color: #be9567;}

.gcd640{ width: 640px; margin: 0 auto; background-color: #fff;}

.fixtop{height: 102px; background-color: #fff; position: fixed; top: 0;z-index: 99; border-bottom: 1px solid #eaeaea;}

.fixtop .logo{ width: 230px; height: 102px; float: left;}

.fixtop .navbtn1{ width: 130px; height: 102px; float: right; cursor: pointer; box-sizing: border-box; padding-top: 25px;}

.fixtop .navbtn1 span{ display: block; width: 40px; height: 3px; margin: 10px auto 0; background-color:#9d7537;}

.address{ height: 162px; padding: 0 50px; line-height: 60px; color: #98733c; padding-top: 102px; box-sizing: border-box;}

.banner{ height:360px;}

.about{ height: 980px; background-color: #f1f1f1;}.about dl{ display:block;}

.about dl>dt{font-size: 24px;color: #000;font-weight: bold;text-align: center;padding-bottom: 20px;padding-top: 50px;}

.about dl>dd{color: #333;line-height: 30px;display: block;overflow: hidden;}

.about dl>dd:nth-child(2){display:block;box-sizing: border-box;padding: 0 80px;}

.about dl>dd p{ padding-bottom: 40px;}

.about dl>dd a{display: inline-block; float: right; border-bottom: 1px solid #333;}

.about dl>dd dl{display: block;float: left;padding-top: 50px;width: 213px;box-sizing: border-box;padding: 50px 25px 0;}

.about dl>dd dl dt{font-size: 24px;color: #000;font-weight: bold;text-align: center;padding-top: 20px;}

.about dl>dd dl dd img{ display: block; margin: 0 auto 20px; transition: all .5s; border-radius: 50%; overflow: hidden;}

.about dl>dd dl dd img:hover{transform:rotate(-360deg);}

.pro{ height: 570px;}

.pro p{font-size: 24px;color: #000;font-weight: bold;text-align: center; padding: 50px 0;}

.pro img{box-shadow:0px 0px 30px #ccc;}

.store{ height: 440px;}

.store p{font-size: 24px;color: #000;font-weight: bold;text-align: center; padding: 30px 0;}

.store .swiper-container{ width: 640px; position: relative; left: 50%; margin-left: -320px; margin-bottom: 70px; height: auto;}

.store .swiper-container p{font-size: 16px; line-height:60px; color: #333;}

.store .swiper-container img{ display: block; width:480px; height: 272px;object-fit: inherit;}

.store .swiper-container .swiper-slide-active img{opacity: 1;}

.store span{ line-height: 60px;}

:root{--swiper-theme-color: #fff!important;}

.store_add{ height:auto; overflow: hidden;}

.store_add>p{font-size: 24px;color: #000;font-weight: bold;text-align: center; padding: 30px 0; margin: 0 auto; width: 600px; border-bottom: 1px solid #ccc;}

.store_add dl{ display: block; box-sizing: border-box; overflow: hidden; padding:10px 40px;}

.store_add dl dt{ color:#c49c57;font-size: 24px;display: block; border-bottom: 3px solid #c49c57; line-height: 100px; margin-bottom: 20px;}

.store_add dd{ display: block; height: 50px; overflow: hidden;}

.store_add dd p{ line-height: 50px;}

.store_add dd span{ display: inline-block; width: 30px; height: 30px; background: #c9ac9a; line-height: 30px;text-align: center; border-radius: 50%; margin-right: 10px; color: #fff;}

.store_add a{display: block; margin: 10px auto 30px; width: 180px; height: 40px; border: 1px solid #cc9e6a; color: #cc9e6a; text-align: center; line-height: 40px; border-radius: 20px; }

.join{height: auto;background-color: #eeeeee;text-align: center; overflow: hidden; padding-bottom: 20px;}

.join .bt{text-align: center; padding:60px 0 40px; display: block;}

.join .bt span{ font-size:30px; color: #b4b4b4;font-weight: bold;}

.join .bt p{ font-size: 24px; color: #232323; line-height:50px; font-weight: bold;}

.join .box{width: 40%;height: 390px;background-color: #fff;border-radius: 15px;overflow: hidden;box-sizing: border-box;padding: 0 30px 30px;display: inline-block; margin: 10px;min-height:330px;}

.join .box img{ display: block; margin: 20px auto 0;}

.join .box p{font-size: 23px;color: #000;font-weight: bold;text-align: center;line-height: 50px;}

.news{ height: auto; box-sizing: border-box; padding: 45px; overflow: hidden;}

.news img{ display: block; width: 550px; height: 265px;}

.news p{ font-size: 32px; line-height: 80px;}

.news span{ color: #666;}

.foot{height: 350px; background-color: #fff; box-sizing: border-box; padding: 45px; text-align: center; position: relative; padding-bottom: 115px;}

.foot>div{width:150px; float: left;}

.foot>div img{ padding: 10px; border: 1px solid #ccc; border-radius: 10px; display: block; width: 100px; height: 100px; margin: 0 auto;}

.foot>p{ font-size: 16px; padding-top: 40px;}

.foot>img{ position: absolute; top: 160px;right:40px; cursor: pointer;}

.fixbottom{ background-color: #eeeeee; height: 115px; position: fixed; bottom: 0px; z-index: 1000; text-align: center;}

.fixbottom a{ display: block; width: 33.33%; float: left; box-sizing: border-box; padding: 10px;}

/* 首页end */

.tc_nav{ position: fixed; z-index: 1001; background: rgba(130, 95, 48, .98); height: 100%; box-sizing: border-box; padding: 150px 100px; display: none;}

.tc_nav a{display: block; height: 100px; color: #fff; font-size: 22px; border-bottom: 1px solid #b19b82; line-height: 100px;}

.tc_nav .close{ width: 60px; height: 60px; border-radius: 30px; margin: 40px auto; border: 2px solid #c6b6a3; position: relative; cursor: pointer;}

.tc_nav .close span{display: block; width: 40px; height: 3px; background: #fff; border-radius: 1.5px;transform:rotate(45deg); position:absolute; top: 28px; left: 10px;}

.tc_nav .close span:last-child{display: block; width: 40px; height: 3px; background: #fff; border-radius: 1.5px;transform:rotate(-45deg);}

/* 弹窗 */

.layui-layer-title{display: none;}

.fixsm{padding: 30px; overflow: hidden;  box-sizing: border-box!important; border-radius: 30px!important;}

.fixsm .box{ padding: 30px;}

.fixsm h3{ text-align: center; font-size: 24px; color: #ac826c; font-weight:bold; line-height: 50px;}

.fixsm p{ text-indent: 2em; line-height: 2;}

.fixsm .layui-layer-btn .layui-layer-btn0{ border-color: #98733c; background-color: #98733c; border-radius: 15px; padding: 0 35px;}

.fixsm .layui-layer-content::-webkit-scrollbar{width:5px;height:1px;}

.fixsm .layui-layer-content::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#ac826c;}

.fixsm .layui-layer-content::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ededed;}

.fixsm .box2{ padding: 30px;}

.fixsm .box2 dl{ display: block; box-sizing: border-box; overflow: hidden; padding:10px 10px;}

.fixsm .box2 dl dt{ color:#c49c57;font-size: 24px;display: block; border-bottom: 3px solid #c49c57; line-height: 100px; margin-bottom: 20px;}

.fixsm .box2 dd{ display: block; height: auto;}

.fixsm .box2 dd p{ line-height: 50px;display: block; padding-left: 40px; box-sizing: border-box; position: relative;text-indent: 0;}

.fixsm .box2 dd span{ display: inline-block; width: 30px; height: 30px; background: #c9ac9a; line-height: 30px;text-align: center; border-radius: 50%; margin-right: 10px; color: #fff;  position: absolute; left: 0; top: 10px;}

/* 关于我们 */

.address a{ color: #98733c; display: inline-block; padding: 0 0 0 40px; position: relative;}

.address a::before{ content: '>'; color: #98733c; position: absolute; left: 15px;}

.ab1{ padding-bottom: 40px;}

.ab1 p{font-size: 24px;font-weight: bold;color: #000;padding: 40px 0 20px;text-align: center;}

.ab1 span{display: block;line-height:32px;text-indent: 2em;padding: 0 80px;}

.ab2{height: 750px;background: url(../images/line.jpg) no-repeat  60px 0 #fff;margin: 0 auto;box-sizing: border-box;padding: 0 0 0 200px;}

.ab2 li{ display: block; height: 88px; width: 350px; float: left; margin-right: 200px;padding-bottom: 20px;}

.ab2 li p{ font-size: 22px;font-weight: bold; line-height: 32px;}

.ab2 li span{  line-height: 32px; }

.ab3 { padding-bottom: 100px;}

.ab3 p{font-size: 24px;font-weight: bold;color: #000;line-height: 120px;text-align: center;}

.ab3 video{ margin: 0 auto; display: block;}

/* 联系我们 */

.contact{ box-sizing: border-box; padding:80px;}

.contact form{ display: block; width: 100%; box-sizing: border-box;}

.contact form p{ color: #000; line-height:40px;  padding: 30px 0;}

.contact form label{ display: block; width: 60px; float: left; line-height: 40px; height: 40px;font-size: 16px; font-weight: bold;}

.contact form input,.contact form textarea{ display: block; width:calc( 100% - 60px) ; float: left; box-sizing: border-box;line-height: 40px; min-height: 40px; padding: 20px; font-size: 16px; margin-bottom: 40px; border-radius: 10px; border:1px solid #333}

.contact form input{ padding: 0 20px;}

.contact form button{display: block;width: 200px;height: 40px;background-color: #ac826c;color: #fff;font-size: 20px;border: 0;line-height: 40px;border-radius: 10px;cursor: pointer;margin-left: 280px;}

/* 合伙人 */

.joinin .gcd640,.bg2{ background-color: #333; color: #fff;}

.bg2 a,.bg2 a::before{color: #fff;}

.joinin .bt{text-align: center; padding:60px 0 40px; display: block;}

.joinin .bt span{ font-size:20px; color: #b4b4b4;}

.joinin .bt p{ font-size: 24px; color: #fff; line-height:50px; font-weight: bold;}

.joinin .bt p::before{content: url(../images/xing.png); padding-right: 20px;}

.joinin .lc,.joinin .ys2{ padding-top: 60px;}

.joinin .ys{text-align: center;padding: 60px 0;}

.joinin .box{width: 40%;height: 390px;background-color: #fff;border-radius: 15px;overflow: hidden;box-sizing: border-box;padding: 0 30px 30px;display: inline-block; margin: 10px;min-height: 330px;}

.joinin .box img{ display: block; margin: 20px auto 0;}

.joinin .box p{font-size: 23px;color: #000;font-weight: bold;text-align: center;line-height: 50px;}

.bg3{background-color: #4d4d4d!important; padding-bottom:60px!important;;}

.lc ul{display: block;overflow: hidden; position: relative;}

.lc ul::after{ content: url(../images/jian2.jpg); position: absolute; left: 50%; margin-left: -16px; top: 50px;}

.lc li{display: block;width:320px;float: left;position: relative;box-sizing:border-box;padding: 0 0 60px 130px;}

.lc li em{color: #fff;display: block;background-color: #b0866d;font-size:22px;line-height:45px;text-align: center;width: 45px;height: 45px;margin: 0 auto;font-style: normal;border-radius: 50%;position: absolute;left: 70px;}

.lc li p{font-size: 24px;color: #fff;line-height: 40px;}

.lc li span{ font-size: 16px; color: #fff;  line-height:30px;}

.ys2{ background-color: #4d4d4d;}

.ys2 li{box-sizing: border-box;padding-left: 65px;}

.ys2 li p{font-size: 20px;color: #b0866e;line-height: 40px;}

.ys2 li span{font-size: 20px;color: #ccc;line-height: 30px;display:block;box-sizing: border-box;padding-right: 60px;height: 80px;margin-bottom: 40px;}

.fy{overflow: hidden;}

.fy .f_box{width:100%;float: left;box-sizing: border-box;position: relative;padding: 0 65px 60px;}

.fy .f_box:nth-child(1){background: url(../images/yuanbiao.jpg) no-repeat  240px 20px;}

.fy .f_box:nth-child(2)::after{ content: '';width: 1px; height: 280px;  position: absolute; left: 0; top:80px;  }

.fy .f_box>p{font-size: 20px;color: #fff;line-height: 80px;}

.fy .f_box>div{float: left;width: 100%;padding: 20px 0;color: #fff;}

.fy .f_box>div span{font-size: 20px;color: #999;line-height:30px;}

.fy .f_box>div p{font-size: 24px;color: #fff;font-weight: bold;line-height: 50px;}

.fy .f_box>div:nth-last-child(2),.fy .f_box>div:nth-last-child(3){width: 50%;}

.fy .f_box>div::before{content: ''; display: block; width: 20px; height: 20px; background-color: #80b040; margin-bottom: 10px; border-radius: 50%}

.fy .f_box>div:nth-child(3)::before{ background-color: #e2801f;}

.fy .f_box>div:nth-child(4)::before{ background-color: #01ffff;}

.fy .f_box>div:nth-child(5)::before{ background-color: #c3ca22;}

.fy .f_box>span{font-size: 20px;color: #ccc;line-height: 40px;display: block;box-sizing: border-box;float: left;}

.fy .f_box dd{display:block;margin-bottom:24px;}

.fy .f_box dd span{display: inline-block;height: 40px;background-color: #dcdcdc;color: #333;line-height: 40px;padding: 0 10px;border-radius:3px;}

.fy .f_box dd p{float: right;color: #fff;font-size: 20px;line-height: 32px;}

.fy .f_box dd:last-child span{color: #b5896f;font-size: 24px; background: none; }

.fy .f_box dd:last-child p{color: #b5896f;font-size: 24px;}

/* 我们的茶 */

.prolist{ padding-top:60px; overflow: hidden;}

.prolist .b_box{ display: block; border-bottom: 1px solid #000; box-sizing: border-box; padding:15px 0 15px 40px; background: url(../images/jian1.jpg) no-repeat 0 20px; margin-bottom: 10px;}

.prolist .b_box p{font-size: 24px;font-weight: bold;color: #000;}

.prolist em{font-style:normal;display:block;height: auto;box-sizing: border-box; line-height: 30px;}

.prolist li{ height:700px;  box-sizing: border-box; position: relative; padding: 0 125px;}

.prolist li img{ margin: 0 auto; display:block; position: relative; z-index: 3;}

/* 新闻列表 */

.bg4{ background: #f1f1f1;}

.newsin{ height: auto; box-sizing: border-box; padding: 25px; overflow: hidden;}

.newsin>a{ padding: 20px;display: block; background: #fff; margin-bottom:25px; position: relative;}

.newsin img{ display: block; width: 550px; height: 234px;}

.newsin p{ font-size: 32px; line-height: 80px;}

.newsin span{ color: #666;}

.newsin em{ color: #fff; background: #229973; display: block; width: 140px; height: 45px; line-height: 45px; text-align: center;font-style: normal;position: absolute; top: 30px;left: -10px;}

.newsin font{ float: right; color: #999; display: block; border: 1px solid #ccc; border-radius: 10px; padding: 0 15px;}

#pages{ text-align: center;padding-bottom: 40px;}

#pages li {

    margin: 0 2px;

    text-align: center;

    background: #e6e6e6;

    color: #333;

    display: inline-block;

}

#pages li a,#pages li span{display: inline-block; padding: 10px 15px; background: #fff; margin-bottom: 0px;}



#pages li span {

    color: red;

}

#pages li.active {

    text-align: center;

    

    

    display: inline-block;

}

/* 新闻 */

.newdetail { box-sizing: border-box; padding: 0 60px;}

.newdetail .bt{border-bottom: 1px solid #666;padding: 20px 0 40px;text-align: center;}

.newdetail .bt p{font-size: 30px;color: #000;font-weight: bold;line-height:60px;}

.newdetail .bt span{color: #999;}

.newdetail .show {font-size:16px; line-height: 32px; color: #333; padding-top: 40px;}

.newdetail .show img{ display: block; margin: 0 auto; width: 750px;}

.newdetail .show p{font-size:16px; line-height: 32px; color: #333;}

.newdetail .show span{color: black!important;}

.sxpage{ padding: 40px 10px; border-bottom: 5px solid #eee; box-sizing: border-box;}

.sxpage a{ display: block; box-sizing: border-box; padding:10px 10px; font-size: 24px; color: #666; line-height:40px;}





.ok{text-align: center;}

.ok p{ font-size: 60px; font-weight: bold; color: #ae846c; padding: 20px 0; text-align: center; }

.ok span{ font-size:20px; color: #ae846c; }

.ok .layui-layer-btn .layui-layer-btn0{ border-color: #98733c; background-color: #98733c; border-radius: 15px;}

.layui-layer{ border-radius: 15px!important;}



.new_nav{overflow: hidden; text-align: center; padding: 25px 0;}

.new_nav li{ display: inline-block; width:180px;overflow: hidden;}

.new_nav li a{ display: inline-block; background-color: #ccc; padding: 10px 35px; border-radius: 15px; color: #fff;}

.new_nav li.active a{ background-color: #9d7537;}

.form_yzm  input.tel{width: 280px!important; border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.form_yzm  a.code{width: 140px!important; display: block; height: 42px; float: left; margin-bottom: 40px; background:black; color: white; border-top-right-radius:10px; border-bottom-right-radius:10px; text-align: center; line-height: 42px; cursor: pointer; font-size: 20px;}