@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;
	 }
	 .txt-top .desc{
	 	 line-height: 24px;
	 }

	 .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;
    top:100px;
	 }
     
     .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: 12px;
		margin-right: 5px!important;
		border-radius: 20px;
		line-height: 40px;
		text-align: center;
	}


	.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;
             margin-bottom: 30px;
          }


    #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 .desc{
		padding:15px;
		position: relative;
		background: #202a44;
		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:0px;
        bottom:15px;
        width:200px;
        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 li{
	width: calc(100% - 20px);
}

.list-ul3 li{
	 width: 100%;
	 margin-left:20px;
	 border:none;
	 padding:0px;
	 text-align: left;
	 margin-bottom:0px; 
    background:none;
    color:#333;
    list-style: disc; 
}

.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{
     background:var(--colorblue);
     padding:5px 0;
     font-size: 12px;
     margin-bottom: 5px;
     width: 100%;
     text-align: center;
   }
    
    .title-bg2 { 
    width: 300px;
    height: 100px; 
}
.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;
}
 
 

}
 
 
 
 
@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;
    
}
 

}