*{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;}

/*国徽*/
.div_jt{position: fixed; width: 2.5rem; z-index: 99; top: 0.2rem; left: 0.2rem;}
.div_jt img{width: 100%;}
.p1_tip0{
	
	 position: absolute;
  width: 9.86rem;
    left: 50%;
    margin-left: -4.98rem;
    top: 1rem;	
	
}
.p1_tip1{
	
	 position: absolute;
  width: 9.86rem;
    left: 50%;
    margin-left: -4.98rem;
    top: 2.4rem;	
	
}

.p1_tip2{
	
	  position: absolute;
       width: 5rem;
    left: 4.5rem;
    top: 4rem;
     left: 50%;
    margin-left: -2.5rem;
	
}

/*封面火车*/
.p1_train{    position: absolute;
    width: 10rem;
    left: 0rem;
    bottom: 1rem; cursor: pointer;}




/*点击动画按钮*/
.tiphand{
	position: absolute;  
/*  width: 3rem;
    right:1rem;
    bottom: 4rem;*/
    width: 3rem;
     left: 50%;
     margin-left: -1.5rem;
    bottom: 2rem;
     z-index: 888;animation:clkbtnscale 1.5s infinite; 
     }
     
     .tiphand img{width: 100%; height: auto;}
     
@-webkit-keyframes clkbtnscale {
     0%   { -webkit-transform: scale(1, 1) ; }
     50%{-webkit-transform: scale(0.9, 0.9) ; }   
    100% { -webkit-transform: scale(1, 1); }   
}

.tiphand2
{
	position: absolute;  
    width: 1rem;
    left: 50%;
    bottom: 2rem;
    margin-left: -0.5rem;
    z-index: 888;
    animation:clkbtnscale 1.5s infinite; 
}

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


.tiphand_con
{
	position: absolute;  
    width: 1rem;
    left:4rem;
    bottom: 2.3rem;
    z-index: 888;
    animation:clkbtnscale 1.5s infinite; 
}
.tiphand_con img{width: 100%; height: auto;}

.m_1{
    position: absolute;
    width: 2.98rem;
    left: 5.9rem;
    top: 1.3rem;
}
.m_2{
    position: absolute;
    width: 9.86rem;
    left: 1.75rem;
    top: 2.4rem;
}
.m_3{
    position: absolute;
    width: 4.46rem;
    left: 4.45rem;
    top: 4.1rem;
}
.m_4{
    position: absolute;
    width: 1.68rem;
    right: 1.45rem;
    bottom: 0.4rem;
}

.div_img img{width: 100%;}
.div_img_btn{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.div_2{
    position: relative;
       width: 9rem;
    top: 1.05rem;
     left: 50%;
    margin-left: -4.5rem;
}

.p2_tip1{
	
	 position: absolute;
 	 width: 9rem;
     left: 50%;
    margin-left: -4.5rem;
    top: 1rem;	
	
}
.p2_tip2{
	position: absolute;
 	 width: 9rem;
     left: 50%;
    margin-left: -4.5rem;
    top: 1.5rem;	
}

.p2_tip3{
	position: absolute;
 	 width: 9.0rem;
     left: 50%;
    margin-left: -4.5rem;
    top: 2.0rem;	
}
.p2_tip4{
	position: absolute;
 	 width: 9rem;
     left: 50%;
    margin-left: -4.5rem;
    top: 2.5rem;	
}
.p2_tip5{
	position: absolute;
 	 width: 9.0rem;
     left: 50%;
    margin-left: -4.5rem;
    top: 3.2rem;	
}
.p2_tip6{
	position: absolute;
 	 width: 9rem;
     left: 50%;
    margin-left: -4.5rem;
    top: 3.7rem;	
}






/*内容火车*/
.p_train{   
	position: absolute;
    width:6rem;
    left: 0rem;
    bottom: 1rem;cursor: pointer;
    }






.div_3{
    position: absolute;
    width: 6.68rem;
    left: 0.3rem;
    top: 0.8rem;
}
.p_t{
	
	 position: absolute;
    width: 7rem;
    left: 0.5rem;
    top: 0.8rem;
}
.p3_pic1{
	
	 position: absolute;
 	    width: 0.6rem;
    left: 3.5rem;
    top: 3rem;
}

.p3_pic2{
	
	 position: absolute;
 	    width: 0.5rem;
    left: 5.5rem;
    top: 3.3rem;
}

.p3_pic3{
	
	 position: absolute;
 	        width: 0.8rem;
    left: 4.3rem;
    top: 3.5rem;
}


.p3_pic4{
   position: absolute;
        position: absolute;
    width: 0.8rem;
    left: 5rem;
    top: 5rem;
}
.p_conitem{
	 position: absolute;
   width: 6rem;
    right:0.8rem;
    top: 2rem;
	
	
}


.p4_pic1 {
    position: absolute;
    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p4_pic2 {
    position: absolute;
    width: 1rem;
    left: 5rem;
    top: 4rem;}




.p5_pic1 {
    position: absolute;
    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p5_pic2 {
    position: absolute;
    width: 1rem;
    left: 5rem;
    top: 4rem;}


.p6_pic1 {
    position: absolute;
    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p6_pic2 {
    position: absolute;
    width: 1rem;
    left: 5rem;
    top: 4rem;}


.p7_pic1 {
    position: absolute;
    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p7_pic2 {
    position: absolute;
    width: 1rem;
    left: 5rem;
    top: 4rem;}




.p8_pic1{
	
	 position: absolute;
 	    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p8_pic2{
	
	 position: absolute;
 	    width: 1rem;
    left: 5.1rem;
    top: 3.3rem;
}

.p8_pic3{
	
	 position: absolute;
 	          width: 0.8rem;
    left: 4.8rem;
    top: 4.2rem;
}
.p9_pic1 {
    position: absolute;
    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p9_pic2 {
    position: absolute;
    width: 1rem;
    left: 5rem;
    top: 4rem;}

.p10_pic1{
	
	 position: absolute;
 	    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p10_pic2{
	
	 position: absolute;
 	    width: 1rem;
    left: 5.1rem;
    top: 3.3rem;
}

.p10_pic3{
	
	 position: absolute;
 	          width:1rem;
    left: 4.8rem;
    top: 4.6rem;
}
.p11_pic1{
	
	 position: absolute;
 	    width: 1rem;
    left: 3.5rem;
    top: 3rem;
}

.p11_pic2{
	
	 position: absolute;
 	    width: 1rem;
    left: 5.1rem;
    top: 3.3rem;
}

.p11_pic3{
	
	 position: absolute;
 	          width:1rem;
    left: 4.8rem;
    top: 4.5rem;
}








.p14_cloud1{position: absolute;  
       width: 3rem;
    left:1rem;
    top: 1rem;
  animation:ani_cloud1 5s infinite alternate;
   }/*  animation:ani_cloud1 1.5s infinite; */
     
    
  @-webkit-keyframes ani_cloud1{
	from{left:1rem; }
    to{left:3rem; }
	}  


.p14_cloud2{position: absolute;  
       width: 2rem;
    left:50%;
    top: 1rem;
    margin-left: -1rem;
   animation:ani_cloud2 5s infinite alternate;
   }
  @-webkit-keyframes ani_cloud2{
	from{left:50%; }
    to{left:40%; }
	}  
	
	
.p14_cloud3{position: absolute;  
       width: 2.5rem;
    right:1rem;
    top: 1rem;
   animation:ani_cloud3 5s infinite alternate;
   }
     @-webkit-keyframes ani_cloud3{
	from{right:1rem; }
    to{right:5rem; }
	}  

.p14_manit{
position: absolute;
    width: 5rem;
    left: 50%;
    margin-left: -2.5rem;
    top: 3rem;	
	
}

.p14_btns{position: absolute; width: 6rem;
    left: 50%;
    margin-left: -3rem;
    top: 5rem;	
    display: flex; flex-direction: row; justify-content: space-between;
    }
   .p14_btnitem{width: 45%; cursor: pointer;}
.p14_btnitem img{width: 100%; height: auto;}


.p14_train
{
	position: absolute;
    width: 10rem;
    left: 50%;
    margin-left: -5rem;
    bottom: 0.2rem;
	
}



.sharebg{position: absolute; width: 100%; height: 100%;left: 0;  top:0;z-index: 999999999; display: none;}
.sharebg img{width: 100%; height: 100%;}



.sharebg_PC{position: absolute; width: 100%; height: 100%;left: 0;  top:0;z-index: 999999999; display: none;}
.sharebg_PC img{width: 100%; height: 100%;}

.btn_img{width: 2rem; cursor: pointer; position: absolute;}
.btn_img_t{width: 1.5rem; cursor: pointer; position: absolute;
    -webkit-animation: reverseRotataZ 2s linear infinite;}
#btn_1{
    left: 9rem;
    top: 4.5rem;
}
#btn_t1{
    left: 8.2rem;
    top: 4rem;
}
.div_4{
    position: absolute;
    width: 8.16rem;
    left: 0.3rem;
    top: 0.8rem;
}
#btn_2{
    left: 9rem;
    top: 4.5rem;
}
#btn_t2{
    left: 8.2rem;
    top: 4rem;
}
.div_5{
    position: absolute;
    width: 3.9rem;
    left: 50%;
    margin-left: -1.95rem;
    top: 0.8rem;
}

.div_6{
    position: absolute;
    width: 7.16rem;
    left: 1.3rem;
    top: 1.6rem;
}
#btn_3{
    left: 9rem;
    top: 5rem;
}
#btn_t3{
    left: 8.2rem;
    top: 4.5rem;
}

.div_7{
    position: absolute;
    width: 1.41rem;
    left: 4.1rem;
    top: 0.8rem;
}
#btn_4{
    left: 9rem;
    top: 4.5rem;
}
#btn_t4{
    left: 8.2rem;
    top: 4rem;
}

.div_8{
    position: absolute;
    width: 5.41rem;
    left: 2.1rem;
    top: 0.7rem;
}
#btn_5{
    left: 9.5rem;
    top: 4.5rem;
}
#btn_t5{
    left: 8.7rem;
    top: 4rem;
}

.div_9{
    position: absolute;
    width: 3.63rem;
    left: 2.1rem;
    top: 0.7rem;
}
#btn_6{
    left: 9rem;
    top: 4.5rem;
}
#btn_t6{
    left: 8.2rem;
    top: 4rem;
}

.div_10{
    position: absolute;
    width: 4.04rem;
    left: 1rem;
    top: 1.45rem;
}
#btn_7{
    left: 9rem;
    top: 4.5rem;
}
#btn_t7{
    left: 8.2rem;
    top: 4rem;
}

.div_11a{
    position: absolute;
    width: 6.4rem;
    left: 0.2rem;
    top: 1.2rem;
    padding: 0.1rem;
    background-color: #5d4231;
}
.div_11a_1{
    color: #fff;
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.5rem;
}
.div_11b{
    position: absolute;
    width: 3.4rem;
    left: 7.3rem;
    top: 3.9rem;
}

.div_12a{
    position: absolute;
    width: 6.4rem;
    left: 5.3rem;
    top: 1.2rem;
    padding: 0.1rem;
    background-color: #5d4231;
}
.div_12a_1{
    color: #fff;
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.5rem;
}
.div_12b{
    position: absolute;
    width: 3.58rem;
    left: 0.8rem;
    top: 0.8rem;
}

.div_13{
    position: absolute;
    width: 6.23rem;
    left: 3.2rem;
    top: 4.4rem;
}

.l_overlay{position: fixed; top: 2rem; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: none;}
.l_box{opacity: 1; margin: 30px;}
.l_img{width: 100%; height: 100%;}
.l_close{
    background: url(../js/layer/theme/default/icon.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    margin-left: 0;
    background-position: -149px -31px;
    z-index: 10;
}

.div_l{
    background-color: #5d4231;
}
.div_l_1{
    color: #fff;
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.5rem;
}

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