@charset "gb2312";
/* CSS Document */

* { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, div { border: medium none; border: 0px; margin: 0; padding: 0; }
em, cite, i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #F60; }
table { border-collapse : collapse; border-spacing: 0; }
table { border-collapse: collapse; border-spacing: 0; }
*:focus { outline: none; }
body { background: #fff; font-size: 12px; font-family: "ËÎÌå"; }
.wrap { width: 970px; padding: 0 5px; overflow: hidden; _zoom: 1; margin: 20px auto 0; background:#fff;}
.wrapper { min-width: 980px; width: auto !important; border-top:1px solid #c48e8c; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clearfix { clear: both; *zoom:1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* top & bottom */
.special_box { overflow: hidden; background: #fff;}
.special_box .special_nav { width: 970px; margin: 0 auto; padding: 0 5px; height: 100%; overflow: hidden; margin: 0 auto; }
.special_box .special_nav .special_lo { float: left; width: 95px; height: 35px; background: url(http://image.39.net/images/sepecil_logo.gif) 0 0 no-repeat; }
.special_box .special_nav .special_lo a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
.special_box .special_nav .special_text { float: left; width: 870px; height: 35px; overflow: hidden; text-align: right; color: #A79468; font: 12px/35px simsun; }
.special_box .special_nav .special_text a { color: #333; text-decoration: none; }
.special_box .special_nav .special_text a:hover { color: #069; text-decoration: underline; }
.footer{ border-top:3px solid #ce453e; margin:30px auto 0;}
#bottominfo { padding:20px 0 32px; text-align: center; font-size:12px; color:#333;font-family: Verdana;line-height:24px;}
#bottominfo a { color:#333; font-size:12px; }

.banner{  height:250px;}
.container{ width:970px; overflow:hidden;_zoom:1; margin:0 auto;}
.header{ line-height:47px;background:url(../images/bg_header.jpg) left top no-repeat; height:47px;}
.header h2{font-family:"Microsoft YaHei"; color:#333; font-size:24px; font-weight:normal; text-indent:80px;}
.header .more{float:right; padding-right:20px;}
.video_box{ background:url(../images/bg_video.jpg) center top no-repeat; padding:11px 10px 0px 11px; width:316px;}
.video_box .video_con{ position:relative; height:252px;}
.video_box .video_con .shade{ position:absolute; height:36px; width:316px; bottom:0; left:0; display:block; background:#000; opacity:0.7; filter:alpha(opactiy=70);}
.video_box .video_con b{ color:#c0c0c0; display:block; position:absolute; bottom:0; left:0; line-height:36px; font-weight:normal; font-family:"Microsoft YaHei"; font-size:14px; padding-left:15px;}
.video_box .video_con b a{color:#c0c0c0;}
.video_box .download{ background:url(../images/bg_icon.gif) 0 3px no-repeat; padding-left:15px; line-height:46px; color:#fff;font-family:"Microsoft YaHei"; font-size:12px;}
.video_box .download a{ color:#fff;}

.sidebox{ width:618px;}
.sidebox .rollbox{ position:relative;}
.sidebox .header{ width:552px; margin:0 auto;}
.sidebox .scrollbox{ width:564px; margin:0px auto 0;padding-top:20px; overflow:hidden; height:242px;  position:relative;}
.sidebox .rollbox .prev,.sidebox .rollbox .next{ display:block; width:23px; height:31px; position:absolute;}
.sidebox .rollbox .prev{ background:url(../images/bg_prev.gif) left top no-repeat; top:90px; left:0;_left:-15px;}
.sidebox .rollbox .next{ background:url(../images/bg_next.gif) left top no-repeat; top:90px; right:0;}
.scrollbox div{overflow:hidden;_zoom:1;}
.scrollbox div div{ float:left; display:inline;overflow:hidden;_zoom:1;}
.rolllist{ overflow:hidden;_zoom:1; float:left; display:inline;}
.rolllist li{ float:left; display:inline; margin:0 6px; width:176px; position:relative;}
.rolllist li .shade{ height:36px; width:176px; position:absolute; display:block;left:0; z-index:2; bottom:0; background:#f2f2f3; line-height:36px; text-align:center;font-family:"Microsoft YaHei"; color:#666;}
.rolllist li .shade b{ font-size:14px; padding-right:5px; color:#000;}
.rolllist li a:hover .shade{ background:#c03531; color:#fff;}
.rolllist li a:hover .shade b{ color:#fff;}
.box-con{ overflow:hidden;_zoom:1; padding-top:14px;}

.preface{ width:162px; padding:13px 0px; background:#c03531;font-family:"Microsoft YaHei";float:left; display:inline; height:159px; display:none;}
.preface strong{ color:#efd6d5; font-size:14px;display:block; padding-left:6px; padding:0 16px;}
.preface strong a{ color:#efd6d5;}
.preface p{color:#efd6d5; line-height:19px;padding:10px 16px 0;}



.mideazc{ overflow:hidden;_zoom:1;}
.mideazc .imgbox{ float:left; display:inline;margin-right:21px; overflow:hidden;_zoom:1;}
.mideazc .imgbox img{display:block; float:left;}
.mideazc .end{ margin-right:0;}
.mideazc .on .preface{ display:block;}
.box755{ width:756px;}
.box214{ width:214px;font-family:"Microsoft YaHei";}
.boxinfo{ background:#f2f2f3; padding-bottom:5px; display:none;margin-bottom:10px;}
.boxinfo .txtbox{ height:35px; display:block; line-height:35px;text-align:center; font-size:12px;color:#7d7d7d;}
.boxinfo .txtbox b{font-size:14px; padding-right:5px; color:#000;}
.boxinfo p{ width:188px; line-height:20px; font-size:12px; margin:0 auto; color:#787878;}
.boxinfo p a{color:#db9a99; }

.list1{ overflow:hidden;_zoom:1;font-family:"Microsoft YaHei";}
.list1 li{ width:176px; position:relative; float:left; display:inline; margin-right:13px;}
.list1 li img{ display:block;}
.list1 .shade{ background:url(../images/bg_shade.png) left top no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_shade.png"); height:50px; position:absolute; left:0; top:165px; width:176px; text-align:center; color:#fff;} 
.list1 .shade p{ line-height:25px; padding:0 25px; color:#ebebeb;}
.list1 .txtbox{ height:40px; display:block; line-height:40px;text-align:center; font-size:12px;color:#7d7d7d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list1 .txtbox b{font-size:14px; padding-right:5px; color:#000;}
.list1 a:hover{ text-decoration:none; }

.list2{ overflow:hidden;_zoom:1;font-family:"Microsoft YaHei"; margin-right:-20px;}
.list2 li{ width:230px; float:left; display:inline; margin-right:16px;}
.list2 li img{ display:block;}
.list2 li span{ display:block; background:#f2f2f3; height:43px; line-height:43px; text-align:center; font-size:14px;}
.list2 li span b{font-size:16px; padding-right:5px; color:#000;}
.list2 li a:hover{ text-decoration:none;}
.list2 li a:hover span{ background:#c03531; color:#fff;}
.list2 li a:hover span b{ color:#fff;}


.list3{ overflow:hidden;_zoom:1;}
.list3 li .boxtit{ display:block; background:#f2f2f3 url(../images/bg_icon2.gif) 185px 10px no-repeat; height:53px; line-height:53px; margin-bottom:10px; text-align:center; color:#787878;}
.list3 li .boxtit b{font-size:14px; padding-right:5px;color:#333; }
.list3 li .boxtit a{color:#787878; display:block; height:53px;}
.list3 li .boxtit a:hover{ text-decoration:none;}

.list3 li.cur .boxtit{ display:none;}
.list3 li.cur .boxinfo{ display:block;}


.wqhg{ overflow:hidden;_zoom:1;font-family:"Microsoft YaHei"; margin-left:-16px; margin-right:-34px; background:url(../images/bg_wqhg.jpg) 332px 8px no-repeat;}
.wqhg li{ width:280px; float:left; margin:0 37px 0 22px;}
.wqhg li span{ color:#db9a99; display:block; line-height:26px;}
.wqhg li img{ display:block;}
.wqhg li strong{ line-height:26px; display:block; font-family:14px; padding:10px 0; text-align:center;}
.wqhg li p{ line-height:26px; text-indent:2em; color:#5d5d5d;}
.wqhg li p a{color:#db9a99; }


.rollimg{ background:url(../images/bg_roll.jpg) center top no-repeat; height:529px; position:relative;}
.rollimg .previmg,.rollimg .nextimg{display:block; width:23px; height:31px; position:absolute; top:220px; z-index:3;}
.rollimg .previmg{ background:url(../images/bg_prev.gif) left top no-repeat;left:28px;}
.rollimg .nextimg{ background:url(../images/bg_next.gif) left top no-repeat;right:25px;}
.rollcon{ width:926px; margin:0 auto; overflow:hidden;_zoom:1; padding-top:24px; position:relative; height:428px;}
.listimg{ overflow:hidden;_zoom:1; height:428px; position:absolute; left:0; top:24px;}
.listimg li{ float:left; display:inline;}
.listimg li img{ display:block;}