/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}


img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
	border:0;
    height: auto;
    width: auto\9; /* ie8 */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
    /*font: .81em/150% Arial, "Microsoft YaHei", sans-serif;*/
    color: #000;
	margin:0 auto;
	max-width:640px;
}
a {
    color: #000;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
}
p{
    /*margin: 0 0 1.0em;*/
    padding: 0;
}

/* list */
ul, ol {
    padding: 0;
    list-style: none;
}
li {
    padding: 0;
    list-style: none;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
    /*margin: 20px 0 .4em;*/
    color: #000;
	font-weight:normal;
}
h1 {
    font-size: 1.4em;
}
h2 {
    font-size: 1.2em;
}
h3 {
    font-size: 1em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
}

.fl{float: left;}
.fr{float: right;}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear{clear:both;}

#pagewrap{
    position:relative;
    overflow:hidden;
}
.header{
    width:100%;
    background-color:#000;
	text-align:center;
	height:60px;
	padding-top:20px;
}
/*.nav{
    width:100%;
	margin:0 auto;
    background:#d7d7d7;
}
.nav ul{
    margin:0 auto;
}
.nav ul li{
    float:left;
	width:22%;
	text-align:center;
	border-left:1px solid #a4a4a4;
}
.nav ul li a{
    color:#797979;
	font-weight:bold;	    
    
}
.nav ul li.first a{
    border-left:none;
}*/
.part1{
	width: 100%;
	height: 3.55rem;
	position: relative;
}
.part1 .part1-bg{
	width: 100%;
	height: 3.55rem;
	background: #0fc7d3;
}
.part1 .head{
	width: 15rem;
	padding-top: 0.625rem;
	margin: 0 auto;
}
.part1 .head h1{
	width: 3.375rem;
	height: 1rem;
	background: url(../images/logo.png) no-repeat;
	background-size: 100% 100%;
}
.part1 .head h1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
}
.part1 .head .con{
	height: 1rem;
	border-left: 1px solid #fff;
	margin-left: 0.25rem;
	font-size: 0.4rem;
	color: #fff;
	padding-left: 0.25rem;
}
.part1 .head .tel{
	display: block;
	height: 0.75rem;
	line-height: 0.75rem;
	font-size: 0.45rem;
	color: #fff;
	background: url(../images/tel.png) no-repeat left center;
	background-size:0.75rem 0.75rem ;
	margin-top: 0.125rem;
	padding-left: 1rem;
}
.nav{
	width: 15.025rem;
	margin: 0.6rem auto;
	font-size: 0.4rem;	
}
.nav li{
	width: 2.3rem;
	height: 0.8rem;
	border: 1px solid #fff;
	line-height: 0.8rem;
	text-align: center;
	margin-right: 0.125rem;
}
.nav li.last{
	margin-right: 0rem;
}
.nav li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.fixed{ height: 3.35rem;background: #0fc7d3;}
#item2{display: none;}
#item{width: 100%;z-index: 999;}

.xinz{ 
	width:100%;
	margin:0 auto;
	background:#f0f0f0;
	padding:6% 0;

}
.kec{
	width:100%;
	margin:0 auto;
	padding:6% 0;
	}
.kec ul{ margin:0 auto; padding-top:6%;}
.kec ul li{ width:30%; float:left; margin-left:3%;}

.kec_btn{
	background: #ff7200;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 1.6% 3% 1.2%;
    text-align: center;
	width:20%; 
	float:left; 
	margin:4% 0 0 37%;
	font-size: 0.4rem;
}
	
.part5-main{
    margin:0 auto;
    padding-bottom:46px;
    width:100%;
    overflow:hidden;
	background:url(../images/tea_bj.png) no-repeat;	
	
}

.swiper-container4{
	width:640px;
	margin:0 auto;
}

.part5-box{
    width:141px;
    height:224px;
	
}
.part5-box img{
    display:block;
	margin-left:12px;
}
.work ul{padding-top:6%;}

.work ul li{ width:30%; float:left; margin-left:2.7%; cursor: pointer;}


.bottom-btn{
    margin:0 auto;
    width:100%;
    max-width:640px;
    height:auto;
    bottom:0px;
    position:fixed;
    z-index:999;
    background-color:#2a2a2a;
}
.bottom-btn1{
    width:50%;
    display:block;
}
.bottom-btn2{
    width:50%;
    display:block;
}

	.scroll{width:100%;overflow:hidden; height:500px;}