/* 
屏宽大于等于768px时通常为大屏手机或手机横屏 
 
 */ 
 
@media (max-width:767px) {
    .moblie{
        display: block;
    }
    .pc{
        display: none;
    }
    /* 新闻 */
	.new-title {
         padding-top:4vw;
        font-size: 0.875rem !important;
        }
     .new-container .author .name,.new-container .author .time {
         font-size: 0.875rem !important;
         letter-spacing: 0.12rem !important;
         
        }
     .new-container .author {
           margin-bottom: 0 !important;
         }
	.new-detail .text_2{
		font-size: 1.2rem;
		line-height: 2rem;
    	}
	.new-container,.pro-container{
		width: 96%;
		   padding: 15px 0 15px 0;
		}
		
    .new-container .new-title {
         font-family: MicrosoftYaHei;
         font-size:16px!important;
         font-weight: normal;
         font-stretch: normal;
         letter-spacing: 0rem;
         line-height: 2rem;
         color: #484747;
         margin-bottom: 0 !important;
    }
	.new-container{
	    padding: 0!important;
	}
    .pro-list .card-body h5{
        line-height: 2rem !important;
    }
    .pro-list .card-body {
    padding: 0.8rem 0;
        
    }
     #container {
            height: 100%;
            width: 100%;
            min-height: 335px !important;
        }
#cd-lateral-nav {
  /*max-height:680px !important;*/
  /*z-index:0;*/
    
}
    
    /* 图片 */
    .image_2{
		height: 375px;
		width: 100%;
		overflow: hidden !important;
		
   
	}
	.image_2 img{
		height: 375px;
		width: auto !important;
		overflow: hidden !important;
	}
	
	#cd-menu-trigger {
	    position: absolute;
	    right:8vw ;
	    top: 4.5vw;
	    height: 1vw;
	    width: 1vw;
	}
	#cd-logo {
	      position: absolute;
	      top: 3vw;
	      left:6vw;
		  margin: 0;
	}
	#cd-logo img {
	    display: block;
	    width: 50%;
	}
	video{
	    display: none;
	    /*margin-top: 50px;*/
		/*height: 670px;*/
		background: #000000;
	}
	
	header {
    /*height: 60px;*/
	}
	.qrcode img{
	    width: 30% !important;
	}
	.block .text_1,.paragraph_1{
		width: 90% !important;
	}
	.block .text_1{
		font-size: 1.2rem;
	}
	.paragraph_1{
		font-size: .875rem;
		line-height: 2rem;
		text-align: justify;
	}
	.block_3 .text_2{
		width: 80%;
		height: 2.5rem;
		text-align: center;
		font-family: MicrosoftYaHei;
		font-size:1.5rem !important;
		position: absolute;
		left:10% ;
		top: 45%;
		}
		
	.image-wrapper_1 ul li,.case ul li{
		width: 100%;
	}
	.image-wrapper_1 ul li img{
		width: 100%;
	}
	.image-wrapper_1 ul li .paragraph_1,.image-wrapper_1 ul li .text_1{
		width:100%;
	}
	.case .block_3{
		margin-top: 10%;
		padding-bottom: 7.5vw;
	}
	.case .text_3{
		width: 100%;
		display: block;
		font-size:2rem;
		line-height: 2rem;
		letter-spacing: 0rem;
	}
	.jion .link{
		position: absolute;
		top: 60%;
		left: 30%;
	}
	.footer-block{
		width: 96%;
	}
	.footer-block ul li{
		width: 100%;
	}
	.qrcode{
		margin-top: 20px;
	}
	.footer-block .friendlink{
		margin-top: 0;
	}
	.footer-block .friendlink a{
		padding: 5px;
	}
	.footer-block ul li a{
		font-size: 12px;
	}
	.footer-block ul li dd{
		text-align: justify;
		font-size: 12px;
	}   
	
	

   
	/* 产品列表 */
	.pro-list .card-body h5,.pro-list .card-body a{
		width: 100%;
		text-align: left;
		font-size: 0.875rem !important;
		}
		.pro-list .x4{
			width: 48%;
			padding: 1%;
			margin-left: 1.5%;
		}
		.pro-list .pro-img{
			/* width: 31.6vw; */
			height: 40vw;
		}
		
		.merchants-join{
				font-size: 1.5rem !important;
		}
		.jion .link,.merchants-paragraph{
			font-size: 1.2rem !important;
		}
		.download{
			font-size:0.9rem;
		}
		.jion-list ul{
			width: 98%;
			margin: auto;
		}
		.jion-list ul li{
			display: block;
			width: 100%;
			height: 10vw;
			background-size: 100%;
			background-repeat: no-repeat;
			text-align: center;
		}
		.jion-list ul li a{
			color: #484747;
			font-size: 0.875rem;
			width: 100%;
			height: 5vw;
			line-height: 7.5vw;
		}
		.form{
			position: relative;
			left: 5%;
			width: 90%;
			color: #ffffff;
			background: #ffffff;
			padding: 5vw 0;
		}
		.form .input-group{
			width: 100%;
		}
		.form .textarea{
			margin-left: 0%;
		}
		.join-form .text_2{
			position: absolute;
			top:20%;
		}
		.join-form .text_1{
			position: absolute;
			top: 25.5%;
			color: #ffffff;
			font-size: 1.2rem;
		}
		.about-container .container{
			width: 98%;
			margin: auto;
		}
		.slibe{
			display: none;
		}
		.slibetop{
			display: block;
			margin-bottom: 6vw;
		}
		.written-words{
			width: 100%;
			margin-bottom: 6vw;
			}
		.brand-dna {
			font-size: 1.2rem;
			margin-bottom: 1.4375rem;
			}
		.asti-asti {
			font-size:0.875rem;
			color: #484747;
			margin-bottom: 1.75rem;
			}
		.list-link{
			width: 98%;
			margin: auto;
		}
		
		/*新增*/
		.pro-list .card-body a:first-child {
	    width: 100% !important;
	}
	.footer-block ul li dd a {
    border-right: 1px solid #000000;
    padding: 0 5px;
    line-height: 14px;
}

.footer-block .logo-black {
    margin-top: 10px;
}
		
}
@media (min-width: 1024px){
    	.moblie{
        display: none !important;
    background: aliceblue
    }
    .pc{
        display: block !important;
    }
    
}
@media (max-width: 768px){
	.jion .link {
	    color: #ffffff;
	    position: absolute;
	    top: 56% !important;
	    left: 30%;
	}
	.footer-block {
	    width: 92%;
	    margin: auto;
	}
	.footer-block ul li {
    width: 100%;
}
    .footer-block .friendlink {
		margin-top: 0 !important;
	}
	
	.pro-list .card-body a:first-child {
	    width: 100% !important;
	}
	.moblie{
        display: block !important;
    }
    .pc{
        display: none !important;
    }

	
}
@media (min-width: 768px) { 
	#flip{
		display: none;
	}
	.block_3 .text_2{
		width: 80%;
		/*height: 2.5rem;*/
		text-align: center;
		line-height: 3rem;
		position: absolute;
		left:10% ;
		}
		.moblie{
        display: block;
    }
    .pc{
        display: none;
    }
	
 }