﻿@charset "utf-8";
/*
	Css for PEL,	ver 1.0
	CopyRight By Dongyi Network Technology CO.,Ltd Design Center

	本网站通用布局
*/

/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; vertical-align:middle; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ min-width:1000px;  background:url(images/html.jpg) 0 35px repeat-x #FFFFFF }
body{ min-width:1000px; color:#555;font:12px/20px "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif; text-align:center; -webkit-text-size-adjust: none;}
/* li font{ font-size:12px !important; } */
a{color:#555;text-decoration:none; outline:none;}
a:hover {color:#004893; text-decoration:underline; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:10px;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;}
.fl{ float:left;  }
.fr{ float:right;   }
.hide{ display:none; }
.mat{ margin-top:10px;  }

/* frame */
.page{ text-align:left }
.siteWidth{ width:1000px; margin:0 auto; position:relative; overflow:hidden; }
#header{ margin-bottom: 10px; position:relative; z-index:1;  text-align:left; }
#content{ width:1000px; margin:0 auto; padding:10px 0;  position:relative; overflow:hidden; z-index:0; text-align:left;}
#footer{ background:#004893; color:#fff; }
#footer a{ color:#fff}

/* 漂浮侧栏 */
.floadSideBar{ position:fixed;  _position:absolute; left:50%; z-index:99;  margin-left:510px;   top: 272px;  width: 120px; overflow:hidden;  } 
.floadSideBar .wechat{ padding:10px; background:#eee; }
.floadSideBar .wechat img{ width:90px; padding:5px 0;}
.floadSideBar ul{ overflow:hidden;}
.floadSideBar ul li{ width:55px; float:left; margin-bottom:10px; font-weight:bold; }
.floadSideBar ul li a{ display:block; background: url(images/icons.png) center -306px no-repeat #F89A53; padding: 43px 0 9px 0; color:#fff;}
.floadSideBar ul li a:hover{ text-decoration:none; background-color:#f78937}
.floadSideBar ul .i2{float:right;}
.floadSideBar ul .i2 a{ background-position: center -389px;}
.floadSideBar ul .i3 a{ background-position: center -460px;}

/* footerLinks */
.footerLinks{ margin:0 auto; width:1000px; overflow:hidden;  }
.footerLinks dt{ width:40px; background:#003775; float:left;  }
.footerLinks dt a{ padding: 15px 10px; display:block; color:#fff;  font:normal 16px/20px "Microsoft YaHei"; _font-weight:bold }
.footerLinks dd{ margin-left:70px;  }
.footerLinks ul{ overflow:hidden ; padding: 20px 0 0 0;}
.footerLinks li{ float:left; width:134px; text-align:left; }
.footNav{ border-top:1px solid #0055B5; padding: 10px 0;}
.footNav a{ margin:0 10px;}
.copyRight{ padding:0 0 20px 0;}

/* topBar */
.topBar{ text-align:left; height:35px; line-height:35px; background:url(images/topBar.jpg) repeat-x bottom; border-bottom:1px solid #C8C8C8;  position:relative; z-index:10; }
.topBar .siteWidth{ overflow:visible }
.topBar .links{ float:right;  }
.topBar .links a{ margin:0 8px; color:#666;  }
.topBar ul{  border-right:1px solid #E6E6E6 ; height: 34px; overflow: hidden; float: left;}
.topBar ul li{ border-left:1px solid #E6E6E6; padding: 0 15px; float: left; }
.topBar ul a{color:#004893}
.topBar ul a:hover{ text-decoration:none; color:#f00}
.topBar .b{ padding:0 15px 0 30px; background: url(images/icons.png) 10px 10px no-repeat; }
.topBar .c{ padding:0 15px 0 30px; background: url(images/icons.png) 9px -26px no-repeat; }

#miniLogin *{ vertical-align:middle }
#miniLogin .input{ width:68px; height:20px; padding:0 5px; border:1px solid #D9D9D9; margin-right:8px; _margin:6px 8px 6px 0 }
#miniLogin a{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:67px; height:22px; line-height:22px; color:#fff; text-align:center; margin-left:8px; background:#004893    }
#miniLogin a:hover{ color:#fff; background:#0062c4 }
#miniLogin .auto{ vertical-align:middle; }
#miniLogined a{ margin:0 5px; }


.language{ float:right;   }
.language dt{ height: 36px;padding:0 30px 0 15px; width: 130px; position:relative;z-index:1 }
.language dt i{ position:absolute; right: 11px; top: 15px;
	border-width:5px; 
	border-color: #999 transparent transparent transparent; 
	border-style:solid dashed dashed dashed; 
	height:0; width:0; overflow: hidden; font-size: 0; line-height: 0; 
}
.language dd{ position:absolute; background:#fff; left:0px; top:35px; width: 1023px; display:none; background:#f2f2f2; padding: 10px 0 10px 10px; border:1px solid #C8C8C8; }
.language a{ display:block; height:28px; line-height:28px; padding: 0 10px; width: 124px; float:left; }
.language a:hover{ text-decoration:none; background:#e5e5e5; color:#333 }
.languageOn{  }
.languageOn dt{ background:#f2f2f2; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; }
.languageOn dt i{  top:10px;
	border-color:  transparent transparent #999 transparent; 
	border-style: dashed dashed solid dashed; 
}
.languageOn dd{ display:block;}


/* header */
.logoBar{ height:152px; position:relative; margin:0 auto; width:1000px; z-index:10 }
.logoBar #logo{ position:absolute; left:10px; top:30px;}
.topBarSearch{ position:absolute; z-index:2; right:0; top: 50px; width:365px; height:43px; background:url(images/bg.png) 0 0 no-repeat; }
#searchSel{ position:absolute; left: 0; top:1px; width:95px; color:#999;  }
#searchSel h3{ height:41px; line-height:41px; padding-left:15px; }
#searchSel ul{ display:none; position:absolute; width:95px; top:41px; left:0; background:#fff; border:1px solid #CFCFCF }
#searchSel ul li{ height:30px; line-height:30px; padding-left:15px; border-bottom:1px dotted #ccc;}
#searchSel ul .on{ background:#f2f2f2}
#searchSel ul .last{ border-bottom:0}
.topBarSearch .inputtext{ height:28px; width: 185px; position:absolute; left: 109px; top: 9px; border:0; color:#999 ; line-height: 28px; background: none;}
.topBarSearch .searchBtn{ position:absolute; right:0; top:0; display:block; width:63px; height:43px;  }

/* topNav */
.topNav{ width:1000px; position:relative; z-index:1; height: 77px; margin:0 auto; background:url(images/nav.png) 0 0 no-repeat; color:#fff; text-align:center  }
.topNav a{ color:#fff; }
.topNav a:hover{ text-decoration:none; color:#ff0 }
.mainNav{ width: 710px; height: 69px; padding: 8px 0 0 20px; position:absolute; left:10px; overflow:hidden; font: normal 16px/30px "Microsoft YaHei";   }
.mainNav li{ float:left; width: 114px; height: 30px; overflow:hidden; }
.topNav .links{ position:absolute; left: 741px; top: 24px; width:360px; height:40px; line-height:40px; overflow:hidden;}
.topNav .links li{ float:left;  border-left:1px solid #004185; text-align:center; font-size:14px; font-weight:bold; }
.topNav .links li a{ display:block; width:48px; height: 40px; background: url(images/nav.png) 10px -106px no-repeat; filter:alpha(opacity=60);opacity:0.6}
.topNav .links li a:hover{ filter:alpha(opacity=100);opacity:1 }
.topNav .links .b a{ background-color: #004184 ; background-position:-63px -106px; }
.topNav .links .c a{ background-position:-135px -106px}
.topNav .links .d a{ width:70px; background:#0B54A3; filter:alpha(opacity=100);opacity:1 }
.topNav .links .e a{ width:70px; border-right:1px solid #004185; background:#0B54A3; filter:alpha(opacity=100);opacity:1 }

.topNavBg{  display:block; width:100%; position:absolute; top:174px; left:0; height:41px; background:#004893; border-top:1px solid #DEDEDE; border-bottom:1px solid #004185  }
.topNav .date{ position:absolute; left: 752px; top:0px; color:#555; padding-left: 22px; background: url(images/icons.png) 0 -250px no-repeat;}

/* box */
.box{ margin-bottom:10px;  }
.box .hd{ height: 22px; line-height: 19px; overflow:hidden; margin-bottom:10px;  border-bottom:2px solid #004893; background: url(images/bg.png) 0 -128px repeat-x;  padding-bottom: 5px;}
.box .hd h3{ display:inline-block; *display:inline; zoom:1; font: normal 18px/19px "Microsoft YaHei"; _font-weight:bold; color:#004893;
	 background: url(images/bg.png) 0 -161px no-repeat #fff; padding:0 10px 0 10px; 
}
.box .hd h3 a{ color:#004893 }
.box .hd .more{ float:right; color:#999; background:#fff; padding:0 5px }
.box .bd{ border:1px solid #E6E6E6; overflow:hidden; }

.tabBox{ margin-bottom:10px;  }
.tabBox .hd{ height: 28px; line-height: 28px; overflow:hidden; margin-bottom:10px;  border-bottom:2px solid #004893; }
.tabBox .hd ul li{ float:left; }
.tabBox .hd ul li a{ float:left; display:block; padding:0 15px; background:#EAEAEA; font:normal 16px/28px "Microsoft YaHei"; _font-weight:bold }
.tabBox .hd ul li a:hover{ text-decoration:none }
.tabBox .hd ul .on a{ color:#fff;  background:#004893; }
.tabBox .hd .more{ float:right; color:#999; }
.tabBox .bd{ border:1px solid #E6E6E6; overflow:hidden; padding:10px 15px; }

.boxA{ margin-bottom:20px; }
.boxA .hd{ height:34px; line-height:34px; border-top:3px solid #004893; overflow:hidden; border-bottom:1px solid #E6E6E6; padding:0 10px;  }
.boxA .hd h3{  font: normal 18px/34px "Microsoft YaHei"; _font-weight:bold; color:#004893; }
.boxA .hd h3 a{ color:#004893 }
.boxA .hd .more{ float:right; color:#999;}
.boxA .bd{ padding-top:10px; overflow:hidden  }

/* sideBox */
.sideBox{ border-top:2px solid #004893; border-bottom:1px solid #F1F1F1 }
.sideBox .hd{ height:40px; line-height:40px; overflow:hidden; padding:0 10px;  border:1px solid #F1F1F1; border-bottom:0; border-top:0;  }
.sideBox .hd .more{ float:right; color:#999}
.sideBox .hd h3{  color:#004893; font:normal 16px/40px "Microsoft YaHei"; _font-weight:bold }
.sideBox .bd{ padding:0 10px 10px 10px; overflow:hidden; border:1px solid #F1F1F1; border-bottom:0; border-top:0; }

/* infoList */
.infoList li{ height:30px; line-height:30px;  overflow:hidden; padding: 0 5px 0 15px; background: url(images/icons.png) 5px -172px no-repeat;  }
.infoList li .date{ float:right; color:#999 }

#sideMenu{ margin-bottom:20px; }
#sideMenu .hd{ height:40px; line-height:40px; background:#004893;  padding:0 20px; overflow:hidden;  }
#sideMenu .hd h3{ color:#fff; font:normal 16px/40px "Microsoft YaHei"; _font-weight:bold; }
#sideMenu .hd h3 a{ color:#fff;}
#sideMenu .bd li{ vertical-align:top;  font-size:14px; margin-top:2px; }
#sideMenu .bd li a{ display:block; height:34px; line-height:34px; background:#f2f2f2; padding:0 20px; overflow:hidden;
	-webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;
}
#sideMenu .bd li a:hover,#sideMenu .bd li.on a{ background:#ddd; text-decoration:none; font-weight:bold; color:#004893;
	padding:0 20px 0 25px;
}
#sideMenu .bd li.on a{ color:#f00 }

/* tpList */
.tpList .t{ padding:8px; margin-bottom:5px;  border-bottom:1px solid #E6E6E6; overflow:hidden }
.tpList .t .pic{ float:left; width:135px;  }
.tpList .t .pic img{ display:block; width:135px; height:95px;  }
.tpList .t .intro{ padding-top:5px; color:#999}
.tpList .t .intro .more{ color:#f00}
.tpList .t .tit{ font:normal 16px/24px "Microsoft YaHei"; _font-weight:bold; color:#004893 }
.tpList .n{ height:30px; line-height:30px; overflow:hidden; padding: 0 15px 0 25px; background: url(images/icons.png) 15px -172px no-repeat;}
.tpList .n .date{ float:right; color:#999; }
.tpList-hasPic .con{ margin-left:145px  }


/* path */
.path{ width: 998px;  z-index:0; margin: 0 auto 0 auto; background: #F2F2F2;  border: 1px solid #E7E7E7; height: 30px; line-height: 30px; 
	text-align:left;
  }
.path em{ padding-left: 13px; font-weight:bold; color:#004893 }
.path a,.path span{ margin:0 5px }

/* 默认信息提示页、用户登录、注册页等 -----------------------------------------*/
#content.noSideContent{ width:958px;  border:1px solid #D2D2D2; background:#fff; margin:15px auto; padding:20px}



/*-- 
颜色代码
#004893 深蓝色标题
#E6E6E6 淡灰色边框
--*/
