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

.mobile{ display: block;  width: 100%; top: 10px; }
.mobile-inner{ width: 100%; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.nav_ul{ display: none; }
.search{ display: none; }
.foot{ background:#202020 }
.foot_left{ display: none; }
.foot_right{ float: none; width: 100%; padding: 20px 0; }
.foot_add{ margin-bottom: 10px; }
.foot_line{ display: none; }
.foot_h3{ font-size: 16px; }
.catalog{ height: auto; border: none; }
.cata_ul li{ width: 50%; box-sizing: border-box; border: none; }
.catalog .box{ padding: 0; }
.pro_dl{ padding: 30px 0; }
.pro_dl dt{ float: none; width: 100%; text-align: center; margin-bottom: 10px; height: auto; margin-bottom: 30px; }
.pro_dl dt img{ width: auto; height: auto; max-width: 100% }
.pro_dl dd{ width: 100%; height: auto; padding: 10px; }
.wood_h3{ padding-top: 0;font-size: 18px; height: 40px; line-height: 40px; text-align: center; }
.wood_zi{ text-align: center; display: block; height: auto; line-height: 30px; font-size: 15px; }
.wood_line{ margin: 10px auto 10px; }
.wood_xing{ width: 100%; height: auto; line-height: 30px; padding-bottom: 0; text-align: center; border: none; font-size: 14px;}
.wood_div{ padding: 0; height: auto; line-height: 40px; padding-bottom: 10px; text-align: center; }
.infor{ padding: 20px 0; }
.infor img{ width: auto; height: auto; max-width: 100% }
.wood_img{ font-size: 13px; padding-right: 3px; }

.room{ padding:30px 0; }
.roo_img{  width: 100%; height: auto; text-align: center; margin-bottom: 20px; }
.roo_img img{ width: auto; height: auto; max-width: 100% }
.door{ position: static; width: 100%; height: auto; padding: 0; }
.door_h3{ padding-top: 20px; font-size: 20px; }
.door_tit{ height: 40px; line-height: 40px; font-size: 18px; }
.door_i{ height: auto; line-height: 30px; font-size: 16px; padding-top: 20px; }
.door{ padding-bottom: 30px; }
.pro_ul{ margin: 0; }
.pro_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.pro_img{width: 100%; height: auto; text-align: center;}
.pro_img img{ width: auto; height: auto; max-width: 100% }
.pro_tit{ text-align: center; font-size: 18px; }
.pro_zi{ text-align: center; }
#show{ width: 300px; margin: 30px auto }
.mon_ul{ padding: 30px 0 0 0; margin: 0; }
.mon_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.mon_img{ width:100%; height: auto;  text-align: center;  }
.mon_img img{ width: auto; height: auto; max-width: 100% }
.news_dl{ padding-top: 30px; }
.news_dl dt{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 20px; }
.news_dl dt img{ width: auto; height: auto; max-width: 100% }
.news_dl dd{ float: none; width: 100%; padding: 15px; }
.news_tit{ height: auto; line-height: 30px; font-size: 16px; text-align: center; }
.time_news{ height: auto; line-height: 30px; text-align: center; background: none }
.news_zi{ height: auto; margin-bottom: 20px; }
.news_see{ margin: 0 auto }
.news_inner dt{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 20px; }
.news_inner dt img{ width: auto; height: auto; max-width: 100% }
.news_inner dd{ float: none; width: 100%; padding: 0 10px 20px; }
.news_title{ height: auto; line-height: 30px; }
.news_h3{ float: none; width: 100%; line-height: 30px; font-size: 16px; text-align: center; }
.day_news{ width: 100%; float: none; text-align: center; display: block; }
.news_qi{ height: auto; margin-bottom: 20px; }
.news_read{ margin: 0 auto 20px }
.news_word img{ width: auto; height: auto; max-width: 100% }
.release{ padding-top: 20px; }
.release h3{ height: auto; line-height: 30px; font-size: 16px; }
.pie_div{ height: auto; line-height: 30px; font-size: 12px; }


.service{ background-size: cover; height: auto; padding: 30px 0; }
.cess{ padding: 0; }
.ser_h3{ font-size: 20px; margin-bottom: 20px; }
.ser_i{ font-size: 18px; padding-left: 10px; }
.ser_img{ margin-bottom: 20px; }
.mess_inner{ padding: 10px; }
.mess_h3{ height: 50px; line-height: 50px; }
.mess_div{ margin: 0; }
.mess_box{ float: none; width: 100%; margin: 0; }
.mess{ height: auto; }
.mess_txt{ width: 80%; margin-bottom: 15px;  }
.mess_area{ width: 85%; float: none;border: 1px solid #d2d2d2; }
.mess_sub{ float: none; margin:20px auto; width: 200px; height: 50px; line-height: 50px; }
.mess_ae{ width: 100%; border: none;  }
.mess_sel{ width: 85%;margin-bottom: 15px;  }
.about_img{ float: none!important; width: 100%!important;  text-align: center!important; margin:0 0 30px 0!important; }
.about img{ width: auto!important; height: auto!important; max-width: 100%!important }
.wooden{ padding: 30px 0  }
.index_title{ font-size: 22px; }
.series{ padding-top: 30px; }
.series_left{ display: none; }
.series_right{ float: none; width: 100%; padding: 0; }
.set_tit{ padding: 0 0 15px 0; text-align: center; height: 30px; line-height: 30px; font-size: 20px; }
.set_inner{ height: auto; }
.set_more{ margin: 10px 0; }

.set_ul li{ margin: 0 0 20px 0; width: 50%; padding: 0 5px; box-sizing: border-box; text-align: center; }
.set_img{ width: auto; height: auto; text-align: center; }

.made{ padding-bottom: 30px; }
.made_inner{ padding-top: 30px; }
.made_tit{ height: auto; line-height: 30px; font-size: 16px; padding-top: 20px; margin-bottom: 20px; }
.leave{ padding: 10px; }
.ave_h3{ height: auto; line-height: 30px; font-size: 18px; }
.me{ padding-bottom: 20px; }
.att_ul{ margin: 20px 0 0 0; }
.att_ul li{ float: none; width: 100%; text-align: center; margin: 0 0 20px 0; }
.att_img{ width: 100%; height: auto; text-align: center; }
.att_img img{ width: auto; height: auto; max-width: 100% }
.jour{ padding: 30px 0; }
.jour_dl{ padding: 30px 0; }

.jour_dl dt{ float: none; width: 100%; text-align: center; height: auto; margin-bottom: 20px; }
.jour_dl dt img{ width: auto; height: auto; max-width: 100% }
.jour_dl dd{ float: none; width: 100% }

.jour_time{ text-align: center; }
.jour_line{ display: none; }
.jour_tit{ height: auto; font-size: 18px; line-height: 30px; text-align: center; }
.jour_zi{ height: auto; margin-bottom: 20px; }
.jour_ul{ margin: 0; }
.jour_ul li{ float: none; width: 100%; height: auto; padding: 20px; margin:0 0 20px 0; }
.lism_time{ padding: 0; }
.lism_line{ display: none; }
.lism_inner{ height: auto; }
}

@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.a_banner{ background-size:cover!important; height:140px!important;}

}
@media screen and (max-width:375px){
.a_banner{ background-size:cover!important; height:130px!important;}
}

@media screen and (max-width:360px){
.a_banner{ background-size:cover!important; height:130px!important;}

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


@media screen and (min-width:1201px){
}