﻿@charset "utf-8";
:root {--color: #55BBEC;--color1: #0098F5;--color2:#2460A7;--hovercolor: #55BBEC;--footercolor: #FFFFFF;--fontfamily:"Roboto",arial}
@media (min-width: 769px){.prodetails-top{flex-direction: row-reverse;}.prodetails-info{margin-left: 0;margin-right: 20px;}}
@media (min-width:1025px){.singglepic {width:55%;height:500px;}
.prodetails-info-box.summary{padding:7% 20px;display: flex;flex-direction: column;justify-content: center;}
.prodetails-text {line-height:1.9;}
.prodetails-text-title {margin-bottom:10px;}
.preview-container {width:55%}
.thumbnail-show {height:500px;}}
.prodetails-tabs .l-wrap .prodetails-tabs-item:nth-child(2){display:none;}
.pro-d-main .prodetails-tabs{position: static;}
.pro-d-main .prodetails-top .prodetails-text-title,.home-banner .swiper-slide>a::after{display:none;}
@media(max-width:768px){.kche-t43 .kche-flex-item2{width:100%}}
.kche-t195 .kche-t195-item{margin-bottom:20px}
.kche-t172 .kche-t172-item{align-items:center}
.home-products {padding: 4% 0;}
.home-banner .banner-animote.an1 .p1{color:#013491;}
.home-banner .banner-animote.an1 .p2{color:#000;font-weight:800;}
.home-banner .banner-animote.an1 .p2 span:nth-child(2){margin-left:10%;}
.home-banner .banner-animote.an2{left:20%;}
.home-banner .banner-animote.an2 .p1{color:#013491;font-weight:800;}
.home-banner .banner-animote.an2 .p3{color:#000;font-weight:800;}
.home-banner .banner-animote.an2 .p2 a{border-radius: 0;background: none;border: 1px solid #000;color:#000;}
@media(max-width:768px){.home-banner .banner-animote.an2 .p3{display:none;}}
.home-indexadv .indexadv-right ul li .icon{background: var(--bgcolor);border-radius: 0;}
.home-indexadv .indexadv-right ul li .icon em{display:none;}
.home-indexadv .indexadv-right ul li .icon::after{display:none;}
.home-solution{background-color: #fff;margin-top:2%;padding:2% 0 0}
.home-solution .home-title{color:#1cce7e;}
.home-solution .mySwiper2 .swiper-slide .content .title{color:#1cce7e;}
.home-solution .mySwiper2 .swiper-slide .content .text{color:#000;}
.homeabout-info>p{display:none;}
.home-solution .loading{display:none;}
.home-solution .mySwiper-button-next em, .home-solution .mySwiper-button-prev em{color:#000;}
@media(min-width:1025px){.home-banner .banner-animote.an1 .p1{font-size:40px;}}
footer {position:relative}
footer>div {position:relative;z-index:1}
footer::after,footer::before {content:"";position:absolute;top:0;left:0;width:54%;height:100%;background:url(https://css02.v15cdn.com/m430/imgs/foottop-bg.webp) no-repeat left;background-size:auto 100%;}
footer::after {left:auto;right:0;}
footer::before {transform:rotate(180deg);}
footer .foot-bot .foot-share ul a,footer .foot-bot .foot-share ul a:hover {color:#fff}
footer .foot-bot .foot-share span::after {background:#fff;}
.home-indexadv .indexadv-right ul li{background:var(--color1)}
.home-indexadv .indexadv-right ul li:nth-child(2n){background:var(--color)}
.home-indexadv .indexadv-right ul li p,.home-indexadv .indexadv-right ul li span{color:#fff}
.home-indexadv .indexadv-left .home-title{color:var(--color1)}
.home-products{text-align:center;}
.home-products .home-title{background:var(--bgcolor);color: #fff;display: inline-block;padding: 5px 20px;text-align: center;margin: 0 auto;border-radius: 5px;}
.homepro-recommend-item .info .name,.homepro-recommend-item .info .text{text-align:left;}
.home-about{background:var(--bgcolor)}
.home-about .homeabout-info{width:100%;max-width:750px;padding-left:30px;background:none;margin:0 auto;}
@media (max-width:1440px){.home-about .homeabout-info{max-width:485px;}}

.head-nav .nav-ul>li>a.inmenu_1,.head-nav .nav-ul>li:hover>a,.head-nav .nav-ul>li>ul li:hover>a{color:var(--color2)!important}
.head-nav .nav-ul>li>a::after{background:var(--color2)}
.home-solution .home-title,.home-solution .mySwiper2 .swiper-slide .content .title{color:var(--color2)}
.home-about .homeabout-info .homeabout-more{color:var(--color)}
footer, footer .foot-item .foot-link .item em, footer a:hover{color:var(--color2)}
footer .foot-item .foot-list li a::before{border-left-color:var(--color2)}
footer .foot-bot{background:var(--color2);color:#fff}
.home-indexadv .indexadv-left .home-title,.head-nav .search-input button em{color:var(--color2)}
.banner-inner .banner-breadcrumbs .link-home em,.product-cateitem:hover .cate-info .title,.sidebar-item .sidebar-list .item .info .more{color:var(--color2)}
.banner-inner .banner-breadcrumbs::before{background:var(--color2)}
.pro-cate-title,.prodetails-name{background:linear-gradient(0deg,var(--color2) 0,var(--color2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.indSec6{margin:80px 0}
.indSec6_list{display:flex;align-items:flex-start;justify-content:space-between;list-style-type: none;flex-wrap: wrap;}
.indSec6_list li{padding:30px 30px 90px;width:calc(33.33% - 30px);background-color:#fff;box-shadow:0 0 25px rgba(0,0,0,.15);position:relative;opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.indSec6.on .indSec6_list li{opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.indSec6_list h6{font-size:30px;color:#63ae30;line-height:1.2}
.indSec6_box{margin-top:4%;display:flex;align-items:center;justify-content:space-between}
.indSec6_box p{font-size:14px;color:#666;line-height:1.8}
.indSec6_list li:nth-child(1) h6,.indSec6_list li:nth-child(1) p,.indSec6_list li:nth-child(2) h6,.indSec6_list li:nth-child(2) p{color:#fff}
.indSec6_box img{width:32%}
.indSec6_txt{width:60%}
.indSec6_list .publicMore{position:absolute;left:30px;bottom:40px;color: #fff;}
@media (min-width:768px){.container{margin:0 auto;padding:0}
}
@media (min-width:1280px){.container{width:1230px}
}
@media (min-width:1366px){.container{width:1320px}
}
@media (min-width:1440px){.container{width:1390px}
}
@media (min-width:1600px){.container{width:1600px}
}
@media(max-width:1024px){.indSec6.on .indSec6_list li{height:492px !important;}}
@media(max-width:768px){.indSec6.on .indSec6_list li{height:348px !important;width:100%;margin-bottom:20px;}}

.indSec4{margin-top:30px;opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);-o-transform:translateY(80px);transform:translateY(80px)}
.indSec4.on{opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.indSec4 .comment_title h6,.indSec4 .comment_title p{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);-webkit-transition:all 1s ease-in-out .3s;-moz-transition:all 1s ease-in-out .3s;-ms-transition:all 1s ease-in-out .3s;-o-transition:all 1s ease-in-out .3s;transition:all 1s ease-in-out .3s}
.indSec4.on .comment_title h6,.indSec4.on .comment_title p{opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.indSec4.on .comment_title h6{color:var(--color2)}
.indSec4_box{padding:50px 10% 40px;background-color:#fff;box-shadow:0 0 25px rgba(0,0,0,.15)}
.indSec4_list{margin-top:80px;display:flex;align-items:flex-start;justify-content:space-between;list-style-type: none;}
.indSec4_list li{width:33%;position:relative;cursor:pointer;opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);-o-transform:translateY(80px);transform:translateY(80px);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.indSec4.on .indSec4_list li{opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.indSec4_icon{width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transform:rotate(0) translate(0,-70px) rotate(0);position:absolute;top:30px;left:40%;z-index:2;transition:all 750ms cubic-bezier(.7,0,.3,1)}
@keyframes Orbit{from{transform:rotate(0) translate(0,-70px) rotate(0)}
to{transform:rotate(360deg) translate(0,-70px) rotate(-360deg)}
}
.indSec4_icon.animated{animation:Orbit 2s cubic-bezier(.7,0,.3,1) 1}
.indSec4_list h6{margin:0 auto;width:130px;height:130px;border-radius:50%;border:2px solid #63ae30;font-size:22px;color:#1a1a1a;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}
.indSec4_list h6 span{margin-right:5px;font-size:18px;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}
.indSec4_list p{margin-top:10px;font-size:16px;color:#1a1a1a;text-align:center}
.indSec4.on .indSec4_list li:hover .indSec4_icon{animation: Orbit 2s cubic-bezier(0.7, 0, 0.3, 1) 1;}
.ind4-text{text-align:center;}
@media(max-width:768px){.indSec4_list p{-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;}.indSec4_icon {left:30%;}}
@media(max-width:500px){.indSec4.on .indSec4_list li{width:100%;margin-bottom: 50px;}.indSec4_list{flex-wrap: wrap;}}
.indSec4_icon img{width:25px;}
.home-solutionlist {display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-solutionlist li {width:calc(50% - 30px);background-color:#fff;box-shadow:0 0 25px rgba(0,0,0,0.15);list-style:none;margin-bottom:60px;}
.home-solutionlist li .home-solutionpic img {display:block;width:100%;}
.home-solutionlist li .home-solutioninfo {padding:30px 8% 50px;}
.home-solutionlist li .home-solutiontit {font-size:30px;color:var(--color2);line-height:1.3;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.home-solutionlist li .home-solutioninfo p {margin-top:20px;font-size:16px;color:#808080;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;}
.home-solutionlist li .home-solutionbtn {margin-top:20px;}
.home-solutionlist li .home-solutionbtn a {display:inline-block;font-size:16px;color:var(--color2);position:relative;text-transform:capitalize;}
.home-solutionlist li .home-solutionbtn a::after {content:'';display:block;width:100%;height:1px;background-color:var(--color2);position:absolute;left:0;bottom:-4px;transition:all 0.3s ease-in-out;}
.home-solutionlist li .home-solutionbtn a:hover::after {width:120%;}
@media (max-width:1024px){.home-solutionlist li .home-solutioninfo{padding:20px 5% 40px}
.home-solutionlist li .home-solutiontit{font-size:23px}}
@media (max-width:768px){.home-solutionlist li{width:100%;}
.home-solutionlist li .home-solutioninfo{padding:15px 15px 30px}
.home-solutionlist li .home-solutiontit{font-size:20px}
.home-solutionlist li .home-solutioninfo p{font-size:15px;margin-top:10px}
.home-solutionlist li{margin:20px 0}
.home-solutionlist li .home-solutionbtn a{font-size:15px}}
.headlinkbtn {display:flex;align-items:center;background:var(--color2);padding:5px 15px;line-height:1.4;text-transform:capitalize;border-radius:2px;}
.headlinkbtn i {margin-right:6px;}
.headlinkbtn:hover {opacity:.9;}
@media (max-width:1200px){.headlinkbtn{display:none}}
@media (min-width:1025px){.head-top .search-box .head-search {display:none}
.head-top .search-box .search-input {display:flex;margin:0 10px 0 20px;}
.head-top .search-box .search-input input {width:200px;height:32px;padding-left:10px;font-size:16px;border:none;outline:0}
.head-top .search-box .search-input button {width:40px;height:32px;border:none;outline:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;background:var(--color2);color:#fff;}
.head-top .search-box .search-input button em {font-size:22px;}
footer .foot-item.foot-nav{width:23%}
footer .foot-item.foot-code{width:16%}}
footer .foot-item.foot-code .foot-erm{background:none;max-width:220px;display:flex;justify-content:space-between;padding:8px 0}
footer .foot-item.foot-code .foot-erm img{max-width:48%;}
@media (min-width:1201px){.homepro-recommend-item{width:32%;margin-bottom:25px!important}
.homepro-recommend-item .info .name{font-size:18px;padding-bottom:4px}
.homepro-recommend-item .info .text{-webkit-line-clamp:2;font-size:15px}
.homepro-recommend-item .info .home-more{min-width:inherit;height:34px;font-size:15px}}
.banner-inner .banner-title-h1{display:none}
header .head-logo{height: 100%;display: flex;align-items: center;}
header .head-logo>a,header .head-logo>a>img{height:100%;}
footer::after, footer::before{display:none;}
footer{background:var(--color1)}
.homepro-recommend-item{display: block;}
.homepro-recommend-item .img{width:100%;}
.homepro-recommend-item .info{margin-top:20px;}
.home-about {display: none;}
.head-logo a img{max-height: 40px;}
.home-catalog {padding-top:4vw;}
.catalog-swiper .swiper-pagination {display:none;}
.catalog-swiper .swiper-slide {height:auto;position:relative;}
.catalog-swiper .swiper-slide .inner-box{position:relative;}
.catalog-swiper .swiper-slide img {display:block;width:100%;}
.catalog-swiper .swiper-slide .catalogcontent {width:100%;position:absolute;height:100%;top:0;left:0;background:rgba(0,0,0,.4);padding:15px 20px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;transition:.1s;opacity:0}
.catalog-swiper .swiper-slide .catalogcontent a {color:#fff;text-transform:capitalize;display:inline-block;padding-bottom:4px;border-bottom:1px solid #fff;transition:.3s;transform:translateY(50px)}
.catalog-swiper .swiper-slide .words{text-align:center;margin:10px 0;}
.catalog-swiper .swiper-slide:hover .catalogcontent {opacity:1}
.catalog-swiper .swiper-slide:hover .catalogcontent a {transform:translateY(-10px)}
@media (max-width:768px){.home-catalog {padding-top:40px;}}
.common-main.download .home-catalog{padding:0}
footer{color:#fff;}
footer .foot-item .foot-list li a::before {border-left-color: #fff;}
footer ,footer .foot-bot{background: #09122b;}
.indSec4_box{padding-left:50px;padding-right:50px}
.indSec4_box .comment_title{max-width:1050px;margin:0 auto}
.indSec4_list2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;margin-bottom:20px}
.indSec4_list2 li{width:23%;margin-top:20px;text-align:center;border-radius:6px;box-shadow:0 0 10px #aaa;padding:30px 20px}
.indSec4_list2 li .secpic img{width:16px;margin:0 3px}
.indSec4_list2 li .sectit{font-weight:bold;margin:25px 0 10px;font-size:30px;color:#666;line-height:1.2}
.indSec4_list2 li p{color:#999;font-weight:bold;line-height:1.3;}
@media (max-width:1440px){.indSec4_list2 li .sectit{font-size:25px;}
.indSec4_list2 li p{font-size:var(--fontsize14)}}
@media (max-width:1200px){.indSec4_box{padding-left:30px;padding-right:30px}}
@media (max-width:1024px){.indSec4_list2 li{width:48%}}
@media (max-width:768px){.indSec4_box{padding-left:15px;padding-right:15px}
.indSec4_list2 li{padding:20px 10px}}
@media (max-width:540px){.indSec4_list2 li{width:100%}
.indSec4_list2{margin-top:0}
.indSec4_list2 li .sectit{font-size:var(--fontsize22);}}
@media (min-width:1025px){header.is-active .head-info .head-logo a img {max-height: 40px;}}