@charset "utf-8";
/* 默认Blue色系 */
/*主页宽度设置*/
/*常用设定*/
a:hover {
  color: #ff6000 !important;
}
.hide {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.a-center {
  text-align: center;
}
.margin-bottom-default {
  margin-bottom: 20px;
}
.font-style1 {
  color: #0077cc;
  font-weight: bold;
  font-size: 14px;
}
.dot-a {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -199px -208px;
}
.dot-a:hover {
  background: url("images/icons.gif") no-repeat -199px -262px;
}
.glt-a {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -220px -347px;
}
.glt-a:hover {
  background: url("images/icons.gif") no-repeat -220px -367px;
}
.no-margin {
  margin: 0 !important;
}
.no-border {
  border: none !important;
}
.w1000 {
  width: 998px !important;
}
* {
  margin: 0;
  padding: 0;
}
body {
  height: auto;
  margin: 0;
  padding: 0;
  font: 12px "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #666666;
}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html {
  height: 100%;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  /*display: inline-block;*/
  zoom:1;
}
.clear {
  clear: both;
  height: 0px;
  width: 0px;
  visibility: hidden;
}
ul,
li {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
img {
  border: medium none;
}
i {
  display: none;
}
a {
  text-decoration: none;
  color: #666666;
  outline: none;
  font: 12px "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
}
input.small-blue {
  text-align: center;
  width: 22px;
  height: 13px;
  border: 1px solid #0d81d4;
  margin: 0 5px;
}
a.ui-select {
  float: left;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  outline: none;
  display: inline-block;
  width: 350px;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  color: #666666;
  margin-right: 20px;
  background: url("images/icons.gif") no-repeat 319px -344px;
}
a.ui-select.no-margin {
  background: url("images/icons.gif") no-repeat 319px -307px;
}
a.ui-select.selected {
  background-position: 319px -381px;
}
a.ui-select.w224 {
  width: 224px;
  background-position: 193px -344px;
}
.option {
  display: none;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  width: 350px;
  position: absolute;
  bottom: -102px;
  left: 382px;
  z-index: 10;
  padding: 15px 0 5px 10px;
  background: #fafbfc;
}
.option a {
  display: inline-block;
  width: 350px;
  height: 27px;
  background: none;
}
.option li {
  height: 27px;
}
.aside-oocs {
  position: relative;
}
#slideul .slidesjs-previous {
  display: none;
}
#slideul .slidesjs-next {
  position: absolute;
  top: 12px;
  right: 15px;
  color: #0077cc;
  background: none;
  z-index: 100;
}
#wrapper,
.m-center {
  width: 1000px;
  margin: 0 auto;
}
#wrapper {
  position: relative;
}
#content {
  width: 1000px;
  margin-top: 20px;
}
#content .content-left {
  float: left;
  width: 744px;
}
#content .content-left .notice {
  margin-bottom: 20px;
  margin-top: 15px;
}
#content .content-right {
  float: right;
  width: 236px;
}
#hot {
  height: 42px;
  overflow: hidden;
}
#footer {
  height: 95px;
  overflow: hidden;
}
#footer .footer-nav {
  margin-right: 30px;
}
.logo {
  width: 192px;
  height: 55px;
  margin: 9px 0 8px 6px;
  background: url("images/logo.jpg") no-repeat;
}
#header {
  min-width: 1000px;
  height: 130px;
  border-top: 5px solid #0080d8;
}
#header .top {
  width: 1000px;
  margin: 0 auto;
  height: 72px;
  overflow: hidden;
}
#header .menu-bar {
  width: 100%;
  min-width: 1000px;
  height: 47px;
  border-bottom: 3px solid #0a79c4;
  position: absolute;
  top: 85px;
  left: 0;
  background: #0080d8;
}
#header .link {
  float: right;
  margin-top: 7px;
}
#header .link li {
  float: left;
}
#header .link li a {
  font-size: 12px;
  color: #666666;
  padding: 0 10px;
  text-decoration: none;
  background: url("images/split.png") no-repeat right;
}
#header .link a.no-split {
  background: none;
  padding-right: 0;
  height:20px;
  display:block;
}
#header .search-link {
  width: 485px;
  height:75px;
}
#header .search-link .input-search,
#header .search-link .btn-search {
  margin-top: 12px;
}
#header .online{
  width:68px;
  position:relative;
  text-align:center;
  cursor:pointer
}
#header .online-list{
  display:none;
  position: absolute;
  top:15px;
  right:0px;
  width:66px;
  height:35px;
  padding:5px 0;
  background-color:#e6f5ff;
  border:1px solid #9cb4c6;
  text-align:center;
}

input.input-search {
  width: 198px;
  height: 28px;
  line-height: 28px;
  color: #666666;
  font-size: 12px;
  text-indent: 10px;
  border: 1px solid #c8d0d7;
}
a.btn-search {
  clear:both;
  display: block;
  width: 53px;
  height: 28px;
  color: #666666;
  border: 1px solid #c8d0d7;
  border-left: none;
  background: url("images/icons.gif") no-repeat -127px -58px;
}
#nav {
  z-index: 10;
  min-width: 1000px;
  height: 58px;
  position: relative;
}
#nav ul.top-menu {
  min-width: 1000px;
  height: 58px;
  position: relative;
}
#nav ul.top-menu li {
  float: left;
}
#nav ul.top-menu li a.home {
  width: 125px;
}
#nav ul.top-menu li a.home:hover {
  color: #0077cc;
  background: url("images/icons.gif") no-repeat -1px -92px;
}
#nav ul.top-menu li .home-selected {
  color: #0077cc;
  background: url("images/icons.gif") no-repeat -1px -92px;
}
#nav ul.top-menu li a {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  display: block;
  width: 125px;
  height: 58px;
  line-height: 66px;
  text-decoration: none;
  font-weight: bold;
  overflow: hidden;
  outline: none;
}
#nav ul.top-menu li a.selected,
#nav ul.top-menu li a:hover {
  color: #0077cc !important;
  background: url("images/icons.gif") no-repeat -1px -92px;
}
#nav ul.top-menu li a.selected{
  color: #0077cc !important;
}
#nav ul.top-menu li a:hover {
  color: #ff6600 !important;
}
#nav ul.top-menu li a:hover ul.sub-menu,
#nav ul.top-menu li a:hover ul.third-menu {
  display: block;
}
#nav ul.sub-menu {
  display: none;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  width: 702px;
  height: 267px;
  padding: 12px 20px 0px 20px;
  background: #f9fdff;
  position: absolute;
  left: 0px;
}
#nav ul.sub-menu li {
  height: 29px;
  line-height: 29px;
  float: none;
  position: relative;
}
#nav ul.sub-menu li a {
  color: #0077cc;
  font-weight: bold;
  font-size: 14px;
  font-family: "SimHei", "Arial";
  float: none;
  width: 127px;
  padding-left: 15px;
  height: 29px;
  line-height: 29px;
  position: relative;
  color: #555555;
  text-align: left;
}
#nav ul.sub-menu li a:hover {
  background: none;
  color: #ff6000 !important;
}
#nav ul.third-menu {
  display: none;
  width: 560px;
  left: 142px;
  top: 0px;
  position: absolute;
}
#nav ul.third-menu li {
  float: left;
  width: 140px;
  padding: 0;
  overflow: hidden;
}
#nav ul.third-menu li a {
  float: left;
  width: 128px;
  color: #666666;
  font-size: 12px;
  font-weight: normal;
  height: 17px;
  line-height: 17px;
  margin-top: 7px;
  text-align: left;
  padding-left: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -216px -346px;
  font-family: "Microsoft YaHei", "Arial";
}
#nav ul.third-menu li a:hover {
  color: #ff6000 !important;
  background: url("images/icons.gif") no-repeat -216px -366px;
}
ul.hot-menu {
  height: 42px;
  line-height: 42px;
  padding-left: 26px;
  width: 972px;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 0 solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  background: url("images/tile-landscape.gif") repeat-x;
  overflow: hidden;
}
ul.hot-menu li {
  float: left;
}
ul.hot-menu li a {
  height: 42px;
  line-height: 42px;
  display: inline-block;
  margin-right: 13px;
  color: #666666;
  text-decoration: none;
}
#footer {
  border-top: 7px solid #0080d8;
  clear: both;
}
#footer p {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
#slides {
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  width: 742px;
  height: 258px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#slides img {
  width: 742px;
  height: 258px;
}
#slides.w1000 {
  margin-bottom: 20px;
  width: 998px;
}
#slides.w1000 img {
  width: 998px;
}
ul.slidesjs-pagination {
  position: absolute;
  bottom: 20px;
  left: 45%;
  z-index: 100;
}
ul.slidesjs-pagination li {
  float: left;
  width: 10px;
  height: 10px;
  overflow: hidden;
  margin-right: 12px;
}
ul.slidesjs-pagination li a {
  display: block;
  width: 10px;
  height: 0px;
  padding-top: 10px;
  background: url('images/circle.png') no-repeat -8px -52px;
}
ul.slidesjs-pagination li a:hover,
ul.slidesjs-pagination li a.active {
  background: url('images/circle.png') no-repeat -9px -12px;
}
#slides .slidesjs-previous,#slides .slidesjs-next{
    display:block;
	width:32px;
	height:30px;
	line-height:100px;
	overflow:hidden;
    position: absolute;
	bottom:11px;
    z-index: 100;
	background: url('images/circle.png');
}
#slides .slidesjs-previous{
    background-position:0 -79px;
	left:38%;
}
#slides.w1000 .slidesjs-previous{
    left:41%;
}
#slides .slidesjs-next{
	right:38%;
	background-position:0 -109px;
}
.loginbox {
  margin-bottom: 20px;
  width: 234px;
  height: 318px;
  display: block;
  position: relative;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  background: #f9fdff;
}
.loginbox a {
  display: inline-block;
  float: right;
  overflow: hidden;
  font-size: 12px;
  color: #8d8e8f;
  margin-right: 15px;
  height: 38px;
  line-height: 38px;
  text-decoration: underline;
}
.loginbox-top {
  width: 219px;
  height: 38px;
  border-left: 0 solid #c8d0d7;
  border-right: 0 solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  position: relative;
  background-color: #e6f2ff;
  line-height: 38px;
  margin-bottom: 15px;
  padding-left: 15px;
}
.loginbox-top p {
  display: block;
  float: left;
  font-size: 15px;
  font-weight: bold;
  width: 70px;
  padding-left: 30px;
  background: url('images/icons.gif') no-repeat -200px 8px;
}
a.loginbox-button {
  display: block;
  float: none;
  border: none;
  width: 180px;
  height: 29px;
  line-height: 29px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  margin: 8px auto;
  background: url('images/icons.gif') no-repeat -1px -210px;
}
a.loginbox-button:hover {
  color: #ffffff !important;
  text-decoration: none;
  background: url('images/icons.gif') no-repeat -1px -246px;
}
.loginbox-bottom {
  position:absolute;
  bottom:0px;
  width:182px;
  padding:0 26px;
  height:28px;
}
.loginbox-bottom a{
  height: 20px;
  line-height: 20px;
  text-decoration: underline;
  padding-left:24px;
  margin-right:0px;
  color:#666;
}
.loginbox-bottom .fw{
  width:66px;
  float: left;
  background: url('images/icons.gif') no-repeat -191px -61px;
}
.loginbox-bottom .dk{
  float:right;
  width:42px;
  background: url('images/icons.gif') no-repeat 0px -680px;
}
.advertise {
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  width: 742px;
  height: 43px;
  position: relative;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  background-color: #55a4f4;
}
.advertise p {
  display: inline-block;
  overflow: hidden;
  line-height: 15px;
  width: 80px;
  height: 15px;
  margin: 15px 0px 15px 26px;
  padding-left: 10px;
  border-left: 2px solid #fff;
  font-weight: bold;
}
.advertise ul {
  height: 17px;
  position: absolute;
  overflow: hidden;
  top: 14px;
  left: 130px;
}
.advertise li {
  width: 600px;
  height: 17px;
  position: relative;
  white-space: nowrap;
  top: -1px;
}
.advertise li a {
  color: #fff;
  height: 17px;
  line-height: 15px;
  font-size:14px;
}
.advertise li a:hover {
  color: #fff !important;
  text-decoration: underline;
}
.advertise li .new {
  width: 28px;
  height: 12px;
  display: inline-block;
  position: relative;
  left: 10px;
  top: 1px;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -187px -98px;
}
.advertise #advertise-more {
  height: 15px;
  line-height: 15px;
  position: absolute;
  top: 15px;
  right: 26px;
  color: #fff;
  text-decoration: underline;
}
.advertise #advertise-more:hover {
  color: #fff !important;
  text-decoration: underline;
}
.login-warp {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 213px;
  height: 226px;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  z-index: 10;
  background: url("images/bg1.png");
}
.login-warp-top {
  height: 36px;
  line-height: 36px;
  padding-left: 45px;
  font-size: 14px;
  color: #ffffff;
  background: url("images/icons.gif") no-repeat -192px -22px;
  background-color: #0080d9;
}
.login-warp ul.login-warp-content {
  padding: 7px 0;
}
.login-warp ul.login-warp-content li {
  display: block;
  float: none;
  height: 25px;
  line-height: 25px;
}
.login-warp ul.login-warp-content li a {
  width: 171px;
  color: #0077cc;
  line-height: 25px;
  padding-left: 42px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  background: url("images/icons.gif") no-repeat -189px -301.5px;
}
.login-warp ul.login-warp-content li a:hover {
  background: url("images/icons.gif") no-repeat -189px -320.5px;
  background-color: #f0f3fd;
}
.login-warp ul.login-warp-content li.last-left{
  float:left;
  width:100px;
}
.login-warp ul.login-warp-content li.last-right{
  float:right;
  width:100px;
}
.login-warp ul.login-warp-content li.last-left a{
  width: 58px;
}
.login-warp ul.login-warp-content li.last-right a{
  width: 75px;
  color: #0077cc;
  line-height: 25px;
  padding-left: 25px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  background: url("images/icons.gif") no-repeat -206px -301.5px;
}
.login-warp ul.login-warp-content li.last-right a:hover {
  background: url("images/icons.gif") no-repeat -206px -320.5px;
  background-color: #f0f3fd;
}
.login-warp-bottom {
  height: 25px;
  margin-top: 1px;
  background-color: #e6f4ff;
}
.login-warp-bottom a {
  margin-left: 25px;
  margin-top: 4px;
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -199px -208px;
}
.login-warp-bottom a:hover {
  background: url("images/icons.gif") no-repeat -199px -262px;
}
.tab-box {
  margin-bottom: 20px;
  width: 742px;
  height: 256px;
  overflow: hidden;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  position: relative;
}
.tab-box ul.top-tab {
  width: 742px;
  height: 38px;
  overflow: hidden;
  background: #e6f2ff;
}
.tab-box ul.top-tab li {
  float: left;
  text-align: center;
  border-left: 0px solid #c8d0d7;
  border-right: 0px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 0px solid #c8d0d7;
  width: 148px;
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  color: #555555;
  background: url("images/split1.png") no-repeat right;
}
.tab-box ul.top-tab li a {
  font-size: 14px;
}
.tab-box ul.top-tab li.no-splite {
  background: none;
}
.tab-box ul.top-tab li.w150 {
  width: 150px;
}
.tab-box ul.top-tab li.selected,
.tab-box ul.top-tab li.w150-selected,
.tab-box ul.top-tab li.no-splite-selected {
  width: 146px;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 0 solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  height: 38px;
  font-weight: bold;
  font-size: 14px;
  color: #0077cc;
  background: #ffffff;
}
.tab-box ul.top-tab li.w150-selected {
  width: 149px;
  border-left: 0 solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 0 solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
}
.tab-box ul.top-tab li.no-splite-selected {
  width: 147px;
  border-left: 1px solid #c8d0d7;
  border-right: 0 solid #c8d0d7;
  border-bottom: 0 solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
}
.tab-box .container {
  width: 742px;
  height: 216px;
  position: absolute;
  top: 39px;
}
.tab-box .container .lc-content {
  width: 100%;
  margin-top: 20px;
  height: 196px;
}
.tab-box .container .lc-content a {
  color: #666666;
}
.tab-box .container .lc-content .ul-style-a a {
  display: block;
  width: 330px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
.tab-box .container .lc-content .ul-style-a a.btn-style1 {
  text-align: center;
  width: 55px;
  height: 25px;
  color: #ffffff;
  line-height: 25px;
  background: url("images/icons.gif") no-repeat -1px -279px;
  position: absolute;
  top: 20%;
  left: 70%;
  font-weight: normal;
}
.tab-box .container .lc-content .ul-style-a a.btn-style1:hover {
  color: #ffffff !important;
  background: url("images/icons.gif") no-repeat -57px -279px;
}
.tab-box .container .lc-content ul.ul-style-a {
  padding: 0 20px;
}
.tab-box .container .lc-content ul.ul-style-a li {
  height: 80px;
}
.tab-box .container .lc-content ul.ul-style-a li p {
  height: 60px;
  line-height: 60px;
  position: relative;
}
.tab-box .container .lc-content .highlight {
  color: #ff6000;
  font-size: 16px;
  font-weight: bold;
}
.tab-box .container .lc-content .left,
.tab-box .container .lc-content .right {
  width: 50%;
  height: 162px;
  overflow: hidden;
}
.tab-box .container .lc-content ul.ul-style-b {
  padding: 0 20px;
}
.tab-box .container .lc-content ul.ul-style-b li {
  height: 32px;
  line-height: 1.5;
}
.tab-box .container .lc-content ul.ul-style-b li a {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -199px -208px;
}
.tab-box .container .lc-content ul.ul-style-b li a:hover {
  background: url("images/icons.gif") no-repeat -199px -262px;
}
.tab-box .container .lc-content ul.ul-style-b li .new {
  width: 28px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: -3px;
  left: 10px;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -187px -98px;
}
.tab-box .container .lc-content .bottom {
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: #f9f9f9;
}
.tab-box .container .lc-content .bottom .title {
  color: #0077cc;
  font-weight: bold;
  font-size: 14px;
  float: left;
  width: 80px;
  height: 35px;
  line-height: 35px;
  margin-right: 3px;
  padding-left: 45px;
  position: relative;
  background: url("images/icons.gif") no-repeat -1px -56px;
}
.tab-box .container .lc-content .bottom ul.link li {
  float: left;
}
.tab-box .container .lc-content .bottom ul.link li a {
  width: auto;
  height: 35px;
  padding: 0 12px;
  line-height: 35px;
  font-size: 12px;
  color: #666666;
  text-decoration: none;
  background: url("images/split.png") no-repeat right;
}
.tab-box .container .lc-content .bottom ul.link li a.no-split {
  background: none;
  padding-right: 0;
}
.tab-box .container .panel-box {
  border: none;
}
.tab-box .container .panel-box .middle {
  height: auto;
  padding-bottom: 18px;
  overflow: hidden;
}
.tab-box .container .panel-box a.more {
  float: right;
  margin-top: 15px;
  display: inline-block;
  width: 34px;
  height: 17px;
  color: #0077cc;
  background: transparent url("images/icons.gif") no-repeat -192px -305px;
}
.tab-box .container .panel-box a.more:hover {
  background: transparent url("images/icons.gif") no-repeat -192px -324px;
}
.tab-box .container .panel-box .bottom {
  position: absolute;
  bottom: -1px;
  width: 100%;
}
.tab-box .container.tab .panel-box {
  border: none;
  height: 216px;
  margin-bottom: 0px;
}
.tab-box .container.tab .panel-box a.img {
  height: 175px;
}
.tab-box .container.tab .panel-box a.img img {
  height: 175px;
}
.panel {
  width: 742px;
  height: 198px;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  margin-bottom: 20px;
  overflow: hidden;
}
.panel .panel-top {
  width: 100%;
  height: 38px;
  background-color: #f9f9f9;
  border-left: 0 solid #c8d0d7;
  border-right: 0 solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  position: relative;
}
.panel .panel-top h1 {
  float: left;
  height: 15px;
  overflow: hidden;
  line-height: 13px;
  margin-top: 12px;
  border-left: 3px solid #0077cc;
  padding-left: 10px;
  margin-left: 15px;
  display: inline;
  color: #555555;
  font-weight: bold;
  font-size: 14px;
}
.panel .panel-top ul {
  display: inline-block;
  float: right;
  padding-right: 3px;
}
.panel .panel-top li {
  float: left;
  display: inline;
  padding: 0 10px;
  padding-top: 11px;
  background: url(images/split.png) right 14px no-repeat;
}
.panel .panel-top a {
  color: #666666;
  font-size: 12px;
  text-decoration: none;
}
.panel.w360 {
  float: left;
  width: 360px;
  overflow: hidden;
  margin-right: 20px;
}
.panel.w360 ul {
  padding: 15px 20px 0px 10px;
}
.panel.w360 ul a {
  float: left;
  width: 145px;
}
.panel.w360 ul.three-row a {
  width: 90px;
}
.panel.w360 a {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -199px -208px;
  height: 28px;
  padding-left: 20px;
  background-position: -189px -208px;
}
.panel.w360 a:hover {
  background: url("images/icons.gif") no-repeat -199px -262px;
}
.panel.w360 a:hover {
  background-position: -189px -262px;
}
.panel.w998 {
  width: 998px;
}
.panel-content-left {
  height: 130px;
  width: 376px;
  display: inline-block;
  margin-top: 15px;
  padding-left: 15px;
  border-right: 1px dashed #c8d0d7;
  overflow: hidden;
  float: left;
}
.panel-content-left img {
  float: left;
  width: 138px;
  height: 128px;
  border: 1px solid #c8d0d7;
  cursor: pointer;
}
.panel-content-left h1 {
  float: left;
  height: 15px;
  line-height: 13px;
  margin-left: 20px;
  display: inline-block;
  color: #555555;
  font-weight: bold;
  font-size: 13px;
}
.panel-content-left p {
  float: left;
  width: 200px;
  height: 110px;
  display: inline-block;
  margin: 4px 0px 0px 20px;
  color: #666666;
  font-size: 12px;
  line-height: 22px;
}
.panel-content-left p a {
  line-height: 22px;
}
.panel-content-right {
  float: left;
  height: 109px;
  width: 321px;
  padding: 25px 0px 25px 29px;
}
.panel-content-right img {
  width: 77px;
  height: 80px;
  cursor: pointer;
  border-radius: 5px;
}
.panel-content-right li {
  float: left;
  width: 77px;
  display: inline;
  padding-right: 30px;
  text-align: center;
  line-height: 15px;
}
.panel-content-right li a {
  display: inline-block;
  color: #666666;
  font-size: 12px;
  text-decoration: none;
  line-height: 26px;
}
.panel-round {
  height: 256px;
  margin-top: 20px;
}
.panel-round .panel-content {
  margin-top: 20px;
}
.panel-round .panel-content .panel-round-left,
.panel-round .panel-content .panel-round-right,
.panel-round .panel-content .panel-round-main {
  float: left;
}
.panel-round .panel-content .panel-round-left,
.panel-round .panel-content .panel-round-right {
  width: 11px;
  height: 20px;
  margin: 79px 20px;
  cursor: pointer;
  display: inline-block;
  background: url("images/icons.gif") no-repeat;
}
.panel-round .panel-content .panel-round-left {
  background-position: -213px -635px;
}
.panel-round .panel-content .panel-round-left:hover {
  background-position: -213px -599px;
}
.panel-round .panel-content .disabled-left {
  background-position: -213px -564px;
}
.panel-round .panel-content .disabled-left:hover {
  background-position: -213px -564px;
}
.panel-round .panel-content .panel-round-right {
  background-position: -213px -669px;
}
.panel-round .panel-content .panel-round-right:hover {
  background-position: -213px -432px;
}
.panel-round .panel-content .disabled-right {
  background-position: -213px -394px;
}
.panel-round .panel-content .disabled-right:hover {
  background-position: -213px -394px;
}
.panel-round .panel-content .panel-round-main {
  width: 640px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  zoom: 1;
}
.panel-round .panel-content .panel-round-main ul li {
  width: 198px;
  height: 178px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  border: 1px solid #ebebeb;
  float: left;
  zoom: 1;
}
.panel-round .panel-content .panel-round-main ul li img {
  width: 198px;
  height: 100px;
  cursor: pointer;
}
.panel-round .panel-content .panel-round-main ul li span.t-sup {
  position: absolute;
  display: block;
  width: 168px;
  height: 25px;
  line-height: 25px;
  padding: 0 15px;
  background-color: #ffffff;
  filter: alpha(opacity=60);
  opacity: 0.6;
  color: #555;
  font-weight: bold;
  top: 76px;
  left: 0px;
}
.panel-round .panel-content .panel-round-main ul li p {
  padding: 6px 15px;
  height: 51px;
  line-height: 1.5;
}
.panel-round .panel-content .panel-round-main ul li .panel-round-main-arrow {
  height: 17px;
  position: absolute;
  bottom: 11px;
  right: 15px;
  padding-right: 10px;
  color: #0077cc;
  background: url("images/icons.gif") no-repeat -168px -305px;
}
.panel-round .panel-content .panel-round-main ul li .panel-round-main-arrow:hover {
  background: url("images/icons.gif") no-repeat -168px -324px;
}
.panel-round .panel-content .panel-round-main ul li:last-child {
  margin-right: 0px;
}
.panel-long {
  height: 218px;
}
.panel-long .panel-content {
  height: 140px;
  padding: 20px 0 19px 0;
}
.panel-long .panel-content a {
  float: left;
  width: 280px;
  margin: 0 25px 0 20px;
  display: inline-block;
}
.panel-long .panel-content a img {
  width: 280px;
  height: 140px;
  display: inline-block;
}
.panel-long .panel-content ul li {
  float: left;
}
.panel-long .panel-content ul li a {
  cursor: pointer;
  width: 628px;
  height: 28px;
}
.panel-long .panel-content ul li a span.time-s {
  float: right;
}
.panel-box {
  margin-bottom: 20px;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  width: 742px;
  overflow: hidden;
}
.panel-box.h238 {
  height: 236px;
  overflow: hidden;
}
.panel-box .top {
  height: 38px;
  border-left: 0 solid #c8d0d7;
  border-right: 0 solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  background: #f9f9f9;
  position: relative;
}
.panel-box .top h2 {
  display: inline-block;
  color: #555555;
  font-weight: bold;
  font-size: 14px;
  height: 15px;
  line-height: 13px;
  margin: 13px 0 0 15px;
  border-left: 3px solid #0077cc;
  padding-left: 10px;
  overflow: hidden;
}
.panel-box .top a.more {
  position: absolute;
  right: 16px;
  top: 13px;
  color: #0077cc;
  background: url("images/icons.gif") no-repeat -193px -305px;
  padding-right: 10px;
}
.panel-box .top a.more:hover {
  background-position: -193px -324px;
}
.panel-box .middle {
	padding: 20px;
	padding-bottom: 0;
	margin-bottom: 19px;
  /*height: 136px;*/
  overflow: hidden;
}
/*@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .panel-box .middle {
    height: 137px;
  }
}*/
.panel-box .middle a.img {
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  float: left;
  width: 198px;
  height: 138px;
  display: inline-block;
  overflow: hidden;
}
.panel-box .middle a.img img {
  width: 198px;
  height: 100%;
}
.panel-box .middle ul.list {
  float: left;
  padding-left: 25px;
  width: 477px;
}
.panel-box .middle ul.list li {
  position: relative;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}
.panel-box .middle ul.list li a {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -199px -208px;
  display: inline;
  padding-left: 10px;
}
.panel-box .middle ul.list li a:hover {
  background: url("images/icons.gif") no-repeat -199px -262px;
}
.panel-box .middle ul.list li .new {
  width: 28px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
  left: 10px;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -187px -98px;
}
.panel-box .middle ul.list li .time {
  position: absolute;
  right: 0px;
}
.panel-box .middle ul.list li.last-child {
  /*height: 15px;*/
}
.panel-box .middle.dbt {
  border-bottom: 1px dashed #c8d0d7;
  padding-right: 0;
  padding-bottom: 2px;
  height: auto;
}
.panel-box .middle.dbt ul {
  overflow: hidden;
}
.panel-box .middle.dbt ul li {
  float: left;
  height: 30px;
  overflow: hidden;
}
.panel-box .middle.dbt a {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -199px -208px;
  width: 210px;
  margin-right: 20px;
}
.panel-box .middle.dbt a:hover {
  background: url("images/icons.gif") no-repeat -199px -262px;
}
.panel-box .middle.no-border {
  padding-top: 15px;
}
.panel-box .title {
  color: #555555;
  font-size: 16px;
  font-weight: normal;
  height: 16px;
  line-height: 16px;
  margin: 18px 0 0 15px;
  border-left: 3px solid #0077cc;
  padding-left: 10px;
  overflow: hidden;
}
.panel-box .bottom {
  height: 35px;
  background: #f9f9f9;
}
.panel-box .bottom label {
  width: 80px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  color: #0077cc;
  font-weight: bold;
  font-size: 14px;
  padding-left: 45px;
  background: url("images/icons.gif") no-repeat -1px -56px;
}
.panel-box .bottom a {
  padding: 0 15px;
  background: url("images/split1.png") no-repeat right;
}
.panel-box .bottom a.last-child {
  background: none;
}
.panel-box.w486 {
  float: left;
  margin-bottom: 0;
  margin-right: 20px;
  width: 484px;
  height: 218px;
}
.panel-box.w486 ul.list {
  width: 219px !important;
  overflow: hidden;
}
.panel-box.cwzb {
  float: left;
  margin: 0 !important;
  width: 236px;
  height: 218px;
}
.panel-box .cwzb-content {
  padding: 8px 10px;
  line-height: 20px;
}
.panel-box.w1000 .middle {
  width: 958px;
}
.panel-box.w1000 .middle a.img,
.panel-box.w1000 .middle img {
  width: 300px !important;
}
.panel-box.w1000 ul.list {
  width: 631px;
}
.panel-box.w1000 ul.list li {
  width: 631px;
}
.search-list .input-search {
  width: 500px;
  height: 33px;
  line-height: 33px;
}
.search-list .btn-search {
  width: 103px;
  height: 33px;
  background: url("images/icons.gif") no-repeat -1px -643px;
}
.search-list #search-area {
  overflow: hidden;
  padding: 40px 0 0 105px;
}
.search-list ul {
  width: 100%;
}
.search-list ul li {
  padding-top: 20px;
  border-bottom: 1px dashed #c8d0d7;
}
.search-list ul a.title {
  font-size: 14px;
  color: #000;
}
.search-list ul a.title:visited {
  color: #84178d;
}
.search-list ul a.title:hover {
  text-decoration: underline;
}
.search-list ul p {
  margin-top: 15px;
  text-indent: 2em;
  line-height: 24px;
}
.search-list ul .link {
  display: inline-block;
  color: #080;
  margin: 5px 0 15px 0;
}
.search-list ul .time {
  margin-left: 20px;
}
.search-list .highlight {
  color: #ff0000;
}
.search-list .bottom {
  padding: 35px 0;
  height: 15px;
}
.search-list .bottom p {
  float: right;
  height: 17px;
  padding: 0 10px;
  border-left: 1px dotted #c8d0d7;
}
.search-list .bottom p.no-padding-right {
  padding-right: 0;
}
.search-list .bottom p.no-padding-left {
  padding-left: 0;
}
.search-list .bottom p.w101 {
  width: 101px;
}
.search-list .bottom a {
  width: 21px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  margin-left: 10px;
  overflow: hidden;
}
.search-list .bottom a.go {
  float: right;
  background: url("images/icons.gif") no-repeat -117px -283px;
}
.search-list .bottom a.prev-all,
.search-list .bottom a.prev,
.search-list .bottom a.next,
.search-list .bottom a.next-all {
  float: left;
  position: relative;
  top: 2px;
  width: 15px;
  height: 15px;
}
.search-list .bottom a.prev-all {
  background: url("images/icons.gif") no-repeat -124px -360px;
}
.search-list .bottom a.prev-all-disabled {
  background: url("images/icons.gif") no-repeat -124px -343px;
}
.search-list .bottom a.prev {
  background: url("images/icons.gif") no-repeat -124px -394px;
}
.search-list .bottom a.prev-disabled {
  background: url("images/icons.gif") no-repeat -124px -377px;
}
.search-list .bottom a.next {
  background: url("images/icons.gif") no-repeat -124px -428px;
}
.search-list .bottom a.next-disabled {
  background: url("images/icons.gif") no-repeat -124px -411px;
}
.search-list .bottom a.next-all {
  background: url("images/icons.gif") no-repeat -124px -326px;
}
.search-list .bottom a.next-all-disabled {
  background: url("images/icons.gif") no-repeat -124px -308px;
}
.aside {
  margin-bottom: 20px;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
}
.aside .top {
  height: 38px;
  position: relative;
  z-index: 100;
  zoom: 1;
}
.aside .top ul {
  padding-left: 7px;
}
.aside .top li {
  float: left;
}
.aside .top li.selected {
  height: 37px;
  border-bottom: 2px solid #0077cc;
  background: url("images/sanjiao.png") no-repeat bottom center;
}
.aside .top a {
  float: left;
  margin-top: 10px;
  font-weight: bold;
  color: #0077cc;
  padding: 0 9px;
  overflow: hidden;
  background: url("images/split1.png") no-repeat right center;
}
.aside .top a.last-child {
  width: auto;
  background: none;
}
.aside .top i {
  display: inline-block;
  width: 18px;
  height: 15px;
  position: absolute;
  top: 11px;
  left: 16px;
  background: url("images/icons.gif") no-repeat -191px -80px;
}
.aside .top h2 {
  font-size: 14px;
  font-weight: bold;
  padding-left: 43px;
  padding-top: 11px;
}
.aside .top .more {
  position: absolute;
  right: 15px;
  top: 11px;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  background: url("images/icons.gif") no-repeat -192px -305.5px;
}
.aside .top .more:hover {
  background: url("images/icons.gif") no-repeat -192px -324.5px;
}
.aside .top .qr-code {
  text-align: center;
  display: none;
  width: 234px;
  height: 217px;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 0 solid #c8d0d7;
  background: #f9fdff;
  position: absolute;
  left: -1px;
  top: 39px;
}
.aside .top .qr-code img {
  margin-top: 25px;
  width: 150px;
  height: 150px;
  border: none;
}
.aside .top .qr-code.lastchild span {
  border-right: none;
}
.aside .middle {
  border-left: 0 solid #c8d0d7;
  border-right: 0 solid #c8d0d7;
  border-bottom: 0 solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  background: #f9fdff;
  padding-left: 15px;
  padding-top: 14px;
}
.aside .middle a,.aside .middle span {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/icons.gif") no-repeat -220px -347px;
  cursor:pointer;
}
.aside .middle a:hover {
  background: url("images/icons.gif") no-repeat -220px -367px;
}
.aside .middle .emergency-report {
  color: #ff6000;
  background: url("images/icons.gif") no-repeat -220px -367px;
}
.aside .middle li {
  height: 28px;
}
/*--down--*/
.aside .down-tab{
  height:38px;
  z-index: 100;
}
.aside .down-tab li{
  float:left;
  width:77px;
  padding-left:40px;
  cursor: pointer;
  height: 38px;
  line-height:38px;
  position: relative;
  font-weight:bold;
}
.aside .down-tab .down span{
  background: transparent url("images/split1.png") no-repeat scroll right center;
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:2px;
  height:38px;
}
.aside .down-tab li.selected{
  color:#07C;
}
.aside .down-tab .down i,.aside .down-tab .bill i{
  width: 20px;
  height: 16px;
}
.aside .down i{
  background-position:-191px -80px;
}
.aside .bill i{
  background-position:-107px -682px;
}
.download .middle{
  position:relative;
}
.download .middle .more{
  position:absolute;
  color:#07c;
  bottom:15px;
  right:20px;
}
/*--end--*/
.aside.download .top {
  zoom: 1;
  z-index: 1;
}
.aside.download .middle {
  height: 143px;
}
.aside.oocs {
  position: relative;
}
.aside.oocs .middle {
  height: 145px;
}
.aside.oocs li {
  float: left;
  width: 50%;
}
.aside.oocs li a {
  width: 90px;
}
.aside.financial .middle {
  height: 145px;
}
.aside.financial li {
  float: left;
  width: 50%;
}
.aside.financial li a {
  width: 90px;
}
.aside.equity .middle {
  height: 150px;
  padding-top:9px;
}
.aside.elife .middle {
  height: 145px;
}
.aside.about-cib {
  height: 253px;
}
.aside.about-cib .middle {
  height: 200px;
}
.aside.social {
  height: 334px;
}
.aside.social .middle {
  height: 281px;
}
.aside.investor {
  /*height: 360px;*/
}
.aside.investor .middle {
  height: 289px;
}
.oocs .top i {
  width: 20px;
  height: 16px;
  background-position: -191px -113px;
}
.financial .top i {
  width: 20px;
  height: 16px;
  background-position: -191px -190px;
}
.equity .top i {
  width: 20px;
  height: 21px;
  top: 9px;
  background-position: -191px -169px;
}
.elife .top i {
  width: 20px;
  height: 15px;
  top: 14px;
  background-position: -193px -149px;
}
.about-cib .top i,
.social .top i {
  top: 12px;
  background-position: -207px -470px;
}
.investor .top i {
  top: 12px;
  background-position: -207px -502px;
}
.tow-rows li {
  float: left;
  width: 50%;
}
.tow-rows li a {
  width: 90px;
}
.four-rows li {
  float: left;
  width: 54.5px;
  position: relative;
  z-index: 1;
}
.four-rows li a {
  width: 40px;
}
.small-slide {
  margin-bottom: 20px;
  width: 234px;
  height: 198px;
  border: 1px #C8D0D7 solid;
  position: relative;
}
.small-slide img {
  width: 234px;
  height: 198px;
}
.small-slide ul.slidesjs-pagination {
  left: 33%;
}
.small-slide a {
  display: block;
}
.elife .hot {
  height: 28px;
}
.elife .hot span {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  font-weight: bold;
  background:none;
  padding-left:0px;
}
ul.ul-suspend {
  display: none;
  position: absolute;
  top: 7px;
  left: 37px;
  width: 100px;
  background-color: #ecf7ff;
  border-left: 1px solid #c8d0d7;
  border-right: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7;
  border-top: 1px solid #c8d0d7;
  z-index: 999;
  overflow: hidden;
}
ul.ul-suspend li {
  width: 90px !important;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  float: none !important;
  overflow: hidden;
}
ul.ul-suspend li a {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  width: 90px !important;
  margin-left: -10px;
  background: none !important;
}
ul.ul-suspend li a:hover {
  background: none !important;
  background-color: #c7e9ff !important;
}
.aside-ads{
  margin-bottom:20px;
  height:200px;
  width:236px;
  overflow:hidden;
}
.aside-ads li.first a{
  margin-top:0;
}
.aside-ads li a{
  display:block;
  margin-top:8px;
  width:236px;
  height:44px;
}
.aside-ads li img{
  vertical-align:top;
  widht:234px;
  height:42px;
  border: 1px #C8D0D7 solid;
}
.statement {
  margin:10px 100px 30px 100px;
}
.statement-content {
  text-indent:2em;
  line-height: 30px;
}
.statement-content a{
  color:#00f;
}
.statement-mcontent {
  text-indent:2em;
  line-height:40px;
}
.q-statement {
  text-align:center;
  line-height: 60px;
}
.statement-title {
  text-indent: 2em;
  margin-top: 20px;
}