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


.clear {clear:both}
a, img {border:none;outline:none;}
h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, legend, span, form, label, span {margin:0; padding:0; list-style:none; font-weight:normal}
body {margin:0; padding:0px; background:#f2f2f2;}

@font-face {
				font-family: 'Archer-Medium';
				src: url('archer-medium-pro_010-05-22.eot');
				src: url('archer-medium-pro_010-05-22.eot?#iefix') format('embedded-opentype'),
						 url('archer-medium-pro_010-05-22.woff') format('woff'),
						 url('archer-medium-pro_010-05-22.ttf') format('truetype'),
						 url('archer-medium-pro_010-05-22.svg#archer-medium-pro_010-05-22') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
		
	@font-face {
				font-family: 'Archer-Book';
				src: url('archer-book-pro_0.eot');
				src: url('archer-book-pro_0.eot?#iefix') format('embedded-opentype'),
						 url('archer-book-pro_0.woff') format('woff'),
						 url('archer-book-pro_0.ttf') format('truetype'),
						 url('archer-book-pro_0.svg#archer-book-pro_0') format('svg');
				font-weight: normal;
				font-style: normal;
		}

@font-face {
				font-family: 'Archer-Bold';
				src: url('archer-bold-pro_0.eot');
				src: url('archer-bold-pro_0.eot?#iefix') format('embedded-opentype'),
						 url('archer-bold-pro_0.woff') format('woff'),
						 url('archer-bold-pro_0.ttf') format('truetype'),
						 url('archer-bold-pro_0.svg#archer-bold-pro_0') format('svg');
				font-weight: normal;
				font-style: normal;
		}
	@font-face {
				font-family: 'Archer-Semibold';
				src: url('archer-semibold-pro_0.eot');
				src: url('archer-semibold-pro_0.eot?#iefix') format('embedded-opentype'),
						 url('archer-semibold-pro_0.woff') format('woff'),
						 url('archer-semibold-pro_0.ttf') format('truetype'),
						 url('archer-semibold-pro_0.svg#archer-semibold-pro_0') format('svg');
				font-weight: normal;
				font-style: normal;
		}

.main-div { width:990px; margin:0 auto 0 auto;}
.main { width:990px; margin:0 auto}
.head-part { width:100%; float:left; background:#FFF}




.header { width:980px; height:80px; margin:0 auto; background:#FFF }
.left_logo { background:url(../images/logo.jpg) no-repeat; width:300px; height:63px; margin-top:11px; float:left; margin-bottom:10px; margin-left:30px}
.left_logo a { display:block; width:300px; height:63px; text-indent:-999999px}
.right_nav { float:right; width:573px; margin-top:44px;}
.right_nav ul { list-style:none}
.right_nav ul li { float:left; color:#666666; font-family:'Archer-Medium'; margin-right:21px; text-transform:uppercase; font-size:13px  }
.right_nav ul li a { text-decoration:none; color:#666666}
.right_nav ul li a:hover {color:#3f4f80}
.right_nav ul li a.active {color:#3f4f80}
.right_nav ul li:last-child { margin-right:0}
 
.slider_div { width:100%; float:left; position:relative; margin-top:-12px}

.mid_left_main { width:600px; float:left; background:url(../images/round_bg.png) repeat-x 0 0 #FFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888; height:100%; margin-top:-128px; position:relative; z-index:32}


.mid_left_main2 { width:600px; float:left; background:url(../images/round_bg.png) repeat-x 0 0 #FFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888; height:100%; margin-top:-60px; position:relative; z-index:32}




.content-part { width:535px; float:left; margin-left:35px}

.mid_left_top {width:535px; height:128px; float:left; }
.mid_left_top h3 {   width:535px; float:left;margin-top:18px; font-family: 'Archer-Book'; color:#666666; line-height:36px; font-weight:normal; font-size:25px}
.mid_left_top h3 span { color:#287cbd}
.mid_left_bottom_div {width:535px; float:left
}


.mid_left_bottom { width:535px; float:left}
.latest { width:535px; height:30px; float:left; border-bottom:1px solid #c4c4c4; margin-top:25px}
.latest h4 {font-family: 'Archer-Medium'; color:#287cbd;  font-size:25px; font-weight:normal}
.latest h4 span { float:right; font-family: 'Archer-Medium'; color:#287cbd; font-size:15px; font-weight:normal; margin-top:10px}
.latest h4 span a { color:#287cbd; text-decoration:none}
.points { margin-top:20px; float:left}
.points h5 { background:url(../images/dot.jpg) no-repeat left; float:left; padding-left:20px ; font-family: 'Archer-Medium'; color:#287CBD; font-size:15px; font-weight:normal; width:247px;margin-bottom:26px}
.text { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; line-height:19px; width:535px; font-weight:normal; text-align:justify; margin-bottom:30px }

.mid_right_div { width:330px; float:left; margin-top:36px; min-height:500px}
.mid_right_div2 { width:330px; float:left; margin-top:36px; min-height:500px}
.flash_news { width:100%; float:left}
.flash_news h6{ font-family:'Archer-Medium'; color:#287cbd; font-size:25px; line-height:25px; margin-bottom:20px }
.flash_news-div { width:100%; float:left}
.flash_news-div  h2 { font-family:'Archer-Medium'; color:#287cbd; font-weight:normal; font-size:20px;  }
.flash_news-div p { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; margin-bottom:46px; line-height:19px; text-align:justify}



.flash_news_image { width:330px; float:left;-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px; border:1px solid #cacaca; overflow:hidden; margin-bottom:20px}



.latest_trendz {width:329px; float:left }
.latest_trendz h6{ font-family:'Archer-Medium'; color:#287cbd; font-size:25px; line-height:25px; margin-bottom:20px }

.latest_trendz h2 { font-family:'Archer-Medium'; color:#287cbd; font-weight:normal; font-size:20px;  }
.latest_trendz p { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; margin-bottom:46px; line-height:19px}



.subscribe { background:url(../images/subscribe.png) no-repeat; width:329px; height:53px; margin-bottom:24px; float:left }
.subscribe h6{ font-family:'Archer-Bold'; color:#FFF; font-size:28px; text-shadow: -1px -1px 2px rgba(0, 0, 0, 1); line-height:53px; text-align:right; margin-right:13px; font-weight:normal; margin-bottom:17px}
.subscribe h6 a { color:#FFF; text-decoration:none}

.foll-twt { width:330px; float:left}




/* slider*/

#slider, #items > div, #items > div > div > img{
			height:498px;
			text-align:center;
		}
		#slider{
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			position:relative;
			height:498px; text-align:center;
		}
#items{	width: 2000em;position: absolute;}
#items > div{float: left;overflow: visible; position:relative}
#items > div > div{ float:left; width: 100%; position:relative; overflow:hidden; height:498px}
#items > div > div > img {position:absolute; left:50%; margin-left:-965px; top:0}
	/*	.lt-1680 .content{
			width: 1580px;
		}*/
		

#items > div .caption { width:100%; float:left; position:absolute; left:0; top:0}
#items > div .caption .main{ width:990px; margin:0 auto 0 auto}
#items > div .caption .main .slide_text { width:700px; float:left; margin-top:97px; margin-left:30px}
#items > div .caption .main .slide_text h1 { font-family:Helvetica, sans-serif; font-weight:bold; font-size:55px; float:left; color:#FFF; text-align:left; text-shadow: 1px 3px 2px rgba(0, 0, 0, 1); line-height:66px;}




		.left, .right{margin-top:10px;}
		.left, #navigation li{float:left;}
		.right{float:right;}
		#navigation-wrapper,#navigation{ width:980px; float:right; margin-top:-20px; position:relative; z-index:30}
		#navigation{clear:both;width:125px;}
		#navigation li{width:10px;height:10px;list-style:none; background:#6a6a6a; margin: 5px;}
		#navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
		#navigation li.active{background:#d2d2d2;cursor:default;}
		.disabled{display:none;}
		
	
	

/*slider-end*/

.shadow { width:100%; height:12px; background:url(../images/banner-shadow.png) repeat-x 0 0; position:relative; z-index:22}

.left-part { width:600px; float:left}

.client{ width:600px; float:left;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;-moz-box-shadow: 0 0 5px #888;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888; height:100%; margin-top:40px; background:#FFF; position:relative; z-index:2}

.client-div {width:535px; float:left;; margin-bottom:40px}






.principals { width:535px; float:left; margin-top:40px}
.principals h4 {font-family: 'Archer-Medium'; color:#287cbd;  font-size:25px; font-weight:normal}
.principals h4 span { float:right; font-family: 'Archer-Medium'; color:#287cbd; font-size:15px; font-weight:normal; margin-top:10px}
.principals h4 span a {color:#287cbd; text-decoration:none}
.principals-slide { width:535px; float:left; margin-top:15px}


.our-client { width:535px; float:left; margin-top:25px}
.our-client h4 {font-family: 'Archer-Medium'; color:#287cbd;  font-size:25px; font-weight:normal}
.our-client h4 span { float:right; font-family: 'Archer-Medium'; color:#287cbd; font-size:15px; font-weight:normal; margin-top:10px}
.our-client h4 span a {color:#287cbd; text-decoration:none}
.our-client-slide { width:535px; float:left; margin-top:20px}



.jcarousel-skin-tango .jcarousel-container {
   
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 535px;
  }

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  535px;
    height:86px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 154px;
    height: 86px;
}

.jcarousel-skin-tango .jcarousel-item img { border:1px solid #eeeeee}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 34px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { display:none;
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}






.important { width:330px; float:left;}
 .top-margin {margin-top:130px}
  .top-margin2 {margin-top:50px}
.important h2 { color:#287cbd; font-family:'Archer-Medium'; font-size:25px; line-height:18px}
.important-link { width:330px; float:left; margin-top:10px}
.important-link-left{ width:140px; float:left}
.important-link-left ul { list-style:none}
.important-link-left ul li { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#287cbd; line-height:18px}
.important-link-left ul li a { text-decoration:underline; color:#287cbd;}

.important-link-right{ width:180px; float:left}
.important-link-right ul { list-style:none}
.important-link-right ul li { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; line-height:18px}
.important-link-right ul li a { text-decoration:underline; color:#287cbd;}




.email { width:330px; float:left; margin-top:30px}

.email h2 { color:#287cbd; font-family:'Archer-Medium'; font-size:25px; line-height:18px}
.email-link { width:330px; float:left; margin-top:10px}
.email-link-left{ width:165px; float:left}
.email-link-left ul { list-style:none}
.email-link-left ul li { font-family:Verdana, Geneva, sans-serif; font-size:11px; text-decoration:underline; color:#287cbd; line-height:17px}
.email-link-left ul li a { text-decoration:underline; color:#287cbd;}

.email-link-right{ width:160px; float:left}
.email-link-right ul { list-style:none}
.email-link-right ul li { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; line-height:17.5px; padding-top:.5px;}
.email-link-right ul li a { text-decoration:none; color:#666666;}




.footer { width:100%; float:left; background:url(../images/footer-bg.jpg) repeat-x 0 0; height:94px; position:relative; z-index:9999; margin-top:20px}

.footer-left { width:640px; float:left;  height:92px; }

.footer-right { width:200px; float:right; margin-top:24px}
.footer-right p {color:#666666; font-family: 'Archer-Medium'; font-size:13px; text-align:right; line-height:18px}
.footer-right p a { text-decoration:none; color:#666666;}

.footer-left-part { width:305px; float:left; margin-top:24px}
.footer-left-part ul { list-style:none; float:left; margin-bottom:5px}

.footer-left-part ul li { color:#666666; font-family: 'Archer-Medium'; font-size:13px; float:left; margin-left:4px; margin-right:4px; line-height:18px}
.footer-left-part ul li a{ color:#666666; text-decoration:none}

.footer-left-part ul li:first-child {margin-left:0px;}
.footer-left-part ul li:last-child {margin-right:0px;}


















.newsletter-form { width:550px; float:left; background:#FFF; height:300px}
.newsletter-form-div { width:475px; float:left; margin-left:30px; margin-top:10px}
.newsletter-form-div h2 { font-family:'Archer-Medium'; color:#333333; font-size:25px; line-height:20px}
.newsletter-form-part {width:490px; float:left; margin-top:20px}
.newsletter-form-part ul { list-style:none}
.newsletter-form-part ul li { width:100%; float:left; margin-bottom:20px}
.lable { width:84px; float:left; font-family:'Archer-Medium'; color:#666666; font-size:13px; line-height:31px}
.input-box { width:391px; float:left; background:url(../images/inputbox.jpg) no-repeat 0 0; border:none; height:31px; padding-left:10px}
.submit { background:url(../images/submit.png) no-repeat top left; width:99px; height:32px; border:0; cursor:pointer; text-indent:-999999px; float:right}





.contact-form-part {width:535px; float:left; margin-top:20px}
.contact-form-part ul { list-style:none}
.contact-form-part ul li { width:100%; float:left; margin-bottom:20px}
.contact-lable { width:98px; float:left; font-family:'Archer-Medium'; color:#666666; font-size:13px}
.contact-input-box { width:425px; float:left; background:url(../images/contact-input.png) no-repeat 0 0; border:none; height:31px; padding-left:10px}
.contact-select-box { width:425px; float:left; padding-left:10px}

.submit { background:url(../images/submit.png) no-repeat top left; width:99px; height:32px; border:0; cursor:pointer; text-indent:-999999px; float:right}


.contact-msg {width:425px; float:left; background:url(../images/msg.png) no-repeat 0 0; border:none; height:86px; padding-left:10px; resize:none; padding-top:10px}











.history { width:100%; float:left; background:url(../images/history-bg.png) repeat-x 0 0; height:102px}

.history-heading { width:295px; float:right}
.history-heading h2{ font-family:Helvetica, sans-serif; font-size:55px; color:#FFF; line-height:100px;text-shadow: 0px 0px 2px rgba(120, 120, 120, 2); font-weight:bold}
.history-div { width:535px; float:left; margin-top:30px}
.history-div h2 {font-family:'Archer-Medium'; font-size:20px; color:#287cbd; line-height:22px}
.history-div p {font-family:'Archer-Medium'; font-size:14px; color:#666666; line-height:22px; margin-bottom:30px; margin-top:1px;}

.contact { width:100%; float:left; background:url(../images/contact-bg.png) repeat-x 0 0; height:102px}
.contact-div { width:535px; float:left; margin-top:30px}
.contact-div h2 {font-family:'Archer-Medium'; font-size:25px; color:#287cbd; line-height:22px; padding-bottom:10px}
.contact-div p {font-family:'Archer-Medium'; font-size:17px; color:#666666; line-height:22px; margin-bottom:20px; margin-top:1px;}





.product { width:100%; float:left; background:url(../images/product-bg.png) repeat-x 0 0; height:102px}
.principal { width:100%; float:left; background:url(../images/principal-head-bg.png) repeat-x 0 0; height:102px}
.product-div { width:535px; float:left; margin-top:30px;}

.product-div h2 {font-family:'Archer-Medium'; font-size:20px; color:#287cbd; line-height:22px; border-bottom:1px solid #c4c4c4; padding-bottom:5px}
/*.product-div p {font-family:'Archer-Medium'; font-size:14px; color:#666666; line-height:22px; margin-bottom:30px; margin-top:1px;}*/
.products-div { width:100%; float:left; margin-top:20px; margin-bottom:30px}
.products-div-left { width:285px; float:left}
.products-div-left ul { list-style:none}
.products-div-left ul li { background:url(../images/product-li.png) no-repeat left 7px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#287cbd; line-height:20px; padding-left:14px; margin-bottom:1px }


.products-div-right { width:210px; float:left; margin-left:30px}
.products-div-right ul { list-style:none}
.products-div-right ul li { background:url(../images/product-li.png) no-repeat left 7px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#287cbd; line-height:20px; padding-left:14px;margin-bottom:1px}




 .sample { width:347px; float:left; height:255px;  background:url(../images/righ-div-bg.png) repeat-y top left; margin-bottom:20px}
 .sample-div { width:334px; float:left; margin-left:35px}
 .sample-div-rq { width:100%; float:left; background:url(../images/sample-rq.png) no-repeat top left; height:54px; margin-bottom:25px; margin-top:40px}
 .sample-div-rq p { color:#ffffff; font-size:18px; font-family:'Archer-Semibold'; line-height:54px; text-align:center }
 .sample-div-rq p a { color:#ffffff; text-decoration:none}
 
 
 .sample-div-rq2 { width:100%; float:left; background:url(../images/sample-rq2.png) no-repeat top left; height:54px}
 .sample-div-rq2 p { color:#ffffff; font-size:18px; font-family:'Archer-Semibold'; line-height:54px; text-align:center }
  .sample-div-rq2 p a { color:#ffffff; text-decoration:none}
 
 
 
 
 
 
 
 
.rq-form { width:940px; float:left; background:#FFF; height:100%}
.rq-form-div { width:900px; float:left; margin-left:30px; margin-top:10px}
.rq-form-div h2 { font-family:'Archer-Medium'; color:#333333; font-size:25px; line-height:20px}
.rq-form-part {width:900px; float:left; margin-top:20px}
.rq-form-part ul { list-style:none}
.rq-form-part ul li { width:430px; float:left; margin-bottom:20px; margin-right:20px}
.lable2 { width:70px; float:left; font-family:'Archer-Medium'; color:#666666; font-size:13px; line-height:31px}
.input-box2 { width:342px; float:left; background:url(../images/inputbox2.jpg) no-repeat 0 0; border:none; height:31px; padding-left:10px}
.submit { background:url(../images/submit.png) no-repeat top left; width:99px; height:32px; border:0; cursor:pointer; text-indent:-999999px; float:right}



.form-product { width:100%; float:left; margin-bottom:20px}
.form-product-left { width:185px; float:left; margin-right:10px;}
.form-product-left ul { list-style:none}
.form-product-left ul li { width:100%; float:left}
.form-product-left ul li .label { font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:10px}


.form-product-right { width:200px; float:left;}
.form-product-right ul { list-style:none}
.form-product-right ul li { width:100%; float:left}
.form-product-right ul li .label { font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:10px}




.all-principal { width:535px; float:left; margin-top:20px}
.all-principal ul { list-style:none}
.all-principal ul li { width:154px; height:84px; float:left; border:#eeeeee 1px solid; margin-right:33px; margin-bottom:30px}
.all-principal ul li:nth-child(3n+3) { margin-right:0px}



.map { width:535px; float:left; margin-top:25px; margin-bottom:40px}
.refcaptchaimg { width:20px; float:left; margin-left:70px; margin-top:20px; border:1px dotted #CCC; cursor:pointer}
.captchaimg { width:214px; float:left; border:1px dotted #CCC; margin-left:15px; margin-top:5px}

.star { color:#F00}


.live-chat { width:330px; float:left; margin-top:20px; position:relative; background:url(../images/chat.jpg) no-repeat 0 0;}
.live-chat a { display:block;width:330px; height:55px; position:absolute; top:0; left:0; z-index:999}
.mid-left-text{    width: 600px;
    float: left;
    margin-left: 35px;}
.left-part.careers-page	.product-div{ width:600px;    margin-bottom: 20px;    margin-top: 22px;}
.left-part.careers-page .mid_left_main2 {
    height: 500px;
 
}
.left-part.careers-page	.product-div h2 {
    width: 503px;
    margin: 3px 32px;
}
.left-part.careers-page p {
    margin: 0 32px;
}