@media screen and (min-width:320px){
	body{ font-size:75%;}
}
@media screen and (min-width:360px){
	body{ font-size:85%;}
}
@media screen and (min-width:400px){
	body{ font-size:93.75%;}
}
@media screen and (min-width:480px){
	body{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	body{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	body{ font-size:150%;}
}
.wrap img{ width: 100%; display:block;}
/*banner*/
.g-adv { height:auto; position:relative; margin-top: 1px;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5em;overflow:hidden;}
/*导航*/
.m-menu{ padding-top:0.71em; height:13em; background:#f5f5f5;}
.m-menu li{ margin:0.58em 0 0 2.34%; width:29.22%; overflow:hidden; height:5.25em; background:#1a8ee8; border-radius:0.17em; font-size:1em; color:#fff; text-align:center; line-height:1em; float:left}
.m-menu li em{ width:26.74%; display:block; margin-top:0.75em; margin-bottom:0.42em; margin:0.68em auto 0.42em auto;}
.m-menu a:nth-child(3n-2) li{ margin-left:3.91%;}
/*轩庆号茶叶中心*/
.m-cpfl{ margin-top:1.42em;}
.m-cpfl h2{ font-size:1.82em; font-weight:bold; font-family:"宋体"; color:#344863; text-align:center; height:1.84em; line-height:1.84em; text-align:center; border-bottom:1px solid #1a8ee8; position:relative;}
.m-cpfl h2:before{ content:""; position:absolute; left:50%; margin-left:-15.39%; bottom:-1px; width:30.78%; height:0.11em; background:#1a8ee8}
.m-cpfl ul{ margin-top:0.25em;}
.m-cpfl li{ width:25.94%; margin:1.21em 0 0 7.34%; float:left; position:relative; background:#c8a063; padding-left:10.94%; height:2.17em; line-height:2.17em; font-size:1em; color:#fff;}
.m-cpfl li:before{ content:""; position:absolute; width:100%; height:2.17em; padding:0.17em; border:1px solid #cdbfba; left:-0.17em; top:-0.17em; margin:-1px 0 0 -1px; }
.m-cpfl li:after{ content:""; position:absolute; top:0.75em; left:9.56%; width:0.83em; height:0.83em;   background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover;}
.m-cpfl a:nth-child(2n-1) li{ margin-left:11.71%;}
.m-cpfl .u-more{ margin:2.12em auto 0; width:51.09%; height:2.29em; text-align:center; font-size:1em; color:#fff; line-height:2.29em;background: url(../images/more.gif) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
/*新品抢先定*/
.m-pro{ margin-top:0.5em; border-bottom: 1px solid #1a8ee8;}
.m-pro .m-cnt{ height: 1.92em; overflow: hidden; font-size: 1em; position: relative;}
.m-pro .m-cnt:before{ content: ""; position: absolute; bottom: 0.083em; left: 0; width: 100%; height: 1px; background: #1a8ee8;}
.m-pro .m-cnt:after{content: ""; position: absolute; top: 0.58em; left: 5%; width: 0.42em; height: 0.42em; border:0.083em solid #1a8ee8; border-radius: 0.42em;}
.m-pro .m-cnt li{ margin: 0 5.31% 0 0; float: left; padding:0 1%; line-height: 1.71em;}
.m-pro .m-cnt li:first-child{ margin-left: 11.72%;}
.m-pro .m-cnt li.z-on{ border-bottom: 0.21em solid #1a8ee8;}
.m-pro .sclwrap_box , .m-pro .m-box{ height:27.17em;overflow:hidden;}
.m-pro .con{ width: 100%; float: left; display: inline;}
.m-pro .con ul{ margin-top:1.5em;}
.m-pro .con li{ width: 43.44%; float: left; margin: 0.33em 0 0 3.75%;}
.m-pro .con li img{ width: 100%; border:1px solid #1a8ee8; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con li span{ display: block; width: 100%; height: 2.375em; line-height: 2.375em; text-align: center; color: #000; overflow: hidden; font-size: 1em;}
/*轩庆号定制优势*/
.m-ys{ margin-top: 1.625em; border-top: 1px solid #939dac; height:24.46em; background: #1a8ee8; position: relative;}
.m-ys h2{ font-size:2em; text-align: center; font-weight: bold; color: #fff; letter-spacing: 1px; line-height: 1em; font-family:"宋体"; padding-top: 0.35em;}
.m-ys_c{ margin-top: 0.42em; position: relative; }
.m-ys_c:before{ content: ""; position: absolute; top: 0.38em; left: 0; width: 100%; height: 1px; background: #fff; z-index: 1;}
.m-ys_c .sclwrap_box , .m-ys_c .m-box{ height:18.08em;overflow:hidden;}
.m-ys_c .prev{ position: absolute; top: 10.04em; left: 3.125%; width: 1.42em; height: 1.42em;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
.m-ys_c .next{ position: absolute; top: 10.04em; right: 3.125%; width: 1.42em; height: 1.42em;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH();}
.m-ys_c .nowarp{ width: 80.31%; margin: 0 auto;}
.m-ys_c .con{ width: 100%; float: left; display: inline;}
.m-ys_c .con ul{ width: 100%; z-index: 2; position: relative;}
.m-ys_c .con li{ width:0.79em; height: 0.79em; float: left; margin-left: 4.47%; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
.m-ys_c .con li:first-child{ margin-left: 20.81%;}
.m-ys_c .con li.cur{background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
.m-ys_c .con dl{ width: 100%;}
.m-ys_c .con dd{ width: 100%; line-height: 2.18em; font-size: 0.92em; color: #fff; padding-left: 6.22%; position: relative;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box; height:4em; overflow:hidden;}
.m-ys_c .con dd:before{ content: ""; position: absolute; top: 0.68em; left: 0; width: 0.86em; height: 0.86em;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
.m-ys_c .con dt{ width: 100%; margin-top: 1.08em;}
.m-ys .m-btn a{ width: 25.625%; height: 1.79em; line-height: 1.79em; background: #fff; font-size: 1em; text-align: center; display: inline-block; position: relative; color: #2e261c; margin: 0.25em 0 0 20.31%;}
.m-ys .m-btn a:last-child{ margin-left: 9.06%; background: #ffc80b}
.m-ys .m-btn a:before{ content: ""; position: absolute; top: -0.21em; padding:0.21em; left: -0.21em; margin: -1px 0 0 -1px; border:1px solid #fff; width: 100%; height: 1.79em;}
.m-ys .m-btn a:last-child:before{ border:1px solid #c8a063;}
/*客户见证*/
.m-khjz{ padding-top:1.58em; background: #e7e8ea; height: 13.67em; overflow: hidden; border-bottom: 1px solid #fff;}
.m-khjz h2{ font-size: 1.25em; color: #1a8ee8; border-bottom: 0.27em solid #fff; height: 1.67em; line-height: 1.67em; position: relative; padding:0 2.5% 0 7.18%;}
.m-khjz h2:before{ content: ""; position: absolute; top: 0.67em; left: 3.44%; width: 0.2em; height: 0.2em; border-radius: 0.2em; border:0.067em solid #1a8ee8;}
.m-khjz h2 span{ font-size: 0.8em; text-transform: uppercase; float: right;}
.m-khjz dl{ margin-top:1.79em; }
.m-khjz dt{ width: 43.75%; float: left; margin-left: 3.28%;}
.m-khjz dt img{ width: 100%; display: block; border:1px solid #cdbfba; background: #fff; padding:0.17em;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.m-khjz dd{ width: 47.56%; float: left; margin-left: 4.22%;}
.m-khjz dd h3{ font-size: 1em; color: #3e516b; line-height: 1.75em; padding-top: 0.25em;}
.m-khjz dd p{ font-size: 1em; color: #3e516b; line-height: 1.75em; height:3.2em; overflow:hidden;}
.m-khjz dd span{ display: block; float: right; margin-top:0.92em; width:41.61%; height: 1.625em; border:0.125em solid #51647e; color: #51647e; text-align:center; line-height: 1.625em; }
/*轩庆号定制案例*/
.m-case{ width:100%; height:30.54em;background: url(../images/case_bg.jpg) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; overflow:hidden;}
.m-case h2{ font-size:1em; border-bottom:0.33em solid #344863; text-align:center; line-height:1em; color:#ad0e10; height:3.83em; margin-top:1.04em;}
.m-case h2 em{ display:block; font-size:2em; line-height:1em; color:#344863; font-family:"宋体"; font-weight:bold; padding-bottom:0.17em;}
.m-anli{ width:100%; position:relative; margin-top:1.54em;}
.m-anli .sclwrap_box , .m-anli .m-box{ height:23.75em;overflow:hidden;}
.m-anli .prev{ position: absolute; top:9.42em; left:8.28%; width: 1.42em; height: 1.42em;background: url(../images/case_l.png) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
.m-anli .next{ position: absolute; top:9.42em; right:8.28%; width: 1.42em; height: 1.42em;background: url(../images/case_l.png) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH();}
.m-anli .nowarp{ width:60.94%; margin: 0 auto;}
.m-anli .con{ width: 100%; float: left; display: inline;}
.m-anli .con p img{ width:100%;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box; border:0.58em solid #344863;position:relative; z-index:1;}
.m-anli .con p span{ display:block; margin-top:-0.58em; height:2.17em; line-height:2.17em; text-align:center; background:#c8a063; font-size:1em; width:100%; color:#fff; overflow:hidden; position:relative; z-index:2;}
/*轩庆号的品牌优势*/
.m-adv{ margin-top:2.2em;}
.m-adv h2{ font-size:1.67em; line-height:1em; position:relative; color:#344863; text-align:center; font-family:"宋体"; font-weight:bold;}
.m-adv h2:before{ content:""; position:absolute; top:0.325em; left:0; width:13.75%; height:0.45em;background: url(../images/adv_line.gif) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover;}
.m-adv h2:after{ content:""; position:absolute; top:0.325em; right:0; width:13.75%; height:0.45em;background: url(../images/adv_line.gif) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover;-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH();}
.m-adv_c{ margin-top:1.17em; position:relative;}
.m-adv_c .sclwrap_box , .m-adv_c .m-box{ height:21.21em;overflow:hidden;}
.m-adv_c .prev{ position: absolute; top:4.875em; left:4.375%; width: 1.42em; height: 1.42em;background: url(../images/case_l.png) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
.m-adv_c .next{ position: absolute; top:4.875em; right:4.375%; width: 1.42em; height: 1.42em;background: url(../images/case_l.png) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH();}
.m-adv_c .nowarp{ width:74.22%; margin: 0 auto;}
.m-adv_c .con{ width: 100%; float: left; display: inline;}
.m-adv_c .con dl{ width:100%; position:relative; overflow:hidden;}
.m-adv_c .con dl:before{ content:""; position:absolute; top:0; left:0; width:99.16%; height:11.625em;background: url(../images/adv_pp_bg.jpg) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; z-index:1; }
.m-adv_c .con dt{ position:relative; z-index:2; margin:0.71em 0 0 3.37%;}
.m-adv_c .con dd{ width:96%; margin-top:1em; font-size:0.92em; line-height:1.91em; color:#333; padding-left:3.79%; position:relative; height:3.5em; overflow:hidden;}
.m-adv_c .con dd:before{ content:""; position:absolute; top:0.82em; left:0; width:0.27em; height:0.41em;background: url(../images/adv_icon.gif) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover;}
.m-adv_c .con ul{ margin-top:1.17em;}
.m-adv_c .con li{ width:1.29em; height:1.29em; border-radius:1.29em; background:#344863; float:left; margin-left:5.47%;}
.m-adv_c .con li:first-child{ margin-left:19.16%;}
.m-adv_c .con li.cur{ background:#c8a063;}

.m-hf{ font-size:1.08em; font-weight:bold; color:#fff; text-align:center; line-height:2.46em; height:2.46em; background:#1a8ee8; position:relative;}
.m-hf:before{ content:""; position:absolute; top:100%; left:50%; margin-left:-1.8em; width:0; height:0; border-left:1.8em solid rgba(0,0,0,0); border-right:1.8em solid rgba(0,0,0,0); border-top:0.8em solid #1a8ee8;}
/*轩庆茶业动态*/
.m-news{ margin-top:1.04em;}
.m-news .m-cnt{ font-size:1em; border-bottom:1px solid #1a8ee8; overflow:hidden;}
.m-news .m-cnt li{ float:left; margin-right:3.44%; padding:0 0.625% 0 3.91%; line-height:2.46em; color:#101010; height:2.5em; position:relative;}
.m-news .m-cnt li.z-on:before{ content:""; position:absolute; top:0.83em; left:0; width:0.625em; height:0.625em; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover;}
.m-news .m-cnt li.z-on{ border-bottom:0.17em solid #1a8ee8;}
.m-news .m-cnt li:first-child{ margin-left:2.66%;}
.m-news .sclwrap_box , .m-news .m-box{ height:16.82em;overflow:hidden;}
.m-news .con{ width:100%; display:inline; float:left;}
.m-news .con ul{ margin-top:1.33em;}
.m-news .con li{ font-size:0.92em; line-height:2.18em; height:2.18em; color:#3c3d3d; padding-left:4.53%; margin:0 3.125% 0 2.5%; position:relative; overflow:hidden;}
.m-news .con li:before{ content:""; position:absolute; top:0.82em; left:0; width:0.68em; height:0.68em;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }
.m-news .con li span{ float:right;}
.m-news .u-more{ margin:1.64em auto 0; width:51.09%; height:2.29em; text-align:center; font-size:1em; color:#fff; line-height:2.29em;background: url(../images/more.gif) no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover; }

/*导航*/
.m-about h2{ height:3.04em; font-size:1em; color:#fff; padding:0 4.06% 0 8.28%; background:#1a8ee8; line-height:3.04em; position:relative;}
.m-about h2 span{ float:right; color:#fff;}
.m-about h2:before{ content:""; position:absolute; top:1.42em; left:5%; width:0.25em; height:0.25em; border-radius:0.25em; border:0.083em solid #fff}
.m-about .m-tp{ margin:2.08em 0 0 17.18%; width:62.81%; position:relative;}
.m-about .m-tp span:before{ content:""; position:absolute; top:0; width:100%; left:0;height:0.92em;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; -o-background-size: cover;}
.m-about .m-tp img{ width:100%; display:block; padding:0.083em; border:0.21em solid #c3c3c3;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.m-about .m-tp span{ padding-top:1.58em; font-size:1em; line-height:1em; color:#3c3d3d; width:100%; text-align:center; display:block; position:relative;}
.m-about .m-btn{ margin-top:1.17em;}
.m-about .m-btn a{ font-size:1em; color:#fff; width:23.59%; height:2em; line-height:2em; background:#c8a063; display:inline-block; position:relative; margin-left:19.84%;text-align:center;}
.m-about .m-btn a:before{ content:""; position:absolute; top:-0.21em; left:-0.21em; margin:-1px 0 0 -1px; padding:0.21em; border:1px solid #c9a165; width:100%; height:2em; }
.m-about .m-btn a:last-child{ background:#1a8ee8; margin-left:6.56%;}
.m-about .m-btn a:last-child:before{ border:1px solid #344863;}