html,body,#portal{width:100%;height:100%;background:#fff}
body{overflow-y:auto}

.nav{height:45px;width:100%;min-width:1200px;}
.nav .nav-cont{width: 1200px;height: 100%; background:#f2f8ff;margin:0 auto;text-align:left}
.nav .nav-cont .wp_nav{display: flex; align-items: center}
.nav .nav-cont .wp_nav>.nav-item {flex:1;padding-left: 2px;padding-right: 2px;}
.nav .nav-cont .wp_nav>.i1{flex: none; width: 85px}
.nav .wp_nav .nav-item a {height:45px;line-height: 45px;border: none;}
.wp_nav .nav-item a span.item-name {display: inline-block;padding: 0 10px !important;font-size: 18px;color: #333333;font-weight: bold;line-height: 45px !important;box-sizing: border-box;}
.wp_nav .sub-nav {top: 45px !important;border: none;height: auto !important;background: #005faf;}
.wp_nav>.nav-item>.sub-nav{left: 50% !important;transform: translateX(-50%);min-width:100%}
.wp_nav>.nav-item.i6>.sub-nav{height: 315px !important;}
.wp_nav .sub-nav .nav-item a{text-align: center;}
.wp_nav .sub-nav .nav-item a.parent{background: #0f7ad4 !important;color: #FFFFFF !important;}
.wp_nav .sub-nav .nav-item a .item-name{color: #FFFFFF;}
.wp_nav>.nav-item>.sub-nav>.nav-item>a>.item-name{width: 100%;}
.wp_nav>.nav-item>.sub-nav>.nav-item>.sub-nav>.nav-item>a>.item-name{font-size: 16px}
.wp_nav .sub-nav .nav-item .mark {background: #005faf;}
.wp_nav>.nav-item>.sub-nav>.nav-item>.sub-nav{
    top: 0 !important;
    max-width: 500px !important;
    display: flex;
}
.wp_nav>.nav-item.i6>.sub-nav>.nav-item.i6-6>.sub-nav{
    width: 500px !important;
    flex-wrap: wrap;
}
.wp_nav>.nav-item>.sub-nav>.nav-item>.sub-nav>.nav-item{
    width: initial !important;
}

.flex{display: flex}
.flex-align-center{display: flex; align-items: center}
.flex-between-center{display: flex; justify-content: space-between; align-items: center}

.page{height:100%;position: relative}
.wrapper{width: 1200px}

.page .header{background:#134b9f;width:100%;height:116px;}
.page .header .header-cont{margin: 0 auto}
.page .header .header-cont .header-logo img{height: 79px}
.page .header .header-cont .header-open-university-icon{width: 171px; height: 41px; cursor: pointer}

.page .banner{width:100%;height:320px;}
.page .banner .banner-cont{height:100%; margin: 0 auto}
.page .banner .banner-cont .focus-box{width: 1200px !important; height: 320px !important}
.page .banner .banner-cont .focus-box .focus-navigation{display: none}
.page .banner .banner-cont .focus-box .focus-title-bg{background-color: unset;}
.page .banner .banner-cont .focus-box .focus-container{width: 100% !important; height: 100% !important}
.page .banner .banner-cont .focus-box .focus-container .focus-item a{pointer-events: none}
.page .banner .banner-cont .focus-box .focus-pagination{left: 50%; right: unset; transform: translateX(-50%); z-index: 1}
.page .banner .banner-cont .focus-box .focus-pagination .focus-page{background-color: #FFFFFF;width: 7px; height: 7px; line-height: 7px; border-radius: 50%}
.page .banner .banner-cont .focus-box .focus-pagination .focus-page-active{background-color: #0073d3; width: 20px; border-radius: 5px}
.page .banner .banner-cont .focus-box .focus-title-bar{display: none !important;}

.page .container{display:flex;flex-direction: column; min-height: calc(100% - 116px - 320px - 256px)}
.page .container .content{flex:1;height:0; background: url("../images/list-column-cont-bg.png") no-repeat bottom / 1200px 100%;padding: 30px 0; margin:0 auto;}
.page .container .content .panel .wp_paging{display: none}
.page .container .content .panel .title-bold{text-align:center;font-size: 20px;font-weight: bold;color: #134B9F;}
.page .container .content .panel .date{background-color: #fff;font-size: 12px;color: #666666;text-align: center;padding: 7px 0;margin: 18px 0}
.page .container .content .panel .panel-cont{padding: 0 40px; min-height: 400px}

.page .footer{width:100%;height:256px;background-color: #134B9F}
.page .footer .footer-cont{height: 214px; margin:0 auto; background: url("../images/foot-bg.png") no-repeat center / contain}
.page .footer .footer-cont{height: 100%; padding: 0 40px}
.page .footer .footer-cont{height: 100%; color: #FFFFFF; font-size: 16px; font-weight: 500}
.page .footer .footer-cont .link{margin-top: 10px; align-items: flex-start}
.page .footer .footer-cont .link .link-label .link-icon{width: 20px; height: 20px; margin-right: 8px}
.page .footer .footer-cont .link .link-cont .link-item{text-align: left}
.page .footer .footer-cont .link .link-cont .link-item a{text-decoration: none; font-size: 16px; color: #FFFFFF;}
.page .footer .footer-cont .link .link-cont .link-item+.link-item{margin-top: 5px}
.page .footer .footer-cont .code{font-size: 14px;text-align: center}
.page .footer .footer-cont .code img{width: 115px; height: 115px}
.page .footer .footer-filings{width:100%; height: 42px;line-height: 42px; background-color: #285ba7; color: #FFFFFF; font-weight: 600; font-size: 12px}
.page .footer .footer-filings .footer-filings-panel{height:100%; width:1200px; margin: 0 auto; text-align: center}
.page .footer .footer-filings .footer-filings-panel .footer-filings-panel-text{color: #a0b7d8; text-decoration: none; font-size: 12px}
