﻿
@Media screen and (max-width: 1670px){
  .index_cate ul li:nth-child(2) .li_con{height:23.5vh;}
  .index_cate ul li:nth-child(3) .li_con{height:23.5vh;}
  
}

@Media screen and (max-width: 1450px){
	  .index_cate ul li:nth-child(2) .li_con{height:22vh;}
	   .index_cate ul li:nth-child(3) .li_con{height:22vh;}
}

@Media screen and (max-width: 1300px){
.index_cate ul li:nth-child(2) .li_con{height:21vh;}
.index_cate ul li:nth-child(3) .li_con{height:21vh;}
}

@Media screen and (max-width: 768px){
.mxg_top{padding:5px 20px;box-sizing:border-box;}
.mxg_top .con .item{line-height: 18px;}
.mxg_head .con{padding:0px 20px;}
.menue_box{padding:0 15px;}
.nav_more{margin-left: 20px}
.mxg_head .right_con li{margin-right: 16px}
.mxg_head .nav_con .left_nav .search_btn{margin-left: 22px}
.mxg_head .search_con{padding-left: 15px;padding-right: 15px;height:100vh;}
.mxg_head .search_con .inner_search_con{width:calc(100% - 40px);}
.mxg_head .search_con .inner_search_con .search_box .search_submit{margin-left: 0px}
.mxg_head .search_con .inner_search_con .keyword_title{margin-top: 20px;font-size: 14px}
.mxg_head .search_con .inner_search_con .keywords{font-size: 17px}
.menue_box .top_control .search_con{margin-left: 15px;width:calc(100% - 130px);}
.menue_box .top_control .member li{margin-left: 15px}

.mxg_head .search_con .logo_con{display: none;}
.menue_box .menue{gap:16px;grid-auto-flow:row; height: calc(100% - 66px);padding:24px 0px;display: grid;grid-template-columns:repeat(1 , 1fr);box-sizing:border-box;}
.menue_box .menue .item .title{bottom:10px;font-size: 16px;text-align: left}
.menue_box .menue .item:first-child{background-size: auto 100%;}
.menue_box .menue .item:nth-child(2){background-size: auto 100%;}

.banner_li .title_con{left:20px;}
.banner_li .title_con .title{font-size: 24px;padding:8px 10px;border-radius: 12px 12px 12px 0px;}
.banner_li .title_con .des{border-radius: 0px 0px 12px 12px;padding:3px 10px;font-size:15px;}
.banner_li .title_con .title.on{border-radius: 12px 12px 0px 0px;}
.banner_li .title_con .des.on{border-radius: 0px 12px 12px 12px;}

.index_cate{padding:20px 16px;}
.index_cate .title{font-size: 24px;line-height: 24px;}
.index_cate ul{margin-top: 25px;}
.index_cate ul li .pic{padding-top: 100%}
.index_cate ul li{width:100%;margin-right: auto;margin-bottom: 20px}
.index_cate ul li:nth-child(2),.index_cate ul li:nth-child(3){width:100%;}
.index_cate ul li .li_con{padding:15px 15px;height: 16.5vh}
.index_cate ul li .li_con .li_title{font-size: 22px;line-height: 25px;height: 50px;}
.index_cate ul li .li_con .li_more{left:15px;height: 40px;line-height: 40px;font-size: 18px}
.index_cate ul li:nth-child(2) .li_con{height: 16.5vh }
.index_cate ul li:nth-child(3) .li_con{height: 16.5vh }
.index_cate ul li:nth-child(2) .li_con .li_more,.index_cate ul li:nth-child(3) .li_con .li_more{left:15px;}
.index_cate ul li:nth-child(2) .li_con .li_title{font-size: 20px;line-height: 24px;height: 48px;}
.index_cate ul li:nth-child(3) .li_con .li_title{font-size: 20px;line-height: 24px;height: 48px;}

.index_product1{padding:0px 20px 10px 20px;}
.index_product1 .title{font-size: 24px;line-height: 24px;}
.index_product1 .pro_con{padding-bottom: 60px;margin-top: 25px}
.index_product1 .pro_con li{padding:16px;}
.index_product1 .pro_con li .li_title{font-size: 18px;height: 44px;line-height: 22px}
.phone1_page{bottom: 30px !important;}
.phone1_page .swiper-pagination-bullet{width:6px;height:6px;margin-right: 10px !important;}
.phone1_page .swiper-pagination-bullet-active{width:22px;border-radius: 5px;background-color: #21A664}

.index_product2{padding:0px 20px 10px 20px;}
.index_product2 .title{font-size: 24px;line-height: 24px;}
.index_product2 .pro_con{padding-bottom: 60px;margin-top: 25px}
.index_product2 .pro_con li{padding:16px;}
.index_product2 .pro_con li .li_title{font-size: 18px;height: 66px;line-height: 22px}
.index_product2 .pro_con li .li_more{height: 40px;line-height: 40px;font-size: 18px}
.phone2_page{bottom: 30px !important;}
.phone2_page .swiper-pagination-bullet{width:6px;height:6px;margin-right: 10px !important;}
.phone2_page .swiper-pagination-bullet-active{width:22px;border-radius: 5px;background-color: #F6E163}

.phone1_control{display: none;}
.phone2_control{display: none;}

.index_news{padding:0px 20px 10px 20px;}
.index_news .title{font-size: 24px;line-height: 24px;}
.index_news .news_con{padding-bottom: 60px;margin-top: 25px}
.index_news .news_con li{}
.index_news .news_con li .li_con{padding:16px;}
.index_news .news_con li .li_title{font-size: 18px;height: 66px;line-height: 22px}
.index_news .news_con li .li_des{font-size: 14px;line-height: 20px;height: 80px}
.index_news .news_con li .li_more{height: 40px;line-height: 40px;font-size: 18px}
.news_page{bottom: 30px !important;}
.news_page .swiper-pagination-bullet{width:6px;height:6px;margin-right: 10px !important;}
.news_page .swiper-pagination-bullet-active{width:22px;border-radius: 5px;background-color: #F6E163}
.news_control{display: none;}

.payway{margin-top: 40px}
.payway .li{width:100%;}
.payway .li .li_title{font-size: 15px;}
.payway .li .li_des{font-size: 12px}
.payway .li:nth-child(2){border-top:1px solid #BEBEBE;border-left:0px;}

.productList{padding:30px 10px;}
.productList .current_cate{padding:15px 13px;}
.productList .current_cate .title{width:calc(100% - 155px);font-size:16px;line-height: 20px }
.productList .pro_con li{width:50%;padding:15px 13px;}
.productList .pro_con li .li_title{font-size: 14px;margin-top: 15px}
.productList .pro_con li .li_cate{font-size: 13px}
.productList .pro_con li .li_price{padding:0px 8px;font-size: 12px;height: 35px;line-height: 35px}
.productList .pro_con li.mode1{width:100%;}
.productList .pro_con li.mode2{width:33.33%;}

.productdetail{margin-top: 80px}
.productdetail .pic{width:90%;float:none;margin:auto;}
.productdetail .right_con{width:100%;float:none;margin-top: 20px}
.productdetail .right_con .title{font-size: 20px;}
.productdetail .right_con .other_pro{height: 180px}
.productdetail .right_con .color_con li{margin-bottom: 10px}
.productdetail .right_con .other_pro li{width:110px;}
.productdetail .right_con .other_pro li .li_pic{height: 110px}

.crumb{padding-left:15px;padding-right: 15px;box-sizing:border-box;margin-top: 60px !important;}
.crumb .current_title{font-size: 22px;line-height: 22px}
.main_con{padding-left: 15px;padding-right: 15px}

   .main_foot{padding-top: 1px;}
   .main_foot .con{padding-left:15px;padding-right: 15px;box-sizing:border-box;}
   .main_foot .con .left_con{float:none;}
   .main_foot .con .right_con{float:none;margin-top: 20px;}
   .main_foot .con .right_con .letter_con{width:100%}
   .main_foot .con .right_con .letter_con .input{width:66%;}
   .main_foot .con .right_con .letter_con .letter_btn{width:30%;}

.dede_pages{text-align: center;margin:40px auto auto auto;}
.dede_pages a{width:30px;height:25px;line-height: 25px;font-size: 14px;margin-bottom: 10px;}
.dede_pages .current{width:30px;height:25px;line-height: 25px;font-size: 14px;color:white;background-color: #422C29;display: inline-block;margin-bottom: 0px;margin-left:5px;border:1px solid #422C29;}
.dede_pages .num{width:30px;height:25px;line-height: 25px;padding-top:0px;font-size: 14px;color:#333333;background-color: white;display: inline-block;float:none;margin-bottom: 0px;margin-left:15px;}
.dede_pages .num:hover{background-color: #422C29;color:white; }
.dede_pages .next{width:50px;height:25px;line-height: 25px;font-size: 14px;margin-top: auto;padding-top:0px;color:white;background-color: #422C29;display: inline-block;float:none;text-align: center;margin-bottom: 0px;margin-left:15px;}
.dede_pages .prev{width:50px;height:25px;line-height: 25px;font-size: 14px;padding-top:0px;color:white;background-color: #422C29;display: inline-block;float:none;text-align: center;margin-bottom: 0px;}


}

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


}

