.jz {
				max-width: 1400px;
				margin: 0 auto;
			}

		

			.der1 {
				width: 100%;
				padding: 42px 174px;
				background: #FFFFFF;
				box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.der1_w1 {
				font-size: 30px;
				font-weight: bold;
				color: #333333;
				line-height:30px;
			}

			.der1_w2 {
				font-size: 18px;
				font-family: SourceHanSansCN;
				font-weight: 400;
				color: #333333;
				line-height: 18px;
				margin-top: 20px;
			}

			/* 本例子css */
			.slideTxtBox {
				width: 100%;
				display: flex;
				justify-content: space-between;
				margin-top: 80px;
			}

			.slideTxtBox .hd {
				width: 230px;
			}

			.slideTxtBox .hd ul {
				text-align: center;
				width: 100%;
			}

			.slideTxtBox .hd ul li {
				font-size: 24px;
				line-height: 24px;
				width: 172px;
				padding: 52px 0;
				border-bottom: 1px solid #C6C6C6;
				background: #FFFFFF;
				font-weight: 400;
				color: #666666;
				display: flex;
				align-items: center;
				justify-content: center;
				float: right;
			}

			.slideTxtBox .hd ul li img {
				display: none;
			}

			.slideTxtBox .hd ul li.on {
				z-index: 999;
				width: 230px;
				padding: 48px 0;
				background: #172788;
				font-size: 24px;
				font-weight: bold;
				color: #FFFFFF;
			}

			.slideTxtBox .hd ul li.on img {
				display: block;
			}

			.slideTxtBox .bd ul {}

			.slideTxtBox .bd li {}

			.slideTxtBox .bd li .wz1 {
				font-size: 30px;
				font-weight: 400;
				color: #333333;
				margin-top: 16px;
			}

			.bg {
			   width: 570px;
			    overflow: hidden;
	
				padding: 10px;
				background: #FFFFFF;
				box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.14);
			}


			.wz2 {
				font-size: 30px;
				font-weight: 400;
				color: #333333;
				line-height: 30px;
				margin-bottom: 38px;
			}

			.wz3 {
				width: 100%;
				height: 1px;
				background: #C6C6C6;
				margin-bottom: 38px;
			}

			.wz4 {
				font-size: 16px;
				font-weight: 400;
				color: #666666;
				line-height: 30px;
				margin-bottom: 28px;

			}

			.wz5 {
				width: 104px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				background: #F7B52B;
				border-radius: 10px;
				font-size: 16px;
				font-weight: 400;
				color: #FFFFFF;
				margin-bottom: 70px;
			}

			.wz6 {
				font-size: 16px;
				font-weight: 400;
				color: #666666;
				letter-spacing: 32px;
			}

			.der2 {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 40px;
				margin-top:40px;
			}

			.der2_w1 {
				width: 320px;
				height: 310px;
				background: #FFFFFF;
                overflow: hidden;
				padding: 10px 10px 14px 10px;
			}

			.der2_w1:hover {
				box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.14);
			}

			.der2_w2 {
				font-size: 16px;
				font-weight: 400;
				color: #333333;
			}
			
			.jer_w1 {
				font-size: 30px;
				font-weight: 400;
				color: #333333;
				line-height: 30px;
				margin-top: 20px;
				margin-left: 35px;
			}

			.jer_w2 {
				font-size: 30px;
				font-weight: 400;
				color: #333333;
				line-height: 30px;
				margin-top: 118px;
					margin-left: 35px;
			}

			.jer_w3 {
				font-size: 14px;
				font-weight: 400;
				color: #333333;
				line-height: 14px;
				margin-top: 40px;
				letter-spacing: 12px;
					margin-left: 35px;
			}

			.jer_w4 {
				font-size: 16px;
				font-weight: 400;
				color: #333333;
				line-height: 30px;
				margin-top: 40px;
					margin-left: 35px;
			}

			.jer_w5 {
				font-size: 30px;
				font-weight: bold;
				color: #333333;
				line-height: 30px;
				
			}

			.jer_w6 {
				width: 180px;
				height: 72px;

				background: rgba(198, 198, 198, 0.4);
				border-radius: 36px;
				margin-top: 80px;
				display: flex;
				align-items: center;
				justify-content: center;
					margin-left: 35px;
			}

			.jer_w7 {
				width: 160px;
				height: 52px;
				background: #FFFFFF;
				border-radius: 26px;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.jer_w8 {
				font-size: 16px;
				font-weight: 400;
				color: #333333;
				margin-left: 20px;
			}

			.jer1 {
				width: 50%;
				position: absolute;
				top: 0;
				right: 0;
			}

			.jer2 {
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
			width: 988px;
			}

			.jer3 {
				width: 70%;
				height: 295px;
				background: #F7B52B;
				border-radius: 60px 0px 0px 0px;
				position: absolute;
				right: 0;
				bottom: 0;

			}

			.jer4 {
				width: 96%;
				margin-top: 35px;
				margin-left: 4%;
				height: 260px;
				background: #FFFFFF;
				border-radius: 60px 0px 0px 0px;
				padding: 0 6%;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.jer4_w1 {
				font-size: 20px;
				font-weight: bold;
				color: #333333;
				margin-top: 32px;
			}
			.jer_w6:hover .jer_w7{
			    background: #172788;
			}
				.jer_w6:hover .jer_w7 .jer_w8{
			    color:#fff;
			}
				.jer_w6:hover .jer_w7 .jer_w77{
			   filter: brightness(100);
			}
			.jer44:hover .jer4_w1{
			    color: #F7B52B;
			}
					.ker {
				width: 100%;
				background: #F3F3F3;
			}

			.ker1 {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-top: 80px;
			}

			.ker1_w1 {
				font-size: 30px;
				line-height: 30px;
				font-weight: 400;
				color: #333333;
				margin-top: 18px;
			}

			.ker1_w2 {
				font-size: 24px;
				font-weight: 400;
				color: #333333;
				margin-left: 16px;
			}

			/* 本例子css */
			.picScroll-left {
				position: relative;
				max-width: 1400px;
				margin: 76px auto 0;
				padding-bottom: 80px;
			}

			.picScroll-left .hd {
				width: 105.5%;
				position: absolute;
				z-index: 999;
				display: flex;
				justify-content: space-between;
				top: 222px;

			}



			.picScroll-left .bd {
				
			}

			.picScroll-left .bd ul {
				overflow: hidden;
				zoom: 1;
			}

			.picScroll-left .bd ul li {
				/*margin: 0 12px;*/
				margin-right: 54px;
				float: left;
				_display: inline;
				overflow: hidden;
				text-align: center;

				width: 430px;
				height: 500px;
				background: #fff;
			}

			.picScroll-left .bd ul li .pic {
				text-align: center;
				position: relative;
			}

			.picScroll-left .bd ul li .pic img {
				width: 430px;
				height: 500px;
				display: block;
				/*padding: 2px;*/
			}

			.picScroll-left .bd ul li .pic a:hover img {
				border-color: #999;
			}

			.picScroll-left .bd ul li .title {
				line-height: 24px;
			}

			.wez {
				font-size: 16px;
				font-family: SourceHanSansCN;
				font-weight: bold;
				color: #333333;
			}


			li:hover .hwz {
				position: absolute;
				top: 0;
				width: 430px;
				height: 500px;
				background: rgba(23, 39, 136, 0.6);


			}

			.iwz {
				display: none;
				width: 37px;
				height: 37px;

			}

			li:hover .iwz {
				display: block;
			}

		

			.ker1_w3 {
				display: block;
				width: 430px;
				height: 70px;
				background: #172788;
				position: absolute;
				bottom: 0;
				font-size: 24px;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 70px;
			}

			.picList li:hover .ker1_w3 {
				display: none;
			}

			.ker1_w4 {
				font-size: 24px;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 50px;

			}

			.ker1_w5 {
				font-size: 20px;
				font-family: SourceHanSansCN;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 20px;

			}

			.ker1_w6 {
				width: 110px;
				height: 1px;
				background: #FFFFFF;
				margin: 18px 0 40px 0;
			}

			.ker1_w7 {
				font-size: 16px;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 30px;
			}

			.ker1_w8 {
				margin-top: 54px;
				width: 105px;
				height: 39px;
				line-height: 39px;
				text-align: center;
				background: #F7B52B;
				border-radius: 10px;
				font-size: 16px;
				font-weight: 400;
				color: #FFFFFF;
			}