@keyframes zoom{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);transform:scale(1.1)}
}.img-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
.top-title{text-align:center;margin-bottom:4.17vw}
.top-title h2{font-size:2.5vw;line-height:2.81vw;margin-bottom:0.78vw;font-family:'Roboto-Light'}
.top-title p{font-size:1.25vw;line-height:1.77vw;color:#444444;font-family:'Roboto-Light';padding: 0 20%;}
.adv-list{display:flex;justify-content:space-between;flex-wrap:nowrap}
.adv-list .wp-block-column{padding-left:96px;height: 84px;display: flex;align-items: center; position:relative;transition:all 0.5s}
.adv-list .wp-block-column::after{display:block;width:84px;height:84px;line-height:84px;text-align:center;border:1px solid #e3e3e3;border-radius:50%;font-size:50px;color:#005297;position:absolute;left:0;top:50%;margin-top:-42px;font-family:'icomoon'}
.adv-list .wp-block-column.f1::after{content:"\e90a"}
.adv-list .wp-block-column.f2::after{content:"\e912"}
.adv-list .wp-block-column.f3::after{content:"\e90c"}
.adv-list .wp-block-column.f4::after{content:"\e90e";font-size:44px}
.adv-list .wp-block-column p{font-size:20px;line-height:28px;font-family:'Roboto-Light';color:#000;transition:all 0.5s}
.adv-list .wp-block-column p strong{font-size:3.13vw;line-height:3.13vw;margin-bottom:0.78vw;color:#049b62;font-family:'Roboto-Medium';font-weight:100}
.banner{position:relative;}
.banner img{width:100%;height:auto}
.banner .text{position:absolute;top:0;left:0;bottom:0;width:35%;padding-left:8.33vw;display:flex;align-items:flex-start;box-sizing:border-box;flex-direction:column;justify-content:center}
.banner .text h1,
.banner .text .desc{font-size:2.08vw;line-height:2.6vw;font-family:'Roboto-Medium';color: #000;}
.banner .text h2{font-size:1.41vw;line-height:1.82vw;margin-bottom:0.52vw;font-family:'Roboto-Thin'}
.banner .text.app{width:45%;flex-direction:column;justify-content:center;align-items:flex-start}
.banner .text.news{width:38%}
.banner .text form{position:relative;width:46.88vw;height:2.86vw;line-height:2.86vw;margin-top:1.82vw;border-radius:2.86vw;overflow:hidden}
.banner .text form::after{content:"\e900";font-family:'icomoon';display:block;width:3.39vw;height:2.86vw;line-height:2.86vw;text-align:center;font-size:1.35vw;z-index:1;position:absolute;top:0;right:0;color:#000}
.banner .text form .txt{width:100%;height:2.86vw;line-height:2.86vw;padding:0 2.92vw 0 1.04vw;font-size:16px;color:#666666;font-family:'Roboto-Light';box-sizing:border-box}
.banner .text form .sub{width:3.39vw;height:2.86vw;display:block;position:absolute;top:0;right:0;font-size:0;background-color:transparent;cursor:pointer;z-index:2}
.banner .text.pro{left:41%;padding:0}
.banner .text.pro span{display:block;font-size:1.41vw;line-height:1.56vw;color:#049b62;margin-bottom:10px;font-family:'Roboto-Regular'}
.banner .text.pro h1{margin-bottom:15px}
.banner .text.pro p{font-size:0.83vw;line-height:1.3vw;padding-left:15px;font-family:'Roboto-Regular';position:relative;color:#000;margin-bottom:5px}
.banner .text.pro p::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#000;position:absolute;left:0;top:0.52vw}
.banner .wp-block-group{position: absolute;top: 0;left: 0;right: 0;padding: 5% 20% 0;text-align: center;}
.banner .wp-block-group h2{font-size: 2.5vw;line-height: 2.6vw;font-family: 'Roboto-Light';color: #fff;margin-bottom: 1.56vw;}
.banner .wp-block-group p{font-size: 1.04vw;line-height: 1.56vw;color: #fff;font-family: 'Roboto-Light';}
.banner.app .ph{display: none;}


.default-btn{display:flex;justify-content:center}
.default-btn .wp-block-button{width:265px;margin:0 10px;overflow:hidden;position: relative;}
.default-btn .wp-block-button a{position: relative; display:block;width:100%;height:54px;line-height:54px;font-size:18px;color:#666666;border:1px solid #666666;border-radius:54px;text-align:center;font-family:'Roboto-Light';box-sizing:border-box;overflow: hidden;z-index: 1;}
.default-btn .wp-block-button.color a{color:#049b62;border-color:#049b62}
.default-btn .wp-block-button a::before{background: #049b62; position: absolute; top: 50%; left: -20px;transform: translate(-50%,-50%); content: ''; width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.6s; transition: all 0.6s; opacity: 0.5;}
.default-btn .wp-block-button a::after{background: #049b62; position: absolute; top: 50%;right: -20px;transform: translate(50%,-50%); content: ''; width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.6s; transition: all 0.6s; opacity: 0.5;}
.default-btn .wp-block-button a:hover{ color:#fff; border-color:#049b62;}
.default-btn .wp-block-button a:hover::before{ -webkit-animation:criss-cross-left .5s ease both;animation:criss-cross-left .5s ease both;width:375px\9;height:375px\9;opacity:1;z-index: -1;}
.default-btn .wp-block-button a:hover::after{ -webkit-animation:criss-cross-right .5s ease both;animation:criss-cross-right .5s ease both;width:375px\9;height:375px\9;opacity:1;z-index: -1;}

.index-banner{position: relative;}
.index-banner .posbox{position:relative;overflow: hidden;height: 41.67vw;}
.index-banner .posbox .slide-pic{width: 100vw;height: 41.67vw; overflow: hidden;}
.index-banner .posbox .slide-pic .wp-block-image{width: 100vw;min-height: 41.67vw;float: left;position: relative;display: flex;}
.index-banner .posbox .slide-pic .wp-block-image img{width: 100vw;height: 41.67vw;}
.index-banner .posbox ul{position: absolute;bottom: 20px;text-align: center;left: 0;right: 0;}
.index-banner .posbox ul li{font-size: 0;display: inline-block;width: 15px;height: 15px;margin: 0 5px; border: 1px solid #000;border-radius: 50%;}
.index-banner .posbox ul li.active{background-color: #000;}
.index-banner .posbox .wp-block-cover{width: 100vw;min-height: 41.67vw;float: left;position: relative;display: flex;}
.index-banner .posbox .wp-block-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
.index-banner .posbox .wp-block-cover .wp-block-cover__inner-container{display: flex;width: 100%;}
.index-banner .posbox .text{position:relative;padding:7.29vw 0;margin:0 11.98vw;text-align:left;}
.index-banner .posbox .text h2{font-size:82px;line-height:82px;margin-bottom:25px;font-family:'Roboto-Bold'}
.index-banner .posbox .text h2 strong{font-size:151px;color:#049b62}
.index-banner .posbox .text h2 code{color:#049b62;font-family:'Roboto-Bold'}
.index-banner .posbox .text h3{font-size:47px;line-height:50px;margin-bottom:20px;color:#000;font-family:'Roboto-Light'}
.index-banner .posbox .text p{font-size:20px;line-height:30px;color:#444444;font-family:'Roboto-Light'}
.index-banner .posbox .type2 .text.app{padding: 10.78vw 0 0;width: 40%;margin: 0 auto;}
.index-banner .posbox .type2 .wp-block-cover__inner-container{justify-content: center;}
.index-banner .posbox .type2 .text{width: 40%;margin: 0 auto;padding: 10.94vw 0 0;}
.index-banner .posbox .type2 .text h4{font-size: 1.77vw;line-height: 1.77vw;color: #049b62;font-family: 'Roboto-Bold';margin-bottom: 2.08vw;}
.index-banner .posbox .type2 .text h2{font-size: 4.27vw;line-height: 4.27vw;font-family: 'Roboto-Bold';margin-bottom: 1.04vw;}
.index-banner .posbox .type2 .text h3{font-size: 1.67vw;line-height: 1.67vw;font-family: 'Roboto-Medium'; margin-bottom: 2.08vw;}
.index-banner .posbox .type2 .text .wp-block-buttons{width: 230px;margin: 5.73vw auto 0;}
.index-banner .posbox .type2 .text .wp-block-buttons .wp-block-button{width: 100%;}
.index-banner .posbox .type3 .text{padding: 8.23vw 0 0;width: 50%;margin: 0 9vw;}
.index-banner .posbox .type3 .text h3{padding: 0.26vw 2.08vw;line-height: 2.08vw;display: inline-block;color: #fff;font-size: 1.77vw;margin-bottom: 1.93vw;font-family: 'Roboto-Bold';background-color: #049b62;}
.index-banner .posbox .type3 .text h2{font-size: 3.33vw;font-family: 'Roboto-Bold';line-height: 3.65vw;margin-bottom: 1.56vw;}
.index-banner .posbox .type4 .text{width: 48%;margin: 0 8.33vw;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.index-banner .posbox .type4 .text h3{padding: 0.26vw 2.08vw;line-height: 2.08vw;display: inline-block;color: #fff;font-size: 1.77vw;margin-top: 1.93vw;font-family: 'Roboto-Bold';background-color: #049b62;}
.index-banner .posbox .type4 .text h2{font-size: 3.33vw;font-family: 'Roboto-Bold';line-height: 3.65vw;margin-bottom: 1.56vw;}
.index-banner .posbox .text.fcenter{text-align: center;}
.index-banner .posbox .text .wp-block-buttons{margin-top:60px;width:368px;display:flex;flex-wrap:nowrap;border-radius:54px;overflow:hidden;border:1px solid #049b62;box-sizing:border-box}
.index-banner .posbox .text .wp-block-buttons .wp-block-button{width:50%}
.index-banner .posbox .text .wp-block-buttons .wp-block-button a{display:block;width:100%;height:54px;line-height:54px;text-align:center;font-size:18px;font-family:'Roboto-Light'}
.index-banner .posbox .text .wp-block-buttons .wp-block-button:first-child a{color:#fff;background-color:#049b62}
.index-banner .posbox .text .wp-block-buttons .wp-block-button:nth-child(2) a{color:#049b62}
.index-banner .btn{opacity: 0;cursor: pointer; display: block;width: 60px;height: 60px;background-color: rgba(0,0,0,0.2);position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;border-radius: 50%;}
.index-banner .btn::after{content: "\e916";font-family: 'icomoon';display: block;width: 60px;height: 60px;position: absolute;top: 0;left: 0;font-size: 40px;text-align: center;line-height: 60px;color: #fff;}
.index-banner .btn.prev{left: 8.33vw;}
.index-banner .btn.next{right: 8.33vw;}
.index-banner .btn.next::after{transform: rotate(180deg);}
.index-banner .btn:hover{background-color: #049b62;}
.index-banner:hover .btn{opacity: 1;}
.index-banner .posbox .wp-block-cover:first-child{opacity: 1;}
/* .index-banner .posbox .wp-block-cover.active{opacity: 1;} */
.index-banner .posbox .wp-block-cover.active{}


.index-brand{padding:7.29vw 0;background-color:#fbfbfb}
.index-brand .wp-block-columns{display:flex;justify-content:space-between;margin-bottom:4.69vw}
.index-brand .wp-block-columns .wp-block-column{width:15.63vw;padding:1.04vw;border-radius:7.81vw 7.81vw 0 0;background-color:#fff;overflow:hidden;box-sizing:border-box;text-align:center;position:relative;border:1px solid transparent}
.index-brand .wp-block-columns .wp-block-column .wp-block-image{width:100%;height:13.54vw;border-radius:50%;overflow:hidden;margin-bottom:2.08vw;position:relative;z-index:1}
.index-brand .wp-block-columns .wp-block-column .wp-block-image img{width:100%;height:100%;object-fit:cover}
.index-brand .wp-block-columns .wp-block-column h3{font-size:24px;line-height:30px;margin-bottom:1.04vw;font-family:'Roboto-Light';position:relative;z-index:1}
.index-brand .wp-block-columns .wp-block-column p{font-size:16px;line-height:25px;position:relative;z-index:1}
.index-brand .wp-block-columns .wp-block-column::before{content:"";display:block;width:100%;height:0;background:#ebf6ff;transition:all 0.5s;position:absolute;top:0;left:0;z-index:0}
.index-brand .wp-block-columns .wp-block-column:hover{border-color:#049b62}
.index-brand .wp-block-columns .wp-block-column:hover::before{height:100%}
.index-product{padding:6.51vw 0;background-color:#f7f6ed}
.index-product .tab-item{display:flex;border-radius:30px;overflow:hidden}
.index-product .tab-item > ul{width:16%;background-color:#fff;border-right:1px solid #dfdfdf;display: flex;flex-direction: column;}
.index-product .tab-item > ul li{display:flex;flex: 1 auto;border-bottom:1px solid #dfdfdf;position:relative}
.index-product .tab-item > ul li::after{content:"";display:block;width:0;height:0;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #049b62;opacity:0;position:absolute;bottom:-10px;top:50%;transform:translateY(-50%);transition:all 0.5s}
.index-product .tab-item > ul li a{display:flex;align-items:center;width:100%;height:100%;line-height:26px;font-size:20px;padding:0 0.78vw 0 2.34vw;font-family:'Roboto-Light'}
.index-product .tab-item > ul li a:hover,
.index-product .tab-item > ul li.on a{background-color:#049b62;color:#fff}
.index-product .tab-item > ul li:hover::after{right:-20px;opacity:1}
.index-product .tab-item .tab-con{width:84%}
.index-product .tab-item .tab-con .box{display:none;flex-wrap:nowrap}
.index-product .tab-item .tab-con .box .bl{width:60.6%;background-color:#fff;padding:3.17vw 4.43vw;box-sizing:border-box}
.index-product .tab-item .tab-con .box .br{width:39.4%}
.index-product .tab-item .tab-con .box .br img{width:100%}
.index-product .tab-item .tab-con .box.on{display:flex}
.index-product .tab-item .tab-con .box h1{font-size:2.5vw;line-height:2.92vw;margin-bottom:0.78vw;font-family:'Roboto-Light'}
.index-product .tab-item .tab-con .box p{font-size:0.94vw;color:#444444;line-height:1.35vw;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;font-family:'Roboto-Light'}
.index-product .tab-item .tab-con .box .default-btn{justify-content:flex-start;margin:2.34vw 0}
.index-product .tab-item .tab-con .box .default-btn a{position: relative; display:block;width:150px;height:40px;line-height:40px;font-size:14px;color:#666666;border:1px solid #666666;border-radius:40px;text-align:center;font-family:'Roboto-Light';box-sizing:border-box;margin-right:20px;overflow: hidden;}
.index-product .tab-item .tab-con .box .default-btn a.color{color:#049b62;border-color:#049b62}
.index-product .tab-item .tab-con .box .default-btn a::after{width: 200px;height: 200px;border-radius: 50%;content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);background-color: #049b62;transition: .5s;}
.index-product .tab-item .tab-con .box .default-btn a:hover{color: #fff;border-color: #049b62;z-index: 2;}
.index-product .tab-item .tab-con .box .default-btn a:hover::after{transform: translate(-50%,-50%) scale(1);z-index: -1;}

.index-product .tab-item .tab-con .box ul{display:flex}
.index-product .tab-item .tab-con .box ul li{width:7.14vw;height:7.14vw;border:1px solid #dfdfdf;position:relative;box-sizing:border-box;border-radius:0.52vw;overflow:hidden;margin-right:1.04vw}
.index-product .tab-item .tab-con .box ul li a{display:block;width:100%;height:100%}
.index-product .tab-item .tab-con .box ul li img{width:100%;height:100%;object-fit:cover;transform:scale(0.9)}
.index-product .tab-item .tab-con .box ul li p{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:3;display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;font-family:'Roboto-Bold';transition:all 0.5s}
.index-product .tab-item .tab-con .box ul li::before{content:"";display:block;width:100%;height:0;position:absolute;top:0;left:0;z-index:2;background-color:rgba(4,155,98,0.42);transition:all 0.3s}
.index-product .tab-item .tab-con .box ul li:hover{border-color:#83c2ab}
.index-product .tab-item .tab-con .box ul li:hover::before{height:100%}
.index-product .tab-item .tab-con .box ul li:hover p{opacity:1;transition-delay:0.2s}
.index-oem{padding:6.51vw 0}
.index-oem .main-width{position:relative}
.index-oem .slide-oem{position:relative;display:block;z-index:0}
.index-oem .slide-oem .slide-box{position:relative;display:block;width:720px;height:720px;margin:0 auto;z-index:0}
.index-oem .slide-oem .slide-pic{width:720px;height:720px;padding-top: 40px;text-align: center; border-radius:50%;box-shadow:0 0 40px 1px rgba(0,0,0,0.05);overflow:hidden;box-sizing: border-box;}
.index-oem .slide-oem .slide-pic .wp-block-image{width:720px;height:680px;float: left;}
.index-oem .slide-oem .slide-pic img{width: 600px;height: 600px;object-fit: cover;}
.index-oem .slide-oem .btn{display:block;width:60px;height:60px;line-height:60px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 1px rgba(0,0,0,0.05);position:absolute;top:50%;z-index:1;font-size:0;cursor:pointer}
.index-oem .slide-oem .btn::after{content:"\e90b";font-family:'icomoon';display:block;position:absolute;top:0;left:0;width:60px;height:60px;font-size:40px;line-height:60px;text-align:center;margin:0 auto}
.index-oem .slide-oem .btn.prev{left:-30px;transform:rotate(180deg)}
.index-oem .slide-oem .btn.next{right:-30px}
.index-oem .slide-oem .btn:hover{box-shadow:0 0 10px 1px rgba(4,155,98,0.2)}
.index-oem .plan-box{position:relative;display:flex;justify-content:space-between;align-items:center;width:72.92vw;height:200px;border-radius:200px;background-color:#b97c68;margin:-100px auto 0;z-index:1;padding:30px 4.69vw 30px 5.99vw;box-sizing:border-box}
.index-oem .plan-box p{font-size:2.5vw;line-height:2.92vw;color:#fff;width:60%;font-family:'Roboto-Light'}
.index-oem .plan-box .default-btn{flex-direction:column}
.index-oem .plan-box .default-btn .wp-block-button{margin:0 0 15px}
.index-oem .plan-box .default-btn .wp-block-button a{border-color:#fff;color:#fff}
.index-oem .item{display:flex;position:absolute;border-radius:50%;align-items:center;flex-direction:column;justify-content:center;font-family:'Roboto-Light';transition:all 0.5s}
.index-oem .item:nth-child(even){width:8.33vw;height:8.33vw}
.index-oem .item:nth-child(even)::before,.index-oem .item:nth-child(even)::after{width:8.33vw;height:8.33vw}
.index-oem .item:nth-child(odd){width:10.42vw;height:10.42vw}
.index-oem .item:nth-child(odd)::before,.index-oem .item:nth-child(odd)::after{width:10.42vw;height:10.42vw}
.index-oem .item::before,.index-oem .item::after{content:"";display:block;position:absolute;left:0;top:0;border-radius:50%;z-index:0;transform:scale(1.1)}
.index-oem .item::before{opacity:1}
.index-oem .item::after{opacity:1}
/* .index-oem .item::before{-webkit-animation:wateranimate 2s 0.8s ease-out infinite;animation:wateranimate 2s 0.8s ease-out infinite}
.index-oem .item::after{-webkit-animation:wateranimate 2s 0s ease-out infinite;animation:wateranimate 2s 0s ease-out infinite} */
.index-oem .item::before{opacity: 0; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.index-oem .item::after{-webkit-animation: warn1 2s ease-out; -moz-animation: warn1 2s ease-out; animation: warn1 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}

.index-oem .item h3{position:relative;z-index:1;font-family:'Roboto-Light'}
.index-oem .item.o1{left:15px;top:345px;color:#ca2c5d;background-color:#f4c8d6;}
.index-oem .item.o1 h3{font-size:1.5vw;line-height:1.56vw;color:#ca2c5d;}
.index-oem .item.o1 h3 a{color:#ca2c5d;}
.index-oem .item.o1::before,.index-oem .item.o1::after{background-color:#f4c8d6;}
.index-oem .item.o2{top:1.56vw;left:9.38vw;background-color:#b6edd8;}
.index-oem .item.o2 h3{font-size:1.5vw;line-height:1.56vw;color:#2eb07e;}
.index-oem .item.o2 h3 a{color:#2eb07e;}
.index-oem .item.o2::before,.index-oem .item.o2::after{background-color:#b6edd8}
.index-oem .item.o3{top:-2.34vw;right:9.38vw;background-color:#f1cead;}
.index-oem .item.o3 h3{font-size:1.2vw;line-height:1.4vw;color:#c17024;}
.index-oem .item.o3 h3 a{color:#c17024;}
.index-oem .item.o3::before,.index-oem .item.o3::after{background-color:#f1cead}
.index-oem .item.o4{top:345px;right:15px;background-color:#c6dff2}
.index-oem .item.o4 h3{font-size:1.5vw;line-height:2.5vw;color:#226cac}
.index-oem .item.o4 h3 a{color:#226cac}
.index-oem .item.o4::before,.index-oem .item.o4::after{background-color:#c6dff2}
.index-oem .item .wp-block-image{position:relative;width:5.68vw;height:3.23vw;margin-bottom:1.5vw;z-index:1}
.index-oem .item .wp-block-image img{width:100%;height:auto}
.index-oem .item .wp-block-group{opacity: 0; position: absolute; min-width: 13.27vw;padding: 1.04vw;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;}
.index-oem .item .wp-block-group::before{content: ""; display: block;width: 30px;height: 30px;position: absolute;background: #fff;box-sizing: border-box;z-index: 1;}
.index-oem .item .wp-block-group::after{content: ""; display: block;width: 30px;height: 30px;position: absolute;background: #fff;border: 1px solid #ddd;box-sizing: border-box;z-index: -1;}
.index-oem .item .wp-block-group h3{font-size: 1.25vw;line-height: 1.56vw;font-family: 'Roboto-Light';}
.index-oem .item .wp-block-group p{font-size: 0.83vw;line-height: 1.3vw;color: #444444;font-family: 'Roboto-Light';}

.index-oem .item .wp-block-group.top{left: 50%;transform: translateX(-50%) scale(0);bottom: calc(100% + 30px);}
.index-oem .item .wp-block-group.top::before{bottom: 0;left: 50%;transform: translate(-50%,50%) rotate(45deg);}
.index-oem .item .wp-block-group.top::after{bottom: 0;left: 50%; transform: translate(-50%,50%) rotate(45deg);margin-bottom: -1px;}

.index-oem .item .wp-block-group.bottom{left: 50%;transform: translateX(-50%) scale(0);top: calc(100% + 30px);}
.index-oem .item .wp-block-group.bottom::before{top: 0;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.index-oem .item .wp-block-group.bottom::after{top: 0;left: 50%; transform: translate(-50%,-50%) rotate(45deg);margin-top: -1px;}
.index-oem .item:hover{z-index: 9;}
.index-oem .item:hover .wp-block-group.top{opacity: 1; transform: translateX(-50%) scale(1);}
.index-oem .item:hover .wp-block-group.bottom{opacity: 1;transform: translateX(-50%) scale(1);}

@keyframes warn{
    0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0; }
    25% { transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0.1; }
    50% { transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 0.3; }
    75% { transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0.5; }
    100% { transform: scale(1.5); -webkit-transform: scale(1.5); opacity: 0;}
}
@keyframes warn1 {
  0% { transform: scale(0.2); -webkit-transform: scale(0.2); opacity: 0; }
  25% { transform: scale(0.4); -webkit-transform: scale(0.4); opacity: 0.1; }
  50% { transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0.3; }
  75% { transform: scale(1); -webkit-transform: scale(1); opacity: 0.5; }
  100% { transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; }
}

@-webkit-keyframes wateranimate{0%{-webkit-transform:scale(1);opacity:1}
100%{-webkit-transform:scale(1.2);opacity:0}
}@keyframes wateranimate{0%{-webkit-transform:scale(1);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
}
.index-adv{padding:6.77vw 0;background-color:#e1eef8}
.index-adv .adv-item{position:relative;border-radius:1.56vw;overflow:hidden;background-color:#fff}
.index-adv .adv-item ul{width:100%;position:absolute;top:calc(31.51vw - 120px);left:0;display:flex;justify-content:center}
.index-adv .adv-item ul li{position:relative;display:flex;justify-content:center;width:190px;height:130px;background-color:#f2f6fa;font-size:16px;padding:80px 0 20px;box-sizing:border-box;font-family:'Roboto-Light'}
.index-adv .adv-item ul li::before{position:absolute;top:20px;left:50%;margin-left:-25px;width:50px;height:50px;line-height:50px;text-align: center;color:#b04526;z-index:1;font-size:45px;font-family:'icomoon'}
.index-adv .adv-item ul li::after{content:"";display:block;width:0;height:0;border-top:10px solid #b04526;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent;opacity:0;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);transition:all 0.5s}
.index-adv .adv-item ul li.a1::before{content:'\e90e'}
.index-adv .adv-item ul li.a2::before{content:'\ea58';font-family:"tech";}
.index-adv .adv-item ul li.a3::before{content:'\e902'}
.index-adv .adv-item ul li.a4::before{content:'\e909'}
.index-adv .adv-item ul li:hover,
.index-adv .adv-item ul li.on{background-color:#b04526;color:#fff}
.index-adv .adv-item ul li:hover::before,
.index-adv .adv-item ul li.on::before{color:#fff}
.index-adv .adv-item ul li:hover::after,
.index-adv .adv-item ul li.on::after{bottom:-20px;opacity:1}
.index-adv .adv-item .tab-box > .wp-block-group{display:none}
.index-adv .adv-item .wp-block-image{width:100%;height:31.51vw}
.index-adv .adv-item .wp-block-image img{width:100%;height:100%;object-fit:cover}
.index-adv .adv-item .text{padding:3.65vw 5.21vw;box-sizing:border-box}
.index-adv .adv-item .text h2{font-size:2.5vw;line-height:2.81vw;margin-bottom:1.3vw;font-family:'Roboto-Light'}
.index-adv .adv-item .text p{font-size:20px;line-height:30px;color:#444444;font-family:'Roboto-Light'}
.index-factory{padding:6.51vw 0}
.index-factory .wp-block-media-text{width:100%;display:flex;flex-direction:row-reverse;border-radius:1.56vw;overflow:hidden;box-shadow:0 0 20px 1px rgba(0,0,0,0.05);margin-bottom:5.47vw}
.index-factory .wp-block-media-text .wp-block-media-text__media{display:flex;width:50%;height:auto;position:relative;}
.index-factory .wp-block-media-text .wp-block-media-text__media img{width:100%;height:100%;object-fit: cover;}
.index-factory .wp-block-media-text.videobox i{display: inline-block;vertical-align: top;width: 70px;height: 70px;line-height: 70px;background-color: rgba(0,0,0,.5);box-sizing: border-box;border-radius: 50%;cursor: pointer;color: #fff;text-align: center;font-size: 40px;transform-origin: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);}

.index-factory .wp-block-media-text .wp-block-media-text__content{display:flex;flex-direction:column;justify-content:center;flex:0 0 50%;padding:1.56vw 5.21vw;box-sizing:border-box;position:relative}
.index-factory .wp-block-media-text .wp-block-media-text__content .wp-block-image{position:absolute;top:2.6vw;right:5.21vw;opacity:0.13;width:11.46vw;height:11.46vw}
.index-factory .wp-block-media-text .wp-block-media-text__content .wp-block-image img{width:100%;height:100%;object-fit:cover}
.index-factory .wp-block-media-text .wp-block-media-text__content h4{font-size:1.25vw;line-height:1.56vw;color:#444444;margin-bottom:1.04vw;font-family:'Roboto-Light'}
.index-factory .wp-block-media-text .wp-block-media-text__content h3{font-size:2.5vw;line-height:2.81vw;color:#005297;font-family:'Roboto-Light';margin-bottom:2.08vw}
.index-factory .wp-block-media-text .wp-block-media-text__content p{font-size:1.04vw;line-height:1.46vw;color:#444444;font-family:'Roboto-Light';margin-bottom:1.04vw}
.index-factory .wp-block-media-text .wp-block-media-text__content p + p{margin-bottom:3.65vw}
.index-factory .wp-block-media-text .wp-block-media-text__content .default-btn{justify-content:flex-start}
.index-factory .wp-block-media-text .wp-block-media-text__content .default-btn .wp-block-button{margin: 0 10px 0 0;}
.index-news{padding:6.77vw 0 9.38vw;background-color:#f7f6ed}
.index-news .news-tab{display:flex;justify-content:center;margin-bottom:4.43vw}
.index-news .news-tab li{width:280px;height:58px;line-height:58px;text-align:center;position:relative;box-sizing:border-box;margin:0 20px}
.index-news .news-tab li a{display:block;font-size:20px;line-height:58px;background-color:#fff;font-family:'Roboto-Light'}
.index-news .news-tab li::after{content:"";display:block;width:0;height:0;border-top:10px solid #049b62;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent;opacity:0;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);transition:all 0.5s}
.index-news .news-tab li.on a,.index-news .news-tab li:hover a{background-color:#049b62;color:#fff}
.index-news .news-tab li.on::after,.index-news .news-tab li:hover::after{bottom:-20px;opacity:1}
.index-news .tab-content{overflow:hidden;display:none}
.index-news .tab-content .item{background-color:#fff;box-sizing:border-box}
.index-news .tab-content .item .pic{display:none;width:100%;height:345px;margin-bottom:2.34vw;overflow:hidden}
.index-news .tab-content .item .pic img{width:100%;height:100%;object-fit:cover;transition:all 0.5s}
.index-news .tab-content .item h3{font-size:24px;line-height:30px;font-family:'Roboto-Light';color:#000;margin-bottom:0.78vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.index-news .tab-content .item p{font-size:16px;line-height:25px;color:#444444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-news .tab-content .item:first-child{width:46.875%;height:604px;float:left;padding:1.46vw 1.46vw 2.92vw}
.index-news .tab-content .item:first-child .pic{display:block}
.index-news .tab-content .item:first-child .date{display:flex;align-items:center;font-size:16px;line-height:25px;margin-bottom:1.3vw;color:#999999;font-family:'Roboto-Light'}
.index-news .tab-content .item:first-child p{-webkit-line-clamp:3}
.index-news .tab-content .item:nth-child(n+2){width:50%;height:184px;float:right;margin-bottom:26px;padding:2.6vw 2.6vw 2.6vw 8.07vw;position:relative;box-sizing:border-box}
.index-news .tab-content .item:nth-child(n+2) .date{position:absolute;top:50%;left:0.52vw;transform:translateY(-50%);width:7.29vw;padding-top:64px;display:flex;justify-content:center;color:#049b62}
.index-news .tab-content .item:nth-child(n+2) .date-year{font-size:16px;line-height:25px}
.index-news .tab-content .item:nth-child(n+2) .date-month{font-size:16px;width:18px;line-height:25px;overflow:hidden}
.index-news .tab-content .item:nth-child(n+2) .date-day{font-size:60px;line-height:60px;font-family:'Roboto-Light';position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:1}
.index-news .tab-content .item:last-child{margin-bottom:0}
.index-news .tab-content .item:hover img{transform:scale(1.1)}
.index-news .tab-content.on{display:block}
.footer{position:relative;padding:5.73vw 0 7.29vw;border-top: 1px solid #ececec;}
.footer .main-width{display:flex;justify-content:space-between}
.footer h3{display:block;font-size:24px;line-height:30px;font-family:'Roboto-Light';margin-bottom:1.04vw}
.footer p{font-size:18px;line-height:30px;margin-bottom:5px;font-family:'Roboto-Light'}
.footer p.tip{margin-top: 5px;font-size: 14px;color: red;}
.footer .foot-l{width:70%;display:flex}
.footer .foot-l > ul{display:flex}
.footer .foot-l > ul > li{width:11.2vw;padding-right: 1vw;}
.footer .foot-l > ul > li > a{display:block;font-size:24px;line-height:30px;font-family:'Roboto-Light';margin-bottom:1.04vw}
.footer .foot-l > ul > li .sub-menu li{margin-bottom:8px}
.footer .foot-l > ul > li .sub-menu a{font-size:18px;line-height:25px;font-family:'Roboto-Light'}
.footer .enter{width: 19.79vw;}
.footer .enter form{width:100%;height:48px;position:relative;border:1px solid #dddddd}
.footer .enter .simple-message li:nth-child(1){width:100%;height:48px;padding:0 100px 0 0;font-size:16px;box-sizing:border-box;font-family:'Roboto-Light'}
.footer .enter .simple-message li:nth-child(1) input[type='text']{width: 100%;height: 48px;line-height: 48px;padding: 0 10px;box-sizing: border-box;}
.footer .enter .simple-message li:nth-child(1) label{position: absolute; left: 10px; top: 0px; line-height: 48px; opacity: 1;}
.footer .enter .simple-message li:nth-child(2){position:absolute;right:0;top:0;width:100px;height:48px;}
.footer .enter .simple-message li:nth-child(2) button{width: 100%; height: 48px; line-height: 48px; text-align: center; background-color: #049b62; color: #fff; font-size: 16px; cursor: pointer; border: none; outline: none; font-family: 'Roboto-Light';}
.footer .to-top{display:flex;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;font-size:18px;line-height:30px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1;background-color:#fff;border-radius:50%;font-family:'Roboto-Light'}
.footer .to-top::before{content:'\e914';display:block;width:33px;height:16px;line-height:16px;font-size:30px;font-family:'icomoon';transform:rotate(180deg);color:#000}

.copy-right{}
.copy-right .main-width{padding: 20px 0;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #dddddd;}
.copy-right .sns{display: flex;}
.copy-right .sns a{display: inline-block;width: 20px;height: 20px;z-index: 1;position: relative;margin-right: 30px;}
.copy-right .sns a::after{font-family: 'icomoon'; display: block; text-align: center; width: 20px; height: 20px; position: absolute; top: 0; left: 0; line-height: 20px; z-index: 0;font-size: 18px;}
.copy-right .sns a.twitter::after{content: '\e904';}
.copy-right .sns a.linkedin::after{content: '\e90f';font-size: 16px;}
.copy-right .sns a.youtube::after{content: '\e905';}
.copy-right .sns a.ins::after{content: '\e903';}
.copy-right .sns a.facebook::after{content: '\e901';}
.copy-right p{font-size: 16px;line-height: 22px;color: #333;font-family: 'Roboto-Light';}

.nofind{padding: 3.13vw 0;text-align: center;background-color: #f5f5f5;}
.nofind h2{font-size: 40px;line-height: 50px;}
.nofind p{font-size: 16px;line-height: 25px;margin-top: 20px;}
.nofind .return-btn{display: inline-block;padding: 0 20px;height: 50px;line-height: 50px;border-radius: 10px;margin-top: 30px; font-size: 20px;font-family: 'Roboto-Light';border: 1px solid #eee;transition: all .5s;}
.nofind .return-btn:hover{color: #fff; background-color: #049b62;border-color: #049b62;}
.nofind .search-box{width: 640px;margin: 40px auto 0;}
.nofind .search-pro{position:relative;width:98%;height:45px;line-height:45px;border:1px solid #ddd;overflow:hidden;box-sizing:border-box;margin-bottom:30px}
.nofind .search-pro::after{content:"\e900";font-family:'icomoon';display:block;width:45px;height:45px;line-height:45px;text-align:center;font-size:1.35vw;z-index:1;position:absolute;top:0;right:0;color:#000}
.nofind .search-pro .txt{width:100%;height:45px;line-height:45px;padding:0 45px 0 1.3vw;font-size:16px;color:#666666;font-family:'Roboto-Light';box-sizing:border-box}
.nofind .search-pro .sub{width:45px;height:45px;display:block;position:absolute;top:0;right:0;font-size:0;background-color:transparent;cursor:pointer;z-index:2}
.nofind-like{padding:2.6vw 0;}
.nofind-like .top-title{margin-bottom: 30px;}
.nofind-like .cont{overflow:hidden;margin-bottom: 50px;width: 103%;display: flex;flex-wrap: wrap;}
.nofind-like .cont li{width:22.85%;background-color:#f5f5f5;position:relative;margin:0 1.9% 1.9% 0;float:left}
.nofind-like .cont li a{display:block;padding:15px 15px 0;box-sizing:border-box;}
.nofind-like .cont li a .pic{width:100%;height:0;padding-bottom: 100%;overflow:hidden;background-color: #fff;}
.nofind-like .cont li a .pic img{width:100%;height:auto; transition:all 0.5s}
.nofind-like .cont li a h3{margin: 15px 0;font-size: 1.04vw;line-height:1.56vw;text-align: center; font-family:'Roboto-Regular';box-sizing: border-box;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nofind-like .cont li:hover .pic img{transform:scale(1.1)}
.nofind-like .cont li:hover span{background-color:#049b62;color:#fff}
.nofind-like .cont li span{display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;left:0;height:70px;color:#666;font-size:18px;font-family:'Roboto-Light';cursor:pointer}

.main-page{padding: 80px 0;}
.main-page .main-width{max-width: 1200px;}
.main-page h1{font-size: 30px; line-height: 36px; font-family: 'Roboto-Bold'; margin-bottom: 20px; text-align: center;}
.main-page h2{font-size: 24px; line-height: 34px; margin-bottom: 20px;}
.main-page p{font-size: 18px; color: #000; line-height: 25px; font-family: 'Roboto-Light'; margin-bottom: 15px;}
.main-page li{list-style: inherit;font-size: 18px; color: #000; line-height: 25px; font-family: 'Roboto-Light'; margin-bottom: 8px;}


.main-about .company-info{padding:2.86vw 0 5.21vw}
.main-about .company-info .slide-com{position:relative}
.main-about .company-info .slide-com ul{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9;height: 23.44vw; display: flex;flex-direction: column;justify-content: center;}
.main-about .company-info .slide-com ul li{width:64px;height:64px;flex: 0 0 64px; font-size:0;border:1px solid #efefef;cursor: pointer;box-sizing:border-box;border-radius:50%;margin:15px auto;background-color:#fff;position:relative}
.main-about .company-info .slide-com ul li::after{font-family:'icomoon';display:block;width:100%;height:64px;line-height:64px;text-align:center;position:absolute;top:0;left:0;font-size:40px;color:#000}
.main-about .company-info .slide-com ul li.c1::after{content:"\e91d"}
.main-about .company-info .slide-com ul li.c2::after{content:"\e91e"}
.main-about .company-info .slide-com ul li.c3::after{content:"\e91f"}
.main-about .company-info .slide-com ul li:hover,
.main-about .company-info .slide-com ul li.on{background-color: #049b62;}
.main-about .company-info .slide-com ul li:hover::after,
.main-about .company-info .slide-com ul li.on::after{color: #fff;}
.main-about .company-info .slide-com .wp-block-media-text{display:none;justify-content:space-between;flex-direction:row-reverse;margin-bottom:5.21vw}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content{width: 45%;padding:0 2vw 1vw 5.21vw;max-height: 30.44vw;overflow-y: auto; box-sizing:border-box;display:flex;flex-direction:column;}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content::-webkit-scrollbar{width:5px;background-color:#fff;}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content::-webkit-scrollbar-thumb{width:5px;height:5px;border-radius:2px;background-color:#049b62;}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content::-webkit-scrollbar:hover{width: 10px;}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content::-webkit-scrollbar-thumb:hover{width: 10px;}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content h2{font-size:2.5vw;line-height:2.81vw;margin-bottom:1.56vw;color:#005297;font-family:'Roboto-Light'}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content p{font-size:1.04vw;line-height:1.56vw;margin-bottom:0.78vw}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__content .default-btn{margin-top:1.56vw;justify-content:flex-start}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__media{width:33.33vw;height:23.44vw;padding:2.08vw;position: relative;}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__media img{width:100%;height:100%;border-radius:1.25vw;object-fit:cover;position:relative;z-index:1}
.main-about .company-info .slide-com .wp-block-media-text .wp-block-media-text__media::after{content:"";display:block;width:33.33vw;height:23.44vw;border-radius:1.25vw;position:absolute;top:0;right:0;background-color:#049b62}
.main-about .company-info .slide-com .wp-block-media-text.on{display: flex;}
.main-about .about-adv{padding:6.25vw 0;background-color:#f7f6ed}
.main-about .about-adv .wp-block-columns{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 5.21vw}
.main-about .about-adv .wp-block-columns .wp-block-column{display:flex;flex-direction:column;align-items:center;width:29.64%;padding:160px 2.6vw 2.6vw;box-sizing:border-box;background-color:#fff;margin-bottom:4.17vw;border-radius:1.56vw;position:relative}
.main-about .about-adv .wp-block-columns .wp-block-column h2{font-size:36px;line-height:36px;color:#049b62;font-family:'Roboto-Black';margin-bottom:10px;text-align: center;}
.main-about .about-adv .wp-block-columns .wp-block-column h3{font-size:24px;line-height:30px;font-family:'Roboto-Light';margin-bottom:10px;text-align: center;}
.main-about .about-adv .wp-block-columns .wp-block-column p{font-size:16px;line-height:30px;font-family:'Roboto-Light';text-align: center;}
.main-about .about-adv .wp-block-columns .wp-block-column::before{font-family:'icomoon';display:flex;justify-content:center;width:80px;height:80px;line-height:80px;position:absolute;top:2.6vw;left:50%;transform:translateX(-50%);font-size:100px;text-align:center;color:#2a6fa8}
.main-about .about-adv .wp-block-columns .wp-block-column::after{content:"";display:block;width:80px;height:80px;line-height:80px;position:absolute;top:2.6vw;left:50%;transform:translateX(-50%);background-color:rgba(0,82,151,0.1);border-radius:50%}
.main-about .about-adv .wp-block-columns .wp-block-column.a1::before{content:"\e91c"}
.main-about .about-adv .wp-block-columns .wp-block-column.a2::before{content:"\e91b"}
.main-about .about-adv .wp-block-columns .wp-block-column.a3::before{content:"\e917"}
.main-about .about-adv .wp-block-columns .wp-block-column.a4::before{content:"\e918"}
.main-about .about-adv .wp-block-columns .wp-block-column.a5::before{content:"\e919"}
.main-about .about-adv .wp-block-columns .wp-block-column.a6::before{content:"\e91a"}
.main-about .about-production{padding:6.77vw 0}
.main-about .about-production h2{font-size:2.5vw;line-height:2.92vw;margin-bottom:1.04vw;font-family:'Roboto-Light';padding:0 5.21vw}
.main-about .about-production p{font-size:1.04vw;line-height:1.56vw;color:#444444;margin-bottom:3.13vw;font-family:'Roboto-Light';padding:0 5.21vw}
.main-about .about-production .wp-block-columns{margin:0 5.21vw 5.21vw;display:flex;justify-content:space-between}
.main-about .about-production .wp-block-columns .wp-block-column{width:47.86%}
.main-about .about-production .wp-block-columns .wp-block-column .wp-block-image{width:100%;height:21.35vw}
.main-about .about-production .wp-block-columns .wp-block-column .wp-block-image img{width:100%;height:100%;border-radius:1.56vw;object-fit:cover;transition:all 0.5s}
.main-about .about-production .wp-block-columns .wp-block-column h3{padding-top:1.56vw;font-size:1.25vw;line-height:1.77vw;color:#000;text-align:center;font-family:'Roboto-Medium'}
.main-about .about-production .wp-block-columns .wp-block-column h3 strong{font-size:1.88vw;color:#049b62}
.main-about .about-production .slide-team{position:relative;overflow: hidden;}
.main-about .about-production .slide-team .wp-block-column{width:23.18vw;margin-right:1.2vw}
.main-about .about-production .slide-team .wp-block-column .wp-block-image{width:23.18vw;height:16.67vw}
.main-about .about-production .slide-team .wp-block-column p{font-size:1.25vw;line-height:1.77vw;text-align:center;padding:1.46vw 0 0;margin:0;font-family:'Roboto-Medium'}
.main-about .about-production .slide-team .btn{display:block;width:60px;height:60px;line-height:60px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 1px rgba(0,0,0,0.05);position:absolute;top:35%;z-index:1;font-size:0;cursor:pointer}
.main-about .about-production .slide-team .btn.prev{left:0;transform:rotate(180deg)}
.main-about .about-production .slide-team .btn.next{right:0}
.main-about .about-production .slide-team .btn::after{content:"\e90b";font-family:'icomoon';display:block;position:absolute;top:0;left:0;width:60px;height:60px;font-size:40px;line-height:60px;text-align:center;margin:0 auto}
.main-about .about-production .slide-team .btn:hover{box-shadow:0 0 10px 1px rgba(4,155,98,0.1)}
.main-about .about-cer{padding:5.73vw 0;position:relative;background:url("/wp-content/uploads/2025/06/cer-bg.webp") center bottom no-repeat #fcfcfc;background-size:100%;height:55.94vw;box-sizing:border-box}
.main-about .about-cer .wp-block-image{width:14.69vw;height:20.31vw;position:absolute}
.main-about .about-cer .wp-block-image.bg::after{content:"";display:block;width:14.69vw;height:20.31vw;background:url("/wp-content/uploads/2025/06/about-cer-bg.webp") center center no-repeat;background-size:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.main-about .about-cer .wp-block-image img{width:100%;height:100%;object-fit:cover}
.main-about .about-cer .wp-block-image.cer-01{left:17.08%;bottom:30.54%}
.main-about .about-cer .wp-block-image.cer-02{left:34.739%;bottom:39.29%}
.main-about .about-cer .wp-block-image.cer-03{left:53.385%;bottom:28.957%}
.main-about .about-cer .wp-block-image.cer-04{left:73.906%;bottom:32.867%}
.main-about .about-cer .wp-block-image.cer-05{width:4.38vw;height:15.52vw;left:40.885%;bottom:16.039%}
.list-app{padding:3.65vw 0}
.list-app .main-width{}
.list-app .tab{display:flex;flex-wrap:wrap;margin-bottom:0.78vw}
.list-app .tab a{display:block;width:15%;height:3.13vw;line-height:3.13vw;padding:0 0.78vw;font-size:1.04vw;box-sizing:border-box;border:1px solid #b7b7b7;margin:0 1.56vw 1.56vw 0;text-align:center;font-family:'Roboto-Light'}
.list-app .tab a:nth-child(6n-6){margin-right:0}
.list-app .tab a:hover,
.list-app .tab a.active{background-color:#049b62;color:#fff;border-color:#049b62}
.list-app .cont ul{display:flex;flex-wrap:wrap}
.list-app .cont ul li{width:23.5%;margin:0 1.875% 1.875% 0}
.list-app .cont ul li:nth-child(4n-4){margin-right:0}
.list-app .cont ul li:hover img{transform:scale(1.1)}
.list-app .cont ul li:hover h3{color:#049b62}
.list-app .cont ul li a{display:block}
.list-app .cont ul li a .pic{width:100%;height:0;padding-bottom:100%;overflow:hidden;background-color: #f6f6f6;border: 1px solid #ddd;}
.list-app .cont ul li a .pic img{width:100%;height: auto; transition:all 0.5s}
.list-app .cont ul li a h3{display:flex;align-items:center;justify-content:center;height:60px;font-size:20px;line-height:20px;padding:10px;font-family:'Roboto-Light';box-sizing:border-box}
.list-app .wp-block-gallery{display:flex;flex-wrap:wrap;column-gap:2.75% !important;width:100%;font-size:0;}
.list-app .wp-block-image{position: relative; width:31.5%; height:; margin-bottom:2.75%; box-sizing: border-box;margin-bottom: 3.13vw;overflow: hidden;background-color: #000;}
.list-app .wp-block-image img{width: 100%;height: 100%;object-fit: cover;}
.list-app .wp-block-image figcaption{position: absolute;top: 0;left: 0; width: 100%; height: 100%; padding: 10% 4%;text-align: center;font-size: 1.5vw;line-height: 2vw; color: #fff; box-sizing:border-box;background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));font-family: 'Roboto-Light';}


.main-app{padding: 2.6vw 0;}
.main-app .main-width{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main-app .main-width .wp-block-image{max-width: 49.5%;margin-bottom: 1%;}
.main-app .main-width .wp-block-image img{width: 100%;height: auto;}

.main-contact .con-info{width: 47.5%;float: left;}
.main-contact .con-info .default-form .form-adv .sm-selection label{display: none;}
.main-contact .con-right{width: 47.5%;float: right;position: sticky;top: 50px;}
.main-contact .info{padding:3.65vw 0 1vw;}
.main-contact .info h2{font-size: 28px;line-height: 28px;margin-bottom: 20px;font-family: 'Roboto-Light';}
.main-contact .info ul{display:flex;flex-wrap:wrap;overflow:hidden;position: relative;}
.main-contact .info ul::before{content: "";position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;background-color: #ccc;}
.main-contact .info ul::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;background-color: #ccc;}
.main-contact .info ul li{width:50%;padding: 30px 20px 30px 60px; position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items: flex-start;justify-content:flex-start;font-size:20px;line-height:30px;color:#333;font-family:'Roboto-Light'}
.main-contact .info ul li:last-child{width: 100%;border-top: 1px solid #ccc;}
.main-contact .info ul li strong{display:block;font-size:20px;line-height:30px;margin-bottom: 10px; font-family:'Roboto-Medium'}
.main-contact .info ul li::after{position:absolute;left:0;top:41px;font-family:'icomoon';color:#fff;font-size:34px;display:flex;width:48px;height:48px;justify-content:center;align-items:center;line-height:48px;background-color:#005297;border-radius:50%}
.main-contact .info ul li.phone::after{content:"\e921"}
.main-contact .info ul li.email::after{content:"\e922"}
.main-contact .info ul li.add::after{content:"\e920"}

.main-categories{padding:2.6vw 0;}
.main-categories h2{line-height:30px;margin-bottom:1vw;font-size:22px;}
.main-categories .cate{padding:15px;margin-bottom:1vw;border:1px solid #ccc;}
.main-categories .cate h3{position:relative;line-height:25px;padding:10px;margin-bottom:15px;font-size:18px;background-color:#f6f6f6;font-weight:bold;font-family:'Roboto-Medium';cursor:pointer;}
.main-categories .cate h3:before{content:">";position:absolute;right:0;top:0;width:45px;line-height:45px;text-align:center;transform:scale(1,1.5);}
.main-categories .cate h3:hover{background-color:#f3f3f3;}
.main-categories .cate ul{display:flex;flex-wrap:wrap;}
.main-categories .cate li{width:25%;padding-right:3%;box-sizing:border-box;font-size:16px;font-family:'Roboto-Light';}
.main-categories .cate li a{display:block;line-height:20px;padding:10px;}
.main-categories .cate li a:hover{background-color:#049b62;color:#fff;}
.main-categories .cate.open h3:before{transform:scale(1.5,1) rotate(90deg);}



.main-cate{padding:2.6vw 0 80px;}
.main-cate h2{line-height:30px;margin-bottom:1vw;font-size:22px;}
.main-cate .cont{gap: 20px;display: grid;grid-template-columns: 1fr 1fr 1fr;}
.main-cate .cate{position: relative;overflow: hidden;height: 205px;}
.main-cate .cate .text{position: absolute;top: 0;left: 0;bottom: 0;width: 60%;padding: 20px;display: flex;flex-direction: column;justify-content: center;}
.main-cate .cate h3{font-size: 1.15vw;line-height: 1.56vw;color: #fff;}
.main-cate .cate span{display:block;margin-top: 20px;width: 80px;height: 30px;line-height: 30px;text-align: center; color: #fff;background-color: rgba(0, 0, 0, .5);border-radius: 30px;}
.main-cate .cate a{display: flex;align-items: center;}
.main-cate .cate a .pic{width: 50%; position: absolute; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
.main-cate .cate a .pic img{max-width: 90%; max-height: 90%; transition: all .5s;}
.main-cate .cate:hover a .pic img{transform: scale(1.15);}

/* .main-cate .cate:nth-child(6n+1){background-color: #abaca8;}
.main-cate .cate:nth-child(6n+2){background-color: #9f9f9f;}
.main-cate .cate:nth-child(6n+3){background-color: #bd9489;}
.main-cate .cate:nth-child(6n+4){background-color: #8f98bf;}
.main-cate .cate:nth-child(6n+5){background-color: #eaddd4;}
.main-cate .cate:nth-child(6n+6){background-color: #bbb9a3;}
.main-cate .cate:nth-child(6n+7){background-color: #c97f84;}
.main-cate .cate:nth-child(6n+8){background-color: #f89aa3;}
.main-cate .cate:nth-child(6n+9){background-color: #9c9c9c;} */




.default-form{padding:6.25vw 0;position: relative;}
.default-form .top-title{text-align: left;margin-bottom: 30px;}
.default-form .top-title h2{font-size: 2.5vw;line-height: 2.5vw;margin-bottom: 20px;text-align: center;}
.default-form .top-title p{text-align: left;padding: 0;font-size: 18px;line-height: 28px;}
.default-form img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;width: 100%;height: 100%;}
.default-form .wp-block-cover__inner-container{position: relative;}
.default-form .form-adv img{width:200px;height:64px;background-color:#fff;border:none;margin-right:35px;outline:none}
.default-form .form-adv ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.default-form .form-adv li{width:49%;margin-bottom:10px;position: relative;}
.default-form .form-adv li:nth-last-child(2){width: 100%;}
.default-form .form-adv li.sm-message,
.default-form .form-adv li.sm-subtn{width: 100%;}
.default-form .form-adv li.sm-source{display: none;}
.default-form .form-adv label{position: absolute; left: 0;line-height: 45px;font-size: 16px;padding:0 10px; color: #666; transition: 0.3s; pointer-events: none;font-family: 'Roboto-Light';}
.default-form .form-adv li:nth-last-child(2) label{padding: 10px;line-height: 25px;}
.default-form .form-adv input{width:100%;height:45px;line-height:45px;padding:10px;font-size:16px;color:#000;background-color:#fff;border:1px solid #dddddd;box-sizing:border-box;font-family:'Roboto-Light'}
.default-form .form-adv input:focus{border-color:#049b62}
.default-form .form-adv select{width:100%;height:45px;line-height:45px;padding:10px;font-size:16px;outline: none; color:#000;background-color:#fff;border:1px solid #dddddd;box-sizing:border-box;font-family:'Roboto-Light'}
.default-form .form-adv textarea{width:100%;height:150px;line-height:25px;padding:10px;font-size:16px;color:#000;background-color:#fff;border:1px solid #dddddd;box-sizing:border-box;font-family:'Roboto-Light'}
.default-form .form-adv textarea:focus{border-color:#049b62}
.default-form .form-adv .sub{display:flex;justify-content:center;width: 100%;height:54px;line-height:54px;border-radius:54px;border: none;outline: none; text-align:center;font-size:18px;font-family:'Roboto-Light';color:#fff;background-color:#049b62;cursor:pointer}
.default-form .form-adv .sub:hover{-webkit-filter: brightness(1.1); filter: brightness(1.1);}
.default-form .form-adv .sub:active{-webkit-filter: brightness(.9); filter: brightness(.9);}

.main-service .default-form .form-adv li:nth-last-child(3) label{display: block;}

.list-faq{padding:4.17vw 0 6.25vw}
.list-faq .cont li{padding:1.56vw 3.13vw;border:1px solid #000;box-sizing:border-box;border-radius:1.04vw;margin-bottom:2.08vw}
.list-faq .cont li span{position:absolute;left:0;top:0;display:block;width:40px;line-height:40px;font-size:24px;font-family:'Roboto-Medium';color:#fff;background-color:#049b62;text-align:center;border-radius:50%;overflow:hidden}
.list-faq .cont li h3{position:relative;padding:5px 0 5px 5.73vw;line-height:30px;font-size:24px;font-family:'Roboto-Light';margin-bottom:20px}
.list-faq .cont li .ans{position:relative;padding:5px 0 5px 5.73vw;font-size:18px;line-height:25px;font-family:'Roboto-Light'}
.list-news{padding:4.17vw 0}
.list-news .main-width{max-width:1400px;width:72.92vw}
.list-news .news-tab{display:flex;justify-content:center;margin-bottom:54px}
.list-news .news-tab ul{display:flex;justify-content:center;}
.list-news .news-tab ul li{}
.list-news .news-tab a{display:block;width:280px;height:58px;line-height:58px;border:1px solid #b6b6b6;box-sizing:border-box;margin:0 30px 15px 0;font-size:20px;font-family:'Roboto-Light';text-align:center}
.list-news .news-tab li a:hover,
.list-news .news-tab li.current-menu-item a{background-color:#049b62;border-color:#049b62;color:#fff}
.list-news .cont li{margin-bottom:2.6vw}
.list-news .cont li a{display:flex;justify-content:space-between;box-sizing:border-box;position:relative}
.list-news .cont li a .text{width:75%;border:1px solid #dddddd;padding:1.56vw 1.56vw 1.56vw 9.64vw;box-sizing:border-box;border-radius:1.56vw;background-color:#fff;position:relative}
.list-news .cont li a .text .date{position:absolute;top:1.56vw;bottom:1.56vw;left:1.56vw;width:6.25vw;color:#049b62;padding-right:1.56vw;text-align:center;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;border-right:1px solid #dddddd;box-sizing:border-box}
.list-news .cont li a .text .date .year{font-size:16px;line-height:25px;font-family:'Roboto-Light'}
.list-news .cont li a .text .date .day{font-size:60px;line-height:60px;font-family:'Roboto-Light'}
.list-news .cont li a .text h2{font-size:24px;line-height:32px;margin-bottom:15px;font-family:'Roboto-Light'}
.list-news .cont li a .text p{font-size:16px;line-height:25px;color:#444444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'Roboto-Light'}
.list-news .cont li a .text:hover{box-shadow:0 0 15px 1px rgba(0,0,0,0.1)}
.list-news .cont li a .pic{width:17.19vw;height:10.42vw;border-radius:1.56vw;overflow:hidden}
.list-news .cont li a .pic img{width:100%;height:100%;object-fit:cover;transition:all 0.5s}
.list-news .cont li a .pic:hover img{transform:scale(1.1)}
.sidebar{width:280px;float:left;position: sticky;top: 120px;}
.sidebar .box{margin-bottom:35px}
.sidebar h3{height:56px;padding:0 30px;display:flex;align-items:center;font-size:22px;line-height:30px;color:#fff;font-family:'Roboto-Medium';background-color:#049b62}
.sidebar p{font-size:16px;line-height:25px;color:#000;font-family:'Roboto-Light';padding-left:25px;position:relative;margin-bottom:8px}
.sidebar p::after{font-family:'icomoon';display:block;position:absolute;top:0;left:0;height:25px;line-height:25px;font-size:20px}
.sidebar p.tel::after{content:"\e921"}
.sidebar p.email::after{content:"\e913"}
.sidebar p.add::after{content:"\e920";font-size:22px}
.sidebar .nav ul li{border-bottom:1px solid #ddd}
.sidebar .nav ul li a{display:block;padding:15px 0 15px 30px;position:relative;box-sizing:border-box;font-size:18px;line-height:28px;font-family:'Roboto-Light'}
.sidebar .nav ul li a::after{content:"";display:block;width:16px;height:16px;border:1px solid #dddddd;border-radius:5px;box-sizing:border-box;position:absolute;top:21px;left:0}
.sidebar .nav ul li:hover a,
.sidebar .nav ul li.active a{color: #049b62;}
.sidebar .nav ul li:hover a::after,
.sidebar .nav ul li.active a::after{background-color:#049b62;border-color:#049b62}
.sidebar .hot ul li{padding:15px 0;position:relative;border-bottom:1px solid #ddd;box-sizing:border-box}
.sidebar .hot ul li a{display:flex;align-items:center}
.sidebar .hot ul li a h2{font-size:16px;line-height:25px;color:#000;font-family:'Roboto-Regular'}
.sidebar .hot ul li .pic{width:80px;height:80px;flex: 0 0 80px; border:1px solid #ddd;box-sizing:border-box;margin-right:20px}
.sidebar .hot ul li .pic img{width:100%;height:100%;object-fit:cover}
.sidebar .info h3{margin-bottom:20px}
.sidebar .tag{padding: 20px 0;}
.sidebar .tag a{font-size: 18px;line-height: 30px;display: inline-block;margin-right: 15px;color: #049b62;}
.sidebar .tag a:hover{text-decoration: underline;}

.list-product{padding:2.6vw 0;}
.list-product .cont{width:calc(100% - 325px);float:right}
.list-product .cont .desc{padding-left:1.9%;margin-bottom:30px;}
.list-product .cont .desc h1{margin-bottom:15px;}
.list-product .cont .desc p{font-family:'Roboto-Regular'}
.list-product .cont .no{padding-left:1.9%;text-align: center;font-size: 20px;}
.list-product .cont .search-pro{position:relative;width:98%;height:3.33vw;line-height:3.33vw;border:1px solid #ddd;overflow:hidden;margin-left:2%;box-sizing:border-box;margin-bottom:30px}
.list-product .cont .search-pro::after{content:"\e900";font-family:'icomoon';display:block;width:3.39vw;height:3.33vw;line-height:3.33vw;text-align:center;font-size:1.35vw;z-index:1;position:absolute;top:0;right:0;color:#000}
.list-product .cont .search-pro .text{width:100%;height:3.33vw;line-height:3.33vw;padding:0 3.33vw 0 1.3vw;font-size:16px;color:#666666;font-family:'Roboto-Light';box-sizing:border-box}
.list-product .cont .search-pro .sub{width:3.33vw;height:3.33vw;display:block;position:absolute;top:0;right:0;font-size:0;background-color:transparent;cursor:pointer;z-index:2}
.list-product .cont ul{overflow:hidden;display: flex;flex-wrap: wrap;}
.list-product .cont li{width:31.37%;background-color:#f5f5f5;position:relative;margin:0 0 1.9% 1.9%;float:left}
.list-product .cont li a{display:block;padding:15px 15px 0;box-sizing:border-box;}
.list-product .cont li a .pic{width:100%;height:0;padding-bottom: 100%;overflow:hidden;background-color: #fff;}
.list-product .cont li a .pic img{width:100%;height:auto; transition:all 0.5s}
.list-product .cont li a h3{margin: 15px 0;font-size: 1.04vw;line-height:1.56vw;text-align: center; font-family:'Roboto-Regular';box-sizing: border-box;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list-product .cont li:hover .pic img{transform:scale(1.1)}
.list-product .cont li:hover span{background-color:#049b62;color:#fff}
.list-product .cont li span{display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;left:0;height:70px;color:#666;font-size:18px;font-family:'Roboto-Light';cursor:pointer}
.list-product .cont.search-list ul{width: 103%;}
.list-product .cont.search-list li{width: 22.37%;}
.list-product .cont.search-list li span{height: 50px;}
.list-product .cont.search-list li a h3{font-size: 0.94vw;line-height: 1.46vw;}
.list-product .like{margin-top: 2.6vw;}
.list-product .like .top-title{margin-bottom: 1.56vw;}


.main-product{padding:5.21vw 0;}
.main-product .content{width:calc(100% - 280px);padding-left:4.17vw;box-sizing:border-box;float:left}
.main-product .content .slide-pro{width:35.42vw;height:28.65vw;padding-right:5.73vw;box-sizing:border-box;float:left;overflow:hidden;position:relative}
.main-product .content .slide-pro .slide-pic{width:28.65vw;height:28.65vw;border:1px solid #ddd;box-sizing:border-box;overflow: hidden;}
.main-product .content .slide-pro .slide-pic li{width: 28.65vw;height:28.65vw;box-sizing:border-box;}
.main-product .content .slide-pro .slide-pic li img{width: 28.65vw;height:28.65vw;object-fit:cover;}
.main-product .content .slide-pro .slide-dot{position:absolute;top:0;right:0;bottom:0;padding:28px 0;overflow: hidden;}
.main-product .content .slide-pro .slide-dot .pos{overflow: hidden;}
.main-product .content .slide-pro .slide-dot li{width:5.73vw;height:5.73vw;border:1px solid #ddd;box-sizing: border-box;margin-bottom: 12px;}
.main-product .content .slide-pro .slide-dot li img{width:100%;height:100%;object-fit:cover}
.main-product .content .slide-pro .slide-dot li.active,.main-product .content .slide-pro .slide-dot li:hover{border-color:#049b62}
.main-product .content .slide-pro .slide-dot .btn{width: 100%;height: 26px;line-height: 26px;position: absolute;left: 50%;transform: translateX(-50%);cursor: pointer; background-color: #fff;display: flex;justify-content: center;align-items: center;}
.main-product .content .slide-pro .slide-dot .btn::before{content: '\e914'; display: block; width: 33px; height: 16px; line-height: 16px; font-size: 30px; font-family: 'icomoon'; transform: rotate(180deg); color: #000;}
.main-product .content .slide-pro .slide-dot .btn.prev{top: 0;}
.main-product .content .slide-pro .slide-dot .btn.next{bottom: 0;transform: translateX(-50%) rotate(180deg);}
.main-product .content .info{width:calc(100% - 37.5vw);float:right;padding:1.46vw 0}
.main-product .content .info h1{font-size:1.88vw;line-height:2.19vw;font-family:'Roboto-Medium';margin-bottom:1.56vw}
.main-product .content .info p{font-size:1.04vw;line-height:1.56vw;color:#444444;font-family:'Roboto-Light'}
.main-product .content .info p strong{color:#000}
.main-product .content .info .default-btn{margin-top:2.08vw;justify-content:flex-start}
.main-product .content .info .share{display:flex;align-items:center;margin-top: 30px;}
.main-product .content .info .share span{font-size:18px;line-height:26px;color:#444;margin-right:20px}
.main-product .content .info .share a{display:block;width:38px;height:38px;background-color:#049b62;border-radius:50%;margin-right:10px;position:relative}
.main-product .content .info .share a:hover{transform: translateY(-10px);}
.main-product .content .info .share a::after{font-family:'icomoon';display:block;text-align:center;width:38px;height:38px;position:absolute;top:0;left:0;line-height:38px;color:#fff}
.main-product .content .info .share a.twitter::after{content:'\e904';font-size:24px}
.main-product .content .info .share a.facebook::after{content:'\e901';font-size:24px}
.main-product .content .info .share a.instagram::after{content:'\e903';font-size:22px}
.main-product .content .info .share a.linkedin::after{content:'\e90f';font-size:20px}
.main-product .detail{padding: 2.08vw 0;}
.main-product .detail img{max-width: 100%;height: auto;}
.main-product .detail figure {text-align:center;}
.main-product .detail table{border-collapse: collapse; border: 1px solid #ebebeb; border-spacing: 0; width: 100%;}
.main-product .detail table tr{border-bottom: 1px solid #ebebeb;}
.main-product .detail table tr td{border-bottom: 1px solid #ebebeb; padding: 8px; font-size: 16px; text-align: center;}
.main-product .cate-item{margin-top:5.99vw;border-bottom:1px solid #ddd;overflow:hidden;margin-bottom:2.6vw;position: sticky;top: 60px;background-color: #fff;z-index: 999;}
.main-product .cate-item li{min-width:7.29vw;padding:0 1.04vw;height:2.86vw;text-align:center;float:left;font-size:1.04vw;line-height:1.56vw;display:flex;align-items:center;justify-content:center;border-radius:0.52vw 0.52vw 0 0;margin-right:1.04vw;cursor:pointer;color:#000;font-family:'Roboto-Light'}
.main-product .cate-item li:hover,.main-product .cate-item li.on{background-color:#049b62;color:#fff}
.main-product .contbox h2{font-size:2.5vw;line-height:2.6vw;margin-bottom:1.04vw;text-align:center;font-family:'Roboto-Light'}
.main-product .contbox h2 + p{font-size:1.25vw;line-height:1.56vw;text-align:center;font-family:'Roboto-Light';color:#000;margin-bottom:1.56vw}
.main-product .contbox h2 + p.btn{width:26.04vw;height:2.5vw;line-height:2.5vw;padding:0 2.6vw;border:1px solid #ddd;margin:0 auto 1.56vw;border-radius:2.5vw}
.main-product .contbox .oem{padding:3.65vw 1.25vw 1.25vw;background-color:#f7f6ed;box-sizing:border-box;margin-bottom:2.6vw}
.main-product .contbox .oem .tab{display: flex; justify-content: center; padding: 0 0 2.08vw 0;}
.main-product .contbox .oem .tab li{display: flex; justify-content: center; align-items: center; width: 11.46vw; height: 2.5vw; border-radius: 2.5vw; font-size: 16px; line-height: 2.5vw; text-align: center; background-color: #fff; color: #000; font-family: 'Roboto-Light'; margin: 0 0.52vw; box-sizing: border-box; cursor: pointer;}
.main-product .contbox .oem .tab li.active,
.main-product .contbox .oem .tab li:hover{background-color: #049b62;color: #fff;}
.main-product .contbox .oem > .wp-block-group{display: none; padding:2.6vw 1.25vw;background-color:#fff;box-sizing:border-box;margin-bottom:1.25vw}
.main-product .contbox .oem .wp-block-group h3{font-size:2.08vw;line-height:2.08vw;margin-bottom:1.56vw;text-align:center;font-family:'Roboto-Light'}
.main-product .contbox .oem .wp-block-group .wp-block-columns{display:flex;justify-content:space-between;flex-wrap:wrap}
.main-product .contbox .oem .wp-block-group .wp-block-columns .wp-block-column{width:22.32%;margin-left:2.06%;margin-bottom:1.3vw}
.main-product .contbox .oem .wp-block-group .wp-block-columns .wp-block-column img{width:100%;height:100%;object-fit:cover}
.main-product .contbox .oem .wp-block-group .wp-block-columns .wp-block-column .wp-element-caption{font-size:1.04vw;line-height:1.56vw;padding:1.04vw 0 0.52vw;font-family:'Roboto-Light';text-align:center}
.main-product .contbox .oem .wp-block-group .wp-block-columns.big .wp-block-column{width:100%;margin:0}
.main-product .contbox .oem .wp-block-group .wp-block-columns.big .wp-block-column img{width:100%;height:auto}
.main-product .contbox .oem .wp-block-group .list-img{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0;margin: 0;}
.main-product .contbox .oem .wp-block-group .list-img .wp-block-image{width:13%;height: 100%;margin-left:1%;margin-bottom:1.3vw}
.main-product .contbox .oem .wp-block-group .list-img .wp-block-image img{width:100%;height:100%;object-fit:cover}
.main-product .contbox .oem .wp-block-group .list-img .wp-block-image .wp-element-caption{font-size:1.04vw;line-height:1.56vw;padding:1.04vw 0 0.52vw;font-family:'Roboto-Light';text-align:center}
.main-product .default-form{padding: 60px 0;}
.main-product .default-form .wp-block-cover__inner-container .main-width{width: 100%;}
.main-product .default-form .top-title h2{font-size: 2.5vw; line-height: 2.6vw; margin-bottom: 1.04vw; text-align: center; font-family: 'Roboto-Light';}
.main-product .default-form  .form-adv{padding: 0 3.13vw;}



.list-tag{padding:2.6vw 0;}
.list-tag .tip{margin-bottom: 30px;}
.list-tag .tip h1{font-size: 20px;line-height: 30px;}
.list-tag .item{margin-bottom: 50px;}
.list-tag .toptitle{font-size: 28px;line-height: 38px;margin-bottom: 20px;color: #333;}
.list-tag .pro{overflow:hidden;width: 101.9%;}
.list-tag .pro li{width:23.1%;background-color:#f5f5f5;position:relative;margin:0 1.9% 1.9% 0;float:left}
.list-tag .pro li a{display:block;padding:15px 15px 0;box-sizing:border-box;}
.list-tag .pro li a .pic{width:100%;height:0;padding-bottom: 100%;overflow:hidden;background-color: #fff;}
.list-tag .pro li a .pic img{width:100%;height:auto; transition:all 0.5s}
.list-tag .pro li a h3{height:3.13vw;margin: 1.56vw 0;font-size: 1.04vw;line-height:1.56vw;text-align: center; font-family:'Roboto-Regular';box-sizing: border-box;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list-tag .pro li:hover .pic img{transform:scale(1.1)}
.list-tag .pro li:hover span{background-color:#049b62;color:#fff}
/* .list-tag .pro li span{display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;left:0;height:70px;color:#666;font-size:18px;font-family:'Roboto-Light';cursor:pointer} */
.list-tag .news{display:flex;flex-wrap:wrap;column-gap:2.2%;overflow: hidden;}
.list-tag .news li{width:23.35%;margin-bottom:2%;border:1px solid #dddddd;box-sizing: border-box;padding: 15px;box-sizing: border-box;border-radius: 8px;}
.list-tag .news li a{display:flex;flex-direction: column;box-sizing:border-box;position:relative}
.list-tag .news li a .text{padding: 15px 0 0;}
.list-tag .news li a .text .date{font-size: 14px; color:#049b62;margin-bottom: 10px;}
.list-tag .news li a .text h2{font-size:18px;line-height:26px;margin-bottom:10px;font-family:'Roboto-Light'}
.list-tag .news li a .text p{font-size:14px;line-height:22px;color:#444444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'Roboto-Light'}
.list-tag .news li a .pic{width:100%;height:10.42vw;border-radius:8px;overflow:hidden}
.list-tag .news li a .pic img{width:100%;height:100%;object-fit:cover;transition:all 0.5s}
.list-tag .news li a .pic:hover img{transform:scale(1.1)}


.process{padding:2.6vw 0}
.process .process-list{position:relative;margin-bottom:2.6vw}
.process .process-list .start{display:block;width:7.29vw;height:1px;background-color:#ddd;font-size:0;position:absolute;top:3.65vw;z-index:1}
.process .process-list .start::before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.process .process-list .end{display:block;width:7.29vw;height:1px;background-color:#ddd;font-size:0;position:absolute;right:0;bottom:8.9vw;z-index:1}
.process .process-list .end::before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#ddd;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.process .process-list .wp-block-columns{position:relative;padding:0 7.29vw;box-sizing:border-box;display:flex;justify-content:space-between}
.process .process-list .wp-block-columns:nth-child(2n){flex-direction:row-reverse}
.process .process-list .wp-block-columns:nth-child(2n)::after{right:0}
.process .process-list .wp-block-columns:nth-child(2n)::before{z-index:-1}
.process .process-list .wp-block-columns:nth-child(2n) .wp-block-column::after{left:-50%}
.process .process-list .wp-block-columns:nth-child(2n) .wp-block-column:last-child::after{display:none}
.process .process-list .wp-block-columns:nth-child(odd)::after{left:0}
.process .process-list .wp-block-columns:nth-child(odd) .wp-block-column::after{right:-40%;transform:rotate(180deg)}
.process .process-list .wp-block-columns:nth-child(odd) .wp-block-column:last-child::after{display:none}
.process .process-list .wp-block-columns:last-child::before{display:none}
.process .process-list .wp-block-columns::before{content:"";display:block;width:100%;height:12.5vw;border:1px solid #ddd;border-radius:12.5vw;box-sizing:border-box;position:absolute;left:0;top:3.65vw}
.process .process-list .wp-block-columns::after{content:"";display:block;width:7.29vw;height:12.5vw;box-sizing:border-box;position:absolute;top:3.65vw;background-color:#fff}
.process .process-list .wp-block-columns .wp-block-column{height:12.5vw;box-sizing:border-box;width:7.29vw;position:relative}
.process .process-list .wp-block-columns .wp-block-column:hover .icon{background-color:#049b62}
.process .process-list .wp-block-columns .wp-block-column:hover .icon::before{background-position-y:100%}
.process .process-list .wp-block-columns .wp-block-column .icon{width:7.29vw;height:7.29vw;border:1px solid #ddd;box-sizing:border-box;background-color:#fff;border-radius:50%;position:relative;font-size:0;margin: 0 auto 10px}
.process .process-list .wp-block-columns .wp-block-column .icon::before{content:"";display:block;width:2.97vw;height:2.97vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("/wp-content/uploads/2023/09/cus-process-1.png");background-size:1200% 200%;background-position-y:0}
.process .process-list .wp-block-columns .wp-block-column .icon.i1::before{background-position-x:0}
.process .process-list .wp-block-columns .wp-block-column .icon.i2::before{background-position-x:-100%}
.process .process-list .wp-block-columns .wp-block-column .icon.i3::before{background-position-x:-200%}
.process .process-list .wp-block-columns .wp-block-column .icon.i4::before{background-position-x:-300%}
.process .process-list .wp-block-columns .wp-block-column .icon.i5::before{background-position-x:-400%}
.process .process-list .wp-block-columns .wp-block-column .icon.i6::before{background-position-x:-500%}
.process .process-list .wp-block-columns .wp-block-column .icon.i7::before{background-position-x:-600%}
.process .process-list .wp-block-columns .wp-block-column .icon.i8::before{background-position-x:-700%}
.process .process-list .wp-block-columns .wp-block-column .icon.i9::before{background-position-x:-800%}
.process .process-list .wp-block-columns .wp-block-column .icon.i10::before{background-position-x:-900%}
.process .process-list .wp-block-columns .wp-block-column .icon.i11::before{background-position-x:-1000%}
.process .process-list .wp-block-columns .wp-block-column .icon.i12::before{background-position-x:-1100%}
.process .process-list .wp-block-columns .wp-block-column p{font-size:0.94vw;line-height:1.3vw;text-align:center;font-family:'Roboto-Light';position:relative}
.process .process-list .wp-block-columns .wp-block-column::after{content:"\e916";font-family:'icomoon';display:block;width:16px;height:26px;line-height:26px;font-size:40px;color:#cecece;position:absolute;top:2.86vw}
.main-product .contbox .process .tec_pho{padding:2.08vw 3.13vw;background-color:#049b62;border-radius:3.65vw;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.main-product .contbox .process .tec_pho p{display:flex;align-items:center;font-size:1.25vw;line-height:2.08vw;color:#fff;font-family:'Roboto-Light'}
.main-product .contbox .process .tec_pho p strong{font-size:2.08vw;line-height:2.08vw;font-family:'Roboto-Medium';padding-left:5.21vw;position:relative}
.main-product .contbox .process .tec_pho p strong::before{content:"\e925";font-family:'icomoon';display:block;position:absolute;left:1.3vw;top:0;line-height:2.08vw;font-size:50px;color:#fff}
.main-product .contbox .process .tec_pho .default-btn .wp-block-button{width:auto}
.main-product .contbox .process .tec_pho .default-btn .wp-block-button a{width:13.54vw;border-color:#fff;color:#fff}
.main-product .contbox .profile{padding-top:2.6vw}
.main-product .contbox .profile h2{margin-bottom:2.6vw}
.main-product .contbox .profile > .wp-block-image{width:100%;margin-bottom:1.25vw}
.main-product .contbox .profile > .wp-block-image img{width:100%;height:auto;border-radius:1.56vw}
.main-product .contbox .profile .wp-block-columns{display:flex;justify-content:space-between}
.main-product .contbox .profile .wp-block-columns .wp-block-column{width:49.35%}
.main-product .contbox .profile .wp-block-columns .wp-block-column .wp-block-image{width:100%;margin-bottom:2.6vw}
.main-product .contbox .profile .wp-block-columns .wp-block-column .wp-block-image img{width:100%;height:20.83vw;margin-bottom:1.04vw}
.main-product .contbox .profile .wp-block-columns .wp-block-column .wp-block-image .wp-element-caption{font-size:1.04vw;line-height:1.56vw;font-family:'Roboto-Light'}
.main-product .contbox .cer{padding:4.69vw 0;position:relative;background:url("/wp-content/uploads/2023/09/about-bg-small.jpg") center bottom no-repeat #f3f3f3;background-size:100%;height:42.71vw;box-sizing:border-box;border-radius:1.56vw 1.56vw 0 0;overflow:hidden}
.main-product .contbox .cer .wp-block-image{width:11.2vw;height:15.63vw;position:absolute}
.main-product .contbox .cer .wp-block-image.bg::after{content:"";display:block;width:11.2vw;height:15.63vw;background:url("/wp-content/uploads/2023/08/about-cer-bg.png") center center no-repeat;background-size:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.main-product .contbox .cer .wp-block-image img{width:100%;height:100%;object-fit:cover}
.main-product .contbox .cer .wp-block-image.cer-01{left:9.08%;bottom:24%}
.main-product .contbox .cer .wp-block-image.cer-02{left:29.739%;bottom:32.29%}
.main-product .contbox .cer .wp-block-image.cer-03{left:48.7%;bottom:23.157%}
.main-product .contbox .cer .wp-block-image.cer-04{left:70.906%;bottom:26.867%}
.main-product .contbox .cer .wp-block-image.cer-05{width:3.13vw;height:11.09vw;left:36.18%;bottom:11.7%}
.partner{padding:80px 0;border-radius:0 0 1.56vw 1.56vw;box-sizing:border-box;overflow:hidden;background-color:#bac8de}
.partner h2{font-size: 2.5vw;line-height: 2.81vw;text-align: center; font-family: 'Roboto-Light';color:#fff;margin-bottom:3.65vw}
.partner .wp-block-image{margin-bottom:1.56vw;text-align: center;}
.partner .wp-block-image img{max-width:100%;height:auto}
.partner .wp-block-buttons a{display:block;width:34.11vw;height:4.17vw;line-height:4.17vw;text-align:center;background-color:#fff;border-radius:4.17vw;position:relative;margin:0 auto;color:#005297;font-size:1.67vw;font-family:'Roboto-Medium';user-select:none;box-shadow:0px 8px 0 0 rgba(255,255,255,0.5);transform:translateY(-8px)}
.partner .wp-block-buttons a::after{content:"";display:flex}
.partner .wp-block-buttons a:active{transform:translateY(0);box-shadow:0 0}
.recommend{padding:1.04vw 0 3.13vw;}
.recommend h2{font-size:2.5vw;line-height:2.81vw;margin-bottom:3.65vw;text-align:center;font-family:'Roboto-Light'}
.recommend ul{overflow:hidden;display: flex;justify-content: space-between;}
.recommend ul li{width:24.375%;background-color:#f5f5f5;position:relative;margin:0 0 1.9% 1.9%;float:left}
.recommend ul li:first-child{margin-left: 0;}
.recommend ul li a{display:block;padding:15px 15px 0;box-sizing:border-box;}
.recommend ul li a .pic{width:100%;height:100%;background-color:#fff;overflow:hidden}
.recommend ul li a .pic img{width:100%;height:100%;object-fit:cover;transition:all 0.5s}
.recommend ul li a h3{margin: 15px 0;text-align: center; display:flex;align-items:center;justify-content:center;font-size:20px;line-height:30px;font-family:'Roboto-Regular'}
.recommend ul li:hover .pic img{transform:scale(1.1)}
.recommend ul li:hover span{background-color:#049b62;color:#fff}
.recommend ul li span{display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;left:0;height:70px;color:#666;font-size:18px;font-family:'Roboto-Light';cursor:pointer}
.item-page{margin: 5.21vw auto;text-align: center;}
.item-page .page-numbers{display: inline-block;width: 3.13vw;height: 3.13vw;line-height: 3.13vw;border-radius: 3.13vw;font-size: 1.25vw;margin: 0 5px; text-align: center;border: 1px solid #dddddd;box-sizing: border-box;color: #000;} 
.item-page .page-numbers:hover,
.item-page .page-numbers.current{background-color: #049b62;color:#fff;border-color: #049b62;}

.main-service .service-available{padding:4.69vw 0;background-color:#f7f6ed}
.main-service .service-available ul{display:flex;justify-content:center;padding:0 0 2.08vw 0}
.main-service .service-available ul li{display:flex;justify-content:center;align-items:center;width:17.71vw;height:3.75vw;border-radius:3.75vw;font-size:16px;line-height:1.56vw;text-align:center;background-color:#fff;color:#000;font-family:'Roboto-Light';margin:0 0.52vw;box-sizing:border-box;cursor:pointer}
.main-service .service-available ul li:hover,.main-service .service-available ul li.active{background-color:#049b62;color:#fff}
.main-service .service-available .oem{padding:2.6vw;background-color:#fff;border-radius:1.56vw}
.main-service .service-available .oem > .wp-block-group{display:none;justify-content:space-between;align-items:center;flex-direction:row}
.main-service .service-available .oem > .wp-block-group .default-btn{justify-content:flex-start}
.main-service .service-available .oem > .wp-block-group .text{width:23.44vw}
.main-service .service-available .oem > .wp-block-group .text h3{font-size:2.5vw;line-height:2.92vw;font-family:'Roboto-Light';text-align:left;margin-bottom:1.04vw}
.main-service .service-available .oem > .wp-block-group .text p{font-size:16px;line-height:25px;font-family:'Roboto-Light';color:#444444;text-align:left;margin-bottom:3.13vw}
.main-service .service-available .oem > .wp-block-group .list-img{display:flex;justify-content:space-between;flex-wrap:wrap;width:70.5%}
.main-service .service-available .oem > .wp-block-group .list-img .wp-block-image{width:13%;height: 100%;margin-left:1%;margin-bottom:1.3vw}
.main-service .service-available .oem > .wp-block-group .list-img .wp-block-image img{width:100%;height:100%;object-fit:cover}
.main-service .service-available .oem > .wp-block-group .list-img .wp-block-image .wp-element-caption{font-size:1.04vw;line-height:1.56vw;padding:1.04vw 0 0.52vw;font-family:'Roboto-Light';text-align:center}

.main-service .service-available .oem > .wp-block-group .wp-block-columns{display:flex;justify-content:space-between;flex-wrap:wrap;width:70.5%}
.main-service .service-available .oem > .wp-block-group .wp-block-columns .wp-block-column{width:24%;margin-left:1%;margin-bottom:1.3vw}
.main-service .service-available .oem > .wp-block-group .wp-block-columns .wp-block-column img{width:100%;height:100%;object-fit:cover}
.main-service .service-available .oem > .wp-block-group .wp-block-columns .wp-block-column .wp-element-caption{font-size:1.04vw;line-height:1.56vw;padding:1.04vw 0 0.52vw;font-family:'Roboto-Light';text-align:center}
.main-service .service-available .oem > .wp-block-group .wp-block-columns.big .wp-block-column{width:100%;margin:0}
.main-service .service-available .oem > .wp-block-group .wp-block-columns.big .wp-block-column img{width:100%;height:auto}

.main-service .service-available .oem > .wp-block-group.list-cus-img{flex-wrap: wrap;justify-content: flex-start;}
.main-service .service-available .oem > .wp-block-group.list-cus-img .wp-block-image{width: 12%;height: 100%;margin: 0 0.5% 0.5% 0; overflow: hidden;}
.main-service .service-available .oem > .wp-block-group.list-cus-img .wp-block-image img{width: 100%;height: 100%;object-fit: cover;}
.main-service .service-available .oem > .wp-block-group.list-cus-img .wp-block-image .wp-element-caption { font-size: 1.04vw; line-height: 1.56vw; padding: 1.04vw 0 0.52vw; font-family: 'Roboto-Light'; text-align: center; }


.main-service .cus-advantage{padding:6.25vw 0 4.69vw;background-color:#e1eef8}
.main-service .cus-advantage .wp-block-columns{display:flex;justify-content:space-between}
.main-service .cus-advantage .wp-block-columns .wp-block-column{position:relative;width:23.125%;background-color:#fff}
.main-service .cus-advantage .wp-block-columns .wp-block-column .wp-block-image{width:100%;height:14.58vw}
.main-service .cus-advantage .wp-block-columns .wp-block-column .wp-block-image img{width:100%;height:100%;object-fit:cover}
.main-service .cus-advantage .wp-block-columns .wp-block-column .text{position:relative;padding:2.6vw 1.3vw 1.56vw}
.main-service .cus-advantage .wp-block-columns .wp-block-column .text h4{font-size:1.56vw;line-height:2.08vw;font-family:'Roboto-Light';margin-bottom:1.56vw}
.main-service .cus-advantage .wp-block-columns .wp-block-column .text p{text-align:left;font-size:16px;line-height:25px;font-family:'Roboto-Light'}
.main-service .cus-advantage .wp-block-columns .wp-block-column .text p strong{font-family:'Roboto-Regular'}
.main-service .cus-advantage .wp-block-columns .wp-block-column .text::after{font-family:'icomoon';display:flex;justify-content:center;align-items:center;font-size:55px;width:105px;height:105px;color:#fff;background-color:#b04526;border:4px solid #fff;box-sizing:border-box;border-radius:50%;position:absolute;top:0;right:1.82vw;transform:translateY(-50%);box-shadow:40px 0 10px -20px rgba(176,69,38,0.3)}
.main-service .cus-advantage .wp-block-columns .wp-block-column.a1 .text::after{content:"\e926"}
.main-service .cus-advantage .wp-block-columns .wp-block-column.a2 .text::after{content:"\e902"}
.main-service .cus-advantage .wp-block-columns .wp-block-column.a3 .text::after{content:"\e90e"}
.main-service .cus-advantage .wp-block-columns .wp-block-column.a4 .text::after{content:"\e909"}
.main-service .case{padding:7.29vw 0}
.main-service .case .case-slide{position:relative;overflow:hidden;margin: 0 auto 3.65vw}
.main-service .case .case-slide .slide-pic{overflow:hidden}
.main-service .case .case-slide .slide-pic .wp-block-image{width:15.36vw;height:15.36vw;float:left;margin-right:1.56vw}
.main-service .case .case-slide .slide-pic .wp-block-image img{width:100%;height:100%;object-fit:cover}
.main-service .case .case-slide .btn{display:block;width:60px;height:60px;line-height:60px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 1px rgba(0,0,0,0.05);position:absolute;top:50%;transform:translateY(50%);z-index:1;font-size:0;cursor:pointer}
.main-service .case .case-slide .btn.prev{left:30px;transform:rotate(180deg) translateY(50%)}
.main-service .case .case-slide .btn.next{right:30px;transform:translateY(-50%)}
.main-service .case .case-slide .btn::after{content:"\e90b";font-family:'icomoon';display:block;position:absolute;top:0;left:0;width:60px;height:60px;font-size:40px;line-height:60px;text-align:center;margin:0 auto}
.service-process{padding: 7.29vw 0;display: flex;}
.service-process > .main-width{display: flex;justify-content: center;}
.service-process .process{width: 55.21vw;padding: 0;}
.service-process .process-item{width: 540px;margin-left: -80px; background-color: #049b62;padding:4.95vw 3.65vw 3.65vw;box-sizing: border-box;border-radius: 30px;z-index: 9;}
.service-process .process-item h2{font-size: 2.5vw;line-height: 2.5vw;font-family: 'Roboto-Light';text-align: center;color: #fff;margin-bottom: 1.56vw;}
.service-process .process-item h2 + p{font-size: 1.25vw;line-height: 1.25vw;color: #fff;font-family: 'Roboto-Light';margin-bottom: 2.34vw;text-align: center;}
.service-process .process-item li{width:100%;margin-bottom:20px;position: relative;}
.service-process .process-item label{position: absolute; left: 0;line-height: 50px;font-size: 16px;color: #fff; transition: 0.3s; pointer-events: none;font-family: 'Roboto-Light';}
.service-process .process-item input[type='text'],
.service-process .process-item textarea{width:100%;height:50px;line-height:50px;font-size:16px;color:#000;background-color:transparent;border-bottom:1px solid #fff;box-sizing:border-box;font-family:'Roboto-Light'}
.service-process .process-item .sub{display: block; width: 265px; height: 54px; line-height: 54px; font-size: 18px;cursor: pointer; margin: 0 auto 3.13vw; color: #fff; border: 1px solid #fff; border-radius: 54px; text-align: center; font-family: 'Roboto-Light';background-color: transparent; box-sizing: border-box;}
.service-process .process-item p{display: flex;flex-direction: column; align-items: center; font-size: 1.25vw; line-height: 2.08vw; color: #fff; font-family: 'Roboto-Light';}
.service-process .process-item p strong{font-size: 2.08vw; line-height: 2.08vw; font-family: 'Roboto-Medium'; padding-left: 5.21vw; position: relative;margin-top: 30px;}
.service-process .process-item p strong::before{content: "\e925"; font-family: 'icomoon'; display: block; position: absolute; left: 1.3vw; top: 0; line-height: 2.08vw; font-size: 50px; color: #fff;}


.list-down{padding: 4.17vw 0 80px;}
.list-down ul li{padding: 3.39vw 9.38vw 3.13vw 3.13vw;border: 1px solid #000;box-sizing: border-box;position: relative;}
.list-down ul li a{display: block; font-size: 24px;line-height: 30px;margin-bottom: 1.56vw;font-family: 'Roboto-Light';}
.list-down ul li a.down{width: 85px;height: 85px;border: 1px solid #ddd;position: absolute;right: 3.39vw;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.list-down ul li a.down::after{content: "\e911";font-family: 'icomoon';line-height: 85px;position: absolute;top: 0;left: 0;width: 85px;text-align: center;color: #005297;font-size: 50px;}

.list-down ul li p{font-size: 18px;line-height: 25px;color: #444444;font-family: 'Roboto-Light';}


.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:854px;height:480px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;cursor:pointer;font-size: 40px;color: #fff;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


@keyframes criss-cross-left {
  0% { left:-20px }
  50% { left:50%; width:20px;height:20px; }
  100% { left:50%;width:375px;height:375px; }
 }
 @keyframes criss-cross-right {
  0% { right:-20px }
  50% { right:50%;width:20px;height:20px; }
  100% { right:50%;width:375px;height:375px; }
 }