@charset "utf-8";
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 {font: 12px/1.5 "Segoe UI", tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 12px;}
ul, ol {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
/* clear float */
.clearfix:after {clear: both; content: '.'; display: block; font-size: 0; height: 1; visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}

/* global */
body {background: #fff;}
body, td, th, input, select, textarea {color: #555; font-family: Arial, Helvetica, sans-serif;}
a {color: #333; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}
.blank10 {clear: both; display: block; height: 10px; width: 100%;}
.blank01 {clear: both; display: block; width: 100%;}
.tips {color: #aaa; padding-left: 5px;}
/* layout */
.wrapper {margin: 0 auto; width: 1000px;}
/* logo */
.logo{display: block; float: left; margin-top: 10px;}

/* navbar */
.navbar {background: url(headbj.jpg) repeat-x; display: block; height: 32px;}
.navbar li {float: left; font: bold 14px/32px Arial; height: 32px; text-align: center; width: 100px;}
.navbar li a {color: #fff; display: block; text-decoration: none;}
.navbar li a:hover {/*background: url(headbj.jpg) repeat-x 0 -39px;*/ color: #e4ff00;}
.navbar .navline {/*background: #5cc11a;*/ display: block; height: 32px; width: 1px;}
/* sobox */
.sobox {float: right; padding-top: 20px;}
.sofrm {display: block; padding-top: 14px; position: relative; width: 500px;}
.sipt {background: url(ipt.png) no-repeat top left; border: solid 1px #9BBDD3; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 90px; width: 300px;}
.sbtn {background: #9BBDD3; border: 0; color: #fff; cursor: pointer; font: bold 14px normal; height: 32px; width: 70px;}
/* selopt */
#selopt {background: url(select.gif) no-repeat; height: 30px; width: 90px; position: absolute; left: 2px; top: 17px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 90px;}
#options {border: solid 1px #9BBDD3; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; z-index: 1000;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center;}
#options li a:hover {background: #9BBDD3; color: #fff; display: block; text-decoration: none;}
.current {background: #97c853; color: #fff; display: block; text-decoration: none;}
/* inbox */
#inbox {background: #f9fef4; border: solid 1px #9BBDD3; padding: 5px 8px;}
#inbox h3 {color: #006699; float: left; height: 23px; line-height: 23px; width: 60px;}
#inboxkuai {background: #f9fef4; border: solid 1px #9BBDD3; padding: 5px 8px;}
#inboxkuai h3 {color: #006699; float: left; height: 23px; line-height: 23px; width: 60px;}
.inlist {}
.inlist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; white-space: nowrap;}
/* homebox */
.homebox {}
.homebox-left {float: left; width: 250px;}
.homebox-right {float: right; width: 740px;}
/* hcatebox */
.hcatebox {background: #fcfff9;background: url(../skin/bbz.jpg) no-repeat; margin-bottom: 10px;}
.hcatebox H3{color: #7B2E00;line-height: 29px;padding-left: 10px;}
.hcatelist {border: 1px solid #FFB64B;border-top: 0px;padding: 10px 0px 0px 15px;overflow: hidden;}
.hcatelist li {float: left; padding: 5px; width: 67px;}
.hcatelist li a {font-size: 13px;color: #003399;}
/* famebox */
.famebox {border: solid 1px #9BBDD3;}
.famebox h3 {background: #f9fef4; border-bottom: solid 1px #9BBDD3; font: bold 14px normal; height: 30px;}
.famebox h3 span {background: #fff; border: solid 1px #9BBDD3; border-bottom: 0; color: #006699; cursor: pointer; display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
.fame_on {background: #fff; border: solid 1px #97c853; border-bottom: 0; color: #006699;}
.fame_off {color: #555;}
.famelist {padding: 8px;}
.famelist li {TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 16.6%;DISPLAY: inline;FLOAT: left;OVERFLOW: hidden;}
.famelist li img {background: #fff; padding-right:3px;}
.famelist li a {font-size: 13px;}
/* coolbox */
.coolbox {border: solid 1px #9BBDD3;}
.coolbox h3 {background: #f9fef4; border-bottom: dashed 1px #9BBDD3; color: #006699; font-size: 14px; padding: 6px;}
.csitelist {padding: 5px 8px;}
.csitelist li {display: block; font-size: 14px; height: 30px; overflow: hidden; vertical-align: top; width: 100%;}
.csitelist li h4 {display: block; float: left; font: bold 13px normal; height: 30px; line-height: 30px; width: 70px;}
.csitelist li h4 a {color: #003399;}
.csitelist li span {display: block; float: left; height: 30px; line-height: 30px; margin-right: 10px; overflow: hidden; white-space: nowrap; width: 90px;}
.csitelist li span a {font-size: 13px;}
.csitelist .more {color: #003399; float: right; font-size: 12px; line-height: 30px;}
.csitelist .xuxian{border-bottom: dashed 1px #9BBDD3;height: 1px;margin: 5px 0;}
/* linkbox */
.linkbox {background: #f9fef4; border: solid 1px #9BBDD3; padding: 5px 8px;}
.linkbox h3 {float: left; height: 23px; line-height: 23px; width: 60px;}
.linklist {}
.linklist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; vertical-align: top; white-space: nowrap;}
/* sitepath */
.sitepath {padding: 5px 0;}
/* scatebox */
.scatebox {background: #f9fef4; border: dashed 1px #9BBDD3; padding: 5px 10px;}
.scatebox h1{ font-size:17px;}
.scatebox h3 {float: left; font-weight: bold; width: 70px;height: 25px;line-height: 25px;}
.scatelist {display: block; float: left; width: 850px;}
.scatelist li {float: left; height: 25px; line-height: 25px; width: 76px;}
.scatelist li strong {color: #f60;}
/* bestbox */
.bestbox {border: solid 1px #9BBDD3;}
.bestbox h3 {background: #f9fef4; border-bottom: dashed 1px #9BBDD3; color: #006699; font-size: 14px; padding: 6px;}
.bestlist {padding-left: 5px;}
.bestlist li {padding-top: 6px;list-style: none;padding: 0;margin: 0;height: 29px;border-bottom: dotted 1px #dadada;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bestlist li a {
    color: #06c;
}
#mq{height:450px; margin:0 auto; text-align:left;OVERFLOW: hidden;line-height:30px;}
/* hotbox */
.hotbox {border: solid 1px #9BBDD3;}
.hotbox h3 {background: #f9fef4; border-bottom: dashed 1px #9BBDD3; color: #006699; font-size: 14px; padding: 6px;}
.hotlist {padding: 5px;}
.hotlist li {padding: 6px;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hotlist li span {color: #f60; float: left; font: normal 14px Arial;}
.hotlist li em {color: #aaa; float: right;}
/* mainbox */
.mainbox {}
.mainbox-left {float: left; width: 740px;}
.mainbox-right {float: right; width: 250px;}
.mainboxdq {float: left; width: 1000px;}

/* timelink */
.timelink {float: right;}
.timelink a {color: #9BBDD3; font-size: 12px; font-weight: normal; margin: 0 5px;}
a.timelink_bg {background: #006699; color: #fff; padding: 3px;}
/* arcbox */
.arcbox {background: #fcfff9; border: dashed 1px #9BBDD3; padding: 10px;}
.arcbox h3 {color: #006699; font-size: 14px; padding-bottom: 10px;}
.arclist {}
.arclist li {}
.arclist li h3 {color: #006699;}
.arclist li p {line-height: 23px; padding: 3px 0;}
.arclist li a {color: #555; padding: 0 7px; text-decoration: none;}
/* listbox */
.listbox {border: solid 1px #9BBDD3;}
.listbox h3 {background: #f9fef4; border-bottom: dashed 1px #9BBDD3; color: #006699; font-size: 14px; padding: 6px;}
.listbox h3 .h3gengduo{float: right; padding-right:20px;    color: #006699;}
.sitelist {padding: 0 15px;}
.sitelist li {border-bottom: dashed 1px #dadada; display: block; height: 90px; padding: 15px 0;}
.sitewww {padding: 0 15px;width: 970px;float: left;}
.sitewww li {float: left;width: 192px;height: 28px;line-height: 28px;vertical-align: middle;margin: 0px;padding: 0px;overflow: hidden;text-align: center;}
.sitewww li .ioc{vertical-align: middle;padding: 0 2px;}
.listwww{padding: 0 10px;width: 980px;float: left;}
.listwww li{ padding:5px 0;overflow: hidden;}
.listwww li div{float: left; padding:0 5px;height:20px; line-height:20px;overflow: hidden;}
.listwww li .c1{ width:140px;}
.listwww li .c2{ width:140px;}
.listwww li .c3{ width:450px;}
.listwww li .c4{ width:140px;}
.listwww li .c5{ width:60px;}
.listwww li .c1 img{ padding:0 5px 0 0;vertical-align: middle;}

.listwww .list_s{margin: 10px 0;padding-bottom: 10px;border-bottom: 1px solid #e4e9f0;overflow: hidden;}
.listwww .list_s_img {position: relative; display: block; float: left;margin-right: 10px; height: 100px;width: 150px; overflow: hidden;
}
.list_s_img img {max-height: 100px;max-width: 150px;margin: 0 auto;display: block;text-align: center;}
.listwww .list_s_h2 {font-size: 16px;}
.listwww .list_s_h2 em{font-size: 12px;color: #999; padding-left:6px;}
.listwww .list_s_url span{ padding-right:30px;}	
.thumb {background: #fff; border: solid 1px #e8e8e8; float: left; width: 120px;}
.info {float: right; width: 575px;}
.title {color: #06c; font-size: 14px; font-weight: bold;}
.titlewww {color: #125297; }
.intro {height: 50px; line-height: 25px; overflow: hidden;}
.attr {color: #999;}
.url {color: #080;}
.gre {color: #080;}
.visit {background: url(visit.gif) no-repeat right; color: #080; font: normal 12px Arial; padding-right: 15px;}

/*webkey*/
.webkey .l{display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.webkey .l h4{display: table-cell; vertical-align: top;width: 30px;font-size: 24px;line-height: 28px;}
.webkey .l .s{display: table-cell; vertical-align: top;}
.webkey .l .s a{box-sizing: border-box;display: inline-block;vertical-align: middle;font-size: 12px;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:94PX; margin-right:5px}
.webkey .l .s .webkeyduo{ text-align:center; width:54px;}
.webkey_ci{    background: #f9fef4;
    border-bottom: dashed 1px #9BBDD3;
    color: #006699;
    font-size: 14px;
    padding: 6px;}
.webkey_ci ul li{ display: inline-block;
    margin-right: 0;
    width: 3.841%;
    text-align: center;
    padding: 5px 0px;
    vertical-align: middle;}
.webkey_list{ padding-top:10px}
.webkey_list ul li{box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 10px 5px;
    width: 11.11111%;
    min-width: 118px;
    text-align: center;} 
.webkey_list ul li a{height: 15px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;}
/* showpage */
.showpage {display: block; font-size: 12px; text-align: left; padding: 10px;}
.total_page, .jump_page {background: #9BBDD3; border: solid 1px #9BBDD3; color: #fff; display: block; float: left; margin-right: 5px; padding: 3px 6px;}
.first_page, .last_page, .prev_page, .next_page, .pages {background: #fff; border: 1px solid #9BBDD3; color: #54a932; display: block; float: left; margin-right: 5px; padding: 3px 6px; text-decoration: none;}
.current {background: #9BBDD3; color: #fff; display: block; float: left; margin-right: 5px; padding: 4px 7px;}
/* sitebox */
.sitebox {background: #fff; border: solid 1px #e8e8e8; border-top: solid 2px #9BBDD3; padding: 10px 0;}
.sitebox .ioc{float: left;padding: 9px 5px 0 0;}
.wtitle {padding-left: 10px; padding-bottom: 10px;border-bottom: dotted 1px #dadada;}
.wtitle h1{ color:#555;max-width:300px;display: inline;vertical-align: sub;font-weight: 500; font-size:24px;}
.wtitle h2{display: inline;padding:0 0 0 10px;font-weight: 400;font-size: 16px;vertical-align: sub;}
.wtitle h2 a{color: #999;}
.wtitle span{float: right;padding-right: 15px;font-size: 13px;color: #555;padding-top: 15px;font-weight: normal;}
.wtitle font {font: normal 12px normal;}
/*.line {border-right: solid 1px #ddd;}*/
#retips {display: block; height: 13px; margin-top: 10px;}
#retips a {font-size: 12px; text-decoration: underline;}
.wthumb {background: #f9f9f9; border: solid 1px #dadada; padding: 10px;}
.site{width: 100%;}
.siteimg{border: solid 1px #DDD;box-shadow: 1px 1px 1px #ccc;}
.siteimg img{ margin: 0 auto;display: block; max-height:200px; max-width:248px;}
.siteimg div{padding: 8px 5px 8px 9px;line-height: 23px;font-size: 16px;text-indent: 30px; background:url(tuji.png) 10px 10px no-repeat;}
.seosite {padding:0 10px;}
.seosite .tag{padding-bottom: 0px;float: left;width: 100%;border-bottom: 1px #efefef solid; line-height: 40px;height: 40px; font-size: 13px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.seosite li {padding-bottom: 0px;float: left;min-width: 50%;border-bottom: 1px #efefef dashed; line-height: 35px;height: 35px; font-size: 13px;color: #555;overflow: hidden;width: 350px;}
.seosite .zhuangtaiimg{ padding-right:5px;height: 13px;}
.seosite img{vertical-align: middle;}
.seosite li strong {width: 70px;}
.seosite li a {color: #06c;}

.webintro{padding:10px;font-size: 13px;line-height: 25px;}
.webpingu{font-size: 13px;margin:10px 10px 0 10px;line-height:25px;}
.webpingu h3{border-bottom: solid 1px #e8e8e8;font-size: 14px; padding-bottom: 5px;margin-bottom: 10px;}
.webpingu p{color: #999;}
.infoad {background: #fff; border: solid 1px #e8e8e8; margin-top: 15px; padding: 10px; text-align: center;}
.baike{padding:10px 10px 0 10px; line-height:25px;font-size: 13px;}
.baike h3{border-bottom: solid 1px #e8e8e8;font-size: 14px; padding-bottom: 5px;margin-bottom: 10px;}
.baike img{ max-width:700px;margin: 0 auto;display: block;}
/* relsite */
.relsite {background: #fff; padding: 10px;}
.relsite h3 {border-bottom: solid 1px #e8e8e8; font-size: 14px; padding-bottom: 8px;}
.rellist {padding-top: 10px;}
.rellist li {display: inline; float: left; height: 115px; margin: 8px; text-align: center; width: 126px;}
.rellist li img { border: solid 1px #e8e8e8; background: url(/pic/jiazai.gif) no-repeat 0px 0px;}
.rellist li strong {display: block; font-weight: normal; height: 15px; overflow: hidden; white-space: nowrap;}
.rellist li a {color: #06c;}
/* comment */
.comment {padding: 10px;}
.comment h3 {border-bottom: solid 1px #e8e8e8; font-size: 14px; padding-bottom: 8px;}
.comment-list {}
.comment-list li {padding: 10px 0 10px 75px; position: relative; zoom: 1; min-height: 52px;}
.comment-gravatar {position: absolute; left: 0; top: 10px; width: 54px; height: 60px; text-align: center;}
.comment-title {background: #f2fbf2; color: #06c; font-size: 14px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; text-indent: 5px; white-space: nowrap;}
.comment-title time {color: #999; font-size: 12px;}
.comment-text {line-height: 25px; padding: 5px 0;}
.comment-reply {background: #fafef6; border: dotted 1px #c6e0af; line-height: 25px; margin: 5px 0; padding: 3px 8px;}
.comment_title{padding: 10px;    border-bottom: dotted 1px #dadada;}
.comment_title h1{    color: #f60;font: bold 24px Arial;padding-left: 5px; padding-bottom: 10px;border-bottom: dotted 1px #dadada;}
.comment_title h1 a{ color: #f60;}
.comment_url{ padding:10px 0 0 0;}
.comment_url ul li{line-height: 30px;height: 30px;font-size: 13px;}
/* tagbox */
.tagbox {border: solid 1px #9BBDD3;}
.tagbox h3 {background: #f9fef4; border-bottom: dashed 1px #9BBDD3; color: #006699; font-size: 14px; padding: 6px;}
.tagbox ul {padding: 5px 0;}
.tagbox ul li {font: normal 12px Arial; list-style: inside circle; padding: 5px; padding-left: 15px;}
.tagbox ul li em {font-size: 10px;}
/* infoad */
#infoad {background: #fff; border: solid 1px #e8e8e8; padding: 10px; text-align: center;}
/* catebox */
.catebox {padding-bottom: 10px;}
.catebox h3 {font-size: 14px;}
.catebox h3 em {color: #aaa; font: normal 11px Arial;}
.catebox h3 a {color: #006699;}
.catelist {padding-top: 5px;}
.catelist li {float: left; height: 25px; line-height: 25px; text-align: center; width: 110px;}
.catelist li em {color: #aaa; font: normal 11px Arial;}
/* topsite */
.topsite {border: solid 1px #9BBDD3; float: left; width: 360px;}
.topsite h2 {background: #f9fef4; border-bottom: dashed 1px #9BBDD3; color: #006699; font-size: 14px; padding: 6px;}
.toplist {padding: 5px;}
.toplist li {overflow: hidden; padding: 5px 10px; white-space: nowrap; _width: 310px;}
.toplist li span {color: #f30; padding-right: 10px;}
.toplist li em {font: normal 12px Arial;}
.toplist li em a {color: #080;}
.toplist li a {color: #555; text-decoration: none;}
.toplist li a:hover {color: #f30; text-decoration: underline;}
/* apply */
.subbox {background: #fff; border: solid 1px #e6e8eb;}
.subbox h2 {font-size: 14px; padding: 10px;}
.subbox form {margin: 30px 0 10px 150px;}
.stepbox {margin: 0 auto; padding: 10px;}
.stepbox h3 {border-bottom: dashed 1px #dadada; font: bold 14px normal; padding-bottom: 10px;}
.stepbox p {padding: 15px;}
.textbox {background: #ffe; border: dashed 1px #f30; color: #080; line-height: 23px; margin-bottom: 10px; padding: 10px;}
.formbox {}
.formbox li {display: block; padding: 3px;}
.formbox li strong {display: block; float: left; font-weight: normal; height: 25px; line-height: 25px; text-align: right; width: 90px;}
.formbox li p {float: left; padding-top: 0;}
.formbox li .lian{padding-top: 7px;}
.fipt {background: #fff url(ipt.png); border: solid 1px #e8e8e8; font-size: 13px; padding: 6px;}
.fbtn {background: #9BBDD3; border: 0; color: #fff; cursor: pointer; padding: 6px;}
/* resbox */
.resbox {background: #f8fef4; border: dashed 1px #690; line-height: 25px; margin: 10px; padding: 10px 15px;}
/* urlbox */
.urlbox {margin: 10px;}
.urlbox h3 {float: left; padding-right: 30px;}
.urlbox ul {}
.urlbox ul li {float: left; padding: 5px 0; padding-right: 30px;}
/* footer */
.footer {height: 70px; text-align: center;}
.fmenu {background: #f9fef4; border: solid 1px #9BBDD3; color: #ccc; padding: 7px;}
.fmenu a {color: #006699; padding: 0 3px; text-decoration: none;}
.fmenu a:hover {text-decoration: underline;}
.fcopy {line-height: 23px; padding-top: 5px;}