@media screen and (max-width:1200px){
.head{ z-index: 9; height: auto; }
.nav_ul{ display: none; }
.mobile{ display: block;  width: 100%; position: fixed; top: 33px; }
.mobile-inner{ width: 100%; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.nav_ul{ display: none; }
.top{ display: none!important; }
.a_banner{ margin: 0!important; }
.flexslider{ margin: 0; }
h1{ line-height: inherit; padding: 30px 0; position: relative; z-index: 9999; }
.begin .head_inner{ padding: 0 5px; }
h1 img{ width: 200px; height:auto; }
.begin .lan{ margin: 0; }
.lan{ float: right; line-height: 30px; }
.search{ line-height: 30px; position: fixed; top: 26px; right: 8px; z-index: 99999; }
.fixed h1{ line-height: inherit; }
.fixed .lan,.fixed .search{ line-height: 30px; }
#search-form,.fixed #search-form{ top: 55px; }
.mobile-inner-nav{ top: 48px; }
.flexslider{ margin-top:82px;  }
.flex-prev{ z-index: 99; background-size: 100%; left: 10px; width: 30px; height: 30px; margin-top: -15px; }
.flex-next{z-index: 99; background-size: 100%; right: 10px; width: 30px; height: 30px; margin-top: -15px;}
.foot{ padding: 20px 5px; }
.foot_left{ float: none; width: 100%; }
.foot_img{ display: none; }
.foot_div{ float: none; width: 100%; padding: 0; }
.foot_ul{ height: auto; margin-left: -11px; }
.foot_right{ float: none; width: 100%; }
.foot_call{ float: none; width: 100%; height: 50px; box-sizing: border-box; line-height: 50px; }
.foot_what{ float: none; width: 100%; }
.foot_zi{ padding: 0; }
.found{ padding-top: 30px; }
.found_left{ display: none; }
.found_right{ float: none; width: 100%; }
.found_h3{ font-size: 18px; }
.found_h3 .chang_i{ font-size: 14px; }
.found_you{  height: auto; line-height: 30px; font-size: 14px; }
.found_dl{ padding: 10px 0 0 0; }
.found_dl dt{ float: none; width: 100%; }
.found_word{ font-size: 14px; line-height: 28px; }
.found_dl dd{ display: none; }
.series_inner{ padding-top: 30px; }
.index_tit{ font-size: 24px; height: 50px; line-height: 50px; }
.begin .ser_box{  width: 100%; }
.begin .ser_scroll{width: 324px; left: 50%; margin-left: -162px;}
.begin .ser_left{ width: 17px; height: 32px; background:  url(../images/ser_left.png) center center no-repeat; top: 37%; margin-top: -16px; left: 20px; }
.begin .ser_right{ width: 17px; height: 32px; background:  url(../images/ser_right.png) center center no-repeat; top: 37%; margin-top: -16px; right: 20px; }
.ser_i{opacity: 1;}

.quality_inner{ background: none; padding-top: 30px; }
.food_tit{ font-size: 24px; height: 50px; line-height: 50px; }
.red_round{ display: none; }
.yellw_round{ display: none; }
.food_tit .fooi{ font-size: 34px; }
.qua{ padding-top: 30px; }
.qua_right{ display: none; }
.qua_left{ width: 100%; height: auto; float: none; padding-bottom: 30px; }
.qua_jing{ height: auto; margin:0; font-size: 14px; line-height: 28px; }
.qua_tit,.qua_p{ font-size: 14px; height: auto; line-height: 30px; }
.cause,.food{ background-size: cover; height: auto; padding: 30px 0; }
.cause_div{ padding-top: 30px; }
.cause_dl dt{ float: none; width: 100%; height: auto; padding: 0 10px 10px; box-sizing: border-box; }
.cause_dl dd{ float: none; width: 100%; height: auto; text-align:center; }
.cause_dl dd img{ width: auto; height: auto; max-width: 100%; }
.cause_ul{ margin-bottom: 20px; background: none; height: auto; line-height: 40px; }
.cause_ul li{ display: block; margin: 0; }
.cause_ul li a{ font-size: 18px; font-weight: inherit; }
.ent_i{ height: auto; line-height: 24px; }
.ent{ height: auto; line-height: 24px; font-size: 12px; }
.dir_h3{ font-size: 20px; }
.food_right{ display: none; }
.food_box{ padding-top: 30px; }
.food_left{ float: none; width: 100% }
.tit_food{ height: auto; line-height: 40px; font-size: 20px; }
.tit_an{ font-size: 22px; }
.food_word{ height: auto; }
.jour_div{ padding-top: 30px; }
.jour_left{ float: none; width: 100%; }
.jour_left dt{ width: 100%; height: auto; text-align: center; }
.jour_left dt img{ width: auto; height: auto; max-width: 100% }
.jour_right{ float: none; width: 100%; }
.jour_dl{ padding: 0 0 23px 0; }
.jourwrod{ height: auto; margin-bottom: 15px; }
.jour_dl dt{ width: 290px; }
.jour_a{ font-size: 14px }
.news_dya{ font-size: 30px; }
.dd_right{ width: 250px; }
.lism_a{ font-size: 14px; }
.jour{ padding: 30px 0; }
.a_banner{ margin-top: 82px!important; }
body{ background: #fff; }
.catalog{ float: none; width: 100%; }
.cata_tit{ background:#c6ad75 url(../images/cata.png) left top no-repeat }
.cata_ul li a:hover, .cata_ul li a.for{ background: url(../images/log1.png) right center no-repeat }
.cata_ul li a{ background: url(../images/log.png) right center no-repeat; height: 40px; line-height: 40px; text-indent: 10px; }
.details{ float: none; width: 100%; }
.about_img{ float: none!important; margin: 0 0 20px 0!important; text-align: center!important; }
.about img{ width: auto; height: auto; max-width: 100%; }
.cor-box{ padding-left: 16px; }
.cor-dl dd img{ width: auto; height: auto; max-width: 100% }
.cor-more, .problem-more{ margin: 0; }
.news-imgs{ width: 100%; height: auto; text-align: center; margin:0 0 20px 0; float: none; }
.news-imgs img{ width: auto; height: auto; max-width: 100% }
.news-box{ float: none; width: 100%; padding: 0; margin: 0;}
.news-desc{ height: auto; overflow: inherit;-webkit-line-clamp:inherit; font-size: 14px; }
.news_info img{ width: auto; height: auto; max-width: 100%; }
.piece a{ float: none; width: 100%; }
.pro-list{ margin: 0; }
.pro-list li{ margin: 0 0 10px 0; float: none; width: 100%; }
.pro-imgs{ width: 100%; height: auto; text-align: center; }
.pro-imgs img{ width: auto; height: auto; max-width: 100%; }
.pro-title{ height: 50px; line-height: 50px; }
.pro_scroll{ width: 350px!important; max-width: 350px!important; }
.pro_top{ width: 350px; }
.ms-thumbs-cont{ height: auto!important; }
.ms-skin-default .ms-nav-prev{ left: 0!important; right: inherit!important; }
.ms-skin-default .ms-nav-next{left: 0!important; right: inherit!important; top: 145px!important;}
.ms-showcase2-template .ms-thumb-list.ms-dir-v{ top: 20px!important; height: 140px!important; }
.pro_bottom img{ width: auto; height: auto; max-width: 100% }
.gage-dl dt{ font-size: 12px; }
.btndl{ font-size: 12px; }
.gage-dt dt{ font-size: 14px; }
.todlbox{ padding: 30px 10px; }
.cont-dl{ float: none; width: 100%; margin-bottom: 20px; }
.mess-name{ float: none; }
.mess-text{ width: 86%; float: none; margin: 0; }
.mess-textarea{ margin-bottom: 20px; }
.code{ width: 80px!important; }
.mess-submit{ width: 136px; }
.mess-title{ margin-bottom: 20px; font-size: 18px; }
.contact{ padding-bottom: 50px; }



}


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

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

@media screen and (max-width:360px){
.fgm_left .banner{ height: 320px; }
}
@media screen and (max-width:320px){
}


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