﻿@charset "utf-8"; 
:root {--color: #FB6F00;}
.home-activity .l-wrap {  min-height: 620px;}
.wmkc-phone{background:#20B4F7}
.wmkc-phone .wmkc-icon {background:url(/Content/C_IMG/Common/mob-b-w.png) no-repeat center;background-size:24px;}
.wmkc-phone:hover .wmkc-icon {background-image:url(/Content/C_IMG/Common/mob-b.png)}
.head-top{height:auto;}
.head-top .text{display:none}
@media (max-width:1024px){.head-logo img{max-height:95%;object-fit:contain}}
.prodetails-main .prodetails-content #tagTabs{display: none; }
@media (min-width:769px){.preview-container .thumbnail-box .item{height:36px}}
@media (min-width:1281px){.preview-container .thumbnail-box .item{height:56px}}
@media (min-width:1025px){.head-info{padding:0;overflow:hidden}
.head-nav{position:relative;transform:none;left:auto;bottom:auto;animation:none;}
header{position:fixed;left:0;top:0;width:100%;}
.head-top.cur+.head-info{height:0;}
.nav-ul>li>a{line-height:27px}
body:not(.index){padding-top:160px}
body:not(.index) .head-info{background:#fff}
.banner-inner{min-height:inherit}}
@media (min-width:769px){.foot-info{margin-right:3%;width:20%;max-width:240px}
.foot-nav .foot-item.foot-quick{width:auto;}
.foot-nav .foot-item.foot-quick .foot-list{display:block;}
.foot-nav .foot-item.foot-quick .foot-list li{width:100%;}
.foot-item.foot-pro{width:65%}
.foot-item.foot-pro .foot-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.foot-item.foot-pro .foot-list li{width:32%}}
@media (max-width:1440px) and (min-width:769px){.foot-info .foot-tel,footer{font-size:var(--fontsize14)}
.foot-nav .foot-item .foot-title{font-size:var(--fontsize20)}}
@media (max-width:1280px) and (min-width:769px){.foot-info{margin-right:3%;width:22%;max-width:inherit}
.foot-item.foot-pro{width:54%}
.foot-item.foot-pro .foot-list li{width:48%}}
@media (max-width:1024px) and (min-width:769px){.foot-info{margin:0;width:100%;}}
@media (max-width:768px){.foot-nav .foot-item .foot-list li a{padding:3px 0}
.foot-nav .foot-item .foot-list{justify-content:space-between}
.foot-nav .foot-item .foot-list li{width:49%}}
@media (max-width:400px){.foot-info .foot-tel,footer{font-size:var(--fontsize13)}}

@media (min-width:1025px) {
.head-logo a span{font-size: 24px;}
.head-nav.scrollhead{top:30px}
}

