*{box-sizing:border-box;}
.techP{padding: 40px 0;}
.techP1 .imgB{width: 50%;}
.techP1 .imgB img{width: 100%;display: block;}
.techP1 .techP1Ul{width: 50%;}
.techP1Ul li{padding: 40px 32px 40px 56px;border-bottom: 1px solid #cdcdcd;}
.techP1Ul li:last-child{border-bottom: 0;}
.techP1Ul .icon{width: 38px;margin-right: 24px;}
.techP1Ul .textB{width: calc(100% - 62px);}
.techP1Ul .tit{font-size: 18px;color: #0f3643;position: relative;}
.techP1Ul .desc{font-size: 14px;color: rgba(0, 0, 0, 0.502);line-height: 1.7;margin-top: 8px;}
.techP2Ul .imgB{width: 50%;}
.techP2Ul .imgB img{display: block;width: 100%;}
.techP2Ul .textB{width: 50%;padding: 16px 56px;justify-content: flex-start;}
.techP2Ul li:nth-child(odd) .imgB1{display: none;}
.techP2Ul li:nth-child(even) .imgB2{display: none;}
.techP2Ul .tit{font-size: 18px;color: rgb(51, 51, 51);}
.techP2Ul .desc{font-size: 16px;color: rgb(51, 51, 51);line-height: 1.8;margin-top: 24px;}
.techP2Ul table{font-size: 14px;color: rgb(51, 51, 51);margin-top: 32px;border-spacing: unset;border-top: 1px solid #d1cdcb;border-left: 1px solid #d1cdcb;border-collapse: collapse;}
.techP2Ul table td{font-weight: bold;padding: 12px 8px;text-align: center;min-width: 140px;border-bottom: 1px solid #d1cdcb;border-right: 1px solid #d1cdcb;}
.techP2Ul table .red{color: #e60012;}
.techP3{background: #e9f7f9;padding: 64px 0 88px;}
.techP3 .pubTit .desc{font-size: 16px;color: rgb(51, 51, 51);line-height: 1.8;}
.techP3Ul{margin: -8px;}
.techP3Ul li{padding: 8px;}
.techP3Ul .kuang{background: #ffffff;height: 100%;padding: 20px;}
.techP3Ul .num{background: #e60012;position: absolute;left: 0;top: 0;width: 48px;height: 48px;font-size: 18px;font-family: "PingFang";color: rgb(255, 255, 255);font-weight: bold;display: flex;justify-content: center;align-items: center;}
.techP3Ul .imgBox img{width: 100%;display: block;}
.techP3Ul .textBox{padding: 24px;}
.techP3Ul .tit{font-size: 18px;color: #0f3643;position: relative;}
.techP3Ul .tit::before{content: "";border-radius: 50%;background-color: rgb(230, 0, 18);position: absolute;left: -24px;top: calc(50% - 3px);width: 6px;height: 6px;}
.techP3Ul .desc{font-size: 14px;color:#0f3643;line-height: 1.7;}
.techP4{background: url(tec4bg.png) top center no-repeat #efedef;background-size: 100% auto;padding: 56px 0 76px;}
.techP4 .pubTit .tit{color: #ffffff;}
.techP4 .pubTit::after{display: none;}
.techP4 .pubTit .desc{font-size: 16px;color: rgb(255, 255, 255);line-height: 1.8;margin-top: 16px;height: 160px;}
.techP4 .nrBox{padding: 96px 56px 0 0;}
.techP4Ul{margin: -20px -14px;}
.techP4Ul li{padding: 20px 14px;text-align: center;}
.techP4Ul .imgBox{width: 100%;position: relative;z-index: 1;}
.techP4Ul .imgBox img{width: 100%;display: block;}
.techP4Ul .num{border-radius: 50%;background-color: rgb(92, 92, 92);position: absolute;left: calc(50% - 18px);top: -18px;width: 36px;height: 36px;font-size: 14px;color: #ffffff;display: flex;justify-content: center;align-items: center;z-index: 2;}
.techP4Ul .tit{font-size: 18px;color: #0f3643;margin-top: 16px;}
.techP4Ul .desc{font-size: 14px;color: #0f3643;line-height: 1.7;margin-top: 4px;}
@media (max-width:1280px){
	.techP1Ul li{padding: 16px;}
	.techP2Ul .desc{margin-top: 8px;}
	.techP2Ul table{margin-top: 16px;}
	.techP3,.techP4{padding: 40px 0;}
	.techP4Ul{margin: -26px -16px;}
	.techP4Ul li{padding: 26px 16px;}
	.techP4 .pubTit .desc{font-size: 14px;line-height: 1.2;margin-top: 8px;height: auto;}
	.techP4 .nrBox{padding: 80px 185px 0 0;}
	.techP4Ul{margin: -8px;}
	.techP4Ul li{padding: 8px;}
	
	
}

@media (max-width:1080px){
	.techP4{background: #efedef;}
	.techP4 .pubTit .tit,
	.techP4 .pubTit .desc{color: #0f3643;}
	.techP4 .nrBox{padding: 0;}
}
@media (max-width:800px){
	.techP{padding: 32px 0;}
	.pubTit{margin-bottom: 16px;}
	.pubTit::after{margin-top: 8px;}
	.techP1{padding-bottom: 0;}
	.techP1 .nrBox{display: block;}
	.techP1 .imgB{width: 100%;}
	.techP1 .techP1Ul{width: 100%;}
	.techP1Ul .icon{width: 32px;margin-right: 12px;}
	.techP1Ul .textB{width: calc(100% - 44px);}
	.techP2Ul li{display: block;}
	.techP2Ul .imgB1,
	.techP2Ul li:nth-child(odd) .imgB1{width: 100%;display: block;}
	.techP2Ul .imgB2,
	.techP2Ul li:nth-child(even) .imgB2{display: none;}
	.techP2Ul .textB{width: 100%;padding: 16px 0;}
	.techP2Ul table td{padding: 8px;}
	.techP3 .pubTit .desc{font-size: 14px;line-height: 1.4;}
	.techP3Ul li{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 4px;}
	.techP3Ul .kuang{padding: 8px;}
	.techP3Ul .textBox{padding: 8px 16px;}
	.techP3Ul .tit::before{left: -12px;}
	.techP4Ul{margin: -16px -4px;margin-top: 24px;}
	.techP4Ul li{-ms-flex: 0 0 calc(100% / 2);flex: 0 0 calc(100% / 2);max-width: calc(100% / 2);padding:16px 4px;}
	.techP4Ul .tit{font-size: 16px;margin-top: 8px;}
	.techP4Ul .desc{line-height: 1.4;}
}