.xero-background {
    max-width: 1220px;
    margin: 0 auto;
}

.btns {
    font-size: 16px;
}

.btns .video-introduction {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    border-radius: 19px;
    color: #2a3434;
    font-weight: bold;
    background-color: #fff;
    padding: 0 25px;
    cursor: pointer;

}

.xero-data-content .btns .consult-ow {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    border-radius: 19px;
    color: #343434;
    font-weight: bold;
    background-color: #50DCAA;
    padding: 0 25px;
    cursor: pointer;
    margin-right: 24px;
}

/*第一部分图片区域 begin*/
.banner {
    width: 100%;
    background-image: url('/img/xero/xero_1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    background-color: #01B3DF;
}

.xero-background-box {
    max-width: 1360px;
    margin: 0 auto;
}

.xero-data-content {
    padding-top: 63px;
    padding-bottom: 65px;
}

.xero-data-content .title {
    font-size: 40px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
}

.xero-data-content .title-2 {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    margin: 23px 0px 43px;

}

/*end*/
.xero-data-content2 {
    margin-top: 80px;
    margin-bottom: 38px;
}

.xero-content-colour-box {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 56px;
}

.xero-content-colour {
    width: 274px;
    height: 166px;
    background: #ECF8FF;
    border-radius: 12px 12px 12px 12px;
}

.xero-content-1 {
    font-weight: bold;
    font-size: 18px;
    color: #213B55;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 27px 0px 24px 23px;
}

.xero-text {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 0px 0px 46px 23px;
}

/**/
.xero-content-box {
    display: flex;
}

.words-box {
    margin-top: 158px;
    margin-right: 115px;
}

.words .title {
    font-weight: bold;
    font-size: 35px;
    color: #213B55;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 24px;
}

.words .title-min {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 24px;
}

.yellow-dot-content2 {
    display: flex;
    justify-content: flex-start;
}

.yellow-dot-box {
    padding-top: 9px;
}

.yellow-dot {
    width: 13px;
    height: 13px;
    background: #50DCAA;
    border-radius: 50%;
}

.words .title-min2 {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 7px;
}

/**/
.content3-background {
    height: 543px;
    background: #ECF8FF;
    border-radius: 0px 0px 0px 0px;
    width: 100%;
}

.words-box-2 {
    margin-top: 117px;
    margin-left: 151px;
}

.words .btns1 {
    font-size: 16px;
    margin-top: 46px;
}

.consult-ow {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    border-radius: 19px;
    color: #343434;
    font-weight: bold;
    background-color: #50DCAA;
    padding: 0 25px;
    cursor: pointer;
}
/**/
.content4-background{
    width: 100%;
    height: 491px;
    background: #ECF8FF;
    border-radius: 0px 0px 0px 0px;
}
.xero-data-box{
    padding: 76px 0px 80px;
}
.words-box-1{
    margin-top: 124px;
    margin-right: 65px;
}
.xero-img-new{
    padding: 24px 0px;
}
.words-box-3{
    margin-top: 117px;
    margin-left: 254px;
}
/**/
.content6-data-box{
    padding: 85px 0px 20px;
}
.content6-title{
    font-weight: bold;
    font-size: 35px;
    color: #213B55;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 21px;
}
.content6-text{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 29px;
}
.layout-data-box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 42px;
}
.layout-data-box-new{
    margin-bottom: 72px !important;
}
.layout-title{
    font-weight: bold;
    font-size: 18px;
    color: #213B55;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 17px;
    margin-bottom: 10px;
}
.layout-text{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
/*轮播图*/
/* 丰富的应用场景 */
.usage-scenario {
    padding: 60px 0 75px 0;
}
.usage-scenario .caption {
    text-align: center;
}
.usage-scenario .caption .title {
    font-size: 36px;
    font-weight: bold;
}
.usage-scenario .caption .subtitle {
    margin-top: 19px;
}

.layui-carousel,
.layui-carousel > [carousel-item] > * {
    background-color: transparent !important;
}
.layui-carousel[lay-indicator='outside'] {
    margin-bottom: 40px !important;
}
.layui-carousel .layui-carousel-ind {
    top: 25px !important;
}
.layui-carousel .layui-carousel-ind ul {
    background-color: transparent !important;
    padding: 0;
    border-radius: 0;
}
.layui-carousel .layui-carousel-ind ul li {
    width: 15px;
    height: 15px;
    margin: 0 6px;
    background-color: #d8d8d8;
}
.layui-carousel .layui-carousel-ind ul li.layui-this {
    background-color: #e5a414;
}

.requirement-contact {
    background-color: #E5A414;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.contact-box .title-new {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    margin-top: 65px;
    margin-bottom: 19px;
}

.contact-box .contact a {
    display: inline-block;
    padding: 0 32px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 18.5px;
    color: #e5a414;
    font-size: 16px;
    background-color: #fff;
}
.contact{
    padding-bottom: 65px;
}