button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

.banner{ height:400px; position:relative; overflow:hidden;}
 #glume{width:100%; position:relative; height:100%;}
    #glume .Limg{width:100%;height:100%; margin:0px; padding:0px; list-style:none;}
    #glume .Limg li{width:100%;height:100%; overflow:hidden;position:absolute;cursor:pointer; left:0px; top:0px; list-style:none; background:#f3f3f3;}
	#glume .Limg li .pic{ height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
	
	.banner_info{ position:absolute; bottom:0px; left:0px; height:26px; line-height:26px; width:100%;z-index:1000;}
	.banner_con{ margin:0 auto; padding:0px; width:1004px; text-align:left; position:relative;  height:26px;}
	#glume .Nubbt{ position:absolute; bottom:20px; left:0px;height:12px; z-index:100; }
    #glume .Nubbt span{background:#fff;display:block; box-shadow:#999 2px 2px 10px; float:left; height:15px; width:15px; border-radius:50%;margin:0px 3px;cursor:pointer;}
    #glume .Nubbt span.on{background:#036ec4;}
	

.i_banner_infos{ text-align:center; }	
.i_banner_txt{ padding-top:100px; text-align:center;}
.i_banner_txt h2{ font-size:35px; font-weight:normal; line-height:1.6em; color:#553e48; }
.i_banner_txt h2 span{ display:inline-block; padding:0px 15px;}
.i_banner_txt h2 i{color:#b8141d; font-style:normal; font-weight:bold;font-size:60px; position:relative; padding-right:5px;}
.i_banner_txt p{ display:inline-block; font-size:14px; color:#666; margin-bottom:20px; margin-top:10px;}
.i_banner_txt p span{ padding:0px 10px; position:relative;}
.i_banner_txt p span:after{ content:""; position:absolute; right:0px; top:2px; height:12px; width:1px; background:#999;transform:rotate(15deg);
-ms-transform:rotate(15deg); 	/* IE 9 */
-moz-transform:rotate(15deg); 	/* Firefox */
-webkit-transform:rotate(15deg); /* Safari 和 Chrome */
-o-transform:rotate(15deg); 	/* Opera */}
.i_banner_txt p span:last-child:after{ display:none;}
.info_box{ float:left; width:25%;}
.info_box h4{font-family:'BEBAS'; font-size:42px; color:#ba141b; line-height:1.6em; display:inline-block; position:relative;}
.info_box i{position:absolute; font-style:normal; right:-20px; top:-11px; font-size:30px;font-family:'BEBAS';}
.info_box span{ color:#000; display:block; font-size:16px;}

	
.i_area1{ border-bottom:1px solid #ddd;}
.scrollbox{ width: 850px;height:60px; overflow: hidden; position:relative;}
.scrollbox span.ico_news{ position:absolute; left:0px; top:0px; line-height:60px; padding-left:26px; color:#b8141d; font-size:14px;}
.scrollbox span.ico_news:before{ position:absolute; left:0px; top:0px; font-size:16px;}
#scrollDiv{ padding-left:110px;width:740px;height:60px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:60px; line-height:60px;overflow:hidden;vertical-align:middle;}
#scrollDiv li a{ font-weight:bold; color:#b8141d; text-decoration:underline;}
#scrollDiv li a:hover{ text-decoration:none;}
#scrollDiv li span{ font-family:'BEBAS';  padding-right:10px; font-size:12px; }

.i_area1_btns{ position:absolute; right:0px; top:10px; line-height:40px;font-size: 0;}
.i_area1_btns a{ display:block; font-size:14px; height:40px; line-height:40px; display:inline-block; box-sizing:border-box; background:#b8141d; padding:0px 20px 0px 50px; color:#fff; position:relative; border-radius:20px; margin-left:10px;}
.i_area1_btns a span{ position:absolute; left:20px; top:0px;}
.i_area1_btns a:first-child{ background:#554049;}
.i_area1_btns a:first-child span{ font-size:24px; top:2px;}
.i_area1_btns a:hover{background:#d6212b;}
.i_area1_btns a:first-child:hover{background:#68545d;}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(images/down.gif) no-repeat 0 0; text-indent:-9999px}

.i_news{padding:40px 0px; }
.i_imgs{ float:left; width:460px;}
.npic_info{}
.npic_info img{ width:460px; height:305px;}
.npic_info span{ display:block; text-align:center;}
.i_imgs .slick-prev {
	left:10px;
	background: url(../images/left1.png) no-repeat;
}
.i_imgs .slick-next {
	right:10px;
	background: url(../images/right1.png) no-repeat;
}


.i_newslist{ float:right; width:620px;}
.i_newstit{ font-weight:bold; font-size:16px; padding:15px 0px;}
.i_newstit a.sel{ color:#b8141d;}
.i_newstit a{ margin-right:20px;}

.i_t_news{ border-bottom:none; padding-bottom:10px; margin-bottom:10px; position:relative;}
.i_t_news a{}
.i_t_news span{font-family:'BEBAS'; padding-bottom:5px; display:inline-block; width:85px;}
.i_t_news i{ display:none; color:#999; font-weight:normal; font-size:14px; font-style:normal; margin-top:6px; max-height:60px; overflow:hidden; line-height:20px; text-align:justify;}

.news_show{ font-weight:bold; border-bottom:1px solid #ddd; }
.news_show a{ color:#b8141d;}
.news_show span{ color:#004ec7;}
.news_show i{ display:block; }




.i_news_others{ margin-top:15px;}
.i_news_others a{ display:block; position:relative; line-height:30px; height:30px; overflow:hidden;}
.i_news_others a span{ padding-right:10px;}

.i_video{ text-align:center;}
.i_video img{ width:100%; height:auto;}

.i_project{ padding:40px 0px;}
.i_p_tit{ font-weight:bold; font-size:16px; position:relative; padding-bottom:10px;}
.i_p_tit:before{ position:absolute; left:0px; bottom:0px; content:""; height:3px; width:40px; background:#b8141d;}
.more{ position:absolute; right:0px; top:0px; font-size:14px; font-weight:normal;}
.more a{ width:120px; display:block; height:34px; line-height:34px; border-radius:20px; border:1px solid #b8141d; color:#b8141d; text-align:center;}
.more a:hover{ color:#fff; background:#b8141d; box-shadow:#999 0px 0px 15px;}

.i_p_list{ padding-top:30px;}
.i_p_list .slick-dots li button {
	border: 0;
	display: block;
	height: 12px;
	width: 12px;
	overflow:hidden;
	padding: 5px;
	cursor: pointer;
	background:#666;
	border-radius:50%;
	text-indent:100px;
}
.i_p_list .slick-dots li.slick-active button {
	background:#b8141d;
}

.p_info dd{width:265px; height:95px; overflow:hidden; cursor:pointer; position:relative; margin:15px 0px; text-align:center;}
.p_info dd img{max-width:220px; max-height:95px;}
.p_info dd span{ display:block; position:absolute; bottom:-95px; left:0px; width:100%; background:rgba(0,0,0,0.8); color:#fff; height:95px; line-height:95px; font-size:16px; text-align:center;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.p_info dd:hover span{ bottom:0px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}


.layui-layer-page .layui-layer-content {
    position: relative;
    overflow:hidden;
}
@media only screen and (max-width: 1120px){
	.i_news{padding:20px; }
	.i_news.wrap{ width:calc(100% - 40px);}
	.i_newslist{ width:calc(100% - 480px);}
	.i_area1_btns{ right:20px;}
	.i_project{padding:40px 20px; }
	.i_project.wrap{width:calc(100% - 40px); overflow:hidden;}
}


@media only screen and (max-width: 1024px){
	#video{ padding:0px !important;}
	.banner{ height:300px;}
	#glume .Limg li.bg_2 .pic{ background-position:-270px;}
	.i_banner_infos{ text-align:center;}	
	.i_banner_txt{ text-align:center; padding-top:70px;}
	.i_banner_txt h2{ font-size:30px; font-weight:bold; line-height:1.6em; color:#000;}
	.i_banner_txt h2 i {
		color: #b8141d;
		font-style: normal;
		font-weight: bold;
		font-size: 40px;
		position: relative;
		padding-right: 5px;
	}
	.i_banner_txt span{ display:block; color:#625c5c; padding:0px 50px 20px 50px;}
	.info_box{ float:left; width:25%;}
	.info_box h4{font-family:'BEBAS'; font-size:22px; color:#ba141b; line-height:1.6em;}
	.info_box span{ color:#000;}
	
	
	.i_area1{ border-bottom:1px solid #ddd; padding:0px;}
	.scrollbox{ width: 100%;height:60px; overflow: hidden; position:relative;}
	.scrollbox span.ico_news{ position:absolute; left:0px; top:0px; line-height:60px; padding-left:20px; color:#b8141d; font-size:14px;}
	.scrollbox span.ico_news:before{ position:absolute; left:0px; top:0px; font-size:16px;}
	#scrollDiv{ padding-left:90px;width:auto;height:60px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
	#scrollDiv li{height:60px; line-height:60px;overflow:hidden;vertical-align:middle;}
	#scrollDiv li span{ font-family:'BEBAS';  padding-right:10px; font-size:12px; }
	
	.i_area1_btns{ display:none; position:relative; right:0px; top:0px; line-height:60px;font-size: 0;}
	.i_area1_btns a{ display:block; font-size:14px; height:60px; line-height:60px; display:inline-block; box-sizing:border-box; background:#b8141d; padding:0px 20px 0px 50px; color:#fff; position:relative;}
	.i_area1_btns a span{ position:absolute; left:20px; top:0px;}
	.i_area1_btns a:first-child{ background:#554049;}
	.i_area1_btns a:first-child span{ font-size:24px; top:2px;}
	.i_area1_btns a:hover{background:#d6212b;}
	.i_area1_btns a:first-child:hover{background:#68545d;}
	
	
	.i_news{padding:20px 0px; }
	.i_imgs{ float:none; width:auto; padding:0px;}
	.npic_info{ background:#eee;}
	.npic_info img{ width:100%; height:auto;}
	.npic_info span{ display:block; text-align:center; background:#eee; height:30px; line-height:30px;}
	.i_imgs .slick-prev {
		left:10px;
		background: url(../images/left1.png) no-repeat;
	}
	.i_imgs .slick-next {
		right:10px;
		background: url(../images/right1.png) no-repeat;
	}
	
	
	.i_newslist{ float:none; width:auto; padding:0px;}
	.i_newstit{ font-weight:bold; font-size:16px; padding:15px 0px;}
	.i_newstit a.sel{ color:#b8141d;}
	.i_newstit a{ margin-right:20px;}
	
	.i_t_news{ font-weight:normal; border-bottom:1px solid #ddd; padding-bottom:10px;}
	.i_t_news a{ color:#333; display:block; position:relative; padding-left:100px;}
	.i_t_news span{font-family:'BEBAS'; color:#333; position:absolute; left:0px; top:0px;}
	.i_t_news i{ display:none; color:#666; font-weight:normal; font-size:14px; font-style:normal; padding-top:10px;}
	.i_news_others{ margin-top:15px;}
	.i_news_others a{ display:block; position:relative; line-height:30px; height:30px; overflow:hidden;}
	.i_news_others a span{ padding-right:10px;}
	
	.i_video{ overflow:hidden;}
	.i_video img{ width:180%; height:auto; margin-left:-40%;}
	
	.i_project{ padding-top:30px; overflow:hidden;}
	.i_p_tit{ font-weight:bold; font-size:16px; position:relative; padding-bottom:10px; margin:0px;}
	.i_p_tit:before{ position:absolute; left:0px; bottom:0px; content:""; height:3px; width:40px; background:#b8141d;}
	.more{ position:absolute; right:0px; top:0px; font-size:14px; font-weight:normal;}
	.more a{ width:120px; display:block; height:34px; line-height:34px; border-radius:20px; border:0px solid #b8141d; color:#b8141d; text-align:center;}
	.more a:hover{ color:#fff; background:#b8141d; box-shadow:#999 0px 0px 15px;}
	
	.i_p_list{ padding-top:30px; margin:0px 20px;}
	.i_p_list .slick-dots li button {
		border: 0;
		display: block;
		height: 12px;
		width: 12px;
		overflow:hidden;
		padding: 5px;
		cursor: pointer;
		background:#666;
		border-radius:50%;
		text-indent:100px;
	}
	.i_p_list .slick-dots li.slick-active button {
		background:#b8141d;
	}
	
	.p_info dd{width:100%; height:95px; overflow:hidden; cursor:pointer; position:relative; margin:15px 0px;}
	.p_info dd img{width:100%; height:auto;}
	.p_info dd span{ display:block; position:absolute; bottom:-95px; left:0px; width:100%; background:rgba(0,0,0,0.8); color:#fff; height:95px; line-height:95px; font-size:16px; text-align:center;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.p_info dd:hover span{ bottom:0px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}


}

@media only screen and (max-width: 1024px){
	.scrollbox{ width: 100%;height:auto; overflow: hidden; position:relative;}
	.i_area1{ border:0px;}
	.i_area1 img{ width:100%; height:auto;}
}