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

@media (max-width: 960px) {

    .box-unbanner {width: 890px;}
    .box-middle {width: 890px;}
    .box-spine {width: 890px; background-size: 890px;}
    .box-base {width: 890px;}
    .box-maintitle {font-size: 42px;text-align: right;}
    
}

@media (max-width: 768px) {
    
    .box-topo {width: 700px;}
    .box-menu {width: 460px;}
    .box-content {width: 640px;}
    .box-text {width: 395px; padding: 10px; text-align: justify;}
    .box-text p {margin-top: 0px;}
    .box-products {width: 170px; height: 170px; padding: 10px; margin: 9px;}
    .box-products::after {width: 170px; height: 170px; top: 10px; left: 10px;}
    .box-cell {height: 170px;}
    .box-products img {width: 150px;}
    .box-title {width: 640px;}
    .box-unbanner {width: 680px;height: 300px;}
    .box-maintex {width: 415px;height: 245px;}
    .box-maintitle {font-size: 36px;}
    .box-mainscrit {width: 340px; margin: 30px 0px 40px 70px;}
    .box-mainpic {width: 330px; height: 290px;}
    .box-mainpic img {width: 100%;}
    .box-spine {width: 680px; background: url(../img/spine.png) no-repeat center -15px; background-size: 660px;}
    .box-spine::after {top: 115px;}
    .box-middle {width: 680px;}
    .box-lastext {width: 400px;}
    .box-lastpic {right: -70px;}
    .box-lastpic img {width: 320px;}
    .box-base {width: 680px;}
    .box-base ul {padding-inline-start: 0px;}
    .box-base img {width: 260px;}
    .box-emultec img {width: 30px;}
    .box-emultec {right: -5px;}
    .box-base li {width: unset; padding-left: 35px;}
    .box-events img {width: 70%;}
}

@media (max-width: 590px) {
    .box-banner::before {background: none;}
    .box-topo {width: 380px; height: 95px;position: relative;}
    .box-menu {width: 320px;display: block; margin: 0px;position: absolute;left: 40px;}
    .box-logo {margin: auto; display: block; padding: 20px;}
    .box-content {width: 380px; text-align: center;}
    .box-text {width: 350px; padding: 10px;}
    .box-text p {margin-top: 0px;}
    .box-products {width: 185px; height: 185px; padding: 10px; margin: 10px;}
    .box-products::after {width: 185px; height: 185px; top: 10px; left: 10px;}
    .box-cell {height: 185px;}
    .box-products img {width: 185px;}
    .box-title {width: 380px;}
    .box-unbanner {width: 380px;height: 250px;}
    .box-maintex {width: 335px; height: 235px; right: 20px; bottom: 0px;}
    .box-maintitle {font-size: 34px;}
    .box-mainscrit {width: 320px; margin: 0px;text-align: justify;}
    .box-mainpic {display: none;}
    .box-mainbutton::before {width: 190px;}
    .box-spine {width: 380px; min-height: 150px; background: url(../img/spine.png) no-repeat center -15px; background-size: 380px;}
    .box-spine::before {display: none;}
    .box-spine::after {display: none;}
    .box-middle {width: 380px;}
    .box-lastext {width: 330px; padding-top: 20px; padding-bottom: 0px;position: absolute; right: 20px;}
    .box-lastpic {display: none;}
    .box-main {padding-bottom: 360px;}
    .box-bottom {height: 360px; margin-top: -360px;}
    .box-base {width: 380px; height: 340px; text-align: center;}
    .box-emultec {right: -45px;}
    
}

@media (max-width: 420px) {

    .box-topo {width: 300px;}
    .box-logo {width: 300px; margin: auto; display: block; padding: 10px 0px;}
    .box-logo img {width: 280px;}
    .box-menu {width: 280px;left: 20px;}
    .box-content {width: 300px;}
    .box-products {display: block; margin: 15px auto;}
    .box-title {width: 300px;}
    .box-text {width: 280px; text-align: justify;}
    .box-unbanner {width: 310px;height: 210px;}
    .box-maintex {width: 285px; height: 195px; right: 10px;}
    .box-maintitle {font-size: 28px; text-align: center;}
    .box-mainscrit {width: 280px; margin: 0px;text-align: justify; font-size: 16px;}
    .box-mainpic {display: none;}
    .box-mainbutton::before {width: 100px;}
    .box-spine {width: 380px; min-height: 150px; background: url(../img/spine.png) no-repeat center -15px; background-size: 380px;}
    .box-spine::before {display: none;}
    .box-spine::after {display: none;}
    .box-middle {width: 310px;}
    .box-lastext {width: 280px; right: 15px;}
    .box-lastpic {display: none;}
    .box-main {padding-bottom: 300px;}
    .box-bottom {height: 300px; margin-top: -300px;}
    .box-base {width: 310px; height: 280px; text-align: center;}
    .box-base li {margin-top: 10px; width: 100%; padding-left: 0px;}
    .box-emultec {right: -30px;}
    .box-copyright {width: 90%;}
    .box-copyright::before {left: 50px;}
}