/* 
* @Author: anchen
* @Date:   2016-08-10 17:32:15
* @Last Modified by:   anchen
* @Last Modified time: 2016-08-13 17:48:12
*/
html{
-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
/* font-size: 100px; */
}
body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;}
a{text-decoration: none;color: #bcbcbc;}
ul,ol{list-style: none;}
img{
max-width:100%;
height:auto;
display: inline;
border:none;
;
}
/*.nav{
    width:100%;
    height:94px;
    border-bottom: 1px solid #ccc;;
}*/
.banner{
    width:100%;
    height:450px;
    overflow:hidden;
    position:relative;
}
.banner ol{
    width:250px;
    height:20px;
    position:absolute;
    right:50px;
    bottom:10px;
    left: 50%;
    margin-left: -75px;
}
.banner ol li{
    width:20px;
    height:20px;
    border-radius: 50%;
    margin:0 10px;
    float: left;
    background-image: url(../image/noc.png);
}
.banner ol li.current{
   background-image: url(../image/c.png);
}
.banner ul{
    width:100%;
    height:450px;
    position:relative;
}
.banner ul li{
    width:100%;
    height:450px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position:absolute;
    left:0;
    top:0;
}
.banner ul .li-2{
    background: url(../image/banner4.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.banner ul .li-1{
    background:  url(../image/banner3.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.banner ul .li-3{
    background:  url(../image/banner1.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.banner ul .li-4{
    background:  url(../image/banner1.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.li_in{
    width:1200px;
    height:100%;
    margin:auto;
    position:relative;
}
.li1_li1{
    position:absolute;
    top:80px;
    left:100px;
    display:none; 
}
.li1_li2{
    position:absolute;
    top:600px;
    left:278px;
}
.li1_li3{
    position:absolute;
    top:600px;
    left: 340px;
}
.li1_li4{
    position:absolute;
    top:600px;
    left: 340px;
}

.li2_li1{
    position:absolute;
    top:100px;
    left:-1100px;
}
/*.li2_li1 img{
    width:550px;
    height:290px;
}*/
.li2_li2{
    position:absolute;
    top:40px;
    right: -1150px;
}
.li2_li2 img{
    width:360px;
    height:400px;
}
.li3_li1{
    position:absolute;
    top:-390px;
    left:180px;
    /*top:140px;*/
}

.li3_li2{
    position:absolute;
    bottom:-380px;
    left: 180px;
   /* bottom:125px;
    left:180px;*/
}

.li3_in{
    position:absolute;
    top:170px;
    left:180px;
    display:none;
}


.li3_roll{
    position:absolute;
    top:45px;
    left:118px;
    display:none;
}
.li3_li3{
    position:absolute;
    top:-70px;
    right:-780px;
    /*top:60px;
    right:150px;*/
}
.li4_li1{
	width: 310px;
    position: absolute;
    top: 96px;
    right: calc(50% - 155px);
}
.li4_li2{
    position: absolute;
    top: 195px;
    left:50%;
    width: 450px
	
}
.li4_li3{
    position: absolute;
    top: 175px;
    right:50%;
    width: 450px;
}