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

/*-----------------------------------

 * FileName :         style.css
 * Description :      NK28 Styles
 * Version :          2009-12-1
 * Author :           Yo
 
==STRUCTURE==========================

 * Number of columns : four Columns
 * Page Width : 1024
 * Other Width : 1024

-----------------------------------*/
html,body,
	h1,h2,h3,h4,h5,
		div,p,form,iframe,fieldset,
		    dl,dt,dd,ul,li,
				logend,input,textarea,
				     span,font{padding:0px;margin:0px;}
 
ul,li{list-style:none;}

a img{border:none}

input{vertical-align:middle}

.w1024{width:1024px; margin:0px auto;}
.w980{width:980px; margin:0px auto;}
.left{float:left}
.right{float:right}
.clear{clear:both;height:0px;overflow:hidden;font-size:0px;line-height:0px;}
.aa .clear{clear:both; height:0px; font-size:0px; line-height:0px; }
a{text-decoration: none;}
body{background:url(../images/snow_01.jpg) repeat}

/*==Word Of Styles=============*/
.gray1{font-size:14px; color:#222; line-height:22px; font:"宋体", Tahoma}
.gray2{font-size:12px; color:#222; line-height:22px; font:"宋体", Verdana;}
.gray3{font-size:12px; color:#777; line-height:18px; font:"宋体", Tahoma}
.gray4{font-size:14px; color:#222; font-weight:bold; line-height:28px; text-align:left; font:"宋体", Tahoma}
.bluegray{font-size:12px; color:#657187;line-height:18px; text-align:left; font:"宋体", Tahoma; padding-bottom:2px; padding-top:12px;}
.ora{font-size:12px;color:#FF6600;line-height:18px;text-align:left;}
.blue{font-size:12px; color:#548aa3; line-height:18px; text-align:left;}
.blue2{font-size:14px; color:#14549c;line-height:18px; text-align:left; font-weight:bold; font:"宋体", Tahoma}
.blue3{font-size:12px;color:#2185D6;line-height:18px;text-align:left;}

h1{font-size:14px; color:#000; font-weight:bold; font:"宋体", Tahoma; margin-left:80px; padding-top:10px; padding-bottom:8px;}
h2,h3,h4{font-size:12px; color:#444; font-weight:bold; font:"宋体", Verdana; margin-top:15px; margin-bottom:5px; }
h2{margin-left:35px;}
h3{margin-left:15px;}
h4{margin-left:26px;}
h5{font-size:12px;font-weight:normal;}

/*==Input Of Styles=============*/
.text01{height:18px; width:3em; overflow:hidden;}
.button_down{width:157px; height:29px; margin-top:6px; background:url(../images/download_green.jpg) 0 0 no-repeat; font-weight:bold; font-size:12px; color:#FFFFFF; text-align:center; border:none;outline:none}

/*==top Of Styles=============*/
.topNav{height:43px;background:url(../images/topNav_bg.jpg) repeat-x left top;}
	.topNav .topNavIn{}
            .topNavIn .leftLogo{font-size:0px;}
			.topNavIn .rightNav{padding-top:13px; font-size:12px}
			.rightNav a{color:#222}
			.rightNav a:hover{color:#ba2636}

/*==foot Of Styles=============*/
.footer{margin-top:14px; margin-bottom:10px; width:100%}
.foot_top{height:57px; background:url(../images/index_28.jpg) left no-repeat}
.foot{width:972px; margin:0px auto; height:145px; background:url(../images/index_29.jpg) bottom no-repeat; position:relative}
.f_line{width:100%; text-align:center; font-size:12px; color:#005624; padding-bottom:3px; margin-bottom:6px; margin-top:8px;}
.f_bottom{text-align:center; font-size:12px; color:#8cffbf; line-height:22px;}
.f_bottom a{color:#8cffbf}
.f_bottom a:hover{color:#f2e447}

.footpic{position:absolute; width:82px; height:89px; background:url(../images/qnsx_20.jpg) no-repeat; top:8px; left:879px; z-index:999}

/*==Index Of Styles=============*/
.top{width:1024px; height:355px; background:url(../images/index_03.jpg) no-repeat; overflow:hidden}
.top .navi{margin-top:314px; margin-left:181px;}
.navi li{float:left; width:103px; margin-right:4px; text-align:center}
.ln a{color:#471e00; font-size:14px; font-weight:bold; text-decoration:none}
.ln a:hover{color:#fffc00}
.now a{color:#fffc00; font-size:14px; font-weight:bold; text-decoration:none}
.now a:hover{text-decoration:underline}

.top2{width:1024px; height:856px; background:url(../images/index_05.jpg) top no-repeat; overflow:hidden; position:relative}

.inbox1{width:902px; top:306px; left:61px; position:absolute;}
.inbox2{position:absolute; left:576px; top:592px; width:398px; z-index:0}
.inbox3{position:absolute; left:45px; top:560px; width:563px; z-index:99}

.inmid{background:#fff; float:left;}
.inmidd{background:#fab458}
.intop{height:14px; background:url(../images/index_52.jpg) repeat-x; overflow:hidden}
.inbottom{height:14px; background:url(../images/index_53.jpg) repeat-x; margin-top:0px; overflow:hidden }

.intop_l{float:left; width:14px; height:14px; background:url(../images/index_07.jpg) no-repeat;overflow:hidden}
.intop_r{float:right; width:14px; height:14px; background:url(../images/index_09.jpg) no-repeat;overflow:hidden}
.inbottom_l{float:left; width:14px; height:14px; background:url(../images/index_36.jpg) no-repeat;overflow:hidden}
.inbottom_r{float:right; width:14px; height:14px; background:url(../images/index_39.jpg) no-repeat;overflow:hidden}
.inmidbox{background:url(../images/index_11.jpg) no-repeat right top; width:100%; overflow:hidden}
.inmid_l{float:left; height:211px; width:5px; background:url(../images/index_11.jpg) no-repeat; overflow:hidden}

.inback{width:61px; height:106px; background:url(../images/index_06.jpg) no-repeat; top:306px; left:0px; overflow:hidden; position:absolute}
.intit{margin-left:20px;}
.incontent{float:left; width:98%}
.inbox1 .con{margin-top:18px; margin-left:20px;}
.inbox1 .con li{float:left; margin-right:35px;}

.inbox3 .con{margin-top:10px; margin-left:20px;}
.inbox3 .con li{float:left; margin-right:35px;}

.inbox2 .con{margin-top:10px; margin-left:40px;}
.inbox2 .con li{float:left; margin-right:33px;}

/*==face Of Styles=============*/
.topbox{width:1024px; height:auto; background:url(../images/top_01.jpg) no-repeat; overflow:hidden}
.topbox .navi{margin-top:245px; margin-left:132px; height:16px; overflow:hidden}

.f_con{width:100%; height:690px; position:relative;}
.face1,.face2,.face3,.face4{position:absolute}
.face1{left:62px; top:68px; background:url(../images/face_03.jpg) no-repeat; width:393px; height:357px; z-index:0;}
.face2{left:455px; top:256px; background:url(../images/face_05.jpg) no-repeat; width:520px; height:423px; z-index:1;}
.face3{width:513px; height:158px; background:url(../images/face2_03.jpg) no-repeat; top:52px; left:406px; z-index:998;}
.face4{width:371px; height:251px; background:url(../images/face2_07.jpg) no-repeat; top:437px; left:114px;z-index:999;}

.face3 ul{margin-top:58px; margin-left:36px;}
.face3 li{float:left; width:175px; height:30px;}
.face4 ul{margin-top:60px; margin-left:36px;}
.face4 li{height:30px;}

/*==Happystudy Of Styles=============*/
.b_top{width:904px; background:url(../images/border_01.jpg) top no-repeat;}
.b_con{width:904px; margin:36px auto 0px; background:url(../images/border_02.jpg) repeat-y;}
.b_foot{width:904px; height:20px; margin-top:15px; background:url(../images/border_3.jpg) no-repeat;}

.h_tit{width:260px; height:77px; margin:0px auto; background:url(../images/happy_03.jpg) bottom no-repeat;}
.hbox{width:825px; margin:0px auto;}
.hbox_top{background:url(../images/happy_07.jpg) no-repeat; height:13px; width:100%; overflow:hidden}
.hbox_con{border-left:3px solid #ff9c00; border-right:3px solid #ff9c00; background:#fff; width:819px;}
.hbox_foot{background:url(../images/happy_15.jpg) no-repeat; height:13px; width:100%}
.hboxpic{background:url(../images/happy_12.jpg) no-repeat bottom; width:174px; height:56px; padding-top:5px; margin-left:17px!important; margin-left:8px; float:left}
.hbox .gray2{float:left; margin-left:32px; margin-top:10px; text-indent:2em; width:584px;}

.b_body li,.b_top li{float:left; width:431px; background:url(../images/border2_02.jpg) repeat-y; margin-left:10px!important; margin-left:7px; margin-top:10px; overflow:hidden; font-size:0px;}
.b_head{width:431px; height:58px; background:url(../images/border2_01.jpg) no-repeat;}
.b_head2{width:431px; height:58px; background:url(../images/border_06.jpg) no-repeat;}
.b_head img,.b_head2 img{margin-left:22px; margin-top:12px;}
.bb_foot{width:431px; height:9px; background:url(../images/border2_03.jpg) no-repeat; margin-top:10px;}
.bpic{width:240px; height:180px; margin:0px auto 10px; text-align:center}
.bword{margin:0 auto; width:380px; text-indent:2em}

/*==Qnsx Of Styles=============*/
.sx_tit{width:260px; height:75px; margin-left:318px; background:url(../images/qnsx_03.jpg) bottom no-repeat;}

/*==Qsxx Of Styles=============*/
.xx_tit{width:260px; height:75px; margin-left:318px; background:url(../images/qsxx_03.jpg) bottom no-repeat;}

.bordall{width:96%;}
.bord_top{height:58px; background:url(../images/border_16.jpg) repeat-x;}
.bord_top2{height:58px; background:url(../images/border_10.jpg) repeat-x;}
.bord_mid{height:320px; background:#fff;}
.bord_foot{ height:8px; line-height:8px; font-size:8px; background:url(../images/border_30.jpg) repeat-x;}

.bt_r{height:58px; width:100%; background:url(../images/border_17.jpg) no-repeat right;}
.bt_r img{float:left}
.bt_r2{height:58px; width:100%; background:url(../images/border_11.jpg) no-repeat right;}
.bt_r2 img{float:left}

.bm_r{height:320px; width:100%; background:url(../images/border_23.jpg) repeat-y right;}
.bm_l{height:320px; width:4px; background:url(../images/border_20.jpg) repeat-y left; float:left}
.bm_m{float:left; height:320px; overflow:hidden}

.bf_r{height:8px; width:100%; background:url(../images/border_31.jpg) no-repeat right;}
.bf_l{height:8px; width:15px; background:url(../images/border_29.jpg) no-repeat;}

.bordpic{float:left; margin-left:10px; margin-top:8px; overflow:hidden}
.bordword{float:left; width:300px; text-indent:2em; margin-top:8px; margin-left:30px!important; margin-left:30px; }
.bordpic2{float:left; margin-left:20px!important; margin-left:10px; margin-top:8px; width:240px; height:180px; overflow:hidden}