.index_news{background: url(../ZERO/img/index_newsbg.jpg) center bottom no-repeat #fdfdfd; width:100%; height:100%; overflow:hidden;}
.index_head_title{width:100%; font-size:30px; font-weight:bold; color:#333333; line-height:50px; text-align:center; margin-top:15vh;}
.index_head_title2{ font-size:14px; color:#999999; line-height:34px; text-align:center;}

.swiper-news{overflow:hidden; margin:28px -20px 0 -20px; position:relative;}
.index_news_list{padding:19px 19px 30px 19px; overflow:hidden; background:#FFFFFF; border:1px solid #cccccc; position:relative; margin:0 20px;}
.index_news_pic1{ text-align:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.index_news_pic1 img{ width:100%; max-width:400px;}
.index_news_name{ text-align:left; height:114px; overflow:hidden; margin-top:25px;}
.index_news_name ul li{ font-size:14px; color:#999999; line-height:24px;}
.index_news_name ul li h3{ font-size:16px; color:#333333; font-weight:bold; line-height:24px; height:24px; overflow:hidden;}
.index_news_name a:hover{ text-decoration:none;}
.index_news_jj{ margin-top:11px; height:48px; overflow:hidden;}
.index_news_date{ text-align:left; margin-top:7px; font-size:14px; line-height: 24px; color: #999999;}
.index_news_name ul li span{ float:right; font-size:14px; color:#999999; line-height:24px;}
.index_news_line{ position:absolute; bottom:-1px; left:0; z-index:9; width:0; height:4px; background:linear-gradient(to right, #50a64b, #96cf48); transition:all .6s;}
.index_news_list:hover{ box-shadow:0 0 29px rgba(0,0,0,0.15); border:1px solid #f2f2f2;}
.index_news_list:hover .index_news_name ul li h3{ color:#024da0;}
.index_news_list:hover .index_news_line{ width:100%; transition:all .6s;}

.swiper-newsbpagination {
	width:100%; 
	margin-top:40px;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}
.swiper-newsbpagination .swiper-pagination-bullet{width:10px; height:10px; background:url(../ZERO/img/news_dot1.png) center no-repeat; opacity: 1; border-radius:0 !important;}
.swiper-newsbpagination .swiper-pagination-bullet-active{width:10px !important; height:10px !important; background:url(../ZERO/img/news_dot2.png) center no-repeat !important; opacity: 1;}

.index_head_title{
	opacity:0;
	transform: translateX(-200px);
}
.index_head_title2{
	opacity:0;
	transform: translateX(200px);
}
.swiper-news{
	opacity:0;
	transform: translateY(200px);

}
.page-acive .index_head_title {
    opacity: 1;
    transform: translateX(0px);
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
.page-acive .index_head_title2 {
    opacity: 1;
    transform: translateX(0px);
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
.page-acive .swiper-news {
    opacity: 1;
    transform: translateY(0px);
    transition: 1.4s;
    -moz-transition: 1.4s;
    -webkit-transition: 1.4s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}


@media (max-width:1190px) and (min-width:992px){
}

@media (max-width:991px) and (min-width:768px){
}

@media (max-width:767px){
.index_head_title{ margin-top:2vh; font-size:20px; line-height:35px;}
.index_head_title2{ line-height:20px; font-size:13px;}
.swiper-news{ margin:10px -10px 0 -10px;}
.index_news_list{ margin:0 10px; padding:10px 10px 15px 10px;}
.swiper-newsbpagination{ margin-top:10px;}
}