@media (-webkit-min-device-pixel-ratio: 1.25) {
    /*.layout-main {*/
    /*    zoom: 0.796875;*/
    /*}*/
}

@media (max-width: 1300px) {
    .main_width{width: 90%;transition: all .3s}
    header .content .right ul li{padding: 0 8px}
    .public_body.know .know_lists li:nth-of-type(n+2){margin-top: 100px;}

}
@media (max-width: 990px) {
    .essb_links.one li:nth-of-type(n+2){margin-top: unset;}
    .essb_links {bottom: 0;right: unset;top: unset;transform:none;width: 100%;padding: 10px;background-color: #fff}
    .essb_links.one {bottom: 0;right: unset;top: unset;transform:none;width: 100%;padding: 10px;background-color: #fff}
    .essb_links ul {display: flex;justify-content: center}
    .public_body.know .know_lists{min-width: 380px;}
    .public_body.know .know_lists li:nth-of-type(n+2){margin-top: 50px;}
    .main_width{width: 95%;transition: all .3s}
    header .content .right li{display: none}
    header .content .right {width: unset;display: flex}
    header .content .right .taggle{color: #385c1e;cursor: pointer;display: flex}
    header .content{padding: 15px 0}
    .index_box1{padding: 15px 0}
    .index_box1 .left img{width: 100%;transition: all .3s}
    header .content .right ul li:last-child{margin-left: 10px;}
    .index_box1 .content{flex-direction: column}
    .index_box2 .content ul li:nth-of-type(n+3){margin-top: 20px;}
    .index_box3 .content ul{flex-direction: column;align-items: center}
    .index_box3 .content ul li{width:50%;min-width: 302px;}
    .index_box3 .content ul li img{width: 100%}
    .index_box3 .content ul li:nth-of-type(n+2){margin-top: 20px;}
    .index_box4 .content .list{flex-direction: column}
    .index_box4 .content .list a{width: 100%;transition: all .3s}
    .index_box4 .content .list a:nth-of-type(n+2){margin-top: 20px;}
    .index_box5 .content h3{font-size: 20px;}
    .index_box5{padding: 20px 30px}
    footer .top{padding: 20px 0}
    footer .top .main_width{flex-direction: column}
    footer .top .data{width: 100%;text-align: center;margin-top: 20px;}
    footer .top .right{width: 100%;transition: all .3s;text-align: center;margin-top: 20px;}
    footer .content{flex-direction: column;align-items: center}
    .public_box .content{flex-direction: column-reverse}
    .public_box .right{width: 100%;transition: all .3s}
    .public_box .content>.left{margin-top: 30px;}
    .public_box .right .th{padding: 30px}
    .public_box .content .public_body{padding: 20px 16px}
    .public_body.new{flex-direction: column}
    .product_box .content{flex-direction: column}
    .product_box .content .left{width: 100%;transition: all .3s}
    .product_box .content .right{width: 100%;}
    .related .list ul{grid-template-columns: repeat(2,1fr)}
    .public_body.know strong.s_t{font-size: 30px;}
    .public_body.know .btn{margin-bottom: 30px;}
    .public_body.new .n_left{width: 100%;transition: all .3s}
    .public_body.new .n_right{width: 100%;transition: all .3s}
    .public_body.product .product_list ul{flex-wrap: wrap}
     .public_body.product .product_list.one ul {grid-template-columns:repeat(2,1fr);gap:30px}
    .public_body.product .product_list ul li{width: 48%;transition: all .3s}
    .public_body.product .product_list ul li:nth-of-type(n+3){margin-top: 20px;}
    .public_box.service .public_body .list{flex-direction: column}
    .public_box.service .public_body .list .item{width: 100%;transition: all .3s}
    .link_img li a{padding: 0 5px 0 5px}
}