#container { padding-top: 0; }
#banner{position: relative;}
#banner > .wrap{padding:0; width: 100%; }
#mainbanner{}
#mainbanner .swiper-slide{position:relative;}
.banner-txt{padding:0 18.75%; position:absolute; left:0; right:0; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.banner-txt > .wrap{width: auto;}
#banner .swiper-slide a{display: block;}
.banner-txt h2, .banner-txt h4{}
.banner-txt h2, .banner-txt h4, .banner-txt .index-more{padding-left: 5px !important;}
.banner-txt h2{color: #1d4b95;  font-size: 86px; margin: 0; padding: 0; letter-spacing: -1px;}
.banner-txt h4{font-size: 24px; line-height: 1.3em; color: #5a5a5a; margin: 0.5em 0 0; padding: 0;}
#banner .swiper-button-next{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'%23707070'%2F%3E%3C%2Fsvg%3E");}
#banner .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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707070'%2F%3E%3C%2Fsvg%3E")}


.swiper-slide-1 .banner-pic { position: absolute; bottom: 0; right: 0; width: 100%; background: rgba(35,24,21,.4); z-index: 1; }
.swiper-slide-1 .banner-pic .wrap { padding-left: 10%; }
.swiper-slide-1 .banner-pic .wrap > div { text-align: center; float: left; width: 12%; padding: 30px 0; color: #fff; vertical-align: middle; }
.swiper-slide-1 .banner-pic a { color: #d3dde2; }
.swiper-slide-1 .banner-pic a > span { height: 91px; line-height: 91px; }
.swiper-slide-1 .banner-pic a > span > img { opacity: 0.42; transition: all 0.3s ease; }
.swiper-slide-1 .banner-pic a:hover > span > img { opacity: 0.78; }
.swiper-slide-1 .banner-pro-1 { position: absolute; top: 20%; right: 10%; width: 32%; }
.swiper-slide-1 .banner-txt { font-family: sans-serif; font-weight: bold; padding: 0 0 0 5%; top: 50%; width: 45%; }
.swiper-slide-1 .banner-txt h2 { color: #fff; font-size: 70px; }
.swiper-slide-1 .banner-txt h2 span { font-weight: bold; }
.swiper-slide-1 .banner-txt h4 { color: #fff; font-size: 20px; font-family: sans-serif; font-weight: normal; width: 80%; }
.swiper-slide-1 .banner-txt h4 span { color: #ffe538; }
.swiper-slide-1 .index-more { display: none; }

#index_product ul { list-style-type: none; padding: 0; margin: 0; }
#index_product ul li { padding: 0; margin: 0 2px; background: url(/static/images/indexpro_bg.jpg) no-repeat center top; width: calc(25% - 4px); }
#idxprocarousel .item, #idxprocarousel .caption { margin:0; padding:0; white-space:nowrap; overflow:hidden; text-overflow : ellipsis; text-align: center;}
#idxprocarousel .caption a { display: block; font-family: sans-serif; font-size: 25px; padding: 6px 0; }
#idxprocarousel li:hover .item img { transform: scale(1.08); }
#idxprocarousel li:hover .caption { background: #000; }

.index-section2 { font-family: sans-serif; font-size: 16px; line-height: 1.2; padding: 75px 0 40px; }
.index-section2 > .wrap > h2 { color: #030303; font-size: 30px; background: url(/static/images/idx-sec2-adv_bg.png) no-repeat center center; padding: 12px 0 20px; margin-bottom: 30px; text-align: center; text-transform: uppercase; }
.index-section2 ul { list-style-type: none; padding: 0; margin: 0; }
.idx-sec-news { border: #d9d9d9 1px solid; padding: 20px; margin-bottom: 30px; }
.idx-sec-news h3 { margin: 0 0 24px; font-size: 24px; font-family: sans-serif; border-left: #f00 3px solid; padding-left: 10px; }
.idx-sec-news h3 a { color: #000; }
.idx-sec-news h3 span.index-more { float: right; color: #e30000; font-size: 15px; sans-serif; font-weight: normal; text-decoration: none; padding: 0 4px 6px; position: relative; }
.idx-sec-news h3 span.index-more::before { content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #e30000; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.idx-sec-news h3 a:hover span.index-more::before { left: 0; right: 0; }
.idx-sec-news h6 { color: #636363; font-size: 15px; }
.idx-sec-news p { color: #161616; }
.idx-sec-news1 li+li, .idx-sec-news2 li+li { margin-top: 20px; margin-bottom: 20px; }
.idx-date { font-size: 14px; }

.idx-sec-news1, .idx-sec-news2 { height: 664px; overflow: hidden; }
.idx-sec-news3:nth-child(1) { height: 402px; overflow: hidden; }
.idx-sec-news3:nth-child(2) { height: 230px; overflow: hidden; }

.idx-new1-pic.video { position: relative; }
.idx-new1-pic.video a:before { content: ""; background: url("/static/images/play-icon-m.png") no-repeat; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.idx-new2-pic { float: left; width: 162px; height: 120px; line-height: 118px; border: #ccc 1px solid; box-sizing: border-box; }
.idx-new2-pic.video { position: relative; }
.idx-new2-pic.video a:before { content: ""; background: url("/static/images/play-icon-s.png") no-repeat; width: 54px; height: 54px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.idx-new2-text { margin-left: 170px; }

.idx-sec-news3 li+li, .idx-sec-news4 li+li { margin-top: 20px; }
.idx-sec-news3 p { margin-bottom: 0px; }

.index-section3 { margin-bottom: 3px; }
.index-section3 .left { width: calc(50% - 2px); float: left; position: relative; }
.index-section3 .right { width: calc(50% - 2px); float: right; position: relative; }
.tabs-btn, .tabs-cont { position: absolute; }
.tabs-btn { z-index: 1; top: 20%; left: 100%; transform: translateX(-50%); font-family: sans-serif; font-size: 25px; color: #000; }
.tabs-btn ul, .tabs-cont ul { list-style-type: none; margin: 0; padding: 0; }
.tabs-btn li { width: 124px; height: 124px; text-align: center; line-height: 124px; border-radius: 100%; position: relative; cursor: pointer; transition: all 0.3s ease; }
.tabs-btn li a { background: #fff; display: block; position: absolute; z-index: 1; top: 1px; right: 1px; bottom: 1px; left: 1px; border-radius: 50%; }
.tabs-btn li:before { content: ""; border: #fff 3px solid; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 50%; }
.tabs-btn li:after { content: ""; border: #fff 1px solid; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; border-radius: 50%; }
.tabs-btn li > div { transition: all 0s ease; }
.tabs-btn li a:hover, .tabs-btn li .active a { background: #de002b; color: #fff; }
.tabs-btn li + li { margin-top: 80px; }
.tabs-cont { max-width: 70%; text-align: left; color: #fff; top: 30%; left: 15%; font-family: sans-serif; font-size: 20px; }
.tabs-cont h4 { font-size: 32px; }
.tabs-cont h4 img { vertical-align: baseline; }
.tabs-cont p { max-width: 90%; }
.tabs-cont .btn { margin-top: 50px; padding: 0; }
.tabs-cont .btn a { display: inline-block; font-size: 16px; color: #fff; position: relative; padding: 0 10px 4px; }
.tabs-cont .btn a::before { content: ""; background: #d0102b; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.tabs-cont .btn a:hover { color: #d0102b; }
.tabs-cont .btn a:hover::before { left: 50%; right: 50%; }
.tabs-cont .btn a + a { margin-left: 40px; }

#btntop{/*-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); margin-top: -50px;*/ z-index: 10}

.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;}
.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("/static/images/button-previous.png") no-repeat 0;}
.nbs-flexisel-nav-right { right: 5px;	background: url("/static/images/button-next.png") no-repeat 0;}

.index-section4 { background: url(/static/images/index-section4_bg.jpg) center top; position: relative; margin-bottom: 3px; }
.index-section4-text { color: #fff; text-align: left; position: absolute; top: 30%; left: 20%; }
.index-section4-text h2 { font-size: 68px; font-family: sans-serif; font-weight: bold; }
.index-section4-text h4 { font-size: 20px; font-family: sans-serif; max-width: 600px; }

#footer { background: none; }
#footer:after { content: ""; position: absolute; z-index: -1; background: #383838; top: 0; right: 0; bottom: 0; left: 0; }


@media (max-width: 1700px) {
	/** === banner === **/
	.swiper-slide-1 .banner-txt h2 { font-size: 60px; }
	/** === idx-news === **/
	.index-section2 .row { margin: 0; }
}
@media (max-width: 1439px) {
	/** === banner === **/
	.swiper-slide-1 .banner-pic .wrap { padding: 0; text-align: center; }
	.swiper-slide-1 .banner-pic .wrap > div { width: 12%; padding: 0 0 12px; float: none; display: inline-block; line-height: 1.4; }
	.swiper-slide-1 .banner-pic a > span > img { max-width: 80px; max-height: 60px; }
	/** === section3 === **/
	.tabs-btn li + li { margin-top: 50px; }
	.tabs-cont { max-width: 80%; top: 22%; }
	/** === section4 === **/
	.index-section4 { overflow: hidden; padding: 0; background-size: 100%; background-repeat: repeat; }
	.index-section4 > img { max-width: inherit; width: 100%; margin-left: 10%; }
	.index-section4-text { top: 30%; left: 10%; width: 50%; }
}
@media (max-width: 1279px) {
	/** === banner === **/
	.swiper-slide-1 .banner-txt h2 { font-size: 48px; }
	.swiper-button-next-banner, .swiper-button-prev-banner{display: none;}
	.swiper-slide-1 .banner-pic a > span > img { max-width: 60px; max-height: 48px; }
	/** === section3 === */
	.tabs-btn li { width: 100px; height: 100px; line-height: 100px; }
	.tabs-btn li + li { margin-top: 30px; }
	.tabs-cont { max-width: 80%; top: 20%; }
	/** === section4 === **/
	.index-section4-text { top: 20%; left: 10%; width: 50%; }
}
@media (max-width: 1199px) {
	/** === banner === **/
	.swiper-slide-1 .banner-txt { width: 60%; }
	.swiper-slide-1 .banner-txt h2 { font-size: 36px; }
	.swiper-slide-1 .banner-txt h4 { font-size: 16px; }
	.index-more{display: none;}
	
	/** --- section1 === **/
	.idx-sec-news2 { min-height: inherit; }
	.idx-sec-news2 li+li { margin-top: 0; }
	.idx-new2-pic { float: none; }
	.idx-new2-text { margin-left: 0; }
	
	/** === section3 === **/
	.tabs-btn { top: 15%; }
	.tabs-cont { max-width: 80%; top: 10%; }
	
	/** === section4 === **/
	.index-section4 { overflow: hidden; padding: 0; background-size: 100%; background-repeat: repeat; }
	.index-section4 > img { max-width: inherit; width: 100%; margin-left: 10%; }
	.index-section4-text { top: 20%; left: 10%; width: 50%; }
	.index-section4-text h2 { font-size: 56px; }
}
@media (max-width: 1023px) {
	/** === idx-pro === **/
	#idxprocarousel .caption a { font-size: 20px; }
	
	/** === section2 idx-news === **/
	.index-section2 { padding: 30px 15px; }
	.index-section2 .row { margin: 0; }
	.idx-news1, .idx-news2, .idx-news3 { width: 100%; padding: 0; }
	.idx-sec-news1, .idx-sec-news2, .idx-sec-news3:nth-child(1), .idx-sec-news3:nth-child(2) { height: auto; }
	.idx-sec-news1 > ul > li { float: left; width: 49%; }
	.idx-sec-news1 li:nth-child(1) { margin-right: 1%; }
	.idx-sec-news1 li:nth-child(2) { margin-left: 1%; }
	.idx-sec-news1 li+li { margin-top: 0; }
	.idx-sec-news2 li+li { margin-top: 12px; }
	.idx-new2-pic { float: left; }
	.idx-new2-text { margin-left: 170px; padding-top: 10px; }
	
	/** === section3 == **/
	.tabs-btn { font-size: 16px; top: 10%; }
	.tabs-btn li { width: 80px; height: 80px; line-height: 80px; }
	.tabs-btn li + li { margin-top: 20px; }
	.tabs-cont h4 { font-size: 24px; }
	.tabs-cont p { max-width: inherit; font-size: 16px; }
	.tabs-cont .btn { margin-top: 20px; }
	
	/** === section4 === **/
	.index-section4-text { top: 15%; }
	.index-section4-text h2 { font-size: 40px; }
	
	#btntop{margin-top: -42px;}
}
@media (max-width: 900px) {
	/** === banner === **/
	.banner-pic { display: none; }
}
@media (max-width: 767px)  {
	/** === banner === **/
	.swiper-slide-1 .banner-txt { width: 60%; }
	.swiper-slide-1 .banner-txt h2 { font-size: 24px; }
	.swiper-slide-1 .banner-txt h4 { font-size: 16px; }
	.index-more{display: none;}
	
	/** === idx-pro === **/
	#idxprocarousel .caption a { font-size: 16px; }
	
	/** === section3 ===　**/
	.index-section3 .left, .index-section3 .right { float: none; width: 100%; overflow: hidden; }
	.index-section3 .left .img { height: 240px; }
	.index-section3 .left .img > img { margin-top: -40%; }
	.index-section3 .tabs-cont { max-width: 80%; top: 30px; left: 10%; }
	.tabs-cont h4 img { display: block; margin-bottom: 12px; }
	.tabs-cont p { font-size: 16px; max-width: inherit; }
	.tabs-btn { font-size: 16px; top: inherit; left: 0; bottom: 10%; right: 0; transform: translateX(0); }
	.tabs-btn ul { text-align: center; }
	.tabs-btn li { width: 80px; height: 80px; line-height: 80px; display: inline-block; margin: 0 10px; }
	.tabs-btn li + li { margin-top: 0; }
	.index-section3 .right .img { height: 440px; }
	
	/** === section4 === **/
	.index-section4-text { top: 10%; }
	.index-section4-text h2 { font-size: 36px; }
}
@media (max-width: 639px){
	/** === banner === **/
	.swiper-slide-1 .banner-txt h2 { font-size: 16px; }
	.swiper-slide-1 .banner-txt h4 { font-size: 16px; }
	.index-more{display: none;}
	
	/** === idx-news === **/
	.idx-sec-news1 > ul > li { foat: none; width: 100%; }
	
	/** === section3 === **/
	.index-section3 .right .img { height: 440px; }
	
	/** === section4 === **/
	.index-section4 { background-image: none; }
	.index-section4-text { width: 80%; }
	.index-section4 > img { margin-left: 0%; }
}	
@media (max-width: 479px){
	/** === banner === **/
	.banner-txt{bottom: 0; top: auto; -webkit-transform: translateY(0);     -ms-transform: translateY(0);    -o-transform: translateY(0);    transform: translateY(0);}
	.banner-txt .wrap{background: rgba(255, 255, 255, 0.4); padding-top: 12px; padding-bottom: 12px;}
	.banner-txt h2{font-size: 27px;  padding-left: 0 !important; width: auto; line-height: 1.1em; /*text-shadow: 0 0 2px rgba(29, 75, 149, 0.3);*/} .banner-txt h4{display: none;}
	
	/** === idx-news === **/
	.idx-new2-pic { float: none; width: 100%; height: auto; text-align: center; }
	.idx-new2-text { margin-left: 0; }
	
	/** === section3 ===　**/
	.index-section3 .left, .index-section3 .right { float: none; width: 100%; overflow: hidden; }
	.index-section3 .left .img > img { max-width: 120%; }
	.index-section3 .tabs-cont { top: 30px; }
	.tabs-cont h4 img { display: block; margin-bottom: 12px; }
	.tabs-cont p { font-size: 16px; max-width: inherit; }
	.tabs-btn { font-size: 16px; top: inherit; left: 0; bottom: 20px; right: 0; transform: translateX(0); }
	.tabs-btn ul { text-align: center; }
	.tabs-btn li { width: 80px; height: 80px; line-height: 80px; display: inline-block; margin: 0 10px; }
	.tabs-btn li + li { margin-top: 0; }
	.index-section3 .right .img { height: auto; }
	.index-section3 .right .img > img { max-width: inherit; width: 120%; }
	
	/** === section4 === **/
	.index-section4 { padding: 0; background-size: 140%; }
	.index-section4 > img { width: 140%; margin-left: -20%; }
	.index-section4-text h2 { font-size: 24px; }
	.index-section4-text h4 { font-size: 16px; line-height: 1.6; }
}
@media (max-width: 374px){
	.banner-txt .wrap{padding: 8px 12px;}
	.banner-txt h2{font-size: 25px;}
	
	/** === idx-news === **/
	.index-section2 { padding: 30px 15px; }
	.idx-new2-pic { float: none; width: 100%; text-align: center; }
	.idx-new2-text { margin-left: 0; }
	
	/** === section3 === **/
	.index-section3 .left .img > img { margin-top: 0; max-width: 100%; }
	.index-section3 .right .img > img { width: 120%; }
	
	/** === section4 === **/
	.index-section4 { background-size: 120%; }
	.index-section4 > img { width: 120%; margin-left: -10%; }
}
@media (max-width: 359px) {
	.tabs-btn li { width: 60px; height: 60px; line-height: 60px; }
	.tabs-btn li + li { margin-top: 0; }
	
	/** === section3 === **/
	.index-section3 .right .img > img { width: 150%; }
	
	/** === section4 === **/
	.index-section4 { background-size: 100%; }
	.index-section4 > img { width: 100%; margin-left: 0%; }
}