@font-face {
	font-family: sysong;
	src: url(./font/sySong.OTF);
}
@font-face {
	font-family: CenturyGothic;
	src: url(./font/GOTHIC.TTF);
}
body {
	-ms-overflow-x: hidden;
}
#downPage {
	background: url("../images/down-page1.png") no-repeat 0% 0% / 100% 100%; margin: 0px 0.6rem; transition:opacity 2s; animation:_ani1 10s linear infinite; width: 1rem; height: 1rem; display: flex; z-index: 9; cursor: pointer; opacity: 0; justify-content: center; align-items: center;
}
.banner.ani #downPage {
	opacity: 1;
}
#downPage::before {
	background: url("../images/down-page1.png") no-repeat 0% 0% / 100% 100%; animation:ani_bj 3s linear infinite; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0;
}
#downPage img {
	animation:_ani2 10s linear infinite;
}
.banner {
	overflow: hidden; position: relative;
}
.banner a {
	display: block;
}
.banner > img {
	width: 100%; display: block;
}
.banner .slick {
	position: relative; z-index: 9;
}
.banner .slick-slide a {
	padding-top: 37.5%; display: block; position: relative;
}
.banner .slick-slide a video {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; object-fit: cover;
}
.banner .slick-slide a span {
	background-position: center !important; transition:0.8s; left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; transform: translateX(-50%) translateY(-50%); background-repeat: no-repeat !important; background-size: cover !important;
}
.banner .slick-slide a::before {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); left: 0px; height: 2.5rem; right: 0px; bottom: 0px; position: absolute; z-index: 1; content: "";
}
.banner .slick-slide a > img {
	left: 0px; top: 0px;width: 100%;  height:100%;display: block; position: absolute; object-fit: cover;
}
.banner .slick-slide a .banner-text {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 9; justify-content: center; align-items: center;
}
.banner .slick-slide a .banner-text span {
	transition:1s; display: block; max-height: 1.83rem; max-width: 70%; opacity: 0; transform: scale(0);
}
.banner .slick-slide a .banner-text img.on {
	opacity: 1; transform: scale(1);
}
.banner .slick-slide.slick-current a {
}
.banner .slick-dots {
	padding: 0px 0.15rem; left: 0px; text-align: center; right: 0px; bottom: 0.3rem; font-size: 0px; display: flex !important; justify-content: center; align-items: center;
}
.banner .slick-dots li {
	margin: 0px 0.03rem; padding: 0.06rem; border-radius: 50%; border: 1px dashed transparent; transition:0.6s; border-image: none; width: 0.24rem; height: 0.24rem; text-align: center; vertical-align: middle; justify-content: center; align-items: center;
}
.banner .slick-dots li button {
	background: rgba(255, 255, 255, 0.4); padding: 0px; border-radius: 50%; width: 100%; height: 100%;
}
.banner .slick-dots li.slick-active {
	border: 1px dashed rgb(255, 255, 255); border-image: none;
}
.banner .slick-dots li.slick-active button {
	background: rgba(255, 255, 255, 1);
}


.tw-list {
	margin-top: 0.35rem;
}
.tw-list ul {
	margin: 0px -0.16rem; display: flex; flex-wrap: wrap;
}
.tw-list ul li {
	transition:0.6s; width: 25%; margin-top: 0.08rem;
}
.tw-list ul li a {
	margin: 0px 0.16rem; transition:0.6s; display: block;
}
.tw-list ul li a .pic {
	padding-top: 67%;
}
.tw-list ul li a .txt {
	padding: 0px 0.2rem; height: 0.9rem; display: flex; flex-direction: column; justify-content: center;
}
.tw-list ul li a .txt p {
	color: rgb(51, 51, 51); font-size: 0.18rem;
}
.tw-list ul li a .txt span {
	background: url("../images/s1-time.png") no-repeat left / 0.16rem auto; color: rgb(104, 104, 104); line-height: 0.3rem; padding-left: 0.25rem; font-size: 0.14rem;
}
@media screen and (min-width:1025px)
{
.tw-list ul li:hover a .txt {
	background: rgb(255, 255, 255);
}
.tw-list ul li:hover a {
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
}
}
.list ul {
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.list ul li {
	transition:0.6s; width:33.33%;
}
.list li a {
	padding: 0.2rem 0.35rem; transition:0.6s; display: flex; position: relative; flex-wrap: wrap; align-items: center;
}
.list li a .date1 {
	height: 100%; text-align: center; padding-right: 0.2rem; padding-left: 0.1rem; border-right-color: rgb(179, 179, 179); border-right-width: 1px; border-right-style: solid; background-size: 100% 100%;
}
.list li a .date1 p {
	color: rgb(25, 88, 172); font-size: 0.26rem; font-weight: bold;
}
.list li a .date1 span {
	color: rgb(112, 112, 112); font-size: 0.14rem;
}
.list li a .text {
	flex:1 1 0px; padding-left: 0.25rem; min-width: 0px;
}
.list li a .text p {
	color: rgb(27, 27, 27); line-height: 0.3rem; font-size: 0.2rem; max-height: 0.6rem;
}
@media screen and (min-width:1025px)
{
.list li:hover a {
	background: url("../images/list-bg.png") no-repeat center / 100% 100%;
}
.list li:hover a .date1 p {
	color: rgb(255, 255, 255);
}
.list li:hover a .date1 span {
	color: rgb(255, 255, 255);
}
.list li:hover a .date1 {
	border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
}
.list li:hover a .text p {
	color: rgb(255, 255, 255);
}
}
.s3 {
	background: url("../images/s3-bg.png") no-repeat bottom / 100% auto; padding: 0.4rem 0px; position: relative;
}
.s3::after {
	background: url("../images/s3-bg.png") no-repeat center / 100% 100%; width: 5.87rem; height: 6.62rem; right: 0.6rem; bottom: 0px; position: absolute; content: ""; pointer-events: none;
}
.s3-c {
	position: relative; z-index: 9;
}
.s3-c .itit .title::after {
	background: url("../images/tit-bg1.png") no-repeat bottom / 100% auto; width: 2rem; height: 1.02rem;
}
.s3 ul {
	margin: 0.2rem -0.18rem 0px; display: flex; position: relative; flex-wrap: wrap;
}
.s3 ul li {
	padding: 0px 0.18rem; width: 33.33%; margin-top: 0.28rem;
}
.s3 ul li a {
	padding: 0.14rem 0.34rem; border: 1px solid rgb(222, 232, 255); border-image: none; display: flex; align-items: center;
}
.s3 ul li a .date {
	background: url("../images/s3-datebg.png") no-repeat center / 100% 100%; transition:0.5s; width: 1.24rem; height: 1.07rem; margin-right: 0.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.s3 ul li a .date b {
	transition:0.5s; text-align: center; color: rgb(18, 54, 143); line-height: 1; font-family: "sihei"; font-size: 0.3rem; font-weight: normal; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.s3 ul li a .date span {
	text-align: center; color: rgba(18, 54, 143, 0.5); font-family: "sihei"; font-size: 0.18rem; font-weight: normal; margin-top: 0.06rem; opacity: 0.6;
}
.s3 ul li a .info {
	flex:1 1 0px; position: relative; min-width: 0px;
}
.s3 ul li a .info h3 {
	color: rgb(59, 59, 59); line-height: 0.26rem; overflow: hidden; font-size: 0.18rem; font-weight: normal; max-height: 0.52rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
@media screen and (min-width:1025px)
{
.s3 ul li a:hover {
	background: rgb(0, 104, 183); border: 1px solid rgb(0, 104, 183); border-image: none; box-shadow: 0px 4px 10px 0px rgba(14,46,136,0.3);
}
.s3 ul li a:hover .date {
	background: url("../images/s3-date-other.png") no-repeat center / 100% 100%;
}
.s3 ul li a:hover .date b {
	color: rgb(255, 255, 255); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.s3 ul li a:hover .date span {
	color: rgb(255, 255, 255);
}
.s3 ul li a:hover .info h3 {
	color: rgb(255, 255, 255); font-weight: 600;
}
}
.s5 {
	padding-top: 0.4rem; padding-bottom: 0.75rem; position: relative; z-index: 2;
}
.s5 button {
	border-radius: 50%; width: 0.6rem; height: 0.6rem; position: relative; cursor: pointer;
}
.s5 .slick-prev {
	background: url("../images/s5-prev.png") no-repeat center / 0.1rem auto rgb(203, 203, 203); border-radius: 50%; transition:0.6s; left: -0.65rem; top: 50%; position: absolute; z-index: 2; content: ""; transform: translateY(-50%);
}
.s5 .slick-prev:hover {
	background: url("../images/s5-prev.png") no-repeat center / 0.1rem auto rgb(0, 104, 183);
}
.s5 .slick-next {
	background: url("../images/s5-next.png") no-repeat center / 0.1rem auto rgb(203, 203, 203); border-radius: 50%; transition:0.6s; top: 50%; right: -0.65rem; position: absolute; z-index: 2; content: ""; transform: translateY(-50%);
}
.s5 .slick-next:hover {
	background: url("../images/s5-next.png") no-repeat center / 0.1rem auto rgb(0, 104, 183);
}
.s5-r ul {
	margin-top: 0.35rem;
}
.s5-r ul li a {
	margin: 0px 0.15rem; border-radius: 0.15rem 0px; overflow: hidden; padding-right: 0.07rem; display: block; position: relative;
}
.s5-r ul li a .pic {
	border-radius: 0.15rem 0px; padding-top: 44.5%; z-index: 2;
}
.s5-r ul li a .pic div {
	z-index: 2;
}
.s7 {
	background: url("../images/s7-bg.jpg") no-repeat top / cover; padding: 0.75rem 0px;
}
.s7-c {
	margin-top: 0.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;
}
.s7-l {
	width: 8rem;
}
.s7-l a {
	display: block; position: relative;
}
.s7-l a .pic {
	padding-top:70%;
}
.s7-l a p {
	background: url("../images/s7-txtbg.png") no-repeat left / 100% 100%; left: 0px; right: 0.3rem; bottom: 0px; color: rgb(255, 255, 255); line-height: 0.8rem; padding-right: 1.7rem; padding-left: 0.35rem; font-size: 0.2rem; position: absolute; z-index: 9;
}
.s7-l .slick-dots {
	padding: 0px 0.15rem; width: auto; text-align: center; right: 0.9rem; bottom: 0.3rem; font-size: 0px; display: flex !important; justify-content: center; align-items: center;
}
.s7-l .slick-dots li {
	margin: 0px 0.03rem; padding: 0.06rem; border-radius: 50%; border: 1px dashed transparent; transition:0.6s; border-image: none; width: 0.24rem; height: 0.24rem; text-align: center; vertical-align: middle; justify-content: center; align-items: center;
}
.s7-l .slick-dots li button {
	background: rgba(255, 255, 255, 1); padding: 0px; border-radius: 50%; width: 100%; height: 100%;
}
.s7-l .slick-dots li.slick-active {
	border: 1px dashed rgb(255, 255, 255); border-image: none;
}
.s7-l .slick-dots li.slick-active button {
	background: rgba(255, 255, 255, 1);
}
.s7-r {
	flex:1 1 0px; padding-left: 0.6rem; margin-top: -0.18rem; min-width: 0px;
}
.s7-r ul li a {
	padding: 0.18rem 0.4rem; display: flex; position: relative; flex-wrap: wrap; align-items: center;
}
.s7-r ul li a::after {
	left: 0.4rem; right: 0.4rem; bottom: 0px; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: dashed; position: absolute; content: "";
}
.s7-r ul li a .date {
	width: 0.8rem; text-align: center; position: relative;
}
.s7-r ul li a .date p {
	background: rgb(25, 88, 172); border-radius: 50%; width: 0.74rem; height: 0.74rem; color: rgb(255, 255, 255); line-height: 0.78rem; font-family: "geo"; font-size: 0.36rem; position: relative; z-index: 9;
}
.s7-r ul li a .date p::before {
	background: rgb(228, 153, 62); border-radius: 50%; top: -0.02rem; width: 0.08rem; height: 0.08rem; right: 0.1rem; position: absolute; z-index: 9; content: "";
}
.s7-r ul li a .date p::after {
	border-radius: 50%; border: 1px dashed rgb(25, 88, 172); border-image: none; left: -0.04rem; top: -0.04rem; right: -0.04rem; bottom: -0.04rem; position: absolute; content: "";
}
.s7-r ul li a .date span {
	color: rgb(102, 102, 102); font-family: "geo"; font-size: 0.18rem; margin-top: 0.1rem; display: block;
}
.s7-r ul li a .txt {
	flex:1 1 0px; text-align: left; padding-left: 0.45rem; min-width: 0px;
}
.s7-r ul li a .txt h2 {
	color: rgb(51, 51, 51); line-height: 0.36rem; font-size: 0.18rem; font-weight: normal; margin-bottom: 0.1rem;
}
.s7-r ul li a .txt p {
	color: rgb(102, 102, 102); line-height: 0.3rem; font-size: 0.14rem; font-weight: normal;
}
.s7-r ul li a .txt p span {
	padding-right: 0.1rem;
}
.s7-r ul li a .txt p span svg {
	vertical-align: middle; display: inline-block;
}
.s7-r ul li.wz-list .txt p {
	height: 0.6rem; line-height: 0.3rem;
}
.s7-r ul li.on a h2 {
	color: rgb(1, 66, 158); font-size: 0.18rem;
}
@media screen and (min-width:1024px)
{
.s7-r ul li:hover a {
	background: rgb(25, 88, 172);
}
.s7-r ul li:hover a::after {
	display: none;
}
.s7-r ul li:hover a .date p {
	background: rgb(255, 255, 255); color: rgb(1, 66, 158);
}
.s7-r ul li:hover a .date p::after {
	border: 1px dashed rgb(255, 255, 255); border-image: none;
}
.s7-r ul li:hover a .date span {
	color: rgb(255, 255, 255);
}
.s7-r ul li:hover a .txt h2 {
	color: rgb(255, 255, 255); font-weight: bold;
}
.s7-r ul li:hover a .txt p span svg path {
	fill: #fff;
}
.s7-r ul li:hover a .txt p {
	color: rgb(255, 255, 255);
}
}
.s8 {
	background: url("../images/s8-bg.png") no-repeat bottom / 100% auto;
}
.s8 .s8-top {
	padding: 0.75rem 0px;
}
.s8-tit {
	margin: 0.4rem 0px; text-align: center; position: relative;
}
.s8-tit span {
	padding: 0px 0.48rem; color: rgb(0, 0, 0); line-height: 0.43rem; font-size: 0.21rem; display: inline-block; cursor: pointer;
}
.s8-tit span.on {
	background: rgb(0, 104, 183); color: rgb(255, 255, 255);
}
.s8-tit .s8-more {
	top: 50%; right: 0px; position: absolute; transform: translateY(-50%);
}
.s8-tit .s8-more a {
	display: none;
}
.s8-tit .s8-more a.on {
	display: block;
}
.sz-rw {
	position: relative;
}
.sz-rw .rw-listqh {
	transition:0.6s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0;
}
.sz-rw .rw-listqh.on {
	position: relative; z-index: 9; opacity: 1;
}
.sz-rw .rw-listqh ul {
	display: flex;
}
.sz-rw .rw-listqh ul li {
	transition:0.6s; width: 15%; margin-left: 2%;
}
.sz-rw .rw-listqh ul li:first-child {
	margin-left: 0px;
}
.sz-rw .rw-listqh ul li.on {
	width: 49%;
}
.sz-rw .rw-listqh .slick-prev {
	background: url("../images/s6-l.png") no-repeat center / 0.2rem auto; left: -0.35rem; width: 0.2rem; height: 0.35rem;
}
.sz-rw .rw-listqh .slick-next {
	background: url("../images/s6-r.png") no-repeat center / 0.2rem auto; width: 0.2rem; height: 0.35rem; right: -0.35rem;
}
.sz-rw .rw-listqh ul li a {
	height: 2.94rem; overflow: hidden; display: block;
}
.sz-rw .rw-listqh ul li.on a {
	background: rgba(0, 0, 0, 0.02); display: flex; justify-content: space-between; align-items: center;
}
.sz-rw .rw-listqh ul li a .tpp {
	width: 2.4rem;
}
.sz-rw .rw-listqh ul li a .tpp .pic {
	height: 3.12rem;
}
.sz-rw .rw-listqh ul li a .tpp .pic span {
	background-position: center !important; transition:0.8s; left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; transform: translateX(-50%) translateY(-50%); background-repeat: no-repeat !important; background-size: cover !important;
}
.sz-rw .rw-listqh ul li a .txt {
	margin: 0px 0.32rem; flex:1 1 0px; min-width: 0px;
}
.sz-rw .rw-listqh ul li a .txt h2 {
	color: rgb(51, 51, 51); padding-bottom: 0.15rem; font-size: 0.22rem; border-bottom-color: rgb(178, 178, 178); border-bottom-width: 1px; border-bottom-style: solid;
}
.sz-rw .rw-listqh ul li a .txt p {
	color: rgb(135, 135, 135); line-height: 0.28rem; font-size: 0.14rem; margin-top: 0.15rem; margin-bottom: 0.45rem; max-height: 1.12rem;
}
.sz-rw .rw-listqh ul li a .txt .more {
	text-align: right;
}
.sz-rw .rw-listqh ul li a .txt .more img {
	display: inline-block;
}

.vwrap {
	width: 100%; display: none; position: fixed; z-index: 1040000;
}
.vwrap .videobtg {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 900; opacity: 0.8;
}
.vwrap .videobox {
	left: 50%; top: 50%; width: 1400px; margin-left: -700px; position: fixed; z-index: 1200; transform: translateY(-50%); object-fit: cover;
}
.vwrap .videobox #videobox {
	background: rgb(0, 0, 0); width: 100%; display: inline-block;
}
.vwrap .videobox #videobox .img_hezi {
	padding-bottom: 60% !important;
}
.vwrap .videobox #videobox video {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: absolute; object-fit: cover;
}
#videobox_wrapper {
	height: 100% !important;
}
.vwrap .close {
	top: 0px; width: 31px; height: 31px; text-align: center; right: -42px; position: absolute; z-index: 999; cursor: pointer;
}
.vwrap .close i {
	transition:400ms; width: 31px; height: 31px; display: block; -webkit-transition: 400ms;
}
.vwrap .close i svg {
	transition:0.6s;
}
.vwrap .close:hover i svg {
	transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
@media all and (max-width:992px)
{
.vwrap .videobox {
	left: 3%; width: 94%; margin-left: 0px;
}
.vwrap .close {
	top: 0.3rem; right: 0px;
}
}
@media screen and (max-width:1530px)
{
.s5 .slick-prev {
	left: -0.2rem;
}
.s5 .slick-next {
	right: -0.2rem;
}
}
@media screen and (max-width:1200px)
{
.tw-list ul {
	margin: 0px -0.15rem;
}
.tw-list ul li a {
	margin: 0px 0.15rem;
}

.list li a {
	padding: 0.15rem;
}
.s3 ul li a {
	padding: 0.15rem;
}
.s3 ul li a .date {
	margin-right: 0.1rem;
}
.s7-l {
	width: 100%;
}
.s7-r {
	padding-left: 0px; margin-top: 0px;
}
.s7-c {
	display: block;
}
.s5 .slick-prev {
	left: 0px;
}
.s5 .slick-next {
	right: 0px;
}
}
@media screen and (max-width:1024px)
{
.sz-rw .rw-listqh ul li a .txt {
	display: none;
}
.sz-rw .rw-listqh ul li {
	width: 23.5%;
}
.sz-rw .rw-listqh ul li.on {
	width: 23.5%;
}
.sz-rw .rw-listqh ul li a .tpp {
	width: 100%;
}
.sz-rw .rw-listqh .slick-prev {
	left: 0px;
}
.sz-rw .rw-listqh .slick-next {
	right: 0px;
}
}
@media screen and (max-width:1000px)
{
.s1 {
	padding: 0.2rem 0px;
}
.tw-list ul li {
	width: 33.33%;
}

.list ul li {
	width: 100%;
}
.s3 ul li {
	width: 48%;
}
.sz-rw .rw-listqh ul li a .tpp .pic {
	padding-top: 122.5%;
}
.sz-rw .rw-listqh ul li a {
	
}
.s7 {
	padding: 0.2rem 0px;
}
.s8 .s8-top {
	padding: 0.2rem 0px;
}
.img_view_1600_007 .img_view_1600_007-wid .imgview-tit {
	width: 100% !important; position: static !important;
}
}
@media screen and (max-width:700px)
{
.itit .title img {
	max-height: 0.5rem;
}
.itit {
	justify-content: flex-start;
}
.itit .itit-text b {
	font-size: 0.2rem;
}
.itit .itit-text span {
	font-size: 0.2rem;
}
.tw-list ul {
	margin: 0px;
}
.tw-list ul li {
	width: 50%;
}
.tw-list ul li a {
	margin: 0px 0.05rem;
}
.tw-list ul li a .txt {
	padding: 0px 0.15rem; height: 0.6rem;
}



.s3 ul li {
	width: 100%; margin-top: 0.15rem;
}
.s3 ul li a .date {
	width: 0.8rem; height: 0.7rem;
}
.s3 ul li a .date b {
	font-size: 0.22rem;
}
.s3 ul li a .date span {
	font-size: 0.16rem;
}
.s3 ul {
	margin: 0px;
}
.s3 {
	padding: 0.2rem 0px;
}
.s7-l .slick-dots {
	right: 0px; bottom: 0.8rem;
}
.s7-l a p {
	padding-right: 0.3rem; padding-left: 0.15rem;
}
.s7-r ul li a {
	padding: 0.15rem;
}
.s7-r ul li a .txt {
	padding-left: 0.15rem;
}
.s8-tit span {
	padding: 0px 0.2rem;
}
.sz-rw .rw-listqh ul li {
	margin: 0.05rem 0px; width: 48%;
}
.sz-rw .rw-listqh ul li:nth-child(2n) {
	margin-left: 4%;
}
.sz-rw .rw-listqh ul li.on {
	width: 48%;
}
.sz-rw .rw-listqh ul {
	flex-wrap: wrap;
}
.s8-tit {
	margin: 0.2rem 0px;
}
.s5 {
	padding: 0.2rem 0px;
}
.s5 button {
	width: 0.35rem; height: 0.35rem;
}
}