@charset "utf-8";
@media only screen and (min-width:1600px){

}
@media only screen and (max-width:1440px){

}
@media only screen and (max-width:1340px){

}
@media only screen and (max-width:1240px){

}
@media only screen and (max-width:1140px){

}
@media only screen and (max-width:980px){

}
@media only screen and (max-width:880px){

}
@media only screen and (max-width:820px){

}
@media only screen and (max-width:780px){
 .width{width: 100%;}
.header{height: 54px;z-index: 999;}
.header .logo{position: fixed;top: 0 !important;left: 0;width: 100%;height: 70px !important;margin: 0;padding: 15px 0.9rem;background: #fff;box-shadow: 0px 0px 3px #999;-webkit-box-shadow: 0px 0px 3px #999;-moz-box-shadow: 0px 0px 3px #999;-ms-box-shadow: 0px 0px 3px #999;-o-box-shadow: 0px 0px 3px #999;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;z-index: 999;}
.header .logo .pic{float: left;width: 141px;}
.header .logo .phone-menu{display: block;margin: 14px 0;}
.header .nav{position: fixed;padding-bottom: 10px;width: 100%;top: -430px;left: 0;height: auto;background-color: #fff;box-shadow: 0px 0px 3px #999;-webkit-box-shadow: 0px 0px 3px #999;-moz-box-shadow: 0px 0px 3px #999;-ms-box-shadow: 0px 0px 3px #999;-o-box-shadow: 0px 0px 3px #999;z-index: 999;transition: top 0.5s;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;}
.header.active .nav{top: 70px;background-color: #fff;}
.header .nav > ul{width: 18rem;margin: 0 auto;}
.header .nav > ul > li{float: none;width: 100%;padding: 5px 0;margin: 0;height: auto;line-height: 40px !important;text-align: left;border-bottom: 1px solid #ccc;}
.header .nav > ul > li:hover{background-color: transparent;}
.header .nav > ul > li.active{border-bottom: 1px solid #ccc;padding-bottom: 5px;background-color: transparent;}
.header .nav > ul > li a{color: #323232;display: block;padding: 0 0 0 30px;}
.header .nav > ul > li:hover a{color: #323232;}
.header .nav > ul > li.active a{background-color: #464646;color: #fff;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;}
.header .nav > ul > li.search{width: 100%;min-height: 60px;padding: 5px 0 !important;}
.header .nav > ul > li.search .box{width: 100% !important;}
.header .nav > ul > li.search .box input.text{display: block !important;height: 40px;line-height: 40px;color: #323232 !important;padding: 0 28px 0 10px;border: 1px solid #323232 !important;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;}
.header .nav > ul > li.search .box input.btn{display: none!important;}
.header .nav > ul > li.search .box input.sub{display: block !important;top: 10px;}
.header .nav>.main-width>ul>li .select-box{display: none!important;}
.header .nav > ul > li .drop-down{display: none!important;}
.header.flow{height: 54px;}
.header.flow .nav > ul > li{height: auto;}
.header.flow .logo{margin-top: 0;}
.search form{padding:10px;background-color:white}
.search form input{padding:10px}
.main-rec {
    padding: 60px 20px;
}
 .product .product-index-list ul li {
     width: calc(50% - 12px);
     margin-right: 0px;
     margin-bottom: 40px;
 }
.product .product-index-list ul li:nth-child(odd) {
     margin-right: 24px;
 }
 .product .product-index-list .title .name {
     width: calc(100%);
     border-right: none;
     text-align: center;
	}
	.product .product-index-list ul {
	    margin-right: 0;padding:20px
	}
	.product .product-index-list .title .more {
	    width: 100%;
	}
	.mainstyle {
	    display: block;
	    width: 100%;
	}
	.mainstyle .blue {
	    color: white;
	    width: 100%;
	    overflow: hidden;
	}
	.mainstyle .white {
	    width: 100%;
	}
	.mainstyle .white>div>div {
	    font-size: 38px;
	}
	.mainstyle .white>div {
	    padding-left: 0;
	    text-align: center;
	}
	.mainstyle>div {
	    display: block;
	}
	.main-rec ul {
	    margin-right: 0;
	}
	.main-rec ul li {
	    float: left;
	    width: calc(100% - 38px);
	}
	.custom .img img{
	   width: 100%;
	}
	.foot>div>div {
	    display: inline-block;
	    vertical-align: middle;
	    width: 100%!important;
	}
	.jqiu {
	    background-size: cover!important;padding: 60px 20px;
	}
	.jqiu .text>div {
	    display: block;
	    width: calc(100%);
	    margin-left: 0;
	    padding: 0;
	}
	.slideshow img {
	    width: 100%;
	    height: auto;
	}
	.product-list .width .celan {
	    display: none;
	}
	.product-list .product-con>ul>li {
	    width: calc(50% - 12px);
	    margin-right: 0;
	}
	.product-list .product-con>ul>li:nth-child(odd) {
	    width: calc(50% - 12px);
	    margin-right: 24px;
	}
	.product-list .product-con>ul {
	    margin-right: 0;
	}
	.product-list .width .product-con {
	    width: 100%;
	    padding-left: 0;
	}
	.contact .mess {
	    float: left;
	    width: 100%;
	}
	.contact .form {
	    width: calc(100% - 20px);
	    padding: 30px 10px;
	    box-shadow: 0 0 5px 3px #2222222e;
	    margin-top: 30px;
	}
	.contact form .name {
	    width: calc(100%);
	    margin-right: 0;
	}
	.contact form .phone {
	    width: calc(100%);
	    margin-right: 0;
	}
	.contact {
	    padding: 60px 0;
	    overflow: hidden;
	}
	.contact .width{width: calc(100% - 40px);padding: 0 20px;}
	.foot .width{width: calc(100% - 40px);padding: 0 20px;}
.foot-menu ul li {
    margin-left: 0;
    margin-right: 25px;
}
.foot .foot-menu {;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.product-list {
    padding: 30px 20px;
}
.news-list .width .celan {
    display: none;
}
.news-list {
    padding: 30px 20px;
}
.news-list .product-con>ul {
    margin-right: 0;
}
.news-list .width .product-con {
    width: calc(100%);
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
}
.news-list .product-con>ul>li {
    float: left;
    width: calc(100% - 2px);
    margin-right: 0;
}
.news-list .product-con>ul>li:nth-child(odd) {
    margin-right: 0px;
}
.news-list .product-con>ul>li>a {
    height: 200px;
}
.custom {
    text-align: center;
    padding: 0 20px;
}
.classify {
    right: -250px;
}
.about-jq{width:calc(100% - 40px);padding:80px 20px 0 20px}
.about-jq .text {
    width: 100%;
    margin-top: -150px;
}
.about-jq .vv {
    width: 100%;
}
.about-jq .img img {
    margin-left: 0;
    width: 100%;
}
.workshop-jq .img img {
    margin: 0 0px 15px 0;
}
.custom-js .right {
    width: 100%;
}
.custom-js .left{
    width: 100%;
}
.custom-js .content img{width:100%}
.cer-renzhen .title img{width:100%}
.wwww img{width:100%}
.cer-renzhen .cer-img img{width:100%}
.workshop-jq h2{text-align:center}
.shequ {
    margin-top: 10px;
    text-align: left;
    margin-bottom: 10px;
}
.product .product-index-list ul li>a{height: 180px;}
}
@media only screen and (max-width:720px){
}
@media only screen and (max-width:680px){
}
@media only screen and (max-width:560px){
}
@media only screen and (max-width:520px){

}
@media only screen and (max-width:450px){

}
@media only screen and (max-width:400px){

}
.icon20{background-position: -450px -440px!important;}
.icon21{background-position: -550px -440px!important;}