body{ background:#fff}
.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("button-previous.png") no-repeat 0;
}
.nbs-flexisel-nav-right {
    right: 5px;
	background: url("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{ background: #fff}
.banner .slick-dots{ bottom:150px}
.banner.slick-dotted.slick-slider{margin-bottom:0}
.index_news_zone{ position:relative;height:101px}
.index_news{ background:url(news_bg.png) center 0 no-repeat;height:273px;margin-top:-140px; position:absolute;width:100%; z-index:100}
.index_news .wrap{padding:0 50px}
.index_news_tit{width:32% ;float:left;padding-top:5%;padding-left:3.5%}
.index_news_tit h3 , .index_pro_tit h3 , .index_about_zone h3{margin:0 0 8px 0}
.index_news_tit h3 a, .index_pro_tit h3 a, .index_about_zone h3 , .index_pro_tit h3 { font-size:38px; color:#fff}
.index_news_tit p, .index_pro_tit p, .index_about_zone p{ font-size:23px; color:rgba(2255,255,255,0.6)}
.index_news_info{width:68% ;float:left;padding-top:60px}

.index_news_info .pic{ float:left;width:250px;}
.index_news_info .slick-slide .pic img{margin:14px auto}
.index_news_info .caption{width:calc(100% - 250px);padding-left:15px; float:left ;color:#fff}
.index_news_info .caption a{color:#fff}
.index_news_info .caption h3{ font-size:20px}
.index_news_info .caption h3 span{margin-right:5px; color:rgb(255, 238, 0)}
.index_news_info .slick-dots li button:before{ color:rgb(2255,255,255)}
.index_news_info .slick-dots li.slick-active button:before{ color:#E6060C}
#index_product{background:url(index_pro_bg.png) center top no-repeat;margin-bottom:30px;}
.index_pro_tit{width:170px; float:left;padding-top:3.5%;padding-left:0;  animation-name:zoomInLeft}
.index_pro_info{width:calc(100% - 170px); float:left;padding-top:100px; position:relative;margin-bottom: 50px}
.inpro{width:100%; text-align:center}
.inpro_zone{width:80%;margin:0 auto; position:relative; animation-name:zoomIn ; animation-duration: 0.8s }
.inpro_zone a.over_btn{width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(180,7,7,0);
    font-size: 20px;
    color: rgba(255,255,255,0);
    padding-top: 35%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.inpro_zone:hover a.over_btn{background: rgba(180,7,7,0.8);
    color: rgba(255,255,255,1);}


.inpro_zone a.over_btn:after {
    content: " ";
    background:url(arrow.png);
    width: 50px;
    height: 50px;
    display: block;
    margin: -30px auto 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0.2s;
    transition: all 0.6s ease-in-out 0.2s;
}

.inpro_zone:hover a.over_btn:after {
    opacity: 1;
    margin: 10px auto;
}

.inpro_zone .pic {
    overflow: hidden;
}

.inpro_zone ul li:hover h3, .inpro_zone ul li:hover p {
    color: rgba(0,0,0,0.00);
}


.inpro_zone .pic img {
    margin-top: 15px;
}

.inpro_zone h3, .inpro_zone p, .inpro_zone .pic img {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.inpro_zone h3 {
    margin: 0 0 5px 0; font-size:18px
}

.inpro_zone h3 a, .inpro_zone p a, .inpro_zone .pic img {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.inpro_zone:hover .pic img {
    transform: scale(1.1);
}

.inpro_zone:hover h3 a, .inpro_zone:hover p a {
    color: rgba(0,0,0,0.00);
}

.index_about_zone{ background:url(about_bg.jpg)  center 0 no-repeat ; width:80%;margin:0 auto; background-size:contain; padding:30px 20px; text-align:center; position:relative ; animation-name:fadeInUp}

.index_about_zone h3{color:#000}
.index_about_zone p{ color:#b2b2b2; background: url(tit_line.jpg) center bottom no-repeat; padding-bottom: 15px;}
.about_info{margin:0 auto 50px; line-height: 1.6;}
.about_btn a{padding:8px 15px ; background:#e60012; color:#fff; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display: inline-block;margin-bottom: 20px;}
.about_btn a:hover{ background:#fff; color:#e60012;border:1px solid #e60012;padding:10px 20px }
#content{padding:0}
.index_pro_zone .slick-prev{left:10px; z-index:500}
.index_pro_zone .slick-next{right:10px; z-index:500}
.index_pro_zone .slick-prev:before, .index_pro_zone .slick-next:before{color:#BA0A0E; font-size:25px}

#index_company .tit{margin-bottom:30px}

.index_post_zone { margin: 50px auto 30px auto; max-width: 1190px;}
.index_post_zone h3 { background: url(tit_line.jpg) center bottom no-repeat; padding-bottom: 15px; margin-bottom: 30px;}
.index_post_zone p { font-size: 18px; background: none;text-align: left; vertical-align: middle; color: #000; line-height: 1.6;}
.index_post_zone p img { vertical-align: top; height: 20px;}
.index_post_zone .red-txt { color: #F00;}
.index_post_zone a img { vertical-align: middle; height: auto;}
.index_post_zone-tit {margin-top: 20px;}

@media (max-width:1280px) {
.index_news_tit h3 a, .index_pro_tit h3 a, .index_about_zone h3 , .index_news_tit h3 { font-size:35px}

}

@media (max-width:1100px) {
.index_news_tit h3 a, .index_pro_tit h3 a, .index_about_zone h3 , .index_news_tit h3 { font-size:32px}
.index_news_tit{width:26%;padding-left:0}
.index_news_tit p, .index_pro_tit p, .index_about_zone p{ font-size:18px}
.index_news_tit h3, .index_pro_tit h3, .index_about_zone h3 {margin-bottom:0}
.index_news .wrap{padding:0 15px}
.index_pro_tit{padding-left:0}
.banner .slick-dots{ bottom:120px ; z-index:999}
}

@media (max-width:1000px) {
	.index_news{ height:250px; background-size:cover;margin-top:-90px}
	.index_news_info .pic{width:200px}
	.index_news_info .caption{ width:calc(100% - 200px)}
	.index_news_zone{height:82px}
	#index_product{ background-size:contain}
	.inpro_zone{width:90%}
	.index_pro_tit{padding-top:80px}

}

@media (max-width:880px) {
	#mainbanner{width:100%; overflow:hidden; position:relative}
	#mainbanner .banner{ position:relative;width:120%;margin-right:-8%; margin-left:-12%}
	.index_news{ height:200px; background-size:cover;margin-top:-60px}
.index_news_info .pic{width:180px}
.index_news_info .caption{ width:calc(100% - 180px)}
	.inpro_zone{width:90%}
	.index_news_info{padding-top:40px}
	.banner .slick-dots{ bottom:80px ; margin-left:4%}
	.index_news_tit{width:30%}
	.index_news_zone{height:120px}
	.index_news_info .caption h3{margin:0 0 5px 0; font-size:18px}

	#index_product{ background-position:-44px 0;}
	.inpro_zone h3{ font-size:16px}
	.index_pro_tit{padding-top:20px}
}

@media (max-width:780px) {
	.index_pro_tit{width:100%; text-align:center; float:none;padding-top:50px}
	.index_pro_tit h3 a , .index_pro_tit h3{color:#000}
	.index_pro_tit p{ color:#999}

	.index_pro_tit h3{ text-align:center}

	.index_pro_info {
    width: 100%;
    float: none;
    padding-top: 0px;
}
	.index_news{height:180px}
	.index_news_info .pic{width:150px}

	.index_news_info .slick-dots{bottom:-15px}
	.index_news_info .slick-dots li{margin:0 2px;width:15px; height:15px}
	.index_news_info .caption{ font-size:14px; line-height:130%;width:calc(100% - 150px)}
	.index_news_zone {
    height: 96px;
}

.index_news_tit h3 a, .index_pro_tit h3 a, .index_about_zone h3 ,.index_pro_tit h3{
    font-size: 28px;
}
.index_about_zone{width:90%}
}

@media (max-width:680px) {
	.index_news{height:auto; background:#414141}
	.index_news_tit{width:100%; display:none}
	.index_news_info{padding:0; float:none;width:480px; margin:0 auto}
	.index_news_tit h3.text-left{ text-align:center}
.index_news_zone{height:auto}
	.index_news_info .pic img{margin:0 auto}
	.index_news{padding:30px 0 15px; position:static}
	#index_product {
    background-position: 0px -10px;
}
.index_about_zone{width:100%}
.banner .slick-dots{ bottom:45px}
.index_news{margin-top:-38px}
}

@media (max-width:550px) {
	.index_news_info{width:90%; }
	.inpro_zone{width:80%}
	.inpro_zone .pic img{padding-top:0}
	.index_news{margin-top:-25px}
	.banner .slick-dots{ bottom:25px}
	}

@media (max-width:450px) {
		.index_news_info .pic{width:100% ;margin:0 0 10px }
		.index_news_info .caption{width:100%;padding-left:0; text-align:center}
		.index_news_info .pic img{margin:0 auto;width:150px}
		#mainbanner .banner{ width:138%;margin-right:-19%; margin-left:-19%}
		.banner .slick-dots{  margin-left:0}
		.index_about_zone{padding:20px 15px}

	}

.in_pdf_download{background:rgba(224,224,224,0.85); -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.in_pdf_zone{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    position: relative;
   padding:30px 0 0}
.in_pdf_zone ul li a { color:rgba(227,0,3,1.00); line-height:40px; font-size: 18px; -webkit-transition: all 0.3s ease-in-out ; transition: all 0.3s ease-in-out ;display: block;padding-bottom:2px; border-bottom:1px solid rgba(219,0,3,1.00)}
.in_pdf_zone ul{display: inline-block; line-height:40px }
.in_pdf_zone ul li { position:relative ;padding: 0 0 0 50px; display: inline-block;margin:0 10px 30px}
.in_pdf_zone ul li:before{ content:""; background:url(pdf.png) no-repeat ; background-size: contain; width:40px; height:40px; line-height: 40px; display: block ; position: absolute; left:0; -webkit-transition: all 0.3s ease-in-out ; transition: all 0.3s ease-in-out}
.in_pdf_zone ul li a:hover{color:#000}
.in_pdf_zone ul li:hover:before{ opacity:.8}


@media (max-width:450px) {
	.in_pdf_zone ul li a{line-height: 30px}
	.in_pdf_zone ul li{text-align: left}
}