*{
    margin:0;
    padding:0;
    list-style: none;
    border:none;
    background:none;
}
html,body{
    background:#efeff7;
    color:#2a2a2a;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}
button,input,select{
    outline:none;
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}
a{
    text-decoration: none;
    color:#2a2a2a
}
img{
    display: block;
    width:100%;
}
.advertisement{
    width:100%;
    display: flex;
    justify-content: center;
    height:160px;
    align-items: center;
    background-image: linear-gradient(to left top,#d7e3ef, #fff);
}
.advertisement>p{
    height:90px;
    overflow: hidden;
    margin:0 26px;
    position: relative;
}
.advertisement>p img{
   width:100%;
   height:90px;
}
.advertisement>p:nth-child(1),.advertisement>p:nth-child(3){
    width:125px;
    height:95px;
}
.advertisement>p:nth-child(1) img,.advertisement>p:nth-child(3) img{
    width:125px;
    height:95px;
}
.advertisement>p:nth-child(2){
    width:640px;
}

.nav{
    width:100%;
    height:72px;
    background:#1d388b;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav ul{
    width:960px;
    display: flex;  
    justify-content: space-between;
}
.nav ul li{
    display: flex;
    flex:1;
    font-size:25px;
    cursor: pointer;
    justify-content: center;
}
.nav ul li:nth-child(1){
    justify-content: flex-start;
}
.nav ul li:nth-child(3){
    margin:0 50px 0 30px;
}
.nav ul li:last-child{
    justify-content: flex-end;
}
.nav ul li span{
    position: relative;
    padding-left:15px;
}
.nav ul li span a{
    color:#fff;
}
.nav ul li span:before{
    content:'';
    width:5px;
    height:24px;
    position: absolute;
    left:0;
    top:4px;
    background:#3598db;
}
.area{
    width:100%;
    height:320px;
    background:url(//n.sinaimg.cn/edu/sxy/bg_02.jpg) no-repeat center center;
    padding-top:24px;
}
.brand{
    width:1000px;
    height:106px;
    border-top:1px solid #f8f9fa;
    border-bottom:1px solid #f8f9fa;
    margin:0 auto 20px;
    display:flex;
    position:relative;
}
.brand>p{
    width:900px;
    height:60px;
    position: absolute;
    right:10px;
    top:20px;
    display:none;
    z-index:2;
    cursor: pointer;
}
.brand h2{
    width:80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:url(//n.sinaimg.cn/edu/sxy/bigbian.png) no-repeat right center;
    font-size:20px;
    color:#1d388a;
    font-weight:bold;
}
.brand ul{
    display: flex;
    width:920px;
}
.brand ul li{
    display: flex;
    flex:1;
    justify-content: center;
    align-items: center;
    background:url(//n.sinaimg.cn/edu/sxy/bigbian.png) no-repeat right center;
    background-size:2px 71px;
}
.brand ul li img{
    width:100px;
    height:45px;
    cursor: pointer;
}
.brand ul li:last-child{
    background:none;
}
.category{
    width:1000px;
    height:165px;
    background:#fff;
    margin:0 auto;
    display: flex;
}
.category>p{
    width:184px;
    display: flex;
    flex-direction: column;
}
.category>p span{
    cursor: pointer;
    display: flex;
    flex:1;
    flex-direction: column;
    color:#5a5a5a;
    font-size:23px;
    padding-left:25px;
    justify-content: center;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    background:#efeae7;
}
.category>p span.active{
    border:none;
    background:#fff;
    position: relative;
    color:#1d388b;
}
.category>p span.active::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    height:100%;
    background:#1d388b;
    width:7px;
}
.category>p font {
    font-size:15px;
    display: block;
  
}
.category>div{
    position: relative;
}
.category>div.active>div:nth-child(2){
    display: flex;
}
.category>div.active>div:nth-child(1){
    display: none;
}
.category>div>span{
    position: absolute;
    top:0;
    right:0;
    border-left:1px solid #bfbfbf;
}
.category>div>div{
    width: 816px;
    display: flex;
    padding:20px 0;
    border-right:1px solid #dfdfdf;
}
.list{
    border-right:1px solid #dfdfdf;
    padding-left:20px;
    width:236px;
    display: flex;
    justify-content: center;
    height:125px;
    flex-direction: column;
}
.list:last-child{
    border-right:none;
}
.list dl{
    display: flex;
    align-items: center;
}
.list dl dt{
    margin-right:7px;
}

.list dl dt,.list dl dt img{
    width:70px;
    height:auto;
}
.list dd p:nth-child(1){
    font-size:16px;
    color:#4c4b4c;
    line-height:30px;;
}
.list dd p a:hover{
    text-decoration: underline;
}

.list dd p:nth-child(2){
    font-size:12px;
    color:#939292;
    line-height:25px;;
}
.list dd p:nth-child(3) {
    display: flex;
}
.list dd p:nth-child(3) span{
    font-size:12px;
    color:#444343;
    display: flex;
    padding:3px 5px;
    margin-right:9px;
   
    border:1px solid #efefef;
    cursor: pointer;
}
.list dd p:nth-child(3) span a{
    display: flex;
    background:#f5f5f5;
}
.list dd p:nth-child(3) span a:hover{
    background:#fff;
    color:#ff2d30;
    text-decoration: underline;
}
.list dd p:nth-child(3) span img{
   width:19px;
}
/* .list dd p:nth-child(3) img:nth-child(2){
    margin-left:5px;
} */
.list>p{
    font-size:15px;
    color:#4c4b4c;
    margin-top:5px;
}
.list>p e{
    font-size:20px;
    color:#b34a4b;
}
.category>div>span{
    display: flex;
    width:60px;
    flex-direction: column;
}
.category>div>span font{
    color:#bebebe;
    font-size:38px;
    align-items: center;
    justify-content: center;
    display: flex;
    height:75px;
    cursor: pointer;
}
.category>div>span font:nth-child(1){
    height:90px;
    border-bottom:1px solid #bfbfbf;
}
.category>div>span font:nth-child(1) img{
    width:29px;
    height:27px;
}
.category>div>div:nth-child(2),.category>div.category_two{
    display:  none;
}
.newcontent{
    background:#fff;
    padding:20px 0;
}
.new{
    width:1000px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.new_left{
    width:660px;
    height:371px;
}
.new_left .swiper-pagination-bullet{
    width:33px;
    height:6px;
    background:#fff;
    border-radius:0;
}
.new_left .swiper-slide{
    width:660px;
    height:371px;
    overflow: hidden;
}
.new_left .swiper-slide a{
    display: block;
    position: relative;
}
.new_left .swiper-slide p{
    position: absolute;
    bottom:35px;
    left:15px;
    font-size:18px;
    color:#fff;
}
.new_left img{
    width:660px;
    height:371px;
}
.new_right{
    width:300px;

}
.new_right>p,.read>p,.brandactivity>p{
    border-top:1px solid #0c2d86;
    height:34px;
    background:#f6faff;
    line-height:34px;
    color:#1d388b;
    font-weight:bold;
    font-size:18px;
    padding-left:10px;

}
.new_right>p span,.read>p span,.brandactivity>p span{
    width:60px;
    float:right;
    text-align: center;
}
.new_right>div{
    color:#5a5a5a;
    font-size:13px;
    line-height:20px;
    margin-top:6px;
}
.new_right>div h4,.activity_left h4{
    font-size:17px;
    padding:5px 0;
}
.new_right>div h4 a:hover,.activity_left h4 a:hover{
    color:#1d388b;
    text-decoration: underline;
}
.new_right>div>span{
    display: block;
    width:300px;
    height:250px;
    margin-top:10px;
    overflow: hidden;
    position: relative;
}
.new_right>div span img{
    width:300px;
    height:250px;
}
.activity,.hotspot{
    width:100%;
    display: flex;
    justify-content:center;
}
.activity{
    padding-top:30px;
}
.activity_left{
    width:660px;
    font-size:13px;

}
.activity_left ul {
    height:auto;
}
.activity_left ul li{
    width:320px;
    float:left;
    margin-top:10px;
}
.activity_left ul li:nth-child(2),.activity_left ul li:nth-child(4){
    margin-left:20px;
}
.activity_right{
    width:300px;
    margin-left:42px;
    background:#fff8f5;
}
.activity_right>p{
    height:82px;
    background:#fff;
    display: flex;
    padding-left:15px;
    align-items: center;
    font-size:19px;
    color:#1d388b;
    font-weight:bold;
}
.activity_right>h3{
    height:50px;
    line-height:60px;
    padding:10px;
    font-size:19px;
}
.activity_right>h3 font{
    font-size:15px;
    font-weight:normal;
    margin-left:20px;
}
.activity_right>h3 font e{
    color:#fd231c;
    margin:0 5px;
}
.activity_right>div{
    padding:0 10px;
}
.activity_right>div p{
    margin-top:30px;
}
.activity_right>div form{
    display: flex;
    flex-wrap: wrap;
}
.activity_right>div select{
    margin-bottom:15px;
}
.activity_right>div select,.activity_right>div  input{
    background:#fff;
    width:84px;
    height:44px;
    padding-left:5px;
    border:1px solid #d0d0d0;
    margin-right:9px;
}
.activity_right>div select{
    margin-right:8px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:url("//n.sinaimg.cn/edu/sxy/jiantou.png") no-repeat scroll right 5px center transparent;
}
.activity_right>div select:last-child{
    margin-right:0;
}

.activity_right>div  input{
width:176px;
}
.activity_right>div .leibie span:nth-child(2),.activity_right>div .leibie span:nth-child(4){
    margin-left:2px;
}
.activity_right>div .leibie span{
    width:139px;
    height:42px;
    background:#1d388b;
    border-radius:5px;
    display: block;
    float: left;
    color:#fff;
    line-height:42px;
    text-align: center;
    margin-bottom:18px;
    cursor: pointer;
}
.activity_right>div .leibie span:hover{
    background:#3a55ab
}
.activity_right>div .leibie span a{
    color:#fff;
}
.activity_right>div .icon_btn{
    width:80px;
    height:46px;
    background:#ff2d30;
    color:#fff;
    font-size:15px;
    border-radius:10px;
    line-height:46px;
    text-align: center;
    cursor: pointer;
    margin-right:0;
    border:none
}
.brandactivity{
    clear: both;
    padding-top:20px;
    position: relative;
}
.brand-container{
    width:597px;
    margin:18px auto 0;
    height:187px;
}
.brand-container .swiper-slide p{
    width:177px;
    height:187px;
    float: left;
    position: relative;
    overflow: hidden;
}
.brand-container .swiper-slide p span{

    font-size:14px;
    color:#fff;
    height:30px;
    background:#8f8f94;
    display: block;
    width:100%;
    text-align: center;
    line-height:30px;
}
.brand-container .swiper-slide p img{
    width:177px;
    height:157px;
}
.brand-container .swiper-slide>p:nth-child(2){
    margin:0 33px;
}
.brandactivity .swiper-button-prev{
    width:20px;
    height:61px;
    background:url(//n.sinaimg.cn/edu/sxy/left.png) no-repeat;
    margin-top:6px;
    left:0;
    
}
.brandactivity .swiper-button-next{
    width:20px;
    height:61px;
    background:url(//n.sinaimg.cn/edu/sxy/right.png) no-repeat;
    margin-top:6px;
    right:0;
}
.propaganda{
    width:1000px;
    margin:30px auto;
    position: relative;
}
.hotspot_left{
    width:650px;
    height:auto;
    background:#fff;
    padding:0 0 10px;
}
.hotspot_left>p{
    display: flex;
    height:50px;
    width:648px;
    align-items: center;
    border:1px solid #eee;
    border-top:2px solid #3a609c;
}
.hotspot_left>p.fixedp{
    position:fixed;
    top:0;
    z-index:3;
    background:#fff;
}
.hotspot_left>p span{
    display: flex;
    flex:1;
    justify-content: center;
    font-size:17px;
    color:#545454;
    align-items: center;
    height:50px;
    cursor: pointer;
}
.hotspot_left>p span.active{
    color:#3a609c;
    border-bottom:2px solid #3a609c;
}
.hotspot_left ul{
    padding-left:10px;
}
.hotspot_left li{
    width:590px;
    border-bottom:1px solid #e4e4e4;
    padding:10px 0;
}
.hotspot_left li h3{
    color:#2a2a2a;
    font-size:16px;
    line-height:40px;
}
.hotspot_left li a:hover{
    text-decoration: underline;
}
.hotspot_left li dl{
    display: flex;
    line-height:20px;
}
.hotspot_left li dt{
    width:104px;
    height:70px;
    overflow: hidden;
}
.hotspot_left li dt img{
    width:104px;
    height:70px;
}
.hotspot_left li dd{
    width:475px;
    font-size:13px;
    color:#5a5a5a;
    margin-left:15px;
}
.hotspot_left li>p {
    line-height:30px;
    display: flex;
    height:30px;
    align-items: center;
    font-size:12px;
    color:#484747;
    justify-content: space-between;
}
.hotspot_left li>p span{
    display: flex;
}
.hotspot_left li>p span e{
    width:120px;
}
.hotspot_left li>p span:nth-child(2) font{
    padding:0 10px;
    cursor: pointer;
}
.hotspot_left li>p span:nth-child(2) font:hover{
    text-decoration:underline;
}
.page{
    width:590px;
    display: flex;
    justify-content: center;
    margin:20px 0;
}
.page span{
    display: inline;
    font-size:10px;
    color:#2a2a2a;
    padding:5px 15px;
    border:1px solid #e3e2e2;
    background:#f5f5f5;
    border-radius:5px;
    margin:0 1px;
    cursor: pointer;
}
.page span.notap{
    background:#fff;
    border:1px solid #dfdede;
    color:#dfdede;
}
.page span.active{
    border:1px slolid #3a609c;
    background:#3a609c;
    color:#fff;
}
.hotspot_right{
    width:300px;
    margin-left:42px;
   
}
.hotspot_right>div{
    background:#ffff;
    padding-bottom:40px;
    margin-bottom:20px;
}
.hotspot_right>div>p{
    height:76px;
    background-color:#fff8f5;
    display: flex;
    align-items: center;
    font-size:21px;
    font-weight: bold;
    padding-left:20px;
    border-top:1px solid #0c2d86;
}
.hotspot_right>p.fixedp{
    position: fixed;
    top:0;
    z-index:3;
}
.hotspot_right dl a{
    display: flex;
    padding:20px 0;
    margin:0 15px;
    border-bottom:1px solid #f1f1f1;
}
.hotspot_right dl dt{
    width:74px;
    height:74px;
    overflow: hidden;
    margin-right:15px;
    border-radius:15px;
}
.hotspot_right dl img{
    width:74px;
    height:74px;
 

}

.hotspot_right dl dd{
    width:175px;
    font-size:12px;
    color:#5a5a5a;
    display: flex;
    line-height:20px;
    flex-direction: column;
    padding-bottom:5px;
    justify-content: space-between;
}
.hotspot_right dl dd span{
    color:#949494;
}
.hotspot_right>p{
    width:300px;
    height:250px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.hotspot_right>p img{
    width:300px;
    height:250px;
}
.new_right>div span img,.brand-container .swiper-slide p img,.hotspot_left li dt img,.hotspot_right>p img,.hotspot_right dl dt img{
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}

.new_right>div span img:hover,.brand-container .swiper-slide p img:hover,.hotspot_left li dt img:hover,.hotspot_right>p img:hover,.hotspot_right dl dt img:hover{
    transform: scale(1.05, 1.05);
    -webkit-taransform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
}
.edu-container {
    width: 1000px;
    margin: 0 auto;
}

.head {
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-top: 2px solid #123586;
}

.nav-l {
    float: left;
}

.nav-l img {
    margin-top: 9px;
}

.nav-r {
    float: right;
    margin-top: 15px;
    font-size:12px;
}

.nav-r li {
    height: 15px;
    line-height: 15px;
    display: inline-block;
    float:left;
    padding-left: 13px;
    padding-right: 10px;
}

.nav-r li:not(:first-child) {
    border-left: 1px solid #57a7e7;
}

.nav-r li:not(:last-child) {
    border-right: 1px solid #c78700;
}

.nav-r li a {
    text-decoration: none;
    color: #333;
}
.foot {
    width: 100%;
    height: 200px;
    background: #fff;
    padding-top: 20px;
    border-top: 1px solid #ececec;
    margin-top: 50px;
    font-size: 12px;
}

.foot a {
    color: #333;
}

.foot a:hover {
    color: #ff0000;
}

.foot .footer {
    line-height: 28px;
    text-align: center;
    padding: 20px 0 0px;
}

@media (min-width: 0) and (max-width: 980px) {
    html,body,banner{
        width:1000px;
    }
}