@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%;}
               .content .contentr ul li{width: 100%;margin-bottom: 5% !important;}
               .footer{display: none;}
               .content .sidebar{display: none;}
			}
			
			@media only screen and (min-width: 741px) and (max-width:1200px) {				
                .content .contentr ul li:nth-of-type(2n){margin-left:1%;}
			    .content .contentr ul li{width: 49%;}	
			    .footer{display: none;}
			    .content .sidebar{display: none;}
			}
			@media only screen and (min-width: 1200px)  {					
               .content .contentr ul li{width: 32.6679%;}
               .content .contentr ul li:nth-of-type(3n+2){margin: 0 1%;}
               .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;}
               .content .contentr{width: 77%;float: right;}
			}	
			 .crumbs{border-bottom: 1px solid #f0f0f0;margin-top: -4px;padding: .5%;}		        
			 .crumbs-right{text-align: right;}	 
			 .crumbs-right li a{color: #9c9c9c;vertical-align: top;}
			 .crumbs-right li img{vertical-align: 0px; margin-right: 2%;}
			 .content{padding-bottom: 2%;}
			 .content .sidebar{width: 19%;float: left;}
			 .content .sidebar h3{font-size: 0.18rem;color: #333;margin-top: 34%;font-weight: 100;border-bottom: 1px solid #eae9e9;padding: 0% 0 6% 6%;}
			 .content .sidebar ul li{border-bottom: 1px solid #eae9e9;padding: 6% 0 6% 6%;}
			 .content .sidebar ul li:hover a{color: #f4455b;font-weight: bold;}
			 .content .sidebar ul li a{font-size: 0.14rem;color: #333;}
			 .content .contentr h1{font-size: 0.34rem;color: #333;margin-top: 7%;}
			 .content .contentr p{font-size: 0.22rem;color: #f4455b;}
			 .content .contentr ul{margin-top: 3%;}
             .content .contentr ul li{position: relative;float: left;margin-bottom: 3%;}             
             .content .contentr ul li img{width: 100%;}
             .content .contentr ul li h4{font-size: 0.16rem;color: #333;font-weight: 100;}
             .content .contentr ul li:hover h4{color: #f4455b;}
             .content .contentr ul li i{display: block;height: 65px;width: 65px;position: absolute;top: 33%;left: 40%;background: url(../images/shipinbofang-01.png);}
             .contact{padding: 1% 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: 100%;}
             .contact ul li .xing{color: red;vertical-align: -5px;}
             .contact ul li input{width: 83.9%;padding: 2% 1%;background: #f0f0f0;border:1px solid #cbcbcb;}
             .contact ul li:hover input{background: #fff;border:1px solid #febc1e;} 
             .contact ul li:nth-of-type(5){width: 100%;}            
             .contact ul li textarea{width: 89.16%;background: #f0f0f0;border:1px solid #cbcbcb;padding:2.5% 2%;height: .4rem;}
             .contact ul li textarea:hover{background: #fff;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%;}