/*common*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin: 0; padding: 0 ; border: 0; font-size: 100%; font-family: Microsoft YaHei; vertical-align: baseline;}
body {background: #FFF; -webkit-text-size-adjust: none; font-size: 12px;}
html,body {height: 100%;}
blockquote,q {quotes: none;}
li,dd,dt {list-style-type: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ""; content: none;}
a {color: #333; text-decoration: none;}
a:hover {color: #000;}
a:focus {outline: none; -moz-outline: none;} 
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic; font-weight: 700;}
del {text-decoration:line-through;}
abbr [title],dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 0 0 25px 0; padding: 0;}
input,select {vertical-align: middle;}
/*img {width: 100%; height: 100%;}*/

/*color common*/
.blue {color: #0d6fb8 !important;}
.gray {color: #666 !important; padding-left: 10px;}
.graygray {color: #dcdcdc;}
.gray2 {color: #999999;}
.gray3 {color: #666;}
.white {color: #fff;}
.sel {display: none;}

/*head*/
.fl {float: left;}
.fr {float: right;}

.clear:before, .clear:after { display: table; content: " ";}
.clear:before, .clear:after {clear: both;}

.container {max-width: 1200px; margin: 0 auto;}

.head {float: left; width: 100%; max-height: 600px;}

/*banner*/
.banner {float: left; width: 100%; max-height: 600px;}
.sliderContainer {/*position: absolute;*/ width: 100%;}
.iosSlider {position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 600px;}
.slider {width: 100%; height: 100%;}
.slider .item {width: 100%; height: 100%;}
.item .inner {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 0 10px -5px #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.slideSelectors_box {width: 1000px; position: relative;	margin: 0 auto;}

.item .inner a {display: block;}
.item .inner .selectorShadow {
	position: absolute; 
	left: 0; 
	bottom: 0; 
	/*background:url(../images/selector-shadow.png) no-repeat 0 0; */
	width: 120px; 
	height: 30px;
}

.prevContainer,.nextContainer{
	position: absolute;
	top: 0;
	width: 30px;
	padding:0 0 19.5% 0;
	z-index: 9;
}

.prevContainer {left: 8%; position: absolute; top: 50%;}
.nextContainer {right: 8%; position: absolute; top: 50%;}

.prevContainer .prev,.nextContainer .next{
	position: absolute;
	width: 100%;
	height: 62px;
	text-indent: -9999px;
}

.prevContainer .prev {background: url(../images/pre.png) no-repeat;}
.prevContainer .prev:hover {background: url(../images/preon.png) no-repeat;}
.nextContainer .next {background: url(../images/next.png)  no-repeat;}
.nextContainer .next:hover {background: url(../images/nexton.png)  no-repeat;}

.logo {max-width: 420px; max-height: 120px; margin-left: 10px;}
.logo img {width: 100%;  height: 100%;}

/*TOP*/
.top {width: 100%; height: 170px; position: absolute; z-index: 11; top: 0;}

/*nav*/
.nav {max-width: 1200px; height: 120px; margin: 0 auto; background: rgba(14,65,156,0.7);}
#nav.fixedNav{ width:100%; border-top:none; border-bottom:1px #9f9c9c solid; position:fixed; top:0px; left:0px; background: #fff; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}

.fast_link {float: right; margin-right: 20px; line-height: 40px; color: #fff; font-size: 14px; position: relative;}
.fast_link a{margin: 0 10px; color: #f0f0f0;}
.fast_link a:hover {color: #ccc;}
.fast_link .search {width: 20px; height: 20px; border: 0 none; background: url(../images/icon/icon_search.png) no-repeat; text-indent: -9999px;}

.fast_link .search_bdr {position: absolute; top: 38px; right: 0; display: none;}
.fast_link .input {width: 200px; height: 36px; border: 0 none; background: #fff; text-indent: 3px; color: #666;}
.fast_link .search1 {width: 20px; height: 20px; border: 0 none; background: url(../images/icon/icon_search1.png) no-repeat; text-indent: -9999px; position: absolute; right: 10px; top: 10px; z-index: 10;}


.navaindex {width: 65px !important;}

.navbar {
	font-size: 16px;
	max-width: 1200px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	background: rgba(255,255,255,0.9);
}

.navbar li {float: left; width: 12.5%; text-align: center; height: 50px;}
.navbar li a {display: block; color: #333333;}
.navbar li a:hover {background: #fcd05c;}
.nava {background: #fcd05c; color: #333 !important;}
.navbar li a:hover {color: #333;}
.navbar li:hover .nav_sub {display: block;}

.navbar li .nav_sub {
	width: 100% !important; 
	height: auto; 
	background: #fff; 
	opacity: 0.9; 
	position: absolute; 
	left: 0px; 
	top: 50px; 
	border-radius: 0 0 5px 5px;
	display: none;
}
.navbar li dl{
	padding: 20px 0;
	float: left;
	width: 450px;
}
.navbar li dl dd{
	width: 150px;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	white-space:nowrap;
	float: left;
}
.navbar li dl dd a:hover{
	background: #fcd05c;
	color: #333;
	opacity: 1.0;
}
.navbar .nav_img {float: left; width: 300px; height: 100px; padding: 20px;}
.navbar .nav_info {float: left; padding: 20px; line-height: 24px; font-size: 14px;}

.a1 {display: none;}
.a2 {display: block;}

.apply-pup{
	margin-right: 20px;
	margin-top: 4%;
	background:url(../images/navbg.png) right center no-repeat; 
	width:24px;  
	display:block; 
	text-indent: -9999px;
}

/*main*/

.fastlink {width: 100%; height: 100px; background: #ffcb42;}
.fastlink img {width: 100%; height: 100%;}
.main {width: 100%; float: left; margin-top: 600px;}
.band {float: left;	width: 100%;}

.band_head{
	width: 100%;
	text-align: center;
	color: #666666;
	font-size: 20px;
	line-height: 95px;
	margin-bottom: 15px;
}

.band_content{
	max-width: 1200px;
	margin: 0 auto;
}

.band_content ul{
	margin: 0 auto;
	width: 100%;
}
.band_content li{
	float: left;
	width: 12.5%;
	max-height: 100px;
	text-align: center;
}
.band_content li div{
	margin: 10px 0 0 0;
	width: 100%;
}
.band_content li span{
	width: 100%;
}
.band_content li div img {
	max-width: 100px;
	max-height: 56px;
	text-align: center;
}

.band_content li a{
	font-size: 14px;
	color: #333;
}

.band_content li:hover a{
	color: #fff;
}


.band_content li.Abg {background: #3fa1e5;}
.band_content li:hover {height: 100px; background: #3fa1e5; color: #fff;}

.pos_r {position: relative;}
.band_content li:hover .h_notice {display: block;}
.band_content .h_notice {width: 296px; height: auto; border: #3fa1e5 solid 2px; background: #fff; display: none; position: absolute; z-index: 999; top: 90px; left: -76px;}
.band_content .h_notice .arrow_top {width: 36px; height: 12px; position: absolute; background: url(../images/arrow_top.png) no-repeat; left: 132px; top: -22px; z-index: 1000;}
.band_content .h_notice dl {margin: 13px; width: 270px; height: auto;}
.band_content .h_notice dl dd {width: 270px; line-height: 40px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: #eee solid 1px; color: #555;}
.band_content .h_notice dl dd a {color: #555;}
.band_content .h_notice dl dd a:hover {color: #f00;}

.band_content .h_notice dl dd:last-of-type {color: #2e61b0; border-bottom: none; text-align: right;}
.band_content .h_notice dl dd:last-of-type a{color: #2e61b0; font-size: 12px;}
.band_content .h_notice dl dd:last-of-type a:hover {color: #f00;}
.listbox{
	width: 100%;
	float: left;
	height: auto;
	margin-top: 50px;
}

.listbox1{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 50px;
	background: #f8f8f8;	
	padding-bottom: 50px;
}

.listboxrow li{
	float: left;
}

.listfull { width: 100%; height: auto; overflow: hidden;}
.list_con2{
	float: left; 
	width: 88%;
	height: 80px;
	color: #333;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 2%;
}

.list_con2 a {font-size: 16px; line-height: 24px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_con2 a:hover {color: #f00; text-decoration: underline;}
.list_con2 p {line-height: 22px !important; color: #666; font-size: 14px !important;}


/*新闻左中右三个模块框架开始*/

.listleft {float: left; width: 33%; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
.listleft:hover {width: 33%; border: #3fa1e5 solid 2px;}
.listleft .icon_campus {float: left; margin: 12px; width: 46px; height: 46px; background: url(../images/icon/icon_campus.png); font-size: 0; text-indent: -9999px;}
.listleft .more {float: right; margin-right: 10px; font-size: 12px;}

.listleft:hover .listhead {width: 100%; height: 70px; font-size: 20px; color: #fff; background: #3fa1e5; line-height: 70px; margin: 0 auto;}
.listleft:hover .listline {margin: 0 auto; background: #fff; width: 95%; height: 1px; font-size: 0; display: block;}
.listleft:hover .icon_campus {float: left; margin: 12px; width: 46px; height: 46px; background: url(../images/icon/icon_campus_on.png); font-size: 0; text-indent: -9999px;}
.listleft:hover .more a {color: #fff;}
.listleft:hover .more a:hover {color: #eee;}

.listleft .news {margin: 10px; width: auto; position: relative;}
.listleft .news .span {width: 100%; height: 40px; line-height: 40px; background: #333; opacity: 0.8; bottom: 5px; position: absolute; z-index: 120;}
.listleft .news .span a {color: #fff; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.listleft .news .span a:hover {color: #fff; text-decoration: underline;}
.listleft .news img {width: 100%; height: auto;}

.listcenter {float: left; width: 33%; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
.listcenter:hover {width: 33%; border: #3fa1e5 solid 2px;}
.listcenter .icon_partner {float: left; margin: 12px; width: 46px; height: 46px; background: url(../images/icon/icon_partner.png); font-size: 0; text-indent: -9999px;}
.listcenter .more {float: right; margin-right: 10px; font-size: 12px;}

.listcenter:hover .listhead {width: 100%; height: 70px; font-size: 20px; color: #fff; background: #3fa1e5; line-height: 70px; margin: 0 auto;}
.listcenter:hover .listline {margin: 0 auto; background: #fff; width: 95%; height: 1px; font-size: 0; display: block;}
.listcenter:hover .icon_partner {float: left; margin: 12px; width: 46px; height: 46px; background: url(../images/icon/icon_partner_on.png); font-size: 0; text-indent: -9999px;}
.listcenter:hover .more a {color: #fff;}
.listcenter:hover .more a:hover {color: #eee;}


.listright {float: left; width: 33%; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
.listright:hover {width: 33%; border: #3fa1e5 solid 2px;}
.listright .icon_video {float: left; margin: 12px; width: 46px; height: 46px; background: url(../images/icon/icon_video.png); font-size: 0; text-indent: -9999px;}
.listright .more {float: right; margin-right: 10px; font-size: 12px;}

.listright:hover .listhead {width: 100%; height: 70px; font-size: 20px; color: #fff; background: #3fa1e5; line-height: 70px; margin: 0 auto;}
.listright:hover .listline {margin: 0 auto; background: #fff; width: 95%; height: 1px; font-size: 0; display: block;}
.listright:hover .icon_video {float: left; margin: 12px; width: 46px; height: 46px; background: url(../images/icon/icon_video_on.png); font-size: 0; text-indent: -9999px;}
.listright:hover .more a {color: #fff;}
.listright:hover .more a:hover {color: #eee;}

/*新闻左中右三个模块框架结束*/

.news_logo {float: left; width: 27.9%; max-height: 150px; overflow: hidden;}

.listhead {width: 100%; height: 70px; font-size: 20px; color: #666666; line-height: 70px; margin: 0 auto;}
.listline {margin: 0 auto; background: #ccc; width: 95%; height: 1px; font-size: 0; display: block;}
.box {width: 100%; float: left;	padding-bottom: 10px;}
.list_detail {float: left; padding: 0 0 0 3%; width: 97%;}
.list_detailA {float: left; width: 100%;}

.list_detailh {width: 100px; float: left; font-size: 14px; line-height: 36px; color: #3fa1e5;}
.list_detailh a {color: #3fa1e5; padding-right: 15px;}

.list_time {
	width: 27%;
	height: 80px;
	float: left;	
	font-size: 14px;
	line-height: 40px;
	color: #3fa1e5;
	background: url(../images/list_time.jpg) repeat-x;
	text-align: center;
}
.list_timeA {
	width: 10%;
	height: 80px;
	float: left;	
	font-size: 14px;
	line-height: 40px;
	color: #3fa1e5;
	background: url(../images/list_time.jpg) repeat-x;
	text-align: center;
}


.mar {margin: 13px 0 12px 0;}
.mar1 {margin: 13px 0 5px 0;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px;}
.mb0 {margin-bottom: 0px; }
.mtb20 {margin-top: 20px; margin-bottom: 20px;}

.list_ly {
	width: 27%;
	float: left;	
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	background: #3fa1e5;
	text-align: center;
}

.sizefourth{
	font-size: 14px;
}

.list_content{
	float: left; 
	width: 70%;
	line-height: 36px;
	color: #333;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list_content a:link {color: #333;}
.list_content a:hover {color: #f00;}

.list_con{
	float: left; 
	width: 69%;
	height: 40px;
	line-height: 19px;
	color: #333;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
}
.list_con a:link {color: #333;}
.list_con a:hover {color: #f00;}

.list_con1{
	float: left; 
	width: 69%;
	height: 80px;
	line-height: 19px;
	color: #333;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
}

.f00 {color: #f00;}
.list_con1 a {font-size: 16px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_con1 a:hover {color: #f00;}
.list_con1 p {line-height: 24px; color: #666;}



/* 图片轮播切换 */
#focus {width: 290px; height: 350px; overflow: hidden; position: relative;}
#focus ul {height: 100%; position: absolute;}
#focus ul li {float: left; width: 290px; height: 350px; overflow: hidden; position: relative; background: #fff;}
#focus ul li img {width: 100%; height: 100%;}
#focus ul li div {position: absolute; overflow: hidden;}
#focus .btnBg {
	position: absolute; 
	width: 100%; height: 50px; 
	left: 0; bottom: 0; 
	background: #000; 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5; 
	opacity: 0.5;
}
#focus .btn {position: absolute; width: 100px; height: 16px; right: 30px; bottom: 16px; left: 50%; margin-left: -50px;}
#focus .btn span {
	display: inline-block; 
	_display: inline; 
	_zoom: 1; 
	width: 16px; height: 16px; 
	_font-size: 0; 
	margin-left: 8px; 
	cursor: pointer; 
	background: url(../images/icon_list3.png) no-repeat;
}
#focus .btn span.on {width: 16px; background: url(../images/icon_list3_h.png) no-repeat;}
#focus .preNext {width: 66px; height: 66px; position: absolute; top: 120px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer;}
#focus .pre {left: 0;}
#focus .next {right: 0; background-position: right top;}
.Imgtxt {
	position: absolute; 
	width: 100%; height: 50px; 
	padding-left: 20px; 
	line-height: 50px; 
	left: 0; bottom: 0; 
	_zoom: 1; z-index: 100; 
	color: #fff !important; 
	font-size: 16px;
}


/* 图片轮播切换 */
#focus1 {margin: 20px auto 0 auto; width: 620px; height: 80px; overflow: hidden; position: relative;}
#focus1 ul {height: 100%; position: absolute;}
#focus1 ul li {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 36px; color: #0062ac; font-weight: bold; line-height: 40px; text-align: center;}
#focus1 ul .ml125 {margin-left: 125px;}

#focus1 ul li div {position: absolute; overflow: hidden;}
#focus1 .btn {position: absolute; width: 60px; height: 12px; bottom: 12px; left: 50%; margin-left: -30px;}
#focus1 .btn span {
	display: inline-block; 
	_display: inline; 
	_zoom: 1; 
	width: 12px; height: 12px; 
	_font-size: 0; 
	margin-left: 8px; 
	cursor: pointer; 
	background: url(../images/icon/point.png) no-repeat;
}
#focus1 .btn span.on {width: 12px; background: url(../images/icon/point_on.png) no-repeat;}


.aboutlist {width: 100%;}
.aboutlist li {float: left; width: 50%;	font-size: 14px; color: #666; line-height: 24px;}
.aboutlist dl {float: left;	width: 100%; margin-top: 10px;}

.aboutlist dd {
	float: left;
	width: 220px;
	height: 300px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-right: 25px;
	position: relative;
}

/*.aboutlist dd:first-of-type {
	float: left;
	width: 200px;
	height: 300px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-right: 30px;
	position: relative;
}*/

.aboutlist dd:last-of-type {margin-right: 0;}

.aboutlist dd div {
	width: 100%; height: 100%; 
	background: url(../images/sel_bg.png) no-repeat;
	position: absolute; 
	left: 0; top: 0; 
	display: none; 
	z-index: 200;
}

.aboutlist dd div h1 {width: auto; height: 80px; line-height: 80px; font-size: 20px; color: #666; text-align: center; font-weight: 500;}
.aboutlist dd div p {padding: 0 15px; width: auto; height: 200px; line-height: 24px; overflow: hidden; color: #333;}
.aboutlist dd div p:last-of-type {line-height: 22px; color: #333;}
.aboutlist dd:hover div {display: block;}


.art_info {width: 600px; height: auto;}
.art_con {float: left; width: 298px; height: 358px; border: #e8e8e8 solid 1px; background: #fff;}
.art_con h1 {font-size: 18px; line-height: 40px; text-align: center; color: #333; font-weight: 500;}
.art_con p {font-size: 14px; line-height: 28px; text-indent: 30px; color: #666; padding: 0 10px 10px 15px;}

.list_img {float: left; width: 290px; height: 350px; border: #f2f2f2 solid 5px;}
.list_img img {width: 290px; height: 350px;}

/*海丝印迹模板样式*/
.about_head{
	float: left;
	width: 100%;
	text-align: center;
	height: 125px;
	color: #666;
	font-size: 20px;
}
.about_head .tit_cn {margin-top: 30px; font-size: 36px; color: #0062ac; font-weight: bold; line-height: 40px;}
.about_head .tit_en {font-family: Gabriola; font-size: 30px; color: #555; line-height: 48px; letter-spacing: 0.5px; font-style: italic;}
.about_head ul {margin: 10px auto; width: 80px; height: 30px;}
.about_head ul li {float: left; margin: 0 10px; width: 12px; height: 12px;}

.art_img {width: 600px; height: auto;}
.art_img .img_ul {float: left; width: 290x; height: 170px; border: #f2f2f2 solid 5px; position: relative;}
.art_img .img_ul img {width: 290px; height: 170px;}
.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.8; font-size: 14px; text-align: center; color: #fff; line-height: 36px; display: none; position: absolute; bottom: 0;}
.art_img .img_ul:hover .txt {display: block;}
.art_img .img_full {float: left; width: 590px; height: 170px; border: #f2f2f2 solid 5px; position: relative;}
.art_img .img_full img {width: 100%; height: 100%;}
.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.8; font-size: 14px; text-align: center; color: #fff; line-height: 36px; display: none; position: absolute; bottom: 0;}
.art_img .img_full:hover .txt {display: block;}

/*泉海印象模板样式*/
.full_img {float: left; margin-top: 20px; width: 100%; height: auto;}
.full_img .fl40 {float: left; width: 40%;}
.full_img .fl20 {float: left; width: 20%;}
.full_img .fl40 .img_w1 {float: left; width: 47.5%; height: 170px; border: #f2f2f2 solid 5px; position: relative;}
.full_img .fl40 .img_w1 img {width: 100%; height: 100%;}
.full_img .fl40 .img_w2 {float: left; width: 97.2%; height: 170px; border: #f2f2f2 solid 5px; position: relative;}
.full_img .fl40 .img_w2 img {width: 100%; height: 100%;}
.full_img .fl20 .img_w3 {float: left; width: 94%; height: 350px; border: #f2f2f2 solid 5px; position: relative;}
.full_img .fl20 .img_w3 img {width: 100%; height: 100%;}

.full_img .fl40 .img_w1 .txt {width: 100%; height: 36px; background: #333; opacity: 0.8; font-size: 14px; text-align: center; color: #fff; line-height: 36px; display: none; position: absolute; bottom: 0;}
.full_img .fl40 .img_w1:hover .txt {display: block;}

.full_img .fl40 .img_w2 .txt {width: 100%; height: 36px; background: #333; opacity: 0.8; font-size: 14px; text-align: center; color: #fff; line-height: 36px; display: none; position: absolute; bottom: 0;}
.full_img .fl40 .img_w2:hover .txt {display: block;}

.full_img .fl20 .img_w3 .txt {width: 100%; height: 36px; background: #333; opacity: 0.8; font-size: 14px; text-align: center; color: #fff; line-height: 36px; display: none; position: absolute; bottom: 0;}
.full_img .fl20 .img_w3:hover .txt {display: block;}



.footer_wave {margin-top: 50px; width: 100%; height: 165px; background: url(../images/footer_wave.png) center top;}
.footer{
	width: 100%;
	background: #115ebe;
}

.footer_navs{
	width: 100%;
	float: left;
	height: auto;
	padding-bottom: 20px;
}

.footer_nav{
	float: left;
	width: 20%;
	/*padding-left: 3%;*/
	overflow: hidden;
}

.footer_head{
	font-size: 16px !important;
	padding-bottom: 16px !important;
}

.footer_nav li {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
}

.footer_nav li  a {color: #fff;}
.footer_nav li  a:hover {color: #ddd;}

.widthab {
	width: 12% !important;
	/*padding: 0 !important;*/
	text-align: left !important;
}

.code {
	width: 60px;
	margin-right: 20px;
	text-align: center;
	font-size: 14px;
	color: #f2f2f2;
}

.footerfr {width: 28%;}
.address {width: 17.57%; padding-top: 15px; padding-left: 5%;}
.footer_logo {width: 43.76%; padding-top: 15px;}
.copyright {
	width: 100%;
	font-size: 14px;
	color: #ddd;
	padding: 15px 0;
	line-height: 20px;
	text-align: center;
	background: #0e51a4;
}
.copyright1 {
	width: 100%;
	font-size: 14px;
	color: #ddd;
	padding: 15px 0;
	line-height: 20px;
	text-align: center;
	background: #0e51a4;
	display: none;
}

.copyright2 {
	width: 100%;
	font-size: 14px;
	color: #ddd;
	padding: 15px 0;
	line-height: 20px;
	text-align: center;
	background: #0e51a4;
	display: none;
}

.link {width: 71.875%; padding-top: 35px;}
.link li {float: right;	width: 15.1527%; padding-left: 0.89285%;}

#menu {
	display: none;/*解决加载时导航栏闪现问题*/ 
}


#back-to-top {
    position: fixed;
    z-index: 1000;
    bottom: 14px;
    right: 6px;
    display: none;
}

#back-to-top a {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
    border: 1px solid #CCC;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    color: #BBB;
    border-radius: 3px;
}

#back-to-top a:hover {
    background-color: #01457e;
    color: #FFF;
    border-color: #01457e;
}




/*自适应*/

@media screen and (min-width: 1121px) and (max-width : 1200px) {
	/*新闻左中右三个模块框架开始*/
	.listboxrow {margin: 0 auto; width: 1120px;}
	.listleft {float: left; width: 368px; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
	.listleft:hover {width: 368px; border: #3fa1e5 solid 2px;}
	
	.listcenter {float: left; width: 368px; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
	.listcenter:hover {width: 368px; border: #3fa1e5 solid 2px;}	
	
	.listright {float: left; width: 368px; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
	.listright:hover {width: 368px; border: #3fa1e5 solid 2px;}	
	/*新闻左中右三个模块框架结束*/
	
	/*海洋印迹样式*/
	.aboutlist {width: 1120px; margin: 0 auto;}
	.art_info {width: 560px;}
	.art_con {float: left;  width: 278px; height: 358px; border: #e8e8e8 solid 1px; overflow: hidden;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	.list_img {float: left; width: 270px; height: 350px;}
	#focus {width: 270px; height: 350px; overflow: hidden; position: relative;}
	#focus ul {height: 100%; position: absolute;}
	#focus ul li {float: left; width: 270px; height: 350px; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: 100%;}

	.art_img {width: 560px; height: auto;}
	.art_img .img_ul {float: left; width: 270x; height: 170px; border: #f2f2f2 solid 5px; position: relative;}
	.art_img .img_ul img {width: 270px; height: 170px;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul:hover .txt {display: block;}
	.art_img .img_full {float: left; width: 550px; height: 170px; border: #f2f2f2 solid 5px; position: relative;}
	.art_img .img_full img {width: 550px; height: 170px;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_full:hover .txt {display: block;}
	/*海线印迹样式*/
}

@media screen and (min-width: 992px) and (max-width : 1120px) {
	/*在移动端中浏览器会有自带的一个点击高亮效果*/
	*{-webkit-tap-highlight-color: transparent;}
	.logo {overflow: hidden;}
	.logo img {width: 90%; height: 90%;}
	/*.listleft, .listcenter, .listright {width: 32%;}
	.listleft:hover, .listcenter:hover, .listright:hover {width: 32%;}*/
	
	/*新闻左中右三个模块框架开始*/
	.listboxrow {margin: 0 auto; width: 972px;}
	.listleft {float: left; width: 320px; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
	.listleft:hover {width: 320px; border: #3fa1e5 solid 2px;}
	.list_detailh { width: 100px;}
	.list_content { width: 200px;}
	
	.listcenter {float: left; width: 320px; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
	.listcenter:hover {width: 320px; border: #3fa1e5 solid 2px;}	
	
	.listright {float: left; width: 320px; border: #dfdfdf solid 2px; height: 472px; overflow: hidden;}
	.listright:hover {width: 320px; border: #3fa1e5 solid 2px;}	
	/*新闻左中右三个模块框架结束*/	
	
	
	.prevContainer,.nextContainer {padding:0 0 30% 0;}
	.band_head {font-size: 17px; line-height: 80px; margin-bottom: 5px;}	
	.band_content li a {font-size: 15px;}
	.listhead,.about_head {font-size: 17px;}
	.band_content li {margin:0 1.741566%;}
	.headheight,.bannerinner {height: 330px;}
	.containter1 {width: 97%; padding: 0 1.5%;}
	
	/*海洋印迹样式*/
	.aboutlist {width: 972px; margin: 0 auto;}
	.art_info {width: 486px;}
	.art_con {float: left;  width: 204px; height: 358px; border: #e8e8e8 solid 1px; overflow: hidden;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	.list_img {float: left; width: 270px; height: 350px;}
	#focus {width: 270px; height: 350px; overflow: hidden; position: relative;}
	#focus ul {height: 100%; position: absolute;}
	#focus ul li {float: left; width: 270px; height: 350px; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: 100%;}

	.art_img {width: 486px; height: auto;}
	.art_img .img_ul {float: left; width: 237px; height: 170px; border: #f2f2f2 solid 3px; position: relative;}
	.art_img .img_ul img {width: 237px; height: 170px;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul:hover .txt {display: block;}
	.art_img .img_full {float: left; width: 480px; height: 170px; border: #f2f2f2 solid 3px; position: relative;}
	.art_img .img_full img {width: 480px; height: 170px;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_full:hover .txt {display: block;}
	/*海线印迹样式*/
	
	/*泉海印象样式*/
	.full_img {float: left; margin-top: 20px; width: 100%; height: auto;}
	.full_img .fl40 {float: left; margin-left: 2%; width: 98%; height: auto;}
	.full_img .fl20 {float: left; margin-left: 2%; width: 98%;}
	.full_img .fl40 .img_w1 {float: left; width: 47.95%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl40 .img_w1 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w2 {float: left; width: 97%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl40 .img_w2 img {width: 100%; height: 100%;}
	.full_img .fl20 .img_w3 {float: left; width: 97%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl20 .img_w3 img {width: 100%; height: 100%;}
	/*泉海印象样式*/
	
	#focus1 {margin: 20px auto 0 auto; width: 522px; height: 80px; overflow: hidden; position: relative;}
	#focus1 ul {height: 100%; position: absolute;}
	#focus1 ul li {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 28px; text-indent: 19px;}
	#focus1 ul .ml125 {margin-left: 115px;}
	#focus1 ul li div {position: absolute; overflow: hidden;}
	#focus1 .btn {position: absolute; width: 60px; height: 12px; bottom: 12px; left: 50%; margin-left: -30px;}
	#focus1 .btn span {display: inline-block; _display: inline; _zoom: 1; width: 12px; height: 12px; _font-size: 0; margin-left: 8px; cursor: pointer; background: url(../images/icon/point.png) no-repeat;}
	#focus1 .btn span.on {width: 12px; background: url(../images/icon/point_on.png) no-repeat;}
	

	.aboutlist dl {float: left;	width: 100%; margin-top: 10px;}
	.aboutlist dd {
		float: left;
		width: 19%;
		height: auto;
		font-size: 14px;
		color: #666;
		line-height: 24px;
		margin-right: 1%;
		position: relative;
	}
	.aboutlist dd:last-of-type {margin-right: 0;}	
	.aboutlist dd img {width: 100%; height: 100%;}
	.aboutlist dd:hover div {display: block;}
	.aboutlist dd:hover div {font-size: 12px; height: 252px; overflow: hidden;}
	/*.aboutlist dd div {width: 100%; height: 100%; background: #fff url(../images/sel_bg.png) no-repeat; position: absolute; left: 0; top: 0; display: none; z-index: 200;}	
	.aboutlist dd div h1 {width: auto; height: 60px; line-height: 60px; font-size: 18px; color: #666; text-align: center; font-weight: 500;}
	.aboutlist dd div p {padding: 0 15px; width: auto; height: auto; line-height: 26px; font-size: 14px; overflow: hidden; color: #333;}	
	.aboutlist dd:hover img {display: none;}
	.aboutlist dd:hover div {display: block; width: 100%; height: 100%;}*/
		
	.navbr {display: block;}	
	.band_content {float: left; width: 100%;}	
	.band_content ul {margin: 0 auto; width: 100%;}
	.band_content li {float: left; width: 9%; max-height: 100px; text-align: center;}
	.band_content li div {margin: 10px 0 0 0; width: 100%;}
	.band_content li span {width: 100%;}
	.band_content li div img {max-width: 80px; max-height: 45px; text-align: center;}
	.band_content li:hover .h_notice {display: none;}
	.footer_nav {margin-left: 10px;}

}


@media screen and (min-width: 861px) and (max-width: 991px) {
	.apply-pup {margin-top: 3%;}
	.fast_link {display: none;}	
	/*新闻左中右三个模块框架开始*/
	.listboxrow {margin: 0 auto; width: 852px;}
	.listleft {float: left; width: 280px; border: #dfdfdf solid 2px; height: 420px; overflow: hidden;}
	.listleft:hover {width: 280px; border: #3fa1e5 solid 2px;}
	.list_detailh { width: 90px; font-size: 12px;}
	.list_content { width: 180px; font-size: 12px;}
	
	.listcenter {float: left; width: 280px; border: #dfdfdf solid 2px; height: 420px; overflow: hidden; font-size: 12px;}
	.listcenter:hover {width: 280px; border: #3fa1e5 solid 2px; font-size: 12px;}
		
	.listright {float: left; width: 280px; border: #dfdfdf solid 2px; height: 420px; overflow: hidden; font-size: 12px;}
	.listright:hover {width: 280px; border: #3fa1e5 solid 2px; font-size: 12px;}
	
	.list_time {
		height: 70px;
		float: left;
		font-size: 14px;
		line-height: 35px;
		color: #3fa1e5;
		background: url(../images/list_time.jpg) repeat-x left center;
		text-align: center;
	}
	.list_con1 {height: 70px;}
	.list_con1 a {font-size: 14px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.list_con1 a:hover {color: #f00;}
	.list_con1 p {line-height: 20px; color: #666; font-size: 12px;}
	.mar1 {margin: 13px 0 0 0;}
	
	.list_ly {font-size: 12px;}
	.list_con {font-size: 12px;}
	.list_con a:link {color: #555;}
	.list_con a:hover {color: #f00;}
	.mar {margin: 13px 0 2px 0;}
	/*新闻左中右三个模块框架结束*/
	
	/*海洋印迹样式*/
	.aboutlist {width: 852px; margin: 0 auto;}
	.art_info {width: 852px; height: 100%;}
	.art_con {float: left;  width: 550px; height: 358px; border: #e8e8e8 solid 1px; overflow: hidden;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	.list_img {float: left; width: 290px; height: 350px;}
	#focus {width: 290px; height: 350px; overflow: hidden; position: relative;}
	#focus ul {height: 100%; position: absolute;}
	#focus ul li {float: left; width: 290px; height: 350px; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: 100%;}

	.art_img {width: 852px; height: 100%;}
	.art_img .img_ul {float: left; width: 416px; height: 244px; border: #f2f2f2 solid 5px; position: relative;}
	.art_img .img_ul img {width: 416px; height: 244px;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul:hover .txt {display: block;}
	.art_img .img_full {float: left; width: 842px; height: 400px; border: #f2f2f2 solid 5px; position: relative;}
	.art_img .img_full img {width: 842px; height: 400px;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9; bottom: 0; position: absolute;}
	.art_img .img_full:hover .txt {display: block;}
	/*海线印迹样式*/
	
	.about_head {height: 105px; line-height: 60px; font-size: 14px;}	
	.about_head .tit_cn {margin-top: 30px; font-size: 30px; color: #0062ac; font-weight: bold; line-height: 40px;}
	.about_head .tit_en {font-family: Gabriola; font-size: 30px; color: #555; line-height: 28px; letter-spacing: 0.5px; font-style: italic;}
	
	/*泉海印象样式*/
	.full_img {width: 100%; height: auto;}
	.full_img .fl40 {float: left; margin-left: 2%; width: 98%; height: auto;}
	.full_img .fl20 {float: left; margin-left: 2%; width: 98%;}
	.full_img .fl40 .img_w1 {float: left; width: 47.95%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl40 .img_w1 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w2 {float: left; width: 97%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl40 .img_w2 img {width: 100%; height: 100%;}
	.full_img .fl20 .img_w3 {float: left; width: 97%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl20 .img_w3 img {width: 100%; height: 100%;}
	/*泉海印象样式*/
	
	.aboutlist dl {float: left;	width: 100%; margin-top: 10px; position: none; display: none;}
	.aboutlist dd {
		float: left;
		width: 19%;
		height: auto;
		font-size: 14px;
		color: #666;
		line-height: 24px;
		margin-right: 1%;
		position: none;
	}
	.aboutlist dd:last-of-type {margin-right: 0;}	
	.aboutlist dd img {display: none;}
	.aboutlist dd div {display: block;}
	.sel {display: block; width: 100%;}
	.sel .one {float: left; margin-bottom: 10px; width: 100%; border: #ff9900 solid 2px; border-radius: 5px;}
	.sel .one h1 {width: auto; height: 40px; line-height: 40px; font-size: 20px; color: #333; text-align: center; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.sel .one p {padding: 10px 15px; width: auto; height: auto; line-height: 24px; overflow: hidden; color: #333; font-size: 14px;}
	.sel .one p:last-of-type {line-height: 22px; color: #333;}
	
	.navbar li dl{
		padding: 20px 0;
		float: left;
		width: 270px;
	}
	.navbar li dl dd{
		width: 90px;
		font-size: 14px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		white-space:nowrap;
		float: left;
	}
	.footer_nav {margin-left: 10px;}
	
}

@media screen and (max-width :860px){
	.fast_link {display: none;}
	.a1 {display: block;}
	.a2 {display: none;}
	.apply-pup {margin-top: 5%; position: absolute; right: 0;}
	/*.apply {width: 96%;	padding: 0 2%;}*/
	.nav {height: 95px;}
	.logo img {width: 75%; height: 75%;}
	.navbar {display: none;}
	.navbar {display: none;}
	.iosSlider {height: 450px;}
	.main {margin-top: 450px;}
	.listbox {margin-top: 55px;}
	.listleft, .listcenter, .listright {margin: 0 2% 10px 2%; width: 95.6%; height: auto;}
	.listleft:hover, .listcenter:hover, .listright:hover {margin: 0 2% 10px 2%;	width: 95.6%;}
	.fastlink {display: none;}
	
	
	.about_head {height: 80px; line-height: 60px;}	
	.about_head .tit_cn {margin-top: 0px; font-size: 36px; color: #0062ac; font-weight: bold; line-height: 40px;}
	.about_head .tit_en {font-family: Gabriola; font-size: 32px; color: #555; line-height: 36px; letter-spacing: 0.5px; font-style: italic;}
	/*海洋印迹样式*/
	.aboutlist {width: 94%; margin: 0 auto;}
	.art_info {width: 100%; height: 100%;}
	.art_con {float: left;  width: 49%; height: 358px; border: #e8e8e8 solid 1px; overflow: hidden;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	.list_img {float: left; width: 50%; height: 360px; border: 0 none;}
	
	/*#focus {width: 300px; height: 100%; overflow: hidden; position: relative;}
	#focus ul {width: 300px; height: 100%; position: absolute;}
	#focus ul li {float: left; width: 300px; height: 100%; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%x; height: 350px;}*/
	
	#focus {width: 100%; height: 100%; overflow: hidden; position: relative;}
	#focus ul {width: 100%; height: auto; position: absolute; background: red ;}
	#focus ul li {width: 100%; height: auto; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: auto;}

	.art_img {width: 100%; height: 100%;}
	.art_img .img_ul {float: left; width: 50%; height: 100%; border: 0 none; position: relative;}
	.art_img .img_ul img {width: 100%; height: 100%;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul .txt {display: block;}
	.art_img .img_full {float: left; width: 100%; height: 100%; border: 0 none; position: relative;}
	.art_img .img_full img {width: 100%; height: 100%;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9; bottom: 0; position: absolute;}
	.art_img .img_full .txt {display: block;}
	/*海线印迹样式*/
	
	
	/*泉海印象样式*/
	.full_img {width: 100%; height: auto;}
	.full_img .fl40 {float: left; margin-left: 2%; width: 98%; height: auto;}
	.full_img .fl20 {float: left; margin-left: 2%; width: 98%;}
	.full_img .fl40 .img_w1 {float: left; width: 50%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w1 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w1 .txt {display: block;}
	.full_img .fl40 .img_w2 {float: left; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w2 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w2 .txt {display: block;}
	.full_img .fl20 .img_w3 {float: left; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl20 .img_w3 img {width: 100%; height: 100%;}
	.full_img .fl20 .img_w3 .txt {display: block;}
	/*泉海印象样式*/
	
	
	#focus1 {margin: 20px auto 0 auto; width: 486px; height: 80px; overflow: hidden; position: relative;}
	#focus1 ul {height: 100%; position: absolute;}
	#focus1 ul li {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 28px;}
	#focus1 ul .ml125 {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 28px; margin-left: 102px;}
	#focus1 ul li div {position: absolute; overflow: hidden;}
	
	.aboutlist dl {float: left;	width: 100%; margin-top: 10px; position: none; display: none;}
	.aboutlist dd {
		float: left;
		width: 19%;
		height: auto;
		font-size: 14px;
		color: #666;
		line-height: 24px;
		margin-right: 1%;
		position: none;
	}
	.aboutlist dd:last-of-type {margin-right: 0;}	
	.aboutlist dd img {display: none;}
	.aboutlist dd div {display: block;}
	.sel {display: block; width: 100%;}
	.sel .one {float: left; margin-bottom: 10px; width: 100%; border: #ff9900 solid 2px; border-radius: 5px;}
	.sel .one h1 {width: auto; height: 40px; line-height: 40px; font-size: 20px; color: #333; text-align: center; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.sel .one p {padding: 10px 15px; width: auto; height: auto; line-height: 24px; overflow: hidden; color: #333; font-size: 14px;}
	.sel .one p:last-of-type {line-height: 22px; color: #333;}

	.listbox {max-height: none;}
	.about_img {width: 100%; margin: 0 auto;}
	.aboutlist {margin-bottom: 40px;}
	.footer_nav {width: 30%; padding-left: 4%;}
	.widthab {width: 12% !important;}
	.footerfr {display: none;}
	.copyright {display: none;}
	.copyright1 {display: block;}
	.copyright2 {width: 100%; padding: 10px 0; display: none;}
	
}

@media screen and (max-width :680px){
	.fastlink span{font-size: 12px;}
	.fastlink {height: 80px;}
	
	.list_timeA {width: 12%;}
	.list_con2 {width: 86%;}
}
 
@media screen and (max-width :640px){
	.fast_link {display: none;}
	.apply-pup {margin-top: 5%; position: absolute; right: 0;}
	.nav {height: 85px;}
	.logo img {width: 70%; height: 70%;}
	.navbar {display: none;}
	.prevContainer,.nextContainer {display: none;}
	.iosSlider {height: 350px;}	
	.listbox {margin-top: 30px;}	
	.listbox1 {margin-top: 20px; padding-bottom: 40px;}
	.main {margin-top: 420px;}
	.fastlink {display: none;}
	.band_head {line-height: 60px; font-size: 14px; margin-bottom: 0px;}
	.band_content li a {font-size: 12px;}

	.listhead {font-size: 14px;	line-height: 50px;}
	.listleft .icon_campus {margin: 3px 12px;}
	.listleft:hover .icon_campus {margin: 3px 12px;}
	.listleft .listhead {width: 100%; height: 54px;}
	.listleft:hover .listhead {height: 54px; font-size: 14px; line-height: 54px;}
	
	.listcenter .icon_partner {margin: 3px 12px;}
	.listcenter:hover .icon_partner {margin: 3px 12px;}
	.listcenter .listhead {width: 100%; height: 54px;}
	.listcenter:hover .listhead {width: 100%; height: 54px; font-size: 14px; line-height: 54px;}
	
	.listright .icon_video {margin: 3px 12px;}
	.listright:hover .icon_video {margin: 3px 12px;}
	.listright .listhead {width: 100%; height: 54px;}
	.listright:hover .listhead {width: 100%; height: 54px; font-size: 14px; line-height: 54px;}
	
		
	.news_logo {display: none;}
	.list_detail {width: 95.2%;}
	.list_detailh {font-size: 12px; width: 100px;}
	.list_content {font-size: 12px;}
	.box {padding-bottom: 20px;}
	
	.listbox {max-height: none;}
	.about_head {height: 80px; line-height: 60px; font-size: 14px;}	
	.about_head .tit_cn {margin-top: 30px; font-size: 20px; color: #0062ac; font-weight: bold; line-height: 32px;}
	.about_head .tit_en {font-family: Gabriola; font-size: 18px; color: #555; line-height: 28px; letter-spacing: 0.5px; font-style: italic;}
	.aboutlist li {font-size: 12px;}
	.art_info {float: left; width: 100%; margin: 20px 0;}
	.art_con {margin: 0 atuo; width: 97%; height: auto; border: #e8e8e8 solid 1px; background: #fff;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center; color: #333; font-weight: 500;}
	.art_con p {font-size: 14px; line-height: 28px; text-indent: 30px; color: #666; padding: 0 10px 10px 15px;}

	/*海洋印迹样式*/
	.aboutlist {width: 94%; margin: 0 auto;}
	.art_info {width: 100%; height: 100%;}
	.art_con {float: left;  width: 49%; height: 358px; border: #e8e8e8 solid 1px; overflow: hidden;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	.list_img {float: left; width: 50%; height: 360px; border: 0 none;}
	
	/*#focus {width: 290px; height: 100%; overflow: hidden; position: relative;}
	#focus ul {width: 290px; height: 100%; position: absolute;}
	#focus ul li {float: left; width: 290px; height: 100%; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%x; height: 350px;}*/
	
	#focus {width: 100%; height: 100%; overflow: hidden; position: relative;}
	#focus ul {width: 100%; height: auto; position: absolute; background: red ;}
	#focus ul li {width: 100%; height: auto; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: 360px;}
	

	.art_img {width: 100%; height: 100%;}
	.art_img .img_ul {float: left; width: 50%; height: auto; border: 0 none; position: relative;}
	.art_img .img_ul img {width: 100%; height: auto;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul .txt {display: block;}
	.art_img .img_full {float: left; width: 100%; height: auto; border: 0 none; position: relative;}
	.art_img .img_full img {width: 100%; height: auto;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9; bottom: 0; position: absolute;}
	.art_img .img_full .txt {display: block;}
	/*海线印迹样式*/
	
	/*泉海印象样式*/
	.full_img {width: 100%; height: auto;}
	.full_img .fl40 {float: left; margin-left: 2%; width: 98%; height: auto;}
	.full_img .fl20 {float: left; margin-left: 2%; width: 98%;}
	.full_img .fl40 .img_w1 {float: left; width: 50%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w1 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w1 .txt {display: block;}
	.full_img .fl40 .img_w2 {float: left; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w2 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w2 .txt {display: block;}
	.full_img .fl20 .img_w3 {float: left; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl20 .img_w3 img {width: 100%; height: 100%;}
	.full_img .fl20 .img_w3 .txt {display: block;}
	/*泉海印象样式*/
			
	#focus1 {margin: 20px auto 0 auto; width: 356px; height: 80px; overflow: hidden; position: relative;}
	#focus1 ul {height: 100%; position: absolute;}
	#focus1 ul li {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 20px;}
	#focus1 ul .ml125 {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 20px; margin-left: 80px;}
	
	.aboutlist dl {float: left;	width: 100%; margin-top: 10px; position: none; display: none;}	
	.aboutlist dd div {display: block;}
	.sel {display: block; width: 100%;}
	.sel .one {float: left; margin-bottom: 10px; width: 100%; border: #ff9900 solid 2px; border-radius: 5px;}
	.sel .one h1 {width: auto; height: 40px; line-height: 40px; font-size: 20px; color: #333; text-align: center; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.sel .one p {padding: 10px 15px; width: auto; height: auto; line-height: 24px; overflow: hidden; color: #333; font-size: 14px;}
	.sel .one p:last-of-type {line-height: 22px; color: #333;}
	
	.footer_wave {display: none;}
	.footer_navs,.link {display: block;}
	.footer_navs .footer_nav {
		float: left;
		width: 92%;
		/*padding-left: 3%;*/
		overflow: hidden;
	}
	.widthab {
		width: 92% !important;
		/*padding: 0 !important;*/
		text-align: left !important;
	}
	.copyright {display: none;}
	.copyright1 {display: block;}
	.copyright2 {width: 100%; padding: 10px 0; display: none;}
	
	.list_timeA {width: 16%;}
	.list_con2 {width: 82%;}
}


@media screen and (min-width :416px) and (max-width: 600px){
	/*.iosSlider {height: 350px;}
	.main {margin-top: 350px;}
	.item .inner {background-position: 62% 0;}
	.headheight,.bannerinner {height: 210px;}
	.ban {width: 300px; height: 380px; margin: 0 auto;}
	.ban2 {width: 300px; height: 300px;}
	.ban2 ul li {width: 300px; height: 300px;}
	.num {width: 250px;}
	.min_pic {width: 300px;}
	.num ul li {width: 54px;}
	.pro_atr_tit {padding-bottom: 0px;}*/
	
	
	/*海洋印迹样式*/
	.aboutlist {width: 94%; margin: 0 auto;}
	.art_info {width: 100%; height: 100%;}
	.art_con {float: left;  width: 100%; height: auto; border: #e8e8e8 solid 1px; overflow: hidden;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	
	
	.list_img {float: left; width: 100%; height: 360px; border: 0 none;}
	
	#focus {width: 100%; height: 100%; overflow: hidden; position: relative;}
	#focus ul {width: 100%; height: auto; position: absolute; background: red ;}
	#focus ul li {width: 100%; height: auto; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: auto;}

	/*.art_img {width: 100%; height: 100%;}
	.art_img .img_ul {float: left; width: 98%; height: 100%; border: #f2f2f2 solid 5px; position: relative;}
	.art_img .img_ul img {width: 100%; height: 100%;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul .txt {display: block;}
	.art_img .img_full {float: left; width: 98%; height: 100%; border: #f2f2f2 solid 5px; position: relative;}
	.art_img .img_full img {width: 100%; height: 100%;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9; bottom: 0; position: absolute;}
	.art_img .img_full .txt {display: block;}
	/*海线印迹样式*/
	
	/*泉海印象样式*
	.full_img {width: 100%; height: auto;}
	.full_img .fl40 {float: left; margin-left: 2%; width: 98%; height: auto;}
	.full_img .fl20 {float: left; margin-left: 2%; width: 98%;}
	.full_img .fl40 .img_w1 {float: left; width: 97%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl40 .img_w1 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w1 .txt {display: block;}
	.full_img .fl40 .img_w2 {float: left; width: 97%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl40 .img_w2 img {width: 100%; height: 100%;}
	.full_img .fl40 .img_w2 .txt {display: block;}
	.full_img .fl20 .img_w3 {float: left; width: 97%; height: auto; border: #f2f2f2 solid 5px; position: relative;}
	.full_img .fl20 .img_w3 img {width: 100%; height: 100%;}
	.full_img .fl20 .img_w3 .txt {display: block;}
	/*泉海印象样式*/
}

@media (min-width: 320px) and (max-width: 415px) {	
	.list_detailh {font-size: 12px; width: 100px;}
	.list_content {font-size: 12px; width: 200px;}
	.fast_link {display: none;}
}

@media screen and (max-width: 415px) {
	/*iphone 6 plus*/
	.fast_link {display: none;}
	.apply-pup {margin-top: 5%; position: absolute; right: 0;}
	.nav {height: 85px;}
	.logo img {width: 70%; height: 70%;}
	.navbar {display: none;}
	.prevContainer,.nextContainer {display: none;}
	.headheight,.bannerinner {height: 190px;}
	.event,.eventr {width: 75%;}
	.ban {margin: 0 auto;}
	.iosSlider {height: 300px;}	
	.listbox {margin-top: 30px;}	
	.listbox1 {margin-top: 20px; padding-bottom: 40px;}
	
	/*海洋印迹样式*/
	.aboutlist {width: 94%; margin: 0 auto;}
	.art_info {width: 100%; height: 100%;}
	.art_con {float: left;  width: 99%; height: 358px; border: #e8e8e8 solid 1px; overflow: hidden;}
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	.list_img {float: left; width: 100%; height: 360px; border: 0 none;}
	
	#focus {width: 100%; height: 100%; overflow: hidden; position: relative;}
	#focus ul {width: 100%; height: auto; position: absolute; background: red ;}
	#focus ul li {width: 100%; height: auto; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: auto;}

	.art_img {width: 100%; height: auto;}
	.art_img .img_ul {float: left; margin-bottom: 15px; width: 100%; height: 100%; border: 0 none; position: relative;}
	.art_img .img_ul:last-of-type {margin-bottom: 0px;}
	.art_img .img_ul img {width: 100%; height: auto;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul .txt {display: block;}
	.art_img .img_full {float: left; margin-bottom: 15px; width: 100%; height: 100%; border: 0 none; position: relative;}
	.art_img .img_full:last-of-type {margin-bottom: 0px;}
	.art_img .img_full img {width: 100%; height: auto;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9; bottom: 0; position: absolute;}
	.art_img .img_full .txt {display: block;}
	/*海线印迹样式*/
	
	/*泉海印象样式*/
	.full_img {width: 100%; height: auto;}
	.full_img .fl40 {float: left; margin-left: 2%; width: 98%; height: auto;}
	.full_img .fl20 {float: left; margin-left: 2%; width: 98%;}
	.full_img .fl40 .img_w1 {float: left; margin-bottom: 15px; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w1 img {width: 100%; height: auto;}
	.full_img .fl40 .img_w1 .txt {display: block;}
	.full_img .fl40 .img_w2 {float: left; margin-bottom: 15px; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w2 img {width: 100%; height: auto;}
	.full_img .fl40 .img_w2 .txt {display: block;}
	.full_img .fl20 .img_w3 {float: left; margin-bottom: 15px; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl20 .img_w3 img {width: 100%; height: auto;}
	.full_img .fl20 .img_w3 .txt {display: block;}
	/*泉海印象样式*/
	
	#focus1 {margin: 20px auto 0 auto; width: 356px; height: 80px; overflow: hidden; position: relative;}
	#focus1 ul {height: 100%; position: absolute;}
	#focus1 ul li {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 20px;}
	#focus1 ul .ml125 {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 20px; margin-left: 80px;}
	.copyright {display: none;}
	.copyright1 {display: none;}
	.copyright2 {width: 100%; padding: 10px 0; display: block;}
	.list_timeA {width: 16%;}
	.list_con2 {width: 82%;}
}

@media screen and (max-width :360px){
	.fast_link {display: none;}
	.apply-pup {margin-top: 4%;}
	.nav {height: 70px;}
	.logo img {width: 70%; height: 70%;}
	.navbar {display: none;}
	.prevContainer,.nextContainer {display: none;}
	.iosSlider {height: 260px;}
	.main {margin-top: 260px;}
	.fast_link {display: none;}
	.headheight,.bannerinner {height: 160px;}
	
	.list_detailh { width: 90px; font-size: 12px;}
	.list_content { width: 200px; font-size: 12px;}
	
	.list_con1 {height: 70px;}
	.list_con1 a {font-size: 14px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.list_con1 a:hover {color: #f00;}
	.list_con1 p {line-height: 20px; color: #666; font-size: 12px;}
	
	
	/*海洋印迹样式*/
	.aboutlist {width: 94%; margin: 0 auto;}
	.art_info {width: 100%; height: 100%;}
	.art_con {float: left;  width: 99%; height: 358px; border: #e8e8e8 solid 1px; overflow: hidden;}
	
	.art_con h1 {font-size: 18px; line-height: 40px; text-align: center;}
	.art_con p {font-size: 14px; line-height: 32px; text-indent: 30px;}
	.list_img {float: left; width: 100%; height: 360px; border: 0 none;}
	
	#focus {width: 100%; height: 100%; overflow: hidden; position: relative;}
	#focus ul {width: 100%; height: auto; position: absolute; background: red ;}
	#focus ul li { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff;}
	#focus ul li img {width: 100%; height: auto;}

	.art_img {width: 100%; height: auto;}
	.art_img .img_ul {float: left; margin-bottom: 15px; width: 100%; height: 100%; border: 0 none; position: relative;}
	.art_img .img_ul:last-of-type {margin-bottom: 0px;}
	.art_img .img_ul img {width: 100%; height: auto;}
	.art_img .img_ul .txt {width: 100%; height: 36px; background: #333; opacity: 0.9;}
	.art_img .img_ul .txt {display: block;}
	.art_img .img_full {float: left; margin-bottom: 15px; width: 100%; height: 100%; border: 0 none; position: relative;}
	.art_img .img_full:last-of-type {margin-bottom: 0px;}
	.art_img .img_full img {width: 100%; height: auto;}
	.art_img .img_full .txt {width: 100%; height: 36px; background: #333; opacity: 0.9; bottom: 0; position: absolute;}
	.art_img .img_full .txt {display: block;}
	/*海线印迹样式*/
	
	/*泉海印象样式*/
	.full_img {width: 100%; height: auto;}
	.full_img .fl40 {float: left; margin-left: 2%; width: 98%; height: auto;}
	.full_img .fl20 {float: left; margin-left: 2%; width: 98%;}
	.full_img .fl40 .img_w1 {float: left; margin-bottom: 15px; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w1 img {width: 100%; height: auto;}
	.full_img .fl40 .img_w1 .txt {display: block;}
	.full_img .fl40 .img_w2 {float: left; margin-bottom: 15px; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl40 .img_w2 img {width: 100%; height: auto;}
	.full_img .fl40 .img_w2 .txt {display: block;}
	.full_img .fl20 .img_w3 {float: left; margin-bottom: 15px; width: 100%; height: auto; border: 0 none; position: relative;}
	.full_img .fl20 .img_w3 img {width: 100%; height: auto;}
	.full_img .fl20 .img_w3 .txt {display: block;}
	/*泉海印象样式*/
	
	#focus1 {margin: 20px auto 0 auto; width: 300px; height: 80px; overflow: hidden; position: relative;}
	#focus1 ul {height: 100%; position: absolute;}
	#focus1 ul li {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 17px;}
	#focus1 ul .ml125 {float: left; width: auto; height: auto; overflow: hidden; position: relative; font-size: 17px; margin-left: 60px;}
	
	.sel {display: block; width: 100%;}
	.sel .one {float: left; margin-bottom: 10px; width: 100%; border: #ff9900 solid 2px; border-radius: 5px;}
	.sel .one h1 {width: auto; height: 40px; line-height: 40px; font-size: 18px; color: #333; text-align: center; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.sel .one p {padding: 0 15px 10px 15px; width: auto; height: auto; line-height: 24px; overflow: hidden; color: #333; font-size: 14px;}
	.sel .one p:last-of-type {line-height: 22px; color: #333;}
	
	.copyright {display: none;}
	.copyright1 {display: none;}
	.copyright2 {width: 100%; padding: 10px 0; display: block; font-size: 12px;}
	.list_timeA {width: 16%;}
	.list_con2 {width: 82%;}	
}


/***********banner自适应问题*****************/
.iosSlider .slider .item .inner img{
	width: 100%;
	height: auto;
}

.iosSlider {
	height: auto;
}

.swiper-slide img{
	width: 100%;
	height: auto;
}

.banner{
	overflow: hidden;
	margin-bottom: -5px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background:none !important;
}

.swiper-pagination-bullet{
	background:#fff !important;
	opacity: 0.7 !important;
}

.swiper-pagination-bullet-active{
	background: #ffcb42 !important;
	opacity: 1 !important;
}

.swiper-pagination-bullet{
	width: 13px !important;
	height: 13px !important;
}