@charset "utf-8";
.amin{ transition: all var(--amints) ease-out;-webkit-transition: all var(--amints) ease-out; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.ovhs,
.ovhs3{ display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; }
.ovhs{ -webkit-line-clamp: 2; }
.ovhs3{ -webkit-line-clamp: 3; }
/** header **/
.header, .header .logo a, .nav ul, .rcons ul{ height: var(--hs65); }
.header{ min-height: 65px;position: fixed;top: 0;left: 0; width: 100%;background: var(--white);border-bottom: 1px solid #e5e5e5; z-index: 9999; }
.header .container{ display: flex;align-items: center; padding: 0 .45rem; }
.logo{ width: 160px; }
.header .logo img{ max-height: 40px; }
.rcons{ width: 200px; }
.rcons ul{ display: flex;align-items: center;justify-content: right; }
/** rcons **/
.rcons li{ position: relative;height: 100%;line-height: var(--hs65); font-size: var(--f18);cursor: pointer;color: var(--colhs); }
.rcons li:last-child{ margin-left: 60px; }
.rcons li img{ vertical-align: -3px; }
.rcons li .child{ display: none; width: 100px; position: absolute;right: 0; top: var(--hs65); background: var(--white);text-align: center;box-shadow: var(--shadow); z-index: 65 }
.rcons li .child a{ display: block; line-height: 40px; }
.rcons li .child a:hover{ background: var(--color);color: var(--white); }
.rcons li.lang:hover img{ transform: rotate(180deg); }
.rcons li.lang:hover .child{ display: block; }
/* sear-form */
.sear-form{ display: none;align-items: center;position: absolute;top: var(--hs65);right: 0;width: 3rem;height:var(--hs65);padding: 15px;
    background: var(--white);box-shadow: var(--shadow);z-index: 65; }
.sear-form .keys{ width: calc(100% - 60px); height: 30px;border: 1px solid #f1f1f1;font-size: var(--f14); }
.sear-form .bthsub{ display: block;width: 60px;height: 30px;line-height: 30px;font-size: var(--f14); background: var(--color);border: 0;color: #fff;cursor: pointer; }
/*.rcons li.search .sear-form{ display: flex; }*/
/** nav **/
.nav{ width: calc(100% - 360px);margin-left: 45px; }
.nav ul{ display: flex;align-items: center;justify-content: center; }
.nav li{ position: relative;padding: 0 35px;height: 100%;line-height: 55px; }
.nav li a{ position: relative; font-size:var(--f16);color: #2f3133; }
.nav li a:after{ position: absolute;width: 0; top: 38px;left: 50%;height: 3px; content: "";background: transparent;transition: all .3s ease-out; z-index: 6 }
.nav li .childer{ display: none; position: absolute;left: 0; top: var(--hs65);width: 100%; background: var(--white);text-align: center;box-shadow: var(--shadow); z-index: 66; }
.nav li .childer .tr-li{ position: relative; }
.nav li .childer .tr-li a{ position: relative; display: block;font-size: var(--f14); color: #666 !important; font-weight: normal !important; }
.nav li:nth-of-type(2) .childer .tr-li a{ text-align: left;text-indent: 15px; }
.nav .childer .tr-li a:after{ display: none; }
.nav .childer .tr-li a.ricon:before{ position: absolute;top: 20px;right: 0; display: block; width: 17px;height: 16px;
    background: url("../images/navi_icon_chevron_down.png") no-repeat center right;content:"";transform: rotate(
        270deg);z-index: 65; }
.nav li .childer .child-tree{ display: none; position: absolute;width: 210px; top: 0;right: -210px;
    background: #fff;text-align: left;text-indent: 15px;box-shadow: 1px 1px 2px rgba(0,0,0,.1); z-index: 65 }
.nav li .childer .child-tree a{ height: 45px;line-height: 45px; }
.nav li .childer .child-tree a:hover{ color: var(--color) !important;background: transparent; }
.nav li .childer .tr-li:hover a.ricon{ color: var(--white) !important;background: var(--color); }
.nav li .childer .tr-li:hover a.ricon:before{ transform: rotate(270deg);background-image: url("../images/navi_icon_chevron_down_rs.png"); }
.nav li .childer .tr-li:hover .child-tree{ display: block; }
/*.nav li:nth-of-type(2) .childer{ display: block; }*/
/*.nav li:nth-of-type(2) .childer .tr-li:first-child .child-tree{ display: block; }*/
.nav li.on{ background: #f4f8fa; }
.nav li.on a{ color:#2f3133;font-weight: bold;  }
.nav li.on a:after{ width: 100%;left: 0;background: var(--color); }
.nav li .childer a:hover{ color: var(--white) !important;background: var(--color); }
.nav li:hover .childer{ display: block; }
/*SlidesSTART*/
.slide-usezans.swiper-container{ width: 100%; }
.slide-usezans .swiper-slide {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat: no-repeat;background-position: center center; }
.slide-usezans .swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto; transition:6s;
    -webkit-transition:6s;}
.slide-usezans .swiper-slide.swiper-slide-active img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.slide-usezans .swiper-pagination{ bottom: 20px; }
.slide-usezans .swiper-pagination-bullet{ width: 95px;height: 5px;background: #fff;border-radius: 0; }
/** slide-intro **/
.slide-intro{
    position: absolute;
    top: 50%;
    left: var(--pdlr);
    transform: translateY(-50%);
    z-index: 65;
}
.slide-intro h5{ font-size: 40px;font-weight: bold; color: #333;padding-bottom: 5px; }
.slide-intro .desc{ color: #333; }
.slide-intro .desc p{ line-height: 28px; }
/**********
 Footer
 **********/
.footer{ margin-top: .6rem;border-top: 1px solid #e5e6e8; }
.footer .container{ display: flex;justify-content: space-between;padding: .6rem var(--pdlr) 1.1rem; }
.fleft .flogo{ max-width: 1.3rem;padding-bottom: .35rem; }
.fleft h5{ font-weight: bold;padding-bottom: .25rem; }
.f-contact{ display: flex;align-items: center; }
.f-contact .code-lt{ position: relative; margin-right: .6rem; }
.f-contact .code-lt:after{ position: absolute;top: 0;right: -30px; width: 1px;height: 100%; background: #eaeaea;content: "";z-index: 6 }
.f-contact img{ max-width: 1.2rem; }
.f-contact p,
.f-contact p a{ line-height: .25rem;font-size: var(--f16); }
/*.f-contact p:nth-of-type(3){ padding-bottom: .2rem; }*/
/* fright */
.fright ul{ display: flex; }
.fright li{ width: 1.6rem; }
.fright li:last-child{ width: auto; }
.fright li h3{ font-weight: bold;padding-bottom: .1rem; }
.fright li a{ display: block;line-height: .35rem;font-size: var(--f16); }
.fleft .f-contact p a:hover,
.fright li a:hover{ color: var(--color); }
.copyright{ text-align: center;padding: .13rem 0;background: #e8ebed; }
.copyright span{ padding: 0 5px; }
.copyright,.copyright a{ font-size: var(--f14);color: var(--colhs); }
@media all and (max-width: 1680px){
    .fright li{ width: 1.5rem; }
}
@media all and (max-width: 1440px){
    .nav li{ padding: 0 20px !important; }
    .nav li .childer{ width: 135px; }
    .footer .container{ padding: .6rem .4rem 1.1rem; }
    .fright li{ width: 1.4rem; }
    .fright li h3{ font-size: .16rem; }
    .fright li a{ font-size: .15rem; }
}
/**********
 Module
 **********/
.comm-title{ text-align: center;padding: .96rem 0 .45rem; }
.comm-title h5{ position:relative;font-size:.32rem;font-weight: bold; }
.comm-title h5:after{ position: absolute;top: .53rem;left: 50%;width: .64rem;height:4px;background: var(--color);transform: translateX(-50%);content: ""; z-index: 66; }
.mores{ display: block;width: 1.22rem;height: 40px;line-height: 39px;font-size: var(--f16); border: 1px solid #c3c3c3;text-align: center;margin: .3rem auto 0; }
.mores:hover{ background: var(--color);color: #fff;border-color: var(--color); }
/** module-article **/
.module-article ul{ display: flex;flex-wrap: wrap; }
.module-article li{
    width: calc((100% / 3) - 0.16rem);
    margin: 0 var(--mar24) var(--mar24) 0;
}
.module-article li:nth-of-type(3n){ margin-right: 0; }
.module-article .imgs{ position: relative; overflow: hidden; }
.module-article .imgs span{ position: absolute;top: 0;left: 0; display: block;width: 1rem;height: .5rem;line-height: .5rem;background: #a6b9c6;
    border-bottom-right-radius: 5px;color: #fff;font-size: var(--f18);text-align: center; z-index: 66; }
.module-article .imgs span.hots_1{ display: none; }
.module-article .remark{min-height: 1.65rem; padding: .3rem .2rem;background: #fafbfc; }
.module-article .remark h5{ font-size: var(--f18);font-weight: bold;padding-bottom:5px; }
.module-article .remark p{ font-size: var(--f16); }
.module-article li:hover img{ transform: scale(var(--scale)); }
.module-article li:hover .remark h5{ color: var(--color); }
.module-article .mores{ margin-top: .06rem; }
/** module-product **/
.module-product li{ position: relative; float: left; }
.module-product li:first-child{ width: 32%;margin-right:var(--mar24); }
.module-product li:nth-of-type(2){ width: calc(67% - var(--mar24));margin-bottom: var(--mar24); }
.module-product li:nth-of-type(3),
.module-product li:nth-of-type(4){ width: calc((67% - var(--mar24)) / 2 - .12rem) }
.module-product li:nth-of-type(3){ margin-right: var(--mar24); }
.module-product .grid_5 li:nth-of-type(5){width: 100%;margin-top: var(--mar24);}
.module-product .grid_6 li:nth-of-type(5){ clear: both;margin-right: var(--mar24); }
.module-product .grid_6 li:nth-of-type(5),
.module-product .grid_6 li:nth-of-type(6){width: calc((99% / 2) - .12rem);margin-top: var(--mar24);}
.module-product .imgs{ overflow: hidden; }
.module-product .remark{ position: absolute;bottom: 0;left: 0;width: 100%;padding: .25rem;background: rgba(58,84,127,.3);color: var(--white); z-index: 65; }
.module-product .remark h5{ font-size: var(--f24);font-weight: bold;padding-bottom: 5px; }
.module-product .remark p{ font-size: var(--f18); }
.module-product li:hover img{ transform: scale(var(--scale)); }
/** module-solution **/
.module-solution ul{ display: flex;align-items: center; background:var(--color); }
.module-solution li{ position: relative; width: 50%; }
.module-solution .remark{position: absolute;bottom: 0;left: 0;padding: .45rem 1rem;background: #f4f8fa;z-index: 65;}
.module-solution .remark h5,
.module-solution .remark h6{ font-size: var(--f24);font-weight: bold; }
.module-solution .nsv{ padding: .1rem 0 .2rem; }
.module-solution .remark h6{ position: relative;padding-left: .13rem;line-height: .35rem; }
.module-solution .remark h6:before{ display: block; position: absolute;top: .14rem;left: 0;width:.07rem;height: .07rem;border-radius: 65px;
   background: var(--color);content: "";z-index: 65  }
.module-solution .remark p{ color: var(--colhs); }
.module-solution .catnav{ display: flex;justify-content: center; }
.module-solution .catnav .grid{ width: 2.3rem;color: var(--white); }
.module-solution .catnav .grid:first-child{ margin-right: 1.20rem; }
.module-solution .catnav .grid img{ max-width: .8rem; }
.module-solution .catnav .grid .catname{ padding: .10rem 0 .2rem; }
.module-solution .catnav .grid h5{ font-size: var(--f18);font-weight: bold; }
.module-solution .catnav .grid span{ text-transform: capitalize; }
.module-solution .mores{ margin: .8rem 0 0;color: #fff; }
.module-solution .mores:hover{ border-color: var(--white); }
/**********
 List
 **********/
.nbanner{ position: relative; }
/** curr-a **/
.curr-a{ padding-bottom: .3rem; }
.curr-a a:last-child{ font-weight: bold;color: var(--color); }
/** part-title **/
.part-title{text-align: center;}
.part-title .desc{ width: 7.5rem;margin: 0 auto;color: #616364; }
/** article-list **/
.article-list{ padding-top: .6rem; }
/** show **/
.content-title{padding:1rem 0 .5rem;text-align: center;border-bottom:1px solid var(--border);}
.content-title h1{font-size:.36rem;padding-bottom:8px;font-weight: bold; }
.content-title .sub-title span{ padding: 0 5px;color: var(--colhs);font-size: var(--f16); }
.content-title .sub-title span a{ color: var(--colhs); }
/*+---------------
/*+  Content
/*+---------------*/
/** article-list-show **/
.article-list-show .container{ width: 1200px;padding: 0; }
/** details **/
.details{ padding:.25rem 0; }
.details img{ max-width: 100%;vertical-align:middle; }
.details .fours{ display: grid;grid-template-columns: repeat(4,1fr);grid-column-gap: 25px; }
.details .fours img{ width: 100%; }
.details .zrs:after{
    display: block;
    content: "";
    clear: both;
}
.details .zrs{ padding: 32px; background: #f4f8fa; }
.details .sof{ padding: 32px; }
/** pro-videos **/
.pro-videos{ width: 1138px;height: 640px;margin: 0 auto; }
.pro-videos video{
    width: 100% !important;
    height: 640px !important;
    object-fit: cover;
    background: #000;
}
/*** product-subcat ***/
.product-subcat:not(:first-child) .comm-title{ padding-top: .41rem; }
.product-subcat ul li{ position: relative; background: #f3f6f8;margin-bottom: var(--mar24); }
.product-subcat ul li a{ display: flex;align-items: center; }
.product-subcat ul li .imgs{ display: flex;align-items: center;justify-content: center; width: 50%;overflow: hidden; }
.product-subcat ul li .imgs img{ max-width: 100%; }
.product-subcat ul li .remark{ width: 50%; padding: 0 1.8rem 0 1.6rem; }
.product-subcat ul li .remark h5{ color: #000;font-size: .24rem;font-weight: bold; }
.product-subcat ul li .remark p{ color: var(--colhs);padding: .1rem 0 .3rem; }
.product-subcat ul li .remark span{ padding: .1rem .33rem;color: #fff;background: var(--color); border-radius: 5px; }
.product-subcat ul li:nth-of-type(even) a{ flex-direction: row-reverse; }
.product-subcat ul li:hover .imgs img{ transform: scale(var(--scale)); }
/** rows **/
.product-subcat ul.cls3 li,
.product-subcat ul.cls4 li{ float:left; }
.product-subcat ul.cls3 li{ width: calc((100% / 3) - .16rem); }
.product-subcat ul.cls4 li{ width: calc((100% / 4) - .16rem);  }
.product-subcat ul.cls3 li:not(:nth-of-type(3n)){ margin-right: var(--mar24); }
.product-subcat ul.cls4 li:not(:nth-of-type(4n)){ margin-right: var(--mar24); }
.product-subcat ul.cls3 li a,
.product-subcat ul.cls4 li a{ display: block;padding:0 0 1rem; }
.product-subcat ul.cls3 li .imgs,
.product-subcat ul.cls4 li .imgs{ width: 100%; }
.product-subcat ul.cls3 li .remark,
.product-subcat ul.cls4 li .remark{ position: absolute;bottom: .6rem;left: 0; width: 100%;padding: 0;text-align: center;z-index: 68 }
.product-subcat ul.cls3 li .remark h5,
.product-subcat ul.cls4 li .remark h5{ padding-bottom: .15rem; }
.product-subcat ul.cls3 li .remark p,
.product-subcat ul.cls4 li .remark p{ display: none; }
/** list **/
.product-list li{ display: flex;align-items: center; background: #f3f6f8;margin-top: var(--mar24); }
.product-list li .imgs,
.product-list li .remark{ width: 50%; }
.product-list li .imgs{ overflow: hidden; }
.product-list li .imgs img{ width: 100%; }
.product-list li .remark{ padding: 0 .8rem 0 2rem; }
.product-list li .remark h5 a{ font-size: .24rem;font-weight: bold; }
.product-list li .remark span{ font-size: var(--f18);font-weight: bold; }
.product-list li .remark .desc{ margin: .15rem 0 .3rem; }
.product-list li .remark .desc p{ position: relative;font-size: var(--f16);font-weight: bold;padding-left: .15rem;line-height: .28rem; }
.product-list li .remark .desc p:before{ position: absolute;top: .12rem;left: 0;width: .06rem;height: .06rem;background: var(--color);content: "";
    border-radius: 65px; z-index: 6; }
.product-list li .remark .gshop{ padding: .08rem .4rem;background: var(--color);color: #fff;border-radius: 5px; }
.product-list li:hover .imgs img{ transform: scale(var(--scale)); }
/** Show **/
.ashop{display: flex;align-items: center;justify-content: center; width: 120px;height: 55px;background: var(--color);border-radius: 5px;margin: 0 auto; }
.ashop a{ color: #fff;font-size: var(--f16); }
.prosize{ padding: 30px 0 0; }
.prosize ul{ position: relative; }
.prosize ul:after{ position: absolute;top: 0;left: 20%; width: 1px;height: 100%;background: #c8d5e1; content: "";z-index: 66 }
.prosize ul li{ display: flex;align-items: center;padding: 20px 0;border-bottom: 1px solid #c8d5e1; }
.prosize ul li.head{ background: #f7f8fa;border-top: 1px solid #c8d5e1; }
.prosize ul li span:first-child{ width: 20%;text-align: center; }
.prosize ul li span:last-child{ width: 80%;padding-left: 30px;color: #666; }
/* views */
.views{ padding-top: 30px;text-align: center; }
.views img{ max-width: 100%; }
/** section-tory **/
.section-tory { margin: 0 auto;}
.section-tory .tory-cons{ position: relative; }
.tory-cons .remark{
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
    z-index: 66;
}
.tory-cons .remark h5{ font-size:26px; }
.tory-cons .remark p{ width: 400px;color: #666;padding: 5px 0 15px;line-height: 30px; }
.tory-cons .remark .mores{ margin: 0;background: var(--color);color: var(--white); }
/** section-logy-v2 **/
.section-logy-v2{ background: url("../images/swiper-logy.jpg") no-repeat center bottom; }
.section-logy-v2 .part-title{ margin-top: -.45rem; }
.section-logy-v2 .swiper-logy{ position: relative; padding: .35rem 0 1rem; overflow: hidden; }
.section-logy-v2 .swiper-slide{ position: relative; }
.section-logy-v2 .swiper-slide .imgs{ overflow: hidden; }
.section-logy-v2 .swiper-slide img{ max-width: 100%; }
.section-logy-v2 .swiper-slide .remark{ padding: 0.25rem;background: rgba(58,84,127,.3);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff; }
.section-logy-v2 .swiper-slide .remark h5 {
    font-size: var(--f24);
    font-weight: bold;
    padding-bottom: 5px;
}
.section-logy-v2 .swiper-slide .remark p {
    font-size: var(--f18);
}
.section-logy-v2 .swiper-pagination{ bottom: 60px; }
.section-logy-v2 .swiper-pagination-bullet{ width: .95rem;height: 5px;background: var(--color);border-radius: 0; }
.section-logy-v2 .swiper-slide:hover img{ transform: scale(var(--scale)); }
/** section-property **/
.section-property{ position: relative; padding-bottom: .5rem;overflow: hidden; }
.section-property .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.section-property .swiper-slide{ overflow: hidden; }
.section-property .swiper-slide img{ max-width: 100%; }
.section-property .swiper-pagination-bullet{ width: .95rem;height: 5px;background: var(--color);border-radius: 0; }
.section-property .swiper-slide:hover img{ transform: scale(var(--scale)); }
/** about-page **/
.about-page{ width: 1200px;margin: 0 auto; }
.about-page .container{ padding: 0; }
/** about-history **/
.about-history{ padding-bottom: .36rem; }
.about-history .container,
.about-history .box-container,
.about-history .detail-box{ position: relative; }
.about-history .bor{ position: absolute;top: .19rem;left: 50%;width: 95%; height: 1px;background: #c3c3c3;transform: translateX(-50%); z-index:0; }
.about-history .hd{ overflow: hidden; }
.about-history .hd ul{
    display: flex;
    padding: .2rem 0;
    /*--swiper-navigation-color: #333;*/
    /*--swiper-navigation-size: 18px;*/
}
.about-history .swiper-slide{ width: calc(100% / 7); text-align: center;padding-top: .3rem;color: var(--colhs);cursor: pointer; }
.about-history .swiper-slide em,
.about-history .swiper-slide em i{ display: none; position: absolute;left: 50%;border-radius: 65px; z-index: 88; }
.about-history .swiper-slide em{ top: -19px; width: .38rem;height: .38rem;background: #e0e9f6;transform: translateX(-50%); }
.about-history .swiper-slide em i{ display: block;top: 50%; width: .16rem;height: .16rem;background: var(--color);transform: translate(-50%,-50%); }
.about-history .swiper-slide.on{ color: #000; }
.about-history .swiper-slide.on .year{ transform: scale(1.5); }
.about-history .swiper-slide.on em{ display: block; }
.about-history .swiper-button-next,
.about-history .swiper-button-prev{ display: none; top: 60%;color: #333; }
.about-history .swiper-button-prev:after,
.about-history .swiper-button-next:after{ font-size: 18px; }
.about-history .item{ position: relative; display: none; }
.about-history .item .cons{ display: flex; padding: .4rem 0 .6rem; }
.about-history .item .imgs,
.about-history .item .remark{ position: relative; width: 50%; }
.about-history .item .remark .rpd{ margin:0 1.45rem; }
.about-history .item .remark h5{ color: var(--color);font-size:.48rem;font-weight: bold;padding: .1rem 0; }
.about-history .item .remark p{ color: #616364;line-height: .26rem;padding-bottom: 50px; }
.about-history .prev-next{ display: flex; position: absolute;bottom: 0;left:1.45rem;z-index: 65; }
.about-history .prev-next a{ display: block;padding: .09rem .39rem; border: 1px solid #c3c3c3; }
.about-history .prev-next a:first-child{ margin-right: var(--mar24); }
.about-history .item.active{ display: block }
@media screen and (max-width: 1680px){
    .about-history .item .remark .rpd{ margin: 0 .8rem; }
    .about-history .item .remark p{ font-size: var(--f16); }
    .about-history .prev-next{ left: .8rem; }
}
@media screen and (max-width: 1440px){
    .about-history .item .remark h5{ padding: 0; }
    .about-history .item .remark .rpd{ margin: 0 0 0 .3rem; }
    .about-history .item .remark p{ font-size: var(--f14); }
    .about-history .prev-next{ left: .3rem; }
}
.ratiox125 .about-history .swiper-slide em{ top: -15px; }
/** about-kys **/
.about-kys{ position: relative; }
.about-kys ul{ display: flex; position: absolute;top:50%; transform: translateY(-50%); width:calc(100% - var(--pdlr) * 2);z-index: 9; }
.about-kys li{ width: calc(100% / 3);text-align: center;color: #fff; }
.about-kys li .ps{ font-size: .36rem;font-weight: bold; }
.about-kys li .ps em{ font-weight: normal;font-size: .18rem;padding-left: .02rem; }
.about-kys li h5{ padding-top: .15rem;font-size: .18rem;font-weight: bold; }
/** about-cert **/
.about-cert .swiper-cert{ overflow: hidden; }
.swiper-cert{ position: relative; padding-bottom: .5rem;overflow: hidden; }
.swiper-cert .swiper-slide{ /*min-height: 2.6rem;*/ border: .04rem solid #e8ebed;padding: .3rem .5rem;overflow: hidden; }
.swiper-cert .swiper-slide img{ max-width: 100%; }
.swiper-cert .swiper-pagination-bullet{ width: .95rem;height: 5px;background: var(--color);border-radius: 0; }
.swiper-cert .swiper-slide:hover img{transform: scale(var(--scale)); }
/** about-join **/
.about-join .comm-title{ padding-top: .73rem; }
.join-tabs li{ --bors:#d4d7da;cursor: pointer; }
.join-tabs li .jobs{ display: flex;align-items: center;height: .8rem;border: solid var(--bors);border-width: 0 1px 1px; }
.join-tabs li:first-child{ background: #9ca6be; }
.join-tabs li span{ width: calc(100% / 4);font-size: var(--f16);text-indent: .2rem; }
.join-tabs li:first-child span{ color: #fff;font-weight: bold; }
.recu-down{ max-height: 0;background: #f4f8fa;overflow: hidden;}
.recu-down .cons{display: flex; padding: .25rem .3rem; border: solid var(--bors);border-width: 0 1px 1px; }
.recu-down .intro h6{ font-size: var(--f16);padding-bottom:5px; }
.recu-down .intro.welfare{ display: flex;flex-direction: column;justify-content: center;padding: 0 0 0 .8rem; }
.recu-down .intro.claim{ padding-top: .25rem; }
.recu-down .jon-email{ display: flex;flex-direction: column;justify-content: center;text-align: center;padding-left: .6rem; }
.recu-down .jon-email button{ display: block;width: 2.7rem;height: .5rem;background: #959799;border: 0;border-radius: 65px;font-size: var(--f18);color: #fff;margin-top: .2rem; }
.join-tabs li.active .jobs{ background:#d9e0ef; }
.join-tabs li.active .jobs span:last-child img{ transform: rotate(180deg); }
.join-tabs li.active .recu-down{ max-height: 550px; }
.recu-down .jon-email button:hover{ background: var(--color); }
/** technical-list **/
.subcat-tabs{ width: 12rem;margin: 0 auto;border: 1px solid var(--border); }
.subcat-tabs .ck-list{ display: flex;align-items: center; height: .59rem;border-bottom: 1px solid var(--border); }
.subcat-tabs .ck-list a{ display: flex;align-items: center;justify-content: center;width: calc(100% / 5);height: 100%;font-size: var(--f18); text-align: center;cursor: pointer; }
.subcat-tabs .ck-list a.active{ font-weight: bold;color: #2f3133;background: #e8ebed; }
.subcat-tabs .tabs-list ul{ display: none;padding: .1rem 0 0;}
.subcat-tabs .tabs-list li h5{ position: relative; height: .55rem;line-height: .55rem;padding: 0 .3rem 0 .45rem;cursor: pointer; }
.subcat-tabs .tabs-list li h5 span{ display: inline-block;width: calc(100% - .75rem); }
.subcat-tabs .tabs-list li h5:before{position: absolute;top: 25px;left: 25px;  display: block;width: 9px;height: 9px;background: #cdcdcd;border-radius: 65px; content: "";z-index: 66; }
.subcat-tabs .tabs-list li h5 img{ margin-top: 20px; }
.subcat-tabs .tabs-list li p{ display: none; position: relative; background: #f4f8fa;padding: .2rem .3rem; }
.subcat-tabs .tabs-list li p:before{ content: "答：" }
.subcat-tabs .tabs-list ul.active{ display: block; }
.subcat-tabs .tabs-list li.active h5{ color: var(--color); }
.subcat-tabs .tabs-list li.active h5 img{ transform: rotate(180deg); }
.subcat-tabs .tabs-list li.active p{ display: block; }
/** videos **/
.videos .subcat-tabs{ width: auto; border: 0; }
.videos .subcat-tabs .ck-list{ width: 12rem; border: 1px solid var(--border);margin: 0 auto; }
.videos .subcat-tabs .ck-list a{ width: calc(100% / 2); }
.videos .subcat-tabs .tabs-list ul{ padding: .3rem 0 0; }
.videos .tabs-list li{ float: left; width: calc((100% / 3) - .16rem);margin: 0 .24rem .24rem 0; }
.videos .tabs-list li:nth-of-type(3n){ margin-right: 0; }
.videos .tabs-list li .imgs{ overflow: hidden; }
.videos .tabs-list li h6{ text-align: center;font-size: var(--f18);font-weight: bold;padding-top: .1rem; }
.videos .tabs-list li:hover img{ transform: scale(var(--scale)); }
.videos-is{ width: 100%;height: 500px;overflow: hidden; }
.videos-is video{ width: 100%;height: 100%; background: #000;object-fit: cover; }
/*** videos-list ***/
.videos-list{ padding: var(--hs65) 0 0; }
.videos-list li{ float: left;width: calc((100% / 3) - .16rem);margin: 0 .24rem .24rem 0; }
.videos-list li:nth-of-type(3n){ margin-right: 0; }
.videos-list li p{ font-size: var(--f16);font-weight: bold;padding-top: .1rem;text-align: center; }
/** down-list **/
.down-list .container{ padding: 0 3.6rem; }
.down-list ul{ border: 1px solid var(--border); }
.down-list li{ display: flex;align-items: center;padding:0 .2rem; height: .64rem; }
.down-list li:not(:last-child){ border-bottom: 1px solid var(--border); }
.down-list li span:first-child{ width: calc(100% - 4.4rem);font-size: var(--f18); }
.down-list li span:first-child img{ padding-right: .06rem; }
.down-list li span:nth-of-type(2){ width: 3.8rem;color: #c3c3c3; }
.down-list li span:nth-of-type(3){ width: .6rem;cursor: pointer; }
/*** down-list ***/
.down-list.downs{ padding-top: var(--hs65); }
.down-list.downs .container{ width: auto; }
/*** service-subcat-list ***/
.service-subcat-list li{ float: left; position: relative; width: 100%;margin-bottom: .24rem; }
.service-subcat-list li .imgs{ overflow: hidden; }
.service-subcat-list li h5{font-size:.24rem;font-weight: bold;position: absolute;bottom: 0;left: 0;width: 100%;padding: 0.25rem;background: rgba(58,84,127,.3);color: var(--white);z-index: 65;}
.service-subcat-list .cls1 li{ float: none; }
.service-subcat-list .cls1 li h5{ display: none; }
.service-subcat-list .cls2 li{ width: calc((100% / 2) - .16rem); }
.service-subcat-list .cls2 li:not(:nth-of-type(even)){ margin-right: .24rem; }
.service-subcat-list .cls3 li{ width: calc((100% / 3) - .16rem); }
.service-subcat-list .cls3 li:not(:nth-of-type(3n)){ margin-right: .24rem; }
.service-subcat-list .cls4 li{ width: calc((100% / 4) - .16rem); }
.service-subcat-list .cls4 li:not(:nth-of-type(4n)){ margin-right: .24rem; }
.service-subcat-list li:hover img{ transform: scale(var(--scale)); }
/** Show **/
.subcat-data{display: flex;align-items: center;justify-content: center; position: fixed;top: 65px;width: 100%; text-align: center;height: 65px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);background: #fff;z-index: 6666 }
.subcat-data a{ position: relative; font-size: var(--f16);color: var(--colhs);padding: 0 .6rem; }
.subcat-data a:after{ position: absolute;bottom: -.21rem;left: 50%; width: .42rem;height: .04rem;background: transparent;transform: translateX(-50%);content: ""; z-index: 65 }
.subcat-data a.active{ color: #333;font-weight: bold; }
.subcat-data a.active:after{ background: var(--color); }
/** service-show **/
.service-show .svtitle{display: flex;align-items: center; height: 324px;
    background-image: url("../images/solution.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; color: #fff; }
.service-show .container{ margin: inherit; }
.service-show .svtitle h1{ font-size: 60px;font-weight: bold; padding-bottom: 5px; }
.service-show .svtitle p{ width: 950px; font-size: var(--f16); }
/** scontent **/
.scontent{ text-align: center;padding: .6rem 0 .35rem; }
.scontent h1{ position: relative; font-weight: bold;font-size: .36rem;margin-bottom: .2rem; }
.scontent h1:after{ position: absolute;bottom: -.1rem;left: 50%; width: .42rem;height: .04rem;background:var(--color);transform: translateX(-50%);content: ""; z-index: 65 }
/** picsa **/
.smae-title{ font-size: .32rem;font-weight: bold; text-align: center;padding: 55px 0 40px; }
.areas-txt{ color: #68696a;font-size: var(--f16); }
.picsa li{ display: flex;/*align-items: center;*/background: #f7f8fa;margin-bottom: 32px; }
.picsa li .imgs,
.picsa li .remark{ flex: 0 0 50% }
.picsa li .imgs img{ height: 100%; }
.picsa li .remark{ display: flex;flex-direction: column; justify-content: center; padding-left: 60px;padding-right: 10px; }
.picsa li .remark h5{ font-size: 26px;font-weight: bold; padding-bottom: 10px; }
.picsa li .remark p{ color: #333;font-size:.18rem; }
.picsa li:nth-of-type(even){ flex-direction: row-reverse; }
.picsa li:nth-of-type(even) .remark{ padding: 0 80px 0 30px;text-align: right; }
/* service-template-2 */
.service-template-2{ overflow-x: hidden; }
.service-template-2 .picsa li:nth-of-type(even){ flex-direction: row; }
.service-template-2 .picsa li .remark{ padding: 0 60px !important;text-align: left; }
/** picsb **/
.picsb{ padding: 30px 0; }
.picsb ul{ display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;padding-top: 30px; }
.picsb li{ text-align: center; }
.picsb li h5{ padding-top: 15px; }
/** contact-us **/
.contact-us{ padding-top: var(--hs65); }
.contact-us .cons{ position: relative; }
.contact-us .remark{ position: absolute;top: 50%;left: 1.5rem;transform: translateY(-50%);z-index: 68 }
.contact-us .remark h5{ font-weight: bold;font-size: .24rem;padding-bottom: .58rem; }
.contact-us .remark p{ padding: .06rem 0;font-size: var(--f18); }
.contact-us .remark p img{ padding-right: .08rem; }
.contact-us .remark a{ display: block;width: 1.8rem;height: .5rem;line-height: .5rem; background: var(--color);text-align: center;color: #fff;
    font-size: var(--f18);margin-top: .8rem; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;padding: .6rem 0 0;border-top: 1px solid var(--border); }
.Pre-Next p{ line-height: .3rem; }
.Pre-Next p a:hover{ color: var(--color); }
.Pre-Next .part-url{position: absolute;right: 0;top: .7rem;z-index: 68}
.Pre-Next .part-url a{display:block;font-weight:700;width:1.2rem;height:.36rem;line-height:.36rem;border:var(--color) solid .02rem;border-radius:.24rem;
    text-align:center;color:var(--color);font-size:.12rem;}
.Pre-Next .part-url a:hover{ background: var(--color);color: #fff; }
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ text-align:center;padding:.1rem 0 0; }
.pages a{ display:inline-block;padding:5px 10px;margin-right:5px;border:1px solid var(--border); }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:var(--color);border-color:var(--color); }