@charset "utf-8";
.head-menu-box nav>ul>li>a{text-transform:uppercase}
#info,#info .l-wrap{position:relative}
#info:before{content:'';width:100%;height:70%;background:-webkit-linear-gradient(left,#000,#666);background:linear-gradient(to right,#000,#666);position:absolute;top:0;left:0}
@media (max-width:768px){#info:before{height:75%}}
.choose-list{justify-content:space-between}
.box.icon_02{width:31%;color:rgba(0,0,0,0.54);display:flex;margin:15px 0}
.box.icon_02 .image{width:50px}
.box.icon_02 .image svg{width:35px}
.box.icon_02 .image svg path{fill:#e70012}
.box.icon_02 .info{width:calc(100% - 50px)}
.box.icon_02 .info .info_title a{font-weight:500;font-size:22px}
.box.icon_02 p{line-height:1.2;margin-top:3px}
@media (max-width:1024px){.box.icon_02{width:48%}}
@media (max-width:768px){.box.icon_02{width:100%}
.box.icon_02 .info .info_title a{font-size:18px}
.box.icon_02 p{font-size:14px}}
#info .info-item .info-item-tit span{padding-left:0}
#projects::after{content:'HEADPHONS'}
footer .foot-main .foot-item.foot-cate li a{text-transform:uppercase}
.about-list{display:flex;justify-content:flex-start;padding-top:25px}
.about-list li{margin-right:20px;display:flex;justify-content:center;height:65px;align-items:center}
.about-list li i,.about-list li em{margin-right:10px}
.about-list li strong{display:block;font-family:Lato-black;font-size:25px;margin-bottom:5px}
@media (max-width:768px){.about-list{justify-content:space-between}
.about-list li{width:30%;flex-direction:column;height:auto;margin-right:0;justify-content:flex-start}
.about-list li span,.about-list li strong{text-align:center;font-size:14px}
.about-list li strong{font-size:5.3333333333vw}}
.wmkc-template-75 .wmkc-bg-blue{background:#E70012 !important}
.cp .cp-sec1 .cp-sec1-cont .item-flex p{padding-left:0}
@media (min-width:769px){.contact .contact-sec1 .contact-sec1-item{width:30%}}
.contact>iframe{border:0}
.sidebar-newslist .news-img img{object-fit:contain}
.sidebar-cate>li.LiLevel2>a{font-weight:400;font-size:15px}
#info .info-cont{width:100%;text-align:center}
#info .info-cont .info-title{max-width:100%;margin-bottom:20px}
#info .info-cont .info-des{font-size:18px;line-height:1.5}
@media (max-width:768px){#info .info-cont .info-des{font-size:14px}}
#info .info-item::before,#info .info-item::after{display:none}
#info .info-bottom{justify-content:space-between;background:none}
#info .info-item{width:32%;background:none;padding:0}
.common-main .news-list.list0 li .news-img{display:none}
.common-main .news-list .news-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.common-main .news-list.list0 li .news-des{display:block;display:-webkit-box;display:-moz-box;margin:5px 0 0;font-size:15px;line-height:25px;-webkit-line-clamp:2}
.common-main .news-list.list0 li .news-more{display:none}
.common-main .news-list.list0 li .news-date{left:0;top:0;background:#E70012;color:#fff;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.common-main .news-list .news-date span{font-size:30px}
.common-main .news-list.list0 li .news-cont{padding:10px 20px 10px 120px;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100px;flex:inherit;width:100%}
@media (max-width:480px){.common-main .news-list.list0 li .news-des{margin:3px 0 0;font-size:14px;line-height:20px}
.common-main .news-list.list0 li .news-date{width:80px;height:80px}
.common-main .news-list.list0 li .news-date span{font-size:25px;margin-bottom:2px}
.common-main .news-list.list0 li .news-cont{padding:5px 10px 5px 90px;min-height:80px}}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type)::before{background:url(/Content/uploads/2023992983/20230817135732c2d740870eb04b0fa05b7e453669fc20.jpg) center/cover no-repeat}
.cp .cp-sec1 .cp-sec1-cont .item-flex.text-ju p{font-weight:500}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover::before{opacity:0.5}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover{background:#000}
footer .foot-main .foot-item .foot-intro:hover p{color:var(--color)}
#projects .home-label {color:#fff;font-size:22px;}
#projects .home-label::before,#projects .home-label::after {background:#fff}
@media (max-width:768px){#projects .home-label{font-size:18px}}
#info .info-item p{opacity:0;font-size:18px;text-align:center;padding:10px 0;transition:.3s;background:#F5F5F5;}
#info .info-item:hover p{opacity:1;}
@media (max-width:768px){#info .info-item{width:100%;}
#info .info-item p{opacity:1;}}
header .head-contact em.icon-tel,header .head-contact>a:nth-of-type(1){display:none;}