@charset "utf-8";
:root {--color: #cd000c;}
.contact-box a{color:#fff}
.product-main .pro-list.list0 .pro-intro,.new-main .new-list.list0 .new-intro{word-break:break-word}
.common-main article img{max-width:100%;height:auto!important}
.pro-detail .pro-detail-content img{height:auto!important}
.new-main .new-list.list0 .new-img{display:none}
@media (min-width:1081px){.head-nav .submenu.nav1{overflow:inherit}
.submenu.nav1 li{position:relative}
.submenu.nav1 li ul{position:absolute;left:100%;top:0;display:none}
.submenu.nav1 li:hover>ul{display:block}
.submenu.nav1>li>a{position:relative;padding-right:30px}
.submenu.nav1>li.navli>a:after{content:'';width:6px;height:6px;border:1px solid #fff;border-left:none;border-bottom:none;transform:rotate(45deg);position:absolute;right:15px;top:20px}
.submenu.nav1>li.navli:hover>a:after{border-color:#fff}}
@media (max-width:1080px){.submenu.nav1 li ul{padding-left:13px}}
.sidebar-cate li>.iconfont{display:none}
.sidebar-cate .sub-menu{display:block!important}
#new .new-img{height:0;padding-bottom:68%}
#new .new-img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain}
.home-vrflex{margin:0 260px}
@media (max-width:1520px){.home-vrflex{margin-left:100px;margin-right:100px}
}
@media (max-width:1280px){.home-vrflex{margin-left:50px;margin-right:50px}
}
@media (max-width:1080px){.home-vrflex{margin-left:25px;margin-right:25px}
}
@media (max-width:768px){.home-vrflex{margin-left:4vw;margin-right:4vw}
}
.home-vr{background:#f0f0f0;padding:80px 0}
.home-vrflex{display:flex;flex-wrap:wrap;position:relative}
.home-vr-bar{position:absolute;top:0;left:0;transform:rotate(90deg);transform-origin:left bottom;margin-bottom:45px;text-transform:capitalize}
.home-vr-title{position:relative;display:flex;margin-bottom:8px;justify-content:space-between;align-items:center}
.home-vr-title .title{color:var(--color);font-weight:400;font-size:50px;line-height:1}
.home-vr-bar .sub_tit{color:#00043f;font-size:14px;font-family:Roboto-Light;line-height:1;opacity:.6}
.VR_box{width:calc(100% - 176px);margin-left:auto}
.home-vr-btnitem{position:relative;z-index:9;margin-top:-16px;margin-left:auto;width:-webkit-calc(100% - 246px);width:calc(100% - 246px)}
.home-vr-btnitem .home-vr-btn{position:relative;display:inline-block;margin:5px;width:225px;height:50px;-webkit-box-shadow:-3px 2px 21px 3px rgba(0,0,0,.2);box-shadow:-3px 2px 21px 3px rgba(0,0,0,.2);text-align:center;text-transform:capitalize;font-size:18px;font-family:Roboto-Light;line-height:50px;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transition:all ease-in-out .35s}
.home-vr-btnitem .home-vrcontact i{font-style:initial}
.home-vr-btnitem .home-vrcontact i:before{position:relative;margin-left:7px;content:"\f1d8";vertical-align:middle;font-size:28px;font-family:fontawesome;line-height:50px}
.home-vr-btnitem .home-vr-btn span{display:block;background:#fff;color:var(--color);-webkit-transform:translateZ(25px);transform:translateZ(25px);-ms-transform:translateZ(25px)}
.home-vr-btnitem .home-vr-btn span+span{background:var(--color);color:#fff;-webkit-transform:rotateX(-90deg) translateZ(-25px);transform:rotateX(-90deg) translateZ(-25px);-ms-transform:rotateX(-90deg) translateZ(-25px)}
.home-vr-btnitem .home-vr-btn:hover{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-ms-transform:rotateX(90deg)}
@media (max-width:768px){.home-vr-bar{position:static;transform:none;width:100%}
.home-vr-title .title{font-size:32px}
.home-vr-bar .sub_tit{font-size:12px}
.VR_box{width:100%}
.VR_box iframe{height:480px}
.home-vr-btnitem{margin:-16px auto 0;width:100%;display:flex;justify-content:center}
.home-vr-btnitem .home-vr-btn{width:auto;font-size:13px;height:40px;line-height:40px}
.home-vr-btnitem .home-vrcontact i:before{font-size:15px;line-height:40px}
.home-vr-btnitem .home-vr-btn span{min-width:130px;padding:0 10px}
}
@media (max-width:500px){.home-vr{padding:40px 0}
.home-vr-bar{margin-bottom:25px}
.home-vr-title .title{font-size:26px}
.home-vr-btnitem .home-vr-btn{width:auto;font-size:12px}
.home-vr-btnitem .home-vr-btn span{min-width:120px}
}