@charset "utf-8";
body{background: #FFFFFF;}
ul{margin: 0;}
.backf7f7f7{background: #f7f7f7;}
.search{overflow: hidden;}
.search_title{
    background: #185291;
    color: #FFFFFF;
    text-align: center;
    line-height: 22px;
    padding: 5px 0;
}
.Titanic{margin-top: 10px;}
.Titanic select{
    height: 30px;
    padding: 0 20px;
    background: url("../../images/gk/triangle.png") right no-repeat #FFFFFF;
    border: none;
    color: #aeaeae;
}
.leaderPic img{width:100%;height: 170px;}
.btn{
    /*height: 30px;*/
    color: #FFFFFF;
    line-height: 14px;
    background: #185291;
}
.Titanic select option{

}
.gkBox ul li{
    line-height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.gkBox ul li a{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
}
.m-lst40 ul li{font-size: 15px;}
/*领导简介*/
.leadership{
    padding-left: 0;
}
/*.leadership .tr{*/
/*background: url("../../images/gk/tr.png") right no-repeat;*/
/*}*/
/*.leadership .bl{*/
/*background: url("../../images/gk/bl.png") left no-repeat;*/
/*}*/
.profile{
    background: #FFFFFF;
    overflow: hidden;
    margin: 0 20px;
}
.character{
    padding: 0 10px;
    margin-left: 15px;
}
.character ul{
    overflow: hidden;
    padding: 0;
}
.character ul li{
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 8px;
}
.character ul li span{float: left;color: #006c9e;font-size: 15px;font-weight: bold;}
/* .character ul li a{font-weight: bold;} */
.KeyAreas{
    padding-right: 0;
    overflow: hidden;
}
.gzjg{
    overflow: hidden;
}
.gzjg p{
    
    line-height: 26px;
}
.gzjg p span{
    color: #006c9e;
    font-weight: bold;
}
.areastitle a{
    display: block;
    text-align: center;
    width: 45%;
    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
    font-size: 16px;
    background: url(../../images/gk/title02.png) no-repeat;
    background-size: 100% 100%;
}
.areasList ul li{
    background: url("../../images/gk/dashed.png") bottom repeat-x;    line-height: 38px;padding: 0 30px;
}
.areasList ul li:last-child{background: none}
.columLeft{padding-left: 0;}
.columRight{padding-right: 0;}
.columTop{padding: 0;}
.columBottom{padding: 0;}
.columTop ul{padding:0;}
.columTop ul li{
    line-height: 54px;
    background:url("../../images/gk/li.png") no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
    padding: 0 15%;
}
.columTop ul li:nth-child(1){
    border-left: 6px solid #60bed1;
}

.columTop ul li:nth-child(2){
    border-left: 6px solid #f2bb4f;
}
.columTop ul li:nth-child(3){
    border-left: 6px solid #c46477;
}
.columTop ul li:nth-child(4){
    border-left: 6px solid #79b2b3;
}
.columTop ul li:nth-child(5){
    border-left: 6px solid #e26fb1;
}
.columTop ul li:nth-child(6){
    border-left: 6px solid #11c45c;
}
.columTop ul li a{
    display: block;
    font-size: 18px;
}
.columTop ul li a:hover{
    color: #122c83;
}
.columTop ul li:nth-child(1) a{
    background: url("../../images/gk/gk01.png") left no-repeat;
    padding-left: 25%;
}
.columTop ul li:nth-child(2) a{
    background: url("../../images/gk/gk02.png") left no-repeat;
    padding-left: 25%;
}
.columTop ul li:nth-child(3) a{
    background: url("../../images/gk/gk03.png") left no-repeat;
    padding-left: 25%;
}
.columTop ul li:nth-child(4) a{
    background: url("../../images/gk/gk04.png") left no-repeat;
    padding-left: 25%;
}
.columTop ul li:nth-child(5) a{
    background: url("../../images/gk/gk05.png") left no-repeat;
    padding-left: 25%;
}
.columTop ul li:nth-child(6) a{
    background: url("../../images/gk/gk06.png") left no-repeat;
    padding-left: 25%;
}
.areasBox{overflow:hidden;background: #f7f7f7; }
.basistitle a{
    display: block;
    text-align: center;

    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
    font-size: 16px;
    background: url("../../images/gk/title01.png")  no-repeat;
    background-size: 100%;
}
.basisList ul li{
    background: url(../../images/gk/dashed.png) bottom repeat-x;
    line-height: 42px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.gkBox{
    overflow: hidden;
}
.gk_commhd{

    font-size: 20px;
    font-weight: bold;
    height: 48px;
    line-height: 40px;
    border-bottom: 2px solid #eeeeee;
}
.gk_commhd .webhref{


    padding: 12px 25px;
    border-bottom: #185291 solid 3px;
    height: 36px;
}
.gk_commhd .fr{
    font-size: 14px;
    float:right;
}

.gkBox ul li em{
    margin: 0 3px;
    float: left;
}
.tab-head{
    height: 56px;
    line-height: 56px;
    border-bottom: 2px solid #eeeeee;
}
.tab-head ul li{
    float: left;
    line-height: 56px;
}
.tab-head ul li a{
    padding: 12px 25px!important;
    font-size: 20px;
    font-weight: bold;
}
.tab-head ul li.default a{

    border-bottom: #185291 solid 3px;

}
.gkBox ul li a{
    display: block;
    float: left;
    width: 86%;
}
.jcgk {
    width: 100%;
    color: #fff;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
.jc-color1 {
    background: #3cacb9;
}
.jc-color2 {
    background: #469bcc;
}
.jc-color3 {
    background: #4badd2;
}
.jc-color4 {
    background: #6b87ce;
}
.jc-color5 {
    background: #5397d6;
}
.jcgk-ul1, .jcgk-ul2 {
    border-right: 1px solid #ddd;
    background: #f5f5f5;
    overflow: hidden;
    padding-bottom: 20px;
    height: 240px;
}
.jcgk-ul1 li {
    width: 50%;
    text-align: center;
    float: left;
    padding-top: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jcgk-ul1 li a, .jcgk-ul2 li a {
    display: block;
    font-size: 16px;
    color: #2b2b2b;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jcgk-ul2 li {
    width: 25%;
    text-align: center;
    float: left;
    padding-top: 14px;
}
/*.basisList ul li*/
.gkBox ul li em{padding: 0;}
.m-lst40 ul{padding: 0;}
@media all and (max-width:1196px) {
    .leaderPic img{width: 100%;}
    .basisList ul li{
        line-height: 66px;
    }
    .character {
        padding: 10px 5px;
        /*margin-left: 10px;*/
    }
    .areasList ul li{
        padding: 0 15px;
    }
    /*.columTop ul li{line-height: 58px;}*/
    .KeyAreas{padding-right: 0;}
    .columTop {
        padding-left: 0;
        padding-right: 10px;
    }
    .columLeft{padding: 0;}
    .columBottom{
        padding-left: 10px;
        padding-right: 0;
    }
    .columRight{padding: 0;}
}


@media all and (max-width:1024px) {
    .leaderPic{
        margin: 0;
        padding-left: 0;
    }
    .leaderPic img{width: 100%;}
    .character{padding: 0;}
    .areasList ul li{
        padding: 0 10px;
    }
    .character ul li{
        height: 32px;
        line-height: 32px;
    }
    .KeyAreas{
        /*padding: 6px 0;*/
    }
    .columTop ul li{line-height: 38px;}
    /*.columBottom{padding: 10px;}*/
    .columTop{padding-right: 10px;}
    .basisList ul li {
        line-height: 54px;
    }
    .columRight{padding: 0 10px;}
    .gkBox{margin-bottom: 20px;}
    .gkBox ul li a{
        display: block;
        float: left;
        width: 86%;
    }
}

@media all and (max-width:992px) {
    .leadership{padding: 0;}
    .KeyAreas{padding: 0px;margin-top: 20px;background: none;}

    .gkBox ul li a {
        display: block;
        float: left;
        width: 84%;
    }

}


@media all and (max-width:768px) {
    .columTop ul li{padding: 0 7%;}
    .leadership{padding: 0;}
    .basistitle a{
        background-size: 100% 100%;
    }
    .columLeft{margin: 0 ;padding: 0;}
    .columTop ul li {
        line-height: 36px;
    }
    .areastitle a{
        width: 30%;background-size: 100% 100%;
    }
    /*.columRight{padding: 0;}*/
    .KeyAreas {
        padding: 6px 0px;
        background: none;
    }
    .areasBox{
        overflow: hidden;
        background: #f7f7f7;
    }
    .columRight{padding-left: 0;}
    .columTop{padding-right: 10px;}
    .columBottom{padding:0 0 0 10px;}
    .basisList ul li {
        line-height: 52px;
    }
    .gkBox ul li a{
        display: block;
        float: left;
        width: 86%;
    }
}

@media all and (max-width:750px) {
    .gkBox2{margin: 0;}
    .areastitle a {
        width: 50%;
        background-size: 100% 100%;
    }

    .g-banner{border-bottom: 2px solid #006c9e;padding-bottom: 0;}
    .leadership{padding: 0;}
    .KeyAreas{padding: 0;}
    .btn{
        display: block;
        margin: 15px auto;
    }
    .leaderPic img {
        display: block;
        margin: 0 auto;
        width: 50%;
    }
    .character{
        overflow: hidden;
        padding: 10px;
    }
    .columTop{padding: 0;}
    .columTop ul li {
        line-height: 42px;
    }
    .columBottom{
        padding: 0;
    }
    .columRight{padding: 0;}
    .areasList ul li{
        line-height: 42px;
    }
    .areasBox{    padding:0;}
    .basisList ul li{line-height: 42px;}
    .gkBox ul li a{
        display: block;
        float: left;
        width: 64%;
    }
}