.index-banner {width: 100%;height: 100%;}
	.index-banner #playercontainer img,.index-banner #playercontainer1 img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	}
	.index-banner .swiper-slide-active img{
	opacity: 1;
    z-index: 2;
    animation: toPicBig 2s ease-in-out both;
	}



	.products-top{width: 100%;}
			.products-top .swiper-wrapper{width: 100%;}
			.products-top .swiper-wrapper .swiper-slide{display: flex; align-items:centr;  }
			.products-top .swiper-wrapper .swiper-slide div{}
			.i_part2 .con{overflow:hidden;}
			.products-bottom{position: absolute;    z-index: 1000;bottom: 0;width: 100%;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
			.products-bottom>div{display: flex;justify-content : space-between;    line-height: 2;height: 100%;align-items : center;}
			.products-bottom1>div{flex:1;text-align: center;cursor:pointer;border-right: 1px solid #eee;height: 100%;padding: 2% 0;}
			.products-bottom1>div p{font-size:16px;}
			.products-top-left{width: 50%;text-align: center;}
			.products-top-left img{max-width:650px;    margin-top: -15%;}
			.products-top-right{width: 50%;margin-left: 0;}
			.products-top-right h3{font-size:36px;font-weight: bold;    line-height: 2;}
			.products-top-right p{font-size: 18px;    line-height: 2;}
			.products-top-right img{    max-width: 110px;    margin-top: 25%;}
			.products-on{background: #004b6d;color:#fff;background-image: url(<?php bloginfo('template_url'); ?>/style/index/zm001/images/two_icon_up_w.png);background-repeat: no-repeat;background-position-x: 49%;background-position-y: 90%;}
			.p-img2{display:none;}
			.products-on .p-img1{display:none;}
			.products-on .p-img2{display: inline;}

@media (max-width: 768px) {
   .products-top-left img{ margin-top: 0%;}
  .products-top-left,.products-top-right{width:100%;}
  .products-top .swiper-wrapper .swiper-slide{flex-wrap: wrap;}
  .products-bottom{display:none;}
  .products-top-right h3{font-size:24px;}
  .products-top-right p{font-size:14px;}
  
}


.tits {
    /* background: linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0)); */
    width: 100%;
	height: 100%;
	background:#000;
}
						.mask2{
						position: absolute;
						bottom: -290%;
						left: 0;
						width: 100%;
						-ms-transition: .3s;
						-moz-transition: .3s;
						-webkit-transition: .3s;
						-o-transition: .3s;
						transition: .3s;
						border-radius: 5px 5px 0 0;
						overflow: hidden;

						}
.f_18 .mask1 i{font-size: 3rem;}
						.mask2 .txt{
						background: linear-gradient(to right,#004b6d,#01ddfc);
						color: #fff;
						text-align: center;
						padding-top: 50px;
						border-bottom: 4px solid #de6d1b;
						padding-bottom: 26px;
						line-height: 2;
						}
						.mask2 .txt a{color:#fff;}
						.mask2 i{
						    position: relative;
							z-index: 9;
							display: block;
							margin: -38px auto;
							width: 75px;
							height: 75px;
							background-color: #fff;
							border-radius: 50%;
							background-repeat: no-repeat;
							background-position: center center;
							font-size: 2.5rem;
							line-height: 75px;
							color:#004b6d;
						}
						.i_part3 .bottom .on{overflow: visible !important}
						.i_part3 .bottom .on .mask2{bottom: 0;}
						.i_part3 .tit .f_16{font-weight: 500;}
						.mask2 h3{font-weight: normal;}
						.mask2 .info{
						  white-space: nowrap;      /* 保持文本在一行，不换行 */
						  overflow: hidden;         /* 超出容器部分隐藏 */
						  text-overflow: ellipsis;  /* 超出部分显示为省略号 */
						  padding:0 5px;
						}

						.tits .tit{    opacity: 0}
						.tits .show{opacity: 1;display: block !important;}
						@media (max-width: 768px) {
							.mask2{display: none;}
							.f_18 .mask1 i{font-size: 1rem;}
							.i_part3 .con .bottom .btn .icon {font-size:0.5rem}
							.i_part3 .con .bottom .btn:hover, .i_part3 .con .bottom .btn.on{color: #fff;}
						}


						.customer{display: flex;}
.customer-left{width: 60%;}
.customer-left img{width:100%;height: 100%;display: block;}
.customer-right{width: 40%;    background: #fff;line-height: 2;padding: 2%;}
.customer-right h3{font-size:24px;    margin: 30px 0}
.customer-right img{max-width:80px;}
.customer-button-prev,.customer-button-next{color:#fff;border:1px solid #004b6d;font-size: 20px;padding: 2px 38px;margin-top: 20px;cursor:pointer; background:#004b6d; }
.swiper-button-disabled{background:#fff;color:#004b6d; }
.customer-bottom{display: flex;align-items: center; margin-top:1%;justify-content : space-between;}
.customer-bottom img{ max-width: 100%;height: auto;max-height: 54px;}
.customer-bottom .customer-bottom-left,.customer-bottom .customer-bottom-right{
    width: 3%;
    color: #004b6d;
    text-align: center;
    cursor: pointer;
    font-size: 32px;
    height: 100%;
    background: #fff;
	    display: flex;
    align-items: center;
    justify-content: center;
}
.customer-bottom .customer-bottom-left:hover,.customer-bottom .customer-bottom-right:hover{ background:#ffffffe3;}
.customer-bottom-center{width:92%;overflow: hidden;text-align: center;}
.customer-bottom-center .swiper-slide{ background:#fff;  height: auto;display: flex;justify-content: center;align-items: center;padding:2%;}
@media (max-width: 768px) {
  .customer-right,.customer-left{width:100%;}
  .customer{flex-wrap: wrap; }
  .customer-right h3{font-size:16px;margin: 0;}
  .customer-right img{max-width:40px;}
}


#i_part6 .fa-new-right ul li p{
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: normal;
	  font-size: 16px;
	}
	#i_part6 .fa-new-right ul li h3{
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: normal;
	  font-size: 18px;
	}
	#i_part6 .fa-new-right ul li:hover h3{color:#eb6119;}
	#i_part6 .rights{display: flex; display: flex;background: #ffffffe6;}
	#i_part6 .fa-new-right{    width: 50%;padding: 2% 0;}
	#i_part6 .fa-new-left{    width: 50%;}
	#i_part6 .fa-new-left img{width:100%;height:100%;}
	/* #i_part6 .fa-new-right ul{ display: flex;flex-wrap: wrap; align-content: stretch;height: 100%; } */
	#i_part6 .fa-new-right ul li{border-bottom: 1px solid #ddd;display: flex;padding: 2% 4%;line-height: 2;width:100%}
	#i_part6 .fa-new-right ul li .time{width: 12%;    text-align: center;background:#004b6d;color:#fff;}
	#i_part6 .fa-new-right ul li .new{width: 88%;    margin-left: 4%;}
	@media (min-width: 1024px){
		#i_part6 .fa-new-right ul li .time .time1{font-size: 24px;font-weight: bold;}
	}
	@media (max-width: 1024px){
		#i_part6 .fa-new-left{display:none;}
		#i_part6 .fa-new-right{width: 100%;}
		#i_part6 .fa-new-right ul li .time{width: 20%;font-size:12px;}
		#i_part6 .fa-new-right ul li h3{font-size:16px;}
		#i_part6 .fa-new-right ul li p{font-size:14px;}
	}