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

.fastlink1 {width: 100%; height: 100px; background: #ffcb42; display: none;}
.fastlink1 img {width: 100%; height: 100%;}
/*子页面样式*/
.headheight {width: 100%; height: auto; position: relative;}
.bannerinner {width: 100%; height: auto; overflow: hidden;}
.bannerinner .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;
}

.bannerinner img {width: 100%; height: auto; display: inline-block;}

.wrap {width: 100%;}

.title{
	float: left;
	width: 100%;
	color: #666666;
	text-align: left;
	margin-bottom: 26px;
	border-bottom: 1px dotted #999999;
}

.title li{
	font-size: 20px;
	float: left;
	padding:36px 3% 10px 0;
	text-align: center;	
}

.title li a {color: #666666;}

.title li a:hover {color:#0d6fb8;}


.article{
	width: 92.8572%;
	padding:0 3.5714% 50px 3.5714%;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.list_honor{
	width: 100%;
	float: left;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 30px;
}

.list_honor li{
	float: left;
	width: 21%;
	padding:0 2% 25px 2%;
	max-height: 370px;
}

.list_honor li span{
	display: block;
	width: 100%;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pages {float: left; width: 100%; padding: 30px 0 0 0; border-top: #eee solid 1px; display: block;}
.pages1 {float: left; width: 100%; padding: 30px 0 0 0; border-top: #eee solid 1px; display: none;}
.pages_total {
	width: 35%;
	float: left;
	text-align: right;
	color: #333333;
	font-size: 14px;
}

.pages_num {width: 62%; float: right;}
.pages_num li {
	float: left;
	margin-right: 5px;
}
.pages_num li a {
	display: block;	
	color: #333;
	padding: 0px 10px;
	font-size: 14px;
	background: #fff;
	border: #ddd solid 1px;
}
.pages_num li a:hover{
	background: #155bae;
	color: #fff;
	border: #155bae solid 1px;
}
.pageson{
	background: #155bae !important;
	color: #fff !important;
	border: #155bae solid 1px !important;
}
.develop{
	float: left;
	width: 100%;
	padding-bottom: 50px;	
}
.develop li{
	float: left;
	width: 45%;
	padding: 0 2.5%;
	vertical-align: middle;
}
.event{
	float: left;
	width: 80%;
	text-align: right;
	font-size: 16px;
	vertical-align: middle;
	padding:15px 0;
	line-height: 25px;
}
.evnet_time{
	float: right;
	width:60px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	color: #666666;
	background: url(../images/time.png) no-repeat;
	vertical-align:middle;
}
.eventr{
	float: right;
	width: 80%;
	text-align: left;
	font-size: 16px;
	padding:15px 0;
	line-height: 25px;
}
.evnet_timer{
	float: left;
	width:60px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	color: #666666;
	background: url(../images/time.png) no-repeat;
}
.evnet_time:hover,.evnet_timer:hover{
	color: #0d6fb8;
	background: url(../images/timeon.png) no-repeat;
}
.mainpadding {padding-top: 40px;}

/*PC端样式*/
.leftsider {float: left; margin-top: 40px; width: 75%;}

.rightsider {float: right; margin-top: 40px; width: 20%;}

/*PC端样式*/


/*右侧快捷链接样式开始*/
.rightlink {margin-top: 30px; float: left; width: 100%; height: auto; background: #e5e5e5;}
.rightlink img {width: 100%; height: 100%;}

.listlink {float: left; width: 100%;}
.listlink ul {margin: 0 auto; max-width: 270px;}
.listlink li {float: left; width: 49.7%; max-height: 100px; text-align: center; border-right: #fff solid 1px; border-bottom: #fff solid 1px;}
.listlink li div {margin: 10px 0 0 0; width: 100%;}
.listlink .li_none {border-right: none;}
.listlink li span {width: 100%; height: 34px; display: block;}
.listlink li div img {max-width: 100px;	max-height: 56px; text-align: center; opacity: 0.6;}
.listlink li a {font-size: 14px; color: #333;}
.listlink li:hover a {color: #fff;}
.listlink li.Abg {background: #155bae; color: #ff;}
.listlink li.Abg a {color: #fff;}
.listlink li:hover {background: #155bae; color: #fff;}
.listlink li:hover img {max-width: 100px; max-height: 56px; text-align: center; opacity: 1;}


/*右侧快捷链接样式结束*/

.menuhead{
	padding: 30px 0 30px 40px;
	color: #fff;
	height: 70px;
}
.menuhead h1 {font-size: 36px; font-weight: normal;}
.menuhead span {font-size: 20px; line-height: 30px; display: block;}

.guide {width: 100%; height: 46px; border-bottom: #ccc solid 2px;}
.guide h1 {float: left; font-size: 24px; line-height: 46px; color: #666; font-weight: 300;}
.guide h6 {float: left; font-size: 16px; line-height: 46px; color: #666; font-weight: 300;}
.guide h6 b {float: left; margin-top: 6px; width: 110px; height: 40px; line-height: 40px; text-align: center; color: #666; display: block; cursor: pointer;}
.guide h6 b .act {background: #155bae; color: #fff; display: block;}
.guide h6 b a {color: #666; display: block;}
.guide h6 b a:hover {background: #0086e8; color: #fff; display: block;}

.guide h6 em {float: left; margin: 6px 0 0 30px; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #155bae; display: block; cursor: pointer; border-radius: 5px 5px 0 0; font-style: normal;}

.guide h6 em:hover {background: #0086e8; color: #fff; display: block;}

.guide div {float: right; padding-top: 15px; width: auto; font-size: 14px; color: #666; background: url(../images/icon/icon_home.png) left 14px no-repeat;}
.guide span {float: left; text-indent: 25px;}
.guide span:last-of-type {text-indent: 0;}
.guide div a {float: left; color: #333; font-size: 14px;}
.guide div a:hover {color: #f00; text-decoration: underline;}
.guide .icon_guide {float: left; padding-top: 10px; width: 30px; height: 9px; background: url(../images/icon/icon_guide.png) center center no-repeat;}

.acton{
	width: 100%;
	height: 50px;
	background: #fcd05c url(../images/icon/list_point.png) 18px center no-repeat;
	color: #333 !important;
}

.rightmenu {
	float: left; 
	width: 100%;
	font-size: 16px;
	padding-bottom: 20px;	
	background: #155bae;
	overflow:visible !important;
}

.rightmenu ul {
	float: left;
	width: 100%;
	height: auto;
}
.rightmenu ul li{
	float: left;
	width: 100%;
	height: auto;
	line-height: 50px;
	text-indent: 40px;
	background: url(../images/icon/list_bg.png) center top no-repeat;
}

/*.rightmenu ul li:last-of-type {background: none;}*/

.rightmenu ul li a{
	float: left;
	color: #fff;
	width: 100%;
	height: auto;
}

.rightmenu ul li a:hover{
	float: left;
	color: #333;
	width: 100%;
	height: auto;
	background: #fcd05c url(../images/icon/list_point.png) 18px center no-repeat;
	color: #333 !important;
}

.rightmenu ul li dl {float: left; width: 100%; height: auto; font-size: 14px; display: none;}
.rightmenu ul li dl dd {float: left; width: 100%; height: 40px; line-height: 40px; text-indent: 30px; color: #fff; border-bottom: #57a4ff dotted 1px;}
.rightmenu ul li dl dd a {color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rightmenu ul li dl dd a:hover {color: #fff !important; background: #0b4b97; padding: 0 15px; margin-left: -15px;}
.rightmenu ul li dl dd:last-of-type { border-bottom: none;}
.menu_chioce {display: none;}
.d1 {display: none;}
.d2 {display: none;}
.d3 {display: none;}

/*.rightmenu ul li:hover dl{
	display: block;
}*/

.about_con {margin-top: 30px; width: 430px; height: auto;}
.about_con p {color: #666; text-indent: 29px; font-size: 14px; line-height: 30px;}
.line_h {float: left; line-height: 20px;}
.mt {margin-left: 20px;}
.about_img {margin-top: 30px; width: 430px; height: auto;}
.about_imgf {margin-top: 30px; width: 880px; height: auto;}
.about_conf {margin-top: 30px; width: 880px; height: auto;}
.mt0 {margin-top: 0;}
.about_conf h1 {font-size: 20px; text-align: center; padding-bottom: 20px; font-weight: 500;}
.about_conf p {color: #666; text-indent: 29px; font-size: 14px;}


.product{
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 60px;
}

.product_list{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
}

.product_list li{
	float: left;
	width: 29.954%;
	margin-right: 3.2%;
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}

.product_list li img{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 6px;
	border: 2px solid #ebebeb;
	margin-bottom: 10px;
}

.product_list li a{
	color: #333333;
}

.product_list li a:hover{
	color: #0d6fb8;
}

.product_list li a span{
	width: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.productsolid{
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.pro_detail{
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pro_show{
	/*width: 45.61%;*/
	float: left;
}

.pro_atr{
	max-width: 50%;
	float:left;
	padding-left: 20px;
	padding-top: 15px;
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}

.pro_atr_tit{
	font-size: 18px;
	color: #333333;
	padding-bottom: 25px;
}

.pro_intro{
	width: 100%;
	float: left;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 50px;
}

.tag {float: left; width: 100%;}
.tag .yz {float: left; width: 180px; height: 100px;}
.tag .yz b {
	float: left; 
	width: 176px; 
	height: 46px; 
	line-height: 50px;
	background: #0099f2; 
	border: #0099f2 solid 2px; 
	font-size: 20px; 
	color: #fff; 
	text-align: center; 
	font-weight: 500;
}
.tag .yz span {
	float: left; 
	width: 176px;
	height: 46px; 
	line-height: 46px; 
	background: #fff; 
	border: #0099f2 solid 2px; 
	font-size: 16px; 
	color: #333; 
	text-align: center;
}

.tag .fyz {float: left; margin-left: 20px; width: 120px; height: 100px;}
.tag .fyz b {
	float: left; 
	width: 116px; 
	height: 46px; 
	line-height: 50px;
	background: #66cc66; 
	border: #66cc66 solid 2px; 
	font-size: 20px; 
	color: #fff; 
	text-align: center; 
	font-weight: 500;
}
.tag .fyz span {
	float: left; 
	width: 116px;
	height: 46px; 
	line-height: 46px; 
	background: #fff; 
	border: #66cc66 solid 2px; 
	font-size: 16px; 
	color: #333; 
	text-align: center;
}

.tag .fsj {float: left; margin-left: 20px; width: 120px; height: 100px;}
.tag .fsj b {
	float: left; 
	width: 116px; 
	height: 46px; 
	line-height: 50px;
	background: #ff9900; 
	border: #ff9900 solid 2px; 
	font-size: 20px; 
	color: #fff; 
	text-align: center; 
	font-weight: 500;
}
.tag .fsj span {
	float: left; 
	width: 116px;
	height: 46px; 
	line-height: 46px; 
	background: #fff; 
	border: #ff9900 solid 2px; 
	font-size: 16px; 
	color: #333; 
	text-align: center;
}

.tag .zl {float: left; margin-left: 20px; width: 120px; height: 100px;}
.tag .zl b {
	float: left; 
	width: 116px; 
	height: 46px; 
	line-height: 50px;
	background: #cc9999; 
	border: #cc9999 solid 2px; 
	font-size: 20px; 
	color: #fff; 
	text-align: center; 
	font-weight: 500;
}
.tag .zl span {
	float: left; 
	width: 116px;
	height: 46px; 
	line-height: 46px; 
	background: #fff; 
	border: #cc9999 solid 2px; 
	font-size: 16px; 
	color: #333; 
	text-align: center;
}

.con_bdr {float: left; margin: 30px 0 0 0; width: 876px; height: auto; border: #ccc solid 2px; background: #fff;}
.con_bottom {float: left; margin: 20px 20px 0 20px; width: 836px; border-bottom: #eee solid 1px; padding-bottom: 20px;}
.con_bottom:last-of-type {border-bottom: none;}
.ldimg {width: 230px; height: auto; border: #f2f2f2 solid 5px;}
.ldcon {width: 570px; height: auto;}

.dsj_con {float: left; width: 880px; background: url(../images/icon/hr_line.png) center top repeat-y;}
.dsj_bg {width: 880px; height: 240px; background: url(../images/ld/dsj_bg.jpg);}
.dsj_bg .txt {padding: 40px 0 0 0; font-size: 56px; line-height: 80px; color: #fff; text-align: center; display: block;}
.time {float: left; width: 880px; margin-bottom: 10px;}
.time:last-of-type {float: left; width: 880px; margin-bottom: 0;}
.tit_time {margin: 20px auto 30px auto; width: 100px; height: 36px; color: #999; line-height: 36px; text-align: center; border: #ccc solid 1px; background: #fff; display: block;}
.dsj {width: 400px; height: auto;}
.dsj img {float: left; width: 100%; height: 100%;}
.dsj p {float: left; padding: 10px 15px; width: 370px; height: auto; background: #e4e4e4;}
.time_bdr {margin: 50px auto 0 auto; width: 19px; height: 19px; border: #ccc solid 1px; background: #fff; position: relative;}
.time_bdr em {width: 11px; height: 11px; background: #aaa; font-size: 0; position: absolute; left: 4px; top: 4px;}
.last {font-size: 20px; margin-bottom: 0; color: #a6a6a6;}

.time:hover .tit_time {background: #155bae; border: #155bae solid 1px; color: #fff;}
.time:hover .dsj p {background: #155bae; color: #fff;}
.time:hover .time_bdr {border: #155bae solid 1px;}
.time:hover .time_bdr em {background: #155bae;}


.video_con {float: left; width: 880px; padding-bottom: 30px;}
.video_txt {width: 360px; height: auto;}
.video_txt h1 {width: 360px; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: 500;}
.video_txt p {padding: 0 15px; line-height: 30px; color: #333;}
.video_intro {width: 480px; height: 320px;}
.video_intro video {width: 100%; height: auto;}


.video_con ul {float: left;  width: 880px;}
.video_con li {float: left; width: 280px; height: 230px; margin-right: 20px;}
.video_con li video {width: 280px; height: 180px;}
.video_con .mr0 {margin-right: 0;}
.video_con li img {float: left; width: 280px; height: 180px;}
.video_con li span {display: block; width: 280px; height: 50px; line-height: 40px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.video_con li a:hover {color: #f00;}
.video_con li a:hover img {opacity: 0.8;}


/*新闻中心样式开始*/
.news_con {float: left; width: 880px; padding-bottom: 30px; font-size: 14px;}
.news_con ul {float: left; width: 880px; position: relative;}
.news_con li {float: left; width: 280px; height: 330px; margin: 0 20px 30px 0; background: #eee;}
.news_con .mr0 {margin-right: 0;}
.news_con li img {float: left; margin: 10px; width: 260px; height: auto;}
.news_con li .time {float: left;  padding: 10px 15px 5px 15px; width: 250px; color: #666; font-style: normal; font-size: 14px;}
.news_con li .tit {float: left; padding: 0 15px; color: #333; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px;}
.news_con li p {padding: 0 15px 10px 15px; height: 85px; overflow: hidden; line-height: 24px; color: #333; text-indent: 0;}

.news_con table {max-width: 880px; overflow-x: scroll;}

.news_con li:hover {background: #0099f2; margin-top: -5px; transform: translate3d(0px, 0px, 0px); transition: all 0.3s ease 0s;}
.news_con li:hover .time {color: #eee;}
.news_con li:hover .tit {color: #fff;}
.news_con li:hover p {color: #eee;}


.news_con h1 {font-size: 20px; text-align: center; font-weight: 500; margin-top: 30px;}
.news_con h2 {color: #666; font-size: 14px; text-align: center; font-weight: 500; padding-bottom: 5px; border-bottom: #ddd solid 1px;}
.news_con p {margin: 20px 0 0 0; text-indent: 29px; color: #666;}
.news_con img {margin: 20px 0 0 0; max-width: 880px;}
.news_con hr {display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 20px 0 25px 0; padding: 0;}
.news_con .pre {float: left; line-height: 24px; color: #666; font-size: 14px;}
.news_con .next {float: right; line-height: 24px; color: #666; font-size: 14px;}
.news_con .pre a, .news_con .next a {color: #333;}
.news_con .pre a:hover, .news_con .next a:hover {color: #f00;}

/*新闻中心样式结束*/


/*人才培养样式开始*/
.talents_con {float: left; width: 880px; font-size: 14px;}
.talents_con h1 {font-size: 20px; font-weight: 500; margin-top: 20px; padding-bottom: 10px; border-bottom: #ddd solid 1px; color: #155bae; display: block;}
.talents_con h2 {color: #666; font-size: 14px; text-align: center; font-weight: 500; padding-bottom: 5px; border-bottom: #ddd solid 1px;}
.talents_con h1 .more {float: right; padding-top: 10px; padding-right: 10px; font-size: 12px; color: #155bae;}
.talents_con h1 .more:hover {color: #f00;}

.talents {float: left; width: 880px; font-size: 14px;}
.talents img {margin: 20px 0 0 0;}
.talents p {margin: 20px 0 0 0; text-indent: 29px; color: #666; font-size: 14px; /*width: 490px;*/ line-height: 28px;}
.talents p a {color: #f00; text-decoration: underline;}
.talents p a:hover {color: #155bae; text-decoration: none;}
.talents hr {display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 20px 0 25px 0; padding: 0;}
.talents .pre {float: left; line-height: 24px; color: #666; font-size: 14px;}
.talents .next {float: right; line-height: 24px; color: #666; font-size: 14px;}
.talents .pre a, .talents_con .next a {color: #333;}
.talents .pre a:hover, .talents_con .next a:hover {color: #f00;}


.talents ul {float: left;  width: 880px; margin-top: 20px; background: url(../images/icon/hr_line.png) center top repeat-y;}
.talents li {float: left; width: 440px; height: 32px; line-height: 32px; text-indent: 20px;}
.talents .mr0 {margin-right: 0;}
.talents li img {float: left; margin: 10px; width: 260px; height: 120px;}
.talents li .time {float: left; width: 100px; color: #999; font-size: 12px;}
.talents li .tit {float: left; width: 340px; color: #333;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.talents li:hover {background: #f6f6f6;}
.talents li:hover .time {color: #666;}
.talents li:hover .tit {color: #f00;}


.talents dl {float: left;  width: 480px; margin-top: 20px;}
.talents dd {float: left; width: 480px; height: 32px; line-height: 32px; text-indent: 20px; color: #666;}
.talents .mr0 {margin-right: 0;}
.talents dd img {float: left; margin: 10px; width: 260px; height: 120px;}
.talents dd .time {float: left; width: 100px; color: #999; font-size: 12px;}
.talents dd .tit {float: left; width: 340px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.talents .ewm {float: left; margin: 10px 0 0 200px; width: 160px; height: 160px;}

.talents .zyintro {float: left; width: 880px; padding: 10px 0; border-bottom: #ccc dotted 1px;}
.talents .zyintro .tit {float: left; width: 160px; line-height: 36px; height: auto; font-size: 16px; color: #666; text-indent: 20px;}
.talents .zyintro dl {float: left; width: 720px; height: auto; margin: 0;}
.talents .zyintro dd {float: left; width: 240px; height: 36px; line-height: 36px; color: #666;}

.talents .zyintro:last-of-type {border-bottom: none;}

.talents .dw {float: left; margin: 50px 0 0 20px; width: 130px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #006cbb; border-radius: 5px; font-size: 16px;}
.talents .xs {float: left; margin: 50px 0 0 15px; width: 130px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #dc9306; border-radius: 5px; font-size: 16px;}
.talents .lq {float: left; margin: 50px 0 0 15px; width: 130px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #74b844; border-radius: 5px; font-size: 16px;}

.talents .dw a {color: #fff; display: block;}
.talents .dw a:hover {color: #fff; display: block; background: #0086e8; border-radius: 5px;}

.talents .xs a {color: #fff; display: block;}
.talents .xs a:hover {color: #fff; display: block; background: #ff9900; border-radius: 5px;}

.talents .lq a {color: #fff; display: block; position: relative;}
.talents .lq a:hover {color: #fff; display: block; background: #58a820; border-radius: 5px;}



.lib {float: left; width: 880px; font-size: 14px;}
.lib dl {float: left;  width: 880px; margin-top: 20px;}
.lib dd {float: left; width: 880px; height: 32px; line-height: 32px; text-indent: 20px; color: #666;}
.lib .mr0 {margin-right: 0;}
.lib dd img {float: left; margin: 10px; width: 260px; height: 120px;}
.lib dd .time {float: left; width: 100px; color: #999; font-size: 12px;}
.lib dd .tit1 {float: left; width: 100px; color: #333;}
.lib dd .tit2 {float: left; width: 300px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lib dd .tit3 {float: left; width: 200px; color: #333;}

.lib .info {float: left; margin-top: 20px; width: 880px; padding-bottom: 10px; border-bottom: #ccc dotted 1px;}
.lib .faq {color: #666;}
.lib .ans {color: #155bae;}


/*海洋文化样式开始*/
.marineimg {width: 390px; height: auto; border: #f2f2f2 solid 5px;}
.marinecon {width: 400px; height: auto;}
.marinecon h1 {font-size: 20px; text-align: center; font-weight: 500;}

.culturecon ul {float: left;  width: 880px;}
.culturecon li {float: left; width: 270px; height: 270px; border: #ccc solid 5px; margin-bottom: 20px; margin-right: 20px;}
.culturecon .mr0 {margin-right: 0;}
.culturecon li img {float: left; width: 270px; height: 270px;}
.culturecon li span {display: block; width: 280px; height: 50px; line-height: 40px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.culturecon li:hover { border: #3873ba solid 5px;}
.culturecon li:hover img {opacity: 0.8;}


/*--景观轮播图--*/
.ban {width: 880px; height: 880px;}
#ban_pic1 {width: 880px; height: 880px;}
#ban_pic1 ul {float: left; width: 880px; height: 800px;}
#ban_pic1 ul li {float: left; width: 270px; height: 270px; border: #ccc solid 5px; margin-bottom: 20px; margin-right: 20px;}
#ban_pic1 ul li img {float: left; width: 270px; height: 270px;}
#ban_pic1 ul li:hover {border: #3873ba solid 5px; transform: translate3d(0px, 0px, 0px); transition: all 0.3s ease 0s;}
.prev {float: left; cursor: pointer;}

.num { height: 60px; overflow: hidden; width: 380px; position: relative; float: left;}
.min_pic {width: 430px; position: absolute; z-index: 20; right: 10px; top: 330px;}
.num ul { position: absolute; left: 0; top: 0;}
.num ul li{ width: 90px; height: 60px; margin-right: 5px;}
.num ul li.on {border: red solid 2px; width: 86px; height: 56px;}
.num ul li.on img {width: 86px; height: 56px;}

.prev_btn1 { width: 16px; text-align: center; height: 18px; margin-top: 20px; margin-right: 10px; cursor: pointer; float: left;}
.next_btn1 { width: 16px; text-align: center; height: 18px; margin-top: 20px; cursor: pointer; float: right;}
.prev1 { position: absolute; top: 280px; left: 0px; width: 40px; height: 80px ; z-index: 9; cursor: pointer;}
.next1 { position: absolute; top: 280px; right: 0px; width: 40px; height: 80px; z-index: 9; cursor: pointer;}
.mhc { background: #000; width: 100%; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(Opacity=50); position: absolute; left: 0; top: 0; display: none;}
.pop_up { width: 640px; height: 640px; padding: 10px; background: #fff; position: fixed; -position: absolute; left: 50%; top: 50%; margin-left: -330px; margin-top: -320px; display: none; z-index: 99;}
.pop_up_xx { width: 40px; height: 40px; position: absolute; top: -40px; right: 0; cursor: pointer;}
.pop_up2 { width: 640px; height: 640px; position: relative; overflow: hidden; float: left;}
.pop_up2 ul { position: absolute; left: 0; top: 0;}
.pop_up2 ul li { width: 640px; height: 640px; float: left;}

/*海洋文化样式结束*/




/*自适应*/


@media screen and (min-width: 992px) and (max-width : 1150px) {
	.leftsider {float: left; margin-top: 30px; width: 75%;}
	.about_conf {margin-top: 30px; width: 100%; height: auto;}
	.about_con {margin-top: 30px; width: 46%; height: auto;}
	.about_con p {color: #666; text-indent: 29px; font-size: 14px; line-height: 30px;}
	.line_h {float: left; line-height: 20px;}
	.mt {margin-left: 20px;}
	.about_img {margin-top: 30px; width: 50%; height: auto;}
	.about_img img {width: 100%; height: auto;}
	.about_imgf {margin-top: 30px; width: 720px; height: auto;}
	.about_imgf img {width: 100%; height: auto;}
	.mt0 {margin-top: 0;}
	.about_conf h1 {font-size: 20px; text-align: center; padding-bottom: 20px; font-weight: 500;}
	.about_conf p {color: #666; text-indent: 29px; font-size: 14px;}
	
	
	.tag {float: left; width: 100%;}
	.tag .yz {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .yz b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .yz span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .fyz {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .fyz b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .fyz span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .fsj {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .fsj b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .fsj span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .zl {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .zl b {width: 100%; height: 36px;	line-height: 36px; font-size: 16px; border: 0;}
	.tag .zl span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.con_bdr {float: left; margin: 30px 0 20px 0; width: 99%; height: auto; border: #ccc solid 2px; background: #fff;}
	.con_bottom {float: left; margin: 20px 2% 0 2%; width: 96%; border-bottom: #eee solid 1px; padding-bottom: 20px;}
	.con_bottom:last-of-type {border-bottom: none;}
	.ldimg {width: 30%; height: auto; border: 0;}
	.ldcon {margin: 0 2%; width: 64%; height: auto;}
	
	.marineimg {width: 50%;}
	.marinecon {width: 46%;}
	
	.video_con {float: left; width: 100%; padding-bottom: 30px;}
	.video_txt {width: 50%; height: auto;}
	.video_txt h1 {width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: 500;}
	.video_txt p {padding: 0 15px; line-height: 30px; color: #333;}
	.video_intro {width: 50%; height: auto;}
	.video_intro video {width: 100%; height: auto;}
	.video_intro img {width: 100%; height: auto;}
	
	.video_con ul {float: left;  width: 100%;}
	.video_con li {float: left; width: 31%; margin: 0 1.16%; height: auto;}
	.video_con li video {width: 100%; height: auto;}
	.video_con .mr0 {margin-right: 1.16%;}
	.video_con li img {float: left; width: 100%; height: auto;}
	.video_con li span {display: block; width: 100%; height: 50px; line-height: 40px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.video_con li a:hover {color: #f00;}
	.video_con li a:hover img {opacity: 0.8;}
	
	.talents .zyintro {float: left; width: 100%;}
	.talents .zyintro .tit {width: 15%;}
	.talents .zyintro dl { width: 85%; }
	.talents .zyintro dd { width: 33.3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.talents .dw {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	.talents .xs {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	.talents .lq {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	.lib {float: left; width: 100%; font-size: 14px;}
	.lib .info {float: left; margin-top: 20px; width: 100%;}
	
}

@media screen and (min-width: 992px) and (max-width: 1150px) {
	.dsj_con {width: 100%;}
	.dsj_bg {width: 100%; height: 200px; background: url(../images/ld/dsj_bg.jpg) center center;}
	.dsj_bg .txt {font-size: 40px; line-height: 60px;}
	.time {float: left; width: 100%; margin-bottom: 10px;}
	.time:last-of-type {float: left; width: 100%; margin-bottom: 0;}
	.tit_time {width: 80px; height: 36px;}

	.time_bdr {display: none;}
	
	.news_con {float: left; width: 100%; padding-bottom: 30px;}
	.news_con ul {float: left; width: 100%; position: relative;}
	.news_con li {float: left; width: 46%; margin: 0 2% 30px 2%; height: auto;}
	.news_con .mr0 {margin-right: 2%;}
	.news_con li img {float: left; margin: 2%; width: 96%; height: auto;}
	.news_con li .time { width: 100%;}
	.news_con li .tit {width: 100%;}
	.news_con li p {height: 85px; overflow: hidden;}
	.news_con li:hover {background: #0099f2; margin-top: 0px;}
	.news_con p {text-indent: 0;}
	.news_con img {width: 100%; height: auto; }
	
	.talents_con {float: left; width: 100%;}
	.talents {width: 100%;}
	.talents img {float: left; width: 50%; height: auto;}
	.talents p {float: right; width: 48%; height: auto;}
	
	.talents ul {float: left;  width: 100%;}
	.talents li {float: left; width: 50%; text-indent: 15px;}
	.talents .mr0 {margin-right: 0;}
	.talents li img {float: left; margin: 10px; width: 260px; height: 120px;}
	.talents li .time {float: left; width: 25%; color: #999; font-size: 12px;}
	.talents li .tit {float: left; width: 74%; color: #333;}
	
	.talents .lx {float: left; margin: 10px 0 10px 0; width: 75%;}
	.talents .ewm {float: right; margin: 10px 0 10px 0; width: 160px; height: 160px;}

}

@media screen and (min-width: 861px) and (max-width: 991px) {
	.rightsider {margin: 40px auto 0 auto; width: 90%; clear: both; float: none; display: none;}
	.rightmenu ul li {float: left; width: 46%; margin-left: 23px;background: url(../images/icon/list_bg.png) center top repeat-x;}
	.listlink {float: left; width: 100%;}
	.listlink ul {margin: 0 auto; max-width: 100%}
	.listlink li {float: left; width: 24.85%; max-height: 100px; text-align: center; border-right: #fff solid 1px; border-bottom: #fff solid 1px;}
	.listlink li div {margin: 10px 0 0 0; width: 100%;}
	.listlink .li_none {border-right: #fff solid 1px;}
	
	.leftsider {margin: 30px auto 0 auto; width: 92%; clear: both; float: none;}
	.about_conf {margin-top: 30px; width: 100%; height: auto;}
	.about_imgf {width: 100%;}
	.about_imgf img {width: 100%; height: auto;}
	.about_con {margin-top: 30px; width: 46%; height: auto;}
	.about_con p {color: #666; text-indent: 29px; font-size: 14px; line-height: 30px;}
	.about_img {width: 50%;}
	.about_img img {width: 100%; height: auto;}
	
	.dsj_con {width: 100%;}
	/*.dsj_con {margin: 0 auto; width: 100%; background: url(../images/icon/hr_line.png) center top repeat-y; float: none; clear: both;}*/
	.dsj_bg {width: 100%; height: 200px; background: url(../images/ld/dsj_bg.jpg) center center;}
	.dsj_bg .txt {padding: 30px 0 0 0; font-size: 40px; line-height: 60px; color: #fff; text-align: center; display: block;}
	
	.time {float: left; width: 100%; margin-bottom: 10px;}
	.time:last-of-type {float: left; width: 100%; margin-bottom: 0;}
	.tit_time {margin: 20px auto 30px auto; width: 100px; height: 36px; color: #999; line-height: 36px; text-align: center; border: #ccc solid 1px; background: #fff; display: block;}
	
	.footer_nav {margin-left: 10px;}
	.fastlink1 {display: block;}
	.fastlink1 .band_content li:hover .h_notice {display: none;}
	
	
	.tag {float: left; width: 100%;}
	.tag .yz {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .yz b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .yz span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .fyz {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .fyz b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .fyz span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .fsj {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .fsj b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .fsj span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .zl {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .zl b {width: 100%; height: 36px;	line-height: 36px; font-size: 16px; border: 0;}
	.tag .zl span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.con_bdr {float: left; margin: 30px 0 0 0; width: 99%; height: auto; border: #ccc solid 2px; background: #fff;}
	.con_bottom {float: left; margin: 20px 2% 0 2%; width: 96%; border-bottom: #eee solid 1px; padding-bottom: 20px;}
	.con_bottom:last-of-type {border-bottom: none;}
	.ldimg {width: 30%; height: auto; border: 0;}
	.ldcon {margin: 0 2%; width: 64%; height: auto;}
	
	.marineimg {width: 50%;}
	.marinecon {width: 46%;}
	
	.video_con {float: left; width: 100%; padding-bottom: 30px;}
	.video_txt {width: 50%; height: auto;}
	.video_txt h1 {width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: 500;}
	.video_txt p {padding: 0 15px; line-height: 30px; color: #333;}
	.video_intro {width: 50%; height: auto;}
	.video_intro video{width: 100%; height: auto;}
	.video_intro img {width: 100%; height: auto;}
	
	.video_con ul {float: left;  width: 100%;}
	.video_con li {float: left; width: 31%; margin: 0 1.16%; height: auto;}
	.video_con li video {width: 100%; height: auto;}
	.video_con .mr0 {margin-right: 1.16%;}
	.video_con li img {float: left; width: 100%; height: auto;}
	.video_con li span {display: block; width: 100%; height: 50px; line-height: 40px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.video_con li a:hover {color: #f00;}
	.video_con li a:hover img {opacity: 0.8;}
	
	
	.news_con {float: left; width: 100%; padding-bottom: 30px;}
	.news_con ul {float: left; width: 100%; position: relative;}
	.news_con li {float: left; width: 31%; margin: 0 1.16% 30px 1.16%; height: auto;}
	.news_con .mr0 {margin-right: 1.16%;}
	.news_con li img {float: left; margin: 2%; width: 96%; height: auto;}
	.news_con li .time { width: 96%; padding: 1% 2%;}
	.news_con li .tit {width: 96%; padding: 0 2%;}
	.news_con li p {height: 85px; overflow: hidden;}
	.news_con li:hover {background: #0099f2; margin-top: 0px;}
	.news_con p {text-indent: 0;}
	.news_con img {width: 100%; height: auto;}
	
	.talents_con {float: left; width: 100%;}
	.talents {width: 100%;}
	.talents img {float: left; width: 50%; height: auto;}
	.talents p {float: right; width: 48%; height: auto;}
	
	.talents ul {float: left;  width: 100%;}
	.talents li {float: left; width: 50%; text-indent: 15px;}
	.talents .mr0 {margin-right: 0;}
	.talents li img {float: left; margin: 10px; width: 260px; height: 120px;}
	.talents li .time {float: left; width: 25%; color: #999; font-size: 12px;}
	.talents li .tit {float: left; width: 74%; color: #333;}
	
	.talents .zyintro {float: left; width: 100%;}
	.talents .zyintro .tit {width: 15%;}
	.talents .zyintro dl { width: 85%; }
	.talents .zyintro dd { width: 33.3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.talents .dw {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	.talents .xs {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	.talents .lq {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	
	.talents .lx {float: left; margin: 10px 0 10px 0; width: 75%;}
	.talents .ewm {float: right; margin: 10px 0 10px 0; width: 160px; height: 160px;}
	
	
	.lib {float: left; width: 100%; font-size: 14px;}
	.lib dl {float: left;  width: 100%; margin-top: 20px;}
	.lib dd {float: left; width: 100%;}
	.lib .mr0 {margin-right: 0;}
	.lib dd .tit1 {float: left; width: 20%;}
	.lib dd .tit2 {float: left; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.lib dd .tit3 {float: left; width: 20%;}
	
	.lib .info {float: left; margin-top: 20px; width: 100%;}
	
}

@media screen and (max-width :860px){
	.rightsider {margin: 40px auto 0 auto; width: 90%; clear: both; float: none; display: none;}
	.rightmenu ul li {float: left; width: 46%; margin-left: 23px;background: url(../images/icon/list_bg.png) center top repeat-x;}
	.listlink {float: left; width: 100%;}
	.listlink ul {margin: 0 auto; max-width: 100%}
	.listlink li {float: left; width: 24.85%; max-height: 100px; text-align: center; border-right: #fff solid 1px; border-bottom: #fff solid 1px;}
	.listlink li div {margin: 10px 0 0 0; width: 100%;}
	.listlink .li_none {border-right: #fff solid 1px;}
	
	.leftsider {margin: 30px auto 0 auto; width: 92%; clear: both; float: none;}
	.about_conf {margin-top: 30px; width: 100%; height: auto;}
	.about_imgf {width: 100%;}
	.about_imgf img {width: 100%; height: auto;}
	.about_con {margin-top: 30px; width: 46%; height: auto;}
	.about_con p {color: #666; text-indent: 29px; font-size: 14px; line-height: 30px;}
	.about_img {width: 50%;}
	.about_img img {width: 100%; height: auto;}
	.about_conf {margin: 40px auto 0 auto; width: 100%; clear: both; float: none;}
	.about_conf h1 {font-size: 20px; text-align: center; padding-bottom: 20px; font-weight: 500;}
	.about_conf p {color: #666; text-indent: 29px; font-size: 14px;}
	
	.footer_nav {margin-left: 10px;}
	.fastlink1 {display: block;}
	.fastlink1 .band_content li:hover .h_notice {display: none;}
	
	.fast_link {display: none;}
	.line_h {float: left; line-height: 20px;}
	.mt {margin-left: 20px;}
	.mt0 {margin-top: 0;}
	
	.article {font-size: 14px;}
	.event,.eventr {width: 78%;}
	
	/*.product_list li {width: 45%; margin-right: 5%;}*/
	.dsj_con {margin: 0 auto; width: 100%; background: #fff; float: none; clear: both;}
	.dsj_bg {width: 100%; height: 200px; background: url(../images/ld/dsj_bg.jpg) center center;}
	.dsj_bg .txt {padding: 30px 0 0 0; font-size: 40px; line-height: 60px; color: #fff; text-align: center; display: block;}
	.time {float: left; width: 100%; margin-bottom: 10px;}
	.time:last-of-type {float: left; width: 100%; margin-bottom: 0;}
	.tit_time {margin: 20px auto 30px auto; width: 100px; height: 36px; color: #999; line-height: 36px; text-align: center; border: #ccc solid 1px; background: #fff; display: block;}
	.dsj {width: 100%; height: auto;}
	.dsj img {float: left; width: 100%; height: 100%;}
	.dsj p {float: left; padding: 10px 15px; width: auto; height: auto; background: #e4e4e4; display: block;}
	.time_bdr {display: none;}
	.time_bdr em {display: none;}
	.last {font-size: 20px; margin-bottom: 0; color: #a6a6a6;}
	
	.time:hover .tit_time {background: #155bae; border: #155bae solid 1px; color: #fff;}
	.time:hover .dsj p {background: #155bae; color: #fff;}
	.time:hover .time_bdr {border: #155bae solid 1px;}
	.time:hover .time_bdr em {background: #155bae;}
	.pages .pages_total {font-size: 12px;}
	.pages .pages_num li a {font-size: 12px !important;}
	
	
	.tag {float: left; width: 100%;}
	.tag .yz {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .yz b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .yz span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .fyz {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .fyz b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .fyz span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .fsj {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .fsj b {width: 100%; height: 36px;	line-height: 36px;font-size: 16px; border: 0;}
	.tag .fsj span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.tag .zl {float: left; width: 14.5%; margin: 0 1.08%; height: 80px;}
	.tag .zl b {width: 100%; height: 36px;	line-height: 36px; font-size: 16px; border: 0;}
	.tag .zl span {width: 100%; height: 36px; line-height: 36px; font-size: 14px; border: 0; background: #f0f0f0;}
	
	.con_bdr {float: left; margin: 30px 0 20px 0; width: 99%; height: auto; border: #ccc solid 2px; background: #fff;}
	.con_bottom {float: left; margin: 20px 2% 0 2%; width: 96%; border-bottom: #eee solid 1px; padding-bottom: 20px;}
	.con_bottom:last-of-type {border-bottom: none;}
	.ldimg {width: 30%; height: auto; border: 0;}
	.ldcon {margin: 0 2%; width: 64%; height: auto;}
	.marineimg {width: 50%;}
	.marinecon {width: 46%;}
	
	
	.video_con {float: left; width: 100%; padding-bottom: 30px;}
	.video_txt {width: 50%; height: auto;}
	.video_txt h1 {width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: 500; padding: 0;}
	.video_txt p {padding: 0 15px; line-height: 30px; color: #333;}
	.video_intro {width: 50%; height: auto;}
	.video_intro video{width: 100%; height: auto;}
	.video_intro img {width: 100%; height: auto;}
	
	.video_con ul {float: left;  width: 100%;}
	.video_con li {float: left; width: 31%; margin: 0 1.16%; height: auto;}
	.video_con li video {width: 100%; height: auto;}
	.video_con .mr0 {margin-right: 1.16%;}
	.video_con li img {float: left; width: 100%; height: auto;}
	.video_con li span {display: block; width: 100%; height: 50px; line-height: 40px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.video_con li a:hover {color: #f00;}
	.video_con li a:hover img {opacity: 0.8;}
	
	.news_con {float: left; width: 100%; padding-bottom: 30px;}
	.news_con ul {float: left; width: 100%; position: relative;}
	.news_con li {float: left; width: 46%; margin: 0 2% 30px 2%; height: auto;}
	.news_con .mr0 {margin-right: 2%;}
	.news_con li img {float: left; margin: 2%; width: 96%; height: auto;}
	.news_con li .time { width: 96%; padding: 1% 2%;}
	.news_con li .tit {width: 96%; padding: 0 2%;}
	.news_con li p {height: 85px; overflow: hidden;}
	.news_con li:hover {background: #0099f2; margin-top: 0px;}
	.news_con p {text-indent: 0;}
	.news_con img {width: 100%; height: auto;}
	
	
	.talents_con {float: left; width: 100%;}
	.talents {width: 100%;}
	.talents img {float: left; width: 50%; height: auto;}
	.talents p {float: right; width: 48%; height: auto;}
	
	.talents ul {float: left;  width: 100%;}
	.talents li {float: left; width: 50%; text-indent: 15px;}
	.talents .mr0 {margin-right: 0;}
	.talents li img {float: left; margin: 10px; width: 260px; height: 120px;}
	.talents li .time {float: left; width: 25%; color: #999; font-size: 12px;}
	.talents li .tit {float: left; width: 72%; color: #333;}
	
	.talents .zyintro {float: left; width: 100%;}
	.talents .zyintro .tit {width: 15%;}
	.talents .zyintro dl { width: 85%; }
	.talents .zyintro dd { width: 33.3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.talents .dw {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	.talents .xs {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	.talents .lq {float: left; margin: 40px 0 0 10px; width: 110px; height: 40px; line-height: 40px;}
	
	.talents .lx {float: left; margin: 10px 0 10px 0; width: 75%;}
	.talents .ewm {float: right; margin: 10px 0 10px 0; width: 160px; height: 160px;}
	.talents img {width: 100%; height: auto;}
	
	.lib {float: left; width: 100%; font-size: 14px;}
	.lib dl {float: left;  width: 100%; margin-top: 20px;}
	.lib dd {float: left; width: 100%;}
	.lib .mr0 {margin-right: 0;}
	.lib dd .tit1 {float: left; width: 20%;}
	.lib dd .tit2 {float: left; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.lib dd .tit3 {float: left; width: 20%;}
	.lib .info {float: left; margin-top: 20px; width: 100%;}
}

@media screen and (min-width :640px) and (max-width :800px){
	.talents .dw {float: left; margin: 40px 0 0 10px; width: 80px; height: 40px; line-height: 40px;}
	.talents .xs {float: left; margin: 40px 0 0 10px; width: 80px; height: 40px; line-height: 40px;}
	.talents .lq {float: left; margin: 40px 0 0 10px; width: 80px; height: 40px; line-height: 40px;}
	
	.talents .lx {float: left; margin: 10px 0 10px 0; width: 80%;}
	.talents .ewm {float: right; margin: 10px 0 10px 0; width: 120px; height: 120px;}
}
 
@media screen and (max-width :640px){
	.leftsider {margin: 30px auto 0 auto; width: 92%; clear: both; float: none;}
	.about_conf {margin-top: 30px; width: 100%; height: auto;}
	.about_imgf {width: 100%;}
	.about_imgf img {width: 100%; height: auto;}
	.about_con {margin-top: 30px; width: 100%; height: auto;}
	.about_con p {color: #666; text-indent: 29px; font-size: 14px; line-height: 30px;}
	.about_img {width: 100%;}
	.about_img img {width: 100%; height: auto;}
	.about_conf {margin: 40px auto 0 auto; width: 100%; clear: both; float: none;}
	.about_conf h1 {font-size: 20px; text-align: center; padding-bottom: 20px; font-weight: 500;}
	.about_conf p {color: #666; text-indent: 29px; font-size: 14px;}
	
	
	.pages {display: none;}
	.pages1 {display: block; margin-bottom: 20px;}
	.guide div {display: none;}
	
	.video_con {float: left; width: 100%; padding-bottom: 30px;}
	.video_txt {width: 100%; height: auto;}
	.video_txt h1 {width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: 500; padding: 0;}
	.video_txt p {padding: 0 10px; line-height: 24px; color: #333; height: auto; padding-bottom: 20px; overflow: hidden;}
	.video_intro {width: 50%; height: auto;}
	.video_intro {width: 100%; height: auto;}
	.video_intro img {width: 100%; height: auto;}
	
	.video_con ul {float: left;  width: 100%;}
	.video_con li {float: left; width: 46%; margin: 0 2%; height: auto;}
	.video_con li video {width: 100%; height: auto;}
	.video_con .mr0 {margin-right: 2%;}
	.video_con li img {float: left; width: 100%; height: auto;}
	.video_con li span {display: block; width: 100%; height: 50px; line-height: 40px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.video_con li a:hover {color: #f00;}
	.video_con li a:hover img {opacity: 0.8;}
	
	.news_con {float: left; width: 100%;}
	.news_con ul {float: left; width: 100%; position: relative;}
	.news_con li {float: left; width: 100%; margin: 0 0 30px 0; height: auto;}
	.news_con .mr0 {margin-right: 0;}
	.news_con li img {float: left; margin: 2%; width: 96%; height: auto;}
	.news_con li .time { width: 96%; padding: 1% 2%;}
	.news_con li .tit {width: 96%; padding: 0 2%;}
	.news_con li p { height: 65px; overflow: hidden;}
	.news_con li:hover {background: #0099f2; margin-top: 0px;}
	.news_con p { text-indent: 0;}
	.news_con img {width: 96%; margin: 0; height: auto;}
	.news_con .pre {float: left; width: 96%; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.news_con .next {float: left; width: 96%; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.news_con img {width: 100%; height: auto;}
	.news_con h1 {font-size: 16px; margin-top: 20px;}
	.news_con h2 {font-size: 14px; padding-bottom: 5px;}
	
	
	.talents_con {float: left; width: 100%;}
	.talents_con h1 {font-size: 16px;}
	.talents {width: 100%;}
	.talents img {float: left; width: 100%; height: auto;}
	.talents p {float: left; width: 100%; height: auto;}
	
	.talents ul {float: left;  width: 100%; background: none;}
	.talents li {float: left; width: 100%; text-indent: 15px;}
	.talents .mr0 {margin-right: 0;}
	.talents li img {float: left; margin: 10px; width: 260px; height: 120px;}
	.talents li .time {float: left; width: 20%; color: #999; font-size: 12px;}
	.talents li .tit {float: left; width: 80%; color: #333;}
	
	.talents .zyintro {float: left; width: 100%;}
	.talents .zyintro .tit {width: 20%;}
	.talents .zyintro dl { width: 80%; }
	.talents .zyintro dd { width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.talents dl {width: 100%;}
	.talents dd {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.talents .lx {float: left; margin: 10px 0 10px 0; width: 80%;}
	.talents .ewm {float: right; margin: 10px 0 10px 0; width: 100px; height: 100px;}
	
	.talents .dw {float: left; margin: 30px 2% 0 2%; width: 29%; height: 40px; line-height: 40px;}
	.talents .xs {float: left; margin: 30px 2% 0 2%; width: 29%; height: 40px; line-height: 40px;}
	.talents .lq {float: left; margin: 30px 2% 0 2%; width: 29%; height: 40px; line-height: 40px;}
	
	.talents .lx {float: left; margin: 10px 0 10px 0; width: 75%;}
	.talents .ewm {float: right; margin: 10px 0 10px 0; width: 100px; height: 100px;}
	.talents img {width: 100%; height: auto;}
	
	.marineimg {width: 100%; border: 0;}
	.marinecon {width: 100%;}
	
	.guide h6 b {float: left; margin-top: 6px; width: 90px; font-size: 14px;}	
	.guide h6 em {float: left; margin: 6px 0 0 30px; width: 140px; font-size: 14px;}
	
}


@media screen and (max-width: 520px) {
	.talents dl {width: 100%;}
	.talents dd {font-size: 12px; text-indent: 0; width: 100%;}
	.talents .ewm {float: left; margin: 10px 0 10px 0;}
	
	.guide h6 b {float: left; margin-top: 6px; width: 90px; font-size: 14px;}	
	.guide h6 em {float: left; margin: 6px 0 0 30px; width: 140px; font-size: 14px;}
	
	.lib dd .tit1 {float: left; width: 15%;}
	.lib dd .tit2 {float: left; width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.lib dd .tit3 {float: left; width: 20%;}
}

@media screen and (max-width: 480px) {
	.guide h6 b {float: left; margin-top: 6px; width: 90px; font-size: 14px;}	
	.guide h6 em {float: left; margin: 6px 0 0 30px; width: 120px; font-size: 14px;}
}

@media screen and (max-width: 460px) {
	.guide h6 { width: 100%;}
	.guide h6 b {float: left; margin-top: 6px; width: auto; font-size: 12px; display: block;}
	.guide h6 b a {padding: 0 5px;}
	.guide h6 em {float: right; margin: 6px 0 0 0; width: 110px; font-size: 12px;}
}

@media (min-width: 320px) and (max-width: 415px) {	
	
}

@media screen and (max-width: 415px) {
	/*iphone 6 plus*/
	.pages {display: none;}
	.pages1 {display: block; margin-bottom: 20px;}
	
	.con_bdr {float: left; margin: 30px 0 20px 0; width: 99%; height: auto; border: #ccc solid 2px; background: #fff;}
	.con_bottom {float: left; margin: 20px 2% 0 2%; width: 96%; border-bottom: #eee solid 1px; padding-bottom: 20px;}
	.con_bottom:last-of-type {border-bottom: none;}
	.ldimg {width: 100%; height: auto; border: 0;}
	.ldcon {width: 100%; height: auto; float: none;}
	
	.video_con {float: left; width: 100%; padding-bottom: 30px;}
	.video_txt {width: 100%; height: auto;}
	.video_txt h1 {width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: 500; padding-bottom: 20px;}
	.video_txt p {padding: 0 10px; line-height: 24px; color: #333; height: 145px; overflow: hidden;}
	.video_intro {width: 100%; height: auto;}
	.video_intro video {width: 100%; height: auto;}
	.video_intro img {width: 100%; height: auto;}
	
	.video_con ul {float: left;  width: 100%;}
	.video_con li {float: left; width: 100%; height: auto; margin: 0;}
	.video_con li video {width: 100%; height: auto;}
	.video_con .mr0 {margin-right: 0;}
	.video_con li img {float: left; width: 100%; height: auto;}
	.video_con li span {display: block; width: 100%; height: 50px; line-height: 40px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.video_con li a:hover {color: #f00;}
	.video_con li a:hover img {opacity: 0.8;}
	
	.talents ul {float: left;  width: 100%; background: none;}
	.talents li {float: left; width: 100%; text-indent: 0;}
	.talents .mr0 {margin-right: 0;}
	.talents li img {float: left; margin: 10px; width: 260px; height: 120px;}
	.talents li .time {float: left; width: 25%; color: #999; font-size: 12px; text-align: right;}
	.talents li .tit {float: left; width: 72%; color: #333;}
	.talents .zyintro .tit {width: 20%; font-size: 12px; color: #f00;}
}

@media screen and (max-width :360px){
	.pages {display: none;}
	.pages1 {display: block; margin-bottom: 20px;}
	
	.lib dd .tit1 {float: left; width: 20%;}
	.lib dd .tit2 {float: left; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.lib dd .tit3 {float: left; width: 20%;}
	
}