/* CSS Reset */ a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #000;} a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} a:hover {color: #6eb92b;} .fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden} .pcshow { display:block;} .mbshow { display:none!important;} .img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;} .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;} .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;} .img-block {display: block;width: 100%;height: auto;} .img-inline {display: inline-block;width: auto;height: auto;} .clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} /* index */ .title {overflow: hidden;} .title .title-1{color: #191919;text-transform: uppercase; } .title .line-1{display: block;width: 81px;height: 5px;background-color: #6eb92b;margin: 0 auto;margin-top: 1.5%;} .div-content {width: 78.5%;margin: auto;} .index-product {padding: 3% 0;overflow: hidden;} .index-product-top {text-align: center;} .index-product-bottom {width: 80%;margin: auto;margin-top: 3%;padding-bottom: 1%;} .index-product-swiper {position: relative;} .index-product-item {overflow: hidden;} .index-product-item a{display: block;position: relative;border-radius: 24px;overflow: hidden;} .index-product-item .title-1 {position: absolute;left: 10%;top: 10%;z-index: 1;width: 80%;} .index-product-item .view-1 {position: absolute;right: 10%;bottom: 10%;z-index: 1;padding-right: 20px;color: #6eb92b;} .index-product-item .view-1::after {content: '';width: 7px;height: 13px;position: absolute;right: 0;top: 50%;margin-top: -5px;background: url('../upload/r1.png') center no-repeat;} .index-product-item .img {background-color: #f8f8f8;} .index-product-item .img .img-center{max-width: 80%;max-height: 80%;} .index-product-item a:hover .img-center {transform: scale(1.05);} .index-product-item a:hover .title-1 {color: #6eb92b;} .index-product-bg-img{ position: relative; padding-top: 50px; } .index-product-nav-container{ position: absolute; top: 20%; right: 10%; z-index: 2; border-radius: 20px; background-color: rgba(66, 81, 99, 0.5); color: white; padding: 50px 50px; display: grid; grid-template-columns: repeat(1,1fr); gap: 30px; } .index-product-bg-img img{ width: 100%; } .index-product-nav-container .index-product-menu:last-child{ margin-bottom: 0; } .index-product-menu a{ margin-top: 10px; display: flex; align-items: center; text-decoration: none; color: #fff; } .index-product-menu a:hover{ color: #6eb92b; } .product_mobile_bg{ display: none; } @media screen and (max-width:768px) { .index-product-menu .font14{ font-size: 0.78rem; } .index-product-bg-img{ padding-top: 10%; } .index-product-nav-container{ top: inherit; bottom: 5%; left: 0; right: 0; border-radius: 15px; padding: 12px 15px; grid-template-columns: repeat(3,1fr); margin: auto; width: 90%; gap: 20px; } .product_pc_bg{ display: none; } .product_mobile_bg{ display: block; } } /* about */ .div-news {padding: 3% 0;overflow: hidden;} .div-news-item {position: relative;margin-bottom: 4%;overflow: hidden;} .div-news-item a {display: block;position: relative;} .div-news-item .img {float: left;width: 30%;border-radius: 20px;overflow: hidden;} .div-news-item .text {float: left;width: 60%;margin-left: 5%;color: #000;margin-top: 4%;} .div-news-item .date-1 {color: #11131f;opacity: 0.5;} .div-news-item .title-1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 3% 0;overflow: hidden;font-weight: bold;} .div-news-item .text-1 {color: #666666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .div-news-item .view-1 {font-weight: bold;margin-top: 5%;} .div-news-item a:hover .pic {transform: scale(1.05);} .div-news-item a:hover .title-1,.div-news-item a:hover .view-1 {color: #6eb92b;} .div-pagerurn {clear: both;padding-top: 1%;overflow: hidden;text-align: center;} .div-pagerurn a {display: inline-block;vertical-align: middle;width: 41px;height: 41px;border: 1px solid #cccccc;border-radius: 50%;text-align: center;line-height: 39px;margin: 0 2px;position: relative;} .div-pagerurn a.cur {background: #6eb92b;border: 1px solid #6eb92b;color: #fff;} .div-pagerurn a:hover {background: #6eb92b;border: 1px solid #6eb92b;color: #fff;} .div-pagerurn a.next i{display: block;width: 8px;height: 16px;background: url('../images/g58.png') center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: grayscale(100%);} .div-pagerurn a.prev i{display: block;width: 8px;height: 16px;background: url('../images/g59.png') center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: grayscale(100%);} .div-pagerurn a.next:hover i,.div-pagerurn a.prev:hover i{filter: invert(100%);mix-blend-mode: color-dodge;} .div-news-detail {margin-top: 8%;overflow: hidden;} .div-news-detail .div-content{width: 62%;} .div-news-detail-content {padding: 2% 0;overflow: hidden;} .news-detail-top {padding: 3% 0;overflow: hidden;border-bottom: 1px solid #e5e5e5;color: #11131f;} .news-detail-top .date-1{overflow: hidden;} .news-detail-top .title-1{margin: 1.5% 0;font-weight: bold;font-family: 'mb';} .news-detail-top .text-1{overflow: hidden;} .news-detail-center {padding: 2% 0;overflow: hidden;color: #666666;text-align: justify;} .news-detail-bottom {padding: 3% 0;border-top: 1px solid #e5e5e5;} .news-detail-bottom a{display: block;padding: 1% 0;overflow: hidden;color: #000;font-family: 'mr';} .news-detail-bottom a:hover {font-weight: bold;color: #6eb92b;font-family: 'mb';} .div-contact {padding: 3% 0;overflow: hidden;background-color: #f8f8f8;} .div-contact-content {overflow: hidden;padding-bottom: 3%;} .div-contact-content img{mix-blend-mode: multiply;width: 100%;display: block;} .div-contact-map {overflow: hidden;} .div-contact-map .title-1{text-align: center;text-transform: uppercase;font-family: 'mb';} .contact-map{position: relative;} .contact-map-lxyba {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;} .lxyba_a {width: 11px;position: absolute;cursor: pointer;height: 11px;} .lxyba_a span {width: 11px;height: 11px;border-radius: 50%;background-color: #6eb92b;display: block;transition: all ease 0.3s;} .lxyba_a p {font-size: 13px;color: #000000;width: 200px;position: relative;left: 50%;margin-left: -100px;text-align: center;line-height: 10px;margin-top: 4px;transition: all ease 0.3s;} .lxyba_a:hover span {box-shadow: 0 0 15px 0 #6eb92b;transform: scale(1.4);} .lxyba_a:hover p {color: #6eb92b;} .lxyba_on p {color: #6eb92b;font-weight: bold;} .lxyba_on span {box-shadow: 0 0 15px 0 #6eb92b;transform: scale(1.4);} .lxybx {width: 23px;position: absolute;top: 42.11%;right: 22.40%;} .div-contact-add {position: relative;} .div-contact-add-swiper {overflow: visible;} .div-contact-item {overflow: hidden;opacity: 0;transition: all ease 0.4s;width: 40%;background-color: #fff;border-radius: 20px;padding: 48px 40px 49px 68px;box-shadow: 0 14px 35px 0 rgb(0 0 0 / 5%);margin: auto;} .div-contact-item .title-2{font-weight: bold;font-family: 'mb';padding-bottom: 2%;} .div-contact-item .email-2{padding: 0 0 0 30px;overflow: hidden;position: relative;margin: 3% 0;} .div-contact-item .email-2::before {content: '';width: 22px;height: 15px;background: url('../../about/images/g63.png') no-repeat;position: absolute;left: 0;top: 12%;} .div-contact-item .email-2 a{display: block;font-weight: bold;font-family: 'mb';padding: 1% 0;} .div-contact-item .tel-2{padding: 2px 0 2px 30px;overflow: hidden;margin-top: 5%;position: relative;} .div-contact-item .tel-2::before {content: '';width: 22px;height: 20px;background: url('../../about/images/g64.png') no-repeat;position: absolute;left: 0;top: 12%;} .div-contact-item .tel-2 span {overflow: hidden;margin: 0 5px;} .div-contact-item .add-2{margin-top: 5%;padding: 2px 0 2px 30px;position: relative;} .div-contact-item .add-2::before {content: '';width: 22px;height: 20px;background: url('../../about/images/g65.png') no-repeat;position: absolute;left: 0;top: 12%;} .div-contact-add-swiper .swiper-slide-active .div-contact-item{opacity: 1;} .div-contact-ad {position: relative;} .div-contact-ad .text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 11;color: #fff;text-align: center;} .div-contact-ad .title-1{font-weight: bold;font-family: 'mb';text-transform: uppercase;} .div-contact-ad .link-3{margin-top: 3%;} .div-contact-ad .link-3 a{display: block;margin: auto;height: 65px;text-align: center;line-height: 65px;background-color: #6eb92b;border-radius: 32.5px;width: 250px;color: #fff;} .div-contact-ad .link-3 a:hover {transform: translateY(-10px);} .div-contact-message {padding: 5% 0 0 0;overflow: hidden;} .contact-message {width: 80%;margin: auto;} .contact-message .title-1{font-weight: bold;font-family: 'mb';text-transform: uppercase;} .contact-message-from {overflow: hidden;padding: 3% 0;} .contact-message-from .item-2{overflow: hidden;position: relative;margin-bottom: 2%;} .contact-message-from .item-2 li {width: 48%;margin-right: 2%;float: left;list-style: none;padding: 0;margin: 0;} .contact-message-from .item-2 li:last-child {float: right;} .contact-message-from .input-4{width: 100%;padding: 3% 0;overflow: hidden;box-sizing: border-box;border: none;background: none;border-bottom: 2px solid #e5e5e5;} .contact-message-from .input-4::-webkit-input-placeholder{color: #000;} .message_subject {width: 100%;display: block;border: none;border-bottom: 2px solid #e5e5e5;height: 65px;line-height: 65px;background-image: url('../upload/g66.png');background-repeat: no-repeat;background-position: right center;-webkit-appearance: none;} .contact-message-from .item-2 .text-1 {padding:0;padding-bottom: 2%;} .textarea-2 {border: none;height: 300px;line-height: 30px; color: #000000;padding: 20px;background-color: #f8f8f8;width: 100%;} .contact-message-from .item-2 .text-2 {display: inline-block;vertical-align: middle;} .contact-message-from .item-2 .submit-2 {display: inline-block;vertical-align: middle;width:15%;height:60px;text-align: center;cursor: pointer;border:none;border-radius: 32px;float: right;transition:all .4s ease;margin-right: 3%;border: 2px solid #6eb92b;color: #6eb92b;background: none;box-sizing: border-box;} .contact-message-from .item-2 .submit-2:hover {background: #6eb92b;color: #fff;transform: translateY(-10px);} .contact-message-from .item-2.visible {overflow: visible;} .contact-message-from .item-2 .submit-3 {width:15%;height:60px;line-height: normal;} .contact-message-from .item-2 .input-3 {width: 20%;} .checkbox-2 {clear: both;padding-top: 2%;} .checkbox-2 label a {color: #6eb92b;font-weight: bold;} .div-joinus {padding: 3% 0;overflow: hidden;} .div-joinus-content {overflow: hidden;padding: 3% 0;} .div-joinus-content .title {float: left;width: 50%;} .div-joinus-content .title-1 {margin-top: 5%;font-weight: bold;font-family: 'mb';text-transform: capitalize;} .div-joinus-content .line-1 {margin: 5% 0;} .div-joinus-content .text-1 {margin-top: 2%;text-align: justify;} .div-joinus-content .img {float: right;width: 45%;} .div-open-positions {position: relative;padding: 2% 0;overflow: hidden;} .div-open-positions .title-1{margin-top: 1%;font-weight: bold;font-family: 'mb';text-transform: capitalize;text-align: center;} .open-positions-top {background-color: #f2f2f2;margin-top: 3%;border-bottom: 1px solid #e5e5e5;padding: 0 3% 0 10%;} .open-positions-top li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 1.8% 0;width: 30%;font-weight: bold;font-family: 'mb';} .open-positions-bottom {overflow: hidden;} .open-positions-list {overflow: hidden;} .open-positions-item {margin-bottom: 2%;border-bottom: 1px solid #e5e5e5;} .open-positions-item .item-3{overflow: hidden;position: relative;padding: 0 3% 0 10%;cursor: pointer;} .open-positions-item .item-3::after {content: '';width: 8px;height: 14px;position:absolute;right: 5%;top: 50%;background: url('../images/g58.png') center no-repeat;z-index: 11;margin-top: -7px;filter: grayscale(100%);transform: rotate(0);} .open-positions-item .item-3 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 2% 0;text-align: left;width: 30%; } .open-positions-item .item-3.cur::after {transform: rotate(90deg);} .open-positions-item .content-3 {padding: 3% 10%;overflow: hidden;color: #666;background-color: #f8f8f8;} .sendmail-1 {clear: both;margin: auto;margin-top: 5%;overflow: hidden;line-height: 56px;border: 2px solid #6eb92b;border-radius: 30px;color: #6eb92b;display: block;text-align: center;width: 25%;} .sendmail-1:hover {background: #6eb92b;color: #fff;} .open-positions-item .text-3 {margin-top: 2%;text-align: center;} .open-positions-item .text-3 a {color: #6eb92b;font-weight: bold;} .div-privacy-policy {padding: 3% 0;overflow: hidden;margin-top:5%;} .div-privacy-policy-content {overflow: hidden;width: 66%;margin: auto;} .div-privacy-policy-content .title-1{font-weight: bold;font-family: 'mb';} .div-privacy-policy-content .title-1 strong{font-weight: bold;color: #6eb92b;} .privacy-policy-1 {padding: 3% 0;overflow: hidden;} .privacy-policy-1 strong {font-weight: bold;font-family: 'mb';} /* about */ .div-faq-nav.num4 a{margin: 0 6%;} .div-aboutus {position: relative;overflow: hidden;} .div-aboutus-top {overflow: hidden;margin: auto;width: 78.5%;} .div-aboutus-left {float: left;width: 40%;margin-top: 7%;} .div-aboutus-left .title{overflow: hidden;} .div-aboutus-left .title .title-1{color: #191919;} .div-aboutus-left .title .line-1{margin: 5% 0;} .div-aboutus-left .title .text-1{color: #666666;} .div-aboutus-right {float: right;width: 45%;position: relative;overflow: hidden;} .div-aboutus-right .img{overflow: hidden;border-radius: 30px;text-align: right;background: none;} .div-aboutus-right .img img {display: inline-block;width: auto;max-width: 100%;} .div-aboutus-center {clear: both;overflow: hidden;text-align: center;} .aboutus-culture-list {position: relative;padding: 7% 0;overflow: hidden;} .aboutus-culture-list.num5 .aboutus-culture-item {width: 10%;} .aboutus-culture-list.num5 .aboutus-culture-item.cur {width: 50%;} .aboutus-culture-item {float: left;width: 23%;margin-right: 2%;border-radius: 20px;transition: all ease 0.3s;overflow: hidden;} .aboutus-culture-item:last-child {margin-right: 0;} .aboutus-culture-item .culture-item {position: absolute;left: 10%;width: 80%;top: 50%;transform: translateY(-50%);z-index: 11;} .aboutus-culture-item a{display: block;position: relative;background-color: #edeff1;overflow: hidden;min-height: 180px;} .aboutus-culture-item .icon-1 {position: relative;width: 60px;height: 60px;margin: auto;} .aboutus-culture-item .icon-1 img {transform: scale(.7);} .aboutus-culture-item .text {overflow: hidden;} .aboutus-culture-item .title-1 {margin: 10px 0;overflow: hidden;font-weight: bold;text-align: center;} .aboutus-culture-item .text-1 {overflow: hidden;opacity: 0;display: none;} .aboutus-culture-item.cur {width: 50%;} .aboutus-culture-item.cur a {background: #6eb92b;text-align: left;} .aboutus-culture-item.cur .culture-item{mix-blend-mode: color-dodge;} .aboutus-culture-item.cur .title-1,.aboutus-culture-item.cur .text-1 {color: #fff;opacity: 1;display: block;} .aboutus-culture-item.cur .title-1 {font-size: 24px;text-align: left;} .aboutus-culture-item.cur .icon-1{float: left;margin-top: 2%;} .aboutus-culture-item.cur .icon-1 img {filter: invert(100%);mix-blend-mode: color-dodge;transform: scale(1);} .aboutus-culture-item.cur .text {float: left;margin-left: 5%;width: 80%;} .div-aboutus-bottom {padding: 0 0 5% 0;overflow: hidden;} .aboutus-culture-left {float: left;width: 50%;} .aboutus-culture-left .img {border-radius: 30px;overflow: hidden;background:#ccc;} .aboutus-culture-right {float: right;width: 45%;} .aboutus-culture-right .title {margin-top: 10%;} .aboutus-culture-right .title .title-1 {color: #000;opacity: 0.9;} .aboutus-culture-right .title .line-1{margin: 5% 0;overflow: hidden;} .aboutus-culture-right .title .text-1{color: #666666; text-align: justify;overflow: hidden;} .div-aboutus-data {padding: 3.5% 0;background-color: #fafafa;overflow: hidden;} .div-aboutus-data .div-content{display: flex;justify-content: space-between;} .aboutus-data-item {text-align: center;padding: 0 3%;} .aboutus-data-item .icon-1{position: relative;width: 107px;height: 107px;margin: auto;} .aboutus-data-item .icon-1 img{transition: all ease 0.4s;} .aboutus-data-item .title-1 {font-family: 'meb';margin-top: 15px;} .aboutus-data-item .text-1{color: #737373; margin-top: 4%;} .aboutus-data-item:hover .icon-1 img{transform: scale(1.1);} .div-honors-awards {position: relative;text-align: center;padding: 7% 0 0 0;overflow: hidden} .honors-awards-list {padding: 4% 0;overflow: hidden;} .honors-awards-swiper {position: relative;} .honors-awards-item {overflow: hidden;} .honors-awards-item .img{overflow: hidden;width: 100%;height: 170px;margin: auto;position: relative;background: none;} .honors-awards-item .title-1{text-align: center;color: #666;width: 50%;margin: auto;margin-top: 7%;} .swiper-honors-prev,.swiper-honors-next {width: 30px;height: 30px;border: 1px solid #ccc;border-radius: 100%;margin-top: 4%;} .swiper-honors-prev::after,.swiper-honors-next::after {font-size: 14px;color: #000;font-weight: 900;opacity: .5;} .swiper-honors-prev:hover,.swiper-honors-next:hover {background: #6eb92b;border: 1px solid #6eb92b;} .swiper-honors-prev:hover::after,.swiper-honors-next:hover::after {color: #fff;opacity: 1;} .swiper-honors-prev {left: 5%;} .swiper-honors-next {right: 5%;} .div-innovation-process {position: relative;overflow: hidden;margin: auto;width: 78.5%;} .innovation-process-left {float: left;width: 45%;} .innovation-process-left .text{margin-top: 8%;} .innovation-process-left .line-1{margin: 5% 0;} .innovation-process-left .text-1{color: #666;text-align: justify;} .innovation-process-right {float: right;width: 48%;position: relative;overflow: hidden;border-radius: 20px;} .innovation-process-swiper .swiper-slide {position: relative;} .innovation-process-swiper .title-1{position: absolute;left: 0;width: 100%;bottom: 10%;z-index: 11;color: #fff;text-align: center;} .innovation-process-swiper .img{position: relative;overflow: hidden;} .swiper-process-prev,.swiper-process-next {width: 41px;height: 41px;border-radius: 100%;margin-top: 0;top: auto;bottom: 10%;background-size: 100% 100%;} .swiper-process-prev {background-image: url(../../asset/index/img/g50.png);} .swiper-process-next {background-image: url(../../asset/index/img/g51.png);} .swiper-process-prev:hover {background-image: url(../../asset/index/img/g50-1.png);} .swiper-process-next:hover {background-image: url(../../asset/index/img/g51-1.png);} .swiper-process-prev:hover::after,.swiper-process-next:hover::after {color: #fff;opacity: 1;} .swiper-process-prev {left: 5%;} .swiper-process-next {right: 5%;} .div-growth-milestones {padding: 4% 0;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-size: 100%;} .div-growth-milestones .title{text-align: center;} .growth-milestones-list {padding-top: 3%;overflow: hidden; } .growth-milestones-top {position: relative;padding-top: 1%;} .growth-milestones-item {overflow: hidden;opacity: 0;transition: all ease 0.3s;} .growth-milestones-item .text {float: left;width: 45%;position: relative;overflow: hidden;} .growth-milestones-item .year-1{color: #6eb92b;font-family: 'meb';} .growth-milestones-item .text-1{margin-top: 4%;color: #222;} .growth-milestones-item .text-1 li {position: relative;margin: 0;padding: 0;padding-left: 7%;color: #222;margin-bottom: 3%;} .growth-milestones-item .text-1 li::after {width: 10px;height: 10px;border: 3px solid #6eb92b;border-radius: 50%;position: absolute;content: "";left: 3px;top: 3px;} .growth-milestones-item .img {float: right;width: 50%;position: relative;overflow: hidden;border-radius: 20px;} .growth-milestones-top-swiper .swiper-slide-active .growth-milestones-item{opacity: 1;} .growth-milestones-bottom {position: relative;padding: 3% 3%;overflow: hidden;width: 80%;margin: auto;margin-top: 2%;} .growth-milestones-bottom-swiper {position: relative;width: 100%;margin: auto;} .growth-milestones-bottom-swiper::after {position: absolute;content: "";width: 100%;height: 2px;background-color: #e4e4e4;left: 0;bottom: 10px;} .growth-milestones-bottom-swiper .swiper-slide{text-align: center;cursor: pointer;} .growth-milestones-bottom-swiper .swiper-slide .year-1{color: #000000;text-align: center;transition: all ease 0.3s;} .growth-milestones-bottom-swiper .swiper-slide .point-1{margin: 5px auto;width: 13px;height: 13px;position: relative;background-color: #c1c1c1;border-radius: 50%;margin-top: 15px;border: 3px solid rgba(0,0,0,0);transition: all ease 0.3s;box-sizing: border-box;} .growth-milestones-bottom-swiper .swiper-slide .point-1::before{content: '';width: 14px;height: 14px;position: absolute;border: 3px solid #6eb92b;background: #fff;position: absolute;left: 50%;top: 50%;border-radius: 100%;margin: -10px 0 0 -10px;opacity: 0;transition: all ease 0.3s;z-index: 11;} .growth-milestones-bottom-swiper .swiper-slide .point-1::after {content: '';width:50px;height: 30px;background: #fff;position: absolute;left: -22px;top:-15px;z-index: 1;opacity: 0;} .growth-milestones-bottom-swiper .swiper-slide-active .point-1::before,.growth-milestones-bottom-swiper .swiper-slide-active .point-1::after {opacity: 1;} .growth-milestones-bottom-swiper .swiper-slide-active .year-1 {color: #6eb92b;font-weight: bold;} .swiper-milestones-prev,.swiper-milestones-next {width: 30px;height: 30px;border: 1px solid #ccc;border-radius: 100%;margin-top:-4px;top: 50%;} .swiper-milestones-prev::after,.swiper-milestones-next::after {font-size: 14px;color: #000;font-weight: 900;opacity: .5;} .swiper-milestones-prev:hover,.swiper-milestones-next:hover {background: #6eb92b;border: 1px solid #6eb92b;} .swiper-milestones-prev:hover::after,.swiper-milestones-next:hover::after {color: #fff;opacity: 1;} .swiper-milestones-prev {left: 0;} .swiper-milestones-next {right: 0px;} .aboutus-engineering {width: 100%;margin: auto;padding: 1% 0;overflow: hidden;} .aboutus-culture-list.num4 .aboutus-culture-item {width: 18%} .aboutus-culture-list.num4 .aboutus-culture-item.cur {width: 40%;} .div-aboutus-top.fr .div-aboutus-left{float: right;margin-left: 0;} .div-aboutus-top.fr .div-aboutus-right {float: left;} .div-aboutus-top.fr .div-aboutus-right .img {border-radius: 30px;} .div-aboutus-top.fr {margin-bottom: 5%;} .div-sustainable{padding: 3% 0;overflow: hidden;} .sustainable-case-top {position: relative;width: 78.5%;margin: auto;overflow: hidden;} .sustainable-case-top .title{text-align: left;float: left;} .sustainable-case-top .line-1 {margin: 30px 0;} .sustainable-case-list {overflow: hidden;padding-top:1%;clear: both;} .sustainable-case-swiper {position: relative;} .sustainable-case-item {overflow: hidden;} .sustainable-case-item a{display: block;position: relative;color: #fff;} .sustainable-case-item .absolute{position: absolute;left: 0;top: 0;z-index: 11;width:100%;height: 100%;background: rgba(0,0,0,0);} .sustainable-case-item .text{position: absolute;left: 10%;top: 30%;z-index: 11;width:80%;} .sustainable-case-item .number-1{font-family: 'meb';} .sustainable-case-item .title-1{font-family: 'mb';margin-top: 4.5%;} .sustainable-case-item .line-1{margin: 2% 0;} .sustainable-case-item .line-1 i{display: block;width: 10%;height: 5px;background-color: #6eb92b;margin-top: 22px;} .sustainable-case-item .text-1{padding: 5% 0;overflow: hidden;opacity: 0;transform: translateY(-20%);} .sustainable-case-item .img{position: relative;} .sustainable-case-item .img img {opacity: .5;} .sustainable-case-item a:hover .line-1 i{width: 100%;} .sustainable-case-item a:hover .text-1{opacity: 1;transform: translateY(0);} .sustainable-case-item a:hover .img img {opacity: 1;} .swiper-case-prev,.swiper-case-next {position: relative;left: auto;right: auto;top: auto;bottom: auto;opacity: 1;float: right;margin-top:0;border: 2px solid #ccc;border-radius: 100%;width: 41px;height: 41px;cursor: pointer;margin-top: 2%;background-size: 20%;filter: grayscale(1);} .swiper-case-prev:hover,.swiper-case-next:hover{filter: grayscale(0);} .swiper-case-prev:hover{background: url(../../asset/index/img/g50-1.png) #6eb92b;background-size: 100% 100%;border: 2px solid #6eb92b;} .swiper-case-next:hover{background: url(../../asset/index/img/g51-1.png) #6eb92b;background-size: 100% 100%;border: 2px solid #6eb92b;} .swiper-case-prev::after ,.swiper-case-next::after {font-size: 12px;font-weight: 900;color: #000;} .swiper-case-next {margin-left: 10px;} .div-investor-nav {font-size: 0;background-color: #fafafa;text-align: center;} .div-investor-nav a{display: inline-block;vertical-align: middle;padding: 1.3% 0;position: relative;margin: 0 5%;color: #666666;} .div-investor-nav a::after {content: '';width: 100%;height: 4px;background-color: #6eb92b;left: 0;bottom: 0;border-radius: 2.5px;opacity: 0;transition: all ease 0.3s;position: absolute;} .div-investor-nav a::before {content: "";position: absolute;background-image: url('../images/g57.png');width: 25px;height: 10px;background-size: 100% 100%;left: 50%;margin-left: -12.5px;bottom: -15px;opacity: 0;transition: all ease 0.3s;} .div-investor-nav a.cur,.div-investor-nav a:hover {color: #6eb92b;} .div-investor-nav a.cur::before {opacity: 1;bottom: 0px;} .div-investor-nav a.cur::after {opacity: 1;} .div-about-investor {padding: 5% 0 0 0;overflow: hidden;} .about-investor {overflow: hidden;margin-bottom: 3%;} .about-investor .title-1{text-align: left;} .about-investor .line-1 {margin: 2% 0;} .about-investor-list {overflow: hidden;} .about-investor-item {margin-top: 1%;position: relative;padding-bottom: 2%;float: left;width: 48%;margin-right: 4%;margin-bottom: 3%;} .about-investor-item.mr0 {margin-right: 0;} .about-investor-item::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background:#e6e6e6;} .about-investor-item::before {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background:#6eb92b;transition: all ease 0.3s;z-index: 11;} .about-investor-item .name-1{color: #1a1a1a;font-weight: 500;} .about-investor-item .text-1{color: #666666;margin-top: 1%;} .about-investor-item .text-2{color: #666666;margin-top: 7%;} .about-investor-item:hover::before {width: 100%;} .corporate-governance {padding: 0 0 3% 0;overflow: hidden;} .corporate-governance-item {float: left;width: 20%;background-color: #edeff1;margin-right: 2%;border-radius: 20px;transition: all ease 0.3s;overflow: hidden;position: relative;min-height: 300px;} .corporate-governance-item:last-child {margin-right: 0;} .corporate-governance-item .text {position: absolute;left: 7%;width: 86%;top: 50%;transform: translateY(-50%);z-index: 11;} .corporate-governance-item .title-1{text-align: center;} .corporate-governance-item .line-1{width: 80px;height: 5px;margin: 10% auto auto;background: #6eb92b;} .corporate-governance-item .text-1{overflow: hidden;opacity: 0;display: none;color: #fff;text-align: justify;} .corporate-governance-item.cur {width: 56%;background: #6eb92b;} .corporate-governance-item.cur .title-1 {color: #fff;text-align: left;} .corporate-governance-item.cur .line-1{background: #fff;margin: 3% 0;} .corporate-governance-item.cur .text-1{opacity: 1;display: block;} .div-about-investor-report {padding: 5% 0 0 0;overflow: hidden;} .div-about-investor-report .div-content {border-bottom: 1px solid #e6e6e6;} .financial-reports .div-about-investor-report:last-child .div-content {border: none;} .div-about-investor-report .about-investor {margin-bottom: 0;position: relative;} .div-about-investor-report .about-investor .line-1 {margin: 2% 0 0 0;} .about-investor-report {overflow: hidden;margin-bottom: 2%;} .investor-report-swiper {overflow: hidden;padding: 3% 0;} .investor-report-item {overflow: hidden;transition: all ease 0.3s;} .investor-report-item a{display: block;position: relative;overflow: hidden;border-radius: 24px;} .investor-report-item .top-1{position: absolute;left: 8%;top: 8%;width: 80%;z-index: 11;} .investor-report-item .date-1{color: #666666;} .investor-report-item .title-1{margin-top: 3%;} .investor-report-item .bottom-1{position: absolute;left: 8%;bottom: 7%;width: 84%;z-index: 11;} .investor-report-item .view-1{margin-bottom: 5%;} .investor-report-item .view-1 i{display: block;width: 15px;height: 15px;/*background: url('../about/g71.png') center no-repeat;*/} .investor-report-item .view-1 span{color: #6eb92b;display: block;margin-top: 3%;} .investor-report-item .pic{overflow: hidden;border-radius: 16px;} .investor-report-item .img{background: #f7f7f7;} .investor-report-item:hover {transform: translateY(-5px);} .investor-report-item a:hover .title-1{color: #6eb92b;} .investor-swiper-ctrl{text-align: right;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 30%;} .investor-swiper-ctrl .swiper-pagination {padding: 0 5%;color: #999999;} .investor-swiper-ctrl .swiper-pagination .swiper-pagination-total {color: #999999;} .investor-swiper-ctrl .swiper-pagination .swiper-pagination-current {color: #000;} .swiper-report-prev,.swiper-report-next, .investor-swiper-ctrl .swiper-pagination {display: inline-block;vertical-align:middle;position: relative;left: auto;top: auto;bottom: auto;right: auto;margin: auto;width: auto;} .swiper-report-prev,.swiper-report-next{width: 41px;height: 41px;border: 2px solid #6eb92b;border-radius: 100%;background-size: 20%;filter: grayscale(1);} .swiper-report-prev:hover,.swiper-report-next:hover{filter: grayscale(0);} .swiper-report-prev:hover {background: url(../../asset/index/img/g50-1.png) #6eb92b;background-size: 100% 100%;border: 2px solid #6eb92b;} .swiper-report-next:hover {background: url(../../asset/index/img/g51-1.png) #6eb92b;background-size: 100% 100%;border: 2px solid #6eb92b;} .investor-swiper-ctrl .swiper-button-disabled ,.investor-swiper-ctrl .swiper-pagination-lock{opacity: 0;} .div-about-investor-notice {padding: 5% 0;overflow: hidden;} .div-about-investor-notice .about-investor {margin-bottom: 0;position: relative;} .notice-right-search {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 30%;z-index: 11;} .notice-right-search .icon-1{position: absolute;right: 0;top: 0;width: 60px;height: 60px;z-index: 11;background: #6eb92b;border-radius: 100%;cursor: pointer;} .notice-right-search .icon-1 img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(.8);z-index: 11;filter: invert(100%);} .notice-right-search .input-4{width: 100%;height: 60px;border-radius:50px;border: 2px solid #6eb92b;background: none;box-sizing: border-box;padding: 0 5%;} .about-investor-notice {margin-bottom: 2%;overflow: hidden;} .investor-notice-item {overflow: hidden;} .investor-notice-item a{display: block;position: relative;border-bottom: 1px solid #e6e6e6;padding: 2% 0;} .investor-notice-item .title-1{overflow: hidden;color: #000;} .investor-notice-item .date-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #666666;padding-right: 5%;} .investor-notice-item .date-1::after {content: '';width: 15px;height: 15px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../../about/images/g72.png') center no-repeat;} .investor-notice-item a:hover {background: #6eb92b;} .investor-notice-item a:hover .title-1,.investor-notice-item a:hover .date-1 {color: #fff;} .investor-notice-item a:hover .date-1::after {filter: invert(100%);} .investor-notice-item a:hover .title-1 {transform: translateX(2%);} .investor-notice-item a:hover .date-1 {right: 2%;} .about-investor-prospectus {overflow: hidden;} .investor-prospectus-item {width: 80%;margin: auto;background: #f7f7f7;border-radius: 24px;overflow: hidden;padding: 3%;box-sizing: border-box;} .investor-prospectus-item .text{float: left;width: 30%;} .investor-prospectus-item .date-1{margin-top: 5%;color: #666666;} .investor-prospectus-item .title-1{margin-top: 5%;color: #000;} .investor-prospectus-item .view-3{text-align: center;overflow: hidden;position: absolute;left: 0;bottom: 10%;z-index: 11;} .investor-prospectus-item .view-3 a{display: block;background: #6eb92b;width: 180px;padding: 8% 0;overflow: hidden;border-radius: 50px;} .investor-prospectus-item .view-3 i {display: inline-block;vertical-align: middle;width: 15px;height: 15px;background: url('../about/g72.png') center no-repeat;filter: invert(100%);margin-right: 10px;} .investor-prospectus-item .view-3 span {display: inline-block;vertical-align: middle;color: #fff;} .investor-prospectus-item .view-3 a:hover {background: #8ae03e;} .investor-prospectus-item .img{float: right;width: 24%;border-radius: 24px;overflow: hidden;} .investor-prospectus-item .prospectus-1 {position: relative;overflow: hidden;} .about-investor-inquiry {overflow: hidden;margin-top: 5%;} .about-investor-inquiry .div-content {position: relative;overflow: hidden;} .investor-inquiry-left {float: left;width: 40%;overflow: hidden;} .investor-inquiry-left .title{margin-top: 2%;} .investor-inquiry-left .title-1 {font-weight: normal;} .investor-inquiry-left .line-1{margin: 4% 0;} .investor-inquiry-left .contact-1{margin-top: 10%;position: absolute;left: 0;bottom: 1%;} .investor-inquiry-left .item-1{overflow: hidden;padding: 5% 0;border-bottom: 1px solid #ccc;} .investor-inquiry-left .item-1:last-child {border: none;} .investor-inquiry-left .text-1{color: #999999;} .investor-inquiry-left .title-1{margin-top: 3%;} .investor-inquiry-right {float: right;width: 60%;} .investor-inquiry-right .img{border-radius: 24px;overflow: hidden;} @media screen and (max-width: 5120px) { .features-3 .features-item .title-2{text-align: center;} .news-detail-center img{max-width: 100%;} .yjb {width: 70%;} .yjb_a {width: 18%!important;} .commen {width: 78.5%;} } @media screen and (max-width: 3840px) { .warranty-list-swiper .swiper-slide {opacity: 0;} .warranty-list-swiper .swiper-slide-active {opacity: 1;} } @media screen and (max-width: 2560px) { } @media screen and (max-width: 2048px) { } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { .header-nav ul li {margin: 0 3%;} .header-right li {margin-left: 20px;} .header-right li a img{width: 20px;height: auto;} .submit-1 {width: 120px;line-height: 35px;height: 35px;font-size: 14px;} .header {top: 40px;} .header-nav-show {top: 120px;} .index-product-item .img .img-center {max-width: 50%;max-height: 50%;} .title .line-1 {width: 70px;height: 4px;} .more-1 a {width: 140px;height: 40px;line-height: 40px;} .footer-content-top .button-1 {width: 200px;} .footer-nav {width: auto;} .footer-follow .icon-1 a {padding-left: 10px;} .input-2, .input-3 {line-height: 40px;margin-top: 1%;} .newsletter-windows-center #type,.verification-2 {margin-top: 1%;} .input-3,.newsletter-windows-center #type {height: 40px;} .submit-3 {height: 40px;line-height: 40px;margin-top: 1%;} .div-faq-nav a {padding: 1.5% 0;} .div-faq-nav a::after {height: 3px;} .aboutus-culture-item.cur .title-1 {font-size: 20px;} .aboutus-data-item .icon-1 {width: 80px;height: 80px;} .honors-awards-item .img {height: 100px;} .aboutus-culture-item .icon-1 {width: 50px;height: 50px;} .aboutus-culture-item.cur .icon-1 {margin-top: 3%;} .div-aboutus-top,.div-content,.div-innovation-process,.div-aboutus-top,.sustainable-case-top,.div-innovation-process,.commen {width: 89.5%;} } @media screen and (max-width: 1440px) { .corporate-governance-item {min-height: 250px;} .investor-notice-item .title-1 {width: 80%;} .investor-inquiry-left .item-1 {padding: 3% 0;} .features-1 {padding: 2% 0 2% 10%;} .features-1 li {width: 48%;} .solution-item-right li::after {width: 8px;height: 8px;top: 10px;} .project-references-right .text-1 {margin-top: 5%;height: 150px;} .project-references-right {padding: 3% 3% 0 3%;} .div-product-right {width: 75%;margin-left: 0;} .product-left-nav-item .type-1 a {padding: 15px 15%;} .product-item-3 a {padding: 8% 0;} .product-item-3 .text .item-3 span {margin: 5px 0;} .search-1 .input-4 {line-height: 50px;} .search-1 .button-2 {height: 52px;line-height: 52px;} .div-warranty .download-nav a {min-height: 50px;padding: 2% 0 0 0;} .div-download-search .input-4 {line-height: 45px;} .div-download-search .button-2 {width: 48px;height: 48px;} .more-2 a {height: 45px;line-height: 45px;} .footer-nav ul {margin-right: 70px;} .header-nav ul li {margin: 0 2%;} .div-aboutus-top.fr .div-aboutus-left {margin-right: 2%;width: 40%;} .div-aboutus-right {width: 50%;} .div-aboutus-left {width: 40%;} .div-aboutus-top,.div-content,.div-innovation-process,.commen {width: 86%;} .sustainable-case-top {width: 86%;} .div-aboutus-left .title .text-1.flh28 {line-height: 26px;} .div-aboutus-left {width: 45%;} .jrya_w h2 {font-size: 23px;} } @media screen and (max-width: 1366px) { .aboutus-culture-item.cur .text {width: 70%;} .investor-report-item .title-1 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .features-1 li {font-size: 12px;} .solution-system-product {margin: 0;} .product-detail-container .text {width: 60%;} .div-aboutus-top,.div-content,.div-innovation-process,.sustainable-case-top,.commen {width: 86%;} } @media screen and (max-width: 1280px) { .div-aboutus-top,.div-content,.div-innovation-process,.sustainable-case-top,.commen {width: 96%;} } @media screen and (max-width: 1152px) { .div-aboutus-top,.div-content,.div-innovation-process,.sustainable-case-top {width: 96%;} } @media screen and (max-width: 1024px) { } @media screen and (max-width: 980px) { .header {top: 0px;border-radius:0;left: 0;width: 100%;} .header-content {height: 65px;} .index-banner-swiper,.div-page-banner,.div-product-banner,.div-news-detail,.div-search {margin-top: 65px;} .header-nav ,.div-product-left{width: 100%;display: none;} .header-right li {margin-left: 10px;margin-top: 3%;} .menu-toggle {display: inline-block!important;width: 40px;height: 40px;right: auto;top: auto;vertical-align: middle;position: relative;} .header-right li.mbshow{display: inline-block!important;margin-top: 0;margin-left: 0px;} .header-logo {width: 40%;}.header-nav-show.scroll {top: 65px;}.header-nav-show {border-radius: 0;} .index-solutions,.footer {padding-top: 10%;}.index-solutions-top{background: none;}.title .line-1 {margin: 5% auto;} .index-news-right,.aboutus-data-item,.innovation-process-right {margin-top: 10%;} .input-2, .input-3 {margin-top:3%;} .index-solutions-item .text-1 {transform: translateY(0);opacity: 1;} .index-solutions-item .img img {height: 300px;} .index-solutions-item .text {left: 5%;top: 50%;width: 90%;transform: translateY(-50%);} .search-show-list .input-1{width: 60%;} .div-content {width: 90%;}.verification-2 .text-1,.div-aboutus-data .div-content {display: block;} .search-show-list .icon-1,.footer-nav,.footer-follow .title-1,.div-page-path {display: none;}.signin-show {right: -10px;} .index-product,.div-aboutus-data,.div-honors-awards,.div-growth-milestones,.div-about-investor,.solution-system-bottom,.div-project-references,.div-contact,.div-contact-message, .div-about-investor-report,.div-about-investor-notice,.div-sustainable,.div-product-detail,.product-detail-download {padding: 15% 0;} .footer-content-bottom {padding: 4% 0;}.footer-follow .icon-1 {text-align: center;}.footer-follow {float: none;} .verification-2 .input-3 {box-sizing: border-box;margin: 0;margin: 3% 0;} .newsletter-windows-content {width: 100%;border-radius:0px;} .newsletter-windows-top {background: #6eb92b;padding: 5% 0;} .newsletter-windows-top img {opacity: 0;}.header-nav-show {top: 65px;}.header-nav-show {left: 0;top: 65px;width: 100%;} .div-faq-nav.num4 a {margin: 0;padding: 4% 0;width: 25%;} .div-aboutus-left,.innovation-process-left {float: none;width: 90%;margin-top: 10%;} .div-aboutus-right,.aboutus-culture-item {width: 100%;margin-top: 5%;} .div-aboutus-right .img {border-radius: 0;} .innovation-process-left .title .line-1 {margin: 5% 0;} .mbheader-nav ul li a.nav {font-size: 18px;} .div-investor-nav a {font-size: 12px;} .aboutus-culture-list.num4 .aboutus-culture-item.cur,.aboutus-culture-list.num4 .aboutus-culture-item,.contact-message-from .item-2 .input-3, .contact-message-from .item-2 .submit-3,.contact-message-from .item-2 .submit-2{width: 100%;} .div-investor-nav a {padding: 4% 0;margin: 0 2%;} .div-investor-nav a::after {height: 2px;} .div-investor-nav a::before {width: 15px;height: 5px;margin-left: -7px;} .div-about-investor .about-investor .title .line-1,.div-about-investor-notice .about-investor .title .line-1,.div-joinus-content .title .line-1, .investor-inquiry-left .title .line-1{margin: 5% 0;} .about-investor-item {float: none;width: 100%;margin-right: 0;margin-bottom: 3%;padding-bottom: 5%;} .corporate-governance-item.cur {width: 100%;} .corporate-governance-item {float: none;width: 100%;margin-right:0;margin-bottom: 5%;} .div-about-investor-report .title,.investor-notice-item a {padding: 5% 0;}.investor-swiper-ctrl {width: 70%;} .swiper-report-prev, .swiper-report-next {width: 40px;height: 40px;} .notice-right-search,.investor-notice-item .date-1 {position: relative;right:auto;top: auto;transform: none;width: 100%;} .about-investor-notice{padding: 10% 0 5% 0;} .investor-notice-item a .title-1 {transform: none;width: 100%;margin-bottom: 3%;} .notice-right-search .input-4 {height: 45px;} .notice-right-search .icon-1{height: 45px;width: 45px;} .investor-prospectus-item .img {margin-top: 5%;overflow: hidden;} .investor-prospectus-item,.features-1,.solution-item-right .text {box-sizing: border-box;padding: 10%;} .investor-prospectus-item .view-3 {position: relative;left: auto;bottom: auto;margin-top: 5%;} .investor-prospectus-item .view-3 a {padding: 4% 0;} .investor-inquiry-left .contact-1 {position: relative;} .investor-inquiry-left .contact-1 {margin-top: 0;} .about-investor-inquiry .div-content {padding-bottom: 15%;} .div-aboutus-top.fr .div-aboutus-left {float: none;margin-right: auto;margin: auto;} .sustainable-case-top {padding: 5% 0;} .solution-item-right {width: 100%;position: relative;right: auto;top: auto;height:auto;} .solution-item-right .text {position: relative;top: auto;left: auto;transform:none;width: 100%;} .div-solution-item.fr .solution-item-right {left: auto;right: auto;} .div-solution-item.fr .solution-item-left {float: none;} .project-references-top .more-1 {position: relative;right: auto;top: auto;transform: none;margin-top: 5%;} .project-references-right,.supportive-item {box-sizing: border-box;padding: 5%;} .project-references-windows-content {transform:none;top: 0;left: 0;} .project-references-right .text-1 {margin-top: 3%;height: 100px;} .project-references-right .title-1,.related-product-bottom .product-2 {margin-top: 1%;}.related-product-bottom{margin-top: 3%;} .project-references-windows-content {border-radius: 0;} .project-references-windows-content {height: 100%;} .div-product-banner .text {position: absolute;left:5%;top: 50%;transform: translateY(-50%);width: 90%;} .div-product-banner .item-3 span {font-size: 12px;margin-right: 10px;padding: 0 14px;} .div-product-banner .product,.support-search {display: none;} .product-detail-container .text {width: 90%;}.div-download-list {margin-top: 10%;} .features-item {margin-right: 0;margin-bottom: 5%;} .download-list a,.div-faq-nav a,.div-faq-item,.div-download-item a {padding: 5% 0;} .ruturn-1 a {width: 100%;box-sizing: border-box;margin-top: 10%;} .download-nav {border: none;}.div-warranty .download-nav a {width: 100%;min-height: auto;padding: 3% 0;border-bottom: 1px solid #ccc;} .div-cases-item {margin-right: 0;}.div-search-center {margin-top: 5%;} .div-news-item{margin-bottom: 10%;}.div-news-detail .div-content,.div-search-content {width: 90%;} .div-news-item .text {margin-left: auto;}.search-item a {padding: 5%;} .div-contact-item {width: 80%;padding: 10%;} .div-contact-ad .img img {width: 300%;max-width: 300%;} .contact-message-from .item-2 .submit-2,.contact-message-from .item-2 .input-3 {margin: 5% auto;} .contact-message-from .item-2 .input-3 {box-sizing: border-box;} .index-solutions-bottom.num3 .index-solutions-item,.div-search-top ,.search-left-nav{width: 100%;} .search-left-nav {margin: auto;margin-right: auto;} .search-left-nav a {display: inline-block;margin-right: 0px;} .search-right-list {float: none;width: 100%;padding-left: 0;padding-top: 5%;} .div-search {margin-bottom: 10%;} .detail .header-nav-show {top: 60px;} .swiper-honors-prev {left: 0;}.swiper-honors-next {right: 0;} .div-aboutus-top.fr .div-aboutus-left {margin-right:0;width:100%;} .div-aboutus-left, .innovation-process-left {width: 100%;} .aboutus-culture-list.num5 .aboutus-culture-item.cur,.aboutus-culture-list.num5 .aboutus-culture-item {width: 100%;} .index-solutions-item,.index-news-left,.index-news-right,.submit-3,.verification-2 .input-3,.aboutus-culture-item.cur,.aboutus-culture-item,.aboutus-culture-left,.aboutus-culture-right,.aboutus-data-item,.innovation-process-right,.investor-prospectus-item,.investor-prospectus-item .text,.investor-prospectus-item .img,.investor-inquiry-left,.investor-inquiry-right,.features-1 li,.solution-item-left,.project-references-left,.project-references-windows-content,.project-references-right,.div-product-right,.product-item-3,.features-item,.supportive-item,.div-cases-item,.div-download-search,.div-joinus-content .title,.div-joinus-content .img,.sendmail-1,.div-news-item .img,.div-news-item .text{float: none;width: 100%;} } @media screen and (max-width: 860px) { .pcshow ,.aside-top a{display: none!important;} .mbshow{display: block!important;} .footer-social {text-align: center!important;} .footer-social li {width: 30%!important;margin: 1%!important;} .footer-social li a{display: none!important;} .footer-social-ewm {top: auto!important;bottom: auto!important;right: auto!important;display: block!important;position: relative!important;width: 100%!important;box-sizing: border-box;} .footer-social-ewm img {width: 100%!important;height: auto!important;} } /* iPad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* iPad x*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPad y */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }