﻿@charset "utf-8";
/* css document */
body{margin:0; padding:0; font-family:microsoft yahei; font-size:12px; background:url(/uploads/image/zfimages/bg.jpg) top center no-repeat;color:#444;font-family:microsoft yahei,"黑体";}
ul,li,p,a{margin:0; padding:0; list-style-type:none}
a{color:#444; text-decoration:none;cursor:pointer}
a:hover{color:#3584c2; text-decoration:none}
img{border:0}
.textleft{ text-align:left!important}
.textcenter{ text-align:center!important}
.textright{ text-align:right!important}
i{font-style:normal}


.boximg{ font-size:0; line-height:0; margin-bottom:10px}
.fl{float:left}
.fr{float:right}
form,input,select{padding:0; margin:0; vertical-align:middle}
form img{vertical-align:middle}
.boxspace{width:100%; height:15px; line-height:0; font-size:0; clear:both}
.boxbanner{ float:left;width:940px; height:100px; overflow:hidden; line-height:0; font-size:0; margin:20px 0 0 0; display:inline-block}
.boxbanner img{width:940px; height:100px;}




.boxpage{width:100%; overflow:hidden; margin:25px 0 20px 0;}
.boxpage a{ display:inline-block;font-size:18px; float:left;color:#99a1a7;background-color:#e6e6e6;position:relative; font-family:ancona; 
border-radius:5px; 
behavior:;}
.boxpage a:hover{ color:#fff; background-color:#2892e0;}
.curpage{color:#fff!important; background-color:#2892e0!important;}
.numpage{float:left;}
.numpage a{ width:40px; height:40px;text-align:center; line-height:40px; margin-right:8px;}
.btnpage{float:right; }
.prepage{ background:url(/uploads/image/zfimages/pagepre.png) 15px 10px no-repeat; background-color:#e6e6e6; width:60px; height:40px; line-height:40px; padding:0 0 0 35px; margin:0 0 0 10px; text-align:left!important; font-size:14px!important;}
.prepage:hover{background:url(/uploads/image/zfimages/pageprehover.png) 15px 10px no-repeat; background-color:#ec5e60;}
.nextpage{background:url(/uploads/image/zfimages/pagenext.png) 70px 10px no-repeat; background-color:#e6e6e6; width:60px; height:40px;line-height:40px; padding:0 35px 0 0; margin:0 0 0 10px;text-align:right!important;font-size:14px!important;}
.nextpage:hover{background:url(/uploads/image/zfimages/pagenexthover.png) 70px 10px no-repeat; background-color:#ec5e60;}



.box{width:100%; overflow:hidden; margin:0 auto;}

.boxtopbg{ background:url(/uploads/image/zfimages/bgtop.png) repeat-x; height:100px; position:relative; z-index:1}
.boxtop{width:1100px; height:90px; position:relative; margin:0 auto; text-align:right}
.boxlogo{position:absolute;z-index:1;top:20px; left:0px; text-align:left;}

.topsearch{ position:absolute;  height:32px; width:260px; top:30px; right:0; text-align:right}
.inputsearchtop{ border:none; height:30px; width:213px; line-height:30px; color:#999; text-indent:5px; border:1px solid #dbdcde; border-right:0}

.topbanner{ background:url(/uploads/image/zfimages/banner.jpg) center no-repeat; height:229px; margin-top:-10px}

.boxtop1{ height:40px; width:1100px; margin:0 auto; position:relative}
.boxtop1 span{line-height:40px; color:#666}




.box1{width:1100px; overflow:hidden; margin:10px auto 0 auto;}
.boxmain{ width:100%; overflow:hidden; clear:both}

.boxnavbg{ height:105px; background:url(/uploads/image/zfimages/bgnav.png)}
.boxnav{ height:54px;width:100%; text-align:center;overflow:hidden; font-size:0;}
.boxnav a{ color:#fff; display:inline-block; height:50px; line-height:50px; padding:0 30px; font-weight:bold;font-size:16px;}
.boxnav a:hover{background:url(/uploads/image/zfimages/bgnavon.jpg) repeat-x;background-color:#00b4ff;}
.boxnav .on{ background:url(/uploads/image/zfimages/bgnavon.jpg) repeat-x;background-color:#00b4ff;}
.boxnav div{ width:1200px; margin:auto;}




.boxmain1{}

.boxleft{float:left; width:830px; display:inline-block;}

.picfocus{ float:left;width:395px;height:270px;overflow:hidden;display:inline-block; position:relative; margin:0 0 0 0; display:inline-block}
.picfocus img{width:395px;height:270px;}
.btnpic{position:absolute; z-index:1000;width:26px; height:46px; display:inline-block; bottom:0px;right:0px; background:url(/uploads/image/zfimages/btnpic20.png) center no-repeat}
.btnpic:hover{background:url(/uploads/image/zfimages/btnpic21.png) center no-repeat}




/*=========mf_classichc --经典怀旧系列一--========*/
.mf_classichc .pic{}
.mf_classichc .pic li{position:absolute;left:0;top:0;}
.mf_classichc .txt li{position:absolute;left:0;background:#dedede;overflow:hidden;height:26px;line-height:26px;}
.mf_classichc .txt li a{display:block;color:#333;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;}/*文字样式*/
.mf_classichc .num,.mf_classichc .num-bg{height:19px;position:absolute;z-index:3;right:0;bottom:31px;color:#fff;}/*按钮样式*/
.mf_classichc .num-bg{width:100%;background:url(/uploads/image/zfimages/2010090722133279907.png) right bottom no-repeat;_height:16px;_background:0;_filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/zfimages/2010090722133279907.png", sizingmethod='scale');}
.mf_classichc .num-bg li{position:absolute;}
.mf_classichc .num li{float:left;width:26px;height:16px;line-height:16px;padding-top:3px;text-align:center;cursor:pointer;position:relative;}
.mf_classichc .num li a{color:#fff;}
.mf_classichc .num li span{position:absolute;top:3px;left:0;width:1px;height:16px;overflow:hidden;background:#dadada;}
.mf_classichc .num li.current,.mf_classichc .num li.hover{background:url(/uploads/image/zfimages/2010090111470535358.gif) left top no-repeat;}/*当前/悬停按钮样式*/
.mf_classichc .num li.hover{background-position:right bottom;}



.boxnews{float:left; width:395px; height:270px;display:inline-block;margin:0 20px;}
.navnews{position:relative; height:47px; width:100%;}
.btnmore{ position:absolute; top:23px; right:5px; height:14px; line-height:14px; display:inline-block; padding:0 23px 0 0; background:url(/uploads/image/zfimages/icomore.png) right center no-repeat; font-size:12px;}
.btnmore:hover{}

.boxnewslist{padding-top:10px;}
.boxnewslist li{ font-size:14px; line-height:30px; background:url(/uploads/image/zfimages/bgli.jpg) 5px 14px no-repeat; padding:0 5px 0 13px;}
.boxnewslist li span{float:right; font-size:12px; color:#999}
.newsline{ border-bottom:1px dotted #bfbfbf; padding-bottom:20px!important; margin-bottom:20px;}

.boxindabout{ float:left; width:810px; margin-top:20px;}
.indaboutcon{ border:1px solid #b5dbfc; border-top:0; padding:24px 16px 0 16px; height:160px; font-size:14px; line-height:30px;}
.indaboutcon p{text-indent:2em}


.boxindlist{float:left;width:395px; margin:20px 20px 0 0; display:inline-block; overflow:hidden; }
.navind{position:relative; height:39px;border:1px solid #b5dbfc; border-bottom:2px solid #1085d0; background:url(/uploads/image/zfimages/bgnavindlist.jpg);overflow:hidden; }
.navind i{display:inline-block;font-size:16px; font-weight:bold; color:#3584c2; height:20px; line-height:20px; margin:10px 0 0 10px; border-left:4px solid #0177c3; padding:0 0 0 8px;}
.navind a{top:12px!important; right:10px!important}
.boxindlist ul{ height:224px; padding:10px 10px 0 10px; border:1px solid #b5dbfc; border-top:none}
.boxindlist li{ font-size:14px; line-height:30px; background:url(/uploads/image/zfimages/bgli.jpg) 0 14px no-repeat; padding:0 5px 0 10px;}
.boxindlist li span{float:right; font-size:12px; color:#999}


.indbook{float:left;width:870px; margin:15px 20px 0 0; display:inline-block; overflow:hidden; background:#fff;}
.indbooklist1{border:1px solid #cfcfcf; border-top:none; width:805px; padding:20px 32px 0 31px; height:245px; overflow:hidden; position:relative}
.indbooklist{width:805px;height:245px; overflow:hidden}
.indbooklist li{ float:left; width:145px; height:245px; padding-right:20px; background: top left no-repeat; position:relative;}
.indbooklist li img{ width:140px; height:190px;}
.indbooklist li i{display:block; text-align:center; font-size:14px; text-align:center; margin-top:8px; font-size:13px}
.indbooklist span{display:block; width:140px; height:190px; background: left repeat-y; position:absolute; top:0; left:0}

.gol{width:13px; height:49px; display:block; position:absolute; top:95px; left:10px; background:url(/uploads/image/zfimages/btnl.png) no-repeat; z-index:100;}
.gol:hover{background:url(/uploads/image/zfimages/btnlhover.png) no-repeat;}
.gor{width:13px; height:49px; display:block; position:absolute; top:95px; right:10px; background:url(/uploads/image/zfimages/btnr.png) no-repeat; z-index:100;}
.gor:hover{background:url(/uploads/image/zfimages/btnrhover.png) no-repeat;}



.boxright{float:left; width:270px;display:inline-block;}
.navright{ height:42px; line-height:42px; background:url(/uploads/image/zfimages/bgnavindr.jpg) no-repeat; background-color:#0c84c8;font-size:16px; font-weight:bold; padding:0 10px 0 13px; color:#fff; position:relative}
.navright a{display:inline-block; float:right; font-size:12px; font-weight:normal; color:#fff}
.navright a:hover{color:#fff}


.indnotice {padding:5px 14px; border:1px solid #b5dbfc; width:240px; height:216px; border-top:0; overflow:hidden; margin-bottom:20px;}
.indnotice1{ width:240px; height:216px;overflow:hidden}
.indnotice1 li{padding:7px 0; font-size:12px;border-bottom:1px dotted #dcdcdc; line-height:22px; height:66px;}
.indnotice1 li span{display:block; color:#666}

.indyw{ border:1px solid #b5dbfc; border-top:none; height:381px; padding:15px 15px 0 15px; margin-bottom:10px;}
.indyw a{display:block; height:47px; background:url(/uploads/image/zfimages/bgyw.jpg) no-repeat; margin-bottom:6px;}
.indyw a img{ vertical-align:middle; display:inline-block; width:44px;}
.indyw a i{display:inline-block; width:170px; vertical-align:middle; line-height:16px; margin:0 0 0 8px;}

.indrlist{padding:10px 14px; border:1px solid #cfcfcf; width:240px;}
.indrlist li{font-size:14px; line-height:30px; background:url(/uploads/image/zfimages/bgli.jpg) 0 14px no-repeat; padding:0 5px 0 10px;}


.indpic{float:left; width:1100px;margin-top:20px;}
.indpic1{ border:1px solid #b5dbfc; width:1060px; padding:20px 19px 0 19px; height:195px;}
.indpiclist{ width:1060px;height:195px; overflow:hidden}
.indpiclist li{float:left; width:199px; height:195px; padding-right:20px;}
.indpiclist li img{float:left; width:199px; height:140px; margin-bottom:5px;}
.indpiclist li i{display:block; text-align:center; line-height:20px; font-size:14px;}

.indlink{float:left; width:1100px;margin-top:20px;}
.navlink{position:relative; height:39px;border-bottom:2px solid #1085d0;overflow:hidden; }
.navlink i{display:inline-block;font-size:16px; font-weight:bold; color:#3584c2; height:20px; line-height:20px; margin:10px 0 0 10px; border-left:4px solid #0177c3; padding:0 0 0 8px;}
.linklist{width:1100px;font-size:0; text-align:center; }
.linklist img{ width:173px; height:58px; border:1px solid #dcdcdc; display:inline-block; margin:10px 8px 0 0;}



.boxfoot{ text-align:center; margin-top:20px; padding:55px 0 32px 0; height:85px; width:100%; line-height:24px; background:url(/uploads/image/zfimages/bgfoot.jpg) top center no-repeat; color:#fff; }
.boxfoot a{color:#fff}
.boxfoot a:hover{color:#fff}




.boxlist{width:1058px; border:1px solid #b5dbfc; background:#fff; padding:20px;}
.list{margin:10px 0}
.list li{ font-size:16px; padding:14px 10px 14px 24px; border-bottom:1px dotted #d8d8d8; line-height:26px; background:url(/uploads/image/zfimages/bgli.jpg) 10px 26px no-repeat;}
.list li span{float:right; color:#999; font-size:14p; margin-left:10px}

.piclist{ width:1058px;overflow:hidden; margin:0 0 0 0; text-align:center; font-size:0}
.piclist a{ display:inline-block; margin:20px 19px 0 0; width:340px; height:290px;text-align:center;/* background:#ededed;*/ font-size:14px; overflow:hidden}
.piclist a img{width:340px; height:230px; margin-bottom:8px; }
.piclist a:hover{ color:#fff; background:#2892e0}

.piclist1{ width:768px;overflow:hidden; margin:0 0 0 0; text-align:center; font-size:0}
.piclist1 a{display:inline-block; margin:20px 24px 0 0; width:240px; height:210px;text-align:center; background:#ededed; font-size:14px; overflow:hidden}
.piclist1 a img{width:240px; height:160px; margin-bottom:8px;}
.piclist1 a:hover{ color:#fff; background:#2892e0}


.navlist{ height:60px; line-height:60px; border-bottom:3px solid #cbcbcb;display:block;position:relative; margin-top:-10px}
.navlist span{ position:absolute; right:5px; top:0; color:#999}
.navlist span a{color:#999!important}
.navlist span a:hover{color:#1875bc!important}
.navlist div{position:absolute; top:0; left:0;border-bottom:3px solid #1583ce;font-size:20px; font-weight:bold;padding:0 3px; color:#1583ce}


.boxsubleft{float:left; width:228px;border:1px solid #dcdcdc; margin-right:30px; display:inline; min-height:400px; }
.navsublefthead{ border-left:8px solid #c19b55; background:#b03a3a;font-size:24px; color:#fff; text-align:center; padding:15px 0}
.navsubleft{}
.navsubleft a{ line-height:50px; text-align:center; display:block; border-bottom:1px dotted #d7d7d7; font-size:14px}
.navsubleft a:hover{color:#b03a3a;}
.navsubleftcard{ background:#ededed; color:#1875bc}
.navsubleftcard:hover{color:#1875bc!important}



.boxsubright{float:left; width:768px; display:inline-block; margin-right:20px; border:1px solid #b5dbfc; padding:20px; background:#fff; min-height:770px;}


.navlists{ background:url(/uploads/image/zfimages/bgnavlists.jpg) bottom no-repeat;height:65px; line-height:65px; font-weight:bold; font-size:22px; color:#b03a3a; padding:0 10px}
.navlists span{float:right; font-size:12px; color:#999; font-weight:normal}
.navlists span a{color:#999}
.navlists span a:hover{color:#b03a3a}



.xwzxlist{ width:768px; overflow:hidden; }
.xwzxlist a{ display:block; width:100%; border-bottom:1px solid #e5e5e5;overflow:hidden; padding:20px 0; line-height:26px;}
.xwzxlist img{float:left; width:180px; display:inline-block; margin-right:20px; vertical-align:middle}
.xwzxlist span{vertical-align:middle; }
.xwzxlist h1{ font-size:20px; padding:5px 0 5px 0; margin:0}
.xwzxlist h2{ font-size:14px; color:#777; font-weight:normal;padding-bottom:5px;margin:0}
.xwzxlist h3{ font-size:12px; color:#999; font-weight:normal; text-align:right;margin:0}



.navsearch1{ font-size:16px; padding:15px 0 15px 0; color:#999; text-align:center}
.navsearch1 span{font-size:26px; font-style:italic; margin:0 5px 0 3px; color:#1c6eb6}


.boxshow{border:1px solid #b5dbfc; background:#fff; padding:20px 40px 40px 40px;}
.showtitle{font-family:'microsoft yahei'; font-size:22px; color:#333; text-align:center; line-height:30px; border-bottom:1px solid #dadada; padding:10px 40px 20px 40px;}
.showinfo{color:#999; font-size:12px; text-align:center; padding:12px 0 0;}
.showinfo a{cursor:pointer;color:#999;}
.showcon{width:100%; padding:20px 0; font-size:15px; overflow:hidden; }
.showcon div,.showcon p{line-height:28px; margin-bottom:10px}
.boxshare{border-top:1px dotted #dcdcdc;padding:15px 0 0 10px;margin:30px 0 0 0; overflow:hidden}

.navjbxz{ display:block; font-weight:bold; padding:20px 0 0 0}
.boxjbxz{width:800px; padding-right:30px; font-size:16px; line-height:30px; margin:0 auto;}
.btn{ padding:8px 0; font-size:16px; width:150px; display:inline-block; margin:0 5px;}


.tablemsg {border-top: 1px solid #97cef4;border-left: 1px solid #97cef4;font-size: 16px;text-align: left;margin-bottom:30px;}
.tablemsg td {border-right: 1px solid #97cef4;border-bottom: 1px solid #97cef4;line-height: 26px;padding: 6px;}
.tablenav {background: #0090e7;color: #fff;font-weight: bold;text-align: center}
.tablemsg i {font-style: normal;color: #f00}
.tbg {background: #dcf0fc;font-weight: bold;width: 15%;text-align: center}
.inputmsg {width:300px;line-height: 28px;height: 28px;margin: 0;padding: 0;border: 1px solid #ccc;text-indent: 5px;}
.inputmsglong {width: 750px;line-height: 28px;height: 28px;margin: 0;padding: 0;border: 1px solid #ccc;text-indent: 5px;}
.selectmsg {width: 300px;}
.textareamsg{ width:740px; height:300px;line-height: 28px;margin: 0;padding:5px;border: 1px solid #ccc;}


.booklist{width:1160px;overflow:hidden; padding:30px 0 0 0; font-size:0; text-align:center}
.booklist li{ display:inline-block;width:200px; height:330px; padding-right:26px; position:relative;}
.booklist li img{ width:200px; height:271px;box-shadow: 3px 3px 5px #ccc;}
.booklist li i{display:block; text-align:center; font-size:14px; text-align:center; margin-top:10px; font-size:14px}
.booklist span{display:block; width:140px; height:271px; background: left repeat-y; position:absolute; top:0; left:0}