@media(max-width: 1680px){
   .container-fluid-body{
   	  max-width: 1440px;
   }
   .lines .swiper-slide-lines{
     width:800px;
   }
   .lines .swiper-button-next-lines{

  height:420px;
  right:-420px;
  }
  .lines .swiper-button-prev-lines{ 
  height:420px;
  left:-420px;
 }  



}



@media(max-width: 1440px){
	 .imgborder{
	 	    border-radius: 6px 120px 6px 120px;
	 }
	 .imgborder2{
	 	border-radius:80px 6px 80px  6px
	 }

	 .container-fluid-body{
   	  max-width: 1280px;
    }

    .top-banner{
    	height: 300px;
    }
    .banner-title{
    	 font-size: 30px;
    }

    .menu-box-2menu a {
      padding-top:0px;
      font-size: 13px; 
   }

}




@media(max-width: 1366px){
	.container{
		max-width: 1200px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		 padding-right: 1.5rem;
		 padding-left: 1.5rem;
	}

	.index_aboutbig .ab-desc{
		padding-right:50px;
	}

	.logo-sm-height{
		height: 60px;
	}

	 .news-container{
           width:990px;
           padding-top: 150px!important;
        }
       .news-list  .list{ 
           height: 400px;

      }
      .news-list .list .picture{
          bottom:50px;
      }

       .news-list .list .mydesc{ 
            padding:30px;
            top:50px; 
       }
       
       
	 .product2-container{
           width:100%; 
           padding:0 30px;
    }
    .product2-list .list .mydesc .txt-box{
    	 padding:50px 20px;
    }

    .list-ul li{
	width: calc(33.3% - 20px);
	}
    
     
}


@media(max-width: 1200px){
	 .container-fluid-body{
   	   width:100%;
   	   padding:0 15px;
    }
	 .navbar-expand-lg .navbar-nav .nav-link{
		 padding-right: 1rem;
		 padding-left: 1rem;
	}
	 .txt-top{
	 	width:60%;
	 }
	 .txt-top h1{
	 	 font-size:40px;
	 }
 

	 .index_aboutbig .ab-desc .txt .title{
	 	 font-size: 30px;
	 }

	 .index-Punting{
	 	width:auto;
	 	padding:15px;
	 }


	 .index-Punting .txt{
	 	padding:50px 0px 50px 35px;
	 }



	.why-box{ 
		 margin-bottom: 25px;
	}


	.yuding-box{
		 width: 90%;
		 height:auto;
		 top:0;
		 left:0;
		 margin-left:5%;
		 margin-top:30px;
		 margin-bottom:30px;
	}


    .imgborder{
	 	    border-radius:0
	 }

	 .imgborder2{
	 	border-radius:0
	 }


	 .product-list-new .content-box .txt{
	 	  width:100%;
	 	 
	 }


	    
    .marry-box .text-box{
    	position: relative;
    }
    .marry-box .text-box .txt-center{
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		padding:30px 0 0 0;
	}
	
	
	  .menu-box-2menu a{
         width:33%; 
        
    }
	


}


@media(max-width: 992px){
	 .logo-sm-height{
	 	 height: 60px;
	 }
	 .top-head-sm-height{
	 	 height: 60px;
	 }
	 .dropdown-menu{
	 	display: flex!important;
	 	flex-wrap: wrap;
	 	padding:0;
	 	box-shadow: none;
	 }
	 .dropdown-item{
	 	display: inline-block;
	 	width: auto;

	 }
	 .dropdown-menu .dropdown-item{
	 	 font-size: 14px;
	 }
	 .nav-item{
	 	border-bottom:1px dashed #ddd;
	 }
	  
	  .dropdown-menu .dropdown-item{
	  	padding:5px 10px 5px 20px;
	  }


	.time-line .time-box{
		 padding:0 15px;
		 margin-bottom: 15px;
	}  

	.navbar-expand-lg .d-flex-menu{
		display: none!important;
	}

	.fixed-top{
		background: #fff;
	}

	 .top-logo{
	 text-align:right;
	 padding-right: 0;
	}

	.menu-leftbox{
	 padding-top: 2rem!important;
	}



	 .news-container{
           width:90%;
           margin-left: 5%;

        }
        
        
    .lang img{
        width:24px;
    }   
    
    
    .product2-list{
		 margin-bottom:50px;
	}
	.product2-list .list{
		 height: auto;
	} 
    .product2-list .list .picture{
    	 position: relative;
    	 width: 100%;
    	 height: auto;
    	 border-radius:20px 20px 0 0;
    }

    .product2-list .list .mydesc{
    	 position: relative;
    	 width: 100%;
    	 left:0;
    	 bottom:0;
    	 min-height: 100px;
    	 border-radius: 0 0 20px 20px;
    }

    .product2-list .list .mydesc .txt-box{
    	 border-radius: 0 0 20px 20px;
    	 padding:20px 20px;
    }
        
	

}



@media(max-width: 768px){
    
    
	.top-menu-close-box{
	     position: fixed;
	     right:15px;
	     top:15px;
	     z-index: 99999999;
	     height:60px;
	     width:40px;
	     display: inline-block;
	}
	
	.menu-box{
	    background: rgba(32,42,69,1);
	}

	.index_aboutbig{
		 padding-bottom: 0px!important;
	}

	 .index_aboutbig .ab-desc{
	 	 padding:0px 15px;
	 }

	 .index-server-box{
	 	padding:0 15px;
	 }

	 .txt-top{
	 	width:calc(100% - 50px);
	 	left:25px;
	 }
     
     .attractions-list .attr-desc{
     	 padding:5px 15px;
     }
     .attractions-list:nth-child(2n) .attr-desc{
          padding:5px 15px;
     }

     .sort-imgbox{
     	height: auto;
     }


	 .attractions-list .attr-desc .txt .title{
	 	 font-size:20px;
	 }
	 .attractions-list .attr-desc .txt .content{
	 	 font-size: 14px;
	 }
	 .index-Punting .txt .title{
	 	 font-size: 30px;
	 }

	 .txt-top h1{
	 	 font-size: 30px;
	 }
	 .foot-pay{
	 	 margin-top: 15px;

	 }



	 .card-header{
	 	 padding:.75rem 0rem;
	 }

 

	 .contact .contact-list{
	 	 width:100%;
	 }
	 .bus-list .txt-box{
	 	 padding:20px 15px;
	 }

	.bus-to{
		 padding:0 15px;
	}

	.punting .punting-box,
	.tourguide .tourguide-box,
	.Attractions .Attractions-box,
	.content-about-box{
		padding:0px;
	}
    
    .tourguide .tourguide-box,
    .tourguide .tourguide-box:hover{
    	 background: rgba(0,0,0,0);
    	 padding:0;
    }
    
    .punting .punting-box .title{
        padding:0 15px;
    }

	.index-who{
		 padding-top: 0;
		 padding-bottom: 50px;
	}

	.foot-nav-box{
		display: flex;
		flex-wrap: wrap;
	}
	 

	.banner-btn{
		padding:0px;
		width:calc(33.33% - 10px);
		font-size: 14px;
		margin-right: 5px!important;
		border-radius: 20px;
		line-height: 40px;
		text-align: center;
		color: var(--colorjin);
		border:2px solid  var(--colorjin);
		font-weight: bold;
	}


	.py-100 {
    padding: 80px 0 50px 0;
	}

	.shejiao{
		padding-top:50px;
		margin-top: 30px;
	}
	.bo-bottom{
		height: 100px;
	}


	.c-switch-wrap .c-phone{
		display: none;
	}



	
	.bo-bottom2{
		 height:100px;
	}

	.index-server-box-list .txt .desc{
		height: auto;
		min-height: auto;
	}

	.index_aboutbig .ab-desc .txt .title{
		font-size: 24px;
	}
 

	.menu2{
		font-size: 12px;
        line-height: 30px;
        padding:10px 5px;
	}
    

    .content-list-box .c-box .imgbox{
    	 height: 200px;
    }

    .news-content .title{
    	 font-size: 20px;
    }


    #indexv1{
    	margin-top: 40px;
    	max-height: 100%;
    	width:100%;
    	height: auto;
    }

    .video-max{
    	max-width: 100%;
    }
    
    
    .menu-box-2menu{
        display: flex;
        flex-wrap: wrap;
    }
    .menu-box-2menu a{
         width:33%!important;
         margin-right: 0!important;
         text-align: center;
         padding-top: 10px;
    }




      .news-container{           
            padding-top: 0px!important;
        }
         
          .news-list .list .picture,
          .news-list .list .mydesc{
             position: relative;
             top:0;
             bottom: 0;
          }

          .news-list .row{
               flex-direction: column;
          }
          .news-list .list{
             width:100%;
             height: auto;
          }

          .news-list{
             height: auto;
             padding:0;
          }


    #Robust{
    	height: auto;
    	padding-bottom: 20px;
    }

    #Robust .swiper-slide{
    	 width:100%;
    }

    #Robust .swiper-slide .robust-img{
    	width:100%!important;
    	height: auto;
    }

    .swiper-pagination-Robust{
    	bottom: 0px!important;
    }
    .swiper-pagination-bullet{
    	 width:12px;
    	 height: 12px;
    }
    .swiper-pagination-bullet-active {
    opacity: 1;
    background: #202a44;
   }    


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

 .water-group, .water-group-top{ 
     width:200%;
 }
 
 
.col-6{
        padding-right: 10px;
    padding-left: 10px;
} 


.navbar{
    padding:0px;
}

.menu-leftbox{
     padding-left:30px;
} 

.top-bar{
    height: 30px;
    width:100%;
    display: block!important;
    line-height: 30px;
}

.drive-bg{
    padding-top:0px;
}

.top-head-sm-height{
    height:86px;
}

.top-product-wap{
    height: auto;
    position: relative;
}
.top-product-black-wap{
    position: absolute;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    z-index:99;
}


.about-app .app-box{
    padding:0px;
}

.app-box{
    padding:30px 0 30px 0;
}
.p1-left{
    padding-top:60px;
}
.p1-right{
    padding:0;
}
.p1-right:hover{
	background: rgba(241,158,182,0);
}

.app-store .box-center {
       position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.app-store .box-center a {
    display: block;
    margin-right: 0px;
}

.py-wap-0{
    padding-top:0!important;
    padding-bottom: 0!important;
}
 
  .books{
          width:160px;
          font-size: 12px;
     }
  .books:hover{
 	 color:#fff;
 	 width:150px;
    }
    

.time-line .time-box{
    padding:0;
    width:33%;
    text-align: center;
}
.time-line .time-box .img{
     width:60%;
     height:auto;
     margin-left:20%;
     text-align: center;
}
.time-line .time-box .title{
     font-size: 14px;
}

  .custom-txt .swiper-pagination-custom .swiper-pagination-bullet{
     font-size: 14px;
     margin: 10px 10px;
     font-weight: bold;
     font-family: "honorFW";
   }

   #custom .swiper-wrapper .swiper-slide .swiper-mask .mask-box .position-box{
      left:20%;
      top:50%;
      position: absolute;
      transform: translate(-10%,-50%);
   }
   
   .ask-end:after, .ask-end:before{
        left:40px;
   }
   
   
   
	.swiper-pagination-productivity .swiper-pagination-bullet{
		font-size: 14px;
		margin:5px 10px;
	}
	.swiper-pagination-productivity{
		margin-top: 15px;
	}

	.swiper-slide-productivity{
		width:80%;
	}
   .swiper-slide-productivity a{ 
        margin:0 auto;
      
   }
   .swiper-slide-productivity .books{
         padding:10px 0!important;
        	background: var(--colorjin)!important;
   }
   
	.swiper-slide-productivity a .desc{
		padding:10px 15px;
		position: relative;
		background: var(--colorjin)!important;
		display: block;
	}


	.swiper-slide-productivity a .desc .txt{
		width:100%;
	}
	.swiper-slide-active  a .desc{
		padding:15px;
		position: relative;
		background:#202a44;
	}

	.swiper-button-next-productivity{
		 right: -40%; 
	}
	.swiper-button-prev-productivity{
		left:-40%; 
	}
	.swiper-button-next-productivity:after, .swiper-button-prev-productivity:before{
		background: none;
	}
	
	.swiper-slide-active:hover a .desc{
    		background:#202a44;
    }
    
    .swiper-slide-active a .desc .content-box{
        padding:0;
    }



    .about-app{
         background: #fff;
    }
    .app-box-img{
        position:relative;
        
    }
    .app-box-img .phones{
        position: absolute;
        right:-20px;
        bottom:20px;
        width:170px;
        z-index: 99; 
        padding:0 20px;
        border-radius: 20px;
        text-align: right;
    }

       .why-box{
        padding: 15px;
        background: #E1BE78!important;;
    }
    .why-box .top-box .numbers{
         display: none;
    }
    
    .swiper-slide-active:hover a .desc .content-box{
        background: none;
    }
    .swiper-slide-active:hover  a .desc{
      color:#fff;
    }
    
   .index_aboutbig .ab-desc .txt .title{
       margin-bottom: 0;
   }
   
   .time-line .time-box{
         padding:0px;
         width:33%;
         text-align: center;
         display: inline-block;
    }
    .time-line .time-box .img{
         width:50px;
         height:50px;
         margin:0 auto;
    }
	 .time-line .time-box .title{
	     font-size: 12px;
	     margin-top:5px;
	 }


.list-ul p{
	width: calc(100% - 20px);
  margin-bottom: 0px;
}

.list-ul3 p{
	 width: 100%;
	 border:none;
	 padding:0px;
	 text-align: left;
	 margin-bottom:0px; 
    background:none;
    color:#333;
    list-style: disc; 
     padding-left: 20px;
  position: relative;
}
 
.list-ul3 p:before{
   content: "\F519"; /* bi-plus-circle-fill 的 Unicode */
  font-family: "bootstrap-icons"; /* 使用 Bootstrap Icons 字体 */
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 12px;
  color: #333; /* 图标颜色，可自定义 */
  z-index: 2;
  line-height: 1;
}



.team-top{
	 margin-bottom: 0px;
}
.team-top .team-top-txt{
	position:relative;	
	height: auto;
   bottom:0;
   margin-top: 30px;
}
 .team-top .team-top-txt .team-txt{ 
	 padding:40px 15px;
	 border-radius:20px;
}
.teamlist .txt{
	 padding:20px 15px;
}

.team-prev, .team-next{
	top: calc(50% - 400px);
}

.title-line:after{
	 width:40px;
}


      .team-list-wap{
         display: flex;
         flex-wrap: nowrap;
         padding:15px;
         background: #fff;
         margin-bottom: 15px;
      }
 
      .team-list-wap .ico img{
         max-width: 150px;
      }

      .team-list-wap .desc{
         width:calc(100% - 150px);
         padding:0 15px;
      }

.team-list-wap:hover .title{
	color:#CDB071;
}

.text-center-wap{
	text-align: center;
}


.wap-box{
	 border-radius: 30px;
	 overflow: hidden;
}
    

    .lines{ 
    }
    .lines .swiper-slide-lines {
        width: 80%;
    }
    .lines .swiper-slide-lines a{ 
    	 background:#CDB071;
    }
   .lines .swiper-slide-lines a .desc{
   	 position: relative; 
   }


 .line-box{
     display:none;
   }


   .Highlights{
     padding:30px 15px;
   }

   .yanlist{
     margin-top: 0;
     margin-bottom: 25px;
   }
   .yanlist2{     
     margin-bottom:25px;
   }

   .wenwu p{
     background:var(--colorblue);
     padding:5px 0;
     font-size: 12px;
     margin-bottom: 5px;
     width: 100%;
     text-align: center;
   }
    
    .title-bg2 { 
    width: 340px;
    height: 80px; 
}
.title-bg2 strong{
    top:0;
}

 .title-bg-reviews{
     height:80px;
     width: 340px; 
 }
 .title-bg-reviews strong{
      top:25px;
 }

.content-s{
   line-height: 24px;
}



.list-ul2 li{
   width:100%;
   font-size: 12px;
}


.ask-body-wap{
    display: block!important;
}

.top-product-txt{
    background: rgba(0,0,0,0.3);
}


.border-bottom-dashed-fen{
     border-bottom:1px dashed var(--colorred)!important;
}

.contact-box1{
     background:#FDFBEC;
}
.contact-box-left{
    margin-left:-10px;
    margin-right: -10px;
}
.contact-box2{
     padding:20px 15px;
}
.contact-box3{
      background:#FDFBEC;
     padding:20px 15px;
}
.contact-box4{
   
     padding:20px 15px;
}
 .contact-box5{
    background: #EEF2F4;
     padding:20px 15px;
}
.form-group{
    margin-bottom: 30px;
}
.form-group label{
    border-radius: 0;
    border:1px solid #ced4da;
    border-bottom: none;
    top:-21px;
}


.list-ul-txt{
      column-count: 1;      /* 两列 */
 
}
 

.news-container{
     width:100%;
     padding:0 15px;
     margin:0;
} 
.news-list .newlist-box{
     display: flex;
     background: var(--colorblue) 
}
.news-list:nth-child(2n) .newlist-box{
     background: var(--colorred);
}
 .newlist-box .imgbox{
      width:150px;
      margin-right: 10px;
      height: 100%;
 }
  .newlist-box .text-box{
       width:calc(100% - 160px);
       color:#fff;
  }
  
  
  .newlist-box .imgbox img{ 
     border:none;
}
 .newlist-box .js-text-dot-cn{
     height: auto;
     max-height: 68px;
}
 
   .team-grid .team2-list-box{
        margin-bottom: 0;
            padding: 0 15px;
   }
   
    .team-grid .team2-list-box .team2-list .ico{
        height: 250px;
    }
  
    .team-grid .team2-list-box:nth-child(even){
         margin-top:50px;
    }
    
    .team-grid .team2-list-box .team2-list .ico .desc-box{
    padding:10px;
    line-height:18px;
    font-size: 12px;
}
.team-grid .team2-list-box .team2-list .ico .desc-box p{
     line-height:18px;
    font-size: 12px;
}
    
   
    
    .copyright{
         padding:0 0px 15px 0px;
    }
    
   
    
   
      .guang-news::before,
      .guang-news::after {
        content: 'CSS.registerProperty is supported ✅';
        position: absolute;
        display: block;
        top: 8px;
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 160px);
        max-width: 380px;
        height: auto;
        padding: 8px;
        border-radius: 8px;
        background: #48b93c;
        color: white;
        text-align: center;
        font-family: sans-serif;
        z-index: var(--supported, 0);
        opacity: var(--supported, 0);
      }

      .guang-news::after {
        content: 'CSS.registerProperty is NOT supported ❌';
        background: #b93c3c;
        z-index: var(--not-supported, 0);
        opacity: var(--not-supported, 0);
      }

      .guang-news::before,
      .guang-news::after {
        display: none !important;
      }

      

      .guang-news{
         width:100%;
         height: 160px; 
          color: white;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2; 
        cursor: pointer;
        margin:0 auto;
        border-radius: 5px;
        overflow: hidden;
      }
      
       
      .guang-news:before,
      .guang-news:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius:var(--colorjin);
      }
      .guang-news .guang-news-box{
        position: absolute;
        width: 90%;
        height: 90%; 
        display: flex;
        align-items: center;
        justify-content: center;  
    
      }
      .guang-news .guang-news-box span {
        display: inline-block;
        padding: 0.25em;
        border-radius: 4px;
        background: var(--text-color);
        color: black;
        margin-right: 8px;
        font-weight: 900;
      }
      .guang-news .guang-news-box:before {
        content: '';
        display: block;
        position: absolute;
        box-shadow: 0 0 20px #ddd;
        mix-blend-mode: color-burn;
        z-index: -1;
        background: var(--colorjin)
          radial-gradient(
            30% 30% at calc(var(--bg-x) * 1%) calc(var(--bg-y) * 1%),
            hsl(calc(calc(var(--hue) * var(--hue-speed)) * 1deg), 100%, 90%)
              calc(0% * var(--bg-size)),
            hsl(calc(calc(var(--hue) * var(--hue-speed)) * 1deg), 100%, 80%)
              calc(20% * var(--bg-size)),
            hsl(calc(calc(var(--hue) * var(--hue-speed)) * 1deg), 100%, 60%)
              calc(40% * var(--bg-size)),
            transparent 100%
          );
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        animation: hue-animation var(--animation-speed) linear infinite,
          rotate-bg var(--animation-speed) linear infinite;
        transition: --bg-size var(--interaction-speed) ease;
      }
      
   .tk{
        width:90%;
        height: 120px;
   }
    .Process{
         height: 270px;
    }
     .Process .swiper-slide{
          width:80%;
     }
     .Process .swiper-slide .ico{
          height: 200px
     } 
     
     
     
     
     
    .mt-xs-0,
    .mt-sm-0{
        margin-top:0!important;
    }
    
    .mb-mysm-0,
    .mt-mysm-0{
        margin-bottom:0!important;
         margin-top:0!important;
    }
    .pb-mysm-0,
    .py-mysm-0{
         padding-bottom: 0!important;
    }
    .pt-mysm-0,
    .py-mysm-0{
         padding-top: 0!important;
    }
    
     .py-mysm-10{
         padding-top: 10px!important;
         padding-bottom: 10px!important;
    }
    
    .mb-mysm-10{
        margin-bottom:10px!important;
    }
    
    .py-xs-3{
         padding-top:30px!important;
         padding-bottom: 30px!important;
    }
    .pt-xs-0{
         padding-top: 0!important;
    }
    
    
     .tk .title .subtitle{
     font-size: 10px;
     width:50%;
     } 
     
     .why-box{
         margin-bottom: 0;
     }
     .why-box .desc{
         margin-bottom: 10px;
     }
     .price-table strong, 
     .price-table2 strong{
         font-size: 14px;
     }
    .price-table th,
    .price-table td,
    .price-table2 th,
    .price-table2 td{
         font-size: 12px;
    }
    
    
     .audio-box {
  padding:0px;
  border-radius:8px; 
}
audio { 
 
    border-radius: 0;
} 
    .Audio-Guide-list .newlist-box .imgbox{
         width:100%;
         margin-right: 0;
    }
    
    .Audio-Guide-list .newlist-box .text-box{
         position: absolute;
         left:0;
         top:0;
         width:100%;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
    }
    
     .pifa-list{
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%; 
    padding:2px 10px;
 }
  
 .wholes-list{
    background:rgba(255,255,255,0);
    padding:0 10px;
    text-align:left;
    color:#333;
 }
   .wholes-list span{
      display: inline
  }
  
  .txt-top .desc{
        line-height: 24px;
    }
 

}
 
 
 
 
@media(max-width: 370px){
     .time-line .time-box .title{
     font-size: 12px;
    }
    
    .txt-top .desc{
        line-height: 20px;
    }
    
     
.index_video{ 
    min-height: 720px!important;
    background: url(/static/wap.webp) center center;
    background-size: cover;
    
}
 

}