* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	position: relative;
}
.row {
	width: 12rem;
	margin: 0 auto ;
}
.active {
	display: block !important;
}
.none {
	display: none !important;
}
@font-face {
	font-family: OPPOSans;
	font-weight: 400;
	src: url(OPPOSans-R.ttf);
}
@font-face {
	font-family: OPPOSans;
	font-weight: 500;
	src: url(OPPOSans-M.ttf);
}
@font-face {
	font-family: OPPOSans;
	font-weight: 700;
	src: url(OPPOSans-B.ttf);
}



.header {
	width: 100%;
	height: 6rem;
	background: url(xqbanner.jpg)no-repeat center center;
	background-size: cover;
}



.xqnav {
	width: 100%;
	height: 1.2rem;
	background-image: linear-gradient(to right, #ca233a, #ae0a4e);
}
.xqnav .row {
	display: flex;
	height: 1.2rem;
	align-items: center;
}
.xqnavbox {
	width: .8rem;
	height: 1.2rem;
	padding-top: .35rem;
	margin: 0 .3rem;
}
.xqnavbox:hover {
	cursor: pointer;
}
.xqnavbox img {
	display: block;
	width: .24rem;
	height: .24rem;
	object-fit: cover;
	margin: 0 auto;
	margin-bottom: .12rem;
}
.xqnavbox h4 {
	font-size: .2rem;
	color: #fff9f3;
	font-family: OPPOSans;
}
.xqlogo {
	width: 2.4rem;
	height: 2.4rem;
	background: url(xqlogo.png)no-repeat center center;
	background-size: cover;
	margin: 0 .6rem;
}



.index1 {
	padding: 1.1rem 0 .5rem 0;
	background-color: #f7ebe8;
}
.index1 h2 {
	width: 100%;
	font-size: .36rem;
	color: #222;
	line-height: 1;
	font-family: OPPOSans;
	text-align: center;
	border-bottom: .01rem #dfbaba solid;
	position: relative;
	font-weight: 700;
	padding-bottom: .2rem;
	margin-bottom: .6rem;
}
.index1 h2::after {
	content: '';
	width: 1.4rem;
	height: .28rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -.28rem;
	background: url(index1bg.png)no-repeat center center;
	background-size: cover;
}
.swiper1 {
	width: 100%;
	padding-bottom: .4rem;
}
.swiper1 .swiper-slide {
	width: 3.7rem;
	height: auto;
	border-bottom: .01rem #dfbaba solid;
	/* margin-right: .3rem; */
}
.swiper1 .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: .2rem;
}
.swiper1 .swiper-slide .imgbox {
	width: 100%;
	height: 2.4rem;
	overflow: hidden;
}
.swiper1 .swiper-slide .imgbox img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s;
}
.swiper1 .swiper-slide:hover .imgbox img {
	transform: scale(1.1);
}
.swiper1 .date h4 {
	font-size: .14rem;
	color: #ca160c;
	font-family: OPPOSans;
	margin: .15rem 0;
}
.swiper1 .txt p {
	font-size: .16rem;
	color: #333333;
	font-family: OPPOSans;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	transition: .5s;
}
.swiper1 .swiper-slide:hover p {
	/* text-decoration: underline; */
}
.swiper1 .swiper-pagination {
	height: .1rem;
	display: flex;
	justify-content: center;
	bottom: 0;
	margin: 0 .05rem;
}
.swiper1 .swiper-pagination .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	opacity: 1;
	background-color: #cd9696;
}
.swiper1 .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #b31341;
}



.index2 {
	width: 100%;
	min-height: 7rem;
	background: url(index2bg.jpg)no-repeat center center;
	background-size: cover;
	padding: .7rem 0;
}
.index2 h2 {
	width: 100%;
	font-size: .36rem;
	color: #ffebd2;
	line-height: 1;
	font-family: OPPOSans;
	text-align: center;
	border-bottom: .01rem rgba(255, 255, 255, .3) solid;
	position: relative;
	font-weight: 700;
	padding-bottom: .2rem;
	margin-bottom: .6rem;
}
.index2 h2::after {
	content: '';
	width: 1.4rem;
	height: .28rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -.28rem;
	background: url(index2topbg.png)no-repeat center center;
	background-size: cover;
}

.swiper2 {
	width: 100%;
	padding-bottom: .45rem;
	position: relative;
}
.swiper2box {
	width: 100%;
	position: relative;
}
.swiper2 .swiper-wrapper {
	/* width: 12rem !important;
	overflow: hidden; */
}
.swiper2 .swiper-slide {
	width: 5.65rem;
	height: 3.8rem;
	border: .04rem #fff solid;
}
.swiper2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper2 .swiper-pagination {
	height: .1rem;
	display: flex;
	justify-content: center;
	bottom: 0;
	margin: 0 .05rem;
}
.swiper2 .swiper-pagination .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	opacity: 1;
	margin: 0 .05rem;
	background-color: #ff9696;
}
.swiper2 .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ffd4be;
}
.swiper2box .swiper-button-next:after,
.swiper2box .swiper-button-prev:after {
	display: none;
}
.swiper2box .swiper-button-prev{
	width: .4rem;
	height: .4rem;
	background: url(sw2prev.png)no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	left: -0.68rem;
	opacity: 1;
	z-index: 50;
	top: 50%;
	cursor: pointer;
}
.swiper2box .swiper-button-next{
	width: .4rem;
	height: .4rem;
	background: url(sw2next.png)no-repeat center center;
	background-size: 100% 100%;
	right: -0.68rem;
	z-index: 50;
	opacity: 1;
}
.swiper2box .swiper-button-next:hover,
.swiper2box .swiper-button-prev:hover {
	cursor: pointer;
}
.swiper2 .swiper-button-disabled {
	pointer-events: all !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	pointer-events: all !important;
}


.index3 {
	padding: .85rem 0 1rem 0;
	background-color: #f7ebe8;
}
.index3 .row {
	display: flex;
	justify-content: space-between;
}
.index3_left {
	width: 5.8rem;
}
.swiper3head {
	display: flex;
	align-items: center;
	border-bottom: .02rem #ebded4 solid;
	padding-bottom: .15rem;
	margin-bottom: .17rem;
	position: relative;
}
.swiper3head h4 {
	font-size: .28rem;
	color: #333;
	font-family: OPPOSans;
	font-weight: 700;
	position: relative;
	padding-left: .38rem;
}
.swiper3head-left {
	display: flex;
	align-items: center;
	position: relative;
}
.swiper3head h4::after {
	content: '';
	width: 100%;
	height: .02rem;
	position: absolute;
	background-color: #b2123f;
	left: 0;
	bottom: -0.15rem;
}
.swiper3head h4::before {
	content: '';
	width: .3rem;
	height: .3rem;
	background: url(schoolimg.png)no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.swiper3 .swiper-slide {
	width: 1.8rem;
	height: 3rem;
}
.swiper3 .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.swiper3 .swiper-slide .imgbox {
	width: 100%;
	height: 2.4rem;
	overflow: hidden;
}
.swiper3 .swiper-slide .imgbox img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s;
}
.swiper3 .swiper-slide .txt {
	width: 100%;
	height: .6rem;
	background-color: #fff;
	padding-top: .07rem;
}
.swiper3 .swiper-slide .txt h2 {
	color: #333;
	font-size: .16rem;
	font-family: OPPOSans;
	text-align: center;
	margin-bottom: .02rem;
}
.swiper3 .swiper-slide .txt h4 {
	color: #666666;
	font-family: OPPOSans;
	font-size: .14rem;
	text-align: center;
}
.swiper3 .swiper-pagination {
	height: .1rem;
	display: flex;
	justify-content: right;
	position: absolute;
	margin: 0 .05rem;
	right: .1rem;
	top: .12rem;
}
.swiper3 .swiper-pagination .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	opacity: 1;
	margin: 0 .05rem;
	background-color: #cd9696;
}
.swiper3 .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #b31341;
}

.index3-right {
	width: 5.75rem;
}
.index3-right h2 {
	font-size: .28rem;
	color: #333;
	font-family: OPPOSans;
	padding-left: .4rem;
	position: relative;
	font-weight: 700;
	margin-bottom: .17rem;
}
.index3-right h2::after {
	content: '';
	width: .3rem;
	height: .3rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: url(videoimg.png)no-repeat center center;
	background-size: 100% 100%;
}
.videobox {
	width: 5.75rem;
	height: 3.16rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.videobox::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.play {
	width: .6rem;
	height: .6rem;
	background: url(play.png)no-repeat center center;
	background-size: cover;
	z-index: 2;
	position: relative;
}
.play:hover {
	cursor: pointer;
}
.videoboxp {
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
}
.videobox img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}
#video {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
}
.video-close {
	position: absolute;
    height: 0.24rem;
    width: 0.24rem;
    right: .3rem;
    top: .3rem;
    cursor: pointer;
    transition: all .4s ease;
	z-index: 222;
}
.video-close::after {
    width: 0.01rem;
    height: 0.24rem;
    background: #fff;
    position: absolute;
    content: "";
    left: 50%;
    transform: rotate(-45deg);
}
.video-close::before {
    width: 0.01rem;
    height: 0.24rem;
    background: #fff;
    position: absolute;
    content: "";
    left: 50%;
    transform: rotate(45deg);
}



.index4 {
	width: 100%;
	height: 7.4rem;
	background: url(index4bg.jpg)no-repeat center center;
	background-size: cover;
	padding-top: .7rem;
}
.index4 h2 {
	width: 100%;
	font-size: .36rem;
	color: #ffebd2;
	line-height: 1;
	font-family: OPPOSans;
	text-align: center;
	border-bottom: .01rem rgba(255, 255, 255, .3) solid;
	position: relative;
	font-weight: 700;
	padding-bottom: .2rem;
	margin-bottom: .6rem;
}
.index4 h2::after {
	content: '';
	width: 1.4rem;
	height: .28rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -.28rem;
	background: url(index2topbg.png)no-repeat center center;
	background-size: cover;
}
.swiper4box {
	width: 100%;
	position: relative;
}
.swiper4box .swiper-button-prev {
	width: .4rem;
	height: .4rem;
	background: url(sw2prev.png)no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	opacity: 1;
	left: -0.68rem;
	top: 50%;
}
.swiper4box .swiper-button-next {
	width: .4rem;
	height: .4rem;
	background: url(sw2next.png)no-repeat center center;
	background-size: 100% 100%;
	right: -0.68rem;
	opacity: 1;
}
.swiper4box .swiper-button-prev::after,
.swiper4box .swiper-button-next::after {
	display: none;
}
.swiper4 {
	width: 100%;
	height: 4.5rem;
	position: relative;
}
.swiper4::after {
	position: absolute;
	content: '';
	width: 100%;
	height: .02rem;
	background-color: rgba(255, 255, 255, .3);
	top: 50%;
	left: 0;
	/* transform: translateY(-100%); */
}
.swiper4 .swiper-slide {
	width: 1.8rem !important;
	height: 1.85rem;
}
.swiper4 .swiper-slide:first-child {
	left: 0;
}
.swiper4 .swiper-slide:nth-child(2n) {
	top: 59.5%;
	position: relative;
}
.swiper4 .swiper-slide .txt {
	width: 2.8rem;
	height: 1.35rem;
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 0 .2rem;
}
.swiper4 .swiper-slide:nth-child(2n) .txt {
	bottom: 0;
	position: absolute;
}
.swiper4 .swiper-slide .txt p {
	font-size: .16rem;
	color: #333333;
	font-family: OPPOSans;
}
.swiper4 .swiper-slide .year {
	width: 2.8rem;
	height: .5rem;
	background-color: #dc6161;
	position: relative;
}
.swiper4 .swiper-slide:nth-child(2n) .year {
	position: absolute;
	top: 0;
}
.swiper4 .swiper-slide .year h4 {
	font-size: .22rem;
	color: #fff;
	font-family: OPPOSans;
	font-weight: 500;
	line-height: .5rem;
	text-align: center;
}
.swiper4 .swiper-slide .year::after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-top: .1rem solid #dc6161;
	border-left: .1rem solid transparent;
	border-right: .1rem solid transparent;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.swiper4 .swiper-slide:nth-child(2n) .year::after {
	border-top: 0;
	border-bottom: .1rem solid #dc6161;
	top: -.09rem;
}
.swiper4 .swiper-slide .year::before {
	content: '';
	width: .16rem;
	height: .16rem;
	position: absolute;
	border: .02rem #fff solid;
	background-color: #fff;
	border-radius: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: -0.5rem;
}
.swiper4 .swiper-slide:nth-child(2n) .year::before {
	border: 0;
	background-color: #fff;
	bottom: auto;
	top: -.5rem !important;
}
.swiper4 .swiper-slide:first-child .year::before {
	background-color: #aa2121;
}



.index5 {
	width: 100%;
	padding: .7rem 0 .6rem 0;
	background-color: #f7ebe8;
}
.index5 .row>h2 {
	width: 100%;
	font-size: .36rem;
	color: #222;
	line-height: 1;
	font-family: OPPOSans;
	text-align: center;
	border-bottom: .01rem #dfbaba solid;
	position: relative;
	font-weight: 700;
	padding-bottom: .2rem;
	margin-bottom: .6rem;
}
.index5 .row>h2::after {
    content: '';
    width: 1.4rem;
    height: .28rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -.28rem;
    background: url(index1bg.png) no-repeat center center;
    background-size: cover;
}
.swiper5 {
	height: 4.4rem;
	padding-bottom: .35rem;
}
.swiper5 .swiper-slide {
	width: 5.9rem;
	height: 1.2rem;
	background-color: #fff;
	border-left: .02rem #b31341 solid;
	padding-left: .25rem;
	padding-right: .85rem;
	/* padding-top: .2rem; */
	display: flex;
	align-items: center;
}
.swiper5 .swiper-slide .sw5-head {
	display: flex;
	align-items: center;
	margin-bottom: .1rem;
}
.swiper5 .swiper-slide .sw5-head h2 {
	font-size: .18rem;
	color: #ab0c46;
	font-family: OPPOSans;
	margin-right: .05rem;
}
.swiper5 .swiper-slide .sw5-head h4 {
	font-size: .14rem;
	color: #b86030;
	font-family: OPPOSans;
}
.swiper5 .swiper-slide p {
	font-size: .16rem;
	color: #333333;
	font-family: OPPOSans;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.swiper5 .swiper-pagination {
	height: .1rem;
	display: flex;
	justify-content: center;
	position: absolute;
	margin: 0 .05rem;
	bottom: 0;
}
.swiper5 .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	opacity: 1;
	background-color: #cd9696;
}
.swiper5 .swiper-pagination-bullet-active {
	background-color: #b31341;
}



.footer {
	width: 100%;
	background-image: linear-gradient(to right, #ab0c46, #c32235);
	padding: .25rem 0;
}
.footer-head {
	margin-bottom: .1rem;
}
.footer-head h4 {
	font-size: .15rem;
	color: #fff;
	font-family: OPPOSans;
	opacity: .75;
	text-align: center;
}
.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer-bottom h4 {
	font-size: .15rem;
	color: #fff;
	font-family: OPPOSans;
	opacity: .75;
	margin-right: .05rem;
}
.footer-bottom a {
	font-size: .15rem;
	color: #fff;
	font-family: OPPOSans;
	opacity: .75;
	transition: .3s;
}
.footer-bottom a:hover {
	opacity: 1;
}



.show {
	padding: 1rem 0 1.5rem 0;
	background-color: #f7ebe8;
}
.show_head {
	border-bottom: .01rem #e2c0bf solid;
	padding-bottom: .2rem;
	margin-bottom: .15rem;
}
.show_head h2 {
	font-family: OPPOSans;
	font-size: .28rem;
	font-weight: 700;
	color: #333333;
	text-align: center;
	margin-bottom: .15rem;
}
.show_head h4 {
	font-family: OPPOSans;
	font-size: .14rem;
	color: #a17777;
	text-align: center;
}
.show-txt p {
	font-family: OPPOSans;
	font-size: .14rem;
	color: #333;
	line-height: 2;
	margin-bottom: .15rem;
	text-indent: 2em;
}
.show-txt img {
	display: block;
	max-width: 100%;
	margin: .1rem auto;
}