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

html{-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
li {list-style:none;}
.f_l{float:left;}
.f_r{float:right;}
.clear{clear:both;}
h1,h2,h3,h4{font-size:12px;}
a{text-decoration:none;color:#666565;}
pre {
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
    word-wrap: break-word; 
}
.turn{text-align:center;padding:15px;color:#3b2d18;}
body{color:#666565;font-size:12px;font-family: Tahoma,"宋体",Arial, Helvetica, sans-serif;line-height:25px; overflow-x:hidden;}

a{ color:#006699}
a:hover{ color:#003366}
/*主页*/
.headerWrap{height:109px;background:url(../images/header_bg.png) repeat-x;}
.header{width:969px;height:109px;background:url(../images/header_bg.png) repeat-x;margin:0 auto;position:relative;}
.logo{width:330px;height:99px;}
.nav{position:absolute;right:0px;top:0px;height:109px;width:660px;}
.search{line-height:17px;height:17px;padding-top:10px; position:absolute;width:385px;right:0px; top:30px;}
.search .znss{ position:absolute;right:210px; top:8px; height:20px; line-height:20px; font-size:12px;}
.prosearch{width:142px;height:17px;background:url(../images/searchtext.png) left top no-repeat;border:none;vertical-align:middle;position:absolute;right:66px;top:9px; line-height:17px;font-size:12px;}
.prosubmit{background:url(../images/search_bg.png) left top no-repeat;width:66px;height:17px;border:none;vertical-align:middle;cursor:pointer;position:absolute;right:0px;top:9px;}
.menu{position:absolute;right:0px;bottom:10px;}
.menu a{display:inline-block;width:55px;height:36px; text-align:center;margin:0 10px;font-weight:bold;font-size:12px;font-family:'微软雅黑';vertical-align:middle;line-height:25px;}
.menu span{position:relative;top:-4px;}
.menu a:hover{color:#FFF; background:url(../images/nav_bg.png) no-repeat;}
.indexBar_Wrap{background:url(../images/indexcontent.png) repeat-x;height:545px;}
.indexBar{width:969px;height:545px;margin:0 auto; position:relative;}
.indexPro_Wrap{top:100px;position:absolute;}
.indexPro{width:436px; padding-top:90px;}
.indexPro a{display:block; width:105px;height:34px; background:url(../images/indexproa_bg.png) left top no-repeat;}
.indexPro a:hover{background:url(../images/indexproa_bg.png) left bottom no-repeat;}
.indexCon_Wrap{height:200px; background:url(../images/indexCON_BG.png) top left repeat-x;}
.indexCon{width:969px;height:191px;background:url(../images/indexCON_BG.png) repeat-x; margin:0px auto; position:relative;}
.indexAbout{width:690px;padding-top:26px; float:left; position:relative;}
.indexAbout h1{background:url(../images/indexabout.png) no-repeat;width:173px;height:28px; line-height:0px;}
.indexAbout_Wrap{ width:505px; position:absolute;right:0px; top:25px; line-height:20px; background:#efefef; height:140px; overflow:hidden}
.laerMore{ display:inline-block;height:20px; background:url(../images/learmore.png) left 5px no-repeat;padding-left:20px; line-height:20px;color:#75ae59; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.laerMore:hover{color:#2680be;}
.index_Contact_wrap{width:244px;height:191px; background:url(../images/indexcontentbg.png) left top no-repeat;}
.index_Contact{padding-top:50px;padding-left:30px;}
.index_Contact .qq{height:38px;padding-left:48px; background:url(../images/qq_bg.png) 5px 5px no-repeat; line-height:18px;}
.index_Contact .qq a{ display:inline-block;height:32px;}
.index_Contact .qqOne{width:32px; background:url(../images/qq_bg.jpg) left top no-repeat;}
.index_Contact .qqOne:hover{ background:url(../images/qq_bg.jpg) left bottom no-repeat;}
.index_Contact .qqTwo{width:31px; background:url(../images/qq_bg.jpg) -39px top no-repeat; margin-left:7px;}
.index_Contact .qqTwo:hover{background:url(../images/qq_bg.jpg) -39px bottom no-repeat;}
.index_Contact .qqThree{width:30px; background:url(../images/qq_bg.jpg) right top no-repeat; margin-left:6px;}
.index_Contact .qqThree:hover{background:url(../images/qq_bg.jpg) right bottom no-repeat;}
.index_Contact .tel{height:46px;background:url(../images/tel_bg.png) left 5px no-repeat;}
.index_Contact .tel h1{padding-left:44px;padding-top:25px; font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
.index_Contact .email{height:37px;background:url(../images/indexemail.png) left 5px no-repeat;}
.index_Contact .email h1{padding-left:44px;padding-top:25px;font-weight:normal;}
.index_Contact .email h1 a{color:#4b9926;font-family:Arial, Helvetica, sans-serif;}
.index_Contact .email h1 a:hover{color:#2680be;}
.footerWrap{background:#555555;height:85px;}
.footer{background:url(../images/footerbg.png) repeat-x;height:85px;width:969px;margin:0px auto;position:relative;}
.footer .p1{position:absolute;left:0px;top:0px;font-size:12px;line-height:18px;font-family:Verdana, Geneva, sans-serif;padding-top:35px;color:#989898;}
.footer .p1 a{ display:inline-block;padding:0px 5px;color:#fff;}
.footer .p1 a:hover{color:#F00; text-decoration:underline;}
.footer .p2{position:absolute;right:0px;top:0px;padding-right:15px;padding-top:45px;}
.footer .p2 a{color:#989898;line-height:30px;}
.footer .p2 a:hover{color:#2680be;}
.indexHot{height:117px;width:969px;position:absolute;bottom:10px;left:0px;}
.indexHot .a{ display:block; position:absolute;height:117px;}
.hotNews{width:262px;background:url(../images/hotnews.png) left top no-repeat;left:0px;top:0px;z-index:4;}
.hotNews:hover{ background:url(../images/hotnews_hover.png) left top no-repeat;}
.netWork{width:260px; background:url(../images/indexnetwork.png) left top no-repeat;top:0px;left:233px;z-index:3;}
.netWork:hover{ background:url(../images/indexnetwork_hover.png) left top no-repeat;}
.hotpro{width:262px; background:url(../images/hotpro.png) left top no-repeat;left:462px;top:0px;z-index:2;}
.hotpro:hover{ background:url(../images/hotpro_hover.png) left top no-repeat;}
.relax{width:276px; background:url(../images/relax.png) left top no-repeat;right:0px;top:0px;z-index:1;}
.relax:hover{ background:url(../images/relax_hover.png) left top no-repeat;}
/*整体样式*/
.bannerWrap{height:250px; background:url(../images/banner_bg.jpg) left top repeat-x ;}
.banner{width:969px; margin:0 auto;height:auto; position:relative;}
.contentWrap{background:url(../images/indexCON_BG.png) repeat-x;}
.content{width:969px;margin:0 auto;padding-top:11px;background:url(../images/indexCON_BG.png) repeat-x;}
.left{width:209px;}
.left h1{height:38px; display:block; text-indent:-999px;}
.about_left{background:url(../images/aboutleft.png) left top no-repeat;}
.subnav{display:block;}
.subnav li{display:block;padding-bottom:3px;border-bottom:1px dashed #CCC;padding-top:5px;}
.subnav li ul{display:none;}
.subnav li ul li{ padding:0px; border:none;}
.subnav li ul li a{ background:none;}
.subnav li ul li a.cur{ background:none;color:#f76c06;}
.subnav li ul li a:hover{ background:none;color:#f76c06;}
.subnav li a{display:block; height:27px; background:url(../images/subnav_abg.png) left bottom no-repeat;padding-left:35px;font-weight:bold;color:#6a6a6a;}
.subnav li a.cur{background:url(../images/subnav_abg.png) left top no-repeat;color:#FFF;}
.subnav li a span{font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.subnav li a:hover{background:url(../images/subnav_abg.png) left top no-repeat;color:#FFF;}
.allcontact{background:url(../images/allcontact.png) left top no-repeat; height:127px;margin-top:17px;position:relative;}
.view{background:url(../images/view.png) left top no-repeat;width:51px;height:15px;display:block;position:absolute;left:15px;top:47px;}
.view:hover{background:url(../images/view.png) left bottom;}
.online{background:url(../images/online.png) left top no-repeat;width:183px;height:26px;display:block;position:absolute;bottom:10px;left:12px;}
.online:hover{background:url(../images/online.png) left bottom no-repeat;}
.right{width:704px;padding-left:40px; border-left:1px solid #CCC;min-height:400px;height:auto !important;height:400px;}
.right .location{height:31px;display:block;position:relative;padding-left:23px;line-height:30px;color:#266396; background:url(../images/location_bg.png) left 13px no-repeat;border-bottom:1px dashed #CCC; line-height:31px; font-size:14px;}
.right .location span{position:absolute;right:0px;top:0px;font-weight:normal;color:#696969; font-size:12px;}
.right .location a:hover{color:#2163a4;}
.simple{padding:10px 8px; position:relative; height:auto}
/*news*/
.relax_left{background:url(../images/relaxleft.png) left top no-repeat;}
.news_left{background:url(../images/newsleft.png) left top no-repeat;}
.news_list ul{padding-top:15px;}
.news_show{padding:20px 0px;}
.news_show h1{ display:block; text-align:center; font-size:14px;}
.news_show h2{ display:block; text-align:center;}
.news_list ul li{border-bottom:1px dashed #CCC; background:url(../images/news_libg.png) left 12px no-repeat;padding-left:10px; position:relative; display:block;height:30px; line-height:30px;}
.news_list ul li a{color:#000000;}
.news_list ul li a:hover{color:#2163a4;}
.news_list ul li span{ position:absolute;right:0px;top:0px; line-height:30px; height:30px; display:block;}
/*service*/
.service_left{background:url(../images/serviceleft.png) left top no-repeat;}
.contanct_us{ position:relative;}
.order{padding:30px 0px 10px 40px;}
.order p{padding:6px 0px; line-height:18px;}
.order p span{color:#266396; font-weight:bold; display:inline-block;width:70px;}
.order p input{height:18px; vertical-align:middle;}
.order p select{ vertical-align:middle;}
.order p option{height:18px; vertical-align:middle;}
.order .beizhu{vertical-align:top;width:560px;height:170px;}
.order .submit{width:137px;height:39px; border:none; background:url(../images/orderbutn.png) left top no-repeat; cursor:pointer;}
/*pro*/
.tech_left{background:url(../images/techleft.png) left top no-repeat;}
.pro_list{padding:15px 0px;}
.pro_list ul{padding-bottom:20px; display:block;}
.pro_list ul li{ float:left;padding-right:8px;width:226px;padding-top:10px;}
.pro_list ul li img{ display:block; padding:5px;border:1px solid #CCC;}
.pro_list ul li a{ display:block;text-align:center; line-height:15px;}
.pro_list ul li a:hover{color:#1a5280; text-decoration:underline;}
.zhu{ position:absolute; background:url(../images/zhu.png); width:170px; height:108px; right:40px;bottom:-27px;}
.pro_left{background:url(../images/proleft.png) left top no-repeat;}
.product .h1{ display:block;border:1px solid #CCC; background:url(../images/proh1bg.png) repeat-x; height:26px;color:#FFF;padding-left:20px;}
.product{padding:15px 0px;}
.proShow{height:363px; border-bottom:1px solid #CCC; border-left:1px solid #CCC;padding:10px 0px;position:relative;padding-left:15px;}
.proPic{width:308px; position:absolute; height:350px; z-index:30;}
.bigPic{height:270px; position:absolute; left:0px; top:0px; z-index:6;}
.proPic .smallPic{padding-top:8px;padding-left:7px; display:block; position:absolute; bottom:0px; left:0px;}
.proPic .smallPic li{ float:left;width:59px;height:57px;padding:9px 9px 5px 4px;cursor:pointer;}
.proPic .smallPic li img{border:2px solid #CCC;}
.intro{width:313px; position:absolute;right:30px;top:15px; z-index:5;}
.intro h1{font-size:22px; font-family:'黑体';color:#01459a;}
.intro h1 span{ font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.intro h2{font-size:18px; font-weight:normal;color:#678fc2;}
.intro ul{border-bottom:1px solid #CCC;}
.intro ul li{border-top:1px dashed #CCC; font-size:14px;padding:5px 0px; }
.intro ul li span{ display:inline-block; vertical-align:top;}
.intro ul li .span{width:235px;}
.intro .p{ text-align:right;font-size:14px;padding:15px 0px;}
.effect .top{border-bottom:3px solid #008b17;margin-top:15px;}
.effect .top a{ display:inline-block;width:71px;height:20px; text-align:center; margin:0px 5px;color:#01459a; line-height:20px;}
.effect .top a.cur{background:url(../images/promessageh1.png); font-weight:bold;color:#FFF;}
.effect .li{ padding:10px 20px;}
.promessage .top{border-bottom:3px solid #008b17;margin-top:15px; position:relative;}
.promessage .top a{ position:absolute;right:5px;bottom:2px;color:#a1d88b; font-weight:bold;}
.promessage .top a:hover{color:#0b61a3;}
.promessage .top h1{width:71px; height:20px; line-height:20px; color:#FFF; background:url(../images/promessageh1.png); text-align:center;}
.userPhoto{padding-top:20px;height:90px; width:65px; text-align:center;color:#397eb5; float:left;padding-left:15px;}
.userPhoto img{border:4px solid #d2f0f6;}
.guest{width:602px; background:url(../images/guest_bg.png) repeat-y; margin-top:10px;}
.user_say{padding:15px 0px 15px 20px; background:url(../images/user_saybg.png) left top no-repeat;}
.guestTime{ height:30px; background:url(../images/guestbottom.png) no-repeat; text-align:right;padding-right:20px;}
.gbook{width:670px;height:165px; border:1px solid #CCC; background:#f1f0ea; margin:15px 0px 0px 30px;}
.gbook form{padding:10px;}
.gbook form input{ background:#f8f7f4;border:1px solid #ccc;height:18px;}
.gbook form textarea{width:560px;height:50px; background:#f8f7f4;border:1px solid #ccc;}
.gbook form span{ display:inline-block;width:60px; vertical-align:top; text-align:right;}
.gbook .code{ position:relative;top:5px; line-height:18px; height:25px;}
.gbook .code input{ width:50px;}
.gbook .code img{ position:absolute; left:130px;top:0px;}
.gbook .code .submit{ position:absolute;right:30px; top:0px; width:87px;height:25px; background:url(../images/codesubmit.png) left top no-repeat; border:none; cursor:pointer;}
/*团队*/
.team_left{background:url(../images/teamleft.png) left top no-repeat;}
.article{width:209px; background:url(../images/article.png) left top no-repeat; padding-top:30px; margin-top:10px;}
.article ul{ display:block;padding:5px 3px; border:1px solid #CCC;}
.article ul li{ display:block; border-bottom:1px dashed #CCC; font-size:14px;padding-left:15px;}
.article ul li a:hover{color:red;}
.article_show{padding:15px 0px 15px 10px; position:relative;}
.article_show h1{ font-size:14px;text-align:center;}
.article_show h2{ font-weight:normal;text-align:center;}
.article_show p{ line-height:20px;}
.turn_article{ position:relative; height:50px;}
.turn_article a{ position:absolute;color:#000; bottom:0px;}
.turn_article a:hover{color:red;}
.turn_article .prev{ left:10px;}
.turn_article .next{ right:10px;}
.article_show .gbook{ margin:0px; margin-top:10px;}
.article_show ul{padding:10px 25px 30px 0px;}
.article_show ul li{ border-top:1px solid #CCC;padding:5px;}
.article_show .user{ color:#000; font-size:12px;text-align:left;}
.article_show .manage{ color:#038303; font-size:12px;}
.article_show .manage span{ font-weight:normal;}
.article_show .user span{ font-weight:normal;}
#jobbox {width:100%;padding:10px 0px;border:2px solid #999;position:relative;margin-bottom:20px;}
#jobbox #title{ width:100%;height:25px;line-height:25px;border-bottom:1px solid #999;}
#jobbox #title h2{font-size:14px;color:#3399cc;height:25px;width:150px;position:absolute;left:10px;top:0px;}
#jobbox #title span{font-size:12px;position:absolute;right:5px;top:0px;color:#999;cursor:pointer;}
#jobbox #form-table{width:600px;margin:0px auto;color:#666666; }
#jobbox table tr{line-height:25px;}
.wyyp{ display:block; width:58px; height:24px; background:url(../images/wyypbg.png) left top no-repeat; }
.wyyp:hover{ background:url(../images/wyypbg.png) left bottom no-repeat;}
.job_list{padding:20px 0px 20px 5px;}
.job_list li{padding-bottom:30px;border-bottom:1px dashed #CCC;}
.job_list h1{ font-size:16px;color:#266396;}
.manage_say{color:#038303;}
.xiazai{padding:20px 3px;}
.xiazai h1{color:#266396;padding-left:25px; background:url(../images/xiazaih1bg.png) 5px 5px no-repeat; display:block; border-bottom:1px dashed #CCC; cursor:pointer;}
.xiazai ul li ul li{padding-left:15px; border-bottom:1px dashed #CCC; position:relative; display:block; height:25px;}
.xiazai ul li ul li span{ display:block; position:absolute; height:25px; line-height:25px; right:5px; top:0px;}
.xiazai ul li ul li a:hover{color:red;}
.load_wrap{ width:100%;height:100%; background:url(../images/zcbg.png); position:absolute; z-index:20; display:none;}
.load{ background:url(../images/zcIn.png); width:299px; height:354px; position:absolute; left:50%; margin-left:-150px; margin-top:300px;}
.loadIn{ width:211px; margin:0 auto;padding-top:45px;}
.loadIn .yhdl{ display:block; width:211px; background:url(../images/yhdl.png) left top no-repeat; height:59px; cursor:pointer; border:none;}
.loadIn .yhm,.loadIn .mm{ background:url(../images/zcinputbg.png); width:204px; height:34px; border:none;padding-left:5px; margin-top:20px;color:#bebebe; line-height:34px;}
.loadIn .mm{ margin-bottom:15px;}
.loadIn input{ vertical-align:middle;}
.close{ position:absolute;right:18px; top:15px; display:block; border:1px #CCC solid; line-height:15px;}
.close:hover{color:#F00;}
#wfmap {width:620px;position:relative;}
#wfmap #text {position:absolute;right:-50px;bottom:0px; width:260px;}
#wfmap #text h1{font-size:14px;color:#009d8e;padding:5px 0px;}
#wfmap #textbox {width:224px;height:143px;border:1px #a9ccf5 solid;}
#wfmap #textbox p{color:#0254a9;padding:10px;}
#wfmap ul{padding:10px 0px 0px 0px;}
#wfmap ul li{ display:block;width:100px;padding:0px 10px 0px 15px; height:20px; line-height:20px; display:inline;}
#wfmap ul li a{color:#0254a9; }

#wfxx{height:100px;padding:10px 0px; line-height:20px;}
#wfmap p{ text-indent:0px;}

.jb_list{padding:20px;}
.jb_list table{ margin:0 auto;color:#266396; margin-top:50px;}
.jb_list table a{ font-weight:bold; color:#266396;}
.jb_list table a:hover{color:#F00; text-decoration:underline;}
.jb_list table th,.jb_list table td{padding:3px 15px; text-align:center;border:1px solid #777777;}
.jb_list table th{ background:#f0f0f0;}
.gdxwwrap{ position:absolute; z-index:5; width:262px; height:117px;}
.gdxw{ width:175px;height:60px;left:23px;top:33px;z-index:5;  overflow:hidden;line-height:20px;color:#4b9926; position:absolute;}
.gdxw ul{ display:block; height:60px; line-height:20px;}
.gdxw ul li{ display:block; height:60px; line-height:20px;}
.gdxw ul li h1{ height:20px; line-height:20px;}
.gdxw ul li a{ color:#4b9926;}
#reg_cont{ position:absolute; left:50%;top:150px; width:600px;padding: 30px 30px 150px; height:200px; margin-left:-300px; background:#FFF;}
.load_wrap1{background:url(../images/zcbg.png); width:100%;height:100%; position:absolute; z-index:21; display:none;}
	#reg_cont ul{position:relative;}
	#reg_cont li{padding:10px 0px;position:relative;}
	#reg_cont li.border_b{padding-bottom:10px;margin-bottom:6px;border-bottom:1px dashed #d2d2d2;}
	
	#reg_cont label{font-size:14px;width:100px;display:inline-block;text-align:right;}
	#reg_cont em{font-weight:bold;color:#F00;margin-right:4px;}
	#reg_cont .txt{width:200px;height:22px;line-height:22px;vertical-align:middle;background:none;border:1px solid #999;font-family:Verdana;}
	#reg_cont #areMess{overflow:auto;vertical-align:top;width:238px;height:125px;}
	#reg_cont #txtCode{width:60px;}
	#ctNew{text-decoration:underline;margin-left:4px;}
	
	.codeStyle{position:relative;display:inline-block;overflow:hidden;vertical-align:middle;width:70px;height:20px;font-size:14px;padding:0px;font-family:Arial;background-image:url(../images/code_bg.gif);margin-left:6px;}
	.codeStyle em{position:absolute;left:0px;top:0px;width:70px;height:20px;background-color:#cecece;}
	.codeStyle span{display:inline-block;position:relative;top:-3px;text-align:center;width:17px;}
	span.tips{position:relative;padding-left:8px;color:#f00;}
	span.tips .mr{color:#999;position:relative;}
	span.errorImg,span.rightImg{position:relative;width:14px;height:14px;background:url(../images/btn_bg.gif) left top no-repeat;display:inline-block;}
	span.rightImg{background-position:bottom;}
	
	.regBtn{position:relative;margin:30px 0px 0px 110px;width:126px;height:43px;cursor:pointer;background:url(../images/reg_bt.jpg) no-repeat;border:none;}
	.regBtn:hover{background-position:bottom;}
.jqzoom{cursor:pointer;}
.zoomdiv {z-index:100;position:absolute;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow: hidden;}
.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width: 50px;height:50px;border:1px solid #aaa;background:#ffffff url(../images/zoom.gif) 50% top  no-repeat;;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.sxwl h1{ font-size:14px; color:#FFF; line-height:31px;padding-left:15px; position:relative; display:block; height:31px;}
.sxwl h1 span{ position:absolute; right:15px; top:0px; line-height:31px; cursor:pointer;}
.place{ height:399px; border:1px solid #CCC; overflow-y:scroll;}
.place ul{ display:block; padding:20px 10px;}
.place ul li{ float:left; display:block; width:240px; background:url(../images/place_bg.png) left 18px no-repeat; padding:10px 20px;}
#serch{width:900px; border-left:none;}
.effect .news_list ul li{border-bottom:1px dashed #CCC; background:url(../images/news_libg.png) left 12px no-repeat;padding-left:10px; position:relative; display:block;height:25px; line-height:25px;}

.dlzcbg{/*position:absolute;*/ left:0; top:0; width:100%; height:100%; background:url(../images/zcbg.png); /*display:none;z-index:50;*/}
.ykzc{ width:304px; height:63px; background:url(../images/lastzcbg.png) 50px top no-repeat; position:absolute; left:50%; margin-left:-190px; top:120px; font-family:'微软雅黑'; font-size:14px; font-weight:bold;color:#1a2486; text-align:right;}
.ykzc p{padding:20px 20px 0px 0px;}
.ykzc p a{color:#76bb44;}


.worksbox{width:165px;height:187px;position:relative; float:left; margin-right:6px; margin-bottom:10px; text-align:center; padding:0; _margin-right:4px;}
.worksbox a{border:1px solid #efefef;background-color:#f9f9f9;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #1f6fbb;background-color:#1f6fbb;text-decoration: none;}
.worksbox a span{ text-align:center; font-size:12px;}
.worksbox a:hover span{color:#FFF;display:block;background-color:#1f6fbb; }
.worksbox a img{width:150px; height:150px}

#demo { 
overflow:hidden; 
} 
#indemo { 
float: left; 
width: 800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; }

.showpage {
	font-size:12px;
	color:#666;
    text-align:center; 
	padding:5px;
	font-family:"宋体";
	margin-top:10px;
}
 .showpage a {
 	font-family:"宋体"; 
	padding:3px 5px;
}
.showpage a:link,.showpage a:visited {  background:#FFF;}
.show_page a:hover,.showpage a:hover {  background:#3b91ea;color:#FFF;}
.showpage font { padding:3px 5px;  background:#3b91ea; font-size:12px; color:#FFF;}
.showpage span{
	padding:3px 5px;  background:#fff;color:#ccc;
}