﻿@charset "utf-8"; 
:root{--color:#CD0194}
.prodetails-box-tit{color:#fff;background-color:var(--color);}
@media (min-width:1366px){.page-r{width:calc(100% - 340px)}.page-l{width:300px}}
.prodetailstitle {position:relative;display:inline-block;padding:5px 20px;box-sizing:border-box;transform:skew(-20deg);z-index:10;left:5px;top:5px;border:2px solid var(--color,#217FE1);border-top:none;border-left:none;margin-bottom:15px;}
.prodetailstitle .prodetails-box-tit {font-weight:var(--fontbold6,600);transform:skew(20deg);margin:0;position:relative;z-index:10;top:-5px;left:-5px;font-size:20px;color:#fff;padding:0;}
.prodetailstitle span {position:absolute;width:100%;height:100%;left:-5px;top:-5px;background:var(--color);}
@media (max-width:480px){.prodetailstitle .prodetails-box-tit{font-size:16px}}
@media (min-width:769px){.logo {position:relative;flex-direction:column;padding:8px 0;}
.headact .logo img,.logo img {max-height:90%;}
.tname {text-align:center;font-size:12px;font-weight:bold;color:#CA0194;}}
@media (max-width:768px){.tname{display:none}}
@media (min-width:1025px){#liproducts {position:relative;}
#liproducts .submenu.nav1 {display:block;padding:0 0 5px;width:auto;}
#liproducts .submenu.nav1>li {width:100%;margin:0;min-height:inherit;padding:0;}
#liproducts .submenu.nav1>li>a {margin:0;padding:5px 15px;border:none;font-weight:bold;}
#liproducts .submenu.nav1>li ul li a {padding:3px 15px 3px 28px;}}