@charset "utf-8";
/* CSS Document */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden；}

/* ----------------------------------------------------
	sti slider
---------------------------------------------------- */

/* .sti_container { max-width: 100%; height: auto; } */

.sti_container {
	font-family:Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #333;
    margin:0px auto;
    width:550px;
	min-height:200px;
	padding:0px;
	overflow:hidden;
}

.sti_container a { text-decoration:none; color:#2d75cd; }

.ajax_content { clear:both; }

.sti_slider {
	width:550px;
	overflow:hidden;
	position:relative;
	background:#f4f4f4;
	margin:0;
}

.sti_items {
	float:left;
	display:none;
	
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	padding:0px;
	margin:0px;
	
	width:15000px;

	-webkit-transform: translate3d(0px,0px,0px); 
}

.sti_items img { 
	padding:0px; margin:0px; float:left;
	-webkit-transform: translate3d(0px,0px,0px);
	-webkit-transform: translate2d(0px,0px);
}

.preload_32 { 
	background:#fff url(../img/preload_32.gif) center no-repeat; width:32px; height:32px; padding:5px; position:absolute; z-index:1000;
	border:#ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}
.preload_16 { 
	background:#fff url(../img/preload_16.gif) center no-repeat; width:16px; height:16px; padding:5px; position:absolute; z-index:1001; margin-top:28px; left:5px;
	border:#ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.sti_slide { width:550px; height:207px; float:left; padding:0; margin:0; background:#bebcc1; position:relative; }
.sti_slide img { display:block; border:none !important; margin:0 !important; padding:0 !important; max-width:none !important; max-height:none !important; height:none !important; }
.sti_slide div.banner_title { font-size:13px; background:#000; color:#999; padding:10px; position:absolute; left:0; bottom:30px; opacity:.8; }
.sti_slide div.banner_title a { color:#fff; }
.sti_slide div.banner_title a:hover { text-decoration:underline; }

/* content */

.sti_content_slider { background:#fff; margin:0 auto; color:#777; }
.sti_content_slider .sti_content_inner { padding:0px; }
.sti_content_slider h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 0; color:#505050; }
.sti_content_slider h1 { font-size:32px; line-height:34px; margin-bottom:20px; clear:both; }
.sti_content_slider h2 { font-size:26px; line-height:28px; margin-bottom:20px; clear:both; }
.sti_content_slider h3 { font-size:20px; line-height:22px; margin-bottom:20px; clear:both; }
.sti_content_slider h4 { font-size:16px; line-height:18px; margin-bottom:20px; clear:both; }
.sti_content_slider h5 { font-size:14px; line-height:16px; margin-bottom:20px; clear:both; }
.sti_content_slider h6 { font-size:12px; line-height:14px; margin-bottom:20px; clear:both; }

.sti_content_slider p { margin-top:0; margin-bottom:20px; }
.sti_content_slider a:hover { text-decoration:underline; color:#6fa1df; }
.sti_content_slider img { margin:0 0 20px 0 !important; }

.sti_clear { clear:both; }
.sti_line { border-top:#ddd solid 1px; margin-top:20px; clear:both; }


/* ----------------------------------------------------
	sti product
---------------------------------------------------- */

.sti_prod { 
	 height:150px; display:inline-block; margin:22px 0px -5px 20px; position:relative !important; line-height:30px;
	
	/* ie7 fix */
	zoom: 1; *display: inline; *margin-bottom:0px;
}
.sti_prod img { 
	position:absolute !important; bottom:0;
	display:block !important; border:none !important; margin:0 !important; padding:0 !important; max-width:none !important; max-height:none !important; height:none !important; 
}

.sti_prod a.link { position:absolute; width:32px; height:32px; background:transparent url(../img/sprite_icons.png) no-repeat; bottom:0; opacity:.8; outline:none; z-index:2; }
.sti_prod a.link.more { background:transparent url(../img/sprite_icons.png) no-repeat 0 0; }
.sti_prod a.link.zoom { background:transparent url(../img/sprite_icons.png) no-repeat -32px 0; }
.sti_prod a.link.video { background:transparent url(../img/sprite_icons.png) no-repeat -64px 0; }
.sti_prod a.link.audio { background:transparent url(../img/sprite_icons.png) no-repeat -96px 0; }
.sti_prod a.link.content { background:transparent url(../img/sprite_icons.png) no-repeat -128px 0; }

.sti_shelf_divider { height:10px; clear:both; background:url(../img/shelf_divider.png) repeat-x; }
.sti_shelf_divider_bottom { width:100%; margin-top:20px;height:5px; clear:both; background:url(../img/shelf_divider_bottom.png) repeat-x; }


/* .sti_prod .ribbon { display:none; } */
.sti_prod .ribbon_green { background:url(../img/ribbon_green.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_blue { background:url(../img/ribbon_blue.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_orange { background:url(../img/ribbon_orange.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_red { background:url(../img/ribbon_red.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_black { background:url(../img/ribbon_black.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_gray { background:url(../img/ribbon_gray.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }
.sti_prod .ribbon_violet { background:url(../img/ribbon_violet.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }


.sti_thumb_gallery { margin:12px; margin-top:16px; }
.sti_thumb_gallery img { border:#ddd solid 1px !important; padding:3px !important; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1) !important; }


/* ----------------------------------------------------
	sti prev/next / paginate
---------------------------------------------------- */

.sti_previous { 
	top:44%; left:0; height:40px; width:40px; position:absolute; background:#000 url(../images/nav_next_prev.png) left top no-repeat; 
	opacity:.8; border:#555 solid 1px; box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); cursor:pointer; z-index:2;
}
.sti_next { 
	top:44%; right:0; height:40px; width:40px; position:absolute; background:#000 url(../images/nav_next_prev.png) right top no-repeat; 
	opacity:.8; border:#555 solid 1px; box-shadow: -3px 3px 5px rgba(0, 0, 0, .5); cursor:pointer; z-index:2;
}


.sti_paginate {
	position:relative;
	display:inline-block;
	zoom:1; *display:inline;
	
	width:1170px;
    background-color:#bebcc1;
    text-align:center;
	overflow:hidden;
}

.sti_paginate .sti_page {
	float:left;
}
.sti_paginate .sti_control {
	float:left; border-left:#eaeaea solid 1px; margin-left:10px; padding-left:8px;
}
.sti_paginate .sti_control img { border:none !important; padding:0; }

.sti_paginate .sti_play { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }
.sti_paginate .sti_pause { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }

.sti_paginate .sti_btn {
    display:inline-block;
	zoom:1; *display:inline;
    padding:4px 11px 4px;
	margin-right:5px;
	margin-bottom:5px;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #777;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline:none;
}

.sti_paginate .active {
	color: #222;
	background-color: #dddddd;
	background-image: none;
    background-image: -ms-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#c5c5c5));
    background-image: -webkit-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -o-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -moz-linear-gradient(top, #dddddd, #c5c5c5);
	
	border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #D6D6D6 #D6D6D6 #BEBEBE;
    border-bottom-color: #888;
}

.sti_paginate .bullets_page {
	background:url(../img/page_bullets_sprite.png) no-repeat; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;
}
.sti_paginate .bullets_page_active {
	background:url(../img/page_bullets_sprite.png) no-repeat -18px 0; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;
}

.sti_paginate .thumbnails_page { margin:0 3px 0 0; float:left; border:#fff solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; }
.sti_paginate .thumbnails_page img { border:none !important; }
.sti_paginate .thumbnails_page_active { margin:0 3px 0 0; float:left; border:#555 solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; opacity:.3 }
.sti_paginate .thumbnails_page_active img { border:none !important; }


/* ----------------------------------------------------
	sti menu
---------------------------------------------------- */

.sti_menu {
	position:relative;
	display:inline-block;
	zoom:1; *display:inline;
	margin:0 auto 15px auto;
    background-color: #fff;
    font-weight: 300;

	/*
	background:url(../img/texture_01.jpg);
	background-position:0 50px;
	*/
}

.sti_menu .sti_btn {
    display: inline-block;
	zoom:1; *display:inline;
    padding: 0px 8px 0px 2px;
    margin-bottom: 0;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    line-height: 14px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
	border-right:#ddd solid 1px;
	outline:none;
}
.sti_menu .sti_btn:last-child { border:none; /* padding-right:0; */ }

.sti_menu .active {
	color: #b9b9b9;
}


/* ----------------------------------------------------
	sti cursor
---------------------------------------------------- */

.grab_cursor { cursor:move; }
.grab_cursor { cursor:url(../img/cursor/mozgrab.png) 8 8, move; }
.grabbing_cursor { cursor:url(../img/cursor/mozgrabbing.png) 8 8, move; }


/* ----------------------------------------------------
	sti tooltip
---------------------------------------------------- */

.sti_tooltip { 
	background:#000; color:#fff; padding:5px 10px; position:absolute; z-index:1001; top:0; max-width:150px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; 
	box-shadow: 0 0 14px rgba(0, 0, 0, .5); border:#444 solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}


/* ----------------------------------------------------
	sti lightbox
---------------------------------------------------- */

#mask_lightbox { position:absolute; left:0; top:0; z-index:1001; background-color:#000; display:none; }
#popup_lightbox { 
	position:fixed; left:0; top:0; width:48px; height:48px; display:block; z-index:9999; background:#000; padding:0px; 
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-align:left; box-shadow: 0 0 30px rgba(0, 0, 0, .8);
}
#preload_lightbox { 
	background:#fff url(../img/preload_16.gif) center no-repeat; width:16px; height:16px; padding:5px; position:absolute; z-index:1001; left:10px; top:10px;
	border:#ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

#sti_bar_lightbox { 
	position:absolute; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; bottom:0px; text-align:left; height:30px; 
	background-color:#000; padding:0; text-indent:10px; line-height:32px; border-top:#222 solid 1px; display:none; box-shadow: 0 10px 20px rgba(0, 0, 0, .8);
}
#close_btn_lightbox { width:30px; height:30px; top:0px; right:0; position:absolute; float:right; cursor:pointer; background:transparent url(../img/btn_close.png) no-repeat; }

#html_content_lightbox { background:#fff; }
#html_content_lightbox html, body { height: 100%; }

#sti_previous_lightbox { 
	top:0; left:-40px; height:100%; width:40px; position:absolute; background:#000 url(../images/nav_next_prev.png) left center no-repeat; 
	opacity:.7; box-shadow: -3px 3px 10px rgba(0, 0, 0, .8); cursor:pointer; z-index:1002;
}
#sti_next_lightbox { 
	top:0; right:-40px; height:100%; width:40px; position:absolute; background:#000 url(../images/nav_next_prev.png) right center no-repeat; 
	opacity:.7; box-shadow: 3px 3px 10px rgba(0, 0, 0, .8); cursor:pointer; z-index:1002;
}


/* ----------------------------------------------------
	sliders description
---------------------------------------------------- */

.slider_description { margin:10px auto; width:100%;height:21px; background: url(../images/jctj.png) no-repeat center;}
.slider_description strong { color:#222; font-size:12px; }


.marcador { background:#F00; width:10px; height:10px; position:absolute; z-index:100000; }
.index-banner{
position:relative;
	


}
.wd_scroll_wrap{
	float:left;
	width:100%;
}
.features-area {
  position: relative;
  background: #1f58b1;
  z-index:1;
}

.section-heading2 {
  display: block;
  margin: 0 0 60px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .section-heading2 {
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 480px) {
  .section-heading2 {
    margin: 0 0 40px;
  }
}
.section-heading2 h2 {
  font-size: 30px;
  font-weight: 400;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .section-heading2 h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 480px) {
  .section-heading2 h2 {
    font-size: 30px;
  }
}

.features-area {
	padding-top:50px;
  position: relative;
  background: #ccc;
	background:url(../images/jchg-bg.jpg);
  z-index:1;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists .floatright {
    float: inherit !important;
    display: block;
  }
}
.features-area .featured-lists ul {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul {
    text-align: center;
  }
}
.features-area .featured-lists ul:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
   background:#b3a09a;
  width: 2px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul:after {
    display: none;
  }
}
.features-area .featured-lists ul li {
  position: relative;
  display: block;
  padding: 10px 0 0;
  overflow: hidden;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li {
    padding: 30px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li:first-child {
    padding: 0;
  }
}
.features-area .featured-lists ul li:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background:#b3a09a;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li:after {
    display: none;
  }
}
.features-area .featured-lists ul li:before {
  content: '';
  position: absolute;
  left: 25.5%;
  right: 0;
  width: 40%;
  height: 2px;
  background:#b3a09a;
  top: 53px;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li:before {
    display: none;
  }
}
.features-area .featured-lists ul li.rl:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
 background:#b3a09a;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li.rl:after {
    display: none;
  }
}
.features-area .featured-lists ul li.rl:before {
  content: '';
  position: absolute;
  left: 36%;
  right: 0;
  width: 20%;
  height: 2px;
  background:#b3a09a;
  top: 53px;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li.rl:before {
    display: none;
  }
}
.features-area .featured-lists ul li .contents-l {
  display: block;
  padding: 40px 0;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li .contents-l {
    padding: 0;
  }
}
.features-area .featured-lists ul li .contents-l h4 {
  color: #876a60;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li .contents-l h2 {
    font-size: 24px;
  }
}
.features-area .featured-lists ul li .contents-l p {
  color: #000;
  margin: 0 20px 0px 0;
	line-height:25px;
}
.features-area .featured-lists ul li .contents-l a {
  font-size: 14px;
  font-weight: 700;
}
.features-area .featured-lists ul li .imgs-l {
  position: relative;
  display: block;
  margin: 0 0 0 70px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li .imgs-l {
    margin: 0;
    text-align: center;
  }
}
.features-area .featured-lists ul li .imgs-l img {
  display: inline-block;
}
.features-area .featured-lists ul li .contents-r {
  display: block;
  padding: 40px 0;
  margin-left: 90px;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li .contents-r {
    margin: 0;
    padding: 0;
  }
}
.features-area .featured-lists ul li .contents-r h4 {
  color: #876a60;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li .contents-r h2 {
    font-size: 24px;
  }
}
.features-area .featured-lists ul li .contents-r p {
  color: #000;
  margin: 0 0 20px;
}
.features-area .featured-lists ul li .contents-r a {
  font-size: 14px;
  font-weight: 700;
}
.features-area .featured-lists ul li .imgs-r {
  position: relative;
  display: block;
  margin: 0 70px 0 0;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .features-area .featured-lists ul li .imgs-r {
    margin: 0;
    text-align: center;
  }
}
.features-area .featured-lists ul li .imgs-r img {
  display: inline-block;
}
.pd-0 {
  padding: 0px;
}
.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.index-banner-top{
	position:relative;
	background:#bfbebe;
	height:35px;
	z-index:1;
}


.w3layouts_header li{
	display:inline-block;
	
}
.w3layouts_header li i{
	padding:0.5em 0.5em 0 0.5em;
	color:#595958;
	font-style:normal;
}
.w3layouts_header li a{
	color:#595958;font-size:16px;
	text-decoration:none;
}
.dropdown-menu > li > a {
    color: #333 !important;
}
.w3_dropdown {
    min-width: 100px;
    text-align: center;
}
.w3l_header_left{
	float:left;
}
.w3l_header_right{
	float:right;
}
.w3l_header_right h2{
	font-size: 1.1em;
   color:#595958;
    margin: 0.5em 0 0;
}
.w3l_header_right h2 a{
	padding:0.5em;
	color:#595958;
	font-weight:bold;
}





.right-list{
	    background: #bebcc1;
	margin-top:20px;
	border-bottom: 15px solid #b99a73;
	
}
.right-list h4{
	
	font-size: 1.6em;
    font-family: "微软雅黑";
    padding-bottom: 1em;
    padding: 3%;
    font-weight: bold;
	
	
}
.right-list h4 a{
	
	color:#000;
	
}

.right-list ul {
    padding-left: 3%;
	padding-bottom:0;
}

.right-list ul li {
    line-height: 2em;
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.right-list ul li a{
   color:#000;
}


.picscoll{
	
	margin-top: 15px;
	 background: #bebcc1;border-bottom: 15px solid #e29d13;
}
.picscoll h4{     font-size: 1.6em;
    font-family: "微软雅黑";
    padding-bottom: 1em;color:#000;
    padding: 1%;
    font-weight: bold;}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;

	
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
	padding:1em 0 0;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative;
	line-height: 35px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
.agile_commodity_videos_grid {
    padding-right: 1em;
}

/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    background: url(../images/img-sp.png) no-repeat 0px 0px;
    top:0% !important;
}
.nbs-flexisel-nav-left {
	left:92%;
}
.w3ls_market_video_grid2 a{color:#000;}
.nbs-flexisel-nav-right {
	right: 0%;
    background-position: -37px 0px;
}



/* 必要布局样式css */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
	
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 30%;
	height: 100%;
	position: relative;
	padding: 0;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 50px;
	margin-top: -25px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}
.swiper-slide:hover {
	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
}
.banner-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.swiper-container {
	width: 100%;
	margin: 12px 0;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.swiper-slide-active, .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.swiper-slide img {
	width: 100%;
	display: block;	
}
.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}

@media screen and (max-width: 668px) {
.swiper-pagination {
	position: relative;
	margin-bottom: 20px;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}
}
.banner-arrow div:hover {
	background-color: #4a4a4a;
}
.swiper-button-prev {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
	left: 10px;
}
.swiper-button-next {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
}














.index-banner-bg{

            position:relative;
           margin:0 auto;
		padding: 0;
	
}
.index-banner-bg img{
	
margin:0 auto;

	
}
.index-banner-txt{
	
	positon:absolute;
	
}



.navbar-nav {
  float: none;
  text-align:center;
}
ul.nav.navbar-nav  li {
    float:none;
    display: inline-block;
    margin: 0em;
}

 .top-navigator {
  margin:0 auto;
	 width:100%;
	border:0px;
	border-bottom:6px solid #b99a73;
	border-radius: 0px;
	 background-color: #046e74; 
}

.navbar-header{
	
	background-color: #046e74; color: #fff;
	
}
.navbar-default .navbar-brand {
	
	color: #fff;font-size:16px;font-weight:bold;
	
}

.navbar-default .navbar-nav{background-color: #046e74;}




.navbar-default .navbar-nav > li {

	position: relative;
	 color: #864c49;
}
.navbar-default .navbar-nav > li > a {
	padding: 15px;
    display: block;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
	font-size:16px;
    font-weight: bold;
}
.navbar-default .navbar-nav ul > li > a:hover {
	color: #fff;
}
.navbar-default .navbar-nav> li > ul {
  
  
  
  
   background-color: #bebcc1; 
 
}

.navbar-default .navbar-nav > li > ul li a {
   	display: block;
   	padding: 5px 18px;
   	line-height: 29px;
   	color: #864c49;
   	position: relative;
	text-decoration: none;
}

.navbar-default .navbar-nav li > ul li a:hover {
	background-color: #864c49;text-decoration: none;
}

.navbar-default .navbar-nav li > ul li:hover a {
    background: #864c49;
    color: #ffffff;text-decoration: none;
	
}





.main{
	
	margin-top:50px;
	
}
.leftside{
	float:left;
	


	
	
}
.leftside-row{
margin-top:29px;
width:100%;	
background:#bebcc1;	
	padding:5px 20px 5px 20px;
	border-bottom:17px solid #b99a73;
	
	}
.leftside-row:first-child{margin-top:0px;}
.leftside-row-title{

font-size:1.6em;

	 font-family:"微软雅黑"；
	
	}
.leftside-row-title a{
	
	color:#000;
	
}
.leftside-row .line{
	
	background-color:#864c49;
	height:2px;
	width:100%;
	margin:10px 17px 15px 0;
	
	
}

.leftside-row-content ul{
padding-top:3%;
	padding-bottom:2%;
}
.leftside-row-content ul li{
	
	line-height: 1.8em;

font-size:1em;
	
}
.leftside-row-content ul li a{
	
	color:#000;
	 font-family:"微软雅黑"；
	
}
.leftside-row-pic{
padding-bottom: 32px;	
	
}
	
.leftside-row .leftside-row-more{
	
	width:68px;
	height:32px;
	
	 border:4px  solid;
	border-color:#864c49;
	border-radius:15px;
	float:right;	padding:2px 5px 2px 13px;
	margin-bottom: 6px;
}
.leftside-row .leftside-row-more a{
	
	font-size:16px;
	color:#864c49;
	font-family:"微软雅黑"；
	
}

.leftside-row-content .adlist{
	width:100%;
	display:block;

margin-bottom:20px;
	
	
}

.leftside-row-content .mblist{
	width:99%;
	display:block;

	background:#d8cccd;
	
	
}
.leftside-row-content .mblist .mblist-single{
width:150px;
	height:150px;
	border-right: 4px solid #d8c6c5;
    border-bottom: 4px solid #d8c6c5;



display:inline-block;
	
	
}
.leftside-row-content .mblist .mblist-single img{
margin:35px 45px 0px 45px;

	
	
}
.leftside-row-content .mblist p{
	

    padding: 4px;	
text-align: center;

	
	
}



.leftside-row-content .adlist-single{
 
 
	width:87px;
	height:54px;
	background:#d8cccd;
	
	box-shadow: -4px 4px 10px #b2a3a2;
	border: 1px solid #d8cccd;
	border-radius: 5px;
	margin:4px;

display:inline-block;
}




.rightside{
	float:right;

	
	padding-left:0px;
	
}

.rightside-row{


background:#bebcc1;	
	padding:3%;
		  margin-left: 15px;
padding-bottom:1px;
		border-bottom:15px solid #b99a73;
}


.rightside-row-newslist{ position:relative;
width:90%;overflow: hidden;
}
.rightside-row-newslist-title{
	
	font-size:1.6em;

	 font-family:"微软雅黑";
	 padding-bottom:1em;
	padding:2%;
	font-weight:bold;
	
	}
.rightside-row-newslist-title a{
	
	color:#000;
	
}
.rightside-row-newslist .line{
	
	background-color:#000;
	height:2px;
	width:100%;
	margin:10px 17px 15px 0;
	
	
}

.rightside-row-newslist-content ul{
padding-left:3%;	
	
}
.rightside-row-newslist-content ul li{
	
	line-height: 2em;


font-size:1em;
	white-space:nowrap;     

overflow:hidden;         

text-overflow: ellipsis;    

-o-text-overflow:ellipsis; 
	
}
.rightside-row-newslist-content ul li a{
	
	color:#000;
	 font-family:"微软雅黑"；
	
}
.rightside-row-more{
	
	width:68px;
	height:32px;
	
	 border:4px  solid;
	border-color:#864c49;
	border-radius:15px;
	float:right;	padding:2px 5px 2px 13px;
	margin-bottom: 6px;
}
.rightside-row .rightside-row-more a{
	
	font-size:16px;
	color:#864c49;
	font-family:"微软雅黑"；
	
}
	
	
	


/*Slide*/
#slider-wrapper {
    position: relative;

    width: 415px;
    height: 311px;
}
#slider-bg {
    background: url("../images/carbon-bg.png") repeat scroll 0 0 transparent;
    background-color: #000;
     width: 415px;
    height: 311px;
}
#slider-photos {
   width: 415px;
    height: 311px;
    position: absolute;display: block;
    max-width: 100%;
    height: auto;
   
}
#slides {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}
.slides_container {
    display: none;
    overflow: hidden;
    position: relative;
     width:415px;
}
.entry .slides_container {
    width: 415px;
}
.slides_container div.slide {
    display: block;
    height: 311px;
    width: 415px;
}
#slides .next, #slides .prev {
    display: block;
    height: 70px;
    left: 0;
    position: absolute;
    top: 146px;
    width: 30px;
    z-index: 101;
}
#slides .next {
    left: 415px;
}
a.portfolio-slide-prev, a.portfolio-slide-next {
}
.pagination {
    margin: 0 auto;
    width: 120px;
    height: 34px;
}
.pagination li {
    float: left;
    list-style: none outside none;
    margin: -100px 0px 0px 3px; 
    padding: 0px;
    height: 14px;
	 width: 14px;
    
}
.pagination li a {
    background: url("../images/slider-pagination.png") repeat scroll 0 -14px transparent;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
   MARGIN-top: 5px;
    width: 14px;
}
.pagination li.current a {
    background: url("../images/slider-pagination.png") repeat scroll 0 0 transparent;
}
.caption {
    border-radius: 2px 2px 2px 2px;
    bottom:-5px;
   
    color: #864c49;
    position: absolute;
right:0px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    z-index: 300;
}
.caption h1 {
    background-color:#daa962;
	filter:alpha(opacity:80); opacity:0.8; 
	-moz-opacity:0.8;-khtml-opacity: 0.8;
    margin: 0;
    line-height:20px;
    padding: 10px 20px;
    text-transform: uppercase;
      
}
.caption h1 a {

    color: #864c49;
     font-size:14px;
    font-weight: normal;
	text-decoration: none;
}
/*slide*/


/*rightpicnews */


.rightside-row-picnews{
	
	margin-top:20px;
	
	width:100%;
	
	
	
}
.rightside-row-picnews ul{
	
	display:block;
   padding: 10px 0 15px 0px;
	


}


.rightside-row-picnews ul li{
	
	width:358px;
	height:260px;
	    float: left;
    overflow: hidden;
  
	
	padding-bottom: 20px;
    display:inline;
	
}

.rightside-row-picnews ul li:nth-child(2n){  margin-left: 44px;}


.bottom-pic{ margin-top:20px;width:100%;	
	
	}


.bottom-pic-single{
display: inline-block
		
		}

.bottom-pic ul li:last-child{

float-right:0px;
	
	
}

.bottom-pic-single img{
	
width:100%;	
border-bottom:15px solid #b99a73;	
vertical-align: bottom;
    margin-bottom: 15px;
}	




/*-- //follow-us --*/
/*-- footer --*/
.footer{
	padding:2em 0;
	
	text-align:center;
}

.footer p{
	color:#000;
	margin:1em 0 0;
	line-height:1.5em;
}
.footer p a{
	color:#000;
	
}
.footer p a:hover{
	color:#fff;
}
/*-- //footer --*/