.downloads-content ul{padding: 0;list-style: none;margin: 0;}
.service-container .downloads-content{background: none;}
#down{margin:0 auto; display: flex;justify-content: space-between;gap: 40px;}
.productlist{width: 230px; margin-right: 20px !important;}
.productlist i{font-size: 14px;color: rgba(0,0,0,.3);}
.prodown-list{width: 100%;background: #fff;padding: 20px !important;}
.prodown-list li h3 a{display: block;}
.prodown-list i{margin-right: 20px;line-height: 50px;}

.prodown-list li h3{height: 50px; line-height: 50px; font-size: 16px; color: #666; cursor: pointer;text-indent: 20px;margin: 0;font-weight: normal;display: flex;align-items: center;justify-content: space-between;}
.prodown-list li h3 span{width: 18px; height: 18px;   z-index: 100; position: absolute; right: 0; top: 19px;}

.listdown{height: 0px; overflow: hidden;}
.listdown li a{line-height: 40px; height: 40px; font-size: 14px; text-indent: 24px; color: #999; display: block;font-family: sans-serif;text-decoration: none;}
.listdown li:hover a{color: #333;}
.listdown li a.sel{display: flex;justify-content: space-between;}
.listdown li a.sel,.listdown li a.sel i{color: #00a0e8;}
.listdown li a i{line-height: 40px;}
.prodown-list li h3.flaglist{background: #e9f4fe;}

.pro-des{background: #fff;padding: 40px;}
.pro-des li{float: left; width: 23.5%; margin-right: 2%;  margin-bottom: 20px; cursor: pointer;transition: all 0.6s;border-radius:10px;padding-top:20px;}
.pro-des li .adiv{padding-bottom: 0px;}
.pro-des li:hover{box-shadow: 0px 2px 10px rgba(0,0,0,.1);}
.pro-des li:nth-last-of-type(4n){margin-right: 0%;}
.pro-des li .pro-img{width: 100%; height: 200px;}
.pro-des li .pro-img img{margin: 0 auto;}
.pro-des li p{text-align: center; font-size: 18px; height: 42px; line-height: 42px; color: #999;font-weight: 600;}
.pro-des li a{text-align: center; display: block; color: #8DCAF4; font-size: 14px; padding-bottom: 20px;}
.pro-des li:hover p{color: #777;}
.pro-des li:hover a{color: #00a0eb;}


.downdata{background: #fff;padding: 40px;width: calc(100% - 280px);}
.pro-name{height: 220px; width: 100%; border-bottom: 1px solid #f2f2f2;}
.pro-name li{float: left;}
.pro-name li:nth-last-of-type(1){margin-left: 20px; width: 70%;}
.pro-name li h2{font-size: 32px; font-weight: 700; margin-top: 30px; color: #313131; line-height: 64px;}
.pro-name li p{color: #313131; font-size: 14px; line-height: 1.4; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow: hidden;}

.download-img{
    display: flex;
}
.download-img li{
    width: 50%;
}
.download-img li img{
    max-width: 100%;
    margin: 0 auto;
}
.download-text{
    display: flex;
    align-items: center;
}
.downdata .productlist{
    width: 100%;
}
.downdata .productlist .product-news {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    gap: 20px;
}

.downdata .productlist .product-news li {
    width: 100%;
    margin-bottom: 20px;
}

.downdata .productlist .product-news li .pro-img img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.downdata .productlist .product-news li .pro-info a{
    text-decoration: none;
    text-align: center;
    color: rgba(0,0,0,.5);
    display: block;
    margin-top: 10px;
}

.downdata .down-empty{
    padding: 25px;
    text-align: center;
    font-size: 14px;
    color: rgba(0,0,0,.3);
}

.instruction{padding: 30px 0; border-bottom: 1px solid #f2f2f2; width: 100%;}
.instruction li{width: 100%;margin-bottom: 5px;display: flex;justify-content: space-between;align-items: center;}
.instruction li h2{font-size: 20px; font-weight: 700; color: #666;height: 40px;line-height: 40px;}
.instruction li .adown{padding: 6px 15px;border-radius:50px;background: rgba(0,0,0,.1); color: rgba(0,0,0,.3);text-decoration: none;display: flex;justify-content: center;align-items: center;transition: all 0.3s;}
.instruction li .adown i{font-size: 18px;color: rgba(0,0,0,.3);margin-right: 4px;}
.instruction li .adown:hover{background: rgba(0,0,0,.2);color: rgba(0,0,0,.4);}
.instruction li .adown:hover i{color: rgba(0,0,0,.4);}
.instruction li .intro-name p{color: #333;font-size: 14px;padding: 0;margin: 0;}
.instruction li .intro-name span{color: #999;font-style: italic;font-size: 12px;}

.mess{padding-top: 15px;}
.mess .items{width: 100%;display: inline-block;}