
/*轮播开始*/
.index-banner{
    margin-top:0;
    position: relative;
    height: 8.8rem;
}
.index-banner .carousel-item{
    height: 8.8rem;
    color: #ffffff;
}
.carousel-inner .banner1{
    background: url(../../images/banner/banner1.png) center no-repeat;
    background-size: cover;
}
.carousel-inner .banner2{
    background: url(../../images/banner/banner2.png) center no-repeat;
    background-size: cover;
}

.carousel-control-next, .carousel-control-prev{
    width: 10%;
}

.carousel-control-prev-icon{
    background-image: url("../../images/index/left.png");
}
.carousel-control-next-icon{
    background-image: url("../../images/index/right.png");
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 0.75rem;
    height: 0.75rem;
}
.carousel-inner .cn-en-title .banner1-content{
    text-align: center;
    position: absolute;
    margin-top: 2.2rem;
    margin-left: 8.25rem;
}
.carousel-inner .cn-en-title .banner1-content p{
    font-size: 0.15rem;
    font-weight: 400;
    letter-spacing: 1px;
}


.carousel-inner .banner-text-box{
    text-align: right;
    padding:0.3rem;
    margin-right: 1rem;
}
.carousel-inner .banner-text-box h3{
    font-size: 0.4rem;
}
.carousel-inner .banner-text-box h2{
    font-size: 0.5rem;
}

.carousel-inner .banner-text-box p{
    font-size: 0.19rem;
    margin: 0.05rem 0;
}
.carousel-inner .banner-text-box .text-box p{
    font-size: 0.19rem;
}
.banner-text-container{
    text-align: center;
    margin-left: 3.6rem;
    margin-top: 3rem;
}
.banner-text-container h2{
    font-size: 0.5rem;
}
.banner-text-container p{
    font-size: 0.3rem;
    margin: 0.05rem 0;
    text-transform: uppercase;
}

.carousel-inner .blank-line{
    margin: 0.5rem 0 0.3rem 0;
}
.carousel-inner .blank-line p{
    float: right;
    line-height:2px;
    height:2px;
    width:1rem;
    background-color: #ffffff;
    opacity: 0.8;
}
.banner-text-box .icon-list img{
    margin: 0.3rem;
}
.banner-text-box .icon-list:last-child img{
    margin-right: 0rem;
}
.carousel-inner .banner2-conent{
    height: 100%;
    width: 100%;
}
.banner2-bottom{
    position: absolute;
    bottom: 0;
    height: 1rem;
    width: 100%;
}
.banner2-bottom p{
    font-size:0.24rem;
    color:rgba(255,255,255,1);
    line-height:28px;
    letter-spacing:1px;
    opacity: 0.7;
}
.carousel-indicators{
    bottom: 0.2rem !important;
}
/*轮播结束*/



.section-title{
    max-width:10.24rem;
    margin: 0.8rem auto 0 auto;
    position: relative;
}
.section-title img{
    width: 100%;
    margin: 0 auto;
}
.section-title .title-content{
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size:0.5rem;
    font-weight: 800;
    line-height: 60px;
}
.section-describe{
    margin: 0.2rem auto 0.2rem auto;
    text-align: center;
    width:38%;
    font-size:0.2rem;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:0.34rem;
    letter-spacing: 0.02rem;
}

.dividing-line{
    width:2.8rem;
    height:2px;
    margin:0 auto;
    background:rgba(216,216,216,1);
    border:1px solid rgba(151,151,151,1);
}

/*行业解决方案开始*/
.solution-box{
    margin-top: 1rem;
}
.solution-content-box{
    margin: 1rem auto 0.55rem auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content-wrap{
    position: absolute;
    bottom: 0.2rem ;
    color: #FFFFFF;
    opacity: 0;
    transition: all .9s;
    padding: 0 0.2rem;
}
.solution-content-box-info{
    padding: 0;
    margin-bottom: 0.2rem;
    flex: 0 0 calc(33% - 0.08rem);
}
.solution-content-box-info .info-item{
    position: relative;
}
.solution-content-box-info .info-item .mask{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(51, 51, 51, 0.5);
    opacity: 0;
    transition: all .9s;
}
.solution-content-box-info:hover  .content-wrap{
    opacity: 1;
    transition: all 1.2s;
}

.solution-content-box-info:hover  .info-item .mask{
    opacity: 1;
    transition: all 1.2s;
}

.solution-item-details img{
    display: block;
}
.solution-top-img img{
    max-width: 100%;
    height: auto;
}
/*行业解决方案结束*/


/*产品介绍开始*/
.products-box{
    max-width: 16rem;
}
.product-content-box{
    max-width:16rem;
    margin: 1rem auto 0.55rem auto;
    text-align: center;
}
.product-row{
    width: 100%;
}
.product .section-describe{
    line-height:0.3rem;
    letter-spacing: 0.01rem;
}

.product-box-banner{
    position: relative;
}
.product-box-banner-text{
    position: absolute;
    bottom: 2rem;
    left: 1rem;
    text-align: left;
}
.product-dividing-line{
    width:1rem;
    height:2px;
    background:rgba(120,120,121,1);
    opacity: 0.6;
}
.product-box-banner-text h2{
    font-size: 0.5rem;
    font-weight: 900;
    text-align: left;
    color: rgba(85,88,97,1);
    line-height: 0.56rem;
    margin-bottom: 0.2rem;
}
.product-box-banner-text p{
    font-size: 0.2rem;
    font-weight: 500;
    color:rgba(85,88,97,1);
    line-height: 0.3rem;
    margin-top: 0.14rem;
    width: 4.86rem;
}
.product .product-row{
    margin-top: 0.6rem;
}
/*产品第一行*/
.product-row-1{
    max-width: 16rem;
    height: 6.24rem;
}
.product-row-1-col{
    float: left;
}
.row-1-top-col{
    float: left;
}
.row-1-bottom-col{
    float: left;
}
.product-row-1-left, .product-row-1-right{
    width: 6.4rem;
    height: 6.24rem;
}
.row-1-top{
    height: 3.02rem;
    width: 9.6rem;
}
.row-1-bottom{
    height: 3.22rem;
    width: 9.6rem;
}
.row-1-top-left{
    height: 3.02rem;
    width: 6.4rem;
}
.row-1-top-right{
    width: 3.2rem;
    height: 3.02rem;
}
.row-1-top-left p{
    margin: 0.8rem;
    font-size: 0.2rem;
    font-weight: 500;
}
.row-1-bottom-left{
    height: 3.22rem;
    width: 3.2rem;
}
.row-1-bottom-mid{
    height: 3.22rem;
    width: 3.2rem;
}
.row-1-bottom-right{
    height: 3.22rem;
    width: 3.2rem;
}
.text-dividing-line{
    width:1.7rem;
    height:2px;
    margin:0 auto;
    background:#000000;
    border:1px solid #000000;
    line-height: 0.25rem;
}
.row-1-bottom-right-text{
    margin-top: 1.5rem;
    color: #000000;
    font-size: 0.2rem;
    font-weight: 500;
}

/*产品第二行*/
.product-row-2{
    margin-top: 0;
    height: 3.22rem;
    max-width: 16rem;
}
.product-row-2-left, .product-row-2-right{
    width: 6.4rem;
    height: 3.22rem;
}
.product-row-2-left p{
    text-transform:uppercase;
    margin-top: 1.5rem;
    font-weight: 500;
    font-size: 0.2rem;
}
.product-row-2-right{
    width: 60%;
    margin-bottom: -0.15rem;
}
.product-row-2-col{
    float: left;
}
.product-row-2-right-col{
    float: left;
}
.product-row-2-right-left{
    width: 3.2rem;
    height: 3.22rem;
}
.product-row-2-right-mid{
    width: 3.2rem;
    height: 3.22rem;
}
.product-row-2-right-right{
    width: 3.2rem;
    height: 3.22rem;
}
.product-row-2-right-mid p{
    font-weight: 500;
    font-size: 0.2rem;
    margin-top: 1.6rem;
}
.product-row-2-right-right img{
    width: 3.24rem;
    height: 3.22rem;
    margin: 0 0 0 -0.2rem;
    float: right;
}

/*产品第三行*/
.product-row-3{
    max-width: 16rem;
    max-height: 3.22rem;
}
.product-row-3-col{
    float: left;
}
.product-row-3-left{
    width: 6.4rem;
    height: 3.22rem;
}
.product-row-3-right{
    width: 9.6rem;
    height: 3.22rem;
}
.product-row-3-right p{
    width:365px;
    height:60px;
    font-size:14px;
    font-weight:600;
    color:rgba(169,169,169,1);
    line-height:20px;
    letter-spacing:1px;
    text-align: left;
    margin-top: 1.3rem;
    margin-left: 0.22rem;
}

/*产品第四行*/
.product-row-4{
    max-width: 16rem;
    height: 6.24rem;
}
.product-row-4-col{
    float: left;
}
.product-row-4-left{
    width: 6.4rem;
    height: 6.24rem;
}
.product-row-4-right{
    width: 9.6rem;
    height: 6.24rem;
}
.product-row-4-left-p{
    width: 3.2rem;
    height: 6.24rem;
}
.product-row-4-left-img{
    width: 3.2rem;
    height: 6.24rem;
    margin-top: 0.02rem;
}
.product-row-4-left p{
    margin-top: 1.3rem;
    height: 0.25rem;
    font-size: 0.18rem;
    text-indent: 0.5rem;
    color: #000000;
    font-weight: 600;
}
.row-4-left-dividing-line{
    width:1.9rem;
    height:2px;
    margin:0 auto auto 0.9rem;
    background:#000000;
    border:1px solid #000000;
    line-height: 0.25rem;
}
.product-row-4-right-img{
    width: 6.4rem;
    height: 6.24rem;
}
.product-row-4-right-right{
    width: 3.2rem;
    height: 6.24rem;
}
.product-row-4-right-right-top{
    width: 3.2rem;
    margin-top: 1.5rem;
    color: #000000;
    font-size: 0.2rem;
    font-weight: 500;
}
.product-row-4-right-right-bottom{
    margin-top: 1.21rem;
    width: 3.2rem;
    height: 3.02rem;
}
.row-4-dividing-line{
    width:1.3rem;
    height:2px;
    margin:0 auto;
    background:#000000;
    border:1px solid #000000;
    line-height: 0.25rem;
}
.product-row-4-left-col{
    float: left;
}
.product-row-4-right-col{
    float: left;
}

/*产品第五行*/
.product-row-5{
    max-width: 16rem;
    height: 3.22rem;
}
.product-row-5-col{
    float: left;
}
.product-row-5-left{
    width: 6.4rem;
}
.product-row-5-right{
    width: 9.6rem;
}
.product-row-5-right-left{
    width: 3.2rem;
    height: 3.22rem;
}
.product-row-5-right-left p{
    margin-top: 1.5rem;
    font-size: 0.18rem;
    font-weight: 600;
}
.row-5-dividing-line{
    width:1.4rem;
    height:2px;
    margin-left: 0.9rem;
    background:#000000;
    border:1px solid #000000;
    line-height: 0.25rem;
}
.product-row-5-right-col{
    float: left;
}
.product-row-5-right-mid{
    width: 3.2rem;
}
.product-row-5-right-right{
    width: 3.2rem;
}
/*产品介绍结束*/

/*底部文字开始*/
.bottom-text{
    font-weight: 600;
    font-size: 0.2rem;
    width:100%;
    color:rgba(0,0,0,1);
    letter-spacing:0.01rem;
}
.bottom-text p{
    margin-top: 1.8rem;
    max-width: 10.6rem;
    text-align: center;
    line-height: 0.28rem;
    letter-spacing: 1px;
}
/*底部文字结束*/

@media screen and (min-width: 2000px) {
    .caption p{
        font-size:0.16rem;
        line-height:0.3rem;
    }
    .section-describe {
        width: 50%;
    }

    .media-item p.media-item-content{
        font-size: 0.2rem;
    }
}