.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	/*line-height: 0px;*/
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
	max-width: 100%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
	background: url("../images/button-previous.png") no-repeat 0;
}
.nbs-flexisel-nav-right {
    right: 5px;
	background: url("../images/button-next.png") no-repeat 0;
}
#idxprocarousel .item { height:130px; }
#idxprocarousel .item, #idxprocarousel .caption { margin:0 3px; padding:0 3px; white-space:nowrap; overflow:hidden; text-overflow : ellipsis;}

#content{padding:0}
.index_about{ background-image:url(../images/ind-com-bg.jpg) ;padding: 60px 15px; text-align: center ;color:#222 ; line-height: 180%; background-color: #EDEDED; background-size:cover;}

h3{font-weight:normal; color:#222; display: inline-block; padding:6px 2px ; font-size: 28px;margin: 0 auto ; margin-bottom:40px; border-bottom:4px solid #a0d228;}
h3 a{color:#222}
h3 a:hover{color:#222}
/*.index_about h3{color:#009fe7}*/

p{font-weight: normal; font-size: 16px;}

a.more {padding: 6px 40px;color: #fff; transition: all 0.5s ease-in-out; display: inline-block; background-color: #8ec607; }
a.more:hover{background: #999; color:#fff}
.index_about p{margin-bottom:30px}

.index_news{ text-align: center; background-color: #fff;}
.index_news .wrap{margin: 40px auto; border: 2px dotted #ababab; padding: 40px 30px 80px 30px;}
.index_news .pic{width:40%; float:left}
.index_news .caption{width:50%; float:left; text-align: left}
.index_news .caption a{ color:#222}
.index_news .caption a.more{color:#fff}

.in_exhibition .slick-list{/*width:80%;*/margin:0 auto}
.index_news h3{/*padding:20px 50px; */ }
.index_application{ text-align: center;padding:40px 0 70px 0}
.index_application ul li {background-color: #fff; width: 16.66%; float: left; box-shadow: -1px 1px 3px #ccc; overflow: hidden; position: relative;}
.index_application p{ background: #fff}
.index_application .pic{ overflow: hidden}
.index_application ul li .pic img{ transition: all 0.3s ease-in-out }
.index_application ul li:hover .pic img { transform: scale(1.1);}
.index_application ul li figure{   
    width: 100%;
    height: 100%;}
.index_application ul li figure:before{position: absolute;
	top: 0;
	left: 0;
	width: 140%;
	height: 80%;
	background:rgba(82,126,167,0.2);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s ;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, -130%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, -130%, 0); z-index: 999}

.index_application ul li:hover figure:before{-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, 120%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 50deg) translate3d(0, 120%, 0);}
.index_application ul li a{width:100%;height:100%; position: absolute;left:0;top:0}
.responsive .slick-list{width:80%;margin:0 auto}

#index_product{ text-align: center;padding:30px 0 80px 0;}

.index_follow { text-align: center; background: url(../images/follow_bg.jpg);padding:60px 0}
.index_follow h3{margin-bottom:20px}
.index_follow ul{width:80%;margin:0 auto;}
.index_follow ul li{width:33.3%; text-align: center; float:left}
.index_follow ul li .icon{margin-bottom:15px}
.apppics{ display: none}

#mainbanner{width:100%; overflow:hidden}
.glyphicon-chevron-left:before {color: #bde856;content: "\e079";}
.glyphicon-chevron-right:before {color: #bde856;content: "\e080";}

#index_product .caption a{ color:#8fc60c;}
#index_company{ background-image:url(../images/ind-bg2.jpg); background-repeat: no-repeat; background-size: cover;}
.qr{float: right;margin-top: 130px;}
@media  (max-width : 1280px) {
  .index_news .wrap{padding:40px 2% 60px 2%; margin:40px 2%; width:96%;}

}
@media  (max-width : 991px) {
    .qr{float: left;margin-top: -15px;    margin-left: 50%;}}
@media  (max-width : 880px) {
.index_application{padding:40px 0}
#index_product{padding:20px 0 40px 0;}
.in_exhibition .slick-list ,.responsive .slick-list{width:90%; }


}

@media  (max-width : 780px) {
	.index_news .pic ,.index_news .caption{width:100%; float:none; text-align: center;padding:0 15px}
	.index_news .pic img{margin:0 auto}
	.index_application p{ font-size:14px}
}

@media  (max-width : 650px) {
	.index_application ul li{width:100%; float: none; border: 1px solid  rgba(196,196,196,1.00); box-shadow: 0 0 0  rgba(0,0,0,0); border-bottom:0}
	.index_application ul li:last-child {border-bottom:1px solid  rgba(196,196,196,1.00)}
	.index_application>div>div{width:450px;margin-right:auto;margin-left: auto}
	.apppics{ display:block}
	.apppic{ display: none}
	.index_application .pic{width:254px; float:left}
	.index_application p{font-size:20px;padding:30px 10px}
}

@media  (max-width : 500px) {
	.index_application>div>div{width:90%;margin:0px auto}
	.index_follow ul{width:100%}
	.index_application .pic{width:200px}
	.index_application p{font-size:18px}
	.index_about{ padding:40px 2%;}
	h3 {font-size: 25px; margin-bottom: 20px;}
	.slick-next {right: -5%;}
	.in_exhibition .slick-list ,.responsive .slick-list{width:70%;}
	.index_news .wrap {margin: 40px 5%; width: 90%;}
}
@media  (max-width : 480px) {
    .qr{float: left;margin-top: -15px;    margin-left: 0px;}
}


@media  (max-width : 400px) {
	.index_application>div>div{width:100%;margin:0px auto}
	.index_application .pic{width:160px}
	.index_application p{font-size:16px}
	.index_follow{padding:30px 0}
	.index_follow ul li{width:100%; float:none;margin-bottom:15px}
	#maincarousel{ position: relative;width:140%;margin-right:-20%;margin-left:-20%}
}