body, html
{
    font-family: "Microsoft YaHei","PingFang SC","Calibri","opensans","GothicArial","Arial","San Francisco",'Hiragino Sans GB',"Helvetica Neue",Helvetica,sans-serif;
}
body
{/* overflow: hidden;
  position: relative; */
    min-height: 100vh;
}
.ovh-f
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.w1660
{
    width: 1660px;
    margin: 0 auto;
}
.w1400
{
    width: 1400px;
    margin: 0 auto;
}
.pc-960-block
{
    display: block;
}
.m-960-block
{
    display: none;
}
.pc-768-block
{
    display: block;
}
.m-768-block
{
    display: none;
}
@media(max-width: 960px)
{
    .pc-960-block
    {
        display: none;
    }
    .m-960-block
    {
        display: block;
    }
    .pc-768-block
    {
        display: none;
    }
    .m-768-block
    {
        display: block;
    }
}
.n-banner
{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 17rem;
    position: relative;
}
.n-banner::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
}
.n-banner .text
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    bottom: 1.2rem;
    padding: 0 4.17%;
    width: 100%;
    z-index: 10;
}
.n-banner .l-text
{
    width: 50%;
}
.n-banner .r-sub
{
    width: 50%;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.n-banner a
{
    color: #fff;
}
.n-banner .sp2
{
    margin: 2px 15px;
    font-size: 14px;
}
.n-banner .tit1
{
    margin-bottom: 1rem;
    line-height: 1;
}
.n-banner .down
{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,.8);
    display: block;
    position: relative;
}
.n-banner .down span
{
    display: block;
}
.warp-sub
{
    height: 2rem;
    background: #fff;
    padding: 0 2rem;
    position: sticky;
    position: -webkit-sticky;
    top: 2rem;
    z-index: 60;
    box-shadow: 5px 0 10px 1px rgba(0,0,0,.1);
}
.warp-sub .n-sub
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.warp-sub a
{
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    font-size: 16px;
    color: #333;
    margin-right: 3rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
}
.warp-sub a:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #005cb9;
    -webkit-transform: scale3d(0,0,.8);
    transform: scale3d(0,0,.8);
    bottom: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.warp-sub a:last-child
{
    margin-right: 0;
}
.warp-sub a:hover, .warp-sub a.cur
{
    color: #005cb9;
}
.warp-sub a:hover:before, .warp-sub a.cur:before
{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.z-title .tit1
{
    line-height: 1;
    margin-bottom: 40px;/*font-weight: bold;*/
}
.n-talent .lista
{
    padding: 1.75rem 0 1.8rem;
    background: #f6f6f6;
    position: relative;/* top: 50px;
  opacity: 0; */
}
.n-talent .lista .z-title
{
    margin-bottom: 3rem;
    padding: 0 4.17%;
}
.n-talent .lista .warp-ulbox .tit1
{
    line-height: 1;
    margin-bottom: 1.75rem;
    font-weight: bold;
}
.n-talent .lista .warp-ulbox .ulbox
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.n-talent .lista .warp-ulbox .li
{
    width: 25%;
    padding: 0 4.17%;
    border-right: 1px solid #ddd;
}
.n-talent .lista .warp-ulbox .icon-img
{
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto .5rem;
    display: block;
}
.n-talent .lista .warp-ulbox .tit2
{
    line-height: 1.5;
    margin-bottom: .5rem;
    text-align: center;
}
.n-talent .lista .warp-ulbox .p
{
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    text-align: center;
}
.position-box
{
    padding: 1.7rem 0;
    background-color: #fdfdfd;
    position: relative;/* top: 50px;
  opacity: 0; */
}
.position-box .view
{
    width: 1200px;
    margin: 0 auto;
}
.position-tit
{
    font-size: 30px;
    line-height: 1.25rem;
    color: #333;
    text-align: center;
}
.position-search-box
{
    margin: 1rem auto 0;
    width: 18.5rem;
    height: 1.45rem;
    border: 1px solid #005cb9;
    box-sizing: content-box;
}
.position-search-box input[type=text]
{
    float: left;
    width: 14.5rem;
    height: 1.45rem;
    line-height: 1.45rem;
    box-sizing: border-box;
    padding: 0 .75rem;
    font-size: .4rem;
    color: #999;
    border: none;
}
.position-search-box input[type=button]
{
    float: right;
    width: 4rem;
    height: 1.45rem;
    background-color: #005cb9;
    color: #fff;
    font-size: .4rem;
    border: none;
    border-radius: 0;
}
.position-select-box
{
    margin-top: 1.75rem;
}
.position-select-box .row
{
    margin: 0 -.15rem;
}
.position-select-box .item
{
    box-sizing: border-box;
    padding: 0 .15rem;
    box-sizing: border-box;
}
.position-select-box .select
{
    position: relative;
}
.position-select-box .select .tit
{
    display: block;
    width: 100%;
    height: 1.5rem;
    background-color: #e8e8e8;
    line-height: 1.5rem;
    padding: 0 .75rem;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    background-repeat: no-repeat;
    background-position: 84% center;
    background-image: url("../png/3m10f4.png");
}
.position-select-box .select .sub
{
    display: none;
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    max-height: 3.6rem;
    overflow: auto;
    z-index: 9;
}
.position-select-box .select .sub a
{
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 .75rem;
    color: #666;
    background-color: #fafafa;
    border-bottom: 1px solid #e8e8e8;
    font-size: .4rem;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.position-box .total
{
    font-size: .45rem;
    line-height: .55rem;
    color: #666;
    text-align: center;
    margin-top: 1.75rem;
}
.position-box .total span
{
    color: #005cb9;
}
.recruit-list
{
    margin-top: 1.75rem;
}
.recruit-list li
{
    border: 1px solid #e8e8e8;
    border-top: none;
}
.recruit-list li:first-child
{
    border-top: 1px solid #e8e8e8;
}
.recruit-list .tit-box
{
    position: relative;
}
.recruit-list .tit-box .position
{
    position: absolute;
    left: 0;
    top: 50%;
    width: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 2.6vw;
    font-size: 14px;
    line-height: .55rem;
    color: #333;
    box-sizing: border-box;
}
.recruit-list .tit-box .right
{
    float: right;
    width: 80%;
    box-sizing: border-box;
    padding: 2vw 2.6vw;
    border-left: 1px solid #dcdcdc;
}
.recruit-list .list
{
    font-size: 0;
}
.recruit-list .list p
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .45rem;
    color: #666;
    margin-bottom: .4rem;
    vertical-align: top;
    width: 50%!important;
}
.recruit-list .list .item:nth-child(3n+1)
{
    width: 12.76vw;
}
.recruit-list .list .item:nth-child(3n+2)
{
    width: 10.9375vw;
}
.recruit-list .list .item:nth-child(3n)
{
    width: 10.9375vw;
}
.recruit-list .list .item span
{
    color: #333;
}
.recruit-list .pos-btn
{
    position: absolute;
    right: 2.6vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.25rem;
    height: .9rem;
    line-height: .9rem;
    background-color: #e8e8e8;
    padding: 0 .5rem;
    background-repeat: no-repeat;
    background-position: 2.4rem center;
    background-image: url("../png/otmryw.png");
    box-sizing: border-box;
    color: #666;
    font-size: .35rem;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.recruit-list .sub
{
    border-top: 1px solid #dcdcdc;
    padding: 2.6vw;
    display: none;
}
.recruit-list .sub .con
{
    font-size: .35rem;
    line-height: 1rem;
    color: #666;
}
.recruit-list .sub .send
{
    display: block;
    width: 4rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #005cb9;
    font-size: .35rem;
    color: #fff;
    text-align: center;
    margin-top: 1.25rem;
}
.recruit-list li.cur .pos-btn
{
    background-color: #005cb9;
    background-image: url("../png/gps7ps.png");
    color: #fff;
}
.recruit-list .page
{
    margin-top: 1.25rem;
}
.page
{
    text-align: center;
    font-size: 0;
}
.page a
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #005cb9;
    vertical-align: top;
    margin: 0 .25rem;
    border-radius: 100%;
    font-size: .45rem;
    line-height: 1.25rem;
    color: #666;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.page .prev, .page .next
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: .175rem;
}
.page .prev
{
    background-image: url("../png/b09jhw.png");
}
.page .next
{
    background-image: url("../png/p8zfoe.png");
}
.page a.active
{
    border-color: #005cb9;
    color: #005cb9;
}
.n-value
{
    background: #f5f5f5 url(../png/k7espb.png) no-repeat center center;
    background-size: cover;
    padding: 65px 0 85px;
    position: relative;/* top: 50px; *//* opacity: 0; */
}
.n-value .tit1
{
    margin-bottom: 1.75rem;
}
.n-value .warp-ulbox
{
    padding: 0 4.17%;
    position: relative;
}
.n-value .top
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dcdcdc;
}
.n-value .tab-ul
{
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.n-value .tab-ul .li
{
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin-right: 3.5rem;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: bold;
}
.n-value .tab-ul .li:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #31cdac;
    -webkit-transform: scale3d(0,0,.8);
    transform: scale3d(0,0,.8);
    bottom: -1.5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-value .tab-ul .li:hover, .n-value .tab-ul .li.cur
{
    color: #31cdac;
}
.n-value .tab-ul .li:hover:before, .n-value .tab-ul .li.cur:before
{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.n-value .ulbox
{
    overflow: hidden;
}
.n-value .ulbox img
{
    width: 100%;
}
.n-value .ulbox .swiper-slide
{
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.n-value .ulbox .bg
{
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-value .ulbox .text
{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 80%;
    left: 0;
    bottom: 1rem;
    padding: 0 .75rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.n-value .ulbox .p
{
    margin-top: .5rem;
    display: none;
    opacity: 0;
    -webkit-transition: all .5s .4s ease;
    transition: all .5s .4s ease;
    -webkit-transform: translate(0,100%) scale3d(1,1,0);
    transform: translate(0,100%) scale3d(1,1,0);
}
.n-value .w-ulbox
{
    overflow: hidden;
}
.n-value .boxx:hover .bg
{
    opacity: 1;
}
.n-value .boxx:hover .text .p
{
    opacity: 1;
    display: block;
    -webkit-transition: all .5s .4s ease;
    transition: all .5s .4s ease;
    -webkit-transform: translate(0,0%) scale3d(1,1,1);
    transform: translate(0,0%) scale3d(1,1,1);
}
.n-value .w-pagination
{
    position: absolute;
    height: 50px;
    line-height: 50px;
    right: 4.17%;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.n-value .w-pagination .swiper-button-next, .n-value .w-pagination .swiper-button-prev
{
    height: 50px;
    position: relative;
    margin-top: 0;
    top: 0;
    background: none;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-value .w-pagination .swiper-button-prev
{
    margin-right: 10px;
}
.n-value .w-pagination .swiper-button-next
{
    margin-left: 10px;
}
.n-value .w-pagination .swiper-button-prev:hover, .n-value .w-pagination .swiper-button-next:hover
{
    color: #31cdac;
}
.n-value .w-pagination .swiper-pagination
{
    position: relative;
    height: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.n-value .w-pagination .swiper-pagination span
{
    margin: 0 6px;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    box-sizing: content-box;
}
.n-value .w-pagination .swiper-pagination span.swiper-pagination-bullet-active
{
    background: transparent;
    border: 3px solid #3aceaf;
}
.n-value .ulbox
{
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-value .ulbox.cur
{
    opacity: 1;
}
.w1200
{
    width: 1200px;
    margin: 0 auto;
}
.n-dealer .lista
{
    padding: 2.6rem 0 1.75rem;
    background: #f6f6f6;
    position: relative;/* top: 50px; *//* opacity: 0; */
}
.n-dealer .lista .tit1
{
    margin-bottom: .75rem;
}
.n-dealer .lista .tab-ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 260px;
    margin: 0 auto 1.25rem;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.n-dealer .lista .tab-ul .tab-li
{
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-dealer .lista .tab-ul .tab-li:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #005cb9;
    -webkit-transform: scale3d(0,0,.8);
    transform: scale3d(0,0,.8);
    bottom: -2.5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-dealer .lista .tab-li:hover, .n-dealer .lista .tab-li.cur
{
    color: #005cb9;
}
.n-dealer .lista .tab-li:hover:before, .n-dealer .lista .tab-li.cur:before
{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.n-dealer .lista .tab-box .li
{
    text-align: center;
}
.n-dealer .lista .tab-box img
{
    width: 100%;
}
.n-dealer .listb
{
    background: #fcfcfc;
    padding: 60px 0 80px;
    position: relative;
    top: 50px;
    opacity: 0;
}
.n-dealer .listb .ulbox
{
    margin-top: .7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.n-dealer .listb .li
{
    width: 49%;
    margin-bottom: 2%;
    margin-right: 2%;
    border-radius: 6px;
    padding: .75rem;
    background: #f1f1f1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-dealer .listb .top
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .6rem;
}
.n-dealer .listb .tit2
{
    color: #333;
    line-height: 1.5;
    margin-bottom: .6rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-dealer .listb .su
{
    color: #999;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-dealer .listb .p
{
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.n-dealer .listb .p span
{
    color: #000;
}
.n-dealer .listb .li:nth-child(2n)
{
    margin-right: 0;
}
.n-dealer .listb .li:hover
{
    background: #005cb9;
}
.n-dealer .listb .li:hover .tit2
{
    color: #fff;
}
.n-dealer .listb .li:hover .su
{
    color: #fff;
    opacity: .5;
}
.n-dealer .listb .li:hover .p
{
    color: #fff;
}
.n-about .lista
{
    padding: 2.5rem 4.17% 2.75rem;/*  background: -webkit-linear-gradient(top, #fafcf6, #e2eff5);
  background: linear-gradient(to bottom, #fafcf6, #e2eff5);*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;/* -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; */
    position: relative;/* top: 50px; *//* opacity: 0; */
}
.n-about .lista .content-box
{
    width: 50%;
    padding-right: 1.25rem;
}
.n-about .lista .content-box .tit1
{
    margin-bottom: .75rem;
}
.n-about .lista .content-box .p-16
{
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: 1px solid #d8ded9;
}
.n-about .lista .content-box .p-16 p
{
    line-height: 2.4;
}
.n-about .lista .content-box .tit2
{
    margin-bottom: 1.5rem;
}
.n-about .lista .content-box .tit2 p
{
    font-weight: normal;
    line-height: 2.4;
}
.n-about .lista .content-box .warp-timebox
{
    position: relative;
    padding: 40px 0;
    width: 180px;
    height: 280px;
}
.n-about .lista .content-box .swiper-slide
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
}
.n-about .lista .content-box .timebox .swiper-slide.swiper-slide-active
{
    color: #005cb9;
}
.n-about .lista .content-box .swiper-slide.swiper-slide-active span
{
    color: #005cb9;
}
.n-about .lista .content-box span
{
    font-size: 16px;
    line-height: 1.1;
    color: #666;/* margin-left: 10px; */
}
.n-about .lista .content-box .timebox
{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.n-about .lista .content-box .swiper-button-prev
{
    margin-top: 0;
    top: 0;
    left: 0;
    font-size: 24px;
}
.n-about .lista .content-box .swiper-button-next
{
    margin-top: 0;
    top: auto;
    bottom: 0;
    left: 0;
    font-size: 24px;
}
.n-about .lista .content-box .swiper-button-prev, .n-about .lista .content-box .swiper-button-next
{
    background: none;
    width: 100%;
    text-align: left;
}
.n-about .lista .content-box .text-box
{
    width: calc(100% - 180px);
    background: #f6f6f6;
    padding: .7rem;
    font-size: 14px;
    height: 280px;
    line-height: 1.8;
    color: #666;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.n-about .lista .content-box .n-text
{
    max-height: 200px;
}
.n-about .lista .content-box .n-text p
{
    font-size: 20px;
}
.n-text
{
    display: none;
}
.n-text.on
{
    display: block;
}
.n-about .lista .content-box .text-box:before
{
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}
.n-about .lista .content-box .n-text
{
    max-height: 200px;
}
.n-about .lista .time-content
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.n-about .lista .img
{
    width: 50%;
    display: flex;/* overflow: hidden; */
}
.n-about .lista .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;/* margin-top: 3.3rem; */
}
.text-bold
{
    font-weight: normal;
}
.n-about .lista .content-box .swiper-slide.swiper-slide-active
{
    font-size: 20px;
}
.n-about .listb
{/* background: url(../image/img31.jpg) no-repeat center center; *//* background-size: cover; */
    padding: 2rem 0;/* position: relative; *//* top: 50px; */
    opacity: 0;
}
.n-about .listb .tit2
{
    margin-bottom: 2.25rem;
}
.n-about .listb .ulbox
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.n-about .listb .li
{
    width: 50%;
    text-align: center;
}
.n-about .listb .img-btn
{
    width: 280px;
    height: 280px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;/*border: 1px dashed #fff;*/
    margin: 0 auto .7rem;
    border-radius: 50%;
    position: relative;
}
.n-about .listb .img-btn img
{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 10px solid #fff;
}
.n-about .listb .img-btn .imgquan
{
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
}
.n-about .listb .img-btns img
{
    border: 10px solid #fff;
}
.n-about .listb .tit3
{
    margin-bottom: 5px;
}
.n-about .listb .tit4
{
    line-height: 1.5;
    margin-bottom: 12px;
}
.n-about .listb .p-14
{
    line-height: 2;
}
@media(max-width: 1366px)
{
    .position-box .view
    {
        width: 70%;
    }
    .recruit-list .list .item:nth-child(3n)
    {
        width: 15vw;
    }
    .w1200
    {
        width: 70%;
    }
}
@media(max-width: 1280px)
{
    .n-about .lista .content-box
    {
        width: 100%;
        padding-right: 0;
        margin-bottom: 50px;
    }
    .n-about .lista .img
    {
        width: 100%;
    }
}
@media(max-width: 1024px)
{
    .recruit-list .list .item:nth-child(3n+1)
    {
        width: 18vw;
    }
    .recruit-list .list .item:nth-child(3n)
    {
        width: 15vw;
    }
    .position-box .view
    {
        width: auto;
        padding: 0 5%;
    }
    .n-value .tab-ul .li
    {
        margin-right: 1.5rem;
    }
    .w1200
    {
        width: 90%;
    }
    .n-dealer .listb .li
    {
        width: 100%;
        margin-right: 0;
    }
}
.pc-block
{
    display: block;
}
.m-block
{
    display: none;
}
@media(max-width: 960px)
{
    .pc-block
    {
        display: none;
    }
    .m-block
    {
        display: block;
    }
}
@media(max-width: 767px)
{
    .n-banner
    {
        height: 6.67rem;
    }
    .n-banner .tit1
    {
        margin-bottom: .4rem;
    }
    .n-banner .text
    {
        bottom: .4rem;
    }
    .warp-sub
    {
        padding: 0 .4rem;/* height: .8rem; */
        min-height: 50px;
    }
    .warp-sub a
    {
        height: .8rem;
        min-height: 50px;
        line-height: normal;
        margin-right: .8rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .n-talent .lista .warp-ulbox .p
    {
        font-size: 12px;
    }
    .n-talent .lista
    {
        padding: .6rem 0 .8rem;
    }
    .n-talent .lista .z-title
    {
        margin-bottom: .8rem;
    }
    .n-talent .lista .warp-ulbox .icon-img
    {
        width: .56rem;
        height: .56rem;
        min-width: 40px;
        min-height: 40px;
    }
    .n-value .tit1
    {
        margin-bottom: .7rem;
    }
    .page a
    {
        width: .6rem;
        height: .6rem;
        margin: 0 .1rem;
        line-height: .6rem;
        font-size: .24rem;
    }
    .page .prev, .page .next
    {
        background-size: 4px;
    }
    .n-talent .lista .warp-ulbox .tit1
    {
        margin-bottom: .66rem;
    }
    .n-talent .lista .warp-ulbox .icon-img, .n-talent .lista .warp-ulbox .tit2
    {
        margin-bottom: .2rem;
    }
    .n-talent .lista .warp-ulbox .li
    {
        width: 50%;
        border-bottom: 1px solid #ddd;
        padding: 4.17%;
    }
    .n-talent .lista .warp-ulbox .li:nth-child(3), .n-talent .lista .warp-ulbox .li:nth-child(4)
    {
        border-bottom: none;
    }
    .position-box
    {
        padding: .7rem 0;
    }
    .position-tit
    {
        font-size: .46rem;
        line-height: .56rem;
    }
    .position-search-box
    {
        margin-top: .5rem;
        width: 100%;
        height: .8rem;
    }
    .position-search-box input[type=text]
    {
        width: 75%;
        height: .8rem;
        line-height: .8rem;
        font-size: .3rem;
        padding: 0 .3rem;
    }
    .position-search-box input[type=button]
    {
        width: 25%;
        height: .8rem;
        font-size: .3rem;
    }
    .position-select-box
    {
        margin-top: .5rem;
    }
    .position-select-box .row
    {
        margin: 0;
    }
    .position-select-box .item
    {
        padding: 0;
        margin-bottom: .3rem;
    }
    .position-select-box .item:last-child
    {
        margin-bottom: 0;
    }
    .position-select-box .select.on
    {
        z-index: 3;
    }
    .position-select-box .select .tit
    {
        height: .8rem;
        line-height: .8rem;
        padding: 0 .3rem;
        font-size: .3rem;
        background-position: 95% center;
        background-size: .2rem;
    }
    .position-select-box .select .sub
    {
        top: .8rem;
    }
    .position-select-box .select .sub a
    {
        font-size: .3rem;
        line-height: .8rem;
        height: .8rem;
        padding: 0 .3rem;
    }
    .position-box .total
    {
        margin-top: .3rem;
        font-size: .3rem;
        line-height: .4rem;
    }
    .recruit-list
    {
        margin-top: .3rem;
    }
    .recruit-list .tit-box .position
    {
        width: 100%;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding: .2rem .3rem;
        font-size: .3rem;
        border-bottom: 1px solid #e8e8e8;
    }
    .recruit-list .tit-box .right
    {
        float: none;
        width: 100%;
        border-left: none;
        padding: .3rem;
    }
    .recruit-list .list .item
    {
        font-size: .24rem;
        line-height: .4rem;
        margin-bottom: .2rem;
    }
    .recruit-list .list .item:last-child
    {
        margin-bottom: 0;
    }
    .recruit-list .pos-btn
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 2.2rem;
        height: .6rem;
        font-size: .24rem;
        line-height: .6rem;
        display: block;
        background-position: 1.7rem center;
        top: .15rem;
    }
    .recruit-list .list .item:nth-child(3n+1), .recruit-list .list .item:nth-child(3n+2), .recruit-list .list .item:nth-child(3n)
    {
        width: 50%;
    }
    .recruit-list .sub
    {
        padding: .3rem;
    }
    .recruit-list .sub .con
    {
        font-size: .24rem;
        line-height: .4rem;
    }
    .recruit-list .sub .send
    {
        width: 2.5rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .3rem;
        margin-top: .3rem;
    }
    .recruit-list .page
    {
        margin-top: .5rem;
    }
    .n-value .tab-ul .li
    {
        font-size: .3rem;
        margin-right: .24rem;
    }
    .n-value
    {
        padding: .7rem 0;
    }
    .n-value .tit1
    {
        margin-bottom: .4rem;
    }
    .n-value .top
    {
        margin-bottom: .4rem;
    }
    .n-value .ulbox .text
    {
        padding: 0 .2rem;
        bottom: .2rem;
    }
    .n-value .ulbox .p
    {
        margin-top: .2rem;
    }
    .n-dealer .lista
    {
        padding: 1rem 0 .7rem;
    }
    .n-dealer .lista .tit1
    {
        margin-bottom: .4rem;
    }
    .n-dealer .lista .tab-ul .tab-li
    {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
    .n-dealer .listb
    {
        padding: .6rem 0 .8rem;
        position: relative;
        top: 50px;
        opacity: 0;
    }
    .n-dealer .listb .li
    {
        padding: .3rem;
    }
    .n-dealer .listb .top img
    {
        width: 40px;
        height: 40px;
    }
    .n-dealer .listb .top
    {
        margin-bottom: .4rem;
    }
    .n-about .lista
    {
        padding: 1rem 4.17% 1.2rem;
    }
    .n-about .lista .content-box .tit1
    {
        margin-bottom: .6rem;
    }
    .n-about .lista .content-box .tit2
    {
        margin-bottom: .6rem;
    }
    .n-about .lista .content-box .p-16
    {
        margin-bottom: .4rem;
        padding-bottom: .4rem;
    }
    .n-about .lista .content-box .text-box
    {
        padding: .25rem;
        font-size: 14px;
        line-height: 2;
    }
    .n-about .lista .content-box .text-box p
    {
        color: #005cb9!important;
    }
    .n-about .lista .content-box .swiper-slide
    {
        font-size: 16px;
    }
    .n-about .listb
    {
        padding: .8rem 0;
    }
    .n-about .listb .tit2
    {
        margin-bottom: 1rem;
    }
    .n-about .listb .img-btn
    {
        width: 220px;
        height: 220px;
    }
    .n-about .listb .img-btn img
    {
        width: 190px;
        height: 190px;
    }
}
@media(max-width: 560px)
{
    .n-about .lista .content-box .warp-timebox
    {
        width: 100px;
    }
    .n-about .lista .content-box .text-box
    {
        width: calc(100% - 100px);
    }
    .n-about .listb .li
    {
        width: 100%;
        margin-bottom: .5rem;
    }
    .n-about .lista .content-box .tit1
    {
        margin-bottom: .3rem;
    }
    .n-about .lista .content-box .tit2
    {
        line-height: 1.8;
    }
    .n-about .lista .content-box .p-16
    {
        font-size: 14px;
        line-height: 2;
    }
    .n-dealer .lista .tab-ul
    {
        width: 180px;
    }
}
@media(max-width: 425px)
{
    .warp-sub a
    {
        font-size: 14px;
    }
    .n-banner .down
    {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 40px;
        font-size: 14px;
    }
    .n-banner .r-sub
    {
        font-size: 12px;
    }
    .n-banner .sp2
    {
        font-size: 12px;
        margin: 0 5px;
    }
    .n-value .tab-ul
    {
        width: 100%;
    }
    .n-value .w-pagination
    {
        position: absolute;
        left: 0;
        bottom: 0;
        top: auto;
        width: 100%;
    }
    .n-value .tab-ul .li
    {
        margin-right: .4rem;
    }
    .n-value .ulbox
    {
        padding-bottom: 1.5rem;
    }
    .n-dealer .listb .tit2
    {
        font-size: .3rem;
        margin-bottom: .25rem;
    }
    .n-dealer .listb .p
    {
        font-size: 14px;
    }
}
.backtop svg
{
    height: 20px;
    width: 20px;
    position: relative;
    display: block;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.backtop.active
{
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
}
@-webkit-keyframes scaleloading
{
    0%
    {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100%
    {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0;
    }
}
@keyframes scaleloading
{
    0%
    {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100%
    {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0;
    }
}
@-webkit-keyframes glowmation
{
    0%
    {
        top: -3%;
        left: -3%;
        background-position: 0% 50%;
        background-size: 150% 150%;
    }
    12.5%
    {
        top: -3%;
        left: 0;
        background-size: 70% 30%;
    }
    25%
    {
        top: -3%;
        left: 3%;
        background-size: 100% 50%;
    }
    37.5%
    {
        top: 0;
        left: 3%;
        background-size: 70% 30%;
    }
    50%
    {
        top: 3%;
        left: 3%;
        background-position: 100% 50%;
        background-size: 30% 30%;
    }
    62.5%
    {
        top: 3%;
        left: 0;
        background-size: 30% 70%;
    }
    75%
    {
        top: 3%;
        left: -3%;
        background-size: 50% 100%;
    }
    87.5%
    {
        top: 0;
        left: -3%;
        background-size: 30% 70%;
    }
    100%
    {
        top: -3%;
        left: -3%;
        background-position: 0% 50%;
        background-size: 150% 150%;
    }
}
@keyframes glowmation
{
    0%
    {
        top: -3%;
        left: -3%;
        background-position: 0% 50%;
        background-size: 150% 150%;
    }
    12.5%
    {
        top: -3%;
        left: 0;
        background-size: 70% 30%;
    }
    25%
    {
        top: -3%;
        left: 3%;
        background-size: 100% 50%;
    }
    37.5%
    {
        top: 0;
        left: 3%;
        background-size: 70% 30%;
    }
    50%
    {
        top: 3%;
        left: 3%;
        background-position: 100% 50%;
        background-size: 30% 30%;
    }
    62.5%
    {
        top: 3%;
        left: 0;
        background-size: 30% 70%;
    }
    75%
    {
        top: 3%;
        left: -3%;
        background-size: 50% 100%;
    }
    87.5%
    {
        top: 0;
        left: -3%;
        background-size: 30% 70%;
    }
    100%
    {
        top: -3%;
        left: -3%;
        background-position: 0% 50%;
        background-size: 150% 150%;
    }
}
@-webkit-keyframes img1
{
    0%
    {
        opacity: .5;
    }
    20%
    {
        opacity: 1;
    }
    40%
    {
        opacity: .8;
    }
    50%
    {
        color: 1;
    }
    80%
    {
        color: 1;
    }
    100%
    {
        color: .8;
    }
}
@keyframes img1
{
    0%
    {
        opacity: .5;
    }
    20%
    {
        opacity: 1;
    }
    40%
    {
        opacity: .8;
    }
    50%
    {
        color: 1;
    }
    80%
    {
        color: 1;
    }
    100%
    {
        color: .8;
    }
}
@-webkit-keyframes loader1
{
    0%
    {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes loader1
{
    0%
    {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes arrow2
{
    0%
    {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50%
    {
        -webkit-transform: translatey(4px);
        transform: translatey(4px);
    }
}
@keyframes arrow2
{
    0%
    {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50%
    {
        -webkit-transform: translatey(4px);
        transform: translatey(4px);
    }
}
.js-m
{
    opacity: 0;
    -webkit-transform: translate(0,30px);
    -ms-transform: translate(0,30px);
    transform: translate(0,30px);
    -webkit-transition: all .8s cubic-bezier(.79,-.27,.21,.82);
    transition: all .8s cubic-bezier(.79,-.27,.21,.82);
}
.js-m.animate
{
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.js-m.js-m-2
{
    opacity: 0;
    -webkit-transform: translate(30px,0);
    -ms-transform: translate(30px,0);
    transform: translate(30px,0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.js-m.js-m-2.animate
{
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.js-m-3
{
    opacity: 0;
    -webkit-transform: translate(30px,0);
    -ms-transform: translate(30px,0);
    transform: translate(30px,0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.js-m-3.animate
{
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.js-m.js-m-4
{
    opacity: 0;
    -webkit-transform: translate(0,-100px);
    -ms-transform: translate(0,-100px);
    transform: translate(0,-100px);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.js-m.js-m-4.animate
{
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.js-m-top
{
    opacity: 0;
    -webkit-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    transform: translate(0,100px);
    -webkit-transition: all 1.5s cubic-bezier(.69,.1,.12,1.02);
    transition: all 1.5s cubic-bezier(.69,.1,.12,1.02);
}
.js-m-top.animate
{
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.imgbg-tong
{
    position: relative;
}
.imgbg-tong:after
{
    content: "";
    margin: 0 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 4;
    -webkit-transition: all .5s ease-in-out .5s;
    transition: all .5s ease-in-out .5s;
}
.imgbg-tong:before
{
    content: "";
    margin: 0 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #111;
    z-index: 5;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.js-m.animate.imgbg-tong:before, .js-m.animate.imgbg-tong:after
{
    margin-right: 0;
    right: 0;
    bottom: 0;
    left: 100%;
}
.image-in
{
    display: block;
    overflow: hidden;
}
.image-in::before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right center 0;
    -ms-transform-origin: right center 0;
    transform-origin: right center 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: -webkit-transform,-webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}
.image-in::before
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: #000;
}
.image-in
{
    -webkit-transform: translate3d(-100.5%,0,0);
    transform: translate3d(-100.5%,0,0);
    -webkit-transform-origin: left center 0;
    -ms-transform-origin: left center 0;
    transform-origin: left center 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: -webkit-transform,-webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.js-m.animate .image-in
{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.js-m.animate .image-in::before
{
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
}
.delay1
{
    -webkit-transition-delay: .1s!important;
    transition-delay: .1s!important;
}
.delay2
{
    -webkit-transition-delay: .2s!important;
    transition-delay: .2s!important;
}
.delay3
{
    -webkit-transition-delay: .3s!important;
    transition-delay: .3s!important;
}
.delay4
{
    -webkit-transition-delay: .4s!important;
    transition-delay: .4s!important;
}
.delay5
{
    -webkit-transition-delay: .5s!important;
    transition-delay: .5s!important;
}
.delay6
{
    -webkit-transition-delay: .6s!important;
    transition-delay: .6s!important;
}
.delay7
{
    -webkit-transition-delay: .7s!important;
    transition-delay: .7s!important;
}
.delay8
{
    -webkit-transition-delay: .8s!important;
    transition-delay: .8s!important;
}
.delay9
{
    -webkit-transition-delay: .9s!important;
    transition-delay: .9s!important;
}
.delay01
{
    -webkit-transition-delay: .03s!important;
    transition-delay: .03s!important;
}
.delay02
{
    -webkit-transition-delay: .08s!important;
    transition-delay: .08s!important;
}
.delay03
{
    -webkit-transition-delay: .13s!important;
    transition-delay: .13s!important;
}
.delay04
{
    -webkit-transition-delay: .18s!important;
    transition-delay: .18s!important;
}
.delay05
{
    -webkit-transition-delay: .23s!important;
    transition-delay: .23s!important;
}
.delay06
{
    -webkit-transition-delay: .28s!important;
    transition-delay: .28s!important;
}
.delay07
{
    -webkit-transition-delay: .33s!important;
    transition-delay: .33s!important;
}
.delay08
{
    -webkit-transition-delay: .38s!important;
    transition-delay: .38s!important;
}
.delay09
{
    -webkit-transition-delay: .43s!important;
    transition-delay: .43s!important;
}
.errors-alert .md-content
{
    width: 450px;
    height: auto;
    padding: 1.25rem;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.errors-alert .md-content .tit1
{
    line-height: 1.5;
    margin-bottom: 1rem;
}
.errors-alert .md-content .coad-box
{
    width: 100%;
    margin-top: 1rem;
    margin-bottom: .5rem;
}
.errors-alert .md-content
{
    background: #fff;
}
.errors-alert .md-close
{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.errors-alert .md-close:before
{
    position: absolute;
    font-size: 30px;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #333;
}
.errors-alert .coad-button
{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f8f8f8;
    display: block;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px #eee;
}
.errors-alert .coad-button p
{
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #e60012;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.errors-alert .coad-button:before
{
    z-index: 1;
    background: #cb0f1e;
    width: 600px;
    height: 200px;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
}
.errors-alert .coad-button:hover p
{
    color: #fff;
}
.errors-alert .coad-button:hover:before
{
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}/*# sourceMappingURL=z_style.css.map */
.n-value .ulbox.about3 .wrapper
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n-value .ulbox.about3 .boxx
{
    width: 24%;
    position: relative;/* padding-right: 10px; */
}
@media screen and (max-width: 767px)
{
    .n-value .ulbox.about3 .boxx
    {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .n-value .ulbox.about3 .swiper-wrapper
    {
        display: block;
    }
}
.sp2.iconfont
{
    background-image: url(../svg/kx3mu1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 13px;
    height: 13px;
}
.arrow1
{
    background-image: url(../svg/tph01o.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 18%;
    left: 24%;
    transform: translate(-24%,-18%);
}
@media screen and (max-width: 991px)
{
    .arrow1
    {
        top: 8%;
        left: 17%;
        transform: translate(-17%,-8%);
    }
}
.time-content svg
{
    height: 100%;
}
.sw-up svg, .sw-down svg
{
    width: 20px;
    margin-left: 15px;
}
.p-text p
{
    line-height: 40px;
}