﻿body{
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	background:#f5edd8 url(../images/bg.gif) left top repeat-x;
	color:#555;
	font-size:12px;
	font-family:Arial;
	line-height:1.75em;
	text-align:left;
}
div,form,ul,ol,li,dl,dt,dd,cite,p{margin:0; padding:0; border:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th { margin:0;padding:0;}
td{ word-break:break-all; word-wrap:break-word;}
img{ margin:0; padding:0; border:none;}
input,textarea,select{font-size:12px}
ol,ul{ list-style:none;}

a,a:visited{ color:#555; text-decoration:none}
a:hover{ color:#555; text-decoration:underline}

/*others*/
.clear{ clear:both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float:left}
.fr{float:right}

/*header*/
#header{ width:1000px; height:119px; margin-left:auto; margin-right:auto;}
#toperLink{ width:910px; height:37px; line-height:37px; background:#f5edd8; margin:0 auto; color:#c2130e}
#toperLink a,#toperLink a:visited{ color:#c2130e; text-decoration:none}
#toperLink a:hover{ color:#c2130e; text-decoration:underline}
#toperLink ul{ width:300px}
#toperLink ul li{ float:left; padding-right:10px}
#toperLink p{ padding-left:15px}
#toperCont{ width:940px; height:auto; margin:0 auto;}
#headerad{ width:1000px; height:auto; margin-left:auto; margin-right:auto;}
.nav{ height:82px; line-height:82px;}

#mainBody
{
  background: url(../images/banner1.jpg) no-repeat top left;
  position: relative;
  z-index: 2;
}
#main-body-bg
{
  background: url(../images/banner1.jpg) no-repeat top left;
  width: 1000px;
  height: 499px;
  min-width: 1000px;
  min-height: 499px;
  position: absolute;
  left: 0;
  z-index: -1;
}
#slideOverlay{ float:right;}
#content { width:910px; height:auto; margin:0 auto; }

#menu { width:255px; height:auto}
#menu .cont{ width:100%; height:auto; background:#fff; margin-top:4px; border-top:1px #d1924f solid;}
#menu .cont ul li{ display:block; width:255px; height:36px; letter-spacing:0.3em; text-indent:2em; background:url(../images/bg_menuli.gif) left bottom no-repeat; font-size:14px;}
#menu .cont ul li a,#menu .cont ul li a:visited{ display:block; width:255px; height:35px; line-height:35px; margin:0 auto; color:#bd7f42; text-decoration:none; background:url(../images/arr01.gif) 190px center no-repeat;}
#menu .cont ul li a:hover{ display:block; width:255px; height:35px; line-height:35px; color:#107c93; font-weight:700; text-decoration:none; background:#e0e7eb url(../images/arr02.gif) 190px center no-repeat;}

#video{ width:386px; height:auto;}
#video .cont{ width:100%; height:auto; background:#dd0707; margin-top:4px; border-top:1px #d1924f solid}
#flvPlayer{ padding:4px}

#news{ width:269px; height:auto}
#news .cont{ width:100%; height:auto; background:#fff; margin-top:4px; border-top:1px #d1924f solid}
#news .cont ul{ padding:9px 0}
#news .cont ul strong{ display:block; margin-left:20px; color:#ca0000}
#news .cont ul strong a,#news .cont ul strong a:visited{ color:#ca0000; text-decoration:none}
#news .cont ul strong a:hover{ color:#ca0000; text-decoration:underline}
#news .cont ul li{ background:url(../images/dot.gif) left center no-repeat; text-indent:1em; margin-left:20px; line-height:21px}

#expert{ margin-top:10px; width:643opx; height:auto;}
#expert .cont{ width:641px; height:214px; background:#f3e5c9; border:1px #d5cb9a solid; margin-top:4px}
#expert .cont dl{ float:left; width:300px; padding:10px 0 0 10px; color:#6e0000}
#expert .cont dl dd{ width:155px;}
#expert .cont span{ color:#c85717}
#expert .cont p{ text-indent:2em}
#expert .cont img{ float:left; margin-left:5px}
#expert .cont a,#expert .cont a:visited{ color:#6e0000; text-decoration:none}
#expert .cont a:hover{ color:#6e0000; text-decoration:underline}
#rollExpert{ width:641px; height:auto; overflow:hidden;}
#rollExpert dl dt img{ width:115px; height:175px; border:1px #ddd solid; padding:5px; background:#fff;}

.imgbox img{ margin-top:10px}

#taocan,#jingli{ width:447px; height:auto; margin-top:10px}
#taocan .tt,#jingli .tt{ width:100%; height:95px;}
#taocan .cont,#jingli .cont{ width:100%; height:112px; background:url(../images/tc.gif) left top no-repeat}
#taocan .cont p{ float:left; width:200px; padding:20px 0 0 20px} 
#taocan .cont p strong{ color:#ca0000; font-size:14px}
#jingli .cont{ background:url(../images/jl.gif) left top no-repeat; color:#c05717}
#jingli .cont p{ padding:5px 0 0 20px}

#baby{ width:100%; height:auto; margin-top:10px}
#baby .tt{ width:149px; height:36px}
#baby .cont{ width:910px; height:254px; background:#ab1412}

#TabTitle{ width:910px; height:42px; position:relative; margin-top:10px; background:url(../images/tabs_tt.gif) left top no-repeat}
#TabTitle .tabs{ position:absolute; left:25px}
#TabTitle .tabs h2{ font-size:18px; font-weight:700; color:#fff}
#TabTitle .tabs ul li{ width:72px; height:42px; line-height:42px; text-align:center; float:left; margin-left:10px; cursor:pointer;}
.active{ background:url(../images/tabsOn.gif) left top no-repeat; text-align:center}
.normal{}
.show{ display:block}
.none{ display:none}
#TabContent{ margin-top:4px; width:908px; height:176px; background:#e4d1b4; border:1px #c1aa6b solid}
#demo,#demo1,#demo2{ width:846px; height:auto; background:#f1ebd7; margin:0 auto; overflow:hidden; padding:20px; margin-top:10px}
#demo img,#demo1 img,#demo2 img{ width:138px; height:97px; background:#fff; padding:5px; border:1px #d5d5d3 solid; float:left; margin-left:15px;}

/*box7*/
#box7 { width:908px; height:auto; margin:0 auto; margin-top:10px}
#box7 .tt{ width:100%; height:39px; background:url(../images/box7_tt.gif) left top no-repeat;}
#box7 .tt ul{ padding-left:130px}
#box7 .tt ul li{ font-size:14px; color:#872800; margin-left:10px; letter-spacing:0.2em; float:left; padding-top:12px}
#box7 .tt a,#box7 .tt a:visited{ color:#872800; text-decoration:none}
#box7 .tt a:hover{ color:#872800; text-decoration:underline}

#box7 .cont{ width:906px; height:400px; overflow:hidden; background:url(../images/bg_box7.gif) left top repeat-x; border-left:1px #e1c5a3 solid; border-right:1px #e1c5a3 solid}
#box7 .bot{ width:908px; height:10px; background:url(../images/box7_bottom.gif) left top no-repeat}

#box7 .vleft{ width:237px; height:371px; background:url(../images/bg_vleft.gif) left top no-repeat; margin:20px 0 0 8px}
#box7 .vleft .tt2{ color:#ca4d1b; padding-top:10px;}
#box7 .vleft .tt2 h2{font-size:12px; font-weight:700; text-indent:3em }
#box7 .vleft .imgbox2{ width:191px; height:auto; overflow:hidden; margin:0 auto; background:#f7a881; text-align: center; margin-top:10px}
#box7 .vleft .imgbox2 img{ padding:1px}
#box7 .vleft .imgbox2 span{ line-height:25px}
#box7 .vleft .imgbox2 a,#box7 .vleft .imgbox2 a:visited{ color:#fff; text-decoration:none}
#box7 .vleft .imgbox2 a:hover{ color:#fff; text-decoration:underline}
#box7 .vleft ul{ width:191px; height:auto; margin:0 auto; padding-top:10px}
#box7 .vleft ul li{ background:url(../images/dot.gif) left center no-repeat; text-indent:0.8em}
#box7 .vleft ul li a,#box7 .vleft ul li a:visited{ color:#914f12; text-decoration:none}
#box7 .vleft ul li a:hover{ color:#914f12; text-decoration:underline}

#box7 .mid{width:446px; padding-top:20px}
#box7 .midTop{ height:65px; text-align:center; background:url(../images/bg-mtop3.gif) center bottom no-repeat}
#box7 .midCont{width:397px; margin:0 auto; padding-top:20px}
#box7 .midTop h2{ font-size:16px; line-height:30px}
#box7 .midTop h3{ font-size:12px; font-weight:400}
#box7 .midTop a,#box7 .midTop a:visited{ color:#914f12; text-decoration:none}
#box7 .midTop a:hover{ color:#914f12; text-decoration:underline}

#box7 .midList{ width:173px; padding:0 0 0 20px;}
#box7 .midList h2{ font-size:12px; font-weight:700; color:#bf7024; background:url(../images/circle.gif) left center no-repeat; padding-left:18px;}
#box7 .midList span{ display:block;}
#box7 .midList h2 a,#box7 .midList h2 a:visited,#box7 .midList span a,#box7 .midList span a:visited{ color:#bf7024; text-decoration:none}
#box7 .midList h2 a:hover,#box7 .midList span a:hover{ color:#bf7024; text-decoration:underline}
#box7 .midList ul{ margin-top:5px}
#box7 .midList ul li{ background:url(../images/dot.gif) left center no-repeat; padding-left:10px; line-height:22px}

#box7 .vright{ width:189px; height:372px; background:url(../images/bg_vright.gif) left top no-repeat; margin:20px 10px 0 0}
#box7 .rightList,#box7 .rightList2{ width:158px; height:auto; margin:0 auto}
#box7 .rightList h2{ color:#bf7024; font-size:12px; font-weight:700; padding-top:10px; text-align:center;}
#box7 .rightList2 h2{ color:#bf7024; font-size:12px; font-weight:700; text-align:center;}
#box7 .vright h2 a,#box7 .vright h2 a:visited,#box7 .vright span a,#box7 .vright span a:visited{ color:#bf7024; text-decoration:none}
#box7 .vright h2 a:hover,#box7 .vright span a:hover{ color:#bf7024; text-decoration:underline}
#box7 .vright ul li{ background:url(../images/dot.gif) left center no-repeat; text-indent:0.8em; line-height:24px}

/*friendlink*/
#friendlink{ width:888px; height:auto; background:#fafafa; border:1px #ddd solid; padding:10px; margin-top:7px}
#friendlink .tt{ width:100%; height:34px; background:url(http://www.buyun321.com/template/images/bg_friendlink_tt.gif) left top no-repeat}
#friendlink .tt h2{ color:#fff; font-size:14px; font-weight:700; text-indent:3em; letter-spacing:0.5em; padding-top:7px}
#friendlink .cont{ width:100%; height:auto; overflow:hidden}
#friendlink .linkImg li{ float:left; margin:10px 10px 0 0}
#friendlink .linkImg img{ padding:3px; background:#fff; border:1px #e3e3e3 solid;}
#friendlink .linkText li{ float:left; margin:10px 10px 0 0; height:17px; line-height:17px; word-wrap:break-word; overflow:hidden}
#friendlink .linkText span a,#friendlink .linkText span a:visited{ color:#bc2d09; text-decoration:none}
#friendlink .linkText span a:hover{ color:#444; text-decoration:underline}

/*footer*/
#footer{ margin-top:10px; width:100%; height:71px; padding-top:20px; color:#fff; background:url(../images/bg_footer.gif) left top repeat-x;}
#footer .cont{ width:1000px; height:auto; text-align:center}


.marque1 { width:910px;}
.marque1 ul { float:left; }
.marque1 li {  float:left; }

.marque2 { width:100%; float:left}
ul.dropdown {
 	text-align:center;
}

ul.dropdown li {
	 display:block;
	 width:80px;
	 height:30px;
	 line-height:30px;
	 font-size:14px;
	 font-weight:700;
	 color: #fff;
	}
	
	ul.dropdown ul{
	 background:#faf4ee;
	}
	
	ul.dropdown ul li{
	 font-size:12px;
	 font-weight:400;
	 text-align:center;
	 color:#ba0000;
	 border-bottom:1px #e9e2da solid;
	 background:none;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 color:#fff100; 
	 background:url(/xdingxi_cn/changhai/images200907/bg_navon.gif) left top repeat-x;
	}
	
	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
	 color:#ba0000; 
	 background:#dccbb9;
	}

	ul.dropdown li a:link,
	ul.dropdown li a:visited { display:block; width:89px; color:#fff; text-decoration: none; }
	ul.dropdown li a:hover{}
	
	ul.dropdown ul li a:link,
	ul.dropdown ul li a:visited { display:block; width:89px; color:#ba0000; text-decoration: none; }
	ul.dropdown ul li a:hover{}
