.kms{
    position: absolute;
    width: 100%;
    height: 100%;

}
.leftcurtain{
    width: 50%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 9999;
}
 .rightcurtain{
    width: 51%;
    height: 100%;
    right: 0px;
    top: 0px;
    position: absolute;
    z-index: 9999;
}
.rightcurtain img, .leftcurtain img{
    width: 100%;
    height: 100%;
}
.logo{
    margin: 0px auto;
    margin-top: 150px;
}
.rope{
    position: absolute;
    top: -40px;
    left: 75%;
    z-index: 9999;
}


.clear{ display: block; clear: both; }
.banner{
    position: relative;
    border-bottom: 4px solid #ed733f;
}
.banner ul{
    margin: 0px;
}
.banner ul li{
    list-style: none;
}
.banner ul li img{
    width: 100%;
}
.banner .bx-wrapper{
    margin: 0px;
}
.banner .bx-wrapper .bx-viewport{
    box-shadow: none;
    left: 0px;
    border:0px;
    background: transparent;
}
.banner .bx-wrapper .bx-controls-direction{
    display: none;
}
#bx-pager{
    margin: 0px auto;
    width:  100%;
    position: absolute;bottom: 0px;
}
#bx-pager ul{
    width: 50%;
    padding: 0px 10px;
    height: 54px;
    margin: 0px auto 0px;
    background-color: #ed733f;
}
#bx-pager ul li{
    position: relative;
    float: left;
    height: 54px;
    width: 33%;
    line-height: 54px;
    text-align: center;
    background-color: #ed733f;
}
#bx-pager ul li:first-child{
    margin-left: 0.5%;
}
#bx-pager ul li a{
    display: block;
    position: relative;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    height: 54px;
}
#bx-pager ul li a p{
    position: absolute;
    margin: 0px;
    padding: 0px 15px;
    bottom: 0px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#bx-pager ul li .active p{
    position: absolute;
    /*margin: -64px 0px 0px;*/
    padding: 25px 15px 15px 15px;
    overflow: hidden;
    text-align: left;
    height: 118px;
    color: #252525;
    white-space: normal;
    font-size: 20px;
    line-height: 30px;
    background: #ffffff url(../images/home/line.png) top left no-repeat;
    background-position: 15px 15px;
}
#bx-pager ul li .active .lin{
    text-align: center;
    line-height: 88px;
}
#bx-pager ul li .active .lin1{
    line-height: 2.1;
}
@media screen and (max-width: 1600px){
    #bx-pager ul{
        width: 950px;
        padding: 0px 10px;
        height: 54px;
        margin: 0px auto 0px;
        background-color: #ed733f;
    }
}
@media screen and (max-width: 970px){
    #bx-pager ul{
        width: 765px;
        padding: 0px 10px;
        height: 54px;
        margin: 0px auto 0px;
        background-color: #ed733f;
    }
}





/*smallBanner*/
/*.smallBanner{ 
    display: none;
}
.smallBanner .bx-wrapper{
    margin: 0px;
}
.smallBanner .bx-wrapper .bx-viewport{
    box-shadow: none;
    left: 0px;
    border:0px;
    background: transparent;
}
.smallBanner .bx-wrapper .bx-controls-direction{
    display: none;
}
.smallBanner ul li img{
    width: 100%;
}
.smallBanner ul li p{
    margin: 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #ed733f;
}
.smallBanner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    bottom: 30px;
}
.smallBanner .bx-wrapper .bx-pager.bx-default-pager a{
    background: #ed733f;
    width: 15px;
    height: 10px;
}
.smallBanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .smallBanner .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #ed733f;
    width: 25px;
    height: 10px;
}*/



.smallBanner{
    display: none;
}
.smallBanner .bx-wrapper{
    margin: 0px;
}
.smallBanner .bx-wrapper .bx-viewport{
    box-shadow: none;
    left: 0px;
    border:0px;
    background: transparent;
}
.smallBanner .bx-wrapper .bx-controls-direction a{
    top: inherit;
    bottom: 0px;
}
.smallBanner .bx-wrapper .bx-prev{
    left: 0px;
    height: 30px;
    width: 30px;
    background: url(../images/mobile/left.png) center no-repeat;
    z-index: 999;
}
.smallBanner .bx-wrapper .bx-next{
    right: 0px;
    height: 30px;
    width: 30px;
    background: url(../images/mobile/right.png) center no-repeat;
    z-index: 999;
}
.smallBanner ul li img{
    width: 100%;
}
.smallBanner ul li p{
    margin: 0px;
    padding: 0px 30px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #ed733f;
}
.smallBanner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    bottom: 30px;
    display: none;
}
.smallBanner .bx-wrapper .bx-pager.bx-default-pager a{
    background: #ed733f;
    width: 15px;
    height: 10px;
}
.smallBanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .smallBanner .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #ed733f;
    width: 25px;
    height: 10px;
}
@media screen and (max-width: 1024px){
    .banner{
        display: none;
    }
    .smallBanner{
        margin-top: 0px;
        display: block;
    }
    .smallBanner ul li p{
        height: 45px;
        line-height: 45px;
        font-size: 20px;
    }
    .smallBanner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
        bottom: 45px;
    }
}
@media screen and (max-width: 768px){
    .smallBanner{
        margin-top: 50px;
        display: block;
    }
    .smallBanner ul li p{
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
    .smallBanner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
        bottom: 30px;
    }
}
/*firstBlock*/
.firstBlock{
    padding: 0px 0px 50px 0px;
}
.firstBlock .news{
    padding: 0px;
}
.firstBlock .title{
    margin-top: 30px;
    margin-bottom: 15px;
}
.firstBlock .title a{
    font-size: 28px;
    color: #085b68;
    text-decoration: none;
}
.firstBlock .news .content{
    margin-top: 10px;
}
/*.firstBlock .news .content ul{
    margin-bottom: 40px;
}*/
/*3.6 update begin*/
.firstBlock .news .content .mb0{
    margin: 0px;
}
.firstBlock .news .content ul li{
    list-style: none;
    float: left;
    width: 53.3%;
    padding-right: 29px;
    margin-bottom: 40px;
}
.firstBlock .news .content ul .wd53{
    width: 53.3%;
    padding-right: 29px;
    margin-bottom: 40px;
}
.firstBlock .news .content ul .wd47{
    width: 46.7%;
    padding: 0px 29px;
}
.firstBlock .news .content ul li img{
    max-width: 100%;
}
.firstBlock .news .content ul li a{
    display: block;
    position: relative;
    text-decoration: none;
}
.firstBlock .news .content ul li h3{
    margin: 0px;
    padding: 0px 10px;
    position: absolute;
    text-align: left;
    bottom: 0px;
    left: 0px;
    width: 100%;    
    font-size: 18px;
    color: #ffffff;
    line-height: 1.8;
    min-height:60px;
    background: url(../images/home/yy.png) left center no-repeat;
    background-size: 100% 100%;
}
.firstBlock .news .content ul li a:hover h3{
    min-height: 64px;
    background: #ffffff;
    color: #333333;
    box-shadow: 1px 1px 10px #dbdbdb;
}
.firstBlock .news .content ul li.news1:hover a{
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}
.firstBlock .news .content ul li.news1 h3{
    display: none;
}
.firstBlock .news .content ul li .newsC{
    display: none;
}
.firstBlock .news .content ul li.news1 .newsC{
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
}
.firstBlock .news .content ul li.news1 h4{
    margin: 0px;
    padding: 0px 10px;  
    text-align: left;   
    width: 100%;    
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.4;
}
.firstBlock .news .content ul li.news1 a span.arrow{
    display: block;
    position: absolute;
    bottom: 10px;
    right: 15px;
    padding: 10px 16px;
    background: url(../images/home/arrow_icon.png) right bottom no-repeat;
}
.firstBlock .news .content ul li.news1 .newsC p{
    margin: 10px 0px 0px!important;
    padding: 0px 10px;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.5;
    text-align: left;
}
.firstBlock .news .content ul li.news1 p{

}
.firstBlock .news .content ul .bbo a{
    border-bottom: 2px solid #ed733f!important;
}
.firstBlock .news .content ul .bbb a{
    border-bottom: 2px solid #19a9eb!important;
}
.firstBlock .news .content ul li.news1 a{
    border:0px!important;
}
.firstBlock .news .content ul .wd53 img{
    display: block;;
    margin: 0px auto;
    height: 230px;
    max-width: 100%;
    object-fit: cover;
}
.firstBlock .news .content ul .wd47 img{
    height: 230px;
    object-fit: cover;
}
/*3.6 update end*/
@media screen and (max-width: 769px){
    .firstBlock .news{
        padding: 0px 15px;
    }
    .firstBlock .title{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .firstBlock .news .content ul{
        /*display: inline-block;*/
        width: 100%;
        float: left;
        margin-bottom: 20px;
        clear: both;

    }
    .firstBlock .news .content ul li{
        width: 100%!important;
        padding: 0px!important;
    }

    .firstBlock .news .content ul li:last-child{
        width: 100%;
        padding: 0px;
    }
    .firstBlock .news .content ul .wd47{
        display: none;
    }
    .firstBlock .news .content ul .wd53 img{
        height: auto;
    }
    .firstBlock .news .content ul .wd47 img{
        height: auto;
    }
}


.firstBlock .events{
    padding-left: 29px;
}
.firstBlock .events .content{
    margin-top: 10px;
}
.firstBlock .events ul{
    margin: 0px;
}
.firstBlock .events ul li:first-child{
    /*height: 114px;*/
}
.firstBlock .events ul li{
    list-style: none;
    min-height: 125px;
    max-height: 135px;
    overflow: hidden;
}
.firstBlock .events ul li a{
    text-decoration: none;
}
.firstBlock .events ul li .media .media-left{
    padding-right: 20px;
}
.firstBlock .events ul li .media .media-left .time{
    position: relative;
    height: 48px;
    width: 48px;
    background-color: #c9c9c9;
}
.firstBlock .events ul li a:hover .media .media-left .time{
    background: #1390a7;
}
.firstBlock .events ul li .media .media-left p{
    width: 48px;
    margin: 0px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    
}
.firstBlock .events ul li .media .media-left h3{
    width: 48px;
    margin: 0px;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    position: absolute;
    bottom: -5px;
    right: -2px;
}
.firstBlock .events ul li .media .media-body h3{
    margin: -5px 0px 0px;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 1.5;
    max-height: 110px;
    overflow: hidden;
}
.firstBlock .events ul li a:hover .media .media-body h3{
    color: #076576;
}
.firstBlock .events ul li .media .media-body p{
    margin: 5px 0px 5px;
    color: #333333;
    font-size: 14px;
    /*width: 100%;*/
    font-family: 'gotham_bookregular';
/*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
@media screen and (max-width: 768px){
    .firstBlock .events ul li{
        margin-bottom: 10px;
        height: auto;
    }
    .firstBlock .events ul li .media .media-body h3{
        font-size: 14px;
        color: #076576;
        max-height: 60px;
    }
}
/*secondBlock*/
.secondBlock{
    padding: 0px 0px 80px;
    background: url(../images/home/happening.jpg) center top no-repeat;
}
.secondBlock .pd20{
    padding: 0px 50px;
}
.secondBlock .pd20 .title h3{
    margin: 40px 0px 70px;
    text-align: center;
    font-size: 32px;
    color: #085b68;
    font-weight: bold;
}
.secondBlock .happening ul li{  
    padding: 0px 5px 0px;
    list-style: none;
    float: left;
    width: 23.5%;
    margin-right: 2%;   
}
.secondBlock .happening ul li a{
    position: relative;
    padding-bottom: 15px;
    display: block;
    text-decoration: none;
    background-color: #ffffff;
    box-shadow: 1px 1px 10px #dbdbdb;
}
.secondBlock .happening ul li span{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35%;
    color: #feffff;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
}
/*3.6 happening update begin*/
.secondBlock .happening ul .one span{
    background-color: #19a9eb;
}
.secondBlock .happening ul .one a:hover{
    color: #ffffff;
    background-color: #19a9eb;
    transition:height 5s;
    -moz-transition:height 5s; /* Firefox 4 */
    -webkit-transition:height 5s; /* Safari and Chrome */
    -o-transition:height 5s; /* Opera */
}
.secondBlock .happening ul li.o-img .t-title span{
    color: #19a9eb;
    background: #ffffff;
}
.secondBlock .happening ul .two span{
    background-color: #ed733f;
}
.secondBlock .happening ul .two a:hover{
    color: #ffffff;
    background-color: #ed733f;
}
.secondBlock .happening ul li.t-img .t-title span{
    color: #ed733f;
    background: #ffffff;
}
.secondBlock .happening ul .three span{
    background-color: #00606c;
}
.secondBlock .happening ul .three a:hover{
    background-color: #00606c;
}
.secondBlock .happening ul li.th-img .t-title span{
    color: #00606c;
    background: #ffffff;
}
.secondBlock .happening ul .four span{
    background-color: #da2c39;
}
.secondBlock .happening ul .four a:hover{
    background-color: #da2c39;
}
.secondBlock .happening ul li.f-img .t-title span{
    color: #da2c39;
    background: #ffffff;
}
.secondBlock .happening ul .four{
    margin-right: 0px;
}
.secondBlock .happening ul li img{
    width: 100%;
}
.secondBlock .happening ul li .content{
    padding: 0px 15px;
}
.secondBlock .happening ul li .content p{
    margin: 0px;
    font-size: 16px;
    color: #107180;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #28b4c3;
}
.secondBlock .happening ul li .t-title{
    /*min-height: inherit;*/
    /*background: transparent;*/
}
.secondBlock .happening ul li.o-img .t-title{
    min-height: 175px;
    background: url(../images/home/happening1.png) left top no-repeat;
    background-size: 100% 100%;
}
.secondBlock .happening ul li.t-img .t-title{
    min-height: 175px;
    background: url(../images/home/happening2.png) left top no-repeat;
    background-size: 100% 100%;
}
.secondBlock .happening ul li.th-img .t-title{
    min-height: 175px;
    background: url(../images/home/happening3.png) left top no-repeat;
    background-size: 100% 100%;
}
.secondBlock .happening ul li.f-img .t-title{
    min-height: 175px;
    background: url(../images/home/happening4.png) left top no-repeat;
    background-size: 100% 100%;
}
.secondBlock .happening ul li.t-img .t-title img{
    display: none;
}
.secondBlock .happening ul li .t-title h3{
    display: none;
}
.secondBlock .happening ul li.t-img .t-title h3{
    display: block;
    padding: 40px 15px 10px;
    margin: 5px 0px 0px;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    line-height: 1.5;
}
.secondBlock .happening ul li.th-img .t-title h3{
    display: block;
    padding: 40px 15px 10px;
    margin: 5px 0px 0px;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    line-height: 1.5;
}
.secondBlock .happening ul li.f-img .t-title h3{
    display: block;
    padding: 40px 15px 10px;
    margin: 5px 0px 0px;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    line-height: 1.5;
}
.secondBlock .happening ul li .content h3{
    margin: 5px 0px 0px;
    font-size: 18px;
    color: #353535;
    line-height: 1.5;
}
.secondBlock .happening ul li a:hover p{
    border-bottom: 1px dashed #ffffff;
    color: #ffffff;
}
.secondBlock .happening ul li a:hover h3{
    color: #ffffff;
}
.secondBlock .happening ul li .content h5{
    display: none;
}
.secondBlock .happening ul li.o-img .content h3{
    display: none;
}
.secondBlock .happening ul li.o-img .content h5{
    display: block;
    margin: 5px 0px 0px;
    font-size: 16px;
    color: #353535;
    line-height: 1.5;
}
.secondBlock .happening ul li.o-img:hover .content h5{
    color: #ffffff;
}
.secondBlock .happening ul li.t-img .content h3{
    display: none;
}
.secondBlock .happening ul li.t-img .content h5{
    display: block;
    margin: 5px 0px 0px;
    font-size: 16px;
    color: #353535;
    line-height: 1.5;
}
.secondBlock .happening ul li.t-img:hover .content h5{
    color: #ffffff;
}
.secondBlock .happening ul li.th-img .content h3{
    display: none;
}
.secondBlock .happening ul li.th-img .content h5{
    display: block;
    margin: 5px 0px 0px;
    font-size: 16px;
    color: #353535;
    line-height: 1.5;
}
.secondBlock .happening ul li.th-img:hover .content h5{
    color: #ffffff;
}
.secondBlock .happening ul li.f-img .content h3{
    display: none;
}
.secondBlock .happening ul li.f-img .content h5{
    display: block;
    margin: 5px 0px 0px;
    font-size: 16px;
    color: #353535;
    line-height: 1.5;
}
.secondBlock .happening ul li.f-img:hover .content h5{
    color: #ffffff;
}

/*3.6 happening update end*/

.smallHappening{
    display: none;
}
@media screen and (max-width: 768px){
    .secondBlock{
        padding: 0px 0px 80px;
        background: url(../images/mobile/happening.png) center top no-repeat;
        background-size: 125%;
    }
    .secondBlock{
        padding: 0px 0px 10px;
    }
    .secondBlock .pd20{
        padding: 0px;
    }
    .secondBlock .pd20 .title h3{
        margin: 35px 0px 45px;
        font-size: 24px;
        text-align: left;
    }
    .secondBlock .happening{
        display: none;
    }
    .smallHappening{
        display: block;
    }
    .smallHappening ul li{
        width: 100%;
    }
    .smallHappening .bx-wrapper{
        margin: 0px auto 60px;
    }
    .smallHappening .bx-wrapper .bx-viewport{
        box-shadow: none;
        left: 0px;
        border:0px;
        background: transparent;
    }
    .smallHappening .bx-wrapper .bx-controls-direction{
        display: none;
    }
    .smallHappening .bx-wrapper .bx-pager.bx-default-pager a{
        background: #d2d2d2;
        width: 15px;
        height: 15px;
        border-radius: 50%;
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
        bottom: -40px;
    }
    .smallHappening .bx-wrapper .bx-pager.bx-default-pager a:hover, .smallHappening .bx-wrapper .bx-pager.bx-default-pager a.active{
        background: #19a9eb;
        width: 15px;
        height: 15px;
        border-radius: 50%;
    }
    .smallHappening ul li .media .media-left{
        position: relative;
        width: 50%;
        padding: 0px;
    }
    .smallHappening ul li .media .media-left img{
        width: 100%;
    }
    .smallHappening ul li .media .media-left span{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 35%;
        color: #feffff;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
    }
    .smallHappening ul li a{
        text-decoration: none;
    }
    .smallHappening ul li .media{
        background-color: #ffffff;
        box-shadow: 1px 1px 10px #dbdbdb;
    }
    .smallHappening ul .one .media .media-left span{
        background-color: #19a9eb;
    }
    .smallHappening ul .two .media .media-left span{
        background-color: #ed733f;
    }
    .smallHappening ul .three .media .media-left span{
        background-color: #00606c;
    }
    .smallHappening ul .four .media .media-left span{
        background-color: #da2c39;
    }
    .smallHappening ul li .media .media-body{
        padding: 0px 10px;
    }
    .smallHappening ul li .media .media-body h3{
        margin: 0px;
        font-size: 12px;
        color: #107180;
        text-align: center;
        line-height: 30px;
        border-bottom: 1px dashed #28b4c3;
    }
    .smallHappening ul li .media .media-body p{
        margin: 5px 0px 0px;
        font-size: 14px;
        color: #353535;
        text-align: left;
        line-height: 1.5;
    }

}
/*thirdBlock*/
/*.thirdBlock ul{
    margin: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    display: flex;
}
.thirdBlock ul li{
    list-style: none;
    float: left;
    flex: 1 auto;
    height: 19vw;
    background-size: cover;
}*/

.thirdBlock ul{
    margin: 0px;
    width: 100%;
    overflow: hidden;
}
.thirdBlock ul li{
    list-style: none;
    width: 33.33333%;
    position: relative;
    float: left;
    height: 19vw;
}
.thirdBlock ul .apply{
    width: 33.33333%;
    background: url(../images/home/ap.jpg);
    background-size: 100% 100%;
}
.thirdBlock ul .work{
    width: 33.33333%;
    background: url(../images/home/work.jpg);
    background-size: 100% 100%;
}
.thirdBlock ul .visit{
    width: 33.333333%;
    background: url(../images/home/visit.jpg);
    background-size: 100% 100%;
}
.thirdBlock ul li img{
    width: 100%;
}

/*
.thirdBlock ul .apply{
    background: url(../images/home/ap.jpg);
    background-size: 100% 100%;
}
.thirdBlock ul .work{
    background: url(../images/home/work.jpg);
    background-size: 100% 100%;
}
.thirdBlock ul .visit{
    background: url(../images/home/visit.jpg);
    background-size: 100% 100%;
}*/
.thirdBlock ul li a{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 50px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
.thirdBlock ul li a span{
    align-self: center;
}
.thirdBlock ul li a:hover{
    text-decoration: none;
    background-color: transparent;
}
.thirdBlock ul li a:hover span{
    text-shadow: 2px 3px 4px #000000;
}
@media screen and (max-width: 768px){
    .thirdBlock{
        border-bottom: 4px solid #ed733f;
    }
    .thirdBlock ul{
        display: block;
        margin: 0px;
    }
    .thirdBlock ul li{
        width: 100%;
        height: 50vw;
    }
    .thirdBlock ul li a{
        font-size: 38px;
    }
}

/*information*/
.pdr{
    padding-right: 10px;
}
.pdl80{
    padding-left: 80px;
}
.mt98{
    margin-top: -51px;
    padding-bottom: 60px;
}
.informationBanner{
    box-shadow: 0px 3px 10px #dbdbdb;
}
.informationBanner img{
    width: 100%;
}
.wrap-content .menuList .menuList-title .title{
    position: relative;
    height: 111px;
    padding-top: 51px;
}
.wrap-content .menuList .menuList-title .title .bigTitle{
    width: 422px;
    height: 111px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/information/menulist.png) top left no-repeat;
}
.wrap-content .menuList .menuList-title .title .bigTitle p{
    margin: 0px;
    text-align: center;
    font-size: 32px;
    line-height: 111px;
    color: #ffffff;
    font-weight: bold;
}
.wrap-content .menuList .menuList-title .title ul{
    margin: 0px 0px 0px 0px;
    padding-right: 15px;
    height: 60px;
    text-align: right;
    border-bottom: 2px solid #efa586;
    background: rgba(220,220,220,0.4);
}
.wrap-content .menuList .menuList-title .title ul li{
    list-style: none;
    margin: 0px 2px;
    float: right;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #0f6a7b;
}
.wrap-content .menuList .menuList-title .title ul li a{
    text-decoration: none;
    font-size: 16px;
    color: #0f6a7b;
}
.wrap-content .menuList .menuList-title .title ul .home{
    padding-left: 20px;
    background: url(../images/information/home.png) left center no-repeat;
}
.wrap-content .menuList .contentLeft{
    margin-top: 70px;
}
.wrap-content .menuList .contentLeft .title{
    margin-bottom: 45px;
}
.wrap-content .menuList .contentLeft .title h3{
    margin: 0px;
    font-size: 32px;
    color: #3b579d;
    font-weight: bold;
}
.wrap-content .menuList .contentLeft .title p{
    margin: 10px 0px 0px;
    font-size: 20px;
    color: #3a3a3a;
    text-align: left;
    line-height: 1.5;
}


/* Job Opportunities */
.wrap-content .menuList .contentLeft .title1{
    margin-bottom:0;
}
.wrap-content .menuList .contentLeft div h6{
    height:40px;
    padding: 0 28px 0 14px;
    background-color:rgba(243,128,79,0.05);
    border-top: 1px solid #f3804f;
    line-height: 40px;
    font-size:14px;
    color:#3b579d;
    text-align: right;
    margin-bottom: 0;
    font-weight: bold;
}
.wrap-content .menuList .contentLeft .job ul li{
    padding:10px 0;
    list-style: none;
}
.wrap-content .menuList .contentLeft .job ul .hui{
    background: #eeeeee;
}
.wrap-content .menuList .contentLeft .job ul li h5,.job ul li time,.job ul li p{
    line-height:30px;
    padding: 0 28px 0 14px;
    margin:0;
}
.wrap-content .menuList .contentLeft .job ul li h5,.job ul li time{
    float:left;
    font-size:16px;
}
.wrap-content .menuList .contentLeft .job ul li h5{
    float:left;
    color:#3b579d;
    font-weight: bold
}
.wrap-content .menuList .contentLeft .job ul li time{
    float:right;
    color:#505050;
}
.wrap-content .menuList .contentLeft .job ul li p{
    font-size:14px;
    color:#131313;
    clear:both;

}
.wrap-content .menuList .contentLeft .job ul li p span{
    font-weight: bold;
    padding-right: 4px;
}




/* -------------- */
/*
.wrap-content .menuList .contentLeft .content img{
    margin-bottom: 50px;
}
*/
.wrap-content .menuList .contentLeft .content p{
    text-align: left;
    font-size: 18px;
    color: #505050;
    line-height: 30px;
    /*word-break: break-all;*/
}

.wrap-content .menuList .contentLeft .sliderContent p{
    text-align: left;
    font-size: 18px;
    color: #505050;
    line-height: 30px;
}
.wrap-content .menuList .contentLeft .sliderContent .more-less h3{
    position: relative;
    margin: 10px 0px;
    padding: 0px 15px;
    font-size: 18px;
    color: #ffffff;
    line-height: 35px;
    cursor: pointer;
    background: #3b579d;
}
.wrap-content .menuList .contentLeft .sliderContent .more-less h3 span{
    margin-left: 15px;
    position: absolute;
    top: 10px;
}
.wrap-content .menuList .contentLeft .sliderContent .more-less p{
    display: none;
}

.wrap-content .menuList .contentLeft .detail-content p{
    text-align: left;
    font-size: 18px;
    color: #505050;
    line-height: 30px;
    margin:1em auto;
    text-align: justify;

}
.wrap-content .menuList .contentLeft .detail-content ul li p{
    display: none;
    position: absolute;
    margin-bottom: 0px;
    bottom: 0px;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    background: rgba(0,0,0,0.7);
}
.detail-content .bx-wrapper{
    margin: 0px 0px 5px;
}
.detail-content .bx-wrapper .bx-viewport{
    left: 0px;
}
.detail-content .bx-default-pager{
    display: none;
}
.wrap-content .menuList .contentLeft .detail-content ul li img{
    margin-bottom: 0px!important;
    width: 100%;
}
.wrap-content .menuList .contentLeft .detail-content ul li:hover p{
    display: block;
}
.wrap-content .menuList .contentRight{
    margin-top: 70px;
}
.wrap-content .menuList .contentRight .title{
    margin-bottom: 20px;
}
.wrap-content .menuList .contentRight .title h3{
    padding-left: 28px;
    margin: 0px;
    font-size: 30px;
    color: #167e91;
}
.wrap-content .menuList .contentRight .content ul li{
    list-style: none;
    padding: 12px 15px 12px 20px;
    border-left: 8px solid #ffffff;
}
.wrap-content .menuList .contentRight .content ul li a{
    display: block;
    text-decoration: none;
    font-size: 18px;
    color: #3b579d;
    line-height: 1.5;
    float:none;
}
.wrap-content .menuList .contentRight .content ul .active{
    background-color: #f2f2f2; 
    border-left: 8px solid #f18f65;
}
.wrap-content .menuList .contentRight .content ul li ul{
    display: none;
}
.wrap-content .menuList .contentRight .content ul li ul li{
    border:0px;
    padding: 5px 15px 5px 15px;
}
.wrap-content .menuList .contentRight .content ul li ul li a{
    font-size: 16px;
    color: #131313;
}
.wrap-content .menuList .contentRight .content ul li ul li:hover{
    border: 0px;
}
.wrap-content .menuList .contentRight .content ul .active ul{
    display: block;
}
.wrap-content .menuList .contentRight .content ul li:hover{
    background-color: #f2f2f2; 
    border-left: 8px solid #f18f65;
}
@media screen and (max-width: 768px){
    .mt98{
        margin-top: -30px;
        padding-bottom: 20px;
    }
    .informationBanner{
        margin-top: 50px;
    }
    .wrap-content .menuList .menuList-title .title{
        position: relative;
        height: 60px;
        padding-top: 30px;
    }
    .wrap-content .menuList .menuList-title .title .bigTitle{
        width: 50%;
        height: 60px;
    }
    .wrap-content .menuList .menuList-title .title .bigTitle p{
        line-height: 60px;
        font-size: 18px;
    }
    .wrap-content .menuList .menuList-title .title ul{
        height: 30px;
    }
    .wrap-content .menuList .menuList-title .title ul li{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .wrap-content .menuList .menuList-title .title ul li a{
        font-size: 12px;
    }
    .wrap-content .menuList .contentLeft{
        margin-top: 30px;
    }
    .wrap-content .menuList .contentLeft .title{
        margin-bottom: 20px;
    }
    .wrap-content .menuList .contentLeft .title h3{
        font-size: 20px;
    }
}
@media screen and (max-width: 568px){
    .wrap-content .menuList .menuList-title .title ul{
        height: 30px;
        background:transparent;
        display: none;
    }
}

/*list*/

.wrap-content .menuList .contentLeft .content ul li{
    list-style: none;
    margin-bottom: 55px;
    /*height: 125px;*/
}
.wrap-content .menuList .contentLeft .content ul li a{
    text-decoration: none;
}
.wrap-content .menuList .contentLeft .content ul li .media .media-left{
    padding-right: 20px;
}
.wrap-content .menuList .contentLeft .content ul li .media .media-left .time{
    position: relative;
    height: 48px;
    width: 48px;
    background-color: #c9c9c9;
}
.wrap-content .menuList .contentLeft .content ul li a:hover .media .media-left .time{
    background: #1390a7;
}
.wrap-content .menuList .contentLeft .content ul li .media .media-left p{
    width: 48px;
    margin: 0px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    
}
.wrap-content .menuList .contentLeft .content ul li .media .media-left h3{
    width: 48px;
    margin: 0px;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    position: absolute;
    bottom: -5px;
    right: -2px;
}
.wrap-content .menuList .contentLeft .content ul li .media .media-body h3{
    margin:0px;
    font-size: 18px;
    color: #4c4c4c;
    line-height: 1.5;
    max-height: 110px;
    overflow: hidden;
}
.wrap-content .menuList .contentLeft .content ul li a:hover .media .media-body h3{
    color: #076576;
}

.page-number {
    overflow: hidden;
    float: left;
    margin-left: -5px;
    margin-right: -5px;
    height: 50px;
}
.page-number a, .page-number b, .page-number i {
    text-decoration: none;
    display: block;
    float: left;
    margin: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #b2b2b2;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #b2b2b2;
}
.page-number a:hover {
    background-color: #27a5bd;
    color: #ffffff;
    border:0px;
}
.page-number b {
    color: #fff;
    font-weight: 700;
    background-color: #b0b0b0;
}
.page-turn{
    float: right;
    overflow: hidden;   
}
.page-turn a{
    float: left;
    margin-left: 5px;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 8px;
}
.page-turn .more-btn.cur {
    cursor: default;
    border-color: #dbdbdb;
    background-color: transparent;
}
.page-turn-left{
    border:1px solid #dbdbdb;
    background: url(../images/information/left-h.png) center no-repeat;
}
.page-turn-right{
    background: #27a5bd url(../images/information/right-w.png) center no-repeat;
}

/*news*/
.wrap-content .menuList .contentLeft .newContent ul li{
    list-style: none;
    position: relative;
    margin-bottom: 60px;
}
.wrap-content .menuList .contentLeft .newContent ul li a{
    text-decoration: none;
}
.wrap-content .menuList .contentLeft .newContent ul li a .media{
    height: 113px;
}
.wrap-content .menuList .contentLeft .newContent ul li a .media .media-body h3{
    margin: 0px;
    font-size: 18px;
    color: #262626;
    line-height: 1.8;
}
.wrap-content .menuList .contentLeft .newContent ul li a .media .media-body p{
    margin: 0px;
    position: absolute;
    bottom: 0px;
    text-align: left;
    font-size: 14px;
    color: #666565;
}
@media screen and (max-width: 768px){
    .wrap-content .menuList .contentLeft .content ul li{
        list-style: none;
        margin-bottom: 20px;
    }
    .wrap-content .menuList .contentLeft .newContent ul li{
        margin-bottom: 30px;
    }
    .wrap-content .menuList .contentLeft .newContent ul li a .media .media-body h3{
        font-size: 12px;
    }
    .wrap-content .menuList .contentRight{
        display: none;
    }
}
/*department*/
.wrap-content .menuList .department .departmentTitle{
    height: 40px;
    background: #eeeeee;
}
.wrap-content .menuList .department .departmentTitle ul{
    margin: 0px;
    float: left;
    height: 40px;
}
.wrap-content .menuList .department .departmentTitle ul li{
    list-style: none;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    background: #eeeeee;
}
.wrap-content .menuList .department .departmentTitle ul li a{
    text-decoration: none;
    color: #3b579d;
    font-size: 18px;
}
.wrap-content .menuList .department .departmentTitle ul .active{
    background: #3b579d;
}
.wrap-content .menuList .department .departmentTitle ul .active a{
    color: #ffffff;
}
@media screen and (max-width: 768px){
    .wrap-content .menuList .department .departmentTitle ul li a{
        text-decoration: none;
        color: #3b579d;
        font-size: 12px;
    }
}
.wrap-content .menuList .departmentContent{
    display: none;
}
.wrap-content .menuList .departmentContent .contentTitle{
    height: 40px;
    background: rgba(237,115,63,0.05);
}
.wrap-content .menuList .departmentContent .contentTitle ul{
    margin: 0px;
    padding:0px 15px;
    float: left;
    border-left: 2px solid #3b579d;
}
.wrap-content .menuList .departmentContent .contentTitle ul li{
    list-style: none;
    
    float: left;
    line-height: 40px;
}
.wrap-content .menuList .departmentContent .contentTitle ul li a{
    text-decoration: none;
    padding: 2px 6px;
    font-size: 16px;
    color: #504f4f;
}
.wrap-content .menuList .departmentContent .contentTitle ul .active a{
    color: #ffffff;
    border-radius: 5px;
    background: #3b579d;
}
.wrap-content .menuList .departmentContent .wordContent{
    margin-top: 30px;
}
.wrap-content .menuList .departmentContent .wordContent h3{
    color: #2a2a2a;
    font-size: 22px;
    line-height: 50px;
    margin-top: 10px;
}
.wrap-content .menuList .departmentContent .wordContent li{
    border-bottom: 1px dashed #e9e9e9;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #444444;
    font-size: 16px;
    list-style: none;
}
.wrap-content .menuList .departmentContent .wordContent li a{
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    background: url(../images/information/gt2.png) 20px center no-repeat;
    text-indent: 35px;
    color: #444444;
    font-size: 16px;
    height: 40px;
}
.wrap-content .menuList .departmentContent .wordContent li a:hover{
    color: #0062ac!important; 
    text-decoration: none;
}
/*school*/
.wrap-content .menuList .school ul li{
    list-style: none;
    margin-bottom: 20px;

}
.wrap-content .menuList .school ul li h3{
    /*margin:10px 0px;*/
    font-size: 30px;
    color: #363636;
    /*background: url(../images/information/bd1.png) left center no-repeat;*/
}
.wrap-content .menuList .school ul li h3 a{
    display: block;
    text-decoration: none;
    font-size: 30px;
    color: #363636;
}
.wrap-content .menuList .school ul li h3 a:hover{
    color: #526aa7;
}
.wrap-content .menuList .school ul .active h3 a{
    color: #526aa7;
}
.wrap-content .menuList .school ul li p{
    text-align: left;
    font-size: 18px;
    color: #505050;
    line-height: 30px;
}

/*quick links*/
.wrap-content .menuList .contentLeft  .quicks ul{
    clear: both;
    display: inline-block;
    margin: 0px 0px 55px;
    width: 100%;
}
.wrap-content .menuList .contentLeft  .quicks ul li{
    list-style: none;
    float: left;
    width: 50%;
}
.wrap-content .menuList .contentLeft  .quicks ul li:nth-child(2n+1){
    padding-right: 39px;
}
.wrap-content .menuList .contentLeft  .quicks ul li:nth-child(2n){
    padding-left: 39px;
}
.wrap-content .menuList .contentLeft  .quicks ul li a{
    text-decoration: none;
    display: block;
    position: relative;
}
.wrap-content .menuList .contentLeft  .quicks ul li h3{
    margin: 0px;
    padding: 0px 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/information/new.png) top left no-repeat;
}
.wrap-content .menuList .contentLeft  .quicks ul li p{
    margin: 5px 0px 0px;
    font-size: 16px;
    /*height: 56px;*/
    color: #454545;
    line-height: 1.8;
    text-align: left;
    /*overflow: hidden;*/
}
.wrap-content .menuList .contentLeft  .quicks .wp_paging{
    float: left!important;
    margin: 0px!important;
}
.wrap-content .menuList .contentLeft  .quicks .wp_paging li{
    margin-top: 0px!important;
    padding: 0px!important;
    width: auto!important;
}
.wrap-content .menuList .contentLeft  .quicks .wp_paging .page_nav a:hover {
    color: #27a5bd;
}
.page_jump .pageNum{
    margin-top: 0px;
    font-size: 12px;
    width: 50px;
    height: 25px;
    border-radius: 5px;
}
.page_jump .pagingJump{
    margin-left: 0px;
    background: #27a5bd;
    color: #ffffff;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 14px;
}
.page_jump .pagingJump:hover{
    color: #ffffff;
}
@media screen and (max-width: 768px){
    .wrap-content .menuList .contentLeft  .quicks ul{
        clear: both;
        display: inline-block;
        margin: 0px 0px 0px;
    }
    .wrap-content .menuList .contentLeft  .quicks ul li{
        list-style: none;
        margin-bottom: 20px;
        float: none;
        width: 100%;
    }
    .wrap-content .menuList .contentLeft  .quicks ul li:nth-child(2n+1){
        padding-right: 0px;
    }
    .wrap-content .menuList .contentLeft  .quicks ul li:nth-child(2n){
        padding-left: 0px;
    }
    .wrap-content .menuList .contentLeft  .quicks .wp_paging{
        margin: 0px!important;
        float: left!important;
    }
    .wrap-content .menuList .contentLeft  .quicks .wp_paging li{
        padding: 0px!important;
        width: auto!important;
    }
    .wrap-content .menuList .contentLeft  .quicks .wp_paging .page_nav a:hover {
        color: #27a5bd;
    }
    .page_jump .pageNum{
        margin-top: 0px;
        font-size: 12px;
        width: 50px;
        height: 25px;
        border-radius: 5px;
    }
    .page_jump .pagingJump{
        margin-left: 0px;
        background: #27a5bd;
        color: #ffffff;
        padding: 0px 5px;
        border-radius: 5px;
        font-size: 14px;
    }
    .page_jump .pagingJump:hover{
        color: #ffffff;
    }
}
/*event date*/
.ui-datepicker table{
    background-color: #dcdcdc;
}
.ui-widget.ui-widget-content{
    width: 100%;
    border:0px;
    border-radius: 0px;
}
.ui-datepicker .ui-datepicker-header{
    border-radius: 0px;
    padding: 1.6em 0;
    background: url(../images/information/datepicker.png) center no-repeat;
}
.ui-datepicker-month{
    font-size: 24px;
    color: #ffffff;
}
.ui-datepicker-year{
    font-size: 24px;
    color: #ffffff;
}
.ui-widget-header .ui-datepicker-prev .ui-icon{
    background: url(../images/information/left.png) center no-repeat!important;
}
.ui-widget-header .ui-datepicker-next .ui-icon{
    background: url(../images/information/right.png) center no-repeat!important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    top: 26px;
}
.ui-datepicker-calendar thead{
    display: none;
}
.ui-datepicker tr{
    border-bottom: 1px solid #dcdcdc;
}
.ui-datepicker tr:last-child{
    border-bottom: 0px;
}
.ui-datepicker td{
    padding: 0px;
    border-right: 1px solid #dcdcdc;
}
.ui-datepicker td:last-child{
    border-right: 0px;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    background: #f6f6f6;
    opacity: 1;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled span, .ui-widget-header .ui-state-disabled span{
    color: #cccccc;
}
.ui-datepicker td span, .ui-datepicker td a{
    padding: 0.5em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    text-align: center;
    border: 1px solid #dcdcdc;
    border:0px;
    background: #f6f6f6;
    color: #353535;
    font-weight: bold;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #ed733f;
    border:0px;
    background: #ed733f;
    color: #ffffff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #999999;
    background: transparent;
    font-weight: normal;
    color: #212121;
}