.sider{position:fixed;left:0;top:0;height:100vh;width:280px;background:linear-gradient(135deg, #2c3e50, #34495e);color:#ecf0f1;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;box-shadow:2px 0 15px rgba(0,0,0,0.2);border-right:1px solid rgba(255,255,255,0.1);transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;z-index:1000}.sider::before{content:'';position:fixed;left:0;top:0;width:10px;height:100vh;background:transparent;z-index:1001}.sider.show{transform:translateX(0)}.sider .Content{max-height:calc(100vh - 60px);overflow-y:auto;padding:10px 0}.sider .RowsTitle{background:rgba(0,0,0,0.2);padding:15px 20px;position:relative;border-bottom:1px solid rgba(255,255,255,0.1)}.sider .Title{margin:0;font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.sider .Title a{color:inherit;text-decoration:none;transition:color .3s}.sider .Title a:hover{color:#3498db}.sider .cn{list-style:none;padding:0;margin:0;width:100%}.sider .cn>li{display:block;width:100%;box-sizing:border-box;position:relative;border-bottom:1px solid rgba(255,255,255,0.05);white-space:normal;word-break:break-word;overflow-wrap:break-word}.sider .cn>li>a{display:inline-block;width:100%;box-sizing:border-box;padding:12px 20px;color:#ecf0f1;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s;position:relative;white-space:normal;word-break:break-word}.sider .cn>li>a:hover{background:rgba(255,255,255,0.05);color:#3498db}.sider .cn>li.on>a{background:rgba(52,152,219,0.2);color:#3498db;border-left:3px solid #3498db}.sider .cn>li.dropdown>a b{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(255,255,255,0.5);transition:all .3s}.sider .cn>li.dropdown>a:hover b{border-top-color:#3498db}.sider .SubMenu1{display:none;background:rgba(0,0,0,0.15);padding:5px 0;list-style:none;margin:0}.sider .SubMenu1 li{display:block;width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;overflow-wrap:break-word}.sider .SubMenu1 li a{display:inline-block;width:100%;box-sizing:border-box;padding:10px 20px 10px 35px;color:#bdc3c7;text-decoration:none;font-size:14px;transition:all .3s;white-space:normal;word-break:break-word}.sider .SubMenu1 li a:hover{background:rgba(255,255,255,0.05);color:#3498db;padding-left:38px}.sider .SubMenu1 li.li1 a:hover{color:#1abc9c}.sider .SubMenu1 li.li2 a:hover{color:#e74c3c}.sider .SubMenu1 li.li3 a:hover{color:#f39c12}.sider .SubMenu1 li.li4 a:hover{color:#9b59b6}.sider .cn>li.on .SubMenu1{display:block}@media (max-width: 768px){.sider{width:240px}.sider .Title{font-size:16px}.sider .cn>li>a{padding:10px 15px;font-size:14px}.sider .SubMenu1 li a{padding:8px 15px 8px 30px}}a{color:#343a40}a:hover{color:#E94908}navbar-toggler{pointer-events:none}navbar-toggler button,navbar-toggler ul li a{pointer-events:auto}.py-4{padding-top:30px !important;padding-bottom:30px !important}.py-5{padding-top:80px !important;padding-bottom:80px !important}.logo img{max-height:60px !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:white}.btns a:hover{background-color:#00469C}.relative{position:relative}.relative menu ul{display:inline-flex}.relative menu ul li a{display:flex;align-items:center;white-space:nowrap;height:85px;padding:0 2rem}.relative menu ul li>ul{display:none}.relative menu ul li:hover ul{position:absolute;background-color:white;top:85px;display:inline-flex;flex-flow:row wrap !important;border-top:3px solid #E94908}.relative menu ul li:hover ul li{align-items:center}.relative menu ul li:hover ul li a{display:flex;flex:1;align-items:center;height:40px;position:relative}.relative menu ul li:hover ul li a:hover::before{display:inline-flex;position:absolute;width:2em;height:1em;content:"\f0da";left:5px}.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:1rem}.sublist ul li .thumbs img{width:100%;height:100%;object-fit:cover}.sublist ul li .mode .title a{display:flex;flex:1;background:#00469C;color:white;font-size:1.6rem;padding:1.2rem 2rem}.sublist ul li .mode .title a:hover{background:linear-gradient(to right, #212529 10px, #00469C 50%, black 100%)}.sublist ul li:last-child{margin-bottom:0}navbar-toggler menu ul li ul{display:none !important}navbar-toggler menu ul li.on ul{display:block !important}#TabStrip .TabNavTitle{display:flex;flex:1;justify-content:center;flex-flow:row nowrap}#TabStrip .TabNavTitle .TabTitle{display:inline-flex;flex-flow:column;padding:1rem 2rem}#TabStrip .TabNavTitle .TabTitle i{display:none}#TabStrip .TabNavTitle .TabTitle a{padding:1rem 2rem;border:1px solid #00469C;color:#00469C}#TabStrip .TabNavTitle .TabTitle.on a{background-color:#00469C;color:white}.axis{background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.3)),url(../img/b.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.axis .Descript h4{font-weight:800}.sbanner img{max-width:100%}.powered{display:flex;flex:1;justify-content:center}.powered a{margin-left:1rem}.phone .Margin{margin-top:3rem;text-align:center}.phone .Margin .Hotline{background-color:#E94908;color:white;border-radius:1rem;padding:2rem 4rem;padding-left:7rem}.phone .Margin .Hotline::before{font-size:5rem;content:"\f2a0";padding:2rem;border-radius:50%}.phone .Margin .Hotline .dd{font-size:2.6rem;margin-top:.5rem}.contact .container{text-align:center}.contact .container .urlqrcode{margin-bottom:2rem}.contact .container .urlqrcode .dt{display:none}.contact .container .urlqrcode .dd img{width:140px}.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{width:calc(100% - 30px);margin-right:30px}.menu-row-rake ul li:last-child{margin-right:0}.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{font-weight:500;font-size:1.5rem;line-height:3.6em}.menu-row-rake ul li a:hover{color:#E94908}.menu-row-rake ul li a::after{display:inline-flex;flex:1 0 auto;flex-shrink:0;height:0;border-bottom:1px solid rgba(255,255,255,0.2);content:"";margin-left:2rem}.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{text-align:left;padding-top:5px;padding-bottom:5px;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:3rem !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:26px;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(0,123,199,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:#F9C96D}.bg-search .search .Subject{display:none}.about{background-color:#f8f9fa;position:relative}.about .card{height:100%;margin:0}.about .card img{padding:0;border:0;height:100%;object-fit:cover}.about .Content{background-color:#ffffff;padding:30px}.about .intro p{text-align:left !important;text-indent:2em}.about .RowsTitle .Title{display:flex;flex-flow:column-reverse wrap}.about .RowsTitle .Title .cn a{display:block;margin-top:6rem;color:rgba(0,70,156,0.3) !important;text-align:justify;position:relative !important;margin:0;height:auto}.about .RowsTitle .Title .en a{font-size:6rem !important;text-transform:uppercase;color:#E94908 !important;height:8rem;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}.news .RowsTitle{display:flex;flex-flow:column wrap}.news .RowsTitle::after{display:inline-flex;width:50px;border-bottom:5px solid #E94908;content:"";margin:2rem auto}.news ul li{text-align:left}#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}.guide{margin-bottom:5rem}.guide .title{font-weight:700;font-size:1.6rem;padding:.8rem 2rem;background:#E94908;color:white}.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:#E94908;color:white;border-radius:5px;margin-top:2rem}.product #nav .RowsTitle{margin-bottom:30px}.product #nav ul{display:flex;flex-flow:row nowrap;justify-content:center}.product #nav ul li{display:flex;flex:1;padding:0 10px}.product #nav ul li a{display:flex;flex:1;border:1px solid #dee2e6;border-bottom:5px solid #E94908;padding:10px 20px;font-size:1.6rem}.product #nav ul li ul{display:none}#ProductDetail .Title{text-align:center;margin-bottom:1rem}#ProductDetail .Detail h5{display:none}.body #ArticleIntro ul li .detail{padding-left:120px}.body #ArticleIntro ul li .LongDatePlus{display:flex;flex-flow:column wrap;justify-content:center;width:80px;height:80px;align-items:center;border-radius:1rem;border:1px solid #dee2e6}.body #ArticleIntro ul li:hover .LongDatePlus{background-color:#00469C;border:1px solid #00469C}.body #ArticleIntro ul li:hover .LongDatePlus *{color:white}.bottom{background-image:url(../img/d.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;background-clip:cover;background-blend-mode:overlay;background-color:#333}.bottom ul li a:hover{color:#E94908 !important}@media (min-width: 576px){.row-sm{margin-left:-1.5rem;margin-right:-1.5rem}.fixed-top{margin-top:5.8rem}.bg-search .search{margin-left:-1.5rem;margin-right:-1.5rem}.bottom .col-sm-7 .Margin div,.bottom .col-sm-7 .Margin .dd{margin-left:0;text-align:left}.bottom .contact .container{padding-left:220px;position:relative;min-height:140px}.bottom .contact .container .urlqrcode{position:absolute;left:0;display:flex}.bottom .contact .container .urlqrcode .dt{display:none}.bottom .contact .container .urlqrcode .dd img{width:140px;margin-bottom:0px}.bottom .contact .container div{text-align:left;height:2.3em}.bottom .contact .container .bt{border-top:1px solid rgba(255,255,255,0.2)}}@media (min-width: 768px){.bg-search .search{display:flex;flex:1;width:100%;justify-content:space-between;position:absolute;top:-100px;z-index:10;border-top-left-radius:3rem}.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){.pl-lg-4{padding-right:6rem}.about .abs{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.about .RowsTitle .Title .en a{font-size:5rem !important;height:1em;padding-bottom:1.2em;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-weight:bold}.bg-map .message .Margin .row .MsgLeft,.bg-map .message .Margin .row .MsgRight{max-width:100% !important}.phone .Margin{margin-top:0rem;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:#F9C96D}.btns{margin-top:80px}.bottom .menu{padding-bottom:10px;border-bottom:1px dotted #343a40}.bottom .wechat{margin-top:0px}.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}.product{margin-bottom:5rem !important}.product ul{display:flex;flex:1;justify-content:center}.product ul li{display:flex}.product ul li:hover{position:relative}.product ul li:hover a{color:white;background-color:rgba(233,73,8,0.9);border:1px solid rgba(233,73,8,0.9) !important}.product ul li:hover ul{display:flex;flex:1;min-width:calc(100% - 20px);padding:10px 0px 10px 0px;background:rgba(33,37,41,0.8) !important;display:flex !important;flex-flow:column wrap !important;position:absolute;top:50px;left:10px;z-index:10}.product ul li:hover ul li{padding:1px 0px !important}.product ul li:hover ul li a{display:flex;flex:1;white-space:nowrap;background-color:transparent !important;font-size:1.4rem !important;border:0 !important}.product ul li:hover ul li:hover{background-color:rgba(233,73,8,0.9) !important}.product ul li:hover ul li:hover a{color:white !important}#ProductView ul li{position:relative}#ProductView ul li .thumbs{border:1px solid #e9ecef !important}#ProductView ul li .thumbs a{display:flex;width:100%;height:100%}#ProductView ul li .thumbs a img{width:100%;height:100%;object-fit:contain}#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(0,70,156,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{padding:1.5rem;flex-basis:33.333%}.sublist ul li .thumbs{flex:1}.sublist ul li:last-child{margin-bottom:2rem}.flex .Margin{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.flex .Margin>div{margin-left:5px;margin-right:5px}.news #ArticleIntro{display:flex;flex-flow:row nowrap}.news #ArticleIntro .Outline{display:flex;flex:1;padding-right:5rem}.news #ArticleIntro .Outline .Summary{margin-bottom:0}.news #ArticleIntro .Outline .Summary .intro{height:80px}.news #ArticleIntro .Outline .Summary .thumbs{height:300px}.news #ArticleIntro .Outline .Summary .thumbs a{display:flex;height:100%;align-items:center}.news #ArticleIntro .Outline .Summary .thumbs a img{object-fit:cover}.news #ArticleIntro .Profile{display:flex;flex:1;padding:0px}.news #ArticleIntro .Profile li{margin-bottom:60px}.news #ArticleIntro .Profile li:last-child{margin-bottom:0px}.news #ArticleIntro .Profile li .detail{padding-left:125px}.news #ArticleIntro .Profile li .LongDatePlus{display:flex;flex-flow:column wrap;justify-content:center;width:100px;height:100px;align-items:center;border-radius:1rem;border:1px solid #dee2e6}.news #ArticleIntro .Profile li:hover .LongDatePlus{background-color:#00469C;border:1px solid #00469C}.news #ArticleIntro .Profile li:hover .LongDatePlus *{color:white}}