html, body {
    height: 100%;
}

body{
    display: flex;
    flex-direction: column;
}


.header{
    height:280px;
    background:url(../img/index-header.jpg) no-repeat center #143e88;
    min-width: 1200px;
}
.contentBox{
    width:1200px;
    margin:auto;
}
.head{
    height:280px;
    position: relative;
}
.head .logo{
    width:350px;
    height:75px;
    background: url("../img/logo.png") left center no-repeat;
}

.index{
    background: url("../img/index.png") no-repeat bottom right;
}


.nav ul{
    margin-left: 20px;
}
.nav ul li{
    float: left;
    width: 100px;
    padding-top:30px;
}
.nav ul li a{
    display:block;
    text-decoration:none;
    font-size:16px;
    text-align: center;
    color: #fff;
    font-family: SimHei;
    padding: 0 10px;
}
.nav ul li a:hover{
    font-weight:bold;
}

.head .form{width:308px;background:url("../img/inputBg.png");height: 40px;margin-top:20px;margin-right:40px;}
.head .form input[type='text']{font-family: "Microsoft YaHei";width:250px;height:40px;padding-left:5px;line-height:40px;font-size:14px;text-indent:10px;border:none;outline: none;background:none;color: #fff;}
.head .form input[type='submit']{width:45px;height:40px;background: url(../img/sousuo.png) no-repeat center;border:none;outline: none;}

.head .form input::-webkit-input-placeholder{
    color:#fff;
}

.loginBtn{
    width:130px;
    height:55px;
    background:#fff;
    border-radius:5px;
    margin-top:10px;
}
.loginBtn a{
    display:block;
    line-height:55px;
    font-family:"Microsoft Yahei";
    font-size:18px;
    letter-spacing:2px;
    color:#207eff;
    text-align: center;
    text-decoration:none;
}

.indexTip{
    letter-spacing: 3px;
}
.indexTip h1 {
    font-size: 36px;
    font-family: "Microsoft Yahei";
    color: #fff;
    font-weight: bold;
    padding-top: 100px;
    padding-bottom: 25px;
}
.indexTip span {
    font-size: 20px;
    font-family: "Microsoft Yahei";
    color: #fff;
}

.commonTit{
    font-size: 24px;
    color: #333;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    padding:25px 0;
}

.menu{
    background: #f6f7f8;
}
.menubox{
    width: 1200px;
    margin:0 auto;
    padding: 20px 0;
}
.menu .menubox .sort {
    margin-bottom:15px;
}
.menu .menubox .list {
    float: left;
    width: 1070px;
}
.menu .menubox .title {
    float: left;
    color: #4a535c;
    padding: 5px 0;
    margin: 5px 0;
    font-size:14px;
    font-family:"Microsoft Yahei";
}

.menu .menubox .proLevel {
    float: left;
}

.menu .menubox .sub-sort li {
    float: left;
    display: inline-block;
    margin:5px 3px;
    padding:5px 8px;
    color: #24282b;
    font-size:14px;
    cursor: pointer;
    font-family:"Microsoft Yahei";
}

.menu .menubox li.active,.menu .menubox li:hover {
    color: #fff;
    background: #143e88;
    border-radius:3px;

}
.menu .menubox li:hover a,.menu .menubox li.active a{
    color: #fff;
}
.slideBox ul{
    display: none;
}

.course{
    width:1200px;
    margin:0 auto;
    min-height:200px;}

.course li {
    float: left;
    width: 225px;
    height:210px;
    margin: 0 15px 25px 0;
    position: relative;
    transition: 0.2s;
    background: #fff;
}

.course li a {
    display:block;
    height:100%;
}

.course li .cbox .pic {
    overflow:hidden;
    height:150px;
}

.course li .cbox {
    cursor:pointer;
    height:100%;
}

.course li .cbox .pic {
    overflow:hidden;
    height:150px;
}

.course li .cbox .pic img {
    width:100%;
    height:150px;
    transition:0.5s;
}

.course li:hover .cbox .pic img {
    transform:scale(1.1);
}
.course li:hover {
    transition:0.2s;-moz-box-shadow:5px 5px 10px #e2e2e2; -webkit-box-shadow:5px 5px 10px #e2e2e2; box-shadow:5px 5px 10px #e2e2e2;
}

.course li .cbox .text {
    margin-top:5px;
    position:relative;
    padding: 0 8px;
}

.course li .cbox .text .infor {
    float:left;
    width:100%;
    font-family: "Microsoft Yahei";
}

.course li .cbox .text .infor p.p1 {
    color:#24282b;
    overflow:hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

.course li .cbox .text .infor p.p2 {
    margin-top:5px;
    color:#999;
}
.course ul{
    min-height: 360px;
}

.course li .cbox .text .infor p.p2 span {
    float: right;
    display:inline-block;
    max-width:100%;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    background: url("../img/person.png") no-repeat left center;
    white-space: nowrap;
    padding-left: 18px;
    text-overflow: ellipsis;
}
.course li .cbox .text .infor p.p2 label{
    float:left;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 3px 5px;
    border-radius: 3px;
}

.red{
    background:#e95442;
}
.blue{
    background:#367dd6;
}
.kong {
    padding:0 !important;
    background:#ffba00;
}
.noSearch{
    width: 100%;
    height: 250px;
    background: url("../img/noSearch.png") no-repeat center;
}

.footer{
    background:#143e88;
    height: 45px;
    margin: auto;
    line-height: 45px;
    min-width: 1200px;
    width: 100%;

}
.footer ul {
    height: 45px;
    overflow: hidden;
    text-align: center;
}
.footer ul li{
    display: inline-block;
    color: #fff;
    padding: 0 25px;
    font-family:"Microsoft Yahei";
    font-size:14px;
}
.footer ul li a{
    font-size:14px;
    color:#fff;
    font-family:"Microsoft Yahei";
    text-decoration:none;
}




/*二级页面*/
.container {width:1170px; margin:25px auto;background: #fff;}
.content2 {padding: 20px;}
.aside {width:220px;overflow: hidden;}
.aside h2 {height:55px;line-height:55px; color: #fff; font-size:22px;font-family:"Microsoft YaHei";background:#143e88;text-align: center;margin-bottom:10px;}
.aside ul li {background: #f0f0f0;margin-top: 1px;}
.aside ul li a {display:block; height:40px; line-height:40px; color: #333; font-size:16px; font-family:"Microsoft YaHei"; font-weight: normal; text-decoration: none; padding-left:40px; background: #eeeeee;}
.aside ul li a:hover {color:#ffffff; background: #143e88;}
.level3 {display: block !important;}
.level3 > li > a {    font-size: 12px !important;
    padding-left: 57px !important}
.level4 {display: none;}
.level4 > li > a {padding-left:10px;background: #E36776;}
.level2 > li > .arrow:hover,.level3 > li > .arrow:hover,.level4 > li > .arrow:hover,.level2 > li > .current,.level3 > li > .current,.level4 > li > .current {color:#DDDBDB;background: url(../img/bg-btn2.png) top center no-repeat;}

.arroww{background:#143e88 !important;color: #fff !important;}


.contentLi {width:935px; margin-left: 10px;}
.breadcrumb {height:47px;border-bottom:3px solid #eee;overflow: hidden;}
.breadcrumb ul {float: left;}
.breadcrumb ul li a, .breadcrumb ul li {color:#666; font-size:12px; line-height:55px;font-family: serif;}
.breadcrumb ul li a:hover {text-decoration: none; color:#143e88;}
.breadcrumb b{    float: left;
    padding:0 15px;
    height:47px;
    line-height:55px;
    font-size: 18px;
    color: #143e88;
    border-bottom: 2px #143e88 solid;
    font-weight: normal;}
.title_info {
    font-family: serif;
    width: 100%;
    float: left;
    color: #666;
    text-align: center;
    padding: 20px 0;
    font-size: 15px;
    margin-bottom:20px;
    border-bottom: 1px #ccc dashed;}

.articleLi {margin-top:5px;min-height:450px;}
.articleLi ul {margin: 10px; min-height:400px;}
.articleLi ul li {height:35px;background: url(../img/b1.png) left center no-repeat;padding-left:15px;}
.articleLi ul li a {height:35px; line-height: 35px; font-size:14px;color:#666;text-decoration: none;cursor: pointer;}
.articleLi ul li a h3 {font-size: 14px;font-weight: normal;}
.articleLi ul li a:hover {color:#143e88;}

.page {text-align: center;margin-top: 20px;margin-bottom: 20px;font-size:14px;color: #666666;}
.page a {border: 1px solid #ccc;color: #727272;padding:5px;background: #f1f1f1;cursor: pointer;}
.page a:hover {color: #143e88;text-decoration: none;}

/*三级页面*/
.content3 {padding: 20px;}
.contentArt {width:935px; margin-left: 10px;}
.articlePage {margin-top: 30px;min-height:450px;}
.articlePage h2 {    text-align: center;
    font-size: 27px;
    line-height: 30px;
    color: #143e88;
    font-weight: normal;}
.articlePage > p img {display: block;margin:10px auto;cursor:pointer;}
.articlePage > p {font-family:"Microsoft YaHei";line-height:25px;    padding-top: 10px;
    text-align: justify;
    color: #666;
    text-indent: 2em;
    font-size: 14px;}
.articlePage table {margin:0 auto;}
.articlePage table td {text-align: left;font-size:14px; color:#666;padding: 10px;line-height: 22px;}
.articlePage table td p{text-indent: 0;font-size: 14px;text-align:left;font-family: "Microsoft YaHei";color: #666;line-height:25px;}
.articlePage object{margin-left: -2em;}