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

/*  


  html
        {
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
            -webkit-filter: grayscale(1);
        }
        
*/

.subnav{ width:100%; height:35xp; background-image:url(../images/sub_nav.jpg); background-repeat:repeat-x;}
.subnav_cnt{ width:1000px; height:35px; margin:0 auto;}


/* sec1 */
.sec1{ width:1000px; margin:0 auto; margin-top:15px; margin-bottom:15px;}
.sec1_l{ width:490px; height:290px;}
.sec1_r{ width:490px; height:290px; background-color:#e5effc;}

.focusBox { position: relative; width: 490px; height: 290px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width:490px; height:290px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 30px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 30px; width:100%; overflow: hidden; }.focusBox .txt li{ height:30px; line-height:30px; position:absolute; bottom:-30px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px;font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; line-height:15px; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#499ae9; }

.sec1_r_tit{ background-image:url(../images/sec1_r_tit.jpg); width:490px; height:45px;}
.sec1_r_cnt{ width:488px; height:230px; padding-top:14px;}
.sec1_r_li{ background-image:url(../images/sec1_r_bc.jpg); width:466px; height:30px; margin:0 auto; padding-top:6px;}

/* sec2 */
.sec2{ width:1000px; margin:0 auto; margin-bottom:15px;}
.sec2_l{ width:342px; height:280px; margin-right:21px;}
.sec2_m{ width:342px; height:280px;}
.sec2_r{ width:275px; height:280px;}
.sec2_l_tit{ background-image:url(../images/sec2_l_tit.jpg); width:342px; height:30px; padding-top:10px;}
.sec2_l_cnt{ height:229px; padding-top:10px;}
.sec2_r_tit{ background-image:url(../images/sec2_r_tit.jpg); width:275px; height:30px; padding-top:10px;}
.sec2_r_cnt{ height:239px;}

.sec3{ width:1000px; margin:0 auto; margin-bottom:15px;}
.sec3_tit{ background-image: url(../images/scroll_tit.jpg); width:1000px; height:70px;}
#Scroll {CLEAR: both;  FONT-SIZE: 12px; WIDTH: 205px; LINE-HEIGHT: 26px;  HEIGHT: 35px; TEXT-ALIGN: left}
.sec3_cnt img{ width:230px; height:153px;}

.fl{ width:978px;border:1px solid #b5d9ff; background-color:#eefafc; padding:10px; margin:0 auto; margin-bottom:15px; }
.fl_tit{ background-image:url(../images/fl_tit.jpg); width:90px; height:32px; padding-left:20px;}
.fl_cnt{ float:left; padding:0px 15px;}

.adver{ width:85px; height:270px; position:fixed; top:300px; right:50px; z-index:999;}