@media only screen and (max-width: 1400px){
	.footer-link-box{
		width: calc(100% - 400px);
	}
	.web-left-box{
		width: calc(100% - 495px);
	}
	.footer-top-box{
		width: calc(50% - 520px);
	}
}
@media only screen and (max-width: 1366px){

}
@media only screen and (max-width: 1280px){
	.footer-box{
		width: 95%;
	}
	.index-banner-slong{
		width: 800px;
	}
}
@media only screen and (max-width: 1200px){
	.header-box,
	.index-service-box,
	.index-about-info-box{
		width: 95%;
	}
	.footer-top-box {
	    width: 10%;
	}
	.products-box, .products-page-box, .index-products-list-box{
		width: 1000px;
	}
	.products-list,
	.index-products-list {
		width: 313px;
	}
	.products-list-img-box,
	.index-products-list{
		height: 246px;
	}
	.products-page-info-b-img,
	.products-page-info-b-img-box{
		height: 416px;
	}
	.products-page-info-s-img-box{
		padding: 0 30px;
	}
	.products-page-info-s-img{
		height: 68px;
	}
	.works-info{
		padding: 0 40px;
	}
	.works-info li{
		padding-bottom: 25px;
	}
	.banner-box{
		height: 330px;
	}
	.contact-box{
		width:95%;
	}
	.contact-form-input,
	.contact-info-textarea{
		width: 70%;
	}
	.index-banner-box, .index-banner-img, .index-banner-slong-box {
	    height: 445px;
	}
	.index-service-info li{
		height: 335px;
	}
}
@media only screen and (max-width: 1000px){
	.rwd-menu{
		display: block;
	}
	.header-menu{
		display: none;
	}
	.header-logo{
		position: relative;
		z-index: 9;
	}
	.header-menu{
		position: absolute;
		width: 100%;
		
		background-color: #FFF;
		box-shadow: rgba(0,0,0,0.4) 0px 2px 2px ;

	}
	.header2 .header-menu{
		width: 100%;
	}
	.header-menu> li{
		width: 100%;
		display: block;
		margin: 0;
		text-align: center;
	}
	.header-menu-title span{
		display: inline;
	}
	.index-banner-slong{
		width: 90%;
	}
	.index-service-article,
	.index-service-title,
	.index-about-title,
	.index-about-article,
	.index-products-list,
	.index-title,
	.news-list,
	.page,
	.news-page-info-block,
	.products-list,
	.contact-form-box,
	.contact-info-list-box,
	.works-info-img, 
	.works-info,
	.works-p-info,
	.index-products-list-title{
		opacity: 1!important;
		animation: none!important;
	}
	.index-title-box span{
		transform: scale(1, 1)!important;
		animation: none!important;
	}
	.index-service-article{
		line-height: 2;
	}
	.index-service-info li {
	    height: 370px;
	}
	.index-products-list-mask{
		display: none;
	}
	.index-products-list-title{
		text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 2px;
	}
	
	.index-products-list-box .index-products-list:nth-child(3n+2),
	.products-list-box .products-list:nth-child(3n+2){
		margin: 0;
	}
	.index-products-list-box .index-products-list:nth-child(even),
	.products-list-box .products-list:nth-child(even){
		margin-left: 30px;
	}
	.index-products-list{
		width: 360px;
    	height: 285px;
	}
	
	.products-list{
		width: 360px;
		margin-bottom: 30px;
	}
	.products-list-img-box, .index-products-list{
		height: 285px;
	}

	.header-menu> li:hover .header-menu-title:after, .header-menu> li.active .header-menu-title:after{
		display: none;
	}
	.header-box{
		width: 100%;
		padding: 0;
	}
	.header2 .header-box{
		padding:0; 
	}
	header{
		height: 53px;
	}

	.header-logo{
		font-size: 28px;
		display: block;
		margin-left: 0;
		width: 100%;
		padding: 5px 0;
		padding-left: 10px;
		box-sizing: border-box;
		box-shadow: rgba(0,0,0,0.4) 0px 2px 2px ;
	}
	.header-logo a{
		
		max-width: 100%;
		display: block;
	}
	.header2 .header-logo{
		width: 100%;
	}
	.header-menu-title{
		padding-bottom: 0;
	}
	.header-menu> li{
		padding: 10px 0;
	}
	.header-menu-list-class-box{
		position: relative;
		width: 100%;
		transform: scale(1, 1);
		display: none;
	}
	.header-menu-list-class-box li{
		text-align: center;
	}
	.header-menu-list-class-box{
		transition: none;
	}
	.header-menu-line{
		display: none;
	}
	.news-box, .news-page-box{
		width: 750px;
	}
	.products-box, .products-page-box, .index-products-list-box{
		width: 750px;
	}
	.works-info-img, .works-info{
		width: 100%;
		display: block;
	}
	.works-info-img{
		text-align: center;
	}
	.works-info{
		 padding: 0 70px;
		 margin-top: 20px;
	}
	.news-list-border{
		width: 746px;
	}
	.news-list-info-box{
		padding: 0 35px;
	}
	.contact-form-box,
	.contact-info-list-box{
		width: 100%;
		display: block;
	}
	.contact-info-list-box{
		margin-top: 20px;
	}
	.index-banner-box, .index-banner-img, .index-banner-slong-box{
		height: 320px;
	}
	.banner-box {
	    height: 220px;
	}
	.header-menu-list-class-box li a{
		padding-left: 0;
	}
	.footer-top-box{
		display: none;
	}
	.footer-link-box{
		width: calc(100% - 330px);
	}
	.web-left-box{
		display: none;
	}
	.web{
		width: 100%;
		display: block;
	}
	.header-block{
		position: fixed;
		background-color: #FFF;
	}
	.header2 .header-block{
		animation: none;
		box-shadow: none;
	}
	.products-page-info-s-img {
	    height: 43px;
	}
	.products-page-info-b-img, .products-page-info-b-img-box {
	    height: 315px;
	}
	.products-page-money{
		padding: 10px 0;
		font-size: 20px;
	}
	.products-page-p{
		padding-top: 10px;
		line-height: 2;
	}
	.products-page-info{
		padding: 0px 20px;
	}

}
@media only screen and (max-width: 750px){
	.index-service-info li{
		width: 50%;
	}
	.index-service-info li:nth-child(4):after{
		border-bottom: 1px dashed #f7c836;
	}
	.index-service-info li:nth-child(3n+2){
		border: 0;
	}
	.index-service-info li:nth-child(even){
		border-left: 1px solid #f7c836;
	}
	.index-products-borbox span:nth-child(1) {
	    -webkit-clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
	    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	}
	.index-products-borbox span:nth-child(2) {
	    -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
	    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
	}
	.index-about-info-box{
		padding: 50px 0;
	}
	.index-about-article{
		padding-bottom: 80px;
	}
	.products-box, 
	.products-page-box, 
	.index-products-list-box{
		width: 550px;
	}
	.index-products-list{
		width: 265px;
		height: 210px;
		margin-bottom: 20px;
	}
	.index-products-list-box .index-products-list:nth-child(even), .products-list-box .products-list:nth-child(even) {
	    margin-left: 20px;
	}
	.products-list{
		width: 265px;
	}
	.products-list-img-box, .index-products-list{
		height: 210px;
	}
	.index-banner-box, .index-banner-img, .index-banner-slong-box {
	    height: 220px;
	}
	.index-banner-slong{
		letter-spacing: 2px;
    	font-size: 18px;
	}
	.index-about-title{
		padding-top: 50px;
	}
	.index-about-article{
		font-size: 16px;
	}
	.header-block,
	.header2 .header-block{
		position: absolute;
	}
	.news-box, .news-page-box {
	    width: 550px;
	}
	.news-list-border {
	    width: 546px;
	}
	.news-list-icon-box,
	.news-list-icon{
		width: 30px;
		height: 30px;
	}
	.news-list-icon{
		font-size: 16px;
		line-height: 30px;
	}
	.news-list-info-box {
	    padding: 0 20px;
	}
	.index-about-rwd-mask{
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
	}
	.news-page-info-block{
		width: 95%;
	}
	.products-page-info-img-box, .products-page-info{
		width: 100%;
		display: block;
	}
	.products-page-info-s-img{
		height: 144px;
	}
	.products-page-info{
		margin-top: 10px;
	}
	.products-page-info-b-img, .products-page-info-b-img-box {
	    height: 456px;
	}
	.contact-info-list-box{
		padding: 0;
	}
	.footer-link-box{
		display: block;
		width: 100%;
		text-align: left;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 480px){
	.header-block,
	.header2 .header-block{
		position: fixed;
	}

	.index-service-info li{
		height: 550px;
	}
	.index-service-info li:nth-child(5),
	.index-service-info li:nth-child(6){
		height: 450px;
	}
	.index-title-box{
		padding-top: 10px;
	}
	.products-box, .products-page-box, .index-products-list-box{
		width: 350px;
		
	}
	.index-products-list{
		width: 165px;
	}
	.products-list{
		width: 165px;
	}
	.products-list-img-box, .index-products-list{
		height: 120px;
	}

	.footer-link{
		display: inline-block;
		margin: 0 ;

	}
	.footer-link-box a:last-child{
		margin-bottom: 0;
		margin-left: 10px;
	}
	.banner-title{
		font-size: 22px;
	}
	.banner-box{
		height: 165px;
	}
	.works-info{
		padding: 0;
	}
	.news-box, .news-page-box{
		width: 350px;
	}
	.news-list-border{
		width: 346px;
	}
	.news-list-img{
		width: 130px;
	}
	.news-list{
		height: 145px;
	}
	.news-list-border{
		height: 141px;
	}
	.news-list-info-box{
		width: calc(100% - 130px);
	}
	.news-title{
		 font-size: 16px;
	    height: 22px;
	    overflow: hidden;
	}
	.news-p{
		height: 66px;
		overflow: hidden;
	}
	.news-page-info-block{
		padding: 25px 0;
	}
	.nws-page-title{
		font-size: 22px;
	}
	.contact-form-input, .contact-info-textarea{
		width: calc(100% - 120px);
		margin-left: 10px;
	}
	.map-box{
		height: 280px;
	}
	.index-banner-slong{
		width: 100%;
		text-align: center;
	}
	.products-page-info-img-box, .products-page-info{
		width: 100%;
		display: block;
	}
	.products-page-info-s-img{
		height: 77px;
	}
	.products-page-info{
		margin-top: 10px;
	}
	.products-page-info-b-img, .products-page-info-b-img-box {
	    height: 294px;
	}
	.products-list-box, .products-page-info-box{
		padding-top: 20px;
	}
	.web{
		letter-spacing: 1px;
		padding-top: 5px;
	}
	.index-service-info{
		padding: 0;
	}
}
@media only screen and (max-width: 320px){
	.news-box, .news-page-box {
	    width: 300px;
	}
	.news-list-border {
	    width: 296px;
	}
	.index-products-list,
	.products-list{
		width: 155px;
		margin-bottom: 10px;
	}
	.products-list-img-box, .index-products-list{
		height: 122px;
	}
	.index-products-list-box .index-products-list:nth-child(even), .products-list-box .products-list:nth-child(even) {
	    margin-left: 10px;
	}
	.web{
		letter-spacing: 0px;
		
	}
}