html,body {width:100%;height:100%;margin:0 auto;padding:0;font-family: "Open Sans", Arial, sans-serif;font-size: 100%;}
a {color:#666;}
a:hover,a:focus {color:#084;}
.sltgreen,.sltgreen a {color:#084;}
.sltgreen a {padding-left: 3px;}
.sltgreen a:hover,.sltgreen a:focus {color:#666;}

#primary-menu > ul > li a.navon { color: #fff;background:url(../images/navonbg.png) center center no-repeat;width:108px;text-align:center;}
#primary-menu > ul > li a.navon i {display:none;}

@media (max-width: 991px) {
  #primary-menu > ul > li a.navon {background:transparent url();color:#084;width:auto;text-align:left;}
}

/* Font Size */

.fontsize10 {font-size:0.625rem;}
.fontsize12 {font-size:0.75rem;}
.fontsize13 {font-size:0.813rem;}
.fontsize14 {font-size:0.875rem;}
.fontsize14 a {color: #333;}


/* Form */
.form-control {
  -webkit-transition: background ease-in-out .15s, color ease-in-out .15s;
       -o-transition: background ease-in-out .15s, color ease-in-out .15s;
          transition: background ease-in-out .15s, color ease-in-out .15s;
}
.form-control:focus {
  outline: 0;
  background:#0a6;
  color:#fff;
  border-color:#0a6;
  -webkit-box-shadow: inset 0 0 0;
          box-shadow: inset 0 0 0;
}
.form-control::-moz-placeholder {color: #ccc;opacity: 1;}
.form-control:-ms-input-placeholder {color: #ccc;}
.form-control::-webkit-input-placeholder {color: #ccc;}

/* TOP-BAR */
.slt-top-bar {height:48px;border-bottom:1px solid #ccc;width:100%;position:absolute;top:0;z-index:1000;}

.slt-top-nav {line-height:20px;margin:14px 0;position:relative;display: inline-block;}
.slt-top-nav ul,.slt-top-nav li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
.slt-top-nav li:before{content:'' !important;}
.slt-top-nav ul ul {-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;}
.slt-top-nav li {float:left;position:relative;padding-right:6px;}
.slt-top-nav li a {padding-right:6px;-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;}
.slt-top-nav a, .slt-top-nav a:visited {display:inline-block;text-decoration:none !important; color:#666;background:#fff;padding-left:8px;line-height:20px;}
.slt-top-nav ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0;}
.slt-top-nav ul ul li {}
.slt-top-nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.slt-top-nav ul ul a, .slt-top-nav ul ul a:visited {background:#ffffff; color:#666; height:auto; line-height:1em; padding:8px;width:90px;}
.slt-top-nav a:hover, .slt-top-nav ul ul a:hover{color:#fabf1b;}
.slt-top-nav :hover > a, .slt-top-nav ul ul :hover > a {color:#fabf1b;}
.slt-top-nav a.slt-select{color:#444;}
.slt-top-nav a.slt-select:hover{text-decoration: none;color:#000;}
.slt-top-nav ul li:hover ul,.slt-top-nav ul a:hover ul{visibility:visible; }

.slt-left {float:left;margin-left:20px;}
.slt-line {line-height:20px;margin:7px 0;font-size:0.6rem;}

/*.slt-line button {background: #084;border-color: #084;}*/
/* Header */
#header {height:100px;width:100%;position:relative;z-index:500;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .075);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .075);
          margin-top: 50px;
          
}

/* contont */
.bottomline {border-bottom:1px solid #eee;}
.padding6px {padding: 6px;}
.heading-block.noborder { margin-bottom: 30px; }
.heading-block.noborder:after {
	content: '';
	display: block;
	margin-top: 0;
	width: 40px;
	border-top: 0;
}
.bottom10px {margin-bottom: 0;}
.lineheight16 {line-height: 2em;}

.slt-news {list-style: none;}
.slt-item {border: 1px solid #eee;padding:0 6px 4px 6px;margin-bottom: 2px;}
.slt-item .fbox-icon {position: absolute;top:6px;right:6px;}
.slt-item .feature-box {margin: 8px 0;}
.slt-item .feature-box p {margin: 0;padding: 0;line-height: 1em;}
.slt-item .feature-box .fbox-icon i {background-color: #fff;border: 1px solid #ccc;color: #999;width:34px;height:34px;border-radius: 18px;}
.slt-item .feature-box .fbox-icon:hover i {border: 0;}
.slt-date {border-right:1px solid #eee;display: block;line-height: 1.5em;
	position: absolute;
	width: 54px;
	height: 54px;
	top: 0;
	left: 0;}
.slt-date strong {display: block;text-align: center;font-size: x-large;font-weight: 400;margin-top: 6px;}
.slt-date em {display: block;text-align: center;font-size: small;font-weight: 400;color: #888;text-transform:uppercase;font-style: normal;}
.displayblock {display: block;}
.colorgray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.si-wechat:hover,
.si-colored.si-wechat { background-color: #0fce19 !important; }
.si-weibo:hover,
.si-colored.si-weibo { background-color: #f00505 !important; }
.displayinline {display: inline-block}
.i-plain {float: none;display: inline-block;}

.heading-circle {border-radius: 50%;border: 1px solid #ccc;}
.feature-box.fbox-light .fbox-icon i,
.feature-box.fbox-light .fbox-icon img {
	color: #084;
}
.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {background: #084;color: #fff;}
.feature-box span {color: #f9be35;}

.slt-pagetitle h1 {font-size:48px;}
.slt-pagetitle h3 {color: #999;}

/* SLT ROUND PIC */
#slt-roundpic ul,#slt-roundpic li{margin:0;padding:0;list-style:none}
#slt-roundpic img {border:0;vertical-align:top;width: 240px;height: auto;}

#slt-roundpic{position:relative; height:440px;}
#slt-roundpic.slt-rp2 {height: 320px;}
#slt-roundpic .sltr-img{position:relative;margin:0 auto;width:960px;height:100%} 
#slt-roundpic .sltr-img li{position:absolute;display:none;z-index:0;}
#slt-roundpic .sltr-img li img{width:50%;border: 1px solid #ccc;}
 
#slt-roundpic .sltr-img li.sltr-pos1{display:block;width:400px;left:0%;top:60px;z-index:1}
#slt-roundpic .sltr-img li.sltr-pos2{display:block;width:450px;left:10%;top:40px;z-index:2}
#slt-roundpic .sltr-img li.sltr-pos3{display:block;width:500px;left:25%;top:20px;z-index:3}
#slt-roundpic .sltr-img li.sltr-pos4{display:block;width:450px;right:10%;top:40px;z-index:2}
#slt-roundpic .sltr-img li.sltr-pos5{display:block;width:400px;right:0%;top:60px;z-index:1}

#slt-roundpic .sltr-img .sltr-select img {border: 2px solid #084;box-shadow: 0 0 15px rgba(0,0,0,0.2);}

#slt-roundpic .sltr-next {position:absolute;left:50%;margin-left:420px;top:180px;z-index:10;cursor:pointer}
#slt-roundpic .sltr-prev {position:absolute;left:50%;margin-left:-475px;top:180px;z-index:10;cursor:pointer}

#slt-roundpic.slt-rp2 .sltr-img li.sltr-pos1{display:block;width:300px;left:-3%;top:60px;z-index:1}
#slt-roundpic.slt-rp2 .sltr-img li.sltr-pos2{display:block;width:450px;left:7%;top:40px;z-index:2}
#slt-roundpic.slt-rp2 .sltr-img li.sltr-pos3{display:block;width:600px;left:22%;top:20px;z-index:3}
#slt-roundpic.slt-rp2 .sltr-img li.sltr-pos4{display:block;width:450px;right:10%;top:40px;z-index:2}
#slt-roundpic.slt-rp2 .sltr-img li.sltr-pos5{display:block;width:300px;right:0%;top:60px;z-index:1}

#slt-roundpic.slt-rp2 .sltr-next {margin-left:420px;top:90px;}
#slt-roundpic.slt-rp2 .sltr-prev {margin-left:-475px;top:90px;}

.slt-checkbox {padding: 20px 0;clear:both;}
.slt-checkbox.center-block {text-align: center;}
.slt-checkbox h4 {font-weight: 400;}

.slt-checkbox {margin-bottom: 0px;}
.slt-checkbox .checkbox {font-weight: 400;}

.pagination li {float:left;}
.pagination li a {color: #666;}
.pagination li a:hover {color: #084;}
.pagination li.pageon a,.pagination li.pageon a:hover {background: #084;color: #fff;}
.paginput {margin-left:-1px;}
.paginput input {display: inline-block;width: 44px;border-radius:0;height:36px;line-height: 36px;border: 1px solid #ddd;}
.leftmargin-sm {margin-left: 4px !important;}
.rightmargin-sm {margin-right: 4px !important;}

.slt-product-nav {}
.slt-product-item {width:150px;height:150px;display:block;margin:0 auto;font-size:12px;border-radius:50%;border: 1px solid #084;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.slt-product-item:hover {cursor: pointer;
	-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;}
.slt-product-item img {width:96px;height: 96px;display: block;margin: 10px auto 0 auto;}
.slt-product-item.slt-product-on a {color: #084;}
.slt-product-item.slt-product-on {background-color: #fff;color: #084;-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;}
.slt-product-item i {display: inline-block;}

    
@media (min-width: 992px) and (max-width: 1199px) {
	.slt-product-item {width: 160px;height: 160px;}
	.slt-product-item img {width: 96px;height: 96px;}
	.slt-product-item i {font-size: 12px;}
	
	}
@media (max-width: 991px) {
	.slt-product-item {width: 120px;height: 120px;}
	.slt-product-item img {width: 64px;height: 64px;}
	.slt-product-item i {font-size: 10px;}
	}
@media (min-width: 480px) and (max-width: 767px){
	.slt-product-item {width: 300px;height: 300px;}
	.slt-product-item img {width: 200px;height: 200px;}
	.slt-product-item i {font-size: 18px;}
}

h4 {color: #084;}

/* TimeLine */
.point-time {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  top: 6px;
  left: 20%;
  background: #1c87bf;
  margin-left: -5px;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #fff;
  background-color: #084;
}


.timeline {
}
.timeline article {
  position: relative;
}
.timeline article > h3 {
  width: 10%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.4em;
  color: #084;
  padding: 0 0 20px;
  font-size: 30px;
  position: absolute;
  top: 0;
  left: 40px;
}
.timeline article section {
  padding: 0 0 17px;
  position: relative;
}
.timeline article section:before {
  content: "";
  width: 2px;
  top: 17px;
  bottom: -17px;
  left: 20%;
  background: #e6e6e6;
  position: absolute;
}
.timeline article section:last-child:before {
  display: none;
}
.timeline article section aside,.timeline article section time {
  color: #3a3a38;
  margin-left: 23%;
  padding-top: 8px;
}
.timeline article section .brief {
  color: #9f9f9f;
}
.process-steps li {margin-bottom: 20px;}
.process-steps li a {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.process-steps li.active a,
.process-steps li.ui-tabs-active a {
	-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* JOBS */
.slt-jobs {border: 1px solid #ccc;padding: 10px 20px;}
.slt-jobs h3 {border-bottom: 1px solid #eee;padding: 6px 0;color: #084;margin: 0 0 10px 0;position: relative;}
.slt-jobs h3 span {font-size: 14px;position: absolute;bottom: 10px;right: 10px;font-weight: 400;color: #999;}
.slt-jobs h3 span i {padding-right: .5em;}
.slt-jobs p {padding: 0;margin: 0;line-height: 1.5em;}
.slt-jobs p strong {font-weight: 400;color: #084;padding-right: .5em;}

.border {border: 1px solid #ccc;}

.slt-contact h4 {font-size: x-large;font-weight: 400;}
.slt-contact p {margin: 15px 0;line-height: 1.2em;font-size: 14px;}
.slt-contact p.slt-add {color: #084;margin:10px 0;}
.slt-contact p.slt-add i {margin-right: 1em;}

/* POWER */
.slt-power {text-align: center;}
.slt-power thead span {display: block;font-size: 13px;color: #999;font-weight: 400;}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0;
}
.slt-bg-green {background: #084;}
.slt-bg-orange {background: #fabf1b;}
.slt-bg-white {background: #fff;}
.slt-color-green {color: #084;}
.slt-color-orange {color: #fabf1b;}

.slt-power tbody i {margin: 0;padding: 0;}
.slt-power tbody h5 {display: inline-block;padding:16px 0 0 0;line-height: 1em;margin:0 0 0 10px;font-size: 20px;font-weight: 600;}
.slt-power tbody span {display:block;font-size: 13px;color: #999;font-weight: 400;text-align: left;}
.slt-power tbody input {width: 80%;margin: 15px auto;}
.slt-power-icon {float: left;}
.slt-power tbody tr {height: 30px;line-height:30px;overflow: hidden;vertical-align: middle;}

.slt-power .form-control {text-align: center;padding:20px 0;font-size: 20px;width: 70%;}
.slt-power .form-control:focus {
  outline: 0;
  background:#eee;
  color:#333;
  border-color:#eee;
  -webkit-box-shadow: inset 0 0 0;
          box-shadow: inset 0 0 0;
}
.slt-power .form-control::-moz-placeholder {color: #666;opacity: 1;}
.slt-power .form-control:-ms-input-placeholder {color: #666;}
.slt-power .form-control::-webkit-input-placeholder {color: #666;}

.slt-saving h3,.slt-saving p,.slt-saving h1 {line-height: 1em;padding: 0;margin: 0;}
.slt-saving p {color: #999;}
.slt-saving h1 {color: #084;margin-top: 20px;}


/* new add */
.heading-block span.homeprolist {font-size: 15px;}
.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.heading-block span a.navon {font-weight: 600;color: #084;}


.slt-content {position: relative;z-index: 120;border: 1px solid #eee;padding: 20px;margin-right: 30px;}
.slt-content table {border-color: #fff;}
.slt-content table thead {background: #e2eef9;border-color: #fff;}
.slt-content table th {color: #0080cc;}

.slt-content .table-bordered th,
.slt-content .table-bordered td {
    border: 1px solid #fff !important;
  }
  
.slt-textcon {margin: 20px 0 50px 20px;}
.slt-textcon p {margin:4px 0;line-height: 1.5em;}

.slt-conitem {clear:both;margin:10px 0 0 0;padding: 20px 0 0 0;}
.slt-conitem .col_one_fifth,.slt-conitem .col_four_fifth {margin-bottom: 0;}
.bottomline {border-bottom: 1px solid #eee;clear: both;height:1px;font-size:0;}
.slt-conitem img {width: 100%;height:auto;margin: 0;}
.slt-conitem h4 {font-size: 16px;color: #333;margin: 0;position: relative;}
.slt-conitem h4 span {position: absolute;top: 0;right: 10px;font-weight: 400;font-size: 12px;color: #999;}
.slt-conitem i {color: #084;padding-right: 4px;}
.slt-conitem p {margin-top: 10px;line-height: 1.5em;}

.pagination.fright {margin-right: 30px;}

.slt-down-content {}
.slt-down {position: absolute;bottom: 16px;right: 16px;}
.slt-nodown.btn-default {background: #ccc;border-color: #999;}

.slt-friendlink,.slt-marketing {position: relative;z-index: 120;border: 1px solid #eee;padding: 20px;margin-top: 30px;}
.slt-friendlink ul {margin-left: 0.4%;list-style: none;}
.slt-linkitem {float: left;width: 14%;margin: 10px 1.3%;text-align: center;list-style: none;}
.slt-linkitem p {text-align: center;}

.slt-markitem h4 {margin-top: 20px;margin-bottom: 10px;color: #fabf1b;}
.slt-markitem p {font-size: 14px;color: #333;margin: 14px 0;line-height: 1em;}
.slt-markitem strong {font-weight: 600;margin-right: 2px;display: inline-block;height: 16px;width: 16px;border-radius: 16px;background: #999;line-height: 16px;text-align: center;color: #fff;}
.slt-markitem a {color: #084;}
.slt-markitem a:hover {color: #333;}


.slt-jobstable table h4 {margin-bottom: 10px;margin-top: 10px;}
.slt-jobstabcon {margin-left: 30px;margin-top: 30px;margin-bottom: 30px;}
.slt-jobstabcon h5 {color: #084;font-size: 16px;font-weight: 600;margin-bottom: 0;}
.slt-jobstabcon h6 {font-size: 14px;font-weight: 600;margin-top: 30px;}
.slt-jobstabcon p {font-size: 12px;margin: 0;}

.slt-aboutnav .col_one_fifth:last-child {margin-right: 0 !important;}
.slt-product-nav .col_one_sixth { margin-left:2%;margin-right: 0;}


#copyrights .container {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;}
#copyrights .container .con_half {margin-top: 0;}
#footer {border: 0;padding: 0;}
#copyrights {padding: 10px 0;}
#copyrights .col_last {margin-top: 10px;}
.topmargin-10px {margin-top: 15px;}

.tab-container .col_half {margin-bottom: 0;}

.line-menu {width: 100%;height: auto;background: #fff;}
.line-menu ul li {float: left;}

.topmargin-x1 {margin-top: 16px;}

.product-text h3 {font-size: 24px;}
.product-text p {margin-bottom: 10px;}
.product-text h5 {font-size: 18px;color: #666;margin: 10px 0 ;}

.slt-download p {width: 46%;float: left;margin: 0 2%;padding: 6px 0;border-bottom: 1px solid #eee;position: relative;}
.slt-download p span {position: absolute;top: 0;right: 0;}


/* 2016-01-15 SITEMAP */
.clear {clear:both;}
.sitemap {clear:both;margin-bottom: 20px;}
.sitemap h3 {background: #edf6f2;font-size: 16px;color: #666;padding: 8px 8px 8px 20px;margin-bottom: 15px;}
.sitemap h4 {font-size:12px;font-weight:400;width: 19%;float: left;text-align: center;margin-bottom: 0; }
.sitemap h4 a {background: #ececec;width: 100%;display: block;padding: 4px;}
.sitemap h4 a:hover {background: #084;color: #fff;}
.sitemap ul {list-style: none;margin-left: -1%;}
.sitemap ul li {list-style: none;float:left;width: 19%;margin-bottom:10px;margin-left:1%;font-size: 12px;text-align: center;}
.sitemap ul li a {background: #ececec;width: 100%;display: block;padding: 4px;}
.sitemap ul li a:hover {background: #084;color: #fff;}

.sitemap .sitemapbox {clear: both;margin-bottom: 0;}
.sitemap ul.sitemapul {width: 79%;margin-left: 1%;float: left;margin-bottom: 0;}
.sitemap ul.sitemapul li {width: 25%;float: left;display: block;text-align: center;margin-left: 0;}
.sitemap ul.sitemapul li a {background: transparent;}
.sitemap ul.sitemapul li a:hover {color: #084;background: transparent;}

.slt-marketing .col_one_third {margin-left: 4% !important;margin-right: 0 !important;}
.slt-marketing .col_one_third:first-child {margin-left: 0 !important;}
.postcontent {width: 100%;}
.divcenter button {text-align: center;margin: 0 auto;float: none;width: 100px;}

.slt-newsbox {margin-bottom: 10px;}
.hiddenheight2 {min-height: 374px;}

.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
}


/* Portfolio - Items - 3 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-4 { margin: 0 -15px -15px 0; }

.portfolio-4 .portfolio-item {
	width: 273px;
	margin: 0 15px 15px 0;
}

.portfolio-4 .portfolio-item .portfolio-image,
.portfolio-4 .portfolio-item .portfolio-image a {
	width: 271px;
	height: 204px;
}

.portfolio-4 .portfolio-item .portfolio-image img {
	height: 204px;
}