﻿@charset "utf-8";
@import "common.css";
/*主色调:浅蓝@topadbg+
box2高度：.B2 .listcon
*/
/*@NavBG:#224dac;*/
/*page width*/
.W {
    width: 100%  !important;
    max-width: 1200px !important;
}
.B0_H {
  width: 1200px;
  margin: auto;
}

.fullwiew {
  width: 100%;
  margin: auto;
  background-color: #3C94D2;
  color: #3e3e3e;
}

.header {
  /*height: 70px;*/
  overflow: hidden;
  border-bottom: 0px solid #2D96E9;
}

.header .logo {
  width: auto;
  height: 50px;
  padding: 0;margin:0;
  overflow: hidden;
}

@media all and (max-width:800px) {
    .header .topinfo label, .header .nav .logo .logoside { display:none;
    }
}

.header .nav { background-color: #3e3e3e;}
.header .nav #topmenu {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  overflow:hidden;
}
.header .nav #topmenu a {
  color: #ccc;
}
.header .nav #topmenu ul {
  padding:0;
  float:left;
}
.header .nav #topmenu ul li {
  float: left;
  margin: 0px 4px 0 0;
  padding-left: 0px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
}
.header .nav #topmenu ul li a {
  display: block;
  padding: 0 6px 0 6px;
  text-decoration: none;
  border: 0px solid red;
  line-height: 50px;
  font-size: 14px;

  vertical-align:middle;
  font-family: Arial, "Microsoft Yahei";
}
.header .nav #topmenu ul li a:hover,
.header .nav #topmenu ul li.cur a {
  color: #fff;
  background: #5EADEE;
}

 .header .topinfo{ text-align:right; display:none; margin:4px;}

@media all and (max-width:1100px) {
    .header .topinfo label, .header .nav .logo .logoside { display:none;
    }
    .header .logo { width:150px;
    }
}

.header .nav .fmbut {
height: 50px;
width: 30px;
background: url(../img/menu-icon.png) no-repeat;
float: right;
}

.header .nav .logo .imgc { white-space:nowrap; display:block; background-color:black;}

.header .nav .logo .imgc a{padding:0 !important;}

.header .nav .fmbut:hover { background-color:#ccc;}

#Banner {
  width: 1200px;
  height: auto;
  border: 0px solid red;
  background-color: #B0D8FF;
}

#Banner .bpic {
  margin: 0 auto;
}

.artedit {text-align:right;}
.artedit span{cursor:pointer;}
.artedit span:hover{background-color:orange;}

.friendlink .right a,.friendlink .a a{float:left;border:0px solid red; padding:5px 10px; width:93px; height:20px; padding-left:0; overflow:hidden;}

.footer {
  /*background: url(../img/footer_bg2.gif) repeat-x;*/
  background-color:gray;
  text-align: center;
  font-family: '宋体';
  font-size: 12px;
  line-height: 22px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 0px;
  width:100%;
  display:block;
}

.footer .main {
  margin: 0 auto;
  padding: 0;
}
.footer .foottop {
  height: auto;
  margin: 0 auto;
  padding-top: 1px;
  border: 0px solid red;
}
.footer .f_black {
  height: 130px;
  margin: 0 auto;
  clear: both;
 
}
.footer .copyright {
  width: 54%;
  height: auto;
  float: left;
  color: #b6b6b6;
  margin-top:20px;
}
.footer .copyright span {
  /*width: 110px;*/
  color: #e7e7e7;
  font: 12px normal;
  float: left;
  line-height: 15px;
}
.footer .copyright p {
  width: 320px;
  list-style: none;
  float: left;
  text-align: left;
  padding-left: 5px;
  color: #fff;
  border: 0px solid red;
}
.footer .copyright strong {
  font-size: 16px;
  color: #e27624;
}
.footer .copyright a {
  color: #fff;
}
.footer .links {
  width: 10%;
  min-width:90px;
  float: right;
  margin-top:15px;
  margin-left:10px;
  padding-left:6px;
}
.footer .links h4 {
  font-size: 13px;
  font-weight: bold;
  color: black;
  text-align: left;
  margin:0;padding:0;
}
.footer .links ul li {
  color: #b6b6b6;
  line-height: 16px;
  text-align: left;
  cursor: pointer;
  margin:0;padding:0;
}
.footer .links ul li a {
  color: #fff;
  font-size: 12px;
}

.footer .copyright img{ float:left;
}

@media all and (max-width:800px) {
.footer .copyright { width:100%; text-align:center;
}
}

@media all and (max-width:500px) {
.footer .copyright img{ float:none;
}
}

.bl {
  border-left: 1px solid #aaa;
  /*padding-left: 15px;*/
}
.ml {
  /*margin-left: 105px;*/
}

.B0 {
            border: 0px solid red;
            box-sizing: border-box;
            margin: 0 auto;
            width: 100%;
}

 .B1 {
            width: 100%;
            width/*\**/: 1200px\0;/*ie8*/
            _width: 1200px;/*ie6*/
            *width: 1200px;/*ie7*/
            max-width: 1200px;
            border: 0px solid blue;
            margin: 0 auto;
}

.cae_trainblock {
    max-width: 800px;
    width:100%;
    text-align: left;
    margin: 0 auto;
    color: Gray;
    line-height: 25px;
}


:root .B1 {/*>=ie9支持 用于覆盖csshack*/
    width: 100%;
}

.B1 .r0 {
  float: right;
  width: 300px;
  border: 0px solid red;
  overflow: hidden;
}

 

.B1 .l0 {
  float: left;
  width: 895px;
  border: 0px solid red;
  overflow: hidden;
}

@media all and (max-width:1200px) {
    .B1 {
        width: 100%;
    }

    .B1 .l0 {
        float: none;
        width: 100%;
    }
    .B1 .r0 {
        float: none;
        width: 100%;
    }
}

/*hidden only4 ie5*/
.B2 {
  margin-bottom: 0px;
  float: left;
  width: 100%;
}
.B2 .outer {
  border-bottom: 0px solid #8AAEE3;
  background-color: white;
}
/*#c2d5f1 5796DB*/
.B2 .bd2 {
  border: 1px solid #9cf;
}
/*for index right side*/
.B2 .bd3 {
  border: 1px solid transparent;
}
/*for art content*/
.B2 .bd4 {
  border: 1px solid #9cf;
}
/*for art dicuss*/
.B2 .b1101 {
  border: 1px solid #9cf;
  border-bottom: 0;
}
.B2 .b0111 {
  border: 1px solid transparent;
  border-top: 0;
}
.B2 .con {
  padding: 10px 50px 50px 50px;
  text-indent: 25px;
  line-height: 20px;
}
/*index frame boder color,overflow hidden make it autoH*/
.B2 .listcon {
  margin: 0px;
  padding-right: 10px;
  line-height: 20px;
  overflow: hidden;
  text-indent: 0px;
  border: 1px solid transparent;
  border-top: none;
  padding: 10px;
}
.B2 .listcon h2 {
  margin: 0px;
  border: 0px solid blue;
  font-size: 14px;
}
.B2 .tl,
.B2 .tr,
.B2 .bl,
.B2 .br {
  background: url(../css/B2.gif) no-repeat;
  overflow: hidden;
  width: 5px;
  height: 5px;
}
.B2 .tl {
  background-position: 0px 0px;
  float: left;
}
.B2 .tr {
  background-position: -5px 0px;
  float: right;
}
.B2 .bl {
  background-position: 0px -5px;
  float: left;
  margin-top: -5px;
}
.B2 .br {
  background-position: -5px -5px;
  float: right;
  margin-top: -5px;
}
.B2 h3 {
  margin: 0;
  padding: 2px 5px 0 10px;
  background: #9cf url(../css/B4.gif) repeat-x;
  font-size: 14px;
  line-height: 25px;
  color: #336699;
}
.B2 h3 a {
  line-height: 25px;
}
.B2 .curpos {
  display: block;
  margin: 0;
  padding: 0;
  background: #9cf;
  font-size: 12px;
  line-height: 29px;
  color: #336699;
  padding-left: 5px;
}
.B2 h3 a {
  float: left;
}
.B2 h3 a.more {
  float: right;
  font-size: 12px;
  font-weight: normal;
  width: 20px;
  text-decoration: none;
  border: 0px solid red;
  margin-right: -3px;
}
.B2 .tit {
  clear: both;
  margin: 20px 6px 0;
  padding: 0 0 0 0px;
  height: 27px;
  font-size: 14px;
  line-height: 27px;
  font-weight: bolder;
  color: #336699;
  text-indent:0;
}
/*文章内容页*/
.B2 div.content {
  padding: 10px 30px 20px 30px;
  margin-top: 10px;
  border: 0px solid red;
  overflow-x: hidden;
}

/*小屏幕文章两边的空白变小*/
@media all and (max-width:500px) {
    .B2 div.content {
        padding-left:3px;
        padding-right:3px;
    }
}

.B2 div.content {
  font-family: "宋体", "Arial", sans-serif;
  font-size: 16px;
  color: Black;
  line-height: 28px;
}

/*impt的优先级最高，可以覆盖掉inline style,表格内部的noscale图片不放缩*/
.B2 div.content img,.B2 div.content table img.noscale{
        max-width: 93% !important;
        /*width: auto !important; 覆盖了本身的w和h*/
        height: auto !important;
        vertical-align: middle;
}

/*表格内部的图片还是按照稍小的比例放缩*/
.B2 div.content table img{
        max-width: 93% !important;
        height: auto !important;
        vertical-align: middle;
}

/*.B2 div.content p,*/
.B2 .content div,
.B2 .content {
  /*text-indent: 2em;*/
  margin-bottom: 2px;
}

.B2 div.noindent p,
.B2 .noindent div,
.B2 .noindent {
  text-indent: 0 !important;
}

.B2 div.content .artb {
    font-weight:bold;font-size:22px; text-align:center;color:#000; border:1px solid #ccc;background:#ccc; padding:5px;
}

.B2 div.content .tit {
  display: block;
  height: auto;
  clear: both;
  margin: 10px 0px 10px;
  font-size: 26px;
  line-height: 35px;
  font-family: 微软雅黑,黑体;
  font-weight: Normal;
  color: #000;
  text-align: center;
  text-indent:0;
}
.B2 div.content .des {
  border-bottom: 1px solid #aaa;
  margin: 10px 0 20px 0;
  text-align: center;
  display: block;
}
.B2 div.content h1 {
  display: block;
  height: auto;
  text-align: center;
  color: #336699;
  font-size: 16px;
}
.B2 div.content p.s-t {
  display: block;
  height: auto;
  text-align: left;
  text-indent: 0;
}
.B2 div.content p.s-t a {
  width: auto;
  border: 0;
  padding: 2px 2px 2px 2px;
  margin: 0;
  background: #eee;
  text-decoration: none;
}
.B2 div.content p.s-t a:hover {
  
}
/*.B2 .content div{color:#474747;}*/
/*文章分页*/
.pager {
  margin: 20px;
  text-align: center;
}
.pager a {
  margin: 0 2px 0 0px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  width: 55px;
  text-decoration: none;
  border: 1px solid #369;
  line-height: 28px;
  overflow: hidden;
  font-family: "微软雅黑", "Arial";
}
.pager a.ico {
  background: #6cf;
}
.pager a.current {
  background: yellow;
}
.B2 .list {
  padding: 0;
  margin: 0px;
  overflow: hidden;
}
.B2 .list li {
  display: list-item;
  overflow: hidden;
  height: 24px;
  padding: 1px 0 0 13px;
  background: url(../img/dian.png) no-repeat 5px 50%;
  line-height: 24px;
}
.B2 .clist {
  width: 350px;
  border: 0px solid red;
}
.B2 .clist li a {
  float: left;
}
.B2 .clist li span {
  float: right;
  color: red;
}
.B2 .blist {
  border: 0px solid red;
}
.B2 .blist li img {
  width: 90px;
  height: 90px;
}
.B2 .blist li a {
  text-decoration: none;
}
.B2 .blist li {
  float: left;
  width: 102px;
  height: 125px;
  margin: 7px;
  border: 1px solid green;
  text-align: center;
  overflow: hidden;
}
.B2 .blist li span {
  margin: 3px 3px 1px 3px;
  color: #FF6900;
  line-height: 17px;
}
.B2 h3 a.p1 {
  background: url(../css/colorpencil_v.gif) no-repeat;
}
.B2 h3 a.p2 {
  background: url(../css/colorpencil_v.gif) no-repeat 0px -26px;
}
.B2 h3 a.p3 {
  background: url(../css/colorpencil_v.gif) no-repeat 50px -52px;
}
.B2 h3 a.p4 {
  background: url(../css/colorpencil_v.gif) no-repeat 50px -78px;
}
.B2 h3 a.p42 {
  background: url(../css/colorpencil_v.gif) no-repeat 0px -78px;
}
.B2 h3 a.p5 {
  background: url(../css/colorpencil_v.gif) no-repeat 0px -104px;
}
.B2 h3 a.p6 {
  background: url(../css/colorpencil_v.gif) no-repeat 0px -130px;
}
.B2 h3 a.p7 {
  background: url(../css/colorpencil_v.gif) no-repeat 0px -156px;
}
.B3 {
  margin-bottom: 0px;
}
.B3 .outer {
  border-bottom: 2px solid #c3d6f1;
  background: #fff;
  padding: 0px;
}
.B3 .inter {
  background: #ebf3ff;
  padding: 0px;
}
/*right side menu bg*/
.B3 .tl,
.B3 .tr,
.B3 .bl,
.B3 .br {
  background: url(../css/B3.gif) no-repeat;
  overflow: hidden;
  width: 4px;
  height: 4px;
}
.B3 .tl {
  background-position: 0px 0px;
  float: left;
}
.B3 .tr {
  background-position: -4px 0px;
  float: right;
}
.B3 .bl {
  background-position: 0px -4px;
  float: left;
  margin-top: -4px;
}
.B3 .br {
  background-position: -4px -4px;
  float: right;
  margin-top: -4px;
}
.B3 h3 {
  margin: 0;
  padding: 0 10px 0 10px;
  font-size: 14px;
  line-height: 24px;
  color: #336699;
}
.B3 h3.b {
  background-color: #2D96E9;
}
.B3 h3.b a {
  color: #FFF;
}
.B3 h3 a.more {
  float: right;
  font-size: 12px;
  font-weight: normal;
}
.B3 .inter p {
  text-indent: 24px;
  line-height: 20px;
  padding: 10px 8px;
}
.B3 .inter p.faq {
  text-align: right;
}
.B3 .inter p.faq a {
  display: inline-block;
  width: 92px;
  height: 24px;
  overflow: hidden;
  background: url(../css/img/faq.gif) no-repeat 0 0;
}
.B3 .inter .help {
  display: block;
  text-align: center;
  padding: 8px 0;
  background: url(../css/img/infor.gif) no-repeat 40px center;
}
/*在.B3 下面*/
.B3 .list {
  padding: 5px 10px;
  overflow: hidden;
}
.B3 .list li {
  background: url(../img/dian.png) no-repeat 0 7px;
  padding: 2px 0 3px 10px;
  border-bottom: 0px solid red;
  overflow: hidden;
}
.B3 .list li a {
  text-decoration: none;
  overflow: hidden;
  border: 0px solid red;
  height: 16px;
  display: block;
}
/*首页*/
.indWl {
  width: 770px;
}
.indWl1 {
  width: 280px;
}
.indWl2 {
  width: 440px;
}
.indWr {
  width: 200px;
  overflow: hidden;
}
/*栏目首页*/
.indH1 .listcon {
  height: 210px;
  border: 0px solid blue;
}
.indH1_ .listcon {
  height: 230px;
  border: 0px solid blue;
}
.indH2 .listcon,
.indH2 .list {
  height: 400px;
}
/*服务菜单*/
.B3 h3.menuhead {
  background: #2D96E9;
  height: 29px;
  color: #fff;
  border: 0px solid #369;
  line-height: 29px;
  vertical-align: middle;
  font-family: 微软雅黑,黑体,Arial;
  font-size: 16px;
  font-weight: bold;
  margin-left: 0px;
}
.B3 .menu.ul {
  display: block;
}
.B3 .menu li {
  display: block;
  background: url(../img/blue_bullet.gif) no-repeat 3px 50%;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 0px;
  border-bottom: 1px solid #C4E1FF;
}
.B3 .menu li a {
  display: block;
  color: #336699;
  text-decoration: none;
  font-weight: normal;
  width: 100%;
  font-family: arial;
  padding-left: 11px;
}
.B3 .menu li a:hover {
  color: #ff3300;
  background-color: Yellow;
  padding-left: 11px;
}
.mapca a {
  float: left;
  width: 130px;
  overflow: hidden;
  margin-left: 5px;
  white-space: nowrap;
  height: 20px;
  font-size: 10px;
}
.mapca a.cat {
  clear: both;
  font-size: 14px;
  font-weight: bold;
}
.em {
  color: #000 !important;
  font-weight: bold;
}
/*文章列表*/
.alist .row {
  border-bottom: 0px dotted black;
  padding: 0px 10px 3px 10px;
}
.alist .row .title {
  margin: 15px 0 5px 5px;
}
.alist .row .title a {
  font-family: 微软雅黑,Arial,黑体;
  color: #2a85e8;
  font: 700 20px/20px "Microsoft YaHei";
}
.alist .row .subcontent {
  padding: 0;
}
.alist .row .subcontent .text {
  float: left;
  border: 0px solid red;
  width: 720px;
  margin-left: 4px;
  font-size: 16px;
}
.alist .row .subcontent .text p {
  display: block;
  text-align: right;
}
.alist .row .subcontent .text p.tp {
  text-align: left;
  color: Black;
}
.alist .row .subcontent .text a {
  color: black;
}
.alist .row .subcontent .img {
  float: left;
  width: 110px;
  height: 90px;
  text-align: center;
  border: 1px solid #eee;
  padding: 2px;
}
.alist .row .subcontent .img img {
  border: 0;
}
.alist .row .descpt {
  display: block;
  margin: 10px 0 10px 5px;
  border-bottom: 2px solid #D5E6FD;
  color: Gray;
  text-indent: 0;
}
.alist .row p {
  text-indent: 0;
}
.alist .arow_service {
  border-bottom: 0px solid #D5E6FD;
  padding: 5px 3px 0px 3px;
}
.alist .arow_service .title {
  margin: 15px 0 5px 5px;
}
.alist .arow_service .title a {
  font-family: 微软雅黑,Arial,黑体;
  color: #2a85e8;
  font: 700 20px/20px "Microsoft YaHei";
}
.alist .arow_service .subcontent {
  padding: 0;
  border-bottom: 2px solid #D5E6FD;
}
.alist .arow_service .subcontent .text {
  float: right;
  border: 0px solid red;
  width: 550px;
  margin-left: 10px;
  height: 180px;
}
.alist .arow_service .subcontent .text p {
  display: block;
  text-align: right;
}
.alist .arow_service .subcontent .text p.tp {
  text-align: left;
  color: Black;
}
.alist .arow_service .subcontent .img {
  float: left;
  text-align: center;
  border: 0px solid #ccc;
}
.alist .arow_service .descpt {
  display: block;
  margin: 10px 0 10px 5px;
  border-bottom: 2px solid #D5E6FD;
  color: Gray;
  text-indent: 0;
}
.abg {
  background-color: #FACFF4;
}
/*合作流程*/
.projectcon,
.service_article_list {
  border: 0px solid blue;
  text-align: left;
}
/*for ie5-6*/
.projectcon .serviceflow {
  width: auto;
  margin: 0 auto;
  border: 0px solid red;
  line-height: 25px;
  margin-bottom: 50px;
}

@media all and (max-width:1200px) {
    .projectcon .serviceflow .sfbox {
        width: auto !important;
        float:none !important;
    }
}

.projectcon .serviceflow .sfbox {
  width: 320px;
  height: 110px;
  float: left;
  margin: 10px;
  border: 0px solid #ccc;
  padding: 10px;
  overflow: hidden;
  background-color: #e2bb22;
}
.projectcon .serviceflow .sfbox_r {
  float:none;margin-left:50px;
}

.projectcon .serviceflow .sfbox_l {
  float: left;
  width: 50px;
}
.projectcon .serviceflow .sfbox_r p {
  margin-top: 5px;
  font-size: 12px;
  color: #000;
}
.projectcon .serviceflow .sfbox .r_title {
  font-size: 14px;
  font-weight: bolder;
  color: #000;
}
.projectcon .block_sd {
  margin: 0 auto;
}
.projectcon .block_sd .sdpic {
  text-align: center;
  margin: 2px;
}
.projectcon .fpic img {
  border: 1px solid #ccc;
  width: 100px;
  height: 100px;
  margin: 2px;
}
.projectcon h3,.projectcon h1 {
  font: bold 20px/22px "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53";
  color: #369;
  background: none;
  border-left: 5px solid #416c97;
  vertical-align: baseline;
  min-height: 22px;
  padding: 0 10px 0 10px;
  margin: 5px 5px 4px 0px;
}
.projectcon .titlebotbd {
  border-bottom: 1px solid #ccc;
  height: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.projectcon h3 span,.projectcon h1 span {
  font-size: 14px;
  font-family: 微软雅黑,黑体;
  font-weight: normal;
  color: #333;
  margin-left: 20px;
}
/*服务-表格*/
.projectcon .tbl {
  width: auto;
  border: 1px solid #eee;
  border-bottom: none;
  display: block;
  margin: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
}
.projectcon .tbl .row {
  display: block;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  padding: 0 10px;
  background-color: #99ffff;
}
.projectcon .tbl .row .c1,
.projectcon .tbl .row .c2,
.projectcon .tbl .row .c3 {
  float: left;
  margin-bottom: -999px;
  padding-bottom: 999px;
  word-wrap: break-word;
}

 .projectcon{
  padding-left: 50px;
  padding-right: 50px;
}

@media all and (max-width:800px) {
    .projectcon .tbl .row .c1,
.projectcon .tbl .row .c2,
.projectcon .tbl .row .c3 {
  float: none !important;
  width:100% !important;
}

     .projectcon{
  padding-left: 5px;
  padding-right: 5px;
}

}

.projectcon .tbl .row .c1 {
  width: 20%;
  border-right: 1px solid #eee;
}
.projectcon .tbl .row .c2 {
  width: 50%;
  border: 0px;
  padding-left: 10px;
}
.projectcon .tbl .row .c3 {
  width: 25%;
  border: 0px;
  padding-left: 10px;
  border-left: 1px solid #eee;
}
.projectcon .tbl .row:nth-child(odd) {
  background-color: #ffff99;
}
/*横排的文章列表:服务*/
.B1 .serviceflow .listu_a {
  width: auto;
  height: auto;
  margin: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
}
.B1 .serviceflow .listu_a .u {
  width: 450px;
  float: left;
}
.B1 .serviceflow .listu_a .u li {
  height: 20px;
  line-height: 20px;
  display: list-item;
  overflow: hidden;
  padding: 1px 0 0 20px;
  background: url(../img/dian.png) no-repeat 10px 50%;
}
.B1 .serviceflow .listu_a .u li a {
  color: #336699;
  float: left;
}
.B1 .serviceflow .listu_a .u li .date {
  width: 100px;
  float: right;
  color: Gray;
}
.B2 .listu_a {
  margin: 0px;
  padding-right: 10px;
  line-height: 20px;
  border: 0px solid blue;
}
.B2 .listu_a h2 {
  margin: 0px;
  border: 0px solid blue;
  font-size: 14px;
}
.B2 .u {
  padding: 0;
  margin: 0px;
  overflow: hidden;
}
/*横排的文章列表：文章下面*/
.B4 {
  margin-bottom: 0px;
  margin-top: 5px;
}
.B4 .outer {
  border: 1px solid transparent;
  background: #fff;
  padding: 0px;
}
.B4 .inter {
  background: #fff;
  padding: 2px;
}
.B4 .tl,
.B4 .tr,
.B4 .bl,
.B4 .br {
  background: url(../css/B4.gif) no-repeat;
  overflow: hidden;
  width: 4px;
  height: 4px;
}
.B4 .tl {
  background-position: 0px 0px;
  float: left;
}
.B4 .tr {
  background-position: -4px 0px;
  float: right;
}
.B4 .bl {
  background-position: 0px -4px;
  float: left;
  margin-top: -4px;
}
.B4 .br {
  background-position: -4px -4px;
  float: right;
  margin-top: -4px;
}
.B4 h3 {
  margin: 0;
  padding: 0 10px 0 10px;
  font-size: 14px;
  line-height: 24px;
  color: #336699;
}
/*.B4 h3.b{margin:0;padding:2px 10px 0 10px;background:#ebf7fe url(B4.gif) repeat-x;font-size:14px;line-height:25px;color:#336699;border-left:1px solid #FFF;border-right:1px solid #FFF;}*/
.B4 h3.b {
  background-color: #2D96E9;
}
.B4 h3.b a {
  color: #fff;
}
.B4 h3 a.more {
  float: right;
  font-size: 12px;
  font-weight: normal;
}
.B1 .B4 .list_ha {
  width: 100%;
  min-height: 180px;
  height: auto;
}
.B1 .B4 .list_ha .u {
  width: 370px;
  float: left;
}
.B1 .B4 .list_ha .u li {
  height: 20px;
  line-height: 20px;
  display: list-item;
  overflow: hidden;
  padding: 1px 0 0 20px;
  background: url(../img/dian.png) no-repeat 10px 50%;
}
.B1 .B4 .list_ha .u li a {
  color: #336699;
  float: left;
  width: 270px;
  overflow: hidden;
}
.B1 .B4 .list_ha .u li span {
  width: 90px;
  float: right;
  color: Gray;
  overflow: hidden;
}
.B1 .B4 .u {
  padding: 0;
  margin: 0px;
  overflow: hidden;
}
table.bd0 {
  border: 0 !important;
}
table.bd0 tr,
table.bd0 td {
  border: 0 !important;
}
table.jobform .td1 {
  text-align: right;
  width: 100px;
  white-space:nowrap;
  color: #336699;
  font-size: 14px;
  font-weight: bold;
  font-family: 微软雅黑 黑体;
}
table.jobform td {
  padding: 3px;
  vertical-align: top;
  line-height: 25px;
  text-indent: 0;
}
table.jobform input {
  width: 250px;
  height: 25px;
}
table.jobform input,
table.jobform textarea,
table.jobform select {
  background-color: #ffc;
  border: 1px solid #ccc;
}
table.jobform input.smbtn {
  font-size: 16px;
  text-align: center;
  width: 80px;
  height: 35px;
  background-color: #090;
}
table.jobform .imgcode {
  width: 80px;
  height: 25px;
  margin-left: 3px;
  cursor: pointer;
}
/*固定区域：侧边栏滚动工具条*/
.shareBtn-bd a,
.fixBlock a,
.hot-voting-con,
.hot-voting,
#cmt_post_btn,
#topPic_close,
.cmt-share-btn label {
  background: url(../img/s_gallery_2012110702.png) no-repeat 0 0;
  display: inline-block;
}
.fixBlock a,
.fixBlock a:link,
.fixBlock a:visited,
.fixBlock a:hover {
  color: #fff;
}
.ff-t {
  font-family: Tahoma;
}
.fixBlock {
  position: fixed;
  width: 112px;
  _position: absolute;
  right: 25px;
  bottom: 90px;
  border: 0px solid blue;
}
.fixBlock-tips {
  width: 54px;
  height: 22px;
  background: #f69b02;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
  line-height: 22px;
  cursor: pointer;
}
.fixBlock li {
  float: left;
  height: 54px;
  width: 54px;
  margin-bottom: 0px;
  overflow: hidden;
  border: 1px solid #fff;
  background-color: #9cf;
  text-align: center;
  vertical-align: middle;
}
.fixBlock a.a {
  display: block;
  width: 54px;
  height: 54px;
  overflow: hidden;
  color: #fff;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  text-align: center;
}
.fixBlock a.q {
  display: inline;
  width: auto;
  height: auto;
  color: #fff;
  text-align: center;
}
.fixBlock a.q img {
  height: 21px;
  width: 21px;
}
.fixBlock a:hover {
  text-decoration: none;
}
.fixBlock a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.fixBlock a b {
  display: none;
}
.fixBlock .sB-comment a {
  background-position: 0 -353px;
  padding-top: 34px;
  padding-bottom: 3px;
  height: 17px;
}
.fixBlock .sB-share a {
  background-position: 0 -412px;
}
.fixBlock .sB-goTop {
  display: none;
}
.fixBlock .sB-goTop a {
  background-position: 0 -471px;
}
.fixBlock .sB-home a {
  background: url(../img/backtohome.png) no-repeat 0 0;
}
.fixBlock .sB-project a {
  background-position: 0 -530px;
}
.fixBlock .sB-train a {
  background-position: 0 -589px;
}
.fixBlock .sB-empty a {
  background-position: 0 -648px;
  border: 0;
}
/* 侧边栏滚动工具条 E */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .fixBlock a {
    background: url(../img/siderbar_tool_2x.png) no-repeat;
    background-size: 172px 54px;
  }
  .sB-comment a {
    background-position: 0 0;
  }
  .sB-share a {
    background-position: -59px 0;
  }
  .sB-goTop a {
    background-position: -118px 0;
  }
}

/* 侧边栏滚动工具条 E */
@media all and (max-width:1200px)
{
    #Banner,.fixBlock{ display:none;
    }
 }

 
.pagenav {position:absolute;top:0; left:0; width:100%;height:1500px;background-color:#369; z-index:1000;
}
.pagenav div.logo{padding:10px; padding-bottom:1px;}
.pagenav ul li {width:auto;height:40px; background-color:#fff; margin:10px;line-height:40px; vertical-align:middle;padding-left:10px;
}
.pagenav ul li:hover { background-color:yellow; 
}
.pagenav ul li a{ font-family:'Microsoft YaHei'; font-size:16px;font-weight:bold;color:black;display:block; text-decoration:none;
}
 