﻿.wmkc-wrap {width:100%;max-width:1600px;padding:0 70px;margin:0 auto}
.wmkc-custom,.wmkc-new,.wmkc-product,.wmkc-service {position:relative;padding:4% 0}
.wmkc-title {font-size:38px;font-weight:var(--fontbold6);text-align:center;color:var(--color);line-height:1.4}
@media (max-width:1280px){.wmkc-title {font-size:34px}}
@media (max-width:1024px){body {padding-top:0}
.wmkc-wrap {padding:0 15px}
.wmkc-title {font-size:var(--fontsize30)}}
@media (max-width:768px){.wmkc-title {font-size:var(--fontsize26)}}
@media (max-width:500px){.wmkc-custom,.wmkc-new,.wmkc-product,.wmkc-service {padding:30px 0}
.wmkc-wrap {padding:0 20px}}
.index footer,.index main {padding-left:260px}
header {padding-left:30px;top:46px;left:auto;transform:none;max-width:none;width:auto}
.head-nav .search-box,.head-top {display:none}
.head-info .l-wrap {display:block;max-width:none;padding:0}
.head-logo {margin-bottom:50px}
.head-nav .nav-ul {border-top:1px solid #ebebeb}
.head-nav .nav-ul {display:block;width:100%}
.head-nav .nav-ul>li {border-bottom:1px solid #ebebeb}
.head-nav .nav-ul>li>a {color:#111}
.head-nav .nav-ul>li>a::before {display:none}
.head-nav .nav-ul>li>ul {z-index:1}
header.is-active {background:0 0;box-shadow:none}
header.is-active .head-info {height:66px}
footer .foot-main {background:var(--color);color:#fff}
footer .foot-item .foot-list li a {padding-left:20px}
footer .foot-item .foot-list li a::before {top:16px;background:#fff;width:17px;height:2px;border-radius:0}
footer a:hover {color:#ddd}
footer .foot-item .foot-link .item em {color:#fff}
@media (max-width:1440px){.head-nav .nav-ul>li>a {font-size:var(--fontsize16)}}
@media (max-width:1024px){.index footer,.index main {padding-left:0}
header {background:#fff;position:fixed;padding-left:0;top:0;max-width:none;width:100%}
header.is-active {background:#fff}
.head-info .l-wrap {display:flex;padding:0 15px}
.head-logo {margin-bottom:0}
.head-info .m-menu span {background:var(--color)}}
.home-banner .swiper-slide>a::after {display:none}
.home-banner .banner-animote {width:auto;max-width:none;top:13%;left:10%;right:10%;transform:none;padding:4% 10% 2% 10%;background:#000;opacity:.83}
.home-banner .banner-animote .p1 {font-size:34px;font-weight:700;background-image:-webkit-linear-gradient(0deg,#9e9ea3 0,#d3d3d3 24%,#fff 48%,#9b9b9b 76%,#ebebeb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-banner .banner-animote .p2 {margin:0 0 28px 0}
.home-banner .home-more {border-radius:24px;margin-right:0;min-width:0;padding:10px 90px;height:auto}
.home-banner .banner-animote .p3 a {font-weight:700;background:#123486}
@keyframes bannerani {0% {margin-top:0}
100% {margin-top:0}}
@media (max-width:1680px){.home-banner .banner-animote {padding:4% 8% 2% 8%}}
@media (max-width:1440px){.home-banner .banner-animote {padding:4% 5% 2% 5%}
.home-banner .home-more {padding:10px 80px}}
@media (max-width:1280px){.home-banner .banner-animote {top:25%}}
@media (max-width:990px){.home-banner .banner-animote {padding:3% 6%}
.home-banner .banner-animote .p1 {font-size:var(--fontsize28)}}
@media (max-width:768px){.home-banner {margin-top:60px}
.home-banner .banner-animote .p1 {font-size:var(--fontsize24)}
.home-banner .banner-animote .p2 {margin:10px 0 0 0}
.home-banner .home-more {display:none}}
@media (max-width:500px){.home-banner .banner-animote .p1 {font-size:var(--fontsize20)}}
@media (max-width:390px){.home-banner .banner-animote {top:35%}
.home-banner .banner-animote .p1 {font-size:var(--fontsize18)}
.home-banner .banner-animote .p2 {display:none}}
.wmkc-custom .cus-list {margin-top:34px;padding:0 5%}
.wmkc-custom .cus-li {margin-bottom:30px;display:flex;justify-content:space-between}
.wmkc-custom .cus-li:last-child {margin-bottom:0}
.wmkc-custom .cus-li-item {margin-right:34px;position:relative;border-radius:30px;overflow:hidden}
.wmkc-custom .cus-li-item:last-child {margin:0}
.wmkc-custom .cus-li img {transition:transform .3s ease}
.wmkc-custom .cus-li-item:hover img {transform:scale(1.1)}
.wmkc-custom .cus-li-contant {position:absolute;top:10%;left:8%}
.wmkc-custom .cus-li-p {font-size:32px;font-weight:700;color:#fff;margin-bottom:20px}
.wmkc-custom .cus-li-contant a {color:#fff;background:var(--color);border-radius:20px;padding:4px 12px;transition:color .3s linear,background .3s ease}
.wmkc-custom .cus-li-contant a:hover {color:var(--color);background:#fff}
@media (max-width:1700px){.wmkc-custom .cus-list {padding:0}
.wmkc-custom .cus-li {justify-content:start}}
@media (max-width:1280px){.wmkc-custom .cus-li {margin-bottom:22px}
.wmkc-custom .cus-li-contant {top:14%}
.wmkc-custom .cus-li-item {margin-right:26px}
.wmkc-custom .cus-li-p {font-size:var(--fontsize28);margin-bottom:10px}}
@media (max-width:1024px){.wmkc-custom .cus-list {margin-top:24px}
.wmkc-custom .cus-li-p {font-size:var(--fontsize22)}}
@media (max-width:768px){.wmkc-custom .cus-li {margin-bottom:18px}
.wmkc-custom .cus-li-item {margin-right:16px}}
@media (max-width:500px){.wmkc-custom .cus-li {flex-wrap:wrap}
.wmkc-custom .cus-li-item {width:100%;margin-bottom:18px;margin-right:0}
.wmkc-custom .cus-li-item img {width:100%}}
@media (max-width:390px){.wmkc-custom .cus-list {margin-top:14px}
.wmkc-custom .cus-li-p {font-size:var(--fontsize18);margin-bottom:5px}}
.wmkc-product .pro-contant {display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 5%}
.pro-right,.wmkc-product .pro-left {width:46%}
.wmkc-product .pro-left {margin-top:70px}
.wmkc-product .pro-left .wmkc-title {text-align:left;margin-bottom:10px}
.wmkc-product .pro-item {margin-bottom:40px}
.pro-right .pro-item:last-child,.wmkc-product .pro-left .pro-item:last-child {margin-bottom:0}
.wmkc-product .pro-item img {width:100%}
.wmkc-product .pro-p {padding:0 25px 0 12px}
.wmkc-product .pro-p1 {font-size:var(--fontsize22);color:var(--color);font-weight:700;margin:15px 0 6px 0}
.wmkc-product .pro-p1:hover {cursor:pointer}
.wmkc-product .pro-p2 {color:#858585}
.wmkc-product .pro-left .p2 {line-height:2;padding-right:80px;margin-bottom:80px}
@media (max-width:1700px){.wmkc-product .pro-contant {padding:0}}
@media (max-width:1280px){.wmkc-product .pro-left .p2 {padding-right:10px}}
@media (max-width:990px){.wmkc-product .pro-left .p2 {margin-bottom:60px}}
@media (max-width:768px){.wmkc-product .pro-left {margin-top:40px}
.wmkc-product .pro-item {margin-bottom:20px}
.wmkc-product .pro-p1 {margin:10px 0 4px 0}
.wmkc-product .pro-left .p2 {line-height:1.8;margin-bottom:20px}
.wmkc-product .pro-p1 {font-size:var(--fontsize18)}}
@media (max-width:500px){.wmkc-product .pro-left {margin-top:0}
.pro-right,.wmkc-product .pro-left {width:100%}
.wmkc-product .pro-left .pro-item:last-child {margin-bottom:20px}
.wmkc-product .pro-left .p2 {margin-bottom:30px;padding-right:0}
.wmkc-product .pro-p {padding:0}}
.wmkc-choose .choose-contant {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch}
.wmkc-choose .choose-img {width:43%}
.wmkc-choose .choose-img img {width:100%;height:100%}
.wmkc-choose .choose-text {width:57%;color:#fff;padding:30px 70px 30px 60px;background:var(--color)}
.wmkc-choose .wmkc-title {font-size:32px;text-align:left;color:#fff}
.wmkc-choose .choose-p {margin-top:18px}
@media (max-width:1440px){.wmkc-choose .choose-img {width:35%}
.wmkc-choose .choose-text {width:65%;padding:30px 50px 30px 40px}}
@media (max-width:1280px){.wmkc-choose .choose-img {width:100%}
.wmkc-choose .choose-text {width:100%;padding:40px 60px}}
@media (max-width:1024px){.wmkc-choose .wmkc-title {font-size:var(--fontsize30)}}
@media (max-width:768px){.wmkc-choose .choose-text {padding:30px 50px}
.wmkc-choose .wmkc-title {font-size:var(--fontsize26)}}
@media (max-width:500px){.wmkc-choose .choose-text {padding:30px}
.wmkc-choose .choose-p {margin-top:10px}}
.wmkc-service .service-list {margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.wmkc-service .ser-li {width:23%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.wmkc-service .ser-li-img {display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color);width:125px;height:125px;border-radius:30px}
.wmkc-service .ser-li-text {margin-top:30px}
.wmkc-service .ser-li-p1 {font-size:var(--fontsize28);font-weight:700;color:var(--color);margin-bottom:10px;line-height:1.6}
.wmkc-service .ser-li-p1:hover {cursor:pointer}
.wmkc-service .ser-li-p2 {font-size:var(--fontsize18);color:#a1a1a1;padding:0 20px}
@media (max-width:1440px){.wmkc-service .ser-li-img {width:115px;height:115px}
.wmkc-service .ser-li-p1 {font-size:var(--fontsize24)}
.wmkc-service .ser-li-p2 {padding:0 10px}}
@media (max-width:1024px){.wmkc-service .service-list {margin-top:40px}
.wmkc-service .ser-li {width:24%}
.wmkc-service .ser-li-text {margin-top:20px}
.wmkc-service .ser-li-p1 {font-size:var(--fontsize20)}}
@media (max-width:990px){.wmkc-service .service-list {margin-top:20px}
.wmkc-service .ser-li {width:48%;margin-top:20px}
.wmkc-service .ser-li-i.wmkc-newmg {width:90px;height:90px}
.wmkc-service .ser-li-img img {width:40px;height:auto}}
@media (max-width:500px){.wmkc-service .ser-li {width:100%}
.wmkc-service .service-list {margin-top:0}
.wmkc-service .ser-li-text {margin-top:10px}
.wmkc-service .ser-li-p2 {padding:0 20px}}
@media (max-width:390px){.wmkc-service .ser-li {margin-top:30px}
.wmkc-service .ser-li:first-child {margin-top:20px}
.wmkc-service .ser-li-text {margin-top:20px}
.wmkc-service .ser-li-p1 {margin-bottom:0}}
.wmkc-new {background:#f0f0f0}
.wmkc-new .new-swiper {margin-top:60px}
.wmkc-new .new-slide-img {overflow:hidden}
.wmkc-new .new-slide-img img {width:100%;transition:transform .3s ease}
.wmkc-new .new-slide-img:hover img {transform:scale(1.1)}
.wmkc-new .new-slide-text {margin-top:20px}
.wmkc-new .new-slide-p1 {font-weight:700;margin-bottom:5px;transition:color .3s linear}
.wmkc-new .new-slide-p1:hover {color:var(--color);cursor:pointer}
.wmkc-new .new-slide-p2 {font-size:var(--fontsize14);color:#858585}
@media (max-width:1280px){.wmkc-new .new-swiper {margin-top:40px}}
@media (max-width:1024px){.wmkc-new .new-swiper {margin-top:30px}}
@media (max-width:500px){.wmkc-new .new-swiper {margin-top:20px}}
@media (max-width:390px){.wmkc-new .new-slide-text,.wmkc-new .new-swiper {margin-top:10px}
.wmkc-new .new-slide-p1 {margin-bottom:0}}
.css3 {box-shadow:0 0;width:calc(100% + 2em);font-size:24px}
fieldset,img {border:0}
:focus {outline:0}
address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var {font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400}
abbr,acronym {border:0;font-variant:normal}
button,input,optgroup,option,select,textarea {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt {font-size:100%}
body {line-height:1.5}
ol,ul {list-style:none}
table {border-collapse:collapse;border-spacing:0}
ctoolion,th {text-align:left}
sub,sup {font-size:100%;vertical-align:baseline}
:link,:visited,ins {text-decoration:none}
blockquote,q {quotes:none}
blockquote:after,blockquote:before,q:after,q:before {content:'';content:none}
.wmkc-choose .more{display: inline-block;background: #fff;margin-top: 15px;color: var(--color);border-radius: 20px;padding: 4px 12px;transition: opacity .3s ease;}
.wmkc-choose .more:hover{opacity: .9;}