@media (min-width: 1240px) {
	.wrap_menu{
		max-width:1100px;
	}
}
@media (min-width:1100px) and (max-width:1239px) {
	.wrap_menu{
		max-width:960px;
	}
}
/*  992以上  */
@media (min-width: 992px) {
	.logo {
	    display: block;
	    position: absolute;
	    left: 52px;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.hamburger {
		display: none;
	}
	
    .main_menu {
        list-style-type: none;
        margin: 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .main_menu li {
        position: relative;
    }

    .main_menu>li {
        display: block;
        position: relative;
        padding-top: 5px;
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main_menu>li>a {
        font-family: 'Montserrat', sans-serif, Arial;
        font-size: 15px;
        color: #333333;
        padding: 0;
        border-bottom: 1px solid transparent;
    }
    
    .main_menu>li:hover>a {
        text-decoration: none;
        border-bottom: 1px solid #333333;
    }

    li.active>a {
        color: #e65540;
    }
    i.arrow_main_menu{
        display: none;
    }
    .main_menu>li>.sub_menu {
        position: absolute;
        top: 100%;
        left: -50%;        
    }
    /*.main_menu>li>.sub_menu {
        top: 100%;
        left: 0;        
    }*/

    .main_menu>li:hover>.sub_menu {
        visibility: visible;
        opacity: 1;
        z-index: 1101;
    }

    .sub_menu {
        list-style-type: none;
        position: absolute;
        z-index: 1100;
        top: 0;
        left: 100%;
        width: 230px;
        background-color:  #1ba5e5;
        opacity: 0;
        visibility: hidden;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all 0.4s;
    }

    .sub_menu li,
    .sub_menu a {        
        font-family: 'Montserrat', sans-serif, Arial;
        font-size: 14px;
        color: white;
    }
    .sub_menu a{
        display: inline-block;
        padding: 10px;
    }

    /*.sub_menu li {
        transition: all 0.3s;
    }*/
    
    .sub_menu a:hover {
        color: #ff0;
    }
}
@media (min-width:992px) and (max-width:1099px) {
    .header_wrapper{
        justify-content: flex-end;
    }
    .wrap_menu{
		max-width:800px;
	}
    .main_menu>li{
        padding-left: 5px;
        padding-right: 5px;
    }
    .main_menu>li>a{
        font-size: 13px;
    }
    .bg_news{
        background-position: left top;
    }    
    .bg_product.Sunglasses,.bg_product2.Sunglasses,.bg_product3.Sunglasses{
        background-position: left top;
    }
    .bg_product.Safety,.bg_product2.Safety,.bg_product3.Safety{
        background-position: left top;
    }
    .bg_product.Optical,.bg_product2.Optical,.bg_product3.Optical{
        background-position: left top;
    }
    .bg_product.Kids,.bg_product2.Kids,.bg_product3.Kids{
        background-position: left top;
    }
    .bg_product.Goggles,.bg_product2.Goggles,.bg_product3.Goggles{
        background-position: left top;
    }
}
@media (min-width:1100px) and (max-width:1299px) {
    .header_wrapper{
        justify-content: flex-end;
    }    
    .main_menu>li{
        padding-left: 8px;
        padding-right: 8px;
    }
    .main_menu>li>a{
        font-size: 13px;
    }
    .bg_news{
        background-position: left top;
    }    
    .bg_product.Sunglasses,.bg_product2.Sunglasses,.bg_product3.Sunglasses{
        background-position: left top;
    }
    .bg_product.Safety,.bg_product2.Safety,.bg_product3.Safety{
        background-position: left top;
    }
    .bg_product.Optical,.bg_product2.Optical,.bg_product3.Optical{
        background-position: left top;
    }
    .bg_product.Kids,.bg_product2.Kids,.bg_product3.Kids{
        background-position: left top;
    }
    .bg_product.Goggles,.bg_product2.Goggles,.bg_product3.Goggles{
        background-position: left top;
    }
}
@media (min-width:1300px) and (max-width:1400px) {
    .header_wrapper{
        justify-content: flex-end;
    } 
    .main_menu>li>a{
        font-size: 14px;
    }
}

/*  991以下  */
@media (max-width: 991px) {

	.logo {
        display: block;
        margin-left: 15px;
    }
    header,
    .header_wrapper{
        height: 66px;
        justify-content: space-between;
    }
    main{
        padding-top: 66px;
    }
    .hamburger {
    	display: block;
        transform: scale(0.8);
        margin-top: 5px;
    }

    .wrap_menu {
        width: 100%;
        background-color: white;
        display: none;
        border-top: 1px solid #ececec;
        z-index: 10000;
    }

    .side_menu {
        width: 100%;
    }

    .side_menu li {
        list-style-type: none;        
    }

    .side_menu .main_menu {
        margin-bottom: 0;
    }

    .menu_mo {
        background-color: #1ba5e5;
    }

    .side_menu .main_menu>li>a {
        padding-left: 20px;
        font-family: 'Montserrat', sans-serif, Arial;
        font-size: 15px;
        color: white;
        line-height: 2.86;
    }

    .side_menu .main_menu>li {
        color: white;
        position: relative;
    }


    .side_menu .main_menu .arrow_main_menu {
        font-size: 14px;
        position: absolute;
        right: 20px;
        top: 5px;
        padding: 10px;
        transition: all 0.4s !important;
    }

    .side_menu .main_menu .arrow_main_menu:hover {
        cursor: pointer;
    }

    .turn_arrow {
        transform: rotate(90deg);
    }

    .side_menu .sub_menu a {
        padding-left: 20px;
        font-family: 'Montserrat', sans-serif, Arial;
        font-size: 13px;
        color: #333333;
        line-height: 2.5;
    }

    .side_menu .sub_menu>li {
        padding-left: 12px;
        padding-top:
    }

    .side_menu .sub_menu a:hover {
        text-decoration: none;
        padding-left: 20px;
        color: #1ba5e5 !important;
    }

    .side_menu .sub_menu {
        background-color: white;
        display: none;
    }
    .pagetop{
        height: 160px;
    }
    .pagetop h1 {
        font-size: 30px;
    }
    .page h2{
        font-size: 22px;
    }
    .page h4{
        font-size: 18px;
        padding-bottom: 5px;
    }
    .pro_con li {
        width: 80px;
    }    
    .pblockbbtn{
        bottom: 15px;
        width: 120px;
    }
    .pblockbbtn a{
        font-size: 12px;
        height: 25px;
    }

    .bg_news{
        background-position: left center;
    }    
    .bg_product.Sunglasses,.bg_product2.Sunglasses,.bg_product3.Sunglasses{
        background-position: left center;
    }
    .bg_product.Safety,.bg_product2.Safety,.bg_product3.Safety{
        background-position: left center;
    }
    .bg_product.Optical,.bg_product2.Optical,.bg_product3.Optical{
        background-position: left center;
    }
    .bg_product.Kids,.bg_product2.Kids,.bg_product3.Kids{
        background-position: left center;
    }
    .bg_product.Goggles,.bg_product2.Goggles,.bg_product3.Goggles{
        background-position: left center;
    }

}



/*  576以下  */
@media (max-width: 575px) {
    .topbanner .swiper-slide img{
        height: 350px;
        object-fit: cover;
    }
    .product {        
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .pagination a{
        width: 32px;
        height: 32px;
        margin: 3px;
    }
    .bg_news{
        background-position: -150px center;
    }    
    .bg_product.Sunglasses,.bg_product2.Sunglasses,.bg_product3.Sunglasses{
        background-position: -150px center;
    }
    .bg_product.Safety,.bg_product2.Safety,.bg_product3.Safety{
        background-position: -150px center;
    }
    .bg_product.Optical,.bg_product2.Optical,.bg_product3.Optical{
        background-position: -250px center;
    }
    .bg_product.Kids,.bg_product2.Kids,.bg_product3.Kids{
        background-position: -150px center;
    }
    .bg_product.Goggles,.bg_product2.Goggles,.bg_product3.Goggles{
        background-position: -150px center;
    }
}


/*  768以下  */
@media (max-width: 767px) {}

/*  704以下  */
@media (max-width: 704px) {}

/*  410以下  */
@media (max-width: 410px) {}

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

@media (min-width: 1420px) {}