.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex-left { display: flex; flex-wrap: wrap; }
.pd30 { margin-left: -15px; margin-right: -15px; }
.pd30>li, .pd30 .item { padding: 0 15px; }
.sec-wrzs { padding: 80px 0; }
.zt-banner {overflow: hidden;}
.zt-banner .pic img {
	-webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;
    animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;
}
.zt-title { text-align: center; margin-bottom: 46px; }
.zt-title .tit { font-size: 48px; font-weight: bold; color: #30343e; line-height: 1.2; }
.zt-title.white .tit { color: #fff; }
.zt-title .tit font { color: #e63d2a; }
.zt-title .subtit { font-size: 24px; color: #3c3c3c; line-height: 1.2; margin-top: 13px; }
.zt-title.white .subtit { color: #fff; opacity: .8; }
.zt-title .subtit span { color: #007cc3; }
.zt-zx { text-align: center; margin-top: 50px; font-size: 0; }
.zt-zx a { display: inline-block; width: 200px; height: 48px; border: solid 1px #a0a0a0; line-height: 46px; font-size: 16px; color: #4c4645; margin: 0 5px; -webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;}
.zt-zx a:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.15)}
.zt-zx a:first-child { background-color: #007cc3; color: #fff; border-color: #007cc3; }
.zt-zx.white a:last-child { border-color: rgba(255, 255, 255, 1); color: #fff; }
.zt-zx i { font-size: 18px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px; }
.tong-list .item { width: 31.25%; background-color: #f5f7f8; background: url(../images/wrtc/nd-bg.jpg) no-repeat center; background-size: cover; border-radius: 10px; }
.tong-list .item .pic { box-shadow: 0px 0px 25px 0px 
rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }
.tong-list .item .cont { padding: 30px 40px 25px; }
.tong-list .item .cont h4 { font-size: 30px; color: #30343e; margin-bottom: 10px; }
.tong-list .item .cont ul li { width: 50%; font-size: 16px; line-height: 36px; color: #3c3c3c; }
.wrzs-b { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; height: 960px; }
.wrzs-b .zt-zx { position: absolute; left: 0; width: 100%; bottom: 60px; }
.fwnr-list { justify-content: center; }
.fwnr-list .item { text-align: center; width: 304px; height: 336px; background: url(../images/wrtc/nr-bg.png) no-repeat center; background-size: contain; margin: 0 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; }
.fwnr-list .item:nth-child(5), .fwnr-list .item:nth-child(6), .fwnr-list .item:nth-child(7) { margin-top: -70px; }
.fwnr-list .item h4 { font-size: 28px; color: #007cc3; }
.fwnr-list .item p { font-size: 16px; line-height: 28px; color: #767676; margin-top: 10px; height: 84px; }
.wrzs-d { padding-top: 50px; }
.wr-ys-1 .item { width: 48.61%; margin-bottom: 40px; position: relative;box-shadow: 0px 0px 20px 0px 
		rgba(0, 0, 0, 0.15);
	border-radius: 10px;overflow: hidden; }
.wr-ys-1 .item .tit { position: absolute; left: 50px; top: 40px; font-size: 28px; color: #ffffff; line-height: 1.25; }
.wr-ys-1 .item.black .tit {color: #007cc3;}
.wr-ys-1 .item .des { position: absolute; left: 50px; bottom: 40px; font-size: 16px; line-height: 36px; color: #ffffff; }
.wr-ys-1 .item.black .des {color: #767676;}
.wr-ys-2 .item {
	width: 23.9583%;
	background-color: #ffffff;
	box-shadow: 0px 0px 20px 0px 
		rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 40px 50px;
}
.wr-ys-2 .item h4 {
	font-size: 32px;
	line-height: 1.25;
	color: #007cc3;
}
.wr-ys-2 .item p {
	font-size: 16px;
	color: #767676;
	line-height: 34px;
	margin-top: 45px;
}
.wr-ys-2 .item p b {
	font-size: 20px;
	color: #3c3c3c;
	font-weight: normal;
}
.wrzs-e { padding-top: 50px; }
.wr-case .item { margin-bottom: 30px; text-align: center; }
.wr-case .item img { width: 100%; object-fit: cover; }
.wr-case .item .tit { font-size: 16px; color: #3c3c3c; margin-top: 15px; }
@media (max-width: 1800px) {
	.fwnr-list .item {
		width: 280px;
		    height: 320px;
	}
	.wr-ys-1 .item .tit {left: 30px;top: 30px;}
	.wr-ys-1 .item .des {left: 30px;bottom: 30px;}
	.wr-ys-2 .item {
	    padding: 30px 30px;
	}
}
@media (max-width: 1600px) {
	.zt-title .tit {
	    font-size: 38px;
	}
	.zt-title .subtit {
	    font-size: 20px;
	}
	.tong-list .item .cont {
	    padding: 25px 30px 20px;
	}
	.tong-list .item .cont h4,
	.wr-ys-1 .item .tit,
	.fwnr-list .item h4,
	.wr-ys-2 .item h4 {
	    font-size: 26px;
	}
	.fwnr-list .item p,
	.wr-ys-2 .item p {font-size: 15px;}
	.wr-ys-1 .item .des {font-size: 15px;line-height: 32px;}
	.wr-ys-2 .item p b {
	    font-size: 18px;
	}
	.wr-ys-2 .item p {line-height: 32px;}
	.wrzs-b {
	    height: 900px;
	}
}
@media (max-width: 1440px) {
	.wrzs-b {
	    height: 800px;
	}
}
@media (max-width: 1280px) {
	.wrzs-b {
	    height: 700px;
	}
}
@media (max-width: 820px) {
	.zt-banner {margin-top: 50px;}
	.sec-wrzs {
	    padding: 40px 0;
	}
	.zt-title .tit {
	    font-size: 24px;
	}
	.zt-title .subtit {
	    font-size: 14px;
	    margin-top: 10px;
	}
	.zt-title {
	    margin-bottom: 35px;
	}
	.tong-list .item .cont h4, .wr-ys-1 .item .tit, .fwnr-list .item h4, .wr-ys-2 .item h4 {
	    font-size: 20px;
	}
	.tong-list .item .cont ul li {
	    width: 100%;
	    font-size: 14px;
	    line-height: 30px;
	}
	.tong-list .item .cont {
	    padding: 20px 20px;
	}
	.zt-zx {
	    margin-top: 40px;
	}
	.zt-zx a {
	    display: inline-block;
	    width: 180px;
	    height: 40px;
	    line-height: 38px;
	    font-size: 14px;
	    margin: 0 5px;
	}
	.zt-zx i {
	    font-size: 16px;
	    margin-right: 5px;
	}
	.wrzs-b {
	    height: 490px;
	}
	.wrzs-b .zt-zx {
	    bottom: 40px;
	}
	.fwnr-list .item {
	    width: 210px;
    height: 240px;
	    margin: 0;
	}
	.fwnr-list .item:nth-child(5), .fwnr-list .item:nth-child(6), .fwnr-list .item:nth-child(7) {
	    margin-top: 0;
	}
	.wr-ys-1 .item {
	    width: 90%;
	    margin-bottom: 30px;
	    margin: 0 auto 30px;
	}
	.wr-ys-2 .item {
	    padding: 20px 20px;
	    width: 48%;
	    margin-bottom: 30px;
	}
}
@media (max-width: 640px) {
	.sec-wrzs {
	    padding: 40px 15px;
	}
	.tong-list .item {
	    width: 100%;
	}
	.tong-list .item ~ .item {margin-top: 15px;}
	.tong-list .item .cont h4, .wr-ys-1 .item .tit, .fwnr-list .item h4, .wr-ys-2 .item h4 {
	    font-size: 18px;
	}
	.zt-zx a {
	    width: 130px;
	}
	.wrzs-b {
	    height: 420px;
	}
	.fwnr-list {
	    justify-content: space-between;
	    margin-bottom: -20px;
	}
	.fwnr-list .item {
	    width: 48%;
	    height: auto;
	    background: #fff;
	    border-radius: 10px;
	    box-shadow: 0px 0px 10px 0px 
		rgba(0, 0, 0, 0.15);
		padding: 20px 0;
		margin-bottom: 20px;
	}
	.fwnr-list .item p {
	    font-size: 12px;
	    padding: 0 12px;
	    line-height: 1.75;
	    height: auto;
	}
	.fwnr-list .item:last-child {width: 100%;}
	.wrzs-d,
	.wrzs-e {
	    padding-top: 20px;
	}
	.wr-case .item {
	    margin-bottom: 20px;
	}
	.wrzs-b .zt-zx {
	    bottom: 20px;
	}
	.wr-ys-1 .item {
	    width: 100%;
	    margin-bottom: 20px;
	    margin: 0 auto 20px;
	}
	.wr-ys-1 .item .tit {
	    left: 20px;
	    top: 20px;
	}
	.wr-ys-1 .item .des {
	    font-size: 12px;
	    line-height: 1.75;
	    left: 20px;
	    bottom: 20px;
	}
	.wr-ys-2 {margin-bottom: -20px;}
	.wr-ys-2 .item {margin-bottom: 20px;}
	.wr-ys-2 .item p {
	    line-height: 2;
	    margin-top: 15px;
	    font-size: 12px;
	}
	.wr-ys-2 .item p b {
	    font-size: 14px;
	}
	.wr-case {margin-bottom: -20px;}
	.wr-case .item .tit {
	    font-size: 14px;
	    margin-top: 10px;
	}
	.pd30>li, .pd30 .item {
	    padding: 0 10px;
	}
	.pd30 {
	    margin-left: -10px;
	    margin-right: -10px;
	}
}