html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;font-family:'Microsoft Yahei','open_sanslight',sans-serif,'Hiragino Sans GB','Helvetica Neue',Helvetica,tahoma,arial,Verdana,'\5B8B\4F53';}
ul,ol,dl{list-style-type:none}
html{font-family: 'open_sanslight',sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-size:14px;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-size:16px;line-height:1}
h1,h2,h3,h4,h5,h6{font-size:100%}
 
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;color:#647273;cursor:pointer;
	transition: color .3s;
	-moz-transition: color .3s; /* Firefox 4 */
	-webkit-transition: color .3s; /* Safari 和 Chrome */
	-o-transition: color .3s; /* Opera */
}
a:hover{text-decoration:none;outline:none;}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none;}
html, body{width: 100%;height: 100%;max-height: 100%;}
.bg-white{background-color: #fff;}
.font-white{color: #fff;}
/*margin padding*/
.m-t-15{margin-top:15px;}
.m-t-20{margin-top:20px;}
.m-t-30{margin-top:30px;}
.m-b-15{margin-bottom:15px;}
.m-tb-15{margin-top:15px;margin-bottom:15px;}
.m-tb-20{margin-top:20px;margin-bottom:20px;}
.m-tb-30{margin-top:30px;margin-bottom:30px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.m-lr-15{margin-left:15px;margin-right:15px;}
.padded-tb-20{padding-top:20px;padding-bottom:20px;}
.padded-tb-10{padding-top:10px;padding-bottom:10px;}
/*flex*/
.flex-box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex-justify-m{-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.flex-justify-l{-webkit-box-pack: start;-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.flex-justify-r{-webkit-box-pack: end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.flex-justify-s{-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-justify-sm{-moz-justify-content: space-around;-webkit-justify-content: space-around;justify-content: space-around;}
.flex-align-c{-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.flex-align-t{-webkit-box-align: start;-moz-align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.flex-align-b{-webkit-box-align: end;-moz-align-items: flex-end;-webkit-align-items: flex-end;align-items: flex-end;}
.flex-align-tb{-webkit-box-align: stretch;-moz-align-items: stretch;-webkit-align-items: stretch;align-items: stretch;}
.flex-align-s{-webkit-box-align: baseline;-moz-align-items: baseline;-webkit-align-items: baseline;align-items: baseline;}
.flex-row-l{-webkit-box-direction: normal;-webkit-box-orient: horizontal;-moz-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.flex-row-r{-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.flex-column-t{-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.flex-column-b{-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: vertical;-moz-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
.flex-no-shrink{flex-shrink:0;}
.flex-wrap{flex-flow:row wrap;}
.flex-grow{flex-grow:1;}
.flex-across{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
/*header*/
.header{
	width: 100%;
	
}
 
.logo{
	width: 392px;
	height: 95px;
	display: inline-block;
}
.header-nav{
	width: 100%;
	height: 55px;
	font-size: 12px;
}
.header-nav .icon{
	width: 17px;
	height: 17px;
	display: inline-block;
	background: url(../img/hander-nav-icon.png) no-repeat;
	background-size: auto 100%;
	background-position: 0 0;
}
.header-nav .icon-02{
	background-position: -18px 0;
}
.header-nav .icon-03{
	background-position: -36px 0;
}
.header-nav .icon-04{
	background-position: -54px 0;
}
.header-nav .icon-05{
	background-position: -72px 0;
}
.header-nav .icon-06{
	background-position: -90px 0;
}
.header-nav .icon-07{
	background-position: -108px 0;
}
.header-nav .icon-text{
	margin-left: 5px;
	margin-right: 20px;
	height: 12px;
}
/*nav*/
.nav{
	width: 100%;
	 
}
.nav-view{
	margin: 0 auto;
	width: 100%;
	height: 57px;
	line-height: 57px;
}
.nav-view li{
	position: relative;
	z-index: 999;
}
.nav-view li::before{
	content: '';
	width: 18px;
	height: 57px;
	background: url(../img/nav-line.png) no-repeat 0 0/100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.nav-view li:first-child::before{
	display: none;
}
.nav-child{
	margin-bottom: 6px;
	text-align: center;
	color: #fff;
	display: none;
	position: absolute;
	top: 57px;
	left: 50%;
	transform: translateX(-50%);
}
.child-view, .nav-child-view .last-view a{
	margin-bottom: 6px;
	padding: 0 20px;
	line-height: 45px;
	background-color: rgba(6, 142, 180, .8);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.nav-child-view{
	position: relative;
}
.nav-child-view .last-view{
	padding-left: 6px;
	position: absolute;
	top: 0;
	left: 104px;
	display: none;
}
.nav-child-view .last-view a{
	color: #fff;
	display: block;
}
/*slider*/
.slider-view{
	margin: 10px auto;
	width: 100%;
	height: 402px;
	overflow: hidden;
}
.slideBox{ width:100%; height:402px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:6px; overflow:hidden; position:absolute; left: 50%;bottom:20px; z-index:1;transform: translateX(-50%); }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:40px; height:6px; line-height:14px; text-align:center;background-color: rgba(255,255,255,.5); cursor:pointer; }
.slideBox .hd ul li.on{ background:#fff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:402px; display:block;  }
/*content*/
.content{
	margin: 0 auto;
	width: 100%;
}
.news{
	padding: 0 25px;
	width: 675px;
}
.notice{
	padding: 0 25px;
	width: 525px;
}
.content .title{
	padding-right: 10px;
	border-bottom: 1px solid #0690b6;
}
.content .more{
	padding-right: 22px;
	font-size: 12px;
	position: relative;
}
.content .more::after{
	content: '';
	width: 17px;
	height: 17px;
	background: url(../img/icon.png) no-repeat -22px -23px;
	display: block;
	position: absolute;
	top: -3px;
	right: 0;
}
.content .title-text{
	padding: 10px 10px 10px 30px;
	font-weight: 600;
	color: #0690b6;
	border-bottom: 4px solid #0690b6;
	position: relative;
}
.content .title-text::before{
	content: '';
	width: 20px;
	height: 20px;
	background: url(../img/icon.png) no-repeat 0 0;
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
}
.content .notice .title-text::before{
	background-position: -20px 0;
}
.notice-list li{
	margin: 20px 0;
	border: 1px solid #0690b6;
	border-radius: 8px;
	overflow: hidden;
}
.notice-list .list-left{
	width: 94px;
	height: 92px;
	background: linear-gradient(#00a8cf, #068eb4);
	color: #fff;
}
.notice-list .day{
	margin-bottom: 10px;
	font-size: 24px;
}
.notice-list .list-right{
	margin: 15px;
	width: calc(100% - 124px);
	overflow: hidden;
}
.notice-list .list-title, .notice-list .list-text{
	width: 100%;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.notice-list .list-title{
	font-size: 14px;
}
.notice-list li:hover .list-title{
	color: #00A8CF;
}
.notice-list li:hover{
	background-color: #e5e4e4;
}
.notice-list .list-text{
	font-size: 14px;
}
.news-top{
	padding: 15px;
	border-bottom: 1px dashed #999;
}
.news-img{
	width: 319px;
}
.news-content{
	margin-left: 15px;
}
.news-content .title{
	height: 60px;
	line-height: 1.5;
	font-size: 14px;
	color: #00A8CF;
	border: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news-content .text{
	height: 120px;
	line-height: 1.6;
	font-size: 12px;
	text-indent: 2em;
	overflow: hidden;
}
.news-top-info{
	font-size: 12px;
}
.news-top-info .volume{
	padding-left: 20px;
	position: relative;
}
.news-top-info .volume::before{
	content: '';
	width: 17px;
	height: 17px;
	background: url(../img/icon.png) no-repeat -46px -25px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.news-bottom{
	padding: 0 15px;
}
.news-bottom li{
	margin: 15px 0;
	padding-left: 15px;
	position: relative;
}
.news-bottom li::before{
	content: '·';
	font-weight: 600;
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
}
.news-bottom-list{
	font-size: 12px;
}
.news-bottom-list:hover{
	color: #00A8CF;
}
.news-bottom-list p{
	width: 500px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*education*/
.education{
	width: 100%;
	background-color: #00a8cf;
}
.education-view{
	margin: 0 auto;
	padding: 15px 0 30px;
	width: 100%;
}
.education-left, .education-right{
	padding: 0 35px;
}
.education-view .title, .campus .title{
	margin-bottom: 30px;
	padding: 18px 0 18px 30px;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-indent: 15px;
	position: relative;
}
.education-view .title::before, .campus .title::before{
	content: '';
	width: 18px;
	height: 18px;
	background: url(../img/icon.png) no-repeat 0 -23px;
	position: absolute;
	top: 17px;
	left: 20px;
}
.education .icon-view{
	margin: 0 40px;
	width: 90px;
	height: 100px;
	color: #fff;
}
.education-left .icon, .education-right .icon{
	width: 78px;
	height: 78px;
	background: url(../img/education.png) no-repeat;
	background-size: auto 78px;
	display: inline-block;
	white-space: nowrap;
}
.education-left .icon-01{
	background-position: 0 0;
}
.education-left .icon-02{
	background-position: -79px 0;
}
.education-left .icon-03{
	background-position: -158px 0;
}
.education-left .icon-04{
	background-position: -237px 0;
}
.education-right .icon{
	background: url(../img/education.png) no-repeat;
}
.education-right .icon-01{
	background-position: -316px 0;
}
.education-right .icon-02{
	background-position: -395px 0;
}
.education-right .icon-03{
	background-position: -474px 0;
}
/*campus*/
.campus{
	margin: 0 auto;
	padding: 0 35px;
	width: 1230px;
}
.campus .title{
	margin-bottom: 0;
	color: #00a8cf;
	border-color: #00a8cf;
}
.campus .title::before{
	background-position: -45px 0;
}
.campus-list li{
	margin: 10px;
	border: 1px solid #a0a0a0;
	cursor: pointer;
}
.campus-list img{
	height: auto;
}
.campus-list .text{
	padding: 10px 0;
	text-align: center;
}
.campus-list li:hover .text{
	color: #00a8cf;
}
/*recruit*/
.recruit{
	width: 100%;
	height: 300px;
	background: url(../img/sign.jpg) no-repeat center center/auto 100% #def9ff;
	text-align: center;
}
.recruit .title{
	font-size: 32px;
}
.recruit p{
	font-size: 20px;
	color: #647273;
}
.recruit-btn{
	padding: 15px 0;
	width: 275px;
	background-color: #0495bb;
	border: 0;
	border-radius: 30px;
	color: #fff;
}
/*footer*/
.footer{
	padding-top: 35px;
	width: 100%;
	background-color: #1f2229;
	position: relative;
}
.footer::before{
	content: '';
	width: 100%;
	height: 35px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.footer-top{
	padding: 20px 0;
	text-align: center;
}
.footer-logo{
	width: 120px;
	height: 120px;
	display: inline-block;
}
.phone{
	padding-left: 40px;
	color: #fff;
	font-size: 26px;
	position: relative;
}
.phone::before{
	content: '';
	width: 34px;
	height: 49px;
	background: url(../img/icon.png) no-repeat 0 -40px;
	overflow: hidden;
	position: absolute;
	top: -10px;
	left: 0;
}
.phone-view{
	padding-top: 30px;
}
.footer-nav{
	margin: 0 auto;
	padding: 10px 0 30px;
	width: 100%;
}
.footer-nav li{
	text-align: center;
}
.footer-nav .title{
	margin-bottom: 20px;
	font-size: 14px;
	color: #fff;
}
.footer-nav a{
	line-height: 1.6;
	font-size: 12px;
	color: #909bb1;
}
/*build*/
.build{
	padding: 50px 0;
	width: 100%;
	background-color: #def9ff;
}
.build-view{
	margin: 0 auto;
	width: 1181px;
	height: 503px;
	background: url(../img/build.png) no-repeat 0 0/100% 100%;
}
.build-view .title{
	padding: 25px 0;
	font-size: 20px;
	text-align: center;
	border-bottom: 2px solid #59b4ce;
}
.build-left, .build-right{
	padding: 50px 75px 50px 130px;
	width: 405px;
	font-size: 14px;
	overflow: hidden;
}
.build-right{
	padding: 50px 130px 50px 75px;
}
.build-view li{
	padding: 8px 0;
}
.build-list{
	width: 300px;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.build-list-view{
	padding: 30px 0;
}
/*自适应*/
/*PC*/
@media (min-width: 768px) {
	.header, .nav, .education, .recruit, .build, .footer{
		min-width: 1300px;
	}
	.slider-view, .content, .nav-view, .education-view, .footer-nav{
		width: 1300px;
	}
	.pc-hidden{
		display: none;
	}
}
/*mobile*/
@media (max-width: 768px) {
	.mobile-hidden{
		display: none;
	}
	.header-view{
		padding: 10px;
		width: calc(100% - 20px);
		height: auto;
		position: relative;background-color: #00a8cf;
	}
	.logo{
		width: auto;
		height: 30px;
	}
	.mobile-nav-btn{
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 51px;
		height: 51px;
		background: url('../img/menu-button-bg.png') no-repeat center center/50% 50%;
	}
	.content, .news-top-view, .education-view, .campus-list, .build-view{
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.slider-view, .slideBox, .slideBox .bd img{
		height: 200px;
	}
	.news, .notice{
		padding: 0 10px;
		width: calc(100% - 20px);
	}
	.news-top{
		padding: 10px 0;
	}
	.news-img{
		width: 100%;
	}
	.news-content{
		margin: 0;
	}
	.news-content .title, .news-content .text{
		height: auto;
	}
	.news-content .text{
		margin: 10px 0;
	}
	.news-bottom{
		padding: 0;
	}
	.news-bottom-list p{
		width: 100%;
	}
	.education-left, .education-right{
		padding: 0 10px;
	}
	.education-view{
		padding: 0 0 15px;
	}
	.education-view .title{
		margin-bottom: 10px;
	}
	.education-view .title, .campus .title{
		padding: 15px 0 15px 10px;
	}
	.education-view .title::before, .campus .title::before{
		top: 13px;
		left: 2px;
	}
	.education-left .icon-view, .education-right .icon-view{
		margin: 0 10px;
		width: calc(25vw - 20px);
		height: 88px;
		font-size: 13px;
	}
	.education-left .icon, .education-right .icon{
		width: 68px;
		height: 68px;
		background-size: auto 68px;
	}
	.education-left .icon-02{
		background-position: -68px 0;
	}
	.education-left .icon-03{
		background-position: -137px 0;
	}
	.education-left .icon-04{
		background-position: -206px 0;
	}
	.education-right{
		margin-top: 10px;
	}
	.education-right .icon-01{
		background-position: -275px 0;
	}
	.education-right .icon-02{
		background-position: -344px 0;
	}
	.education-right .icon-03{
		background-position: -412px 0;
	}
	.campus{
		padding: 0 10px;
		width: calc(100% - 20px);
	}
	.campus-list li{
		margin: 10px 0;
	}
	.build-view{
		width: 100%;
		height: auto;
		background: none;
	}
	.build-left, .build-right{
		margin: 10px;
		padding: 20px;
		width: calc(100% - 60px);
		border-radius: 45px;
	}
	.build-left{
		background: url(../img/build.png) no-repeat 0 0/auto 100%;
	}
	.build-right{
		background: url(../img/build.png) no-repeat right top/auto 100%;
	}
	.build-view .title{
		padding: 0 0 20px;
	}
	.build-list-view{
		padding: 15px 0 5px;
	}
	.build-list{
		width: calc(100% - 60px);
		color: #333;
	}
	.footer{
		padding: 20px 0;
	}
	.footer::before{
		display: none;
	}
	.footer .link{
	}
}
 ,ny_box img{height:auto;}
 .pagination li{ float:left; display:inline; padding:2px 2px}
  .pagination li a{padding:3px 10px}
.pagination li.disabled{padding:10px 10px}
.pagination li.active{padding:10px 10px}
.jumpto a:hover {
	 
	background: #fff;
}
.page_number{ width:50px;}