body{overflow-x:hidden}
.software-bg{background:linear-gradient(180deg,#a2d1ff 0%,#fbfcff 100%)}
.software-bg .container{width:1340px}
.swiper-main{border-radius:20px;background:linear-gradient(180deg,#cfeaf7 0%,#f1f5f9 100%);box-shadow:4px 2px 9px 2px #9ccafa;margin-top:40px}
header{height:127px}
.loader-inner{width:100%;display:none;height:34px;background:#ff5400;position:absolute;top:0px;border-radius:34px}
.ball-clip-rotate{width:25px;height:25px;margin:auto}
.ball-clip-rotate > i{background-color:#fff;width:100%;height:width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #fff;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}@keyframes scale{30%{-webkit-transform:scale(0.3);transform:scale(0.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.ball-clip-rotate-pulse > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0px;left:0px;border-radius:100%}
.ball-clip-rotate-pulse > i:first-child{background:#fff;height:16px;width:16px;top:9px;left:9px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.ball-clip-rotate-pulse > i:last-child{position:absolute;border:2px solid #fff;width:30px;height:30px;background:transparent;border:2px solid;border-color:#fff transparent #fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}.ball-clip-rotate-multiple{position:relative}
.ball-clip-rotate-multiple > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0px;top:0px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}
.ball-clip-rotate-multiple > i:last-child{display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:0.5s;animation-duration:0.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;x-direction:reverse}
@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}
100%{opacity:0.0}
}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}
100%{opacity:0.0}
}.loader-black{background:#fff}
.loader-black .ball-clip-rotate > i{border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #333;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite}
.banner{text-align:center;height:210px;position:relative;background:linear-gradient(180deg,#cfeaf7 0%,#f1f5f9 100%);border-radius:20px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;box-shadow:4px 2px 9px 2px #9ccafa}
.banner:before{width:130px;height:130px;display:block;background:url(../images/icon-1.webp) no-repeat center;background-size:100%;position:relative;left:43px;content:" "}
.banner:after{width:224px;height:210px;display:block;background:url(../images/banner-3.webp) no-repeat 0px 0px;background-size:100%;position:relative;right:-15px;top:0px;content:" "}
.banner img{max-width:1699px}
.banner .banner-text{position:absolute;width:100%;line-height:45px}
.banner .text-big{color:#000000;font-size:40px;font-weight:bold;font-family:sans-serif}
.banner .text-small{text-align:center;color:#000000;font-size:20px}
.b-small .text-small{color:#000;font-size:24px;text-shadow:0px -1px 1px #ceedfb,-1px -1px 3px #e6f5fd,1px 1px 0px rgb(231 246 253)}
.b-small .text-big{color:#1643c8;text-shadow:3px 2px 8px #e8f6fd}
.b-small:after{background:url(../images/offi02.webp) no-repeat 0px 0px;background-size:100%}
.b-small:before{background:url(../images/offi01.webp) no-repeat 0px 0px;background-size:100%;width:217px;left:0px;height:182px}
.software-bg .service-warp{background:#f6fafc;border-radius:8px;margin:40px 0px}
.software-bg .service-warp ul{display:flex}
.software-bg .service-warp li{flex:1;height:60px;align-items:center;display:flex;justify-content:center;text-transform:uppercase}
.software-bg .service-warp li i{display:inline-block;width:36px;height:36px}
.software-bg .service-warp li:nth-child(1) i{background:url(../images/service-1.webp) no-repeat center;background-size:cover}
.software-bg .service-warp li:nth-child(2) i{background:url(../images/service-2.webp) no-repeat center;background-size:cover}
.software-bg .service-warp li:nth-child(3) i{background:url(../images/service-3.webp) no-repeat center;background-size:cover}
.software-bg .service-warp li:nth-child(4) i{background:url(../images/service-4.webp) no-repeat center;background-size:cover}
.swiper-main{position:relative;padding:0 50px;margin-bottom:50px}
.swiper-container{border-radius:8px;padding:0px}
.swiper-main .item-warp{background:#fff;padding:0px;transition:all 0.5s linear;transform:scale(0.95);border-radius:19px;overflow:hidden}
.swiper-main .item-warp .item-left{flex:1;display:flex;align-items:center;justify-content:center}
.swiper-slide a{position:relative}
.swiper-main .item-warp .item-left .p-off{display:block;background:#ffcc00;width:75px;height:36px;position:absolute;top:0;left:0;text-align:center;line-height:32px;font-size:19px;color:#000000;z-index:1;border-bottom-right-radius:13px;border-top-left-radius: 5px;}
.swiper-main .item-warp .item-left .item-img{position:relative;height:306px;  padding-top: 25px;}
.swiper-main .item-warp .item-left img{border-radius:6px;height:100%}
.swiper-main .item-warp .item-right{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;padding-top:0px}
.swiper-main .item-warp .item-right .title a{color:#333;display:block}
.swiper-main .item-warp .item-right .title{color:#000;font-size:17px;line-height:25px;font-weight:bolder;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;text-align:center;display:flex;align-items:center;justify-content:center;height:104px}
.swiper-main .item-warp .item-right .item-text{width:100%}
.swiper-main .item-warp .item-right .clleft-price{font-size:16px;display:flex;justify-content:center;align-items:center;margin-top:12px}
.swiper-main .item-warp .item-right .s_us{text-decoration:line-through;display:block;font-size:18px;color:#666;padding-left:10px}
.swiper-main .item-warp .item-right .c_price{display:block;font-size:28px;color:#000;font-weight:700;padding:12px 0px}
.swiper-main .item-warp .item-right .buynow{padding:11px 25px;background:#e76773;color:#fff;background-size:19px;position:relative;display:flex;border-radius:35px;align-items:center;cursor:pointer;justify-content:center;flex:1}
.swiper-slide{width:433px}
.swiper-slide-active .swiper-box,.swiper-slide-duplicate-active .swiper-box{transform:scale(0.95)}
.swiper-slide-active .swiper-box:hover,.swiper-slide-duplicate-active .swiper-box:hover{transform:scale(1)}
.swiper-slide:hover .swiper-box{box-shadow:0px 2px 14px 2px #e4e3e3;transform:scale(1)}
.swiper-button-next,.swiper-button-prev{margin-top:-80px;width:60px;height:60px}
.swiper-button-prev{left:-12px}
.swiper-button-next{right:-12px}
.swiper-slide-active a:before{display:none}
.swiper-slide a:after{display:none}
.swiper-slide a{cursor:pointer}
.swiper-wrapper{position:relative;display:flex}
.swiper-pagination{display:none}
.swiper-main .clleft{display:flex;justify-content:center;align-items:center;margin-top:20px}
.swiper-main .clleft .custom{position:relative;margin-right:50px}
.swiper-main .clleft .custom button.items-count{background-color:#f8f8f8;border:1px #f8f8f8 solid;color:#999;position:absolute}
.swiper-main .clleft .custom button.items-count:hover{color:#000}
.swiper-main .clleft .add-to-cart .qty,.swiper-main .clleft .qty-holder .qty{background-color:#f8f8f8;border:1px solid #f8f8f8;border-radius:0px;font-size:15px;font-weight:bold}
.swiper-main .clleft .custom .qty{height:42px;text-align:center;width:46px;vertical-align:top;background:#f8f8f8;border:1px solid #f8f8f8}
.swiper-main .clleft .custom .qty-input-text{margin-left:10px}
.swiper-main .clleft .custom button.items-count{font-size:10px;line-height:0px;padding:0px;height:22px;width:30px;text-align:center;font-weight:normal;background:#f8f8f8}
.swiper-main .clleft .custom button.reduced{border-right:none;border-radius:3px 0 0 3px;right:-30px;top:0px}
.swiper-main .clleft .custom button.increase{border-left:none;border-radius:0 3px 3px 0;top:20px}
.swiper-main .clleft .custom .i-s{padding:4px;line-height:29px;color:#666;padding-left:16px;display:none}
.swiper-main .item-warp:hover{box-shadow:0px 2px 14px 2px #e4e3e3;transform:scale(1)}
.swiper-main .item-warp .item-right .buywarp{display:flex;justify-content:center;align-items:center;padding:0px 23px;flex:1;padding-right:40px}
.swiper-main .item-warp .item-right .buywarp .buy-a{font-size:16px}
.swiper-main .item-warp .item-right .buywarp .add{width:48px;height:48px;position:absolute;right:12px}
.swiper-main .item-warp .item-right .buywarp .addsuccess{position:absolute;left:0;top:0px;width:48px;height:48px;background:#fff;display:none;line-height:44px;border:0px solid #b8e6ba;border-radius:6px}
.swiper-main .item-warp .item-right .buywarp .addsuccess span{position:absolute;top:15px;left:17px}
.swiper-main .item-warp .item-right .buywarp .add-cart{width:48px;height:48px;display:flex;cursor:pointer;justify-content:center;align-items:center;border:0px solid #b8e6ba;opacity:0.5;border-radius:6px;font-size:26px;color:#0faf54;position:relative}
.swiper-main .item-warp .item-right .buywarp span{color:#0faf54}
.swiper-main .item-warp .item-right .buywarp .buy-a:hover{opacity:1}
.swiper-main .item-warp .item-right .buywarp .loader-inner{left:0px;height:100%;background:#888888;z-index:1;opacity:0.8}
.swiper-main .item-warp .item-right .buywarp .loader-inner .ball-clip-rotate{width:25px;height:25px;margin:auto;margin-top:4px}
.swiper-main .item-warp .item-right .item-code{color:#666;display:inline-block;background:#e7f1f7;padding:0px 8px;line-height:30px;cursor:pointer;position:relative;display:none;border-radius: 11px;}
.swiper-main .item-warp .item-right .code{font-size:14px;display:flex;justify-content:center;align-items:center;line-height:44px;position:relative}
.swiper-main .item-warp .item-right .btn-copy{background:#0faf54;color:#ffffff;font-size:12px;margin:0px 17px;border-radius:21px;cursor:pointer;line-height:24px;position:absolute;right:-52px;word-break:keep-all;white-space:nowrap;top:14px;display:none;width:23px;height:23px;opacity:0.8}
.swiper-main .item-warp .item-right .btn-copy:hover{opacity:1}
.swiper-main .item-warp .item-right .edm-discount-text{padding-left:5px;font-weight:bold;color:#f35822;font-size:16px}
.swiper-main .item-warp .item-right  .buy-btn{text-align:center;width:148px;margin:auto;position:relative}
.swiper-main .item-warp .copy-code {opacity: 0;width: 120px; position: absolute;top: 0px;pointer-events: none;}
.swiper-main .swiper-slide{margin:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:49px;width:50%;left:556px}
.swiper-pagination-bullet{background:#4169e1;width:12px;height:12px;margin-bottom:4px}
.swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(0.85);transform:scale(0.85)}
.swiper-pagination-bullet-active{width:22px;background-color:#4169e1;height:12px;border-radius:10px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:20px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:20px}
.swiper-slide a{background:transparent;display:inline}
.swiper-slide-active a:before,.swiper-slide a:after{display:none}
.swiper-button-next,.swiper-button-prev{opacity:1;box-shadow:0px 0px 7px 0px #eaeaea;bottom:244px;background-color:#fcfcfc;width:50px;height:114px;border-radius:12px;top:auto}
.swiper-button-container .s-item{flex:1;position:relative}
.swiper-button-container{display:flex;position:relative;bottom:38px}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{pointer-events:auto}
.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-main .item-active{display:flex;background:transparent;padding-top:51px}
.swiper-main .item-active .item-right .item-code{display:block}
.swiper-main .item-active .item-left .item-img{border-radius:20px;border:0px solid #fff;height:380px;width:380px;background: #fff;    text-align: center;padding: 20px;}
.swiper-main .item-active .item-left{flex:none;padding-right:31px;align-items:center;justify-content:left}
.swiper-main .item-active .item-left img{border-radius:6px;    height: 100%;}
.swiper-main .item-active .item-right .title{justify-content:flex-start;height:auto;font-size:32px;line-height:41px;text-align:left;padding-bottom:11px}
.swiper-main .item-active .item-left .p-off{left:auto;right:0;border-bottom-right-radius:0;border-bottom-left-radius:12px;border-top-right-radius: 20px;}
.swiper-main .item-active .item-right .item-code{background:transparent}
.swiper-main .item-active  .item-right .code{justify-content:center;width:245px;background:url(../images/code-3.webp) no-repeat center left;background-size:245px;padding-left:24px;font-size:20px;font-weight:bold;color:#000}
.swiper-main .item-active .item-right .clleft-price{justify-content:flex-start}
.swiper-main .item-active  .item-right .buywarp{position:relative}
.swiper-main .item-active .item-right .buywarp .add{right:-28px}
.swiper-main .item-active .clleft{width:340px}
.swiper-main .item-active  .item-right .edm-discount-text{color:#c70500;font-size:22px}
.swiper-main .item-active:hover{-webkit-transform:scale(0.95);transform:scale(0.95);box-shadow:0px 0px 0px 0px #e4e3e3}

@media (max-width:768px){
header{height:160px}
.banner{margin-top:0;height:155px;position:relative;z-index:0}
.banner img{max-width:100%;width:100%}
.banner .banner-text{padding-top:0px;line-height:40px}
.banner .text-big{font-size:28px}
.banner .text-small{font-size:20px}
.header_active .search-form{z-index:2}
.software-bg{padding:14px;padding-top:40px}
.swiper-main .item-warp{display:block}
.swiper-button-container div:nth-child(1){display:none}
.swiper-main .item-warp .item-right .retail{font-size:20px;padding-top:12px}
.swiper-button-next,.swiper-button-prev{top:360px}
.swiper-main .item-warp .item-left{background-color:transparent}
.swiper-container{height:auto}
.swiper-main .item-warp .item-right .btn-copy{font-size:20px;width:35px;height:35px;line-height:34px;padding:0px;top:2px}
.swiper-main .item-warp .item-right .code{font-size:24px}
.swiper-main .item-warp .item-left .p-off{font-size:32px;background:#ffcc00;width:99px;height:53px;line-height:50px}
.swiper-main .item-warp .item-right .item-code{padding:9px 36px;display: block;}
.swiper-main .item-warp .item-left .item-img{border-radius:0px;height:430px}
.swiper-main .clleft{margin-top:40px;padding-bottom:37px;transform:scale(1.5);padding:0px 51px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:30px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:30px}
.swiper-main .item-warp .item-right .title{font-size:38px;line-height:43px;padding:17px 0px;width:100%;min-height:auto;height:auto}
.swiper-main .item-warp .item-right .buywarp .loader-inner .ball-clip-rotate{margin-top:4px}
.swiper-main .clleft .custom .qty{height:40px}
.swiper-main .item-warp .item-left .p-off { top: 47px;right: auto;left: auto;}
.swiper-main .item-warp .item-right .item-code::before,.swiper-main .item-warp .item-right .item-code::after{top:34px}
.swiper-main .item-warp .item-right .buywarp .add{right:48px}
.swiper-main .item-warp .item-right .buywarp{padding-right:40px;padding-left:0px}
.swiper-main .item-warp .item-right .edm-discount-text{font-size:30px}

.banner:after {width: 73px;height: 156px;}
.software-bg .container{width:auto}
.swiper-main .item-warp .item-right{padding:0px}
.swiper-main .item-warp .item-right .item-text{width:auto;padding:41px;padding-top:0px}
.swiper-main .clleft .custom{margin-right:38px}
.swiper-main .item-warp .item-right .s_us{font-size:23px}
.banner:before{background-size: 61%;left:-10px}
.b-small:before{background:url(../images/offi01.webp) no-repeat 0px 0px;background-size:50%;width:217px;left:-6px;height:172px;top:75px}
.b-small:after {width: 101px;height: 155px;}
}