@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Tahoma,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}html {overflow-y:scroll;}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}

body { background:#ffffff; color:#444; font-family:"微软雅黑"; }
a { color:#444; }
a:hover { text-decoration:none; }
.wrap { position:relative; width:320px; margin:0 auto; clear:both; overflow: hidden; }

.container,.footer { position:relative; margin:0 auto; }

.banner { width:320px; margin:0 auto; height:264px; overflow: hidden; padding-bottom:4px; border-bottom:1px solid #6c0a77; }

.fl { float:left; }
.fr { float:right; }
.hTitle .hd { text-align:center; padding-bottom:19px; }
.hTitle .hd h2 { padding-left:42px; font-size:21px;  color:#222; line-height:20px; padding:22px 0 10px; }
.hTitle a { display:block; width:118px; height:26px; text-align:center; line-height:26px; font-size:16px; color:#ececec; background:#6c0a77; margin:0 auto; }
.hTitle a img { vertical-align:middle; padding-right:6px; }
.hTitle  .bd { padding:0 10px; border-bottom:1px solid #6c0a77; }

.kf { width:262px; overflow: hidden; margin:0 auto; }
.kf a { display:block; width:111px; height:27px; float:left; margin:0 10px; }
.kf .online { background:url(../images/zxzx.jpg) no-repeat; }
.kf .book { background:url(../images/dhyy.jpg) no-repeat; }



.leader h2{ font-size:28px; color:#222; text-align:center; padding-top:15px;}
.leader p{ font-size:14px; text-indent:2em; line-height:25px; padding-top:5px;}






.box1 dl { width:100%; overflow: hidden; }
.box1 dt { width:140px; }
.box1 dd { width:145px; font-size:13px; font-weight:bold; line-height:21px; padding-top:10px; font-weight:bold; }
.box1 dd p { text-indent:2em; font-weight:normal; font-weight:normal; }
.box1 .kf { padding:28px 0 22px; }

.box2 dl { width:100%; overflow: hidden; margin-bottom:10px; }
.box2 dt { width:119px; height:95px; border-width:1px; border-style:solid; }
.box2 dd { width:172px; font-size:18px; line-height:21px; color:#fff; height:71px; padding:14px 0 12px 7px; font-weight:bold; }
.box2 dd p { font-size:14px; text-indent:2em; padding-top:8px; font-weight:normal; }
.box2 .b1 dt { border-color:#943634; }
.box2 .b1 dd { background:#943634; }
.box2 .b2 dt { border-color:#00b050; }
.box2 .b2 dd { background:#00b050; }
.box2 .b3 dt { border-color:#76923c; }
.box2 .b3 dd { background:#76923c; }
.box2 .b4 dt { border-color:#ff9900; }
.box2 .b4 dd { background:#ff9900; }
.box2 .kf { padding:11px 0 25px; }  

.box3 .bd { overflow: hidden; }
.box3 dl { position:relative; width:147px; height:128px; padding-bottom:13px; }
.box3 dt { position:relative; width:143px; height:25px; border-radius:25px; background:#9c34b9; color:#fff; font-size:14px; line-height:25px; text-align:center; margin:0 auto; z-index: 1; }
.box3 dd { position:absolute; top:12px; border:1px solid #d5d5d5; padding:18px 5px 9px; }
.box3 .kf { padding:11px 0 25px; }

.box4 dl { height:110px; overflow: hidden; padding-bottom:10px; }
.box4 dt { width:118px; height:110px; }
.box4 dd { width:177px; height:72px; font-size:18px; line-height:21px; color:#fff; padding:20px 0 18px 5px; font-weight:bold; }
.box4 dd p { font-size:14px; text-indent:2em; font-weight:normal; }
.box4 .item dd { background:#bc7ab7; }
.box4 .item2 dd { background:#7bb6bc; }
.box4 .item3 dd { background:#7c7dbd; }
.box4 .kf { padding:20px 0 25px; }

.box5 dd { font-size:14px; line-height:24px; color:#444; text-indent:2em; padding-bottom:13px; }
.box5 dd b { color:#6c0a77; }
.box5 dt { width:282px; margin:0 auto; }
.box5 .kf { padding:32px 0 25px; }

.box6 .bd { overflow: hidden; }
.box6 dl { position:relative; width:147px; height:138px; margin-bottom:12px; }
.box6 dt { width:145px; height:136px; border:1px solid #d5d5d5; }
.box6 dd { position:absolute; right:1px; bottom:1px; background:#8e58c2; width:110px; height:26px; color:#fff; font-size:18px; font-weight:bold; line-height:26px; text-align:center; }
.box6 .kf { padding:10px 0 25px; }

.box7 dt { position:relative; width:296px; height:196px; overflow: hidden; }
.box7 dt em { position:absolute; left:0; bottom:0; display:block; width:100%; height:30px; text-align:center; line-height:30px; background:#8048b4; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }
.box7 dt b { font-weight:normal; font-size:14px; color:#fff; }
.box7 dd { font-size:14px; line-height:21px; padding:15px 0 23px; }
.box7 .kf { padding-bottom:25px; }

.box8 .bd { overflow: hidden; padding-bottom:22px; }
.box8 p a { display:block; float:left; height:38px; font-size:15px; color:#fff; text-align:center; line-height:38px; margin-bottom:5px; }
.box8 p a:hover { color:#333; }
.box8 .f1 { width:153px; background:#ffc000; margin-right:5px; }
.box8 .f2 { width:142px; background:#92d050; }
.box8 .f3 { width:300px; background:#00b050; }
.box8 .f4 { width:181px; background:#57e171; margin-right:5px; }
.box8 .f5 { width:114px; background:#bc7ab7; }
.box8 .f6 { width:104px; background:#eaa150; margin-right:5px; }
.box8 .f7 { width:190px; background:#00b0f0; }


.dp h3{background:url(../images/bg.gif) no-repeat scroll 0 -230px rgba(0,0,0,0);color:#fff;font-size:15px;font-weight:400;height:35px;margin-top:10px;text-indent:2em;padding:3px 0;}
.dp .con{padding:0 10px;}