/*公共定义*/
body {text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0 auto;padding:0;list-style: none outside none;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none outside none;margin: 0; padding: 0;}
table{ margin:0 auto;}
img{vertical-align:top;border:0 none;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}  
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}

/*a link 基本连接颜色 */
a{color:#2F5FA1;text-decoration:none; cursor:pointer}
/*a:visited {color:#2b2b2b;text-decoration:none;}*/
a:hover {color:#2F5FA1;text-decoration:underline;}
a:active {color:#2F5FA1;}

/*layout*/
.clear {clear: both;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{display: inline-block;}
/* start hide from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* close hide from IE-mac */

.fl { float:left; }
.fr { float:right; }
.pd { padding:10px; }
.pt { padding-top:10px; }
.pl { padding-left:10px; }
.pb { padding-bottom:10px; }
.pr { padding-right:10px; }
.mg { margin:10px; }
.mt { margin-top:10px; }
.ml { margin-left:10px; }
.mb { margin-bottom:10px; }
.mr { margin-right:10px; }
.mr_30px { margin-right:30px; }
.over { overflow:hidden; }
.hide { display:none; }
.hide_text { text-indent:-9999px; }
.bg_blue { background-color:#EBF3FB; }

/*字体大小 颜色 行间距*/
.f_red { color:#850000; }
.f_orange { color:#FF6604; }
.f_blue { color:#0055AA; }
.f_gray { color:#555555; }
.f_fff { color:#fff; }
.f_000 { color:#000000 }
.f_333 { color:#333333 }
.f_666 { color:#666666 }
.f_999 { color:#999999 }
.f_bold { font-weight:bold; }
.f_10px { font-size:10px; }
.f_11px { font-size:11px; }
.f_12px { font-size:11px; }
.f_14px { font-size:14px; }
.f_16px { font-size:16px; }
.f_18px { font-size:18px; }
.left{ float:left; }
.right{ float:right; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }
.line_180{ line-height:180%;}

/*form*/
textarea,input,select{vertical-align:middle; }
.select {width:210px;height:22px;border: solid 1px #8AA8C0;float:left; vertical-align:middle}
.input{width:210px;height:18px;padding-top:2px; border-bottom: solid 1px #8AA8C0; vertical-align:bottom;border:1px solid #8AA8C0; vertical-align:middle}
.btn { width:94px; height:26px; background:url(../img/inquiry.jpg);border:0;}
form{ display:inline;margin:0 ; padding:0}
textarea { border: solid 1px #89AADD; background:url(../img/517ab.jpg) no-repeat center; width:580px; height:75px}

/************page common*************/
/*header*/
.header{height:103px;background:#FBFDFD}
.header .header_wrap{width:980px;height:70px;}
.header .header_wrap .logo_img{float:left;width:300px;}
.header .header_wrap .header_info{float:left;width:640px; text-align:right;}
.header .header_wrap .welcome{padding:10px}
.header .guide{width:auto;height:33px;background:url(../img/guide_top_bg.jpg) repeat-x;text-align:center}
.header .guide ul{margin:0 auto;padding:0;width:980px;font-size:12px;}
.header .guide li{float:left;line-height:28px; margin:0  3px; padding:0 20px}
.header .guide .guide_on{background:#518AC1; border:1px solid #4695DA; border-bottom:none; font-size:14px; font-weight:bold}
.header .guide .guide_on a{color:#FFFFFF;}
.header .guide .guide_off{background:url(../img/guide_off.jpg) repeat-x; border:1px solid #BBD5EC; border-bottom:none; font-size:14px;}
.header .guide .guide_off a{color:#0278C2;}

/*bread-crumb*/
.bread-crumb{width:978px;height:32px; background:url(../img/bread_bg.jpg) repeat-x; border:1px solid #B8CED9; margin-top:10px}
.bread-crumb .title{height:19px;padding:12px 0 0 20px; float:left;}
.bread-crumb .link{height:19px;padding:10px 20px 0 0;float:right;}
.bread-crumb .m_li_top {line-height: 32px;margin-left:7px;}

/*footer*/
.footer{clear:both; width:980px; line-height: 23px;
    padding: 10px 0;
    text-align: center;}
.footer a{line-height: 23px;
    padding: 10px;
    text-align: center;}
.footer p{width:982px;line-height:22px; padding:0; margin:0 auto}

/*pagination*/
#pagination { text-align:right; float:left; padding-right:0; padding-left:5px}
#pagination li {border:0; margin:0 1px 10px;  list-style:none; /* savers */ float:left;}
#pagination li a{margin-right:2px; padding:5px 7px;border: 1px solid #DDDDDD; color: #105CB6; vertical-align:middle;display: block; background:#fff}
#pagination .previous-next-on a{background: none repeat scroll 0 0 #FFFFFF;display: block;float: left;margin-right: 0.1em; font-weight:bold}
#pagination .previous-next-off{background: none repeat scroll 0 0 #FFFFFF;display: block;float: left;margin-right: 0.1em;padding:5px;border: 1px solid #DDDDDD;color: #999999;}
#pagination .active{margin-right:2px; padding:5px 7px; background: none repeat scroll 0 0 #2E6AB1;border: 1px solid #2E6AB1;color: #FFFFFF;font-weight: bold;}

/* routes list to add index.html of style behend list-title*/
.routes-list dl {clear: both;}
.routes-list .small_user_avatar {border: 1px solid #CCCCCC;float: right;height: 32px;margin-top: 10px;padding: 2px;width: 32px;}
.routes-list dl dt.topic {font-size: 14px; font-weight: bold;margin-top: 6px;}
.routes-list dl dt p.author {font-size: 12px;font-weight: normal;padding: 10px 0 5px;}
.routes-list dl dd.desc:after {clear: both;content: "."; display: block; height: 0;visibility: hidden;}
.routes-list dl dd.desc {display: block;}
.routes-list dl dd.desc {height: auto;line-height: 150%;min-height: 1px;padding: 12px 0;}
.routes-list dl dd {margin-top: 0;}
.routes-list dl dd.desc { display: block;}
.routes-list dl dd.desc span{line-height:180%}
.routes-list dl dd a,a:link, .newslist dl dd a:visited {color: #2F5FA1;font-weight: normal;}
.routes-list .pb_box_r {float: left;height: 80px;margin-right: 5px;overflow: hidden;width: 51px;}
element.style {height: 120px;width: 160px;}
.routes-list dl dd.desc img {float: right;}
.routes-list dl dd.detail {background: none repeat scroll 0 0 #F4FBFF;border-bottom: 1px solid #B4CEDB;height: 27px;line-height: 27px; margin: 0 -7px;}
.routes-list dl dd { margin-top: 0;}
.routes-list dl dd.detail p {padding: 0 10px;}

/*content*/
.content{width:980px;padding-top:10px; margin-top:0px; background:#FFFFFF;}
.content .more{float:right;font-size:12px; font-weight:normal;}
.content .more img{vertical-align:middle; margin-top:-2px; margin-left:3px;}
.wrap-pic {margin:7px;line-height: 20px; overflow:hidden; padding: 7px 0;}
.wrap-pic a{color:#2F5FA1}
.wrap-pic a img {float: left; margin-right: 7px;}
.wrap-pic p a { color: #2F5FA1;}

/* common .other-wrap */
.other-wrap {width:748px; background: url("/ui/img/photoback.gif") repeat-x scroll left -33px #FFFFFF;border: 1px solid #D0DBE7;margin: 10px 0; padding: 0;float:left}
.other-wrap .other-title {border-bottom: 1px solid #D0DBE7;clear: both;height: 28px;line-height: 28px;margin: 0;padding: 0;}
.other-wrap .other-title span {float: right;padding-right: 5px;}
.other-wrap .other-title h2 {background: url("/ui/img/arrow.gif") no-repeat scroll 6px 8px transparent;color: #004A72;font-size: 14px;padding: 0 5px 0 18px;}

/*content right*/
.content .right{float:left;width:220px; margin-left:10px;}
.right .right-wrap{float:left; border:1px solid #B4CEDB; width:218px; margin-bottom:10px;}
.right-wrap .right-wrap-title{float:left;width:218px;line-height:30px;font-size:14px; color:#000000; font-weight:bold;background:url(/ui/img/bread_bg.jpg) repeat-x;padding-bottom:1px;}
.right-wrap .right-wrap-list{float:left;margin:8px; }
.right-wrap-list .list-title{font-size:14px; color:#000000; font-weight:bold; margin:8px 0 5px 0;}
.right-wrap-list p{font-size:12px; line-height:20px;}
.right-wrap img{
    margin-right: 5px;
	vertical-align:middle;
}
.right-wrap-list .ul_list_1 li {
    border-bottom: 1px dotted #999999;
    float: left;
    height: 27px;
    line-height: 27px;
    width: 202px;
}
.right-wrap-list .ul_list_2 li {
    float: left;
    height: 22px;
    line-height: 22px;
    width: 202px;
}





