@charset "UTF-8";


#navGlobal li#ngAblout a{ background-position:0 0; width:120px}
#mainContents .m-info{ width:740px;}
.years{ width:146px; background:url(../images/about/n-bg.jpg) no-repeat center 0; float:left; position:fixed; _position:absolute; height:100%; top:0; left:180px; z-index:1000}
.years-info{ width:120px; height:460px; float:left;  position:absolute; top:50%; left:25px; margin-top:-101px;}
.years-info ul li{ float:left; width:120px; height:25px; margin-bottom:35px;}
.years-info ul li a{ display:block;width:120px; height:25px;}
.years-info ul li.set{ padding-left:15px; background:url(../images/cur1.png) no-repeat 0 center}

.years-info ul li.n1 a {
    background: url(../images/about/years.png) no-repeat 0 -2px;
}
.years-info ul li.n2 a {
    background: url(../images/about/years.png) no-repeat 0 -60px;
}
.years-info ul li.n3 a {
    background: url(../images/about/years.png) no-repeat 0 -120px;
}
.years-info ul li.n4 a {
    background: url(../images/about/years.png) no-repeat 0 -177px;
}


.about-pic{ float:left; position:absolute; left:0; width:774px; height:100%; overflow:hidden;}
.about-pic ul{ position:absolute; width:774px; top:0; left:0; height:100%;}
.about-pic ul li{ position:absolute; width:774px; height:100%;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; top:0; left:0; display:none;}
.about-pic ul li img{ height:1080px; position:absolute; margin:-500px 0 0; top:50%; left:0;}

.about-info{ width:668px; height:100%; background:#fafafa url(../images/d.png) repeat-y left 0; float:left; position:absolute; top:0; left:774px;}
.a-i-p{ width:497px; height:570px; position:absolute; top:50%; left:50px; margin:-285px 0 0; background:url(../images/about/about.jpg) no-repeat 0 0;}
.a-i-p .about-share{ width:155px; height:23px; position:absolute; top:546px; left:0;}
.a-i-p .about-share a{ float:left; display:block; width:23px; height:23px; margin-right:10px;}
#mainContents .m-info{ left:327px;}


.m1{ width:740px; height:496px; position:absolute; top:50%; left:50%; margin-top:-248px; margin-left:-370px;}
.m1 .m-i-c{ width:100%; height:100%; background:url(../images/about/1.jpg) no-repeat center center;}
.m2{ width:740px; height:496px; position:absolute; top:50%; left:50%; margin-top:-248px; margin-left:-370px;}
.m2 .m-i-c{ width:100%; height:100%; background:url(../images/about/2.jpg) no-repeat center center;}

.m3{ width:740px; height:530px; position:absolute; top:50%; left:50%; margin-top:-248px; margin-left:-370px;}
.m3 .m-i-c{ width:100%; height:100%;}
.m3-top{background:url(../images/about/3.jpg) no-repeat center center; width:665px; height:306px; margin:0 auto;}
.m3-info{ width:665px; height:224px; overflow:hidden; margin:0 auto;}

#jqScrbar{position:relative; width:665px; height:220px; overflow:hidden;}
#jqScrbar .scrCont{ position:absolute; left:0px; top:0px; width:625px; height:546px;  overflow:hidden;background:url(../images/about/3-1.png) no-repeat 0 0; }
#jqScrbar .scrPanel{position:absolute; top:0px; right:0px;}
#jqScrbar .scrPanel .btnBack{ width:0px; height:0px; overflow:hidden;}
#jqScrbar .scrPanel .btnFord{ width:0px; height:0px; overflow:hidden;}
#jqScrbar .scrPanel .scrZone{ width:5px; background:url(../images/about/x.gif) repeat-y 0 0; cursor:pointer; overflow:hidden; position:relative;}
#jqScrbar .scrPanel .scrZone .scrHand{ width:5px; height:50px;  background:#686868; position:absolute; cursor:pointer; overflow:hidden;}

.m4{ width:740px; height:504px; position:absolute; top:50%; left:50%; margin-top:-248px; margin-left:-370px;}
.m4 .m-i-c{ width:100%; height:100%; background:url(../images/about/4.jpg) no-repeat center center;}