﻿

@media(max-width: 1440px){
    .container-menu2{
		max-width: 1200px;
	}
	.container-nav{
		width: 100%;
	}
	.container-menu4{
		padding-left: 50px;
	}

	.navbar-expand-lg .navbar-nav .nav-link{
    	padding:0 1rem;
     margin-left:0.5rem;
    margin-right: 0.5rem;
    }

	.container-top{
		width: 100%;
	}

	.honorindex{
		display: block;
	}
	.numlist{
		width: 50%!important;
		float: left;
	}
	.timer{
    	font-size: 30px;
    	 
    }	

    .cansulist .title{
    	height: 300px;
    }

    .mynew-list2 h4{    	
    	
    	line-height: 20px;
    }

}

@media(max-width: 1366px){
	.news-two,.news-three{	
		   padding:50px 30px;
	}

	.container-my, .container{
		width: auto;
		padding:0 40px;
	}
}



@media(max-width: 1280px){
	 .top-info{
	 	padding:1rem 2rem;
	 }
	 .col-md-web{
	 	    flex: 0 0 33.33%;
    		max-width: 33.33%;
    		margin-top: 20px;
	 }
	 .col-bsc{
	 	    flex: 0 0 50%;
    		max-width: 50%;
	 }
}






@media(max-width: 1200px){
	html,body{
		width: 100%;
		overflow-x: hidden;
		max-width: 100%;
	}

   .nav-right{
   	display: none;
   }
	
   .tab_news{
   	 height: 420px;
   }

   .tab_news .img{
   	height:300px;
   }
   .tab_news .img a{
   	position: relative;
   	width: 100%;
   	height: 100%;
   	display: inline-block;
   }
   .tab_news .img img{
   	position: absolute;
   	height: auto; 
   	width: 100%; 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
   }

   .inner {
    width: 80%;
    left:10%;
    top:35%;
	}

	.inner .title1{ 
     font-size: 34px; 

	}

  

}


@media(max-width: 992px){
	.pc{
		display: none;
	}
	
	.wap1,.wap2{
	display:block;
	}

	.container-my, .container{
			padding:0 15px;
		}	
		
	  .navbar-expand-lg .navbar-nav {
	    -ms-flex-direction: row;
	    flex-direction: row;
	 }

	 .navbar-expand-lg .navbar-collapse{
	 	display: flex;
	 }
	 .navbar-expand-lg .navbar-nav .nav-link{
	 	padding:0 5px;
	 }

	 .container-custom{
	 	width: 100%;
	 }



   .tab_news .img{
   	height:auto;
   }
   .tab_news .img a{
   	position: relative;
   	width: 100%;
   	height: 100%;
   	display: inline-block;
   }
   .tab_news .img img{
   	position: relative;
   	height: auto; 
   	width: 100%; 
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    top: 0;
    left: 0;
   }

	 
	

	.tongdian{
		height: 600px;
		min-height: 600px;
		background-size:cover;
	}
	.videowh{
		width: 100%;
		height: auto;
		
	}
    .videowh_about{
    	 margin-top: 30px;
    }

    .cansulist .title{
    	height: 200px;
    }

    .indexCase .title{
    	font-size: 14px;
    }

    .tab_news{
   	 height: auto;
   }

   

}

@media(max-width: 768px){
    
    .brandmore{
       display: inline-block;
       margin-top:15px;
       font-size: 12px;
       font-weight: normal;
    }
	.col-md-5 {
        position: relative;
    	width: 100%;
    	padding-right: 15px;
   		padding-left: 15px;
	}

    .col-bsc{
    	 flex: 0 0 100%;
    		max-width: 100%;
    }
	
	.pc{
		display: none!important;
	}
	
	.pc2{
		display: none!important;
	}
	.wap{
	display:block!important;
	}
	.navbar-expand-lg .navbar-toggler{
		display: block;
	}
	.collapse:not(.show){
		display: none;
	}

	.indexBanner .swiper-wrapper a .title{
		width: 80%;
		top:40%;
	}	

	.indexBanner .swiper-wrapper a .title .title1{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.indexBanner .swiper-wrapper a .title .title2{
		font-size: 18px;
	}

	.inner .title1{
		    font-size:28px;
 
	}
	.inner .title2{
	font-size: 20px;
	
	}
    .more-btn{
    	min-width: 140px;
    	font-size: 0.8rem;
    	padding: 0 30px;
    min-width: 140px;
    height: 32px !important;
    line-height: 30px !important;      
    padding-left: 20px;
    padding-right: 20px;
    }

    .more-btn-black{
    min-width: 140px;
    font-size: 0.8rem;
    padding: 0 30px;
    min-width: 100px;
    height: 32px !important;
    line-height: 30px !important;      
    padding-left: 10px;
    padding-right:10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    }
 

	.tongdian{
		height: 500px;
		min-height: 500px;
		background-size:cover;
	}
	
	
	.span2{
		margin-left: 0
	}
	.containernews{
		margin-top: 20px
	}
	.container-my, .container{
		width: 100%;	 
	}
	
	.lxwms{
	 	background: #FFF;
	}
	.top-nav{
		position: fixed;
		top: 0;
		z-index: 9999999999999;
		line-height: 25px;		 
	}
    .top-down{
    	display: block;
    	height: 160px;
    }
	.top-info{
		display: block;
		height: 160px;
	}
	.navbar-light .navbar-toggler{
		border:none;
		float: right;
	    position: absolute;
	    right: 5px;
	    top: 12px;
	    font-size: 22px;
	    font-weight: 300;
	    color:#333;
	    opacity: 1;
	    height:30px;
	    width: auto;
	}
	.navbar{
		top: 0px;
		padding:0;
		display: block;
		z-index: 9999999999999;
		 
		width: 100%;
	}
	.logo-sm-height{
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: 15px;
		height: 25px;
	}
	.navbar-expand-lg .navbar-collapse{
	margin-top: 30px;
	z-index: 9999999999999;
	background: #fff;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		line-height: 30px;
	}
	 

  	.menu2 {
	position:fixed;
	z-index:999999999999;
	background:#fff;
	border-top:1px solid #ddd;
	display:none;
	height:100%;
	overflow-y:scroll;
	}
	.onemenu {
		list-style-type:none;
		width:100%;
		padding-left:3%;
		float:left;
		border-bottom:1px solid #ddd;
		padding-top:10px;
		padding-bottom:10px;
	}
	.link {
		font-size:16px!important;
		font-weight:300!important;
		line-height:24px;
	
		display:block;
	}
	.menu3 {
		width:32%;
		float:left;
		text-align:center;
		margin-right:1%;
		background:#f8f8f8;
		margin-bottom:0px;
		font-size:12px;
		line-height: 30px;
			margin-top:10px;
	}
		
 

	.indexBanner{
		margin-top: 0px;
		 
	}
	.jumbotron{
		padding: 6rem 2rem;
	}
	.bannerName{
		margin-top: 3rem;
	}




 


.indexCase .title{
	font-size: 14px;
}

 

/*****全局底部*********/
	.container-custom{
		 width: 100%
	}
	#btn-open-search-foot{
		display: none!important;
	}
	#footer-search{
		display: block!important;
	}	
	.top-line{
		border-bottom: none;

	}
	.button-line a{
		font-size: 12px;
	}
	#footer-search{
		width: 100%;
		margin-top: 15px;
	}
	.js-search-footer-input-popup{
		width: 100%;
	}
	.bg-info{
		background: #333!important;
	}
	.lh-2 li{
		margin-bottom: 0;
	}
	.footNav a{
		margin-bottom: 10px;
	}
	.footmenus{
		padding-bottom: 0;
	}

	.col-md-ftmenu{
		width: 100%;
	}

 
 
	.copyright{
		text-align: center;
	}


    .foottopbg{
    	background: #f2f2f2;
    }

	.footmenuleft{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.foot_search form{
		position: relative;
	}

	.foot_search input{
		width: 100%;
		margin-top: 10px;
	}
	.foot_search button{
		position: absolute;
		right:0;
		top:10px;
		z-index: 999;
		width: 40px;
	}
	.footmenus{
		margin-right: 0;
		margin-left: 0;
	}


	 .wapfootmenu{
	 	width: 100%;

	 }
	 .wapfootmenu .zpp{
	 	font-size: 14px;
	 }

	 .fa2{
	 	display: none;
	 }
	 .wapfootmenu .menuone{
	 	width: 100%;
	 	height: 60px; 	
	    color:#333!important;
	 	line-height: 60px;
	 	padding-left: 20px;	  
	 	font-size: 16px;
	 	font-weight: bold;
	 	border-bottom: 1px solid #d4d4d4;
	 }
	 .wapfootmenu .menuone a{
	 	color:#333!important;
	 }
	 .wapfootmenu .menutwo{
	   width: auto;
	   padding:0 20px;     
	   
	 }
	  
	 .wapfootmenu .menutwo li{ 	 
	   	   
	    display: block;	     
	    border-bottom: 1px solid #d4d4d4;
	    line-height: 55px;
	    width: 100%;
	    float: left;
	    margin-left:0px;
	 }
	  .wapfootmenu .menutwo li a{
	  	font-size: 14px;
	  }
	 .menudown{
	 	float: right;
	 	margin-right: 20px;
	 }


	.top-info,.top-down{
		height: auto;
	}
	.top-info .web .title{
		font-size: 16px;
		margin-top: 15px;
	}
	.top-info .web .desc{
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 13px;
	}

	#newslist4,#newslist5,#newslist6{
		display: none;
	}

	.btn-open-search, .btn-open-search2{
		margin-top: 7px;
		margin-left:0;
	}

	

	.zzh{
		margin-top: 30px;
	}
	.footer{
		padding-top: 0!important
	}

	.container-nav{
		display: block;	
	}
	.nav-right {
		display: none;
		position: absolute;
		right:100px;
	}
	 
	 
	.top-search button{
		position:absolute;
	}

	.top-search{
		top: 10px;
		width: calc(100% - 15px);
		position: relative;
		height:40px;
		right:0;
	}
	.top-search input {     
    background: #fff;
    width:100%;
    height: 40px;
    font-size: 14px;
    
	}

	.producttj{
		padding-left: 0;
		padding-right: 0;
	}

	.aboutT1{
		font-size: 40px;
		  
	}
	.footphone{
		font-weight: bold;
	}

	.indexProduct:hover .productIndex .card-img-top{
		transform:scale(1);
	}


	.contactxm{
	    font-size:24px;
	}
	.xmadd{
	    font-size: 20px;
	}

	.wapIMG{
	    height: 100px;
	    overflow: hidden;
	}

	.shangxia{
	    margin-bottom: 10px;
	}

	.productBtn{
	    width:24%;
	    padding:5px 0;
	    font-size: 12px;
	    margin-bottom:15px;
	    display: inline-block;
	    text-align: center;
	}

	 
	/*****首页新闻*********/

	 
	
	.cansulist:first-child .title{
		 height: auto;
	}
	.cansulist:first-child .title img{
		 height: auto;
	}

	.cansulist,.Up{
		padding-left:8px;
		padding-right: 8px;
	}


	 .cansulist .title{
		font-size: 14px;
		padding:0;
		border-radius: 0px;
		height: auto;
	}
	.cansulist .title img{
		width: 100%;
		height: auto;
	}
	.cansulist .subtitle{
		font-size:14px;
		position: relative;
		background: #f8f8f8;
		color:#333;
		padding: 0;
		line-height: 40px;
	}
   
    .cansulist:hover .title .maskdiv {
	display:none;
	}


 

	.btn{
		margin-bottom: 10px;
		font-size: 12px;
	}

 

	.fixedtop{
		top:55px;
	}

	 .mypicsduopic{
	 	height: 500px;
	 }
	.mypicsduopic .swiper-wrapper .swiper-slide{
		width: 100%;
		height: auto;
	}
	.mypicsduopic .swiper-wrapper .swiper-slide a{
        height: auto;
	}
	 .mypicsduopic .swiper-wrapper .swiper-slide a img{
	 	float: none;
	    height: auto;
	    width: auto;	    
	    max-height: 100%;
	 }
	 
	 #footsearch{
	     padding:0!important;
	 }
	 
	 

	 .mttop{
	 	margin-top:30px!important;
	 }
	 .pttop{
	 	padding-top: 30px!important;
	 }
	 
	 #bge2wap{
	     display: inline-block;
	     background:#F1F3F4;
	     padding-top:24px!important;
	     padding-bottom: 14px!important;
	 }
	 
	 #bge2wap .my-3{
	     margin-top:0!important;
	     margin-bottom: 0!important;
	 }
	 
	 .fontfeilei{
	     font-size: 16px;
	 }
	 
	 #rongyun-container{
	     padding-top:18px!important;
	     padding-bottom:18px!important;
	 }
	 #rongyun{
	     margin-right:-5px!important;
	     margin-left:-5px!important;
	 }
	 
	 
	 #rongyun .col-12{
	     padding-right: 10px!important;
	     padding-left:10px!important;
	 }
	 
	 #rongyun .mb-4{
	     margin-bottom: 20px!important;
	     
	 }
	 #rongyun .mt-1{
	     margin-top:0px!important
	 }
	 
	 .newbox{
	     left:10px;
	     right:10px;
	 }
	 
	 .newbox .title{
	     font-size: 12px;
	 }
	 
	 
	 #border-wap-none{
	     border:none!important;
	 }
	 
	 
	 .discoverheight{
    height: 700px;
    }
    
    .btn2{
        margin:0 10px;
    }
	
	
	.pbbottom24{
	    padding-bottom:24px!important;
	}


    .padding10010{
        padding-left:10%!important;
        padding-right: 10%!important;
    }
    
    
    .mbwap40{
        margin-bottom: 40px!important;
    }


 
}

@media(max-width: 540px){
	 .mypicsduopic{
	 	height: auto;
	 }
}


@media(max-width: 440px){

	.tongdian {
    height: 350px;
    min-height: 350px;
    background-size: cover;
	}

}