body{overflow: hidden;}
#mian{height:100%;background:url("../images/teawh/tea-bg-02.jpg") no-repeat center;background-size: 100% 100%;overflow: hidden;}

/*#mian{height:100%;background:url("../images/teawh/tea-bg-02.jpg") no-repeat center;background-size: 100%;}

#mian{height:100%;background:url("../images/teawh/tea-bg-02.jpg") no-repeat center;background-size: 100%;overflow: hidden}*/

/*
.teaWord{width: 60%;height: 50%;background:url("../images/teawh/teaword-Tang.png") no-repeat center;background-size: 100% 100%;position: absolute;top: 20%;left: 8%;}
*/
/*.teaWord{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0%;left: 0%;}
.teaWord img{ width: 100%;}*/

/*#mian img{width:100%;height:100%;}*/
#HisBg{position: absolute;height:57px; width: 100%;min-width: 1366px;bottom:0px;z-index:100;padding-top:83px;}
#HisBg .bgBai{height:16px;width:100%;}
#HisBg .bgOrg{height:16px;width:0%;overflow: hidden;margin-top:-16px;}
#HisBg .bgBai img{width:100%;height:100%;border:0;}
#HisBg .bgOrg img{width:100%;height:100%;border:0;}
#HisYears{position:absolute;height:140px; width:100%;min-width: 1366px;bottom:0px;z-index:102;}
#HisYears ul{width:100%;height:100%;padding:0;margin:0;}
#HisYears ul li{margin-left:6%; float:left;height:100%;width:100px;margin-right:0;padding:0;}
#HisYears ul li:first-child{margin-left:11%;}
#HisYears ul li img{width:100%;height:100%;display: block;}
.topPic{width: 100%;height: 50%; }

.topPic .cycle{ width: 10%;float: left;margin: 8% 0% 0% 12%}
.topPic .cycle img{width: 100%;margin: 15% 0% 0% 15%}
.topPic .juxing{width: 20%;float: left;margin: 10% 0% 0% 4% }
.topPic .juxing img{width: 100%;;margin: 15% 0% 0% 15%}
.bottWord{width: 80%;height: 50%; margin: 2% 1% }
.bottWord img{width: 100%;;margin: -15% 0% 0% 120% }

.rightWord{;position: absolute;top: -80%;right: 0%; }
.rightWord img{width:70%;}

#back{position:fixed;bottom: 8%;right:1%;border-radius: 50%;overflow: hidden;width: 65px;z-index:1000}
#back img{width: 100%}


@media screen  and (max-width:1023px){
 body{overflow-y: hidden;}/**消除火狐滚动条*!*/
 .topPic .cycle{margin: 10% 0% 0% 12%}
 .topPic .juxing{margin: 12% 0% 0% 4% }

 #HisBg .bgBai img{width:100%;height:50%;border:0;}
 #HisBg .bgOrg img{width:100%;height:50%;border:0;}
 #HisBg{position: absolute;height:57px; width: 100%;min-width: 1024px;bottom:0px;z-index:100;padding-top:83px;}
 #HisYears{position:absolute;height:140px; width:100%;min-width: 1024px;bottom:-41px;z-index:102;}
 #HisYears ul li{margin-left:3%; float:left;height:100%;width:100px;margin-right:0;padding:0;}
 #HisYears ul li:first-child{margin-left:11%;}
 #HisYears ul li img{width:50%;height:50%;display: block;}
 #back{position:fixed;bottom: 10%;right:1%;border-radius: 50%;overflow: hidden;width: 45px;z-index:1000}
}
@media screen and (min-width:1024px) and (max-width:1330px){
 body{overflow-y: hidden;}/**消除火狐滚动条*!*/
 .topPic .cycle{margin: 10% 0% 0% 12%}
 .topPic .juxing{margin: 12% 0% 0% 4% }
 #HisBg .bgBai img{width:100%;height:50%;border:0;}
 #HisBg .bgOrg img{width:100%;height:50%;border:0;}
 #HisBg{position: absolute;height:57px; width: 100%;min-width: 1024px;bottom:0px;z-index:100;padding-top:83px;}
 #HisYears{position:absolute;height:140px; width:100%;min-width: 1024px;bottom:-41px;z-index:102;}
 #HisYears ul li{margin-left:5%; float:left;height:100%;width:100px;margin-right:0;padding:0;}
 #HisYears ul li:first-child{margin-left:11%;}
 #HisYears ul li img{width:50%;height:50%;display: block;}
 #back{position:fixed;bottom: 10%;right:1%;border-radius: 50%;overflow: hidden;width: 45px;z-index:1000}
}

@media screen and (min-width:1331px) and (max-width:1399px){
 body{overflow-y: hidden;}/**消除火狐滚动条*!*/
 #HisYears ul li{margin-left:4%;}
 #HisBg .bgBai img{width:100%;height:80%;border:0;}
 #HisBg .bgOrg img{width:100%;height:80%;border:0;}
 #HisBg{position: absolute;height:57px; width: 100%;min-width: 1331px;bottom:0px;z-index:100;padding-top:83px;}
 #HisYears{position:absolute;height:140px; width:100%;min-width: 1331px;bottom:-17px;z-index:102;}
 #HisYears ul li{margin-left:5%; float:left;height:100%;width:100px;margin-right:0;padding:0;}
 #HisYears ul li:first-child{margin-left:11%;}
 #HisYears ul li img{width:80%;height:80%;display: block;}
 #back{position:fixed;bottom: 12%;right:1%;border-radius: 50%;overflow: hidden;width: 55px;z-index:1000}
}
@media screen and (min-width:1400px) and (max-width:1580px){
 #HisYears ul li{margin-left:4.6%;}
}
@media screen and (min-width:1581px) and (max-width:1800px){

 #HisYears ul li{margin-left:5.2%;}
}



/*
@media screen  and (max-width:1024px){
 body{overflow: hidden;}
 .topPic .cycle{margin: 10% 0% 0% 12%}
 .topPic .juxing{margin: 12% 0% 0% 4% }

 #HisBg .bgBai img{width:100%;height:50%;border:0;}
 #HisBg .bgOrg img{width:100%;height:50%;border:0;}
 #HisYears{position:absolute;height:140px; width:100%;min-width: 1366px;bottom:-41px;z-index:102;}
 #HisYears ul li{margin-left:1%; float:left;height:100%;width:100px;margin-right:0;padding:0;}
 #HisYears ul li:first-child{margin-left:11%;}
 #HisYears ul li img{width:50%;height:50%;display: block;}
 #back{position:fixed;bottom: 15%;right:1%;border-radius: 50%;overflow: hidden;width: 45px;z-index:1000}
}
@media screen and (max-width:1399px){
 #HisYears ul li{margin-left:4%;}
}
@media screen and (min-width:1400px) and (max-width:1580px){
 #HisYears ul li{margin-left:4.6%;}
}
@media screen and (min-width:1581px) and (max-width:1800px){
 #HisYears ul li{margin-left:5.2%;}
}
*/