.clearfix:after,
.clearfix:before {
  display: table;
  content: "";
  line-height: 0
}

.clearfix:after {
  clear: both
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#community-wrap .btn,
.btn-default,
.btn.btn-primary,
.readmore,
a.ns2-readmore,
button,
input[type=submit] {
  background: #00c3b6
}

#community-wrap .btn:hover,
.btn-default:hover,
.btn.btn-primary:hover,
.readmore:hover,
a.ns2-readmore:hover,
button:hover,
input[type=submit]:hover {
  background: #009086
}

#sp-main-menu ul.level-0>li.active,
#sp-main-menu ul.level-0>li:hover {
  background-color: #00c3b6
}

#sp-main-menu ul.level-0>li:hover {
  background-color: #00c3b6
}

#sp-main-menu li li:not(.sp-menu-group).active,
#sp-main-menu li li:not(.sp-menu-group):hover {
  background-color: #009086
}

.sp-submenu .sp-submenu-wrap {
  background: #00c3b6
}

a:not(.btn) {
  color: #005d57
}

a:not(.btn):hover {
  color: #00c3b6
}

#sp-breadcrumb-wrapper #breadcrumb {
  background: rgba(60, 62, 60, .78)
}

body {
  color: #666
}

body.bg {
  background: #fff
}

#sp-header-wrapper {
  background-color: #5a5d5a;
  background-image: -moz-linear-gradient(top, #6e726e, #3c3e3c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e726e), to(#3c3e3c));
  background-image: -webkit-linear-gradient(top, #6e726e, #3c3e3c);
  background-image: -o-linear-gradient(top, #6e726e, #3c3e3c);
  background-image: linear-gradient(to bottom, #6e726e, #3c3e3c);
  background-repeat: repeat-x
}

#sp-header-wrapper .logo {
  background-image: url(../images/presets/preset1/logo.png)
}

#sp-feature-wrapper {
  background-color: #009a90;
  background-image: -moz-linear-gradient(top, #00c3b6, #005d57);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00c3b6), to(#005d57));
  background-image: -webkit-linear-gradient(top, #00c3b6, #005d57);
  background-image: -o-linear-gradient(top, #00c3b6, #005d57);
  background-image: linear-gradient(to bottom, #00c3b6, #005d57);
  background-repeat: repeat-x
}

#sp-feature-wrapper a:not(.btn) {
  color: #2afff1
}

#sp-feature-wrapper a:not(.btn):hover {
  color: #90fff8
}

.module.highlighted {
  background: #3498db
}

.module.highlighted a {
  color: #fff !important
}

#sp-bottom-wrapper,
#sp-footer-wrapper {
  background: #00aa9e;
  color: #fff
}

#sp-bottom-wrapper h3,
#sp-footer-wrapper h3 {
  color: #fff
}

#sp-bottom-wrapper a:not(.btn),
#sp-footer-wrapper a:not(.btn) {
  color: #77fff6
}

#sp-bottom-wrapper a:not(.btn):hover,
#sp-footer-wrapper a:not(.btn):hover {
  color: #aafff9
}

#sp-footer-wrapper {
  border-top: 1px solid #00ddce
}

#sp-footer-wrapper::after {
  background: #00aa9e
}

.sp-border {
  border-top: 1px solid #00ddce
}

.sp-border::after {
  background: #00aa9e
}

#sp-left .article_service_jing,
#sp-right #sp-component .download_jing {
  border: 1px solid #ccc;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px
}

#sp-component,
#sp-left .article_service_jing {
  list-style: none;
  min-height: 140px
}

#sp-component .download_jing {
  padding-left: 5px
}

.article_service_jing a:hover {
  color: #39f
}

.article_service_jing .sp-badge {
  display: none
}

.article_service_jing h3 {
  color: #0cf
}

#contact-us .article_service_jing,
#sp-user1 .article_service_jing {
  border: 1px solid #ccc;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
  list-style: none;
  min-height: 140px;
  max-width: 277px
}

#sp-right.right_jing {
  display: flex;
  flex-direction: column-reverse
}

#sp-right #sp-top_jing-wrapper {
  padding-top: 0 !important
}

#sp-slider-wrapper>.row-fluid>#sp-slider>.custom div img {
  width: 100%
}

#sp-slider-wrapper>.row-fluid>#sp-slider>.custom .banner_img__jing .banner_inner_wrap img {
  width: 100%
}


#yea-about-us .top {
  width: 100%;
}

#yea-about-us .culture {
  width: 47%;
  margin-left: 5px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
}

#yea-about-us .culture ul li{
  font-size: 16px;
    line-height: 36px;
}

ul li{
  list-style: none;
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: "";
  line-height: 0
}

.clearfix:after {
  clear: both
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#community-wrap .btn,
.btn-default,
.btn.btn-primary,
.readmore,
a.ns2-readmore,
button,
input[type=submit] {
  background: #00c3b6
}

#community-wrap .btn:hover,
.btn-default:hover,
.btn.btn-primary:hover,
.readmore:hover,
a.ns2-readmore:hover,
button:hover,
input[type=submit]:hover {
  background: #009086
}

#sp-main-menu ul.level-0>li.active,
#sp-main-menu ul.level-0>li:hover {
  background-color: #00c3b6
}

#sp-main-menu ul.level-0>li:hover {
  background-color: #00c3b6
}

#sp-main-menu li li:not(.sp-menu-group).active,
#sp-main-menu li li:not(.sp-menu-group):hover {
  background-color: #009086
}

.sp-submenu .sp-submenu-wrap {
  background: #00c3b6
}

a:not(.btn) {
  color: #005d57
}

a:not(.btn):hover {
  color: #00c3b6
}

#sp-breadcrumb-wrapper #breadcrumb {
  background: rgba(60, 62, 60, .78)
}

body {
  color: #666
}

body.bg {
  background: #fff
}

#sp-header-wrapper {
  background-color: #5a5d5a;
  background-image: -moz-linear-gradient(top, #6e726e, #3c3e3c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e726e), to(#3c3e3c));
  background-image: -webkit-linear-gradient(top, #6e726e, #3c3e3c);
  background-image: -o-linear-gradient(top, #6e726e, #3c3e3c);
  background-image: linear-gradient(to bottom, #6e726e, #3c3e3c);
  background-repeat: repeat-x
}

#sp-header-wrapper .logo {
  background-image: url(../images/presets/preset1/logo.png)
}

#sp-feature-wrapper {
  background-color: #009a90;
  background-image: -moz-linear-gradient(top, #00c3b6, #005d57);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00c3b6), to(#005d57));
  background-image: -webkit-linear-gradient(top, #00c3b6, #005d57);
  background-image: -o-linear-gradient(top, #00c3b6, #005d57);
  background-image: linear-gradient(to bottom, #00c3b6, #005d57);
  background-repeat: repeat-x
}

#sp-feature-wrapper a:not(.btn) {
  color: #2afff1
}

#sp-feature-wrapper a:not(.btn):hover {
  color: #90fff8
}

.module.highlighted {
  background: #3498db
}

.module.highlighted a {
  color: #fff !important
}

#sp-bottom-wrapper,
#sp-footer-wrapper {
  background: #00aa9e;
  color: #fff
}

#sp-bottom-wrapper h3,
#sp-footer-wrapper h3 {
  color: #fff
}

#sp-bottom-wrapper a:not(.btn),
#sp-footer-wrapper a:not(.btn) {
  color: #77fff6
}

#sp-bottom-wrapper a:not(.btn):hover,
#sp-footer-wrapper a:not(.btn):hover {
  color: #aafff9
}

#sp-footer-wrapper {
  border-top: 1px solid #00ddce
}

#sp-footer-wrapper::after {
  background: #00aa9e
}

.sp-border {
  border-top: 1px solid #00ddce
}

.sp-border::after {
  background: #00aa9e
}

#sp-left .article_service_jing,
#sp-right #sp-component .download_jing {
  border: 1px solid #ccc;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px
}

#sp-component,
#sp-left .article_service_jing {
  list-style: none;
  min-height: 140px
}

#sp-component .download_jing {
  padding-left: 5px
}

.article_service_jing a:hover {
  color: #39f
}

.article_service_jing .sp-badge {
  display: none
}

.article_service_jing h3 {
  color: #0cf
}

#contact-us .article_service_jing,
#sp-user1 .article_service_jing {
  border: 1px solid #ccc;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
  list-style: none;
  min-height: 140px;
  max-width: 277px
}

#sp-right.right_jing {
  display: flex;
  flex-direction: column-reverse
}

#sp-right #sp-top_jing-wrapper {
  padding-top: 0 !important
}

#sp-slider-wrapper>.row-fluid>#sp-slider>.custom div img {
  width: 100%
}

#sp-slider-wrapper>.row-fluid>#sp-slider>.custom .banner_img__jing .banner_inner_wrap img {
  width: 100%
}


#yea-about-us .top {
  width: 100%;
}

#yea-about-us .culture {
  width: 47%;
  margin-left: 5px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
}

#yea-about-us .culture ul li{
  font-size: 16px;
  padding: 7px 0;
  line-height: 1;
}

#yea-about-us .culture h3{
  margin-bottom: 5px;
}

#yea-about-us .culture ul{
  margin: 0 auto;
  padding-left: 10px;
}

ul li{
  list-style: none;
}

@media (max-width: 979px) {

  #yea-about-us .culture ul li{
    font-size: 14px;
    padding: 2px 0;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  #yea-about-us .culture {
    width: 100%;
    margin: 0;
    display: block;
  }
  #yea-about-us .culture ul li{
    font-size: 16px;
    padding: 7px 0;
    line-height: 1;
  }
}

#new_article .category-module{
    padding:0;
}

#new_article .category-module li{
    text-align: justify;
    border-bottom:1px solid #ccc;
    width:45%;
    margin-bottom:20px;
        display: inline-block;
}

#new_article .category-module li:nth-child(odd){
    margin-right:50px;
    margin-left:20px;
}


#new_article .category-module li:nth-child(even){
    margin-right:0;
}
#new_article .category-module li:last-child{
    
}
#new_article .category-module li a{
        display: inline-block;
        max-width:45%;
        color:#333;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}


#new_article .category-module li a:hover{
    color:#005d57;
}

#new_article .category-module li .mod-articles-category-date{
        display: inline-block;
        margin-right:0;
        float:right;
}

@media (max-width: 800px){
    
#new_article .category-module li{
    width:100%
}
#new_article .category-module li:nth-child(odd){
    margin-right:0;
    margin-left:0;
}
}