@media screen and (max-width: 640px) {
	.header {
		height: 1.6rem;
		padding-left: .56rem;
		padding-right: .4667rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #FFF;
	}
	.breadcrumb{
		padding: 0 0  .4rem;
		color: rgba(0,0,0,0.45);
		font-size: 12px;
	}
	.breadcrumb-item:hover{
		color: #409EFF;
	}
	.breadcrumb-item.act{
		color: rgba(0,0,0,0.88);
	}

	.menus {
		display: none;
	}

	.logo {
		background: url(./img/logo.png);
		background-size: 100%;
		width: 1.7333rem;
		height: .8rem;
	}

	.sub4 {
		display: none;
	}

	.menu-icon {
		background: url(./img/menu-icon.png);
		background-size: 100%;
		width: .5333rem;
		height: .5333rem;
		cursor: pointer;
	}

	.menu-icon-close {
		background: url(./img/close.png);

		background-size: 100%;

	}

	.ct1 {
		background: url(./img/banner.png);
		background-size: 100%;
		width: 100%;
		height: 125vw;

	}
	.bannerPc .img-swiper-li{
		width: 100%;
		height: 5.46rem;
	}
	.slider-pc{
		display: none;
	}
	.ct2 {
		background: url(./img/bg1.png);
		background-size: 100%;
		width: 100%;
		padding: .8rem;
	}

	.ct3 {
		padding: .8rem;
	}

	.title1 {
		color: #1F1F1F;
		line-height: .68rem;
		font-size: .6rem;
		text-align: center;
	}

	.sub1 {
		margin: .2667rem auto .5333rem;
		width: fit-content;
		display: flex;
		justify-content: centers;
	}

	.sub2 {
		width: .28rem;
		height: .0533rem;
		background: #96D150;
		border-top-left-radius: .0533rem;
		border-bottom-left-radius: .0533rem;

	}

	.sub3 {
		width: .28rem;
		height: .0533rem;
		background: #005BAF;
		border-top-right-radius: .0533rem;
		border-bottom-right-radius: .0533rem;
	}

	.content1 {
		color: #1F1F1F;
		line-height: .48rem;
		letter-spacing: .0267rem;
		font-size: .32rem;
		text-indent: .8rem;
	}

	.content1+.content1 {
		margin-top: .48rem;
	}

	.img1 {
		width: 100%;
		height: 40%vw;
		margin: .2667rem auto 0;
	}

	.more {
		margin: .48rem auto 0;
		width: 1.8267rem;
		height: .64rem;
		border-radius: .32rem;
		border: 1px solid #1F1F1F;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .32rem;
	}

	.more img {
		width: .12rem;
		height: .2267rem;
	}

	.more span {
		color: #1F1F1F;
		font-size: .32rem;
	}

	.ul1 {
		display: grid;
		grid-gap: .4267rem;
		grid-template-columns: 50% 50%;

	}

	.li1 {
		padding: .2133rem;
		box-shadow: 0px .0267rem .1333rem 0px rgba(0, 0, 0, 0.05);
		border-radius: .0533rem;
	}

	.li1 img {
		width: 100%;
		display: block;
	}

	.li1 span {
		padding: .32rem 0 .1333rem;
		display: block;
		color: #1F1F1F;
		line-height: .4267rem;
		font-size: .32rem;
	}

	.mb32 {
		margin-bottom: .4267rem;
	}

	.ct4 {
		background: linear-gradient(135deg, #ECF5FA 0%, rgba(234, 245, 250, 0.51) 51%, #FCFFFF 100%);
		padding: .8rem;
	}

	.ul2 {
		display: grid;
		grid-gap: .4267rem;
		grid-template-columns: 50% 50%;

	}

	.li2 {
		height: .8rem;
		background: #FFFFFF;
		border-radius: .1067rem;
		padding: 0 .16rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.li2 span {
		font-size: .32rem;
		color: #00203D;
	}

	.li2 div {
		display: flex;
		align-items: center;
	}

	.li2 div img {
		width: .2667rem;
		height: .2667rem;
		margin-left: .1067rem;
	}

	.ct5 {
		padding: .8rem;
	}

	.li3 {
		display: flex;
		align-items: center;
		padding: .2667rem 0;
		border-bottom: 1px solid #E9EDF1;
	}

	.li3 span {
		font-size: .2667rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #1F1F1F;
		line-height: .4267rem;
	}

	.li3 img {
		width: 2.4rem;
		height: 1.6rem;
		margin-left: .2667rem;
	}

	.li33 img {
		width: 2.4rem;
		height: 1.6rem;
		margin-right: .2667rem;
	}

	.ct6 {
		background: #F3F3F3;
		padding: .8rem;
	}

	.ul6 {
		display: grid;
		grid-gap: .4267rem;
		grid-template-columns: 50% 50%;
	}

	.ul6 img {
		display: block;
		width: 100%;
	}

	.footer {
		height: 4.8267rem;
		background: url(./img/footer.png) no-repeat;
		background-size: contain;
	}

	.inner {
		position: relative;
	}

	.menu {
		position: absolute;
		top: 1.6rem;
		left: 0;
		right: 0;

		background: rgba(31, 31, 31, 0.3);
		backdrop-filter: blur(29px);
		padding: 0 .8rem;
		display: none;
		z-index: 100;
	}

	.menu-item {
		padding: .8667rem 0;
		font-size: .4rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.9);
		line-height: .56rem;

		display: block;
	}

	.menu-item+.menu-item {
		border-top: 1px solid #8D95A6;
	}

	.no-more {
		font-size: .2667rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.9);
		line-height: .3733rem;
		text-align: center;
		padding-top: .8rem;
	}

	.news-banner {
		background: url(./img/news-banner.png);
		background-size: 100%;
		padding-bottom: 54.666666667%;
	}

	.mine-banner {
		background: url(./img/mine-banner.png);
		background-size: 100%;
		padding-bottom: 54.666666667%;
	}

	.mine-body {
		background: url(./img/mine-body.png);
		background-size: cover;
		padding: .8rem;
	}

	.mine-txt1 {
		font-weight: 500;
		color: rgba(31, 31, 31, 0.9);
		font-size: 24px;
	}

	.mine-txt2 {
		font-size: .2667rem;
		color: rgba(31, 31, 31, 0.9);
		margin-top: .32rem;
		margin-bottom: 1.0667rem;

	}

	.mine-txt3 {
		font-size: .2667rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: rgba(31, 31, 31, 0.9);
		line-height: .5333rem;
		letter-spacing: .0133rem;
	}

	.mine-txt3 span {

		color: #FF0000;
		opacity: .9;
		font-weight: 500;
	}

	.product-banner {
		background: url(./img/product-banner.png);
		background-size: 100%;
		padding-bottom: 54.666666667%;
	}

	.product-ul {
		display: grid;
		grid-gap: .4267rem;
		grid-template-columns: 50% 50%;
		padding: .8rem;
	}

	
	.product-li[name="p1"]{display:none}
	.product-li[name="p4"]{display:none}


	.product-li img {
		width: 100%;
		display: block;
	}

	.product-li span {
		padding-top: .2667rem;
		display: block;

	}

	.product-body .title1 {
		padding-top: .8rem;
	}

	.tabs {
		display: flex;
	}

	.tabs-pc {
		display: none;

	}

	.tab {
		flex: 1;
		text-align: center;
		background: rgba(28, 71, 112, 0.1);
		line-height: .8533rem;
		font-size: .32rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.9);
		cursor: pointer;
	}

	.tab.act {
		background: #95D050;
		color: rgba(255, 255, 255, 0.9);
	}

	.detail-body {
		padding: .4rem .8rem;
	}

	.detail-img {
		width: 100%;
	}

	.detail-txt {
		padding-top: .5333rem;

		text-indent: .6667rem;
		font-size: .32rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #1F1F1F;
		line-height: .48rem;
		letter-spacing: .0133rem;


	}

	.back-btn {
		margin-bottom: .4rem;
		margin-top: .8rem;
		height: .8533rem;
		background: rgba(28, 71, 112, 0.1);
		border-radius: .0533rem;
		line-height: .8533rem;

		text-align: center;
		font-size: .32rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.9);
		cursor: pointer;
	}

	.process {
		background: url(./img/process.png) no-repeat;
		background-size: 100%;
		padding: .8rem;
		position: relative;
	}

	.line-wrapper {
		display: flex;
		justify-content: center;
		position: relative;

	}

	.line {
		width: 1px;
		height: 13.5067rem;
		background: #fff;
	}

	.line1 {
		position: absolute;
		right: 50%;
		top: .32rem;
	}

	.product-ul1 {
		display: grid;
	}

	.product-ul2 {
		display: none;
	}

	.product-ul3 {
		display: none;
	}

	.line2 {
		position: absolute;
		left: 50%;
		top: 2.0533rem;
	}

	.line3 {
		position: absolute;
		right: 50%;
		top: 3.7867rem;
	}

	.line4 {
		position: absolute;
		left: 50%;
		top: 5.8533rem;
	}

	.line5 {
		position: absolute;
		right: 50%;
		top: 7.5867rem;
	}

	.line6 {
		position: absolute;
		left: 50%;
		top: 9.6533rem;
	}

	.line7 {
		position: absolute;
		right: 50%;
		top: 11.3867rem;
	}

	.line-circle::after {
		content: '';
		position: absolute;
		width: .4933rem;
		height: .4933rem;
		background: url(./img/circle.png) no-repeat;
		background-size: 100%;
	}

	.line-circle-l::after {
		top: .0133rem;
		right: -0.24rem;
	}

	.line-circle-r::after {
		top: .0133rem;
		left: -0.24rem;
	}

	.line-bg {
		width: 3.3867rem;
		height: .5333rem;
		background: linear-gradient(270deg, #005BAF 0%, rgba(0, 91, 175, 0.1) 100%);
		border-radius: .0267rem;
		padding-right: .2667rem;
		line-height: .5333rem;
		font-size: .4rem;
		font-family: DINAlternate, DINAlternate;
		font-weight: bold;
		color: #FFFFFF;
		text-align: right;
	}

	.line6 .line-bg-r {
		background: linear-gradient(90deg, #96D150 0%, rgba(150, 209, 80, 0) 100%);
	}

	.line-bg-r {
		background: linear-gradient(90deg, #005BAF 0%, rgba(0, 91, 175, 0.1) 100%);
		padding-left: 20px;

		text-align: left;
	}

	.line-h {
		width: .52rem;
		height: .0133rem;
		background: #D8D8D8;
		display: block;
	}

	.line-header {
		display: flex;
		align-items: center;
	}

	.line-txt {
		width: 3.3867rem;
		margin-right: .52rem;
		margin-top: .2667rem;
		text-align: right;
		font-size: .24rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
	}

	.line-txt-r {
		margin-left: .52rem;
		margin-right: 0;

		text-align: left;
	}

	.company {
		padding: .8rem;
	}

	.company-ul {
		display: grid;
		grid-gap: .4267rem;
		grid-template-columns: 50% 50%;
	}

	.company-li-img img {
		width: 100%;
		display: block;
	}

	.company-name {
		padding-top: .32rem;
		font-size: .2667rem;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #1F1F1F;
		text-align: center;
	}

}
@media screen and (min-width: 640px)  and (max-width: 960px){
	.back-btn{
		width: 320px !important;
	}
	.ul6 {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 305px 305px ;
		width: 630px;
		margin: 0 auto;
	}
	.ul33-2 ,.ul3333{
		margin: 0 14.375%;
		display: grid;
		grid-column-gap: 0;
		grid-template-columns: 100%;
	}
	.ul222 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

	}
	.ul2{
		margin-top: 30px;
	}
	.ul1 ,.company-ul,.product-ul {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: 300px 300px ;
		width: 630px;
		margin: 0 auto;

	}
	.row-1280 {
		margin: 0 auto;
		position: relative;
	}
	.img1{
		left: 50%;
		right: auto !important;
		margin-left: -241px;
		top: auto !important;
		bottom: 80px;
	}
	.mine .row-1280 {
		padding-right: 0;
		position: relative;
		padding-bottom: 300px;
	}
	.mine .img1{
		width: 482px;
		height: 300px;
		position: absolute;
		right: auto !important;
		top: auto !important;
		left: 50% !important;
		bottom: -20px;
	}
	.ct2 .more{
		margin: 380px auto 0 !important;
	}
	.tabs-pc{
		width: 100% !important;
	}
	.ct555 {
		padding-left: 40px !important;
		padding-right: 40px !important;

	}
}
@media screen and (min-width: 960px)  and (max-width: 1330px){
	.ct555 {
		padding-left: 80px !important;
		padding-right: 80px !important;
	}
	.ul6 {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 305px 305px 305px;
		width: 955px;
		margin: 0 auto;
		
	}
	.ul33-2,.ul3333 {
		margin: 0 14.375%;
		display: grid;
		grid-column-gap: 0;
		grid-template-columns: 100%;
	}

	.ul222 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.ul2{
		margin-top: 30px;
	}
	.ul1,.company-ul,.product-ul  {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: 300px 300px 300px ;
		width: 960px;
		margin: 0 auto;

	}
	.row-1280 {
		margin: 0 auto;
		position: relative;
	}
	.img1{
		left: 50%;
		right: auto !important;
		margin-left: -241px;
		top: auto !important;
		bottom: 80px;
	}
	.mine .row-1280 {
		margin: 0 auto;
		padding-right: 550px;
		position: relative;
	}
	.mine .img1{
		width: 482px;
		height: 300px;
		position: absolute;
		right: 0 !important;
		top: 0 !important;
		left: auto !important;
	}
	.ct2 .more{
		margin: 380px auto 0 !important;
	}
}
@media screen and (min-width: 1330px)  and (max-width: 1920px){
	.ul6 {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 305px 305px 305px 305px;
		width: 1280px;
		margin: 0 auto;
		
	}
	.ul33-2 ,.ul3333{
		margin: 0 14.375%;
		display: grid;
		grid-column-gap: 20px;
		grid-template-columns: 50% 50%;
	}
	.ul222 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ul1,.company-ul,.product-ul  {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: 300px 300px 300px 300px;
		width: 1290px;
		margin: 0 auto;

	}

	
	.row-1280 {
		width: 1080px;
		margin: 0 auto;
		padding-right: 550px;
		position: relative;
	}
}
@media screen and (min-width: 1920px) {
	.ul6 {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 305px 305px 305px 305px;
		width: 1280px;
		margin: 0 auto;
	}
	.ul33-2,.ul3333 {
		margin: 0 14.375%;
		display: grid;
		grid-column-gap: 20px;
		grid-template-columns: 50% 50%;
	}
	.ul222 {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ul1,.company-ul,.product-ul  {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: 300px 300px 300px 300px;
		width: 1290px;
		margin: 0 auto;

	}
	.row-1280 {
		width: 1080px;
		margin: 0 auto;
		padding-right: 550px;
		position: relative;
	}
}
@media screen and (min-width: 640px) {
	.header {
		height: 120px;
		padding-left: 42px;
		padding-right: 35px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #FFF;
	}

	.logo {
		background: url(./img/logo.png);
		background-size: 100%;
		width: 130px;
		height: 60px;
	}

	.menu-icon {
		background: url(./img/menu-icon.png);
		background-size: 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		display: none;
	}

	.menu-icon-close {
		background: url(./img/close.png);

		background-size: 100%;

	}

	.ct1 {
		background: url(./img/banner1.png);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 410px;

	}
	.slider-mobile{
		 display: none;
	}
	.bannerPc img{
		width: 100%;
		/* height: 410px !important; */
		object-fit: cover;
		object-position: center center;
	}

	.ct2 {
		background: url(./img/bg1.png);
		background-size: 100%;
		width: 100%;
		padding: 60px;
	}

	.ct3 {
		padding: 60px 0;
	}

	.title1 {
		color: #1F1F1F;
		line-height: 25px;
		font-size: 23px;
		text-align: center;
	}

	.sub1 {
		margin: 20px auto 40px;
		width: fit-content;
		display: flex;
		justify-content: centers;
	}

	.sub2 {
		width: 21px;
		height: 4px;
		background: #96D150;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;

	}

	.sub3 {
		width: 21px;
		height: 4px;
		background: #005BAF;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.content1 {
		color: #1F1F1F;
		line-height: 24px;
		letter-spacing: 2px;
		font-size: 16px;
		text-indent: 60px;
	}

	.content1+.content1 {
		margin-top: 36px;
	}

	.ct2 .more {
		margin: 36px 0 0;
	}

	.img1 {
		width: 482px;
		height: 300px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.more {
		margin: 36px auto 0;
		width: 137px;
		height: 48px;
		border-radius: 24px;
		border: 1px solid #1F1F1F;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 24px;
	}

	.more img {
		width: 9px;
		height: 17px;
	}

	.more span {
		color: #1F1F1F;
		font-size: 24px;
	}



	

	.li1 {
		padding: 16px;
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
		border-radius: 4px;
		box-sizing: border-box;
	}

	span {
		box-sizing: border-box;
	}

	.li1 img {
		width: 267px;
		display: block;
		height: 151px;
	}

	.li1 span {
		padding: 24px 0 10px;
		display: block;
		color: #1F1F1F;
		line-height: 16px;
		font-size: 12px;
	}

	.mb32 {
		margin-bottom: 32px;
	}

	.ct4 {
		background: linear-gradient(135deg, #ECF5FA 0%, rgba(234, 245, 250, 0.51) 51%, #FCFFFF 100%);
		padding: 60px;
	}

	.ul2 {
		display: grid;
		grid-gap: 32px;
		grid-template-columns: 50% 50%;
		height: fit-content;
	}

	.li2 {
		height: 60px;
		background: #FFFFFF;
		border-radius: 8px;
		padding: 0 12px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.li2 span {
		font-size: 12px;
		color: #00203D;
	}

	.li2 div {
		display: flex;
		align-items: center;
	}

	.li2 div img {
		width: 20px;
		height: 20px;
		margin-left: 8px;
	}

	.ct5 {
		padding: 60px 0;
	}



	.video {
		width: 630px;
		height: 333px;

		background: grey;
		margin-right: 30px;
	}



	.li33-2{
		min-width: 400px;
	}

	.li3 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 0;
		border-bottom: 1px solid #E9EDF1;
	}

	.li3 span {
		font-size: 12px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #1F1F1F;
		line-height: 16px;
	}


	.li3 img {
		width: 180px;
		height: 120px;
		margin-left: 20px;
	}

	.li33 img {
		width: 180px;
		height: 120px;
		margin-right: 20px;
	}

	.ct6 {
		background: #F3F3F3;
		padding: 60px 0;
	}






	.ul6 img {
		display: block;
		width: 305px;

		height: 147px;
	}

	.footer {
		background: url(./img/footer1.png) no-repeat;
		background-size: contain;
		height: 362px;
		background-size: cover;
		background-position: center;
	}

	.inner {
		position: relative;
	}

	.menu {
		display: flex;
		position: relative;
		left: 0;
		display: none;
		z-index: 100;
	}

	.menus {
		display: flex;
		position: relative;
		left: 0;
	}

	.menu-item {
		font-size: 15px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #1F1F1F;
		margin-left: 30px;
	}

	.act-menu-item {
		font-weight: 500;
		color: #005BAF;
		position: relative;
	}

	.sub4 {
		width: fit-content;
		display: flex;
		justify-content: centers;
		position: absolute;
		display: none;
		top: 0;
		left: 50%;
		margin-left: -21px;
		top: 40px;

	}

	.act-menu-item .sub4 {
		display: flex;
	}

	.no-more {
		font-size: 12px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.9);
		line-height: 14px;
		text-align: center;
		padding-top: 60px;
	}

	.news-banner {
		background: url(./img/news-banner-pc.png);
		height: 410px;
		background-size: cover;

		background-position: center;
	}

	.mine-banner {
		background: url(./img/mine-banner-pc.png);
		height: 411px;
		background-size: cover;
		margin: 0 auto;
		background-position: center;
	}

	.mine-body {
		background: url(./img/mine-body.png);
		background-size: cover;
		padding: 60px 14.370%;
		margin: 0 auto;
	}

	.mine-txt1 {
		font-weight: 500;
		color: rgba(31, 31, 31, 0.9);
		font-size: 12px;
	}

	.mine-txt2 {
		font-size: 12px;
		color: rgba(31, 31, 31, 0.9);
		margin-top: 12px;
		margin-bottom: 80px;

	}

	.mine-txt3 {
		font-size: 12px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: rgba(31, 31, 31, 0.9);
		line-height: 20px;
		letter-spacing: 1px;
	}

	.mine-txt3 span {

		color: #FF0000;
		opacity: .9;
		font-weight: 500;
	}

	.product-banner {
		background: url(./img/banner-product-pc.png);
		background-size: cover;
		height: 410px;
		background-position: center;
	}


	.product-li {
		width: 300px;
	}

	.product-li img {
		width: 300px;
		display: block;
		height: 168px;
	}

	.product-li span {
		padding-top: 20px;
		display: block;

	}

	.product-body .title1 {
		padding-top: 60px;
	}

	.tabs {
		display: none;
	}

	.tabs-pc {
		display: flex;
		width: 750px;
		margin: 0 auto;
		padding-bottom: 40px;
	}

	.tab-pc {
		flex: 1;
		text-align: center;
		background: rgba(28, 71, 112, 0.1);
		line-height: 64px;
		font-size: 12px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.9);
		cursor: pointer;
	}

	.tab-pc.act {
		background: #95D050;
		color: rgba(255, 255, 255, 0.9);
	}

	.detail-body {
		padding: 30px 18%;
	}

	.detail-img {
		width: 90%;
		margin-left: 5%;
	}

	.detail-txt {
		padding-top: 40px;

		text-indent: 50px;
		font-size: 12px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #1F1F1F;
		line-height: 36px;
		letter-spacing: 1px;


	}

	.back-btn {
		margin: 60px auto 30px;
		height: 64px;
		background: rgba(28, 71, 112, 0.1);
		border-radius: 4px;
		line-height: 64px;
		width: 630px;
		text-align: center;
		font-size: 12px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		color: rgba(0, 0, 0, 0.9);
		cursor: pointer;
	}

	.process {
		background: url(./img/process.png) no-repeat;
		background-size: 100%;
		padding: 60px;
		position: relative;
	}

	.line-wrapper {
		display: flex;
		justify-content: center;
		position: relative;

	}

	.line {
		width: 1px;
		height: 1013px;
		background: #fff;
	}

	.line1 {
		position: absolute;
		right: 50%;
		top: 24px;
	}

	.line2 {
		position: absolute;
		left: 50%;
		top: 154px;
	}

	.line3 {
		position: absolute;
		right: 50%;
		top: 284px;
	}

	.line4 {
		position: absolute;
		left: 50%;
		top: 439px;
	}

	.line5 {
		position: absolute;
		right: 50%;
		top: 569px;
	}

	.line6 {
		position: absolute;
		left: 50%;
		top: 724px;
	}

	.line7 {
		position: absolute;
		right: 50%;
		top: 854px;
	}

	.line-circle::after {
		content: '';
		position: absolute;
		width: 37px;
		height: 37px;
		background: url(./img/circle.png) no-repeat;
		background-size: 100%;
	}

	.line-circle-l::after {
		top: 1px;
		right: -18px;
	}

	.line-circle-r::after {
		top: 1px;
		left: -18px;
	}

	.line-bg {
		width: 254px;
		height: 40px;
		background: linear-gradient(270deg, #005BAF 0%, rgba(0, 91, 175, 0.1) 100%);
		border-radius: 2px;
		padding-right: 20px;
		line-height: 40px;

		font-size: 15px;
		font-family: DINAlternate, DINAlternate;
		font-weight: bold;
		color: #FFFFFF;
		text-align: right;
	}

	.line6 .line-bg-r {
		background: linear-gradient(90deg, #96D150 0%, rgba(150, 209, 80, 0) 100%);
	}

	.line-bg-r {
		background: linear-gradient(90deg, #005BAF 0%, rgba(0, 91, 175, 0.1) 100%);
		padding-left: 20px;

		text-align: left;
	}

	.line-h {
		width: 39px;
		height: 1px;
		background: #D8D8D8;
		display: block;
	}

	.line-header {
		display: flex;
		align-items: center;
	}

	.line-txt {
		width: 254px;
		margin-right: 39px;
		margin-top: 20px;
		text-align: right;
		font-size: 18px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
	}

	.line-txt-r {
		margin-left: 39px;
		margin-right: 0;

		text-align: left;
	}

	.company {
		padding: 60px 0;
	}



	.company-li {
		width: 300px;
	}

	.company-li-img img {
		width: 300px;
		display: block;
		height: 168px;
	}

	.company-name {
		padding-top: 24px;
		font-size: 20px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		color: #1F1F1F;
		text-align: center;
	}

	.ct555 {
		padding-left: 18%;
		padding-right: 18%;

	}

	.product-ul1 {
		display: grid;
	}

	.product-ul2 {
		display: none;
	}

	.product-ul3 {
		display: none;
	}
	.product-ul{
		padding-bottom: 60px;
	}
	.breadcrumb{
		padding: 12px 20px 20px;
		color: rgba(0,0,0,0.45);
		font-size: 14px;
	}
	.breadcrumb-item:hover{
		color: #409EFF;
	}
	.breadcrumb-item.act{
		color: rgba(0,0,0,0.88);
	}
}