@charset "UTF-8";
.category_nav_mobi {
  display: none;
}

@media (max-width: 1024px) {
}

}

@media (max-width: 999px) {
.topmenu {
  display: none;
}
#gnav_mobi {
  display: block;
}
#gnav_mobi .gnav_main {
  display: none;
}
#gnav_mobi .gnav_head {
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  overflow: hidden;
  background: #5b06a1;
}
#gnav_mobi .gnav_head i {
  font-size: 20px;
  float: right;
}
#gnav_mobi ul > li > a:hover {
  text-decoration: none;
}
#gnav_mobi ul:first-child > li > a {
  display: block;
  background-color: #e2e2e2;
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
  color: #222;
}
#gnav_mobi ul:first-child > li > a:hover {
  text-decoration: none;
  background-color: #ccc;
}
#gnav_mobi ul:first-child > li > ul > li a {
  display: block;
  background-color: #f2f2f2;
  padding: 5px 15px 5px 30px;
  border-bottom: 1px solid #ccc;
}
}

@media (max-width: 999px) {
/* begin menu category */
.category_nav_mobi {
  display: block;
}
.category_nav_mobi .category_main_box {
  display: none;
}
.category_nav_mobi .head_title {
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  overflow: hidden;
  background: #5b06a1; /* Old browsers */
  background: -moz-linear-gradient(top, #a90329 0%, #a50d2e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(100%, #a50d2e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a90329 0%, #a50d2e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a90329 0%, #a50d2e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a90329 0%, #a50d2e 100%); /* IE10+ */
  background: linear-gradient(to bottom, #a90329 0%, #a50d2e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#a50d2e', GradientType=0 ); /* IE6-9 */
}
.category_nav_mobi .head_title i {
  font-size: 20px;
  float: right;
}
.category_nav_mobi .tit_l1 {
  padding: 10px 20px;
  background-color: #BA2545;
  color: #fff;
}
.category_nav_mobi ul > li > a:hover {
  text-decoration: none;
}
.category_nav_mobi ul:first-child > li > a {
  display: block;
  background-color: #e2e2e2;
  padding: 5px 5px 5px 30px;
  border-bottom: 1px solid #ccc;
  color: #AD6107;
}
.category_nav_mobi ul:first-child > li > a:hover {
  text-decoration: none;
  background-color: #ccc;
}
.category_nav_mobi ul:first-child > li > ul > li a {
  display: block;
  background-color: #f2f2f2;
  padding: 5px 15px 5px 42px;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  color: #555;
}
.category_nav_mobi ul:first-child > li.haveSub > ul.category {
  display: none;
}
.category_nav_mobi ul:first-child > li.haveSub {
  position: relative;
}
.category_nav_mobi ul:first-child > li.haveSub .haveSub_btnspan:after {
  position: absolute;
  top: 0px;
  right: 0px;
  content: '+';
  padding-top: 0px;
  padding-left: 5px;
  color: #fff;
  font-size: 23px;
  display: block;
  height: 30px;
  width: 21px;
  background-color: #777;
  cursor: pointer;
}
.category_nav_mobi ul:first-child > li.haveSub .haveSub_btnspan.active:after {
  content: '-';
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 0px;
  padding-left: 8px;
  color: #fff;
  font-size: 23px;
  display: block;
  height: 30px;
  width: 21px;
  background-color: #777;
  cursor: pointer;
}
/* end menu category */



.menuleft {
  display: none;
}
.menuleft .title_menuleft {
  height: 35px;
  line-height: 35px;
  background: #bf6313; /* Old browsers */
  background: -moz-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf6313), color-stop(50%, #cc5f0c), color-stop(100%, #aa4f2a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* IE10+ */
  background: linear-gradient(to bottom, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6313', endColorstr='#aa4f2a', GradientType=0 ); /* IE6-9 */
}
.module h3.title {
  line-height: 30px;
  background: #6514a7;
}
.mod_adv_col {
  width: 99%;
  margin-left: auto;
  margin-right: auto;
}
.mod_adv_col img {
  text-align: center;
  width: 99%;
}
.addthis {
  display: none;
}
.title_sub_page,
.content h2.title {
  background: #bf6313; /* Old browsers */
  background: -moz-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf6313), color-stop(50%, #cc5f0c), color-stop(100%, #aa4f2a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* IE10+ */
  background: linear-gradient(to bottom, #bf6313 0%, #cc5f0c 50%, #aa4f2a 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6313', endColorstr='#aa4f2a', GradientType=0 ); /* IE6-9 */
}
.box-product-home ul,
.category_product_main {
  overflow: hidden;
}
.box-product-home ul.list-products-home {
  margin-left: 0;
  border: none;
}

.product {
  width: 31%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.product .image_product {
  text-align: center;
  width: 100%;
  margin: auto;
}
.product .image_product img {
  max-width: 100%;
  max-height: 100%;
}
.product_detail_img {
  width: 40%;
}
.product_detail_img_big {
  width: 100%;
  height: auto;
}
.product_detail_info {
  width: 57%;
}
.album {
  width: 30%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.album .image {
  text-align: center;
  width: 100%;
  margin: auto;
}
.news_content_img .big {
  width: 45%;
}
.news_content_img img {
  width: 35%;
  border: none;
}
.brand_partner {
  display: none;
}
#footer_bot {
  padding: 0 15px;
}
#footer_top .mod_user {
  width: 45%;
  margin: 10px;
  border-right: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer_top .mod_user:nth-child(3) {
  height: auto;
}
#footer_top .mod_user .title_mod_user {
  width: 100%;
}
.news_box_home {
  width: 100%;
  margin: 1%;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fb-like-box,
.modal_static {
  display: none;
}
.about_us_home {
  padding-right: 10px;
  padding-left: 10px;
}
.notice_news .notice_news_main {
  width: 647px;
}
}

@media (max-width: 801px) {
#h_logo {
  margin: 10px;
}
#h_logo img {
  height: 60px !important;
}
#topbanner_mid .h-slogan {
  top: 10px;
  left: 170px;
}
#topbanner_mid .h-hotline {
  top: 10px;
  right: 10px;
}
#topweb .page_top {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 4px;
}
.sidebar_left_home {
  float: none;
  width: 99%;
  margin: 15px auto 0 auto;
}
.content_home {
  float: none;
}
.category_product_main {
  margin: 0;
}
.product {
  width: 48%;
  margin: 1%;
}
.album {
  width: 48%;
  margin: 1%;
}
.news_box_home {
  width: 100%;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.deatil_news_content_des_img img,
.content_mid_content img {
  width: 90% !important;
  max-width: 90% !important;
}
#footer_top_mid,
#footer_mid {
  width: 100%;
}
.form_contact .textinput {
  width: 100%;
}
.notice_news .notice_news_main {
  width: 447px;
}
}

@media (max-width: 769px) {
#logo_topbanner {
  float: none;
  text-align: center;
  margin: 0px;
}
.mod_search_banner {
  float: none;
  margin-top: 5px;
}
.mod_search_banner_textbox {
  width: 79%;
  margin-left: 3%;
}
.content h2.title {
  height: auto;
  line-height: 25px;
  text-transform: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
#footer_top .mod_user {
  width: 100%;
  margin: 10px;
  height: auto;
}
}

@media (max-width: 641px) {
#topbanner_mid .h-slogan {
  display: none;
}
#topbanner_mid .h-hotline {
  top: 35px;
  right: 30px;
}
#footer_top .mod_user {
  width: 90% !important;
  text-align: left;
  float: none;
}
#footer_top .mod_user .title_mod_user {
  width: 100%;
}
#footer_mid_right {
  float: none;
  padding: 0 0 7px 0;
}
#footer_mid_left {
  float: none;
  padding: 7px 0 0 0;
}
.mod_search_banner_textbox {
  width: 76%;
  margin-left: 3%;
}
.product_detail_img {
  float: none;
  width: 100%;
  margin: 0px;
  margin-bottom: 15px;
}
.product_detail_info {
  float: none;
  width: 100%;
}
.about_us_home .introtext .img_box img {
  width: 180px;
}
.notice_news .title_box {
  border: none;
  width: 25%;
  font-size: 12px;
}
.notice_news .title_box::after {
  border: none;
}
.notice_news .notice_news_main {
  width: 60%;
}
.notice_news li a {
  font-size: 12px;
  text-transform: none;
}
}

@media (max-width: 481px) {

#h_logo img {
    height: 35px !important;
}

.product,
.album {
  width: 96%;
  float: none;
  margin: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.about_us_home .introtext {
  font-size: 12px;
}
.about_us_home .introtext .img_box {
  float: none;
  margin: 0;
}
.about_us_home .introtext .img_box img {
  width: 100%;
}

.product .image_product {
  height: 220px;
}

}

@media screen and (max-width: 360px) {
.mod_search_banner_textbox {
  width: 63%;
}
a.news_content_readmore {
  display: none;
}
}

@media screen and (max-width: 320px) {
.mod_search_banner_textbox {
  width: 55%;
}
.feedback {
  right: 40%;
}
.news_content_des,
a.news_content_readmore {
  display: none;
}
.news_content_title a {
  font-size: 14px;
}
}

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

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

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

@media screen and (min-width: 992px) and (max-width: 1199px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}