@charset "gb2312"; body,h1,h2,hr,p,dl,dt,dd,ul,ol,li,pre,form,legend,fieldset,button,input,textarea,th,td { margin:0; padding:0; } body { font:12px/2 "����",arial,tahoma; background:#f2f2f2; } h1,h2 { font-weight:bold; font-size:100% } table { border-collapse:collapse; border-spacing:0; } input,button,select,textarea { outline:none; } fieldset,img,input { border:0; } textarea { resize:none; } ol,ul,li { list-style:none } a { color:#000; text-decoration:none; } a:hover { text-decoration:none; } strong { font-weight:800 } form { display:inline; } .clear { clear:both; } /*����*/ #main { width:1000px; margin:0 auto; margin-top:8px; overflow:hidden; } #top { width:100%; background:#64a0de; height:30px; line-height:32px; text-align:center; letter-spacing:1px; overflow:hidden; } #top a { display:inline-block; margin-right:14px; color:#fff; font-size:13px; font-family:"microsoft yahei"; } #top a:hover { text-decoration:underline; color:#fff; } .logobanner { width:1000px; margin:0px auto 8px; background:#fff; padding-top:10px; height:60px; } .logo { float:left; width:210px; text-align:left; margin:0px 20px 0px 10px; } .banner { width:450px; float:left; text-align:center; padding-top:11px; overflow:hidden; } .sol { width:350px; float:left; height:34px; line-height:34px; font-size:14px; color:#999; border:1px solid #64a0de; padding:0px; margin:0px; vertical-align:middle; overflow:hidden; } .sor { width:90px; float:left; height:36px; line-height:36px; padding:0px; margin:0px; border:none; font-size:16px; font-weight:bold; background:#64a0de; color:#fff; cursor:pointer; vertical-align:middle; overflow:hidden; } .banner2 { float:right; width:260px; padding-top:7px; } #nav { width:1000px; margin:0 auto; background:#fff; color:#999; overflow:hidden; } .navi { line-height:21px; margin:7px 2px; text-align:left; font-family:'times new roman'; word-spacing:3px; padding-left:27px; } .navi a { color:#666; font-size:13px; } .navi a:hover { text-decoration:underline; color:#f33; } .fav { height:26px; line-height:26px; padding-left:15px; color:#999; font-size:12px; border-bottom:1px solid #eee; overflow:hidden; } .fav a { color:#999; font-size:12px; } .fav a:hover { color:#06c; } .copyright { width:100%; background:#808080; margin-top:8px; padding-bottom:20px; color:#fff; font-size:12px; letter-spacing:1px; overflow:hidden; } .copyright p { line-height:22px; text-align:center; } .copyright a { color:#fff; } /*ƶ��*/ #listleft { width:1000px; margin:0px auto; background:#fff; overflow:hidden; } .listbox { width:310px; float:left; margin:10px 10px 0px; padding-bottom:5px; overflow:hidden; } .listbox strong { display:block; height:30px; line-height:30px; margin-bottom:10px; padding-left:10px; background: no-repeat; } .listbox strong a { font-size:14px; color:#fff; } .listbox strong span { float:right; } .listbox strong span a { margin-right:10px; color:#666; font-size:12px; font-weight:100; } .listbox strong span a:hover { color:#06c; } .listbox li { height:30px; line-height:30px; padding-left:10px; background: no-repeat left center; overflow:hidden; } .listbox li span { float:right; font-size:12px; color:#666; } .listbox li a { font-size:14px; color:#666; } .listbox li a:hover { color:#06c; } /*��ŀ*/ .box { padding:0px 20px; overflow:hidden; } .box h1 { height:43px; line-height:48px; font-size:14px; border-bottom:1px dashed #ddd; overflow:hidden; } .box li { height:38px; line-height:40px; padding-left:10px; background: no-repeat left center; border-bottom:1px dashed #ddd; overflow:hidden; } .box li span { float:right; font-size:12px; color:#666; } .box li a { color:#333; font-size:16px; } .box li a:hover { color:#f33; } .next { height:40px; line-height:40px; color:#009; font-size:15px; font-family:"microsoft yahei"; border-bottom:1px dashed #ddd; overflow:hidden; } .next a { color:#009; } .next a:link { color:#009; } .next a:hover { color:#009; } /*�ұ�*/ .right { width:300px; float:right; overflow:hidden; } .rtitle { width:300px; margin-bottom:10px; padding-bottom:5px; background:#fff; letter-spacing:1px; overflow:hidden; } .rtitle strong { display:block; height:30px; line-height:30px; font-size:14px; color:#fff; margin-bottom:4px; padding-left:10px; background: no-repeat; } .rtitle ul { padding:0px 10px 3px; } .rtitle li { height:30px; line-height:30px; padding-left:10px; background: no-repeat scroll left center; border-bottom:1px dotted #eee; overflow:hidden; } .rtitle li a { font-size:14px; color:#666; } .rtitle li a:hover { color:#f33; } #hover { width:300px; float:left; position:relative; } .div1 { width:300px; } .div2 { position:fixed; _position:absolute; top:0; z-index:300; } .div3 { padding-bottom:8px; } .div4 { }/*����*/ .left { width:688px; float:left; border:1px solid #e4e4e4; border-top:2px solid #64a0de; background:#fff; overflow:hidden; } .info { height:22px; line-height:22px; margin:0px 20px; text-align:center; font-size:12px; color:#999; letter-spacing:1px; overflow:hidden; } .info span { margin:0px 4px; } .info a { color:#999; font-size:12px; text-decoration:none; } .content { padding:0px 20px; font-size:14px!important; } .content h1 { padding-top:20px; text-align:center; font-size:24px; font-family:"microsoft yahei"; font-weight:500; letter-spacing:1px; } .content p { line-height:23px; margin-top:5px; letter-spacing:1px; } .content strong { font-size:14px; } .related { width:650px; margin:0px auto; margin-bottom:15px; overflow:hidden; } .relatedl { float:left; padding-top:10px; } .relatedr { width:300px; float:right; padding-bottom:5px; background: 0 -1px no-repeat; overflow:hidden; } .relatedr li { height:30px; line-height:30px; padding-left:18px; overflow:hidden; } .relatedr li a { color:#00f; font-size:14px; } .relatedr li a:hover { color:#f33; } /*ad*/ .gg1 { width:1000px; margin:0px auto; padding-top:8px; text-align:center; overflow:hidden; } .gg2 { width:650px; margin:0 auto; padding-top:5px; text-align:center; overflow:hidden; } .gg3 { float:left; padding:10px 10px 0px 0px; text-align:center; clear:both; margin:10px 10px 10px; } .gg4 { width:650px; margin:12px auto; height:180px; line-height:30px; text-align:center; font-size:14px; overflow:hidden; } .gg4 a { font-size:14px; color:#00f; margin-right:10px; } .gg4 a:hover { color:#f00; text-decoration:underline } .gg5 { width:650px; margin:0 auto; text-align:center; padding-bottom:20px; overflow:hidden; } .gg6 { width:650px; margin:0 auto; text-align:center; padding-bottom:20px; overflow:hidden; } .gg7 { padding-bottom:10px; } .gg8 { width:650px; margin:0px auto; text-align:center; padding-top:15px; overflow:hidden; } .gg9 { width:650px; margin:0px auto; text-align:center; padding:15px 0px 20px; overflow:hidden; } .gg10 { width:1000px; margin:8px auto 5px; text-align:center; overflow:hidden; } .nva_1{width:964px; height:auto; margin:auto; clear:both; padding-top:16px;} .nva_2{ width:43px; height:42px; float:left; padding-right:7px; margin:0px 0px 10px;} .nva_3{ width:236px; float:left; height:auto; line-height:21px;} .nva_3 ul{ margin:0px; padding:0px; clear:both;} .nva_3 li{ float:left; line-height:21px; padding:0px 3px 0px 3px; color:#000000} .nva_3 a:link, .nva_3 a:visited{color:#000000;font-size:12px;font-weight:normal;text-decoration:none;} .nva_3 a:hover, .nva_3 a:active {color:#fff700;font-size:12px;font-weight:normal;text-decoration:underline;} .nva_4{ width:137px; float:left; height:auto; line-height:21px;} .nva_4 ul{ margin:0px; padding:0px; clear:both;} .nva_4 li{ float:left; line-height:21px; padding:0px 3px 0px 3px; color:#ffffff} .nva_4 a:link, .nva_4 a:visited{color:#000000;font-size:12px;font-weight:normal;text-decoration:none;} .nva_4 a:hover, .nva_4 a:active {color:#fff700;font-size:12px;font-weight:normal;text-decoration:underline;} .nva_5{ width:250px; float:left; height:auto; line-height:21px;} .nva_5 ul{ margin:0px; padding:0px; clear:both;} .nva_5 li{ float:left; line-height:21px; padding:0px 3px 0px 2px; color:#ffffff} .nva_5 a:link, .nva_5 a:visited{color:#000000;font-size:12px;font-weight:normal;text-decoration:none;} .nva_5 a:hover, .nva_5 a:active {color:#fff700;font-size:12px;font-weight:normal;text-decoration:underline;} /* guide */ #guide{ width:1000px; margin:8px auto 0; border:0px solid #b5cfe8; height:auto; overflow:hidden;background:#fff} .guide-info { float:left; width:1000px; text-align:left; line-height:auto; display:inline; line-height:21px; margin:7px 2px; text-align:left; font-family:'times new roman'; word-spacing:3px; } .guide-info li{ float:left; font-size:14px; margin-left:10px; display:inline;width:93px;overflow:hidden;white-space:nowrap;background: no-repeat scroll left center;padding-left:15px; } .guide-info .redcolor{ color:#ff0000;} .guide-info a { color:#666; font-size:13px; } .guide-info a:hover { text-decoration:underline; color:#f33; } .contentone { height:450px; overflow: hidden; width:650px; text-overflow : ellipsis } /* ͨ������ */ .box{border:1px solid #c3d4e7;zoom:1; overflow:auto; padding-bottom:10px} .box h5,.box h6{background: no-repeat right top;color:#1e50a2; height:26px; margin-bottom:10px; line-height:26px; padding-left:10px;border-bottom:1px solid #dce7f3; position:relative} .box h6{ margin-bottom:0} .box h5.title-1,.box h6.title-1{background-position: right -52px} .box h5.title-2,.box h6.title-2{background-position: right -100px} .box h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6} .box h5.title-2 span.tab span{ color:#2064ae;cursor: hand;!important;cursor: pointer} .box a.more{ font-size:12px; font-family:"����"; margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0} .box .content{ padding:0 10px; overflow:auto} table{border-collapse:collapse;border-spacing:0;} .wrap{overflow:hidden; *display:inline-block;}.wrap{*display:block;} .main img{_vertical-align:baseline;} .align_r{ text-align:right;} .col3 li, .col4 li{overflow:hidden; float:left;} ul.col3 li{width:33.3%!important; *width:33.2%!important; } ul.col4 li{width:25%!important; *width:24.9%!important;} .brd{border:1px solid #c3d4e7;} .mg_b10{margin-bottom:10px;} .mg_t20{ margin-top:20px;} .h28 li{ height:26px; line-height:26px;text-align:center;} .boxsbg{ background: repeat-x;} .down_txt{ color:#999;} .l{ float:left;} .xz_a a{ background: no-repeat -5px -126px; padding-left:16px;} .icon_1, .icon_2, .icon_3, .icon_4 { background: no-repeat scroll 0 -371px transparent;color:#077ac7;height:18px;margin-right:6px;padding-left:20px;} .icon_3 {background-position:8px -128px;} .icon_4 {background-position:8px -28px;} .sysnews{ margin:20px;} .sysnews h5{ background:none; border:none; padding-left:0px;} .down_list{ border-bottom:1px dashed #ccc; padding-bottom:20px;} .down_info{width:96%;} .down_info td,.down_info th{ border:1px solid #dce7f3; padding:10px; color:#000;} .down_info caption h5{ font-size:14px; font-weight:bold; margin:20px 0px; background:none; border:none; text-align:left; padding-left:0px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .down_info caption h5{height:60px; line-height:60px;} } h5.tit{ background:#deeaf6; color:#fff; text-align:left; border:none; margin:20px 0px; font-size:12px; color:#1e50a2;} h4.tits{ background:none; border:none; font-size:16px;} .down_intro,.down_address,.text_list,.commnent_tag,.commenttext{ margin:10px 20px;} .divl div{ float:left; margin:0px 10px;} .xz_btn a{ background: no-repeat; width:136px; height:59px; cursor:pointer; display:block;} .xzs_btn{background: no-repeat; width:136px; height:59px;position:absolute;top:50%;left:50%;margin:-100px auto 0px -68px;} .xz_a{ margin-right:120px; *width:100em; overflow:hidden; width:288px;} .xz_a li{ height:24px; line-height:24px; width:12em; float:left; overflow:hidden;} .fs12 a{ font-size:12px;} .footer p.info{*margin-top:0px;} .contents{ *width:698px; overflow:hidden;} .main{overflow:hidden;} /* guide */ #guide{ width:1000px; margin:8px auto 0; border:0px solid #b5cfe8; height:auto; overflow:hidden;background:#fff} .guide-info { float:left; width:1000px; text-align:left; line-height:auto; display:inline; line-height:21px; margin:7px 2px; text-align:left; font-family:'times new roman'; word-spacing:3px; } .guide-info li{ float:left; font-size:14px; margin-left:10px; display:inline;width:93px;overflow:hidden;white-space:nowrap;background: no-repeat scroll left center;padding-left:15px; } .guide-info .redcolor{ color:#ff0000;} .guide-info a { color:#666; font-size:13px; } .guide-info a:hover { text-decoration:underline; color:#f33; } /* top ��ť */ #scrolltop { display: none; overflow: hidden; position: fixed; _position: absolute; _top: expression(eval(document.documentelement.scrolltop document.documentelement.clientheight-this.offsetheight-36)); bottom: 22px; _bottom: "auto"; left: 50%; margin-left: 510px; width: 50px; height: 50px; background: no-repeat; cursor:pointer; z-index:100; } .fa{ font-size: .8em; line-height: 22px !important; } dropdown{ display: inline-block; margin-top: 0px; } dropdown label, dropdown ul li{ display: block; background: #ecf0f1; padding: 15px 19.7px; float: left; font-family: "΢���ź�"; font-weight: 700; font-size: 16px; } dropdown label:hover, dropdown ul li:hover{ background: #f33; color: white; cursor: pointer; } dropdown label{ position: relative; z-index: 2; } dropdown input{ display: none; } dropdown input ~ ul{ position: relative; visibility: hidden; opacity: 0.5; top: -20px; z-index: 1; } dropdown input:checked label{ background: #f33; color: white; } dropdown input:checked ~ ul{ visibility: visible; opacity: 1; top: 0; border-top: 3px solid #f33; } $colors: #e74c3c, #0072b5, #2c3e50; @for $i from 1 through length($colors) { dropdown ul li:nth-child(#{$i}) { border-left: 4px solid nth($colors, $i); .fa{ color: nth($colors, $i); } &:hover { background: nth($colors, $i); color: white; .fa{ color: white; } } } } .animate{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -ms-transition: all .3s; transition: all .3s; backface-visibility:hidden; -webkit-backface-visibility:hidden; /* chrome and safari */ -moz-backface-visibility:hidden; /* firefox */ -ms-backface-visibility:hidden; /* internet explorer */ } .v1{display: block;padding: 20px 0px;font-family: "΢���ź�";} .v1 a.title{line-height: 30px;font-size: 20px;font-weight: 700;} .v2{display: none;padding: 20px 0px;font-family: "΢���ź�";} .v2 a.title{line-height: 30px;font-size: 20px;font-weight: 700;} .v3{display: none;padding: 20px 0px;font-family: "΢���ź�";} .v3 a.title{line-height: 30px;font-size: 20px;font-weight: 700;} .v4{display: none;padding: 20px 0px;font-family: "΢���ź�";} .v4 a.title{line-height: 30px;font-size: 20px;font-weight: 700;} .v5{display: none;padding: 20px 0px;font-family: "΢���ź�";} .v5 a.title{line-height: 30px;font-size: 20px;font-weight: 700;} .v6{display: none;padding: 20px 0px;font-family: "΢���ź�";} .v6 a.title{line-height: 30px;font-size: 20px;font-weight: 700;} .v7{display: none;padding: 20px 0px;font-family: "΢���ź�";} .v7 a.title{line-height: 30px;font-size: 20px;font-weight: 700;} .v8{display: none;padding: 20px 0px;font-family: "΢���ź�";} .v9{display: none;padding: 20px 0px;font-family: "΢���ź�";} .info .laiyuan a{color: #f33;} .fenxiang{float: right;margin-right: 10px;} .fenxlianjie{float:right;} .kc{float: left;width: 650px;} .kc ul li {width: 650px;height: 105px;float: left;margin-right: 15px;} .kc ul li img{width: 84px;height: 80px;float: left;margin-right: 15px;} .kc ul li .introx{width: 640px;text-indent: 25px;color: #333;line-height: 25px;margin: 0px;padding: 0px;margin-bottom: 10px;font-size: 14px;} .kc ul li .title:hover{color: #f33 !important;} /*�ҳ�ѡ�*/ .flovesee{ width: 315px; margin-top: 10px; } .flovesee p.lovetitle { width: 115px; text-align: center; font-size: 18px; float: left; display: block; height: 46px; line-height: 45px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede } .flovesee ul.lovetab { width: 100%; } .flovesee ul.lovetab li { text-align: center; font-size: 18px; height: 45px; line-height: 45px; border: 1px solid #dedede; border-left: none; font-family: "΢���ź�"; } .flovesee .lovetab .lovecurrent { border-bottom: 0; border-top: 2px solid #af0303; color: #af0303; background: #fff; } .flovesee .lovecon { border: 1px solid #dedede; border-top: 0; padding-bottom: 20px; width: auto; background: #fff; } .flovesee .lovecon ul {background: #fff; } .flovesee .lovecon li p { margin: 5px 0 0 10px } .flovesee .lovecon li .textlist li { background: 0; height: 25px; margin-left: 10px } .flovesee .lovecon li .textlist { margin-top: 10px } .flovesee .lovecon li .textlist li em { background: no-repeat; background-position: -51px -10px; width: 3px; height: 3px; padding: 0 4px; margin-top: 10px } .flovesee ul.lovetab { height: 46px; border-bottom: 1px solid #ddd } .flovesee ul.lovetab li { background: #fff } .flovesee .lovetab .lovecurrent{border-left: 1px solid #ddd;border-right: 1px solid #ddd;} .flovesee ul.lovetab{border-bottom: 1px solid #ddd;} .flovesee ul.lovetab li{border: 0;} .sanul li{ width: 33%; } .wuul li{ width: 20%; } ul.news-list, .news-list > ul { display: block; *margin: 0; } .news-list li { position: relative; line-height: 20px; margin: 0px; padding: 10px 7px 0 18px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; zoom: 1; background: 8px 20px no-repeat; } .news-list li i { position: absolute; left: 0; top: 8px; display: block; width: 4px; height: 4px; padding: 0; background: #ccc; } .news-list li > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-list li a { color: #333; } .fl { float: left; display: inline; } .top{ background:none;border-bottom:1px solid #ededed;height: auto;background-color:#f7f7f7;margin-bottom: 5px; } .scinece_more { margin: 15px 0; height: 30px; text-align: center; background-color: #e8e7e7; font-size: 16px; color: #ce0000 ; line-height: 30px; display: block; font-family: "����"; } .footer { padding-bottom: 20px; border-top: 1px solid #e5e5e5; margin-top: 40px; font-family: 'microsoft yahei'; } .footer_bottom p a { padding: 0 10px } .footer_bottom p span a, .footer_bottom p span a:link { color: #a0a0a0 } .footer_bottom p span a:hover { text-decoration: underline; color: #c50205 } .footer_bottom p { line-height: 25px } .footer_bottom p span { padding-left: 15px } .footer2 { padding-bottom: 50px; border-top: 1px solid #e5e5e5 } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .fcg_3 { color: #a0a0a0; } .tc { text-align: center; } .title-aside { position: relative; height: 20px; margin: 0 0 25px 0; zoom: 1; } .title-aside .line { position: absolute; top: 50%; left: 0; height: 0; width: 100%; border-top: 1px solid #dfdbdb; z-index: 1; } .title-aside h3 { position: relative; float: left; display: inline-block; height: 20px; line-height: 20px; padding: 0 10px 0 15px; background: #fff; border-left: 4px solid #bf0505; z-index: 2; color: #333; font-size: 20px !important; font-weight: normal; } .title-aside h3 a { color: #333; } .list01{ margin-bottom: 35px; margin-left: 10px; } .list01 li { float: left; width: 20%; line-height: 30px; white-space: nowrap; } .list01 li a { padding: 5px; font-size: 15px; color: #666; text-decoration: none; } .list01 .list01_ww { width: 188px; } .list01 .list01_www { width: 282px; } .list01 li a:hover { background: #d32a2a; color: #fff; } .indexjisuanqi li a{ color: #333; } ul.index-list-right, .index-list-right > ul { display: block; *margin: 0; } .index-list-right li { position: relative; line-height: 20px; margin: 0px; padding: 1px 7px 0 18px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; zoom: 1; background: 8px 20px no-repeat; } .index-list-right li i { position: absolute; left: 0; top: 8px; display: block; width: 4px; height: 4px; padding: 0; background: #ccc; } .index-list-right li > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index-list-right li a { color: #333; } .list_zxwz, .list_rmwz, .list_fangwen { float: left; width: 304px; padding: 5px 15px; font-size: 14px; border: 1px solid #e4e4e4; border-top: 3px solid #b91100; background-color: #fff; overflow: hidden; } .list_zxwz p, .list_rmwz p, .list_fangwen p { font-size: 20px; color: #333; padding-bottom: 5px; margin-bottom: 13px; border-bottom: 1px solid #e4e4e4; font-weight: bold; } .list_zxwz p span, .list_rmwz p span, .list_fangwen p span { margin-left: 20px; } .list_rmwz ul li em { padding-right: 10px; } .list_zxwz ul li a{ line-height: 23px; height: 23px; } .list_fangwen a { line-height: 20px; } .list_cnxh li a { display: block; width: 306px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_fangwen .div_cc2 { width: 314px; display: block; overflow: hidden; } .list_fangwen .div_cc { width: 300px; float: left; } .list_fangwen .div_cc a { font-size: 12px; width: 75px; line-height: 26px; display: block; float: left; overflow: hidden; height: 26px; margin-right: 9px; margin-bottom: 9px; background-color: #fff; border: 1px solid #eee; border-radius: 3px; text-align: center; color: #555; } .list_fangwen .div_cc a:hover{ text-decoration: none; background: #b91100; color: #fff; }