/* CSS Document */
body { margin:0; font-size:12px; color:#777; background:##F1F2ED; font-family:Arial;}
a{ color:#666;}
ul{ margin:0; padding:0; list-style:none;}
img{ border:none;}
h1{ margin:0; padding:0;}
#container{ width:100%; background:#F1F2ED url(images/mainbg.jpg) repeat-x;}
#cpcontainer{ width:100%;}
/*-----页面头部样式-----*/
#header{ width:930px; height:300px; margin:0 auto;}
#cpheader{ width:930px; margin:0 auto;}
#mail{ width:533px; height:25px; float:left; color:#0356a9;}
#mail form{ float:left; height:25px; top:0px;}
#weather { width:390px; height:25px; float:right;}
#weather iframe{ float:right;}
#weather ul a{ text-decoration:none; color:#333;}
#weather ul a:hover{ text-decoration:underline; color:#0356a9;}
#logo{ width:492px; height:78px; float:left; top:0px;}
#search{ width:300px; float:right; margin:20px 0 0 0;}
#search form{ width:290px; float:right;}
.text{ width:143px; height:24px; margin-right:0; border:none; background:url(images/search.jpg) no-repeat right; padding:13px 0 0 10px; color:#ffffff;}
.go{ width:28px; height:22px; border:none; background:url(images/go.gif) no-repeat bottom;}
#nav{ width:820px; height:32px; float:left; float:none;}
#nav ul li{ float:left; margin-right:5px; display:inline;}
#nav a{ height:32px; float:left; padding:0 0 0 10px; background:url(images/navbgl.jpg) no-repeat left top; text-decoration:none; line-height:14px; letter-spacing:1px;}
#nav a span{ float:left; display:block; background:url(images/navbgr.jpg) no-repeat right top; padding:10px 10px 8px 10px; color:#0356a9; text-align:center;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span{ color:#ffffff;}
#nav a:hover { background-position:0% -32px;}
#nav a:hover span { background-position:100% -32px;}
/*-----为导行增加的选中样式-----*/
#nav .ysuny a { background-position:0% -32px;}
#nav .ysuny a span { background-position:100% -32px; color:#ffffff;}
/*---------------------------*/
#banner{ width:930px; height:165px; text-align:center; overflow:hidden; clear:both; float:none;}
#cpbanner{ width:930px; height:287px; float:left;}
/*-----页面中间部样式-----*/
#pagebody{ width:930px; height:758px; margin:0 auto;}
#sideleft{ width:492px; float:left;}
#sideleft h1{ padding:20px 0 0 0; height:29px; width:480px; border-bottom:1px #1b99f2 dashed; font-size:12px; font-weight:normal;}
#sideleft h1 a{ float:right; margin-top:6px; text-decoration:none;}
#sideleft h1 a:hover{ color:#0356a9;}
#sideleft h2{ margin:15px 0 0 0; height:29px; width:480px; border-bottom:1px #1b99f2 dashed; font-size:12px; font-weight:normal;}
#sideleft h2 a{ float:right; margin-top:6px; text-decoration:none;}
#sideleft h2 a:hover{ color:#0356a9;}
#sideleft .comp{ display:block; width:485px; padding:20px 0 0 0; text-indent:24px; line-height:20px;}
#sideleft ul{ width:470px; margin:10px 0 0 0;}
#sideleft ul li{ padding:5px 0 5px 10px;}
#sideleft ul li span{ float:right;}
#sideleft ul li a:hover{ text-decoration:none; color:#0356a9;}
#sideright{ width:438px; float:right;}
#sideright1{ width:300px; float:left;}
#flash{ width:438px; height:280px; float:right; background:url(images/flashbg.jpg) no-repeat right; margin:15px 0 0 0;}
#flash object{ width:380px; height:252px; margin:15px 0 0 34px;}
#solution{ width:430px; height:156px; float:right; background:url(images/sol.gif) no-repeat center bottom;position:relative;}
#solution h1{ width:400px; padding:25px 0 0 0; float:right;}
#solution p{ padding:0px 22px 0 10px; margin:0; line-height:20px; float:center;}
#more{ position:absolute; bottom:26px; right:30px;}
#more a{ text-decoration:none;}

/*-----首页产品列表-----*/
#productleft{ width:200px; float:right;}
#productleft ul{ padding:5px 0 0 0;}
#productleft ul li{ padding:5px 0 5px 25px; background:url(images/sign.jpg) no-repeat left 8px;}
#productleft ul li a{ text-decoration:none;}
#productleft ul li a:hover{ text-decoration:underline; color:#0356a9;}
#productright{ width:200px; float:right;}
#productright ul{ padding:5px 0 0 0;}
#productright ul li{ padding:5px 0 5px 25px; background:url(images/sign.jpg) no-repeat left 8px;}
#productright ul li a{ text-decoration:none;}
#productright ul li a:hover{ text-decoration:underline; color:#0356a9;}

/*-----首页认证列表-----*/
#rz{ width:930px; float:left;}
#rzone{ width:232px; float:left;}
#rzone h1{width:232.5px; border-bottom:1px #1b99f2 dashed; font-size:12px; font-weight:normal;}
#rzone .comp{ display:block; width:100px; padding:15px 0 10px 42px; text-indent:24px; line-height:20px;}
#rzone ul{ TEXT-ALIGN: center; text-decoration:none;}
#rzone ul a:hover{ text-decoration:none; color:#0356a9;}


/*-----页面底部样式-----*/
#footer{ width:100%; height:166px; background:#ffffff url(images/footbg.jpg) repeat-x top;}
#foottop{ width:930px; height:25px; background:url(images/foottop.gif) no-repeat; margin:0 auto;}
/*#foottop ul{ float:left; padding:10px 0 0 10px;}
#foottop li{ float:left; padding:10px 15px 0 15px;}
#foottop li a{ color:#666666;}
#foottop li a:hover{ color:#0356a9;}*/
#footlink{ float:left; padding:28px 0 0 28px;}
#footlinkone{ float:left; width:130px;}
#footlinkone ul li{ padding:6px 0 0 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#footlinkone ul li a{ text-decoration:none;}
#footlinkone ul li a:hover{ text-decoration:underline; color:#0356a9;}
#footlinktwo{ float:left; width:140px;}
#footlinktwo ul li{ padding:6px 0 0 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#footlinktwo ul li a{ text-decoration:none;}
#footlinktwo ul li a:hover{ text-decoration:underline; color:#0356a9;}
#footlinkthree{ float:left; width:200px;}
#footlinkthree ul li{ padding:6px 0 0 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#footlinkthree ul li a{ text-decoration:none;}
#footlinkthree ul li a:hover{ text-decoration:underline; color:#0356a9;}
#footlinkfour{ float:left; width:140px;}
#footlinkfour ul li{ padding:6px 0 0 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#footlinkfour ul li a{ text-decoration:none;}
#footlinkfour ul li a:hover{ text-decoration:underline; color:#0356a9;}
#footlinkfive{ float:left; width:130px;}
#footlinkfive ul li{ padding:6px 0 0 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#footlinkfive ul li a{ text-decoration:none;}
#footlinkfive ul li a:hover{ text-decoration:underline; color:#0356a9;}
#footlinksix{ float:right; width:160px;}
#bnav{clear:both;width:100%;height:13px;padding:12px 0 0 0;text-align:center;color:#0356a9;margin:0 auto;line-height:13px;}
#bnav a{color:#333333;text-decoration:none;margin:0 12px 0 13px;}
#bnav a:hover{color:#0356a9;text-decoration:underline;}




/*-----内容也样式-----*/
#cpagebody{ width:930px; height:auto; margin:0 auto; overflow:hidden;}
#csideleft{ width:147px; float:left; background:url(images/csidel.jpg) no-repeat center 10px;}
#csideleft h1{ width:145px; height:50px;}
#csideleft ul{ padding:15px 15px 0 20px;}
#csideleft ul li{ padding:6px 0 5px 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#csideleft ul li a{ text-decoration:none;}
#csideleft ul li a:hover{ text-decoration:underline; color:#0356a9;}
#csideleft sc{ padding:15px 0 0 20px;}
#cpsideleft{ width:147px; float:left; background:url(images/pai.png) no-repeat center 10px;}
#cpsideleft h1{ width:145px; height:50px;}
#cpsideleft ul{ padding:15px 15px 0 20px;}
#cpsideleft ul li{ padding:6px 0 5px 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#cpsideleft ul li a{ text-decoration:none;}
#cpsideleft ul li a:hover{ text-decoration:underline; color:#0356a9;}
#cpsideleft sc{ padding:15px 0 0 20px;}
#csideright{ width:783px; float:right;}
#location{ width:780px; height:29px; float:right; padding:30px 0 0 0; border-bottom:1px dashed #CCCCCC;}
#location a{ text-decoration:none;}
#location a:hover{ text-decoration:underline;}
#main{ width:770px; padding:10px 0 0 0; float:right;}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}

/*-----走进海洋-----*/
#zjhy{ width:780px;}
#zjhyone{ width:190px; float:left;}
#zjhyone .comp{ display:block; width:170px; padding:15px 0 10px 20px; text-indent:24px; line-height:20px;}
#zjhyone ul{ TEXT-ALIGN: center; font-size:14px;}
#zjhyone ul a:hover{ text-decoration:none; color:#0356a9;}

/*-----新品推荐-------*/
#newpro{ width:980px;}
#newpro ul li{ float:left; width:163px;}
#newpro ul li img{
	float:right;
	width:142px;
	height:107px;
	border: 0px dotted #CCCCCC;
}
#newpro ul li span{ display:block; margin:100px 0 6px 50px;}