*{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%;  }
/*背景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;}

.hide{display: none;}



.music {position: fixed; z-index: 999; top: 2%; right: 2%; width: 0.8rem; }
.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}
      
      
      


.itemimg img{width: 100%; height: auto;}
.p1_t1{position: absolute;
    width: 60%;
    left: 15%;
    top: 15%;}

.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_btn img{
	 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;  
   
}
.p_alltit{
	  width: 30%;
    left: 5%;
    top:0.2rem;
    position: absolute;
}

.page_conbg{
    width: 80%;
    position: absolute;
    left: 5%;
    top: 2.5rem;
      display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	
}
.layer02_left
{
	 width: 50%;
    height: 100%;
    background: #ffffff;

}
.layer02_left img {
     width: 100%;
    height: 100%;
}
.layer02_right {
    width:48%;
    max-height: 5rem;
    overflow-y: auto;
	padding-left: 2%;
	background: #fff;
	    background-color: rgba(250,250,250,.5);
	border-radius: 10px;
}
.layer02_top
{
	width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;

}


.layer02_top_timg 
{
 width: 20%;

}

.layer02_top_tit{width: 80%; font-size: 0.18rem; text-align: left; font-weight: bold; line-height: 34px;}
.layer02_top_timg img{width: 100%; height: auto;}

.layer02_bg .layer_more{margin-top: 20px;}

.layer02_top_tit  a{  color: #002500; }


.layer02_ul{width: 100%; margin: 0 auto; font-size: 0.16rem;}


.layer02_ul li{width:95%; height:auto; background: url(../images/dot1.png) left center no-repeat; padding-left: 0.2rem;  list-style: none; margin-top: 0.2rem;}
.layer02_ul li a{color: #002500; font-size: 1em;}
.title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #666;
    background-color: rgba(50,50,50,.5);
    text-align: center;
    color: #fff;
}
 .title a, .title a:visited {
    display: block;
    line-height: 1.45;
    color: #fff;
    padding: .5em 10px;
	font-size: 0.16rem;
	text-decoration: none;
}
.swiper-container-1{position: relative;}

.layer_more {
    width: 100%;
  font-size: 0.16rem;
    text-align: right;
    margin: 0 auto;

    
}

.layer_more a{color: #002500;}
.layer02_rbg{border-bottom: 1px solid  #4c7b51; margin-bottom: 0.2rem;   padding-bottom:0.2rem;}

.layer02_left .swiper-container-1{
	 --swiper-theme-color: #73987c;/* 设置Swiper风格 */
    --swiper-navigation-color: #73987c;/* 单独设置按钮颜色 */

}


/*丝路光影*/
.page2 .page_conbg{width: 80%; display: flex; flex-direction: row; justify-content: space-around; left: 10%;}
.p3_btns{width:5%;display: flex; flex-direction: column; align-items: center;justify-content: space-around;}

.p3_pre{width: 100%; height: auto;}
.p3_next{width: 100%; height: auto;}
.p3_thumbs{width:25%;height: 5.1rem;}
.p3_thumbs .swiper-button-next,.p3_thumbs .swiper-button-prev{display: none;}
.p3_thumbs img {
width: 4rem; height:2.5rem;
}

.p3_video{width: 60%; height: auto;}

.p3_video #video{width: 100%; height: auto;}





#video{ object-fit: fill}
  .page2 .swiper-container {
       width: 100%;
       height: 100%;
	   position: relative;
   }
  .page2 .swiper-slide {
       text-align: center;

       display: -webkit-box;
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       -webkit-justify-content: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       -webkit-align-items: center;
       align-items: center;
   }



  .page2 .swiper-button-next
  {
  	top: inherit;
  	bottom: 0px;
  	transform: rotate(90deg);
  	right: 0px;
    left: 50%;
  }
  
  
  
  .page2 .swiper-button-prev
  {
  	top: 0px;
  	margin-top: 0px;
  	transform: rotate(90deg);
    left: 50%;
  }
  
  
  
  .page3 .page_conbg{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;} 
  
  .page3_items{width: 40%; height:  1.2rem;margin-bottom: 0.5rem; background: url(../images/itembg.png) center top no-repeat; background-size: 100% 100%; padding: 0.1rem; overflow-y: auto;}
  .page3_tit{text-align: center; font-size: 0.18rem; font-weight: bold; }
  .page3_tit a{color: #FFFFFF;}
  .page3_des{text-align: left; font-size: 0.16rem; color: #FFFFFF;margin-top: 0.1rem;}
  
  
  /*溶媒*/
  .page4 .page_conbg{width:60%; left: 20%;  display: flex; flex-direction: column; align-items: center;}
.swiper-container-3 .swiper-slide {
     
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
.swiper-container-3	.swiper-slide-active,.swiper-container-3 .swiper-slide-duplicate-active{
      transform: scale(1); z-index: 999;
	}
	
	 .swiper-container-3 img{width:300px;    height:525px;}

  
  .page4 {
  	 --swiper-theme-color: #73987c;/* 设置Swiper风格 */
      --swiper-navigation-color: #73987c;/* 单独设置按钮颜色 */
  
  }
  .p4_btns {
    width: 30%;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
  .p4_pre{width: 10%; height: auto;}
.p4_next{width: 10%; height: auto;}

.page4 .swiper-button-next,.page4 .swiper-button-prev{display: none;}
  
  /*山河*/
  .page5 .page_conbg{top: 1.5rem; left: 10%;}
  .page5_left{width: 590px; height: auto;float: left;}
  .page5_right{width:769px; height: auto;float: left; margin-left: 5px;}
  .page5_left  .page5_img1{width: 390px; height: 300px;float: left;}
  .page5_left  .page5_img2{width: 195px; height: 300px;float: right;}
  .page5_left  .page5_img3{width: 300px; height: 290px;float: left;}
  .page5_left  .page5_img4{width: 280px; height:215px;float: right;}
  
   .page5_right .page5_img5{width:708px; height:423px;float: left;}
   .page5_right .page5_img6{width:413px; height:339px;float: left;}
   .page5_right .page5_img7{width:346px; height:264px;float: right;}
.page5_imgbg{width: 1400px; height: auto;}
  
/*==============================================================*/

@media (max-width: 1450px) {
	
	
	.page5 .page_conbg{width: 100%;left: 0;}
	
}
	
	
	@media (max-width: 1370px) {}

@media (max-width: 768px) {
	.p_alltit{top: 0.1rem;}
	.page_conbg{top: 1.5rem;}
	.p3_thumbs img{width: 100%; height: auto;}
	.p3_thumbs{height: 4rem;}
	.swiper-container-3 img {
    width: 100%;
    height: auto;
}

  .page5_imgbg{width: 500px; height: auto;}
  .page5_left{width: 210px; height: auto;float: left;}/*590*/
  
  .page5_left  .page5_img1{width: 139px; height: 107px;float: left;}
  .page5_left  .page5_img2{width: 69px; height: 107px;float: right;}
  .page5_left  .page5_img3{width: 107px; height: 103px;float: left;}
  .page5_left  .page5_img4{width: 99px; height:76px;float: right;}
  
    .page5_right{width:275px; height: auto;float: left; margin-left: 5px;}/*769*/
	
   .page5_right .page5_img5{width:253px; height:151px;float: left;}
   .page5_right .page5_img6{width:147px; height:121px;float: left;}
   .page5_right .page5_img7{width:123px; height:93px;float: right;}


.page2 .page_conbg{width: 90%; left:5%}
.page3_items{margin-bottom: 0.2rem;}
.page4 .page_conbg {
    width:45%;}
	.p4_pre,.p4_next {
    width: 20%;
    height: auto;
}


}

<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2023-09-18 09:55:23" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->