@charset "utf-8"; 
table tr:nth-child(odd){background-color: #fff;}
table tr:nth-child(even){background-color: #f7f7f7;}
table tr:first-child{background-color: #2469db;color:#fff;}
/*.pro-main .prodetails-content .table tr td:nth-child(1),.pro-main .prodetails-content .table tr th:nth-child(1),.pro-main .prodetails-content .table tr:last-child td{white-space: nowrap;}*/
.pro-main .prodetails-content .table td,.pro-main .prodetails-content .table th{padding:5px;font-size:14px}
.pro-main .prodetails-content .table{width:100%!important}
@media (min-width:1025px){.page-container .page-main{width:calc(100% - 400px)}}
@media (min-width:1024px){.home-product #product-swiper .swiper-wrapper{flex-wrap: wrap;justify-content: space-between;transform:translate(0,0)!important}
.home-product #product-swiper .swiper-wrapper .swiper-slide{width:23.5% !important;margin-right:2% !important;margin-bottom:20px;}
.home-product #product-swiper .swiper-wrapper .swiper-slide:nth-child(4n){margin-right:0 !important}
.home-product .product-list .home-button-next, .home-product .product-list .home-button-prev{display:none;}}
.home-product .swiper .swiper-slide .img a{position:relative;height:0;padding-bottom:100%;}
.home-product .swiper .swiper-slide .img a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.home-service .service-wrap .service-item{background: #fff;color: #000;}
.home-service .service-wrap .service-item .text{color: #000;}
.pro-list li .pro-img a{position:relative;height:0;padding-bottom:100%;}
.pro-list li .pro-img a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
@media (min-width:1025px){.pro-main .sidebar .inquiry-wrap{margin-top:20px;}
.pro-main .sidebar .inquiry-wrap .inquiry-title{position: relative;    font-size: 22px;font-weight: var(--fontbold5);color: var(--fontcolor);line-height: 30px;margin-bottom: 20px;padding-left: 15px;}
.pro-main  .sidebar .inquiry-wrap .inquiry-title:before{content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 3px;height: 18px;background: var(--color);}}
.banner-animote.banner-animote1{color:#fff;max-width:50%;top:15%;}
.banner-animote.banner-animote1 .sm-tit{font-size:34px;font-family: fantasy;font-weight:var(--fontbold4)}
.banner-animote.banner-animote1 .big-tit-box{display:flex;align-items:center;}
.banner-animote.banner-animote1 .big-tit-box .big-tit{color:#fff;background-image: linear-gradient(to bottom, var(--color), #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:82px;font-family: fantasy;font-weight:var(--fontbold4);line-height:1.3}
.banner-animote.banner-animote1 .big-tit-box .big-more a{display:block;border:2px solid var(--color);border-radius: 5px;padding:5px 8px;margin-left:20px;text-align:center;color:#fff;font-size:30px;font-family: fantasy;font-weight:var(--fontbold4);line-height:1.2;transition: all .3s;}
.banner-animote.banner-animote1 .word{font-weight:var(--fontbold3);max-width:695px;text-transform:initial;margin-bottom:20px;}
.banner-animote.banner-animote1 .view-btn a{border:2px solid var(--color);font-size:24px;font-family: fantasy;font-weight:var(--fontbold4);display:inline;color:#fff;padding:5px 8px;letter-spacing:1px;line-height:1.2;transition: all .3s;border-radius: 5px;}
.banner-animote.banner-animote1 .view-btn.word-btn{margin-top:10%;transform: translateX(-21%);}
.banner-animote.banner-animote1 .view-btn.word-btn a{border-top-right-radius: 25px;border-bottom-right-radius: 25px;padding-right:40px;padding-left:40px;border-left:none;transition: all .3s;}
.banner-animote.banner-animote1 .big-tit-box .big-more a:hover,.banner-animote.banner-animote1 .view-btn a:hover{background:var(--color)}
.banner-animote.banner-animote2{top:10%;}
.banner-animote.banner-animote2 .sm-tit{color:#fff;font-size:35px;text-transform: initial;font-weight:normal}
.banner-animote.banner-animote2 .big-tit{color:var(--color);font-size:110px;font-family: fantasy;font-weight:var(--fontbold3);line-height:1.2}
.banner-animote.banner-animote2 .word{color:#fff;font-weight: normal;text-transform: initial;font-size:20px;}
.banner-animote.banner-animote2 .view-btn{margin:7% 0 5%;}
.banner-animote.banner-animote2 .view-btn a{display: inline;background:var(--color);border-radius: 25px;padding:3px 20px;font-size:22px;transition: all .3s;}
.banner-animote.banner-animote2 .list{display: flex;align-items: center;}
.banner-animote.banner-animote2 .list .item{position: relative;display: flex;align-items: center;color:#fff;text-transform: initial;font-size:18px;font-weight: normal;}
.banner-animote.banner-animote2 .list .item:nth-child(2){padding-left:50px;}
.banner-animote.banner-animote2 .list .item:before{content:'';width:40px;height:40px;background:var(--color);border-radius:15px;display: inline-block;margin-right:15px;}
@media (max-width:1600px){.banner-animote.banner-animote1 .sm-tit,.banner-animote.banner-animote1 .big-tit-box .big-more a{font-size:28px}
.banner-animote.banner-animote1 .big-tit-box .big-tit{font-size:74px;}
.banner-animote.banner-animote1 .view-btn a{font-size:18px;}
.banner-animote.banner-animote2 .sm-tit{font-size:40px;}
.banner-animote.banner-animote2 .big-tit{font-size:88px;}
.banner-animote.banner-animote2 .word{font-size:18px;}}
@media (max-width:1440px){.banner-animote.banner-animote1{top:9%}
.banner-animote.banner-animote1 .sm-tit,.banner-animote.banner-animote1 .big-tit-box .big-more a{font-size:24px}
.banner-animote.banner-animote1 .big-tit-box .big-tit{font-size:64px;}
.banner-animote.banner-animote1 .view-btn a{font-size:18px;}
.banner-animote.banner-animote1 .word{font-size:14px;max-width:605px;}
.banner-animote.banner-animote2 .big-tit{font-size:80px;}
.banner-animote.banner-animote2 .list .item{font-size:16px}
.banner-animote.banner-animote2 .list .item:nth-child(2){padding-left:30px;}}
@media (max-width:1280px){.banner-animote.banner-animote1 .big-tit-box .big-tit{font-size:58px;}
.banner-animote.banner-animote1 .view-btn a{font-size:16px;}
.banner-animote.banner-animote1 .word{font-size:14px;max-width:565px;}
.banner-animote.banner-animote2{top:5%;}
.banner-animote.banner-animote2 .sm-tit{font-size:34px;}
.banner-animote.banner-animote2 .big-tit{font-size: 70px;}
.banner-animote.banner-animote2 .word{font-size:16px;}
.banner-animote.banner-animote2 .list .item:before{width:30px;height:30px;border-radius: 10px;}}
@media (max-width:1024px){.banner-animote.banner-animote1 .word,.banner-animote.banner-animote2 .word{display:none;}
.banner-animote.banner-animote1{top:3%;}
.banner-animote.banner-animote1 .sm-tit, .banner-animote.banner-animote1 .big-tit-box .big-more a{font-size:18px;}
.banner-animote.banner-animote1 .big-tit-box .big-tit{font-size:38px;}
.banner-animote.banner-animote1 .big-tit-box{margin-bottom:10px;}
.banner-animote.banner-animote1 .view-btn a{font-size:12px;}
.banner-animote.banner-animote2 .big-tit{font-size:50px;}
.banner-animote.banner-animote2 .list{display:block;}
.banner-animote.banner-animote2 .list .item:nth-child(2){padding-left:0;margin-top:10px;}}
@media (max-width:768px){.banner-animote.banner-animote1{top:7%;}
.banner-animote.banner-animote1 .big-tit-box .big-more,.banner-animote.banner-animote1 .view-btn.word-btn{display: none;}
.banner-animote.banner-animote2 .sm-tit{font-size:28px;}
.banner-animote.banner-animote2 .big-tit{font-size:40px}
.banner-animote.banner-animote2 .view-btn{margin:15px 0 10px;}}
@media (max-width:500px){.banner-animote.banner-animote1,.banner-animote.banner-animote2{top:28%;}
.banner-animote.banner-animote1{max-width:65%}
.banner-animote.banner-animote1 .view-btn,.banner-animote.banner-animote2 .view-btn,.banner-animote.banner-animote2 .list{display: none;}
.banner-animote.banner-animote1 .big-tit-box .big-tit{font-size:22px;}
.banner-animote.banner-animote2 .sm-tit{font-size:14px;}
.banner-animote.banner-animote2 .big-tit{font-size:20px;}}
@media (min-width:769px){.banner-animote.banner-animote2 .big-tit{font-size:3.4vw}
.banner-animote.banner-animote1 .big-tit-box .big-tit{font-size:4.2vw}
.banner-animote.banner-animote1 .big-tit-box .big-more a{font-size:1.6vw}
.banner-animote.banner-animote1 .view-btn+.word{margin-top:20px}}
.banner-animote.banner-animote1,.banner-animote.banner-animote2{top:50%;transform:translateY(-50%)}
.swiper-slide-active .banner-animote {animation:bannerup2 1s forwards}
@keyframes bannerup2 {0% {margin-top:20px;opacity:0}
100% {margin-top:0;opacity:1}}
.banner-animote.banner-animote1 .view-btn.word-btn a{border-radius: 25px;border-left: 2px solid var(--color);}
.banner-animote.banner-animote1 .view-btn.word-btn{transform: inherit;}
.home-service .service-wrap .service-item:hover .bg img{filter: brightness(360);}
.prodetailmodule {padding-top:40px}
.prodetailmodule .inquiry-title {font-size:20px;color:var(--fontcolor);font-weight:var(--fontbold5);margin-bottom:20px}
@media (max-width:1024px){.prodetailmodule{display:none}}
.home-cases-img img{width:100%}
.home-application .applist .item:hover>a{color:#fff}
.banner-animote.banner-animote2 .list .item{margin-top: 20px;margin-right: 10px;font-size: 16px;}
.banner-animote.banner-animote2 .list .item:before{width: 10px;height: 10px;    border: 3px solid var(--color);border-radius: 50%;background: none;}
.ba-line{width:100px;height:5px;background:#fff;margin-top:10%;}
.banner-animote.ba-an1{top: 1%;left: inherit;right: 26%;}
.banner-animote.ba-an1 .txt1{color: #fff;font-size: 3.4vw;font-family: fantasy;font-weight: var(--fontbold3);line-height: 1.2;}
.banner-animote.ba-an1 .txt2{color: #fff;font-family: fantasy;font-size: 1vw;margin-top: 6%;position: relative;left: 70%;font-weight: 100;}
.banner-animote.ba-an1 .txt3{color: #fff;font-family: fantasy;font-size: 1vw;margin-top: 15%;position: relative;left: 100%;font-weight: 100;}
@media(max-width:1600px){.banner-animote.ba-an1 .txt2{margin-top: 4%;}}
@media(max-width:1440px){.banner-animote.ba-an1 .txt2{margin-top: 3%;}}
@media(max-width:1366px){.banner-animote.ba-an1 .txt2{margin-top: 2%;}}
@media(max-width:1280px){.banner-animote.ba-an1 .txt2{margin-top: 1%;}}
@media(max-width:1024px){.banner-animote.ba-an1{top:-2%;}}
@media(max-width:768px){.banner-animote.ba-an1 .txt2{display:none;}.banner-animote.ba-an1 .txt3{display:none;}.banner-animote.ba-an1{right:-43%;}}
@media(max-width:500px){.banner-animote.ba-an1{top:-7%;}}
@media(min-width:769px){.compare-panel{display:none !important;}
.rfixed{display:none !important;}}
.prodetails-top .prodetails-info .prodetails-btnlist .pro-btn {background:#fff;transition:all .3s;}
.prodetails-top .prodetails-info .prodetails-btnlist .pro-btn a {color:var(--color);}
.prodetails-top .prodetails-info .prodetails-btnlist .pro-btn:hover{background:var(--color)}
.prodetails-top .prodetails-info .prodetails-btnlist .pro-btn:hover a{color:#fff}