.pt-5-wap{
    padding-top: 3rem !important;
}
.pro-content img,
.pro-content p img{
    max-width: 100%;
    height: auto!important;
     
}
@media(max-width: 1440px){
	.container{
		 padding-right: 15px;
	    padding-left: 15px;
  	}
  	.navbar-light .navbar-nav .nav-link{
  		padding: 1.5rem 1.5rem;
  	}
}

@media(max-width: 1200px){
	.index_aboutbig{
		display: block;
	}
	.index_aboutbig .aboutlist{
		width:100%; 
	}
	.index_aboutbig .aboutlist2{
		width:100%;
		padding:30px 15px;
	}
	.index-vidoe1{
	width:100%;
	max-width: 100%;
	}
	.d-lg-flex{
	display: flex;
	flex-wrap: wrap;
	}
	.proleft,
	.proright {
		padding: 0px;
		width: 100%;
	}
	.proright{
		margin-left: 10px;
	}

}


@media (max-width:1000px) {
	.proleft {
		width: 100%
	}

	.why-list{
     -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;;
  	}

   
  	

}

@media (max-width:992px) {
	.proleft {
		margin: 0 auto;
		margin-bottom: 15px;
	}

	
	.pt-5-wap{
		padding-top:1rem;
	}
	#indextwo .righttxt{
		margin:0 auto;
		width: 100%;
	}
	#indextwosmall{
		bottom:10px;
	}

	.index_proname{
		display: table;
		width:100%;
	}
	.index_proname .title{
		width:calc(20% - 10px);
		float: left;
		margin-bottom: 10px;
		display: inline-block;
	}
	.index_proname .title a{
		padding:5px 0;
		display: inline-block;
		width:100%;
	}

 
	.navbar{
		padding:10px 15px;
		background: #1c69d4;
	}
	 
  	
}

@media (max-width:768px) {
    .my-fs-60{
    	font-size: 30px;
    }

	.btn {
		margin-bottom: 10px;
		font-size: 12px
	}
	.pro-content img,.pro-content p img{
    max-width: 100%;
    height: auto!important;
    width: auto!important;
	}

	.sub_menu2{
		background: none;
		padding:0;
	}
	.container-menu2 .product-menu2{
		padding:0;
	}

	.foot-new-msg{
		width: 100%;
	}


   .tjpc{
       display: none;
   }
	#magnifier {
		position: relative;
		margin: 0;
		width: 100%
	}

	.small-box,.small-box table td {
		width: 100%;
		height: 360px
	}



	.thumbnail-box {
		width: 100%
	}

	.thumbnail-box .list {
		width: 300px
	}

	.proleft {
		width: 100%
	}

	.px-sm-15 {
		padding: 15px!important
	}


	.ny-banner{
	  max-height: 300px;  
	}

	.mt-5-s{
		margin-top: 0px;
	}

	.logo{
	  height: 30px;
	}

	.navbar-nav{
		padding-top: 1rem;
	}

	.navbar-light .navbar-nav .nav-link{
		padding: 1rem 2rem;
	}


	.sub_menu2{
		display: block;
		position: relative;
		top:0;
		padding-top:20px!important;
		padding-bottom: 20px!important;
	}
	 
	.container-menu2{
		width: 100%;
	} 
	.container-menu2 .product-menu2 {
		background: rgba(0,0,0,0);
	}
	.container-menu2 .product-menu2 img{
          display: none;
	}





	.index-product{
		height: 360px;
	}
	.gallery-top{
		height: 450px;
	}
	.aboutggbg{height: auto !important; background-size:contain !important;padding-top: 55px;}
	.gallery-thumbs{
		width: 100%;
		left: 0;
	    margin-left: 0;
	    height: 160px;
	   padding: 10px 0;
	}

	#indextwosmall{
		width: 100%;
		bottom:0;
	}
	#indextwo{
		height: 700px;
	}

	.pt-5-wap{
		padding-top: 0
	}

	#indextwoheight{
		height: auto;
		overflow-y: visible;
		display:block;
	}
	 #indextwosmall .swiper-wrapper .swiper-slide .title{       
       width: 80%;
       margin-left:10%; 
    }
    
    #indextwoheight .col-12{
    	display: block;
    }

   
  
    .w-sm-100{
    	width: 100%;
    	margin-top: 15px;
    }

    .foot-email{
    	 width:100%;
    	 height: auto;
    }
    .emailtj {
    	margin-left: 0;
    	margin-top: 20px;
    	width: 250px;
    }
    .foot-msg{
    	height: auto;
    }

    #index-banner{
   		height: 98vh;
	}
	#index-banner-wap{
	   	height: 70vh; 
		margin-top: 55px;
	}
	.bannertxt-top{
	    bottom:50%;
	    margin-bottom: -70px;
	}

	.fs-sm-60{
		font-size: 20px;
	}

	#videoindexbanner{
		width:auto;
		height: 100%;
	}


	.fangan-btn{
		padding:8px 20px;
	}

	 .swiper-slide-step .heightimg{
      height: 300px;
   }

   .list-product{
   	height: 300px;
   }

   .cansu-desc{
   	width: 100%;
   	overflow-x: scroll;
   }

   #getinspired{
   	height: auto;
   	padding-bottom: 0;
   }


   .ny-banner{
	  max-height: 400px; 
	  overflow: hidden;
	  margin-top: 55px;
	}

	.ny-banner-video{
	  height: 200px; 
	  overflow-y: hidden;
	}

	.info-floattxt{
		width: 90%;
		padding:30px;
		margin-left:5%;
	}
	.py-180{
		padding-top: 100px;
       padding-bottom: 100px;
	}


video{height:auto;max-width:100%;border-style:none;vertical-align:top;}
 
  .productweb_list .mb-5{
  	margin-bottom: 0.1rem!important;
  }
  
  
  .col-md-20{
     -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;;
  }
   .col-md-20 .img img{
       max-width: 60px;
   } 
  
 .col-md-300{
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
 } 
  
  
.col-md-300-last{
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-left: 0;
 } 
  
  
.pro-content{
    width:100%;
    overflow-x: scroll;
}
  
  
 .about-title{
     position: relative;
     bottom:0;
     padding:0 15px;
     width:auto;
 } 
  
  .about-title .title2 span {
      font-size:40px;
}
  
  
 .about-title .title2 .line, .about-big-title .line {
    margin-bottom: 15px;
} 
 .line-float {
    width: 40px;
   
} 
  
 .line {
    width: 250px; 
} 
  
.mt-wap-0{
    margin-top:0!important;
}  
.py-wap-0{
    padding-top:0!important;
    padding-bottom: 0!important;
}


.container1300{
    width: auto;
}

.container1300 .row{
    margin-left:0;
    margin-right:0;
}

.about-big-title .name{
    font-size: 34px;
}

.pr-5{
    padding-right: 15px!important;
}


 
 .proright{
   	   margin-top: 15px;
    	margin-left: 0px;
    	padding-right:0px;
    }


.index_proname .title{
		width:calc(50% - 10px);
	}

 
.product-menu{
	flex-wrap: wrap; 
}
.index-product-menu{
	-ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
    padding:10px 0;
}

.index-product-menu img{
    max-width: 90px;
}

.why-list{
     -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }

.why-box{
	height: 270px;
	padding:20px 15px;
}  
.why-box img{
	width:50px;
}
.why-box .desc{
	line-height: 20px;
}
.why-list:last-child{
	  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.why-list:last-child .why-box{
	height: auto;
}

.tongdian{
	min-height: 300px;
}

 
 .ct03 {
		width: 90%;
		height: auto;
		padding-bottom: 30px;
		margin-left: -45%;
		top: 100px;
		margin-top: 0
	}
	
.bdm1 {
    position: relative;
}

.bigtitlec{
	font-size: 30px;
}

.wap-btn-right{
     position: absolute;
     right:15px;
     top:-10px;
	 display: none !important;
}
	.parter{
  		width: calc(33% - 16px);
  		margin: 7px;
  	}
  	
  	.parter img{
  	     max-width: 100%;
  	     height: auto;
  	}

}
@media(max-width: 860px){

  	.index_aboutbig .aboutlist2{padding: 30px 0px 0px;}

}

@media(max-width: 540px){

  	.index_news2 .news2_txt{
  		display:block;
  		position: relative;
  		padding:20px 0;
  	}

}