.wap-banner{display: none;}
.banner {overflow: hidden;}
.banner img{width: 100%;}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
}
.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: 0;top: 50%;width: 100%;margin-top: -125px;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;text-align: center;
}
.banner_p{text-align: center;}
.banner_text h3{font-size: 65px;color: #e83c1b;padding-bottom: 50px;position: relative;font-weight: bold;text-transform: uppercase;display:inline-block;max-width: 60%;}
.banner_text h3{
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.banner_text h3::after{content: "";display: block;position: absolute;left: 50%;bottom:0px;width: 112px;height: 6px;background:#e83c1b;margin-left: -56px;}
.color_gray .banner_text{color: #333333;}
.banner_more a:hover{color: #fff !important;}
.banner li.swiper-slide-active .banner_text{
    opacity: 1;left: 0;
}
.pc_img{display: none;height: 100%;}
.phone_img{display: none;}
.banner .swiper-slide.swiper-slide-active .banner_text{animation: 1.5s fadeInUp2 ease;opacity: 1;}
.banner .swiper-cicle{bottom: 19px;text-align: center;left: 0;}
/*.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;}*/
.index_title .fnt_20{font-weight: 700;font-size: 30px;}
.indexbox_tit{margin-bottom: 30px;}

@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;}
    .banner_more i{margin-left: 10px}
    .banner_text h3{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%;margin-top: -50px;}
    .banner .swiper-cicle{bottom: 10px;text-align: center;}
    .banner .swiper-cicle span{width:10px;height:10px;}
    .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 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;border-radius:5px;}

}
.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 h3{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;}
    .banner_text p{width: 100%;}
    .banner_text{margin-top: 0;}
    .pc-banner{display: none;}
    .wap-banner{display: block;}
}
@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;}
    .banner_more a:hover{background:#36a2d6;color: #fff;}
    .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%;*/
/*}*/
/*index1*/
.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 0px;box-sizing: border-box;position: relative;transition: all .3s;cursor: pointer;width: 20%;}
.indexbox_t ul li dd{text-align: center;height: 50px;overflow: hidden;}
.indexbox_t ul li dd img{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;transition: all .3s;overflow: hidden;text-overflow: ellipsis;}
.indexbox_t ul li:before{content: "";display: block;height: 5px;background: #36a2d6;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: 30px;height: 60px;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;
box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.indexbox_tab-item{width: 33.3%;text-align: center;position: relative;height: 62px;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: 30px;height: 90px;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: #36a2d6;position: absolute;left: 0;bottom: 0px;}
.indexbox_tabTxt{padding-top: 20px;}
/*index1*/
.tab-con .swiper,.tabs{position: relative;margin-top: 40px;overflow: hidden;}
.tabs{margin-top: 50px;}
.tab-con dl{transition: all 800ms ease;position: relative;}
.tab-con dt{box-sizing: border-box;overflow: hidden;position: relative;transition: all .3s;text-align: center;background: #f5f5f5;padding: 22px 0;border-radius:0 0 10px 10px;}
.tab-con a dt h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font-family: arial;}
.tab-con a dt p{line-height: 24px;color: #fff;font-size: 14px;padding-top: 2px;}
.tab-con dl:hover a dt h3{color: #fff;}
.tab-con .dt2{background: #e83c1b;margin-top: -105px;position: relative; opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;padding-bottom: 30px;}
.tab-con dl:hover .dt2{opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}
.tab-con dl:hover .dt1{opacity: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}
.tab-con dl img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;transition: all .3s;}
.tab-con dl:hover img {transform: scale(1.2);}
.tab-con dl dd{overflow: hidden;border-radius: 10px 10px 0 0;} 
.tab-con .group{display: none;position: relative;}
.tab-con .swiper-button-prev,.tab-con .swiper-button-next{width:50px;height: 50px;}
.tab-con .swiper-button-prev{background: url("../images/left.png") no-repeat center;left: -6%;}
.tab-con .swiper-button-next{background: url("../images/right.png") no-repeat center;right: -6%;}
.tab-con .swiper-button-prev:hover{background: url("../images/left02.png") no-repeat center;}
.tab-con .swiper-button-next:hover{background: url("../images/right02.png") no-repeat center;}

.hotspotSwi .lhl_but div{background: none;font-size: 24px;width: 62px;height: 62px;box-shadow:0 4px 30px #ddd;line-height:62px;margin-top: -62px;border-radius: 50%;text-align: center;top: 50%;transition: all .3s;}
.hotspotSwi .lhl_but div.swiper-button-prev{left: -92px;background: url("../images/left2.png") no-repeat center;}
.hotspotSwi .lhl_but div.swiper-button-next{right: -92px;background: url("../images/right2.png") no-repeat center;}
.hotspotSwi .lhl_but div.swiper-button-prev:hover{background:#015182 url("../images/left02.png") no-repeat center;}
.hotspotSwi .lhl_but div.swiper-button-next:hover{background:#015182 url("../images/right02.png") no-repeat center;}
/*.hotspotSwi dl .ll1{position: absolute;left:-1px;top: -1px;height: 8px;background: #fff;width: 100%;}
.hotspotSwi dl .ll2{position: absolute;left:-1px;top: 0;width: 8px;background: #fff;height: 100%;}
.hotspotSwi dl .ll3{position: absolute;right:-1px;bottom: 0;height: 8px;background: #fff;width: 100%;}
.hotspotSwi dl .ll4{position: absolute;right:-1px;top: 0;width: 8px;background: #fff;height: 100%;}
.hotspotSwi dl .ll1,.hotspotSwi dl .ll2,.hotspotSwi dl .ll3,.hotspotSwi dl .ll4{z-index: 10;opacity: 0;transition: all 0.1s;}
.hotspotSwi li:hover .ll1,.hotspotSwi li:hover .ll2,.hotspotSwi li:hover .ll3,.hotspotSwi li:hover .ll4{opacity: 1;}*/

.tab-con .swiper-pagination{width: 100%;display: none;}
.tab-con .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background: #ddd;}
.tab-con .swiper-pagination-bullet-active{background: #e83c1b;width: 30px;border-radius: 5px;}
/*index2*/  
.index2{padding: 62px 0;background-repeat: no-repeat;background-size: cover;} 
.index2 h4{color: #fff;font-size: 36px;font-weight: bold;}
.index2 h5{color: #fff;font-size: 30px;padding-top: 12px;}
.index2 h5 span{display: inline-block;padding-left: 50px;}
.index2 .wrap{position: relative;}
.index2 .click{background: url("../images/click.png") no-repeat;width: 205px;height: 71px;position: absolute;right: 5%;top: 15px;}
.index2 .click a{color: #e83c1b;font-size: 24px;font-weight: bold;display: block;line-height: 64px;padding-left: 30px;}
.tabs .swiper-slide a{display: block;background: #f5f5f5;text-align: center;color: #333;font-size: 18px;height: 60px;line-height: 60px;border-radius: 5px;}
.tabs .swiper-button-next.swiper-button-disabled,.tabs .swiper-button-prev.swiper-button-disabled{display: none;}
.tabs .swiper-slide.cur a{background: #e83c1b;color: #fff;}
.index2 .click:hover{box-shadow: 0 5px 18px 15px rgb(0 0 0 / 5%);-webkit-animation: jello-horizontal 0.9s both;    animation: jello-horizontal 0.9s both;}@-webkit-keyframes jello-horizontal {    0% {        -webkit-transform: scale3d(1, 1, 1);        transform: scale3d(1, 1, 1);    }    30% {        -webkit-transform: scale3d(1.25, 0.75, 1);        transform: scale3d(1.25, 0.75, 1);    }    40% {        -webkit-transform: scale3d(0.75, 1.25, 1);        transform: scale3d(0.75, 1.25, 1);    }    50% {        -webkit-transform: scale3d(1.15, 0.85, 1);        transform: scale3d(1.15, 0.85, 1);    }    65% {        -webkit-transform: scale3d(0.95, 1.05, 1);        transform: scale3d(0.95, 1.05, 1);    }    75% {        -webkit-transform: scale3d(1.05, 0.95, 1);        transform: scale3d(1.05, 0.95, 1);    }    100% {        -webkit-transform: scale3d(1, 1, 1);        transform: scale3d(1, 1, 1);    }}@keyframes jello-horizontal {    0% {        -webkit-transform: scale3d(1, 1, 1);        transform: scale3d(1, 1, 1);    }    30% {        -webkit-transform: scale3d(1.25, 0.75, 1);        transform: scale3d(1.25, 0.75, 1);    }    40% {        -webkit-transform: scale3d(0.75, 1.25, 1);        transform: scale3d(0.75, 1.25, 1);    }    50% {        -webkit-transform: scale3d(1.15, 0.85, 1);        transform: scale3d(1.15, 0.85, 1);    }    65% {        -webkit-transform: scale3d(0.95, 1.05, 1);        transform: scale3d(0.95, 1.05, 1);    }    75% {        -webkit-transform: scale3d(1.05, 0.95, 1);        transform: scale3d(1.05, 0.95, 1);    }    100% {        -webkit-transform: scale3d(1, 1, 1);        transform: scale3d(1, 1, 1);    }}

/*index3*/
.index3{padding:85px 0;}
.index6{padding: 62px 0;background-repeat: no-repeat;background-size: cover;text-align: center;background-position: center;} 
.index6 h4{color: #fff;font-size: 36px;font-weight: bold;}
.index6 h5{color: #fff;font-size:28px;padding-top: 12px;}
/*index4*/
.index4{background-repeat: no-repeat;background-size: cover;position: relative;padding:76px 0 85px 0;background-position: center;}
.index4 .title h3 b{color: #ddc3af;}
/*index5*/
.index5{padding:75px 0;}
.mySwiper{overflow: hidden;padding:5px 8px 66px 8px;margin-top: 44px;position: relative;}
.index5 .swiper-slide{box-shadow: 0 4px 10px #f2f2f2;border-radius: 0 0 10px 10px;}
.index5 a .time{color: #333;font-size: 15px;font-family: arial;}
.index5 a .img{overflow: hidden;height: 255px;}
.index5 a .img img{width: 100%;height: 100%;object-fit: cover;transition: all 800ms ease;border-radius: 10px 10px 0 0;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{display: none;}
.index5 a .wz{padding:20px 30px;}
.index5 a .p1{color: #333;font-size: 20px;margin: 10px 0 11px 0;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.index5 a .p2{color: #666;font-size: 15px;line-height: 26px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis}
.index5 a .p3{color: #666;font-size: 15px;background: url("../images/more1.png") no-repeat right center;height: 40px;line-height: 40px;margin-top: 20px;}
.mySwiper .swiper-pagination{bottom: 0;height: 3px;width:99%;left: 0.5%;}
.index5 a:hover img {transform: scale(1.2);}
.index5 a:hover .p1,.index5 a:hover .time,.index5 a:hover .p3{color: #e83c1b;}
.index5 a:hover .p3{background: url("../images/more2.png") no-repeat right center;}
.case{padding-top:50px;}
.case li{float: left;margin-right: 2%;width:32%;position: relative;overflow: hidden;margin-bottom: 20px;}
.case li:nth-child(3n){margin-right: 0;}
.case li img{width: 100%;height: 100%;object-fit: cover;transition: all 800ms ease;border-radius: 10px;}
.case li .pic{height: 274px;overflow: hidden;position: relative;}
.case li:hover .pic img {transform: scale(1.2);} 
.case li a p.p01{color: #333;font-size: 20px;text-align: center;margin: 25px 0;position: relative;z-index: 1;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}  
.case li a .text{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;background: rgba(0,0,0,0.4);display: none;}
.case li a .text p.p02{color: #fff;font-size: 20px;font-weight: bold;padding-top: 100px;overflow: hidden;display: none;}
.case li:hover a .text{background: none;height: 100%;display: block;}
.case li a .bac {
    transition: all 0.7s;
    transform: scale(0);
    position: absolute;
    left: 6%;
    bottom: 25%;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: rgba(0,0,0,0.5);
}
.case li:hover a .bac {
  transition: all 0.7s;
  transform: scale(10.2);
}
.four{padding-top: 50px;}
.four li{float: left;margin-right: 2%;width:23.5%;background: #fff url("../images/li-bg.jpg") no-repeat right top;border-radius: 10px;transition: all 0.3s;padding: 30px 0;}
.four li:nth-child(4){margin-right: 0;}
.four li img{display: block;margin: 0 auto;transition: all 0.3s;}
.four li:hover img{transform: rotate(360deg);}
.four li .txt1{text-align: center;color: #333;font-size: 20px;font-weight: bold;padding: 20px 0 14px 0;}
.four li .txt2{color: #666;font-size: 14px;line-height: 24px;padding: 0 56px;height:96px;}
.four li:hover{transform: translateY(-15px);}
.footer{padding-top: 50px;color: #333;font-size: 14px;}
.foot01 .f-nav{border-bottom: 1px solid #ebebeb;padding-bottom: 30px;}
.foot01 .f-nav span{display: inline-block;float: left;color: #333;font-size: 20px;background: url("../images/sjx.png") no-repeat 132px 38px}
.foot01 .f-nav span b{display: block;color: #4f545a;font-size: 16px;font-family: arial;text-transform: uppercase;}
.foot01 .f-nav a{display: inline-block;color: #333;font-size: 16px;margin-left:70px;}
.foot01 .f-nav a:hover{color: #e83c1b;}
.foot01 .side{width: calc(100% - 200px);float: right;text-align: right;padding-top: 26px;}
.foot02{clear: both;padding: 36px 0 46px 0;}
.foot02 .left p{color: #4a4a4a;font-size: 14px;line-height: 26px;}
.foot02 .left h4{color: #333;font-size: 18px;}
.foot02 .right{width: 376px;padding-top: 24px;}
.foot02 .way{color: #333;font-size: 18px;letter-spacing: 5px;text-align: right;padding-top: 30px;}
.foot02 .way span{display: block;font-size: 27px;font-style: italic;letter-spacing: 0;color: #e83c1b;}
.foot02 .sao img{width: 130px;height: 130px;}
.foot02 .sao p{text-align: center;color: #000;font-size: 14px;}
.friend{line-height: 30px;margin-bottom: 30px;}
.friend span{display: inline-block;float: left;}
.friend a{display: inline-block;color: #4a4a4a;margin-left: 20px;}
.fl{float: left;}
.fr{float: right;}
.foot03{border-top: 1px solid #ebebeb;padding: 24px 0;}
.foot03 a{color: #4a4a4a;}
.foot02 .left{width: 70%;}
.foot02 .left li{float: left;width:47.5%;margin:26px 5% 0 0;}
.foot02 .left li:nth-child(2n){margin-right: 0;}
.support{ position: fixed; top:400px; right:0; width:50px; height:155px; z-index:9}.support li{height:50px;position:absolute; left:0;}.support li img{float:left; margin:12px 12px 14px 14px;display:block}.support li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#eb3e18;border-radius:6px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}.support li a:hover{ background-color:#c23415}.support li.support_tel{width:172px}.support li.support_wx{width:62px}.support li.support_qq,.support li.support_qq1,.support li.back-top{width:172px}.support li.support_tel,.support li.support_qq,.support li.support_qq1,.support li.back-top{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}.support li.support_qq{top:52px}.support li.support_qq1{top:104px}.support li.back-top{top:156px;display: none;}.support li.support_tel:hover{left:-115px}.support li.support_qq:hover,.support li.support_qq1:hover,.support li.support_wb:hover{left:-70px}.support li.support_wx{top:104px}.support li.support_wx i{position:absolute;width:129px; height:129px; left:-160px; top:-50px;display: none;}.support li.support_wx i img{width: 129px;height: 129px;}.support li.support_wx:hover i{display: block}
.header2{background: #fff;}
.header2 .logo_01{display: none;}
.header2 .logo_02{display: block;}
.header2 .nav li.on>a,.header2 .menu_tel i,.header2 .menu_tel a,.header2 .nav li:hover a,.header2 .nav .nav1 li ul li a:hover{color: #015182;}
.header2 .nav li>a{color: #333;}
.header2 .nav li>a i{background: #015182;}
.header2 .nav1>li ul>div>div{background: #fff;}
.header2 .nav .nav1 li ul li a{color: #333;}
.ny-banner{background-repeat: no-repeat;height:450px;background-size: cover;position: relative;background-position: center;}
.ny-banner h3{position: absolute;color: #ea3f18;font-size: 45px;font-weight: bold;top: 50%;text-align: center;width: 100%;text-transform: uppercase;height: 60px;line-height: 60px;margin-top: -30px;}
.brand{background: #f5f5f5;height: 60px;line-height: 60px;color: #666;font-size: 14px;}
.brand .home{background: url("../images/home.png") no-repeat left center;padding-left: 28px;}
.brand .home a{color: #666;}
.brand .home a:hover{color: #ea3f18;}
.menu-sort2{margin-top: 40px;}
.menu-sort2 li{position: relative;height: 50px;line-height: 50px;margin:10px 1% 10px 0;width:24%;float: left;text-align: center;}
.menu-sort2 li:nth-child(4n){margin-right: 0;}
.menu-sort2 li a{display: block;color: #333;font-size: 16px;position: relative;z-index: 2;background: #f5f5f5;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.menu-sort2 li.on a{color: #fff;font-weight: bold;background: #ea3f18;}
.menu-sort2 li::before{content: "";display: block;position: absolute;left: 0;width: 100%;height: 0;background: #ea3f18;transition: all 0.1s;}
.menu-sort2 li.on::before,.menu-sort2 li:hover::before{height: 100%;}
.menu-sort2 li:hover a{color: #fff;background: #ea3f18;}

.menu-sort{height: 60px;}
.menu-sort li{position: relative;height: 60px;line-height: 60px;display:inline-block;text-align: center;background: #f5f5f5}
.menu-sort li a{display: block;color: #333;font-size: 16px;position: relative;z-index: 2;;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;padding: 0 20px;}
.menu-sort li.on a{color: #fff;font-weight: bold;}
.menu-sort li::before{content: "";display: block;position: absolute;left: 0;width: 100%;height: 0;background: #ea3f18;transition: all 0.1s;}
.menu-sort li.on::before,.menu-sort li:hover::before{height: 100%;}
.menu-sort li:hover a{color: #fff;}

.case-lsit{padding: 70px 0;clear: both;}
.group-box{padding: 34px 0;clear: both;}
.group-box li{border-bottom: 1px dashed #dcdcdc;padding: 42px 0;}
.group-box li a .tp{width:21%;height:178px;overflow: hidden;}
.group-box li:hover a .tp img{transform: scale(1.05);}
.group-box li a .tp img{transition:all 800ms ease;width:100%;height:100%;object-fit: cover;}
.group-box li a .wz{width:57%;margin: 0 3%;}
.group-box li a .time{width:15%;border-left: 1px solid #dcdcdc;overflow: hidden;height: 154px;position: relative;}
.group-box li a .time .ckxq{position: absolute;transition: all 0.3s;top:50%;margin-top: -22px;right: 0;width: 70%;height: 44px;line-height: 44px;font-size: 16px;text-align: center;transition: linear 0.5s;background: #d9d9d9;color: #666;}
.group-box li a h4{color: #333;font-size: 20px;font-weight: bold;margin:15px 0 22px 0;height: 26px;overflow: hidden;}
.group-box li a p{color: #999;font-size: 16px;line-height: 28px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}
.group-box li:hover a h4{color: #ea3f18;}
.group-box li:hover a .time .ckxq{color: #fff;background: #ea3f18;}
.group-box li a .shijian{display: block;color: #999;font-size: 16px;margin-top: 20px;background: url("../images/time.png") no-repeat left center;padding-left: 35px;}

.detail-div{clear: both;padding: 64px 0;}
.detail-div .title01{text-align: center;color: #000;font-size: 34px;}
.detail-div .title01 p{color: #666;font-size: 24px;font-family: arial;margin-top: -5px;}
.detail-div .text p{color: #333;font-size: 16px;line-height: 30px;}
.detail-div .text{padding: 20px 0;}
.detail-div .list-div{padding-top: 60px;clear: both;}
.detail-div .list-div li{margin-bottom: 0;}
.detail-div .list-div li .wenzi{width: 45%;padding-top: 36px;}
.detail-div .list-div li h4{color: #e83c1b;font-size: 30px;font-weight: bold;position: relative;margin-bottom: 23px;padding-bottom: 21px;}
.detail-div .list-div li h4::before{content:'';display: block;position: absolute;bottom: 0;width: 96px;height: 3px;background: #da380e;left: 0;}
.detail-div .list-div li p{color: #333;font-size: 16px;line-height: 28px;}
.detail-div .list-div li .pic{width: 50%;}
.detail-div .list-div li .pic img{width: 100%;height: 100%;object-fit: cover;}
.detail-div2 .list-div li .wenzi{width: 45%;}
.detail-div2 .list-div li .pic{width: 50%;}
.detail-div2 .list-div li{margin-bottom: 0;}
.case2{clear: both;padding: 70px 0;}
.case2 .sub-nav-1{width: 17%;background: #f5f5f5;}
.case2 .sub-nav-1 li a{display: block;color: #333;font-size: 18px;height: 56px;line-height: 56px;padding: 0 30px 0 44px;}
.case2 .sub-nav-1 li a.move{background: #ea3f18;color: #fff;}
.case2 .items{width: 80%;}
.case2 .items li{float: left;width: 32%;margin:0 2% 26px 0;background: #f5f5f5;}
.case2 .items li:nth-child(3n){margin-right: 0;}
.case2 dl{transition: all 800ms ease;box-shadow: 0 4px 10px #f2f2f2;position: relative;overflow: hidden;}
.case2 dt{box-sizing: border-box;overflow: hidden;position: relative;transition: all .3s;text-align: center;background: #f5f5f5;border-radius:0 0 10px 10px;padding: 22px 0;}
.case2 a dt h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font-family: arial;}
.case2 a dt p{line-height: 24px;color: #fff;font-size: 14px;padding-top: 2px;}
.case2 dl:hover a dt h3{color: #fff;}
.case2 .dt2{background: #e83c1b;margin-top: -105px;position:absolute; opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;width: 100%;left: 0;padding: 10px;}
.case2 dl:hover .dt2{opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}
.case2 dl:hover .dt1{opacity: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;}
.case2 dl img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;transition: all .3s;}
.case2 dl:hover img {transform: scale(1.2);}
.case2 dl dd{overflow: hidden;border-radius: 10px 10px 0 0;} 
.contact{clear: both;padding: 70px 0;}
.contact .map{width: 49%;position: relative;}
.contact .map .img-responsive{width: 100%;}
.par-map .parico{position: absolute;cursor: pointer;color: #333;font-size: 20px;}
.par-map .parico .i img{width: 19px;height: 25px;animation: scalemap 2s linear infinite;-moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite;}
/*.par-map .parico .i em{flex: 0 0 16px;display:block;min-width: 16px;height:16px;border-radius: 50%;background:#fff;animation: scalemap 2s linear infinite;-moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite;}
*/.par-map .parico.a1{top: 55%;right: 46%;}
.par-map .parico.a2{top: 62%;right: 38%;}
.par-map .parico.a3{top:63.5%;right: 26%;}
.par-map .parico.a4{bottom: 12%;right: 36.5%;}
.contact .way-list{width: 50%;}
.contact li{float: left;width:40%;margin:50px 0 0 10%;}
.contact li h3{position: relative;color: #333;font-size: 22px;border-bottom: 1px solid #d6d6d6;padding-bottom: 18px;margin-bottom: 18px;}
.contact li h3::before{position: absolute;display: block;content: "";width: 44px;height: 3px;background: #ea3f18;left: 0;bottom:-1px;}
.contact li td{color: #666;font-size: 14px;line-height: 28px;vertical-align:top}
@keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
@-moz-keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
@-webkit-keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
@-o-keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
.online ul{ overflow:hidden; margin-bottom:20px;margin-top: 10px;}
.online ul li{overflow:hidden;background: #fff;height: 46px;line-height: 46px;padding: 0 20px;width:calc(48.5% - 40px);float: left;margin:0 3% 20px 0}
.online ul li label{color:#666; font-size:16px;float: left;}
.online ul li input{ width:calc(100% - 94px); height:46px;font-size:16px;border: none;outline: none;background: #fff;}
.online ul li.ts04{ float:left}
.online ul li.ts04 button{ background:#ea3f18;text-align:center; color:#fff;font-size:16px;border:none;cursor:pointer;width: 132px;height:40px;line-height: 40px;}
.online ul li textarea{ width:100%; height:100px; border:none; padding:10px 0; font-size:16px;background: #fff;}
.online ul li label span{color: #f00;margin-right: 6px;}
.online ul li:nth-child(2n){margin-right: 0;}
.online ul li:nth-child(5),.online ul li:nth-child(6){float: none;width: 100%;height: auto;}
.online ul li:nth-child(7){float: none;border: none;width: 132px;height:40px;line-height: 40px;padding: 0;margin-top:46px;}
.online form{padding-top: 35px;}
.online ul li:nth-child(6){width:40%;padding-right: 0;height: 48px;}
.online ul li:nth-child(6) input{width: 50%;}
.online{background-repeat: no-repeat;background-size: cover;padding: 70px 0;}
.online p{color: #666;font-size: 14px;line-height: 24px;}
.online h4{color: #333;font-size: 22px;padding-bottom: 16px;}
.from-table{padding: 70px 0;}
.from-table h4{text-align: center;color: #333;font-size: 24px;padding-bottom: 14px;}
.from-table p{color: #e83c1b;font-size: 14px;line-height: 24px;}
.from-table .w70{width: 70%;margin: 0 auto;padding: 60px 15%;background: #fff;}
.from-table label{display: inline-block;color: #333;font-size: 16px;width: 160px;padding-right: 20px;clear: both;float: left;line-height: 40px;}
.from-table em{display: inline-block;width: 12px;color: red;height: 40px;float: left;font-style: normal;text-align: left;position: relative;top: 3px;}
.from-table li input{border: 1px solid #d9d9d9;height: 40px;color: #666;font-size: 14px;padding: 0 10px;width: calc(100% - 205px);}
.from-table li input.xz{width: 18px;height: 18px;position: relative;top: 4px;margin-right: 6px;}
.from-table li span{display: inline-block;padding-right: 15px;line-height: 44px;}
.from-table .btns{display: block;width: 212px;border: none;color: #fff;font-size: 16px;margin-top: 15px;background: #e83c1b;height: 48px;border-radius: 8px;margin: 0 auto;}
.from-table form{padding-top: 40px;}
.from-table li{margin-bottom: 20px;color: #333;font-size: 14px;}
.from-table .tishi{color: #e83c1b;font-size: 14px;padding: 26px 0 40px 0;}
.from-table li:nth-child(5) label{line-height: 24px;}.from-table li.li-1{position: relative;}.from-table li.li-1 img{position: absolute;right: 4px;top: 1px;}

.join2{padding: 54px 0;clear: both;}
.join2 div h4{display: block;color: #666;font-size: 16px;line-height: 30px;padding-top:22px;padding-bottom: 5px;font-weight: bold;}
.join2 div p{color: #999;font-size: 16px;line-height: 28px;}
.join2 h3{color: #666;font-size:18px;line-height: 60px;}
.accordion-item-active h3{color: #fff;}  
.join2 div p a{color: #ea3f18;}
.question{clear: both;padding: 70px 0;}
.leftside{width:25%;}
.leftside li{position: relative;height: 60px;line-height: 60px;margin-top: 16px;}
.leftside li::after{content: "";display: block;position: absolute;right: -2px;width: 4px;height: 0;background: #ea3f18;top: 0;transition: all 0.3s;}
.leftside li.active::after,.leftside li:hover::after{height: 100%;}
.leftside li a{display: block;color: #333;font-size: 18px;transition: all 0.3s;}
.leftside li.active a,.leftside li:hover a{color: #ea3f18;font-weight: bold;}
.rightside{width:calc(70% - 2px);border-left: 2px solid #d9d9d9;padding-left: 5%;}
.rightside dl{margin-bottom: 40px;}
.rightside dt{background: url("../images/wt.jpg") no-repeat left center;padding-left: 48px;color: #333;font-size: 22px;margin-bottom: 22px;}
.rightside dd{margin-left: 48px;}
.rightside dd p{color: #999;font-size: 16px;line-height: 26px;}

.about1 .aa-pic{display: inline-block;float: right;padding: 52px 0;width: 45%;margin-left: 5%;position: relative;}
.about1 .aa-pic .pic{width: 100%;}
.about1 .aa-pic img{display: block;position: relative;z-index: 1;}
.about1{clear: both;padding: 76px 0;}
.about1 h4{color: #333;font-size: 30px;font-weight: bold;padding: 30px 0 34px 0;osition: relative;z-index: 1;}
.about1 p{color: #666;font-size: 18px;line-height: 38px;font-family: arial;position: relative;z-index: 1;}
.about1 .w782{width:100%;height:100%;background: #f7f7f7;position:absolute;right:33%;top: 0;}
.about1 .we-text{position: relative;}
.about1 .aa-pic .douhao2{position: absolute;left: -23%;bottom: 52px;}
.about2{padding: 70px 0;}
.about2 .left{width: 44%;}
.about2 .left img{width: 100%;}
.about2 .right{width: 51.5%;overflow: hidden;height: 382px;}
.about2 h4{color: #333;font-weight: bold;font-size: 30px;padding-top: 16px;margin-bottom: 26px;}
.about2 p{color: #333;line-height: 36px;font-size: 16px;}
.about2 .text{height: 500px;overflow-y: auto;}
::-webkit-scrollbar {/*滚动条整体样式*/

    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/

    height: 1px;

}

::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);

    background: #999;
    
    border-radius: 5px;

}

::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);

        background: #dfdfdf;

}
.about3 li{float: left;margin-right: 3%;width: 48.5%;position: relative;overflow: hidden;transition: all 0.7s;}
.about3 li:nth-child(2n){margin-right: 0;}
.about3 li img{width: 100%;}
.about3 li h4{color: #333;font-weight: bold;font-size: 30px;padding-bottom: 18px;position: relative;margin-bottom: 22px;}
.about3 li h4::before{content: "";display: block;position: absolute;left: 0;width: 57px;height: 4px;background: #e83c1b;bottom: 0;}
.about3 li h4 span{display: inline-block;font-size: 20px;font-weight: normal;font-family: arial;text-transform: uppercase;}
.about3 li p{color: #333;font-size: 20px;}
.about3 li .txt{position:absolute;left: 58px;top: 45px;}
.about3 li .bac {
    transition: all 0.7s;
    transform: scale(0);
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: rgba(232,60,27,0.6);
}
.about3 li:hover .bac {
  transition: all 0.7s;
  transform: scale(16);
}
.about3 li:hover h4,.about3 li:hover p{color: #fff;}
.about3 li:hover h4::before{background: #fff;}
.about4{padding: 58px 0;}
.about4 .tit02{text-align: center;color: #333;font-weight: bold;font-size: 36px;padding-bottom: 45px;}
.about4 li{float: left;width: 33.33%;}
.about4 li img{width: 100%;transition: all 0.7s;}
.about4 li .img{position: relative;overflow: hidden;}
.about4 li:hover img{transform: scale(1.2);}
.about4 li .txt{background: #f5f5f5;padding:66px 58px 70px 58px;position: relative;}
.about4 li h4{color: #333;font-weight: bold;font-size: 28px;position: relative;margin-bottom: 16px;}
.about4 li h4 span{display: inline-block;font-size: 18px;font-weight: normal;font-family: arial;text-transform: uppercase;}
.about4 li p{color: #333;font-size: 20px;line-height: 30px;}
.about4 li .txt::before{content: "";display: block;position: absolute;left: 58px;width: 3px;height: 37px;background: #e83c1b;z-index: 2;top: -18px;}
.about4 li:nth-child(2) .txt::before{top: auto;bottom: -18px;}
.about3{background: #f5f5f5;padding: 70px 0;}
.swiper-button-prev1,.swiper-button-next1{display: none;}
.detail p{color: #666;font-size: 16px;line-height:28px;}
.news-detail img{max-width:100%;display: block;margin: 0 auto;}
.news-detail .wz-title{padding:20px 0;text-align: center;border-bottom: 1px solid #eee;margin-bottom: 30px;color: #333;font-size:26px;font-weight:bold;}
.news-detail .wz-title .some{position: relative;text-align: center;font-weight: normal;}
.news-detail .wz-title .some span{color: #888;font-size: 15px;display: inline-block;margin: 0 12px}
.news-detail .detail .fenye{color: #666;font-size: 16px;margin-top:25px;border-top: 1px solid #eee;padding-top: 24px;font-weight: bold;margin-bottom: 40px;}
.news-detail .detail .fenye a{color: #666;font-weight: normal;}
.news-detail .detail .fenye span{display:block;overflow: hidden;width: 45%; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.news-detail .detail .fenye span.fr{text-align: right;}
.news-detail .detail .down-box{padding:40px 0 20px 0;}
.news-detail .detail .fenye a:hover{color:#0d8ae5;font-weight: bold;}
.news-detail{padding: 40px 0;}
.cateList {
	width: 94%;
	line-height:50px;
	background: #ea3f18;
	color: #fff;
	position: relative;
	display: none;
	margin: 20px auto 0 auto;
		
}
.cateList h3 {
	position: relative;
    font-size: 16px;
    padding-left: 3%;	
}
.cateList h3 s {
position: absolute;
right:3%;
width: 17px;
height: 50px;
background: url(../images/jtt1.png) no-repeat center;
background-size: 17px auto;
}
.cateList .box {
	width: calc(94% - 2px);
    padding: 10px 3%;
	z-index: 11;
	background: #fff;
	display: none;
	border: 1px solid #e3e3e3;
}
.cateList .box a {
	width: calc(48.5% - 2px);
	margin-right: 3%;
    margin-bottom:10px;
    height: 35px;
    line-height: 33px;
	border: 1px solid #e3e3e3;
    font-size: 15px;
	text-align: center;
	display: block;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.cateList .box a:nth-child(2n) {
	margin-right: 0;
}
.cateList .box a.on,.cateList .box a:hover {
	border-color: #ea3f18;
	color: #ea3f18;
}
.swiper-button-prev-banner{background: url("../images/ll.png") no-repeat;width: 20px;height: 36px;left: 5%;}
.swiper-button-next-banner{background: url("../images/rr.png") no-repeat;width: 20px;height: 36px;right: 5%;}
.banner .swiper-pagination{width: auto;position: absolute;bottom:20px;width: 100%;left: 0;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background: #fff;opacity: 1;margin: 0 6px;outline: none;}
.banner .swiper-pagination-bullet-active{background:#fff;width: 30px;border-radius: 15px;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{width: 20px;height: 36px;}

@media only screen and (min-width:1025px) {
    .indexNews_list dl a:hover{background: #fff;box-shadow: -1px 5px 15px rgba(0, 0, 0, 0.1);}
    .indexNews_list dl a:hover h3{color: #36a2d6;font-weight: bold;}
    .indexNews_list dl a:hover p,.indexNews_list dl a:hover span{color: #000 !important;}
    /*.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 (max-width:1650px) {
	.solution li .pic,.solution li{height: 325px;}
	.but .swiper-button-prev{left: 30px;}
	.but .swiper-button-next{right: 30px;}
	.nav1 li{margin-left: 0px;margin-right: 40px;}
	.banner_text .wrap{max-width: 80%;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -60px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -60px;}
	
}
@media only screen and (max-width:1530px) {
    .nav1 li{margin-left: 0px;margin-right: 40px;}
    .pc_nav{padding-right:5%;}
    .tab-con .swiper-button-prev,.tab-con .swiper-button-prev:hover,.tab-con .swiper-button-next,.tab-con .swiper-button-next:hover{background-size: auto 40px;}
    .tab-con .swiper-button-prev{left: -5%;}.tab-con .swiper-button-next{right: -5%;}
}

@media only screen and (max-width:1450px) {
	.hotspotSwi .lhl_but div{width: 55px;height: 55px;line-height: 55px;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -55px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -55px;}
	.foot01 .f-nav a{margin-left: 20px;}
	.header .wrap{width: 94%;max-width: 94%;}
	.pc_nav{padding-right:5%;}
	.foot02 .left{width: 65%;}
	.case li .pic{height:255px;}
	.menu-sort2 li{margin:10px 1% 10px 0;width:32.66%;}
	.menu-sort2 li:nth-child(4n){margin-right: 1%;}
	.menu-sort2 li:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width:1399px) {
	.nav1 li{margin-left: 0px;margin-right: 30px;}
	.hotspotSwi .lhl_but div{width: 50px;height: 50px;line-height: 50px;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -50px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -50px;}
	.foot03 .left, .foot03 .right{float: none;width: 100%;text-align: left;line-height: 30px;}
	.header .wrap{width: 94%;max-width: 94%;}
	.contact li{margin: 50px 0 0 5%;width: 45%;}
	.banner_text h3{font-size: 50px;}
	

}
@media only screen and (max-width:1280px) {
    .indexbox_content{padding-top: 5%;}
    .foot03 .left,.foot03 .right{float: none;width: 100%;text-align: left;line-height: 30px;}
    .nav1 li{margin-left: 0px;margin-right: 22px;}
    .brand .home{display: none;}
    .nav li>a{font-size: 16px;}
    .pc_nav {padding-right: 7%;}
    .foot02 .left{width: 60%;}
    .case li .pic{height:221px;}
    .index5 a .img{height: 218px;}
}
@media only screen and (max-width:1200px) {
    .indexbox_contentDiv{width: 80%;}
    .indexbox_tab{margin: 20px 0;}
    .indexbox_tabTxt{width: 60%;}
    /*.phone_nav,.menu_button{display: block;}
    .pc_nav{display: none;}*/
   .nav{padding-right: 0;}
   .nav li>a{font-size: 16px;}
   .banner_text h3{font-size: 32px;}
   .banner_text p{font-size: 18px;}
   .hotspotSwi .lhl_but div{width: 40px;height: 40px;line-height: 40px;}
	.hotspotSwi .lhl_but div.swiper-button-prev{left: -40px;}
	.hotspotSwi .lhl_but div.swiper-button-next{right: -40px;}
	.detail-div .list-div li .pic{width: 50%;}
	.detail-div .list-div li .wenzi{padding-top: 15px;width: 45%;}
	.brand .home{display: none;}
	.contact li{margin: 50px 0 0 2%;width: 48%;}
	.contact .way-list{float: none;width: 100%;}
	.contact .map{width: 49%;position: relative;float: none;margin: 0 auto;}
	.online ul li{width:42.5%;padding:0 3%;}
	.online ul li:nth-child(6){width:97%;padding-left: 3%;}
	.online ul li:nth-child(5){width:94%;padding:0 3%;}
	.online ul li textarea{padding: 0;}
	.index2 .click{right: 0;}
	
	

}
@media only screen and (max-width:1160px) {
    .indexbox_contentDiv{width: 80%;}
    .indexbox_tab{margin: 20px 0;}
    .indexbox_tabTxt{width: 60%;}
    /*.phone_nav,.menu_button{display: block;}
    .pc_nav{display: none;}*/
   .nav1 li{margin-right: 20px;}
   .nav li>a{font-size: 16px;}
   .menu_tel img{width:24px;}
   .header h1{height: 30px;padding:30px 0;}
   .header h1 img{width: auto;height: 100%;}
   .menu_tel{top: 37px;}
   .detail-div .list-div li h4{font-size:18px;padding-bottom: 10px;margin-bottom: 15px;}
   .foot02 .right{width:350px;}
   .case li .pic{height:196px;}
   .index2 h5{font-size: 24px;}
   .menu-sort li a{padding: 0 20px;}
   .brand{display: none;}
   .detail-div .list-div li p{font-size: 15px;line-height: 22px;}
    
}


@media only screen and (max-width:1024px) {
    .indexbox_t ul li dd{height: 40px;}
    .indexbox_t ul li dd img{height: 40px;}
    .indexbox_t ul li{padding: 10px 0px;}
    .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;}
    .hotspotSwi .lhl_but div.swiper-button-prev,.hotspotSwi .lhl_but div.swiper-button-next{display: none;}
    .hotspotSwi .swiper-pagination{display: block;}
    .foot01 .f-nav a{margin-left: 15px;}
    .case2 .sub-nav-1{display: none;}
    .case2 .items{width: 100%;float: none;}
    .case2 .items li{width: 48.5%;margin:0 3% 18px 0;}
    .case2 .items li:nth-child(3n){margin-right: 3%;}
    .case2 .items li:nth-child(2n){margin-right: 0;}
    .case2 dt{padding: 12px 0;}
    .case2 dt .fnt_20{font-size: 15px;}
    .case2 .dt2{margin-top: -92px;}
    .foot02 .left{width: 62%;}
    .foot02 .right{width: 37%;}
    .cateList{display: block;}
    .case2{padding: 30px 0;}
    .detail-div .title01{font-size: 20px;padding-top: 30px;}
    .detail-div .title01 p{font-size: 16px;margin: 0;}
    .detail-div{padding: 0px 0;}
    .detail-div .text p,.detail-div .list-div li p{font-size: 15px;line-height: 26px;}
    .detail-div .list-div{padding-top: 0px;}
    .detail-div .list-div li .wenzi,.detail-div .list-div li .pic{width: 100%;float: none;}
    .detail-div .list-div li h4{font-size: 18px;padding-bottom: 14px;}
    .detail-div .list-div li h4::before{width: 60px;}
    .detail-div .list-div li .wenzi{padding:10px 0;}
    .detail-div .list-div li .pic{margin: 20px 0;}
    .detail-div .list-div li{margin-bottom: 0;border-bottom: 1px solid #dfdfdf;padding: 20px 0;}
    .detail-div .list-div li:last-child{border-bottom: none;}
    .footer{display: none;}
    .foot{display: block;}
    .main{margin-bottom: 74px;}
    .case-lsit,.online{padding: 30px 0;}
    .question{padding:40px 0 30px 0;}
    .case li .pic{height: 156px;}
    .case li a p.p01{margin: 10px 0;font-size: 16px;}
    .ny-banner{height: 300px;}
    .header h1{padding: 0;}
    .contact{padding: 30px 0 50px 0;}
    .online h4{font-size: 20px;}
    .detail-div2{padding-top: 0;}
    .group-box li a .tp,.group-box li a .wz,.group-box li a .time{width: 100%;float: none;border: none;margin: 0;height: auto;}
    .group-box li a .time .ckxq{position: relative;display: block;width: 120px;margin:25px 0 0 0;height: 40px;line-height: 40px;}
    .group-box li a h4{font-size: 16px;margin-bottom: 10px;}
    .group-box li{padding: 30px 0;}
    .group-box li a p,.rightside dd p{font-size: 14px;line-height: 24px;}
    .group-box li a .shijian{font-size: 14px;background: auto 12px;}
    .group-box{padding: 10px 0;}
    .group-box li{border-bottom: none;}
    .leftside{display: none;}
    .rightside{width: 100%;float: none;border: none;padding-left: 0;}
    .rightside dt{background-size: auto 24px;font-size: 16px;padding-left: 32px;margin-bottom: 18px;}
    .rightside dd{margin-left: 32px;}
    .about1 .aa-pic{float: none;width: 100%;display: block;margin-left: 0;padding:20px 0 30px 0;}
    .about1{padding: 30px 0;}
    .about2{padding:20px 0 30px 0;}
    .about1 .w782{display: none;}
    .about1 h4{font-size: 18px;padding-bottom: 20px;}
    .about1 p,.about2 p{font-size: 15px;line-height: 26px;}
    .about2 .left,.about2 .right{width: 100%;float: none;height: auto;}
    .about2 h4{font-size: 18px;margin-bottom: 15px;}
    .about2 .text{height: auto;}
    .about3 li{float: none;width: 100%;margin:0 0 20px 0;}
    .about3 li .txt{left: 20px;top: 30px;}
    .about3 li h4,.about4 li h4{font-size: 18px;}
    .about3 li h4 span,.about3 li p,.about4 li h4 span,.about4 li p{font-size: 16px;}
    .about3 li h4::before{width: 34px;}
    .about4,.about3,.from-table{padding: 30px 0;}
    .about4 .tit02{font-size: 20px;padding-bottom: 20px;}
    .about4 li{float: none;width: 100%;margin-bottom: 20px;}
    .about4 li .txt{padding:30px 20px;}
    .about4 li .txt::before{left: 22px;}
    .from-table .w70{width: 90%;padding: 30px 5%;}
    .from-table h4{font-size: 20px;font-weight: bold;}
    .from-table label{display: block;float: none;width: 100%;}
    .from-table li input{float: none;width: calc(100% - 22px);}
    .from-table li{width: 100%;margin-bottom: 12px;}
    .from-table .btns{width: 40%;}
    .index2 h4{font-size: 18px;text-align: center;}
    .index2 h5{font-size: 18px;text-align: center;line-height: 32px;}
    .index2 h5 span{padding: 0;}
    .index2 .click{position: relative;margin: 0 auto;height: 60px;background-size: auto 60px;width: 100%;right: 0;background-position: center;text-align: center;}
    .index2{padding:30px 3% 50px 3%;}
    .index2 .click a{line-height: 54px;font-size: 16px;padding:0 20px 0 0;}
    .case,.four{padding-top: 25px;}
    .four li{width: 48.5%;margin-right: 3%;}
    .four li:nth-child(2n){margin-right: 0;}
    .four li .txt2{padding: 0 10px;line-height: 22px;}
    .four li .txt1{font-size: 16px;}
    .index5{padding: 40px 0;}
    .mySwiper{margin-top: 10px;}
    .index5 a .wz{padding:10px 20px;}
    .index5 a .p1{font-size: 16px;}
    .swiper-button-prev1,.swiper-button-next1{display: none;}
    .tabs .swiper-slide a{height: 44px;line-height: 44px;}
    .banner_text h3{font-size: 40px;padding-bottom: 60px;line-height:normal;}
    .banner_text h3::after{height: 6px;width: 80px;margin-left: -40px;}
    .tab-con dt{padding:10px 0;}
    .tab-con a dt h3{font-size: 16px;}
    .tab-con .swiper-pagination{display: block;bottom: 0;}
    .tab-con .swiper{padding-bottom: 50px;}
    .tab-con .swiper-button-prev,.tab-con .swiper-button-next{display: none;}
    .brand .wrap{max-width: 100%;overflow-x: auto;}
    .brand .wrap ul{width: 150%;}
    .menu-sort2 li{margin:0.5% 1% 0.5% 0;width:49.5%;}
	.menu-sort2 li:nth-child(4n){margin-right: 1%;}
	.menu-sort2 li:nth-child(3n){margin-right: 1%;}
    .menu-sort2 li:nth-child(2n){margin-right: 0;}
    .brand{display: none;}
}
@media only screen and (max-width:767px) {
	.banner_text h3{font-size: 20px;padding-bottom: 22px;max-width: 80%;}
    .banner_text h3::after{height: 3px;width: 80px;margin-left: -40px;}
	 .tabs .swiper-slide a{height: 44px;line-height: 44px;font-size: 16px;}
    .indexNews_list .swiper-pagination{display: block!important;}
    .hotspotSwi .lhl_but{display:none}
    .hotspotSwi .lhl_but div{width: 40px;height: 40px;line-height: 40px;margin-top: -20px;text-align: center;color: #000!important;}
    .index_02{padding: 40px 0;}
    .index4{padding:40px 0 20px 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;
	}
	.hotspotSwi .swiper-pagination{display: block;}
	
    .index3{padding: 40px 0 20px 0;}
    .detail p{font-size: 14px;line-height: 24px;}
    .news-detail .wz-title{font-size: 16px;}
    .news-detail .wz-title .some span{font-size: 14px;}
    .news-detail .wz-title .some{padding-top: 15px;}
    .news-detail .detail .fenye span,.news-detail .detail .fenye span.fr{float: none;width: 100%;text-align: left;margin: 15px 0;}
    .news-detail .detail .fenye{font-size: 16px;margin-bottom: 0;}
    .detailbox p,.index5 a .p2{font-size: 14px;line-height: 24px;}
    .detailbox p strong{font-size: 16px;}
    .brand .home{display: none;}
    .index6 h4{font-size: 20px;}
    .index6 h5{font-size: 18px;}
    .index6{padding: 40px 0;}
    .header h1 {
    margin-top: 12px;
    width: auto;
    height: 26px;
    padding: 0;
    }
    .case li{width: 48.5%;margin:0 3% 10px 0;}
    .case li:nth-child(3n){margin-right: 3%;}
    .case li:nth-child(2n){margin-right: 0;}
    .case li .pic{height: 115px;}
    .case li a p.p01{margin: 10px 0;font-size: 14px;}
    .contact .map,.contact .way-list{float: none;width: 100%;}
    .contact .map{width: 90%;}
    .contact li{width: 100%;margin: 30px 0 0 0;}
    .contact li h3{font-size: 18px;padding-bottom: 12px;}
    .contact li h3::before{width:38px;}
    
    .online h4{font-size: 18px;}
    .online ul li{width:94%;padding: 0 3%;}
    .online ul{margin-top: 0;}
    .online ul li label{font-size: 14px;}
    .online ul li:nth-child(6){width: 98%;}
    .four li{background-size: auto 80px;padding: 20px 0 0 0;margin-bottom: 20px;}
    .four li img{width: 50px;height: 50px;}
    .four li .txt2{height: 120px;}
    .index5 a .p3{margin-top: 12px;background-size: auto 8px;font-size: 14px;}
    .swiper-button-prev-banner,.swiper-button-next-banner{background-size: auto 24px;background-position: center;margin-top: -18px;}
    .banner .swiper-pagination{bottom: 10px;}
    .menu-sort2{margin-top: 20px;}
}
@media only screen and (max-width:414px) {
    .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;}
    .par-map .parico.a1{top: 51%;}
    .par-map .parico.a2{top: 58%;}
    .par-map .parico.a3{top: 61.5%;right: 25%;}
    .par-map .parico.a4{bottom: 12.5%;right: 36%;}
    .contact .map{width: 100%;}
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{}


/*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: 33.33%;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: #ccc;color: #000;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;}
    .phone_content dl.on dd{background: #36a2d6;color: #fff;}
    .phone_content dl.on .phone_txt{height: 100%;}
    .mySwiper{padding:15px 0 30px 0;}
    .hotspotSwi dt p{font-size: 14px;line-height: 24px;}
    .hotspotSwi dt h3{font-size: 17px;}
    .title{font-size: 14px;}
    .footer{display: none;}
    .foot{display: block;}
    .main{margin-bottom: 74px;}
    .ny-banner{height: 200px;}
    .ny-banner h3{font-size: 18px;}
    .brand .wrap{max-width: 100%;overflow-x: auto;}
    .brand .wrap ul{width: 150%;}
    .brand li a{font-size: 16px;padding: 0 15px;}
    .brand{height: 50px;line-height: 50px;}   
    .index5 a .img{height: 118px;}
    .index5 a .wz {padding:0px 10px 10px 10px;}
    .index5 a .img{height: 200px;}
    
}

@media only screen and (max-width:767px) {
    .pc_content{display: none!important;}
    .phone_content{display: block;}
    .hotspotSwi .swiper-container{padding: 30px 0;}
    .hotspotSwi dl{margin: 0;}
    .hotspotSwi{margin-top: 0px;}
    .lg-actions .lg-next,.lg-actions .lg-prev{background-size: auto 40px;width: 40px;height: 40px;margin-top: -20px;}
}
@media only screen and (max-width:450px) {
	.index5 a .img{height: 118px;}
	.menu-sort2 li{margin:5px 0 5px 0;width:100%;text-align: left;}	.menu-sort2 li a{padding: 0 10px;}
	.menu-sort2 li:nth-child(4n){margin-right: 0;}
	.menu-sort2 li:nth-child(3n){margin-right: 0;}
    .menu-sort2 li:nth-child(2n){margin-right: 0;}
}