@charset "utf-8";
/* CSS Document */


/*-------------General-------------*/

body { background:url(../images/body-bg.jpg) repeat top; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; /*line-height:18px;*/ color:#000; border:0}

.clr { clear:both; }

.spacer{clear:both; line-height:0; height:0; width:0; font-size:0; padding:0; margin:0;}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, dl, dt, dd, img, br, big { padding:0; margin:0; }

a, input { outline:none;}

img {border:0; outline:none;}

.error { color:#FF0000; }

/*-------------Fonts-------------*/

/*@font-face {
    font-family: 'gothicregular';
    src: url('../fonts/gothicregular-webfont.eot');
    src: url('../fonts/gothicregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothicregular-webfont.woff') format('woff'),
         url('../fonts/gothicregular-webfont.ttf') format('truetype'),
         url('../fonts/gothicregular-webfont.svg#gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'AvantGardeThinRegular';
    src: url('../fonts/avantgarde-thin.eot');
    src: url('../fonts/avantgarde-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgarde-thin.woff') format('woff'),
         url('../fonts/avantgarde-thin.ttf') format('truetype'),
         url('../fonts/avantgarde-thin.svg#AvantGardeThinRegular') format('svg');
	font-weight: normal;
    font-style: normal;	 
}

/*-------------Outer Container-------------*/

.container{ width:100%; margin:0 auto; padding:0; }

/*-------------Header-------------*/

.header-warrp{ width:100%; margin:0; background:url(../images/header-bg.jpg) top; height:126px}

.header-container{ width:980px; margin:0 auto; padding:0; border:0}

.logo{ width:157px; float:left; padding:16px 0 0 0; margin:0}

.header-phone{ width:225px; float:right; margin:0; padding:20px 0 0 0; }

.header-phone p{ font-family:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; color:#204b6d; text-align:right; line-height:22px; padding:16px 0; background:url(../images/phone_icon.png) no-repeat left center}

/*-------------Menu Bar-------------*/

.menu-warrp{ width:100%; background:url(../images/menu-bg.jpg) top repeat; height:57px; margin:0}

.menu-container{ width:980px; margin:0 auto; padding:0}

.menu-container ul{ margin:0; padding:0; list-style-type:none;}

.menu-container ul li{ margin:0; padding:0; float:left;}

.menu-container ul li a{ margin:0; padding:18px 30px; color:#FFF; text-decoration:none; font-family:'AvantGardeThinRegular'; font-size:18px; color:#FFF; background:url(../images/divider.png) no-repeat right center; display:block;}

.menu-container ul li a:hover{ background-color:#09F; background-image:none !important;}

/*.menu-container ul{ margin:0; padding:0}

.menu-container ul li{ margin:0; padding:20px 30px; float:left; list-style-type:none; font-family:'AvantGardeThinRegular'; font-size:18px; color:#FFF; background:url(../images/divider.png) no-repeat right center;}

.menu-container ul li a{ margin:0; padding:0; color:#FFF; text-decoration:none}*/

/*.menu-container ul li a:hover{ margin:0; padding:0; color:#FFF; text-decoration:none; background-color:#09F;\}*/

/*.menu-container ul li:hover{ background-color:#09F; background-image:none !important}*/

.no-divider{ background:none !important;}

/*-------------Banner-------------*/

.banner-warrp{ width:100%; background:url(../images/banner-bg.jpg) repeat; height:453px; margin:0}

.banner-container{width:980px; border:10px; margin:0 auto; padding:15px 0 0 0}

.pix_diapo {
	background:#c2c2c2;
	border:10px #c2c2c2 solid;
	height: 377px;	
	overflow: hidden;
	position: relative;
	width: 960px;
}
.pix_diapo > div {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#pix_prev, #pix_next {
	cursor: pointer;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 1001;
}
#pix_prev {
	background: url(images/diapo/prev.png) no-repeat;
	left: 10px;
}
#pix_next {
	background: url(images/diapo/next.png) no-repeat;
	left: auto!important;
	right: 10px!important;
}
#pix_pag {
	margin: 0 auto;
	position: relative;
	width:180px;
	z-index: 1002;
}
#pix_commands {
	cursor: pointer;
	display: block;
	float: left;
	height: 26px;
	margin: 15px 0 0 13px;
	position: relative;
	width: 24px;
}
#pix_play {
	background: url(images/diapo/play.png) center no-repeat;
	height: 24px;
	left: 0;
	position: absolute;
	top: 0;
	width: 24px;
}
#pix_stop {
	background: url(images/diapo/pause.png) center no-repeat;
	height: 24px;
	left: 0;
	position: absolute;
	top: 0;
	width: 24px;
}
#pix_pag_ul {
	float: right;
	margin: 0;
	padding: 0;
}
#pix_pag_ul > li {
	cursor: pointer;
	display: block;
	.display: inline-block;
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 13px 5px 0;
	text-align: center;
	text-indent: -9999px;
	width: 16px;
}
#pix_pag_ul > li > span {
	background: #222;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	height: 16px;
	width: 16px;
}
#pix_pag_ul > li:hover > span > span {
	background: #ccc;
}
#pix_pag_ul > li > span > span {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	float: left;
	height: 8px;
	margin: 4px;
	width: 8px;
}
#pix_pag_ul > li.diapocurrent > span > span {
	background: #ff0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#pix_pag_ul > li > .pix_thumb {
	border: 4px solid #f2f2f2;
	.border: 4px solid #e6e6e6;
	border: 4px solid #e6e6e6\9;
	-moz-box-shadow: 0 1px 8px #000;
	-webkit-box-shadow: 0 1px 8px #000;
	box-shadow: 0 1px 8px #000;
	height: 58px;
 	left: -17px;
	position: absolute;
	top: -40px;
	width: 58px;
}
#pix_pag_ul > li > .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid  #e6e6e6;
	top: 26px;
	left: 12px;
	position: absolute;
}
.pix_relativize {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.elemHover {
	position: absolute;
}
.caption {
	background: rgba(0, 0, 0, 0.8);
    .filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;
	bottom: 20px;
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 20px;
	width: 900px;
}
.ui-loader {
	display: none;
}

/*-------------Body-------------*/

.body-container{ width:980px; margin:0 auto; background:url(../images/body-shedow.png) no-repeat top center;}

.body-warrp{ width:980px; margin:0; padding:20px 0; border-bottom:#000 1px dotted}

.body-left{ width:590px; float:left; margin:0; padding:0}

.body-left h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; text-transform:none; border-bottom:#c7c7c7 solid 1px; line-height:35px; font-weight:normal }

.body-left p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:20px; padding:10px 0 0 0;}

.more{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2e5e84; text-align:right}

.more a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2e5e84; text-align:right}

.more-hrf{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2e5e84; text-decoration:underline; cursor:pointer}

.body-img{ width:580px; background:#eaeaea; padding:5px; margin:10px 0 0 0}

.body-right{ width:370px; float:right; margin:0; padding:0}

.body-right h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; text-transform:none; border-bottom:#c7c7c7 solid 1px; line-height:35px; font-weight:normal }

.body-right-box{ width:370px; margin:0; padding:18px 0 0 0}

.body-right-box-img{ width:116px; margin:0; padding:5px; background:#eaeaea; float:left}

.body-right-box-text{ width:224px; margin:0; padding:0; float:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:20px}

.body-warrp2{ width:980px; margin:0; padding:16px 0 20px 0; }

.policy{ width:307px; margin:0; float:left; background:#eaeaea; padding:5px;}

.policy-text{ width:648px; margin:0; float:right;}

.policy-text h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; font-weight:normal; font-weight:normal  }

.policy-text p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:20px; padding:10px 0 0 0}

/*-------------Footer-------------*/

.footer-warrp{ width:100%; background:url(../images/footer-bg.jpg) repeat top; margin:0;}

.footer-container{ width:980px; margin:0 auto}

.footer-box{ width:310px; margin:0; float:left; padding:15px 0 15px 0}

.footer-box h2{font-family:'AvantGardeThinRegular'; font-size:16px; color:#fff; background:url(../images/footer-line.png) repeat-x bottom; width:310px; padding:0 0 10px 0; font-weight:normal }

.footer-box p{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; font-size:13px; line-height:20px; padding:10px 0 0 0 }

.footer-box-text1{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; font-size:12px; line-height:20px; padding:5px 0 0 0 }

.footer-box2{ width:310px; margin:0 0 0 23px; float:left; padding:15px 0 15px 0}

.footer-box2 h2{font-family:'AvantGardeThinRegular'; font-size:16px; color:#fff; background:url(../images/footer-line.png) repeat-x bottom; width:310px; padding:0 0 10px 0; font-weight:normal }

.footer-box2 ul{ margin:0; padding:5px 0 0 0}

.footer-box2 ul li{ margin:0; padding:6px 19px; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; background:url(../images/arrow.png) no-repeat left center;}

.footer-box2 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; text-decoration:none}

.footer-box2 ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#3d9eea; text-decoration:underline}

.footer-box3{ width:310px; margin:0; float:right; padding:15px 0 15px 0}

.footer-box3 h2{font-family:'AvantGardeThinRegular'; font-size:16px; color:#fff; background:url(../images/footer-line.png) repeat-x bottom; width:310px; padding:0 0 10px 0; font-weight:normal }

.input-box{ width:174px; height:34px; margin:0; padding:0 5px; border:none; background:url(../images/text-box.png) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF}

.input-btn{ width:75px; height:33px; background:url(../images/btn.png) no-repeat; margin:0; padding:0; border:0; cursor:pointer}

.td-text{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; padding:5px 0}

/*-------------CopyRight-------------*/

.copy{ width:100%; background:url(../images/sub-footer-bg.jpg) repeat top; margin:0}

.copy-container{ width:980px; margin:0 auto; padding:10px 0}

.copy-text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; font-style:normal; width:400px; float:left}

.copy-text2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; font-style:normal; width:250px; float:right}

.copy-text2 a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; font-style:normal; text-decoration:none}

.copy-text2 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; font-style:normal; text-decoration:none}

/*---------------about us--------------*/

.about-us-warrp{ width:980px; margin:0; padding:20px 0;}

.about-us{ width:980px; margin:0; padding:0}

.about-us h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; text-transform:none; border-bottom:#c7c7c7 solid 1px; line-height:35px; font-weight:normal }

.about-us p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:20px; padding:10px 0 0 0;}

/*---------------Vision & Mission--------------*/

.vision-mission-warrp{ width:980px; margin:0; padding:20px 0;}

.vision-mission{ width:980px; margin:0; padding:0}

.vision-mission h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; text-transform:none; border-bottom:#c7c7c7 solid 1px; line-height:35px; font-weight:normal }

.vision-mission p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:20px; padding:10px 0 0 0;}

.vision-mission h1{ font-family:'AvantGardeThinRegular'; font-size:18px; color:#000; line-height:30px; font-weight:normal }

/*---------------Product--------------*/

.product-warrp{ width:980px; margin:0; padding:20px 0;}

.product{ width:980px; margin:0; padding:0}

.product h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; text-transform:none; border-bottom:#c7c7c7 solid 1px; line-height:35px; font-weight:normal }

.product-box{ width:316px; float:left; margin:0}

.product-box ul{ padding:0; margin:0}

.product-box ul li{ padding:15px 0 3px 28px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; background:url(../images/tick.png) no-repeat left 9px; list-style-type:none; font-weight:bold}

.product p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:20px; padding:10px 0 0 0;}

.product h1{ font-family:'AvantGardeThinRegular'; font-size:18px; color:#000; line-height:30px; font-weight:normal }

.product-box1{ width:616px; float:right; margin:15px 0 0 0; padding:10px; border:1px solid #CCC}

/*---------------Contact--------------*/

/*.contact-warrp{ width:980px; margin:0; padding:20px 0;}

.contact{ width:980px; margin:0; padding:0}*/

.contact-warrp{ width:470px; margin:0; padding:20px 0; float:left}

.contact-warrp2{ width:470px; margin:0; padding:20px 0; float:right}

.contact{ width:470px; margin:0; padding:0}

.contact h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; text-transform:none; border-bottom:#c7c7c7 solid 1px; line-height:35px; font-weight:normal }

.contact-box{ width:450px; float:left; margin:15px 0 0 0; padding:10px; border:1px solid #CCC}

.contact-box1{ width:450px; float:right; margin:15px 0 0 0; padding:10px; border:1px solid #CCC}

.contact-box h1{ font-family:'AvantGardeThinRegular'; font-size:18px; color:#000; line-height:30px; font-weight:normal }

.contact-box1 h1{ font-family:'AvantGardeThinRegular'; font-size:18px; color:#000; line-height:30px; font-weight:normal }

.contact-text{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-style:normal; padding:3px 0; font-weight:bold; text-transform:uppercase}

.contact-text1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-style:normal; padding:3px 0;}

/*---------------Feedback--------------*/

.feedback-warrp{ width:980px; margin:0; padding:20px 0;}

.feedback{ width:980px; margin:0; padding:0}

.feedback h2{ font-family:'AvantGardeThinRegular'; font-size:22px; color:#000; text-transform:none; border-bottom:#c7c7c7 solid 1px; line-height:35px; font-weight:normal }

/*.feedback-box{ width:600px; float:left; margin:15px 0 0 0;}*/

.feedback-box{ width:468px; float:left; margin:15px 0 0 0; border:#c7c7c7 solid 1px; padding:12px 0}

.feedback-box2{ width:380px; float:right; margin:15px 0 0 0;}


.heading-td{ font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666; font-style:normal; text-transform:none; padding:16px 10px; font-weight:bold}

.feedback-box td input{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-style:normal; text-transform:none; /*width:300px;*/}

.feedback-box td textarea{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-style:normal; text-transform:none; width:245px; padding:5px;}

.contact-text{ font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666; font-style:normal; padding:5px 0; font-weight:bold}

.inputbox{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-style:normal; text-transform:none; width:255px; border:none; padding:0 0 0 5px; border:0; margin:0; background:url(../images/input-bg.png) no-repeat; height:32px}

.code-bx{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-style:normal; text-transform:none; width:160px; border:none; padding:0 0 0 5px; border:0; margin:0; background:url(../images/code-bx.png) no-repeat; height:32px}

.textareabox{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-style:normal; text-transform:none; width:245px; border:none; padding:5px; background:url(../images/textarea-bg.png) no-repeat; height:97px}

.postbtn{ width:75px; height:33px; border:0 !important; margin:0; cursor:pointer; background:url(../images/btn.png) no-repeat}

.contact-add{ width:350px; margin:40px 0 0 0; float:right}

/*====================July-26=================*/
.all-logo{ margin:7px 0 0 0; padding:0}

.all-logo li{ margin:0; padding:10px 9px; list-style-type:none; float:left;}

.all-logo li img{ border:1px solid #666}