@charset "utf-8";
:root{--color:#000E8A;--fontfamily:"Noto Sans"}
.productscontent .content ul li{width:100%;margin-bottom:0;}
.productscontent .content,.productscontent .content table{font-size:var(--fontsize16)}
.singglepage article>p{width:100%}
aside ul.concat-us li a{text-transform:none}
.singglepage .concat-us .concat-us-box .left a{text-transform:none}
footer .concat-us .info a,.feedback article a{text-transform:none}
@media (min-width:769px){.singglepage .concat-us .concat-us-box li p:nth-of-type(2){max-width:300px}
.index .about .right{padding-left:5vw}}
@media (max-width:768px){.singglepage .concat-us .concat-us-box li p:nth-of-type(2){max-width:250px}
.index .about .right h3::after{display:none}}
.index .popular .right img{object-fit:cover}
.head-top{background: var(--color);}
.head-contact em{color:var(--headercolor)}
.head-contact>a:hover{color:var(--headercolor);opacity:.9}
.fadeInUp{animation-name:fadeInUp;animation-delay:.3s;animation-duration:1s;visibility:visible}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}
100%{opacity:1;transform:none}}
footer{color:var(--fontcolor);background:0 0}
.foot-bottom .share-link ul a,footer .foot-main .foot-item .foot-title,footer .foot-main .foot-item.foot-contact li .con p,footer a{color:var(--fontcolor)}
.share-link ul a:hover{color:var(--headercolor)}
footer .foot-top{display:none}
footer .foot-sign .sign-tit{color:var(--fontcolor)}
footer .foot-submit input{color:#000;border-color:#000}
@media (min-width:1024px) {footer .foot-main .foot-item.foot-cate  ul li{width: 100%;}}
.head-menu-box nav>ul>li>a.inmenu_1,.head-menu-box nav>ul>li>a:hover,.head-menu-box nav>ul>li ul a:hover,footer a:hover{color:#62CDE6}
.breadcrumb .breadcrumb-box{position: unset;}
.fotbef{padding: 3% 0;}
.fotbef-title{font-size: var(--fontsize30);font-weight:bold;margin-bottom: 20px;}
@media (min-width:1025px){#lioem-odm{display: flex;align-items: center;}
#lioem-odm >a{background: var(--color);color: #fff;width: 145px;height: 48px;text-align: center;border-radius: 50px;justify-content: center;line-height: 1;}}
.fotbef .wmkcfeedback .send-btn{background: var(--color);border:solid 1px var(--color);transition: .3s;}
.fotbef .wmkcfeedback .send-btn::before{display: none;}
.fotbef .wmkcfeedback .send-btn:hover{background: #fff;color: var(--color);}
.head-main .head-logo{max-width: inherit;justify-content: flex-start;}
.head-main .head-logo .cname{padding-left:10px;font-weight: var(--fontbold7);}
@media (min-width:1025px){.head-menu-box nav{width:auto;margin:0 auto;}}
@media (max-width:1280px){.head-main .head-logo .cname{display:none;}}
.pagesbanner video, .pagesbanner img{min-height:inherit;}
@media (min-width:1025px) and (max-width:1460px){.head-main .head-logo img{max-width:280px;}
.head-main .head-logo .cname{font-size:14px;}
.head-menu-box nav>ul>li>a{font-size:16px}}
.common-main.product-main .sidebar{display:none;}
.common-main.product-main .common-content{width:100%;padding-left:0;}
@media (min-width:1025px){.head-menu-box nav>ul>li#liproducts>ul.submenu{width:700px;padding:10px;left:-200px;display:flex;flex-wrap:wrap;}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li{width:32%;margin-right:2%;margin-bottom:2%;}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li a{padding:5px 5px 5px 15px}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li>a{border-bottom:1px solid #eee;position: relative;color:#666;font-size:18px;}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li>a:before{content:'';width:6px;height:6px;display:inline-block;background: #666;position:absolute;top:15px;left:5px;border-radius:50%;}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li>a:hover{color:#62CDE6}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li>a:hover:before{background:#62CDE6}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li:nth-child(3n){margin-right:0;}
.head-menu-box nav>ul>li#liproducts>ul.submenu>li>ul{transform: initial;opacity: 1;position: initial;width: 100%;}}
@media (min-width:769px){.common-main .pro-list.list1 li{width:23.5%;margin-right:2%;}
.common-main .pro-list.list1 li:nth-of-type(3n){margin-right:2%;}
.common-main .pro-list.list1 li:nth-of-type(4n){margin-right:0;}}
.pro-main.pro-d-main .l-wrap{padding: 0 20px}