@charset "utf-8";
@media only screen and (min-width:1600px){
	.newsbox .right-list .view-more{margin-top: 0.525rem;}
}
@media only screen and (max-width:1380px){
	img{width:100%;height:auto;}
	.culture-box{height: auto;width: 96%;}
	.company-culture .culture-box{overflow: hidden;text-align: center;}
	.company-culture .culture-box>span{position: relative;left: 0;right: 0;top: 0;bottom: 0;margin:0;display: inline-block;}
	.culture-box .text-change{position: relative;left: 0;margin:0 auto;width: 100%;}
	.company-history.w1400{width: 98%;}
	.history-box>div.line{width: 1.4rem;}
	.list-products .classify h2{padding-top: 0.425rem;height: 1.575rem;}
}
@media only screen and (max-width: 1300px){
	.footer .top-float{margin-right: 1.40rem;}
}
@media only screen and (max-width:1280px){
	.footer{height:auto;}
	.cata-01-con ul li>span{height: 40px;line-height: 40px;}
	.cata-01-con ul li>a{height: 40px;}
	.contact-box .form-box ul li:nth-child(7){width: 100%;}
}
@media only screen and (max-width:1200px){
	.history-box>div.point .his-year{width: 42px;font-size: 12px;}
	.list-products .classify h2>span{line-height: 12px;padding-top: 0;font-size: 12px;}
	.aboutbox .text-content{top:0.8rem;}
	.footer .top-float{margin-right: 1.25rem;}
	/*.newsbox .right-list ul li{height: 2.57rem;}*/
}
@media only screen and (max-width:1100px){
	.aboutbox .text-content .view-more{    margin-top: 0.25rem;}
	.footer .top-float{    margin-right: 1.00rem;}
	.company-profile>div p:nth-child(1),.company-profile>div p:nth-child(2){float: none;width: 100%;}
	.history-box>div.point.even .his-info{bottom: -1.625rem;}
	.history-box>div.point .his-info{bottom: -2.875rem;}
}
@media only screen and (max-width:980px){
	body,html{width:100%;overflow-x:hidden;padding-top:32px!important;}
	.header{display:none}
	#header2{display:block}
	.aboutbox .text-content h2{margin-bottom: 0.125rem;}
	.aboutbox .text-content{    width: 7.525rem;}
	.about-list ul{width: 14.125rem;}
	.about-list ul li{width: 3.5rem;}
	.list-products .classify h2{ line-height: normal;   font-size: 0.35rem;}
	.main-news .con-right h2{line-height: 0.8375rem;}
	.history-box>div.point .his-info{    bottom: -3.375rem;}
	.history-box>div.point.even .his-info{bottom: -2.025rem;}
	.about-content{    padding: 0.75rem 0 1.5rem 0;}
	.footer .top-float{margin-right: 0.50rem;}
}
@media only screen and (max-width:900px){
	.news-content .n-list li{float:none;width:580px;}
	.news-content li .news-img{width:200px;height:200px;}
	.news-content li .news-info{width:340px;}
	.news-content .news-info>p{line-height:20px;}
	.w1200{width:94%;}
	.main-catalogue-01 .cata-01-con ul li{width: 50%;}
	.contact-box .form-box ul li:nth-child(4), .contact-box .form-box ul li:nth-child(5),.contact-box .form-box ul li:nth-child(6){width: 33.3333%;}
	.content .list ul li h4{height: 54px;}
	.content .list ul{width: 104%;}
	.content .list ul li{width: 31%;margin-right: 2%;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
	.main-news .con-left p>img{width: 100%;height: auto;}
	.list-products .classify>ul>li:nth-child(4){line-height: 0.5rem;}
	.list-products .classify>ul>li:nth-child(6){line-height: 0.5rem;}
	.content .classify-sec>span{margin-right: 0.225rem;}
	.history-box>div.point .his-info{    bottom: -3.775rem;}
	.history-box>div.point .line-colunm{height: 2.5rem;bottom: -2.5rem;}
	.footer .footer-subscribe>ul>li{margin-right: 6%;}
}
@media only screen and (max-width:850px){
	.aboutbox .left-text{float:none;width:94%;margin:0 auto;text-align:center;margin-bottom:10px;}
	.aboutbox .text-content{position:relative;right:0;top:0;margin:0 auto;width:96%;text-align:center;}
	.aboutbox .text-content h2{text-align:center;padding-top:0.719rem;}
	.aboutbox .right-img{float:none;width:94%;margin:0 auto;height:7.5rem;}
	.aboutbox .text-content h2>span{left:50%;margin-left:-2.27rem;}
	.aboutbox{height:auto;}
	.aboutbox .text-content p{line-height:22px;}
	.newsbox .left-show{float:none;width:100%;height:auto;margin:0 auto;}
	.newsbox .right-list{float:none;width:100%;text-align:center;margin-top:10px;}
	.left-show .show-con{line-height:18px;}
	.newsbox .right-list ul li{height:auto;}
	.newsbox .right-list .list-con{line-height:20px;}
	.footer .footer-subscribe p>input{/*width:4rem;*/line-height:0.6rem;height:0.6rem;}
	.footer .footer-subscribe p>span{height:0.6rem;line-height:0.6rem;}
	.history-box{width: 320px;margin:0 auto;}
	.history-box>div{float: none;}
	.history-box>div.line{width: 6px;height: 100px;display: block;margin:5px 0 5px 5px;}
	.history-box>div.line.fir{width: 6px;height: 50px;}
	.history-box>div.point .his-year{left: 18px;top: -2px;}
	.history-box>div.point .line-colunm,.history-box>div.point.even .line-colunm{height: 1px;width: 40px;bottom: 0;left: 64px;top: 8px;}
	.history-box>div.point .his-info{width: 200px;height: auto;bottom: 0;left: 100px;top: 0;text-align: left;}
	.history-box>div.point{width: 16px;height: 16px;}
	.history-box>div.line>em{transform: rotate(136deg);margin-top: 45px;width: 3px;height: 3px;}
	.list-products .classify h2{box-sizing: border-box;height: 2rem;-webkit-box-sizing:border-box;}
	.list-products .classify h2>span{display: none;}
	.footer .footer-subscribe>ul>li{margin-right: 5%;}
	.newsbox .left-show>p{height: 1.875rem;}
	
}
@media only screen and (max-width:750px){
	.footer .top-float{max-width: 40%;}
	.footer .footer-subscribe p>input{width: 6rem;}
}
@media only screen and (max-width:700px){
	.company-honors.w1400{width: 95%;}
	.honors-box ul{width: 100%;}
	.honors-box ul li{width: 31%;height: auto;float: left;margin:0 1% 0 1%;}
	.contact-box .form-box ul li,.contact-box .form-box ul li:nth-child(1), .contact-box .form-box ul li:nth-child(5), .contact-box .form-box ul li:nth-child(3){width: 50%;text-align: left;}
	.contact-box .form-box ul li:nth-child(2),.contact-box .form-box ul li:nth-child(4),.contact-box .form-box ul li:nth-child(6){text-align: right;width: 50%;}
	.main-contact .contact-box .w1400{width: 94%;}
	.contact-box .form-box ul li input{height: 30px;    width: 7.55rem;}
	.about-list .about-bread{display: none;}
	.about-list ul{width: 17.500rem;}
	.about-list ul li{width: 4.34rem;}
	.contact-box .form-box .sub-btn{height: 1rem;}
	.newsbox .left-show>p{height: 2.575rem;}
}
@media only screen and (max-width:650px){
	.about-list{    width: 19rem;}
	.about-list ul {width: 19rem;}
	.about-list ul li{width: 4.7rem;}
	.footer .top-float{max-width: 32%;}
	.footer .top-float.footer-subscribe{max-width: 52%;}
		.footer .footer-subscribe p>input{width: 8rem;    height: 0.8rem;    line-height: 0.8rem;}
	.footer .footer-subscribe p>span{width: 0.8rem;    line-height: 0.8rem;    height: 0.8rem;}
}
@media only screen and (max-width:600px){
	.news-content .n-list li{float:none;width:100%;}
	.news-content li .news-img{width:6.802rem;height:6.802rem;}
	.news-content li .news-info{width:9.56rem;}
	.news-content .n-list{width: 100%;}
	.content .list ul li{width: 48%;box-sizing: border-box;-webkit-box-sizing:border-box;margin-right: 2%;}
	.main-catalogue-01 .cata-01-con h3{font-size: 20px;}
	.cata-01-con ul li>a{width: 15%;}
	.cata-01-con ul li>span{width: 85%;}
	.list-products .classify>ul>li:nth-child(1){line-height: 0.5rem;}
	.list-products .classify>ul>li:nth-child(2){line-height: 0.5rem;}
	.content .classify-sec>ul{width: 12.5rem;}
}
@media only screen and (max-width: 543px){
	.footer .top-float{max-width: 27%;}
	.footer .footer-subscribe span{line-height: normal;}

	.list-products .classify>ul>li:nth-child(3){line-height: 0.5rem;}	
	.about-list ul li:last-child{border-right: none;}
	.main-news .con-right .view-more a{width: 2.25rem;}
	.contact-box .form-box .sub-btn{height: 1rem;}
	.newsbox .left-show>p{height: 3.575rem;}
}	


@media only screen and (max-width:500px){
	.w1400{width: 98% !important;}
	.about-list .about-bread{display: none;}
	.company-profile>div p:nth-child(2)>span{font-size: 12px;}
	.about-content h2{font-size: 20px;}
	.honors-box ul li{width: 48%;height: auto;float: left;margin:0 1% 0 1%;}
	.list-products .classify{height: 50px;}
	.list-products .classify h2{height: 50px;width: 15%;padding-top: 0;line-height: 50px;font-size: 12px;}
	.list-products .classify ul{width: 85%;}
	.pro-info .info-text>p{line-height: 18px;}
	.footer{padding: 0.5rem 0;}
	.about-list ul li{height: 2rem;line-height: 2rem;}
	.about-list ul li:nth-child(3){line-height: 1rem;}

}
@media only screen and (max-width:485px){
	.about-list ul li:nth-child(4){line-height: 1rem;}
	
}
@media only screen and (max-width:425px){
	.about-list ul li:nth-child(2){line-height: 1rem;}
	
}
@media only screen and (max-width:456px){
	.list-products .classify>ul>li>a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.list-products .classify>ul>li:nth-child(1){line-height: 1rem;}
	.list-products .classify>ul>li:nth-child(2){line-height: 1rem;}
	.list-products .classify>ul>li:nth-child(3){line-height: 1rem;}
	.list-products .classify>ul>li:nth-child(4){line-height: 1rem;}
	.list-products .classify>ul>li:nth-child(6){line-height: 1rem;}
	.left-show .show-con{overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient: vertical;}
	.company-profile>div p:nth-child(1) img{width: 100%;margin-bottom: 2%;}
}
@media only screen and (max-width:414px){
.get-quote .form-box{width: 368px;left: 61%;}	
}

@media only screen and (max-width:400px){
	.main-about .w1400{width: 100%;}
	.about-list ul{width: 100%;}
	.about-list ul li{width: 25%;box-sizing: border-box;-webkit-box-sizing:border-box;}
	.list-products .classify h2{height: 50px;width: 20%;}
	.list-products .classify ul{width: 80%;}
	.main-catalogue-01 .cata-01-con ul li{width: 100%;}
	.cata-01-con ul li>a{width: 25%;}
	.cata-01-con ul li>span{width: 75%;}
}
@media only screen and (max-width:393px){
	.about-list ul li:nth-child(1){line-height: 1rem;}
	
}
@media only screen and (max-width:375px){
.get-quote .form-box{width: 325px;left: 68%;}	
}
@media only screen and (max-width:320px){
.get-quote .form-box{width: 274px;left: 79%;padding: 0px 20px 10px 20px;}
.get-quote .form-box>p{line-height: normal;}	
}