@media only screen and (min-width: 320px) and (max-width: 740px) {
	           .crumbs-left{display: none;}
               .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%;}
                .content .new img{width: 100%;margin-bottom: 3%;}
                .content .new .right{width: 100%;}
                 .crumbs{padding: .5% 0;}
			}
			
			@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%;}
			    .content .new img{width: 100%;margin-bottom: 3%;}
                .content .new .right{width: 100%;}
                 .content .news li h2 span{margin-top: 7px;}
                  .crumbs{padding: .5% 0;}
			}
			@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;}
               .content .new img{width: 50%;float: left;}
               .content .new .right{width: 45%;float: right;}
               .content .news li h2 span{margin-top: 7px;}
                .crumbs-right{float: right;width: 40%;margin-top: 2%;}	 
			}	
			 .crumbs{border-bottom: 1px solid #f0f0f0;margin-top: -4px;}		        
			 .crumbs-left{float: left;width: 60%;}
			 .crumbs-right{text-align: right;}	 
			 .crumbs-left li{float: left;padding:3% 11%;font-size: 0.18rem;background: #f4455b;color: #FFF;}
			 .crumbs-right li a{color: #9c9c9c;vertical-align: top;}
			 .crumbs-right li img{vertical-align: 0px; margin-right: 2%;}

             .tjpro{background: #e1e1e1;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-bottom: 5%;}
             .content .new{border-bottom: 1px solid #eee;padding: 8% 0 5% 0;}   
             .content .new:hover .right h2{color: #f4455b;}        
             .content .new .right .time{font-size: 0.16rem;color: #888;}
             .content .new .right h2{font-size: 0.24rem;color: #333;line-height: 0.27rem;margin: 3% 0 5% 0;}
             .content .new .right p{font-size: 0.16rem;color: #666;text-align: justify;margin-bottom: 11.3%;}
             .content .new .right span{display: block;width: 100%;text-align: center;background: #eee;color: #f4455b;font-size: 0.16rem;padding: 2% 0;}
             .content .news li{border-bottom: 1px solid #eee;margin-top: 2%;padding-bottom: 2%;}
             .content .news li h2{font-size: 0.24rem;color: #333;}
             .content .news li h2 span{float: right;font-size: 0.16rem;color: #888;font-weight: 100;}
             .content .news li p{font-size: 0.16rem;color: #333;margin: 1% 0;}
             .content .news li div{color: #f4455b;font-size: 0.16rem;}
             .content .news li:hover h2{color: #f4455b;}
             .contact{padding: 2% 0;}
             .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%;}
             .pagination{text-align:center;margin:3% 0;line-height:23px;}
.pagination span, .pagination a{font-size:12px;margin:2px 6px 2px 0;background:#fff;border:1px solid #e5e5e5;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}
.pagination a:hover{background:#8391A7;border:1px solid #fff;color:#fff;}
.pagination .current{background:#fff;border:1px solid #8d8d8d;color:#393939;font-size:12px;padding:2px 5px 2px 5px;}