﻿@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
.home-banner .swiper-slide>a::after{display:none;}
.home-mainpro .mainpro-list li a .img img{object-fit:contain}
.home-about, .home-choose, .home-custom, .home-mainpro,.home-service,.home-helpcenter ,.home-custom ,.home-logo ,.home-about{background-color: #f8f4f0; }
.home-mainpro{background-color:#F0F0F0;}
.home-custom{display:none;}
.home-logo ,.home-choose ,.home-helpcenter{ background: #fff;}
.home-helpcenter ,.home-logo{ padding: 2% 0;}
.home-service .home-des, .home-service .home-title{color: var(--fontcolor);}
.home-service{background:url(/Content/uploads/2025437204/202504111135067d685544d2744baeb5b4626274feb4e5.jpg);background-size: cover;position: relative;}
.home-service::after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #ffffff4f;z-index: 1;}
.home-service .l-wrap{position: relative;z-index: 9;}
.home-service .home-des{font-weight: var(--fontbold7);}
#serviceswiper .swiper-slide .p2{font-weight: var(--fontbold7);}
.home-helpcenter .list li:hover .imgbg{transition:.2s;transform:unset}
.home-helpcenter .list li:hover .imgbg img{transform:scale(1.2)}
.home-helpcenter .list li:hover{transition:.8s;width:33%}
.home-helpcenter .list li:nth-child(even) ,.home-helpcenter .list li{background: #fff; }
.home-helpcenter{background: #f8f4f0;}
.home-helpcenter .list{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.home-helpcenter .list li{width:100% !important}
@media (max-width:768px){.home-helpcenter .list{grid-template-columns:repeat(2,1fr)}
}@media (max-width:450px){.home-helpcenter .list{grid-template-columns:repeat(1,1fr)}
}
@font-face{font-display:swap;font-display:swap;font-family:fontawesome;src:url(/images/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/images/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/images/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/images/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-family:FontAwesome!important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-check-square:before{content:"\f14a"}
.footinquiry{background-color: transparent;background-image: linear-gradient(70deg, var(--color) 0%, #aaa 100%);padding:100px 0;position:relative;overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s}
.footinquiry-bg{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%;top:-1px}
.footinquiry-bg svg{display:block;left:50%;position:relative;transform:translateX(-50%);width:calc(100% + 1.3px);width:calc(195% + 1.3px);height:56px;}
.footinquiry-bg .elementor-shape-fill{fill:#f8f4f0;transform:rotateY(0deg);transform-origin:center}
.footinquiry .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.footinquiry-feed{width:48%;background-color:#F8F9FB;margin:0px 0px 0px 0px;padding:70px 39px 70px 39px;border-radius:35px 35px 35px 0px;box-shadow:0px 55px 50px 0px rgba(0,0,0,0.5);}
.footinquiry-feed .wmkcfeedback .wmkcfb-fileupload,.footinquiry-feed .wmkcfeedback input,.footinquiry-feed .wmkcfeedback textarea{border-color:#6868685E;background:#fff;border-radius:5px;width:100%;}
.footinquiry-feed .wmkcfeedback .send-btn{color:#fff;width:auto;margin:10px 0 0 auto;border-radius:35px 35px 35px 0px;text-transform:uppercase;font-weight:bold}
.footinquiry-info{width:40%}
.footinquiry-title{font-weight:bold;color:#fff;font-size:45px;line-height:1.2;margin-bottom:10px}
.footinquiry-list li{color:#fff;display:flex;margin-bottom:8px}
.footinquiry-list li em{color:#f9b34a;font-size:var(--fontsize22);position:relative;top:2px}
.footinquiry-list li span{flex:1;padding-left:10px;font-size:var(--fontsize15);color:#f2f2f2}
.footinquiry-bot{color:#fff;font-size:var(--fontsize15);margin-top:40px;line-height:1.6}
@media (max-width:1350px){.footinquiry-title{font-size:40px}
.footinquiry-info{width:44%}}
@media (max-width:1200px){.footinquiry-title{font-size:35px}}
@media (max-width:1024px){.footinquiry-title{font-size:30px}
.footinquiry-info{width:47%}}
@media (max-width:768px){.footinquiry-feed{width:100%;padding:40px 25px}
.footinquiry-info{width:100%;margin-top:45px}}
@media (max-width:500px){.footinquiry{padding:80px 0 50px}
.footinquiry-title{font-size:var(--fontsize24)}
.footinquiry-bot{margin-top:20px}}
#indexbanner .banner-text{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;color:#fff}
#indexbanner .banner-text .title{font-size:4vw;font-weight:600;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1.2;text-align:left}
#indexbanner .banner-text .bottom{position:absolute;left:0;bottom:5%;width:100%}
#indexbanner .banner-text .bottom .l-wrap{display:flex;align-items:center;justify-content:space-between}
#indexbanner .banner-text .bottom .l-wrap .left{font-size:2vw}
#indexbanner .banner-text .bottom .l-wrap img{width:3vw}
/*#indexbanner .banner-text{background: linear-gradient(to top,#111, transparent);}*/
.home-about{background:#fff}
.home-logo .l-wrap{justify-content:center}
.home-about lite-youtube {border-radius: 20px;box-shadow: 0px 55px 50px -40px #212121;}
.home-about .aboutinfo .more{    text-transform: capitalize;text-decoration:none;padding:15px 30px;background:var(--color);color:#fff;border-radius:30px 30px 30px  0;width:fit-content;font-size:23px;font-weight:bold}
.grid-box .column{width:100%}
.grid-box.two>.column{width:50%}
a{cursor:pointer}
.init-3 a.more{font-size:16px;line-height:3.25em;padding:0 2em;border:1px solid #fff;display:inline-block;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.init-3{padding:110px 0 130px;font-weight:300;background-image:url('/uploads/19580/index/init-3-bg.jpg');background-position:right bottom;background-repeat:no-repeat;background-size:53% auto}
.init-3 .grid-box{display:flex;flex-wrap:wrap;align-items:center}
.init-3 .left{vertical-align:middle;padding-right:8%}
.init-3 .left .list ul li{margin-bottom:65px;opacity:.5;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.init-3 .left .list ul li span.h6{display:block;font-size:36px;line-height:1.2;font-weight:var(--fontbold7)}
.init-3 .left .list ul li .content{margin-top:25px;display:none}
.init-3 .left .list ul li .content .text{font-size:16px;line-height:1.8;margin-bottom:2em;font-weight:400}
.init-3 .left .list ul li .content a.more{background-color:var(--color);border-color:var(--color);color:#fff}
.init-3 .left .list ul li .content a.more:hover{background-color:#000}
.init-3 .left .list ul li:last-child{margin-bottom:0}
.init-3 .left .list ul li.active{opacity:1}
.init-3 .right{vertical-align:middle;padding-right:4%}
.init-3 .right li{position:absolute;opacity:0;top:0;z-index:-1}
.init-3 .right li.active{opacity:1;position:static;z-index:1}
.init-3 .right li img{width:100%;}
@media (max-width:1700px){.init-3 a.more{font-size:14px}
.init-3 .left .list ul li span.h6{font-size:30px}
.init-3 .left .list ul li .content .text{font-size:16px}
.init-3 .left .list ul li{margin-bottom:40px}
.init-3{padding:80px 0}}
@media screen and (max-width:1250px){.init-3 a.more{line-height:3em;height:3em;padding:0 1.5em}
.init-3{padding:60px 0}
.init-3 .left .list ul li span.h6{font-size:24px}
.init-3 .left .list ul li .content{margin-top:15px}
.init-3 .left .list ul li .content .text{margin-bottom:1em}
.init-3 .left .list ul li{margin-bottom:20px}}
@media (max-width:1024px){.init-3 .left{width:100%!important;padding-right:0}
.init-3 .right{display:none !important}
.init-3 .left .list ul li{opacity:1}
.init-3 .left .list ul li .content{display:block !important;height:auto !important;margin-top:15px !important}}
@media screen and (max-width:500px){.init-3 a.more{line-height:2.6em;height:2.6em;padding:0 1em}}
.home-news .homenewslist .swiper-slide{width:32.43%;background-color:#f7f7f7;border-radius:10px;overflow:hidden;padding:0;flex-direction:column;height:auto;margin-bottom:20px!important}
.home-news .homenewslist .swiper-slide .img{width:100%;overflow:hidden;}
.home-news .homenewslist .swiper-slide .img img{transition:0.68s;display:block;aspect-ratio:4/3;object-fit:cover;}
.home-news .homenewslist .swiper-slide:hover .img img{transform:scale(1.04);}
.home-news .homenewslist .swiper-slide .info{padding:34px 48px 28px;display:flex;flex-direction:column}
.home-news .homenewslist .swiper-slide .info .date{font-size:14px;line-height:29px;color:#666;}
.home-news .homenewslist .swiper-slide .info .date em{display:none}
.home-news .homenewslist .swiper-slide .info .title{margin-top:28px;font-size:22px;line-height:34px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;font-weight:500}
.home-news .homenewslist .swiper-slide .info .text{margin-top:20px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#666;margin-bottom:74px}
.home-news .homenewslist .swiper-slide .info .btn{display:flex;margin-top:auto}
.home-news .homenewslist .swiper-slide .info .btn a{display:flex;align-items:center;font-size:15px;line-height:30px;color:#000}
.home-news .homenewslist .swiper-slide .info .btn em{transform:rotate(-45deg);font-size:14px;font-weight:bold;margin-left:5px;transition:.5s;}
.home-news .homenewslist .swiper-slide .info .btn a:hover{color:var(--color)}
.home-news .homenewslist .swiper-slide .info .btn a:hover em{transform:rotate(0deg);}
@media screen and (max-width:1550px){.home-news .homenewslist .swiper-slide .info{padding:20px;}
.home-news .homenewslist .swiper-slide .info .title{margin-top:20px;font-size:18px;}
.home-news .homenewslist .swiper-slide .info .text{margin-bottom:20px;}}
@media (max-width:1024px){.home-news .homenewslist .swiper-slide .info .title{line-height:1.6;margin:10px 0 0}}
@media (max-width:768px){.home-news .homenewslist{flex-wrap:wrap}
.home-news .homenewslist .swiper-slide{width:100%;}
.home-news .homenewslist .swiper-slide .info .text{margin-top:10px}}


.home-products{padding-top:4%;position: relative;}
.home-products ul{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:20px}
.home-products ul li.item{width:32%;position: relative;}
.home-products ul li.item .img{overflow: hidden;}
.home-products ul li.item img{width:100%;display:block;transition: all .3s;}
.home-products ul li.item .inner{position: absolute;bottom:0;left:0;width:100%;padding:20px;color:#fff;}
.home-products ul li.item .inner .tit{font-weight: var(--fontbold7);font-size:24px;}
.home-products ul li.item .inner .more{margin-top:5px;font-size:18px;transition: all .3s;}
.home-products ul li.item .inner .more:hover{color:var(--color)}
@media (max-width:1366px){.home-products ul li.item .inner .tit{font-size:20px;}}
@media (max-width:550px){.home-products{padding-top:40px;}
.home-products ul li.item{width:100%;}
.home-products ul li.item:nth-child(n+2){margin-top:15px;}
.home-products ul li.item .inner .tit{font-size:var(--fontsize18)}
.home-products ul li.item .inner .more{font-size:var(--fontsize15)}}
footer{margin-top:0;}
.home-professional{background:#ffffff;text-align:center;padding:4% 0 30px;}
.home-cirt{padding-bottom:4%}
.professional-tit{font-weight:bold;font-size:var(--fontsize26);line-height:1.4;margin-bottom:10px;}
.professional-txt{font-size:var(--fontsize22);line-height:1.5}
@media (max-width:1024px){.professional-tit{font-size:var(--fontsize24);}
.professional-txt{font-size:var(--fontsize20);}}
@media (max-width:768px){.home-professional{padding:40px 0 20px;}
.home-cirt{padding-bottom:40px}
.professional-txt{font-size:var(--fontsize18);}}
.init-4{padding:170px 0;text-align:center;background:url("/uploads/19580/page/p20260114174202ca707.jpg") center;background-size:cover;background-attachment:fixed;color:#fff}
.init-4 .container{padding:0 15px}
.init-4 span.h3{font-size:36px;text-transform:uppercase;line-height:2.5;font-weight:300}
@media screen and (max-width:1700px){.init-4 span.h3{font-size:28px}
.init-4{padding:100px 0}}
@media screen and (max-width:1280px){.init-4 span.h3{font-size:24px}}
@media screen and (max-width:1024px){.init-4{padding:70px 0;background-size:cover}}
@media screen and (max-width:768px){.init-4 span.h3{line-height:1.2;font-size:20px}}
@media screen and (max-width:500px){.init-4 span.h3{font-size:17px}}
.home-about2 .l-wrap{flex-direction:row-reverse;align-items:center}
.home-about2 .aboutinfo{padding:0 0 0 3%}
.home-about2 img{border-radius: 20px;box-shadow: 0px 55px 50px -40px #212121;width:100%}
.home-about2 .aboutinfo p{margin:0}
@media (max-width:1024px){.home-about .aboutinfo{padding:0 0 20px}}
.home-about:not(.home-about2){padding-bottom: 2%;}
.home-about2{padding-top: 2%;}
.home-mainpro .mainpro-list{margin-top:10px;flex-wrap:nowrap;}
.mainpro-swiper{padding:0px 40px;position:relative;}
.mainpro-swiper .swiper{padding:10px}
.home-mainpro .mainpro-list li{margin-bottom:0;height:auto;}
.home-mainpro .mainpro-list li a{box-shadow:0 0 15px 0 rgba(0,0,0,.1);}
.home-mainpro .mainpro-list li a .title{line-height:1.4}
.mainpro-swiper .swiper-pagination{display:none;}
.mainpro-btn>div{position:absolute;top:50%;margin-top:-20px;width:30px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555}
.mainpro-btn>div.mainpro-prev{left:0;}
.mainpro-btn>div.mainpro-next{right:0;}
.mainpro-btn>div em{font-size:36px;}
.mainpro-btn>div:hover{color:var(--color)}
@media (max-width:768px){.mainpro-swiper{padding:0}
.mainpro-swiper .swiper{padding-bottom:40px}
.mainpro-swiper .swiper-pagination{display:block;bottom:0}
.swiper-pagination-bullet-active{background:var(--color)}
.mainpro-btn>div{display:none}
.home-mainpro .mainpro-list li a .title{padding:6px;margin:0;text-align:center}}
.home-mainpro .mainpro-list li a{box-shadow:none;background:transparent;text-align:center}
.home-mainpro .mainpro-list li a .more{color:#fff;background:#000;border:1px solid #000;border-radius:30px;width:75%;margin:0 auto 15px;padding:5px;transition:all .4s ease}
.home-mainpro .mainpro-list li a:hover .more{color:#000;background:0 0}
@media (max-width:500px){.home-mainpro .mainpro-list li a .more{width:90%;padding:2px}}

.home-cirt .l-wrap{display:flex;align-items: center;justify-content: space-between;}
@media (min-width:769px){.home-cirt .home-cirt-swiper{margin:0 auto;max-width:calc(100% - 120px)}}
.home-cirt .cirt-btn{top: 50%;margin-top: -20px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #555;transition: all .3s;}
.home-cirt .cirt-btn:hover{color:var(--color)}
.home-cirt .cirt-btn em{font-size:36px;}
@media (max-width:768px){.home-cirt .cirt-btn{display:none;}}
.home-cirt-swiper .swiper-wrapper{transition-timing-function: linear}