body{color: #fafafa;overflow: hidden}
#main{width: 100%;height:100%;background-image: url("../images/lnwh/bg.jpg");background-size: 100% 100%;color: #000000}
#container{padding:12% 13% 0 10%;width: 77%;height: 100%}
/*#left{width: 46%;float: left}*/
/*#right{float: left;width: 44%;margin: 3% 0 0 5%}*/
#right img{width: 100%;}
/*h1{font-size: 25px;padding:0 0 6.8% 1%;font-weight: bold}
pre{font-size:14px;opacity: .8;line-height: 24px}*/
#bottom div{position:fixed;bottom: 5%}
/*#bottom .line-white img{width: 100%}*/
/*#bottom .line-orange img{width: 100%}*/
#bottom .line-white img{width: 100%}
/*#bottom .line-orange img{width:1366px}*/
#bottom .line-orange{width: 0%;overflow: hidden}
#bottom .text,.text-white{width: 100%;margin-bottom: -.95%}
/*#bottom .text-white img{opacity: 0}*/
#bottom ul{overflow: auto;margin-left: 12%}
#bottom li{float: left;margin: 0 0 1% 4.4%;width: 7%}


#left{width: 44%;float: left}
#left .title{width: 37%;margin-left: -8%;opacity: 0}
#left .title img{width: 100%}
#left .one{margin-left: -10%;opacity: 0}
#left .content{opacity: 0;margin-top: 100px}
/*#left pre{margin-top: 100px;opacity: 0;color: #101010;font-family: "微软雅黑", "Microsoft YaHei";font-size: 14px}*/
#left img{width: 100%;}
#right{float: right;width: 44%;margin-right: -20%;opacity:0;margin-top: 2.5%}

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

/*图片轮换*/
.transform{}

#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:4%; float:left;height:100%;width:130px;margin-right:0;padding:0;}
#HisYears ul li:first-child{margin-left:5%;}
#HisYears ul li img{width:100%;display: block;margin-top:45px;}

@media screen  and (max-width:1023px){
    #container{padding:16% 13% 0 10%;}
    #back{bottom:10%;width: 45px;}
    #right{margin: 10% 0 0 10%;}
    #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:-24px;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:10%;}
    #HisYears ul li img{width:50%;display: block;}
}
@media screen and (min-width:1024px) and (max-width:1330px){
    #container{padding:13% 13% 0 10%;}
    #back{bottom:10%;width: 45px;}
    #right{margin: 9% 0 0 10%;}
    #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:-24px;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:10%;}
    #HisYears ul li img{width:50%;display: block;}
}
@media screen and (min-width:1331px) and (max-width:1399px){
    #HisYears ul li{margin-left:4%;}
    #HisBg .bgBai img{width:100%;height:100%;border:0;}
    #HisBg .bgOrg img{width:100%;height:100%;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:-11px;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: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:3.6%;}
}
@media screen and (min-width:1581px) and (max-width:1800px){
    #HisYears ul li{margin-left:3.2%;}

}

/*@media screen  and (max-width:1025px){
    #container{padding:16% 13% 0 10%;}
    #back{bottom:15%;width: 45px;}
    #right{margin: 0 0 0 10%;}
    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:-24px;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:10%;}
    #HisYears ul li img{width:50%;display: block;}
}

@media screen and (max-width:1399px){
    #HisYears ul li{margin-left:2%;}
}
@media screen and (min-width:1400px) and (max-width:1580px){
    #HisYears ul li{margin-left:3.6%;}
}
@media screen and (min-width:1581px) and (max-width:1800px){
    #HisYears ul li{margin-left:3.2%;}
}*/

/*@media screen  and (max-width:1024px){
    #right{float: left;width: 44%;margin: 0 0 0 3%}
}*/
/*@media screen  and (min-width:1025px) and (max-width:1365px){
    #right{float: left;width: 44%;margin: 4% 0 0 3%}
}
@media screen  and (min-width:1366px) and (max-width:1400px){
    #right{float: left;width: 44%;margin: 4% 0 0 3%}
}
@media screen  and (min-width:1401px) and(max-width:1599px){
    #right{float: left;width: 44%;margin: 4% 0 0 3%}
}
@media screen  and (min-width:1600px) and  (max-width:1920px){
    #right{float: left;width: 44%;margin: 4% 0 0 3%}
}*/


/*
@media screen and (max-width:1399px){
    .text ul li,.text-white ul li{margin-left:3%;}
}
@media screen and (min-width:1400px) and (max-width:1580px){
    .text ul li,.text-white ul li{margin-left:4.6%;}
}
@media screen and (min-width:1581px) and (max-width:1800px){
    .text ul li,.text-white ul li{margin-left:5.2%;}
}
*/



/*
#bottom .line-orange{margin-right: }*/