﻿/* CSS Document */
body{color: #004c92; background:#FFFFFF; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
img{border:0px;}
table{border:0px;}
.colorhead{ font-size:14px; color: #777777;}



*{ padding:0px; border:0px; margin:0px;}
div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}
a,a:link{ color:#727272; text-decoration:none; }
a:hover{ color:#FF0000; text-decoration:none;}
.float{ float:right;color:#000}
.float2{color:#004c92; margin-right:10px; float:right}
.heigh,.heigh12,.heigh6{font-size:0px; font:0px; line-height:0px; clear:both; padding:0px; margin:0px; border:0px;height:0px; }
.heigh12{ margin:20px 0px 15px 3px; height:auto}
.heigh6{ height:7px;}
#box{ width:100%;}
.floatl{ float:left}
.floatr{ float:right;}
.white{ color:#FFFFFF;}
16{ padding-left:16px;}
.index11{ color:#ca0000;}
.bginput{background:url(../images/inpuyname.gif) no-repeat;width:110px; height:17px;}
.inputtext{ width:110px; height:17px; color:#000000; background-color:none;background:url(../images/inpuyname.gif) no-repeat;margin-right:1px; }
.buttom11,.buttom11 a,.buttom11 a:link,.buttom11 a:hover{ background:url(../images/buttom11.gif) no-repeat; font-size:12px; width:54px; height:17px; line-height:17px; text-align:center; color:#FFFFFF; margin-right:1px; display:block; float:left; }

.login{position:absolute; top:198px;left:22px;bottom:13px; height:17px;line-height:17px; color:#FFFFFF;}
/*head*/
#head{ height:118px; width:1003px; background:url(../images/headbg.jpg) repeat-x; font:"宋体"; margin:0 auto;}
#head img{ margin:0 38px 0 59px; float:left}
.headmenu{ margin-top:57px; margin-right:2px; background:url(../images/headmenu.jpg) no-repeat; float:left; width:54px; height:61px; line-height:61px; text-align:center;}
.headright{height:73px; float:left;}
.headrighttop{height:15px; line-height:15px; width:568px; text-align:right;margin-top:3px;}
.headrighttop1{height:15px; line-height:15px; width:568px; text-align:right;margin-top:3px;}

.headmenu a{ color:#FFFFFF}
.headnav{ margin-top:40px; background:url(../images/HEADNAVBG.jpg) no-repeat; width:568px; height:43px; line-height:43px; }
.headnav ul{ display:block; padding-left:12px;}
.headnav ul li{ float:left; padding-right:10px; margin-right:8px; background:url(../images/navline.jpg) right center no-repeat;}
.headnav ul li a{  display:block; color:#004c92;}
.headnav ul li a:hover{ color:#FF0000;}
.headnav ul li.MemberCenter{ background:none; }
.search1{width:100px;  height:26; margin-top:-25px; margin-left:130px}
.search1 a:hover{ background: url(../images/zisouan1.gif)}
/*banner*/
#banner{ width:1003px; height:228px; background:url(../images/flashbg.jpg) repeat-x; position:relative; margin:0 auto;}

/*main*/

#main{ width:1003px; background:url(../images/mianbg.jpg) no-repeat; display:block; margin:0 auto;}

#left{ width:304px; float:left; }
.leftcontent{ margin-top:8px; background:url(../images/leftcontent.jpg) no-repeat; height:232px; color:#FFFFFF; font-weight:bold;font-size:0px; line-height:25px;padding:206px 0 0 65px;}

.leftonline{ margin-left:58px; background: url(../images/online.jpg) no-repeat; width:234px; height:144px;}
.leftonlinebox{ padding:28px 0 0 130px;}
.leftonlinebox img{ margin-bottom:8px; margin-bottom:4px; _margin-bottom:4px;}
/*.qq{ height:14px; line-height:14px;color:#FFFFFF; font-weight:bold; font-size:13px;}
.qq img{ margin-bottom:5px;}*/
.Orderingway{ margin-left:56px; background: url(../images/Ordering-way.jpg) no-repeat; width:239px; height:99px;}
.Orderingway1 ul{ padding-left:20px; padding-top:50px; width:167px; display:block;}
.Orderingway1 ul li{ display:block; float:left; color:#004c92; background:url(../images/dash.jpg) left center no-repeat; padding-left:8px; padding-right:13px}
.Orderingway1 ul li a,.Orderingway1 ul li a:link,.Orderingway1 ul li a:hover{ color:#004c92;}

.Orderingway11 ul{ padding-left:20px; padding-top:35px; width:167px; display:block;}
.Orderingway11 ul li{ display:block; float:left; color:#004c92; background:url(../images/dash.jpg) left center no-repeat; padding-left:8px; width:61px; }
.Orderingway11 ul li a,.Orderingway11 ul li a:link,.Orderingway11 ul li a:hover{ color:#004c92;}



.Orderingway111 ul{ padding-left:20px; padding-top:35px; width:167px; display:block;}
.Orderingway111 ul li{ display:block; float:left; color:#004c92; background:url(../images/dash.jpg) left center no-repeat; padding-left:8px; width:180px; }
.Orderingway111 ul li a,.Orderingway111 ul li a:link,.Orderingway111 ul li a:hover{ color:#004c92;}


.Orderingway2 ul,.Orderingway3 ul{ padding-left:20px; padding-top:5px; width:167px; display:block;}
.Orderingway2 ul li,.Orderingway3 ul li{ display:block; float:left; color:#004c92; background:url(../images/dash.jpg) left center no-repeat; padding-left:8px; width:61px; }
.Orderingway3 ul li{ width:180px;}
.Orderingway2 ul li a,.Orderingway2 ul li a:link,.Orderingway2 ul li a:hover,.Orderingway3 ul li a,.Orderingway3 ul li a :link,.Orderingway3 ul li a:hover{ color:#004c92;}


.Paymentway{margin-left:56px; background: url(../images/Payment.jpg) no-repeat; width:239px; height:94px;}
.Distribution{margin-left:56px; background: url(../images/Distribution.jpg) no-repeat; width:239px; height:122px;}

#line{ margin-top:18px; float:left; height:880px; width:1px; background:url(../images/line.jpg) repeat-y;}

#middel{ margin-left:16px; color:#1d87bd; width:327px;  float:left;}
.mbox1{ width:154px; height:144px; float:left;margin-right:10px;}
.mbox2,.mbox3{ width:152px; height:144px; float:left;}
.mbox3{ margin-right:10px;}
.middelbox1,.middelbox2,.middelbox3,.middelbox4{ background:url(../images/magazinetop.jpg) no-repeat; width:114px; height:57px; line-height:14px; font:12px;padding:87px 20px 0px 20px; float:left}
.middelbox1{ height:28px;}
.middelbox11{ height:29px; background:url(../images/magazinebutton.jpg) no-repeat; width:154px; margin-top:115px;_margin-top:0px;}
.middelbox1 a,.middelbox2 a,.middelbox3 a{ color:#1d87bd; }
.middelbox1 a:hover,.middelbox2 a:hover,.middelbox3 a:hover{ color: #FF0000;}
.middelbox2{ background: url(../images/videotop.jpg) no-repeat;height:28px; width:112px; _margin-right:-10px;  }
.middelbox22{  height:29px; background: url(../images/videobotton.jpg) no-repeat; width:152px; margin-top:115px;}
.middelbox3{ background: url(../images/fmtop.jpg) no-repeat; height:28px; width:112px; _margin-right:-10px;  }
.middelbox33{  height:29px; background: url(../images/videobotton.jpg) no-repeat; width:152px; margin-top:115px;}

.middelbox4{ background: url(../images/online12top.jpg) no-repeat; widows:112px; font-size:18px; color: #FF0000;height:28px; _margin-right:-10px;}
.middelbox4 a,.middelbox4 a:link,.middelbox4 a:hover{font-size:18px;color: #f2fb05;}
.middelbox44{  height:29px; background: url(../images/online12botton.jpg) no-repeat; width:152px; margin-top:115px;}

.middelaboutus{background:url(../images/1.jpg) no-repeat; width:289px; height:112px; line-height:21px; display:block; clear:both; padding:38px 14px 0 14px;}
.middelaboutus a{ color:#1d87bd;}
.middelaboutus a:hover{ text-decoration:underline;}


#middelnews,#middelsports,#middelseyes,#bbs{width:317px;   background:url(../images/blocktop.jpg) no-repeat; }
#bbs{ background:url(../images/blocktop.jpg) no-repeat;}
.middelnews,.middelsports,.middelseyes{ background: url(../images/blockbg.jpg) repeat-y; width:317px; color:#004c92;}
.middelnewsbottom{ background:url(../images/blockbotton.jpg) no-repeat; height:34px; padding-right:3px; }


#middelsports{ background:url(../images/2top.jpg) no-repeat;}
#middelseyes{ background:url(../images/3top.jpg) no-repeat;}



.middelnews ul{ display:block; padding:0 0 0 19px;}
.middelnews ul li{
	height:20px;
	line-height:20px;
	width:277px;
	background: url(../images/buttomline.jpg) bottom repeat-x; 
	
	
}
.middelnews ul li a{ background:url(../images/list1.jpg) 0 40% no-repeat; color:#004c92; padding-left:14px; }
.middelnews ul li a:hover{ background: url(../images/list2.jpg)  0 30% no-repeat; color:#004c92;padding-left:18px; }




#right{ float:left; color:#1d87bd; }
.rightproduct{ background: url(../images/product.jpg) no-repeat; width:292px; height:137px; line-height:21px; text-align:center; padding:61px 0 0 22px;}
.rightproduct22,.rightproduct33{ background:url(../images/product22.jpg) no-repeat; width:292px; height:137px; line-height:21px; text-align:center;padding:30px 0 0 22px;}
.rightproduct33{ background:url(../images/product11top.jpg) no-repeat;  height:139px;  }
.rightproduct33bottom{  background: url(../images/product11button.jpg) no-repeat;  height:37px; *height:50px; _height:50px; width:314px;  }

.rightproductbox{ width:130px; float:left; margin-right:13px;}
.rightproductbox a,.rightproductbox a:hover{ color:#1d87bd;}
.rightproductboxbox img{ width:114px; background:url(../images/pbg.gif) no-repeat;  padding:3px 9px 3px 7px;}
.rightproductboxp{ }
.red{ color:#FF0000;}
/*foot*/
#foot{width:903px; margin:0 auto; display:block;}
.foottop1box{ width:903px; margin:0 auto;}
.foottop1{ margin-bottom:10px; width:943px; }
.style3 {color: #727272; font-size:13px;  }
.foottop{width:899px; height:auto; margin-left:40px}
.td1{ color:#333333; font-size:12px; border-right:1px #333333 dashed; }
.td1 ul li{list-style:url(../images/dotli.gif) outside;}
.flist2{ margin-left:80px; color:#000000}
.foottop strong{ font-size:14px; padding-bottom:8px; }
.footline{background:#2793C4; height:25px; width:903px; text-align:center; margin-top:10px}
.footline ul{ margin-left:265px;}
.footline ul li{ float:left; color:#FFFFFF; font-size: 13px; padding-right:10px; padding-left:10px;margin-top:5px; border-right:1px #FFFFFF dashed; display:block; }
.footline a{ color:#FFFFFF}
.footline a:hover{ color:#FFFFFF}
.listtitle{ font-weight:bold; font-size:14px; margin-left:60px; color:#000}

.foottopleft{float:left; width:402px; line-height:21px; color:#000000;}
.foottopright{margin-left:64px; float:left; width:390px; line-height:21px; color:#000000;}
.footbottom{ margin-left:56px; width:904px;}
.footbottombg{ margin-top:8px; background:#f8faf2; height:9px; width:904px;}
.Tag{ color:#a5a5a5; line-height:21px; text-align:center;}
.bold{ font-weight:bold;}
.top_menu_list{background:#eff4f8; height:14px; line-height:14px; padding:0px 10px;  }
.mtDropdownMenu {		LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px}
.mtDropdownMenu .content {	POSITION: absolute}
.mtDropdownMenu .items {	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; POSITION: relative; TOP: 0px}
.mtDropdownMenu .item {		BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #333333; BORDER-BOTTOM: medium none; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none;}
.mtDropdownMenu .background {	Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8}
.mtDropdownMenu .shadowRight {	Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4}
.mtDropdownMenu .shadowBottom {	Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4}
.mtDropdownMenu .hover {	BACKGROUND: #004c92; COLOR: #FFFFFF}
.mtDropdownMenu .item IMG {	MARGIN-LEFT: 10px}




/*礼品展示*/
#demo { 
background: #FFF; 
overflow:hidden; 
border: 1px solid #CCC; 
width: 638px; 
height:145px;
padding:5px 0px;
} 
#demo img { 
 	margin-right:5px; *margin-right:0px;  _margin-right:0px; padding:5px; height:133px; background: #EBEBEB; border:1px #CCCCCC solid;
} 
#indemo { 
float: left; 
width: 800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
} 
.img_text{padding:6px 15px 0 15px;}
.img_left{padding:5px; border:solid 1px #DCDCDC; width:120px; height:85px; float:left;}
.text_right{float:left; margin-left:5px; width:150px; line-height:130%;}
.text_title{color:#BF2542; font-weight:bold;}
.text_title a:link,.text_title a:visited{color:color:#BF2542; font-weight:bold;}
.high01{height:1px; font-size:1px; clear:both;}


.list_block{margin:10px 10px 10px 58px;}
.list_li li{background-color:#8ACFDF; height:25px; line-height:25px; display:block; margin:3px 0; padding:0 0 0 10px;}
.list_li a:link,.list_li a:visited{color:#fff; font-weight:bold;}
/*search*/
.search{ width:580px; margin:20px 0px 10px 0px; border-bottom:1px #ccc dashed; padding-left:30px; padding-bottom:10px; text-align:justify}
.search input{ border: 1px  #999999  solid; } 
.pic_bg02{ height:80px; margin-top:-5px  }
.pic_bg02 img{ margin:0px 30px 10px 8px; width:126px; height:96px;padding-top:6px} 
.pic_bg02 ul{ float:left; width:600px;margin:0px 10px 10px 10px; border-bottom:1px #ccc solid; }
.pic_bg02 li{ float:left; color:#595959;}
.pic_bg02 li a:link, .pic_bg02 dd a:visited{ color:#595959; text-decoration:none;}
.pic_bg02 li a:hover{ color:#595959; text-decoration:underline;}
.pic_bg02 li strong{ font-size:14px; font-weight:bold; display:block; text-indent:0; font-family: Arial, Helvetica, sans-serif; color: #138BC6; text-align:center} 
.newswf{ width:650px; margin-top:10px}
.newswf img{ padding-left:10px}
.newsleft{ float:left; width:250px; margin-top:30px; border:2px #0693C8 solid; text-align:center }
.newsright{ float:right; width:380px; margin-top:10px}
/*link*/
.linkleft{ float:left; width:300px; margin-top:0px;text-align:left; margin-left:5px}
.linkleft ul li{color:#595959; line-height:20px}
.linkright{ width:605px; margin-top:20px; margin-left:10px}