@charset "utf-8";
/* CSS Document */
/*===重置相关html元素===*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:middle; line-height:inherit;}

/*===公共部分===*/
body{
	margin:0;
	font-family: Arial, Myriad Pro, Helvetica Neue, sans-serif;
	font-size: 12px;
	color: #646464;
	background:#F0F0FA;
}
a:link {color: #646464;text-decoration: none}
a:visited {color: #646464;text-decoration: none}
a:hover {color: #941C73;text-decoration: none}
a:active {color: #646464;text-decoration: none}
img{ border:0}
.clearFix{ clear:both}

/*头部*/
.header{width:940px; height:110px; margin:0 auto; background:#FCFCFC; }
.logo{ width:110px; height:103px; float:left; margin:5px 0 0 15px}
.language{width:200px; height:32px; float:left; margin:20px 0 0 576px; text-align:right}


/*导航*/
.nav{width:560px; height:20px; float:left; margin:26px 0 0 25px}
#navigation, #navigation li ul { list-style:none; } 
#navigation { margin:0 } 
#navigation li { float:left; text-align:center; position:relative;z-index:19000;} 
#navigation li ul li{list-style:none}
#navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; color:#646464;font-weight:bold;width:80px; height:20px; line-height:20px; padding:2px 0; } 
#navigation li a:hover { background:#941C73; color:#FFF } 
#navigation li ul li a:hover { color:#fff; background:#941C73; } 
#navigation li ul li a:link, #navigation li ul li a:visited{font-weight:normal} 
#navigation li ul { display:none; position:absolute; top:0; left:0; margin-top:24px; background:#FFF;border:1px solid #BEC2BE;padding:5px 0 5px 0;filter: progid:DXImageTransform.Microsoft.DropShadow(color=#555555,offX=2,offY=2,positives=true)}
.ulWidth1{width:140px}
.ulWidth2{width:180px}
.gt{font-size:10px; font-family:"MS Serif", "New York", serif }

/*头部搜索栏*/
.topSearch{ width:190px; height:20px; float:left; margin:30px 0 15px 25px}
.topSearch input{display: none; border:#CCC 1px solid; color:#888; font-size:12px}
* html .topSearch{ width:190px; height:20px; float:left; margin:30px 0 15px 10px}


/*主体容器*/
.box{width:940px; margin:0 auto; background:#FCFCFC; overflow:auto}

/*页脚*/
.footer{width:940px; height:50px; margin:0 auto; background:#FCFCFC; }
.footer div{width:920px;  margin:0 auto;  text-align:right; color:#9B9B9B; padding-top:15px;border-top:#C8CDC8 1px solid}
.footer a:link {color: #9B9B9B;text-decoration: none}
.footer a:visited {color: #9B9B9B;text-decoration: none}
.footer a:hover {color: #941C73;text-decoration: none}
.footer a:active {color: #9B9B9B;text-decoration: none}

/*Banner*/
.banner1{width:940px; height:260px; margin:0 auto; background: #FCFCFC url(../images/banner1.jpg)  no-repeat}
.banner2{width:940px; height:220px; margin:0 auto; background: #FCFCFC url(../images/banner2.jpg)  no-repeat}
.banner3{width:940px; height:220px; margin:0 auto; background: #FCFCFC url(../images/banner2.jpg)  no-repeat}
.banner4{width:940px; height:220px; margin:0 auto; background: #FCFCFC url(../images/banner4.jpg)  no-repeat}
.banner5{width:940px; height:220px; margin:0 auto; background: #FCFCFC url(../images/banner5.jpg)  no-repeat}
.banner6{width:940px; height:220px; margin:0 auto; background: #FCFCFC url(../images/banner6.jpg)  no-repeat}
.banner7{width:940px; height:220px; margin:0 auto; background: #FCFCFC url(../images/banner7.jpg)  no-repeat}
.banner8{width:940px; height:220px; margin:0 auto; background: #FCFCFC url(../images/banner8.jpg)  no-repeat}

/*左侧栏*/
.leftbar{width:220px; float:left; margin-right:20px}
.leftbar ul{ width:210px;margin:15px 10px 20px 10px; padding:0; text-align:left; list-style:none; border-top:#00DCCD 1px solid}
* html .leftbar ul{ width:210px;margin:15px 0 20px 10px; padding:0; text-align:left; list-style:none; border-top:#00DCCD 1px solid}
.leftbar li{ list-style:none;  text-indent:5px; border-bottom:#BEBED2 1px dotted; font-weight:bold}
.leftbar li a{text-decoration:none;display:block;padding:9px 0 7px 0;}
.leftbar li a:hover{ background:#DCDCDC; color: #646464}
.leftbar img{margin-left:10px}

/*当前位置*/
.here{ width:685px; height:33px; float:left; padding-left:5px;  vertical-align:middle; line-height:33px; margin:15px 0 15px 0;border-top:#00DCCD 1px solid;border-bottom:#CCC 1px dotted;font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold}

/*主体内容区域*/
.content{ width:690px; float:left; margin: 0;}
.content p{line-height:180%; margin:10px 0 10px 0}
.tmpHeight{height:450px}

/*===首页===*/
.about{width:270px;  float:left; margin:15px 20px 20px 10px}
* html .about{width:270px;  float:left; margin:15px 20px 20px 5px}
.title{ width:100%; height:30px; font-size:14px; vertical-align:middle; line-height:30px;border-bottom:#C8CDC8 1px dotted;border-top:#C8CDC8 1px solid}
.about p{ margin-top:12px;line-height:180%}
.pmove{width:350px; float:left; margin:15px 20px 20px 0}
.pimg{width:108; height:125px; float:left; margin:5px 10px 0 1px}
.pimg h3{width:108px; height:25px; vertical-align:middle; line-height:25px; text-align:center; font-size:12px; font-weight:normal; margin-bottom:0px}
.contact{width: 260px; float:left; margin:15px 0 20px 0; }
.contact p{line-height:180%; margin-top:10px}
.more{width:100%; height:20px; margin-top:21px; text-align:right; color:#941C73}
.more a:link {color: #941C73;text-decoration: none}
.more a:visited {color: #941C73;text-decoration: none}
.more a:hover {color: #941C73;text-decoration:underline}
.more a:active {color: #941C73;text-decoration: none}

/*产品*/
.plist{width:160px; height:150px; float:left; margin:10px 10px 20px 0; text-align:center; line-height:35px}
.pTabHeader{background:#AAA; color:#FFF; font-weight:bold}
.pname{font-size:14px; font-weight:bold}
.tbd1{border-top:#C8CDC8 1px dotted;}
a.return:link {color: #941C73;text-decoration: none}
a.return:visited {color: #941C73;text-decoration: none}
a.return:hover {color: #941C73;text-decoration:underline}
a.return:active {color: #941C73;text-decoration: none}

/*服务*/
.serTitle{width:100%; height:25px; background:#EEE; vertical-align:middle; line-height:25px; font-weight:bold}
.serContent{width:100%; margin:15px 0 20px 0; line-height:180%}
.serContent ul{width:200px; float:left; margin:0 100px 0 22px}
.serContent ul li{ list-style-position:inside; list-style:disc}
.qul{list-style:inside; list-style-type:disc; margin-bottom:25px; margin-left:20px}
.qul li{margin:6px 0 6px 0}
.use{width:680px; height:88px; margin-top:10px; margin-bottom:30px;}
.use img{ width:150px; height:88px;float:left; margin-right:20px}
.use p{width:500px; height:88px;float:left; margin:0 ; line-height:180%}
.boxing{width:220px; float:left;margin:0 50px 0 30px}
.boxing img{width:220px; }
.boxing-name{width:220px; height:30px; line-height:30px; text-align:center}


/*在线反馈*/
.feedcontent{width:100%; margin:0 0 5px 0; line-height:180%}
.hf{width:96%; margin:5px 0 0 0 ; padding:5px 10px 5px 10px; background:#F8F0F8; line-height:180%}
.feedtime{ width:100%px; height:30px; margin:0 0 15px 0; vertical-align:middle; line-height:40px; border-bottom:1px #CCC dotted}
.btn{ height:22px; color:#444}
.msgtb{margin-top:5px}

/*展会信息*/
.fonts{font-family:"宋体", Verdana, Geneva, sans-serif}
.content dl{width:690px; margin:0; }
.content dt{ width:600px;margin:7px 0 7px 0; padding-bottom:5px; float:left; border-bottom:#D2D2D2 1px dotted}
.content dd{width:80px; float:left;margin:7px 0 7px 0; padding-bottom:5px;border-bottom:#D2D2D2 1px dotted}
.pagenav{width:200px; height:30px;text-align:center;vertical-align:middle; line-height:30px; margin-left:480px; padding-top:16px }
.total{height:20px; vertical-align:middle; line-height:25px; float:left;}
.newsInfo{width:90%; height:18px; margin-bottom:15px;color:#A0A0A0}

/*招聘*/
.borderBtm{border-bottom:#CCC 1px dotted}
.j_list{margin-top:5px}
.j_list td{padding:5px}


/*联系我们*/
.contact-wrap{ width:690px; float:left; margin: 0;}
.cname{font-size:14px; font-weight:bold;}
.cdl{width:600px; margin:20px 0 15px 0}
.cdl dt{width:70px; height:25px; float:left; margin:0; border:0; font-weight:bold}
.cdl dd{width:510px; height:25px; float:right; margin:0; border:0}

/*宣传册和色卡*/
.vilist{width:188px; height:213px; float:left; margin:0px 40px 0 0px;}
.vilist img{width:180px; height:185px; margin:4px 0 0 4px;border:#e0e0e0 1px solid}
.vilist p{width:180px; height:20px; text-align:center; line-height:20px}

/*幻灯播放器*/
.loading{ display:none}
.js{width:525px;height:728px; margin:0 auto; position:relative; padding:10px 0 0 10px; border:#e0e0e0 1px solid; overflow:hidden; background:#FFF}

.jsNav{ display:none;position:absolute;width:auto;bottom:17px;right:5px;}
.jsNav a{ }
.jsNav a:hover,.jsNav a.imgSelected{ background-color:#38322c;color:#fff}
.prevBtn,.nextBtn{display:block;height:30px;background-color:#f96}

.an_left{width:30px;height:88px;position:absolute; left:35px;top:300px;}
.an_right{width:30px;height:88px;position:absolute;top:300px; right:31px;}
.an_left a, .an_left a:visited{display:block;width:30px;height:88px;background:url(../images/an_left.gif) no-repeat;}
.an_right a, .an_right a:visited{display:block;width:30px;height:88px;background:url(../images/an_right.gif) no-repeat;}
.an_left a:hover{display:block;width:30px;height:88px;background:url(../images/an_lefthover.gif) no-repeat;}
.an_right a:hover{display:block;width:30px;height:88px;background:url(../images/an_righthover.gif) no-repeat;}

/*Lightbox*/
#lightbox{position: absolute;top: 40px;left: 0;	width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;	width: 250px;height: 250px;	margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 13px Arial, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{	padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;background-color: #111;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */}