.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: 5px;
	background: url("../images/arrow-left.png") no-repeat center;
}

.nbs-flexisel-nav-right {
	right: 5px;
	background: url("../images/arrow-right.png") no-repeat center;
}



/* ========================= */
.wrapper {
	width: 1364px;
}

a:hover {
	text-decoration: none;
}

#index_header {
	background: url(../images/header_bg.jpg) repeat-x #0d0d0d;
	padding: 1em 0;
}

#mainbanner {
	display: block;
	padding: 0;
	position: relative;
	background: #000;
}

.page-banner {
	display: none;
}

.swiper-banner .arrow-left,
.swiper-product .swiper-button-prev {
	right: 52px;
	left: inherit;
	top: inherit;
	bottom: 0;
	background: url(../images/arrow-left.gif) #979797;
	height: 52px;
	width: 52px;
}

.swiper-banner .arrow-right,
.swiper-product .swiper-button-next {
	right: 0;
	left: inherit;
	top: inherit;
	bottom: 0;
	background: url(../images/arrow-right.gif) #bfbfbf;
	height: 52px;
	width: 52px;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
	content: "";
}


#navbar-1 {
	padding: 0;
}

#main_menu {
	float: none;
}

#main_menu>li {
	margin: 0 auto 6em;
}

#main_menu>li+li {
	margin-left: 10px;
}

#main_menu #m1 {
	float: none;
	margin-top: 5em;
	max-width: 115px;
}

#main_menu>li>a {
	background: url(../images/main_menu_01.png) no-repeat center top;
	color: #b4b4b4;
	text-transform: uppercase;
	font-size: 12px;
	height: 125px;
	max-width: 110px;
	padding: 80px 0 0;
	transition: all 0.3s ease;
}

#main_menu #m2 a {
	background: url(../images/main_menu_02.png) no-repeat center top;
}

#main_menu #m3 a {
	background: url(../images/main_menu_03.png) no-repeat center top;
}

#main_menu #m4 a {
	background: url(../images/main_menu_04.png) no-repeat center top;
}

#main_menu #m5 a {
	background: url(../images/main_menu_05.png) no-repeat center top;
}

#main_menu #m1>a:hover,
#main_menu #m1.active>a {
	background-position: center top -130px;
}

#main_menu #m2>a:hover,
#main_menu #m2.active>a {
	background-position: center top -130px;
}

#main_menu #m3>a:hover,
#main_menu #m3.active>a {
	background-position: center top -130px;
}

#main_menu #m4>a:hover,
#main_menu #m4.active>a {
	background-position: center top -130px;
}

#main_menu #m5>a:hover,
#main_menu #m5.active>a {
	background-position: center top -130px;
}

#main_menu #m1 a:hover,
#main_menu>.active>a,
#main_menu>.active>a:hover,
#main_menu>.active>a:focus,
#main_menu #m2 a:hover,
#main_menu>.active>a,
#main_menu>.active>a:hover,
#main_menu>.active>a:focus,
#main_menu #m3 a:hover,
#main_menu>.active>a,
#main_menu>.active>a:hover,
#main_menu>.active>a:focus,
#main_menu #m4 a:hover,
#main_menu>.active>a,
#main_menu>.active>a:hover,
#main_menu>.active>a:focus,
#main_menu #m5 a:hover,
#main_menu>.active>a,
#main_menu>.active>a:hover,
#main_menu>.active>a:focus {
	color: #fff;
	background-color: #ea6100;
}

.index-mainnav {
	position: absolute;
	z-index: 11;
	background: url(../images/index-main_bg.jpg) #000;
	right: 0;
	height: 100%;
	width: 270px;
}

.thumbnail .caption {
	display: block;
}

#content {
	background: #474542;
}

/*
.flex { display: -ms-flexbox; display: flex; }
.flex .item1 { flex: 1; }
.flex .item2 { flex: 2; }
*/

.index-com .wrapper {
	background: #ea6100;
	color: #fff;
}

#index_company {
	background: url(../images/index_company_bg.gif) repeat-y;
	background-size: contain;
}

#index_company .item1 {
	float: left;
	width: 33.3333%;
}

#index_company .item2 {
	float: left;
	width: 66.6666%;
}

.index-abotitle {
	background: #000;
}

.index-about {
	background: url(../images/index-about_bg.png) no-repeat top left #ea6100;
}

.index-about>h3 {
	margin-top: 65px;
	margin-left: 15%;
	font-size: 80px;
	font-family: 'Oswald', "Arial", "sans-serif";
	font-weight: bold;
	text-transform: uppercase;
	background: #ea6100;
	padding-bottom: 3px;
}

.index-about>h3 a {
	color: #fff;
}

.index-about>h3 a span {
	color: #4c4c4c;
}

.index-about>h3 a:hover {
	text-decoration: none;
}

.index-about>p {
	margin: 20px 20% 0 28%;
	line-height: 2em;
}

.index-about .more {
	margin-top: 1em;
	margin-left: 28%;
}

.index-about .more a {
	display: inline-block;
	background: #4c4c4c;
	border: #4c4c4c 1px solid;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	line-height: 16px;
}

.index-about .more a:hover {
	border: #fff 1px solid;
	background: #ea6200;
}

.index-about .more a:after {
	content: "";
	width: 16px;
	height: 16px;
	background: url(../images/arrow2.png) no-repeat;
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
}

#index_product {
	background: url(../images/index-pro_bg.jpg) center top #017680;
}

.index-protitle {
	float: left;
	width: 33.3333%;
}

.products {
	float: left;
	width: 66.6666%;
	background: #fff;
	min-height: 430px;
	padding: 1% 0 3% 0;
}

#idxprocarousel {
	/* padding: 2em 0; */
}

#idxprocarousel .item,
#idxprocarousel li .idxpro {
	background: #f6f6f5;
}

#idxprocarousel li .idxpro {
	margin: 0 2px;
}

#idxprocarousel .prono {
	margin: 1em 0;
	width: calc(50% + 40px);
	font-size: 24px;
	font-family: 'Roboto Bold Condensed', "Arial", "sans-serif";
	border-bottom: #000 1px solid;
	text-align: right;
}

#idxprocarousel .item,
#idxprocarousel .caption {
	margin: 0 3px;
	padding: 0 3px;
	overflow: hidden;
}

#idxprocarousel .caption {
	background-color: transparent;
	padding-bottom: 1em;
	min-height: 88px;
}

#idxprocarousel .caption a {
	color: #000;
	font-family: "Arial Black", "sans-serif";
}

#idxprocarousel .caption span {
	display: block;
	font-size: 24px;
	font-family: 'Roboto Bold Condensed', "Arial", "sans-serif";
	color: #007681;
}

.index-new .wrapper {
	background: #ccc;
	color: #fff;
}

.new-flex {
	background: url(../images/index-new_bg.gif) repeat-y #000;
	background-size: contain;
}

.new-flex .item1 {
	width: 33.3333%;
	float: left;
	align-items: flex-end;
	display: flex;
}

.new-flex .item2 {
	width: 40%;
	float: left;
}

.new-flex .item3 {
	width: 20.6666%;
	float: left;
}

.index-newtitle {
	background: #ea6100;
}

.index-news {
	background: #272727;
}

.index-news .thumbnail {
	padding: 0;
	margin-bottom: 0;
}

.index-news .thumbnail h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
}

.index-news>div {
	padding: 0 10px 0 30px;
}

.index-news>div:nth-child(odd) {
	background: #272727;
}

.index-news>div:nth-child(even) {
	background: #474542;
}

.index-news a {
	color: #fff;
	transform: all 0.3s ease;
}

.index-news a:hover {
	color: #ea6200;
}

.msgdate_span {
	display: block;
	width: 120px;
	float: left;
	font-family: "Arial Black", "sans-serif";
	background: url(../images/idx-new.png) no-repeat 0px 5px;
	padding-left: 20px
}

.msgtitle_span {
	display: block;
	margin-left: 120px;
}

.index-news-pic {
	background: #000;
}

.index-cont .wrapper {
	background: url(../images/index-cont.jpg) center top;
	padding: 3em 0;
	text-align: center;
}

.index-cont a {
	color: #fff;
	font-size: 18px;
	transition: all 0.3s ease;
}

.index-cont a:hover {
	color: #ea6200;
	font-size: 18px;
}

.mail {
	max-width: 140px;
	margin: 0 auto 4px;
}

#index_container #m6 {
	display: none;
}


#index_product .flex {
	display: flex;
}

.index-protitle {
	background-color: rgba(0, 118, 129, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-protitle h3 {
	font-size: 80px;
	font-family: 'Oswald', "Arial", "sans-serif";
	font-weight: bold;
	ont-weight: bold;
	margin: 0;
	color: #fff;
}

.new-flex {
	display: flex;
}

.new-flex .item3 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26.667%;
	;
}

#index_company img {
	object-fit: cover;
	height: 100%;
}

.index-news-pic.item3 {
	display: block;
	background: url(../images/in-news-bg.jpg) center center no-repeat;
	background-size: cover;
	display: flex;
    align-items: center;
    justify-content: center;
}

.index-news-pic.item3 a {
	display: block;
	text-align: center;
}

.index-news-pic.item3 a img {
	padding: 20px;
}














































@media (max-width:1560px) {

	.item1 .index-abotitle picture img {
		object-fit: cover;
		height: 34.333vw;
	}

	#main_menu>li {
		margin-bottom: 3em;
	}

	#main_menu #m1 {
		margin-top: 3em;
	}
}

@media (max-width:1280px) {
	#main_menu>li {
		margin-bottom: 2em;
	}

	#main_menu #m1 {
		margin-top: 2em;
	}
}

@media (max-width:1364px) {
	.wrapper {
		width: 100%;
	}
}

@media (min-width: 801px) {
	.indexbanner {
		width: calc(100% - 270px);
	}
}

@media (max-width:1199px) {
	#main_menu>li {
		margin-bottom: 1em;
	}

	#main_menu #m1 {
		margin-top: 1em;
	}

	.products {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width:1024px) {
	#main_menu>li {
		margin-bottom: 0;
	}

	#main_menu #m1 {
		margin-top: 0;
	}
}

@media (max-width:1023px) {
	#main_menu #m1 {
		margin-top: 1em;
	}

	#main_menu>li {
		margin-bottom: 1em;
		overflow: hidden;
		max-height: 85px;
	}
}

@media (max-width:991px) {

	.index-news .caption span {
		width: 100%;
		margin: 0;
	}

	.new-flex .item1 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.products {
		padding: 0;
	}

	#index_company {
		display: flex;
	}

	#index_company {
		object-fit: cover;
		height: 100%;
	}

	.index-protitle {
		width: 33.33%;
	}

	.index-protitle h3 {
		font-size: 60px;
	}

	.index-about>h3 {
		font-size: 60px;
		margin-top: 75px;
	}

	.index-about>p {
		margin: 100px 10% 0 18%;
		line-height: 2em;
	}
}

@media (max-width:900px) {
	#main_menu>li {
		margin-bottom: 0px;
	}
}

@media (max-width:800px) {

	.products {
		isplay: flex;
		align-items: center;
		justify-content: center;
	}

	#index_header {
		padding: 0;
	}

	.flex .item2 {
		flex: 3;
	}

	#idxprocarousel {
		padding: 0;
	}

	.index-about {
		background-size: 200px;
	}

	.index-about>h3 {
		font-size: 60px;
		margin-top: 50px;
	}

	.index-about>h3 a {
		line-height: 1.2em;
	}

	.index-about>p {
		margin: 80px 5% 0;
	}

	.index-about .more {
		margin-left: 5%;
	}

	.index-protitle {
		width: 33.33%;
	}

	.products {
		width: 75%;
		padding: 2em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.swiper-banner .arrow-left {
		right: 52px;
	}

	.swiper-banner .arrow-right {
		right: 0;
	}

	.products {
		width: 66.67%;
		padding: 0;
	}

}

@media (max-width:767px) {

	.index-protitle {
		height: 80px;
	}

	#index_company,
	#index_product .flex {
		flex-wrap: wrap;
	}

	.index-news .thumbnail h3 {
		margin: 10px 0;
	}

	.index-newtitle img {
		height: 80px;
	}

	.new-flex {
		flex-wrap: wrap;
	}
}




@media (max-width:640px) {
	.index-news>div {
		padding: 0 15px;
	}

	.msgdate_span {
		width: 100%;
		float: none;
	}

	.msgtitle_span {
		margin-top: 5px;
		margin-left: 20px;
	}
}

@media (max-width:480px) {
	#index_company {
		border-top: #fff 2px solid;
	}

	#index_company .item1 {
		text-align: center;
		background: #000;
		float: none;
		width: 100%;
	}

	#index_company .item2 {
		float: none;
		width: 100%;
	}

	.index-about {
		background-size: 200px;
	}

	.index-about>h3 {
		font-size: 48px;
		padding: 60px 0 0 100px;
		margin: 0 0 1.2em;
		background: none;
	}

	.index-about>h3 a {
		background: #ea6100;
	}

	.index-about>p {
		padding: 2em 15px;
		margin: 0;
	}

	.index-about .more {
		margin-top: 0;
		margin-left: 15px;
	}

	.new-flex .item1,
	.new-flex .item2,
	.new-flex .item3 {
		width: 100%;
		float: none;
	}

	.index-protitle,
	.products {
		width: 100%;
		float: none;
	}

	.index-protitle {
		text-align: center;
	}

	.nbs-flexisel-container {
		margin-bottom: 0;
		padding-bottom: 2em;
	}

	.index-news-pic {
		text-align: center;
		background: #000;
	}
}

@media (max-width:479px) {

	.index-news-pic.item3 a img {
		max-height: 120px;
		width: auto;
		padding: 20px;
	}

	.index-protitle,
	.products {
		padding-bottom: 0;
	}
}

@media (max-width:375px) {
	.index-about {
		background-size: 150px;
	}

	.index-about>h3 {
		font-size: 36px;
		padding: 42px 0 0 70px;
	}
}

@media (max-width:320px) {
	.index-about>h3 {
		padding: 42px 0 0 50px;
	}
}