*{margin:0;padding:0;}
img{display:block;}
html,body{height:100%; }
/*背景swiper的颜色在这里*/
.swiper-container {width: 100%;height:100%;}  

.swiper-slide{width:100%;height:100%;}
/* 必备 */
.ani{position:absolute;}
/* 分页中的小点 */
.swiper-pagination-bullet {
width:10px;height:10px;background:#f00;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: 999;background: url(../images/loading.gif) no-repeat center center #FFF;background-size: 10%;}

.hide{display: none;}



.music-btn {
    float: right;
    width: 2rem;
    height: 2rem;
    background: url('../images/music-icon.png');
    background-size: cover;
}

.music-btn.on {
    -webkit-animation: reverseRotataZ 1.2s linear infinite;
}

.media-wrap {
    overflow: hidden;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10000;
}

.media-wrap i {
    width: 0.6rem;
    height: 0.6rem;
}

@-webkit-keyframes reverseRotataZ {
    0% {
        -webkit-transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}


#myframe{background: #FFFFFF; display: none;}
.frameload{color: #FFFFFF; margin: 0 auto; text-align: center; font-size: 18px; width: 100%; height: 30px; line-height: 30px; margin-top:-15px ; top:50%; position: absolute;}



/* Arrow */
#iSlider-arrow {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 0;
    right: 0;
    bottom: 5%;
    margin: 0 auto;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    z-index: 1000;
    -webkit-animation: nextPage 1.2s infinite;
}

@-webkit-keyframes nextPage {
    0% {
        -webkit-transform: translateY(40px) rotate(-45deg);
        opacity: 0.8;
    }
    50% {
        -webkit-transform: translateY(20px) rotate(-45deg);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: translateY(10px) rotate(-45deg);
        opacity: 0;
    }
}

.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;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0.3rem; z-index: 999999;}
.sub{position: absolute;}





.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}
      
      
      


.itemimg img{width: 100%; height: auto;}
.p1_t1{position: absolute; width: 40%; left: 30%; top: 5%;}
.p1_tip{position: absolute; width:50%; left: 25%; top: 40%;}
.p1_btn{position: absolute;width: 10%; left: 45%; bottom: 40%; 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)}
	}
	


.p_alltit{width: 12%; left: 0; top:5%;position: absolute;}	
.p_vbg {
    width:35%;
    position: absolute;
    z-index: 100;
    top: 5%;
    left: 12%;
    padding: 20px;

    background: url(../images/bg_vd.png) center top no-repeat;
    background-size: 100% 100%;
}

#video1, #video2,#video3{
    width: 100%;
    height: auto;
   
}
.vdtit{width: 100%; height: auto; text-align: center; font-size: 20px;}

.p_tws{width: 45%; position: absolute; right: 5%; top: 5%;}
.p_tws_item{float: left; display: inline-block; margin-right: 10px;margin-top: 10px; width:360px }
.p_tws_item img{width: 100%; height: 100%;}



.p_pls{position: absolute; width: 90%; left:0; bottom: 20%; }

.p_pls1{width:700px; height: 155px; float: left; background: url(../images/p2_pl0.png) center top no-repeat; background-size: 100% 100%;  }
.p_pls1_con{width: 90%; height: auto; margin: 0 auto; margin-top: 20px;}

.p_pls2{width: 700px; height: 155px; float: right; background: url(../images/p2_pl.png) center top no-repeat; background-size: 100% 100%;  }
.p_pls2_con{width: 80%; height: auto; margin-left: 100px; margin-top: 20px;}



.p_pl_tit{    
	font-size: 20px;
    font-family: simHei;
    text-align: left;
    }
    .p_pl_tit a{color:#000;text-decoration: none;}
    .p_pl_des{margin-top: 10px;    color: #707070; font-size: 14px;}



.p_tmbg{display: none;}

/*==============================================================*/

@media (max-width: 1450px) { 
.p_tws_item{width: 45%;}

.p_pls1 {
  width: 650px;
    height: 145px;
    float: left;
    background: url(../images/p2_pl0.png) center top no-repeat;
    background-size: 100% 100%;
}

.p_pls2 {
   width: 650px;
    height: 145px;
    float: right;
    background: url(../images/p2_pl.png) center top no-repeat;
    background-size: 100% 100%;
}
	
	}
	
	
	@media (max-width: 1370px) { 
		
		
		
.p_tws_item{width: 45%;}

.p_pls1 {
    width: 600px;
    height: 130px;
    float: left;
    background: url(../images/p2_pl0.png) center top no-repeat;
    background-size: 100% 100%;
}

.p_pls2 {
    width: 600px;
    height: 130px;
    float: right;
    background: url(../images/p2_pl.png) center top no-repeat;
    background-size: 100% 100%;
}
	
	}

@media (max-width: 900px) { 
	.p_pls{width: 90%;  bottom: 15%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;  left: 5%;}
	
	
	.p_vbg{padding: 10px; width: 30%; }
	.vdtit{font-size: 14px;}
	.p_pl_tit{font-size: 14px;}
	.p_pl_des{margin-top: 5px; font-size: 12px;}
	.p_pls1_con{margin: 5px; width: 95%;  }
	
	
	.p_pls1{  
		
		/*
		 /width: 290px;
	    height: 90px;
	    */
	   
	   width: 48%;
	   height: 100px;
	   background: #fcf9e8;
	   border: 1px solid #734a3f;
	   border-radius: 10px;
	    overflow-y: auto; 
    }
    
   .p_pls2{  
		   width: 45%;
	  height: 100px;
	   background: #fcf9e8;
	   border: 1px solid #734a3f;
	   border-radius: 10px;
	    overflow-y: auto; 
	    display: flex;
	    flex-direction:row;
flex-wrap: nowrap;
justify-content: space-between;	    

    }
 
 
  .p_tmbg{width: 10%; background-color: #e09f52; color: #FFFFFF;display: block; font-size:18px; text-align: center;  line-height: 50px;}

.p_pls2_con {
    width: 85%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    margin: 5px;
    
}


}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2021-09-03 15:06:54" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->