.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;
	positon: 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;}


#index_container .container { max-width: 1920px; margin: auto; }
#index_header > .container, #index_container .idx-about .container, #index_container .sec5 .container, #index_container #footer .container { max-width: 1400px; }

#mainbanner { background-color: #f1f1f1; max-width: 100%; }
#mainbanner > .row { max-width: 1920px; margin: auto; }
#mainbanner > .row > div { padding: 0; }
.index_cate_slick .slick-prev{left: -25px;}
.index_cate_slick .slick-next{right: -25px;}
#index_product { display: none; }
#index_company>h3 { display: none; }
.sec1 { margin-top: 20px; }
.exhibition { float: left; width: 50%; padding-right: 10px; }
.video { float: right; width: 50%; padding-left: 10px; }
.sec2 { margin-top: 24px; padding-left: 30px; padding-right: 30px; }
#index_cate { margin-top: 24px; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; }
.box-item { width: calc(25% - 20px); margin: 0 10px 7px 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 3px 7px 0.2px rgba(0, 0, 0, 0.2); text-align: center; position: relative;}
a.index-oversea-link {
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
  }
  .sec6 .container {margin: 0 -10px;display: flex;flex-wrap: wrap;}
.slick-slide { text-align: center; }
.slick-slide .tab-img, .box-item .box-pic { overflow: hidden; }
.slick-slide .tab-img img, .box-item .box-pic img { transition: all 0.4s ease; }
.slick-slide:hover .tab-img img, .box-item:hover .box-pic img { transform: scale(1.1); }
.box-inner { padding: 0 20px;}
.box-inner .box-title { margin-bottom: 12px; font-size: 22px; color: #212121; display: inline-block; padding: 0 1% 4px;}
.box-inner p { max-width: 380px; margin: auto; font-size: 16px; color: #212121; }
.text-effect { background-image: linear-gradient(to left, transparent, transparent 50%, #014dd6 50%, #014dd6); background-position: 100% 0; background-size: 200% 100%; transition: all 0.25s ease-in; }
.slick-slide .tab-name { margin: 20px 20px 0; display: block; }
.slick-slide h3 { text-align: center; padding: 0 20px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.3em;}
.slick-slide:hover .text-effect, .box-item:hover .text-effect { color: #fff; background-position: 0, 0; }
.slick-slide:hover .text-effect a { color: #fff; text-decoration: none; }
.more { margin-top: 20px; margin-bottom: 20px; }
.more a { color: #014dd6; display: inline-block; text-decoration: none;  background-color: rgb(255, 255, 255); box-shadow: 0px 3px 8.73px 0.27px rgba(0, 0, 0, 0.09); padding: 4px 18px; border-radius: 30px; transition: all 0.3s ease; }
.more a:hover { text-decoration: none; background: #014dd6; color: #fff; }
.more a i { margin-left: 6px; }
.sec-title { text-align: center; margin: 50px auto 24px; }
.sec-title h2 { font-size: 30px; color: #212121; font-family: "SourceSansPro-SemiBold", "Microsoft JhengHei", "Helvetica Neue", "Roboto Regular", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.sec-title h3 { font-size: 24px; color: #014dd6; }

.idx-about { background-color: #f1f1f1; }
.about-pic { float: left; width: 50%; }
.about-inner { float: right; width: 50%; padding: 40px 30px 24px; color: #8a8a8a; }
.idx-about .more { text-align: right; margin-right: 12px; }
.sec5 { margin: 16px auto; }
.sec5 .container { display: flex; flex-wrap: wrap;justify-content: space-between;}
.sec5 .container:before, .sec5 .container:after{content: none;}
.sec5 .pic-item {   width: calc(50% - 10px);position: relative; margin-bottom: 15px; }
.sec5 .pic-item:last-child {  background: url(../images/map.jpg) no-repeat center; background-size: cover; color: #212121; overflow: hidden;}
.sec5 .pic-item:last-child::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); }
.index_middle_swiper img{width: 100%;}
.index_middle_swiper-left, .index_middle_swiper-right {font-size: 20px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.index_middle_swiper-left{left: 10px;}
.index_middle_swiper-right{right: 10px;}
.counter-area h2 { font-size: 80px; font-weight: bold; }
.counter-area h2 span:nth-child(1) { margin-right: 30px; }
.install { color: #fff; position: absolute; top: 8em; left: 50%; width: 100%; max-width: 450px; transform: translateX(-50%); text-align: center;z-index: 2; }
.ins-title { font-size: 30px; margin-bottom: 12px; }
.ins-title a { color: #fff; text-shadow: 0 0 5px #666;}
.ins-title p { line-height: 1.4; }
.sales { color: #fff; position: absolute; z-index: 1; top: 8em; left: 50%; width: 100%; max-width: 500px; transform: translateX(-50%); text-align: center; }
.sales-title { font-size: 30px; margin-bottom: 12px; }
.sales>.clearfix>div { float: left; }
.sales .asia { width: 25%; }
.sales .ameria { width: 40%; margin: 0 5%; }
.sales .europe { width: 25%; }
.continents { background: #fff; color: #a7aaad; margin-bottom: 18px; font-size: 24px; }
.sales ul { padding-left: 0; }
.sales li { text-align: left; line-height: 1.8; font-size: 18px; }
.sec6 { padding-left: 15px; padding-right: 15px; }
.sec6 .box-inner { padding: 20px; }
.sec6 .box-inner .box-title { font-size: 30px; max-width: 320px; margin: auto; min-height: 66px; }
.sec6 .box-inner p { font-size: 18px; max-width: 320px; min-height: 75px; }
@media (max-width: 1480px) {
	.box-inner p { min-height: 110px; }
	.sec6 > .container { padding-left: 0; padding-right: 0; }
}
@media (max-width: 1440px) {
	.sec6 .box-inner p { min-height: 100px; }
}
@media (max-width: 1280px) {
	.box-inner p { min-height: 140px; }
	.sec6 .box-inner { min-height: 250px; }
	.sec6 .box-inner .box-title { font-size: 24px; }
	.sec6 .box-inner p { min-height: 150px; }
}
@media (max-width: 1200px) {
	.box-inner .box-title { min-height: 48px; }
	.box-inner p { min-height: 160px; }
	.sales, .install { top: 4em; width: calc(100% - 60px); }
	.sec6 .box-inner { min-height: 300px; }
}

@media (min-width: 1024px){
.modal-dialog {
    /*width: 800px;*/
    text-align: center;
}}
@media (max-width: 991px) {
	.box-item { width: calc(50% - 20px); margin-bottom: 20px;}
	.box-item:nth-child(2n+1) { clear: both; }
	.box-inner p { min-height: 75px; }
	.sales, .install { top: 30px; }
	.ins-title, .sales-title { line-height: 1.2; }
	.install p { font-size: 16px; line-height: 1.2; }
	.continents { font-size: 16px; margin-bottom: 6px; }
	.sales li { font-size: 14px; line-height: 1.2; }
	.sec6 .box-inner { min-height: 250px; }
}
@media (max-width: 768px) {
	#content { background: #fff; }
	.about-pic, .about-inner { float: none; width: 100%; }
	.about-pic { text-align: center; }
	#index_cate { padding-left: 20px; padding-right: 20px; }
	.sec5 .container { display: block; }
	.sec5 .pic-item, .sec5 .pic-item:last-child { float: none; width: 100%; height: 0; padding: 0 0 100%; text-align: center; }
	.sec5 .pic-item:first-child { margin-right: 0px; }
	.sec5 .pic-item:last-child { margin-left: 0px; }
}
@media (max-width: 640px) {
	.exhibition, .video { float: none; width: 100%; padding-left: 15px; padding-right: 15px; }
	.exhibition { margin-bottom: 15px; }
	/* .sec5 .pic-item, .sec5 .pic-item:last-child { float: none; width: 100%; padding: 0; } */
	.sales, .install { top: 5em; }
	.ins-title, .sales-title { font-size: 30px; line-height: 1.6; }
	.sec6 .box-inner { min-height: 300px; }
	.sec6 .box-inner p { min-height: 125px; }
}
@media (max-width: 639px) {
	.box-inner p { min-height: 200px; }
}
@media (max-width: 480px) {
	.sec2 { padding-left: 15px; padding-right: 15px; }
	.box-item { float: none; width: 100%; margin: 0 auto 20px; }
	.box-item:first-child { margin-left: 0px; }
  .box-item:last-child { margin-right: 0px; }
  .box-item{width: 100%;}
	.box-inner .box-title, .box-inner p, .sec6 .box-inner .box-title, .sec6 .box-inner p { min-height: auto; }
	.sales, .install { top: 30px; width: calc(100% - 24px); }
	.ins-title, .sales-title { font-size: 22px; line-height: 1.2; }
	.install p { font-size: 16px; line-height: 1.2; }
	.continents { font-size: 16px; margin-bottom: 6px; }
	.sales li { font-size: 14px; line-height: 1.2; }
	.sec6 .box-inner { min-height: inherit; height: inherit; padding-bottom: 20px; }
}
@media (max-width: 395px) {
	.counter-area > p { display: none; }
}