@media screen and (max-width: 2560px){

.content.foot_content{width:calc(100% - 160px); margin:0 auto; padding:0 80px;}

}

@media screen and (max-width: 1920px){
.content{width:1600px; margin:0 auto; padding:0 80px;}
}

@media screen and (max-width: 1680px){



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


}
@media screen and (max-width: 1440px){
.content{width:calc(100% - 160px); margin:0 auto; padding:0 80px;}



}

@media screen and (max-width:1366px){
    .about_ban{height:300px;}
    .item_ban{height:300px;background-position: -500px center;}
    .guarantee_ban{height:300px;background-position: -82px center;}
    .news_ban{height:300px;background-position: center center;}
}

@media screen and (max-width: 1280px){
.content {width: calc(100% - 120px);padding: 0 60px;}
.top .nav{margin-left:80px;}


}

@media screen and (max-width: 1200px){
.content {width: calc(100% - 60px);padding: 0 30px;}
.slide_banner{height:450px;}
.nav{display:none;}
.top{display:none;}
.top_m{display:block;}
.logo{display:none;}
.logo_m{display:block;margin-top: 15px;margin-left: 15px;}
.header_tel{display:none;}
header{height:70px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);}
.search{height:auto; display:none;}
.search p{line-height:22px; padding:20px 0 5px;}
.search_main{padding-top:0; padding-bottom:20px; float:left;}


#hamburger, #hamburger-2 {
    display: block;
}
#hamburger, #hamburger-2 {
    transition: all ease-in-out 200ms;
    position: fixed;
    cursor: pointer;
    outline: none;
    display:block;
    width: 30px;
    right: 25px;
    top: 25px;
	z-index:15;
}
#hamburger span, #hamburger-2 span {
    transition: all ease-in-out 200ms;
    background-color: #666;
    display: block;
    width: 100%;
    height: 2px;
}

#hamburger span:nth-child(2), #hamburger-2 span:nth-child(2) {
    margin: 8px 0;
}

.show-mobile-navigation #hamburger {
    opacity: 1;
}
.show-mobile-navigation #hamburger span, #hamburger-2 span{ background-color:#756e6b;}
.show-mobile-navigation #hamburger span:nth-child(1), #hamburger-2 span:nth-child(1) {
    transform: rotate(45deg) translateY(10px) translateX(4px);
}
.show-mobile-navigation #hamburger span:nth-child(2), #hamburger-2 span:nth-child(2) {
    height: 0;
    margin: 0;
}
.show-mobile-navigation #hamburger span:nth-child(3), #hamburger-2 span:nth-child(3) {
    transform: rotate(-45deg) translateY(2px) translateX(-8px);
}
.nav_ph {
    transform: translateX(100%);
    height:calc(100% - 70px);
    width: 100%;
    top: 70px;
	z-index:10;
	background-color:#fff;
	position: fixed;
	touch-action: none;
	overflow: hidden;
	pointer-events: auto;
	box-shadow: 0 0 18px -2px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 200ms;
	left: 0;
	display:block;
}	
.show-mobile-navigation .nav_ph {
    transform: translateX(0);
    z-index: 1200;
}

.nav_ph ul{padding:25px;}
.nav_ph li{border-bottom:1px solid #ccc; padding:15px 0; position: relative;}
.nav_ph li a{color:#333; font-size:16px;font-family: Arial;}
.nav_ph li a.l{float:left;background-color: #61b4e4;padding: 6px 0;color: #fff;width:calc(50% - 5px);text-align: center;margin-right:5px;}
.nav_ph li a.r{float:right;background-color: #61b4e4;padding: 6px 0;color: #fff;width:calc(50% - 5px);text-align: center;margin-left:5px;}
.nav_ph li.none{border-bottom:0;}
.nav_ph li .submenu{padding:0 0 0 0; transition: all ease-in-out 200ms;overflow: hidden;max-height: 0;}
.nav_ph li.show .submenu{max-height: 300px;padding-top:10px;}
.nav_ph li .submenu li{border:0; padding:5px 0;width:100%;display: inline-block;}
.nav_ph li .submenu li a{position: relative;padding: 0 0 0 25px;font-size: 15px; color:#333;}
.nav_ph li .submenu li a:before {
    background-color: #354b54;
    position: absolute;
    display: block;
    opacity: 0.3;
    content: "";
    height: 1px;
    width: 16px;
    top: 9px;
    left: 0;
}

.ph_nav_show .nav_ph {
    transform: translateX(0);
    z-index: 2;
}

.nav_ph li svg {
    position: absolute;
    height: 16px;
    opacity: 0.8;
    width: 16px;
    left: auto;
    right: 8px;
    top: 20px;
	transition: all ease-in-out 100ms;
}
.ar0 {
    stroke-miterlimit: 10;
    stroke: #354b54;
    stroke-width: 1;
    fill: none;
}
.nav_ph li.show svg {transform: rotate(180deg);}

.home_nav{padding: 25px 0;}
.home_nav ul{margin:0 -5px;}
.home_nav li{width:calc(50% - 10px); margin:5px 5px;}
.quality{padding: 30px 0;}
.quality .qualty_aside{width:100%;border:0;min-height:auto; margin-right:0; margin-bottom:30px;}
.quality .qualty_aside dl dt a{font-size:16px;}
.quality .qualty_aside dl dt{ background-position:7px 9px;}
.quality .qualty_aside h1{font-size:22px; width:calc(100% - 40px);}
.quality .qualty_aside h1 p{font-size:22px;}
.qulity_main{width:100%;}


.content{width: calc(100% - 60px);padding: 0 30px;}
.ind_news{margin: 60px 0 10px;}
.two_main .two_content{float: right;margin-left: 0px;padding-top: 36px;}
.two_main h1{border:0;}
.two_main h2{display:none;}
.advantage dl{padding: 30px 0;}
.advantage dl dt{width:45%; text-align:center;}
.advantage dl dt img{max-width:100%;}
.advantage dl dd{width: calc(55% - 30px);padding: 0px 15px;min-height:auto;}
.certificate{width:calc(100% - 80px);}
.certificate_main{width:calc(100% - 70px);}
.dl_li1{width: calc(100% - 72px);}
.advantage{padding:70px 0 0;}
.company{background-repeat:repeat;display: inline-block;}
.company .content{padding:60px 0 100px;}
.company_txt{width:100%; margin-left:0;}
.company_img.fl_l{float:none; width:100%;text-align: center; margin-bottom:30px;}
.subtitle{padding: 50px 0 30px;}
.subtitle b{font-size:36px;}
.about{padding-bottom: 50px;}
.idea{padding-bottom: 60px;}
.idea li{margin: 0 15px;width: calc((100% - 90px) / 3);}
.idea li h1{font-size:22px;}
.idea li img{width:120px;}
.about .company_txt{width:100%; margin-left:0;}
.about .company_title{text-align:center;}
.about .company_txt h1{text-align:center;}
.about .company_txt a{margin:0 auto;}
.news_left{width:100%; float:none;}
.news_right{width:100%; float:none; margin-left:0;}
.news_right dl{padding: 10px 10px;}
.qu_marquee{width:100%!important;}
.foot_ewm{display:none;}
.message_left{display:none;}
.message_right{margin:0 auto; float:none;}
.message_form{margin-top: 0px;}
.item li{min-height:180px;margin: 0 20px 20px}
}

@media screen and (max-width: 820px){
.two_main .two_content{width:55%;}
.two_main h1{font-size:20px;}
.two_main p{margin:0 0 15px;}
.qulity_main li .li_img{height:160px;}
.advantage dl .dl_h12{font-size:24px;margin: 3px 0 10px; }
.advantage dl .dl_h1{margin: 3px 0 10px;}
.dl_span{width: 40px;height: 40px;font-size: 20px;line-height: 40px;}
.dl_span1{width: 40px;height: 40px;font-size: 20px;line-height: 40px;}
.news_left .list_li{padding: 10px 0px 0px;}
.foot_logo{margin-right: 60px;}
.foot_nav{display:none;}
.foot_add{width: calc(100% - 270px);}
.news_img{margin-right:0; margin-bottom:15px;}
.news_txt{width:100%;}

}

@media screen and (max-width: 640px){
.content{width: calc(100% - 60px);}
.slide_banner { height: 300px;}
.slide_banner .swiper-slide{background-image: url(../images/banner.jpg);background-position: -60px center;background-size: cover;}
.slide_banner .swiper-slide img{display:none;}
.qulity_main li{width: calc((100% - 40px) / 2);}
.qulity_main li .li_txt a{font-size:14px;}
.qulity_main li .li_img {height: 110px;}

.two_main h1{padding-top:0px;font-size: 18px;}
.two_ban{height:auto;}
.two_main{background:none;height: auto;padding: 50px 30px!important;display: inline-block;}
.two_main .two_content{width:100%; padding-left:0;padding-top:0;}
.two_main h2{position:inherit;top: 0;display:inherit; width:100%; margin-top:10px;}
.advantage{padding: 30px 0 0;}
.advantage dl dd{width:100%; padding:0;}
.advantage dl dt{width:100%; padding:0; margin-bottom:30px;}
.company .content{padding: 30px 0 70px;}
.company_txt h1{font-size: 20px;}
.company_txt>p{margin: 20px 0;}
.news_left ul.nav_li li{width:100px;}
.ind_news{margin: 10px 0 10px;}
.news_left dl{padding:30px 0 0;}
.news_left dl dt{width:100%;}
.news_left dl dt a img{width:100%;}
.news_left dl dd{width:100%; margin-left:0; margin-top:10px;}
.foot{padding:30px 0 30px;}
.foot_add{width:100%;}
.subtitle {padding: 30px 0 10px;}
.subtitle b{font-size:30px;}
.company_title b{font-size:26px;}
.idea{background-repeat:repeat;background-size: cover;padding-bottom: 40px;}
.idea li{width:100%; margin:0; padding:25px 0; margin:15px 0;}
.idea li h1{margin: 20px 0 10px;}
.idea li img{width:90px;}
.fasctory li{width: calc((100% - 40px) / 2); }
.fasctory ul{padding-bottom:40px;}
.honor li{width: calc((100% - 40px) / 2);}
.honor{padding-bottom: 50px;}
.item ul{margin:0 -10px;}
.item li{width: calc((100% - 40px) / 2);margin: 0 10px 20px;min-height: 150px;}
.item li p{font-size:14px;}
.gua_main{padding:25px;margin-bottom: 60px;}
.aside{width:100%;margin: 30px 0px 0px 0;}
.nav_aside h1{width:100%;padding: 10px 0;font-size: 18px;}
.nav_aside h1 p{display: inline-block; padding-left:10px; margin-top:0px;}
.contact_aside h1{width:100%;padding: 10px 0;font-size: 18px;}
.contact_aside h1 p{display: inline-block; padding-left:10px; margin-top:0px;}
.nav_aside{width:100%;}
.contact_aside{width:100%;}
.news_main{width:100%;margin: 30px 0 30px 0;}
.news_img{width:100%;}
.news_txt a{font-size:16px;}
.news_txt p{font-size:14px;}
.contact_txt h2{font-size:18px;}
.contact_txt{font-size:16px;}
.news_detail img{height:auto;}
.message{margin-bottom: 50px;}
.message_right{width:100%;}
.message_form .layui-form-item .layui-input-inline{width:100%; margin-bottom:15px;}
.layui-form-item .layui-input-inline{margin:0;}
.message_form .layui-form-item .layui-input-inline textarea{width:100%;}
}
@media screen and (max-width: 375px){



}


@media screen and (max-width: 320px){

}