@charset"utf-8";


body {}


/* top */

.top_head {position:fixed;background:url('../img/head_bg.png') repeat-x;height:37px;width:100%;top:0}
.top_head div {float:right}
.top_head div.hdmenu ul li {float:left;padding:3px 5px;font-size:12px;margin-top:5px}
.top_head div.hdmenu ul li a {background:#1a6fbe;padding:3px 15px;color:#9cc5ea;border-radius:2px}
.top_head div.hdmenu ul li a:hover {background:#2381d7;color:#fff}

.top_menu {position:fixed;border-bottom:1px solid #a5a5a5;height:106px;width:100%;top:35px;background:#fff;overflow: hidden}
.top_menu h1{padding-top:25px;float:left}
.top_menu ul {}
.top_menu ul li {float:left;font-size:16px;color:#8d8d8d;background:url('../img/top_li_line.png') no-repeat 0 14px;}
.top_menu ul li.top_last {width:170px;height:100px;background:url('../img/top_li_line.png') no-repeat 0 14px;}

.top_menu ul li a {display:inline-block;padding:70px 0 13px 0;width:170px;text-align:center}
.top_menu ul li a:hover, .top_menu ul li a.on {color:#0764a6;border-bottom:5px solid #0060b7;}

.top_menu ul li a.topm1 {background:url('../img/top1.png') no-repeat  center 14px ;}
.top_menu ul li a.topm1:hover, .top_menu ul li a.topm1.on{background:url('../img/top1_on.png') no-repeat  center 14px ;}
.top_menu ul li a.topm2 {background:url('../img/top2.png') no-repeat  center 14px ;}
.top_menu ul li a.topm2:hover, .top_menu ul li a.topm2.on{background:url('../img/top2_on.png') no-repeat  center 14px ;}
.top_menu ul li a.topm3 {background:url('../img/top3.png') no-repeat  center 12px ;}
.top_menu ul li a.topm3:hover, .top_menu ul li a.topm3.on{background:url('../img/top3_on.png') no-repeat  center 12px ;}
.top_menu ul li a.topm4 {background:url('../img/top4.png') no-repeat  center 16px ;}
.top_menu ul li a.topm4:hover, .top_menu ul li a.topm4.on{background:url('../img/top4_on.png') no-repeat  center 16px ;}
.top_menu ul li a.topm5 {background:url('../img/top5.png') no-repeat  center 14px ;}
.top_menu ul li a.topm5:hover, .top_menu ul li a.topm5.on{background:url('../img/top5_on.png') no-repeat  center 14px ;}





/* left */



#left_menu {position:fixed; display: block; width: 230px;float:left;top:141px;background:url('../img/left_bg.png') no-repeat;height:1500px;}

/* nav menu styles */
#nav { display: block;width: 230px;}
#nav > li > a { display: block; padding: 12px 14px;font-size:15px; color: #c5e3f9;border-bottom: 1px dotted #83bbe7;font-weight:700}
#nav > li > a:hover, #nav > li > a.open {background:url('../img/left_libg1.png') repeat-x;color:#fff}
#nav li ul { display: none;border-bottom: 1px solid #83bbe7;padding:5px 0 }
#nav li ul li a {display: block; padding: 5px 0px;padding-left: 25px;font-size: 1.1em;color: #cef2fe;}
#nav li ul li a:hover {background:url('../img/left_libg2.png') repeat-x;color:#fff}






/* center */
.cont_area {margin:142px 0 0 230px;min-height:900px;font-size:14px;background:#eff7fe}

.cont_tit h3 {color:#000;font-size:21px;padding:25px 0 25px 45px;background:#d5e6f4 url('../img/h3_bg.png') no-repeat 30px 23px;font-weight:700}

.page_nav {padding:25px 30px 0 0;color:#7793af;font-size:0.9em;position:reative;float:right;}
.page_nav ul li.navi img {padding-top:1px}
.page_nav ul li.navi span {background:url('../img/ico_arr2.png') no-repeat;padding-left:17px;margin-left:10px;}


/* foot */
.foot_area {position:fixed;width:100%;clear:both;background:#2c3e4f;text-align:center;padding:16px 0;bottom:0;color:#507699}