.ult-loading{align-items:center}.ult-loading,.ult-loading.mask{width:100%;height:100%;display:flex}.ult-loading.mask{position:absolute;background:transparent;z-index:99999;top:0;left:0}.ult-loading .ult-circle{margin:40px auto;width:40px;height:40px;position:relative}.ult-loading .ult-circle div{width:100%;height:100%;position:absolute;left:0;top:0}.ult-loading .ult-circle div:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:rgba(0,0,0,.6);border-radius:100%;animation:ult-circleBounceDelay 1.2s ease-in-out infinite both}.ult-loading .ult-circle .ult-circle2{transform:rotate(30deg)}.ult-loading .ult-circle .ult-circle3{transform:rotate(60deg)}.ult-loading .ult-circle .ult-circle4{transform:rotate(90deg)}.ult-loading .ult-circle .ult-circle5{transform:rotate(120deg)}.ult-loading .ult-circle .ult-circle6{transform:rotate(150deg)}.ult-loading .ult-circle .ult-circle7{transform:rotate(180deg)}.ult-loading .ult-circle .ult-circle8{transform:rotate(210deg)}.ult-loading .ult-circle .ult-circle9{transform:rotate(240deg)}.ult-loading .ult-circle .ult-circle10{transform:rotate(270deg)}.ult-loading .ult-circle .ult-circle11{transform:rotate(300deg)}.ult-loading .ult-circle .ult-circle12{transform:rotate(330deg)}.ult-loading .ult-circle .ult-circle2:before{animation-delay:-1.1s}.ult-loading .ult-circle .ult-circle3:before{animation-delay:-1s}.ult-loading .ult-circle .ult-circle4:before{animation-delay:-.9s}.ult-loading .ult-circle .ult-circle5:before{animation-delay:-.8s}.ult-loading .ult-circle .ult-circle6:before{animation-delay:-.7s}.ult-loading .ult-circle .ult-circle7:before{animation-delay:-.6s}.ult-loading .ult-circle .ult-circle8:before{animation-delay:-.5s}.ult-loading .ult-circle .ult-circle9:before{animation-delay:-.4s}.ult-loading .ult-circle .ult-circle10:before{animation-delay:-.3s}.ult-loading .ult-circle .ult-circle11:before{animation-delay:-.2s}.ult-loading .ult-circle .ult-circle12:before{animation-delay:-.1s}@keyframes ult-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-view{display:flex;justify-content:space-around;align-items:center;margin:40px auto}.loading-view .item{width:8%;margin-right:5%;height:50%;border-radius:3px;background:linear-gradient(0deg,#3dc4f1,#3da4f1);animation:loading-item 1.2s ease-in-out infinite}.loading-view .item-1{animation-delay:0s}.loading-view .item-2{animation-delay:.2s}.loading-view .item-3{animation-delay:.4s}.loading-view .item-4{animation-delay:.6s}.loading-view .item-5{animation-delay:.8s}@keyframes loading-item{0%{height:40%}13%{height:60%}25%{height:100%}37%{height:60%}50%{height:40%}to{height:40%}}.ult-layout{display:flex;height:100%}.app-container{flex-direction:column;height:100vh}.app-container .ant-btn-primary{background-color:#51559e;color:#fff;border:1px solid #51559e;margin-left:0}.app-container .ant-btn-primary:focus,.app-container .ant-btn-primary:hover{background-color:#6367b0;border-color:#6367b0}.app-container .ant-input:focus,.app-container .ant-input:hover{border-color:#51559e}.app-container .ant-input-focused,.app-container .ant-input:focus{box-shadow:0 0 0 2px rgba(81,85,158,.2)}.app-container .header{padding:4px 16px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.app-container .header .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:70%;max-width:500px}.app-container .header .input-group .ant-input{height:42px}.app-container .header .input-group .ant-btn{height:42px;font-size:24px}.app-container .nav{background:#ed6623;padding-left:22px;flex-wrap:nowrap;font-size:16px;margin-bottom:0}.app-container .nav,.app-container .nav li{height:48px;display:flex;align-items:center}.app-container .nav li{cursor:pointer}.app-container .nav li.active,.app-container .nav li:hover{background:#bd511c}.app-container .nav li>a{color:#fff;line-height:48px;padding:0 24px}.app-container .nav-products{display:flex;flex-wrap:nowrap;align-items:center;color:#fff;padding:0 24px}.app-container .nav-products .iconfont{font-size:24px;width:26px}.app-container .breadcrumb{color:#549d00;font-size:16px;font-weight:700;padding:0 34px;height:30px}.app-container .breadcrumb .iconfont{margin:0 4px}.app-container .category-main{display:none;width:100%;height:calc(100vh - 160px);background:rgba(0,0,0,.2);position:absolute;z-index:999}.app-container .category-main.active{display:flex}.app-container .category-main .category-items{width:280px;background:#fff;overflow:auto}.app-container .category-main .category-items::-webkit-scrollbar{width:10px;height:1px}.app-container .category-main .category-items::-webkit-scrollbar-thumb{border-radius:10px;background:#b5b5b5}.app-container .category-main .category-items::-webkit-scrollbar-track{border-radius:10px;background:#ededed}.app-container .category-main .category-items>ul li{position:relative;display:block;background-color:#fff;color:#549d00;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:2px 0}.app-container .category-main .category-items>ul li:hover{color:#555}.app-container .category-main .category-items>ul li.category-level1{padding:4px 8px;border-bottom:1px solid rgba(0,0,0,.125);font-size:16px}.app-container .category-main .category-items>ul li.category-level1 .iconfont{position:absolute;right:8px;top:4px}.app-container .category-main .category-items>ul li.category-level1.active{font-weight:700;color:#555}.app-container .category-main .category-items>ul li.category-level2{padding:4px 16px;border-bottom:1px solid rgba(0,0,0,.125);display:none}.app-container .category-main .category-items>ul li.category-level2.active{color:#555;display:block}.app-container .category-main .category-items>ul li.category-level2 ul li.active{color:#555}.app-container .scroll-content{overflow:hidden;width:100%;height:calc(100vh - 166px);position:relative}.app-container .scroll-content .ult-layout-content{min-height:calc(100vh - 198px);width:1200px;margin:0 auto}.app-container .scroll-content.home .ult-layout-content{width:100%}.app-container .scroll-content.has-breadcrumb{height:calc(100vh - 196px)}.app-container .scroll-content.has-breadcrumb .ult-layout-content{min-height:calc(100vh - 228px)}.app-container .scroll-content.active{overflow:auto}.app-container .scroll-content::-webkit-scrollbar{width:10px;height:1px}.app-container .scroll-content::-webkit-scrollbar-thumb{border-radius:10px;background:#b5b5b5}.app-container .scroll-content::-webkit-scrollbar-track{border-radius:10px;background:#ededed}.app-container .scroll-content .contacts{padding-top:48px}.app-container .scroll-content .contacts-aboutus{background:#fff;display:flex;align-items:center;border:24px solid #ed8b1c;border-right-width:60px;border-radius:4px}.app-container .scroll-content .contacts-aboutus h2{font-size:24px}.app-container .scroll-content .contacts-aboutus p{font-size:16px;margin-bottom:12px}.app-container .scroll-content .contacts-aboutus b{font-size:20px;color:#51559e}.app-container .scroll-content .contacts-info{margin:48px 0;font-size:16px;position:relative}.app-container .scroll-content .contacts-info-email{position:absolute;right:0;top:-4px}.app-container .scroll-content .contacts-info-email a{color:#51559e!important}.app-container .scroll-content .contacts-info-email .iconfont{font-size:32px;color:#51559e!important}.app-container .scroll-content .contacts-info h2{font-size:24px;border-bottom:1px solid #333}.app-container .scroll-content .contacts-info-company{display:flex}.app-container .scroll-content .contacts-info-company h3{font-size:18px;font-weight:700}.app-container .scroll-content .contacts-info-company li{width:50%;margin:8px 0}.app-container .scroll-content .contacts-info-company li .contacts-info-company-item{display:flex;margin:8px 0}.app-container .scroll-content .contacts-info-company li .contacts-info-company-item .contacts-info-company-label{width:150px;font-weight:700;color:#999}.app-container .scroll-content .contacts-info-company li .contacts-info-company-item .contacts-info-company-content{word-wrap:break-word;white-space:pre-wrap;width:80%}.app-container .footer{height:30px;text-align:center}@keyframes fadeScale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;margin-top:100px}to{opacity:1;margin-top:0}}.main .banner1{background-image:url(/static/assets/homebanner.jpg);background-color:#efefef}.main .banner1,.main .banner2{position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;height:600px;width:100%}.main .banner2{background-image:url(/static/assets/banner2.jpg);background-color:#fbb}.main-container{max-width:650px;position:absolute;right:100px;top:100px;color:#ff4d4f}.main-container-h1{font-size:100px;color:#ff4d4f;font-weight:700;margin-bottom:0}.main-container-h3{font-size:36px;color:#ff4d4f;position:relative;padding-left:85px}.main-container-h3:before{width:60px;left:8px;content:"";position:absolute;top:50%;transform:translateY(-50%);height:2px;background-color:#ff4d4f}.main-container-h4{font-size:24px;color:#ff4d4f}.main-container-readmore{margin-top:30px}.main-container-readmore button{width:140px;height:50px}.main-content{width:1200px;margin:50px auto}.main-content-h2{margin-bottom:30px;font-size:50px;font-weight:700;text-align:center;color:#666}.main-content-images{display:flex;justify-content:space-start;flex-wrap:wrap}.main-content-images-item{width:370px;margin-top:100px;opacity:0;animation-name:slideInUp;animation-duration:1s;animation-fill-mode:forwards;cursor:pointer}.main-content-images-item h4{text-align:center;font-size:20px;font-weight:700;color:#666;margin-top:20px;margin-bottom:40px}.main-content-images-item-main{width:370px;height:277px;overflow:hidden}.main-content-images-item-main img{transition:transform .3s}.main-content-images-item-main img:hover{transform:scale(1.1)}.main-aboutus{font-size:50px;font-weight:700;text-align:center;color:#666;margin-top:50px;margin-bottom:30px}.main-aboutus-content{position:absolute;width:40%;top:20%;left:5%}.main-aboutus-text{color:#fff;font-size:40px}.main-aboutus-text2{color:#eee;font-size:18px;margin-top:50px}.main-aboutus-readmore{margin-top:30px}.main-aboutus-readmore button{width:140px;height:50px}.main-footer{position:relative;height:200px;background:#f7f7f7}.main-footer-icon{position:absolute;bottom:0;left:50%;cursor:pointer}.main-footer-icon path{fill:#333}.main-footer-icon:hover path{fill:#666}.main .fade-scale{animation-name:fadeScale;opacity:1;transform:scale(1);animation-duration:.5s}.products-list .products-nodata{background:#ed8b1c;display:flex;align-items:center;border:24px solid #ed8b1c;border-right-width:60px;border-radius:4px}.products-list .products-nodata>div{font-weight:700;font-size:24px;color:#333;margin:0 auto}.products-list .products-nodata>img{background:#fff;padding-top:60px;padding-left:30px}.products-list .product{margin-bottom:32px}.products-list .product-item{position:relative;display:flex;align-items:flex-start;background:#fff;border:16px solid #eee;border-radius:4px}.products-list .product-item.has-photos{border-bottom:40px solid #eee}.products-list .product-item-img{width:480px;margin:0 16px;position:relative}.products-list .product-item-img .product-item-no{font-size:14px;color:#bbb;position:absolute;z-index:9;left:2px}.products-list .product-item img{width:100%}.products-list .product-item-main{padding-left:16px}.products-list .product-item-main h3{font-size:24px;color:#549d00}.products-list .product-item-main-content{font-size:16px;color:#333}.products-list .product-item-main-content p{line-height:26px}.products-list .product-item-main-content strong{color:#777}.products-list .product-item-view{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;font-size:14px;background:#999;color:#fff;padding:2px 8px;border-radius:20px;cursor:pointer;height:32px;width:108px}.products-list .product-item-view.active{background:#51559e}.products-list .product-item-view:hover{background:#6367b0}.products-list .product-item-view .iconfont{font-size:14px;transform:rotate(90deg)}.products-list .product-item-view .iconfont.close{transform:rotate(-90deg);margin-right:8px}.products-list .product-photos{margin-top:-16px;background:#efefef;border-left:4px solid #eee;border-right:4px solid #eee;border-bottom:4px solid #eee;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.products-list .product-photos ul{display:flex;flex-wrap:wrap}.products-list .product-photos ul li{width:365px;margin:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.products-list .product-photos ul li img{border-radius:8px}.products-list .product-pagination{margin-top:-20px;text-align:center;margin-bottom:20px}.products-list .product-pagination .ant-pagination-item-active{background-color:#ed6623;border-color:#ed6623}.products-list .product-pagination .ant-pagination-item-active a{color:#fff}.products-list .product-pagination .ant-pagination-disabled,.products-list .product-pagination .ant-pagination-disabled button{background-color:#e6e6e6;border-color:#e6e6e6}*{box-sizing:border-box;padding:0;margin:0}html{height:100%;overflow:hidden}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}ol,ul{list-style:none}:focus{outline:0}::-moz-selection{color:#fff;background:#1890ff!important}::selection{color:#fff;background:#1890ff!important}.wrapper,body,html{min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;overflow-x:hidden;overflow-y:auto;background:#fff;height:100%}a,a:focus,a:hover{outline:medium none;text-decoration:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.wrapper{position:relative;overflow:hidden}.wrapper:after,.wrapper:before{content:" ";display:table}.wrapper.after{clear:both}button,button:focus{outline:none}#app{height:100%}table{border-collapse:separate;border-spacing:0}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html{font-size:14px}::-webkit-input-placeholder{color:#b0c1d4}::-moz-placeholder{color:#b0c1d4;opacity:1}:-moz-placeholder{color:#b0c1d4}:-ms-input-placeholder{color:#b0c1d4}@keyframes progressLine{0%{width:100%}to{width:1%}}a{text-decoration:none;color:#4c8cca}a:hover{color:#447db5}input::-ms-clear{display:none}.ult-left{float:left}.ult-right{float:right}