@charset "utf-8";
/*font*/
@font-face{font-family:"Altgot2n";src:url("font/Altgot2n.ttf");font-weight:normal;font-style:normal;}
@font-face{font-family:"SourceHanSansCN-Heavy";src:url("font/SourceHanSansCN-Heavy.otf");}
@font-face{font-family:"SourceHanSansCN-Regular";src:url("font/SourceHanSansCN-Regular.otf");}
@font-face {font-family:"icomoon";src:url("font/icomoon.ttf");}
/*var*/
:root{--main-color:#d90b17;}
/*global style*/
html{margin-top:0 !important;}
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,h5,h6,a,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:14px/1.5em "SourceHanSansCN-Regular", "PingFang SC", "Microsoft YaHei", sans-serif;color:#000;overflow-x:hidden;background:#fff;margin:0;}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
ul,li{list-style:none;}
img{vertical-align:top;}
hr{display:none;}
figure{margin:0;}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
.clearm{*zoom:1;}
input{outline:none;vertical-align:middle;}
input[type="submit"]{cursor:pointer;}
textarea{vertical-align:top;resize:none;outline:none;overflow:hidden;}
select{font-family:"SourceHanSansCN-Regular";}
p{line-height:25px;font-size:18px;}
h1{font-size:60px;color:#000;line-height:70px;margin-bottom:19px;font-family:"SourceHanSansCN-Heavy";font-weight:normal;}
h2{font-size:50px;color:#000;line-height:70px;margin-bottom:19px;font-family:"SourceHanSansCN-Heavy";font-weight:normal;}
h3{font-size:38px;color:#000;line-height:50px;font-family:"SourceHanSansCN-Heavy";font-weight:normal;}
h4{font-size:20px;color:#000;line-height:30px;font-family:"OPPOSans-R";font-weight:normal;}
a img{transition:all .5s;}
a img:hover{transform:scale(1.03);}
.loadico{display:none;position:relative;width:60px;height:30px;margin:40px auto;}
.loadico:before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;background-color:#333;border-radius:50%;animation:loadl 1s linear infinite;}
.loadico:after{content:"";position:absolute;right:0;top:5px;width:20px;height:20px;background-color:#ccc;border-radius:50%;animation:loadr 1s linear infinite;}
.load .loadico{display:block;}
@keyframes loadl{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(20px) scale(1.1);z-index:99;}
50% {transform:translateX(40px) scale(1);z-index:9;}
75% {transform:translateX(20px) scale(0.4);z-index:9;}
100% {transform:translateX(0) scale(1);z-index:9;}
}
@keyframes loadr{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(-20px) scale(0.4);z-index:9;}
50% {transform:translateX(-40px) scale(1);z-index:9;}
75% {transform:translateX(-20px) scale(1.1);z-index:99;}
100% {transform:translateX(0) scale(1);z-index:9;}
}
/* backToTop */
.hide{display:none;}
.hidden{display:none;}
.bread{padding:20px 0;}
.bread p{line-height:30px;margin:0 !important;font-size:16px;}
#wpadminbar{display:none;}

.m-Top{margin-top:100px;}
.main-width{width:1600px;max-width:92vw;margin:0 auto;}
.secd-width{width:1540px;max-width:92vw;margin:0 auto;}
.head-width{width:93.75vw;margin:0 auto;}
.wp-block-button__link{font-size:1em;}


header{position:relative;}
header .top{position:fixed;top:0;left:0;width:100%;height:100px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);z-index:9999;transition:all .5s;}
header .top .logo{position:relative;float:left;height:60px;margin-top:20px;transition:all .5s;z-index:999;}
header .top .logo img{width:auto;height:100%;}
header .top .menubtn{position:relative;float:right;width:30px;height:23px;margin-top:39px;box-sizing:border-box;cursor:pointer;transition:all .5s;z-index:999;}
header .top .menubtn i{display:block;height:1px;margin-right:0;margin-left:auto;background-color:#000;transform-origin:0 50%;transition:all .3s;}
header .top .menubtn .b1{width:24px;}
header .top .menubtn .b3{width:19px;}
header .top .menubtn .b1,header .top .menubtn .b2{margin-bottom:10px;}
header .top .menubtn .b2{width:30px;}
header .top .menubtn:hover i{width:30px;background-color:#000;}
header .top .search-icon{float:right;width:30px;height:30px;line-height:28px;padding-left:1px;margin:35px 50px 0 25px;font-size:22px;font-family:"icomoon";text-align:center;border:1px solid #999;color:#333;border-radius:50%;box-sizing:border-box;cursor:pointer;transition:all .5s;}
header .top .search-icon:before{content:"\e905";font-family:"icomoon";}
header .top .search-icon:hover{background-color:#f5f5f5;}
header .top .lang{float:right;display:block;line-height:30px;margin:35px 50px 0 0;font-size:20px;transition:all .5s;}
header .top .nav{float:right;}
header .top .nav .one{display:flex;}
header .top .nav .one > li{line-height:30px;padding:35px;font-size:20px;font-family:"SourceHanSansCN-Regular";transition:all .5s;}
header .top .nav .sub-menu{display:none;}
header .search{position:fixed;left:0;top:0;width:100%;padding:13px 0;background-color:#fff;box-sizing:border-box;opacity:0;z-index:999;transition:all .5s;}
header .search i{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 310px;transform:rotate(45deg);transform-origin:center;cursor:pointer;}
header .search i:before{content:"";position:absolute;width:30px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#333;}
header .search i:after{content:"";position:absolute;width:2px;height:30px;left:50%;top:0;margin-left:-1px;background-color:#333;}
header .search i:hover:before{background-color:var(--main-color);}
header .search i:hover:after{background-color:var(--main-color);}
header .search .box{position:relative;display:flex;width:600px;max-width:92vw;height:44px;margin:0 auto;border:2px solid #666;border-radius:8px;box-sizing:border-box;font-size:0;overflow:hidden;}
header .search .box input[type="text"]{width:calc(100% - 40px);height:40px;padding:0 15px;background:none;box-sizing:border-box;font-size:18px;}
header .search .box input[type="submit"]{position:relative;width:40px;height:40px;cursor:pointer;opacity:0;}
header .search .box:before{content:"\e905";position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;font-family:"icomoon";font-size:30px;}
header .z-nav{position:fixed;right:0;top:0;width:100%;height:100%;padding:200px 0 0 15%;background-color:rgba(0,0,0,.95);box-sizing:border-box;overflow-y:auto;opacity:0;z-index:-1;transition:all .5s;}
header .z-nav a{color:#fff;}
header .z-nav .one > li{float:left;width:33.33333%;line-height:40px;margin-bottom:50px;}
header .z-nav .one > li > a{display:block;margin-bottom:40px;font-size:30px;}
header .z-nav .one > li:nth-child(3n+1){clear:both;}
header .z-nav .sub-menu li{line-height:20px;margin-bottom:15px;font-size:16px;}
header .z-nav .sub-menu li i{display:none;line-height:20px;margin-left:10px;font-size:14px;font-family:"HelveticaNeue-Bold";text-transform:uppercase;color:var(--main-color);}
header .z-nav .sub-menu li a{color:#999;transition:all .5s;}
header .z-nav .sub-menu li a:hover{color:var(--main-color);}
header .z-nav .sub-menu li:hover:after{transform:translateX(0);opacity:1;}
header .z-nav .sub-menu li.new i{display:inline-block;}
header.sr .search{opacity:1;top:100px;}
header.flow .top{height:70px;}
header.flow .top .logo{height:40px;margin-top:15px;}
header.flow .top .menubtn{margin-top:24px;}
header.flow .top .search-icon{margin-top:20px;}
header.flow .top .nav .one > li{padding:20px 35px;}
header.flow.sr .search{top:70px;}
header.active .top{background-color:rgba(0,0,0,.9);}
header.active .top .logo{filter:invert(100%);}
header.active .top .menubtn span{color:#fff;}
header.active .top .menubtn i{background-color:#fff;}
header.active .top .menubtn .b1{width:32px;transform:rotate(45deg);}
header.active .top .menubtn .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
header.active .top .menubtn .b3{width:32px;transform:rotate(-45deg);}
header.active .top .menubtn:hover i{background-color:#fff;}
header.active .top .search-icon{color:#999;}
header.active .top .search-icon:hover{color:#333;}
header.active .top .lang{color:#fff;}
header.active .top .nav{opacity:0;}
header.active .top .search .text{color:#fff;}
header.active .search{background-color:rgba(0,0,0,.9);}
header.active .search i:before{background-color:#fff;}
header.active .search i:after{background-color:#fff;}
header.active .search .box{border-color:#fff;}
header.active .search .box input[type="text"]{color:#fff;}
header.active .search .box:before{color:#fff;}
header.active .z-nav{opacity:1;z-index:998;}


footer{padding:85px 0 140px;background-color:#000;}
footer a{color:rgba(255,255,255,.8);}
footer a:hover{color:#fff;}
footer h3{line-height:40px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #7f7f7f;font-size:40px;font-family:"SourceHanSansCN-Heavy";color:#fff;}
footer p{line-height:25px;margin-bottom:30px;font-size:16px;color:rgba(255,255,255,.8);}
footer li{min-width:25%;line-height:30px;font-size:16px;color:rgba(255,255,255,.8);}
footer li.menu-item-has-children > a{position:relative;display:block;line-height:40px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #7f7f7f;font-size:40px;font-family:"SourceHanSansCN-Heavy";color:#fff;}
footer li.menu-item-has-children > a::before{content:"";position:absolute;left:100%;bottom:-1px;width:100%;height:1px;background-color:#7f7f7f;}
footer .main-width{display:flex;justify-content:space-between;}
footer .contact{width:25%;}
footer .nav{width:45%;overflow:hidden;}
footer .nav .one{display:flex;justify-content:space-between;}
footer .show{width:15%;}
footer .show .custom-logo-link{display:block;padding:5px 0 25px;margin-bottom:40px;border-bottom:1px solid #7f7f7f;}
footer .show .custom-logo-link img{width:auto;height:30px;filter:invert(100%);-webkit-filter:invert(100%);}
footer .show .sns{display:flex;justify-content:space-between;}
footer .show .sns .wp-block-gallery{flex-wrap:nowrap;}
footer .show .sns .wp-block-image{width:35px !important;height:35px;filter:invert(100%);}

.copy-right{padding:20px 0;border-top:1px solid #383838;background-color:#000;}
.copy-right p{font-size:16px;color:rgba(255,255,255,.8);}

.newsletter{padding:70px 0;background-color:#e7e7e7;text-align:center;}
.newsletter h2{line-height:70px;margin-bottom:20px;font-size:60px;text-transform:uppercase;}
.newsletter p{line-height:30px;margin:20px 0 40px;font-size:22px;}
.newsletter .simple-message ul{display:flex;width:490px;max-width:100%;margin:0 auto;font-size:0;}
.newsletter .simple-message li p{display:none;}
.newsletter .simple-message li.sm-email{width:73.4%;}
.newsletter .simple-message li.sm-subtn{width:26.6%;}
.newsletter .simple-message input[type="text"]{width:100%;height:56px;padding:0 20px;box-sizing:border-box;background-color:#fff;border:1px solid #d0d0d0;font-size:16px;}
.newsletter .simple-message button{width:100%;height:56px;background-color:#000;color:#fff;border:none;font-size:0;cursor:pointer;}
.newsletter .simple-message button:after{content:"提交";font-size:18px;}
.newsletter .cont{width:680px;max-width:100%;margin:0 auto;}


.flow-icon{display:none;position:fixed;right:0;top:50%;transform:translateY(-50%);box-shadow:0 0 5px rgba(0,0,0,.2);text-align:center;z-index:99;}
.flow-icon a{position:relative;display:block;width:74px;height:74px;line-height:20px;padding-top:7px;font-size:12px;box-sizing:border-box;border-bottom:1px solid #ebebeb;background-color:#fff;}
.flow-icon a p{display:none;position:absolute;top:0;right:100%;align-items:center;height:100%;padding:10px 20px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);font-size:14px;color:#000;}
.flow-icon a p span{white-space:nowrap;}
.flow-icon a:before{display:block;width:35px;height:35px;line-height:35px;margin:0 auto;line-height:35px;font-family:"icomoon";font-size:30px;color:#8c4d37;}
.flow-icon a:hover{background-color:#8c4d37;color:#fff;}
.flow-icon a:hover p{display:flex;}
.flow-icon a:hover:before{color:#fff;}
.flow-icon .wsapp:before{content:"\e92b";}
.flow-icon .mes:before{content:"\e92a";}
.flow-icon .mail:before{content:"\e917";}
.flow-icon .top:before{content:"\ea50";line-height:55px;}

.flow-message{position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0;z-index:-1;transition:all .5s;}
.flow-message .box{position:relative;width:600px;padding:30px;max-width:92vw;max-height:80vh;background-color:#fff;overflow-y:auto;text-align:center;box-sizing:border-box;transform:translateY(5%);transition:all .5s;}
.flow-message .box i{position:absolute;right:5px;top:5px;width:40px;height:40px;line-height:40px;cursor:pointer;text-align:center;}
.flow-message .box i:before{content:"\e915";display:block;width:100%;height:100%;font-family:"icomoon";font-size:30px;}
.flow-message .box h3{margin-bottom:25px;}
.flow-message .box form{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flow-message .box input{width:49%;height:44px;margin-bottom:2%;padding:0 10px;border:1px solid #ccc;box-sizing:border-box;font-size:16px;border-radius:5px;}
.flow-message .box input[type="submit"]{width:100%;margin-bottom:0;border:none;background-color:#8c4d37;color:#fff;}
.flow-message .box textarea{width:100%;height:140px;line-height:25px;margin-bottom:2%;padding:10px;border:1px solid #ccc;box-sizing:border-box;font-size:16px;border-radius:5px;}
.flow-message.on{opacity:1;z-index:999999;}
.flow-message.on .box{transform:translateY(0);}

.flow-video{position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0;z-index:-1;transition:all .5s;}
.flow-video .close{position:absolute;right:0;top:0;width:100px;height:100px;cursor:pointer;transition:all .5s;}
.flow-video .close:before{content:"";position:absolute;left:50%;top:50%;width:60px;height:2px;margin:-1px 0 0 -30px;background-color:#fff;transform:rotate(45deg);}
.flow-video .close:after{content:"";position:absolute;left:50%;top:50%;width:60px;height:2px;margin:-1px 0 0 -30px;background-color:#fff;transform:rotate(-45deg);}
.flow-video .close:hover{background-color:#000;}
.flow-video .box{width:800px;height:450px;background-color:#f5f5f5;}
.flow-video .box iframe{width:100%;height:100%;border:none;box-sizing:border-box;}
.flow-video.on{opacity:1;z-index:999999;}
.flow-video.on .box{transform:translateY(0);}


.btn-style-01{display:inline-block;border:1px solid #fff;transition:all .5s;}
.btn-style-01 a{display:flex;align-items:center;line-height:45px;padding:5px 30px;background:none;color:#fff;font-size:24px;font-family:"SourceHanSansCN-Heavy";transition:all .5s;}
.btn-style-01 a:after{content:"";display:block;width:62px;height:39px;background-image:url(/wp-content/uploads/2025/02/red-arrow.png);background-size:100%;margin-left:30px;transition:margin .5s;}
.btn-style-01:hover{background-color:#fff;}
.btn-style-01:hover a{padding:5px 30px;color:#000;}
.btn-style-01:hover a:after{margin-left:30px;}
.btn-style-01.black{border-color:#000;}
.btn-style-01.black a{color:#000;}
.btn-style-01.black:hover{background-color:#000;}
.btn-style-01.black:hover a{color:#fff;}
.btn-style-02{display:inline-block;border:1px solid var(--main-color);transition:all .5s;}
.btn-style-02 a{display:block;line-height:40px;padding:10px 60px;background:none;color:#000;font-size:24px;font-family:"SourceHanSansCN-Heavy";transition:all .5s;}
.btn-style-02:hover{background-color:var(--main-color);}
.btn-style-02:hover a{color:#fff;}

.slidebox .slide-pic{position:relative;height:100%;background-color:#000;}
.slidebox .wp-block-cover{justify-content:flex-start;position:absolute;left:0;top:0;width:100%;height:100%;padding:0 8%;min-height:0;opacity:0;overflow:hidden;transition:all 1.5s;}
.slidebox .wp-block-cover img{transition:transform 5s;}
.slidebox .wp-block-cover .wp-block-cover__inner-container{position:relative;width:580px;max-width:92vw;margin:0;box-sizing:border-box;z-index:-1;transition:all 1.5s;}
.slidebox .wp-block-cover.active{opacity:1;}
.slidebox .wp-block-cover.active img{transform:scale(1.03);}
.slidebox .wp-block-cover.active .wp-block-cover__inner-container{z-index:9;}
.slidebox .func{display:flex;justify-content:space-between;align-items:center;position:absolute;left:50%;bottom:4%;width:1600px;max-width:84vw;transform:translateX(-50%);z-index:9;}
.slidebox .func .pap{position:relative;display:block;width:20px;height:24px;margin-right:10px;cursor:pointer;}
.slidebox .func .pap:before{content:"";position:absolute;left:0;top:0;width:0;height:24px;border-top:0px solid transparent;border-bottom:0px solid transparent;border-left:8px solid #fff;transition:all .3s;}
.slidebox .func .pap:after{content:"";position:absolute;left:12px;top:0;width:0;height:24px;border-top:0px solid transparent;border-bottom:0px solid transparent;border-left:8px solid #fff;transition:all .3s;}
.slidebox .func .pap.stop:before{height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #fff;}
.slidebox .func .pap.stop:after{left:10px;top:6px;height:0;background-color:initial;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;}
.slidebox .func .linebox{width:calc(100% - 234px);height:2px;background-color:#777;}
.slidebox .func .linebox i{position:relative;display:block;width:0;height:100%;background-color:#fff;}
.slidebox .func .btn{display:flex;margin-left:74px;}
.slidebox .func .btn span{display:block;width:58px;height:58px;line-height:56px;border:1px solid #bebebe;border-radius:50%;box-sizing:border-box;text-align:center;color:#bebebe;font-size:20px;cursor:pointer;transition:all .5s;}
.slidebox .func .btn span:hover{background-color:#fff;color:#000;}
.slidebox .func .btn .prev{transform:rotate(180deg);margin-right:10px;}
.slidebox .smallbox .wp-block-cover{padding:0 5.6%;}
.slidebox .smallbox .wp-block-cover .wp-block-cover__inner-container{width:405px;}
.slidebox .smallbox .func{width:88.8%;}

.index-banner{position:relative;height:100vh;background-color:#000;}
.index-banner h1{line-height:94px;margin-bottom:0;font-size:94px;}
.index-banner p{line-height:30px;margin:50px 0 60px;font-size:22px;color:rgba(255,255,255,.8) !important;}
.index-banner.mob{display:none;}

.index-desc{position:relative;padding:70px 0;}
.index-desc .text{position:relative;width:100%;max-width:100%;}
.index-desc .text h2{line-height:70px;margin-bottom:20px;font-size:50px;}
.index-desc .text h2 img{width:75px !important;height:46px;margin:10px 0 0 20px;}
.index-desc .text h3{position:absolute;right:0;top:90%;display:inline-block;line-height:44px;margin-top:50px;font-size:28px;transform-origin:right top;transform:rotate(90deg);}
.index-desc .text h3 img{width:62px !important;height:22px;margin:12px 0 0 5px;}
.index-desc .text p{line-height:30px;font-size:22px;}
.index-desc .text.tx1{padding:0 25% 0 0;box-sizing:border-box;}
/*.index-desc:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter:saturate(180%) blur(100px);transition:all .5s;}
.index-desc.on:after{backdrop-filter:saturate(180%) blur(0);}*/


.index-video video{height:700px;}
.index-video p{margin-left:25px;}
.index-video .vbtn{cursor:pointer;}
.index-video .wp-block-cover{min-height:0;padding:230px 0 250px;}

.index-mainpro{position:relative;height:750px;}
.index-mainpro .main-width{height:100%;}
.index-mainpro .main-width > .wp-block-group{position:sticky;top:2%;display:flex;justify-content:space-between;width:100%;}
.index-mainpro .wp-block-cover{position:relative;width:49.48%;height:750px;padding:0;background-color:#2e2e2e;box-sizing:border-box;overflow:hidden;}
.index-mainpro .wp-block-cover img{width:100%;height:100%;transform:translateY(0);object-fit:cover;}
.index-mainpro .wp-block-cover figure{position:absolute;left:0;top:0;width:100%;height:100%;}
.index-mainpro .wp-block-cover .light{opacity:0;transition:all .5s;}
.index-mainpro .wp-block-cover .wp-block-group{position:absolute;left:0;bottom:0;width:100%;padding:2% 5%;box-sizing:border-box;opacity:0;transform:translateY(5%);transition:all 1.5s;}
.index-mainpro .wp-block-cover .wp-block-group h3{padding-bottom:15px;margin-bottom:15px;border-bottom:4px solid #000;}
.index-mainpro .wp-block-cover .wp-block-group p{line-height:30px;font-size:21px;}
.index-mainpro .wp-block-cover .wp-block-cover__inner-container{height:100%;}
.index-mainpro.on .wp-block-cover .light{opacity:1;}
.index-mainpro.on .wp-block-cover .wp-block-group{opacity:1;transform:translateY(0);}

.index-products{padding:70px 0;}
.index-products .slide-pro{position:relative;}
.index-products .slide-pro .slide-btn{position:absolute;top:40%;line-height:40px;margin-top:-20px;font-size:30px;transform:scale(1,2);cursor:pointer;}
.index-products .slide-pro .prev{left:-4vw;}
.index-products .slide-pro .next{right:-4vw;}
.index-products .slide-pic{margin-bottom:40px;overflow:hidden;}
.index-products .slide-pic li{float:left;width:500px;margin-right:50px;}
.index-products .slide-pic li .pic{display:flex;align-items:center;height:500px;overflow:hidden;background-image:linear-gradient(#737373,#d3d3d3);}
.index-products .slide-pic li .pic img{width:100%;height:100%;object-fit:cover;}
.index-products .slide-pic li .text{padding:20px 0 0;}
.index-products .slide-pic li .text h3{line-height:36px;margin-bottom:15px;border-bottom:1px solid #a1a1a1;font-size:36px;}
.index-products .slide-pic li .text h3 a{position:relative;display:inline-block;padding-bottom:15px;}
.index-products .slide-pic li .text h3 a:before{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background-color:#333;}
.index-products .slide-pic li .text p{line-height:25px;font-size:18px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-products .slide-dot{position:relative;width:12px;height:12px;margin:0 auto;}
.index-products .slide-dot ul{position:static !important;width:100% !important;height:100% !important;overflow:visible !important;}
.index-products .slide-dot li{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(0) scale(0.33);background-color:#000;border-radius:50%;opacity:0;}
.index-products .slide-dot li.active{transform:translateX(0) scale(1);opacity:1;background-color:var(--main-color);transition:all .5s;}
.index-products .slide-dot li.le{transform:translateX(-160%) scale(0.66);opacity:1;transition:all .5s;}
.index-products .slide-dot li.left{transform:translateX(-280%) scale(0.33);opacity:1;transition:all .5s;}
.index-products .slide-dot li.leftout{transform:translateX(-300%) scale(0.33);transition:all .5s;}
.index-products .slide-dot li.rig{transform:translateX(160%) scale(0.66);opacity:1;transition:all .5s;}
.index-products .slide-dot li.right{transform:translateX(280%) scale(0.33);opacity:1;transition:all .5s;}
.index-products .slide-dot li.rightout{transform:translateX(300%) scale(0.33);transition:all .5s;}

.index-finder{background-color:#383838;overflow:hidden;}
.index-finder > .wp-block-group{font-size:0;}
.index-finder .pic{width:100%;background-image:url(/wp-content/uploads/2023/07/index-finder-bg.jpg);background-size:100% 100%;transition:all 1.5s;}
.index-finder .pic h3{width:100%;line-height:70px;font-size:60px;margin-bottom:15px;}
.index-finder .pic p{line-height:30px;font-size:21px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.index-finder .pic .wp-block-image{text-align:center;}
.index-finder .pic .wp-block-image img{max-width:30vw;}
.index-finder .pic .wp-block-group{max-width:50vw;margin:0 auto;padding:50px 5% 50px 7.5%;transition:all 1.5s;}
.index-finder .desc{width:0;padding:0;transition:all 1.5s;}
.index-finder .desc img{opacity:0;transform:translateY(1vw);transition:all 1s;transition-delay:1.7s;}
.index-finder .desc h2{line-height:70px;font-size:60px;margin:20px 0 15px;opacity:0;transform:translateY(1vw);transition:all 1s;transition-delay:1.8s;}
.index-finder .desc p{line-height:30px;font-size:21px;margin-bottom:50px;opacity:0;transform:translateY(1vw);transition:all 1s;transition-delay:1.9s;}
.index-finder .desc .wp-block-buttons{opacity:0;transform:translateY(1vw);transition:all 1s;transition-delay:2s;}
.index-finder .desc .wp-block-group__inner-container{max-height:40vw;}
.index-finder.action .pic{width:50%;}
.index-finder.action .pic .wp-block-group{padding:50px 10% 50px 15%;}
.index-finder.action .desc{width:50%;padding:0 6%;}
.index-finder.action .desc img{opacity:1;transform:translateY(0);}
.index-finder.action .desc h2{opacity:1;transform:translateY(0);}
.index-finder.action .desc p{opacity:1;transform:translateY(0);}
.index-finder.action .desc .wp-block-buttons{opacity:1;transform:translateY(0);}


.index-app{padding:70px 0;}
.index-app .wp-block-media-text{display:flex;justify-content:space-between;align-items:stretch;}
.index-app .wp-block-media-text__content{position:relative;width:41.5%;padding:0 13.4% 0 0;box-sizing:border-box;align-self:stretch !important;}
.index-app .wp-block-media-text__content h2{margin:40px 0 30px;}
.index-app .wp-block-media-text__content h4{display:inline-block;line-height:30px;padding:0 30px;border:1px solid #303030;border-radius:30px;font-family:"SourceHanSansCN-Heavy";}
.index-app .wp-block-media-text__content p{line-height:30px;font-size:21px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.index-app .wp-block-media-text__content .wp-block-buttons{position:absolute;right:0;bottom:0;}
.index-app .wp-block-media-text__media{width:50%;}


.index-appslide h2{margin:30px 0;}
.index-appslide h4{display:inline-block;line-height:30px;padding:0 30px;border:1px solid #fff;border-radius:30px;font-family:"SourceHanSansCN-Heavy";}
.index-appslide p{color:rgba(255,255,255,.8) !important;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.index-appslide .wp-block-buttons{margin-top:40px;}
.index-appslide .smallbox{position:relative;height:590px;}

.index-applist{padding:70px 0;text-align:center;}
.index-applist h2{margin:30px 0;}
.index-applist h4{display:inline-block;line-height:30px;padding:0 30px;border:1px solid #303030;border-radius:30px;font-family:"SourceHanSansCN-Heavy";}
.index-applist p{margin:30px 0 40px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.index-applist .is-content-justification-space-between{margin-bottom:4%;border-bottom:1px solid #a1a1a1;}
.index-applist .is-vertical{width:47.5%;align-self:flex-start;font-size:0;text-align:left;}
.index-applist .is-vertical > .wp-block-group{padding-bottom:5%;}
.index-applist .is-vertical > .wp-block-group .wp-block-group{width:600px;max-width:100%;padding:6.5% 0 0;}
.index-applist .is-vertical > .wp-block-group:nth-child(1){margin-bottom:5%;}

.com-banner{height:700px;}
.com-banner h1{line-height:70px;margin-bottom:10px;font-size:50px;color:#fff;}
.com-banner h1 img{width:auto;height:38px;margin:20px 0 0 20px;}
.com-banner .bread{color:#fff;}
.com-banner .wp-block-cover{position:relative;height:100%;min-height:0;padding:170px 4vw 4vw;box-sizing:border-box;}
.com-banner .wp-block-cover__inner-container{width:1480px;max-width:92vw;margin:0 auto;}
.com-banner .wp-block-cover > img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1;}
.com-banner.pro h1{line-height:110px;font-size:70px;}
.com-banner.pro .wp-block-cover{padding-top:200px;}
.com-banner.ser h1{line-height:80px;font-size:50px;}
.com-banner.ser h1 img{margin:25px 0 0 10px;}
.com-banner.ser .wp-block-cover{padding-top:200px;}
.com-banner.coc h1{line-height:110px;font-size:108px;}
.com-banner.coc .wp-block-cover{position:relative;height:100%;padding-top:300px;box-sizing:border-box;z-index:1;overflow:hidden;}


.single-banner{height:700px;}
.single-banner img{width:100%;height:100%;object-fit:cover;}

.com-cate{margin-bottom:30px;border-bottom:1px solid #aeaeae;}
.com-cate ul{display:flex;column-gap:70px;}
.com-cate li{position:relative;padding-bottom:30px;font-size:32px;font-family:"SourceHanSansCN-Heavy";}
.com-cate li a{display:block;line-height:40px;padding:0 25px;}
.com-cate li.on a{background-color:#e8e8e8;}
.com-cate li.on:before{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:4px;background-color:var(--main-color);}

.filter h3{position:relative;line-height:26px;font-size:18px;font-family:"OPPOSans-R";cursor:pointer;}
.filter h3:before{content:"";position:absolute;right:0;top:12px;width:14px;height:2px;background-color:#333;}
.filter h3:after{content:"";position:absolute;right:6px;top:6px;width:2px;height:14px;background-color:#333;}
.filter li{position:relative;line-height:20px;padding-left:25px;margin-top:23px;font-size:16px;cursor:pointer;}
.filter li:before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border:1px solid #333;box-sizing:border-box;}
.filter li.on:before{content:"\f147";border:none;line-height:16px;text-align:center;background-color:#333;color:#fff;font-family:dashicons;font-size:16px;}
.filter section{padding:25px 10px;border-top:1px solid #333;}
.filter section.open h3:after{display:none;}
.filter section.nosel h3:before{display:none;}
.filter section.nosel h3:after{display:none;}
.filter .power .bar{position:relative;width:100%;height:4px;margin:1.5vw 0 1vw;background-color:#ddd;}
.filter .power .bar .line{position:absolute;left:0;width:100%;height:4px;background-color:#999;}
.filter .power .bar .line i{position:absolute;top:50%;width:18px;height:18px;padding:4px;margin-top:-9px;background-color:#fff;border-radius:50%;box-sizing:border-box;border:1px solid #aaa;cursor:pointer;}
.filter .power .bar .line i:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background-color:#333;}
.filter .power .bar .line i em{position:absolute;left:50%;top:100%;line-height:20px;margin-top:10px;font-size:14px;transform:translateX(-50%);}
.filter .power .bar .line .min{left:0;}
.filter .power .bar .line .max{left:calc(100% - 12px);}
.filter .power .num{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vw;user-select:none;}
.filter .power .num .nbox{display:flex;align-items:center;justify-content:center;column-gap:0.3vw;width:44.3%;height:2.4vw;border:1px solid #ddd;box-sizing:border-box;font-size:0.85vw;user-select:none;}
.filter .power .num .nbox input{width:calc(100% - 2vw);height:calc(2.4vw - 2px);font-size:0.85vw;user-select:none;}

.sfilter{display:flex;column-gap:50px;margin:45px 0;padding:0 55px;background-color:#e8e8e8;}
.sfilter h3{position:relative;line-height:35px;padding-right:25px;font-size:20px;font-family:"SourceHanSansCN-Regular";}
.sfilter h3:before{content:"\f347";position:absolute;right:0;top:0;line-height:38px;font-family:dashicons;font-size:20px;}
.sfilter section{position:relative;padding:15px 0;z-index:99;}
.sfilter section ul{position:absolute;left:0;top:110%;min-width:100%;height:0;background-color:#fff;overflow:hidden;transition:top .3s;}
.sfilter section ul li{position:relative;padding:5px 10px 5px 30px;line-height:25px;font-size:16px;white-space:nowrap;cursor:pointer;}
.sfilter section ul li:before{content:"";position:absolute;left:10px;top:9px;width:13px;height:13px;line-height:13px;border:1px solid #999;font-family:dashicons;font-size:13px;text-align:center;}
.sfilter section ul li.on:before{content:"\f15e";}
.sfilter section ul:before{content:"";position:absolute;left:50%;bottom:100%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#fff;}
.sfilter section:hover ul{padding:5px 0;box-shadow:0 0 5px rgba(0,0,0,.2);top:100%;height:auto;overflow:visible;}

.pageinfo{margin-top:40px;}
.pageinfo ul{display:flex;justify-content:center;flex-wrap:wrap;column-gap:20px;}
.pageinfo li{line-height:35px;padding:0 13px;border:1px solid #999;cursor:pointer;}
.pageinfo li.on{border-color:var(--main-color);color:var(--main-color);}


.list-products{padding:70px 0;}
.list-products .title{margin-bottom:70px;}
.list-products .title h2{line-height:70px;margin-bottom:20px;font-size:60px;}
.list-products .title p{line-height:25px;font-size:20px;}
.list-products .cate{margin-bottom:70px;}
.list-products .cate ul{display:flex;flex-wrap:wrap;column-gap:1%;row-gap:0.85vw;}
.list-products .cate li{width:24.25%;line-height:30px;font-size:18px;border:1px solid #333;box-sizing:border-box;text-align:center;}
.list-products .cate li a{display:block;padding:15px;}
.list-products .cate li:hover{background-color:#f5f5f5;}
.list-products .cate li.on{background-color:var(--main-color);border-color:var(--main-color);}
.list-products .cate li.on a{color:#fff;}
.list-products .pro-search{position:relative;padding:0 90px;margin-bottom:50px;border:1px solid #333;}
.list-products .pro-search input{width:100%;height:60px;font-size:18px;}
.list-products .pro-search:before{content:"\e905";position:absolute;left:40px;top:15px;width:30px;height:30px;line-height:30px;text-align:center;font-family:"icomoon";font-size:30px;}
.list-products .cont{display:flex;justify-content:space-between;}
.list-products .cont .funcs{position:relative;width:22.5%;}
.list-products .cont .funcs h2{display:flex;justify-content:space-between;line-height:30px;margin:0;font-size:24px;text-transform:uppercase;font-family:"OPPOSans-R";}
.list-products .cont .funcs label{display:block;line-height:55px;padding:0 10px;margin:30px 0;background-color:#000;color:#fff;font-size:24px;font-family:"OPPOSans-R";text-align:center;}
.list-products .cont .list{width:74%;}
.list-products .cont .list ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:60px;}
.list-products .cont .list li{display:none;width:32%;}
.list-products .cont .list li .pic{position:relative;height:0;padding-bottom:100%;overflow:hidden;}
.list-products .cont .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;}
.list-products .cont .list li .pic .app{transform:scale(1.02);opacity:0;transition:all .5s;}
.list-products .cont .list li .pic:hover .app{transform:scale(1);opacity:1;}
.list-products .cont .list li .text{padding:20px 0 0;}
.list-products .cont .list li .text h3{line-height:36px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #a1a1a1;font-size:36px;}
.list-products .cont .list li .text p{line-height:25px;font-size:16px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-products .cont .list li.on.show{display:block;}


.main-product h2{line-height:70px;margin-bottom:30px;font-size:50px;}
.main-product p{line-height:30px;font-size:20px;}
.main-product .overview{padding-bottom:70px;}
.main-product .overview .share{display:flex;justify-content:flex-end;column-gap:25px;padding:35px 0;margin-bottom:30px;}
.main-product .overview .share span{display:block;line-height:40px;font-size:20px;}
.main-product .overview .share a{display:block;width:40px;height:40px;line-height:38px;text-align:center;border:1px solid #333;border-radius:50%;box-sizing:border-box;font-family:"icomoon";font-size:20px;}
.main-product .overview .share a:hover{border-color:var(--main-color);color:var(--main-color);}
.main-product .overview .share .twitter:before{content:"\ea96";}
.main-product .overview .share .linkedin:before{content:"\eaca";}
.main-product .overview .share .facebook:before{content:"\ea90";}
.main-product .overview .slide-pro{position:relative;width:1400px;margin:0 auto 70px;}
.main-product .overview .slide-pro .btn{position:absolute;top:50%;width:31px;height:60px;margin-top:-60px;overflow:hidden;cursor:pointer;}
.main-product .overview .slide-pro .btn:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#666;transform-origin:left top;transform:rotate(-45deg);}
.main-product .overview .slide-pro .btn:after{content:"";position:absolute;left:0;bottom:0;width:1px;height:100%;background-color:#666;transform-origin:left bottom;transform:rotate(45deg);}
.main-product .overview .slide-pro .btn:hover:before{background-color:var(--main-color);}
.main-product .overview .slide-pro .btn:hover:after{background-color:var(--main-color);}
.main-product .overview .slide-pro .prev{left:-100px;transform-origin:center;transform:rotate(180deg);}
.main-product .overview .slide-pro .next{right:-100px;}
.main-product .overview .slide-pic{width:1400px;margin-bottom:40px;overflow:hidden;}
.main-product .overview .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-product .overview .slide-pic li{width:1400px;height:600px;}
.main-product .overview .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.main-product .overview .slide-dot ul{display:flex;justify-content:center;column-gap:25px;}
.main-product .overview .slide-dot li{width:10px;height:10px;border-radius:50%;background-color:#aaa;}
.main-product .overview .slide-dot li.active{background-color:var(--main-color);}
.main-product .overview .infos h2{margin:70px 0 10px;}
.main-product .overview .infos ul{padding-left:25px;}
.main-product .overview .infos li{line-height:30px;margin:5px 0;font-size:20px;list-style-type:disc;}
.main-product .install{padding:45px 0;background-color:#f5f5f5;}
.main-product .install ul{display:flex;justify-content:space-between;}
.main-product .install li{width:23.2%;}
.main-product .install li img{width:100%;height:auto;}
.main-product .install li p{margin:10px 0 0;}
.main-product .related{padding:1px 0 45px;}
.main-product .related ul{display:flex;column-gap:3.5%;}
.main-product .related li{width:31%;}
.main-product .related li p{margin-top:10px;}
.main-product .related li .pic{position:relative;height:0;padding-bottom:100%;overflow:hidden;}
.main-product .related li .pic img{position:absolute;width:100%;height:100%;object-fit:cover;}
.main-product .approp{padding:45px 0;}
.main-product .approp h2{margin-bottom:10px;}
.main-product .approp .pfilter{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:25px;margin:40px 0;}
.main-product .approp .pfilter h3{line-height:25px;margin-bottom:10px;font-size:18px;color:#333;}
.main-product .approp .pfilter section{position:relative;width:21.5%;height:66px;overflow:hidden;}
.main-product .approp .pfilter section span{position:relative;display:block;line-height:25px;padding:0 25px 5px 0;border-bottom:1px solid #999;font-family:"OPPOSans-R";color:#999;font-size:16px;cursor:pointer;}
.main-product .approp .pfilter section span:before{content:"\f347";position:absolute;right:0;top:0;line-height:25px;font-size:18px;font-family:dashicons;}
.main-product .approp .pfilter section span.hx{color:#000;}
.main-product .approp .pfilter section ul{position:absolute;top:100%;left:0;width:100%;padding:5px 0;transform:translateY(15px);background-color:#000;box-sizing:border-box;z-index:9;opacity:0;transition:all .5s;}
.main-product .approp .pfilter section li{position:relative;padding:0 10px 0 33px;margin:5px 0;line-height:30px;font-size:16px;color:#fff;cursor:pointer;}
.main-product .approp .pfilter section li:before{content:"";position:absolute;left:10px;top:6px;width:16px;height:16px;line-height:16px;text-align:center;background-color:#fff;}
.main-product .approp .pfilter section li:hover{background-color:#333;}
.main-product .approp .pfilter section li.on:before{content:"\f15e";font-family:dashicons;color:#333;}
.main-product .approp .pfilter section.open{overflow:visible;}
.main-product .approp .pfilter section.open span:before{content:"\f343";}
.main-product .approp .pfilter section.open ul{transform:translateY(0);opacity:1;}
.main-product .approp .item-count{line-height:30px;margin-bottom:10px;font-size:18px;font-family:"OPPOSans-R";text-transform:uppercase;}
.main-product .approp .list table{width:100%;}
.main-product .approp .list table th{line-height:20px;padding:15px 10px;border:2px solid #fff;font-size:16px;font-family:"OPPOSans-R";}
.main-product .approp .list table td{padding:10px 5px;text-align:center;font-size:16px;color:#666;}
.main-product .approp .list table thead{background-color:#ddd;}
.main-product .approp .list table tbody tr{display:none;border-bottom:1px solid #ddd;}
.main-product .approp .list table tbody tr.on.show{display:table-row;}
.main-product .approp .list table img{width:65px;height:65px;object-fit:contain;}
.main-product .approp .list table .down{display:inline-block;transform:rotate(180deg);color:#333;}
.main-product .approp .list table .down:before{content:"\e90e";font-family:"icomoon";font-size:20px;}
.main-product .approp .list table .down:hover{color:var(--main-color);}
.main-product .approp .list table .view{display:inline-block;color:#333;cursor:pointer;}
.main-product .approp .list table .view:before{content:"\e9ce";font-family:"icomoon";font-size:20px;}
.main-product .approp .list table .view:hover{color:var(--main-color);}
.pro-overview{position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.7);box-sizing:border-box;overflow-y:auto;opacity:0;z-index:-1;transition:all .5s;}
.pro-overview .close{position:absolute;right:0;top:0;width:100px;height:100px;cursor:pointer;transition:all .5s;}
.pro-overview .close:before{content:"";position:absolute;left:50%;top:50%;width:60px;height:2px;margin:-1px 0 0 -30px;background-color:#fff;transform:rotate(45deg);}
.pro-overview .close:after{content:"";position:absolute;left:50%;top:50%;width:60px;height:2px;margin:-1px 0 0 -30px;background-color:#fff;transform:rotate(-45deg);}
.pro-overview .close:hover{background-color:#000;}
.pro-overview .slide-spro{position:relative;width:800px;padding:30px;background-color:#fff;}
.pro-overview .slide-spro .slide-pic{width:600px;height:600px;margin:0 auto 18px;box-shadow:0 0 2px rgba(0,0,0,.5);overflow:hidden;}
.pro-overview .slide-spro .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.pro-overview .slide-spro .slide-pic li{width:600px;height:600px;}
.pro-overview .slide-spro .slide-pic li img{width:100%;height:100%;object-fit:contain;}
.pro-overview .slide-spro .slide-dot{width:620px;height:104px;padding:2px 0;margin:0 auto;overflow:hidden;}
.pro-overview .slide-spro .slide-dot ul{display:flex;justify-content:center;flex-wrap:wrap;}
.pro-overview .slide-spro .slide-dot li{width:104px;height:104px;margin:0 10px;box-shadow:0 0 2px rgba(0,0,0,.5);}
.pro-overview .slide-spro .slide-dot li img{width:100%;height:100%;object-fit:contain;}
.pro-overview .slide-spro .slide-dot li.active{box-shadow:0 0 2px var(--main-color);}
.pro-overview .slide-spro .btn{position:absolute;top:50%;width:31px;height:60px;margin-top:-60px;overflow:hidden;cursor:pointer;}
.pro-overview .slide-spro .btn:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#666;transform-origin:left top;transform:rotate(-45deg);}
.pro-overview .slide-spro .btn:after{content:"";position:absolute;left:0;bottom:0;width:1px;height:100%;background-color:#666;transform-origin:left bottom;transform:rotate(45deg);}
.pro-overview .slide-spro .btn:hover:before{background-color:var(--main-color);}
.pro-overview .slide-spro .btn:hover:after{background-color:var(--main-color);}
.pro-overview .slide-spro .prev{left:50px;transform-origin:center;transform:rotate(180deg);}
.pro-overview .slide-spro .next{right:50px;}
.pro-overview.show{opacity:1;z-index:99999;}

.main-company{padding:45px 0;overflow:hidden;}
.main-company h2{line-height:70px;font-size:50px;}
.main-company h2.hasline{position:relative;display:inline-block;padding-bottom:6px;}
.main-company h2.hasline:before{content:"";position:absolute;left:0;bottom:2px;width:100vw;height:2px;background-color:#918c8a;}
.main-company h2.hasline:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background-color:#333;}
.main-company h3{line-height:60px;margin-bottom:30px;font-size:40px;}
.main-company h3 img{width:auto !important;height:28px;margin:18px 0 0 15px;}
.main-company p{line-height:30px;margin-bottom:20px;font-size:20px;}
.main-company .company-profile{overflow:hidden;}
.main-company .company-profile h2.hasline{margin-top:60px;}
.main-company .company-profile .wp-block-media-text{margin:70px 0;}
.main-company .company-profile .wp-block-media-text__content{padding:0 0 0 15%;}
.main-company .company-profile .wp-block-cover{height:715px;padding:5% 4.5%;}
.main-company .company-profile .wp-block-cover h2{margin-bottom:20px;}
.main-company .company-profile .wp-block-cover p{font-family:"SourceHanSansCN-Heavy";font-style:italic;}
.main-company .company-profile figcaption{line-height:30px;margin:10px 0 0;font-size:28px;font-family:"SourceHanSansCN-Heavy";color:#5d5d5d;}
.main-company .social-responsibility .wp-block-media-text{margin:70px 0 50px;}
.main-company .social-responsibility .wp-block-media-text__content{padding:0 0 0 15%;}
.main-company .social-responsibility .wp-block-buttons{margin-top:30%;}
.main-company .social-responsibility .wp-block-button__link{line-height:30px;padding:15px 50px;font-size:25px;}
.main-company .our-mission figcaption{line-height:60px;padding:4.5% 7% !important;font-size:56px !important;text-align:left !important;font-family:"SourceHanSansCN-Heavy";}
.main-company .our-mission figcaption img{width:auto;height:28px;margin:18px 0 0 15px;vertical-align:top;}
.main-company .our-mission .wp-block-gallery{margin:70px 0 50px;}
.main-company .news .list ul{display:flex;flex-wrap:wrap;column-gap:2.45%;row-gap:3vw;}
.main-company .news .list li{display:none;width:31.7%;}
.main-company .news .list li .pic{position:relative;height:0;padding-bottom:70%;overflow:hidden;}
.main-company .news .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.main-company .news .list li .text h3{height:100px;line-height:50px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid #333;font-size:48px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-company .news .list li .text p{line-height:30px;font-size:20px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.main-company .news .list li.action{display:block;}
.main-company .advantages .wp-block-media-text{position:relative;padding:90px 0;}
.main-company .advantages .wp-block-media-text > *{position:relative;}
.main-company .advantages .wp-block-media-text:before{content:"";position:absolute;left:-50%;top:0;width:200%;height:100%;background-color:#efefef;}
.main-company .advantages .wp-block-media-text__content{padding:0 14% 0 0;}
.main-company .advantages .wp-block-media-text__content:after{content:"";display:block;width:115px;height:5px;margin-top:50px;background-color:var(--main-color);}
.main-company .advantages .wp-block-group{position:relative;}
.main-company .advantages .wp-block-group .wp-block-image{width:18.2%;text-align:center;}
.main-company .advantages .wp-block-group .wp-block-image figcaption{margin:20px 0 0;line-height:30px;font-size:20px;;}
.main-company .advantages .wp-block-separator{display:block;border-color:#686868;}
.main-company .advantages .wp-block-cover{overflow:visible;margin-top:90px;}
.main-company .advantages .wp-block-cover .wp-block-cover__background{left:-50%;width:200%;height:150%;}


.main-news{padding:70px 0;}
.main-news .title{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #999;}
.main-news .title time{position:relative;display:flex;align-items:center;column-gap:10px;line-height:25px;font-size:16px;color:#999;}
.main-news .title time:before{content:"\f508";font-family:dashicons;font-size:18px;}
.main-news .cont > *{margin:30px 0;}


.main-service{padding:70px 0;overflow:hidden;}
.main-service h2{line-height:70px;font-size:60px;}
.main-service h2.hasline{position:relative;display:inline-block;padding-bottom:6px;}
.main-service h2.hasline:before{content:"";position:absolute;left:0;bottom:2px;width:100vw;height:2px;background-color:#918c8a;}
.main-service h2.hasline:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background-color:#333;}
.main-service h3{line-height:60px;margin-bottom:30px;font-size:40px;}
.main-service h3 img{width:auto;height:28px;margin:18px 0 0 15px;}
.main-service h4{line-height:40px;font-size:32px;font-family:"SourceHanSansCN-Heavy";color:#5d5d5d;}
.main-service p{line-height:30px;margin-bottom:30px;font-size:20px;}
.main-service .oem-service ul{padding-left:20px;}
.main-service .oem-service li{line-height:30px;font-size:20px;list-style-type:disc;color:#666;}
.main-service .oem-service .wp-block-media-text{margin:85px 0;}
.main-service .oem-service .wp-block-media-text__content{padding:20px 17%;}
.main-service .oem-service .oemqc p{margin:50px 0 0;color:#666;}
.main-service .oem-service .oemqc ul{margin-top:30px;}
.main-service .oem-service .oemqc .is-vertical:nth-child(1){width:55%;}
.main-service .oem-service .oemline{margin:65px 0 40px;padding-bottom:40px;border-bottom:1px solid #333;counter-reset:itemCounter;}
.main-service .oem-service .imglist{row-gap:50px;}
.main-service .oem-service .imglist figcaption{line-height:25px;margin:15px 0 0;font-size:20px;color:#666;}
.main-service .oem-service .imglist .wp-block-image{width:16.5%;counter-increment:itemCounter;}
.main-service .oem-service .imglist .wp-block-image:before{content:"0"counter(itemCounter, decimal);display:block;line-height:50px;margin-bottom:20px;border-bottom:1px solid #333;font-size:48px;font-family:"SourceHanSansCN-Heavy";}
.main-service .oem-service .imglist .wp-block-image:nth-child(10):before{content:"10";}
.main-service .light-planning p{line-height:30px;font-size:24px;color:#666;}
.main-service .light-planning .is-vertical{width:43%;}
.main-service .light-planning > .wp-block-group{margin-bottom:65px;}
.main-service .personalised-project-consultations li{position:relative;line-height:30px;padding-left:30px;margin:5px 0;font-size:20px;}
.main-service .personalised-project-consultations li:before{content:"\f15e";position:absolute;left:0;top:5px;width:20px;height:20px;line-height:18px;border:1px solid #aeaeae;box-sizing:border-box;text-align:center;font-family:dashicons;font-size:16px;}
.main-service .personalised-project-consultations .is-vertical{width:47%;}
.main-service .personalised-project-consultations .is-vertical h3{font-size:52px;}
.main-service .personalised-project-consultations .wp-block-media-text{margin-top:70px;}
.main-service .personalised-project-consultations .wp-block-media-text .wp-block-media-text__content{padding:0 18% 0 0;}
.main-service .customization-service h2{margin:70px 0 20px;}
.main-service .customization-service figcaption{line-height:30px;font-size:20px;}
.main-service .customization-service .imglist{margin-top:50px;}
.main-service .customization-service .imglist .wp-block-image{width:190px;text-align:center;}


.list-project{padding:45px 0;}
.list-project .list ul{display:flex;flex-wrap:wrap;column-gap:1.25%;row-gap:1vw;}
.list-project .list li{position:relative;display:none;width:32.5%;}
.list-project .list li .pic{position:relative;height:0;padding-bottom:134.6%;overflow:hidden;}
.list-project .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.list-project .list li .pic img:hover{transform:scale(1);}
.list-project .list li .text{position:absolute;left:0;bottom:0;width:100%;padding:8% 11%;box-sizing:border-box;z-index:2;}
.list-project .list li .text span{display:block;text-transform:uppercase;font-family:"SourceHanSansCN-Heavy";font-size:20px;color:#fff;}
.list-project .list li .text h3{line-height:30px;margin:25px 0 30px;font-size:20px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;transition:all .5s;}
.list-project .list li .text .btn-style-01{opacity:0;transition:all .5s;}
.list-project .list li .text .btn-style-01 a{line-height:30px;padding:5px 25px;font-size:24px;}
.list-project .list li .text .btn-style-01 a:after{width:40px;height:25px;}
.list-project .list li .text:before{content:"";display:block;width:30px;height:7px;margin-bottom:30px;background-color:#fff;}
.list-project .list li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));}
.list-project .list li:hover .pic img{transform:scale(1.05);}
.list-project .list li:hover .text h3{margin-bottom:40px;}
.list-project .list li:hover .text .btn-style-01{opacity:1;}
.list-project .list li.action{display:block;}

.main-project .cont{padding:45px 0;}
.main-project .cont h1{width:1000px;max-width:100%;}
.main-project .cont p{line-height:30px;font-size:20px;}
.main-project .cont .infos{margin-top:45px;}
.main-project .cont .infos h2{line-height:50px;padding-bottom:25px;margin-bottom:30px;border-bottom:1px solid #333;font-size:40px;}
.main-project .cont .infos h3{line-height:30px;margin-bottom:10px;font-size:24px;font-family:"OPPOSans-R";}
.main-project .cont .infos span{line-height:25px;font-size:16px;color:#666;}
.main-project .cont .infos ul{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:30px;width:900px;max-width:100%;}
.main-project .cont .infos li{width:48%;}
.main-project .cont .products{margin-top:45px;}
.main-project .cont .products ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:60px;}
.main-project .cont .products li{width:32%;}
.main-project .cont .products li .pic{position:relative;height:0;padding-bottom:100%;overflow:hidden;}
.main-project .cont .products li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;}
.main-project .cont .products li .text{padding:20px 0 0;}
.main-project .cont .products li .text h3{line-height:36px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #a1a1a1;font-size:36px;}
.main-project .cont .products li .text p{line-height:25px;font-size:16px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-project .related{padding:100px 0;background-color:#000;color:#fff;}
.main-project .related h2{margin-bottom:20px;color:#fff;}
.main-project .related ul{display:flex;justify-content:space-between;margin-top:60px;}
.main-project .related li{position:relative;width:48.5%;overflow:hidden;}
.main-project .related li .pic{position:relative;height:0;padding-bottom:67%;overflow:hidden;}
.main-project .related li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:all .5s;}
.main-project .related li .pic img:hover{transform:scale(1);}
.main-project .related li .text{position:absolute;left:0;bottom:0;width:100%;padding:5.5% 7.5%;box-sizing:border-box;transform:translateY(30px);z-index:2;transition:all .5s;}
.main-project .related li .text span{display:block;text-transform:uppercase;font-family:"SourceHanSansCN-Heavy";font-size:20px;color:#fff;}
.main-project .related li .text h3{line-height:40px;margin:25px 0 0;font-size:32px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;transition:all .5s;}
.main-project .related li .text .btn-style-01{opacity:0;transition:all .5s;}
.main-project .related li .text .btn-style-01 a{line-height:30px;padding:5px 25px;font-size:24px;}
.main-project .related li .text .btn-style-01 a:after{width:40px;height:25px;}
.main-project .related li .text:before{content:"";display:block;width:30px;height:7px;margin-bottom:30px;background-color:var(--main-color);}
.main-project .related li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));}
.main-project .related li:hover .pic img{transform:scale(1.03);filter:grayscale(0);}
.main-project .related li:hover .text{transform:translateY(0);}
.main-project .related li:hover .text h3{margin-bottom:40px;}
.main-project .related li:hover .text .btn-style-01{opacity:1;}

.main-contact{padding:70px 0;}
.main-contact .simple-message ul{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:20px;}
.main-contact .simple-message li{width:48.5%;}
.main-contact .simple-message li p{display:none;}
.main-contact .simple-message li.sm-type{width:100%;}
.main-contact .simple-message li.sm-message{width:100%;}
.main-contact .simple-message li.sm-subtn:before{content:"The fields marked with* are mandatory";display:block;line-height:25px;margin-bottom:20px;font-size:16px;color:#999;}
.main-contact .simple-message input,.main-contact .simple-message select,.main-contact .simple-message textarea{width:100%;height:55px;padding:0 20px;border:1px solid #999;box-sizing:border-box;font-size:16px;}
.main-contact .simple-message textarea{height:125px;padding:10px 20px;}
.main-contact .simple-message button{width:260px;height:55px;border:none;box-sizing:border-box;font-size:16px;background-color:#000;color:#fff;cursor:pointer;}
.main-contact .wp-block-separator{display:block;margin:100px 0;border-color:#ccc;}
.main-contact .info .way{width:44.5%;}
.main-contact .info .way p{line-height:35px;font-size:28px;}
.main-contact .info .way ul{margin-top:50px;}
.main-contact .info .way li{position:relative;line-height:30px;padding-left:50px;margin-top:20px;font-size:20px;}
.main-contact .info .way li:before{position:absolute;left:0;top:0;width:30px;height:30px;line-height:28px;border:1px solid #999;text-align:center;border-radius:50%;box-sizing:border-box;font-family:"icomoon";font-size:14px;}
.main-contact .info .way li.tel:before{content:"\e942";}
.main-contact .info .way li.fax:before{content:"\e954";}
.main-contact .info .way li.mail:before{content:"\e901";}
.main-contact .info .way li.add:before{content:"\e947";}
.main-contact .info .way li.mob:before{content:"\f470";font-family:dashicons;font-size:16px;}
.main-contact .info iframe{width:50%;height:540px;border:none;}


.main-download{padding:70px 0;}
.main-download h2{margin-bottom:10px;}
.main-download p{line-height:30px;font-size:20px;}
.main-download p.has-small-font-size{font-size:18px !important;}
.main-download em{font-style:italic;}
.main-download .wp-block-buttons{column-gap:20px;}
.main-download .wp-block-button__link{display:flex;justify-content:center;align-items:center;column-gap:20px;line-height:30px;padding:15px 40px;font-size:25px;box-sizing:border-box;}
.main-download .wp-block-button__link:before{content:"\e90e";font-family:"icomoon";transform:rotate(180deg);}
.main-download .is-style-outline .wp-block-button__link{border-width:1px;border-color:#999;}
.main-download .is-style-outline .wp-block-button__link:before{content:"\e9ce";transform:rotate(0deg);}
.main-download .wp-block-separator{display:block;margin:95px 0;border:none;border-top:1px solid #999;}
.main-download .wp-block-media-text{margin-top:80px;}
.main-download .wp-block-media-text__content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:0 35% 100px 0;box-sizing:border-box;}
.main-download ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;}
.main-download ul li{position:relative;width:47%;line-height:40px;margin-top:40px;font-size:30px;font-family:"SourceHanSansCN-Heavy";border-bottom:1px solid #999;color:#7d7d7d;box-sizing:border-box;}
.main-download ul li a{position:relative;display:block;padding-right:60px;color:#7d7d7d;}
.main-download ul li:before{content:"\e90e";position:absolute;right:0;top:0;;font-family:"icomoon";transform:rotate(180deg);}
.main-download ul li:hover{color:var(--main-color);}
.main-download ul li:hover a{color:var(--main-color);}


.main-search{padding:70px 0;}
.main-search h1{line-height:50px;margin-bottom:40px;font-size:40px;}
.main-search h1 span{color:#ff0000;}
.main-search .main-width{display:flex;flex-wrap:wrap;justify-content:space-between;}
.main-search .cbox{width:55%;}
.main-search .cbox h3{line-height:30px;margin-bottom:10px;font-size:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-search .cbox h3 a{text-decoration:underline;}
.main-search .cbox h3 a:hover{color:var(--main-color);}
.main-search .cbox p{line-height:20px;padding-top:5px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#777;}
.main-search .cbox time{display:block;line-height:20px;margin-top:10px;font-size:12px;color:#999;}
.main-search .list li{display:none;margin-bottom:40px;}
.main-search .list li .info{position:relative;}
.main-search .list li .info .pic{position:absolute;left:0;top:0;width:130px;height:100px;box-shadow:0 0 5px rgba(0,0,0,.2);overflow:hidden;}
.main-search .list li .info .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.main-search .list li .info.has{padding-left:150px;min-height:100px;}
.main-search .list li.on{display:block;}
.main-search .sidebar{width:30%;}
.main-search .sidebar h2{line-height:50px;margin-bottom:40px;font-size:40px;}
.main-search .sidebar p{font-weight:bold;}
.main-search .sidebar ul{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:30px;}
.main-search .sidebar li{width:48%;text-align:center;}
.main-search .sidebar li .pic{position:relative;height:0;padding-bottom:100%;margin-bottom:5px;overflow:hidden;transition:all .3s;}
.main-search .sidebar li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;transition:all .3s;}