.box {
    position: relative;
    /* overflow: hidden; */
    margin: 0 auto;
    min-width: 320px;
    text-align: center;
}

.imgList {
    position: relative;
    z-index: 1;
    left: 0;
}

.imgOut1 {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    background-color: rgb(4, 16, 60);
}

.imgOut2 {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    background-color: rgb(4, 16, 60);
}

.imgOut3 {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    background-color: rgb(4, 16, 60);
}

.btn {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    z-index: 3;
    display: block;
    z-index: 0;
}

.btn a {
    position: absolute;
    background: rgba(46, 53, 68, .4);
    color: #00a4ff;
    text-decoration: none;
}

.leftBtn {
    left: 18px;
    z-index: 4;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(46, 53, 68, .2);
    border-radius: 50%;
    text-align: center;
}

.rightBtn {
    right: 18px;
    z-index: 4;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(46, 53, 68, .2);
    border-radius: 50%;
    text-align: center;
}

.leftBtn b {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    overflow: visible;
    display: inline-block;
    line-height: 99;
    vertical-align: middle;
}

.rightBtn b {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    overflow: visible;
    display: inline-block;
    line-height: 99;
    vertical-align: middle;
}

.aborder1 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    position: absolute;
    left: 6px;
    top: 0;
    width: 100%;
    height: 100%;
    border-right: 2px solid rgba(255, 255, 255, .2);
    border-bottom: 2px solid rgba(255, 255, 255, .2);
}

.aborder2 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    position: absolute;
    right: 6px;
    top: 0;
    width: 100%;
    height: 100%;
    border-right: 2px solid rgba(255, 255, 255, .2);
    border-bottom: 2px solid rgba(255, 255, 255, .2);
}

.tab {
    position: absolute;
    left: 45%;
    bottom: 0;
    z-index: 3;
}

.tab a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 10px
}

.whiteTab {
    background: #fff;
}

.redTab {
    background: #fe7819;
}

.cardfunction {
    display: flex;
    justify-content: center;
    line-height: 1;
}

.cardItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.cardtitle p {
    font-size: 38px;
    font-weight: bold;
    color: #fe7819;
    letter-spacing: 6px;
    text-align: center;
    margin-top: 56px;
}

.cardcontent {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 68px;
}

.cardcontent span {
    font-size: 26px;
    letter-spacing: 3px;
}

.cardfuncontent {
    display: flex;
    align-items: center;
    justify-content: space-around;
    line-height: 1;
}

.funtctionItem {
    position: relative;
}

.outelement {
    position: absolute;
    top: -36px;
    /* left: 10px; */
}

.outelement img {
    position: absolute;
    z-index: 3;
}

.borerelement {
    border: solid 2px rgb(187, 184, 187);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 30px;
    border-radius: 1px;
}

.managementfunblock {
    display: flex;
}

.managementbigimage {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}

.managefunc {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

.managefunc1,
.managefunc2,
.managefunc3 {
    display: flex;
    align-items: center;
}

.managementicon1,
.managementicon2,
.managementicon3 {
    margin-right: 14.2px;
}

.managementconte1,
.managementconte2,
.managementconte3 {
    margin-bottom: 31px;
}

.managementitem1,
.managementitem2,
.managementitem3 {
    color: #fe7819;
    font-size: 16px;
    margin: 0 0;
    letter-spacing: 1px;
    font-weight: bold;
}

.managementtext1,
.managementtext2,
.managementtext3 {
    color: black;
    font-size: 14px;
    margin: 2px;
    width: 242px;
}

.marketingfunblock {
    display: flex;
}

.marketbigimage {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}

.marketingfunc {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    line-height: 1.5;
}

.marketingfunc1,
.marketingfunc2,
.marketingfunc3 {
    display: flex;
    align-items: center;
}

.marketingicon1,
.marketingicon2 {
    margin-right: 16.5px;
}

.marketingitem1,
.marketingitem2,
.marketingitem3 {
    color: #fe7819;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0;
}

.marketingtext1,
.marketingtext2,
.marketingtext3 {
    color: black;
    font-size: 14px;
    width: 242px;
    margin: 2px;
}

.radarmargincolor {
    background-color: #E9EAEB;
}

.radarmarket {
    display: flex;
    background-color: #E9EAEB;
    line-height: 1;
}

.radarbigimage {
    display: flex;
    margin-top: 66px;
    margin-right: 155px;
    flex-basis: 50%;
}

.radarfunblock {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    margin: 66px 0px 66px 0px;
    flex-basis: 50%;
}

.radarconte0 {
    font-size: 28px;
    color: #fe7819;
    line-height: 1;
    font-weight: bold;
}

.radarconte0 p {
    margin: 0px;
}

.radarfunc1,
.radarfunc2,
.radarfunc3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.radaricon1,
.radaricon2,
.radaricon3 {
    display: flex;
    margin-right: 16.5px;
    width: 12%;
}

.radarconte1,
.radarconte2,
.radarconte3 {
    display: flex;
    flex-direction: column;
    width: 85%;
}

.radaritem1,
.radaritem2,
.radaritem3 {
    color: #fe7819;
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: bold;
    width: 428.5px;
}

.radartext1,
.radartext2,
.radartext3 {
    color: black;
    font-size: 14px;
    line-height: 1.5;
    margin: 2px;
    /* width: 85%; */
}

.customerservice {
    display: flex;
    line-height: 1;
}

.customerfunblock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    margin: 54px 65px 0px 20px;
}

.customerconte0 {
    font-size: 28px;
    color: #fe7819;
    line-height: 1;
}

.customerconte0 p {
    margin: 0px;
    font-weight: bold;
}

.customerfunc1,
.customerfunc2,
.customerfunc3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.customerfunc1 img {
    flex-shrink: 0;
}

.customericon1,
.customericon2,
.customericon3 {
    display: flex;
    margin-right: 22.36px;
}

.customerconte1,
.customerconte2,
.customerconte3 {
    display: flex;
    flex-direction: column;
}

.customeritem1,
.customeritem2,
.customeritem3 {
    color: #fe7819;
    font-size: 16px;
    margin-bottom: 2px;
    line-height: 1;
    font-weight: bold;
}

.customertext1,
.customertext2,
.customertext3 {
    color: black;
    font-size: 14px;
    margin: 2px;
    line-height: 1.5;
    width: 245.6px;
}

.customerbigimage {
    display: flex;
    align-items: flex-start;
    margin-top: 55px;
}

.precisemargincolor {
    background-color: #E9EAEB;
    display: flex;
}

.precisemanagement {
    display: flex;
    justify-content: space-around;
    background-color: #E9EAEB;
    align-items: center;
    line-height: 1;
    /* margin: 30px 18.75%; */
}

.precisetitle {
    font-size: 28px;
    color: #fe7819;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

.precisetitle p {
    margin: 0px;
}

.precisefunc1,
.precisefunc2,
.precisefunc3,
.precisefunc4 {
    font-size: 16px;
    color: #fe7819;
    display: flex;
    justify-content: center;
    margin: 2px;
    width: 232px;
}

.preciseicon1,
.preciseicon2,
.preciseicon3,
.preciseicon4 {
    display: flex;
    align-items: center;
    margin-right: 22.36px;
}

.preciseitem1,
.preciseitem2,
.preciseitem3,
.preciseitem4 {
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: bold;
}

.preciseconte1,
.preciseconte2,
.preciseconte3,
.preciseconte4 {
    color: black;
    font-size: 14px;
}

.precisetext1 {
    margin-bottom: 75.7px;
    text-align: center;
}

.precisetext2 {
    text-align: center;
}

.precisetext3 {
    text-align: center;
    margin-bottom: 56.8px;
}

.precisetext4 {
    text-align: center;
}

.precisefimg {
    margin: 75px 32px 62px 32px;
}

.precisepart1,
.precisepart2 {
    width: 22%;
    line-height: 1.5;
}

.wechatsocial {
    display: flex;
    flex-wrap: nowrap;
}

.wechatbigimage {
    display: flex;
    align-items: flex-end;
    width: 62%;
}

.wechatfunblock {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1;
    margin: 48px 0px 0px 72px;
    width: 38%;
}

.wechatconte {
    margin-bottom: 30px;
}

.wechatitem0 {
    font-size: 28px;
    color: #fe7819;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

.wechatconte p {
    margin: 0px;
}

.wechatfunc1,
.wechatfunc2,
.wechatfunc3,
.wechatfunc4 {
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    line-height: 1.5;
    width: 100%;
}

.wechaticon1,
.wechaticon2,
.wechaticon3,
.wechaticon4 {
    margin-right: 22.36px;
    width: 10%;
}

.wechatconte1,
.wechatconte2,
.wechatconte3,
.wechatconte4 {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    margin-bottom: 18px;
    width: 88%;
}

.wechatitem1,
.wechatitem2,
.wechatitem3,
.wechatitem4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fe7819;
    font-size: 16px;
    margin: 0px;
    font-weight: bold;
}

.wechattext1,
.wechattext2,
.wechattext3,
.wechattext4 {
    color: black;
    font-size: 14px;
}

.wechatconte1 p,
.wechatconte2 p,
.wechatconte3 p,
.wechatconte4 p {
    margin: 2px;
}

.brandmargincolor {
    background-color: #E9EAEB;
    display: flex;
    align-items: center;
}

.brandimage {
    display: flex;
    background-color: #E9EAEB;
    /* margin: 30px 18.75%; */
}

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

.brandimageconte {
    font-size: 28px;
    color: #fe7819;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.brandimageconte p {
    margin: 0px;
}

.brandimagelongimg {
    /* margin: 0 20px; */
    height: auto;
    position: relative;
}

.icon1 {
    position: relative;
}

.brandimagelongimg {
    display: flex;
    width: 100%;
}

.brandimageicon0 {
    width: 100%;
    height: auto;
}

.brandimageicon1 {
    position: absolute;
    left: 58.5px;
    top: 60.5px;
    z-index: 2;
}

.brandimageicon2 {
    position: absolute;
    left: 354.5px;
    top: 60.5px;
    z-index: 2;
}

.brandimageicon3 {
    position: absolute;
    left: 643.5px;
    top: 60.5px;
    z-index: 2;
}

.brandimagefunc {
    margin: 48px 0px 55px 117px;
    width: 753px;
}

.brandimagefuncdetail {
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
    margin: 22.4px 0px 0px 0px;
}

.brandimageconte1,
.brandimageconte2,
.brandimageconte3 {
    text-align: center;
}

.brandimageitem1,
.brandimageitem2,
.brandimageitem3 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fe7819;
    font-size: 16px;
    margin: 2px;
    font-weight: bold;
}

.brandimagetext1,
.brandimagetext2,
.brandimagetext3 {
    color: black;
    font-size: 14px;
    margin: 0px;
    width: 216px;
}

@media screen and (max-width:1200px) {
    .box {
        height: 400px;
    }
    .imgList {
        height: 400px;
        left: 0px;
    }
    .img1,
    .img2,
    .img3 {
        width: 1200px;
        height: 400px;
    }
    .imgOut1 {
        left: 0px;
        width: 100%;
        height: 400px;
    }
    .imgOut2 {
        left: calc(1 * 100%);
        width: 100%;
        height: 400px;
    }
    .imgOut3 {
        left: calc(2 * 100%);
        width: 100%;
        height: 400px;
    }
    .cardfunction,
    .cardfuncontent,
    .radarmargincolor,
    .customerservice,
    .precisemargincolor,
    .wechatsocial,
    .brandmargincolor {
        width: 1200px;
    }
}

@media screen and (min-width: 1200px) {
    .box {
        height: 400px;
    }
    .imgList {
        height: 400px;
        left: 0px;
    }
    .img1,
    .img2,
    .img3 {
        width: 1200px;
        height: 400px;
    }
    .imgOut1 {
        left: 0px;
        width: 100%;
        height: 400px;
    }
    .imgOut2 {
        left: calc(1 * 100%);
        width: 100%;
        height: 400px;
    }
    .imgOut3 {
        left: calc(2 * 100%);
        width: 100%;
        height: 400px;
    }
    .cardfunction,
    .cardfuncontent,
    .radarmargincolor,
    .customerservice,
    .precisemargincolor,
    .wechatsocial,
    .brandmargincolor {
        padding: 0px calc((100% - 1200px) / 2);
    }
}


/* 未被访问的链接 */

.mentlist a:link {
    color: rgb(109, 117, 104);
    text-decoration: none;
}


/* 已被访问的链接 */

.mentlist a:visited {
    color: #00a4ff;
    text-decoration: none;
}