@font-face{
			font-family:GILROY;
			src:url(../fonts/GILROY-REGULAR.OTF);
			}
			/* font-face {
	font-family:'PINGFANG';
	src: url("../fonts/SOURCEHANSANSCN-REGULAR.OTFs");
}
		body{font-family: PINGFANG !important;}*/
	 	body{
	 		overflow-x: hidden;
	 	}
		.posi{
			background-color: #fff;
		}
	 	.banner{
	 		width: 100%;
	 		/* max-height: calc(100vh - 100px); */
	 		height:100vh;
	 		/* height: 850px; */
	 		overflow: hidden;	
	 		/* position: relative; */
	 		position: fixed;
			left: 0;
			top: 0;
	 		perspective: 800px;
	 	}
	 	.banner .swiper-idx1{
	 		height: 100%;
	 		background-color: #fff;
	 	}
	 	.banner .swiper-idx1 .swiper-slide{
	 		height: 100%	;
	 	}
	 	.banner .swiper-idx1 img{
	 			/* height: 100%; */
	 			width: 100%;
	 			height: 100%;
	 		}
	 	
	 	.banner .swiper-button-prev::after,
	 	.banner .swiper-button-next::after{
	 		opacity: 0;
	 		transition:opacity .5s;
	 	}
	 	.banner:hover .swiper-button-prev::after,
	 	.banner:hover .swiper-button-next::after{
	 		opacity: 1;
	 	}
	 	/*.banner .swiper-idx1:hover .swiper-button-prev,
	 	.banner .swiper-idx1:hover .swiper-button-next{
	 		opacity: 1;
	 	}
	 	.banner .swiper-idx1 .swiper-button-prev,
	 	.banner .swiper-idx1 .swiper-button-next{
	 		opacity: 0;
	 		transition: .5s;
	 		width: 60px;
	 		height: 60px;
	 		background: url(../images/index/swpleft.png) no-repeat;
	 		background-size: 100%;
	 	}
	 	.banner .swiper-idx1 .swiper-button-next{
	 		background-image: url(../images/index/swp-right.png);
	 	} */
	 	.banner .swiper-idx1 .txt{
	 		width: 800px;
	 		position: absolute;
	 		left: 230px;
	 		/* top: 320px; */
	 		z-index: 12;
	 	}
	 	.banner .swiper-idx1 .tit{
	 		font-size: 56px;
	 		font-weight: bold;
	 		color: #fff;
	 		margin-bottom: 10px;
	 	}
	 	.banner .page{
	 		font-size: 20px;
	 		color: #fff;
	 		position: absolute;
	 		bottom: 70px;
	 		right: 250px;
	 		left: auto;
	 		width: auto;
	 		z-index: 10;
	 	}
	 	.banner .page span{margin: 0 10px;font-family: "Gilroy" !important;}
	 	
		
		.main.idxmain{
			position: relative;
			z-index: 5;
			margin-top: 100vh;
			background-color: #fff;
		}
		
	 	.g-morebtn{
	 		font-size: 18px;
	 		position: absolute;
	 		bottom: 50px;
	 		left: 240px;
	 		z-index: 9;
	 		border-radius: 10px;
	 		padding: 20px 30px;
	 		background-color: #fff;
	 		transition: .5s;
	 		border: 1px solid transparent;
	 	}
	 	.g-morebtn span{
	 		margin-right: 70px;
	 	}
	 	.g-morebtn .icon{
	 		display: inline-block;
	 		background: url(../images/index/icon-add.png) no-repeat center;
	 		background-size:100%;
	 		width: 15px;
	 		height: 16px;
	 		vertical-align: inherit;
	 		transform: translateY(1px);
	 	}
	 	.g-morebtn:hover{
	 		color: #fff;
	 		background-color: #004693;
	 	}
	 	.g-morebtn:hover .icon{
	 		background-image: url(../images/index/icon-add2.png);
	 	}
	 	.g-morebtn.bt2{
	 		background-color: #004693;
	 		color: #fff;
	 	}
	 	.g-morebtn.bt2:hover{
	 		color: #000;
	 		background-color: #fff;
	 		border-color: rgba(0,0,0);
	 	}
	 	.g-morebtn.bt2 .icon{
	 		background-image: url(../images/index/icon-add2.png);
	 	}
	 	.g-morebtn.bt2:hover .icon{
	 		background-image: url(../images/index/icon-add.png);
	 	}
	 	
	 	
	 	
	 	.idx-row1{
	 		/* height: 725px; */
	 	}
	 	.idx-row1 .m-why{
	 		width: 650px;
	 	}
		.m-why{padding: 120px 0 215px;}
	 	.m-why .tit{
	 		font-size: 56px;
	 		color: #004693;
	 		margin-bottom: 30px;
	 	}
	 	.m-why .txt{
	 		font-size: 18px;
	 		line-height: 1.8;
	 		margin-bottom: 70px;
			/* min-height: 140px; */
	 	}
	 	.idx-row1 .g-morebtn{
	 		position: static;
	 		display: inline-block;
	 		background-color: #004693;
	 		color: #fff;
	 	}
	 	.idx-row1 .g-morebtn .icon{
	 		background-image:url(../images/index/icon-add2.png) ;
	 	}
	 	
	 	.ul-why{
	 		position: absolute; 
	 		right: 0;
	 		top: -80px;
	 		/* top: 0; */
	 		width: 645px;
	 		/* transform: translateY(-80px); */
	 		background-color: #fff;
	 		z-index: 9;
	 		visibility: hidden;
	 	}
	 	.ul-why li{
	 		cursor: pointer;
	 		transition: .5s;
	 		border: 1px solid #ccc;
	 		border-bottom-color: transparent;
	 	}
	 	.ul-why li:nth-of-type(2){
	 		background: url(../images/index/idxbg1.png) no-repeat center;
	 		background-size: 102% 102%;
	 	}
	 	.ul-why li:last-of-type{border-color:  #ccc;}
	 	.ul-why li:hover{
	 		background-image: none;
	 		background-color: #004693;
	 		border-color: #004693;
	 		color: #fff;
	 	}
	 	.ul-why li:hover .tit{color: #fff;}
	 	.ul-why .con{padding-left: 70px;height: 320px;}
	 	.ul-why .tit{
	 		font-size: 100px;
	 		color: #004693;
	 		transition: .5s;
	 		line-height: 1;
	 		margin-bottom: 20px;
			font-family: "Gilroy" !important;
	 	}
	 	.ul-why .txt{
	 		font-size: 24px;
	 	}
	 	
	 	.idx-row2{
	 		padding: 140px 0;
	 		position: relative;
	 	}
	 	.idx-row2>.pic{
	 		position: absolute;
	 		top: 0;
	 		right: 0;
	 		width: 78px;
	 	}
	 	.idx-row2>.pic img{
	 		width: 100%;
	 	}
	 	.idx-row2>.pic.p2{
	 		top: 1020px;
	 		right: auto;
	 		left: 0;
	 	}
	 	
	 	.idx-row2::before{
	 		content: '';
	 		position: absolute;
	 		left: 0;
	 		top: 0;
	 		width: 100%;
	 		height: 1020px;
	 		background-color: #f2f5f8;
	 	}
	 	
	 	.ul-idxclass {
	 		margin: 0 -78px;
	 		position: relative;
	 		z-index: 9;
	 		/* overflow: hidden; */
	 	}
	 	.ul-idxclass li{
	 		width: 50%;
	 		float: left;
	 		margin-bottom: 100px;
	 	}
	 	.ul-idxclass li:hover{
	 		z-index: 9;
	 	}
	 	
	 	.ul-idxclass li:nth-child(even){
	 		transform: translateY(140px);
	 	}
	 	.ul-idxclass .con{
	 		height: 715px;
	 		/* border: 1px solid #000; */
	 		border: 1px solid rgb(247, 241, 241);
	 		margin: 0 78px;
	 		position: relative;
	 		
	 	}
	 	.ul-idxclass .con:hover .info{
	 		transform: scale(1.2);
	 		box-shadow: 0 0 30px rgba(0,0,0,.6);
	 	}
	 	.ul-idxclass .video{
	 		position: absolute;
	 		top: 0px;
			left: 0px;
	 		z-index: 1;
	 		/* width: calc(100% + 2px); */
			width: 100%;
	 		overflow: hidden;
			/* height: 414px; */
			height: 417px;
	 	}
	 	.ul-idxclass .vid{
	 		position: relative;
	 		left: 50%;
	 		transform: translateX(-50%);
	 		/* height: 414px; */
			height: 100%;
	 	}
	 	.ul-idxclass .video .pic{
	 		width: 100%;
	 		height: 100%;
	 		overflow: hidden;
	 		display: none;
	 	}
	 	.ul-idxclass .video .pic img{
	 		width: 100%;
	 	}
	 	.ul-idxclass .info{
	 		width: 570px;
	 		box-sizing: border-box;
	 		height: 300px;
	 		background-color: #fff;
	 		position: absolute;right: -1px;bottom: -1px;
	 		padding-left: 75px;
	 		z-index: 9;
	 		transition: .5s;
	 	}
	 	.ul-idxclass .tit{
	 		font-size: 40px;
	 		font-weight: normal;
	 	}
	 	.ul-idxclass .tit .txtof2{
	 		
	 	}
	 	.ul-idxclass .tit .t{
	 		color: #004693;
	 		font-weight: bold;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
	 	}
	 	.ul-idxclass .tit{
	 		margin-bottom: 50px;
	 		margin-bottom: 50px;
	 	}
	 	.ul-idxclass .more{
	 		font-size: 18px;
	 		text-decoration: underline;
	 	}
	 	.idx-row2 .moreicon{
	 		display: block;
	 		background: url(../images/index/icon-add3.png) no-repeat;
	 		background-size: 100%;
	 		width: 73px;
	 		height: 69px;
	 		margin-left: 300px;
	 		transition: .5s;
	 	}
	 	.idx-row2 .moreicon:hover{
	 		opacity: .8;
	 	}
	 	
	 	
	 	.g-tit .tit{
	 		font-size: 56px;
	 		color: #004693;
	 	}
	 	.g-tit .tit_en{
	 		font-size: 34px;
	 		font-weight: bold;
	 		margin-bottom: 30px;
	 	}
	 	.g-tit .info{
	 		font-size: 18px;
	 	}
	 	
	 	
	 	.idx-row3 .g-tit{
	 		width: 790px;
	 	}
	 	.idx-row3 .texts ul{
	 		overflow: hidden;
	 		padding-right:70px;
	 		color: #004693;
	 		text-align: center;
	 		font-size: 18px;
	 		background: url(../images/index/bgimg2.jpg) no-repeat right 0;
	 		background-size: auto 100%;
	 		height: 209px;
	 	}
	 	
	 	.idx-row3 .texts .fr ul{
			display: none;
		}
		.idx-row3 .texts .fr  ul:nth-child(1){
			display:block;
		}
		
	 	.idx-row3 .texts ul li{
	 		margin: 0 10px;
	 		float: left;
	 		position: relative;
	 		top: 50%;
	 		transform: translateY(-50%);
	 	}
	 	.idx-row3 .texts ul .numBOx p{
	 		font-size: 24px;
	 		vertical-align: bottom;
	 	}
	 	.idx-row3 .texts ul .numBOx p i{
	 		display: inline-block;
	 		vertical-align: bottom;
	 		font-weight: bold;
	 		font-style: normal;
	 	}
	 	.idx-row3 .texts ul .num{
	 		font-size: 58px;
	 		font-weight: bold;
	 		line-height: 1;
	 		vertical-align: top;
	 		margin-bottom: 20px;
	 		position: relative;
			font-family: "Gilroy" !important;
	 	}
	 	/*.idx-row3 .texts ul.num1 li:nth-child(1) .add .num:last-of-type::after{
	 		content: '年';
	 		vertical-align: baseline;
	 		font-size: 20px;
	 	}
		.idx-row3 .texts ul.num1 li:nth-child(2) .add .num:last-of-type::after{
	 		content: '个';
	 		vertical-align: baseline;
	 		font-size: 26px;
	 	}*/
		/*.idx-row3 .texts ul.num2 li:nth-child(1) .add .num:last-of-type::after{
	 		content: '种';
	 		vertical-align: baseline;
	 		font-size: 20px;
	 	}
		.idx-row3 .texts ul.num2 li:nth-child(2) .add .num:last-of-type::after{
	 		content: '+';
	 		vertical-align: baseline;
	 		font-size: 35px;
	 	}
		.idx-row3 .texts ul.num3 li:nth-child(1) .add .num:last-of-type::after{
	 		content: '吨';
	 		vertical-align: baseline;
	 		font-size: 20px;
	 	}
		.idx-row3 .texts ul.num3 li:nth-child(2) .add .num:last-of-type::after{
	 		content: '项';
	 		vertical-align: baseline;
	 		font-size: 20px;
	 	}*/
	 	
	 	.idx-row3 .m-yanfa{
	 		padding-bottom: 130px;
	 		border-bottom: 1px solid #ccdae9;
	 	}
	 	.m-yanfa .texts{
	 		margin-bottom: 40px;
	 	}
	 	.m-yanfa .pic{
	 		height: 430px;
	 		width: 100%;
	 		overflow: hidden;
	 	}
	 	.m-yanfa .pic img{
	 		width: 100%;
	 	}
	 	
	 	
	 	.idx-row4{
	 		padding-top: 70px;
	 	}
	 	.m-idxnews{
	 		overflow: hidden;
	 		padding-bottom: 100px;
	 		/* border-bottom:1px solid #CCDAE9; */
	 	}
	 	.m-idxnews>.fl{
	 		float: left;
	 		width: 40%;
	 		position: relative;
	 	}
			 	
	 	.m-idxnews>.ul-news{
	 		float: left;
	 		width: 60%;
	 		position: relative;
	 	}
	 	
	 	.m-idxnews .g-morebtn{left: 0;bottom: 160px;}
	 	.m-idxnews .g-morebtn span{
	 		margin-right: 120px;
	 	}
	 	
	 	.ul-news li{
	 		border-bottom: 1px solid #d5dfe6;
	 		padding-bottom: 30px;
	 		margin-bottom: 30px;
	 		position: relative;
	 	}
	 	.ul-news li:last-of-type{margin-bottom: 0;}
	 	.ul-news .con{
	 		padding-left: 30px;
	 		overflow: hidden;
	 	}
	 	.ul-news .date{
	 		font-size: 24px;
	 		font-weight: bold;
	 		margin-right: 30px;
	 		max-width: 100px;
	 		line-height: 1.3;
			font-family: "Gilroy" !important;
	 	}
	 	.ul-news .txts{
	 		max-width: 700px;
	 		
	 	}
	 	.ul-news .tit{
	 		font-size: 24px;
	 		font-weight: bold;
	 		margin-bottom: 10px;
			
	 	}
	 	.ul-news .txt{
	 		line-height: 1.8;
	 		font-size: 18px;
	 		min-height: 50px;
	 		transition: .5s;
	 	}
	 	.ul-news li:hover .txt{
	 		color:#a8a8a8;
	 	}
	 	.ul-news .icon{
	 		position: absolute;
	 		right: 0;top: 0;
	 		background: url(../images/index/copy.jpg) no-repeat;
	 		background-size: 100%;
	 		width: 14px;
	 		height: 14px;
	 	}
	 	
	 	
	 	/* 响应式 */
	 	@media only screen and (min-width: 950px) and (max-width: 1800px) {
	 	.banner{
	 			width: 100%;
	 			/* max-height: calc(100vh - 5.555vw); */
	 			height: 100vh;
	 			/* height: 47.22vw; */
	 			overflow: hidden;	
	 			/* position: relative; */
				position: fixed;
	 			perspective: 44.44vw;
	 		}
	 		.banner .swiper-idx1{
	 			height: 100%;
	 			background-color: #fff;
	 		}
	 		.banner .swiper-idx1 .swiper-slide{
	 			height: 100%	;
	 		}
	 		.banner .swiper-idx1 img{
	 				/* height: 100%; */
	 				width: 100%;
	 				height: 100%;
	 			}
	 		
	 		.banner .swiper-button-prev::after,
	 		.banner .swiper-button-next::after{
	 			opacity: 0;
	 			transition:opacity .5s;
	 		}
	 		.banner:hover .swiper-button-prev::after,
	 		.banner:hover .swiper-button-next::after{
	 			opacity: 1;
	 		}
	 		/*.banner .swiper-idx1:hover .swiper-button-prev,
	 		.banner .swiper-idx1:hover .swiper-button-next{
	 			opacity: 1;
	 		}
	 		.banner .swiper-idx1 .swiper-button-prev,
	 		.banner .swiper-idx1 .swiper-button-next{
	 			opacity: 0;
	 			transition: .5s;
	 			width: 3.333vw;
	 			height: 3.333vw;
	 			background: url(../images/index/swpleft.png) no-repeat;
	 			background-size: 100%;
	 		}
	 		.banner .swiper-idx1 .swiper-button-next{
	 			background-image: url(../images/index/swp-right.png);
	 		} */
	 		.banner .swiper-idx1 .txt{
	 			width: 44.44vw;
	 			position: absolute;
	 			left: 10vw;
	 			/* top: 17.77vw; */
	 		}
	 		.banner .swiper-idx1 .tit{
	 			font-size: 3.111vw;
	 			font-weight: bold;
	 			color: #fff;
	 			margin-bottom: 0.555vw;
	 		}
	 		.banner .page{
	 			font-size: 1.111vw;
	 			color: #fff;
	 			position: absolute;
	 			bottom: 6.944vw;
	 			right: 13.88vw;
	 			left: auto;
	 			width: auto;
	 		}
	 		.banner .page span{margin: 0 0.555vw;}
	 		
	 		.g-morebtn{
	 			font-size: 0.888vw;
	 			position: absolute;
	 			bottom: 2.777vw;
	 			left: 13.33vw;
	 			z-index: 9;
	 			border-radius: 0.555vw;
	 			padding: 1.111vw 1.666vw;
	 			background-color: #fff;
	 			transition: .5s;
	 			border: 1px solid transparent;
	 		}
	 		.g-morebtn span{
	 			margin-right: 3.888vw;
	 		}
	 		.g-morebtn .icon{
	 			display: inline-block;
	 			background: url(../images/index/icon-add.png) no-repeat center;
	 			background-size:100%;
	 			width: 0.833vw;
	 			height: 0.888vw;
	 			vertical-align: inherit;
	 			transform: translateY(1px);
	 		}
	 		.g-morebtn:hover{
	 			color: #fff;
	 			background-color: #004693;
	 		}
	 		.g-morebtn:hover .icon{
	 			background-image: url(../images/index/icon-add2.png);
	 		}
	 		.g-morebtn.bt2{
	 			background-color: #004693;
	 			color: #fff;
	 		}
	 		.g-morebtn.bt2:hover{
	 			color: #000;
	 			background-color: #fff;
	 			border-color: rgba(0,0,0);
	 		}
	 		.g-morebtn.bt2 .icon{
	 			background-image: url(../images/index/icon-add2.png);
	 		}
	 		.g-morebtn.bt2:hover .icon{
	 			background-image: url(../images/index/icon-add.png);
	 		}
	 		
	 		
	 		
	 		.idx-row1{
	 			height: 40.27vw;
	 		}
	 		.idx-row1 .m-why{
	 			width: 36.11vw;
	 		}
			.m-why{padding: 6.25vw 0 11.19vw;}
	 		.m-why .tit{
	 			font-size: 3.111vw;
	 			color: #004693;
	 			margin-bottom: 1.666vw;
	 		}
	 		.m-why .txt{
	 			font-size: 18px;
	 			line-height: 1.6;
	 			margin-bottom: 4vw;
	 		}
	 		.idx-row1 .g-morebtn{
	 			position: static;
	 			display: inline-block;
	 			background-color: #004693;
	 			color: #fff;
	 		}
	 		.idx-row1 .g-morebtn .icon{
	 			background-image:url(../images/index/icon-add2.png) ;
	 		}
	 		
	 		.ul-why{
	 			position: absolute; 
	 			right: 0;
	 			top: -4.444vw;
	 			/* top: 0; */
	 			width: 35.83vw;
	 			/* transform: translateY(-4.444vw); */
	 			background-color: #fff;
	 			z-index: 9;
	 			visibility: hidden;
	 		}
	 		.ul-why li{
	 			cursor: pointer;
	 			transition: .5s;
	 			border: 1px solid #ccc;
	 			border-bottom-color: transparent;
	 		}
	 		.ul-why li:nth-of-type(2){
	 			background: url(../images/index/idxbg1.png) no-repeat center;
	 			background-size: 102% 102%;
	 		}
	 		.ul-why li:last-of-type{border-color:  #ccc;}
	 		.ul-why li:hover{
	 			background-image: none;
	 			background-color: #004693;
	 			border-color: #004693;
	 			color: #fff;
	 		}
	 		.ul-why li:hover .tit{color: #fff;}
	 		.ul-why .con{padding-left: 3.888vw;height: 17.77vw;}
	 		.ul-why .tit{
	 			font-size: 5.555vw;
	 			color: #004693;
	 			transition: .5s;
	 			line-height: 1;
	 			margin-bottom: 1.111vw;
	 		}
	 		.ul-why .txt{
	 			font-size: 1vw;
	 		}
	 		
	 		.idx-row2{
	 			padding: 7.777vw 0;
	 			position: relative;
	 		}
	 		
	 		.idx-row2::before{
	 			content: '';
	 			position: absolute;
	 			left: 0;
	 			top: 0;
	 			width: 100%;
	 			height: 56.66vw;
	 			background-color: #f2f5f8;
	 		}
	 		.idx-row2>.pic{
	 			width: 4.333vw;
	 		}
	 		.idx-row2>.pic.p2{
	 			top: 56.66vw;
	 		}
	 		
	 		.ul-idxclass {
	 			margin: 0 -4.333vw;
	 			position: relative;
	 			z-index: 9;
	 			/* overflow: hidden; */
	 		}
	 		.ul-idxclass li{
	 			width: 50%;
	 			float: left;
	 			margin-bottom: 5.555vw;
	 		}
	 		
	 		.ul-idxclass li:nth-child(even){
	 			transform: translateY(7.777vw);
	 		}
	 		.ul-idxclass .con{
	 			height: 45.83vw;
	 			/* border: 1px solid #000; */
	 			margin: 0 4.333vw;
	 			position: relative;
	 			
	 		}
	 		.ul-idxclass .con:hover .info{
	 			transform: scale(1.2);
	 			box-shadow: 0 0 1.666vw rgba(0,0,0,.6);
	 		}
	 		.ul-idxclass .video{
	 			position: absolute;
	 			overflow: hidden;
				height: 23.2vw;
	 		}
	 		.ul-idxclass .vid{
	 			position: relative;
	 			left: 50%;
	 			transform: translateX(-50%);
	 			height: 100%;
	 		}
	 		.ul-idxclass .info{
	 			width: 31.66vw;
	 			box-sizing: border-box;
	 			height: 22.77vw;
	 			background-color: #fff;
	 			position: absolute;right: -1px;bottom: -1px;
	 			padding-left: 4.166vw;
	 			z-index: 9;
	 			transition: .5s;
	 		}
	 		.ul-idxclass .tit{
	 			font-size: 1.888vw;
	 			font-weight: normal;
	 		}
	 		.ul-idxclass .tit .t{
	 			color: #004693;
	 			font-weight: bold;
	 		}
	 		.ul-idxclass .tit{
	 			margin-bottom: 5vw;
	 		}
	 		.ul-idxclass .more{
	 			font-size: 0.888vw;
	 			text-decoration: underline;
	 		}
	 		.idx-row2 .moreicon{
	 			display: block;
	 			background: url(../images/index/icon-add3.png) no-repeat;
	 			background-size: 100%;
	 			width: 4.055vw;
	 			height: 3.833vw;
	 			margin-left: 16.66vw;
	 			transition: .5s;
	 		}
	 		.idx-row2 .moreicon:hover{
	 			opacity: .8;
	 		}
	 		
	 		
	 		.g-tit .tit{
	 			font-size: 3.111vw;
	 			color: #004693;
	 		}
	 		.g-tit .tit_en{
	 			font-size: 1.888vw;
	 			font-weight: bold;
	 			margin-bottom: 1.666vw;
	 		}
	 		.g-tit .info{
	 			font-size: 0.888vw;
	 		}
	 		
	 		
	 		.idx-row3 .g-tit{
	 			width: 43.88vw;
	 		}
	 		.idx-row3 .texts ul{
	 			overflow: hidden;
	 			padding-right:3.888vw;
	 			color: #004693;
	 			text-align: center;
	 			font-size: 0.777vw;
	 			background: url(../images/index/bgimg2.jpg) no-repeat right 0;
	 			background-size: auto 100%;
	 			height: 11.61vw;
	 		}
	 		.idx-row3 .texts ul li{
	 			margin: 0 0.555vw;
	 			float: left;
	 			position: relative;
	 			top: 50%;
	 			transform: translateY(-50%);
	 		}
	 		.idx-row3 .texts ul .num{
	 			font-size: 3.222vw;
	 			font-weight: bold;
	 			line-height: 1;
	 			vertical-align: top;
	 			margin-bottom: 1.111vw;
	 			position: relative;
	 		}
	 		.idx-row3 .texts ul .num:last-of-type::after{
	 			content: '';
	 			vertical-align: top;
	 			font-size: 1.888vw;
	 		}
	 		
	 		.idx-row3 .m-yanfa{
	 			padding-bottom: 7.222vw;
	 			border-bottom: 1px solid #ccdae9;
	 		}
	 		.m-yanfa .texts{
	 			margin-bottom: 2.222vw;
	 		}
	 		.m-yanfa .pic{
	 			height: 23.88vw;
	 			width: 100%;
	 			overflow: hidden;
	 		}
	 		.m-yanfa .pic img{
	 			width: 100%;
	 		}
	 		
	 		
	 		.idx-row4{
	 			padding-top: 3.888vw;
	 		}
	 		.m-idxnews{
	 			overflow: hidden;
	 			padding-bottom: 8.888vw;
	 			/* border-bottom:1px solid #CCDAE9; */
	 		}
	 		.m-idxnews>.fl,
	 		.m-idxnews>.ul-news{
	 			float: left;
	 			width: 50%;
	 			position: relative;
	 		}
	 		
	 		.m-idxnews .g-morebtn{left: 0;bottom: 8.888vw;}
	 		.m-idxnews .g-morebtn span{
	 			margin-right: 6.666vw;
	 		}
	 		
	 		.ul-news li{
	 			border-bottom: 1px solid #d5dfe6;
	 			padding-bottom: 1.666vw;
	 			margin-bottom: 1.666vw;
	 			position: relative;
	 		}
	 		.ul-news li:last-of-type{margin-bottom: 0;}
	 		.ul-news .con{
	 			padding-left: 1.666vw;
	 			overflow: hidden;
	 		}
	 		.ul-news .date{
	 			font-size: 24px;
	 			font-weight: bold;
	 			margin-right: 1.666vw;
	 			max-width: 7.555vw;
	 			line-height: 1.3;
	 		}
	 		.ul-news .txts{
	 			max-width: 23.05vw;
	 			
	 		}
	 		.ul-news .tit{
	 			font-size: 20px;
	 			font-size: 20px;
	 			font-weight: bold;
	 			margin-bottom: 0.555vw;
	 		}
	 		.ul-news .txt{
	 			line-height: 1.8;
	 			font-size: 16px;
	 			min-height: 2.777vw;
	 			transition: .5s;
	 		}
	 		.ul-news li:hover .txt{
	 			color:#a8a8a8;
	 		}
	 		.ul-news .icon{
	 			position: absolute;
	 			right: 0;top: 0;
	 			background: url(../images/index/copy.jpg) no-repeat;
	 			background-size: 100%;
	 			width: 0.777vw;
	 			height: 0.777vw;
	 		}
	 		
	 	}
	 	
	 	@media only screen and (max-width: 1800px) and (min-width: 950px){
	 		.idx-row3 .g-tit{
	 			width: 40vw;
	 		}
	 	}
	 	
	 	
	 	/* 移动端 */
	 	@media only screen and (max-width: 950px){
			.main.main.idxmain{margin-top: 0;}
	 		.logo.mid-h{  transform: translateY(-50%);}
	 		.banner{/* max-height: none; */ position: static;  min-height: none; height: 280px;}
	 		.banner .g-morebtn{left: 10%;bottom: 10px; }
	 		.banner .g-morebtn span{margin-right: 20px;}
	 		.banner .swiper-idx1{max-height: none; height: 100%;}
	 		.banner .swiper-idx1 img{min-height: 100%; height: auto; position: relative;top: 50%;transform: translateY(-50%);}
	 		.banner .page{right: 10%;bottom: 20px;}
	 		.banner .swiper-idx1 .txt{ text-align: center; max-width: 70%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	 		.banner .swiper-idx1 .tit{font-size: 20px;}
	 		.banner .page{font-size: 18px;}
	 		.banner .page span{margin: 0 5px;}
	 		
	 		.mid-h{transform: none;}
	 		.g-morebtn{padding: 10px 20px; font-size: 16px; border-radius: 5px;}
	 		.g-morebtn span{vertical-align: text-bottom;}
	 		.idx-row1{height: auto; padding: 30px 0;}
	 		.idx-row1 .m-why{margin-bottom: 20px;width: auto;padding: 0;}
	 		.m-why .tit{font-size: 24px;margin-bottom: 10px;}
	 		.m-why .txt{font-size: 16px;margin-bottom: 20px;}
	 		.ul-why{position: static; overflow: hidden;width: 100%;}
	 		.ul-why li{border: none;}
	 		.ul-why .con{padding: 10px;height: auto; text-align: left;}
	 		.ul-why .tit{font-size: 30px;font-weight: bold;margin-bottom: 5px;}
	 		.ul-why .txt{font-size: 16px;}
	 		
	 		
	 		.ul-idxclass{
	 			margin: 0 -5px;
	 		}
	 		.ul-idxclass li{
	 			width: 50%;
	 			margin-bottom: 20px;
	 			position: relative;
	 		}
	 		.ul-idxclass li.on{z-index: 10;}
	 		.ul-idxclass li:nth-child(even){transform: none;}
	 		.ul-idxclass li:last-of-type{
	 			margin-bottom: 40px;
	 		}
	 		.ul-idxclass .con{
	 			height: auto;
	 			margin: 0 5px;
	 			text-align: center;
	 			background-color: #fff !important;
	 		}
	 		.ul-idxclass .video{
	 			position: static;
				height: auto;
	 		}
	 		.ul-idxclass .vid{
	 			display: none;
	 		}
	 		.ul-idxclass .video .pic{
	 			display: block;
	 		}
	 		
	 		.ul-idxclass .info{
	 			width: 100%;
	 			height: auto;
	 			position: static;
	 			padding: 20px 0;
	 			display: inline-block;
	 		}
	 		.ul-idxclass .tit{
	 			font-size: 15px;
	 			margin-bottom: 10px;
	 		}
	 		.ul-idxclass .more{
	 			font-size: 13px;
	 		}
	 		.idx-row2{
	 			padding: 40px 0;
	 		}
	 		.idx-row2 .addbtn{
	 			text-align: center;
	 		}
	 		.idx-row2 .moreicon{
	 			display: inline-block;
	 			margin: 0;
	 		}
	 		.idx-row2::before{
	 			height: 595px;
	 		}
	 		.idx-row2>.pic.p2{
	 			top: 568px;
	 		}
	 		
	 		
	 		
	 		
	 		.g-tit .tit{font-size: 24px;}
	 		.g-tit .tit_en{font-size: 24px;}
	 		.g-tit .info{font-size: 16px;}
	 		.idx-row3 .g-tit{width: 100%;margin-bottom: 20px; margin-top: 30px;}
	 		.m-yanfa .fr,
	 		.m-yanfa .fl,
	 		.idx-row4 .fl,
	 		.idx-row4 .fr{float: none;}
	 		.idx-row3 .m-yanfa{margin-bottom: 50px;padding-bottom: 30px;z-index: 9;position: relative;}
	 		.m-yanfa .texts{margin-bottom: 0;}
	 		.idx-row3 .texts ul{padding: 0;background-position: center;height: auto; margin-bottom: 30px;}
	 		.idx-row3 .texts ul li{
	 			width: 50%;
	 			margin: 0;
	 			position: static;
	 			transform: none;
	 			margin-bottom: 10px;
	 		}
	 		.idx-row3 .texts ul .num{font-size: 40px;}
	 		.idx-row3 .texts ul .num:last-of-type::after{font-size: 30px;}
	 		.m-yanfa .pic{
	 			height: auto;
	 		}
	 		
	 		
	 		
	 		
	 		.idx-row4{padding-top: 0;}
	 		.m-idxnews>.ul-news{
	 			width: 100%;
	 			margin-bottom: 40px;
	 		}
	 		.ul-news .con{
	 			padding-left: 0;
	 		}
	 		
	 		
	 		.ul-news .tit.txtof1{ overflow: visible; white-space: normal; text-overflow: initial}
	 		.ul-news li{margin-bottom: 20px;padding-bottom: 20px;}
	 		.ul-news .date{font-size: 15px;}
	 		.ul-news .tit{font-size: 18px;margin-bottom: 5px;}
	 		.ul-news .tit{font-size: 18px;margin-bottom: 5px;}
	 		.ul-news .txts{max-width: auto;}
	 		.ul-news .txt{font-size: 16px;color: #888;}
	 		.m-idxnews{
	 			padding-bottom: 50px;
	 		}
	 		.m-idxnews .g-morebtn{
	 			position: static;
	 			display: inline-block;
	 		}
		
	 	}
		
		
		
		
		/* 新闻页面新增 */
		.ul-news li:hover .txts{
			z-index: 11;
		}
		.ul-news li:hover .pic{display: block;}
		.m-news{padding-bottom: 50px;}
		.m-news .ul-news{margin-bottom: 65px;}
		.m-news .ul-news .con{padding-left: 0; position: relative; overflow: unset;}
		.m-news .ul-news .con::after{content: '';display: table; clear: both;}
		.m-news .ul-news .date{width: 100px;}
		.m-news .ul-news .txts{max-width: none; width:1110px;position: relative; }
		.m-news .ul-news .con:hover{
			
		}
		.ul-news .pic{
			width: 331px;
			height: 186px;
			position: absolute;
			right: 0;
			bottom: 0;
			overflow: hidden;
			z-index: 10;
			display: none;
			cursor: unset;
		}
		.ul-news .pic img{
			width: 100%;
		}
		.m-news .box,.page-industry .box{
			border-bottom: 1px solid #EEEEEE; margin-bottom: 40px;padding: 0;
		}
		.m-news .tabs,.page-industry .tabs{ position: relative; margin-top: 0;height: 85px;display: flex;justify-content: flex-start;}
		.m-news .tabs .tab,.page-industry .tabs .tab{
			position: relative !important;
			display: block;
			width: auto;
			height: 85px;
			float: left;
			font-size: 22px;
			margin-right: 50px;
			line-height: 85px;
			color: #222;
			overflow: hidden;
		}
		.m-news .tabs .tab::before, .page-industry .tabs .tab::before{
			position: absolute;
			content: '';
			width: 0%;
			height: 2px;
			left: 50%;
			bottom: 0;
			background: #004a9f;
			transform: translatex(-50%);
		    transition: ease .5s;
		    opacity: 0;
		}
		.m-news .tabs .tab:hover::before, .page-industry .tabs .tab:hover::before{
			
			width: 100%;
			opacity: 1;
			
		}
		.m-news .tabs .on::before, .page-industry .tabs .on::before{
			position: absolute;
			content: '';
			width: 100%;
			height: 2px;
			left: 50%;
			bottom: 0;
			background: #004a9f;
			transform: translatex(-50%);
		    transition: ease .5s;
		    opacity: 1;
		}
		/*.m-news .tabs .tab,.page-industry .tabs .tab:before{
			position: absolute;
			content: '';
			width: 100%;
			height: 2px;
			background-color:#004a9f ;
			left: 50%;
		    bottom: 0;
		    transform: translatex(-50%);
		    transition: ease .5s;
		}*/
		.m-news .tabs .tab:last-of-type,.page-industry .tabs .tab:last-of-type{
			margin-right: 0;
		}
		.m-news .tabs .tab.on,.page-industry .tabs .tab.on{
			/*font-weight: bold;*/
			color: #004a9f;
		}
		/*.m-news .tabs .tab.on,.page-industry .tabs .tab.on:hover:before{
			width: 100%;
		}
		.m-news .tabs .tab.on,.page-industry .tabs .tab.on:before{
			width: 100%;
		}*/
		.m-news .tabs .line,.page-industry .tabs .line{
			position: absolute;
			left: 0;
			bottom: -2px;
			width: 90px;
			height: 2px;
			border-radius: 0px;
			background-color:#004a9f ;
			transition: .5s;
		}
		.m-news .g-pages a{
			background-image: url(../images/index/newpage.png);
		}
		.m-news .g-pages .on a{
			background-image: url(../images/people/pic-p-bg.png);
		}
		
		
		@media only screen and (min-width: 950px) and (max-width: 1800px) {
			.ul-news li:hover .txts{
					z-index: 11;
			}
			.ul-news li:hover .pic{display: block;}
			.m-news{padding-bottom: 2.777vw;}
			.m-news .ul-news{margin-bottom: 3.611vw}
			.m-news .ul-news .con{padding-left: 0; position: relative; overflow: unset;}
			.m-news .ul-news .con::after{content: '';display: table; clear: both;}
			.m-news .ul-news .date{width: 7.555vw;}
			.m-news .ul-news .txts{max-width: none; width:61.66vw;position: relative; }
			.m-news .ul-news .con:hover{
				
			}
			.ul-news .pic{
				width: 18.38vw;
				height: 10.33vw;
				position: absolute;
				right: 0;
				bottom: 0;
				overflow: hidden;
				z-index: 10;
				display: none;
				cursor: unset;
			}
			.ul-news .pic img{
				width: 100%;
			}
			
			.m-news .tabs,.page-industry .tabs{padding-bottom: 0vw;  position: relative; padding-bottom: 0;}
			.m-news .tabs .tab,.page-industry .tabs .tab{
				float: left;
				font-size: 1.222vw;
				margin-right: 2.777vw;
			}
			.m-news .tabs .tab:last-of-type,.page-industry .tabs .tab:last-of-type{
				margin-right: 0;
			}
			.m-news .tabs .tab.on,.page-industry .tabs .tab.on{
				/*font-weight: bold;*/
				color: #004693;
			}
			.m-news .tabs .line,.page-industry .tabs .line{
				position: absolute;
				left: 0;
				bottom: -0.111vw;
				width: 5vw;
				height: 0.222vw;
				border-radius: 0.111vw;
				background-color:#004693 ;
				transition: .5s;
			}
			.m-news .g-pages a{
				background-image: url(../images/index/newpage.png);
			}
			.m-news .g-pages .on a{
				background-image: url(../images/people/pic-p-bg.png);
			}
		}
		
		@media only screen and (max-width: 950px){
			.m-news{padding-bottom: 30px;}
			.m-news .ul-news .date{
				width: auto;
				float: none;
				font-size: 13px;
			}
			.m-news .box,.page-industry .box{
				padding: 0 20px;
			}
			
			.m-news .tabs,.page-industry .tabs{
				padding-bottom: 0px;
				margin-bottom: 0px;
				padding-top: 50px;
				height: 50px;
			}
			.m-news .tabs .tab,.page-industry .tabs .tab{
				font-size: 17px;
				margin-right: 5px;
				height: 50px;
				line-height: 50px;
			}
			.m-news .ul-news{margin-bottom: 30px;}
			.m-news .ul-news .txts{
				width: 100%;
			}
			.ul-news .txt{
				min-height: auto;
			}
			.m-news .tabs .line{
				width: 72px;
			}
			.ul-news li:hover .pic{
				display: none;
			}
			.m-news .ul-news .txt.txtof2{-webkit-line-clamp:3}
		}
		
		
		
		
		
		
		
		
		
		
		/* 产品详情-开始 */
		.main.htover::before{
			content: '';
			display: table;
			clear: both;
		}
		.m-prodetial{margin-top: -240px; padding-bottom: 120px;}
		
		.m-prodetial .fl{
			width: 620px;
			position: absolute;
			left: 0;
			bottom: 0;
			float: none;
		}
		.m-prodetial .fr{
			width: 720px;
			float: right;
		}
		.m-prodetial .prodetail {
			position: relative;
			margin-bottom: 80px;
		}
		.m-prodetial .prodetail .comeback{
			font-size: 15px;
			overflow: hidden;
		}
		.m-prodetial .prodetail .comeback .icon{
			background: url(../images/newadd/icon3.png) no-repeat;
			width: 98px;
			height: 95px;
			background-size: 100%;
			float: left;
		}
		.m-prodetial .prodetail span{
			overflow: hidden;
			line-height: 95px;
		}
		.m-prodetial .box1 .tab{margin-bottom: 30px;}
		.m-prodetial .box1 .tab .pic{
			width: 100%;
			height: 415px;
			overflow: hidden;
		}
		
		.m-prodetial .box1 ul{
			margin: 0 -10px;
			overflow: hidden;
		}
		.m-prodetial .box1 li{
			float: left;
			width: 33.333%;
		}
		.m-prodetial .box1 .con{
			margin: 0 10px;
			cursor: pointer;
		}
		.m-prodetial .box1 .con .pic{
			height: 134px;
			width: 100%;
			overflow: hidden;
			position: relative;
		}
		.m-prodetial .box1 .con .pic:hover img,
		.m-prodetial .box1 .tab .pic:hover img{
			transform: scale(1.1);
		}
		.m-prodetial .box1 .con .pic img,
		.m-prodetial .box1 .tab .pic img{
			width: 100%;
			min-height: 100%;
			vertical-align: middle;
			transition: .5s;
		}
		.m-prodetial .box1 .con .add{
			position: absolute;
			left: 10px;
			top: 10px;
			right: 10px;
			bottom: 10px;
			background-color: rgba(0,70,147,.5);
			opacity: 0;
			transition: .5s;
		}
		.m-prodetial .box1 .on .con .add{
			opacity:1;
		}
		.m-prodetial .box1 .con .add .icon{
			background: url(../images/newadd/icon4.png) no-repeat;
			width: 25px;
			height: 25px;
			background-size: 100%;
			position: absolute;
		}
		
		
		.m-prodetial .box2{
			
		}
		.m-prodetial .box2 li{
			margin-bottom: 50px;
		}
		.m-prodetial .box2 li:last-of-type{margin-bottom: 0;}
		.m-prodetial .box2 .con{
			min-height: 430px;
			width: 100%;
			box-sizing: border-box;
			padding: 55px 75px;
			background-color: #fff;
			box-shadow: 0 0 20px rgba(0,0,0,.1);
			transition: .5s;
		}
		.m-prodetial .box2 .con:hover{
			background-color: #004693;
			transform: scale(1.1);
		}
		.m-prodetial .box2 .con:hover .tit,
		.m-prodetial .box2 .con:hover .info,
		.m-prodetial .box2 .con:hover .desc,
		.m-prodetial .box2 .con:hover .list{color: #fff;}
		.m-prodetial .box2 .con .tit{
			font-size: 34px;
			color: #004693;
			margin-bottom: 20px;
			font-weight: bold;
			transition: .5s;
		}
		.m-prodetial .box2 .con .info{
			font-size: 17px;
			font-weight: bold;
			margin-bottom: 40px;
			transition: .5s;
		}
		.m-prodetial .box2 .con .desc{
			font-size: 18px;
			line-height: 1.8;
			transition: .5s;
		}
		.m-prodetial .box2 .con .list{
			font-size: 18px;
			line-height: 2.3;
			transition: .5s;
		}
		.m-cur.fff{
			padding-bottom: 35px;
		}
		.m-cur.fff a{
			color: #999;
		} 
		.m-cur.fff .und{
			color: #999;
		}
		.m-prodetial .prodt-desc{
			box-shadow: 0 0 20px rgba(0,0,0,.1);
		}
		.m-prodetial .prodt-desc .tit{
			padding-top: 45px;
			font-size: 40px;
			color: #333;
			padding-left: 60px;
			background: none !important;
			
		}
		.m-prodetial .prodt-desc .txt{
			padding: 40px 60px 40px;
			font-size: 15px;
			line-height: 2.2;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
		}
		.m-prodetial .prodt-desc .txt .proItem{position: relative;width: 20%;padding: 0 5px;margin-bottom: 10px;box-sizing: border-box;}
		
		/*.m-prodetial .prodt-desc .txt div::before{
			content: '';
			position: absolute;
			left: 0;
			top: 14px;
			width: 6px;
			height: 6px;
			background-color: #000;
			border-radius: 50%;
		}*/
		.m-prodetial .prodt-desc .txt .proItem a{
			position: relative; 
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 5px;
			box-sizing: border-box;
			width: 100%;
			height: 65px;
			line-height: 28px;
			text-align: center;
			font-size: 18px;
			color: #333;
			border-radius: 5px;
			border: 1px solid #e5e5e5;
		}
		.m-prodetial .prodt-desc .txt .proItem a:hover{
			border: 1px solid #004a9f;
		    background: #004a9f;
		    color: #fff;
		}
		/*.m-prodetial .prodt-desc .txt a:hover::after{
			right: 0;
		}
		.m-prodetial .prodt-desc .txt a::after{
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			right: 100%;
			border-bottom: 1px solid #004693;
			transition: .5s;
		}*/
		.m-ban-tit .tits{}
		.m-ban-tit .tits .tit{
			font-size: 28px;
			margin-bottom: 35px;
			color: #222;
		}
		.m-ban-tit .tits .info{
			margin-bottom: 15px;
			font-size: 40px;
			color: #333;
		}
		.m-ban-tit .tits .desc{
			font-size: 18px;
			color: #333;
		}
		@media only screen and (min-width: 950px) and (max-width: 1800px) {
			.main.htover::before{
				content: '';
				display: table;
				clear: both;
			}
			.m-prodetial{margin-top: -13.33vw; padding-bottom: 6.666vw;}
			
			.m-prodetial .fl{
				width: 34.44vw;
				position: absolute;
				left: 0;
				bottom: 0;
				float: none;
			}
			.m-prodetial .fr{
				width: 40vw;
				float: right;
			}
			.m-prodetial .prodetail {
				position: relative;
				margin-bottom: 4.444vw;
			}
			.m-prodetial .prodetail .comeback{
				font-size: 0.833vw;
				overflow: hidden;
			}
			.m-prodetial .prodetail .comeback .icon{
				background: url(../images/newadd/icon3.png) no-repeat;
				width: 5.444vw;
				height: 5.277vw;
				background-size: 100%;
				float: left;
			}
			.m-prodetial .prodetail span{
				overflow: hidden;
				line-height: 5.277vw;
			}
			.m-prodetial .box1 .tab{margin-bottom: 1.666vw;}
			.m-prodetial .box1 .tab .pic{
				width: 100%;
				height: 23.05vw;
				overflow: hidden;
			}
			
			.m-prodetial .box1 ul{
				margin: 0 -0.555vw;
				overflow: hidden;
			}
			.m-prodetial .box1 li{
				float: left;
				width: 33.333%;
			}
			.m-prodetial .box1 .con{
				margin: 0 0.555vw;
				cursor: pointer;
			}
			.m-prodetial .box1 .con .pic{
				height: 7.444vw;
				width: 100%;
				overflow: hidden;
				position: relative;
			}
			.m-prodetial .box1 .con .pic:hover img,
			.m-prodetial .box1 .tab .pic:hover img{
				transform: scale(1.1);
			}
			.m-prodetial .box1 .con .pic img,
			.m-prodetial .box1 .tab .pic img{
				width: 100%;
				min-height: 100%;
				vertical-align: middle;
				transition: .5s;
			}
			.m-prodetial .box1 .con .add{
				position: absolute;
				left: 0.555vw;
				top: 0.555vw;
				right: 0.555vw;
				bottom: 0.555vw;
				background-color: rgba(0,70,147,.5);
				opacity: 0;
				transition: .5s;
			}
			.m-prodetial .box1 .on .con .add{
				opacity:1;
			}
			.m-prodetial .box1 .con .add .icon{
				background: url(../images/newadd/icon4.png) no-repeat;
				width: 1.388vw;
				height: 1.388vw;
				background-size: 100%;
				position: absolute;
			}
			
			
			.m-prodetial .box2{
				
			}
			.m-prodetial .box2 li{
				margin-bottom: 2.777vw;
			}
			.m-prodetial .box2 li:last-of-type{margin-bottom: 0;}
			.m-prodetial .box2 .con{
				min-height: 23.88vw;
				width: 100%;
				box-sizing: border-box;
				padding: 3.055vw 4.166vw;
				background-color: #fff;
				box-shadow: 0 0 1.111vw rgba(0,0,0,.1);
				transition: .5s;
			}
			.m-prodetial .box2 .con:hover{
				background-color: #004693;
				transform: scale(1.1);
			}
			.m-prodetial .box2 .con:hover .tit,
			.m-prodetial .box2 .con:hover .info,
			.m-prodetial .box2 .con:hover .desc,
			.m-prodetial .box2 .con:hover .list{color: #fff;}
			.m-prodetial .box2 .con .tit{
				font-size: 1.888vw;
				color: #004693;
				margin-bottom: 1.111vw;
				font-weight: bold;
				transition: .5s;
			}
			.m-prodetial .box2 .con .info{
				font-size: 1.4944vw;
				font-weight: bold;
				margin-bottom: 2.222vw;
				transition: .5s;
			}
			.m-prodetial .box2 .con .desc{
				font-size: 0.888vw;
				line-height: 1.8;
				transition: .5s;
			}
			.m-prodetial .box2 .con .list{
				font-size: 1vw;
				line-height: 2.3;
				transition: .5s;
			}
			.m-cur.fff{
				padding-bottom: 1.944vw;
			}
			.m-cur.fff a{
				color: #999;
			} 
			.m-cur.fff .und{
				color: #999;
			}
			.m-prodetial .prodt-desc{
				padding: 0;;
				border: none;
				
			}
			.m-prodetial .prodt-desc .tit{
				padding-top: 2.34375vw;
				font-size: 2.083333vw;
				padding-left: 3.125vw;
			}
			.m-prodetial .prodt-desc .txt{
				padding: 2.083333vw 3.125vw 2.083333vw;
				font-size: 0.833vw;
				line-height: 2.2;
			}
			.m-prodetial .prodt-desc .txt .proItem{position: relative;}
			.m-prodetial .prodt-desc .txt .proItem a{
				font-size: 0.9375vw;
				line-height: 1.1vw;
				height: 3.385416vw;
			}
			.m-ban-tit .tits{}
			.m-ban-tit .tits .tit{
				margin-bottom: 1.944vw;
				font-size:1.40625vw;
			}
			.m-ban-tit .tits .info{
				margin-bottom: 0.833vw;
				font-size:1.041666vw;
			}
			.m-ban-tit .tits .info{
				font-size: 2.0vw;
			}
		}
		
		@media only screen and (max-width: 950px) {
			.m-ban-tit .tits .tit{
				font-size: 24px;
				margin-bottom: 0;
			}
			.m-ban-tit .tits .info{
				font-size: 18px;
				margin-bottom: 0;
			}
			.m-ban-tit .tits .desc{
				font-size: 14px;
			}
			.m-prodetial .prodetail .comeback .icon{
				width: 40px;
				height: 40px;
			}
			.m-cur.fff{padding-bottom:30px;}
			.m-cur.fff a{
				color: #000;
			}
			.m-prodetial{padding-bottom: 30px;}
			.m-prodetial .prodetail span{line-height: 35px;}
			.m-prodetial{margin-top: 0;}
			.m-prodetial .fl{
				position: static;
				width: 100%;
				margin: 0 auto;
			}
			
			.m-prodetial .fr{width: 100%;}
			.m-prodetial .box1{
				margin-bottom: 5.285vw;
			}
			.m-prodetial .box2 li{
				margin-bottom: 20px;
			}
			.m-prodetial .box2 .con{
				padding: 20px;
				min-height: auto;
			}
			.m-prodetial .box2 .con .tit{
				font-size: 18px;
				margin-bottom: 10px;
			}
			.m-prodetial .box2 .con .info{
				font-size: 18px;
				margin-bottom: 10px;
			}
			.m-prodetial .box2 .con .desc{font-size: 18px;}
			.m-prodetial .box2 .con:hover {
			    transform: scale(1.05);
			}
			.m-prodetial .box2 .con .list{
				font-size: 18px;
			}
			.m-prodetial .prodetail{
				margin-bottom: 20px;
				padding-top: 0;
			}
			.m-prodetial .prodt-desc .tit{
				padding-left: 20px;
				font-size: 18px;
			}
			.m-prodetial .prodt-desc .txt{
				padding: 20px;
				font-size: 18px;
			}
			.m-prodetial .prodt-desc .txt p::before{transform: translateY(-50%);}
			.m-prodetial .prodt-desc .txt .proItem{
				width: 50%;
			}
			.m-prodetial .prodt-desc .txt .proItem a{
				font-size: 14px;
				line-height: 20px;
				height: 45px;
			}
		}
		@media only screen and (max-width: 700px) {
			.m-prodetial .prodetail{
				padding-top: 90px;
			}
			.m-prodetial .prodetail .m-ban-tit{
				top: 20px;
			}
			.m-prodetial .box1 .tab{margin-bottom: 4.285vw;}
			.m-prodetial .box1 .tab .pic{
				height: 59.28vw;
			}
			.m-prodetial .box1 ul{
				margin: 0 -1.428vw;
			}
			.m-prodetial .box1 .con{
				margin: 0 1.428vw;
			}
			.m-prodetial .box1 .con .pic{
				height: 19.14vw;
			}
			.m-prodetial .box1 .con .add{
				left: 1.428vw;
				top: 1.428vw;
				right: 1.428vw;
				bottom: 1.428vw;
			}
			.m-prodetial .box1 .con .add .icon{
				width: 3.571vw;
				height: 3.571vw;
			}
			.m-prodetial .prodt-desc .txt .proItem{
				width: 100%;
			}
			.m-prodetial .prodt-desc .txt .proItem a{
				font-size: 14px;
				line-height: 20px;
				height: 45px;
			}
			
		}
		/* 产品详情-结束 */
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/* 产品中心-开始 */
		
		.m-procenter{
		}
		.m-procenter .center{
			position: relative;
			min-height: 770px;
			padding-bottom: 110px;
		}
		.m-procenter .on .tabs{ transform: scale(1); opacity: 1;}
		.m-procenter .tabs{
			font-size: 19px;
			float: left;
			text-align: right;
			font-weight: bold;
			position: absolute;
			top: 60px;
			left: -600px;
			opacity: 0;
			transform: scale(0);
			transition: opacity 1s;
		}
		/* .m-procenter .tabinfo .tit::before{
			content: '';
			width: 0;
			height: 3px;
			background-color: #e4e4e4;
			position: absolute;
			left: -40px;
			bottom: 5px;
			transform: translateX(-100%);
			transition: .5s;
		}
		.m-procenter .tabinfo .on .tit::before{
			width: 340px;
		} */
		.m-procenter .tabs::before{
			content: '';
			width: 0;
			height: 3px;
			background-color: #e4e4e4;
			position: absolute;
			right: -380px;
			top: 13px;
			/* transform: translateX(100%); */
			transition: 1s;
		}
		.m-procenter .on .tabs::before{
			width: 340px;
		}
		.m-procenter .tabs .line{
			width: 15px;
			height: 5px;
			display: inline-block;
			line-height: 20px;
		}
		.m-procenter .tabs .tab{
			position: relative; 
			padding-right: 70px;
			margin-bottom: 25px;
			transition: .5s;
			cursor: pointer;
		}
		.m-procenter .tabs .tab:hover,
		.m-procenter .tabs .tab.on{
			color: #004693;
		}
		.m-procenter .tabs .tab:hover::after,
		.m-procenter .tabs .tab.on::after{
			background-color: #004693;
			width: 50px;
		}
		.m-procenter .tabs .tab::after{
			content: '';
			width: 15px;
			height: 3px;
			background-color: #bfbfbf;
			position: absolute;
			right: 0;
			top: 13px;
			transition: .5s;
		}
		
		.m-procenter .bgimg{
			background: url(../images/newadd/yuan2.png) no-repeat;
			background-size: 100%;
			width: 770px;
			height: 770px;
			position: absolute;
		}
		@keyframes rotate{
			from{transform: rotateZ(0deg);}
			to{transform: rotateZ(360deg);}
		}
		@keyframes scale{
			from{transform: scale(1) ;}
			to{transform: scale(1.1) ;}
		}
		.m-procenter .yuan1{
			position: absolute;
			width: 671px;
			height: 672px;
		}
		.m-procenter .yuan2{
			position: absolute;
			width: 100%;
			height: 100%;
		}
		.m-procenter .yuan2::before{
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			border: 1px solid #f1f1f1;
			border-radius: 50%;
			animation: scale 2s infinite;
		}
		.m-procenter .yuan1::before{
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			background: url(../images/newadd/yuan1.png) no-repeat;
			background-size: 100%;
			animation: rotate 5s infinite linear;
		}
		
		.m-procenter .tabinfo{
			padding-top: 216px;
			padding-right: 640px;
			float: right;
			
		}
		.m-procenter .tabinfo{
			font-size: 34px;
			font-weight: bold;
		}
		.m-procenter .tabinfo ul{
			padding-bottom: 110px;
		}
		.m-procenter .tabinfo li{
			/* margin-bottom: 20px; */
			transition: .5s;
		}
		.m-procenter .tabinfo .con:hover .tit{color: #000;}
		.m-procenter .tabinfo .con{
			position: relative;
			cursor: pointer;
		}
		.m-procenter .tabinfo .pic{
			width: 600px;
			height: 300px;
			overflow: hidden;
			position: absolute;
			left: 240px;
			top: 5px;
			opacity: 0;
			transition: .5s;
		}
		.m-procenter .tabinfo .pic:hover{
			transform: scale(1.1);
		}
		.m-procenter .tabinfo .pic img{
			width: 100%;
			height: 100%;
		}
		.m-procenter .tabinfo .tit{
			/* overflow: hidden; */
			color: #999;
			position: relative;
			transition: .5s;
			padding-bottom: 30px;
			width: 200px;
		}
		.m-procenter .tabinfo .tit a{
			color: #999;
		}
		.m-procenter .tabinfo .tit::after{
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 0;
			height: 9px;
			background-color: #000;
			transition: .5s;
		}
		.m-procenter .tabinfo .on .pic{opacity: 1;}
		.m-procenter .tabinfo li.on{margin-bottom: 100px;}
		.m-procenter .tabinfo .on:last-of-type{margin-bottom: 0;}
		.m-procenter .tabinfo .on .tit{
			color: #000;
		}
		.m-procenter .tabinfo .on .tit a{
			color: #000;
		}
		.m-procenter .tabinfo .on .tit::after{
			width: 50px;
		}
		
		
		
		@media only screen and (min-width: 950px) and (max-width: 1800px) {
			.m-procenter{
			}
			.m-procenter .center{
				position: relative;
				min-height: 42.77vw;
				padding-bottom: 6.111vw;
			}
			.m-procenter .on .tabs{ transform: scale(1); opacity: 1;}
			.m-procenter .tabs{
				font-size: 1.055vw;
				float: left;
				text-align: right;
				font-weight: bold;
				position: absolute;
				top: 3.333vw;
				left: -33.33vw;
				opacity: 0;
				transform: scale(0);
				transition: opacity 1s;
			}
			/* .m-procenter .tabinfo .tit::before{
				content: '';
				width: 0;
				height: 0.166vw;
				background-color: #e4e4e4;
				position: absolute;
				left: -2.222vw;
				bottom: 0.277vw;
				transform: translateX(-100%);
				transition: .5s;
			}
			.m-procenter .tabinfo .on .tit::before{
				width: 18.88vw;
			} */
			.m-procenter .tabs::before{
				content: '';
				width: 0;
				height: 0.166vw;
				background-color: #e4e4e4;
				position: absolute;
				right: -21.11vw;
				top: 0.722vw;
				/* transform: translateX(100%); */
				transition: 1s;
			}
			.m-procenter .on .tabs::before{
				width: 18.88vw;
			}
			.m-procenter .tabs .line{
				width: 0.833vw;
				height: 0.277vw;
				display: inline-block;
				line-height: 1.111vw;
			}
			.m-procenter .tabs .tab{
				position: relative; 
				padding-right: 3.888vw;
				margin-bottom: 1.388vw;
				transition: .5s;
				cursor: pointer;
			}
			.m-procenter .tabs .tab:hover,
			.m-procenter .tabs .tab.on{
				color: #004693;
			}
			.m-procenter .tabs .tab:hover::after,
			.m-procenter .tabs .tab.on::after{
				background-color: #004693;
				width: 2.777vw;
			}
			.m-procenter .tabs .tab::after{
				content: '';
				width: 0.833vw;
				height: 0.166vw;
				background-color: #bfbfbf;
				position: absolute;
				right: 0;
				top: 0.722vw;
				transition: .5s;
			}
			
			.m-procenter .bgimg{
				background: url(../images/newadd/yuan2.png) no-repeat;
				background-size: 100%;
				width: 42.77vw;
				height: 42.77vw;
				position: absolute;
			}
			@keyframes rotate{
				from{transform: rotateZ(0deg);}
				to{transform: rotateZ(360deg);}
			}
			@keyframes scale{
				from{transform: scale(1) ;}
				to{transform: scale(1.1) ;}
			}
			.m-procenter .yuan1{
				position: absolute;
				width: 37.27vw;
				height: 37.33vw;
			}
			.m-procenter .yuan2{
				position: absolute;
				width: 100%;
				height: 100%;
			}
			.m-procenter .yuan2::before{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				border: 1px solid #f1f1f1;
				border-radius: 50%;
				animation: scale 2s infinite;
			}
			.m-procenter .yuan1::before{
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				background: url(../images/newadd/yuan1.png) no-repeat;
				background-size: 100%;
				animation: rotate 5s infinite linear;
			}
			
			.m-procenter .tabinfo{
				padding-top: 12vw;
				padding-right: 35.55vw;
				float: right;
				
			}
			.m-procenter .tabinfo{
				font-size: 1.888vw;
				font-weight: bold;
			}
			.m-procenter .tabinfo ul{
				padding-bottom: 6.111vw;
			}
			.m-procenter .tabinfo li{
				/* margin-bottom: 1.111vw; */
				transition: .5s;
			}
			.m-procenter .tabinfo .con:hover .tit{color: #000;}
			.m-procenter .tabinfo .con{
				position: relative;
				cursor: pointer;
			}
			.m-procenter .tabinfo .pic{
				width: 33.33vw;
				height: 16.66vw;
				overflow: hidden;
				position: absolute;
				left: 13.33vw;
				top: 0.277vw;
				opacity: 0;
				transition: .5s;
			}
			.m-procenter .tabinfo .pic:hover{
				transform: scale(1.1);
			}
			.m-procenter .tabinfo .pic img{
				width: 100%;
				height: 100%;
			}
			.m-procenter .tabinfo .tit{
				/* overflow: hidden; */
				color: #999;
				position: relative;
				transition: .5s;
				padding-bottom: 1.666vw;
				width: 11.11vw;
			}
			.m-procenter .tabinfo .tit::after{
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				width: 0;
				height: 0.5vw;
				background-color: #000;
				transition: .5s;
			}
			.m-procenter .tabinfo .on .pic{opacity: 1;}
			.m-procenter .tabinfo li.on{margin-bottom: 5.555vw;}
			.m-procenter .tabinfo .on:last-of-type{margin-bottom: 0;}
			.m-procenter .tabinfo .on .tit{
				color: #000;
			}
			.m-procenter .tabinfo .on .tit::after{
				width: 2.777vw;
			}
		}
		
		
		
		
		@media only screen and (max-width: 950px) {
			.m-procenter .bgimg{
				width: 81.05vw;
				height: 81.05vw;
			}
			.m-procenter .yuan1{
				width: 70.63vw;
				height: 70.73vw;
			}
			.m-procenter .tabs::before{display: none;}
			.m-procenter .on .tabs{
				display: block;
			}
			.m-procenter .tabs{
				float: none;
				text-align: left;
				overflow: hidden;
				padding-top: 0;
				margin-bottom: 30px;
				position: static;
				transform: none;
				opacity: 1;
				display: none;
			}
			.m-procenter .tabs .tab{
				padding-right: 0;
				margin-right: 20px;
				margin-bottom: 0;
				font-size: 16px;
				line-height: 2;
			}
			.m-procenter .center{min-height: auto;padding-bottom: 0;}
			.m-procenter .tabs .tab::before,
			.m-procenter .tabs .tab::after{
				display: none;
			}
			.m-procenter .tabinfo{padding: 0; float: none;}
			.m-procenter .tabinfo li .on{padding: 5px 0;}
			.m-procenter .tabinfo li.on{margin-bottom: 20px;}
			.m-procenter .tabinfo .pic{position: static; height: 0;width: 100%; margin-bottom: 10px;}
			.m-procenter .tabinfo .on .pic{height: auto;}
			.m-procenter .tabinfo .tit{font-size: 18px; padding-bottom: 5px; margin-bottom: 20px;}
			.m-procenter .tabinfo .tit::after{height: 2px;}
			.m-procenter .tabinfo ul{padding-bottom: 20px;}
		}
		
		/* 产品中心-结束 */
		
		
		
		
		
		/* 产品-开始 */
		.m-pro{margin-bottom: 50px;}
		.m-pro .m-cur{
			margin-bottom: 60px;
		}
		.main{background-color: #fff;}
		
		.g-tit-pro{
			position: relative;
			margin-bottom: 30px;
		}
		.g-tit-pro .tit{
			font-size: 28px;
			margin-bottom: 20px;
		}
		.g-tit-pro .info{
			font-size: 18px;
		}
		.g-tit-pro .goblack{
			position: absolute;
			right: 0;
			top: 10px;
			font-size: 19px;
			font-weight: bold;
			line-height: 1;
			display: block;
		}
		.g-tit-pro .goblack::before{
			content: '';
			background: url(../images/newadd/icon2.png) no-repeat;
			background-size: 16px;
			width: 16px;
			height: 21px;
			position: absolute;
			left: -27px;
			top: 0;
		}
		.m-pro .pic{
			width: 100%;
		}
		
		
		.m-prodesc{
			overflow: hidden;
			height: 400px;
			margin-bottom: 50px;
		}
		.m-prodesc .pic{
			float: left;
			width: 600px;
			height: 400px;
			overflow: hidden;
		}
		.m-prodesc .pic:hover img{transform: scale(1.1);}
		.m-prodesc .pic img{
			width: 100%;
			height: 100%;
			transition: .5s;
		}
		.m-prodesc .txt{
			border: 1px solid #e6e6e6;
			padding: 100px 110px 0;
			overflow: hidden;
			height: 100%;
			box-sizing: border-box;
		}
		.g-subtit-pro{
			font-size: 23px;
			font-weight: bold;
		}
		.g-subtit-pro::before,
		.g-subtit-pro::after{
			content: '';
			width: 3px;
			height: 24px;
			background-color: #004693;
			display: inline-block;
			transform: translateY(3px);
		}
		.g-subtit-pro::before{margin-right: 10px;}
		.g-subtit-pro::after{margin-left: 10px;}
		.m-prodesc .g-subtit-pro{
			margin-bottom: 40px;
		}
		.m-prodesc .info{
			font-size: 18px;
			color: #666666;
			line-height: 1.8;
		}
		
		
		
		.m-proinfo{
			padding-bottom: 100px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 93px;
		}
		.m-proinfo .g-subtit-pro{
			margin-bottom: 15px;
		}
		.m-proinfo .infos{
			height: 290px;
			overflow: hidden;
		}
		.m-proinfo .infos>.tit{
			width: 80px;
			margin-right: 10px;
			background-color: #004693;
			text-align: center;
			color: #fff;
			height: 100%;
			font-size: 17px;
			float: left;
		}
		.m-proinfo .infos>.tit span{
			display: inline-block;
			width: 1em;
			line-height: 2;
		}
		.m-proinfo ul{
			overflow: hidden;
			margin: 0 -5px;
			width: calc(100% - 90px);
			float: left;
			height: 100%;
		}
		.m-proinfo ul li{
			width: 33.33%;
			float: left;
			height: 100%;
		}
		.m-proinfo .con{
			margin: 0 5px;
			height: 100%;
		}
		.m-proinfo .con .tit{
			background-color: #eee;
			font-size: 18px;
			color: #000;
			height: 60px;
			line-height: 60px;
			font-weight: bold;
			text-align: center;
			letter-spacing: 6px;
		}
		.m-proinfo .con .info{
			font-size: 15px;
			text-align: center;
			padding: 20px;
			border: 1px solid #e0e0e0;
			box-sizing: border-box;
			height: calc(100% - 60px);
		}
		
		.m-prolingyu{
			padding-bottom: 205px;
		}
		.m-prolingyu .g-subtit-pro{
			margin-bottom: 46px;
		}
		.m-prolingyu ul {
			overflow: hidden;
			margin: 0 -5px;
		}
		.m-prolingyu ul li{
			float: left;
			width: 25%;
			
		}
		.m-prolingyu .con{
			margin: 0 5px;
		}
		.m-prolingyu .pic{
			width: 100%;
			height: 250px;
			overflow: hidden;
		}
		.m-prolingyu .pic:hover img{transform: scale(1.1);}
		.m-prolingyu .pic img{
			width: 100%;
			height: 100%;
			transition: .5s;
		}
		.m-prolingyu .info{
			font-size: 15px;
			padding: 15px 0;
		}
		.m-ban.pro{
			
		}
		.m-ban-tit .icon{
			background: url(../images/newadd/icon1.png) no-repeat;
			background-size: 100%;
			width: 54px;
			height: 51px;
			margin-top: 50px;
			display: inline-block;
		}
		
		@media only screen and (min-width: 950px) and (max-width: 1800px) {
			.m-pro{margin-bottom: 2.777vw;}
			.m-pro .m-cur{
				margin-bottom: 3.333vw;
			}
			.main{background-color: #fff;}
			
			.g-tit-pro{
				position: relative;
				margin-bottom: 1.666vw;
			}
			.g-tit-pro .tit{
				font-size: 1.555vw;
				margin-bottom: 1.111vw;
			}
			.g-tit-pro .info{
				font-size: 0.888vw;
			}
			.g-tit-pro .goblack{
				position: absolute;
				right: 0;
				top: 0.555vw;
				font-size: 1.055vw;
				font-weight: bold;
				line-height: 1;
			}
			.g-tit-pro .goblack::before{
				content: '';
				background: url(../images/newadd/icon2.png) no-repeat;
				background-size: 0.888vw;
				width: 0.888vw;
				height: 1.166vw;
				position: absolute;
				left: -1.5vw;
				top: 0;
			}
			.m-pro .pic{
				width: 100%;
			}
			
			
			.m-prodesc{
				overflow: hidden;
				height: 22.22vw;
				margin-bottom: 2.777vw;
			}
			.m-prodesc .pic{
				float: left;
				width: 33.33vw;
				height: 22.22vw;
				overflow: hidden;
			}
			.m-prodesc .pic:hover img{transform: scale(1.1);}
			.m-prodesc .pic img{
				width: 100%;
				height: 100%;
				transition: .5s;
			}
			.m-prodesc .txt{
				border: 1px solid #e6e6e6;
				padding: 5.555vw 6.111vw 0;
				overflow: hidden;
				height: 100%;
				box-sizing: border-box;
			}
			.g-subtit-pro{
				font-size: 1.277vw;
				font-weight: bold;
			}
			.g-subtit-pro::before,
			.g-subtit-pro::after{
				content: '';
				width: 0.166vw;
				height: 1.333vw;
				background-color: #004693;
				display: inline-block;
				transform: translateY(0.166vw);
			}
			.g-subtit-pro::before{margin-right: 0.555vw;}
			.g-subtit-pro::after{margin-left: 0.555vw;}
			.m-prodesc .g-subtit-pro{
				margin-bottom: 2.222vw;
			}
			.m-prodesc .info{
				font-size: 0.888vw;
				color: #666666;
				line-height: 1.8;
			}
			
			
			
			.m-proinfo{
				padding-bottom: 5.555vw;
				border-bottom: 1px solid #ccc;
				margin-bottom: 5.166vw;
			}
			.m-proinfo .g-subtit-pro{
				margin-bottom: 0.833vw;
			}
			.m-proinfo .infos{
				height: 16.11vw;
				overflow: hidden;
			}
			.m-proinfo .infos>.tit{
				width: 4.444vw;
				margin-right: 0.555vw;
				background-color: #004693;
				text-align: center;
				color: #fff;
				height: 100%;
				font-size: 0.944vw;
				float: left;
			}
			.m-proinfo .infos>.tit span{
				display: inline-block;
				width: 1em;
				line-height: 2;
			}
			.m-proinfo ul{
				overflow: hidden;
				margin: 0 -0.277vw;
				width: calc(100% - 5vw);
				float: left;
				height: 100%;
			}
			.m-proinfo ul li{
				width: 33.33%;
				float: left;
				height: 100%;
			}
			.m-proinfo .con{
				margin: 0 0.277vw;
				height: 100%;
			}
			.m-proinfo .con .tit{
				background-color: #eee;
				font-size: 1vw;
				color: #000;
				height: 3.333vw;
				line-height: 3.333vw;
				font-weight: bold;
				text-align: center;
				letter-spacing: 0.333vw;
			}
			.m-proinfo .con .info{
				font-size: 0.833vw;
				text-align: center;
				padding: 1.111vw;
				border: 1px solid #e0e0e0;
				box-sizing: border-box;
				height: calc(100% - 3.333vw);
			}
			
			.m-prolingyu{
				padding-bottom: 11.38vw;
			}
			.m-prolingyu .g-subtit-pro{
				margin-bottom: 2.555vw;
			}
			.m-prolingyu ul {
				overflow: hidden;
				margin: 0 -0.277vw;
			}
			.m-prolingyu ul li{
				float: left;
				width: 25%;
				
			}
			.m-prolingyu .con{
				margin: 0 0.277vw;
			}
			.m-prolingyu .pic{
				width: 100%;
				height: 13.88vw;
				overflow: hidden;
			}
			.m-prolingyu .pic:hover img{transform: scale(1.1);}
			.m-prolingyu .pic img{
				width: 100%;
				height: 100%;
				transition: .5s;
			}
			.m-prolingyu .info{
				font-size: 0.833vw;
				padding: 0.833vw 0;
			}
			.m-ban.pro{
				
			}
			.m-ban-tit .icon{
				background: url(../images/newadd/icon1.png) no-repeat;
				background-size: 100%;
				width: 3vw;
				height: 2.833vw;
				margin-top: 2.777vw;
				display: inline-block;
			}
		}
		
		@media only screen and (max-width: 950px){
			.m-ban-tit .icon{width: 20px;height: 19px;margin-top: 10px;}
			.m-pro .m-cur{margin-bottom: 0;}
			.g-tit-pro .tit{
				font-size: 18px;
			}
			.g-tit-pro .goblack{font-size: 15px;}
			.g-tit-pro .goblack::before{width: 12px;height: 15px;background-size: 100%; left: -18px;}
			.g-tit-pro .info{font-size: 18px;}
			.g-tit-pro{margin-bottom: 10px;}
			.m-pro{margin-bottom: 20px;}
			.m-prodesc .pic{float: none; width: 100%; height: auto;}
			.m-prodesc{
				height: auto;
			}
			.m-prodesc .txt{
				padding: 20px;
			}
			.g-subtit-pro{
				font-size: 18px;
			}
			.g-subtit-pro::before, .g-subtit-pro::after{height: 16px;transform: translateY(2px);}
			.m-prodesc .g-subtit-pro{margin-bottom: 10px;}
			.m-prodesc .info{font-size: 18px;line-height: 1.5;}
			.m-prodesc{
				margin-bottom: 30px;
			}
			
			.m-proinfo{
				padding-bottom: 30px;
				margin-bottom: 30px;
			}
			.m-proinfo .con .tit,
			.m-proinfo .infos>.tit{font-size: 18px;}
			.m-proinfo .con .info .mid-h,
			.m-proinfo .infos>.tit .mid-h{transform: translateY(-50%);}
			.m-proinfo .con .info{font-size: 18px;}
			.m-prolingyu{
				padding-bottom: 20px;
			}
			.m-prolingyu .g-subtit-pro{
				margin-bottom: 20px;
			}
			.m-prolingyu ul li{
				width: 50%;
			}
			.m-prolingyu .info{text-align: center;}
			.m-prolingyu .pic{
				/* width: 46.31vw; */
				height: 32.73vw;
			}
		}
		@media only screen and (max-width: 600px){
			
			.m-proinfo .infos{height: auto;}
			.m-proinfo .infos>.tit{
				float: none;
				width: 100%;
				padding: 10px 20px;
				box-sizing: border-box;
				margin-bottom: 10px;
				
			}
			.m-proinfo .infos>.tit span{width: 100%;}
			.m-proinfo .con .info .mid-h,
			.m-proinfo .infos>.tit .mid-h{transform:none;}
			.m-proinfo ul{margin: 0;width: 100%;}
			.m-proinfo ul li{
				float: none;
				width: 100%;
			}
			.m-proinfo .con{margin: 0;}
			.m-proinfo .con .tit{
				font-size: 15px;
				height: auto;
				line-height: 1.5;
				padding: 5px;
			}
			.m-proinfo .con .info{
				padding: 10px;
			}
			.m-prolingyu .info{
				padding: 5px;
			}
			.m-prolingyu ul li{margin-bottom: 10px;}
		}
		/* 产品-结束 */
		
		
		
		
		
		
		/* 产品二级详情 */
		.m-prodetial.prosub{
			margin-top: 0;
		}
		.g-tit-pro .tabs{overflow: hidden; margin: 0 -25px;}
		.g-tit-pro .tabs li{
			float: left;
			font-size: 17px;
			margin: 0 25px;
			
			position: relative;
			cursor: pointer;
			color: #999;
			font-weight: bold;
			transition: .5s;
		}
		.g-tit-pro .tabs li.on{
			color: #004693;
		}
		.g-tit-pro .tabs li.on .con::after{
			right: 0;
		}
		.g-tit-pro .tabs li .con{position: relative;padding-bottom: 10px;font-size: 24px;}
		.g-tit-pro .tabs li .con::after{
			position: absolute;
			content: '';
			left: 0;
			right: 100%;
			bottom: 0;
			height: 3px;
			background-color: #004693;
			transition: .5s;
		}
		
		.m-prodetial.prosub .tabsinfo .pic{
			width: 100%;
			margin-bottom: 30px;
		}
		.m-prodetial.prosub .tabsinfo .info{
			overflow: hidden;
		}
		.m-prodetial.prosub .prodt-desc{
			width: 33.333%;
			float: left;
			box-sizing: border-box;
			border-color: #ddd;
			height: 800px;
		}
		
		
		@media only screen and (min-width: 950px) and (max-width: 1800px) {
		.m-prodetial.prosub{
					margin-top: 0;
				}
				.g-tit-pro .tabs{overflow: hidden; margin: 0 -1.388vw;}
				.g-tit-pro .tabs li{
					float: left;
					font-size: 0.944vw;
					margin: 0 1.388vw;
					padding-bottom: 0.555vw;
					position: relative;
					cursor: pointer;
					color: #999;
					font-weight: bold;
					transition: .5s;
				}
				.g-tit-pro .tabs li.on{
					color: #004693;
				}
				.g-tit-pro .tabs li.on .con::after{
					right: 0;
				}
				.g-tit-pro .tabs li .con{position: relative;font-size: 20px;}
				.g-tit-pro .tabs li .con::after{
					position: absolute;
					content: '';
					left: 0;
					right: 100%;
					bottom: 0;
					height: 0.166vw;
					background-color: #004693;
					transition: .5s;
				}
				
				.m-prodetial.prosub .tabsinfo .pic{
					width: 100%;
					margin-bottom: 1.666vw;
				}
				.m-prodetial.prosub .tabsinfo .info{
					overflow: hidden;
				}
				.m-prodetial.prosub .prodt-desc{
					width: 33.333%;
					float: left;
					box-sizing: border-box;
					border-color: #ddd;
					height: 44.44vw;
				}
		}
		
		@media only screen and (max-width: 950px){
			.m-prodetial.prosub .g-tit-pro{overflow: hidden;}
			.m-prodetial.prosub .g-tit-pro .tabs{
				margin: 0;
			}
			.m-prodetial.prosub .g-tit-pro .tabs li{font-size: 18px;}
			.m-prodetial.prosub .g-tit-pro .goblack{
				position: relative;
				top: 0;
				float: right;
			}
			.m-prodetial.prosub .prodt-desc .tit{
				font-size: 18px;
			}
		}
		@media only screen and (max-width: 750px){
			.m-prodetial.prosub .m-cur{
				margin-bottom: 20px;
			}
			.m-prodetial.prosub .g-tit-pro{
				margin-bottom:30px;
			}
			.m-prodetial.prosub .tabsinfo .pic{margin-bottom: 10px;}
			.m-prodetial.prosub .g-tit-pro .tabs{
				overflow: hidden;
			}
			.m-prodetial.prosub .g-tit-pro .tabs li{
				float: left;
				width: 50%;
				margin: 0;
			}
			.m-prodetial.prosub .g-tit-pro .tabs li .con{
				display: inline-block;
			}
			.m-prodetial.prosub .prodt-desc{
				float: none;
				width: 100%;
				margin-bottom: 10px;
				height: auto;
			}
		}
		
		
		.color000 .ul-nav > li .con {
		    color: #000;
		}
		
		    .color000 .ul-nav > li .con:hover,
		    .color000 .ul-nav > li.on .con {
		        color: #004693;
		    }
		
		.color000 {
		    color: #000;
		}
		
		/* .ul-nav>li:hover .con,
		.ul-nav>li.on:hover .con{
			color: #000;
		} */
		
		.banner video {
		    position: absolute;
		    right: 0px;
		    bottom: 0px;
		    min-width: 100%;
		    min-height: 100%;
		    height: auto;
		    width: auto;
		    z-index: -11;
		}
		
		.banner source {
		    min-width: 100%;
		    min-height: 100%;
		    height: auto;
		    width: auto;
		}
		
		
		
		
		
		.idx-row3 .g-tit {
		    width: 1050px;
		}
		
		.m-yanfa .g-tit .info {
		    overflow: hidden;
		}
		
		.m-yanfa .g-tit .subtit {
		    width: 8em;
		    font-size: 20px;
		}
		
		.m-yanfa .g-tit .info .t {
		    padding-top: 8px;
		    width: calc(100% - 160px);
		    min-height: 3em;
		    font-size: 18px;
		}
		
		.m-yanfa .pic {
		    background: url(../images/index/img1.png) no-repeat;
		    background-size: cover;
		    position: relative;
		    transition: .5s;
		}
		
		    .m-yanfa .pic::after {
		        content: '';
		        position: absolute;
		        left: 0;
		        right: 0;
		        top: 0;
		        bottom: 0;
		        background: linear-gradient(to bottom,rgba(0,70,147,.1),rgba(0,70,147,.8));
		        z-index: 0;
		    }
		
		    .m-yanfa .pic ul {
		        overflow: hidden;
		        height: 100%;
		        position: relative;
		        z-index: 10;
		    }
		
		    .m-yanfa .pic li {
		        position: relative;
		        float: left;
		        width: 20%;
		        height: 100%;
		        transition: .5s;
		    }
		
		        .m-yanfa .pic li::after {
		            content: '';
		            position: absolute;
		            top: 0;
		            bottom: 0;
		            right: 0;
		            border-right: 1px solid rgba(255,255,255,.8);
		        }
		
		        .m-yanfa .pic li:last-of-type::after {
		            border: none;
		        }
		
		        .m-yanfa .pic li.on {
		            width: 60%;
		        }
		
		            .m-yanfa .pic li.on .con {
		                left: 50px;
		            }
		
		            .m-yanfa .pic li.on .tit {
		                margin-bottom: 40px;
		            }
		
		            .m-yanfa .pic li.on .desc {
		                opacity: 1;
		                min-height: 90px;
		            }
		
		    .m-yanfa .pic .con {
		        position: absolute;
		        left: 30px;
		        bottom: 50px;
		        color: #fff;
		        transition: .5s;
		        overflow: hidden;
		    }
		
		        .m-yanfa .pic .con .tit {
		            font-size: 34px;
		            transition: .5s;
		            margin-bottom: 0;
		        }
		
		        .m-yanfa .pic .con .desc {
		            font-size: 18px;
		            line-height: 1.6;
		            opacity: 0;
		            height: 0;
		            transition: .5s;
		        }
		
		
		@media only screen and (min-width: 950px) and (max-width: 1800px) {
		    .idx-row3 .g-tit {
		        width: 58.33vw;
		    }
		
		    .m-yanfa .g-tit .info {
		        overflow: hidden;
		    }
		
		    .m-yanfa .g-tit .subtit {
		        width: 8em;
		        font-size: 1.111vw;
		    }
		
		    .m-yanfa .g-tit .info .t {
		        padding-top: 0.444vw;
		        width: calc(100% - 8.888vw);
		        min-height: 3em;
		        font-size: 0.777vw;
		    }
		
		    .m-yanfa .pic {
		        background: url(../images/index/img1.png) no-repeat;
		        background-size: cover;
		        position: relative;
		        transition: .5s;
		    }
		
		        .m-yanfa .pic::after {
		            content: '';
		            position: absolute;
		            left: 0;
		            right: 0;
		            top: 0;
		            bottom: 0;
		            background: linear-gradient(to bottom,rgba(0,70,147,.1),rgba(0,70,147,.8));
		            z-index: 0;
		        }
		
		        .m-yanfa .pic ul {
		            overflow: hidden;
		            height: 100%;
		            position: relative;
		            z-index: 10;
		        }
		
		        .m-yanfa .pic li {
		            position: relative;
		            float: left;
		            width: 20%;
		            height: 100%;
		            transition: .5s;
		        }
		
		            .m-yanfa .pic li::after {
		                content: '';
		                position: absolute;
		                top: 0;
		                bottom: 0;
		                right: 0;
		                border-right: 1px solid rgba(255,255,255,.8);
		            }
		
		            .m-yanfa .pic li:last-of-type::after {
		                border: none;
		            }
		
		            .m-yanfa .pic li.on {
		                width: 60%;
		            }
		
		                .m-yanfa .pic li.on .con {
		                    left: 2.777vw;
		                }
		
		                .m-yanfa .pic li.on .tit {
		                    margin-bottom: 2.222vw;
		                }
		
		                .m-yanfa .pic li.on .desc {
		                    opacity: 1;
		                    min-height: 5vw;
		                }
		
		        .m-yanfa .pic .con {
		            position: absolute;
		            left: 1.666vw;
		            bottom: 2.777vw;
		            color: #fff;
		            transition: .5s;
		            overflow: hidden;
		        }
		
		            .m-yanfa .pic .con .tit {
		                font-size: 1.888vw;
		                transition: .5s;
		                margin-bottom: 0;
		            }
		
		            .m-yanfa .pic .con .desc {
		                font-size: 1vw;
		                line-height: 1.6;
		                opacity: 0;
		                height: 0;
		                transition: .5s;
		            }
		}
		
		
		
		@media only screen and (max-width: 950px) {
		    .m-yanfa .g-tit .subtit {
		        width: auto;
		        float: none;
		        font-size: 15px;
		    }
		
		    .m-yanfa .g-tit .tit_en {
		        margin-bottom: 10px;
		    }
		
		    .m-yanfa .pic li {
		        float: none;
		        width: 100%;
		    }
		
		    .m-yanfa .pic .con {
		        position: static;
		        padding: 20px 10px;
		        border-bottom: 1px solid #fff;
		    }
		
		        .m-yanfa .pic li.on .tit,
		        .m-yanfa .pic .con .tit {
		            margin-bottom: 10px;
		            font-size: 18px;
		        }
		
		    .m-yanfa .pic li.on {
		        width: 100%;
		    }
		
		        .m-yanfa .pic li.on .desc,
		        .m-yanfa .pic .con .desc {
		            font-size: 18px;
		        }
		
		        .m-yanfa .pic li.on .desc {
		            min-height: auto;
		            height: auto;
		        }
		}
		@media only screen and (max-width: 550px){
			div{
				outline: none;
			}
			.banner .swiper-idx1 img{
				top: 0;
				transform: translateY(0);
			}
			.banner .swiper-pagination{
				margin-right: 20px;
			}
			.m-yanfa .pic li{
				min-height: 150px;
			}
			.m-yanfa .pic .con{
				min-height: 100px;
			}
		
		}
		
		
		/* 2022年08月22日 */
		
	 	@media only screen and (max-width: 950px) {
				
			.banner .g-morebtn{
				left: 20px;
			}
			.banner .swiper-pagination{
				left: auto;
				right: 0;
			}
			.banner .swiper-button-prev::after,
			.banner .swiper-button-next::after{
				opacity: 1;
			}
			.idx-row3 .texts ul{
				margin-bottom: 10px;
			}
			.banner{
				height: 350px;
			}
			.page-industry .box{
				margin-bottom: 30px;
			}
			.page-industry .tabs .tab{
				margin-right: 15px;
			}
			.m-procenter .tabinfo .on .tit a{
			color: #222;
			font-size:24px
			}
	 		.m-procenter .tabinfo .tit a{
			color: #999;
			font-size:24px
			}
			.proConBox .proListItem .itemBox:first-child{
			padding-top: 30px;
	
			}
			.m-news .box,.page-industry .box{
			border-bottom: margin-bottom: 40px;
		}
		}