.banner {
    position: relative;
}

.banner img {
    display: block;
}

.banner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4.8rem;
}

.banner-text h1 {
    font-weight: bold;
    font-size: 4.8rem;
    color: #FFFFFF;
    line-height: 5.6rem;
}

.banner-text p {
    margin-top: .8rem;
    font-weight: bold;
    font-size: 2rem;
    color: #FFFFFF;
    line-height: 2.8rem;
}

.banner-text div {
    width: 5.6rem;
    height: 2px;
    background: #FFFFFF;
    margin: 2rem 0;
}

.tips {
    padding: 2.4rem 4.8rem;
    box-sizing: border-box;
    background: #FFF5ED;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 4rem;
    color: #595959;
    text-align: left;
}

.t1 {
    padding-top: 12rem;
}

.cptd ul {
    margin: 4.8rem auto 14rem auto;
    display: flex;
    flex-wrap: wrap;
}

.cptd ul li {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 2.4rem 0;
    display: flex;
    align-items: center;
    /* height: 200px; */
    background: #FAF9F9;
    border-radius: 1.6rem;
    opacity: 1;
    border: 1px solid #F2F2F2;
    padding: 3.2rem 4rem;
}

.cptd ul li:last-of-type {
    margin-bottom: 0;
}

.cptd ul li img {
    width: 10.4rem;
    height: 10.4rem;
    margin-right: 3.2rem;
}

.cptd ul li div {
    /* width: 25rem; */
}

.cptd ul li div h3 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #1E1E1E;
    line-height: 3.4rem;
}

.cptd ul li div p {
    margin-top: .8rem;
    font-weight: 400;
    font-size: 2.2rem;
    color: #8C8C8C;
    line-height: 3rem;
}

.liucheng {
    background: #FAF9F9;
}

.liucheng ul {
    margin-top: 4.8rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* padding-bottom: 12rem; */
    width: 100%;
    padding: 0 4.8rem 12rem 4.8rem;
    box-sizing: border-box;
}

.liucheng ul li {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 4.8rem;
    display: flex;
    align-items: center;
}

.liucheng2 ul li {
    width: 24%;
    margin-right: 1.3333%;
}

.liucheng ul li:nth-of-type(2n) img {
    margin-left: 2rem;
}

.liucheng2 ul li:nth-of-type(3n) {
    margin-right: 1.3333%;
}

.liucheng2 ul li:nth-of-type(4n) {
    margin-right: 0;
}

.liucheng ul li img {
    width: 32.7rem;
    height: 25.4rem;
    display: block;
    border-radius: 1.6rem;
}

.liucheng ul li div {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 4rem;
    width: 26.4rem;
}

.liucheng ul li div i {
    position: absolute;
    left: 0;
    top: 16%;
    transform: translateY(-50%);
    z-index: 0;
    font-weight: 400;
    font-size: 8rem;
    color: rgba(255, 128, 16, 0.3);
    line-height: 8rem;
    font-family: "Num";
}

.liucheng ul li div p {
    font-weight: bold;
    font-size: 2.6rem;
    color: #1E1E1E;
    line-height: 3.4rem;
    z-index: 1;
    margin-top: 2.6rem;
}

.fajz .w1440 {
    position: relative;
    padding: 0 4.8rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fajz ul.ul1 {
    width: 94%;
    /* max-width: 60.6rem;
    margin: 4.8rem 2.4rem auto 2.4rem; */
    margin-top: 4.8rem;
    background: #FAF9F9;
    border-radius: 1.6rem 1.6rem 0 0;
    border: 1px solid #F2F2F2;
    padding: 4.8rem;
    background-image: url(https://cdn.site.youfantech.cn/images/before.png);
    background-repeat: no-repeat;
    background-position: 0 2rem;
    background-size: 33.8rem;
    box-sizing: border-box;
}

.fajz ul.ul1 h3 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #1E1E1E;
    line-height: 3.4rem;
}

.fajz ul.ul1 li {
    display: flex;
    align-items: center;
    margin-top: 2.4rem;
}

.fajz ul.ul1 li p {
    margin-left: 1.6rem;
    font-weight: 400;
    font-size: 2.4rem;
    color: #595959;
    line-height: 4rem;
    white-space: nowrap;
}

.fajz ul.ul2 {
    width: 100%;
    /* max-width: 65.4rem;
    margin: 0 auto; */
    border-radius: 1.6rem;
    box-sizing: border-box;
    padding: 5.6rem;
    background-color: #FF8010;
    background-image: url(https://cdn.site.youfantech.cn/images/after.png);
    box-shadow: 0px .8rem 2.4rem 0px rgba(255, 128, 16, 0.3);
    background-repeat: no-repeat;
    background-position: 0 2rem;
    background-size: 33.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fajz ul.ul2 h3 {
    font-weight: bold;
    font-size: 2.6rem;
    line-height: 3.4rem;
    color: #fff;
}

.fajz ul.ul2 li {
    display: flex;
    align-items: center;
    margin-top: 2.4rem;
}

.fajz ul li img {
    width: 2.8rem;
    height: 2.8rem;
}

.fajz ul.ul2 li p {
    margin-left: 1.6rem;
    font-weight: 400;
    font-size: 2.4rem;
    color: #fff;
    line-height: 4rem;
    white-space: nowrap;
}


.hezuo {
    margin-top: 14rem;
    padding-bottom: 14rem;
    background: #FAF9F9;
}

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

.caseteam a {
    width: 8rem;
    height: 3rem;
    margin: 0 1rem;
    font-weight: 400;
    color: #8C8C8C;
    background: #FFFFFF;
    border-radius: .5rem;
    border: 1px solid #B7B7B7;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all linear .2s;
}

.caseteam a:hover {
    color: rgba(255, 128, 16, 1);
    border: 1px solid rgba(255, 128, 16, 1);
}

.caselist {
    margin: 4.8rem auto 0 auto;
    width: 90%;
    height: 48rem;
}

.caselist .swiper-slide {
    border-radius: 1rem;
    position: relative;
}

.caselist .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1.6rem;object-fit: cover;
}

.caselist .swiper-slide.on {
    box-shadow: 0px 1.6rem 3.2rem 0px rgba(255, 128, 16, 0.3);
}

.caselist {
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
}

.caselogo {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 1.6rem 0 1.6rem 0;
    z-index: 2;
    color: #fff;
    padding: 3.2rem;
    font-weight: bold;
    font-size: 3.2rem;
    color: #FFFFFF;
    line-height: 4rem;
}

.caselogo p {
    margin-top: .8rem;
    font-weight: 400;
    font-size: 2.4rem;
    color: #FFFFFF;
    line-height: 3.2rem;
}

.casebg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 128, 16, 0.8);
    border-radius: 1.6rem;
    z-index: 1;
    display: none;
}

.tag {
    display: flex;
    padding-left: 2rem;
}

.tag div {
    margin-right: 1rem;
    display: flex;
    padding: .2rem 1rem;
    align-items: center;
    border: 1px solid #fff;
    font-size: 1rem;
}

.casebg h2 {
    font-weight: bold;
    font-size: 3.2rem;
    color: #FFFFFF;
    line-height: 4rem;
    padding: 3.2rem;
}

.casebg h2 p {
    margin-top: .8rem;
    font-weight: 400;
    font-size: 2.4rem;
    color: #FFFFFF;
    line-height: 3.2rem;
}

.tag div img {
    display: block;
    width: 1rem;
    height: 1rem;
}

.tag div p {
    margin-left: .5rem;
    color: #fff;
    white-space: nowrap;
}

.casebg ul {
    margin: 0 0 2rem 0;
    padding-left: 2rem;
    box-sizing: border-box;
}

.casebg ul li {
    color: #fff;
    margin-bottom: 1.6rem;
    font-size: 2.2rem;
}

.more3 {
    position: absolute;
    right: 3.2rem;
    bottom: 3.2rem;
    /* margin: 1.6rem auto; */
    width: 16.4rem;
    height: 5.4rem;
    background: transparent;
    border-radius: .8rem 2.4rem 2.4rem 2.4rem;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.more3 p {
    color: #fff !important;
    white-space: nowrap;
    font-weight: 400;
    font-size: 2.2rem;
    line-height: 3rem;
}

.more3 img {
    width: 2.4rem !important;
    height: 2.4rem !important;
    margin-left: .5rem;
}


.znbwg {
    background-image: url(https://cdn.site.youfantech.cn/images/hefan-jigui-img1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

.znbwg ul {
    margin: 6.4rem auto 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding-bottom: 3rem; */
    overflow: hidden;
}

.znbwg ul li {
    position: relative;
}

.znbwg ul li:first-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.znbwg ul li:last-of-type {
    width: 80%;
    margin: 0 auto;
}

.bwg {
    width: 49%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bwg img {
    width: 8.8rem;
}

.bwg div {
    margin: 2.4rem 0 6.4rem 0;
    text-align: center;
}

.bwg div h2 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #1E1E1E;
    line-height: 3.4rem;
    margin-bottom: .4rem;
}

.bwg div p {
    font-weight: 400;
    font-size: 2.2rem;
    color: #595959;
    line-height: 3rem;
}

.bbg1 {
    position: absolute;
    left: 0;
    top: 8rem;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    transition: all linear.2s;
}

.bbg2 {
    position: absolute;
    left: 0;
    top: 8rem;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    transition: all linear.2s;
}

.bbg3 {
    position: absolute;
    z-index: 2;
    bottom: -4.8rem;
    left: -8.25rem;
    width: 28.4rem;
}

.bbg4 {
    position: absolute;
    z-index: 0;
    bottom: -4.8rem;
    right: -14.25rem;
    width: 28.4rem;
}

.bbg0 {
    position: relative;
    /* width: 100%;
    height: 100%; */
    cursor: pointer;
}

.bbg {
    opacity: 0;
    width: 100%;
    display: block;
}

.saas ul {
    margin-top: 4.8rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 14rem;
}

.saas ul li {
    width: 100%;
}

.saas ul li img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.saas ul li div {
    margin: 3.2rem 0;
}

.saas ul li div:nth-of-type(2) {
    margin-top: 4.8rem;
}

.saas ul li div h2 {
    margin-top: 1.6rem;
    font-weight: bold;
    font-size: 2.6rem;
    color: #FF8010;
    line-height: 3.4rem;
    text-align: center;
}

.saas ul li div p {
    font-weight: 400;
    font-size: 2.4rem;
    color: #595959;
    line-height: 4.8rem;
    margin-top: 1.6rem;
    text-align: center;
}

.fajz2 ul {
    margin-top: 4.8rem;
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
}

.fajz2 ul li:first-of-type {
    width: 100%;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
    border-top: 1px solid #F2F2F2;
    background: #FAF9F9;
    border-radius: 1rem 1rem 0 0;
}

.fajz2 ul li:last-of-type {
    width: 100%;
    background: #FAF9F9;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    border-radius: 0 0 1rem 1rem;
}

.fajz2 ul li:last-of-type img {
    width: 2.8rem;
    height: 2.8rem;
}

.fajz2 ul li img {
    display: block;
    width: auto;
    max-width: 100%;
    border-radius: 1rem;
}

.fajz2 div.ul2 {
    border-radius: 1.6rem;
    box-sizing: border-box;
    padding: 5.6rem;
    overflow: hidden;
}

.fajz2 div.ul2 h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #FF8010;
}

.fajz2 div.ul2 div {
    display: flex;
    align-items: center;
    margin-top: 2.4rem;
}

.fajz2 div.ul2 div:first-of-type {
    margin-top: 0;
}

.fajz2 div.ul2 div p {
    margin-left: 1.6rem;
    font-weight: 400;
    font-size: 2.4rem;
    color: #FF8010;
    line-height: 4rem;
    white-space: nowrap;
}


.cptd3 ul {
    width: 100%;
    max-width: 100%;
    padding: 0 4.8rem;
    margin: 4.8rem auto;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.cptd3 ul li {
    box-sizing: border-box;
    width: calc((100% - 3.2rem) / 3);
    height: 20.7rem;
    margin-right: 1.6rem;
    margin-bottom: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FAF9F9;
    border-radius: 1.6rem 1.6rem 1.6rem 1.6rem;
    opacity: 1;
    border: 1px solid #F2F2F2;
    padding: 1rem;
}

.cptd3 ul li:nth-of-type(3n) {
    margin-right: 0;
}

.cptd3 ul li img {
    width: 10.4rem;
    height: 10.4rem;
}

.cptd3 ul li div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cptd3 ul li div h3 {
    margin-top: 1.6rem;
    font-weight: bold;
    font-size: 2.6rem;
    color: #1E1E1E;
    line-height: 3.4rem;
}

.cptd3 ul li div p {
    margin-top: 1rem;
    font-weight: 400;
    color: #8C8C8C;
    color: #1E1E1E;
    line-height: 1.5;
    width: 60%;
    text-align: center;
}


.cptd6 ul {
    margin: 3rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cptd6 ul li {
    box-sizing: border-box;
    width: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FAF9F9;
    border-radius: 1rem;
    opacity: 1;
    border: 1px solid #F2F2F2;
    padding: 4rem 2rem;
}

.cptd6 ul li:nth-of-type(6n) {
    margin-right: 0;
}

.cptd6 ul li img {
    width: 6.25rem;
    height: 6.25rem;
}

.cptd6 ul li div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cptd6 ul li div h3 {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #1E1E1E;
    white-space: nowrap;
}

/* 瀹㈡埛妗堜緥 */

.cpro {
    margin: 3.2rem auto;
}

.cpro li {
    display: flex;
    margin-bottom: 3.2rem;
    overflow-x: auto;
}

.cpro li::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.cpro li a {
    padding: .6rem 1.6rem;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #8C8C8C;
    white-space: nowrap;
    border-radius: .8rem;
    margin: 0 .8rem 0 0;
}

.cpro li a:nth-of-type(1) {
    /*color: #1E1E1E;
    padding-left: 0;*/
}

.news-cpro li a:nth-of-type(1) {
    padding: .6rem 1.6rem;
}

.cpro li a.on {
    background: #FF8010;
    color: #fff;
    font-weight: bold;
}

.clist {
    display: flex;
    flex-wrap: wrap;
}

.clist .clist2 {
    width: 100%;
    margin-bottom: 5%;
    background: #FFFFFF;
    border-radius: 1rem;
    position: relative;
    display: flex;
    /* align-items: center; */
}

.clist .clist2:hover {
    box-shadow: 0px .5rem 1rem 0px rgba(0, 0, 0, 0.08);
}

.clist .clist2 .cpic {
    width: 22.5rem;
    height: 22.5rem;
    border-radius: 1.6rem 1.6rem 1.6rem 1.6rem;object-fit: cover;
}

.clist .clist3 {
    /* width: 60%; */
}

/* .clist .clist2:nth-of-type(3n) {
    margin-right: 0;
} */

.clogo {
    position: absolute;
    top: 0;
    left: 0;
    width: 8rem;
    height: 7.2rem;
    background: #FFFFFF;
    border-radius: 1.6rem 0px 1.6rem 0px;
}

.clogo img {
    width: 100%;
    height: 100%;
    display: block;object-fit: cover;
}

.clist .clist2 .ctext {
    font-weight: bold;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 3.2rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 2.4rem 2.4rem 0 2.4rem;
    margin-bottom: 1.6rem;
    box-sizing: border-box;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ctag {
    box-sizing: border-box;
}

.ctag h3 {
    display: inline-block;
    background: #FFF9EC;
    border-radius: .4rem .4rem .4rem .4rem;
    font-weight: bold;
    font-size: 2.2rem;
    color: #B57A04;
    line-height: 3rem;
    padding: 1px .8rem;
    box-sizing: border-box;
    margin: 0 2.4rem;
}

.cheng {
    background-color: #f2f2f2;
    width: 41.3rem;
    height: 1px;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.cbottom {
    display: flex;
    padding: 1.6rem 2.4rem;
}

.cbottom div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.cbottom div img {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: .8rem;
}

.cbottom div p {
    font-weight: 400;
    font-size: 2.4rem;
    color: #FF8010;
    line-height: 3.2rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.page {
    margin: 4.8rem auto 12rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    color: #8C8C8C;
    margin: 0 1.6rem;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.2rem;
}

.page a.on {
    background: #FF8010;
    border-radius: .6rem 2.4rem 2.4rem 2.4rem;
    border: 1px solid #FF8010;
    color: #fff;
}

.page a:hover {
    color: #FF8010;
}

.page a.on:hover {
    color: #fff;
}

.page a img {
    width: 3.2rem;
}

/* 妗堜緥璇︽儏 */
.layui-breadcrumb {
    margin: 3.2rem 0;
    display: block;
}

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

.casexiangqingli {}

.casexiangqingli .casexiangqinglidiv {
    background-color: #FFFFFF;
    padding: 2rem;
    border-radius: 1rem;
    box-sizing: border-box;
}


.casexiangqing li:nth-of-type(1) {
    width: 100%;
}

.casexiangqing li:nth-of-type(2) {
    width: 100%;
}

.heng {
    height: 1px;
    background: #F2F2F2;
    margin: 2rem 0;
}

.cteam1 {
    display: flex;
    align-items: center;
    margin-bottom: 2.4rem;
}

.cteam1 img {
    width: 12rem;
    height: 12rem;
    border-radius: .8rem .8rem .8rem .8rem;
    border: 1px solid #D5D5D5;
    margin-right: 2.4rem;object-fit: cover;
}

.cteam1 div {
    /*display: flex;
    flex-direction: column;*/
}

.cteam1 div h2 {
    font-weight: bold;
    font-size: 3.2rem;
    color: #1E1E1E;
    line-height: 4rem;
}

.cteam1 div h3 {
    font-weight: bold;
    font-size: 2.2rem;
    color: #722ED1;
    line-height: 3rem;
    background: #F5E8FF;
    border-radius: .4rem;
    text-align: center;
    padding: 1px .8rem;
    box-sizing: border-box;
    margin-top: 1.2rem;display: inline-block;
}

.casexiangqing li p {
    font-weight: 400;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 4rem;
}

.casexiangqing li span {
    font-weight: 400;
    font-size: 2.4rem;
    color: #8C8C8C;
    line-height: 4rem;
    margin-right: 2.4rem;
    white-space: nowrap;
}
.casexiangqing li .news_detail span {color:#1E1E1E;line-height: normal;white-space: normal;margin-right: 0}
.casexiangqing li .news_detail a {color: #7149ff;text-decoration: underline}
.news_detail{margin-top: 18px}
.cteam2 h4 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #1E1E1E;
    line-height: 3.4rem;
}

.cteam2 ul li {
    margin: 1.6rem 0;
    display: flex;
}

.cteam3 h4 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #1E1E1E;
    line-height: 3.4rem;
}

.tag2 {
    display: flex;
    margin: 1rem 0 0 0;flex-wrap: wrap;
}

.tag2 div {
    margin-right: 1rem;margin-bottom:1rem;
    display: flex;
    padding: 0px 1rem;
    align-items: center;
    border-radius: .4rem .4rem .4rem .4rem;
    border: 1px solid #FF8010;
    font-size: 1rem;
}

.tag2 div img {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: .8rem;
}

.tag2 div p {
    color: #FF8010;
}

.hzxg {
    background: linear-gradient(72deg, #FF8010 0%, #FF9E3A 100%);
    border-radius: .8rem .8rem .8rem .8rem;
    padding: 2.4rem;
    box-sizing: border-box;
    margin: 1.6rem 0;
    position: relative;color: #fff;
}

.hzxg h4 {
    margin-bottom: 1.6rem;
    color: #fff;
}

.hzxg p {
    color: #fff !important;
}

.hzxg .hx-bg1 { 
    position: absolute;
    width: 40rem;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all linear .2s;
}
.hzxg .hx-bg2 {
    position: absolute;
    width: 24rem;
    top: 0;
    right: 0;
    z-index: 1;
    transition: all linear .2s;
}

.t-img {
    display: flex;
    justify-content: space-between;
}

.t-img img {
    display: block;
    width: 49%;
    border-radius: 1.6rem;
    margin-bottom: 4.8rem;
}

.page2 {
    box-sizing: border-box;
    padding: 4.8rem 2.4rem 12rem 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0;
}

.page2 a p {
    white-space: nowrap;
    font-weight: 400;
    font-size: 2.4rem;
    color: #8C8C8C;
    line-height: 3.2rem;
    margin: 0 .8rem;
}

.page2 a img {
    width: 2.4rem;
}

.cptj {
    background-color: #FFFFFF;
    padding: 2rem;
    border-radius: 1rem;
    box-sizing: border-box;
    margin-bottom: 2rem;
}

.cptj h2 {
    font-weight: bold;
    font-size: 1.25rem;
    color: #1E1E1E;
    line-height: 1.75;
}

.bwg2 {
    display: flex;
    align-items: center;
}

.bwg2 img {
    margin-right: 1rem;
}

.bwg2 div {
    margin: 1rem 0;
}

.bwg2 div h2 {
    font-weight: bold;
    font-size: 1rem;
    color: #1E1E1E;
    margin-bottom: .5rem;
}

.bwg2 div p {
    font-weight: 400;
    font-size: .875rem;
    color: #595959;
}

.rmnew {
    background-color: #FFFFFF;
    padding: 2rem;
    border-radius: 1rem;
    box-sizing: border-box;
}

.rmnew h2 {
    font-weight: bold;
    font-size: 1.25rem;
    color: #1E1E1E;
    line-height: 1.75;
}

.rmnew a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 1rem 0;
}

.rmnew a img {
    display: block;
    width: 8rem;
    height: 5.5rem;
    border-radius: .5rem;
    margin-right: 1rem;
}

.rmnew a div h3 {
    font-weight: bold;
    font-size: 1rem;
    color: #1E1E1E;
    line-height: 1.5;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.rmnew a div p {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* 鏂伴椈鍔ㄦ€� */
.newlist a {
    box-sizing: border-box;
    display: flex;
}

.newlist2 a {
    align-items: flex-start;
}

.newlist a {
    background: #FFFFFF;
    border-radius: 1.6rem;
    margin-bottom: 2.4rem;
}

.newlist a:hover {
    box-shadow: 0px .5rem 1rem 0px rgba(0, 0, 0, 0.08);
}
.newlist a img {
    width: 22.4rem;
    border-radius: 1.2rem 1.2rem 1.2rem 1.2rem;
    height: 22.4rem;
    display: block;
    min-height: 100px;
    overflow: hidden;
    object-fit: cover;
}

.newlist a div {
    position: relative;
    /* width: 22.4rem; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.4rem;
    box-sizing: border-box;
    width: calc(100% - 22.4rem);
}

.newlist a div h2 {
    font-weight: bold;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 3.2rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.layui-breadcrumb {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.layui-breadcrumb a {
    height: 2.4rem;
    font-weight: 400;
    font-size: 2rem;
    color: #8C8C8C;
    line-height: 2.4rem;
}

.layui-breadcrumb a cite {
    display: inline-block;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newlist a div p {
    margin-top: 1.2rem;
    font-weight: 400;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 3.2rem;
}

.newlist a div span {
    /* position: absolute;
    bottom: 0;
    left: 0; */
    /* margin-top: 8rem; */
}

.newtext {
    background-color: #FFFFFF;
    padding: 4.2rem;
    border-radius: 1rem;
    box-sizing: border-box;
}

.newtext h2 {
    font-weight: bold;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 3.2rem;
    text-align: center;
}

.newtext p.time {
    margin-top: .8rem;
    font-weight: 400;
    font-size: 2rem;
    color: #8C8C8C;
    line-height: 2.8rem;
    text-align: center;
}

.newtext p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 2 !important;
    text-align: justify;
}

.newtext img {
    display: block;
    max-width: 100%;
    margin: 1rem auto;height: auto!important;
}

.newtext h3 {
    font-weight: bold;
    font-size: 2.4rem;
    color: #FF8010;
    line-height: 2 !important;
    margin-top: 3.2rem;
}

.fzlcbg {
    padding: 96px 0;
    box-sizing: border-box;
    width: 100%;
    background-image: url(https://cdn.site.youfantech.cn/images/companyprofil-img1.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

.fzlc {
    width: 95%;
    padding-left: 4.8rem;
}

.fzlc .swiper-slide h2 {
    font-weight: 400;
    font-size: 4.8rem;
    color: #FFFFFF;
    line-height: 4.8rem;
    font-family: "Num";
}

.fzlc .swiper-slide div {
    border-bottom: 1px dashed #fff;
    /* position: relative; */
    height: 1px;
    box-sizing: border-box;
    margin: 6rem 0;
}

.fzlc .swiper-slide div i {
    position: relative;
}

.fzlc .swiper-slide div i::after {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .6rem;
    background-color: #fff;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 2;
    border-radius: 100%;
}

.fzlc .swiper-slide div i::before {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 2.4rem;
    height: 2.4rem;
    z-index: 1;
    border-radius: 100%;
}

.fzlc .swiper-slide p {
    font-weight: 400;
    font-size: 2.2rem;
    color: #FFFFFF;
    line-height: 4rem;
    width: 90%;
}


/* 鍏充簬鎴戜滑 */
.ryzz {
    margin: 3rem auto;
}

.ryzz2 {
    margin-bottom: 20rem;
}

.qywh1 {
    margin: 8rem 4.8rem 0 4.8rem;
    padding: 0 0 0 0;
    margin-bottom: 12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    border-radius: 1.6rem;
}

.qywh1 img {
    width: 100%;
    border-radius: 1.6rem;
}

.qywh1-r {
    width: 100%;
}

.qywh1-r .bwg {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
    flex-direction: row;
    align-items: center;
    padding: 4rem;
    box-sizing: border-box;
}

.qywh1-r .bwg div {
    margin: 0;
    padding-left: 3.2rem;
}

.qywh1-r .bwg:last-of-type {
    border-bottom: none;
}

.qywh1-r .bwg h2 {
    font-weight: 400;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 3.2rem;
    margin-bottom: 0;
}

.qywh1-r .bwg p {
    line-height: 1.5;
}

.qywh1-r .bwg img {
    width: 5.6rem;
    height: 5.6rem;
    display: block;
}

/* .qywh1-r .bwg i::after {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .375rem;
    background: rgba(255, 128, 16, 0.8);
    width: .75rem;
    height: .75rem;
    z-index: 2;
    border-radius: 100%;
}

.qywh1-r .bwg i::before {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: rgba(255, 128, 16, 0.1);
    width: 1.5rem;
    height: 1.5rem;
    z-index: 1;
    border-radius: 100%;
} */

.qywh2 {
    padding: 12rem 0 12rem 0;
    box-sizing: border-box;
    background-image: url(https://cdn.site.youfantech.cn/images/culture-img2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

.qywh2 h3 {
    font-weight: 400;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 3.2rem;
}

.qywh2 p {
    font-weight: bold;
    font-size: 3.2rem;
    color: #FF8010;
    line-height: 4rem;
    margin-top: 2.4rem;
}

.qywh2 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qywh2 ul li {
    width: 100%;
    box-sizing: border-box;
    padding-left: 4.8rem;
}

.qywh2 ul li:nth-of-type(1) {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 8rem;
}

.qywh2 ul li:nth-of-type(2) {
    border-bottom: 1px solid #D5D5D5;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.qywh2 ul li:nth-of-type(3) {
    width: 100%;
    box-sizing: border-box;
    padding-top: 8rem;
}


/* 浜烘墠鎷涜仒 */

.newxiangqing {
    display: flex;
    justify-content: space-between;
    margin: auto auto 5rem auto;
}

.newxiangqingli {}

/* .newxiangqingli .newxiangqinglidiv {
    background-color: #FFFFFF;
    padding: 2rem;
    border-radius: 1rem;
    box-sizing: border-box;
} */

.newxiangqing li:nth-of-type(1) {
    width: 100%;
}

.newxiangqing li:nth-of-type(2) {
    width: 100%;
}

.rczplist {
    padding: 2.5rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1rem;
}

.rczplist h2 {
    font-weight: bold;
    font-size: 1.25rem;
    color: #1E1E1E;
}

.rczplist .layui-form-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    padding: .5rem 0;
    box-sizing: border-box;
}

.rczplist .layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0;
    border-radius: .4rem !important;
}

.layui-form-checkbox {
    border-radius: .4rem !important;
}

.rczplist .layui-form-item:after {
    display: none;
}

.newxiangqingli .newlist a {
    padding: 3.2rem;
    flex-direction: column;
    cursor: pointer;
}

.newxiangqingli .newlist a div {
    margin-left: 0;
    padding: 0;
    width: auto;
}

.newxiangqingli .newlist a div h2 {
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 4rem;
}

.newxiangqingli .newlist a .tit p:nth-of-type(2) {
    color: #8c8c8c;
}

.newxiangqingli .newlist a .ntext h3 {
    margin-top: 3.2rem;
    font-weight: bold;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 4rem;
}

.newxiangqingli .newlist a .ntext p {
    font-weight: 400;
    font-size: 2.4rem;
    color: #595959;
    line-height: 4rem;
}

.newxiangqingli .newlist a .ntext h4 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #FF8010;
    line-height: 3.4rem;
    margin-top: 3.2rem;

}

.newlist a.on div h2 {
    color: #FF8010;
}

.newxiangqingli .newlist a .ntext {
    display: none;
}

/* 鍚堜綔鍜ㄨ */
.hezuo1 {
    width: calc(100% - 6.4rem) !important;
    padding: 4.8rem 3.2rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 8rem auto 4.8rem auto;
    flex-wrap: wrap;
}

.hezuo1 li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hezuo1 li:nth-of-type(1) {
    width: 100%;
}

.hezuo1 li:nth-of-type(2) {
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #f2f2f2;
}

.hezuo1 li:nth-of-type(3) {
    width: 50%;
}

.hezuo1 li h3 {
    font-weight: bold;
    font-size: 2.4rem;
    color: #000000;
    line-height: 3.2rem;
}

.hezuo1 li h2 {
    font-weight: bold;
    font-size: 6.4rem;
    color: #FF8010;
    line-height: 7.2rem;
    margin: 1.6rem auto;
}

.hezuo1 li p {
    font-weight: 400;
    font-size: 2.4rem;
    color: #000000;
    line-height: 3.2rem;
}

.hezuo1 li:nth-of-type(1) p {}

.hezuo1 li:nth-of-type(2) p {
    text-align: center;
    margin-top: 1rem;
}

.hezuo1 li:nth-of-type(3) p {
    text-align: center;
    margin-top: 1rem;
}


.hezuo1 li img {
    width: 75%;
    margin: 0 auto;
    display: block;
}

.hezuo2 {
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 5rem;
}

.maplist {
    width: calc(100% - 6.4rem) !important;
    background-color: #fff;
    padding: 0 3.2rem;
    box-sizing: border-box;
    margin-bottom: 12rem;
    border-radius: 1.6rem 1.6rem 1.6rem 1.6rem;
}

.maplist li {
    padding: 3.2rem 0;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f2f2;
}

.maplist li:last-of-type {
    border-bottom: none;
}

.maplist li .mapt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.maplist li .mapt p {
    font-weight: 400;
    font-size: 2.4rem;
    color: #595959;
    line-height: 3.2rem;
}

.maplist li .mapt img {
    width: 1.5rem;
    display: block;
}

.maplist li .mapb {
    margin-top: 3.2rem;
    width: 100%;
    display: none;
}

.maplist li:first-of-type .mapb {
    display: block;
}

.maplist li .mapb img {
    width: 100%;
    display: block;
}

.maplist li.on .mapt p {
    font-weight: bold;
    font-size: 2.4rem;
    color: #FF8010;
    line-height: 3.2rem;
}

.maplist li .mapt::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://cdn.site.youfantech.cn/images/general-down-grey.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2.4rem;
    height: 2.4rem;
}

.maplist li.on .mapt::after {
    background-image: url(https://cdn.site.youfantech.cn/images/general-up-orange.png);
}
.newlist a div .job_ms { margin-top: 1.2rem;
    font-weight: normal;
    font-size: 2.4rem;
    color: #8c8c8c;
    line-height: 3.2rem;}
.newlist a div .job_ms p{ margin-top: 0px;
    font-weight: normal;color: #8c8c8c;
}
.newxiangqingli .newlist a .ntext .job_ms2 {font-weight: 400;
    font-size: 2.4rem;
    color: #595959;margin-top: 1.2rem;line-height: 4rem}
.newxiangqingli .newlist a .ntext .job_ms2 p{margin-top: 0;}
.newlist a div .job_ms span,.newlist a div .job_ms2 span {margin-top: 0}

.case_ms{    font-weight: 400;
    font-size: 2.4rem;
    color: #1E1E1E;
    line-height: 4rem;}
.cteam2 .p{line-height: 4rem;font-size: 2.4rem;color: #1E1E1E;}
.cteam3 .p{line-height: 4rem;font-size: 2.4rem;color: #1E1E1E;}
.cteam3 .p2{ color: #fff;font-size: 2.4rem;}

.ctag10001{background: #FFFCE8!important;color: #A26D0A!important;}
.ctag10002{background: #F5E8FF!important;color: #722ED1!important;}
.ctag10003{background: #FFF7E8!important;color: #FF9F41!important;}
.ctag10004{background: #E8FFEA!important;color: #00cb32 !important;}
.ctag10005{background: #E8F7FF!important;color: #3f88fb !important;}
.ctag10006{background: #E9FFFB!important;color: #10d5d4 !important;}
.ctag10007{background: #faffe3 !important;color: #9cd100 !important;}
.ctag10008{background: #ffe9f9 !important;color: #d10090 !important;}