* {
	margin: 0;
	padding: 0;
	touch-callout: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

a,
a:visited {

	text-decoration: none;
}

img {

	display: block;

	touch-callout: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	/*	pointer-events: none; */
}

.p1_startbtn img,
.ynitem img {}

.noevent {

	touch-callout: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	pointer-events: none;

}






html,
body {
	height: 100%;
	overflow: hidden;
}

/*背景swiper的颜色在这里*/
.swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-slide {
	width: 100%;
	height: 100%;
}

/* 必备 */
.ani {
	position: absolute;
}

/* 分页中的小点 */
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: .4;
}

.swiper-pagination-bullet-active {
	opacity: 1;
}


/*向上提示的箭头↑*/
.arrar {
	position: absolute;
	bottom: 8%;
	left: 50%;
	margin-left: -23px;
	z-index: 888;
	animation: upDownBtn 1.5s infinite;
	animation: upDownBtn 1.5s infinite;
	-webkit-animation: upDownBtn 1.5s infinite;
	animation: upDownBtn 1.5s infinite;
}

@-webkit-keyframes upDownBtn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

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

@keyframes upDownBtn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(15px);
		-ms-transform: translateY(15px);
		transform: translateY(15px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

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

/*loading载入样式*/
#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loading.gif) no-repeat center center #FFF;
}

#loading p {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 20%;
	text-align: center;
	font-size: 20px;
	color: #ffd74c;
}

.hide {
	display: none;
}



.music {
	position: fixed;
	z-index: 999;
	top: 2%;
	right: 2%;
	width: 0.5rem;
}

.add {
	-webkit-animation: music 2s linear infinite;
}

.Musicpaused {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

@-webkit-keyframes music {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}


/* 第一页 */
.page0 {}

.page1 {}

.bg_img {
	width: 100%;
	height: 100%;
}

.slide_img {
	height: 100%;
	margin: 0 auto;
}

.l_overlay .swiper-container {
	overflow: visible;
}

.swiper-slide {
	position: relative;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0.3rem;
	z-index: 999999;
}

.sub {
	position: absolute;
}

.fl {
	float: left;
}

.fr {
	float: right;
}




.ynitem {
	width: auto;
	height: 100%;
	position: relative;


}

.ynitem img {
	width: auto;
	height: 100%;
}

.sub {
	overflow-x: auto;
}


.longbg {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.drag {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/*隐藏滚动条，但可以滚动！*/
.sub::-webkit-scrollbar {
	display: none
}


.p1_btn {
	position: absolute;
	width: 10%;
	left: 45%;
	bottom: 20%;
	animation: handBtn 1.5s linear infinite;
	animation-direction: alternate;
}

@-webkit-keyframes handBtn {
	0% {
		opacity: 1;
		transform: translateX(-15px)
	}

	50% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 1;
		transform: translateX(15px)
	}
}

.p1_btndot {
	position: absolute;
	width: 15%;
	left: 75px;
	bottom: -100px;
	animation: handBtn2 2s linear infinite;
	animation-direction: normal;
}

.p1_btndot img {
	width: 100%;
	height: auto;
}

@-webkit-keyframes handBtn2 {
	0% {
		opacity: 1;
		transform: translateX(140px)
	}

	50% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 1;
		transform: translateX(-70px)
	}
}




.item_cloud {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	animation: ani_clounditem 3s linear infinite;
	animation-direction: alternate;
}

.item_cloud img {
	width: 100%;
	height: auto;
}

@-webkit-keyframes ani_clounditem {
	from {
		opacity: 0.8;
		transform: scale(1) translateY(-10px);
	}

	to {
		opacity: 0.4;
		transform: scale(1) translateY(0px);
	}
}




.p1_t1 {
	position: absolute;
	width: 35%;
	left: 32%;
	top: 20%;
}

.p1_t1 img {
	width: 100%;
	height: auto;
}

.p1_logo {
	position: absolute;
	width: 20%;
	left: 50%;

	top: 5%;
}

.p1_logo img {
	width: 100%;
	height: auto;
}

.p3_tit {
	position: absolute;
	width: 35%;
	left: 32%;
	top: 5%;
}

.p3_tit img {
	width: 100%;
	height: auto;
}

.p3_mainbg {
	    width: 60%;
	/* height: 505.37px; */
	position: absolute;
	left: 50%;
	    transform: translateX(-50%);
	top: 5%;
	z-index: 111111;
	display: flex;
	flex-direction: row;
}





.p3_leftcon {
	/* width: 100%; */
	height: auto;
	padding: 2% 5% 5% 5%;
	background: url(../images/coontentbg.png);
	background-size: 100% 100%;
	display: none;
	position: relative;
}

.p3_leftconbg {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: 451px;
}
.jqqd{
	height: 451px;
	display: flex;
	margin: 0 auto;
	color: grey;
	    font-size: 30px;
		width: 100%; 
}

/*无内容时的遮罩*/
.nocon {
	width: 90%;
	height: 90%;
	background: #bebdbd;
	color: #fff;
	position: absolute;
	left: 5%;
	top: 2%;
	z-index: 999999999999;
	opacity: 0.8;

}

.nocon p {
	margin-top: 30%;
	width: 100%;
	text-align: center;
	font-size: 38px;
}

.p3_pic {
	width: 40%;
	height: auto;
}

.p3_pic_tit {
	width: 100%;
	height: auto;
}

.p3_pic_tit img {
	width: 100%;
	height: auto;
}

.p3_pic_nr {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 10px;
}

.p3_pic_nr img {
	width: 100%;
	height: auto;
}

.p3_pic_nrtit {
	width: 96%;
	height: auto;
	padding: 2%;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 16px;
}

.p3_pic_nrtit1 {
	 background-color: #000000a1;
}


.p3_nrbg {
	width: 55%;
	position: relative
}

.p3_nrbg img {
	width: 80%;
	height: auto;
	margin: 0 auto;
}

.p3_nr_conbg {
	width: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	height: 100%;
	overflow-y: auto;
background: #fff;


}

.p3_nr_conbg::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 15px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

.p3_nr_conbg::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	box-shadow: inset 0 0 10px rgba(232, 33, 9, 0.2);
	background: url(../img/thumb.png) no-repeat center top;
	background-size: 100% 100% ;
}

.p3_nr_conbg::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background: #FFFFFF;
}




.p3_nr_tit {
	margin: 0 auto;
	    width: 90%;
		margin-top: 20px;
	height: auto;
	text-align: left;
	font-size: 18px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #666;
	margin-bottom: 20px;
	font-family: simHei;
}

.p3_nr_tit a {
	color: #262626;
}

.p3_nr_tit::before {
	content: '';
	display: inline-block;
	width: 7px;
	    height: 7px;
	background-color: #9fb3e8;
	vertical-align: middle;
	margin-right: 5px;
}

#p3_leftcon0 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon1 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon1 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}

#p3_leftcon2 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon2 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}


#p3_leftcon3 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon3 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}



#p3_leftcon4 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon4 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}



#p3_leftcon5 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon5 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}



#p3_leftcon6 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon6 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}




#p3_leftcon7 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon7 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}




#p3_leftcon8 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon8 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}



#p3_leftcon9 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon9 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}




#p3_leftcon10 .p3_nr_tit::before {
	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon10 .p3_pic_nrtit1 {
	    
        background-color: #000000a1;
	
}



#p3_leftcon11 .p3_nr_tit::before {

	    background-color: #ee8e3f;
    border-radius: 9999px;
}

#p3_leftcon11 .p3_pic_nrtit1 {
        background-color: #000000a1;
	
}




.p3_navbg {
    width: 9%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: -47px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}
.p3_nav {
	    justify-content: center;
	    align-items: center;
	    display: flex;
	    margin: 4px 0px;
	width: 100%;
	height: 32px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	line-height: 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	transition: background-color 0.3s ease;
	background: url(../img/yf_nonselect.png) no-repeat center top;
	color: #ad2715;
	font-weight: bold;
	    background-size: 100% 100%;
}
.p3_nav_act {
	color: #fee9c0;
	background: url(../img/yf_select.png) no-repeat center top;
	font-weight: bold;
	    background-size: 100% 100%;
}
.content_back{
	background: url(../img/content_back.png) no-repeat center top;
	 background-size: 100% 100%;
	 display: flex;
	 justify-content: center;
	 width: 100%;
}
.p3_nav_act1 {
	color: #fee9c0;
	background: url(../img/yf_select.png) no-repeat center top;
}

.on {}

.p3_nav1 {
	background: url(./img/yf_nonselect.png) no-repeat center top;
}

.p3_nav2 {
	background: #f4dcc9;
	color: #fff;
}

.p3_nav3 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav4 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav5 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav6 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav7 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav8 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav9 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav10 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav11 {
	background: #9fb3e8;
	color: #fff;
}

.p3_nav12 {
	background: #9fb3e8;
	color: #fff;
}


.imgtip {
	width: 10%;
	height: auto;
	position: absolute;
	left: 70%;
	bottom: 0%;
	animation: scaleTipBtn 1s infinite;
}

.imgtip img {
	width: 100%;
	height: auto;
}








.p1_pctip {
	display: block;
}

.p1_pctip {
	width: 10%;
	position: absolute;
	bottom: 20%;
	left: 45%;
	animation: scaleTipBtn 1.5s infinite;
	opacity: 0;
	z-index: 99999999
}

.p1_pictip_img {
	width: 22px;
	height: 30px;
	margin: 0 auto;
}

.p1_pictip_img img {
	width: 100%;
	height: auto;
}

.p1_pctip p {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}

@keyframes upDownTipBtn {
	0% {
		opacity: 1;
		transform: translateY(10px)
	}

	50% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 1;
		transform: translateY(10px)
	}
}

.p1_t2_pc {
	display: block;
}

.p1_t2_m {
	display: none;
}


@keyframes scaleTipBtn {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	50% {
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}


.p3_videocon {
	width: 90%;
	height: auto;
	position: relative;
	margin: 0 auto;
	margin-top: 10%;
	border: 5px solid #fff;
}

.p3_videocon img {
	width: 100%;
	height: 266px;

}

.vdicon {
	position: absolute;
	width: 84px;
	height: 84px;
	left: 194px;
	top: 91px;
	background: url(../images/playvd.png) center top no-repeat;
}




.layer_more {
	width: 100%;
	height: auto;
	text-align: right;
	margin-top: 5%;
}

.layer_more a {
	color: #e82109;
	font-size: 16px;
}

.layer_more img {
	width: 20%;
	height: auto;
	float: right;
}

.title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #666;
	background-color: rgba(50, 50, 50, .5);
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.names {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	font-size: 14px;
	color: #5b5b5b;
	display: none;
	line-height: 30px;
}

/*PC*/


/*小于1600时*/
@media (max-width: 1600px) {}

/*小于768时*/
@media (max-width: 768px) {

	.p1_t1 {
		position: absolute;
		width: 40%;
		left: 30%;
	}
.p3_leftconbg {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: auto;
}
	.p1_t2 {
		width: 50%;
		height: auto;
		position: absolute;
		left: 25%;
		bottom: 0%;
	}


	.p1_pctip {
		bottom: 5%
	}


	.p1_t2_con {
		font-size: 12px;
		line-height: inherit;
	}

	.p3_tit {
		position: absolute;
		width: 30%;
		left: 35%;
		top: 1%;
	}

	.p3_nr_tit {
		font-size: 16px;
	}

	.p3_nr_des {
		font-size: 12px;
	}

	.p3_nrcon_item {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.p3_nrcon {
		padding: 5px;
	}

	.p3_mainbg {
		width: 90%;
		height: 90%;
		overflow-y: unset;
		position: absolute;
		top: 5%;
		z-index: 111111;

	}
	.p3_nav {
	    height: 20px;
		font-size: 14px;
		   margin: 0px 0px 8px 0px;
	}
.p3_navbg {
    width: 7%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: -20px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}
	.p3_pic {
		width: 35%;
		height: auto;
	}

	.p3_pic_nrtit1 {
		font-size: 12px;
	}

	.p3_nrbg {
		width: 64%;
		position: relative;
	}

	.p3_nr_conbg {
		height: 75%;
	}


	.p3_nr_tit {
		margin-bottom: 10px;
	}










	.names {
		font-size: 12px;
		display: none
	}
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2026-01-27 10:49:10" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->