.Crumbs {
    width: 100%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.Crumbs_nav {
    overflow: hidden;
    padding: 15px 0
}

.Crumbs span.youAreHere {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin-right: 8px
}

.Crumbs ul {
    float: left
}

.Crumbs ul i {
    padding: 0 5px
}

.Crumbs ul i,
.Crumbs ul li {
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.Crumbs ul li a,
.Crumbs ul li a span {
    height: 100%;
    font-size: 16px;
    color: #333;
    display: inline-block;
    font-weight: 400
}

.pageBanner {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.pageBanner h1 {
    text-align: center;
    padding: 145px 0;
    font-size: 60px;
    color: #fff;
    text-transform: uppercase
}

.applicationBox1 {
    overflow: hidden
}

.applicationBox1 .textBox {
    padding: 30px 0 70px
}

.applicationBox1 .textBox span {
    color: #2997CB;
    font-size: 15px;
    text-transform: uppercase
}

.applicationBox1 .textBox h2 {
    font-size: 60px;
    color: #7e7e7e;
    padding: 20px 0
}

.applicationBox1 .textBox p {
    font-size: 22px;
    color: #666;
    line-height: 1.6;
}

.applicationBox1 .listBox {
    padding: 0 100px 0;
    overflow: hidden
}

.applicationBox1 .listBox .list {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px
}

.applicationBox1 .listBox .imgBox {
    position: relative;
    overflow: hidden
}

.applicationBox1 .listBox .imgBox .img img {
    width: 100%
}

.applicationBox1 .listBox .imgBox .tBox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 90px;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: all .3s
}

.applicationBox1 .listBox .imgBox:hover .tBox {
    opacity: 1;
    transition: all .3s
}

.applicationBox1 .listBox .imgBox .tBox p {
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #fff;
    line-height: 1.6
}

.applicationBox1 .listBox .imgBox .tBox .a {
    position: absolute;
    bottom: 0;
    height: 90px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.applicationBox1 .listBox .imgBox .tBox .a a {
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    margin: 0 24px
}

.applicationBox1 .listBox .imgBox .tBox .a a.video_click {
    padding-right: 35px;
    background: url(../image/indexSolutionVideo.png) no-repeat right center
}

.applicationBox1 .listBox .imgBox .tBox .a a.video_click:after {
    background: 0 0
}

.applicationBox1 .listBox .text a {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #000;
    padding: 20px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:1620px) {

    .pageBanner h1,
    .applicationBox1 .textBox h2 {
        font-size: 40px
    }
}
@media(max-width:1450px) {

    .pageBanner h1,
    .applicationBox1 .textBox h2 {
        font-size: 48px
    }
}
@media(max-width:1220px) {

    .indexBox1 .textBox h2,
    .indexBox3 .textBox .text h2,
    .indexBox4 .text h2,
    .indexBox5 .textBox .title h2,
    .pageBanner h1,
    .applicationBox1 .textBox h2 {
        font-size: 40px
    }
    .pageBanner h1 {
        padding: 120px 0
    }

    .footer_box .footerLogo .text p,
    .indexBox1 .textBox p,
    .indexBox1 .listBox .imgBox .tBox .a a,
    .indexBox1 .listBox .text a,
    .indexBox1 .item .text h3,
    .indexBox4 .text a,
    .applicationBox1 .textBox p,
    .applicationBox1 .listBox .text a {
        font-size: 20px
    }

    .applicationBox1 .textBox {
        padding: 20px 0 30px
    }

    .applicationBox1 .listBox {
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
        padding-bottom: 30px
    }

    .applicationBox1 .listBox .list {
        width: 50%;
        padding: 0 10px
    }

}
@media(max-width:992px) {

    .indexBox1 .textBox h2,
    .indexBox3 .textBox .text h2,
    .indexBox4 .text h2,
    .indexBox5 .textBox .title h2,
    .productDetailBox1 .title h1,
    .pageBanner h1,
    .solutionBox1 .title h2,
    .solutionBox2 .conBox1 .text h2,
    .solutionBox2 .conBox2 .text h2,
    .solutionBox3 .title h2,
    .solutionBox4 .title h2,
    .solutionBox5 .solutionApplication .title h2,
    .solutionBox5 .solutionCustomer .title h2,
    .solutionBox6 .title h2,
    .applicationBox1 .textBox h2,
    .aboutBox1 .conBox .title h2,
    .aboutBox2 .title h2,
    .aboutBox3 .title h2,
    .contactBox1 .title h2 {
        font-size: 34px
    }
    .pageBanner h1 {
        padding: 80px 0
    }

    .footer_box .footerLogo .text p,
    .indexBox1 .textBox p,
    .indexBox1 .listBox .imgBox .tBox .a a,
    .indexBox1 .listBox .text a,
    .indexBox1 .item .text h3,
    .indexBox4 .text a,
    .solutionBox4 .solutionFeature .text p,
    .applicationBox1 .textBox p,
    .applicationBox1 .listBox .text a {
        font-size: 16px
    }

    .applicationBox1 .listBox .list {
        margin-bottom: 20px
    }

    .applicationBox1 .listBox .text a {
        padding: 10px
    }

    .applicationBox1 .listBox .imgBox .tBox {
        display: none
    }

}
@media(max-width:767px) {

    .indexBox1 .textBox h2,
    .indexBox3 .textBox .text h2,
    .indexBox4 .text h2,
    .indexBox5 .textBox .title h2,
    .productDetailBox1 .title h1,
    .pageBanner h1,
    .solutionBox1 .title h2,
    .solutionBox2 .conBox1 .text h2,
    .solutionBox2 .conBox2 .text h2,
    .solutionBox3 .title h2,
    .solutionBox4 .title h2,
    .solutionBox5 .solutionApplication .title h2,
    .solutionBox5 .solutionCustomer .title h2,
    .solutionBox6 .title h2,
    .applicationBox1 .textBox h2,
    .aboutBox1 .conBox .title h2,
    .aboutBox2 .title h2,
    .aboutBox3 .title h2,
    .contactBox1 .title h2 {
        font-size: 28px
    }

}
@media(max-width:640px) {

    .applicationBox1 .listBox .list {
        width: 100%
    }

    .pageBanner h1 {
        padding: 60px 0
    }

}