@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; line-height:30px; color:#222; background:url(../images/bg.jpg) no-repeat top center fixed;}
ul,li,input,div,font,br { margin:0; padding:0; list-style:none;}
img { border:0;}
a { color:#c30d23; text-decoration:none;}
a:hover { text-decoration:underline;}

.blank { clear:both; height:0px;}
.blank10 { clear:both; height:10px; background:url(../images/line.png) no-repeat center;}
.blank25 { clear:both; height:30px;}

.w1000 { width:1000px; margin:0 auto; overflow:hidden;}
.w269 { width:239px; padding:15px; background:url(../images/titlebg.png) no-repeat top left #003e8d; margin:0 auto; overflow:hidden;}
.w300 { width:270px; padding:15px; background:#003e8d; margin:0 auto; overflow:hidden;}
.w450 { width:450px; background:#fff; margin:0 auto; overflow:hidden;}
.w490 { width:460px; padding:15px; background:url(../images/titlebg.png) no-repeat top left #003e8d; margin:0 auto; overflow:hidden;}
.w525 { width:525px; background:#fff; margin:0 auto; overflow:hidden;}
.w680 { width:650px; padding:15px; background:#003e8d; margin:0 auto; overflow:hidden;}
.w711 { width:681px; padding:15px; background:url(../images/titlebg.png) no-repeat top left #003e8d; margin:0 auto; overflow:hidden;}
.m1000 { width:1000px; margin:0 auto; overflow:hidden;}
.w210 { width:210px;}
.w230 { width:230px;}
.w380 { width:380px;}
.w400 { width:400px;}
.w430 { width:400px; padding:15px; background:url(../images/titlebg.png) no-repeat top left #d5200a; margin:0 auto; overflow:hidden;}
.w470 { width:470px;}
.w540 { width:540px;}
.w550 { width:520px; padding:15px; background:url(../images/titlebg.png) no-repeat top left #d5200a; margin:0 auto; overflow:hidden;}
.w555 { width:555px;}

.w1000 .w450 .w530, .title { padding-left:58px; height:62px; line-height:62px; color:#fff; font-size:26px; font-weight:bold; overflow:hidden; background:url(../images/tit.png) no-repeat top left; text-shadow: #000 1px 1px 1px;}
.w1000 .w450 .w530, .title2 { padding-left:0px; height:36px; line-height:36px; color:#ffd95d; font-size:20px; font-weight:bold; overflow:hidden; margin-bottom:15px;}
.w1000 .w450 .w530, .border { overflow:hidden; padding:25px; background:#fff5a2; border-top:1px solid #e6b41a;}
.mrl { float:left;}
.mrr { float:right;}

.mt20 { margin-top:20px;}
.ml20 { margin-left:20px;}
.mr20 { margin-right:20px;}
.mb20 { margin-tbottom:20px;}

.fb { font-weight:bold;}
.f20 { font-size:20px;}
.h33 { line-height:33px;}
.h36 { line-height:36px;}
.h42 { line-height:42px;}

.t1 { text-indent:1em;}
.t2 { text-indent:2em;}

.pt10 { padding-top:10px;}
.pb5 { padding-bottom:5px;}

/*topMenu*/
#topmenu {
    background: url(../images/topmenu_bg.jpg) repeat-x scroll;
    height: 34px;
    line-height: 34px;
}
.topdiv {
    margin: 0 auto;
    width: 1000px; font-size:12px;
}
.topdiv a { color: #434242;}
.topdiv a:hover { color: #CC0000;}
.webname {
    color: #666666;
    float: left;
    width: 200px;
}
.menulist {
    color: #434242;
    float: left;
    text-align: right;
    width: 800px;
}

#header { width:100%; height:430px; background:url(../images/header.png) no-repeat center;}

#nav { width:100%; height:60px; background:url(../images/nav.gif) no-repeat center;}
#nav .line { width:1000px; margin:0 auto;}
#nav .line a { float:left; display:block; width:125px; height:60px; line-height:60px; text-align:center; font-size:16px; font-weight:bold; color:#fff;}

#banner { width:1000px; margin:0 auto;}

.comiis_wrapad { margin: 0 auto; width: 400px; overflow: hidden;}
.comiis_wrapad img { float: left; margin-top: 0px; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.block { margin: 0;position: relative; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }





.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }





.slidebar { position: absolute; bottom: 5px; right: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(213,32,10,1.0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; font-weight: 700; }

.slideshow SPAN.title { text-indent: 0px; }

#slidesImgs li { width: 400px; height: 350px; display: none; }



#Daoyu {}
#Daoyu .bd { width:505px; height:320px; line-height:36px; border:1px solid #e9d45e; padding:14px;}
#Daoyu .tit { font-size:20px; font-weight:bold; margin:10px 0; text-align:center; border-bottom:1px dashed #e9d45e; padding-bottom:10px;}
#Daoyu .con { text-indent:2em; font-size:16px;}

#Video {}
#Video li { float:left; width:217px; border:1px solid #e9d45e; padding:4px; background:#fff392; margin-right:14px; text-align:center;}
#Video li a.v1 { width:217px; height:160px; display:block; background:url(../images/Video1.jpg) no-repeat center;}
#Video li a.v1:hover { background:url(../images/Video11.jpg) no-repeat center;}
#Video li a.v2 { width:217px; height:160px; display:block; background:url(../images/Video2.jpg) no-repeat center;}
#Video li a.v2:hover { background:url(../images/Video22.jpg) no-repeat center;}
#Video li a.v3 { width:217px; height:160px; display:block; background:url(../images/Video3.jpg) no-repeat center;}
#Video li a.v3:hover { background:url(../images/Video33.jpg) no-repeat center;}
#Video li a.v4 { width:217px; height:160px; display:block; background:url(../images/Video4.jpg) no-repeat center;}
#Video li a.v4:hover { background:url(../images/Video44.jpg) no-repeat center;}

#Speech {}
#Speech li { float:left; width:950px;}
#Speech li .pic { width:270px; border:1px solid #e9d45e; padding:4px; background:#fff392; float:left;}
#Speech li .pic img { width:270px; height:200px;}
#Speech li .text { width:650px; float:right;}
#Speech li .text .tit { height:32px; line-height:32px; font-size:16px; font-weight:bold; border-bottom:1px dashed #e9d45e; padding-bottom:5px; color:#c30d23;}
#Speech li .text .content { text-indent:2em; line-height:29px;}

#Awards {}
#Awards li { float:left; width:460px; padding-bottom:15px; margin-bottom:15px; margin-right:30px;}
#Awards li .tit { height:32px; line-height:32px; font-size:16px; font-weight:bold; border-top:1px solid #e9d45e; color:#c30d23; text-align:center; padding:5px 0;}
#Awards li .pic { width:450px; border:1px solid #e9d45e; padding:4px; background:#fff392; float:left;}
#Awards li .pic img { width:450px; height:275px;}

#Ptt {}
#Ptt li { float:left;}
#Ptt li .tit { height:32px; line-height:32px; font-size:16px; font-weight:bold; border-bottom:1px dashed #e9d45e; margin:5px 0; padding-bottom:5px; color:#c30d23;}
#Ptt li .content { text-indent:2em;}

#Medal {}
#Medal .scroll { height:495px; overflow-y:scroll;}
#Medal li { border-bottom:1px dashed #ccc; padding-top:10px; padding-bottom:5px; float:left; width:430px;}
#Medal li .honor { float:left; width:430px; margin-bottom:10px;}
#Medal li .honor span { display:block; float:left;}
#Medal li .honor span.medal01 { width:28px; height:31px; background:url(../images/medal01.png) no-repeat center;}
#Medal li .honor span.medal02 { width:auto; height:31px; line-height:28px; color:#fff; font-weight:bold; background:url(../images/medal02.png) repeat-x center;}
#Medal li .honor span.medal03 { width:9px; height:31px; background:url(../images/medal03.png) no-repeat center;}
#Medal li .name { float:left; margin-left:13px; margin-bottom:10px;}
#Medal li .name span { display:block; float:left;}
#Medal li .name span.name01 { width:10px; height:24px; background:url(../images/name01.png) no-repeat center;}
#Medal li .name span.name02 { width:auto; height:24px; line-height:24px; color:#333; background:url(../images/name02.png) repeat-x center;}
#Medal li .name span.name03 { width:10px; height:24px; background:url(../images/name03.png) no-repeat center;}



#Support {}
#Support .scroll { height:342px; overflow-y:scroll;}
#Support ul { padding:3px;}
#Support li { float:left; margin-right:12px; margin-bottom:12px;}
#Support li.no { margin-right:0px;}
#Support li a { display:block; width:118px; height:58px;}
#Support li a img { border:1px solid #ccc; padding:3px; width:110px; height:50px; background:#fff;}


#footer { width:100%; text-align:center; padding:10px 0; color:#ede183;}
#footer a { color:#ede183;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { width:950px; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize { position:relative; width:942px; height:500px; padding:3px; border:1px solid #e9d45e; background:#fff392}

#information { position:absolute; bottom:3px; width:942px; height:0; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 { margin:0; padding:0; font-size:18px; color:#fff; height:36px; line-height:36px; padding-left:30px;}
#information p { height:0px; clear:both; visibility:hidden;}
#image { width:942px;}
#image img { position:absolute; z-index:25; width:auto;}
.imgnav { position:absolute; width:25%; height:500px; cursor:pointer; z-index:150}
#imgprev { left:3px; background:url(../images/left.gif) left center no-repeat;}
#imgnext { right:3px; background:url(../images/right.gif) right center no-repeat;}
#imglink {position:absolute; height:500px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:75px; background:#222 url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:21px; height:75px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:899px; margin-left:5px; margin-right:5px; height:75px; overflow:hidden}
#slider {position:absolute; left:0; height:75px}
#slider img {cursor:pointer; width:102px; height:69px; border:1px solid #e9d45e; padding:2px}


.pttmain{ width:450px; background:url(../images/dian.jpg) repeat-y 125px 0px;}

.pttdiv{ padding:20px 0;}
.pttdivleft{ width:110px; float:left; color:#c30d23;}
.pttdivleft h3{ font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:14px;}
.pttdivright{ width:340px; float:left;}
.pttdivright p{ padding-left:37px; background:url(../images/logo1.png) no-repeat; font-size:13px; line-height:20px; padding-bottom:28px; padding-top:5px;}