
.artBox{ padding: 0 50px 0; } 
.rowname{  text-align: left; padding: 50px 0 20px 0; background: #fff; }
.rowname .name{ font-size: 28px; font-weight: bold; color: #333; padding: 0; }
.rowname .desc{ font-size: 14px; color: #666; padding: 20px 0 0 0; }


.blogo{ padding: 30px 0 30px 28px; }
.blogo a{ color: #ddd; color: #000; font-size: 38px; font-weight: bold; } 


.bannerMain{ background: #fff; border-radius: 0 0 10px 10px; }
.banner{ width: 520px; color: #fff; padding: 30px 0 80px 50px; border-radius: 5px; display: inline-block; } 
.banner .bh1{ font-size: 32px; padding: 25px 0 0 0; color: #000000; font-weight: bold; }
.banner .bh2{ font-size: 14px; padding: 20px 0; color: #9e9b9b; }
.banner .bh3{ padding: 5px 0 30px; }
.banner .bh3 span{ padding: 5px 0 30px; color: #888; font-size: 14px; } 

.conttus{ padding: 20px 0 0 0; }
.conttus a.download{ display: inline-block; background: #10228E; color: #fff; font-size: 14px;  padding: 13px 18px; border-radius: 1px; }


.bannerMain .avatar{ width: 200px; margin: 0 0 0 20px; display: inline-block; vertical-align: top; margin-top: 60px; }
.bannerMain .avatar img{ border-radius: 10px; width: 220px; }


 
.objmain{ padding: 0 0 60px; margin-top: 30px; background: #fff; border-radius: 10px; overflow: hidden; }



/*产品展示*/ 

 
.promain{  padding: 20px 0 20px 0; border-radius: 10px; 
    display: grid;  grid-template-columns: repeat(3, 1fr); gap: 20px; 
} 

.probox{ height: 260px; border: 1px solid rgb(238, 237, 237); border-radius: 10px; padding: 30px 0; text-align: center; } 
.probox .simg img{ width: 50px; height: 50px; padding: 10px; border-radius: 3px; overflow: hidden; }
.probox .nm{ font-size:18px; color: #333; padding: 10px 0 0 0; }
.probox .desc{ padding: 10px 15px 15px; color: #999; }
.probox .desc span{ font-size: 14px; overflow: hidden;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }



/*新闻动态*/

/*.article .name{ font-size: 28px; font-weight: bold; padding: 0; }*/
/*.article .desc{ font-size: 14px; color: #666; padding: 30px 0 0 0; }*/

.artBox .artcon{ padding: 20px 0 0 0;   } 
.artBox .crow .time{ width: 150px; display: inline-block; border-right: 1px solid #ddd; padding: 0 0 30px 0; position: relative; }
.artBox .crow .time span{  display:block; font-weight: bold; font-size: 14px; padding: 0 0 10px 0; font-family: arial; }
.artBox .crow .time i{ display: block; font-size: 14px; color: #022CDB; font-family: arial; }
.artBox .crow .time::before{ width: 10px; height: 10px; position: absolute; background: #C9CEFF; border-radius: 10px; content: "";right: -5px; }

.artBox .crow .sttl{ width: calc(100% - 180px); border-left: 1px solid #ddd; margin-left: -5px; display: inline-block; padding: 0 0 0 40px; font-size: 18px; overflow: hidden; }
.artBox .crow .sttl a{ font-family: arial; font-size: 16px; }


/*关于我们*/
.about{ padding: 0 50px; margin-top: 30px; }
.about .name{ font-size: 28px; font-weight: bold; padding: 0; }
.about .desc{ padding: 15px 0 0 0; color: #666; font-size: 14px; line-height: 22px; }

/*底部*/
.mfter{   padding: 0 50px; font-size: 12px; text-align: center; margin-top: 50px; color: #888; }
 