@media only screen and (min-width: 320px) and (max-width: 740px) { 
							.product{margin-bottom: 90%;}	
							.pro li{margin-bottom: 2%;}			
							.ltd .about{width: 80%;}			
						
					}					
					@media only screen and (min-width: 741px) and (max-width:1200px) {												   
			 				  .pro li{width: 48%;}    
								.pro li:first-child{margin-right: 4%;}    
								.pro li .zz p{margin: 1% 0 5% 0 !important;}		
								.product{margin-bottom: 20%;}		
								.ltd .about{width: 50%;}		
					}
								@media only screen and (min-width: 1200px) and (max-width:1500px) {												   
			 						.product{margin-bottom: 18%;}	
					}
						@media only screen and (min-width: 1500px) and (max-width:1650px) {												   
			 						.product{margin-bottom: 13%;}	
					}
					@media only screen and (min-width: 1650px)  {	
							.product{margin-bottom: 10%;}	
						}
					@media only screen and (min-width: 1200px)  {	
								.pro li{width: 48%;}    
								.pro li:first-child{margin-right: 4%;}    
								.ltd .about{width: 38%;}
					}
	.swiper-pagination-bullet {
	    width: 77px;
	    height: 4px;
	    display: inline-block;
	    border-radius: 0; 
	    background: #fff;
	    opacity: .1;
	}
	.swiper-pagination-bullet-active {
	    opacity: .5;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 5%;
	}
	.swiper-slide img{width: 100%;}
    .heng{width: 56px;height: 1px;background: #333;margin: 0 auto;}
    .product{background: #f5f5f5;padding: 3% 0 12% 0;}
    h1{font-size: 0.48rem;color: #262626;text-align: center;font-weight: 100;}
    .p1{font-size: 0.2rem;color: #262626;text-align: center;}
    .pro{width: 100%;margin-top: 5%;}
    .pro li{float: left;position: relative;overflow: hidden;}
    .pro li img{width: 100%;margin-bottom: -3px;}
    .pro li .zz{width: 100%;height: 100%; background: rgba(0,0,0,0);position: absolute;top: 0;left: 0;transition: all 0.6s;padding: 20% 0;}
    .pro li .zz h2{font-size: 0.4rem;color: #FFFFFF;font-weight: 100;text-align: center;}
    .pro li .zz p{width: 96%;color: rgba(255,255,255,0.5);font-size: 0.18rem;text-align: center;margin: 1% 0 9% 0;padding:0 4%;}
    .pro li .zz .more{text-align: center;color: #fff;font-size: 0.18rem;border: 1px solid rgba(255,255,255,0.5);
    width: 43%;margin: 0 auto;padding: 2% 0;display: none;}
    .pro li:hover .zz{background: rgba(0,81,156,0.7);padding: 14% 0;}
    .pro li:hover .zz .more{display: block;}
    .swiper-container2{margin: 5% 0;}
    .swiper-container2 .swiper-slide{position: relative;overflow: hidden;}
    .mb{position: absolute;bottom: 4px;left: 0;width: 100%;background: rgba(0,0,0,0.5);padding: 8% 0 2% 6%;transition: all 0.6s;}
    .mb h4{font-size: 0.16rem;color: #fff;font-weight: 100;margin-bottom: 8%;}
    .swiper-container2 .swiper-slide .mb .more2 img{width: 30%;}
    .swiper-container2 .swiper-slide .mb .more2{display: none;width: 35%; font-size: 0.14rem;color: rgba(255,255,255,0.5);border: 1px solid rgba(255,255,255,0.5);padding: 3% 7%;}
    .swiper-container2 .swiper-slide:hover .mb{background: rgba(0,81,156,1);padding: 8% 0 15% 6%;}
    .swiper-container2 .swiper-slide:hover .mb .more2{display: block;}
    .ltd{background: url(../images/ltd.png) no-repeat;background-size: cover;padding: 4% 0;}
    .ltd .about{background: #fff;border-top: 8px solid #00519c;float: right;margin-right: 10%;padding: 2% 2%;}
    .ltd .about h3{font-size: 0.36rem;color: #262626;font-weight: 100;}
    .ltd .about .heng2{display: block;width: 56px;height: 1px;background: #333;margin: 1% 0 2% 0;}
    .ltd .about p{font-size: 0.16rem;color: #666;margin-bottom: 8%;}
    .ltd .about .detail{font-size: 0.18rem;color: #00519c;}