/*index banner*/
.index .in_banner{width: 100%;overflow: hidden;position: relative;}
.index .in_banner ul{overflow: visible;}
@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.2em;position: absolute;top: 50%;transform: translateY(-50%) translateX(100%);transition: all 4s;z-index: 999;opacity: 0;transition-delay: 1s}
.index .in_banner li.curr .textbox,.index .in_banner li.swiper-slide-active .textbox{opacity: 1;transform: translateY(-50%) translateX(0);}
.index .in_banner .textbox h3{color: #fff;font-weight: normal;}
.index .in_banner .textbox p{color: #fff;}

/* but */
.index .in_banner .banner_but{position: absolute;left: 50%!important;top: 50%;width: 100%;transform: translate(-50%,-50%);height!important: 0;z-index: 99;}
.index .in_banner .banner_right, .index .in_banner .banner_left{width: 20px;height: 53px;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(../images/ban_prev.png);left: 60px;}
.index .in_banner .banner_left:hover{background-image: url(../images/ban_prev1.png);}
.index .in_banner .banner_right{background-image: url(../images/ban_next.png);right: 60px;}
.index .in_banner .banner_right:hover{background-image: url(../images/ban_next1.png);}
/* 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: 24px;height: 24px;background: transparent;transition: all .5s;border: 3px 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%; }

.banner_index_new .pager{display: none;}
.ie8 .banner_index{width: auto!important;top: 0!important;left: 0!important;margin-top: 0!important;margin-left: 0!important;}
.ie8 .banner_index video{display: none!important;}
.ie8 .index .in_banner .banner_but{height: 50px;left: 0;}
.ie8 .index .in_banner .banner_left{margin-top: -53px!important;}
.ie8 .index .in_banner .banner_right{margin-top: -53px!important;}
.banner{position: relative;}
.banner_b{position: absolute;left: 0;width: 100%;bottom: 60px;z-index: 1000;}
.banner_b ul{overflow: hidden;color:#fff;font-weight: bold;}
.banner_b ul li{width: 25%;float: left;text-align: center;background: url(../images/line2.jpg) right repeat-y;}
.banner_b ul li.li1{background: none;}
.banner_b ul li dl{display: inline-block;text-align: left;padding-top: 20px;}
.banner_b ul li dl dt{margin-bottom: 15px;}
.banner_b ul li dl dd i{font-weight: normal;}

.index .part_1{padding: 3.125% 0 5.2%;}
.index .part_1 .tab{margin-bottom: 26px;}
.index .part_1 .tab a{margin-right: 35px;color: #bdbdbd;font-size: 0.8em;line-height: 1.1em;vertical-align: bottom;display: inline-block;padding-bottom: 14px;transition: none}
.index .part_1 .tab a.on{color: #000;font-size: 1em;background: url(../images/index_icon03.png) no-repeat;background-position: center bottom;}
.index .part_1 .con .conlist{display: none;}
.index .part_1 .con .conlist.on{display: block;}
.index .part_1 .con .more{float: right;line-height: 30px;margin-bottom: 15px;}
.index .part_1 .con .leftbox{float: left;width: 50.4%;clear: both;}
.index .part_1 .con .leftbox a{display: block;position: relative;}
.index .part_1 .con .leftbox img{width: 100%;}
.index .part_1 .con .leftbox p{position: absolute;left: 0;bottom: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;line-height: 1.1em;padding: 17px 120px 17px 35px;color: #fff;background: rgba(0,0,0,0.5);box-sizing: border-box;}
.index .part_1 .con .leftbox .pager{position: absolute;bottom: 16px;right: 0;z-index: 3;text-align: center;width: 100px;left: auto;}
.index .part_1 .con .leftbox .pager span{display: inline-block;width: 9px;height: 9px;background: #ff9a35;cursor: pointer;opacity: 1;}
.index .part_1 .con .leftbox .pager span.swiper-pagination-bullet-active{background: #fff}
.index .part_1 .con ul{float: right;width: 45%;}
.index .part_1 .con ul li{margin-bottom: 20px;}
.index .part_1 .con ul a span{color: #393939;line-height: 1.1em;display: block;width: calc(100% - 82px);-moz-width: calc(100% - 82px);float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index .part_1 .con ul em{color: #989898;float: right;width: 82px;font-size: 14PX;}
.index .part_2{position: relative;}
.index .part_2 img{width: 100%;}
.index .part_2 .txt{position: absolute;bottom: 11.7%;left: 0;width: 100%;}
.index .part_2 .txt .wrap{padding: 5.7% 0 1.8%;background: rgba(0,0,0,0.38);text-align: center;color: #fff;}
.index .part_2 .txt h3{margin-bottom: 35px;line-height: 1.1em;}
.index .part_2 .txt p{line-height: 1.5em;font-weight: bold;}
.index .part_3 ul{position: relative;}
.index .part_3 li{width: 25%;height: 50%;float: right;box-sizing: border-box;background-size: cover;}
.index .part_3 li.big{height: 100%;width: 50%;}
.index .part_3 .textbox{padding: 70px 65px;color: #fff;}
.index .part_3 li.big .textbox{padding: 70px 100px;}
.index .part_3 .textbox h4{margin-bottom: 30px;line-height: 1.1em;font-weight: normal;line-height: 60px;}
.index .part_3 .textbox h4 img{width: 66px;margin-right: 13px;display: inline-block;}
.index .part_3 .textbox h4 a{color: #fff;}
.index .part_3 .textbox h5{margin-bottom: 25px;line-height: 1.5em;}
.index .part_3 .textbox p{line-height: 1.7em;margin-bottom: 35px;}
.index .part_3 .textbox a.detailicon{display: block;width: 13px;height: 23px;background: url(../images/index_icon07.png) no-repeat;background-size: cover;position: relative;top: 60px;}
.index .part_3 ul:last-child li{float: left;}
.index .part_3 .linkbox{margin-bottom: 35px;}
.index .part_3 .linkbox a{color: #fff;border-right: 1px solid #fff;line-height: 1.1em;margin-bottom: 20px;display: block;width: 7em;float: left;margin-right: 2em;}
.index .part_3 ul li:first-child .linkbox a:nth-child(odd){clear: both;}
.index .part_3 ul li:first-child .linkbox a:nth-child(even){border: none;}
.index .part_3 ul li:nth-child(3) .linkbox a{width: 5em;margin-right: 1em;}
.index .part_3 ul li:nth-child(3) .linkbox a:nth-child(3n+3){border: none;}
.index .part_3 ul li:nth-child(3) .linkbox a:nth-child(3n+1){clear: both;}
.index .part_3 ul li.black h4,
.index .part_3 ul li.black p,
.index .part_3 ul li.black h5{color: #646464;}
.index .part_3 ul li.black a{color: #000;}
.index .part_3 ul li.black a.detailicon{background-image: url(../images/index_icon08.png)}

#content ol {position: relative;}
#content ol li.item{position: absolute;top: 0;left: 0;opacity: 0;z-index:-1;transition: all 0.3s;width: 100%;}
#content ol li.item.on{opacity: 1;z-index:2;transition: all 0.3s;position: static;}

@media only screen and (max-width: 1660px) {
	.index .part_3 .textbox{padding: 45px 55px}
	.index .part_3 li.big .textbox{padding: 45px 80px;}
	.index .part_3 .textbox a.detailicon{top: 45px;}
}	

@media only screen and (max-width: 1550px) {
	.index .part_3 .textbox{padding: 45px 40px}
	.index .part_3 li.big .textbox{padding: 45px 60px;}
	.index .part_3 .textbox a.detailicon{top: 40px;}
}

@media only screen and (max-width: 1440px) {
	.index .in_banner .textbox{left: 150px;}
}

@media only screen and (max-width: 1366px) {
	.index .part_3 .textbox{padding: 35px 26px}
	.index .part_3 li.big .textbox{padding: 35px 35px;}
	.index .part_3 .textbox h4{margin-bottom: 10px;line-height:36px; }
	.index .part_3 .textbox h4 img{width: 40px;}
	.index .part_1 .tab{margin-bottom: 19px;}
	.index .part_3 .textbox a.detailicon{top: 15px;}
}
  
@media only screen and (max-width: 1280px) {
    .index .in_banner .banner_left{left: 30px;}
    .index .in_banner .banner_right{right: 30px;}
    .banner_b{bottom: 30px;}
    .index .part_3 .textbox a.detailicon{top: 0;}
    
}

@media only screen and (max-width: 1024px) {
	.banner{padding-top: 54px;background: none;}
	.banner .swiper-button-prev,.banner .swiper-button-next{width: 20px;height: 53px;margin-top: -26px;}
	.banner .swiper-button-prev{background: url(../images/ban_prev1.png) center no-repeat;}
	.banner .swiper-button-next{background: url(../images/ban_next1.png) center no-repeat;}
	.banner_b{position: static;padding: 20px 0;background: #fff;color:#393939;display: none;}
	.banner_b ul{color:#393939}
	.banner_b ul li{box-sizing: border-box;border-right: 1px solid #aaa;}
	.banner_b ul li:last-child{border: 0;}
	.index .part_1 .con ul li{margin-bottom: 13px;}
	.index .part_2 .txt .wrap{padding: 2.7% 0 1.8%}
	index .part_3 .textbox{padding: 25px 15px}
	.index .part_3 li.big .textbox{padding: 25px 15px;}
	.index .part_3 .textbox p{margin-bottom: 20px;}
	
	.index .in_banner .textbox{left: 100px;}
	
}

@media only screen and (max-width: 900px) {
	.banner_b ul li{width: 22%;}
	.banner_b ul li:last-child{width: 34%;}
	.index .part_1 .con .leftbox{float: none;width: 100%;margin-bottom: 20px;}
	.index .part_1 .con ul{float: none;width: 100%;}
	.index .part_2 .txt .wrap{padding: 2.7% 10px;}
	.index .part_2 .txt h3{margin-bottom: 20px;}
	.index .part_3 ul{height: auto!important;}
	.index .part_3 li{width: 100%;height: 100%;}
	.index .part_3 li.big{width: 100%;height: auto;}
	.index .part_1 .tab a{margin-right: 25px;}
	
}

@media only screen and (max-width: 768px) {


	
}

@media only screen and (max-width: 767px) {
	.index .part_2 .txt{position: static;width: 100%;margin: 0;width: 100%;background: rgba(0,0,0,0.38)}
	.index .part_2 .txt .wrap{background: none}
	.index .part_1 .con ul a span{width: calc(100% - 90px)}
	.index .part_1 .tab a{margin-right: 14px;padding-bottom: 8px;}
	.index .part_1 .con .leftbox p{padding: 9px 120px 9px 10px}
	.index .part_1 .con .leftbox .pager{bottom: 9px;}
}

@media only screen and (max-width: 600px) {
	.banner_b ul li:nth-child(n){width: 50%;margin-bottom: 15px;}
	.banner_b ul li:nth-child(2){border: 0;}
	#content .more{display: none;}
	.tab { overflow-x: auto;white-space: nowrap;overflow-y: hidden;}
	.index .part_1 .tab a{margin-right:6%;}
}

@media only screen and (max-width: 520px) {

}

@media only screen and (max-width: 425px) {
	.banner_b ul li:nth-child(n){width: 100%;text-align: left;border: 0;border-bottom: 1px solid #aaa;padding-bottom: 15px;}
	.banner_b ul li dl{padding: 0;}

}

@media only screen and (max-width: 375px) {
	.index .part_1 .tab a{margin-bottom: 5px;width: 75px;}
	.index .part_1 .tab{margin-bottom: 7px;}
}