.main_bar{ width: 100%; background: #F2F5F8; }
.main{ width: 1160px; margin: 0 auto; } 
 
.mconbox{ width: 100%; display: inline-block; }

.mlft{ width: 300px; position: fixed; } 
.mlftbox{ width: 100%; border-radius: 10px; background: #fff; padding: 0 0 50px 0; margin-top: 20px; }

.linfo{ width: 100%; padding: 0 0 50px 0; }
.linfo .avatar{ width: 100%; text-align: center; padding: 50px 0 0; }
.linfo .avatar img{ width: 100px; height: 100px; border-radius: 50px; background: #fff;  }
.linfo .avatarborder{ width: 116px; height: 116px; border-radius: 120px; border: 8px solid #CCEBFF; margin: 0 auto; }
.linfo .name{ width: 100%;  text-align: center; font-size: 16px; color: #666; padding: 10px 0 5px; }
.linfo .desc{ width: 100%;  text-align: center; font-size: 12px; color: #999; padding: 8px 0 0; line-height: 20px; }

.tknlg{ width: calc(100% - 40px); display: inline-block; background: #f8f8f8; border-radius: 2px; margin: 20px; }
.tknlg .name{ width: 100%; padding: 20px 0 10px 20px;  font-weight: bold;  }
.tknlg .con{ width: 100%; padding: 10px 0 30px 0; }
.tknlg .con .conrow{ width: 30%; display: inline-block; text-align: center; color:#666; font-size: 14px; }
.tknlg .con .conrow i{ width: 100%; text-align: center; padding: 0 0 5px 0; }
.tknlg .con .conrow i img{ width: 30px;  }
.tknlg .con .conrow span{ width: 100%; display: inline-block; text-align: center; color:#666; font-size: 14px; padding: 10px 0 0 0; }

.cttus{ width: 100%; text-align: center; padding: 0 30px; margin-top: 20px;  }
.cttus .conrow{ width: 100%; position: relative; }
.cttus .conrow a{ width: calc(100% - 40px); margin: 0 20px; padding: 12px 30px; text-align: center; border:1px solid #6a88ff; color: #224eff; border-radius: 30px; font-size: 14px; box-sizing: border-box; }
.cttus .conrow i{ position: absolute; border-radius: 10px; background: #f00; color: #fff; line-height: 20px; right: 30px; top: -10px; width: 50px; font-size: 12px; }

.cttus .qqus{ width: 100%; padding-top: 15px; }
.cttus .qqus span{ display: inline-block; font-size: 12px; color: #666; }
.cttus .qqus i{ display: inline-block; font-size: 12px; color: #666; } 




.mrit{ width: 800px; margin: 0 0 0 320px; display: inline-block; }

 
.header_bar{    }
.header{ width: 100%; padding: 15px 0;   }
.header .logo{   }
.header .logo a{ padding: 20px 30px 20px 0; border-radius: 3px; font-size: 26px; font-weight: bold; }

.header .member{ margin: 10px 0 0 0; }
.header .member a{/* background: #00f;*/ border: 1px solid rgb(183, 183, 253); color: #00f; font-size: 14px; padding: 6px 15px; font-size: 12px; border-radius: 1px; }
 
.blogo{ width: 100%; padding: 30px 0 30px 28px; }
.blogo a{ color: #ddd; color: #000; font-size: 38px; font-weight: bold; } 


.bannerMain{ width: 100%; background: #fff; border-radius: 0 0 10px 10px; }
.banner{ width: 500px; color: #fff; padding: 30px 0 50px 50px; border-radius: 5px; display: inline-block; } 
.banner .bh1{ width: 100%; text-align: left; font-size: 32px; padding: 30px 0 0 0; color: #042EA1; font-weight: bold; }
.banner .bh2{  width: 100%;text-align: left; font-size: 16px; padding: 20px 0; color: #042A8F; }
.banner .bh3{  width: 100%; text-align: left; padding: 5px 0 30px; }
.banner .bh3 span{  width: 100%; text-align: left; padding: 5px 0 30px; color: #888; font-size: 14px; } 
.conttus{ background: #022CDB; display: inline-block; padding: 15px 50px; border-radius: 30px;  }
.conttus a{ color: #022CDB; font-size: 14px; color: #fff; }

.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{ width: 100%; padding: 0 0 60px; margin-top: 30px; background: #fff; border-radius: 10px; overflow: hidden; }




/*产品展示*/ 
.proname{ width: 100%; text-align: left; padding: 60px 0 20px 50px; background: #fff; }
.proname span{ font-size: 32px; font-weight: bold; color: #333; }
.proname p{ font-size: 14px; color: #666; padding: 20px 0 0 0; } 

.promain{ width: 100%; padding: 20px 50px 80px 50px; border-radius: 10px; overflow: hidden; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 0; }

.probox{ width: 300px; height: 360px; border: 1px solid rgb(238, 237, 237); border-radius: 20px; padding: 30px 0; vertical-align: top; display: inline-block; margin: 0 0 20px 0; } 
.probox .simg{ width: 100%; height: 100px; padding: 0 0 0 10px; }
.probox .simg img{ width: 50px; height: 50px; padding: 10px; border-radius: 3px; overflow: hidden; }
.intro{ width: 100%; }
.probox .ttl{ width: 100%; text-align: left; font-size:24px; font-weight: bold; margin: 0 50px 0 20px; color: #333; box-sizing: border-box; }
.probox .desc{ width: 100%; line-height: 26px; font-size: 14px; padding: 10px 20px 15px 20px; color: #999;  }
.probox .cbtn{ width: 100%; padding: 10px 0 20px 20px; }
.probox .cbtn a{ padding: 6px 15px; border:1px solid rgb(1, 139, 252); color: rgb(1, 139, 252); border-radius: 3px; font-size: 12px; }

/*新闻动态*/
.article{padding: 0 50px 80px; }
.article .name{ font-size: 32px; font-weight: bold; }
.article .desc{ font-size: 14px; color: #666; padding: 30px 0 0 0; }

.article .artcon{ width: 100%; padding: 50px 0 0 0;   }
.article .crow{ width: 100%; } 
.article .crow .time{ width: 200px; display: inline-block; border-right: 1px solid #ddd; padding: 0 0 30px 0; position: relative; }
.article .crow .time span{ width: 100%; display:block; font-weight: bold; font-size: 14px; padding: 0 0 10px 0; font-family: arial; }
.article .crow .time i{ width: 100%; display: block; font-size: 14px; color: #022CDB; font-family: arial; }
.article .crow .time::before{ width: 10px; height: 10px; position: absolute; background: #C9CEFF; border-radius: 10px; content: "";right: -5px; }

.article .crow .sttl{ width: calc(100% - 230px); border-left: 1px solid #ddd; margin-left: -5px; display: inline-block;   padding: 0 0 0 70px; vertical-align: top; font-size: 18px; overflow: hidden; }
.article .crow .sttl a{ font-family: arial; font-size: 18px; }
.article .crow .sttl p{  }


/*关于我们*/
.about{ padding: 0 50px; }
.about .name{ font-size: 32px; font-weight: bold; }
.about .desc{ padding: 15px 0 0 0; color: #666; font-size: 14px; line-height: 22px; }

/*底部*/
.mfter{ width: 100%; padding: 0 50px; font-size: 12px; text-align: center; margin-top: 50px; color: #888; }