﻿
/* --------------------------------------------------------------------------------------全局开始-----------------------------------*/
body,ul,li,div,p,span,fieldset,legend,form,input{ margin:0; padding:0;}
fieldset, img { border:none; }
ul, ol { list-style:none outside; }/* outside重置IE6,7缩进 */
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; }
select, input, button, textarea {font-size:100%; }/* 使表单元素能继承父级字体大小 */
/* 让非ie浏览器默认也显示垂直滚动条*/ 
html { overflow-y: scroll; }
/*修复IE6连续英文不折行导致页面布局崩溃*/
body { _word-break:break-all; }
/* 专有属性修复IE7，IE8浏览器强制缩放图片失真 */
img { -ms-interpolation-mode:bicubic; }
/* --------------------------------------------------------------------------------------全局结束-----------------------------------*/




@font-face {
  font-family: "Myriad Set Pro";
  font-style: normal;
  font-weight: 200;
  src: url("images/myriad-set-pro_thin.woff") format("woff"), url("images/myriad-set-pro_thin.ttf") format("truetype");
}




body {font-family:Arial,Verdana,Helvetica, sans-serif; font-size:12px; line-height:160%}
table {line-height:160%; color:#333}
p{margin:10px 0;}
hr { color: #E4E4E4; background-color: #E4E4E4; border: none; height: 1px; }
del { font-family:simsun; color:#CCC; }/* 避免删除线造成数字8视觉上为0 */



.fontTitle {width:1060px; height:60px; margin:0 auto;line-height:60px; font-family: "Myriad Set Pro",Arial, Helvetica, sans-serif; font-size:40px; text-transform:uppercase }


/* ------文本框以及按钮------*/
.txtBoxS {padding:5px;border:1px solid #bbb;font-size:12px; font-family:Arial, Helvetica, sans-serif;background-color:#f5f5f5;}
.txtBoxM {BACKGROUND-COLOR: #f5f5f5; COLOR: #000; font-size:12px;padding:3px 2px;line-height:18px; font-family:Arial, Helvetica, sans-serif; border:1px solid #bbb}
.txtfocus{ background-color:#efefef; border:1px solid #666;}


.note{color:#666}
input,textarea { font-family:Arial, Helvetica, sans-serif }


a {color:#fff; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:underline; }

a.nav1 { color:#000; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; margin:0px 34px 0px 34px; line-height:37px;} 
a.nav1:hover { color:#ffff00; text-decoration:none; }

a.btn1 {display:block; padding-top:4px; padding-bottom:4px; text-align:center; background-color:#000000; color:#fff; font-size:12px; text-decoration:none} 
a.btn1:hover {background-color:#555;}

a.btn2 {display:block;height:22px;width:44px; font-size:12px; background-color:#DD641D; border:none; color:#fff; margin-top:2px; text-align:center} 
a.btn2:hover {background-color:#C40537;}


#showProList {width:800px; overflow:hidden}

.soInput0 {background:url(images/SoBg1.gif); background-repeat:no-repeat; background-position:0px -26px; height:26px;  line-height:26px; padding:0; padding-left:5px; width:220px; font-size:12px; vertical-align:middle; color:#fff; border:none; margin:0;}
.soInput1{background:url(images/SoBg1.gif); background-repeat:no-repeat; background-position:0px 0px; height:26px;  line-height:26px; padding:0; padding-left:5px; width:220px; font-size:12px; vertical-align:middle; color:#fff; border:none; margin:0;} 



#breadPath{font-size:12px; float:right; line-height:30px; padding-right:0px; color:#949494}
#breadPath a{font-size:12px; color:#949494}
#breadPath a:hover{color:#000}




.xuLineBg {
	background-image: url(images/XuLine.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}



.probox1{float:left; display:inline; margin:0 17px 20px 0px; width:248px; height:186px; border:2px solid #ddd}
.probox1fcs{border:2px solid #15A8F8}
a.probox1_link1 {color:#000000; font-size:12px; font-weight:bold}
a.probox1_link1:hover {color:#ff6600; font-size:12px; font-weight:bold}

.probox2{width:946px; height:228px; border-left:1px solid #D4D4D4;border-right:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;overflow:hidden;}
a.probox2_link1 {color:#000000; font-size:14px; font-weight:bold}
a.probox2_link1:hover {color:#ff6600; font-size:14px; font-weight:bold}




/* ---------------返回顶部结束--------------*/
#roll_top{
	position:relative;
	cursor:pointer;
	height:48px;
	width:48px;
	}
#roll_top {
	background:url(images/backtop.gif) no-repeat;
	}
#roll {
	display:none;
	width:23px;
	margin-right:-566px;  /*这个是距离的位置，请自行调整，必要时可以增加IE6的hack*/
	position:fixed;
	right:50%;
	top:77%;
	_position:absolute;
	_margin-top:648px;
	_top:expression(eval(document.documentElement.scrollTop));
	}
/* ---------------返回顶部结束--------------*/



/* --------------------------------------------------------------------------------------左侧导航-----------------------------------*/
#memLeftNav,#memLeftNav ul,#memLeftNav li{ padding:0; margin:0; border:0;list-style:none;}
#memLeftNav{background-color:#F6F6F6}
#memLeftNav .bigTitle {width:220px;}
#memLeftNav .bigTitle a{background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:16px;color:#333; text-decoration:none;line-height:35px; height:35px;font-size:14px; font-family:Arial; display:block; border-bottom:1px solid #ddd}
#memLeftNav .bigTitle a:hover{background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px -139px; color:#017DDD;}
#memLeftNav .bigTitle a.SeleNav{background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat;  background-position:0px -139px; color:#017DDD;}

#memLeftNav .bigTitle li a{padding-left:30px; color:#000; font-weight:normal; text-decoration:none; font-size:12px; border:none; line-height:19px; height:22px; display:block; background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px -57px;}
#memLeftNav .bigTitle li a:hover{color:#017DDD; background-image:none; background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px -35px; }
#memLeftNav .bigTitle li a.SeleNav{color:#017DDD; background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px -35px;}
#memLeftNav .bigTitle ul {display:none;padding-bottom:12px;padding-top:6px; }


#memLeftNav .bigTitle li ul li a{padding-left:42px; color:#000; font-weight:normal; text-decoration:none; font-size:12px; line-height:20px; height:20px; display:block; background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px -97px;}
#memLeftNav .bigTitle li ul li a:hover{color:#017DDD; background-image:none; background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px -77px; font-weight:normal;}
#memLeftNav .bigTitle li ul li a.SeleNav{color:#017DDD; background-image:none; background-image:url(images/leftNavBg1.gif); background-repeat:no-repeat; background-position:0px -77px; font-weight:normal;}
#memLeftNav .bigTitle ul ul {display:none;margin-bottom:0px;margin-top:0px;}

/* --------------------------------------------------------------------------------------产品详细页-----------------------------------*/
#bigList {width:604px; margin:0 auto; text-align:center}
#smallList {width:604px; margin:0 auto; text-align:center}

#bigList .big{display:none; border:2px solid #ddd}
#bigList .big_isFcs{ display:block; border:2px solid #ddd}

#smallList { position:relative; width:482px; height:44px; overflow:hidden;}
#smallList .small{border:2px solid #ccc;margin:0 3px; cursor:pointer;}
#smallList .small_isFcs{border:2px solid #ff6600;margin:0 3px; cursor:pointer}

#smallList .leftBtn{position:absolute; left:0; top:2px; display:block; width:44px; height:40px; background-image:url(images/lrBnt.gif); background-repeat:no-repeat; background-position:0px 0px;}
#smallList .leftBtn_no{position:absolute; left:0; top:2px; display:block; width:44px; height:40px; background-image:url(images/lrBnt.gif); background-repeat:no-repeat; background-position:0px -40px;}
#smallList .rightBtn{position:absolute; right:0; top:2px; display:block; width:44px; height:40px; background-image:url(images/lrBnt.gif); background-repeat:no-repeat; background-position:-45px 0px;}
#smallList .rightBtn_no{position:absolute; right:0; top:2px; display:block; width:44px; height:40px; background-image:url(images/lrBnt.gif); background-repeat:no-repeat; background-position:-45px -40px;}






/* ---------------------产品页滑动门  */
#con {
	FONT-SIZE: 12px; MARGIN: 5px 0px  0px 0px; WIDTH: 948px; 
}

#tags { padding:0 0 0 120px; margin:0; HEIGHT: 30px; font-family:Arial, Helvetica, sans-serif}
#tags  ul{padding:0; margin:0px; list-style-type:none}
#tags LI {
	BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 8px; LIST-STYLE-TYPE: none; HEIGHT: 30px}
#tags LI A {
	 PADDING-RIGHT: 26px; PADDING-LEFT: 26px; BACKGROUND:url(images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #333; font-size:12px; font-weight:bold; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 32px
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #333; font-size:13px;  font-weight:bold; LINE-HEIGHT: 32px; HEIGHT: 32px
}
#tagContent {
	BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 0px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 0px solid; BACKGROUND-COLOR: #fff
}
.tagContent {
	   PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND: url(images/bg.gif) repeat-x; PADDING-BOTTOM: 10px; WIDTH: 700px; COLOR: #474747; PADDING-TOP: 15px; HEIGHT: auto; color:#333; font-size:12px; line-height:180%;}
#tagContent DIV.selectTag {
	DISPLAY: block
}
/* ---------------------产品页滑动门结束  */







/* --------------------------------------------------------------------------------------首页右下角-----------------------------------*/
.indexbox1{ width:573px;height:131px; overflow:hidden; position:relative;}
.indexbox1 .indexbox1container  { position:relative;  overflow:hidden; width:518px; height:122px;  margin:0 auto;}
.indexbox1 .indexbox1container ul { position:relative; top:0px; left:0px; width:1960px; }
.indexbox1 .indexbox1container ul li{ width:156px; height:122px; float:left; display:inline; margin:0 8px; text-align:center; }
.indexbox1 .indexbox1container ul li a img{height:102px}
.indexbox1 .abtn{ position:relative; top:-80px; display:block; width:16px; height:31px; background-color:#fff }
.aleft{ background:url(images/jt11.gif) no-repeat; background-position:0 0; left:10px; float:left;  }
.aright{  background:url(images/jt11.gif) no-repeat; background-position:-16px 0; right:10px; float:right;}



/* --------------------------------------------------------------------------------------首页右下角-----------------------------------*/
.indexbox2{ width:310px;  height:131px; overflow:hidden; position:relative; background-color:#fff}
.indexbox2 .indexbox2container  { position:relative;  overflow:hidden; width:310px; height:131px;  margin:0 auto;}
.indexbox2 .indexbox2container  ul { position:relative; top:0px; left:0px; width:1960px; }
.indexbox2 .indexbox2container ul li{ width:310px; height:131px; float:left; display:inline; margin:0 0px; text-align:center; }
.indexbox2 .indexbox2container ul li a img{height:131px}

#HeaderTop {position:relative;width:1060px; height:130px; margin:0 auto; background-image:url(/images/wd_logo.jpg); background-repeat:no-repeat; background-position:-5px 20px; background-color:#000000}
#HeaderTop #logo{position:absolute; left:0px; top:20px; display:block;width:500px; height:54px; overflow:hidden;}
#HeaderTop a.link1{color:#ccc; margin-left:6px; margin-right:6px;}
#HeaderTop a.link1:hover{color:#00C9FB}
#footerBox {height:100px; overflow:hidden; background-color:#000000;}
#footerBox a{color:#666; text-decoration:none; line-height:165%}
#footerBox a:hover{color:#ff0000}
#footerBox a.main{color:#333; text-decoration:none; line-height:200%; font-size:12px; font-weight:bold;}
#footerBox a.main:hover{color:#ff0000}

#box1,#box2{width:500px; height:330px; float:left; display:inline; margin:0 15px; text-align:center; position:relative; overflow:hidden}
#box1,#box2 a{width:500px; height:330px; display:block; overflow:hidden}
.prolink1 img{height:330px; position:relative; left:0; top:0}
.prolink1 .picshine1{ z-index:2; position:absolute;  left:0; width:500px; height:330px; background:url(../images/shine1.png) no-repeat 0px 0px; _background:none;}
.prolink1 .picshine1 span{font-family: "Myriad Set Pro",Arial, Helvetica, sans-serif; font-size: 40px;top:1000px;color: #fff;}
.prolink1 .picshine1 div{font-family: "Myriad Set Pro",Arial, Helvetica, sans-serif; font-size: 40px;top:1000px;color: #fff;}

.prolink2 img{height:330px; position:relative; left:0; top:0}
.prolink2 .picshine2{ z-index:2; position:absolute; top:330px; left:0; width:500px; height:330px; background:url(../images/shine2.png) no-repeat 0px 0px; _background:none;}