* {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: myFontOne;
    src: url('/static/font/Helvetica-Neue-Condensed-Black-2.ttf')format('truetype');
}

/* 去除所有列表的默认样式 */
ul,
ol,
li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* 设置超链接的默认样式，移除下划线 */
a {
    text-decoration: none;
    color: inherit;
}

/* 设置标题的样式 */

p {
    font-size: 14px;
    color: #333;
}

body {
    background: rgba(0, 0, 0, 0.02);
}

input,
select {
    border: none;
    font-size: 14px;
    border: 1px solid rgba(4, 21, 36, .1);
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 6px;
}

input:focus,
select:focus {
    outline: none;
    border: 1px solid #e70012;
}

textarea {
    border: 1px solid rgba(4, 21, 36, .1);
    resize: none;
    box-sizing: border-box;
    border-radius: 4px;
}

textarea:focus {
    border: 1px solid #1861F4;
    outline: none;
}

img {
    max-width: 100%;
    vertical-align: top;
}

.baseContentBox {
    width: 1200px;
    margin: auto;
}

.aosAllBox {
    position: relative;
}

.allBoxWidth {
    min-width: 1200px;
}

.topWelcomeBox {
    border-bottom: 1px solid #d8d8d8;
    background-color: #fff;
}


.welcomeBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #333;
}

.welcomeBox a {
    padding: 0 12px;
    transition: .3s;
}


.welcomeBox a:first-child {
    border-right: 1px solid #d8d8d8;
}


/* 联系方式 */
.topContactInfo {
    background-color: #fff;
}

.topContactInfo .topInfoBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 120px;
}

.topContactInfo .topInfo {
    display: flex;
    align-items: stretch;

}

.topContactInfo .topInfo i {
    font-size: 50px;
    color: #e70012;
}

.topContactInfo .topInfo p {
    font-size: 14px;
    line-height: 1;
}

.topContactInfo .topInfo .tel {
    font-size: 30px;
    line-height: 24px;
    color: #e70012;
}

.topContactInfo .topInfo div {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-left: 10px;
}


/* pc导航 */

.headerNavigation {
    height: 60px;
    background-color: #002b63;
    color: #fff;
    z-index: 10;
}

.headerNavigation .navList {
    display: flex;
    align-items: center;
}

.headerNavigation .navList .navItem {
    position: relative;
}

.headerNavigation .navList .navItem>a {
    display: block;
    height: 60px;
    width: 136px;
    line-height: 60px;
    text-align: center;
    transition: .3s;
}

.headerNavigation .navList .navItem .navItemLinkBox {
    position: absolute;
    width: 136px;
    top: 75px;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
    z-index: 10;
}

.headerNavigation .navList .navItem .navItemLinkBox a {
    display: block;
    height: 40px;
    width: 136px;
    line-height: 40px;
    text-align: center;
    transition: .3s;
    background-color: #002b63;
}



.homeBanner {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.homeBanner .homeBannerImg {
    display: none;
    height: 600px;
    opacity: .5;
    position: absolute;
    z-index: 1;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
}

.homeBanner .homeBannerImg.showImg {
    display: block;
    opacity: 1;
    z-index: 2;
}

.homeBanner .homeBannerImg img {
    height: 600px;
    width: auto;
    max-width: unset;
}


.homeBanner .imgChangeBox {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 40px;
}

.homeBanner .imgChangeBox .changeBox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.homeBanner .imgChangeBox .changeBox span {
    display: block;
    width: 30px;
    height: 4px;
    border: 1px solid #1861F4;
    margin: 0 12px;
    cursor: pointer;
    transition: .3s;
}

.homeBanner .imgChangeBox .changeBox span.change {
    background-color: #e70012;
    border: 1px solid #e70012;
}

/* ctaForm */
.ctaFormBox {
    margin-top: 20px;
}

.ctaFormBox .ctaForm {
    display: flex;
    height: 190px;
    background: url('../img/all/ctaForm1.png') top center;
    background-size: cover;
    justify-content: space-around;
    align-items: center;
}

.ctaFormBox .ctaCont {
    width: 400px;
}

.ctaFormBox .ctaCont p {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 12px 0;
}

.ctaFormBox .formBox .ctaInputBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ctaFormBox .formBox .ctaInputBox input {
    width: 380px;
    height: 60px;
    padding: 12px;
    box-sizing: border-box;
    color: #333;
    font-size: 20px;
}

.ctaFormBox .formBox .ctaInputBox input.btn {
    background-color: #e70012;
    color: #fff;
    width: 180px;
    margin-left: 12px;
    font-size: 20px;
    cursor: pointer;
}

.ctaFormBox .formBox p {
    font-size: 16px;
    color: #fff;
    margin-top: 18px;
}

/* 板块标题 */

.allPlateTit {
    margin-top: 20px;
}

.allPlateTit .tit {
    height: 122px;
    line-height: 122px;
    background-color: #3ba86f;
    /* background-color: #e70012; */
    color: #fff;
    text-align: center;

}

.allPlateTit .tit h3 {
    font-size: 48px;
    position: relative;
    z-index: 2;
}

.allPlateTit .iconPlate {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    right: 0;
    bottom: -35px;
    margin: auto;
    background-color: #3ba86f;
    border-radius: 70px;
    line-height: 100px;
    box-sizing: border-box;
    z-index: 1;
}

.allPlateTit .iconPlate span {
    position: absolute;
    display: block;
    width: 120px;
    left: -25px;
    height: 3px;
    background-color: #fff;
    top: 20px;
}

.allPlateTit .iconPlate i {
    font-size: 24px;
    margin-bottom: 24px;
}

/* 产品列表 */
.productListBox {
    margin-top: 50px;
}

.productListBox .productList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}

.productListBox .productList .productItem {
    padding: 5px;
    background-color: #fff;
    transition: .3s;
}



.productItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.productItem .productTit h3 {
    font-size: 24px;
    text-align: center;
    color: #3ba86f;
    line-height: 2;
}

.productItem .productTit img {
    width: 100%;
}

.productItem .productTag {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}

.productItem .productTag p {
    font-size: 18px;
    line-height: 30px;
    color: #1861F4;
    font-weight: bold;
    margin-bottom: 8px;
}

.productItem .productTag span {
    font-size: 18px;
    line-height: 30px;
    padding: 0 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    margin-right: 6px;
    margin-bottom: 8px;
}


.productItem .productTag span.chooseTag {
    background-color: #3ba86f;
    color: #fff;
}

.productItem .productForm {
    margin-top: 12px;
}

.productForm .productInputBox {
    display: flex;
    align-items: stretch;
}

.productForm .productInputBox .btn {
    cursor: pointer;
    width: 100px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    background-color: #3ba86f;
    color: #fff;
    border-radius: 0 4px 4px 0;
}

.productForm .productInputBox input {
    flex: 1;
    border: 1px solid #3ba86f;
    border-right: none;
    border-radius: 4px 0 0 4px;
}

/* cta商务通 */
.ctaOnlineService {
    background: url('../img/all/ixbannerbg1.jpg') no-repeat top center;
    background-size: cover;
    height: 200px;
    margin-top: 24px;

}

.ctaOnlineService .ctaOnlineCont {
    display: flex;
    height: 200px;
    justify-content: space-between;
    align-items: center;
}

.ctaOnlineService .ctaOnlineCont .ctaCont h3 {
    font-size: 32px;
    color: #fff;
    width: 780px;
}

.ctaOnlineService .ctaOnlineCont .ctaCont p {
    font-size: 24px;
    margin-top: 12px;
    color: #fff;
}


.ctaOnlineService .ctaOnlineCont .ctaBtn {
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.ctaOnlineService .ctaOnlineCont .ctaBtn p {
    font-size: 16px;
    color: #fff;
}

.ctaOnlineService .ctaOnlineCont .ctaBtn h3 {
    font-size: 32px;
    color: #fff;
}

.ctaOnlineService .ctaOnlineCont .ctaBtn div {
    display: block;
    margin-top: 12px;
    width: 100%;
    height: 46px;
    line-height: 46px;
    position: relative;
    background: linear-gradient(180deg, #76b494 0%, #3ba86f 49%, #137542 100%);
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 6px;
    cursor: pointer;
}

@keyframes clickImg {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

.ctaOnlineService .ctaOnlineCont .ctaBtn div img {
    position: absolute;
    width: 50px;
    right: 24px;
    top: 24px;
    animation: clickImg 1s linear infinite;
}



.popUpBox {
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
}

.popUpBox .popForm {
    width: 850px;
    background-color: #fff;
    position: relative;
}

.popUpBox .popCentBox {
    padding: 20px;
    padding-bottom: 12px;
}

.popUpBox .popCentBox .formTop {
    display: flex;
    align-items: self-end;
    padding-bottom: 12px;
    border-bottom: 1px solid #3BA86F;
}

.popUpBox .popCentBox .formTop h3 {
    font-size: 30px;
    color: #3BA86F;
    margin-right: 24px;
}

.popUpBox .popCentBox .formTop p {
    font-size: 16px;
    color: #333;
}

.popUpBox .popCentBox .formTop p span {
    font-size: 16px;
    color: #3BA86F;
    font-weight: bold;
}


.popBtmFormBox {
    padding: 20px;
    padding-top: 0;
    display: flex;
    align-items: self-end;
    justify-content: space-around;
}

.popUpBox .popFormItem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.popFormItem p {
    font-size: 14px;
    line-height: 2;
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
}

.popFormItem span {
    font-size: 14px;
    line-height: 1.5;
    padding: 4px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #999;
    cursor: pointer;
    margin-right: 8px;
    margin-bottom: 8px;
    min-width: 40px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
}

.popFormItem span.chooseTag {
    color: #fff;
    background-color: #3BA86F;
    border: 1px solid #3BA86F;
}

.popFormBox .inoutBox {
    display: flex;
    align-items: center;
}

.popFormBox .inoutBox>div {
    display: flex;
    align-items: center;
}

.popFormBox .inoutBox p {
    font-weight: bold;
}

.popFormBox .inoutBox input {
    height: 42px;
    margin-right: 12px;
}

.popFormBox .inoutBox input:focus {
    border: 1px solid #333;
}

.popBtmFormBox .popBtnBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.popBtmFormBox .popBtnBox img {
    width: 100px;
    margin-bottom: 12px;
}

.popBtmFormBox .popBtnBox input {
    width: 260px;
    height: 50px;
    line-height: 50px;
    background-color: #3BA86F;
    border: 1px solid #3BA86F;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.popBtmFormBox .popBtnBox input:focus {
    border: 1px solid #3BA86F;
}

.popBtmFormBox .popBtnBox p {
    font-size: 16px;
    line-height: 2;
}

.popBtmFormBox .popBtnBox p.timeShow {
    color: #3BA86F;
}


.popUpBox .closePop {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 1;
    cursor: pointer;
}

.popUpBox .closePop i {
    font-size: 28px;
    color: #fff;
}

/* 案例列表 */
.caseListBox {
    margin-top: 50px;
}

.caseListBox .caseList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
}

.caseListBox .caseList .caseItem {
    text-align: center;
    cursor: pointer;
    transition: .3s;
}

.caseListBox .caseList .caseItem img {
    width: 100%;
}

.caseListBox .caseList .caseItem h3 {
    font-size: 24px;
    line-height: 1.5;
    padding: 12px;
}

.caseListBox .caseBtmBtn {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 30px;
}

.caseListBox .caseBtmBtn .caseBtmBtnL {
    width: calc(50% - 12px);
    height: 60px;
    line-height: 60px;
    background-color: #3BA86F;
    color: #fff;
    border-radius: 6px;
}

.caseListBox .caseBtmBtn .caseBtmBtnL a {
    display: block;
    text-align: center;
    font-size: 24px;
}

.caseListBox .caseBtmBtn .caseBtmBtnR {
    width: calc(50% - 12px);
    height: 60px;
    line-height: 60px;
    background-color: #002b63;
    color: #fff;
    text-align: center;
    font-size: 24px;
    border-radius: 6px;
    cursor: pointer;
}

/* 问题 */
.peopleBox {
    margin-top: 100px;
}

.peopleBox .peopleContBox {
    height: 478px;
    background: url('../img/all/problem_people.png') no-repeat top center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.peopleBox .peopleContBox .peopleCont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 56px;
}

.peopleBox .peopleContBox .peopleCont p {
    font-size: 24px;
    max-width: 312px;
}

.peopleBox .peopleContBox .peopleCont:last-child {
    padding: 24px 0;
}


/* 理由 */
.reasonBox {
    margin-top: 50px;
}

.reasonBox .reasonList {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 16px;
}

.reasonBox .reasonList img {
    max-width: 126px;
}

.reasonBox .reasonList .reasonItem {
    height: 320px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    text-align: center;
}

.reasonBox .reasonList .reasonItem p {
    text-align: left;
    font-size: 20px;
    color: #333;
    margin-top: 15px;
}

.annoyanceBox .annoyanceCont {
    height: 100px;
    background-color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    cursor: pointer;
    margin-top: 24px;
}

.annoyanceBox .annoyanceCont img {
    margin-bottom: 20px;
}

.annoyanceBox .annoyanceCont p {
    font-size: 32px;
    color: #fff;
}


.annoyanceBox .annoyanceCont div {
    width: 210px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: rgb(239, 132, 2);
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    animation: clickImg 1s linear infinite;
}


/* 专利技术 */
.technologyPatentBox {
    margin-top: 50px;
}

.technologyPatentBox .technologyPatentList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
}

.technologyPatentBox .technologyPatentItem {
    background-color: #fff;
    box-shadow: 0 10px 19px 0 #F5F5F5;
    padding-bottom: 20px;
    cursor: pointer;
}

.technologyPatentBox .technologyPatentItem .imgBox {
    position: relative;
}

.technologyPatentBox .technologyPatentItem .imgBox h3 {
    position: absolute;
    bottom: 0;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    background: rgba(51, 51, 51, 0.2);
    width: 100%;
    text-align: center;
}

.technologyPatentBox .technologyPatentItem p {
    padding: 0 20px;
    margin-top: 20px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}



.technologyPatentForm {
    margin-top: 24px;
    height: 110px;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    background: url('../img/home/technologyBgImg.png');
}

.technologyPatentForm .productImg {
    padding-left: 280px;
}

.technologyPatentForm .productImg h3 {
    font-size: 36px;
    color: #002b63;
}

.technologyPatentForm .productImg p {
    font-size: 18px;
    color: #002b63;
}

.technologyPatentForm .formBox {
    padding-right: 36px;
}

.technologyPatentForm .inputBox input {
    width: 320px;
    padding: 12px;
    height: 60px;
    font-size: 20px;
    box-sizing: border-box;
}

.technologyPatentForm .inputBox input:focus {
    border: 1px solid #002b63;
}

.technologyPatentForm .inputBox input.btn {
    width: 180px;
    background-color: #002b63;
    color: #fff;
    cursor: pointer;
}

.technologyPatentForm .formBox p {
    font-size: 18px;
    color: #002b63;
    margin-top: 6px;
}

/* 资质证书 */
.certificateBox {
    margin-top: 50px;
}

.certificateBox .certificateListBox {
    overflow: hidden;
    height: 240px;

}


@keyframes img-swiper {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-150%);
    }
}

.certificateBox .certificateList {
    display: flex;
    align-items: center;
    animation: img-swiper 30s linear infinite;
}

.certificateBox .certificateList img {
    width: 300px;
    min-width: 300px;
    height: 240px;
    margin-right: 10px;
}


/* 公司实力 */
.companyStrengthBox {
    margin-top: 50px;
}

.companyStrengthBox p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 48px;
}

.companyStrengthBox .companyStrengthList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
}

.companyStrengthBox .companyStrengthList img {
    width: 100%;
    height: 214px;
}

.companyStrengthBox .companyStrengthList .companyStrengthItem {
    position: relative;
    cursor: pointer;
}

.companyStrengthBox .companyStrengthList .companyStrengthItem h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 22px;
    line-height: 2;
    text-align: center;
    color: #fff;
}




.companyStrengthBox .caseBtmBtn {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 30px;
}

.companyStrengthBox .caseBtmBtn .caseBtmBtnL {
    width: calc(50% - 12px);
    height: 60px;
    line-height: 60px;
    background-color: #3BA86F;
    color: #fff;
    border-radius: 6px;
}

.companyStrengthBox .caseBtmBtn .caseBtmBtnL a {
    display: block;
    text-align: center;
    font-size: 24px;
}

.companyStrengthBox .caseBtmBtn .caseBtmBtnR {
    width: calc(50% - 12px);
    height: 60px;
    line-height: 60px;
    background-color: #002b63;
    color: #fff;
    text-align: center;
    font-size: 24px;
    border-radius: 6px;
    cursor: pointer;
}

/* 选择地区表单 */
.areaFormBox {
    margin-top: 50px;
}

.areaFormBox p.tit {
    text-align: center;
    font-size: 16px;
    margin-bottom: 48px;
}

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

.areaFormBox .areaFormCont .inputName {
    margin-right: 20px;
}

.areaFormBox .areaFormCont .inputName>div {
    width: 200px;
    height: 70px;
    margin-bottom: 24px;
    background-color: #3BA86F;
    font-size: 24px;
    text-align: center;
    line-height: 70px;
    color: #fff;
}

.areaFormBox .areaFormCont .inputItemBox {
    flex: 1;
    background: rgb(230, 230, 230);
    padding: 0 12px;
}

.areaFormBox .areaFormCont .inputItemBox .inputItem {
    width: 100%;
    height: 94px;
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    box-sizing: border-box;
    border-bottom: 1px dotted #FFFFFF;
}

.areaFormBox .areaFormCont .inputItemBox .inputItem:last-child {
    border-bottom: none;
}

.areaFormBox .areaFormCont .inputItemBox span {
    display: block;
    padding: 0 8px;
    border: 1px solid rgb(230, 230, 230);
    background: rgb(250, 250, 250);
    font-size: 18px;
    color: #333;
    margin-right: 12px;
    cursor: pointer;
}


.areaFormBox .areaFormCont .inputItemBox span.chooseTag {
    color: #fff;
    background: #3BA86F;
}


.areaFormBox .areaSelectBox {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.areaFormBox .areaSelectBox .seleName {
    margin-right: 20px;
}

.areaFormBox .areaSelectBox .seleName>div {
    width: 200px;
    height: 70px;
    margin-bottom: 18px;
    background-color: #002b63;
    font-size: 24px;
    text-align: center;
    line-height: 70px;
    color: #fff;
}

.areaSelectBox .areaList {
    flex: 1;
}

.areaSelectBox .areaList div {
    padding: 14px 10px;
    background: rgb(230, 230, 230);
    margin-bottom: 10px;
}

.areaFormBox .areaList .selectBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.areaFormBox .areaList select {
    width: calc(33.3% - 8px);
    height: 50px;
}

.areaFormBox .areaList .inputPhoneBox {
    background: rgb(230, 230, 230);
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.areaFormBox .areaList input {
    width: 650px;
    height: 50px;
    margin: 14px 10px;
    font-size: 18px;
}

.areaFormBox .areaList input:focus {
    border: 1px solid rgb(230, 230, 230);
}

.areaFormBox .areaList input.btn {
    width: 280px;
    height: 78px;
    margin: 0;
    border: none;
    background-color: #3BA86F;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

/* 案例 */
.casesListBox {
    margin-top: 50px;
}

.casesListBox .casesList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
}

.casesListBox .casesList .casesItem {
    height: 280px;
    background-color: #fff;
    cursor: pointer;
}

.casesListBox .casesList .casesItem img {
    width: 100%;
}

.casesListBox .casesList h3 {
    padding: 10px;
    font-weight: 300;
}


.casesCta {
    margin-top: 30px;
}

.casesCta img {
    width: 100%;
}

.casesCta .baseContentBox {
    position: relative;
    cursor: pointer;
}

.casesCta .casesCtaBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 100px;
    height: 100px;
    background-color: rgb(239, 132, 2);
    border-radius: 100px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    animation: clickImg 1s linear infinite;
}

.casesCta .casesCtaBtn p {
    font-size: 28px;
    color: #fff;
}

/* 服务 */
.serviceListBox {
    margin-top: 50px;
}

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

.serviceListBox .serviceList .serviceItem {
    height: 160px;
    width: calc(50% - 10px);
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 20px;
}

.serviceListBox .serviceList .serviceItem img {
    width: 105px;
    min-width: 105px;
}

.serviceListBox .serviceList .serviceImgBox {
    position: relative;
}

.serviceListBox .serviceList .serviceImgBox span {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}

.serviceListBox .serviceList .serviceText {
    width: 430px;
}

.serviceListBox .serviceList .serviceItem h3 {
    font-size: 26px;
    color: #3BA86F;
    margin-bottom: 10px;
}

.serviceListBox .serviceList .serviceItem p {
    font-size: 20px;
    color: #333;
}


.serviceListBox .servicerMore {
    height: 50px;
    line-height: 50px;
    background-color: #3BA86F;
    border-radius: 6px;
    text-align: center;
    margin-top: 20px;
}

.serviceListBox .servicerMore a {
    font-size: 18px;
    color: #fff;
    display: block;
}

/* 表单 */
.telFormBox {
    margin-top: 24px;
}

.telFormBox .telFormTitBox {
    height: 160px;
    background: url('../img/all/tel_banner.png') no-repeat top center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
}

.telFormBox .telFormTitBox h3 {
    font-size: 36px;
}

.telFormBox .telFormTitBox span {
    margin: auto;
    display: block;
    height: 4px;
    width: 80px;
    background-color: #fff;
    margin-top: 10px;
}

.telFormBox .telFormTitBox p {
    font-size: 24px;
    color: #fff;
}

.telFormBox .telFormTitBox p.titNotes {
    font-size: 14px;
}

.telFormBox .telFormInfo {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.02);
}

.telFormBox .telFormInfo .telInfo {
    width: calc(50% - 15px);
    margin-top: 24px;
}

.telFormBox .telFormInfo .telForm {
    width: calc(50% - 15px);
}


.telFormBox .telFormInfo .telInfo .telInfoTit {
    display: flex;
    align-items: self-end;
    margin-bottom: 20px;
}

.telFormBox .telFormInfo .telInfo .telInfoTit span {
    font-size: 30px;
    color: #3BA86F;
    font-weight: bold;
}

.telFormBox .telFormInfo .telInfo .telInfoTit p {
    font-size: 14px;
    margin-left: 15px;
    font-weight: bold;
}

.telFormBox .telFormInfo .telInfo>span {
    display: block;
    font-size: 14px;
    margin: 16px 0;
}

.telFormBox .telFormInfo .iconBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.telFormBox .telFormInfo .iconBox .iconItem {
    width: 50%;
    font-size: 14px;
    margin-bottom: 10px;
}

.telFormBox .telFormInfo .iconBox .iconItem i {
    color: #3BA86F;
    margin-right: 6px;
}

.telFormBox .telFormInfo .telCont {
    background: #3BA86F;
    border-radius: 6px;
    padding: 24px 15px;
    margin-top: 36px;
}

.telFormBox .telFormInfo .telCont h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px;
}

.telFormBox .telFormInfo .telCont p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}

.telFormBox .telFormInfo .telForm .inputBoxFlex {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    margin-bottom: 12px;
}

.telFormBox .telForm p {
    font-size: 14px;
}

.telFormBox .telForm input {
    width: 260px;
    height: 36px;
    font-size: 14px;
    margin-bottom: 16px;
}

.telFormBox .telForm input:focus {
    border: 1px solid #3BA86F;
}

.telFormBox .telForm .inputItem sup {
    color: #e70012;
}

.telFormBox .telForm .telNumBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.telFormBox .telForm .telNumBox i {
    font-size: 34px;
    color: #3BA86F;
    margin-right: 12px;
}

.telFormBox .telForm .telNumBox p {
    font-size: 16px;
    color: #3BA86F;
    margin-bottom: 10px;
}

.telFormBox .telForm .telNumBox span {
    font-size: 16px;
    color: #3BA86F;
}

.telFormBox .telForm .inputSelectParam .selectItem {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.telFormBox .telForm .selectItem span {
    padding: 0 10px;
    font-size: 15px;
    line-height: 2;
    border: 1px solid #E1E1E1;
    margin-right: 10px;
    cursor: pointer;
}



.telFormBox .telForm .selectItem span.chooseTag {
    background-color: #3BA86F;
    color: #fff;
}

.telFormBox .telForm .formCont {
    display: flex;
    align-items: self-start;
}

.telFormBox .telForm .formCont textarea {
    width: calc(100% - 42px);
    height: 132px;
    padding: 12px;
    box-sizing: border-box;
}

.telFormBox .telForm .formCont textarea:focus {
    border: 1px solid #3BA86F;
}

.telFormBox .telForm .btn {
    width: 520px;
    height: 48px;
    text-align: center;
    background-color: #3BA86F;
    color: #fff;
    margin: 0;
    margin-top: 24px;
    font-size: 18px;
    cursor: pointer;
}

.telFormBox .telForm .btnBox {
    text-align: right;
}

/* 页面底部 */
.allBottomBox {
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #343d44;
}

.allBottomBox .allBottom {
    display: flex;
}

.allBottomBox h3 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}

.allBottomBox span {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    margin-top: 16px;
    margin-bottom: 24px;
}

.allBottomBox .btmInfo {
    width: calc(50% - 1px);
    border-right: 1px solid #495157;
}

.allBottomBox .btmInfo p {
    max-width: 450px;
    color: #fff;
    font-size: 14px;
    margin-top: 12px;
}

.allBottomBox .btmForm {
    width: 50%;
    padding: 0 50px;
}

.allBottomBox .btmForm .btmFormBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.allBottomBox .btmForm .btmFormBox input {
    width: calc(50% - 12px);
    height: 46px;
    font-size: 16px;
    padding: 0 12px;
    box-sizing: border-box;
}

.allBottomBox .btmForm .btmFormBox input:focus {
    border: none;
}

.allBottomBox .btmForm textarea {
    width: 100%;
    height: 80px;
    padding: 12px;
    box-sizing: border-box;
    margin-top: 12px;
}

.allBottomBox .btmForm textarea:focus {
    border: none;
}

.allBottomBox .btmForm .btn {
    text-align: right;
    margin-top: 24px;
}

.allBottomBox .btmForm .btn input {
    width: 150px;
    height: 46px;
    font-size: 16px;
    color: #fff;
    background-color: #3BA86F;
}

.allBottomNum {
    height: 60px;
    background: #2a3137;
}

.allBottomNum .textBox {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    color: #fff;
}

.allBottomNum .textBox p {
    font-size: 14px;
    color: #fff;
    margin-right: 12px;
}

.allBottomNum .textBox a {
    font-size: 14px;
}

.smBox {
    display: none !important;
}

/* 产品页 */

.pageBannerBox {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.pageBannerBox img {
    position: relative;
    width: unset;
    max-width: unset;
    height: 300px;
}


.navBreadcrumbs {
    border-bottom: 1px solid #dedede;
}

.navBreadcrumbs .navBreadList {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 50px;
}

.navBreadcrumbs .navBreadList>i {
    font-size: 14px;
    margin-right: 6px;
}

.navBreadcrumbs .homeNav {
    display: flex;
    align-items: center;
}

.navBreadcrumbs .homeNav i {
    font-size: 16px;
    margin-right: 4px;
}

.navBreadcrumbs a {
    padding-right: 6px;
}
.listPageBox{
    margin-top: 36px;
}
.listPageBox .pageTit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.listPageBox .pageTit h3 {
    font-size: 48px;
}

.listPageBox .pageTit .titBorder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0;

}

.listPageBox .pageTit .titBorder span {
    height: 1px;
    width: 300px;
    background-color: #E1E1E1;
}

.listPageBox .pageTit .titBorder p {
    width: 12px;
    height: 12px;
    background-color: #3BA86F;
    margin: 0 6px;
}

.listPageBox .pageNavList {
    display: flex;
    justify-content: center;
}

.listPageBox .pageNavList a {
    padding: 0 4px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    margin: 0 6px;
    transition: .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}



.listPageBox .itemListBox {
    margin: 36px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 30px;
}

.listPageBox .itemBox {
    cursor: pointer;
}

.listPageBox .itemBox .itemImgBox {
    border: 1px solid #E1E1E1;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.listPageBox .itemBox .itemImgBox img {
    /* width: 100%; */
	width: 342px;
	height: 228px;
    transition: .3s;
}

.listPageBox .itemBox .titBox {
    height: 56px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E1E1E1;
    justify-content: space-between;
}

.listPageBox .itemBox .titBox i {
    font-size: 12px;
    transition: .3s;
}

.listPageBox .itemBox .titBox h3 {
    flex: 1;
    font-size: 16px;
    text-align: center;
    transition: .3s;
}

.listPageBox .itemBox .itemImgBox .itemMask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);
    transition: all ease-out .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listPageBox .itemBox .itemImgBox .itemMask div {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 60px;
    text-align: center;
    line-height: 60px;
}

.listPageBox .itemBox .itemImgBox .itemMask i {
    color: #333;
    font-size: 24px;
}


.pageContList .pageTit{
    display: none;
}
.productPageContBox{
    margin: 48px 0;
}
.productPageContBox .productPageCont{
    display: flex;
    justify-content: space-between;
}

.productPageContBox .productImg{
    width: 550px;
}
.productPageContBox .productImg img{
	width: 100%;
}
.productPageContBox .productPageForm{
    flex: 1;
    padding-left: 36px;
}
.productPageContBox .productPageForm h3{
    background-color: #F5F5F5;
    font-size: 24px;
    color: #3BA86F;
    line-height: 1.5;
    padding: 8px;
	margin-bottom: 12px;
}
.productPageContBox .productPageForm>p{
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 16px 0;
}
.productPageContBox .productPageForm .buyBox{
    display: flex;
    align-items: center;

}
.productPageContBox .productPageForm .buyBox p{
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
}
.productPageContBox .productPageForm .buyBox p:first-child{
    width: 70%;
    background-color: #3BA86F;
    padding-left: 12px;
    box-sizing: border-box;
}
.productPageContBox .productPageForm .buyBox p:last-child{
    width: 30%;
    text-align: center;
    background-color: #666;
}

.productPageContBox .productPageForm .productPageFormItem{
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.productPageContBox .productPageForm .productPageFormItem p{
    font-size: 16px;
}

.productPageContBox .productPageForm .productPageFormItem span{
    padding: 0 10px;
    font-size: 15px;
    line-height: 2;
    border: 1px solid #E1E1E1;
    margin-right: 10px;
    cursor: pointer;
}
.productPageContBox .productPageForm .productPageFormItem span.chooseTag{
    background-color: #3BA86F;
    color: #fff;
}

.productPageContBox .productPageForm .productPageInputBox{
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.productPageContBox .productPageForm .productPageInputBox input{
    height: 48px;
    font-size: 16px;
    flex: 1;
    border: 1px solid #3BA86F;
    border-radius: 4px 0 0 4px;
    padding-left: 12px;
}
.productPageContBox .productPageForm .productPageInputBox input:focus{
    border: 1px solid #3BA86F;
}
.productPageContBox .productPageForm .productPageInputBox .btn{
    flex: unset;
    width: 160px;
    background-color: #3BA86F;
    color: #fff;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    padding: 0;
}


.productPageTextBox h3{
    text-align: center;
    font-size: 36px;
    margin-top: 36px;
}
.productPageTextBox .titLine{
    margin: auto;
    display: block;
    width: 70px;
    height: 2px;
    background-color: #3BA86F;
    margin-top: 16px;
    margin-bottom: 36px;
}
.productPageTextBox .productTextTit p{
    font-size: 18px;
    line-height: 1.5;
    
}
.productPageTextBox .technicalList{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.productPageTextBox .technicalList .technicalItem{
    width: 45%;
    display: flex;
    align-items: self-start;
    margin-bottom: 36px;
}

.productPageTextBox .technicalList .technicalItem i{
    font-size: 64px;
    color: #3BA86F;
    width: 64px;
    height: 64px;
    margin-right: 12px;
}

.productPageTextBox .technicalList .technicalItem span{
    font-size: 18px;
    color: #3BA86F;
}
.productPageTextBox .technicalList .technicalItem p{
    font-size: 16px;
    margin-top: 12px;
}



.listPageBox .serviceContBox{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.listPageBox .serviceContBox .serviceCont{
    width: calc(50% - 12px);
    display: flex;
    align-items: self-start;
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
}
.listPageBox .serviceContBox .serviceCont .contBox{
    padding: 16px;
}

.listPageBox .serviceContBox .tit{
    font-size: 18px;
    margin-bottom: 12px;
    color: #333;
}

.listPageBox .serviceContBox p{
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}


.listPageBox .contactUsContList {
    display: flex;
    justify-content: space-between;
}
.listPageBox .contactUsContList .contactContItem{
    position: relative;

}
.listPageBox .contactUsContList .contactContItem div{
    position: absolute;
    z-index: 1;
    bottom: 0;
    margin: auto;
    padding: 24px 60px;
}

.listPageBox .contactUsContList .contactContItem span{
    font-size: 18px;
    color: #3BA86F;
    font-weight: bold;
}

.listPageBox .contactUsContList .contactContItem p{
    font-size: 14px;
    margin-top: 6px;
}

.listPageBox .contactInfoBox .contactText{
    height: 110px;
    background: url('../img/contact/5.jpg') no-repeat top center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.listPageBox .contactInfoBox .contactText p{
    width: 60%;
    padding:0 24px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.listPageBox .contactInfoBox .contactInfo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 36px 0;
}

.listPageBox .contactInfoBox .contactInfoItem{
    width: calc(33.3% - 24px);
    height: 76px;
    display: flex;
    align-items: center;
    padding: 0 48px;
    box-sizing: border-box;
    background-color: #3BA86F;
}

.listPageBox .contactInfoBox .contactInfoItem span{
    font-size: 16px;
    color: #fff;
}
.listPageBox .contactInfoBox .contactInfoItem p{
    font-size: 24px;
    margin-top: 6px;
    color: #fff;
}

.listPageBox .contactInfoBox .contactInfoItem i{
    color: #fff;
    font-size: 48px;
    margin-right: 36px;
}

.listPageBox .contactInfoBox .contactTextTwo{
    height: 110px;
    background: url('../img/contact/4.jpg') no-repeat top center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 36px;
}
.listPageBox .contactInfoBox .contactTextTwo p{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.listPageBox .contactInfoBox .clickShowForm{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listPageBox .contactInfoBox .clickShowForm .clickItem{
    width: calc(33.3% - 48px);
    background-color: #fff;
    box-shadow: 0 0 13px #EFEFEF;
    padding-top: 12px;
    cursor: pointer;
    transition: .3s;
}

.listPageBox .contactInfoBox .clickShowForm p{
    padding: 6px 12px;
}

.listPageBox .contactInfoBox .clickShowForm .clickItem .infoBtn{
    width: 100%;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #666;
    color: #fff;
    margin-top: 12px;
    transition: .3s;
}


.pageNextList{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 36px;
}

.pageNextList a:first-child{
	display: none;
}
.pageNextList>a,
.pageNextList>b{
	padding:0 12px;
	border: 1px solid #E1E1E1;
	height: 36px;
	line-height: 36px;
}
.pageNextList>b{
	background: #3BA86F;
	color: #fff;
}


/* 侧边 */
.cebian{
    position: fixed;
    right: 36px;
    top: 40%;
    display: flex;
    flex-direction: column;
    z-index: 999;
    align-items: flex-end;
}
.cebian>div{
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    cursor: pointer;
    transition: .3s;
    box-sizing: border-box;
}

.cebian>div p{
    width: 0;
    font-size:24px ;
    font-weight: bold;
    color: #fff;
    transition: .3s;
    
}
.cebian>div i{
    font-size: 24px;
    color: #333;
    transition: .3s;
    margin: 12px;
}



@media (min-width:751px) {

    .welcomeBox a:hover {
        color: #e70012;
    }
    .headerNavigation .navList .navItem:hover>a {
        background-color: #e70012;
    }

    .headerNavigation .navList .navItem:hover .navItemLinkBox {
        display: block;
        top: 60px;
        opacity: 1;
        visibility: unset;
    }

    .headerNavigation .navList .navItem .navItemLinkBox a:hover {
        background-color: #e70012;
    }

    .productListBox .productList .productItem:hover {
        transform: translateY(-10px);
    }

    .productItem .productTag span:hover {
        background-color: #3ba86f;
        color: #fff;
    }

    .ctaOnlineService .ctaOnlineCont .ctaBtn div:hover {
        background: linear-gradient(180deg, #137542 0%, #3ba86f 49%, #76b494 100%);
    }

    .caseListBox .caseList .caseItem:hover {
        background-color: #fff;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    }

    .caseListBox .caseList .caseItem:hover h3 {
        color: #3BA86F;
    }

    .peopleBox .peopleContBox .peopleCont p:hover {
        color: #1861F4;
    }

    .reasonBox .reasonList .reasonItem:hover {
        background: #3BA86F;
    }

    .reasonBox .reasonList .reasonItem:hover p {
        color: #fff;
    }

    .technologyPatentBox .technologyPatentItem:hover {
        background-color: #3BA86F;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    }

    .technologyPatentBox .technologyPatentItem:hover p {
        color: #fff;
    }

    .companyStrengthBox .companyStrengthList .companyStrengthItem:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.3);
    }

    .companyStrengthBox .companyStrengthList .companyStrengthItem:hover h3 {
        background-color: #3BA86F;
    }

    .areaFormBox .areaFormCont .inputItemBox span:hover {
        color: #fff;
        background: #3BA86F;
    }


    .casesListBox .casesList .casesItem:hover {
        background-color: #3BA86F;
        color: #fff;
    }

    .serviceListBox .serviceList .serviceItem:hover {
        background-color: #146DB9;
    }


    .serviceListBox .serviceList .serviceItem:hover h3 {
        color: #fff;
    }

    .serviceListBox .serviceList .serviceItem:hover p {
        color: #fff;
    }

    .telFormBox .telForm .selectItem span:hover {
        background-color: #3BA86F;
        color: #fff;
    }

    .navBreadcrumbs a:hover {
        color: #3BA86F;
    }

    .listPageBox .pageNavList a:hover {
        background-color: #3BA86F;
        color: #fff;
    }

    .listPageBox .itemBox:hover {
        color: #3BA86F;
    }

    .listPageBox .itemBox:hover img {
        transform: scale(1.1);
    }

    .listPageBox .itemBox:hover .itemImgBox .itemMask {
        opacity: 1;
        filter: Alpha(opacity=100);
        -webkit-transform: rotateX(0deg) scale(1, 1);
        transform: rotateX(0deg) scale(1, 1);
        transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
        background: rgba(0, 0, 0, 0.3);
    }
    .productPageContBox .productPageForm .productPageFormItem span:hover{
        background-color: #3BA86F;
        color: #fff;
    }
    .listPageBox .contactInfoBox .clickShowForm .clickItem:hover {
        transform: translateY(-10px);
    }
    .listPageBox .contactInfoBox .clickShowForm .clickItem:hover .infoBtn{
        background-color: #3BA86F;
    }

    .cebian>div:hover{
        background-color: #3BA86F;

    }
    .cebian>div:hover i{
        color: #fff;
    }
    .cebian>div.telBox:hover{
        width: auto;
        padding-right: 24px;

    }
    .cebian>div.telBox:hover p{
        width: auto;
    }
}