﻿@charset "utf-8";
:root{--color:#214c96}
 .prodetails-tabs .prodetails-tabs-item{display:none}
@media(min-width:769px){.head-logo a img{max-height: 60px;}}
header,header.is-active{background: #fff;}
.nobanner header .head-info{background: #fff;}
@media (min-width:1025px){body,.nobanner{padding-top:135px;}
body.index header .head-top{background: #1a1414;}
header .head-info{background:#fff;height:85px}
.head-nav .nav-ul>li>a{color:#000}}
@media (max-width:1024px){.m-menu span{background:#000}}
@media (max-width:1024px) and (min-width:769px){.nobanner{padding-top:70px}}
.home-banner .swiper-slide>a::after{display:none}
.home-cate {display:none;}
footer .foot-item .foot-logo img {max-height:90px;}
.head-nav #licase>a{pointer-events: none;}
.head-logo a span{margin-left:15px;font-size:18px;}
@media (max-width:768px){.head-logo a span{margin-left:10px;font-size:14px;}}
.home-hotpro .hotpro-main .hotpro-wrap{width: 100%;}
.home-choose{padding-top:0}
.que{position:relative;display:flex;z-index:2}
.que article{font-size:var(--fontsize14);line-height:1.5;margin:20px 0px;max-width:448px}
.que-item{display:block;flex:1;padding:70px;box-sizing:border-box;position:relative;background:#fff;}
.que-item:before{bottom:0px;transition:opacity .5s ease 0s,transform .5s ease 0s;border-top:2px solid #000;border-bottom:2px solid #000;transform:scaleX(0);-webkit-transform:scaleX(0)}
.que-item:after,.que-item:before{content:"";position:absolute;width:94%;height:92%;top:4%;left:3%;opacity:0;box-sizing:border-box}
.que-item:after{transition:opacity .3s ease 0s,transform .3s ease 0s;border-left:2px solid #000;border-right:2px solid #000;transform:scaleY(0);-webkit-transform:scaleY(0)}
.que-item:hover:after,.que-item:hover:before{opacity:1;transform:scale(1)}
.que-item:hover .more-btn{margin-left:14px}
.que-num{font-size:var(--fontsize24);color:#000;margin-bottom:20px}
.que-num,.que-title{color:#000;font-weight:var(--fontbold6)}
.que-title{font-size:25px}
.que .more-btn,.que article{color:#000}
.que .more-btn{font-size:var(--fontsize14);text-transform:uppercase;transition:margin .2s}
.que .more-btn i,.que .more-btn em{display:inline-block;width:14px;height:14px;background:#1F2B41;position:relative;top:1.5px;left:3px}
.que .more-btn i::after,.que .more-btn em::after{content:"";display:inline-block;position:absolute;top:4px;left:3px;width:4px;height:4px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
@media (max-width:1280px){.que-item{padding:40px}}
@media (max-width:1024px){.que{flex-wrap:wrap;flex-direction:column}
.que-item{width:100%;padding:6.6666666667vw 4vw}
.que-num{margin-right:10px;margin-bottom:0px}
.que-num,.que-title{display:inline-block;font-size:var(--fontsize24)}
.que-item:hover:after,.que-item:hover:before{opacity:0}
.que article{max-width:100%}}
div#wmkc .gocontact{color:#fff;background:var(--color);margin-top:20px;font-size:20px;position:absolute;bottom:-107px;left:-50%;transform:translate(0,-50%);padding:10px 20px}

@media (min-width:1025px){.nav-ul>li#liproducts{position:relative;}
.nav-ul>li#liproducts .submenu{background:#fff;display:flex;justify-content: space-between;width:1200px;left:-500px;position: absolute;top:100%;padding:20px;}
.nav-ul>li#liproducts .submenu .navpro-left{width:240px}
.nav-ul>li#liproducts .submenu .navpro-left .nav-l-item a{display:inline-block;padding:10px;transition:all .3s;border-radius: 20px;margin-bottom:10px;border:1px solid #ccc;width:100%;font-weight: var(--fontbold7);height:auto;line-height:inherit;font-size:var(--fontsize16)}
.nav-ul>li#liproducts .submenu .navpro-left .nav-l-item:hover a,.nav-ul>li#liproducts .submenu .navpro-left .nav-l-item.navpro-active a{background: var(--color);color:#fff;border-color:var(--color)}
.nav-ul>li#liproducts .submenu .navpro-left .nav-l-item:last-child a{margin-bottom:0;}
.nav-ul>li#liproducts .submenu .navpro-right{width:calc(100% - 240px);padding-left:30px;}
.nav-ul>li#liproducts .submenu .navpro-right .nav-r-item{display:none}
.head-nav .nav-ul>li#liproducts>ul ul{position:initial;transform: initial;opacity:1;box-shadow: none;min-width: inherit;}
.head-nav .nav-ul>li#liproducts>ul ul li a{height: auto;line-height:inherit;transition: all .3s;display:inline-block;white-space: normal;overflow: inherit;padding:0 5px;}
.nav-ul>li#liproducts .submenu .navpro-right .inner>ul{display:flex;justify-content: space-between;flex-wrap:wrap;}
.nav-ul>li#liproducts .submenu .navpro-right .inner>ul>li{width:32%;}
.nav-ul>li#liproducts .submenu .navpro-right .inner>ul>li>a{font-weight: var(--fontbold7);font-size:var(--fontsize16);}
.nav-ul>li#liproducts .submenu .navpro-right .inner>ul>li>ul{color:var(--introcolor);margin-top:5px;}
.nav-ul>li#liproducts .submenu .navpro-right .inner>ul>li>ul>li>a{font-size:var(--fontsize14)}
.nav-ul>li#liproducts .submenu .navpro-right .inner>ul>li>a:hover,.nav-ul>li#liproducts .submenu .navpro-right .inner>ul>li>ul>li>a:hover{color:var(--color)}}
@media (min-width:1025px) and (max-width:1460px){.nav-ul>li#liproducts .submenu{left:-650px}}
@media (min-width:1025px) and (max-width:1300px){.nav-ul>li#liproducts .submenu{width:1000px;left:-540px}}
@media (max-width:1024px){.head-nav .nav-ul>li#liproducts>ul ul{padding-left:10px;padding-right:0}
.head-nav .nav-ul>li#liproducts>ul a{padding-right:0;height: auto;line-height: 1.6;-webkit-line-clamp:inherit;overflow: inherit;white-space: normal;padding-top:8px;padding-bottom:8px;}
.nav-ul>li#liproducts .submenu .navpro-left .nav-l-item a{font-weight: var(--fontbold7);}}
.nav-ul>li#liproducts .submenu .navpro-left .nav-l-item:nth-last-child(n+3){display:none}