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

body { margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; line-height:36px; color:#222;  background:url(../images/bg.jpg) no-repeat fixed top center;}
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:30px;}
.blank20 { clear:both; height:20px;}
.blank10 { clear:both; height:10px;}
.blank0 { clear:both; height:0px;}
.blank180 { clear:both; height:180px;}

.w350 { width:350px;}
.w550 { width:550px;}
.w450 { width:450px;}
.w470 { width:470px;}
.w180 { width:180px;}
.w730 { width:730px;}
.mrl { float:left;}
.mrr { float:right;}

.border { overflow:hidden; padding:20px; background:#fff;}

.header { margin:0 auto; width:960px; height:540px;  background:url(../images/header.png) no-repeat top center;}


.home-header { position:fixed; z-index:1; width:120px; top:20%;}
.home-header .header-background { background:#ac0d12; float:left;}
.home-header .inner-section { position: relative; width: 120px; margin: 0 auto;}
.home-header .inner-section .logo { width: 120px; height: 40px; background: url(../images/home-logo.png) no-repeat center center; float: left; cursor: default;}

.home-header .inner-section .nav { float:left; width:120px; font-size:14px; font-weight:bold; line-height:36px; text-align:center;}
.home-header .inner-section .nav li { width:120px;}
.home-header .inner-section .nav li a { color: #fff; text-decoration:none;}
.home-header .inner-section .nav li a:hover { color: #fccf00; text-decoration:underline;}

.home-header .inner-section .line { border-bottom:1px solid #89190a; clear:both; width:100px; margin:0 10px;}

.home-header .inner-section .code  { float:left; font-size:12px; text-align:center; line-height:24px; color:#fff; padding-top:10px;}
.home-header .inner-section .code li { width:120px; margin-bottom:5px;}

.home-header .close1 { float:left;}
.home-header .close2 { float:right;}



.area { width:960px; margin:0 auto;}
.area .title { height:62px; line-height:62px; background:url(../images/line.png) no-repeat; color:#fff; font-size:22px; font-weight:bold; padding-left:75px;}
.area .main { width:920px; padding:20px; background:#fff; float:left;}

.comiis_wrapad { margin: 0 auto; width: 350px; 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: 350px; height: 318px; display: none; }

.foucs { border:1px solid #ccc; padding:4px; width:350px;}
.about { border:1px solid #ccc; padding:19px; width:500px;}
.about .text { text-indent:2em;}

#tags { float:left; height:48px; width:960px; background:url(../images/tagbg.png);}
#tags li { float:left; height:48px;}
#tags li a { display:block; height:46px; line-height:46px; font-weight:bold; text-align:center; color:#000; margin-left:20px;}
#tags li a:hover { text-decoration:none;}
#tags li.selectTag a { display:block; height:46px; line-height:46px; font-weight:bold; text-align:center;color:#cc100d; border-bottom:2px solid #cc100d;}

.product {}
.product img { width:400px; border:1px solid #ccc; padding:4px;}
.product li { float:left; border:1px solid #ccc; padding:19px; background:#fff; width:410px;}
.product li .tline { font-size:16px; border-bottom:3px solid #c30d23; 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;}


.pic2 { width:380px; height:282px; padding:3px; border:1px solid #ccc; background:#fff;}
.text2 { width:512px; padding-top:10px; text-indent:2em;}
.text2 .name { font-size:22px; font-weight:bold; color:#ad0002; text-indent:0; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px;}

.film {}
.film a { display:block; width:420px; 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:420px; 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:#c30d23;}
.news li span { float:right; color:#999; font-size:12px;}

.footer { width:100%; margin:0 auto; text-align:center; padding:20px 0; color:#fff; font-size:14px; line-height:30px;}
.footer a { color:#fff;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { width:920px; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize { position:relative; width:910px; height:450px; padding:4px; border:1px solid #ccc; background:#fff}

#information { position:absolute; bottom:3px; width:920px; 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:910px;}
#image img { position:absolute; z-index:25; width:auto;}
.imgnav { position:absolute; width:25%; height:450px; 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:450px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}

#thumbnails {margin-top:10px;}
#slideleft {float:left; width:20px; height:80px; background:url(../images/left.png) center center no-repeat; cursor:pointer;}

#slideright {float:right; width:20px; height:80px; background:url(../images/right.png) center center no-repeat; cursor:pointer;}

#slidearea {float:left; position:relative; width:870px; margin-left:5px; margin-right:5px; height:80px; overflow:hidden}
#slider {position:absolute; left:0; height:80px}
#slider img {cursor:pointer; width:110px; height:70px; border:1px solid #f7e8aa; padding:4px;}