/* RESET updated with html5 tags*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
a{ text-decoration:none; color:#333;}
ol, ul { list-style:none; }
.cl{ clear:both; font-size:1px;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing: 0; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; background:#eeeeee; }


.container{ height:auto; margin:auto; padding:0px; overflow:hidden;background-color:#fff;}
.header{ width:100%;  overflow:hidden; padding:0px; margin:0px; }
.header-warp{ height:85px; position:relative;}
.header .logo{ float:left; padding:15px 0px 0px 0px;}
.header .head-right{ float:right; height:auto;padding:10px 0;}
.menu{ height:44px; padding:0px; padding-left:10px; margin:0px; background:url(../images/menu.png) repeat-x bottom; position:relative; top:0;}
.ann{ position:relative; top:0px; z-index:999;}
.banner{border-bottom: 1px solid #CCC;}
.menu-warp{background:url(../images/menu-bg.png) repeat-x bottom;height:38px; padding-top:13px; }
.menu-warp ul li{ display:inline; float:left; margin:0px 15px;}
.menu-warp ul li.active a{ background:url(../images/active-arrow.png) no-repeat right; color:#e09e0a;}
.menu-warp ul li a{ background:url(../images/arrow.png) no-repeat right; padding-right:10px; font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#b4cce8; padding-top:0px; padding-bottom:0px;}
.menu-warp ul li a:hover{ background:url(../images/active-arrow.png) no-repeat right; color:#e09e0a;}
.warp-left{ height:auto;}
.left-menu{ background:#2f2f2f; padding:10px; display:block; margin-bottom:10px;}
.left-menu .title{ font-size:23px; text-transform:uppercase; font-weight:bolder; color:#f4a405; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;}
.left-menu .title span{ display:block; color:#fff; font-size:18px;}

.mBox p{ line-height:25px; padding:5px; font-size:13px;}

.loco{background:#2f2f2f; color:#fff; padding:10px; display:block; margin:10px 0px;}
.loco .title{ font-size:22px; text-transform:uppercase; margin-bottom:10px; border-bottom:1px solid #ccc; line-height:25px;}
.loco p{ font-size:13px; padding:3px 0px; line-height:18px;}
.left-menu ul{ position:relative;}
.left-menu ul li{ border-bottom:1px solid #7c7d7f; background:url(../images/left-arrow.png) no-repeat right; padding:6px 0px;}
.left-menu ul li a{ color:#fff; font-size:15px;}
.left-menu ul li a:hover{ text-decoration:none;}
.left-menu ul li ul{ display:none; position:absolute; left:130px; top:0px; background:#0c2641; width:200px; height:auto;  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.left-menu ul li ul li{ margin:3px 10px; background:none;}
.left-menu ul li ul li a{ font-size:12px; color:#b4cce8;}
.left-menu ul li:hover ul{ display:block;}
.left-menu ul li a:hover{color:#f4a405;}
.warp-right .content{ display:block; margin-bottom:41px;}
.warp-right .content h2{ line-height:35px; margin-top:0px; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#000; margin-bottom:5px;}
.warp-right .content h2 span{ display:block; font-weight:bold; color:#000;}
.warp-right .content p{ font-size:14px; line-height:25px; color:#666;}
.read{ float:right;}
.read a{ font-weight:bold; text-decoration:underline;}
#footer{ background:#515151; -moz-border-radius:7px; margin:10px 0px 10px 0px; padding:7px 7px 15px 7px;}
.foot-left{ float:left; color:#888;}
.foot-left p{ color:#888; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.foot-left a{ color:#888; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:5px; line-height:22px;}
.foot-right{ float:right; width:525px;}
.foot-left a:hover{ text-decoration:underline; color:#777;}

.bBox{ clear:both; display:block; overflow:hidden; height:auto;}
.bBox .title{ background:#003466; padding:0px; color:#fff; font-size:17px;}
.bBox .title span{ color:#fbe112; font-size:25px; font-weight:bold; }
.pro-bg{ background:#2e28ae url(../images/pro-bg.png) repeat-x; height:155px;}
.product{ width:175px; float:left; height:125px; margin:15px 0px 0 0; padding:0px 5px 0px 5px; border-right:1px dotted #fff; text-align:center;}
.product .pro-img{ background:#fff; text-align:center;  -moz-border-radius:3px; width:135px; height:125px; margin:0px 20px; display:block; overflow:hidden;}
.product .pro-img img{ max-width:135px; max-height:125px; overflow:hidden;}
.pro-desc{ width:190px; display:block; padding:10px 0px;}
.pro-desc p{ color:#adc7ea; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:15px;}
.pro-desc p b{ font-size:18px; color:#fff;}

.mBox{ margin:10px 0px; display:block;  padding-bottom:20px; overflow:hidden; height:auto; background:#fff;}
.mBox .bPro{ width:129px; height:122px; float:left; border:1px solid #ccc; margin:10px 10px;}
.mBox .bPro a img{ max-width:129px; max-height:122px; overflow:hidden; text-align:center;}
.content ul{ position:relative;}
.content ul li{ font-size:13px; color:#555; padding:5px 0px;}

.inner-pro{ position:relative; margin:0px;text-align:center;}
.inner-pro .pro-img{ padding:0; margin:0 0 25px 0; border:1px solid #CCC;}
.inner-pro .proimg1{ display:block; margin-bottom:10px; background:#fff; overflow:hidden;}
.inner-pro .pro-nm{ font-size:15px; position:relative;padding-bottom: 15px;}

.inner-product-page{position:relative; padding:10px;margin:0px;}
.inner-product-page li{ float:left; width:172px; display:inline; text-align:center; padding:10px; margin:2px 5px; border:1px solid #CCC; border-radius:5px;min-height: 200px;}
.inner-product-page li .pro-img{ display:block; padding-bottom:10px; background:#fff; overflow:hidden;}
.inner-product-page li .pro-img img{ width:172px; overflow:hidden;}
.inner-product-page li .pro-nm{ font-size:13px; position:relative; top:5px;}

.note{ padding:5px; text-align:center;margin:auto; padding-top:20px; font-size:13px; line-height:20px;}
.note a{color:#e09e0a; font-weight:bold; text-decoration:underline;}
.note a:hover{ text-decoration:none;}

#slider {
    width:990px; /* important to be same as image width */
    height:254px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width:990px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	background:#fff;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	background:#fff;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 0px;
    width: 0px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

.contact-form tr td{ vertical-align:middle;}
.contact-form tr td .input{ border:1px solid #CCC; padding:5px; margin:0 0 5px 0; border-radius:5px; width:100%;}
.contact-form tr td textarea{ height:100px;}
.button1{ border:1px solid #CCC; border-radius:5px; padding:8px 21px; margin:12px 0; background:#2f2f2f; color:#FFF;}
.button1:hover{ background:#2f2f2f; color:#f4a405;}
ul { list-style-type: none;}
.slicknav_menu{ display:none;}
.logo111 tr td{padding:0 0px 15px 15px; margin:0;}
.left-banner img{ width:100%;}

.scroll-box{ float:left; margin:0; padding:0;}
.scroll-box h2{ font-family:Arial, Helvetica, sans-serif; padding:0 0 5px; text-transform:uppercase; font-size:22px; font-weight:bold;}
.scroll-box h2 span{ font-weight:500;}
.scroll-box{ float:left; margin:0; padding:0;}
.scroll{ float:left; margin:10px 0 0 6px; position:relative;}
.scroll .jcarousel-skin-dk h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;}
.scroll .jcarousel-skin-dk h4 span{ display:block; font-weight:bold;}
.scroll .jcarousel-skin-dk p{ color:#000; font-family:Arial, Helvetica, sans-serif; padding:1px 0; font-weight:bold; font-size:24px; display:block;}
.scroll .jcarousel-skin-dk a{ font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:12px;}
.scroll .jcarousel-skin-dk li{ background:url(../images/line.png) 215px 11px no-repeat; float:left;}
.scroll .jcarousel-skin-dk img{ border:1px solid #FFFFFF; float:left; margin:0 10px 0 0; padding:0;}
.foot ul li ul li a{color:#FFFFFF!important;}
.foot ul li h3{color:#FFFFFF!important;}
.people-carousel-right-arrow:hover {background-image: url(img/arrow-right-active.png);}
.people-carousel ul {float: left;padding: 0;margin: 0;}
.people-carousel li {display: inline-block;padding:0;float: left; margin:8px 16px 0px 0px;}
.people-carousel li img{ width:150px; height:120px;}
.caroufredsel_wrapper{ margin:0 0 0 36px!important;}
#next2{ position:absolute; top:0px; right:-9px;}
#prev2{ position:absolute; top:0;px; left:-7px;}












@media (max-width: 999px){
.inner-product-page li{width:133px!important;}
.slicknav_menu{ display:block;}
.menu{ display:none;}
}

@media (max-width: 700px){
.header .head-right{ float:left; padding:0; margin-top:-7px;}
.header .logo{padding:2px 0px 0px 0px;}
}