/*.yaoWord{width: 100%;height: 100%;overflow: hidden;}
.yaoWord img {width: 100%;}*/
#mian{height:100%;background:url("../images/ywh/yao-bg-01.jpg") center;  background-size: 100% 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;}

#box{width: 100%;height: 100%;overflow: hidden;}
#box .leftWord{width: 50%;height: 100%; float: left;}
#box .nianDai{width: 70%;height: auto; }
#box .nianDai img{ width:25%; margin: 23% 0% 10% 23%;}
#box .word{width: 100%;height: auto; }
#box .word img {width: 75%; margin: -3% 0% 10% 5%;opacity: 1;}
#box .rightPic{width: 50%;height: 100%; float: left; }
#box .rightPic img{width: 75%;;margin: 27% 0% 0% 5%;opacity: 1; }

#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;}/*!*消除火狐滚动条*!*!*/
    #box .nianDai img{ width:25%; margin: 30% 0% 10% 23%;}
    #box .rightPic img{width: 75%;;margin: 32% 0% 0% 5%;opacity: 1; }
    #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;}/*!*消除火狐滚动条*!*!*/
    #box .nianDai img{ width:25%; margin: 30% 0% 10% 23%;}
    #box .rightPic img{width: 75%;;margin: 32% 0% 0% 5%;opacity: 1; }
    #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:1025px){
    #box .nianDai img{ width:25%; margin: 30% 0% 10% 23%;}
    #box .rightPic img{width: 75%;;margin: 32% 0% 0% 5%;opacity: 1; }
    body{overflow: hidden;}
    #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%;}
}
*/