@charset "utf-8";
/* CSS Document */
/*通用*/
IMG{ border:0PX;}
.main {  overflow:hidden; zoom:1 }
.main .left-sider {width:267px; margin-top:10px;}
.operate h3 { font-family: "Microsoft YaHei",微软雅黑; font-size:16px; background:#f7f7f7; height:41px; line-height:41px; background:url(../images/mh1by.png);}
.operate h3  a{color:#000;}
.operate ul li { display:inline; }
.operate ul li a { background:url(../images/bg1.png) no-repeat 200px 18px; padding-left:30px; text-decoration:none; font-size:14px; color:#555;height:41px;line-height:41px;}
.operate ul li a.noline { border-bottom:none; }
.operate ul li a:hover{ color:#8caf00; }
.operate ul li a.selected:hover {color:#fff; }
.operate ul li .selected { background-color:#8caf00;  background-position:200px -9px; color:#fff; }
.operate ul li {  display:inline-block; width:100%; position: relative; min-height:41px; _height:41px; z-index: 10; zoom:1 }
.operate ul li h4 { cursor:pointer; background:url(../images/mh2by.jpg); padding-left:10px; text-align:left; text-decoration:none; font-size:14px; color:#000; display:block;  line-height:41px; font-weight:normal; margin-bottom:5px; }
.operate ul li.noline { border-bottom:none; }
.operate ul li h4 a{text-decoration: none;font-weight: bold;}
.operate ul li h4 a:hover { text-decoration:none;color:#000;}
.operate ul li.selected h4 { }
.operate ul li a { }
.operate ul li .on a { color:#8caf00; font-weight:bold; }
.operate ul li a:hover {  text-decoration:underline; }
.bg-color { background-color:#8caf00; }
.operate li .list-item { position:relative; zoom:1 }
.operate li .list-item li {background:#e4e4e4; text-align:left; margin-bottom:1px; }
.operate li .list-item a { background:none;  border:none; color: #646464; display:block; height:40px; line-height: 40px; text-align:left; position: relative; text-decoration: none; font-size:14px; }
.operate li .list-item a:hover {text-decoration: none; color: #646464; background:#cecece;}
.left-sider .operate {  zoom:1 }
.left-sider .ser-online a { background:url(../images/bg_ser_online.jpg) no-repeat 0 0; height:75px; border:1px solid #eaeaea; display:block; }


.text{float:right;width:690px;float:right;text-align:left;font-size:14px;text-indent: 2pc;line-height: 20px;color:#555}
.text p{ text-align:left;}
.index-new{ width:738px; margin-top:10px;}
.index-new li{ width:738px; background:url(../images/indexnewby.jpg); height:50px; text-align:left; line-height:50px; padding-left:10PX;}
.n{width:638px; float:left;}
.n  a{ text-align:left; font-size:14px; color:#555;}
.n  a:hover{color:#000;}   
.index-new span{ background:url(../images/news.jpg) ; font-size:12px; color:#FFFFFF;  padding:4px 10px 4px 10px; margin:0 15px 0 15px;}
.m{float:right; height:50PX;line-height:50PX; width:50px;}
.m a{ font-size:12px; color:#3333dc;}
.m a:hover{ font-size:12px; color:#3333dc;font-weight: bold;}


.index-Products{ }
.index-Products LI{ width:187PX; float:left; border-bottom:1px dashed #8db3ce; margin-top:30px; margin-left:20px; margin-right:20px;}

.foot{  background:url(../images/footby.png) repeat-x; height:170px; margin-top:35px; padding-top:27px;padding-left:30%; }
.foot li{ margin-bottom:8px; text-align:left; float:inherit;}
.foot2{  background:url(../images/footby2.png) repeat-x; height:35px; margin-top:35px;}


#toTop {display: none; position: fixed;bottom: 5px; right: 5px;width: 64px;height: 64px; background-image: url('up.gif');background-repeat: no-repeat;
opacity: 0.4;filter: alpha(opacity=40); /* For IE8 and earlier */}
#toTop:hover {opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}


.xbannar{ margin-top:-5px; margin-bottom:10px;}
.web-about{ width:770px; margin-top:20px;}
.web-about li{text-align:left;text-indent: 2pc;color:#000;font-size:14px;line-height:22px;}
.location{float:right;font-size:12px;margin-top:5PX;font-weight: bold;margin-right:5PX;}

.web-credit{ float:left;}
.web-credit li{ width:315px; float:left; margin-left:70px; margin-right:70px; margin-top:40px;}



.newtop{ width:735px;float:left; background:url(../images/left.png) no-repeat;padding-left:45px; font-size:14px; color:#a8a8a8; text-align:left;margin-top:20px; margin-bottom:-20px; margin-left:18px;}
.newtop a{font-size:14px;font-weight: bold;color:#000;}
.more2{ width:800px; float:left; padding-top:10px; padding-right:12px; text-align:left; margin-left:18px;}
.more2 a{ font-size:12px; color:#3333dc;}
.more2 a:hover{color:#3333dc;font-weight: bold;}

.newtop2{ width:735px;float:left; background:url(../images/left.png) no-repeat;padding-left:45px; font-size:14px; color:#a8a8a8; text-align:left;margin-top:20px; margin-left:18px;}
.newtop2 a{font-size:14px;font-weight: bold;color:#000;}
.newtext{ width:870px;}
.newimages{ float:left; width:230px; height:133px; margin-top:18px;}
.newbody{ float:right; width:620px; height:155px; text-align:left;}
.newbody li{background:url(../images/indexnewby.jpg); height:50px; text-align:left; line-height:50px; padding-left:10PX;}
.n{width:638px; float:left;}
.newbody a{ font-size:13px; color:#000000;}
.newbody   a:hover{ color:#16599d;}
.newbody span{ background:url(../images/news.jpg) ; font-size:12px; color:#FFFFFF;  padding:4px 10px 4px 10px; margin:0 15px 0 15px;}

.n2{width:530px; float:left;}
.n2  a{ text-align:left; font-size:14px; color:#555;}
.n2  a:hover{color:#000;}   
.m2{float:right; height:50PX;line-height:50PX; width:50px;}
.m2 a{ font-size:12px; color:#3333dc;}
.m2 a:hover{ font-size:12px; color:#3333dc;font-weight: bold;}

.web-new{ width:870px;}
.web-new li{ width:870px; background:url(../images/indexnewby.jpg); height:50px; text-align:left; line-height:50px; padding-left:10PX;}
.web-new span{ background:url(../images/news.jpg) ; font-size:12px; color:#FFFFFF;  padding:4px 10px 4px 10px; margin:0 15px 0 15px;}


.order{ width:680PX;}
.contactus{ margin-top:50px;}
.contactus li{ margin-bottom:5px; text-align:left; float:inherit; padding-left:15%;}
 #imageView_container {
                margin: 20px auto;
            }
            #imageView_container.iv-loading {
            }
			
/*preview*/
.about2{ margin-top:20PX;}
#preview{width:740px;height:530px;margin:10px auto;padding:5px;zoom:1;overflow:hidden;}
#spec-n1{float:right;overflow:hidden;position:relative;z-index:5;zoom:1; height:450px;}

#spec-n5{position:relative;float:left;width:134px;height:420px;padding:20px 0px;zoom:1}
#spec-list{width:134px;height:413px;overflow:hidden;}
#spec-list ul{height:450px;overflow:hidden;margin:0;}
#spec-list li{width:134px;height:67px;text-align:center; margin-bottom:3px;}
#spec-list img{padding:2px;border:1px solid #E8E8E8;}
#spec-list .curr img{padding:1px;border:2px solid #ffd300;}
#spec-n5 .control{position:absolute;width:100px;height:25px;background-repeat:no-repeat;cursor:pointer;}
#spec-top{top:-1px; background:url(../images/icoins.jpg); margin-left:24px;}
#spec-top.disabled{}
#spec-bottom{bottom:-1px;background:url(../images/icoinx.jpg); margin-left:24px;}
#spec-bottom.disabled{background-position:-139px -61px;}
#intro{float:left;width:630px;height:25px;line-height:25px;text-align:center;overflow:hidden;font-size:12px; padding-left:115PX;}
#foward{display:block;width:360px;height:500px;float:left;cursor:url(../images/foward.ico),pointer;background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#foward.disabled,#next.disabled{cursor:default;}
#next{display:block;width:360px;height:500px;float:right;cursor:url(../images/next.ico),pointer;background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.thickcon{line-height:40px;text-align:center}


#vlightbox{width:800px; padding-left:15%; padding-top:20px;}
#vlightbox span{display:block;}
#vlightbox a{display:block;float:left;width:300px;height:375px;
opacity:0.87;}
#vlightbox a img{display:block;border:none;margin:0px;}
#vlightbox a:hover{opacity:1;}
#vlightbox a.vlightbox_hidden{display:none;}
#vlightbox a img{border:medium none;margin:0 auto;width:300px;height:375px;}


#plightbox{width:800px; padding-left:15%; padding-top:20px;}
#plightbox span{display:block;}
#plightbox a{display:block;float:left;width:300px;height:375px;
opacity:0.87;}
#plightbox a img{display:block;border:none;margin:0px;}
#plightbox a:hover{opacity:1;}
#plightbox a.vlightbox_hidden{display:none;}
#plightbox a img{border:medium none;margin:0 auto;width:300px;height:375px;}
#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:1090;
	width:100%;
	height:auto;
	background-color:#131313;
}

#lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:1100;
	text-align:center;
	color:white;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:white;
	text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{
	width:auto;
	height:auto; /* without this line error in IE8 detected */
	margin:0 auto;
	position:relative;
}

#lightboxImage{
	width:100%;
	height:100%;
}

#imageContainer{
	width:50px;
	height:50px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:60%;
	height:32px;
	background:url(../icons/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLinkImg, #nextLinkImg{
	width:49%;
	height:100%;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display:block;
	text-indent:-9999px;
	}
#prevLinkImg { left:0; float:left;}
#nextLinkImg { right:0; float:right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background:url(../icons/prev.png) 5% center no-repeat; 
	_background-image:url(../icons/prev.gif)
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background:url(../icons/next.png) 97% center no-repeat; 
	_background-image:url(../icons/next.gif)
}

#imageDataContainer{
	font:10px Verdana, Helvetica, sans-serif;
	font-family:" Trebuchet MS",tahoma,verdana,arial,sans-serif;
	font-size:13px;
	width:100%;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 0;}
#caption{ font-weight:bold; display:block;}
#numberDisplay{ display:block; float:left; padding:9px 10px 0 0;}
#detailsNav{display:block; float:left;   padding:0; }
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails {
	margin:2px; width:32px;height:32px; background-position:left 100%;
	background-image:url(../icons/navigation.png);
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/prev-32grey.png', sizingMethod='scale');
}
#prevLinkDetails:hover {
	background-position:0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/prev-32color.png', sizingMethod='scale');
}

#nextLinkDetails {
	margin:2px; width:32px;height:32px; background-position:right 100%;
	background-image:url(../icons/navigation.png);
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/next32-grey.png', sizingMethod='scale');
}
#nextLinkDetails:hover {
	background-position:100% 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/next32-color.png', sizingMethod='scale');
}
#slideShowControl{
	display:block;
	width:32px; 
	height:32px; 
	float:left;
	margin:2px; 
	background-image:url(../icons/navigation.png);
	background-position:-32px 100%;
	background-repeat:no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/start32grey.png', sizingMethod='scale');
}
#slideShowControl:hover{
	background-position:-32px 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/start32color.png', sizingMethod='scale');
}
#slideShowControl.started{
	background-position:-64px 100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/pause32grey.png', sizingMethod='scale');
}
#slideShowControl.started:hover{
	background-position:-64px 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/pause32color.png', sizingMethod='scale');
}

#close{
	padding:16px 0 0;
	float:right;
}
#closeLink {
	display:block; 
	outline-style:none; 
	margin:0; 
	padding:0; 
	text-decoration:none; 
	width:48px;
	height:48px;
	background:url(../icons/close.png) no-repeat 0 100%;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/cancel48grey.png', sizingMethod='scale');
}
#closeLink:hover{
	background-position:0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/cancel48color.png', sizingMethod='scale');
}

.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 */
}	

#outerImageFrame{
	height:100%;
	width:100%;
	position:absolute;
}

#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background:url(../icons/back_info.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_info.png', sizingMethod='scale');
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:19px;
	width:19px;
}

#outerImageContainer td.tl{
	background:url(../icons/back_corvers.png) 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_lt.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background:url(../icons/back_tb.png) 50% 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_ct.png', sizingMethod='scale');
}
#outerImageContainer td.tr{
	background:url(../icons/back_corvers.png) 100% 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_rt.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background:url(../icons/back_lr.png) 0 50%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_lc.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background:url(../icons/back_lr.png) 100% 50%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_rc.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background:url(../icons/back_corvers.png) 0 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_lb.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background:url(../icons/back_tb.png) 50% 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_cb.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background:url(../icons/back_corvers.png) 100% 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_rb.png', sizingMethod='scale');
}

.arrow{font-size:14px;  text-align:left; padding-left:4%;}
.arrow a{
	color:#FF0000;
	font-weight: bold;
}
.arrow a:hover{color:#7e0f0f;}