@charset "utf-8";
/* 你自己的样式 */
.dropDown{display:inline-block}.dropDown_A{display:inline-block}
.dropDown-menu{ display:none;transition: all 0.3s ease 0s}
.dropDown:focus,.dropDown-menu:focus {outline:0}
.dropDown-menu li.arrow{ position:absolute;display:block; width:12px; height:8px; margin-top:-13px; margin-left:20%; line-height:0;background:url(../images/icon-jt.png) no-repeat 0 0}

/*鼠标经过	*/
.dropDown.hover.dropDown_A,.dropDown.open.dropDown_A{text-decoration:none;background-color:rgba(255,255,255,0.2)}
.dropDown.open.dropDown_A.menu_dropdown-arrow{transition-duration:0.3s ;transition-property:all;_background-position:0 0}
.dropDown.open.dropDown_A.menu_dropdown-arrow{transform: rotate(180deg)}
.menu{background-color:#fff;border:solid 1px #f2f2f2; display: inline-block}
.menu.radius{border-top-left-radius:0;border-top-right-radius:0}
.menu.box-shadow{border-top:none}
.menu > li{ position: relative; float: none;display:block}
.menu > li > a{ display: block;clear: both;border-bottom:solid 1px #f2f2f2;padding:6px 20px;text-align:left;line-height:1.5;font-weight: normal;white-space:nowrap}
.menu > li:last-child > a{ border-bottom:none}
.menu > li > a:hover,.menu > li > a:focus,.menu > li.open > a{ text-decoration:none;background-color:#fafafa}
.menu > li > a.arrow{ position:absolute; top:50%; margin-top:-10px; right:5px;line-height: 20px; height: 20px; color: #999}
.menu > li >.menu{ display: none}
.menu > li.open >.menu{ display: inline-block;position: absolute; left:100%;top:-1px;min-width:100%}
/*禁用菜单*/
.menu > li.disabled > a{color:#999;text-decoration:none; cursor:no-drop; background-color:transparent}
/*线条*/
.menu > li.divider{ display:block;height:0px; line-height:0px;margin:9px 0;overflow:hidden; border-top:solid 1px #eee}
/*打开菜单*/
.dropDown >.dropDown-menu{ display: none}
.dropDown.open{position:relative;z-index:990}
/*默认左对齐*/
.dropDown.open >.dropDown-menu{position:absolute;z-index:1000;display:inline-block;top:100%;left:-1px;min-width:100%;background-color:#fff;border:solid 1px #f2f2f2}
/*右对齐*/
.dropDown.open.right >.dropDown-menu{right:-1px!important;left:auto!important}

table tr td.title_info,div.title_info{height:25px;line-height:25px;background:url("../images/bg_5.png") repeat-x;color:#2d5f86;font-weight:bold;padding-left:10px;padding-top:0;padding-bottom:0}
.error{
    color: red;
}

/* start 分页样式 */

.page{
    float: right;
    padding-top: 10px;
    text-align: right;
}

.page ul a,.page ul span{
    float:left;
    display:inline-block;
    padding: 0 17px;
    height:40px;
    width:auto;
    border:1px solid #DDDDDD;
    border-radius: 4px;
    background:#fff;
    text-align:center;
    line-height:40px;
    margin-right:10px;
    font-family: "microsoft yahei" simhei sans-serif;
    color:#7d7d7d;
}

.page ul a:hover{
    background:#337AB7;
    color:#fff;
    text-decoration:none;
}

.page span.current{
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    /* text-decoration: none; */
    color: #666;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    margin: 0 0 6px 6px;
    padding: 0 10px;
    font-size: 14px;
}


.page a.first, a.end, a.prev, a.next, a.num {
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    /* text-decoration: none; */
    color: #666;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    margin: 0 0 6px 6px;
    padding: 0 10px;
    font-size: 14px;
}

.page .rows
{
    clear: both;
    float: left;
    padding-top: 5px;
    font-size: 14px;
    color: #666;
}

#pageTips {
    float:right;
}
/* end 分页样式 */

.tree_style {
    border: 1px solid #617775;
    background: #f0f6e4;
    overflow-y:scroll;
    overflow-x:auto;
    height: 96%;
}

.tree-left
{
    width:315px;
    left:0;
    top:40px;
    float: left;
    bottom:0;
    border-right:1px solid #e5e5e5;
    background-color:#f5f5f5
}

.tree-right-con
{
    padding-left: 320px
}


/*  GRID OF THREE   ============================================================================= */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col_1_of_3{
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
    background: #fff;
}
.col_1_of_3:first-child { margin-left: 0; }

.span_1_of_3 {
    width: 28%;
    padding:1.5%;
}
.grid-img{
    text-align: center;
    margin-bottom: 1.4em;
}
h2 {
    color:#00bbff;
    margin-bottom:0.5em;
    font-size:1.5em;
    line-height: 1.2;
    font-weight : normal;
    letter-spacing: -1px;
    text-transform: capitalize;
}
p  {
    font-size: 0.9em;
    padding: 0.5em 0;
    line-height: 1.8em;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap{
        width:95%;
    }
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
    .wrap{
        width:95%;
    }
    .col_1_of_3{
        margin: 1% 0 1% 0%;
    }
    .span_1_of_3 {
        width:94%;
        padding:3%;
    }
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {

    .wrap{
        width:95%;
    }
    .col_1_of_3{
        margin: 1% 0 1% 0%;
    }
    .span_1_of_3 {
        width:92%;
        padding:4%;
    }
}
/*end 3 cols*/