.ydd{line-height: 1.5; color: black;}
.wrap{margin: 0 auto;max-width: 1200px; }
.cp-banner{width: 100%;background: url('../imgs/cp.jpg') no-repeat;background-position: 46% 100%;background-size: cover;padding-top: 320px;padding-bottom: 100px;}
.cp-banner .cpDiv .gsyj{background: url('../imgs/ydd.png') no-repeat center center;margin: 0 auto;font-size: 26px;border-radius: 24px;text-align: center;color: #FFFFFF;height: 240px;position: relative;}
.cp-banner .cpDiv .gsyj .gsyj-title{position: absolute;top:10px;left: 45%;}
.cp-banner .cpDiv .gsyj .gsyj-content{position: absolute;top: 80px;left: 6%;text-align: left;font-size: 20px;width: 88%; height: 159px;}
.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(1){color: #000000;position: absolute;left: -34px;display: flex;align-items: center;}
.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(1) img{margin-right: 10px;}
.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(2){color: #00609C;font-weight: 500;margin-top: 12px;position: absolute; top: 40px;}
.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(3){color: #000000;font-weight: 500;margin-top: 12px;position: absolute;top: 90px;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.cp-banner .cpDiv .jzzz .back{background-image: linear-gradient(270deg,#69E1FF 0%,rgba(255,255,255,0.00) 100%);border-radius: 0 24px;opacity: 0.3;position: relative;height: 80px;margin-bottom: -50px;}
.cp-banner .cpDiv .jzzz .jzzz-title{background: url('../imgs/title.png') no-repeat center;background-size: contain; position: absolute;width: 200px;height: 80px;font-size: 26px;color: #FFFFFF;text-align: center;line-height: 64px;z-index: 7;}
.cp-banner .cpDiv .jzzz .jzzz-content{background-image: linear-gradient(221deg,#ECF4FF 0%, #FFFFFF 100%);box-shadow: 0 2px 18px 0 rgba(0,0,0,0.10);padding: 30px;margin-top: 30px;border-radius: 16px;position: relative;z-index: 5;}
.cp-banner .cpDiv .jzzz .jzzz-content .content{margin: 30px 0;}
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-title{font-size: 20px;color: #000000;letter-spacing: 0; font-weight: 600;background: url('../imgs/1.png') no-repeat;background-size: 15% 50%; background-position: left 22px; }
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main{margin-top: 20px; font-size: 18px;display: flex;justify-content: space-between;}
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col-sm-4{max-width: 32%;}
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4{width: 49%;}
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail{background-image: linear-gradient(270deg, rgba(36,167,251,0.06) 0%, rgba(0,99,208,0.06) 100%);border-radius: 0 24px 0 24px;padding: 20px;}
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail .detail-title{font-size: 18px;font-weight: 600;margin-bottom: 10px; padding-bottom: 10px;border-bottom: 1px solid #c6d1dd;width: 80%;}
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail .detail-content{font-size: 16px;}
.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4{padding: 30px 20px;}
.cp-banner .cpDiv .jzzz .cpgn-content{background-image: linear-gradient(221deg,#ECF4FF 0%, #FFFFFF 100%);box-shadow: 0 2px 18px 0 rgba(0,0,0,0.10);padding: 30px 50px;margin-top: 30px;border-radius: 16px;position: relative;z-index: 5;}
.cp-banner .cpDiv .jzzz .cpgn-content .cpgn-title{font-size: 20px;font-weight: 600;text-align: center; padding: 30px;}
.cp-banner .cpDiv .jzzz .fwjg-content{background-image: linear-gradient(221deg,#ECF4FF 0%, #FFFFFF 100%);box-shadow: 0 2px 18px 0 rgba(0,0,0,0.10);padding: 50px 30px;padding-bottom: 30px;margin-top: 30px;border-radius: 16px;position: relative;z-index: 5;}
.cp-banner .cpDiv .jzzz .fwjg-content .fwjg{margin-top: 10px;font-size: 20px;display: flex;align-items: baseline;}
.cp-banner .cpDiv .jzzz .fwjg-content .fwjg img{margin-right: 20px;}

@media (max-width:1220px) {
	.wrap{padding: 0 30px;}
}
@media screen and (min-width: 1521px){
	.cp-banner{
		background-position: 0% 0%;
	}
}
@media (max-width:991px){
	.wrap{padding: 0 30px;}
}
@media (max-width:767px) {
.wrap{padding: 0 15px;}
.ydd{background: url('../imgs/16.png');background-size: cover;}
	.cp-banner{width: 100%;background: url('../imgs/cp.jpg'); background-position: 50% 0%;background-repeat: no-repeat;background-size: 150%;padding-top: 150px;padding-bottom: 50px;}
	.cp-banner .cpDiv .gsyj {background: url('../imgs/ydd.png') no-repeat center center;font-size: 18px;height: 180px;border-radius: 14px;background-size: cover;width: 100%;}
	.cp-banner .cpDiv .gsyj .gsyj-title {font-size: 20px;top: 10px;left: 50%;transform: translateX(-50%);}
	.cp-banner .cpDiv .gsyj .gsyj-content {top: 60px;left: 8%;font-size: 14px;}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(1){left: -29px;}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(1) img{width: 20px;margin-right: 5px;}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(2){top:25px}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(3){top:80px}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(3) img{width: 20px;}
	.cp-banner .cpDiv .jzzz {width: 100%;margin-top: 20px;}
	.cp-banner .cpDiv .jzzz .back {height: 50px;margin-bottom: -30px;}
	.cp-banner .cpDiv .jzzz .jzzz-title {width: 150px;height: 60px;font-size: 20px;line-height: 48px;}
	.cp-banner .cpDiv .jzzz .jzzz-content {padding: 20px;margin-top: 20px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content {margin: 20px 0;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-title {font-size: 16px;background-size: 12% 40%;background-position: left 18px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main {margin-top: 16px;font-size: 14px;flex-wrap: wrap;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col-sm-4 {max-width: 48%;margin-bottom: 10px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4 {width: 100%;padding: 10px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4:nth-child(1){margin-bottom: 16px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail {padding: 10px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail .detail-title {font-size: 14px;padding-bottom: 6px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail .detail-content {
		font-size: 14px;
	  }
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4 {
		padding: 20px;
	  }
	.cp-banner .cpDiv .jzzz .cpgn-content {
		padding: 20px;
		margin-top: 20px;
	  }
.cp-banner .cpDiv .jzzz .cpgn-content img{
                 max-width:100%;
}
	.cp-banner .cpDiv .jzzz .cpgn-content .cpgn-title {
		font-size: 16px;
		padding: 20px 0;
	  }
	.cp-banner .cpDiv .jzzz .cpgn-content .cpgn-title img{
		max-width: 33%;
	}
	.cp-banner .cpDiv .jzzz .fwjg-content {
		padding: 30px;
		padding-bottom: 20px;
		margin-top: 20px;
	  }
	.cp-banner .cpDiv .jzzz .fwjg-content .fwjg {
		margin-top: 10px;
		font-size: 16px;
	  }
	.cp-banner .cpDiv .jzzz .fwjg-content .fwjg img {
		margin-right: 10px;
	  }
}