@media only screen and (min-width: 320px) and (max-width: 740px) {
               .contact{padding: 9% 0 !important;}
               .contact ul li{width: 100% !important;}
               .contact ul li input{width: 98% !important;}
               .contact ul li textarea{width: 96% !important;}
               .contact ul li button{padding: 3% 0% !important; width: 100%;}        
               .footer{display: none;}
               .tjpro ul li{width: 100%;margin-bottom: 3%;}
               .js .lright{width: 100%;}
               .content .lbt{width: 100%;margin-bottom: 4%;}
          .nei img,.nei span{width:100% !important;height:auto !important;}
          .mobilenone{display:none;}
			}
			
			@media only screen and (min-width: 741px) and (max-width:1200px) {				
			    .footer{display: none;}
			    .tjpro ul li{width: 49.5%;margin-bottom: 3%;}
			    .tjpro ul li:nth-of-type(2n+1){margin-right: 1%;}
			    .js .lright{width: 100%;}
               .content .lbt{width: 100%;margin-bottom: 4%;}
			}
			@media only screen and (min-width: 1200px)  {					
               .contact ul li:nth-of-type(6){margin-left: 80px;}
               .contact ul li:last-of-type{margin-left: 80px;}
               .contact ul li:nth-of-type(5) div{vertical-align: 20px;}
               .tjpro ul li{float: left;width: 24.25%;margin-right: 1%;}
               .tjpro ul li:last-of-type{margin: 0 !important;}
               .js .lright{width: 45%;float: right;}
               .content .lbt{width: 50%;float: left;}
			}	
					 .crumbs{border-bottom: 1px solid #f0f0f0;margin-top: -4px;padding: .5% 0;}		        
			 .crumbs-right{text-align: right;}	 
			 .crumbs-right li a{color: #9c9c9c;vertical-align: top;}
			 .crumbs-right li img{vertical-align: 0px; margin-right: 2%;}
             .tjpro{padding: 2.5% 0;}
             .tjpro h2{font-size: 0.3rem;color: #333;margin-bottom: 2%;}
             .tjpro h2 a{float: right;font-size: 0.16rem;color: #f4455b;font-weight: 100;margin-top: 1%;}
             .tjpro ul li{float: left;}
             .tjpro ul li img{width: 100%;}            
             .tjpro ul li h4{font-size: 0.18rem;color: #333;font-weight: 100;margin: 2% 0;}
             .tjpro ul li:hover h4{color: #f4455b;}
             .content{padding: 5% 0 3% 0;}            
             .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
             .gallery-top {width: 100%;}
             .gallery-thumbs {box-sizing: border-box;padding: 10px 0;}
             .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
             .gallery-thumbs .swiper-slide-active {opacity: 1;}
             .swiper-slide img{width: 100%;}            
             .js .lright h2{color: #333;font-size: 0.3rem;margin: -2% 0 1% 0;}
             .js .lright .share{font-size: 0.14rem;}   
             .js .lright p{font-size: 0.16rem;color: #333;text-align: justify;}         
             #st-1{display: inline-block !important;vertical-align: middle;}
	         #st-2{display: inline-block !important;vertical-align: middle;}
	         .js .lright h5{font-size: 0.18rem;color: #f4455b;border-top: 1px solid #e1e1e1;margin: 5% 0 3% 0;padding-top: 3%;}
	         .js .lright .tel2{border-top: 1px solid #e1e1e1;padding-top: 8%;margin: 4% 0 3% 0;}
	         .js{border-bottom: 12px solid #e1e1e1;padding-bottom: 4.5%;}
	         .content .next{border-top: 1px solid #e1e1e1;padding-top: 3%;margin:5% 0 4% 0;}
	         .content .next a{display: inline-block;color: #fff;background: #969ca8;font-size: 0.18rem;width: 17%;text-align: center;padding: 1% 0;margin-right: 1.5%;border-radius: 5px;}
             .content .next a:hover{background: #f4455b;}
             .contact{padding: 2% 0;background: #e1e1e1;}
             .contact h2{color: #333;font-size: 0.3rem;}
             .contact p{font-size: 0.16rem;color: #666;margin: 0.5% 0 3% 0;}
             .contact ul li{float: left;width: 48.5%;margin-bottom: 1%;}
             .contact ul li:nth-of-type(1),.contact ul li:nth-of-type(3){margin-right: 3%;}
             .contact ul li div{display: inline-block;color: #333;font-size: 0.16rem;width: 100px;}
             .contact ul li .xing{color: red;vertical-align: -5px;}
             .contact ul li input{width:65.9%;padding: 2% 1%;background: #fff;border:1px solid #fff;}
             .contact ul li:hover input{border:1px solid #febc1e;} 
             .contact ul li:nth-of-type(5){width: 100%;}            
             .contact ul li textarea{width: 80.5%;background: #fff;border:1px solid #cbcbcb;padding:2.5% 2%;height: .4rem;}
             .contact ul li textarea:hover{border:1px solid #febc1e;}
             .contact ul li:nth-of-type(6){color: rgba(51,51,51,0.8);font-size: 0.14rem;width: 100%;}
             .contact ul li:last-of-type button{background: #f4455b;color: #FFFFFF;font-size: 0.16rem;font-weight: bold;border: none;padding: 2% 6%;}
             .nei{padding: 3% 0;}
             .tel2 img {max-width: 100%;}
             table{width: 1080px;}