body {background:#FFF url("../../images/zhuanti_dsyjqyzs/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: 1180px; height: 660px; box-sizing: border-box; padding-top: 543px; background: url("../../images/zhuanti_dsyjqyzs/topic.png") no-repeat center 0}
.nav {width: 1180px; height: 100px; box-sizing: border-box; padding: 10px; background: linear-gradient(to right, #F30012, #FE1896); border-radius: 15px; font-size: 20px; line-height: 40px; margin: 0 auto}
.nav a {color: #FFF; margin-left: 20px}

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

.tabs {width: 924px; height: 100px}
.tabs li {float: left; width: 154px; height: 100px; box-sizing: border-box; padding: 15px 20px 0; background: linear-gradient(to bottom right, #F40119, #FE1896); border-top-left-radius: 60px; font-size: 22px; line-height: 36px; text-align: center; color: #FFF; cursor: default}
.tabs li.selected {background: linear-gradient(to bottom right, #60C8F4, #567AF0 40%, #AB35E7)}
.tabs li>a { color: #FFF;}
.divs {height: 360px; background: #F5F5F5}
.r1c1 {float: left; width: 420px; height: 270px; margin: 45px 0 0 50px}
.r1c1 img {width: 100%; height: 100%}
.r1c2 {float: right; width: 380px; font-size: 20px; line-height: 60px; margin: 45px 40px 0 0}
.r1c2 li {width: 380px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

.r2 li {float: left; width: 308px; height: 174px; overflow: hidden}
.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}
.zmxlt {display: none; height: 100%; position: relative}

.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_dsyjqyzs/icons.png") no-repeat 0 0; left: 17px; top: 50px; cursor:pointer}
.jcarousel-skin-gd .jcarousel-next {position: absolute; width: 20px; height: 40px; background: url("../../images/zhuanti_dsyjqyzs/icons.png") no-repeat -300px 0; right: 17px; top: 50px; 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}

.footer {
    background: linear-gradient(to right, #F30012, #FE1896);
    margin-top: 100px;
    width: 100%;
    padding: 10px;
}
.news_conwidth {
    background: url(../../images/zhuanti_dsyjqyzs/bottomlogo.png) no-repeat center;
    background-size: contain;
    width: 80px;
    margin: 0 auto;
    height: 80px;
    margin-top: 20px;
}
.footer_span {
    width: 441px;
    margin: 38px auto;
    overflow: hidden;
    display: flex;
    padding-bottom: 0px;
    justify-content: space-between;
}
.footer_span p {
    float: left;
    color: #fff;
    font-size: 16px;
}

@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 {width: 100%; height: auto; white-space: nowrap; overflow-x: auto}
	.tabs li {display: inline-block; float: none; width: auto; height: auto; padding: 2px 5px; border-top-left-radius: 0; font-size: 1rem; line-height: 1.5em}
	.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}
  
	.footer {margin-top: 10px;}
	.footer_span {display: block;width: 90%;margin: 0 auto;padding-bottom: 28px;}
	.footer_span p {font-size: 1rem;line-height: 26px;}
	.footer_span p:first-child {float: left;width: 100%;}
	.footer_span p:nth-child(2) {float: left;}
	.footer_span p:nth-child(3) {float: right;margin-top: -26px;}
	.footer .news_conwidth {padding: 10px 0 10px 0;}
	.news_conwidth {width: 50px;height:50px;margin-top:0px}
}