@charset "gb2312";
/* Copyright 2012 gt*/html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, embed, object, applet, header, nav, section, strong, footer, a img {
border:0;
margin:0;
padding:0
}
ul {
list-style:none
}
.gl {
float:left
}
.gr {
float:right
}
.gclear {
clear:both;
font-size:0;
overflow:hidden;
height:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
body {
background:white;
color:black;
font:0px/100% \5b8b\4f53, arial;
margin:0 auto;
min-width:1190px;
}/*::selection {background:black;color:white}::-moz-selection{background:black;color:white}*/
a {
text-decoration:none;
color:black;
}
a:visited {/*color:black*/
}
a:hover, a:active {
color:#8c4500;
text-decoration:underline;
outline: 0;
}
/*dlt*/
html {
overflow-x:hidden
}
header, section, footer {
font:12px/1.5 \5b8b\4f53, arial
}
body {
background-color: #130f0c;
}
section {
width:1004px;
margin: 0 auto;
position: relative
}
header {
font-size:0
}
header section {
font-size:0
}
#header {
height:69px;
}
#daohang {
position: absolute;
z-index: 9999;
width: 100%;
top: 830px;
height: 101px;
}
nav ul {
display: block;
width: 928px;
height: 101px;
margin: 0 auto;
background: #000 url(../images/nav.png) 0 0 no-repeat
}
nav ul li {
display: block;
float: left;
height: 101px;
text-align: center;
width: 71px;
}
nav ul li a {
display: block;
height: 101px;
}
nav ul li a.cur, nav ul li a:hover {
background: url(../images/nav.png) 0 0 no-repeat
}
.nav1 .cur, .nav1 a:hover {
background-position:-54px -101px
}
.nav2 .cur, .nav2 a:hover {
background-position:-180px -101px
}
.nav3 .cur, .nav3 a:hover {
background-position:-309px -101px
}
.nav4 .cur, .nav4 a:hover {
background-position:-428px -101px
}
.nav5 .cur, .nav5 a:hover {
background-position:-556px -101px
}
.nav6 .cur, .nav6 a:hover {
background-position:-681px -101px
}
.nav7 .cur, .nav7 a:hover {
background-position:-807px -101px
}
.box1 {
height:1705px;
overflow:hidden
}
.box2 {
height:948px;
overflow:hidden
}
.box3 {
height:560px;
overflow: hidden
}
.box4 {
height:504px;
overflow: hidden
}
.box5 {
height:713px;
overflow: hidden
}
.box6 {
height:500px;
overflow: hidden;
background:#120f0c
}
.box7 {
background:#120f0c
}
/*��õ�Ƭ*/
.sliderKy {
/* [disabled]height: 380px; */
background: url(../images/bg_03.jpg) center top no-repeat;
position: relative;
padding-top: 50px
}
#prev, #next {
position: absolute;
top: 50%;
margin-top: -25px;
width: 50px;
height: 50px;
background: red;
color: #fff;
font-weight: 700;
text-align: center;
line-height: 50px;
}
#prev {
left: -50px;
display: none;
}
#next {
right: -50px;
display: none;
}
#text {
font-size: 13px;
color: #1F1006;
position: absolute;
top: 340px;
left: 0;
height: 100px;
overflow: hidden;
width: 850px;
}
#text h3 {
font-size: 16px;
text-align: center;
margin-bottom: 10px;
}
#text p {
text-indent: 26px;
}
#text div {
position: absolute;
top: 100px;
left: 0;
padding: 10px;
}
#boxKy {
width: 860px;
margin: 0px auto;
position: relative;
}
#boxKy li {
width: 385px;
height: 284px;
position: absolute;
top: 0;
left: 0;
background: #f2f0fc;
text-align: center;
font-size: 0;
*+font-size: 0px;
font-weight: 700;
color: #fff;
z-index: 0;
cursor: pointer;
overflow: hidden;
background: #000;
}
#boxKy li img {
width: 100%;
height: 100%;
opacity: .35;
filter: alpha(opacity=35)
}
#prevKy, #nextKy {
position: absolute;
top: 100px;
width: 25px;
height: 100px;
}
#prevKy {
left: -50px;
display: block;
}
#nextKy {
right: -50px;
display: block
}
.box8_3 {
width:100%;
height:60px;
line-height:60px;
font-size:40px;
text-align:center;
color:#fff;
margin-top:30px;
}
/*��õ�Ƭ*/
.scrollbox2 {
position: relative
}
.scrollz2, .scrolly2 {
width: 25px;
position: absolute;
top: 300px;
z-index: 99
}
.scrollz2 {
left: 5px;
background: url(../images/zzz.jpg) 0 0 no-repeat
}
.scrolly2 {
right: 5px;
background: url(../images/yyy.jpg) 0 0 no-repeat
}
.scrollz2 a, .scrolly2 a {
display: block;
}
.scrollcbox2 {
width: 900px;
overflow: hidden;
position: relative;
margin: 0 auto
}
.scrollcbox2 ul li {
display: block;
width: 900px;
height: 721px;
position: relative;
}
.scrollcbox2 ul li p {
line-height:2;
text-align:center
}
.scrollbox {
position: relative;
margin-top:30px;
padding-bottom:60px
}
.scrollz, .scrolly {
width: 23px;
height: 35px;
position: absolute;
top: 80px;
z-index: 99;
background: #F00
}
.scrollz {
left: 5px;
background: url(../images/zzz.jpg) 0 0 no-repeat
}
.scrolly {
right: 5px;
background: url(../images/yyy.jpg) 0 0 no-repeat
}
.scrollz a, .scrolly a {
display: block;
height: 35px;
}
.scrollcbox {
width: 930px;
overflow: hidden;
position: relative;
margin:0 auto
}
.scrollcbox ul li {
display: inline;
width: 302px;
height: 173px;
margin-right: 13px
}
.scrollcbox ul li p {
line-height:2;
text-align:center
}
/*footer{}
footer section{ background:url(../images/foo.jpg) 0 0 no-repeat; height:223px}*/
#apDiv17 {
position: absolute;
left: 300px;
top: 57px;
width: 421px;
color: #7d7d7d
}
#apDiv17 a {
font: bold 12px/1.5 "���ź�", arial, \5b8b\4f53;
color: #7d7d7d;
margin: 0 10px
}
#apDiv18 {
position: absolute;
left: 300px;
top: 87px;
width: 425px;
color: #7d7d7d;
}
#apDiv19 {
position: absolute;
left: 776px;
top: 69px;
width: 111px;
height: 26px
}
#apDiv20 {
position: absolute;
left: 775px;
top: 113px;
width: 114px;
height: 30px
}
#apDiv19 a {
display:block;
height:26px;
z-index:3;
text-indent:-9999px;
}
#apDiv20 a {
display:block;
height:30px;
z-index:3;
text-indent:-9999px
}
#apDiv15 {
position: absolute;
left: 50px;
top: 116px;
width: 709px;
}
.tab2 {
position: absolute;
width: 410px;
left: 3px;
background:url(../images/gtbg.jpg) 0 0 no-repeat
}
.tab2 ul {
clear:both
}
.tab2 li {
width: 96px;
height: 35px;
float: left;
margin-right: 6px
}
.tab2 li img {
display:none
}
.tab2 li.imgon img {
display:block
}
.tab2 li a {
display: block;
width: 96px;
height: 35px;
}
.tabbox2 {
position: absolute;
width: 399px;
left: 5px;
top: 44px;
font: 12px/24px \5b8b\4f53, arial;
color: #403328;
}
.tabbox2div {
}
.tabbox2div p {
height:144px;
}
.tabbox2 a {
font:12px/24px "���ź�", arial, \5b8b\4f53;
color:#F00
}
.tabbox2 img {
position: absolute;
left: 420px;
top: -200px;
}
#apDiv1 {
position: absolute;
left: -338px;
z-index: 1;
}
#apDiv2 {
position: absolute;
z-index: 2;
right: -338px;
}
#apDiv3 {
position: absolute;
left: 141px;
top: 154px;
width: 783px;
z-index: 1;
font-family: "���ź�", arial, \5b8b\4f53;
color: #FFF;
line-height: 2;
font-size: 13px
}
#apDiv4 {
position: absolute;
left: 690px;
top: 470px;
width: 239px;
z-index: 2;
color: #c5c5c5;
line-height: 2;
text-indent: 2em;
}
#apDiv5 {
position: absolute;
left: 638px;
top: 835px;
width: 289px;
z-index: 3;
color: #cdcdcd;
line-height: 2;
text-indent: 2em;
}
#apDiv6 {
position: absolute;
left: 94px;
top: 1433px;
width: 250px;
z-index: 4;
color: #d4d4d4;
}
#apDiv7 {
position: absolute;
left: 392px;
top: 1138px;
width: 238px;
z-index: 5;
color: #d4d4d4;
}
#apDiv8 {
position: absolute;
left: 666px;
top: 1439px;
width: 253px;
height: 135px;
z-index: 6;
color: #d4d4d4;
}
#apDiv9 {
position: absolute;
left: 38px;
top: 202px;
width: 406px;
z-index: 1;
color: #cfcfcf;
text-indent: 2em;
line-height: 2;
}
#apDiv10 {
position: absolute;
left: 89px;
top: 343px;
width: 245px;
z-index: 2;
color: #b1b1b1;
line-height: 2;
}
#apDiv11 {
position: absolute;
left: 588px;
top: 377px;
width: 217px;
z-index: 3333;
color: #b5b5b5;
}
#apDiv12 {
position: absolute;
left: 44px;
top: 222px;
width: 444px;
z-index: 1;
color: #a3a3a3;
text-indent: 2em;
line-height: 2;
}
#apDiv13 {
position: absolute;
left: 588px;
top: 383px;
width: 219px;
z-index: 2;
color: #b5b5b5;
}
#apDiv14 {
position: absolute;
left: 474px;
top: 793px;
width: 439px;
z-index: 3;
color: #d4d4d4;
line-height: 1.7;
}
#apDiv16 {
position: absolute;
left: 474px;
top: 892px;
width: 439px;
z-index: 4;
color: #d4d4d4;
line-height: 1.7;
}
#apDiv21 {
position: absolute;
left: 41px;
top: 218px;
width: 420px;
z-index: 1;
color: #FFF;
text-indent: 2em;
line-height: 2;
}
#apDiv22 {
position: absolute;
left: 476px;
top: 743px;
width: 429px;
z-index: 2;
color: #d4d4d4;
line-height: 1.7;
}
#apDiv23 {
position: absolute;
left: 474px;
top: 837px;
width: 424px;
z-index: 3;
color: #d4d4d4;
line-height: 1.7;
}
#apDiv24 {
position: absolute;
left: 43px;
top: 218px;
width: 410px;
z-index: 1;
color: #FFF;
line-height: 2;
text-indent: 2em;
}
#apDiv25 {
position: absolute;
left: 476px;
top: 620px;
width: 463px;
z-index: 2;
color: #d4d4d4;
line-height: 2;
}
#apDiv26 {
position: absolute;
left: 506px;
top: 754px;
z-index: 3;
color: #d4d4d4;
}
#apDiv27 {
position: absolute;
left: 476px;
top: 731px;
width: 329px;
z-index: 4;
color: #d4d4d4;
line-height: 2;
}
#apDiv28 {
position: absolute;
left: 476px;
top: 905px;
width: 417px;
z-index: 5;
color: #d4d4d4;
line-height: 2;
text-indent: 2em;
}
#apDiv29 {
position: absolute;
left: 54px;
top: 1058px;
width: 206px;
height: 45px;
z-index: 6;
background:url(aa)
}
#apDiv29 a {
display:block;
height:45px
}
#apDiv29 a:hover {
background:url(../images/a.png) 0 -183px no-repeat
}
#apDiv30 {
position: absolute;
left: 54px;
top: 1190px;
width: 206px;
height: 45px;
z-index: 4;
background:url(aa)
}
#apDiv30 a {
display:block;
height:45px
}
#apDiv30 a:hover {
background:url(../images/a.png) 0 -128px no-repeat
}
#apDiv31 {
position: absolute;
left: 54px;
top: 1233px;
width: 206px;
height: 45px;
z-index: 5;
background:url(aa)
}
#apDiv31 a {
display:block;
height:45px
}
#apDiv31 a:hover {
background:url(../images/a.png) 0 -73px no-repeat
}
#apDiv32 {
position: absolute;
left: 472px;
top: 1051px;
width: 442px;
height: 171px;
}
/*�Զ���������*/
.xlbox {
width:442px;
height:171px;
position:relative;
overflow:hidden;
background:#131313
}
.xlx {
width:2px;
height:100%;
position:absolute;
right:3px;
background:#292929
}
.xlt {
width:6px;
height:36px;
background:#3c3c3c;
right:0;
position:absolute
}
.xltxt {
width: 436px;
position: absolute;
}
.xlbox2 {
width:441px;
height:175px;
}
.xltxt2 {
width:435px;
}
#apDiv33 {
position: absolute;
left: 474px;
top: 1064px;
width: 441px;
height: 175px;
z-index: 6;
}
#apDiv34 {
position: absolute;
top: 574px;
height: 723px;
width: 100%;
}
.apDiv35 {
position: absolute;
left: 425px;
top: 172px;
width: 421px;
color: #d4d4d4;
z-index: 9;
}
.apDiv36 {
position: absolute;
left: 426px;
top: 260px;
width: 425px;
height: 148px;
z-index: 9;
}
.apDiv37 {
position: absolute;
left: 464px;
top: 506px;
width: 408px;
color: #d4d4d4;
line-height: 2;
z-index: 9;
}
.apDiv38 {
position: absolute;
top: 617px;
width: 206px;
height: 45px;
background:url(aa)
}
.apDiv38 a {
display: block;
height: 45px;
}
.apDiv38 a:hover {
background:url(../images/a.png) 0 -19px no-repeat
}
#apDiv39 {
position: absolute;
left: 422px;
top: 163px;
width: 455px;
height: 95px;
z-index: 1;
color: #d4d4d4;
line-height:23px;
}
#apDiv40 {
position: absolute;
left: 450px;
top: 273px;
width: 70px;
color: #d4d4d4;
}
#apDiv41 {
position: absolute;
left: 518px;
top: 273px;
width: 356px;
height: 132px;
z-index: 3;
color: #d4d4d4;
line-height:23px;
}
#apDiv42 {
position: absolute;
left: 420px;
top: 500px;
width: 451px;
height: 161px;
z-index: 4;
color: #d4d4d4;
}
#apDiv43 {
position: absolute;
top: 609px;
width: 206px;
height: 45px;
background:url(aa)
}
#apDiv43 a {
display:block;
height:45px
}
#apDiv43 a:hover {
background:url(../images/a.png) 0 -19px no-repeat
}
.apDiv35_1 {
position: absolute;
left: 425px;
top: 172px;
width: 421px;
color: #d4d4d4;
z-index: 9;
line-height:22px
}
.apDiv37_1 {
position: absolute;
left: 422px;
top: 298px;
width: 408px;
color: #d4d4d4;
line-height: 2;
z-index: 9;
}
.apDiv38_1 {
position: absolute;
top: 617px;
width: 206px;
height: 45px;
background:url(aa)
}
.apDiv38_1 a {
display: block;
height: 45px;
}
.apDiv38_1 a:hover {
background:url(../images/a.png) 0 -19px no-repeat
}
/* focusbox */
.focusbox {
position: relative;
overflow: hidden;
zoom: 1;
height: 721px;
}
#fullbanner {
width: 1004px;
height: 721px;
margin: auto;
position: relative;
}
#fullbanner ul {
width: 900px;
height: 721px;
}
#fullbanner .wrappic {
overflow: hidden;
position: relative;
width: 900px;
margin: 0 auto
}
#fullbanner .next, #fullbanner .prev {
position: absolute;
top: 50%;
background: url(../images/cz.jpg) 0 0 no-repeat;
z-index: 3;
width: 25px;
height: 100px;
}
#fullbanner .next {
margin:-25px 5px 0 0;
right:0;
background: url(../images/cy.jpg) 0 0 no-repeat;
}
#fullbanner .mask-left, #fullbanner .mask-right, #fullbanner .plan {
background: #000;
z-index: 1;
position: absolute;
left: 0;
width: 900px;
height: 721px;
overflow: hidden;
left: 1920px;
}
#fullbanner .mask-right, #fullbanner .mask-left {
z-index:4;
left:-960px;
filter:alpha(Opacity=50);
opacity:.5;
background:#fff;
overflow:hidden;
}
#fullbanner .mask-right {
left:960px;
}
.arrow-left, .arrow-right {
background:url(../images/icon-sd26986d847.png) no-repeat;
}
.arrow-left {
background-position:15px 12px;
height:50px;
width:50px;
}
.arrow-left:hover {
background-position:-45px 12px;
}
.arrow-right {
background-position:-103px 12px;
height:50px;
width:50px;
}
.arrow-right:hover {
background-position:-163px 12px;
}
/*ר���л�css*/
.box13{
width: 1100px;
height: 600px;
overflow: hidden;
font-family: "���ź�";
margin: 0px auto;font-size:18px;
}
.box13 h2{ text-align:center; font-size:58px; font-weight:normal;}
.box13 h2 span{ display:block; font-size:38px; margin-left:30px;}
.box13_p{ width:900px; margin:30px auto; text-indent:28px; }
.box13 .scrollz,.box13 .scrolly{ background:url(../images/bar.png) no-repeat;}
.box13 .scrollbox{ width:1000px; height: 807px; margin: 0 auto; position: relative; }
.box13 .scrollz,.box13 .scrolly{ width: 28px; height: 51px; position: absolute; top: 300px }
.box13 .scrollz{left:0; background-position:0 -346px}
.box13 .scrolly{right:0; background-position:0 -402px}
.box13 .scrollz a,.box13 .scrolly a{ display:block; width:28px; height:46px}
.box13 .scrollcbox{
width: 940px;
height: 600px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.box13a{width:1000px;height:57px;margin:0 auto;background:url(title_bg.jpg) no-repeat;text-align:center;color:#FFF;LINE-HEIGHT: 45px;
display: block;
HEIGHT: 57px;
COLOR: #fff;
FONT-SIZE: 38px;
FONT-WEIGHT: 600;}
.box13 .scrollcbox ul li{ display: inline; width: 1000px; height: 807px; margin-right:4px; float:left; font-size:14px;}
.li_l{ float:left; width:377px; height:807px; margin-top:20px; }
.li_2{ float:left; width:450px; margin-top:60px; margin-left:30px;font-family:"���ź�";font-size:16px; color:#FFF;line-height:30px;}
.li_2_2{ margin:0px auto; margin-top:20px; margin-left:30px; }
.li_2_3{ margin:0px auto; margin-top:20px; margin-left:30px;}
.li_2_3 span{ padding:2px 5px; background:#ce9d53; color:#fff;}
.li_2_5 a{ display:block; width:200px; font-size:16px; text-align:center; background:#f7143f; color:#fff; display:block; height:36px; line-height:36px; margin-left:30px; margin-top:20px; }
.li_2_1{ margin-top:30px;font-size:28px;font-weight:bold;}