@font-face {
    font-family:经典繁平黑;
	src: url(jdfhping.ttf) format("truetype");
}
@font-face {
    font-family: SimHei;
    src: url(simhei.ttf) format("opentype");
}

.font {	
    font-family:SimHei;
	color: #544841;
}
.font2{
	color: #ed237a;
}
.font3 {
	color: #544841;
}

.fontcn {
	font-family:经典繁平黑;
}

.fonteng {
	font-size:18px;
	color: #c1282d;
	letter-spacing:-1px;
}
.fonteng2 {
	font-size:24px;
	color: #c1282d;
	letter-spacing:-1px;
}


	body{
	font-family:Helvetica;
	font-size:14px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#cdcccc;
	}
	
	.clear{
	clear:both;
	}
	
	.left{
	float:left;
	}
	
	.right{
	float:right;
	}
	
	.selected{
	color:#000000;
	}
	p {
	letter-spacing: 1.2px;
	line-height:21px;
	}
	
	.ptxt{
	line-height:21px;
	margin-top: -10px;
	}
	
	h3 {
	font-size: 18px;
	color: #ed2224;
	margin-top: 0px;
}

	h3a {
	font-size: 18px;
	color: #ed2224;
	margin-top: 0px;
}
	red {
	color:#ed2224;
	}
	red2 {
	color:#be1e2d;
	}
	
	cn{
	font-size:26px;
	}
	cn2{
	font-size:26px;
	letter-spacing: 3.5px;
	}
	en{
	font-size:13px;
	font-weight: bold;
	}
	en2{
	font-size:13px;
	font-weight: bold;
	letter-spacing: 1px;
	}


/* ======================== header ===================== */	
	#nav-header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 110px;
	}
/* ======================== social mdeia===================== */	
	#social-media {
	float: left;
	margin-bottom: 13px;
	}
	
	#social-media ul {
	list-style-type: none;
	margin-left: -20px;
	}
	#social-media ul li {
		display: inline;
		float: left;
		margin-right: 10px;
	}
/* ======================== menu ===================== */	
	#menu ul {
	clear: both;
	margin-left: -30px;
	}
	#menu ul li {
		display: inline;
	}
	#menu ul li a {
		color: #FFFFFF;
		text-decoration: none;	
		padding-top: 6px;
		padding-right: 13px;
		padding-bottom: 6px;
		padding-left: 13px;
		
	}
	#menu ul li a:hover {
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		background-color:#c1282d;
		padding-top: 6px;
		padding-right: 13px;
		padding-bottom: 6px;
		padding-left: 13px;
		
	}
	#menu {
	width: 650px;
	clear: both;
	float: left;
	height: 50px;
	}
	.current{
		color: #FFFFFF;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		background-color:#c1282d;
		padding-top: 6px;
		padding-right: 13px;
		padding-bottom: 6px;
		padding-left: 13px;
	}
	
/* ======================== version ===================== */	
#version {
	float: left;
	margin-top:12px;
	margin-left:80px;
	}
	
#version a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color:#f79321;	
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color:#FFFFFF;
	text-decoration:none;

}
/* ======================== logo===================== */
#logo {
    float: right;
    height: 71px;
    margin-left: 30px;
    margin-top: -35px;
    position: relative;
    width: 99px;
}

/* ======================== slider===================== */
#slider {
	clear: both;
	margin-bottom:16px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.item {
	width: 1000px;
	height: 333px;
}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 1000px;
	height: 333px;
} 
.scrollable .items {
	width:20000em;
	position:absolute;
	left: 0px;
}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi {
	height:20px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 470px;
	margin-left: -25px;
	width: auto;
} 
.navi a { width: 24px; cursor:pointer; height: 22px; float:left; margin:0 0 0 3px; display:block; font-size:1px; margin-bottom: 10px} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px; }

.header1
{
width: 1000px; height: 333px;
}

/* ======================== content===================== */
#content {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.content-details{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background-color:#fff;
	padding-top: 10px;
	padding-right: 23px;
	padding-bottom: 30px;
	padding-left: 23px;
	color:#544841;
	font-size: 16px;
}

.content-details2{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background-color:#fff;
	padding-top: 10px;
	padding-right: 23px;
	padding-bottom: 30px;
	padding-left: 23px;
	color:#544841;
	font-size: 14px;
	text-align: justify;
}
.box1 {
	height: 124px;
	width: 320px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background-color: #ffffff;
	background-repeat: no-repeat;
}
.details {
	font-size: 20px;
	padding-top: 23px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 25px;
}
.details-contact {
	font-size: 20px;
	color: #c1282d;
	padding-top: 23px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 25px;
}

.content-details ul {
padding:0;

}
.content-details ul li {
	display: inline;
}

.content-details2 ul {
padding:0;

}
.content-details2 ul li {
	display: inline;
}
.img-detail{
	padding-right:62px;
}

.details-contact-number {
	font-size: 24px;
	color: #544841;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 25px;
}
.size-box{
margin-right:20px;
}
.detail-btn {
	float: left;
	margin-top:18px;
	margin-left:25px;
	}
	
.detail-btn a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color:#c1282d;	
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color:#FFFFFF;
	text-decoration:none;
}

.detail-btn2 {
	float: left;
	margin-top:12px;
	margin-left:25px;
	}
	
.detail-btn2 a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color:#c1282d;	
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color:#FFFFFF;
	text-decoration:none;
}
.cert-about {
	width: 400px;
	padding-top: 17px;
}
.cert-logo {
	width: 124px;
	margin-right: 35px;
	margin-top: -17px;
}
.detail-cert  {
	float: right;
	margin-right: 28px;
	}
.detail-cert ul {
	list-style-type: none;
	margin-left: -20px;
	margin-top: 0px;
	}
.detail-cert ul li {
	display: inline;
	float: left;
	margin-right: 5px;
	}
.content-details ul  li {
	display: inline;
}
	
	
/* ========================footer===================== */	
	
#footer {
	font-size: 9px;
	width: 1000px;
	height: 38px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	background-color:#c1282d;
	background-repeat: no-repeat;
	color: #fff;
	clear: both;
}
.copyright {
	width: 390px;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-left: 20px;
}
.copyright a {
text-decoration:none;
color:#fff;
}
.copyright a:hover {
text-decoration:underline;
color:#fff;
}
.footer-menu {
	width: 480px;
	padding-top: 13px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.footer-menu ul {
	list-style-type: none;
	margin: 0px;
	}
.footer-menu ul li {
	display: inline;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 6px;
	padding-left: 6px;
}
.footer-menu ul li a{
text-decoration:none;
color:#fff;

}

/*******************************/
.up{
	margin-top:-80px;
}
.down{
margin-bottom:30px;
}
.media-logo {
	width: 133px;
}
.img-media{
	padding-right:42px;
}
.media-poster {
	width: 350px;
}


#media-img{
	float:left;
	clear:both;
	margin-bottom: -120px;
}

#media-img2{
	float:left;
	clear:both;
    margin-top: -50px;
}
.media{
	float: left;
    left: -505px;
	top:45px;
    position: relative;
}

.media1{
    float: left;
    height: 621px;
    left: -1px;
    position: relative;
    width: 301px;
}


.media2{
    position: relative;
	left:45px;
	width:271px;
	height:238px;
	float: left;
}

.media3{
    float: left;
    height: 361px;
    left: -225px;
    position: relative;
    top: 260px;
    width: 271px;
}
.media4{
    float: left;
    height: 621px;
    left: 360px;
    position: relative;
    top: -361px;
    width: 292px;
}

.media5{
    float: left;
    height: 304px;
    position: relative;
    top: -330px;
    width: 291px;
}

.media6{
    float: left;
    height: 445px;
    position: relative;
    top: -330px;
    width: 612px;
	left:50px;
}

.media6a{
    height: 596px;
    position: relative;
    top: -300px;
    width: 456px;
}

.media6b{
    float: left;
    height: 351px;
    left: 485px;
    position: relative;
    top: -450px;
    width: 470px;
}

.media7{
    float: left;
    height: 479px;
    left: 395px;
    position: relative;
    top: -130px;
    width: 208px;
}

.media8{
	float: left;
	height: 488px;
    left: 443px;
	position: relative;
	width: 300px;
	top: -130px;
}

.media9{
	float: left;
	height: 353px;
	position: relative;
	width: 376px;
	top: -85px;
}

.media10{
	float: left;
	height: 398px;
	position: relative;
	width: 328px;
	top: -85px;
	left:247px;
}


.fish1 {
	width: 387px;
	float: left;
}
.fish2 {
    float: right;
    margin-right: 240px;
    margin-top: -30px;
    width: 286px;
}
.tips {
	font-size: 12px;
}

.culture-img {
	width: 387px;
	margin-top: 25px;
}
.culture-img2 {
	width: 477px;
	margin-top: 25px;
}

.culture-img3 {
	width: 471px;
	margin-top: 25px;
}
.culture-img4 {
	width: 472px;
	margin-top: 25px;
}
.culture-img5 {
	width: 472px;
	margin-top: 10px;
}



.aqua{
	margin-right:2px;
}
.outlet-contact {
	width: 290px;
	margin-left: 25px;
}
.outlet-details {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	margin-bottom: 20px;
}
.contact-infor {
	border-right-color:#be1e2d;
	border-right-width: 1px;
	border-right-style: solid;
	padding-right: 15px;
}
.contact-form {
	margin-left: 20px;
	font-size: 14px;
}
#form {
	margin-top: 40px;
}