@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#039393;--fontcolor:#000000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
body{margin:0px auto;padding:0px;color:var(--fontcolor);font-size:16px;line-height:1.6;overflow-x:hidden;font-family:Arial, Helvetica, sans-serif}
a{color:var(--fontcolor);text-decoration:none;cursor:pointer}
a:focus,a:hover{color:var(--color)}
a,button,input,p,span{transition:all .3s}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6)}
ol,ul,li{list-style:none}
button,input,textarea{outline:0;background:0 0;border:1px solid #999999}
button{cursor:pointer}
table{border-collapse:collapse}
.table td,.table th{border:1px solid #999999}
img{border:0px;max-width:100%;height:auto;vertical-align:bottom}
@media only screen and (max-width:1366px){
html{font-size:14px}}
@media only screen and (max-width:768px){
html{font-size:12px}}
.container{max-width:1400px;margin:0px auto;padding:0px}
.flex{display:flex}
.flex-c{display:flex;flex-direction:column}
.jc-sb{justify-content:space-between}
.jc-fe{justify-content:flex-end}
.jc-c{justify-content:center}
.jc-sa{justify-content:space-around}
.ai-c{align-items:center}
.ai-fs{align-items:flex-start}
.flex-w{flex-wrap:wrap}
.maxline-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.icon{background-image:url(https://css02.v15cdn.com/m246/green/img/icon-sprite.png);display:inline-block;position:relative}
.icon-play{width:96px;height:96px;background-position:0 0}
.icon-rocket{width:44px;height:56px;background-position:-96px 0px}
.icon-plus{width:50px;height:50px;background-position:-192px 0px}
.icon-reward{width:52px;height:53px;background-position:-140px 0px}
.icon-reward-1{width:42px;height:48px;background-position:-242px 0px}
.icon-bag{width:52px;height:46px;background-position:-284px 0px}
.icon-contact1{width:27px;height:32px;background-position:-166px -56px}
.icon-contact2{width:37px;height:38px;background-position:-404px 0px}
.icon-contact3{width:34px;height:28px;background-position:-193px -56px}
.icon-location{width:15px;height:23px;background-position:-577px 0px}
.icon-plane{width:25px;height:23px;background-position:-227px -56px}
.icon-phone{width:17px;height:20px;background-position:-252px -56px}
.icon-clock{width:20px;height:20px;background-position:-269px -56px}
.icon-search{width:19px;height:19px;background-position:-289px -56px}
.icon-search-w{width:19px;height:19px;background-position:-308px -56px}
.icon-date{width:21px;height:19px;background-position:-327px -56px}
.icon-google{width:11px;height:17px;background-position:-348px -56px}
.icon-facebook{width:8px;height:16px;background-position:-592px 0px}
.icon-download{width:20px;height:16px;background-position:-359px -56px}
.icon-twitter{width:21px;height:16px;background-position:-379px -56px}
.icon-linkedin{width:15px;height:15px;background-position:-400px -56px}
.icon-share{width:16px;height:15px;background-position:-415px -56px}
.icon-vimeo{width:15px;height:14px;background-position:-431px -56px}
.icon-tag{width:17px;height:14px;background-position:-446px -56px}
.icon-arrow-g{width:8px;height:12px;background-position:-577px -23px}
.icon-arrow-w{width:8px;height:12px;background-position:-585px -23px}
.icon-arrow-green{width:8px;height:12px;background-position:-463px -56px}
.icon-envelope{width:18px;height:12px;background-position:-471px -56px}
.icon-long-arrow{width:14px;height:11px;background-position:-489px -56px}
.icon-long-arrow-w{width:14px;height:11px;background-position:-503px -56px}
.icon-sub-g{width:15px;height:3px;background-position:-336px -38px}
.icon-sub{width:15px;height:3px;background-position:-351px -38px}
.icon-about1-g{width:34px;height:38px;background-position:-336px 0px}
.icon-about2-g{width:38px;height:36px;background-position:-501px 0px}
.icon-about3-g{width:30px;height:37px;background-position:-441px 0px}
.icon-about4-g{width:35px;height:35px;background-position:-96px -56px}
.icon-about1-w{width:34px;height:38px;background-position:-370px 0px}
.icon-about2-w{width:38px;height:36px;background-position:-539px 0px}
.icon-about3-w{width:30px;height:37px;background-position:-471px 0px}
.icon-about4-w{width:35px;height:35px;background-position:-131px -56px}
.hover-about1-w:hover .icon-about1-g,li.active .hover-about1-w .icon-about1-g{background-position:-370px 0px}
.hover-about2-w:hover .icon-about2-g,li.active .hover-about2-w .icon-about2-g{background-position:-539px 0px}
.hover-about3-w:hover .icon-about3-g,li.active .hover-about3-w .icon-about3-g{background-position:-471px 0px}
.hover-about4-w:hover .icon-about4-g,li.active .hover-about4-w .icon-about4-g{background-position:-131px -56px}
.hover-sub-g:hover .icon-sub{background-position:-336px -38px}
.aboutus-main li.active .icon-arrow-g,.hover-arrow-w:hover .icon-arrow-g{background-position:-585px -23px}
.hover-arrow-g:hover .icon-arrow-w{background-position:-577px -23px}
.hover-long-arrow-w:hover .icon-long-arrow{background-position:-503px -56px}
header{position:relative;z-index:100;box-shadow:0 0 5px #b3b3b3}
.top-logo,.top-logo img{max-width:180px}
.top-nav li{position:relative}
.top-nav a{font-size:.9375rem;line-height:32px;color:var(--fontcolor);padding:33px 23px;display:block;position:relative;z-index:5;text-transform:uppercase;white-space:nowrap}
.top-nav a.inmenu_1,.top-nav a:hover{color:#FFFFFF;background:var(--color)}
.top-nav .submenu{position:absolute;background:#FFFFFF;z-index:5;display:none}
.top-nav li:hover .submenu{display:block}
.top-nav .submenu a{padding:10px 20px;text-transform:unset}
.top-search{padding:0px 20px}
.top-search-box{width:0px;overflow:hidden;transition:all .3s}
.top-search-box.active{width:150px;border:1px solid #777777}
.top-search-box button,.top-search-box input{height:30px;border:0}
.top-search-box input{width:120px;color:var(--fontcolor);padding:0px 10px}
.top-search-box button{width:30px}
.top-search-btn{border:0}
.top-search-btn .icon.active{background:0 0;transition:all .3s}
.top-search-btn .icon::after,.top-search-btn .icon::before{position:absolute;content:"";display:block;width:100%;left:0px;height:3px;background:#444444;transition:all .3s;opacity:0}
.top-search-btn .icon::before{top:100%}
.top-search-btn .icon::after{top:0px}
.top-search-btn .icon.active::before{top:50%;transform:translateY(-50%) rotate(135deg);opacity:1}
.top-search-btn .icon.active::after{top:50%;transform:translateY(-50%) rotate(-135deg);opacity:1}
.shownav-btn{display:none}
footer{clear:both;margin:50px auto 0px;background:url(https://css02.v15cdn.com/m246/green/img/footer-back.jpg) no-repeat center;background-size:cover}
.index footer{clear:both;margin:0px auto}
.footer-main-title{padding-bottom:15px;font-size:22px;color:#FFFFFF}
.footer-question{padding-bottom:30px;padding-top:80px;border-bottom:1px solid #454545}
.footer-question p{font-size:26px;color:#FFFFFF}
.footer-question button{background:var(--color);color:#FFFFFF;padding:20px 23px;border:0px;font-size:16px;text-transform:uppercase}
.footer-main{padding-top:40px;padding-bottom:20px}
.footer-intro-box{width:300px}
.footer-intro-text{color:#e4e6e8;font-size:.9rem;line-height:1.6;padding-bottom:20px}
.send-box{height:50px}
.send-box input{border:0px;background:#FFFFFF;width:240px;box-sizing:border-box;padding:0px 10px;font-size:14px}
.send-box button{border:0px;width:60px;background:var(--color)}
.footer-nav li{margin-bottom:5px}
.footer-nav a{color:#e4e6e8;margin-left:5px;font-size:14px}
.footer-address{width:300px}
.footer-address li{margin-bottom:10px}
.footer-address a{display:block;color:#e4e6e8;font-size:14px;line-height:1.65}
.footer-address .icon-box{flex:0 0 auto;width:30px;height:28px;display:flex;align-items:center}
.copyright{background:#010101;padding:10px 0px}
.copyright p{color:#666666;font-size:14px;line-height:36px}
.footer-social li{margin-left:15px}
.footer-social li a{display:block;height:34px;width:34px;line-height:34px;border-radius:50%;border:1px solid #838383;text-align:center}
.footer-social li a:hover{background:var(--color)}
@media only screen and (max-width:1366px){
.top-nav a{padding:20px 10px}}
@media only screen and (max-width:768px){
header{padding:18px 0px}
.top-nav a{padding:20px 10px}
.top-nav-box{position:absolute;bottom:0px;width:100%;left:0px}
.top-nav{position:absolute;width:0%;background:rgba(255,255,255,.83);display:block;top:0px;transition:all .3s;right:0px;opacity:0;overflow:hidden}
.top-nav-box.active .top-nav{width:100%;opacity:1}
.top-nav .submenu{position:unset;background:#FFFFFF}
.top-nav li::after{padding:0px}
.top-search{display:none}
.shownav-btn{display:block;height:20px;position:absolute;top:50%;right:15px;width:30px;transform:translateY(-50%);cursor:pointer}
.shownav-btn .icon-bars,.shownav-btn::after,.shownav-btn::before{position:absolute;width:100%;height:3px;background:#444444;transition:all .3s}
.shownav-btn .icon-bars{top:50%}
.shownav-btn::before{top:0px;content:""}
.shownav-btn::after{top:100%;content:""}
.shownav-btn.active::before{top:50%;transform:translateY(-50%) rotate(135deg)}
.shownav-btn.active::after{top:50%;transform:translateY(-50%) rotate(-135deg)}
.shownav-btn.active .icon-bars{opacity:0}
.footer-main .container{flex-direction:column;align-items:center}
.footer-question button{flex:0 0 auto;white-space:nowrap;padding:15px 12px}
.footer-intro-box,.footer-nav{width:100%;margin-bottom:20px}
.send-box input{width:100%}
.send-box button{flex:0 0 auto}
.footer-nav ul{display:flex;flex-wrap:wrap}
.footer-nav li{margin:10px}
.footer-address{width:100%}
.footer-address .icon-box{height:21px}}
.container-1350{max-width:1350px}
.container-1420{max-width:1420px}
.title{font-size:36px;color:var(--fontcolor);font-weight:var(--fontbold6);text-align:center;text-transform:uppercase;padding:20px 0px}
.title-text{font-size:.9375rem;line-height:1.73;text-align:center;color:#666666}
.more-btn{border:1px solid #dadada;height:50px;border-radius:25px;font-size:14px;color:#666666;width:182px;margin:25px auto;text-transform:uppercase;position:relative;overflow:hidden;white-space:nowrap}
.more-btn::after{position:absolute;left:0px;height:100%;width:100%;top:0px;transition:all .3s;transform:translateX(-100%);background:var(--color);display:block;content:""}
.more-btn:hover::after{transform:translateX(0)}
.more-btn i,.more-btn p{position:relative;z-index:5}
.more-btn:hover p{color:#FFFFFF}
.more-btn i{margin-left:5px}
.unsee{transform:translateY(30px);opacity:0}
.moveShow{animation:moveShow 1.5s forwards .1s cubic-bezier(.68,-.55,.27,1.55)}
@keyframes moveShow{
0%{transform:translateY(60px);opacity:0}
100%{transform:translateY(0);opacity:1}}
.index header i.icon-search{background-position:-308px -56px}
.index header{position:absolute;top:0px;width:100%;border-bottom:1px solid rgba(255,255,255,.3);background:0 0;box-shadow:unset}
.index .top-nav a{color:#FFFFFF}
.index .top-nav .submenu{background:#464646}
.index .top-search-box input{color:#FFFFFF}
.index .top-search-btn .icon::after,.index .top-search-btn .icon::before{background:#FFFFFF}
.slider-wrapper{position:relative}
.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden}
.nivoSlider img{position:absolute;top:0px;left:0px;max-width:none}
.nivo-main-image{display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;padding:0px;margin:0px;z-index:6;display:none;background:#FFFFFF;filter:alpha(opacity=0);opacity:0}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0px}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img{display:block}
.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000000;color:#FFFFFF;width:100%;z-index:8;padding:5px 10px;opacity:.8;overflow:hidden;display:none;-moz-opacity:.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nivo-caption p{padding:5px;margin:0px}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;height:40px;width:40px;background:#272727;line-height:1.66;text-align:center;color:#FFFFFF;font-size:1.5rem}
.nivo-directionNav a:hover{background:rgba(39,39,39,.6)}
.nivo-prevNav{left:20px;transform:rotate(180deg)}
.nivo-nextNav{right:20px}
.nivo-controlNav{display:none}
.index .aboutus{padding:87px 0 70px 0px}
.index .about-main-lf{border:1px solid #EAEAEA;width:500px;flex:0 0 auto;margin-right:50px;box-shadow:0 0 40px #d9d9d9}
.index .about-main-lf li{padding:39px 30px;overflow:hidden;position:relative;transition:all .3s}
.index .about-main-lf li::after{position:absolute;bottom:0px;width:440px;height:1px;background:#EAEAEA;left:30px;content:""}
.index .about-main-lf li:nth-last-child(1)::after{display:none}
.index .about-main-lf .num{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:#E7E7E7;transition:all .3s;font-size:60px;cursor:default}
.index .about-title{font-size:18px;color:var(--color);text-transform:uppercase;position:relative;z-index:5}
.index .about-title a{font-size:14px;color:#666666;margin-top:29px;display:block}
.index .about-title i{margin-left:5px}
.index .about-main-lf li.active{background:var(--color)}
.index .about-main-lf li.active .num{opacity:.15;color:#FFFFFF;font-weight:var(--fontbold6);font-size:10.625rem;top:69%;right:20px}
.index .about-main-lf li.active .about-title{color:#FFFFFF}
.index .about-main-lf li.active .about-title a{color:#FFFFFF}
.index .about-main-rt{position:relative;left:0px;width:100%}
.index .about-intro-list{position:absolute;top:0px;left:0px;width:100%;height:100%}
.index .about-map img{width:100%}
.index .about-intro-list li{width:100%;height:100%;position:absolute;top:0px;z-index:-5;opacity:0;transition:all .3s}
.index .about-intro-list li.active{z-index:5;opacity:1}
.index .about-intro{font-size:14px;color:#666666;border:1px solid #dcdcdc;line-height:1.5;padding:45px 35px;bottom:20px;position:absolute;text-align:center;box-shadow:0 0 40px #d9d9d9;z-index:5;background:#FFFFFF}
.index .about-intro-nav{position:absolute;bottom:-10px;z-index:10;left:50%;transform:translateX(-50%)}
.index .about-intro-nav li{width:10px;height:10px;background:#E6E6E6;border-radius:5px;margin:0px 9px;cursor:pointer}
.index .about-intro-nav li.active{background:var(--color)}
.index .products{padding:60px 0px 80px 0px;background:#f4f4f4}
.index .products-cate{margin-bottom:30px}
.index .products-cate li{transition:all .3s;font-size:18px;padding:10px;line-height:1.3;border-radius:50px;background:#FFFFFF;border:1px solid var(--color);margin:0px 10px;cursor:pointer}
.index .products-cate li:hover{color:#FFFFFF;background:var(--color)}
.index .products-cate li:hover a{color:#FFFFFF}
.index .products-list li{width:32.7%;margin-bottom:23px;background:#FFFFFF}
.index .products-list li:hover{background:var(--color)}
.index .product-pic{position:relative;background:#FFFFFF;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px 0px}
.index .product-pic img{transition:all 2s cubic-bezier(0,.85,1,1.04);max-width:100%;max-height:100%}
.index .products-list li:hover .product-pic img{transform:scale(1.3)}
.index .product-pic-shadow{height:100%;width:100%;position:absolute;top:0px;left:0px;background:#32323299;z-index:-5;opacity:0;transition:all .3s}
.index .products-list li:hover .product-pic-shadow{z-index:5;opacity:1}
.index .product-pic-shadow-border{height:90%;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #FFFFFF;display:block}
.index .product-pic-shadow-border i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.index .products-text{transition:all .3s;position:relative;z-index:20;overflow:hidden;padding:15px 0px}
.index .products-name{font-size:18px;color:var(--fontcolor);transition:all .3s;margin-bottom:10px}
.index .products-intro{line-height:1.6;font-size:14px;color:#666666}
.index .products-text-lf{padding-left:5%;width:calc(85% - 53px)}
.index .products-text-rt{flex:0 0 auto;margin-left:10%}
.index .products-text-rt a{display:block;width:52px;text-align:center;height:18px;border-left:1px solid #FFFFFF}
.index .products-more{border-bottom:1px solid #d0d0d0;width:100%}
.index .products-more a{background:#f4f4f4;font-size:14px;text-transform:uppercase;transform:translateY(50%);margin:0px auto;border:0}
.index .products-more i{margin-left:5px}
.index .video{width:100%;position:relative}
.index .video-box .more-btn:hover p{color:#666666}
.index .video-box .more-btn:hover::after{background:#FFFFFF}
.index .video img{width:100%}
.index .video-play-btn{border:0px;left:50%;transform:translate(-50%,-50%) scale(0);position:absolute;top:35%;transition:all .5s}
.index .video:hover .video-play-btn{transform:translate(-50%,-50%) scale(1)}
.index .video-text{background:var(--color);padding:65px 0px;transform:translateY(-50%)}
.index .video-text .video-title,.index .video-text h3,.index .video-text p{text-align:center;color:#FFFFFF;max-width:768px;padding:0px 15px;margin:0px auto 25px auto}
.index .video-text h3{font-size:1.875rem;font-weight:var(--fontbold6)}
.index .video-text p{font-size:14px;line-height:1.625}
.index .video-text p.video-title{font-size:25px}
.index .more-btn-w{border-color:#FFFFFF;margin:0px auto}
.index .more-btn-w p{color:#FFFFFF;margin:0px}
.index .news-box{padding:0px 0 90px 0px;overflow:hidden}
.index .news-list li.active{opacity:1}
.index #news li{padding-bottom:100px}
.index .news-date{width:55px;height:55px;background:var(--color);color:#FFFFFF;text-align:center}
.index .news-pic{display:grid}
.index .news-pic img{width:100%;object-fit:contain}
.index .news-date{flex:0 0 auto}
.index .news-date .d{font-size:20px}
.index .news-date .m{font-size:12px}
.index .news-info-box{position:relative;width:calc(100% - 55px)}
.index .news-info{padding:10px 20px;background:#FFFFFF;box-sizing:border-box;transition:all .3s}
.index .news-list li:hover .news-info{box-shadow:5px 5px 20px hsla(0,0%,81%,.29)}
.index .news-title{color:var(--fontcolor);font-size:18px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.index .news-text{color:#666666;font-size:14px;line-height:1.5}
.index .news-info .more-btn{margin:20px 0px 0px -20px}
.index .news-page{margin-top:30px}
.index .news-page ul{border-bottom:1px solid #d6d6d6;margin:0px auto;width:250px}
.index .news-page li{margin:0px 4px;color:var(--fontcolor);font-size:18px;padding:18px 14px 28px 14px;transition:all .3s;position:relative;transform:translateY(10px);cursor:default}
.index .news-page li.active{background:var(--color);color:#FFFFFF}
.index #news .swiper-pagination-bullet{border-radius:0;height:50px;width:35px;line-height:50px;font-size:30px;text-align:center;background:0 0}
.index #news .swiper-pagination-bullet:nth-child(1)::after{content:"1"}
.index #news .swiper-pagination-bullet:nth-child(2)::after{content:"2"}
.index #news .swiper-pagination-bullet:nth-child(3)::after{content:"3"}
.index #news .swiper-pagination-bullet:nth-child(4)::after{content:"4"}
.index #news .swiper-pagination-bullet:nth-child(5)::after{content:"5"}
.index #news .swiper-pagination-bullet-active{background:var(--color);color:#FFFFFF}
.numbers-box{background:var(--color);margin-top:190px}
.numbers{background:#FFFFFF;text-align:center;padding:40px 0px;transform:translateY(-50%);box-shadow:0px 0px 20px hsla(0,0%,41%,.25)}
.numbers li{height:160px;flex-direction:column}
.num{font-size:3.125rem;color:var(--color);margin-top:auto;line-height:.6}
.num-text{font-size:14px;color:var(--fontcolor);margin:20px 0px;font-weight:var(--fontbold6)}
.index .partners-box{background:#F4F4F4;padding:60px 0px;overflow:hidden}
.index .partners-list{position:relative}
.index .morebtn{position:absolute;top:50%;transform:translateY(-50%);background:#c3c3c3;height:50px;width:50px;transition:all .3s;line-height:50px;text-align:center;border:0}
.index .morebtn:hover{background:#999999}
.index .morebtn-prev{left:0px;transform:translateY(-50%) rotate(180deg)}
.index .morebtn-next{right:0px}
.index .partners-ul{margin:0px 50px;position:relative;width:calc(100%-50px);height:141px;overflow:hidden}
.index .partners-ul li{border:1px solid #E4E4E4;box-sizing:border-box;width:19%;height:141px;background:#FFFFFF;transition:all .3s cubic-bezier(.65,.05,.36,1);padding:15px;position:absolute;left:0px;top:0px}
.index .partners-ul li:hover{border-top:2px solid var(--color)}
.index .partners-ul li img{max-width:100%;max-height:100%;object-fit:contain}
@media only screen and (max-width:768px){
.index .more-btn{height:40px;width:120px}
.index .more-btn p{margin-bottom:0px}
.index .top-nav{background:rgba(33,33,33,.83)}
.index .shownav-btn .icon-bars,.index .shownav-btn::after,.index .shownav-btn::before{background:#FFFFFF}
.index .aboutus{padding:45px 0px 60px 0px}
.index .aboutus-main{flex-wrap:wrap}
.index .about-main-lf{width:100%;margin-right:0px;position:relative;z-index:20}
.index .about-main-lf li::after{width:80%}
.index .about-map img{max-height:100%;object-fit:contain}
.index .about-intro{position:unset}
.index .about-intro-nav{bottom:-20px}
.index .about-intro-list li{height:unset}
.index .products-cate li{margin:0px 5px;padding:6px 10px}
.index .products-list li{width:49%}
.index .products-text-lf{width:calc(95% - 46px)}
.index .products-text-rt{flex:0 0 auto;margin-left:15px}
.index .products-text-rt a{width:30px}
.index .video{display:grid}
.index .video-play-btn{top:50%}
.index .video-text{padding:20px 0px;transform:unset}
.index .video-text .video-intro,.video-text h3{margin-bottom:15px}
.index .news-box{padding:45px 0px}
.index .news-list li{width:100%;margin-bottom:60px}
.index .news-date{width:65px;height:65px}
.index .news-info{padding:10px;top:-35px}
.index .news-info .more-btn{margin:10px 0 0 -5px}
.numbers-box{margin-top:0px}
.numbers{transform:unset}
.numbers ul{flex-wrap:wrap}
.numbers li{width:50%;margin-bottom:15px}
.index .partners-ul{height:70px}
.index .partners-ul li{height:70px;width:32%}}
.inner-nav-box{border-bottom:1px solid #EAEAEA}
.inner-nav{padding-top:1.5rem;padding-bottom:1rem}
.inner-nav-list a{font-size:14px;color:#666666}
.inner-nav-list i{margin:0px 10px}
.inner-nav-list a:hover{color:var(--color)}
.products-page a,.products-page span{display:block;width:50px;height:50px;border:1px solid #E6E6E6;border-radius:2px;margin:0px 5px;line-height:50px;text-align:center}
.products-page span{background:#E6E6E6;color:#999999}
.products-page a:hover,.products-page span.ctxt{background:var(--color);color:#FFFFFF}
.content-protypelist .proIntro{margin-top:30px}
.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt{max-width:unset;float:unset;width:unset;padding:unset;margin:unset;border:unset;height:unset;font-size:unset;line-height:1.5;font-family:Arial;color:#666666;background:0 0;text-align:left}
.feedbackForm{margin-bottom:3.25rem;max-width:1200px;margin-left:auto;margin-right:auto}
.feed-title{font-size:22px;line-height:1.2;color:var(--fontcolor);margin-top:20px;padding:10px}
.prenext-news{border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;text-transform:uppercase}
.prenext-news li{width:50%;padding:10px 0px;display:flex;align-items:center;font-size:16px}
.prenext-news li p{font-size:.9375rem;color:var(--fontcolor);font-weight:var(--fontbold7);line-height:1.533}
.prenext-news li a{font-size:16px;color:var(--color)}
.prenext-news li:nth-child(1){border-right:1px solid #E1E1E1;padding-right:10%}
.prenext-news li:nth-child(1) i{transform:rotate(180deg);margin-right:10px}
.prenext-news li:nth-child(2){padding-left:10%;text-align:right;justify-content:flex-end}
.prenext-news li:nth-child(2) i{margin-left:10px}
.page-procontent .product-dtail{padding:30px 0px;justify-content:flex-start}
.page-procontent .product-img{margin-right:50px;flex:0 0 auto;width:450px}
.page-procontent .product-intro{width:65%}
.page-procontent .product-name{font-size:26px;line-height:1.3;color:var(--fontcolor);padding:10px 0px}
.page-procontent .product-text{font-size:14px;color:#666666;line-height:1.875}
.page-procontent .product-btn{margin-top:auto}
.page-procontent .product-btn a{border-radius:5px;background:#333333;color:#FFFFFF;font-size:16px;display:inline-block;margin:0px 10px 10px 0px;padding:10px;text-align:center;width:calc(50% - 20px)}
.page-procontent .product-btn .pdown1{width:calc(50% - 2rem)}
.page-procontent .product-btn .pdown1 a{width:100%}
.page-procontent .product-btn a:hover{color:#FFFFFF;background:var(--color)}
.page-procontent .product-btn a i{margin-right:1.3125rem}
.page-procontent .p-share{border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;padding:1.25rem 0}
.page-procontent .p-hottags{padding:1.25rem 0}
.page-procontent .p-share{border-top:0px}
.page-procontent .lab{color:var(--fontcolor);font-size:.8125rem;display:flex;align-items:center;margin-right:15px}
.page-procontent .lab i{margin-right:.75rem}
.flex.jc-sb.p-share{justify-content:start}
.page-procontent .tags{color:var(--fontcolor);font-size:.8125rem}
.page-procontent .products-detail-title{font-size:22px;line-height:1.2;color:var(--fontcolor);padding:10px;background:#EEEEEE}
.page-procontent .products-detail-panel{padding:20px 10px}
.page-procontent .products-detail-panel .iframe,.page-procontent .products-detail-panel img,.page-procontent .products-detail-panel video{max-width:100%}
.page-procontent .products-detail-panel p{font-size:16px;margin:0px 5px 0px}
.page-procontent .prenext-products{margin-bottom:20px}
.page-procontent .rec-products{margin-bottom:50px}
.page-procontent .rec-products li{width:15.4%;margin:0px 1.52% 2% 0px;border:solid 1px #EEEEEE;position:relative;padding-bottom:calc(15.4% + 50px)}
.page-procontent .rec-products li:nth-child(6n+6){margin-right:0px}
.page-procontent .rec-products li a{width:100%;height:100%;top:0px;left:0px;position:absolute;overflow:hidden}
.page-procontent .rec-products li a img{width:100%;height:calc(100% - 50px);object-fit:cover;transition:all 2s cubic-bezier(0,.85,1,1.04)}
.page-procontent .rec-products li:hover img{transform:scale(1.3)}
.page-procontent .rec-product-name{flex:0 0 auto;height:50px;padding:0px 6%;transition:all .3s;position:relative;z-index:10;background:#FFFFFF}
.page-procontent .rec-product-name p{font-size:.8125rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:var(--fontbold6);color:var(--fontcolor)}
.page-procontent .rec-product-name i{flex:0 0 auto}
.page-procontent .rec-products li:hover .rec-product-name{background:var(--color)}
.page-procontent .rec-products li:hover p{color:#FFFFFF}
@media only screen and (max-width:768px){
.page-procontent .product-dtail{flex-direction:column}
.page-procontent .product-img{margin-right:0px}
.page-procontent .product-intro{margin-top:5%}
.page-procontent .product-text{margin-bottom:5%}
.page-procontent .rec-products li{width:32%;margin-right:2%;padding-bottom:calc(32% + 50px)}
.page-procontent .rec-products li:nth-child(3n+3){margin-right:0px}}
.page-prolist .cate-list-box{position:relative}
.page-prolist .cate-list-drop{padding:10px 28px;border:1px solid #c7c7c7;color:#666666;font-size:.9375rem}
.page-prolist .cate-list-drop i{transform:rotate(90deg);margin-left:5px;transition:all .3s}
.page-prolist .cate-list{position:absolute;top:100%;left:0px;z-index:-5;opacity:0;transition:all .3s;background:#FFFFFF;border:1px solid var(--color);box-sizing:border-box;min-width:100%}
.page-prolist .cate-list a{display:block;padding:10px 28px;white-space:nowrap;color:#666666;font-size:.9375rem}
.page-prolist .cate-list a:hover{color:#FFFFFF;background:var(--color)}
.page-prolist .cate-list-drop:focus i{transform:rotate(0)}
.page-prolist .cate-list-drop:focus+.cate-list{z-index:10;opacity:1}
.page-prolist .content-protypebody{padding:20px 0px;flex-wrap:wrap}
.page-prolist .cp-text{max-width:42.5%}
.page-prolist .cp-text h3{font-size:1.75rem;color:var(--fontcolor);line-height:1.14;padding-bottom:5%;color:var(--fontcolor)}
.page-prolist .cp-text p{font-size:.9375rem;line-height:1.6;color:#666666}
.page-prolist .cp-img{max-width:40%}
.page-prolist .cp-img img{width:100%}
.page-prolist .products-list li{width:23%;margin:0px 1% 2% 1%;background-color:#FAFAFA;border:solid 1px #EEEEEE}
.page-prolist .products-list li:hover{background:var(--color)}
.page-prolist .products-list li:nth-child(4n+4){margin-right:0px}
.page-prolist .product-pic{position:relative;background:#FFFFFF;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0px;height:300px}
.page-prolist .product-pic img{transition:all 2s cubic-bezier(0,.85,1,1.04);max-width:100%;max-height:100%}
.page-prolist .products-list li:hover .product-pic img{transform:scale(1.3)}
.page-prolist .product-pic-shadow{height:100%;width:100%;position:absolute;top:0px;left:0px;background:#32323299;z-index:-5;opacity:0;transition:all .3s}
.page-prolist .products-list li:hover .product-pic-shadow{z-index:5;opacity:1}
.page-prolist .product-pic-shadow-border{height:90%;width:92%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #FFFFFF;display:block}
.page-prolist .product-pic-shadow-border i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.page-prolist .products-text{transition:all .3s;overflow:hidden;padding-bottom:15px}
.page-prolist .products-name{font-size:18px;color:var(--fontcolor);transition:all .3s;margin-bottom:10px;display:block;margin-top:10px}
.page-prolist .products-intro{line-height:1.6;font-size:14px;color:#666666}
.page-prolist .products-text-lf{padding-left:5%;width:calc(85% - 53px)}
.page-prolist .products-text-rt{flex:0 0 auto;margin-left:10%}
.page-prolist .products-text-rt a{display:block;width:52px;text-align:center;height:18px;border-left:1px solid #FFFFFF}
.innercatelist .sf-menu{display:flex;white-space:nowrap;margin:20px 0px;flex-wrap:wrap}
.innercatelist .sf-menu a{display:block;padding:10px 20px;transition:all .1s}
.innercatelist .sf-menu .sub-menu{position:absolute;top:100%;z-index:-10;background:#FFFFFF;opacity:0;transition:all .3s;left:-1px;border-top:1px solid #EAEAEA}
.innercatelist .sf-menu li{position:relative;margin-right:15px;margin-bottom:15px;background:#F1F1F1;border:1px solid #EAEAEA}
.innercatelist .sf-menu li:hover .sub-menu{opacity:1;z-index:10}
.innercatelist .sf-menu .sub-menu li{border-top:0px;margin:0px}
.innercatelist .sf-menu a:hover{background:var(--color);color:#FFFFFF}
@media only screen and (max-width:768px){
.page-prolist .products-list li{width:49%;margin-right:2%}
.page-prolist .products-list li:nth-child(2n+2){margin-right:0px}
.page-prolist .products-text-rt{flex:0 0 auto;margin-left:15px}
.page-prolist .products-text-rt a{width:30px}}
.page-news .news-list{padding:0px}
.page-news .news-list li{padding:10px;background:#f7f7f7;margin-bottom:30px;transition:all .3s}
.page-news .news-img{margin-right:10px;width:240px;height:200px;position:relative}
.page-news .news-img img{width:100%;object-fit:contain;height:120px;display:flex;align-items:center;justify-content:center}
.page-news .news-text{width:70%}
.page-news .new-title{font-size:18px;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.page-news .news-intro{font-size:14px;color:#666666}
.page-news .news-date{margin-left:auto;flex:0 0 auto}
.page-news .news-date .m-d{font-size:16px;color:#666666;white-space:nowrap}
.page-news .news-date .y{font-size:.875rem;color:#666666;padding-bottom:10px;white-space:nowrap}
.page-news .news-detail{border-radius:50%;height:36px;width:36px;border:1px solid #cacaca;display:block;line-height:36px;text-align:center}
.page-news .news-list li:hover{box-shadow:5px 5px 15px #e5e5e5}
.page-news .news-list li:hover .news-img{background:var(--color)}
.page-news .news-list li:hover .new-title{color:var(--color)}
.page-news .news-list li:hover .news-detail{border-color:var(--color);background:var(--color)}
.page-newscontent .news-main{margin-top:4.17%}
.page-newscontent .news-detail-img{width:calc(100% - 20px);margin:0px auto}
.page-newscontent .news-detail-img img{width:100%}
.page-newscontent .news-title{font-size:1.8125rem;padding:1.5% 0;border-bottom:1px solid #E1E1E1;margin-bottom:3.3%}
.page-newscontent .news-content{font-size:.9375rem;line-height:1.86;color:#626262}
.page-newscontent .news-content p{margin-bottom:6px}
.page-newscontent .date-share{padding:3.125rem 0}
.page-newscontent .date-share .date i{margin-right:8px}
.page-newscontent .news-date{font-size:.9375rem;color:var(--fontcolor);line-height:2.133}
.page-newscontent .news-list{margin-top:3.75rem;margin-bottom:3rem}
.page-newscontent .news-list li{width:45%;margin-bottom:1.875rem}
.page-newscontent .news-list a{font-size:14px;color:var(--fontcolor);line-height:1.438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%;display:block}
.page-newscontent .news-list a i{margin-right:10px;flex:0 0 auto;margin-bottom:4px}
.page-newscontent .news-list a:hover{color:var(--color)}
.news-main .rec-products{margin-bottom:6%}
.news-main .rec-products li{width:15.4%;margin-right:1.52%;position:relative;padding-bottom:calc(15.4% + 50px);margin-bottom:2%}
.news-main .rec-products li:nth-child(6n+6){margin-right:0px}
.news-main .rec-products li a{width:100%;height:100%;top:0px;left:0px;position:absolute;overflow:hidden}
.news-main .rec-products li a img{width:100%;height:calc(100% - 50px);object-fit:cover;transition:all 2s cubic-bezier(0,.85,1,1.04)}
.news-main .rec-products li:hover img{transform:scale(1.3)}
.news-main .rec-product-name{flex:0 0 auto;height:50px;padding:0px 6%;transition:all .3s;position:relative;z-index:10;background:#FFFFFF}
.news-main .rec-product-name p{font-size:.8125rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:var(--fontbold6);color:var(--fontcolor)}
.news-main .rec-product-name i{flex:0 0 auto}
.news-main .rec-products li:hover .rec-product-name{background:var(--color)}
.news-main .rec-products li:hover p{color:#FFFFFF}
@media only screen and (max-width:768px){
.news-main .rec-products li{width:32%;margin-right:2%;padding-bottom:calc(32% + 50px)}
.news-main .rec-products li:nth-child(3n+3){margin-right:0px}}
.page-contact .contact-us{width:34%;margin-right:2%}
.page-contact .contact-us img{max-width:100%}
.page-contact .contact-main{padding:0px}
.topbar-title{font-size:1.5rem;color:var(--fontcolor);font-weight:var(--fontbold7);text-transform:uppercase;line-height:.958;position:relative;padding:1.6875rem 0;margin-bottom:2rem}
.topbar-title::after{display:block;content:"";display:block;background-color:var(--color);position:absolute;left:0px;top:0px;width:34px;height:3px}
.page-contact .contact-list{margin-top:3.4375rem}
.page-contact .contact-list li{margin-bottom:2.5rem}
.page-contact .contact-list .icon-box{width:40px;margin-right:1.25rem}
.page-contact .contact-text p{font-size:18px;color:var(--fontcolor);margin-bottom:.75rem}
.page-contact .contact-text a{font-size:14px;color:#666666}
@media only screen and (max-width:768px){
.page-contact .contact-main{flex-direction:column}
.page-contact .contact-us{width:100%;margin-right:0px;margin-bottom:5rem}}
.page-about .aboutus-panel{margin-top:1.875rem;margin-bottom:7.5rem}
.page-about .aboutus-text{width:53%}
.page-about .aboutus-text p{font-size:14px;color:#666666;line-height:1.813;padding-bottom:2.5rem}
.page-about .aboutus-title{font-size:2.75rem;font-weight:var(--fontbold7);color:var(--fontcolor);padding-bottom:1.25rem;text-transform:uppercase}
.page-about .title-text{font-size:16px;color:#666666;padding-bottom:3.125rem;font-weight:var(--fontbold6);position:relative;display:inline-block;text-align:left}
.page-about .title-text::after{content:"";display:block;position:relative;left:calc(100% + 5px);bottom:10px;width:3.75rem;height:2px;background:var(--color)}
.page-about .aboutus-img{width:42%}
.page-about .aboutus-img img{width:100%}
.page-about .switch-list li{width:23.75%;padding-bottom:12.4%;position:relative}
.page-about .switch-list div{position:absolute;top:0px;left:0px;width:100%;height:100%;transition:all .3s;border:1px solid #e1e6eb;box-sizing:border-box}
.page-about .switch-list div::after{content:"";display:block;position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);border:14px solid transparent;transition:all .3s}
.page-about .switch-list i{margin-bottom:5%}
.page-about .switch-list div p{color:var(--fontcolor);font-size:14px;cursor:pointer}
.page-about .switch-list div:hover,.page-about .switch-list li.active div{border-color:var(--color);background:var(--color)}
.page-about .switch-list div:hover p,.page-about .switch-list li.active div p{color:#FFFFFF}
.page-about .switch-list div:hover::after,.page-about .switch-list li.active div::after{border-top-color:var(--color)}
.page-about .switch-text-list{margin:5.3125rem 0}
.page-about .switch-text-list li{display:none}
.page-about .switch-text-list li.active{display:flex}
.page-about .switch-img{width:46.67%}
.page-about .switch-img img{width:100%}
.page-about .switch-text{width:47.33%;margin-left:auto}
.page-about .switch-title{color:var(--fontcolor);font-size:2.375rem;margin-bottom:1.75rem}
.page-about .switch-text p{margin-bottom:3.125rem;font-size:2.375rem;color:#666666;line-height:1.1825;font-size:14px}
@media only screen and (max-width:768px){
.page-about .aboutus-panel{flex-wrap:wrap}
.page-about .aboutus-img,.page-about .aboutus-text{width:100%}
.page-about .switch-list{flex-wrap:wrap}
.page-about .switch-list li{width:45%;padding-bottom:25%;margin-bottom:30px}
.page-about .switch-text-list li{flex-wrap:wrap}
.page-about .switch-img,.page-about .switch-text{width:100%;margin-bottom:.9375rem}}
#tagContent{border:1px solid #E3E3E3;padding:4.17% 1.67%}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li{margin-bottom:10px;float:left}
#tags li a{text-decoration:none;display:block;margin-right:8px;background:#efefef;color:var(--fontcolor);padding:1.3125rem 1.5rem;text-transform:uppercase;font-size:1.1875rem}
ul#tags li.selectTag a{color:#FFFFFF;background:var(--color)}
.tagContent{display:none;width:100%;font-size:14px;color:grey;line-height:2}
#tagContent div.selectTag{display:block}
.table td{padding:5px 10px}
.news-title{text-align:center}
.LiProTypeList_Sub ul{max-width:1400px;margin:30px auto 0px auto;display:flex;flex-wrap:wrap}
.LiProTypeList_Sub ul a:hover{background:var(--color);color:#FFFFFF}
.LiProTypeList_Sub ul a{display:block;padding:10px 20px;margin:0px 10px 10px 0px;background:#F1F1F1;border:1px solid #EAEAEA;transition:all .1s}
.index .products-list li:hover .products-intro,.index .products-list li:hover .products-name,.products-list li:hover .products-intro,.products-list li:hover .products-name{color:#FFFFFF}
.index-news-list{display:flex;justify-content:space-between}
.index-news-list>li{width:48%}
.num-t{display:flex;margin-top:20px}
.num-t span{font-size:3.125rem;color:var(--color);margin-top:auto;line-height:.6}
.page-procontent .products-detail-panel,.page-procontent .products-detail-panel a{color:var(--fontcolor)}
.productsTags{font-size:.95rem}
.productsTags a{color:var(--fontcolor)}
#partners .swiper-container{margin:0px 50px}
#partners .swiper-slide{border:1px solid #E4E4E4;background:#FFFFFF;transition:all .3s cubic-bezier(.65,.05,.36,1);padding:15px;box-sizing:border-box;height:141px}
#partners .swiper-slide:hover{border-top:2px solid #3db45e}
.index #partners .swiper-button-prev{transform:translateY(0) rotate(180deg)!important}
.index #partners .swiper-button-next{transform:translateY(0)!important}
.bnav .container{display:flex;justify-content:space-between;align-items:center}
.bnav{margin:0px auto 40px;padding:10px 0px;border-bottom:1px solid #EEEEEE}
.bnav h1, .bnav h2{font-size:20px;color:var(--fontcolor)}
.page-prolist .products-list li.lefrig-structure{width:100%;margin:0px auto 25px;display:flex}
.page-prolist .products-list li.lefrig-structure .product-pic{padding:0px;width:240px;height:240px}
.page-prolist .products-list li.lefrig-structure .product-pic a{display:block;width:100%;height:100%}
.page-prolist .products-list li.lefrig-structure .product-pic img{width:100%;height:100%;object-fit:contain}
.page-prolist .products-list li:hover .product-pic img{transform:scale(1)}
.page-prolist .products-list li.lefrig-structure .products-text{padding:20px;width:calc(100% - 240px);background:none}
.page-prolist .products-list li.lefrig-structure .products-name{color:var(--fontcolor);font-size:20px;font-weight:bold;margin-bottom:10px;transition:.3s}
.page-prolist .products-list li.lefrig-structure .products-name:hover{color:var(--color)}
.page-prolist .products-list li.lefrig-structure .products-intro{font-size:16px;color:var(--fontcolor)}
.page-prolist .products-list li.lefrig-structure .products-btn{color:var(--color);display:inline-block;line-height:40px;padding:0px 20px;font-size:14px;border:1px solid var(--color);margin-top:20px;transition:.3s}
.page-prolist .products-list li.lefrig-structure .products-btn:hover{color:#FFFFFF;background:var(--color)}
.page-prolist .products-list li.lefrig-structure:hover,.page-prolist .products-list li.lefrig-structure:hover .products-text{background:#f6f6f6}
h4.cate-h4, h4.pro-h4{clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli{clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li{list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli{clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li{list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.head-lang{margin-left:30px}
.lang{z-index:99999;text-align:left;position:relative}
.lang-icon{display:flex;align-items:center;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon img{width:24px}
.lang-icon span{position:relative;padding-right:18px;color:var(--fontcolor);margin-left:6px;font-size:14px;display:none}
.lang-icon span::before{content:"";position:absolute;right:4px;top:13px;width:8px;height:1px;background:#333333;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:13px;width:8px;height:1px;background:#333333;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:var(--borderradius);box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-drop.lang-flex .lang-arrow{left:79%}
.lang-wrap{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){.lang{transition:all .2s linear}
.lang-icon img{width:28px;filter:invert(70%)}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.lang-flex{position:fixed;width:95%;right:auto;left:50%;transform:translateX(-50%)}
.lang-drop.lang-flex .lang-arrow{left:84%}
.lang-drop.lang-flex .lang-wrap{width:100%}
.lang-drop.active{display:block;top:calc(100% + 3px)}}
body.index .lang-icon span{color:#FFFFFF}
body.index .lang-icon span::before,
body.index .lang-icon span::after{background:#FFFFFF}
.blogflex-info{display:flex;align-items:flex-start;background:#fafafa;padding:20px 15px;margin-bottom:30px}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{font-size:.9375rem;line-height:1.5;color:#666666;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}