.product_box01,.product_02{padding: 80px 0;} .product_box01 dl{overflow: hidden;} .product_box01 dt{float: left;width: 340px;padding-right: 20px;box-sizing: border-box;} .product_box01 dd{float: right;width: calc(100% - 341px);border-left:2px solid #de0010;padding-left: 80px;box-sizing: border-box;} .product_list{margin-top: 40px;overflow: hidden;position: relative;} .product_list ul{margin-left: -27px;margin-right: -27px;} .product_list li{float: left;width: 33.3%;padding: 0 27px;box-sizing: border-box;margin-bottom: 40px;} .product_list li a{display: block;} .product_list dt{padding: 20px 0;} .product_list dt h3{ font-weight: bold;} .product_list dt p{font-size: 14px;margin: 10px 0;line-height: 24px;height: 48px;overflow: hidden;} .product_list dt span{font-size: 18px;} .public_load-more-link { display: block;margin:0 auto;margin-top: 55px; width:210px; height: 40px; line-height: 40px;text-align: center;position: relative; cursor: pointer;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; } .public_load-more-link:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} #infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;} .laGm_01{padding: 100px 0 0px;background: url(../upload/pro_bg.png) no-repeat center bottom;background-size: cover;box-sizing: border-box;} .laGm_01 h2{color: #e21a21;margin-bottom: 10px;} .laGm_img{position: relative; widtH:80%; margin: 0 auto;} .laGm_img li{cursor: pointer;position: relative;} .laGm_img li .Div{width: 100% !important;background-size: 100% 100% !important;background-position: left;height: 100%!important;} .laGm_img li img{width: 100%;} .laGm_360{text-align: center;font-weight: bold;font-size: 14px;margin-top: -10%;} .laGm_360 img{width: 40px!important;height: 24px;} .laGm_360 p{margin-top: 10px;} .VCc{opacity: 0;} .lhl_but div{background: none;font-size: 24px;color: #3e3e3e;top: 40%;} .lhl_but .swiper-button-prev{left: -4%;} .lhl_but .swiper-button-next{right: -4%;} .laGm_02{padding: 80px 0;box-sizing: border-box;} .laGm_02 h2{text-align: center;} .describe_t{width: 97%;margin: 40px auto 0;border: 2px solid #ebebeb;box-sizing: border-box;padding: 40px;} .laGm_03{padding-top: 4%;} .laGm_03 h2{text-align: center;} .fnt_22{font-size: 22px;} .feature_list{margin-top: 60px;overflow: hidden;} .feature_list dl{float: left;width: 50%;padding: 0 20px;box-sizing: border-box;margin-bottom:20px;} .feature_list dd{ float: left; widtH:100px; margin-top:10px;} .feature_list dd img{width: 80px;height: 70px;} .feature_list dt{ float: right; width:calc(100% - 100px);} .feature_list dt h3{margin: 0 0 15px;font-weight: bold;} .feature_list dt p{line-height: 30px;height: 120px;overflow: hidden;} .laGm_04{padding: 8% 0;box-sizing: border-box;overflow: hidden;height: auto!important;} .pro_solution{float: right;color: #fff;width: 32%;} .pro_solution a{color: #fff!important;} .pro_solution h3{font-weight: bold;margin: 15px 0;} .pro_solution span{margin-top: 15px; display: block;} .pro_solution a:hover span{color:#DE000F;} .laGm_05{padding: 80px 0;box-sizing: border-box;} .laGm_05 h2{text-align: center;} .laGm_05 .product_list{overflow: inherit;} .laGm_05 .product_list ul{margin-left: 0;margin-right: 0;} .laGm_05 .product_list li{margin-bottom: 0;padding: 0;} .laGm_01_spe{background: none;} .laGm_img02{position: relative;} .spe_btn{width: 50%;float: right;text-align: center;position: absolute;right: 0;bottom: 20px;} .spe_btn a{display: inline-block;width: 40%;height: 65px;line-height: 65px;text-align: center;box-shadow: 0 0 15px rgba(0,0,0,0.2);margin: 0 14px;border-radius: 30px;overflow: hidden;position: relative;} .spe_btn a img{width: 173px;max-width: 70%;} .spe_btn a i{font-size: 22px;display: inline-block;vertical-align: middle;margin-right: 12px;margin-top: -2px;} /*ๅ“็‰Œ้กต้ข*/ .brand_info{padding: 80px 0;box-sizing: border-box;overflow: hidden;} .info_t{margin-bottom: 60px;} .info_t img{width: 168px;height: 34px;margin-right: 50px;display: inline-block;vertical-align: bottom;} .info_t span{display: inline-block;vertical-align: bottom;} .pub_box{padding-bottom: 100px;display: inline-block;;width: 100%; /*overflow: hidden;*/ } .box_ll{float: left;width: 25%;min-width: 270px;} .box_rr{float: right;width:71%;max-width: calc(100% - 270px - 4%);} .ll_p{background: #f9f9f9;padding: 12px 20px;box-sizing: border-box;} .ll_con{background: #f9f9f9;padding: 0 20px 40px;box-sizing: border-box;} .ll_con dd{padding: 14px 0;font-weight: bold;overflow: hidden;cursor: pointer;} .ll_con dd p{float: left;width: calc(100% - 22px);font-size: 16px;} .ll_con dd i{float: right;transition: all .3s;} .ll_con dt{display: none;overflow: hidden;} .ll_con dt p{line-height: 40px;transition: all .3s;cursor: pointer;padding-left: 15px;} .ll_con dt p>span{display: block;padding-left: 15px;display: none;font-size: 12px;} .ll_con dt p>a{float: left;width: calc(100% - 22px);} .ll_con dt p>i{float: right;width: 14px;text-align: right;transition: all .3s;} .ll_con dt p>span a{display: block;} .ll_con dt p>span a.on{color: #DE000F;} .ll_con dt p.on>a{color: #DE000F;} .ll_con dt p.on>i{transform: rotate(180deg);} /*.ll_con dt p.on>i{color: #DE000F;}*/ .brand_page{margin-bottom: 5%;overflow: hidden;} .brand_page ul{margin-left: -22px;margin-right: -22px;} .brand_page li{float: left;width: 33.3%;padding: 0 22px;box-sizing: border-box;margin-bottom: 20px;} .brand_page li dd{border: 2px solid #ebebeb;box-sizing: border-box;} .brand_page li dt{font-weight: bold;padding: 25px 0;} .ll_con dl.on dt{display: block;} .ll_con dt p.on>span{display: block;} .ll_con dl.on dd>i{transform: rotate(180deg);} /*p500*/ .p500_01{padding: 5% 0 5%;box-sizing: border-box;overflow: hidden;position: relative;} .p500_01 dd,.p500_01 dt{float: left;width: 50% ;height: 100%;} .p500_01 dd{padding-top: 70px;padding-left: 15px;box-sizing: border-box;padding-right: 80px;} .p500_01 dd h2{color: #e21a21;margin-bottom: 20px;} .p500_01 .spe_btn{position: static;float: left;width: 100%;text-align: left;} .p500_01 .spe_btn a{margin: 40px 10px 0 0;width: 32%; height: 48px; line-height: 48px;} .p500_swi{position: relative;} .p500_swi li{height: 400px;width: 100%;} .p500_swi .Div{background-size: 100% 100%!important;background-position: center!important;height: 100% !important;width: 100% !important;} .p500_360{position: absolute;width: 100%;right: 0;text-align: center;bottom: 30px;} .p500_360 p{margin-top: 10px;} .p500_tab{overflow: hidden;} .p500_tab ul{background: #f9f9f9;overflow: hidden;border-bottom: 2px solid #de0010;border-radius: 7px;box-sizing: border-box;} .p500_tab li{float: left;width: 12.5%;} .p500_tab li a{display: block;text-align: center;padding: 15px 0;border-radius: 5px;cursor: pointer;} .p500_tab li a.active{background: #de0010;color: #fff!important;} .p500_fixed .p500_tab{ position: fixed; top: 90px; left: 0; width: 100%; z-index: 999; margin: 0; border-bottom: 0; } .tab01,.tab02,.tab03,.tab04,.tab05{padding-top: 40px;overflow: hidden;} .tab01 h2,.tab02 h2,.tab03 h2,.tab04 h2,.tab05 h2{text-align: center;} .behaviour_list{width: 97%;margin: 35px auto 0;} .behaviour_list ul{margin-left: -25px;margin-right: -25px;} .behaviour_list li{float: left;width: 50%;padding: 0 25px;margin-bottom: 40px;} .behaviour_div{border: 2px solid #ebebeb;padding: 20px 40px;box-sizing: border-box;overflow: hidden;} .behaviour_div p{position: relative;padding-left: 14px;line-height: 24px;} .behaviour_div p:before{content: "";position: absolute;left: 0;top: 8px;font-size: 16px;display: block;width: 4px;height: 4px;background: #000;border-radius: 4px;} .format_div{width: 97%;margin: 35px auto 0;} .format_div img{width: 100%;} .format_div ul{border-radius: 5px;border: 2px solid #ebebeb;} .format_div ul li{border-bottom: 1px solid #ebebeb;overflow: hidden;} .format_div ul li p{width: 15%;float: left;border-right: 1px solid #ebebeb;box-sizing: border-box;padding: 14px 2%;/*overflow: hidden;white-space: nowrap;*/} .format_div ul li p:nth-child(2n){width: 28%;} .format_div ul li p:last-child{border-right: 0;width: 42%;} .format_div ul li:last-child{border-bottom: 0;} .package_list{width: 97%;margin: 35px auto 0;} .package_list ul{margin-left: -25px;margin-right: -25px;} .package_list li{float: left;width: 50%;padding: 0 25px;margin-bottom: 20px;} .package_list dl{overflow: hidden;position: relative;} .package_list li dd,.package_list li dt{float: left;height: 100%;} .package_list li dd{width: 45%;} .package_list li dt{width: 55%;position: absolute;right: 0;top: 0;height: 100%;} .package_txt{height: 100%;border: 1px solid #e2e7e9;box-sizing: border-box;border-left: 0;padding: 15px 40px;} .package_div{height: 100%;overflow: hidden;} .package_txt h3{margin-bottom: 15px;font-weight: bold;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #e21a21!important;} .apply_list{width: 97%;margin: 35px auto 0;} .apply_list ul{margin-left: -25px;margin-right: -25px;} .apply_list li{padding: 0 25px;float: left;width: 50%;} .apply_list li:nth-child(2n+1){clear:both;} .apply_list dd{overflow: hidden;} .apply_list dt{padding: 30px 0;} .apply_list dt h3{margin-bottom: 10px;} .apply_list dt p{line-height: 30px;/*height: 60px;*/overflow: hidden;} .tab05{padding-bottom: 60px;} .tab06{padding-top: 0;padding-bottom: 0;} .tab06 .tab06_con{padding: 8% 0 10%;overflow: hidden;} @media only screen and (min-width: 1025px){ .ll_con dt p>i:hover{color: #DE000F;} } @media only screen and (max-width: 1700px){ } @media only screen and (max-width: 1439px){ } @media only screen and (max-width: 1280px){ .product_box01 dt{width: 260px;} .product_box01 dd{width: calc(100% - 261px);padding-left: 40px;} /*.tab01,.tab02,.tab03,.tab04,.tab05{padding-top: 70px;}*/ } @media only screen and (max-width: 1200px){ .spe_btn a{height: 50px;line-height: 50px;} } @media only screen and (max-width: 1024px){ .p500_fixed .p500_tab{ top: 50px;} .p500_tab li a{padding:10px 0;} .product_box01, .product_02,.laGm_01,.laGm_02,.laGm_04,.laGm_05{padding: 50px 0;} .product_box01 dt,.product_box01 dd{width: 100%;padding: 0;} .product_box01 dd{border-left: 0;margin-top: 30px;} .product_list ul{margin-left: -10px;margin-right: -10px;} .product_list li{padding: 0 10px;margin-bottom: 20px;} .pro_solution{width: 50%;} .spe_btn{bottom: 10px;} .spe_btn a{height: 40px;line-height: 40px;width: 42%;margin: 0 5px;} .brand_info{padding: 50px 0;} .info_t{margin-bottom: 40px;} .pub_box{padding-bottom: 50px;} .box_ll{width: 300px;} .box_rr{width: calc(100% - 300px - 6%);} .brand_page ul{margin-left: -12px;margin-right: -12px;} .brand_page li{width: 50%;padding: 0 12px;} /*.tab01,.tab02,.tab03,.tab04,.tab05{padding-top: 50px;}*/ .behaviour_list ul{margin-left: -10px;margin-right: -10px;} .behaviour_list li{padding: 0 10px;} .behaviour_div{padding: 30px;} .package_list ul{margin-left: 0;margin-right: 0;} .package_list li{width: 100%;padding: 0;margin-bottom: 20px;} .apply_list ul{margin-left: -10px;margin-right: -10px;} .apply_list li{padding: 0 10px;} /*.tab05{padding-bottom: 30px;}*/ .laGm_img li .Div{height: 330px!important;margin-top: 0;} .laGm_360{margin-top: -5%;} .format_div{overflow: hidden;} .p500_swi li{height: 300px;} .p500_01 dd{padding-top: 0px;padding-right: 20px;} /*.format_div ul li p{width: 50%;border-bottom: 1px solid #ebebeb;}*/ /*.format_div ul li p:nth-child(2n){width: 50%;border-right: 0;}*/ /*.format_div ul{border-bottom: 1px solid #ebebeb;}*/ } @media only screen and (max-width: 1023px){ .format_div ul{width: 1200px;} } @media only screen and (max-width: 767px){ .p500_tab li a{padding:5px 0;} .product_box01, .product_02, .laGm_01, .laGm_02, .laGm_04, .laGm_05{padding: 30px 0;} .product_box01 dd{margin-top: 20px;} .product_list ul{margin-left: 0;margin-right: 0;} .product_list li{width: 100%;} .laGm_img li{height: 250px!important;} .laGm_img li .Div{height: 250px!important;} .laGm_360{margin-top: -55px;} .lhl_but div{top: 50%;} .describe_t{padding: 30px 20px;} .feature_list dl{width: 100%;padding: 0;margin-bottom: 10px;} .pro_solution{width: 100%;} .laGm_img02{margin-top: 30px;} .laGm_img02 li{height: auto!important;padding-bottom: 10px;} .spe_btn{position: static;width: 100%;margin-top: 30px;} .brand_info{padding: 30px 0;} .info_t img{margin-right: 10px;} .pub_box{padding-bottom: 30px;} .info_t{margin-bottom: 30px;} .box_ll,.box_rr{width: 100%;max-width: 100%;min-width: 100%;} .box_rr{margin-top: 40px;} .tab01,.tab02,.tab03,.tab04,.tab05{padding-top: 30px;} .p500_01{padding: 30px 0;} .p500_01 dd,.p500_01 dt{width: 100%;} .p500_01 dd{padding-right: 0;} .p500_01 .spe_btn{margin-top: 0;} .p500_01 .spe_btn a{width: 40%;} .spe_btn a i{margin-right: 6px;font-size: 16px;} .p500_tab li{width: 33.3%;} .describe_t,.behaviour_list,.format_div,.package_list,.apply_list,.product_list{margin-top: 25px;width: 100%;} .behaviour_list li{width: 100%;margin-bottom: 20px;} .behaviour_div{height: auto;} .package_list li dl{height: auto!important;} .package_list li dd, .package_list li dt{width: 100%;} .package_list li dt{position: static;} .package_txt{border: 1px solid #e2e7e9;padding: 20px;} .apply_list li{width: 100%;} } .vision_cont{padding: 53px 0 0;box-sizing: border-box;overflow: hidden;} .vision_c{margin-bottom: 60px;} .vision_c h2{font-weight: bold;margin: 20px 0;} .vision_item{display: inline-block;width: 100%;margin-bottom: 15px;} .vision_item h3{margin-bottom: 23px;font-weight: bold;} .vision_item ul{margin-left: -7px;margin-right: -7px;} .vision_item li{float: left;width: 33.3%;padding: 0 7px;box-sizing: border-box;margin-bottom: 20px;} .vision_item li dl{border: 2px solid #ebebeb;border-radius: 10px;height: 235px;overflow: hidden;position: relative;} .vision_Div{position: absolute;left: 0;top: 0;border-radius: 10px;border: 1px solid rgba(235,235,235,0);box-sizing: border-box;width: 100%;} .vision_item li dd{line-height: 50px;padding: 0 25px;box-sizing: border-box;overflow: hidden;border: none;border-bottom: 1px solid #edf0f2;} .vision_item li dd a{display: block;height: 100%;overflow: hidden;} .vision_item li dd p{float: left;} .vision_item li dd i{float: right;font-size: 18px;} .vision_item li dt{padding: 15px 25px;box-sizing: border-box;font-weight: inherit;} .vision_item li dt p{margin-bottom: 15px;} .vision_item li dt p a{display: block;position: relative;padding-left: 12px;} .vision_item li dt p a i{position: absolute;left: -3px;top: 0;font-weight: bold;} .ll_b a{padding: 12px 20px;box-sizing: border-box;border-radius: 5px;line-height: 26px;display: block; background:#f9f9f9; font-size:16px; font-weight:bold;} .ll_b img{width: 26px;height: 26px;margin-right: 10px;} .ll_b a i{margin-right:5px; color:#DF0011;} .series_c{margin-bottom: 60px;} .series_ll,.series_rr{float: left;height: 100%;} .series_ll{width: 56%;} .series_rr{width: 44%;padding-left: 40px;box-sizing: border-box;} .series_big,.series_small{float: left;height: 100%;position: relative;} .series_big{width: 78%;} .series_big .swiper-container{height: 100%;} .series_big .lhl_but div{top: 50%;} .series_big .lhl_but .swiper-button-prev{left: 0;} .series_big .lhl_but .swiper-button-next{right: 0;} .series_small{width: 22%;padding-left: 10px;box-sizing: border-box;} .series_small .swiper-container{height: 100%;} .series_small .swiper-container li img{height: 100%;} .series_small li{position: relative;cursor: pointer;height: 32%;} .white_blank{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);} .series_rr h2{font-weight: bold;margin-bottom: 15px;} .series_rr-txt{height:calc(100% - 55px);overflow: hidden;text-align:justify; text-justify:distribute-all-lines;} .series_small li.on .white_blank{display: none;} .series_02{border: 2px solid #ebebeb;border-radius: 10px;overflow: hidden;margin: 50px 0;} .series_02 li{border-bottom: 1px solid #eceff1;padding: 17px 22px;box-sizing: border-box;overflow: hidden;} .series_02 li:last-child{border-bottom: 0;} .series_02 li dd{float: left;width: 100px;font-weight: bold;line-height: 30px;} .series_02 li dt{float: left;width: calc(100% - 101px);} .series_02 li dt span{margin: 5px 0;margin-right: 30px;display: inline-block;cursor: pointer;transition: all .3s;} .series_02 .showall{ margin:2% 0; text-align: center; cursor: pointer;} .series_02 li{ display: none;} .series_02 li:nth-child(1),.series_02 li:nth-child(2),.series_02 li:nth-child(3){ display: block;} .series_02 ul.show li{display: block;} .span_all{/*color: #de0010;*/font-weight: bold;} .series_table{border: 1px solid #ebebeb;border-radius: 10px;overflow: hidden;} .series_table table{width: 100%;} .series_table td{padding: 20px 8px;box-sizing: border-box;width: 11.1%;text-align: center;font-size: 12px;border: 1px solid #eceff1;} .series_table thead td{background: #f9f9f9;} .series_table tbody td:last-child span{cursor: pointer;transition: all .3s;} .series_03{position: relative;} .right_contrast{width: 240px;border: 2px solid #ebebeb;border-radius: 10px;overflow: hidden;position: absolute;right: -50px;top: -120px;background: #fff;display: none;} .right_contrast h3{line-height: 38px;text-align: center;background: #f9f9f9;} .contrast_list{margin: 10px 0;display: inline-block;width: 100%;padding: 0 10px;box-sizing: border-box;} .contrast_list li{margin: 10px 0;overflow: hidden;} .contrast_list li p{float: left;width: calc(100% - 13px);overflow: hidden;white-space: nowrap;} .contrast_list li img{width: 8px;height: 8px;float: right;margin-top: 7.5px;margin-left: 5px;cursor: pointer;} .contrast_btn{text-align: center;margin-bottom: 10px;} .contrast_btn .btn{width: 80%;height: 35px;line-height: 35px;text-align: center;background: #ccc;color: #fff;border-radius: 15px;cursor:inherit;} .contrast_btn.on .btn{background: #ff0014;cursor: pointer;} .span_contrast.on{color: #ff0014;} .right_contrast.on{display: block;} .compared_cont{padding: 60px 0 100px;box-sizing: border-box;overflow: hidden;} .compared_table td{font-size: 14px;} .compared_table thead td{font-size: 18px;} .compared_table td.red{color: #ff0014;} .compared_table td:first-child{width: 7%;} .optical2_01.series_02{margin-top: 0;} .brandImg dt span{border: 2px solid #ebebeb;margin-right: 20px;box-sizing: border-box;} .brandImg dt span img{width: 121px;height: 43px;} .series_02 li dt span.on{color: #de0010;} .brandImg dt span.on{border-color: #de0010;} .tool_01 .series_02{margin-top: 0;} @media only screen and (min-width: 1025px){ .vision_item li dl:hover{border: 2px solid rgba(235,235,235,0);overflow: inherit;z-index: 10;} .vision_item li dl:hover .vision_Div{border:1px solid #ff0014;min-height: 243px;background: #fff;} /*.vision_item li dl:hover dd p{color: #ff0014;}*/ .series_02 li dt span:hover{color: #ff0014;} .series_table tbody td:last-child span:hover{color: #ff0014;} } @media only screen and (max-width: 1560px){ .brandImg dt span img{width: 90px;height: 32px;} .series_02 li dt span{margin-right: 20px;} .product_list ul{margin-left: -12px;margin-right: -12px;} .product_list li{padding: 0 12px;margin-bottom: 20px;} } @media only screen and (max-width: 1200px){ .vision_item li dd{padding: 0 15px;} .vision_item li dt{padding: 15px;} .series_table tbody td:last-child span{display: block;} } @media only screen and (max-width: 1024px){ .vision_item li{width: 100%;} .vision_item li dl{height: auto;} .vision_Div{position: static;} .vision_item li dt{height: auto;} .series_02 li dd{width: 85px;} .series_02 li dt{width: calc(100% - 86px);} .brandImg dt span img{width: 60px;height: 21px;} .series_02 li dt span{margin-right: 10px;} .series_01{height: auto!important;} .series_ll,.series_rr{width: 100%;} .series_ll{position: relative;} .series_small{position: absolute;right: 0;} .series_rr{padding: 30px 0;} .series_scroll{overflow: hidden;} .series_table{width: 1200px;} .series_table table{width: 100%;} .series_table tbody td:last-child span{display: inline-block;} .series_table td{padding: 10px 5px;} .right_contrast{right: 10px;} } @media only screen and (max-width: 767px){ .vision_cont{padding: 30px 0 0;} .compared_cont{padding: 30px 0 60px;} .series_02 li dd,.series_02 li dt{width: 100%;} .feature_list dt p{ height: auto;} } .marb5{margin-bottom: 5%;} /*20240321*/ .tab08{padding:3% 0 1.5%;} .tab08 h2{ text-align:center;} .tab08 .video-box{ cursor:pointer; position: relative;margin:35px 0 0;} .tab08 .video-box video{width:100%; height: 100%; object-fit: fill;} .tab08 .video-box em{position:absolute; left:50%; top:50%; width:68px; height:68px; margin:-34px 0 0 -34px; background:url(../images/play.png) no-repeat; background-size:cover;}