/* tenglong-v2: H5 reset+style */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{font-weight:normal;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}ol,ul{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.l,.col-l,.col_l,.col-c,.col_c{float:left;}.r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right;}.c{clear:both;}.n,em{font-weight:normal;font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.tdu{text-decoration:underline;}.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}.fc0{color:#000000;}.fc3{color:#333333;}.fc6{color:#666666;}.fc9{color:#999999;}.fcr{color:red;}.fcw{color:white;}.fcb{color:blue;}.fcg{color:green;}.f0{font-size:0;}.f10{font-size:10px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f20{font-size:20px;}.f24{font-size:24px;}.vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;}.vimg{margin-bottom:-3px;}.m0{margin:0;}.ml0{margin-left:0;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr0{margin-right:0;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.ml-1{margin-left:-1px;}.mt-1{margin-top:-1px;}.p1{padding:1px;}.pl5{padding-left:5px;}.p5{padding:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.p10{padding:10px;}.pl10{padding-left:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.p20{padding:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}.rel,.pr{position:relative;}.abs,.pa{position:absolute;}.dn{display:none;}.db{display:block;}.dib{-moz-inline-stack:inline-block;display:inline-block;}.di{display:inline;}.ovh{overflow:hidden;}.ovs{overflow:scroll;}.vh{visibility:hidden;}.vv{visibility:visible;}.lh14{line-height:14px;}.lh16{line-height:16px;}.lh18{line-height:18px;}.lh20{line-height:20px;}.lh22{line-height:22px;}.lh24{line-height:24px;}.fix{*zoom:1;}.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}.z{_zoom:1;}.h1{height:1px;}.h5{height:5px;}.h10,.h{height:10px;}.h15{height:15px;}.h20{height:20px;}.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-weight:normal;font-size:0px;line-height:0;overflow:hidden;clear:both;visibility:hidden;}a{text-decoration:none;color:inherit;}.h25{height:25px;}.h30{height:30px;}.h40{height:40px;}.h45{height:45px;}.h50{height:50px;}.h55{height:55px;}.h60{height:60px;}.content_WH{width:1200px;margin:0px auto;}a{transition:all 0.3s;}.clear{clear:both;} .inputon label.label_control { display: none; } @font-face{ font-family: 'Inter-Black'; src: url("/assets/tenglong-v2/fonts/Inter-Black_6c6043475755.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-Bold'; src: url("/assets/tenglong-v2/fonts/Inter-Bold_090d46470615.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-ExtraBold'; src: url("/assets/tenglong-v2/fonts/Inter-ExtraBold_c4db4326d520.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-ExtraLight'; src: url("/assets/tenglong-v2/fonts/Inter-ExtraLight_5d56b05a6aa9.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-Light'; src: url("/assets/tenglong-v2/fonts/Inter-Light_026382050390.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-Medium'; src: url("/assets/tenglong-v2/fonts/Inter-Medium_d8e48e1b6d95.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-Regular'; src: url("/assets/tenglong-v2/fonts/Inter-Regular_958e427d71d0.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-SemiBold'; src: url("/assets/tenglong-v2/fonts/Inter-SemiBold_7fa15ebefde7.ttf"); font-display: swap; } @font-face{ font-family: 'Inter-Thin'; src: url("/assets/tenglong-v2/fonts/Inter-Thin_f6208c3d199e.ttf"); font-display: swap; } @font-face{ font-family: 'Poppins-Medium'; src: url("/assets/tenglong-v2/fonts/Poppins-Medium_1b99c3b3c1d1.ttf"); font-display: swap; } *{ font-family: "Inter-Regular"; } :root{ --mainColor:#B11F23; } .contentWH{width: 73.33%;height: auto;margin: 0px auto;} .contentWH1600{width: 83.33%;height: auto;margin: 0px auto;} .contentWH1400{width: 73.33%;height: auto;margin: 0px auto;} .contentWH1200{width: 1200px;height: auto;margin: 0px auto;} /*banner start*/ .banner{width: 100%;height: auto;position: relative;} .banner_bg{width: 100%;height: auto;} .banner_bg img{width: 100%;display: block;height: auto;} .banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;} .banner_content h1{font-size: 48px;color: #FFFFFF;text-align: center;font-weight: 700;} /*banner end*/ /*crumbs start*/ .crumbs_box{width: 100%;height: auto;border-bottom: 1px solid #E1E1E1;} .crumbs_content{width: 100%;height: 50px;display: flex;justify-content: space-between;align-items: center;} .crumbs_content img{display: block;width: 16px;height: auto;margin-right: 5px;} .crumbs_content a,.crumbs_content i{font-size: 16px;color: #666666;font-style: normal;display: block;} .crumbs_content i{margin: 0px 5px;} .crumbs_content a{display: flex;justify-content: flex-start;align-items: center;} .crumbs_content a:hover{color: var(--mainColor);} .crumbs_content_left{display: flex;height: 100%;justify-content: flex-start;align-items: center;} .crumbs_content_right{display: flex;height: 100%;justify-content: flex-end;} .crumbs_content_right li{height: 100%;position: relative;} .crumbs_content_right li + li{margin-left: 50px;} .crumbs_content_right li a{display: flex;align-items: center;height: 100%;color: #666666;} .crumbs_content_right li:hover a,.crumbs_content_right li.on a{color: var(--mainColor);} .crumbs_content_right li.on:after{content: "";display: block;width: 100%;height: 2px;background: var(--mainColor);position: absolute;left: 0;bottom: -1px;} /*crumbs end*/ /*Public inquire lightbox*/ .header_language_mask, .video_mask, .download_inquire_mask, .product_inquire_mask, .email_inquire_mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.35);backdrop-filter: blur(60px) saturate(1.2);z-index: 999;display: none;} .header_language_close, .video_close, .product_inquire_close, .download_inquire_close, .email_inquire_close{width: 40px;height: auto;aspect-ratio:1/1;display: flex;justify-content: center;align-items: center;background: #FFFFFF;border-radius: 50%;position: absolute;right: 40px;top: 40px;cursor: pointer;transition: all 0.8s;} .header_language_close img, .video_close img, .product_inquire_close img, .download_inquire_close img, .email_inquire_close img{width: 50%;height: auto;display: block;} .header_language_close:hover, .video_close:hover, .download_inquire_close:hover, .product_inquire_close:hover, .email_inquire_close:hover{transform: rotate(360deg);} .product_inquire_box, .download_inquire_box, .email_inquire_box{width: 800px;height: auto;border-radius: 10px;padding: 40px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999;display: none;} .product_inquire_title, .download_inquire_title, .email_inquire_title{width: 100%;height: auto;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;} .download_inquire_title, .product_inquire_title, .email_inquire_title{font-size: 28px;color: #333333;font-weight: 600;} .product_inquire_ul, .download_inquire_ul, .email_inquire_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;} .public_contact_form_content_right_content_ul li, .download_inquire_ul li, .product_inquire_ul li, .email_inquire_ul li{width: 100%;height: auto;position: relative;margin-top: 20px;} .public_contact_form_content_right_content_ul li.WH48, .download_inquire_ul li.WH48, .product_inquire_ul li.WH48, .email_inquire_ul li.WH48{width: 48.5%;} .public_contact_form_content_right_content_ul li input, .download_inquire_ul li input, .product_inquire_ul li input, .email_inquire_ul li input{width: 100%;height: 40px;border-radius: 5px;border: 1px solid #E5E5E5;background: #FFFFFF;padding: 0 12px;outline: none;display: block;} .public_contact_form_content_right_content_ul li textarea, .download_inquire_ul li textarea, .product_inquire_ul li textarea, .email_inquire_ul li textarea{width: 100%;height: 80px;display: block;border: 1px solid #E5E5E5;border-radius: 5px;padding: 12px;outline: none;resize: none;} .public_contact_form_content_right_content_ul li img, .download_inquire_ul li img, .product_inquire_ul li img, .email_inquire_ul li img{height: 40px;width: auto;display: block;position: absolute;right: 0;top: 0;border-radius: 0 5px 5px 0px;} .tips{position: absolute;right: 12px;top: 8px;color: red;font-size: 12px;} .code .tips{position: relative;top: 0;right: auto;} .public_contact_form_content_right_content_ul li p, .product_inquire_ul li p, .download_inquire_ul li p, .email_inquire_ul li p{font-size: 14px;line-height: 1.6;font-weight: 300;} .public_contact_form_content_right_content_ul li p a, .product_inquire_ul li p a, .download_inquire_ul li p a, .email_inquire_ul li p a{font-weight: 300;text-decoration: underline;} .public_contact_form_content_right_content_ul li p a:hover, .download_inquire_ul li p a:hover, .product_inquire_ul li p a:hover, .email_inquire_ul li p a:hover{color: var(--mainColor);} .public_contact_form_content_right_content_btn, .download_inquire_btn, .product_inquire_btn, .email_inquire_btn{display: block;width: 220px;height: 50px;border-radius: 5px;background: var(--mainColor);margin-top: 20px;color: #FFFFFF;font-size: 16px;border: none;outline: none;cursor: pointer;} .video_lightbox{width: 63.33%;height: auto;aspect-ratio:16/9;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 999;display: none;} .video_lightbox iframe{display: block;width: 100%;height: 100%;} /*Public inquire lightbox*/ /*right online start*/ .right_online_box{width: 58px;height: auto;position: fixed;top: 50%;transform: translateY(-50%);right: 34px;z-index: 99;display: none;} .right_online_box li{width: 100%;height: auto;aspect-ratio:1/1;position: relative;} .right_online_box li + li{margin-top: 1px;} .right_online_btn{width: 100%;height: 100%;background: var(--mainColor);overflow: hidden;transition: all 0.3s;} .right_online_btn a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;} .right_online_btn img{display: block;width: 27px;height: auto;} .right_online_box li:nth-of-type(1) .right_online_btn{border-radius: 4px 4px 0 0;} .right_online_content{width: 220px;height: 100%;padding-right: 5px;position: absolute;right: 100%;top: 0;justify-content: center;align-items: center;display: none;transition: all 0.3s;} .right_online_content a{font-size: 16px;color: #FFFFFF;display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;border-radius: 4px;background: var(--mainColor);padding-left: 20px;} .right_online_box li:hover .right_online_content{display: flex;} .right_online_box li:nth-last-of-type(1) .right_online_btn{border-radius: 0 0 4px 4px;} .back_top{width: 44px;height: 44px;background: var(--mainColor);border-radius: 50%;display: flex;justify-content: center;align-items: center;position: fixed;bottom: 74px;right: 55px;z-index: 999;cursor: pointer;transition: all 0.3s;display: none;} .back_top img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} /*right online end*/ /*news-template*/ .news_list_top_box{width: 100%;height: auto;padding: 80px 0;} .news_list_top_sw{width: 100%;height: auto;padding-bottom: 42px;} .news_list_top_sw .swiper-slide{border-radius: 10px;overflow: hidden;background: #FAFAFA;height: auto;width: 100%;} .news_list_top_sw .swiper-slide a{display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;} .news_list_top_sw_img{width: 42.86%;height: auto;overflow: hidden;} .news_list_top_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .news_list_top_sw_right{width: 46.43%;height: auto;margin-left: 50px;} .news_list_top_sw_right_time{font-size: 22px;color: var(--mainColor);} .news_list_top_sw_right h2{font-size: 20px;color: #333333;line-height: 1.4;font-family: "Roboto-Medium";margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news_list_top_sw_right p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 34px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news_list_top_sw_right span{display: flex;justify-content: center;align-items: center;width: 170px;height: 56px;border: 1px solid var(--mainColor);border-radius: 10px;font-size: 20px;color: var(--mainColor);font-family: "Roboto-Medium";margin-top: 30px;transition: all 0.3s;} .news_list_top_sw .swiper-slide:hover .news_list_top_sw_img img{transform: scale(1.1);} .news_list_top_sw .swiper-slide:hover .news_list_top_sw_right span{background: var(--mainColor);color: #FFFFFF;} .news_list_top_sw_page{width: 100%;bottom: 0 !important;} .news_list_top_sw_page span{width: 12px;height: 12px;background: var(--mainColor);} .news_list_bottom_box{width: 100%;height: auto;margin-top: 50px;} .news_list_bottom_box li{width: 100%;height: auto;margin-top: 30px;background: #F2F5F8;border-radius: 16px;overflow: hidden;transition: all 0.3s;} .news_list_bottom_box li a{display: flex;justify-content: space-between;align-items: center;width: 100%;height: auto;padding: 46px 53px;} .news_list_bottom_time{width: 182px;height: auto;position: relative;} .news_list_bottom_time:after{content: "";display: block;width: 1px;height: 130px;background: #c8c8c8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .news_list_bottom_time strong{display: block;font-size: 40px;color: var(--mainColor);text-align: center;} .news_list_bottom_time span{display: block;font-size: 20px;color: var(--mainColor);text-align: center;} .news_list_bottom_right{width: 79.7%;height: auto;} .news_list_bottom_right h2{font-size: 20px;color: #333333;font-family: "Roboto-SemiBold";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s;} .news_list_bottom_right p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news_list_bottom_right span{display: block;font-size: 18px;color: var(--mainColor);margin-top: 14px;transition: all 0.3s;} .news_list_bottom_box li:hover .news_list_bottom_right h2{color: var(--mainColor);} .news_list_bottom_box li:hover{box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);} .news_list_bottom_box li:hover .news_list_bottom_right span{text-decoration: underline;} .news_page{width: 100%;height: auto;display: flex;justify-content: center;margin-top: 50px;} .news_page li{width: 40px;height: 40px;opacity: 0.2;} .news_page li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border: 1px solid #C0CCD9;background: var(--mainColor);font-size: 18px;color: #FFFFFF;border-radius: 4px;} .news_page li + li{margin-left: 8px;} .news_page li.on,.news_page li.prev,.news_page li.next,.news_page li:hover{opacity: 1;} .news_page li.prev a,.news_page li.next a{background: transparent;} .news_page li.prev a:hover,.news_page li.next a:hover{background: var(--mainColor);} /*news_detial.html start*/ .news_detial_box{width: 100%;height: auto;padding: 80px 0;background: #f8f8f8;} .news_detial_content{width: 100%;height: auto;display: flex;justify-content: space-between;} .news_detial_content_left{width: 78%;height: auto;padding: 50px;border-radius: 10px;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);} .news_detial_content_left_top h1{font-size: 32px;font-weight: 500;} .news_detial_content_left_top_bottom{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #E5E5E5;margin-top: 30px;} .news_detial_content_left_top_bottom p{display: flex;justify-content: flex-start;align-items: center;font-size: 14px;color: #333333;} .news_detial_content_left_top_bottom p img{width: 16px;display: block;margin-right: 5px;} .news_detial_content_left_top_bottom p + p{margin-left: 80px;} .news_detial_content_left_bottom{width: 100%;height: auto;margin-top: 30px;} .news_detial_content_left_bottom table{width: 100%;height: auto;background:#fcfcfc;} .news_detial_content_left_bottom table th{height: auto;background: #333333;color: #FFFFFF;padding: 5px 10px;border: 1px solid #efefef;font-size: 18px;font-weight: 600;} .news_detial_content_left_bottom table td{height: auto;font-size: 16px;border: 1px solid #EFEFEF;padding: 5px 10px;font-weight: 300;} .news_detial_content_left_bottom table tr:nth-of-type(even){background: #FFFFFF;} .public_product_detial_feature_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .public_product_detial_feature_ul li{width: 48.6%;height: auto;margin-top: 40px;background: #F8F8F8;border-radius: 12px;box-shadow: 4px 4px 12px 0px rgba(179, 179, 179, 0.25);padding: 40px 45px;display: flex;justify-content: flex-start;align-items: center;} .news_detial_content_left_bottom p{font-size: 16px;color: #333333;line-height: 1.6;margin-top: 15px;} .news_detial_content_left_bottom h2{font-size: 18px;color: #333333;margin-top: 15px;font-weight: 600;} .news_detial_content_left_bottom p img{display: block;max-width: 100%;height: auto;margin: 0px auto;} .news_detial_content_left_bottom_last{width: 100%;height: auto;margin-top: 30px;padding-top: 30px;border-top: 1px solid #E5E5E5;display: flex;justify-content: space-between;align-items: center;} .news_detial_content_left_bottom_last_list{width: 48.5%;font-size: 16px;color: #333333;line-height: 1.6;display: flex;justify-content: flex-start;} .news_detial_content_left_bottom_last_list strong{display: block;margin-right: 5px;font-size: 18px;} .news_detial_content_left_bottom_last_list a{color: #666;display: block;margin-top: 3px;font-weight: 300;} .news_detial_content_left_bottom_last_list a:hover{color: var(--mainColor);text-decoration: underline;} .news_detial_content_right{width: 20%;height: auto;} .news_detial_content_right_box{width: 100%;height: auto;position: sticky;top: 0;} .news_detial_share{width: 100%;height: auto;padding: 20px 20px;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);border-radius: 10px;} .news_detial_share_title{width: 100%;height: auto;padding-bottom: 10px;border-bottom: 1px solid #E5E5E5;} .news_detial_share_title{font-size: 18px;color: #333333;font-weight: 600;} .news_detial_share_box{width: 100%;margin-top: 15px;} #st-1{text-align: left !important;} #st-1 .st-btn[data-network='linkedin'], #st-1 .st-btn[data-network='whatsapp']{display: inline-block !important;} #st-1 .st-btn[data-network='email']{display: none !important;} .news_detial_form_box{width: 100%;height: auto;padding: 20px 20px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);margin-top: 20px;} .news_detial_form{width: 100%;height: auto;} .news_detial_form li{width: 100%;height: auto;position: relative;margin-bottom: 10px;} .news_detial_form li input{display: block;width: 100%;height: 35px;border: 1px solid #E5E5E5;border-radius: 5px;outline: none;padding: 0 10px;font-size: 12px;} .news_detial_form li textarea{display: block;width: 100%;height: 65px;border: 1px solid #E5E5E5;border-radius: 5px;outline: none;padding: 0 10px;font-size: 12px;resize: none;font-family: inherit;padding: 8px 10px;} .news_detial_form_title{border: none;} .news_detial_form li img{display: block;height: 35px;width: auto;position: absolute;right: 0;top: 0;cursor: pointer;} .news_detial_form_btn{display: block;width: 100%;height: 35px;border-radius: 5px;background: #333333;font-size: 14px;color: #FFFFFF;cursor: pointer;border: none;outline: none;transition: all 0.3s;} .news_detial_form_btn:hover{background: var(--mainColor);} .news_detial_related_box{width: 100%;height: auto;padding: 20px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);margin-top: 20px;} .news_detial_related_sw{width: 100%;height: auto;margin-top: 20px;padding-bottom: 30px;} .news_detial_related_sw .swiper-slide{width: 100%;height: auto;background: #F8F8F8;border-radius: 5px;overflow: hidden;} .news_detial_related_sw_img{width: 100%;height: auto;overflow: hidden;} .news_detial_related_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .news_detial_related_sw_txt{width: 100%;height: auto;padding: 15px 10px;} .news_detial_related_sw_txt h2{font-size: 15px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_detial_related_sw .swiper-slide:hover .news_detial_related_sw_img img{transform: scale(1.1);} .news_detial_related_sw .swiper-slide:hover .news_detial_related_sw_txt h2{color: var(--mainColor);} .news_detial_related_sw_page{width: 100%;bottom: 0 !important;} .news_detial_related_sw_page span{width: 6px;height: 6px;background: var(--mainColor);} /*news_detial.html end*/ /*video.html start*/ .videos_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;padding-top: 50px;} .videos_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .videos_ul li{width: 32%;height: auto;margin-top: 30px;margin-left: 2%;background: #FFFFFF;} .videos_ul li:nth-of-type(3n+1){margin-left: 0;} .videos_ul_ifream{width: 100%;height: auto;aspect-ratio:16/9;} .videos_ul_ifream iframe{width: 100%;height: 100%;display: block;} .videos_ul_ifream_div{width: 100%;height: auto;padding: 20px;} .videos_ul_ifream_div h2{font-size: 18px;color: #333333;line-height: 1.6;display: block;height: 58px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden} .videos_ul_ifream_div p{font-size: 16px;color: #999999;display: flex;justify-content: flex-start;align-items: center;margin-top: 15px;} .videos_ul_ifream_div p img{width: 16px;height: auto;display: block;margin-right: 10px;} /*video.html start*/ /*faq.html start*/ .faq_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;padding-top: 50px;} .faq_ul{width: 100%;height: auto;} .faq_ul li{width: 100%;height: auto;overflow: hidden;border-radius: 10px;background: #FFFFFF;transition: all 0.3s;margin-top: 20px;} .faq_top{width: 100%;height: 65px;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;border-bottom: 1px solid transparent;cursor: pointer;transition: all 0.3s;} .faq_top h2{display: block;font-size: 18px;color: #333333;font-weight: 500;width: 90%;transition: all 0.3s;} .faq_top span{font-size: 25px;color: #333;border-radius: 50%;font-weight: 500;line-height: 0;transition: all 0.3s;display: block;} .faq_bottom{width: 100%;height: auto;padding: 30px 20px;display: none;} .faq_bottom p{font-size: 16px;line-height: 1.8;} .faq_ul li.on .faq_top{border-color: #E5E5E5;background: var(--mainColor);} .faq_ul li.on,.faq_ul li:hover{box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);} .faq_ul li.on .faq_top h2{color: #FFFFFF;} .faq_ul li.on .faq_top span{color: #FFFFFF;} /*faq.html end*/ /*download.html start*/ .download_box{width: 100%;height: auto;padding: 80px 0px;padding-top: 50px;} .download_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .download_ul li{width: 48.5%;height: auto;transition: all 0.3s;margin-top: 30px;} .download_ul li a{display: block;width: 100%;height: auto;padding: 30px;border: 1px solid #E5E5E5;transition: all 0.3s;display: flex;justify-content: space-between;align-items: center;} .download_ul_left{width: 80%;height: auto;} .download_ul_left h2{font-size: 18px;color: #333333;font-weight: 500;display: block;transition: all 0.3s;} .download_ul_right{width: 12%;height: auto;} .download_ul_right img{display: block;width: 100%;height: auto;filter: brightness(0);transition: all 0.3s;} .download_ul_left p{display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;font-size: 16px;} .download_ul_left p img{width: 18px;display: block;margin-right: 8px;} .download_ul li:hover{box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);} .download_ul li:hover h2{color: var(--mainColor);} .download_ul li:hover .download_ul_right img{filter: initial;} /*download.html end*/ /*contact.html start*/ .public_contact_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .public_contact_info_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .public_contact_info_ul li{width: 32%;height: auto;border-radius: 10px;transition: all 0.3s;margin-left: 2%;background: #FFFFFF;overflow: hidden;} .public_contact_info_ul li:nth-of-type(3n+1){margin-left: 0;} .public_contact_info_img{width: 100%;height: auto;} .public_contact_info_img img{width: 100%;height: auto;display: block;} .public_contact_info_txt{width: 100%;height: auto;padding: 30px 40px;} .public_contact_info_ul_ico{width: 48px;height: auto;aspect-ratio:1/1;background: var(--mainColor);border-radius: 50%; display: flex;justify-content: center;align-items: center;transition: all 0.3s;margin-top: -60px;position: relative;z-index: 2;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);} .public_contact_info_ul_ico img{width:60%;height: auto;display: block;filter: brightness(0) invert(1);} .public_contact_info_ul li h2{font-size: 24px;color: #333333;text-align: center;font-weight: 600;margin-top: 30px;} .public_contact_info_ul li span{display: block;width: 30px;height: 3px;background: var(--mainColor);margin: 0px auto;margin-top: 5px;} .public_contact_info_ul li p{font-size: 18px;color: #666666;text-align: center;margin-top: 20px;line-height: 1.6;} .public_contact_info_ul li p a:hover{text-decoration: underline;color: var(--mainColor);} .public_contact_info_ul li:hover{border-color: var(--mainColor);box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);} .public_contact_info_ul li:hover .contact_info_ul_ico{transform: rotate(360deg);} .public_contact_form_box{width: 100%;height: auto;padding: 80px 0;} .public_contact_form_content{width: 100%;height: auto;display: flex;justify-content: space-between;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);overflow: hidden;border-radius: 10px;} .public_contact_form_content_left{width: 50%;height: auto;} .public_contact_form_content_left img{width: 100%;height: auto;display: block;} .public_contact_form_content_right{width: 50%;height: auto;display: flex;justify-content: center;align-items: center;} .public_contact_form_content_right_content{width: 92%;height: auto;} .public_contact_form_content_right_content_title{width: 100%;height: auto;} .public_contact_form_content_right_content_title h2{font-size: 32px;color: #333333;font-weight: 600;} .public_contact_form_content_right_content_title p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 10px;} .public_contact_form_content_right_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} /*contact.html end*/ /*products.html start*/ .public_products_box{width: 100%;height: auto;padding: 80px 0;} .public_products_content{width: 100%;height: auto;} .public_products_title{width: 100%;height: auto;padding-bottom: 30px;border-bottom: 1px solid #E5E5E5;} .public_products_title h1, .public_products_title h2{font-size: 48px;color: #333333;font-weight: 600;text-align: center;} .public_products_title p{font-size: 16px;line-height: 1.8;margin-top: 20px;} .public_products_content_more{display: flex;justify-content: center;align-items: center;width: 160px;height: 45px;background: var(--mainColor);margin: 0px auto;font-size: 16px;color: #FFFFFF;margin-top: 30px;border-radius: 5px;} .public_products_content_box{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 50px;} .public_products_content_left{width: 23.5%;height: auto;} .public_products_content_left_content{width: 100%;height: auto;position: sticky;top: 0;} .public_products_content_left_content_title{width: 100%;height: 45px;background: var(--mainColor);display: flex;align-items: center;padding: 0 15px;} .public_products_content_left_content_title h2{font-size: 20px;color: #FFFFFF;font-weight: 600;} .public_products_content_left_content_ul{width: 100%;height: auto;margin-top: 10px;} .public_products_content_left_content_ul li{width: 100%;height: auto;} .public_products_content_left_content_ul_top{width: 100%;height: 45px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px #E5E5E5 solid;padding: 0 15px;} .public_products_content_left_content_ul_top h3{font-size: 16px;color: #333333;} .public_products_content_left_content_ul_top_btn{display: block;width: 18px;height: auto;cursor: pointer;transition: all 0.3s;transform: rotate(-90deg);} .public_products_content_left_content_ul_top_btn img{width: 100%;height: auto;display: block;} .public_products_content_left_content_ul_bottom{width: 100%;height: auto;display: none;} .public_products_content_left_content_ul_bottom dd{width: 100%;height: auto;} .public_products_content_left_content_ul_bottom_list_top{width: 100%;height: 45px;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;border-bottom: 1px solid #E5E5E5;} .public_products_content_left_content_ul_bottom_list_top h3{font-size: 14px;color: #333333;} .public_products_content_left_content_ul_bottom_list_top h3 a{font-size: 14px;} .public_products_content_left_content_ul_top_btn2{width: 18px;height: auto;transform: rotate(-90deg);cursor: pointer;} .public_products_content_left_content_ul_top_btn2 img{width: 100%;height: auto;display: block;} .public_products_content_left_content_ul_bottom_list_bottom{width: 100%;height: auto;padding: 10px 20px;background: #FFFFFF;display: none;} .public_products_content_left_content_ul_bottom_list_bottom a{display: block;line-height: 2;font-size: 14px;color: #333333;padding-left: 20px;position: relative;} .public_products_content_left_content_ul_bottom_list_bottom a:before{content: "";display: block;width: 6px;height: 6px;background: #333333;border-radius: 50%;position: absolute;left: 5px;top: 11px;} .public_products_content_left_content_ul_bottom_list_bottom a:hover{color: var(--mainColor);text-decoration: underline;} .public_products_content_left_content_ul_bottom_list_bottom a:hover:before{background: var(--mainColor);} .public_products_content_left_content_ul li.on{box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.15);} .public_products_content_left_content_ul li.on .public_products_content_left_content_ul_top{background: var(--mainColor);} .public_products_content_left_content_ul li.on .public_products_content_left_content_ul_top h3{color: #FFFFFF;} .public_products_content_left_content_ul li.on .public_products_content_left_content_ul_top_btn{transform: rotate(0deg);} .public_products_content_left_content_ul li.on .public_products_content_left_content_ul_top_btn img{filter: brightness(0) invert(1);} .public_products_content_left_content_ul_bottom dd.on .public_products_content_left_content_ul_top_btn2{transform: rotate(0);} .public_products_content_right_box{width: 74.5%;height: auto;} .public_products_content_right{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .public_products_content_right li{width: 32%;height: auto;border: 1px solid #E5E5E5;margin-bottom: 30px;border-radius: 8px;margin-left: 2%;overflow: hidden;} .public_products_content_right li:nth-of-type(3n+1){margin-left: 0;} .public_products_content_right_img{width: 100%;height: auto;aspect-ratio:1/1;display: flex;justify-content: center;align-items: center;overflow: hidden;} .public_products_content_right_img a{display: block;width: 100%;height: auto;padding: 10px;} .public_products_content_right_img img{max-width: 100%;height: auto;display: block;transition: all 0.3s;} .public_products_content_right_txt{width: 100%;height: auto;padding: 10px;border-top: 1px solid #E5E5E5;} .public_products_content_right_txt h2{font-size: 18px;line-height: 1.6;display: block;height: 52px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: 600;} .public_products_content_right_txt h2 a{font-weight: 600;} .public_products_content_right_txt h2 a:hover{color: var(--mainColor);} .public_products_content_right_txt p{font-size: 14px;line-height: 1.4;color: #666666;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 10px;} .public_products_content_right_more{width: 100%;height: 42px;display: flex;justify-content: center;align-items: center;margin-top: 20px;background: #999;border-radius: 5px;color: #FFFFFF;font-size: 16px;} .public_products_content_right_more img{display: block;width: 32px;filter: brightness(0) invert(1);margin-right: 10px;} .public_products_content_right_img:hover img{transform: scale(1.1);} .public_products_content_right_more:hover{background: var(--mainColor);} .public_product_advantage_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .public_product_advantage_title{width: 100%;height: auto;} .public_product_advantage_title h2{font-size: 48px;color: #333333;font-weight: 600;text-align: center;} .public_product_choose_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .public_product_choose_ul li{width: 23.6%;height: auto;background: #FFFFFF;margin-top: 45px;padding: 48px 26px 19px 26px;background: #FFFFFF;transition: all 0.3s;} .public_product_choose_ul_ico{width: 78px;height: auto;margin: 0px auto;transition: all 0.3s;} .public_product_choose_ul_ico img{width: 100%;height: auto;display: block;} .public_product_choose_ul li:hover{box-shadow: 4px 4px 12px 0px rgba(129, 129, 129, 0.25);} .public_product_choose_ul li:hover .index_why_choose_ul_ico{transform: translateY(-10px);} .public_product_choose_ul li h4{font-size: 20px;color: #000000;line-height: 1.5;text-align: center;margin-top: 25px;font-weight: 600;transition: all 0.3s;display: block;display: block;min-height: 60px;} .public_product_choose_ul li p{font-size: 16px;color: #666666;line-height: 1.6;text-align: center;margin-top: 18px;} .public_product_choose_ul li:hover h4{color: var(--mainColor);} .public_product_faq{padding: 80px 0;} .public_product_faq .faq_ul li{background: #F8F8F8;} /*products.html end*/ /*product_detial.html start*/ .public_product_detial_info_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;overflow: hidden;} .public_product_detial_info_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .public_product_detial_info_content_left{width: 53.6%;height: auto;} .public_product_detial_info_content_left_sw{width: 100%;height: auto;} .public_product_detial_info_content_left_sw .swiper-slide{width: 100%;height: auto;border: 1px solid #E5E5E5;} .public_product_detial_info_content_left_sw img{width: 100%;height: auto;display: block;} .video_click{width: 100%;height: auto;display: block;position: relative;} .video_click:before{content: "";display: block;width: 100%;height: 100%;background: url(/assets/tenglong-v2/images/video_click_btn.png) no-repeat center center rgba(0,0,0,0.6);position: absolute;left: 0;top: 0;z-index: 2;} .public_product_detial_info_content_left_bottom_sw{width: 100%;height: auto;margin-top: 10px;} .public_product_detial_info_content_left_bottom_sw .swiper-slide{border: 1px solid #E5E5E5;cursor: pointer;} .public_product_detial_info_content_left_bottom_sw .swiper-slide img{width: 100%;height: auto;display: block;} .public_product_detial_info_content_left_bottom_sw .swiper-slide.swiper-slide-thumb-active{border-color: var(--mainColor);} .public_product_detial_info_content_left_sw img{width: 100%;height: auto;display: block;} .public_product_detial_info_content_left_bottom_sw .swiper-slide a{width: 100%;height: auto;display: block;position: relative;} .public_product_detial_info_content_left_bottom_sw .swiper-slide a:before{content: "";display: block;width: 100%;height: 100%;background: url(/assets/tenglong-v2/images/video_click_btn.png) no-repeat center center rgba(0,0,0,0.6);background-size: 40px auto; position: absolute;left: 0;top: 0;z-index: 2;} .public_product_detial_info_content_right{width: 41.4%;height: auto;} .public_product_detial_info_content_right_content{width: 100%;height: auto;} .public_product_detial_info_content_right_content h1{font-size: 32px;color: #333333;font-weight: 600;} .public_product_detial_info_content_right_content p{font-size: 18px;color: #333333;line-height: 1.8;margin-top: 20px;} .public_product_detial_info_content_right_share{width: 100%;height: auto;margin-top: 30px;padding-top: 30px;border-top: 1px solid #E5E5E5;} .public_product_detial_info_content_right_share h2{font-size: 24px;font-weight: 600;} .public_product_detial_info_btn{display: flex;justify-content: flex-start;margin-top: 50px;width: 100%;height: auto;} .public_product_detial_info_btn a{display: flex;justify-content: center;align-items: center;width: 160px;height: 45px;color: #FFFFFF;background: var(--mainColor);border-radius: 8px;font-size: 16px;} .public_product_detial_info_btn a + a{margin-left: 10px;} .public_product_detial_info_btn a:nth-last-of-type(1){background: #333333;} .public_product_detial_nav_box{width:100%;height: auto;background: #FFFFFF;position: sticky;top: 100px;z-index: 99;box-shadow: 4px 4px 12px 0px rgba(179, 179, 179, 0.25);} .public_product_detial_nav_ul{width: 100%;height: 70px;display: flex;justify-content: center;align-items: center;} .public_product_detial_nav_ul li{display: flex;align-items: center;height: 100%;font-size: 18px;font-weight: 600;cursor: pointer;position: relative;} .public_product_detial_nav_ul li + li{margin-left: 80px;} .public_product_detial_nav_ul li:hover,.public_product_detial_nav_ul li.on{color: var(--mainColor);} .public_product_detial_nav_ul li.on:after{content: "";display: block;width: 100%;height: 2px;background: var(--mainColor);position: absolute;left: 0;bottom: 0;} .public_product_detial_content_box{width: 100%;height: auto;} .public_product_detial_content_list{width: 100%;height: auto;padding-top: 80px;} .public_product_detial_content_list_title{width: 100%;height: auto;position: relative;padding-left: 30px;} .public_product_detial_content_list_title:before{content: "";display: block;width: 5px;height: 30px;background: var(--mainColor);position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .public_product_detial_content_list_title h2{font-size: 30px;color: #333333;font-weight: 600;} .public_product_detial_content_list_description{width: 100%;height: auto;margin-top: 50px;} .public_product_detial_content_list_description p{font-size: 18px;color: #333333;line-height: 1.8;} .public_product_detial_content_list_specification_box{width: 100%;height: auto;padding: 80px 0;background: #F8F8F8;} .public_product_detial_content_list_specification_table{width: 100%;height: auto;margin-top: 50px;} .public_product_detial_content_list_specification_table table{width: 100%;height: auto;} .public_product_detial_content_list_specification_table table th{height: 58px;background: #333333;color: #FFFFFF;padding: 0 20px;border: 1px solid #efefef;font-size: 18px;font-weight: 600;} .public_product_detial_content_list_specification_table table td{height: 58px;font-size: 16px;border: 1px solid #EFEFEF;padding: 0 20px;font-weight: 300;} .public_product_detial_content_list_specification_table table tr:nth-of-type(even){background: #FFFFFF;} .public_product_detial_feature_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .public_product_detial_feature_ul li{width: 48.6%;height: auto;margin-top: 40px;background: #F8F8F8;border-radius: 12px;box-shadow: 4px 4px 12px 0px rgba(179, 179, 179, 0.25);padding: 40px 45px;display: flex;justify-content: flex-start;align-items: center;} .public_product_detial_feature_ul_number{width: 80px;height: auto;aspect-ratio:1/1;border-radius: 50%;border: 1px solid var(--mainColor);padding: 10px;} .public_product_detial_feature_ul_number span{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 50%;background: rgba(0, 75, 138, 0.2);font-size: 28px;color: var(--mainColor);font-family: "Lato-Bold";} .public_product_detial_feature_ul_txt{flex: 1;margin-left: 40px;} .public_product_detial_feature_ul_txt p{font-size: 18px;color: #666666;line-height: 1.6;} .public_product_detial_content_list_more_detials_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .public_product_detial_content_list_more_detials_content{width: 100%;height: auto;margin-top: 50px;} .public_product_detial_content_list_more_detials_content img{width: 100%;height: auto;display: block;} .public_product_detial_related_faq{width: 100%;height: auto;padding: 80px 0px;} .public_product_detial_related_faq .faq_ul{margin-top: 30px;} .public_product_detial_related_faq .faq_ul li{background: #F8F8F8;} .public_product_detial_related_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .public_product_detial_related_sw{width: 100%;height: auto;margin-top: 50px;padding-bottom: 60px;} .public_product_detial_related_sw .swiper-slide{background: #FFFFFF;} .public_product_detial_related_sw_img{width: 100%;height: auto;overflow: hidden;} .public_product_detial_related_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .public_product_detial_related_sw_txt{width: 100%;height: auto;padding: 30px;} .public_product_detial_related_sw_txt h2{font-size: 18px;color: #333333;line-height: 1.6;font-weight: 500;transition: all 0.3s;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .public_product_detial_related_sw_txt span{display: block;text-align: center;margin-top: 20px;color: #333333;transition: all 0.3s;} .public_product_detial_related_sw .swiper-slide:hover .public_product_detial_related_sw_img img{transform: scale(1.1);} .public_product_detial_related_sw .swiper-slide:hover .public_product_detial_related_sw_txt h2{color: var(--mainColor);} .public_product_detial_related_sw .swiper-slide:hover .public_product_detial_related_sw_txt span{color: var(--mainColor);text-decoration: underline;} .public_product_detial_related_sw_page{width: 100%;bottom: 0 !important;} /*product_detial.html end*/ /*priacy-policy.html start*/ .priacy_policy_box{width: 100%;height: auto;padding: 80px 0;} .priacy_policy_title{width: 100%;height: auto;} .priacy_policy_title h1{font-size: 48px;color: #333333;text-align: center;font-weight: 600;text-align: center;} .priacy_policy_title p{font-size: 16px;color: #666666;text-align: center;margin-top: 10px;} .priacy_policy_content{width: 100%;height: auto;margin-top: 40px;} .priacy_policy_content p{font-size: 16px;line-height: 1.8;color: #333333;margin-top: 10px;} .priacy_policy_content p a{color: var(--mainColor);text-decoration: underline;} .priacy_policy_content h2{font-size: 24px;color: #333333;font-weight: 600;margin-top: 20px;} .priacy_policy_content dl{width: 100%;margin-top: 10px;} .priacy_policy_content dt{font-size: 16px;color: #333333;line-height: 1.8;font-weight: 500;} .priacy_policy_content dd{font-size: 16px;line-height: 1.8;color: #333333;padding-left: 20px;position: relative;} .priacy_policy_content dd:before{content: "";display: block;width: 6px;height: 6px;background: #333333;border-radius: 50%;position: absolute;left: 0;top: 12px;} .priacy_policy_content dd a{color: var(--mainColor);text-decoration: underline;} /*priacy-policy.html end*/ /*search.html start*/ .search_box{width: 100%;height: auto;padding: 80px 0px;padding-top: 50px;} /*search.html end*/ /*404.html start*/ .notfind_box{width: 100%;height: 100vh;background: #edf7fd;display: flex;align-items: center;overflow: hidden;} .notfind_content{width: 83.96vw;height: auto;margin: 0px auto;display: flex;align-items: center;justify-content: space-between;} .notfind_content_left{width: 24.48vw;height: auto;} .notfind_content_left_logo{width: 18.23vw;} .notfind_content_left_logo img{width: 100%;height: auto;display: block;} .notfind_content_left p{font-size: 1.93vw;color: #999899;line-height: 1.6;margin-top: 2.97vw;display: block;min-height: 6.5vw;} .notfind_content_left a{display: flex;justify-content: flex-start;align-items: center;padding-left: 1.67vw;color: #FFFFFF;background: #80c0ea;border-radius: 1.25vw;position: relative;width: 13.65vw;height: 2.5vw;font-size: 1.25vw;margin-top: 4.01vw;} .notfind_content_left a img{width: 2.29vw;height: auto;display: block;position: absolute;right: 0.1vw;top: 50%;transform: translateY(-50%);transition: all 0.8s;} .notfind_content_right{width: 56.15vw;height: auto;} .notfind_content_right img{width: 100%;height: auto;display: block;} .notfind_content_left_title h1{font-size: 5.87vw;color: #999899;font-weight: 700;} .notfind_content_left a:hover img{transform: translateY(-50%) rotate(-360deg);} .cursor {display: inline-block;background-color: #999899;width: 2px;height: 1.2em;margin-left: 2px;animation: blink 1s infinite;} @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } /*404.html end*/ /*about.html start*/ .public_about_info_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .public_about_info_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .public_about_info_left{width: 45%;height: auto;} .public_about_info_left_txt{width:100%;height: auto;padding-bottom: 20px;border-bottom: 1px dashed #E5E5E5;} .public_about_info_left_txt h2{font-size: 48px;color: #333333;font-weight: 600;} .public_about_info_left_txt p{font-size: 18px;color: #333333;line-height: 1.8;margin-top: 30px;} .public_about_info_right{width:50%;height: auto;position: relative;overflow: hidden;border-radius: 10px;} .public_about_info_right img{width: 100%;height: auto;display: block;} .public_about_info_right a:before{background: url(/assets/tenglong-v2/images/video_click_btn2.png) no-repeat center center rgba(0,0,0,0.5);background-size: 55px auto;} .public_about_info_left_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .public_about_info_left_ul li{margin-top: 30px;} .public_about_info_left_ul li h2{font-size: 24px;color: var(--mainColor);font-weight: 600;text-align: center;} .public_about_info_left_ul li h2 span{font-size: 42px;} .public_about_info_left_ul li p{font-size: 18px;color: #333333;text-align: center;margin-top: 10px;} .public_about_culture_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .public_about_title{width: 100%;height: auto;} .public_about_title h2{font-size: 48px;color: #333333;font-weight: 600;text-align: center;} .public_about_culture_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;} .public_about_culture_ul li{width: 32%;height: auto;background: #FFFFFF;border-radius: 10px;box-shadow: 4px 4px 12px 0px rgba(179, 179, 179, 0.25);margin-top: 30px;padding: 30px;margin-left: 2%;} .public_about_culture_ul li:nth-of-type(3n+1){margin-left: 0px;} .public_about_culture_ico{width: 50px;height: auto;margin: 0px auto;transition: all 0.3s;} .public_about_culture_ico img{width: 100%;height: auto;display: block;} .public_about_culture_ul li h3{font-size: 24px;color: #333333;font-weight: 600;text-align: center;margin-top: 20px;} .public_about_culture_ul li p{font-size: 16px;color: #333333;line-height: 1.8;margin-top: 20px;} .public_about_culture_ul li:hover .public_about_culture_ico{transform: translateY(-10px);} .public_about_development_box{width: 100%;height: auto;padding: 80px 0px;position: relative;} .public_about_development_box canvas{position: absolute;left: 0;bottom: 0;z-index: -1;} .public_about_development_top{width: 100%;height: auto;margin-top: 50px;} .public_about_development_top .swiper-slide{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;} .public_about_development_top_img{width: 38.3%;height: auto;} .public_about_development_top_img img{width: 100%;height: auto;display: block;} .public_about_development_top_right{width: 58.7%;height: auto;} .public_about_development_top_right h3{font-weight: 600;font-size: 48px;color: var(--mainColor);display: block;padding-bottom: 8px;border-bottom: 1px solid #E5E5E5;position: relative;margin-bottom: 30px;} .public_about_development_top_right h3:after{content: "";width: 40px;height: 4px;background: var(--mainColor);position: absolute;left: 0;bottom: -2px;display: block;} .public_about_development_top_right p{font-size: 18px;color: #666666;line-height: 1.8;margin-top: 20px;} .public_about_development_bottom{width: 100%;height: auto;margin-top: 50px;position: relative;} .public_about_development_bottom:before{content: "";display: block;width: 100%;height: 1px;background: #e3e3e3;top: 10px;position: absolute;left: 0;} .public_about_development_bottom_sw{width: 100%;height: auto;} .public_about_development_bottom_sw span{display: block;width: 20px;height: 20px;background: #FFFFFF;border: 1px solid #666;border-radius: 50%;background: #FFFFFF;margin: 0px auto;position: relative;transition: all 0.3s;} .public_about_development_bottom_sw span:before{content: "";display: block;width: 8px;height: 8px;background: #666;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;transition: all 0.3s;} .public_about_development_bottom_sw h3{font-size: 20px;color: #333333;font-weight: 600;margin-top: 18px;text-align: center;transition: all 0.3s;} .public_about_development_bottom_sw .swiper-slide{cursor: pointer;} .public_about_development_bottom_sw .swiper-slide.swiper-slide-thumb-active span{border-color: var(--mainColor);} .public_about_development_bottom_sw .swiper-slide.swiper-slide-thumb-active span:before{background: var(--mainColor);} .public_about_development_bottom_sw .swiper-slide.swiper-slide-thumb-active h3{color: var(--mainColor);} .public_certification_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;} .public_certification_content{width: 89%;height: auto;margin: 0px auto;overflow: hidden; margin-top: 24px;} .public_certification_content_sw{width: 100%;height: auto;margin-top: 50px;} .public_certification_content_sw .swiper-slide{width: 36%;height: auto;} .public_certification_content_sw .swiper-slide img{width: 100%;height: auto;display: block;} .public_about_partner_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .public_about_partner_sw{width: 100%;height: auto;margin-top: 50px;overflow: unset;} .public_about_partner_sw .swiper-wrapper{transition-timing-function: linear !important;} .public_about_partner_sw .swiper-slide{overflow: hidden;border: 1px solid #E5E5E5;border-radius: 12px;transition: all 0.3s;} .public_about_partner_sw .swiper-slide:hover{box-shadow: 4px 4px 12px #b3b3b340;} .public_about_partner_sw img{width:100%;height: auto;display: block;} /*about.html end*/ @media (max-width: 1768px) { .contentWH1400{width: 83.33%;} .news_list_top_sw_right span{margin-top: 10px;} .news_list_top_sw_right h2{margin-top: 10px;} .news_list_top_sw_right p{margin-top: 10px;} .news_list_bottom_right{width: 74.7%;} #st-1 .st-btn{padding: 0 6px !important;height: 30px !important;line-height: 30px !important;} #st-1 .st-btn > img{top: 50% !important;transform: translateY(-50%) !important;} .public_contact_form_content_right{padding: 20px 0;} .public_contact_form_content_left img{height: 100%;object-fit: cover;} .public_product_detial_info_content_right_content h1{font-size: 24px;} .public_product_detial_info_content_right_content p{font-size: 16px;} .public_about_info_left_ul li h2 span{font-size: 34px;} .public_about_info_left_txt h2{font-size: 42px;} .public_about_info_left_txt p{font-size: 16px;} .public_about_culture_ul li h3{display: block;min-height: 70px;} .contentWH1400{width: 83.33%;} } @media (max-width: 1400px) { .contentWH1400, .contentWH1600{width: 92%;} .news_detial_content_left_top h1{font-size: 24px;} #st-1 .st-btn{margin-right: 5px !important;} .public_contact_info_ul li p{font-size: 16px;} .public_products_content_left_content_ul_top h3 a{font-size: 16px;display: block;width: 100%;} .public_product_detial_info_content_right_content h1{font-size: 20px;} .public_product_detial_info_content_right_content p{font-size: 14px;} .public_product_detial_content_list_title h2{font-size: 24px;} .public_product_detial_content_list_description p{font-size: 16px;} .public_product_detial_content_list_specification_table table th{font-size: 16px;} .public_product_detial_content_list_specification_table table td{font-size: 14px;} .public_product_detial_feature_ul_txt p{font-size: 16px;} .public_product_detial_related_sw_txt h2{font-size: 16px;} } @media (max-width: 1200px) { .contentWH1200{width: 92%;} .news_list_top_sw_right{padding: 30px 0;} .news_list_top_sw_img img{height: 100%;object-fit: cover;} .news_list_top_sw_img{height: 100%;} .news_list_top_sw .swiper-slide a{align-items: normal;} .news_detial_content{flex-wrap: wrap;} .news_detial_content_left{width: 100%;} .news_detial_content_right{width: 100%;margin-top: 20px;} .public_contact_form_content_right_content_title h2{font-size: 24px;} .public_product_choose_ul{flex-wrap: wrap;} .public_product_choose_ul li{width: 48.5%;} .public_products_content_box{flex-wrap: wrap;} .public_products_content_left{width: 100%;} .public_products_content_right_box{width: 100%;margin-top: 30px;} .public_about_info_left_ul li h2 span{font-size: 20px;} .public_about_info_left_ul li p{font-size: 16px;} } @media (max-width: 990px) { .news_list_top_sw .swiper-slide a{flex-wrap: wrap;} .news_list_top_sw_img{width: 100%;height: auto;} .news_list_top_sw_right{width: 100%;margin-left: 0;padding: 30px;} .news_list_bottom_right{width: 61.7%;} .email_inquire_box, .product_inquire_box{width: 92%;} .download_inquire_box, .download_inquire_box{width: 92%;} .crumbs_content_left{flex-wrap: wrap;padding: 8px 0;} .crumbs_content{height: auto;} .videos_ul{justify-content: space-between;} .videos_ul li{width: 48.5%;margin-left: 0;} .download_ul li a{padding: 5% 4%;} .public_contact_info_ul{justify-content: space-between;} .public_contact_info_ul li{width: 48.5%;margin-left: 0;} .public_contact_info_ul li:nth-last-of-type(1){width: 100%;margin-top: 30px;} .public_product_detial_feature_ul li{flex-direction: column;align-items: center;} .public_product_detial_feature_ul_txt{margin-left: 0;margin-top: 30px;} .public_product_detial_info_content{flex-wrap: wrap;} .public_product_detial_info_content_left{width: 100%;} .public_product_detial_info_content_right{width: 100%;margin-top: 50px;} .public_product_detial_nav_ul li + li{margin-left: 45px;} .public_certification_content_sw .swiper-slide{width: 38%;} .public_about_info_content{flex-wrap: wrap;} .public_about_info_left{width: 100%;} .public_about_info_right{width: 100%;margin-top: 30px;} .public_about_culture_ul{justify-content: space-between;} .public_about_culture_ul li{width: 100%;margin-left: 0;} .public_about_development_top .swiper-slide{flex-wrap: wrap;} .public_about_development_top_img{width: 100%;} .public_about_development_top_right{width: 100%;margin-top: 30px;} } @media(max-width: 768px) { body{padding-bottom: 10.8vw;} .banner_content h1{font-size: 4.8vw;} .crumbs_content a, .crumbs_content i{font-size: 3.2vw;} .crumbs_content img{margin-right: 1.8vw;} .crumbs_content img{width: 3.6vw;} .crumbs_content{flex-wrap: wrap;height: auto;} .crumbs_content_left{width: 100%;height: auto;padding: 1.8vw 0;} .crumbs_content_right li + li{margin-left: 3.8vw;} .crumbs_content_right{height: 8.8vw;} .news_list_top_box{padding: 8vw 0;} .news_list_top_sw .swiper-slide{border-radius: 2vw;} .news_list_top_sw_right{padding: 5% 4%;} .news_list_top_sw_right_time{font-size: 3.2vw;} .news_list_top_sw_right h2{font-size: 3.8vw;margin-top: 1.8vw;} .news_list_top_sw_right p{font-size: 3.6vw;margin-top: 2.2vw;} .news_list_top_sw_right span{width: 32vw;height: 8.8vw;font-size: 3.6vw;border-radius: 1.2vw;margin-top: 3.6vw;} .news_list_top_sw{padding-bottom: 8vw;} .news_list_top_sw_page span{width: 1.8vw;height: 1.8vw;} .news_list_bottom_box{margin-top: 5.8vw;} .news_list_bottom_box li{margin-top: 3.8vw;border-radius: 2vw;} .news_list_bottom_box li a{padding: 5% 4%;flex-wrap: wrap;} .news_list_bottom_time{width: 100%;} .news_list_bottom_time:after{display: none;} .news_list_bottom_time strong{font-size: 4.8vw;} .news_list_bottom_time span{font-size: 3.6vw;} .news_list_bottom_right{width: 100%;margin-top: 3.2vw;} .news_list_bottom_right h2{font-size: 4.2vw;} .news_list_bottom_right p{font-size: 3.6vw;margin-top: 3.2vw;} .news_list_bottom_right span{font-size: 3.6vw;margin-top: 3.2vw;} .news_page{margin-top: 5.8vw;} .news_page li{width: 5.8vw;height: 5.8vw;} .news_page li a{border-radius: 0.8vw;} .news_page li a{font-size: 3.2vw;} .news_page li + li{margin-left: 1.8vw;} .news_page li img{width: 1.6vw;} .product_inquire_box, .download_inquire_box, .email_inquire_box{padding: 5% 4%;border-radius: 2vw;} .product_inquire_box form, .download_inquire_box form, .email_inquire_box form{max-height: 66vh;overflow: hidden;overflow-y: auto;display: block;} .product_inquire_title, .download_inquire_title, .email_inquire_title{font-size: 4.8vw;} .product_inquire_title, .download_inquire_title, .email_inquire_title{padding-bottom: 3.2vw;} .header_language_close, .product_inquire_close, .download_inquire_close, .email_inquire_close{width: 8vw;top: 5%;right: 4%;} .public_contact_form_content_right_content_ul, .product_inquire_ul, .download_inquire_ul, .email_inquire_ul{margin-top: 3.2vw;} .public_contact_form_content_right_content_ul li, .product_inquire_ul li, .download_inquire_ul li, .email_inquire_ul li{margin-top: 3.8vw;} .public_contact_form_content_right_content_ul li.WH48, .product_inquire_ul li.WH48, .download_inquire_ul li.WH48, .email_inquire_ul li.WH48{width: 100%;} .public_contact_form_content_right_content_ul li input, .product_inquire_ul li input, .download_inquire_ul li input, .email_inquire_ul li input{height: 8.8vw;border-radius: 2vw;padding: 0 3.2vw;font-size: 3.2vw;} .public_contact_form_content_right_content_ul li textarea, .product_inquire_ul li textarea, .download_inquire_ul li textarea, .email_inquire_ul li textarea{font-size: 3.2vw;padding: 3.2vw;height: 28vw;border-radius: 2vw;} .public_contact_form_content_right_content_ul li img, .product_inquire_ul li img, .download_inquire_ul li img, .email_inquire_ul li img{height: 8.8vw;} .public_contact_form_content_right_content_btn, .product_inquire_btn, .download_inquire_btn, .email_inquire_btn{width: 38vw;height: 10.8vw;font-size: 3.6vw;border-radius: 2vw;margin-top: 3.8vw;} .right_online_box{width: 100%;height: auto;display: flex;justify-content: space-between;top: auto;transform: none;bottom: 0;right: auto;left: 0;} .right_online_box li{width: calc(100% / 3);aspect-ratio:initial;height: 10.8vw;} .right_online_box li:hover .right_online_content{display: none;} .right_online_box li + li{margin-top: 0;} .right_online_box li:nth-of-type(1) .right_online_btn{border-radius: 0;} .right_online_box li:nth-last-of-type(1) .right_online_btn{border-radius: 0;} .right_online_btn img{width: 5vw;} .video_lightbox{width: 92%;} .news_detial_box{padding: 8vw 0;} .news_detial_content_left{padding: 5% 4%;} .news_detial_content_left_top h1{font-size: 4.8vw;} .news_detial_content_left_top_bottom{margin-top: 3.2vw;padding-bottom: 3.2vw;} .news_detial_content_left_top_bottom p{font-size: 3.2vw;} .news_detial_content_left_top_bottom p + p{margin-left: 5.8vw;} .news_detial_content_left_bottom{margin-top: 3.8vw;} .news_detial_content_left_bottom h2{font-size: 3.8vw;margin-top: 3.2vw;} .news_detial_content_left_bottom p{font-size: 3.6vw;margin-top: 3.2vw;} .news_detial_content_left_bottom_last{margin-top: 5.8vw;padding-top: 0vw;flex-wrap: wrap;} .news_detial_content_left_bottom_last_list{width: 100%;margin-top: 3.2vw;} .news_detial_content_left_bottom_last_list strong{font-size: 3.6vw;} .news_detial_content_left_bottom_last_list a{font-size: 3.2vw;} .news_detial_content_right{margin-top: 5.8vw;} .news_detial_share{padding: 5% 4%;} .news_detial_share_title{font-size: 4.2vw;} .news_detial_share_title{padding-bottom: 1.8vw;} .news_detial_form_box{padding: 5% 4%;} .news_detial_related_box{padding: 5% 4%;} .news_detial_related_sw_txt h2{font-size: 3.6vw;} .videos_ul li{width: 100%;margin-top: 3.8vw;} .videos_box{padding: 8vw 0;padding-top: 4.2vw;} .videos_ul_ifream_div{padding: 5% 4%;} .videos_ul_ifream_div h2{height: auto;font-size: 3.8vw;} .videos_ul_ifream_div p{font-size: 3.2vw;margin-top: 3.2vw;} .videos_ul_ifream_div p img{width: 3.2vw;margin-right: 1.8vw;} .faq_box{padding: 8vw 0;padding-top: 4.2vw;} .faq_top{padding: 0 4%;} .faq_top h2{font-size: 3.8vw;} .faq_top span{font-size: 4.8vw;} .faq_bottom{padding: 5% 4%;} .faq_bottom p{font-size: 3.6vw;} .faq_ul li{margin-top: 3.8vw;border-radius: 2vw;} .download_ul li{width: 100%;margin-top: 3.8vw;} .download_box{padding: 8vw 0;padding-top: 4.2vw;} .download_ul_left h2{font-size: 3.8vw;} .download_ul_left p{margin-top: 3.2vw;font-size: 3.2vw;} .download_ul_left p img{width: 3.8vw;margin-right: 1.8vw;} .public_contact_box{padding: 8vw 0;} .public_contact_info_ul li{width: 100%;border-radius: 2vw;} .public_contact_info_ul li + li{margin-top: 3.8vw;} .public_contact_info_ul li:nth-last-of-type(1){margin-top: 3.8vw;} .public_contact_info_ul_ico{width: 11vw;margin-top: -10vw;} .public_contact_info_txt{padding: 5% 4%;} .public_contact_info_ul li h2{margin-top: 3.6vw;font-size: 4.2vw;} .public_contact_info_ul li span{width: 8vw;height: 0.3vw;margin-top: 1.2vw;} .public_contact_info_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .public_contact_form_box{padding: 8vw 0;} .public_contact_form_content{flex-wrap: wrap;} .public_contact_form_content_left{width: 100%;} .public_contact_form_content_right{padding: 5% 4%;width: 100%;} .public_contact_form_content_right_content{width: 100%;} .public_contact_form_content_right_content_title h2{font-size: 4.2vw;} .public_contact_form_content_right_content_title p{font-size: 3.6vw;margin-top: 1.8vw;} .public_product_choose_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;} .public_product_choose_ul_ico{width: 20vw;} .public_product_choose_ul li h4{font-size: 4.2vw;margin-top: 3.2vw;} .public_product_choose_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .public_products_box{padding: 8vw 0;} .public_products_title h1, .public_products_title h2{font-size: 4.8vw;} .public_products_title p{font-size: 3.6vw;margin-top: 3.6vw;} .public_products_content_more{width: 38vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;} .public_products_title{padding-bottom: 5.8vw;} .public_products_content_box{margin-top: 5.8vw;} .public_products_content_left_content_title{height: 10.8vw;padding: 0 2%;} .public_products_content_left_content_title h2{font-size: 4.2vw;} .public_products_content_left_content_ul_top{height: 10.8vw;padding: 0 2%;} .public_products_content_left_content_ul_top h3 a{font-size: 3.6vw;} .public_products_content_left_content_ul_bottom_list_top{height: 10.8vw;padding: 0 2%;} .public_products_content_left_content_ul_bottom_list_top h3 a{font-size: 3.6vw;} .public_products_content_left_content_ul_bottom_list_bottom{padding: 5% 4%;} .public_products_content_left_content_ul_bottom_list_bottom a{font-size: 3.2vw;padding-left: 4%;} .public_products_content_left_content_ul_bottom_list_bottom a:before{width: 1.2vw;height: 1.2vw;top: 3vw;} .public_products_content_right_box{margin-top: 0;} .public_products_content_right{margin-top: 5.8vw;justify-content: space-between;} .public_products_content_right li{margin-left: 0;margin-bottom: 3.8vw;width: 100%;} .public_products_content_right_txt h2{font-size: 3.8vw;} .public_products_content_right_more{height: 10.8vw;font-size: 3.6vw;} .public_products_content_right_more img{width: 6.2vw;margin-right: 1.8vw;} .public_product_advantage_box{padding: 8vw 0;} .public_product_advantage_title h2{font-size: 4.8vw;} .public_product_faq{padding: 8vw 0;} .public_product_detial_feature_ul li{padding: 5% 4%;width: 100%;margin-top: 4.8vw;border-radius: 2vw;} .public_product_detial_feature_ul_number{width: 16vw;padding: 1.8vw;} .public_product_detial_feature_ul_number span{font-size: 4.2vw;} .public_product_detial_feature_ul_txt{margin-top: 3.8vw;} .public_product_detial_feature_ul_txt p{font-size: 3.6vw;text-align: center;} .public_product_detial_info_box{padding: 8vw 0;} .video_click:before{background-size: 11vw auto;} .public_product_detial_info_content_left_bottom_sw .swiper-slide a:before{background-size: 8vw;} .public_product_detial_info_content_right{margin-top: 5.8vw;} .public_product_detial_info_content_right_content h1{font-size: 4.28vw;} .public_product_detial_info_content_right_content p{margin-top: 3.6vw;margin-top: 3.6vw;} .public_product_detial_info_content_right_share{margin-top: 5.8vw;padding-top: 3.6vw;} .public_product_detial_info_content_right_share h2{font-size: 4.2vw;} .public_product_detial_info_btn{margin-top: 5.8vw;} .public_product_detial_info_btn a{width: 38vw;height: 10.8vw;font-size: 3.6vw;} .public_product_detial_info_btn a + a{margin-left: 3.2vw;} .public_product_detial_nav_box{display: none;} .public_product_detial_content_list{padding-top: 8vw;} .public_product_detial_content_list_title{padding-left: 4.8vw;} .public_product_detial_content_list_title:before{width: 0.5vw;height: 3.8vw;} .public_product_detial_content_list_title h2{font-size: 4.8vw;} .public_product_detial_content_list_description{margin-top: 5.8vw;} .public_product_detial_content_list_description p{font-size: 3.6vw;} .public_product_detial_content_list_specification_box{padding: 8vw 0;} .public_product_detial_content_list_specification_table{margin-top: 5.8vw;overflow: hidden;overflow-x: auto;} .public_product_detial_content_list_specification_table table{min-width: 780px;} .public_product_detial_content_list_specification_table table th{height: 10.8vw;font-size: 3.8vw;padding: 0 3.2vw;} .public_product_detial_content_list_specification_table table td{height: auto;padding: 1.8vw 3.2vw;font-size: 3.2vw;} .public_product_detial_content_list_more_detials_box{padding: 8vw 0;} .public_product_detial_content_list_more_detials_content{margin-top: 5.8vw;} .public_product_detial_related_faq{padding: 8vw 0;} .public_product_detial_related_box{padding: 8vw 0;} .public_product_detial_related_sw{margin-top: 5.8vw;padding-bottom: 8vw;} .public_product_detial_related_sw_txt{padding: 5% 4%;} .public_product_detial_related_sw_txt h2{font-size: 3.6vw;} .public_product_detial_related_sw_txt span{font-size: 3.6vw;margin-top: 3.2vw;} .priacy_policy_box{padding: 8vw 0;} .priacy_policy_title h1{font-size: 4.8vw;} .priacy_policy_title p{font-size: 3.6vw;margin-top: 1.8vw;} .priacy_policy_content{margin-top: 5.8vw;} .priacy_policy_content p{font-size: 3.6vw;margin-top: 3.2vw;} .priacy_policy_content h2{font-size: 4.2vw;margin-top: 3.8vw;} .priacy_policy_content dt{font-size: 3.6vw;} .priacy_policy_content dd{font-size: 3.6vw;padding-left: 4.8vw;} .priacy_policy_content dd:before{width: 1.4vw;height: 1.4vw;top: 2.4vw;} .search_box{padding: 8vw 0;padding-top: 4.2vw;} .notfind_content{flex-direction: column;} .notfind_content_right{width: 100%;margin-top: 5.8vw;} .notfind_content_left{width: 100%;} .notfind_content_left_title h1{text-align: center;} .notfind_content_left p{text-align: center;font-size: 3.8vw;} .notfind_content_left a{width: 54vw;height: 10.8vw;border-radius: 5.4vw;margin: 0px auto;margin-top: 5.8vw;font-size: 3.6vw;padding-left: 3.8vw;} .notfind_content_left a img{width: 10.29vw;right: 0.6vw;} .public_certification_content_sw .swiper-slide{width: 100%;} .public_about_info_box{padding: 8vw 0px;} .public_about_info_left_txt h2{font-size: 4.8vw;} .public_about_info_left_txt p{font-size: 3.6vw;margin-top: 3.6vw;} .public_about_info_left_txt{padding-bottom: 3.2vw;} .public_about_info_left_ul li{margin-top: 3.6vw;} .public_about_info_left_ul li h2{font-size: 3.2vw;} .public_about_info_left_ul li h2 span{font-size: 4.8vw;} .public_about_info_left_ul li p{font-size: 3.2vw;margin-top: 3.2vw;} .public_about_info_right{margin-top: 5.8vw;border-radius: 2vw;} .public_about_info_right a:before{background-size: 11vw auto;} .public_about_culture_box{padding: 8vw 0;} .public_about_title h2{font-size: 4.8vw;} .public_about_culture_ul{margin-top: 3.2vw;} .public_about_culture_ul li{margin-top: 3.8vw;border-radius: 2vw;padding: 5% 4%;} .public_about_culture_ico{width: 11vw;} .public_about_culture_ul li h3{height: auto;font-size: 4.2vw;margin-top: 3.6vw;min-height: 0;} .public_about_culture_ul li p{font-size: 3.6vw;margin-top: 3.6vw;} .public_about_development_box{padding: 8vw 0;} .public_about_development_top{margin-top: 5.8vw;} .public_about_development_top_right{margin-top: 3.2vw;} .public_about_development_top_right h3{font-size: 4.8vw;margin-bottom: 3.2vw;} .public_about_development_top_right h3:after{width: 12vw;height: 0.4vw;bottom: -0.2vw;} .public_about_development_top_right p{font-size: 3.6vw;margin-top: 3.2vw;} .public_about_development_bottom{margin-top: 5.8vw;} .public_about_development_bottom:after{bottom: -2.4vw;} .public_about_development_bottom_sw span{width: 4.8vw;height: 4.8vw;} .public_about_development_bottom_sw span:before{width: 1.8vw;height: 1.8vw;} .public_about_development_bottom_sw h3{font-size: 4.2vw;margin-top: 3.6vw;} .public_certification_box{padding: 8vw 0;} .public_certification_content{width: 100%;margin-top: 5.8vw;} .public_certification_content_sw{margin-top: 0;} .public_about_partner_box{padding: 8vw 0;} .public_about_partner_sw{margin-top: 5.8vw;} .public_about_partner_sw .swiper-slide{border-radius: 2vw;} } /*header star*/ .header{width: 100%;height: auto;} .header.other{position: absolute;left: 0;top: 0;z-index: 99;} .header_top_box{width: 100%;height: 36px;background: var(--mainColor);} .header_top_box .contentWH1600{height: 100%;display: flex;justify-content: space-between;align-items: center;} .header_top_info_box{display: flex;height: 100%;align-items: center;} .header_top_info_box li + li{margin-left: 20px;} .header_top_info_box li{display: flex;justify-content: flex-start;align-items: center;} .header_top_info_box li img{display: block;flex: 0 0 16px;margin-right: 8px;} .header_top_info_box li a{display: block;font-size: 14px;color: #FFFFFF;} .header_top_info_box li a:hover{text-decoration: underline;} .header_share_box{display: flex;justify-content: flex-end;align-items: center;} .header_share_box li{width: 20px;height: auto;transition: all 0.3s;} .header_share_box li + li{margin-left: 16px;} .header_share_box li img{width: 100%;height: auto;display: block;} .header_share_box li:hover{transform: translateY(-2px);} .header_bottom_box{width: 100%;height: 80px;background: #212025;} .header.other .header_bottom_box{background: transparent;} .header_bottom_box.fixed{background: #212025 !important;position: fixed;top: 0;left: 0;z-index: 999;transition: all 0.3s;} .header_bottom_box.fixed.on{top: -88px;transition: all 0.6s;} .header_bottom_box .contentWH1600{display: flex;justify-content: space-between;align-items: center;height: 100%;} .logo{width: 269px;height: auto;} .logo img{width: 100%;height: auto;display: block;} .nav_box{display: flex;justify-content: flex-start;align-items: center;height: 100%;} .nav_box li{height: 100%;position: relative;} .nav_box li + li{margin-left: 56px;} .fristLink{display: flex;align-items: center;height: 100%;color: #FFFFFF;} .nav_box li:hover .fristLink, .nav_box li.on .fristLink{color: var(--mainColor);} .nav_list_box{width: 240px;height: auto;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);position: absolute;left: 50%;transform: translateX(-50%);top: 100%;display: none;} .nav_list_box a{display: block;color: #111827;line-height: 45px;padding: 0 10px;transition: all 0.3s;} .nav_list_box a:hover{color: #FFFFFF;background: var(--mainColor);} .nav_box li:hover .nav_list_box{display: block;} .header_bottom_right_box{height: 100%;display: flex;align-items: center;justify-content: flex-end;} .hd_btn{display: none;position: relative;float: right;width: 6vw;height: 5vw;cursor: pointer;} .hd_btn span{position: absolute;left: 0;top: 0px;width: 100%;height: 0.5vw;background-color: #FFFFFF;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;} .hd_btn .s1 {top: 0;} .hd_btn .s2 {top: 2vw;} .hd_btn .s3 {top: 4vw;} .hd_btn.on .s1 {top: 2vw;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);} .hd_btn.on .s2 {opacity: 0;} .hd_btn.on .s3 {top: 2vw;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} .header_search_btn{width: 20px;height: auto;cursor: pointer;} .header_search_btn img{width: 100%;height: auto;display: block;} .header_language_box{height: 100%;cursor: pointer;position: relative;margin-left: 12px;} .header_language_btn{display: flex;align-items: center;height: 100%;} .header_language_btn img{display: block;width: 16px;height: auto;} .header_language_btn span{display: block;font-size: 14px;color: #FFFFFF;margin: 0 8px;} .header_language_content_box{position:fixed;left:50%;top:50%;width:83.33%;height:auto;transform:translate(-50%, -50%);background:#FFFFFF;border-radius:8px;z-index:999;padding:30px;padding-bottom:20px;display:none;} .header_content_right_language_list{width: 100%;height:auto;display:flex;justify-content:flex-start;flex-wrap:wrap;} .header_content_right_language_list a{display:flex;justify-content:flex-start;align-items:center;width:18.5%;height:auto;font-size:16px;line-height:1.3;color:#212025;margin-bottom:14px;margin-left:1.875%;text-decoration:none;opacity:1;} .header_content_right_language_list a:nth-of-type(5n+1){margin-left:0;} .header_content_right_language_list a img{width:28px;height:20px;display:block;object-fit:cover;border-radius:2px;margin-right:10px;flex-shrink:0;background:#f2f2f2;} .header_content_right_language_list a span{display:block;color:#212025;} .header_content_right_language_list a.lang-current{font-weight:600;color:#B11F23;} .header_content_right_language_list a.lang-current span{color:#B11F23;} .header_language_soon_tip{margin:8px 0 0;padding-top:12px;border-top:1px solid #eee;font-size:13px;color:#888;text-align:center;} .header_language_content_box a.lang-soon{opacity:1;color:#212025;cursor:not-allowed;} .header_inquire{display: flex;justify-content: center;align-items: center;width:auto;padding:0 8px;height: 36px;border: 1px solid #FFFFFF;border-radius: 6px;color: 14px;color: #FFFFFF;margin-left: 12px;transition: all 0.3s;} .header_inquire:hover{border-color: var(--mainColor);background: var(--mainColor);} .header_search_box{width: 100%;max-height: 0px;background: #FFFFFF;position: fixed;left: 0px;top: 116px;z-index: 9999;overflow: hidden;transition: all 0.6s;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);} .header_search_box form{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;} .header_search_box input{width: 400px;height: 42px;display: block;outline: none;background: #FFFFFF;color: #333333;padding: 0 18px;border: none;font-size: 18px;margin: 30px 0;border-bottom: 1px solid #E5E5E5;} .header_search_box input:nth-last-of-type(1){border-radius: 8px;width: 150px;margin-left: 15px;background: var(--mainColor);color: #FFFFFF;cursor: pointer;} .header_search_box.on{max-height: 800px;} /*header end*/ /*banner start*/ .index_banner_swiper{width: 100%;height: auto;} .index_banner_swiper .swiper-slide{width: 100%;height: auto;} .index_banner_swiper_bg{width: 100%;height: auto;aspect-ratio: 1920/960;} .index_banner_swiper_bg img{width: 100%;height: 100%;object-fit: cover; display: block;} .index_banner_swiper_content_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;padding-top: 116px;} .index_banner_swiper_content{width: 60.2%;height: auto;margin: 0px auto;margin-top: 100px;-webkit-animation-delay: 1s;} .index_banner_swiper_content h1,.index_banner_swiper_content h2{font-size: 68px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;} .index_banner_swiper_content p{font-size: 24px;color: #E5E7EB;text-align: center;line-height: 1.6;padding: 0 11%;} .index_banner_swiper_content a{display: flex;justify-content: center;align-items: center;width: 208px;height: 40px;background: var(--mainColor);border-radius: 20px;margin: 0px auto;margin-top: 30px;color: #FFFFFF;font-size: 14px;transition: all 0.3s;} .index_banner_swiper_content a img{display: block;margin-right: 8px;} .index_banner_swiper_content a:hover{transform: scale(1.1);} .index_banner_swiper_right,.index_banner_swiper_left{width: 48px;height: auto;aspect-ratio:1/1;background: rgba(255,255,255,0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;} .index_banner_swiper_right img,.index_banner_swiper_left img{width: 8px;height: auto;display: block;filter: brightness(0) invert(1);} .index_banner_swiper_right img{transform: rotateY(-180deg);} .index_banner_swiper_page{width: 100%;bottom: 58px !important;} .index_banner_swiper_page span{width: 12px;height: 12px;background: rgba(255,255,255,0.5);opacity: 1;} .index_banner_swiper_page span.swiper-pagination-bullet-active{width: 32px;background: var(--mainColor);border-radius: 6px;} /*banner end*/ /*content start*/ .content{width: 100%;height: auto;} .index_product_box{width: 100%;height: auto;padding: 80px 0px;background: #F9FAFB;overflow: hidden;} .index_title_box{width: 62%;height: auto;margin: 0px auto;} .index_title_box h2{font-size: 18px;color: var(--mainColor);text-align: center;font-family: "Inter-Bold";text-transform: uppercase;} .index_title_box h3{font-size: 36px;color: #111827;font-family: "Inter-Bold";text-align: center;margin-top: 8px;} .index_title_box p{font-size: 16px;color: #4B5563;line-height: 1.6;text-align: center;margin-top: 16px;} .index_product_btn{width: 100%;height: auto;padding: 30px 70px 14px;background: #FFFFFF;border-radius: 14px;box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;margin-top: 46px;display: flex;justify-content: space-between;} .index_product_btn li{cursor: pointer;position: relative;} .index_product_btn li img{display: block;width: 188px;height: auto;margin: 0px auto;filter: brightness(0);transition: all 0.3s;} .index_product_btn li h3{font-size: 16px;color: #374151;text-align: center;text-transform: capitalize;margin-top: 10px;transition: all 0.3s;} .index_product_btn li i{display: block;width: 58px;height: 2px;background: var(--mainColor);margin: 0px auto;margin-top: 20px;opacity: 0;transition: all 0.3s;} .index_product_btn li:hover img,.index_product_btn li.on img{filter: initial;} .index_product_btn li:hover h3,.index_product_btn li.on h3{color: var(--mainColor);} .index_product_btn li.on i{opacity: 1;} .index_product_content_box{width: 100%;height: auto;margin-top: 26px;} .index_product_content_list .contentWH1600{padding-bottom: 6px;} .index_product_content_list{width: 100%;height: 0;overflow: hidden;} .index_product_content_list_box{width: 100%;height: auto;border-radius: 12px;background: #FFFFFF;box-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;padding: 0 80px;position: relative;} .index_product_content_list_sw{width: 100%;height: auto;} .index_product_content_list_sw .swiper-slide{position: relative;overflow: hidden;border-radius: 12px;} .index_product_content_list_sw .swiper-slide > a{display: block;position: relative;width: 100%;overflow: hidden;border-radius: 12px;} .index_product_content_list_sw .index_product_content_list_sw_down{aspect-ratio: 447 / 420;height: auto;position: relative;} .index_product_content_list_sw .index_product_content_list_sw_down img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;} .index_product_content_list_sw .index_product_content_list_sw_up{overflow: hidden;} .index_product_content_list_sw .index_product_content_list_sw_up h4{line-height: 1.35;max-height: 2.7em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .index_product_content_list_sw .index_product_content_list_sw_up p{line-height: 1.4;max-height: 2.8em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .index_product_content_list_sw .index_product_content_list_sw_up_img img{max-height: 210px;object-fit: contain;} .index_product_content_list_sw_down{width: 100%;height: auto;overflow: hidden;border-radius: 12px;} .index_product_content_list_sw_down img{width: 100%;height: auto;display: block;} .index_product_content_list_sw_up{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #FFFFFF;padding: 34px;transition: all 0.3s;} .index_product_content_list_sw_up h4{font-size: 20px;color: #111827;font-family: "Inter-Bold";text-align: center;transition: all 0.3s;} .index_product_content_list_sw_up p{font-size: 14px;color: #4B5563;text-align: center;margin-top: 8px;transition: all 0.3s;} .index_product_content_list_sw_up_div{width: 100%;height: auto;position: relative;margin-top: 33px;transition: all 0.3s;} .index_product_content_list_sw_up_img{width: 91.1%;height: auto;margin: 0px auto;position: relative;z-index: 2;} .index_product_content_list_sw_up_img img{width: 100%;height: auto;} .index_product_content_list_sw_up_div span{display: block;width: 34.8%;position: absolute;left: -8.8%;top: -15px;animation: moveCirle 4s linear infinite;} @keyframes moveCirle{ 0%{transform: rotate(0);} 100%{transform: rotate(360deg);} } .index_product_content_list_sw_up_div span img{width: 100%;height: auto;display: block;} .index_product_content_list_sw .swiper-slide:hover .index_product_content_list_sw_up{background: rgba(0,0,0,0.1);border-radius: 12px;} .index_product_content_list_sw .swiper-slide:hover .index_product_content_list_sw_up h4{color: #FFFFFF;} .index_product_content_list_sw .swiper-slide:hover .index_product_content_list_sw_up p{color: #FFFFFF;} .index_product_content_list_sw .swiper-slide:hover .index_product_content_list_sw_up_div{opacity: 0;} .index_product_content_list_sw_right,.index_product_content_list_sw_left{width: 48px;height: auto;display: flex;justify-content: center;align-items: center;aspect-ratio:1/1;border-radius: 50%;background: #FFFFFF;box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;} .index_product_content_list_sw_right{right: -30px;} .index_product_content_list_sw_right img{display: block;transform: rotateY(180deg);} .index_product_content_list_sw_left{left: -30px;} .index_product_more{display: flex;justify-content: center;align-items: center;width: 232px;height: 40px;border: 1px solid var(--mainColor);margin: 0px auto;margin-top: 26px;border-radius: 6px;color: var(--mainColor);transition: all 0.3s;} .index_product_more img{display: block;width: 16px;margin-left: 16px;height: auto;transition: all 0.3s;} .index_product_more:hover img{transform: translateX(3px);filter: brightness(0) invert(1);} .index_product_more:hover{background: var(--mainColor);color: #FFFFFF;} .index_solution_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .index_solution_content_box{width: calc(83.33% + 32px);margin: 0px auto;margin-top: 10px;position: relative;} .index_solution_content_sw{width: 100%;height: auto;padding: 16px;padding-bottom: 104px;} .index_solution_content_sw .swiper-slide{width: 100%;height: auto;overflow: hidden;border-radius: 12px;box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;} .index_solution_content_sw_img{width: 100%;height: auto;overflow: hidden;aspect-ratio: 254/147;} .index_solution_content_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .index_solution_content_sw_content{width: 100%;height: auto;padding: 26px;} .index_solution_content_sw_content h4{font-size: 20px;color: #1A1A1A;font-family: "Inter-Bold";line-height: 1.4;display: block;height: 56px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: all 0.3s;} .index_solution_content_sw_content p{font-size: 16px;color: #4B5563;line-height: 1.6;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .index_solution_content_sw_content span{display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: var(--mainColor);margin-top: 20px;} .index_solution_content_sw_content span img{display: block;width: 16px;margin-left: 8px;} .index_solution_content_sw .swiper-slide:hover .index_solution_content_sw_img img{transform: scale(1.1);} .index_solution_content_sw .swiper-slide:hover .index_solution_content_sw_content h4{color: var(--mainColor);} .index_solution_content_sw_right{right: -17px;} .index_solution_content_sw_left{left: -17px;} .index_solution_content_sw_page{width: 100%;bottom: 0 !important;} .index_solution_content_sw_page span{width: 12px;height: 12px;background: #D1D5DB;opacity: 1;} .index_solution_content_sw_page span + span{margin-left: 8px;} .index_solution_content_sw_page span.swiper-pagination-bullet-active{width: 32px;background: var(--mainColor);border-radius: 6px;} .index_solution_content_sw_right:hover,.index_solution_content_sw_left:hover{background: var(--mainColor);} .index_solution_content_sw_right:hover img,.index_solution_content_sw_left:hover img{filter: brightness(0) invert(1);} .index_solution_more{display: flex;justify-content: center;align-items: center;width: 222px;height: 40px;background: var(--mainColor);margin: 0px auto;border-radius: 6px;margin-top: 48px;font-size: 16px;color: #FFFFFF;transition: all 0.3s;} .index_solution_more img{display: block;margin-left: 10px;filter: brightness(0) invert(1);} .index_solution_more:hover{transform: scale(1.1);} .index_about_box{width: 100%;height: auto;padding: 80px 0px;background: #F9FAFB;overflow: hidden;} .index_about_box .contentWH1600{display: flex;justify-content: space-between;align-items: center;} .index_about_left_box{width: 38.5%;height: auto;} .index_about_left_title{width: 100%;height: auto;} .index_about_left_title h2{font-size: 18px;color: var(--mainColor);font-family: "Inter-Bold";text-transform: uppercase;} .index_about_left_title h3{font-size: 36px;color: #111827;font-family: "Inter-Bold";margin-top: 8px;line-height: 1.4;} .index_about_left_content{width: 100%;height: auto;position: relative;} .index_about0{ display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; } .index_about_left_content p{font-size: 16px;color: #4B5563;line-height: 1.6;margin-top: 16px;position: relative;z-index: 2;} .index_about_left_content:after{content: "";display: block;width: 238px;height: auto;aspect-ratio:275/276;background: url("/assets/tenglong-v2/images/index_about_logo_d2dc47b9e8bf.png") no-repeat center center;background-size: 100% auto;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;} .index_about_left_box a{display: flex;justify-content: center;align-items: center;width: 126px;height: 40px;border-radius: 6px;background: var(--mainColor);font-size: 14px;color: #FFFFFF;margin-top: 48px;transition: all 0.3s;} .index_about_left_box a img{display: block;margin-left: 8px;filter: brightness(0) invert(1);`} .index_about_left_box a:hover{transform: scale(1.1);} .index_about_right_box{width: 53.13%;height: auto;position: relative;} .index_about_right_video_box{width: 100%;height: auto;position: relative;} .index_about_right_video_bg{width: 100%;height: auto;overflow: hidden;border-radius: 12px;} .index_about_right_video_bg img{width: 100%;height: auto;display: block;} .index_about_right_video_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 25px 30px;display: flex;flex-direction: column;justify-content: flex-end;} .index_about_right_video_content h2{font-size: 14px;color: #FFFFFF;text-transform: uppercase;} .index_about_right_video_content_txt{font-size: 20px;color: #FFFFFF;font-family: "Inter-Bold";margin-top: 4px;} .index_about_right_video_box a{display: block;width: 80px;height: auto;aspect-ratio:1/1;background: url("/assets/tenglong-v2/images/index_about_video_btn_486b17f5a3be.png") no-repeat center center var(--mainColor);border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .index_about_right_video_box a:before{display: none;} .index_about_right_number{width: 163px;height: auto;padding: 22px 24px;background: #FFFFFF;border-radius: 12px;border-radius: 12px;box-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;position: absolute;left: -54px;top: -25px;animation: moveAbout 2s linear infinite;} .index_about_right_number h3{font-size: 40px;color: var(--mainColor);font-family: "Inter-Bold";} .index_about_right_number h3 span{font-family: "Inter-Bold";} .index_about_right_number p{font-size: 14px;color: #4B5563;} @keyframes moveAbout{ 0%{transform: translateY(0px);} 50%{transform: translateY(-8px);} 100%{transform: translateY(0);} } .index_advantage_box{width: 100%;height: auto;padding: 80px 0px;background: url("/assets/tenglong-v2/images/index_excellence_bg_dec115212ae0.jpg") no-repeat center center;background-size: cover;overflow: hidden;} .index_advantage_title{width: 100%;height: auto;} .index_advantage_title h2{font-size: 18px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;text-transform: uppercase;} .index_advantage_title h3{font-size: 36px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;margin-top: 8px;} .index_advantage_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 56px;} .index_advantage_ul_ico{width: 120px;height: auto;margin: 0px auto;} .index_advantage_ul_ico img{width: 100%;height: auto;display: block;} .index_advantage_ul_number{font-size: 48px;color: #FFFFFF;font-family: "Inter-Bold";margin-top: 20px;} .index_advantage_ul_number span{font-family: "Inter-Bold";} .index_advantage_ul li p{font-size: 16px;color: #FFFFFF;text-align: center;margin-top: 4px;} .index_advantage_ul_number i{font-style: normal;font-size: 16px;} .index_global_box{width: 100%;height: auto;padding: 80px 0px;position: relative;overflow: hidden;} .index_global_content{width: 84.1%;height: auto;margin: 0px auto;margin-top: 24px;} .index_global_content_img{width: 100%;height: auto;position: relative;z-index: 2;} .index_global_content_img img{width: 100%;height: auto;display: block;} .index_global_content p{font-size: 16px;color: #374151;text-align: center;position: relative;z-index: 2;} .index_global_box:after{content: "";display: block;width: 411px;height: auto;aspect-ratio:411/616;background: url("/assets/tenglong-v2/images/index_map_bg_9c9b63b912e9.png") no-repeat center center;background-size: 100% auto;position: absolute;left: -45px;bottom: -177px;} .index_news_box{width: 100%;height: auto;padding: 80px 0px;background: #F9FAFB;overflow: hidden;} .index_news_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 38px;} .index_news_ul li{width: 32%;height: auto;overflow: hidden;border-radius: 12px;box-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;background: #FFFFFF;} .index_news_ul_top{width: 100%;height: auto;position: relative;} .index_news_ul_top_img{width: 100%;height: auto;overflow: hidden;} .index_news_ul_top_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .index_news_ul li:hover .index_news_ul_top_img img{transform: scale(1.1);} .index_news_ul_top_time{width: 54px;height: 64px;border-radius: 8px;background: var(--mainColor);position: absolute;left: 16px;top: 16px;display: flex;flex-direction: column;justify-content: center;align-items: center;} .index_news_ul_top_time_mouth{font-size: 24px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;} .index_news_ul_top_time_year{color: #FFFFFF;font-size: 12px;text-align: center;} .index_news_ul_top_category{padding: 4px 12px;border-radius: 14px;background: rgba(255,255,255,0.9);font-size: 12px;color: #1F2937;position: absolute;top: 18px;right: 18px;} .index_news_ul_bottom{width: 100%;height: auto;padding: 24px;} .index_news_ul_bottom_time{display: flex;justify-content: flex-start;align-items: center;font-size: 14px;color: #6B7280;} .index_news_ul_bottom_time img{width: 16px;height: auto;display: block;margin-right: 8px;} .index_news_ul_bottom h3{font-size: 20px;color: #111827;font-family: "Inter-Bold";margin-top: 10px;display: block;height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: all 0.3s;} .index_news_ul_bottom p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .index_news_ul_bottom span{display: flex;justify-content: flex-start;align-items: center;margin-top: 16px;color: var(--mainColor);} .index_news_ul_bottom span img{display: block;margin-left: 8px;} .index_news_ul li:hover .index_news_ul_bottom h3{color: var(--mainColor);} .index_news_box .index_product_more{margin-top: 48px;} .index_contact_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .index_contact_box .contentWH1600{display: flex;justify-content: space-between;} .index_contact_left{width: 38%;height: auto;overflow: hidden;border-radius: 16px;position: relative;box-shadow: 0px 20px 25px -5px rgba(0,0,0,0.1);} .index_contact_left_bg{width: 100%;height: 100%;} .index_contact_left_bg img{width: 100%;height: 100%;object-fit: cover;display: block;} .index_contact_left_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, #000000b3 0%, #0000004d 50%, #00000000 100%);padding: 32px;display: flex;flex-direction: column;justify-content: flex-end;} .index_contact_left_content h2{font-size: 24px;color: #FFFFFF;font-family: "Inter-Bold";} .index_contact_left_content p{font-size: 16px;color: #E5E7EB;line-height: 1.6;margin-top: 6px;} .index_contact_right{width: 60.4%;height: auto;padding: 40px;background: #F9FAFB;border-radius: 16px;} .index_contact_right_title{width: 100%;height: auto;} .index_contact_right_title h2{font-size: 14px;color: var(--mainColor);font-family: "Inter-Bold";text-transform: uppercase;} .index_contact_right_title h3{font-size: 30px;color: #111827;font-family: "Inter-Bold";margin-top: 8px;} .index_contact_right_title p{font-size: 16px;color: #4B5563;} .index_contact_right_ul{width: 100%;height: auto;padding-top: 12px;display: flex;justify-content: space-between;flex-wrap: wrap;} .index_contact_right_ul li{width: 100%;height: auto;margin-top: 20px;} .index_contact_right_ul li:nth-of-type(1),.index_contact_right_ul li:nth-of-type(2){width: 48.5%;} .index_contact_right_name{font-size: 14px;color: #374151;} .index_contact_right_name span{color: var(--mainColor);padding-left: 5px;} .index_contact_right_input{width: 100%;height: auto;position: relative;} .index_contact_right_input span{display: block;width: 20px;height: auto;position: absolute;left: 10px;top: 8px;} .index_contact_right_input span img{width: 100%;height: auto;display: block;} .index_contact_right_input input{display: block;width: 100%;height: 36px;border: 1px solid #E4E4E7;border-radius: 6px;padding-left: 40px;font-size: 14px;outline: none;margin-top: 8px;} .index_contact_right_input input::placeholder{color: #71717A;} .index_contact_right_input textarea{display: block;width: 100%;height: 97px;border: 1px solid #E4E4E7;border-radius: 6px;padding: 8px;padding-left: 40px;resize: none;outline: none;margin-top: 8px;} .index_contact_right_verification{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 8px;} .index_contact_right_verification_img{width: 86px;height: auto;overflow: hidden;border-radius: 6px;display: flex;align-items: center;justify-content: center;background: #fff;} .index_contact_right_verification_img img{width: 100%;height: auto;display: block;} .index_contact_right_verification_input{width: 88%;height: auto;position: relative;} .index_contact_right_verification_input input{width: 100%;height: 44px;border: 1px solid #E4E4E7;border-radius: 6px;padding-left: 13px;outline: none;font-size: 14px;display: block;} .index_contact_right_verification_input input::placeholder{color: #71717A;} .index_contact_right_ul li p{font-size: 12px;color: #6B7280;margin-top: 8px;} .index_contact_right_btn{width: 100%;height: 48px;margin-top: 30px;display: flex;justify-content: center;align-items: center;background: var(--mainColor);font-size: 16px;color: #FFFFFF;outline: none;border: none;border-radius: 6px;cursor: pointer;transition: all 0.3s;} .index_contact_right_btn img{display: block;margin-right: 8px;} .index_contact_right_btn:hover{background: #910206;} .index_form_txt{font-size: 12px;color: #6B7280;text-align: center;margin-top: 20px;} .index_form_txt a{text-decoration: underline;} .index_form_txt a:hover{text-decoration: underline;color: var(--mainColor);} /*product.html start*/ .product_banner_box{width: 100%;height: auto;} .product_banner_bg{width: 100%;height: auto;} .product_banner_bg img{width: 100%;height: auto;display: block;} .product_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 116px 0 0;display: flex;align-items: center;} .product_banner_content h1{font-size: 68px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;} .product_banner_content p{font-size: 24px;color: #FFFFFF;text-align: center;margin-top: 22px;} .crumbs_box{width: 100%;height: auto;background: #FFFFFF;box-shadow: 0px 4px 4px #0000001a;} .crumbs_box .contentWH1600{display: flex;justify-content: space-between;} .crumbs_ul{display: flex;justify-content: flex-start;align-items: center;height: 48px;} .crumbs_ul li{display: flex;justify-content: flex-start;align-items: center;} .crumbs_ul li img{display: block;width: 16px;height: auto;margin-right: 5px;} .crumbs_ul li a{display: block;font-size: 14px;color: #444;} .crumbs_ul i{display: block;font-style: normal;font-size: 14px;color: #444444;margin: 0 4px;} .crumbs_ul li a:hover{color: var(--mainColor);} .product_nav_box{display: flex;justify-content: flex-end;} .product_nav_box li{height: 100%;} .product_nav_box li a{display: flex;height: 100%;align-items: center;padding: 0 13px;font-size: 14px;color: #4B5563;text-transform: capitalize;transition: all 0.3s;} .product_nav_box li a:hover, .product_nav_box li a.active{background: var(--mainColor);color: #FFFFFF;} .product_nav_list_box{width: 100%;height: auto;margin-top: 32px;} .product_nav_list_content{width: 100%;height: auto;border-radius: 8px;background: #FFFFFF;padding: 19px;display: flex;justify-content: space-between;box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;} .product_nav_list_content_left{display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: #4B5563;font-family: "Inter-Bold";} .product_nav_list_content_left img{width: 38px;height: auto;display: block;margin-right: 19px;} .product_nav_list_content_right{display: flex;justify-content: flex-end;align-items: center;} .product_nav_list_content_right li + li{margin-left: 76px;} .product_nav_list_content_right li a{display: block;position: relative;font-size: 16px;color: #4B5563;text-transform: capitalize;} .product_nav_list_content_right li.active a, .product_nav_list_content_right li a:hover{color: var(--mainColor);} .product_nav_list_content_right li a:after{content: "";display: block;width: 100%;height: 2px;background: var(--mainColor);border-radius: 1px;position: absolute;left: 0;bottom: -8px;opacity: 0;} .product_nav_list_content_right li.active a:after{opacity: 1;} .prouct_list_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .product_list_ul{width: 100%;height: auto;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 30px;padding-top: 34px;align-items: stretch;} .product_list_ul li{width: 100%;height: auto;position: relative;margin: 0;} .product_list_ul li > a{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 12px;background: #FFFFFF;} .product_list_ul .index_product_content_list_sw_down{width: 100%;aspect-ratio: 447 / 420;height: auto;overflow: hidden;border-radius: 12px;position: relative;} .product_list_ul .index_product_content_list_sw_down img{width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;left: 0;top: 0;} .product_list_ul .index_product_content_list_sw_up{overflow: hidden;padding: 22px 18px 18px;box-sizing: border-box;} .product_list_ul .index_product_content_list_sw_up h4{font-size: 18px;line-height: 1.35;max-height: 2.7em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .product_list_ul .index_product_content_list_sw_up p{font-size: 13px;line-height: 1.4;margin-top: 6px;max-height: 2.8em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .product_list_ul .index_product_content_list_sw_up_div{margin-top: 14px;} .product_list_ul .index_product_content_list_sw_up_img{width: 88%;} .product_list_ul .index_product_content_list_sw_up_img img{width: 100%;height: auto;max-height: 210px;object-fit: contain;display: block;margin: 0 auto;} .product_list_ul li:hover .index_product_content_list_sw_up{background: rgba(0,0,0,0.1);border-radius: 12px;} .product_list_ul li:hover .index_product_content_list_sw_up h4{color: #FFFFFF;} .product_list_ul li:hover .index_product_content_list_sw_up p{color: #FFFFFF;} .product_list_ul li:hover .index_product_content_list_sw_up_div{opacity: 0;} .product_list_ul li:hover .index_solution_content_sw_img img{transform: scale(1.1);} .product_list_ul li:hover .index_solution_content_sw_content h4{color: var(--mainColor);} .product_more_btn{display: flex;justify-content: center;align-items: center;width: 126px;height: 36px;border-radius: 100px;background: var(--mainColor);position: absolute;left: 50%;transform: translateX(-50%);bottom: 26px;font-size: 14px;color: #FFFFFF;transition: all 0.3s;opacity: 0;} .product_more_btn img{display: block;margin-left: 5px;} .product_list_ul li:hover .product_more_btn{opacity: 1;} .page_ul{display: flex;justify-content: center;align-items: center;margin-top: 58px;} .page_ul li + li{margin-left: 16px;} .page_ul li{aspect-ratio:1/1;width: 37px;height: auto;} .page_ul li a{display: flex;justify-content: center;align-items: center;border: 1px solid #E5E5E5;border-radius: 50%;width: 100%;height: 100%;font-size: 16px;color: #666666;font-family: "Inter-Medium";} .page_ul li a img{display: block;width: 20px;height: auto;display: block;} .page_ul li.page_prev a img{transform: rotateY(-180deg);} .page_ul li.active a, .page_ul li:hover a{color: #FFFFFF;background: var(--mainColor);border-color: var(--mainColor);} .page_ul li:hover a img{filter: brightness(0) invert(1);} .product_shop_pfd_box{width: 100%;height: auto;overflow: hidden;} .product_shop_pfd_top_box{width: 100%;height: auto;position: relative;padding: 118px 0px 140px;background: url("/assets/tenglong-v2/images/product_shop_pfd_bg_d080c7638963.webp") no-repeat center center;background-size: cover;position: relative;overflow: hidden;} .product_shop_pfd_top_content{width: 100%;height: auto;} .product_shop_pfd_top_content_list{width: 100%;height: auto;display: none;} .product_shop_pfd_top_content_list_title{width: 100%;height: auto;} .product_shop_pfd_top_content_list_title h2{font-size: 18px;color: var(--mainColor);font-family: "Inter-Bold";text-align: center;text-transform: uppercase;} .product_shop_pfd_top_content_list_title h3{font-size: 48px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;margin-top: 8px;} .product_shop_pfd_top_content_list_title p{font-size: 16px;color: #FFFFFF;text-align: center;line-height: 1.6;padding: 0 32%;margin-top: 8px;} .product_shop_pfd_top_content_list_img{width: 100%;height: auto;margin-top: 34px;} .product_shop_pfd_top_content_list_img img{max-width: 100%;height: auto;display: block;margin: 0px auto;} .product_shop_pfd_top_scroll{width: 123px;height: 60px;position: relative;padding: 10px 10px 0 10px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;} .product_shop_pfd_top_scroll span{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 12px;color: #FFFFFF;text-align: center;width: 100%;height: 100%;background: var(--mainColor);border-radius: 50px 50px 0 0;position: relative;z-index: 3;} .product_shop_pfd_top_scroll span i{display: block;width: 1px;height: 13px;background: #FFFFFF;margin-top: 8px;} .product_shop_pfd_top_scroll:after{content: "";display: block;width: 100%;height: 100%;background: rgba(177, 31, 35, 0.2);position: absolute;left: 0;top: 0;border-radius: 60px 60px 0 0;animation: moveShopPfd 2s linear infinite;} @keyframes moveShopPfd{ 0%{transform: scale(0);} /*50%{transform: scale(1);}*/ 100%{transform: scale(1);} } .product_shop_pfd_top_bottom{width: 100%;height: auto;background: #F9FAFB;} .product_shop_pfd_top_bottom_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .product_shop_pfd_top_bottom_ul li{line-height: 66px;font-size: 16px;color: #4B5563;font-family: "Inter-Bold";position: relative;cursor: pointer;transition: all 0.3s;} .product_shop_pfd_top_bottom_ul li:after{content: "";display: block;width: 80%;height: 2px;background: var(--mainColor);position: absolute;left: 50%;transform: translateX(-50%);bottom: 10px;display: none;} .product_shop_pfd_top_bottom_ul li:hover, .product_shop_pfd_top_bottom_ul li.on{color: var(--mainColor);font-family: "Inter-Bold";} .product_shop_pfd_top_bottom_ul li.on:after{display: block;} .product_faq_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .index_title_box span{width: 64px;height: auto;aspect-ratio:1/1;display: flex;justify-content: center;align-items: center;border-radius: 50%;background: rgba(177, 31, 35, 0.1);margin: 0px auto;} .index_title_box span img{width: 50%;height: auto;display: block;} .product_faq_ul{width: 100%;height: auto;padding-top: 40px;} .product_faq_ul li{width: 100%;height: auto;margin-top: 16px;background: #FFFFFF;box-shadow: 0px 1px 2px #0000000d;} .product_faq_ul_top{width: 100%;height: 65px;padding: 0 24px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;} .product_faq_ul_top h4{font-size: 16px;color: #1A1A1A;font-family: "Inter-SemiBold";} .product_faq_ul_top i{display: block;flex: 0 0 20px;margin-left: 20px;transition: all 0.3s;} .product_faq_ul_top i img{width: 100%;height: auto;display: block;} .product_faq_ul_bottom{width: 100%;height: auto;padding: 24px;padding-top: 0;background: #FFFFFF;display: none;} .product_faq_ul_bottom p{font-size: 16px;color: #4B5563;line-height: 1.6;} .product_faq_ul li.on .product_faq_ul_top i{transform: rotate(-180deg);} /*product.html end*/ /*product_detial.html start*/ .product_detial_banner_box{width: 100%;height: auto;padding-top: 36px;} .product_detial_banner_bg{width: 100%;height: auto;} .product_detial_banner_bg img{width: 100%;height: auto;display: block;} .product_detial_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-top: 116px;display: flex;align-items: center;} .product_detial_banner_content h1{font-size: 68px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;} .product_detial_banner_content p{font-size: 24px;color: #FFFFFF;text-align: center;margin-top: 22px;} .product_detial_info_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .product_detial_info_box .contentWH1600{display: flex;justify-content: space-between;} .product_detial_info_left{width: 58.4%;height: auto;} .product_detial_info_left_top_sw{width: 100%;height: auto;} .product_detial_info_left_top_sw .swiper-slide{border-radius: 16px;overflow: hidden;} .product_detial_info_left_top_sw img{width: 100%;display: block;height: auto;} .product_detial_info_left_bottom_sw{width: 100%;height: auto;margin-top: 35px;} .product_detial_info_left_bottom_sw img{width: 100%;height: auto;display: block;} .product_detial_info_left_bottom_sw .swiper-slide{cursor: pointer;} .product_detial_info_right{width: 37.6%;height: auto;} .product_detial_info_left_bottom_sw .swiper-slide.swiper-slide-thumb-active{border: 1px solid var(--mainColor);} .product_detial_info_right_info{width: 100%;height: auto;} .product_detial_info_right_info h2{font-size: 36px;color: var(--mainColor);font-family: "Inter-Bold";} .product_detial_info_right_info h3{font-size: 18px;font-family: "Inter-Bold";color: #111827;margin-top: 16px;} .product_detial_info_right_info p{font-size: 16px;color: #4B5563;line-height: 1.6;margin-top: 5px;padding-left: 20px;position: relative;} .product_detial_info_right_info p:before{content: "";display: block;width: 8px;height: 8px;background: var(--mainColor);border-radius: 50%;position: absolute;left: 0;top: 8px;} .product_detial_info_right_btn{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 36px;} .product_detial_info_right_btn a{display: flex;justify-content: center;align-items: center;width: 156px;height: 40px;border-radius: 8px;font-size: 16px;color: #FFFFFF;background: var(--mainColor);transition: all 0.3s;} .product_detial_info_right_btn a + a{margin-left: 20px;} .product_detial_info_right_btn a img{display: block;width: 17px;height: auto;margin-right: 8px;} .product_detial_info_right_btn a:nth-of-type(2){background: #333333;} .product_detial_info_right_btn a:hover{transform: scale(1.1);} .product_detial_info_right_share{width: 100%;height: auto;margin-top: 37px;border-top: 1px solid #E5E7EB;} .product_detial_info_right_share_title{width: 100%;height: auto;padding-top: 16px;display: flex;justify-content: flex-start;align-items: center;font-size: 14px;color: #6B7280;} .product_detial_info_right_share_title img{width: 36px;height: auto;display: block;} .product_detial_btn_box{width: 100%;height: auto;background: #FFFFFF;box-shadow: 0px 2px 4px #00000026;position: sticky;top: 80px;z-index: 99;} .product_detial_btn_box.on{top: 0;} .product_detial_btn{width: 100%;height: auto;display: flex;justify-content: space-between;} .product_detial_btn li{line-height: 66px;font-size: 16px;color: #4B5563;font-family: "Inter-Bold";position: relative;cursor: pointer;} .product_detial_btn li:hover, .product_detial_btn li.on{color: var(--mainColor);} .product_detial_btn li.on:after{content: "";display: block;width: 80%;height: 2px;background: var(--mainColor);position: absolute;left: 50%;bottom: 10px;transform: translateX(-50%);} .product_detial_content_box{width: 100%;height: auto;} .product_detial_content_list{width: 100%;height: auto;margin-top: 80px;overflow: hidden;} .product_detial_content_list_title{width: 35.7%;height: auto;margin: 0px auto;} .product_detial_content_list_title h2{font-size: 36px;color: #111827;font-family: "Inter-Bold";text-align: center;} .product_detial_content_list_title h2 span{font-family: "Inter-Bold";color: var(--mainColor);} .product_detial_content_list_title p{font-size: 16px;color: #4B5563;text-align: center;line-height: 1.6;} .product_detial_content_list_ul{width: 100%;height: auto;} .product_detial_content_list_ul li{width: 100%;height: auto;margin-top: 55px;display: flex;justify-content: space-between;align-items: center;} .product_detial_content_list_ul_left{width: 40.63%;height: auto;} .product_detial_content_list_ul_left h3{font-size: 36px;color: #111827;font-family: "Inter-Bold";margin-bottom: 16px;} .product_detial_content_list_ul_left_txt{width: 100%;height: auto;position: relative;} .product_detial_content_list_ul_left_txt:after{content: "";display: block;width: 35.31%;height: auto;aspect-ratio:1/1;background: url("/assets/tenglong-v2/images/index_about_logo_d2dc47b9e8bf.png") no-repeat center center;background-size: 100% auto;position: absolute;left: 50%;top: 47%;transform: translate(-50%, -50%);z-index: -1;} .product_detial_content_list_ul_left_txt p{font-size: 16px;color: #4B5563;line-height: 1.6;} .product_detial_content_list_ul_left_txt p + p{margin-top: 16px;} .product_detial_content_list_ul_right{width: 50%;height: auto;overflow: hidden;border-radius: 16px;} .product_detial_content_list_ul_right img{width: 100%;height: auto;display: block; box-shadow: 0px 25px 50px -12px #00000040;} .product_detial_content_list_ul li:nth-of-type(even){flex-direction: row-reverse;} .product_detial_content_list_content{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 30px;} .product_detial_content_list_content_left{width: 41%;height: auto;} .product_detial_content_list_content_left img{width: 100%;height: auto;display: block;} .product_detial_content_list_content_right{width: 52.2%;height: auto;} .product_detial_content_list_content_right table{width: 100% !important;height: auto;border: 1px solid #DDDDDD;} .product_detial_content_list_content_right table td{padding: 8px 20px;font-size: 16px;border: 1px solid #DDDDDD;} .product_detial_content_list_content_bottom{width: 100%;height: auto;margin-top: 50px;} .product_detial_content_list_content_bottom table{width: 100% !important;height: auto;border: 1px solid #DDDDDD;} .product_detial_content_list_content_bottom table th,.product_detial_content_list_content_bottom table td{padding: 8px 20px;font-size: 16px;border: 1px solid #DDDDDD;} .product_detial_content_list_content_bottom table th{text-align: center;font-size: 18px;font-family: "Inter-Bold";} .product_detial_specification_more{width: 153px;height: 42px;border: 1px solid var(--mainColor);border-radius: 6px;margin: 0px auto;margin-top: 48px;font-size: 14px;color: var(--mainColor);display: flex;justify-content: center;align-items: center;transition: all 0.3s;} .product_detial_specification_more img{display: block;margin-left: 8px;transition: all 0.3s;} .product_detial_specification_more:hover{background: var(--mainColor);color: #FFFFFF;} .product_detial_specification_more:hover img{filter: brightness(0) invert(1);} .product_detial_why_choose_box{width: 100%;height: auto;padding: 80px 0px;background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/assets/tenglong-v2/images/product_detial_why_choose_bg_6823f5dbe98d.jpg") no-repeat center center;background-size: cover;} .product_detial_why_choose_title{width: 100%;height: auto;} .product_detial_why_choose_title h2{font-size: 36px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;} .product_detial_why_choose_title h2 span{font-family: "Inter-Bold";color: var(--mainColor);} .product_detial_why_choose_title p{font-size: 16px;color: #9CA3AF;text-align: center;margin-top: 10px;} .product_detial_why_choose_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 50px;} .product_detial_why_choose_ul li{width: 32%;height: auto;padding: 32px;border: 1px solid rgba(255,255,255,0.2);border-radius: 12px;background: rgba(255,255,255,0.1);backdrop-filter: blur(12px);} .product_detial_why_choose_ul_ico{width: 64px;height: auto;border-radius: 8px;background: var(--mainColor);aspect-ratio:1/1;display: flex;justify-content: center;align-items: center;} .product_detial_why_choose_ul_ico img{display: block;width: 32px;height: auto;} .product_detial_why_choose_ul li h3{font-size: 24px;color: #FFFFFF;font-family: "Inter-Bold";margin-top: 14px;} .product_detial_why_choose_ul li p{font-size: 16px;color: #FFFFFF;line-height: 1.6;margin-top: 10px;} .product_detial_content_list_faq{padding: 80px 0;background: #F9FAFB;} .product_detial_content_list_title_ico{width: 158px;height: 36px;display: flex;justify-content: center;align-items: center;border-radius: 999px;background: rgba(177, 31, 35, 0.1);font-size: 14px;color: var(--mainColor);margin: 0px auto;margin-bottom: 10px;} .product_detial_content_list_title_ico img{display: block;width: 16px;height: auto;margin-right: 6px;} .product_detial_content_list_sw{padding-bottom: 80px;} .product_detial_content_list_sw .index_product_content_list_box{padding: 0;box-shadow: none;margin-top: 50px;} /*product_detial.html end*/ /*about.html start*/ .about_banner_box{width: 100%;height: auto;padding-top: 36px;overflow: hidden;} .about_banner_bg{width: 100%;height: auto;} .about_banner_bg img{width: 100%;height: auto;display: block;} .about_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-top: 116px;display: flex;align-items: center;} .about_banner_content h1{font-size: 68px;color: #FFFFFF;text-align: center;font-family: "Inter-Bold";} .about_banner_content p{font-size: 24px;color: #FFFFFF;text-align: center;margin-top: 22px;} .about_why_choose_box{width: 100%;height: auto;padding: 80px 0;} .about_why_choose_box .index_title_box h3{text-transform: uppercase;} .about_why_choose_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 24px;} .about_why_choose_ul li{width: 49.1%;height: auto;margin-top: 32px;border-radius: 8px;box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;background: #FFFFFF;padding: 40px;display: flex;justify-content: flex-start;align-items: flex-start;} .about_why_choose_ul_ico{height: auto;aspect-ratio:1/1;display: flex;justify-content: center;align-items: center;background: rgba(177, 31, 35, 0.1);border-radius: 8px;flex: 0 0 64px;margin-right: 24px;transition: all 0.3s;} .about_why_choose_ul_ico img{width: 62.5%;height: auto;display: block;} .about_why_choose_ul_txt{flex: 1;} .about_why_choose_ul_txt h4{font-size: 24px;color: #1A1A1A;font-family: "Inter-Bold";text-transform: uppercase;} .about_why_choose_ul_txt p{font-size: 16px;color: #555555;margin-top: 10px;} .about_why_choose_ul li:hover .about_why_choose_ul_ico{transform: translateY(-8px);} .about_team_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .about_team_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 56px;} .about_team_ul li{width: 18.44%;height: 72px;border: 1px solid #B11F23;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: var(--mainColor);transition: all 0.3s;cursor: pointer;} .about_team_ul li.on, .about_team_ul li:hover{background: var(--mainColor);color: #FFFFFF;} .about_team_content{width: 100%;height: auto;margin-top: 42px;} .about_team_content_list{width: 100%;height: 0;overflow: hidden;} .about_team_content_list_swiper{width: 100%;height: auto;} .about_team_content_list_swiper .swiper-slide{width: 100%;height: auto;border-radius: 8px;overflow: hidden;} .about_team_content_list_swiper .swiper-slide img{width: 100%;height: auto;display: block;} .about_team_content_list_swiper_right_btn,.about_team_content_list_swiper_left_btn{width: 48px;height: auto;aspect-ratio:1/1;border-radius: 50%;background: #FFFFFF;display: flex;justify-content: center;align-items: center;transition: all 0.3s;opacity: 0;} .about_team_content_list_swiper_right_btn img,.about_team_content_list_swiper_left_btn img{display: block;transition: all 0.3s;} .about_team_content_list_swiper_right_btn img{transform: rotate(-180deg);} .about_team_content_list_swiper:hover .about_team_content_list_swiper_right_btn,.about_team_content_list_swiper:hover .about_team_content_list_swiper_left_btn{opacity: 1;} .about_team_content_list_swiper_right_btn:hover,.about_team_content_list_swiper_left_btn:hover{background: var(--mainColor);} .about_team_content_list_swiper_right_btn:hover img,.about_team_content_list_swiper_left_btn:hover img{filter: brightness(0) invert(1);} .about_excellence_box{width: 100%;height: auto;padding: 80px 0;background: url("/assets/tenglong-v2/images/about_history_bg_0ea39a18c2ab.jpg") no-repeat center center;background-size: cover;overflow: hidden;} .about_excellence_swiper_top{width: 100%;height: auto;margin-top: 48px;} .about_excellence_swiper_top .swiper-slide{display: flex;justify-content: space-between;align-items: center;} .about_excellence_swiper_top_left{width: 53%;height: auto;border-radius: 8px;overflow: hidden;position: relative;} .about_excellence_swiper_top_left_bg{width: 100%;height: auto;} .about_excellence_swiper_top_left_bg img{width: 100%;height: auto;display: block;} .about_excellence_swiper_top_left_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, #00000099 0%, #00000000 100%);padding: 16px;display: flex;align-items: flex-end;font-size: 60px;color: var(--mainColor);font-family: "Inter-Bold";} .about_excellence_swiper_top_right{width: 41.5%;height: auto;} .about_excellence_swiper_top_right_title{font-size: 30px;color: var(--mainColor);font-family: "Inter-Bold";text-transform: uppercase;} .about_excellence_swiper_top_right p{font-size: 18px;color: #111827;line-height: 1.6;margin-top: 8px;} .about_excellence_bottom_box{width: 100%;height: auto;padding: 0 80px;margin-top: 58px;position: relative;} .about_excellence_bottom_swiper{width: 100%;height: auto;} .about_excellence_bottom_swiper_ico{width: 23px;height: auto;aspect-ratio:1/1;margin: 0px auto;display: flex;justify-content: center;align-items: center;position: relative;} .about_excellence_bottom_swiper_ico span{display: block;width: 69.6%;height: auto;aspect-ratio:1/1;background: #FFFFFF;border-radius: 50%;position: relative;} .about_excellence_bottom_swiper_ico span:after{content: "";display: block;width: 34.8%;height: auto;aspect-ratio:1/1;background: #E1E3E0;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .about_excellence_bottom_swiper .swiper-slide{cursor: pointer;} .about_excellence_bottom_swiper_year{font-size: 18px;color: #000000;text-align: center;margin-top: 38px;} .about_excellence_bottom_swiper .swiper-slide.swiper-slide-thumb-active .about_excellence_bottom_swiper_ico span{width: 100%;background: #E62129;} .about_excellence_bottom_swiper .swiper-slide.swiper-slide-thumb-active .about_excellence_bottom_swiper_ico span:after{width: 50%;background: #FFFFFF;} .about_excellence_bottom_swiper .swiper-slide.swiper-slide-thumb-active .about_excellence_bottom_swiper_ico:after{content: "";display: block;width: 0;height: 0;border: 6px solid transparent;border-top-color: #E62129;position: absolute;left: 50%;transform: translateX(-50%);top: calc(100% + 10px);} .about_excellence_bottom_swiper_btn_right,.about_excellence_bottom_swiper_btn_left{width: 50px;height: auto;aspect-ratio:1/1;border-radius: 50%;background: #FFFFFF;display: flex;justify-content: center;align-items: center;top: 12%;transform: none;} ..about_excellence_bottom_swiper_btn_right{right: 0;} .about_excellence_bottom_swiper_btn_left{left: 0;} .about_excellence_bottom_swiper_btn_right img,.about_excellence_bottom_swiper_btn_left img{display: block;} .about_excellence_bottom_swiper_btn_right img{transform: rotate(180deg);} .about_excellence_bottom_box:after{content: "";display: block;width: calc(100% - 160px);height: 1px;background: #E62129;position: absolute;left: 50%;top: 12px;transform: translateX(-50%);} .about_excellence_bottom_swiper_btn_right:hover,.about_excellence_bottom_swiper_btn_left:hover{background: var(--mainColor);} .about_excellence_bottom_swiper_btn_right:hover img,.about_excellence_bottom_swiper_btn_left:hover img{filter: brightness(0) invert(1);} .about_certified_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .about_certified_sw{width: 100%;height: auto;margin-top: 80px;} .about_certified_sw .swiper-slide{display: flex;justify-content: center;align-items: flex-end;aspect-ratio:167/236;} .about_certified_sw .swiper-slide img{width: 80%;height: auto;display: block;margin: 0px auto;box-shadow: 0px 4px 4px #00000040;transition: all 0.3s;} .about_certified_sw .swiper-slide.swiper-slide-active img{width: 100%;} .about_certified_content{width: 100%;height: auto;} .about_certified_content_list{width: 100%;height: 0;overflow: hidden;} .about_certified_btn{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 80px;} .about_certified_btn li{width: 32%;height: 64px;border: 2px solid #E5E5E5;border-radius: 8px;font-size: 18px;color: #1A1A1A;font-family: "Inter-Bold";text-align: center;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.3s;} .about_certified_btn li.on,.about_certified_btn li:hover{border-color: #B11F23;background: rgba(177, 31, 35, 0.05);} .about_facilities_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .about_facilities_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;padding-top: 31px;} .about_facilities_ul li{width: 23.8%;height: auto;position: relative;margin-left: 1.6%;margin-top: 25px;} .about_facilities_ul li:nth-of-type(4n+1){margin-left: 0;} .about_facilities_ul_bg{width: 100%;height: 100%;overflow: hidden;} .about_facilities_ul_bg img{width: 100%;height: 100%;object-fit: cover;display: block;transition: all 0.3s;} .about_facilities_ul_content{display: flex;justify-content: flex-start;align-items: center;left: 20px;bottom: 8px;position: absolute;} .about_facilities_ul_content_ico{width: 32px;height: auto;background: var(--mainColor);border-radius: 6px;display: flex;align-items: center;justify-content: center;aspect-ratio:1/1;} .about_facilities_ul_content_ico img{display: block;} .about_facilities_ul_content_title{font-size: 16px;color: #FFFFFF;font-family: "Inter-Bold";margin-left: 6px;text-transform: uppercase;} .about_facilities_ul li:hover .about_facilities_ul_bg img{transform: scale(1.1);} .about_partners_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .about_partners_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;padding-top: 18px;} .about_partners_ul li{width: 18.5%;height: auto;border: 1px solid #E5E5E5;margin-left: 1.875%;margin-top: 30px;overflow: hidden;} .about_partners_ul li:nth-of-type(5n+1){margin-left: 0;} .about_partners_ul li img{width: 100%;height: auto;display: block;transition: all 0.3s;} .about_partners_ul li:hover img{transform: scale(1.1);} /*about.html end*/ /*customization.html start*/ .customization_banner p{padding: 0 29%;} .customization_info_box{width: 100%;height: auto;padding-top: 80px;overflow: hidden;} .customization_info_box .index_title_box{width: 100%;} .customization_info_txt{width: 100%;height: auto;margin-top: 38px;} .customization_info_txt p{font-size: 18px;color: #4B5563;line-height: 1.6;} .technologies_shop_pfd_box{margin-top:80px;} .customization_content_box{width: 100%;height: auto;} .customization_content_list{width: 100%;height: auto;margin-top: 80px;overflow: hidden;} .customization_content_list_content{width: 100%;height: auto;position: relative;background: linear-gradient(#00000033, #00000033);} .customization_content_list_content_bg{width: 100%;height: auto;} .customization_content_list_content_bg img{width: 100%;height: auto;display: block;} .customization_content_list_content_con{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-top: 150px;linear-gradient(#00000033, #00000033);} .customization_content_list_content_con h2{font-size: 36px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;} .customization_content_list_content_con p{display: block;width: 100%;height: auto;margin: 0px auto;margin-top: 18px;color: #FFFFFF;font-size: 18px;line-height: 1.6;text-align: center;} .customization_content_list_content_con p img{width:1231px} .customization_content_list_title{width: 48.9%;height: auto;padding-left: 28px;border-left: 4px solid var(--mainColor);margin-top: 80px;} .customization_content_list_title h2{font-size: 30px;color: #111827;font-family: "Inter-Bold";} .customization_content_list_title p{font-size: 18px;color: #4B5563;line-height: 1.6;margin-top: 18px;} .customization_content_list_sw{width: 100%;height: auto;margin-top: 64px;padding-bottom: 55px;} .customization_content_list_sw .swiper-slide{width: 49.8%;height: auto;overflow: hidden;} .customization_content_list_sw .swiper-slide h3{display: block;line-height: 60px;background: linear-gradient(0deg, #000000cc 0%, #00000000 100%);width: 100%;padding: 0 16px;font-size: 18px;color: #FFFFFF;font-family: "Inter-SemiBold";position: absolute;bottom: -60px;left: 0;transition: all 0.3s;} .customization_content_list_sw img{width: 100%;height: auto;display: block;} .customization_content_list_sw .swiper-slide.swiper-slide-active h3{bottom: 0;} .customization_content_list_sw_page{width: 100%;bottom: 0 !important;} .customization_content_list_sw_page span{width: 12px;height: 12px;background: #D1D5DB;opacity: 1;} .customization_content_list_sw_page span.swiper-pagination-bullet-active{width: 32px;border-radius: 6px;background: var(--mainColor);} .customization_content_list_txt{width: 50.75%;height: auto;margin: 0px auto;margin-top: 46px;} .customization_content_list_txt h2{color: #111827;text-align: center;font-family: "Inter-Bold";font-size: 20px;} .customization_content_list_txt p{font-size: 14px;color: #4B5563;line-height: 1.4;text-align: center;margin-top: 18px;} .customization_accessories_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;margin-top: 80px;} .customization_accessories_title{width: 46.25%;height: auto;margin: 0px auto;} .customization_accessories_title h2{font-size: 36px;color: #111827;font-family: "Inter-Bold";text-align: center;} .customization_accessories_title p{font-size: 18px;color: #4B5563;text-align: center;line-height: 1.6;margin-top: 18px;} .customization_accessories_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 56px;} .customization_accessories_ul li{width: 24%;height: auto;position: relative;} .customization_accessories_ul li img{width: 100%;height: auto;display: block;height: 100%;object-fit: cover;} .customization_accessories_ul li:nth-of-type(3),.customization_accessories_ul li:nth-of-type(4){width: 52%;} .customization_accessories_ul_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 30px;display: flex;flex-direction: column;justify-content: flex-end;background: linear-gradient(180deg, #00000014 0%, #00000066 100%);} .customization_accessories_ul_txt h3{font-size: 24px;color: #FFFFFF;font-family: "Inter-Bold";} .customization_accessories_ul_txt p{font-size: 16px;color: #FFFFFF;margin-top: 3px;} .customization_ready_box{width: 100%;height: auto;position: relative;padding: 128px 0;background: url("/assets/tenglong-v2/images/customization_ready_bg_7a43a9137783.jpg") no-repeat center center;background-size: cover;} .customization_ready_box h2{font-size: 36px;color: #FFFFFF;text-align: center;font-family: "Inter-Bold";} .customization_ready_box p{font-size: 20px;color: #FFFFFF;text-align: center;line-height: 1.4;margin-top: 18px;padding: 0 30%;} .customization_ready_box a{display: flex;justify-content: center;align-items: center;width: 190px;height: 60px;border-radius: 10px;background: var(--mainColor);font-size: 18px;color: #FFFFFF;font-family: "Inter-SemiBold";margin: 0px auto;margin-top: 40px;transition: all 0.3s;} .customization_ready_box a:before{display:none;} .customization_ready_box a img{display: block;margin-left: 10px;filter: brightness(0) invert(1);width:24px;} .customization_ready_box a:hover{transform: scale(1.1);} /*customization.html end*/ /*solution.html start*/ .solution_box{width: 100%;height: auto;padding: 50px 0px 80px;} .solution_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .solution_ul li{width: 32%;height: auto;margin-left: 2%;overflow: hidden;border-radius: 8px;background: #E5E5E5;margin-top: 30px;} .solution_ul li:nth-of-type(3n+1){margin-left: 0;} .solution_ul_img{width: 100%;height: auto;overflow: hidden;} .solution_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .solution_ul li:hover .solution_ul_img img{transform: scale(1.1);} .solution_txt{width: 100%;height: auto;padding: 30px 20px;} .solution_txt h2{font-size: 24px;color: #333333;font-family: "Inter-Bold";} .solution_txt p{font-size: 16px;color: #666666;line-height: 1.6;margin-top: 15px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .solution_txt span{width: 180px;height: 48px;border: 1px solid var(--mainColor);color: var(--mainColor);font-size: 18px;display: flex;justify-content: center;align-items: center;margin-top: 30px;transition: all 0.3s;border-radius: 24px;} .solution_ul li:hover .solution_txt span{background: var(--mainColor);color: #FFFFFF;} /*solution.html end*/ /*coming.html start*/ .coming_box{width: 100%;height: 100vh;background: var(--mainColor);display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;} .coming_box h1{font-size: 48px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;} .coming_box p{font-size: 24px;color: #FFFFFF;text-align: center;margin-top: 20px;} .coming_box img{display: block;margin: 0px auto;max-width: 25%;margin-top: 60px;} .coming_box a{display: flex;justify-content: center;align-items: center;width: 180px;height: 45px;border: 1px solid #FFFFFF;border-radius: 6px;color: #FFFFFF;margin: 0px auto;margin-top: 60px;transition: all 0.3s;} .coming_box a:hover{background: #FFFFFF;color: var(--mainColor);} /*coming.html end*/ /*content end*/ /*footer start*/ .footer{width: 100%;height: auto;background: #111827;position: relative;overflow: hidden;} .footer:before{content: "";display: block;width: 23.521%;height: auto;aspect-ratio:490/564;background: url("/assets/tenglong-v2/images/footer_bg_e177c70b15f2.png") no-repeat center center;background-size: 100% auto;position: absolute;left: -177px;bottom: 0;} .footer_top_box{width: 100%;height: auto;padding: 52px 0 92px;border-bottom: 1px solid #1F2937;} .footer_top_box .contentWH1600{display: flex;justify-content: space-between;} .footer_top_left{width: 20%;height: auto;position:relative;z-index:99;} .footer_logo{width: 100%;height: auto;} .footer_logo img{width: 100%;height: auto;display: block;} .footer_top_left_txt{width: 100%;height: auto;padding-right: 15%;margin-top: 20px;} .footer_top_left_txt p{font-size: 16px;color: #9CA3AF;line-height: 1.6;} .footer_top_info{width: 100%;height: auto;padding-top: 14px;} .footer_top_info li{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 10px;} .footer_top_info li img{display: block;flex: 0 0 20px;margin-right: 12px;} .footer_top_info li p{font-size: 16px;color: #9CA3AF;} .footer_title{font-size: 18px;color: #FFFFFF;font-family: "Inter-Bold";} .footer_nav_link{padding-top: 14px;} .footer_nav_link li{padding-left: 24px;position: relative;margin-top: 10px;} .footer_nav_link li:before{content: "";display: block;width: 16px;height: auto; aspect-ratio: 1/1;background: url("/assets/tenglong-v2/images/footer_nav_ico_000065b42ea3.png") no-repeat center center;background-size: 100% auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .footer_nav_link li a{font-size: 16px;color: #9CA3AF;transition: all 0.3s;} .footer_nav_link li a:hover{text-decoration: underline;color: var(--mainColor);} .footer_share_box{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 24px;} .footer_share_box li{width: 40px;height: auto;aspect-ratio:1/1;} .footer_share_box li + li{margin-left: 12px;} .footer_share_box li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.1);transition: all 0.3s;border-radius: 50%;} .footer_share_box li a img{display: block;} .footer_share_box li a:hover{background: var(--mainColor);} .footer_form_box{width: 44.63%;height: auto;} .footer_form_box h2{font-size: 18px;color: #FFFFFF;font-family: "Inter-Bold";} .footer_form_box p{font-size: 16px;color: #9CA3AF;margin-top: 14px;} .footer_form_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 14px;} .footer_form_ul li{width: 100%;height: auto;position: relative;margin-top: 12px;} .footer_form_ul li:nth-of-type(1),.footer_form_ul li:nth-of-type(2){width: 48.5%;} .footer_form_ul li input{display: block;width: 100%;height: 36px;background: #1F2937;border: 1px solid #6B7280;border-radius: 6px;padding-left: 12px;color: #FFFFFF;outline: none;} .footer_form_ul li input::placeholder{color: #6B7280;} .footer_form_ul li textarea{width: 100%;height: 100px;display: block;background: #1F2937;border: 1px solid #6B7280;border-radius: 6px;padding: 12px;color: #FFFFFF;outline: none;resize: none;} .footer_form_ul li textarea::placeholder{color: #6B7280;} .footer_form_ul li img{width: auto;height: 100%;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 0 6px 6px 0} .footer_form_btn{display: block;width: 100%;height: 36px;background: var(--mainColor);border: none;outline: none;cursor: pointer;border-radius: 6px;margin-top: 22px;font-size: 14px;color: #FFFFFF;font-family: "Inter-Bold";} .footer_bottom_box{width: 100%;height: auto;padding: 20px 0;} .footer_bottom_box .contentWH1600{display: flex;justify-content: space-between;align-items: center;} .footer_bottom_box p{font-size: 14px;color: #6B7280;} .footer_bottom_right{display: flex;justify-content: flex-end;align-items: center;} .footer_bottom_right a{display: block;font-size: 14px;color: #6B7280;} .footer_bottom_right a + a{margin-left: 12px;} .footer_bottom_right a:hover{text-decoration: underline;color: var(--mainColor);} .online_box{width: 56px;height: auto;position: fixed;top: 50%;transform: translateY(-50%);right: 16px;z-index: 99;display: none;} .right_online_content_right{width: 100%;height: auto;aspect-ratio:1/1;border-radius: 50%;background: #B11F23;overflow: hidden;position: relative;z-index: 2;} .right_online_content_right a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;} .right_online_content_right a img{display: block;width: 20px;height: auto;} .online_box li{position: relative;} .online_box li + li{margin-top: 12px;} .online_box li:nth-of-type(1) .right_online_content_right{background: #16A34A;} .online_box li:nth-of-type(2) .right_online_content_right{background: #2563EB;} .online_box li:nth-of-type(3) .right_online_content_right{background: #1F2937;} .right_online_content_left{width: 240px;height: 100%;position: absolute;top: 0;right: 0;padding-right: 66px;border-radius: 28px;padding-left: 20px;display: none;align-items: center;overflow: hidden;} .right_online_content_left a{color: #FFFFFF;} .right_online_content_left a:hover{text-decoration: underline;} .online_box li:nth-of-type(1) .right_online_content_left{background: #16A34A;} .online_box li:nth-of-type(2) .right_online_content_left{background: #2563EB;width:310px;} .online_box li:nth-of-type(3) .right_online_content_left{background: #1F2937;} .online_box li:hover .right_online_content_left{display: flex;} /*footer end*/ @media (max-width: 1768px) { .nav_box li + li{margin-left: 25px;} .index_banner_swiper_content{width: 79.2%;margin-top: 50px;} .index_product_btn li img{width: 140px;} .index_product_content_list_sw_down{height: 300px;} .index_product_content_list_sw_down img{height: 100%;object-fit: cover;} .index_title_box{width: 50%;} .index_contact_right{width: 54.4%;} .index_contact_left{width: 43%;} .product_nav_list_content_right li + li{margin-left: 40px;} .customization_content_list_sw .swiper-slide{width: 46.8%;} .about_info_box .contentWH1600{flex-wrap: wrap;} .about_info_box .index_about_left_box{width: 100%;} .about_info_box .index_about_right_box{width: 100%;margin-top: 80px;} } @media (max-width: 1400px) { .index_banner_swiper_content{width: 86.2%;margin-top: 30px;} .index_banner_swiper_content h1, .index_banner_swiper_content h2{font-size: 48px;} .index_banner_swiper_page{bottom: 30px !important;} .product_nav_list_content_right li + li{margin-left: 30px;} .customization_content_list_content_con p{width: 62%;} .customization_banner p{padding: 0 18%;} .about_info_box .index_about_right_number{left: -30px;} } @media (max-width: 1200px) { .hd_btn{display: block;margin-right: 20px;width: 4vw;height: 3vw;} .hd_btn .s2{top: 1vw;} .hd_btn .s3{top: 2vw;} .nav_box{position: fixed;height: calc(100vh - 80px);background: #212025;width: 100%;top: 116px;z-index: 999;left: 0;display: none;} .nav_box li{height: auto;} .nav_box li + li{margin-left: 0;} .fristLink{display: inline-block;line-height: 45px;padding-left: 4%;height: auto;} .nav_list_box{position: static;left: auto;top: auto;transform: none;width: 100%;padding-left: 4%;background: transparent;box-shadow: none;} .header_bottom_box.fixed .nav_box{top: 80px;} .index_banner_swiper_content h1, .index_banner_swiper_content h2{font-size: 48px;} .index_banner_swiper_content p{font-size: 18px;} .index_banner_swiper_content{margin-top: 30px;} .index_about_box .contentWH1600{flex-wrap: wrap;} .index_about_left_box{width: 100%;} .index_about_right_box{width: 80%;margin: 0px auto; margin-top: 80px;} .index_advantage_ul_number{font-size: 36px;} .index_advantage_ul_ico{width: 100px;} .index_title_box{width: 70%;} .footer_top_box .contentWH1600{flex-wrap: wrap;} .footer_top_left{width: 68%;} .footer_logo img{max-width: 100%;width: auto;} .footer_form_box{width: 100%;margin-top: 50px;} .footer:before{width: 62.521%;} .product_nav_list_content{flex-wrap: wrap;} .product_nav_list_content_right{width: 100%;justify-content: flex-start;margin-top: 20px;} .product_detial_content_list_title{width: 80%;} .customization_content_list_title{width: 80%;} .customization_content_list_sw .swiper-slide{width: 58%;} .customization_ready_box p{padding: 0 18%;} } @media (max-width: 990px) { .index_banner_swiper_content h1, .index_banner_swiper_content h2{font-size: 36px;} .index_banner_swiper_content p{font-size: 16px;padding: 0;} .index_banner_swiper_content{margin-top: 25px;} .index_banner_swiper_content a{margin-top: 10px;} .index_product_btn{flex-wrap: wrap;} .index_product_btn li{width: 32%;margin-bottom: 30px;} .index_product_btn li:nth-last-of-type(1), .index_product_btn li:nth-last-of-type(2), .index_product_btn li:nth-last-of-type(3){margin-bottom: 0;} .index_advantage_ul_number{font-size: 24px;} .index_title_box{width: 100%;} .index_contact_box .contentWH1600{flex-wrap: wrap;} .index_contact_left{width: 100%;} .index_contact_left_bg{height: 450px;} .index_contact_right{width: 100%;margin-top: 30px;} .product_banner_content h1{font-size: 36px;} .product_banner_content p{font-size: 18px;margin-top: 10px;} .crumbs_box .contentWH1600{flex-wrap: wrap;} .crumbs_ul{width: 100%;} .product_nav_box{width: 100%;justify-content: flex-start;height: 48px;} .product_nav_list_content_right{flex-wrap: wrap;margin-top: 0;} .product_nav_list_content_right li{margin-top: 30px;margin-right: 20px;} .product_nav_list_content_right li + li{margin-left: 0;margin-right: 20px;} .product_list_ul{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;} .product_list_ul li{width: 100%;margin: 0;} .product_list_ul .index_product_content_list_sw_up_img img{max-height: 180px;} .product_detial_banner_content h1{font-size: 36px;} .product_detial_banner_content p{font-size: 16px;margin-top: 10px;} .product_detial_info_box .contentWH1600{flex-wrap: wrap;} .product_detial_info_left{width: 100%;} .product_detial_info_right{width: 100%;margin-top: 30px;} .product_detial_content_list_ul li{flex-wrap: wrap;} .product_detial_content_list_ul_left{width: 100%;} .product_detial_content_list_ul_right{width: 100%;margin-top: 30px;} .product_detial_content_list_content{flex-wrap: wrap;} .product_detial_content_list_content_left{width: 100%;} .product_detial_content_list_content_right{width: 100%;margin-top: 30px;} .product_detial_content_list .index_product_content_list_sw_down{height: auto;} .about_banner_content h1{font-size: 36px;} .about_team_ul{flex-wrap: wrap;} .about_team_ul li{width: 32%;margin-top: 10px;} .about_team_ul li:nth-last-of-type(1),.about_team_ul li:nth-last-of-type(2){width: 48.5%;} .about_excellence_swiper_top_left_content{font-size: 38px;} .about_certified_sw .swiper-slide{height: auto;} .about_facilities_ul{justify-content: space-between;} .about_facilities_ul li{width: 48.5%;margin-left: 0;} .about_partners_ul li{width: 32%;margin-left: 2%;} .about_partners_ul li:nth-of-type(5n+1){margin-left: 2%;} .about_partners_ul li:nth-of-type(3n+1){margin-left: 0%;} .customization_banner p{padding: 0;} .customization_content_list_content_con{padding-top: 40px;} .solution_ul{justify-content: space-between;} .solution_ul li{width: 48.5%;margin-left: 0;} .about_info_box .index_about_right_number{left: -10px;} } @media (max-width: 768px) { .header_top_box{display: none;} .header_inquire{display: none;} .header_bottom_box{height: 13.8vw;} .logo{width: 40vw;} .hd_btn{width: 6vw;height: 5vw;margin-right: 3.8vw;} .hd_btn .s2{top: 2vw;} .hd_btn .s3{top: 4vw;} .header_search_btn{width: 4.8vw;margin-right: 3.8vw;} .header_language_box{margin-left: 0;} .header_language_btn img{width: 4.2vw;} .header_language_content{right: 0;top: 13.8vw;} .header_language_content a{font-size: 3.8vw;line-height: 8.8vw;} .index_banner_swiper_content_box{padding-top: 13.8vw;} .nav_box{top: 13.8vw;} .header_bottom_box.fixed .nav_box{top: 13.8vw;} .fristLink{line-height: 10.8vw;font-size: 3.8vw;} .nav_list_box a{font-size: 3.8vw;line-height: 10.8vw;} .index_banner_swiper_content h1, .index_banner_swiper_content h2{font-size: 4.8vw;} .index_banner_swiper_content p{font-size: 3.2vw;} .index_banner_swiper_content{width: 100%;} .index_banner_swiper_right, .index_banner_swiper_left{width: 4.8vw;} .index_banner_swiper_right img, .index_banner_swiper_left img{width: 1.2vw;} .index_banner_swiper_page{bottom: 3.8vw !important;} .index_banner_swiper_page span{width: 1.8vw;height: 1.8vw;} .index_banner_swiper_page span.swiper-pagination-bullet-active{width: 3.8vw;} .index_banner_swiper_content a{width: 36vw;height: 8.8vw;font-size: 3.6vw;margin-top: 3.2vw;} .index_product_box{padding: 8vw 0;} .index_title_box h2{font-size: 3.6vw;} .index_title_box h3{font-size: 4.8vw;} .index_title_box p{font-size: 3.6vw;margin-top: 3.2vw;} .index_product_btn{margin-top: 5.8vw;padding: 5% 4%;border-radius: 1.2vw;} .index_product_btn li{width: 48.5%;} .index_product_btn li img{width: 23vw;} .index_product_btn li h3{font-size: 3.6vw;margin-top: 1.8vw;} .index_product_btn li{margin-bottom: 3.8vw;} .index_product_btn li i{margin-top: 3.2vw;width: 18vw;height: 0.5vw;} .index_product_content_list_box{padding: 0 4%;border-radius: 1.2vw;} .index_product_content_list_sw_right, .index_product_content_list_sw_left{width: 4.8vw;} .index_product_content_list_sw_right img, .index_product_content_list_sw_left img{width: 1.2vw;} .index_product_content_list_sw_right{right: -2.4vw;} .index_product_content_list_sw_left{left: -2.4vw;} .index_product_more{width: 38vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;} .index_product_more img{width: 3.2vw;margin-left: 1.6vw;} .index_solution_box{padding: 8vw 0;} .index_product_content_list_sw_down{height: auto;} .index_product_content_list_sw_up{padding: 5%;} .index_product_content_list_sw_up h4{font-size: 4.2vw;} .index_product_content_list_sw_up_img{width: 78%;} .index_product_content_list_sw_up_div span{left: -3.8%;} .index_solution_content_sw_content{padding: 5% 4%;} .index_solution_content_sw{padding-bottom: 12vw;} .index_solution_content_sw_content h4{font-size: 4.2vw;height: 12vw;} .index_solution_content_sw_content p{font-size: 3.6vw;margin-top: 2.8vw;} .index_solution_content_sw_content span{font-size: 3.6vw;margin-top: 3.6vw;} .index_solution_content_sw_page span.swiper-pagination-bullet-active{width: 3.8vw;} .index_solution_content_sw_page span{width: 1.8vw;height: 1.8vw;} .index_solution_more{width: 42vw;height: 8.8vw;font-size: 3.6vw;margin-top: 5.8vw;} .index_about_box{padding: 8vw 0;} .index_about_left_title h2{font-size: 3.8vw;} .index_about_left_title h3{font-size: 4.8vw;} .index_about_left_content p{font-size: 3.6vw;margin-top: 2.8vw;} .index_about_left_box a{width: 38vw;height: 8.8vw;margin-top: 5.8vw;font-size: 3.6vw;} .index_about_right_box{width: 100%;} .index_about_right_box{margin-top: 8vw;} .index_about_right_video_bg{border-radius: 1.2vw;height: 56vw;} .index_about_right_video_bg img{height: 100%;object-fit: cover;} .index_about_right_video_box a{width: 11vw;background-size: 3.8vw auto;} .index_about_right_video_content{padding: 5% 4%;} .index_about_right_video_content_txt{font-size: 3.6vw;} .index_about_right_number{width: 42vw;padding: 4%;border-radius: 1.2vw;left: 0;top: -3.8vw;} .index_about_right_number h3{font-size: 4.8vw;} .index_advantage_box{padding: 8vw 0;} .index_advantage_title h2{font-size: 3.8vw;} .index_advantage_title h3{font-size: 4.8vw;} .index_advantage_ul{flex-wrap: wrap;margin-top: 3.2vw;} .index_advantage_ul_ico{width: 10vw;} .index_advantage_ul_number{font-size: 3.8vw;text-align: center;margin-top: 3.2vw;} .index_advantage_ul li p{font-size: 2.8vw;text-align: center;} .index_advantage_ul li{width: 32%;margin-top: 3.8vw;} .index_global_box{padding: 8vw 0;} .index_global_content{margin-top: 5.8vw;} .index_global_content p{font-size: 3.2vw;} .index_global_box:after{width: 83%;left: -25%;bottom: -30%;} .index_news_box{padding: 8vw 0;} .index_news_ul{margin-top: 3.2vw;flex-wrap: wrap;} .index_news_ul li{width: 100%;margin-top: 3.8vw;border-radius: 1.2vw;} .index_news_ul_top_time{width: 10vw;height: 10vw;border-radius: 1.2vw;top: 1.8vw;left: 1.8vw;} .index_news_ul_top_time_mouth{font-size: 3.8vw;} .index_news_ul_top_category{right: 1.8vw;top: 3.2vw;} .index_news_ul_bottom{padding: 5% 4%;} .index_news_ul_bottom h3{font-size: 3.8vw;height: 11vw;} .index_news_ul_bottom span{font-size: 3.6vw;margin-top: 3.2vw;} .index_news_box .index_product_more{width: 42vw;height: 8.8vw;font-size: 3.6vw;margin-top: 5.8vw;} .index_contact_box{padding: 8vw 0;} .index_contact_left{border-radius: 1.2vw;} .index_contact_left_content{padding: 5% 4%;} .index_contact_left_bg{height: auto;} .index_contact_left_content h2{font-size: 4.2vw;} .index_contact_left_content p{font-size: 3.6vw;} .index_contact_right{margin-top: 5.8vw;padding: 5% 4%;border-radius: 1.2vw;} .index_contact_right_title h3{font-size: 4.8vw;} .index_contact_right_title p{font-size: 3.6vw;} .index_contact_right_ul{padding-top: 3.2vw;} .index_contact_right_ul li{margin-top: 3.2vw;} .index_contact_right_ul li:nth-of-type(1), .index_contact_right_ul li:nth-of-type(2){width: 100%;} .index_contact_right_verification_input{width: 70%;} .index_contact_right_btn{margin-top: 3.8vw;} .index_form_txt{margin-top: 3.6vw;} .footer_top_box{padding: 8vw 0;} .footer_top_left{width: 100%;} .footer_top_left_txt{margin-top: 3.2vw;} .footer_top_left_txt p{font-size: 3.6vw;} .footer_top_info{padding-top: 1.8vw;} .footer_top_info li p{font-size: 3.6vw;} .footer_share_box{margin-top: 3.8vw;} .footer_nav_box{width: 100%;margin-top: 5.8vw;} .footer_nav_link{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 0;} .footer_nav_link li{width: 24.5%;margin-top: 2.8vw;padding-left: 2.2vw;} .footer_nav_link li a{font-size: 3.2vw;} .footer_nav_link li:before{width: 2.8vw;} .footer_form_box{margin-top: 5.8vw;} .footer_title{font-size: 4.2vw;} .footer_form_box p{font-size: 3.6vw;} .footer_form_ul{padding-top: 3.2vw;} .footer_form_ul li:nth-of-type(1), .footer_form_ul li:nth-of-type(2){width: 100%;} .footer_form_ul li{margin-top: 1.8vw;} .footer_form_btn{margin-top: 3.2vw;} .footer:before{width: 136.521%;} .footer_bottom_box{padding: 2.2vw 0;} .footer_bottom_box .contentWH1600{flex-direction: column;align-items: center;} .online_box li:nth-last-of-type(1){display: none;} .online_box{width: 100%;height: 10.8vw;display: flex;justify-content: flex-start;bottom: 0;top: auto;transform: none;right: 0;} .online_box li{width: calc(100% / 3);height: 100%;} .right_online_content_right{aspect-ratio: initial;border-radius: 0;height: 100%;} .online_box li + li{margin-top: 0;} .online_box li:hover .right_online_content_left{display: none;} .coming_box h1{font-size: 4.8vw;} .coming_box p{font-size: 3.8vw;padding: 0 4%;margin-top: 3.8vw;} .coming_box img{max-width: 70%;margin-top: 5.8vw;} .product_banner_content h1{font-size: 4.8vw;} .product_banner_content p{font-size: 3.6vw;margin-top: 3.2vw;} .product_banner_content{padding-top: 13.8vw;} .product_banner_bg{height: 48vw;} .product_banner_bg img{height: 100%;object-fit: cover;} .crumbs_ul{height: 10.8vw;} .crumbs_ul li a{font-size: 3.2vw;} .crumbs_ul i{font-size: 3.2vw;} .crumbs_ul li img{width: 3.2vw;} .product_nav_box li{width: 32%;height: auto;margin-bottom: 1.8vw;} .product_nav_box li a{font-size: 3.2vw;text-align: center;height: 6.8vw;padding: 0;justify-content: center;} .product_nav_box{height: auto;flex-wrap: wrap;} .product_nav_list_box{margin-top: 5.8vw;} .product_nav_list_content{padding: 5% 4%;} .product_nav_list_content_left{font-size: 3.8vw;} .product_nav_list_content_left img{width: 6.8vw;margin-right: 3.2vw;} .product_nav_list_content_right li a{font-size: 3.6vw;} .product_nav_list_content_right li + li{margin-right: 3.8vw;} .product_nav_list_content_right li{margin-right: 3.8vw;margin-top: 3.8vw;} .prouct_list_box{padding: 8vw 0;} .product_list_ul{padding-top: 3.2vw;grid-template-columns: 1fr;gap: 4vw;} .product_list_ul li{width: 100%;margin: 0;} .product_list_ul .index_product_content_list_sw_down{aspect-ratio: 447 / 380;} .product_list_ul .index_product_content_list_sw_up_img img{max-height: 42vw;} .page_ul li{width: 5.8vw;} .page_ul li a img{width: 50%;} .page_ul li a{font-size: 2.7vw;} .page_ul li + li{margin-left: 2.8vw;} .page_ul{margin-top: 5.8vw;} .product_shop_pfd_top_box{padding: 8vw 0;} .product_shop_pfd_top_content_list_title h2{font-size: 3.6vw;} .product_shop_pfd_top_content_list_title h3{font-size: 4.8vw;} .product_shop_pfd_top_content_list_title p{font-size: 3.6vw;padding: 0;} .product_shop_pfd_top_content_list_img{margin-top: 5.8vw;overflow: hidden;overflow-x: auto;} .product_shop_pfd_top_content_list_img img{max-width: 880px;} .product_shop_pfd_top_scroll{display: none;} .product_shop_pfd_top_bottom_ul{flex-wrap: wrap;height: auto;} .product_shop_pfd_top_bottom_ul li{width: 48.5%;line-height: 8.8vw;font-size: 3.6vw;} .product_shop_pfd_top_bottom_ul li.on:after{display: none;} .product_faq_box{padding: 8vw 0;} .index_title_box span{width: 11vw;} .product_faq_ul{padding-top: 3.2vw;} .product_faq_ul li{margin-top: 1.8vw;} .product_faq_ul_top{padding: 0 4%;height: 11.8vw;} .product_faq_ul_top h4{font-size: 3.6vw;} .product_faq_ul_top i{flex: 0 0 3.2vw;margin-left: 3.2vw;} .product_faq_ul_bottom{padding: 4%;padding-top: 0;} .product_faq_ul_bottom p{font-size: 3.6vw;} .product_detial_btn_box{display: none;} .about_banner_box, .product_detial_banner_box{padding-top: 13.8vw;background: #212025;} .product_detial_banner_content{padding-top: 5.8vw;} .product_detial_banner_content h1{font-size: 4.8vw;} .product_detial_banner_content p{font-size: 3.6vw;margin-top: 1.8vw;} .product_detial_info_box{padding: 8vw 0;} .product_detial_info_left_top_sw .swiper-slide{border-radius: 1.6vw;} .product_detial_info_left_bottom_sw{margin-top: 5.8vw;} .product_detial_info_right{margin-top: 5.8vw;} .product_detial_info_right_info h2{font-size: 4.8vw;} .product_detial_info_right_info h3{font-size: 3.8vw;margin-top: 3.6vw;} .product_detial_info_right_info p{font-size: 3.6vw;margin-top: 3.2vw;} .product_detial_info_right_btn{margin-top: 5.8vw;} .product_detial_info_right_btn a{width: 38vw;height: 10.8vw;font-size: 3.6vw;} .product_detial_info_right_btn a img{width: 2.8vw;} .product_detial_info_right_btn a + a{margin-left: 3.2vw;} .product_detial_info_right_share{margin-top: 5.8vw;} .product_detial_content_list{margin-top: 8vw;} .product_detial_content_list_title{width: 100%;} .product_detial_content_list_title h2{font-size: 4.8vw;} .product_detial_content_list_title p{font-size: 3.6vw;} .product_detial_content_list_ul li{margin-top: 3.8vw;} .product_detial_content_list_ul_left h3{font-size: 4.2vw;margin-bottom: 3.2vw;} .product_detial_content_list_ul_left_txt p{font-size: 3.6vw;} .product_detial_content_list_ul_left_txt p + p{margin-top: 3.2vw;} .product_detial_content_list_ul_right{border-radius: 1.6vw;margin-top: 3.6vw;} .product_detial_content_list_content_right{overflow: hidden;overflow-x: auto;} .product_detial_content_list_content_right table td{padding: 1.2vw;font-size: 3.6vw;} .product_detial_content_list_content_bottom{margin-top: 5.8vw;} .product_detial_content_list_content_bottom table th{font-size: 3.8vw;} .product_detial_content_list_content_bottom table th, .product_detial_content_list_content_bottom table td{padding: 1.2vw;font-size: 3.6vw;} .product_detial_specification_more{width: 38vw;height: 10.8vw;font-size: 3.2vw;margin-top: 5.8vw;} .product_detial_why_choose_box{padding: 8vw 0;} .product_detial_why_choose_title h2{font-size: 4.8vw;} .product_detial_why_choose_title p{font-size: 3.6vw;margin-top: 2.8vw;} .product_detial_why_choose_ul{margin-top: 3.2vw;flex-wrap: wrap;} .product_detial_why_choose_ul li{width: 100%;padding: 5% 4%;margin-top: 3.8vw;margin-top: 3.8vw;} .product_detial_why_choose_ul_ico{width: 12vw;border-radius: 1.2vw;} .product_detial_why_choose_ul_ico img{width: 50%;} .product_detial_why_choose_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .product_detial_why_choose_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .index_solution_content_sw .swiper-slide{border-radius: 1.2vw;} .product_detial_content_list .index_solution_content_box{width: 100%;} .product_detial_content_list .index_solution_content_sw{padding-bottom: 5.8vw;} .product_detial_content_list_faq{padding: 8vw 0;} .product_detial_content_list_title_ico{width: 38vw;height: 10.8vw;} .product_detial_content_list_sw{padding-bottom: 8vw;} .about_banner_content{padding-top: 13.8vw;} .about_banner_content h1{font-size: 4.8vw;} .about_banner_content p{font-size: 3.6vw;margin-top: 3.2vw;} .about_info_box .index_about_right_box{margin-top: 8vw;} .about_why_choose_box{padding: 8vw 0;} .about_why_choose_ul{padding-top: 3.2vw;} .about_why_choose_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;} .about_why_choose_ul_ico{flex: 0 0 10.8vw;margin-right: 3.2vw;} .about_why_choose_ul_ico img{width: 50%;} .about_why_choose_ul_txt h4{font-size: 4.2vw;} .about_why_choose_ul_txt p{font-size: 3.6vw;margin-top: 1.8vw;} .about_team_box{padding: 8vw 0;} .about_team_ul{margin-top: 3.2vw;flex-wrap: wrap;} .about_team_ul li{width: 100%;height: 10.8vw;margin-top: 3.8vw;font-size: 3.6vw;} .about_team_ul li:nth-last-of-type(1), .about_team_ul li:nth-last-of-type(2){width: 100%;} .about_team_content{margin-top: 5.8vw;} .about_team_content_list_swiper .swiper-slide{border-radius: 1.6vw;} .about_team_content_list_swiper_right_btn, .about_team_content_list_swiper_left_btn{width: 6.8vw;} .about_team_content_list_swiper_right_btn img, .about_team_content_list_swiper_left_btn img{width: 1.2vw;} .about_excellence_box{padding: 8vw 0;} .about_excellence_swiper_top{margin-top: 5.8vw;} .about_excellence_swiper_top .swiper-slide{flex-wrap: wrap;} .about_excellence_swiper_top_left{width: 100%;border-radius: 1.2vw;} .about_excellence_swiper_top_left_content{font-size: 4.8vw;} .about_excellence_swiper_top_right{width: 100%;margin-top: 5.8vw;} .about_excellence_swiper_top_right_title{font-size: 4.2vw;} .about_excellence_swiper_top_right p{font-size: 3.6vw;} .about_excellence_bottom_swiper_btn_right, .about_excellence_bottom_swiper_btn_left{width: 6.8vw;} .about_excellence_bottom_swiper_btn_right img, .about_excellence_bottom_swiper_btn_left img{width: 20%;} .about_excellence_bottom_swiper_ico{width: 3.8vw;} .about_excellence_bottom_box{padding: 0 8.8vw;margin-top: 5.8vw;} .about_excellence_bottom_box:after{width: calc(100% - 16.6vw);top: 1.8vw;} .about_excellence_bottom_swiper_btn_right, .about_excellence_bottom_swiper_btn_left{top: 4vw;} .about_excellence_bottom_swiper_year{font-size: 3.8vw;margin-top: 5.8vw;} .about_certified_box{padding: 8vw 0;} .about_certified_sw{margin-top: 5.8vw;} .about_certified_btn{margin-top: 5.8vw;} .about_certified_btn li{height: 10.8vw;font-size: 3.2vw;} .about_facilities_box{padding: 8vw 0;} .about_facilities_ul{padding-top: 3.2vw;} .about_facilities_ul li{width: 100%;margin-top: 3.8vw;} .about_facilities_ul_content_title{font-size: 3.8vw;} .about_partners_box{padding: 8vw 0;} .about_partners_ul{padding-top: 3.2vw;justify-content: space-between;} .about_partners_ul li{width: 48.5%;margin-left: 0;margin-top: 3.8vw;} .customization_info_box{padding-top: 8vw;} .customization_info_txt{margin-top: 5.8vw;} .customization_info_txt p{font-size: 3.6vw;} .customization_content_list{margin-top: 8vw;} .customization_content_list_content_con{padding-top: 5.8vw;} .customization_content_list_content_con h2{font-size: 4.8vw;} .customization_content_list_content_con p{width: 100%;margin-top: 3.2vw;font-size: 3.2vw;} .customization_content_list_content_bg{height: 46vw;} .customization_content_list_content_bg img{height: 100%;object-fit: cover;} .customization_content_list_title{width: 100%;margin-top: 8vw;padding-left: 5.8vw;border-left-width: 0.4vw;} .customization_content_list_title h2{font-size: 4.8vw;} .customization_content_list_title p{font-size: 3.6vw;margin-top: 3.2vw;} .customization_content_list_sw{margin-top: 5.8vw;padding-bottom: 10.8vw;} .customization_content_list_sw .swiper-slide{width: 100%;} .customization_content_list_sw_page span{width: 1.2vw;height: 1.2vw;} .customization_content_list_sw_page span.swiper-pagination-bullet-active{width: 3.2vw;height: 1.2vw;border-radius: 0.6vw;} .customization_content_list_txt{width: 100%;margin-top: 5.8vw;} .customization_content_list_txt p{margin-top: 3.2vw;} .customization_content_list_sw .swiper-slide h3{font-size: 3.6vw;line-height: 10.8vw;padding: 0 4%;} .customization_accessories_box{padding: 8vw 0;margin-top: 8vw;} .customization_accessories_title{width: 100%;} .customization_accessories_title h2{font-size: 4.8vw;} .customization_accessories_title p{font-size: 3.6vw;margin-top: 3.2vw;} .customization_accessories_ul li{width: 100% !important;} .customization_accessories_ul_txt h3{font-size: 3.8vw;} .customization_accessories_ul_txt p{font-size: 3.2vw;margin-top: 1.6vw;} .customization_accessories_ul_txt{padding: 4%;} .customization_ready_box{padding: 8vw 0;} .customization_ready_box h2{font-size: 4.8vw;} .customization_ready_box p{padding: 0;font-size: 3.6vw;margin-top: 3.2vw;} .customization_ready_box a{width: 38vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;border-radius: 1.2vw;} .solution_box{padding: 8vw 0;padding-top: 4.2vw;} .solution_ul li{width: 100%;border-radius: 1.2vw;margin-top: 3.8vw;} .solution_txt{padding: 5% 4%;} .solution_txt h2{font-size: 4.2vw;} .solution_txt p{font-size: 3.6vw;margin-top: 3.2vw;} .solution_txt span{width: 38vw;height: 8.8vw;font-size: 3.6vw;margin-top: 3.8vw;} .technologies_shop_pfd_box{margin-top:8vw;} .header_language_content_box{width: 92%;padding:5% 4%;height:86vw;overflow:hidden;overflow-y:auto;} .header_content_right_language_list{justify-content: space-between;} .header_content_right_language_list a{width:48.5%;margin-left:0;margin-bottom:3.2vw;font-size:3.6vw;} .header_content_right_language_list a img{width:7.5vw;height:5.3vw;margin-right:2.4vw;} .header_language_soon_tip{font-size:3.2vw;margin-top:2vw;padding-top:3vw;} } .nav_box.open{display:flex!important;flex-direction:column;position:fixed;left:0;right:0;top:80px;background:#212025;z-index:999;padding:12px 0;max-height:70vh;overflow:auto} @media(min-width:1201px){.nav_box.open{position:static!important;flex-direction:row;max-height:none;background:transparent;padding:0;width:auto;top:auto;display:flex!important}} body.nav-open{overflow:hidden} .header_language_panel{display:none;position:absolute;right:0;top:100%;background:#fff;min-width:120px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:50} .header_language_box.open .header_language_panel{display:block} .header_language_panel a{display:block;padding:10px 14px;color:#111} .header_language_panel a:hover{background:var(--mainColor);color:#fff} .photo-empty{min-height:200px;display:grid;place-content:center;background:#F3F4F6;color:#6B7280;text-align:center;padding:16px} .sb-inquiry{margin-top:20px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:14px} .sb-inquiry summary{cursor:pointer;font-weight:700} .sb-inquiry form{display:grid;gap:10px;margin-top:12px} .sb-inquiry label{display:grid;gap:4px;font-size:13px} .sb-inquiry input,.sb-inquiry textarea{width:100%;min-height:40px;padding:10px;border:1px solid #D1D5DB;border-radius:6px;font:inherit} .sb-inquiry .sb-honey{position:absolute;left:-10000px} .sb-inquiry .button{background:var(--mainColor);color:#fff;border:0;min-height:42px;border-radius:6px;font-weight:700;cursor:pointer} .sb-sent:not([hidden]){background:#dff5ea;padding:12px;color:#16543b;margin-top:10px;border-radius:6px} .sb-pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:28px 0} .sb-pagination a{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ddd;background:#fff} .sb-pagination a[aria-current=page]{background:var(--mainColor);color:#fff;border-color:var(--mainColor)} .pd-thumb{border:2px solid transparent;padding:0;background:0;cursor:pointer} .pd-thumb.on{border-color:var(--mainColor)} .product_detial_thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .product_detial_thumbs img{width:96px;height:72px;object-fit:cover;display:block} .pd-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;display:grid;place-items:center} .pd-lightbox[hidden]{display:none!important} .pd-lightbox img{max-width:92vw;max-height:88vh;object-fit:contain} .logo-text{color:#fff;font-size:20px;letter-spacing:.04em} html[dir=rtl] .header_language_panel{right:auto;left:0} .index_product_content_list{height:auto!important} .index_product_content_list .swiper-wrapper{display:flex!important;flex-wrap:wrap!important;gap:24px!important;transform:none!important;width:100%!important} .index_product_content_list .swiper-slide{width:calc((100% - 48px)/3)!important;margin:0!important;position:relative!important} @media(max-width:900px){.index_product_content_list .swiper-slide{width:calc((100% - 24px)/2)!important}} @media(max-width:600px){.index_product_content_list .swiper-slide{width:100%!important}} .swiper-button-next,.swiper-button-prev{cursor:pointer} /* tenglong-v2 page defaults — H5 assumes white canvas */ html,body{background:#FFFFFF;color:#111827} .product_detial_content_box, .product_detial_content_list, .product_detial_info_box{background:#F9FAFB} .product_detial_content_list_content_right table td{color:#111827;background:#FFFFFF} .product_detial_content_list_title h2{color:#111827} /* Desktop footer columns only — must NOT override mobile widths */ @media (min-width: 1201px) { .footer_nav_box{width:18%;height:auto} .footer_top_left{width:28%} .footer_form_box{width:44.63%} } .sb-honey{position:absolute;left:-10000px;height:0;overflow:hidden} /* Mobile nav: full-width items, no vertical char wrap */ @media (max-width: 1200px) { .nav_box.open{ display:flex!important; flex-direction:column; align-items:stretch; width:100%; left:0;right:0; padding:2vw 0 4vw; max-height:calc(100vh - 14vw); overflow:auto; box-sizing:border-box; } .nav_box.open > li{ width:100%; margin:0; border-bottom:1px solid rgba(255,255,255,.08); } .nav_box.open .fristLink{ display:flex!important; align-items:center; justify-content:space-between; width:100%; height:auto!important; min-height:0!important; box-sizing:border-box; padding:3.6vw 5%; line-height:1.45!important; font-size:4.2vw; color:#FFFFFF; white-space:nowrap; } .nav_box.open > li.has-sub > .fristLink:after{ content:""; display:block; width:2.4vw; height:2.4vw; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); margin-left:3vw; flex-shrink:0; transition:transform .2s; opacity:.85; } .nav_box.open > li.has-sub.open-sub > .fristLink:after{ transform:rotate(-135deg); margin-top:1.2vw; } .nav_box.open > li.on > .fristLink{color:var(--mainColor);} /* Accordion: hide submenus until expanded */ .nav_box.open .nav_list_box{ display:none!important; position:static!important; left:auto!important; top:auto!important; transform:none!important; width:100%!important; height:auto!important; margin:0; padding:0 5% 2.4vw 8%; box-sizing:border-box; background:transparent!important; box-shadow:none!important; } .nav_box.open > li.open-sub > .nav_list_box{ display:block!important; } .nav_box.open .nav_list_box a{ display:block; width:100%; padding:2.4vw 0; font-size:3.6vw; line-height:1.4; color:#D1D5DB; white-space:nowrap; background:transparent; } .footer_form_box{display:none!important;} .footer_bottom_right{display:none!important;} } /* Mobile footer: readable nav + stacked columns */ @media (max-width: 768px) { .footer_top_box .contentWH1600{ display:flex; flex-direction:column; align-items:stretch; gap:6vw; } .footer_top_left, .footer_nav_box, .footer_form_box{ width:100%!important; margin-top:0!important; } .footer_nav_link{ display:grid!important; grid-template-columns:1fr 1fr; gap:3.2vw 4vw; padding-top:3.2vw!important; justify-content:stretch!important; } .footer_nav_link li{ width:100%!important; margin-top:0!important; padding-left:6.5vw!important; box-sizing:border-box; } .footer_nav_link li a{ font-size:3.6vw!important; white-space:nowrap; display:inline-block; } .footer_top_info li p, .footer_top_info li a{ font-size:3.6vw; word-break:break-all; } .footer_bottom_right{ display:flex; flex-wrap:wrap; justify-content:center; gap:2vw 3.2vw; margin-top:3.2vw; } .footer_bottom_right a{ font-size:3vw; white-space:nowrap; } } /* Search + language panel helpers */ .header_language_close{display:none;z-index:1000} .header_language_content_box a.lang-soon{opacity:.45;cursor:not-allowed} .header_search_box input[type="search"]{width:400px;height:42px;display:block;outline:none;background:#FFFFFF;color:#333333;padding:0 18px;border:none;font-size:18px;margin:30px 0;border-bottom:1px solid #E5E5E5}