html, body {
    height: 100%;
}

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


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

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

.moreBox{
    display:none;
    width: 64px;
    height:35px;
    text-align: center;
    margin:auto;
    margin-bottom:30px;
    cursor: pointer;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #666666;
    background: url("../img/gengduo.png") no-repeat bottom center;
}



.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 {
    color: #fff;
    background: #3cafff;
    border-radius:3px;

}



.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:#040522;
    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: #b2b6bb;
    padding: 0 25px;
    font-family:"Microsoft Yahei";
    font-size:14px;
}
.footer ul li a{
    font-size:14px;
    color:#b2b6bb;
    font-family:"Microsoft Yahei";
    text-decoration:none;
}

.content2 {padding: 20px;width: 1160px;}
.aside {width:220px;overflow: hidden;}
.aside h2 {height:55px;line-height:55px; color: #fff; font-size:22px;font-family:"Microsoft YaHei";background:#040522;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:68px; background: #eeeeee;}
.aside ul li a:hover {color:#ffffff; background: #040522;}
.level3 {display: block !important;}
.level3 > li > a {font-size: 14px !important;padding-left: 75px !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;}

.level3 li a:hover{background: url(../img/bg-btn3.png) #eee no-repeat !important; color: #333 !important;}
.arroww{background:#040522 !important;color: #fff !important;}


.contentLi {width:920px; 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:#040522;}
.breadcrumb b{    float: left;
    padding:0 15px;
    height:47px;
    line-height:55px;
    font-size: 18px;
    color: #040522;
    border-bottom: 2px #040522 solid;
    font-weight: normal;}
.title_info {
    width: 100%;
    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:#040522;}

.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: #040522;text-decoration: none;}

/*三级页面*/
.content3 {padding: 20px;width: 1160px;}
.contentArt {width:920px;margin-left:10px;}
.articlePage {margin-top:30px;min-height:450px;}
.articlePage h2 {text-align: center;
    font-size: 27px;
    color: #040522;
    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;}

/*.aside{*/
/*    height:88px;*/
/*    border-bottom:1px solid #eaeef1;margin-bottom: 20px;*/
/*}*/

/*.aside .level2 ul.fl{*/
/*    float: left;*/
/*}*/
/*.aside .level2 ul.fl li{*/
/*    float:left;*/
/*    height:60px;*/
/*    margin-top:30px;*/
/*    margin-right:40px;*/
/*}*/
/*.aside .level2 ul.fl li a{*/
/*    font-size:24px;*/
/*    color:#24282b;*/
/*    font-family:"Microsoft Yahei";*/
/*    text-decoration:none;*/
/*    display:block;*/
/*    height:58px;*/
/*    line-height:60px;*/
/*}*/
/*.aside .level2 ul.fl li.current a{*/
/*    font-weight:bold;*/
/*    border-bottom:2px solid #24282b;*/
/*}*/

/*.breadcrumb {*/
/*    float:right;*/
/*    margin-top:33px;*/
/*}*/
/*.breadcrumb ul*/
/*.breadcrumb ul li a{font-size:12px !important;}*/
/*.breadcrumb ul li {margin-right:0;color:#666;font-size:12px !important;line-height:55px;font-family:serif;height: auto;}*/
/*.breadcrumb ul li a:hover {text-decoration: none;color:#040522;}*/
/*.breadcrumb b{*/
/*    float: left;*/
/*    padding:0 15px;*/
/*    height:47px;*/
/*    line-height:55px;*/
/*    font-size: 18px;*/
/*    color: #040522;*/
/*    font-weight: normal;}*/


/*.chooseDate {*/
/*    padding-top:45px;*/
/*}*/
/*.chooseDate span{*/
/*    font-size:25px;*/
/*    color:#24282b;*/
/*    font-weight:bold;*/
/*    font-family:"Microsoft Yahei";*/
/*}*/

/*.year{*/
/*    width: 1200px;*/
/*    margin: auto;*/
/*    font-weight: bold;*/
/*    color: #333;*/
/*    font-family: "Microsoft YaHei";*/
/*    font-size: 26px;*/
/*}*/
/*.chooseDate select{*/
/*    margin: 0 5px;*/
/*    !* 清除默认边框 *!*/
/*    border: 0;*/
/*    !* 清除默认的箭头样式 *!*/
/*    appearance:none;*/
/*    -moz-appearance:none;*/
/*    -webkit-appearance:none;*/
/*    !* 右侧添加小箭头的背景图 *!*/
/*    background:url("../img/select.png") no-repeat 54px 10px #f4f7f9;*/
/*    background-size:12px;*/
/*    width:75px;*/
/*    height:25px;*/
/*    line-height:25px;*/
/*    outline:none;*/
/*    font-size:12px;*/
/*    padding: 0 2%;*/
/*}*/
/*.chooseDate select option{*/
/*    border: 0;*/
/*    text-align:center;*/
/*    background: #fff;*/
/*}*/


/*.download-list{*/
/*    padding-bottom:30px;*/
/*}*/
/*.download-list ul li{*/
/*    height:55px;*/
/*    line-height:55px;*/
/*    padding-left: 15px;*/
/*    border-bottom:1px solid #eaeef1;*/
/*}*/
/*.download-list label{*/
/*    float:left;*/
/*}*/
/*.download-list span{*/
/*    float: right;*/
/*    color: #b3b6bb;*/
/*    font-family: "Microsoft Yahei";*/
/*    font-size: 12px;*/
/*}*/

/*.download-list ul li a{*/
/*    float:right;*/
/*    display:block;*/
/*    width:75px;*/
/*    height:28px;*/
/*    font-size:14px;*/
/*    color:#fff;*/
/*    text-decoration:none;*/
/*    line-height:30px;*/
/*    text-indent:30px;*/
/*    margin-top:13px;*/
/*    margin-left:20px;*/
/*    background:url("../img/download.png") no-repeat #3cafff 10px center;*/
/*}*/

/*.download-list ul{*/
/*    min-height: 380px;*/
/*}*/

/*.news{*/
/*    width:1080px;*/
/*    margin:auto;*/
/*    padding-top: 30px;*/
/*}*/
/*.news ul {*/
/*    min-height:380px;*/
/*}*/
/*.news ul li{*/
/*    width:450px;*/
/*    height:135px;*/
/*    background:#f4f7f9;*/
/*    position:relative;*/
/*    float:left;*/
/*    margin:25px 45px;*/
/*}*/

/*.news ul li .date{*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    border-radius:10px;*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    left: -40px;*/
/*    top: -30px;*/
/*    -moz-box-shadow:1px 3px 20px 1px rgba(80, 80, 80, 0.14); -webkit-box-shadow:1px 3px 20px 1px rgba(80, 80, 80, 0.14); box-shadow:1px 3px 20px 1px rgba(80, 80, 80, 0.14);*/
/*}*/

/*.date{font-size:32px;font-weight: bold;text-align: center;line-height:68px;font-family: Arial;}*/
/*.date label{font-size:18px;font-family: "Microsoft Yahei";}*/
/*.date p {*/
/*    font-size: 14px;*/
/*    color: #999;*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    height: 25px;*/
/*    line-height: 25px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/
/*.news ul li .notic{*/
/*    padding-left: 60px;*/
/*    padding-right: 55px;*/
/*    padding-top:15px;*/
/*}*/
/*.news ul li .notic a{*/
/*    text-decoration: none;*/
/*    display: block;*/
/*}*/
/*.news ul li .notic .noticTit{*/
/*    color:#24282b;*/
/*    font-weight:bold;*/
/*    font-size:14px;*/
/*    font-family:"Microsoft Yahei";*/
/*    line-height: 23px;*/
/*    margin-bottom:10px;*/
/*}*/
/*.news ul li .notic .noticP{*/
/*    color:#89939c;*/
/*    font-size:12px;*/
/*    font-family:"Microsoft Yahei";*/
/*    line-height:22px;*/
/*    float: none;*/
/*    display: inline;*/
/*}*/
/*.news ul li .notic span{*/
/*    color:#89939c;*/
/*    font-size:12px;*/
/*    font-family:"Microsoft Yahei";*/
/*    float: right;*/
/*    line-height:22px;*/
/*}*/

/*.moreBox{*/
/*    display:none;*/
/*    width: 64px;*/
/*    height:35px;*/
/*    text-align: center;*/
/*    margin:auto;*/
/*    margin-bottom:30px;*/
/*    cursor: pointer;*/
/*    font-size: 12px;*/
/*    font-family: "Microsoft YaHei";*/
/*    color: #666666;*/
/*    background: url("../img/gengduo.png") no-repeat bottom center;*/
/*}*/

/*.page {text-align: center;margin-top:50px;margin-bottom: 20px;font-size: 12px;color: #666666;}*/
/*.page a {border: 1px solid #ccc;color: #727272;padding: 2px 4px;background: #f1f1f1;cursor: pointer;}*/
/*.page a:hover {color: #2888e8;text-decoration: none;}*/


/*.articlePage {min-height:450px;width: 1200px;margin:auto;margin-top:30px;padding-bottom:50px;}*/
/*.articlePage h2 {text-align:center;*/
/*    font-size: 27px;*/
/*    color: #24282b;*/
/*    font-weight: normal;}*/
/*.articlePage > p img {display:block;margin:10px auto;cursor:pointer;text-indent:-2em;}*/
/*.articlePage > p{*/
/*    font-family: "Microsoft YaHei";*/
/*    line-height:30px;*/
/*    padding-top:10px;*/
/*    text-align:justify;*/
/*    color: #666;*/
/*    text-indent: 2em;*/
/*    font-size: 16px;*/
/*}*/
/*.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;}*/


/*.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;*/
/*}*/

.content .contentB{
    padding:35px 0;
}
.content .contentB .title {
    height: 45px;
    font-size: 16px;
    color: #076A9D;
    position: relative;
    font-weight: 600;
    width: 1200px;
    margin: auto;
}

.content .contentB .title span,.title label{float:left;display:block;background:#fff;padding-right:5px;}
.content .contentB .title span {font-size:24px;color:#333;line-height:25px;}
.content .contentB .title label {
    font-size:18px;
    color:#a5a5a5;
    line-height:28px;
    font-family:Arial;
    font-weight:normal;}

.content .contentB .title a {
    position: absolute;
    right: 0px;
    top: 0;
    display: block;
    width: 72px;
    line-height: 25px;
    height: 25px;
    font-family:"Microsoft YaHei";
    background: #1f7efe;
    color: #fff !important;
    font-weight: normal;
    text-align: center;
    font-size:12px;
    border-radius: 20px;
}

.noticBox{
    width: 1200px;
    margin: auto;
}
.noticBox .date{width:50px;height:58px;border: 1px solid #1f7efe;}
.noticBox .date .mm{display:block;height:36px;line-height:36px;font-family:"Microsoft YaHei";font-size:24px;text-align: center;color: #fff;background: #1f7efe;}
.noticBox .date .yy{display:block;font-size:12px;color:#5b5b5b;font-family:"Microsoft YaHei";line-height:19px;text-align: center;border-top: 1px solid #1f7efe;}
.noticBox ul li{height:58px;margin-bottom:16px;width:580px;float:left;}
.noticBox ul li:nth-of-type(even){
    margin-left:20px;
}

.noticNr{width:510px;}
.noticNr a{display:block;font-size:15px;text-decoration: none;line-height:17px;}
.noticNr span{display:block;font-size:12px;font-family:serif;text-decoration: none;}
.noticTit{color:#666;height:23px;text-decoration: none;font-weight: bold;font-size: 14px;font-family:"Microsoft YaHei";}
.noticBox ul li:hover .noticTit{color: #ffae00;}
.noticP{color:#999;line-height:19px;text-align:justify;}

.noticBox ul li:hover .mm{background: #ffae00;}
.noticBox ul li:hover .date{border: 1px solid #ffae00;}
.noticBox ul li:hover .date .yy{border-top: 1px solid #ffae00;}
.noticBox .date .yy{display:block;font-size:12px;color: #5b5b5b;font-family:"Microsoft YaHei";line-height:19px;text-align: center;border-top: 1px solid #1f7efe;}