@charset "utf-8"; 
:root{--color:#017bc6}
@media screen and (min-width:961px){.head{position:fixed;top:0;left:0;z-index:999999999;width:100%;background:#fff}
.nav{box-shadow:0 0 0 #fff;border-bottom:1px solid #eee}
.searchbox{height:70px;background:#fff;border-bottom:1px solid #eee;z-index:9999999;position:fixed;top:141px;left:0}
.body{margin-top:116px}
.inner_banner{margin-top:141px}}
.logo{height:auto}
.nav{margin-top:40px}
.mobile_logo .logo_img{width:46px}
.searchbox{display:none}
.inmenu_1{color:#000!important}
.LocalCurrent{background-color:#dbdbdb!important;color:#fff!important}
.head .container{position:relative}
@media screen and (max-width:960px){.tshare{visibility:hidden;height:0}}
@media screen and (min-width:961px){#xyz{position:absolute;right:470px;top:12px}
.tshare{position:absolute;right:0;top:10px;z-index:99999}
.tshare a{margin-left:2px}}
.videolist:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.videolist li{float:left;width:33.3333%;padding:0 12px;box-sizing:border-box}
.videolist li iframe{width:100%}
@media screen and (max-width:992px){.videolist li{width:50%}}
@media screen and (max-width:480px){.videolist li{width:100%}}
.zxgt123{z-index:99999999999}
.two_imgbox:after,.two_imgbox:before{display:none}
.mid_box .single_one{width:33.33%}
.mid_box .two_imgbox{width:unset;height:unset;border:none}
.single_one img{width:unset;max-width:90%}
.searchbox1{position:absolute;right:200px;top:11px}
.searchbox_content{display:flex;padding:0;width:auto}
#txtSearch{height:30px;background:#eee;border:0;width:170px;font-size:14px}
#btnSearch{height:30px;border:0;width:auto;padding:0 15px}
.nav li a{padding:0 13px;line-height:75px}
.nav .submenu{top:100%}
.bt-logo{display:none}
.floatwindow_fd_conct{top:120px!important}
.skill_top img{width:150px}
.mid_box .two_imgbox{margin:46.19px auto 0;padding:10px 0}
.floatwindow_fd-main li:nth-of-type(2){display:none!important}
.floatwindow_fd-main li:nth-of-type(3){display:none!important}
.floatwindow_fd-main li:nth-of-type(4){display:none!important}
#firmodule{padding:50px 0}
#firmodule .row{display:flex;justify-content:space-between;align-items:center}
#firmodule .modlef{width:48%}
#firmodule .modlef iframe{width:100%}
#firmodule .modrig{width:48%;line-height:1.8;font-size:16px}
.foot .container{position:relative;padding-right:160px;box-sizing:border-box}
img.fotqr{position:absolute;right:10px;width:130px;top:0}
.foot{padding:20px 0}
.nav li a{padding:0 5px}
.home-product .product-list .swiper-wrapper{flex-wrap:wrap;justify-content:space-between}
.home-product .product-list .swiper-slide{height:auto;width:32%;margin-bottom:30px}
.home-product .swiper .swiper-slide .info{padding-bottom:20px}
@media (max-width:1024px){.home-product .product-list .swiper-slide{width:48%}}
@media (max-width:768px){.home-product .swiper .swiper-slide .info{margin-top:10px;padding:0 0 10px}
.home-product .swiper .swiper-slide .info i{display:none}
.home-product .swiper .swiper-slide .info .title{font-size:16px}}
.table-responsive{max-width:850px}
article img{height:auto !important}
.table td{vertical-align:middle}
@media (min-width:769px){.logo img{max-height:60px}}
.wmkc-template-36 .wmkc-flex-list .wmkc-flex-t p{border:none;width:auto}
.wmkc-template-36 .wmkc-flex-list .wmkc-flex-item4 .wmkc-flex-b{border:none}
.wmkc-template-36 .wmkc-flex-list .wmkc-flex-item4{border:1px solid #eee;box-sizing:border-box}
.home-banner .swiper-slide>a::after{background:none}
.home-foottop {background:url(/uploads/16877/page/p20240428173721d3928.jpg) no-repeat center;background-size:cover;}
.home-foottop::after,.home-foottop::before {display:none}
.home-solution .solution-swiper .swiper-slide {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.home-solution .solution-swiper .swiper-slide img {width:45%;border-radius:var(--borderradius)}
.home-solution .solution-swiper .swiper-slide .content {flex:1;color:#fff;padding-left:50px;padding-top:20px}
.home-solution .solution-swiper .swiper-slide .content .title {font-size:30px;font-weight:var(--fontbold6);margin-bottom:20px}
.home-solution .solution-swiper .swiper-slide .content .text {font-size:16px;opacity:.8;margin-bottom:2em}
.home-solution .solution-swiper .swiper-slide .content .more {min-width:170px;height:50px;border:1px solid #fffcfc;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;cursor:pointer}
.home-solution .solution-swiper .swiper-slide .content .more::before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fff;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px}
.home-solution .solution-swiper .swiper-slide .content .more:hover {color:var(--fontcolor)}
.home-solution .solution-swiper .swiper-slide .content .more:hover::before {transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.solutioncontentlist {display:flex;margin-top:40px;justify-content:space-between;max-width:560px}
.solutioncontentlist li {list-style:none;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;width:110px;height:110px;padding:4px;position:relative;z-index:1;cursor:pointer}
.solutioncontentlist li::after {content:"";width:95%;height:95%;background:#000;position:absolute;border-radius:50%;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%)}
.home-solution .solution-swiper .swiper-slide .solutioncontentlist li img {width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .1s linear}
.solutionbtn{display:flex;justify-content:center;flex-direction:row-reverse;margin-top:20px;}
.solutionbtn>div {margin:0 20px;cursor:pointer}
.solutionbtn>div.swiper-button-disabled{cursor:default}
.solutionbtn>div.swiper-button-disabled em {color:#666}
.solutionbtn>div em {color:#fff;font-weight:var(--fontbold3);font-size:30px}
@media (max-width:1200px){.solutioncontentlist li{width:22%;height:auto;max-width:110px}}
@media (max-width:768px){.home-solution .solution-swiper .swiper-slide img {width:100%}
.home-solution .solution-swiper .swiper-slide .content .title{font-size:18px}
.home-solution .solution-swiper .swiper-slide .content {padding-left:0;padding-top:20px}
.solutioncontentlist{max-width:100%;}}
.home-banner .swiper-slide{position:relative;}
.home-banner .swiper-slide .linkbox{position:absolute;width:100%;height:100%;display:flex}
.home-banner .swiper-slide .linkbox1{top:21vw;left:12vw;}
.home-banner .swiper-slide .linkbox2{top:18.5vw;left:6vw;}
.home-banner .swiper-slide .linkbox div a{color:#fff;font-weight:var(--fontbold7);padding:7px 25px;border:2px solid #fff;border-radius:30px;display:block;font-size:1.3vw;line-height:1;opacity:0;}
.home-banner .swiper-slide .linkbox div:nth-child(1){margin-right:10px;}
@media (max-width:768px){.home-banner .mobimg{height:auto;}
.home-banner .swiper-slide .linkbox div a{font-size:4px;}}
@media (max-width:500px){.home-banner .swiper-slide .linkbox div a{padding:1px 5px;}}
.prodetails-content iframe{height:320px;}
@media (max-width:768px){.prodetails-content iframe{height:430px;min-height:inherit}}
@media (max-width:550px){.prodetails-content iframe{height:240px;}}
@media (min-width:1201px){footer .foot-item.foot-info {width:22%;}
footer .foot-item.foot-cate {width:auto;max-width:19%}
footer .foot-item.foot-cate .foot-list {display:block;}
footer .foot-item.foot-cate .foot-list li {width:100%}
footer .foot-item.foot-nav {width:20%;}
footer .foot-item.foot-code {width:auto;max-width:12%;}
footer .foot-item.foot-inquiry {width:22%;}}
.foot-inquiry .wmkcfeedback input {width:100%;margin-bottom:10px;height:44px;}
.foot-inquiry .wmkcfeedback textarea{height:170px}
.foot-inquiry .wmkcfeedback .send-btn {margin:0;}
@media (max-width:1200px) and (min-width:769px){footer .foot-item{width:48%!important;}}
.home-banner .banner-animote{top:33%;left:14%;transform: inherit;text-align: left;font-family:Arial;padding:0;}
.home-banner .banner-animote .p1{max-width:100%;margin-left:0;line-height:1;margin-bottom:10px;}
.home-banner .banner-animote .p2{margin-top:15px;justify-content: flex-start}
.home-banner .banner-animote .p2 a{background:none;border:1px solid #fff;font-size:20px;height:auto;min-width:inherit;padding:5px 15px;min-width:180px;}
.home-banner .banner-animote .p2 a:hover{background:var(--color);border-color:var(--color)}
.home-banner .banner-animote.banner-animote2{top:25%;left:9%;}
.home-banner .banner-animote.banner-animote2 .p3{font-weight:var(--fontbold7)}
@media (min-width:769px){.home-banner .banner-animote.banner-animote1 .p1{font-size:44px;}
.home-banner .banner-animote.banner-animote1 .p3{font-size:30px;}
.home-banner .banner-animote.banner-animote2 .p1,.home-banner .banner-animote.banner-animote2 .p3{font-size:34px;}}
@media (min-width:769px) and (max-width:1600px){.home-banner .banner-animote.banner-animote1 .p1{font-size:2.4vw;}
.home-banner .banner-animote.banner-animote1 .p3{font-size:1.65vw;}
.home-banner .banner-animote .p2 a{font-size:1.1vw;min-width: 10%;}
.home-banner .banner-animote.banner-animote2 .p1,.home-banner .banner-animote.banner-animote2 .p3{font-size:1.78vw;}}
@media (min-width:769px) and (max-width:1280px){.home-banner .bannerswiper-prev{left:20px;}
.home-banner .bannerswiper-next{right:20px;}}
@media (max-width:768px){.home-banner .banner-animote{left:10%;}
.home-banner .banner-animote.banner-animote2{left:3%;}
.home-banner .banner-animote .p1,.home-banner .banner-animote.banner-animote2 .p3{font-size:var(--fontsize16)}
.home-banner .banner-animote.banner-animote1 .p3{font-size:var(--fontsize12)}}
@media (max-width:550px){.home-banner .banner-animote{text-align:center;left:0;padding:0 20px;top:50%;transform: translateY(-50%);}
.home-banner .banner-animote.banner-animote2{top:50%;}}
@media (min-width:1025px){.head-nav .nav-ul>li#lihome+#li>.submenu,.head-nav .nav-ul>li#liapplication>.submenu{display:flex;flex-wrap:wrap;width:610px;}
.head-nav .nav-ul>li#lihome+#li>.submenu>li,.head-nav .nav-ul>li#liapplication>.submenu>li{width:50%;}}
   @media (min-width:1025px){.head-nav .nav-ul>#li>ul li{width:50%}
.head-nav .nav-ul>#li>ul{width:610px;display:flex;flex-wrap:wrap}}
@media (min-width:1025px){.head-nav .nav-ul>#li:nth-child(7)>ul{display:unset;width:auto}
.head-nav .nav-ul>#li:nth-child(7)>ul li{width:100%}}