@charset "gb2312";
/* CSS Document */
/*公共样式*/
/* 谷歌浏览器字体不能小于12px的解决 */
html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:12px; font-family:\5b8b\4f53,Arial,sans-serif;margin:0;padding:0;color:#666666; background:url(../images/ship_01.jpg);; line-height:24px;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
img{border:0px; vertical-align:top;}
.fl{ float:left;} .fr{ float:right;}
div,dl{ display: block; }
/*----------linkes---------*/
a{color:#555; text-decoration:none; -webkit-transition: color 0.2s linear;-khtml-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-o-transition: color 0.2s linear; text-decoration:none;}
a:hover{ text-decoration:underline;}
.class{ clear:both;}
/*公共样式结束*/

.top{ width:100%; margin:0px auto; height:113px;  overflow:hidden;}
.top span{ width:980px; margin:15px auto; height:75px; display:block;}
.nav {
	height:40px;
	_overflow:hidden;
}
.nav ul li .dhxl {
	width:98px;
	height:120px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	background-color:#092e46;
	position: relative;
	z-index:10;
	display:none;
}
.nav ul li .dhxl li {
	height:30px;
	line-height:30px;
	clear:both;
	overflow:hidden;
}
.nav ul li .dhxl li a {
	font-size:12px;
	font-weight:400;
}
.nav ul li .dhxl li a:hover {
	height:30px;
	line-height:30px;
	text-decoration:underline;
	color:#fff;
}
#ddh3, #ddh7 {
	height:60px;
}
.dh-nav {
	width:980px;
	height:51px;
	background-image: url(../images/bg/nav-tit.jpg);
	background-repeat:no-repeat;
}
.dh-nav h3 {
	display:none
}
.dh-nav a {
	width:103px;
	height:31px;
	float:right;
	margin:14px 9px 0 0
}
.top {
	height:112px;
	
}
.logo {
	width:315px;
	height:112px;
	display:block;
	overflow:hidden;
	text-indent:-1000px
}
.logo a {
	display:block;
	width:100%;
	height:100%;
}
.logo-right {
	width:642px;
	height:112px;
	display:block;
}
.logo-right a {
	width:131px;
	height:112px;
	float:left;
	display:block;
}
.logo-right a.wi {
	width:190px
}
.logo-right a.wi1 {
	width:190px}
.nav {
	width:100%;
	height:40px; margin:0px auto;
	text-align:center;
	background:#08588a;
}
.nav ul {
	width:980px;
	margin:0px auto;
}
.nav ul li {
	width:98px;
	height:40px;
	float:left;
	text-align:center;
	line-height:40px;
	font-size:14px;
	font-weight:700;
	z-index:0
}
.nav ul li a {
	color:#fff;
	text-decoration:none
}
.nav ul li a:hover {
	width:98px;
	height:40px;
	display:block;
	background-color:#092e46
}

.banner{ width:100%; height:384px; margin:0px auto; background:#d5d4d2;}
.banner1{ width:100%; height:137px; margin:0px auto; background:url(../images/banner1.jpg) no-repeat top center;}
.banner2{ width:100%; height:119px; margin:0px auto; background:url(../images/banner2.jpg) no-repeat top center;}
.banner3{ width:100%; height:127px; margin:0px auto; overflow:hidden; background:url(../images/banner3.jpg) no-repeat top center;}
.banner3 span{ width:480px;  margin:74px auto 0px auto; padding-left:500px; display:block;}
.banner3 span a{ float:left; width:120px; height:40px; margin-right:27px;}




.mian{ width:980px; height:auto; margin:0px auto; background:#FFF; overflow:hidden;}
.mian-t{ width:920px; margin:10px auto;}

.mian-c{ width:900px; margin:30px auto;}
.mian-c dl{ float:left; width:900px; margin-bottom:57px;}
.mian-c dt{ float:right; width:366px; height:269px;}
.mian-c dd{ float:left; width:496px; height:269px; font-size:14px;}
.mian-c dd p{ line-height:30px;  margin-top:13px; height:177px; display:block; text-indent:2em; text-align:justify;}
.mian-c dd span img{ float:left; margin-right:15px;}

.mian-c dt.r{ float:left; width:366px; height:269px;}
.mian-c dd.r{ float:right; width:496px; height:269px; font-size:14px;}



.yis{ width:980px; margin:30px auto;}
.yis ul{ width:923px; margin:0px auto; height:438px; border-bottom:1px dashed #CCC;}
.yis ul li{ float:left;}
.yis ul li#left{ float:left; margin-top:179px;}
.yis ul li#center{ float:left; margin-left:15px; display:inline;height:409px; width:819px; overflow:hidden;}
.yis ul li#center span{ float:left;height:409px; width:819px; overflow:hidden;}

.yis ul li#center span.y1{ background:url(../images/yis_1.jpg) no-repeat;height:409px; width:819px; float:left;}
.yis ul li#center span.y2{ background:url(../images/yis_2.jpg) no-repeat;height:409px; width:819px; float:left;}
.yis ul li#center span.y3{ background:url(../images/yis_3.jpg) no-repeat;height:409px; width:819px; float:left;}
.yis ul li#center span.y4{ background:url(../images/yis_4.jpg) no-repeat;height:409px; width:819px; float:left;}
.yis ul li#center span.y5{ background:url(../images/yis_5.jpg) no-repeat;height:409px; width:819px; float:left;}
.yis ul li#center span.y6{ background:url(../images/yis_6.jpg) no-repeat;height:409px; width:819px; float:left;}
.yis ul li#center span.y7{ background:url(../images/yis_7.jpg) no-repeat;height:409px; width:819px; float:left;}
.yis ul li#center span a{ width:159px; height:36px;float:right; margin:358px 9px 0 0px; display:inline;}
.yis ul li#center span a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.yis ul li#center span a.t{ width:287px; height:91px;float:left; margin:316px 0px 0 6px; display:inline;}


.yis ul li#right{ float:right; margin-top:179px;}


.yi-s{ width:949px; margin:30px auto 20px auto; height:327px; border-bottom:1px dashed #CCC;}

.zt{ width:941px; margin:10px auto 30px auto; height:220px;}
.zt h2{ width:100%; margin-bottom:10px;}
.zt ul li{ width:215px; float:left; display:inline; margin:0 20px 13px 0px; line-height:18px; text-align:center;}
.zt ul li a{ color:#333333}



.bottom{ width:100%; height:183px; margin:0px auto 0px auto; background:#00609c; overflow:hidden;}
.bottom dl{ width:877px; margin:30px auto;}
.bottom dl dt{ width:180px; float:left;}
.bottom dl dd{ width:557px; float:left; color:#fff; font-size:14px;}