	.banner{
		width: 100%;
		
	}
	.top-banner-item{
		width: 100%;
		background-color: #fff;
	}
	.top-banner-item img{
		width: 100%;
	}
	.subheader-banner-cont{
		position: relative;
		z-index: 9;
		width: 100%;
		transform: translateY(-22px);
	}
	.subheader-banner{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.subheader-item{
		width: calc(25% - 15px);
		background-color: #3e77cf;
		display: flex;
	}
	.banner-item-title{
		width: 35%;
		padding-top: 23px;
		text-align: center;
		color: #fff;
		transition: all 0.3s;
	}
	
	.subheader-item:hover .banner-item-title{
		background-color: #CC4D56;
		transform: translateY(-30px);
	}
	.banner-item-img{
		width: 69%;
	}
	.about{
		padding-top: 30px;
	}
	.about-title{
		text-align: center;
		color: #333;
		padding-bottom: 12px;
	}
	.about-subheader{
		padding-bottom: 35px;
		color: #065BEB;
		text-align: center;
	}
	.about-intro{
		position: relative;
		padding-right: 356px;
	}
	.intro-img{
		position: absolute;
		top: 0;
		right: 35px;
		width: 270px;
		height: 437px;
		background: url(../images/index_intro_img.png) no-repeat;
	}
	.intro-title{
		color: #333;
		margin-bottom: 22px;
	}
	.intro-text{
		color: #333;
		line-height: 28px;
	}
	.intro-text p{
		padding-bottom: 10px;
	}
	.product-banner{
		width: 100%;
	}
	.trait{
		height: 70px;
		transform: translateY(-70px);
		display: flex;
		margin: 0 auto;
	}
	.trait-item{
		flex: 1;
		height: 140px;
		background-color: #0955AC;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.trait .trait-item:nth-of-type(2n){
		background-color: #3F7CBB;
	}
	.trait-item-icon{
		width: 62px;
	}
	.trait-item-title{
		color: #fff;
	}		
	.train-title-zh{
		margin-bottom: 5px;
	}
	.train-title-en{
	}
	.featrues-title{
		padding: 44px 0 13px;
		color:rgba(51,51,51,1);
		line-height:50px;
		text-align: center;
	}
	.featrues-subheader{
		padding-bottom: 20px;
		color: #878787;
		text-align: center;
	}
	.featrues-contents{
		display: flex;
		justify-content: space-between;
	}
	.featrues-nav-item{
		position: relative;
		padding-top: 94px;
		display: flex;
		align-items: flex-start;
		width: 360px;
		height: 242px;
	}
	.featrues-nav-item:hover .item-intro{
		opacity: 1!important;
		color: #FFBA01!important;
	}
	.featrues-nav-item:hover .featrues-nav-item-num{
		color: #FFBA01!important;
		border-color: #FFBA01!important;
	}
	.featrues-nav-item:hover .item-title{
		color: #FFBA01!important;
	}
	.featrues-nav-item .item-title{
		transition: all 0.4s;
	}
	
	.featrues-nav-item-num{
		width: 66px;
		height: 67px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 6px solid #333;
		/* font-size: 36px; */
		font-weight: bold;
		transition: all 0.4s;
	}
	.featrues-nav-item-text {
		position: relative;
		flex: 1;
		height: 100%;
		padding-left: 40px;
	}
	.featrues-nav-item-text::after{
		display: block;
		content: "";
		width: 35px;
		height: 1px;
		background-color: #979797;
		position: absolute;
		bottom: 0;
		left: 40px;
		/* transform: translateX(-50%); */
	}
	.featrues-nav-item-text .item-intro{
		/* font-size: 15px; */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		opacity: 0;
		transition: all 0.4s; 
	}
	.featrues-nav-right .featrues-nav-item{
		justify-content: flex-end;
	}
	.featrues-nav-right .featrues-nav-item-text {
		padding-left: 0;
		padding-right: 40px;
		text-align: right;
	}
	.featrues-nav-right .featrues-nav-item-text::after{
		left: inherit;
		right: 40px;
		/* transform: translateX(-50%); */
	}
	/* */
	.featrues-nav-item-title{
		color: #333;
		padding: 0 14px;
	}
	.featrues-imgshow{
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.featrues-imgshow img {
		max-width: 636px;
	}
	.industry-title{
		padding: 44px 0 13px;
		color:rgba(51,51,51,1);
		line-height:50px;
		text-align: center;
	}
	.industry-subheader{
		padding-bottom: 50px;
		color: #878787;
		text-align: center;
	}
	.industry-container{
		background-color: #F1FAFF;
		margin-bottom: 100px;
	}
	.industry-top{
		display: flex;
		/* height: 318px; */
	}
	.industry-top-intro{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 35.5%;
		color: #0270B5;
	}
	.industry-intro-title{
		position: relative;
		padding-bottom: 16px;
		margin-bottom: 63px;
	}
	 .industry-top-intro .industry-intro-title::after{
		display: block;
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 72px;
		height: 2px;
		background-color: #0270B5;
	}
	.industry-arrows{
		width: 40px;
		height: 40px;
		transform: rotate(180deg);
	}
	.industry-top-img{
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
	.industry-top-img img{
		width: 100%;
		height: 100%;
	}
	.industry-bottom{
		display: flex;
		/* height: 564px; */
	}
	.industry-bottom .industry-bottom-item:nth-of-type(1){
		width: 35.5%;
	}
	.industry-bottom .industry-bottom-item:nth-of-type(2){
		width: 29%;
	}
	.industry-bottom .industry-bottom-item:nth-of-type(3){
		flex: 1;
	}
	.industry-bottom-item{
		display: flex;
		flex-direction: column;
	}
	.industry-bottom-img{
		height: 50%;
		overflow: hidden;
	}
	.industry-bottom-img img{
		width: 100%;
		height: 100%;
	}
	.industry-bottom-intro{
		height: 50%;
	}
	.industry-bottom-intro{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #0270B5;
	}
	.industry-bottom-intro .industry-intro-title::after{
		display: block;
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 72px;
		height: 2px;
		background-color: #0270B5;
	}
	.intro-default{
		color: #333;
	}
	.intro-default .industry-intro-title::after{
	background-color: #728A98;
	}
	.industry-bottom-item:nth-of-type(2) .industry-arrows{
		transform: rotateX(-180deg);
	}
	.industry-bottom-item:nth-of-type(3) .industry-arrows{
		transform: rotate(90deg);
	}
	/* .industry-bottom{
		display: flex;
	} */
	/* .industry-bottom-item{
		height: 520px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		color: #fff;
	}
	.industry-bottom-intro{
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.industry-bottom-title{
		margin-bottom: 30px;
	}
	.industry-bottom .industry-bottom-item:nth-of-type(1){
		width: 26.7%;
	}
	.industry-bottom .industry-bottom-item:nth-of-type(1) .industry-bottom-intro{
		background-color: #0270b5;
	}
	.industry-bottom .industry-bottom-item:nth-of-type(2), .industry-bottom .industry-bottom-item:nth-of-type(3){
		flex: 1;
	} */
	/* .industry-bottom-img{
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	} */
	.industry-bottom-img:hover img{
		transform: scale(1.1);
	}
	.industry-top-img:hover img{
		transform: scale(1.1);
	}
	.industry-container img{
		transition: all 0.4s;
	}
	.line{
		width: 40px;
		height: 2px;
		background-color: #fff;
		margin-top: 20px;
	}
	.line-no-top{
		margin-top: 0;
		margin-bottom: 10px;
	}
	.factory-text{
		width: 319px;
	}
	.factory-img{
		width: 881px;
	}
	.industry-intro{
		width: 100%;
	}
	.custom-cont{
		background-color: #F1FAFF;
	}
	.custom-title{
		padding: 64px 0 13px;
		color:rgba(51,51,51,1);
		line-height:50px;
		text-align: center;
	}
	.custom-subheader{
		text-align: center;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(135,135,135,1);
		line-height:33px;
	}
	.custom-swiper{
		padding: 60px 0 40px;
	}
	#custom-swiper  .swiper-slide {
		width: 520px;
		position: relative;
	}
	#custom-swiper  .swiper-slide img{
		display:block;
	}
	#custom-swiper  .swiper-slide p {
		line-height: 60px;
		padding-top: 0;
		text-align: center;
		color: #fff;
		margin: 0;
		background-color: #0270B5;
		opacity: 0.7;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.custom-swiper-wrapper .swiper-slide:not(.swiper-slide-active){
		transform: scale(0.6);
	}
	.callme-cont{
		background-color: #0270B5;
	}
	.call-me{
		height: 124px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.call-me-title{
		color:rgba(255,255,255,1);
	}
	.call{
		width: 129px;
		height: 38px;
		border: 1px solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
	}
	.call a{
		color: #fff;
		text-decoration: none;
	}
	.news-title{
		padding: 67px 0 13px;
		color: #333;
		text-align: center;
	}
	.news-subheader{
		padding-bottom: 35px;
		color: #878787;
		text-align: center;
	}
	
	.news-video{
		/*width: 708px;*/
		/*height: 448px;*/
		background-color: #38393D;
		margin: 0 auto 60px;
	}
	.news-container{
		display: flex;
		justify-content: space-between;
		min-height: 460px;
	}
	.news-banner{
		width: 33%;
		margin-right: 32px;
		display: flex;
		align-items: center;
	}
	
	.news-c{
		flex: 1;
	}
	.news-nav{
		display: flex;
		align-items: center;
		padding-bottom: 24px;
	}
	.news-nav-item{
		width: 97px;
		height: 38px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		background-color: #0571B6;
		margin-right: 6px;
	}
	.news-active{
		background-color: #CD515C;
	}
	.news-list{
		
	}
	.news-item{
		display: flex;
		align-items: center;
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}
	.news-item-img{
		width: 150px;
		margin-right: 20px;
	}
	.news-item-c{
		flex: 1;
	}
	.news-item-title{
		color: #3592D0;
		padding-bottom: 8px;
	}
	.news-item-container{
		color: #636363;
		line-height: 19px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.news-item-time{
		color: #9B9B9B;
		text-align: right;
	}
	
	
	
	
	
	@media(max-width: 1200px) {
		.trait-item-icon{
			width: 62px;
		}
		.trait{
			height: 70px;
			transform: translateY(-60px);
			display: flex;
			margin: 0 auto;
		}
		.trait-item{
			flex: 1;
			background-color: #0955AC;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		.featrues-nav-item-num{
			width: 60px;
			height: 60px;
			border-width: 5px;
		}
		.featrues-nav-item{
			padding-top: 74px;
			width: 300px;
			height: 220px;
		}
		.featrues-nav-item-text{
			padding-left: 30px;
		}
		.featrues-nav-right .featrues-nav-item-text{
			padding-right: 30px;
		}
		.industry-title{
			padding: 34px 0 8px;
		}
		.industry-subheader{
			padding-bottom: 30px;
		}
		
		.industry-top .industry-top-title{
			margin-bottom: 30px;
		}
		.industry-top .industry-top-text p{
			margin-bottom: 20px;
		}
		.industry-bottom-item{
			height: 460px;
		}
		.industry-bottom-title{
			margin-bottom: 24px;
		}
		.line{
			width: 36px;
			height: 2px;
			background-color: #fff;
			margin-top: 16px;
		}
		.line-no-top{
			margin-top: 0;
			margin-bottom: 8px;
		}
	}
	@media(max-width: 992px ) {
		.trait-item-icon{
			width: 40px;
		}
		.trait{
			height: 70px;
			transform: translateY(-50px);
			display: flex;
			margin: 0 auto;
		}
		.trait-item{
			flex: 1;
			height: 110px;
			background-color: #0955AC;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		.featrues-nav-item{
			padding-top: 54px;
			width: 270px;
			height: 190px;
		}
		.featrues-nav-item-num{
			width: 54px;
			height: 54px;
			border-width: 4px;
		}
		.featrues-nav-item-text{
			padding-left: 24px;
		}
		.featrues-nav-right .featrues-nav-item-text{
			padding-right: 24px;
		}
		.industry-title{
			padding: 26px 0 8px;
		}
		.industry-subheader{
			padding-bottom: 30px;
		}
		
		.industry-top .industry-top-title{
			margin-bottom: 20px;
		}
		.industry-top .industry-top-text p{
			margin-bottom: 16px;
		}
		.industry-bottom-item{
			height: 400px;
		}
		.industry-bottom-title{
			margin-bottom: 20px;
		}
		.line{
			width: 32px;
			height: 2px;
			background-color: #fff;
			margin-top: 12px;
		}
		.line-no-top{
			margin-top: 0;
			margin-bottom: 8px;
		}
	}
	@media(max-width: 768px ) {
		.subheader-banner-cont{
			display: none;
		}
		.intro-img, .intro-title{
			display: none;
		}
		.about-intro{
			padding: 0;
		}
		.trait{
			height: 56px;
			transform: translateY(-16px);
			display: flex;
			margin: 0 auto;
		}
		.trait-item{
			flex: 1;
			height: 56px;
			background-color: #0955AC;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		.trait-item-icon{
			width: 24px;
		}
		.train-title-zh{
			margin-bottom: 0;
		}
		.train-title-en{
			display: none;
		}
		.featrues-nav{
		}
		.featrues-nav-item{
			padding-top: 20px;
			height: 80px;
			width: 100px;
		}
		.featrues-nav-item-num{
			width: 30px;
			height: 30px;
			border-width: 3px;
		}
		/* .featrues-nav-item-num{
			width: 26px;
			height: 26px;
		} */
		.featrues-nav-item-title{
			padding: 0 10px;
		}
		.featrues-nav-item-text{
			padding-left: 10px;
		}
		.featrues-nav-right .featrues-nav-item-text{
			padding-right: 10px;
		}
		.industry-title{
			padding: 22px 0 8px;
		}
		.industry-subheader{
			padding-bottom: 30px;
		}
		
		.industry-top .industry-top-title{
			margin-bottom: 20px;
		}
		.industry-top .industry-top-text p{
			margin-bottom: 10px;
		}
		.industry-bottom-item{
			height: auto;
		}
		.industry-bottom-intro{
			padding: 20px 0;
		}
		.industry-bottom-title{
			margin-bottom: 14px;
		}
		.line{
			width: 30px;
			height: 2px;
			background-color: #fff;
			margin-top: 12px;
		}
		.line-no-top{
			margin-top: 0;
			margin-bottom: 6px;
		}
		
		
		
		
		
		
		.call-me{
			height: 40px;
		}
		.call {
		    width: 68px;
		    height: 22px;
		}
		#custom-swiper  .swiper-slide {
			width: 200px;
		}
		.custom-title, .news-title {
		    padding: 24px 0 13px;
		}
		.custom-swiper {
		    padding:24px 0 20px;
		}
		.news-subheader{
			padding-bottom: 23px;
		}
		.news-banner{
			display: none;
		}
		.news-nav{
			justify-content: center;
		}
		.news-nav-item{
			width: 66px;
			height: 28px;
		}
		.news-item-img{
			width: 98px;
		}
		.news-video{
			width: 78%;
			height: 182px;
		}
		#custom-swiper  .swiper-slide p {
			display: none;
		}
		.industry-intro-title{
			margin-bottom: 24px;
		}
		.industry-arrows{
			width: 24px;
			height: 24px;
		}
		.item-title {
			font-size: 14px;
		}
		.item-intro{
			display: none!important;
		}
	}
	