﻿.id_content{
    padding-bottom: 20px;
    margin: auto;
    background: #FFFFFF;
    width: 1024px;
    overflow: hidden;
}
.id_top_news{
    padding: 13px 10px;
    overflow: hidden;
}
.id_top_news .left{
    float: left;
    width: 550px;
    overflow: hidden;
}
.id_img_news{
    width: 550px;
    height: 318px;
    overflow: hidden;
    background: #4e4e4e;
}
.id_img_video{
    height: 32px;
    overflow: hidden;
}
.id_img_video .left_l{
    float: left;
    height: 32px;
    width: 272px;
    overflow: hidden;
    background: #72c9fc;
}
.id_img_video .right_l{
    background: #9cd1fc;
    float: right;
}
.id_img_video .left_l i{
    float: left;
    background: url("../images/ico.png");
    width: 30px;
    height: 32px;
    margin-left: 11px;
}
.id_img_video .right_l i {
    background: url("../images/ico.png") -30px 0;
}
.id_img_video .left_l span{
    float: left;
    color: #FFFFFF;
    margin-left: 14px;
    line-height: 32px;
}
.id_top_news .right{
    float: right;
    width: 448px;
}

.hasMoreTab{ width:100% }
.hasMoreTab .hd{ line-height:36px; height:36px; border-bottom:1px solid #C8D1D5;  position:relative; padding-right:10px;  }
.hasMoreTab .hd .more{ float:right; }
.hasMoreTab .hd ul{ z-index:5; position:absolute; height:36px;  overflow:hidden; zoom:1; }
.hasMoreTab .hd li{ float:left;}
.hasMoreTab .hd li.on{  }
.hasMoreTab .bd{  /*border:1px solid #e8e8e8;*/clear:both; position:relative;border-top: 0  ;height: 314px}
.hasMoreTab .hd li a{
    display: block;
    text-align: center;
    font-size: 16px;color: #1d1d1d ;  cursor:pointer;width: 110px;
}
.hasMoreTab .hd li.on a{
    color: #FFFFFF;background: url("../images/btn01.png")
}
.conWrap .con .top{
    height: 88px;
    padding:6px 9px;
    overflow: hidden;
    background: #f3f2f2;
}
.conWrap .con .top a{
    display: block;
    font-weight: bold;
    line-height: 22px;
    color: #424343;
    font-size:16px;text-align:center;
}
.conWrap .con .top span{
    margin-top: 5px;
    display: block;
    line-height: 22px;
    text-indent:24px;
}
.id_list{
    margin-top: 0px;
    overflow: hidden;
}
.id_list li{
    width: 100%;
    float: left;
    line-height: 24px;
    margin: 3px 0;
}
.id_list li i{
    float: left;
    background: url("../images/d.png");
    width: 4px;
    height: 5px;
    margin-top: 10px;
    margin-left: 16px;
    margin-right: 6px;
}
.id_list li a{
    color: #222222;
    float: left;
    max-width: 390px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.id_key{
    overflow: hidden;
}

/* 图片滚动 */
.picScroll{ position:relative;  height:90px; padding: 8px 0 0 32px;  background:#fff;  overflow:hidden;border: 1px solid #e8e8e8   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; overflow:hidden; display:inline; }
.picScroll ul li a{
    border-right: 1px dashed #e4e4e4;
    display: block;
    width: 191px;
    height: 84px;
    background: #fafafa;
}
.picScroll ul li a i{
    width: 43px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/ico.png");
    background-position: 0 -34px;
}
.picScroll ul li a .a{
    background-position: -43px -34px;
}
.picScroll ul li a .b{
    background-position: -86px -34px;
}
.picScroll ul li a .c{
    background-position: -129px -34px;
}
.picScroll ul li a .d{
    background-position: -172px -34px;
}
.picScroll ul li a .e{
    background-position: -215px -34px;
}
.picScroll ul li a em{
    height: 100%;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}
.picScroll ul li a span{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    margin-left: 8px;
}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:0; top: 0; display:block; width:28px; height:98px; overflow:hidden; background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:0; background-position:-28px 0; }
.picScroll .prevStop{ }
.picScroll .nextStop{ }
.id_notes{
    border: 1px solid #e8e8e8;
    overflow: hidden;
    padding: 13px 10px;
    margin-top: 15px
}
/* 本例子css */
.hasMoreTab_note{ width:319px;float: left;margin-right: 12px }
.hasMoreTab_note1{ width:324px;float: left;margin-right: 12px }
.hasMoreTab_note .hd{ line-height:37px; height:37px; border-bottom:1px solid #0169be; position:relative;}
.hasMoreTab_note .hd ul{width: 100%; z-index:5; position:absolute; height:37px;  overflow:hidden; zoom:1; }
.hasMoreTab_note .hd li{ float:left;}
.hasMoreTab_note .hd .a{ float: right}
.hasMoreTab_note .hd li a{ display:block;width: 158px;background: #f3f2f2;line-height: 37px;text-align: center;color: #222222}
.hasMoreTab_note .hd li.on a{background:#0169be;color: #FFFFFF  }
.hasMoreTab_note .bd{  clear:both; position:relative;  }
.conWrap_note .id_list li a {
    max-width: 274px;
}
.conWrap_note .id_list{
    margin: 0;
    padding-top: 14px;
    height: 226px;
}
.conWrap_note{
    border: 1px solid #e8e8e8;
    border-top: 0;
}

/* 本例子css */
.hasMoreTab_hy{ width:329px;float: right }
.hasMoreTab_hy .hd{ line-height:37px; height:37px;  position:relative;background: #f3f2f2;}
.hasMoreTab_hy .hd ul{ z-index:5; position:absolute; height:37px;  overflow:hidden; zoom:1;left: 0px }
.hasMoreTab_hy .hd li{ float:left; }
.hasMoreTab_hy .hd li a{
    width: 109px;
    text-align: center;
    display: block;
    line-height: 35px;
    color: #222222
}
.hasMoreTab_hy .hd li{ display: block; font-size: 16px;}
.hasMoreTab_hy .hd li.on a{
    border-bottom: 2px solid #0169be;
    background-color:#0169be;
    color:#fff;
}
.hasMoreTab_hy .bd{ clear:both; position:relative;height:240px;    border: 1px solid #e8e8e8;  }
.hasMoreTab_hy .id_list {
    margin: 0;
    height: 240px;
}
.id_text_note a{
    margin-top: 17px;
    line-height: 24px;
    display: block;
    text-align: center;
    color: #222222;
    font-size: 16px;
    font-weight: bold;
}
.id_text_note{
    height: 240px;
    overflow: hidden;
}
.id_text_note div{
    overflow: hidden;
    line-height: 30px;
    color: #222222;
    width: 294px;
    margin: auto;
    margin-top: 6px;
    height: 180px;
}
.id_a_key{
    margin-top: 18px;
    overflow: hidden;
}

/* 本例子css */
.notice { width: 100%;overflow: hidden; }
.notice .tab-hd { height: 38px; }
.notice .tab-hd ul {  }
.notice .tab-hd li{ float: left;}
.notice .tab-hd li a{ display:block;width: 160px;height: 38px;line-height: 38px;text-align: center;font-size: 16px ;color: #222222}
.notice .tab-hd li.on a{ background: #0169be;color: #FFFFFF }
.notice .tab-bd { border: 1px solid #e8e8e8; padding:10px;overflow: hidden  }

.id_xz_xz{
    width: 319px;
    float: left;
    overflow: hidden;
}
.id_xz_xz .title{
    height: 38px;
    background: #eeeeee;
    border-left: 3px solid #0169be;
    overflow: hidden;
}
.id_xz_xz .title i{
    margin-left: 7px;
    margin-top: 9px;
    width: 30px;
    height: 20px;
    background: url("../images/ico.png") -63px 0;
    float: left;
}
.id_xz_xz .title span{
    float: left;
    color: #222222;
    line-height: 38px;
    margin-left: 6px;
}
.id_xz_xz ul{
    height: 191px;
    padding-top: 10px;
    overflow: hidden;
}
.id_xz_xz ul li{
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin: 3px 0;
}
.id_xz_xz ul li i{
    margin-right: 7px;
    margin-top: 10px;
    float: left;
    width: 4px;
    height: 4px;
    background: url("../images/d01.png");
    margin-left: 22px;
}
.id_xz_xz ul li a{
    color: #0169be;
    float: left;
    max-width: 242px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.id_xz_xz .link{
    overflow: hidden;
    height: 32px;
}
.id_xz_xz .link a{
    color: #FFFFFF;
    line-height: 34px;
    text-align: center;
    float: left;
    width: 112px;
    height: 52px;
    background: url("../images/ico.png") -97px 0;
    margin-left: 31px;
}
.id_xz_xz .link .a{
    margin-left: 34px;
}
.id_xz_xz .warp{
    height: 241px;
    border: 1px solid #e8e8e8;
    border-top: 0;
}

/* 本例子css */
.id_ft{
    width: 330px; float: left;margin-left: 12px
}
.notice_ft {width: 100%}
.notice_ft .tab-hd_ft {
    border-left: #0169be 3px solid;
    border-right: 1px solid #eeeeee;
}
.notice_ft .tab-hd_ft ul {
    overflow: hidden;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.notice_ft .tab-hd_ft li{ float: left; height:  36px; line-height: 18px; }
.notice_ft .tab-hd_ft li a{ display:block;width:162px;height: 36px;
line-height: 34px;text-align: center;color: #222222}
.notice_ft .tab-hd_ft li.on a{
    background: #eeeeee;
}
.notice_ft .tab-hd_ft li a i{
    width: 29px;
    height: 29px;
    margin-top: 4px;
    background: url("../images/ico.png") -219px 0;
    float: left;
    margin-left: 15px;
}
.notice_ft .tab-hd_ft li a .a{
    background: url("../images/ico.png") -248px 0;
}
.notice_ft .tab-hd_ft li a span{
    float: left;
    margin-left: 10px;
}
.id_ft_rap{
    width: 316px;
    margin: auto;
}
.id_ft_rap .img{
    width: 316px;
    height: 165px;
    overflow: hidden;
}
.id_ft_rap .text{
    margin-top: 4px;
}
.id_ft_rap .text div{
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
}
.id_ft_rap .text div span{
    color: #0169be;
}
.tab-bd_ft{
    padding-top: 8px;
    height: 233px;
    border: 1px solid #e8e8e8;
    border-top: 0;
}
.id_itt{
    float: right;
    width: 329px;
}


/* 本例子css */
.notice_ftt {width: 100%}
.notice_ftt .tab-hd_ftt {
    border-left: #0169be 3px solid;
    border-right: 1px solid #eeeeee;
}
.notice_ftt .tab-hd_ftt ul {
    overflow: hidden;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.notice_ftt .tab-hd_ftt li{ float: left; height:  36px; line-height: 18px; }
.notice_ftt .tab-hd_ftt li a{ display:block;width:162px;height: 36px;
    line-height: 34px;text-align: center;color: #222222}
.notice_ftt .tab-hd_ftt li.on a{
    background: #eeeeee;
}
.notice_ftt .tab-hd_ftt li a i{
    width: 29px;
    height: 29px;
    margin-top: 4px;
    background: url("../images/ico.png") -277px 0;
    float: left;
    margin-left: 15px;
}
.notice_ftt .tab-hd_ftt li a .a{
    background: url("../images/ico.png") -306px 0;
}
.notice_ftt .tab-hd_ftt li a span{
    float: left;
    margin-left: 10px;
}
.id_ftt_rap ul{
    margin-top: 20px;
    overflow: hidden;
}
.id_ftt_rap ul li{
    width: 100%;
    float: left;
    text-indent: 11px;
    background: url("../images/d.png") no-repeat 0 13px;
    line-height: 30px;
    font-size: 14px;
}
.id_ftt_rap ul li a{
    float: left;
    color: #222222;
}
.id_ftt_rap ul{
    overflow: hidden;
    height: 120px;
}
.id_ftt_rap .link{
    margin-top: 20px;
    overflow: hidden;
}
.id_ftt_rap .link a{
    float: right;
}
.id_ftt_rap{
    width: 300px;
    margin: auto;
}
.id_ftt_rap .link a{
    line-height: 24px;
    font-size: 12px;
    color: #0169be;
}
.id_itt .link_box{
    padding: 4px 13px 7px 13px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    border-top: 0;
}
.id_itt .link_box a{
    width: 144px;
    height: 46px;
    background: url(../images/ico.png) 0 -79px;
}
.id_itt .link_box a i{
    float: left;
    width: 40px;
    height: 37px;
    margin-top: 4px;
    margin-left: 6px;
    background: url("../images/ico.png") -268px -34px;
}
.id_itt .link_box .a i{
    background: url("../images/ico.png") -318px -34px;
}
.id_itt .link_box a span{
    float: left;
    color: #FFFFFF;
    line-height: 46px;
    font-size: 20px;
    margin-left: 8px;
}
.tab-bd_ftt{
    overflow: hidden;
    height: 184px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
.id_tfk{
    width: 316px;
    height: 280px;
    float: left;
    overflow: hidden;
    background: #fafafa;
}
.id_tfk .title{
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
    height: 37px;
}
.id_tfk .title i{
    float: left;
    width: 20px;
    height: 25px;
    background: url("../images/ico.png") -337px 0;
    margin-left: 11px;
    margin-top: 7px;
}
.id_tfk .title a{
    float: left;
    line-height: 25px;
    margin-top: 7px;
    margin-left: 15px;
    font-size: 16px;
    color: #222222;
}
.id_tfk ul{
    overflow: hidden;
}
.id_tfk ul li{
    line-height: 24px;
    font-size: 12px;
    float: left;
    margin: 3px 0;
    width: 100%;
}
.id_tfk ul li i{
    margin-left: 13px;
    margin-top: 10px;
    margin-right: 5px;
    background: url("../images/d.png");
    width: 4px;
    height: 5px;
    float: left;
}
.id_tfk ul li  a{
    color: #252525;
    float: left;
    max-width: 264px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.id_id{
    background: #fafafa;
    margin-left: 14px;
    width: 330px;
    height: 280px;
    float: left;
    overflow: hidden;
}
.id_id ul{
    margin-left: 11px;
}
.id_id ul li{
    margin: 13px 6px 0 6px;
    float: left;
}
.id_id ul li a{
    width: 90px;
    display: block;
    height: 54px;
    overflow: hidden;
}
.id_id ul li a i{
    margin: auto;
    display: block;
    width: 36px;
    height: 34px;
    background-image: url("../images/ico_02.png");
}
.id_id ul li a span{
    display: block;
    font-size: 12px;
    color: #1d1d1d;
    text-align: center;
    line-height: 20px;
}

.id_id ul li a .a{
    background-position: -105px 0;
}
.id_id ul li a .b{
    background-position: -205px 0;
}

.id_id ul li a .c{
    background-position: 0 -64px;
}
.id_id ul li a .d{
    background-position: -105px -64px;
}
.id_id ul li a .e{
    background-position: -205px -64px;
}

.id_id ul li a .f{
    background-position: 0 -133px;
}
.id_id ul li a .g{
    background-position: -105px -133px;
}
.id_id ul li a .h{
    background-position: -205px -133px;
}
.id_id ul li a .i{
    background-position: 0 -204px;
}
.id_id ul li a .j{
    background-position: -105px -204px;
}
.id_id ul li a .k{
    background-position: -205px -204px;
}
/*.id_id ul li:hover a .a,.id_id ul li:hover a .b,.id_id ul li:hover a .c,.id_id ul li:hover a .d,.id_id ul li:hover a .e,.id_id ul li:hover a .f,
.id_id ul li:hover a .g,.id_id ul li:hover a .h,.id_id ul li:hover a .i,.id_id ul li:hover a .j,.id_id ul li:hover a .k,.id_id ul li:hover a i{

}*/
.id_id ul li:hover a span,.id_open ul li:hover a span{
    color: #0169be;
}
.id_zd_open ul li:hover a{
    background: url(../images/ico_1.png) -147px -80px;
}
.id_field ul li:hover a{
    color: #999;
    background-image: url(../images/ico_03_1.png);
}
.id_field{
    float: right;
    width: 329px;
    background: #fafafa;
    height: 280px;
}
.id_field ul li{
    float: left;
    margin-left: 23px;
    margin-top: 8px;
}
.id_field ul{
    margin-top: 2px;
}
.id_field ul li a{
    color: #181818;
    line-height: 36px;
    text-indent: 60px;
    display: block;
    width: 130px;
    height: 36px;
    background-image: url("../images/ico_03.png");
}
.id_field ul li .a{
    background-position: -155px 0;
}

.id_field ul li .b{
    background-position: 0 -44px;
}
.id_field ul li .c{
    background-position: -155px -44px;
}
.id_field ul li .d{
    background-position: 0 -93px;
}
.id_field ul li .e{
    background-position: -155px -93px;
}
.id_field ul li .f{
    background-position: 0 -137px;
}
.id_field ul li .g{
    background-position: -155px -137px;
}
.id_field ul li .h{
    background-position: 0 -182px;
}
.id_field ul li .i{
    background-position: -155px -182px;
}
.id_field ul li .j{
    background-position: 0 -223px;
}
.id_field ul li .k{
    background-position: -155px -223px;
}
.id_leader_wind{
    width: 320px;
    height: 280px;
    float: left;
    background: #eeeeee;
}
.id_leader_wind .title{
    height: 24px;
    margin-top: 6px;
    overflow: hidden;
}
.id_leader_wind .title i{
    margin-left: 12px;
    width: 20px;
    height: 18px;
    float: left;
    background: url("../images/ico.png") -358px 0;
}
.id_leader_wind .title span{
    color: #0269b8;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 5px;
}
.id_leader_wind .name{
    overflow: hidden;
    width: 240px;
    margin: auto;
    font-size: 12px;
    color: #0269b8;
    font-weight: bold;
    margin-top: 8px;
}
.id_leader_wind .name span{
    line-height: 15px;
    height: 15px;
    float: left;
    width: 117px;
    border-left: 2px solid #006abe;
    text-indent: 39px;
}
.id_leader_wind .content{
    height: 144px;
    overflow: hidden;
    width: 240px;
    margin: auto;
    margin-top: 8px;
}
.id_leader_wind .content .kin{
    width: 117px;
    float: left;
}
.id_leader_wind .content .kin img{
    margin-left: 5px;
    width: 100px;
    height: 120px;
    background: #FFFFFF;
    display: block;
}
.id_leader_wind .content .kin a{
    margin-left: 5px;
    display: block;
    width: 100px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #1d1d1d;
}
.id_leader_wind .content .f_kin{
    width: 120px;
    float: right;
}
.id_leader_wind .content .f_kin ul li a{
    font-size: 12px;
    color: #222222;
    line-height: 24px;
    margin: 6px 0;
}
.id_leader_wind .content .f_kin ul li{
    float: left;
    width: 60px;
    height:40px;line-height:40px;
    text-align:center;
}
.id_leader_wind .page{
    width: 240px;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
}
.id_leader_wind .page a{
    margin-right: 30px;
    float: left;
    width: 59px;
    height: 59px;
    background: url("../images/ico_04.png");
}
.id_leader_wind .page a span{
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #0665b9;
    margin-top: 44px;
    text-align: center;
}
.id_leader_wind .page .b{
    margin: 0;
    float: right;
    background: url("../images/ico_04.png") -177px 0;
}
.id_leader_wind .page .b span{
    margin-top: 30px;
    color: #31a4ff;
}
.id_leader_wind .page .a{
    background: url("../images/ico_04.png") -89px 0;
}
.id_leader_wind .page .a span{
    color: #49afff;
}
.id_open{
    margin-left: 10px;
    float: left;
    width: 328px;
    height: 278px;
    border: 1px solid #e8e8e8;
    background: #fbfbfb;
}
.id_open ul li{
    margin-top: 7px;
    float: left;
}
.id_open ul{
    margin-top: 12px;
    margin-left: 5px;
}
.id_open ul li a{
    display: block;
    width: 106px;
    height: 74px;
}
.id_open ul li a i{
    width: 49px;
    height: 47px;
    margin: auto;
    display: block;
    background-image:url("../images/ico_06.png") ;
}
.id_open ul li a span{
    margin-top: 4px;
    height: 22px;
    line-height: 22px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #434343;
}
.id_open ul li a .a{
    background-position: -106px 0;
}
.id_open ul li a .b{
    background-position: -216px 0;
}
.id_open ul li a .c{
    background-position: 0 -97px;
}
.id_open ul li a .d{
    background-position: -106px -97px;
}
.id_open ul li a .e{
    background-position: -216px -97px;
}
.id_open ul li a .f{
    background-position: 0 -178px;
}
.id_open ul li a .g{
    background-position: -106px -178px;
}
.id_open ul li a .h{
    background-position: -216px -178px;
}
.id_zd_open{
    margin-left: 10px;
    float: right;
    width: 328px;
    height: 278px;
    border: 1px solid #e8e8e8;
    background: #fbfbfb;
}
.id_zd_open .title{
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    height: 34px;
}
.id_zd_open .title i{
    width: 4px;
    float: left;
    height: 34px;
    background: #3c9afe;
}
.id_zd_open .title span{
    color: #1e1e1e;
    font-size: 14px;
    display: block;
    text-align: center;
    line-height: 34px;
}
.id_zd_open ul{
    margin-top: 6px;
}
.id_zd_open ul li{
    margin-left: 22px;
    margin-top: 10px;
    float: left;
}
.id_zd_open ul li a{
    text-align: center;
    line-height: 36px;
    width: 130px;
    height: 36px;
    font-size: 12px;
    color: #535353;
    display: block;
    background:url("../images/ico.png") -147px -80px;
}
/* 焦点图 */
.focusBox {  position: relative; width: 100%; height: 320px; overflow: hidden; text-align: left; background:#fff; }
.focusBox .pic img { width: 100%; height: 320px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #000000; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 15px;  text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 12px; height: 10px;  overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; background: url("../images/d02.png")}
.focusBox .num li.on a,.focusBox .num a:hover{ background: url("../images/d02.png") -12px 0  }

.loft_wind{
    width: 41px;
    position: fixed;
    right: 20px;
    top: 30%;
    z-index: 10000;
}
.loft_wind a{
    position: relative;
    display: block;
    margin-top: 11px;
    width: 41px;
    height: 41px;
    background-image: url("../images/wind01.png");
}
.loft_wind .wb{
    background-position: 0 -52px;
}
.loft_wind .app{
    background-position: 0 -103px;
}
.loft_wind .top{
    background-position: 0 -155px;
}
.loft_wind a:hover{
    background-image: url("../images/wind02.png");
}
.loft_wind a div{
    display: none;
    position: absolute;
    background: url("../images/kuang.png");
    width: 142px;
    height: 136px;
    left: -145px;
}
.loft_wind a div img{
    display: block;
    width: 130px;
    height: 130px;
    margin: 3px 0 0 3px;
}
.loft_wind a:hover div{
    display: block;
}

.project_adv{
    margin-top: 15px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    position: relative;
}

.project_adv .hd{
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 1px;
    bottom: 2px;
    z-index: 1;
}
.project_adv .bd li img{
    width: 1022px;
    height: 120px;
}
.project_adv .hd li{
    font-size: 12px;
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.project_adv .hd li.on{
    background: red;
    color: #fff;
}


.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; }
.reveal-modal {
    overflow: hidden;
    visibility: hidden;
    top: 0;
    left: 50%;
    margin-left: -496px;
    width: 992px;
    height: 750px;
    position: absolute;
    z-index: 101;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    background-color: #76bff5;
}
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal { cursor: pointer; 		}
.id_web_title{
    height: 42px;
    background: #76bff5;
    overflow: hidden;
}
.id_web_title span{
    margin-left: 20px;
    float: left;
    line-height: 42px;
    font-size: 20px;
    color: #FFFFFF;
}
.id_web_title a{
    float: right;
    cursor: pointer;
    color: #FFFFFF;
    line-height: 24px;
    font-size: 14px;
    margin-top: 9px;
    margin-right: 28px;
}
.id_web_box{
    width: 952px;
    height: 686px;
    overflow: hidden;
    margin: auto;
}
.id_web_left{
    overflow-y:auto ;
    width: 496px;
    height: 526px;
    background: #FFFFFF;
}
.id_web_left_text{
    overflow: hidden;
    width: 100%;
    height: 148px;
    background: #FFFFFF;
    margin-top: 14px;
}
.id_web_left_box{
    float: left;
    overflow: hidden;
    width: 496px;
}
.id_web_answer{
    overflow: hidden;
    margin: 17px
}
.id_web_answer img{
    float: right;
    height: 51px;
    width: 51px;
}
.id_web_answer div{
    position: relative;
    z-index: 10000;
    margin-right: 17px;
    margin-top: 10px;
    padding: 5px 16px;
    line-height: 21px;
    font-size: 14px;
    color: #ffffff;
    float: right;
    background: #3297e3;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    max-width: 320px;
}
.id_web_answer span{
    width: 5px;
    height: 8px;
    background: url("../images/img03.jpg") no-repeat;
    position: absolute;
    top: 10px;
    right: -5px;
}
.id_web_rejoin{
    overflow: hidden;
    margin: 17px
}
.id_web_rejoin img{
    float: left;
    width: 47px;
    height: 47px;
}
.id_web_rejoin div{
    position: relative;
    z-index: 10000;
    margin-left: 17px;
    margin-top: 7px;
    padding: 5px 16px;
    line-height: 21px;
    font-size: 14px;
    color: #ffffff;
    float: left;
    max-width: 320px;
    border: #3297e3 1px solid;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.id_web_rejoin span{
    width: 10px;
    height: 13px;
    background: url("../images/img03.jpg") no-repeat 0 -9px;
    position: absolute;
    top: 10px;
    left: -10px;
}
.id_web_rejoin div p{
    display: block;
    color: #000000;
}
.id_web_rejoin div h1{
    margin-top: 6px;
    color: #1e71de;
    font-weight: 400;
}
.id_web_left_text .quest{
    border: 0;
    padding: 5px 12px;
    display: block;
    width: 472px;
    height: 100px;
     color: #2d2d2d;
}
.id_web_left_take{
    height: 32px;
    overflow: hidden;
}
.id_web_left_take span{
    margin-left: 6px;
    float: left;
    font-size: 14px;
    line-height: 16px;
    margin-top: 16px;
}
.id_web_left_take span a{
    color: #0362ae;
}
.id_web_left_take input{
    float: right;
    font-size: 16px;
    height: 32px;
    width: 72px;
    background: #ff7900;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color: #FFFFFF;
    border: 0;
    font-weight: bold;
    margin-right: 11px;
}

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{

    position: absolute;
}
.jp-container {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    border: 1px solid #D8DFEA;
    float: left;
}
.jspVerticalBar
{
    margin-right: 4px;
    display: block ;
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: #1790f2;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #F2F4F8;
    position: relative;
}

.jspDrag
{
    background: #2497f2;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 4px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
.jspCorner
{
    margin: 0 -3px 0 0;
}

.id_web_left_right{
    float: right;
    width: 440px;
    height: 689px;
    background: #FFFFFF;
}
.id_web_left_right .h1{
    font-size: 30px;
    font-weight: bold;
    color: #005aa9;
    line-height: 48px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}
.id_web_left_right .h2{
    margin-top: 7px;
    font-size: 22px;
    font-weight: bold;
    color: #005aa9;
    line-height: 48px;
    text-align: center;
}
.id_web_left_right .h3{
    width: 98%;
    margin: auto ;
    text-align: center;
    color: #76767f;
    border-bottom:dashed 1px #cdcdcd;
}
.id_web_left_right .h3 span{
    display: inline-block;
    line-height: 24px;
    font-size: 12px;
}
.id_web_left_right .h4{
    padding-bottom: 20px;
    width: 98%;
    margin: auto;
    line-height: 28px;
    font-size: 14px;
}
.id_web_left_right .h_box{
    width: 96%;
}