@charset "utf-8";

/*CSS通用重置样式*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

fieldset,
img {
	border: 0;
}

:focus {
	outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup,
i {
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

code,
kbd,
samp,
tt {
	font-size: 100%;
}

input,
button,
textarea,
select {
	*font-size: 100%;
}

body {
	/* font-size:12px; */
	/* color:#333; */
	/* background:#FFF; */
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline;
}

:link,
:visited,
ins {
	text-decoration: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	vertical-align: middle;
}

.clearfix:before,
.cf:before,
.clearfix:after,
.cf:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after,
.cf:after {
	clear: both;
}

.clearfix,
.cf {
	zoom: 1;
}

html {
	_text-overflow: ellipsis;
}

/*???IE6????????*/
iframe {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: """";
}

/* Init */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* common */
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background: url(../images/20231023bg.jpg) center center no-repeat;
	background-size: cover;
	font: 14px/1.5 "Microsoft YaHei", Microsoft YaHei, Helmet, Freesans, sans-serif;
	color: #333333;
}

a,
a:visited {
	text-decoration: none;
}

.clearer {
	line-height: 0px;
	clear: both;
}

strong {
	font-weight: bold;
}

/* new clear .clear{overflow:hidden; zoom:1; clear:both;}*/
.clear:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clear {
	display: inline-block;
}

/**/
/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}

.clear {
	display: block;
}

/**/
/* End hide from IE-mac */



/* 导航 开始 */
.nav {
	width: 67%;
	position: absolute;
	top: 4.5%;
	right: 1%;
	z-index: 999;
	height: 1rem;
}

.nav-cloud {
	width: 100%;
	/* height: 1rem; */
	/* display: flex; */
	/* justify-content: space-around; */
	/* align-items: center; */
}

.nav-item {
    width: 6.8%;
    height: 0.4rem;
    cursor: pointer;
    line-height: 0.4rem;
    margin-left: 0.66%;
    text-align: center;
    /* padding: 0.3rem 0px; */
    font-size: 0.24rem;
    color: #066dee;
    background: rgba(255,255,255,0.25);
    position: relative;
    float: left;
    margin-left: 0.44rem;
}
.nav-item.curre:before{
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width: 0.18rem;
	background:#116eef;
}
.nav-item:first-child{
	margin-left:0px;
}
/* 导航 结束 */



/* banner 开始 */
.banner {
	overflow: hidden;
	position: fixed;
	left: 0px;
	top: 0;
	width: 30%;
	bottom: 0;
	z-index: 3;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.banner .banner-logo {
	width: 1.3rem;
	height: .5rem;
	background: url(../images/logo.png) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	position: absolute;
	top: 0.5rem;
	left: 0.7rem;
	z-index: 30;
}


/* banner 结束 */
.main {
	width: 70%;
	height: 100%;
	overflow: hidden;
	/* position: fixed; */
	/* right: 0; */
	/* top: 0; */
	/* bottom: 0; */
	z-index: 1;
	float: right;
}

.main-cont {
	width: 100%;
	height: 100%;
}

.main-cont #mainSwiper {
	width: 100%;
	height: 100%;
}

.main-cont .main-slide {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	perspective: 500px;
}

.main-cont .main-slide {
	text-align: center;
}

.main-cont .main-slide .slide-cont {
	height: 100%;
	width: auto;
	overflow: hidden;
	-webkit-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
	transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}

.slideInit {
	-webkit-transform: rotateX(0deg) rotateY(-6deg) scale(0.88) translateZ(0);
	-moz-transform: rotateX(0deg) rotateY(-6deg) scale(0.88) translateZ(0);
	transform: rotateX(0deg) rotateY(-6deg) scale(0.88) translateZ(0);
	-webkit-box-shadow: 0px 4px 54px 11px rgba(24, 28, 30, 0.1);
	-moz-box-shadow: 0px 4px 54px 11px rgba(24, 28, 30, 0.1);
	box-shadow: 0px 4px 54px 11px rgba(24, 28, 30, 0.1);
}

.slideConutRote {
	-webkit-transform: rotateX(0deg) rotateY(-6deg) scale(0.88) translateZ(0);
	-moz-transform: rotateX(0deg) rotateY(-6deg) scale(0.88) translateZ(0);
	transform: rotateX(0deg) rotateY(-6deg) scale(0.88) translateZ(0);
	-webkit-box-shadow: 0px 4px 54px 11px rgba(24, 28, 30, 0.1);
	-moz-box-shadow: 0px 4px 54px 11px rgba(24, 28, 30, 0.1);
	box-shadow: 0px 4px 54px 11px rgba(24, 28, 30, 0.1);
}

.first-slide {
	width: 100% !important;
}

.hide {
	display: none;
}


.part {
	display: flex;
	position: relative;
	z-index: 5;
	padding: 0.8rem 5.3% 0.1% 5.3%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	align-items: center;
	position: relative;
}

.part-con {
	width: 100%;
}


.part-con .logo-item {
	width: 28%;
	float: left;
	margin-right: 4%;
	margin-top: 0.15rem;
}

.part-con .logo-item img {
	width: 100%;
}

.foot {
	width: 100%;
	height: 1.2rem;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(https://nfcms-mainsiteoss.southcn.com/gddj/__tpl_asset/zt/img/20220614foot.png) center left no-repeat;
	background-size: cover;
}

/* 鼠标提示 开始 */
.tips {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 5.6rem;
	text-align: center;
	z-index: 100;
}

.tips .tips-mouse {
	display: block;
	width: 30px;
	height: 65px;
	margin: 0 auto;
	background: url("https://nfcms-mainsiteoss.southcn.com/gddj/__tpl_asset/zt/img/mouse.png") 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	-webkit-animation: mouseBreath 2s linear 0s infinite alternate;
	-moz-animation: mouseBreath 2s linear 0s infinite alternate;
	animation: mouseBreath 2s linear 0s infinite alternate;
}

.tips .tips-ani {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	width: 30px;
	height: 65px;
}

.tips .tips-ani i,
.tips .tips-ani span {
	display: block;
	margin: 0 auto;
}

.tips .tips-ani .tips-dots {
	width: 6px;
	height: 0px;
	overflow: hidden;
	-webkit-animation: dotShow 2s linear 0s infinite normal;
	-moz-animation: dotShow 2s linear 0s infinite normal;
	animation: dotShow 2s linear 0s infinite normal;
}

.tips .tips-ani .tips-dot {
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #c40e12;
	margin-bottom: 10px;
}

.tips .tips-ani .tips-arr {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 16px;
	background: url("http://www.xinhuanet.com/politics/70zn/images/arrow.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	margin-top: -5px;
	-webkit-animation: arrowDown 2s linear 0s infinite normal;
	-moz-animation: arrowDown 2s linear 0s infinite normal;
	animation: arrowDown 2s linear 0s infinite normal;
}

.tips .tips-infor {
	font-size: 0.16rem;
	color: #c40e12;
	margin-top: 10px;
}

/* 鼠标提示 结束 */





/* 要闻聚焦 开始 */

.part0 #part0Focus {
	position: relative;
	padding-bottom: 0.2rem;
	margin-top: 0.3rem;
}

.part0 #part0Focus .com-tw-img {
	height: auto;
	position: relative;
}

.part0 #part0Focus .com-tw-img img {
	width: 100%
}

.part0 #part0Focus .swiper-pagination {
	bottom: 0px;
}

.part0 #part0Focus .icon-play {
	vertical-align: top;
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 0.1rem;
}

.part0 .swiper-button-next,
.part0 .swiper-button-prev {
	top: 41%;
}

.part0 #part0Focus .swiper-slide h5 {
	font-size: 0.3rem;
	font-weight: bold;
	color: #4f65a9;
}

.part0 #part0Focus .swiper-slide p {
	font-size: 0.2rem;
	line-height: 0.42rem;
	text-align: justify;
	color: #333;
	padding-top: 0.1rem;
	text-indent: 2em;
}

.morem {
	width: 1.57rem;
	height: 0.43rem;
	margin-top: 0.25rem;
	display: block;
	float: right;
	font-size:0.15rem;
	color:#041f43;
	text-align: right;
}

.morem img {
	width: 100%;
}



.part0 .part0-headNews {
	margin: 0.16rem auto;
}

.part0 .part0-headNews h2 {
	font-size: 0.3rem;
	line-height: 0.5rem;
	font-weight: bold;
	color: #d11521;
	text-align: center;
}

.part0 .part0-headNews h2 a {
	color: #d11521;
}

.part0 .part0-scroll {
	position: relative;
	margin: 0.16rem auto 0;
}

.part0 .part0-scroll .swiper-slide {
	display: inline-block;
	margin-right: 2%;
	width: 49%;
}

.top {
	width: 100%;
	margin-top: 8.1%;
	text-align: center;
	font-size:0.3rem;
	color:#3775c3;
	height: 0.7rem;
	line-height: -0.2rem;
	background: url(../images/hualan.png) no-repeat center bottom;
}
.top a{
	color:#3775c3;
}
.top a img{
	display: block;
	width: 3.3rem;
	margin: 0px auto;
}
/* 要闻聚焦 结束 */


/* 媒体热评 开始 */
.mtrp {
	width: 100%;
	overflow: hidden;
}

.mtrp img {
	width: 50%;
	height: 1.475rem;
	float: left;
}

.mtrp h5 {
	width: 40%;
	padding: 0 5%;
	height: 1.475rem;
	float: left;
	background: #8597d2;
	display: flex;
	font-size: 0.2rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.list {
	width: 100%;
	margin-top: 0.2rem;
}

.list li {
	text-align: left;
	font-size: 0.2rem;
	color: #343333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 0.5rem;
	border-bottom: 1px dashed #dedede;
}

.list li a {
	color: #333
}

/* 媒体热评 结束 */



/* 一图读懂 开始 */
.part2 #part2Focus {
	position: relative;
	padding-bottom: 0.2rem;
	margin-top: 0.3rem;
	width: 80%;
}

.part2 #part2Focus .com-tw-img {
	height: auto;
	position: relative;
	width: 100%;
}

.part2 #part2Focus .com-tw-img img {
	width: 100%
}

.part2 #part2Focus .swiper-pagination {
	bottom: 0px;
}

.part2 #part2Focus .icon-play {
	vertical-align: top;
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 0.1rem;
}



.part2 .swiper-button-next,
.part2 .swiper-button-prev {
	top: 41%;
}

/* 一图读懂 结束 */






/* 唯品会 开始 */
.part3 #part3Focus {
	position: relative;
	padding-bottom: 0.2rem;
	margin-top: 0.3rem;
	width: 100%;
}

.part3 #part3Focus .com-tw-img {
	height: auto;
	position: relative;
	width: 100%;
}

.part3 #part3Focus .com-tw-img img {
	width: 100%
}

.part3 #part3Focus .swiper-pagination {
	bottom: 0px;
}

.part3 #part3Focus .icon-play {
	vertical-align: top;
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 0.1rem;
}



.part3 .swiper-button-next,
.part3 .swiper-button-prev {
	top: 41%;
}

/* 唯品会 结束 */

@-webkit-keyframes circle-creation {
	0% {
		border-color: transparent;
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		border-color: transparent #fff transparent transparent;
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	50% {
		border-color: transparent #fff #fff transparent;
	}

	75% {
		border-color: transparent #fff #fff #fff;
	}

	100% {
		border-color: #fff;
		-moz-transform: rotate(-300deg);
		-ms-transform: rotate(-300deg);
		-webkit-transform: rotate(-300deg);
		transform: rotate(-300deg);
	}
}

@-moz-keyframes circle-creation {
	0% {
		border-color: transparent;
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		border-color: transparent #fff transparent transparent;
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	50% {
		border-color: transparent #fff #fff transparent;
	}

	75% {
		border-color: transparent #fff #fff #fff;
	}

	100% {
		border-color: #fff;
		-moz-transform: rotate(-300deg);
		-ms-transform: rotate(-300deg);
		-webkit-transform: rotate(-300deg);
		transform: rotate(-300deg);
	}
}

@keyframes circle-creation {
	0% {
		border-color: transparent;
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		border-color: transparent #fff transparent transparent;
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	50% {
		border-color: transparent #fff #fff transparent;
	}

	75% {
		border-color: transparent #fff #fff #fff;
	}

	100% {
		border-color: #fff;
		-moz-transform: rotate(-300deg);
		-ms-transform: rotate(-300deg);
		-webkit-transform: rotate(-300deg);
		transform: rotate(-300deg);
	}
}

@-webkit-keyframes bannerCloud {
	0% {
		-webkit-transform: translate3d(-1050px, 0, 0);
		transform: translate3d(-1050px, 0, 0);
	}

	10%,
	80% {}

	100% {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
	}
}

@-moz-keyframes bannerCloud {
	0% {
		-moz-transform: translate3d(-1050px, 0, 0);
		transform: translate3d(-1050px, 0, 0);
	}

	10%,
	80% {}

	100% {
		-moz-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
	}
}

@keyframes bannerCloud {
	0% {
		-webkit-transform: translate3d(-1050px, 0, 0);
		-moz-transform: translate3d(-1050px, 0, 0);
		transform: translate3d(-1050px, 0, 0);
	}

	10%,
	80% {}

	100% {
		-webkit-transform: translate3d(0px, 0, 0);
		-moz-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
	}
}

@-webkit-keyframes bannerCloudBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	10%,
	80% {
		opacity: 0.7;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3);
	}
}

@-moz-keyframes bannerCloudBig {
	0% {
		opacity: 0;
		-moz-transform: scale(1);
		transform: scale(1);
	}

	10%,
	80% {
		opacity: 0.7;
	}

	100% {
		opacity: 0;
		-moz-transform: scale(3);
		transform: scale(3);
	}
}

@keyframes bannerCloudBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	10%,
	80% {
		opacity: 0.7;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(3);
		-moz-transform: scale(3);
		transform: scale(3);
	}
}

@-webkit-keyframes posterDrop1 {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 400% 0;
	}
}

@-moz-keyframes posterDrop1 {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 400% 0;
	}
}

@keyframes posterDrop1 {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 400% 0;
	}
}

@-webkit-keyframes logoLeftOut {
	0% {
		opacity: 1;
	}

	62.5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes logoLeftOut {
	0% {
		opacity: 1;
	}

	62.5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes logoLeftOut {
	0% {
		opacity: 1;
	}

	62.5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes coverToSmall {
	0% {
		right: 0;
	}

	70% {
		right: 64%;
		opacity: 1;
	}

	100% {
		right: 64%;
		opacity: 0;
	}
}

@-moz-keyframes coverToSmall {
	0% {
		right: 0;
	}

	70% {
		right: 64%;
		opacity: 1;
	}

	100% {
		right: 64%;
		opacity: 0;
	}
}

@keyframes coverToSmall {
	0% {
		right: 0;
	}

	70% {
		right: 64%;
		opacity: 1;
	}

	100% {
		right: 64%;
		opacity: 0;
	}
}

@-webkit-keyframes topic1Right {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	30% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-webkit-transform: scale(1) translate3d(300px, -12px, 0);
		transform: scale(1) translate3d(300px, -12px, 0);
	}

	62% {
		-webkit-transform: scale(0.81) translate3d(352px, -12px, 0);
		transform: scale(0.81) translate3d(352px, -12px, 0);
	}

	100% {
		-webkit-transform: scale(0.81) translate3d(352px, -12px, 0);
		transform: scale(0.81) translate3d(352px, -12px, 0);
	}
}

@-moz-keyframes topic1Right {
	0% {
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	30% {
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-moz-transform: scale(1) translate3d(300px, -12px, 0);
		transform: scale(1) translate3d(300px, -12px, 0);
	}

	62% {
		-moz-transform: scale(0.81) translate3d(352px, -12px, 0);
		transform: scale(0.81) translate3d(352px, -12px, 0);
	}

	100% {
		-moz-transform: scale(0.81) translate3d(352px, -12px, 0);
		transform: scale(0.81) translate3d(352px, -12px, 0);
	}
}

@keyframes topic1Right {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	30% {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-webkit-transform: scale(1) translate3d(300px, -12px, 0);
		-moz-transform: scale(1) translate3d(300px, -12px, 0);
		transform: scale(1) translate3d(300px, -12px, 0);
	}

	62% {
		-webkit-transform: scale(0.81) translate3d(352px, -12px, 0);
		-moz-transform: scale(0.81) translate3d(352px, -12px, 0);
		transform: scale(0.81) translate3d(352px, -12px, 0);
	}

	100% {
		-webkit-transform: scale(0.81) translate3d(352px, -12px, 0);
		-moz-transform: scale(0.81) translate3d(352px, -12px, 0);
		transform: scale(0.81) translate3d(352px, -12px, 0);
	}
}

@-webkit-keyframes topic2Down {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	75% {}

	80% {
		-webkit-transform: scale(1) translate3d(-385px, 110px, 0);
		transform: scale(1) translate3d(-385px, 110px, 0);
	}

	100% {
		-webkit-transform: scale(0.81) translate3d(-500px, 110px, 0);
		transform: scale(0.81) translate3d(-500px, 110px, 0);
	}
}

@-moz-keyframes topic2Down {
	0% {
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	75% {}

	80% {
		-moz-transform: scale(1) translate3d(-385px, 110px, 0);
		transform: scale(1) translate3d(-385px, 110px, 0);
	}

	100% {
		-moz-transform: scale(0.81) translate3d(-500px, 110px, 0);
		transform: scale(0.81) translate3d(-500px, 110px, 0);
	}
}

@keyframes topic2Down {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	75% {}

	80% {
		-webkit-transform: scale(1) translate3d(-385px, 110px, 0);
		-moz-transform: scale(1) translate3d(-385px, 110px, 0);
		transform: scale(1) translate3d(-385px, 110px, 0);
	}

	100% {
		-webkit-transform: scale(0.81) translate3d(-500px, 110px, 0);
		-moz-transform: scale(0.81) translate3d(-500px, 110px, 0);
		transform: scale(0.81) translate3d(-500px, 110px, 0);
	}
}

@-webkit-keyframes toHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes toHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes toHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes toBig {
	10% {
		-webkit-background-size: 100% 100%;
		background-size: 100%;
	}

	100% {
		-webkit-background-size: 350% 350%;
		background-size: 350%;
	}
}

@-moz-keyframes toBig {
	10% {
		-moz-background-size: 100%;
		background-size: 100%;
	}

	100% {
		-moz-background-size: 350%;
		background-size: 350%;
	}
}

@keyframes toBig {
	10% {
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100%;
		background-size: 100%;
	}

	100% {
		-webkit-background-size: 350% 350%;
		-moz-background-size: 350%;
		background-size: 350%;
	}
}

@-webkit-keyframes mouseBreath {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}

@-moz-keyframes mouseBreath {
	0% {
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-moz-transform: scale(1.3);
		transform: scale(1.3);
	}
}

@keyframes mouseBreath {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		transform: scale(1.3);
	}
}

@-webkit-keyframes arrowDown {
	0% {
		-webkit-transform: translateY(-46px);
		transform: translateY(-46px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-moz-keyframes arrowDown {
	0% {
		-moz-transform: translateY(-46px);
		transform: translateY(-46px);
	}

	100% {
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes arrowDown {
	0% {
		-webkit-transform: translateY(-46px);
		-moz-transform: translateY(-46px);
		transform: translateY(-46px);
	}

	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes dotShow {
	0% {
		height: 0;
	}

	100% {
		height: 50px;
	}
}

@-moz-keyframes dotShow {
	0% {
		height: 0;
	}

	100% {
		height: 50px;
	}
}

@keyframes dotShow {
	0% {
		height: 0;
	}

	100% {
		height: 50px;
	}
}









.wplimg {
	width: 100%;
	position: relative;
}

.wphdj {
	width: 100%;
	position: relative;
	margin-top: 0.3rem;
}

.wphdj p {

	text-align: left;
	text-indent: 2em;
	font-size: 0.2rem;
	color: #343333;
	overflow: hidden;

	line-height: 0.42rem;

}

.imgf {
	width: 100%;
	position: relative;
	margin-top: 0.2rem;
}

.imgf img {
	width: 100%;
}


.part-video {
	width: 96%;
	display: block;
	border: 6px solid #fff;
	border-radius: 10px;
	margin: 0 auto;
}

.part-video video {
	width: 100%;
}

.sul {
	width: 100%;
	display: block;
	/* padding-top: 0.3rem; */
	position: relative;
	margin-top: -0.15rem;
}

.sul-item {
	font-size: 0.2rem;
	color: #333;
	text-align: left;
	line-height: 0.55rem;
	border-bottom: 1px dashed #a7a5a5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left:0.2rem;
	position: relative;
}
.sul-item:before{
	content:"";
	display:inline-block;
	width:0.05rem;
	height:0.05rem;
	background:#4f4f4f;
	border-radius:50%;
	position: absolute;
	left:0px;
	top:0.26rem;
}
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -ms-interpolation-mode: bicubic;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Chrome  Safari */
    -moz-backface-visibility: hidden;
    /* Firefox */
    -ms-backface-visibility: hidden;
    /* Internet Explorer */
    /*......*/
    filter: blur(0);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
}
.sul-item a {
	display: block;
	color: #4f4f4f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.jj-title {
	font-size: 0.35rem;
	font-weight: bold;
	color: #1275c8;
	text-align: left;
	/* margin-top: 0.8rem; */
}

.jj-title a {color: #1275c8;}

.jj-des {
	font-size: 0.2rem;
	text-align: left;
	display: -webkit-box;
	color: #666666;
	padding-top: 0.3rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	line-height: 0.36rem;
	margin-bottom: 0.5rem;
}

.jj-des a {
	color: #555;
	text-indent: 2em;
	display: block;
}


.s-lbt {
	width: 100%;
	position: relative;
	margin-top: 0.35rem;
}

.s-lbt .swiper-container {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0.4rem
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.s-lbt .swiper-container .swiper-slide {position: relative;/* border: 8px solid #fff; */box-sizing: border-box;}

.s-lbt .swiper-container .swiper-slide img {
	width: 100%;
	min-height: 100%;
	transition:all 0.5s;
}
.s-lbt .swiper-container .swiper-slide>a{
	display: block;
	width:100%;
	height: 3.9rem;
	position: relative;
	overflow: hidden;
}
.s-lbt .swiper-container .swiper-slide>a:hover img{
	transition:all 0.5s;
	transform: scale(1.1);
}
.s-lbt .swiper-container .swiper-slide h5{
	font-size: 0.18rem;
	color: #fff;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0.1rem 0.1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	
	background: rgba(0, 0, 0, 0.5);
}
.s-lbt .swiper-container .swiper-slide h5>a{
	width:80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	    color: #fff;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 0px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0px;
}

.pl-top {
	width: 2.2rem;
	/* margin-top: 0.4rem; */
	margin-bottom: 0.1rem;
}

.pl-top img {
	width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	    bottom:0.5rem;
	    text-align: right;
	    z-index: 11111;
	    width: auto;
	    float: right;
	    right: 0px;
}
.swiper-pagination-bullet{
	width:0.1rem;
	height:0.1rem;
	background:white;
	opacity:1;
}
.swiper-pagination-bullet-active{
	background:#1275c8;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background:url(../images/r.png);
		background-size: contain;
		right:0.1rem;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background:url(../images/l.png);
	background-size: contain;
	left:0.1rem;
}
.swiper-button-next, .swiper-button-prev{
	width: 0.35rem;
	height: 0.32rem;
	z-index: 111;
}
.banner-topic{
	position: relative;
	top: 2.3rem;
	width: 80%;
	margin: 0px auto;
}
.banner-topic img{
	display: block;
	width:100%;
}
.banner-unit{
	position: relative;
	top: 2.3rem;
	width: 88%;
	margin: 0.2rem auto;
}
.banner-unit img{
	display: block;
	width:100%;
}
.banner-cloud{
	position: relative;
	top: 2.3rem;
	width: 82%;
	margin: 0px auto;
}
.banner-cloud img{
	display: block;
	width:100%;
}

.cs_list ul li {
    float: left;
    width: 2.4rem;
    margin: 0rem 0.2rem;
    font-size: 0.2rem;
    color: #1c72e6;
}
.cs_list ul li>a{
	display: block;
	width:100%;
	height: 1.05rem;
	position: relative;
	overflow: hidden;
}
.cs_list ul li>a img{
	display: block;
	width:100%;
	min-height:100%;
	transition:all 0.5s;
}
.cs_list ul li>a:hover img{
	transition:all 0.5s;
	transform: scale(1.1);
}
.cs_list {
	    padding: 0.2rem;
	    background: rgba(255,255,255,0.36);
	    border-radius: 0.2rem;
}
.cs_list ul li p{
	/* margin-top:0.1rem; */
	margin-bottom: 0.05rem;
}
.cs_list ul li p a{  color: #1c72e6;}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2024-06-20 18:12:15" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->