@charset "gb2312";
html, body { -webkit-text-size-adjust: none; behavior: url(../css/csshover.htc); }
body { position: relative; }
.main { width: 1174px; margin: 0 auto; }
.main1 { width: 993px; overflow: hidden; }
/*头锟斤拷*/
.header { min-width: 1174px; height: 187px; background: url(../images/header.jpg) repeat-x; }
.hea_top { width: 1174px; height: 132px; overflow: hidden; }
.logo { margin: 32px 0 0 0; }
.hea_top_ri { margin: 56px 0 0 0; }
.hea_top_ri a { font: normal 14px/16px "Microsoft Yahei"; color: #fff; }
.hea_top_ri p{padding-bottom:10px; color: #fff; text-align:right;  font:normal 14px/16px "Microsoft Yahei"; letter-spacing:2px; }
.hea_top_ri p em{color: #f28d13; font-style:normal;}
.hea_top_ri span { font: normal 14px/16px 微锟斤拷锟脚猴拷; color: #fff; margin: 0 10px; }
.nav { width: 1169px; height: 55px; border-left: 1px solid #00345a; border-right: 1px solid #156aaa; margin: 0 auto; }


.nav .nLi{float:left; position:relative;  display:inline;z-index:999; }
.nav ul li h3 a { display: inline-block; width: 114px; height: 45px; float: left; text-align: center; border-right: 1px solid #00345a; border-left: 1px solid #156aaa; padding: 10px 0 0 0; }
.nav ul .nLi:last-child h3 a{width: 123px;}
.nav ul li h3 a font { font: normal 18px/30px 微锟斤拷锟脚猴拷; color: #fff; }
.nav ul li h3 a span { font: normal 10px/12px Arial; color: #fff;  -webkit-transform: scale(0.8); display: block; text-transform: uppercase; }
.nav  ul li h3 a:hover, .nav .e { background: #004070; }
.nav .sub{ display:none; width:116px; left:0; top:55px;  position:absolute; background:#156AAA;  line-height:30px; padding:5px 0; z-index:9999;  }
.nav ul .nLi:last-child .sub{width: 125px;}
.nav .sub li{ zoom:1; margin-left:15px;    background: url("../images/ico.gif") no-repeat scroll 0 -35px rgba(0, 0, 0, 0); }
.nav .sub a{ display:block; padding:0 15px; font-size:14px; width:122px; line-height:36px;  color:#fff; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.nav  ul li.on{ background:#004F8A;}
.nav .on h3 a{   color:#f2b245;  }
.nav li.nLi h3 a{ display: block;height:45px; }
.nav .sub a:hover{color:#f2b245;}


/*.nav a { display: inline-block; width: 165px; height: 45px; float: left; text-align: center; border-right: 1px solid #00345a; border-left: 1px solid #156aaa; padding: 10px 0 0 0; }
.nav a font { font: normal 18px/20px ΢���ź�; color: #fff; }
.nav a span { font: normal 10px/12px Arial; color: #fff; margin: 4px 0 0 0; -webkit-transform: scale(0.8); display: block; text-transform: uppercase; }
.nav a:hover, .nav .e { background: #004070; }*/
/*��������*/
.content { overflow: hidden; background: url(../images/content.png) no-repeat center top; }
.content_main { width: 993px; padding: 59px 74px 0 107px; overflow: hidden; margin: 34px auto 0 auto; height: 1160px; background: url(../images/content_main.png) no-repeat; }
/*�ײ�*/
.foot { height: 100px; background: #dfdfdf; border-top: 3px solid #0160a7; margin: 55px 0 0 0; }
.copyright { width: 1174px; height: 100px; margin: 0 auto; }
.copyright .le { padding: 20px 0 0 0; }
.copyright .le p span { font: normal 14px/30px ΢���ź�; color: #4b4b4b; margin: 0 10px 0 0; }
.links { width: 234px; height: 29px; margin: 33px 0 0 0; position: relative; background: url(../images/links.png) no-repeat; }
.links p { width: 190px; height: 18px; margin: 6px 0 0 12px; float: left; display: inline; font: normal 12px/18px ΢���ź�; color: #555555; }
.links .but { width: 23px; height: 27px; margin: 1px 1px 0 0; background: url(../images/but.jpg) no-repeat; cursor: pointer; }
.links_down { width: 234px; padding: 5px 0 5px 0; background: #f2f2f2; position: absolute; bottom: 29px; left: 0; }
.links_down a { display: block; font: normal 12px/24px ΢���ź�; color: #555555; padding: 0 12px;  }
.links_down a:hover { background: #dfdfdf; }
/*��ҳ��������*/
.sub_main { width: 1000px; margin: 0 auto; position: relative; margin-left: -200px; }
.subcontent { width: 1058px; height: 997px; padding: 36px 80px 0 36px; margin: 34px auto 0 auto; overflow: hidden; background: url(../images/subcontent.png) no-repeat; }
/*��ҳ��ർ��*/
.sidebar { width: 195px; }
.sidebar h3 { font: normal 24px/39px ΢���ź�; color: #4b4b4b; border-bottom: 2px solid #004f8a; padding: 0 0 0 26px; }
.subnav { overflow: hidden; margin: 20px 0 0 0; }
.subnav a { display: block; width: 169px; padding: 0 0 0 26px; margin: 7px 0; font: normal 16px/36px ΢���ź�; color: #666; }
.subnav a:hover, .subnav .e { background: url(../images/subnavbg.jpg) no-repeat; color: #fff; }

.thdNav { width: 172px; border: solid 1px #dedede; padding: 0 0 0 15px; background: #e9e9e9; margin: -9px auto auto 0; display: none; }
.thdNav li { width: 149px; cursor: pointer; }
.thdNav i { background-image: url('../images/ThdNavArrow.png'); display: block; height: 25px; width: 25px; float: left; }
.thdNav a { display: block; height: 25px; width: 124px; font: normal 12px/25px ΢���ź�; color: #666666; }
.thdNav li:hover, .thdNav li.e { background: #fff; border-radius: 5px; }
.thdNav li:hover a, .subnav .thdNav li.e a { background: none; color: #cc8c4d; }
/*��ҳ���������*/
.right_content { width: 810px;  height:960px; }
.contentRight { height: 800px; }
/*���м*/
.break { width: 100%; overflow: hidden; border-bottom: 2px solid #c2c2c2; }
.break h3 { font: normal 24px/39px ΢���ź�; color: #666; }
.break p { margin: 8px 0 0 0; }
.break p span { font: normal 14px/32px ΢���ź�; color: #666666; margin: 0 5px; }
.break p a, .break p { font: normal 14px/32px ΢���ź�; color: #666666; }
.break p a:hover { color: #d30000; }
/*��ҳ*/
/*��ҳ*/
.page{ margin:-40px auto; text-align:center; clear:both;}
.page a{ display:inline-block; padding:1px 8px; height:16px; margin:0 4px; text-align:center;font:normal 12px/16px ΢���ź�,Arial;}
.page a{border:#e6e6e6 1px solid; background-color:#dedede; }
.page a{ color:#848484;}
.page a.no{ color:#cacaca; border:#eaeaea 1px solid;cursor:default}
.page a.no:hover{ background:none;}


/*�Ҳม��2*/
.right_nav { width: 49px; position: fixed; right: 0; top: 195px; }
.right_nav a { margin: 0 0 5px 0; }
.qq a { display: block; width: 49px; height: 50px; background: url(../images/qq.png) no-repeat 9px 7px #aaa; }
.qq a:hover { background: url(../images/qq.png) no-repeat 9px 7px #039600; }
.weibo a { display: block; width: 49px; height: 50px; background: url(../images/weibo.png) no-repeat 9px 7px #aaa; }
.weibo a:hover { background: url(../images/weibo.png) no-repeat 9px 7px #039600; }
.weibo span { display: block; position: absolute; top: 0; left: -174px; width: 134px; height: 132px; background: #fff; border: 8px solid #bababa; }
.weixi a { display: block; width: 49px; height: 50px; position: relative; background: url(../images/weixi.png) no-repeat 9px 7px #aaa; }
.weixi a:hover { background: url(../images/weixi.png) no-repeat 9px 7px #039600; }
.weixi span { display: block; position: absolute; top: 0; left: -174px; width: 134px; height: 132px; background: #fff; border: 8px solid #bababa; }
.weixi span b { display: block; width: 8px; height: 14px; background: url(../images/b.png) no-repeat; position: relative; right: -141px; top: -26px; }
.top_but a { display: block; width: 49px; height: 50px; background: url(../images/top_but.png) no-repeat 15px 15px #aaa; }

.weixi2 a { display: block; width: 49px; height: 50px; position: relative; background: url(../images/mobile2.png) no-repeat 15px center #aaa; }
.weixi2 a:hover { background: url(../images/mobile2.png) no-repeat 15px  center  #039600; }
.weixi2 span { display: block; position: absolute; top: 52px; left: -174px; width: 134px; height: 132px; background: #fff; border: 8px solid #bababa; }
.weixi2 span b { display: block; width: 8px; height: 14px; background: url(../images/b.png) no-repeat; position: relative; right: -141px; top: -26px; }

/*----------------------------------------------------------------------*/

/*��������*/
.nav_list_area { height: auto; background: url("../images/f.png") repeat scroll 0 0 #fff; border-color: #efeeee; border-style: solid solid none; border-width: 1px 1px medium; left: 0; position: absolute; right: 0; z-index: 80; }

.nav_main { margin: 0 auto; padding: 18px 30px 30px; position: relative; width: 940px; z-index: 2; }

.new_list { width: 158px; position: absolute; left: 0; top: 0; }

.new_list li.aa a, .new_list li a:hover { color: #16751d; }
.new_list li a { background: url("../images/ico.gif") no-repeat scroll 0 -35px rgba(0, 0, 0, 0); color: #383838; display: inline-block; font: 14px/35px ����; text-indent: 11px; }


.r_area { border-left: 1px solid #2f90dc; float: right; position: relative; width: 744px; }

.overview { margin-top: 10px; padding-left: 35px; width: 700px; }
.overview p { font: normal 14px/20px ����; }
.overview p a { padding-right: 10px; }
.overview2 { margin-top: 10px; padding-left: 35px; width: 700px; }

.over_intro { float: right; width: 330px; }
.over_intro2 { width: 720px; }
.over_intro div, .over_intro2 div { color: #363636; line-height: 24px; font: normal 14px/24px ����; }

.message { /*background-color: #2271af;
    border-left: 1px solid #3d6d40;
    border-right: 1px solid #3d6d40;
    color: #fff;
    float: right;
    height: 28px;*/ height: 28px; line-height: 28px; text-align: center; width: 94px; }
.message1 { background-color: #2271af; border-left: 1px solid #3d6d40; border-right: 1px solid #3d6d40; color: #fff; float: right; height: 28px; height: 28px; line-height: 28px; text-align: center; width: 94px; }
.shadow { background: url("../images/shadow.png") repeat-x; bottom: -10px; height: 10px; left: 0; position: absolute; width: 100%; font-size: 0; }

.electres { margin-left: 36px; width: 744px; float: left; }
.electres .electres_but { margin-top: 10px; }
.electres .electres_but .database { background: url("../images/database.png") no-repeat; height: 80px; margin: 0 80px; width: 80px; background-position: center; cursor: pointer; }
.electres .electres_but .database:hover { background: url("../images/database1.png") no-repeat; height: 80px; margin: 0 80px; width: 80px; background-position: center; cursor: pointer; }
.electres .electres_but .database .tit { position: relative; display: block; bottom: -75px; cursor: pointer; }
.electres .electres_but .movelib { background: url("../images/movelib.png") no-repeat; height: 80px; margin: 0 80px; width: 80px; background-position: center; cursor: pointer; }
.electres .electres_but .movelib:hover { background: url("../images/movelib1.png") no-repeat; height: 80px; margin: 0 80px; width: 80px; background-position: center; cursor: pointer; }
.electres .electres_but .movelib .tit { position: relative; display: block; bottom: -75px; cursor: pointer; }
.electres .electres_but .qikan { background: url("../images/qikan.png") no-repeat; height: 80px; margin: 0 80px; width: 80px; background-position: center; cursor: pointer; }
.electres .electres_but .qikan:hover { background: url("../images/qikan1.png") no-repeat; height: 80px; margin: 0 80px; width: 80px; background-position: center; cursor: pointer; }
.electres .electres_but .qikan .tit { position: relative; display: block; bottom: -75px; cursor: pointer; }
.electres .electres_but div { width: 240px; float: left; text-align: center; }
.electres .ele_tit { font: 12px/30px ����; font-weight: bold; }

.e_t { border-bottom: 1px dashed #e2e2e2; height: 132px; overflow: hidden; padding-bottom: 20px; }
.e_t li { float: left; padding: 0 72px 0 0; width: 280px; }

.e_t li div { color: #777575; line-height: 18px; }
.e_t h2 { margin-top: 9px; }

.e_t li div a { color: #109104; }
.e_t h2 a { color: #367529; font: bold 12px/18px ����; }

.e_t li p { color: #8e8e8e; line-height: 33px; }
.e_b { margin-top: 18px; }
.e_b li { display: inline; float: left; height: 28px; margin-right: 15px; overflow: hidden; width: 232px; }
.e_b li a { color: #252525; float: right; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; }
.e_b li span { animation-delay: 0.2s; background: url("../images/j.gif") no-repeat scroll left top rgba(0, 0, 0, 0); display: inline-block; height: 28px; width: 28px; }

.read_server { margin-top: 7px; overflow: hidden; }

.read_book { float: left; overflow: hidden; padding: 0 33px; width: 324px; }
.read_book li { margin-bottom: 16px; }

.read_book h2 a { background: url("../images/ico.gif") no-repeat scroll 0 -70px rgba(0, 0, 0, 0); color: #383838; display: inline-block; font: bold 14px/41px ����; padding-left: 18px; }

.read_book li div { color: #6e6d6d; line-height: 24px; margin-left: 20px; }
.serve { float: left; padding-left: 33px; width: 700px; }
.s_div { margin-top: 14px; }

.s_div div { color: #363636; line-height: 24px; font: normal 14px/24px ����; }
.serve h2 a { background: url("../images/hh.gif") no-repeat; color: #fff; display: inline-block; height: 25px; line-height: 25px; margin-top: 11px; text-indent: 12px; width: 700px; }
.service2 { margin-left: 36px; width: 744px; float: left; }
.consult { float: left; margin-top: 10px; width: 732px; }
.consult li { /*float: left;*/ padding-left: 33px; width: 333px; display: block; margin-top: 20px; }

.consult li h2 a { background-color: #2271af; border-color: #2271af #2271af; border-left: 1px solid #2271af; border-right: 1px solid #2271af; border-style: solid; border-width: 1px; color: #fff; display: inline-block; height: 24px; line-height: 24px; text-align: center; width: 70px; }
.consult1 { float: left; padding-left: 33px; width: 700px; margin-top: 50px; }
.consult1 .consultA { display: block; }
.consult1 div { float: left; }
.consult1 span { position: relative; bottom: -70px; display: block; text-align: center; cursor: pointer; }
.consult1 .seat { background: url("../images/seat.png") no-repeat; width: 80px; height: 80px; margin: 0 90px 0 220px; display: block; background-position: center; cursor: pointer; }
.consult1 .seat:hover { background: url("../images/seat1.png") no-repeat; width: 80px; height: 80px; margin: 0 90px 0 220px; display: block; background-position: center; cursor: pointer; }
.consult1 .luwen { background: url("../images/luwen.png") no-repeat; width: 80px; height: 80px; margin: 0 80px; display: block; background-position: center; cursor: pointer; }
.consult1 .luwen:hover { background: url("../images/luwen1.png") no-repeat; width: 80px; height: 80px; margin: 0 80px; display: block; background-position: center; cursor: pointer; }

.consult > div { color: #777575; line-height: 24px; /*margin-top: 14px;*/ text-indent: 1em; /*margin-left:100px;*/ }
.consult { float: left; padding-left: 33px; width: 700px; }
.consult .s_div { margin-top: 14px; }

.consult .s_div div { color: #686868; line-height: 24px; font: 16px/35px ���� bloid; }
.consult h2 a { background: url("../images/hh.gif") no-repeat; color: #fff; display: inline-block; height: 25px; line-height: 25px; margin-top: 11px; text-indent: 12px; width: 700px; }


#down { width: 158px; float: left; position: relative; }

#MyButton, #Button1 { cursor: pointer; }

.info-tips-popover { background: #000; color: #fff; width: 100px; position: absolute; top: 45px; left: 0; }


/** initial setup ����ҳ���� **/
.nano {position:relative;width:100%;height:100%;overflow:hidden;}
.nano .contentRight {position:absolute;overflow-x:hidden;top:0;right:-17px;bottom:0;left:0; }
/*.nano .contentRight:focus {
  outline:none;
}*/
.nano .contentRight::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .contentRight::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : url('../images/scrollbg.png');
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background:url(../images/rbg.png) repeat-y;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
.nano .pane {background:url('../images/scrollbg.png');width:10px;right: 1px; height:760px; top:30px;}
.nano .slider {background:url("../images/rbg.png") repeat-y;}

/********link_btn********/
.link_btn{ margin:5px; width:100%; padding-top:15px; border-top:1px #ddd solid; position:absolute; bottom:50px;}
.link_btn li{ display:block; width:100%; height:30px; margin:10px 0; font:normal 14px/16px 微软雅黑,Arial;}
.link_btn li span{ padding:2px;  color: #fff;
  background: #43678e;}
.link_btn li a{ font-weight:normal;color:#666;font:normal 14px/16px 微软雅黑,Arial;  }
.link_btn li a:hover{ color:#dd1a00;}
#bdshare span{font-size:12px; float:left;}