body{overflow-x:hidden}a{color:#343a40}a:hover{color:#ffc107}navbar-toggler{pointer-events:none}navbar-toggler menu{display:flex;flex-direction:column}navbar-toggler menu ul li{padding-left:15px;padding-right:15px;border-bottom:1px dashed #ced4da}navbar-toggler menu ul li ul{display:none !important}.togler{pointer-events:all;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;overflow-y:auto}video{width:100%;object-fit:contain}video:focus{outline:none}.carousel-caption{pointer-events:none}.zindex{z-index:100000}.py-4{padding-top:30px !important;padding-bottom:30px !important}.py-5{padding-top:50px !important;padding-bottom:50px !important}.logo img{max-height:150px !important}.btns{display:flex;margin-left:-15px;margin-right:-15px;margin-top:28px}.btns a{display:flex;flex:1;margin-left:15px;margin-right:15px;justify-content:center;line-height:3em;background-color:#343a40;color:rgba(255,193,7,0.6)}.btns a:hover{background-color:#ffc107 !important;color:#343a40 !important}.btd{border-top:1px solid rgba(52,58,64,0.9)}menu ul{display:flex}menu ul li a{display:flex;align-items:center;white-space:nowrap;height:68px !important;padding:0 2rem;font-size:1.8rem !important}menu ul li>ul{display:none}menu ul li:hover ul{display:flex;flex-flow:column wrap !important;border-radius:1rem;background-color:#f8f9fa;border-top:5px solid #ffc107}menu ul li:hover ul li{align-items:center;border-radius:.5rem}menu ul li:hover ul li a{height:50px !important;color:#212529;font-size:1.6rem !important}menu ul li:hover ul li:hover{background:#343a40}menu ul li.on ul li a{color:#212529 !important}menu ul li.on ul li:hover a{color:#ffc107 !important}.sublist ul{display:flex;flex:1;flex-flow:column wrap}.sublist ul li{display:flex;flex:1;flex-flow:column-reverse wrap;margin-bottom:2rem}.sublist ul li .thumbs{display:flex;flex:1;overflow:hidden;margin-bottom:1.5rem}.sublist ul li .thumbs img{width:100%;height:100%;object-fit:cover}.sublist ul li .mode .title a{display:flex;flex:1;background:#4A4A4A;color:white;font-size:1.6rem;padding:1.2rem 2rem}.sublist ul li .mode .title a:hover{background:linear-gradient(to right, #212529 10px, #4A4A4A 50%, black 100%)}.sublist ul li:last-child{margin-bottom:0}.axis .RowsTitle .en a{color:rgba(255,193,7,0.8) !important}.axis .Descript{color:#adb5bd;margin-bottom:6rem}.axis ul{padding:0 1.5rem}.axis ul li{padding:1rem}.axis ul li .box{border-radius:1rem;padding:2rem;box-sizing:content-box;box-shadow:0 0 10px 0 rgba(222,226,230,0.9)}.axis ul li .box .thumb{margin-left:auto;margin-right:auto;width:8rem;height:8rem;border-radius:50%;border:1px solid #dee2e6;padding:1rem}.axis ul li .box .thumb img{width:100%;height:100%;object-fit:contain}.axis ul li .box h4{font-size:1.6rem !important}.sbanner img{width:100%}.powered{display:flex;flex:1;justify-content:center}.powered a{margin-left:1rem}.phone .Content{display:flex;text-align:center;align-items:center}.phone .Content .Hotline{background-color:#ffc107;border-radius:1rem;padding-left:7rem}.phone .Content .Hotline::before{font-size:5rem;content:"\f2a0";border-radius:50%}.phone .Content .Hotline .dd{font-size:3rem;margin-top:.5rem}.bg-hover-white{animation:fadeOut;transition-duration:2s;padding:15px}.bg-hover-white:hover{background-color:rgba(255,255,255,0.8);animation:fadeIn;transition-duration:3s;border-radius:1rem}.bg-hover-white:hover .btns a{border-radius:.5rem}.menu-row-rake ul{margin-left:-15px;margin-right:-15px}.menu-row-rake ul li{text-align:center}.menu-row-rake ul li.dl{flex-grow:2}.menu-row-rake ul li.dl ul{display:flex;flex-flow:row wrap}.menu-row-rake ul li.dl ul li{flex-basis:50%}.menu-row-rake ul li a{justify-content:center;font-weight:500;font-size:1.5rem;line-height:2em}.menu-row-rake ul li a:hover{color:black !important}.menu-row-rake ul li:hover ul{background:transparent !important;border:0 !important}.menu-row-rake ul li:hover ul li{background-color:transparent !important}.menu-row-rake ul li:hover ul li a{height:4rem !important}.menu-row-rake ul li ul{position:relative}.menu-row-rake ul li ul li{border:0 !important;padding-left:15px;padding-right:15px}.menu-row-rake ul li ul li::before,.menu-row-rake ul li ul li::after{display:none}.menu-row-rake ul li ul li a{padding-top:5px;padding-bottom:5px;height:4rem !important;font-size:1.4rem}.nav{border-bottom:1px dashed #dee2e6;margin-bottom:3rem}.nav .title{margin-bottom:-5px;padding:0 0px 5px 0px;border-bottom:3px solid #dee2e6;margin-left:15px}#nav .RowsTitle{display:inline-flex}#nav .Title .cn{position:relative}#nav .Title .cn a{letter-spacing:8px;font-size:3.6rem !important;color:#343a40;line-height:1.2em;font-weight:bold;left:0;white-space:nowrap}#nav .Title .en{position:relative;padding-top:15px}#nav .Title .en a{display:block;position:relative;font-size:2rem;font-family:Arial, Helvetica, sans-serif;color:#343a40}.bg-search{position:relative}.bg-search .search{display:flex;flex:1;justify-content:space-between;background-color:rgba(52,58,64,0.9);padding-left:1.5rem;padding-right:1.5rem}.bg-search .search .RowsTitle{width:100px;white-space:nowrap}.bg-search .search [type=submit]{background-color:#313131}.bg-search .search .Subject{display:none}.about{background-color:#f8f9fa;position:relative}.about .card{height:100%;margin:0}.about .card img{padding:0 !important;border:0 !important;object-fit:cover}.about .Content{background-color:#ffffff;padding:30px}.about .intro p{text-align:left !important;line-height:1.8em}.about .RowsTitle .Title{display:flex;flex-flow:column-reverse wrap}.about .RowsTitle .Title .cn a{display:block;color:#212529 !important;text-align:center;position:relative !important;margin:0;height:auto}.about .RowsTitle .Title .en a{display:none;font-size:0rem !important;text-transform:uppercase;color:#ffc107 !important;font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important}.lng a{padding-left:8px;padding-right:8px}.industry ul{display:flex;flex:1;justify-content:space-between;margin-left:-1rem;margin-right:-1rem}.industry ul li{display:flex;flex:1;justify-content:center;height:300px;align-items:center;padding:1rem;background-repeat:no-repeat;background-position:center;background-clip:content-box;background-size:cover;background-color:#222;background-blend-mode:overlay}#ArticleSummary ul li{padding-bottom:20px;border-bottom:1px dotted #dee2e6}#ArticleSummary ul li .thumbs{flex-basis:35%;max-width:400px;margin-right:20px}.news .RowsTitle{display:flex;flex-flow:column wrap}.news .RowsTitle::after{display:inline-flex;width:30px;border-bottom:5px solid #ffc107;content:"";margin:2rem auto}.news ul li{text-align:left}.news ul li.Summary::before{border-top-width:10rem;border-left-width:10rem}.news ul li.Summary:hover{background-color:transparent !important}.news ul li:hover{background-color:#ffc107 !important}sider{display:flex;flex-grow:1;height:100%;flex-flow:row wrap;background:transparent;z-index:1000;position:static}sider .RowsTitle{display:none;justify-content:center;align-items:center;width:100%;height:calc(100% - 62px);position:absolute;top:0;left:0}sider .RowsTitle .cn{font-weight:600;color:white;text-shadow:1px 1px 5px #343a40}sider .RowsTitle .en{font-size:1.4rem;margin-top:1rem;font-weight:100;color:white;text-shadow:1px 1px 5px #343a40}sider .Content{display:flex;flex:1;background-color:#e9ecef;margin-left:-15px;margin-right:-15px}sider .Content .Margin{display:flex;flex:1}sider .Content .Margin ul{display:flex;flex:1;flex-flow:row wrap !important;justify-content:flex-start}sider .Content .Margin ul li{display:flex;flex:1 1 33.33%;padding:2rem 0}sider .Content .Margin ul li:last-child a{border-right:0}sider .Content .Margin ul li a{display:flex;justify-content:center;flex:1;padding:0rem;white-space:nowrap;font-size:1.6rem;border-right:1px solid rgba(108,117,125,0.6)}sider .Content .Margin ul li a:hover{color:#000 !important}sider .Content .Margin ul li.on{border-bottom:1px solid #ffc107}sider .Content .Margin ul li.on a{color:#000 !important}sider .Content .Margin ul li:hover{background-color:#ffc107}sider .Content .Margin ul li:hover a{color:#000 !important}#ArticleIntro .Summary{flex-flow:column wrap}#ArticleIntro h6 a{font-weight:700;line-height:1.5em}#ArticleIntro h6 a:hover{animation:changecolor 1s}#ArticleIntro .intro{height:60px;overflow:hidden}.news #ArticleIntro{display:flex;flex-flow:column wrap}.news #ArticleIntro .Outline{display:flex;flex:1;padding:20px}.news #ArticleIntro .Outline .Summary{margin-bottom:0}.news #ArticleIntro .Outline .Summary .intro{height:80px}.news #ArticleIntro .Profile{display:flex;flex:1;padding:0px}.news #ArticleIntro .Profile li{background-color:#f8f9fa;margin-bottom:20px}.news #ArticleIntro .Profile li:last-child{margin-bottom:0px}.news #ArticleIntro .Profile li .detail{display:flex;padding:2rem 2rem 2rem 125px}.news #ArticleIntro .Profile li .detail .title a{font-size:1.6rem !important;color:#495057}.news #ArticleIntro .Profile li .LongDatePlus{display:flex;flex-shrink:0;flex-flow:column wrap;justify-content:center;width:92px;height:100%;align-items:center;border-right:1px dotted white}.news #ArticleIntro .Profile li .LongDatePlus *{color:#495057}.contact .Margin{text-align:center}.guide{margin-top:2rem;margin-bottom:5rem}.guide .title{font-weight:700;font-size:1.6rem;padding:1rem 2rem;background:#343a40;color:#ffc107}.guide .path{padding:0 1.5rem}.bg-map{background:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url(../img/d.jpg) no-repeat center;background-size:cover}.bg-map .message{background:url(../img/glow.jpg) no-repeat center right;padding:5rem 3rem}.bg-map .message .Margin{margin-top:3rem}.bg-map .message .Margin .row{display:flex;flex-flow:column wrap}.bg-map .message .Margin .row .MsgLeft,.bg-map .message .Margin .row .MsgRight{display:flex;flex:1 0 100%}.bg-map .message .Margin .row [type=submit],.bg-map .message .Margin .row [type=reset]{background:#ffc107;color:white;border-radius:5px;margin-top:2rem}.product #nav .RowsTitle{margin-bottom:30px}.product #nav ul{display:flex;flex-flow:column nowrap;justify-content:center}.product #nav ul li{display:flex;flex:1;flex-flow:column-reverse wrap;padding:0 10px;margin-bottom:2rem}.product #nav ul li .mode{display:flex;flex:1;width:100%;flex-flow:column wrap;text-align:left;padding:2rem 0}.product #nav ul li .thumbs{display:flex;flex:1;width:100%}.product #nav ul li .thumbs img{width:100%;height:100%;object-fit:cover}.product #nav ul li a{display:flex;flex:1;position:relative;padding:30px 0px;font-size:1.6rem}.product #nav ul li a::after{position:absolute;content:"";width:2em;border-bottom:5px solid #ffc107;bottom:1rem}.product #nav ul li ul{display:none}#ProductDetail .Title{text-align:center;margin-bottom:1rem}#ProductDetail .NextPrev a{background-color:#4A4A4A;border-radius:3px;color:white}#ProductDetail .NextPrev a:hover{background-color:#ffc107}.flex .Margin{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.flex .Margin>div{margin-left:5px;margin-right:5px}.body #ArticleIntro .LongDatePlus{width:80px;background-color:#ced4da !important}.body #ArticleIntro .LongDatePlus *{color:#343a40 !important}.body #ArticleIntro .detail{padding-left:12rem}.body .Detail img{max-width:100%}.body .Detail carousel ul li{width:auto !important}.body .Detail carousel ul li img{max-width:auto !important;max-height:400px;min-height:200px}.bottom{background-color:#212529;text-align:center}.bottom .urlqrcode{margin-bottom:1rem}.bottom .urlqrcode .dt{display:none}.bottom .urlqrcode .dd img{max-height:120px}.bottom menu ul li a:hover{color:#ffc107 !important}.bottom menu ul li:hover a{color:#dee2e6}.bottom .bg-black .Margin{flex-direction:column}@media (min-width: 576px){.row-sm{margin-left:-1.5rem;margin-right:-1.5rem}.fixed-top{margin-top:5.8rem}.bottom .col-sm-7 .Margin div,.bottom .col-sm-7 .Margin .dd{margin-left:0}}@media (min-width: 768px){.axis ul{padding:0}.axis ul li .box h4{font-size:2rem !important}.bg-search .search{display:flex;flex:1;width:100%;justify-content:space-between;position:absolute;top:-105px;z-index:10}.bg-search .search .Content{display:flex;flex:1}.bg-search .search .Content .Margin{display:flex;flex:1}.bg-search .search .Content .Margin form{display:flex;flex:1}.powered{display:inline-flex;flex:auto;margin-left:10px}}@media (min-width: 992px){.py-5{padding-top:8rem !important;padding-bottom:8rem !important}sider{display:flex;width:100%;position:relative}sider .RowsTitle{position:absolute !important;width:100%;height:calc(100% - 62px);top:calc(50% - 31px);left:50%;transform:translate(-50%, -50%);bottom:auto;align-self:flex-start}sider .Content{background-color:rgba(222,226,230,0.9);position:absolute;bottom:0;left:0;width:calc(100% + 30px)}sider .Content ul li{flex-basis:auto !important}.pl-lg-4{padding-right:6rem}.about{background:url(../img/JPEG.jpg) no-repeat;background-size:cover;background-position:center}.about .container{background-color:rgba(255,255,255,0.9)}.about .card{position:relative}.about .card .abs{position:absolute;top:0;width:100%;height:100%;z-index:10000;pointer-events:none}.about .RowsTitle .Title .en a{display:none !important;font-size:5rem !important;height:1em;padding-bottom:1.2em;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-weight:bold}.phone .Margin{text-align:right}.bg-search .search .Subject{display:flex;flex:1;width:auto;white-space:nowrap;margin-right:2rem !important;overflow:hidden}.bg-search .search .Subject a{display:inline-block}.bg-search .search .Subject a:hover{color:#313131}.btns{margin-top:80px}.bottom{backdrop-filter:blur(50px);text-align:left}.bottom menu ul li a{font-size:1.6rem !important;height:60px !important}.bottom menu ul li ul li a{color:#e9ecef !important;font-size:1.4rem !important}.bottom .wechat{margin-top:0px}.bottom .bg-black .Margin{flex-flow:row nowrap}.body #ArticleView ul li,.body #ProductView ul li{flex-basis:33.33%}.body #ArticleView ul li .thumbs,.body #ProductView ul li .thumbs{border:1px solid #dee2e6}.body #ArticleView ul li .title,.body #ProductView ul li .title{border:1px solid #dee2e6;border-top:0}.news #ArticleIntro{flex-flow:row nowrap}.news #ArticleIntro .Outline{padding:0 5rem 0 0}.product ul{display:flex;flex:1;flex-flow:row wrap !important;margin:0 -15px 8 -15px;justify-content:flex-start}.product ul li{display:flex;flex:1 1 calc(25% - 15px) !important;padding:0 !important;position:relative;margin-right:15px}.product ul li:hover .mode{display:flex !important;flex-flow:column wrap !important;height:100%;animation:pro_up 1s forwards;background-color:rgba(255,255,255,0.9)}.product ul li:hover .mode .memo{display:flex;flex-grow:1}.product ul li:hover .mode .title{padding-top:3rem}.product ul li:hover .mode .title a::after{display:flex}.product ul li .mode{position:absolute;display:flex !important;flex-flow:column wrap;padding:0 !important;bottom:0;left:0;z-index:1000;animation:pro_down 1s forwards;overflow:hidden}.product ul li .mode .memo{display:flex;flex:1 0 auto;width:100% !important;height:0;padding:3rem;aspect-ratio:auto;color:#ced4da !important;display:flex;background-color:black}.product ul li .mode .title{display:flex;flex:0 1 auto;color:#dee2e6;background-color:black;margin:0;width:100%}.product ul li .mode .title a{display:flex;flex:1 0 auto;justify-content:center;font-size:2rem !important;color:white;flex-shrink:1;position:relative}.product ul li .mode .title a::after{display:none}.product ul li .mode .memo{width:100%;color:#343a40}.product ul li .thumbs{aspect-ratio:3/5;position:relative;overflow:hidden}.product ul li .thumbs img{width:100%;height:100%;object-fit:cover}.product ul li .thumbs::before{position:absolute;display:inline-flex;content:"";width:0;height:0;border-top:5rem solid transparent;border-right:5rem solid transparent;border-left:5rem solid #ffc107;border-bottom:5rem solid #ffc107;left:0;bottom:0;z-index:100}#ProductView ul li{position:relative}#ProductView ul li .thumbs{border:1px solid #e9ecef !important}#ProductView ul li .title a{display:flex;flex:1;background:#e9ecef;justify-content:center}#ProductView ul li:hover .title a{justify-content:center;align-items:center;position:absolute;background-color:rgba(74,74,74,0.8);top:0;flex-direction:column;color:white;width:100%;height:100%;z-index:100;padding:1.5rem;background-clip:content-box}#ProductView ul li:hover .title a img{border:1rem solid white}.sublist ul{flex-flow:row wrap;margin-left:-1.5rem;margin-right:-1.5rem}.sublist ul li{flex-basis:50%;padding:1.5rem;margin-bottom:0}.sublist ul li .thumbs{margin-bottom:2rem;flex:0 0 auto;width:100%;aspect-ratio:5/4;position:relative}.sublist ul li .thumbs::before{display:inline-flex;content:"";border-top:10rem solid #ffc107;border-right:10rem solid transparent;position:absolute;top:0;left:0;z-index:10}.sublist ul li .thumbs::after{display:inline-flex;position:absolute;width:10rem;height:10rem;top:-1rem;left:0;content:"";background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:center;background-clip:content-box;background-size:100%;z-index:100;transform:rotate(-45deg)}.sublist ul li .thumbs img{margin:0;padding:0;width:100%;object-fit:cover;filter:opacity(0.8)}.sublist ul li .mode{display:flex;width:100%;flex-grow:1;flex-flow:column wrap}.sublist ul li .mode .memo{color:#6c757d;line-height:1.6em}.sublist ul li:hover .thumbs img{animation:sublist-img 3s forwards}}@media (min-width: 1200px){.phone .Content .Margin .Hotline::before{font-size:6.5rem}.phone .Content .Margin .dd{font-size:4rem}#ArticleSummary ul{display:flex}#ArticleSummary ul li{display:flex;width:100%}#ArticleSummary ul li .thumbs{display:flex;margin-right:5rem}#ArticleSummary ul li .detail .title{margin-bottom:2rem}#ArticleSummary ul li .detail .title a{font-size:1.8rem}.about .intro p{line-height:1.8em}}@keyframes sublist-img{100%{filter:opacity(1)}}@keyframes pro_up{0%{height:84px}100%{height:100%}}@keyframes pro_down{0%{height:100%}100%{height:84px}}