*{box-sizing: border-box;}
.banner {overflow: hidden;position: relative;}
.banner li{overflow: hidden;}
.banner li .blank_13{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.13);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:2.6rem;
	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{padding: 0 1.2rem}
.banner_p h2 {font-size: 0.6rem;line-height:1.2em;max-height: 2.4em;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; margin-bottom: 0.2rem;}
.banner_p p{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;}
.banner_page{position: static;overflow: hidden;z-index: 99;padding-top: 0.2rem;}
.banner_page .swiper-pagination{position: static;text-align: center;}
.banner_page span{background: none;opacity: 1;width: 10px;height: 10px;position: relative;display: inline-block;margin: 0 0.22rem;}
.banner_page span:after{content:"";position: absolute;left: 0;bottom:0;width: 100%;height: 100%;background:#000;border-radius: 50px;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{background: #d00008;}

.phone_video{display: none;}
.banner_p01{overflow: hidden;}
.banner_p01 .b_more{float: left;color: #fff;font-size: 22px;font-weight: bold;}
.banner_p01 .b_more i{color: #fff;}
.banner_p01 p{float: right;width: calc(100% - 50px)}

.video_close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 99999;
}
.video_close i {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.video_appbox .mask{display: block;}
@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;}
.banner .ban_video .phone_video{ width:30px;height: 30px;line-height: 30px;border: 2px solid #fff; display: block;border-radius: 50%;z-index: 99;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
    font-size: 24px;}
.banner .ban_video .phone_video i{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.banner_p01 p{width: calc(100% - 30px);}
}
@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: 0;}
.banner li video{display: none !important;}
.banner li a>img,.banner li>img{display: none;}
.banner_text{top:30%;}
.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;}
.banner.cur .banner_text{opacity: 1;left: 0;}{}
}

.index_01{padding: 0.8rem 0 1.2rem 0;}
.index_01 dl{overflow: hidden;}
.index_01 dt,.index_01 dd{height: 100%;}
.index_01 dt{float: left;width: 45.5%;}
.index_01 dd{float: right;width: 49.3%; padding: 0.4rem 0; padding-right: 0.4rem;}
.index_01 h3{margin-bottom: 0.3rem;}
.index_01 h3 a{color:#39434e;}
.index_01 p{color: #39434e;height: calc(100% - 0.9rem - 50px - 60px)}
.index_more{padding-top: 0.6rem}
.index_more a{display: inline-block;height: 50px;line-height: 50px;color: #fff;background: #d00008;border-radius: 30px;padding:0 45px;}
.index_more a i{font-size: 16px;left: 10px;position: relative;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_06{background:#f5f5f5;padding: 0.9rem 0;}
.index_06 .index_more{text-align: center;}
.index_tab{margin-bottom: 0.2rem;}
.index_tab li{float: left;color: #c0c0c0;}
.index_tab li i{color: #c0c0c0;margin: 0 14px;}
.index_tab li:last-child i{display: none;}
.index_tab ul{display: inline-block;}
.index_tab{text-align: center;}
.index_tab li.on{color: #39434e;}
/*.inde_iteam{display: none;}
.inde_iteam:first-child{display: block;}*/
.inde_iteam .left,.inde_iteam .right{height: 100%;}
.inde_iteam .left{width: 49.6%;float: left;}
.inde_iteam .left a{display: block;}
.inde_iteam .left dt{position: relative;}
.inde_iteam .left dt:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background:url(../images/index_jb02.png) no-repeat;background-size: 100% 100%;}
.inde_iteam .left dl{position: relative;}
.inde_iteam .left dd{position: absolute;left: 0;bottom: 0;width:100%;z-index: 5;color: #fff;padding:0.25rem 0.35rem}
.inde_iteam .right{width: 48.5%;float: right}
.inde_iteam .right ul,.inde_iteam .right li,.inde_iteam .right dl{height: 100%;}
.inde_iteam .right li{width: 50%;float: left;}
.inde_iteam .right li dl{margin: 0 0.1rem;border: 1px solid #d0d0d0;padding: 0.4rem;position: relative;}
.inde_iteam .right li dl:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 5px;background: #f3f3f3}
.inde_iteam .right ul{margin: 0 -0.1rem;}
.inde_iteam h3{line-height: 1.3em;max-height: 2.6em;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
  .index_time {margin-bottom: 0.1rem;}
  .index_newmore a{display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #d72a20;color: #fff;font-size: 12px;border-radius: 5px;}
.inde_iteam .right .index_time{margin-bottom: 0.2rem;color: #aaaaaa;}

.inde_iteam .right h3{max-height: 3.9em;-webkit-line-clamp:3;margin-bottom: 0.2rem;}
.inde_iteam .right h3 a{color: #39434e;}
.inde_iteam p{color: #39434e;max-height: 150px;-webkit-line-clamp: 5;}
.inde_iteam .index_newmore{position: absolute;left: 0.4rem;bottom: 0.35rem;}

.index_05{padding: 1.35rem 0 1.2rem 0;}
.index_05 ul{overflow: hidden;margin: 0 -0.11rem;}
.index_05 li{float: left;width: 33.33%;}
.index_05 li>a{display: block;margin: 0 0.11rem;}

.index_05 dl{position: relative;}
.index_05 dd{position: absolute;top:0;left: 0;width:100%;height: 100%;background: rgba(208,0,8,0.71);z-index: 6;color: #fff;padding: 0.8rem 0.5rem;padding-right: 0.7rem;visibility: hidden;opacity: 0;}
.index_05 dd h3{margin-bottom: 0.1rem;}
.index_05 dd p{margin-bottom: 0.4rem;max-height: 150px;-webkit-line-clamp: 5;}
.index_05 li dt{position: relative;}
.index_05 li dt:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background:url(../images/index_jb02.png) no-repeat;background-size: 100% 100%;}
.index_ya{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 5;color: #fff;padding: 0.4rem 0.5rem;}
.index_ya h3{margin-bottom: 0.25rem;}
.index_yamore{display: inline-block;width: 46px;height: 32px;line-height: 32px;text-align: center;background: #d00008;color: #fff;text-align: center;border-radius: 20px;font-weight: bold;}

.index_02{margin-bottom: 1.4rem;}
.index_slider{position: relative;}
.index_slider li>a{display: block;}
.index_slider dl{position: relative;}
.index_slider dt{position: relative;}
.index_slider dt:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url(../images/index_bg4.png) no-repeat;background-size: 100% 100%;}
.index_slider dd{position: absolute;left: 1px;top:0;width: 100%;height: 100%;background: url(../images/index_bg3.png) no-repeat;background-size: 100% 100%;}
.index_btn{display: none;}
.index_btn div{width: 40px;height: 40px;line-height: 40px;font-size: 40px; margin-top: -20px; font-weight: bold;text-align: center;background: none;color: #d00008;}
.index_btn .swiper-button-disabled{color: #39434e;opacity: 1}
.index_btn .swiper-button-prev{left: -50px;}
.index_btn .swiper-button-next{right: -50px;}
.index_a01{position: absolute;top:0.7rem;left: 0.9rem;color: #fff;width: 300px;}
.index_a01 h3{margin-bottom: 0.4rem;max-height: 150px;  -webkit-line-clamp: 5;}
.index_line{width: 0.41rem;height: 0.03rem;background: #fff;}
.index_a02{text-align: center;position: absolute;right: 0.3rem;top:0;height: 100%;width: 17.5%;padding-top: 1.1rem;padding-bottom: 0.5rem; color: #1d1a34;overflow: hidden;}
.index_a02 h2{margin-bottom: 0.2rem}
.index_pro_t{color: #000;padding: 0.4rem 0}
.index_pro_t h3{line-height: 1.2em;}
.index_pro_t h4{line-height: 1.2em;}
.index_a02 .p02{font-size: 12px;line-height: 20px;}

.index_03{background: #f5f5f5;padding-top: 0.8rem;overflow: hidden;}
.index_03 h2{text-align: center;color: #39434e;text-align: center;}
.index_pro {position: relative;}
.index_pro .swiper-container{padding: 0 5px; padding-top: 10px;}
.index_pro li{float: left;width: 25%;text-align: center;color: #39434e;}
.index_pro li dl{margin-bottom: 1rem;margin-top: 0.8rem;border-left: 1px solid #e1e1e1;padding: 0 0.8rem;}
.index_pro li:last-child dl{border-right: 1px solid #e1e1e1;}
.index_pro dt{margin-bottom: 0.4rem;}
.index_pro dt h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_pro dt span{width: 60px;height: 60px;margin: auto;overflow: hidden;display: block;margin-bottom: 0.2rem;position: relative;}
.index_pro dt img{position: absolute;left: 0;top:0;width: 100%;height: 100%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.indexic_02{visibility: hidden;opacity: 0}

.index_pro dd p{height: 180px;  -webkit-line-clamp:6;}
.index_pro .index_newmore{position: static;padding-top: 0.3rem;}




@media only screen and (max-width:1440px) {
.index_01 dd{padding: 0.2rem 0;}
.banner_page span{margin: 0 0.15rem;}
.inde_iteam p{max-height: 120px;-webkit-line-clamp:4;}
}
@media only screen and (max-width:1280px) {
.inde_iteam .right h3{max-height: 2.6em;-webkit-line-clamp:2;}
}
@media only screen and (max-width:1024px) {
.index_more a{height: 40px;line-height: 40px;padding: 0 20px;}
.index_more a i{left: 5px;}
.index_01 p{height: calc(100% - 120px)}
.index_01 h3{margin-bottom: 10px;}
.index_more{padding-top: 20px;}
.banner_page span{margin: 0 10px;}

.inde_iteam p{max-height: 72px;-webkit-line-clamp:3;}

.index_a01,.index_a02{position: static;width: 100%;}
.index_a01{color: #000;}
.index_a02{padding: 0;text-align: left;}
.index_a01 h3{margin-bottom: 0px;    max-height: inherit;
    -webkit-line-clamp: inherit;}
.index_line{background: #000;margin: 20px 0;}
.index_a02 h2{margin-bottom: 10px;}
.index_slider dd{position: static;width: 100%;padding: 20px;background: #f5f5f5;height: 200px;}
.index_pro_t{padding: 15px 0}
.index_pro_t h3,.index_pro_t h4{line-height: 26px;}

.index_btn div{width: 30px;height: 30px;line-height: 30px;font-size: 30px; margin-top: -15px;}
.index_btn .swiper-button-prev{left:5px;}
.index_btn .swiper-button-next{right:5px;}
.index_slider .index_btn .swiper-button-disabled{color: #fff;opacity: 0.5}
.index_slider .index_btn div{margin: 0;top:3rem;}

.index_pro .swiper-container{padding: 0;}
.index_pro dd p{height: 144px;}
.index_pro dt span{width: 50px;height: 50px;margin-bottom: 10px;}
.index_pro dt{margin-bottom: 20px;}
.index_pro .index_newmore{padding-top: 20px;}
.index_pro li dl{margin: 0;}
.index_03 h2{margin-bottom: 40px;}
.index_03{padding: 50px 0;}
}
@media only screen and (max-width:767px) {
	.banner_page span{margin: 0 5px;}
	.banner_page{padding-top: 10px;}
	.index_01,.index_06,.index_05,.index_03{padding: 30px 0;}
	.index_02{margin-bottom: 30px;}
	.index_01 dl{height: auto !important;}
.index_01 dt,.index_01 dd{float: none;width: 100%;}
.index_01 dt{margin-bottom: 10px;}
.inde_iteam{height: auto !important;}
.inde_iteam .left, .inde_iteam .right,.inde_iteam .right li{float: none;width: 100%;}
.inde_iteam .right li{margin-top: 10px;}
.inde_iteam .index_newmore{position: static;padding-top: 20px;}
.index_time,.inde_iteam .right .index_time,.inde_iteam .right h3{margin-bottom: 10px;}
.inde_iteam .left dd,.inde_iteam .right li dl{padding: 20px;}
.inde_iteam .right li dl,.inde_iteam .right ul{margin: 0;}

.index_05 li{float: none;width: 100%;margin-bottom: 10px;}
.index_05 ul,.index_05 li>a{margin: 0;}
.index_slider .index_btn div{margin: 0;top:1rem;}
.index_pro li dl{border:0;padding:0 40px;}
.index_03 h2{margin-bottom: 20px;}
.index_pro dd p{height: 120px;-webkit-line-clamp: 5;}
}
@media only screen and (min-width:1025px) {
.index_more a:hover{color: #fff !important}
.index_more a:hover i{left: 5px;}
.index_newmore a:hover{color: #fff !important;opacity: 0.9}

.inde_iteam .right li dl,.inde_iteam .right li dl:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.inde_iteam .right li dl:hover{border-color: #d00008;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.inde_iteam .right li dl:hover:after{background: #d00008}
.inde_iteam .right li dl:hover h3 a{color: #000;}

.index_05 dd,.index_ya,.index_05 li dt:after{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}
.index_05 dl:hover dd{visibility: visible;opacity: 1;}
.index_05 dl:hover .index_ya{visibility: hidden;opacity: 0;}
.index_05 dl:hover dt:after{visibility: hidden;opacity: 0;}

.index_pro li{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}
.index_pro li:hover{background: #fff;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.index_pro li:hover dt a{color: #d00008;}
.index_pro li:hover .indexic_02{visibility: visible;opacity: 1}
.index_pro li:hover .indexic_01{visibility: hidden;opacity: 0}


}


.index_04{position: relative;}
.index_bgimg{position: absolute;top:0;left: 0;}
.index_bgimg,.index_bgimg ul,.index_bgimg li{width: 100%;height: 100%;}
.index_bgimg li img{display: none;}
.index_bgimg li{position: absolute;top:0;left: 0;    opacity: 1;}
.index_bgimg li.on{ opacity: 1;z-index: 5;}
@keyframes modular1-bg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.index_bgimg li.on{display: block;}
.index_bgimg li:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.13);}
.index_04 .wrap{height: 100%;position: relative;z-index: 9;}
.dib_cj,.dib_cj .swiper-container,.dib_cj dl{height: 100%;}
.dib_cj dt{display: none;}
.dib_cj dd{overflow: hidden;}
.dib_cj{color: #fff;}
.index_more3 a{display: inline-block;width: 88px;height: 30px;line-height: 30px;text-align: center;background: #fff;border-radius:20px;}
.index_icon{width: 40px;height: 40px;margin-bottom: 0.3rem;}
.dib_cj dl{padding: 0 0.3rem;padding-top: 1.6rem; border-left:1px solid rgba(255,255,255,0.17)}
.dib_cj li:last-child dl{border-right:1px solid rgba(255,255,255,0.17)}
.dib_cj li{width: 16.575%;float: left;transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;}
.dib_cj dd h3,.dib_cj dd h4{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dib_cj dd h3{margin-bottom: 0.06rem;}
.dib_cj dd h4{margin-bottom: 0.3rem;}
.dib_cj dd p{margin-bottom: 0.4rem;height: 120px;-webkit-line-clamp: 4;}
.dib_cj dd p,.dib_cj dd .index_more3  {
    transform: translate(-101%, 0);
    transition: all 1s;visibility: hidden;opacity: 0;
}
.dib_cj li.on{width: 33.7%;}

.dib_cj li.on dd p,.dib_cj li.on dd .index_more3 {
    transform: translate(0, 0);visibility: visible;opacity: 1}
@media only screen and (max-width:1440px) {
.dib_cj dl{padding-top: 1rem}
}
@media only screen and (max-width:1280px) {
.dib_cj dl{padding-top: 0.8rem}
.index_icon,.dib_cj dd h4{margin-bottom: 0.1rem}
.dib_cj dd p{margin-bottom: 0.2rem}
}
@media only screen and (max-width:1024px) {
.dib_cj dd p{height: 96px;}
.index_04{height: 370px !important}
.dib_cj dd h4{margin-bottom: 20px;}
}
@media only screen and (max-width:767px) {
.dib_cj li dd p,.dib_cj li dd .index_more3 {transform: translate(0, 0);visibility: visible;opacity: 1}
.dib_cj li.on,.dib_cj li{width: 100%}
.dib_cj dl{border: 0 !important;padding: 0;}
.index_bgimg{display:none;}
.dib_cj dt{display: block;margin-bottom: 10px;}
.dib_cj{color: #000;}
.index_04{height: auto !important}
.index_more3 a{background:#d00008;color: #fff !important;}
.dib_cj dd{padding: 10px;}
.dib_cj dd p{height: auto;max-height: 96px;}
.dib_cj dd h4{margin-bottom: 10px;}
.index_icon{width: 50px;height: 50px;  background: #d00008;border-radius: 50%;position: relative;}
.index_icon img{width: 25px;height: 25px;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.dib_cj .index_btn div{margin: 0;top:1.2rem;}


.index_yamore,.index_newmore a,.index_more a{position: relative;}
.index_yamore i,.index_newmore i{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.index_more a{padding-right: 40px;}
.index_more a i{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left: auto; right:15px; top:50%;}

}
@media only screen and (min-width:1025px) {
.dib_cj ul{position: relative;}
/*.dib_cj li{position: absolute;top:0;height: 100%;}*/
.index_more3 a:hover{background:#d00008;color: #fff !important;}

}