/* CSS Document */
@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
margin:0;padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
table,td,h,p,dd{
	margin: 0;
	padding:0;
}
a{
text-decoration:none;
}
img{
	border:none;
}
body{
 
	width:auto;
	height:auto;
	font-family:tahoma;
	font-size:12px;
	margin:0 auto;
	clear:both;
}
.clear{
	clear:both;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
#main-content-body{
    background:#FFFFFF;
	width: 960px;
	min-height:1000px;
	height: auto;
	margin: 0 auto;
	clear:both;
}
#region1{
	width:960px;
	height:283px;
	margin:0 0 8px 0;
	padding: 0;
}
.box-banner-left{
    width:198px;
	height:96px;
	float:left;
}
.box-banner-left-logo{
    background:url(../images/logo.jpg) left top no-repeat;
	width:198px;
	height:139px;
	float:left;
}
.box-hmenu{
   background:#0E448E;
	width:198px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
.box-hmenu ul{
	width:198px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	line-height:25px;
}
.box-hmenu ul li{
    width:198px;
    background:url(../images/border-menu.jpg) left bottom no-repeat;
	display:block;
	float:left;
	list-style:none;
	height:25px;
	line-height:20px;
	clear:both;
}
.box-hmenu ul li a{
	display:block;
	margin:0;
	font:13px tahoma;
	padding:4px 18px 4px 45px;
	*padding:0px 18px 0 45px;
	height:25px;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;	
}

.box-hmenu ul li a:hover{
    display:block;
	font:14px tahoma;
	margin:0;
	padding:4px 18px 4px 45px;
	*padding:0px 18px 0 45px;
	height:25px;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;	
}

.box-banner-center{
    background:url(../images/banner.jpg) left top no-repeat;
    width:548px;
	height:291px;
	float:left;
}

.box-banner-right{
    width:212px;
	height:291px;
	float:left;
}
.box-banner-right-top{
    background:#8DC4F0;
    width:214px;
	height:27px;
	float:left;
}
.box-banner-right-title{
    background:#2F70CA;
    width:214px;
	height:42px;
	font:bold 15px tahoma;
	color:#FF6600;
	margin:1px 0 0 0;
	line-height:42px;
	text-align:center;
	float:left;
}
.box-banner-right-content{
    background:#5383B9;
    width:214px;
	height:192px;
	margin:1px 0 0 0;
	float:left;
}
.box-banner-right-bottom{
    background:#0E448E;
    width:214px;
	height:26px;
	margin:1px 0 0 0;
	font:bold 13px tahoma;
	color:#FFFFFF;
	text-align:center;
	line-height:26px;
	float:left;
}
.box-banner-right-content-title{
  font:bold 13px tahoma;
  color:#FFFFFF;
  text-align:center;
  padding:3px 5px;
}
.box-banner-right-content-detail{
  font: 12px tahoma;
  color:#FF9900;
  text-align:right;
  text-decoration:underline;
}
#region2{
 width:960px;
 height:auto;
 float:left;
 margin:0 auto;
 padding:0;
 clear:both;
}
#colume-left{
   width:242px;
   height:auto;
   float:left;
}

#colume-right{
   width:712px;
   height:auto;
   float:right;
}
.box-menu-product{
  background:#B0CDEB;
  width:242px;
  height:auto;
  float:left;
}
.box-menu-product-title{
  width:242px;
  height:35px;
  margin:0 auto;
  float:left;
  padding:0;
}
.box-menu-product-left{
  background:url(../images/bg-title-left.jpg) left top no-repeat;
  width:12px;
  height:35px;
  margin:0 auto;
  padding:0;
  float:left;
}
.box-menu-product-center{
  background:url(../images/bg-title-center.jpg) left top repeat-x;
  width:218px;
  height:35px;
  line-height:35px;
  font-family:tahoma;
  font-size:15px;
  font-weight:bold;
  text-align:center;
  color:#FFFFFF;
  margin:0 auto;
  padding:0;
  float:left;
}
.box-menu-product-right{
  background:url(../images/bg-title-right.jpg) left top no-repeat;
  width:12px;
  height:35px;
  margin:0 auto;
  padding:0;
  float:left;
}
.hmenu ul{
	width:240px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
	line-height:36px;
}
.hmenu ul li{
	display:block;
	float:left;
	list-style:none;
	line-height:20px;
	height:auto;
	clear:both;
}
.hmenu ul li a{
    background:url(../images/boder-line.jpg) left bottom no-repeat;
	display:block;
	height:auto;
	width:200px;
	margin:0;
	line-height:20px;
	width:190px;
	font:13px tahoma;
	padding:6px 19px;
	float:left;
	color:#000000;
	text-align:justify;
	clear:both;	
}


.hmenu ul li a:hover{
    background:url(../images/boder-line.jpg) left bottom no-repeat;
	display:block;
	height:auto;
	width:200px;
	margin:0;
	width:190px;
	font:13px tahoma;
	padding:6px 19px;
	float:left;
	color:#FF0000;
	text-align:left;
	clear:both;	
}

.hmenu ul li ul
{	
	width: 200px;		
	margin:0;
	padding:0;
	float:left;
}
.hmenu ul li ul.vactive
{	
	display:block;
	
}
.hmenu ul li ul li a:hover span
{
	color:#FF0000;
}
.hmenu ul li ul li a span
{
	padding-left:0px;
	height:15px;
}
.hmenu ul li ul li a
{
	background:url(../images/boder-line.jpg) left bottom no-repeat;
	font:12px tahoma;
	width:200px;
	height:15px;	
	float:left;		
}
.hmenu ul li ul li a:hover
{
	height:15px;	
	width:200px;
}
.hmenu ul li ul li a span
{
    padding:8px 0 8px 15px;
	color:#000000;
}


.box-menu-product-search{
  width:242px;
  height:auto;
  line-height:35px;
  font:bold 13px tahoma;
  color:#333333;
  margin:0 auto;
  padding:8px 0;
  float:left;
}
.box-menu-product-partner{
  width:242px;
  height:auto;
  line-height:35px;
  margin:0 auto;
  padding:8px 0;
  float:left;
}
.box-menu-product-partner img{
  width:200px;
  height:auto;
  margin:5px auto;
  border:5px solid #F0F0F0;
  padding:0;
}


.box-gallery{
 width:470px;
 height:321px;
 float:left;
 margin:0 auto;
 padding:0;
}
.box-gallery img{
 width:470px;
 height:321px;
 float:left;
 margin:0 auto;
 padding:0;
}

.box-menu-product-search-list{
  width:230px;
  height:auto;
  margin:0 auto;
  padding:0 8px;
  line-height:20px;
  float:left;
}
.box-menu-product-search-list a{
  font:bold 12px tahoma;
  color:#000000;
  margin:0 auto;
  text-align:justify;
}
.box-menu-product-search-list a:hover{
  font:bold 12px tahoma;
  color:#FF0000;
  margin:0 auto;
}



.box-news-img{
  width:65px;
  height:70px;
  margin:0 auto;
  padding:0 14px 0 2px;
  float:left;
}
.box-news-img img{
  width:65px;
  height:60px;
  border:5px solid #FFFFFF;
  margin:0 auto;
  padding:0px;
}
.box-news-list-name{
  height:auto;
  padding:0 3px;
}

.box-news-list-name a{
  font:bold 12px tahoma;
  color:#333333;
  text-align:justify;
}

.box-news-list{
  margin:8px 0px;
}
.box-intro{
 width:710px;
 *width:698px;
 height:auto;
 margin:0 auto;
 border:1px solid #999999;
 float:left;
}

.box-intro-title{
 width:698px;
 height:auto;
 margin:0 auto;
 padding:5px 6px;
 float:left;
 
}

.tempabc{
 
 
 }
 
.tempabc a{

 
  
}
.box-intro-title a{
 font:bold 15px tahoma;
 color:#FF9900;

 
}
.box-intro-img{
  width:125px;
  height:120px;
  float:left;
}

.box-intro-img img{
  width:110px;
  height:90px;
  border:6px solid #F0F0F0;
  padding:0px;
}
.box-intro-text{
  color:#000000;
  text-align:justify;
  padding:0 6px;
}
.box-intro-detail{
  height:auto;
  float:left;
  text-align:right;
}
.box-intro-detail a{
 font:12px tahoma;
 color:#FF9900;
}

.box-product-news{
 width:712px;
 *width:698px;
 height:auto;
 margin:0 auto;
 padding:10px 0px;
 margin:0 0 0 0 0;
 border:1px solid #999999;
 float:left;
}
.box-product-frame{
 width:167px;
 height:180px;
 margin:6px 3px 6px 3px;
 float:left;
 
}
.box-product-frame img{
 width:140px;
 height:120px;
 margin:0 auto;
 border:10px #F0F0F0 solid;
}
.box-product-frame a{
 font:bold 13px tahoma;
 color:#0099FF;
}
.box-gallery-img{
 width:712px;
 height:140px;
 float:left;
}
.box-gallery-img-left{
 width:28px;
 height:138px;
 float:left;
}
#box-gallery-img-center{
 width:654px;
 height:133px;
 border:1px solid #666666;
 line-height:138px;
 margin:1px 0 0 0;
 float:left;
}
.box-gallery-img-right{
 width:28px;
 height:138px;
 float:right;
}
.box-gallery-img-center img{
 width:130px;
 height:115px;
 margin:3px 0 0 3px;
 border:6px solid #F0F0F0;
 float:left;
}
#region3{
 background:url(../images/footer.jpg) left top repeat-x;
 width:960px;
 height:172px;
 clear:both;
 float:right;
}

.box-news{
 width:698px;
 height:172px;
 float:left;
 margin:0 auto;
 padding:0;
}
.box-news-title{
  width:714px;
  height:35px;
  margin:0 auto;
  float:left;
  padding:0;
}
.box-news-content{
  width:710px;
  height:auto;
  margin:0 0 0 1px;
  float:left;
  padding:0;
}
.box-news-content2{
  width:710px;
  height:1000px;
  margin:0 0 0 1px;
  padding:0 0 0 10px;
  border:1px #999999 solid;
  padding:0;
}
.box-news-left{
  background:url(../images/bg-title-left.jpg) left top no-repeat;
  width:12px;
  height:35px;
  margin:0 auto;
  padding:0;
  float:left;
}
.box-news-center{
  background:url(../images/bg-title-center.jpg) left top repeat-x;
  width:690px;
  height:35px;
  margin:0 auto;
  line-height:35px;
  font-family:tahoma;
  font-size:15px;
  font-weight:bold;
  text-align:center;
  color:#FFFFFF;
  padding:0;
  float:left;
}
.box-news-right{
  background:url(../images/bg-title-right.jpg) left top no-repeat;
  width:12px;
  height:35px;
  margin:0 auto;
  padding:0;
  float:left;
}
.box-news-cate{
  width:698px;
  height:20px;
  line-height:20px;
  float:left;
  background:#B0CDEB;
  margin:5px 0;
}
.box-news-cate a{
 font:bold 13px tahoma;
 color:#000000;
}
.url-top{
   width:698px;
   height:20px;
   line-height:25px;
   font:12px tahoma;
   color:#0066CC;
}
.title-name{
  height:auto;
  float:left;
  color:#000000;
  margin:5px auto;
}
.title-name a{
 font: bold 13px tahoma;
 color:#000000;
}

.title-name a:hover{
 font: bold 13px tahoma;
 color:#FF0000;;
}
.detail{
  width:700px;
  height:20px;
  float:left;
  line-height:20px;
  text-align:right;
 }
.detail a{
  font:11px tahoma;
  color:#666666;
}
.detail a:hover{
  color:#FF0000;
}
.td1{
 text-align:right;
}
.border-line{
  background:url(../images/border-line.jpg) center no-repeat;
  width:700px;
  height:1px;
  float:left;
  margin:8px 0;
}
.other{
  width:700px;
  height:auto;
  margin:3px 0;
  float:left;
}
.other a{
  font:12px tahoma;
  color:#0033FF;
  text-decoration:underline;
}
.other a:hover{
  color:#FF0000;
}
.text{
 font:13px tahoma;
 color:#000000;
 padding:8px 6px;
 text-align:justify;
}
.box-product-detail{
 width:195px;
 height:170px;
 margin:0 auto;
 margin:6px 0;
 float:left;
 text-align:center;
 font:bold 12px tahoma;
 color:#0099FF;
}

.box-product-detail img{ 
 width:174px;
 height:150px;
 margin:0 auto;
 border:6px solid #F0F0F0;
 margin:0px 0;
 float:left;
}
.img-spnew{
  width:210px;
  height:150px;
  border:1px solid #666666;
  float:left;
}

.img-spnew img{
  width:210px;
  height:150px;
  float:left;
}

.footer{
  background:url(../images/bg-footer.jpg) left top repeat-x;
  float:left;
  height:145px;
  width:960px;
}
.menu-footer{
  font:bold 12px tahoma;
  text-align:center;
  color:#0E448E;
  padding:15px 0;
}
.menu-footer a{
  font:bold 12px tahoma;
  text-align:center;
  color:#0E448E;
  padding:15px 0;
}
.menu-footer a:hover{
  color:#FF0000;
}
.name-company{
  font:bold 15px tahoma;
  text-align:center;
  color:#FF0000;
  padding:5px 0;
}
.add{
  font:normal 12px tahoma;
  text-align:center;
  color:#000000;
  padding:5px 0;
}
.design{
  font: bold 11px tahoma;
  color:#FF0000;
  text-align:right;
  padding:5px 8px;
}
.design a{
  font: bold 11px tahoma;
  color:#FF0000;
  text-align:center;
  padding:0;
  text-decoration:underline;
}
.design a:hover{
  font: bold 11px tahoma;
  color:#FF6600;
  text-align:center;
  padding:0;
  text-decoration:underline;
}

.class-image{
  width:120px;
  height:90px;
  margin:0 auto;
  padding:0 14px 0 2px;
  float:left;
}
.class-image img{
  width:120px;
  height:90px;
  border:1px solid #CCCCCC;
  margin:0 auto;
  padding:0px;
}
.xemthem{
    text-align:right;
	margin:5px 0;
	padding:0;
}
.xemthem a{
    font:12px Arial, Helvetica, sans-serif;
    color:#0066FF;
	text-decoration:underline;
}
.xemthem a:hover{
    color:#FF0000;
}