.diy-banner-data{color:#fff;width:980px}
.diy-banner-data{display:flex;align-items:center;justify-content:space-evenly;margin:0 auto;margin-top:58px}
.diy-banner-data  li{width:200px;height:80px;display:flex;flex-direction:column;justify-content:center}
.diy-banner-data .diy-banner-data-des1{font-size:40px;font-weight:600;line-height:48px}
.diy-banner-data  .diy-banner-data-des2{font-size:16px;line-height:22px}
.diy-banner-search{background-color:#fff;color:#0A0B0E;text-align:center;display:flex;align-items:center;width:240px;height:52px;justify-content:center;margin:58px auto;outline:none;border:none}
.diy-area{width:1200px;display:flex;padding:16px;box-sizing:border-box;background:#fff;margin:0 auto;position:relative;top:-96px}
.diy-area .diy-area-left h3,.diy-area-right h3{display:flex;font-size:20px;font-weight:600;line-height:24px;align-items:center}
.diy-area .diy-area-left h3::before{content:'';display:inline-block;width:4px;height:16px;margin-right:8px;background:#0063FE;border-radius:2px}
.diy-area-left{}
.diy-area-left .diy-area-left-content{display:flex;justify-content:space-between}
.diy-area-left-content .diy-area-map{}
.diy-area-left-content .diy-area-map img{width:369px;margin-top:20px}
.diy-area-map-data{margin-left:52px}
.diy-area-map-data table{width:240px;box-sizing:border-box;margin-top:32px}
.diy-area-map-data table tbody tr{border-left:1px solid #F3F6F9;border-right:1px solid #F3F6F9}
.diy-area-map-data table tbody tr:last-child{border-bottom:1px solid #F3F6F9}
.diy-area-map-data table tr{height:42px;line-height:42px;text-align:center}
.diy-area-map-data table thead{background-color:#F3F6F9}
.diy-area-right{padding-bottom:6px}
.diy-area-right ul{margin-top:30px;display:flex;flex-wrap:wrap}
.diy-area-right ul li{display:flex;flex-wrap:wrap;background:rgba(255,0,0,0.08);height:36px;line-height:36px;justify-content:center;padding:0 12px;flex-shrink:0;margin:0 20px 20px 0;cursor:pointer}
.diy-area-right ul li.active1{background:rgba(0,99,254,0.08)}
.diy-area-right ul li.active2{background:rgba(11,192,114,0.08)}
.diy-area-right ul li.active3{background:rgba(187,107,255,0.08)}
.diy-area-right ul li.active4{background:rgba(250,132,25,0.08)}
.diy-area-right ul li.active5{background:rgba(255,0,0,0.08)}
.diy-area-right ul li i{font-style:normal}
.a{color:#85888C}
.company-nav .home-icon span{color:#85888C;font-size:16px}
.company-nav .home-icon-img{width:20px;height:20px;position:relative;top:-1px}
.company-nav .home-icon a{align-items:center;display:flex}
.company-nav .title-val{display:flex;align-items:center;font-size:32px;color:#0A0B0E}
.company-middle{display:flex;color:#7F8388;font-size:12px;clear:both;margin-top:10px;font-weight:400}
.company-middle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-middle span:first-child{min-width:40%}
.company-middle span:nth-child(1){margin-right:15px}
.company-index-adv{display:flex;justify-content:center;margin:100px 0}
.company-index-adv img{width:100%;max-width:1920px}
.company-nav .title-val:after{bottom:-3px}
.company-nav .company-value-diy{font-family:PingFangSC-Regular,sans-senif;font-weight:400}
.company-nav .company-value::before{background:url('/static/diy/image/ic_14_cp_grey@2x.png') no-repeat;background-size:14px 14px}
.company-nav .company-value-diy::before{background:url('/static/diy/image/ic_14_js_grey@2x.png') no-repeat;background-size:14px 14px}
.biaoqian1{width:100%;display:flex;flex-wrap:nowrap;overflow:hidden}
.biaoqian1 span{padding:2px 8px;color:#0063FE;background:rgba(0,99,254,0.08);border-radius:2px;font-size:10px;margin-right:8px;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.biaoqian1 span.ellipsis{display:none}
.biaoqian1 span.ellipsis::after{content:'...'}
.shenglue{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:178px;float:left}