/*index banner*/
.index .in_banner{margin-bottom: 1.89%;width: 100%;overflow: hidden;position: relative;}
@media only screen and (min-width: 1024px){
.banner_index_new { position:relative; overflow:hidden; }
.banner_index{position: relative;}
.banner_index_new ul,.banner_index_new ul li {  width:100%; height:100%; z-index:1; overflow:hidden;}
.banner_index_new ul li.curr,.banner_index_new ul li.swiper-slide-active { z-index:2; }
.banner_index_new li{ opacity:0; position:absolute; left:0%; top:0; width:100%; height:100%;}
.banner_index_new li img,.banner_index_new li video{ width:100%; height:100%; transform:scale(1.4); /*transition: 5s all;*/opacity: 0; }
.banner_index_new li.curr img,.banner_index_new li.curr video,
.banner_index_new li.swiper-slide-active img,.banner_index_new li.swiper-slide-active video
{transform:scale(1);opacity: 1;}
.banner_index_new .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.banner_index_new .vbox video{width: 100%; height:100%; }
.banner_index_new ul li video{ height:100%; width:100%;}
}
/* txt */
.index .in_banner .textbox{color: #fff;line-height: 1.1em;position: absolute;top: 60%;transform: translateX(100%);transition: all 4s;z-index: 999;opacity: 0;transition-delay: 1s;padding: 20px;background: rgba(0,0,0,0.4);}
.index .in_banner li.curr .textbox,.index .in_banner li.swiper-slide-active .textbox{opacity: 1;transform:   translateX(0);}
.index .in_banner .textbox h3{color: #fff;font-weight: normal;}
.index .in_banner .textbox p{color: #fff;padding-top: 18px;}

/* but */
.index .in_banner .banner_but{position: absolute;max-width: 1280px;left: 50%;top: 50%;width: 90%;transform: translate(-50%,-50%);height: 0;z-index: 99;}
.index .in_banner .banner_right, .index .in_banner .banner_left{width: 48px;height: 48px;background-size: cover;margin-top: 0;top: 0;display: block;position: absolute;cursor: pointer;top: 50%;transform: translateY(-50%);}
.index .in_banner .banner_left{background-image: url(../style/index_icon05.png);left: -66px}
.index .in_banner .banner_right{background-image: url(../style/index_icon06.png);right:-66px}

/* dd */
.banner_index_new dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.banner_index_new dl dd {cursor: pointer;display: inline-block;width: 14px;height: 14px;background: url(../images/transparent_bg.png);transition: all .5s;border: 2px solid #fff;border-radius: 50%;margin: 0 14px;}
.banner_index_new dl dd.active {background: #fff}

.banner_index_new video { transform:scale(1.01); position:absolute; left:0; top:0; width:100%; height:100%; }



.index h2.tittle{position: relative;margin-bottom: 20px;}
.index h2.tittle a{line-height: 1.1em;color: #aeb0c1;padding-left: 20px;padding-bottom: 18px;font-weight: normal;display: block;border-bottom: 1px solid #acaebf;}
.index h2.tittle em{display: block;width: 5px;background: #acaebf;height: 30px;position: absolute;left: 0;top: -1px;}
.index .part_1{margin-bottom: 4.609%}
.index .part_1 .topbox h3{padding-left: 17px;color: #353a52;line-height: 1.2em;float: left;display: inline-block;max-width: 30%;margin-bottom: 3.96%;}
.index .part_1 .topbox .con{float: right;width: 68.43%;color: #868686;margin-bottom: 3.96%;}
.index .part_1 .bottombox{width: 87.81%;max-width: 1124px;margin: auto;}
.index .part_1 .bottombox ul{margin: 0 -46px;}
.index .part_1 .bottombox li{float: left;width: 20%;}
.index .part_1 .bottombox .listbox{margin: 0 46px;display: block;}
.index .part_1 .bottombox .imgbox{margin-bottom: 20px;}
.index .part_1 .bottombox span{line-height: 1.1em;text-align: center;display:block;width: 100%;color: #353a52}
.index .part_2{margin-bottom: 2.89%;position: relative;}
.index .part_2 .con{background: #eaeaeb;}
.index .part_2 .swiper-slide{width: 33.33%;position: relative;}
.index .part_2 .txt{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(53,58,82,0.6);padding: 12px 7.3% 6.9% 12.14%;color: #fff;}
.index .part_2 .txt h3{line-height: 1.1em;font-weight: normal;margin-bottom: 11px;}
.index .part_2 .txt p{-webkit-line-clamp: 3;height: 3.4em;color: #fff;}
.index .swiper-button-next{right: -66px;}
.index .swiper-button-prev{left: -66px;}
.index .but{position: absolute;width: 90%;max-width: 1280px;left: 50%;transform: translateX(-50%);top: 50%;z-index: 99;height: 0;}
.index .swiper-button-next,.index .swiper-button-prev{width: 48px;height: 48px;margin-top: 0;background-size: cover;top: 0;transform: translateY(-50%);}
.index .swiper-button-next{background-image: url(../style/index_icon06.png);}
.index .swiper-button-prev{background-image: url(../style/index_icon05.png);}
.index .part_3{margin-bottom: 4.687%;}
.index .part_3 ul{margin: 0 -26px;}
.index .part_3 li{float: left;width: 33.33%;}
.index .part_3 li:hover .date{background: #353a52;}
.index .part_3 li:hover h4 a{color: #353a52;}
.index .part_3 li:hover p{color: #353a52;}
.index .part_3 .listbox{margin: 0 26px;}
.index .part_3 .date{background: #acaebf;padding: 15px 0 8px;color: #fff;display: inline-block;margin-bottom: 11%;transition: all .5s}
.index .part_3 .date span{line-height: 1.05em;margin-bottom: 8px;padding: 0 8px;display: block;}
.index .part_3 .date em{line-height: 1.05em;padding: 7px 0px 0 8px;border-top: 1px solid #fff;display: inline-block;}
.index .part_3 h4{margin-bottom: 14px;}
.index .part_3 h4 a{color: #868686;}
.index .part_3 p{color: #868686;margin-bottom: 20px;transition: all .5s;max-height: 4.5em;text-align: justify;}
.index .part_4{position: relative;}
.index .part_4 li a{display: block;padding: 5px;border: 1px solid #e3e4e9;background: #fff;box-sizing: content-box;}
.index .part_4 li a img{width: 100%;}

.index .part_4 .swiper-button-next,.index .part_4 .swiper-button-prev{transform: translateY(0);}

@media only screen and (min-width:1025px){
	/*.index .part_4 li:hover img{animation: swing 0.5s}*/
	/*.index .part_1 .bottombox li:hover img{animation:bounce 0.8s;}*/
	.index .part_1 .bottombox li:hover span{color:#acaebf;}
}

@media only screen and (max-width: 1280px){
	.index .swiper-button-prev{left: -50px;}
	.index .swiper-button-next{right: -50px;}
	.index .in_banner .textbox{left: 300px;}
	.index h2.tittle em{height: 18px;}
	.index .part_3 ul{margin: 0 -30px;}
	.index .part_3 .listbox{margin: 0 30px;}
}

@media only screen and (max-width: 1024px){
	.index .in_banner .banner_right, .index .in_banner .banner_left{width: 35px;height: 35px;}
	.banner_index_new dl dd{width: 17px;height: 17px;}
	.index .part_1 .bottombox ul{margin: 0 -30px;}
	.index .part_1 .bottombox .listbox{margin: 0 30px;}
	.index .swiper-button-next, .index .swiper-button-prev{width: 35px;height: 35px;}
	.index .but{height: 35px;}
	.index .in_banner .textbox{left: 200px;}
	.index .part_3 .date{padding: 10px 0 6px;}
	.index .in_banner .textbox{transition-delay: 0.2s;left: 100px;}
	.index .part_3 ul{margin: 0 -25px;}
	.index .part_3 .listbox{margin: 0 25px;}
	.index .in_banner img{width: 100%;}
}

@media only screen and (max-width: 1023px){
	.index .swiper-button-next{right: 0;}
	.index .swiper-button-prev{left: 0;}
	.index .part_1 .bottombox ul{margin: 0 -20px}
	.index .part_1 .bottombox .listbox{margin: 0 20px;}
	.index .part_3 ul{margin: 0 -20px;}
	.index .part_3 .listbox{margin: 0 20px;}
	.index h2.tittle a{padding-bottom: 15px;}
	.index h2.tittle{margin-bottom: 15px;}
	.index .in_banner li{left: -1px;}
}

@media only screen and (max-width: 767px){
	.index .part_1 .topbox h3{float: none;margin-bottom: 10px;padding-left: 0;text-align: center}
	.index .part_1 .topbox .con{float: none;width: 100%;}
	.index .part_1 .bottombox{width: 100%;}
	.index .part_1 .bottombox ul{margin: 0 -13px;text-align: center;}
	.index .part_1 .bottombox li{display: inline-block;width: 100px;float: none;margin-bottom: 13px;}
	.index .part_1 .bottombox .listbox{margin: 0 10px;}
	.index .part_3 ul{margin: 0 -20px -15px;overflow: hidden;}
	.index .part_3 li{width: 100%;margin-bottom: 15px;}
	.index .part_3 .listbox{margin: 0 20px;}
	.index .part_3 .date{margin-bottom: 7px;padding: 5px 0;}
	.index .part_3 p{margin-bottom: 8px;}
	.index .part_3 .date span,.index .part_3 .date em{display: inline-block;margin-bottom: 0;}
	.index .part_3 .date em{border-left: 1px solid #fff;border-top: none;padding-right: 8px;}
	.index .part_4 .but{display: none;}
	.index .in_banner .textbox{transform: translate(0,0);transition: none;opacity: 1;width: 60%;top: 58%}
	.index .in_banner .textbox h3{font-size: 16px;font-weight: bold;}
	.index .in_banner li.curr .textbox, .index .in_banner li.swiper-slide-active .textbox{transform: translate(0,0);top: 58%}
	.index .in_banner .textbox{left: 70px;}
	.index h2.tittle a{padding-bottom: 10px;}
	.index h2.tittle{margin-bottom: 10px;}
	.index .but{display: none!important;}
}
@media only screen and (max-width: 425px){
	.index .swiper-button-next, .index .swiper-button-prev{width: 25px;height: 25px;}
	.index .in_banner .banner_but{top: 55%;}
}

@media only screen and (max-width: 424px){
	.index .in_banner .banner_but{top: 60%;}
}