@media all and (max-width: 1023px) and (min-width: 768px){
    figure{width:95%!important;}
    header .head .logo img{width:200px;}
    header .head .nav{width:70%;justify-content: space-between;}
    header .head .nav ul{width:100%;justify-content: space-around}
    header .head .nav .lang{width:60px;}
    header .head .nav2{display:none;}

    .pro .title{justify-content: center;flex-wrap: wrap;}
    .pro .title span{width:100%;text-align: center;}
    .pro .title menu{width:100%;}

    .about{height:auto;}
    .about figcaption{margin:0;padding: 30px 0;}
    .about figure{padding-bottom: 50px;}
    .about figure p{width:100%;}

    .in-co{width:95%!important;margin: auto;padding: 30px 0;}
    .in-co .box{padding: 0}

    .news .link a{margin-top: 30px;}
    .news figcaption{padding: 30px 0;}
    /*-----index end-----*/
    .title{width:95%;}

    .product{width:95%;}
    .product figure{width:100%;height:auto;}
    .product figure .p-list{width:48%;}

    footer p{width:95%;}

}
/*-----media(max-width:1024) end-----*/
@media all and (max-width: 767px) and (min-width: 480px){
    figure{width:95%!important;}
    header .head .logo img{width:200px;}
    header .head .nav{display:none;}
    header .head .nav2{z-index: 999;display: block;width:64px;height:64px;}
    header .head .nav2 .menu{display: flex;justify-content:flex-end;position: fixed;top: 0px;right:0;align-items: flex-start;padding:0;margin:0;}
    header .head .nav2 .menu img{margin-top: 20px;}
    header .head .nav2 .menu img:nth-child(2){display: none;}
    header .head .nav2 .menu li{font-size: 1.6rem;text-align: center;display: block;overflow: hidden;width:0;background: #bde1eb;height:1024px;}
    header .head .nav2 .menu li a{width:10em;text-align: center;display: block;line-height: 3rem;}
    header .head .nav2 .menu li a:nth-last-child(1) img,header .head .nav2 .menu li a:nth-last-child(2) img{margin: 0;}

    .pro{width:100%;}
    .pro .title{justify-content: center;flex-wrap: wrap;}
    .pro .title span{width:100%;text-align: center;}
    .pro .title menu{width:100%;}
    .pro figure .p-list{width:48%;}

    .about{height:auto;}
    .about figcaption{margin:0;padding: 30px 0;}
    .about figure{padding-bottom: 50px;}
    .about figure p{width:100%;}

    .news figure .n-list{width:48%;}
    .news figure .n-list:nth-child(3){display: none;}

    .in-co{width:95%!important;margin: auto;padding: 30px 0;}
    .in-co .box{padding: 0}

    .news .link a{margin-top: 30px;}
    .news figcaption{padding: 30px 0;}
    /*-----index end-----*/
    .title{width:95%;}

    .product{width:95%;}
    .product figure{width:100%;height:auto;}
    .product figure .p-list{width:48%;}
    .product aside{display: none;}

    footer p{position: static;}
    footer p span{margin: 0;position: static;}

}
/*-----media(max-width:768) end-----*/
@media all and (max-width: 479px) and (min-width: 320px){
    figure{width:95%}
    header .head .logo img{width:200px;}
    header .head .nav{display:none;}
    header .head .nav2{z-index: 999;display: block;width:64px;height:64px;}
    header .head .nav2 .menu{display: flex;justify-content:flex-end;position: fixed;top: 0px;right:0;}
    header .head .nav2 .menu img{margin-top: 20px;}
    header .head .nav2 .menu img:nth-child(2){display: none;}
    header .head .nav2 .menu{padding:0;margin:0;}
    header .head .nav2 .menu li{font-size: 1.4rem;text-align: center;display: block;overflow: hidden;width:0;background: #bde1eb;height:1024px;}
    header .head .nav2 .menu li a{width:10em;text-align: center;display: block;line-height: 3rem;}
    header .head .nav2 .menu li a:nth-last-child(1) img,header .head .nav2 .menu li a:nth-last-child(2) img{margin: 0;}

    .in-co{width:95%!important;margin: auto;padding: 30px 0;}
    .in-co .box{padding: 0}
    .box{flex-wrap: wrap;justify-content: center;margin: auto;}
    .box figcaption{text-align: center;}
    .box .inquiry{width:100%;margin: auto;}
    .box .inquiry figure{width:100%}
    .box .inquiry figure table{width:100%;}
    .box .inquiry figure table tr{width:100%;}
    .box .contact{width: 100%!important;}

    .about{height:auto;}
    .about figcaption{margin:0;padding: 30px 0;}
    .about figure{padding-bottom: 50px;}
    .about figure p{width:90%;margin: auto;}

    .pro{width:100%;}
    .pro .title{justify-content: center;flex-wrap: wrap;}
    .pro .title span{width:100%;text-align: center;}
    .pro .title menu{width:100%;}
    .pro figure{justify-content: center;}
    .pro figure .p-list{width:90%;}

    .news figure{justify-content: center;flex-wrap: wrap;}
    .news figure .n-list{width:90%;}
    /*-----index end-----*/
    .title{width:95%;}

    .product{width:95%;}
    .product figure{width:100%;height:auto;}
    .product figure .p-list{width:100%;}
    .product aside{display: none;}

    footer p{position: static;}
    footer p span{margin: 0;position: static;}
}
/*-----media(max-width:480) end-----*/
@media all and (max-width: 319px){
    header{width:320px!important;}
    .banner{width:320px!important;}
    article{width:320px!important;}
    footer{width:320px!important;}
    figure{width:320px!important;}
    figcaption{width:320px!important;}

    header .head .logo img{width:200px;}
    header .head .nav{display:none;}
    header .head .nav2{z-index: 999;display: block;width:64px;height:64px;}
    header .head .nav2 .menu{display: flex;justify-content:flex-end;position: fixed;top: 0px;right:0;}
    header .head .nav2 .menu img{margin-top: 20px;}
    header .head .nav2 .menu img:nth-child(2){display: none;}
    header .head .nav2 .menu{padding:0;margin:0;height:100%;}
    header .head .nav2 .menu li{font-size: 1.4rem;text-align: center;display: block;overflow: hidden;width:0;background: #bde1eb;height:1024px;}
    header .head .nav2 .menu li a{width:10em;text-align: center;display: block;line-height: 3rem;}
    header .head .nav2 .menu li a:nth-last-child(1) img,header .head .nav2 .menu li a:nth-last-child(2) img{margin: 0;}


    .in-co{width:95%!important;margin: auto;padding: 30px 0;}
    .in-co .box{padding: 0}
    .box{flex-wrap: wrap;justify-content: center;margin: auto;}
    .box figcaption{text-align: center;}
    .box .inquiry{width:320px;margin: auto;}
    .box .inquiry figure{width:320px}
    .box .inquiry figure table{width:320px;}
    .box .inquiry figure table tr{width:320px;}
    .box .contact{width: 100%!important;}

    .about{height:auto;}
    .about figcaption{margin:0;padding: 30px 0;}
    .about figure{padding-bottom: 50px;}
    .about figure p{width:90%;margin:auto;}

    .pro{width:320px;}
    .pro .title{justify-content: center;flex-wrap: wrap;}
    .pro .title span{width:320px;text-align: center;}
    .pro .title menu{width:320px;}
    .pro figure{justify-content: center;}
    .pro figure .p-list{width:90%;}

    .news figure{justify-content: center;flex-wrap: wrap;}
    .news figure .n-list{width:90%;}
    /*-----index end-----*/
    .n-banner{width:320px;}
    .title{width:95%;}

    .product{width:95%;}
    .product figure{width:100%;height:auto;}
    .product figure .p-list{width:100%;}
    .product aside{display: none;}

    footer p{position: static;}
    footer p span{margin: 0;position: static;}
}
/*-----media(max-width:320) end-----*/