body {background:#FFF url("../../images/zhuanti_qyzs/bg.gif") no-repeat center 690px; font-family:"Microsoft YaHei", Arial; font-size:18px; line-height:30px; 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: 926px; height: 660px; box-sizing: border-box; padding-top: 543px; background: url("../../images/zhuanti_qyzs/topic.png") no-repeat center 0}
.nav {width: 926px; height: 100px; box-sizing: border-box; padding: 10px; background: linear-gradient(to right, #2575FC, #6A11CB); border-radius: 15px; font-size: 20px; line-height: 40px; margin: 0 auto}
.nav a {color: #FFF; margin-left: 20px}
.nav a:hover {color: blue;}

.container {clear:both; width: 926px; margin: 30px auto 0; overflow: hidden}
h1 {clear: both; width: 926px; margin: 40px auto 0}

.tabs {float: left; width: 146px; height: 360px}
.tabs li {width: 146px; height: 120px; background: linear-gradient(to right, #30C79E, #5F98B3); border-top-left-radius: 60px; font-size: 30px; line-height: 120px; text-align: center; color: #FFF; cursor: default}
.tabs li.selected {background: linear-gradient(to right, #2674FC, #6812CB)}
.tabs li a {color:#FFF;}
.divs {float: left; width: 780px; height: 360px; background: #F5F5F5}
.r1c1 {float: left; width: 420px; height: 270px; margin: 45px 0 0 27px}
.r1c1 img {width: 100%; height: 100%}
.r1c2 {float: right; width: 295px; font-size: 20px; line-height: 60px; margin: 45px 15px 0 0}
.r1c2 li {width: 295px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

.r2 li {float: left; width: 308px; height: 174px; position: relative}
.r2 img {width: 100%; height: 100%}
.r2 .mask {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(51,51,51,.3); display: flex; align-items: center; justify-content: center}
.r2 h3 {padding: 20px; font-size: 20px; font-weight: normal; color: #FFF}

.jcarousel-skin-gd {width:926px; height: 230px; background: #F5F5F5; overflow: hidden}
.jcarousel-skin-gd .jcarousel-container {width:100%}
.jcarousel-skin-gd .jcarousel-clip {width:800px; margin: 30px auto 0; overflow: hidden}
.jcarousel-skin-gd .jcarousel-prev {position: absolute; width: 20px; height: 40px; background: url("../../images/zhuanti_qyzs/icons.png") no-repeat 0 0; left: 17px; top: 85px; cursor:pointer}
.jcarousel-skin-gd .jcarousel-next {position: absolute; width: 20px; height: 40px; background: url("../../images/zhuanti_qyzs/icons.png") no-repeat -300px 0; right: 17px; top: 85px; cursor:pointer}
.jcarousel-skin-gd li {width:240px; line-height: 0; margin-right:40px}
.jcarousel-skin-gd li img {width:100%; height:135px}
.jcarousel-skin-gd li h3 {font-size: 18px; font-weight: normal; line-height: 23px; margin-top: 10px}

@media screen and (max-width:750px) {
	body {background: none; font-size: 16px; line-height: 1.5em}
	.topic {min-width: 320px; height: 41vw; padding-top: 35vw; background-size: cover}
	.nav {width: 100%; height: 6vw; padding: 0; border-radius: 0; font-size: 3vw; line-height: 6vw; white-space: nowrap; overflow-x: auto}
	.nav li {display: inline}
	.nav a {margin: 0 1em}

	.container {width: 98%; margin-top: 1em}
	h1 {width: 100%; margin-top: 1.5em}
	h1 img {max-width: 100%}

	video {max-width: 100%; height: auto}

	.tabs {float: none; width: 100%; height: 1.5em; display: flex}
	.tabs li {width: auto; height: 1.5em; border-top-left-radius: 0; font-size: 1rem; line-height: 1.5em; flex:auto}
	.divs {float: none; width: 100%; height: auto; background: #FFF}
	.r1c1 {width: 48vw; height: 30vw; margin: 1em 0 0 0}
	.r1c2 {width: 48vw; font-size: 1rem; line-height: 7.5vw; margin: 1em 0 0 0}
	.r1c2 li {width: 100%}

	.r2 li {width: 48.5vw; height: 27.11vw}
	.r2 h3 {padding: 10px; font-size: 1rem; line-height: 1.5em}

	.jcarousel-skin-gd {width:100%; height: auto; padding: 1em 0}
	.jcarousel-skin-gd .jcarousel-clip {width:50vw; margin: 0 auto}
	.jcarousel-skin-gd .jcarousel-prev,.jcarousel-skin-gd .jcarousel-next {top: 50px}
	.jcarousel-skin-gd li {width:50vw; margin:0}
	.jcarousel-skin-gd li img {height:28.125vw}
	.jcarousel-skin-gd li h3 {font-size: 1rem; line-height: 1.5em; margin-top: 10px}
}
