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

body { margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; line-height:30px; color:#000; background:url(../images/bg.png);}
ul,li,input,div,font,br { margin:0; padding:0; list-style:none;}
img { border:0;}
a { color:#333; text-decoration:none;}
a:hover { color:#c30d23; 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:25px;}

.w1000 { width:1000px; margin:0 auto; overflow:hidden; background:#fff;}
.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;}

.w1000 .w450 .w530, .title { padding-left:75px; height:56px; line-height:51px; color:#fff; font-size:22px; font-weight:bold; overflow:hidden; background:url(../images/titlebg.png) no-repeat top left;}
.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;}
.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:432px; background:url(../images/header.gif) 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 { width:100%; height:420px; background:url(../images/daoyu.jpg) no-repeat center;}

#Zhuti { width:970px; padding:15px; background:#fff; margin:0 auto; overflow:hidden;}
#Zhuti .name { height:30px; line-height:40px; font-weight:bold; font-size:20px; background:url(../images/news.png) left center no-repeat; padding-left:15px; margin-bottom:10px; border-bottom:5px solid #000; padding-bottom:10px;}
#Zhuti .bd { line-height:36px; }
#Zhuti a { color:#c30d23;}
#Zhuti .tit { font-size:20px; font-weight:bold;}
#Zhuti .con { text-indent:2em; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}

#About { background:url(../images/about.jpg) no-repeat center top;}
#About ul {}
#About li { background:url(../images/news.png) left 16px no-repeat; border-bottom:1px dashed #ccc; padding-top:5px; padding-bottom:5px; padding-left:18px; font-size:16px;}

#News { height:300px;}
#News ul {}
#News li { background:url(../images/news.png) left center no-repeat; border-bottom:1px dashed #ccc; padding-top:5px; padding-bottom:5px; padding-left:18px; font-size:16px;}

#Video { font-size:18px; font-weight:bold; line-height:36px;}
#Video .video1 { width:455px; border:1px solid #ccc; padding:4px; background:#fff;}
#Video .video1 a { width:auto; height:auto; text-align:center;}
#Video .video1 a.v1 { width:455px; height:330px; display:block; background:url(../images/Video01.jpg) no-repeat center;}
#Video .video1 a.v1:hover { background:url(../images/Video011.jpg) no-repeat center;}
#Video .video2 { width:455px; border:1px solid #ccc; padding:4px; background:#fff;}
#Video .video2 a { width:auto; height:auto; text-align:center;}
#Video .video2 a.v2 { width:455px; height:330px; display:block; background:url(../images/Video02.jpg) no-repeat center;}
#Video .video2 a.v2:hover { background:url(../images/Video022.jpg) no-repeat center;}

#Record { background:url(../images/record.jpg) no-repeat center top #fff; height:850px;}
#Record ul {}
#Record li { font-size:14px; line-height:30px; padding-bottom:15px;}
#Record li strong { font-size:18px;}

#Join {}
#Join ul {}
#Join li { margin:15px 0; font-size:21px; height:35px; line-height:35px; border-bottom:1px dotted #ccc; padding-bottom:15px;}
#Join li span { float:left; margin-right:10px; display:block; width:40px; height:35px; line-height:35px; color:#fff; background:url(../images/arrow.png) left center no-repeat; text-align:center;}

#Contact { font-size:14px; line-height:42px;}

#Product {}
#Product li { float:left; width:306px; height:307px; margin-right:16px;}
#Product li a { display:block; width:306px; height:254px;}
#Product li span.num01 { display:block; background:url(../images/num1.gif) no-repeat 10px center; width:236px; height:53px; line-height:53px; color:#000; font-size:20px; font-weight:bold; padding-left:80px;}
#Product li span.num02 { display:block; background:url(../images/num2.gif) no-repeat 10px center; width:236px; height:53px; line-height:53px; color:#000; font-size:20px; font-weight:bold; padding-left:80px;}
#Product li span.num03 { display:block; background:url(../images/num3.gif) no-repeat 10px center; width:236px; height:53px; line-height:53px; color:#000; font-size:20px; font-weight:bold; padding-left:80px;}

#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;}

#Tutor {}
#Tutor {}
#Tutor .tutor { width:370px; border:1px solid #ffbd36; padding:4px; background:#fff;}
#Tutor .tutor a { width:370px; height:323px; display:block; background:url(../images/tutor-01.jpg) no-repeat center;}
#Tutor .tutor a:hover { background:url(../images/tutor-011.jpg) no-repeat center;}

#Speech {}
#Speech li { width:500px; padding-bottom:10px; margin-bottom:10px; float:left; border-bottom:1px dashed #ccc;}
#Speech li .pic { width:220px; border:1px solid #ffbd36; padding:4px; background:#fff;}
#Speech li .pic a.s1 { width:220px; height:146px; display:block; background:url(../images/speech-01.jpg) no-repeat center;}
#Speech li .pic a.s1:hover { background:url(../images/speech-011.jpg) no-repeat center;}
#Speech li .pic a.s2 { width:220px; height:146px; display:block; background:url(../images/speech-02.jpg) no-repeat center;}
#Speech li .pic a.s2:hover { background:url(../images/speech-022.jpg) no-repeat center;}
#Speech li .text { width:244px; padding:0 8px; background:url(../images/speech.png) no-repeat top center;}
#Speech li .text .tit { height:32px; line-height:32px; font-size:16px; font-weight:bold;}


#Corporate {}
#Corporate .category { float:left; width:910px; height:32px; line-height:32px; background:url(../images/medal.png) no-repeat center; font-size:16px; font-weight:bold; color:#fff; padding-left:40px; margin-top:20px; margin-bottom:10px;}
#Corporate .category2 { width:430px; height:32px; line-height:32px; background:url(../images/medal470.png) no-repeat center; font-size:16px; font-weight:bold; color:#fff; padding-left:40px; margin-top:20px; margin-bottom:10px;}

#Corporate .area {}
#Corporate .area .w220 { width:220px;}
#Corporate .area .w230 { width:230px;}

#Corporate .area a.column2 { float:left; width:450px; display:block; padding:9px; border:1px solid #ffbd36; background:#fff; margin-right:10px; margin-bottom:10px; text-align:center;}
#Corporate .area a.column2:hover { border:1px solid #d5200a;}
#Corporate .area a.column2 .logo { margin:10px auto; height:80px;}
#Corporate .area a.column2 .brand { margin:10px auto; height:20px; line-height:20px; width:85px; color:#fff; text-align:center; background:#d5200a; bottom:20px;}
#Corporate .area a.column2 .people { float:left;}
#Corporate .area a.column2 .people img { border:1px solid #ccc; padding:3px;}
#Corporate .area a.column2 .company { margin:10px auto;}
#Corporate .area a.column2 .name { margin:10px auto; line-height:20px; height:40px;}

#Corporate .area a.column3 { float:left; width:290px; display:block; padding:19px 9px; border:1px solid #ffbd36; background:#fff; margin-right:10px; margin-bottom:10px;}
#Corporate .area a.column3:hover { border:1px solid #d5200a;}
#Corporate .area a.column3 .logo { float:left; height:40px;}
#Corporate .area a.column3 .brand { float:right; margin:10px 0; height:20px; line-height:20px; width:85px; color:#fff; text-align:center; background:#d5200a;}
#Corporate .area a.column3 .people { float:left; margin:20px 0 10px;}
#Corporate .area a.column3 .people img { border:1px solid #ccc; padding:3px;}
#Corporate .area a.column3 .company { float:left;}
#Corporate .area a.column3 .name { float:right;}

#Organizational {}
#Organizational .name { width:219px; height:32px; line-height:32px; font-weight:bold; text-align:center; background:url(../images/organizational.png) no-repeat;}
#Organizational .logo { margin:10px 15px;}
#Organizational .logo img { border:1px solid #ccc; padding:3px; background:#fff;}

#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;}

#Video {}
#Video a { display:block; width:400px; height:312px; background:url(../images/Video.jpg) no-repeat;}
#Video a:hover { background:url(../images/VideoOn.jpg) no-repeat;}

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

#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 #bbb; background:#fff}

#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 #666; padding:2px}