a{color:#343a40}a:hover{color:#0050BC}.py-6,.pt-6{padding-top:5rem !important}.py-6,.pb-6{padding-bottom:5rem !important}.my-6,.mt-6{margin-top:6rem !important}.my-6,.mb-6{margin-bottom:6rem !important}.hide{display:none !important}.menu ul li a b{display:none}.logo{padding:1rem 0}.logo img{max-height:50px !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:#6c757d;border-radius:3px;color:white !important}.btns a:hover{background-color:#F4A50C}.intro{text-align:left}.banner .carousel-caption{top:50%;transform:translateY(-50%);bottom:auto}.banner .carousel-caption p,.banner .carousel-caption title{display:none}.banner .carousel-caption .n42{font-size:2rem;font-weight:900;line-height:1.5em;animation:fadeIn;animation-duration:2s;-webkit-animation:fadeIn;-webkit-animation-duration:2s}.banner .carousel-caption .n30{display:none;font-size:1.4rem}.bg-gray{background:#595757 !important}.bottom .Logo{display:flex;flex:1;flex-direction:column}.bottom .Logo a img{max-height:50px !important}.bottom .media{display:flex;justify-content:center}.bottom .media ul{display:inline-flex;flex-flow:row wrap;margin-top:2rem}.bottom .media ul li{padding:5px}.bottom .media ul li img{width:36px}.bottom .media .Margin{display:flex;flex-flow:row nowrap;justify-content:space-around;margin-top:2rem}.bottom .media .Margin .dt{display:none}.bottom .media .Margin .dd img{max-height:98px}.bottom .contact .Title{font-size:1.4rem !important;line-height:1.5em;margin-bottom:1.4rem;text-align:left;display:none}.menu-row-rake menu ul li:first-child{flex-grow:0;flex-basis:auto;padding-right:5rem}.menu-row-rake menu ul li a{text-align:left;font-weight:800;font-size:1.4rem !important}.menu-row-rake menu ul li a:hover{color:#F4A50C}.menu-row-rake menu ul li ul{position:relative;margin-top:1rem}.menu-row-rake menu ul li ul li{display:flex;flex:1;flex-flow:row nowrap;align-items:center}.menu-row-rake menu ul li ul li::before{margin-right:1rem;content:"\f101"}.menu-row-rake menu ul li ul li a{font-weight:100;padding-top:5px;padding-bottom:5px;opacity:1}.sbanner img{max-width:100%}.powered{display:flex;flex:1;justify-content:center}.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 .cn a{font-weight:900}#nav .RowsTitle .en a{font-size:18px;line-height:2em;color:#495057;text-transform:uppercase}.TabNavTitle{display:flex;flex:1;width:100%;flex-flow:row nowrap;margin:0 -1rem;justify-content:start}.TabNavTitle .TabTitle{display:flex;flex-direction:column;margin:0 1rem}.TabNavTitle .TabTitle a{border:1px solid #adb5bd;padding:1.5rem 3rem}.TabNavTitle .TabTitle.on a{background:#0050BC;color:white;border-color:#0050BC}.TabNavTitle .TabTitle i{display:none}.TabNavContent .TabContent #ArticleIntro ul li .detail{padding-left:0;margin-top:1rem}.TabNavContent .TabContent #ArticleIntro ul li .detail .LongDate{display:none}.TabNavContent .TabContent #ArticleIntro ul li .detail .title a{font-size:2.5rem !important}.TabNavContent .TabContent #ArticleIntro ul li .detail .intro{height:auto;opacity:1;color:#495057}.TabNavContent .TabContent #ArticleIntro ul li .detail .intro .enter{display:flex;flex:1;margin-top:5rem;position:relative}.TabNavContent .TabContent #ArticleIntro ul li .detail .intro .enter a{background-color:#0050BC !important;color:white;padding:1.5rem 3rem}.TabNavContent .TabContent #ArticleIntro ul li .detail .intro .enter a:hover{background-color:#F4A50C}#ProductDetail .Title{text-align:center}.search .RowsTitle{width:100px;white-space:nowrap}.search .Title,.search .Descript{color:white !important}.search .Descript{overflow:hidden}.search form{display:none}.bg-gray-100 ul li img{max-width:200px}.More a:hover{background-color:#F4A50C}.about #nav .col-lg-6{position:relative}.about #nav .col-lg-6:first-child{padding-bottom:30px}.about #nav .col-lg-6 .pos{position:absolute;transform:translateY(-50%);top:50%;width:calc(100% - 1.5rem);font-weight:bold;white-space:nowrap;display:inline-flex;flex-flow:column wrap;background:rgba(255,255,255,0.8);left:15px}.about #nav .card{height:100%}.about #nav .card img{padding:0;border:0;height:100%;object-fit:cover}.about #nav .Content{background-color:#ffffff;padding:30px}.about .contactus #Telephonist{padding:0}.about .contactus #Telephonist .Content{background:none}.about .contactus #Telephonist .Content .Margin{display:flex;flex-direction:column !important;font-weight:400}.about .contactus #Telephonist .Content .Margin .dd a{display:block}.case ul{display:flex;flex-flow:column wrap;margin-left:-15px;margin-right:-15px}.case ul li{display:flex;flex-flow:row-reverse wrap;padding:15px;border:1px solid transparent}.case ul li .thumbs{text-align:center;margin-right:2rem}.case ul li .mode{flex:1}.case ul li .mode .title a{display:block;text-align:center;font-size:1.6rem;font-weight:600;line-height:2em}.case ul li:hover{border:1px solid #e9ecef}.case ul li:hover .title a{color:#0050BC}.lng a{padding-left:8px;padding-right:8px}.lng [id=based]{display:none}.news .RowsTitle{justify-content:left}.news ul li{text-align:left}sider .RowsTitle{display:none}#ArticleIntro .Summary{flex-flow:column wrap}#ArticleIntro h6 a{font-weight:700}#ArticleIntro h6 a:hover{animation:changecolor 1s}#ArticleIntro .intro{height:60px;overflow:hidden}.product ul{display:flex;flex-flow:column wrap;flex:1}.product ul li{display:flex;flex-flow:column-reverse wrap;flex:1}.product ul li .thumbs{display:flex;flex:1;width:100%;overflow:hidden}.product ul li .thumbs img{width:100%;object-fit:cover}.product ul li .mode .title a{display:block;font-size:1.8rem;font-weight:600;line-height:3em;border-bottom:2px solid #0050BC;text-align:center}.product ul li .mode .memo{color:#343a40;padding:3rem 0}.guide::before{display:inline-flex;content:'\f041';width:30px;font-size:2em}@media (min-width: 576px){.banner .carousel-caption .n42{font-size:3.6rem}.banner .carousel-caption .n30{display:block;font-size:1.6rem;animation:fadeIn;animation-duration:2s;-webkit-animation:fadeIn;-webkit-animation-duration:2s}.bottom .contact .Title{display:block}}@media (min-width: 768px){.banner .carousel-caption{width:50%;text-align:left}.banner .carousel-caption .n42{font-size:3.6rem}.banner .carousel-caption .n30{font-size:2rem}.powered{display:inline-flex;flex:auto;margin-left:10px}.search form{display:flex}.body .search form{flex-flow:row wrap;border:1px solid #dee2e6;padding:15px;margin-bottom:3rem;background:#f8f9fa}.body .search form .rows{display:flex;flex-flow:row nowrap;align-items:center;padding-left:15px;padding-right:15px;width:50%;margin:5px 0}.body .search form .rows:nth-child(6) ~ .rows{width:25%}.body .search form .rows .title{margin-right:1rem}.body .search form .rows .input{display:flex;flex:1;flex-flow:row nowrap;align-items:center}.body .search form .rows select,.body .search form .rows input{border:1px solid #dee2e6;padding:5px}.body .search form .rows [type=radio],.body .search form .rows [type=checkbox]{margin:0 1rem}.body .search form [type=submit]{margin-top:5px;margin-left:15px;background:#0050BC;color:#fff}}@media (min-width: 992px){.py-6,.pt-6{padding-top:6rem !important}.py-6,.pb-6{padding-bottom:6rem !important}.banner .carousel-caption{width:45%}.banner .carousel-caption .n42{font-size:4rem}.product ul{flex-direction:row}.product ul li{padding:2rem}.product .Descript{text-align:center;width:60%;margin-left:auto;margin-right:auto;margin-bottom:2rem}sider{width:258px}sider .RowsTitle{display:inherit}sider .RowsTitle h3{padding:1rem 2rem}sider .RowsTitle h3 .cn{font-size:2.8rem}sider ul{padding-bottom:10px}sider ul li{padding:10px 20px 0 20px}sider ul li:last-child{padding-bottom:20px}sider ul li a{border:1px dotted #adb5bd;padding:10px;text-align:center}sider ul li a:hover{border:1px solid #343a40}sider .phone{padding:2rem}sider .phone .Margin{text-align:left}.case ul{flex-flow:row wrap}.case ul li{flex-flow:column-reverse wrap;box-shadow:5px 5px 10px #dee2e6;padding:3rem}.case ul li .thumbs{margin-bottom:2rem;margin-right:0}.case ul li .mode{flex:1}.case ul li .mode .title a{font-size:1.6rem;font-weight:600;line-height:2em}.menu ul li{justify-content:center}.menu ul li:hover a,.menu ul li.on a{color:#0050BC}.menu ul li:hover ul,.menu ul li.on ul{position:absolute;padding-top:3.4rem;background:white;top:4.2rem;left:50%;transform:translateX(-50%);border-bottom-left-radius:3px;border-bottom-right-radius:3px}.menu ul li:hover ul li a,.menu ul li.on ul li a{color:inherit}.menu ul li:hover ul li a:hover,.menu ul li:hover ul li a.on,.menu ul li.on ul li a:hover,.menu ul li.on ul li a.on{background:#e9ecef;color:#0050BC}.btns{margin-top:80px}.about .RowsTitle,.about .cn,.about .More{display:inline-flex;justify-content:left}.about .RowsTitle a,.about .cn a,.about .More a{display:inline-flex;justify-content:right;left:0}.about .Title .en{text-align:left}.about #nav .RowsTitle{display:flex;flex:1;justify-content:flex-start}.about #nav .RowsTitle .Title{padding:1rem;margin-left:-30px;padding-left:30px;padding-right:50px}.about .col-lg-6:nth-child(1){padding-bottom:0}.about .col-lg-6:nth-child(2){position:relative}.about .col-lg-6:nth-child(2)::before{display:inline-flex;position:absolute;top:0;right:0;border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;width:30px;height:30px;content:"";z-index:10}.contactus{display:flex;flex-flow:column wrap}.contactus>div{padding:0}.contactus #Telephonist{order:0;padding-left:inherit;position:relative;padding-right:180px}.contactus #Telephonist .wechat{position:absolute;right:0;bottom:0}.bottom{background-position-y:top;background-repeat:no-repeat}.bottom .wechat{margin-top:0px}.body #ArticleView ul li,.body #ProductView ul li{flex-basis:33.33%}.product .ul-lg-4{margin-left:-15px;margin-right:-15px}.product .d-flex{flex-grow:1}.product #nav{position:relative;display:flex;flex-flow:column wrap;flex:1 0 100%}.product .Content{display:flex;flex:1 0 100%}.product .Content .Margin{flex:1}.search .Subject{flex:1;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search .Content{flex:1;width:auto}.search form{min-width:400px}.flex .Margin{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.flex .Margin>div{margin-left:5px;margin-right:5px}.news #ArticleSummary ul{display:flex;flex-direction:row;flex-wrap:wrap}.news #ArticleSummary ul li{width:50%;margin:15px 0}.news #ArticleSummary ul li .thumbs{flex:1}.news #ArticleSummary ul li .detail{flex:2}}@media (min-width: 1200px){.banner .carousel-caption{width:40%}.banner .carousel-caption .n42{font-size:4.6rem}.py-6,.pt-6{padding-top:8rem !important}.py-6,.pb-6{padding-bottom:8rem !important}}