@charset "utf-8";
header{
    width:100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    z-index: 9;
    position: relative;
}
.absolute_top{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.index_top_bar{
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}
.head_top_bg {
    background-color: #20232c;
}
.index_top_bar .head_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index_top_bar .head_top a{
    color: #fff;
}
.index_top_bar .head_top .left span {
    margin-right: 2vw;
}
.index_top_bar .head_top .right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.index_top_bar .head_top .right .custom{
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    margin-right: 15px;
    padding: 10px 15px;
}
.head_langauge{
    position: relative;
    padding: 10px 0px;
}
.head_langauge ul {
    position: absolute;
    display: block;
    right: 0;
    top: calc(100% + 1px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    padding: 10px 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 9;
}
#lang_ul li {
    padding: 5px 15px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    color: #2b2b2b;
    font-size: 14px;
}
#lang_ul li a{
    display: block;
    color: #2b2b2b;
}
#lang_ul li a:hover{
    color: #0078d7;
}
.head_langauge:hover ul {
    opacity: 1;
    visibility: visible;
}
.header .logo img{
    height: 62px;
    margin-right: 10px;
    width: auto;
    transition: all .5s;
}
.header .logo img:nth-child(2){
    display: none;
}

.header{
    width: 100%;
    padding: 20px 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header.on{
   position: absolute;
   top: 44px;
}
.header.on1{
   background: rgba(255,255,255,1.0);
   border-bottom: 1px solid #eaeaea;
   box-shadow: 0 0px 4px 1px rgba(34, 34, 34, 0.1);
}
.header .nav{
    padding: 0px 0px;
    display: flex;
    justify-content: flex-end;
}
.header .nav>ul{
    transition: all .5s;
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}
.header .nav>ul>li{
    display: inline-block;
    position: relative;
    padding: 0px 20px;
}
.header .nav>ul>li>a{
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px 0px;
    line-height: 65px;
    white-space: nowrap;
    transition: all 0.3s;
}

.header .nav>ul>li:hover a,.header .nav>ul>li.active a{
    color: #0078d7;
    font-weight: 600;
}
header .nav>ul>li>a img{
    margin-right: 5px;
}
header .nav>ul>li.custom{    
    display: flex;
}
header .nav>ul>li.custom span{
    display: block;
    line-height: 1.2;
}
header .nav>ul>li.custom span i{
    font-style: normal;
    display: block;
    font-size: 10px;
}
header .nav>ul>li.custom>a{
    padding: 0px 0px;
    font-size: 16px;
    display: flex;
    align-items: center;
}
header .nav ul.sub-menu {
    display: none;
    position: absolute;
    left: -10%;
    top: 95%;
    width: 120%;
    background: #fff;
    border-radius: 2px;
}
header .nav ul.sub-menu li{width:100%; border-bottom:1px solid rgba(0,0,0,.05);}
header .nav ul.sub-menu li a{display:block;font-size:14px;font-weight: 300; background: #fff; color:#444; line-height:20px; padding:12px 2%; text-align:center; }
header .nav ul.sub-menu li a:hover{color:#3c4a76; background:#f2fcfa;}
header .nav>ul>li:hover ul.sub-menu {
    display: block;
}
.has-children:not(.sub-menu) {
    position: relative;
}
header .nav .submenu {
    display: block;
    position: absolute;
    left: 0%;
    opacity: 0;
    top: 98%;
    
    border-radius: 0px;
    transition: .3s;
    z-index: 1;
    height: 0;
    width: 200px;
    overflow: hidden;
}
/* header .nav .submenu ul{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
} 
header .nav .submenu ul li{    
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    break-inside: avoid;
}*/
header .nav .submenu ul li h5{
    color: #2b2b2b;
    white-space: nowrap;
    line-height: 40px;
    padding: 5px 10px;
    background-color: #efefef;
    border-bottom: 1px solid #fff;
    transition: all 0.3s;
}
header .nav .submenu ul li:hover h5{
    color: #fff;
    background: #0078d7;
    border-bottom: 1px solid #000;
}
header .nav ul li:hover .submenu{
    opacity: 1.0;
    height: auto;
    z-index: 15;
}
header .nav ul li:hover .submenu ul li a{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin: 2px 0;
    cursor: pointer;
}
header .nav ul li:hover .submenu ul li a:hover{
    color: #3c4a76;
}
@media(max-width:1260px){
    .header .nav>ul>li {
        padding: 0px 12px;
    }
    .header .nav>ul>li>a{
        font-size: 14px;
    }
}
@media(max-width:992px){
    .header {
        padding: 15px 0px;
        background: #fff;
    }
    .index_top_bar{
        background: #fff;
        color: #2a2a2a;
        border-bottom: 1px solid #eaeaea;
    }
    .index_top_bar .head_top a{
        color: #2a2a2a;
    }
    .header .logo img{
        height: 35px;
    }   
    header .nav{
        width: 65vw;
    }
    header .nav ul {
        padding-top: 60px;
        transition: all .5s;
        max-width: 100%;
    }
    .header .nav>ul>li>a{
        color: #2b2b2b;
    }
    header .nav ul li a.nav-link{
        font-size: 18px;
        line-height: 30px;
    }
    header .nav{
        position: fixed;
        right:-100vw;
        top: 0px;
        width:100vw;
        height:calc(100vh - 0px);
        background:#fff;
        transform: translateX(0);
        overflow: hidden;
        background: -o-linear-gradient(60deg,#fff,#fff 100%);
        background: linear-gradient(60deg,#fff,#fff 100%);
        z-index:-1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
    }
    header .nav ul{
        display: block;
        padding: 80px 20px 0;
        transition: all .5s;
        counter-reset: offcanvas-counter;
        flex-direction: column;
    }
    header .nav ul li{
        display: block;
        padding: 0 0px;
        position: relative;
    }
    .header .nav>ul>li {
        padding: 10px 15px;
        border-bottom: 1px solid #eaeaea;
    }
    header .nav ul li a.nav-link{
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 32px;
        font-weight: 600;
        counter-increment: offcanvas-counter;
    }    
    header .nav .submenu ,header .nav .sub-menu{
        display: none;
    }
    header .nav.show{
        right: 0;
    }
}
/* banner */
.banner{
    position: relative;
    width: 100%;
    background-color: #000;
    overflow: hidden;
}
.banner img{
    width: 100%;
    transition: all .3s ease-out,right .2s ease-out;
}
.common{
    padding-top:80px;
    padding-bottom:80px;
}
.common-tip,.common-title{margin:0px auto;text-align:center}
.common-title{font-size:var(--fontsize30);text-transform:uppercase;font-weight:var(--fontbold6)}
.common-tip{color:#4c4c4c;line-height:2}
@media (max-width:767px){
    .common{
       padding-top:25px;
       padding-bottom:25px;
    }
    .common-title{font-size:var(--fontsize24)}
}
/* 标语 */
.que{position:relative;display:flex;top:-5px;z-index:2}
.que article{font-size:var(--fontsize14);line-height:1.5;margin:20px 0px;max-width:448px}
.que-item{display:block;flex:1;padding:70px;box-sizing:border-box;position:relative}
.que-item:first-of-type{background:#24292f}
.que-item:nth-of-type(2){background:var(--color)}
.que-item:nth-of-type(2) .more-btn i:after,.que-item:nth-of-type(2) .more-btn em:after{border-color:var(--color)}
.que-item:nth-of-type(3){background:#FBFBFB}
.que-item:nth-of-type(3) .more-btn,.que-item:nth-of-type(3) .que-num,.que-item:nth-of-type(3) .que-title,.que-item:nth-of-type(3) article{color:var(--fontcolor)}
.que-item:nth-of-type(3) .more-btn i,.que-item:nth-of-type(3) .more-btn em{background:#1F2B41}
.que-item:nth-of-type(3) .more-btn i::after,.que-item:nth-of-type(3) .more-btn em::after{border-color:#FFFFFF}
.que-item:nth-of-type(3):after,.que-item:nth-of-type(3):before{border-color:var(--color)}
.que-item:before{bottom:0px;transition:opacity .5s ease 0s,transform .5s ease 0s;border-top:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:scaleX(0);-webkit-transform:scaleX(0)}
.que-item:after,.que-item:before{content:"";position:absolute;width:94%;height:92%;top:4%;left:3%;opacity:0;box-sizing:border-box}
.que-item:after{transition:opacity .3s ease 0s,transform .3s ease 0s;border-left:2px solid #FFFFFF;border-right:2px solid #FFFFFF;transform:scaleY(0);-webkit-transform:scaleY(0)}
.que-item:hover:after,.que-item:hover:before{opacity:1;transform:scale(1)}
.que-item:hover .more-btn{margin-left:14px}
.que-num{font-size:var(--fontsize24);color:#FFFFFF;margin-bottom:20px}
.que-num,.que-title{color:#FFFFFF;font-weight:var(--fontbold6)}
.que-title{font-size:25px}
.que .more-btn,.que article{color:#FFFFFF}
.que .more-btn{font-size:var(--fontsize14);text-transform:uppercase;transition:margin .2s}
.que .more-btn i,.que .more-btn em{display:inline-block;width:14px;height:14px;background:#FFFFFF;position:relative;top:1.5px;left:3px}
.que .more-btn i::after,.que .more-btn em::after{content:"";display:inline-block;position:absolute;top:4px;left:3px;width:4px;height:4px;border-right:2px solid #24292f;border-bottom:2px solid #24292f;transform:rotate(-45deg)}
@media screen and (max-width:768px){
    .que{flex-wrap:wrap;flex-direction:column}
    .que-item{width:100%;padding:6.6666666667vw 4vw 10.6666666667vw}
    .que-num{margin-right:10px;margin-bottom:0px}
    .que-num,.que-title{display:inline-block;font-size:var(--fontsize24)}
    .que-item:hover:after,.que-item:hover:before{opacity:0}
}
/* 优势 */
.adv{margin:50px 0px}
.adv .advance-list{margin-top:30px}
.adv .advance-list .common-wrapper{display:flex;flex-wrap:wrap;}
.adv .adv-list .common-wrapper{display:flex;flex-wrap:wrap}
.adv .advance-list .adv-item{width:50%;padding:45px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s}
.adv .advance-list .adv-item img{margin-bottom:20px;}
.adv .advance-list .adv-item article{color:var(--introcolor);font-size:var(--fontsize14);text-align:center;display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.adv .advance-list .adv-item:hover{box-shadow:0 1px 10px rgba(34,25,25,.15)}
.adv .advance-list .adv-t{font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-bottom:10px}
@media screen and (max-width:768px){
    .adv .advance-list .common-wrapper, .adv-list .common-wrapper {
        justify-content: space-between;
    }
    .adv .advance-list .adv-item{width:48%;padding:2.4vw;border:1px solid #e1e1e1;margin-bottom:4vw}
    .adv .advance-list .adv-t{font-size:var(--fontsize14);margin-bottom:2.6666666667vw;line-height:1.3}
    .adv .advance-list .adv-item img{margin:5.3333333333vw 0;}
    .adv .advance-list .adv-item article{font-size:var(--fontsize14);margin-top:auto;display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
/* 产品分类 */
.cate-list{display:flex; flex-wrap: wrap;overflow: hidden;}
.cate-item{width:20%;position:relative}
.cate-item:hover .cate-name,.cate-item:hover .cate-num{opacity:0}
.cate-item:hover .cate-btn{opacity:1;transform:translateZ(0) scale(1)}
.cate-name{font-size:var(--fontsize22);font-weight:var(--fontbold6);margin-bottom:24px}
.cate-name,.cate-num{transition:opacity .3s}
.cate-num{font-size:var(--fontsize16)}
.cate-img{background-color:#000000}
.cate-img img{opacity:.78; width: 100%;}
.cate-info{position:absolute;transition:top .4s ease;top:0px;left:0px;width:100%;height:100%}
.cate-info a{position:relative;display:flex;justify-content:center;align-items:center;color:#FFFFFF;width:100%;height:100%;flex-direction:column}
.cate-btn{width:160px;height:45px;line-height:45px;background:var(--color);border-radius:3px;position:absolute;text-align:center;transition:opacity .35s,transform .35s;transform:translate3d(0,20px,0) scale(1.1);opacity:0;bottom:20%}
@media screen and (max-width:768px){
.cate{display:block}
.cate .cate-list{flex-wrap:wrap}
.cate .cate-item{width:50%}
.cate-name{font-size:var(--fontsize16);padding:0px 10px}
.cate-btn{width:auto;height:auto;line-height:initial;padding:10px}
.cate-img{min-height:120px}
}
/* 热销产品 */
.product{
    background-color:#F4F4F4;    
    overflow: hidden;
}
.pro-img{position:relative}
.pro-img:after{content:"";display:block;padding-top:100%}
.product .img-wrap,.ny-product .img-wrap{position:absolute;top:0px;left:0px;bottom:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-item{width:calc(25% - 30px);margin:0px 15px 30px;background-color:#FFFFFF;position:relative}
.ny-product .pro-item{width:calc(33.333% - 30px);}

.pro-item:hover,.ny-product .pro-item:hover{margin-bottom:-18px;transition:box-shadow .3s;box-shadow:0px 2px 10px 0px rgba(174,175,177,.55);z-index:2}
.pro-item:hover .pro-name{color:var(--color)}
.pro-item .pro-btn{opacity:0}
.pro-item:hover .pro-btn{height:45px;transition:height .3s;color:#FFFFFF !important;opacity:1}
.pro-info{padding:15px;background-color:#FFFFFF;border-top:1px solid #EEEEEE}
.pro-info article{color:var(--introcolor);font-size:var(--fontsize14);display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.pro-name{font-size:var(--fontsize18);color:var(--fontcolor);}
.pro-btn,.pro-name{font-weight:var(--fontbold6);display:block}
.pro-btn{overflow:hidden;width:100%;background-color:var(--color);text-align:center;line-height:45px;color:transparent;height:0px;text-transform:uppercase;font-size:var(--fontsize14)}
.pro-btn:hover{color:#FFFFFF}
.pro-list{margin:30px -15px 0px;display:flex;flex-wrap:wrap;align-items:flex-start}
.product .more-btn,.ny-product .more-btn{width:200px;height:50px;line-height:50px;text-transform:uppercase;font-weight:var(--fontbold6);color:#FFFFFF;display:block;font-size:var(--fontsize14);margin:30px auto 0px;background:#282828;border-radius:3px;text-align:center}
@media(max-width:1500px){
    .pro-info{padding:15px;}
    .pro-btn{line-height:38px;font-size:var(--fontsize12)}
    .pro-item:hover .pro-btn{height:38px}    
}
@media(max-width:1240px){    
    .pro-list{
        justify-content: space-between;
    }
    .pro-item,.ny-product .pro-item{width:calc(50% - 20px); margin: 0px 10px 30px;}
    .pro-name{font-size:var(--fontsize16);}
}
@media screen and (max-width:768px){
    .pro-item,.ny-product .pro-item{display:flex;flex-direction:column}
    .pro-item .pro-btn{height:38px;color:#FFFFFF !important;order:1;opacity:1}
    .pro-item .pro-info{padding:10px 5px}
    .pro-item .more-btn{width:170px;height:45px;line-height:45px;margin:0px auto}
}
/*简介*/
.about{width:100%;display:flex;flex-wrap:wrap;overflow:hidden}
.about-tip{font-size:var(--fontsize16);margin-bottom:20px}
.about .about-con .about-title{font-size:30px;font-weight:var(--fontbold6);max-width:620px;text-transform:uppercase;line-height:1.3}
.about article{max-width:630px;font-size:var(--fontsize14);color:#FFFFFF;margin:30px 0px;line-height:1.8}
.about-con{width:50%;background:url(../img/dot-map.webp) no-repeat;background-size:cover;display:flex;justify-content:center;color:#FFFFFF;flex-direction:column;padding-left:160px;box-sizing:border-box}
.about-img{width:50%;position:relative}
.about-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:73px;height:73px;background:var(--color);border-radius:50%}
.about-icon i,.about-icon em{position:relative;left:3px;color:#FFFFFF;font-size:45px}
.about-icon:after{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";border-radius:50%;display:block;width:95px;height:95px;border:2px solid var(--color)}
.about-img img{display:block}
.about .about-sel{display:inline-block;margin-right:24px}
.about .about-sel img{position:relative;top:3px}
.about-con ul li{font-size:var(--fontsize14);margin-bottom:20px}
.about .more-btn{width:160px;height:45px;line-height:45px;font-size:var(--fontsize14);display:inline-block;font-weight:var(--fontbold6);text-align:center;background:var(--color);margin-top:20px;color:#FFFFFF;border-radius:3px}
.about-list{padding:40px 0px;background:#FBFBFB;box-sizing:border-box}
.about-list ul{display:flex}
.about-ri{padding-left:24px}
.about-list ul li{width:25%;display:flex;justify-content:center;align-items:center}
.about-num{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:40px;line-height:1}
.about-text{text-transform:uppercase;font-size:var(--fontsize14)}
.about .about-list{width:100%}
@media(max-width:1500px){
.about .about-con{padding:30px 5%}
.about .about-con,.about .about-img{width:100%}
.about .about-img{max-height:450px}
.about .about-img img{width:100%;object-fit:cover}
}
@media screen and (max-width:768px){
    .about {
        position: relative;
    }
    .about .about-con {
        padding: 66vw 3vw 3vw;
        color: var(--fontcolor);
    }
    .about .con-wrap {
        background: #FFFFFF;
        padding: 4vw;
    }
    .about .about-con .about-title{font-size:var(--fontsize20);color: var(--color);}
    .about article {
        color: var(--fontcolor);
        margin: 4vw 0px;
    }
    .about .about-con ul li {
        font-size: var(--fontsize12);
        background: url(../img/home-sel_blue.webp) no-repeat;
        background-position: 10px;
        margin-bottom: 8px;
        line-height: 2;
    }
    .about .about-sel img {
        visibility: hidden;
    }
    .about .about-img {
        width: 94vw;
        left: 3vw;
        right: 3vw;
        top: 3vw;
        position: absolute;
    }
    .about .about-list {
        background: #24292f;
        padding: 4vw 0px;
    }
    .about-list ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .about-list ul li {
        width: 47%;
        justify-content: flex-start;
        margin-bottom: 4vw;
    }
    .about-list ul li .about-ic img {
        width: 40px;
        height: 40px;
    }
    .about-list ul li .about-num {
        font-size: var(--fontsize20);
        color: #FFFFFF;
    }
    .about-list ul li .about-text {
        font-size: var(--fontsize12);
        color: #FFFFFF;
    }
}
/* 新闻 */
.news-list{margin:30px 0px;display:flex;height:550px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.news-title{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:var(--fontcolor);margin-bottom:10px;display:block;display:-webkit-box;max-height:48px;line-height:24px}
.news article,.news-title{text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news article{color:var(--introcolor);font-size:var(--fontsize14);display:-webkit-box;line-height:26px;margin-bottom:20px}
.news-info{padding:20px;border-top:none}
.news-more{text-transform:uppercase;color:var(--fontcolor);font-size:var(--fontsize14);padding:10px 15px;transition:background-color .3s;border-radius:3px}
.news-more i{font-size:var(--fontsize12);margin-left:12px;position:relative;top:-2px}
.news-item:hover .news-more{background-color:#111111;color:#FFFFFF}
.news-item:hover .news-more i{color:#FFFFFF}
.news-date{padding:10px 22px;background:var(--color);color:#FFFFFF;font-size:var(--fontsize12);display:inline-block;position:absolute;top:0px;left:0px}
.news-img{position:relative}
.news-img img{display:block;width:100%}
.news-item{display:flex;outline:1px solid #DFDFDF;box-sizing:border-box}
.news-item:first-of-type{width:30%;flex-direction:column;height:100%}
.news-item:first-of-type .news-info{height:100%}
.news-item:nth-of-type(2),.news-item:nth-of-type(3){width:66%;height:46%}
.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1}
.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{height:100%;max-width:none;object-fit:cover}
.news-item:nth-of-type(2) .news-info,.news-item:nth-of-type(3) .news-info{flex:1.5}
@media(max-width:1240px){
    .news-list{height:auto;margin: 20px 0px 0;}
    .news-item{width:100%!important;margin-bottom:20px}
    .news-item:first-of-type{flex-direction:row}
    .news-item:first-of-type .news-img{flex:1}
    .news-item:first-of-type .news-img img{height:100%;max-width:none}
    .news-item:first-of-type .news-info{flex:1.5}
}
@media screen and (max-width:768px){
    .news-item:first-of-type .news-info{height:auto}
    .news-item:first-of-type .news-img,.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1.3;}
    .news-item:first-of-type .news-img img,.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{object-fit:cover}
    .news-item{height:30vw!important}
    .news-item .news-title{white-space:pre-wrap;font-size:var(--fontsize16);display:-webkit-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
    .news-item .news-info{flex:0;width:60%;padding:3vw;height:auto}
    .news-item .news-info article{display:none}
    .news-item .news-img{flex:1.3;width:40%}
    .news-item .news-img a{display:block;width:100%;height:100%}
    .news-item .news-more{font-size:var(--fontsize12)}
    .news-item .news-date{padding:2vw}
}
/* 合作伙伴 */
.part{padding:25px 0px;border-top:2px solid #F2F2F2}
.part-item,.part-list{display:flex;position: relative;}
.part-item{padding:25px 0px;width:16.66667%;justify-content:center;align-items:center;transition:box-shadow .3s,transform .3s}
.part-item:hover{box-shadow:0 1px 10px rgba(34,25,25,.15);border-radius:5px;transform:translateY(-2px)}
.part-item:hover img{transform:scale(1.05)}
.part-item img{max-width:100%;max-height:100%;transition:transform .25s}
@media(max-width:1240px){
    .part-list{flex-wrap:wrap}
    .part-item{width:33.333%}
}
@media screen and (max-width:768px){
    .part-item{width:33%;padding:4vw;box-sizing:border-box}
}