﻿@charset "utf-8";
@media only screen and (max-width : 1919px) {

}
@media only screen and (max-width : 1500px) {

}
@media only screen and (max-width : 1400px) {

}
@media only screen and (max-width : 1024px) {
.webshow{ display: none !important; }
.wapshow{ display: block !important; }
.top{ padding: 0 10px; margin: 0; width: auto; }
.top .fl{ padding: 10px 0; }
.top .fl img{ height: 30px; }
.nav_handle{ display: block; }
.top_r{ display: none; }
.menu_bg{ height: auto; margin: 0; display: none; }
.menu{ width: auto; height: auto; }
.menu:after{ content: ""; display: block; width: 100%; clear: both; }
.menu li{ padding: 0; height: auto; line-height: 35px; width: 50%; text-align: center; }
.menu li a{ display: block; font-size: 14px; }
.menu li ul{ display: none !important; }

.ind-ban{ height: auto; padding-bottom: 45%; }
.ind-ban ul li{ height: 100%; float: none; background-size: cover !important; }
.ind-num{ width: 100%; text-align: center; left: 0; bottom: 10px; margin: 0; }
.ind-num span{ display: inline-block; float: none; width: 20px; margin: 0 2px; }

#main{ margin: 0; width: auto; }
.main_about{ float: none; padding: 30px 10px; width: auto; }
.main_about_pic{ float: none; width: auto; }
.main_about_pic img{ width: 100%; height: auto; }
.main_about_text{ float: none; width: auto; }
.main_about_tit{ width: auto; float: none; }
.main_font{ font-size: 20px; }
.main_tit:after{ margin-top: 5px; }
.main_about_wz{ width: auto; float: none; }
.main_btn{ float: none; }

#main_probg{ margin: 0; padding: 30px 10px; height: auto; background-size: cover !important; }
.main_pro{ width: auto; }
.main_pro_tit{ width: auto; float: none; margin: 0; }
.main_font{ font-size: 16px; }
.main_pro_tit p:nth-child(2){ padding-top: 5px !important; font-size: 22px !important; }
.main_pro_more { display: inline-block; float: none;  margin-top: 10px; margin-bottom: 20px; }
.scrollleft{ width: auto; float: none; }
.scrollleft li{ width: 200px; margin-right: 10px; }
.scrollleft img{ width: 100%; height: auto; }
.scrollleft li span{ font-size: 14px; }
.scrollleft li em{ width: 40px; height: 2px; }

.main_sbzs_titbg{ width: auto; padding: 30px 10px 0; float: none; }
.main_sbzs_tit2{ display: none; }
.main_sbzs_more{ font-size: 14px; }
.scrollleft2{ width: auto; float: none; margin-top: 15px; }
.scrollleft2 li{ width: 150px; margin-right: 10px; }
.scrollleft2 img{ width: 100%; height: auto; }

#main_newsbg{ height: auto; margin: 30px 0 0; padding: 30px 10px 20px; background-size: cover !important; }
.main_news{ width: auto; }
.main_news_tit{ float: none; width: auto; margin: 0; }
.main_news_tit p:nth-child(2){ padding-top: 5px !important; font-size: 22px !important; }
.main_news_more { display: inline-block; float: none; margin-top: 10px; margin-bottom: 20px; }
.main_news_text{ width: auto; float: none; }
.main_news_text dl{ width: auto; float: none; margin: 0 0 10px; clear: both; }
.main_news_text dl dd{ width: auto; float: none; }
.main_news_text dl dd img{ width: 100%; height: auto; }
.main_news_text dl dt{ float: none; width: auto; }

#footer_bg{ margin-top: 0; padding: 30px 10px 20px; }
.fotter_l{ display: none; }
.foot_ewm{ float: none; margin: 0 auto; }

#topcontrol{ zoom:.6; }
#copy_bg{ padding: 15px 10px; }
.copy_l{ width: auto; float: none; }
.copy_r_tb{ display: none; }

.about_bn{ height: auto; background-size: cover !important; padding-bottom: 20%; }
.ny_main{ width: auto; min-height: initial; margin: 0; padding: 30px 10px; }
.ny_left{ width: auto; float: none; margin-bottom: 15px; }
.nyl_list{ width: auto; float: none; }
.nyl_list_tit{ width: auto; padding: 20px 0; height: initial; float: none; }
.nyl_list_tit h1{ font-size: 20px; padding: 0; width: auto; float: none; }
.nyl_list_tit span{ width: auto; float: none; font-size: 14px; }
.nyl_list_text{ width: auto; float: none; }
.nyl_list_text ul li{ float: none; }
.nyl_list_text ul li a{ width: auto; float: none; padding: 0 15px; height: 35px; line-height: 35px; background: none; display: block; }
.nyl_list_text ul li a:hover, .nyl_list_text ul li a.on{ background: #989898; }

.nyl_news{ display: none; }
.ny_right{ width: auto; float: none; padding: 15px; }
.nyr_titbg{ width: auto; float: none; height: auto; }
.nyr_tit{ float: none; }
.nyr_more{ float: none; }
.nyr_text{ width: auto; float: none; margin-top: 10px; min-height: initial; }
.nyr_text *{ max-width: 100%; }
.nyr_text img{ margin: 5px 0; }
.ryzz_r_img,.pro_r_img{ width: auto; float: none; }
.ryzz_r_img ul,.pro_r_img ul{ margin-top: 10px; float: none; width: 102%; position: relative; left: -1%; display: flex; flex-wrap: wrap; }
.ryzz_r_img ul li,.pro_r_img ul li{ width: 48%; margin: 1%; float: left; height: initial; }
.ryzz_r_img ul:after,.pro_r_img ul:after{ content: ""; display: block; clear: both; }
.ryzz_r_img ul li img,.pro_r_img ul li img{ margin: 0; width: 100%; height: auto; float: none; display: block; box-sizing: border-box; }
.ryzz_r_img ul li span{ padding-top: 5px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fy{ width: auto; float: none; margin-top: 10px; padding-top: 10px; padding: 0 4px; }
.sabrosus A,.sabrosus SPAN.current{ font-size: 12px; margin: 1px 2px; display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; }
.pro_r_img ul li span{ float: none; display: block; padding-top: 0; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; }

.newsmore_tit{ float: none; width: auto; margin-top: 10px; padding: 0 0 5px; }
.pro_font{ font-size: 18px; }
.newsmore_tit table{ width: 100%; }
.newsmore_tit table td{ text-align: center; font-size: 12px; }
.newsmore_text{ width: auto; float: none; }
.newsmore_text *{ max-width: 100% !important; }
.newsmore_text img{ margin: 5px 0; }
.promore_titbg{ float: none; width: auto; margin-top: 15px; }
.newsmore_page{ width: auto; float: none; }
.newsmore_page_left{ width: auto; float: none; }
.newsmore_page_right{ width: auto; float: none; text-align: center; margin-top: 10px; }

.news_r_text{ width: auto; float: none; }
.news_r_text li{ width: auto; float: none; position: relative; padding-right: 80px; }
.news_r_text li span{ position: absolute; right: 0; top: 0; }
.news_r_text li a{ height: 40px; line-height: 40px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.slide_join{ float: none; width: auto; margin-top: 15px; margin-bottom: 15px; }
.slide_join h3{ float: none; width: auto; margin-bottom: 0; }
.slide_join ul{ width: auto; float: none; padding: 10px 5px; }

.feed_main{ float: none; width: auto; margin-top: 15px; }
.feed_tips{ padding: 0 0 5px; line-height: 22px; }
.feed_form .row .item{ width: auto; float: none; }
.feed_form .row .in_text,.feed_form .row .in_textw{ height: 35px; line-height: 35px; width: 100%; box-sizing: border-box; }
.feed_form .row .area{ width: 100%; }
.feed_form .sub_div{ float: none; margin-top: 15px; }
.feed_form{ margin-bottom: 15px; }
.feed_form .sub_div .sub_btn{ width: 100%; height: 35px; line-height: 35px; font-size: 14px; }
}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {

}
@media only screen and (max-width : 640px) {

}
@media only screen and (max-width : 480px) {

}
@media only screen and (max-width : 360px) {

}