@media only screen and (max-width: 767px) {
	.navbar{
		padding-top: 0;
		margin-bottom: 0;
	}
	.navbar-header{
		width: auto;
	}
	.navbar-brand{
		width: 60%;
		padding-left: 1.5rem;
	}
	.navbar-brand>img{
		display: inline-block;
		max-width: 100%;
	}
	.navbar-right{
		margin: 0 1%;
		padding-bottom: 1rem;
		border-bottom: 1px solid rgb(220,220,220);
	}
	.navbar-right .jump{
		vertical-align: -webkit-baseline-middle;
	}
	.navbar-right span{
		float: right;
		font-size: 2rem;
	}
	.banner>img{
		width: 100%;
	}
	.banner .remind{
		left: 48%;
	}
	.banner .remind img{
		width: 2rem;
		height: 2rem;
	}
	.footer{
		margin-top: 2rem;
	}
	.footer .footer-left{
		width: 100%;
	}
	.footer .footer-left p{
		font-size: 0.8rem;
		margin-top: 0.5rem;
	}
	.footer .footer-right p{
		font-size: 0.8rem;
		transform: scale(0.8);
		margin: 0;
	}
	.teaser{
		float: none;
		display: inline-block;
		width: 49.3%;
	}
	.code img{
		max-width: 30%;
	}
	.contact-item .info-right{
		padding-top: 1rem;
	}
	.contact-ways dl{
		width: auto;
		margin-bottom: 0;
		margin-top: 1rem;
	}
	.contact-ways dt{
		margin-bottom: 1rem;
		font-size: 1.4rem;
	}
	.contact-item .client li img{
		max-width: 76%;
	}
	.contact-item .client li{
		width: 25%;
	}
	.contact-item .title span {
		font-size: 1.5rem;
	}
	.contact-item .title p{
		font-size: 2.2rem;
	}
	.contact-item .contact-info{
		width: 100%;
	}
	.contact-item .contact-info:nth-child(2){
		margin-top: 1rem;
	}
	.case{
		padding: 5% 5%;
	}
	.title h2{
		font-size: 2.5rem;
	}
	.title h3{
		font-size: 1.5rem;
	}
	.case-choose{
		margin: 0;
	}
	.case-choose .case-btn>div{
		height: 55px;
	}
	.case-choose-prev,.case-img-box:nth-child(1){
		border-left: none!important;
	}
	.case-choose-next,.case-img-box:nth-child(3){
		border-right: none!important;
	}
	.case-choose .case-btn a{
		padding: 15px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.navbar{
		margin-bottom: 0;
	}
	.navbar-left{
		margin-left: 5%;
		margin-top: 1rem;
	}
	.navbar-right{
		margin-top: 0.5rem;
	}
	.banner img{
		width: 80%;
	}
	.banner .remind{
		left: 48%;
	}
	.navbar-right span{
		font-size: 2.3rem;
	}
	.navbar-right .jump{
		vertical-align: text-bottom;
	}
	.contact-item .client li img {
		max-width: 78%;
	}
	.contact-ways dl{
		width: 33.3%;
		padding-right: 2rem;
	}
	.contact-item .info-right{
		padding-top: 1rem;
	}
	.contact-item .title{
		margin-top: 2rem;
	}
	.info-left,.info-right{
		width: 100%;
	}
	.contact-item .info-right img{
		width: 100%;
	}
}