* {

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



ul,

ol {

    list-style: none;

}



h3,

.h3 {

    font-size: 14px;

}



.lookdet {

    width: 100%;

    display: flex;

    justify-content: flex-end;

    margin-top: 20px;

    align-items: center;

}



.lookdet .lookdetbtn {

    padding: 8px 18px;

    background: #FFF;

    color: #2278ee;

    font-size: 14px;

    border-radius: 10px;

}



.nav-active {

    background-image: linear-gradient(0deg, #ddddeb 0%, #ffffff 100%);

}



.nav-item:hover {

    background-image: linear-gradient(0deg, #ddddeb 0%, #ffffff 100%);

}



.nav-link:hover {

    color: rgba(31, 45, 61, .6) !important;

}



.banner img {

    width: 100%;

}



.serve {

    padding: 85px 0 70px;

    background-color: #ddebff;

}



.serve .title {

    text-align: center;

}



.serve .title h3 {

    color: #00004c;

    font-size: 34px;

}



.serve .title p {

    font-size: 20px;

    color: #40436a;

}



.serve .numberroll {

    border-radius: 10px;

    background-color: #ffffff;

    margin: 73px auto 0;

    width: 1435px;

    height: 111px;

    align-items: center;

    display: flex;

    justify-content: space-evenly;

}



.serve .numberroll .item {

    text-align: center;

    width: 25%;

}



.serve .numberroll .item p:nth-of-type(1) {

    font-size: 32px;

    font-weight: bold;

    color: #2c7ef8;

}



.serve .numberroll .item p:nth-of-type(2) {

    margin-bottom: 0;

    font-size: 16px;

    color: #5c64ac;

}



.serve .numberroll .item p span:nth-of-type(2) {

    font-size: 20px;

}



.serve .person {

    width: 1435px;

    margin: 20px auto 0;

    display: flex;

    justify-content: space-between;

}



.serve .person .item {

    background-color: #ffffff;

    width: 700px;

    border-radius: 10px;

    padding: 54px 31px 53px;

    position: relative;

    display: flex;

    flex-wrap: wrap;

}



.serve .person .item:nth-of-type(2) {

    justify-content: flex-end;

}



.serve .person .item .little-title {

    display: flex;

}



.serve .person .item .little-title h5 {

    font-size: 34px;

    font-weight: bold;

}



.serve .person .item .little-title img {

    width: 58px;

    margin-right: 18px;

}



.serve .person .item1 .little-title h5 {

    background-image: linear-gradient(60deg, #0041f0, #00ccff);

    -webkit-background-clip: text;

    color: transparent;

}



.serve .person .item2 .little-title h5 {

    background-image: linear-gradient(60deg, #f06600, #feba36);

    -webkit-background-clip: text;

    color: transparent;

}



.serve .person .item .women {

    position: absolute;

    right: 0;

    bottom: 0;

}



.serve .person .item .men {

    position: absolute;

    left: 0;

    bottom: 0;

}



.serve .person .item .tab-content {

    padding: 0;

    margin-top: 50px;

}



.serve .person .item .tab-content li {

    display: flex;

    align-items: center;

}



.serve .person .item .tab-content li:nth-of-type(2) {

    margin-top: 82px;

}



.serve .person .item .tab-content li p {

    width: 246px;

    font-size: 16px;

}



.serve .person .item1 .tab-content li p:nth-of-type(1) {

    color: #2e67d1;

}



.serve .person .item2 .tab-content li p:nth-of-type(1) {

    color: #fe8b10;

}



.serve .person .item .tab-content li p:nth-of-type(2) {

    color: #666666;

}



.serve .person .item .tab-content .percentage {

    background-repeat: no-repeat;

    font-size: 20px;

    font-weight: bold;

    margin-right: 22px;

    width: 106px;

    height: 106px;

    background-size: 100% 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.serve .person .item1 .tab-content .percentage {

    background-image: url('../img/product_service/icon(83).png');

    color: #0074f5;

}



.serve .person .item2 .tab-content .percentage {

    background-image: url('../img/product_service/icon(70).png');

    color: #f27107;

}



.process {

    padding: 85px 0 70px;

    background-color: #f7f7ff;

}



.process .title {

    text-align: center;

}



.process .title h3 {

    color: #00004c;

    font-size: 34px;

}



.process .title p {

    font-size: 20px;

    color: #40436a;

}



.process .tabcard {

    width: 1435px;

    margin: 118px auto 0;

    padding: 0;

    display: flex;

    justify-content: space-between;

}



.process .tabcard .item {

    width: 272px;

    height: 350px;

    padding-top: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-evenly;

    align-items: center;

    border-radius: 10px;

    border: solid 1px #e3e3f8;

    background-color: #ffffff;

    position: relative;

}



.process .tabcard .item img {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translate(-50%, -50%);

}



.process .tabcard .item h6 {

    font-size: 20px;

    font-weight: bold;

    color: #2c7ef8;

    text-align: center;

    position: relative;

}



.process .tabcard .item h6::after {

    position: absolute;

    bottom: -20px;

    left: 50%;

    transform: translateX(-50%);

    content: "";

    width: 38px;

    height: 3px;

    background-color: #ffc321;

    border-radius: 2px;

}



.process .tabcard .item:hover h6 {

    color: #ffffff;

}



.process .tabcard .item p {

    width: 192px;

    font-size: 16px;

    color: #666666;

    text-align: center;

}



.process .tabcard .item p:nth-of-type(1) {

    padding-top: 20px;

}



.process .tabcard .item:hover p {

    color: #ffffff;

}



.process .tabcard .item:hover {

    background-image: linear-gradient(-45deg,

            #94d1ff 0%,

            #4189f7 100%);

    border: solid 1px #60a7fd;

}



.process .tabcard .item .number {

    text-align: center;

    font-size: 80px;

    color: #dedede;

}



.process .tabcard .item:hover .number {

    color: #fedda3;

}



.advantages {

    padding: 85px 0 70px;

    background-color: #ddebff;

}



.advantages .title {

    text-align: center;

}



.advantages .title h3 {

    color: #00004c;

    font-size: 34px;

}



.advantages .title p {

    font-size: 20px;

    color: #40436a;

}



.advantages .content {

    width: 1435px;

    margin: 75px auto 0;

    display: flex;

    justify-content: space-between;

    align-items: space-between;

}



.advantages .content .left {

    background-image: url('../img/product_service/img3.png');

    background-repeat: no-repeat;

    width: 632px;

    height: 558px;

    background-size: 100% 100%;

    padding: 45px 49px;

    border-radius: 10px;

}



.advantages .content h5 {

    font-size: 24px;

    font-weight: normal;

    color: #333333;

}



.advantages .content p {

    font-size: 16px;

    color: #333333;

}



.advantages .content .right {

    padding: 0;

    width: 780px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-content: space-between;

    margin-bottom: 0;

}



.advantages .content .right .item {

    background-color: #ffffff;

    width: 380px;

    height: 268px;

    background-color: #ffffff;

    border-radius: 10px;

    border: solid 1px #b9c3e6;

    padding: 45px 17px 45px 20px;

    position: relative;
    overflow: hidden;

}



.advantages .content .right .item p {

    color: #999999;

}



.advantages .content .right .item img {

    position: absolute;

    right: 0;

    bottom: 0;

}

.advantages .content .right .item:hover img {
    transform: scale(1.5);
}


.cloud_product {

    padding: 85px 0 70px;

    background-color: #f7f7ff;

}



.cloud_product .title {

    text-align: center;

}



.cloud_product .title h3 {

    color: #00004c;

    font-size: 34px;

}



.cloud_product .title p {

    font-size: 20px;

    color: #40436a;

}



.section03 {

    margin-top: 100px;

}



.company {

    padding: 85px 0 70px;

    background-color: #ddebff;

}



.company .title {

    text-align: center;

}



.company .title h3 {

    color: #00004c;

    font-size: 34px;

}



.company .title p {

    font-size: 20px;

    color: #40436a;

}



.company .content {

    padding: 0;

    width: 1435px;

    margin: 103px auto 0;

    display: flex;

    justify-content: space-between;

}



.company .content .item {

    width: 700px;

    height: 512px;

    background-color: #ffffff;

    border-radius: 25px;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 51px 61px;

}



.company .content .item:nth-of-type(1) {

    background-image: url('../img/product_service/img8.png');

}



.company .content .item:nth-of-type(2) {

    background-image: url('../img/product_service/img9.png');

}



.company .content .item h4 {

    font-weight: bold;

    font-size: 34px;

    color: #333333;

}



.company .content .item .s_block {

    margin-top: 40px;

}



.company .content .item .s_block h6 {

    font-size: 16px;

    font-weight: bold;

    color: #2c7ef8;

}



.company .content .item .s_block h6 span {

    color: #333333;

}



.company .content .item .s_block p {

    font-size: 16px;

    color: #666666;

}