﻿#product{display:none;}
#product.product2{display:block;}
#product .pro-list .pro-item img{transition: all .3s;}
#product .pro-list .pro-item .img2{display:none;}
#product .pro-list .pro-item:hover .img1{display:none;}
#product .pro-list .pro-item:hover .img2{display:block;}
#appli{background-image: none;}
.advan .advan-item:after{display:none;}
.advan .advan-item{background: none;}
.advan .advan-icon{margin: 0;background: linear-gradient(to bottom, #cdd9e3, rgba(0, 0, 255, 0));}
.advan .advan-item .tit{text-align: left;}
.advan .advan-item .con{text-align: left;}
.appimg{text-align: center;}

#ind{padding-top:30px;}
#ind .ind-inner-top{display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;}
#ind .ind-inner-top .ind-title-left{width:calc(100% - 360px)}
#ind .ind-inner-top .ind-title-left .main-part{text-align: left;margin:15px 0;line-height:1.4;text-transform: initial;font-weight:var(--fontbold7)}
#ind .ind-inner-top .ind-title-right{width:200px;text-align: end;}
#ind .ind-inner-top .ind-title-right .more a{display:inline-flex;background: var(--fontcolor);border-radius:6px;overflow: hidden;color:#fff;padding:10px 20px;transition:all .3s ease-in-out;}
#ind .ind-inner-top .ind-title-right .more a img{opacity:0;visibility: hidden;width:0;transition: width .5s ease-in-out;padding-left:10px;}
#ind .ind-inner-top .ind-title-right .more a:hover{background: #eee;color:var(--fontcolor);transition: all .3s ease-in-out;}
#ind .ind-inner-top .ind-title-right .more a:hover img{width:auto;opacity: 1;visibility: initial;transition: all .3s ease-in-out;}
#ind .ind-inner-bot{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;margin-top:3%;}
#ind .ind-inner-bot .inner-left-img{width:68%;overflow: hidden;border-radius:20px;}
#ind .ind-inner-bot .inner-left-img img{width:100%;display:block;transition: all .3s;}
#ind .ind-inner-bot .inner-left-img img:hover{transform: scale(1.02);}
#ind .ind-inner-bot .inner-numbox{width:25%;}
#ind .ind-inner-bot .inner-numbox ul li{border-bottom: 1px dashed var(--introcolor);padding-bottom:20px;}
#ind .ind-inner-bot .inner-numbox ul li:last-child{border-bottom:none;padding-bottom:0;}
#ind .ind-inner-bot .inner-numbox ul li span{color:var(--color);font-weight:var(--fontbold7);font-size:50px;}
#ind .ind-inner-bot .inner-numbox ul li p{font-size:var(--fontsize18);}
@media (max-width:1440px){#ind .ind-inner-bot .inner-numbox ul li span{font-size:44px;}}
@media (max-width:1024px){#ind .ind-inner-top .ind-title-left,#ind .ind-inner-top .ind-title-right{width:100%;}
#ind .ind-inner-top .ind-title-right{text-align:left;margin-top:20px;}}
@media (max-width:768px){#ind .ind-inner-bot .inner-left-img,#ind .ind-inner-bot .inner-numbox{width:100%;}
#ind .ind-inner-bot .inner-numbox{margin-top:10px;}
#ind .ind-inner-bot .inner-numbox ul li{padding-bottom:10px;padding-top:5px;}
#ind .ind-inner-bot .inner-numbox ul li span{font-size: 26px;}}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {text-transform: capitalize;}