@charset "utf-8";
/* CSS Document */

/**/
.swiper-container{ margin-bottom:5px;}
.swiper-pagination-bullet{ width:12px; height:12px; background-color:#fff; opacity:1;}
.swiper-pagination-bullet-active{ background-color:#f10706}
/**/
.index-icon{ clear:both;}
.index-icon ul{ margin-left:-1px; margin-right:-1px;}
.index-icon ul li{ padding-left:1px; padding-right:1px; margin-bottom:5px;}
.index-icon ul li a{display:block; position:relative; background-color:#e2dcce; background-image:url(../images/index_icon1.png); background-position: center 35px; background-repeat:no-repeat; padding-top:180px; padding-bottom:30px; color:#000;}
.index-icon ul li span{ display:block; text-align:center; font-size:12px;}
.index-icon ul li span b{ display:block; font-size:16px;}
.index-icon ul li.num-2 a{ background-color:#aebaba; background-image:url(../images/index_icon2.png);}
.index-icon ul li.num-3 a{ background-color:#d1c0a4; background-image:url(../images/index_icon3.png);}
.index-icon ul li.num-4 a{ background-color:#858a90; background-image:url(../images/index_icon4.png);}
.index-icon ul li.num-1 a:hover{ background-image:url(../images/index_icon1b.png);}
.index-icon ul li.num-2 a:hover{ background-image:url(../images/index_icon1b.png);}
.index-icon ul li.num-3 a:hover{ background-image:url(../images/index_icon1b.png);}
.index-icon ul li.num-4 a:hover{ background-image:url(../images/index_icon1b.png);}
/**/
.index-about{ margin-bottom:5px;}
.index-about dl{}
.index-about dl dt{ padding:30px 0 0; text-align:center;}
.index-about dl dt img{ display:inline-block; margin-bottom:20px;}
.index-about dl dt p{ text-align:left; font-weight:normal; padding:0 50px; line-height:2; color:#777;}
.index-about dl dd{ padding:0; background-color:#f1f1f1}
.index-about ul li{ width:50%; float:left; min-height:230px; position:relative;}
.index-about .iabout-box{ text-align:center; padding:30px 0;} 
.index-about .iabout-box a{ display:inline-block; border:1px solid #434343; padding:5px 15px; font-size:18px; margin-bottom:20px; color:#434343}
.index-about .iabout-box a:hover{ background-color:#fff}
.index-about .iabout-box p{ padding:0 10px; text-align:left; text-indent:2.0em; line-height:1.8;}
.index-about .iabout-1{}
.index-about .iabout-2{}
.index-about .iabout-2 video{ width:100%; display:block;}
.index-about .iabout-3{ background-color:#101010; color:#fff;}
.index-about .iabout-3 i{ display:block; position:absolute; right:50%; top:50px; margin-right:-70px; font-size:24px; font-family:Arial}
.index-about .iabout-3 span{ display:block; text-align:right; font-size:16px; font-style:normal;}
.index-about .iabout-3 b{ position:absolute; left:-19px; top:50%; margin-top:-12px; background:url(../images/iabout_left.png) no-repeat; width:19px; height:24px;}
.index-about .iabout-4{ background-color:#da251c; color:#fff;}
.index-about .iabout-4 a{ color:#fff; border-color:#fff;}
.index-about .iabout-4 a:hover{ background-color:#ff0000}

/**/
.index-img{ clear:both;}
.index-img ul{ margin-left:-1px; margin-right:-1px;}
.index-img ul li{ padding-left:1px; padding-right:1px; margin-bottom:5px;}
.index-img ul li a{ display:block; position:relative; height:100%;}
.index-img ul li img{ display:block; width:100%;}
.index-img ul li span{ position:absolute; left:50%; top:50%; margin-left:-83px; margin-top:-38px; height:56px; width:166px; text-align:center; line-height:56px; font-size:24px; color:#fff; z-index:9}
.index-img ul li i{ position:absolute; left:50%; top:50%; margin-left:-83px; margin-top:-38px; height:56px; width:166px; background-color:#ccc; opacity:.7; border:1px solid #fff;}
.index-img ul li a:hover i{ background-color:#FB0000}

/**/
.index-news{ clear:both; padding-bottom:50px;}
.index-news dl{ margin-left:-1px; margin-right:1px;}
.index-news dl dt{ padding-left:1px; padding-right:1px;}
.index-news dl dt img{ display:block; width:100%;}
.index-news dl dd{ padding-left:50px; padding-top:30px; padding-right:1px;}
.index-news dl dd h3{ font-size:18px; margin-bottom:20px;}
.index-news dl dd h3 i{ display:inline-block; border-bottom:2px solid #565656; padding:0 5px 5px; margin-bottom:10px;}
.index-news dl dd h3 b{ font-size:30px; font-weight:normal; margin-right:10px;}
.index-news ul{}
.index-news ul li{ margin-bottom:30px;}
.index-news ul li h4{ font-size:16px; font-weight:normal; margin-bottom:10px; padding-top:5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.index-news ul li p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.index-news ul li p.date{ color:#767676;}
.index-news ul li p.des{ color:#555;}

@media (max-width:1199px){
	.index-news dl dd{ padding-top:10px; padding-left:30px;}
	.index-news dl dd h3{ margin-bottom:10px;}
	.index-news ul li{ margin-bottom:15px;}
	.index-about dl dt{ padding-top:0;}
	.index-about .iabout-box p{ padding:0 15px;}
}

@media (max-width:991px){
	.index-news ul li p.des{ display:none;}
	.index-about dl dt{ padding:30px 0;}
}

@media (max-width:767px){
	.index-news{ padding-bottom:30px;}
	.index-news dl dd{ padding-left:1px;}
	.index-news dl dd h3{ font-size:16px; margin-bottom:0;}
	.index-news dl dd h3 b{ font-size:20px;}
	.index-news ul{ padding-left:10px;}
	.index-news ul li h4{ margin-bottom:5px;}
	.index-news ul li p.des{ display:block;}
	
}

@media (max-width:480px){
	.index-about dl dt{ padding-bottom:10px;}
	.index-about dl dt p{ padding:0 10px;}
	.index-about dl dt img{ margin-bottom:10px;}
	.index-about ul li{ width:auto; float:none; margin-top:5px;}
	.index-about .iabout-3{ display:none;}
}

@media (max-width:414px){
	.index-icon ul li a{ background-position: center 15px; padding-top:150px; padding-bottom:15px;}
}

@media (max-width:375px){
	.index-news ul li h4{ font-size:14px;}
	.index-icon ul li{ width:auto; float:none;}
	.index-icon ul li a{ background-position: center 30px; padding-top:180px; padding-bottom:30px;}
	.index-img ul li span{ margin-left:-70px; margin-top:-23px; width:140px; height:46px; line-height:46px; font-size:18px;}
	.index-img ul li i{ margin-left:-70px; margin-top:-23px; width:140px; height:46px;}
}