@charset "UTF-8";



/* 智能体广场 */

.square-tit1 {
    display: flex;
    align-items: flex-start;
}

.square-tit1 ul {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.square-tit1 ul li {
    margin: .05rem 0;
    margin-right: .16rem;
    border-radius: 0.15rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.08rem 0.24rem 0rem rgba(155, 193, 231, 0.2);
    border: 0.01rem solid transparent;
    box-sizing: border-box;
    padding: .06rem .2rem;
    display: block;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.2rem;
    color: #5F7288;
    cursor: pointer;
}

.square-tit1 ul li:hover {
    border: 1px solid rgba(85, 98, 242, 0.4);
    box-shadow: 0rem 0.08rem 0.24rem 0rem rgba(155, 193, 231, 0.2);
}

.square-tit1 ul li a {
    padding: .06rem .2rem;
    display: block;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.2rem;
    color: #5F7288;
}

 .square-tit1 ul li.on {
    border: 1px solid rgba(85, 98, 242, 0.4);
    box-shadow: 0rem 0.08rem 0.24rem 0rem rgba(155, 193, 231, 0.2);
}
/* .square-tit1 ul li.on a {
    color: #5562F2;
}*/


.square-tit1 ul .square-tit-bg {
    position: absolute;
    transition: all 0.6s;
    border: 0.01rem solid rgba(85, 98, 242, 0.4);
    border-radius: 0.14rem;
    z-index: 1;
    box-sizing: border-box;
    pointer-events: none;
}

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

.square-bd1 img {
  max-width: 100%;
}



.square-list1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.12rem;
}

.square-list1 li {
    width: 25%;
    margin-top: .24rem;
}

.square-list1 li a {
    display: block;
    height: 100%;
    margin: 0 .12rem;
    border-radius: 0.12rem;
    opacity: 1;
    background: #FFFFFF;
    box-shadow: 0rem 0.08rem 0.24rem 0rem rgba(155, 193, 231, 0.2);
    transition: all 0.6s;
}

.square-list1 li a .square-item-t {
    display: flex;
    align-items: self-start;
    padding: .16rem;
}

.square-list1 li a .square-item-tpic {
    overflow: hidden;
    margin-right: .16rem;
}

.square-list1 li a .square-item-tpic div {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.12rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.square-list1 li a .square-item-tinfo {
    flex: 1;
    min-width: 0;
    text-align:left;
}

.square-list1 li a .square-item-tinfo h3 {
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    color: #1F2329;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.square-list1 li a .square-item-tinfo p {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.2rem;
    color: #909AAA;
    margin-top: .04rem;
    overflow: hidden;
  
    white-space: wrap;
}

.square-list1 li a .square-item-tinfo div {
    margin-top: .1rem;
    display: flex;
    flex-wrap: wrap;
}

.square-list1 li a .square-item-tinfo div b {
    border-radius: 0.04rem;
    opacity: 1;
    background: #ECEEF3;
    font-size: 0.13rem;
    font-weight: normal;
    line-height: 0.22rem;
    padding: 0 .06rem;
    color: #5F7288;
}

.square-list1 li a .square-item-b {
    display: flex;
    justify-content: flex-end;
    border-top: 0.01rem solid #F2F4F7;
    padding: 0.03rem 0.16rem .05rem .16rem;
}

.square-list1 li a .square-item-b span {
    font-size: 0.12rem;
    font-weight: normal;
    line-height: 0.2rem;
    text-align: right;
    color: #909AAA;
}

.square-list1 li a:hover {
    box-shadow: .05rem .1rem .1rem #C2DCFC;
    transform: translateY(-.1rem) scale(1.05);
}

.square-list1 li a:hover .square-item-tinfo h3 {
    color: #5562F2;
}











@keyframes ani_right {
    0% {
        transform: translateX(0);
        opacity: 0;
    }

    70% {
        transform: translateX(.15rem);
        opacity: 1;
    }

    100% {
        transform: translateX(.18rem);
        opacity: 0;
    }
}


@media screen and (min-width: 1025px) {
    .establish a:hover {
        box-shadow: 0.05rem .05rem .1rem #407CFE;
        /* box-shadow: 0 0 .1rem #407CFE; */
        padding: 0 1rem;
    }
}

@media screen and (max-width: 1024px) {
   





    .square-list {
        margin: 0 -.05rem;
    }

    .square-list li {
        width: 50%;
        margin-top: .1rem;
    }

    .square-list li a {
        margin: 0 .05rem;
    }

    .square-list li a .square-item-t {
        display: block;
    }

    .square-list li a .square-item-tpic {
        margin-right: 0;
        margin-bottom: .1rem;
    }

    .square-list li a .square-item-tpic div {
        margin-right: 0;
        margin: 0 auto;
    }

    .square-list li a .square-item-tinfo h3 {
        text-align: center;
    }

    .square-list li a .square-item-tinfo p {
        text-align: center;
    }

    .square-tit {
        display: block;
    }

    .square-search {
        width: auto;
    }

    .square-tit ul li {
        margin-right: .1rem;
    }

 




}