body {background:#FFF url("/../resources/images/zhuanti_sfhh/Pbg.png") no-repeat center 900px; font-family:"Microsoft YaHei", Arial; font-size:24px; line-height:41px; color:#333; 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: 1200px; height: 900px; background: url("/../resources/images/zhuanti_sfhh/Ptopic1.png") no-repeat center 0}
.topic img {display: none}

.container {clear:both; width: 1200px; margin: 0 auto; overflow: hidden}
h1 {text-align: center; margin: 70px auto 50px}

.intro {clear: both; width: 1200px; box-sizing: border-box; padding: 16px; background: #FFF; box-shadow: 0 0 15px 0 #B80001; margin: 30px auto 0; position: relative}
.intro1 {border: 4px solid #B80001; padding: 40px; color: #B80001;    font-size: 17px;line-height: 32px;}
.intro::before {content: ""; position: absolute; width: 33px; height: 32px; padding: 4px; background: #FFF url("/../resources/images/zhuanti_sfhh/intro.gif") no-repeat 50% 50%; border:solid #B80001; border-width: 0 4px 4px 0; left: 16px; top: 16px}
.intro::after {content: ""; position: absolute; width: 33px; height: 32px; padding: 4px; background: #FFF url("/../resources/images/zhuanti_sfhh/intro.gif") no-repeat 50% 50%; border:solid #B80001; border-width: 0 0 4px 4px; right: 16px; top: 16px}
.intro1::before {content: ""; position: absolute; width: 33px; height: 32px; padding: 4px; background: #FFF url("/../resources/images/zhuanti_sfhh/intro.gif") no-repeat 50% 50%; border:solid #B80001; border-width: 4px 4px 0 0; left: 16px; bottom: 16px}
.intro1::after {content: ""; position: absolute; width: 33px; height: 32px; padding: 4px; background: #FFF url("/../resources/images/zhuanti_sfhh/intro.gif") no-repeat 50% 50%; border:solid #B80001; border-width: 4px 0 0 4px; right: 16px; bottom: 16px}

.r2 {position: relative}
.r2 .swiper {width: 1200px; position: relative}
.r2 .swiper-slide {width: 194px; height: 346px; padding: 25px 13px; background: #B80001; margin-right: 25px}
.r2 .swiper-slide img {width: 100%; height: 100%}

.r3 {display: flex; justify-content: space-between}
.r3 div {width: 220px; height: 535px; background: #BF0000}
.r3 h2 {height: 166px; box-sizing: border-box; padding-top: 30px; text-align: center}
.r3 p {text-align: center}
.r3 p img {width: 192px; height: 345px}

.r4 {height: 350px; background: url("/../resources/images/zhuanti_sfhh/bg1.jpg") no-repeat 0 0; padding-top: 40px; display: flex; justify-content: space-around}
.r4 div {width: 264px}
.r4 p {width: 264px; height: 264px; box-sizing: border-box; padding: 7px; border: 1px solid #F9BC76; border-radius: 132px}
.r4 img {width: 100%;height: 100%;border-radius: 123px;object-fit: cover;object-position: center;}
.r4 h2 {font-size: 22px; line-height: 31px; text-align: center; color: #FFF; margin-top: 25px}
.r4 h2 a {color: #FFF}

.r5 {margin-top: 70px}

.foot-03 {min-width: 1000px;padding: 10px 0;border-top: 1px solid #D2D2D2;font-size: 12px;line-height: 21px;text-align: center;margin-top: 20px}
.floatewm {display: none;position: fixed;width: 94px;padding: 15px 5px 5px;border: 1px solid #E8E8E8;background: #F6F6F6;left: 52%;bottom: 10px;_display: none;font-family: "Microsoft YaHei", Arial;font-size: 12px;line-height: 21px;text-align: center;margin-left: 580px}
.floatewm img {margin-top: 5px}
.floatewm span {color: #B00;font-size: 11px}
.floatewm i {display: block;position: absolute;width: 15px;height: 15px;font-style: normal;line-height: 15px;text-align: center;right: 0;top: 0;cursor: pointer}

@media screen and (max-width:750px) {
	html, body {background: none; font-size: 20px; line-height: 1.5em}
	.container {width: 98%}

	.topic {min-width: 98%; height: auto; background: none}
	.topic img {display: block; max-width: 100%}

	h1 {margin: 1.5rem auto .5rem}
	h1 img {max-width: 100%}

	.intro {width: 100%; padding: .5rem; box-shadow: 0 0 0 0 #B80001; margin: 0;}
	.intro1 {padding: 1rem;height: 45vw;overflow-y: auto;font-size: 15px;}
	.intro::before,.intro::after,.intro1::before,.intro1::after {display: none}
	.intro1::-webkit-scrollbar { width: 10px; border-radius:4px; background: #ff6b6b;}
	.intro1::-webkit-scrollbar-thumb {width: 10px;border-radius:4px;background: #eee0b6;}
	.r2 .swiper {width: 100%}
	.r2 .swiper-slide {width: 44vw; height: 78.5vw; padding: 3vw 2vw; margin-right: 2vw}

	.r3 {display: block}
	.r3 div {width: 100%; height: auto; margin-bottom: .25rem; overflow: hidden}
	.r3 h2 {float: left; width: 49vw; height: 89vw; padding: 0; display: flex; align-items: center; justify-content: center}
	.r3 p {float: left; width: 49vw; height: 89vw; padding: 0; display: flex; align-items: center; justify-content: center}
	.r3 p img {width: 47vw; height: 84.5vw}

	.r4 {height: auto; background: none; padding: 0; display: block}
	.r4 div {width: 100%; height: 49vw; background: #BF0000; margin-bottom: .25rem; overflow: hidden}
	.r4 p {float: left; width: 47vw; height: 47vw; padding: 1vw; border-radius: 23.5vw; margin: 1vw 0 0 1vw}
	.r4 img {width: 45vw; height: 45vw; border-radius: 22.5vw}
	.r4 h2 {font-size: 1.5rem; line-height: 47vw; margin: 0}

	.r5 {margin-top: 1.5rem}

	.foot-03 {width: 100%;min-width: 320px;box-sizing: border-box;padding: 10px 20px;}
	.floatewm {display: none !important}
}