@import url('reset.css');/*Arial, Helvetica, sans-serif*/
html,body{background:#f1f1f1; font-family:Verdana, Geneva, sans-serif; color:#888888}
.gbox{width:1002px; margin:0 auto}

.relative{position:relative}
#header{ background:url(../images/header_bg.png) no-repeat center center #FFF; height:109px;}
#header .logo{background:url(../images/logo.png) no-repeat; width:183px; height:92px; float:left; margin-top:10px;  display:inline }
#header .logo a{ display:block; width:183px; height:92px}
#header .hotline{float:left; height:50px; margin-left:30px; display:inline; width:510px; margin-top:17px; }
#header .hotline span{font-size:14px; color:#888888}
#header .hotline p{font-size:18px; color:#008fd7}
#header .gsearch{float:right; display:inline; width:260px; height:40px; margin-top:17px; padding-top:30px; overflow:hidden}
#header .gsearch input.kw{border:#1196d9 1px solid; height:28px; line-height:28px; color:#a4a0a0; padding:0px 8px; width:190px; float:left}
#header .gsearch input.gseabtn{width:49px; height:30px; background:url(../images/gseabtn.png) no-repeat; cursor:pointer; float:left; margin-left:2px; display:inline}
#header .gbox .skype{width:222px; height:20px; position:absolute; right:20px; top:15px; display:block; background:url(../images/skype_icon.png) no-repeat 0px 0px;}

#header .gbox .skype a{margin-left: 25px;font-size: 14px;color: #333333;}


#topnav{height:40px; background:#008fd7}


/*菜单导航*/
#menu{ height:40px; line-height:40px; margin:0 auto; width:1003px; padding-left:1px}
#menu li{float:left; position:relative;z-index:9999; border-right:1px solid #FFF; width:166px;}
#menu li.last{border:none;text-align: center; width:166px}
#menu li a{color:#fff; font-size:16px;  display:block; text-align:center }
#menu li a:hover,#menu li a.on,#menu li a.hover{color:#fff; background:#f87b26}
#menu li.first a:hover,#menu li.first a.on,#menu li.first a.hover{color:#d71418;}

#menu li ul
{
	position: absolute;
	top:40px;
	left:0px;
	z-index:9999;
	display:none

}
#menu li ul li{border:none;  background:#008fd7;border-top:#FFF 1px solid; width:165px }
#menu li ul li a
{
	padding-left:12px;
	height:30px;
	line-height:30px;
	font-size:14px;
	text-align:left;
	display:block;
	color: #fff;

	}
#menu li ul li a:hover{  color:#fff; background:#d76a1f}

#banner{height:390px; width:1002px; margin: 0 auto}

#bodyer{margin:0 auto; width:960px; min-height:100px;  padding:21px; background:#f1f1f1}

#footer{ background:#888888; height:87px; color:#e4e4e4; text-align:center}
#footer .btlink{height:43px; line-height:53px; font-size:14px}
#footer .btlink a{color:#e4e4e4; display:inline-block; margin:0 10px}
#footer .btlink a:hover{color:#f87b26; }


.location{ height:22px; line-height:22px; color:#008fd7}
.location a{color:#666666}
.location a:hover{color:#008fd7}
.location em{height:22px; width:20px; display:inline-block; background:url(../images/jiantou.png) no-repeat center center}
h2{height:50px; font-size:24px; line-height:50px; color:#f87b26; font-weight:normal}

/*联系我们*/
.contactbox{width:745px; margin:0 auto; margin-top:40px;}

.contactbox .tpline{border-bottom:1px solid #008fd7; color:#666; font-size:14px; height:35px; margin-bottom:25px;}
.contactbox  .contactList{ color:#333; border-bottom:1px #898989 dashed; padding-bottom:15px; margin-bottom:20px;}
.contactbox  .contactList dt{  line-height:35px; font-size:18px;}
.contactbox  .contactList dd{  line-height:35px; font-size:14px;}

.feedback {margin-bottom:50px}
.feedback .ipt{background:#FFF; border:1px solid #ccc; border-radius:1px; height:28px; width:180px; padding:0px 5px; color:#cccccc; line-height:28px}
.feedback textarea{background:#FFF; border:1px solid #ccc; border-radius:1px; height:55px; width:375px; padding:5px; color:#cccccc}
.feedback .sendbtn{height:26px; line-height:26px; color:#fff; background:#f87b26; text-align:center; width:85px; cursor:pointer}

/*表单*/
.quoteBox{width:665px; margin:0 auto; margin-top:40px; color:#333; margin-bottom:30px;}
.quoteBox .tpline{color:#666; font-size:13px; height:35px; margin-bottom:25px;}
.quoteform {margin-bottom:50px}
.quoteform .ipt{background:#FFF; border:1px solid #ccc; border-radius:1px; height:38px; width:305px; padding:0px 5px; color:#333; line-height:38px}
.quoteform textarea{background:#FFF; border:1px solid #ccc; border-radius:1px; height:110px; width:652px; padding:5px; color:#333}
.quoteform .sendbtn{height:42px; line-height:42px; color:#fff; background:#f87b26; text-align:center; width:125px; font-size:24px; cursor:pointer}

.leftsider{width:210px; float:left; }
.rightsider{width:710px; float:right; }
dl.leftnav { overflow:hidden; margin-bottom:20px;}
dl.leftnav dt{height:31px; line-height:31px; color:#fff; font-size:15px;background:url(../images/leftnav.png) no-repeat; text-align:left; padding-left:10px;}
dl.leftnav dd{ background:#d4ebf7; border-top:#FFFFFF 1px solid; line-height:32px; height:32px;}
dl.leftnav dd a{ display:block; color:#666666; padding-left:10px}
dl.leftnav dd a em{font-family:"宋体"}
dl.leftnav dd a:hover{ display:block; color:#fff; background:#f87b26}

dl.leftnav .lllll a:hover{ display:block; color:#fff;background: #d4ebf7;}

dl.leftnav .on{ display:block; color:#fff; background:#f87b26}
dl.leftnav .on a{ display:block; color:#fff; padding-left:10px}
dl.leftnav.contact dd{height:100%; border:0; padding-left:10px; color:#666; padding-bottom:10px; padding-top:10px;}
dl.leftnav.contact dd p{line-height:24px}


.proList{}
.proList h1{font-size:18px; line-height:40px; color:#f87b26; font-weight:normal}
.proList li{width:220px; height:260px; float:left; position:relative; margin-right:16px; margin-bottom:20px; display:inline}
.proList li.last{margin-right:0px;}
.proList li .cornner{background:url(../images/yuanjiao2.png); width:220px; height:260px; position:absolute; top:0; left:0px; display:block; z-index:11; cursor:pointer}
.proList li span{display:block; height:40px; text-align:center; font-size:15px; line-height:40px; background:#fff; color:#666; width:220px; position:absolute; bottom:0px; left:0px; z-index:10;overflow: hidden;}
.proList li a:hover span{ background:#f87b26; color:#fff}



.prodetail  h1{font-size:24px; color:#666; margin-bottom:10px; margin-top:-5px;}
.proDesc p{ margin-bottom:30px}
.prodetail .buyBtn{margin-top:40px; display:block; width: 148px; height: 37px; background: #f87b26; color: #Fff; font-size: 18px; line-height: 37px; text-align: center;}


.prodetail {overflow:hidden; margin-bottom:30px}
.prodetail .proImg{ width:410px; float:left; display:inline; }
.prodetail .proDesc{ width:270px; float:right; display:inline; }
.proDesc p{ margin-bottom:30px}

.proDesc dl dt{font-size:18px; color:#666; margin-bottom:10px; }
.proDesc dl dd{font-size:14px; color:#666; line-height: 25px; }
.proDesc li{ line-height:30px; border-bottom:#999 1px dotted}

.proContent{ border:1px solid #ddd; padding: 20px; padding-top: 0px; background: #fff; color: #666}
.proContent .title{ height: 50px; line-height: 50px; font-size: 18px;  border-bottom: 1px solid #008fd7; margin-bottom: 10px;}
.left-pro{width:410px;text-align:left;float:left}
.left-pro .t1{height:100px;position: relative;}
.left-pro .t2{width:408px;text-indent:0; border: 1px solid #ccc; margin-bottom: 20px;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block; width:66px;padding:1px;border:1px solid #ccc;height:66px;float:left; margin-right: 15px;}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;position: absolute; left: 0px; top: 2px}
#gobottom{cursor:pointer;display:block; position: absolute; right: 0px; top:2px}
#showArea{width:335px;overflow:hidden;margin-left:40px; }

.proList .new ul li{ width:100%; float:left; height:80px; border-bottom:#dbdbdb 1px dashed; padding:20px 0; margin-bottom:0}
.proList .new ul li .img1{ float:left;  margin-right:20px; border:#CCC 1px solid; padding:2px}
.proList .new ul li .nr{ width:80%; float:left ; line-height:20px; padding-top:5px}
.proList .new ul li .mor{ color:#f87b26; float:right}
.proList .new ul li:hover{ background-color:#f6f6f6}
.oncur{ background-color:#f6f6f6}


/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:1px solid #f87b26;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

/*分页*/
DIV.pageDiv {PADDING: 5px;  MARGIN: 5px; COLOR: #666; TEXT-ALIGN: center; font-family:"arial"; font-size:14px}
DIV.pageDiv a{padding: 6px 10px; COLOR: #676767; MARGIN-RIGHT: 5px; BORDER: #dcdcdc 1px solid;  TEXT-DECORATION: none; background:#fff }
DIV.pageDiv a:hover {padding:  6px 10px;BORDER: #fea96f 1px solid; BACKGROUND-COLOR: #fff3ea; color:#666}
DIV.pageDiv span.current {padding:   6px 10px;  FONT-WEIGHT: bold;  MARGIN-RIGHT: 5px; BORDER: #fea96f 1px solid; BACKGROUND-COLOR: #fff3ea; color:#666}
DIV.pageDiv span.disabled {padding:   6px 10px;  COLOR: #aeaeae; MARGIN-RIGHT: 5px;  BORDER: #dcdcdc 1px solid;  TEXT-DECORATION: none; }
DIV.pageDiv .prev{background:url(../images/prev.png) center center no-repeat #FFF; }
DIV.pageDiv .next{background:url(../images/next.png) center center no-repeat #FFF;}