.banner {overflow: hidden;}
.banner li{overflow: hidden;}
.banner_img01 img{width: 100%;}
.banner_img01{position: absolute;left:0;bottom: 0;}
.banner li.ban_video{background: #000!important;}
.banner li video{position: absolute;left: 0;top: 0;width: auto;height: 100%;object-fit: cover;z-index: 1;
    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_text{color: #fff;position: absolute;left: 30%;top: 20%;width: 100%;
    opacity: 0;z-index: 2;
    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{height: 215px;}
.banner_text h2{font-size: 68px;margin-bottom: 15px;line-height: 80px;max-height: 160px;}
.banner_text p{max-height: 48px;line-height: 24px;text-transform: uppercase;}
.banner_text h2,.banner_text p{display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;color: #fff;}
.banner_more {padding-top: 50px;}
.banner_more a{position: relative;}
.banner_more i{margin-left: 20px;font-size: 22px;position: absolute;right: 8px;top: 0px;font-weight: bold;}
.banner_more a{display: block;width: 180px;height: 38px;line-height: 38px;text-align: center;color: #fff;background:#000;border-radius: 5px;font-size: 14px;}
.color_gray .banner_text{color: #333333;}

.banner li.swiper-slide-active .banner_text{
    opacity: 1;left: 0;
}
.pc_img{display: none;height: 100%;}
.phone_img{display: none;}

.banner .swiper-cicle{bottom: 12%;text-align: left;}
/*.index_title{color: #fff;}*/
/*.index_line{width: 190px;height: 9px;background: #ec6700;margin-bottom: 100px;}*/
/*.index_title h3{line-height: 50px;margin-bottom: 30px;}*/
/*.index_title h4{line-height: 34px;}*/
/*.index_title_balnk{color: #333333;}*/
/*.index_title_line{position: absolute;left: 0;top:0;width: 100%;}*/
/*.index_title_line .index_line{margin-bottom: 0;}*/


@media only screen and (max-width:1560px) {
    .banner_text h2{font-size: 48px;line-height: 60px;height: 120px;}
}
@media only screen and (max-width:1024px) {

    .pc_img{display: block;}
    /*.banner li{height: auto !important;}*/
    .banner_more a{height: 40px;line-height: 40px;width: 140px;}
    .banner_more i{margin-left: 10px}
    .banner_text h2{font-size: 24px;line-height: 40px;max-height: 80px;}
    .banner_text p{font-size: 18px;line-height: 24px;max-height: 48px;}
    .banner_more{padding-top: 20px;}
    .banner_p{height: auto;}
    .banner_text{bottom: auto;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:0; top:50%;}

    .banner .but{display: none !important;}
    .banner .swiper-cicle{bottom: 10px;text-align: center;}
    .banner .swiper-cicle span{width: 25px !important;height: 8px !important;   background: #ec6700;}
    .banner .swiper-cicle span .iline{display: none;}
    .banner .swiper-cicle .swiper-pagination-bullet-active{background: #fff;}
    .banner .swiper-container>.wrap{width: 100%;max-width: 100%;}

}
.banner li .blank_30{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
@media only screen and (max-width:767px) {
    .banner li .blank_30{display: block;}
    .banner li{height: 280px!important;}
    .banner li
    .pc_img,.banner_img01{display: none;}
    /*.phone_img{display: block;height: 300px!important;}*/

    .banner_text h2{font-size: 18px;font-weight: bold; line-height: 30px;max-height: 60px;margin-bottom: 10px;}
    .banner_text p{font-size: 14px;line-height: 20px;max-height: inherit;-webkit-line-clamp: inherit;}
    .banner_text p br{display: none;}

}
@media only screen and (min-width:1025px) {

    .index_more a i,.banner_more i,.index_tab li i,.index_tab li i,.slidebox .news_block dd,.areas_list dl{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_more a:hover i,.banner_more a:hover i{margin-left: 5px;}
    .index_more a:hover{}
    .banner .but,.index_link .but{display: none !important;}
    .banner_more a:hover{background:#F8B500;color: #fff !important;}

    .bgimg .pc_img{position: absolute;left: -100px;top:-100px; display: block;width:calc(100% + 200px);height:calc(100% + 200px);transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
    .pc_img img{display: none;}

}

/*.background {*/
    /*margin-left: -10vw;*/
    /*margin-top: -10vh;*/
    /*width: 120vw;*/
    /*position: absolute;top:0;left: 0;height:120vh;*/
/*}*/
/*.background img {*/
    /*height: 100vh;*/
    /*width: 100%;*/
/*}*/
/*index01*/
.indexbox_t{position: relative;z-index: 2;}
.indexbox_b{position: relative;z-index: 1;}
.indexbox_t ul{text-align: center;font-size: 0;}
.indexbox_t ul li{display: inline-block;padding: 20px 80px;box-sizing: border-box;position: relative;transition: all .3s;cursor: pointer;}
.indexbox_t ul li dd{text-align: center;height: 50px;overflow: hidden;}
.indexbox_t ul li dd img{width: 50px;height: 50px;}
.indexbox_t ul li dd div{transition: all .3s;}
.indexbox-black{transform: translateY(300%);}

.indexbox_t ul li dt{height: 45px;line-height: 45px;}
.indexbox_t ul li dt p{white-space: nowrap;width: 80px;transition: all .3s;overflow: hidden;text-overflow: ellipsis;}
.indexbox_t ul li:before{content: "";display: block;height: 5px;background: #F8B500;position: absolute;bottom: 0px;left: 0;width: 0;transition: all .3s;}
.indexbox_t ul li.on{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.indexbox_t ul li.on dt p{font-weight: bold;}
.indexbox_t ul li.on:before{width: 100%;}
.indexbox_t ul li.on .indexbox-black{transform: translateY(-100%);}
.indexbox_t ul li.on .indexbox-gary{transform: translateY(300%);}

.indexbox_content{position: relative;z-index: 3;padding-top: 8%;}
.indexbox_contentDiv{width: 60%;}
.indexbox_tit>p{line-height: 26px;height: 52px;overflow: hidden;}
.indexbox_item{display: none;position: relative;}
.indexbox_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexbox_img .imgItem{width: 100%;height: 100%;opacity: 0;transition: all .3s;position: absolute;left: 0;top: 0;}
.indexbox_tabTxt-item{display: none;}
.indexbox_tab{width: 100%;overflow: hidden;margin: 15px 0;background: url(../images/hot_bg.png) no-repeat;background-size: 100% 100%;font-size: 0;text-align: center;
box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.indexbox_tab-item{width: 33.3%;text-align: center;position: relative;height: 85px;cursor: pointer;display: inline-block;}
.indexbox_tab-item p{width: 100%;font-size: 20px;line-height: 27px;overflow: hidden;max-height: 54px;padding: 0 10px;box-sizing: border-box;}
.indexbox_tabTxt-link .banner_more{padding-top: 35px;}
.indexbox_tabTxt-item>p{line-height: 24px;height: 96px;overflow: hidden;}
.indexbox_tab.two .indexbox_tab-item{width: 50%;}
.indexbox_item.on{display: block;}
.indexbox_img .imgItem.on{opacity: 1;z-index: 2;}
.indexbox_tabTxt-item.on{display:block;}
.indexbox_tab-item.on p{font-weight: bold;}
.indexbox_tab-item.on::before{content: "";display: block;width: 100%;height: 5px;background: #F8B500;position: absolute;left: 0;bottom: 0px;}
    /*index02*/
.index_02{padding: 80px 0 50px;box-sizing: border-box;overflow: hidden;}
.hotspotSwi{position: relative;}
.hotspotSwi dl{transition: all .3s;}
.hotspotSwi dt{padding: 35px;box-sizing: border-box;overflow: hidden;background:#e1e1e1;position: relative;
transition: all .3s;margin-bottom: 80px;}
.hotspotSwi dt h2{margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.hotspotSwi dt p{line-height: 24px;height: 72px;overflow: hidden;}
.hotspotSwi dt .banner_more{padding-top: 30px;}
.hotspot_link{position: absolute;bottom: 40px;left: 35px;transform: translateY(150%);transition: all .3s;}
.hotspotSwi .lhl_but{display: none;}
.hotspotSwi .lhl_but div{background: none;font-size: 24px;width: 40px;height: 40px;line-height:40px;margin-top: -20px;text-align: center;top: 26%;transition: all .3s;background: #F8B500;}
.hotspotSwi .lhl_but div.swiper-button-prev{left: -50px;}
.hotspotSwi .lhl_but div.swiper-button-next{right: -50px;}
/*index03*/
.index_03{padding: 0px 0 80px;}
.index_title{text-align: center;margin-bottom: 20px;}

.indexNews{margin-left: -20px;margin-right: -20px;}
.indexNews_list{position: relative;padding-bottom: 40px;}
.indexNews_list dl{float: left;width: 33.3%;padding:20px;box-sizing: border-box;}
.indexNews_list dl a{display: block;border: 1px solid #dfe3e8;}
.indexNews_list dl .indexNews_div{padding: 35px;box-sizing: border-box;}
.indexNews_list dl dt span{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all .3s;}
.indexNews_list dl dt h2{margin: 20px 0;font-weight: bold;line-height: 30px;height: 60px;overflow: hidden;}
.indexNews_list dl dt p{line-height: 24px;height: 48px;overflow: hidden;}
.indexNews_list .swiper-pagination{text-align: center;width: 100%;display: none;bottom: 0px;}
.indexNews_list .swiper-pagination-bullet{width: 83px;height: 2px;background: #afb3b8;margin: 0 5px;border-radius: 0;opacity: 1;}
.indexNews_list .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000000;height: 5px;}
.indexNews_more .banner_more{padding-top: 30px;}
.indexNews_more .banner_more a{margin: 0 auto;}
@media only screen and (min-width:1025px) {
    .indexNews_list dl a:hover{background: #F8B500;}
    .indexNews_list dl a:hover span{color: #000!important;}
    .indexNews_list dl a:hover h2{color: #000;}
    .indexNews_list dl a:hover p{color: #000;}
    .hotspotSwi dl:hover dt{padding-bottom: 110px;background: #F8B500;margin-bottom: 0;}
    .hotspotSwi dl:hover dt p{color: #000;}
    .hotspotSwi dl:hover .hotspot_link{transform: translateY(0)}
    .hotspotSwi dl .banner_more a:hover{background: #000;opacity: .8;}
    /*.indexbox_t ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}*/
    /*.indexbox_t ul li:hover:before{width: 100%;bottom: -4px;}*/
    .indexbox_t ul li:hover .indexbox-black{transform: translateY(-100%);}
    .indexbox_t ul li:hover .indexbox-gary{transform: translateY(300%);}
    .hotspotSwi .lhl_but div:hover{opacity: .8;}
}
@media only screen and (max-width:1440px) {
    .indexbox_tab-item p{font-size: 18px;}
}

@media only screen and (max-width:1366px) {

}
@media only screen and (max-width:1280px) {
    .indexbox_content{padding-top: 5%;}
}
@media only screen and (max-width:1200px) {
    .indexbox_contentDiv{width: 80%;}
    .indexbox_tab{margin: 20px 0;}
    .indexbox_tabTxt{width: 60%;}
}
@media only screen and (max-width:1024px) {
    .indexbox_t ul li dd{height: 40px;}
    .indexbox_t ul li dd img{width: 40px;height: 40px;}
    .indexbox_t ul li{padding: 10px 30px;}
    .indexbox_t ul li.on dt p{font-size: 18px;}
    .indexbox_t ul li dt{height: 30px;line-height: 30px;margin-top: 5px;}
    .indexbox_item{height: 450px!important;}
    .indexbox_contentDiv{width: 100%;}
    .hotspotSwi dt{padding: 20px;margin-bottom: 0;}
    .hotspot_link{transform:translateY(0);position: static;}
    .hotspotSwi .lhl_but div.swiper-button-prev{left: -30px;}
    .hotspotSwi .lhl_but div.swiper-button-next{right: -30px;}
    .indexNews_list dl .indexNews_div{padding: 20px;}
    .indexNews_list dl{padding: 10px;}
    .indexNews{margin-left: -10px;margin-right: -10px;}
}
@media only screen and (max-width:767px) {
    .indexNews_list .swiper-pagination{display: block!important;}
    .hotspotSwi .lhl_but{display: block!important}
    .hotspotSwi .lhl_but div{background: rgba(255,255,0,0.8);width: 40px;height: 40px;line-height: 40px;margin-top: -20px;text-align: center;color: #000!important;}
    .index_02{padding: 40px 0;}
    .indexbox_content{padding-top: 50px;}
    .indexbox_t ul li{padding: 10px 0px;}
    .indexbox_t ul li dt p {font-size: 14px;}
    .indexbox_t ul li.on dt p {font-size: 16px;}
    .indexbox_tab{box-sizing: border-box;}
    .indexbox_tab-item{width: 50%;height: 50px;float: left;}
    .indexbox_tab-item p{box-sizing: border-box;font-size: 14px;line-height: 20px;max-height: 40px;}
    .indexbox_tabTxt{width: 80%;}
    .hotspotSwi .lhl_but div{color: #fff;}
    .hotspotSwi .lhl_but div.swiper-button-prev{left: 0;}
    .hotspotSwi .lhl_but div.swiper-button-next{right: 0;}
    .indexNews_list dl{width: 100%;}
    .indexNews_list .swiper-pagination-bullet{width: 40px;}
	.indexbox_tit>p {
	    line-height: 26px;
	    height: auto !important; 
	    overflow: hidden;
	}
}
@media only screen and (max-width:350px) {
    .indexbox_t ul li dt p {font-size: 12px;width: 70px;}
    .indexbox_t ul li.on dt p {font-size: 14px;}
    .indexbox_tab-item p{font-size: 12px;}
    .indexNews_list .swiper-pagination-bullet{width: 30px;}
}


.banner .swiper-pagination-bullet{
    background: none!important;
    height: 30px!important;
    border-bottom: 1px solid #fff;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{border-bottom: 3px solid #F8B500;}


/*2022 0621 新修改*/

/*.banner li.ban_video .blank_30{background: #000;display: block;}*/
/*.banner li.ban_video video{z-index: 3;}*/
/*.banner li.ban_video .banner_text{display: none;}*/
.pc_content{display: block!important;}
.phone_content{display: none;}
@media only screen and (max-width:767px) {
    .indexbox_t ul{border-bottom: 1px solid #dcdedd;overflow: hidden;}
    .indexbox_t ul li{float: left;width: 25%;text-align: center;padding: 20px 0;}
    .indexbox_t ul li.on{box-shadow: none;}
    .indexbox_t ul li:before{bottom: 0;}
    .indexbox_t ul li dt p{width: 100%;}
    .indexbox_b{padding: 20px;box-sizing: border-box;}
    .indexbox_item{height: auto!important;}
    .phone_content dl{margin-bottom: 4px;overflow: hidden;}
    .phone_content dd{font-size: 16px;padding: 20px;box-sizing: border-box;background: #000000;color: #fff;cursor: pointer;}
    .phone_content dt{position: relative;display: none;overflow: hidden;}
    .white_40{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.4);}
    .phone_txt{position: absolute;left: 0;top: 0;width: 100%;height: 0;z-index: 2;transition: all .8s;}
    .text{position: absolute;left: 0;bottom: 20px;padding: 0 20px;box-sizing: border-box;font-size: 16px;}
    .phone_content dl.on dd{background: #fce051;color: #000;}
    .phone_content dl.on .phone_txt{height: 100%;}
}

@media only screen and (max-width:767px) {
    .pc_content{display: none!important;}
    .phone_content{display: block;}
    .index_02{padding-top: 20px;}
}