.gray{color:#84888d;}
.banner {overflow: hidden;position: relative;}
.banner li{overflow: hidden;}
.banner li .blank_18{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:url(../images/banner_bg.png) no-repeat 0 bottom;background-size: 100%;z-index: 2;}
.banner li>img{position: relative;z-index: 1;}
.banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;}
.banner_text{position: absolute;left: 10%;top:3rem;
    color:#fff;width: 100%;
    opacity: 0;z-index: 3;
    transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;}
.banner_p h2 {line-height:1.2em;max-height: 3.6em;text-transform: uppercase;font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; margin-bottom: 0.2rem;}
.banner_p p{font-family:"Arial"; line-height: 24px;max-height:48px;  display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.banner li.swiper-slide-active .banner_text{opacity: 1;left: 0;}
.banner.cur li .banner_text{opacity: 1;left: 0;}
.banner_more{padding-top: 0.3rem}
.banner_more a{color:#fff;    color: #e4313a;}
.banner_page{position: absolute;left: 0;bottom: 0.55rem;width: 100%;overflow: hidden;z-index: 99;}
.banner_page .swiper-pagination{position: static;float: right;}
.banner_page span{background: none;opacity: 1;width: 5px;height: 30px;position: relative;float: left;margin-left: 6px;}
.banner_page span:after{content:"";position: absolute;left: 0;bottom:0;width: 100%;height: 14px;background:#fff;border-radius: 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.banner_page .swiper-pagination-bullet-active:after{height: 100%;}

.phone_video{display: none;}

@media only screen and (max-width:1024px) {
    .banner_text h3{line-height: inherit;}
    .banner_p{height: auto;left: 0}
    .banner_p h2 {font-size: 24px;line-height:30px;max-height: 60px;}

    .banner .ban_video .phone_video a{color: #fff;    color: #e4313a;}
    .banner .ban_video .phone_video{display: block;
        color: #fff;
        position: absolute;
        right: 44%;
        bottom: -30%;
        font-size: 24px;}
}
@media only screen and (max-width:767px) {
    .banner li{height: 220px!important;}
    .banner_text{top:50%;}
    .banner_text h2{font-size: 18px;font-weight: bold; line-height: 24px;max-height: 48px;}
    .banner_text p{font-size: 12px;line-height: 20px;max-height: 40px;}
    .banner_p{padding-left: 0; min-height: 100px;}
    .banner li video{display: none !important;}
    .banner li>img{display: none;}
    .banner_text{top:20%;}
    .banner_text h2{margin-bottom: 10px;}
    .banner_more{padding-top: 10px;}
    .banner_page{bottom: 10px;}
    .banner_page span{height:20px;}
    .banner_page span:after{height:10px;}
}

.tit{text-transform: uppercase;}
.tit h2{font-weight: bold;}
.tit-img{width: 0.39rem;height: 0.09rem;background: url(../upload/tit-img.png) no-repeat center;background-size: cover;display: block;margin-top: 0.1rem;}
.learn_more{width: 0.7rem;height: 0.3rem;text-align: center;line-height: 0.3rem;border-radius: 0.3rem;background: #ea2d36;color: #fff;display: block;margin-top: 0.75rem;}

/*index01*/
.index_01{padding: 1.3rem 0;box-sizing: border-box;overflow: hidden;}
.index_01-top-txt{margin-top: 0.3rem;}
.index_01-top-txt p{font-weight: bold;}
.index_01-top-txt span{color: #84888d;display: block;margin-top: 0.15rem;}
.index_01-top-txt .learn_more{margin-top: 0.5rem;}
.index_01-bot{margin-top: 1.2rem;}
.index_01-bot ul{margin-left: -0.36rem;margin-right: -0.36rem;}
.index_01-bot li{float: left;width: 33.3%;padding: 0 0.36rem;box-sizing: border-box;margin-bottom: 0.5rem;}
.index_01-bot dl{border-top: 1px solid #cacaca;display: flex;justify-content: space-between;padding: 0.27rem 0;box-sizing: border-box;align-items: flex-start;}
.index_01-bot dt{width: 0.6rem;height: 0.6rem;border: 1px solid #bebebe;border-radius: 0.2rem;}
.index_01-bot dt img{width: 100%;height: 100%;}
.index_01-bot dd{display: flex;align-items: center;}
.index_01-bot .le{line-height: 1;font-weight: bold;margin-right: 0.2rem;}
.index_01-bot .le em{margin-left: -0.06rem;}
.index_01-bot .re span{display: block;white-space: nowrap;}
.index_01-bot li:first-child .le{color: #ea2d36;}
/*index02*/
.index_02{padding: 0.9rem 0;box-sizing: border-box;overflow: hidden;}
.index_02-list{margin-top: 0.4rem;}
.index_02-list ul{margin-left: -0.1rem;margin-right: -0.1rem;}
.index_02-list li{float: left;width: 33.3%;padding: 0 0.1rem;box-sizing: border-box;}
.index_02-list dl{border-bottom: 1px solid #c2c2c2;padding-bottom: 0.6rem;box-sizing: border-box;}
.index_02-list dt{margin-top: 0.3rem;padding: 0 0.7rem 0 0.2rem;box-sizing: border-box;}
.index_02-list dt span{display: block;color: #84888d;margin-bottom: 0.2rem;}
.index_02-list dt h3{margin-bottom: 0.2rem;}
.index_02-list dt h3 a{display: block;line-height: 1.3;height: 3.9em;overflow: hidden;font-weight: bold;}
.index_02-list dt p{color: #84888d;height: 6em;overflow: hidden;}
.index_02-list dt>a{display: block;margin-top: 0.4rem;color: #d42c37;font-weight: bold;}
/*index04*/
.index_04{position: relative;}
.index_04 img{width: 100%;}
.index_04 .tit{color: #fff;}
.index_04-con{position: absolute;left: 0;top: 2rem;z-index: 2;width: 100%;}
.index_04-div{background: url(../upload/bg01.jpg) no-repeat center;background-size: cover;width: 9rem;padding: 0.8rem 0.9rem;box-sizing: border-box;margin-top: 0.4rem;}
.index_04-div p{font-weight: bold;height: 3em;overflow: hidden;}
.index_04-div span{color: #84888d;display: block;margin-top: 0.4rem;height: 4.5em;overflow: hidden;}
/*index05*/
.index_05{position: relative;}
.index_05 img{width: 100%;}
.index_05-con{position: absolute;right: 4.5rem;top: 2.5rem;width: 6rem;}
.index_05-con h3{text-transform: uppercase;font-weight: bold;line-height: 1.1;margin-top: 0.2rem;}
.index_05-con p{margin-top: 0.4rem;font-weight: bold;}

/*index03*/
.index_03{overflow: hidden;}
.index_03 .tit{text-align: center;}
.index_03 .tit-img{margin-left: auto;margin-right: auto;}
.index_probox{position: relative;z-index: 5;}
.index_probox ul{}
.index_probox>ul>li{display:none;height: 100%;padding: 1.6rem 0 0.75rem 0;}
.index_probox>ul>li.on{display:block;}
.index_pro{position: relative;padding: 0.2rem 0 0.7rem 0;}
.index_probox .wrap{position: relative;}
.index_protab{display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}
.index_protab li{width: 3.1rem;height: 1.9rem;text-align: center;margin-bottom: 1px;cursor: pointer;float: left;}
.index_protab dl{}
.index_protab li{position: relative;display: flex;align-items: center;justify-content: center;}
.index_protab li:after{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background:#ec4048;visibility: hidden;opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_protab li.on{background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_protab li.on:after{visibility: visible;opacity: 1}
.index_protab dt{margin-bottom: 17px;background: #fff;}
.index_protab dt img{width:0.65rem;height: 0.65rem;}
.index_protab dd h3{font-weight: bold;}
.index_protab dd p{font-size: 12px;font-family: "Arial"}
.index_protab dd h3,.index_protab dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.index_proCon{position: relative;margin-top: -0.1rem;display: inline-block;width: 100%;}
.index_prointe{position: relative;z-index: 2;}
.index_prointe dl{height: 100%;display: none;position: relative;}
.index_prointe dl.on{display: block;}
.index_prointe dt{margin-top: 0.2rem;overflow: hidden;}
.dt-div{background: #fff;padding: 0.6rem 1rem;box-sizing: border-box;overflow: hidden;}
.dt-div-ll{float: left;width: 40%;font-weight: bold;}
.dt-div-rr{float: right;width: 55%;}
.dt-div-rr p{color: #84888d;}
.dt-div-rr .learn_more{margin-top: 0.4rem;}
.index_prointe dt p{}
.index_prointe dt .index_more{padding-top: 20px;}
.index_prointe dd{width:26.5%;margin-top: 0.6rem;margin-left: auto;margin-right: auto;}



.index_proimg{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.index_proimg ul,.index_proimg li{width: 100%;height: 100%;}
.index_proimg li{display: none;}
.index_proimg li.on{display: block;}
.index_proimg:after{content:"";position: absolute;top:-1px;left: 0;width: 100%;height: 1.04rem;background:url(../images/index_probg_wite.png) no-repeat;background-size: 100% 100%;}


@media only screen and (min-width:1025px) {
    .learn_more:hover{opacity: .8;color: #fff!important;}
    .index_02-list dt>a:hover{opacity: .8;}
}
@media only screen and (max-width:1024px) {
    .index_05-con{width: 94%;right: auto;left: 3%;}
}
@media only screen and (max-width:767px) {
    .index_01{padding: 30px 0 0;}
    .index_01-bot ul{margin-left: 0;margin-right: 0;}
    .index_01-bot li{width: 100%;padding: 0;}
    .index_01-bot dt{width: 40px;height: 40px;}
    .index_02{padding: 30px 0;}
    .index_02-list ul{margin-left: 0;margin-right: 0;}
    .index_02-list li{width: 100%;padding: 0;}
    .index_02-list dt h3 a{max-height: 3.9em;height: auto;}
    .index_02-list dt p{max-height: 6em;height: auto;}
    .index_03{margin-bottom: 0;}
    .index_protab li{width: 33.3%;height: 100px;padding-top: 15px;align-items: flex-start;}
    .index_protab dt{margin-bottom: 7px;}
    .index_protab dl{width: 100%;}
    .index_protab dd h3, .index_protab dd p{padding: 0 10px;box-sizing: border-box;white-space: inherit;text-overflow: inherit;word-break: break-all;}
    .index_proCon{height: auto!important;}
    .index_prointe dd{width: 40%;}
    .dt-div{padding: 20px;}
    .dt-div-ll,.dt-div-rr{width: 100%;}
    .dt-div-ll{margin-bottom: 10px;}
    .index_04-con{position: static;margin-top: 30px;top: auto;}
    .index_04 .tit{color: #333333;}
    .index_04-div{width: 100%;padding: 30px;}
    .index_05-con{position: static;width: 100%;padding: 20px 20px 40px;}

    .learn_more{width: 40px;height: 20px;line-height: 20px;}

}