@import url(../../../SysThemes/css/animate.min.css);body{position:relative}.mt-6,.my-6{margin-top:8rem}.my-6{margin-bottom:8rem}.py-45{padding-top:3rem;padding-bottom:3rem}.p-55{padding:3.5rem}.large *{font-size:1.6rem}.py-6{padding-top:6rem;padding-bottom:6rem}.py-10{padding-top:15rem;padding-bottom:15rem}.thumbs img{animation:fadein;animation-duration:1s}.thumbs img:hover{animation:pulse;animation-duration:1s}.banner img,.sbanner img{animation:pulse;animation-duration:1s}#Navigator .RowsTitle .Title{display:flex;flex-direction:column-reverse}#Navigator .RowsTitle .Title .en a{font-family:"Arial", Gadget, sans-serif;font-size:30px;font-weight:bold}#Navigator .RowsTitle .Title .cn a{font-size:2.4rem;font-weight:500;color:black}#Navigator .RowsTitle:after{display:block;width:40px;height:20px;content:"";margin-left:auto;margin-right:auto;margin-bottom:2rem;border-bottom:3px solid #cc0;clear:both}#Navigator .Content{padding-top:2rem}#Navigator .Subject .Descript{text-align:center;font-size:1.6rem;margin-bottom:2rem}#Navigator .More a:hover{animation:pulse;animation-duration:1s}.bg{background-image:linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.8)),url(../img/building.jpg);background-size:cover;background-position:center;background-clip:border-box}.about .Content{text-align:left}.about #Navigator{position:relative}.about #Navigator .RowsTitle:after{display:inline-flex;justify-content:left}.about #Navigator .RowsTitle h3{position:relative}.about #Navigator .RowsTitle h3 .en{position:absolute;top:0;left:0;transform-origin:45px 45px;transform:rotate(-270deg);animation:rotateOutDownLeft;animation-duration:1s}.about #Navigator .RowsTitle h3 .en a{color:rgba(10,10,10,0.1);font-size:7.2rem;text-transform:uppercase}.about #Navigator .Content:before{margin-left:0}.about #Navigator .intro{font-size:1.6rem}.about #Navigator .card{height:100%}.about #Navigator .card img{min-width:100%;min-height:100%;border:0;padding:0;animation:pulse;animation-duration:1s}.about #Navigator .card img:hover{animation:zoom;animation-duration:0.5s}.about .More{display:flex;justify-content:center}.about .More a{display:inline-flex;font-size:1.6rem;border-radius:25px;line-height:50px;padding:0 50px}.about .More a:hover{background-color:#f90}.product carousel,.product #Navigator,.product .Content,.product .Margin{display:flex;flex:1;width:100%;overflow:hidden}.product carousel ul,.product #Navigator ul,.product .Content ul,.product .Margin ul{display:inline-flex;flex-flow:row nowrap}.product carousel ul li,.product #Navigator ul li,.product .Content ul li,.product .Margin ul li{display:flex;padding:15px;flex:1 1 50%;flex-flow:column wrap}.product carousel ul li .mode,.product #Navigator ul li .mode,.product .Content ul li .mode,.product .Margin ul li .mode{display:inline-flex;width:100%;flex-flow:column wrap}.product carousel ul li .mode .memo,.product #Navigator ul li .mode .memo,.product .Content ul li .mode .memo,.product .Margin ul li .mode .memo{display:inline-flex;width:100%;height:auto}.product carousel ul li .thumbs,.product #Navigator ul li .thumbs,.product .Content ul li .thumbs,.product .Margin ul li .thumbs{display:flex;flex:1;overflow:hidden}.product carousel ul li .thumbs img,.product #Navigator ul li .thumbs img,.product .Content ul li .thumbs img,.product .Margin ul li .thumbs img{width:100%;height:100%;object-fit:cover;aspect-ratio:5 / 4}.product carousel .Margin,.product #Navigator .Margin,.product .Content .Margin,.product .Margin .Margin{display:flex;overflow:hidden;position:relative;height:auto;min-height:400px;width:100%}.product carousel .Margin #ProductSummary,.product #Navigator .Margin #ProductSummary,.product .Content .Margin #ProductSummary,.product .Margin .Margin #ProductSummary{width:100%}.product carousel .Margin .view,.product #Navigator .Margin .view,.product .Content .Margin .view,.product .Margin .Margin .view{display:flex;position:absolute;left:0;top:0;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.product carousel .Margin .view li,.product #Navigator .Margin .view li,.product .Content .Margin .view li,.product .Margin .Margin .view li{flex:0 0 auto;width:300px;margin:0 15px;box-sizing:border-box;flex-shrink:0;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.product carousel .Margin .view li .thumbs,.product #Navigator .Margin .view li .thumbs,.product .Content .Margin .view li .thumbs,.product .Margin .Margin .view li .thumbs{height:200px;overflow:hidden}.product carousel .Margin .view li .thumbs img,.product #Navigator .Margin .view li .thumbs img,.product .Content .Margin .view li .thumbs img,.product .Margin .Margin .view li .thumbs img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.product carousel .Margin .view li .thumbs img:hover,.product #Navigator .Margin .view li .thumbs img:hover,.product .Content .Margin .view li .thumbs img:hover,.product .Margin .Margin .view li .thumbs img:hover{transform:scale(1.05)}.product carousel .Margin .view li .title h6,.product #Navigator .Margin .view li .title h6,.product .Content .Margin .view li .title h6,.product .Margin .Margin .view li .title h6{margin:10px 15px;font-size:16px;color:#333}.product carousel .Margin .view li .more,.product #Navigator .Margin .view li .more,.product .Content .Margin .view li .more,.product .Margin .Margin .view li .more{margin:10px 15px 15px}.product carousel .Margin .view li .more a,.product #Navigator .Margin .view li .more a,.product .Content .Margin .view li .more a,.product .Margin .Margin .view li .more a{display:inline-block;padding:5px 15px;background:#0066cc;color:white;text-decoration:none;border-radius:4px;transition:background 0.3s ease}.product carousel .Margin .view li .more a:hover,.product #Navigator .Margin .view li .more a:hover,.product .Content .Margin .view li .more a:hover,.product .Margin .Margin .view li .more a:hover{background:#0052a3}.product carousel .arrow,.product #Navigator .arrow,.product .Content .arrow,.product .Margin .arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgba(0,0,0,0.5);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border-radius:50%;opacity:0.7;transition:all 0.2s ease}.product carousel .arrow:hover,.product #Navigator .arrow:hover,.product .Content .arrow:hover,.product .Margin .arrow:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.product carousel .arrow-left,.product #Navigator .arrow-left,.product .Content .arrow-left,.product .Margin .arrow-left{left:10px}.product carousel .arrow-right,.product #Navigator .arrow-right,.product .Content .arrow-right,.product .Margin .arrow-right{right:10px}.product #Navigator{flex-direction:column}.case{background:url(bg.jpg) no-repeat center 100%}.case #ArticleView ul li img{min-width:100%;min-height:100%;object-fit:cover}#ArticleIntro ul li{border-bottom:1px dashed #ced4da;padding-bottom:2rem;margin-bottom:2.5rem}#ArticleIntro ul li .title a{font-weight:900}#ArticleIntro ul li:last-child{margin-bottom:0}#ArticleIntro ul li.Summary{display:flex;flex-flow:column wrap;position:relative;padding:0}#ArticleIntro ul li.Summary img:hover{animation:pulse;animation-duration:1s}#ArticleIntro ul li.Summary .detail{display:none}#ArticleIntro ul li.Summary .detail .title{font-weight:900}#ArticleIntro ul li.Summary:hover .detail{position:absolute;left:0;top:-2rem;z-index:100;display:flex;justify-content:center;align-items:center;height:100%;background-color:rgba(0,0,0,0.8);padding:2rem}#ArticleIntro ul li.Summary:hover .detail .title,#ArticleIntro ul li.Summary:hover .detail .intro{color:white;animation:backInUp;animation-duration:1s}#ArticleIntro ul li.Summary:hover .detail .title a,#ArticleIntro ul li.Summary:hover .detail .intro a{color:white}.bd{border-top:1px solid rgba(33,37,41,0.3);text-align:center}.bd .powered{display:block;clear:both}.wx .Margin{display:flex;flex-flow:row nowrap;justify-content:center}.wx .Margin .dt{display:none}.wx .Margin img{width:120px;border:10px solid white;margin:5px}.con .CompanyName{font-size:2rem;color:white;margin-bottom:2rem}.con .Margin div{padding-bottom:1rem}.link{border-bottom:1px solid rgba(255,255,255,0.2)}.link .RowsTitle{display:inline-flex;margin-bottom:0}.link .RowsTitle h3{font-size:1.6rem !important;margin-bottom:0}.link .RowsTitle h3::after{display:none}.link .Content{display:inline-flex;width:auto}.nav{display:flex;flex:1}.nav ul{display:flex;flex-flow:row wrap;justify-content:center}.nav ul li{display:flex;flex-shrink:1;margin:5px}.nav ul li a{padding:8px 16px;background-color:#12AFA3;color:white}@media (min-width: 576px){.product ul{display:flex;flex-flow:row nowrap;flex:1}.product ul li{display:flex;flex:1}.bd .powered{display:inline;clear:none;padding-left:10px}.bd div{display:inline;padding-left:10px}}@media (min-width: 992px){.about .Margin{flex-flow:row-reverse nowrap;position:relative}.about .Margin .intro{flex-shrink:0}.about .card{overflow:hidden;margin:0}.case #ArticleView ul li{flex-basis:33.33%}.menu ul{z-index:10000}.menu ul ul{padding-top:50px !important;background-color:rgba(255,255,255,0.3)}.product .TabNavTitle{display:flex;flex:1;justify-content:center;margin-bottom:3rem}.product .TabNavTitle .TabTitle a{display:inline-flex;padding:10px 25px;background-color:white;color:black;margin:5px;border-radius:6px;font-size:1.6rem}.product .TabNavTitle .TabTitle a:hover{background-color:#f90;color:white}.product .Subject .Descript{margin:0 !important}.product #ProductView{position:relative}.product #ProductView ul{padding-left:50%}.product #ProductView ul li{position:relative;flex-basis:calc(50% - 20px) !important;padding:0;margin:10px}.product #ProductView ul li:first-child{position:absolute;width:calc(50% - 30px);height:calc(100% - 20px);top:0;left:0;z-index:10}.product #ProductView ul li:first-child .thumbs{height:100%}.product #ProductView ul li h6{position:absolute;bottom:0px;background-color:rgba(0,219,0,0.5)}.product #ProductView ul li:hover h6{align-items:center;height:100%}.product #ProductView ul li:hover h6 a{animation:bounce;animation-duration:1s;font-size:1.6rem}.guide{align-items:center}.guide::before{color:#12AFA3}.guide sign{padding-left:5px;padding-right:5px}.guide .path{display:inline-flex;padding-left:8px}.news #ArticleIntro{position:relative;overflow:hidden}.news #ArticleIntro ul{flex-flow:row wrap;justify-content:space-between}.news #ArticleIntro ul li{padding:3rem;background-color:#fff;background-origin:content-box;width:49%;border-bottom:0}.news #ArticleIntro ul li:nth-child(5){margin-bottom:0}.dmenu{display:flex}.dmenu ul{display:flex;flex-flow:row nowrap;flex-shrink:1}.dmenu ul li{flex:1}.dmenu ul li.dl{flex:2}.dmenu ul li.dl ul{flex-flow:row wrap}.dmenu ul li.dl ul li{flex-basis:50%}.dmenu ul li.dl ul li a{justify-content:left}.dmenu ul li a{color:white;font-size:1.4rem;font-weight:600}.dmenu ul li b{display:none}.dmenu ul li>ul{display:flex;flex-flow:column wrap;flex-shrink:1;padding-top:8px;position:relative}.dmenu ul li>ul li a{padding:5px 0;font-weight:300;font-size:1.2rem}.dmenu ul li>ul li a:hover{color:#0176AC}}@media (min-width: 1200px){.nav ul{display:flex;flex:1;justify-content:left}.nav ul li{margin:0}.nav ul li a{padding-left:30px;padding-right:30px;border-right:1px solid #dee2e6;background-color:inherit;color:inherit}}
