@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 nav ul li ul
---------------*/
body{ position:relative; width:100%; font-family: "Helvetica"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; }
@font-face {
	font-family:Helvetica;
	src: url('../font/Helvetica.ttf'),url('../font/Helvetica.otf')
}
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank{width: 100%;height: 0;clear: both;overflow: hidden}
.blank30{height:30px; line-height: 30px; clear: both; overflow: hidden}
.wrapper{width:1400px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1400px;margin: 0 auto;padding: 0; height:auto; position: relative; }
.wrapper3{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.fl{float: left;}
.fr{float: right;}
.mt20{margin:20px auto;}
.mt70{margin-top: 70px;}
.pt30{padding:30px 0}
.tac{text-align: center}
img{vertical-align: middle}
header{width: 100%;height: auto;background: #fff; }
header .itop{height: 50px;line-height: 50px;width: 100%;background: #00528c;}
header .itop .wrapper{width:1400px;}
header .itop_l{width: 60%;float: left;height: 50px;line-height: 50px;overflow: hidden;}
header .itop_l ul li{display: inline-block;position: relative;border-right: #003459 1px solid;}
header .itop_l ul li a{padding: 0 20px;width: auto;display: inline-block;color: #fff;position: relative;font-size: 16px;}
header .itop_l ul li:last-child{border: 0}
header .itop_l ul li ul{display: none;position: absolute;top: 40px;left: 0;background: #fff;border: #ddd 1px solid;border-bottom: #fecb09 5px solid;border-top: 0;width: 220px;z-index: 99999}
header .itop_l ul li ul li{width: 50%;float: left;text-align: center;position: static;border-top: #ddd 1px solid;}
header .itop_l ul li ul li a{color:#005187 !important;font-weight: bold;}
header .itop_l ul li ul li:after{display: none}
header .itop_r{float: right;width: 110px;height: 40px;background: #a93d52;text-align: center;line-height:40px;margin-right: 10px;}
header .itop_r ul li{display: inline-block;position: relative;}
header .itop_r ul li:after{content:"";background: url(../images/xia.png) center center no-repeat;display: inline-block;width: 16px;height: 12px;}
header .itop_r ul li a{padding: 0 10px;width: auto;display: inline-block;color: #fff;position: relative;font-size: 14px;}
header .itop_r ul li ul{display: none;position: absolute;top: 40px;right: -4px;background: #fff;border: #ddd 1px solid;border-bottom: #fecb09 5px solid;border-top: 0;width: 170px;z-index: 99999}
header .itop_r ul li ul li{width: 50%;float: left;text-align: center;position: static;border-top: #ddd 1px solid;}
header .itop_r ul li ul li a{color:#005187 !important;font-weight: bold;}
header .itop_r ul li ul li:after{display: none}

header .itop_r ul li:hover ul {
    display: block;
}

.logo{float: left;padding: 25px 0;}

.ibutton { position:absolute; right:90px; top:35px; display:none; width:45px; height:24px;  line-height:10px;}
.ibutton span{ display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #00518e}
.search{background: url(../images/search_ico.png) center center no-repeat;float: right;width: 24px;height: 24px;margin-top: 15px;margin-right: 20px;cursor: pointer;}
.nav_search{background: url(../images/search.jpg) center center no-repeat;width: 50px;height: 50px;margin-top:25px;cursor: pointer;display: none;}
.items_search{width:160px;height: 40px;display: block;float: right;}
.items_search form{width: 160px;height: 40px;float: right;background: #94243a;}
.items_search input[type=text]{border: 0;width:70%;height: 40px;line-height: 40px;text-align: left;text-indent: 1em;float: left;background:none;color: #fff}
.items_search input[type=submit]{background: url(../images/search_ico3.png) center center no-repeat;width: 22px;height: 22px;float: right;border: 0;margin-top: 12px;margin-right: 15px;cursor: pointer}
.ilogo{padding: 15px 0 0 20px;float: left;}
.ilogo img{width: 250px;height: 76px;}
.items_search input::-webkit-input-placeholder { color: #fff; text-align:left;font-size: 16px; }
nav{float: right;width: 60%;}
nav ul li{width: 16.66%;float: left;text-align: center;position:relative;}
nav ul li a{color: #333;font-weight: bold;width: 100%;height: 100px;line-height: 100px;font-size:18px ;display: inline-block;font-family: "Helvetica"}
nav ul li:hover a{color: #fff;background: #00528c;}
nav ul li.active a{color: #00528c}
nav ul li ul{display: none;position: absolute;top: 70px;left: -110px;background: #fff;border: #ddd 1px solid;border-bottom: #fecb09 5px solid;border-top: 0;width: 300px;z-index: 99999}
nav ul li ul li{width:100%;float: left;text-align: center;position: static;border-top: #ddd 1px solid;margin: 0;}
nav ul li ul li a{color:#005187 !important;font-weight: bold;height: 40px;line-height: 40px;}
nav ul li ul li:after{display: none}
nav ul li:hover ul {
    display: block;
}
nav ul li:hover ul li a{color:#005187 !important;font-weight: bold;height: 40px;line-height:40px;background: #fff;font-size:16px}
#full-width-slider {
	width: 100%;
	color: #000;
	height: *100% !important;
}
.coloredBlock {
	padding: 12px;
	background: rgba(255,0,0,0.6);
	color: #FFF;
	width: 200px;
	left: 20%;
	top: 5%;
}
.infoBlock {
	position: absolute;
	bottom: 10%;
	right:10% ;
	top:auto;
	left: auto;
	width: 25%;
	padding-bottom: 0;
	background: #FFF;
	background: rgba(255, 255, 255, 0.8);
	overflow: hidden;
	padding:13px 20px;
	height:60px;
}
.infoBlockLeftBlack {
	color: #FFF;
	background: #000;
	background: rgba(254, 203, 9, 0.6);
	left: auto;
	
}
.infoBlock h4 {
	font-size: 22px;
	line-height: 1.4;
	margin: 0;
	padding-bottom: 3px;
}
.infoBlock p {
	font-size: 16px;
	margin: 4px 0 0;
	width: 100%;
	text-align: right;
	height: 30px;
	line-height: 30px;
}
.infoBlock span{display: inline-block;width:100px;height: 30px;border-radius:5px;background: rgba(255,180,36,.55);line-height: 30px;text-align: center;color: #fff;font-size: 18px;float: right;margin-left: 20px;}
.infoBlock a {
	color: #FFF;
	text-decoration: underline;
}
.fullWidth {
	width:100%;
	margin: 0 auto;
	height:* 640px;
}
.fullWidth img{width: 100% !important;margin-left: 0 !important;}
.rsOverflow{width: 100% !important; height: *100% !important;}
.index_title{width: 94%;margin: 30px auto;height: auto;overflow:hidden;}
.index_title h2{font-family: "Helvetica Arial";color: #000;font-size: 50px;float: left;font-weight: 600;}
.index_title span{display:inline-block;float: right;font-family: "Times New Roman";color: #333;font-size: 20px;margin-top: 20px;}
.index_news{width: 98%;height: auto;overflow: hidden;margin: 0 auto 30px auto;padding: 0;}
.index_news_b{position: relative;width: 51%;height: 370px;box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.15);overflow: hidden}
.index_news_b img{position: absolute;left: 0;top: 0;width: 100%;height: 100%; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.15);}
.index_news_b:hover img { width:100%; height:100%; transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.index_news_b h2{color: #fff;font-size: 24px;line-height: 36px;color: #fff;position: absolute;left: 0;right:0;bottom:0;width:94%;padding: 2% 3%; margin: 0 auto;text-align: left;font-weight: bold;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85) 80%)}
.index_news_b span{background: #fecb09;text-align: center;color: #00528c;position: absolute;right: 0;top: 0;font-size: 16px;font-weight:600;font-family: "Helvetica Arial";z-index: 99}
.index_news_b span a{color: #00528c;display: block;padding: 15px 20px;}
.index_news_b span a:hover{text-decoration: underline}
.index_news_col{width: 100%;height: auto;overflow: hidden}
.index_news_col ul{font-size: 0;width: 47%;height: 375px}
.index_news_col ul li{background: #fff;width: 46%;margin: 0 2%;text-align: center;display:inline-block;-moz-box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);	-webkit-box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);overflow: hidden}
.index_news_col ul li img{width: 100%;height:200px; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.index_news_col ul li:hover img{width: 100%;transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);-moz-box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);	-webkit-box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);}
.news_f{margin-top: 2%;}
.news_t ul li:nth-child(2){margin-right: 0;}
.news_t .index_news_b{margin-left:12px;}

.news_f .index_news_b{margin-right: 10px;}
.index_news_z{height: 150px;}
.index_news_z h3 {width: 92%;margin: 0 auto;height: 40px;margin-top: 20px;}
.index_news_z h3 a:before{content:"";width: 3px;height: 15px;background: #fecb09;display: inline-block;margin-right: 5px;vertical-align:top;margin-top: 2px;font-family: "Helvetica Arial";}
.index_news_z h3 a{color: #00528c;font-size: 16px;float: left;position: relative;display:inline-block}
.index_news_z h3 span{float: right;font-style: italic;color: #aaa;font-size: 16px;font-family:"Times New Roman";text-transform: uppercase}
.index_news_z h2{line-height: 24px;text-align: left;width: 92%;margin: 0 auto;height: 80px;font-weight: bold;}
.index_news_z h2 a{font-size: 18px;color: #000;}
.index_news_col ul li:hover{background: #00528c}
.index_news_col ul li:hover .index_news_z h3 a{color: #fff;}
.index_news_col ul li:hover .index_news_z span{color: #fff;}
.index_news_col ul li:hover .index_news_z h2 a{color: #fff;}
.index_gray{background: #f4f4f4;}
.index_gray .index_title{margin:0 auto 30px auto}
.index_events{width: 98%;margin: 0 auto;height: auto;overflow: hidden;padding-bottom: 50px;}
.index_events ul{font-size: 0;}
.index_events ul li{display: inline-block;width: 30%;height: 100px;overflow: hidden;margin: 0 1.5%}
.index_events ul li span{display: inline-block;width: 100px;height: 100px;background: #aaa;text-align: center;color: #fff;font-size: 20px;float: left;line-height: 40px}
.index_events ul li b{display:block;margin-bottom:5px;height: 50px;line-height: 50px;background: #00528c; font-weight: normal;font-size:16px}
.index_events ul li .index_events_z{display: inline-block;float: right;margin-left: 15px;width:calc(100% - 115px)}
.index_events ul li h2{font-size:22px;color: #000;line-height: 24px;font-weight:bold;font-family: "Helvetica Arial";}
.index_events ul li p{font-size: 16px;color: #000;font-family:"Times New Roman";margin-top:10px;}
.index_events ul li:nth-child(1){margin: 0 2.3% 0 0.9%;}
.iwhite{margin-top: 0;}
.iwhite h2{color: #fff;}
.iwhite span{color: #fff}
.index_media{background: url(../images/media_bg.jpg) center center no-repeat;width: 100%;height:666px;background-size: cover;}
.index_media_l{width: 98%;height: auto;overflow: hidden;margin: 0 auto;}
.index_media_l ul{font-size: 0;}
.index_media_l ul li{width:22.5%;display: inline-block;margin: 0 1.25%;background: #fff;border-bottom: #fecb09 5px solid;height: auto;overflow: hidden;}
.index_media_l ul li img{width: 100%;height:210px; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.index_media_l ul li .media_z h3{width: 90%;margin: 10px auto;color: #999999;font-size: 14px;line-height: 25px;margin-top: 8px;padding: 5px 0;font-family: "Helvetica Arial";}
.index_media_l ul li .media_z h3:before{content: "";background: url(../images/bbc_ico.png) center center no-repeat;width: 13px;height: 23px;margin-right:5px;display: inline-block;vertical-align: middle}
.index_media_l ul li .media_z i{float: right;font-family:"Times New Roman";}
.index_media_l ul li .media_z h2{font-size: 22px;width: 92%;margin: 0 auto;text-align: left;line-height: 28px;color: #000;height: 95px;font-weight: bold;word-wrap: break-word;}
.index_media_l ul li .media_z span{font-size: 16px;color: #00528c;text-decoration: underline;text-transform: uppercase;width: 90%;margin: 40px auto 20px auto;text-align: right;height: auto;overflow: hidden;display: block;font-family:"Times New Roman";}
.index_media_l ul li:hover img{width: 100%;transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.index_media_l ul li:hover{background: #00528c;} 
.index_media_l ul li:hover h2{color: #fff;}
.index_media_l ul li:hover span{color: #fff;}
.index_media_l ul li:hover h3{color: #fff;}
.index_media_l ul li:hover h3:before{background: url(../images/bbc_ico2.png) center center no-repeat;}
.research{width: 100%;background: url(../images/research_bg.jpg) center center no-repeat;heightauto;padding-bottom:45px;background-size: cover;}
.faculty_list{width: 98%;margin: 0 auto;height: auto;overflow: hidden;padding-bottom: 40px;}
.faculty_list ul{font-size: 0;}
.faculty_list ul li{width: 28%;margin: 0 4.8% 0 1.5%;display: inline-block;background: #fff;-moz-box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);	-webkit-box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);box-shadow:  2px 2px 5px rgba(10, 10, 10, 0.16),-2px 2px 5px rgba(10, 10, 10, 0.16);text-align: center;height: 460px;overflow: hidden;}
.faculty_list ul li:nth-child(3){margin-right: 0;}
.faculty_list ul li img{width: 100%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.faculty_list ul li .faculty_z h2{width: 90%;color: #000;font-size: 26px;font-family: "Helvetica Arial";text-align: left;margin: 20px auto;font-weight: bold;}
.faculty_list ul li .faculty_z p{width: 90%;font-family:"Times New Roman";font-size:20px;text-align: left;line-height: 26px;margin: 20px auto;color: #000;height: 100px}
.faculty_list ul li .faculty_z span{display:block;font-size: 18px;width: 90%;font-family:"Times New Roman";margin: 20px auto;text-align: left;text-decoration: underline;color: #00528c;}
.faculty_list ul li:hover{background: #00528c;}
.faculty_list ul li:hover .faculty_z h2{color: #fff;}
.faculty_list ul li:hover .faculty_z p{color: #fff;}
.faculty_list ul li:hover .faculty_z span{color: #fff;}
.faculty_list ul li:hover img{width: 100%;transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.research_list{width: 98%;margin: 0 auto;height: auto;overflow: hidden;}
.research ul{font-size: 0;}
.research ul li{width:22%;display: inline-block;margin: 0 1.5%;background: #0a4066;height: auto;overflow: hidden;}
.research ul li img{width: 100%;height:163px;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.research ul li .research_z h2{color: #fff;font-size: 22px;font-family: "Helvetica Arial";text-align: left;margin: 20px auto;font-weight: bold;width: 92%;height: 100px;line-height: 28px}
.research ul li .research_z p{display:none;font-family:"Times New Roman";color: #fff;font-size: 18px;line-height: 24px;width: 90%;margin: 20px auto;text-align: left;height: 100px;}
.research ul li .research_z span{display:block;font-size: 16px;width: 90%;font-family:"Times New Roman";margin: 40px auto 30px auto;text-align: right;text-decoration: underline;color: #00ffff;}
.research .index_title{margin:0 auto}
.research ul li:hover img{width: 100%;transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.research ul li:hover{background: #f4f4f4;}
.research ul li:hover .research_z h2{color: #000;font-weight:bold;}
.research ul li:hover .research_z p{color: #000}
.research ul li:hover .research_z span{color: #555555}
.colleges{width: 100%;height: auto;overflow: hidden;position: relative;}
.colleges ul{font-size: 0;}
.colleges ul li{width: 33.3%;display: inline-block;position: relative;overflow: hidden}
.colleges ul li img{width: 100%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.colleges ul li h2{width: 100%;position: absolute;left: 0;right: 0;top:-60px;bottom: 0; height:60px;line-height: 60px;font-size: 20px;color: #fff;text-align: center;margin: 0 auto;background: rgba(0,0,0,0.4);transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.colleges ul li:hover img{width: 100%;transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.colleges ul li:hover h2{top: 40%}
.colleges_slogan{width: 55%;height: 120px;background:rgba(0,82,140,0.7);color: #fff;font-size: 50px;text-align: center;line-height: 120px;margin: 0 auto;position: absolute;top: 40%;left: 0;right: 0;z-index: 999}
.colleges_slogan a{color:#fff;}
.focus_list{width: 98%;margin: 30px auto;}
.focus_list ul{font-size: 0;}
.focus_list ul li{position: relative;width: 28%;margin: 0 4.8% 0 1.5%;display: inline-block;background: #00528c;height: 400px;text-align: center;}
.focus_list ul li:nth-child(3){margin-right: 0;}
.focus_list ul li .focus_z{background: #fff;width: 100%;height: 100%;position: absolute;border: #ddd 1px solid;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;left:0;top: 0}
.focus_list ul li .focus_z img{width: 100%;height:240px}
.focus_list ul li:hover .focus_z{left: -25px;top: -25px;}
.focus_list ul li .focus_z h2{font-size: 22px;color: #000;line-height:30px;width: 90%;margin: 10px auto 0px;text-align: left;font-family: "Helvetica Arial";font-weight: bold;}
.focus_list ul li .focus_z span{font-size: 16px;color: #000;text-align: right;display: block;text-decoration:underline;width: 90%;font-family:"Times New Roman";margin: 0 auto;}
.social{background: url(../images/socail_bg.jpg) center center no-repeat;width: 100%;height: 580px;overflow: hidden;background-size: cover;}
.social .index_title{margin:50px auto}
.social .index_title dl{float: right;font-size: 0}
.social .index_title dl dt{display: inline-block;margin: 0 20px;}
.social .social_l{width: 80%;margin: 60px auto;text-align:center;height: auto;overflow: hidden;position: relative}
.social .social_l .mask{width:92%;;margin: 0 auto;text-align: center;height: auto;overflow: hidden;position: relative;background: #fff;padding: 30px 0}
.social .social_l .mask ul{position: relative;overflow: hidden;font-size: 0;}
.social .social_l .mask ul li{display: inline-block;width: 430px;height: 250px;text-align: center;position: relative;overflow: hidden;margin:0 15px;}
.social .social_l .mask ul li img{width: 100%;position:absolute;left: 0;top: 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;}
.social .social_l .mask ul li:hover img{width: 100%;transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.social .social_l .mask ul li h2{line-height: 26px;background: rgba(0,0,0,0.4);text-align: left;font-size: 20px;color: #fff;font-family:"Times New Roman";position: absolute;bottom: 0px;left: 0;width:94%;padding:10px 3%}
.social .social_l .preview,.social .social_l .next{position: absolute;left: 0;top: 40%;background: url(../images/social_arrow_l.png) center center no-repeat;width:40px;height: 67px;cursor: pointer}
.social .social_l .next{left: auto;right:0;background: url(../images/social_arrow_r.png) center center no-repeat;}
.social .social_l .mask ul li:last-child{margin-right: 0;}
.video{height: auto;overflow: hidden;background: #f4f4f4;margin: 0 auto;padding: 30px 0;width: 100%;font-size: 0;}
.video dl {display: inline-block;font-size: 0;width: 100%;height:370px;overflow: hidden;margin-left: 30px;}
.video dl dt{width: 660px;height:100%;position: relative;float: left;}
.video dl dd{position:relative;display: inline-block;width:310px;text-align: center;margin:0 auto;height:175px;overflow: hidden;float: left;margin-left: 30px;}
.video .index_title{margin: 0 auto 30px auto}
.video dl dd:nth-child(4){margin-top: 20px;}
.video dl dd:nth-child(5){margin-top: 20px;}

.video .videoIndex img{width: 100%;height: 100%; position: absolute;left: 0;top: 0;}
.video .videoIndex h2{height:50px;line-height: 50px;background: rgba(0,0,0,0.4);width: 100%;position: absolute;bottom: 0;left: 0;color: #fff;text-align: center;font-size: 22px;font-family: "Helvetica Arial";font-weight: bold;}
.video .videoIndex span{background: url(../images/video_ico.png) center center no-repeat;width: 46px;height: 48px;position: absolute;left: 0;right: 0;top: 40%;margin: 0 auto;}
.video .videoIndex video{display: none}
.video dl dd.videoIndex h2{height: 40px;line-height: 40px;font-size: 18px;}
.video dl dd.videoIndex span{top: 35%}
.social .videoIndex2 span{background: url(../images/video_ico.png) center center no-repeat;width: 46px;height: 48px;position: absolute;left: 0;right: 0;top: 40%;margin: 0 auto;}

.social .videoIndex2 span{top: 35%}
footer{height: 345px;width: 100%;margin: 0 auto;padding: 0;overflow: hidden}
footer .footer_t{background: #1b1b1b;width: 100%;height: 275px;margin: 0 auto;padding: 0;}
footer .footer_f{background:#000;height: 70px;line-height: 70px;width: 100%;margin: 0 auto;padding: 0}
.footer_t_l{width: 62.5%;float: left;}
.footer_t_l ul{width: 33.3%;text-align:left;float: left;margin-top: 40px;position:relative;z-index:22;}
.footer_t_l ul li{color: #ccc;font-size: 18px;line-height:36px;}
.footer_t_l ul li a{color: #ccc;}
.footer_t_r{margin-top: 40px;float: right;width: 33%;}
.footer_t_r h2{font-size: 26px;color: #fff;}
.footer_t_r p img{margin-right: 10px;display: inline-block;vertical-align:top;margin-top: 30px;}
.footer_t_r span{color: #ccc;line-height: 26px;margin-top: 20px;font-size: 16px;font-family:"Times New Roman";display: inline-block;width: calc(100% - 32px);}
.footer_f{text-align: center;}
.footer_f p{width: 25%;margin: 0 auto;position: absolute;left: 0;right: 0;top: 0;color: #fff;font-size: 18px;}
.footer_f img.flogo{width: 190px;height: 58px;float: left;margin-top:5px;}
.footer_f ul{float: right;}
.footer_f ul li{display: inline-block;margin: 0 10px}
.footer_f ul li img{width: 50px;height: 50px;}
	.colleges .index_title{display: none}
.logo_xhdp{position: absolute; left: 0; right: 0; top: 40%;text-align: center; margin: 50px auto;}
@media screen and (max-width:1600px){
	.social .social_l{width: 96%;}
	.social .social_l .mask ul li h2{bottom:0}	
}
@media screen and (max-width:1440px){
	.wrapper{width: 96%;}
	.wrapper2{width: 96%;}
	header .itop_r ul li ul{left: auto;right: -15px}	
}
@media screen and (max-width:1366px){

	.video dl{height: auto;overflow:hidden;margin: 0 auto;}
	.video dl dt{float: none;margin: 0 auto;height:370px;overflow: hidden}
	.video dl dd{float: none;width: 22%;margin: 0 1.5%}
	.colleges_slogan{height: 80px;line-height: 80px;font-size: 42px;}
	.index_events ul li p{margin-top: 10px;}
	header .itop .wrapper{width: 96%}
}
@media screen and (max-width:1280px){
	.research ul li .research_z p{margin: 30px auto;line-height: 20px}
	.infoBlock{width: 40%}
	
}
@media screen and (max-width:1024px){
	nav ul li a{font-size: 16px;}	
	.index_news_b{height: 265px;}
	.index_news_col ul li img{height: 140px;}
	.index_news_z{height: auto;}
	.index_news_z h3{height: 30px;}
	.index_news_z h2{line-height: 20px;height: auto}
	.index_news_z h2 a{font-size: 14px;}
	.index_events ul li{width: 100%;margin: 10px auto}
	.index_media{height: auto}
	.index_media_l ul li{width: 47%;margin-bottom: 30px}
	.index_media_l ul li img{height:310px;}
	.research ul li{width: 47%;margin-bottom: 30px}
	.research ul li img{height: 246px}
	.research{height: auto}
	.research ul li .research_z p{line-height: 26px;font-size: 22px;}
.focus_list ul li{width: 100%;height: auto;margin: 20px auto;overflow: hidden}
	.focus_list ul li .focus_z img{width: 40%;float: left;position: static}
	.focus_list ul li .focus_z{width: 100%;float: right;position: static}
	.focus_list ul li .focus_z h2{float: right;width: 57%;}
	.social .social_l .mask{width: 95%;}
	.video dl dd{height: 123px;}
	.items_search{width: 200px}
	nav{width: 68%}
	.infoBlock h4{font-size: 18px}
	.index_news_col ul{height: 275px;}
	.index_news_b h2{font-size: 20px;line-height: 26px}
	.index_events ul li:nth-child(1){margin:10px auto;}
	.faculty_list ul li .faculty_z h2{margin: 0 auto 20px auto}
	.faculty_list ul li{width: 100%;border:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;height: auto;padding: 30px 0}
	.faculty_list ul li img{float: left;width: 40%;}
	.faculty_z{width: 60%;float: right;}
	.faculty_list{padding-bottom: 0;}
	.colleges ul li h2{top: auto;}
	.colleges_slogan{display: none;}
	.colleges .index_title{display: block}
		.colleges ul li{width: 50%;}
.news_t .index_news_b{margin-left:0}
}
@media screen and (max-width:800px){
	header .itop_l{width: 65%;}
	.index_news_b{width: 680px;height: 375px;margin: 0 auto}
	.fl{float: none;}
	.fr{float: none;}
	.index_news_col ul{width: 100%;}
	.index_news_col ul li{width: 320px;margin: 2% 2.3%;padding-bottom: 10px;}
	.index_news_col ul li img{height: 215px;}
	.news_f .index_news_b{display: none}
	.index_media_l ul li img{height: 232px;}
	.research ul li img{height: 185px;}
	.research ul li .research_z p{font-size: 18px;}
	.items_search{display: none;position: absolute;top: 75px;right: 135px}
	.nav_search{display: block;}
	.social .social_l .mask{width: 64%;}
	.video dl dd{width: 47%;height: 175px;margin: 20px 1.5% 0 1.5%}
	nav{display: none}
	.ilogo{padding: 15px 0 15px 15px}
	.ibutton{display: block}
	nav{float:none;width: 100%;}
	nav ul li{width: 100%;background: #00528c;color: #fff;}
	.wrapper2{width: 100%;}
	nav ul li{border-bottom: #fff 1px solid;}
	nav ul li a{height: 50px;line-height: 50px;color: #fff;}
	footer .footer_t{padding-top: 30px;}
	.footer_t_l{float: none;width: 100%;height: auto;overflow:hidden}
	.footer_t_r{float: none;width: 100%;}
	footer{height: auto;overflow: hidden}
	footer .footer_t{height:auto;overflow: hidden}
	.footer_t_l ul{margin-top: 0;}
	footer .footer_f{height: auto;line-height: 26px;overflow: hidden;background:#1b1b1b;padding: 20px 0;}
	.footer_f p{display: none}
	.infoBlock{width: 45%;}
	.footer_t_r span{margin-top: 30px;}
	.index_news_col ul{height:auto;width: 680px;margin: 0 auto}
.index_news_col ul li{margin: 5% 40px 5% 0}
	.news_f{margin: 0 auto;}
	.news_f ul li{margin: 0 40px 5% 0}
	.news_f ul li:nth-child(2){margin-right:0;}
	.index_news{margin: 0 auto}
	.logo_xhdp{display: none}
	.focus_list ul li .focus_z img{height: 180px;}
}
@media screen and (max-width:640px){
	.news_t .index_news_b{margin-left: 0;}
	.index_news_b{width: 600px;height: 330px;}
	.index_news_col ul{width: 100%;}
	.index_news_col ul li{width: 46%;margin: 2%;height: 350px;}
	header .itop_l{width: 75%;}
	header .itop_r{margin-right: 0;}
	.rsABlock{display: none !important}
	.index_media_l ul li img{height: 193px;}
	.research ul li .research_z p{font-size: 16px;}
	.faculty_list ul li .faculty_z p{font-size: 18px;}
	.social .social_l .mask{width: 77%;}
	.focus_list ul li .focus_z img{height: 150px;}
	.social .index_title dl dt img{width: 50px;height: 50px;}
	.social .index_title dl dt{margin: 0 10px}
	.index_events ul li h2{line-height: 28px}
}
@media screen and (max-width:480px){
		.index_news_b{width: 400px;height: 220px;}
	.index_news_b h2{font-size: 18px;}
	.index_news_col ul li{width: 320px;margin: 2% auto;display: block}
	.news_t ul li:nth-child(2){margin:2% auto}
	.index_media_l ul li{width: 320px;display: block;margin: 0 auto 20px auto}
	.index_media_l ul li img{height: 218px;}
	.index_title span{display: none;}
	.index_gray .index_title{padding-bottom: 0;}
	.research ul li{width: 320px;margin: 0 auto 30px auto;display: block;}
	.faculty_list ul li{width: 320px;margin: 0 auto 20px auto;display: block;border-bottom: 0;border: #ddd 1px solid}
	.faculty_list ul li img{float: none;width: 100%;}
	.faculty_z{float: right;width: 100%;margin-top: 20px;}
	.colleges ul li{width:100%;}
	.focus_list ul li{width:320px;display: block;margin: 0 auto 20px auto;background: #fff;}
	.focus_list ul li .focus_z img{float:none;width: 100%;height: 197px;}
	.focus_list ul li .focus_z{float: none;width: 99%;}
	.focus_list ul li .focus_z h2{float: none;width:92%;font-size: 18px;}
	.focus_list ul li .focus_z span{padding-bottom: 20px;}
	.social .social_l .mask ul li{width: 320px;}
	.social .social_l .mask{width: 92%;background:none;}
	.social .social_l .mask ul li h2{bottom:14px;background: #00528c;}
	.video dl dt{width: 320px;height: 183px;}
	.video dl dd{width: 320px;height: 183px;margin: 20px auto 0 auto;display: block}
	.footer_t_l{display: none}
	footer .footer_t{padding-top: 0;}
	header .itop_l{display: none}
	.social .index_title{margin: 20px auto}
	.social .index_title dl{width: 100%;margin: 20px auto;float: none;text-align: center;}
	.ilogo img{width: 220px;height: 67px;}
	.index_news_col ul li{margin: 5% auto}
	.index_news_col ul li:nth-child(2){margin: 5% auto}
	.faculty_list ul li{padding:0 0 30px 0}
	.faculty_list ul li:nth-child(3){margin: 0 auto 20px auto;}
	.focus_list ul li:nth-child(3){margin: 0 auto 20px auto;}
	.items_search{top: 0;left: 50px;right: auto}
	.items_search form{background: #00528c;}
	.social{height: auto;}
	.social .index_title{text-align: center;}
	.social .index_title h2{float: none;}
	.social .social_l{margin: 0 auto}
	.social .social_l .mask{padding:0}
	.footer_f img.flogo{display: none}
}

@media screen and (max-width:375px){
	.index_news_b{width: 350px;height: 193px;}
	.social .social_l .mask{width: 100%;}
	.ilogo img{width: 180px;height: 55px;}
	.ibutton{top: 25px}
	.nav_search{margin-top: 15px;}
	.index_events ul li h2{font-size: 18px;}
}