*{ padding:0; margin: 0px; box-sizing: border-box;}
body{font-family:"微软雅黑";}
ul,li{list-style: none;}
a{text-decoration: none; color: inherit;}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
li:hover{cursor:pointer;/* 触碰时变成小手*/}
.clr::after{content: "";display: block;clear: both;}

.my_width{width: 1400px; margin: 0 auto;}

.mt10{margin-top: 10px;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}


.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}

.pt40{padding-top: 40px;}
.pd60{padding-bottom: 60px;}

.bg0c4da2{ background-color: #0c4da2;}

.fl{float: left;}
.fr{float: right;}
/* ********************************************** */
/* ********************************************** */
/* ********************************************** */
/* ********************************************** */



/***************************************************/
/* 头部 */
.header>.my_width{
    height: 125px;
    position: relative;
}
.header>.my_width img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/***************************************************/


/***************************************************/
/* 导航*/
.nav{
    float: left;
    width: calc( 100% - 250px);
}
.nav .wp_nav>li {
    width: 111.11px;
    float: left;
    position: relative;
}
.nav .wp_nav>li:last-child{
    width: 150px;
}
.nav .wp_nav>li>a{
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
.nav .wp_nav>li:hover>a{
    background: #003d8d;
}
.nav .wp_nav>li ul{
    min-width: 100%;
    height: auto;
    background-color: #fff;
    position: absolute;
    box-shadow: 6px 4px 10px rgba(0, 0, 0, 0.25);
    z-index: 999;
}
.nav .wp_nav>li ul li a{
    height: 0;
    opacity: 0;
    display: block;
    width: auto;
    line-height: 40px;
    font-size: 14px;
    text-align: left;
    color: #003d8d;
    padding: 0 10px;
    white-space: nowrap;
}
.nav .wp_nav>li ul li:hover a{
    background: #003d8d;
    color: #fff;
}
.nav .wp_nav>li:hover ul li a{
    height: 40px;
    opacity: 1;
    transition: height .5s,opacity .5s;
}
/*  */
.search{
    width: 227px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    float: right;
    margin: 5px 0;
    
}
.search .search-txt {
    float: left;
    width: calc(100% - 45px);
    height: 35px;
    line-height: 35px;
    color: #999;
    border:none;
    padding-left: 16px;
}
.search .search-btn {
    float: left;
    width: 45px;
    height: 35px;
    background: url("https://www.josephineteh.com/__xh__/jwc.xzhmu.edu.cn/img/search.png") no-repeat center;
    border: none;
}
.search input::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.7);
}
.search input:-moz-placeholder {
    color: rgba(102, 102, 102, 0.7);
}
.search input:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.7);
}
/* ********************************************** */

.tpgd {position: fixed;z-index: 999; top: 50%;right:5px; transform: translateY(-50%);
       display: flex; flex-direction: column;  align-items: center; gap: 5px;}

/* ********************************************** */
/* 底部 */
.footer{
    background-color: #0c4da2;
}
.footer .my_width{
    display: flex;
    height: 170px;
    align-items: center;
    justify-content: space-between;
}
.footer .erwm li{
    float: left;
}
.footer .erwm li img{
    display: block;
    width: 91px;
	height: 90px;margin: 0 auto;
}
.footer .erwm li span{
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.footer .my_width  .links{
    
}
.footer .my_width .links .links_itme{
    width: 280px;
	height: 35px;
    background-color: #fff;
    position: relative;
}
.footer .my_width .links .links_itme span{
    display: block;
    line-height: 35px;
    padding-left: 20px;
    color: #666;
    position: relative;
}
.footer .my_width  .links .links_itme span::after {
    content: "";
    display: block;
    width: 14px;
	height: 8px;
    background: url("https://www.josephineteh.com/__xh__/jwc.xzhmu.edu.cn/img/triangle.png") no-repeat;
    position: absolute;
    right: 15px;
    top: 13px;
}
.footer .my_width .links .links_itme:hover span::after {
    transform: rotate(-180deg);
    transition: transform .5s;
}
.footer .my_width .links .links_itme ul {
    background-color: #fff;
    z-index: 999;
    position: absolute;
    bottom: 35px;
    min-width: 100%;
    display: block;
    color: #333;
    box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.25);
}

.footer .my_width .links .links_itme ul li {
    opacity: 0;
    height: 0;
    line-height: 40px;
    padding: 0 15px;
    overflow: hidden;
}
.footer .my_width .links .links_itme:hover ul li{
    height: 40px;
    opacity: 1;
    transition: height  .5s,opacity .5s;
}
.footer .my_width .links .links_itme ul li:hover {
    color: #fff;
    background: rgba(12, 77, 162, .8);
}
.footer .my_width .links .links_itme ul li a {
    display: block;
}

.bottom{
    background: #022454;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
}
/* ********************************************** */



/* ********************************************** */
/* 副页 */
.gallery {
    background: url("https://www.josephineteh.com/__xh__/jwc.xzhmu.edu.cn/img/gallery.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px;
}



.subpage_left{
    width: 260px;
    float: left;
    margin-top: -40px;
    z-index: 10;
    background: #fff;
}
.subpage_left .program_name{
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
	letter-spacing: 2px;
    color: #0c4da2;
    border-bottom: 2px solid #ddd;
}
.subpage_left .program_list li{
    border-bottom: 1px solid #ddd;
}
.subpage_left .program_list li a{
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}

.subpage_left .program_list li.active a{
    color: #0c4da2;
}
.subpage_right{
    float: right;
    width: 1100px;
}
.subpage_right .subpage_right_title{
    border-bottom: solid 2px #dddddd;
    height: 60px;
}
.subpage_right .subpage_right_title .section_name{
    float: left;
    font-size: 20px;
	font-weight: bold;
	letter-spacing: 0px;
    color: #0c4da2;
    line-height: 60px;
}
.subpage_right .subpage_right_title .address{
    float: right;
    font-size: 14px;
    color: #999999;
    line-height: 60px;
}
/* ********************************************** */