body {background:#FFFDED url("../images/bg.jpg") no-repeat center 400px; font-family:"Microsoft YaHei", Arial; font-size:24px; line-height:35px; 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: 1300px; max-width: 1920px; height: 400px; background: url("../images/topic.png") no-repeat center 0; margin: 0 auto; position: relative}
/* .topic::after {content: "推广"; position: absolute; padding: 0 8px; background: rgba(0,0,0,.5); font-size: 18px; color: #FFF; right: 0; top: 0} */
.topic img {display: none}
.nav {min-width: 1300px; height: 100px; background: #3190EB; font-weight: bold; line-height: 100px}
.nav a {color: #FFF}
.nav ul {width: 1300px; margin: 0 auto; display: flex; justify-content: space-between}

.container {clear:both; width: 1300px; margin: 60px auto 0; overflow: hidden}
h1 {clear: both; width: 1300px; height: 170px; background: no-repeat center 0; margin: 55px auto 0}
h1.t4 {background-image: url("../images/t4.png")}
h1.t7 {background-image: url("../images/t7.png")}
h1.t8 {background-image: url("../images/t8.png")}
h2 {width: 640px; height: 53px; font-size: 18px; font-weight: normal; line-height: 25px; text-align: right}
h2 a {color: #AAA}
h2.t1 {background-image: url("../images/t1.png")}
h2.t2 {background-image: url("../images/t2.png")}
h2.t3 {background-image: url("../images/t3.png")}
h2.t5 {background-image: url("../images/t5.png")}
h2.t6 {background-image: url("../images/t6.png")}
.list {box-sizing: border-box; padding-left: 25px!important; padding-right: 25px!important; background: #FFF}
.list li {list-style: disc; line-height: 70px; color: #CCC; margin-left: 0.5em !important; list-style-position: inside; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.list li a {color: #333;margin-left: -10px;}
.list li a:hover {color: #3773db}
.more {clear: both; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(to right, #2689E9, #2689E9); font-size: 20px; line-height: 40px; text-align: center; color: #FFF; margin: 30px auto 0; overflow: hidden}
.more a { color: #FFF;}

.r1c1 {float: left; width: 640px}
.r1c1 .swiper {width: 640px; height: 360px}
.r1c1 .swiper-slide {width: 640px; height: 360px; position: relative}
.r1c1 .swiper-slide img {width:100%; height:100%}
.r1c1 .swiper-slide .mask {position:absolute; width:100%; bottom:0; background:rgba(3,3,3,.4)}
.r1c1 .swiper-slide h3 {font-size:16px; line-height:36px; color:#FFF; padding:7px 10px}
.r1c1 .swiper-slide h3 a {color:#FFF;font-weight: normal;}
.r1c1 .pagination-hd { position: relative;text-align: right; margin-top: -25px; z-index: 4;}
.r1c1 .img {margin-top: 26px}
.r1c1 .img img {width: 640px; height: 215px}
.r1c2 {float: right; width: 640px}
.r1c2 ul {height: 530px; padding: 20px; margin-top: 18px}
.r1c2 li:nth-child(-n + 3) {font-weight: bold}

.r2c1 {float: left; width: 640px}
.r2c1 ul {margin-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap}
.r2c1 li {width: 290px; margin-top: 15px}
.r2c1 li img {width: 290px; height: 162px}
.r2c1 li h3 {margin-top: 10px; font-size: 16px; font-weight: normal; line-height: 35px;    -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.r2c2 {float: right; width: 640px}
.r2c2 ul {height: 750px; padding: 25px; margin-top: 40px}

.r3c1 {float: left; width: 412px}
.r3c1 li {width: 412px; height: 520px}
.r3c2 {float: left; width: 400px; margin-left: 27px}
.r3c2 li {width: 400px; height: 246px}
.r3c2 li:nth-child(n+2) {margin-top: 28px}
.r3c3 {float: right; width: 430px}
.r3c3 ul {height: 520px; padding: 15px}
.pic-item li {position:relative}
.pic-item img {position:absolute; width: 100%; height: 100%; left:0; top:0; z-index:1}
.pic-item .mask {position:absolute; width:100%; left:0; bottom:0; z-index:2; background:rgba(3,3,3,0.4)}
.pic-item .mask h3 {padding:7px 10px; font-size: 16px; font-weight:normal; line-height: 36px; margin:0}
.pic-item .mask h3,.pic-item .mask h3 a {color:#FFF}
.pic-item .mask h3 a:hover {text-decoration:none}

.r4 {display: flex; justify-content: space-between}
.r4>div {width: 620px}
.r4 h2 {width: 620px}
.r4 ul {padding: 30px; margin-top: 40px}

.r7 {height: 396px; position: relative}
.r7 .swiper-button-prev {width: 63px; height: 72px; background: url("../images/prev.png")}
.r7 .swiper-button-prev::after {display: none}
.r7 .swiper-button-next {width: 63px; height: 72px; background: url("../images/prev.png"); transform: rotate(180deg)}
.r7 .swiper-button-next::after {display: none}
.r7 .swiper {width: 1114px; height: 396px; margin: 0 auto; overflow: hidden}
.r7 .swiper-slide {width: 626px; height: 396px; position: relative}
.r7 .swiper-slide img {width:100%; height:100%}
.r7 .swiper-slide .mask {position:absolute; width:100%; bottom:0; background:rgba(3,3,3,.4)}
.r7 .swiper-slide h3 {font-size:16px; font-weight: normal; line-height:36px; color:#FFF; padding:7px 10px}
.r7 .swiper-slide h3 a {color:#FFF}

.r8 ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 25px}
.r8 li {width: 400px; margin-top: 15px}
.r8 li img {width: 400px; height: 225px}
.r8 li h3 {font-size: 16px; font-weight: normal; line-height: 36px}

.foot-03 {min-width: 1000px;padding: 10px 0;border-top: 1px solid #D2D2D2;font-size: 14px;line-height: 28px;text-align: center;margin-top: 30px}

@media screen and (max-width:750px) {
	body {background: none; font-size: 16px; line-height: 1.5em}
	.topic {min-width: 320px; max-width: 100%; height: auto; background: none}
	.topic::after {font-size: .8rem}
	.topic img {display: block; width: 100%}
	.nav {min-width: 320px; height: auto; line-height: 2rem}
	.nav ul {width: auto; display: block; white-space: nowrap; overflow-x: auto}
	.nav li {display: inline-block; margin:0 .5rem}

	.container {width: 98%; margin-top: 0.5rem}
	h1 {width: 100vw; height: 13vw; background-size: cover; margin-top: 1rem}
	h2 {width: 98vw; height: 8.1vw; background-size: cover; font-size: .8rem; line-height: 1rem; margin-top: 1rem}
	.list {height: auto!important; padding: 0!important; margin-top: .5rem!important}
	.list li { line-height: 2em}
	.more {clear: both; width: 100px; height: 26px; border-radius: 13px; font-size: .75rem; line-height: 26px; margin: .5rem auto}

	.r1c1,.r1c2,.r2c1,.r2c2,.r3c1,.r3c2,.r3c3 {float: none; width: 100%; margin: 0}
	.r1c1 .swiper {width: 98vw; height: 55vw}
	.r1c1 .swiper-slide {width: 98vw; height: 55vw}
	.r1c1 .swiper-slide h3 {font-size:1rem; font-weight: normal; line-height:1.5em}
	.r1c1 .img {margin-top: .5rem}
	.r1c1 .img img {width: 98vw; height: 33vw}

	.r2c1 ul {margin-top: .5rem}
	.r2c1 li {width: 48vw}
	.r2c1 li img {width: 48vw; height: 26.8vw}
	.r2c1 li h3 {font-size: 1rem; line-height: 1.5em}

	.r3c1 li {width: 98vw; height: 123.7vw}
	.r3c2 li {width: 98vw; height: 60.27vw}
	.r3c2 li {margin-top: .5rem!important}
	.pic-item .mask h3 {font-size: 1rem; line-height: 1.5em}

	.r4 {display: block}
	.r4>div {width: 100%}
	.r4 h2 {width: 100%}

	.r7 {height: 70vw}
	.r7 .swiper-button-prev,.r7 .swiper-button-next {display: none}
	.r7 .swiper {width: 98vw; height: 62vw}
	.r7 .swiper-slide {width: 98vw; height: 62vw}
	.r7 .swiper-slide h3 {font-size:1rem; line-height:1.5rem}

	.r8 ul {margin-top: 0}
	.r8 li {width: 48vw; margin-top: .5rem}
	.r8 li img {width: 48vw; height: 27vw}
	.r8 li h3 {font-size: 1rem; line-height: 1.5em}
  
    .foot-03 {width: 100%;min-width: 320px;box-sizing: border-box;padding: 10px 20px;}
	
  
}