.noPM{margin:0;padding:0}.noP{padding:0}.banner{position:relative}.banner .carousel{min-height:200px;max-height:500px;overflow:hidden}.banner .banner-info{background:linear-gradient(90deg, rgba(39,199,99,0.8), rgba(213,219,60,0.8));position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:center;height:70px;line-height:70px;font-size:16px}.banner .banner-info .info-left,.banner .banner-info .info-right{cursor:pointer}.banner .banner-info .info-left img,.banner .banner-info .info-right img{width:22px;vertical-align:middle}.banner .banner-info .info-left>span,.banner .banner-info .info-right>span{vertical-align:middle}.banner .banner-info .info-left .stock,.banner .banner-info .info-right .stock{margin-left:40px;margin-right:25px}.banner .banner-info .info-left .stockRise,.banner .banner-info .info-right .stockRise{border:1px solid #fff;padding:5px 10px;font-family:"΢ÈíÑźÚ";font-weight:400}.banner .banner-info .info-left{float:left}.banner .banner-info .info-left :nth-child(2){margin-left:10px;border-right:1px solid #fff;padding-right:10px}.banner .banner-info .info-left :last-child{padding-left:10px}.banner .banner-info .info-right{float:right;margin-right:-15px}.banner ol{margin-bottom:70px}.banner ol .active{width:16px;height:16px;opacity:1}.banner ol li{height:16px;width:16px;background-color:#FFFFFF;opacity:.5}#myCarouselDynamic{border:1px solid #E0E0E0;vertical-align:middle}#myCarouselDynamic .carousel-control.left{background-image:url(/assets/img/left_triangle.png);background-repeat:no-repeat;background-position:center;height:80px;line-height:80px;width:24px;left:-45px;top:50px}#myCarouselDynamic .carousel-control.left:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,0.15);background-image:url(/assets/img/green_left.png);border-radius:4px}#myCarouselDynamic .carousel-control.right:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,0.15);background-image:url("/assets/img/green_right.png");border-radius:4px}  #myCarouselDynamic .carousel-control.right{background-image:url("/assets/img/right_triangle.png");background-repeat:no-repeat;background-position:center;height:80px;line-height:80px;width:24px;right:-45px;top:50px}  #myCarouselDynamic .item{cursor:pointer}  #myCarouselDynamic .DynamicInfo{height:180px;text-align:center;vertical-align:middle;overflow:hidden}  #myCarouselDynamic .DynamicInfo>div{height:180px;line-height:180px}  #myCarouselDynamic .DynamicInfo>:first-child{padding-top:11px;padding-left:11px;padding-bottom:11px;height:180px;overflow:hidden}  #myCarouselDynamic .DynamicInfo>:first-child>img{min-width:150px;display:block;width:100%;height:100%}  #myCarouselDynamic .DynamicInfo img{width:100%}  #myCarouselDynamic .DynamicInfo h4{color:#5A5A5A;height:48px;font-size:16px;font-family:PingFangSC-Semibold;font-weight:bold;color:#5a5a5a;line-height:24px;margin-top:15px}  #myCarouselDynamic .DynamicInfo h6{height:14px;font-size:14px;font-family:"΢ÈíÑźÚ";font-weight:400;color:#f1a41c;margin:15px 0}  #myCarouselDynamic .DynamicInfo h5{height:60px;font-size:14px;font-family:"΢ÈíÑźÚ";font-weight:400;color:#585758;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}  #myCarouselDynamic .DynamicIndicators{bottom:-34px;margin-bottom:0;width:114%;left:-7%;margin-left:0;font-size:0;-webkit-text-size-adjust:none;display:flex;justify-content:space-between}  #myCarouselDynamic .DynamicIndicators .active{background-color:#27c763}  #myCarouselDynamic .DynamicIndicators li{width:100%;margin:0;padding:0;display:inline-block;background-color:#e1e1e1;box-shadow:none;height:4px;border-radius:none}  #myCarouselDynamic:hover{border:1px solid #27C763}  .news-home .news-home-title a{font-size:16px;font-family:"PingFangSC-Regular";font-weight:400;color:#b5b6b6;margin-left:20px;position:relative}  .news-home .news-home-title a:hover{color:#27c763}  .news-home .news-home-title .active::before{content:"";height:2px;display:inline-block;width:20px;background-color:#27c763;position:absolute;left:35%;bottom:-10px}  .news-home .news-home-title .active{color:#5A5A5A;font-size:16px;font-family:PingFangSC-Medium;font-weight:500;text-decoration:none}  .news-home .news-home-content{margin-top:10px}  .news-home .news-home-content ul{border:none}  .news-home .news-home-content ul .list-group-item{border:none;padding:10px 8px 0 0}  .news-home .news-home-content ul li a{color:#595757;display:block;font-family:PingFangSC-Regular;font-weight:400}  .news-home .news-home-content ul li a>span:first-child{width:2%;margin-right:17px;vertical-align:sub;-webkit-vertical-align:sub;-ms-vertical-align:middle}  .news-home .news-home-content ul li a>span:last-child{width:10%;vertical-align:middle;color:#B5B6B7}  .news-home .news-home-content ul li :hover{color:#27c763}  .news-home .news-home-content ul li p{display:inline-block;width:84%;overflow:hidden;vertical-align:middle;word-spacing:normal;white-space:nowrap;text-overflow:ellipsis}  .news-home .news-home-content .lookmore{cursor:pointer;padding-left:33px;font-size:14px;font-family:"΢ÈíÑźÚ";font-weight:400;color:#b5b6b6}  .news-home .news-home-content .lookmore:hover{color:#F2AB39}  .recommendation-center .recommendation-center-content{margin-top:32px;width:270px}  .recommendation-center #myCarouselRecommendation{width:270px;height:183px;overflow:hidden;cursor:pointer}  .recommendation-center #myCarouselRecommendation .carousel-indicators{margin-bottom:0;bottom:0}  .recommendation-center #myCarouselRecommendation .carousel-indicators li{background-color:#fff;opacity:.5}  .recommendation-center #myCarouselRecommendation .carousel-indicators .active{width:10px;height:10px;margin:1px;margin-right:5px;opacity:1}  .recommendation-center #myCarouselRecommendation .carousel-control>span{display:inline-block;height:33px;width:33px}  .recommendation-center #myCarouselRecommendation .carousel-inner img{height:100%;width:auto}  .recommendation-center #myCarouselRecommendation .left>span{background-image:none}  .recommendation-center #myCarouselRecommendation .right>span{background-image:none}  .recommendation-center #myCarouselRecommendation .carousel-control{opacity:1}  .recommendation-center #myCarouselRecommendation:hover .left>span{background-image:url("/assets/img/round_left.png");background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;top:45%}  .recommendation-center #myCarouselRecommendation:hover .right>span{background-image:url("/assets/img/round_right.png");background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;top:45%}  .product-img-list{height:199px;background:#e9ecec;margin-top:15px}  .mar-t30{margin-top:30px}  .banner-navbar{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}  .banner-navbar>span{display:inline-block;margin-right:60px;height:70px;position:relative;opacity:.7;cursor:pointer}  .banner-navbar .actived::after{content:"";display:inline-block;position:absolute;left:35%;bottom:0;width:0;height:0;border:10px solid transparent;border-bottom-color:#f3f3f3}  .banner-navbar .actived{opacity:1}  .banner-nav>img{display:inline-block}  .banner-nav ul{display:inline-block}  .banner-nav ul>li+li:before{content:"/ ";padding:0 5px;color:#fff}  .banner-nav ul li{display:inline-block;color:#fff;font-size:16px;font-family:"΢ÈíÑźÚ";font-weight:400}  .banner-nav ul li a{color:#fff}  .banner .opt1{opacity:1}  .aboutContent{background-color:#f3f3f3;padding-top:40px}  .aboutContent .container{background-color:#fff}  .aboutContent .container .mainContent{margin-top:40px;margin:40px 195px;margin-bottom:40px;overflow:hidden}  .aboutContent .container .mainContent>img{max-width:100%}  @keyframes living{0%{transform:scale(.8);opacity:.5} 50%{transform:scale(1.5);opacity:0} 100%{transform:scale(1);opacity:.5}}  .banner-history{height:481px;background-color:#f3f3f3;background:url("/assets/img/background_decorate@2x.png") no-repeat center center / 100% 100%}  .banner-history .banner-history-earth{height:481px;background-image:url("/assets/img/earth@2x.png");background-repeat:no-repeat;background-size:cover;position:relative}  .banner-history .banner-history-earth .example{position:relative;width:20px;height:20px;margin:0}  .banner-history .banner-history-earth .dot:before{content:' ';position:absolute;z-index:2;left:0;top:0;width:10px;height:10px;background-color:#27C763;border-radius:50%}  .banner-history .banner-history-earth .dot:after{content:' ';position:absolute;z-index:1;width:10px;height:10px;background-color:#27C763;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.3) inset;-webkit-animation-name:'ripple';-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal}  @keyframes ripple{0%{left:5px;top:5px;opcity:75;width:0;height:0}100%{left:-20px;top:-20px;opacity:0;width:50px;height:50px}}  .banner-history .banner-history-earth .fir,.banner-history .banner-history-earth .fir-t,.banner-history .banner-history-earth .fir-th,.banner-history .banner-history-earth .fir-fu,.banner-history .banner-history-earth .fir-fi,.banner-history .banner-history-earth .fir-six,.banner-history .banner-history-earth .fir-sen{position:absolute;left:294px;bottom:179px;cursor:pointer}  .banner-history .banner-history-earth .fir-t{left:368px;bottom:244px}  .banner-history .banner-history-earth .fir-t>span{animation:living 3s linear infinite}  .banner-history .banner-history-earth .fir-th{bottom:287px;left:559px}  .banner-history .banner-history-earth .fir-fu{bottom:120px;left:513px}  .banner-history .banner-history-earth .fir-fi{bottom:195px;left:720px}  .banner-history .banner-history-earth .fir-fi>span{animation:living 5s linear infinite}  .banner-history .banner-history-earth .fir-six{bottom:146px;left:855px}  .banner-history .banner-history-earth .fir-sen{bottom:62px;left:714px}  .banner-history .banner-history-earth .fir-sen>span{animation:living 2s linear infinite}  .news-content{background-color:#f3f3f3}  .news-content ul{list-style:none;margin-top:40px}  .news-content ul li{height:200px;vertical-align:middle;cursor:pointer;margin-bottom:20px;background-color:#fff;position:relative}  .news-content ul li>span{position:absolute;background-color:#27c763}  .news-content ul li .left{height:0;width:4px;left:0;top:0}  .news-content ul li .right{height:0;width:4px;right:0;bottom:0}  .news-content ul li .top{height:4px;width:0;right:0;top:0}  .news-content ul li .bottom{height:4px;width:0;left:0;bottom:0}  .news-content ul li>div{height:200px;line-height:200px}  .news-content ul li h3{font-size:18px;font-family:PingFangSC-Semibold;font-weight:bold;color:#5a5a5a;line-height:24px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}  .news-content ul li h5{height:14px;font-size:14px;font-family:"΢ÈíÑźÚ";font-weight:400;color:#f1a41c;margin-top:24px;margin-bottom:30px}  .news-content ul li p{height:40px;font-size:14px;font-family:"΢ÈíÑźÚ";font-weight:400;color:#585758;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}  .news-content ul li button{vertical-align:middle;background-color:#5A5A5A;color:#fff;border:none;height:30px;line-height:30px}  .news-content ul li:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,0.1)}  .news-content ul li:hover button{background-color:#27c763}  @keyframes animateLeft{form{height:0}to{height:100%}}  @keyframes animateTop{form{width:0}to{width:100%}}  .news-content ul li:hover .left,.news-content ul li:hover .right{animation:animateLeft .5s ease-in-out 0s;animation-fill-mode:forwards}  .news-content ul li:hover .top,.news-content ul li:hover .bottom{animation:animateTop .5s ease-in-out 0s;animation-fill-mode:forwards}  .news-content .new-list img{max-width:100%;vertical-align:middle}  .pagtion{text-align:center;background-color:#f3f3f3}  .pagtion .pagination li{color:#595757;width:8px;height:12px;font-size:14px;font-family:"΢ÈíÑźÚ";font-weight:400}  .pagtion .pagination li a{color:#595757;margin-right:8px;border-radius:5px}  .pagtion .pagination li a:hover{background-color:#27c763;color:#fff}  .pagtion .pagination .actived{background-color:#27c763;color:#fff}  .banner-up-text{position:absolute;right:63px;top:123px}  .banner-up-text h1{font-size:36px;font-family:PingFangSC-Semibold;font-weight:bold;color:#fff}  #myCarouselIndex,#myCarouselProduct{max-height:455px;overflow:hidden}@media screen and (min-width:1800px){#myCarouselIndex,#myCarouselProduct{max-height:640px}}  #myCarouselIndex .carousel-inner img,#myCarouselProduct .carousel-inner img{width:100%}  #myCarouselProduct .carousel-indicators{margin-bottom:0}  #myCarouselProduct .carousel-indicators .active{margin:1px;margin-right:5px}  .description{height:480px;overflow-y:scroll}  .description::-webkit-scrollbar{width:5px}  .description::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}  .description::-webkit-scrollbar-track{border-radius:0;background:#fff}  .bannerOther .banner-info{background:linear-gradient(90deg, #27c763, #d5db3c);height:60px;line-height:60px;bottom:0}  .bannerOther .banner-info>span{height:60px}  .bannerOther .carousel-inner .item{height:340px}  .bannerOther .carousel-inner .item img{height:280px}  .bannerOther .banner-navbar>span{height:60px}  #bannerPro{position:relative;z-index:2;width:100%;height:455px;overflow:hidden}  #bannerPro .pics{position:relative;width:100%;height:100%}  #bannerPro .pics li{display:none;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:no-repeat center / 100%;background-size:cover}  #bannerPro .pics li a{display:block;width:100%;height:100%}  #bannerPro .pics .b1{display:list-item}  #bannerPro .btns a{position:absolute;top:50%;z-index:4;margin-top:-25px;width:50px;height:50px;-ms-transition:left 400ms,right 400ms;transition:left 400ms,right 400ms;-webkit-transition:left 400ms,right 400ms;-moz-transition:left 400ms,right 400ms;-o-transition:left 400ms,right 400ms}  #bannerPro .btns .prev{left:-50px}  #bannerPro .btns .next{right:-50px}  #bannerPro .btns .prev.on{left:120px}  #bannerPro .btns .next.on{right:120px}  #bannerPro .btns a span{position:absolute;top:0;left:0;width:100%;height:100%;-ms-transition:-ms-opacity 300ms;transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms;-moz-transition:-moz-opacity 300ms;-o-transition:-o-opacity 300ms;cursor:pointer}  #bannerPro .btns a span.off{-webkit-opacity:1;opacity:1;display:block\9}  #bannerPro .btns a span.on{-webkit-opacity:0;opacity:0;display:none\9}  #bannerPro .btns .prev .off{background:url(/assets/img/prev.png) no-repeat center / 100%}  #bannerPro .btns .prev .on{background:url(/assets/img/prev_on.png) no-repeat center / 100%}  #bannerPro .btns .next .off{background:url(/assets/img/next.png) no-repeat center / 100%}  #bannerPro .btns .next .on{background:url(/assets/img/next_on.png) no-repeat center / 100%}  #bannerPro .btns a:hover .off{-webkit-opacity:0;opacity:0;display:none\9}  #bannerPro .btns a:hover .on{-webkit-opacity:1;opacity:1;display:block\9}  #bannerPro .g-wrap{position:absolute;left:50%;bottom:20px;z-index:2;margin-left:-50%;width:100%;height:30px;overflow:hidden}  #bannerPro .g-wrap .idxs{height:100%;text-align:left;width:1200px;margin-left:auto;margin-right:auto;overflow:hidden}  #bannerPro .g-wrap .idxs li{display:inline-block;margin:30px 7px 0 0;width:16px;height:16px;border-radius:13px;background-color:#fff;opacity:.5;cursor:pointer;-ms-transition:background-color 1000ms,margin-top 500ms,border-color 1000ms;transition:background-color 500ms,margin-top 500ms;transition:background-color 1000ms,margin-top 500ms,border-color 1000ms;-webkit-transition:background-color 1000ms,margin-top 500ms,border-color 1000ms;-moz-transition:background-color 1000ms,margin-top 500ms,border-color 1000ms;-o-transition:background-color 1000ms,margin-top 500ms,border-color 1000ms}  #bannerPro .g-wrap .idxs li.on{opacity:1}