﻿@charset "utf-8";
/* CSS Document */

.index-top-img{ width:100%; height:577px; margin:0px auto; position:relative;}
.banner{ width:100%;height:577px;position:relative; z-index:-1; min-width:1003px;}
.banner .d1{width:100%;height:577px;display:block;position:absolute;left:0px;top:0px;z-index:-1;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;left:0px;top:240px;z-index:0; display:none;}
.banner .d2 ul{float:left;position:absolute;right:10px;top:0;margin:0 0 0 -96px;display:inline;border:0px solid red;z-index:0;}
.banner .d2 li{width:17px;height:19px;overflow:hidden;cursor:pointer;background:url(http://www.codefans.net/jscss/demoimg/201405/img1.png) no-repeat center;float:left;margin:0 3px; border:0px solid red;display:inline;}
.banner .d2 li.nuw{background:url(http://www.codefans.net/jscss/demoimg/201405/img1_1.png) no-repeat center;}

.content{ width:1020px; height:320px;margin:0px auto; border:0px solid red; padding-top:20px;}
.content dl{ width:338px; float:left; border:0px solid red;}
.content dt{ height:60px; margin-bottom:10px; line-height:60px; vertical-align:middle;font-family:"微软雅黑"; font-size:20px; font-weight:600; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content dt img{ height:60px; float:left; margin-right:17px;}
.content dt span{ height:60px;font-family:"微软雅黑"; font-size:11px;}
.content dt a{ color:#333;}
.content dt a:hover{ color:#b7030c;}
.content dd{ padding-left:74px;font-family:"微软雅黑"; font-size:12px; line-height:20px; color:#333;}
.content dd p{ height:162px; margin-top:20px;font-family:"微软雅黑"; font-size:11px; color:#666;line-height:30px; text-indent:2em;}
.content dd p a{color:#666;}
.content dd p a:hover{text-decoration:underline;}

.bottom-meun{ width:100%; height:610px; padding-top:18px;background:url(../images/bottom-bg_02.png) repeat-x top center; border:0px solid red; background-position:0px -115px;}
.bottom-meun .cont{ width:1020px; margin:0px auto; border:0px solid red;}
.bottom-meun .cont dl{ width:245px; float:left; margin-right:10px; }
.bottom-meun .cont dt{ height:47px;padding-left:10px;font-family:"微软雅黑"; font-size:20px; color:#fff; border-bottom:1px solid #fff;}
.bottom-meun .cont dd{padding-left:10px;margin-top:10px;font-family:"微软雅黑"; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer;}
.bottom-meun .cont dd ul{ display:none;}
.bottom-meun .cont dd a{ color:#fff;}
.bottom-meun .cont dd a:hover{ color:#f00;}
.bottom-meun .cont dd li{font-family:"微软雅黑"; font-size:12px; color:#fff;line-height:29px;}
.bottom-meun .cont dd li a{ color:#fff;padding-left:20px; width:300px; line-height:29px; display:block;}
.bottom-meun .cont dd li a:hover{ color:#f00; line-height:29px;}

.friend-link{ width:1025px; height:100px; padding:10px 0; margin:0 auto; border:0px solid red;}
.friend-link li{ width:100px; list-style-type:none; float:left;}
.friend-link table{max-width:100%;}
.friend-link table tr td{ width:100px;}


#container{width:100%;float:left; position:relative; z-index:99 }
.autoMaxWidth{ overflow:hidden; position:relative;height:577px; }
#slide-index{min-width:1003px;width:100%; height:577px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1003px; width:100%; height:577px; }
#slide-index .slide{ min-width:1003px; height:577px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }

.focus {height:577px;overflow:hidden;position:relative;background:#ccc;}
.focus_m ul {width:100%;height:577px;overflow:hidden;}
.focus_m li {width:100%;height:577px;_float:left;}
.focus_m li.li_1 {background:url(../images/index_11.png) center 0 no-repeat #FFF;}
.focus_m li.li_2 {background:url(../images/index_12.png) center 0 no-repeat #FFF;}
.focus_s {height:0;position:relative;margin:0 auto;z-index:2;width:1000px;}
.focus_s ul {height:16px;overflow:hidden;position:absolute;left:45%;top:500px;}
.focus_s li {float:left;cursor:pointer;height:32px;width:25px;overflow:hidden;margin-right:10px;}
.focus_s li b {display:block;text-indent:-999em;background:url(../images/circle.png) 0 0 no-repeat;width:25px;height:32px;overflow:hidden;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/circle.png');_background:none;}
.focus_s li.active b {margin-top:-17px;}
.focus_l,.focus_r {position:absolute;display:block;width:50px;height:75px;overflow:hidden;z-index:2;top:220px;}
.focus_l {left:0;}
.focus_r {right:0;}
.focus_l b,.focus_r b {position:absolute;z-index:1;display:block;width:50px;height:75px;overflow:hidden;background:none;opacity:0.3;filter:alpha(opacity=30);cursor:pointer;}
.focus_l span,.focus_r span {display:block;position:relative;z-index:2;width:22px;height:33px;top:21px;cursor:pointer;}
.focus_l span {left:18px;background:url(../images/l.png) 0 0 no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/l.png');_background:none;}
.focus_r span {right:2px;background:url(../images/r.png) 0 0 no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/r.png');_background:none;}
.focus_l span:hover {*zoom:1;background:url(../images/l_2.png) 0 0 no-repeat;}
.focus_r span:hover{*zoom:1;background:url(../images/r_2.png) 0 0 no-repeat;}
.focus_l:hover b,.focus_r:hover b {opacity:0.5;filter:alpha(opacity=50);}
