@font-face {font-family:regular; src:url(../font/Montserrat-Regular.otf);}
@font-face {font-family:bold; src:url(../font/MontserratBold.ttf);}

body{font-family:regular;}

.nav li{font-size:16px;}

.productBox .list li .btnDiv {font-size: 0.16rem;text-indent: 0.2rem;}
.productBox .list li .btnDiv:after{right: 0.16rem;width: 14px;height: 12px;background-size: 14px;margin-top: -6px;}

.productList .list li .txt{text-transform: uppercase;}

.productBox .btnGroup li a{width:244px;}

/*.indexP0 .wen{font-size: 36px;}

.indexP1 .txt {font-size: 36px;line-height: 36px;padding: 18px 0;}
.indexP1 .content {font-size: 18px;line-height: 32px;}

.indexP2 .txt{font-size: 36px;padding-bottom:18px;}
.indexP2 .content{line-height:28px;}*/
.indexP0 .wen {font-size: 0.32rem;}

.indexP1 .limg img{height: 0.5rem;width:auto;}

.indexP1 .txt {font-size: 0.32rem;line-height: 0.36rem;padding: 0.12rem 0;}
.indexP1 .content {font-size: 0.18rem;line-height: 0.28rem;}

.indexP2 .txt{font-size: 0.32rem;}
.indexP2 .content{font-size: 0.18rem;line-height: 0.24rem;}

.productBox{padding-top:2rem;}
.productBox .btnGroup{padding-top:1rem}

.productBox .list li .botDiv{height:200px;}
.productBox .list li .name a{color: #242424;}
.productBox .list li .name a:hover{color: #242424;}
.productBox .list li .btnDiv a{color:#fff;display: block;}
.productBox .list li .btnDiv2 a{color: #242424;}
.productBox .list li .btnDiv a:hover{color:#fff;}
.productBox .list li .btnDiv2 a:hover{color: #242424;}
.productBox .list li .btnVideo{text-align:center;margin-top:0;font-size: 14px;margin:0 auto;}
.productBox .list li .btnVideo a{color:#e84448;}


@media screen and (max-width: 1600px) {
    .indexP0 .wen {font-size: 0.32rem;}

    .indexP1 .limg img{height: 0.5rem;width:auto;}

    .indexP1 .txt {font-size: 0.32rem;line-height: 0.36rem;padding: 0.12rem 0;}
    .indexP1 .content {font-size: 0.18rem;line-height: 0.24rem;}

    .indexP2 .txt{font-size: 0.32rem;}
    .indexP2 .content{font-size: 0.18rem;line-height: 0.24rem;}

    
    .productBox .list li .btnDiv{width: 1.8rem;}
    .productBox .list li .btnVideo{width: 1.8rem;}
    .productBox .list li .btnVideo a img{width:100%;}
}

@media screen and (max-width: 1440px){
    .productBox .list li .botDiv{height:174px;}
}

@media screen and (max-width: 1366px) {
    .headDiv .logo img{width: 230px;}
}

@media screen and ( max-width:1024px ) {
    .productBox .btnGroup li{margin-bottom: 0.2rem;}
    .productBox .btnGroup li a{width: 3.4rem;background-size: 3.4rem;}
    .productBox .btnGroup li:last-child a {width: 3.64rem;background-size: 3.64rem;}
    .productBox .list li .btnDiv{width:100%;font-size:0.2rem;}

    .indexP1 .txt {font-size: 0.42rem;line-height: 0.52rem;padding: 0.25rem 0.3rem 0.4rem;}
    .indexP1 .content {font-size: 0.26rem;line-height: 0.48rem;}

    .indexP2 .txt {font-size: 0.42rem;line-height: 0.42rem;padding: 0.25rem 0;}
    .indexP2 .content {font-size: 0.26rem;line-height: 0.48rem;}

    .productBox{padding: 3.2rem 0.3rem 0.8rem;}

    .productBox .list li .botDiv{height: 3rem;}
    .productBox .list li .btnDiv {width: 100%;}
    .productBox .list li .btnVideo{width: 100%;}
    .productBox .list li .btnVideo a{font-size:0.2rem;}
    
    
}