.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}
h3{font-weight: normal;color:#00428d; 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; position: relative; margin-top: 30px;}
h3 a{color:#00428d; text-transform:uppercase;}
h3 a:after{content: ""; background: #fe0404; display: block; width: 100px; height: 2px; text-align: center; position: absolute; bottom: 10px;}
.index_about h3{color:#009fe7}

p{font-weight: normal;}

a.more{padding:5px 15px; background: #fe0404; color:#fff; border:1px solid #fe0404; 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: #FFF;color:#fe0404}
/*.index_about p{margin-bottom:30px; color: #000;}*/

.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; background-color: #ddd;}
#index_product h3 a:after{left: 15px;}

.index_follow { text-align: center; background: url(../images/follow_bg.jpg);padding:60px 0;  display: none;}
.index_follow h3{color: #FFF; position: relative;}
.index_follow h3:after{content: ""; background: #FFF; display: block; width: 100px; height: 2px; text-align: center; position: absolute; left: 15px; bottom: 10px;}
.index_follow a{color: #FFF;} 
.index_follow a:hover{text-decoration: underline;} 
.index_follow ul{width:80%;margin:0 auto;}
.index_follow ul li{width:50%; text-align: center; float:left}
.index_follow ul li .icon{margin-bottom:15px}
.apppics{ display: none}

#mainbanner{width:100%; overflow:hidden}



/*20190401*/
#com-L{ width:50%; background-image:url(../../../proimages/index/com-bg.jpg); background-position:right center; background-repeat:no-repeat; height:620px; float:left; padding:100px 150px 80px 120px;  position:relative;  background-color: #000;  text-indent:-9999px; overflow:hidden;}

#com-R{ width:50%;  height:620px; float:left; padding:100px 200px 80px 120px;  background-color: #0a243d; position:relative; color:#fff;  /*text-align: center;*/}
.comti{font-size:42px; margin-bottom:40px; font-weight:bold;}
.com-txt{font-size:20px; line-height:1.7em;}
.com-txt p{ color:#fff; margin-bottom:20px;}
.ind-more{ position:absolute; bottom:20%;}
.ind-more a{ color:#fff; font-size:16px; display:block; padding:10px 28px; background-color:#0a243d; border:2px solid #f5df51;}
.ind-more a:hover{color:#ddd;}
.slick-prev:before, .slick-next:before{ display: none;}
.wrap-2>p{ margin:0;}
.cominfo-ti{ color:#fff; font-size: 32px; text-transform:uppercase; padding:16px 0;}
#index_product2, #index_product{ display: none;}
.index-pro-wrap{ width:100%; float:left; background-color: #ddd;}
.index-pro{ float:left; margin: 0 1% 50px 0; padding:4px; height:520px; width:32%; position: relative;}
.index-proti{ text-align: center;}
.ind-pic{ margin:0 0 20px 0; padding:1%;}
.ind-pic img{border:2px solid #09243c; border-radius:0 30px 0 30px; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.5);}
.ind-protext{ padding:2px; font-size: 16px; color:#09243c;}
.ind-protext p{color:#09243c;}
.ind-protext ul {padding-left: 20px; list-style:disc; }
.ind-promore{ background-color: #09243c; position: absolute; bottom:1%; right:4%;  border-radius:4px}
.ind-promore a{ color:#fff; padding:4px 8px; text-transform:uppercase;display: block; font-size: 13px;}
.ind-promore a:hover{text-decoration: underline;}


/*20191105*/

.index_video {
    width: 100%;
    margin: 30px auto 0;
    padding: 0px 15px;
    max-width: 1260px;
	z-index: 9;
}


@media  (max-width : 1300px) {
	#com-R {padding: 100px 8% 80px 8%;}

}

@media  (max-width : 1100px) {
	#com-R {padding: 100px 8% 80px 8%;}
	.comti {font-size: 36px; margin-bottom: 30px;}
	.com-txt {font-size: 19px; line-height: 1.6em;}
	.ind-more {bottom: 15%;}
	.ind-more a {font-size: 15px; padding: 10px 26px;}
	#com-L, #com-R{height: 600px; background-size: contain;} 
    ind-protext{font-size: 15px;}
}

@media  (max-width : 880px) {
.index_application , #index_product{padding:50px 0}
.in_exhibition .slick-list ,.responsive .slick-list{width:90%}
#com-R {padding: 10% 8%;}

}

@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}
	#com-L{width:100%; padding: 20px 0 280px 0; background-size:60%; height:auto; background-position: center center;}
	#com-R{width:100%; text-align:center; padding: 8% 6% 18% 6%; height:auto;}
	.ind-more {bottom: 14%; left: 39%;}
	.index-pro{width:49%; padding:0 0 6% 0; height:470px;}
	
}

@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}
	.comti {font-size: 32px;}
	.com-txt {font-size: 17px;}
	#com-R {padding: 8% 6% 24% 6%;}
	.ind-more {bottom: 12%; left: 32%;  padding: 8px 20px;}
	.cominfo-ti{font-size: 26px;}
}

@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}
	.ind-more {bottom: 10%; left: 25%;}
	.comti {font-size: 28px;}
	.com-txt {font-size: 16px;}
	#com-L{padding: 20px 0 180px 0; background-size:110%;}
	.index-pro{margin: 0 0 50px 0; height:auto; width:100%;}
}

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


@media  (max-width : 320px) {
	.ind-more {bottom: 8%; left: 22%;  padding: 5px 6px; font-size: 13px;}
}