@media only screen and (max-width: 1367px){
	.banner-box{
		width: 700px;
		height: 385px;
	}
	.banner-bg-box{
		height: 385px;
	}
	.header-logo{
		width: 430px;
	}
	.banner-left, .banner-right{
		width: calc( 50% - 350px);
		height: 385px;
	}
	.index-about-box{
		width: 700px;
	}
	.index-about-box h2{
		font-size: 25px;
	}
	.index-about-box p{
		font-size: 16px;
	}

	.index-service-title h2{
		font-size: 25px;
		padding: 50px 0;
	}
	.index-cervice-big-box{
		width: 1200px;
		margin: 50px auto;
	}
	.index-service-text-icon{
		width: 45px;
		padding: 5px 0;
		padding-right: 5px;
	}
	.index-service-text h3{
		font-size: 21px;
		padding: 10px 0;
	}
	.index-service-text li{
		min-height: 220px;
	}
	.index-service-text{
		width: 95%;
		margin: 0 auto;
	}
	.article-right, .article-left{
		width: calc(50% - 350px);
	}
	.article-big-box{
		width: 700px;
	}
	.service-info{
		width: 95%;
	}
	.footer-logo{
		width: 300px;
		margin: 0 auto;
	}
	.footer-info p{
		font-size: 15px;
	}
	.article-text{
		font-size: 16px;
	}
	.article-more{
		font-size: 20px;
	}
	.article-more:before{
		font-size: 20px;
	}
	.article-info-box h3{
		font-size: 25px;
	}
	.article-box h2{
		font-size: 25px;
	}
	.footer-box{
		width: 380px;
		display: block;
		margin: 0 auto;
	}
	.footer-qr{
		display: block;
		margin: 0 auto;
	}
	.footer-logo{
		padding-bottom: 20px;
	}
	.problem{
		width: 700px;
	}

	.problem-title h3{
		font-size: 25px;
		padding-top: 6px;
	}
	.contact-bg{
		width: 100%;
	}
	.problem-title:before{
		width: 40px;
		height: 40px;
	}
	.about-info-box{
		width: 100%;
	}
	.footer{
		width: 600px;
	}
}

@media only screen and (max-width: 1024px){
	.index-service-text li{
		min-height: 230px;
	}
	.banner-box{
		height: 275px;
	}
	.banner-left, .banner-right{
		width: calc(50% - 250px);
		height: 275px;
	}
	.banner-box{
		width: 500px;
	}
	.banner-bg-box{
		height: 275px;
	}
	.article-left, .article-right{
		width: calc(50% - 250px);

	}
	.article-big-box{
		width: 100%;
	}
	.article-text{
		width: calc(100% - 250px);
	}
	.article-text-bg{
		width: 250px;
	}
	.problem{
		width: 500px;
	}
	.problem-list{
		width: 100%;
	}
	.problem-list:before{
		width: 30px;
		height: 30px;
	}

	.problem-title h3{
		font-size: 20px;
		padding-top: 3px;
	}
	.problem-title p{
		font-size: 16px;
	}
	.service-info{
		width: 700px;
	}
	.problem-title:before{
		width: 30px;
		height: 30px;
	}
	.article-back{
		width: 150px;
		height: 70px;
		line-height: 70px;
		font-size: 20px;
	}
}

@media only screen and (max-width: 768px){
	.header-menu{
		background-image: url('../img/contact/contact-bg-item.png');
		background-size: 23%;
		background-repeat: no-repeat;
		background-position: right;
	}
	.rwd-out{
	background-image: url('../img/index/more1.png');
	background-size: 70%;
}
	.header-logo{
		width: 90%;
		padding: 0 30px;
		box-sizing: border-box;
		display: inline-block;
	}
	.banner-left, .banner-right{
		display: none;
	}
	.banner-box{
		width: 100%;
	}
	.service-info{
		width: 500px;
	}
	.rwd-icon{
		width: 35px;
		display: inline-block;
		vertical-align: bottom;
	}
	.index-service-text li{
		width: 100%;
		display: block;
	}
	.index-service-text-box{
		margin: 0 auto;
	}
	.index-service-text li{
		min-height: 150px;
		padding: 10px 0;
		box-sizing: border-box
	}
	.index-cervice-big-box{
		margin: 0 auto;
		padding: 40px 0;
	}
	.article-info-box{
		margin: 0 auto;
		width: 95%;
	}
	.problem{
		width: 95%;
		margin: 0 auto;
		display: block;
		padding: 20px 0;
	}
	.article-left, .article-right{
		display: none;
	}
	.problem-list{
		width: 100%;
	}

	.contact-box{
		width: 500px;
	}
	.contact-text label, .contact-textarea label, .contact-radio label{
		width: 100px;
		font-size: 20px;
	}
	.contact-text input{
		width: calc(100% - 100px);
	}
	.contact-textarea textarea{
		width: calc(100% - 105px);
	}
	.contact-radio label input{
		height: 15px;
		width: 15px;
	}
	.contact-button{
		width: 170px;
	}
	.article-big-box{
		display: block;
	}
	.article-box h2{
		padding: 20px 0;
	}
	.about-info-box{
		width: 95%;
	}
	.about-box-img, .about-box-img2{
		width: 200px;
	}
	.index-cervice-big-box ul:nth-child(even) li{
		-webkit-animation: fadeInLeftBig 1s ease both;
		animation: fadeInLeftBig  1s ease both;
	}
	.index-cervice-big-box ul:nth-child(even) li:nth-child(even){
		 -webkit-animation: fadeInRightBig 1s ease both;
		animation: fadeInRightBig  1s ease both;
	}
}

@media only screen and (max-width:480px){
	.footer-info p{
		width: 100%;
		display: block;
	}
	.footer-info p:nth-child(even){
    	border-left: 0;
	}
	.footer-box{
		width: 95%;
		display: block;
	}
	.footer-qr{
		float: none;
		margin: 0 auto;
		padding: 0;
	}
	.footer{
		padding: 10px 0;
	}
	.footer-logo{
		padding: 10px 0;
	}
	.rwd-icon{
		width: 25px;
		height: 25px;
	}
	.header-menu{
		background-size: 30%;
	}
	.banner-box{
		height: 220px;
	}
	.index-about-box{
		width: 95%;
	}
	.service-info{
		width: 95%;
	}
	.service-info ul h3{
		margin: 0 auto;
	}
	.article-text-bg{
		width: 100%;
	}
	.article-text{
		width: 100%;
		padding-left: 0;
		padding-top: 5px;
		height: 200px
	}
	.article-more{
		margin: 0 auto;
		margin-top: 10px;
	}
	.problem{
		padding-bottom: 20px;
	}
	.problem-list:before{
		width: 20px;
		height: 20px;
	}
	.problem-title h3{
		padding-top: 0;
		font-size: 18px;
	}

	.problem-title p{
		font-size: 15px;
	}
	.contact-box{
		width: 95%;
	}
	.contact-box p{
		font-size: 16px;
		letter-spacing: 1px;
	}	
	.banner-bg-box{
		height: 220px;
	}
	.problem-title:before{
		width: 25px;
		height: 25px;
	}
	.index-about-img{
		top: 0;
	}
	.back-header{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
}

@media only screen and (max-width:320px){
	.banner-box{
		height: 170px;
	}
	.banner-bg-box{
		height: 170px;
	}
	.banner-line{
		height: 20px;
	}
	.index-about-box h2{
		padding: 20px 0;
	}
	.index-about-box p{
		font-size: 15px;
	}
	.footer-info p{
		width: 100%;
		display: block;
		width: 100%;
		text-align: center;
		letter-spacing: 1px;
		padding-bottom: 5px;
		margin: 0;
	}
	.footer-info p:nth-child(even){
		text-align: center;
		border: 0;
		margin: 0;
	}
	.footer-box{
		padding: 10px 0;
	}
	.footer-logo{
		padding-bottom: 10px;
	}
	.index-about-img{
		top: 0;
	}
}