body{font-family: Roboto,"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;}
input,textarea{font-family: Roboto,"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;}
input::placeholder,textarea::placeholder{font-family: Roboto,"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;}
.select select{font-family: Roboto,"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;}

.header .child{width:2.8rem}
.footer1 .btn>a:nth-of-type(1){width:2rem}
.footer2 .media{width:1.7rem}
.footer2 .media .img-div{margin:0 auto .2rem}

.index-page .more{width:2rem;background-position: 80% center;padding-left: .4rem;}
.index-page .box1 .con>p:nth-of-type(1){font-size: .48rem;line-height: .68rem;}
.index-page .box4 li>p:nth-of-type(1){width:1.5rem}
.index-page .box4 li>p:nth-of-type(2){width:calc(100% - 2.5rem)}

.about-page .box3 .tit>p:nth-of-type(2){text-indent: 0;}
.about-page .box6 .tit{width: 58%;}

.goods-page .box1 .info>p:nth-of-type(1){font-size: .9rem;}
.goods-page .box1 .info>p:nth-of-type(2){font-size: .24rem;line-height: .4rem;}
.goods-page .box1 li{font-size: .2rem;width: 2rem;}
.goods-page .box1 li.active{font-size: .2rem;}
.goods-page .cate{width:3.7rem}
.goods-page .detail{padding:.8rem 0 .8rem .5rem}
.goods-page .con1{padding: .5rem .5rem .45rem;}
.goods-page .con1 ul{width: 63%;}
.goods-page .con1 li>p:nth-of-type(1){width: 1.7rem;}
.goods-page .con2 li{padding:.25rem .4rem}
.goods-page .con1 .img-div{width:35%}

.contact-page .box2 .map{height:6rem}
.contact-page .box2 .info{padding:0 .3rem 0 .5rem;margin-right: .3rem;max-height: 5.2rem;}
.contact-page .box2 .address>span:nth-of-type(1){width: .8rem;}
.contact-page .box2 .phone>span:nth-of-type(1){width: 1.34rem;}
.contact-page .box2 .email>span:nth-of-type(1){width: .6rem;}
.contact-page .box2 .domain>span:nth-of-type(1){width: .8rem;}

.news-page .box3 .info>p:nth-of-type(1){font-size: .18rem;line-height: .22rem;}
.news-page .box3 .info>p:nth-of-type(2){font-size: .14rem;line-height: .24rem;margin: .15rem 0 .2rem;}
.news-page .box4 li .time{padding-top: .2rem;}

@media (min-device-pixel-ratio: 1.25) and (max-device-pixel-ratio: 2),(min-resolution: 1.25dppx) and (max-resolution: 2dppx){
    .header li>a{font-size: .26rem;}
    .header .child{width: 3.7rem;}
    .header .child>a{font-size: .24rem;line-height: .58rem;}
    .header .lang{line-height: 1.2rem;font-size: .22rem;margin:0 .3rem}
    .header .search{height: 1.2rem;width: .26rem;}
    .header .search .popup>div{width:4rem}
    .header .search .popup input{height:.6rem;}
    .header .search .btn{width:.6rem;height: .6rem;}
    .footer .width{max-width: 85%;}
    .footer1 .btn>a:nth-of-type(1){font-size: .22rem;background-size: .24rem;background-position: .5rem center;}
    .footer2 li>a{font-size: .24rem;}
    .footer2 .child>a{font-size: .22rem;line-height: .5rem;}

    .index-page .more{width: 2.5rem;}
    .index-page .box4 li>p:nth-of-type(1){width: 1.8rem;}
    .index-page .box4 li>p:nth-of-type(2){width: calc(100% - 3.1rem);}

    .news-page .box3 .info>p:nth-of-type(1){ font-size: .24rem; line-height: .3rem; }
    .news-page .box3 .info>p:nth-of-type(2){ font-size: .20rem; }

    .contact-page .box2 .address>span:nth-of-type(1){width: 1rem;}
    .contact-page .box2 .phone>span:nth-of-type(1){width: 1.7rem;}
    .contact-page .box2 .email>span:nth-of-type(1){width: .8rem;}
    .contact-page .box2 .domain>span:nth-of-type(1){width: 1rem;}
}

@media (max-width:750px){
    .header .lang{line-height: 60px;font-size: 15px;margin:0}
    .header .search{height: 60px;width: 18px;}
    .header .search .popup>div{width: 100%;}
    .header .search .popup input{height: 45px;}
    .header .search .btn{width: 45px;height: 45px;}
    .footer1 .btn>a:nth-of-type(1){width:125px;font-size: 14px;background-size: 15px;background-position: 25px center;}
    .footer2 li{text-align: center;padding:25px 0 20px}
    .footer2 li>a{font-size: 16px;}
    .footer2 .child{display: block;}
    .footer2 .child>a{width: 100%;margin-bottom: 5px;font-size: 14px;line-height: 24px;}
    .footer2 .child>a:nth-child(2n+1){margin-right: 0;}
    .footer2 .media{width:165px}

    .index-page .more{width: 150px;background-position: 85% center;margin:0 auto;padding-left: 25px;}
    .index-page .tit{text-align: center;}
    .index-page .box1 .con>p:nth-of-type(1){font-size: 25px;line-height: 30px;}
    .index-page .box2{padding:40px 0 20px}
    .index-page .box2 .con{display: block;}
    .index-page .box2 .tit{padding: 0 0 15px;}
    .index-page .box2 ul{display: block;}
    .index-page .box2 li{width:100%;margin-bottom: 20px;}
    .index-page .box2 li:nth-child(2n+1){margin-right: 0;}
    .index-page .box2 li>p:nth-of-type(1){font-size: 18px;}
    .index-page .box2 li>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .index-page .box3 .tit{text-align: left;}
    .index-page .box4 li>p:nth-of-type(1){width:auto}
    .index-page .box4 li>p:nth-of-type(2){width:100%}
    .index-page .box5 .more{width:140px}

    .about-page .box2 .nav{flex-wrap: wrap;}
    .about-page .box2 .nav>p{height:auto;line-height: 40px;width: calc(100% / 3);flex:auto;border-bottom: 1px solid rgba(255,255,255,.1);}
    .about-page .box3 li{width: calc(50% - 5px);padding:0;margin-right: 10px;}
    .about-page .box3 li:nth-child(2n+1){margin-right: 0;}
    .about-page .box3 li>p:nth-of-type(2){line-height: 12px;line-height: 20px;margin-top: 3px;}
    .about-page .box6 .tit{width:100%}
    .about-page .box6 li{margin-right: 5px;padding: 0 20px;font-size: 13px;}
    .about-page .box6 .swiper-slide>p{font-size: 14px;line-height: 24px;}

    .goods-page .box1 .info>p:nth-of-type(1){font-size: 22px;margin-bottom: 0;}
    .goods-page .box1 .info>p:nth-of-type(2){font-size: 12px;line-height: 20px;}
    .goods-page .cate{width:100%}
    .goods-page .cate li{width: 100%;}
    .goods-page .cate li:nth-child(2n+1){margin-right: 0;}
    .goods-page .list .attr{display: block;}
    .goods-page .list .attr>p{width: 100%;}
    .goods-page .detail{padding:40px 20px}
    .goods-page .con1 ul{width: 100%;}
    .goods-page .con1 li{display: block;}
    .goods-page .con1 li>p{display: inline-block;}
    .goods-page .con1 li>p:nth-of-type(1){width: auto;margin-right: 5px;}
    .goods-page .con2 li{padding:12px 17px}
    .goods-page .con2 li>p:nth-of-type(2){font-size: 12px;line-height: 20px;}
    .goods-page .con1 .img-div{width:100%}

    .contact-page .box2 .map{height: 300px;}
    .contact-page .box2 .info{padding: 30px 20px;max-height:10000px;}
    .contact-page .box2 .info ul:nth-of-type(1) li{flex-direction: column;}
    .contact-page .box2 .address>span:nth-of-type(1){width:100%}
    .contact-page .box2 .phone>span:nth-of-type(1){width:100%}
    .contact-page .box2 .email>span:nth-of-type(1){width:100%}
    .contact-page .box2 .domain>span:nth-of-type(1){width:100%}

    .news-page .box2 .nav>a{flex:auto}
    .news-page .box3 .info>p:nth-of-type(1){font-size: 14px;line-height: 20px;}
    .news-page .box3 .info>p:nth-of-type(2){font-size: 12px;line-height: 20px;margin: 5px 0;}
    .news-page .box3 .info>p:nth-of-type(3){background-position: right center;}
}

.index-page .more:hover{padding-left: .5rem;background-position: 85% center}