@charset "UTF-8";
/* CSS For Trust */

body { 	margin-top:0px;
	background-repeat:repeat;
	background-color:#ffffff;
	background-image:url(images/mg-main.jpg);
	margin-left:auto;
	font: 12px/1.2em Arial, Tahoma, Verdana;
	color:#333333;
	margin-right: auto;
	text-align:center;}

#mainDetail {
	background:#fff url(images/mg-main.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:auto;
	width: auto;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
}	
#main {
	background:#fff url(images/mg-main.jpg);
	background-position:top;
	background-repeat:repeat;
	height:auto;
	width: auto;
	text-align: center;
}
#long {
	background:#fff url(images/bg.jpg);
	background-repeat: repeat-x;
	min-height:700px;
	overflow:auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	width: 980px;
	background-position:top;
}
.mainpage h3 {
	margin-bottom:-10px;
	font-size:18px;
	}
#header {
	background:#fff url(images/bg-top.jpg) repeat center top;
	height:220px;
}
.header-main {
	width:980px;
	height:220px;
	margin-right: auto;
	margin-left: auto;
}
.topicname {width:310px; height:auto; padding-left:20px; text-align:left;}
.line {width:295px; border:#CCC; border-style: solid; margin-top:-10px;margin-left:-5px;}
.logo {
	width:980px;
	height:138px;
}
.logoicon {
	width:250px;
	padding-top:20px;
	float:left;
	height:110px;
	text-align: left;
}
.slogan {width:500px; float:right; height:110px; padding-top:20px; text-align:right;}
.part1 {width:630px; float:left; margin-right:20px;}
#LeftColumn {
	width:635px;
	float:left;
	height:auto;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
}
#RightColumn {width:330px; float:left; height:auto; padding-bottom:20px;}
.rightrow {
	margin-bottom:20px;
	height:auto;
	float:left;
	background-image: url(images/product-category.jpg);
	background-repeat: no-repeat;
	width:330px; height:380px;
}
.CatYears {
	margin-bottom:40px;
	height:auto;
	float:left;
	width:290px;
	height:auto;
	font-family: Geneva, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align:left;
	padding-left:40px;
	
}
.CatYears a {color: #666; float:left; text-decoration:none;  line-height:200%;	width:310px; font:Lucida Sans, Trebuchet MS, sans-serif;  color:#666666;}
.CatYears a:hover { color:#F90; } 
.search {
	background-image:url(images/search.jpg);
	background-repeat:no-repeat;
	width:330px;
	height:180px;
}
.rightvdo {
	margin-bottom:20px;
	height:auto;
	float:left;
}
.menufirst {
	width:980px;
	background-image:url(images/bg-menu.jpg);
	background-repeat:repeat-x;
	height:28px;
repeat center top;					padding-top: 9px;
	text-align: left;
}
.menufirst a{
	color: #df6a00;
	font: 12px/2em Arial;
	text-decoration:none;
	padding-right:20px;
}
.menufirst a:hover{ font-weight:bold;
}
.menusecond {width:980px; background-image:url(images/bg-menuse.jpg); background-repeat:repeat-x; height:40px; repeat center top}
#footer {
	background:#fff url(images/footer.jpg) center top;
	height:350px;
	background-repeat: repeat-x;
	float: left;
	width: 100%; padding-bottom:20px;
}
.footerMain {
	width:980px;
	height:340px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
}
.footerRow1 {
	width:980px;
	height:276px;
	text-align: center;
	font-family:Arial;
	color:#000000;
}
.footerRow1 a {
	text-decoration: none;
	color:#333333;
}
.footerRow2 {
	width:980px;
	height:20px;
	text-align: right;
	padding-top:15px;
	font: 11px/1.4em Arial;
	color: #414141;
}

.footxt3 {
	float:left;
	width:350px;
	height:260px;
	text-align:left;
	padding-right: 20px;
}
.footxt3 h1{
	padding-bottom:15px;
	padding-top:10px;
	font-size:24px;
}
.footxt3 detail{
	padding-top:10px;
	color: #373737;
	font: 12px/2em Arial;
}
.footxt2 {
	float:left;
	width:230px;
	height:260px;
	text-align:left;
	padding-right: 20px;
}
.footxt2 h1{
	padding-bottom:15px;
	padding-top:10px;
	font-size:24px;
}
.footxt2 detail{
	padding-top:10px;
	color: #373737;
	font: 12px/2em Arial;
}
.footxt2 left{
	float:left;
	height:150px;
	color: #373737;
	font: 12px/2em Arial;
	width:100px;
}
.footxt2 left a{
	padding-right:50px;
	text-decoration:none;
}
.footxt2 right{
	float:left;
	height:150px;
	padding-right:5px;
	color: #373737;
	font: 12px/2em Arial;
	width:110px;
}
.footxt2 right a{
	text-decoration:none;
	font-weight:normal;
}

.footxt1 {
	float:left;
	width:300px;
	height:260px;
	text-align:left;
	padding-right: 20px;
}
.footxt1 h1{
	padding-bottom:15px;
	padding-top:10px;
	font-size:24px;
}
.footxt1 detail{
	padding-top:10px;
	color: #373737;
	font: 12px/2em Arial;
}
.orange {color: #eb4900;
	font: 12px/2em Arial;}
.orange a{color: #eb4900;
	font: 12px/2em Arial; }
.orange a:hover{color: #eb4900;
	font: 12px/2em Arial; text-decoration:underline; }

.menu1 {
	margin:0;
	list-style:none;
	height:43px;
	position:relative;
}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:43px; line-height:45px; color:#aaa; text-decoration:none; font-size:13px; font-family:Lucida Sans, Trebuchet MS, sans-serif; text-align:center; padding:0 0 0 16px; cursor:pointer; color:#ffffff; text-shadow: 1px 1px #211d1e, 1px 1px #f1f3f9;}
.menu1 li a b {float:left; display:block; padding:0 28px 0 8px;}
.menu1 li.current a {color:#fff; background:url(images/button3.gif);}
.menu1 li.current a b {background:url(images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(images/button2.gif);}
.menu1 li a:hover b {background:url(images/button2.gif) no-repeat right top; }
.menu1 li.current a:hover {color:#fff; background:#4a4a4a url(images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(images/button3.gif) no-repeat right top;}

#feature {width:615px; height:300px; float:left; margin-right:15px; text-align:left; background-image:url(images/reature.jpg); background-repeat:no-repeat; margin-left:20px;}
#vdo {
	width:330px;
	height:auto;
	float:left;
	text-align: center;
	padding-top:10px;
}


#slide {width:615px; height:180px; float:left; margin-right:15px; text-align:left; background-image:url(images/slide.jpg); background-repeat:no-repeat; margin-left:20px;}
.slide-left {float:left; width:31px; padding-right:10px;}
.slide-right {float:left; width:31px; padding-left:0px;}
.slide-main {float:left; width:533px; height:180px;}


.projectBox {
	width:600px;
	max-height:150px; 
	float:left;
	margin-right:15px;
	display:block; overflow:hidden;
	text-align:left;
	margin-left:20px;
}
.projectPic {
	width:135px;
	height:133px;
	float:left;
	margin:15px 15px 15px 15px;
	background-image: url(images/border.gif);
	background-repeat:no-repeat;
	text-align: center;
	padding-top: 5px;
}
.projectDetail {
	width:270px;
	max-height:125px; overflow:hidden;
	float:left;
	margin:15px 15px 15px 15px;
}
.projectTopic {
	height:20px;
	margin-top: 10px;
}
.projectTopic a{padding-bottom:5px; font-family:Lucida Sans, Trebuchet MS, sans-serif; font-size:12px; color:#ff7800; font-weight:bold; text-align:left; text-decoration:none;}
.Pdetail {padding-bottom:10px;font-family:Lucida Sans, Trebuchet MS, sans-serif; font-size:10px; color:#666666; width:280px; max-height:60px; display:block; overflow:hidden;}
.readmore { height:15px; text-align:left; margin-top:0px;}

.oursafe {
	width:605px;
	float:left;
	padding-left:30px;
	margin-top:20px;
	text-align:left;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.construction {
	width:600px;
	min-height:110px;
	overflow:auto;
	float:left;
	text-align:left;
	margin-left:30px;
	padding-top: 10px;
}
.ConLeft {
	width:300px;
	height:290px;
	padding-bottom:10px;
	float:left;
}
.ConRight {
	width:300px;
	height:290px;
	padding-bottom:10px;
	float:left;
	padding-left: 10px;
}
.ConBox {width:290px; height:90px; padding-bottom:10px;}
.ConTopic {
	height:18px;
}
.ConTopic a{padding-bottom:5px; font-family:Lucida Sans, Trebuchet MS, sans-serif; font-size:12px; color:#ff7800; font-weight:bold; text-align:left; text-decoration:none;}
.ConDate {
	font-family:Lucida Sans, Trebuchet MS, sans-serif;
	font-size:10px;
	color:#cccccc;
	text-align:left;
	text-decoration:none;
}
.ConDetail {
	font-family:Lucida Sans, Trebuchet MS, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:left;
	text-decoration:none;
	padding-top: 10px;
}
.see {
	width:550px;
	float:left;
	padding-left:30px;
	text-align:right;
}
.DetailMain {
	width:980px;
	float:left;
	margin-bottom:40px;
	height:auto;
	position:relative;
}
.leftMain {width:650px; float:left; height:auto; position:relative;}
.PictureDeatil {text-align:center; float:left; clear:both; display:block; width:980px; height:auto; padding-bottom:20px;}
.PictureDeatil Left { width:460px; margin-left:20px; float:left; height:auto; text-align:center;}
.PictureDeatil Right { width:460px; margin-left:20px; float:left; height:auto;text-align:center;}
.PictureDeatil img{ margin-bottom:30px; -moz-border-radius: 3px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;}
.PictureDeatil img a{ border:0px; }
.txtDetail {text-align:left; padding-left:50px; float:left; clear:both; display:block; width:880px; height:auto; padding-bottom:40px; font-family:Lucida Sans, Trebuchet MS, sans-serif; font-size:10px; color:#666666; line-height:180%;}
.txtDetail a{ text-decoration:underline; color:#eb4900;}
.txtDetail topic {
	font-size:12px;
	font-weight:bold;
	color:#eb4900;
	line-height:250%;
	display:block;
}
.txtDetail add {
	font-size:12px;
	font-weight:bold;
	color:#333;
	line-height:250%;
	display:block;
	clear:right;
	padding-left:20px;
}
.txtDetail box {width:800px; float:left; height:auto; display:block; clear:both;}
.txtDetail box left {width:170px; float:left;}
.txtDetail box right {width:600px; float:left;}
.txtDetail detail {padding-left:50px; padding-right:50px; display:block; clear:both;}
.detailTopic {text-align:center; float:left; clear:both; display:block; width:980px; height:auto; padding-bottom:20px;}
.imgsamll {float:left; width:260px; height:auto; padding-bottom:20px; display:block; padding-top:15px; }
.imgsamll img{ margin-bottom:30px; -moz-border-radius: 3px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;}
.txtbottom {float:left; width:500px; height:auto; padding-bottom:20px; display:block; margin-right:20px;}
.detailTopic H1 {
	font-family:Lucida Sans, Trebuchet MS, sans-serif;
	font-size:30px;
	color:#eb4900;
	text-shadow: 1px 2px 1px #ccc;
}
#gallery {margin-left:40px; margin-right:40px; width:890px; height:auto; margin-top:30px; padding-bottom:30px; text-align:center; font-size:11px; display:block; margin-top:80px; color:#CCC;}
#gallery low {width:840px; height:200px; display:block; padding-left:50px;}
#gallery low pic {width:230px; height:195px; float:left; margin-right:50px;}
#gallery low txt {width:230px; height:25px; float:left; margin-top:20px; text-align:center; font-weight:bold;}
#gallery low txt a{text-decoration:none;}
#gallery low txt a:hover { color:#eb4900;}
#gallery img{ -moz-border-radius: 3px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;}


#contact {margin-left:40px; margin-right:40px; width:890px; height:auto; margin-top:30px; padding-bottom:30px; text-align:center; font-size:11px; display:block; margin-top:80px; color:#CCC;}
