.m_nav{ height:24rem;padding-top: 0.5rem;padding-left: 5%;background:#fcfcfc url(/mobile/Images/index/navbg.jpg) no-repeat;background-size: 100%;}
.m_nav li{float: left;width:33%; height: 11rem; text-align: center;font-size: 1.1rem;color: #3e3e3e;}
.m_nav li img{width: 100%;display: block;}
.m_nav li em{display: block;width: 64%; margin: 0 auto 1.3rem;}
.m_nav li em img{width: 100%;display: block;}
.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 21rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}
.g_ms{background:#fcfcfc url(/mobile/Images/index/msbg.jpg) no-repeat;background-size: 100%; height: 33rem;}
.g_ms h2{height: 4.5rem;}
.msimg,.msimg img{width: 100%;display: block;}
.g_ms .mswz{padding: 0 5%;font-size: 1.1rem;line-height: 1.6rem;height: 4.8rem;overflow: hidden; color: #555;}

/* 产品 */
.g_pro{background:#fcfcfc url(/mobile/Images/index/msbg.jpg) no-repeat;background-size: 100%; height: 40.8rem;}
.g_pro h2{height: 4.9rem;}
.g_pro ul{margin: 0 5%;}
.g_pro li{float: left;width: 47%;margin-right: 3%;}
.g_pro li img{width: 100%;display: block;}
.g_pro a:nth-child(2n){margin-right: 0;}
.g_pro li em{display: block;width: 100%;height: 3.6rem;line-height: 3.6rem;font-size: 1.2rem;color: #555555;overflow: hidden;text-align: center;}

/* 好茶 */
.g_hc{background:#fcfcfc url(/mobile/Images/index/msbg.jpg) no-repeat;background-size: 100%; height: 40.8rem;}
.g_hc h2{height: 4rem;}
.g_hc dt,.g_hc dt img{width: 100%;display: block;}
.g_hc dt{margin-bottom: 2rem;}
.g_hc dd p{position: relative;height: 4rem;font-size: 1.1rem;color: #555555;line-height: 1.6rem; margin: 0 5%;padding-left: 18%;}
.g_hc dd p b{display: block;position: absolute; font-size: 1.1rem;color: #b7060d; left:0;top:0;}
.g_hc dd p b em{font-weight: normal;font-size: 1.4rem;font-family: arial;}

/* 高品质 */
.g_pz{position: relative; background:#fcfcfc url(/mobile/Images/index/pzbg.jpg) no-repeat;background-size: 100%; height: 49rem;}
.g_pz h2{height: 4.4rem;}
.g_pz dl{position: absolute;}
.g_pz dl:nth-child(1){left:5%;top:4.4rem;}
.g_pz dl:nth-child(2){left:5%;top:15rem;}
.g_pz dl:nth-child(3){left:5%;top:25.5rem;}
.g_pz dl:nth-child(4){left:5%;top:36rem;}
.g_pz dt{width: 37%;}
.g_pz dt img{width: 100%;display: block;}
.g_pz dd{width:56%;padding-top: 2rem; }
.g_pz dd h3{font-size: 1.3rem;color: #2e1f20;margin-bottom: 0.6rem;font-weight: normal;}
.g_pz dd p{font-size: 1.1rem;color: #555555;line-height: 1.6rem;width: 92%;}

.g_xban{background:url(/mobile/Images/index/xban.jpg) no-repeat;background-size: 100%; height: 8.75rem; position: relative;}
.g_xban p{position: absolute;left:45%;top:4.7rem;font-size: 1rem;color: #dcbb7d;}
.g_xban p b{font-size: 1.6rem;color: #dcbb7d;font-weight: normal;}

.g_xban2{background:url(/mobile/Images/index/xban2.jpg) no-repeat;background-size: 100%; height: 8.75rem; position: relative;}
.g_xban2 p{position: absolute;left:45%;top:4.7rem;font-size: 1rem;color: #dcbb7d;}
.g_xban2 p b{font-size: 1.6rem;color: #dcbb7d;font-weight: normal;}


/* 优势 */
.g_ys{background:url(/mobile/Images/index/ysbg.jpg) no-repeat;background-size: 100%; height:45.8rem; position: relative;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 31rem;}
.g_ys h2,.g_ys h2 img,.g_ys h3,.g_ys h3 img{width: 100%;display: block;}
.g_ys h2{padding-top: 3.5rem; height: 7rem;}

.g_ys .m-cnt{position: absolute; left:38%;top:41rem;z-index: 10;}
.g_ys .m-cnt li,.g_ys .m-cnt{height: 1.8em; }
.g_ys .m-cnt li { width: 1.2rem;height: 1.2rem;display: block;float: left;border-radius: 85em;background: #2e1f20; margin-right: 1rem; }
.g_ys .m-cnt li.z-on {background: #b7060d;}
.con{float: left; display: inline;}
.g_ys dt{margin: 0 5% 1.2rem;}
.g_ys dt img{width: 100%;display: block; padding: 0.25rem;border: 1px solid #c9beb2;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_ys p{padding: 0 8% 0 17%;font-size: 1.1rem;color: #555;line-height: 1.6rem;}

/* 六大保障
 */
.g_bz{background:#fcfcfc url(/mobile/Images/index/bzbg.jpg) no-repeat;background-size: 100%; height: 29.4rem;}
.g_bz h2{height: 4.5rem; width: 100%;}
.g_bz h2 img{width: 100%;display: block;}
.g_bz ul{margin: 0 5%;}
.g_bz li{float: left;width: 26.5%;margin-right: 10%; margin-bottom: 1.5rem;}
.g_bz li:nth-child(3n){margin-right: 0;}
.g_bz li img{width: 100%;display: block;}
.g_bz li em{display: block;width: 100%;margin-top: 0.8rem;}
.g_bz li em img{width: 100%;display: block;}


/* 荣誉证书 */
.demo-box {background:#fcfcfc url(/mobile/Images/index/bzbg.jpg) no-repeat;background-size: 100%; height: 19.9rem; overflow: hidden; width: 100%; }
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:16rem;overflow: hidden;}
.demo-box .m-box{float: left;display: inline;}
.demo-box .column-list {position: relative;background: #2e1f20;overflow: hidden;height: 2.7rem;line-height: 2.7rem; margin: 0 5% 1.8rem;}
.demo-box .column-list li{position: relative;  }
.demo-box .column-list li,.demo-box .column-list{height: 2.7rem;line-height: 2.7rem;}
.demo-box .column-list li { color: #dcbb7d; text-align: center;
    display: inline;
    float: left;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    width:30%;}
.demo-box .column-list li.z-on {background: #b7060d;}
.demo-box .box-style .no_ov{ padding: 0 5%; width: 90%; float: left; display: inline;}

.demo-box .box-style .page { width: 100%; float: left; display: inline;}
.demo-box .box-style .page li{float: left; width: 47%; margin-right: 3%; position: relative;}
.demo-box .box-style .page li:nth-child(2){margin-right: 0;}
.demo-box .box-style .page li em{display: block; height: 3rem; line-height: 3rem; text-align: center; color: #555555; font-size: 1.1rem;text-align: center;}
.demo-box .box-style .page li img{width: 100%; display: block; padding: 0.2rem; border: 1px solid #cdbfba;    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}


/* 走进 */
.g_zj{background:#fcfcfc url(/mobile/Images/index/zjbg.jpg) no-repeat;background-size: 100%; height: 31.1rem; }
.g_zj h2{padding: 1.7rem;height: 5.7rem;}
.g_zj dl{padding: 0 5% 0 5%;}
.g_zj dt{width: 100%;margin-bottom: 1.5rem;}
.g_zj dt img{display: block;width: 100%;}
.g_zj dd{height: 2.4rem;}
.g_zj dd a{display: block;float: left;width: 28%;margin-right: 7%;background:url(/mobile/Images/index/spbtn.jpg) no-repeat;background-size: 100%; height: 2.3rem;line-height: 2.3rem;text-align: center;font-size: 1rem;color: #fff;}
.g_zj dd a:nth-child(3){margin-right: 0;}


/*资讯*/
.g_zx{background:#fcfcfc url(/mobile/Images/index/newbg.jpg) no-repeat;background-size: 100%; height: 21rem; margin: 0 5%; }
.g_zx .sclwrap_box,.g_zx .m-box { height: 15rem;}

.zx-c .u_lst7{padding-top: 1%;}
.zx-c .u_lst7 li{height:2.4rem; line-height:2.4rem; font-size: 1.2rem; color: #555555; position: relative; padding-left: 3%; border-bottom: 1px dashed #cdcdcd;}
.zx-c .u_lst7 li a{color: #555555;display: block;height:2.4rem; line-height:2.4rem;overflow: hidden; }
.zx-c .u_lst7 li:before{content: "";position: absolute; width: 0.6rem;height: 0.6rem;background:url(/mobile/Images/index/dtico.png) no-repeat;background-size: 100%; left:0%;top:35%; display: block;}

.til02 {position: relative;height: 2.5rem;line-height: 2.5rem;border-bottom: 1px solid #999999; overflow: hidden;}
.til02 li{height: 2.3rem;line-height: 2.3rem;}
.til02 li { color: #2e1f20; position: relative; text-align: center;
    display: inline;
    float: left;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    width: 25%;}
.til02 li.z-on {color: #b7060d;border-bottom: 0.2rem solid #b7060d;}
.til02 span{position: absolute; display: block;color: #666666;font-size: 0.9rem;right:5%;top:0;text-transform: uppercase;}
.til02 span a{color: #666666;}
.g_pro span{margin: 0 5%;width: 90%;display: block;}








.g_ms h2,
.g_ms h2 img,
.g_pro h2,
.g_pro h2 img,
.g_pro span img,
.g_hc h2,
.g_hc h2 img,
.g_pz h2,
.g_pz h2 img,
.g_bz h2,
.g_bz h2 img,
.g_zj h2,
.g_zj h2 img
{width: 100%;display: block;}


html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}