/* `XHTML, HTML4, HTML5 Reset ----------------------------------------------------------------------------------------------------*/ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6, header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th, thead,time,tr,tt,u,ul,var,video,xmp { border: 0; margin: 0; padding: 0; font-size: 100%;} html,body { height: 100%;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {/* Override the default (display: inline) for browsers that do not recognize HTML5 tags. IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv*/ display: block;} b,strong {/* Makes browsers agree. IE + Opera = font-weight: bold. Gecko + WebKit = font-weight: bolder.*/ font-weight: bold;} img { color: transparent; font-size: 0; vertical-align: middle;/* For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images*/ -ms-interpolation-mode: bicubic;} ol,ul { list-style: none;} li {/* For IE6 + IE7: "display: list-item" keeps bullets from disappearing if hasLayout is triggered.*/ display: list-item;} table { border-collapse: collapse; border-spacing: 0;} th,td,caption { font-weight: normal; vertical-align: top; text-align: left;} q { quotes: none;} q:before,q:after { content: ""; content: none;} sub,sup,small { font-size: 75%;} sub,sup { line-height: 0; position: relative; vertical-align: baseline;} sub { bottom: -0.25em;} sup { top: -0.5em;} svg {/* For IE9. Without, occasionally draws shapes outside the boundaries of rectangle.*/ overflow: hidden;} body { background: #000; color: #333; font-size: 14px; height: auto; padding-bottom: 0px; line-height:21px ; font-family: "microsoft yahei",Arial;} pre,code { font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;} hr { border: 0 solid #ccc; border-top-width: 1px; clear: both; height: 0;} /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { font-size: 22px;} h2 { font-size: 20px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 14px; } h6 { font-size: 12px;} /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { list-style: decimal;} ul { list-style: disc;} li { margin-left: 10px;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure { margin-bottom: 10px;} a { color: #333; text-decoration: none; font-family: "microsoft yahei",Arial;} a:hover { text-decoration:none; font-family: "microsoft yahei",Arial;} h1 { font-family: Georgia, serif; font-weight: normal; padding-top: 20px; text-align: center;} h2 { padding-top: 20px; text-align: center;} p { overflow: hidden; padding: 10px 0; text-align: left; } table,td,th{ border:1px solid #ccc; padding:5px;} .tableno{ border:0 !important; padding:0} .tableno td{ border:0 !important} .tableno th{ border:0 !important} .ml_0{ margin-left:0px !important;} .ml_1{ margin-left:1px !important} .ml_2{ margin-left:2px !important} .ml_3{ margin-left:3px !important} .ml_4{ margin-left:4px !important} .ml_5{ margin-left:5px !important} .ml_10{ margin-left:10px !important} .ml_15{ margin-left:15px !important} .ml_20{ margin-left:20px !important} .ml_25{ margin-left:25px !important} .ml_30{ margin-left:30px !important} .ml_35{ margin-left:35px !important} .ml_40{ margin-left:40px !important} .ml_45{ margin-left:45px !important} .ml_50{ margin-left:50px !important} .mr_0{ margin-right:0px !important;} .mr_1{ margin-right:1px !important} .mr_2{ margin-right:2px !important} .mr_3{ margin-right:3px !important} .mr_4{ margin-right:4px !important} .mr_5{ margin-right:5px !important} .mr_10{ margin-right:10px !important} .mr_15{ margin-right:15px !important} .mr_20{ margin-right:20px !important} .mr_25{ margin-right:25px !important} .mr_30{ margin-right:30px !important} .mr_35{ margin-right:35px !important} .mr_40{ margin-right:40px !important} .mr_45{ margin-right:45px !important} .mr_50{ margin-right:50px !important} .mb_0{ margin-bottom:0px !important;} .mb_1{ margin-bottom:1px !important} .mb_2{ margin-bottom:2px !important} .mb_3{ margin-bottom:3px !important} .mb_4{ margin-bottom:4px !important} .mb_5{ margin-bottom:5px !important} .mb_10{ margin-bottom:10px !important} .mb_15{ margin-bottom:15px !important} .mb_20{ margin-bottom:20px !important} .mb_25{ margin-bottom:25px !important} .mb_30{ margin-bottom:30px !important} .mb_35{ margin-bottom:35px !important} .mb_40{ margin-bottom:40px !important} .mb_45{ margin-bottom:45px !important} .mb_50{ margin-bottom:50px !important} .mt_0{ margin-top:0px !important;} .mt_1{ margin-top:1px !important} .mt_2{ margin-top:2px !important} .mt_3{ margin-top:3px !important} .mt_4{ margin-top:4px !important} .mt_5{ margin-top:5px !important} .mt_10{ margin-top:10px !important} .mt_15{ margin-top:15px !important} .mt_20{ margin-top:20px !important} .mt_25{ margin-top:25px !important} .mt_30{ margin-top:30px !important} .mt_35{ margin-top:35px !important} .mt_40{ margin-top:40px !important} .mt_45{ margin-top:45px !important} .mt_50{ margin-top:50px !important} /* `Container ----------------------------------------------------------------------------------------------------*/ ul,li,div{ list-style:none;} .container { margin-left: auto; margin-right: auto; width: 1080px; background-repeat: repeat-y; margin-bottom: 10px; } .topnav{ width:100%;background: rgb(242, 242, 242); height: 28px; text-align: right; color: rgb(102, 102, 102); line-height: 28px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 999999999;} .menunav{background:#000; height:40px; margin-left: auto; margin-right: auto; width:100%;_overflow:hidden; border-bottom:1px solid #F3C} .md-head {PADDING-LEFT: 0px; LINE-HEIGHT: 36px; HEIGHT: 36px;border-bottom:2px #d141a0 solid;border-left:1px #d141a0 solid; width:100%} .md-head A {font-size:15px; color: #666666; FLOAT: left; MARGIN-LEFT: -1px; WIDTH: 188px;TEXT-ALIGN: center; background-color:#dddddd;margin-right:7px;} .md-head A.wid { WIDTH: 188px; } .md-head A.cur { BORDER-BOTTOM-WIDTH: 0px; color: #380022; font-weight:bold; BACKGROUND-COLOR: #e80e7e; TEXT-DECORATION: none;} .md-body { padding:10px 0 10px 0px;ZOOM: 1; text-align:left; float:left; } .lileft { padding-bottom: 2px; margin-left: 10px; float: left;} .liright {margin-right: 10px; margin-left: 0px;} /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_0{margin-left: auto; margin-right: auto; width:100%} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24, .grid_25, .grid_26, .grid_27, .grid_28, .one_sixth, .one_fifth{ display: inline; float: left;margin-left: 5px; margin-right: 5px; } /* `Grid >> 30 Columns ----------------------------------------------------------------------------------------------------*/ .container .grid_1 { width: 30px;} .container .grid_2 { width: 70px;} .container .grid_3 { width: 110px;} .container .grid_4 { width: 150px;} .container .grid_5 { width: 190px;} .container .grid_6 { width: 230px;} .container .grid_7 { width: 270px;} .container .grid_8 { width: 310px;} .container .grid_9 { width: 350px;} .container .grid_10 { width: 390px;} .container .grid_11 { width: 430px;} .container .grid_12 { width: 470px;} .container .grid_13 { width: 510px;} .container .grid_14 { width: 550px;} .container .grid_15 { width: 590px;} .container .grid_16 { width: 630px;} .container .grid_17 { width: 670px;} .container .grid_18 { width: 710px;} .container .grid_19 { width: 750px;} .container .grid_20 { width: 790px;} .container .grid_21 { width: 830px;} .container .grid_22 { width: 870px;} .container .grid_23 { width: 910px;} .container .grid_24 { width: 950px;} .container .grid_25 { width: 990px;} .container .grid_26 { width: 1030px;} .container .grid_27 { width: 1070px;} .container .grid_28 { width: 1110px;} .container .one_fifth { width: 214px; } .container .one_sixth { width: 176.5px; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .clearfix:before,.clearfix:after,.container:before,.container:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;} .clearfix:after,.container:after { clear: both;} .clearfix,.container { zoom: 1;} .top{ background-color:#ffde00; height:90px;} .logo .left{ float:left} .logo .right{ float:right} .logo h5{ font-weight:normal} .logo h5 span{ font-size:22px !important; } .nav{ background:url("/images/navbg.jpg"); height:34px;} .menu li{ float:left; line-height:34px; font-size:15px; font-weight:bold; width:90px; text-align:center; display:block; margin:0 10px 0 0} .menu li:hover{background:#f3f3f3;} .menu li a{color: #FC0;width:90px;display:block;} .menu li a:hover{color:#333;} .first{background:#f3f3f3; } .first a{color:#333 !important} .main{ background-color:#fff} .ibox1-1{ background-color:#000; background:url("/images/ibox1-1.jpg") center top no-repeat; margin:10px 0 1px 0; padding:14px;} .ibox1-1 .title{ float:none; margin-top:5px;} .ibox1-3{ background:#e6e6e6; } .ibox1-3 img{ margin-top:0} .ibox1-3 h4{ line-height:35px; background-color:#FC0; padding-left:10px; color:#000; font-size:18px} .ibox1-3 h4 span{ font-size:28px; color:#ff0000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(/images/iconfont-dianhua.PNG)0 0 no-repeat; padding-left:50px; padding-top:0px; letter-spacing:2px;} .ibox1-3 p{ line-height:22px; font-size:12px; margin:-5px 10px 10px 10px !important; padding-top:0 !important} .ibox2-1{ margin-top:11px;} .ibox2-2{ float:left;width:500px; background-color:#fff; height:189px; overflow:hidden } .ibox2-2-t{ background:#f1f1f1; height:34px; margin-left:0px; border-bottom:1px solid #ffd600;} .ibox2-2-t span{ float:right; margin-right:10px; font-weight:normal !important; font-size:12px; margin-top:8px;} .ibox2-2{ background-color:#f1f1f1; margin-top:10px;} .ibox2-2 h4{ margin:0px 0 10px 0px; border-top:3px solid #ffd600; border-left:1px solid #ffd600; border-right:1px solid #ffd600; width:120px; text-align:center ;line-height:31px; float:left; clear:right; background:#fff} .ibox2-2-c img{ float:left; margin-right:10px;} .ibox2-2-c{ font-size:12px; margin-right:15px; margin-top:7px; } .ibox2-3{ float:right;width:280px; height:189px; background-color:#f1f1f1; margin-top:10px; overflow:hidden} .ibox2-3 ul{border-bottom:1px dotted #ccc; height:40px} .ibox2-3 h4{ width:120px; line-height:35px; float:left; clear:right; margin:2px 0 5px 13px; } .ibox2-3 span{ float:right; margin-top:8px;margin-right:10px;} .ibox2-3 li{ line-height:30px; border-bottom:1px dotted #ccc; margin-right:10px; background:url(/images/iconfont-xiaojiantou.png)0 7px no-repeat; padding-left:20px;} .ibox2-3 li a{ font-size:13px;} .ibox2-3 li a:hover{ color: #e2c900} .grid_27 ul{border-bottom:1px solid #ccc; height:380px; overflow:hidden} .ibox3-1{ height:40px; border-bottom:2px solid #FC0; } .ibox3-1 h4{ line-height:35px; float:left; clear:right; margin:5px 0 0 10px;background:url("/images/1F.png") 0 4px no-repeat; padding-left:40px; } .ibox3-1 span{ float:right; margin:10px 10px 0 0} .ibox3-2,.ibox4-2{ width:230px; float:left} .ibox3-2 li{ margin-left:0; border-bottom:1px solid #897498; line-height:33px;background:#9e88ae url("/images/iconfont-xiaojiantou.png") 0 10px no-repeat; padding-left:20px; } .ibox3-2 li:hover{background:#000 url(/images/iconfont-xiaojiantou-y.png) 0 10px no-repeat; } .ibox3-2 li a{color: #f7f7f7;width:230px;display:block;} .ibox3-2 li a:hover{color:#FC0;} .ibox3-3{ width:590px; float:left; margin-left:auto; margin-right:auto;} .ibox3-3 li{width:180px; float:left; margin-right:0px !important; margin-left:15px; padding-top:10px;overflow:hidden} .ipimg{border:1px solid #ccc; overflow:hidden} .ibox3-4{ width:220px; float:right; background:#f6f6f6; border-left:1px solid #ccc; padding:10px;} .ibox3-4 img{ margin-bottom:10px;} .ibox4-1{ height:40px; border-bottom:2px solid #FC0; } .ibox4-1 h4{ line-height:35px; float:left; clear:right; margin:5px 0 0 10px;background:url(/images/2F.png) 0 4px no-repeat; padding-left:40px; } .ibox4-1 span{ float:right; margin:10px 10px 0 0} .ibox4-2{ border-right:1px solid #ccc} .ibox4-3{ width:830px; float:right; margin-left:auto; margin-right:auto;} .ibox4-3 li{width:180px; float:left; margin-right:8px !important; margin-left:15px; padding-top:10px;overflow:hidden} .bottom{ background:url(/images/bottbg.jpg);height:112px; margin-left:0 !important; margin-right:0 !important; width:100% !important } .bottom .l{ text-align:center; padding:15px;color:#efefef; font-size:13px;font-weight:bold;line-height:24px; font-family: "microsoft yahei",Arial;} .bottom .l a{ color:#efefef;font-family: "microsoft yahei",Arial;} .bottom .r{ float:right; margin-top:10px;} .ipt{ text-align:center;} .ipt a{color: #333;display:block; margin-top:5px; font-size:12px;} .ipt a:hover{color:#FC0;} .al {margin-bottom:10px; } .al1 { margin-bottom:15px;} .al1 h4{ line-height:35px; margin:10px 0 1px 0px ;background:#e6e6e6; padding:7px 0 0 10px;} .al1 li{ margin-left:0; border-bottom:1px solid #fff; line-height:35px;background:#e6e6e6 url(/images/alb.jpg) right 0px no-repeat; padding-left:20px;} .al1 li:hover{background:#000 url(/images/albg.jpg) 0 0px no-repeat; } .al1 li a{color: #333;display:block; width:230px; font-size:14px} .al1 li a:hover{color:#cecece;} .al2 { margin-bottom:15px; background:url(/images/al2bg.jpg) 0 0px no-repeat; height:135px; overflow:hidden; font-size:12px; padding:50px 10px 10px 10px; } .al3-1 {background:url(/images/al3_01.jpg) 0 0px no-repeat; height:44px; margin-bottom:10px;line-height:44px; padding-left:10px; margin-left:0} .al3-2 {background:url(/images/al3_02.jpg) 0 0px no-repeat; height:44px;margin-bottom:10px;line-height:44px; padding-left:10px; margin-left:0} .al3-3 {background:url(/images/al3_03.jpg) 0 0px no-repeat; height:44px;margin-bottom:10px;line-height:44px; padding-left:10px; margin-left:0} .al3-4 {background:url(/images/al3_04.jpg) 0 0px no-repeat; height:44px;margin-bottom:10px; line-height:44px; padding-left:10px; margin-left:0} .al4 h4{ background-color:#e6e6e6; padding:3px 0 5px 10px;} .al4 li{ line-height:25px; font-size:12px} .pl1{ margin-top:10px;} .pl1 h4{ margin-left:0; margin-bottom:1px; line-height:40px; background:url(/images/plbg1.jpg) 0 0px no-repeat; padding-left:50px; color:#FFF; margin-bottom:1px} .pl1 ul{ margin:0} .pl1 h5{ margin-left:0; margin-bottom:1px; line-height:40px;background:#e6e6e6 url(/images/plbg.jpg) right 0px no-repeat; padding-left:25px; color:#333} .pl1 h5 a{color:#333} .pl1 h5 a:hover{color:#F93} .pl1 li { border-bottom:1px dotted #ccc; margin-left:0; padding-left:10px;line-height:26px; font-size:12px; background:#f7f7f7;} .pl1 li a:hover{display:block; color:#F90} .info{ margin-left:auto; margin-right:auto; text-align:center; margin-top:10px; border-bottom:1px dotted #ccc; padding-bottom:10px;} .pt{ text-align:center; font-size:22px; font-weight:bold; margin-top:20px; border-bottom:1px dotted #ccc; padding-bottom:10px; } .nlist li .left{ float:left; } .nlist li .right{ float:right} .nlist li{ float:none; margin-right:8px; margin-left:8px; margin-bottom:10px; border-bottom:1px dotted #CCCCCC; line-height:25px;background:transparent url(/images/iconfont-xiaojiantou.png) 4px 13px no-repeat; padding-left:30px; } .nlist li a{ font-size:14px !important;} .ico_count{background:transparent url(/images/icon_count.png) left center no-repeat; width:50px; float:right ;margin-right:10px; margin-top:10px; padding-left:24px; font-size:12px;color:#999} .ico_author{background:transparent url(/images/icon_author.png) left center no-repeat;width:50px;float:right ;margin-right:10px;margin-top:10px;padding-left:24px;font-size:12px;color:#999} .ico_data{background:transparent url(/images/icon_data.png) left center no-repeat; width:85px;float:right; margin-right:10px;margin-top:10px;padding-left:24px;font-size:12px; color:#999} .ar1 h5{ line-height:30px; margin:10px 0 10px 0px ;padding:0px 0 0 10px; border-bottom:1px dotted #ccc; font-weight:normal !important; font-size:12px !important} .content{text-align:justify;text-justify:inter-ideograph; padding:10px 10px 20px 10px;min-height:500px;} .plist{ float:left; margin-left:auto; margin-right:auto;} .plist li{width:195px; float:left; margin-right:0px !important; margin-left:10px; margin-bottom:10px; padding-top:10px;overflow:hidden; font-size:14px;} .cutepage { TEXT-ALIGN: left; padding-right:0px; margin-bottom:30px; margin-left:20px; margin-top:30px; float:left} .cutepage A {MARGIN-LEFT: 5px; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; background-color:#000; TEXT-DECORATION: none; color:#ffde00; font-family:Arial, Helvetica, sans-serif} .cutepage A:hover { TEXT-DECORATION: none; background-color:#ddc210 ;color:#000;} .cutepage A.selected {COLOR: #fff; TEXT-DECORATION: none; background-color:#ddc210 } .cutepage INPUT {WIDTH: 25px; height:20px;MARGIN-LEFT: 3px; BORDER: #AFAFAF 1px solid; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif} .order li{ float:left; font-size:13px; background:#e7e7e7; width:155px; margin-bottom:2px; padding-left:4px; overflow:hidden; margin-right:2px !important; margin-left:5px;line-height:30px;} .order li:hover{ background:#FC0; } .order li a{ font-size:13px;}