@charset "utf-8";
*{margin:0;padding:0;border:0;}
body{font-size:12px; line-height:20px; color:#5c5959; background:#000}
input,textarea,button,h1,h2,h3,h4,h5,h6{ font-size:12px;}
table{ border-collapse:collapse; border-spacing:0;}
input{ vertical-align:middle;}
img{ border:0;}
ul,ol,li{ list-style:none;}
a{text-decoration:none;outline: none; }
a:hover{text-decoration:underline;}
a:active {star:expression(this.onFocus=this.blur());}
.pa{ position:absolute;}
.ti{ text-indent:-9999px;}
.pr{ position:relative}
.fl{ float:left}
.no{ display:none;}
.cu{ cursor:pointer}

#footer{ min-width:1000px _width:1000px;background:#062043; border-top:3px solid #ffb018}
#footner{ width:1000px; margin:auto; position:relative; height:132px}
#footer img{ position:absolute; top:13px; left:345px;}
#footner div{ position:absolute; top:70px; left:200px; color:#fff; font-size:20px; font-family:'MS Pゴシック'; font-weight:normal}
#footner div a{ color:#fff}

#home{ min-width:1000px _width:1000px; background:url(../images/index_bg.jpg) no-repeat center top;}
#content{ width:1000px; height:3464px; margin:0 auto; position:relative;}
.bg_1{ top:0; left:0; width:1000px; height:516px; background:url(../images/index_01.jpg) no-repeat; }
.bg_2{ top:516px; left:0; width:1000px; height:313px; background:url(../images/index_02.jpg) no-repeat; }
.bg_3{ top:829px; left:0; width:1000px; height:385px; background:url(../images/index_03.jpg) no-repeat; }
.bg_4{ top:1214px; left:0; width:1000px; height:462px; background:url(../images/index_04.jpg) no-repeat; }
.bg_5{ top:1676px; left:0; width:1000px; height:572px; background:url(../images/index_05.jpg) no-repeat; }
.bg_6{ top:2248px; left:0; width:1000px; height:514px; background:url(../images/index_06.jpg) no-repeat; }
.bg_7{ top:2762px; left:0; width:1000px; height:702px; background:url(../images/index_07.jpg) no-repeat; }

.phone_choose{ width:220px; height:37px;}
.wz1{top:568px; left:495px; }
.wz2{top:3084px; left:495px; }
.phone_choose label{ float:left; width:95px; height:37px; cursor:pointer}
.phone_choose input{ margin-top:13px}
.inp_1{ top:628px; left:252px; width:500px; height:30px; line-height:30px; font-family:'TT_GMaruGo DB'; color:#84868c; font-size:18px;}
.inp_2{ top:3144px; left:252px; width:500px; height:30px; line-height:30px; font-family:'TT_GMaruGo DB'; color:#84868c; font-size:18px;}
#home .link1{ top:670px; left:605px; width:100px; height:50px;}
#home .link2{ top:723px; left:298px; width:403px; height:91px;}
#home .link3{ top:2840px; left:186px; width:308px; height:104px;}
#home .link4{ top:2840px; left:504px; width:308px; height:104px;}
#home .link5{ top:3186px; left:605px; width:100px; height:50px;}
#home .link6{ top:3248px; left:298px; width:403px; height:91px;}
#home .link7{ top:3345px; left:360px; width:300px; height:100px;}

.lunbo{ position:absolute; top:1763px; left:119px; width:763px; height:471px; overflow:hidden}
.lunbo .wrap,.lunbo .wrap A,.lunbo .wrap A img { WIDTH: 594px; DISPLAY: block; HEIGHT:471px; OVERFLOW: hidden}
.lunbo .wrap { Z-INDEX: 0; POSITION: absolute; TOP: 0px; LEFT: 85px}
.lunbo .tabs { Z-INDEX: 100; POSITION: absolute; LINE-HEIGHT: 0; WIDTH: 133px; top: 453px; HEIGHT: 10px; left: 280px}
.lunbo .tabs A { WIDTH:10px; DISPLAY: block; background:url(../images/lunbo_lb02.png) no-repeat; FLOAT: left; HEIGHT: 10px; CURSOR: pointer; MARGIN-RIGHT: 13px; TEXT-DECORATION: none; z-index:100; overflow:hidden}
.lunbo .tabs A.active,.lunbo .tabs A:hover { background:url(../images/lunbo_lb01.png) no-repeat; width:10px; height:10px;}
#class-show .prev{ position:absolute; top:0; left:0; width:85px; height:471px; cursor:pointer}
#class-show .next{ position:absolute; top:0; right:0; width:85px; height:471px; cursor:pointer}

.peoplebd{ top:2343px; left:188px; width:621px; height:286px;}
.connect{ padding:0 4px; margin-bottom:142px;}
.gotop{ background:url(../images/gotop.png) no-repeat top center; height:42px; display:block; text-indent:-9999px; margin-top:30px; margin-bottom:130px;}
.tc1,.tc2,.tc3,.tc4,.tc5,.tc6,.tc7,.tc8,.tc9,.tc10,.tc11,.tc12{ margin: -416px 0 0 -320px; width:640px; height:832px;position:absolute;left:50%;top:0;z-index:99999; color:#fff; display:none;}
.tc1 img,.tc2 img,.tc3 img,.tc4 img,.tc5 img,.tc6 img,.tc7 img,.tc8 img,.tc9 img,.tc10 img,.tc11 img,.tc12 img{ margin:0 auto; display:block; z-index:100; position:relative; w}
.background{width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); position:fixed; top:0; left:0;  display:none; z-index:20;}

.bottom{ background:url(../images/bgg.jpg) no-repeat center top; height:761px; padding-top:210px;}
.control{ border:none; cursor:pointer; background:none; width:50px; height:50px; padding:0; position:absolute; top:454px; right:96px; z-index:888}
.voice{position:relative;
animation-name:myfirst;
animation-duration:4s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Firefox: */
-moz-animation-name:myfirst;
-moz-animation-duration:4s;
-moz-animation-timing-function:linear;
-moz-animation-delay:0;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:myfirst;
-webkit-animation-duration:4s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
/* Opera: */
-o-animation-name:myfirst;
-o-animation-duration:4s;
-o-animation-timing-function:linear;
-o-animation-delay:0;
-o-animation-iteration-count:infinite;
-o-animation-direction:alternate;
-o-animation-play-state:running;}

@keyframes myfirst
{
0%   {left:0px; top:0px;}
50%  {left:0px; top:10px;}
100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left:0px; top:0px;}
50%  {left:0px; top:10px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { left:0px; top:0px;}
50%  {left:0px; top:10px;}
100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {left:0px; top:0px;}
50%  {left:0px; top:10px;}
100% {left:0px; top:0px;}
}
.xf_btn{position:relative;
animation-name:myfirst;
animation-duration:4s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Firefox: */
-moz-animation-name:myfirst;
-moz-animation-duration:4s;
-moz-animation-timing-function:linear;
-moz-animation-delay:0;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:myfirst;
-webkit-animation-duration:4s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
/* Opera: */
-o-animation-name:myfirst;
-o-animation-duration:4s;
-o-animation-timing-function:linear;
-o-animation-delay:0;
-o-animation-iteration-count:infinite;
-o-animation-direction:alternate;
-o-animation-play-state:running;}

@keyframes myfirst
{
0%   { top:0px;}
50%  {top:10px;}
100% {top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {top:0px;}
50%  {top:10px;}
100% {top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { top:0px;}
50%  {top:10px;}
100% {top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {top:0px;}
50%  {top:10px;}
100% {top:0px;}
}





#onbody{ position:relative;}



#m1home{ min-width:1000px _width:1000px; background:url(../images/main1_bg.jpg) no-repeat center top;}
#m1content{ width:1000px; height:1710px; margin:0 auto; position:relative;}
.m1bg_1{ top:0; left:0; width:1000px; height:298px; background:url(../images/main1_01.jpg) no-repeat; }
.m1bg_2{ top:298px; left:0; width:1000px; height:678px; background:url(../images/main1_02.jpg) no-repeat; }
.m1bg_3{ top:976px; left:0; width:1000px; height:734px; background:url(../images/main1_03.jpg) no-repeat; }
.m1_p1{ top:344px; left:95px; width:800px; height:580px; overflow-x:hidden; overflow-y:auto; font-family:'TT_GMaruGo DB'; font-size:20px; color:#fff; text-shadow:2px 2px 5px #000,-2px 2px 5px #000,2px -2px 5px #000,-2px -2px 5px #000; line-height:28px}
.m1_p2{ top:1095px; left:95px; width:800px; height:580px; overflow-x:hidden; overflow-y:auto; font-family:'TT_GMaruGo DB'; font-size:20px; color:#ffe970; text-shadow:2px 2px 5px #000,-2px 2px 5px #000,2px -2px 5px #000,-2px -2px 5px #000; line-height:17px}
#m1home .link1{ top:1627px; left:380px; width:250px; height:80px;s}

#m2home{ min-width:1000px _width:1000px; background:url(../images/main2_bg.jpg) no-repeat center top;}
#m2content{ width:1000px; height:825px; margin:0 auto; position:relative;}
.m2bg_1{ top:0; left:0; width:1000px; height:206px; background:url(../images/main2_01.jpg) no-repeat; }
.m2bg_2{ top:206px; left:0; width:1000px; height:320px; background:url(../images/main2_02.jpg) no-repeat; }
.m2bg_3{ top:526px; left:0; width:1000px; height:299px; background:url(../images/main2_03.jpg) no-repeat; }
#m2home .link_1{ top:548px; left:199px; width:282px; height:131px;}
#m2home .link_2{ top:548px; left:522px; width:282px; height:131px;}
#m2home .link_3{ top:718px; left:384px; width:240px; height:80px;}

.tcbd{ z-index:10}
.xf_btn{ position:fixed; top:0; left:50%; margin-left:200px; z-index:5}








