/******************      首页          **************/
h1{
	margin: 0;
}
.container{padding: 0;}
.page_index .navbar-brand{
	width: 142px;
	height: 52px;
	background: url(../images/logo3.png) no-repeat;
}
/* background */
.page_index .top-header{
	background:#fff url(../images/index_img2.png) center no-repeat;
	background-size: cover;
	color: #fff; text-align: center; position: relative;
}
.page_index .top-header a{color: #fff;}
.page_index .top-header .nav>li a:hover{
	color: #fff
	width:100px;
	border-radius: 5px;
	box-shadow: 0px 0px 15px 2px #fff;
	}
.page_index .top-header .slogan{
	width: 1200px;
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
	}
.page_index .top-header .slogan .short{
	margin: 15px auto;
	color: #000000;
	background-color: #fff;
	opacity: 0.8;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 2px #ccc;
	padding-bottom: 40px;
}
.page_index .top-header .slogan .short>h2{
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
.page_index .top-header .slogan .short>p{
	text-indent: 20px;
	margin: 0 30px 0;
	font-size: 14px;
	text-align: left;
	line-height: 30px;
}
.page_index .top-header .slogan .text{
	width: 100%;
	margin: 0 auto;
}
.page_index .top-header .slogan .text p{
	margin: 0;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	background-color: #1e8d41;
	overflow: hidden;
	position: relative;
}
.page_index .top-header .slogan .text>div{
	
}
.page_index .top-header .slogan .text>div>ul{
	float: left;
	width: 1200px;
	padding-top: 10px;
	
}
.page_index .top-header .slogan .text>div li{
	width: 393.3px;
	float: left;
	padding: 5px;
	border: 1px solid #1e8d41;
	margin-top: 10px;
	margin-bottom: 10px;
}
.page_index .top-header .slogan .text>div li:nth-child(3n+2){
	margin: 10px 10px 10px;
}
.page_index .top-header .slogan .text>div li img{
	width: 340px;
	height: 300px;
}
.page_index .top-header .slogan .text .box2>ul>li{
	width: 292.25px;
}
.page_index .top-header .slogan .text .box2>ul>li:nth-child(3){
	margin-right: 10px;
}
.page_index .top-header .slogan .text .box2>ul>li>img{
	width: 260px;
}
.page_index .header .nav>li>a:focus{color: #fff}
.page_index .header .nav>li dd a{color: #333}
.page_index .header .nav>li dd a:hover{color: #333}
.page_index .top-header .txt{font-size: 26px; text-align: center;}
.page_index .top-header .txt span{ display: inline-block; width: 100px;  height: 1px; background: #fff;}
.page_index .top-header .txt p{ margin-top: 30px;}
.page_index .top-header  .videoBtn{ border:solid 1px #fff; padding: 9px 46px 9px 22px; margin-top: 15px; 
	cursor:pointer; display: inline-block;background: url(../images/m/arrow-start.png) 88px  8px no-repeat;}
	/* 数据

.page_index .top-header .data{ width: 100%; height: 150px; position: absolute; left: 0; bottom: 0;}
.page_index .top-header .data .bg{ width: 100%; height: 150px; background:rgba(0,0,0,.5); *background: #000; *filter:alpha(opacity=50)  position: absolute; left: 0; bottom: 0;}
.page_index .top-header .data .con{width: 100%; height: 150px; position: absolute; left: 0; bottom: 0; z-index: 10;}
.page_index .top-header .data .item{width: 33.33%;*width: 33.3%; float: left; text-align: center; overflow: hidden;}
.page_index .top-header .data .item .bd{ display: inline-block; text-align: left;width:220px\9\0; }
.page_index .top-header .data .item .icon{ width: 58px;height: 50px;height:46px\9\0; display: inline-block; background: url(../images/m/index_icon.png) 0  -100px no-repeat; position: relative; top:-12px; }
.page_index .top-header .data .item.item2 .icon{background: url(../images/m/index_icon.png) 0  -198px no-repeat; }
.page_index .top-header .data .item.item3 .icon{background: url(../images/m/index_icon.png) 0  -298px no-repeat; }
.page_index .top-header .data .item .name{font-size: 12px;}
.page_index .top-header .data .item .line{ height: 1px; overflow: hidden; vertical-align: top; width: 28px; margin: 0px 0 0px; display: inline-block; background: #ccc;}
.page_index .top-header .data .item .num span{font-size: 40px; }
.page_index .top-header .data .item .num{font-size: 20px;position: relative; top:-13px;}
.page_index .top-header .data .time{ line-height: 30px; padding: 18px 0 10px;}

.page_index .top-header .data .item .icon_time{
	height:50px\9\0;
}
.page_index .navbar-nav dl{ left: -22px;}

/* 视频 */
.page_index .video-container{ width: 100%;  display: none; z-index: 100;overflow: hidden;position: absolute; left: 0; top:0;}
.page_index .video-container .bg{ width: 100%; position: absolute; left: 0; top:0; background: #000; opacity: 1; filter:Alpha(opacity=80)}
.page_index .video-main{ width: 775px; margin: 0 auto; position: relative;} 
.page_index .video-container .close{background: #fff; position: absolute; left: 0; top:150px; z-index: 10000; opacity: 1;background: url(../images/m/close.png) 0  0 no-repeat; background-size: 100%; width: 30px;height: 30px;  text-indent: -9999px;}
.page_index .video-container video{ width: 775px;height: 500px; display: block; margin: 20px auto 180px; position: relative; z-index: 111}
.page_index .video-container p{ text-align: center; line-height: 30px; font-size: 22px; color: #fff;}
.page_index .part1 li{
width: 33.33%;*width: 33.3%;
min-height: 250px;
float: left;
background-image: url(../images/index_c2_img1.png);   background-size: cover;
}
.my-video-dimensions,.my-video2-dimensions{ margin: 0 auto;}
.video-js{margin-bottom: 50px;}
.video-js .vjs-big-play-button{display: none}
.page_index .part1 li.li2{background-image: url(../images/index_c2_img2.png); }
.page_index .part1 li.li3{background-image: url(../images/index_c2_img3.png); }

.page_index .part1 li h2{color: #262626; font-weight: normal;font-size: 20px; margin:88px 0 0 55px;}
.page_index .part1 li h3{ color: #707070;font-weight: normal; line-height: 20px; font-size: 14px;margin:10px 0 0 55px;}
.page_index .part1 li p{color: #1b82e2;  font-weight: normal;font-size: 14px;margin:10px 0 0 55px;}
.page_index .part1 li p a{color: #1b82e2;}
.row{margin:0;padding:0;}
.page_index .part2 .hd{margin:45px 0 25px;}
.page_index .part2 .bd{width:100%; overflow: hidden;}
.page_index .part2 .focus{width: 423px;height: 272px; float: left; position: relative;}
.page_index .part2 .focus ul{width: 423px;height: 272px;}
.page_index .part2 .focus li{width: 423px;height: 272px;position: relative; overflow: hidden;}


.page_index .part2 .focus li .bg{width: 100%;height: 40px;background:rgba(0,0,0,.5);position: absolute; left: 0; bottom: 0;}
.page_index .part2 .focus li p{ width: 70%; position: absolute; left: 0; bottom: 0px;z-index: 10;color: #fff; font-size: 16px; text-indent: 20px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; height: 20px; line-height: 20px; overflow: hidden;}
.page_index .part2 .focus li p a{color: #fff;text-decoration: none}
.page_index .part2 .focus li p a:hover{}
.page_index .part2 .focus .tabhd{width: 110px;text-align: right;height: 40px;position: absolute;right: 10px;bottom: 0;z-index: 30;left: inherit;}
.page_index .part2 .focus .tabhd span{ width: 28px;height: 6px; cursor: pointer;  border:solid 1px #fff; background: none; display: inline-block; float: left; margin: 18px 4px 0;display: inline;border-radius:0;opacity:1}
.page_index .part2 .focus .tabhd span.swiper-active-switch{background: #fff;}


.swiper-container {
    width: 600px;
    height: 300px;
}  

.page_index .part2 .newslist{width: 715px; float: left; margin-bottom: 10px;	}
.page_index .part2 .newslist ul{padding: 15px 0; overflow: hidden;list-style: initial;color: #797979}
.page_index .part2 .newslist li{ width: 286px; height: 45px; line-height: 22px; float: left; margin-left: 70px; list-style: none;}
.page_index .part2 .newslist li a{color: #040404}
.page_index .part2 .newslist li div{float: left;height: 100%; margin-right: }
.page_index .part2 .newslist li img{    float: left;
    width: 6px;
    margin-top: 6px;
}
/* .page_index .part2 .newslist li:before{
	float: left;
	margin-top:6px;
	width: 6px;
	height: 6px;
	background-color: #797979;
	border-radius: 50%;
	content: " ";
}
 */
.page_index .part2 .newslist li{
	margin-bottom: 10px;
	background-image: url("../images/point.png");
	background-repeat: no-repeat;
    background-position: 5px 7px;
}
.page_index .part2 .newslist li p{
	    padding-left: 10px;
    margin-left: 8px;
}
.page_index .part2 .more{width: 142px;height: 38px; margin: 0px auto 60px	; line-height: 38px; text-align: center; border-radius: 2px; border:solid 1px #000000; overflow: hidden; clear: both;}
.page_index .part2 .more a{width: 142px;height: 38px; display: block;}
.page_index .part2 .more a:hover{color: #272727; }


/*lizi*/
.news_a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 272px;
}
.news_a img{
	width: 100%;
	height: 272px;
	
}
.news_title{
	display: block;
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 16px;
	border-radius:0 0 5px 5px;
	text-align: left;
}
.news_title p{
	margin: 0;
	width: 65%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pagination {
    position: absolute;
    z-index: 20;
    right: 10px;
    bottom: 10px;
    margin: 0;
    height: 20px;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 28px;
    height: 6px;
    border-radius: 0;
    background: none;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}
.swiper-container {
  width: 100%;
  height: 245px;
  color: #fff;
  text-align: center;
}
/*end lizi*/

@media screen and (min-width: 1200px) and (max-width: 2500px){
	


}
@media screen and (min-width: 767px) and (max-width: 1200px){
	
	.page_index .part2 .focus{ float: none; margin: 0 auto;}
	.page_index .part2 .newslist{ margin: 0 auto; float: none; margin-top: 20px;}

}

@media screen and (min-width: 320px) and (max-width: 767px){
	.container{
    width: 100%
}
	.page_index .header{ position: static;}
	.page_index .top-header  .videoBtn{display: none}
	.page_index .top-header .slogan {
	    margin-top: 60px; 
	    padding-bottom: 100px;
	}
	.page_index .top-header {
     height:auto; 
	}
	.page_index .top-header .slogan h1 span{display: block; font-size: 6rem; line-height: 7rem;}
	.page_index .top-header .txt{margin-bottom: 50px;}
	.page_index .top-header .data .item .num span {
	    font-size: 20px;
	}
	.page_index .top-header .data {
	    position: static; display: none
	}
	.page_index .part1 li{
		width: 100%;
		min-height: 200px;
	}
	.page_index .part1 li h2 {

	    margin: 40px 0 0 55px;
	}
	.page_index .part2 .newslist li {
	    width: auto;
	    height: auto;
	    line-height: 22px;
	    float: none;
	    margin-left: 10px;

	}

	.page_index .part2 .newslist {
	    width: 100%;
	  
	}



	.page_index .part2 .focus,.page_index .part2 .focus li {
    	width: 100%; text-align: center;
    	
	}
	.page_index .part2 .focus li img{width: 100%; height: 100%;}
	.page_index .part2 .focus .tabhd{right: 0;width: 50px;}
	.page_index .part2 .focus .tabhd span{ width: 7px;}
	.swiper-pagination-switch{
		width: 7px;
	}
	.news_title p{
		width: 80%;
	}
	
}
.footer .container img{
		width: 100px;
	}