@media only screen and (max-width: 1200px) {
	.nav-item{
		font-size: 15px;
		margin-left: 4px;
	}
}
@media only screen and (max-width: 999px) {
  .container{
    padding: 0 2%;
    width: 100%;
  }
  .header_box{
    padding: 2%;
    justify-content: space-around;
  }
  .logo{
    margin-right: 20px;
  }
  .right-info{
    width: auto;
  }
  .language-btn{
    margin-right: 0;
  }
  #mapbox{
    height: 200px;
  }
  #MagnifierWrap2{
    width: 100%;
    margin-bottom: 4%;
  }
	.nav-item.active, .nav-item:hover {
	    border-bottom: none;
	}
	.nav_item2:hover, .nav_item3:hover {
	    border:none;
	}
	.nav-item{height: auto;}
  .menu_open {display: block; width: 36px; height: 20px;}
  .menu_open i { height: 2px; width: 100%; background: #FFFFFF; display: block; margin-bottom: 7px; }
  .right-cont { width: 100%; height: 100%; position: fixed; top: 0; left: -100%; z-index: 1000; overflow: hidden; background: #333; color: rgba(255, 255, 255, .6); margin: 0; float: none;}
  #cd-search{display: none;}
  .hcover { display: block; min-width: 50%; height: 100%; background: rgba(0, 0, 0, .6); position: fixed; right: -100%; top: 0; z-index: 101; }
  .right-info .nav-list{ min-width: 50%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding-top: 20px;}
  .nav-item { float: none; margin: 0; width: 100%;line-height: normal; }
  .nav-item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .15); }
  .nav-item > a, .nav_item2 a{ display: block; margin: 0; font-size: 14px;font-weight: normal; color: inherit; padding: 10px 10px 10px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  .nav-item i { position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 100%; }
  .nav-item i:before { content: ''; display: block; height: 100%; border-left: 1px solid rgba(0, 0, 0, .15); position: absolute; top: 0; left: 0; }
  .nav-item i:after { content: ''; display: block; width: 7px; height: 7px; margin-bottom: -5px; border: 2px solid rgba(255, 255, 255, .3); border-top: 0; border-left: 0; position: absolute; bottom: 50%; right: 18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .nav_item_open, .nav_item2_open {min-width: 50%; height: 100%; margin: 0;padding: 0; box-shadow: none; background: #333; border-radius: 0; opacity: 0; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -100%; top: 0; }
  .subopen, .subopenopen { display: block; }
  .subopen a, .subopenopen a { display: block; overflow: hidden; margin: 0; padding: 30px 10px 10px 20px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgba(255, 255, 255, .3); background: rgba(0, 0, 0, .1); text-indent: 20px; position: relative; }
  .subopen a:before, .subopenopen a:before { opacity: 1; content: ''; display: block; width: 7px; height: 7px; position: absolute; bottom: 50%; left: 22px; margin-bottom: -15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 2px solid rgba(255, 255, 255, .3); border-right: 0; border-bottom: 0; }
  .nav_item2, .nav_item3 { position: relative;border-bottom: 1px solid rgba(0, 0, 0, .15); }
  .nav_item2:after, .nav_item3:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(0, 0, 0, .15); padding-left: 20px; }
  .nav_item > a, .nav_item2>a,.nav_item3>a{
    text-align: left;
    line-height: 1.8;
    padding: 10px;
  }
  .nav_item2_open {
    width: 100%;
  }
  .nav_item2:hover > a, .nav_item3:hover > a,
  .nav_item2 a, .nav_item3:hover > a {
    background-color: transparent;
  }
  .menu-pos-item{
    width: 100%;
    margin-bottom: 8%;
  }
  .about-box .box{
    width: 100%;
    height: auto;
  }
  .video-box .video{
    height: auto;
  }
  .news-box .list-item{
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%;
  }
  .footer_box .about-box{
    margin-bottom: 4%;
  }
  .d-flex-sm-between{
    justify-content: space-between;
    padding: 0 3%;
  }
  .children-menu .catname{
    font-size: 14px;
  }
  .page_box .item, .product_box .item{
    width: 100%;
    margin-right: 0;
  }
  .news-box{
    padding: 0;
  }
  .news-box .item{
    margin-bottom: 0;
  }
  .news-box .item .info-box{
    padding: 2%;
  }
  .MagnifierMain{
    height: auto;
  }
  .product_detail .product_name{
    font-size: 30px;
  }
  .product_detail .info-box{
    width: auto;
  }
  .contact_box .info-box{
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
	
}