body {background:#FFF url("../../images/zhuanti_njz/bg.jpg") repeat-y center 1171px; font-family:"Microsoft YaHei", Arial; font-size:18px; line-height:30px; color:#1D093B; margin:0}
a {color:#333; text-decoration:none}
a:hover {color: #3773db}
h1,h2,h3,h4,p,form {margin:0; padding:0}
img {border:0}
ul,li {list-style:none; padding:0; margin:0}
input,button,select,textarea{outline:none}

.topic {min-width: 1360px; height: 1171px; background: url("../../images/zhuanti_njz/topic.jpg") no-repeat center 0}

.r1 {clear: both; width: 1400px; height: 880px; margin: 260px auto 0; position: relative}
.r1 .box {width: 1400px; height: 880px; box-sizing: border-box; padding: 0 100px; border: 6px solid #1D093C; border-radius: 22px; background: #FFF; position: relative; z-index: 2}
.r1::before {content: ""; display: block; width: 1400px; height: 880px; box-sizing: border-box; border: 6px solid #FFF; border-radius: 22px; position: absolute; left: 17px; top: 20px}
.r1 video {display: block; width: 1040px; height: 585px; margin: -70px auto 0}
.r1 h3 {width: 1040px; height: 130px; background: #F5AAA7; font-size: 48px; line-height: 130px; text-align: center; color: #FFF; margin: 0 auto}
.r1 p {font-size: 36px; line-height: 61px; margin-top: 20px}


h1 {margin-top: 140px; text-align: center}
.r2 {clear: both; width: 1670px; margin: 35px auto 0; position: relative}
.r2 .box {width: 1670px; box-sizing: border-box; border: 6px solid #1D093C; border-radius: 22px; background: #FFF; position: relative; z-index: 2}
.r2::before {content: ""; display: block; width: 1670px; height: 100%; box-sizing: border-box; border: 6px solid #FFF; border-radius: 22px; position: absolute; left: 17px; top: 20px}
.r2 ul {width: 1670px; padding-bottom: 20px; margin-left: 85px; overflow: hidden}
.r2 li {float: left; width: 688px; height: 550px; margin: 85px 125px 0 0; box-shadow: 11px 11px 11px 0px #F9D4D3}
.r2 li img {width: 688px; height: 387px}
.r2 h3 {padding: 10px 20px 0; font-size: 33px; line-height: 45px; font-weight: normal}
.r2 .more {padding: 80px 0; text-align: center}
.r2 .more img {cursor: pointer}

.foot-03 {padding-bottom: 50px; font-size: 24px; line-height: 35px; text-align: center; margin-top: 125px}
.foot-03, .foot-03 a {color: #1D093C}
.lihide{
	display: none;
}
@media screen and(min-width:751px) {
	html{
		width: 80%;
	}
}
@media screen and (max-width:750px) {
	body {background: none; font-size: 16px; line-height: 1.5em}
	.topic {min-width: 320px; width: 100vw; height: 61vw; background-size: contain}

	.r1 {width: 100%; height: auto; margin-top: 1em}
	.r1 .box {width: 100%; height: auto; padding: 0; border: 0; border-radius: 0}
	.r1::before {display: none}
	.r1 video {width: auto; max-width: 100%; height: auto; margin: 0}
	.r1 h3 {width: auto; height: auto;  font-size: 1.5rem; line-height: 2em; color: #000}
	.r1 p {text-indent:2em;padding: 0 1%; font-size: 1rem; line-height: 2em; margin-top: .5em}

	h1 {margin-top: 1em}
	h1 img {width: 75%}
	.r2 {width: 98%; margin-top: 1em}
	.r2 .box {width: 100%; border: 0; border-radius: 0}
	.r2::before {display: none}
	.r2 ul {width: 100%; padding-bottom: 6px; margin-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between}
	.r2 ul::after {content: ""; width: 47%; visibility: hidden}
	.r2 li {float: none; width: 98vw; height: auto; margin: 1em 1vw 0; }
	.r2 li img {width: 100%; height: auto}
	.r2 h3 {padding: 0; font-size: 1rem; line-height: 1.5em}
	.r2 .more {padding: 2em 0}
	.r2 .more img {width: 40%}

	.foot-03 {padding: 1%; font-size: .75rem; line-height: 1.5em; margin-top: 1em}
}