@charset "utf-8";
:root{--color:#037de0}
body{font-size: 18px}
.side-pro ul li .pro-name,.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.ind-item img{object-fit:cover}
.foot-l .foot-u li{min-width:250px}
.prodetailtitle {display:flex;position:relative}
.pro-detail .title {position:relative;display:inline-block;font-size:18px;padding:5px 10px 5px 26px;box-sizing:border-box;margin:0px}
.pro-detail .title span:nth-child(1) {display:inline-block;position:absolute;width:100%;height:51%;left:10px;top:0;transform:skew(-45deg);background:var(--color,#000);padding:0;border:none}
.pro-detail .title span:nth-child(2) {font-weight:var(--fontbold5,500);margin:0;position:relative;z-index:1;font-size:20px;color:#fff;padding:0;border:none}
.pro-detail .title span:nth-child(3) {display:inline-block;position:absolute;width:100%;height:51%;left:10px;bottom:0;transform:skew(45deg);background:var(--color,#000);padding:0;border:none}
.prodetailtitle>span {display:block;width:calc(100% - 22px);height:2px;position:absolute;bottom:0;right:0;border-bottom:1px solid var(--color,#000)}
.head-logo{max-width:inherit}
.head,.head-nav>ul .submenu{background:#fff}
.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-nav>ul .submenu a:hover{background-color:var(--color);color:#fff}
.hot-pro ul li:hover .pro-name{color: #fff;}
@media (max-width:768px){.head-nav>ul>li{border-color:#ccc}
.head-nav>ul{background:#fff}
.head-nav>ul>li a,.head-nav>ul>li i{color:#000}
.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-nav>ul .submenu a:hover{background-color:#fff;color:var(--color)}
.head-nav>ul>li:hover>a, .head-nav>ul>li:hover>i{color:var(--color)}}
@media (min-width:769px){ul.submenu.nav1 li {position:relative;}
ul.submenu.nav1 li ul {position:absolute;left:100%;top:0;background:#fff;display:none;}
ul.submenu.nav1 li:hover>ul {display:block;}
ul.submenu.nav1 li.navli:after {content:'';width:6px;height:6px;border:1px solid #000;border-left:none;border-bottom:none;transform:rotate(45deg);top:17px;right:15px;position:absolute;}
ul.submenu.nav1 li.navli:hover:after {border-color:#fff}
ul.submenu.nav1 >li>a {padding-right:36px}}