@charset "utf-8";
@font-face {
  font-family: pingfang_b;
  src:url(/template/hrms/html/static/font/PingFang_Bold.ttf);
}
@font-face {
  font-family: pingfang_el;
  src:url(/template/hrms/html/static/font/PingFang_ExtraLight.ttf);
}
@font-face {
  font-family: pingfang_h;
  src:url(/template/hrms/html/static/font/PingFang_Heavy.ttf);
}
@font-face {
  font-family: pingfang_l;
  src:url(/template/hrms/html/static/font/PingFang_Light.ttf);
}
@font-face {
  font-family: pingfang_m;
  src:url(/template/hrms/html/static/font/PingFang_Medium.ttf);
}
@font-face {
  font-family: pingfang_r;
  src:url(/template/hrms/html/static/font/PingFang_Regular.ttf);
}
@font-face {
  font-family: number_only;
  src:url(/template/hrms/html/static/font/DIN-Medium.otf);
}
@font-face {
  font-family: MontDemo;
  src:url(/template/hrms/html/static/font/MontDemo-Heavy.otf);
}
.ct{font-family:pingfang_b}
.tc{font-family:pingfang_h}
.cg{font-family:pingfang_m}
.zd{font-family:pingfang_r}
.xt{font-family:pingfang_l}
.jx{font-family:pingfang_el}
.sz{font-family:number_only}
.yw{font-family:MontDemo}
body {
    font: 0.16rem/1.5;
}
/*
body {
    font: 0.16rem/1.5 "PingFang SC",'pingfang_r','pingfang_b','number_only';
}
*/
a:hover {
    text-decoration: none;
    color: #286efa;
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden; 
    height:0;
} 
.clearfix{zoom:1}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.imgj {
    overflow: hidden;
}
.wal {max-width: 12rem;margin:0 auto;width: 90%;position: relative;}
.small_wal {
    max-width: 10rem;
    width: 85%;
    margin: 0 auto;
}

/*********head************/

.top_bar_left{
    display: flex;
    align-items: center;
}
.g-nav ul{
    display: flex;
    align-items: center;
    font-size: 0.16rem;
}
.g-nav ul li{
    margin: 0 0.2rem;
    position: relative;
}

.g-nav ul li a{
    color: #333;
    display: block;
    line-height: 0.7rem;
    font-size: 0.16rem;
}

.g-nav ul li .erji_nav {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0.7rem;
    display: none;
    text-align: left;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    background: #fff;
    border-radius: 0.06rem;
    width: 2.3rem;
    padding: 0.1rem 0;
}
.g-nav ul li .erji_nav.show{
    display: block;
}
.g-nav ul li .erji_nav a {
    line-height: 0.2rem;
    padding: 0.1rem 0.15rem;
    display: flex;
    align-items: center;
    border-radius: 0.06rem;
}

.g-nav ul li .erji_nav a:hover {
    background: #f1f5ff;
    color: #286efa;
}
.navA{
    display: none;
}

.top_bar {
    /* display: flex; */
    /* justify-content: space-between; */
    align-items: center;
    height: 0.7rem;
}
.two_level {
    display: flex;
    flex-flow: wrap;
}

.add_nav {
    margin: 0.4rem 0 0 0;
}

.add_nav h2 {
    font-size: 0.18rem;
    font-weight: bold;
    color: #939ca3;
}
a.logo {
    display: block;
    margin: 0 0.5rem 0 0;
}

a.logo img {
    width: 1.28rem;
}

span.sologin img {
    width: 2.5rem;
}

.top_bar .left {
    display: flex;
    align-items: center;
}

.top_bar .right {
    display: flex;
    align-items: center;
}
.top_nav {
    flex: 1;
}

.newtopnav {
    display: flex;
    justify-content: space-between;
}
a.want_use {
    font-size: 0.14rem;
    color: #286efa;
    border-radius: 0.06rem;
    border: 1px solid;
    line-height: 0.35rem;
    width: 1.1rem;
    text-align: center;
}

a.want_use:hover {
    opacity: 0.7;
}




/****index_banenr****/
.index_banenr{
    position: relative;
    overflow: hidden;
}
.index_banenr img{
    width: 100%;
}
.index_banenr .left_right_but .swiper-button-next {
    right: 0.3rem;
}

.index_banenr .left_right_but .swiper-button-prev {
    left: 0.3rem;
}


.index_banenr .swiper-pagination {}
.index_banenr .swiper-pagination{box-sizing: border-box;text-align: left;display: inline-block;margin: 0 auto;width: auto;/* background: rgba(0,0,0,0.2); */border-radius: 50px;display: inline-flex;align-items: center;justify-content: center;bottom: 0.2rem;text-align: center;position: absolute;left: 0;right: 0;z-index: 99;}
.banner_number {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.2rem;
    z-index: 99;
    font-family: number_only;
    text-align: center;
}
.banner_number span.swiper-pagination-bullet {
    background: #ffffff;
    border-radius: 50px;
    width: 0.1rem;
    height: 0.1rem;
    /* opacity: 0.8; */
    margin: 0 0.05rem;
    opacity: 1;
}

.banner_number span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
    opacity: 1;
    width: 0.3rem;
}
.ani {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_zi {
    letter-spacing: 0.02rem;
    z-index: 99;
}
.banner_zi h4{
    font-size: 0.36rem;
    /* font-weight: bolder; */
    margin: 0 0 0.1rem;
    color: #333333;
    font-family: 'pingfang_h';
}
.banner_zi p{
    font-size: 0.3rem;
    color: #333;
}
.banner_zi span{
    font-size: 0.18rem;
    color: #666;
    display: block;
    margin: 0 0 0.2rem;
    width: 50%;
    line-height: 0.36rem;
}
.banner_zi a{
    display: inline-block;
    background: #286efa;
    color: #fff;
    font-size: 0.14rem;
    border-radius: 0.06rem;
    border: 1px solid;
    line-height: 0.35rem;
    width: 1.1rem;
    text-align: center;
}
.banner_zi a:hover{opacity:0.8}
.index_banenr .bannermm {
    height: 5rem;
    display: block;
    background: #fafcff;
}
.newindexbg .bannermm {
    height: auto;
}
.ban_pic {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.ban_pic img {
    width: 5rem;
}

banner_img {
    position: absolute;
}
.left_buttom_but {
    position: absolute;
    left: 0;
    bottom: 0.3rem;
    right: 0;
}

.left_buttom_but .swiper-button-prev,.left_buttom_but .swiper-button-next {
    position: inherit;
    display: inline-block;
    background: #fff;
    width: 0.67rem;
    background: url(/template/hrms/html/static/images/ba_ljt.png) center center no-repeat #fff;
    height: 0.26rem;
    margin: 0 0.3rem 0 0;
    background-size: 0.22rem;
}
.left_buttom_but .swiper-button-prev:hover, .left_buttom_but .swiper-button-next:hover{
    background: url(/template/hrms/html/static/images/ba_bjt.png) center center no-repeat #004391;
    background-size: 0.22rem;
}
.left_buttom_but .swiper-button-prev:after,.left_buttom_but .swiper-button-next:after{
    display: none;
}
.left_buttom_but .swiper-button-next {
    transform: rotate(180deg);
}
.g-nav ul li a.name{
    display: flex;
    align-items: center;
}
.g-nav ul li a.name i {
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(/template/hrms/html/static/images/down_jt.png) center center no-repeat;
    background-size: 0.1rem;
    transition: all 0.3s ease;
}
.g-nav ul li.on a.name {
    color: #286efa;
}

.g-nav ul li.on a i {
    transform: rotate(180deg);
    background: url(/template/hrms/html/static/images/down_jt_l.png) center center no-repeat;
    background-size: 0.1rem;
}
.g-nav ul li .erji_nav.product_nav {
    width: 7rem;
}

.classify-nav {
    /* display: flex; */
    /* flex-flow: wrap; */
    padding: 0.1rem 0.2rem;
    margin: -0.4rem 0 0;
}

.classify-nav a {
    width: 33.33%;
    box-sizing: border-box;
}

.g-nav ul li .erji_nav a h3 {
    color: #666;
    font-size: 0.14rem;
    display: block;
    /* margin: 0.1rem 0 0; */
}

.g-nav ul li .erji_nav a img {
    width: 0.4rem;
    margin: 0 0.2rem 0 0;
}
.g-nav ul li .erji_nav .classify-nav a {
    padding: 0.15rem;
}
/**index_robots**/
.index_part {
    padding: 0.8rem 0;
}

.all_bt {
    text-align: center;
    margin: 0 0 0.4rem;
}

.all_bt h3 {
    font-size: 0.3rem;
    font-weight: bolder;
    letter-spacing: 0.02rem;
    margin: 0 0 0.1rem;
    /* font-family: 'pingfang_h'; */
    color: #000;
}

.all_bt1 h3 {
    font-size: 0.35rem;
    font-weight: bolder;
    letter-spacing: 0.02rem;
    margin: 0 0 0.1rem;
    /* font-family: 'pingfang_h'; */
    color: #000;
}

.all_bt p {
    color: #808080;
    font-size: 0.16rem;
    letter-spacing: 0.02rem;
    color: #000;
}

.all_bt {
    margin: 0 0 0.3rem;
}

.index_robots {}

.index_robots {}
.robots_ti {
    margin: 0 auto 0.3rem;
}

.robots_ti p {
    margin: 0 0 0.3rem;
}
.robots_imgarea {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/template/hrms/html/static/images/robotbg.png) center center no-repeat;
    background-size: 100%;
    padding: 0.45rem;
    margin: 0 0 0.5rem 0;
}

.robots_imgarea .goods_li {
    text-align: left;
    margin: 0 0 0 0.2rem;
}

.robots_imgarea  .text_al_right {
    text-align: right;
    margin: 0 0.2rem 0 0;
}

.robots_imgarea .goods_li ul {}

.robots_imgarea .goods_li ul li {
    font-size: 0.18rem;
    line-height: 0.56rem;
}

.robots_imgarea .gif {
    margin: 0  -1rem 0 0;
}

.robots_imgarea .gif img {
    width: 2rem;
}

.robots_imgarea .gif.right {
    transform: rotate(180deg);
    margin: 0 0 0 -1rem;
}

.robots_imgarea .center {
    position: relative;
    text-align: center;
    z-index: 9;
}

.robots_imgarea .center img.yuan {
    width: 4rem;
}

.robots_imgarea .center i {
    display: block;
    position: absolute;
    left: 0.3rem;
    right: 0.3rem;
    top: 0.3rem;
    bottom: 0.3rem;
    border-radius: 50%;
    border: 0.02rem dotted #aec9fd;
    animation: zhuan 20s linear infinite;
    /* transform: rotate(0); */
    border: 0.01rem dashed #aec9fd;
}

.robots_imgarea .center img.robot {
    position: absolute;
    /* top: 0; */
    left: 0.27rem;
    bottom: 0.25rem;
    right: 0;
    width: 3.5rem;
}

@keyframes zhuan{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
    }

.robots_videos {
    margin: 0 0 0.3rem;
}

.robots_videos video {
    width: 100%;
}
.robot_ul {}

.robot_ul ul {
    display: flex;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
}

.robot_ul ul li {
    flex: 1;
    background: #fff;
    border-right: 0.01rem solid #e8e8e8;
}

.robot_ul ul li .robot_zi {}

.robot_ul ul li .robot_zi h3 {
    font-size: 0.18rem;
    padding: 0.15rem;
    background: #fafbfc;
    font-weight: bolder;
        text-align: center;
}

.robot_ul ul li .robot_zi .main {
    padding: 0.15rem;
}

.robot_ul ul li .robot_zi .main .imgj {
    margin: 0 0 0.1rem;
}

.robot_ul ul li .robot_zi .main .imgj img {}

.robot_ul ul li .robot_zi .main p {
    font-size: 0.14rem;
    line-height: 0.26rem;
    color: #5c5f66;
    text-align: justify;
}

/**index hios**/
.fafbfc {
    background: #fafbfc;
}

.tabl_ul ul {
    display: flex;
    justify-content: space-around;
}

.tab_main {
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    padding: 0.2rem;
    position: relative;
    font-weight: bold;
}

.tab_main img {
    width: 0.35rem;
    filter: grayscale(100%);
    opacity: 0.8;
    margin: 0 0.1rem 0 0;
}

.tabl_ul ul li {
    color: #333;
    cursor: pointer;
}

.tabl_ul ul li:hover,.tabl_ul ul li.on {
    color: #286efa;
}

.tabl_ul ul li:hover img, .tabl_ul ul li.on img {
    filter: none;
    opacity: 1;
}
.tab_main:after{content:".";position: absolute;left: 0;right: 0;bottom: 0;height: 0.02rem;display: block;background: #286efa;font-size: 0;width: 0;transition: all 0.3s ease;}

.tabl_ul ul li:hover .tab_main:after, .tabl_ul ul li.on .tab_main:after {
    width: 100%;
}
.tabl_ul {
    border-bottom: 1px solid #ddd;
    margin: 0 0 0.3rem;
}

.hios_one {}

.zicon.active {
    display: flex;
    justify-content: space-between;
}

.zicon {
    display: none;
}

.hios_one .left {
    width: 50%;
    order: 2;
}

.hios_one .right {
    width: 50%;
    margin: 0;
    position: relative;
    padding: 0.1rem 0 0 0;
    order: 1;
}

.hios_one .left img {}

.hios_one .right .bt {
    display: flex;
    align-items: center;
    margin: 0 0 0.2rem;
}

.hios_one .right .bt img {
    width: 0.6rem;
    transform: none !important;
    margin: 0 0.1rem 0 0;
}

.hios_one .right .bt .zi {
    font-size: 0.18rem;
    font-weight: bold;
}

.hios_one .right .bt .zi span {font-size: 0.18rem;font-weight: normal;display: block;margin: 0 0 0.1rem;}

.hios_one .right .bt .zi h3 {line-height: 0.4rem;/* font-weight: bold; */font-size: 0.26rem;}

.hios_one .right p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666666;
    letter-spacing: 0.02rem;
    height: 1rem;
    border-bottom: 1px dashed #ddd;
    margin: 0 0 0.4rem;
}

.hios_one .right .hios_s {}

.hios_one .right .hios_s a {
    display: inline-block;
    background: #fff;
    padding: 0.1rem 0.5rem;
    border-radius: 0.06rem;
    font-size: 0.14rem;
    margin: 0 0.2rem 0.2rem 0;
}

a.konw_more {
    border-radius: 0.06rem;
    border: 1px solid #286efa;
    font-size: 0.14rem;
    color: #286efa;
    padding: 0rem 0.4rem;
    line-height: 0.4rem;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}
a.konw_more:after{
    content:".";
    background: url(/template/hrms/html/static/images/down_jt_l.png) center center no-repeat;
    background-size: 0.1rem;
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    font-size: 0;
    transform: rotate(-90deg);
    transition: all 0.3s ease;
    }
a.konw_more:hover{
    padding: 0 0.3rem 0 0.3rem;
}
a.konw_more:hover:after{
    margin: 0 0 0 0.2rem;
}

.hios_one .right a.konw_more {
    position: absolute;
    bottom: 0;
}



.faan_one {}

.faan_one ul {
    display: flex;
    margin: 0 0 0 -0.2rem;
    width: 100%;
}

.faan_one ul li {
    width: 25%;
}

.faan_one ul li a {
    display: block;
    margin: 0 0 0 0.2rem;
    position: relative;
}

.faan_one ul li a img {
    width: 100%;
}

.faan_one ul li a p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 0.16rem;
    padding: 0.1rem;
    background: rgba(0,0,0,0.5);
}

/**who+_us**/
.who_bg {
    /*background: url(/template/hrms/html/static/images/who_bg.jpg) center center no-repeat;*/
    background-size: cover;
}
.color_ff {
    color: #000 !important;
}

.color_fff {
    color: #fff !important;
}

.who_us {
    margin: 0 0 0.3rem;
}

.who_us ul {
    display: flex;
    justify-content: center;
    border: 1px solid #ddd;
    width: 2.8rem;
    margin: 0 auto;
    line-height: 0.4rem;
    color: #000;
    border-radius: 0.06rem;
    position: relative;
}

.who_us ul li {
    flex: 1;
    text-align: center;
    border-radius: 0.06rem;
    cursor: pointer;
}

.who_us ul li.on,.who_us ul li:hover {
    background: #fff;
    color: #286efa;
}
.who_us ul:after{/* content:"." */}

.who_one {}

.who_one ul {
    display: flex;
    margin: 0 0 0 -0.25rem;
}

.who_one ul li {
    flex: 1;
    background: #fff;
    margin: 0 0 0 0.25rem;
    border-radius: 0.06rem;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
}

.who_one ul li .main {
    padding: 0.2rem;
}

.who_one ul li .main h3 {
    font-size: 0.2rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.who_one ul li .main p {
    font-size: 0.14rem;
    line-height: 0.32rem;
    position: relative;
}

.who_one ul li .main p span {
    display: block;
    /* padding: 0 0 0 0.1rem; */
    display: flex;
    align-items: center;
}
.who_one ul li .main p span:before{content:".";display: block;font-size: 0;width: 0.05rem;height: 0.05rem;background: #286efa;border-radius: 50%;margin: 0 0.1rem 0 0.05rem;}
.who_one ul li .main p:before{content:".";display: block;font-size: 0;position: absolute;left: 0.07rem;top: 0.15rem;bottom: 0.15rem;background: #286efa;width: 1px;}

/**index_cases**/
.cases_main {
    display: flex;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
}

.cases_main .left {
    width: 50%;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
}

.cases_main .left img {
    width: 100%;
}

.cases_main .right {
    flex: 1;
    padding: 0.3rem 0.4rem;
    box-sizing: border-box;
    position: relative;
}

.cases_main .right h3 {
    font-size: 0.24rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.cases_main .right p {
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #525864;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 0 0 0.2rem;
}

.three {
    display: flex;
}

.three .one {
    width: 2.2rem;
}

.three .one em {
    font-size: 0.2rem;
    display: block;
    color: #286efa;
    font-weight: bold;
}

.three .one span {
    font-size: 0.14rem;
    color: #999;
}

.cases_main .right a {
    position: absolute;
    bottom: 0.3rem;
    display: inline-block;
    font-size: 0.14rem;
    border-radius: 0.06rem;
    border: 1px solid #3576fa;
    line-height: 0.35rem;
    padding: 0 0.2rem;
    color: #3576fa;
}
.cases_main .right a:hover{
    opacity: 0.7;
}
.index_cases ul li {
    overflow: hidden;
    padding: 0.2rem 0.5rem;
    box-sizing: border-box;
}
.index_cases {
    overflow: hidden;
    position: relative;
}

.left_right_but .swiper-button-prev, .left_right_but .swiper-button-next,.left_right_but .swiper-button-prev2, .left_right_but .swiper-button-next2 {
    position: absolute;
    top: 0;
    left: -0.3REM;
    background: url(/template/hrms/html/static/images/fz_jt.png) center center no-repeat #fff;
    background-size: 0.14rem;
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(180deg);
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    opacity: 1;
    cursor: pointer;
}

.left_right_but {
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 0;
    right: 0;
    transform: translate(0, -0.2rem);
}

.left_right_but .swiper-button-next,.left_right_but .swiper-button-next2 {
    left: auto;
    right: -0.3REM;
}
.left_right_but .swiper-button-next,.left_right_but .swiper-button-next2 {
    transform: rotate(0deg);
}

.know_more {
    text-align: center;
    font-size: 0.14rem;
    margin: 0.1rem 0 0 0;
}
.know_more a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.know_more a:after {content: ".";display: block;width: 0.15rem;height: 0.15rem;background: url(/template/hrms/html/static/images/fz_jt.png) center center no-repeat;background-size: 0.14rem;font-size: 0;margin: 0 00 0 0.1rem;transition: all 0.3s ease;}
.know_more a:hover:after{
    margin: 0 00 0 0.2rem;
}


/**index_customer**/
.index_customer {}

.index_customer ul {
    display: flex;
    flex-flow: wrap;
    background: url(/template/hrms/html/static/images/step_bg.png) center 0.4rem no-repeat;
    background-size: 100%;
    margin: -0.4rem 0 0 0;
}

.index_customer ul li {
    width: 33.33%;
    margin: 0.4rem 0 0;
}

.customer {
    width: 60%;
    margin: 0 0 0 14%;
}

.customer img {
    width: 0.52rem;
}

.customer h3 {
    font-size: 0.2rem;
    font-weight: bold;
    letter-spacing: 0.03rem;
    margin: 0.2rem 0 0.05rem;
}

.customer p {
    font-size: 0.16rem;
    color: #525864;
    line-height: 0.26rem;
}

/**index_certificate**/
.index_certificate {
    padding: 0 0 0.5rem;
    border-bottom: 1px solid #ddd;
    margin: 0 auto 0.5rem;
}

.index_certificate ul {
    display: flex;
    justify-content: space-around;
}

.index_certificate ul li {}

.certificate {}

.certificate img {
    display: flex;
    width: 1.01rem;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    border-radius: 50%;
    margin: 0 auto 0.2rem;
}

.certificate span {
    color: #8694ae;
    font-size: 0.16rem;
    display: none;
}
.index_partner {}

.index_partner ul {
    display: flex;
    flex-flow: wrap;
    margin: 00 0 0 -0.1rem;
}

.index_partner ul li {
    width: 20%;
}

.partner {
    margin: 0 0 0.1rem 0.1rem;
    background: #fff;
    border-radius: 0.06rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.76rem;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
}

.partner img {
    max-height: 60%;
    max-width: 90%;
}
.use_bg {
    background: url(/template/hrms/html/static/images/use_bg.jpg) top center no-repeat;
    padding: 0.5rem;
    background-size:100% 100%;
}
.index_wantuse {
    color: #fff;
    text-align: center;
}

.index_wantuse p {
    color: #fff;
    font-size: 0.28rem;
    font-weight: bold;
    letter-spacing: 0.02rem;
    margin: 0 0 0.2rem;
}

.index_wantuse a {
    color: #fff;
    line-height: 0.34rem;
    border-radius: 0.06rem;
    border: 1px solid #fff;
    display: inline-block;
    padding: 0 0.4rem;
}
.index_wantuse a:hover{opacity:0.6}

/**foot**/
.foot_con {
    background: #272e35;
}

.foot_thing {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #404850;
    padding: 0.4rem 0;
}

.foot_thing .left {
    display: flex;
    flex: 1;
}

.foot_thing .left .foot_nav {
    /* flex: 1; */
    margin: 0 0.6rem 0 0;
}

.foot_thing .left .foot_nav h3 {
    color: #fff;
    font-weight: bold;
    margin: 0 0 0.15rem;
}

.foot_thing .left .foot_nav .foot_m {
    font-size: 0.14rem;
    line-height: 0.32rem;
   
}

.foot_thing .left .foot_nav .foot_m a {
    color: #fff;
    display: flex;
     opacity: 0.5;
}
.foot_thing .left .foot_nav .foot_m a:hover{opacity:1}
.foot_thing .right {
    color: #fff;
}

.foot_thing .right .foot_tel {
    margin: 0 0 0.2rem;
}

.foot_thing .right .foot_tel span {
    display: block;
    margin: 0 0 0.05rem;
    line-height: 0.24rem;
}

.foot_thing .right .foot_tel em {
    font-size: 0.26rem;
    font-weight: bold;
    color: #286efa;
}

.foot_thing .right .foot_ewm {
    color: #fff;
}

.foot_thing .right .foot_ewm span {
    display: block;
    font-size: 0.14rem;
}

.foot_thing .right .foot_ewm img {
    display: block;
    width: 0.88rem;
    margin: 0.1rem 0;
}

.foot_thing .right .foot_ewm i {
    font-size: 0.12rem;
    display: block;
    opacity: 0.5;
}

.foot_bq {
    padding: 0.1rem 0;
}

.foot_bq p {
    color: #fff;
    display: flex;
    justify-content: space-between;
    font-size: 0.14rem;
    opacity: 0.5;
}


/**robot stra**/
.robot_technology {}

.robot_technology ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 0 -0.3rem;
}

.robot_technology ul li {
    width: 33.33%;
    margin: 0 0 0.3rem;
}

.goods_zi {
    padding: 0 0.5rem;
}

.text-align {
    text-align: center;
}

.goods_zi img {
    width: 0.94rem;
    display: block;
    margin: 0 auto;
    margin: 0 auto 0.2rem;
}

.goods_zi h3 {
    font-size: 0.2rem;
    font-weight: bold;
    margin: 0 0 0.15rem;
}

.goods_zi p {
    line-height: 0.26rem;
    color: #625f5f;
}
.robot_pro_main {
    padding: 0.4rem 0.4rem 0;
}

.robot_pro_main .left {
    width: 4.1rem;
    background: #fff;
    border-radius: 0.06rem;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.6rem 0 0;
}

.robot_pro_main .left img {
    max-height: 80%;
    width: auto;
    max-width: 80%;
}

.robot_pro_main .right {
    flex: 1;
}

.right_thind_zi {
    color: #666;
}

.right_thind_zi .ti {}

.right_thind_zi .ti h3 {
    font-size: 0.24rem;
    font-weight: bold;
    margin: 0 0 0.15rem;
    color: #333;
}
.right_thind_zi .ti span {
    border-bottom: 1px dashed #ddd;
    padding: 0 0 0.2rem;
    display: block;
    margin: 0 0 0.2rem;
}
.dod_dot h4{
    font-size: 0.2rem;
    font-weight: bold;
    color: #333;
    margin: 0 0 0.15rem;
}
.dod_dot {
    line-height: 0.32rem;
}

.dod_dot p {}

.dod_dot p span {
    display: block;
    padding: 0 0 0 0.35rem;
    background: url(/template/hrms/html/static/images/gou.png) left 0.07rem no-repeat;
    background-size: 0.2rem;
    margin: 0 0 0.15rem;
}

.gougou p{
    display: block;
    padding: 0 0 0 0.35rem;
    background: url(/template/hrms/html/static/images/gou.png) left 0.07rem no-repeat;
    background-size: 0.2rem;
    margin: 0 0 0.15rem;
}

.robot_cases_main {
    padding: 0.3rem 0 0;
}

.robot_cases_main .left {
    width: 3.5rem;
    margin: 0 0.8rem 0 0;
    border-radius: 0.06rem;
}

.robot_cases_main .right {
    flex: 1;
    padding: 0.2rem 0 0;
}

.jz_dot {
    margin: 0 0 0.2rem;
}

.jz_dot p {
    display: flex;
    flex-flow: wrap;
}

.jz_dot p span {
    margin: 0 0.4rem 0.15rem 0;
}
.all_bt h4 {
    font-size: 0.26rem;
    font-weight: bold;
    line-height: 0.6rem;
    border-bottom: 1px solid #ddd;
    padding: 0 0 0.1rem;
    margin: -0.4rem 0 0 0;
}
/**product-main**/
.pro_liuc_main {
    padding: 0.2rem 0 0;
}

.pro_liuc_main .left {
    flex: 1;
    padding: 0.3rem;
}

.pro_liuc_main .right {
    width: 7.3rem;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    border-radius: 0.06rem;
}


/**solutions_framework**/
.solutions_hate {}

.solutions_hate ul {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 -0.35rem;
}

.solutions_hate ul li {
    flex: 1;
}

.hate_zi {
    margin: 0 0 0 0.35rem;
    text-align: center;
}
.hate_zi .imgj {
    border-radius: 0.1rem;
}
.hate_zi img {
    width: 100%;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    display: block;
    /* margin: 0 0 0.2rem; */
    border-radius: 0.06rem;
}

.hate_zi h3 {
    font-size: 0.22rem;
    /* font-weight: bold; */
    margin: 0.2rem 0 0.1rem;
    color: #ff0000;
    font-weight: bold;
}

.hate_zi p {
    line-height: 0.3rem;
    color: #0d71c0;
    font-size: 0.16rem;
    font-weight: bold;
}

.solutions_framework {}

.solutions_framework .tu {
    text-align: center;
    margin: 0.5rem 0;
}

.solutions_framework .tu img {
    display: block;
    margin: 0 auto;
    max-width: 70%;
}

.solutions_framework .tu span {
    color: #999;
    display: block;
    margin: 0.2rem 0 0;
}

.solutions_framework .p {
    line-height: 0.32rem;
    color: #333;
    font-size: 0.16rem;
}

.bottom_center_pic {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    transform: translate(0, 0%);
}
.solutions_work {
    /* display: flex; */
    /* justify-content: space-between; */
    /* margin: 0 0 0.4rem 0; */
}

.solutions_work .tu {
    /* width: 48%; */
    margin: 0 auto;
    /* background: #fff; */
    border-radius: 0.06rem;
    padding: 0.2rem 0;
}

.tu img{margin-bottom: 20px;width: 100%;}

.tu span{line-height: 30px;}

.solutions_work .p {
    /* width: 48%; */
}

.solutions_work .p h2{
    padding: 0 0 0 0.35rem;
    background: url(/template/hrms/html/static/images/gou.png) left 0.07rem no-repeat;
    background-size: 0.2rem;
    font-weight: bold;
}
.new_solution {
    display: flex;
    justify-content: space-between;
}

.new_solution .tu {
    width: 48%;
    padding: 0;
    margin: 0;
}

.new_solution .p {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-content: space-around;
}

.new_solution .tu img {
    width: 100%;
    max-width: 100%;
}

.new_solution .p p {
    padding: 0 0 0 0.25rem;
    background: url(/template/hrms/html/static/images/gou.png) left 0.05rem no-repeat;
    background-size: 0.18rem;
    /* font-weight: bold; */
    line-height: 0.26rem;
    margin: 0 0 0.1rem 0;
}
.pp h2{background: url(/template/hrms/html/static/images/gou.png) left 0.07rem no-repeat;padding: 0 0 0 0.35rem; background-size: 0.2rem;
    font-weight: bold;line-height: 36px;}


.solutions_framework .solutions_work:nth-child(2n) .tu{
    order: 2;
}
.solutions_framework .solutions_work:nth-child(2n) .p{
    order: 1;
}
.b_img_colu {position: absolute;bottom: 0;left: 0;right: 0;height: 5rem;width: 100%;max-width: 100%;}

.bottom_center_pic img {
    width: 100%;
   /* max-width: 17.84rem;*/
}
.solutions_zi span {
    width: 80%;
    margin: 0 auto 0.2rem;
}

.scene_box {
    display: flex;
    align-items: flex-start;
    padding: 0.3rem 0.3rem 0;
}

.scene_ul {
    background: #fafbfc;
    width: 2.2rem;
    text-align: center;
    margin: 0 0.6rem 0 0;
}

.scene_ul ul {}

.scene_ul ul li {
    cursor: pointer;
}

.scene_ul ul li.on,.scene_ul ul li:hover {}

.scene_qie {
    line-height: 0.6rem;
    font-size: 0.18rem;
}

.scene_qie span {}

.scene_ul ul li.on .scene_qie, .scene_ul ul li:hover .scene_qie {
    background: #296ffa;
    color: #fff;
}

.scene_main_right {
    flex: 1;
    padding: 0.2rem 0 0;
}

.scene_main {}

.right_thind_zi {
    flex: 1;
}

.scene_dot {
    border-bottom: 1px solid #f9f9f9;
    padding: 0 0 0.2rem;
    margin: 0 0 0.3rem;
}

.scene_dot p {
    display: flex;
    flex-flow: wrap;
}

.scene_dot p span {
    width: 15%;
    color: #333;
}
.scene_pro {
    display: flex;
    flex-flow: wrap;
    margin: 0 1rem  0 -0.2rem;
}

.scene_pro .bt {
    /* width: 25%; */
    display: flex;
    align-items: center;
    padding: 0.05rem;
    box-sizing: border-box;
    border: 0.01rem solid #e5e5e5;
    margin: 0 0 0 0.2rem;
    border-radius: 0.06rem;
}

.scene_pro .bt img {
    width: 0.56rem;
    margin: 0 0.1rem;
}

.scene_pro .bt .zi {color: #333;}

.scene_pro .bt .zi span {}

.scene_pro .bt .zi h3 {
    /* color: #666; */
    font-size: 0.14rem;
    display: block;
    line-height: 0.2rem;
    margin: 0;
}
.scene_pro li {
    width: 25%;
}
.scene_pro li:hover span {
    color: #296ffa;
}

.scene_pro li:hover .bt {
    border: 0.02rem solid #296ffa;
    padding: 0.04rem;
}
.scene_main .ti h3 {
    margin: 0 0 0.25rem;
}
.solutions_contrast {
    display: flex;
    justify-content: center;
}

.contrast {
    background: #fff;
    flex: 1;
    width: 47%;
}

.duibi {
    align-self: center;
    width: 6%;
}

.contrast h3 {
    font-size: 0.2rem;
    text-align: center;
    color: #fff;
    background: #296ffa;
    line-height: 0.48rem;
}

.contrast .how {
    padding: 0.2rem 0.3rem;
}

.contrast p {
    line-height: 0.3rem;
    font-size: 0.14rem;
    margin: 0 0 0.1rem;
    padding: 0 0 0 0.3rem;
}

.before {}

.before p {
    background: url(/template/hrms/html/static/images/no.png) left 0.08rem no-repeat;
    background-size: 0.15rem;
}

.before h3 {
    opacity: 0.5;
}
.after {}

.after p {
    background: url(/template/hrms/html/static/images/yes.png)  left 0.08rem no-repeat;
    background-size: 0.16rem;
}

.after h3 {
    background: #296ffa;
}

.duibi img {
    width: 0.76rem;
}


/**nei_casemain**/
.case_banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.case_zi {
    width: 60%;
}

.case_img {
    width: 2.9rem;
    border-radius: 0.06rem;
    border-radius: 0.06rem;
    overflow: hidden;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
}

.case_zi img {
    max-height: 0.35rem;
    width: auto;
    display: inline-block;
    margin: 0 0 0.2rem;
}

.case_zi h4 {
    font-size: 0.26rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.case_zi span {
    line-height: 0.32rem;
    color: #666;
    display: block;
    margin: 0 0 0.3rem;
}

.case_zi .want_us {
    display: inline-block;
    background: #286efa;
    color: #fff;
    font-size: 0.14rem;
    border-radius: 0.06rem;
    border: 1px solid;
    line-height: 0.35rem;
    width: 1.1rem;
    text-align: center;
}

.case_bannerbox {
    height: auto;
    display: block;
    background: #fafcff;
    padding: 0.6rem 0;
}

.nei_casemain {}

.nei_casemain h3 {
    font-size: 0.22rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.nei_casemain .p {
    line-height: 0.32rem;
    color: #666;
    margin: 0 0 0.6rem 0;
}

.nei_casemain .p p {}

.nei_casemain .three {
    justify-content: center;
}

.nei_casemain .three .one {
    width: 25%;
}

.nei_casemain .three img {
    width: 0.43rem;
    margin: 0 0 0.1rem;
}

.nei_casemain .three em {
    font-size: 0.24rem;
}

.nei_casemain .three span {}

/**price**/
.price_bannerbox {
    background: url(/template/hrms/html/static/images/nomalbg.jpg) center bottom;
    height: 2.7rem;
    display: flex;
    align-items: center;
    text-align: center;
}

.price_bannerbox h4 {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0 0.15rem;
}

.price_bannerbox span {
    color: #666;
}

.prices-container {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 -0.2rem;
}

.price-detail {
    width: 33.33%;
    padding: 0 0 0 0.2rem;
}

.detail-top {
    text-align: center;
    background: #fff;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    padding: 0.6rem 0;
    border-radius: 0.06rem;
    z-index: 9;
    position: relative;
}

p.price-name {
    font-size: 0.24rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

p.price-dec {
    font-size: 0.14rem;
    color: #666;
    margin: 0 0 0.2rem;
}

p.number {
    font-size: 0.42rem;
    font-family: Avenir Next;
    font-weight: bold;
    line-height: 0.42rem;
    padding: 0 0.03rem;
}

.price {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0.4rem;
}

p.unit {
    font-size: 0.12rem;
    align-self: flex-end;
    color: #999999;
}

p.price-icon {
    font-size: 0.18rem;
    align-self: baseline;
}

a.banner-btn {
    color: #286efa;
    border-radius: 0.06rem;
    border: 0.01rem solid #286efa;
    line-height: 0.4rem;
    display: inline-block;
    width: 60%;
}

a.banner-btn:hover {
    opacity: 0.8;
}

.detail-content {
    background: #fafcff;
    padding: 0.25rem;
    border-radius: 0.06rem;
}

.list-content p {
    font-size: 0.14rem;
    line-height: 0.36rem;
    padding: 0 0 0 0.15rem;
    background: url(/template/hrms/html/static/images/hjt.png) left center no-repeat;
    background-size: 0.06rem;
}

p.list-name {
    margin: 0 0 0.1rem;
    font-weight: bold;
}
a.common-hover-btn {
    background: #286efa;
    color: #fff;
}
.price_calculators {
    background: #ffff;
    padding: 0.5rem;
    border-radius: 0.06rem;
}

.version-price {
    margin: 0 0 0.4rem;
}

.version-price h3 {
    color: #666;
    margin: 0 0 0.15rem;
}

input#group-size-input {}

.group-size-input-wrapper input {
    border-radius: 0.06rem;
    line-height: 0.4rem;
    padding: 0 0.15rem;
}

.group-size-input-wrapper {
    display: inline-block;
    position: relative;
    border-radius: 0.06rem;
    border: 1px solid #ddd;
}

span.input-addon-after {
    position: absolute;
    right: 0;
    line-height: 0.4rem;
    width: 0.4rem;
    background: #fafbfc;
    border-left: 1px solid #ddd;
    text-align: center;
    border-radius: 0 0.06rem 0.06rem 0;
}

.version-price {}

.product-card {
    margin: -0.2rem 0 0;
}

.product-card .scene_pro li {
    margin: 0.2rem 0 0 0;
    position: relative;
}

li {}


.product-card .scene_pro li:after {content: ".";font-size: 0;position: absolute;right: 0;top: 0;background: url(/template/hrms/html/static/images/on.png) right top no-repeat;width: 0.3rem;height: 0.3rem;display: none;}

.product-card .scene_pro li:hover:after {
    display: block;
}

.groupwrapper .price {
    justify-content: flex-start;
    color: #286efa;
}

.groupwrapper .price p.unit {
    color: #286efa;
}
.price_but {
    display: flex;
    line-height: 0.4rem;
}

.price_but a {
    border: 0.01rem solid #286efa;
    border-radius: 0.06rem;
    padding: 0 0.5rem;
    margin: 0 0.2rem 0 0;
    color: #286efa;
    background: #286efa;
    color: #fff;
}

.price_but a.wantus {
    background: #fff;
    color: #286efa;
}

.price_but a:hover {
    opacity: 0.8;
}
div#compare-table3 {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
}
.data-list {
    display: none;
    margin: 0 0 0.2rem;
}
.price-container .table-section .table-list .table-data .data-box:first-child .data-list {
    display: block;
}
/**help-video**/
.help_center {
    display: flex;
    justify-content: space-between;
}

.help_center .left_nav {
    width: 2.7rem;
    min-height: 6rem;
}
.wap_ti_close {
    display: none;
}
.help_right {
    flex: 1;
    padding: 0.5rem 0 1rem 0.5rem;
}

.help_center .left_nav .ti {
    line-height: 0.6rem;
    font-size: 0.3rem;
    padding: 0 0.35rem;
    border-bottom: 1px solid #ddd;
}
.help_center .left_nav .ti {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.help_center .left_nav span {
    font-size: 0.18rem;
    display: none;
}

.help_center .left_nav .ti h3 {
    font-weight: bold;
}
.help_nav {}

.help_center .left_nav h4 {
    padding: 0.1rem 0.35rem 0 0.35rem;
    line-height: 0.4rem;
    position: relative;
}
.help_center .left_nav h4:after {content: ".";font-size: 0;display: block;width: .2rem;/* height: .2rem; */background: url(/template/hrms/html/static/images/down_jt.png) center center no-repeat;background-size: 0.1rem;transition: all 0.3s ease;position: absolute;right: 0.3rem;top: 0.1rem;bottom: 0;transform: rotate(-90deg);}
.help_center .left_nav h4.on:after,.help_center .left_nav h4:hover:after {
    transform: rotate(-180deg);
    background: url(/template/hrms/html/static/images/down_jt_l.png) center center no-repeat;
    background-size: 0.1rem;
}
.help_center .left_nav h4:hover,.help_center .left_nav h4.on {
    color: #296ffa;
}
.help_center .left_nav .two_nav {
    display: none;
}

.help_center .left_nav .two_nav a {
    display: block;
    padding: 0 0.5rem;
    font-size: 0.14rem;
    line-height: 0.36rem;
}

.help_center .left_nav .two_nav a.on,.help_center .left_nav .two_nav a:hover {
    background: #e5edfc;
    color: #286efa;
}

.mc_msc_box {
    display: block;
    width: 4rem;
    margin: 0.2rem auto 0;
    background: #fff;
    line-height: 0.45rem;
    border-radius: 0.06rem;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    text-align: left;
    padding: 0 0.2rem;
    box-sizing: border-box;
    position: relative;
}

input.mc_msc_input {
    display: block;
    width: 100%;
    line-height: 0.45rem;
}

button.mc_msc_submit {
    display: block;
    position: absolute;
    right: 0.2rem;
    top: 0;
    bottom: 0;
    width: 0.17rem;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.help_right .ti {
    margin: 0 0 0.3rem;
}

.help_right .ti h3 {
    font-size: 0.26rem;
    font-weight: bold;
}

.manual_part p img{width: 100%;}


.video_part {}

.video_part ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.25rem 0 0 -0.25rem;
}

.video_part ul li {
    width: 33.33%;
}

.video_delite {
    margin: 0.25rem 0 0 0.25rem;
    border-radius: 0.06rem;
    border: 1px solid #e6e6e6;
    padding: 0.2rem;
    cursor: pointer;
}
.video_delite:hover {
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
}
.video_delite h3 {
    font-size: 0.2rem;
    font-weight: bold;
}

.video_delite p {
    line-height: 0.24rem;
    color: #999;
    font-size: 0.14rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.48rem;
    margin: 0 0 0.2rem;
}

.video_delite .videoed {
    font-size: 0.14rem;
    color: #286efa;
    display: flex;
    align-items: center;
}
.video_delite .videoed:hover{opacity:0.8}
.video_delite span.play {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(/template/hrms/html/static/images/play.png) center center no-repeat;
    background-size: 0.14rem;
}
video#video {
    width: 100%;
}

.video_main {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.videos img.vclose {position: absolute;top: -0.25rem;right: 0;width: 0.12rem;height: 0.12rem;}
.videos {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 99;
}

.video_mm {
    width: 60%;
    position: relative;
}

img.vclose {}
/**news_list**/
.news_part {
    display: flex;
}

.left_main {
    flex: 1;
}
.right_main {
    width: 2.8rem;
    margin: 0 0 0 0.8rem;
}

.new_nav {
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    line-height: 0.4rem;
    margin: 0 0 0.3rem 0;
    padding: 0 0 0.1rem;
}

.new_nav a {
    display: flex;
    align-items: center;
    margin: 0 0.5rem 0 0;
    color: #585c67;
}
.new_nav a.on,.new_nav a:hover{color:#286efa}
.new_nav a:before{content:".";display: revert;width: 0;height: 0;background: #286efa;border-radius: 50%;margin: 0;transition: all 0.3s ease;font-size: 0;}
.new_nav a.on:before,.new_nav a:hover:before{display:block;margin: 0 0.1rem 0 0;width: 0.06rem;height: 0.06rem;}
.news_main {}

.news_main ul {}

.news_main ul li {
    padding: 0 0 0.3rem 0;
    /* border-bottom: 1px solid #ddd; */
}

.news_main ul li a {}

.news_main ul li a .news_datel {
    display: flex;
}

.news_main ul li a .news_datel .img_j {
    width: 2.6rem;
    margin: 0 0.4rem 0 0;
    overflow: hidden;
    border-radius: 0.06rem;
    max-height: 180px;
}

.news_main ul li a .news_datel .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    font-size: 0.18rem;
}

.news_main ul li a .news_datel .text h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_main ul li a .news_datel .text p {
    font-size: 0.14rem;
    color: #999;
  
}

.news_main ul li a .news_datel .text span {
    font-size: 0.14rem;
    color: #999;
    display: flex;
    align-items: center;
}

/* ·ÖÒ³Ñùʽ */
.paging { margin-top: 32px; font-size: 14px; }
.paging > span { margin: auto 16px; }
.paging .page-numbar { margin: auto 0; }
.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #EEE; border-radius: 2px; }
.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover { border-color: #286efa; color: #286efa; }

.news_main ul li a .news_datel .text span:before{content:".";display: block;width: 0.2rem;height: 1px;font-size: 0;background: #ddd;margin: 0 0.1rem 0 0;}

.right_main {}

.tui_wenzh {
    margin: 0 0 0.3rem 0;
}

.tui_wenzh h3,.tui_pro h3 {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.4rem;
    border-bottom: 1px solid #ddd;
    margin: 0 0 0.2rem;
    padding: 0 0 0.1rem;
}

.tui_wenzh ul {
    font-size: 0.14rem;
    line-height: 0.32rem;
}

.tui_wenzh ul li {}

.tui_wenzh ul li a {
    display: flex;
    align-items: center;
   
}
.tui_wenzh ul li a span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    flex: 1;
    }
.tui_wenzh ul li a:before {content: ".";display: revert;width: 0.05rem;height: 0.05rem;background: #999;border-radius: 50%;transition: all 0.3s ease;margin: 0 0.08rem 0 0;font-size: 0;}

.tui_pro ul {
    font-size: 0.14rem;
    line-height: 0.32rem;
    display: flex;
    flex-flow: wrap;
}

.tui_pro ul li {
    padding: 0 0.1rem;
    border-radius: 0.06rem;
    border: 1px solid #ddd;
    margin: 0 0.1rem 0.1rem 0;
}

.tui_pro ul li a {
    display: flex;
    align-items: center;
   
}
.news_main_con {}

.news_main_con .ti {
    padding: 0 0 0.3rem;
    border-bottom: 1px solid #ddd;
    margin: 0 0 0.3rem;
}

.news_main_con .ti h3 {
    font-size: 0.28rem;
    font-weight: 600;
    margin: 0 0 0.1rem 0;
}

.news_main_con .ti span {
    font-size: 0.14rem;
    color: #999;
    display: block;
}

.news_main_con .mm {}

.news_main_con .mm p {
    font-size: 0.16rem;
    line-height: 0.34rem;
    color: #666;
    margin: 0 0 0.2rem;
}

.news_main_con .mm img {
    width: 100%;
    margin: 0 0 0.2rem;
}
/**about**/
.about_main_con {
    display: flex;
    align-items: center;
}

.about_main_con .left {
    flex: 1;
}

.about_main_con .left h3 {
    font-size: 0.3rem;
    font-weight: bold;
}

.about_main_con .left span {
    font-size: 0.22rem;
    /* line-height: 0.6rem; */
    margin: 0.1rem 0;
    display: block;
}

.about_main_con .left p {
    line-height: 0.36rem;
    color: #666666;
    text-align: justify;
}

.about_main_con .right {
    margin: 0 0 0 1rem;
}

.about_main_con .right img {
    width: 4.5rem;
}
.aboutbg {
    background: url(/template/hrms/html/static/images/aboutbg.jpg) center top no-repeat;
}
.culture {}

.culture ul {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.culture ul li {
    width: 24%;
    color: #fff;
}

.culture ul li img {
    display: block;
    width: 0.38rem;
}

.culture ul li span {
    display: block;
    font-size: 0.22rem;
    margin: 0.1rem 0;
}

.culture ul li p {
    line-height: 0.28rem;
}
.storybg {
    background: url(/template/hrms/html/static/images/storybg.jpg) center top no-repeat;
}
.story_slide_con .swiper-wrapper {}

.story_slide_con .swiper-wrapper .swiper-slide {height: auto;}

.story_slide_con .swiper-wrapper {
    height: 3.3rem;
    align-items: center;
}

.story_slide_con .swiper-wrapper .swiper-slide:nth-child(2n) {
    align-self: flex-start;
}
.story_slide_con .swiper-wrapper .swiper-slide:nth-child(2n+1) {
    align-self: flex-end;
}

.story {
    padding: 0 0 0 0.4rem;
    position: relative;
}

.story span {
    font-size: 0.3rem;
    color: #286efa;
    font-weight: bold;
    margin: 0 0 0.05rem;
    display: block;
}

.story h3 {
    font-size: 0.2rem;
    font-weight: bold;
}

.story p {
    line-height: 0.28rem;
    font-size: 0.14rem;
    color: #666;
}
.story:after{content:".";position: absolute;left: 0.12rem;top: 0;bottom: 0;width: 1px;background: #ddd;font-size: 0;z-index: 1;}
.story:before{content:".";position: absolute;left: 0;top: 0;width: 0.18rem;height: 0.18rem;display: block;font-size: 0;background: #286efa;border-radius: 50%;border: 0.04rem solid #fff;z-index: 2;}
.story_slide_con .swiper-wrapper .swiper-slide:nth-child(2n) .story:before{
    top: auto;
    bottom: 0;
}
.story_slide_con {
    background: url(/template/hrms/html/static/images/solid.png) center center no-repeat;
    cursor: grab;
}
@media (min-width: 1px) and (max-width: 800px) {
.top_bar .right {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    padding: 0.2rem;
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff 34%);
    z-index: 99;
}

.top_nav.g-nav {
    display: none;
    position: fixed;
    top: 0.7rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99;
}

.head_other {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_bar {
   display: flex;
}

.g-head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
}

.menu,.menu i {
    display: block;
    width: 0.25rem;
    height: 2px;
    background: #929292;
    position: absolute;
    transition: all 0.3s ease;
}

.menu i:first-child {
    top: -0.08rem;
}
.menu i:last-child {
    bottom: -0.08rem;
}

.head_other.qie .menu{
    background: #fff;
}

.head_other.qie .menu i:first-child{transform: rotate(45deg);top: 0;}
.head_other.qie .menu i:last-child {transform: rotate(-45deg);bottom: 0;}

.top_nav.g-nav.show {
    display: block;
}

.g-nav ul {
    display: block;
    overflow: scroll;
    height: calc(100% - 0.9rem);
}

.g-nav ul li a.name {
    justify-content: space-between;
    font-size: 0.2rem;
}

.g-nav ul li {
    border-bottom: 1px solid #ddd;
}

.g-nav ul li .erji_nav.product_nav {
    width: 100%;
}

.g-nav ul li .erji_nav {
    position: relative;
    top: auto;
    box-shadow: 0 0 BLACK;
    width: 100%;
}

.classify-nav {
    padding: 0;
    display: block;
}

.g-nav ul li .erji_nav a {
    font-size: 0.2rem;
    width: 100%;
    box-sizing: border-box;
}

.g-nav ul li a.name i {
    background-size: 0.15rem;
}
body.fixd {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.g-nav ul li .erji_nav a h3 {
    font-size: 0.18rem;
    line-height: 0.4rem;
}

.index_part {
    padding: 0.3rem 0%;
}

.all_bt p {
    font-size: 0.18rem;
}

.robots_imgarea .gif {
    display: none;
}

.robots_imgarea {
    flex-direction: column;
    background: none;
    padding: 0;
    align-items: start;
}

.robots_imgarea .text_al_right {
    text-align: left;
}

.robots_imgarea .center {
    order: 1;
    align-self: center;
}

.robots_imgarea .goods_li {
    order: 2;
    margin: 0;
    width: 100%;
}

.robots_imgarea .goods_li ul li {
    background: #fafbfc;
    padding: 0 0.2rem;
    border-radius: 0.06rem;
    margin: 0.1rem 0 0;
}

.robot_ul ul {
    display: block;
    box-shadow: 0 0 BLACK;
}

.robot_ul ul li {
    margin: 0 0 0.2rem 0;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    border: 0;
    border-radius: 0.06rem;
}

.robot_ul ul li .robot_zi .main p {
    font-size: 0.17rem;
}

.tabl_ul ul {
    flex-flow: wrap;
    justify-content: space-between;
}

.zicon.active {
    display: block;
}

.hios_one .left {
    width: 100%;
    /* display: none; */
}

.hios_one .right {
    margin: 0.2rem 0 0;
    width: 100%;
}

.hios_one .right a.konw_more {
    position: relative;
    margin: 0.2rem 0 0;
}

.hios_one .right .hios_s a {
    padding: 0.1rem 0;
    width: 32%;
    text-align: center;
    margin: 0 0 0.1rem;
}

.hios_one .right .hios_s {
    justify-content: space-between;
    display: flex;
}

.hios_one .right p {
    height: auto;
    padding: 0 0 0.2rem;
    margin: 0 0 0.2rem 0;
}

.newtopnav {
    display: block;
    height: 100%;
}

a.want_use {
    width: auto;
    padding: 0 0.4rem;
    font-size: 0.2rem;
    color: #fff;
    background: #286efa;
    display: inline-block;
    margin: 0 auto;
    line-height: 0.5rem;
}

.new_solution {
    display: block;
}

.new_solution .tu {
    width: 100%;
}

.new_solution .p {
    width: 100%;
}

.who_one ul {
    flex-flow: wrap;
    margin: 0;
    justify-content: space-between;
}

.who_one ul li {
    flex: none;
    width: 48%;
    margin: 0 0 0.2rem 0;
}

.who_one ul li .main p:before,.who_one ul li .main p span:before {
    display: none;
}



.who_one ul li .main p span {
    font-size: 0.16rem;
    line-height: 0.26rem;
    margin: 0.08rem 0 0;
}

.who_one ul li .main h3 {
    font-size: 0.24rem;
}

.cases_main {
    display: block;
    border-radius: 0.06rem;
    overflow: hidden;
}

.cases_main .left {
    width: 100%;
    box-shadow: 0 0 BLACK;
}

.cases_main .right {
    padding: 0.2rem;
}

.cases_main .right a {
    position: relative;
    bottom: 0;
    margin: 0.2rem 0 0;
}

.three .one {
    width: 50%;
    margin: 0.2rem 0 0;
}

.three {flex-flow: wrap;}

.cases_main .right p {
    margin: 0;
}

.index_cases ul li {
    padding: 0.2rem;
}

.index_cases .left_right_but {
    display: none;
}
.index_customer ul li {
    width: 50%;
    margin: 0.15rem 0 0 0;
}

.customer {
    width: 90%;
    margin: 0 0 0 10%;
}

.index_customer ul {
    justify-content: space-between;
    margin: -0.2rem 0 0 0;
    background: url(/template/hrms/html/static/images/step_bg_wap.png) center 0.4rem no-repeat;
    background-size: 100%;
    padding: 0 3%;
}

.index_customer ul li:nth-child(1) {
    order: 1;
}
.index_customer ul li:nth-child(2) {
    order: 2;
}
.index_customer ul li:nth-child(3) {
    order: 4;
}
.index_customer ul li:nth-child(4) {
    order: 6;
}
.index_customer ul li:nth-child(5) {
    order: 5;
}
.index_customer ul li:nth-child(6) {
    order: 3;
}
.index_certificate ul {
    flex-flow: wrap;
    justify-content: center;
}
.index_certificate {
    padding: 0 0;
    margin: 0 auto 0.3rem;
}
.index_certificate ul li {
    width: 33.33%;
    text-align: center;
    margin: 0 0 0.2rem 0;
}

.index_partner ul li {
    width: 33.33%;
}
.customer img {
    padding: 0 0.1rem;
    background: #fafbfc;
}
.foot_thing .left {
    display: none;
}

.foot_thing {
    display: block;
}

.foot_thing .right {
    text-align: center;
}

.foot_thing .right .foot_ewm img {
    margin: 0.1rem auto;
}

.foot_bq p {
    display: block;
    text-align: center;
}

.foot_bq p span {
    display: block;
}

.index_banenr .bannermm {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding: 0.2rem; */
}

.ani {
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
}

.ban_pic {
    position: relative;
    top: auto;
    transform: translate(0, 0%);
}

.index_banenr {
    margin: 0.7rem 0 0;
}

.ban_pic img {
    width: 100%;
}

.tab_main {
    padding: 0.2rem 0;
}
.robot_technology ul li {
    width: 49%;
}

.goods_zi {
    padding: 0;
}

.robot_pro_main .left {
    width: 100%;
    margin: 0 0 0.3rem;
    padding: 0.2rem;
    box-sizing: border-box;
}

.robot_pro_main {
    padding: 0;
}

.robot_cases_main .left {
    display: none;
}

.robot_cases_main {
    padding: 0;
}
.robot_cases_main .right {
    padding: 0;
}
.banner_zi span {
    width: 100%;
}

.pro_liuc_main {
    padding: 0;
}

.pro_liuc_main .left {
    padding: 0 0 0.3rem;
}

.pro_liuc_main .right {
    width: 100%;
}

.all_bt h4 {
    margin: -0.2rem 0 0 0;
}
.solutions_hate ul li {
    width: 100%;
    margin: 0 0 0.2rem;
}

.solutions_hate ul {
    flex-flow: wrap;
}

.scene_ul {
    width: 100%;
    background: none;
}

.scene_box {
    display: block;
    padding: 0;
}

.scene_ul ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.scene_ul ul li {
    width: 31.33%;
    background: #fafbfc;
    margin: 0 0 0.1rem;
    border-radius: 0.06rem;
    overflow: hidden;
}

.scene_dot p span {
    width: 33.33%;
    box-sizing: border-box;
}

.scene_dot {
    padding: 0;
    margin: 0.2rem 0;
}

.scene_pro {
    margin: 0 0 0 -0.2rem;
}

.scene_pro li {
    width: 50%;
    margin: 0 0 0.2rem;
}

.solutions_contrast {
    flex-direction: column;
}

.duibi {
    transform: rotate(90deg);
}

.scene_main_right {
    padding: 0;
}

.contrast p {
    font-size: 0.16rem;
}
.case_banner,.nei_casemain {
    flex-flow: column;
    width: 100%;
}

.case_zi {
    order: 2;
    width: 100%;
}

.case_img {
    width: 100%;
    margin: 0 0 0.2rem;
}

.case_bannerbox {
    padding: 0.2rem 0;
}

.case_zi .want_us {
    font-size: 0.18rem;
    padding: 0.05rem 0.2rem;
}

.nei_casemain .three .one {
    width: 33.33%;
    margin: 0;
}

.right_main {
    display: none;
}

.news_main ul li a .news_datel {
    display: block;
}

.news_main ul li a .news_datel .img_j {
    width: 100%;
}

.news_main ul li a .news_datel .text h3 {
    font-size: 0.22rem;
    margin: 0 0 0.2rem;
}

.news_main ul li a .news_datel .text span {
    font-size: 0.16rem;
}

.news_main ul li {
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.07);
    padding: 0;
    margin: 0 0 0.2rem;
    border-radius: 0.06rem;
}

.news_main ul li a .news_datel .text {
    padding: 0.2rem;
}

.about_main_con {
    display: block;
}

.about_main_con .right {
    margin: 0;
}

.about_main_con .right img {
    width: 100%;
}

.culture ul li {
    width: 45%;
    margin: 0 0 0.2rem;
}

.story_slide_con .swiper-wrapper {
    height: 6rem;
}

.prices-container {
    display: block;
}

.price-detail {
    width: 100%;
    margin: 0 0 0.2rem;
}

.small_wal {
    width: 90%;
}

.price_calculators {
    padding: 0.2rem;
}

.price_but a {
    padding: 0 0.2rem;
}
.container-box{display:none}

.help_banner {
    display: none;
}

.help_part {
    margin: 0.7rem 0 0;
}

.help_center {
    width: 100%;
    display: block;
}

.help_center .left_nav {
    width: 100%;
    min-height: auto;
    position: fixed;
    top: 0.7rem;
    left: 0;
    right: 0;
}

.help_right {
    padding: 0.2rem;
    margin: 1.3rem 0 0;
}

.help_nav {
    /* display: none; */
    position: fixed;
    left: 100%;
    right: 0;
    top: 0.7rem;
    bottom: 0;
    background: #fff;
    transition: all 0.3s ease;
}

.help_center .left_nav h3 {
    font-size: 0.24rem;
}
.help_center .left_nav span {
    display: block;
    align-self: center;
    justify-self: center;
    flex: 1;
    font-size: 0.18rem;
    text-align: right;
}

.help_nav.show {
    left: 0;
    /* right: 0; */
}

.help_center .left_nav .wap_ti_close {
    display: flex;
    text-align: center;
    line-height: 0.6rem;
    padding: 0 0rem 0 0;
    border-bottom: 1px solid #ddd;
    font-size: 0.24rem;
    justify-content: space-between;
}

.wap_ti_close {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wap_ti_close .close {
    position: relative;
    /* justify-self: auto; */
    /* top: 0; */
    /* bottom: 0; */
    width: 0.4rem;
    height: 0.4rem;
}

.wap_ti_close .close i {
    display: block;
    width: 0.2rem;
    height: 2px;
    background: #929292;
    position: absolute;
    transition: all 0.3s ease;
}
.wap_ti_close .close i:first-child{transform: rotate(45deg);top: 0.19rem;}
.wap_ti_close .close i:last-child {transform: rotate(-45deg);bottom: 0.18rem;}
.help_center .left_nav .wap_ti_close span {
    text-align: center;
    font-size: 0.24rem;
}
.video_part ul li {
    width: 50%;
}
.video_mm {
    width: 90%;
}
.index_wantuse p {
    font-size: 0.18rem;
}

}














.xz_technology {}

.xz_technology ul {
    display: flex;
    flex-flow: wrap;
    /* margin: 0 0 0 -0.1rem; */
}

.xz_technology ul li {
    width: 50%;
}

.matrix-card {
    margin: 0 0.05rem 0.1rem;
    box-shadow: 0 0.03rem 0.1rem 0.03rem rgba(0,0,0,.07);
    border-radius: 0.06rem;
    display: flex;
    padding: 0.3rem;
}

.matrix-card .matrix-img {
    width: 0.8rem;
    margin: 0 0.3rem 0 0;
}

.matrix-card .matrix-img img {
    width: 100%;
}

.matrix-card .matrix {
    flex: 1;
}

.matrix-card .matrix h3 {
    font-size: 0.22rem;
    margin: 0 0 0.1rem;
}

.matrix-card .matrix p {
    font-size: 0.14rem;
    margin: 0 0 0.2rem;
    line-height: 0.26rem;
}

.matrix-card .matrix a {
    font-size: 0.14rem;
    color: #286efa;
    display: flex;
    align-items: center;
}
.matrix-card .matrix a:after{content:".";width: 0.3rem;height: 0.12rem;display: block;font-size: 0;background: url(/template/hrms/html/static/images/down_jt_l.png) center center no-repeat;background-size: 0.1rem;transform: rotate(-90deg);}


/**2023.1.7**/
.fajs_bt {}

.fajs_bt h3 {
    line-height: 0.25rem;
    font-size: 0.24rem;
    font-weight: bold;
    border-left: 0.02rem solid #333;
    padding: 0 0 0 0.1rem;
    color: #333;
    margin: 0 0 0.2rem 0;
}
.fa_main {}

.fa_main .left {
    width: 100%;
}

.fa_main .left img {
    width: 100%;
}
.goods_zi {}

.goods_zi i {
    font-size: 0.48rem;
    font-weight: bold;
    color: #c5d1dd;
    /* background: #fff; */
    /* width: 0.7rem; */
    /* height: 0.7rem; */
    display: block;
    margin: 0rem auto;
    /* box-shadow: 0 0 0.2rem #dee3e9; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}



.robot_nav {
    box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);
    background: #fff;
}
div#bk_3 {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}
.robot_nav ul {
    display: flex;
    justify-content: space-between;
    font-size: 0.16rem;
    line-height: 0.44rem;
}

.robot_nav ul li {}

.robot_nav ul li a {
    display: block;
    font-size: 0.16rem;
    font-weight: bold;
}
.robot_nav ul li.on a{
    color: #286efa;
}
.robot_projies {}

.robot_projies ul {
    display: flex;
    justify-content: space-between;
}

.robot_projies ul li {
    width: 45%;
}

.robot_projies ul li .zi {}

.robot_projies ul li .zi img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.robot_projies ul li .zi p {
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #666;
    margin: 0.3rem 0 0;
    text-align: justify;
}

.canshuitem {
    margin: 0.5rem 0 0 0;
}

.canshuitem h3 {
    font-size: 0.22rem;
    font-weight: bold;
    color: #286efa;
    margin: 0 0 0.1rem;
    display: flex;
    align-items: center;
}

.canshu_main {}

.canshu_main .can_item {
    margin: 0 0 0.2rem;
}

.canshu_main .can_item h4 {
    font-size: 0.18rem;
    margin: 0 0 0.1rem;
    display: flex;
    align-items: center;
}
.canshuitem h3:before{margin: 0 0.1rem 0 0;content:".";font-size: 0;display: block;width: 0.03rem;height: 0.2rem;background: #286efa;}
.canshu_main .can_item .detal {}

.canshu_main .can_item .detal ul {}

.canshu_main .can_item .detal ul li {
    background: #f2f5f7;
}

.biaoge tr{ background: #f2f5f7;line-height: 0.34rem;}
.biaoge td{padding: 0 0.2rem;}

.biaoge tr:nth-child(2n) {background: none;}

.canshu_main .can_item .detal ul li .zi {
    display: flex;
    line-height: 0.34rem;
    /* font-size: 0.16rem; */
}

.canshu_main .can_item .detal ul li .zi span {
    width: 2rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
}

.canshu_main .can_item .detal ul li .zi p {
    flex: 1;
}

.canshu_main .can_item .detal ul li:nth-child(2n) {
    background: none;
}
.robot_changj {}

.robot_changj ul {
    /*display: flex;*/
    justify-content: space-between;
    flex-flow: wrap-reverse;
    margin: 0 0 0 -20px;
    text-align: center;
}

.robot_changj ul li {
    width: 50%;
    margin: 0 auto;
}

.robot_changj1 ul {
    display: flex; 
    
}

.robot_changj1 ul li {
    width: 50%;
   
}


.robot_changj ul li .zi {
    position: relative;
    display: block;
    margin: 0 0 0 20px;
}

.robot_changj ul li .zi img {
    width: 100%;
}

.robot_changj ul li .zi p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 0.4rem;
    padding: 0 0.2rem;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 0.16rem;
}

.robot_hangy {}

.robot_hangy ul {
    /* display: flex; */
    /* justify-content: space-between; */
    /* flex-flow: wrap; */
    margin: -0.2rem 0  0.2rem 0;
}

.robot_hangy ul li {
    width: 24%;
    text-align: center;
    line-height: 0.3rem;
    margin: 0.2rem 0 0;
}

.robot_hangy ul li .zi {}

.robot_hangy ul li .zi img {
    width: 100%;
}

.robot_hangy ul li .zi p {}









@media (min-width: 1px) and (max-width: 800px) {
.faan_one ul {
    display: block;
    margin: 0;
}

.faan_one ul li {
    width: 100%;
    margin: 0.2rem 0 0 0;
}

.faan_one ul li a {
    margin: 0;
}
div#bk_3 {
    top: 0.7rem;
}

.canshu_main .can_item .detal ul li .zi span {
    width: 1.3rem;
}

.robot_changj ul li {
    width: 100%;
    margin: 0 0 0.2rem;
}

.robot_hangy ul li {
    width: 100%;
}
.robot_videosb {
    margin: 0.7rem 0 0;
}

}






/**product robot 2023.1.13**/
		.topbox{ height: 500px; background-color: #313131; }
		.section-content{/* border-bottom: 5px solid #0000FF; *//* min-height: 500px; *//* background: #eee; *//* width: 1200px; *//* margin: auto; *//* line-height: 500px; *//* text-align: center; */}
		.nav-height{position:relative;/* height: 50px; */}
.nav-wrap {/* width: 100%; *//* height: 50px; */background: #fff;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9;z-index: 99999;} 
.nav-wrap ul {/* padding: 0; *//* margin: 0 auto; *//* width: 1200px; *//* display: block; *//* border-bottom: 2px solid #eee; */}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left;}
.nav-wrap li a {/* display: block; *//* padding: 0 20px; *//* font-size:20px; *//* color: #333; *//* text-decoration: none; */}
.nav-wrap li a:hover{color: #4680d1;}
.nav-wrap li a.active {border-bottom:2px solid #4680d1;color: #4680d1;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}



.pingtai_mokuaij {}

.pingtai_mokuaij ul {
    display: flex;
    margin: 0 0 0-0.3rem;
}

.pingtai_mokuaij ul li {
    /* background: #fff; */
}

.pingtai_mokuaij ul li .item {
    margin: 0 0 0 0.3rem;
    background: #fff;
    height: 100%;
}

.pingtai_mokuaij ul li .item .imgj {}

.pingtai_mokuaij ul li .item .imgj img {}

.pingtai_mokuaij ul li .item .zi {
    padding: 0.2rem;
    text-align: center;
}

.pingtai_mokuaij ul li .item .zi h3 {
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.pingtai_mokuaij ul li .item .zi p {
    /* font-size: 0.16rem; */
    line-height: 0.26rem;
    color: #625f5f;
}
.neiadd {}

.neiadd .left {
    width: 3rem;
    order: 2;
    margin: 0 0.5rem 0 0;
}

.neiadd  .right {
    flex: 1;
    order: 2;
}

.neiadd .right .bt img {
    width: 0.55rem;
}

.neiadd .right .bt .zi h3 {
    font-size: 0.2rem;
    font-weight: bold;
}

.neiadd .right .bt .zi span {
    margin: 0;
    color: #666;
}