.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:url(../images/ab_bg.jpg) ;padding: 60px 15px; text-align: center ;color:#fff ;  font-family: "Lora", \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4 , "Microsoft JhengHei ",  Arial , sans-serif; font-weight: normal; line-height: 180%}

h3{font-weight: normal;color:#00428d; background: url(../images/title_pic.png) right top no-repeat; display: inline-block;padding:20px 15px ; font-size: 25px;margin: 0 auto ;font-family: "Lora", \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, "Microsoft JhengHei ",  Arial , sans-serif}
h3 a{color:#00428d}
.index_about h3{color:#009fe7}

p{font-weight: normal;}

a.more{padding:5px 15px; background: rgba(0,0,0,1.00) ; color:#009fe7; border:1px solid #009fe7; border-radius: 5px; transition: all 0.5s ease-in-out;font-family: "Roboto", \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, "Microsoft JhengHei ",  Arial , sans-serif; display: inline-block}
a.more:hover{background: #009fe7;color:#fff}
.index_about p{margin-bottom:30px; text-align: left;}

.index_news{ text-align: center;}
.index_news .pic{width:50%; float:left}
.index_news .caption{width:50%; float:right; text-align: left}

.in_exhibition .slick-list{width:80%;margin:0 auto}
.index_news h3{padding:20px 50px;  }
.index_application{ text-align: center;padding:60px 0}
.index_application ul li{width:20%; 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:60px 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}

@media  (max-width : 880px) {
.index_application , #index_product{padding:50px 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}
}

@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%}
}