@charset "utf-8";

/* 背景图 */


.back div {
    padding-bottom: 130px;
}


/* 内容区 */

.con {
    width: 100%;
    background: #fff;
    padding: 0 0 80px;
}

.tabBar {
    width: 100%;
    background: #ffffff;
}

.tabBar .inHd ul {
    width: 100%;
    height: 50px;
}

.tabBar .inHd ul li {
   width: 10%;
    height: 50px;
    line-height: 50px;
    color: #115e6e;
    font-size: 24px;
    background: #efefef;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 20%;
}

.tabBar .inHd ul li.on {
    background: #dddddd;
}
/* tabBar内容区 */
.tabBar{
    position: relative;
}

.con .inBd {
    width: 900px;
    padding: 60px 150px 0;
    margin: 0 auto;
}

.con .inBd  ul li {
    width: 800px;
    height: 215px;
    background: url(../img/news.png) no-repeat;
    background-position: top left;
    padding-left: 100px;
}

.con .inBd  ul li p {
    font-size: 32px;
    color: #0d5c6c;
    font-weight: bolder;
}

.con .inBd ul li a {
    display: block;
    font-size: 20px;
    color: #186372;
    line-height: 40px;
    margin-top: 20px;
}

.con .inBd ul li:hover a {
    color: #630808;
}

/* 文字内容页 */
.con>.web>div>ul{margin: 40px auto;}
.con>.web>div>ul>li {
    float: left;
    width: 466px;
    /* margin-right: 40px; */
}
.con>.web>div>ul>li p {
    font-size: 16px;
    color: #005e6e;
    width: 100%;
    text-align: center;
    line-height: 30px;
    height: 30px;
}
.con>.web>div.IMG>ul>li a{display:block;width: 400px;height: 225px;overflow:hidden;margin: 10px auto 0;}
.con>.web>div>ul>li a img{width: 400px;height: 225px;display: block;margin: 0 auto;transition: all 1.2s;}
.con>.web>div>ul>li:hover a img{
transform: scale(1.2);
}
.con>.web>div>ul>li:hover p{color:#005e6e;}

/* 下拉标题 */

.con>.web>div.faculty{
    width: 406px;
    border-radius: 22px 22px 0 0;
    margin: 40px auto;
    position: relative;
   }
.con>.web>div.faculty>h2{
    width: 276px;
    height: 44px;
    color: #005a6a;
    font-size: 26px;
    text-shadow: 1px 1px 4px #000000;
    line-height: 44px;
    height: 44px;
    border:1px solid #688490;
    text-align: center;
    border-radius: 22px 0 0 0;
    overflow:hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    white-space: nowrap;
}
.con>.web>div.faculty>button{
    width: 88px;
    height: 46px;
    border: none;
    background: #005a6a url(../img/list.png) center center no-repeat;
    border-radius: 0 22px 0 0;
}
.con>.web>div.faculty>ul.list {
    width: 404px;
    margin: 40px auto 0;
    border: 1px solid #688490;
    border-radius: 0 0 22px 22px;
    display:none;
    position: absolute;
    top: 5px;
    left: 0;
    overflow: hidden;
    z-index: 100;
}
.con>.web>div.hover>ul.list{display:block;}
.con>.web>div.faculty>ul.list>li {
    width: 406px;
}

.con>.web>div.faculty>ul.list>li a {
    width: 364px;
    display: block;
    color: #005a6a;
    font-size: 26px;
    /* text-shadow: 1px 1px 4px #000000; */
    line-height: 44px;
    height: 44px;
    text-align: center;
    word-wrap:break-word;
    word-break:normal;
    padding: 0 20px;
    background: #f6fbff;
    border-top: 1px solid #688490;
}
.con>.web>div>ul.list>li>ul {display:none;}
.con>.web>div>ul.list>li>ul li a {
    width: 100%;
    display: block;
    color: #005a6a;
    font-size: 26px;
    text-shadow: 3px 3px 4px #000000;
    line-height: 44px;
    height: 44px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

 }
.con>.web>div>ul.list>li:hover>a{ 
    color: #f1c40f;
}
.con>.web>div>ul.list>li>ul li:hover a {
    color: #f1c40f;
}