body,html{
    margin:0;
    padding:0;
    min-width:1200px;
    font-size:14px;
    color:#333333;
    background: #f9f8f8;
    font-family: "Microsoft YaHei" !important;
}
img{
    border:none;
}
.container-fulled{
    width:100%;
}
.container{
    width:1200px;
    margin:0 auto;
}
ul{
    list-style:none;
    margin:0;
    padding:0;
}
a,a:hover,a:active{
    text-decoration: none;
    color:inherit;
}
p{
    margin:0;
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:'';
    display:block;
    clear:both;
}
.whitespace{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.verticalMid{
    vertical-align: middle;
    display: inline-block;
}
.verticalTop{
    vertical-align: top;
    display: inline-block;
}
.fl{float:left;}
.fr{float:right;}
/*头部*/
#header{
    background: url("../img/headerBg.png") no-repeat;
    background-size: 100% 100%;
}
.header{
    padding:25px 0;
    color:#ffffff;
}
.header-right .toOld img{
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.header-right>img{
    float:right;
margin-bottom:15px;
}
.toOld{
display:inline-block;
vertical-align: middle;
margin-right:14px;
}
#divu1{
display:inline-block;
}
/*轮播图*/
.banner{
    position: relative;
    overflow: hidden;
}
.banner .banner-run{
    position:absolute;
    top:0;
    left:0;
}
.banner .banner-run li{
    float:left;
    position:relative;
}
.banner .banner-run li img{
    display: block;
    width:100%;
}
.banner .banner-run li p {
    position: absolute;
    bottom:0;
    left:100px;
    background: rgba(0,0,0,0.8);
    color:#ffffff;
    padding:20px 50px;
}
.banner-ctrl{
    position:absolute;
    bottom:40px;
    z-index:2;
}
.banner-ctrl li{
    width:11px;
    height:11px;
    background:#ffffff;
    float:left;
    margin-left:14px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.banner-ctrl li:first-of-type{
    margin-left:0;
}
.banner-ctrl li.active{
    width:37px;
    border-radius: 5px;
}
.next,.prev{
    position:absolute;
    z-index:2;
    top:40%;
    width:25px;
    height:69px;
    cursor: pointer;
}
.next{
    right:10px;
}
.prev{
    left:10px;
}
/*导航*/
#nav{
    position:relative;
    z-index: 1000000;
    background: #194479;
}
.nav{
    font-size:16px;
}
.fNav li{
    float:left;
    color:#ffffff;
    position:relative;
    text-align: center;
    transition: all 0.2s;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.fNav li a{
    display: inline-block;
    padding:13px 44px;
    position:relative;
    text-align: center;
    color:#ffffff;
    transition: all 0.2s;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.fNav>li.active>a{
    background:#1f4f94;
}
.fNav>li:hover>a{
    background:#1f4f94;
}
.fNav li:hover .sNav>li{
    height: 40px;
    overflow: visible;
}
.sNav{
    position:absolute;
    left:0;
    min-width:100%;
}
.sNav li{
    text-align: center;
    margin:0;
    padding:0 10px;
    min-width:100%;
    box-sizing: border-box;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 400ms ease,visibility 400ms ease;
    -moz-transition: height 400ms ease,visibility 400ms ease;
    -o-transition: height 400ms ease,visibility 400ms ease;
    transition: height 400ms ease,visibility 400ms ease;
    white-space: nowrap;
    background: #194479;
    color:#ffffff;
}
.sNav li a{
    border:none;
    color:#ffffff;
    padding:10px 0;
}
.sNav li:hover{
    background: #1f4f94;
}
.sNav li:hover>a{
    color:#ffffff;
}
.tNav{
    position:absolute;
    left:100%;
    top:0;
    min-width:100%;
}
.tNav li{
    text-align: center;
    padding:0 10px;
    min-width:100%;
    box-sizing: border-box;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 400ms ease,visibility 400ms ease;
    -moz-transition: height 400ms ease,visibility 400ms ease;
    -o-transition: height 400ms ease,visibility 400ms ease;
    transition: height 400ms ease,visibility 400ms ease;
    white-space: nowrap;
    background: #194479;
    color:#ffffff;
}
.tNav li a{
    color:#ffffff;
}
.tNav li:hover a{
    color:#ffffff;
}
.sNav li:hover .tNav li{
    height: 40px;
    overflow: visible;
}
/*主体*/
#body{
    position:relative;
    min-height:800px;
}
.blog{
    padding-top:30px;
}
.blog1{
    width:210px;
}
.blog2{
    width:700px;
    margin-left:20px;
}
.blog3{
    width:240px
}
.blog1-box{
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 3px #dddcdc;
    margin:15px 0 42px 0;
}
.blog1-box p{
    width:117px;
    height:33px;
    line-height:33px;
    font-size:18px;
    color:#ffffff;
    text-align: center;
    border-radius: 5px;
    transform: translateY(-14px);
   margin:0 auto;
}
.blog1-box:nth-of-type(1) p{
    background: #4561f3;
}
.blog1-box:nth-of-type(2) p{
    background: #c8bc54;
}
.blog1-box:nth-of-type(3) p{
    background: #df4646;
}
.blog1-box:nth-of-type(4) p{
    background: #df8746;
}
.blog1-box .blog1-changeBox{
    position: relative;
    height:125px;

}
.blog1-box .blog1-list{
    position: absolute;
    width:100%;
    height:125px;
display:none;
}
.blog1-box .blog1-list li{
    text-align: center;
    line-height:25px;
}
.blog1-changeCtrl{
    width:51px;
    margin:0 auto;
    padding:10px 0;
    overflow: hidden;
}
.blog1-changeCtrl li{
    float: left;
    width:9px;
    height:9px;
    border-radius: 50%;
    margin:0 4px;
    background: #b7b9c2;
    cursor: pointer;
}
.blog1-changeCtrl li.active{
    background: #194479;
}

.blog2{
    padding:20px 30px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 3px #dddcdc;
margin-bottom:20px;
}
.blog2 .title{
    margin-top:20px;
}
.blog2 .title img{
    display: inline-block;
    vertical-align: middle;
    margin-right:15px;
}
.blog2 .title span{
    font-size:20px;
    font-weight:bold;
    display: inline-block;
    vertical-align: middle;
}
.blog2 .title .more{
    float:right;
    font-size:14px;
    font-weight: normal;
    text-decoration: underline;
    margin-top:5px;
}
.blog2 ul{
    margin-top:15px;
}
.blog2 ul li{
    font-size:14px;
    line-height:14px;
    overflow: hidden;
    padding-bottom:12px;
}
.blog2 ul li span{
    float:right;
}

.blog3-box{
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 3px #dddcdc;
    margin:0 0 45px 0;

}
.blog3-box img{
    display: block;
    margin:0 auto;
    padding:10px 0 5px 0;
}
.blog3-box p{
    font-size:18px;
    text-align: center;
    font-weight: bold;
}
.blog3-box .blog3-changeBox{
    position: relative;
    height:125px;

}
.blog3-box .blog3-list{
    position: absolute;
    width:100%;
    height:125px;
display:none;
}
.blog3-box .blog3-list li{
    text-align: center;
    line-height:25px;
}
.blog3-changeCtrl{
    width:51px;
    margin:0 auto;
    padding:10px 0;
    overflow: hidden;
}
.blog3-changeCtrl li{
    float: left;
    width:9px;
    height:9px;
    border-radius: 50%;
    margin:0 4px;
    background: #b7b9c2;
    cursor: pointer;
}
.blog3-changeCtrl li.active{
    background: #194479;
}


.blog4 ul li{
    float:left;
    width:250px;
    height:80px;
    margin-right:66px;
    margin-bottom:30px;
    position: relative;
}
.blog4 ul li:nth-of-type(4n){
    margin-right: 0;
}

.blog4 ul li span{
    position: absolute;
    color:#ffffff;
    width:250px;
    height:35px;
    top:22px;
    left:0;
    line-height:35px;
    text-align: center;
    font-size:16px;
}
.blog4 ul li:nth-of-type(1) span{
    /*background: #5069eb;
    opacity: 0.8;
    filter:alpha(opacity=80);*/
    background: rgba(80,105,235,0.8);
}
.blog4 ul li:nth-of-type(2) span{
    /*background: #8c8f56;
    opacity: 0.79;
    filter:alpha(opacity=79);*/
    background: rgba(140,143,86,0.79);
}
.blog4 ul li:nth-of-type(3) span{
    /*background: #1ba189;
    opacity: 0.9;
    filter:alpha(opacity=90);*/
    background: rgba(27,161,137,0.9);
}
.blog4 ul li:nth-of-type(4) span{
    /*background: #beb817;
    opacity: 0.73;
    filter:alpha(opacity=73);*/
    background: rgba(190,184,23,0.73);
}
.blog4 ul li:nth-of-type(5) span{
    /*background: #ef8f1e;
    opacity: 0.83;
    filter:alpha(opacity=83);*/
    background: rgba(239,143,30,0.83);
}
.blog4 ul li:nth-of-type(6) span{
    /*background: #1c9bdd;
    opacity: 0.72;
    filter:alpha(opacity=72);*/
    background: rgba(28,155,221,0.72);
}
.blog4 ul li:nth-of-type(7) span{
    /*background: #c25417;
    opacity: 0.71;
    filter:alpha(opacity=71);*/
    background: rgba(194,84,23,0.71);
}
.blog4 ul li:nth-of-type(8) span{
    /*background: #de4e4d;
    opacity: 0.84;
    filter:alpha(opacity=84);*/
    background: rgba(222,78,77,0.84);
}

/*底部*/
#footer{
    background:url("../img/footerBg.png") no-repeat;
    background-size: 100% 100%;
    color:#fbfbfb;
    position:relative;
    overflow: hidden;
    line-height:24px;
}
.copy{
    padding:25px 0;
    font-size:12px;
    text-align: left;
}
.links{
    padding:25px 0;
    margin-left:180px;
}
.links p{
    font-size:14px;
}
.links ul{
    margin-top:0;
width: 480px;
}
.links li{
    float:left;
    width:50%;
    font-size:12px;
}
.erCode{
    padding:5px 0;
}
.erCode>div{
    margin-top:30px;
    margin-left:20px;
    font-size:12px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
/*二级页面*/
.erBody{

}
.list-page{
    box-sizing: border-box;
    min-height:800px;
}
.list-left{
    background-size: 100%;
    position:relative;
    margin-top:40px;
    background: #ffffff;
}
.list-location{
    background: #214c81;
    font-size: 16px;
    text-align: center;
    height: 52px;
    line-height: 52px;
    font-weight: bold;
    color: #ffffff;
}
.list-ul{
    width:240px;
    float:left;
 
}
.list-ul .title{
    background: #194479;
    font-size:16px;
    text-align: center;
    height:72px;
    line-height:72px;
    font-weight:bold;
    color:#ffffff;
}
.list-ul .leftSec{
    background:#dee4e8 url("../img/leftListBg.png") no-repeat center bottom;
}
.list-ul .leftSec1{
background:#dee4e8 url("../img/leftListBg1.png") no-repeat center bottom;
}
.list-ul ul{
    background: #f4f4f4;
    padding:10px 0 165px 0;
    min-height:323px;
box-sizing: border-box;
}

.list-ul li{
    position:relative;

}
.list-ul>ul>li.active{
border-left:5px solid #3068ae;
}
.list-ul li .hasDown{
    position:absolute;
    cursor: pointer;
    width:20px;
    height:35px;
    top:0;
    right:30px;
    background: url("../img/leftArrow.png") no-repeat center center;;
}
.list-ul .leftThird li .hasDown1{
    position:absolute;
    cursor: pointer;
    width:20px;
    height:30px;
    top:0;
    right:30px;
    background: url("../img/leftArrow.png") no-repeat center center;;
}
.list-ul .leftThird>li.active>a{
background:#629be0;
}
.list-ul li a{
    color:#184e86;
    padding:0 30px;
    height:35px;
    line-height: 35px;
    display: block;
    width:100%;
box-sizing: border-box;
}
.list-ul li.active .hasDown{
    background:url("../img/downArrow.png") no-repeat center center;
}
.list-ul .leftThird li.active .hasDown1{
    background:url("../img/downArrow.png") no-repeat center center;
}
.list-ul li.active a{
    color: #ffffff;
    background: #3068ae ;
}
.list-ul .leftThird{
    padding:10px 0;
    display: none;
    background: #f4f5f6;
    min-height:0;
    text-indent: 30px;
}
.list-ul .leftThird li a{
    color:#515151;
    background: transparent;
    height:30px;
    line-height:30px;
    padding:0;
}
.list-ul .leftForth{
    padding:10px 0;
    display: none;
    background: #f4f5f6;
    min-height:0;
}
.list-ul .leftForth li a{
    color:#515151;
    background: transparent;
    height:30px;
    line-height:30px;
    padding:0 10px;
}
.list-ul .leftSec>li:hover{
background: #3068ae;

}
.list-ul .leftSec>li:hover>a{
color:#ffffff;

}
.list-ul .leftThird>li.active{
background: #3068ae;

}
.list-ul .leftThird>li.active>a{
color:#ffffff;

}
.list-ul .leftForth li.active a{
  color:#194479;
}
.list-right{
    width:940px;
    background: #ffffff;
    margin:40px 0;
    box-sizing: border-box;
}
.only-listPage{
     width:1200px;
     background: #ffffff;
     margin:40px 0;
     box-sizing: border-box;
}
.only-list li{
    overflow: hidden;
    padding: 10px 50px;
}
.only-list li span{
    float: right;
}
.only-list li a{
    display: block;
    width:900px;
    float:left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.only-list1 li{
    overflow: hidden;
    padding: 10px 50px;
}
.only-list1 li span{
    float: right;
}
.only-list1 li a{
    display: block;
    width:700px;
    float:left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.right-title{
    color: #999999;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    padding:20px 30px;
}
.right-title span{
    color:#333333;
}
.right-list li{
    padding:50px 30px;
    border-bottom: 1px solid #ebe8e8;
}
.right-list .date{
    width:80px;
    height:80px;
    border-radius: 50%;
    background: #f0eeee;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.right-list .date P{
    padding-top:15px;
    font-size:20px;
}
.right-list .date span{
    font-size:12px;
    color:#999999;
}
.right-list .news{
    font-size:16px;
    width:700px;
    margin-left:20px;
    display: inline-block;
    vertical-align: middle;
}
.right-list .news span{
    color:#999999;
    display: block;
    margin:10px 0;
}
.fanye{
    margin:40px 0;
    text-align: center;
}
.right-jjy{
    padding:30px 50px;
}
.content-page{
    padding:40px 100px;
    margin:20px auto;
    box-sizing: border-box;
    background: #ffffff;
}
.content{
    padding:30px ;
}


.seek-div{
	width: 260px;
	height: 36px;
border-radius:10px;
overflow:hidden;
display:inline-block;
vertical-align: middle;
}
.seek-div .seek-btn{
	float: right;
	width: 46px;
	height: 36px;
	border: none;
	background: #ffffff url(../img/search.png) no-repeat center center;
	color: white;
	
	text-align: center;
	line-height: 30px;
}
.seek-div .seek-ipt{
	float: left;
	width: 214px;
	height: 36px;
	border: none;
	font-size: 14px;
	color: #333333;
	text-align: center;	
padding:0;
border;0;
outline:none;
}
/*二级多彩栏目*/
/*学生服务*/
.xsfwlocation{
    background:#93473a;
}
.xsfwdh .leftSec{
background: #ffffff url(../img/listbg2.png) no-repeat center bottom;
}
.xsfwdh .leftSec>li:hover>a{
background:#ad7267;
}
.xsfwdh li a{
   color:#333333;
}
.xsfwdh>ul>li.active{
   border-left:5px solid #ad7267;
}
.xsfwdh>ul>li.active>a{
   background:#ad7267;
}
.xsfwdh .leftThird>li.active>a{
   background:#d5b6b1;
}
.xsfwdh .leftForth li.active a{
   color:#93473a;
}
/*教师服务*/
.jsfwlocation{
    background:#c1ba6a;
}
.jsfwdh .leftSec{
background: #ffffff url(../img/listbg1.png) no-repeat center bottom;
}
.jsfwdh .leftSec>li:hover>a{
background:#d7d07f;
}
.jsfwdh li a{
   color:#333333;
}
.jsfwdh>ul>li.active{
   border-left:5px solid #d7d07f;
}
.jsfwdh>ul>li.active>a{
   background:#d7d07f;
}
.jsfwdh .leftThird>li.active>a{
   background:#dddab9;
}
.jsfwdh .leftForth li.active a{
   color:#c1ba6a;
}
/*教学管理*/
.jxgllocation{
    background:#495c95;
}
.jxgldh .leftSec{
background: #ffffff url(../img/listbg3.png) no-repeat center bottom;
}
.jxgldh .leftSec>li:hover>a{
background:#6478b6;
}
.jxgldh li a{
   color:#333333;
}
.jxgldh>ul>li.active{
   border-left:5px solid #6478b6;
}
.jxgldh>ul>li.active>a{
   background:#6478b6;
}
.jxgldh .leftThird>li.active>a{
   background:#92a5e0;
}
.jxgldh .leftForth li.active a{
   color:#495c95;
}