.pngListTtitle {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	margin-bottom: 25px;
}

.pngListDh {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABxElEQVQ4T5WTO2gUYRSFvzMzoiyCiDgJAREFsbAOgo2KhPiIVRrFRlBBKxUUxLA47mywM3YWQSEgaBUUU0RQtNVawUR8gCbMrlEbUZSduTKPZF9Iklue/5wz5869V3RWdW4LuMMYA6BdwBrQLLLnyCYZ6X3dKlGbvhpdxXQJ2NhlnAN/EHdoxJcJ+n6lQNOgWruNcfY/wg5YL4g5SuD/zA2q9SuY3ViZeIk1QbnnpLj2tQ8vmQHWr9IAjD0ijM6Dbq1IbDxCWgA7VfDHRSWaQjqyvIEeUPaPE0YXQTcL/oyo1t5jbC+A34ADrG0zFM8Y8QcYrR3DNJGPNqsFEdY+AVsLIMR17hEn08C2Apuk3DNMJTqNNN6R9Fua4CnGgezB7C2Jsx9XGyB5BTZLubefsH4Y7HGRrukhPoh8eUZb0M9YfAh5DWKvhvN3CHG3JXZriPsirO8Ae9NBmMNx+kmSdJWfdH150SLhYL5IlfoYsgsd/f0ASl0/tEmaZqc/lBsEH9fhlR5iDC4/zozxjoazj+ub55u3EMyX8NwxjDNtN9LlqCli9xzBpi/pU/s1Zu1EuxEnQHsBP+vf7DvSS8iWKR3xUv0DRxqIZyYV7IcAAAAASUVORK5CYII=) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
	top: 5px;
}

.pngBcontentPage1Bg,
.pngBcontentPage5Bg {
	width: 100%;
	background: #fff;
}

.pngBcontentPage1Content {
	width: 1170px;
	margin: 0 auto;
	padding: 50px 0;
}

.pngBtPage1Title {
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}

.pngBcontentPage1ContentB {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pngBcontentPage1ContentB ul {
	width: 307px;
	height: 170px;
	box-shadow: 0 0 5px #efefef;
	border-radius: 5px;
	text-align: center;
}

.ulPTitle {
	width: 100%;
	height: 50px;
	background: #0083e9;
	font-size: 20px;
	color: #fff;
	/* font-weight: bold; */
	line-height: 50px;
	text-shadow: 0 0 1px #fff;
}

.pngBcontentPage1ContentB li {
	padding-top: 30px;
	font-size: 15px;
	color: #222;
	line-height: 32px;
}

.pngBcontentPage1ContentB i {
	display: block;
	width: 31px;
	height: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAUCAYAAAB1aeb6AAACsElEQVRIS7WWTWsUQRCG3+oIQfBiomggqIka0FVh5yuuQQmoB/EQUBLDJhBB8CD6AzxoQPDjKApe9KD4EUWIF8FfEJXt7ZlRXJSwGqOgIKgL8ZDNZrqkQy+EJXra6dN0T3c/b1VXVTehic3zvF3MfAtADcCoUur7/7anJrLhuu4NAOfsnlNJkozGcfz5X4xmw48CuAtgnQW+1loPR1E0u5KApsINwPO8I8x8H0C76TOz1FoPreSBpsOtgMPMfA9Ah7U4BDCilPqw3AOpwA3A9/1DWmvjgY0WGDPzYBiG5bqA1OAGkM1mDwohHgLYYIFvARxTSn00/VThVsABK6CzLkAIkZdSliiXy61eWFjYNj8/P1Mqlf7UXZLL5doWFxc7tNbTSimTt0utt7e3s1qtro7j2KjX9fEgCHpqtVp1pch2HGc/ET0AsMnOLzFznlzXNW7JE9FkpVLJl8vlahAE7UmSPDcsAONKqcsG5DiOS0TPAKxl5rEwDCdtgB1nZpNiFSIaLhaLU42p5bquA+ApgO66AAP/AWA9gN9JknTHcVzxfT+jtX5nU+UFEQ0Y6z3PO8XMd+ziS0qpcfPtuu4VAOft/NNhGN5uhAdB0GUN2mn/fSHP8waY+SQzT4RhaJRxf3//qrm5uTMA+rTW16MoemUWZDKZNa2trReIqE0IcVVK+cme62YiukhEv1paWq4VCoWfy+G27BoP77Hj34hoJPWAc113N4AnAHZY8FchxLCU8mWqcHvOjwFst+BZIhoqFouFVFPNBucjAD0WPCOEOCGllKkWmWw26wkhjMVb62Bb3dTyWGi62x3H2UtEEwC2WFBZCDEopYwbM6CpcM/z+uyN1mVB0+ZGi6LoTSO46WfuOM5NIjprQe9tcC3Vi9Thvu/v01qbZ1QVwFjjFdoo4C8voiqr6i+IowAAAABJRU5ErkJggg==) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.pngBcontentPage2Bg,
.pngBcontentPage4Bg {
	width: 100%;
}

.pngBcontentPage2Content,
.pngBcontentPage4Content {
	width: 1170px;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pngBcontentPage2Content ul {
	width: 522px;
	height: 360px;
	padding-top: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
}

.pngBcontentPage2Content li,
.pngBcontentPage3Content li,
.pngBcontentPage4Content li {
	display: flex;
	margin-bottom: 10px;
}

.pngBcontentPage2Content li p,
.pngBcontentPage4Content li p {
	margin-left: 7px;
}

.pngBcontentPage2Content div,
.pngBcontentPage3Content div,
.pngBcontentPage4Content div {
	font-size: 15px;
}

.pngBcontentPage2Content div p:last-child,
.pngBcontentPage4Content div p:last-child {
	margin-left: 30px;
}

.pngBcontentPage2Content a,
.pngBcontentPage3Content a,
.pngBcontentPage4Content a {
	display: block;
	width: 154px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background: #0083e9;
	border-radius: 50px;
	box-shadow: 0 0 10px #b6d6fa;
	margin-top: 20px;
}

.pngBcontentPage3Bg {
	width: 100%;
	background: #fff;
}

.pngBcontentPage3Content {
	width: 1170px;
	margin: 0 auto;
	padding: 80px 0 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: right;
	font-size: 16px;
}

.pngBcontentPage3Content li {
	justify-content: flex-end;
}

.pngBcontentPage3Content li p {
	margin-right: 7px;
}


.pngBcontentPage4Content ul {
	width: 420px;
	height: 360px;
	padding-top: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
}

.pngBcontentPage4Content li p {
	width: 390px;
}

.pngBcontentPage5C {
	padding: 60px 0 70px;
}

.pngBcontentPage5CTitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #222;
}

.pngBcontentPage5CB {
	width: 1170px;
	margin: 30px auto 0;
	display: flex;
	flex-wrap: wrap;
}

.pngBcontentPage5CList {
	width: 370px;
	height: 160px;
	padding: 30px 35px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin: 30px 0;
}

.pngBcontentPage5CList:nth-child(2),
.pngBcontentPage5CList:nth-child(5) {
	margin: 30px 25px;
}

.tool0Bg {
	background: url(../images/tool0.png) no-repeat;
}

.tool1Bg {
	background: url(../images/tool1.png) no-repeat;
}

.tool2Bg {
	background: url(../images/tool2.png) no-repeat;
}

.tool3Bg {
	background: url(../images/tool3.png) no-repeat;
}

.tool4Bg {
	background: url(../images/tool4.png) no-repeat;
}

.tool5Bg {
	background: url(../images/tool5.png) no-repeat;
}

.tool6Bg {
	background: url(../images/tool6.png) no-repeat;
}

.tool0Bg a {
	background: #b0d7f9;
}

.tool1Bg a {
	background: #e9e0d4;
}

.tool2Bg a {
	background: #cbe3db;
}

.tool3Bg a {
	background: #d6d4e4;
}

.tool4Bg a {
	background: #eae1d5;
}

.tool5Bg {
	padding-top: 65px;
}

.tool6Bg a {
	background: #fde4ca;
}

.pngBcontentPage5CList li {
	font-size: 20px;
	font-weight: bold;
	color: #111;
}

.pngBcontentPage5CList p {
	font-size: 16px;
	color: #333;
	margin: 5px 0 10px;
}

.pngBcontentPage5CList a {
	display: block;
	width: 128px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
}







@media screen and (max-width: 470px) {

	.mobileFormeWrap {
		height: 25rem !important;
	}

	.yasuoType-sticky {
		position: sticky !important;
		top: calc(100% - 25rem) !important;
	}
}