@media screen and (max-width:1024px){
	.wrap{width: 92%;}
	#header{height: 58px;}
	#header .nav{display: none;}
	#header.min{height: 58px;}
	#header .logo{margin-top: 15px;}
	#header .logo img{width: 90px;}
	.menu-handler{display: block;}
	#banner{margin-top: 58px;}
	#focus_info{width: 100%;left: 0;margin-left: 0;bottom: 10px;}
	#focus_info p{width: auto;padding: 20px 0 0 55px;background-position: 15px 25px;}
	#focus_info .client_logo{width: 130px;}
	#focus_dot{top:2%;padding: 20px 30px;}
	.stitle{width: 92%;margin: 0 auto;}

	.section5 .write .text1,.section5 .write .text2{width: 48.5%;margin-bottom: 20px;}
	.section5 .write .text2{margin-right: 0;}
	.section5 .write .text3{width: 78%;}
	.section5 .write .submit{width: 20%;}
	.section5 h2{font-size: 30px;padding-bottom: 30px;}

	.footer .right{float: left;}
	.footer .copyright{padding-top: 28px;}
	
	.littban{padding-top: 58px;}
	
}

@media screen and (max-width:936px){
	.littban .img{position: relative;height: 200px;overflow: hidden;}
	.littban .img img{position:absolute;height: 200px;left:50%;margin:auto;margin-left: -468px;top: 0;width: auto;}
	.littban .title{bottom: 25px;}
	.littban .title p{font-size: 12px;padding-bottom: 0px;}
	.littban .title h2{font-size: 28px;}
}

@media screen and (max-width:769px){
	#banner{padding-top: 79.2%;}
	#focus_info{display: none;}
	#banner .desktop{display: none;}
	#banner .mobile{display: block;}
	#focus_dot{top: auto;bottom: 5%;width: auto;right: 30px;padding: 0;}
	#focus_dot li{margin: 4px;}

	.stitle h1{font-size: 22px;}
	.stitle p{font-size: 12px;}
	.stitle .img{margin-top: 52px;}
	.stitle .img img{max-width: 88%;}
	.stitle p{margin-bottom: 35px;}
	.works_wrap li{width: 50%;}

	.section2 ul{margin-bottom: 30px;}
	.section2 .wrap li{width: 100%;margin-bottom: 15px;}

	.section3 ul{padding-left: 0;margin-bottom: 40px;}
	.section3 ul li{width: 33.3%;border:none;margin-right: 0;height: auto;background: none;}
	.section3 ul li a{width: 90%;border: 1px solid #ddd;display: block;margin: 0 auto;position: relative;background: #fff;overflow: hidden;}

	#news .item{width: 49%;margin-right: 2%;}
	#news .it2{margin-right: 0;}
	#news .item h3, #news .signing h3{font-size: 16px;}
	#news .item h5{font-size: 16px;}
	#news .signing ul li{font-size: 14px;}
	#news .signing{padding: 0;width: 100%;margin-top: 15px;}
	#news .signing h3{padding: 0 18px;}
	#news .signing ul{padding: 0 18px;width: auto;}
	
	.footer .left{width: auto;}
	.footer .right{width: auto;}
	.footer .left h2{font-size:16px;line-height: 48px;}
	.footer .left h3{font-size: 12px;line-height: 28px;}
	.footer .left p{font-size: 12px;line-height: 28px;}
	.footer .right h2{font-size:16px;line-height: 48px;}
	.footer .right p{font-size: 12px;line-height: 28px;}
	.footer .copyright{margin-top: 28px;}
	.footer .copyright p{font-size: 12px;}

	.cases .ctab{width: 100%;}
	.cases .ctab a{width: 100px;height: 35px;line-height: 35px;margin-right: 10px;margin-bottom: 10px;}
	.case-content li{width: 46%;margin-right: 8%;float: left;margin-bottom: 30px;}
	.case-content .hd{margin-top: 20px;}
	.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}
	.case-content li:nth-of-type(3n){margin-right: 8%;}
	.case-content li:nth-of-type(2n){margin-right: 0;}

	.project .sec{padding: 55px 0 30px;}
	.project .sec .left{margin-left:0;width: 100%;margin-top: 0;}
	.project .sec img{display: block;margin: 0 auto;}
	.project .sec .right{width: 100%;margin-top: 15px;}
	.project .sec h2{font-size: 22px;text-align: center;}
	.project .sec p{text-align: center;}
	.project .sec2 .right img{margin: 0 auto;}

	.resolve .section{padding-top: 50px;padding-bottom: 60px;}
	.resolve .section .title{margin-bottom: 20px;}
	.resolve .section .ico{width: 40px;}
	.resolve .section .ico img{width: 40px;}
	.resolve .section h1{line-height: 40px;font-size: 22px;margin-left: 60px;float: none}
	.resolve .section h2{margin-left: 0;margin-top: 0;font-size: 16px;}
	.resolve .section p{margin-left: 0;width: auto;font-size: 12px;line-height: 20px}
	.resolve .section .info{margin-left: 0;}
	.resolve .section .info span{font-size: 12px;width: auto;}
	.resolve .section a{line-height: 40px;margin-top: 20px;margin-left: 0;}
	.resolve .section h4{margin-left: 0;}
	.resolve .section a.second{margin-left: 0;margin-top: 30px;}
	.resolve .section h5{margin-left: 0;font-size: 28px;}
	.resolve .section i{margin-left: 0;}

	.customer .title h1{font-size: 22px;}
	.customer .title p{font-size: 12px;}
	.customer .list li{width: 25%;}

	.about{margin-top: 58px;}
	.about .ab1 span{font-size: 12px;}
	.about .ab1 h1{font-size: 28px;margin-bottom: 20px;}
	.about .ab1 p{width: 100%;font-size: 12px;}
	.about .title{margin-bottom: 10px;}
	.about .title span{font-size: 12px;}
	.about .title h1{font-size: 28px;width: 100%;}
	.about .title .line{display: none;}
	.about .ab2 p{width: 100%;font-size: 12px;}
	.about .ab3 .title h1{width: 100%;}
	.about .ab3 > p{width: 100%;font-size: 12px;}
	.about .ab3 .list li{width: 50%;}
	.about .ab3 .list .li1,.about .ab3 .list .li4{background: #f3f3f3;}
	.about .ab3 .list .li2,.about .ab3 .list .li3{background: #fbfbfb;}
	.about .ab3 .list .info{padding: 30px 15px 0;}
	.about .ab3 .list .info h3{font-size: 16px;}

	.contact .wrap > img{float: none;margin: 42px auto 0;max-width: 100%;}
	.contact .info{float: none;width: 100%;}
	.contact .phone .left{width: 50%;}
	.contact .phone h1{font-size: 18px;}
	.contact .box{margin: 10px 0;}
	.contact .box span{font-size: 12px;}
	.contact .box p{font-size: 14px;}
	.contact .cash .box i{font-size: 14px;}

}

@media screen and (max-width:640px){
	.stitle h1{font-size: 20px;}

	.works_wrap li p{margin: 20px 0 0;}

	.section5{padding: 50px 0 40px;}
	.section5 h2{font-size: 22px;padding-bottom: 30px;}
	.section5 .write .text1, .section5 .write .text2, .section5 .write .text3{width: 97%;margin-bottom: 20px;}
	.section5 .write input{margin-right: 0;margin-bottom: 15px;padding: 15px 0;padding-left: 3%;}
	.section5 .write .submit{width: 100%;margin-bottom: 0;}
	.section5 .write{padding-bottom: 30px;}

	.customer .title h1{font-size: 20px;}
	.customer .list li{width: 33.3%;}
}


@media screen and (max-width:481px){
	.navMobile dd p{ width:180px; }
	.navMobile dd p a{font-size: 16px;}

	.works_wrap li{width: 100%;}

	.section3 ul li{width: 50%}

	#news .item{width: 100%;margin-right: 0;margin-top: 15px;}
}