/* CSS Document */

body{
	padding:0px;
	margin:0px;
	color:#4d4d4d;
	font-size:12px;
	background-color: #CCCCCC;
}


.Head,.Banner,.Footer,.Footer1,.Footer2,.MainBox{
	width:1002px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.Head{ height:62px; background-color:#FFFFFF;  }
.HeadLeft{ float:left; width:200px; background-image:url(images/logo.jpg); background-repeat:no-repeat; height:62px;  }
.HeadRight{ width:802px; float:right; position:relative;}


.Banner{ height:195px;}



.Left{ width:195px; float:left; }
.Left1{ background-image:url(images/cplb.jpg); width:189px; padding-top:45px; background-repeat:no-repeat; background-position:top; }


.Right{ width:807px; height:auto; float:right; margin-bottom:10px; position:relative;}


.MainBox{
	width:1002px;
	height:auto;
	background-color:#FFFFFF;
	background-image:url(images/bodybd.jpg);
	background-repeat:repeat-y;
}


/*index CSS Document */


.Index1{ height:156px; background-image:url(images/index1.jpg); background-repeat:no-repeat; margin-bottom:10px; clear:both; margin-left:5px;}
.Index1 p{
	float: right;
	width: 610px;
	margin-top: 50px;
	padding-right:10px;
	line-height:150%;
}
.Index1 p a{ color:#4d4d4d; text-decoration:none; }
.Index1 p a:hover{ color:#990000;}

.Index1-1{}
.Index1-1 p{}
.Index1-1 a{ color:#4d4d4d; text-decoration:none; }
.Index1-1 a:hover{ color:#990000;}
.Index1-1 img{ border:solid 0px;}

.Index2{ margin-top:10px; }
.IndexPro{ margin-top:15px; float:left; width:143px; height:170px; margin-left:12px; }
.IndexPro img{border:solid 1px #cccccc; }
.IndexPro h1{ color:#4d4d4d; font-size:12px; font-weight:normal; text-align:center; margin-top:5px;}
.IndexPro h1 a{ color:#4d4d4d; text-decoration:none;}
.IndexPro h1 a:hover{ color:#990000;}



.Index3{ height:285px;background-image:url(images/index3.jpg); background-repeat:no-repeat; margin-left:5px; clear:both;}



.Index3-1{ float:left; width:245px; margin-top:45px; padding-left:10px; }
.Index3-1 p{ line-height:150%;}
.Index3-2{ float:left; width:258px; margin-top:45px; }
.Index3-2 p{line-height:200%;}
.Index3-3{ float:left; width:265px; margin-top:45px; padding-left:10px; }
.Index3-3 p{ line-height:200%;}
.IndexText{ line-height:200%; }
.IndexText li{}
.IndexText li a{color:#4d4d4d; text-decoration:none;}
.IndexText li a:hover{color:#990000;}
.Index3-3-1{ text-align:right; padding-right:10px; }
.Index3-3-1 a{color:#4d4d4d; text-decoration:none; font-weight:bold;}
.Index3-3-1 a:hover{color:#990000; }


/*NEI CSS Document */

.Product{ margin-right:11px; margin-bottom:10px; margin-left:11px; margin-top:15px;}
.Product h1{ font-size:15px; font-weight:bold; color:#4d4d4d;}
.Product h2{ font-size:15px; color:#4d4d4d; margin-top: 20px; text-align:center; }
.Product h3{ font-size:13px; color:#4d4d4d; margin-top: 20px; }
.Product h5{font-size:13px; text-align:right; color:#0088d0; font-weight:bold; margin-top:5px; padding-right:10px }
.Product h5 a{ color:#0088d0; text-decoration:none; }
.Product h5 a:hover{ color:#990000; text-decoration:underline;}
.Product p{ font-size:12px;color:#4d4d4d; font-weight:normal; line-height:200%; padding-left:10px; padding-right:10px;}
.Product p a{text-decoration:none; font-weight:bold; color:#4d4d4d; }
.Product p a:hover{text-decoration:none;color:#990000; }
.Product img{ text-align:center;}


.ProShow{ width:143px; height:170px; margin-left:15px; float:left; margin-bottom:5px;}
.ProShow img{border:solid 1px #cccccc;}
.ProShow h1{ color:#4d4d4d; font-size:12px; font-weight:normal; text-align:center; margin-top:5px;}
.ProShow h1 a{ color:#4d4d4d; text-decoration:none;}
.ProShow h1 a:hover{ color:#990000;}



.KnowLedge{ margin-right:11px; margin-bottom:10px; margin-left:11px; margin-top:15px;}
.KnowLedge h1{ font-size:15px; font-weight:bold; color:#4d4d4d; text-align:center; }
.KnowLedge h2{ font-size:13px; color:#4d4d4d; margin-top: 20px; }
.KnowLedge h5{font-size:13px; text-align:right; color:#0088d0; font-weight:bold; margin-top:5px; padding-right:10px }
.KnowLedge h5 a{ color:#0088d0; text-decoration:none; }
.KnowLedge h5 a:hover{ color:#990000; text-decoration:underline;}
.KnowLedge p{ color:#4d4d4d; font-weight:normal; line-height:200%;กก}
.KnowLedge p a{text-decoration:none; font-weight:bold; color:#4d4d4d; }
.KnowLedge p a:hover{text-decoration:none;color:#990000; }
.KnowLedge th{ text-align:left; border:none; background-image:url(images/icon7.jpg); background-repeat:no-repeat; font-weight:normal; background-position:center left; padding-left:20px;}

.KnowLedge th a{ color:#4d4d4d; text-decoration:none; }
.KnowLedge th a:hover{ color:#990000; text-decoration:none; }
.KnowLedge td{ text-align:left; border:none;}
.KnowLedge td a{ color:#4d4d4d; text-decoration:none; }
.KnowLedge td a:hover{ color:#990000; text-decoration:none; }


.TB01{ width:100%; clear:both; border-collapse:collapse; text-align:center;}
.TB01 th,td{ border:1px solid #CCCCCC; padding-left:5px;  font-size:12px; color:#4d4d4d; line-height:200%;}
.TB01 th{background-color:#CEF1F2;}


.TB{ width:100%; clear:both; text-align:center; font-weight:bold;}
.TB td{ border:none;}

.TB02{ border:none; text-align:left; }
.TB02 td{ border:none;}


.Prodemo{
	height:auto;
	width:1002px;
	background-color:#FFFFFF;
	background-image:url(images/icon4.jpg);
	background-repeat:no-repeat;
	line-height: 150%;
	padding-top: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#demo {background: #FFF;overflow:hidden;width: 1002px; margin-top:10px;		}
		#demo img {border: 3px solid #F2F2F2;		}
		#indemo {float: left;width: 800%;}
		#demo1 {float: left;}
		#demo2 {float: left;}

.Footer{
	height:auto;
	background-color:#FFFFFF;
	background-image:url(images/icon4.jpg);
	background-repeat:no-repeat;
	line-height: 150%;
	padding-top: 10px;
}
.Footer p{
	text-align: center;
	font-family:Arial;
	padding-top:0px;
}
.Footer p a{color:#4d4d4d; text-decoration:none;}
.FooterNav{
	padding-left:10px;
	padding-right:10px;
	line-height:150%;
	font-size:12px;
}
.FooterNav h1{ font-size:12px; font-weight:bold; color:#4d4d4d; text-align:left;}
.FooterNav a{color:#4d4d4d; text-decoration:none;}
.FooterNav a:hover{ color:#990000;}

/* Nav CSS Document */

.HeadNav{ margin-top:21px;}
.HeadNav ul{ list-style-type:none;}
.HeadNav li{
	background-image:url(images/icon.jpg);
	background-repeat:no-repeat;
	float:left;
	}

.HeadNav li a{color:#4d4d4d; text-decoration:none;
 	font-size:13px;
	font-weight:bold;
	margin-right:20px;
	margin-left:10px;
}
.HeadNav li a:hover{
	color:#FFFFFF;
	background-color: #990000;
}



.BotNav{ list-style-type:none;}
.BotNav ul{ }
.BotNav li{
	float:left;
	}

.BotNav li a{color:#4d4d4d; text-decoration:none;
 	font-size:12px;
	margin-right:20px;
	margin-left:10px;
	line-height:200%;
}
.BotNav li a:hover{ color:#990000;}




.LeftNav{ background-color:#FFFFFF;}
.LeftNav h1{ font-size:13px; font-weight:bold; color:#990000; padding-left:45px; padding-top:10px;}
.LeftNav ul{ list-style-type:none;}

.LeftNav li{ background-image:url(images/icon6.jpg);
background-repeat:no-repeat;
background-position:left center;
	font-size:12px;
	text-indent:20px;
	margin-bottom:18px;
	margin-right:15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #797979;
	
}
.LeftNav li a{ color:#4d4d4d; text-decoration: none; }
.LeftNav li a:hover{ color:#990000;}

.STYLE1 {font-weight: bold}
.STYLE2 {color: #0066FF}
#Layer1 {
	height:73px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
	margin-top: 8px;
	width: 1002px;
}
a:link {
	color: #4D4D4D;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #4D4D4D;
}
a:hover {
	text-decoration: none;
	color: #4D4D4D;
}
a:active {
	text-decoration: none;
	color: #4D4D4D;
}
#Layer2 {
	width:1002px;
	height:10px;
	background-image: url(images/0001.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#Layer3 {
	width:47px;
	height:47px;
	margin-top: 25px;
	text-align: center;
	float: right;
}
#Layer4 {
	width:1002px;
	height:70px;
	margin-right: auto;
	margin-left: auto;
}

.waterfall{padding: 0 0;}
.Profall{ width:180px; height:230px; margin-left:14px; float:left; margin-bottom:5px; margin-top:5px;}
.Profall img{border:solid 1px #cccccc;}
.Profall p{ color:#4d4d4d; font-size:12px; font-weight:normal; margin-top:8px;}
.Profall h1{ color:#4d4d4d; font-size:13px; font-weight:normal; text-align:center; margin-top:8px;}

img[data-action="zoom"] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;
}
img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -webkit-transition:      opacity 300ms;
       -o-transition:      opacity 300ms;
          transition:      opacity 300ms;
}
.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default;
}

.services {
	float: left;
}
.services .con {
	background: url(images/service.gif) no-repeat 0 0;
	width: 127px;
	height: 368px;
	position: relative;
}
.services .shares {
	position: absolute;
	left: 10px;
	top: 275px;
	white-space: nowrap;
	color: #666;
}
.services .shares img {
	margin-right: 5px;
}
.services li {
	text-align: center;
}
.services .qq {
	padding-top: 105px;
}
.services .name {
	padding-top: 8px;
	float: left;
	display: block;
	width: 60px;
	text-align: right;
}
#kefu .s-btn {
	background-position: 0 -89px;
	width: 38px;
	height: 198px;
	margin-top: 104px;
	float: left;
}
#kefu .Obtn {
	background: url(images/service.gif) no-repeat -331px -53px;
	float: left;
	width: 39px;
	height: 197px;
	margin-top: 30px;
	margin-left: -1px;
}
#kefu a.wx {
	position: absolute;
	top: 166px;
	left: 15px;
	overflow: hidden;
	text-indent: -999em;
	display: block;
	width: 95px;
	height: 95px;
}