﻿/* css reset */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin:0;padding:0;}
ul,li{list-style:none;}
img{border:none;display:block;}
a{text-decoration:none;color:#333;outline:none;}
input,textarea,button,select{padding:0;margin:0;outline:none;font:inherit;}
em{font-style:normal;}
input{-webkit-appearance:none;}
input[type=checkbox]{-webkit-appearance:checkbox;}
body{font-size:14px;color:#333;font-family: arial,"microsoft yahei";background:#fff;line-height:1.6;}
/*visible&hidden*/
.visible-xs,.visible-sm,.visible-md,.visible-lg{display: none !important;}
@media (max-width: 767px){
  .visible-xs{display:block !important;}
  .hidden-xs{display:none !important;}  
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm{display: block !important;}
  .hidden-sm{display: none !important;}  
}
@media (min-width: 992px) and (max-width:1229px) {
  .visible-md{display: block !important;}
  .hidden-md{display: none !important;}  
}
@media (min-width:1230px) {
  .visible-lg{display: block !important;}
  .hidden-lg{display: none !important;}  
}
/*public*/
.wrapperbox{width:100%;overflow:hidden;}
.content{width:100%;max-width:1200px;margin:auto;}
/*头部*/
.header{width:100%;}
.header .h-top{height:36px;background:url(/sjzx/static/index/images/top_bg.jpg) no-repeat center;}
.header .h-top ul{float:right;}
.header .h-top li{float:left;height:16px;padding:10px 0;font-size:13px;}
.header .h-top li a{display:block;width:84px;line-height:16px;color:#fff;border-right:1px solid #999;text-align:center;}
.header .h-top li a:hover{text-decoration:underline;}
.header .logo-nav{width:100%;height:88px;}
.header .logo{height:88px;padding:5px 0;float:left;}
.header .logo img{height:100%;}
.header .nav{float:right;}
.header .nav .box{position:relative;float:left;}
.header .nav .box ul{float:left;}
.header .nav li{float:left;position:relative;}
.header .nav li a{display:block;width:100px;height:88px;line-height:108px;position:relative;font-size:16px;text-align:center;}
.header .nav li .hide{position:absolute;left:0;display:none;}
.header .nav li .hide a{width:156px;height:32px;line-height:32px;background:#fff;font-size:13px;text-indent:13px;
	text-align:left;z-index:9999;}
.header .toggle-btn{position:absolute;right:0;width:36px;height:30px;right:15px;top:50%;margin-top:-15px;cursor:pointer;z-index:2;}
.header .toggle-btn span{display:block;width:24px;height:2px;background:#243B84;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;position:absolute;}
.header .toggle-btn span:nth-of-type(1){left:6px;top:4px;}
.header .toggle-btn span:nth-of-type(2){left:6px;top:14px;}
.header .toggle-btn span:nth-of-type(3){left:6px;top:24px;}
.header .toggle-btn span:nth-of-type(1).active{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:14px;}
.header .toggle-btn span:nth-of-type(2).active{display:none;}
.header .toggle-btn span:nth-of-type(3).active{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:14px;}
/*banner*/
.banner{width:100%;max-width:1200px;margin:10px auto;overflow:hidden;}
.banner img{width:100%;}
/*内页banner*/
.banner-inside{width:100%;max-width:1200px;height:222px;margin:0 auto;overflow:hidden;
	background:url(/sjzx/static/index/images/sub-banner.jpg) no-repeat center top;}
/*首页新闻*/
.home-news{width:386px;float:left;}
.home-news .title{overflow:hidden;padding-bottom:5px;border-bottom:2px solid #243b84;color:#243B84;}
.home-news .title span{display:block;float:left;line-height:30px;font-size:18px;font-weight:bold;}
.home-news .title span img{width:25px;height:25px;float:left;margin-top:5x;margin-right:10px;}
.home-news .title a{display:block;width:60px;height:30px;line-height:30px;float:right;
	text-align:center;color:#666;}
.home-news .title a:hover{background:#243B84;color:#fff;}
.home-news ul{padding-top:10px;}
.home-news li{border-bottom:1px solid #EFEFEF;overflow:hidden;}
.home-news li a{display:block;padding-left:20px;height:36px;line-height:36px;
	background:url(/sjzx/static/index/images/icon-li.png) no-repeat center left;overflow:hidden;
	text-overflow:ellipsis;white-space:nowrap;}
.home-news li a:hover{color:#0029cd;}
/*滚动图片*/
.scroll-news{width:100%;overflow:hidden;}
.scroll-news .fl-left{width:100%;float:left;}
.scroll-news .swiper-container{width:100%;height:auto;}
.scroll-news .swiper-slide{height:0;padding-top:52.6%;}
.scroll-news .swiper-slide a{display:block;}
.scroll-news .swiper-slide img{position:absolute;left:0;top:0;width:100%;height:100%;}
.scroll-news .swiper-slide p{position:absolute;width:100%;left:0;bottom:0;font-size:20px;line-height:80px;
	background:rgba(0,0,0,0.6);color:#fff;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.scroll-news .swiper-pagination{bottom:5px;right:10px;text-align:right;padding-right:20px;}
.scroll-news .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:1;margin:0 5px !important;
	border-radius:6px;}
.scroll-news .swiper-pagination-bullet-active{background:#fc114a;opacity:1;}
.scroll-news .swiper-button-prev {left:0;width:40px;height:74px;margin-top:-37px;
	background:url(/sjzx/static/index/images/focus_btn.png);background-position:0 -74px;}
.scroll-news .swiper-button-next {right:0;width:40px;height:74px;margin-top:-37px;
	background:url(/sjzx/static/index/images/focus_btn.png);background-position:-40px -74px;}
.scroll-news .swiper-button-prev:hover{background-position:0 0;}
.scroll-news .swiper-button-next:hover{background-position:-40px 0;}
.scroll-news .fl-right{float:right;}
.scroll-news .home-news{width:420px;padding:10px;background:#EFEFEF;}
/*3块新闻*/
.sort-news{padding-top:20px;}
.sort-news .home-news{padding:10px 0;margin-left:21px;}
.sort-news .home-news:first-child{margin-left:0;}
/*快速入口*/
.quick-btn{width:100%;overflow:hidden;padding:20px 0;}
.quick-btn li{width:25%;float:left;}
.quick-btn li a{display:block;width:100%;height:53px;}
.quick-btn li a.btn1{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links1.png) no-repeat left center;background-size:contain;}
.quick-btn li a.btn2{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links2.png) no-repeat left center;background-size:contain;}
.quick-btn li a.btn3{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links3.png) no-repeat left center;background-size:contain;}
.quick-btn li a.btn4{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links4.png) no-repeat left center;background-size:contain;}
.quick-btn li a.btn1:hover{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links1-hover.png) no-repeat left center;background-size:contain;}
.quick-btn li a.btn2:hover{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links2-hover.png) no-repeat left center;background-size:contain;}
.quick-btn li a.btn3:hover{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links3-hover.png) no-repeat left center;background-size:contain;}
.quick-btn li a.btn4:hover{background:url(http://eelab.whu.edu.cn/sjzx/static/index/images/links4-hover.png) no-repeat left center;background-size:contain;}
/*专题*/
.zhuanti{width:100%;overflow:hidden;margin-top:20px;}
.zhuanti .title{overflow:hidden;padding-bottom:5px;border-bottom:2px solid #243b84;color:#243B84;}
.zhuanti .title span{display:block;float:left;line-height:30px;font-size:18px;font-weight:bold;}
.zhuanti .title span img{width:25px;height:25px;float:left;margin-top:5x;margin-right:10px;}
.zhuanti .title a{display:block;width:60px;height:30px;line-height:30px;float:right;
	text-align:center;color:#666;}
.zhuanti .title a:hover{background:#243B84;color:#fff;}
.zhuanti ul{padding-top:30px;}
.zhuanti li{float:left;margin-left:26px;margin-bottom:20px;}
.zhuanti li:first-child{margin-left:0;}
.zhuanti li:nth-of-type(4n+1){margin-left:0;}
.zhuanti li img{width:280px;height:100px;}
.zhuanti li img:hover{opacity:0.9;}
/*底部*/
.footer{width:100%;background:#243B84;}
.footer .ewm{padding-top:30px;}
.footer .ewm img{width:100px;height:100px;margin:auto;}
.footer .logo{padding:23px 0;}
.footer .logo img{width:80%;max-width:380px;margin:auto;}
.footer .copyright{width:100%;background:#121d42;line-height:32px;color:#fff;font-size:12px;text-align:center;}
.footer .copyright a{color:#fff;}
.footer .copyright a:hover{text-decoration:underline;}
/*内页公共*/
.page-inside{width:100%;overflow:hidden;margin-top:20px;padding-bottom:40px;}
.page-inside .content{position:relative;}
.page-inside .side-munu{width:188px;float:left;line-height:56px;margin-top:18px;text-align:center;}
.page-inside .side-munu h3{background:#243B84;color:#fff;font-size:18px;font-weight:normal;}
.page-inside .side-munu ul{border:1px solid #EFEFEF;}
.page-inside .side-munu li{position:relative;}
.page-inside .side-munu li a{display:block;border-top:1px solid #EFEFEF;position:relative;z-index:2;}
.page-inside .side-munu li::before{content:'';display:block;position:absolute;width:0;height:100%;left:0;top:0;
	background:#EFEFEF;transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;}
.page-inside .side-munu li:hover::before{width:100%;}



.side-munu{width:188px;line-height:56px;margin-top:18px;text-align:center;}
.side-munu h3{background:#243B84;color:#fff;font-size:18px;font-weight:normal;}
.side-munu ul{border:1px solid #EFEFEF;}
.side-munu li{position:relative;}
.side-munu li a{display:block;border-top:1px solid #EFEFEF;position:relative;z-index:2;}
.side-munu li::before{content:'';display:block;position:absolute;width:0;height:100%;left:0;top:0;
	background:#EFEFEF;transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;}
.side-munu li:hover::before{width:100%;}







.page-inside .fl-right{padding-left:210px;}
.page-inside .item-title{line-height:56px;overflow:hidden;}
.page-inside .item-title h3{float:left;width:150px;border-bottom:2px solid #243B84;text-align:center;font-size:20px;
	font-weight:normal;position:relative;}
.page-inside .item-title .weizhi{float:right;border-bottom:1px solid #EFEFEF;}
.page-inside .item-title .weizhi a{font-size:12px;}
.page-inside .item-title .weizhi a:hover{text-decoration:underline;}
.fanye{text-align:center;clear:both;line-height:28px;padding-top:40px;font-size:14px;}
.fanye span{display:inline-block;padding:0 10px;vertical-align:middle;}
.fanye ul{display:inline-block;vertical-align:middle;}
.fanye ul li{float:left;border-left:1px solid #ddd;font-size:0;;}
.fanye ul li:first-child{border-left:none;}
.fanye ul li a{padding:0 15px;height:28px;line-height:28px;display:block;font-size:14px;}
.fanye ul li.active a{background:#243B84;color:#fff;}
.fanye ul li.none a{cursor:not-allowed;pointer-events:none;}
.fanye ul li a:hover{color:#243B84;}
.fanye ul li.active a:hover{color:#fff;}
.fanye input{display:inline-block;height:28px;width:50px;border:none;text-align:center;border:1px solid #F5F5F5;}
.fanye input:focus{border:1px solid #243B84;}
/*列表*/
.news-list .list{overflow:hidden;}
.news-list .list li{line-height:46px;height:46px;position:relative;padding-right:90px;}
.news-list .list li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .list li a::before{content:'·';}
.news-list .list li a:hover{color:#0029cd;}
.news-list .list li em{color:#d7d7d7;position:absolute;right:0;top:0;}
/*详情*/
.news-detail .title{font-size:30px;line-height:60px;padding:20px;text-align:center;}
.news-detail .info{text-align:center;color:#999;padding:10px 20px;}
.news-detail .tuwen{padding:20px;line-height:2;}
.news-detail .tuwen img{max-width:100%;margin:auto;}
/*教师*/
.teacher{}
.teacher .teach-title{padding:9px 20px;background:#f0f0f0;font-size:16px;}
.teacher .teach-title span{display:block;line-height:20px;padding-left:20px;border-left:5px solid #9c2032;
	font-weight:bold;color:#a8646c;}
.teacher ul{overflow:hidden;}
.teacher li{width:12.5%;float:left;line-height:30px;text-align:center;}
.teacher li a{}
.teacher li a:hover{color:#9C2032;}
/*css media*/
@media (min-width: 1230px){
	.header .nav{display:block !important;}
	/*.header .nav li:hover ul{display:block !important;} */
	.header .nav .box>ul>li:hover>a{background:#243b84;color:#fff;}
	.header .nav li .hide a:hover{background:#efefef;}
	.page-inside .side-munu ul{display:block !important;}
}
@media (max-width:1229px) {
	.content{padding:0 15px;}
	.wrapperbox{padding-top:50px;}
	.header{height:51px;background:#fff;position:fixed;top:-1px;left:0;z-index:99;box-shadow:0 0 4px 2px rgba(0,0,0,0.1);}
	.header .logo-nav{height:50px;}
	.header .logo{height:50px;left:15px;}
	.header .nav{position:fixed;width:100%;height:auto;right:-100%;top:50px;bottom:0;background:rgba(0,0,0,0.5);z-index:100;
		transition:all 0.3s;-webkit-transition:all 0.3s;}
	.header .nav.active{right:0;}
	.header .nav .box{width:260px;position:absolute;right:0;top:0;bottom:0;overflow-y:auto;background:#fff;
		padding-bottom:13px;border-top:1px solid #ddd;}
	.header .nav li{width:100%;margin-left:0;padding:0 10px;}
	.header .nav li .hide{position:relative;}
	.header .nav li a{width:100%;height:50px;line-height:50px;font-size:16px;color:#000;font-weight:bold;
		text-align:left;padding-left:20px;position:relative;}
	.header .nav li a:before{content:'';display:block;width:50px;height:50px;position:absolute;right:0;top:0;
		background:url(/sjzx/static/index/images/icon-add.png) no-repeat center;}
	.header .nav li a.active:before{background:url(/sjzx/static/index/images/icon-min.png) no-repeat center;}
	.header .nav li .hide a{font-size:14px;width:100%;}
	.header .nav li .hide a::before{display:none;}
	.banner{padding:0 15px;}
	.scroll-news .fl-left{width:100%;}
	.scroll-news .swiper-slide p{line-height:40px;}
	.scroll-news .fl-right{width:100%;}
	.scroll-news .home-news{width:100%;margin-top:20px;}
	.sort-news .home-news{width:100%;margin-left:0;}
	.quick-btn li{width:50%;margin-bottom:10px;}
	.quick-btn li a{background-size:100% 100%;}
	.zhuanti{margin-top:0;}
	.zhuanti li{width:46%;margin-left:8%;}
	.zhuanti li:nth-of-type(2n+1){margin-left:0;}
	.zhuanti li a{display:block;width:100%;height:0;padding-top:56.4%;position:relative;}
	.zhuanti li a img{width:100%;height:100%;position:absolute;left:0;top:0;}
	.footer .copyright{padding:10px 15px;line-height:1.5;}
}
@media (max-width:991px){

}
@media (max-width: 767px) {
	.fanye ul{margin-bottom:10px;}
	.fanye span{margin-bottom:10px;}
	.fanye input{margin-bottom:10px;vertical-align:top;}
	.banner-inside{height:150px;background-size:cover;}
	.page-inside .side-munu{width:100%;float:none;position:relative;}
	.page-inside .side-munu h3::before{content:'';display:block;width:56px;height:56px;position:absolute;right:15px;top:0;
		background:url(/sjzx/static/index/images/arrow1.png) no-repeat center;transition:all 0.3s;}
	.page-inside .side-munu h3.active::before{transform:rotate(-180deg);}
	.page-inside .side-munu ul{display:none;position:absolute;left:0;right:0;top:56px;background:#fff;z-index:9;}
	.page-inside .fl-right{padding-left:0;}
	.news-detail .title{padding:20px 0;}
	.news-detail .info{padding:10px 0;}
	.news-detail .tuwen{padding:20px 0;}
	.teacher li{width:25%;}
}
@media (max-width: 350px){
	
}