.product-section1 {padding:80px 0;} @media (max-width:1440px) {.product-section1 {padding:80px 0;}} @media (max-width:1199px) {.product-section1 {padding:60px 0;}} @media (max-width:767px) {.product-section1 {padding:40px 0;}} @media (max-width:575px) {.product-section1 {padding:30px 0;}} .product-section1 .flexbox {overflow:hidden;} .product-section1 .flexbox .box-row {margin:0 -10px;display:flex;flex-wrap:wrap;} @media (max-width:767px) {.product-section1 .flexbox .box-row {margin:0 -8px;}} .product-section1 .flexbox .box-col {flex:0 0 33.33%;min-width:33.33%;padding:0 10px;margin:0 0 20px;} @media (max-width:991px) {.product-section1 .flexbox .box-col {flex:0 0 50%;min-width:50%;}} @media (max-width:767px) {.product-section1 .flexbox .box-col {padding:0 8px;margin:0 0 15px;flex:0 0 100%;min-width:100%;}} .product-section1 .flexbox .item a {display:block;width:100%;height:100%;} .product-section1 .flexbox .item .img-box {background:#f7f7f7;width:100%;height:370px;overflow:hidden;} @media (max-width:1440px) {.product-section1 .flexbox .item .img-box {height:250px;}} @media (max-width:1199px) {.product-section1 .flexbox .item .img-box {height:200px;}} @media (max-width:575px) {.product-section1 .flexbox .item .img-box {height:160px;}} .product-section1 .flexbox .item .img-box img {width:100%;height:100%;object-fit:cover;transition:0.3s;} .product-section1 .flexbox .item .infobox {display:flex;align-items:center;padding:20px 30px;border:1px solid #f7f7f7;background:#fff;transition:0.3s;} @media (max-width:1440px) {.product-section1 .flexbox .item .infobox {padding:15px;}} @media (max-width:575px) {.product-section1 .flexbox .item .infobox {padding:10px 0 0;border:0;}} .product-section1 .flexbox .item .infobox .left {flex:1;padding:0 20px 0 0;overflow:hidden;} .product-section1 .flexbox .item .infobox .left h4 {font-size:24px;color:#333;margin:0 0 3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:0.3s;} @media (max-width:1440px) {.product-section1 .flexbox .item .infobox .left h4 {font-size:20px;}} @media (max-width:1199px) {.product-section1 .flexbox .item .infobox .left h4 {font-size:16px;}} .product-section1 .flexbox .item .infobox .left .des {font-size:14px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:0.3s;} @media (max-width:1199px) {.product-section1 .flexbox .item .infobox .left .des {font-size:12px;}} .product-section1 .flexbox .item .infobox .right {flex:0 0 132px;min-width:132px;height:44px;display:flex;justify-content:center;align-items:center;font-size:16px;color:#31af9a;font-family:"BEBAS";background:#ececec;transition:0.3s;} @media (max-width:1440px) {.product-section1 .flexbox .item .infobox .right {flex:0 0 100px;min-width:100px;height:40px;font-size:14px;}} @media (max-width:1199px) {.product-section1 .flexbox .item .infobox .right {flex:0 0 80px;min-width:80px;height:35px;}} @media (max-width:767px) {.product-section1 .flexbox .item .infobox .right {display:none;}} .product-section1 .flexbox .item:hover .img-box img {transform:scale(1.1);} .product-section1 .flexbox .item:hover .infobox {border:1px solid #31af9a;background:#31af9a;} .product-section1 .flexbox .item:hover .infobox .left h4,.product-section1 .flexbox .item:hover .infobox .left .des {color:#fff;} .product-section1 .flexbox .item:hover .infobox .right {color:#fff;background:#bad618;} .productView-section1 {padding:80px 0 120px;} @media (max-width:1440px) {.productView-section1 {padding:80px 0 70px;}} @media (max-width:1199px) {.productView-section1 {padding:60px 0 50px;}} @media (max-width:991px) {.productView-section1 {max-width:768px;width:100%;margin:auto;}} @media (max-width:767px) {.productView-section1 {padding:40px 0 30px;}} @media (max-width:575px) {.productView-section1 {padding:30px 0 20px;}} .productView-section1 .flexbox {display:flex;align-items:center;} @media (max-width:1440px) {.productView-section1 .flexbox {align-items:center;}} @media (max-width:991px) {.productView-section1 .flexbox {width:100%;flex-direction:column;}} .productView-section1 .flexbox .leftbox {position:relative;overflow:hidden;flex:0 0 50%;min-width:50%;} @media (max-width:991px) {.productView-section1 .flexbox .leftbox {flex:inherit;min-width:inherit;width:100%;}} .productView-section1 .flexbox .rightbox {flex:0 0 50%;min-width:50%;padding:0 0 0 80px;} @media (max-width:1440px) {.productView-section1 .flexbox .rightbox {padding:0 0 0 40px;}} @media (max-width:991px) {.productView-section1 .flexbox .rightbox {flex:inherit;min-width:inherit;padding:0;}} .productView-section1 .flexbox .rightbox h3 {font-size:48px;font-family:"BEBAS";margin:0 0 12px;color:#31af9a;} @media (max-width:1440px) {.productView-section1 .flexbox .rightbox h3 {font-size:40px;}} @media (max-width:1199px) {.productView-section1 .flexbox .rightbox h3 {font-size:35px;}} @media (max-width:991px) {.productView-section1 .flexbox .rightbox h3 {font-size:30px;}} @media (max-width:575px) {.productView-section1 .flexbox .rightbox h3 {font-size:25px;}} .productView-section1 .flexbox .rightbox h4 {font-size:30px;color:#333;margin:0 0 20px;} @media (max-width:1199px) {.productView-section1 .flexbox .rightbox h4 {font-size:24px;}} @media (max-width:575px) {.productView-section1 .flexbox .rightbox h4 {font-size:18px;}} .productView-section1 .flexbox .rightbox .tips {font-size:18px;color:#353535;background:#bad618;padding:10px 36px;margin:0 0 40px;display:inline-block;} @media (max-width:1440px) {.productView-section1 .flexbox .rightbox .tips {margin:0 0 30px;}} @media (max-width:575px) {.productView-section1 .flexbox .rightbox .tips {font-size:14px;padding:5px 20px;margin:0 0 20px;}} .productView-section1 .flexbox .rightbox .des {font-size:14px;color:#666;line-height:2;margin:0 0 95px;} @media (max-width:1440px) {.productView-section1 .flexbox .rightbox .des {margin:0 0 40px;}} @media (max-width:1199px) {.productView-section1 .flexbox .rightbox .des {margin:0 0 30px;}} @media (max-width:575px) {.productView-section1 .flexbox .rightbox .des {margin:0 0 20px;line-height:1.8;}} .productView-section1 .flexbox .rightbox .listbox .box-row {margin:0 -30px;display:flex;flex-wrap:wrap;} @media (max-width:1710px) {.productView-section1 .flexbox .rightbox .listbox .box-row {margin:0 -15px;}} @media (max-width:1440px) {.productView-section1 .flexbox .rightbox .listbox .box-row {margin:0 -5px;}} @media (max-width:1199px) {.productView-section1 .flexbox .rightbox .listbox .box-row {margin:0 -10px;}} .productView-section1 .flexbox .rightbox .listbox .box-col {flex:0 0 20%;min-width:20%;padding:0 30px;} .productView-section1.c-dt .flexbox .rightbox .listbox .box-col {flex:0 0 0;min-width:25%;} @media (max-width:1710px) {.productView-section1 .flexbox .rightbox .listbox .box-col {padding:0 15px;} .productView-section1.c-dt .flexbox .rightbox .listbox .box-col {flex:0 0 33.33%;min-width:33.33%;padding:0 10px;margin:0 0 20px;}} @media (max-width:1440px) {.productView-section1 .flexbox .rightbox .listbox .box-col {padding:0 5px;}} @media (max-width:1199px) {.productView-section1 .flexbox .rightbox .listbox .box-col,.productView-section1.c-dt .flexbox .rightbox .listbox .box-col {flex:0 0 33.33%;min-width:33.33%;padding:0 10px;margin:0 0 20px;}} .productView-section1 .flexbox .rightbox .listbox .numbox {width:100%;text-align:center;padding:20px 0;margin:0 0 10px;border:1px solid #cbcbcb;border-radius:20px;} .productView-section1 .flexbox .rightbox .listbox .numbox .incrementing {font-size:40px;font-family:"BEBAS";color:#31af9a;line-height:1;vertical-align:text-top;} @media (max-width:575px) {.productView-section1 .flexbox .rightbox .listbox .numbox .incrementing {font-size:30px;}} .productView-section1 .flexbox .rightbox .listbox .numbox .symbol {font-size:18px;font-family:"BEBAS";color:#31af9a;vertical-align:text-top;} @media (max-width:575px) {.productView-section1 .flexbox .rightbox .listbox .numbox .symbol {font-size:14px;}} .productView-section1 .flexbox .rightbox .listbox .numbox .last-symbol {font-size:12px;writing-mode:tb-rl;transform:scale(0.8);} .productView-section1 .flexbox .rightbox .listbox .txt {text-align:center;font-size:14px;color:#666;} @media (max-width:1440px) {.productView-section1 .flexbox .rightbox .listbox .txt {font-size:12px;}} .productView-section1-swiper {height:530px;background:#f6f6f6;} @media (max-width:1440px) {.productView-section1-swiper {height:390px;}} @media (max-width:991px) {.productView-section1-swiper {width:100%;/* margin:0 0 30px;*/}} @media (max-width:575px) {.productView-section1-swiper {height:240px;/* margin:0 0 20px;*/}} .productView-section1-swiper .swiper-slide img {height:100%;/* object-fit:cover; */} .productView-section1-swiper .swiper-button-prev,.productView-section1-swiper .swiper-button-next {width:14px;height:25px;margin:0 105px 0 0;outline:none;-webkit-user-select:none;user-select:none;background:transparent;transition:0.3s;} @media (max-width:575px) {.productView-section1-swiper .swiper-button-prev,.productView-section1-swiper .swiper-button-next {margin:0 60px 0 0;}} .productView-section1-swiper .swiper-button-prev:before,.productView-section1-swiper .swiper-button-next:before {content:"";display:block;position:relative;z-index:1;width:14px;height:25px;background:url(../images/left.png) center / contain no-repeat;} .productView-section1-swiper .swiper-button-prev:after,.productView-section1-swiper .swiper-button-next:after {content:"";position:absolute;width:12px;height:43px;top:0;bottom:0;left:-8px;margin:auto;transition:0.3s;} @media (max-width:575px) {.productView-section1-swiper .swiper-button-prev:after,.productView-section1-swiper .swiper-button-next:after {width:8px;height:30px;}} .productView-section1-swiper .swiper-button-prev:hover:before,.productView-section1-swiper .swiper-button-next:hover:before {background:url(../images/left-h1.png) center / contain no-repeat;} .productView-section1-swiper .swiper-button-prev:hover:after,.productView-section1-swiper .swiper-button-next:hover:after {background:#bad618;} .productView-section1-swiper .swiper-button-next {margin:0;} .productView-section1-swiper .swiper-button-next:before {content:"";display:block;background:url(../images/right1.png) center / contain no-repeat;} .productView-section1-swiper .swiper-button-next:after {left:auto;right:-8px;} .productView-section1-swiper .swiper-button-next:hover:before {background:url(../images/right-h1.png) center / contain no-repeat;} .productView-section1-swiper-thumbs {margin:20px 0 0;} @media (max-width:992px) {.productView-section1-swiper-thumbs {margin:20px 0 40px;}} @media (max-width:768px) {.productView-section1-swiper-thumbs {margin:10px 0 30px;}} .productView-section1-swiper-thumbs .swiper-slide-thumb-active .item {border:1px solid #31af9a;} .productView-section1-swiper-thumbs .item {width:100%;height:120px;overflow:hidden;border:1px solid #ddd;} @media (max-width:1440px) {.productView-section1-swiper-thumbs .item {height:80px;}} @media (max-width:576px) {.productView-section1-swiper-thumbs .item {height:55px;}} .productView-section1-swiper-thumbs .item img {width:100%;height:100%;object-fit:cover;} .productView-section2 {margin:0 0 120px;} @media (max-width:767px) {.productView-section2 {margin:0 0 40px;}} .productView-section2 .flexbox {display:flex;align-items:center;} @media (max-width:991px) {.productView-section2 .flexbox {flex-direction:column-reverse;}} .productView-section2 .flexbox .leftbox {flex:0 0 50%;min-width:50%;padding:0 90px 0 0;} @media (max-width:1440px) {.productView-section2 .flexbox .leftbox {padding:0 40px 0 0;}} @media (max-width:991px) {.productView-section2 .flexbox .leftbox {padding:0;}} .productView-section2 .flexbox .leftbox h4 {font-size:24px;color:#31af9a;margin:0 0 22px;} @media (max-width:991px) {.productView-section2 .flexbox .leftbox h4 {text-align:center;}} @media (max-width:575px) {.productView-section2 .flexbox .leftbox h4 {font-size:18px;}} .productView-section2 .flexbox .leftbox h4 span {font-size:48px;font-family:"BEBAS";margin:0 10px 0 0;} @media (max-width:991px) {.productView-section2 .flexbox .leftbox h4 span {font-size:24px;}} @media (max-width:575px) {.productView-section2 .flexbox .leftbox h4 span {font-size:18px;}} .productView-section2 .flexbox .leftbox ul li {padding:0 0 0 12px;line-height:2.2;font-size:14px;color:#666;position:relative;}@media (max-width:575px) {.productView-section2 .flexbox .leftbox ul li {line-height:2;}} .productView-section2 .flexbox .leftbox ul li:before {content:"";position:absolute;width:5px;height:5px;left:0;top:12px;margin:auto;border-radius:50%;background:#bad618;} .productView-section2 .flexbox .rightbox {position:relative;overflow:hidden;flex:0 0 50%;min-width:50%;height:416px;} @media (max-width:991px) {.productView-section2 .flexbox .rightbox {height:300px;margin:0 0 30px;}} @media (max-width:575px) {.productView-section2 .flexbox .rightbox {height:175px;}} .productView-section2 .flexbox .rightbox img {width:100%;height:100%;object-fit:cover;} @media (max-width:991px) {.productView-section3 {background:url(../images/proview-sec3bg.jpg) center / cover no-repeat;}} .productView-section3 .flexbox {padding:75px 0;flex-direction:row-reverse;background:url(../images/proview-sec3bg.jpg) center / cover no-repeat;} @media (max-width:1199px) {.productView-section3 .flexbox {padding:0;}} @media (max-width:991px) {.productView-section3 .flexbox {padding:40px 0;flex-direction:column-reverse;background:transparent;}} @media (max-width:575px) {.productView-section3 .flexbox {padding:30px 0;}} .productView-section3 .flexbox .leftbox h4 {color:#fff;} .productView-section3 .flexbox .leftbox ul li {color:#fff;} .productView-section3 .flexbox .rightbox {display:flex;} @media (max-width:991px) {.productView-section3 .flexbox .rightbox {height:auto;}} .productView-section3 .flexbox .rightbox .img-box {width:400px;margin:auto;} .productView-section3.c-dt .flexbox .rightbox .img-box {width:100%;height:100%;} .productView-section3.c-dt .flexbox {padding:0;} .productView-section3.c-dt .flexbox .rightbox {height:540px;} .productView-section3.c-dt .flexbox .rightbox .img-box img {width:100%;height:100%;object-fit:cover;} @media (max-width:1600px) {.productView-section3.c-dt .flexbox .rightbox {height:416px;}} @media (max-width:1199px) {.productView-section3.c-dt .flexbox .rightbox {height:360px;} .productView-section3 .flexbox .rightbox .img-box {width:300px;}} @media (max-width:991px) {.productView-section3.c-dt .flexbox .rightbox {margin-top:30px;} .productView-section3.c-dt .flexbox .leftbox {padding-bottom:30px;} .productView-section3 .flexbox .rightbox .img-box {width:240px;}} @media (max-width:575px) {.productView-section3 .flexbox .rightbox .img-box {width:190px;}} .productView-section3 .flexbox .rightbox .img-box img {object-fit:contain;} .productView-section4 .flexbox .rightbox {height:auto;} .productView-section4 .imgflexbox {overflow:hidden;} .productView-section4 .imgflexbox .box-row {margin:0 -9px;display:flex;flex-wrap:wrap;} @media (max-width:575px) {.productView-section4 .imgflexbox .box-row {margin:0 -5px;}} .productView-section4 .imgflexbox .box-col {flex:0 0 50%;min-width:50%;padding:0 9px;} @media (max-width:575px) {.productView-section4 .imgflexbox .box-col {padding:0 5px;}} .productView-section4 .imgflexbox .img-box {position:relative;width:100%;height:450px;overflow:hidden;} @media (max-width:1199px) {.productView-section4 .imgflexbox .img-box {height:350px;}} @media (max-width:575px) {.productView-section4 .imgflexbox .img-box {height:190px;}} .productView-section4 .imgflexbox .img-box img {width:100%;height:100%;object-fit:cover;} .productView-section4 .imgflexbox .c-btn {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;} .productView-section4 .imgflexbox .c-btn .c-ico {margin:0 auto 20px;width:64px;height:64px;background:url(../images/bf-ico.png)no-repeat center / 100%;} .productView-section5 {margin:0 0 30px;} @media (max-width:1440px) {.productView-section5 {margin:0 0 40px;}} @media (max-width:991px) {.productView-section5 {margin:0 0 30px;}} @media (max-width:767px) {.productView-section5 {margin:0 0 10px;} .productView-section4 .imgflexbox .c-btn .c-ico {width:50px;height:50px;margin-bottom:10px;}} .productView-section5 .flexbox {overflow:hidden;} .productView-section5 .flexbox .box-row {margin:0 -9px;display:flex;align-items:stretch;flex-wrap:wrap;} .productView-section5 .flexbox .box-col {flex:0 0 25%;min-width:25%;padding:0 9px;display:flex;} .productView-section5.c-dt .flexbox .box-col {flex:0 0 50%;min-width:50%;} @media (max-width:1199px) {.productView-section5 .flexbox .box-col {flex:0 0 50%;min-width:50%;margin:0 0 15px;}} .productView-section5 .flexbox .item {width:100%;height:auto;padding:40px 36px;background:#f8f8f8;} @media (max-width:1440px) {.productView-section5 .flexbox .item {padding:20px;}} @media (max-width:575px) {.productView-section5 .flexbox .item {padding:20px 15px;}} .productView-section5 .flexbox .item .head {display:flex;align-items:center;margin:0 0 20px;} @media (max-width:575px) {.productView-section5 .flexbox .item .head {flex-direction:column;margin:0 0 10px;}} .productView-section5 .flexbox .item .head .ico {flex:0 0 70px;min-width:70px;margin:0 20px 0 0;} @media (max-width:1440px) {.productView-section5 .flexbox .item .head .ico {flex:0 0 60px;min-width:60px;}} @media (max-width:575px) {.productView-section5 .flexbox .item .head .ico {margin:0 0 10px;}} .productView-section5 .flexbox .item .head .ico img {width:100%;} .productView-section5 .flexbox .item .head .info .num {font-size:30px;color:#31af9a;margin:0 0 5px;font-family:"BEBAS";line-height:1;} @media (max-width:991px) {.productView-section5 .flexbox .item .head .info .num {font-size:24px;}} @media (max-width:575px) {.productView-section5 .flexbox .item .head .info .num {font-size:16px;text-align:center;}} .productView-section5 .flexbox .item .head .info .tit {color:#31af9a;font-size:18px;} @media (max-width:1440px) {.productView-section5 .flexbox .item .head .info .tit {font-size:16px;}} @media (max-width:575px) {.productView-section5 .flexbox .item .head .info .tit {text-align:center;}} .productView-section5 .flexbox .item .des {color:#333;font-size:14px;} .productView-section6 .head {padding:0 0 15px;border-bottom:2px solid #ccc;font-size:36px;color:#333;margin:0 0 50px;font-family:"BEBAS";} .productView-section6 .c-box {position:relative;} .productView-section6 .c-box img {width:100%;min-height:200px;object-fit:cover;} .productView-section6 .c-box .c-text {position:absolute;top:50%;width:100%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;} @media (max-width:767px) {.productView-section6 .c-box .c-text {margin-bottom:60px;font-size:20px;}} @media (max-width:575px) {.productView-section6 .c-box .c-text {font-size:16px;}} .productView-section6 .parameter-box {width:100%;} @media (max-width:1199px) {.productView-section6 .parameter-box {height:260px;padding:0 0 15px;overflow:auto;-webkit-overflow-scrolling:touch;}} .productView-section6 .parameter-box img {width:100%;} @media (max-width:1199px) {.productView-section6 .parameter-box img {width:auto;height:100%;}} #hi-video-pop {display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #hi-video-pop * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #hi-video-pop .hi-close {position:fixed;top:86%;left:50%;margin-left:-25px;width:50px;height:50px;color:#fff;background:#fff;border-radius:50%;transition:.5s;cursor:pointer;} #hi-video-pop .hi-close:after,#hi-video-pop .hi-close:before {content:"";position:absolute;bottom:24px;left:10px;width:30px;height:2px;background:#333;transition:.5s;} #hi-video-pop .hi-close:hover {background:#31af9a;} #hi-video-pop .hi-close:hover:after,#hi-video-pop .hi-close:hover:before {background:#fff;} #hi-video-pop .hi-close:after {-webkit-transform:rotate(45deg);transform:rotate(45deg);} #hi-video-pop .hi-close:before {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} #hi-video-pop video {position:fixed;left:50%;top:50%;max-width:90%;max-height:70%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} #ny_solution1 { display: block; overflow: hidden; } #ny_solution1 .ny_s_title { text-align: center; display: block; padding-top: 50px;padding-bottom: 50px;} #ny_solution1 .ny_s_title p { font-size: 44px;font-weight: bold;color: #31af9a;display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase; } #ny_solution1 .ny_s_title h3 { font-size: 32px; color: #333; opacity: 1; display: block; } #ny_solution1 .ny_s_nr2 { margin-top: 50px; display: block; overflow: hidden; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr { display: block; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: flex; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { flex: 1; position: relative; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item img { width: 100%;} #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 23px; color: #fff; font-weight: bold; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { color: #fff; display: block;font-size: 18px;margin-top: 15px;opacity: 0.5;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;opacity: 0;} #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask p { font-size: 23px; display: block; color: #fff; font-weight: bold;} #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask .desc { padding: 0 7%;width: 100%;font-size: 15px;line-height: 1.6;margin-top: 20px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask a { margin-top: 40px;align-items: center;justify-content: center;background-color: #fff;color: #32af9a;font-size: 16px;border-radius: 40px;width: 142px;height: 42px;text-align: center;line-height: 42px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .mask { opacity: 0; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover img { } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .hover-mask { opacity: 1;background-color: rgba(50, 175, 154, 0.85);} #ny_solution1 .ny_s_nr4 { display: block; overflow: hidden; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr { display: block; width: 100%; margin:0 auto; position: relative; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-container {display: block; width: 95%; margin:0 auto; position: static;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: flex; background: #f7f7f7; align-items: center; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 50%; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt { display: block; overflow: hidden; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt img { max-width: 100%; display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 50%; padding-left:5%; padding-right: 6%; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { display: block;font-size: 26px;margin-bottom: 36px; font-weight: bold; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 16px;color: #666666;line-height: 1.8; margin-bottom: 30px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { width: 120px;height: 45px;border: 2px solid #030f21;color: #030f21;display: flex;justify-content: center;align-items: center;position: relative;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;font-size: 16px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a:hover { background-color: #32af9a;border-color: #32af9a; color: #fff; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next,#ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { width: 50px;height: 60px;border: 1px solid #32af9a;border-radius: 3px;background: url(../images/fagt.png) no-repeat center;background-size: 11px 20px; transition: all 0.3s;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next:hover,#ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev:hover { background: url(../images/fagt_on.png) no-repeat center #32af9a;background-size: 11px 20px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { transform: rotate(180deg); } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par { display: block; position: relative; width: 95%; margin:0 auto;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a{ display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img { background-color: #fff;overflow: hidden;position: relative;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-container { padding:20px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img img{ filter: grayscale(100%); max-width: 100%; display: block; transition: all 0.5s; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { filter: grayscale(0%); } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img { box-shadow: 0 2px 10px rgba(62, 170, 152, 0.4); } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { transform: scale(1.05); } #ny_solution1 .ny_s_nr5 { margin:40px 0 0; background: #f7f7f7; padding:50px 0 50px 0;} #ny_solution1 .ny_s_nr5 .box3_nr_box { padding: 0 30px; margin-top: 45px; } #ny_solution1 .ny_s_nr5 .box3_nr_box .owl-nav { display: none; } #ny_solution1 .ny_s_nr5 .box3_nr_box li { display: block; overflow: hidden; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a { display: block; overflow: hidden; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a img { display: block; border:1px solid #eee; max-width: 100%; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t { padding-top: 25px;margin-top: 20px;border-top: 2px solid #ddd;text-align: center; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t strong { display: block;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20px;font-size: 22px; font-weight: bold;} #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t span { display: flex;align-items: center;justify-content: center;color: #262626;font-size: 14px;opacity: 0.5; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t span i { display: block;margin-left: 10px;height: 12px; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t span i img { height: 12px;float: left; width: auto; max-width: auto; } #ny_solution1 .ny_s_nr5 .box3_nr_box li:hover a .t strong { color: #32af9a; } @media(max-width: 1610px) { #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next{ right: 0; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { left: 0; } } @media(max-width: 1199px) { #ny_solution1 { padding:40px 0 0; } #ny_solution1 .ny_s_title p { font-size: 34px; } #ny_solution1 .ny_s_title h3 { font-size: 28px; } #ny_solution1 .ny_s_nr2 { margin-top: 30px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 18px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 14px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask a { display: none; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask .desc { font-size: 14px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask p { font-size: 18px; } #ny_solution1 .ny_s_nr3 { margin-top: 50px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a { font-size: 16px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l .t { font-size: 22px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { padding-left: 3%; padding-right: 3%; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 20px; margin-bottom: 15px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 14px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { font-size: 14px; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t strong { font-size: 18px; } #ny_solution1 .ny_s_nr5 { padding: 40px 0 40px 0; } } @media(max-width: 991px) { #ny_solution1 .ny_s_title p { font-size: 30px; } #ny_solution1 .ny_s_title h3 { font-size: 24px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { display: none; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask { padding:0 10px; } #ny_solution1 .ny_s_nr2 { margin-top: 0; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a { font-size: 14px;height: 45px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr { margin-top: 30px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l p { font-size: 14px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l .t { font-size: 20px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l span { font-size: 14px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul { margin-top: 20px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { border:1px solid #030f21; height: 40px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { margin-bottom: 15px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 17px; } #ny_solution1 .ny_s_nr5 .box3_nr_box { padding: 0; margin-top: 25px; } } @media(max-width: 767px) { #ny_solution1 { padding-top: 20px; } #ny_solution1 .ny_s_title p { font-size: 24px; } #ny_solution1 .ny_s_title h3 { font-size: 22px; } #ny_solution1 .container {padding-left: 10px; padding-right: 10px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: block; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { width: 33.33%; float: left; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 16px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 12px; margin-top: 5px; } #ny_solution1 .ny_s_nr3 { margin-top: 30px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a { text-overflow: ellipsis;overflow: hidden; white-space: nowrap; padding: 0 5px; display: block; line-height: 45px;} #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box { display: block; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l { display: block; width: 100%; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_r { width: 100%;display: block; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l .t { font-size: 16px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 100%; display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 100%; display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next, #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { display: none; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { padding:6% 3%; min-height: 213px; } #ny_solution1 .ny_s_nr5 { margin-top: 20px; padding-top: 20px; } }