.nav_father {
    width: 100%;
    position: relative;
    background-color: #fff;
    z-index: 4;
}
.nav {
    width: 100%;
    height: 0.75rem;
}
.nav nav {
    width: 73%;
    height: 0.75rem;
    line-height: 0.75rem;
    margin: 0 auto;
}
.nav nav ul {
    width: 100%;
    height: 100%;
}
.nav nav ul li {
    display: inline-block;
    font-size: 0.105rem;
     
    font-weight: 400;
    color: #A8A8A8;
}
.nav nav ul li:nth-of-type(2n) {
    margin: 0 0.135rem;
}
.nav nav ul li:last-of-type {
    color: #333;
}
.select_father {
    width: 100%;
    position: relative;
    background-color: #fff;
    z-index: 6;
}
.select {
    margin-top: 0.3975rem;
    width: 10.5002rem;
    height: 0.4rem;
    margin: auto;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.select .select_top {
    position: relative;
    z-index: 2;
}
.select .select_top li {
    display: inline-block;
    padding: 0 0.2rem;
    font-size: 0.18rem;
     
    font-weight: 400;
    color: #A8A8A8;
    cursor: pointer;
    transition: all 0.5s;
}
.select .select_top li span {
    display: block;
    height: 0.135rem;
    width: .0375rem;
    margin: auto;
    margin-top: 0.1rem;
    transition: all 0.5s;
}
.select .select_top li:nth-of-type(1) span {
    display: none;
}
.select .select_top li:nth-of-type(2) {
    color: #333;
}
.main_father {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #f4f4f4);
    z-index: 3;
}
.main {
    width: 10.5002rem;
    margin: auto;
    padding-top: 0.975rem;
    text-align: center;
}
.main .main_top > .title {
    font-size: 0.315rem;
     
    font-weight: bold;
    color: #333333;
    line-height: 0.285rem;
    margin-bottom: 0.4575rem;
}
.main .main_top > .content {
    font-size: 0.135rem;
     
    font-weight: 400;
    color: #333333;
    line-height: 0.285rem;
}
.main_box {
    width: 10.5002rem;
    margin-top: 1.005rem;
    padding-bottom: 1.0575rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main_box > .box {
    flex-shrink: 0;
    width: 5.0551rem;
    height: 2.4rem;
    margin-bottom: 0.3675rem;
    display: inline-block;
    overflow: hidden;
    position: relative;
    color: #FFFFFF;
    transition: all 1s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.main_box > .box:nth-of-type(1) {
    background-image: url(../img/customerservicebox1.png);
}
.main_box > .box:nth-of-type(2) {
    background-image: url(../img/customerservicebox2.png);
}
.main_box > .box:nth-of-type(3) {
    background-image: url(../img/customerservicebox3.png);
}
.main_box > .box:nth-of-type(4) {
    background-image: url(../img/customerservicebox4.png);
}
.main_box > .box > .cover {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 1s;
}
.main_box > .box > .cover > .center {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.main_box > .box > .cover > .center > span:nth-child(1) {
    display: block;
    font-size: 0.27rem;
     
    font-weight: bold;
    line-height: 0.12rem;
}
.main_box > .box > .cover > .center > span:nth-child(2) {
    display: block;
    margin-top: 0.18rem;
    font-size: 0.15rem;
     
    font-weight: 400;
}
.main_box > .box > .cover > .bot {
    font-size: 0.18rem;
    font-family: Arial;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
}
.main_box > .box > .slide {
    width: 0rem;
    height: 100%;
    background-color: rgba(234, 34, 45, 0.8);
    position: absolute;
    top: 0;
    transition: all 0.5s;
    overflow: hidden;
}
.main_box > .box > .slide > p:nth-of-type(1) {
    width: 100%;
    margin-left: 0.3675rem;
    margin-top: 0.48rem;
    text-align: left;
    font-size: 0.27rem;
     
    font-weight: bold;
    line-height: 0.12rem;
    opacity: 0;
    /* animation: show 0.5s 0.5s forwards; */
    /* animation-play-state: paused; */
}
.main_box > .box > .slide > p:nth-of-type(2) {
    width: 2.5rem;
    margin-left: 0.3675rem;
    margin-top: 0.285rem;
    text-align: left;
    font-size: 0.135rem;
     
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.255rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    opacity: 0;
    /* animation: show 0.5s 0.5s forwards; */
    /* animation-play-state: paused; */
}
@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.main_box > .box:hover .cover {
    opacity: 0;
}
.main_box > .box:hover .slide {
    /* left: 0; */
    width: 3.3975rem;
}
.main_box > .box:hover .slide > p {
    /* animation-play-state: running; */
    animation: show 0.5s 0.4s forwards;
}
.phone_father {
    width: 100%;
    position: relative;
    background-color: #fff;
    z-index: 3;
}
.phone_customer {
    width: 100%;
    height: 4.53rem;
    background-color: #fff;
    display: flex;
}
.phone_customer > .left,
.phone_customer > .right {
    width: 50%;
    height: 4.53rem;
    flex-shrink: 0;
    overflow: hidden;
}
.phone_customer > .left > img {
    width: 100%;
    transition: all 1s;
}
.phone_customer > .left:hover img {
    transform: scale(1.1);
}
.phone_customer > .right {
    padding: 0.55rem 0.99rem;
    padding-right: 1.95rem;
    box-sizing: border-box;
}
.phone_customer > .right > .right_top {
    width: 100%;
}
.phone_customer > .right > .right_top > p:nth-of-type(1) {
    font-size: 0.315rem;
     
    font-weight: bold;
    color: #333333;
}
.phone_customer > .right > .right_top > p:nth-of-type(2) {
    margin-top: 0.3375rem;
    font-size: 0.1275rem;
    padding-bottom: 0.2rem;
     
    font-weight: 400;
    line-height: 0.285rem;
    color: #333333;
    border-bottom: 1px solid #eeeeee;
}
.phone_customer > .right > p {
    margin-top: 0.3975rem;
    height: 0.15rem;
    font-size: 0.135rem;
     
    font-weight: 400;
    color: #333333;
    padding-left: 0.075rem;
    border-left: 0.0375rem solid #EA222D;
}
.phone_customer > .right > div:last-of-type {
    margin-top: 0.12rem;
    font-size: 0.24rem;
    font-family: Arial;
    font-weight: bold;
    color: #333333;
}
.phone_customer > .right > div:last-of-type > span {
    color: #EA222D;
}
/* 淇敼 */
.all-content {
    width: 100%;
    position: relative;
    z-index: 4;
    background-color: #fff;
    /* overflow: hidden; */
}
.all-content .content-title {
    margin-left: 13.5%;
    padding-top: 0.81rem;
    margin-bottom: 0.5475rem;
}
.all-content .content-title .title {
    padding-left: 0.15rem;
    height: 0.3rem;
    border-left: 0.045rem solid #EA222D;
    font-size: 0.315rem;
    line-height: 0.315rem;
    font-weight: bold;
    color: #000000;
}
.all-content .culture-box {
    width: 10.5002rem;
    height: 3.6751rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.all-content .culture-box .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
}
.all-content .culture-box:hover .img {
    transform: scale(1.05);
}
.all-content .culture-box .culture-text {
    padding-left: 0.6975rem;
    position: relative;
}
.all-content .culture-box .culture-text .top {
    margin-top: 0.81rem;
    font-size: 0.18rem;
    line-height: 0.18rem;
    font-weight: 400;
    color: #FFFFFF;
}
.all-content .culture-box .culture-text .mid {
    margin-top: 0.2775rem;
    font-size: 0.42rem;
    line-height: 0.42rem;
    font-weight: bold;
    color: #FFFFFF;
}
.all-content .culture-box .culture-text .white-line {
    margin-top: 1.035rem;
    width: 0.375rem;
    height: 2px;
    background-color: #FFFFFF;
}
.all-content .culture-box .culture-text .bot {
    margin-top: 0.185rem;
    font-size: 0.2175rem;
    line-height: 0.2175rem;
    font-family: DIN;
    font-weight: bold;
    color: #D0D1D1;
    opacity: 0.3;
}
.all-content .apply {
    width: 100%;
    height: 7.0502rem;
    position: relative;
    overflow: hidden;
}
.all-content .apply .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}
.all-content .apply .title {
    margin-top: 0.9075rem;
    margin-left: 13.5%;
    padding-left: 0.15rem;
    height: 0.3rem;
    border-left: 0.045rem solid #ea222d;
    font-size: 0.315rem;
    line-height: 0.315rem;
    font-weight: bold;
    color: #000000;
    position: relative;
}
.all-content .apply .left {
    position: absolute;
    top: 1.935rem;
    left: 2.1rem;
}
.all-content .apply .left .intro-top p {
    font-size: 0.39rem;
    line-height: 0.39rem;
    font-weight: bold;
    color: #EA222D;
    line-height: 0.525rem;
}
.all-content .apply .left .intro-bot p {
    font-size: 0.15rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.27rem;
}
.all-content .apply .left .bot-img {
    margin-top: 0.5325rem;
}
.all-content .apply .left .bot-img div {
    display: inline-block;
}
.all-content .apply .left .bot-img div:nth-of-type(2) {
    margin-left: 0.9rem;
}
.all-content .apply .left .bot-img div img {
    width: 1.05rem;
    height: 1.05rem;
    background: #FFFFFF;
    box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.26);
    border-radius: 0.1125rem;
}
.all-content .apply .left .bot-img div .version {
    margin-top: 0.2775rem;
    font-size: 0.18rem;
    line-height: 0.18rem;
    font-weight: bold;
    color: #EA222D;
}
.all-content .apply .left .bot-img div .search {
    margin-top: 0.18rem;
    font-size: 0.135rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.2325rem;
}
.all-content .apply .right {
    width: 2.445rem;
    position: absolute;
    top: 1.3125rem;
    right: 2.22rem;
}
.all-content .apply .right img {
    width: 2.445rem;
}
.all-content .life-box {
    width: 100%;
    height: 7.0502rem;
    position: relative;
    text-align: center;
}
.all-content .life-box .img {
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}
.all-content .life-box .title {
    display: inline-block;
    padding-left: 0.15rem;
    height: 0.3rem;
    border-left: 0.045rem solid #ea222d;
    font-size: 0.315rem;
    line-height: 0.315rem;
    font-weight: bold;
    color: #fff;
    position: relative;
    top: 1.5rem;
}
.all-content .life-box .content {
    margin: 0 auto;
    width: 10.5002rem;
    position: relative;
    top: 3.9rem;
    display: flex;
    justify-content: space-between;
}
.all-content .life-box .content .text-box {
    color: #fff;
    text-align: left;
}
.all-content .life-box .content .text-box .box-top .left {
    font-size: 0.525rem;
    line-height: 0.525rem;
    font-family: DIN;
    font-weight: bold;
    color: #ea222d;
}
.all-content .life-box .content .text-box .box-top .right {
    font-size: 0.27rem;
    line-height: 0.27rem;
    font-weight: bold;
    color: #FFFFFF;
}
.all-content .life-box .content .text-box .intro {
    margin-top: 0.21rem;
}
.all-content .life-box .content .text-box .intro p {
    text-align: justify;
    font-size: 0.12rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.225rem;
}
.all-content .life-box .content .text-box:nth-of-type(1) {
    width: 2.94rem;
}
.all-content .life-box .content .text-box:nth-of-type(2) {
    width: 2.0325rem;
}
.all-content .life-box .content .text-box:nth-of-type(3) {
    width: 2.5575rem;
}
.all-content .accordion {
    width: 100%;
    height: 6.00002rem;
    overflow: hidden;
}
.all-content .accordion .box {
    width: 100%;
    height: 100%;
    position: relative;
}
.all-content .accordion .box .digitizing {
    width: 25.2%;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.all-content .accordion .box .digitizing a {
    width: 100%;
    height: 100%;
    display: block;
}
.all-content .accordion .box .digitizing a .img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.all-content .accordion .box .digitizing a .img img {
    position: absolute;
    height: 100%;
    top: 0;
    left: -200px;
    right: -200px;
    margin: auto;
}
.all-content .accordion .box .digitizing a .bg {
    width: 102%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    transition: 0.5s;
}
.all-content .accordion .box .digitizing a .number {
    width: 100%;
    font-family: "DIN-Bold";
    font-size: 0.42rem;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #f0f0f0;
    position: absolute;
    top: 1.5rem;
    left: 0;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}
.all-content .accordion .box .digitizing a .line {
    width: 1px;
    height: 0;
    background-color: #f0f0f0;
    position: absolute;
    top: 2.3rem;
    left: 50%;
    z-index: 2;
    transition: 0.5s;
}
.all-content .accordion .box .digitizing a .title {
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #ffffff;
    position: absolute;
    top: 2.73751rem;
    left: 0;
    text-align: center;
    z-index: 2;
}
.all-content .accordion .box .digitizing a .en {
    width: 100%;
    font-family: "Arial";
    font-size: 0.12rem;
    line-height: 0.12rem;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 3.33001rem;
    left: 0;
    z-index: 2;
}
.all-content .accordion .box .digitizing a .button {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    position: absolute;
    top: 3.5rem;
    left: calc(50% - 0.15rem);
    z-index: 2;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 0.5s;
}
.all-content .accordion .box .digitizing a .button img {
    display: block;
    width: 0.0525rem;
    height: 0.105rem;
    margin: 0 auto;
    padding-top: 0.0975rem;
}
.all-content .accordion .box .digitizing a:hover .bg {
    background-color: rgba(232, 65, 39, 0.9);
}
.all-content .accordion .box .digitizing a:hover .number {
    opacity: 1;
    top: 1.125rem;
}
.all-content .accordion .box .digitizing a:hover .line {
    height: 0.405rem;
    top: 1.815rem;
}
.all-content .accordion .box .digitizing a:hover .button {
    top: 3.84001rem;
    opacity: 1;
}
.all-content .accordion .box .intelligent {
    width: 25.2%;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    left: 25%;
    z-index: 2;
}
.all-content .accordion .box .intelligent a {
    width: 100%;
    height: 100%;
    display: block;
}
.all-content .accordion .box .intelligent a .img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.all-content .accordion .box .intelligent a .img img {
    position: absolute;
    height: 100%;
    top: 0;
    left: -200px;
    right: -200px;
    margin: auto;
}
.all-content .accordion .box .intelligent a .bg {
    width: 102%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    transition: 0.5s;
}
.all-content .accordion .box .intelligent a .number {
    width: 100%;
    font-family: "DIN-Bold";
    font-size: 0.42rem;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #f0f0f0;
    position: absolute;
    top: 1.5rem;
    left: 0;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}
.all-content .accordion .box .intelligent a .line {
    width: 1px;
    height: 0;
    background-color: #f0f0f0;
    position: absolute;
    top: 2.3rem;
    left: 50%;
    z-index: 2;
    transition: 0.5s;
}
.all-content .accordion .box .intelligent a .title {
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #ffffff;
    position: absolute;
    top: 2.73751rem;
    left: 0;
    text-align: center;
    z-index: 2;
}
.all-content .accordion .box .intelligent a .en {
    width: 100%;
    font-family: "Arial";
    font-size: 0.12rem;
    line-height: 0.12rem;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 3.33001rem;
    left: 0;
    z-index: 2;
}
.all-content .accordion .box .intelligent a .button {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    position: absolute;
    top: 3.5rem;
    left: calc(50% - 0.15rem);
    z-index: 2;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 0.5s;
}
.all-content .accordion .box .intelligent a .button img {
    display: block;
    width: 0.0525rem;
    height: 0.105rem;
    margin: 0 auto;
    padding-top: 0.0975rem;
}
.all-content .accordion .box .intelligent a:hover .bg {
    background-color: rgba(232, 65, 39, 0.9);
}
.all-content .accordion .box .intelligent a:hover .number {
    opacity: 1;
    top: 1.125rem;
}
.all-content .accordion .box .intelligent a:hover .line {
    height: 0.405rem;
    top: 1.815rem;
}
.all-content .accordion .box .intelligent a:hover .button {
    top: 3.84001rem;
    opacity: 1;
}
.all-content .accordion .box .globalization {
    width: 25.2%;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 3;
}
.all-content .accordion .box .globalization a {
    width: 100%;
    height: 100%;
    display: block;
}
.all-content .accordion .box .globalization a .img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.all-content .accordion .box .globalization a .img img {
    position: absolute;
    height: 100%;
    top: 0;
    left: -200px;
    right: -200px;
    margin: auto;
}
.all-content .accordion .box .globalization a .bg {
    width: 102%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    transition: 0.5s;
}
.all-content .accordion .box .globalization a .number {
    width: 100%;
    font-family: "DIN-Bold";
    font-size: 0.42rem;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #f0f0f0;
    position: absolute;
    top: 1.5rem;
    left: 0;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}
.all-content .accordion .box .globalization a .line {
    width: 1px;
    height: 0;
    background-color: #f0f0f0;
    position: absolute;
    top: 2.3rem;
    left: 50%;
    z-index: 2;
    transition: 0.5s;
}
.all-content .accordion .box .globalization a .title {
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #ffffff;
    position: absolute;
    top: 2.73751rem;
    left: 0;
    text-align: center;
    z-index: 2;
}
.all-content .accordion .box .globalization a .en {
    width: 100%;
    font-family: "Arial";
    font-size: 0.12rem;
    line-height: 0.12rem;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 3.33001rem;
    left: 0;
    z-index: 2;
}
.all-content .accordion .box .globalization a .button {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    position: absolute;
    top: 3.5rem;
    left: calc(50% - 0.15rem);
    z-index: 2;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 0.5s;
}
.all-content .accordion .box .globalization a .button img {
    display: block;
    width: 0.0525rem;
    height: 0.105rem;
    margin: 0 auto;
    padding-top: 0.0975rem;
}
.all-content .accordion .box .globalization a:hover .bg {
    background-color: rgba(232, 65, 39, 0.9);
}
.all-content .accordion .box .globalization a:hover .number {
    opacity: 1;
    top: 1.125rem;
}
.all-content .accordion .box .globalization a:hover .line {
    height: 0.405rem;
    top: 1.815rem;
}
.all-content .accordion .box .globalization a:hover .button {
    top: 3.84001rem;
    opacity: 1;
}
.all-content .accordion .box .green {
    width: 25.2%;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    left: 75%;
    z-index: 4;
}
.all-content .accordion .box .green a {
    width: 100%;
    height: 100%;
    display: block;
}
.all-content .accordion .box .green a .img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.all-content .accordion .box .green a .img img {
    position: absolute;
    height: 100%;
    top: 0;
    left: -200px;
    right: -200px;
    margin: auto;
}
.all-content .accordion .box .green a .bg {
    width: 102%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    transition: 0.5s;
}
.all-content .accordion .box .green a .number {
    width: 100%;
    font-family: "DIN-Bold";
    font-size: 0.42rem;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #f0f0f0;
    position: absolute;
    top: 1.5rem;
    left: 0;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: 0.5s;
}
.all-content .accordion .box .green a .line {
    width: 1px;
    height: 0;
    background-color: #f0f0f0;
    position: absolute;
    top: 2.3rem;
    left: 50%;
    z-index: 2;
    transition: 0.5s;
}
.all-content .accordion .box .green a .title {
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    line-height: 0.42rem;
    letter-spacing: -0.015rem;
    color: #ffffff;
    position: absolute;
    top: 2.73751rem;
    left: 0;
    text-align: center;
    z-index: 2;
}
.all-content .accordion .box .green a .en {
    width: 100%;
    font-family: "Arial";
    font-size: 0.12rem;
    line-height: 0.12rem;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 3.33001rem;
    left: 0;
    z-index: 2;
}
.all-content .accordion .box .green a .button {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    position: absolute;
    top: 3.5rem;
    left: calc(50% - 0.15rem);
    z-index: 2;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 0.5s;
}
.all-content .accordion .box .green a .button img {
    display: block;
    width: 0.0525rem;
    height: 0.105rem;
    margin: 0 auto;
    padding-top: 0.0975rem;
}
.all-content .accordion .box .green a:hover .bg {
    background-color: rgba(232, 65, 39, 0.9);
}
.all-content .accordion .box .green a:hover .number {
    opacity: 1;
    top: 1.125rem;
}
.all-content .accordion .box .green a:hover .line {
    height: 0.405rem;
    top: 1.815rem;
}
.all-content .accordion .box .green a:hover .button {
    top: 3.84001rem;
    opacity: 1;
}
.m-area {
    display: none;
}
.main_father {
    width: 100%;
    position: relative;
    background-color: #fff;
    z-index: 3;
}
.main_father .intro {
    width: 10.5002rem;
    margin: auto;
    padding-top: 0.7425rem;
    display: flex;
    justify-content: space-between;
}
.introl {
    width: 5.9851rem;
    padding-bottom: 0.9075rem;
}
.introl .title {
    margin-top: 0.03rem;
    font-size: 0.315rem;
    line-height: 0.3rem;
     
    font-weight: bold;
    color: #333333;
}
.introl .content {
    width: 100%;
    margin-top: 0.375rem;
    padding-bottom: 0.5775rem;
    padding-right: 0.2775rem;
    border-bottom: 1px solid #EEEEEE;
}
.introl .content p {
    font-size: 0.1275rem;
     
    font-weight: 400;
    color: #333333;
    line-height: 0.285rem;
    text-align: justify;
}
.introl .introl_bot {
    margin-top: 0.27rem;
}
.introl .introl_bot p:nth-child(1) {
    font-size: 0.15rem;
     
    font-weight: bold;
    color: #A8A8A8;
}
.introl .introl_bot p:nth-child(2) {
    margin-top: 0.135rem;
    padding-left: 0.135rem;
    border-left: 0.0375rem solid #EA222D;
    font-size: 0.18rem;
    line-height: 0.18rem;
    font-family: Arial;
    font-weight: bold;
    color: #A8A8A8;
}
.intror {
    flex-shrink: 0;
    width: 4.0201rem;
    height: 4.5751rem;
    overflow: hidden;
}
.intror > img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 1s;
}
.intror:hover img {
    transform: scale(1.1);
}
@media screen and (max-width: 1020px) {
    .all-content .content-title {
        margin-left: 5%;
        padding-top: 0.66rem;
        margin-bottom: 0.4875rem;
    }
    .all-content .content-title .title {
        padding-left: 0.15rem;
        height: 0.4rem;
        border-left: 0.045rem solid #ea4027;
        font-size: 0.42rem;
        line-height: 0.42rem;
        font-weight: bold;
        color: #000000;
    }
    .all-content .culture-box {
        width: 100%;
        height: 3.6751rem;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    .all-content .culture-box .culture-text .top {
        margin-top: 0.81rem;
        font-size: 0.28rem;
        line-height: 0.28rem;
        font-weight: 400;
        color: #FFFFFF;
    }
    .all-content .culture-box .culture-text .bot {
        margin-top: 0.185rem;
        font-size: 0.2175rem;
        line-height: 0.2175rem;
        font-family: DIN-BOLD;
        font-weight: bold;
        color: #D0D1D1;
        opacity: 0.3;
    }
    .all-content .apply {
        width: 100%;
        height: 14rem;
        position: relative;
        overflow: hidden;
    }
    .all-content .apply .title {
        margin-top: 0.9075rem;
        margin-left: 5%;
        padding-left: 0.15rem;
        height: 0.4rem;
        border-left: 0.045rem solid #ea4027;
        font-size: 0.42rem;
        line-height: 0.42rem;
        font-weight: bold;
        color: #000000;
        position: relative;
    }
    .all-content .apply .left {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: 0.5rem;
        left: 0rem;
    }
    .all-content .apply .left .intro-bot {
        margin-top: 0.1rem;
    }
    .all-content .apply .left .intro-bot p {
        font-size: 0.25rem;
        font-weight: 400;
        color: #000000;
        line-height: 0.4rem;
    }
    .all-content .apply .left .bot-img {
        width: 100%;
        margin-top: 5.8rem;
    }
    .all-content .apply .left .bot-img div:nth-of-type(2) {
        margin-left: 0rem;
    }
    .all-content .apply .left .bot-img div {
        display: inline-block;
        vertical-align: top;
        width: 48%;
    }
    .all-content .apply .left .bot-img div img {
        width: 1.5rem;
        height: 1.5rem;
        background: #FFFFFF;
        box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.26);
        border-radius: 0.1125rem;
    }
    .all-content .apply .left .bot-img div .version {
        margin-top: 0.2775rem;
        font-size: 0.35rem;
        line-height: 0.35rem;
        font-weight: bold;
        color: #EA4027;
    }
    .all-content .apply .left .bot-img div .search {
        width: 100%;
        margin-top: 0.18rem;
        font-size: 0.25rem;
        font-weight: 400;
        color: #000000;
        line-height: 0.4rem;
    }
    .all-content .apply .right {
        width: 100%;
        position: absolute;
        top: 4rem;
        left: 0;
    }
    .all-content .apply .right img {
        display: block;
        margin: 0 auto;
    }
    .all-content .life-box {
        width: 100%;
        height: 9rem;
        position: relative;
        text-align: center;
    }
    .all-content .life-box .title {
        margin-top: 0.84rem;
        margin-left: 5%;
        padding-left: 0.15rem;
        height: 0.4rem;
        border-left: 0.045rem solid #ea4027;
        font-size: 0.42rem;
        line-height: 0.42rem;
        font-weight: bold;
        color: #fff;
        position: relative;
        top: 0rem;
    }
    .all-content .life-box .img {
        width: 100%;
        height: 100%;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: 0;
        left: 0;
    }
    .all-content .life-box .content {
        margin: 0 auto;
        margin-top: 0.5rem;
        width: 90%;
        position: relative;
        top: 0rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        align-content: flex-start;
    }
    .all-content .life-box .content .text-box:nth-of-type(1),
    .all-content .life-box .content .text-box:nth-of-type(2),
    .all-content .life-box .content .text-box:nth-of-type(3) {
        margin-bottom: 0.5rem;
        width: 5rem;
    }
    .all-content .life-box .content .text-box .box-top .left {
        font-size: 0.525rem;
        line-height: 0.525rem;
        font-family: DIN-bold;
        font-weight: bold;
        color: #E84127;
    }
    .all-content .life-box .content .text-box .box-top .right {
        font-size: 0.35rem;
        line-height: 0.35rem;
        font-weight: bold;
        color: #FFFFFF;
    }
    .all-content .life-box .content .text-box .intro p {
        text-align: justify;
        font-size: 0.22rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.35rem;
    }
    .m-area {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .m-area li {
        flex-shrink: 0;
        width: 50%;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        font-size: 0.28rem;
        background-color: #f8f8f8;
        transition: all 0.5s;
    }
    .m-area .areaActive {
        background-color: #EA4027;
        color: #fff;
    }
    .all-content .accordion .box .digitizing {
        width: 25.2%;
        left: 0;
    }
    .all-content .accordion .box .digitizing a .bg {
        left: -0.5px;
    }
    .all-content .accordion .box .digitizing a .en {
        font-size: 0.16rem;
        line-height: 0.16rem;
    }
    .all-content .accordion .box .intelligent {
        width: 25.2%;
        left: 25%;
    }
    .all-content .accordion .box .intelligent a .bg {
        left: -0.5px;
    }
    .all-content .accordion .box .intelligent a .en {
        font-size: 0.16rem;
        line-height: 0.16rem;
    }
    .all-content .accordion .box .globalization {
        width: 25.2%;
        left: 50%;
    }
    .all-content .accordion .box .globalization a .bg {
        left: -0.5px;
    }
    .all-content .accordion .box .globalization a .en {
        font-size: 0.16rem;
        line-height: 0.16rem;
    }
    .all-content .accordion .box .green {
        width: 25.2%;
        left: 75%;
    }
    .all-content .accordion .box .green a .bg {
        left: -0.5px;
    }
    .all-content .accordion .box .green a .en {
        font-size: 0.16rem;
        line-height: 0.16rem;
    }
}
@media screen and (max-width:1024px) {
    .in_banner > img {
        position: absolute;
        left: -245%;
    }
    .nav {
        width: 100%;
        height: 1.5rem;
    }
    .nav_father > .nav nav {
        width: 90%;
        height: 1.5rem;
        line-height: 1.5rem;
        margin: 0 auto;
    }
    .nav_father > .nav nav ul li {
        font-size: 0.25rem;
    }
    .select {
        margin-top: 0.3975rem;
        padding-bottom: 0.2rem;
        width: 90%;
        height: 0.345rem;
        margin: auto;
        border-bottom: 1px solid #eee;
        text-align: center;
    }
    .select .select_top li {
        display: inline-block;
        padding: 0 0.1125rem;
        font-size: 0.3rem;
         
        font-weight: 400;
        color: #A8A8A8;
        cursor: pointer;
        transition: all 0.5s;
    }
    .select .select_top li span {
        display: block;
        height: 0.2rem;
        width: 0.0375rem;
        margin: auto;
        margin-top: 0.05rem;
        transition: all 0.5s;
    }
    .main {
        width: 90%;
        margin: auto;
        padding-top: 0.975rem;
        text-align: center;
    }
    .main .main_top > .title {
        font-size: 0.4rem;
         
        font-weight: bold;
        color: #333333;
        line-height: 0.4rem;
        margin-bottom: 0.4575rem;
    }
    .main .main_top > .content {
        font-size: 0.26rem;
         
        font-weight: 400;
        color: #333333;
        line-height: 0.33rem;
    }
    .main_box {
        width: 100%;
        margin-top: 1.005rem;
        padding-bottom: 1.0575rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .main_box > .box {
        flex-shrink: 0;
        width: 100%;
        height: 3.5rem;
        margin-bottom: 0.3675rem;
        display: inline-block;
        overflow: hidden;
        position: relative;
        color: #FFFFFF;
        transition: all 1s;
    }
    .main_box > .box > .cover > .center > span:nth-child(1) {
        display: block;
        font-size: 0.35rem;
         
        font-weight: bold;
        line-height: 0.35rem;
    }
    .main_box > .box > .cover > .center > span:nth-child(2) {
        display: block;
        margin-top: 0.25rem;
        font-size: 0.25rem;
         
        font-weight: 400;
    }
    .main_box > .box > .cover > .bot {
        font-size: 0.3rem;
        font-family: Arial;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.2);
        position: absolute;
        right: 0.3rem;
        bottom: 0.3rem;
    }
    .main_box > .box > .slide > p:nth-of-type(1) {
        text-align: left;
        font-size: 0.35rem;
         
        font-weight: bold;
        line-height: 0.35rem;
    }
    .main_box > .box > .slide > p:nth-of-type(2) {
        margin-top: 0.285rem;
        text-align: left;
        font-size: 0.2rem;
         
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.3rem;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
    }
    .phone_customer {
        width: 100%;
        height: 10rem;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
    }
    .phone_customer > .left,
    .phone_customer > .right {
        width: 100%;
        height: 4.5rem;
        flex-shrink: 0;
        overflow: hidden;
    }
    .phone_customer > .right {
        width: 90%;
        margin: auto;
        padding: 0;
        box-sizing: border-box;
    }
    .phone_customer > .right > .right_top > p:nth-of-type(1) {
        font-size: 0.35rem;
         
        font-weight: bold;
        color: #333333;
    }
    .phone_customer > .right > .right_top > p:nth-of-type(2) {
        margin-top: 0.3375rem;
        font-size: 0.22rem;
        line-height: 0.3rem;
         
        font-weight: 400;
        color: #333333;
    }
    .phone_customer > .right > p {
        margin-top: 0.3975rem;
        height: 0.26rem;
        font-size: 0.26rem;
        line-height: 0.26rem;
         
        font-weight: 400;
        color: #333333;
        padding-left: 0.075rem;
        border-left: 0.0375rem solid #EA222D;
    }
    .phone_customer > .right > div:last-of-type {
        margin-top: 0.3rem;
        font-size: 0.35rem;
        font-family: Arial;
        font-weight: bold;
        color: #333333;
    }
    .main_father .intro {
        width: 90%;
        margin: auto;
        padding-top: 0.7425rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .introl {
        width: 100%;
        padding-bottom: 0.9075 rem;
    }
    .introl .title {
        margin-top: 0.03rem;
        font-size: 0.35rem;
        line-height: 0.3rem;
         
        font-weight: bold;
        color: #333333;
    }
    .introl .content {
        padding-right: 0;
        width: 100%;
        margin-top: 0.4rem;
        padding-bottom: 0.5775rem;
        border-bottom: 1px solid #EEEEEE;
    }
    .introl .content p {
        font-size: 0.24rem;
         
        font-weight: 400;
        color: #333333;
        line-height: 0.38rem;
    }
    .introl .introl_bot p:nth-child(1) {
        font-size: 0.22rem;
         
        font-weight: bold;
        color: #A8A8A8;
    }
    .introl .introl_bot p:nth-child(2) {
        margin-top: 0.2rem;
        padding-left: 0.135rem;
        border-left: 0.0375rem solid #EA222D;
        font-size: 0.22rem;
        line-height: 0.22rem;
        font-family: Arial;
        font-weight: bold;
        color: #A8A8A8;
    }
    .intror {
        flex-shrink: 0;
        width: 100%;
        height: 7.5rem;
        overflow: hidden;
        margin-bottom: 0.9075rem;
    }
}