@charset "utf-8";
@font-face {
     font-family: 'Athiti-Regular';
    src: url('Athiti-Regular.eot');
    src: url('Athiti-Regulard41d.eot?#iefix') format('embedded-opentype'),
         url('Athiti-Regular.woff') format('woff'),
         url('Athiti-Regular.ttf') format('truetype'),
         url('Athiti-Regular.svg#Athiti-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*,html,body{
	margin: 0;
	padding: 0;
}
body{
	width: 100%;
	text-align: center;
	font-family: Arial ,'Athiti-Regular';

}
a{
	text-decoration: none;
}
a img{
	border:none;
}

.clear{
	width:100%;
	clear:both;
}
.clearfix:after{
	content: "";
	display: block;
	clear:both;
	visibility: hidden;
}
.mainshadow{
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2) ,0px 0px 30px rgba(0,0,0,0.2);
	margin-left: auto;
	margin-right: auto;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	background-color: white;
}
.wrapper{
	width: 1020px;
	/*
margin-left: auto;
	margin-right: auto;
*/
	margin:0 auto;
	background-color: white;
	position: relative;
	text-align: center;
}

.mainwrap{
	width:1060px;
	position: relative;
	text-align: center;
	/*
margin-left: auto;
	margin-right: auto;
*/
	margin:0 auto;
}
.span1{
	width:330px;
	float: left;
}
.span2{
	width:675px;
	float: left;
}
.span3{
	width:1020px;
}
.gab-left{
	margin-left: 15px;
}
.gab-right{
	margin-right: 15px;
}

.header{
	width:1020px;
	height: 150px;
	border-bottom:1px solid #c4c4c4;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/headerbg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;
}

.mainlogo{
	/* width: 180px; */
	height: 112px;
	position: absolute;
	top:10px;
	left: 30px;
}
.mainlogo:after{
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
.mainlogo a{
	width:100%;;
	height: 60px;
	display: block;
}
.mainlogo img{
	display: inline;
	float: left;
	margin-left: 10px;
}
/*
.mainlogo img:first-child{
	height: 50px;
	width: 120px;
}
*/
.mainlogo a h1{
	visibility: hidden;
}
.topcontact{
	display: inline;
	float: right;
	margin-top: 20px;
	font-family: font-family: Arial;
	font-size: 20px;
	color: #3b81ec;
	text-align: right;
}
.topcontact span{
	color: #646464;
}
.hotline {
	float: right;
	display: inline;
}
.hotline li{
	list-style: none;
	font-family: Arial;
	color: #999999;
	font-size: 13px;
	float: left;
	margin-left: 10px;
}
.topnav{
	height: 40px;
	/* margin-top: 72px; */
	position: absolute;
	top:72px;
	right: 0px;

}
.topnav ul li{
	list-style: none;
	margin-left: 5px;
	float: left;
}
.topnav ul li:first-child{
	margin-left: 0;
}
.topnav ul li a span{
	visibility: hidden;
}
.home {
	width: 129px;
	height: 40px;
	display: block;
	background-image: url(../images/nav-home.jpg);
	background-repeat: no-repeat;
}
.home:hover{
	background-image: url(../images/nav-home_ov.jpg);
}
.products{
	width: 129px;
	height: 40px;
	display: block;
	background-image: url(../images/nav-products.jpg);
	background-repeat:no-repeat;
}
.products:hover{
	background-image: url(../images/nav-products_ov.jpg);
}
.companyprofile{
	width:176px;
	height: 40px;
	display: block;
	background-image: url(../images/nav-companyprofile.jpg);
	background-repeat: no-repeat;
}
.companyprofile:hover{
	background-image: url(../images/nav-companyprofile_ov.jpg);
}
.contact{
	width:146px;
	height: 40px;
	display: block;
	background-image:url(../images/nav-contact.jpg);
	background-repeat: no-repeat;
}
.contact:hover{
	background-image:url(../images/nav-contact_ov.jpg);
}
.footer{
	width:100%;
	height: 120px;
	background-image: url(../images/bottomframeshadow.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	position: relative;
}
.footer .footer-stat{
	position: absolute;
	top:22px;
	left: 0px;
}
.footer-stat ul li{
	list-style: none;
	float: left;
	height: 13px;
	border-left: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial;
	font-size: 14px;
	color: #999999;
	line-height: 14px;
}
.footer-stat ul li:first-child{
	border: none;
	padding-left: 0;
}
.footer .footer-nav{
	position: absolute;
	top:22px;
	right:0px;
}
.footer-nav ul li{
	height: 15px;
	list-style: none;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid black;
	line-height: 14px;
}
.footer-nav ul li:first-child{
	padding-left: 0px;
	border: none;
}
.footer-nav ul li a{
	font-family: Arial;
	font-size: 14px;
	line-height: 0;
	color: black;
	text-decoration: none;
}
.footer-nav ul li a:hover{
	color: #00ccff;
	text-decoration: underline;
}
.footer .address{
	position: absolute;
	bottom: 20px;
	left: 0px;
	font-family: Arial;
	font-size: 14px;
	color:#999999 ;
}
.footer .copyright{
	position: absolute;
	top: 20px;
	right: 0px;
	font-family: Arial;
	font-size: 14px;
	color:#999999 ;
}
.mainslide{
	width: 1020px;
	height: 468px;
	position: relative;
	overflow: hidden;
}
.mainslide .sliderkit-go-prev{
	width:40px;
	height: 40px;
	position: absolute;
	top:214px;
	left: -20px;
}
.mainslide .sliderkit-go-next{
	width:40px;
	height: 40px;
	position: absolute;
	top:214px;
	right: -20px;
}

.mainslide .sliderkit-go-prev a{
	width:40px;
	height: 40px;
	display: block;
	background-image: url(../images/slidenav-left.png);
	background-repeat: no-repeat;
}
.mainslide .sliderkit-go-next a{
	width:40px;
	height: 40px;
	display: block;
	background-image: url(../images/slidenav-right.png);
	background-repeat: no-repeat;
}
.mainslide .sliderkit-btn a span{
	visibility: hidden;
}
.mainslide .sliderkit-panels{
	width:880px;
	height: 468px;
	position: relative;
	/* display: inline; */
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* float: left; */
	margin-left: 70px;
}
.mainslide .sliderkit-panel{
	width:880px;
	height: 468px;
	margin-left: auto;
	margin-right: auto;
}
.mainslide .sliderkit-panel:first-child{
	background-color: white;
}
.mainslide .sliderkit-nav{
	height: 15px;
	width:100%;
	position: absolute;
	bottom: 20px;
	left: -30px;
}
.mainslide .sliderkit-nav-clip{
	margin-left: auto !important;
	margin-right: auto !important;
}
.mainslide .sliderkit-nav-clip ul li{
	width: 15px;
	height: 15px;
	list-style: none;
	float: left;
	padding-left:3px;
	padding-right:3px;
}
.mainslide .sliderkit-nav-clip ul li a{
	width: 15px;
	height: 15px;
	display: block;
	border-radius: 15px 15px 15px 15px;
	/* background-color: #bababa; */
	background-image: url(../images/grayball.jpg);
	-pie-border-radius:15px 15px 15px 15px;
	behavior: url(PIE.html);
}
.mainslide .sliderkit-nav-clip ul li.sliderkit-selected a{
	width: 15px;
	height: 15px;
	border-radius: 15px;
	display: block;
	/* background-color: #00ccff; */
	/* background-color: #5d9744; */
	background-image: url(../images/greenball.jpg);
}
.imgbox{
	width:180px;
	height: 180px;
	float: left;
	margin-left: 20px;
	border: 1px solid #c4c4c4;
}
.home-news{
	display: none;
}
.home-news h2{
	margin-left: 20px;
	margin-bottom: 25px;
}
.home-news p{
	float: left;
	text-align: justify;
}

.hili{
	height: 299px;
	position: relative;
	display: none;
}
.hili .sliderkit-panels,.hili .sliderkit-panel{
	width: 330px;
	height: 299px;
	overflow: hidden;
}
.aboutusbg{
	min-height: 505px;
	padding-bottom: 400px;
	background-image: url(../images/aboutusbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.content{
	width: 880px;
	min-height: 380px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 36px;
}
.content .leftcol{
	width: 439px;
	height: 420px;
	border-right: 1px solid #c4c4c4;
	float: left;
	display: inline;
	color: #646464;
	font-family: 'Athiti-Regular';
}
.content .rightcol{
	width:440px;
	height: 420px;
	float: left;
	display: inline;
	/* overflow-x: hidden; */
	/* overflow-y: scroll; */
}
.rightcol p{
	padding-left: 15px;
	padding-right: 10px;
	font-family: Arial;
	font-size: 0.9em;
	color: #999999;
}
.contactform{
	width:440px;
	height: 380px;
	float: left;
	display: inline;
}
/******* font *****/
.normal{
	font-family: CordiaUPC,'Athiti-Regular';
	font-size: 22px;
	line-height: normal;
	text-indent: 20px;
}
h2{
	font-family: Arial,'Athiti-Regular';
	font-size: 24px;
	/* color: #00ccff; */
	color: #5d9744;
}
p{
	font-family: Arial,'Athiti-Regular';
	font-size: 16px;
	text-indent: 30px;
	text-align: justify;
}
.tellist{
	font-family: Arial;
	font-size: 18px;
	float: right;
	margin-right: 15px;
	text-align: right;
}
.tellist ul li{
	list-style: none;
}
.tellist ul li span{
	color: #5d9744;
	
}

/***** contact form *****/
.contactform table{
	margin-top: 20px;
}
.contactform table tr td{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: right;
	font-family: Arial;
	font-size: 14px;
}
.contactform table tr td:first-child{
	width: 100px;
	padding-right: 5px;
}
.contactform input[type="text"]{
	width:300px;
	height: 24px;
	box-shadow: none;
	border: 1px solid #c4c4c4;
}
.contactform textarea{
	width:300px;
	height: 150px;
	box-shadow: none;
	border: 1px solid #c4c4c4;
	resize: none;
}
.sendbtn{
	width: 100px;
	height: 30px;
	display: block;
	background-color: #d6d6d6;
	font-family: Arial;
	font-size: 10px;
	line-height: 30px;
	color: black;
	text-decoration: none;
	text-align: center;
	border: 1px solid #c4c4c4;
}
.sendbtn:hover{
	background-color: #5d9744;
}
.productpanel{
	width: 1020px;
	/* height: 555px; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color:#f7f7f7;
	background-image: url(../images/productpanelbg.jpg);
	background-repeat: repeat-x;
	background-position:left top;
	padding-top: 35px;
}
.inner{
	width:880px;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
}
.leftpanel{
	width: 325px;
	float: left;
	display: inline;
	margin-left: 20px;
	position: relative;
	z-index: 9999;
}
.rightpanel{
	width:510px;
	display: inline;
	float: left;
}
.thumbslide{
	width:273px;
	height: 182px;
	background-color: white;
	border: 1px solid #c4c4c4;
}
.selectholder{
	/* width: 283px; */
	/* height: 40px; */
	position: relative;
	/*
border-left: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	background-image: url(../images/downlist.jpg);
	background-repeat: no-repeat;
	background-position: right center;
*/
}
.selectholder select{
	width:283px;
	height: 42px;
	appearance: button;
	border: none;
	-webkit-appearance: none;
}
.selectbox{
	padding-left: 80px;
	background-image: url(../images/selectbg.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
.selectmaster{
	width: 283px;
	height: 40px;
	border-left: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	background-image: url(../images/downlist.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: white;
}

/*
.select-list{
	width:245px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	display: none;
	background-color: #bababa;
}
*/
.select-list{
	width: 720px;
	/* height: 330px; */
	overflow: hidden;
	display: none;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #c4c4c4;
	position: absolute;
	/* z-index: 9999; */
	padding: 10px;
	top:50px;
	left: 0;
	
	
	
	background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #b5c6d0 68%, #e0eff9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(68%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 68%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 68%,#e0eff9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 68%,#e0eff9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f6f8 0%,#b5c6d0 68%,#e0eff9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */

}
.select-list:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
/*
.select-list > div{
	height: 40px;
	width:220px;
	float: left;
	padding-right: 10px;
	background-color: white;
	border: 1px solid #c4c4c4;
	position: relative;
}
*/
/*
.select-list a{
	width:220px;
	height: 40px;
	position: absolute;
	top:0;
	left:0;
}
*/
.listbtn{
	display: block;
	width:210px;
	height: 38px;
	overflow: hidden;
	position: absolute;
	float: left;
	left: 0;
	top:2;
	background-image: url(../image/sai.html);
	
}
.select-list   .listitem{
	height: 43px;
	width:220px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	display: inline;
	background-color: white;
	border:1px solid #c4c4c4;
	position: relative;
	padding-right: 10px;
	overflow: hidden;
}
 .listitem a{
	height: 38px;
	width:210px;
	display: block;
 }
.listitem:hover ,.itemname:hover ,.miniitem:hover{
	cursor: pointer;
}
.listitem:hover .itemname{
	/* background-color:#84caff; */
	/* color:#60bdff; */
	color: black;
}
/* .select-list */.listitem .miniitem{
	width:80px;
	height: 40px;
	display: inline;
	float: left;
	margin-left: 2px;
	position: relative;
	z-index: 0;
}
/* .select-list */ .listitem .itemname{
	display: inline;
	/* float: right; */
	font-family: Arial;
	font-size: 18px;
	color: #999999;
	font-style: normal;line-height: 40px;
	position: relative;
	z-index: 0;
}
.itemname{
	font-family: Arial;
	font-size: 18px;
	color: #999999;
	font-style: normal;line-height: 40px;
}


.productname{
	width:283px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: block;
	height: 30px;
	font-family: Arial;
	font-size: 24px;
	text-align: right;
	color: #222222;
}

.holdbox{
	width: 220px;
	height: 40px;
	background-color: white;
	float: left;
}
.holdbox div{
	display: inline;
}
.holdbox  .miniitem{
	width:80px;
	height: 38px;
	display: inline;
	float: left;
	margin-left: 2px;
}
.holdbox  .itemname{
	display: inline;
	float: right;
}

.spec{
	width:282px;
	/* margin-bottom: 10px; */
}
.spec .label td{
	font-family: Arial;
	font-size: 13px;
	color: #999999;
	text-align: right;
	padding-top: 5px;
}
.spec .detail td{
	font-family: Arial;
	font-size: 15px;
	text-align: right;
	color: #222222;
	padding-top: 5px;
	padding-bottom: 5px;
}
.slideholder{
	height: 417px;
	width: 515px;
	position: relative;
}
.showproduct{
	width:512px;
	height: 338px;
	position:relative;
	border: 1px solid #c4c4c4;
}
.showproduct .sliderkit-panels{
	width:512px;
	height: 338px;
	overflow: hidden;
}
.showproduct .sliderkit-nav{
	position: absolute;
	width:515px;
	height: 67px;
	bottom: -77px;
	left: 0px;	
}
.showproduct .sliderkit-nav-clip{
	width:515px;
	height: 67px;
	position: relative;
}
.showproduct .sliderkit-nav-clip ul li{
	list-style: none;
	width:102px;
	height: 67px;
	cursor: pointer;
}

.showproduct .sliderkit-nav-clip ul li:first-child{
	padding-left: 0;
}
.showproduct .sliderkit-nav-clip ul li img{
	border: 1px solid #c4c4c4;
	width:99px;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
}
.showproduct .sliderkit-btn{
	width:100%;
	position: absolute;
	top:145px;
}
.showproduct .sliderkit-btn a span{
	visibility: hidden;
}
.showproduct .sliderkit-go-prev{
	width:40px;
	height: 40px;
	position: absolute;
	left: 0;
}
.showproduct .sliderkit-go-prev a{
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	background-image: url(../images/nav-product-left.jpg);
}
.showproduct .sliderkit-go-next{
	width:40px;
	height: 40px;
	position: absolute;
	right: 0;
}
.showproduct .sliderkit-go-next a{
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	background-image: url(../images/nav-product-right.jpg);
}
.tb-profile{
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 40px;
}
.tb-profile tr td{
	font-family: Arial;
	font-size: 0.9em;
	color: #646464;
}
.tb-profile tr td:first-child{
	font-family: Arial;	
	color: #5d9744;
	font-size: 0.8em;
	text-align: right;
}
/*
.thumb-ass{
	
}
.thumb-ass ul li{
	list-style: none;
	float: left;
	margin-left: 3px;
	background-color: white;
	border: 1px solid #c4c4c4;
}
.thumb-ass ul li div{
	font-size: 14px;
	text-align: center;
}
*/
.thumb-ass{
	display: block;
	float: right;
	margin-right: 20px;
	width: 300px;
	position: relative;
	border: 1px solid #c4c4c4;
	z-index: -1 !important;
}
.thumb-ass:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
.thumb-ass a{
	text-decoration: none;
}
.thumb-ass .img{
	float: left;
	display: inline;
	width: 100%;
	/* height: 85px; */
	background-color: white;
	padding-bottom: 10px;
}
.thumb-ass .img:after{
	content: "";
	display: block;
	visibility: hidden;
	clear:both;
}
.thumb-ass .label{
	float: right;
	display: inline;
	position: relative;
	color: #999999;
	font-family: Arial;
	font-size: 15px;
}
.thumb-ass .detial-list{
	display: inline;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

.thumb-ass .detial-list ul li{
}

.thumb-ass .detial-list ul li{
	text-decoration: none;
	color: #222222;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	list-style: none;
}
.thumb-ass .detial-list ul li:first-child{
	font-size: 18px;
	font-weight: bold;
}
/*
.thumb-ass ul li{
	list-style: none;
	width: 100px;
	margin-top: 10px;
	margin-left: 3px;
	background-color: white;
	border: 1px solid #c4c4c4;
	position: relative;
}
.thumb-ass ul li div{
	font-size: 14px;
	text-align: left;
	position: absolute;
	right: -120px;
	top:0px;
}
*/
.download{
	display: block;
	margin-top: 10px;
	float: right;
	margin-right:20px;
	margin-bottom: 10px;
}

.sales{
	/* color: #5d9744; */
	color: rgb(63,126,62);
	text-transform: uppercase;
	font-weight: 600;
}
.width450{
	width: 450px;
}
.img-pop{
	position: absolute;right: 40px;width: 350px;top:0px;height: 420px;
}
.news-title{
	margin-top: 100px;
	margin-left: 30px;
	font-family: Arial ,'Athiti-Regular';
	font-size: 22px;
}
.news-body{
	width: 420px;
	float: left;
	margin-left: 30px;
}
.news-body p{
	color: #646464;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-family: Arial,'Athiti-Regular';
	font-size: 18px;
}
.map{
	float: right;
}