.banner{position:relative;z-index:1;}
/* .banner .swiper-slide.swiper-slide-active img */

.banner .swiper-slide img{ width:100%; min-height:100vh; object-fit:cover; height:auto; acpect-ratio:1920 / 1080;}
.banner .swiper-slide:hover img{animation:myscale2 5s infinite;-webkit-animation:myscale2 5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.banner .imgbox{overflow:hidden;display:block;position:relative;}
.banner .text{position:absolute;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:100%;}
.banner .text .con{max-width:650px;}
.banner .text .tit{font-size:55px;color:#ffffff;line-height:1.27;transform:translate(0,-80px);-webkit-transform:translate(0,-80px);-moz-transform:translate(0,-80px);-ms-transform:translate(0,-80px);-o-transform:translate(0,-80px);transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;}
.banner .text .more{margin-top:30px;}
.banner .text .desc{font-size:20px;color:#ffffff;line-height:1.6;margin-top:30px;transform:translate(0,80px);-webkit-transform:translate(0,80px);-moz-transform:translate(0,80px);-ms-transform:translate(0,80px);-o-transform:translate(0,80px);transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;}
.banner .swiper-slide.swiper-slide-active .tit,.banner .swiper-slide.swiper-slide-active .desc{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);}
.banner .swiper-pagination{position:absolute;bottom:60px;left:0;right:0;text-align:center;z-index:1010;z-index:2;}
.banner .swiper-pagination span{width:12px;height:12px;position:relative;border:2px solid #fff;border-radius:50%;background:none;opacity:1;margin:0 17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background-color:#e60012;border-color:#e60012;}
/* index01 */
.index01{padding:10px 10px;background-color:#fff;/* background-color:#e60012;*/
}
.index01 .list{height:730px;position:relative;}
.index01 .list .item{position:absolute;}
.index01 .list .item:nth-child(1){width:26.3%;height:100%;}
.index01 .list .item:nth-child(2){width:26.3%;height:100%;left:26.8%;}
.index01 .list .item:nth-child(3){width:46.4%;height:50%;left:53.6%;}
.index01 .list .item:nth-child(4){width:22.9%;height:48.5%;left:53.6%;bottom:0;}
.index01 .list .item:nth-child(5){width:22.9%;height:48.5%;right:0;bottom:0;}
.index01 .list .item .imgbox{position:absolute;left:0;top:0;width:100%;height:100%;}
.index01 .list .item img{width:100%;height:100%;object-fit:cover;}
.index01 .item .text{position:absolute;z-index:2;color:#ffffff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;padding:60px 40px 60px 50px;left:0;top:0;width:100%;height:100%;}
.index01 .item .tit{font-size:30px;}
.index01 .item .ctit{font-size:18px;margin-top:15px;color:rgba(255,255,255,.5);line-height:1.3;}
.index01 .item:nth-child(3) .text{color:#000;}
.index01 .item:nth-child(3) .text .ctit{color:rgba(0,0,0,.5);}
.index01 .item .hover_box{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgb(0,0,0,.8);z-index:2;display:flex;align-items:flex-end;padding:20px 45px 60px;opacity:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.index01 .item .h_tit{font-size:30px;color:#ffffff;padding-bottom:35px;position:relative;}
.index01 .item .h_tit::before{content:'';display:block;position:absolute;left:0;bottom:0;width:20px;height:2px;background-color:#e60012;}
.index01 .item .h_list{display:flex;flex-wrap:wrap;padding-top:40px;}
.index01 .item .h_item{font-size:14px;color:#ffffff;line-height:2.5;width:50%;}
.index01 .item .h_item:hover{color:#e60012;}
.index01 .item .more{margin-top:60px;}
.index01 .item.item1:hover .text{opacity:0;}
.index01 .item.item1:hover .hover_box{opacity:1;}
.index01 .item.item2 .more{opacity:0;}
.index01 .item.item2 .ctit{overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.index01 .item.item2:hover .more{opacity:1;}
.index02{position:relative;}
.index02 .item{display:flex;padding:160px 115px 240px 13.215%;justify-content:space-between;background-repeat:no-repeat;background-size:cover;}
.index02 .item .left{display:flex;justify-content:space-between;flex-direction:column;max-width:540px;}
.index02 .item .tit{font-size:36px;color:#000000;transform:translate(0,-80px);-webkit-transform:translate(0,-80px);-moz-transform:translate(0,-80px);-ms-transform:translate(0,-80px);-o-transform:translate(0,-80px);transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;}
.index02 .item .desc{font-size:48px;color:#000000;line-height:1.25;}
.index02 .item .cdesc{font-size:20px;line-height:1.5;color:#000000;margin-top:40px;}
.index02 .item .more{width:fit-content;transform:translate(0,80px);-webkit-transform:translate(0,80px);-moz-transform:translate(0,80px);-ms-transform:translate(0,80px);-o-transform:translate(0,80px);transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;}
.index02 .swiper-pagination{position:absolute;bottom:55px;left:0;right:0;text-align:center;z-index:1010;z-index:2;}
.index02 .swiper-pagination span{width:12px;height:12px;position:relative;border:2px solid #fff;border-radius:50%;background:none;opacity:1;margin:0 17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.index02 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#e60012;border-color:#e60012;}
.index02 .swiper-slide.swiper-slide-active .tit,.index02 .swiper-slide.swiper-slide-active .more{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transition-delay:.3s;}
.index03{position:relative;margin-top:1%;}
.index03 .item{padding:130px 0 260px;background-repeat:no-repeat;background-size:cover;}
.index03 .item .tit{font-size:36px;color:#fff;transform:translate(0,-80px);-webkit-transform:translate(0,-80px);-moz-transform:translate(0,-80px);-ms-transform:translate(0,-80px);-o-transform:translate(0,-80px);transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;margin-bottom:170px;}
.index03 .item .desc{font-size:55px;color:#ffffff;}
.index03 .item .cdesc{font-size:20px;color:#ffffff;line-height:1.6;margin-top:40px;}
.index03 .item .more{margin-top:60px;transform:translate(0,80px);-webkit-transform:translate(0,80px);-moz-transform:translate(0,80px);-ms-transform:translate(0,80px);-o-transform:translate(0,80px);transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;}
.index03 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#e60012;border-color:#e60012;}
.index03 .swiper-slide.swiper-slide-active .tit,.index03 .swiper-slide.swiper-slide-active .more{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);}
.index03 .swiper-pagination{position:absolute;bottom:55px;left:0;right:0;text-align:center;z-index:1010;z-index:2;}
.index03 .swiper-pagination span{width:12px;height:12px;position:relative;border:2px solid #fff;border-radius:50%;background:none;opacity:1;margin:0 17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.index03 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#e60012;border-color:#e60012;}
.index04{padding:10px 10px;background-color:#fff;}
.index04 .list{padding-bottom:37.5%;position:relative;}
.index04 .item .imgbox{position:absolute;left:0;top:0;width:100%;height:100%;}
.index04 .item .imgbox img{width:100%;height:100%;object-fit:cover;}
.index04 .item .tit{font-size:55px;color:#ffffff;line-height:1.27;text-align:center;}
.index04 .item .video_box{display:flex;align-items:center;position:absolute;bottom:50px;left:60px;}
.index04 .item .video_btn{width:60px;height:60px;background-color:#e60012;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-image:url(../images/icon11.png);background-repeat:no-repeat;background-position:center left 24px;}
.index04 .item .video_tit{font-size:24px;color:#ffffff;margin-left:25px;display:none;}
.index04 .list .item{position:absolute;}
.index04 .list .item:nth-child(1){left:0;top:0;height:100%;width:67%;}
.index04 .list .item:nth-child(2){right:0;top:0;height:49.5%;width:32.5%;}
.index04 .list .item:nth-child(3){right:0;height:49.5%;width:32.5%;bottom:0;}
.index04 .list .item .tit{position:absolute;bottom:170px;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);width:auto;line-height:1.3;}
.index04 .list .item:nth-child(2) .video_tit,.index04 .list .item:nth-child(3) .video_tit{display:none;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:30px;bottom:80px;}
.index04 .list .item:nth-child(2) .tit{color:#fff;}
.index04 .list .item:nth-child(1) .video_box,.index04 .list .item:nth-child(2) .video_box,.index04 .list .item:nth-child(3) .video_box{position:absolute;top:50%;bottom:unset;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.index05{padding:55px 20px 65px;background-color:#d8d9db;}
.index05 .ctit{font-size:36px;color:#000000;}
.index05 .ctop{display:flex;align-items:center;justify-content:space-between;}
.index05 .pagin{display:flex;align-items:center;}
.index05 .more{margin-left:30px;}
.index05 .swiper-pagination{text-align:center;z-index:1010;position:relative;}
.index05 .swiper-pagination span{width:12px;height:12px;position:relative;border:2px solid #fff;border-radius:50%;background:none;opacity:1;margin:0 17px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.index05 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#e60012;border-color:#e60012;}
.index05 .main{margin-top:10px;}
.index05 .swiper-slide{height:auto;padding-top:10px;}
.index05 .item{display:flex;background-color:#fff;padding:40px 30px 40px 40px;height:100%;border:2px solid #fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.index05 .item .left{width:36.8%;}
.index05 .item .left .imgbox{height:100%;padding-bottom:54.5%;position:relative;}
.index05 .item .left .imgbox img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
.index05 .item .right{margin-left:20px;flex:1;display:flex;flex-direction:column;justify-content:center;}
.index05 .item .time{font-size:14px;color:#e60012;}
.index05 .item .desc{font-size:16px;color:#0a0a0a;line-height:1.45;margin-top:15px;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.index05 .item:hover{border-color:#e60012;transform:translate(0,-10px);}
@media (max-width:1768px){.index02 .item{padding:160px 115px 240px 7.5%;}
}
@media (max-width:1459px){.banner .text .tit{font-size:48px;}
.banner .text .desc{font-size:18px;}
.index01 .item .tit{font-size:24px;}
.index01 .item .ctit{font-size:16px;}
.index01 .item .text{padding:40px 30px 40px 40px;}
.index01 .item .h_list{padding-top:20px;}
.index01 .item .h_tit{font-size:24px;}
.index01 .item .more{margin-top:30px;}
.index02 .item{padding:80px 80px 80px 10%;}
.index02 .item .desc{font-size:36px;}
.index02 .item .cdesc{margin-top:20px;font-size:18px;}
.index02 .item .tit,.index03 .item .tit,.index05 .ctit{font-size:28px;}
.index03 .item .tit{margin-bottom:100px;}
.index03 .item .desc{font-size:48px;}
.index03 .item .cdesc{margin-top:20px;}
.index03 .item .more{margin-top:40px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:24px;}
.index04 .item .tit{font-size:36px;}
.index04 .item .video_tit{font-size:20px;margin-left:15px;}
.index04 .item .video_btn{width:45px;height:45px;background-position:center left 17px;}
.index04 .item .video_box{left:40px;bottom:30px;}
.index05{padding:40px 20px;}
.index05 .item .desc{font-size:16px;}
.index05 .item{padding:25px;}
}
@media (max-width:1280px){.banner .text .tit{font-size:24px;}
.index01 .item .hover_box{padding:20px 20px;}
.index01 .item .h_item{font-size:14px;}
.index01 .list{height:550px;}
.index01 .item.item2:hover .ctit{font-size:14px;}
.index01 .item .text{padding:20px;}
.index01 .item .tit{font-size:20px;}
.index01 .item .more{margin-top:15px;}
.index02 .item{padding:40px 40px 100px 5%;}
.index02 .item .desc{font-size:28px;}
.index02 .item .tit,.index03 .item .tit,.index05 .ctit{font-size:22px;}
.index03 .item{padding:100px 0;}
.index03 .item .tit{margin-bottom:40px;}
.index03 .item .desc{font-size:36px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:20px;}
.index04 .item .tit{font-size:24px;}
.index05 .item .desc{font-size:14px;margin-top:10px;}
.index05 .item .time{font-size:12px;}
.index05 .item{padding:15px;}
}
@media (max-width:1024px){.banner .text .tit{font-size:24px;}
.banner .text .desc{font-size:16px;margin-top:20px;}
.banner .swiper-pagination span,.index02 .swiper-pagination span,.index03 .swiper-pagination span,.index05 .swiper-pagination span{margin:0 10px;}
.banner .swiper-pagination,.index02 .swiper-pagination,.index03 .swiper-pagination{bottom:20px;}
.index01 .item.item2:hover .ctit{font-size:12px;line-height:1.5;}
.index01 .item .tit{font-size:18px;}
.index01 .item .h_tit{font-size:20px;padding-bottom:15px;}
.index01 .item .h_item{font-size:12px;}
.index01 .list{height:450px;}
.index02 .item .desc{font-size:24px;}
.index02 .item .cdesc{margin-top:10px;font-size:16px;}
.index02 .item{padding:40px 15px 80px;}
.index03 .item .desc{font-size:28px;}
.index03 .item .cdesc{font-size:16px;}
.index03 .item{padding:60px 0;}
.index04 .item .tit{font-size:20px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:18px;}
.index04 .item .video_btn{width:30px;height:30px;background-size:12px;background-position:center left 10px;}
.index04 .item .video_box{left:25px;bottom:25px;}
.index04 .item .video_tit{font-size:16px;}
.index05{padding:30px 20px;}
}
@media (max-width:800px){.index01 .list .item{position:relative;left:unset;right:unset;top:unset;left:unset !important;bottom:unset;width:49% !important;height:auto !important;margin-bottom:2%;}
.index01 .list{display:flex;height:auto;flex-wrap:wrap;}
.index01 .list .item .imgbox{position:relative;left:unset;top:unset;}
.index01 .list .item:not(:nth-child(2n+1)){margin-left:2%;}
.index05 .item{flex-wrap:wrap;}
.index05 .item .left{width:100%;}
.index05 .item .right{margin-top:10px;margin-left:0;}
}
@media (max-width:768px){.banner .text .tit{font-size:20px;}
.banner .text .desc{font-size:14px;}
.banner .swiper-pagination span,.index02 .swiper-pagination span,.index03 .swiper-pagination span,.index05 .swiper-pagination span{margin:0 5px;}
.banner .swiper-pagination,.index02 .swiper-pagination,.index03 .swiper-pagination{bottom:10px;}
.index02 .item .desc{font-size:18px;}
.index02 .item .tit,.index03 .item .tit,.index05 .ctit{font-size:20px;}
.index02 .item .cdesc{font-size:12px;}
.index03 .item .tit{margin-bottom:20px;}
.index03 .item{padding:40px 0;}
.index04 .list .item .tit{bottom:100px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:14px;}
.index04 .item .tit{font-size:16px;}
.index04 .list .item:nth-child(2) .video_box,.index04 .list .item:nth-child(3) .video_box{top:100px;}
.index04 .item .video_tit{font-size:14px;margin-left:10px;}
}
@media (max-width:640px){.banner .text .tit{font-size:18px;}
.banner .text .desc{font-size:12px;margin-top:10px;}
.index01,.index04,.index05{padding:10px 10px;}
.index02{padding:0px 10px 0;margin-bottom:10px;}
.index01 .list .item{width:100% !important;}
.index01 .list .item:not(:nth-child(2n+1)){margin-left:0;}
.index01 .list .item:last-child{margin-bottom:0;}
.index02 .item{padding:20px 15px;flex-wrap:wrap;}
.index02 .item .left{margin-bottom:15px;}
.index02 .item .more{margin-top:10px;}
.index02 .item .text{margin-top:10px;}
.index02 .item .desc{font-size:14px;}
.index03{padding:0 10px;}
.index02 .item .tit,.index03 .item .tit,.index05 .ctit{font-size:18px;}
.index03 .item .cdesc{font-size:14px;}
.index03 .item .desc{font-size:20px;}
.index03 .item .more{margin-top:20px;}
.index03 .item{padding:30px 0;}
.index04 .list{height:auto !important;padding-bottom:0;}
.index04 .list .item{position:relative;right:unset;left:unset !important;top:unset !important;height:auto !important;width:100% !important;}
.index04 .list .item:not(:first-child){margin-top:2%;}
.index04 .item .imgbox{position:relative;}
.index04 .item .video_box{bottom:10px;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);}
.index04 .list .item .tit{bottom:50px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{bottom:46px;}
.index04 .list .item:nth-child(2) .video_box,.index04 .list .item:nth-child(3) .video_box{top:50px;}
.index05 .more{margin-left:10px;}
.index05 .main{margin-top:10px;}
.index01 .item .hover_box{z-index:-1;}
.index01 .item.item1:hover .hover_box{z-index:3;}
.index01 .item.item2:nth-child(3):hover .ctit{height:auto;}
/* .index01 .item .text{opacity:0;}
*/
.index01 .item.item2 .text{opacity:1;}
.index01 .list .item.item1 .imgbox{max-height:450px;}
}
/* project */
.project01{padding:100px 0 55px;}
.project01 .ctop{display:flex;justify-content:space-between;}
.project01 .ctop .switchs{display:flex;flex-wrap:wrap;}
.project01 .switchs .switch{font-size:16px;color:#000000;line-height:35px;padding:0 25px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;}
.project01 .switchs .switch.cur{background-color:#e60012;color:#fff;}
.project01 .sou_box{width:300px;display:flex;justify-content:space-between;border-bottom:1px solid #e4e4e6;}
.project01 .sou_box .input{flex:1;}
.project01 .sou_box .input input{width:100%;height:100%;font-size:16px;color:#666666;}
.project01 .sou_box .input input::placeholder{color:#666666;}
.project01 .sou_box .btn{background-image:url(../images/icon13.png);background-repeat:no-repeat;background-position:center;width:35px;}
/* 旋转动画 */
@keyframes turn{0%{transform:rotate(0deg);}
25%{transform:rotate(90deg);}
50%{transform:rotate(180deg);}
75%{transform:rotate(270deg);}
100%{transform:rotate(360deg);}
}
.loading{text-align:center;cursor:pointer;}
.loading img{animation:turn 3s linear infinite;-webkit-animation:turn 3s linear infinite;}
.project01 .grid-gallery{padding:48px 0 55px;}
.project01 .imgbox{width:100%;}
.project01 .imgbox img{width:100%;}
.project01 .grid-wrap{margin:0 auto;}
.project01 .grid{margin:0 -12px;}
.project01 .grid li{width:33.33%;float:left;position:relative;}
.project01 .grid li:not(.grid-sizer){padding:12px;}
.project01 .grid .text{position:absolute;left:35px;bottom:35px;right:15px;}
.project01 .grid .tit{font-size:14px;color:rgba(255,255,255,.5);line-height:2.85;}
.project01 .grid .ctit{font-size:26px;color:#ffffff;line-height:1.34;max-width:350px;}
.project01 .grid .imgbox{position:relative;}
.project01 .grid .imgbox::before{content:'';display:block;position:absolute;left:0;top:0;/* background-color:;*/
background-image:linear-gradient(transparent 55%,rgb(0,0,0,.7));width:100%;height:100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.project01 .grid .con{max-height:0;overflow:hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.project01 .grid .desc{padding:20px 0;}
.project01 .grid .p{font-size:16px;color:#ffffff;line-height:1.875;}
.project01 .grid li:hover .imgbox::before{opacity:1;background-image:unset;background-color:rgb(0,0,0,.7);}
.project01 .grid li:hover .con{max-height:150px;}
@media (max-width:1680px){.project01{padding:80px 0 40px;}
.project01 .grid-gallery{padding-top:30px;}
.project01 .grid .ctit{font-size:24px;}
.project01 .grid .desc{padding:10px 0;}
}
@media (max-width:1580px){.project01 .switchs .switch{padding:0 15px;}
}
@media (max-width:1459px){.project01{padding:30px 0;}
.project01 .grid-gallery{padding-top:20px;}
.project01 .switchs .switch{font-size:14px;}
.project01 .grid .ctit{font-size:18px;}
.project01 .grid .tit{line-height:1.85;}
.project01 .grid .p{font-size:14px;}
}
@media (max-width:1380px){.project01 .sou_box{width:250px;}
.project01 .sou_box .input input{font-size:14px;}
}
@media (max-width:1024px){.project01 .grid li:not(.grid-sizer){padding:5px;}
.project01 .grid{margin:0 -5px;}
.project01 .grid .p{font-size:12px;}
.project01 .grid .text{left:15px;bottom:15px;}
.project01 .switchs .switch{line-height:25px;padding:0 10px;}
}
@media (max-width:900px){}
@media (max-width:768px){.project01{padding:20px 0;}
}
@media (max-width:640px){.project01 .grid li{width:50%;}
.project01 .ctop{flex-wrap:wrap;}
.project01 .sou_box{margin-top:5px;padding:10px 0;width:100%;}
.project01 .switchs .switch{font-size:12px;}
}
@media (max-width:480px){.project01 .grid li{width:100%;}
.base_banner .tit{font-size:20px;}
.loading{text-align:center;}
.project01 .grid-gallery{padding:20px 0 25px;}
.loading img{width:25px;}
.project01 .grid li .con{height:auto;}
.project01 .grid-gallery{padding-top:10px;}
}
/* project_info */
.proinfo{background-color:#f3f4f4;padding:75px 0 40px;}
.proinfo01{padding-bottom:55px;}
.proinfo01 .tit{font-size:40px;color:#0a0a0a;line-height:1.25;}
.proinfo01 .desc{font-size:14px;color:#0a0a0a;line-height:2.42;}
.proinfo02{padding:30px 0 0;}
.proinfo02 .content{position:relative;}
.proinfo02 .item{position:relative;}
.proinfo02 .item .video_btn{width:60px;height:60px;background-color:#e60012;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-image:url(../images/icon11.png);background-repeat:no-repeat;background-position:center left 24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:11;cursor:pointer;}
.proinfo02 .text{padding-left:45px;position:relative;border-left:4px solid #e60012;margin:45px 0;}
.proinfo02 .text .p{font-size:16px;color:#000000;line-height:2.125;}
.proinfo02 .main .cdesc{font-size:16px;color:#000000;line-height:2.125;}
.proinfo02 .swiper-pagination{position:absolute;bottom:30px;right:40px;text-align:center;z-index:50;}
.proinfo02 .swiper-pagination span{width:12px;height:12px;position:relative;border:2px solid #fff;border-radius:50%;background:none;opacity:1;margin:0 12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.proinfo02 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#e60012;border-color:#e60012;}
.proinfo03{padding:75px 0;}
.proinfo03 .ctop{display:flex;justify-content:space-between;}
.proinfo03 .tit{font-size:32px;color:#0a0a0a;line-height:1.25;}
.proinfo03 .swiper_box{display:flex;justify-content:space-between;width:130px;}
.proinfo03 .swiper_btn{width:50px;height:50px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:relative;border:1px solid #000;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.proinfo03 .swiper_btn.prev{background-image:url(../images/prev1.png);}
.proinfo03 .swiper_btn.prev:hover{background-image:url(../images/prev.png);}
.proinfo03 .swiper_btn.next{background-image:url(../images/next1.png);}
.proinfo03 .swiper_btn.next:hover{background-image:url(../images/next.png);}
.proinfo03 .swiper_btn:hover{background-color:#e60012;border-color:#e60012;}
.proinfo03 .main{padding:30px 0 0;}
.proinfo03 .main .item{display:block;}
.proinfo03 .main .imgbox{overflow:hidden;}
.proinfo03 .main .imgbox img{width:100%;}
.proinfo03 .main .text{padding:20px 0;}
.proinfo03 .main .ctit{font-size:26px;color:#000000;line-height:1.5;}
.proinfo03 .main .cdesc{font-size:16px;color:rgba(0,0,0,.5);line-height:1.5;margin-top:5px;}
@media (max-width:1459px){.proinfo{padding:40px 0 30px;}
.proinfo01 .tit{font-size:32px;}
.proinfo01{padding-bottom:30px;}
.proinfo02{padding:20px 0 0;}
.proinfo02 .text{margin:35px 0;padding-left:35px;}
.proinfo03{padding:45px 0;}
.proinfo03 .main{padding:30px 0 0;}
.proinfo03 .tit{font-size:28px;}
}
@media (max-width:1024px){.proinfo03 .main .ctit{font-size:20px;}
.proinfo03 .main .cdesc{font-size:14px;}
.proinfo03 .main .text{padding:10px 0 0;}
.proinfo03 .tit{font-size:24px;}
.proinfo03 .swiper_btn{width:35px;height:35px;}
.proinfo03 .swiper_box{width:90px;}
.proinfo03{padding:25px 0;}
.proinfo02 .text{margin:20px 0;padding-left:20px;}
.proinfo02 .item .video_btn{width:45px;height:45px;background-position:center left 16px;}
.proinfo02 .swiper-pagination{bottom:25px;right:25px;}
.proinfo01{padding-bottom:20px;}
.proinfo01 .tit{font-size:24px;}
}
@media (max-width:768px){.proinfo03 .main .ctit{font-size:16px;}
.proinfo03 .main .cdesc{font-size:12px;}
.proinfo03 .main{padding:10px 0 0;}
.proinfo03 .tit{font-size:20px;}
.proinfo02 .main .cdesc{font-size:14px;}
.proinfo02 .text .p{font-size:14px;}
.proinfo02 .item .video_btn{width:35px;height:35px;background-size:11px;background-position:center left 14px;}
.proinfo02{padding:10px 0 0;}
.proinfo01 .desc{line-height:1.42;margin-top:15px;}
.proinfo01{padding-bottom:10px;}
.proinfo01 .tit{font-size:20px;}
.proinfo{padding:20px 0;}
}
@media (max-width:640px){.proinfo03 .tit{font-size:18px;}
.proinfo03 .swiper_btn{width:30px;height:30px;}
.proinfo03 .swiper_box{width:70px;}
.proinfo02 .main .cdesc{font-size:12px;}
.proinfo02 .text .p{font-size:12px;}
.proinfo02 .text{margin:10px 0;padding-left:10px;}
.proinfo01 .tit{font-size:20px;}
.proinfo01 .desc{margin-top:10px;}
}
/* service */
.service01{padding:100px 0 55px;}
.service01 .switchs{display:flex;align-items:center;}
.service01 .switchs .switch{padding:0 15px;font-size:16px;color:#000000;line-height:35px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;}
.service01 .switchs .switch:not(:first-child){margin-left:5px;}
.service01 .switchs .switch.cur{background-color:#e60012;color:#fff;}
.service01 .list{display:flex;flex-wrap:wrap;padding:20px 0 55px;}
.service01 .list .item:not(:nth-child(4n+1)){margin-left:2.5%;}
.service01 .list .item{width:23.125%;background-image:url(../images/icon19.jpg);background-repeat:no-repeat;background-size:cover;padding:3.93% 2.86% 2.2%;margin-top:2.5%;display:flex;flex-direction:column;justify-content:space-between;}
.service01 .item .tit{font-size:24px;color:#000000;line-height:1.5;}
.service01 .item .text{padding-top:20px;}
.service01 .item .p{font-size:14px;color:#666;line-height:2;}
.service01 .item .con1{width:80%;margin-top:32%;}
.service01 .item .share{display:flex;justify-content:space-between;font-size:14px;}
.service01 .item .share_tit{position:relative;color:#000000;padding-right:30px;}
.service01 .item .share_tit::before{content:'';display:block;position:absolute;right:0;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);background-image:url(../images/icon16.png);background-repeat:no-repeat;width:18px;height:18px;background-size:contain;}
.service01 .item .share_tit:hover .uicons{display:flex;}
.service01 .item .uicons{position:absolute;bottom:100%;display:flex;align-items:center;padding-bottom:10px;display:none;}
.service01 .item .uicons .icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;}
.service01 .item .uicons .icon:not(:first-child){margin-left:10px;}
.service01 .item .uicons .icon img{height:50%;}
.service01 .item .online{border-bottom:1px solid #727272;padding-bottom:3px;}
@media (max-width:1459px){.service01{padding:60px 0 40px;}
.service01 .item .tit{font-size:20px;}
.service01 .item .con1{margin-top:20%;}
.service01 .item .con1{width:100%;}
}
@media (max-width:1280px){.service01 .item .tit{font-size:18px;}
.service01 .item .text{padding-top:10px;}
.service01 .list .item{padding:2%;}
}
@media (max-width:1024px){.service01{padding:40px 0;}
.service01 .item .tit{font-size:16px;}
.service01 .item .p,.service01 .item .share{font-size:12px;}
.service01 .list{padding-top:0;padding-bottom:30px;}
}
@media (max-width:900px){.service01 .list .item{width:32.33%;margin-top:1.5%;}
.service01 .list .item:not(:nth-child(4n+1)){margin-left:0;}
.service01 .list .item:not(:nth-child(3n+1)){margin-left:1.5%;}
}
@media (max-width:768px){.service01{padding:30px 0;}
.service01 .switchs{flex-wrap:wrap;}
.service01 .switchs .switch{margin-bottom:5px;}
.service01 .list{padding-bottom:20px;}
}
@media (max-width:640px){.service01{padding:20px 0;}
.service01 .list .item{width:49%;margin-top:2%;}
.service01 .list .item:not(:nth-child(3n+1)){margin-left:0;}
.service01 .list .item:not(:nth-child(2n+1)){margin-left:2%;}
.service01 .switchs .switch{font-size:14px;}
}
@media (max-width:480px){.service01 .list .item{width:100%;}
.service01 .list .item:not(:nth-child(2n+1)){margin-left:0;}
.service01 .item .con1{margin-top:15%;}
}
/* news */
.new01{padding:95px 0 80px;background-repeat:no-repeat;background-size:cover;position:relative;}
.new01 .tit{font-size:55px;color:#000000;line-height:1.27;}
.new01 .desc{font-size:20px;line-height:1.6;color:#000;margin-top:25px;max-width:720px;}
.new01 .main{background-color:#fff;margin-top:50px;position:relative;}
.new01 .main .item{background-color:#fff;padding:40px 60px 40px 40px;display:flex;align-items:center;}
.new01 .item .imgbox{width:43.2%;padding-bottom:24.32%;position:relative;}
.new01 .item .imgbox img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.new01 .item .right{display:flex;align-items:center;width:56.8%;padding-left:50px;}
.new01 .item .time{font-size:14px;color:#e60012;line-height:1.3;}
.new01 .item .ctit{font-size:30px;color:#0a0a0a;line-height:1.3;margin:20px 0 15px;}
.new01 .item .cdesc{font-size:14px;color:#666666;line-height:1.857;margin-bottom:30px;}
.new01 .swiper-pagination{position:absolute;bottom:60px;right:60px;text-align:center;z-index:1010;z-index:2;}
.new01 .swiper-pagination span{width:12px;height:12px;position:relative;border:2px solid #b9b9b9;border-radius:50%;background:none;opacity:1;margin:0 8px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.new01 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#e60012;border-color:#e60012;}
.new01 .swiper-pagination span:last-child{margin-right:0;}
.new02{padding:100px 0 60px;}
.new02 .list{display:flex;flex-wrap:wrap;}
.new02 .list .item{margin-bottom:80px;width:32%;}
.new02 .list .item:not(:nth-child(3n+1)){margin-left:2%;}
.new02 .list .item .imgbox{padding-bottom:54.7%;position:relative;}
.new02 .list .item .imgbox img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.new02 .item .time{font-size:14px;color:#e60012;line-height:2.14;}
.new02 .item .tit{font-size:20px;color:#0a0a0a;line-height:1.45;margin:10px 0 0;height:64px;overflow:hidden;}
.new02 .item .desc{font-size:14px;color:#666666;line-height:1.857;}
.new02 .item .text{padding:40px 0 0;}
.new01 .swiperCtr .btn{top:56%;}
@media (max-width:1459px){.new01{padding:60px 0;}
.new01 .tit{font-size:48px;}
.new01 .desc{font-size:18px;}
.new01 .main{margin-top:20px;}
.new01 .main .item{padding:35px 50px 35px 35px;}
.new01 .item .right{padding-left:30px;}
.new02{padding:60px 0;}
.new02 .item .text{padding:25px 0 0;}
.new02 .item .tit{font-size:18px;height:52px;}
.new02 .list .item{margin-bottom:40px;}
}
@media (max-width:1024px){.new01 .tit{font-size:36px;}
.new01{padding:40px 0;}
.new01 .main .item{padding:20px;}
.new01 .swiper-pagination{right:20px;bottom:20px;}
.new01 .item .ctit{font-size:24px;}
.new01 .desc{margin-top:15px;}
.new02 .item .desc{font-size:12px;}
.new02 .item .tit{margin:10px 0;}
.new02{padding:40px 0;}
}
@media (max-width:768px){.new02{padding:30px 0;}
.new01 .tit{font-size:24px;}
.new01 .desc{font-size:14px;}
.new01 .item .ctit{font-size:18px;}
.new01 .item .cdesc{font-size:12px;}
.new01{padding:30px 0;}
.new02 .list .item{margin-bottom:20px;width:49%;}
.new02 .list .item:not(:nth-child(3n+1)){margin-left:0;}
.new02 .list .item:not(:nth-child(2n+1)){margin-left:2%;}
}
@media (max-width:640px){.new02{padding:20px 0;}
}
@media (max-width:480px){.new01 .main .item{flex-wrap:wrap;}
.new01 .item .imgbox{width:100%;padding-bottom:54.32%;}
.new01 .item .right{width:100%;padding-left:0;margin-top:10px;}
.new02 .item .tit{height:auto;font-size:14px;margin:5px 0 10px;}
.new02 .item .text{padding:15px 0 0;}
.new02 .list .item{width:100%;}
.new02 .list .item:not(:nth-child(2n+1)){margin-left:0;}
}
/* news_info */
.newinfo01{padding:35px 0 20px;background-color:#f3f4f4;}
.newinfo01 .tit{font-size:40px;color:#0a0a0a;line-height:1.5;}
.newinfo01 .desc{font-size:14px;color:#666666;margin:20px 0 60px;line-height:1.3;}
.newinfo02{padding-bottom:70px;padding-top:3em;}
.newinfo02 .item{margin-top:80px;}
.newinfo02 .item .edit,.newinfo02 .item .edit *{font-size:16px;color:#000000;line-height:2.125;}
.newinfo02 .item .con{display:flex;}
.newinfo02 .item .con .left{width:32%;}
.newinfo02 .item .con .right{width:68%;padding-left:4%;}
.newinfo02 .item .con .right .imgbox{height:100%;}
.newinfo02 .item .cimg{margin-top:80px;}
.newinfo02 .item .cimg img{width:100%;}
.newinfo02 .item:nth-child(2n) .con{flex-direction:row-reverse;}
.newinfo02 .item:nth-child(2n) .con .right{padding-left:0;padding-right:4%;}
.newinfo03{background-color:#f3f4f4;padding:25px 0;}
.newinfo03 .share{display:flex;align-items:center;}
.newinfo03 .share .share_tit{font-size:16px;color:#000000;}
.newinfo03 .links{display:flex;margin-left:55px;}
.newinfo03 .links .link{width:25px;height:25px;background-repeat:no-repeat;background-position:center;}
.newinfo03 .links .link:not(:first-child){margin-left:10px;}
.newinfo03 .links .link.link1{background-image:url(../images/icon20.png);}
.newinfo03 .links .link.link2{background-image:url(../images/icon21.png);}
.newinfo03 .links .link.link3{background-image:url(../images/icon22.png);}
.newinfo03 .links .link.link4{background-image:url(../images/icon23.png);}
.newinfo03 .links .link.link5{background-image:url(../images/icon24.png);}
.newinfo03 .links .link.link6{background-image:url(../images/icon25.png);}
.newinfo03 .links .link.link7{background-image:url(../images/icon26.png);}
.newinfo03 .links .link.link8{background-image:url(../images/icon27.png);}
.newinfo04{padding:55px 0 90px;}
.newinfo04 .content{display:flex;justify-content:space-between;}
.newinfo04 .prev,.newinfo04 .next{max-width:400px;}
.newinfo04 .switch_tit{font-size:14px;color:#e60012;}
.newinfo04 .item{font-size:20px;color:#000000;line-height:1.7;margin-top:20px;display:inline-block;}
.newinfo04 a{font-size:20px;color:#000000;line-height:1.7;margin-top:20px;display:inline-block;}
@media (max-width:1459px){.newinfo01 .tit{font-size:36px;}
.newinfo01 .desc{margin:20px 0 30px;}
.newinfo01{padding:30px 0 20px;}
.newinfo02 .item,.newinfo02 .item .cimg{margin-top:60px;}
.newinfo02 .item .con .right{padding-left:3%;}
.newinfo02 .item:nth-child(2n) .con .right{padding-right:3%;}
.newinfo02 .item .edit,.newinfo02 .item .edit *{font-size:14px;}
.newinfo04{padding:40px 0 50px;}
.newinfo04 .item{font-size:18px;}
.newinfo02{padding-bottom:40px;}
}
@media (max-width:1024px){.newinfo02 .item,.newinfo02 .item .cimg{margin-top:40px;}
.newinfo04 .item{font-size:16px;}
.newinfo02{padding-bottom:30px;}
.newinfo01 .tit{font-size:24px;}
.newinfo01 .desc{margin:15px 0;font-size:12px;}
.newinfo01{padding:20px 0 15px;}
.newinfo04 .item{font-size:14px;margin-top:10px;}
.newinfo04{padding:25px 0;}
.newinfo03 .links{margin-left:25px;}
}
@media (max-width:768px){.newinfo02 .item,.newinfo02 .item .cimg{margin-top:30px;}
.newinfo02{padding-bottom:20px;}
.newinfo01 .tit{font-size:20px;}
.newinfo02 .item .con{flex-wrap:wrap;}
.newinfo02 .item .con .left{width:100%;}
.newinfo02 .item .con .right{width:100%;padding-left:0;padding-right:0;}
}
@media (max-width:640px){.newinfo02 .item,.newinfo02 .item .cimg{margin-top:20px;}
.newinfo03{padding:15px 0;}
.newinfo03 .links .link{width:20px;height:20px;}
.newinfo03 .share .share_tit{font-size:14px;}
.newinfo01 .tit{font-size:16px;}
}
@media (max-width:480px){.newinfo04 .content{flex-wrap:wrap;}
.newinfo04 .prev,.newinfo04 .next{width:100%;max-width:unset;}
.newinfo04 .next{margin-top:15px;}
.newinfo03 .share{flex-wrap:wrap;}
.newinfo03 .links{margin-top:10px;margin-left:0;}
}
/* 简介 */
.brief01{padding:80px 0 120px;}
.brief01 .edit,.brief01 .edit *{font-size:16px;color:#000000;line-height:1.875;}
.brief01 .list{margin-top:60px;}
.brief01 .item{display:flex;margin-bottom:85px;align-items:center;}
.brief01 .item .imgbox{width:100%;height:100%;}
.brief01 .item .left{width:50%;position:relative;}
.brief01 .item .right{width:50%;display:flex;align-items:center;padding-left:5%;}
.brief01 .item .tit{font-size:48px;color:#000000;line-height:1.3;}
.brief01 .item .edit{margin-top:30px;}
.brief01 .item:nth-child(2n){flex-direction:row-reverse;}
.brief01 .item:nth-child(2n) .right{padding-left:0;padding-right:5%;}
.brief01 .con{padding:30px 0 65px;}
.brief01 .con .ctit{font-size:48px;color:#000000;line-height:1.3;}
.brief01 .con .edit{margin-top:25px;}
.brief01 .clist{display:flex;justify-content:space-between;}
.brief01 .clist .citem{display:flex;width:50%;position:relative;}
.brief01 .clist .icon{width:160px;line-height:1.875;padding-top:1%;}
.brief01 .clist .citem:nth-child(2n){padding-left:7.2%;}
.brief01 .clist .citem:nth-child(2n+1){padding-right:7.2%;}
.brief01 .clist .citem:nth-child(2n+1)::before{content:'';display:block;position:absolute;right:0;top:8%;height:60%;width:1px;background-color:#e5e5e5;}
.brief01 .clist .cdesc{font-size:16px;line-height:1.875;color:#000;margin-left:40px;flex:1;}
@media (max-width:1459px){.brief01{padding:60px 0 80px;}
.brief01 .item{margin-bottom:65px;}
.brief01 .item .tit,.brief01 .con .ctit{font-size:36px;}
.brief01 .item .edit{margin-top:20px;}
.brief01 .list{margin-top:40px;}
.brief01 .con{padding:20px 0 40px;}
}
@media (max-width:1024px){.brief01 .item .right{padding-left:3%;}
.brief01 .item:nth-child(2n) .right{padding-left:0;padding-right:3%;}
.brief01 .edit,.brief01 .edit *{font-size:14px;}
.brief01 .item .tit,.brief01 .con .ctit{font-size:28px;}
.brief01 .item .edit{margin-top:10px;}
.brief01{padding:40px 0;}
.brief01 .clist .citem:nth-child(2n+1){padding-right:3%;}
.brief01 .clist .citem:nth-child(2n){padding-left:3%;}
.brief01 .clist .icon{width:100px;}
.brief01 .clist .cdesc{font-size:14px;margin-left:20px;}
.brief01 .con{padding:15px 0 30px;}
.brief01 .con .edit{margin-top:15px;}
.brief01 .item{margin-bottom:40px;}
}
@media (max-width:768px){.brief01 .item .tit,.brief01 .con .ctit{font-size:24px;}
.brief01 .edit,.brief01 .edit *{font-size:12px;}
.brief01 .clist .cdesc{font-size:12px;margin-left:15px;}
.brief01 .clist .icon{width:75px;}
.brief01 .con{padding:15px 0;}
.brief01 .item{margin-bottom:30px;}
}
@media (max-width:640px){.brief01 .item{margin-bottom:20px;}
.brief01 .item{flex-wrap:wrap;}
.brief01 .item .left{width:100%;}
.brief01 .item .right{padding-left:0;width:100%;margin-top:35px;}
.brief01 .item:nth-child(2n){flex-direction:row;}
.brief01 .clist .citem{width:100%;}
.brief01 .clist{flex-wrap:wrap;}
.brief01 .clist .citem:nth-child(2n+1){padding-right:0;}
.brief01 .clist .citem:nth-child(2n){padding-left:0;margin-top:10px;}
}
@media (max-width:480px){.brief01 .item .tit,.brief01 .con .ctit{font-size:20px;}
}
/* 虚拟展厅 */
.hall01{padding:100px 0 55px;}
.hall01 .list{padding:0 0 25px;display:flex;flex-wrap:wrap;}
.hall01 .list .item{width:48.95%;position:relative;margin-bottom:2.1%;}
.hall01 .list .item:not(:nth-child(2n+1)){margin-left:2.1%;}
.hall01 .item .imgbox{padding-bottom:70.1%;position:relative;}
.hall01 .item .imgbox img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.hall01 .item .text{position:absolute;left:50px;right:50px;bottom:40px;}
.hall01 .item .tit{font-size:16px;color:rgba(255,255,255,.5);line-height:1.5;}
.hall01 .item .desc{font-size:26px;color:#ffffff;line-height:1.346;margin-top:15px;max-width:380px;}
@media (max-width:1459px){.hall01{padding:80px 0 35px;}
.hall01{padding:40px 0 25px;}
.hall01 .item .text{left:30px;right:30px;bottom:30px;}
.hall01 .item .desc{font-size:24px;}
}
@media (max-width:1280px){.hall01 .item .tit{font-size:12px;}
}
@media (max-width:1024px){.hall01 .item .desc{font-size:20px;}
.hall01 .list{padding:0 0 15px;}
}
@media (max-width:768px){.hall01 .item .desc{font-size:18px;margin-top:5px;}
.hall01 .item .text{left:20px;right:20px;bottom:20px;}
.hall01{padding:20px 0;}
}
@media (max-width:640px){.hall01 .list .item{width:100%;}
.hall01 .list .item:not(:nth-child(2n+1)){margin-left:0;}
}
/* 企业视频 */
.vision01{padding:95px 0;}
.vision01 .content{height:680px;}
.vision01 .content .left{/* width:calc(100% - 170px);padding-right:30px;*/
width:100%;}
.vision01 .content .left .swiper-container{height:100%;}
.vision01 .content .left .item{position:relative;height:100%;}
.vision01 .content .left .video_btn{position:absolute;bottom:30px;left:30px;z-index:2;display:flex;align-items:center;}
.vision01 .content .left .imgbox{height:100%;}
.vision01 .content .left .icon{width:15px;height:15px;background-image:url(../images/icon28.png);background-repeat:no-repeat;}
.vision01 .content .left .video_tit{font-size:18px;color:#ffffff;line-height:1.94;margin-left:18px;}
.vision01 .content .right{width:100%;margin-top:20px;display:flex;/* width:170px;*/
align-items:center;}
.vision01 .content .main{position:relative;flex:1;width:calc(100% - 80px);}
.vision01 .content .main.cur{width:100% !important;}
.vision01 .content .main .swiper-container{height:100%;z-index:3;}
.vision01 .swiper_btn{min-width:30px;width:30px;position:relative;cursor:pointer;border:1px solid #8c8c8c;height:30px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.vision01 .swiper_btn::before{content:'';display:block;position:absolute;width:12px;height:12px;}
.vision01 .swiper_btn.prev{margin-right:10px;}
.vision01 .swiper_btn.prev::before{top:29%;right:5px;border-bottom:2px solid #8c8c8c;border-right:2px solid #8c8c8c;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.vision01 .swiper_btn.next{margin-left:10px;}
.vision01 .swiper_btn.next::before{top:29%;right:11px;border-bottom:2px solid #8c8c8c;border-right:2px solid #8c8c8c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.vision01 .swiper_btn:hover{background-color:#e60012;border-color:#e60012;}
.vision01 .swiper_btn:hover::before{border-color:#fff;}
.vision01 .content .main .item{position:relative;cursor:pointer;}
.vision01 .content .main .item .imgbox{padding-bottom:124.2236%;}
.vision01 .content .main .item img{height:100%;object-fit:cover;width:100%;position:absolute;left:0;top:0;min-height:0;}
.vision01 .content .main .swiper-slide-thumb-active .item::before{width:100%;height:100%;display:block;content:'';position:absolute;left:0;top:0;border:3px solid #e60012;background-image:url(../images/icon28.png);background-repeat:no-repeat;background-position:center;}
.vision01 .content .main .ptit{font-size:14px;color:#fff;background-color:#e60012;padding:5px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
@media (max-width:1459px){.vision01{padding:65px 0;}
}
@media (max-width:1280px){.vision01 .content .main .ptit{font-size:12px;}
}
@media (max-width:1024px){.vision01{padding:35px 0;}
}
@media (max-width:768px){.vision01 .content .left .video_tit{font-size:14px;margin-left:10px;}
.vision01 .content .left .video_btn{bottom:20px;left:20px;}
.vision01{padding:20px 0;}
}
@media (max-width:640px){.vision01 .content{height:380px;}
.vision01 .swiper_box{height:30px;}
.vision01 .swiper_box .swiper_btn.prev::before{top:12px;right:20px;}
.vision01 .swiper_box .swiper_btn.next::before{top:6px;right:22px;}
}
@media (max-width:480px){.vision01 .content{flex-wrap:wrap;height:auto;}
.vision01 .content .left{width:100%;}
.vision01 .content .right{width:100%;margin-top:10px;position:relative;padding:0 30px;}
.vision01 .swiper_box .swiper_btn{position:absolute;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:25px;height:25px;}
.vision01 .swiper_box .swiper_btn.prev{left:0;}
.vision01 .swiper_box .swiper_btn.next{right:0;}
.vision01 .swiper_box{height:0;margin-top:0;}
.vision01 .swiper_box .swiper_btn.prev::before{top:7px;right:4px;}
.vision01 .swiper_box .swiper_btn.prev::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.vision01 .swiper_box .swiper_btn.next::before{top:7px;right:8px;}
.vision01 .swiper_box .swiper_btn.next::before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.vision01 .content .left .video_tit{font-size:12px;margin-left:5px;}
.vision01 .content .left .video_btn{bottom:10px;left:10px;}
}
/* 搜索 */
.search00{padding:55px 0 60px;background-color:#fafafa;}
.search01{margin:30px 0 60px;}
.search01 .search_box{background-color:#ffffff;height:60px;display:flex;}
.search01 .search_box .icon{width:55px;height:100%;background-image:url(../images/icon02.png);background-repeat:no-repeat;background-position:center;cursor:pointer;}
.search01 .search_box .input{flex:1;}
.search01 .search_box input{height:100%;font-size:16px;color:#999999;width:100%;}
.search01 .search_box input::placeholder{color:#999999;}
.search02 .switchs{display:flex;}
.search02 .switchs .switch{font-size:24px;color:#333333;line-height:1.2;}
.search02 .switchs .switch:hover{color:#e60012;}
.search02 .switchs .switch.cur{color:#e60012;}
.search02 .switchs .switch:not(:first-child){margin-left:45px;}
.search02 .content{background-color:#fff;padding-bottom:40px;}
.search02 .content .list{margin-top:28px;padding:0 40px 40px;}
.search02 .item{padding:40px 0 30px;display:block;border-bottom:2px solid #fafafa;}
.search02 .item .tit{font-size:22px;color:#0a0a0a;line-height:1.45;}
.search02 .item:hover .tit{color:#e60012;}
.search02 .item .desc{font-size:14px;color:#666666;line-height:1.85;margin-top:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
.search02 .item .time{font-size:14px;color:#e60012;margin-top:30px;line-height:1.5;}
@media (max-width:1459px){.search00{padding:35px 0 30px;}
.search01 .search_box{height:50px;}
.search01{margin:15px 0 40px;}
.search02 .switchs .switch{font-size:24px;}
.search02 .switchs .switch:not(:first-child){margin-left:30px;}
.search02 .item{padding:20px 0 25px;}
.search02 .item .desc{margin-top:15px;}
.search02 .item .time{margin-top:20px;}
.search02 .content .list{padding:0 30px 40px;}
}
@media (max-width:1024px){.search00{padding:25px 0;}
.search02 .switchs .switch{font-size:20px;}
.search02 .switchs .switch:not(:first-child){margin-left:20px;}
.search02 .content .list{padding:0 20px 30px;}
.search02 .item .tit{font-size:18px;}
.search02 .item .desc{margin-top:10px;}
.search02 .item .time{margin-top:10px;}
.search02 .item{padding:15px 0;}
.search01{margin:15px 0 20px;}
.search02 .content{padding-bottom:20px;}
}
@media (max-width:768px){.search02 .switchs .switch{font-size:16px;}
.search02 .content .list{margin-top:15px;}
.search02 .item .tit{font-size:16px;}
.search02 .item .desc{font-size:12px;margin-top:5px;}
.search02 .item .time{margin-top:5px;font-size:12px;}
}
@media (max-width:640px){.search01 .search_box{height:40px;}
.search01 .search_box input{font-size:14px;}
.search01 .search_box .icon{width:40px;}
.search02 .switchs .switch:not(:first-child){margin-left:15px;}
.search02 .content .list{padding:0 15px 10px;}
}
@media (max-width:480px){.search02 .switchs .switch{font-size:14px;}
}
/* 联系我们 */
.con_banner{width:100%;position:relative;}
.con_banner .bj{width:100%;}
.con_banner .rq{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding-bottom:2%;display:flex;justify-content:space-between;align-items:flex-end;}
.con_banner .rq .p1{font-size:55px;color:#ffffff;line-height:1.272;width:50%;}
.con_banner .rq .p2{font-size:16px;color:#ffffff;line-height:1.6;width:41%;}
.con_banner .div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;cursor:pointer;}
.con_banner .div .ico{width:100%;height:100%;background-image:url(../images/zwimg1.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;}
.con_banner .div .ico::before{content:'';width:2px;height:0;background:#e60012;position:absolute;top:13px;left:50%;transform:translateX(-50%);transition:all .5s;}
.con_banner .div .ico::after{content:'';width:7px;height:7px;border-radius:50%;background:#e60012;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all .5s;opacity:0;}
.con_banner .div:hover{z-index:3;}
.con_banner .div:hover .ico::before{height:45px;}
.con_banner .div:hover .ico::after{top:58px;opacity:1;}
.con_banner .div .rq1{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:18px;z-index:2;display:none;}
.con_banner .div:hover .rq1{display:block;opacity:0;animation:xs .5s .5s linear both;}
.con_banner .flag {width:100%; position:absolute; left:50%; transform:translateX(-50%); bottom:70%; background:url(../images/flag_bg.png) no-repeat center center; background-size:contain;display:flex; justify-content:center; flex-wrap:wrap;align-items:center;}
.con_banner .flag:after {display:block; content:''; padding-bottom:134.615385%;}
.con_banner .flag span {display:block; background:no-repeat center center; border-radius:50%; background-size:cover; z-index:2; width:77.778%; padding-bottom:77.778%; margin-bottom:20%;}
.con_banner .flag.two {width:170.371%;}
.con_banner .flag.two span {width:45.65%; padding-bottom:45.65%; margin-bottom:38%;}

@keyframes xs{0%{display:none;opacity:0;top:140%;}
100%{display:block;opacity:1;top:100%;}
}
.con_banner .div .cbox{width:470px;background:#fff;padding:10% 7%;}
.con_banner .div .cbox .top{width:100%;display:flex;}
.con_banner .div .cbox .top .img{width:17.5%;}
.con_banner .div .cbox .top .img img{width:100%;}
.con_banner .div .cbox .top .text{width:82.5%;padding-left:6.5%;}
.con_banner .div .cbox .top .text .p3{font-size:24px;color:#000000;}
.con_banner .div .cbox .top .text .p4{font-size:14px;color:#e60012;margin-top:3%;}
.con_banner .div .cbox .bot{width:100%;margin-top:6%;font-size:14px;color:#000000;line-height:1.71428;}
.con_banner .div1{top:28.5%;left:27%;}
.con_banner .div2{top:23.7%;left:49.6%;}
.con_banner .div3{top:29.9%;left:49.8%;}
.con_banner .div4{top:21.3%;left:50.9%;}
.con_banner .div5{top:36.8%;left:51%;}
.con_banner .div5{top:36.8%;left:51%;}
.con_banner .div6{top:24.5%;left:51.8%;}
.con_banner .div7{top:34%;left:52.6%;}
.con_banner .div8{top:39.5%;left:52.7%;}
.con_banner .div9{top:43.5%;left:53.4%;}
.con_banner .div10{top:43%;left:54.9%;}
.con_banner .div11{top:49.2%;left:55.5%;}
.con_banner .div12{top:44.3%;left:56.5%;}
.con_banner .div13{top:29%;left:58.5%;}
.con_banner .div14{top:46.2%;left:58.2%;}
.con_banner .div15{top:37.2%;left:60.2%;}
.con_banner .div16{top:42.4%;left:59.9%;}
.con_banner .div17{top:48.4%;left:61.3%;}
.con_banner .div18{top:42%;left:63.4%;}
.con_banner .div19{top:54.5%;left:63.4%;}
.con_banner .div20{top:47.6%;left:64%;}
.con_banner .div21{top:25.6%;left:67.3%;}
.con_banner .div22{top:42.6%;left:67.3%;}
.con_banner .div23{top:48.4%;left:67.2%;}
.con_banner .div24{top:51.7%;left:68.2%;}
.con_banner .div25{top:56.2%;left:67.6%;}
.con_banner .div26{top:44.2%;left:68.9%;}
.con_banner .div27{top:61.5%;left:68.9%;}
.con_banner .div28{top:41%;left:70.3%;}
.con_banner .div29{top:46.3%;left:70.8%;}
.con_banner .div30{top:63.2%;left:73.5%;}
.con_banner .div31{top:33.6%;left:74%;}
.con_banner .div32{top:76.2%;left:75.7%;}
.con_con1{width:100%;}
.con_con1 .rq{width:100%;margin-top:10px;background-image:url(../images/zwimg2.jpg);background-size:cover;padding-top:3.2%;padding-bottom:2.9%;}
.con_con1 .rq .p{font-size:48px;color:#000000;line-height:1;}
.con_con1 .rq1{width:100%;margin-top:2%;display:flex;flex-wrap:wrap;}
.con_con1 .rq1 .div{width:32.86%;margin-right:0.71%;margin-bottom:0.71%;background:#eee;padding:2.8% 2.7%;}
.con_con1 .rq1 .div:nth-child(3n){margin-right:0;}
.con_con1 .rq1 .top{width:100%;display:flex;justify-content:space-between;align-items:center;}
.con_con1 .rq1 .top .p1{font-size:24px;color:#000000;width:70%;}
.con_con1 .rq1 .top .ig{width:27%;text-align:right;}
.con_con1 .rq1 .top .ig img{max-width:100%;}
.con_con1 .rq1 .bot{width:100%;margin-top:4.3%;font-size:14px;color:#000000;line-height:1.857;}
.con_con1 .rq1 .bot *{line-height:2;}
.con_con2{width:100%;padding:10px 20px;}
.con_con2 .rq{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.con_con2 .rq .lef{width:49.7%;background-image:url(../images/zwimg3.jpg);background-size:cover;padding:2.7% 7% 4.3% 4.8%;}
.con_con2 .rq .lef .p1{font-size:48px;color:#000000;line-height:1.1875;}
.con_con2 .rq .lef .p2{font-size:20px;color:#000000;line-height:1.6;width:80%;margin-top:4.2%;margin-bottom:6.5%;}
.con_con2 .rq .lef .p3{font-size:24px;color:#000000;}
.con_con2 .rq .lef .div{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.con_con2 .rq .lef .div1{width:48.5%;margin-top:30px;padding-bottom:15px;border-bottom:1px solid #a1a2a4;}
.con_con2 .rq .lef .div1 input{width:100%;display:block;font-size:14px;color:#000000;font-family:"OPPOSans-L";}
.con_con2 .rq .lef .div2{width:100%;}
.con_con2 .rq .lef .div1 textarea{width:100%;display:block;font-size:14px;color:#000000;font-family:"OPPOSans-L";background:transparent;border:none;resize:none;height:75px;}
.con_con2 .rq .lef .div1 input:-moz-placeholder,.con_con2 .rq .lef .div1 textarea:-moz-placeholder{color:#000000;}
.con_con2 .rq .lef .div1 input:-ms-input-placeholder,.con_con2 .rq .lef .div1 textarea:-ms-input-placeholder{color:#000000;}
.con_con2 .rq .lef .div1 input::-webkit-input-placeholder,.con_con2 .rq .lef .div1 textarea::-webkit-input-placeholder{color:#000000;}
.con_con2 .rq .lef input[type="button"]{display:block;font-size:14px;color:#ffffff;width:150px;height:50px;background:#e60012;border:none;border-radius:5px;font-family:"OPPOSans-L";margin-top:50px;}
.con_con2 .rq .rig{width:49.7%;position:relative;}
.con_con2 .rq .rig img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.con_con2 .rq .rig #map{width:100%;height:100%;}
@media(max-width:1459px){.con_banner .rq .p1{font-size:40px;}
.con_banner .rq .p2{font-size:16px;}
.con_banner .div .rq1{padding:10px;}
.con_banner .div .cbox{width:358px;}
.con_banner .div .cbox .top .text .p3{font-size:18px;}
.con_banner .div .cbox .top .text .p4{font-size:12px;}
.con_banner .div .cbox .bot{font-size:12px;}
.con_banner .div:hover .ico::before{height:40px;}
.con_banner .div:hover .ico::after{top:50px;}
.con_con1 .rq .p{font-size:36px;}
.con_con1 .rq1 .top .p1{font-size:18px;}
.con_con1 .rq1 .bot{font-size:12px;}
.con_con2 .rq .lef .p1{font-size:36px;}
.con_con2 .rq .lef .p2{font-size:16px;width:100%;}
.con_con2 .rq .lef .p3{font-size:18px;}
.con_con2 .rq .lef .div1{margin-top:24px;padding-bottom:14px;}
.con_con2 .rq .lef input[type="button"]{width:120px;height:40px;margin-top:36px;}
}
@media(max-width:991px){.con_banner .div .ico::before,.con_banner .div .ico::after,.con_banner .div .rq1{display:none !important;}
}
@media(max-width:600px){.con_banner .rq{flex-wrap:wrap;}
.con_banner .rq .p1{width:100%;font-size:22px;}
.con_banner .rq .p2{font-size:14px;width:100%;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.con_con1 .rq{padding:30px 0;}
.con_con1 .rq .p{font-size:24px;}
.con_con1 .rq1{margin-top:15px;}
.con_con1 .rq1 .div{width:100%;margin-right:0;margin-bottom:10px;}
.con_con1 .rq1 .bot{font-size:14px;}
.con_con2{padding:30px 15px;}
.con_con2 .rq .lef{width:100%;padding:20px 15px;}
.con_con2 .rq .lef .p1{font-size:24px;}
.con_con2 .rq .lef .p2{font-size:14px;}
.con_con2 .rq .rig{height:300px;width:100%;margin-top:10px;}
.con_banner .flag {display:none;}
}
/* 产品列表 */
.product01{padding:100px 0 90px;background-color:#f9fafa;}
.product01 .content{display:flex;}
.product01 .section .sectit{font-size:30px;color:#000000;}
.product01 .section{flex:1;}
.product01 .plist{display:flex;flex-wrap:wrap;margin-top:20px;}
.product01 .plist .pitem{width:24.4%;padding-bottom:20.7%;position:relative;margin-bottom:0.8%;background-color:#fff;}
.product01 .plist .pitem:not(:nth-child(4n+1)){margin-left:0.8%;}
.product01 .pitem .imgbox{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.product01 .pitem .imgbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-height:80%;}
.product01 .pitem .ptit{position:absolute;bottom:15px;left:15px;font-size:20px;color:#000000;}
.product01 .pitem:hover img{transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);}
.categry1{width:200px;margin-right:40px;overflow-y:auto;direction:rtl;height:100%;max-height: calc(100vh - 80px);}
.categry1::-webkit-scrollbar{width:2px;height:2px;}
.categry1::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#e60012;}
.categry1::-webkit-scrollbar-track{border-radius:10px;background:#e6e6e6;}

.categry1 *{direction:ltr;}
.categry1 .catitem{margin-bottom:3px;}
.categry1 .catitem .cat_tit{font-size:16px;height:35px;color:#fff;background-color:#e60012;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding:0 10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;}
.categry1 .catitem .cat_tit::before{content:'';display:block;background-image:url(../images/icon29.png);background-repeat:no-repeat;background-size:contain;position:absolute;right:10px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:10px;height:6px;}
.categry1 .catitem .cbox_tit{background-color:#f2f3f5;line-height:50px;font-size:14px;color:#000000;position:relative;padding-right:20px;padding-left:10px;cursor:pointer;border-bottom:1px solid #e4e4e6;}
.categry1 .catitem .cbox.cur .cbox_tit,.categry1 .catitem .cbox:hover .cbox_tit{background-color:#e5e6e8;}
/* .categry1 .catitem .cboxs{height:1px;overflow:hidden;} */
.categry1 .catitem.cur .cboxs{display:block;}
.categry1 .catitem.cur .cat_tit{display:flex;align-items:center;justify-content:space-between;}
.categry1 .catitem.cur .cat_tit .cat_icon{width:14px;height:14px;}
.categry1 .cbox .lables{height:0;overflow:hidden;padding:0;}
.categry1 .cbox.cur .lables{height:auto;padding:20px;}
.categry1 .catitem .cbox.cur .cbox_tit::after{opacity:0;}
.categry1 .lables .lable.cur .cicon::before{content:'';display:block;position:absolute;top:4px;border-top:1px solid #e60012;border-right:1px solid #e60012;right:4px;width:10px;height:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.categry1 .lables .lable.cur .cicon{border:1px solid #e60012;}
.categry1 .catitem.cur .cat_tit::before{transform:translate(0,-50%) rotate(-180deg);-webkit-transform:translate(0,-50%) rotate(-180deg);-moz-transform:translate(0,-50%) rotate(-180deg);-ms-transform:translate(0,-50%) rotate(-180deg);-o-transform:translate(0,-50%) rotate(-180deg);}
.product01 .fter_box{display:flex;justify-content:space-between;background-color:#eff0f1;margin-top:30px;align-items:center;padding:8px 20px 8px 0;}
.product01 .fter_box .fter_tit{font-size:16px;}
.product01 .fter_box .fter_btn{position:relative;padding-left:25px;cursor:pointer;text-decoration:underline solid #e60012;color:#e60012;}
.product01 .fter_box .fter_btn::before{content:'';display:block;position:absolute;left:0;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);background-image:url(../images/icon33.png);background-repeat:no-repeat;width:14px;height:14px;}
.product01 .fters{display:flex;flex-wrap:wrap;}
.product01 .fters .fter{width:18.96%;}
.product01 .fters .fter:not(:nth-child(5n+1)){margin-left:1.3%;}
.product01 .fters .fter{position:relative;}
.product01 .fters .fter:hover .flist{height:auto;opacity:1;}
.product01 .fters .flist{top:100%;background-color:#eff0f1;position:absolute;width:100%;z-index:10;height:0px;opacity:0;overflow:hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.product01 .fters .flist .fitem{padding:5px 0;cursor:pointer;}
.product01 .fters .ftit{line-height:40px;border-bottom:1px solid #e0e1e2;position:relative;}
.product01 .fters .ftit::before{content:'';display:block;position:absolute;top:18px;border-top:1px solid #797a7a;border-right:1px solid #797a7a;right:8px;width:8px;height:8px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
@media(max-width:1459px){.product01 .pitem .ptit{font-size:16px;}
.product01{padding:60px 0;}
.product01 .section .sectit{font-size:28px;}
}
@media (max-width: 1280px){
    .categry1 {
        max-height: calc(100vh - 60px);
    }
}

@media(max-width:1024px){.product01{padding:40px 0;}
.product01 .section .sectit{font-size:24px;}
.product01 .plist .pitem{width:32.33%;margin-bottom:1.5%;}
.product01 .plist .pitem:not(:nth-child(4n+1)){margin-left:0;}
.product01 .plist .pitem:not(:nth-child(3n+1)){margin-left:1.5%;}
.product01 .fters .fter{width:32.33%;}
.product01 .fters .fter:not(:nth-child(5n+1)){margin-left:0;}
.product01 .fters .fter:not(:nth-child(3n+1)){margin-left:1.5%;}
.categry1 {
    max-height: calc(100vh - 45px);
}
}
@media(max-width:768px){.product01{padding:30px 0;}
.product01 .section .sectit{font-size:20px;}
.product01 .plist .pitem{width:49%;margin-bottom:2%;}
.product01 .plist .pitem:not(:nth-child(3n+1)){margin-left:0;}
.product01 .plist .pitem:not(:nth-child(2n+1)){margin-left:2%;}
.product01 .plist .pitem{padding-bottom:32.7%;}
.product01 .fters .ftit{font-size:12px;}
.product01 .fter_box{margin-top:15px;}
.product01 .fters .ftit::before{top:14px;}
}
@media(max-width:640px){.product01{padding:20px 0;}
.product01 .pitem .ptit{font-size:14px;left:10px;bottom:10px;}
.product01 .content{flex-wrap:wrap;}
.product01 .section{margin-top:15px;}
.categry1{width:100%;max-height:250px;margin-right:0;}
.categry1 .catitem .cbox_tit{line-height:35px;font-size:12px;}
.product01 .section .sectit{font-size:18px;}
.product01 .fters .fter{width:49%;}
.product01 .fters .fter:not(:nth-child(3n+1)){margin-left:0;}
.product01 .fters .fter:not(:nth-child(2n+1)){margin-left:2%;}
.product01 .fter_box .fter_tit{font-size:14px;}
.product01 .fter_box{padding:8px 15px 8px 0;}
}
.categry{width:200px;margin-right:40px;max-height:calc(100vh - 100px);overflow-y:auto;direction:rtl;height:100%;min-width:200px;}
.categry::-webkit-scrollbar{width:2px;height:2px;}
.categry::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#e60012;}
.categry::-webkit-scrollbar-track{border-radius:10px;background:#e6e6e6;}
.categry *{direction:ltr;}
.categry .catitem{margin-bottom:3px;}
.categry .catitem .cat_tit{font-size:16px;height:35px;color:#fff;background-color:#e60012;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding:0 10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;}
.categry .catitem .cat_tit::before{content:'';display:block;background-image:url(../images/icon29.png);background-repeat:no-repeat;background-size:contain;position:absolute;right:10px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:10px;height:6px;}
.categry .catitem .cbox_tit{background-color:#ebeced;line-height:35px;font-size:14px;color:#000000;position:relative;padding-right:20px;padding-left:10px;}
.categry .catitem .cbox_tit::before{content:'';display:block;position:absolute;right:10px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:10px;height:2px;background-color:#e60012;}
.categry .catitem .cbox_tit::after{content:'';display:block;position:absolute;right:14px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:2px;height:10px;background-color:#e60012;}
.categry .lables{padding:20px;display:flex;flex-wrap:wrap;}
.categry .lables .lable{margin-bottom:15px;display:flex;align-items:center;width:48%;cursor:pointer;}
.categry .lables .lable:not(:nth-child(2n+1)){margin-left:4%;}
.categry .lables .lable .cicon{width:20px;height:20px;border:1px solid #808081;position:relative;}
.categry .lables .lable .lab_tit{margin-left:8px;}
.categry .catitem .cboxs{height:1px;overflow:hidden;}
.categry .catitem.cur .cboxs{display:block;height:auto;}
.categry .catitem.cur .cat_tit{display:flex;align-items:center;justify-content:space-between;}
.categry .catitem.cur .cat_tit::before{display:none;}
.categry .catitem.cur .cat_tit .cat_icon{width:14px;height:14px;background-image:url(../images/icon30.png);}
.categry .cbox .lables{height:0;overflow:hidden;padding:0;}
.categry .cbox.cur .lables{height:auto;padding:20px 10px;}
.categry .catitem .cbox.cur .cbox_tit::after{opacity:0;}
.categry .lables .lable.cur .cicon::before{content:'';display:block;position:absolute;top:4px;border-top:1px solid #e60012;border-right:1px solid #e60012;right:4px;width:10px;height:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.categry .lables .lable.cur .cicon{border:1px solid #e60012;}
/* 产品详情 */
.fabric01{background-color:#eff0f1;padding:60px 0;}
.fabric01 .main{display:flex;justify-content:space-between;margin-top:30px;background-color:#fff;}
.fabric01 .main .left{width:50%;display:flex;}
.fabric01 .main .smain{width:140px;min-width:140px;}
.fabric01 .main .bmain{width:calc(100% - 150px);margin-left:10px;position:relative;}
.fabric01 .main .bmain .bmain_box{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width:100%;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    bottom:10%;
    justify-content: center;
    z-index: 2;
    align-items: center;
}
.fabric01 .main .bmain .bmain_box .prev,
.fabric01 .main .bmain .bmain_box .next{
    width: 15px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.fabric01 .main .bmain .bmain_box .prev:hover::before,
.fabric01 .main .bmain .bmain_box .next:hover::before{
    border-color: #e60012;
}

.fabric01 .main .bmain .bmain_box .prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 33%;
    border-bottom: 2px solid rgba(0,0,0,.5);
    border-left: 2px solid rgba(0,0,0,.5);
    right: 2px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.fabric01 .main .bmain .bmain_box .next::before{
    content: '';
    display: block;
    position: absolute;
    top: 33%;
    border-top: 2px solid rgba(0,0,0,.5);
    border-right: 2px solid rgba(0,0,0,.5);
    right: 5px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.fabric01 .main .right{width:50%;padding:5%;display:flex;align-items:center;justify-content:center;}
.fabric01 .swiper-container{height:100%;}
.fabric01 .main .smain .imgbox{background-color:#fff;height:100%;position:relative;height:100%;cursor:pointer;}
.fabric01 .main .smain .swiper-slide-thumb-active .imgbox::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:4px solid #e60012;}
.fabric01 .main .smain .imgbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-height:80%;width:auto;}
.fabric01 .main .bmain .swiper-slide{height:auto;background-color:#fff;margin-bottom:10px;}
.fabric01 .main .bmain .imgbox{padding-bottom:87%;}
.fabric01 .main .bmain .imgbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-height:90%;width:auto;}
.fabric01 .main .bmain .swiper-pagination .swiper-pagination-bullet{margin:0 10px;width:10px;height:10px;border:1px solid #000000;background-color:#000;opacity:.5;}
.fabric01 .main .bmain .swiper-pagination .swiper-pagination-bullet-active{border-color:#e60012;opacity:1;background-color:#e60012;}
.fabric01 .main .bmain .swiper-pagination{
    position: relative;
    margin: 0 10px;
}
.fabric01 .main .bmain .video_btn{width:60px;height:60px;background-color:#e60012;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-image:url(../images/icon11.png);background-repeat:no-repeat;background-position:center left 24px;position:absolute;left:35px;bottom:30px;}
.fabric01 .main .ul_tit{font-size:30px;color:#0a0a0a;line-height:1.5;margin-bottom:15px;}
.fabric01 .main .desc{font-size:14px;color:#000000;line-height:2;padding-bottom:25px;border-bottom:1px solid #d9dadc;}
.fabric01 .main .ul{margin-top:45px;padding-bottom:25px;border-bottom:1px solid #d9dadc;}
.fabric01 .main .ul .li{font-size:14px;color:#000000;line-height:2.142;position:relative;padding-left:15px;}
.fabric01 .main .ul .li::before{content:'';display:block;position:absolute;top:13px;left:0;background-color:#e60012;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;width:5px;height:5px;}
.fabric01 .main .icon{margin-top:50px;}
.fabric02{background-color:#f9fafa;padding:0 0 60px;}
.fabric02 .title{font-size:30px;color:#0a0a0a;line-height:2;}
.fabric02 .list{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e0e1e2;margin-top:30px;}
.fabric02 .list .item:not(:first-child){margin-left:10px;}
.fabric02 .tit{font-size:16px;color:#0a0a0a;line-height:1.5;margin:15px 0 30px;}
.fabric03{background-color:#f9fafa;padding:0 0 75px;}
.fabric03 .content{display:flex;}
.fabric03 .content .sectit{font-size:30px;color:#0a0a0a;}
.fabric03 .content .section{min-height:200px;width:calc(100% - 250px);}
.fabric03 .content .section .loading {padding-bottom:30%; background:url(../images/waitting.gif) no-repeat center center; background-size:43% auto;}
.fabric03 .content tbody td{line-height:30px;}
.fabric03 .content .section .div{position:relative;min-height:200px;}
.fabric03 .content .section .tbox{position:absolute;top:37px;width:120px;}
.fabric03 .content tbody td:first-child .imgbox,.fabric03 .content .section .tbox .imgbox{margin-top:10px;}
.fabric03 .table tbody,.fabric03 .table thead{width:100%;}
.fabric03 .content tbody td:first-child .td_tit,.fabric03 .content .section .tbox .td_tit{font-size:14px;color:#0a0a0a;margin-top:15px;}
.fabric03 .content table{width:100%;margin-top:20px;table-layout:fixed;width:100%;}
.fabric03 .content thead{background-color:#eff0f1;}
.fabric03 .content thead td{color:#0a0a0a;font-size:16px;line-height:35px;}
.fabric03 .content thead td:first-child{width:150px;text-align:center;padding-right:20px;min-width:150px;}
.fabric03 .content tbody td:first-child{}
.fabric03 .content tbody td:not(:first-child){cursor:pointer;}
/* 弹窗 */
.msg{z-index:999;}
.msg .content{display:flex;height:100%;}
.msg .content .main{position:relative;width:100%;}
.msg .content .tit{font-size:16px;color:#0a0a0a;background-color:#d8d9db;padding:5px 10px;margin:0;}
.msg .content .close{position:absolute;right:5px;top:5px;padding:10px;z-index:10;cursor:pointer;}
.msg .content .close:before,.msg .content .close:after{content:"";position:absolute;width:100%;left:0;top:50%;border-bottom:2px solid #fff;}
.msg .content .close:before{transform:rotate(45deg);}
.msg .content .close:after{transform:rotate(-45deg);}
.msg .content .con{display:flex;}
.msg .content .con::after{content:'';clear:both;display:block;}
.msg .content .con .left{background-color:#f7f8f9;width:calc(100% - 190px);padding:20px;}
.msg .content .con .left .swipers{display:flex;justify-content:space-between;}
.msg .content .con .left .swiper{width:40%;}
.msg .content .con .left .text{width:48%;}
.msg .content .con .right{width:190px;background-color:#fff;padding:20px 20px;}
.msg .content .con .r_tit{font-size:16px;color:#000000;}
.msg .content .r_item{position:relative;padding:15px 10px 10px 0;background-image:url(../images/icon32.png);background-repeat:no-repeat;background-position:center right;display:block;border-bottom:1px solid #e4e4e6;line-height:1.57;font-size:12px;}
.msg .content .r_item:hover{background-image:url(../images/icon18.png);color:#e60012;}
.msg .content .r_item:hover::before{background-image:url(../images/picon1.png);}
.msg .content .text .utit{font-size:24px;color:#0a0a0a;}
.msg .content .text .lable{display:flex;font-size:14px;color:#000000;border-bottom:1px solid #e4e4e6;padding:1px 0;}
.msg .content .text .lable:last-child{border:unset;}
.msg .content .text .lable .lab_tit{line-height:2.2;width:200px;min-width:200px;}
.msg .content .text .lable .lab_desc{margin-left:20px;line-height:1.8;padding-top:0.2em;}
.msg .content .text .icon{margin-top:15px;}
.msg .content .bmain .imgbox{padding-bottom:100%;position:relative;background-color:#fff;}
.msg .content .bmain .imgbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-height:80%;}
.msg .content .smain{margin-top:10px; overflow:hidden; padding:0 25px;}
.msg .content .smain .swiper-container {overflow:visible;}
.msg .content .smain .imgbox{padding-bottom:60px;position:relative;background-color:#fff;cursor:pointer;}
.msg .content .smain .imgbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-height:80%;}
.msg .content .smain .swiper-button-next,.msg .content .smain .swiper-button-prev {background-color:#e60012; width:20px; background-size:50% auto; color:#fff;}
.msg .content .smain .swiper-button-prev {background-image:url(../images/swiper-button-arrow-prev.svg); left:-25px;}
.msg .content .smain .swiper-button-next {background-image:url(../images/swiper-button-arrow-next.svg); right:-25px;}
.msg .content .ulists{padding-top:20px;border-top:1px solid #e4e4e6;margin-top:20px;}
.msg .content .ulists .ul_tit{font-size:14px;color:#000000;font-weight:700;}
.msg .content .ulists .ul_tit span{font-size:14px;color:#000000;}
.msg .ul_tits{display:flex;align-items:center;}
.msg .ul_tits .ul_tit:not(:first-child){margin-left:35px;}
.msg .content .ulists .ul_tit.cur{color:#e60012;}
.msg .down{border:1px solid #e60012;padding:10px 5px;}
.msg .content .ulist{display:flex;flex-wrap:wrap;margin-top:20px;}
.msg .content .ulist .uitem{width:10.83%;margin-bottom:1%;}
.msg .content .ulist .uitem:not(:nth-child(8n+1)){margin-left:1.9%;}
.msg .content .ulist .imgbox{background-color:#fff;position:relative;padding-bottom:80px;}
.msg .content .ulist .imgbox img{position:absolute;left:50%;top:50%;max-height:80%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.msg .content .ulist .utit{font-size:12px;color:#000000;margin-top:10px;}
.msg .content .ulist .udesc{font-size:12px;color:rgba(0,0,0,.5);margin-top:10px;}
@media(max-width:1459px){.fabric01{padding:40px 0 80px;}
.fabric01 .main .ul{margin-top:25px;padding-bottom:15px;}
.fabric02{padding:0 0 40px;}
.fabric02 .list{margin-top:15px;}
.fabric03{padding:0 0 45px;}
}
@media(max-width:1024px){.fabric01 .main{flex-wrap:wrap;}
.fabric01 .main .left{width:100%;}
.fabric01 .main .right{width:100%;margin-top:10px;}
.fabric01{padding:30px 0;}
.fabric02{padding:0 0 30px;}
.fabric03{padding:0 0 30px;}
.fabric01 .main .icon{margin-top:20px;}
.fabric03 .content .sectit,.fabric02 .title,.fabric01 .main .ul_tit{font-size:24px;}
.categry{margin-right:20px;}
.fabric01 .main .bmain .video_btn{width:45px;height:45px;background-position:center left 18px;}
.msg .content .ulist .uitem{width:24%;}
.msg .content .ulist .uitem:not(:nth-child(6n+1)){margin-left:0;}
.msg .content .ulist .uitem:not(:nth-child(4n+1)){margin-left:1%;}
}
@media(max-width:768px){.fabric03 .content .sectit,.fabric02 .title,.fabric01 .main .ul_tit{font-size:20px;}
.fabric01 .main .left{flex-direction:column-reverse;}
.fabric01 .main .smain .imgbox{padding-bottom:85px;}
.fabric01 .main .smain{width:100%;min-width:unset;}
.fabric01 .main .bmain{width:100%;margin-left:0;}
.categry{margin-right:20px;}
.msg .content .con{flex-wrap:wrap;}
.msg .content .con .left{width:100%;}
.msg .content .con .right{width:100%;}
}
@media(max-width:640px){
.fabric01 .main .bmain .bmain_box .prev::before, .fabric01 .main .bmain .bmain_box .next::before{
    top: 30%;
}
.fabric03 .content .sectit,.fabric02 .title,.fabric01 .main .ul_tit{font-size:18px;}
.fabric03 .content{flex-wrap:wrap;}
.fabric02 .list .item{width:31.33%;}
.fabric02 .list .item:not(:first-child){margin-left:0;}
.fabric02 .list .item:not(:nth-child(3n+1)){margin-left:1.5%;}
.fabric03 .content .section{width:100%;flex:unset;margin-top:10px;}
.fabric02{padding:0 0 20px;}
.fabric02 .tit{margin:10px 0;}
.fabric01 .main .desc{font-size:12px;padding-bottom:15px;}
.categry{width:100%;max-height:250px;}
.categry .lables .lable{margin-bottom:10px;font-size:12px;}
.categry .lables .lable .cicon{width:15px;height:15px;}
.categry .cbox.cur .lables{padding:10px;}
.categry .catitem .cbox_tit{line-height:30px;}
.msg .content .text .utit{font-size:24px;}
.msg .content .ulist .uitem{margin-bottom:2%;}
.fabric01 .main .bmain .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
}
@media(max-width:480px){.fabric03 .content .tables{width:100%;overflow-x:auto;}
.fabric03 .content table{width:100%;}
.fabric01 .main .bmain .video_btn{width:30px;height:30px;background-position:center left 11px;background-size:10px;left:15px;bottom:15px;}
.fabric03 .content thead td{font-size:14px;line-height:30px;}
.fabric03 .content .section .tbox{position:relative;width:70px;top:unset;}
.fabric03 .content .section .div{display:flex;flex-wrap:wrap;}
.fabric03 .content tbody td:first-child,.fabric03 .content thead td:first-child{display:none;}
.fabric03 .content thead td,.fabric03 .content tbody td{font-size:12px;}
.fabric03 .content tbody td{line-height:20px;}
.msg .content .close{right:5px;top:5px;}
.msg .content .bmain .imgbox{padding-bottom:250px;}
.msg .content .ulists .ul_tit{font-size:14px;}
.msg .content .tit{font-size:14px;padding:10px;}
.msg .content .con .left{padding:10px;}
.msg .content .con .left .swipers{flex-wrap:wrap;}
.msg .content .con .left .swiper{width:100%;}
.msg .content .con .left .text{width:100%;margin-top:10px;}
.msg .content .text .utit{font-size:18px;}
.msg .content .text .lable{font-size:12px;}
.msg .content .ulists .ul_tit span{font-size:12px;}
.msg .content .ulist .utit{font-size:12px;}
.msg .content .ulist .udesc{font-size:12px;}
.msg .content .ulists{padding-top:15px;margin-top:15px;}
.msg .content .ulist .uitem:not(:nth-child(4n+1)){margin-left:0;}
.msg .content .r_item{padding:10px 20px 10px 0;font-size:12px;}
.msg .content .con .right{padding:20px 10px;}
}
.categry .lables .lable.ncur{opacity:.3;cursor:initial;}
@media(max-width:480px){.index05 .swiper-pagination{display:none;}
}
/* 20230713 */
*{font-family:"OPPOSans-R";}
.base_banner .text{font-family:"OPPOSans-L";}
/* .nav.ucur{top:0 !important;}
*/
.fabric03 .content tbody tr:hover td{color:#e60012;}
.edit{text-align:justify;word-break:break-word;}
.index04 .item .imgbox video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.foot .list .citem:hover,.foot .main .legles .legle:hover{color:#e50012;font-weight:bold;}
.nav .nav_box .plist .pitem:hover{color:#fff;}
.nav{box-shadow:0 0 15px rgba(0,0,0,0.15);}
.index04 .item .video_tit a{color:#fff;}
.con_con1 .rq1 .div{transition:.3s;position:relative;top:0;z-index:10;}
.con_con1 .rq1 .div:before,.con_con1 .rq1 .div:after{content:"";position:absolute;width:0;height:0;z-index:-1;transition:width .6s,height .6s;opacity:0;}
.con_con1 .rq1 .div:before{left:0;top:0;border-top:2px solid #e60012;border-left:2px solid #e60012;}
.con_con1 .rq1 .div:after{right:0;bottom:0;border-right:2px solid #e60012;border-bottom:2px solid #e60012;}
.con_con1 .rq1 .div.cur:before,.con_con1 .rq1 .div.cur:after,.con_con1 .rq1 .div:hover:before,.con_con1 .rq1 .div:hover:after{width:100%;height:100%;opacity:1;}
.con_con1 .rq1 .div.cur,.con_con1 .rq1 .div:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);top:-10px;}
.con_banner .div .ico{background:none;}
.con_banner .div .ico i{position:absolute;width:4px;height:4px;background:#e60012;border-radius:50%;left:50%;top:50%;margin-left:-2px;margin-top:-2px;z-index:2;}
.con_banner .div .ico i:before,.con_banner .div .ico i:after{content:"";position:absolute;left:50%;top:50%;margin-top:-13px;margin-left:-13px;width:26px;height:26px;background:#e60012;border-radius:50%;}
.con_banner .div .ico i:before{opacity:0.2;z-index:-1;animation:dot 2s infinite ease-in-out;animation-delay:.3s;}
.con_banner .div .ico i:after{opacity:0.4;z-index:-2;animation:dot 2s infinite ease-in-out;}
.fabric03 .content tbody td{border-bottom:1px solid #e4e4e6;padding:5px 0;}
.fabric03 .content tbody td:first-child{border-color:transparent;}
.base_banner .imgbox{position:relative;}
.base_banner .imgbox video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.brief01 .item .imgbox{overflow:hidden;}
.brief01 .item .imgbox img{transition:1s ease-in-out;}
.brief01 .item:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.index02 .item .tit,.index02 .item .text,.index03 .item .tit{transform:translate(80px,0);opacity:0;transition:.3s;}
.index02 .swiper-slide-active .item .tit,.index02 .swiper-slide-active .item .text,.index03 .swiper-slide-active .item .tit,.index03 .swiper-slide-active .item .text{transform:translate(0,0);opacity:1;}
.index02 .item .tit,.index03 .item .tit{transition-delay:.8s !important;}
.index02 .item .text,.index03 .item .text{transition-delay:.9s !important;}
.index02 .item .more,.index03 .item .more{position:relative;top:50px;opacity:0;transition:.3s !important;transition-delay:0s !important;}
.index02 .item:hover .more,.index03 .item:hover .more{opacity:1;top:0;}
@keyframes dot{from{transform:scale(0);opacity:1;}
to{transform:scale(1);opacity:0;}
}
@media(max-width:640px){.categry .cbox.cur .lables{height:0;padding:0;}
.categry .catitem .cbox.cur .cbox_tit::after{opacity:1;}
.categry .cbox .lables{height:auto;padding:10px;}
.categry .catitem .cbox_tit::after{opacity:0;}
.fabric02 .list .item{width:32.33%;}
}
.nav .nav_box .citem.cur .imgbox::before{opacity:0;}
.nav .nav_box .plists.s2{display:none !important;}
/* 20230720 */
.foot .main .lable.cur:not(:first-child){background:none;color:#e50012;font-weight:bold;}
.foot .main .lable.cur:not(:first-child):before{display:none;}
.foot .main .lable:first-child::before{opacity:1;display:block;}
.foot .main .lable:first-child{color:#fff;background:#e50012;}
.imgbox{overflow:hidden;}
.imgbox img{transition:.3s;}
.item:hover>.imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.citem:hover>.imgbox img{transform:scale(1.1);}
.service01 .item .share_tit{cursor:pointer;}
.service01 .item .online:hover{color:#e60012;border-color:#e60012;}
.service01 .item .share_tit:hover{color:#e60012;}
.service01 .item .share_tit:hover::before{background-image:url(../images/icon162.png);}
.vision01 .content .left .icon{width:100%;height:100%;background-position:center;}
.vision01 .content .left .imgbox iframe,.vision01 .content .left .imgbox video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.vision01 .content .left .video_btn{bottom:auto;top:0;left:0;padding:15px;z-index:5;}
.wxicons .wx_img img{max-width:none;}
.sideNav{display:none;}
.sideNav{position:fixed;right:0;bottom:90px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:40px;z-index:99;}
.sideNav .gotop{margin-top:5px;background:rgba(153,153,153,0.8) url(../images/icon-top2.png) no-repeat center;padding-bottom:100%;cursor:pointer;background-size:50%;}
.enmonth.m01:after{content:"January";}
.enmonth.m02:after{content:"February";}
.enmonth.m03:after{content:"March";}
.enmonth.m04:after{content:"April";}
.enmonth.m05:after{content:"May";}
.enmonth.m06:after{content:"June";}
.enmonth.m07:after{content:"July";}
.enmonth.m08:after{content:"August";}
.enmonth.m09:after{content:"September";}
.enmonth.m10:after{content:"October";}
.enmonth.m11:after{content:"November";}
.enmonth.m12:after{content:"December";}
.vision01 .content .left .video_btn{position:static;padding-left:0;}
.vision01 .content .left .video_btn .video_tit{color:#000;margin-left:0;}
.vision01 .content .left .swiper-container{height:auto;}
.ndetail{font-size:16px;line-height:2;}
@media (max-width:768px){.sideNav{width:30px;}
.ndetail{font-size:14px;}
}
/* 20230724 */
.banner .swiper_btn{width:50px;height:50px;position:absolute;cursor:pointer;top:50%;margin-top:-25px;transition:.3s;z-index:20;text-align:center;line-height:48px;font-size:12px;opacity:0;border:1px solid #fff;border-radius:50%;}
.banner .swiper_btn::before{content:'';display:inline-block;vertical-align:middle;width:1em;height:1em;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.banner .swiper_btn.prev::before{border-bottom:2px solid #fff;border-right:2px solid #fff;}
.banner .swiper_btn.next::before{border-top:2px solid #fff;border-left:2px solid #fff;}
.banner .swiper_btn.prev{left:4em;}
.banner .swiper_btn.next{right:4em;}
.banner:hover .swiper_btn{opacity:1;}
.banner .swiper_btn:hover:before{border-color:#e50012;}
.banner .text{padding:0 60px;}
.index01 .item.item2 .ctit{-webkit-line-clamp:3;height:0;overflow:hidden;font-size:16px;line-height:1.875;transition:.3s;}
.index01 .item.item2:hover .ctit{height:5.625em;}
.loadAll{text-align:center;font-size:20px;color:#999;}
.swiperCtr .btn{width:50px;height:50px;position:absolute;cursor:pointer;top:50%;margin-top:-25px;transition:.3s;z-index:20;text-align:center;line-height:48px;font-size:12px;opacity:0.6;border:1px solid #fff;border-radius:50%;}
.swiperCtr .btn::before{content:'';display:inline-block;vertical-align:middle;width:1em;height:1em;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.swiperCtr .btn.prev::before{border-bottom:2px solid #fff;border-right:2px solid #fff;}
.swiperCtr .btn.next::before{border-top:2px solid #fff;border-left:2px solid #fff;}
.swiperCtr .btn.prev{left:4em;}
.swiperCtr .btn.next{right:4em;}
.swiperCtr .btn:hover{opacity:1;background:#fff;border-color:#fff;}
.swiperCtr .btn:hover::before{border-color:#e50012;}
@media(max-width:1280px){.banner .swiper_btn{font-size:10px;width:40px;height:40px;line-height:38px;}
.banner .swiper_btn.prev{left:20px;}
.banner .swiper_btn.next{right:20px;}
.banner .text{padding:0 50px;}
.swiperCtr .btn{font-size:10px;width:40px;height:40px;line-height:38px;}
.swiperCtr .btn.prev{left:20px;}
.swiperCtr .btn.next{right:20px;}
}
@media(max-width:768px){.banner .swiper_btn{opacity:1;}
}
/* 2023/7/24 */
.base_banner .tit,.index04 .item .tit,.index03 .item .desc,.banner .text .tit{font-size:48px;}
@media (max-width:1459px){.base_banner .tit,.index04 .item .tit,.index03 .item .desc,.banner .text .tit{font-size:36px;}
.new01{padding-top:90px;}
}
@media (max-width:1280px){.base_banner .tit,.index04 .item .tit,.index03 .item .desc,.banner .text .tit{font-size:28px;}
}
@media (max-width:1024px){.base_banner .tit,.index04 .item .tit,.index03 .item .desc,.banner .text .tit{font-size:24px;}
.new01{padding-top:70px;}
}
@media (max-width:768px){.base_banner .tit,.index04 .item .tit,.index03 .item .desc,.banner .text .tit{font-size:20px;}
}
@media (max-width:640px){.base_banner .tit,.index04 .item .tit,.index03 .item .desc,.banner .text .tit{font-size:18px;}
}
.index03{margin-top:10px;}
.proinfo03 .main .imgbox{padding-bottom:75%;background:#fff;position:relative;}
.proinfo03 .main .imgbox img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.proinfo03 .main .cdesc{display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.index03 img{width:100%;}
.index03 .item{width:100%;padding:0;position:absolute;top:50%;left:0;transform:translateY(-50%);}
@media (max-width:768px){.index03 .item{padding:40px 0;position:static;transform:translate(0);}
.index03 img{height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.index03 .swiper-slide{height:auto;}
}
.index02 .item .text{margin-top:22%;margin-bottom:22%;}
.index02 .item .left{justify-content:flex-start;}
.index02 .app{display:none;}
.index02 .item{padding-top:0;padding-bottom:0;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;}
.index03 .item .cdesc{width:60%;}
@media (max-width:768px){.index02 .app{display:block;}
.index02 .pc{display:none;}
.index02 .item{top:0;transform:translate(0);padding:20px 15px;}
.index02 .item .text{margin-top:20px;margin-bottom:20px;}
.index03 .item .cdesc{width:100%;}
}
.proinfo02 .main .cdesc *,.proinfo02 .main .cdesc{line-height:2 !important;}
/* 20230726 */
.ndetail,.ndetail *{line-height:1.8;}
.ndetail{margin:auto;width:69.3%;}
.ndetail img{display:block;width:100%;height:auto;}
.lans a{color:inherit;padding:0 2px;}
.lans{color:#333;}
.hover .lans,.white .lans{color:#fff;}
@media (max-width:1024px){.ndetail{width:100%;padding:0 30px;}
}
@media (max-width:768px){.ndetail{padding:0 0;}
}
/*2023-07-28 x*/
.zoomimg .isimg img{-webkit-transition:-webkit-transform 1.2s ease;transition:-webkit-transform 1.2s ease;transition:transform 1.2s ease;transition:transform 1.2s ease,-webkit-transform 1.2s ease;}
.zoomimg:hover .isimg img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.imgmid{position:relative;overflow:hidden}
.imgmid .isimg{position:absolute;width:100%;height:100%}
.imgmid .isimg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.base_banner .text_63 .ctit{max-width:850px;}
.base_banner .text_64 .ctit{max-width:630px;}
.sub_title{padding:3% 0;color:#000000;font-family:"OPPOSans-R"}
.f55{font-size:55px;}
.f48{font-size:48px;}
.f36{font-size:36px;}
.f22{font-size:22px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
@media (max-width:1200px){.f55{font-size:38px;}
.f48{font-size:32px;}
.f36{font-size:28px;}
.f22{font-size:20px;}
.f20{font-size:18px;}
.f18{font-size:16px;}
}
@media (max-width:768px){.f55{font-size:26px;}
.f48{font-size:22px;}
.f36{font-size:20px;}
.f22{font-size:18px;}
.f20{font-size:16px;}
.f18{font-size:15px;}
}
.red_line{padding-bottom:3px;position:relative}
.red_line .swiper{padding-bottom:7%}
.red_line .swiper-container-horizontal>.swiper-pagination-progressbar{top:auto;bottom:0;height:3px;background:#d9d9d9}
.red_line .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#e60012;}
.DecorativeLighting_box1{overflow:hidden;padding:2% 0}
.DecorativeLighting_box1 .listbox:before{content:'';position:absolute;z-index:10;left:82.21428571428571%;margin-left:-35px;top:35%;width:70px;height:70px;background:#fff url(../images/mouse_icon.png);border-radius:100px;}
.DecorativeLighting_box1 .imgmid{padding-bottom:70.302%;transition:0.5s}
.DecorativeLighting_box1 .swiper-slide-next .imgmid{width:74.184%;padding-bottom:52.365%}
.DecorativeLighting_box1 .swiper-slide-active .imgmid{width:100%}
.DecorativeLighting_box1 .swiper-slide:not(.swiper-slide-next,.swiper-slide-active) .imgmid{margin-left:-25.816%}
@media (max-width:1024px){.DecorativeLighting_box1 .listbox:before{top:auto;bottom:0;left:auto;right:0;background-color:#d9d9d9}
}
.DecorativeLighting_box2{padding-top:2%;padding-bottom:6%}
.DecorativeLighting_box2 .listbox{overflow:hidden}
.DecorativeLighting_box2 .imgmid{padding-bottom:56.267%}
.DecorativeLighting_box2 .mySwiper1{padding-bottom:0}
.DecorativeLighting_box2 .swiper-button-next,.DecorativeLighting_box2 .swiper-button-prev{top:auto;bottom:30px;background-repeat:no-repeat;background-size:auto}
.DecorativeLighting_box2 .swiper-button-prev{left:0;background-image:url(../images/swiper-button-prev.png);background-position:left}
.DecorativeLighting_box2 .swiper-button-next{left:34px;right:auto;background-image:url(../images/swiper-button-next.png);background-position:right}
.DecorativeLighting_box2 .swiper-button-disabled{opacity:1;filter:grayscale(100%) brightness(0%);}
.DecorativeLighting_box2 .swiper-dots{position:absolute;right:0;padding-top:30px;display:none}
.DecorativeLighting_box2 .swiper-dots .total{padding-left:10px;color:#999999;}
.DecorativeLighting_box2 .swiper-dots .total i{padding-left:10px;font-style:normal}
.DecorativeLighting_box2 .swiper-slide .num{position:absolute;right:50px;bottom:-52px;color:#000;display:none}
.DecorativeLighting_box2 .swiper{position:relative}
.DecorativeLighting_box2 .swiper-wrapper,.DecorativeLighting_box2 .swiper-slide{position:initial !important}
.DecorativeLighting_box2 .swiper-slide:not(.swiper-slide-active) .num{}
.DecorativeLighting_box3{padding:2% 0;background:url(../images/process_bg.jpg) no-repeat center top;background-size:100% 100%}
.DecorativeLighting_box3 .listbox{display:flex;flex-wrap:wrap;padding-top:4%;padding-bottom:4%;}
.DecorativeLighting_box3 .item{width:16.66666666666667%;}
.DecorativeLighting_box3 .imgmid{padding-bottom:50%;width:70%;max-width:100px;margin:auto}
.DecorativeLighting_box3 .imgmid img{-o-object-fit:contain;object-fit:contain;}
.DecorativeLighting_box3 .txt{font-size:20px;height:90px;max-width:190px;margin:auto;margin-top:20px;text-align:center;line-height:30px;}
.DecorativeLighting_box3 .num{font-size:16px;font-family:"OPPOSans-L";text-align:center;position:relative;padding:10% 0}
.DecorativeLighting_box3 .item:not(:last-child) .num:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:-30%;width:56%;background:url(../images/process_jt.png) no-repeat right center}
@media (max-width:768px){.DecorativeLighting_box3 .item{width:33.333%;padding-bottom:4%}
.DecorativeLighting_box3 .txt{font-size:16px;line-height:20px;}
.DecorativeLighting_box3 .item:not(:last-child) .num:after{right:0}
}
.SmartLighting{background:url(../images/SmartLighting_bg.jpg) no-repeat center top;background-size:100%;font-family:"OPPOSans-L"}
.SmartLighting .column{font-family:"OPPOSans-L";color:#000;padding:1% 0}
.SmartLighting .column i{font-style:normal;margin-left:10px;display:inline-block;color:#fff;border-radius:0 10px 0px 10px;width:30px;line-height:30px;text-align:center;background:linear-gradient(31deg,#008de6,#7ac3ff)}
.SmartLighting .blue_line span{display:inline-block;background:#008de6}
.SmartLighting .blue_line.line1 span{width:1px;height:82px;}
.SmartLighting .blue_line.line2{text-align:right;width:90%;}
.SmartLighting .blue_line.line2 span{width:1px;height:210px;}
.SmartLighting .blue_line.line3{width:48%;display:flex;flex-wrap:wrap;}
.SmartLighting .blue_line.line3 span{width:100%;height:1px;}
.SmartLighting .blue_line.line3:before,.SmartLighting .blue_line.line3:after{display:block;content:'';width:1px;height:120px;background:#008de6}
.SmartLighting .blue_line.line3:before{margin-left:calc(100% - 1px)}
.SmartLighting .blue_line.line4{padding-left:11px;}
.SmartLighting .blue_line.line4 span{width:1px;height:182px;}
.SmartLighting .blue_line.line5{width:48%;margin-left:41%;display:flex;flex-wrap:wrap;}
.SmartLighting .blue_line.line5 span{width:100%;height:1px;}
.SmartLighting .blue_line.line5:before,.SmartLighting .blue_line.line5:after{display:block;content:'';width:1px;height:90px;background:#008de6}
.SmartLighting .blue_line.line5:before{margin-left:calc(100% - 1px)}
@media (max-width:768px){.SmartLighting .blue_line.line1 span,.SmartLighting .blue_line.line2 span,.SmartLighting .blue_line.line3:before,.SmartLighting .blue_line.line3:after,.SmartLighting .blue_line.line4 span,.SmartLighting .blue_line.line5:before,.SmartLighting .blue_line.line5:after{height:50px}
}
.SmartLighting_box1 .item{width:32.5%;float:left;position:relative;margin-bottom:0.715%}
.SmartLighting_box1 .item .imgmid{padding-bottom:50.55%;}
.SmartLighting_box1 .item .txt{position:absolute;max-width:290px;line-height:1.8;color:#fff;padding:6%;z-index:2;top:0}
.SmartLighting_box1 .item:nth-child(3n+1){width:66.785%;margin-right:0.715%}
.SmartLighting_box1 .item:nth-child(3n+1) .imgmid{padding-bottom:50.268%;}
.SmartLighting_box1 .item:nth-child(3n+1) .txt{padding:3%}
@media (max-width:768px){.SmartLighting_box1 .item{width:49%;margin-left:2%;}
.SmartLighting_box1 .item:nth-child(3n+1){width:100%;margin-left:0;}
.SmartLighting_box1 .item:nth-child(3n+2){margin-left:0;}
.SmartLighting_box1 .item .imgmid{padding-bottom:80.55%;}
}
.SmartLighting_box2{display:flex;flex-wrap:wrap;justify-content:space-between;color:#000000}
.SmartLighting_box2 .box_fl{width:35%}
.SmartLighting_box2 .box_fl .infobox{line-height:1.8}
.SmartLighting_box2 .box_fr{width:62.5%}
.SmartLighting_box2 .SmartLighting_num{display:flex;flex-wrap:wrap;justify-content:space-between}
.SmartLighting_box2 .SmartLighting_num dl{width:32.5%;height:370px;background:#fff;padding:8% 2%;position:relative}
.SmartLighting_box2 .SmartLighting_num dt{color:#e60012;font-size:2.29166666666667vw;}
.SmartLighting_box2 .SmartLighting_num dd{padding-top:10%}
.SmartLighting_box2 .SmartLighting_num dl:before{content:'';width:20px;height:2px;top:80%;position:absolute;background:#e60012}
@media (max-width:768px){.SmartLighting_box2 .box_fl,.SmartLighting_box2 .box_fr{width:100%}
.SmartLighting_box2 .box_fr{padding-top:5%}
.SmartLighting_box2 .SmartLighting_num dl{height:auto;box-shadow:0 0 5px #eee}
.SmartLighting_box2 .SmartLighting_num dt{font-size:4vw;}
.SmartLighting_box2 .SmartLighting_num dd{padding-bottom:10%}
}
.SmartLighting_box3 .listbox{display:flex;flex-wrap:wrap}
.SmartLighting_box3 .item{position:relative;width:24.42857142857143%;margin-left:0.76190476190476%;margin-top:0.76190476190476%;}
.SmartLighting_box3 .item .imgmid{padding-bottom:135.965%;}
.SmartLighting_box3 .item .imgmid:after{content:'';position:absolute;z-index:5;width:100%;bottom:0;left:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0))}
.SmartLighting_box3 .item .txt{position:absolute;z-index:6;width:100%;bottom:0;padding:7%;color:#fff}
.SmartLighting_box3 .item:nth-child(4n+1){margin-left:0}
@media (max-width:768px){.SmartLighting_box3 .item{width:49%;margin-left:2%;margin-bottom:2%}
.SmartLighting_box3 .item:nth-child(2n+1){margin-left:0}
}
.SmartLighting_box4 .listbox{display:flex;flex-wrap:wrap}
.SmartLighting_box4 .item{position:relative;width:24.42857142857143%;margin-left:0.76190476190476%;margin-top:0.76190476190476%;}
.SmartLighting_box4 .item .imgmid{padding-bottom:137.43%;}
.SmartLighting_box4 .item .imgmid:after{content:'';position:absolute;z-index:5;width:100%;bottom:0;left:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0))}
.SmartLighting_box4 .item .txt{position:absolute;z-index:6;width:100%;bottom:0;padding:30px;line-height:1.8;color:#fff}
.SmartLighting_box4 .item:nth-child(3n+1){margin-left:0;width:49.6%;clear:both}
.SmartLighting_box4 .item:nth-child(3n+1) .imgmid{padding-bottom:67.655%;}
@media (max-width:768px){.SmartLighting_box4 .item{width:49%;margin-bottom:2%;margin-left:2%}
.SmartLighting_box4 .item:nth-child(3n+1){width:100%}
.SmartLighting_box4 .item:nth-child(3n+2){margin-left:0}
}
.SmartLighting_box5{display:flex;flex-wrap:wrap;justify-content:space-between}
.SmartLighting_box5 .item{width:49.73958333333333%;padding-top:1%;}
.SmartLighting_box5 .box{position:relative}
.SmartLighting_box5 .item:nth-child(1){width:100%;padding-bottom:4%;}
.SmartLighting_box5 .item:nth-child(1) .box{width:73.5%;margin:auto;}
.SmartLighting_box5 .item:nth-child(1) .sub_title{padding-top:0}
.SmartLighting_box5 .item:not(:first-child) .sub_title{padding:6%}
.SmartLighting_box5 .sub_title{position:absolute;font-family:"OPPOSans-L"}
@media (min-width:1200px){.SmartLighting_box5 .item:nth-child(1) .sub_title{font-size:55px;}
}
@media (max-width:768px){.SmartLighting_box5 .item{width:100%}
.SmartLighting_box5 .item:nth-child(1) .box{width:100%;padding:0px 15px}
}
/* 20230528 */
.project01 .grid .imgbox::before{opacity:1;z-index:10;}
.project01 .grid .text{z-index:20;}
.foot .list .citem{margin-top:5px;}
.foot .unis .uni:nth-child(3) .uni_des{color:#888;}
.foot .unis .uni_tit{line-height:22px;min-height:22px;position:relative;padding-left:28px;background-position:left center;background-repeat:no-repeat;background-size:22px;}
.foot .unis .uni_tit.icon-dw{background-image:url(../images/icon-dw.png);}
.foot .unis .uni_tit.icon-email{background-image:url(../images/icon-email.png);}
.foot .unis .uni_tit.icon-tel{background-image:url(../images/icon-tel.png);}
.index03 .item .text .year{color:#fff;margin-bottom:10px;font-size:20px;}
@media(min-width:640px) and (max-width:1280px){.index03 .item .cdesc,.index03 .item .text .year,.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit,.index04 .list .item .tit{font-size:16px;}
}
/* 20230731 */
.foot .unis .uni_tit{font-weight:bold;}
.foot .content{padding-bottom:20px;}
.foot{padding-bottom:10px;}
.foot .main{padding-top:20px;}
.foot .con .unis{display:block;}
.foot .con{width:270px;}
.foot .list .itname{font-size:18px;}
.wxicons{margin-top:0;margin-bottom:20px;padding-left:10px;}
.foot .unis .uni{width:auto;margin-top:10px !important;}
.foot .unis .uni:nth-child(2){margin-left:0;}
.index02 img{display:block;width:100%;}
.swiper-container .swiperBtn{width:50px;height:50px;position:absolute;cursor:pointer;top:50%;margin-top:-25px;transition:.3s;z-index:20;text-align:center;line-height:48px;font-size:12px;opacity:0;border:1px solid #fff;border-radius:50%;}
.swiper-container .swiperBtn::before{content:'';display:inline-block;vertical-align:middle;width:1em;height:1em;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.swiper-container .swiperBtn.prev::before{border-bottom:2px solid #fff;border-right:2px solid #fff;}
.swiper-container .swiperBtn.next::before{border-top:2px solid #fff;border-left:2px solid #fff;}
.swiper-container .swiperBtn.prev{left:4em;}
.swiper-container .swiperBtn.next{right:4em;}
.swiper-container:hover .swiperBtn{opacity:1;}
.swiper-container .swiperBtn:hover{background:#fff;}
.swiper-container .swiperBtn:hover:before{border-color:#e50012;}
.index03 .item{padding:30px;}
.proinfo01{padding:20px 0;}
.proinfo01+.proinfo02{padding-top:0;}
.imgbox img{width:100%;}
.wow{animation-duration:1s !important;animation-timing-function:ease-out !important;}
.wxicons .imgbox img{width:auto !important;height:auto !important;max-height:100%;max-width:100%;display:inline-block;vertical-align:middle;transform:none !important;}
.wxicons .imgbox img.i2{display:none;}
.wxicons .wxicon:hover .imgbox img.i1{display:none;}
.wxicons .wxicon:hover .imgbox img.i2{display:inline-block;}
@media(max-width:1280px){.swiper-container .swiperBtn{font-size:10px;width:40px;height:40px;line-height:38px;margin-top:-20px;}
.swiper-container .swiperBtn.prev{left:20px;}
.swiper-container .swiperBtn.next{right:20px;}
.index03 .item .text .year{font-size:16px;}
}
@media(max-width:768px){.swiper-container .swiperBtn{opacity:1;}
.index03 .item .text .year{font-size:14px;}
.swiper-container .swiperBtn.prev{left:10px;}
.swiper-container .swiperBtn.next{right:10px;}
.swiper-container .swiperBtn{font-size:8px;width:30px;height:30px;line-height:28px;margin-top:-15px;}
.banner .swiper_btn.prev{left:10px;}
.banner .swiper_btn.next{right:10px;}
.banner .swiper_btn{width:30px;height:30px;line-height:28px;font-size:8px;}
}
@media (min-width:1560px){.foot .content .item:nth-child(5),.foot .content .item:nth-child(6){position:static;}
.foot .content .list .item{padding-right:60px;white-space:nowrap;}
}
@media(min-width:1360px) and (max-width:1560px){.foot .container{width:90%;}
.foot .content .list .item{padding-right:7%;}
}
@media(min-width:1024px) and (max-width:1360px){.foot .content .list .item{padding-right:34px;}
}
@media(max-width:1024px){.foot .con{width:100%;}
}
@media(max-width:768px){.wxicons{padding:0;margin:10px 0;}
}
/* 20230801 */
.index01 .item .h_list{max-height:0;overflow:hidden;transition:.6s;}
.index01 .item:hover .h_list{max-height:400px;}
.more:after{content:"";position:absolute;width:20px;height:150%;background:#e60012;display:block;transform:skewX(-30deg);opacity:1;left:125%;transition:.3s;transition-delay:.2s;bottom:-25%;}
.item:hover .more:after{left:-30%;}
.index03 .item .desc a{color:#fff;}
.product01 .fters .ftit .s1{color:#e60012;}
.product01 .fters .flist .fitem:hover{background:#e60012;color:#fff;}
.categry1 .catitem .cbox.cur .cbox_tit,.categry1 .catitem .cbox:hover .cbox_tit{color:#e60012;font-weight:bold;}
.product01 .pitem .ptit{display:flex;left:0;top:0;bottom:0;width:100%;height:100%;background:rgba(230,0,18,0.85);justify-content:center;align-items:center;z-index:2;color:#fff;padding:15px;opacity:0;transition:.5s;}
.product01 .pitem .ptit .t{position:relative;top:50px;transition:.8s;}
.product01 .pitem:hover .ptit{opacity:1;}
.product01 .pitem:hover .ptit .t{top:0;}
.banner .swiper_btn:hover{background:#fff;}
.project01 .switchs .switch,.service01 .switchs .switch{transition:.4s;margin-right:1px;}
.project01 .switchs .switch:hover,.service01 .switchs .switch:hover{color:#fff;background-color:#e60012;}
.nav .content .itname::before{transform:translate(-50%);width:0;transition:.3s;margin:0;}
.nav .content .item:hover .itname::before,.nav .content .item.cur .itname::before{width:100%;}
.service01 .list .item{position:relative;transition:.3s;top:0;z-index:5;}
.service01 .list .item:hover{top:-10px;box-shadow:0 6px 10px rgba(0,0,0,0.4);}
/* .service01 .list .item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#e60012;z-index:-1;opacity:0;transition:.3s;}
.service01 .list .item:hover:before{opacity:0.1;}
*/
.new01 .item .ctit{transition:.3s;}
.new01 .item:hover .ctit{color:#e60012;}
.new02 .list .item{transition:.3s;}
.new02 .list .item:hover{background:#e60012;}
.new02 .item .text{transition:.3s;padding:10px 30px 10px 0;}
.new02 .item:hover .text{padding:10px 15px;margin:0;}
.new02 .item .time,.new02 .item .tit,.new02 .item .desc{transition:.3s;}
.new02 .item:hover .time{color:#fff;opacity:0.8;}
.new02 .item:hover .tit{color:#fff;}
.new02 .item:hover .desc{color:#ffc7c7;}
.nav .nav_box .plist .pitem{white-space:nowrap;}
.nav .nav_box .plist .pitem:after{content:'';display:inline-block;border-top:2px solid #fff;border-left:2px solid #fff;width:8px;height:8px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);vertical-align:middle;margin-bottom:2px;margin-left:5px;transition:.3s;position:relative;left:-10px;opacity:0;}
.nav .nav_box .plist .pitem:hover:after{left:0;opacity:1;}
/* 2023/8/3 */
.product01 .pitem .ptit{background:rgba(0,0,0,0.85);}
.SmartLighting_box5 .item:nth-child(1) .sub_title,.SmartLighting_box5 .sub_title,.SmartLighting .sub_title,.DecorativeLighting_box1 .sub_title,.DecorativeLighting_box2 .sub_title,.DecorativeLighting_box3 .sub_title{font-size:36px;}
.index03 .swiper-slide:hover img{animation:myscale2 5s infinite;-webkit-animation:myscale2 5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.index05 .item .left .imgbox{transition:all .5s;}
.index05 .item:hover .left .imgbox{transform:scale(1.06);}
@media (max-width:1200px){.SmartLighting_box5 .item:nth-child(1) .sub_title,.SmartLighting_box5 .sub_title,.SmartLighting .sub_title,.DecorativeLighting_box1 .sub_title,.DecorativeLighting_box2 .sub_title,.DecorativeLighting_box3 .sub_title{font-size:28px;}
}
@media (max-width:768px){.SmartLighting_box5 .item:nth-child(1) .sub_title,.SmartLighting_box5 .sub_title,.SmartLighting .sub_title,.DecorativeLighting_box1 .sub_title,.DecorativeLighting_box2 .sub_title,.DecorativeLighting_box3 .sub_title{font-size:22px;}
}
.index05 .item{border:none;position:relative;z-index:10;}
.index05 .item:before,.index05 .item:after{content:"";position:absolute;width:0;height:0;z-index:-1;transition:width .6s,height .6s;opacity:0;}
.index05 .item:before{left:0;top:0;border-top:2px solid #e60012;border-left:2px solid #e60012;}
.index05 .item:after{right:0;bottom:0;border-right:2px solid #e60012;border-bottom:2px solid #e60012;}
.index05 .item:hover:before,.index05 .item:hover:after{width:100%;height:100%;opacity:1;}
.index05 .item:hover .desc{color:#e60012;}
.new02 .content2{width:100%;display:flex;justify-content:space-between;margin-bottom:30px;align-items:center;}
.new02 .content2 .selects{white-space:nowrap;flex:0 0 auto;}
.selectBox{display:inline-block;vertical-align:middle;position:relative;}
.selectBox .selectCur{padding:0 10px;line-height:40px;padding-right:20px;cursor:pointer;}
.selectBox .selectDown{position:absolute;white-space:nowrap;left:0;top:100%;background:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,0.15);margin-top:16px;display:none;min-width:100%;z-index:99;}
.selectBox .selectDown .option{font-size:14px;line-height:2.25;cursor:pointer;padding:0 10px;}
.selectBox .selectDown .option:hover{background:#e60012;color:#fff;}
.selectBox .selectDown:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:100%;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;}
.selectBox .selectDown .overscroll{max-height:235px;overflow:auto;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:2px;height:2px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#e60012;}
.overscroll::-webkit-scrollbar-track{border-radius:10px;background:#e6e6e6;}
.selects .selectBox{background:#fff;margin-left:10px;z-index:20;width:160px;border-bottom:1px solid #e4e4e6;}
.selectBox .selectCur{position:relative;line-height:40px;padding:0 45px 0 20px;font-size:16px;cursor:pointer;}
.selectBox .selectCur:after{content:'';border-top:2px solid #333;border-left:2px solid #333;width:8px;height:8px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(225deg);}
@media(max-width:1024px){.selects .selectBox{width:auto;}
}
@media(max-width:560px){.selects .selectBox{margin-left:0;width:49%;}
.selects .selectBox:last-child{margin-left:1%;}
}
.new02 .content2 .sou_box{width:450px;display:flex;justify-content:space-between;border-bottom:1px solid #e4e4e6;}
.new02 .content2 .sou_box .input{flex:1;height:40px;}
.new02 .content2 .sou_box .input input{width:100%;height:100%;font-size:16px;color:#666666;}
.new02 .content2 .sou_box .input input::placeholder{color:#666666;}
.new02 .content2 .sou_box .btn{background-image:url(../images/icon13.png);background-repeat:no-repeat;background-position:center;width:35px;}
@media (max-width:1380px){.new02 .content2 .sou_box{width:250px;}
.new02 .content2 .sou_box .input input{font-size:14px;}
}
@media (max-width:640px){.new02 .content2 .sou_box{margin-top:0px;padding:10px 0;width:100%;}
.new02 .content2{flex-wrap:wrap;}
.new02 .content2 .selects{width:100%;}
}
.foot .list .citem::after,.index01 .item .h_item::after{content:'';display:inline-block;border-top:2px solid #e50012;border-left:2px solid #e50012;width:8px;height:8px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);vertical-align:middle;margin-bottom:2px;margin-left:5px;transition:.3s;position:relative;left:-10px;opacity:0;}
.foot .list .citem:hover:after,.index01 .item .h_item:hover::after{left:0;opacity:1;}
/* .foot .list .citem::after{transform:translateY(3px);}
*/
.nav .nav_box .plists::before{border-bottom-color:#e50012;}
.vision01 .content .left .video_tit{font-size:24px;}
.vision01 .content{height:auto;}
@media (max-width:1459px){.vision01 .content .left .video_tit{font-size:20px;}
}
@media (max-width:480px){.vision01 .content .left .video_tit{font-size:16px;}
}
.hall01 .list .item{width:32%;margin-left:0 !important;margin-right:2%;}
.hall01 .list .item:nth-child(3n){margin-right:0;}
.hall01 .item .text{left:20px;right:20px;bottom:20px;}
.hall01 .item .desc{font-size:12px;}
@media (max-width:1280px){.hall01 .item .tit{font-size:12px;}
.hall01 .item .desc{font-size:12px;}
}
@media (max-width:768px){.hall01 .list .item{width:100%;margin-right:0;}
}
.newinfo03 .links .link.link1:hover{background-image:url(../images/icon20_1.png);}
.newinfo03 .links .link.link2:hover{background-image:url(../images/icon21_1.png);}
.newinfo03 .links .link.link3:hover{background-image:url(../images/icon22_1.png);}
.newinfo03 .links .link.link4:hover{background-image:url(../images/icon23_1.png);}
.newinfo03 .links .link.link5:hover{background-image:url(../images/icon24_1.png);}
.newinfo03 .links .link.link6:hover{background-image:url(../images/icon25_1.png);}
.newinfo03 .links .link.link7:hover{background-image:url(../images/icon26_1.png);}
.newinfo03 .links .link.link8:hover{background-image:url(../images/icon27_1.png);}
.newinfo04 a:hover{color:#e50012;}
.service01 .item .con1{overflow:hidden;}
.service01 .item .con1 .down{transform:translateY(100%);transition:all .5s;}
.service01 .list .item:hover .con1 .down{transform:translateY(0%);}
.service01 .list .item:before,.service01 .list .item:after{content:"";position:absolute;width:0;height:0;z-index:-1;transition:width .6s,height .6s;opacity:0;}
.service01 .list .item:before{left:0;top:0;border-top:2px solid #e60012;border-left:2px solid #e60012;}
.service01 .list .item:after{right:0;bottom:0;border-right:2px solid #e60012;border-bottom:2px solid #e60012;}
.service01 .list .item:hover:before,.service01 .list .item:hover:after{width:100%;height:100%;opacity:1;}
.search02 .content .list{padding:0 40px;margin-top:0;}
.search02 .content{padding-bottom:40px;padding-top:40px;margin-top:28px;}
@media (max-width:1459px){.search02 .content .list{padding:0 30px;}
.search02 .content{padding-bottom:30px;padding-top:30px;}
}
@media (max-width:1024px){.search02 .content .list{padding:0 20px;}
.search02 .content{padding-bottom:20px;padding-top:20px;}
}
@media (max-width:768px){.search02 .content .list{padding:0 15px;}
.search02 .content{padding-bottom:15px;padding-top:15px;}
}
.fabric02 .top{width:100%;text-align:center;line-height:40px;padding:20px 0;position:sticky;top:0;background:#f9fafa;z-index:9;}
.fabric02 .top a{line-height:40px;font-size:24px;color:#999;margin-right:50px;}
.fabric02 .top a:last-child{margin-right:0;}
.info2 img{display:block;width:100%;}
.info2{position:relative;margin-bottom:50px;}
.info2 .swiperDots{position:absolute;left:0;width:100%;bottom:4%;z-index:10;text-align:center;}
.dblock .txt{padding:0 60px 50px;}
.dblock .txt.txt1{padding:0 60px 20px;}
.dblock .txt .tit{font-size:24px;margin-bottom:1em;}
.dblock .txt .p{font-size:16px;line-height:2;color:#555;}
.dblock .img+.txt{padding-top:50px;}
.dblock{background:#fff;}
.dblock .imgshaw{margin-bottom:50px;padding:0 60px;}
.imgshaw{position:relative;}
.imgshaw .shaw{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;/* background:rgba(0,0,0,0.8);*/
}
.imgshaw img{display:block;width:100%;}
.info3{margin-bottom:50px;padding:0 60px;}
.info2{padding:0 60px;}
.swiper-slide>img{display:block;width:100%;}
.swiper-container-fade .swiper-slide{z-index:5;opacity:0 !important;}
.swiper-container-fade .swiper-slide-active{z-index:20;opacity:1 !important;}
.info3 .tb{padding:40px 30px;position:relative;text-align:center;}
.info3 .tb:after{content:"";position:absolute;left:0;top:50%;width:100%;border-bottom:1px solid #dbdbdb;}
.info3 .tb .swiper-container{display:inline-block;max-width:100%;vertical-align:middle;}
.swiper-container .tbi{margin:0 20px;min-width:100px;line-height:28px;white-space:nowrap;text-align:center;height:30px;border:1px solid #dbdbdb;cursor:pointer;border-radius:15px;background:#fff;font-family:"Roboto";font-weight:bold;color:#333;}
.info3 .tb .swiper-slide{width:auto;}
.info3 .tb .on .tbi{border-color:#e60012;background:#e60012;color:#fff;}
.el-slider__runway{height:8px;border-radius:4px;background:#efefef;margin:0;}
.el-slider__bar{height:8px;border-radius:4px 0 0 4px;background:#e60012;}
.el-slider__button{border:none;width:50px;height:24px;line-height:24px;border-radius:12px;background:#e60012;color:#fff;transform:none !important;font-size:14px;}
.el-slider__button-wrapper{width:50px;}
.dvideo{position:relative;}
.dvideo .poster img{display:block;width:100%;}
.dvideo video{position:absolute;left:0;top:0;width:100%;z-index:10;height:100%;object-fit:cover;display:none;}
.dvideo .tit{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;margin:0;position:absolute;z-index:20;left:0;bottom:0;width:100%;padding:30px 5%;background:rgba(44,44,44,0.6);color:#fff;flex-wrap:wrap;}
.dvideo .playbtn{display:inline-block;vertical-align:middle;width:24px;text-align:center;border:1px solid #fff;border-radius:50%;line-height:22px;cursor:pointer;}
.dvideo .playbtn .icon-play{font-size:12px;}
.dvideo .playbtn .icon-zanting{display:none;font-size:12px;}
.dvideo .playbtn.on .icon-zanting{display:inline;}
.dvideo .playbtn.on .icon-play{display:none;}
.dvideo .tit .t{display:inline-block;vertical-align:middle;padding-left:10px;font-size:20px;}
.dvideo .tit .tl{white-space:nowrap;padding-right:30px;}
.dvideo .tit .tr{white-space:nowrap;font-size:16px;}
.dvideo .tit .tr .share{display:inline-block;vertical-align:middle;margin-left:20px;}
.dvideo .tit .download{color:#e60012;}
.bdsharebuttonbox div{float:left;border:solid 1px #dddddd;width:40px;height:40px;border-radius:50%;padding:0;margin:0 0 0 9px;display:flex;align-items:center;justify-content:center;background:#000;position:relative;}
.bdsharebuttonbox{display:inline-block;position:absolute;width:150px;right:-1.5em;top:-3.5em;display:none;}
div#output{display:inline-block;position:absolute;top:-8em;left:-4em;display:none;background:#fff;z-index:999;}
#output canvas{max-width:100px;max-height:100px;}
#weixxs:hover #output{display:block;}
.share.on .bdsharebuttonbox{display:block;}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.share{position:relative;cursor:pointer;}
.download span.iconfont{font-size:14px;margin-left:10px;}
.share .iconfont{font-size:14px;margin-left:8px;}
.flex{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;}
.darg{position:relative;flex:1 1 auto;max-width:300px;margin:16px 0;background:#efefef;border-radius:4px;padding-right:25px;margin-left:20px;}
.fabric02 .bot{width:100%;}
.fabric02 .bot .container{display:none;}
.fabric02 .bot .container.on{display:block;}
.fabric02 .top a.on{color:#e60012;}
.index03 .item .text{transition:all .5s;transition-delay:0s !important;}
.index03 .item:hover .text{transform:translateY(-40px);}
.fabric03{margin-top:60px;}
@media(max-width:768px){.bdsharebuttonbox{right:0;left:0;}
.info2{margin-bottom:30px;}
.dblock .txt{padding:0 20px 30px;}
.dblock .txt.txt1{padding:0 20px 15px;}
.info3,.dblock .imgshaw,.info2{padding:0 20px;}
.dblock .img+.txt{padding-top:30px;}
.dblock .imgshaw{margin-bottom:20px;}
.info3 .tb{padding:30px 20px;}
.info3{margin-bottom:10px;}
.swiper-container .tbi{margin:0 10px;}
.dblock .imgshaw{margin-bottom:20px;}
.el-slider__button{font-size:12px;width:40px;line-height:20px;height:20px;}
.el-slider__button-wrapper{width:40px;}
.el-slider__bar,.el-slider__runway{height:6px;}
.dvideo .tit{padding:20px;}
.dblock .txt .tit{font-size:18px;}
.dblock .txt .p{font-size:14px;}
.dvideo .tit .t{font-size:16px;}
.dvideo .tit .tr{font-size:14px;}
.fabric03{margin-top:30px;}
.fabric02 .top{line-height:24px;padding:14px 0;}
.fabric02 .top a{line-height:1.5;font-size:16px;margin-right:14px;}
}
.info2.on .swiperDots{display:none;}
.foot .con .unis{font-family:"OPPOSans-R";}
/* 2023/8/8 */
.brief01 .item .tit{transition:all .5s;}
.brief01 .item:hover .tit{color:#e50012;padding-left:30px;position:relative;}
.brief01 .item .tit::before{content:'';width:0px;height:3px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#e50012;transition:all .5s;}
.brief01 .item:hover .tit::before{width:20px;}
.new01 .tit{font-size:48px;}
.new01 .main{margin-top:30px;}
.product01 .pitem .imgbox{padding-bottom:100%;position:relative;}
.product01 .pitem .imgbox img{/* position:static;transform:translate(0);max-height:initial;*/
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:95%;}
.product01 .plist .pitem{padding-bottom:0;}
.proinfo02 .item .imgbox{width:100%;padding-bottom:52.5%;position:relative;overflow:hidden;z-index:10;}
.proinfo02 .item .imgbox img{/* width:auto;max-width:100%;display:block;margin:0 auto;*/
position:absolute;top:50%;left:50%;max-height:100%;width:auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.proinfo02 .item .imgbox:hover img{transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);}
.sideNav{display:block;}
.sideNav .gotop{display:none;}
@media (max-width:1459px){.new01 .tit{font-size:36px;}
.new01 .main{margin-top:20px;}
}
@media (max-width:768px){.new01 .tit{font-size:24px;}
.new01 .main{margin-top:14px;}
}
.info2 .swiperDots .swiper-pagination-bullet-active{background-color:#e50012;}
.brief01 .clist .icon img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.brief01 .clist .icon:hover img{transform:scale(1.1);}
.info2 .swiperDots .swiper-pagination-bullet{margin:0 5px;}
.fabric02 .bot .container:first-child .dblock:first-child{padding-top:30px;}
@media (max-width:768px){.fabric02 .bot .container:first-child .dblock:first-child{padding-top:15px;}
}
.fabric02 .bot .container{background-color:#fff;}
/* 2023.8.15 */
@media (min-width:1024px) and (max-width:1280px){.nav .nav_box .clist .item_tit{font-size:16px;}
.more{padding:8px;}
.more span{font-size:12px;}
.base_banner .tit,.index04 .item .tit,.index03 .item .desc,.banner .text .tit{font-size:24px;}
.index01 .item .h_tit{font-size:20px;padding-bottom:25px;}
.index01 .item:hover .h_list{padding-top:10px;}
.index01 .item .tit{font-size:18px;}
.index01 .list{height:500px;}
.index02 .swiper-pagination,.banner .swiper-pagination{bottom:30px;}
.index03 .item .more{margin-top:20px;}
.index03 .item:hover .text{transform:translateY(-20px);}
.index03 .item .tit{font-size:18px;}
.index03 .item .tit{margin-bottom:60px;}
.index03 .item .cdesc{font-size:14px;}
.index04 .item .video_btn{width:35px;height:35px;background-position:center left 13px;background-size:12px;}
.index04 .item .video_tit{font-size:16px;}
.foot .list .itname{font-size:14px;}
.foot .logo{max-width:90px;}
.foot .unis .uni_tit{background-size:18px;padding-left:25px;font-size:12px;}
.foot .unis .uni_des{font-size:12px;}
.wxicons{margin-bottom:10px;padding-left:0;}
.wxicons .imgbox{width:18px;height:18px;}
.base_banner .tit{font-size:24px;}
.product01 .section .sectit{font-size:20px;}
.categry1 .catitem .cbox_tit{line-height:40px;}
.product01 .pitem .ptit{font-size:14px;}
.fabric01 .main .ul_tit{font-size:20px;}
.fabric01 .main .desc{font-size:12px;}
.fabric01 .main .icon{margin-top:20px;}
.fabric01 .main .desc{padding-bottom:10px;}
.fabric01 .main .ul{margin-top:10px;}
.fabric02 .top a{line-height:30px;font-size:24px;}
.fabric02 .top{padding:10px 0;}
.project01 .grid .ctit{font-size:16px;}
.project01 .grid .p{font-size:12px;}
.service01 .switchs .switch{font-size:14px;}
.service01 .list{padding:20px 0 35px;}
.service01 .item .con1{margin-top:15%;}
.service01 .item .tit{font-size:16px;}
.down{padding:10px 10px;}
.service01 .item .share{font-size:12px;}
.service01{padding:40px 0 30px;}
.brief01 .edit,.brief01 .edit *{font-size:14px;}
.brief01 .item .tit,.brief01 .con .ctit{font-size:22px;}
.brief01 .clist .cdesc{font-size:14px;margin-left:20px;}
.brief01 .clist .icon{width:100px;}
.brief01{padding:40px 0 60px;}
.new02 .item .tit{margin:10px 0 15px;}
.newinfo01 .tit{font-size:24px;}
.newinfo04 a{margin-top:10px;font-size:16px;}
.newinfo04{padding:30px 0 30px;}
.con_banner .rq .p1{font-size:24px;}
.con_banner .div .cbox .top .text .p3{font-size:16px;}
.con_con1 .rq .p{font-size:20px;}
.con_con2 .rq .lef .p1{font-size:20px;}
.con_con2 .rq .lef .div1{margin-top:15px;}
.con_con2 .rq .lef .p3{font-size:16px;}
.con_con2 .rq .lef input[type="button"]{margin-top:25px;width:100px;height:35px;}
.search02 .switchs .switch{font-size:16px;}
.search02 .content{padding-bottom:20px;padding-top:20px;}
 
.search01{margin-bottom:20px;}
/* .proinfo01 .tit{font-size:24px;}
*/
.proinfo02 .text{margin:20px 0;padding-left:20px;}
/* .proinfo03 .tit{font-size:24px;}
*/
.proinfo03 .main .ctit{font-size:18px;}
.proinfo03 .swiper_btn{width:35px;height:35px;}
.proinfo03 .swiper_box{width:100px;}
.loadAll{font-size:16px;}
.vision01{padding:35px 0;}
.categry1 .catitem .cat_tit{font-size:14px;}
.foot .list .citem{line-height:2;}
.new01 .tit{font-size:24px;}
.new01 .item .ctit{font-size:16px;}
.new01 .swiper-pagination{bottom:50px;}
.new01 .swiper-pagination span{margin:0 12px;}
.foot .list .item:nth-child(3) .citem:nth-child(2)::before{top:7px;}
.fabric03 .content .sectit,.fabric02 .title{font-size:24px;}
.service01 .item .p{font-size:12px;}
.service01 .item .tit{font-size:14px;}
.service01 .list .item{padding:5% 2% 2%;}
.new02 .item .time,.new02 .item .desc,.new01 .item .cdesc,.new01 .item .time{font-size:12px;}
.new02 .item .tit{font-size:16px;}
.msg .content .text .utit{font-size:20px;}
.msg .content .tit{font-size:20px;}
.msg .content .con .r_tit{font-size:18px;}
.msg .content .r_item{padding:10px 10px 10px 0;font-size:12px;}
.msg .content .ulists{margin-top:20px;padding-top:20px;}
.dvideo .tit .t{font-size:16px;}
.dvideo .tit .tr{font-size:14px;}
.dvideo .tit{padding:20px 5%;}
.con_banner .rq .p2{font-size:12px;}
.con_con2 .rq .lef .p2{font-size:12px;}
.con_con2 .rq .lef .p1{font-size:16px;}
.sideNav{width:35px;}
}
.new02 .item .desc{overflow:hidden;-webkit-line-clamp:4;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.index03 .item .cdesc{font-family:"OPPOSans-L";}
.fabric02 .bot .container#tow{background-color:transparent;}
.dblock .txt .tit{margin-top:0;}
.nav .content .nav_box .con{background-color:rgba(243,244,244,.85);}
.vision01 .content .main .item .imgbox{position:relative;}
.vision01 .content .main .item .imgbox::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.4);}
.vision01 .content .main .item .imgbox::after{content:'';display:block;position:absolute;top:50%;left:50%;background-image:url(../images/play_btn.png);background-repeat:no-repeat;width:40px;height:40px;background-size:contain;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:9;opacity:.8;}
.vision01 .content .main .swiper-slide-thumb-active .item .imgbox::before{opacity:0;}
.vision01 .content .main .swiper-slide-thumb-active .item .imgbox::after{opacity:0;}
.vision01 .content .main .swiper-container{width:100%;}
@media (max-width:1280px){.vision01 .content .main .item .imgbox::after{width:25px;height:25px;}
.vision01 .swiper_btn{width:25px;min-width:25px;height:25px;}
.vision01 .content .main{width:calc(100% - 70px);}
.vision01 .swiper_btn.prev::before{right:3px;}
.vision01 .swiper_btn.next::before{right:8px;}
}
.brief01 .swiper_btn{width:30px;height:30px;position:absolute;cursor:pointer;top:50%;z-index:20;text-align:center;line-height:27px;font-size:12px;border:1px solid #fff;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.brief01 .swiper_btn::before{content:'';display:inline-block;vertical-align:middle;width:1em;height:1em;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.brief01 .swiper_btn.prev::before{border-bottom:2px solid #fff;border-right:2px solid #fff;margin-left:4px;}
.brief01 .swiper_btn.next::before{border-top:2px solid #fff;border-left:2px solid #fff;margin-right:4px;}
.brief01 .swiper_btn.prev{left:2em;}
.brief01 .swiper_btn.next{right:2em;}
.brief01 .swiper_btn:hover{background-color:#fff;}
.brief01 .swiper_btn:hover:before{border-color:#e50012;}
.brief01 .item .left .swiper-container,.brief01 .item .left .swiper-wrapper,.brief01 .item .left .swiper-slide,.brief01 .item .left .imgbox{height:100%;}
@media (max-width:768px){.brief01 .swiper_btn.prev{left:1em;}
.brief01 .swiper_btn.next{right:1em;}
.brief01 .swiper_btn{width:25px;height:25px;line-height:20px;}
}
/* 2023/8/23 */
.foot .content .item:nth-child(5),.foot .content .item:nth-child(6){position:static;}
/* .proinfo03 .main .imgbox{background:#e4e4e4;}
*/
.proinfo03 .main .ctit{font-size:18px;text-align:center;}
.proinfo03 .main .imgbox img{max-width:85%;max-height:85%;}
.con_banner .rq .p1{font-size:40px;}
.service01 .list{display:none;}
.service01 .list.cur{display:flex;}
.product01 .fters .fter:hover .flist{padding:10px 0;}
.product01 .fters .flist .fitem{padding:5px 10px;}
.product01 .fters .ftit{cursor:pointer;}
.product01 .pitem:hover .imgbox img{transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);}
.fabric01 .main .smain{display:none;}
.fabric01 .main .ul{display:none;}
.fabric02 .top a{cursor:pointer;padding:5px 10px;}
.fabric02 .top a.on,.fabric02 .top a:hover{font-weight:bold;color:#fff;background-color:#e60012;}
.newinfo01 .content{margin:auto;width:69.3%;}
.brief01 .clist .citem{transition:all .5s;}
.brief01 .clist .citem:hover{transform:translateY(-10px);}
.service01 .list .item{width:49%;padding:0;margin-left:0 !important;margin-right:2%;flex-direction:row;}
.service01 .list .item:nth-child(2n){margin-right:0;}
.service01 .list .item .lef{width:50%;}
.service01 .list .item .lef img{width:100%;height:100%;object-fit:cover;}
.service01 .list .item .rig{width:50%;background-image:url(../images/icon19.jpg);background-repeat:no-repeat;background-size:cover;padding:3.93% 2.86% 2.2%;display:flex;flex-direction:column;justify-content:space-between;}
.more:after{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
@media(max-width:1580px){.index01 .item .hover_box{padding:20px 30px 60px;}
.foot .content .list{max-width:initial;padding-right:7%;}
.foot .content .list .item{padding-right:0;}
}
@media(max-width:1459px){.index01 .item .hover_box{padding:20px 20px 60px;}
.index01 .item .h_item{font-size:14px;}
.proinfo03 .main .ctit{font-size:16px;}
.con_banner .rq .p1{font-size:32px;}
}
@media (max-width:1280px){.index01 .item .hover_box{padding:20px 20px;}
.index01 .item .h_item{font-size:12px;}
}
@media (max-width:1024px){.con_banner .rq .p1{font-size:24px;}
.newinfo01 .content{margin:auto;width:100%;}
.service01 .list .item{width:100%;margin-right:0;}
}
@media (max-width:640px){.foot .content .list{padding-right:0;}
.proinfo03 .main .ctit{font-size:14px;}
.proinfo03 .main .imgbox img{max-width:90%;max-height:90%;}
}
@media (max-width:1459px){.index01 .item .h_item:nth-child(2n+1){width:45%;}
.index01 .item .h_item:nth-child(2n+2){width:55%;}
.index01 .item .h_item{font-size:12px;}
}
@media (max-width:1024px){.fabric02 .top a{font-size:20px;}
}
@media (max-width:768px){.fabric02 .top a{font-size:16px;}
}
@media (max-width:640px){.fabric02 .top a{font-size:12px;}
.msg .content .tit{font-size:16px;padding:5px;}
.fabric02 .top a{margin-right:10px;}
}
.fabric01 .main .bmain{width:100%;margin-left:0;}
.fabric01 .main .bmain .imgbox{padding-bottom:70%;}
/* 新增 */
.plist1{display:flex;}
.plist1 .pitem{flex:1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;position:relative;}
.plist1 .imgbox{padding-bottom:650px;position:relative;}
/* .plist1 .imgbox img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);} */
.plist1 .imgbox img{object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.plist1 .pitem::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(70,70,70,.5);z-index:2;}
.plist1 .pitem a{position:absolute;z-index:9;width:100%;height:100%;left:0;top:0;}
/* .plist1 .pitem:hover .desc{color:#e50012;}
*/
.plist1 .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:3;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.plist1 .desc{font-size:16px;color:#ffffff;margin-top:35px;line-height:1.875;display:none;width:100%;max-width:400px;}
.plist1 .pitem.cur{flex:1.42;}
.plist1 .pitem.cur::before{opacity:0;}
.plist1 .pitem.cur .desc{display:block;}
.plist1 .pitem.cur .text{top:unset;left:40px;right:40px;bottom:30px;transform:unset;-webkit-transform:unset;-moz-transform:unset;-ms-transform:unset;-o-transform:unset;}
@media(max-width:1280px){.plist1 .desc{margin-top:20px;}
.plist1 .pitem.cur .text{left:20px;bottom:20px;right:20px;}
}
@media(max-width:768px){.plist1{display:block;}
.plist1 .imgbox{padding-bottom:300px;}
.plist1 .desc{font-size:14px;}
}
@media(max-width:640px){.plist1 .imgbox{padding-bottom:250px;position:relative;}
.plist1 .desc{font-size:12px;}
}
.plist2.cur{display:flex;}
.plist2{padding-top:50px;display:none;flex-wrap:wrap;}
.plist2 .pitem{margin-bottom:2%;width:18.4%;}
.plist2 .pitem:not(:nth-child(5n+1)){margin-left:2%;}
.plist2 .imgbox{padding-bottom:133.335%;position:relative;overflow:hidden;}
.plist2 .imgbox::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(transparent,rgba(0,0,0,.2) 90%);z-index:2;}
.plist2 .imgbox img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;}
.plist2 .pitem:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.plist2 .text{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px;z-index:2;}
.plist2 .eyes{display:flex;align-items:center;}
.plist2 .eye{background-image:url(../images/eye1.png);background-repeat:no-repeat;width:23px;height:16px;display:block;background-size:contain;}
.plist2 .downicon{background-image:url(../images/down1.png);background-repeat:no-repeat;width:16px;height:15px;display:block;background-size:contain;}
.plist2 .tit{font-size:14px;color:#ffffff;line-height:1;text-decoration:underline;margin-left:10px;font-family:"OPPOSans-L";}
.plist2 .ctit{font-size:16px;color:#000000;margin-top:30px;font-family:"OPPOSans-R";margin-bottom:30px;line-height:1.36;}
.plist2 .share{display:flex;align-items:center;opacity:0;}
.plist2 .share .icon:not(:first-child){margin-left:30px;}
.plist2 .img1{display:block;}
.plist2 .img2{display:none;}
.plist2 .share .icon{cursor:pointer;}
.plist2 .share .icon:hover .img1{display:none;}
.plist2 .share .icon:hover .img2{display:block;}
.plist2 .pitem:hover .share{opacity:1;}
.plist2 .pitem:hover .text{background-color:#e60012;}
.plist2 .pitem:hover .ctit{color:#e60012;}
@media(max-width:1459px){.plist2 .ctit{font-size:12px;margin:20px 0;}
.plist2 .eye{width:16px;height:11px;}
.plist2 .downicon{width:13px;height:12px;}
.plist2 .text{padding:10px;}
.plist2 .tit{font-size:12px;}
}
@media(max-width:1280px){.plist2 .ctit{margin:20px 0;}
.plist2{padding-top:40px;}
}
@media(max-width:768px){.plist2 .tit{\margin-left:5px;}
.plist2 .pitem{margin-bottom:2.5%;}
.plist2 .pitem{width:32.33%;}
.plist2 .pitem:not(:nth-child(5n+1)){margin-left:0;}
.plist2 .pitem:not(:nth-child(3n+1)){margin-left:1.5%;}
.plist2{padding-top:30px;}
}
@media(max-width:640px){.plist2{padding-top:20px;}
.plist2 .pitem{width:49%;}
.plist2 .pitem:not(:nth-child(3n+1)){margin-left:0;}
.plist2 .pitem:not(:nth-child(2n+1)){margin-left:2%;}
.plist2 .ctit{margin:15px 0;}
.plist2 .share .icon{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);}
.plist2 .share .icon:not(:first-child){margin-left:15px;}
}
/* 20230829 */
.product01 .fters .ftit .tgs{display:inline-block;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product01 .fters .flist .fitem.on{background:none;color:#e60012;}
.vision01 .content .main .ptit{white-space:normal;word-break:break-word;line-height:1.5;cursor:pointer;}
.vision01 .content .main .swiper-slide{background:#e60012;}
.msg .content .con{display:block;}
.msg .content .con .left{width:auto;}
.msg .content .con .right{width:auto;}
.msg .content .r_item{width:23.5%;flex:0 0 auto;padding-right:26px;}
.msg .content .r_item:not(:nth-child(4n+1)){margin-left:2%;}
.msg .content .r_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.msg .down{display:inline-block;}
.msg .content .con .left .text{flex:1 1 auto;padding-left:5%;}
.msg .content .ulist .uitem{width:100%;display:flex;align-items:flex-start;}
.msg .content .ulist .imgbox{padding:40px;flex:0 0 auto;}
.msg .content .ulist .txt{flex:1 1 auto;padding-left:20px;overflow:hidden;padding-top:10px;}
.msg .content .r_item{padding-left:40px;background-color:#f7f8f9;background-position:center right 15px;border-bottom:none;}
.msg .content .con .right{padding-right:0;}
.msg .content .r_item:before{content:'';display:block;position:absolute;left:15px;top:16px;background-image:url(../images/picon.png);width:17px;height:15px;background-repeat:no-repeat;background-size:contain;}
@media(max-width:1540px){.msg .content .r_item{width:49%;flex:0 0 auto;padding-right:26px;margin-bottom:1%;}
.msg .content .r_item:not(:nth-child(4n+1)){margin-left:0;}
.msg .content .r_item:not(:nth-child(2n+1)){margin-left:2%;}
}
@media(max-width:1459px){.foot .container{width:90%;}
table td{font-size:12px;}
.msg .content .tit{font-size:16px;}
.msg .content .text .lable{font-size:12px;}
.categry .lables .lable .cicon{width:15px;height:15px;}
.categry .lables .lable.cur .cicon::before{right:2px;top:2px;width:8px;}
.categry .lables .lable{font-size:12px;}
.fabric02 .top a{font-size:16px;}
.fabric02 .title{font-size:16px;}
.fabric02 .tit{font-size:14px;}
.fabric03 .content thead td{font-size:14px;}
.fabric03 .content tbody td{font-size:12px;}
.msg .content .tit{font-size:14px;}
}
@media(max-width:1280px){.foot .container{width:90%;}
}
@media(max-width:768px){.msg .ul_tits .ul_tit:not(:first-child){margin-left:20px;}
.msg .content .r_item{width:100%;}
.msg .content .r_item:not(:nth-child(2n+1)){margin-left:0;}
.foot .container{width:auto;padding:0 20px;}
}
.plist2 .imgbox::before{opacity:0 !important;}
.brief01 .item .imgbox{padding-bottom:57.2%;overflow:hidden;position:relative;}
.brief01 .item .imgbox img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;}
.fabric03 .content tbody tr.color_cur td{color:#e60012;}
.con_con1 .rq{background-image:unset;background-color:#fff;}
/* 20230831 */
/* .base_banner .text.text_64,.base_banner .text.text_63{bottom:auto;top:20%;}
*/
.base_banner .text.text_64 .ctit,.base_banner .text.text_63 .ctit{max-width:100%;}
.smartBlock{padding:5% 0;position:relative;background-color:#000;background-size:cover;background-position:center;color:#fff;font-size:100px;width:100%;overflow:hidden;font-size:5.2vw;}
.smartBlock .tit{text-align:center;font-size:0.55em;margin-bottom:1em;line-height:1.4;position:relative;z-index:1;}
.smartBlock.bg1{background-image:url(../images/zn1.jpg);}
.smartBlock.bg1 .txt{width:38.9%;}
.smartBlock .tit2{font-size:0.55em;margin-bottom:0.5em;}
.smartBlock .tit2 span{font-size:0.58em;}
.smartBlock .p{font-size:0.2em;line-height:1.5;margin-bottom:4em;}
.smartBlock .p2 dl{margin-bottom:2em;font-size:0.2em;}
.smartBlock .p2 dt{font-size:2em;margin-bottom:20px;color:#e50012;}
.smartBlock .p2 dt span{font-weight:700;font-family:"OPPOSans-R";}
.smartBlock.bg1 .img{position:absolute;right:0;top:50%;transform:translate(0,-50%);margin-top:1em;padding:0 5% 0 0;width:56%;text-align:right;}
.smartBlock.bg2{background-image:url(../images/zn2.jpg);}
.slide3{position:relative;padding:0 60px;margin:0 -60px;font-size:22px;font-size:0.22em;}
.slide3 .slideIn{overflow:hidden;}
.slide3 .swiper-container{margin:0 14.8%;overflow:visible;}
.slide3 .isimg{display:block;padding-bottom:60%;position:relative;overflow:hidden;}
.slide3 .isimg img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
.slide3 .it{position:absolute;z-index:10;left:0;bottom:0;width:100%;padding:1.5em 2em;font-size:20px;font-weight:700;}
.slide3 .swiper-slide-prev{transform:scale(0.7);transform-origin:right center;}
.slide3 .swiper-slide-next{transform:scale(0.7);transform-origin:left center;}
.slide3 .swiper-slide:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background:#000;opacity:0.4;}
.slide3 .swiper-slide-active:before{opacity:0;}
.swiperCtr2 .btn{position:absolute;width:30px;height:30px;border:1px solid #fff;border-radius:50%;cursor:pointer;z-index:10;top:50%;margin-top:-15px;text-align:center;line-height:30px;font-size:0;opacity:0.4;transition:.3s;}
.swiperCtr2 .btn:before{content:"";border-left:1px solid #fff;border-bottom:1px solid #fff;width:10px;height:10px;display:inline-block;vertical-align:middle;}
.swiperCtr2 .btn.prev:before{transform:rotate(45deg);}
.swiperCtr2 .btn.next:before{transform:rotate(-135deg);}
.swiperCtr2 .btn.prev{left:-20px;}
.swiperCtr2 .btn.next{right:-20px;}
.swiperCtr2 .btn:hover{opacity:1;}
.slidefull{left:50%;position:relative;margin-left:-700px;overflow:hidden;width:100%;}
.slidefull .swiper-container{overflow:visible;margin:0;}
.slidefull .imgmid{height:500px;}
.slidefull .txt{position:absolute;left:0;bottom:1.6em;z-index:10;width:100%;line-height:1.67;padding:0 1.6em;max-height:5.01em;overflow:hidden;}
.imgmid .isimg{left:0;top:0;}
.smartBlock.bg3{background-image:url(../images/zn3.jpg);}
.smartBlock.bg4{background-image:url(../images/zn4.jpg);}
.smartBlock.bg4 .container{position:relative;}
.smartBlock.bg4 .tit{text-align:left;position:absolute;left:0;top:0;}
.smartBlock2{background:#000;color:#fff;padding:10px;font-size:100px;font-size:5.2vw;}
.smartBlock2 .items{display:flex;align-items:center;justify-content:space-between;}
.smartBlock2 .items .item{width:49.5%;position:relative;}
.smartBlock2 .items .item .sub_title{position:absolute;left:0;top:5%;z-index:5;color:#fff;padding-left:10%;font-size:0.36em;font-family:"OPPOSans-L";font-weight:normal;}
.smartBlock2.p5{padding:5% 0;}
.smartBlock *,.smartBlock2 *{font-family:"OPPOSans-L";}
.slide4{width:100%;overflow:hidden;padding:0 2%;}
.slide4 .swiper-container{max-width:800px;overflow:visible;}
.slide4 .imgmid{padding-bottom:66.625%;}
.slide4 .imgmid:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:2;opacity:0.8;}
.slide4 .swiper-slide-active .imgmid:before{opacity:0;}
.smartBlock3{display:flex;align-items:stretch;counter-reset:index;width:100%;overflow:hidden;background:#000;}
.smartBlock3 .item{position:relative;flex:1 1 auto;width:20%;padding-bottom:35%;transition:.6s linear;}
.smartBlock3 .item .ibox{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-size:cover;}
.smartBlock3 .item .ibox:before{counter-increment:index;content:"0" counter(index);position:absolute;left:40px;bottom:60px;z-index:10;font-size:30px;color:#fff;}
.smartBlock3 .item .ibox:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background:#000;opacity:0.6;transition:.6s linear;}
.smartBlock3 .item.cur{width:37.5%;}
.smartBlock3 .item.cur .ibox:before{font-size:48px;}
.smartBlock3 .item.cur .ibox:after{opacity:0.3;}
.smartBlock3 .tit{position:absolute;left:0;width:100%;top:50%;transform:translate(0,-50%);z-index:20;padding:0 40px;text-align:center;font-size:48px;overflow:hidden;}
.smartBlock3 .tit p{position:relative;top:100px;transition:linear .6s;color:#fff;}
.smartBlock3 .item.cur .tit p{top:0;}
/* .smartBlock3 .item .ibox{transform:rotateY(90deg);}
*/
.smartBlock3.animated .item .ibox{transform:rotateY(0deg);transition:transform 1.2s;}
.smartBlock3 .item:nth-child(2) .ibox{transition-delay:.1s;}
.smartBlock3 .item:nth-child(3) .ibox{transition-delay:.2s;}
.smartBlock3 .item:nth-child(4) .ibox{transition-delay:.3s;}
.smartBlock3 .item:nth-child(5) .ibox{transition-delay:.4s;}
.process .item{font-size:0.3em;float:left;width:31.99%;padding:30px 10px 30px 30px;border:1px solid #222;margin-right:2%;margin-bottom:2%;transition:linear .6s;background:transparent;position:relative;}
.process .item:nth-child(3),.process .item:nth-child(4){margin-right:0;}
.process .item .icon{font-size:0;height:64px;line-height:64px;margin-bottom:40px;display:inline-block;position:relative;z-index:5;}
.process .item .icon img{max-height:100%;}
.process .item .txt{line-height:1.2;height:3.6em;overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.process .item .icon:before{content:"";position:absolute;width:40px;height:45px;border-radius:6px;background:#d7d7d7;transform-origin:left bottom;transform:rotateZ(58deg) skewY(-30deg);z-index:-1;left:-12px;bottom:13px;transition:.6s;opacity:0;}
.process .item:hover .icon:before{opacity:1;}
.process .item:nth-child(n+4){float:right;}
.process .item:hover{background:rgba(49,50,53,0.7);}
/* .process .item:hover .txt,.process .item.hov .txt{color:#e50012;}
*/
.smartBlock.bg5{background:url(../images/zn6.png);}
.process .item .i{position:absolute;top:7%;left:100%;z-index:10;width:5%;}
.process{counter-reset:pro;position:relative;}
.process .item:before{counter-increment:pro;content:"0" counter(pro);font-size:0.8em;opacity:0.3;position:absolute;right:40px;top:7%;line-height:34px;}
.process .item .i:after{content:"";height:34px;left:-33px;background:url(../images/line1.png) no-repeat center;right:0;position:absolute;top:0;background-size:100%;}
.process .item:nth-child(3) .i:after,.process .item:nth-child(4) .i:after{display:none;}
.process .item:nth-child(n+4) .i{transform:rotate(180deg);margin-top:34px;}
/* .process:before{content:"";position:absolute;left:99%;top:0;width:90px;z-index:10;background:url(../images/line2.png) no-repeat center;background-size:contain;height:100%;opacity:0.6;}
*/
.process:before{content:'';background:url(../images/1line.png) no-repeat center;right:1%;position:absolute;top:42%;background-size:100%;width:14px;height:69px;}
.process:before{animation:fadeInDown 2s infinite;-webkit-animation:fadeInDown 2s infinite;}
@media(min-width:1440px){.slidefull .swiper-slide-active{width:710px !important;}
}
@media(max-width:1440px){.slidefull{left:0;margin:0;padding:0 2%;}
.slide3{margin:0;padding:0 30px;}
.swiperCtr2 .btn.prev{left:0;}
.swiperCtr2 .btn.next{right:0;}
.swiperCtr2 .btn{width:26px;height:26px;line-height:24px;}
}
@media(max-width:1024px){.smartBlock.bg4 .tit{padding-left:30px;}
.process:before{display:none;}
}
@media(max-width:768px){.smartBlock.bg1 .txt{width:auto;}
.smartBlock.bg1 .img{position:static;transform:none;width:auto;padding:0;text-align:center;}
.smartBlock{padding:50px 0;font-size:40px;}
.smartBlock .tit{margin-bottom:40px;}
.slidefull .txt{padding:0 10px;line-height:1.5;max-height:3em;bottom:10px;font-size:12px;}
.smartBlock.bg4 .tit{position:static;text-align:center;padding:0;}
.smartBlock2 .items{flex-wrap:wrap;}
.smartBlock2 .items .item{width:100%;margin-bottom:10px;}
.smartBlock2{font-size:40px;}
.process .item .icon{height:34px;line-height:34px;margin-bottom:20px;}
.process .item .icon:before{width:24px;height:23px;bottom:1px;left:-6px;}
.slide4 .swiper-container{width:60%;}
.smartBlock3 .item .ibox:before{left:0;bottom:0;padding:10px;font-size:16px;}
.smartBlock3 .item.cur .ibox:before{font-size:24px;}
.smartBlock3 .tit{font-size:24px;}
.process .item{width:49%;float:left !important;margin-right:2% !important;}
.process .item:nth-child(2n){margin-right:0 !important;}
.process .item .i{display:none;}
.process .item:before{right:20px;top:20px;font-size:16px;opacity:0.3;}
}
/* 20230901 */
.index05 .items{display:flex;align-items:stretch;}
.index05 .item{height:auto;margin-right:1%;width:32.66%;flex:1 0 auto;}
.index05 .item:nth-child(3n){margin-right:0;}
/* .new01 .main .swiperCtr .btn.prev{left:-60px;}
.new01 .main .swiperCtr .btn.next{right:-60px;}
.new01 .main .swiperCtr .btn{width:34px;height:34px;line-height:30px;font-size:10px;}
*/
.pb0{padding-bottom:0 !important;}
.contentCtr{padding:70px 0;font-size:16px;}
.contentCtr .i{line-height:2;}
.contentCtr .i a:hover{color:#e50012;}
.share .wxicons{margin-bottom:0;}
.share .wxicons .imgbox{opacity:0.6;}
.share .wxicon:hover .imgbox{opacity:1;}
.hall01 .item .desc{margin-top:5px;}
.plist2 .pitem:hover .text{background:#e60012;}
.plist2 .text{background:linear-gradient(0deg,#5f5f5f,transparent);}
@media(max-width:1024px){.new01 .swiperCtr{display:none;}
}
@media(max-width:768px){.index05 .items{flex-wrap:wrap;}
.index05 .item{width:100%;margin-right:0;margin-bottom:10px;}
.contentCtr{padding:30px 0;font-size:14px;}
}
.slide3 .swiperCtr .btn.prev{left:-10px;}
.slide3 .swiperCtr .btn.next{right:-10px;}
.slidefull{height:500px;left:0;margin:0;}
.slidefull .fin{position:absolute;left:calc(50% - 700px);right:0;overflow:hidden;}
@media(max-width:1440px){.slidefull{height:auto;}
.slidefull .fin{position:relative;left:0;right:0;}
.slidefull .imgmid{height:auto;padding-bottom:70%;}
}
@media(max-width:1280px){.slide3 .swiperCtr .btn.prev{left:-20px;}
.slide3 .swiperCtr .btn.next{right:-20px;}
}
@media(max-width:768px){.slide3{padding:0 40px;}
.slide3 .swiperCtr .btn.prev{left:0;}
.slide3 .swiperCtr .btn.next{right:0;}
.slide3 .swiperCtr .btn{width:30px;height:30px;line-height:26px;font-size:8px;}
}
/* 2023.9.7 */
.box6{}
.pswiper{margin-bottom:5%;}
.pswiper .swiper-slide{display:flex;justify-content:center;}
.pswiper .citem{display:flex;}
.pswiper .citem .icon{padding-top:3%;}
.pswiper .citem img{height:30px;min-width:30px;}
.pswiper .text{margin-left:20px;}
.pswiper .year{font-size:48px;color:#e60012;font-family:"OPPOSans-R";position:relative;display:inline-block;font-weight:700;}
.pswiper .year::before{content:'+';position:absolute;right:-20px;top:0;font-size:30px;font-weight:700;}
.pswiper .desc{font-size:16px;color:#000000;line-height:1.4;margin-top:10px;font-family:"OPPOSans-L";}
@media(max-width:1459px){.pswiper .year{font-size:36px;}
.pswiper .year::before{top:-5px;}
}
@media(max-width:1280px){.pswiper .year{font-size:28px;}
.pswiper .year::before{font-size:20px;right:-15px;}
}
@media(max-width:1024px){.pswiper .desc{font-size:14px;}
.pswiper .text{margin-left:10px;}
}
@media(max-width:768px){.brief01{padding:20px 0;}
.pswiper{margin-bottom:20px;}
.pswiper .year{font-size:24px;}
.pswiper .desc{font-size:12px;}
.pswiper .citem img{height:20px;min-width:20px;}
}
.box6 .list3{margin-top:2%;}
.box6 .box6_tit{font-size:16px;margin-top:3%;}
.list3{display:flex;flex-wrap:wrap;}
.list3 .citem{width:14.28571428571429%;position:relative;padding-bottom:7%;border:1px solid #eeeeee;}
.list3 .citem img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-height:65%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.list3 .citem:not(:nth-child(7n+1)){border-left:unset;}
.list3 .citem:not(:nth-child(1)),.list3 .citem:not(:nth-child(2)),.list3 .citem:not(:nth-child(3)),.list3 .citem:not(:nth-child(4)),.list3 .citem:not(:nth-child(5)),.list3 .citem:not(:nth-child(6)),.list3 .citem:not(:nth-child(7)){border-top:unset;}
.list3 .citem:nth-child(1),.list3 .citem:nth-child(2),.list3 .citem:nth-child(3),.list3 .citem:nth-child(4),.list3 .citem:nth-child(5),.list3 .citem:nth-child(6),.list3 .citem:nth-child(7){border-top:1px solid #eeeeee;}
.list3 .citem:hover img{transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);}
@media(max-width:768px){.list3 .citem:not(:nth-child(7n+1)){border-left:1px solid #eeeeee;}
.list3 .citem:not(:nth-child(1)),.list3 .citem:not(:nth-child(2)),.list3 .citem:not(:nth-child(3)),.list3 .citem:not(:nth-child(4)),.list3 .citem:not(:nth-child(5)),.list3 .citem:not(:nth-child(6)),.list3 .citem:not(:nth-child(7)){border-top:unset;}
.list3 .citem:nth-child(1),.list3 .citem:nth-child(2),.list3 .citem:nth-child(3),.list3 .citem:nth-child(4),.list3 .citem:nth-child(5),.list3 .citem:nth-child(6),.list3 .citem:nth-child(7){border-top:unset;}
.list3 .citem{width:20%;}
.list3 .citem:not(:nth-child(5n+1)){border-left:unset;}
.list3 .citem:not(:nth-child(5n+1)){border-left:unset;}
.list3 .citem:not(:nth-child(1)),.list3 .citem:not(:nth-child(2)),.list3 .citem:not(:nth-child(3)),.list3 .citem:not(:nth-child(4)),.list3 .citem:not(:nth-child(5)){border-top:unset;}
.list3 .citem:nth-child(1),.list3 .citem:nth-child(2),.list3 .citem:nth-child(3),.list3 .citem:nth-child(4),.list3 .citem:nth-child(5){border-top:1px solid #eeeeee;}
}
@media(max-width:640px){.list3 .citem{width:33.33%;padding-bottom:14%;}
.list3 .citem:not(:nth-child(5n+1)){border-left:1px solid #eeeeee;}
.list3 .citem:not(:nth-child(1)),.list3 .citem:not(:nth-child(2)),.list3 .citem:not(:nth-child(3)),.list3 .citem:not(:nth-child(4)),.list3 .citem:not(:nth-child(5)){border-top:unset;}
.list3 .citem:nth-child(1),.list3 .citem:nth-child(2),.list3 .citem:nth-child(3),.list3 .citem:nth-child(4),.list3 .citem:nth-child(5){border-top:unset;}
.list3 .citem:not(:nth-child(3n+1)){border-left:unset;}
.list3 .citem:not(:nth-child(3n+1)){border-left:unset;}
.list3 .citem:not(:nth-child(1)),.list3 .citem:not(:nth-child(2)),.list3 .citem:not(:nth-child(3)){border-top:unset;}
.list3 .citem:nth-child(1),.list3 .citem:nth-child(2),.list3 .citem:nth-child(3){border-top:1px solid #eeeeee;}
}
.pb1 .content{border-top:2px solid #dddddd;padding-top:4%;}
.prvs{display:flex;align-items:center;}
.prvs a{width:49%;display:flex;align-items:center;}
.prvs a:nth-child(2){margin-left:2%;}
.prvs .imgbox{padding-bottom:20.5%;position:relative;width:39.5%;}
.prvs .imgbox::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.5);}
.prvs .imgbox img{position:absolute;top:0;left:0;width:100%;height:100%;}
.prvs .ptit{font-size:18px;font-family:"OPPOSans-L";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);color:#fff;z-index:2;}
.prvs .text{flex:1;margin-left:30px;}
.prvs .text{font-size:16px;color:#000000;line-height:1.875;}
.prvs .cdesc{margin-top:15px;}
.prvs a:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.prvs a:hover .text{color:#e50012;}
@media(max-width:1459px){.prvs .text{margin-left:20px;}
.prvs .ptit{font-size:16px;}
.contentCtr{padding:60px 0;}
}
@media(max-width:1280px){.contentCtr{padding:40px 0;}
.prvs .text{font-size:14px;}
.prvs .cdesc{margin-top:10px;}
}
@media(max-width:768px){.prvs .ptit{font-size:14px;}
.prvs .text{font-size:12px;}
.contentCtr{padding:30px 0;}
}
@media(max-width:640px){.contentCtr{padding:20px 0;}
.prvs a{width:100%;}
.prvs{flex-wrap:wrap;}
.prvs a:nth-child(2){margin-left:0;margin-top:15px;}
}
.pbt.popup .btn input:hover{background-color:#008de6;color:#fff;border:2px solid #3991ff;}
.pbt.popup .btn input:hover~input{background-color:transparent !important;border:2px solid #838383 !important;color:#333;}
/* 招聘页面 */
.recruit{padding:50px 0 100px;}
.list5 .re_tit{font-size:30px;color:#000000;font-family:"OPPOSans-L";}
.box7{padding:40px;margin-top:35px;position:relative;background-color:#f7f7f7;}
.box7::before{content:'';display:block;position:absolute;width:0;height:0;border:20px solid transparent;border-bottom:30px solid #f7f7f7;z-index:1;top:-37px;left:40px;transform:rotate(180deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
.box7 .con{display:flex;justify-content:space-between;}
.box7 .left{padding-right:4.1%;flex:1;}
.box7 .right{width:27%;text-align:center;border-left:1px solid #dddddd;display:flex;align-items:center;justify-content:center;padding:0 15px;min-width:270px;}
.box7 .uemail{display:flex;justify-content:center;}
.box7 .uemail a{position:relative;color:#e60012;}
.box7 .uemail a::before{content:'';display:block;position:absolute;bottom:-2px;left:0;width:0px;height:1px;background-color:#e60012;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.box7 .uemail:hover a::before{width:100%;}
.cbtns{display:flex;align-items:center;}
.cbtns .ct{font-size:18px;color:#000000;padding:0 40px;line-height:35px;border:1px solid #dddddd;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;}
.cbtns .ct:not(:first-child){margin-left:10px;}
.cbtns .ct.cur{background-color:#e60012;color:#fff;border-color:#e60012;}
.list5 .item{margin-top:60px;}
.edit1{font-size:16px;color:#000000;line-height:1.875;}
.box7 .con{margin-top:25px;}
.pboxs .pbox{opacity:0;height:0px;overflow:hidden;}
.pboxs .pbox.cur{opacity:1;height:auto;}
.pboxs .edit1,.pboxs .edit1 *{font-size:16px;color:#000000;line-height:1.875;}
@media(max-width:1459px){.recruit{padding:30px 0 50px;}
.list5 .re_tit{font-size:28px;}
.list5 .item{margin-top:40px;}
}
@media(max-width:1280px){.box7{padding:30px;}
.box7::before{left:30px;}
.cbtns .ct{font-size:16px;padding:0 25px;line-height:30px;}
.box7::before{top:-32px;}
.pboxs .edit1,.pboxs .edit1 *{font-size:14px;}
.box7 .con{margin-top:15px;}
.list5 .re_tit{font-size:24px;}
.list5 .item{margin-top:30px;}
.box7 .uemail{font-size:12px;}
}
@media(max-width:1024px){.recruit{padding:20px 0 30px;}
.list5 .re_tit{font-size:20px;}
}
@media(max-width:768px){.box7 .uemail{flex-direction:column;}
.box7 .uemail a{margin-top:10px;}
.box7 .right{min-width:auto;width:auto;}
.box7{padding:25px;}
.box7::before{left:25px;}
.cbtns .ct{font-size:14px;}
.pboxs .edit1,.pboxs .edit1 *{font-size:12px;}
.list5 .re_tit{font-size:18px;}
.list5 .item{margin-top:20px;}
.recruit{padding:10px 0 30px;}
}
@media(max-width:640px){.box7 .con{flex-wrap:wrap;}
.box7 .left{flex:unset;padding-right:0;padding-bottom:15px;}
.box7 .right{border:unset;}
.box7 .uemail{flex-direction:unset;align-items:center;}
.box7 .uemail a{margin-top:0;margin-left:5px;}
.cbtns .ct{font-size:12px;padding:0 10px;}
.box7{padding:15px;}
.box7::before{border:10px solid transparent;border-bottom:18px solid #f7f7f7;top:-21px;left:15px;}
}
/* 添加视频模块 */
.smartBlock.bg6{padding:0;}
.smartBlock.bg6 video{width:100%;}
.smartBlock3 .tit p{opacity:0;}
/* 2023.9.12 */
.smartBlock4{background-image:url(../images/zn1.jpg);padding:5% 0;position:relative;background-color:#000;background-size:cover;background-position:center;color:#fff;font-size:100px;width:100%;overflow:hidden;font-size:5.2vw;}
.smartBlock4 .ctit{text-align:center;font-size:0.55em;margin-bottom:1em;line-height:1.4;}
@media only screen and (max-width:768px){.smartBlock4 .ctit{font-family:"OPPOSans-L";}
}
/* 20230914 */
.smartBlock.bg6 .vidoe_box{text-align:center;}
.smartBlock.bg6 video{max-height:90vh;max-width:100%;width:auto;}
.categry .lables .lable{width:auto;min-width:50%;margin-left:0 !important;}
.categry .lables .lable .cicon{flex:0 0 auto;}
.vision01 .content .main .swiper-slide{background:#f7f7f7;}
.vision01 .content .main .ptit{background:none;color:#000;padding:12px;}
.vision01 .content .main .swiper-slide.swiper-slide-thumb-active{background:#e60012;}
.vision01 .content .main .swiper-slide.swiper-slide-thumb-active .ptit{color:#fff;}
.prvs .imgbox img{object-fit:cover;}
.contentCtr{padding:30px 0;}
.prvs .imgbox{padding-bottom:60px;}
.plist2 .text{padding:15px 20px;}
.rela_title{font-size:40px;margin-bottom:30px;line-height:1;border-left:4px solid #e50012;padding-left:8px;}
.new02.s2 .rela_title{border-left:unset;padding-left:0;}
.new02.s2{padding-top:40px;}
.pswiper.s2{display:flex;justify-content:space-between;}
.pswiper.s2 .citem{display:block;text-align:center;flex:0 0 auto;width:16.66%;}
.pswiper .text{margin-left:0;margin-top:10px;}
.pswiper .citem img{height:20px;width:auto;min-width:0;}
.pswiper .year{font-size:40px;}
.smartBlock3 .item.cur .ibox:before{color:#e60012;}
.dvideo .tit .tr .share .wxicons{position:absolute;right:0;bottom:100%;padding-bottom:20px;display:none;}
.dvideo .tit .tr .share .wxicons .imgbox{width:16px;height:16px;}
.dvideo .tit .tr .share .wxicons .wxicon:not(:first-child){margin-left:10px;}
.dvideo .tit .tr .share.on .wxicons{display:flex;}
.wxicons .wx_img img{width:74px;height:74px;}
.dvideo .tit .tr .share .wxicons .wxicon{padding-top:10px;}
.process .item .i:after{animation:fadeInLeft 2s infinite;left:-5px;right:-28px;}
.process .item.hov .icon:before{opacity:1;}
.process .item.hov{background:rgba(49,50,53,0.7);}
.lrlist .item{display:flex;margin-bottom:5%;align-items:center;}
.lrlist .item .imgmid{width:55%;flex:0 0 auto;padding-bottom:31%;}
.lrlist .item .txt{flex:1 1 auto;overflow:hidden;padding-left:5%;line-height:2;font-size:20px;font-size:0.2em;}
.lrlist .item:nth-child(2n){flex-direction:row-reverse;}
.lrlist .item:nth-child(2n) .txt{padding-left:0;padding-right:5%;/* text-align:right;*/
}
.lrlist .item .txt .t{position:relative;z-index:10;line-height:2;}
.lrlist .item .txt .t:before{content:"";position:absolute;right:100%;width:0;height:2px;background:#e50012;top:1em;margin-right:15px;transition:.3s;}
.lrlist .item:hover .txt .t:before{width:35px;}
.lrlist .item:nth-child(2n) .txt .t:before{right:auto;left:100%;margin-left:15px;margin-right:0;}
.proinfo03.s2 .main .imgbox img{max-width:100%;max-height:100%;}
.proinfo03.s2 .content{padding:0;border:none;}
/* .slide4 .swiperCtr .prev{left:-140px;}
*/
/* .slide4 .swiperCtr .next{right:-140px;}
*/
.brief01 .con:hover .ctit{color:#e50012;padding-left:30px;position:relative;}
.brief01 .con .ctit::before{content:'';width:0px;height:3px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#e50012;transition:all .5s;}
.brief01 .con:hover .ctit::before{width:20px;}
.brief01 .con .ctit{transition:all .5s;}
.vision01 .content .main .swiper-slide:hover{background:#e50012;}
.vision01 .content .main .swiper-slide:hover .ptit{color:#fff;}
@media(max-width:1440px){.pswiper .year{font-size:30px;}
/* .slide4 .swiperCtr .prev{left:-60px;}
*/
/* .slide4 .swiperCtr .next{right:-60px;}
*/
.lrlist .item .txt{font-size:14px;}
}
@media(max-width:1280px){.pswiper .year{font-size:24px;}
}
@media(max-width:768px){.rela_title{font-size:18px;}
.pswiper .year{font-size:18px;}
.pswiper.s2{flex-wrap:wrap;}
.pswiper.s2 .citem{width:33.33%;margin-bottom:20px;}
}
/* 2023.9.19 */
.banner .swiper_btn.prev::before,.swiper-container .swiperBtn.prev::before{margin-left:0.4em;margin-top:-0.1em;}
.banner .swiper_btn.next::before,.swiper-container .swiperBtn.next::before{margin-right:0.4em;margin-top:-0.1em;}
.slide4{position:relative;}
.swiperCtr .btn.prev::before{margin-left:0.4em;margin-top:-0.1em;}
.swiperCtr .btn.next::before{margin-right:0.4em;margin-top:-0.1em;}
@keyframes topbot{0%{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);}
50%{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);}
100%{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);}
}
.process .item .icon{animation:topbot 3s infinite;-webkit-animation:topbot 3s infinite;}
.smartBlock.bg1::before{content:'';display:block;background-color:#000;opacity:.8;position:absolute;left:0;width:100%;height:100%;top:0;z-index:1;}
.bg1 .container{z-index:1;position:relative;}
@keyframes topbot1{0%{opacity:.8;}
100%{opacity:.0;}
}
.smartBlock.bg1.cur::before{animation:topbot1 4s forwards;-webkit-animation:topbot1 4s forwards;}
.smartBlock2.p5 .hmore{position:absolute;bottom:16%;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);font-size:1.36vw;color:#ffffff;padding-bottom:1.2vw;border-bottom:1px solid #585f69;}
.smartBlock2.p5 .hmore:hover{color:#e50012;}
@media(max-width:768px){.smartBlock2.p5 .hmore{font-size:14px;}
}
.proinfo03.pb1.s2 .main .imgbox img{left:0;top:0;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);width:100%;height:100%;object-fit:cover;}
.proinfo03 .main .imgbox{padding-bottom:70%;}
.proinfo03.pb1.s2 .main .imgbox:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.proinfo03.pb1.s2 .main .item:hover .ctit{color:#e50012;}
.new02.s2 .item .desc{display:none;}
@media (max-width:1280px){.ndetail,.ndetail *{font-size:12px;}
}
@media (max-width:1459px){.slide4 .imgmid{padding-bottom:60%;}
.bg12 .swiperCtr .btn{top:55%;}
}
@media (max-width:640px){.index01 .list .item.item2 .imgbox{padding-bottom:50%;position:relative;}
.index01 .list .item.item2 .imgbox img{position:absolute;left:0;top:0;}
.index01 .item.item2 .more{opacity:0 !important;width:100%;height:100%;position:absolute;top:0;left:0;right:0;}
.index03 .item:hover .text{transform:translateY(-10px);}
.index03 .item .desc{font-size:12px;}
.index03 .item .cdesc{font-size:12px;margin-top:10px;}
.index03 .item .tit{font-size:16px;}
.foot .content .list{display:none;}
.foot .con{text-align:center;}
.foot .unis .uni{margin:10px auto !important;width:fit-content;}
.foot .unis .uni_tit{display:inline-block;}
.categry1 .catitem.cur{position:relative;overflow:unset;}
.categry1 .catitem.cur .cboxs{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;z-index:99;}
/* .categry1{overflow:unset;} */
.fabric02 .tit{padding:10px;justify-content:center;bottom:-65px;/* position:relative;*/
z-index:22;background-color:#000;}
.dvideo .tit .tr{margin-top:5px;}
.dvideo{margin-bottom:65px;}
.dvideo .tit .t{font-size:14px;}
.dvideo .tit .tr{font-size:12px;}
.share .iconfont{font-size:12px;}
.proinfo02 .swiper-pagination span{margin:0 5px;width:10px;height:10px;}
.proinfo02 .swiper-pagination{bottom:15px;right:unset;left:50%;transform:translate(-50%,0);}
.vision01 .content .right{padding:0 10px;}
.vision01 .content .main .ptit{padding:5px 12px;}
.newinfo03 .wxicons{margin-top:0;}
.newinfo03 .links{margin-top:0;margin-left:15px;}
.con_banner .rq .p2{display:none;}
.con_banner .rq .p1{font-size:18px;}
.base_banner .text.text_63 .ctit,.base_banner .text.text_64 .ctit{display:none;}
.bg12 .swiperCtr .btn{top:68%;width:30px;height:30px;}
.bg12 .swiperCtr .btn.prev::before{margin-left:0.2em;margin-top:-1.3em;}
.bg12 .swiperCtr .btn.next::before{margin-right:0.2em;margin-top:-1.3em;}
.slide3 .it{padding:15px;font-size:16px;}
.slide3 .swiper-slide{transform:unset !important;-webkit-transform:unset !important;-moz-transform:unset !important;-ms-transform:unset !important;-o-transform:unset !important;}
.slide3 .swiper-container{margin:0;}
.lrlist .item{flex-wrap:wrap;margin-bottom:15px;}
.lrlist .item .imgmid{width:100%;padding-bottom:50%;}
.lrlist .item .txt{padding-left:0;margin-top:10px;}
.smartBlock .tit{margin-bottom:20px;}
}
/* 修改板块 */
.pro .ctop{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #d9dadc;}
.pro .ctop .left{display:flex;align-items:center;}
.pro .ctop .left .tit{font-size:24px;color:#000000;margin-right:15px;}
.pro .ctop .tbox{display:flex;align-items:center;cursor:pointer;}
.pro .ctop .tbox .xi{font-size:16px;color:#666;margin-right:13px;}
.pro .ctop .tbox .icon{width:25px;height:25px;border:1px solid #e60012;position:relative;}
.pro .ctop .tbox .icon::before{content:'';display:block;position:absolute;top:8px;border-top:1px solid #e60012;border-right:1px solid #e60012;right:8px;width:6px;height:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.pro .ctop .tbox .icon.cur::before{top:9px;right:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.pro{padding:70px 0 95px;}
.pro .item .pcontent{padding-bottom:20px;}
.pro .clist{display:flex;padding:20px 0 0;flex-wrap:wrap;}
.pro .clist .citem{position:relative;background-color:#fff;width:calc((100% - 80px)/5);margin-bottom:20px;}
.pro .clist .citem:not(:nth-child(5n+1)){margin-left:20px;}
.pro .clist .imgbox{padding-bottom:100%;position:relative;}
.pro .clist .imgbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-height:100%;}
.pro .clist .text{font-size:20px;color:#ffffff;position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;text-align:center;opacity:0;z-index:2;}
.pro .clist .ctit{line-height:1.7;}
@media screen and (max-width:1280px){.pro .clist .ctit{font-size:12px;}
}
.pro .clist .num{line-height:1.7;}
.pro .clist .citem .con{position:relative;top:50px;opacity:0;transition:.8s;}
.pro .clist .citem:hover .text{opacity:1;}
.pro .clist .citem:hover .text .con{top:0;opacity:1;}
.pro .ovlist{overflow:hidden;transition:.3s;max-height:var(--maxheight);}
.pro .ovlist.act{max-height:var(--minheight);}
@media (max-width:1459px){.cate .item{padding:25px 0;}
.pro{padding:45px 0 60px;}
.pro .ctop .left .tit{font-size:20px;}
.pro .clist .text{font-size:18px;}
}
@media (max-width:1280px){}
@media (max-width:1024px){.pro .clist .text{font-size:18px;}
.pro .clist .citem{width:calc((100% - 60px)/4);}
.pro .clist .citem:not(:nth-child(5n+1)){margin-left:0;}
.pro .clist .citem:not(:nth-child(4n+1)){margin-left:20px;}
.pro .ctop .tbox .xi{font-size:14px;}
.cate .item{font-size:14px;padding:15px 0;margin:0 15px;}
.pro{padding:35px 0;}
}
@media (max-width:768px){.pro{padding:20px 0;}
.pro .clist .citem{width:calc((100% - 40px)/3);}
.pro .clist .citem:not(:nth-child(4n+1)){margin-left:0;}
.pro .clist .citem:not(:nth-child(3n+1)){margin-left:20px;}
.pro .ctop .left .tit{font-size:18px;}
}
@media (max-width:640px){.pro .clist .citem{width:calc((100% - 10px)/2);margin-bottom:10px;}
.pro .clist .citem:not(:nth-child(3n+1)){margin-left:0;}
.pro .clist .citem:not(:nth-child(2n+1)){margin-left:10px;}
.cate .list{overflow-x:auto;}
.cate .item{font-size:12px;margin:0 10px;padding:10px 0;white-space:nowrap;}
.pro .ctop{flex-wrap:wrap;}
.pro .ctop .left .tit{font-size:16px;}
.pro .ctop .left{width:100%;}
.pro .ctop .right{margin-top:10px;}
.pro .ctop .tbox .icon{width:20px;height:20px;}
.pro .ctop .tbox .icon::before{top:5px;right:6px;}
.pro .ctop .tbox .icon.cur::before{top:6px;right:7px;}
}
.pro .ctop .tbox .xi .s2{display:none;}
.pro .ctop .tbox .xi.cur .s1{display:none;}
.pro .ctop .tbox .xi.cur .s2{display:block;}
.service01{background-color:#f7f7f7;}
.index04 .list .item .tit{bottom:15px !important;left:15px;text-align:left;transform:unset !important;-webkit-transform:unset !important;-moz-transform:unset !important;-ms-transform:unset !important;-o-transform:unset !important;}
.index04 .list .item:nth-child(1) .tit{font-size:32px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:24px;}
@media (max-width:1280px){.index04 .list .item:nth-child(1) .tit{font-size:24px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:18px;}
}
@media (max-width:768px){.index04 .list .item:nth-child(1) .tit{font-size:18px;}
.index04 .list .item:nth-child(2) .tit,.index04 .list .item:nth-child(3) .tit{font-size:14px;}
}
.proinfo03 .main .ctit{text-align:left;padding-left:10px;}
/* .proinfo03.s1 .item{cursor:pointer;}
.proinfo03.s1 .item:hover img{transform:scale(1.1) translate(-45%,-45%);-webkit-transform:scale(1.1) translate(-45%,-45%);-moz-transform:scale(1.1) translate(-45%,-45%);-ms-transform:scale(1.1) translate(-45%,-45%);-o-transform:scale(1.1) translate(-45%,-45%);}
.proinfo03.s1 .item:hover .ctit{color:#e50012;}
*/
@media (max-width:1459px){.rela_title{font-size:36px;}
}
@media (max-width:1280px){.msg .content .con .left .swiper{max-width:220px;}
.msg .content .smain .imgbox{padding-bottom:40px;}
}

@media (min-width:1024px) and (max-width:1280px){.rela_title{font-size:24px;}
.msg .content .text .lable .lab_tit{width:115px;min-width:115px;}
}
@media (max-width:1459px){
    .msg .content .text .lable .lab_tit{width:130px;min-width:130px;}
}
@media (max-width:1024px){.msg .content .text .lable .lab_tit{width:auto;min-width:unset;}
.msg .content .text .lable{flex-wrap:wrap;}
.msg .content .text .lable .lab_desc{width:100%;padding-left:0;margin-left:0;}
}
@media (max-width:768px){.rela_title{font-size:20px;}
}
@media (max-width:640px){.rela_title{font-size:16px;}
}
@media (max-width:480px){.msg .content .text .lable{flex-wrap:unset;}
.msg .content .text .lable .lab_tit{width:115px;min-width:115px;}
.msg .content .text .lable .lab_desc{width:auto;margin-left:10px;}
}
.proinfo03.pb1.s2 .main .item{display:flex;flex-direction:column;height:100%;}
.proinfo03.pb1.s2 .main .item .text{flex:1;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;}
.proinfo03.pb1.s2 .swiper-slide{height:auto;}
.proinfo03.pb1.s2 .main .item:hover .text{padding:20px 15px;background-color:#e60012;}
.proinfo03.pb1.s2 .main .item:hover .ctit{color:#fff;}
.service01 .otop{display:flex;justify-content:space-between;}
.selectBox{display:inline-block;vertical-align:middle;position:relative;}
.selectBox .selectCur{padding:0 10px;line-height:40px;padding-right:20px;cursor:pointer;}
.selectBox .selectDown{position:absolute;white-space:nowrap;left:0;top:100%;background:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,0.15);margin-top:16px;display:none;min-width:100%;}
.selectBox .selectDown .option{font-size:14px;line-height:2.25;cursor:pointer;padding:0 10px;}
.selectBox .selectDown .option:hover{background:#e60012;color:#fff;}
.selectBox .selectDown:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:100%;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;}
.selectBox .selectDown .overscroll{max-height:235px;overflow:auto;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:2px;height:2px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#e60012;}
.overscroll::-webkit-scrollbar-track{border-radius:10px;background:#e6e6e6;}
.selects .selectBox{margin-left:10px;z-index:20;width:160px;border-bottom:1px solid #e4e4e6;}
.service01 .selects .selectBox{background-color:transparent;}
.selectBox .selectCur{position:relative;line-height:40px;padding:0 45px 0 20px;font-size:16px;cursor:pointer;}
.selectBox .selectCur:after{content:'';border-top:2px solid #333;border-left:2px solid #333;width:8px;height:8px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(225deg);}
@media(max-width:1024px){.selects .selectBox{width:auto;}
}
@media(max-width:560px){.selects .selectBox{margin-left:0;width:49%;}
.selects .selectBox:last-child{margin-left:1%;}
}
.service01 .selects .uselect_box.cur{display:flex;}
.service01 .selects .uselect_box{display:none;}
.process .item .pl,.process .item .pr{position:absolute;transition:width .6s,height .6s;opacity:0;width:0;height:0;}
.process .item .pl{border-top:2px solid #e60012;border-left:2px solid #e60012;left:0;top:0;}
.process .item .pr{right:0;bottom:0;border-right:2px solid #e60012;border-bottom:2px solid #e60012;}
.process .item.hov .pl,.process .item.hov .pr{width:100%;height:100%;opacity:1;}
.process .item:hover .pl,.process .item:hover .pr{width:100%;height:100%;opacity:1;}
.process .item:hover:before,.process .item.hov:before{color:#e60012;opacity:1;}
.process .item:hover .i:after,.process .item.hov .i:after{background-image:url(../images/icl2.png);}
/* 20231007 */
.con_banner .div .cbox .bot{max-height:300px;overflow:auto;}
.channel{font-size:16px;}
/*boxname*/
.boxname{font-size:3em;line-height:1.35em;font-weight:lighter;margin-bottom:0.5625em;}
@media screen and (max-width:1280px){.boxname{font-size:1.8em;}
}
.boxname.center{text-align:center;}
/*bach_profile*/
.bach_profile{padding:3.90625% 0 9.8958%;position:relative;overflow:hidden;}
.bach_profile .container{position:relative;z-index:2;align-items:flex-start;}
.bach_profile .photo{width:26.2857%;}
.bach_profile .photo img{display:block;width:100%;height:auto;transition:all .3s;}
.bach_profile .photo img:hover{transform:scale(1.1);}
.bach_profile .text{width:56.857%;}
.bach_profile .intro *{font-size:1em;line-height:1.875em;}
@media screen and (max-width:1280px){.bach_profile .intro *{font-size:12px;}
}
.bach_profile .title{position:absolute;left:50%;bottom:0;font-size:5.5vw;font-weight:bold;text-transform:uppercase;color:#f5f5f5;line-height:1em;margin-bottom:2.7%;white-space:nowrap;transform:translateX(-50%);/*transition:transform 5s linear 0s;*/
}
/* .bach_profile .title:hover{transform:translateX(-10em);}
*/
.bach_advatage{background-color:#f6f6f6;}
.bach_advatage .figure{width:50%;overflow:hidden;}
.bach_advatage .figure i{display:block;padding-bottom:56.25%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.bach_advatage .text{width:50%;padding:3% 5.73%;}
.bach_advatage .item:hover .figure i{transform:scale(1.1);}
.bach_advatage .item:nth-child(2n+1){flex-direction:row-reverse;}
.bach_advatage .title{font-size:2.25em;margin-bottom:1.11em;}
.bach_advatage .icon{width:1.61em;}
.bach_advatage .icon i{display:block;padding-bottom:100%;background:no-repeat left center;background-size:contain;transition:all 0.5s;}
.bach_advatage .item:hover i{transform:rotateY(360deg);}
.bach_advatage .item:hover .name{color:#e50012;}
.bach_advatage .name{font-size:1em;font-weight:lighter;width:calc(100% - 2.6em);line-height:1.125em;}
.bach_advatage .intro{font-size:1em;line-height:1.875em;}
@media screen and (max-width:1280px){.bach_advatage .intro{font-size:12px;}
.bach_advatage .name{font-size:0.8em;}
}
.datetime{position:relative;padding:0 3.5%;text-align:center;}
.datetime:before{width:100%;height:1px;background-color:#dbdbdb;display:block;content:'';position:absolute;left:0;bottom:0;margin-bottom:1.7142857%;}
.datetime .swiper-button-arrow{border-radius:50%;background:#ccc no-repeat center center;background-size:22.45% auto;width:3.5%;top:auto;bottom:0;margin-bottom:0;height:auto;margin-top:0;opacity:1;}
.datetime .swiper-button-arrow:after{content:'';padding-bottom:100%;display:block;}
.datetime .swiper-button-arrow:hover{background-color:#bd8343;}
.datetime .swiper-button-prev{left:0;background-image:url(../images/swiper-button-arrow-prev.svg);}
.datetime .swiper-button-next{right:0;background-image:url(../images/swiper-button-arrow-next.svg);}
.datetime .swiper-wrapper{padding-bottom:1.82%;}
.datetime .swiper-slide{font-size:1.125em;line-height:1.667em;color:#000;cursor:pointer;}
.datetime .swiper-slide:after{width:0.5em;height:0.5em;border-radius:50%;border:1px solid #bd8343;display:block;content:'';position:absolute;left:50%;bottom:0;margin:0 0 -0.25em -0.25em;background-color:#fff;transition:all .3s;}
.datetime .swiper-slide span{display:block;padding-bottom:8.45%;}
.datetime .swiper-slide-thumb-active{font-weight:bold;}
.datetime .swiper-slide-thumb-active:after{background-color:#bd8343;}
.bach_milestone{padding:5.729% 0 4.6875%;}
.bach_milestone .content{margin-bottom:7.5%;}
.bach_milestone .info{background-color:#f6f6f6;position:relative;z-index:2;}
.bach_milestone .info:before{display:block;content:'';position:absolute;left:0;top:0;width:100%;background-color:#bd8343;height:2px;}
.bach_milestone .figure{width:50%;position:relative;z-index:2;overflow:hidden;}
.bach_milestone .figure i{display:block;padding-bottom:56.2857%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.bach_milestone .text{width:50%;padding:3% 5%;}
.bach_milestone .year{font-size:3.75em;line-height:1.125em;margin-bottom:3.57%;}
.bach_milestone .intro{max-height: 12em;overflow-y: auto;overflow-x: hidden;padding-right: 3%;}
.bach_milestone .intro *{line-height:2em;}
.bach_milestone .intro p{position:relative;padding-left:0.8125em;}
@media screen and (max-width:1459px){
    .bach_milestone .intro {
        max-height: 9em;
    }
}
@media screen and (max-width:1280px){.bach_milestone .year{font-size:2em;}
.bach_milestone .intro p{font-size:12px;}
}
.bach_milestone .intro p:before{width:0.1875em;height:0.1875em;border-radius:50%;background-color:#e60012;display:block;content:'';position:absolute;left:0;top:0.90625em;}
.bach_milestone .info:hover .figure i{transform:scale(1.1);}
.bach_milestone .datetime .swiper-slide:hover:after{background-color:#bd8343;}
.base_banner .info{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;color:#fff;}
.base_banner .icon{width:12.5em;margin:0 auto 2.14285%;}
.base_banner .icon img{display:block;width:auto;max-width:100%;margin:0 auto;}
.base_banner .intro{font-family:'OPPOSans-L';font-size:1.25em;line-height:1.6em;text-align:center;}
.mayapage .boxname:after{display:block;content:'';width:0.667em;height:2px;background-color:#f1c400;margin-top:0.3125em;}
.mayapage .boxname.center:after{margin-left:auto;margin-right:auto;}
.maya_profile{padding:5.208% 0 4.6875%;color:#000;}
.maya_profile .figure{width:50.714285%;padding:0 0 0.714285% 0.714285%;position:relative;overflow:hidden;}
.maya_profile .figure:before{width:16.9014%;padding-bottom:16.9014%;background-color:#f1c400;display:block;content:'';position:absolute;left:0;bottom:0;}
.maya_profile .pic{position:relative;z-index:2;overflow:hidden;}
.maya_profile .pic img{display:block;width:100%;height:auto;transition:all .3s;}
.maya_profile .pic img:hover{transform:scale(1.1);}
.maya_profile .text{width:43.572%;}
.maya_profile .intro *{font-size:1em;line-height:1.875em;}
@media screen and (max-width:1280px){.maya_profile .intro *,.maya_concept .intro *{font-size:12px;}
}
.maya_concept{background-color:#f5f5f5;color:#000;}
.maya_concept .figure{width:54.167%;overflow:hidden;}
.maya_concept .figure i{display:block;padding-bottom:60.096%;background:no-repeat center center;background-size:cover;transition:all .5s;}
.maya_concept .text{width:45.833%;padding:3.5% 0;}
.maya_concept .box{width:31.25em;margin-left:13.636%;}
.maya_concept .intro *{line-height:1.875em;color:#000;}
.maya_concept .intro h3{font-size:1.5em;font-family:"OPPOSans-L";line-height:1.416em;}
@media screen and (max-width:1280px){.maya_concept .intro h3{font-size:1.15em;}
}
.maya_concept:hover .figure i{transform:scale(1.1);}
.maya_strength{padding:4.6875% 1.0416% 6.25%;color:#000;}
.maya_strength ul{display:flex;flex-wrap:wrap;border:1px solid #eee;border-left:none;}
.maya_strength li{width:16.666%;text-align:center;border-left:1px solid #eee;border-top:1px solid #eee;margin-top:-1px;padding:3.45745% 1.596% 2.1276%;background:#fff no-repeat center bottom;background-size:65.406% auto;transition:background .3s;position:relative;z-index:2}
.maya_strength .icon{margin:0 auto 15.86%;width:23.7923%;}
.maya_strength .icon i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.maya_strength .name{font-weight:lighter;font-size:1.25em;line-height:1.5em;margin-bottom:3.965%;}
.maya_strength .intro{color:#666;font-size:1em;line-height:1.875em;font-family:"OPPOSans-L";}
@media screen and (max-width:1280px){.maya_strength .name{font-size:14px;}
.maya_strength .intro{font-size:12px;}
}
.maya_strength li:hover{background-color:#f1c400;background-image:url(../images/maya_strength.svg);}
.maya_institute{background-color:#f5f5f5;padding:4.6875% 0 5.2083%;color:#000;}
.maya_institute .text{width:50%;}
.maya_institute .intro,.maya_institute .intro *{font-size:1em;line-height:1.875em;}
@media screen and (max-width:1280px){.maya_institute .intro,.maya_institute .intro *{font-size:12px;}
}
.maya_institute .figure{width:38.5715%;padding:0.7142% 0.7142% 0 0;position:relative;}
.maya_institute .figure:before{width:22.22%;padding-bottom:22.22%;background-color:#f1c400;display:block;content:'';position:absolute;right:0;top:0;}
.maya_institute .pic{position:relative;z-index:2;overflow:hidden;}
.maya_institute .pic img{ display:block; width:100%; height:auto; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.maya_institute:hover .pic img{transform:scale(1.1);}
.maya_milestone{padding:5.729% 0 4.6875%;}
.maya_milestone .boxname{margin-bottom:4.285%;}
.maya_milestone .content{margin-bottom:5.72%;}
.maya_milestone .figure{width:62.857%;overflow:hidden;}
.maya_milestone .figure i{display:block;padding-bottom:56.25%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.maya_milestone .text{width:37.143%;position:relative;z-index:2;}
.maya_milestone .box{width:150%;padding:13.5% 15%;background-color:#f5f5f5;float:right;}
.maya_milestone .year{font-size:3.75em;line-height:1.125em;margin-bottom:3.57%;}
.maya_milestone .intro{max-height:12em;line-height:2em;overflow-y: auto;overflow-x: hidden;padding-right: 5%;}
.maya_milestone .intro *{line-height:2em;}
.maya_milestone .intro p{position:relative;padding-left:0.8125em;}
@media screen and (max-width:1280px){.maya_milestone .year{font-size:1.5em;}
.maya_milestone .intro p{font-size:12px;}
}
.maya_milestone .intro p:before{width:0.1875em;height:0.1875em;border-radius:50%;background-color:#e60012;display:block;content:'';position:absolute;left:0;top:0.90625em;}
.maya_milestone .info:hover .figure i{transform:scale(1.1);}
.maya_milestone .datetime:before{height:0;padding-bottom:0.428%;background-color:#ededed;margin-bottom:1.536%;}
.maya_milestone .datetime .swiper-button-arrow:hover{background-color:#f1c400;}
.maya_milestone .datetime .swiper-slide span{padding-bottom:16.51%;}
.maya_milestone .datetime .swiper-slide:hover{color:#f1c400;}
.maya_milestone .datetime .swiper-slide:after{width:44.0425%;background-color:#f1c400;border-radius:0;border:none;margin-left:0;transform:translateX(-50%);height:0;padding-bottom:3.302%;margin-bottom:-1%;opacity:0;}
.maya_milestone .datetime .swiper-slide-thumb-active{color:#f1c400;}
.maya_milestone .datetime .swiper-slide-thumb-active:after{opacity:1;}
@media only screen and (max-width:1200px){.channel{font-size:14px;}
.boxname{font-size:3.28125vw;}
.bach_advatage .title{font-size:2.4609375vw;}
.bach_milestone .year,.maya_milestone .year{font-size:4.1015625vw;}
.maya_concept{display:block;}
.maya_concept .figure{width:auto;}
.maya_concept .text{width:auto;padding:5%;}
.maya_concept .box{margin-left:0;width:auto;}
.maya_strength li{width:33.333%;}
}
@media only screen and (max-width:1024px){.bach_advatage .item{display:block;}
.bach_advatage .figure{width:auto;}
.bach_advatage .text{width:auto;padding:5%;}
.base_banner .icon{width:17.09vw;}
.base_banner .intro{font-size:1.709vw;}
.maya_profile .container{display:block;}
.maya_profile .text{width:auto;margin-bottom:5%;}
.maya_profile .figure{width:auto;}
.maya_institute .container{display:block;}
.maya_institute .text{width:auto;margin-bottom:5%;}
.maya_institute .figure{width:auto;}
.maya_milestone .info{display:block;}
.maya_milestone .figure{width:auto;}
.maya_milestone .text{width:auto;padding:0 5%;margin-top:-10%;}
.maya_milestone .box{width:auto;float:none;padding:6%;}
}
@media only screen and (max-width:768px){.boxname{font-size:26px;}
.bach_profile{padding:7% 0 12%;}
.bach_profile .container{display:block;}
.bach_profile .text{width:auto;margin-bottom:5%}
.bach_profile .photo{width:auto;}
.bach_profile .title{font-size:15vw;}
.bach_advatage .title{font-size:20px;margin-bottom:3.5%;}
.datetime{padding:0 26px;}
.datetime:before{margin-bottom:12.5px;}
.datetime .swiper-button-arrow{width:26px;}
.datetime .swiper-wrapper{padding-bottom:13px;}
.bach_milestone{padding:8% 0 7%;}
.bach_milestone .info{display:block;}
.bach_milestone .figure{width:auto;}
.bach_milestone .text{width:auto;padding:5%;}
.bach_milestone .year,.maya_milestone .year{font-size:30px;}
.base_banner .info{transform:translateY(-35%);}
.base_banner .icon{width:120px;}
.base_banner .intro{font-size:14px;}
.maya_profile{padding:7% 0;}
.maya_concept .intro h3{font-size:1.25em;}
.maya_strength{padding:7% 0 8%;}
.maya_strength li{width:50%;padding:5% 2%;}
.maya_strength .icon{width:35%;margin-bottom:6%;}
.maya_strength .name{font-size:1.125em;}
.maya_institute{padding:7% 0 8%;}
.maya_milestone .content{margin-bottom:7%;}
.maya_milestone .datetime .swiper-slide:after{padding-bottom:1.9%;}
.maya_milestone .datetime:before{margin-bottom:12.5px;}
}
@media (max-width:640px){.index04 .list .item:nth-child(2) .video_box,.index04 .list .item:nth-child(3) .video_box{top:50%;}
}
/* 2023.10.13 */
.proinfo02 .item.video_box .pvideo{position:absolute;left:0;top:0;width:100%;height:100%;display:none;z-index:12;background-color:#000;}
.proinfo02 .item.video_box .pvideo.cur{display:block;}
.proinfo02 .item.video_box video{width:100%;height:100%;object-fit:contain;}
.down_all{padding:0 15px;font-size:16px;background-color:#e60012;color:#fff;line-height:35px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;margin-left:20px;}
.demo{width:100%;margin:10px auto 10px auto;}
#g1,#g2{margin-top:50px;}
.slider-container{width:100% !important;}
.slider-container .scale{display:none;}
.theme-green .back-bar{height:3px;}
.theme-green .back-bar .selected-bar{background-image:linear-gradient(to bottom,#e50012,#e50012);}
.theme-green .back-bar .pointer{border-radius:50%;width:15px;height:15px;top:-5px;}
/* 20231024 */
.cus1{width:100%;overflow:hidden;padding:5% 0;background:url(../images/p2bg.jpg) no-repeat center;color:#fff;background-size:cover;}
.custit{font-size:48px;text-align:center;line-height:1.3;margin-bottom:60px;}
.cus1 .slider{position:relative;width:45.5%}
.cus1 .slider .swiper-slide{position:relative;height:535px;}
.cus1 .slider .pic{position:absolute;left:0;bottom:0;width:100%;height:72%;transition:.3s;opacity:0.45;}
.cus1 .slider .pic img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;}
.cus1 .slider .swiper-slide-active .pic{height:100%;opacity:1;width:139%;}
.cus1 .slider .swiper-container{overflow:visible;}
.cus1 .slider .swiper-wrapper{align-items:flex-end;}
.cus1 .slider .swiper-slide-active{z-index:20;}
.swiperCtrs{position:absolute;left:140%;top:5%;z-index:10;padding:20px 30px;align-items:center;padding-right:0;}
.swiperCtrs:after{content:"";position:absolute;left:100%;top:50%;width:4000px;border-bottom:1px dashed #585a5c;}
.swiperCtrs .pgs{font-size:24px;color:#8e8e8e;white-space:nowrap;line-height:1;}
.swiperCtrs .pgs .cur{padding-right:9px;font-size:48px;color:#fff;}
.swiperCtrs .btns{white-space:nowrap;margin-left:25px;}
.swiperCtrs .btns .btn{padding:17px;margin-left:10px;display:inline-block;vertical-align:middle;border:1px solid #fff;border-radius:50%;transition:.3s;opacity:0.45;cursor:pointer;}
.swiperCtrs .btns .btn:hover{opacity:1;background:#fff;border-color:#fff;}
/* .swiperCtrs .btns .btn.prev{background:url(../images/icon-prev.png) no-repeat center;}
*/
/* .swiperCtrs .btns .btn.next{background:url(../images/icon-next.png) no-repeat center;}
*/
.swiperCtrs .btns .btn.prev::before{border-bottom:2px solid #fff;border-right:2px solid #fff;margin-left:.4rem;}
.swiperCtrs .btns .btn.next::before{border-top:2px solid #fff;border-left:2px solid #fff;margin-right:.4rem;}
.swiperCtrs .btns .btn::before{content:'';display:inline-block;vertical-align:middle;width:1em;height:1em;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.swiperCtrs .btns .btn:hover::before{border-color:#e50012;}
.cus2{padding:5% 0;background:#020202;color:#fff;}
.slider2{position:relative;}
.cus2 .swiperCtr .btn.prev{left:-7em;}
.cus2 .swiperCtr .btn.next{right:-7em;}
.cus2 .items{display:block;overflow:hidden;}
.cus2 .item{position:relative;float:left;overflow:hidden;}
.cus2 .item .pic{position:absolute;left:0;top:0;width:100%;height:100%;transition:.8s;z-index:-1;background-position:center;background-size:cover;}
.cus2 .item:hover .pic{transform:scale(1.1);}
.cus2 .item .it{position:absolute;left:0;bottom:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;padding:30px;font-size:16px;}
.cus2 .item:first-child{width:56%;padding-bottom:31%;margin-bottom:1%;}
.cus2 .item:nth-child(2){margin-left:1%;width:43%;padding-bottom:31%;margin-bottom:1%;}
.cus2 .item:nth-child(3){width:29%;padding-bottom:21%;}
.cus2 .item:nth-child(4){margin-left:1%;width:39%;padding-bottom:21%;}
.cus2 .item:nth-child(5){margin-left:1%;padding-bottom:21%;width:30%;}
.cus2 .item .video_click{position:absolute;left:50%;top:50%;z-index:5;padding:35px;margin-top:-35px;margin-left:-35px;background:url(../images/icon-play.png) no-repeat center;background-size:contain;}
.cus3{padding:5% 0;background:#000 url(../images/cbg.png) no-repeat top center;color:#fff;background-size:100%;}
.cus3 .items{counter-reset:indx;}
.cus3 .item{align-items:center;margin-bottom:60px;}
.cus3 .item .img{flex:0 0 auto;width:55%;overflow:hidden;}
.cus3 .item .img img{display:block;width:100%;transition:1.2s;}
.cus3 .item:hover .img img{transform:scale(1.1);}
.cus3 .item .txt{flex:1 1 auto;position:relative;z-index:10;}
.cus3 .item:nth-child(2n+1){flex-direction:row-reverse;}
.cus3 .item .tit{white-space:nowrap;margin-bottom:20px;}
.cus3 .item .tit span{display:inline-block;vertical-align:middle;margin-right:20px;}
.cus3 .item .tit span:first-child:before{counter-increment:indx;content:"0"counter(indx);}
.cus3 .item .tit span:first-child{font-size:32px;opacity:0.15;}
.cus3 .item:hover .tit span:first-child{opacity:1;color:#e60012;}
.cus3 .item .tit .icon{width:69px;height:12px;background-position:center;background-repeat:no-repeat;background-size:contain;transition:.3s;}
.cus3 .item .p{font-size:20px;line-height:1.6;}
.cus3 .item .txt .txtc{position:relative;margin-left:-72px;padding:50px 72px;background:rgba(0,0,0,0.85);border:1px solid #222326;z-index:5;}
.cus3 .item:nth-child(2n+1) .txt .txtc{margin-left:0;margin-right:-72px;}
.cus3 .item .txt .txtc:before,.cus3 .item .txt .txtc:after{content:"";position:absolute;width:0;height:0;z-index:-1;transition:width .3s,height .3s;}
.cus3 .item .txt .txtc:before{width:0;height:0;left:0;top:0;border-left:2px solid #e60012;border-top:2px solid #e60012;opacity:0;}
.cus3 .item .txt .txtc:after{width:0;height:0;right:0;bottom:0;border-right:2px solid #e60012;border-bottom:2px solid #e60012;opacity:0;}
.cus3 .item:hover .txt .txtc:before,.cus3 .item:hover .txt .txtc:after{width:100%;height:100%;opacity:1;}
.cus3 .item .tit .icon{background-image:url(../images/icr1.png);}
.cus3 .item:hover .tit .icon{background-image:url(../images/icr2.png);}
.cus3 .item:nth-child(2n+1) .tit .icon{background-image:url(../images/icl1.png);}
.cus3 .item:nth-child(2n+1):hover .tit .icon{background-image:url(../images/icl2.png);}
.customized{width:100%;overflow:hidden;}
.warranty{align-items:stretch;justify-content:space-between;color:#000;}
.warranty .img{flex:0 0 auto;max-width:50%;}
.warranty .lf{flex:1 1 auto;overflow:hidden;padding-right:5%;}
.warranty .tit1{font-size:48px;line-height:1.4;margin-bottom:10px;}
.warranty .tit2{font-size:16px;}
.warranty .txt{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e1;}
.warranty .tit3{font-size:24px;margin-bottom:20px;}
.warranty .p{font-size:16px;line-height:1.875;margin-bottom:40px;}
.fileLink{align-items:center;justify-content:space-between;background:#f2f3f5;}
.fileLink .ico{flex:0 0 auto;width:27px;height:34px;background:url(../images/icon-pdf.png) no-repeat center;background-size:contain;position:relative;z-index:2;}
.fileLink .fnam{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;line-height:80px;font-size:18px;position:relative;z-index:2;}
.fileLink .vbtn{flex:0 0 auto;width:75px;height:80px;background:#e50012 url(../images/icon-download.png) no-repeat center;transition:.6s;}
.fileLink .vbtn:hover{/*box-shadow:5px 2px 15px rgba(229,0,18,.5);*/
}
.fileLink .pview{width:calc(100% - 75px);align-items:center;padding-left:28px;position:relative;}
.fileLink .pview:before{width:0;height:100%;background-color:#e50012;display:block;position:absolute;left:0;top:0;content:'';transition:.4s;opacity:0;}
.warranty .img img{min-height:100%;object-fit:cover;}
.fileLink:hover .ico{background-image:url(../images/icon-pdf-white.png);}
.fileLink:hover .vbtn{background-color:#fff;background-image:url(../images/icon-download-red.png);}
.fileLink:hover .pview{color:#fff;}
.fileLink:hover .pview:before{width:100%;opacity:1;}
@media(max-width:1459px){.custit{font-size:34px;}
.swiperCtrs .pgs{font-size:18px;}
.swiperCtrs .pgs .cur{font-size:24px;}
.cus1 .slider .swiper-slide{height:390px;}
.cus2 .item .video_click{padding:20px;margin-top:-20px;margin-left:-20px;}
.cus3 .item .txt .txtc{padding:30px;}
.cus3 .item .p{font-size:16px;}
.warranty .tit1{font-size:32px;}
.warranty .tit3{font-size:20px;}
.warranty .p{font-size:14px;}
.warranty .txt{margin-top:30px;padding-top:30px;}
.fileLink{}
.fileLink .fnam{line-height:50px;font-size:16px;}
.fileLink .vbtn{height:50px;width:50px;background-size:18px;}
.fileLink .pview{width:calc(100% - 50px);padding-left:20px;}
}
@media(max-width:1024px){.cus2 .item:first-child{width:100%;padding-bottom:55%;margin-bottom:2%;}
.cus2 .item:nth-child(2),.cus2 .item:nth-child(4){width:49%;margin-left:0;padding-bottom:31%;margin-bottom:1%;}
.cus2 .item:nth-child(3),.cus2 .item:nth-child(5){width:49%;padding-bottom:31%;margin-left:2%;margin-bottom:1%;}
}
@media(max-width:768px){.cus1{padding:50px 0 40px;}
.custit{font-size:20px;margin-bottom:30px;}
.cus1 .slider{width:80%;margin:auto;}
.cus1 .slider .pic{position:relative;height:auto;width:100% !important;padding-bottom:60%;}
.cus1 .slider .swiper-slide{height:auto !important;}
.swiperCtrs{position:relative;left:0;top:0;padding:20px 0;}
.swiperCtrs .pgs{font-size:14px;}
.swiperCtrs .btns .btn{padding:13px;background-size:47% !important;}
.cus2 .item:first-child{width:100%;padding-bottom:65%;}
.cus3 .item{display:block;margin-bottom:30px;}
.cus3 .item .img{width:auto;}
.cus3 .item .txt .txtc{margin:0 !important;}
.cus3 .item .tit span:first-child{font-size:24px;}
.cus3 .item .tit .icon{display:none;}
.warranty{display:block;}
.warranty .lf{padding-right:0;margin-bottom:20px;}
.warranty .p{margin-bottom:24px;}
.warranty .tit1{font-size:20px;}
.warranty .tit2{font-size:14px;}
.warranty .tit3{font-size:18px;margin-bottom:10px;}
.warranty .img{width:100%;max-width:100%;}
}
.darg2{flex:1 1 auto;width:100%;margin:8px 0;padding:0 6px;}
.darg2 .el-slider__bar{height:4px;}
.darg2 .el-slider__runway{height:4px;border-radius:2px;background-color:#eeeeee;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0);}
.darg2 .el-slider__button{border-radius:50%;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#fdddddd',GradientType=0);font-size:0;display:block;}
.darg2 .el-slider__button-wrapper{width:16px;height:16px;top:50%;margin-top:-8px;}
.darg2 .rangeval{margin:0 -6px 10px;}
/* 20231030 */
.fabric03 .content table.mt0{margin-top:0;}
.warranty{align-items:center;}
/* 20231031 */
.pro .clist .text{font-size:18px;background:rgba(0,0,0,.6);}
.fabric01 .main .icon img{max-height:45px;}
.fabric01 .main .icon{margin-top:20px;}
.hall01 .item .desc{max-height:2.7em;line-height:1.35;}
.hall01 .item .tit{overflow:hidden;transition:.2s;max-height:0;}
.hall01 .item:hover .tit{max-height:3em;transition:.8s;}
.box7 .con{display:block;}
.box7 .right{display:block;width:auto;padding:0;margin-top:20px;text-align:left;border:none;}
.box7 .right .uemail{display:block;font-size:18px;}
.pboxs .edit1,.pboxs .edit1 *{font-size:14px;}
.base_banner .ctit{max-width:59em;}
/* .container2{padding:0 7%;}
*/
.base_banner .imgbox img{min-height:400px;}
.multiSlider .swiper-slide{overflow:hidden;}
.multiSlider .swiper-container.disabled .btns{display:none;}
.multiSlider .swiper-container.disabled .swiper-wrapper{transform:none !important;}
.multiSlider .btns .swiperBtn{opacity:1;}
@media(min-width:768px){.cus3 .item .multiSlider .btns{position:absolute;right:0;bottom:0;z-index:10;padding:20px;align-items:center;}
.cus3 .item .multiSlider .btns .swiperBtn{position:static;opacity:1;margin:0 16px;width:40px;height:40px;line-height:38px;font-size:10px;}
.cus3 .item:nth-child(2n) .multiSlider .btns{right:auto;left:0;}
}
@media(max-width:768px){.swiperCtrs .btns .btn{padding:13px;font-size:8px;line-height:12px;position:relative;}
.swiperCtrs .btns .btn::before{position:absolute;margin:0 !important;left:50%;top:50%;margin-left:-0.5em !important;margin-top:-0.5em !important;}
.smartBlock4,.smartBlock{font-size:36px;}
.cus3 .item.cur .txt .txtc:before,.cus3 .item.cur .txt .txtc:after{width:100%;height:100%;opacity:1;}
.bach_advatage .item.cur .icon i{transform:rotateY(360deg);}
.bach_advatage .item.cur .name{color:#e50012;}
}
.rela_title{font-size:32px;}
@media (max-width:1459px){.rela_title{font-size:28px;}
}
@media(max-width:1280px){.warranty .txt{padding-top:15px;margin-top:15px;}
}
@media (max-width:1024px){.rela_title{font-size:24px;}
.container2{padding:0 30px;}
}
@media (max-width:768px){.rela_title{font-size:20px;}
}
@media (max-width:640px){.rela_title{font-size:18px;}
}
.ndetail *{font-size:inherit !important;font-family:inherit !important;line-height:inherit !important;}
.fabric03 .content .section .tbox .td_tit{text-align:center;margin-top:10px;word-break:break-word;line-height:1.4;}
.fabric03 .content thead td.tgicon{text-align:center;width:70px;cursor:pointer;}
.tgicon span{display:inline-block;vertical-align:middle;font-size:14px;position:relative;line-height:30px;min-height:30px;padding-right:20px;}
.tgicon span:after{position:absolute;right:0;top:0;width:20px;height:100%;background-repeat:no-repeat;background-position:center;background-size:80%;content:"";background-image:url(../images/arr-d.png);}
.tgicon span.sq:after{transform:rotate(180deg);}
.tgicon span.sq{display:none;}

.fabric03 .content table.act .tgicon span.zk{display:none;}
.fabric03 .content table.act .tgicon span.sq{display:inline-block;}

@media (max-width:1440px){.con_banner .rq .p2{font-size:12px;}
.pro .clist .text{font-size:14px;}
}
#sitemap h3{margin:0;font-size:18px;line-height:1.5em;border-bottom:1px solid #ededed;padding-bottom:1em;margin-bottom:1.2em;}
#sitemap h4{margin:0 1em;font-size:16px;line-height:1.25em;border-left:3px solid #333;padding-left:3px;margin-bottom:1.25em;}
#sitemap ul{overflow:hidden;display:flex;flex-wrap:wrap;margin-bottom:1em;}
#sitemap li{margin:0 1em 1em 0;font-size:14px;}
#sitemap li a{color:#555;}
#sitemap a:hover,#sitemap li a:hover{color:#e50012;}
#sitemap h4+ul{margin-left:16px;margin-right:16px;}
/* 20231108 */
.fabric03 .content thead td.tgicon{width:84px;white-space:nowrap;text-align: right;}

.fabric03{padding-top:60px;margin-top:0;background:#fff;}
.msg .content .con .left{background:#fff;}
.msg .content .bmain .imgbox img,.msg .content .smain .imgbox img{object-fit:contain;}
.msg .down{flex:0 0 auto;}
.msg .content .r_list{flex:1 1 auto;align-items:stretch;width:100%;}
.msg .content .con .right{align-items:flex-end;padding-left:0;padding-top:0;}
.process:before{display:none;}
.process .ic{background:url(../images/1line.png) no-repeat center;right:1%;position:absolute;top:42%;background-size:contain;width:14px;height:69px;animation:fadeInDown 2s infinite;-webkit-animation:fadeInDown 2s infinite;}
.process .item:nth-child(3):hover ~ .ic,.process .item:nth-child(3).hov ~ .ic{background-image:url(../images/1line2.png);}
.vision01 .imgbox img{min-height:0;}
.vision01 .content .main .item .imgbox{padding-bottom:60%;}
.con_banner .div .cbox .bot{counter-reset:indx;}
.con_banner .div .cbox .bot .num:before{counter-increment:indx;content:"0"counter(indx);font-size:20px;font-weight:bold;color:#666;}
.con_banner .div .cbox .bot .num:last-child{display:none;}
.con_banner .div .cbox .bot .num{margin-bottom:5px;}
@media(max-width:768px){.plist1 .pitem .text{left:20px;bottom:20px;right:20px;top:unset;-webkit-transform:unset;-moz-transform:unset;-ms-transform:unset;-o-transform:unset;}
.plist1 .pitem .desc{display:block;}
.plist1 .pitem::before{opacity:0;}
.vision01 .imgbox img{min-height:195px;}
}
section.slideshow{display:none !important;}
.msg .content .smain .swiper-slide{max-width:60px;}
.msg .content .bmain .imgbox img{max-height:100%;}
/* 20231114 */
.hall01 .item .desc,.hall01 .item .tit{font-size:14px;}
.service01 .selects .uselect_box.cur{align-items:center;}
.dloading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.8);display:none;backdrop-filter:blur(6px);}
.dloading .loadin{width:100%;height:100%;justify-content:center;color:#fff;}
.dloading .loadin .txt{width:500px;text-align:center;max-width:90%;padding:20px;border-radius:10px;}
.dloading .loadin .dt{font-size:24px;}
.dloading .loadin .dt:after{content:"";animation:aft 2s infinite;}
@keyframes aft{33%{content:".";}
66%{content:"..";}
100%{content:"...";}
}
.progress{margin:20px 0;position:relative;}
.progress .bar{height:4px;background:rgba(255,255,255,0.5);border-radius:4px;position:relative;overflow:hidden;}
.progress .bar .cur{position:absolute;left:0;top:0;height:100%;background:#fff;width:0%;}
.progress .num{margin-top:20px;}
.wxicons .imgbox img{position:static;transform:none !important;}
.newinfo03 .links{margin-left:0;}
.wxicons .imgbox{width:auto;}
.plist2 .pitem .share .wxicons{padding-left:0;}
.filterTit .selectBox{border-bottom:1px solid #e4e4e6;padding-right:10px;}
/* 登录 */
.loginbox{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.36);visibility:hidden;}
.loginbox .in{width:100%;height:100%;align-items:center;justify-content:center;}
.popbox{background:#fff;width:500px;max-width:90%;position:relative;top:20%;opacity:0;}
.popbox .poptit{padding:45px 60px;text-align:center;border-top:4px solid #e60012;font-size:36px;color:#e60012;line-height:1;}
.popbox .form{padding:0 60px 50px;}
.popbox .form .line{margin-bottom:16px;background:#f3f3f3;border-radius:5px;overflow:hidden;position:relative;}
.popbox .form .line input{font-family:inherit;font-size:18px;padding:0 14px;height:60px;background:none;width:100%;outline:none;border:none;}
.popbox .form .line.s2{padding-right:126px;}
.popbox .form .line .vcode{position:absolute;right:1px;top:1px;bottom:1px;width:125px;background:#fff;border-radius:5px;}
.popbox .form .line .vcode img{width:100%;height:100%;object-fit:contain;}
.popbox .form input[type="button"]{width:100%;height:60px;font-size:18px;font-family:inherit;background:#e60012;color:#fff;border-radius:5px;border:none;outline:none;cursor:pointer;}
.agg{position:relative;padding-left:28px;line-height:1.4;margin-top:16px;font-size:16px;}
.agg .checkbox{position:absolute;left:0;top:0.7em;margin-top:-9px;}
.agg .checkbox input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;cursor:pointer;margin:0;}
.agg .checkbox i{display:block;width:18px;height:18px;background:#f3f3f3;border-radius:3px;border:1px solid #f3f3f3;}
.agg .checkbox input:checked+i{background:#e60012;}
.agg .checkbox input:checked+i:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:#fff;margin-left:-4px;margin-top:-4px;}
.agg *{line-height:inherit;}
.act.loginbox{visibility:visible;}
.act.loginbox .popbox{transition:.3s;top:0;opacity:1;}
.nav .content .login-btn{width:20px;height:20px;margin-left:30px;cursor:pointer;background-position:center;background-repeat:no-repeat;background-image:url(../images/icon-user2.png);}
.nav.white .content .login-btn,.nav.hover .content .login-btn{background-image:url(../images/icon-user.png);}
@media (max-width:1459px){.nav .content .login-btn{width:15px;margin-left:20px;background-size:contain;margin-right:10px;}
}
@media (max-width:768px){.popbox .poptit{font-size:26px;padding:30px;}
.popbox .form{padding:0 30px 30px;}
.popbox .form .line input{font-size:14px;height:40px;}
.popbox .form input[type="button"]{font-size:16px;height:40px;}
.agg{font-size:14px;}
.popbox .form .line.s2{padding-right:96px;}
.popbox .form .line .vcode{width:90px;}
}
/* 20231129 */
.nav .content .login-btn.s2{background-position:left center;color:#000;width:auto;padding-left:25px;line-height:20px;}
.nav .content .login-btn.s2 a{color:inherit;margin-left:5px;padding-left:9px;position:relative;}
.nav .content .login-btn.s2 a:before{content:"";width:1px;height:1em;position:absolute;left:0;top:50%;margin-top:-0.5em;background:#000;opacity:0.6;}
.hover.nav .content .login-btn.s2 a:before,.white.nav .content .login-btn.s2 a:before{background:#fff;}
.hover.nav .content .login-btn.s2,.white.nav .content .login-btn.s2{color:#fff;}
.filterTit .selectBox{width:160px;}
@media(max-width:1459px){.nav .content .login-btn.s2{background-size:15px;padding-left:16px;margin-left:15px;position:relative;}
.nav .content .login-btn.s2 .lout{position:absolute;left:50%;top:100%;background:#fff;padding:10px;min-width:100%;transform:translate(-50%);border-radius:5px;text-align:center;display:none;}
.nav .content .login-btn.s2 .lout:before{display:none;}
.nav .content .login-btn.s2:hover .lout{display:block;}
}
@media(max-width:750px){.service01 .otop{display:block;}
.service01 .otop .selects{margin-top:10px;}
.service01 .switchs .switch{padding:0 10px;}
}
/* 20231205 */
.proinfo03 .main .ctit{padding-left:0;padding-right:20px;transition:.3s;}
.proinfo03.pb1.s2 .main .item:hover .text .ctit{padding-left:15px;padding-right:5px;}
.proinfo03.pb1.s2 .main .item:hover .text{padding-right:0;padding-left:0;}
.cus2 .item video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.smartBlock .tit,.smartBlock4 .ctit,.custit{font-family:'OPPOSans-L';}
.custit{font-size:2.86vw;}
@media(max-width:640px){.custit{font-size:19.8px;}
.cus3 .item .p{font-size:14px;}
}
/* 2023.12.25 */
.ti_msg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99;display:flex;align-items:center;justify-content:center;}
.ti_msg .main{max-width:350px;background:#fff;padding:30px 15px;text-align:center;position:relative;}
.ti_msg .main .title{font-size:18px;}
.ti_msg .main .msg_btn{background-color:#e60012;color:#fff;margin-top:15px;display:inline-block;padding:5px 20px;border-radius:5px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.ti_msg .main .close{position:absolute;right:5px;top:5px;padding:10px;z-index:10;cursor:pointer;padding-top:2%;}
.ti_msg .main .close:before,.ti_msg .main .close:after{content:"";position:absolute;width:100%;left:0;top:50%;border-bottom:1px solid #000;}
.ti_msg .main .close:before{transform:rotate(45deg);}
.ti_msg .main .close:after{transform:rotate(-45deg);}
/* .fabric02 .bot .container#one{width:100%;}
.fabric02 .bot .container#one .info2{padding:0;} */
.fabric02 .bot .container#one .info2 img{width:100%;}
.pro .clist .imgbox.hcur:before{z-index:2;display:block;content:'';position:absolute;right:10px;top:10px;width:20px;height:20px;background-image:url(../images/member1.png);background-size:contain;}
/* 20231228 */
.con_banner{z-index:11;}
.ti_msg .main{max-width:90%;width:500px;padding:60px;}
.ti_msg .main .msg_btn{margin-top:30px;line-height:30px;}
.locat .content .list br,.fabric01 .main .ul_tit br{display:none;}
@media(max-width:560px){.ti_msg .main{padding:30px;}
}

/* #one .dblock .txt{
    padding-left: 0;
    padding-right: 0;
} */
#one .dblock .txt img{
    width: 100%;
}


.categry1{
    position: sticky;
    top: 100px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    z-index: 2;
}
body.bcur .categry1{
    top: 10px;
}
 @media(max-width:1280px){
    .categry1{
        top: 80px;
    }
}
@media (max-width: 640px){
    .categry1 {
        top: 60px;
    }
    body.bcur .categry1{
        top: 0;
    }
} 

.goback1 {
    text-align: center;
    padding: 10px 0;
}
.goback1 span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #e50012;
    color: #fff;
    cursor: pointer;
}
@media (max-width: 640px){
    .goback1 span {
        padding: 5px 10px;
    }
} 


/* 2024.1.11 */
.tgicon span {
    width: 20px;
    height: 20px;
    border: 1px solid #e60012;
    line-height: 22px;
    min-height: 22px;
}
.tgicon span::after{
    display: none;
}
.tgicon span.zk::before{
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    border-top: 1px solid #e60012;
    border-right: 1px solid #e60012;
    right: 7px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.tgicon span.sq::before{
    content: '';
    display: block;
    position: absolute;
    border-top: 1px solid #e60012;
    border-right: 1px solid #e60012;
    width: 6px;
    height: 6px;
    top: 7px;
    right: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

/*2024.2.28*/
.project01 .selectBox {
    width: 160px;
}
.project01 .selectBox {
    border-bottom: 1px solid #e4e4e6;
    padding-right: 10px;
}

/*20240407*/
.product01 .fters .flist .fitem.on:after {
    content: "×";
    position: absolute;
    right: 0;
    width: 18px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
}

.product01 .fters .flist .fitem {
    position: relative;
    padding-right: 18px;
}
.msg .content .r_list {
    justify-content: flex-start;
}

.search02 .content{
    display:block;
}
.search02 .content .content {
    padding-top: 0;
    margin-top: 0;
}


.GoBack{ position:relative;}
.GoBack a{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    padding: 0 20px 0 50px;
    text-align: center;
    /* background: #e50012 url(../images/back.svg) no-repeat 16px center; */
    color: #fff !important;
    line-height: 40px;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    transition: 0.5s;
    background-color: #e50012;
    background-image: url(../images/back.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: top 10px left 20px;
}
.GoBack a:hover{background-color:#e50012}


  /*Page003143 */
.Page003143 .Pages{padding: 3% 0;text-align: center;font-family: 'sans-serif';}
.Page003143 .Pages .p_page a.a_first,
.Page003143 .Pages .p_page a.a_end,
.Page003143 .Pages > span:not(.p_page){display: none;}
.Page003143 .Pages .p_page{display: table; margin: 0 auto;}
.Page003143 .Pages .p_page *{float: left;}
.Page003143 .Pages .p_page a{border: solid 1px #ebebeb;line-height: 36px;transition: 0.3s;}
.Page003143 .Pages .p_page > a{border-radius: 5px;padding: 0 15px;}
.Page003143 .Pages .p_page em{font-style: normal; margin: 0 30px;}
.Page003143 .Pages .p_page em a{width: 36px;border-radius: 50%; margin: 0 5px;}
.Page003143 .Pages .p_page a:hover,
.Page003143 .Pages .p_page a.active{color: #fff;background-color: #e60012;border-color: #e60012;}
@media (max-width:1024px) {
.Page003143 .Pages{padding: 0 0 2em 0;}
.Page003143 .Pages .p_page em{display: none;}
.Page003143 .Pages .p_page > a{margin: 0 10px;}
}