@charset "utf-8";
/* CSS */
body {font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti; height:100%; font-size:24px; color:#333333; overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,button,p,blockquote,th,td { margin:0; padding:0; word-wrap:break-word; word-break:break-all;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;}
caption,cite,em,strong,th { font-style:normal; font-weight:normal;}
caption, th { text-align:left;}
fieldset, img { border:0;}
img { vertical-align:top;}
ul,ol{ list-style:none;}
input,button,select,textarea{color:#000; font:100% arial; vertical-align:middle; overflow:hidden;}
button{ cursor:pointer;}
a{ text-decoration:none; color:#333333; }
.cleardiv{ clear:both; font-size:0px; line-height:0px; height:0px}

/*=======*/
a:link{ color:#000000; text-decoration:none;}
a:hover{ color:#08bcb3;}
a:active{ color:#333333;}

/*main*/
.main{ width:100%; height:100%; position:relative; z-index:1;}
.main .top{ width:100%; height:34px; position:absolute; top:30px; left:0; z-index:10;}
.main .top .top_con{ width:535px; height:60px; margin:0 auto;}
.main .top .top_con img{ width:535px;}
.main .flash{ width:100%; position:absolute; bottom:top; left:0; z-index:2;}
.main .bottom{ width:100%; position:absolute; bottom:0; left:0; z-index:10;}
.main .bottom .click{ width:100%; height:65px; position:relative; z-index:3;}
.main .bottom .click .clickpic{ width:640px; height:65px; margin:0 auto 0; position:relative; z-index:5;}
.main .bottom .click .clickpic img{ width:640px; height:65px;}
.main .bottom .click .clickpic .click_name{ height:65px; line-height:65px; font-size:28px; position:absolute; top:0; left:10px; z-index:6;}
.main .bottom .click .clickbg{ width:100%; height:65px; position:absolute; top:0; left:0; z-index:4; background:#fff; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
.ur{ width:100%; height:65px; background:url(../images/ur.png) no-repeat scroll 48% 25px; position:absolute; top:0; left:0; z-index:5;}
.dr{ width:100%; height:65px; background:url(../images/dr.png) no-repeat scroll 48% 35px; position:absolute; top:0; left:0; z-index:5;}
.main .bottom .down{ width:100%; height:414px; position:relative; z-index:3;}
.main .bottom .down .downpic{ width:640px; height:414px; margin:0 auto; position:relative; z-index:5;}
.main .bottom .down .downbg{ width:100%; height:414px; position:absolute; top:0; left:0; z-index:4; background:#fff; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}

.la{ width:45px; height:116px; position:absolute; left:0; top:30%; z-index:11;}
.la img{ width:45px; height:116px;}
.ra{ width:45px; height:116px; position:absolute; right:0; top:30%; z-index:11;}
.ra img{ width:45px; height:116px;}