.clearfix:after {
			content: "";
			display: block;
			height: 0;
			clear: both;
		}
		.clearfix {
			zoom: 1;
		}		
		.back .service_app_menu{
			height: 770px;
			background: url(/images/kunyu-development-banner.png) no-repeat center top;
			position: relative;
			line-height: 30px;
		}
		.service_app_menu .sub-title{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
		}
		.service_app_banner_title{
			font-size: 48px;
		}
		.service_app_banner_text{
			font-size: 18px;
			margin-top: 46px;
			margin-bottom: 26px;
		}
		.service_app_banner_zixun{
			display: inline-block;
			width: 204px;
			height: 48px;
			background-color: #fff;
			line-height: 48px;
			font-size: 18px;
			color: #065da3;
			border-radius: 4px;
		}
		.service_app_box{
			width: 100%;
			margin: auto;
		}
		.service_app_content_title{
			text-align: center;
			margin-bottom: 90px;
			color: #333;
			padding-top: 100px;
		}
		.service_app_content_title>h3{
			font-size: 24px;
		}
		.service_app_content_title .service_app_content_title_line{
			display: inline-block;
			width: 146px;
			height: 1px;
			background-color: #999;
			margin: 40px 0;
		}
		.service_app_content_title>p{
			font-size: 18px;
			line-height: 36px;
		}
		
		.service_app_advantages{
			max-width: 1200px;
			margin: auto;
			padding-bottom: 124px;
		}
		.service_app_content_advantages .service_app_content_advantage{
			width: 50%;
			height: 364px;
			float: left;
			background-color: #fff;
			transition: .3s;
		}
		.service_app_content_advantages .service_app_content_advantage>dl>dt{
			margin-bottom: 28px;			
		}	
		.service_app_content_advantage .service_app_content_advantage_title>h4{
			font-size: 18px;
			font-weight: 100;
		}
		.service_app_content_advantage .service_app_content_advantage_title>p{
			font-size: 12px;
			padding: 20px 0;
		}
		.service_app_content_advantage .service_app_content_advantage_title>span{
			display: inline-block;
			width: 68px;
			height: 1px;
		}
		.service_app_content_advantage .service_app_content_advantage_text{
			padding: 0 10%;
			box-sizing: border-box;
			font-size: 14px;
			line-height: 24px;
			padding-top: 20px;
		}
		.service_app_content_advantages .service_app_content_advantage:hover,.service_app_content_advantages .service_app_content_advantage:focus {

		}			
		.service_app_content_advantages .service_app_content_advantage:hover .service_app_content_advantage_title>span,.service_app_content_advantages .service_app_content_advantage:focus .service_app_content_advantage_title>span{

		}
	.update-dev{
			background:#f5f5f5;
	}
	/*
.service_app_content_advantages .service_app_content_advantage:nth-child(1):hover,.service_app_content_advantages .service_app_content_advantage:nth-child(1):focus{
			background:rgba(0,0,0,0.1)
		}
		.service_app_content_advantages .service_app_content_advantage:nth-child(2):hover,.service_app_content_advantages .service_app_content_advantage:nth-child(1):focus{
		opactiy:0;
		}
		.service_app_content_advantages .service_app_content_advantage:nth-child(3):hover,.service_app_content_advantages .service_app_content_advantage:nth-child(1):focus{
			background-color: #2da76f;
		}
		.service_app_content_advantages .service_app_content_advantage:nth-child(4){
			background: #235b88;
		}		
		.service_app_content_advantages .service_app_content_advantage:nth-child(4):hover,.service_app_content_advantages .service_app_content_advantage:nth-child(1):focus{
			background-color: #ccc;
		}

								*/
			.service_app_content_advantages .service_app_content_advantage:nth-child(4){
				background: #235b88;
			}
			.service_app_customers_box{
			background-image: url(../images/service_app_customers_bg.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;	
			padding-bottom: 120px;					
		}
		.service_app_customers{
			max-width: 1200px;
			margin: auto;			
		}
		.service_app_customers .service_app_content_title{
			color: #fff;
		}
		.service_app_customers .service_app_content_title .service_app_content_title_line{
			background-color: #fff;
		}
		.service_app_parnters_list>li{
			width: 20%;
			float: left;
			margin-bottom: 20px;
		} 
		.service_app_parnters_list>li>img{
			-webkit-filter: grayscale(100%);
    		-moz-filter: grayscale(100%);
    		-ms-filter: grayscale(100%);
    		-o-filter: grayscale(100%);    
    		filter: grayscale(100%);
			filter: gray;
		}
		.service_app_parnters_list>li:hover>img{
			-webkit-filter: grayscale(0%);
    		-moz-filter: grayscale(0%);
    		-ms-filter: grayscale(0%);
    		-o-filter: grayscale(0%);    
    		filter: grayscale(0%);
			filter: auto;			
		}
		.service_app_services{
			max-width: 1200px;
			margin: auto;
			padding-bottom: 100px;
		}
		.service_app_mobile{
			padding-top: 80px;
		}
		.service_app_mobile .service_app_mobile_item{
			width: 32%;
			height: 346px;
			float: left;
			background-color: #fff;
			box-shadow: 0 0 40px rgba(106,106,106,.1);
			margin-right: 2%;
			position: relative;
			bottom: 0;
		}
		.service_app_mobile .service_app_mobile_item:last-child{
			margin-right: 0;
		}
		.service_app_mobile .service_app_mobile_item:hover{
			bottom: 5px;		
			transition: 1s;
		}
		.service_app_mobile .service_app_mobile_item>dl{
			text-align: center;
			position: relative;
		}
		.service_app_mobile .service_app_mobile_item>dl>dt{
			width: 100%;
			position: absolute;
			top: -80px;
			left: 0;
			text-align: center;			
		}
		.service_app_mobile .service_app_mobile_item>dl>dd{
			padding-top: 120px;
		}
		.service_app_mobile .service_app_mobile_item>dl>dd>span{
			display: block;
			text-align: center;
			font-size: 24px;
		}
		.service_app_mobile .service_app_mobile_item>dl>dd>p{
			font-size: 14px;
			line-height: 24px;
			margin-top: 45px;
			padding: 0 14%;
			box-sizing: border-box;
		}
		.service_app_cases_box{
			background-image: url(/images/kunyu-development-redbg.png);
			background-repeat: no-repeat;
			background-position: top center;
			
		}
		.service_app_cases{
			max-width: 1200px;
			margin: auto;
		}
		.service_app_cases .service_app_content_title{
			color: #fff;
		} 
		.service_app_cases .service_app_cases_list>li {
			float: left;
			width: 33.33333%;
			margin-bottom: 20px;
			overflow: hidden;
			padding-right: 20px;
			box-sizing: border-box;
		}

		.service_app_cases .service_app_cases_list>li>a{
			display: block;
			box-sizing: border-box;
			position: relative;
		}
		.service_app_cases .service_app_cases_list>li:last-child>a{
			padding-right: 0;
		}
		.service_app_cases .service_app_cases_list>li>a>img{
			width: 100%;
			
		}
		.service_app_cases_more{
			display: block;
			width: 128px;
			height: 38px;
			border: 1px solid #235b88;
			border-radius: 4px;
			text-align: center;
			line-height: 40px;
			margin: auto;
			color: #235b88;
			margin-top: 75px;
			margin-bottom: 55px;
		}
		
		.service_app_cases .service_app_cases_list>li>a .service_app_case_text {
		    background: rgba(0, 0, 0, 0.6);
		    width: 100%;
		    position: absolute;
		    height: 100%;
		    top: 0;
		    left: 0;
		    opacity: 0;
		    visibility: hidden;
		    -webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
		    -o-transition: all 0.3s;
		    transition: all 0.3s;
		    text-align: center;
		}
		.service_app_case_text_detail{
			width: 100%;
			text-align: center;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			color: #fff;
			overflow: hidden;
		
		}
		.service_app_case_text_detail>h3{
				position: relative;
				top: -50px;
				font-size: 20px;
				margin-bottom: 10px;
		}
		.service_app_case_text_detail>p{
			position: relative;
			top: 50px;
			font-size: 14px;
			margin-top: 10px;
		}
		.service_app_case_text_detail_btn{
			display: inline-block;
			padding: 0 20px;
			height: 32px;
			border-radius: 40px;
			text-align: center;
			line-height: 32px;
			border: 1px solid #fff;
			color: #fff;
			background-color: rgba(35,60,75,.7);
		}
		.service_app_cases .service_app_cases_list>li>a:hover .service_app_case_text {
		    visibility: visible;
		    opacity: 1;
		}
		.service_app_cases .service_app_cases_list>li>a:hover .service_app_case_text_detail>h3,
		.service_app_cases .service_app_cases_list>li>a:hover .service_app_case_text_detail>p{
			top: 0;
			transition: .3s;
		}					
		.service_app_cases_more:hover{
			background-color: #235b88;
			color: #fff;
			transition: .3s;
		}
			@media screen and (min-width:625px) and (max-width:768px){
			.service_app_content_advantages .service_app_content_advantage{
				width: 50%;
				margin-bottom: 20px;
			}
			.service_app_parnters_list>li{
				width: 33.3333%;
				text-align: center;
			}
			.service_app_parnters_list>li:last-child{
				display: none;
			}
			.service_app_mobile .service_app_mobile_item{
				height: 390px;
			}
			.service_app_cases_box{
				background-size: cover;
			}			
			.service_app_cases{
				padding-bottom: 30px;
			}
			.service_app_cases .service_app_content_title{
				margin-bottom: 50px;
				padding-top: 170px;
			}
			.service_app_cases .service_app_cases_list>li{
				width: 50%;
			}
			.service_app_cases .service_app_cases_list>li>a>img{
				width: 100%;
			}
			.service_app_cases .service_app_cases_list>li>a{
				padding: 0 ;
			}
			.service_app_cases .service_app_cases_list>li:nth-child(2n+1)>a{
				margin-right: 10px;
			}
			.service_app_cases .service_app_cases_list>li:nth-child(2n)>a{
				margin-left: 10px;
			}	
			.service_app_cases_more{
				margin-top: 30px;
				margin-bottom: 0;
				color: #fff;
				border-color: #fff;
			}					
		}
		@media(max-width:640px){
			.back .service_app_menu{
				height: 370px;
			}
			.service_app_banner_text{
				margin-top: 30px;
    			margin-bottom: 20px;
    			font-size: 14px;
			}
			.service_app_banner_title{
				font-size: 30px;
			}
			.service_app_content_title{
				padding-top: 100px;
				margin-bottom: 10px;
			}
			.dev-fw-right,.dev-fw-left{
				display: none;
			}
			.service_app_content_title .service_app_content_title_line{
				margin: 30px 0;
			}
			.service_app_content_title>p{
				font-size: 14px;
				line-height: 24px;
				padding: 0 20px;
			}			
			.service_app_advantages{
				padding-bottom: 20px;
			}
			.service_app_content_advantages .service_app_content_advantage{
				width: 100%;
				margin-bottom: 20px;
			}
			.dev-link{
				background:url(../images/kunyu-development-update-2.png) no-repeat;
				background-size:cover;
			}
			.dev-link：before{
				background: #000;
				opacity:0.4;
				position: absolute;

			}
			.service_app_content_advantages .service_app_content_advantage:nth-child(3){
				background:url(../images/kunyu-development-update-1.png) no-repeat;
				background-size:cover;
			}
			.service_app_customers_box{
				padding-bottom: 50px;
			}			
			.service_app_parnters_list>li{
				width: 50%;
				text-align: center;
			}
			.service_app_parnters_list>li:last-child{
				display: block;
			}
			.service_app_services{
				padding-bottom: 50px;
			}
			.service_app_mobile .service_app_mobile_item{
				width: 100%;
				height: 350px;
				margin-bottom: 120px;
			}
			.service_app_mobile .service_app_mobile_item:last-child{
				margin-bottom: 0;
			}
			.service_app_cases_box{
				background-size: cover;
			}

			.service_app_cases .service_app_cases_list>li {
				width:100%;
				float: left;
				width: 33.33333%;
				margin-bottom: 20px;
				overflow: hidden;
				padding-right: 0px;
				box-sizing: border-box;
			}



			.service_app_cases .service_app_cases_list>li:nth-child(2n)>a{
				margin: 0;
			}
			.service_app_cases .service_app_cases_list>li:nth-child(2n+1)>a{
				margin: 0;
			}			
			.service_app_cases .service_app_cases_list>li>a>img{
				width: 100%;
			}
		}
		.update-devul{
			width:70%;
			height:100%;
			margin-left:24%;
			color:#333;
		}
		.update-devul li img{
		width:16%;
		}
		.update-devul li{
			width:100%;
			position: relative;
			padding:5% 0;
			font-size: 18px;
		}
		.update-devul  li .dev-s1{
			position: absolute;
			top: 25px;
			margin-left:15px;
		}
			.update-devul  li .dev-s2 {
				position: absolute;
				top: 60px;
				left:80px;

			}
			.update-devul-two{
				width:70%;
				color:#333;
				margin-left:20%;

			}
			.update-devul-two img{
				width:90%;
			}
			.imgmove{
				margin-bottom: 20px;
			}
			.update-devul-two li{
				font-size:17px;
				padding:3px 0;
			}
			.dev-web{
				width:50%;
			}
			.dev-web li{
				float: none;
				width:100%;
				padding:12px 0;
				text-align: center;
			}
			.dev-web button{
				width:140px;
				height:40px;
				border-radius:4px;
				background: #FFF;
				font-size: 20px;
				text-align: center;
			line-height:40px;
				color:#ba222c;
				outline: none;
				border: none;
			}

			.dev-web p{
				color:#fff;
				font-size: 18px;
				margin-top:10px;
			}
			.web-all{
				position: relative;
			}


			.dev-web-2{
				margin-top:-100px;

			}
.dev-jl{
	width:100%;
}

.dev-jl ul li{
	position: relative;
	padding:35px 0;

}
.dev-jl-a{
font-size: 20px;
position:absolute;
	top:30px;
	left:87px;
	text-align: center;
}
			.dev-jl-b{
font-size: 16px;color:#666;position:absolute;top:65px;;left:87px;text-align: center;

			}




	.dev-all-fw{
		width:100vw;
		height:630px;
		background: #235b88;
		position: relative;
	}
			.fw-description{
				color:#fff;
				position: relative;
			}
			.fw-xq{
				color:#b6c8d7;
				font-size:16px;
				position:absolute;
				top:90px;
				text-align: center;
			}
			.fw-circle,.fw-circle-1{
				width:10px;
				height:10px;
				background:#fff;
				border-radius: 50%;
			}
			.dev-fw-left,.dev-fw-right{
				width:370px;
				height:630px;

			}
			.dev-fw-center{
				width:460px;
				height:630px;
				position:absolute;
				top:-122px;
				left:50%;
				transform: translateX(-50%);

			}
			.fw-line,.fw-line-1{
				width:70px;
				height:2px;
				background:#fff;
				position:absolute;
				top:4px;
			}
			.fw-circle,.fw-line{
				float: left;
			}

			.dev-fw-center img{
				width:460px;
			}

			.dev-fw-right{
				position: absolute;
			left:64%;
				top:0;
				width:420px;
			}
			.fw-font,.fw-font-1{
				position:absolute;
				font-size: 24px;
			}
			.fw-shape,.fw-shape-1{
				position:absolute;

			}
			.fw-xq-1,.fw-xq-2{
				color:#b6c8d7;
				font-size:16px;
				position:absolute;
				text-align: center;
			}
			.fw-circle-1{
				position:absolute;
				left:70px;

			}
			.fw-line-1{
				position:absolute;
				left:0px;
			}
			.fw-all-xq{height:130px;}
			.fw-font{right:100px;top:48px;}
			.fw-font-1{left:70px;top:48px;text-align:center;}
			.fw-shape{right:80px;top:60px;}
			.fw-shape-1{left:-20px;top:60px;}
			.fw-xq-1{left:100px;top:90px;}
			.fw-xq-2{left:90px;top:130px;}




			/*1740*/
			@media screen and (min-width:1545px) and (max-width:1740px){
				.fw-font-1{left:100px;top:48px;text-align:center;}
				.fw-shape-1{left:20px;top:60px;}
				.fw-xq-2{left:110px;top:130px;}

			}
			@media screen and (min-width:1330px) and (max-width:1545px){
				.fw-font-1{left:130px;top:48px;text-align:center;}
				.fw-shape-1{left:50px;top:60px;}
				.fw-xq-2{left:160px;top:130px;}

			}
			@media screen and (min-width:1204px) and (max-width:1330px){
				.fw-font-1{left:160px;top:48px;text-align:center;}
				.fw-shape-1{left:80px;top:60px;}
				.fw-xq-2{left:190px;top:130px;}

			}
			@media screen and (min-width:1180px) and (max-width:1204px){
				.fw-font-1{left:190px;top:48px;text-align:center;}
				.fw-shape-1{left:110px;top:60px;}
				.fw-xq-2{left:220px;top:130px;}

				}
			@media screen and (min-width:1180px) and (max-width:1204px){
				.dev-fw-right{width:390px;}
				.dev-fw-left{width:380px;margin-right:20px;}
				.fw-font-1{left:190px;top:48px;text-align:center;}
				.fw-shape-1{left:100px;top:60px;}
				.fw-xq-2{left:220px;top:150px;}
				.dev-fw-center{position:absolute;left:52%;}

			}
			@media screen and (min-width:988px) and (max-width:1180px){
				.fw-all-xq{height:100px;}
				.fw-font-1,.fw-font{font-size: 18px;}
				.fw-xq-2,.fw-xq-1,.fw-xq{font-size: 12px;}
				.dev-fw-right{width:350px;}
				.dev-fw-left{width:250px;margin-left:2%;}
				.fw-font-1{left:190px;top:48px;text-align:center;}
				.fw-shape-1{left:100px;top:60px;}
				.fw-xq-2{left:190px;top:123px;}
				.dev-fw-center{position:absolute;left:50%;}

			}

			@media screen and (min-width:888px) and (max-width:988px){
				.dev-fw-center{width:380px;}
				.dev-fw-center img{width:100%;height:580px;}
				.fw-all-xq{height:120px;}
				.fw-font-1,.fw-font{font-size: 18px;}
				.fw-xq-2,.fw-xq-1,.fw-xq{font-size: 12px;}
				.dev-fw-right{width:320px;position: absolute;left:62%;}
				.dev-fw-left{width:220px;margin-left:4%;}
				.fw-font-1{left:210px;top:48px;text-align:center;}
				.fw-shape-1{left:120px;top:60px;}
				.fw-xq-2{left:210px;top:143px;}
				.dev-fw-center{position:absolute;left:50%;}

			}

			@media screen and (min-width:888px) and (max-width:988px){
				.dev-fw-center{width:320px;}
				.dev-fw-center img{width:100%;height:600px;}
				.fw-all-xq{height:130px;}
				.fw-font-1,.fw-font{font-size: 18px;}
				.fw-xq-2,.fw-xq-1,.fw-xq{font-size: 12px;}
				.dev-fw-right{width:320px;position: absolute;left:57%;}
				.dev-fw-left{width:190px;margin-left:8%;}
				.fw-font-1{left:220px;top:48px;text-align:center;}
				.fw-shape-1{left:140px;top:60px;}
				.fw-xq,.fw-xq-1{left:-20px;top:100px;}
				.fw-xq-2{left:210px;top:150px;}
				.dev-fw-center{position:absolute;left:50%;}

			}
			@media screen and (min-width:625px) and (max-width:888px){
				.dev-fw-center{width:70%;margin-left:28%;padding:0;top:0;left:0;transform: translateX(0px);}
				.dev-fw-center img{width:50%;height:400px;}
				.dev-fw-right,.dev-fw-left{display:none}
.dev-all-fw{height:400px;}
				.service_app_cases_more{
					color:#333;
					border-color:#333;
				}

				.change-btn{
					color:#fff;
					border-color: #fff;
					margin-top:25px;

				}
				.footer-contact{
					float: none;
				}
			}





/*1140px*/
			@media (min-width: 1140px){
				.dev-web-1{
					width:50%;
					float: right;
					position:absolute;
					top:40%;
					left:50%;
				}


			}

			@media (min-width: 1180px){
				.dev-jl ul{
					width:300px;
					height:400px;
					float:left;
					padding:0 40px;
				}
			}



			@media screen and (min-width:880px) and (max-width:1180px){

				.dev-jl ul{
					width:250px;
					height:400px;
					float:left;
					padding:0 20px;
				}
				.dev-jl ul li{
					position: relative;
					padding:40px 0;
				}
				.dev-jl-a{
					font-size: 18px;
					position:absolute;
					top:30px;
					left:87px;
				}
				.dev-jl-b{
					font-size: 14px;color:#666;position:absolute;top:65px;;left:87px;

				}
				.dev-jl ul li img{
					width:50px;

				}
			}



			/*880-1140*/
			@media screen and (min-width:880px) and (max-width:1140px){
				.update-devul{
					width:80%;
					height:100%;
					margin-left:18%;
					color:#333;
				}
				.update-devul li img{
					width:18%;
				}
				.update-devul li{
					width:100%;
					position: relative;
					padding:3% 0;
					font-size: 17px;

				}
				.update-devul  li .dev-s1{
					position: absolute;
					top: 17px;
					margin-left:15px;
				}
				.update-devul  li .dev-s2 {
					position: absolute;
					top: 60px;
					left:21%;

				}
				.update-devul-two{
					width:70%;
					color:#333;
					margin-left:10%;

				}
				.update-devul-two img{
					width:70%;
				}
				.imgmove{
					margin-bottom: 20px;
				}
				.update-devul-two li{
					font-size:14px;
					padding:3px 0;
				}
				.dev-web-1{
					width:50%;
					float: right;
					position:absolute;
					top:40%;
					left:50%;
				}
				.dev-web-1 img{
					width:400px;
					margin-left:50px;
				}
			}
			@media screen and (min-width:625px) and (max-width:888px){
				.update-devul{
					width:90%;
					height:100%;
					margin-left:8%;
					color:#333;
				}
				.update-devul li img{
					width:15%;
				}
				.update-devul li{
					width:100%;
					position: relative;
					padding:5% 0;
					font-size: 13px;

				}
				.update-devul  li .dev-s1{
					position: absolute;
					top:20px;
					margin-left:15px;
				}
				.update-devul  li .dev-s2 {
					position: absolute;
					top: 50px;
					left:18%;

				}
				.update-devul-two{
					width:100%;
					color:#333;


				}
				.update-devul-two img{
					width:70%;
				}
				.imgmove{
					margin-bottom: 20px;
				}
				.update-devul-two li{
					font-size:14px;
					padding:5px 0;
				}
				.dev-web-1{
					width:50%;
					float: right;
					position:absolute;
					top:40%;
					left:50%;
				}
				.dev-web-1 img{
					width:400px;
					margin-left:50px;
				}

				.dev-jl ul{
					width:200px;
					height:400px;
					float:left;
				}
				.dev-jl ul li{
					position: relative;
					padding:45px 0;
					height:80px;
				}
				.dev-jl-a{
					font-size: 18px;
					position:absolute;
					top:30px;
					left:65px;
				}
				.dev-jl-b{
					position:absolute;top:65px;left:65px;

				}
				.dev-jl ul li img{
					width:35px;
					position: absolute;
					top:60px;
					left:20px;
				}
			}
			@media screen and (min-width:744px) and (max-width:888px){
				.dev-web-2{
					margin-top:-100px;
				}
				.dev-web-1{
					width:50%;
					float: right;
					position:absolute;
					top:40%;
					left:50%;
				}
				.dev-web-1 img{
					width:350px;
					margin-left:50px;
				}



				.dev-jl ul{
					width:28vw;
					float:left;
margin-left:15px;
				}
				.dev-jl ul li{
					position: relative;
					height:60px;
					padding:25px 0;
				}
				.dev-jl-a{
					font-size: 18px;
					position:absolute;
					top:0px;
					left:35px;
				}
				.dev-jl-b{
					position:absolute;top:40px;left:35px;font-size: 14px;

				}
				.dev-jl ul li img{
					width:30px;
					position:absolute;
					top:0;
					left:0;

				}


			}

			@media screen and (min-width:625px) and (max-width:774px){
				.dev-web-2{
				display:none;
				}
				.dev-web-1{
					width:50%;
					float: right;
					position:absolute;
					top:40%;
					left:50%;
				}
				.dev-web-1 img{
					width:350px;
					margin-left:50px;
				}
				.dev-jl ul{
					width:28vw;
					float:left;
					margin-left:15px;
				}
				.dev-jl ul li{
					position: relative;
					height:60px;
					padding:25px 0;
				}
				.dev-jl-a{
					font-size: 16px;
					position:absolute;
					top:0px;
					left:35px;
				}
				.dev-jl-b{
					position:absolute;top:40px;left:35px;font-size: 12px;

				}
				.dev-jl ul li img{
					width:30px;
					position:absolute;
					top:0;
					left:0;

				}







			}


			/*625*/
			@media (max-width: 625px) {
				.dev-all-fw{
					height:410px!important;
				}
				.update-devul{
					width:80%;
					height:100%;
					margin-left:18%;
					color:#333;
				}
				.update-devul li img{
					width:15%;
				}
				.update-devul li{
					width:100%;
					position: relative;
					padding:5% 0;
					font-size: 13px;

				}
				.update-devul  li .dev-s1{
					position: absolute;
					top:20px;
					margin-left:15px;
				}
				.update-devul  li .dev-s2 {
					position: absolute;
					top: 50px;
					left:18%;

				}

				.update-devul-two{
					width:70%;
					color:#333;
					text-align: center;
				}
				.update-devul-two img{
					width:100%;
				}
				.imgmove{
					margin-bottom: 20px;
				}
				.update-devul-two li{
					font-size:14px;
					padding:8px 0;
				}
				.web-all{
					margin-top:25px;
				}
				.dev-web{
					width:100%;
				}
				.dev-web-2{
					margin-top:-10px;
				}
				.dev-web-1{
					width:100%;
				}
				.dev-web-1 img{
					width:100vw;

				}
				.web-h3{
					padding:30px 0 0;
				}
				.dev-fw-center{
					width:300px;
					height:400px;
					position:absolute;
					top:0px;
					left:50%;
					transform: translateX(-50%);

				}
				.dev-fw-center img{
					width:100%;
				}

				.dev-jl ul{
					width:80vw;
					float:left;
					margin-left:10%;

				}
				.dev-jl ul li{
					position: relative;
					height:30px;
					padding:25px 0;
				}
				.dev-jl-a{
					font-size: 16px;
					position:absolute;
					top:0px;
					left:35px;
				}
				.dev-jl-b{
					position:absolute;top:40px;left:35px;font-size: 12px;

				}
				.dev-jl ul li img{
					width:30px;
					position:absolute;
					top:0;
					left:0;

				}
.dev-fw{
	margin-top:320px;
}




			}
#dev-xm-a,#dev-xm-b,#dev-xm-c,#dev-xm-d{
	width:300px;
	margin-bottom: 0;
}
#dev-xm{
	width:500px;
}
			#dev-xm-c{
				padding-top:15px;
			}

			#dev-xm-d{
				margin-top:-180px;
			}
.dev-xm-font{
	color:#fff;font-size:20px;opacity:0.5;
}
			.dev-xm-h3{
				font-size: 37px;

			}
			.dev-xm-h3-1{
				font-size: 20px;
				color:red;
			}
			@media screen and (min-width:988px) and (max-width:1180px){
				#dev-all-xm{
					width:900px;
				margin:0 auto;
				}
				#dev-xm-a,#dev-xm-b,#dev-xm-c,#dev-xm-d{
					width:250px;
					margin-bottom: 0;
				}
				#dev-xm{
					width:400px;
				}
				#dev-xm-c{
					padding-top:15px;
				}

				#dev-xm-d{
					margin-top:-150px;
				}
			}


			@media screen and (min-width:706px) and (max-width:988px){
				#dev-all-xm{
					width:650px;
					margin:0 auto;
				}
				#dev-xm-a,#dev-xm-b,#dev-xm-c,#dev-xm-d{
					width:140px;
					margin-bottom:0;

				}
				#dev-xm{
					width:240px;
					margin-left:20px;
				}

				#dev-xm-c{
					padding-top:15px;
margin-left:-10px;
				}
				#dev-xm-a{
				margin-right:10px;

				}
				#dev-xm-d{
					margin-top:-85px;
					margin-left:10px;
				}
				.dev-xm-h3{
					font-size: 20px;

				}
				.dev-xm-h3-1{
					font-size: 14px;
				}
				h3{
					font-size: 16px!important;
				}
			}
			@media (max-width: 706px) {
				#dev-all-xm{
					width:100vw;
				}
				#dev-all-xm li{
					width:100%;
				}

				#dev-xm-a,#dev-xm-b,#dev-xm-c,#dev-xm-d{
					width:180px;
margin-bottom:15px;
				}

				#dev-xm-c{
					padding-top:15px;
					margin-left:0px;
				}
			#dev-xm-d{
				margin-top:15px;
			}

				.dev-xm-h3{
					font-size: 20px;

				}
				.dev-xm-h3-1{
					font-size: 14px;
				}

			}

			@media screen and (min-width:768px) and (max-width:1017px){
				.change-btn{
					color:#fff;
					border-color: #fff;
					margin-top:25px;
				}
				.service_app_cases{
					padding-bottom: 40px;
				}
				#dev-xm-c{
					padding-top:15px;
					margin-left:0px;
				}
				#dev-xm-d{
					margin-left:0px;

				}
			}
			@media screen and (min-width:640px) and (max-width:768px){
				.change-btn{
					color:#fff;
					border-color: #fff;
					margin-top:25px;
				}
				.service_app_cases{
					padding-bottom: 60px;
				}
			}
			@media screen and (min-width:414px) and (max-width:625px){
				.change-btn{
					border: 1px solid #235b88;
					color: #235b88;
					margin-top:25px;
				}
				.service_app_cases{
					padding: 0px;
				}
			}
			@media screen and (min-width:0px) and (max-width:414px){
				.xm-padding{
					padding-bottom:15px!important;
				}
				.change-btn{
					border: 1px solid #fff;
					color: #fff;
					margin-top:35px;
				}
				.dev-web-2{display: none}
				.service_app_cases{
					padding: 0px;
				}
			}
			@media screen and (min-width:625px) and (max-width:768px){
				.change-btn{
					border: 1px solid #235b88;
					color: #235b88;
					margin-top:25px;
				}
				.xm-padding{
					padding: 0px;
				}

				#change-color{
					color:#000;
				}
				.service_app_cases .service_app_cases_list > li{
					padding-right:0;
				}
				.service_app_cases .service_app_content_title{
					margin-bottom: 50px;
					padding-top: 100px;
				}



			}