@charset "gb2312";
/* background */
.bg { background-color:#e2e2e2; }
/* header */

.header_bg { background:url(../images/header_bg.jpg) repeat-x left center; height:137px; width:100%; }
.header { background:url(../images/header.jpg) no-repeat top center; height:137px; width:980px; }
.header a { background:url(../images/back_gnway.png) no-repeat center center; width:57px; height:19px; line-height:19px; font-size:12px; color:#003399; top:45px; right:80px; }
.header a:hover { color:#09F; }
/* width & height */
.w980 { width:980px; margin:0 auto; }
/* content */
.box_c { background:#fff; width:650px; }
.content p { padding:20px; }
.content_img img { padding-bottom:10px; }
/* rightside */
.rightside { width:300px; }
.rightside_bg { background:url(../images/column.png) no-repeat top center #FFF; padding-top:30px; }
.period_bg { background-color:#fff; padding-top: 30px; }
.period_wrap { overflow-y:scroll; overflow-x:hidden; }
/*.period_wrap { height:560px; overflow-y:scroll; overflow-x:hidden; }*/
.title1 { background:url(../images/icon1.png) no-repeat left center; height:32px; line-height:26px; padding-left:32px; width:140px; }
.title2 { background:url(../images/icon2.png) no-repeat left center; height:32px; line-height:26px; padding-left:32px; width:120px; }
.title3 { background:url(../images/icon3.png) no-repeat left center; height:32px; line-height:26px; padding-left:32px; width:120px; }
.title4 { background:url(../images/icon4.png) no-repeat left center; height:32px; line-height:26px; padding-left:32px; width:120px; }
.code_text { width:210px; }
.code_text b { font-weight:bold; }
.recommend ul { width:280px; margin:0 auto; }
.recommend ul li { width:280px; overflow:hidden; border-bottom:1px dotted #CCC; padding:5px 0; }
.recommend ul li a, .recommend ul li span { display:inline-block; text-align:left; }
.recommend ul li a { font-size:14px; color:#06C; width:200px; float:left; }
.recommend ul li a:hover { color:#03F; text-decoration:underline; }
.recommend ul li span { width:70px; font-size:12px; color:#999; float:right; padding-left:10px; }
.more a{ display:block; float:right; width:50px; color:#900;}
.more a:hover{ color:#F00; text-decoration:underline;}
/* padding & margin */
.mr1 { margin-right:10px; }
.mt1 { margin-top:30px; }
.mb1 { margin-bottom:15px; }
.mb2 { margin-bottom:5px; }
.p1 { padding:10px; }
.plr1 { padding:0 20px; }
.pb1 { padding-bottom:25px; }
/* font */
.fs1 { font-size:38px; }
.fs2 { font-size:36px; }
.fs3 { font-size:16px; }
.fs4 { font-size:28px; }
.fs5 { font-size:14px; }
.fline1 { line-height:1.5em; }
.tal { text-align:justify; }
/* footer */
.foot { background: none repeat scroll 0 0 #3588e4; height: 140px; margin-top:50px; }
.footer { color: #fff; line-height: 22px; margin: 0 auto; padding-top: 27px; text-align: center; width: 980px; }
.footnav { font-size: 14px; padding-bottom: 3px; }
.footnav a { color: #fff; }
.footnav a:hover { color: #b1e2fd; }
