@charset "utf-8";
/* CSS Document */
/*清零*/
*{margin: 0; padding: 0; outline: none; border: none; background: none; list-style:none; vertical-align: top;box-sizing: border-box;}
/*wrap*/
body{font-family: "微软雅黑";color: #000;}
a{text-decoration: none;}
.wrap{width: 100%;}
.fl{float: left;}
.fr{float: right;}
.cl{zoom:1}
.cl:after{display:block;clear:both;content:"";}
/*banner*/
.banner{width: 100%;height: 299px;background: url("http://www.humc.edu.cn/uploads/img/jjjcw/banner.jpg") top center no-repeat;}
.banner .logo{width: 1200px;height: 120px;margin: 0;}
/*nav*/
.nav{width: 100%;height: 56px;line-height: 56px;background: #0055c9;}
.nav ul{width: 1200px;margin: 0 auto;}
.nav ul li{float: left;font-size: 22px;width: 150px;text-align: center;}
.nav ul li a{color: #fff;display: block;}
.nav ul li:hover{background: #0766e6;}
/*main*/
.main{width: 1200px;margin: 0 auto;}
/*news*/
.top{margin-top: 20px;width: 1200px;height: 450px;overflow: hidden;}
/*slideBox*/
.slideBox{ width:560px;height:450px;position:relative;}
.slideBox .hd{position:absolute; right:10px; bottom:15px; z-index:1;}
.slideBox .hd ul li{float:left; margin-right:5px;cursor:pointer;width: 10px;height: 10px;font-size: 14px;background: #fff;border-radius: 5px;}
.slideBox .hd ul li.on{background:#c53834;color: #ffffff;}
.slideBox .bd{position:relative;z-index:0;}
.slideBox .bd li{position: relative;}
.slideBox .bd li img{width: 560px;height: 450px;}
.slideBox .bd p{position: absolute;bottom: 0;left: 0;width: 560px;height: 40px; line-height: 40px;color: #fff;font-size: 16px;
    background: rgba(0,0,0,0.3);padding-left: 10px;z-index: 1;}
/*slideTxtBox*/
.slideTxtBox{width: 600px;height: 450px;}
.slideTxtBox .hd ul{width: 600px;height:48px;line-height:48px;border-bottom: 1px solid #ddd;}
.slideTxtBox .hd ul li{float:left;width:100px;margin-left: 150px;}
.slideTxtBox .hd ul li:first-child{margin-left: 0;}
.slideTxtBox .hd ul li a{display: block;width: 100px;line-height: 40px;text-align: center;font-size: 20px;color: #333;border-bottom: 4px solid #fff;}
.slideTxtBox .hd ul li.on{border-bottom: 4px solid #0055c9;}
.slideTxtBox .hd ul li.on a{background: #0055c9;color: #fff;}
.slideTxtBox .bd ul{margin-top: 12px;}
.slideTxtBox .bd ul li{font-size: 18px;height: 36px;line-height: 36px;}
.slideTxtBox .bd ul li a{color: #000;display: block;width: 389px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.slideTxtBox .bd ul li a:hover{color: #0055c9;}
.slideTxtBox .bd li span{ float:right;color:#999;padding-right: 5px;font-size: 14px;}
/*news*/
.ml30{margin-left: 30px;}
.mt10{margin-top: 10px;}
.news{width: 380px;margin-top: 20px;}
.news .title{height: 38px;line-height: 38px;border-bottom: 1px solid #ddd;}
.news .title p{width: 110px;line-height: 36px;color: #0055c9;text-align: center;font-size: 20px;float: left;font-weight: bold;
    border-bottom: 2px solid #0055c9;}
.news .title span a{font-size: 18px;color: #0055c9;float: right;}
.news .list ul{width: 380px;margin: 10px auto 0;}
.news .list ul li{font-size: 18px;line-height: 36px;}
.news .list ul li a{color: #333;display: block;width: 300px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .list ul li a:hover{color: #0055c9;}
.news .list ul li span{display: block;float: right;font-size: 14px;color: #999;}
.news .list img{margin: 6px;}
/*news-zt*/
.news-zt{width: 1200px;margin-top: 30px;margin-bottom: 10px;}
.news-zt img{width: 1200px;}
/*zi-media*/
.zi-media{width: 340px;height: 170px;border: 1px solid #ddd;background: #f5f5f5;}
.zi-media p{width: 338px;height: 40px;line-height: 40px;color: #fff;text-align: center;background: #0055c9;font-size: 20px;font-weight: bold;}
.zi-media img{display: block;margin: 10px auto;}
/*link*/
.link{width: 830px;height: 170px;border: 1px solid #ddd;background: #f5f5f5;}
.link p{width: 828px;height: 40px;line-height: 40px;color: #fff;text-align: center;background: #0055c9;font-size: 20px;font-weight: bold;}
.link ul{overflow: hidden;margin-left: 10px;}
.link ul li{float: left;line-height: 120px;font-size: 20px;margin-right: 22px;}
.link ul li a{color: #000;}
.link ul li a:hover{color: #0055c9;}




/*footer*/
.footer{width: 100%;height: 140px;background: #0055c9;margin-top: 30px;padding-top: 30px;}
.footer p{color: #fff;text-align: center;font-size: 16px;line-height: 36px;}