.banner{width:100%;overflow:hidden;position:relative}
.banner #banner_pic{display:none}
.banner .swiper{width:100%;height:100%}
.banner .list{width:100%;height:100%}
.banner .list .before{width:100%;height:100%}
.banner .list .img{position:relative;width:100%;background-repeat:no-repeat}
.banner .list .img img{width:100%}
.banner .pcpt{display:block}
.banner .mbpt{display:none}
.banner .swiper-pagination-bullet{margin:0 8px}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 13px}
.banner .swiper-pagination{padding:0 5%;width:100%;margin:0;height:auto;bottom:40px;text-align:left;box-sizing:border-box;text-align:center}
.banner .swiper-pagination-bullet{width:auto;height:auto;background-color:transparent;opacity:1}
.banner .swiper-pagination-bullet span{color:#fff;font-size:16px;font-family:arial;position:relative}
.banner .swiper-pagination-bullet span:after{content:"";position:absolute;left:calc(100% + .8vw);top:50%;width:0;height:1px;background:#fff}
.banner .swiper-pagination-bullet-active span{margin-right:5vw}
.banner .swiper-pagination-bullet-active span:after{width:4.6vw;transition:all .3s linear}
.banner #banner_mb{display:none}
.banner .num_page{position:absolute;right:5%;bottom:30px;width:auto;z-index:2;color:#fff;font-size:40px;white-space:nowrap}
.banner .num_page span{display:inline-block}
.banner .banner_txt{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:3;color:#fff}
.banner .banner_txt .top{font-size:56px;text-transform:uppercase;letter-spacing:10px;font-weight:700}
.banner .banner_txt .btm{margin-top:20px;font-size:20px;letter-spacing:8px}
@media only screen and (max-width:1260px){.banner #banner_next,.banner #banner_prev{width:20px;height:30px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 13px}
.banner .num_page{font-size:48px}
}
@media only screen and (max-width:1080px){
.banner .num_page{font-size:40px}
.banner .swiper-pagination span.swiper-pagination-bullet-active{width:12px;height:12px}
.banner .banner_txt .top{font-size:46px}
.banner .banner_txt .btm{margin-top:20px;font-size:16px;letter-spacing:8px}
}
@media only screen and (max-width:850px){.banner .num_page{font-size:30px}
}
@media only screen and (max-width:830px){.banner #banner_pic{display:block}
}
@media only screen and (max-width:520px){.banner #banner_next,.banner #banner_prev{height:22px;background-size:12px}
.banner #banner_prev{left:3%}
.banner #banner_next{right:3%}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.banner .swiper-pagination{bottom:13px}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.banner .num_page{font-size:20px;bottom:13px}
.banner .banner_txt{text-align:center}
.banner .banner_txt .top{font-size:36px;letter-spacing:4px}
.banner .banner_txt .btm{font-size:12px}
.banner .list01 .img{background-position:70% center!important}
}
.banner .list01{position:relative;z-index:1;overflow:hidden}
.banner .list01 .text{position:absolute;left:0;top: 45%;width:100%;height:auto;transform:translate(0,-50%);z-index:2;color:#fff;}
.banner .list01 .text .wrap{margin:0 auto 0 auto;opacity:1;transition:all .1s .9s ease-out}
.banner .list01 .text .top{width: fit-content;margin: 0 auto;margin-right: 0;line-height: 1.8;background-color: rgb(255 255 255 / 50%);padding: 30px 60px;position: relative;}
.banner .list01 .text .top::after{content: " ";position: absolute;left: -5%;top: -10%;width: 100%;height: 100%;background-color: rgb(255 255 255 / 50%);z-index: -1;}
.banner .list01 .text .top::before{content: " ";position: absolute;left: -6px;top: -6px;width: 15px;height: 15px;background: #0f2450;}
.banner .list01 .text .top h2{font-size: 26px;color: #001332;}
.banner .list01 .text .top p{font-size: 18px;color: #001332;}
.banner .list01 .text .top h3{font-size: 24px;color: #7f552b;font-weight: normal;}
.banner .list01 .text .bottom img{margin-top:6.5%;transform:translateX(17px)}
.banner .list01 .img{overflow:hidden}
.banner .list01 .img img{opacity:1;transition:all 1s .5s ease-out}
.banner .list01.after .img img{transform:translateX(0);opacity:1}
.banner .list01.after .text .wrap{opacity:1}
@media only screen and (max-width:1550px){.banner .list01 .text .top h2{font-size:36px}
}
@media only screen and (max-width:1080px){
.banner .list01 .text .top h2{font-size:30px}
.banner .list01 .text .bottom img{transform:translateX(5px)}
.banner .list01 .text .top p{font-size: 18px;}
.banner .list01 .text .top h3{font-size: 25px;}
}
@media only screen and (max-width:768px){
.banner .list01 .text .wrap{width:100%}
.banner .list01 .text .top{margin-right: auto;padding: 10px 30px;background-color: unset;}
.banner .list01 .text .top h2{font-size: 14px;}
.banner .list01 .text .top p{font-size: 12px;}
.banner .list01 .text .top h3{font-size: 14px;}
.banner .list01 .text .top::after{background-color: rgb(255 255 255 / 50%);left: 0;top: 0;}
}

/* 效果 */
.list01 .text .top p, .list01 .text .top h2,.list01 .text .top h3{opacity: 0;}
.swiper-slide-active .list01 .text .top p{animation: indbanDown 1s ease both 0.5s;}
.swiper-slide-active .list01 .text .top h2{animation: indbanDown 1s ease both 0.4s;}
.swiper-slide-active .list01 .text .top h3{animation: indbanDown 1s ease both 0.3s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}


/* 标题 */
.idx_title{padding:20px 0 0;color:#222}
.idx_title .en{font-size:48px;position:absolute;left:50%;top:0;width:auto;max-width:initial;transform:translate(-50%,-50%);z-index:0;line-height:1em;color:#eee;text-transform:uppercase;white-space:nowrap}
.idx_title .title{font-size:36px;display:inline-block;position:relative;z-index:1;line-height:1em;font-weight:400}
.idx_title .slogan{margin-top:22px;font-size:16px;color:#999;line-height:1.6}
section>div{padding:5% 0 0}
@media only screen and (max-width:1080px){.idx_title .title{font-size:30px}
.idx_title .en{font-size:26px}
section>div{padding:64px 0 0}
}
@media only screen and (max-width:850px){.idx_title .title{font-size:24px}
.idx_title .slogan{font-size:15px}
}
@media only screen and (max-width:520px){.idx_title{padding:0}
.idx_title .title{font-size:18px;font-weight: bold;}
.idx_title .en{font-size:18px;position:initial;transform:initial}
.idx_title .slogan{margin-top:10px;font-size:14px}
section>div{padding:30px 0 0}
}
 
.pro_next,.pro_prev{position:absolute;top:50%;width:60px;height:60px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:100%;z-index:3;cursor:pointer;background-color:#999;border-radius:50%}
.pro_prev{left:5%}
.pro_next{right:5%}
.pro_next img,.pro_prev img{position:absolute;left:50%;top:50%;width:auto;transform:translate(-50%,-50%)}
.pro_next:hover,.pro_prev:hover{background-color:#0f2450}
@media only screen and (max-width:1280px){
.pro_next,.pro_prev{width:52px;height:52px}
.pro_next img,.pro_prev img{width:24px}
}
@media only screen and (max-width:850px){
.pro_next,.pro_prev{width:44px;height:44px}
.pro_next img,.pro_prev img{width:20px}
}
@media only screen and (max-width:520px){
.pro_next,.pro_prev{top:50%;width:38px;height:38px}
.pro_next img,.pro_prev img{width:16px}
}


/* home_profile */
.home_profile{overflow: hidden;}
.home_profile .top{margin-bottom: 90px;}
.home_profile .img{width: 63%;}
.home_profile .img img{max-width: 100%;}
.home_profile .info{width: 37%;display: flex;align-items: center;}
.home_profile .text{padding-right: 80px;padding-left: 225px;}
.home_profile .top .text{padding-left: 80px;padding-right: 225px;}
.home_profile .text h2{font-size: 36px;font-weight: normal;}
.home_profile .text p{font-size: 16px;;line-height: 28px;margin-top: 25px;}
@media only screen and (max-width:1550px){
.home_profile .img{width: 58%;}
.home_profile .info{width: 42%;}
.home_profile .top{margin-bottom: 60px;}
.home_profile .top .text{padding-right: 150px;}
.home_profile .text{padding-left: 80px;}
}
@media only screen and (max-width:1080px){
.home_profile .text h2{font-size: 25px;}
.home_profile .top .text{padding: 0 70px;}
.home_profile .text{padding: 0 70px;}
}
@media only screen and (max-width:850px){
.home_profile .top{margin-bottom: 20px;}
.home_profile .top .text{padding: 0 20px;}
.home_profile .text{padding: 0 20px;}
.home_profile .text h2{font-size: 18px;font-weight: bold;}
.home_profile .text p{font-size: 14px;margin-top: 10px;}
.home_profile .img{width: 100%;margin-top: 15px;}
.home_profile .top .img{margin-top: 0;}
.home_profile .info{width: 100%;margin-top: 15px;}
}


/* home_product */
.home_product{overflow: hidden;}
.home_product .idx_pro {margin-top: 60px;}
.home_product .idx_pro .rd{width: 35%;}
.home_product .idx_pro .rd .nd{padding-left: 260px;}
.home_product .idx_pro .rd .a p{font-size: 15px;}
.home_product .idx_pro .rd .a h2{font-size: 20px;font-weight: bold;margin-bottom: 25px;width: fit-content;}
.home_product .idx_pro .rd .a h2{position: relative;}
.home_product .idx_pro .rd .a.cur h2::after{content: "";position: absolute;left: 50%;bottom: -4px;width: 114%;height: 16px;background-color: rgba(197,28,34,0.75);transform: translateX(-50%);transition: width .3s linear;}
.home_product .idx_pro .pro_cont{width: 65%;}
.home_product .swiper-wrapper{}
.home_product .swiper-slide{width: 480px !important;position: relative;}
.home_product .pro{position: relative;}
.home_product .pro .swiper-button-next.swiper-button-disabled,.home_product .pro .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.home_product .pro .swiper-button-prev{top: 80%;left: -14%;}
.home_product .pro .swiper-button-next{top: 80%;left: -8%;}
.home_product .pro .swiper-button-next:after,.home_product .pro .swiper-button-prev:after{font-size: 14px;} 
.home_product .pro .swiper-button-next,.home_product .pro .swiper-button-prev{height: 45px;width: 45px;background: #C2CAC7;color: #fff;border-radius: 50%;}
.home_product .pro .swiper-button-next:hover,.home_product .pro .swiper-button-prev:hover{background: #0f2450;}
.home_product .pro .img{}
.home_product .swiper-slide:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(19,48,84,.75);opacity:0;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%)}
.home_product .swiper-slide:hover:after{opacity:1;-webkit-clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
.home_product .swiper-slide .css3{position:absolute;z-index:9;left:1em;top:1em;right:1em;bottom:1em}
.home_product .swiper-slide .border{position:absolute;z-index:1;background-color:#fff}
.home_product .swiper-slide .border.b_t{left:0;right:100%;top:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide .border.b_r{top:0;bottom:100%;right:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide .border.b_b{left:0;right:100%;bottom:0;height:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide .border.b_l{top:0;bottom:100%;left:0;width:1px;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide:hover .b_t{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide:hover .b_r{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide:hover .b_b{left:0;right:0;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide:hover .b_l{top:1em;bottom:1em;-webkit-transition:all 340ms linear 150ms;transition:all 340ms linear 150ms}
.home_product .swiper-slide .contain{position:absolute;z-index:10;width:100%;text-align:center;color:#fff;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;top:50%;-webkit-transform:translateY(-20%);transform:translateY(-20%)}
.home_product .swiper-slide .contain .icoImg{display:inline-block;position:relative;width:auto!important;height:5em!important;max-width:12em;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;pointer-events:auto!important}
.home_product .swiper-slide .contain h3{margin-top: 15px;margin-left: 25px;margin-right: 25px;margin-bottom: 15px;position:relative;line-height: 2;}
.home_product .swiper-slide .contain:after{content:" ";display:block;margin-left:auto;margin-right:auto;width:38px;height:38px;border-radius:50%;border:#fff solid 1px;background-image:url(../images/arrow-pdtItem.png);background-size:auto;background-position:50% 50%;background-repeat:no-repeat;opacity:0;-webkit-transition:all 320ms ease-out 0s;transition:all 320ms ease-out 0s;-webkit-transform:rotate(90deg) translateX(10px) scale(.8);transform:rotate(90deg) translateX(10px) scale(.8)}
.home_product .swiper-slide:hover .contain{-webkit-transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,-webkit-transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s;transition:all .3s ease-out .2s,transform .5s ease .2s,-webkit-transform .5s ease .2s;opacity:1;visibility:visible;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.home_product .swiper-slide:hover .contain:after{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0);opacity:1;-webkit-transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,-webkit-transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms,-webkit-transform .4s ease-out 440ms}
@media only screen and (max-width:1550px){
.home_product .idx_pro .rd .nd{padding-left: 79px;}
.home_product .pro .swiper-button-prev{left: -18%;}
.home_product .pro .swiper-button-next{left: -10%;}
}
@media only screen and (max-width:1080px){
.home_product .idx_pro{margin-top: 40px;}
.home_product .idx_pro .rd .nd{padding-left: 70px;}
.home_product .pro .swiper-button-prev{left: -20%;}
.home_product .pro .swiper-button-next{left: -10%;}

}
@media only screen and (max-width:768px){
.home_product{padding: 30px 20px 0 20px;}
.home_product .idx_pro{margin-top: 25px;}
.home_product .idx_pro .rd{width: 100%;}
.home_product .idx_pro .rd .nd{padding-left: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.home_product .idx_pro .rd .nd a{width:33.3%;text-align: center;}
.home_product .idx_pro .rd .nd a:nth-child(1){width: 50%;}
.home_product .idx_pro .rd .nd a:nth-child(2){width: 50%;}
.home_product .idx_pro .rd .a p{font-size: 14px;display: none;}
.home_product .idx_pro .rd .a h2{font-size: 16px;width: auto;margin-bottom: 15px;}
.home_product .idx_pro .rd .a.cur h2::after{bottom: 0px;width: 58%;height: 6px;background-colo}
.home_product .idx_pro .pro_cont{width: 100%;}
.home_product .swiper-slide{width: 200px !important;}
.home_product .swiper-slide .contain h3{font-size: 14px;}
.home_product .swiper-slide .contain:after{width: 30px;height: 30px;}
.home_product .swiper-slide .contain .icoImg{height: 3em!important;max-width: 4em;}
.home_product .pro .swiper-button-next{left: auto;top: 50%;}
.home_product .pro .swiper-button-prev{top: 50%;left: 2%;}
.home_product .pro .swiper-button-next, .home_product .pro .swiper-button-prev{width: 30px;height: 30px;}
}



/* home_about */
.home_about{overflow: hidden;}
.home_about .ab_in{margin-top: 60px;}
.home_about .left{width: 50%;}
.home_about .left .info{padding: 50px 60px 50px 225px;background: #F5F5F5;}
.home_about .left .info .text{font-size: 36px;color: #0f2450;font-weight: bold;}
.home_about .left .info .tet{font-size: 16px;line-height: 1.8;color: #666666;margin: 30px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
.home_about .left .info ul{align-items: baseline;}
.home_about .left .info ul li{width: 33.3%;}
.home_about .left .info ul li .timer{font-size: 40px;font-weight: bold;color: #0f2450;}
.home_about .left .info ul li sup{font-size: 45px;font-weight: bold;color: #0f2450;}
.home_about .left .info ul li p{font-size: 15px;color: #000;}
.home_about .right{width: 50%;}
.home_about .right .videolist{position: relative;max-height: 640px;overflow: hidden;}
.home_about .right .videolist .ico{width: 100%;}
.home_about .right .videoed{position: absolute;top: 50%;left: 50%;width: auto;transform: translate(-50%,-50%);transition: all .5s;z-index: 2;}
.home_about .right:hover .videoed{transform: translate(-50%,-50%) rotateZ(180deg);}
@media only screen and (max-width:1700px){
.home_about .left .info{padding: 50px 60px 50px 225px;}
.home_about  .btn span{margin-top: 30px;}
.home_about .left .info .tet{margin: 28px 0;}
}
@media only screen and (max-width:1550px){
.home_about .left .info{padding-left: 80px;}
.home_about .left .info ul li .timer{font-size: 40px;}
}
@media only screen and (max-width:1330px){
.home_about .left .info .tet{margin: 20px 0;}
}
@media only screen and (max-width:1080px){
.home_about .ab_in{margin-top: 40px;}
.home_about .left{width: 100%;}
.home_about .left .info .text{font-size: 25px;}
.home_about .left .info{padding-left: 70px;}
.home_about .right{width: 100%;}
}
@media only screen and (max-width:768px){
.home_about .idx_title{padding: 0 20px;}
.home_about .ab_in{margin-top: 15px;}
.home_about .left .info{padding: 15px 20px 0 20px;}
.home_about .left .info .tet{margin: 10px 0;font-size: 14px;line-height: 28px;}
.home_about .btn span{margin: 15px 0;}
.home_about .left .info .text{font-size: 18px;}
.home_about .left .info ul li{width: 32%;margin-right: 2%;text-align: center;}
.home_about .left .info ul li:nth-last-child(3){margin-right: 0;}
.home_about .left .info ul li .timer{font-size: 26px;}
.home_about .left .info ul li sup{font-size: 24px;}
.home_about .left .info ul li p{font-size: 14px;line-height: 24px;}
.home_about .right .videoed{width: 50px;}
}
 
 
/* home_partner */
.home_partner{background: url(../images/in_hb.jpg) no-repeat fixed center center;background-size: cover;}
.home_partner .idx_title .title{color: #fff;}
.home_partner .idx_title .slogan{color: #fff;}
.home_partner .pa_in{padding: 60px 0;}
.home_partner .pa_in li{width:11.2%;margin-bottom: 60px;text-align: center;margin-right: 20px;}
.home_partner .pa_in li:nth-child(8n+8){margin-right: 0;}
.home_partner .pa_in li img{transition: all .6s linear;}
.home_partner .pa_in li:hover img{transform: rotateY(180deg);}
.home_partner .pa_in .btn span{margin-top: 0;margin: 0 auto;border: 1px solid #fff;color: #fff;}
.home_partner .pa_in .btn span img{filter: brightness(100);}
.home_partner .pa_in .btn span:hover{border: 1px solid #0f2450;}
@media only screen and (max-width:1550px){
.home_partner .pa_in li{width: 11%;}
}
@media only screen and (max-width:1280px){
.home_partner .pa_in li{width: 10.6%;}
}
@media only screen and (max-width:1080px){
.home_partner .pa_in{padding: 40px 0;}
.home_partner .pa_in li{width: 22.2%;}
}
@media only screen and (max-width:768px){
.home_partner .pa_in{padding: 25px 0;}
.home_partner .pa_in ul{overflow: hidden;max-height: 254px;}
.home_partner .pa_in li{width:30.3%;margin-bottom: 30px;display: none;margin-right: 6%;}
.home_partner .pa_in li:nth-child(1){display: block;}
.home_partner .pa_in li:nth-child(2){display: block;}
.home_partner .pa_in li:nth-child(3){display: block;}
.home_partner .pa_in li:nth-child(4){display: block;}
.home_partner .pa_in li:nth-child(5){display: block;}
.home_partner .pa_in li:nth-child(6){display: block;}
.home_partner .pa_in li:nth-child(3n+3){margin-right: 0;}
}
@media only screen and (max-width:520px){
.home_partner .pa_in li{margin-right: 4%;}
}
/* home_customer */
/* .home_customer{overflow: hidden;}
.home_customer .sid_cont .hd {margin: 60px 0;}
.home_customer .sid_cont .tempWrap{width: auto !important;}
.home_customer .sid_cont .hd ul{justify-content: center;}
.home_customer .sid_cont .hd swiper-slide{margin: 0 50px;text-align: center;}
.home_customer .sid_cont .hd swiper-slide p{color: #666666;font-size: 20px;margin-top: 15px;font-weight: 540;}
.home_customer .sid_cont .hd swiper-slide img:nth-child(2){display: none;}
.home_customer .sid_cont .hd swiper-slide.on p,.home_customer .sid_cont .hd swiper-slide:hover p{color: #001332;}
.home_customer .sid_cont .hd swiper-slide.on img,.home_customer .sid_cont .hd swiper-slide:hover img{animation: shake 0.4s ease;}
.home_customer .sid_cont .hd swiper-slide.on img:nth-child(2),.home_customer .sid_cont .hd swiper-slide:hover img:nth-child(2){display: block;margin: 0 auto;}
.home_customer .sid_cont .hd swiper-slide.on img:nth-child(1),.home_customer .sid_cont .hd swiper-slide:hover img:nth-child(1){display: none;}
.home_customer .bd .item{display: none;}
.home_customer .sid_cont .bd a{display: flex;position: relative;}
.home_customer .sid_cont .bd a:after{content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 10%);}
.home_customer .sid_cont .bd a img{width: 100%;}
.home_customer .sid_cont .bd a .i_img{position: relative;}
.home_customer .sid_cont .bd a h2{position: absolute;top: 50%;left: 50%;font-size: 30px; width: auto;transform: translate(-50%,-50%);color: #fff;z-index: 99;}
@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@media only screen and (max-width:1080px){
.home_customer .sid_cont .hd{margin: 40px 0;}
.home_customer .sid_cont .hd ul li{margin: 0px 40px;}
.home_customer .sid_cont .hd ul li p{font-size: 18px;}
}
@media only screen and (max-width:768px){
.home_customer .sid_cont .hd{margin: 25px 0;}
.home_customer .sid_cont .hd ul{align-items: flex-end;}
.home_customer .sid_cont .hd ul li{margin: 0px 18px;}
.home_customer .sid_cont .hd ul li:nth-child(4){margin-top: 20px;}
.home_customer .sid_cont .hd ul li:nth-child(5){margin-top: 20px;}
.home_customer .sid_cont .hd ul li p{font-size: 15px;margin-top: 10px;}
.home_customer .sid_cont .hd ul li img{width: 30px;}
.home_customer .sid_cont .bd a img{width: 100%;}
.home_customer .sid_cont .bd a img:nth-child(2){display: none;}
.home_customer .sid_cont .bd a h2{left: 50%;font-size: 20px;}
.home_customer .sid_cont .bd a:after{background-color: rgb(0 0 0 / 20%);}
} */

.home_customer{overflow: hidden;}
.home_customer .sid_cont .hd {margin: 60px 0;}
.home_customer .sid_cont .tempWrap{width: auto !important;}
.home_customer .sid_cont .hd ul{justify-content: center;}
.home_customer .sid_cont .hd ul li{margin: 0 50px;text-align: center;}
.home_customer .sid_cont .hd ul li p{color: #666666;font-size: 20px;margin-top: 15px;font-weight: 540;}
.home_customer .sid_cont .hd ul li img:nth-child(2){display: none;}
.home_customer .sid_cont .hd ul li.on p,.home_customer .sid_cont .hd ul li:hover p{color: #001332;}
.home_customer .sid_cont .hd ul li.on img,.home_customer .sid_cont .hd ul li:hover img{animation: shake 0.4s ease;}
.home_customer .sid_cont .hd ul li.on img:nth-child(2),.home_customer .sid_cont .hd ul li:hover img:nth-child(2){display: block;margin: 0 auto;}
.home_customer .sid_cont .hd ul li.on img:nth-child(1),.home_customer .sid_cont .hd ul li:hover img:nth-child(1){display: none;}
.home_customer .bd .item{display: none;}
.home_customer .sid_cont .bd a{display: flex;position: relative;}
.home_customer .sid_cont .bd a:after{content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 10%);}
.home_customer .sid_cont .bd a img{width: 100%;}
.home_customer .sid_cont .bd a .i_img{position: relative;}
.home_customer .sid_cont .bd a h2{position: absolute;top: 50%;left: 50%;font-size: 30px; width: auto;transform: translate(-50%,-50%);color: #fff;z-index: 99;}
@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@media only screen and (max-width:1080px){
.home_customer .sid_cont .hd{margin: 40px 0;}
.home_customer .sid_cont .hd ul li{margin: 0px 40px;}
.home_customer .sid_cont .hd ul li p{font-size: 18px;}
}
@media only screen and (max-width:768px){
.home_customer .sid_cont .hd{margin: 25px 0;}
.home_customer .sid_cont .hd ul{align-items: flex-end;}
.home_customer .sid_cont .hd ul li{margin: 0px 18px;}
.home_customer .sid_cont .hd ul li:nth-child(4){margin-top: 20px;}
.home_customer .sid_cont .hd ul li:nth-child(5){margin-top: 20px;}
.home_customer .sid_cont .hd ul li p{font-size: 15px;margin-top: 10px;}
.home_customer .sid_cont .hd ul li img{width: 30px;}
.home_customer .sid_cont .bd a img{width: 100%;}
.home_customer .sid_cont .bd a img:nth-child(2){display: none;}
.home_customer .sid_cont .bd a h2{left: 50%;font-size: 20px;}
.home_customer .sid_cont .bd a:after{background-color: rgb(0 0 0 / 20%);}
}

/* home_news */
.home_news .new_in{margin: 60px 0;}
.home_news .left{width: 40%;margin-right: 5%;}
.home_news .left .pic{overflow: hidden;max-height: 360px;}
.home_news .left .pic img{width: 100%;transition: all .6s ease;}
.home_news .left:hover .pic img{transform: scale(1.06);}
.home_news .left .text{margin-top: 10px;}
.home_news .left .text h3{font-size: 18px;font-weight: bold;}
.home_news .left .text span{font-size: 15px;color: #999999;line-height: 2;}
.home_news .left .text p{font-size: 16px;color: #666666;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.home_news .right{width: 55%;text-align: left;margin-top: -25px;}
.home_news .right li{border-top: 1px solid #ededed;padding: 25px 15px;transition: all 0.3s;}
.home_news .right li:hover{box-shadow: 0 10px 30px rgba(0,0,0,.1);margin-top: -3px;}
.home_news .right li:nth-child(1){border:none;}
.home_news .right li a{display: flex;flex-wrap: wrap;}
.home_news .right li .date{width: fit-content;}
.home_news .right li .date p{color: #000;font-size: 15px;}
.home_news .right li .date h2{color: #000;font-weight: 520;font-size: 36px;}
.home_news .right li .info{width: 85%;margin-left: 5%;}
.home_news .right li .info h3{font-size: 18px;margin-bottom: 10px;position: relative;padding-left: 18px;}
.home_news .right li .info h3::after{content: " ";position: absolute;left: 0;top: 8px;width: 10px;height: 10px;background: #0f2450;}
.home_news .right li .info p{font-size: 16px;color: #666666;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.home_news .btn span{margin: 0 auto;}
@media only screen and (max-width:1080px){
.home_news .new_in{margin: 40px 0;}
.home_news .left{width: 100%;margin-right: 0;margin-bottom: 25px;}
.home_news .right{width: 100%;}
}
@media only screen and (max-width:768px){
.home_news{padding-bottom: 30px;}
.home_news .new_in{margin: 25px 0 15px;}
.home_news .left .text h3{font-size: 16px;}
.home_news .left .text p{font-size: 14px;line-height: 24px;}
.home_news .right li{padding: 15px 0;}
.home_news .right li .info{width: 75%;}
.home_news .right li .info h3{font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.home_news .right li .date{width: 20%;}
.home_news .right li .date h2{font-size: 30px;}
.home_news .right li .info p{font-size: 13px;}

}

/* home_service */
.home_service .item:hover .info{transform: translateY(-280px);padding-left: 80px;}}
.home_service{}
.home_service .item{width: calc(100% / 3);position: relative;}
.home_service .item::after{content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 45%);opacity: 0;}
.home_service .item .css3 {position: absolute;z-index: 9;left: 1em;top: 1em;right: 1em;bottom: 1em}
.home_service .item .border{position: absolute;z-index: 1;background-color: #fff;}
.home_service .item .border.b_t {left: 0;right: 100%;top: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item .border.b_r {top: 0;bottom: 100%;right: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item .border.b_b {left: 0;right: 100%;bottom: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item .border.b_l {top: 0;bottom: 100%;left: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item:hover .b_t {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item:hover .b_r {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item:hover .b_b {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item:hover .b_l {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.home_service .item:hover::after{opacity: 1;}
.home_service .item .info{position: absolute;top: 50%;left: 0%;width:100%;text-align: center;transition: transform 0.5s ease;transform: translateY(-50%);z-index: 10;}
.home_service .item .info p{font-size: 18px;color: #fff;margin-bottom: 10px;transition: color 0.5s ease;}
.home_service .item .info h2{font-size: 30px;color: #fff;text-transform: uppercase;transition: color 0.5s ease;}
.home_service .item:hover .info{text-align: left;width:fit-content;}

@media only screen and (max-width:1600px){
.home_service .item:hover .info{transform: translateY(-220px);}
}
@media only screen and (max-width:1440px){
.home_service .item:hover .info{transform: translateY(-160px);}
}
@media only screen and (max-width:1080px){
.home_service .item:hover .info{transform: translateY(-100px);left: 15%;}
}
@media only screen and (max-width:768px){
.home_service{display: none;}
}


/* z_tanchuang */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/conse.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/conse.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
  .z_tanchuang .tbox .modal{padding:10px}
  .z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}