@charset "utf-8"; 
:root{--color:#1d2088}
.product-detail #picBigBigBig #media{width: 380px;height: 380px;}
.home-company .home-des{display:flex;margin-bottom:5px;color:var(--introcolor);align-items:center;justify-content:center}
.home-company .home-des span{display:inline-block}
.home-company .home-des .left span:nth-child(1){margin:2px 2px;width:4px;height:4px;background-color:var(--color);opacity:.2}
.home-company .home-des .left span:nth-child(2){margin:1px 2px;width:6px;height:6px;background-color:var(--color);opacity:.5}
.home-company .home-des .left span:nth-child(3){margin:0 10px 0 2px;width:8px;height:8px;background-color:var(--color)}
.home-company .home-des .right span:nth-child(3){margin:2px 2px;width:4px;height:4px;background-color:var(--color);opacity:.2}
.home-company .home-des .right span:nth-child(2){margin:1px 2px;width:6px;height:6px;background-color:var(--color);opacity:.5}
.home-company .home-des .right span:nth-child(1){margin:0 2px 0 10px;width:8px;height:8px;background-color:var(--color)}
.home-company{position:relative;box-sizing:border-box;padding:3% 0 4% 0;background:#fff}
.home-company::before{position:absolute;top:20px;right:54%;z-index:-1;width:234px;height:174px;background-image:url(https://css02.v15cdn.com/m429/imgs/companybg.webp);background-repeat:no-repeat;content:"";transform:translateX(15%)}
.home-company .container{display:flex;align-items:center}
.home-company .company-img{position:relative;overflow:hidden;width:45%;border-radius:var(--borderradius)}
.home-company .company-img::before{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;border-radius:var(--borderradius);background-color:#1d383e;content:"";opacity:.5}
.home-company .company-img .playvideo{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;background-color:var(--color);cursor:pointer;transform:translate(-50%,-50%)}
.home-company .company-img .playvideo .iconfont{position:relative;top:6px;left:28%;color:#fff;font-size:30px}
.home-company .company-img .playvideo::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:100%;height:100%;border-radius:50%;animation:playanimation 1.5s infinite;border:solid var(--color)}
.home-company .company-info{padding-left:6%;flex:1}
.home-company .company-info .home-des{justify-content:left}
.home-company .company-info .home-title{text-align:left;font-size:30px}
.home-company .company-info .des{display:-webkit-box;overflow:hidden;margin-top:2%;color:var(--introcolor);-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:16px}
.home-company .company-info .inter{display:flex;box-sizing:border-box;margin:4% 0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;align-items:center}
.home-company .company-info .know-about{display:flex}
.home-company .company-info .some-know{display:none;margin-right:90px;opacity:.8}
.home-company .company-info .inter div{display:inline-flex;width:40%;align-items:center;line-height:1.2}
.home-company .company-info .inter div em{margin-right:10px;color:var(--color);font-size:40px}
.home-company .company-info .btn{display:inline-flex;width:150px;height:50px;border-radius:var(--borderradius);background-color:var(--color)!important;color:#fff;transition:all .2s ease;align-items:center;justify-content:center;text-transform:lowercase;line-height:1}
@keyframes playanimation{0%{border-width:0;opacity:1}
100%{border-width:8px;opacity:0}
}
.home-company .company-info .btn:hover{opacity:.8}
@media screen and (max-width:1280px){.home-company .company-info .home-title{font-size:var(--fontsize24);line-height:1.5}
.home-company .company-info .some-know{margin-right:40px}
}
@media screen and (max-width:1024px){.home-company .company-info .home-title{font-size:18px}
.home-company .company-info .inter div{width:50%}
.home-company .company-info .inter div em{font-size:30px}
}
@media screen and (max-width:768px){.home-company{padding:30px 0}
.home-company::before{right:-15px;transform:translateX(0)}
.home-company .l-wrap{flex-wrap:wrap}
.home-company .company-img{width:100%}
.home-company .company-img img{width:100%}
.home-company .company-info{margin-top:20px;padding-left:0;width:100%}
.home-company .company-info .some-know{margin-right:200px}
}
@media screen and (max-width:500px){.home-company .company-info .inter div{width:50%}
.home-company .company-info .some-know{margin-right:10px}
}
.home-company::before{background-image:url(https://css02.v15cdn.com/m429/imgs/companybg.webp)}