/* CSS Document */

@media only screen and (max-width: 1800px){
.container {padding:0 65px;}
.container1 {padding:0 65px;}
}

@media only screen and (max-width: 1440px){
.container {padding:0 40px;}
.container1 {padding:0 40px;}
}

@media only screen and (max-width: 1200px){
.h_products .pro_hd ul {max-height: 108px;}
.h_products .pro_bd ul li {width: 30%;}
.h_products .pro_hd ul li {padding: 8px 5px;}
.h_products .pro_bd ul li>div a .pro_img {height: 300px;}
.h_youshi_in {width: 95%;padding: 20px 0;}
.h_youshi_in ul {padding-top: 20px;}
.conta{width: 95%;}
.h_news {width: 95%;padding: 30px 0 20px;}
.h_news .news_bd {padding-top: 20px;}

.ny_content {width: 95%;}

.ny_products .pro_bd ul li{width:30%;}
.ny_products .pro_hd ul li{padding:8px 20px;}
.ny_products .pro_bd ul li>div a .pro_img{height:300px;}
}
@media only screen and (max-width: 1199px){
}
@media screen and (min-width: 960px) and (max-width: 1024px) {


}
@media only screen and (max-width: 992px){
.disno{ display:block;}
.ivdo video{ width:100%;}
.w1200{ width:100%;padding: 0 15px;}
.wrapper,.header .container {padding:0 15px;}
.header .logo a {min-width:140px;}
.header,.header .logo {height:56px;}
.search i.fa,.header .nav-bar li {height:56px;line-height:56px;}
.header {position:fixed;top:0;width:100%;z-index:898;}
}
@media only screen and (max-width: 959px){
.w1200{ width:100%;padding: 0 15px;}
}

@media only screen and (max-width: 768px) {
.w1200{ width:100%;padding: 0 15px;}
.banner{ margin-top:56px;}
.hed,.navs,.disnone{ display:none;}
.aimg{width: 280px;height: 280px;float: none;margin: 0 auto; position:static}
.header{ display:block;}
.header,.header .logo {height:56px;display:inline-block;margin:0 auto;font-size:0;}
.header .container {text-align:center;}
.header .logo a {max-width:130px;}
.nav-bar {display:none;}
.search i.fa,.header .nav-bar li,.darkmode i.fa,.header .nav-bar li  {height:56px;line-height:56px;}
.darkmode i{font-weight:900;}
.m-btn {display:block;}
body.open .m-nav {left:0px;}
body.open .m-btn {display:none;}
body.open .m-nav .m-btn {display:block;}

.aimg{padding-top:50px;}
.rtxt{ padding-top:30px;}
.block-btn{ margin-left:0;}
.rtxt-more-btn{ margin-bottom:20px;}
.rtxt-ser-btn{ margin-bottom:80px;}
.sec4{ margin-top:50px;}
.tx{ margin-top:10px;}
.pro_list:after{
content: "";
width: calc((100% - 5px * 1) / 2);
}
.pro_list li{
width: calc((100% - 5px * 1) / 2);
margin-bottom: 1vh;
}
.pros{ margin:0;}
}

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


}

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

}