/*public*/
body{overflow-y:hidden;}
#header{position:fixed;}
#main{position:absolute;width:100%;top:0;left:0;height:auto;overflow:hidden;}

#fixed-menu{width:10px;height:auto;overflow:hidden;position:fixed;right:30px;top:50%;margin-top:-70px;z-index:99;}
#fixed-menu li{margin-top:10px;width:8px;height:8px;background-color:#515151;border-radius:50%;cursor:pointer;border:1px solid #999;}
#fixed-menu li.click{height:8px;width:8px;background-color:#333;border:1px solid #eee;}
/*public*/

.about-part{color:#fff;width:100%;position:relative;overflow:hidden;background-size:cover;background-position:center 0;background-repeat:no-repeat;}

/*part1*/
#part1{background-image:url(../imgs/about/bg_apart1.jpg);}
#part1 .info{width:330px;padding-top:80px;background:url(../imgs/about/apart1_title.png) no-repeat 0 0;line-height:24px;color:#666;font-size:14px;position:absolute;left:16.7%;top:50%;margin-top:-185px;}
#part1 .info p{padding-bottom:10px;}

/*part2*/
#part2{background-color:#ccc;}
#part2 .mask{position:absolute;width:100%;height:100%;background:url(../imgs/about/bg_apart2.png) no-repeat center top;background-size:cover;z-index:10;left:0;top:0;}
#part2 .float{position:absolute;width:400%;height:100%;z-index:9;left:100%;top:0;}
#part2 .item{background:url() no-repeat center top;background-size:cover;float:left;width:25%;height:100%;}
#part2 .i1{background-image:url(../imgs/about/float1.png);}
#part2 .i2{background-image:url(../imgs/about/float2.png);}
#part2 .i3{background-image:url(../imgs/about/float3.png);}
#part2 .info{width:600px;padding-top:75px;background:url(../imgs/about/apart2_title.png) no-repeat 0 0;line-height:24px;color:#666;font-size:14px;position:absolute;left:47.78%;top:50%;margin-top:35px;padding-left:8px;z-index:12;}
#part2 .info p{padding-bottom:10px;}

/*part3*/
#part3{background-image:url(../imgs/about/bg_apart3.jpg);}
#part3 .info{width:289px;padding-top:98px;background:url(../imgs/about/apart3_title.png) no-repeat 0 0;line-height:34px;color:#999;font-size:14px;position:absolute;left:20.13%;top:50%;margin-top:-85px;}
#part3 .info p{padding-bottom:10px;}

/*part4*/
#part4{background-image:url(../imgs/about/bg_apart4.jpg);}
#part4 .info{width:294px;padding-top:98px;background:url(../imgs/about/apart4_title.png) no-repeat 0 0;line-height:34px;color:#666;font-size:14px;position:absolute;right:18%;top:50%;margin-top:-85px;}
#part4 .info p{padding-bottom:10px;}