@charset "utf-8";
/*font*/
@font-face {font-family:"icomoon";src:url("font/icomoon.ttf");}
@font-face {font-family:"Gotham-Bold";src:url("font/Gotham-Bold.otf");}
@font-face {font-family:"Gotham-Medium";src:url("font/Gotham-Medium.otf");}
@font-face {font-family:"Gotham-Book";src:url("font/Gotham-Book.otf");}
@font-face {font-family:"Gotham-Light";src:url("font/Gotham-Light.otf");}
/*var*/
:root{--main-color:#272f7f;--secd-color:#8a7358;}
/*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;}
*::-webkit-scrollbar{width:4px;height:4px;background-color:#fff;}
*::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:var(--main-color);}
body{font:16px "Gotham-Book";font-weight:400;color:#333;width:100vw;overflow-x:hidden;background-color:#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);}
a:hover{color:var(--main-color);}
ul,li{list-style:none;}
img{vertical-align:top;}
hr{display:none;}
figure{margin:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;}
input{outline:none;vertical-align:middle;font-family:'Helvetica';}
input[type='number']{-moz-appearance:textfield;}
input[type="submit"],button{cursor:pointer;font-family:'Helvetica';}
textarea{vertical-align:top;resize:none;outline:none;overflow:hidden;font-family:'Gotham-Book';}
p{line-height:1.5vw;font-size:1vw;}
h1{font-size:3.5vw;line-height:3vw;font-weight:normal;font-family:"Gotham-Bold";}
h2{font-size:3vw;line-height:2.5vw;font-weight:normal;font-family:"Gotham-Bold";}
h3{font-size:2.4vw;line-height:1.8vw;font-weight:normal;font-family:"Gotham-Medium";}
/* backToTop */
#wpadminbar{display:none;}
.hidden{display:none;}
.bread{padding:0.5vw 0;}
.bread p{display:flex;column-gap:0.5vw;align-items:center;font-size:0.8vw;}
.bread p i:before{content:"\f345";display:block;font-family:"dashicons";}
.bread p:before{content:"\f102";display:block;font-family:"dashicons";font-size:1vw;}
.m-Top{margin-top:6vw;}
.main-width{width:85.4vw;margin:0 auto;}
.loadico{position:relative;width:60px;height:30px;margin:10px auto;}
.loadico:before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;background-color:var(--main-color);border-radius:50%;animation:loadl 1s linear infinite;}
.loadico:after{content:"";position:absolute;right:0;top:5px;width:20px;height:20px;background-color:var(--secd-color);border-radius:50%;animation:loadr 1s linear infinite;}
@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;}
}


header{position:relative;;position:fixed;left:0;top:0;width:100%;height:6vw;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);z-index:9999;transition:all .3s;}
header .main-width{display:flex;justify-content:space-between;}
header .menubtn{display:none;float:left;width:28px;height:17px;margin-top:17px;cursor:pointer;}
header .menubtn span{display:block;width:28px;height:1px;background-color:var(--main-color);border-radius:1px;transform-origin:9.5% 50%;transition:all .3s;}
header .menubtn .b1,header .menubtn .b2{margin-bottom:7px;}
header .logo{height:4.6vw;margin-top:0.7vw;transition:all .3s;}
header .logo img{width:auto;height:100%;}
header .search{position:absolute;right:1.65vw;top:1vw;width:4vw;height:4vw;line-height:4vw;text-align:center;cursor:pointer;transition:all .3s;}
header .search:before{content:"\e903";font-family:"icomoon";font-size:1.6vw;}
header .search-bar{position:absolute;right:0;top:-100%;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#fff;transition:all .3s;}
header .search-bar form{position:relative;;display:flex;width:40vw;height:3vw;border:1px solid #bbb;border-radius:0.3vw;overflow:hidden;transition:all .3s;}
header .search-bar form input{width:calc(100% - 3vw);height:100%;padding:0 1vw;font-size:1vw;}
header .search-bar form button{position:relative;width:3vw;height:100%;border:none;cursor:pointer;background:none;}
header .search-bar form:before{content:"\e903";position:absolute;right:0;top:0;width:3vw;height:calc(3vw - 2px);line-height:calc(3vw - 2px);font-family:"icomoon";font-size:1.6vw;text-align:center;}
header .search-bar .close{position:relative;width:3vw;height:3vw;cursor:pointer;}
header .search-bar .close:before{content:"";position:absolute;left:0.5vw;top:50%;margin-top:-1px;width:2vw;height:2px;background-color:#666;transform:rotate(45deg);}
header .search-bar .close:after{content:"";position:absolute;left:0.5vw;top:50%;margin-top:-1px;width:2vw;height:2px;background-color:#666;transform:rotate(-45deg);}
header .search-bar.on{top:0;}
header .nav .one{display:flex;}
header .nav .one > li{position:relative;line-height:2vw;padding:2vw 1.2vw;font-size:1.2vw;transition:all .3s;}
header .nav .one > li.current-menu-item > a{display:block;position:relative;color:var(--main-color);}
header .nav .one > li.current-menu-item > a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:0.16vw;background-color:var(--main-color);}
header .nav .one > li:hover > a{color:var(--main-color);}
header .nav .one > li:hover .sub-menu{left:1.2vw;opacity:1;transform:translateY(0)}
header .nav .sub-menu{position:absolute;left:-100vw;top:100%;max-width:16vw;margin-top:-4px;border-top:4px solid var(--main-color);background-color:#fff;transform:translateY(10px);opacity:0;transition:transform 0.5s,opacity 0.5s;}
header .nav .sub-menu li{line-height:1.5vw;font-size:1vw;white-space:nowrap;}
header .nav .sub-menu li a{display:block;padding:0.5vw 1vw;transition:all .5s;}
header .nav .sub-menu li a:hover{background-color:var(--main-color);color:#fff;}
header.action .menubtn .b1{transform:rotate(45deg);}
header.action .menubtn .b2{opacity:0;}
header.action .menubtn .b3{transform:rotate(-45deg);}
header.flow{height:3vw;}
header.flow .logo{height:2vw;margin-top:0.5vw;}
header.flow .search{top:0;height:3vw;line-height:3vw;}
header.flow .nav .one > li{padding:0.5vw 1.2vw;}
header.flow .search-bar form{height:2.6vw;}


footer{padding:4vw 0;background-color:var(--main-color);color:#fff;}
footer a{color:#fff;}
footer a:hover{color:#fff;}
footer h3{position:relative;line-height:2.4vw;padding-bottom:1.2vw;margin-bottom:1vw !important;font-size:1.8vw;font-family:"Gotham-Bold";color:#fff;}
footer h3:before{content:"";position:absolute;left:0;bottom:0;width:3vw;height:0.2vw;background-color:var(--secd-color);}
footer li{line-height:1.5vw;font-size:1vw;}
footer .main-width{display:flex;justify-content:space-between;column-gap:4vw;}
footer .nav{width:25vw;}
footer .nav .one > li{float:left;width:10vw;}
footer .nav .one > li > a{display:block;position:relative;line-height:2.4vw;padding-bottom:1.2vw;margin-bottom:1vw !important;font-size:1.8vw;font-family:"Gotham-Bold";}
footer .nav .one > li > a:before{content:"";position:absolute;left:0;bottom:0;width:3vw;height:0.2vw;background-color:var(--secd-color);}
footer .nav .one > li:nth-child(1){width:11vw;margin-right:4vw;}
footer .nav .one > li:nth-last-child(1){margin-top:3vw;}
footer .contact{width:39vw;}
footer .contact > .wp-block-group{column-gap:4vw;}
footer .contact .is-vertical{width:17.5vw;}
footer .sns{width:9.4vw;}
footer .sns figure{width:100%;}
footer .sns img{width:100%;height:auto;}
.copy-right{padding:2vw 0;background-color:var(--main-color);color:#fff;border-top:1px solid rgba(255,255,255,.5);}


.index-main{position:relative;margin-top:6vw;}
.index-main h2{line-height:3vw;font-size:2.5vw;color:var(--main-color);text-transform:uppercase;}
.index-main h3{line-height:2.4vw;margin-top:1vw;font-size:1.8vw;}
.index-main .wp-block-separator{display:block;width:13.5vw;margin:1vw 0;border:none;border-top:1px solid #000;text-align:left;}


.index-banner{position:relative;}
.index-banner .slide-pic{overflow:hidden;}
.index-banner .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.index-banner .slide-pic li{width:100vw;height:40vw;}
.index-banner .slide-pic li figure{width:100%;height:100%;}
.index-banner .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.index-banner .slide-dot{position:absolute;left:0;bottom:2vw;width:100%;}
.index-banner .slide-dot ul{display:flex;justify-content:center;column-gap:0.6vw;}
.index-banner .slide-dot li{width:1vw;height:1vw;border-radius:50%;background-color:rgba(255,255,255,.5);}
.index-banner .slide-dot li.active{background-color:#fff;}

.index-profile{padding:4vw 0;background-color:#f5f5f5;}
.index-profile .cont{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:2vw;margin-top:2.5vw;}
.index-profile .cont h3{line-height:2vw;margin:0 0 0.5vw;font-size:1.5vw;text-transform:uppercase;color:var(--main-color);}
.index-profile .cont .wp-block-group{position:relative;align-self:stretch;width:48.8%;padding:3% 4.5% 3% 10%;background-color:#fff;overflow:hidden;}
.index-profile .cont .wp-block-group figure{position:absolute;left:-1vw;top:50%;max-width:9vw;max-height:9vw;object-fit:contain;transform:translateY(-50%);}

.index-advantage h3{position:relative;line-height:2vw;padding-bottom:1.5vw;margin-top:2vw;margin-bottom:1vw;font-size:1.5vw;text-transform:uppercase;}
.index-advantage h3:after{content:"";position:absolute;left:50%;bottom:0;width:4.5vw;height:0.2vw;margin-left:-2.25vw;background-color:var(--secd-color);}
.index-advantage .wp-block-cover{min-height:0;padding:4vw 7.3vw;}
.index-advantage .is-vertical{width:33.333%;}

.index-expert{padding:4vw 0;}
.index-expert .cont{display:flex;margin-top:2.5vw;}
.index-expert .cont h3{position:relative;padding-bottom:0;margin-bottom:0;transition:all .3s;}
.index-expert .cont h3:after{content:"";position:absolute;left:50%;bottom:0;width:4.5vw;height:0.2vw;margin-left:-2.25vw;background-color:#fff;transform:translateY(1vw);opacity:0;transition:all .3s;}
.index-expert .cont p{height:0;opacity:0;transform:translateY(1vw);transition:all .3s;}
.index-expert .cont .wp-block-cover{width:25%;height:25vw;padding:2.5vw;}
.index-expert .cont .has-background-dim{transition:all .3s;}
.index-expert .cont .wp-block-cover:hover h3{padding-bottom:1.5vw;margin-bottom:1.5vw;}
.index-expert .cont .wp-block-cover:hover h3:after{opacity:1;transform:translateY(0);}
.index-expert .cont .wp-block-cover:hover p{height:6vw;opacity:1;transform:translateY(0);}
.index-expert .cont .wp-block-cover:hover .has-background-dim{background-color:var(--main-color) !important;opacity:.95;}

.index-product{padding:1vw 0 4vw;}
.index-product .cont{position:relative;margin-top:2.5vw;}
.index-product .cont .slide-pic{overflow:hidden;}
.index-product .cont .slide-pic ul{display:flex;flex-wrap:wrap;}
.index-product .cont .slide-pic li{width:27.2vw;padding:1vw;margin-right:1.9vw;box-sizing:border-box;background-color:#f5f5f5;}
.index-product .cont .slide-pic li .pic{position:relative;height:0;padding-bottom:73%;background-color:#fff;overflow:hidden;}
.index-product .cont .slide-pic li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.index-product .cont .slide-pic li .text{padding:1vw 1.5vw 1vw;}
.index-product .cont .slide-pic li .text h3{line-height:1.5vw;margin-bottom:0.8vw;font-size:1.3vw;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.index-product .cont .slide-pic li .text a{display:block;line-height:2.5vw;margin-top:1.2vw;font-size:1vw;background-color:var(--main-color);color:#fff;text-align:center;}
.index-product .cont .btn{position:absolute;top:50%;width:3vw;height:3vw;line-height:3vw;text-align:center;font-family:dashicons;font-size:3vw;cursor:pointer;color:#808080;}
.index-product .cont .btn:hover{color:var(--main-color);}
.index-product .cont .prev{left:-4vw;}
.index-product .cont .prev:before{content:"\f341";}
.index-product .cont .next{right:-4vw;}
.index-product .cont .next:before{content:"\f345";}

.index-strength h2{line-height:6vw;margin:1vw 0;font-size:5.2vw;font-family:"Gotham-Medium";}
.index-strength img{width:6.875vw;height:6.875vw;object-fit:contain;}
.index-strength .wp-block-cover{min-height:0;padding:4vw 7.3vw;}

.index-news{padding:4vw 0;}
.index-news .cont{display:flex;justify-content:space-between;margin-top:2.5vw;}
.index-news .cont .slide{position:relative;;width:33vw;height:20.5vw;}
.index-news .cont .slide .slide-pic{overflow:hidden;}
.index-news .cont .slide .slide-pic ul{display:flex;flex-wrap:wrap;}
.index-news .cont .slide .slide-pic li{width:33vw;height:20.5vw}
.index-news .cont .slide .slide-pic li img{width:100%;height:100%;object-fit:cover;}
.index-news .cont .slide .slide-dot{position:absolute;left:0;bottom:1vw;width:100%;}
.index-news .cont .slide .slide-dot ul{display:flex;justify-content:center;column-gap:0.6vw;}
.index-news .cont .slide .slide-dot li{width:1vw;height:1vw;border-radius:50%;background-color:rgba(255,255,255,.5);}
.index-news .cont .slide .slide-dot li.active{background-color:#fff;}
.index-news .cont .list{width:49vw;}
.index-news .cont .list ul{display:flex;flex-direction:column;width:100% !important;height:100%;}
.index-news .cont .list li{display:flex;justify-content:space-between;line-height:2.6vw;font-size:1vw;}
.index-news .cont .list li a{display:block;width:calc(100% - 8vw);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-news .cont .list li time{display:block;width:6.5vw;text-align:right;}


.flow-cate{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:999;}
.flow-cate ul{position:absolute;top:50%;transform:translate(-100%,-50%);background-color:rgba(39,47,127,.8);z-index:33;transition:all .3s;}
.flow-cate li{line-height:3vw;font-size:1vw;white-space:nowrap;}
.flow-cate li a{display:block;padding:0 1.5vw;color:#fff;}
.flow-cate li a:hover{background-color:var(--main-color);}
.flow-cate li a.active{background-color:var(--main-color);}
.flow-cate .btn{position:relative;width:2.4vw;height:2.4vw;}
.flow-cate .btn span{position:absolute;left:0;top:0;display:flex;align-items:center;line-height:2.4vw;padding:0 1vw;white-space:nowrap;background-color:var(--main-color);color:#fff;border-radius:0.5vw 0.5vw 0 0;transform-origin:left bottom;transform:rotate(90deg) translateX(-55%);text-transform:uppercase;font-size:0.8vw;cursor:pointer;transition:all .3s;}
.flow-cate .btn span:before{content:"\f180";font-family:"dashicons";font-size:1.2vw;margin-right:0.5vw;}
.flow-cate:hover ul{transform:translate(0,-50%);}
.flow-cate:hover .btn span{opacity:0;}


.banner h1{position:relative;line-height:5vw;padding-bottom:3vw;margin-bottom:2.5vw;font-size:4vw;}
.banner h1:after{content:"";position:absolute;left:0;bottom:0;width:6.2vw;height:0.7vw;background-color:var(--secd-color);}
.banner p{line-height:2.5vw;font-size:2vw;}
.banner .wp-block-cover{min-height:0;padding:7.5vw 7.3vw;}

.list-products{padding-bottom:3vw;background-color:#f7f7f7;}
.list-products .cate-info{padding:3vw 0;}
.list-products .cate-info > *{margin:1vw 0;}
.list-products .cate-info a{color:var(--main-color);}
.list-products .cate-info h2{line-height:2.5vw;margin:1.5vw 0;font-size:1.8vw;}
.list-products .cate-info h3{line-height:2vw;margin:1.5vw 0;font-size:1.3vw;}
.list-products .cate-info li{line-height:1.5vw;font-size:1vw;}
.list-products .cate-info li:before{content:"- ";}
.list-products .list h2{line-height:2.5vw;padding-bottom:1vw;margin-bottom:1vw;border-bottom:1px solid #dcdcdc;font-size:2vw;}
.list-products .list ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:1.8vw;}
.list-products .list li{display:none;width:23.5%;background-color:#fff;}
.list-products .list li .pic{position:relative;;height:0;padding-bottom:77%;overflow:hidden;}
.list-products .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.list-products .list li .text{padding:0.5vw 1vw 1vw;text-align:center;}
.list-products .list li .text h3{line-height:1.3vw;font-size:1vw;}
.list-products .list li.on.show{display:block;}
.list-products .list .loadico{display:none;margin-top:3vw;}
.list-products .list.load .loadico{display:block;}


.main-products{padding-bottom:3vw;background-color:#f7f7f7;}
.main-products .overview{display:flex;justify-content:space-between;padding:2vw 0 3vw;}
.main-products .overview .slide-pro{width:40vw;}
.main-products .overview .slide-pic{width:40vw;height:30vw;margin-bottom:1vw;background-color:#fff;border:2px solid #dcdcdc;overflow:hidden;}
.main-products .overview .slide-pic ul{display:flex;flex-wrap:wrap;}
.main-products .overview .slide-pic li{width:40vw;height:30vw;}
.main-products .overview .slide-pic li img{width:100%;height:100%;object-fit:contain;}
.main-products .overview .slide-dot{position:relative;;width:40vw;}
.main-products .overview .slide-dot .pos{width:34vw;margin:0 auto;overflow:hidden;}
.main-products .overview .slide-dot .pos ul{display:flex;flex-wrap:wrap;column-gap:1vw;}
.main-products .overview .slide-dot .pos li{width:7.75vw;height:5.8vw;border:2px solid #dcdcdc;background-color:#fff;box-sizing:border-box;cursor:pointer;}
.main-products .overview .slide-dot .pos li img{width:100%;height:100%;object-fit:contain;}
.main-products .overview .slide-dot .pos li.active{border-color:var(--main-color);}
.main-products .overview .slide-dot .btn{position:absolute;top:0;width:3vw;height:5.8vw;line-height:5.8vw;cursor:pointer;text-align:center;font-size:2.4vw;font-family:"dashicons";}
.main-products .overview .slide-dot .btn:hover{color:var(--main-color);}
.main-products .overview .slide-dot .prev{left:0;}
.main-products .overview .slide-dot .prev:before{content:"\f341";}
.main-products .overview .slide-dot .next{right:0;}
.main-products .overview .slide-dot .next:before{content:"\f345";}
.main-products .overview .info{width:40vw;}
.main-products .overview .info span{display:block;line-height:2vw;margin-bottom:1.5vw;font-size:1.5vw;font-family:"Gotham-Bold";text-transform:uppercase;}
.main-products .overview .info h1{line-height:2vw;margin-bottom:2vw;font-size:1.5vw;font-family:"Gotham-Book";text-transform:uppercase;}
.main-products .overview .info h2{line-height:1.8vw;margin-bottom:0.5vw;font-size:1.3vw;}
.main-products .overview .info h3{line-height:1.8vw;margin-bottom:0.5vw;font-size:1.3vw;}
.main-products .overview .info .btn{display:flex;column-gap:1vw;margin-top:2vw;}
.main-products .overview .info .btn a,.main-products .overview .info .btn span{display:flex;column-gap:0.5vw;align-items:center;line-height:2vw;margin:0;padding:0.4vw 1.5vw 0.2vw;font-size:1vw;background-color:var(--main-color);color:#fff;border-radius:0.5vw;font-family:"Gotham-Book";text-transform:uppercase;cursor:pointer;}
.main-products .overview .info .btn span:before{content:"\f522";display:block;width:1.2vw;height:1.2vw;line-height:calc(1.2vw - 4px);padding-left:0.05vw;border:2px solid #fff;border-radius:50%;font-family:"dashicons";text-align:center;box-sizing:border-box;}
.main-products .detail{padding-top:3vw;margin-bottom:3vw;}
.main-products .detail > *{margin:1vw 0;}
.main-products .detail > *:nth-child(1){margin-top:0;}
.main-products .detail h2{line-height:2.5vw;padding-bottom:1vw;margin:3vw 0 1vw;border-bottom:1px solid #dcdcdc;font-size:2vw;}
.main-products .detail h3{line-height:2vw;margin:1.5vw 0 1vw;font-size:1.5vw;}
.main-products .detail table{line-height:1.5vw;font-size:1vw;}
.main-products .detail li{line-height:1.5vw;font-size:1vw;}
.main-products .related h2{line-height:2.5vw;padding-bottom:1vw;margin:3vw 0 1vw;border-bottom:1px solid #dcdcdc;font-size:2vw;}
.main-products .related ul{display:flex;column-gap:2%;}
.main-products .related li{width:23.5%;background-color:#fff;}
.main-products .related li .pic{position:relative;;height:0;padding-bottom:77%;overflow:hidden;}
.main-products .related li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.main-products .related li .text{padding:0.5vw 1vw 1vw;text-align:center;}
.main-products .related li .text h3{line-height:1.3vw;font-size:1vw;}



.main-about{padding-bottom:1px;background-color:#f7f7f7;}
.main-about .cont{margin:3vw 0;padding-bottom:3vw;background-color:#fff;}
.main-about .cont h2{line-height:3vw;font-size:2.5vw;margin-bottom:2vw;text-align:center;}
.main-about .cont .a-point{position:relative;display:block;height:0;top:-3vw;}
.main-about .cont .profile{margin-bottom:4vw;}
.main-about .cont .profile > *{padding:0 4vw;}
.main-about .cont .profile h2,.main-about .cont .profile h3{margin-bottom:2vw;}
.main-about .cont .profile p{margin-bottom:1vw;}
.main-about .cont .profile .wp-block-gallery{position:relative;padding:0;margin-bottom:2.5vw;}
.main-about .cont .profile .wp-block-gallery .slide-pic{overflow:hidden;}
.main-about .cont .profile .wp-block-gallery .slide-pic ul{display:flex;flex-wrap:wrap;}
.main-about .cont .profile .wp-block-gallery .slide-pic li{width:85.4vw;height:34vw;}
.main-about .cont .profile .wp-block-gallery .slide-pic li .wp-block-image{width:100% !important;height:100%;}
.main-about .cont .profile .wp-block-gallery .slide-pic li .wp-block-image img{width:100%;height:100%;object-fit:cover;}
.main-about .cont .profile .wp-block-gallery .slide-dot{position:absolute;left:0;bottom:1vw;width:100%;}
.main-about .cont .profile .wp-block-gallery .slide-dot ul{display:flex;justify-content:center;}
.main-about .cont .profile .wp-block-gallery .slide-dot li{width:2vw;height:0.5vw;margin:0 0.5vw;background-color:rgba(255,255,255,.5);}
.main-about .cont .profile .wp-block-gallery .slide-dot li.active{background-color:#fff;}
.main-about .cont .cer{padding:0 4vw;margin-bottom:4vw;}
.main-about .cont .cer h3{line-height:2vw;margin:2vw 0 1vw;font-size:1.5vw;}
.main-about .cont .cer .wp-block-gallery{margin-bottom:4vw;}
.main-about .cont .cer .is-vertical{width:20%;}
.main-about .cont .cer .is-vertical .wp-block-image{width:7.8vw;height:7.8vw;}
.main-about .cont .history{padding:0 4vw;}
.main-about .cont .history ul{position:relative;;display:flex;column-gap:4%;padding:0 6vw;margin-bottom:3vw;}
.main-about .cont .history ul:before{content:"";position:absolute;left:6vw;top:2.5vw;width:calc(100% - 13.5vw);height:0.4vw;margin-top:-0.2vw;background-color:var(--main-color);}
.main-about .cont .history ul:after{content:"";position:absolute;right:0vw;top:2.3vw;border:0.4vw solid var(--main-color);width:16vw;height:calc(15.9vw - 1px);box-sizing:border-box;border-radius:0 10vw 10vw 0;border-left:none;}
.main-about .cont .history ul:nth-child(2n+1){flex-direction:row-reverse;}
.main-about .cont .history ul:nth-child(2n+1):after{right:initial;left:0;border-radius:10vw 0 0 10vw;border-left:0.4vw solid var(--main-color);border-right:none;}
.main-about .cont .history ul:nth-last-child(1):after{content:"\f519";right:6vw;top:0;width:5vw;height:5vw;line-height:5vw;text-align:center;background:none;border:none;color:var(--main-color);font-size:5vw;font-family:"dashicons";}
.main-about .cont .history li{position:relative;width:22%;height:12.5vw;line-height:1.5vw;font-size:1vw;overflow:hidden;z-index:2;}
.main-about .cont .history li strong{display:block;width:4vw;height:4vw;line-height:4vw;border:0.5vw solid #fff;font-size:1vw;border-radius:50%;background-color:var(--main-color);color:#fff;text-align:center;}


.main-capab{padding-bottom:1px;background-color:#f7f7f7;}
.main-capab .cont{margin:3vw 0;padding:3vw;background-color:#fff;}
.main-capab .cont h2{line-height:2.5vw;margin-bottom:1vw;font-size:2vw;}
.main-capab .cont .profile{margin-bottom:4vw;}
.main-capab .cont .advantage{margin-bottom:3vw;}
.main-capab .cont .advantage h3{line-height:1.5vw;margin:1vw 0;font-size:1.3vw;}
.main-capab .cont .advantage img{width:4vw;height:4vw;}
.main-capab .cont .advantage > .wp-block-group{column-gap:6%;row-gap:2vw;}
.main-capab .cont .advantage .is-vertical{width:20%;}
.main-capab .cont .tech{margin-bottom:3vw;}



.main-contact{background-color:#f7f7f7;}
.main-contact .bread{margin-bottom:3vw;}
.main-contact .cont{position:relative;padding:2.5vw 3vw;background-color:#fff;z-index:2;}
.main-contact .cont h2{line-height:2vw;font-size:1.5vw;color:var(--main-color);}
.main-contact .way{margin-bottom:2vw;}
.main-contact .way h2{padding-bottom:1vw;margin-bottom:1.2vw;border-bottom:1px solid #dcdcdc;}
.main-contact .way ul{display:flex;flex-wrap:wrap;column-gap:5%;row-gap:1vw;}
.main-contact .way li{position:relative;min-width:30%;line-height:1.5vw;padding-left:1.7vw;font-size:1vw;box-sizing:border-box;}
.main-contact .way li:before{position:absolute;left:0;top:0;width:1.5vw;height:1.5vw;line-height:1.5vw;font-family:"icomoon";color:var(--main-color);font-size:1.2vw;}
.main-contact .way li.fac:before{content:"\e902";}
.main-contact .way li.mob:before{content:"\e958";}
.main-contact .way li.mail:before{content:"\e901";}
.main-contact .way li.skype:before{content:"\e904";}
.main-contact .way li.wechat:before{content:"\e905";}
.main-contact .way li.add:before{content:"\e900";}
.main-contact .enquiry ul{display:flex;flex-wrap:wrap;column-gap:3%;row-gap:2vw;margin-top:2vw;}
.main-contact .enquiry li{width:48.5%;}
.main-contact .enquiry li p{display:none;}
.main-contact .enquiry li input{width:100%;height:3.5vw;padding:0 1vw;border-radius:0.5vw;background-color:#f7f7f7;box-sizing:border-box;font-size:1vw;}
.main-contact .enquiry li textarea{width:100%;height:10vw;line-height:1.3vw;padding:0.8vw 1vw;border-radius:0.5vw;font-size:1vw;box-sizing:border-box;background-color:#f7f7f7;}
.main-contact .enquiry li button{width:10vw;height:3.5vw;background-color:var(--main-color);color:#fff;font-size:1vw;border-radius:0.5vw;border:none;}
.main-contact .enquiry li.sm-company{width:100%;}
.main-contact .enquiry li.sm-message{width:100%;}
.main-contact .enquiry li.sm-files{width:100%;}
.main-contact .enquiry li.sm-files img{display:none;}
.main-contact .enquiry li.sm-files input{opacity:0;cursor:pointer;}
.main-contact .enquiry li.sm-files span{display:block;line-height:1.5vw;font-size:1vw;;color:#999;}
.main-contact .enquiry li.sm-files .upbtn{position:relative;;height:6vw;margin-bottom:0.5vw;border:1px dashed #dcdcdc;border-radius:0.5vw;cursor:pointer;overflow:hidden;}
.main-contact .enquiry li.sm-files .upbtn .cusarea{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#999;}
.main-contact .enquiry li.sm-files .upbtn .cusarea:before{content:"\f13b";font-family:"dashicons";font-size:3vw;}
.main-contact .enquiry li.sm-files .upbtn .cusarea:after{content:"Upload File";font-size:1vw;}
.main-contact .enquiry li.sm-files .upbtn:hover{border-color:var(--main-color);}
.main-contact .enquiry li.sm-files .upbtn:hover .cusarea{color:var(--main-color);}
.map{height:40vw;margin-top:-8vw;background-color:#f7f7f7;overflow:hidden;}
.map iframe{width:100% !important;height:calc(100% + 70px) !important;margin-top:-70px;border:none;}


.list-news{background-color:#f7f7f7;}
.list-news .list{padding:3vw 0 4vw;}
.list-news .list ul{display:flex;flex-wrap:wrap;column-gap:3.5%;row-gap:3vw;}
.list-news .list li{display:none;width:31%;background-color:#fff;box-shadow:0 0 1vw rgba(0,0,0,.05);}
.list-news .list li .pic{position:relative;height:0;padding-bottom:60%;overflow:hidden;}
.list-news .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.list-news .list li .text{position:relative;padding:1vw 1vw 3.8vw;}
.list-news .list li .text h3{line-height:1.5vw;margin-bottom:1vw;font-size:1.3vw;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .list li .text p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.list-news .list li .text .func{position:absolute;left:1vw;bottom:1vw;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 2vw);}
.list-news .list li .text .func time{display:block;line-height:1.5vw;font-size:1vw;color:#999;}
.list-news .list li .text .func a{display:block;line-height:1.8vw;padding:0 1.5vw;background-color:var(--main-color);color:#fff;font-size:1vw;}
.list-news .list li.on.show{display:block;}
.list-news .list .loadico{display:none;}
.list-news .list.load .loadico{display:block;}


.main-news{padding-bottom:3vw;background-color:#f7f7f7;}
.main-news .bread{margin-bottom:2vw;}
.main-news .contbox{display:flex;background-color:#fff;}
.main-news .contbox .cont{width:69%;padding:3vw;border-right:1px solid #dcdcdc;box-sizing:border-box;}
.main-news .contbox .cont .tit{padding-bottom:1vw;margin-bottom:1.5vw;border-bottom:1px solid #dcdcdc;}
.main-news .contbox .cont .tit h1{line-height:1.8vw;margin-bottom:1vw;font-size:1.5vw;}
.main-news .contbox .cont .tit .info{display:flex;column-gap:2vw;}
.main-news .contbox .cont .tit .info span{display:flex;align-items:center;column-gap:0.3vw;color:#666;}
.main-news .contbox .cont .tit .info span:before{content:"\f180";font-family:"dashicons";}
.main-news .contbox .cont .tit .info time{display:flex;align-items:center;column-gap:0.3vw;color:#666;}
.main-news .contbox .cont .tit .info time:before{content:"\f508";font-family:"dashicons";}
.main-news .contbox .cont .slide-project{display:flex;justify-content:space-between;width:52.9vw;margin-bottom:2vw;}
.main-news .contbox .cont .slide-project img{width:100%;height:100%;object-fit:cover;}
.main-news .contbox .cont .slide-project .slide-pic{width:41.5vw;height:28vw;overflow:hidden;}
.main-news .contbox .cont .slide-project .slide-pic ul{display:flex;flex-wrap:wrap;}
.main-news .contbox .cont .slide-project .slide-pic li{width:41.5vw;height:28vw;}
.main-news .contbox .cont .slide-project .slide-dot{width:10.4vw;height:28vw;overflow:hidden;}
.main-news .contbox .cont .slide-project .slide-dot li{width:10.4vw;height:6.25vw;margin-bottom:1vw;opacity:.3;cursor:pointer;}
.main-news .contbox .cont .slide-project .slide-dot li.active{opacity:1;}
.main-news .contbox .cont .article *{line-height:1.5vw;font-size:1vw;}
.main-news .contbox .cont .article > *{margin:1vw 0;}
.main-news .contbox .cont .article > *:nth-child(1){margin-top:0;}
.main-news .contbox .cont .article h2{line-height:1.8vw;font-size:1.5vw;}
.main-news .contbox .cont .article h3{line-height:1.5vw;font-size:1.2vw;}
.main-news .contbox .cont .subpage{padding-top:1.5vw;margin-top:1vw;border-top:1px solid #dcdcdc;}
.main-news .contbox .related{width:31%;padding:3vw;box-sizing:border-box;}
.main-news .contbox .related h2{line-height:1.8vw;margin-bottom:2vw;font-size:1.5vw;}
.main-news .contbox .related li{padding-bottom:1.5vw;margin-bottom:1.5vw;border-bottom:1px solid #dcdcdc;}
.main-news .contbox .related li h3{line-height:1.3vw;font-size:1vw;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-news .contbox .related li .pic{position:relative;height:0;padding-bottom:60%;margin-bottom:0.5vw;overflow:hidden;}
.main-news .contbox .related li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}


.main-faq{padding-bottom:3vw;background-color:#f7f7f7;}
.main-faq .bread{margin-bottom:3vw;}
.main-faq .list{padding:0 3vw;background-color:#fff;}
.main-faq .list li{padding:3vw 0 2vw;border-bottom:1px solid #dcdcdc;}
.main-faq .list li > h3{position:relative;line-height:1.5vw;padding-left:2.5vw;font-size:1.3vw;}
.main-faq .list li > h3:before{content:"Q";position:absolute;left:0;top:0;width:1.5vw;height:1.5vw;line-height:1.5vw;text-align:center;background-color:var(--main-color);color:#fff;font-size:1vw;}
.main-faq .list li .answer{position:relative;padding-left:2.5vw;margin-top:1vw;}
.main-faq .list li .answer p{margin-bottom:1vw;}
.main-faq .list li .answer:before{content:"A";position:absolute;left:0;top:0;width:1.5vw;height:1.5vw;line-height:1.5vw;text-align:center;background-color:var(--secd-color);color:#fff;font-size:1vw;}
.main-faq .list li:nth-last-child(1){border-bottom:none;}


.main-result{padding:3vw 0;background-color:#f7f7f7;}
.main-result h1{line-height:2.5vw;padding-bottom:1.5vw;margin-bottom:1.5vw;border-bottom:1px solid #dcdcdc;font-size:2vw;}
.main-result h1 span{color:#ff0000;}
.main-result .list ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:1.8vw;}
.main-result .list li{display:none;width:23.5%;background-color:#fff;}
.main-result .list li .pic{position:relative;;height:0;padding-bottom:77%;overflow:hidden;}
.main-result .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.main-result .list li .text{padding:0.5vw 1vw 1vw;text-align:center;}
.main-result .list li .text h3{line-height:1.3vw;font-size:1vw;}
.main-result .list li.on.show{display:block;}
.main-result .list .loadico{display:none;margin-top:3vw;}
.main-result .list.load .loadico{display:block;}


.main-video{background-color:#f7f7f7;}
.main-video .list{padding:3vw 0 4vw;}
.main-video .list ul{display:flex;flex-wrap:wrap;column-gap:3.5%;row-gap:3vw;}
.main-video .list li{display:none;width:31%;background-color:#fff;box-shadow:0 0 1vw rgba(0,0,0,.05);}
.main-video .list li .pic{position:relative;height:0;padding-bottom:60%;overflow:hidden;}
.main-video .list li .pic i{position:absolute;left:50%;top:50%;width:4vw;height:4vw;line-height:4vw;margin:-2vw 0 0 -2vw;font-family:"dashicons";font-size:4vw;text-align:center;transform:rotate(180deg);color:#fff;cursor:pointer;transition:all .5s;}
.main-video .list li .pic i:before{content:"\f148";}
.main-video .list li .pic i:hover{transform:rotate(180deg) scale(1.2);}
.main-video .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.main-video .list li .text{position:relative;padding:1vw;}
.main-video .list li .text h3{line-height:1.5vw;margin-bottom:1vw;font-size:1.3vw;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-video .list li .text time{line-height:1.5vw;font-size:1vw;color:#999;}
.main-video .list li.on.show{display:block;}
.main-video .list .loadico{display:none;margin-top:3vw;}
.main-video .list.load .loadico{display:block;}
.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 .box{position:relative;;width:50vw;height:28.1vw;transform:translateY(1vw);background-color:#000;transition:all .5s;}
.flow-video .box .close{position:absolute;right:-3vw;top:0;width:3vw;height:3vw;cursor:pointer;}
.flow-video .box .close:before{content:"";position:absolute;left:0.8vw;top:50%;width:1.4vw;height:2px;background-color:#fff;transform:rotate(45deg);}
.flow-video .box .close:after{content:"";position:absolute;left:0.8vw;top:50%;width:1.4vw;height:2px;background-color:#fff;transform:rotate(-45deg);}
.flow-video .box iframe{width:100%;height:100%;border:none;}
.flow-video.on{opacity:1;z-index:99999;}
.flow-video.on .box{transform:translateY(0);}


.main-project{background-color:#f7f7f7;}
.main-project .list{padding:3vw 0 4vw;}
.main-project .list ul{display:flex;flex-wrap:wrap;column-gap:3.5%;row-gap:3vw;}
.main-project .list li{display:none;width:31%;background-color:#fff;box-shadow:0 0 1vw rgba(0,0,0,.05);}
.main-project .list li .pic{position:relative;height:0;padding-bottom:60%;overflow:hidden;}
.main-project .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.main-project .list li .text{position:relative;padding:1vw;text-align:center;}
.main-project .list li .text h3{line-height:1.5vw;font-size:1.3vw;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-project .list li.on.show{display:block;}
.main-project .list .loadico{display:none;margin-top:3vw;}
.main-project .list.load .loadico{display:block;}