body {padding: 0; margin: 0;background: #f2f2f2;} ul {list-style-type: none; padding: 0; margin: 0;} /*透明系列*/ .lj_trans_series { position: relative;} .lj_trans_series img {display: block; width:100%;} .lj_all_text {position: absolute; color: #fff; top:18%;} .lj_tran_a {line-height: 1.2em; padding-bottom: 3%; font-family:"LATO-MEDIUM"; } .lj_tran_b {line-height: 1.5em;} .lj_tran_c {line-height: 1.6em;padding-top: 3%;} @media screen and (min-width:1400px){ .lj_all_text { left: 20%; } .lj_tran_a {font-size:3em; width:50%; } .lj_tran_b {font-size: 1.5em;width:50%; } .lj_tran_c {font-size: 1.1em; color: #009fdf; } } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_all_text { left: 14%;} .lj_tran_a {font-size:3em; } .lj_tran_b {font-size: 1.5em;} .lj_tran_c {font-size: 1.1em; color: #009fdf; } } @media screen and (min-width:1000px) and (max-width:1279px){ .lj_all_text { left: 15%; } .lj_tran_a {font-size:2.5em; } .lj_tran_b {font-size: 1.1em; } .lj_tran_c {font-size: 1em; color: #009fdf; } } @media screen and (min-width:768px) and (max-width:999px){ .lj_all_text { left: 15%; top:20%;} .lj_tran_a {font-size:2.5em; } .lj_tran_b {font-size: 1.1em; } .lj_tran_c {display: none;} } @media screen and (min-width:640px) and (max-width:767px){ .lj_all_text { left: 5%; top:24%;} .lj_tran_a {font-size:1.5em; } .lj_tran_b {font-size: 1.1em; } .lj_tran_c {display: none; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_all_text { left: 10%; top:25%;} .lj_tran_a {font-size:1.8em; } .lj_tran_b {font-size: 1em;} .lj_tran_c {display: none; } } @media screen and (max-width:479px){ .lj_all_text { left: 5%; top:20%;} .lj_tran_a {font-size:1.5em; } .lj_tran_b {font-size: 1em;} .lj_tran_c {display: none; } } .lj_trans_img_all { left: 0; width:100%;} .lj_trans_img01 img {display: block;width:100%;} @media screen and (min-width:1440px){ .lj_tran_product,.lj_trans_img,.lj_dis_product,.lj_voice_product,.lj_layout_product,.lj_usb_product,.lj_set_product,.lj_set01_product { width:1440px; margin: auto;} .lj_trans_img img {display: block; width:75vw;} } @media screen and (max-width:1439px){ .lj_tran_product,.lj_trans_img,.lj_dis_product,.lj_voice_product,.lj_layout_product,.lj_usb_product,.lj_set_product,.lj_set01_product { width:100%; margin: auto;} .lj_trans_img img {display: block; width:100vw;} } .lj_trans_img01:last-child {margin-right: 0;} .lj_trans_title { position: absolute;bottom:10%; text-align: center; width:100%;} @media screen and (min-width:1000px){ .trans_font_big {font-size: 1.3em; } .trans_font_small {font-size: 1em; color: #9a9a9a; padding: 3% 0;} .lj_trans_img01 { width:19.6%; margin-right: 0.5%;position: relative; float: left;top:-70px;} .lj_trans_img_all {position: relative; top:-87px;} } @media screen and (min-width:768px) and (max-width:999px){ .trans_font_big {font-size: 1.1em; } .trans_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;} .lj_trans_img01 { width:19.6%; margin-right: 0.5%; margin-top: 1%; position: relative; float: left;} } @media screen and (max-width:767px){ .trans_font_big {font-size: 1em; line-height: 1em;} .trans_font_small {font-size: 0.9em; color: #9a9a9a; } } .trans_font_big {color: #333; font-family:"LATO-MEDIUM" ;} /*硬盘数据线*/ .lj_disk { position: relative;} .lj_disk img {display: block; width:100%;} .lj_disk_text {position: absolute; color: #333;} .lj_disk_a {line-height: 1.3em; padding-bottom: 5%;} .lj_disk_b {line-height: 1.2em; color: #555;} .lj_disk_c {line-height: 1.6em;padding-top: 5%;} @media screen and (min-width:1400px){ .lj_disk_text { left: 20%; top:12%;} .lj_disk_a {font-size:3em; } .lj_disk_b {font-size: 1.5em; } .lj_disk_c {font-size: 1.1em; color: #009fdf; } } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_disk_text { left: 14%; top:10%;} .lj_disk_a {font-size:3.5em; } .lj_disk_b {font-size: 1.5em; } .lj_disk_c {font-size: 1.1em; color: #009fdf; } } @media screen and (min-width:1000px) and (max-width:1279px){ .lj_disk_text { left: 15%; top:12%;} .lj_disk_a {font-size:2.5em; } .lj_disk_b {font-size: 1.1em;} .lj_disk_c {font-size: 1em; color: #009fdf; } } @media screen and (min-width:768px) and (max-width:999px){ .lj_disk_text { left: 15%; top:10%;} .lj_disk_a {font-size:2.5em; } .lj_disk_b {font-size: 1.1em; } .lj_disk_c {display: none;} } @media screen and (min-width:640px) and (max-width:767px){ .lj_disk_text { left: 5%; top:10%;} .lj_disk_a {font-size:1.5em; } .lj_disk_b {font-size: 1.1em; color: #555; } .lj_disk_c {display: none; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_disk_text { left: 10%; top:5%;} .lj_disk_a {font-size:1.8em; } .lj_disk_b {font-size: 1em; color: #555; } .lj_disk_c {display: none; } } @media screen and (max-width:479px){ .lj_disk_text { left: 5%; top:4%;} .lj_disk_a {font-size:1.5em; } .lj_disk_b {font-size: 1em; color: #555;} .lj_disk_c {display: none; } } /*产品*/ .lj_dis_img01 img {display: block; width: 100%;} .lj_dis_img01:last-child {margin-right: 0;} .lj_dis_title { position: absolute;top:10%; text-align: center; width:100%;} .dis_font_small { color: #9a9a9a;} @media screen and (min-width:1000px){ .dis_font_big {font-size: 1.5em; } .dis_font_small {font-size: 1.1em; padding: 3% 0; } .lj_dis_img01 { width:23.87%; margin-right: 1.5%;position: relative; float: left; top:-80px;} } @media screen and (min-width:768px) and (max-width:999px){ .dis_font_big {font-size: 1.1em; } .dis_font_small {font-size: 0.9em; } .lj_dis_img01 { width:23.87%; margin-right: 1.5%;position: relative; float: left; top:-80px;} } @media screen and (max-width:767px){ .dis_font_big {font-size:1.1em; line-height: 1em;} .dis_font_small {font-size: 0.8em; } .lj_dis_img01 { width:23.87%; margin-right: 1.5%; } } .dis_font_big {color: #333; font-family:"LATO-MEDIUM"; } /*耳机音箱专区*/ .lj_voice{ position: relative;} .lj_voice img {display: block; width:100%;} .lj_voice_text {position: absolute; color: #fff;} .lj_voice_a {line-height: 1.2em; padding-bottom: 5%; font-family:"LATO-MEDIUM"; } .lj_voice_b {line-height: 1.5em;padding-top: 5%;color: #b7b7b7;} @media screen and (min-width:1400px){ .lj_voice_text { left: 20%; top:15%;} .lj_voice_a {font-size:3em; } .lj_voice_b {font-size: 1.5em; } } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_voice_text { left:14%; top:15%;} .lj_voice_a {font-size:3em; } .lj_voice_b {font-size: 1.5em; } } @media screen and (min-width:768px) and (max-width:1279px){ .lj_voice_text { left: 15%; top:12%;} .lj_voice_a {font-size:2.5em; } .lj_voice_b {font-size: 1.1em; } } @media screen and (min-width:640px) and (max-width:767px){ .lj_voice_text { left: 8%; top:10%;} .lj_voice_a {font-size:2em; } .lj_voice_b {font-size: 1.1em; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_voice_text { left:10%; top:8%;} .lj_voice_a {font-size:1.8em; } .lj_voice_b {font-size: 1em; } } @media screen and (max-width:479px){ .lj_voice_text { left: 10%; top:7%;} .lj_voice_a {font-size:1.5em; } .lj_voice_b {font-size: 1em; } } /*产品*/ .lj_voice_img01 img {display: block; width:100%;} .lj_voice_img01:last-child {margin-right: 0;} .lj_voice_title { position: absolute;top:10%; text-align: center; width:100%; } @media screen and (min-width:1000px){ .voice_font_big {font-size: 1.3em;} .lj_voice_img01 {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;} } @media screen and (min-width:768px) and (max-width:999px){ .voice_font_big {font-size: 1.1em; } .lj_voice_img01 {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;} } @media screen and (max-width:767px){ .voice_font_big {font-size:1.1em;} .lj_voice_img01 {width:32.33%; margin-right: 1.5%; float: left;} } .voice_font_big { color: #b7b7b7; font-family:"LATO-MEDIUM"; } /*收纳专区*/ .lj_usb_fan img {display: block;width:100%;} .lj_usb_fan{ position: relative;} .lj_usb_text {position: absolute;color: #333; width:70%; } .lj_usb_a {line-height: 1.2em; padding-bottom: 3%; letter-spacing: 0.1em; font-family:"LATO-MEDIUM"; } .lj_usb_b {line-height: 1.2em;color: #555;} .lj_usb_b span {padding: 0 2%;} @media screen and (min-width:1400px){ .lj_usb_text { left: 20%; top:12%;} .lj_usb_a {font-size:3em; } .lj_usb_b {font-size: 1.5em; } } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_usb_text { left:14%; top:15%;} .lj_usb_a {font-size:3.5em; } .lj_usb_b {font-size: 1.5em; } } @media screen and (min-width:768px) and (max-width:1279px){ .lj_usb_text { left: 10%; top:20%;} .lj_usb_a {font-size:2.5em; } .lj_usb_b {font-size: 1.1em; } } @media screen and (min-width:640px) and (max-width:767px){ .lj_usb_text { left: 5%; top:25%;} .lj_usb_a {font-size:2em; } .lj_usb_b {font-size: 1.1em; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_usb_text { left: 8%; top:12%;} .lj_usb_a {font-size:1.8em; } .lj_usb_b {font-size: 1em; } } @media screen and (max-width:479px){ .lj_usb_text { left: 8%; top:10%;} .lj_usb_a {font-size:1.5em; } .lj_usb_b {font-size: 1em; } } /*产品*/ .lj_usb_img01 {position: relative;} .lj_usb_img01 img {display: block;width:100%;} .lj_usb_img01:last-child {margin-right: 0;} .lj_usb_title { position: absolute;top:10%; text-align: center; width:100%;} @media screen and (min-width:1200px){ .usb_font_big {font-size: 2.2em;} .usb_font_small {font-size: 1.1em; color: #9a9a9a; padding: 2% 0;} .lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (min-width:1000px) and (max-width:1199px){ .usb_font_big {font-size:2em; } .usb_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;} .lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (min-width:768px) and (max-width:999px){ .usb_font_big {font-size:1.5em;} .usb_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;} .lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (max-width:767px){ .usb_font_big {font-size:1.1em; line-height: 1em;} .usb_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;} .lj_usb_img01 { width:100%; margin-right: 1.5%; } } .usb_font_big { color: #333; font-family: "LATO-MEDIUM";} /*排插专区*/ .lj_layout { position: relative;} .lj_layout img { display: block;width:100%;} .lj_layout_text {position: absolute; color: #fff;} .lj_layout_a {line-height: 1.2em; padding-bottom: 5%; font-family: "LATO-MEDIUM";} .lj_layout_b {line-height: 1.2em; color: #555;} .lj_layout_c {line-height: 1.5em;padding-top: 3%;} .lj_layout_c span {padding-left:40px;} @media screen and (min-width:1400px){ .lj_layout_text { left: 20%; top:12%;} .lj_layout_a {font-size:3em; } .lj_layout_c {font-size: 1.25em; } } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_layout_text { left: 14%; top:12%;} .lj_layout_a {font-size:3.5em; } .lj_layout_c {font-size: 1.25em; } } @media screen and (min-width:768px) and (max-width:1279px){ .lj_layout_text { left: 10%; top:12%;} .lj_layout_a {font-size:2.5em; } .lj_layout_c {font-size: 1em; } } @media screen and (min-width:640px) and (max-width:767px){ .lj_layout_text { left: 5%; top:15%;} .lj_layout_a {font-size:1.5em; } .lj_layout_c {font-size: 1em; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_layout_text { left: 8%; top:10%;} .lj_layout_a {font-size:1.8em; } .lj_layout_c {font-size: 1em; } } @media screen and (max-width:479px){ .lj_layout_text { left: 8%; top:8%;} .lj_layout_a {font-size:1.5em;} .lj_layout_c {font-size: 1em; } } /*产品*/ .lj_layout_img01 {position: relative;} .lj_layout_img01 img {display: block;width:100%;} .lj_layout_img01:last-child {margin-right: 0;} .lj_layout_title { position: absolute;top:10%; text-align: center; width:100%;} @media screen and (min-width:1200px){ .layout_font_big {font-size: 1.3em; } .layout_font_small {font-size: 1.1em; color: #9a9a9a; padding: 3% 0;} .lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (min-width:1000px) and (max-width:1199px){ .layout_font_big {font-size:1.3em; } .layout_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;} .lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (min-width:768px) and (max-width:999px){ .layout_font_big {font-size:1.3em; } .layout_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;} .lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (max-width:767px){ .layout_font_big {font-size:1.1em; line-height: 1em;} .layout_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;} .lj_layout_img01 { width:23.87%; margin-right: 1.5%; } } .layout_font_big {color: #333; font-family: "LATO-MEDIUM";} /*图片01*/ .lj_skin_fan{ position: relative; margin-bottom: 40px;} .lj_skin_fan img {display: block; width:100%;} .lj_skin_text {position: absolute;color: #333; width:80%; } .lj_skin_a {line-height: 1.2em; padding-bottom: 5%; font-family:"LATO-MEDIUM"; } .lj_skin_b {line-height: 1.5em; color: #555;} .lj_skin_b span {padding: 0 2%;} @media screen and (min-width:1280px){ .lj_skin_text { left: 20%; top:22%;width:40%;} .lj_skin_a {font-size:3em; } .lj_skin_b {font-size: 1.5em; width:80%; } } @media screen and (min-width:768px) and (max-width:1279px){ .lj_skin_text { left: 15%; top:30%;} .lj_skin_a {font-size:2.5em; } .lj_skin_b {font-size: 1.1em;width:50%; } } @media screen and (min-width:640px) and (max-width:767px){ .lj_skin_text { left: 5%; top:30%;} .lj_skin_a {font-size:2em; } .lj_skin_b {font-size: 1.1em;width:50%; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_skin_text { left: 8%; top:25%;} .lj_skin_a {font-size:1.8em; } .lj_skin_b {font-size: 1em;width:50%; } } @media screen and (max-width:479px){ .lj_skin_text { left: 8%; top:25%;} .lj_skin_a {font-size:1.5em; } .lj_skin_b {font-size: 1em; width:80%;} } /*图片02*/ .lj_skin02_fan img {display: block;width:100%;} .lj_skin02_fan{ position: relative;} .lj_skin02_text {position: absolute;color: #333; width:70%; } .lj_skin02_a {line-height: 1.2em; padding-bottom: 2%; letter-spacing: 0.1em; font-family: "LATO-MEDIUM";} .lj_skin02_b {line-height: 1.2em;color: #555;} .lj_skin02_b span {padding: 0 2%;} @media screen and (min-width:1400px){ .lj_skin02_text { left: 20%; top:12%;} .lj_skin02_a {font-size:3em; } .lj_skin02_b {font-size: 1.5em; } } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_skin02_text { left:14%; top:15%;} .lj_skin02_a {font-size:3.5em; } .lj_skin02_b {font-size: 1.5em; } } @media screen and (min-width:768px) and (max-width:1279px){ .lj_skin02_text { left: 10%; top:20%;} .lj_skin02_a {font-size:2.5em; } .lj_skin02_b {font-size: 1.1em; } } @media screen and (min-width:640px) and (max-width:767px){ .lj_skin02_text { left: 5%; top:15%;} .lj_skin02_a {font-size:2em; } .lj_skin02_b {font-size: 1.1em; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_skin02_text { left: 8%; top:8%;} .lj_skin02_a {font-size:1.8em; } .lj_skin02_b {font-size: 1em; } } @media screen and (max-width:479px){ .lj_skin02_text { left: 5%; top:5%;} .lj_skin02_a {font-size:1.5em; } .lj_skin02_b {font-size: 1em; } } /*耳机专题*/ .lj_headset_banner{ position: relative;} .lj_headset_banner img {display: block; width:100%;} .lj_all_set {position: absolute; color: #fff; top:35%;} .lj_set_a {line-height: 1.5em; padding-bottom: 5%; font-family: "LATO-MEDIUM";} .lj_set_b {line-height: 1.5em;} @media screen and (min-width:1400px){ .lj_all_set { left: 17%; } .lj_set_a {font-size:3em; } .lj_set_b {font-size: 2em;; } } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_all_set { left: 14%;} .lj_set_a {font-size:3em; } .lj_set_b {font-size: 1.5em;} } @media screen and (min-width:1000px) and (max-width:1279px){ .lj_all_set { left: 15%; } .lj_set_a {font-size:2.5em; } .lj_set_b {font-size: 1.1em; } } @media screen and (min-width:768px) and (max-width:999px){ .lj_all_set { left: 15%; top:20%;} .lj_set_a {font-size:2.5em; } .lj_set_b {font-size: 1.1em; } } @media screen and (min-width:640px) and (max-width:767px){ .lj_all_set { left: 5%; top:24%;} .lj_set_a {font-size:1.5em; } .lj_set_b {font-size: 1.1em; } } @media screen and (min-width:480px) and (max-width:639px){ .lj_all_set { left: 10%; top:25%;} .lj_set_a {font-size:1.8em; } .lj_set_b {font-size: 1em;} } @media screen and (max-width:479px){ .lj_all_set { left: 5%; top:20%;} .lj_set_a {font-size:1.5em; } .lj_set_b {font-size: 1em;} } /*视频*/ .lj_headset_video {background: #f2f2f2; padding: 4% 0;} @media screen and (min-width:1400px){ .lj_set_v_all {width:1440px;margin: auto;} } @media screen and (max-width:1399px){ .lj_set_v_all {width:96%;margin: auto;} } @media screen and (min-width:1200px){ .set_h3 {font-size:3em; color: #333;} .lj_set_v_left {width:30%; float: left; padding: 5% 0;} .set_small { padding: 10% 0;} .lj_set_v_right { width:68%; float: right;} } @media screen and (max-width:1199px){ .set_h3 {font-size:2.5em; color: #333;} .lj_set_v_left {width:96%; text-align: center;} .set_small { padding: 3.4% 0 5.4%;} .lj_set_v_right { width:96%; margin: auto; padding: 2% 0;} } .set_h3 p {line-height:1.2em; font-family: "LATO-MEDIUM";} .set_small {font-size:1.875em; color: #333; } .se_s_a {font-size: 1em; line-height: 1.2em;} .lj_set_img02{ position: relative;} .lj_set_img02 img {display: block; width:100%;} .lj_set_c { font-size: 1em;} @media screen and (min-width:1000px){ .lj_set_text {width:32%;} } @media screen and (min-width:768px) and (max-width:999px){ .lj_set_text {width:40%;} } @media screen and (max-width:767px){ .lj_set_text {width:50%;} } .lj_set_text {position: absolute; color: #fff; } .lj_set_head {line-height: 1.5em; padding-bottom: 5%; font-family:"LATO-MEDIUM";} .lj_set01_b {padding:8% 0 6%;} @media screen and (min-width:1400px){ .lj_set_text { right: 12%; top:15%;} .lj_set_head {font-size: 5em;} .lj_set01_b {font-size:1.125em;} .lj_set_c { line-height: 1.5em;} } @media screen and (min-width:1280px) and (max-width:1399px){ .lj_set_text { right:10%; top:15%;} .lj_set_head {font-size: 4.5em;} .lj_set01_b {font-size:1.125em;} .lj_set_c { line-height: 1.5em;} } @media screen and (min-width:768px) and (max-width:1279px){ .lj_set_text { right: 15%; top:6%;} .lj_set_head {font-size: 4em;} .lj_set01_b {font-size:1em;} .lj_set_c { line-height: 1.2em;} } @media screen and (min-width:640px) and (max-width:767px){ .lj_set_text { right: 8%; top:10%;} .lj_set_head {font-size: 3em;} .lj_set01_b {font-size:1em;} .lj_set_c { line-height: 1.2em;} } @media screen and (min-width:480px) and (max-width:639px){ .lj_set_text { right:10%; top:8%;} .lj_set_head {font-size: 2.5em;} .lj_set01_b {font-size:1em;} .lj_set_c { display: none;} } @media screen and (max-width:479px){ .lj_set_text { right: 10%; top:7%;} .lj_set_head {font-size: 2em;} .lj_set01_b {font-size:1em;} .lj_set_c {display: none;} } .set_btn_jd {border:1px solid #5c5c5c; padding: 1%; color: #333; text-align: center;} .set_btn_jd:hover { background: #ff6900; padding:1%; border: 1px solid #ff6900;color: #fff; text-align: center;} .lj_set_goden { position: relative;} .lj_set_goden img { display: block;width:100%;} .lj_goden_text {position: absolute; } .goden_w {color: #fff;} .voice_font {color: #333;} .voice_gray{clor:#6d6d70;} .lj_goden_a {line-height: 1.2em; font-family: "LATO-MEDIUM";} @media screen and (min-width:1600px){ .lj_goden_text { left: 12%; top:25%;width:25%;} .lj_goden_a {font-size:3em; } .lj_goden_b {font-size: 1.875em; line-height: 1.5em; padding: 2% 0 7%; } .lj_goden_c { line-height: 1.8em;font-size: 1.125em;} } @media screen and (min-width:1200px) and (max-width:1599px){ .lj_goden_text { left: 6%; top:18%;width:35%;} .lj_goden_a {font-size:3em; } .lj_goden_b {font-size: 1.875em; line-height: 1.5em; padding: 2% 0 7%; } .lj_goden_c { line-height: 1.8em;font-size: 1.125em;} } @media screen and (min-width:900px) and (max-width:1199px){ .lj_goden_text { left: 6%; top:12%;width:35%;} .lj_goden_a {font-size:2.5em; } .lj_goden_b {font-size: 1.5em; line-height: 1.5em; padding: 2% 0 7%; } .lj_goden_c { line-height: 1.5em;font-size: 1em;} } @media screen and (min-width:640px) and (max-width:899px){ .lj_goden_text { left: 6%; top:8%;width:35%;} .lj_goden_a {font-size:2em; } .lj_goden_b {font-size: 1.2em; line-height: 1.5em; padding: 2% 0 7%; } .lj_goden_c { line-height: 1.2em;font-size: 1em;} } @media screen and (max-width:639px){ .lj_goden_text { left: 6%; top:10%;width:80%;} .lj_goden_a {font-size:1.5em; } .lj_goden_b {font-size: 1em; line-height: 1.5em; padding: 2% 0 7%; } .lj_goden_c { display: none;} } .goden_font_big {color: #333; font-family:"LATO-MEDIUM"; } @media screen and (min-width:1000px){ .goden_font_big {font-size:1.3em; } } @media screen and (min-width:768px) and (max-width:999px){ .goden_font_big {font-size:1.3em;} } @media screen and (max-width:767px){ .goden_font_big {font-size:1em; line-height: 1em;} } .lj_last_text {position: absolute; } .lj_last_a {line-height: 1.2em; font-family:"LATO-MEDIUM"; } @media screen and (min-width:1600px){ .lj_last_text { left: 12%; top:17%;width:25%;} .lj_last_a {font-size:3em; } .lj_last_b {font-size: 1.875em; line-height: 1.2em; padding: 8% 0 7%; } .lj_last_c { line-height: 1.8em;font-size: 1.125em;} } @media screen and (min-width:1200px) and (max-width:1599px){ .lj_last_text { left: 6%; top:18%;width:35%;} .lj_last_a {font-size:3em; } .lj_last_b {font-size: 1.875em; line-height: 1.2em; padding: 8% 0 7%; } .lj_last_c { line-height: 1.8em;font-size: 1.125em;} } @media screen and (min-width:900px) and (max-width:1199px){ .lj_last_text { left: 6%; top:12%;width:38%;} .lj_last_a {font-size:2.5em; } .lj_last_b {font-size: 1.5em; line-height: 1.2em; padding: 6% 0 5%; } .lj_last_c { line-height: 1.5em;font-size: 1.1em;} } @media screen and (min-width:640px) and (max-width:899px){ .lj_last_text { left: 6%; top:10%;width:45%;} .lj_last_a {font-size:2em; } .lj_last_b {font-size: 1.2em; line-height: 1.2em; padding: 6% 0 5%; } .lj_last_c { line-height: 1.2em;font-size: 1em;} } @media screen and (max-width:639px){ .lj_last_text { left: 6%; top:20%;width:50%;} .lj_last_a {font-size:1.5em; } .lj_last_b {font-size: 1em; line-height: 1.2em; padding:6% 0 5%; } .lj_last_c { display: none;} } @media screen and (min-width:1000px){ .lj_travel_text {font-size: 3.75em;padding: 5% 0;} } @media screen and (min-width:768px) and (max-width:999px){ .lj_travel_text {font-size: 3em;padding: 7% 0;} } @media screen and (min-width:480px) and (max-width:767px){ .lj_travel_text {font-size: 2.5em;padding: 10% 0;} } @media screen and (max-width:479px){ .lj_travel_text {font-size: 2em;padding: 10% 0;} } .lj_travel_text {background: #f2f2f2;text-align: center; color: #333; font-family:"LATO-MEDIUM"; } /*3*/ /*耳机产品4*/ .lj_set01_img {position: relative;} .lj_set01_img img {display: block;width:100%;} .lj_set01_img:last-child {margin-right: 0;} .lj_set_title { position: absolute;top:10%; text-align: center; width:100%;} @media screen and (min-width:1000px){ .lj_set01_img {width:32.33%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (min-width:768px) and (max-width:999px){ .lj_set01_img {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;} } @media screen and (max-width:767px){ .lj_set01_img {width:32.33%; margin-right: 1.5%; float: left; background: #fff;} } /*耳机产品4*/ .lj_set_img01 {position: relative;} .lj_set_img01 img {display: block;width:100%;} .lj_set_img01:last-child {margin-right: 0;} @media screen and (min-width:1200px){ .set_font_big {font-size: 2.2em; color: #333;} .set_font_small {font-size: 1.1em; color: #9a9a9a; padding: 5% 0;} .lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (min-width:1000px) and (max-width:1199px){ .set_font_big {font-size:2em; color: #333;} .set_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;} .lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (min-width:768px) and (max-width:999px){ .set_font_big {font-size:1.5em; color: #333;} .set_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;} .lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; } } @media screen and (max-width:767px){ .set_font_big {font-size:1em; color: #333; line-height: 1em;} .set_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;} .lj_set_img01 { width:23.87%; margin-right: 1.5%; background: #fff;} } /*按扭*/ @media screen and (min-width:768px){ .lj_set01_img .set_btn_all{position: absolute; bottom:-100%;} .lj_set_img01 .set_btn_all{position: absolute; bottom:-100%;} .lj_set_img01:hover .set_btn_all{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 10%; padding: 10% 0; transition: 0.5s;} .lj_set01_img:hover .set_btn_all{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 10%; padding: 10% 0; transition: 0.5s;} .set_btn_all a{ margin: 0 2%;} .transparent_buy_button { margin-top:-1.5em; position: relative; top:50%;} } @media screen and (min-width:461px) and (max-width:767px){ .set_btn_all a{ margin: 0 2%;} .set_btn_all{ width:100%; height: 16%;} .transparent_buy_button { position: absolute; bottom:5%;} } @media screen and (max-width:460px){ .set_btn_all a{ margin: 0 2%;} .set_btn_all{height: 20%;bottom:10px; position: relative;} .lj_set_img01 .set_btn_all{margin-bottom:1em} .lj_set_img01:hover .set_btn_all{margin-bottom:1em} .lj_set01_img .set_btn_all{margin-bottom:1em} .lj_set01_img:hover .set_btn_all{margin-bottom:1em} .set_btn_jd { display: inline-block; } .transparent_buy_button { margin-top:-3.5em;} } .transparent_buy_button{ width:100%; text-align: center;} .set_btn_all a{ border:1px solid #5c5c5c; display: inline-block; color:#333; font-size: 1.125em; padding: 1% 4%; } .set_btn_all a:hover{background-color:#ff6900; border:1px solid #ff6900; color:#FFF; padding: 1% 4%; } .lj_set_img01:hover .set_btn_all{display: block;} .lj_set01_img:hover .set_btn_all{display: block;} video {width: 100%;height: 100%;}