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

body { margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; line-height:30px; color:#222; background:#00413b;}
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;}
.blank20 { clear:both; height:20px;}
.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;}
.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;}
.w220 { width:220px;}
.w230 { width:230px;}
.w260 { width:260px;}
.w325 { width:325px;}
.w350 { width:350px;}
.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;}
.w422 { width:422px;}
.w470 { width:470px;}
.w490 { width:490px;}
.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;}
.w575 { width:575px;}
.w600 { width:600px;}
.w650 { width:650px;}

.w1000 .w450 .w530, .title { padding-left:180px; height:63px; line-height:63px; color:#fff; font-size:24px; overflow:hidden; background:url(../images/tit.png) no-repeat top left; text-shadow: #00413b 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:#eaebed;}
.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:450px; background:url(../images/header.jpg) no-repeat center;}




#Daoyu {}
#Daoyu a.start { display:block; width:340px; height:340px; float:left; border:1px solid #bbb; padding:4px; overflow:hidden; position:relative; background:#fff url(../images/start.jpg) no-repeat 4px;}
#Daoyu a.start:hover { opacity:.95;}
#Daoyu a.start .play { width:55px; height:55px; left:142px; bottom:142px; position:absolute; opacity:.75;}
#Daoyu a.start .name { width:340px; height:35px; line-height:35px; text-align:center; left:4px; bottom:4px; position:absolute; background: rgba(0, 0, 0, 0.7); color:#fff100; float:left;}
#Daoyu .bd { width:535px; height:310px; line-height:36px; border:1px solid #bbb; padding:19px; background:#fff;}
#Daoyu .tit { font-size:21px; font-weight:bold; margin:5px 0 10px; text-align:center; border-bottom:1px dashed #bbb; padding-bottom:10px;}
#Daoyu .con { text-indent:2em; font-size:14px;}

#User {}
#User a.packing { display:block; width:315px; height:368px; float:left; border:1px solid #bbb; padding:4px; overflow:hidden; position:relative; background:#fff url(../images/packing.jpg) no-repeat 4px;}
#User a.packing:hover { opacity:.95;}
#User a.packing .play { width:55px; height:55px; left:130px; bottom:156px; position:absolute; opacity:.75;}
#User a.packing .name { width:315px; height:35px; line-height:35px; text-align:center; left:4px; bottom:4px; position:absolute; background: rgba(0, 0, 0, 0.7); color:#fff100; float:left;}

#Culture {}
#Culture a.culture01 { display:block; width:315px; height:230px; float:left; border:1px solid #bbb; padding:4px; overflow:hidden; position:relative; background:#fff url(../images/culture01.jpg) no-repeat 4px;}
#Culture a.culture01:hover { opacity:.95;}
#Culture a.culture01 .play { width:55px; height:55px; left:130px; bottom:87px; position:absolute; opacity:.75;}
#Culture a.culture01 .name { width:315px; height:35px; line-height:35px; text-align:center; left:4px; bottom:4px; position:absolute; background: rgba(0, 0, 0, 0.7); color:#fff100; float:left;}
#Culture a.culture02 { display:block; width:315px; height:230px; float:left; border:1px solid #bbb; padding:4px; overflow:hidden; position:relative; background:#fff url(../images/culture02.jpg) no-repeat 4px; margin-top:25px;}
#Culture a.culture02:hover { opacity:.95;}
#Culture a.culture02 .play { width:55px; height:55px; left:130px; bottom:87px; position:absolute; opacity:.75;}
#Culture a.culture02 .name { width:315px; height:35px; line-height:35px; text-align:center; left:4px; bottom:4px; position:absolute; background: rgba(0, 0, 0, 0.7); color:#fff100; float:left;}

#Product {}
#Product .hd { float:left; width:920px; height:44px; line-height:35px; padding-left:30px; background:url(../images/tit2.png) no-repeat; font-size:16px; color:#fff; margin-bottom:10px; margin-top:20px;}
#Product li { float:left; border:1px solid #bbb; padding:19px; background:#fff;}
#Product li .tline { font-size:16px; border-bottom:2px solid #006960; margin-bottom:15px; padding-bottom:3px;}
#Product li .line { height:23px; line-height:23px; color:#fff; font-size:14px; padding-left:12px; background:url(../images/tit3.png) no-repeat; margin-top:15px; margin-bottom:10px;}
#Product li .text { line-height:24px; font-size:12px; color:#333;}

#tags { float:left; height:112px; border:1px solid #bbb; border-bottom:0; width:944px; padding:0 2px; background:#fff url(../images/logoline.png) top center repeat-x;}
#tags li { float:left; margin:0 18px;}
#tags li a { display:block; height:50px; font-size:16px; text-align:center; padding-top:62px; color:#222; background:url(../images/logo2.png) top center no-repeat;}
#tags li a:hover { text-decoration:none;}
#tags li.selectTag a { display:block; height:50px; font-size:16px; text-align:center; padding-top:62px; color:#c80000; background:url(../images/logo1.png) top center no-repeat;}

.tagContent { float:left; border:1px solid #bbb; border-top:0; padding:39px; width:870px; background:#fff; font-size:12px; line-height:26px;}
.tagContent li { border-bottom:1px dashed #bbb; float:left; width:650px; padding-bottom:5px; margin-bottom:5px;}
.tagContent li span {color:#c80000; font-size:14px;}

#film {}
#film a { display:block; width:430px; height:350px; float:left; border:1px solid #bbb; padding:4px; overflow:hidden; position:relative; background:#fff url(../images/film.jpg) no-repeat 4px;}
#film a:hover { opacity:.95;}
#film a .play { width:55px; height:55px; left:192px; bottom:151px; position:absolute; opacity:.75;}
#film a .name { width:430px; height:35px; line-height:35px; text-align:center; left:4px; bottom:4px; position:absolute; background: rgba(0, 0, 0, 0.7); color:#fff100; float:left;}

#news {}
#news li { font-size:14px; height:35px; line-height:35px; border-bottom:1px dashed #bbb;}
#news li a { color:#222;}
#news li a:hover { color:#c80000;}
#news li span { float:right; color:#999; font-size:12px;}

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

.nav { width:150px; position:fixed; right:3%; top:50%;}
.nav .hd { height:50px; line-height:50px; background:url(../images/nav_hd.png) no-repeat; color:#006960; font-size:18px; text-align:center;}
.nav .code { background:url(../images/nav_bg.png); color:#fff; text-align:center; font-size:12px;}
.nav .close { float:right;}

/*相册*/
#slideshow {list-style:none; color:#fff}
#slideshow span { display:none;}
#wrapper { width:950px; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize { position:relative; width:940px; height:500px; padding:4px; border:1px solid #bbb; background:#fff}

#information { position:absolute; bottom:4px; width:940px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.75; filter:alpha(opacity=75)}
#information h3 { margin:0; padding:0; font-size:14px; color:#fff100; height:35px; line-height:35px; font-weight:normal; text-align:center;}
#information p { height:0px; clear:both; visibility:hidden;}
#image { width:940px;}
#image img { position:absolute; z-index:25; width:auto;}
.imgnav { position:absolute; width:25%; height:500px; cursor:pointer; z-index:150}
#imgprev { left:4px; background:url(../images/left.gif) left center no-repeat;}
#imgnext { right:4px; 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;}
#slideright {float:right; width:21px; height:75px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#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 #bbb; padding:2px}