*{margin:0;padding:0;}
img{display:block;}
html,body{height:100%; margin: 0 auto;}
html{
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-size: 50px;
}
body {
    margin: 0;
    font-family: 'Microsoft Yahei',Helvetica,'simhei',sans-serif;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;overflow:hidden;
}

audio{
height:0;
width:0;
display:none; 
}
/*背景swiper的颜色在这里*/
.swiper-container {width: 100%;height:100%;background:#faf2ea;}  

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

.swiper-slide {
    overflow: auto;
-webkit-overflow-scrolling: touch; 
}
/* 必备 */
.ani{position:absolute;}
/* 分页中的小点 */
.swiper-pagination-bullet {
width:10px;height:10px;background:#f00;opacity:.4;}
.swiper-pagination-bullet-active {opacity: 1;}



/*向上提示的箭头↑*/
.arrar{position: absolute;bottom:5%;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(10px);transform:translateY(10px)}
	50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
	100%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
@keyframes upDownBtn{
	0%{opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
	50%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	100%{opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}
	
	
/*loading载入样式*/
/*#loading{position: fixed;top:0;left:0; width:100%;height:100%;z-index: 999;background: url(../images/loading.gif) no-repeat center center #FFF;background-size: 10%;}
*/
#loading{
	position: fixed;
	top:0;left:0; 
	width:100%;
	height:100%;
	z-index: 999;
	background: url(../images/loading.gif) no-repeat center center #FFF;
	background-size:50%;
	background-color: #FFFFFF;
	
	}


#loading p{width: 100%; height: auto; position: absolute; bottom: 20%; text-align: center;font-size: 20px; color: #ffd74c;}
.music {position: fixed; z-index: 99; top: 2%; right: 2%; width: 0.6rem; }
.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);
    }
}




/*点击动画按钮*/
.clickbtn{position: absolute;animation:clkbtnscale 1.5s infinite; }
@-webkit-keyframes clkbtnscale {
     0%   { -webkit-transform: scale(1, 1) ; }
     50%{-webkit-transform: scale(0.9, 0.9) ; }   
    100% { -webkit-transform: scale(1, 1); }   
}




/* 第一页 */
.page1{
	background:url(../images/bg1.jpg) top center no-repeat;
	background-size: cover;
}

.p1_t0{
	width: 80%;
    top: 20%;
    left: 10%;

}
.p1_logo{
	    width: 25%;
	    top: 5%;
	    left: 5%;

}

/*
@-webkit-keyframes ani_newp2_t1{
   from{transform:  scale(0) ;}
   to{transform:  scale(1) ;}
	}

     @-webkit-keyframes ani_newp2_t2{
   from{opacity:0;}
   to{opacity:1;}
	}


.newp2_bts{background:url(../images/newp2_t4.png) top center no-repeat; background-size: 100% 100%; margin: 0 auto; position: relative;margin-top: 8%; margin-bottom: 5%; display: none;}
.newp2_btn{width: 40%; position: absolute; left: 30%; top: -50%;animation:clkbtnscale 1.5s infinite;}

@-webkit-keyframes clkbtnscale {
     0%   { -webkit-transform: scale(1, 1) ; }
     50%{-webkit-transform: scale(0.9, 0.9) ; }   
    100% { -webkit-transform: scale(1, 1); }   
}*/
/* 第二页 */
.page2{
	
	background:url(../images/bg2.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.p2_conbg{background:url(../images/p2_conbg.png) top center no-repeat; background-size: cover; margin: 0 auto; padding-top: 20%; margin-top: 5%; padding-bottom:5%;}
.p2_con{       width: 90%;
    top: 10%;
    left: 5%;}

.p2_btn {width: 25%; left: 37.5%; bottom: 15%;}
.p2_btn  img{width: 100%; height: auto;-webkit-animation: ani_scale 1s linear infinite;}

@-webkit-keyframes ani_scale {
     0%   { -webkit-transform: scale(1, 1) ; }
     50%{-webkit-transform: scale(0.9, 0.9) ; }   
    100% { -webkit-transform: scale(1, 1); }   
}



/* 第三页 */
.page3{
	background:url(../images/bg3.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.p3_mbg{width:60%; height: auto; position: absolute; top: 20%; left: 20%;}
.p3_mbg img{width: 100%; height: auto; margin-bottom: 5%;}
.p3_mbg img:active{transform: scale(0.9);}


/* 第四页 */
.page4{
	background:url(../images/con_bg1.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.con_jb{width: 35%;
    position: absolute;
    left: 5%;
    top: 5%;}
.con_tit{width: 25%;
    height: auto;
    position: absolute;
    right: 5%;
    top: 15%;}
.con_nr{width:80%; height: auto; position: absolute; left: 10%; bottom: 5%;}





/* 第五页 */
.page5{
	background:url(../images/con_allbg.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.con_mainbg{width: 100%;  height: auto; margin:25% auto;}
.con_mainbg video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.vdbg{ background: url(../images/con_vdbg.png)  center top no-repeat; background-size:100% 100%; margin: 0 auto; padding: 5%;}
.nrbg {
   margin: 0 auto;
    margin-top: 5%;
    color: #FFFFFF;
    font-size: 16px;
    text-align: left;
    font-family: "黑体";
	text-indent: 24px;
    overflow: auto;
    line-height: 24px;
}



.btn_morevd {width: 15%;  height: auto; margin: 5% auto;}
.btn_morevd  img{width: 100%; height: auto;}
/*-webkit-animation: ani_scale 1s linear infinite;*/
@-webkit-keyframes ani_scale {
     0%   { -webkit-transform: scale(1, 1) ; }
     50%{-webkit-transform: scale(0.9, 0.9) ; }   
    100% { -webkit-transform: scale(1, 1); }   
}


/* 第六页 */
.page6{
	background:url(../images/con_allbg.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.contpic{width: 100%; height: auto; margin: 0 auto;}
.con_btns{width: 80%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 5% auto; align-items: center;}
.btn_morebd {width: 20%;  height: auto; }
.btn_morebd  img{width: 100%; height: auto;}

.btn_backmenu{width: 40%; height: auto;}
.btn_backmenu img{width: 100%; height: auto; vertical-align: center;}
.licon{width: 90%; height: 40%; left: 5%; bottom: 3%; position: absolute; overflow-y: auto;}
.liconitem{background: url(../images/dot.png) left top no-repeat; 
    padding-left:8%;}
	.liconitem{width: 92%; text-align: left; font-size: 16px; margin-bottom: 10px; line-height: 24px;color: #FFFFFF;}
	.liconitem a{color: #FFFFFF;text-decoration: none}
	
.modal_item{width: 90%; margin: 0 auto;  position: relative; position: relative; margin-top: 20%;}

.modallistbox {
    width: 100%; height: 100%;
    left: 0; top: 0;
   background: url(../images/p_s2.png) center top no-repeat;
   background-size: 100% 100%;
    position: absolute;
    z-index: 99;
    overflow: hidden;
	display: none;

}
.modalclose img{width: 100%; height: auto;}
.modalclose{width: 15%; margin: 0 auto; margin-top: 5%;}

.modal_item1{background: url(../images/con_libg1.png) center top no-repeat; background-size:100% 100%;}
.modal_item2{background: url(../images/con_libg2.png) center top no-repeat; background-size:100% 100%;}
.modal_item3{background: url(../images/con_libg3.png) center top no-repeat; background-size:100% 100%;}
.modal_item4{background: url(../images/con_libg4.png) center top no-repeat; background-size:100% 100%;}

.page4_1{
	background:url(../images/con_bg1.jpg) top center no-repeat;
	background-size: 100% 100%;
}

.page4_2{
	background:url(../images/con_bg2.jpg) top center no-repeat;
	background-size: 100% 100%;
}

.page4_3{
	background:url(../images/con_bg3.jpg) top center no-repeat;
	background-size: 100% 100%;
}

.page4_4{
	background:url(../images/con_bg4.jpg) top center no-repeat;
	background-size: 100% 100%;
}



@-webkit-keyframes p5_voicescale {
     0%   { -webkit-transform: scale(1, 1) ; }
     50%{-webkit-transform: scale(0.9, 0.9) ; }   
    100% { -webkit-transform: scale(1, 1); }   
}
  .licon::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .licon::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow   : inset 0 0 5px rgba(230, 0, 0, 0.2);
  background   : #c1c1c1;
  }
  .licon::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background   : #ededed;
  }



  .nrbg::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .nrbg::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow   : inset 0 0 5px rgba(230, 0, 0, 0.2);
  background   : #c1c1c1;
  }
  .nrbg::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background   : #ededed;
  }





.myweb{width: 100%; height: auto; position: relative;  display: none; position:fixed; top:0; left:0; width: 100%; height: 100%; padding:0; border:none;   z-index: 999999; background:url(../images/con_allbg.jpg) top center no-repeat;
	background-size: 100% 100%;} 
#mywebcon{width:90%; height:80%; margin-left:5%; margin-top: 5%; padding-bottom: 10px;}
/*#mywebcon iframe{width:90%; height:80%; margin-left:5%; margin-top: 5%;}*/
#mywebcon iframe{width:100%; height: 100%;}

.closeframe {
    width: 30%;
    margin: 5px auto;
    padding: 5px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2024-07-26 10:09:00" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->