init
This commit is contained in:
25
public/frontend/web/css/subject/95_series.css
Executable file
25
public/frontend/web/css/subject/95_series.css
Executable file
@@ -0,0 +1,25 @@
|
||||
.banner{top:6vw; width:100%; left:0;}
|
||||
.font-48{line-height: 1.35em;}
|
||||
.font-18{line-height: 1.75em;}
|
||||
.series_95_left{width:40%; float: left;}
|
||||
.series_95_right{width:30%; float: right;}
|
||||
.series_95_mt{margin-top:13vw;}
|
||||
.series_95_left .des{width:74%;}
|
||||
.series_95_05_text{width:52%; margin-left:auto; margin-right: auto;}
|
||||
.series_95_05{width:100%;}
|
||||
.series_95_05 .left{width:32.9861%; float: left;}
|
||||
.series_95_05 .right{width:67.0139%; float: left;}
|
||||
.series_95_05 .right li{width:49.2228%; margin-left:0.7254%; float: left; margin-bottom: 0.3646vw;}
|
||||
.series_95_05 .text{position: absolute; top:50%; width:100%;}
|
||||
.series_95_05 .title{margin-top:-1em; height: 2.2em; line-height: 2.2em;}
|
||||
.series_95_05 .line{width:1.5625vw; height: 1px; background-color:#FFF; margin-left:auto; margin-right: auto;}
|
||||
/*第三屏*/
|
||||
.series_95_three_all{width:100%; background:url("../../images/95_series/95_series_05.jpg"); padding-bottom: 3.75vw;}
|
||||
.series_95_three{border:1px solid rgba(255,255,255,0.34); padding-top:3.75vw; padding-bottom: 3.5vw;}
|
||||
.series_95_three .two_list{width:72%; margin:auto; overflow: hidden;}
|
||||
.series_95_three .two_list li{width:41.7%; float: left; margin-right: 16.6%;}
|
||||
.series_95_three .two_list li:last-child{margin-right: 0;}
|
||||
.series_95_three .three_list{width:100%; overflow: hidden; margin-top:5vw;}
|
||||
.series_95_three .three_list li{width:23.3%; margin-left:5%; margin-right: 5%; float: left;}
|
||||
.series_95_three .line{width:1.875vw; height: 1px; background-color:#FFF; margin-left:auto; margin-right: auto;}
|
||||
.series_95_three .two_list img, .series_95_three .three_list img{margin-right: 0.4688vw;}
|
||||
35
public/frontend/web/css/subject/Anti-Fake.css
Executable file
35
public/frontend/web/css/subject/Anti-Fake.css
Executable file
@@ -0,0 +1,35 @@
|
||||
.fw_01{width:100%; margin:4vw auto; overflow: hidden;}
|
||||
.fw_01 li{width:43.52%; padding-left:11%; float: left; position: relative;}
|
||||
.fw_01 li:last-child{ width:30%; padding-left:11%; float: left; border-left:1px solid #e5e5e5;}
|
||||
.fw_form input{border:1px solid #dfdfdf; height: 3em; line-height: 3em; padding-left:2%;}
|
||||
.fw_form .w-65{width:65%;}
|
||||
.fw_form .w-25{width:25%;}
|
||||
.fw_form .margin-l-1{margin-left:1vw;}
|
||||
.fw_form button{background-color: transparent;}
|
||||
.fw_button{background-color:#009fdf; padding:0.5vw 2.5vw; display: inline-block; color:#FFF;}
|
||||
|
||||
.fw_result_title{line-height: 2em; margin-bottom: 0.6vw; padding-top:0.8vw; padding-bottom: 0.8vw;}
|
||||
.fw_result{width:1120px; margin:3.5vw auto; overflow: hidden;}
|
||||
@media screen and (max-width:1240px){
|
||||
.fw_result{width:96%;}
|
||||
}
|
||||
.fw_result li{width:50%; margin-right: 15%; float: left;}
|
||||
.fw_result li:last-child{margin-right: 0%; width:35%}
|
||||
.fw_result p{font-size: 0.875em; line-height: 2em;}
|
||||
.fw_result .left{width:29%; float: left; margin-right: 6%;}
|
||||
.fw_result .right{width:60%; float: left;}
|
||||
@media screen and (max-width:1080px){
|
||||
.fw_result .right{width:65%;}
|
||||
.fw_result li{width:55%; margin-right: 12%;}
|
||||
}
|
||||
.fw_fw_title{width:33.3%; float: left; background-color:#FFF; overflow: hidden; padding-top:0.8vw; padding-bottom:0.6vw; margin-right:10px;}
|
||||
.fw_sn_title{width:33.3%; float: left; background-color:#FFF; padding-top:0.8vw; padding-bottom:0.6vw; margin-right:10px;}
|
||||
.fw_on{padding-top:0.8vw; padding-bottom: 1.2vw;}
|
||||
.bg_blue{background-color:#009fdf!important;}
|
||||
.fw_l{margin-left:1vw;}
|
||||
.fw_search{position: absolute; right:84%; top:5px; width:7%}
|
||||
/*弹窗*/
|
||||
.Popup_all{width:100%; height: 100%; background-color:rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index: 99;}
|
||||
.Popup{width:413px; height: 262px; position: absolute; top:50%; margin-top:-131px; background-color:#FFF; left:50%; margin-left:-206px; z-index: 100;}
|
||||
.Popup_content{width:82%; margin:36px auto;}
|
||||
.close{float: right;width:12px; height: 12px; margin-top:8px; margin-right: 9px;}
|
||||
351
public/frontend/web/css/subject/RDCenter.css
Executable file
351
public/frontend/web/css/subject/RDCenter.css
Executable file
@@ -0,0 +1,351 @@
|
||||
.rd_img { text-align: center;}
|
||||
.rd_img img {max-width:100%;}
|
||||
.rd_title{font-size: 2em; color:#333; padding:0 0 2vw; text-align: center; font-weight: 600;}
|
||||
.rd_title-White{font-size: 1.875em; color:#FFFFFF; padding:0 0 3%; text-align: center; font-weight: 600;}
|
||||
.lj_rd_text {left: 12.5%;width:1440px; top:35%;}
|
||||
.lj_rd_text h3 { font-size: 3.75em; font-weight: 100; }
|
||||
.lj_rd_text .small {font-size:1.125em; width:45%; padding-top:1.8%; line-height: 2em; }
|
||||
.lj_rd_text h3::after {width:4%;height: 5px;}
|
||||
|
||||
@media screen and (min-width:960px) and (max-width:1365px){
|
||||
.lj_rd_text .small {padding-top:1%;}
|
||||
.lj_rd_text h3 {font-size: 3em}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:959px){
|
||||
.lj_rd_text {top:25%;}
|
||||
.lj_rd_text .small {padding-top:1%;}
|
||||
.lj_rd_text h3 {font-size: 2.5em}
|
||||
}
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:767px){
|
||||
.lj_rd_text {left:6.5%;width:100%; top:15%;}
|
||||
.lj_rd_text h3 {font-size: 3em;}
|
||||
.lj_rd_text .small {width:80%;padding-top:1%;}
|
||||
.lj_rd_text h3 {font-size: 2em}
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_rd_text {left:4.5%;width:100%; top:10%;}
|
||||
.lj_rd_text h3 {font-size: 2em; }
|
||||
.lj_rd_text .small {width:90%; }
|
||||
.lj_rd_text h3::after {width:10%;height: 2px;}
|
||||
.lj_rd_text h3 {font-size: 2em}
|
||||
}
|
||||
|
||||
|
||||
.lj_rd_banner{position: relative; height: 600px; background-image: url(../../images/RDCenter/group_rd_02.jpg);}
|
||||
@media screen and (max-width:1440px){
|
||||
.lj_rd_banner{height: 31vw;}
|
||||
}
|
||||
@media screen and (max-width:1080px){
|
||||
.lj_rd_banner{height: 40vw;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.lj_rd_banner{height: 50vw;}
|
||||
}
|
||||
@media screen and (max-width:540px){
|
||||
.lj_rd_banner{height: 60vw;}
|
||||
}
|
||||
@media screen and (max-width:479px){
|
||||
.lj_rd_banner{height: 70vw;}
|
||||
}
|
||||
@media screen and (max-width:380px){
|
||||
.lj_rd_banner{height:80vw;}
|
||||
}
|
||||
.lj_rd_text {margin: auto; color: #fff;text-align: left; padding-top:10vw;}
|
||||
.lj_rd_text h3 { padding-bottom: 2.3%; text-align: left;}
|
||||
|
||||
|
||||
@media screen and (min-width:769px){
|
||||
.lj-Table{display: table;}
|
||||
.lj-Table .Table-Row{display: table-row;}
|
||||
.lj-Table .Table-Row .Table-Cell{display: table-cell;}
|
||||
.lj_w { width:88%;}
|
||||
}
|
||||
|
||||
/*研发团队*/
|
||||
.rd_team_bg { background:#f5f5f5; padding: 3% 0;}
|
||||
.rd_team_w { margin: auto;background: #fff; padding: 3%; line-height:1.875em;}
|
||||
@media screen and (min-width:1400px){
|
||||
.rd_team_w {width:69%;}
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.rd_team_w {width:90%;}
|
||||
}
|
||||
|
||||
.rd_team_title {font-size: 2em; text-align: center; color: #333; font-weight: 600;}
|
||||
@media screen and (min-width:800px){
|
||||
.rd_team_sm { width:60%;}
|
||||
}
|
||||
@media screen and (max-width:799px){
|
||||
.rd_team_sm { width:96%; line-height: 1.5em;}
|
||||
}
|
||||
.rd_team_sm { text-align: center; color: #737373; margin: auto; padding: 3% 0; }
|
||||
|
||||
.rd_team_icon li { width:25%; float: left; padding: 2% 0;}
|
||||
.rd_team_big {color: #333; padding: 2% 0; font-weight: 600; }
|
||||
.rd_team_small{font-size: 0.875em; line-height: 1.875em; margin-top:0.2vw;}
|
||||
|
||||
@media screen and (min-width:1048px){
|
||||
.rd_f {float:left;}
|
||||
.rd_team_t {width:54%; padding-left: 6%;}
|
||||
.rd_team_icon li { width:25%;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1047px){
|
||||
.rd_f { margin: auto; text-align: center; width:100%;}
|
||||
.rd_f img {max-width:80%;}
|
||||
.rd_team_icon li { width:25%;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.rd_f { margin: auto; text-align: center; width:100%;}
|
||||
.rd_team_sm,.rd_team_big,.rd_team_t {font-size:1.2em; line-height: 1.5em;}
|
||||
.rd_f img {max-width:50%;}
|
||||
.rd_team_icon li { width:49.5%;}
|
||||
}
|
||||
|
||||
/*211快速交付*/
|
||||
.rd_two_pay { background:#f5f5f5; padding: 3% 0;}
|
||||
.rd_two_img { text-align: center; font-size: 2em; color: #333; padding-bottom: 3%; font-weight: 600;}
|
||||
.rd_img_b {margin: auto; position: relative; padding:0.8% 0;}
|
||||
.rd_pay_text {position: absolute;}
|
||||
.rd_font_i {color: #fff; }
|
||||
.rd_pay_r {float: left;width:40%; }
|
||||
|
||||
@media screen and (min-width:1400px){
|
||||
.rd_pay_text { left: 10%;top:22%;}
|
||||
.rd_pay_r img {width:100%;}
|
||||
.rd_font_i { padding:4% 0 0 4%; width:30%; }
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1399px){
|
||||
.rd_pay_text { left: 5%;top:22%;}
|
||||
.rd_font_i { padding:2% 0 0 0; width:30%; }
|
||||
}
|
||||
@media screen and (min-width:480px) and (max-width:767px){
|
||||
.rd_pay_text { left: 5%;top:8%;}
|
||||
.rd_font_i { padding:2% 0 0 0; width:50%;line-height: 1.5em; }
|
||||
}
|
||||
@media screen and (max-width:479px){
|
||||
.rd_pay_text { left: 5%;top:8%;}
|
||||
.rd_font_i { padding:1% 0 0 0 ; width:60%; line-height: 1.2em; }
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.rd_pay_r img {width:90%;}
|
||||
}
|
||||
/*研发流程*/
|
||||
.n_rd_process{padding:3.2% 0;}
|
||||
@media screen and (min-width:1366px){
|
||||
.n_pro_img02, .n_pro_img03 {display: none;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:1365px){
|
||||
.n_pro_img01, .n_pro_img03 {display: none;}
|
||||
.n_pro_img02 { width:100%; margin: auto;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.n_process_w {width:96%; margin: auto;}
|
||||
.n_pro_img01, .n_pro_img02 {display: none;}
|
||||
.n_pro_img03 { width:100%; margin: auto;}
|
||||
}
|
||||
@media screen and (min-width:768px){
|
||||
.n_process_w {width:73%; margin: auto;}
|
||||
}
|
||||
/*211快速交付*/
|
||||
.n_rd_bg {background: url( ../../images/RDCenter/n_rd_bg_16.jpg) no-repeat;width:100%;height:100%; padding:4% 0;}
|
||||
.n_rd_text01 {padding: 5% 0 0 10%;}
|
||||
.n_rd_text {padding: 20% 0 4.8% 20%;}
|
||||
.n_rd_fast{margin:auto;}
|
||||
@media screen and (min-width:769px){
|
||||
.n_rd_tl2{font-size:30px;}
|
||||
.n_rd_tl2 i {width:37px;height:33px;top:-20px;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.n_rd_tl2{font-size:18px;}
|
||||
.n_rd_tl2 i {width:20px;height:17px;top:-5px;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1000px){
|
||||
.n_rd_fast {width:63.5%; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:999px){
|
||||
.n_rd_fast {width:96%;}
|
||||
.n_rd_f_s01,.n_rd_f_s{line-height:22px;}
|
||||
}
|
||||
@media screen and (max-width:639px){
|
||||
.n_rd_fast {width:96%;}
|
||||
.n_rd_f_s01,.n_rd_f_s {display: none;}
|
||||
.n_rd_text {padding:5% 0 26.9% 10%;}
|
||||
|
||||
}
|
||||
|
||||
.n_rd_tl2 {color: #fff;font-weight:bold;text-align:center;position:relative; }
|
||||
.n_rd_tl2 i{display:inline-block;position:absolute;margin-left:17px;}
|
||||
|
||||
.n_rd_fast img {width:100%; display: block;}
|
||||
.n_rd_l {background: #fff; float: left; width:35%;}
|
||||
.n_rd_l img {width:100%; display: block;}
|
||||
.n_rd_text h4 {font-size:1.5em; color:#012853; padding-bottom:4%; }
|
||||
.n_rd_text01 h4 {font-size:1.5em; color:#012853; padding-bottom: 5%; }
|
||||
.n_rd_line {width:40px; background: #27aeee; height: 3px;}
|
||||
.n_rd_f_s {font-size: 1em; color: #404040; margin: 4% 0 20%;}
|
||||
.n_rd_c {background: #fff; float: left; width:30%;}
|
||||
.n_rd_f_s01 {font-size: 1em; color: #404040; margin: 8% 0 12.8%; }
|
||||
/*技术与应用*/
|
||||
.n_rd_tech {background: #fff; padding: 3% 0 0;}
|
||||
@media screen and (min-width:1310px){
|
||||
.n_rd_tech_w,.n_rd_usb,.n_type_c,.n_rd_safe{width:73%;}
|
||||
.n_tech_l {width:34%; float: left;padding: 5% 3% 0;}
|
||||
.n_tech_r {width:60%; float: right; text-align: right;}
|
||||
.n_tech_line{margin:3% 0 5%;}
|
||||
.n_type_c_text{width:50%;}
|
||||
.n_type_c_title{ padding-left: 3.5%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:880px) and (max-width:1309px){
|
||||
.n_rd_tech_w,.n_rd_usb,.n_type_c,.n_rd_safe{width:98%;}
|
||||
.n_tech_l {width:34%; float: left;padding: 3% 3% 0;}
|
||||
.n_tech_r {width:60%; float: right; text-align: right;}
|
||||
.n_tech_line{margin:3% 0 5%;}
|
||||
.n_type_c_text{width:50%;}
|
||||
.n_type_c_title{ padding-left: 3.5%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:879px){
|
||||
.n_rd_tech_w,.n_rd_usb,.n_type_c,.n_rd_safe{width:98%;}
|
||||
.n_tech_l {width:96%; margin: auto; padding: 5% 3% 0;}
|
||||
.n_tech_r {width:96%; margin:3% auto; }
|
||||
.n_tech_line{margin:1% 0 2%;}
|
||||
.n_usb_text {width:80%; margin: auto; line-height: 1.5em;}
|
||||
.n_type_c_text{width:96%;}
|
||||
.n_rd_safe_text {line-height: 18px;}
|
||||
.n_type_c_text {line-height: 18px;}
|
||||
}
|
||||
|
||||
.n_rd_tech_w { margin: auto;background:#f7f7f7; }
|
||||
.n_tech_title {font-size:1.25em; color:#333; font-weight: bold; }
|
||||
.n_tech_line {width:30px; background: #27aeee; height: 3px; }
|
||||
.n_tech_text {color: #737373; font-size: 1em; line-height:1.875em;}
|
||||
|
||||
/*数据传输技术*/
|
||||
.n_rd_usb { background: #292929; padding: 3% 0; margin: auto;}
|
||||
.n_usb_title { text-align: center; color: #fff; font-size: 1.25em;}
|
||||
.n_usb_m { padding:0.5% 0; }
|
||||
.n_usb_text {text-align: center; color: #fff; padding: 2% 0; font-size: 1em;}
|
||||
.n_usb_img { margin: auto; width:94%; padding-top: 2%;}
|
||||
.n_usb_img li {width:19%; margin-right: 1%; float: left; text-align: center;}
|
||||
/*USB弱电运用技术*/
|
||||
.n_type_c { padding: 3% 0 0; margin: auto;}
|
||||
.n_type_c_title { color: #333; font-size: 1.25em; padding-left: 3.5%; }
|
||||
.n_type_c_line {width:30px; background: #27aeee; height: 3px; margin:1% 0 0 3.5%;}
|
||||
.n_type_c_text { color: #737373; padding: 1% 0 0 3.5%; font-size: 1em; line-height: 1.875em;}
|
||||
.n_type_c_img { margin: auto; }
|
||||
.n_type_c_img li {width:22%; margin-right: 1%; float: left; padding: 3% 0 0;}
|
||||
.n_type_c_img li:last-child {margin-right: 0; padding-left: 1.3%;}
|
||||
.n_type_c_img li:nth-child(1) {padding-left: 3.5%;}
|
||||
.n_type_c_img li:nth-child(2), .n_type_c_img li:nth-child(3){padding-left: 1.3%;}
|
||||
|
||||
/*安全家用强电技术*/
|
||||
.n_rd_safe { padding: 3% 0; margin: auto;}
|
||||
.n_rd_left {width:47%; float: left; padding-left:3.5%; }
|
||||
.n_rd_right {width:47%; float: right;}
|
||||
.n_rd_safe_title {color: #333; font-size: 1.25em;}
|
||||
.n_rd_safe_line {width:30px; background: #27aeee; height: 3px; margin:2% 0 1% 0;}
|
||||
.n_rd_safe_text {color: #737373; padding: 1% 0 0 0; font-size: 1em; line-height: 1.875em;}
|
||||
.n_rd_safe_img {margin: auto; }
|
||||
.n_rd_safe_img li {width:49%; margin-right: 1%; float: left; padding: 3% 0 0;}
|
||||
|
||||
/*资源利用*/
|
||||
.lj_make_bg {background: #f1f1f1; padding: 4.2% 0;}
|
||||
.lj_make_text { margin: auto; color: #737373; text-align: center; font-size: 1em; line-height: 1.875em;}
|
||||
|
||||
@media screen and (min-width:900px){
|
||||
.lj_make_text {width:80%;}
|
||||
}
|
||||
@media screen and (max-width:899px){
|
||||
.lj_make_text {width:90%;}
|
||||
}
|
||||
|
||||
.lj_make_con { padding: 2% 0;}
|
||||
.lj_make_con li{float: left; width: 49.3%; margin: 1.3% 1.2% 0 0; list-style: none;}
|
||||
.lj_make_con li:nth-child(2n) {margin:1.3% 0 0 0;}
|
||||
.text-desc{position: absolute; left: 0; top: 0; height: 100%; opacity: 0; width: 100%;background:#009fdf;}
|
||||
.lj_con_all{position: absolute; width:100%; text-align: center; }
|
||||
.lj_con_title{text-align: center; color: #fff; font-size: 1.5em; padding-bottom: 1vw; }
|
||||
.lj_con_text{font-size: 1em; line-height: 1.875em; width:90%; margin: auto; color: #fff;}
|
||||
@media screen and (min-width:1024px){
|
||||
.lj_con_all {top:34%; }
|
||||
}
|
||||
@media screen and (min-width:640px) and (max-width:1023px){
|
||||
.lj_con_all {top:20%;}
|
||||
}
|
||||
@media screen and (max-width:639px){
|
||||
.lj_con_all {top:10%;}
|
||||
.lj_con_title {padding-bottom: 3%;}
|
||||
}
|
||||
|
||||
/* effect-1 css */
|
||||
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
|
||||
.port-1 .text-desc{opacity: 0.9; top: -120%; transition: 0.5s; color: #000; }
|
||||
.port-1 img{transition: 0.5s;}
|
||||
.port-1:hover img{transform: scale(1.1);}
|
||||
.port-1.effect-1:hover .text-desc{top: 0;}
|
||||
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
|
||||
.port-1.effect-2:hover .text-desc{bottom: 0;}
|
||||
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
|
||||
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
|
||||
|
||||
/* effect-2 css */
|
||||
.port-2, .port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);}
|
||||
.port-2{perspective: 800px;}
|
||||
.port-2 .text-desc{z-index: -1; transition: 0.6s; opacity: 1;}
|
||||
.port-2 .image-box{transition: 0.4s;}
|
||||
.port-2:hover .image-box{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;}
|
||||
.port-2.effect-2 .text-desc{top: -100%;}
|
||||
.port-2.effect-2:hover .text-desc{top: 0;}
|
||||
.port-2.effect-3 .text-desc{top: auto; bottom: -100%;}
|
||||
.port-2.effect-3:hover .text-desc{bottom: 0;}
|
||||
|
||||
/* effect-3 css */
|
||||
.port-3{perspective: 500px;}
|
||||
.port-3 img{transition: 0.5s;}
|
||||
.port-3 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); padding: 45px 20px 20px;}
|
||||
.port-3.effect-1 .text-desc{transform-origin: center top 0;opacity: 1;}
|
||||
.port-3.effect-1:hover .text-desc, .port-3.effect-2 .text-desc{transform: none; opacity: 0}
|
||||
.port-3.effect-1:hover img{opacity: 0; transform: scale(1.2)}
|
||||
.port-3.effect-2 .text-desc{transform-origin: center bottom 0; top: auto; bottom: 0; }
|
||||
.port-3.effect-3 .text-desc{transform-origin: center top 0;}
|
||||
.port-3.effect-3:hover .text-desc{transform: none; opacity: 1;}
|
||||
.port-3.effect-2:hover img, .port-3.effect-3:hover img{transform: translateY(100%)}
|
||||
/* effect-3 css end */
|
||||
|
||||
.lj_make_al {background:#fff; width:32.5%;}
|
||||
.lj_make_l { width:28%; font-weight: 600; color: #444; font-size: 1em;}
|
||||
.lj_make_r {width:70%; text-align: right; font-size: 0.875em; line-height: 1.75em;}
|
||||
@media screen and (max-width:768px){
|
||||
.lj_make_al {width:32.63%; float: left; margin-right: 1%;}
|
||||
.lj_make_r{display: none;}
|
||||
.lj_make_al:last-child {margin-right: 0;}
|
||||
.lj_make_l { width:90%; text-align: center;}
|
||||
}
|
||||
|
||||
.lj_m_all {padding: 3%;}
|
||||
|
||||
/*品质保障体系*/
|
||||
.lj_quality_bg { padding: 4.2% 0;}
|
||||
.lj_qua_icon {margin:2% auto; text-align: center;}
|
||||
.lj_qua_icon li {width:20%; float: left; margin-right: 17%; text-align: center;}
|
||||
.lj_qua_icon li:last-child {margin-right: 0;}
|
||||
.lj_qua_text {border-bottom: 1px solid #e5e9ee; padding-bottom: 20px; margin-top:15%;}
|
||||
@media screen and (min-width:480px) and (max-width:768px){
|
||||
.lj_qua_icon li {width:22%; line-height: 20px;}
|
||||
}
|
||||
@media screen and (max-width:479px){
|
||||
.lj_qua_icon li {width:31.33%; margin:0 1%; line-height:1.875em; }
|
||||
.lj_qua_text {padding-bottom:10px; margin-top:15%;}
|
||||
}
|
||||
@media screen and (max-width:1440px){
|
||||
.lj_qua_icon .rd_img img {width:60%;}
|
||||
}
|
||||
|
||||
|
||||
260
public/frontend/web/css/subject/backuper.css
Executable file
260
public/frontend/web/css/subject/backuper.css
Executable file
@@ -0,0 +1,260 @@
|
||||
.banner{position: absolute; top:10.4vw; right:10vw; color:#FFF}
|
||||
.title{font-size: 4em; text-transform: Uppercase; font-weight: 600; line-height: 1.35em; letter-spacing: -2px;}
|
||||
.text{font-size: 1.125em;}
|
||||
.banner .sub_title{font-size: 2.25em; margin-top:1.8vw;text-align: center;}
|
||||
.banner .button{
|
||||
font-size: 1.5em;
|
||||
margin-top:5.8vw;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.banner .button span{
|
||||
background: linear-gradient(right,#6d36f5,#3c65ff);
|
||||
background: -ms-linear-gradient(right,#6d36f5,#3c65ff);
|
||||
background: -webkit-linear-gradient(right,#6d36f5,#3c65ff);
|
||||
background: -o-linear-gradient(right,#6d36f5,#3c65ff);
|
||||
background: -moz-linear-gradient(right,#6d36f5,#3c65ff);
|
||||
padding:2.5% 8%;
|
||||
border-radius: 2em;
|
||||
color:#FFF;
|
||||
}
|
||||
@media screen and (max-width:1366px){
|
||||
.banner{position: absolute; top:10.4vw; right:6vw; color:#FFF}
|
||||
.banner .sub_title{font-size: 1.8em;}
|
||||
.title{font-size: 3em;}
|
||||
.text{font-size: 1em;}
|
||||
.banner .button{font-size: 1em; }
|
||||
}
|
||||
.backuper{position: absolute; background-color:#1f97ff; color:#FFF; }
|
||||
.backuper .text{font-size: 1.5em; line-height: 1.5em;}
|
||||
.video{margin-top:5.2vw; margin-bottom: 5.2vw; color: #333; overflow: hidden;}
|
||||
.video .left{width:68%; float: left;}
|
||||
.video .right{width:27%; float: left; margin-left:5%;}
|
||||
.video .text{line-height: 1.7em; font-size: 1.125em;}
|
||||
.backuper_03 {width:16.25%; left:7%; top:3.5vw; padding:3vw 8vw;}
|
||||
.backuper_03 .title {text-align: center;}
|
||||
.backuper-b { padding-top: 1.9vw;}
|
||||
.backuper-80 {padding:0.8em 0;}
|
||||
.backuper-btn {background: #fff;border-radius:40px; padding:10px 0;color:#1f97ff; font-size: 1.6em;text-align: center;width:70%;margin:1.6vw auto 0;}
|
||||
.backuper_03 .icon-text{ margin:4vw auto;width:100%; text-align: center;}
|
||||
.backuper_03 .icon-text li {width:48%; display: inline-block; margin-bottom: 2vw;font-size: 1.25em;}
|
||||
.backuper_04{}
|
||||
.backuper_04 li {display: block;float: left;width:25%;position: relative;}
|
||||
.back-abso {width:100%; text-align: center;position: absolute;bottom:3vw; color: #fff;}
|
||||
.font-big {font-size: 2em;}
|
||||
.font-small {font-size: 1.25em;padding-top:1vw;}
|
||||
.backuper-100 {padding-top:2.7em;color: #666;}
|
||||
.font-12 {color:#1f97ff;font-size: 1em;}
|
||||
|
||||
.backuper_05{color:#1d1d1d; position: absolute; top:10vw; left:15%; width:35%;}
|
||||
.backuper_05 .text{width:75%; line-height: 1.5em; margin-top:3.5vw;}
|
||||
.backuper_06{width:34%; right:10%; top:7.5vw; position: absolute; color:#FFF; text-align: center;}
|
||||
.backuper_06 .title{line-height: 1.125em;}
|
||||
.backuper_06 .sub_title{font-size: 1.5em; text-align: center; margin-top:1.5vw; line-height: 1.5em;}
|
||||
.backuper_06 ul{width:100%; margin-top:3vw;}
|
||||
.backuper_06 ul li{background-color:#002755; float: left; width:48%; margin-right: 2%; margin-bottom: 1vw; padding-top:3vw; padding-bottom: 3vw;}
|
||||
.backuper_06 ul li:nth-child(2n){margin-right: 0;}
|
||||
.backuper_06 .number{color:#1f97ff; font-size: 3em;}
|
||||
.backuper_06 .number_text{font-size: 1.5em; color:#FFF; margin-top:1.5vw;}
|
||||
.backuper_07{width:24%; right:5%; padding:7vw 2vw; top:9vw;}
|
||||
.backuper_07 .title{line-height: 1.125em;padding-left: 1.5em;}
|
||||
.backuper_07 .text{width:85%; margin-top:2.5vw;padding-left: 4em;}
|
||||
.backuper_08{width:22%; left:35%; padding:5vw 2vw; top:9vw;}
|
||||
.backuper_08 .title{line-height: 1.125em;padding-left: 1.5em; }
|
||||
.backuper_08 .text{width:85%; margin-top:2.5vw;padding-left: 4em;}
|
||||
.backuper_09{width:38%; right:4%; top:4vw; padding:5.5vw 5vw;}
|
||||
.backuper_09 .title{line-height: 1.125em;}
|
||||
.backuper_09 .text{width:60%; margin-top:4vw;}
|
||||
.backuper_09 .button{background-color:#FFF; padding:1vw 3vw; color:#1f97ff; font-size: 1.875em; display: inline-block; margin-top: 3vw;}
|
||||
|
||||
@media screen and (max-width:1830px) {
|
||||
.backuper_09{width:42%}
|
||||
}
|
||||
@media screen and (max-width:1680px){
|
||||
.backuper_03 {width:24%; left:7%; top:7.5vw; padding:5vw 5vw;}
|
||||
.backuper_05 {left:7%; top:7vw; width:40%}
|
||||
.backuper_06{width:38%; right:7%;}
|
||||
.backuper_06 .number{font-size: 2em;}
|
||||
.backuper_06 .number_text{font-size: 1.125em;}
|
||||
.backuper_06 ul li{padding-top:2vw; padding-bottom: 2vw;}
|
||||
.backuper_07{width:28%; right:7%;}
|
||||
.backuper_08{ width:28%;top:10vw;}
|
||||
.backuper_09{padding:4vw 3vw; width:50%;}
|
||||
.backuper_09 .text{margin-top:2vw}
|
||||
.backuper_04 .contentAll .sub_title{font-size: 2.5em; margin-top: 3.2vw;}
|
||||
.backuper_04 .contentAll .text{font-size: 1.25em; margin-top:1.3vw; }
|
||||
.backuper_04 .button{font-size: 3em;}
|
||||
}
|
||||
@media screen and (max-width:1200px){
|
||||
.backuper_03 {width:28%; left:7%; top:0; padding:4vw 4vw;}
|
||||
.backuper .text{font-size: 1.25em;}
|
||||
.backuper_06 .sub_title{font-size: 1.25em;}
|
||||
.backuper_07{top:6vw;}
|
||||
.backuper_08{top:10vw;width:24%;}
|
||||
.backuper_08 .text{width:95%;}
|
||||
.backuper_09 .text{width:70%;}
|
||||
.backuper_09 .button{font-size: 1.25em;}
|
||||
.backuper_04 .contentAll .sub_title{font-size: 2em; margin-top: 3.2vw;}
|
||||
.backuper_04 .contentAll .text{font-size: 1.125em; margin-top:1.3vw; }
|
||||
.backuper_04 .button{font-size: 2.53em;}
|
||||
.contentAll li:nth-child(3){width:32%; margin-right: 2%;}
|
||||
.contentAll li:nth-child(4){width:25%; margin-right: 2%;}
|
||||
.contentAll li:nth-child(5){width:34%; margin-right: 0;}
|
||||
.backuper_04 .all_content{width:90%;}
|
||||
.font-big {font-size: 1.5em;}
|
||||
.font-small {font-size: 1em;padding-top:1vw;}
|
||||
.backuper-80 {padding:0.6em 0;}
|
||||
}
|
||||
@media screen and (max-width:900px){
|
||||
.backuper_03 {width:34%; left:7%; top:3vw; padding:4vw 4vw;}
|
||||
.backuper .text{font-size: 1em;}
|
||||
.backuper_05 {left:7%; top:7vw; width:60%}
|
||||
.backuper_06 {width:45%; top:5vw}
|
||||
.backuper_06 .number{font-size: 1.5em;}
|
||||
.backuper_06 .number_text{font-size: 1em;}
|
||||
.backuper_06 .sub_title{font-size: 1.25em;}
|
||||
.backuper_07{width:35%;}
|
||||
.backuper_08{width:28%;}
|
||||
.backuper_09 .button{font-size: 1em;}
|
||||
.backuper_09 .text{width:100%;}
|
||||
.backuper_04 .button{font-size: 2em;}
|
||||
.backuper_04 .contentAll .sub_title{font-size: 1.5em; margin-top: 3.2vw;}
|
||||
.backuper_04 .contentAll .text{font-size: 1em; margin-top:1.3vw; }
|
||||
.font-big {font-size: 1.2em;}
|
||||
.font-small {font-size: 0.9em;}
|
||||
.back-abso {width:100%; text-align: center;position: absolute;bottom:1.5vw; color: #fff;}
|
||||
.backuper_03 .icon-text li {width:48%; display: inline-block; margin-bottom: 0;font-size: 1em;line-height: 1.2em;}
|
||||
.backuper_03 .icon-text li img {width: 30%;}
|
||||
.backuper-btn {background: #fff;border-radius:40px; color:#1f97ff; font-size: 1.2em;text-align: center;width:40%;margin:1vw auto 0;padding:0;}
|
||||
.backuper_03 .icon-text{ margin:1vw auto;width:100%; text-align: center;}
|
||||
.video .text{line-height: 1.5em; font-size: 1em;}
|
||||
.backuper-80 {padding:0.4em 0;}
|
||||
|
||||
}
|
||||
video{width:100%; display: block; color:}
|
||||
/*轮播*/
|
||||
.container{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.preview-backer {
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
width:100%;
|
||||
bottom: 20px;
|
||||
}
|
||||
.preview-backer a {
|
||||
display: inline-block;
|
||||
margin: 5px;
|
||||
width: 290px;
|
||||
height: 110px;
|
||||
}
|
||||
.preview-backer img {
|
||||
display: block;
|
||||
width: 290px;
|
||||
height: 110px;
|
||||
border-top: 3px solid #fff;
|
||||
border-left: 3px solid #fff;
|
||||
border-right: 3px solid #fff;
|
||||
}
|
||||
.active {
|
||||
|
||||
}
|
||||
.pre-backer-text {background: #ecf6ff; width: 290px;height:30px;color: #333;font-size: 1.2em;padding:10px 0; border-bottom: 3px solid #fff; border-left: 3px solid #fff;border-right: 3px solid #fff;}
|
||||
|
||||
.slider-container {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
background-color: #444;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.slider {
|
||||
position: relative;
|
||||
width: 9999px;
|
||||
}
|
||||
.slider:before,
|
||||
.slider:after {
|
||||
display: table;
|
||||
content: ' ';
|
||||
}
|
||||
.slider:after {
|
||||
clear: both;
|
||||
}
|
||||
.slider__item {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.slider__item img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.slider__switch span {
|
||||
color: #fff;
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
/* Arrows */
|
||||
.slider__switch {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
padding: 10px 5px;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
border-radius: 1px;
|
||||
background: #000;
|
||||
opacity: .3;
|
||||
transition: opacity .15s ease;
|
||||
fill: #fff;
|
||||
}
|
||||
.slider__switch--prev {
|
||||
left: 10px;
|
||||
}
|
||||
.slider__switch--next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.slider__switch:hover {
|
||||
opacity: .85;
|
||||
}
|
||||
.slider__switch[disabled] {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.slider.has-touch {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
}
|
||||
@media (max-width: 580px) {
|
||||
.slider__switch {
|
||||
display: none;
|
||||
}
|
||||
.slider__caption {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
199
public/frontend/web/css/subject/brand-20181112.css
Executable file
199
public/frontend/web/css/subject/brand-20181112.css
Executable file
@@ -0,0 +1,199 @@
|
||||
/*品牌发展*/
|
||||
.rd_img {}
|
||||
.rd_img img {max-width:100%; display: block;}
|
||||
.lj_brand_banner {}
|
||||
.lj_brand_bg {background: #e8eef0; padding:3.5% 0;}
|
||||
|
||||
.lj_brand_text { margin: auto; text-align: center; padding: 30px 0 0; color: #002855; line-height: 28px;}
|
||||
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_brand_all { width:75%; margin: auto;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1400px){
|
||||
.lj_brand_all { width:90%; margin: auto;}
|
||||
}
|
||||
|
||||
|
||||
.lj_brand_t{position: relative;width:100%; margin: auto;}
|
||||
.lj_brand_l { background:rgba(93,191,230,0.8); }
|
||||
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_b_big {font-size: 1.8em; color: #fff; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:1em; color: #fff; line-height:32px; width:85%;}
|
||||
.lj_brand_l{position: absolute;left: 0;top:7%;width:50%; padding:5%;}
|
||||
.lj_brand_l_02{position: absolute;right: 0;top:7%;padding:7% 5%;width:50%;background:rgba(93,191,230,0.8); }
|
||||
.lj_brand_l_03 {position: absolute;left: 0;top:7%; width:50%;padding:9.5% 5%;}
|
||||
.pad_l {padding-left: 18%;}
|
||||
.lj_brand_img_02 { float: left;}
|
||||
}
|
||||
@media screen and (min-width:1300px) and (max-width:1399px){
|
||||
.lj_b_big {font-size: 1.8em; color: #fff; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:1em; color: #fff; line-height:28px; width:96%; }
|
||||
.lj_brand_l{position: absolute;left: 0;top:7%;width:40%; padding:3%;}
|
||||
.lj_brand_l_02{ position: absolute;right: 0;top:7%;padding:8% 5%;width:36%;background:rgba(93,191,230,0.8); }
|
||||
.lj_brand_l_03 {position: absolute;left: 0;top:7%; width:36%;padding:10% 5%;}
|
||||
.pad_l {padding-left: 10%;}
|
||||
.lj_brand_img_02 { float: left;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:1100px) and (max-width:1299px){
|
||||
.lj_b_big {font-size: 1.8em; color: #fff; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:1em; color: #fff; line-height:28px; width:96%; }
|
||||
.lj_brand_l{position: absolute;left: 0;top:7%;width:40%; padding:5% 3%;}
|
||||
.lj_brand_l_02{position: absolute;right: 0;top:7%; padding:8% 5%;width:36%;background:rgba(93,191,230,0.8); }
|
||||
.lj_brand_l_03 {position: absolute;left: 0;top:7%; width:32%;padding:11% 5%;}
|
||||
.pad_l {padding-left: 8%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:1099px){
|
||||
.lj_b_big {font-size: 1.3em; color: #fff; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:0.9em; color: #fff; line-height:24px; width:96%; }
|
||||
.lj_brand_l{position: absolute;left: 0;top:0;width:40%; padding:5% 3%;}
|
||||
.lj_brand_l_02{position: absolute;right: 0;top:0; padding:8% 5%;width:36%;background:rgba(93,191,230,0.8); }
|
||||
.lj_brand_l_03 {position: absolute;left: 0;top:0; width:32%;padding:11% 5%;}
|
||||
.pad_l {padding-left: 8%;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.lj_brand_text {width:56%;}
|
||||
.lj_cur_01 {display: block;}
|
||||
.lj_cur_02 {display: none;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.lj_brand_text {width:90%;}
|
||||
.lj_cur_01 {display: none;}
|
||||
.lj_cur_02 {display: block;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.lj_b_big {font-size: 1.3em; color: #fff; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:1em; color: #fff; line-height:24px; width:96%; }
|
||||
.lj_brand_l{width:94%; padding:5% 3%;}
|
||||
.lj_brand_l_02{ width:94%;padding:5% 3%;background:rgba(93,191,230,0.8); float: left;}
|
||||
.lj_brand_l_03 { width:94%;padding:5% 3%;}
|
||||
.lj_brand_img_02 { float: right;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.lj_brand_img { float: right;}
|
||||
.lj_brand_img img {width: 100%;}
|
||||
|
||||
.lj_brand_img_02 { float: left;}
|
||||
.lj_brand_l_03 { background:rgba(93,191,230,0.8); }
|
||||
.lj_brand_img_03 { float: right;}
|
||||
|
||||
/*品牌大记事*/
|
||||
.dis_bril_bg { background: #f1f1f1; padding: 4% 0;}
|
||||
.dis_event_list { width:100%;float:right;margin:10px 0 20px 0; }
|
||||
.dis_event_list li { clear: both;}
|
||||
.dis_event_list li span { width:30%;text-align:left;display:block;float:left;margin-top:10px; color: #444; font-size: 1.125em;}
|
||||
|
||||
@media screen and (min-width:1400px){
|
||||
.dis_event_list {background:url('../../../../frontend/web/images/brand/dian3.png') 169px 0 repeat-y;}
|
||||
.dis_box { width:60%;margin:48px auto 0 auto; }
|
||||
.dis_event_list h3 { width:127px;text-align:right;display:block;float:left;margin-top:13px; color: #444; font-size:1.125em; font-weight: 600; }
|
||||
.dis_event_list li p { width:70%;background:url('../../../../frontend/web/images/brand/jian.png') 0 20px no-repeat; margin-left:37px;display:inline-block;padding-left:6%;line-height:36px;_float:left; }
|
||||
.dis_big_l { font-size: 3em; text-align: center; color: #fff; padding: 5% 0;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1200px) and (max-width:1399px){
|
||||
|
||||
.dis_event_list {background:url('../../../../frontend/web/images/brand/dian3.png') 169px 0 repeat-y;}
|
||||
.dis_box { width:70%;margin:18px auto 0 auto; }
|
||||
.dis_event_list h3 { width:127px;text-align:right;display:block;float:left;margin-top:10px; color: #444; font-size:1.125em; font-weight: 600; }
|
||||
.dis_event_list li p { width:70%;background:url('../../../../frontend/web/images/brand/jian.png') 0 20px no-repeat; margin-left:37px;display:inline-block;padding-left:6%;line-height:36px;_float:left; }
|
||||
.dis_big_l { font-size: 3em; text-align: center; color: #fff; padding: 5% 0;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:900px) and (max-width:1199px){
|
||||
.dis_event_list {background:url('../../../../frontend/web/images/brand/dian3.png') 167px 0 repeat-y;}
|
||||
.dis_box { width:80%;margin:18px auto 0 auto; }
|
||||
.dis_event_list h3 { width:127px;text-align:right;display:block;float:left;margin-top:20px; color: #444; font-size:1.125em; font-weight: 600; }
|
||||
.dis_event_list li p { width:70%;background:url('../../../../frontend/web/images/brand/jian.png') 35px 20px no-repeat; display:inline-block;padding-left:6%;line-height:36px;_float:left; }
|
||||
.dis_big_l { font-size:2.5em; text-align: center; color: #fff; padding: 5% 0;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:899px){
|
||||
.dis_event_list {background:url('../../../../frontend/web/images/brand/dian3.png') 167px 0 repeat-y;}
|
||||
.dis_box { width:80%;margin:18px auto 0 auto; }
|
||||
.dis_event_list h3 { width:127px;text-align:right;display:block;float:left;margin-top:25px; color: #444; font-size:1.125em; font-weight: 600; }
|
||||
.dis_event_list li p { width:70%;background:url('../../../../frontend/web/images/brand/jian.png') 35px 20px no-repeat; display:inline-block;padding-left:8%;line-height:36px;_float:left; }
|
||||
.dis_big_l { font-size:2em; text-align: center; color: #fff; padding: 5% 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.dis_event_list {background:url('../../../../frontend/web/images/brand/dian3.png') 100px 0 repeat-y;}
|
||||
.dis_box { width:100%;margin:18px auto 0 auto; }
|
||||
.dis_event_list h3 { width:60px;text-align:right;display:block;float:left;margin-top:15px; color: #444; font-size:1.1em; font-weight: 600; }
|
||||
.dis_event_list li p { width:50%;background:url('../../../../frontend/web/images/brand/jian.png') 35px 20px no-repeat; display:inline-block;padding-left:8%;line-height:32px;_float:left; }
|
||||
.dis_big_l { font-size:1.6em; text-align: center; color: #fff; padding: 5% 0;}
|
||||
}
|
||||
.dis_event_list li p span { width:100%;text-align:left;padding:10px 15px 10px 50px; color: #444; margin:0; }
|
||||
|
||||
/*技术发展*/
|
||||
.lj_l{float: left;}
|
||||
.lj_r {float: right;}
|
||||
|
||||
@media screen and (min-width:1600px){
|
||||
.lj_tech_all { width: 75%; margin:auto ;}
|
||||
}
|
||||
@media screen and (max-width:1599px){
|
||||
.lj_tech_all { width: 90%; margin:auto ;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:1600px){
|
||||
.lj_tech_l {width:50%;}
|
||||
.lj_tech_r { width:48%; padding-left: 2%;}
|
||||
.text_r{text-align: right;}
|
||||
.lj_tech_r h3 {padding:12% 0 5%; font-size: 1.875em; }
|
||||
.lj_small_t {line-height: 36px;font-size: 1em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1599px){
|
||||
.lj_tech_l {width:50%;}
|
||||
.lj_tech_r { width:48%; padding-left: 2%;}
|
||||
.text_r{text-align: right;}
|
||||
.lj_tech_r h3 {padding:6% 0 5%; font-size: 1.6em; }
|
||||
.lj_small_t {line-height: 36px;font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:1000px) and (max-width:1279px){
|
||||
.lj_tech_l {width:50%;}
|
||||
.lj_tech_r { width:48%; padding-left: 2%;}
|
||||
.text_r{text-align: right;}
|
||||
.lj_tech_r h3 {padding:6% 0 5%; font-size: 1.4em; }
|
||||
.lj_small_t {line-height: 30px;font-size: 0.9em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.lj_tech_l {width:50%;}
|
||||
.lj_tech_r { width:48%; padding-left: 2%;}
|
||||
.text_r{text-align: right;}
|
||||
.lj_tech_r h3 {padding:6% 0 3%; font-size: 1.2em; }
|
||||
.lj_small_t {line-height:20px;font-size: 0.9em; }
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.lj_tech_l {width:100%; }
|
||||
.lj_tech_r { width:100%;margin: 3% 0; }
|
||||
.text_r{text-align: left;}
|
||||
.lj_tech_r h3 {padding:6% 0 3%; font-size: 1.4em;}
|
||||
.lj_small_t {line-height:26px;font-size: 0.9em; }
|
||||
}
|
||||
|
||||
|
||||
.lj_tech_r h3{color: #444;font-weight: 100;}
|
||||
.text_r { margin-right:4%;}
|
||||
.lj_small_t {color: #444;}
|
||||
.pad_b {padding-bottom: 40px;}
|
||||
83
public/frontend/web/css/subject/brand.css
Executable file
83
public/frontend/web/css/subject/brand.css
Executable file
@@ -0,0 +1,83 @@
|
||||
.lj_brand_bg {background: #e8eef0; padding:4.3% 0;}
|
||||
.vtext{margin-bottom:4%;}
|
||||
.vtext .tl1, .vtext_01{font-size:2.25em;color:#333;font-weight:bold;text-align:center;}
|
||||
.vtext_01{margin-bottom:3.4%;}
|
||||
.lj_brand_text {width:83%; margin:auto; text-align: center; font-size: 1.125em; color:#101010; line-height: 2em; margin-top:2.4%;}
|
||||
.rd_img img{width:100%; display: block;}
|
||||
@media screen and (min-width:768px){
|
||||
.lj_cur_01 {display: block;}
|
||||
.lj_cur_02 {display: none;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.lj_cur_01 {display: none;}
|
||||
.lj_cur_02 {display: block;}
|
||||
}
|
||||
.lj_brand_t{position: relative;width:100%; margin: auto;}
|
||||
.lj_brand_l, .lj_brand_l_02, .lj_brand_l_03{ position: absolute; top: 8%; width: 45%; }
|
||||
.lj_brand_l {left: 0; padding: 4.6%;}
|
||||
.lj_brand_l_02 {right: 0; padding: 7% 0 8.9%;}
|
||||
.lj_brand_l_03 {left: 0; padding:9.5% 5% 10.5%;}
|
||||
.lj_b_big {font-size: 1.875em; color: #333; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:1em; color: #333; line-height:32px; width:85%;}
|
||||
.lj_brand_img_02{width:50%; float: left;}
|
||||
.lj_brand_img, .lj_brand_img_03{width:50%; float: right;}
|
||||
|
||||
@media screen and (max-width:1280px){
|
||||
.lj_brand_l, .lj_brand_l_02, .lj_brand_l_03{top:0;}
|
||||
.lj_b_small{width:100%; line-height:1.4em;}
|
||||
.lj_brand_l_02{text-align: right;}
|
||||
}
|
||||
@media screen and (max-width:990px){
|
||||
.lj_brand_l, .lj_brand_l_02, .lj_brand_l_03{width:45%;}
|
||||
.lj_brand_l {left: 0; padding: 3%;}
|
||||
.lj_brand_l_02 {right: 0; padding: 7% 3%;}
|
||||
.lj_brand_l_03 {left: 0; padding:9.5% 3%;}
|
||||
.lj_b_big{font-size: 1.5em; padding-bottom: 10px}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.lj_b_big {font-size: 1.3em; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:1em; line-height:24px; width:96%; }
|
||||
.lj_brand_l, .lj_brand_l_02, .lj_brand_l_03{position: relative; width:100%;}
|
||||
.lj_brand_l, .lj_brand_l_02, .lj_brand_l_03{width:94%; padding:5% 3%;}
|
||||
.lj_brand_l_02{float: left; text-align: left;}
|
||||
.lj_brand_img, .lj_brand_img_02, .lj_brand_img_03 {width:100%;}
|
||||
}
|
||||
/*品牌大记事*/
|
||||
.dis_bril_bg {background: #f1f1f1; padding: 4.2% 0; overflow: hidden;}
|
||||
.dis_box{margin:auto}
|
||||
@media screen and (min-width:1080px){
|
||||
.dis_box{width:1060px;}
|
||||
}
|
||||
@media screen and (max-width:1079px){
|
||||
.dis_box{width:96%;}
|
||||
}
|
||||
.dis_box .culture-l{width:14%; float: left; text-align: center; line-height: 2em; padding-top:1em;color:#333;}
|
||||
.dis_box .culture-l span{display: block; position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: #009fdf;right: -5px; top: 1.5em;}
|
||||
.dis_box .culture-r{border-left:1px solid #b0bbc7; width:76%; float: left; padding-left:7%; line-height: 2em; padding-top:1em;}
|
||||
|
||||
/*技术发展*/
|
||||
.lj_l h3, .lj_r h3 {color: #333; margin-bottom:5.5%; font-size: 1.875em; }
|
||||
.lj_small_t {color: #737373; line-height: 2em; font-size: 1em;}
|
||||
@media screen and (max-width:1080px){
|
||||
.lj_l h3, .lj_r h3 {font-size: 1.5em;}
|
||||
.lj_small_t { line-height: 1.8em;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.Brand-swt-Table{display: table; width:100%;}
|
||||
.Brand-swt-Table .Table-Row{display: table-row;}
|
||||
.Brand-swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0; width:50%; vertical-align: middle;}
|
||||
}
|
||||
.lj_l{margin-left:2.5%; text-align: left;}
|
||||
.lj_r{margin-right:5%; text-align: right;}
|
||||
.B-D-Block{display:block}
|
||||
.B-D-None{display:none}
|
||||
@media screen and (max-width:767px){
|
||||
.dis_box .culture-l span{width: 6px; height: 6px; border-radius: 3px; right:-3px;}
|
||||
.Brand-swt-Table{width:90%; margin:auto;}
|
||||
.lj_l, .lj_r{margin-left:0%; margin-right:0; text-align: left; width:100%;}
|
||||
.B-D-Block{display: none}
|
||||
.B-D-None{display:block; margin-bottom: 5%;}
|
||||
.Table-Cell{margin-bottom: 5%;}
|
||||
.vtext{margin-bottom:15px;}
|
||||
}
|
||||
228
public/frontend/web/css/subject/charger.css
Executable file
228
public/frontend/web/css/subject/charger.css
Executable file
@@ -0,0 +1,228 @@
|
||||
/*公共样式*/
|
||||
.charger_title{font-size: 3em;}
|
||||
.charger_subtitle{font-size: 1.75em; }
|
||||
.charger_text{font-size: 1em;}
|
||||
.charger_buy .charger_buy_button{position: relative; top:50%; margin-top:-1.5em; width:100%; text-align: center;}
|
||||
.charger_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 2em; color:#333; font-size: 1.125em; }
|
||||
.charger_buy a:hover{background-color:#2dccd2; color:#FFF; border:1px solid #2dccd2; }
|
||||
@media screen and (max-width:1280px){
|
||||
.charger_title{font-size: 2.5em;}
|
||||
}
|
||||
@media screen and (max-width:769px){
|
||||
.charger_title{font-size: 2em;}
|
||||
.charger_subtitle{font-size: 1.5em; }
|
||||
.charger_text{font-size: 1.125em;}
|
||||
.charger_buy a{font-size: 1em;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.charger_title{font-size: 1.5em;}
|
||||
.charger_subtitle{font-size: 1.125em; }
|
||||
.charger_text{font-size: 1em;}
|
||||
}
|
||||
/*第一屏*/
|
||||
.charger_01{position: absolute; width:100%; color:#FFFFFF; top:23%; font-size: 2em}
|
||||
.charger_01 .title{font-size: 2.125em; line-height: 2.3em; width:60%; margin-left:0%;}
|
||||
.charger_01 .text{font-size: 1em; width:60%; margin-left:0%;}
|
||||
@media screen and (max-width:1440px){
|
||||
.charger_01{font-size: 1.5em}
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.charger_01{top:12%;}
|
||||
.charger_01 .title, .charger_01 .text{width:70%; margin-left:0%;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.charger_01{font-size: 1em; top:30%; left:5%;}
|
||||
.charger_01 .title{line-height: 1.2em;}
|
||||
}
|
||||
/*视频*/
|
||||
.charger_02_bg{width:100%; padding-top:5%; padding-bottom: 5%; overflow: hidden; background-color:#f2f2f2; }
|
||||
.charger_02{width:100%; color:#333;}
|
||||
.charger_02 .left{width:29%; float: left;}
|
||||
.charger_02 .right{width:69%; float: right; position: relative}
|
||||
.charger_02 .right img{opacity: 0;}
|
||||
@media screen and (max-width:769px){
|
||||
.charger_02 .left{width:100%; text-align: center; margin-bottom: 3%;}
|
||||
.charger_02 .right{width:100%; float: left; }
|
||||
}
|
||||
.charger_02 video{position: absolute; top:0; left:0; width:100%; }
|
||||
.charger_02 .charger_title{line-height: 1.1em;}
|
||||
.charger_02 .charger_subtitle{line-height: 1.7em; margin-top:1.4vw;}
|
||||
.charger_02 .charger_text{line-height: 1.7em; margin-top:2.3vw; }
|
||||
@media screen and (max-width:960px){
|
||||
.charger_02 .charger_text{display: none;}
|
||||
}
|
||||
/*产品一*/
|
||||
.charger_03{width:100%; background-color:#f2f2f2; overflow: hidden; padding-bottom: 5%;}
|
||||
.charger_03 li{width:23.95%; margin-right:1.4%; float: left; position: relative; overflow: hidden; border-top:5px solid #2dccd2;}
|
||||
.charger_03 li:last-child{margin-right:0;}
|
||||
.charger_03 .title{font-size: 1.75em; text-align: center; color:#333; position: absolute; top:13%; width:100%; left:0;}
|
||||
@media screen and (min-width:769px){
|
||||
.charger_03 .charger_buy{position: absolute; bottom:-30%; width:100%;}
|
||||
.charger_03 li:hover .charger_buy{background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.charger_03 li{width:49%; margin-right:2%; background-color:#FFF; margin-bottom: 2vw; text-align: center;}
|
||||
.charger_03 li:nth-child(2n){margin-right:0;}
|
||||
.charger_03 .title{font-size: 1.5em}
|
||||
.charger_03 .charger_buy{position: relative; margin-bottom: 3vw;}
|
||||
.charger_03 li:hover .charger_buy{position: relative;}
|
||||
}
|
||||
|
||||
/*第四屏*/
|
||||
.charger_04{position: relative;}
|
||||
.charger_04 .text{position: absolute; right:0; width:100%; top:10vw; color:#FFFFFF; }
|
||||
.charger_04 .charger_04_word{width:35%; float: right;}
|
||||
.charger_04 .charger_title{line-height: 1.2em;}
|
||||
.charger_04 .charger_subtitle{ margin-top:1.8vw; line-height: 1.2em;}
|
||||
.charger_04 .charger_text{ line-height: 1.6em; margin-top:2.7vw;}
|
||||
|
||||
.charger_04 li{width:19.16%; margin-right:1.05%; float: left; position: relative; overflow: hidden; border-top:5px solid #2dccd2;}
|
||||
.charger_04 li:last-child{margin-right:0;}
|
||||
|
||||
.charger_04 .title{font-size: 1.5em; text-align: center; color:#333; position: absolute; top:13%; width:100%; left:0;}
|
||||
.charger_04 .charger_buy{position: absolute; bottom:-30%; width:100%;}
|
||||
.charger_04 li:hover .charger_buy{background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
.charger_04 .charger_buy a{font-size: 1em;}
|
||||
.charger_04 .all_text{position: absolute; bottom:4.5vw; left:0; width:100%;}
|
||||
|
||||
@media screen and (min-width:961px){
|
||||
.charger_04_PC{display: block}
|
||||
.charger_04_M{display: none;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1280px){
|
||||
.charger_04 .text{top:6vw;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:960px){
|
||||
.charger_04_PC{display: none}
|
||||
.charger_04_M{display: block;}
|
||||
.charger_buy a{margin-left:1%; margin-right:1%; height: 24%;}
|
||||
.charger_04 li{width:24.25%; margin-right:1%; margin-bottom: 1vw; border-top:5px solid #2dccd2;}
|
||||
.charger_04 .all_text{background:url(../../images/charger/charger-04-bg.jpg) repeat; position: relative; top:0; overflow: hidden; padding-top:0vw; padding-bottom: 4vw;}
|
||||
}
|
||||
@media screen and (min-width:769px) and (max-width:960px){
|
||||
.charger_04 li:nth-child(4n){margin-right:0;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.charger_04 li{width:32.3%; margin-right:1%; margin-bottom: 1vw; overflow: hidden; background-color:#FFF;}
|
||||
.charger_04 .charger_text{display: none;}
|
||||
.charger_04 li:nth-child(3n){margin-right:0;}
|
||||
.charger_04 .charger_buy{position: relative; margin-bottom: 3vw; bottom: 0;}
|
||||
.charger_04 li:hover .charger_buy{overflow:visible; position: relative; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
.charger_04 .text{top:15vw;}
|
||||
}
|
||||
@media screen and (max-width:640px){
|
||||
.charger_04 li:first-child{display: none;}
|
||||
.charger_04 li{width:49%; margin-right:2%; background-color:#FFF; margin-bottom: 2vw; margin-left:0;}
|
||||
}
|
||||
/*第五屏*/
|
||||
.charger_05{position: relative;}
|
||||
.charger_05 .all_text{position: absolute; width:100%; bottom:6vw; color:#FFF;}
|
||||
.charger_05 .title{font-size: 3em; line-height: 1.2em;}
|
||||
.charger_05 .sub_title{font-size: 1.875em; line-height: 1.5em; margin-top:1.4vw;}
|
||||
.charger_05 .des{font-size:1.125em; line-height: 1.6em; margin-top:2.5vw; width:45%;}
|
||||
@media screen and (max-width:1280px){
|
||||
.charger_05 .title{font-size: 2.5em;}
|
||||
.charger_05 .des{width:70%;}
|
||||
}
|
||||
@media screen and (max-width:769px){
|
||||
.charger_05 .all_text{bottom:6vw;}
|
||||
.charger_05 .title{font-size: 2em;}
|
||||
.charger_05 .sub_title{font-size: 1.5em;}
|
||||
.charger_05 .des{width:100%; display: none;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.charger_05 .all_text{bottom:3vw;}
|
||||
.charger_05 .title{font-size: 1.5em;}
|
||||
.charger_05 .sub_title{font-size: 1.125em;}
|
||||
.charger_05 .des{width:100%; display: none;}
|
||||
}
|
||||
|
||||
/*第六屏*/
|
||||
.charger_06{background-color:#020204; overflow: hidden; position: relative;}
|
||||
.charger_06_bg{background:url(../../images/charger/charger-06.jpg) no-repeat; overflow: hidden;background-position:0% 100%; background-size:100%; }
|
||||
.charger_06 .all{width:100%; margin-top:5%; margin-bottom:5.5%; overflow: hidden;}
|
||||
.charger_06 .all_text{width:40%; position: relative; right:0; color:#FFF; vertical-align: middle;}
|
||||
.charger_06 .main_title{font-size: 3em; line-height: 1.2em;}
|
||||
.charger_06 .sub_title{font-size: 1.875em; line-height: 1.5em; margin-top:1.4vw;}
|
||||
.charger_06 .des{font-size: 1.125em; line-height: 1.6em; margin-top:2.5vw;}
|
||||
.charger_06 .all_text .all_img{margin-top:3vw; margin-bottom: 3vw;}
|
||||
.charger_06 .all_text li{width:48%; float: left; margin-right:4%; position: relative; overflow: hidden;}
|
||||
.charger_06 .all_text li:last-child{margin-right:0;}
|
||||
.charger_06 .charger_buy{position: absolute; bottom:-22%; width:100%;}
|
||||
.charger_06 li:hover .charger_buy{background-color:rgba(255,255,255,0.5); position: absolute; bottom:0px; width:100%; height: 29%; transition: 0.5s;}
|
||||
.charger_06 .charger_buy a{font-size: 1em;}
|
||||
.charger_06 .title{font-size: 1.5em; text-align: center; color:#333; position: absolute; top:12%; width:100%; left:0;}
|
||||
.charger_06 .charger_buy .charger_buy_button{top:50%;}
|
||||
|
||||
@media screen and (min-width:1281px){
|
||||
.charger_06 .center_M{display: none;}
|
||||
.charger_06 .center{display: block;}
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.charger_06 .center_M{display: block; color:#FFF; text-align: center; margin-top:5vw; margin-bottom: 5vw;}
|
||||
.charger_06 .center_M .des{width:80%; margin:auto;}
|
||||
.charger_06 .center{display: none;}
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.charger_06 .main_title{font-size: 2.5em;}
|
||||
}
|
||||
@media screen and (max-width:769px){
|
||||
.charger_06 .main_title{font-size: 2em;}
|
||||
.charger_06 .sub_title{font-size: 1.5em; }
|
||||
.charger_06 .des{font-size: 1.125em;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.charger_06 .main_title{font-size: 1.5em;}
|
||||
.charger_06 .sub_title{font-size: 1.125em; }
|
||||
.charger_06 .des{font-size: 1em;}
|
||||
}
|
||||
@media screen and (min-width:961px){
|
||||
.charger_06_img_M{display: none;}
|
||||
.charger_06 .all_text{float: right; }
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.charger_06_img_M{display: block;}
|
||||
.charger_06_bg{background:none;}
|
||||
.charger_06 .all_text{width:540px; margin:auto;}
|
||||
.charger_06 .all{margin-top:0;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.charger_06 .des{display: none;}
|
||||
}
|
||||
@media screen and (max-width:540px){
|
||||
.charger_06 .all_text{width:100%;}
|
||||
}
|
||||
@media screen and (min-width:769px){
|
||||
.charger_06 .charger_buy{position: absolute; bottom:-30%; width:100%;}
|
||||
.charger_06 li:hover .charger_buy{background-color:rgba(255,255,255,0.5);overflow:visible; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.charger_06 li{width:49%; margin-right:2%; background-color:#FFF; margin-bottom: 2vw; text-align: center;}
|
||||
.charger_06 li:nth-child(2n){margin-right:0;}
|
||||
.charger_06 .title{font-size: 1.5em; top:8%;}
|
||||
.charger_06 .charger_buy{position: relative; margin-bottom: 3vw; bottom:0;}
|
||||
.charger_06 li:hover .charger_buy{position: relative;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
282
public/frontend/web/css/subject/contact.css
Executable file
282
public/frontend/web/css/subject/contact.css
Executable file
@@ -0,0 +1,282 @@
|
||||
.C-title {
|
||||
margin-top: 4%;
|
||||
margin-bottom: 2%;
|
||||
font-size: 1.875em;
|
||||
}
|
||||
.C-line {
|
||||
width: 4.25%;
|
||||
height: 5px;
|
||||
background-color: #002855;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 2%;
|
||||
}
|
||||
.C-All {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
margin: 1.8% 0;
|
||||
}
|
||||
.C-bg {
|
||||
background: #f1f1f1;
|
||||
padding: 2% 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*公司地址*/
|
||||
.c_bg_c {
|
||||
background: #f1f1f1;
|
||||
padding: 4% 0 0;
|
||||
}
|
||||
.contact_address_t li {
|
||||
overflow: hidden;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
.contact_address_t li .left_img {
|
||||
width: 30%;
|
||||
float: left;
|
||||
padding: 0 0 0 5.5%;
|
||||
}
|
||||
.contact_address_t li .right_text {
|
||||
width: 55%;
|
||||
float: left;
|
||||
}
|
||||
.contact_address_t li .left_img {
|
||||
margin-right: 1.6%;
|
||||
}
|
||||
.contact_address_t li .left_img img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.c_title_h3 {
|
||||
font-size: 1.125em;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
color: #333;
|
||||
line-height: 2.8em;
|
||||
}
|
||||
.c_title_h3 img {
|
||||
padding-right: 1em;
|
||||
}
|
||||
.c_text_p {
|
||||
line-height: 1em;
|
||||
color: #737373;
|
||||
padding: 2% 0;
|
||||
font-size: 0.875em;
|
||||
padding-left: 1.8em;
|
||||
}
|
||||
.c_text_p p {
|
||||
margin-bottom: 0.5vw;
|
||||
}
|
||||
/*联系方式 */
|
||||
.contact_tel {
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
@media screen and (min-width: 1360px) {
|
||||
.contact_tel li {
|
||||
width: 22.5%;
|
||||
float: left;
|
||||
margin: 0 1%;
|
||||
}
|
||||
.contact_tel li:nth-child(1) {
|
||||
margin-left: 2%;
|
||||
}
|
||||
.contact_tel li:last-child {
|
||||
margin-right: 2%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 640px) and (max-width: 1359px) {
|
||||
.contact_tel li {
|
||||
width: 46%;
|
||||
float: left;
|
||||
margin: 0 2% 3% 2%;
|
||||
}
|
||||
.contact_tel li:nth-child(2n) {
|
||||
margin-left: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 639px) {
|
||||
.contact_tel li {
|
||||
width: 96%;
|
||||
margin: 4% auto;
|
||||
}
|
||||
}
|
||||
.contact_tel li {
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
padding: 3% 0;
|
||||
}
|
||||
.contact_tel_text {
|
||||
text-align: left;
|
||||
padding: 4% 8%;
|
||||
line-height: 2em;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
.contact_tel li img {
|
||||
vertical-align: middle;
|
||||
max-width: 80%;
|
||||
}
|
||||
.con_bl {
|
||||
color: #009fdf;
|
||||
}
|
||||
.con_black {
|
||||
color: #333;
|
||||
margin: 5% 0 1%;
|
||||
font-size: 1.125em;
|
||||
}
|
||||
/*icon*/
|
||||
.li_icon_p {
|
||||
padding: 0 0 5%;
|
||||
}
|
||||
.lj_icon li {
|
||||
width: 33.333%;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
.li_icon_p img {
|
||||
width: 14.6%;
|
||||
margin: auto;
|
||||
}
|
||||
.lj_icon li {
|
||||
float: left;
|
||||
}
|
||||
/*工厂联系方式*/
|
||||
.factory {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
.factory li {
|
||||
width: 48.6%;
|
||||
margin-right: 2.8%;
|
||||
float: left;
|
||||
margin-top: 1.5vw;
|
||||
}
|
||||
.factory li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.factory li .left {
|
||||
width: 49.7%;
|
||||
float: left;
|
||||
margin-right: 2.3%;
|
||||
}
|
||||
.factory li .content {
|
||||
width: 48%;
|
||||
float: left;
|
||||
}
|
||||
.factory .content {
|
||||
width: 90%;
|
||||
margin: 0vw auto 0;
|
||||
}
|
||||
.factory .c_title {
|
||||
font-size: 1.125em;
|
||||
color: #101010;
|
||||
margin-bottom: 0.8vw;
|
||||
}
|
||||
.factory .content .left {
|
||||
width: 16%;
|
||||
float: left;
|
||||
line-height: 1.5em;
|
||||
margin-right: 0;
|
||||
}
|
||||
.factory .content .right {
|
||||
width: 78%;
|
||||
float: left;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.factory .contact {
|
||||
overflow: hidden;
|
||||
margin-left: 20px;
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
line-height: 1em;
|
||||
font-weight: 100;
|
||||
}
|
||||
.factory .c_title img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.factory img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.factory .title {
|
||||
font-size: 2em;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
line-height: 1.25em;
|
||||
margin-bottom: 2.5vw;
|
||||
}
|
||||
.factory .contact p {
|
||||
margin-top: 0.5vw;
|
||||
display: block;
|
||||
}
|
||||
@media screen and (max-width: 1459px) {
|
||||
.factory li {
|
||||
width: 49%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.factory .content .left {
|
||||
width: 18%;
|
||||
}
|
||||
.factory .content .right {
|
||||
width: 78%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1439px) {
|
||||
.factory .c_title {
|
||||
font-size: 1em;
|
||||
}
|
||||
.factory li .left img {
|
||||
width: 100%;
|
||||
}
|
||||
.factory .contact {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1280px) {
|
||||
.factory .content .left {
|
||||
width: 18%;
|
||||
}
|
||||
.factory .content .right {
|
||||
width: 82%;
|
||||
}
|
||||
.factory .c_title img {
|
||||
margin-right: 2px;
|
||||
}
|
||||
.factory .contact {
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) and (max-width: 960px) {
|
||||
.factory li {
|
||||
width: 49%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.factory li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.factory li {
|
||||
width: 98%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-fact-l {
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
width: 75%;
|
||||
}
|
||||
.contact-fact-l img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.contact-text-r {
|
||||
width: 22%;
|
||||
float: right;
|
||||
}
|
||||
.contact-text-r h3 {
|
||||
font-size: 24px;
|
||||
padding: 45px 0 40px;
|
||||
color: #010101;
|
||||
}
|
||||
|
||||
.contact-text-r p {
|
||||
line-height: 28px;
|
||||
color: #737373;
|
||||
}
|
||||
26
public/frontend/web/css/subject/culture-原.css
Executable file
26
public/frontend/web/css/subject/culture-原.css
Executable file
@@ -0,0 +1,26 @@
|
||||
.culture-Menu{background-color:#f1f1f1; overflow: hidden;}
|
||||
.culture{background-color:#e8eef0; overflow: hidden}
|
||||
.culture .title{color:#002855; font-weight: 600; padding:5% 0 3%;}
|
||||
.culture .punctuation{color:#ff9800; margin-left:8px; font-size: 1.25em;}
|
||||
@media screen and (min-width:1280px){
|
||||
.culture-Menu img{margin:auto;}
|
||||
.culture .Container{width:1200px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1279px){
|
||||
.culture-Menu img{margin:auto; width:27%;}
|
||||
.culture .Container{width:96%; margin:auto;}
|
||||
}
|
||||
.culture .des{width:90%; margin: 0 auto 2%; color:#002855; line-height: 2em}
|
||||
.culture .line{width:4.25%; height: 5px; background-color:#002855; overflow: hidden; margin:0 auto 2%;}
|
||||
.culture-l{width:12%; float: left; text-align: right; padding-right:2%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"; font-weight: bold;color:#002855;}
|
||||
.culture-l span{display: block; position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: #002855;right: -5px; top: 2.5em;}
|
||||
.culture-r{border-left:1px solid #b0bbc7; width:72%; float: left; padding-left:7%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"}
|
||||
.culture-Menu .Menu{margin-bottom:3%; overflow: hidden}
|
||||
.culture-Menu a{display:inline-block;border-radius:2em; margin-left:1%; color: #009fdf; text-decoration: none; cursor: pointer;}
|
||||
.culture-Menu .active{background-color:#002855; border:2px solid #002855; color:#FFF;}
|
||||
@media screen and (min-width:480px){
|
||||
.culture-Menu a{ padding:0.5% 2%; margin-right:1%; border:2px solid #009fdf;}
|
||||
}
|
||||
@media screen and (max-width:479px){
|
||||
.culture-Menu a{ padding:0.5% 1.5%; margin-right:0.5%; border:1px solid #009fdf;}
|
||||
}
|
||||
866
public/frontend/web/css/subject/culture.css
Executable file
866
public/frontend/web/css/subject/culture.css
Executable file
@@ -0,0 +1,866 @@
|
||||
.culture-Menu {
|
||||
background-color: #f1f1f1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture {
|
||||
background-color: #e8eef0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture .title {
|
||||
color: #002855;
|
||||
font-weight: 600;
|
||||
padding: 5% 0 3%;
|
||||
}
|
||||
.culture .punctuation {
|
||||
color: #ff9800;
|
||||
margin-left: 8px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.culture-Menu img {
|
||||
margin: auto;
|
||||
}
|
||||
.culture .Container {
|
||||
width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1339px) {
|
||||
.culture-Menu img {
|
||||
margin: auto;
|
||||
width: 27%;
|
||||
}
|
||||
.culture .Container {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
.culture .des {
|
||||
width: 90%;
|
||||
margin: 0 auto 2%;
|
||||
color: #002855;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture .line {
|
||||
width: 4.25%;
|
||||
height: 5px;
|
||||
background-color: #002855;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 2%;
|
||||
}
|
||||
.culture-l {
|
||||
width: 12%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
padding-right: 2%;
|
||||
line-height: 2em;
|
||||
padding-top: 2em;
|
||||
font-family: 'SourceHanSans-Light';
|
||||
font-weight: bold;
|
||||
color: #002855;
|
||||
}
|
||||
.culture-l span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #002855;
|
||||
right: -5px;
|
||||
top: 2.5em;
|
||||
}
|
||||
.culture-r {
|
||||
border-left: 1px solid #b0bbc7;
|
||||
width: 72%;
|
||||
float: left;
|
||||
padding-left: 7%;
|
||||
line-height: 2em;
|
||||
padding-top: 2em;
|
||||
font-family: 'SourceHanSans-Light';
|
||||
}
|
||||
.culture-Menu .Menu {
|
||||
margin-bottom: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture-Menu a {
|
||||
display: inline-block;
|
||||
border-radius: 2em;
|
||||
margin-left: 1%;
|
||||
color: #009fdf;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.culture-Menu .active {
|
||||
background-color: #002855;
|
||||
border: 2px solid #002855;
|
||||
color: #fff;
|
||||
}
|
||||
@media screen and (min-width: 480px) {
|
||||
.culture-Menu a {
|
||||
padding: 0.5% 2%;
|
||||
margin-right: 1%;
|
||||
border: 2px solid #009fdf;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 479px) {
|
||||
.culture-Menu a {
|
||||
padding: 0.5% 1.5%;
|
||||
margin-right: 0.5%;
|
||||
border: 1px solid #009fdf;
|
||||
}
|
||||
}
|
||||
|
||||
/*愿景与使命*/
|
||||
.culture_vision {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_vision .title {
|
||||
font-size: 2.25em;
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
text-align: center;
|
||||
padding-top: 4%;
|
||||
padding-bottom: 2%;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.culture_vision .left {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .center {
|
||||
width: 6.6%;
|
||||
}
|
||||
.culture_vision .right {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
font-size: 1.5em;
|
||||
color: #101010;
|
||||
line-height: 1.8em;
|
||||
margin-bottom: 2.8%;
|
||||
}
|
||||
.culture_vision .left p {
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
margin-left: 10%;
|
||||
text-align: left;
|
||||
}
|
||||
.culture_vision .right p {
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
margin-right: 10%;
|
||||
text-align: left;
|
||||
}
|
||||
.culture_vision .des {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.culture_vision .swt-Table {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_vision .left,
|
||||
.culture_vision .right {
|
||||
width: 100%;
|
||||
}
|
||||
.culture_vision p {
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
margin-top: 5%;
|
||||
}
|
||||
.culture_vision_02 {
|
||||
display: none;
|
||||
}
|
||||
.culture_vision_view {
|
||||
display: block;
|
||||
}
|
||||
.culture_vision .left p {
|
||||
margin-left: 5%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 769px) {
|
||||
.culture_vision_02 {
|
||||
display: block;
|
||||
}
|
||||
.culture_vision_view {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*文化与价值观*/
|
||||
.culture_new_banner {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
bottom: 32vw;
|
||||
text-align: center;
|
||||
}
|
||||
.culture_new_banner .title {
|
||||
font-size: 3em;
|
||||
line-height: 2.6em;
|
||||
}
|
||||
.culture_new_banner .des {
|
||||
font-size: 1.125em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
@media screen and (max-width: 1440px) {
|
||||
.culture_new_banner .title {
|
||||
font-size: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture_new_banner .des {
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_new_banner .des {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.culture_new_banner {
|
||||
bottom: 30vw;
|
||||
}
|
||||
.culture_new_banner .title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
.culture_new {
|
||||
width: 100%;
|
||||
}
|
||||
.culture_new .title {
|
||||
font-size: 2.25em;
|
||||
color: #333;
|
||||
padding: 4.5% 0 1%;
|
||||
font-weight: 600;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture_new .des {
|
||||
font-size: 1.125em;
|
||||
color: #737373;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.culture_new ul {
|
||||
margin-top: 3%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.culture_new li {
|
||||
width: 29.4%;
|
||||
padding: 1.5%;
|
||||
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
.culture_new li .list-title {
|
||||
color: #333333;
|
||||
font-size: 1.125em;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
.culture_new li .list-des {
|
||||
color: #737373;
|
||||
text-align: left;
|
||||
font-size: 0.875em;
|
||||
width: 92%;
|
||||
line-height: 1.8em;
|
||||
margin-bottom: 3%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.culture_new .R-margin {
|
||||
width: 1.4%;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
.culture_new_gray {
|
||||
width: 100%;
|
||||
background-color: #f5f5f5;
|
||||
padding: 2.8% 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_new_gray .center_bg {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_new_gray .left {
|
||||
width: 50.3%;
|
||||
float: left;
|
||||
}
|
||||
.culture_new_gray .right {
|
||||
width: 49.7%;
|
||||
float: right;
|
||||
}
|
||||
.culture_new_gray .content {
|
||||
width: 95%;
|
||||
margin: 3% 2% 3% 3%;
|
||||
}
|
||||
.culture_new_gray p {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.culture_new_gray p span {
|
||||
border-bottom: 2px solid #333;
|
||||
display: inline-block;
|
||||
}
|
||||
.culture_new_gray .title {
|
||||
font-size: 1.5em;
|
||||
color: #101010;
|
||||
line-height: 2em;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.culture_new_gray .subtitle {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
margin-bottom: 2.7%;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_new_gray .des {
|
||||
font-size: 0.875em;
|
||||
color: 737373;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 540px) {
|
||||
.culture_new .swt-Table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-top: 3.4%;
|
||||
margin-bottom: 4.5%;
|
||||
}
|
||||
.culture_new .swt-Table .Table-Row {
|
||||
display: table-row;
|
||||
}
|
||||
.culture_new .swt-Table .Table-Row .Table-Cell {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
padding-top: 1.3%;
|
||||
padding-bottom: 1.3%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 539px) {
|
||||
.culture_new li {
|
||||
width: 92%;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 5%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.culture_new .title {
|
||||
padding: 3% 0 2% 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_new_gray .right {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 2%;
|
||||
}
|
||||
.culture_new_gray .left {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 742px) {
|
||||
.culture_new_gray .right {
|
||||
margin-top: 0;
|
||||
}
|
||||
.culture_new_gray .right img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*我们会*/
|
||||
@media screen and (min-width: 1440px) {
|
||||
.culture_weweill {
|
||||
width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1339px) {
|
||||
.culture_weweill {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
.c_wewill_p {
|
||||
padding: 3% 0;
|
||||
}
|
||||
.culture_left {
|
||||
width: 31%;
|
||||
float: left;
|
||||
}
|
||||
.culture_left img {
|
||||
width: 100%;
|
||||
}
|
||||
.culture_r {
|
||||
position: relative;
|
||||
width: 65%;
|
||||
float: right;
|
||||
}
|
||||
.cu_img_t {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.font_color {
|
||||
color: #0e0e0e;
|
||||
font-weight: 600;
|
||||
}
|
||||
.cul_line {
|
||||
width: 40px;
|
||||
height: 3px;
|
||||
background: #0e0e0e;
|
||||
margin: 2% 0;
|
||||
}
|
||||
.cul_text {
|
||||
color: #868686;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1280px) {
|
||||
.culture_all {
|
||||
padding-top: 6%;
|
||||
position: absolute;
|
||||
}
|
||||
.cul_text {
|
||||
line-height: 2em;
|
||||
}
|
||||
.cul_text_p {
|
||||
padding-top: 3.5%;
|
||||
}
|
||||
.cul_font_01 {
|
||||
font-size: 2em;
|
||||
}
|
||||
.cul_text {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 900px) and (max-width: 1279px) {
|
||||
.culture_all {
|
||||
padding-top: 4%;
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
}
|
||||
.cul_text {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.cul_text_p {
|
||||
padding-top: 4%;
|
||||
}
|
||||
.cul_font_01 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.cul_text {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 899px) {
|
||||
.culture_all {
|
||||
padding-top: 5%;
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
}
|
||||
.cul_text {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.cul_text_p {
|
||||
padding-top: 3%;
|
||||
}
|
||||
.cul_font_01 {
|
||||
font-size: 2em;
|
||||
}
|
||||
.cul_text {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.culture_left {
|
||||
width: 99.5%;
|
||||
margin: 0 auto 2%;
|
||||
text-align: center;
|
||||
}
|
||||
.culture_all {
|
||||
}
|
||||
.cul_text {
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.cul_text_p {
|
||||
padding-top: 3%;
|
||||
}
|
||||
.cul_font_01 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.cul_text {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.culture_r {
|
||||
width: 99.5%;
|
||||
margin: auto;
|
||||
}
|
||||
.cu_img_t {
|
||||
display: none;
|
||||
}
|
||||
.cul_line {
|
||||
margin: 2% 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*新技术专研实力*/
|
||||
.wewill_bg {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.weweill_w {
|
||||
width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1399px) {
|
||||
.weweill_w {
|
||||
width: 98%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
.we_tech_img {
|
||||
padding: 3% 0;
|
||||
}
|
||||
.we_white {
|
||||
background: #fff;
|
||||
}
|
||||
.we_title {
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
padding-bottom: 3.5%;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
.we_tech_img {
|
||||
width: 32.53%;
|
||||
}
|
||||
.we_title,
|
||||
.we_change {
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
.we_tech_img {
|
||||
width: 98%;
|
||||
margin: 0 auto 2%;
|
||||
}
|
||||
.we_img_s {
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
}
|
||||
.we_title,
|
||||
.we_change {
|
||||
font-size: 1.5em;
|
||||
padding: 2% 0 5%;
|
||||
}
|
||||
}
|
||||
|
||||
.we_tech_img:last-child {
|
||||
margin-right: none;
|
||||
}
|
||||
.we_img_s {
|
||||
text-align: center;
|
||||
}
|
||||
.we_img_s img {
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.we_tech_title {
|
||||
font-size: 1.125em;
|
||||
text-align: center;
|
||||
padding: 3% 0;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.we_tech_text {
|
||||
font-size: 1em;
|
||||
text-align: left;
|
||||
width: 88%;
|
||||
margin: auto;
|
||||
color: #737373;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.we_tech_height {
|
||||
width: 1%;
|
||||
}
|
||||
.we_change_height {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.lj-tech-Table {
|
||||
display: table;
|
||||
}
|
||||
.lj-tech-Table .Table-Row {
|
||||
display: table-row;
|
||||
}
|
||||
.lj-tech-Table .Table-Row .Table-Cell {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
.we_change {
|
||||
text-align: center;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
padding-bottom: 2.5%;
|
||||
}
|
||||
.we_change_small {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.wewill_change_img {
|
||||
padding: 2% 0 0;
|
||||
}
|
||||
.wewill_change_img li img {
|
||||
width: 100%;
|
||||
}
|
||||
.wewill_change_img li {
|
||||
margin-right: 4%;
|
||||
text-align: center;
|
||||
}
|
||||
.wewill_change_img li h4 {
|
||||
text-align: center;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.wewill_change_img li h4 {
|
||||
font-size: 1.125em;
|
||||
padding: 6% 0 0;
|
||||
}
|
||||
.we_change_small {
|
||||
width: 60%;
|
||||
}
|
||||
.wewill_change_img li {
|
||||
width: 30.33%;
|
||||
float: left;
|
||||
}
|
||||
.wewill_change_img li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
.wewill_change_img li h4 {
|
||||
font-size: 1.2em;
|
||||
padding: 6% 0;
|
||||
}
|
||||
.we_change_small {
|
||||
width: 90%;
|
||||
}
|
||||
.wewill_change_img li {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.wewill_blame {
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
.we_blame_text {
|
||||
font-size: 0.9em;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/*我们是*/
|
||||
.weare_bg {
|
||||
background: #fff;
|
||||
}
|
||||
@media screen and (min-width: 1100px) {
|
||||
.weare_idea {
|
||||
width: 50%;
|
||||
padding: 2% 4%;
|
||||
float: left;
|
||||
}
|
||||
.weare_img_r {
|
||||
width: 38%;
|
||||
float: right;
|
||||
}
|
||||
.weare_text {
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
}
|
||||
.weare_c_all {
|
||||
line-height: 0.1em;
|
||||
padding: 3% 4.5% 5%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.weare_c_b {
|
||||
color: #101010;
|
||||
font-size: 2em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.weare_c_a {
|
||||
color: #737373;
|
||||
font-size: 2em;
|
||||
}
|
||||
.weare_p {
|
||||
margin: 0 2%;
|
||||
}
|
||||
|
||||
.weare_text p {
|
||||
padding: 1% 0;
|
||||
}
|
||||
@media (min-width: 900px) and (max-width: 1099px) {
|
||||
.weare_idea {
|
||||
width: 46%;
|
||||
padding: 2%;
|
||||
float: left;
|
||||
}
|
||||
.weare_idea h5 img {
|
||||
max-width: 70%;
|
||||
}
|
||||
.weare_img_r {
|
||||
width: 50%;
|
||||
float: right;
|
||||
}
|
||||
.weare_text {
|
||||
font-size: 1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 899px) {
|
||||
.weare_idea {
|
||||
width: 46%;
|
||||
padding: 2%;
|
||||
float: left;
|
||||
}
|
||||
.weare_idea h5 img {
|
||||
max-width: 60%;
|
||||
}
|
||||
.weare_img_r {
|
||||
width: 50%;
|
||||
float: right;
|
||||
}
|
||||
.weare_img_r img {
|
||||
width: 100%;
|
||||
}
|
||||
.weare_text {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.weare_idea {
|
||||
width: 96%;
|
||||
padding: 3% 2%;
|
||||
margin: auto;
|
||||
}
|
||||
.weare_idea h5 img {
|
||||
max-width: 50%;
|
||||
}
|
||||
.weare_img_r {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
.weare_img_r img {
|
||||
width: 100%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
.weare_text {
|
||||
font-size: 1em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
}
|
||||
|
||||
.weare_h {
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.weare_text {
|
||||
text-indent: 2em;
|
||||
}
|
||||
.weare_office {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
padding-bottom: 2%;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.weare_office_img {
|
||||
padding: 2% 0 0;
|
||||
}
|
||||
.weare_office_img li h4 {
|
||||
text-align: center;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.weare_office_img li h4 {
|
||||
font-size: 1.1em;
|
||||
padding: 6% 0 0;
|
||||
}
|
||||
.weare_office_img li {
|
||||
margin-right: 1.5%;
|
||||
text-align: center;
|
||||
}
|
||||
.we_change_small {
|
||||
width: 60%;
|
||||
}
|
||||
.weare_office_img li {
|
||||
width: 32.33%;
|
||||
float: left;
|
||||
}
|
||||
.weare_office_img li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.weare_office_img li img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
.weare_office_img li h4 {
|
||||
font-size: 1.2em;
|
||||
padding: 6% 0;
|
||||
}
|
||||
.we_change_small {
|
||||
width: 96%;
|
||||
}
|
||||
.weare_office_img li {
|
||||
margin: 2% auto;
|
||||
width: 96%;
|
||||
}
|
||||
.weare_office_img li img {
|
||||
margin-bottom: 2%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.weare_p {
|
||||
padding-top: 3%;
|
||||
}
|
||||
.weare_icon_title {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
padding: 5% 0;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
177
public/frontend/web/css/subject/culture111.css
Executable file
177
public/frontend/web/css/subject/culture111.css
Executable file
@@ -0,0 +1,177 @@
|
||||
.culture-Menu{background-color:#f1f1f1; overflow: hidden;}
|
||||
.culture{background-color:#e8eef0; overflow: hidden}
|
||||
.culture .title{color:#002855; font-weight: 600; padding:5% 0 3%;}
|
||||
.culture .punctuation{color:#ff9800; margin-left:8px; font-size: 1.25em;}
|
||||
@media screen and (min-width:1440px){
|
||||
.culture-Menu img{margin:auto;}
|
||||
.culture .Container{width:1440px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1339px){
|
||||
.culture-Menu img{margin:auto; width:27%;}
|
||||
.culture .Container{width:96%; margin:auto;}
|
||||
}
|
||||
.culture .des{width:90%; margin: 0 auto 2%; color:#002855; line-height: 2em}
|
||||
.culture .line{width:4.25%; height: 5px; background-color:#002855; overflow: hidden; margin:0 auto 2%;}
|
||||
.culture-l{width:12%; float: left; text-align: right; padding-right:2%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"; font-weight: bold;color:#002855;}
|
||||
.culture-l span{display: block; position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: #002855;right: -5px; top: 2.5em;}
|
||||
.culture-r{border-left:1px solid #b0bbc7; width:72%; float: left; padding-left:7%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"}
|
||||
.culture-Menu .Menu{margin-bottom:3%; overflow: hidden}
|
||||
.culture-Menu a{display:inline-block;border-radius:2em; margin-left:1%; color: #009fdf; text-decoration: none; cursor: pointer;}
|
||||
.culture-Menu .active{background-color:#002855; border:2px solid #002855; color:#FFF;}
|
||||
@media screen and (min-width:480px){
|
||||
.culture-Menu a{ padding:0.5% 2%; margin-right:1%; border:2px solid #009fdf;}
|
||||
}
|
||||
@media screen and (max-width:479px){
|
||||
.culture-Menu a{ padding:0.5% 1.5%; margin-right:0.5%; border:1px solid #009fdf;}
|
||||
}
|
||||
|
||||
|
||||
/*文化与价值观*/
|
||||
.culture_new{width:100%; }
|
||||
.culture_new .title{font-size: 2.25em; color:#101010; padding:4% 0 1%; font-weight: 600; line-height: 1.8em;}
|
||||
.culture_new .des{font-size: 1.125em; color:#737373; width:70%; margin:auto; line-height: 2em; }
|
||||
.culture_new ul{margin-top:3%; margin-bottom: 3%; }
|
||||
.culture_new li{width:29.4%; padding:1.5%; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);margin-bottom: 4%;}
|
||||
.culture_new li .list-title{color: #333333; font-size: 1.125em; text-align: center; padding-top:5%; padding-bottom: 2%;}
|
||||
.culture_new li .list-des{color: #737373; text-align: center; font-size: 0.875em; width:96%; line-height: 1.8em; margin-bottom: 3%; nargub-left:auto; margin-right: auto;}
|
||||
.culture_new .R-margin{width:1.4%; box-shadow: none; padding:0;}
|
||||
.culture_new_gray{width:100%; background-color:#f5f5f5; padding:2.8% 0; overflow: hidden;}
|
||||
.culture_new_gray .center_bg{background-color:#FFF; overflow: hidden;}
|
||||
.culture_new_gray .left{width:50.3%; float: left;}
|
||||
.culture_new_gray .right{width:49.7%; float: right;}
|
||||
.culture_new_gray .content{width:95%; margin:3% 2% 3% 3%;}
|
||||
.culture_new_gray p{display: inline-block; width:100%; margin:auto; }
|
||||
.culture_new_gray p span{border-bottom:2px solid #101010; display: inline-block;}
|
||||
.culture_new_gray .title{font-size: 1.375em; color:#101010; line-height: 2em; margin-bottom: 2%;}
|
||||
.culture_new_gray .subtitle{font-size: 1em; color:#737373; margin-bottom: 2%; line-height: 1.8em;}
|
||||
.culture_new_gray .des{font-size: 0.875em; color:737373; line-height: 1.8em;}
|
||||
|
||||
@media screen and (min-width:540px){
|
||||
.culture_new .swt-Table{display: table; width:100%; margin-top:4%; margin-bottom: 4.5%;}
|
||||
.culture_new .swt-Table .Table-Row{display: table-row;}
|
||||
.culture_new .swt-Table .Table-Row .Table-Cell{display: table-cell; text-align: center; padding-top:1.3%; padding-bottom: 1.3%;}
|
||||
}
|
||||
@media screen and (max-width:539px){
|
||||
.culture_new li{width:92%; text-align: center; padding-top:5%; padding-bottom: 5%; margin-left:auto; margin-right: auto;}
|
||||
.culture_new .title{padding:3% 0 2% 0;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.culture_new_gray .right{width:100%; text-align: center; margin-top:2%;}
|
||||
.culture_new_gray .left{width:96%; margin:auto;}
|
||||
|
||||
}
|
||||
@media screen and (max-width:742px){
|
||||
.culture_new_gray .right{margin-top:0;}
|
||||
.culture_new_gray .right img{width:100%;}
|
||||
}
|
||||
/*我们会*/
|
||||
@media screen and (min-width:1516px){
|
||||
.culture_weweill {width:1516px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1515px){
|
||||
.culture_weweill {width:96%; margin:auto;}
|
||||
}
|
||||
.c_wewill_p {padding: 3% 0;}
|
||||
.culture_left {width:31%; float: left;}
|
||||
.culture_left img {width:100%;}
|
||||
.culture_r {position: relative;width:65%; float: right;}
|
||||
.cu_img_t {text-align:right; position: absolute;right: 0;top:0;}
|
||||
.font_color {color:#0e0e0e;}
|
||||
.cul_line {width:40px; height: 3px; background: #0e0e0e; margin: 2% 0;}
|
||||
.cul_text {color: #868686; width:90%;}
|
||||
|
||||
|
||||
@media screen and (min-width:1280px){
|
||||
.culture_all {padding-top:6%;position: absolute;}
|
||||
.cul_text {line-height:2em;}
|
||||
.cul_text_p {padding-top:7%;}
|
||||
.cul_font_01 { font-size: 2.25em;}
|
||||
.cul_text {font-size: 1.1em;}
|
||||
}
|
||||
|
||||
@media (min-width:900px) and (max-width:1279px){
|
||||
.culture_all {padding-top:4%;position: absolute; left:2%;}
|
||||
.cul_text {line-height:1.5em;}
|
||||
.cul_text_p {padding-top:4%;}
|
||||
.cul_font_01 { font-size: 1.5em;}
|
||||
.cul_text {font-size: 1.1em;}
|
||||
}
|
||||
|
||||
@media (min-width:768px) and (max-width:899px){
|
||||
.culture_all {padding-top:5%;position: absolute; left:2%;}
|
||||
.cul_text {line-height:1.5em;}
|
||||
.cul_text_p {padding-top:3%;}
|
||||
.cul_font_01 { font-size: 1.5em;}
|
||||
.cul_text {font-size: 0.9em;}
|
||||
}
|
||||
|
||||
@media (max-width:767px){
|
||||
.culture_left {width:99.5%; margin:0 auto 2%; text-align: center;}
|
||||
.culture_all {}
|
||||
.cul_text {line-height:1.8em;}
|
||||
.cul_text_p {padding-top:3%;}
|
||||
.cul_font_01 { font-size: 1.2em;}
|
||||
.cul_text {font-size: 0.9em;}
|
||||
.culture_r { width:99.5%; margin: auto;}
|
||||
.cu_img_t {display: none;}
|
||||
.cul_line{margin: 1% 0;}
|
||||
}
|
||||
|
||||
/*新技术专研实力*/
|
||||
.wewill_bg {background: #f1f1f1;}
|
||||
@media screen and (min-width:1440px){
|
||||
.weweill_w {width:1440px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.weweill_w {width:98%; margin:auto;}
|
||||
}
|
||||
.we_tech_img {padding: 3% 0; }
|
||||
.we_white {background: #fff;}
|
||||
.we_title { text-align: center; color: #101010; font-weight: 600; padding-bottom: 5%;}
|
||||
@media screen and (min-width:768px){
|
||||
.we_tech_img {width:32.53%; }
|
||||
.we_title,.we_change {font-size:2.25em;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.we_tech_img {width:98%; margin:0 auto 2%;}
|
||||
.we_img_s { text-align: center; width:90%; margin:auto; }
|
||||
.we_title,.we_change {font-size:1.5em; padding: 2% 0 5%;}
|
||||
}
|
||||
|
||||
.we_tech_img:last-child{margin-right: none;}
|
||||
.we_img_s { text-align: center; }
|
||||
.we_img_s img {max-width:100%; text-align: center;}
|
||||
.we_tech_title{ font-size: 1.125em; text-align: center; padding: 3% 0 2%; font-weight: 600;color: #333;}
|
||||
.we_tech_text {font-size: 0.9em; text-align: center; width:88%; margin: auto;}
|
||||
|
||||
.we_tech_height {width:1%;}
|
||||
.we_change_height {width:15%;}
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.lj-tech-Table{display: table;}
|
||||
.lj-tech-Table .Table-Row{display: table-row;}
|
||||
.lj-tech-Table .Table-Row .Table-Cell{display: table-cell;}
|
||||
}
|
||||
.we_change { text-align: center; color: #101010; font-weight: 600; padding-bottom: 2%;}
|
||||
.we_change_small { margin: auto; text-align: center; font-size: 1.1em;color: #737373; line-height: 1.8em;}
|
||||
.wewill_change_img { padding: 2% 0 0;}
|
||||
.wewill_change_img li img {width:100%;}
|
||||
.wewill_change_img li{ margin-right:4%;text-align: center;}
|
||||
.wewill_change_img li h4 { text-align: center;color: #333; }
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.wewill_change_img li h4{font-size:1.1em;padding: 6% 0 0;}
|
||||
.we_change_small {width:60%;}
|
||||
.wewill_change_img li{width:30.33%; float: left; }
|
||||
.wewill_change_img li:last-child {margin-right: 0;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.wewill_change_img li h4{font-size:1.2em;padding: 6% 0;}
|
||||
.we_change_small {width:90%;}
|
||||
.wewill_change_img li{width:90%; margin: auto; text-align: center;}
|
||||
|
||||
}
|
||||
|
||||
.wewill_blame {padding-bottom: 3%;}
|
||||
.we_blame_text {font-size: 0.9em; text-align: center; width:80%; margin: auto;}
|
||||
|
||||
140
public/frontend/web/css/subject/culture原.css
Executable file
140
public/frontend/web/css/subject/culture原.css
Executable file
@@ -0,0 +1,140 @@
|
||||
.culture-Menu{background-color:#f1f1f1; overflow: hidden;}
|
||||
.culture{background-color:#e8eef0; overflow: hidden}
|
||||
.culture .title{color:#002855; font-weight: 600; padding:5% 0 3%;}
|
||||
.culture .punctuation{color:#ff9800; margin-left:8px; font-size: 1.25em;}
|
||||
@media screen and (min-width:1440px){
|
||||
.culture-Menu img{margin:auto;}
|
||||
.culture .Container{width:1440px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1339px){
|
||||
.culture-Menu img{margin:auto; width:27%;}
|
||||
.culture .Container{width:96%; margin:auto;}
|
||||
}
|
||||
.culture .des{width:90%; margin: 0 auto 2%; color:#002855; line-height: 2em}
|
||||
.culture .line{width:4.25%; height: 5px; background-color:#002855; overflow: hidden; margin:0 auto 2%;}
|
||||
.culture-l{width:12%; float: left; text-align: right; padding-right:2%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"; font-weight: bold;color:#002855;}
|
||||
.culture-l span{display: block; position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: #002855;right: -5px; top: 2.5em;}
|
||||
.culture-r{border-left:1px solid #b0bbc7; width:72%; float: left; padding-left:7%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"}
|
||||
.culture-Menu .Menu{margin-bottom:3%; overflow: hidden}
|
||||
.culture-Menu a{display:inline-block;border-radius:2em; margin-left:1%; color: #009fdf; text-decoration: none; cursor: pointer;}
|
||||
.culture-Menu .active{background-color:#002855; border:2px solid #002855; color:#FFF;}
|
||||
@media screen and (min-width:480px){
|
||||
.culture-Menu a{ padding:0.5% 2%; margin-right:1%; border:2px solid #009fdf;}
|
||||
}
|
||||
@media screen and (max-width:479px){
|
||||
.culture-Menu a{ padding:0.5% 1.5%; margin-right:0.5%; border:1px solid #009fdf;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*我们会*/
|
||||
@media screen and (min-width:1516px){
|
||||
.culture_weweill {width:1516px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1515px){
|
||||
.culture_weweill {width:96%; margin:auto;}
|
||||
}
|
||||
.c_wewill_p {padding: 3% 0;}
|
||||
.culture_left {width:31%; float: left;}
|
||||
.culture_left img {width:100%;}
|
||||
.culture_r {position: relative;width:65%; float: right;}
|
||||
.cu_img_t {text-align:right; position: absolute;right: 0;top:0;}
|
||||
.font_color {color:#0e0e0e;}
|
||||
.cul_line {width:40px; height: 3px; background: #0e0e0e; margin: 2% 0;}
|
||||
.cul_text {color: #868686; width:90%;}
|
||||
|
||||
|
||||
@media screen and (min-width:1280px){
|
||||
.culture_all {padding-top:6%;position: absolute;}
|
||||
.cul_text {line-height:2em;}
|
||||
.cul_text_p {padding-top:7%;}
|
||||
.cul_font_01 { font-size: 2.25em;}
|
||||
.cul_text {font-size: 1.1em;}
|
||||
}
|
||||
|
||||
@media (min-width:900px) and (max-width:1279px){
|
||||
.culture_all {padding-top:4%;position: absolute; left:2%;}
|
||||
.cul_text {line-height:1.5em;}
|
||||
.cul_text_p {padding-top:4%;}
|
||||
.cul_font_01 { font-size: 1.5em;}
|
||||
.cul_text {font-size: 1.1em;}
|
||||
}
|
||||
|
||||
@media (min-width:768px) and (max-width:899px){
|
||||
.culture_all {padding-top:5%;position: absolute; left:2%;}
|
||||
.cul_text {line-height:1.5em;}
|
||||
.cul_text_p {padding-top:3%;}
|
||||
.cul_font_01 { font-size: 1.5em;}
|
||||
.cul_text {font-size: 0.9em;}
|
||||
}
|
||||
|
||||
@media (max-width:767px){
|
||||
.culture_left {width:99.5%; margin:0 auto 2%; text-align: center;}
|
||||
.culture_all {}
|
||||
.cul_text {line-height:1.8em;}
|
||||
.cul_text_p {padding-top:3%;}
|
||||
.cul_font_01 { font-size: 1.2em;}
|
||||
.cul_text {font-size: 0.9em;}
|
||||
.culture_r { width:99.5%; margin: auto;}
|
||||
.cu_img_t {display: none;}
|
||||
.cul_line{margin: 1% 0;}
|
||||
}
|
||||
|
||||
/*新技术专研实力*/
|
||||
.wewill_bg {background: #f1f1f1;}
|
||||
@media screen and (min-width:1440px){
|
||||
.weweill_w {width:1440px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.weweill_w {width:98%; margin:auto;}
|
||||
}
|
||||
.we_tech_img {padding: 3% 0; }
|
||||
.we_white {background: #fff;}
|
||||
.we_title { text-align: center; color: #101010; font-weight: 600; padding-bottom: 5%;}
|
||||
@media screen and (min-width:768px){
|
||||
.we_tech_img {width:32.53%; }
|
||||
.we_title,.we_change {font-size:2.25em;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.we_tech_img {width:98%; margin:0 auto 2%;}
|
||||
.we_img_s { text-align: center; width:90%; margin:auto; }
|
||||
.we_title,.we_change {font-size:1.5em; padding: 2% 0 5%;}
|
||||
}
|
||||
|
||||
.we_tech_img:last-child{margin-right: none;}
|
||||
.we_img_s { text-align: center; }
|
||||
.we_img_s img {max-width:100%; text-align: center;}
|
||||
.we_tech_title{ font-size: 1.125em; text-align: center; padding: 3% 0 2%; font-weight: 600;color: #333;}
|
||||
.we_tech_text {font-size: 0.9em; text-align: center; width:88%; margin: auto;}
|
||||
|
||||
.we_tech_height {width:1%;}
|
||||
.we_change_height {width:15%;}
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.lj-tech-Table{display: table;}
|
||||
.lj-tech-Table .Table-Row{display: table-row;}
|
||||
.lj-tech-Table .Table-Row .Table-Cell{display: table-cell;}
|
||||
}
|
||||
.we_change { text-align: center; color: #101010; font-weight: 600; padding-bottom: 2%;}
|
||||
.we_change_small { margin: auto; text-align: center; font-size: 1.1em;color: #737373; line-height: 1.8em;}
|
||||
.wewill_change_img { padding: 2% 0 0;}
|
||||
.wewill_change_img li img {width:100%;}
|
||||
.wewill_change_img li{ margin-right:4%;text-align: center;}
|
||||
.wewill_change_img li h4 { text-align: center;color: #333; }
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.wewill_change_img li h4{font-size:1.1em;padding: 6% 0 0;}
|
||||
.we_change_small {width:60%;}
|
||||
.wewill_change_img li{width:30.33%; float: left; }
|
||||
.wewill_change_img li:last-child {margin-right: 0;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.wewill_change_img li h4{font-size:1.2em;padding: 6% 0;}
|
||||
.we_change_small {width:90%;}
|
||||
.wewill_change_img li{width:90%; margin: auto; text-align: center;}
|
||||
|
||||
}
|
||||
|
||||
.wewill_blame {padding-bottom: 3%;}
|
||||
.we_blame_text {font-size: 0.9em; text-align: center; width:80%; margin: auto;}
|
||||
|
||||
23
public/frontend/web/css/subject/decennial.css
Executable file
23
public/frontend/web/css/subject/decennial.css
Executable file
@@ -0,0 +1,23 @@
|
||||
.ten_title{font-size: 3.125em; padding-top:4.8vw; padding-bottom: 3.5vw;}
|
||||
.ten_subtitle{font-size: 2.375em; padding-bottom: 1.2vw;}
|
||||
.ten_des{width:54%; margin:auto; font-size: 1.125em; line-height: 1.5em;}
|
||||
@media screen and (max-width:1440px){
|
||||
.ten_title{font-size: 2.5em; line-height: 1.25em;}
|
||||
.ten_subtitle{font-size:1.875em; line-height: 1em;}
|
||||
.ten_des{width:64%;}
|
||||
}
|
||||
@media screen and (max-width:1080px){
|
||||
.ten_des{width:84%;}
|
||||
}
|
||||
.ten_02_bg{overflow: hidden; background:#f7fbfe url("../../images/decennial/ten_02_bg.jpg") 100% 100% no-repeat;}
|
||||
.ten_02{width:100%; }
|
||||
|
||||
.ten_three{padding-top:3.5vw; padding-bottom: 3vw; width:100%; background:url("../../images/decennial/ten03_bg.jpg") 100% 100% no-repeat;}
|
||||
.ten_four{width:98%; left:1%; right:1%; top:1.8vw; overflow: hidden;}
|
||||
.ten_four li{width:14.2857142857143%; float:left; font-size: 1.25em;}
|
||||
.ten_six{width:100%; margin-top:1.5vw;}
|
||||
.ten_six li{width:32.84%; margin-right: 0.74%; float: left;}
|
||||
.ten_six li:last-child{margin-right: 0;}
|
||||
.ten_four_line{widht:100%; background-color:#e5e5e5; height: 1px; margin-top:1vw; }
|
||||
|
||||
.ten_video{width:42%; margin:1.5vw auto 0; max-width:799px;}
|
||||
237
public/frontend/web/css/subject/distributor.css
Executable file
237
public/frontend/web/css/subject/distributor.css
Executable file
@@ -0,0 +1,237 @@
|
||||
.distributor_bg_black{background-color:#1e1e1e; overflow: hidden; width:100%; padding-top:6vw; padding-bottom: 6vw;}
|
||||
.distributor_bg_gray{background-color:#f1f1f1; overflow: hidden; width:100%; padding-top:4vw; padding-bottom: 4.2vw;}
|
||||
.distributor_bg_white{background-color:#FFFFFF; overflow: hidden; width:100%; padding-top:0vw; padding-bottom: 0vw;}
|
||||
.distributor_bg_black02{background-color:#1e1e1e; overflow: hidden; width:100%; padding-top:3.2vw; padding-bottom: 2.5vw;}
|
||||
.distributor_title{font-size: 2.25em; font-weight: 600; line-height: 2em;}
|
||||
@media screen and (max-width:768px){
|
||||
.distributor_title{font-size: 1.8em;}
|
||||
}
|
||||
.distributor_subtitle{font-size: 1.5em;}
|
||||
.distributor_des{font-size: 1.125em; }
|
||||
.distributor_text_white{color:#ffffff;}
|
||||
.distributor_text_black{color:#333;}
|
||||
.distributor_text_gray{color:#737373;}
|
||||
|
||||
/*第二屏*/
|
||||
.distributor_two {background-color:#009fdf; overflow: hidden; padding-top:5vw; padding-bottom: 5vw;}
|
||||
.distributor_two .title{font-size: 1.5em;}
|
||||
.distributor_two .des{font-size: 1.125em; margin-top:2vw; line-height: 1.5em;}
|
||||
.distributor_two .left{width:12.3%; float: left; margin-left:16%; margin-right: 8%}
|
||||
.distributor_two .right{width:58%; float: left;}
|
||||
.distributor_two span{border-bottom: 4px solid #fefeff; padding-bottom:0.8vw; }
|
||||
@media screen and (min-width:641px){
|
||||
.distributor_two .swt-Table{width:86%; margin:auto; display: table; }
|
||||
.distributor_two .Table-Row{display: table-row;}
|
||||
.distributor_two .swt-Table-border-b{border-top: 1px solid #fefeff; }
|
||||
.distributor_two .swt-Table-border-r{border-right:1px solid #fefeff;}
|
||||
.distributor_two .swt-Table .Table-Row .Table-Cell{display: table-cell; width:49%; color:#fefeff; vertical-align: top;}
|
||||
}
|
||||
.distributor_two .m-top{margin-top:6%;}
|
||||
.distributor_two .m-bottom{margin-bottom:6%;}
|
||||
@media screen and (max-width:1480px){
|
||||
.distributor_two .swt-Table{width:90%; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1366px){
|
||||
.distributor_two .left{margin-left:12%; margin-right: 6%}
|
||||
.distributor_two .right{width:64%;}
|
||||
}
|
||||
@media screen and (max-width:1240px){
|
||||
.distributor_two .left{margin-left:8%; margin-right: 4%}
|
||||
.distributor_two .right{width:70%;}
|
||||
}
|
||||
@media screen and (max-width:1079px){
|
||||
.distributor_two .swt-Table{width:96%; margin:auto;}
|
||||
.distributor_two .left{margin-left:4%; margin-right: 2%}
|
||||
.distributor_two .right{width:80%;}
|
||||
}
|
||||
@media screen and (max-width:840px){
|
||||
.distributor_two .title{font-size: 1.2em;}
|
||||
.distributor_two .des{font-size: 1em;}
|
||||
}
|
||||
@media screen and (max-width:640px){
|
||||
.distributor_two .swt-Table{width:100%; overflow: hidden;}
|
||||
.distributor_two .swt-Table .Table-Cell{width:100%; overflow: hidden;}
|
||||
.distributor_two .swt-Table{color:#FFF;}
|
||||
.distributor_two .left{width:5%;margin-left:4%; margin-right: 2%}
|
||||
.distributor_two .right{width:80%;}
|
||||
.distributor_two .m-top{margin-top:0; margin-bottom: 6%;}
|
||||
.distributor_two {padding-bottom: 0;}
|
||||
}
|
||||
/*售后*/
|
||||
.distributor_faq, .distributor_odm{background-color: #1e1e1e; overflow: hidden;}
|
||||
.distributor_faq .one{position: absolute; bottom:0; width:100%}
|
||||
.distributor_faq .one .bg_black{background-color:#1e1e1e; overflow: hidden; }
|
||||
.distributor_faq .one .content{margin:5% 7% 2.5%; position: relative;}
|
||||
.distributor_faq .one .content .line{width:73%; height: 1px; background-color:rgba(255,255,255,0.24); position: absolute; top:0px; right:0px; margin-top:4px;}
|
||||
.distributor_faq .one .margin-t{margin-top:1vw;}
|
||||
.distributor_faq .one .contents{background-color:#1e1e1e; overflow: hidden;}
|
||||
.distributor_faq .one li{width:36%; float: left; padding:4% 7%;}
|
||||
@media screen and (max-width:640px){
|
||||
.distributor_faq .one{position: relative; top:0; width:100%;}
|
||||
.distributor_faq .one .content .line{display: none;}
|
||||
.distributor_faq .one li{width:92%; float: left; padding:4% 6%;}
|
||||
}
|
||||
/*odm定制流程*/
|
||||
.distributor_odm{padding-top:5%; padding-bottom: 3%;}
|
||||
.distributor_odm .line{width:100%; height: 1px; background-color:rgba(255,255,255,0.24); position: relative; }
|
||||
.distributor_odm .title{top:50%; margin-top:-1em; line-height: 2em; height: 2em; display: inline-block; padding-left:3%; padding-right: 3%; background-color:#1e1e1e;}
|
||||
|
||||
.distributor_odm .content { width:88%; margin: 2% auto 0; padding: 3% 0 2%; overflow: hidden;}
|
||||
.distributor_odm .content li {float: left; width:13.3%;}
|
||||
.distributor_odm .content li:nth-child(2n){width:14.6%; text-align: center; }
|
||||
.distributor_odm p{margin-bottom: 0.7vw;}
|
||||
.distributor_odm .contents{width:100%;}
|
||||
.distributor_odm .contents li{width:16%; margin-left:3%; margin-right: 6%; float: left; text-align: center; line-height: 1.8em;}
|
||||
@media screen and (max-width:768px){
|
||||
.distributor_odm .contents li{width:20%; margin-left:1%; margin-right: 4%;}
|
||||
.distributor_odm .line{background-color:transparent;}
|
||||
.distributor_odm{border-top:1px solid rgba(255,255,255,0.1);}
|
||||
}
|
||||
@media screen and (max-width:640px){
|
||||
.distributor_odm .content{display: none;}
|
||||
.distributor_odm .title{position: relative; background-color:transparent; overflow: hidden;}
|
||||
.distributor_odm .contents {margin-top:5%;}
|
||||
.distributor_odm .contents {width:90%; margin:5% auto;}
|
||||
.distributor_odm .contents li{width:90%; text-align: left; margin:auto; overflow: hidden;}
|
||||
.distributor_odm p{display: inline-block;}
|
||||
.distributor_odm{padding-top:10%; padding-bottom: 3%;}
|
||||
}
|
||||
/*合作客户*/
|
||||
.distributor_Cooperation{background-color:#fafafa; overflow: hidden; width:100%; padding-top:3%; padding-bottom: 3.5%;}
|
||||
.distributor_Cooperation li {width:24.1%; float: left; margin-bottom: 1%; margin-right: 1.2%; }
|
||||
.distributor_Cooperation li img{box-shadow: 0px 1px 5px rgba(0,0,0,0.1); max-width:100%;}
|
||||
.distributor_Cooperation li:nth-child(4n){margin-right: 0;}
|
||||
@media screen and (max-width:640px){
|
||||
.distributor_Cooperation li {width:49%; float: left; margin-bottom: 1%; margin-right: 2%; }
|
||||
.distributor_Cooperation li:nth-child(2n){margin-right: 0;}
|
||||
}
|
||||
.distributor_Cooperation ul{margin-top:2.5%;}
|
||||
/*八大生产线*/
|
||||
.distributor_Beltline{background-color:#f1f1f1; overflow: hidden; width:100%; padding-top:3%; padding-bottom: 1%;}
|
||||
.distributor_Beltline li{width:32%; margin-right:1.5%; float: left; margin-bottom: 1.5%;}
|
||||
@media screen and (min-width:768px){
|
||||
.distributor_Beltline li:nth-child(3n){margin-right: 0;}
|
||||
}
|
||||
.distributor_Beltline img{box-shadow: 5px 5px 10px rgba(0,0,0,0.2); margin-bottom: 5%;}
|
||||
@media screen and (max-width:1480px){
|
||||
.distributor_Beltline img{width:100%;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.distributor_Beltline li{width:49%; margin-right: 2%;}
|
||||
.distributor_Beltline li:nth-child(2n){margin-right: 0;}
|
||||
}
|
||||
.distributor_Beltline p{text-align: center; margin-top:2%;}
|
||||
.distributor_Beltline li p:last-child{margin-bottom:5%;}
|
||||
.distributor_Beltline ul{margin-top:3%;}
|
||||
/*大数据时代*/
|
||||
.distributor_Big_Data{background-color:#f1f1f1; overflow: hidden; width:100%; }
|
||||
.distributor_Big_Data .content{margin-top:3%; margin-bottom: 4%;}
|
||||
.distributor_Big_Data .swt-Table {margin-top:1%;}
|
||||
.distributor_Big_Data .swt-Table .left{width:49.5%;}
|
||||
.distributor_Big_Data .swt-Table .center{width:1%;}
|
||||
.distributor_Big_Data .bg_black{background-color:#1e1e1e; overflow: hidden; color:#FFF; padding:4% 4% 2% 7%; }
|
||||
.distributor_Big_Data p{margin-bottom: 2.3%;}
|
||||
@media screen and (max-width:768px){
|
||||
.distributor_Big_Data .swt-Table .left{width:98%; margin-left:auto; margin-right: auto; }
|
||||
.distributor_Big_Data .swt-Table .center{display: none;}
|
||||
.distributor_Big_Data .swt-Table {margin-top:0;}
|
||||
}
|
||||
@media screen and (max-width:640px){
|
||||
.distributor_Big_Data .swt-Table .left{width:100%;}
|
||||
.distributor_Big_Data .swt-Table {margin-top:0;}
|
||||
}
|
||||
.distributor_Big_Data .distributor_des{margin-bottom:3%;}
|
||||
/*大记事*/
|
||||
.distributor_Chronicle{width:100%; background-color: #222222; overflow: hidden; padding-top:3%; padding-bottom: 4%;}
|
||||
.distributor_Chronicle .Chronicle{margin-top:3%;}
|
||||
.distributor_Chronicle .Chronicle-l{width:12%; float: left; text-align: center; padding-right:2%; line-height: 3em; height: 3em; font-weight: bold;color:#FFFFFF; font-size: 1.5em;}
|
||||
.distributor_Chronicle .Chronicle-l span{display: block; position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: #FFFFFF;right: -5px; top: 50%; margin-top:-5px;}
|
||||
.distributor_Chronicle .Chronicle-r{border-left:1px solid #484848; width:72%; float: left; padding-left:7%; height: 3em; padding-top:1.2em; color: #FFFFFF; font-size: 1.125em; line-height: 1.8em;}
|
||||
.Chronicle-2015{padding-bottom: 2%;}
|
||||
@media screen and (max-width:1080px){
|
||||
.distributor_Chronicle .Chronicle-r{height: 4em;}
|
||||
.Chronicle-2015{padding-bottom: 4%;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.distributor_Chronicle .Chronicle-r{height: 6em;}
|
||||
.Chronicle-2015{padding-bottom: 6%;}
|
||||
}
|
||||
@media screen and (max-width:383px){
|
||||
.distributor_Chronicle .Chronicle-l{width:16%;}
|
||||
.Chronicle-2015{padding-bottom: 18%;}
|
||||
}
|
||||
/*招商*/
|
||||
.distributor_Attract{width:100%; background-color:#1d1d1d; overflow: hidden; padding-top:3%; padding-bottom: 4%;}
|
||||
|
||||
.distributor_Attract .list{width:100%; margin-top:2.2%; margin-bottom: 0; overflow: hidden;}
|
||||
.distributor_Attract .list li{width:22%; float: left; margin-right:4%; background-color:#FFF; border-radius: 5px; padding-top:4%; padding-bottom: 4%; text-align: center; }
|
||||
.distributor_Attract .list li:last-child{margin:0px;}
|
||||
.distributor_Attract .des_text{color:#1e1e1e; font-size: 1.875em; text-align: center; width:90%; margin:9% auto 0; line-height: 1.3em; height: 3.9em;}
|
||||
@media screen and (max-width:1280px){
|
||||
.distributor_Attract .list img{width:60%; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.distributor_Attract .list li{width:48%; margin-right: 4%; margin-bottom: 4%;}
|
||||
.distributor_Attract .list li:nth-child(2n){margin-right: 0;}
|
||||
}
|
||||
/*投资*/
|
||||
.distributor_Investment{margin-bottom: 1vw;}
|
||||
.distributor_Investment .bg_white, .distributor_Investment .bg_white_01{background-color:#FFF; width:49.5%; padding: 1.8vw 2.7vw 2.4vw; color:#333;}
|
||||
.distributor_Investment .bg_black, .distributor_Investment .bg_black_01{background-color:#1e1e1e; width:49.5%; padding: 1.8vw 2.7vw 2.4vw; color:#FFFFFF;}
|
||||
|
||||
.distributor_Investment .distributor_title{margin-bottom: 2%;}
|
||||
.distributor_Investment .distributor_subtitle{margin-bottom: 2%;}
|
||||
.distributor_Investment .center{width:1%;}
|
||||
|
||||
.distributor_Investment .distributor_subtitle{line-height: 2em;}
|
||||
.distributor_Investment .distributor_des {line-height: 1.5em;}
|
||||
@media screen and (min-width:768px){
|
||||
.distributor_Investment .Swt-Table{display: table; width:100%; margin-top:1vw;}
|
||||
.distributor_Investment .Swt-Table .Table-Row{display: table-row;}
|
||||
.distributor_Investment .Swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; }
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.distributor_Investment .bg_white_01{background-color:#1e1e1e; color:#FFFFFF; padding: 4%; }
|
||||
.distributor_Investment .bg_black_01{background-color:#FFF; color:#333; padding: 4%; }
|
||||
.distributor_Investment .bg_white, .distributor_Investment .bg_white_01, .distributor_Investment .bg_black, .distributor_Investment .bg_black_01{width:90%; margin:auto;}
|
||||
}
|
||||
/*加盟*/
|
||||
.distributor_join{overflow: hidden;}
|
||||
.distributor_join ul{width:100%;}
|
||||
.distributor_join li{width:32%; margin-right: 2%; float: left; margin-bottom: 2%; position: relative; margin-top:2%}
|
||||
@media screen and (min-width:768px){
|
||||
.distributor_join li:nth-child(3n){margin-right: 0;}
|
||||
}
|
||||
.distributor_join .left{width:24%; float: left; text-align: center;}
|
||||
.distributor_join .right{width:76%; float: left;}
|
||||
.distributor_join .title{font-size: 1.5em; color:#FFF; font-weight: 100; display: block; margin-top:42%; }
|
||||
.distributor_join .subtitle{font-size: 1.125em; color:rgba(255,255,255,0.6); display: block; margin-top:5%;}
|
||||
@media screen and (max-width:1344px){
|
||||
.distributor_join .title{font-size: 1.2em; line-height:1.8em}
|
||||
|
||||
}
|
||||
@media screen and (max-width:990px){
|
||||
.distributor_join .left{position: absolute; top:0; width:40%; margin-top:-1.9em;}
|
||||
.distributor_join .title{line-height:1.8em}
|
||||
.distributor_join .subtitle{line-height: 1.6em;}
|
||||
.distributor_join .right{width:100%;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.distributor_join li{width:49%; margin-right: 2%;}
|
||||
.distributor_join li:nth-child(2n){margin-right: 0;}
|
||||
}
|
||||
/*联系方式*/
|
||||
.distributor_contact .banner img{width:100%;}
|
||||
|
||||
.distributor_contact ul{width:100%;overflow: hidden;}
|
||||
.distributor_contact .service{width:90%; margin:2% auto 3%; overflow: hidden;}
|
||||
.distributor_contact .title{font-size: 2.25em; font-weight: 600; color:#333; text-align: left; line-height: 2em;}
|
||||
.distributor_contact .subtitle{font-size:1.5em ;color:#333333; line-height: 2em; margin-top:0.3vw; }
|
||||
.distributor_contact .des{font-size:1em; color:#737373; line-height: 1em; margin-top:0.8vw;}
|
||||
.distributor_contact ul li{width:49%; float: left; margin-bottom: 2%; margin-right: 2%;}
|
||||
.distributor_contact ul li:nth-child(2n){margin-right: 0;}
|
||||
.distributor_contact span{display: block; margin-bottom: 0.8vw; line-height: 1.5em}
|
||||
.distributor_contact span:last-child{margin-bottom: 0;}
|
||||
@media screen and (max-width:640px){
|
||||
.distributor_contact ul li{width:100%; clear: both;}
|
||||
}
|
||||
109
public/frontend/web/css/subject/fan.css
Executable file
109
public/frontend/web/css/subject/fan.css
Executable file
@@ -0,0 +1,109 @@
|
||||
.subject_title{line-height:1.2em; }
|
||||
.subject_subtitle{line-height: 1.6em;}
|
||||
.subject_des{line-height: 1.6em;}
|
||||
|
||||
.Fan_03_buy{width:100%; text-align: center;}
|
||||
/*第一屏*/
|
||||
.fan_01{position: absolute; width:100%; color:#000000; top:23%; font-size: 2em}
|
||||
.fan_01 .title{font-size: 2.125em; line-height: 2.2em; width:60%; margin-left:15%;}
|
||||
.fan_01 .text{font-size: 1em; width:60%; margin-left:15%;}
|
||||
@media screen and (max-width:1440px){
|
||||
.fan_01{font-size: 1.5em}
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.fan_01{top:12%;}
|
||||
.fan_01 .title{width:70%; margin-left:0%;}
|
||||
.fan_01 .text{width:70%; margin-left:0%;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.fan_01{font-size: 1em; top:30%; left:5%;}
|
||||
.fan_01 .title{line-height: 1.2em;}
|
||||
}
|
||||
|
||||
/*第二屏*/
|
||||
.Fan_02{color:#333;}
|
||||
|
||||
/*第三屏*/
|
||||
.Fan_03{position: relative; background-color:#f2f2f2; overflow: hidden; padding-bottom: 1vw;}
|
||||
.Fan_03 .all_content{position: absolute; left:0; width:100%; color:#333; top:11vw;}
|
||||
.Fan_03 .all_text{width:40%; margin-left:60%;}
|
||||
.Fan_03 .subject_title{line-height:1.2em; }
|
||||
.Fan_03 .subject_subtitle{margin-top:1vw;}
|
||||
.Fan_03 .subject_des{margin-top:2.5vw;}
|
||||
.Fan_03 .all_product{position: relative; left:0; width:100%; top:-4.5vw;}
|
||||
.Fan_03 li{width:49%; margin-right:2%; float: left; border-top:5px solid #c2d600; position: relative;}
|
||||
.Fan_03 li:last-child{margin-right:0;}
|
||||
.Fan_03 .product{position: absolute; width:50%; left:9%; bottom:36%; color:#333;}
|
||||
.Fan_03 .product .title{font-size: 1.75em; line-height: 1.2em; }
|
||||
.Fan_03 .Fan_buy{margin-top:1.7vw;}
|
||||
|
||||
.Fan_buy .Fan_buy_button{position: relative;}
|
||||
.Fan_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:0%; margin-right:4%;display: inline-block; line-height: 2em; color:#333; font-size: 1em; border:1px solid #5c5c5c; }
|
||||
.Fan_buy a:hover{background-color:#c2d600; color:#FFF; border:1px solid #c2d600; }
|
||||
.subject_span{padding-left:5%; padding-right:5%; height: 2em; margin-left:0%; margin-right:4%;display: inline-block; line-height: 2em; color:#939393; font-size: 1em; border:1px solid #939393; }
|
||||
@media screen and (max-width:1440px){
|
||||
.Fan_03 .all_content{top:8vw;}
|
||||
.Fan_03 .all_text{width:50%; margin-left:50%; }
|
||||
.Fan_03 .product .title{font-size: 2em;}
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.Fan_03 .all_content{top:4vw;}
|
||||
.Fan_03 .all_product{margin-top:4.5vw; margin-bottom:1.5vw; top:0; overflow: hidden;}
|
||||
.Fan_buy a{font-size: 1em;}
|
||||
.Fan_03 .product .title{font-size: 1.875em;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.Fan_03 .all_content{top:15vw;}
|
||||
.Fan_03 .product .title{font-size: 1.5em;}
|
||||
.Fan_03 .subject_des{display: none;}
|
||||
}
|
||||
@media screen and (max-width:720px){
|
||||
.Fan_03 li{width:100%; margin-bottom: 2vw;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.Fan_03 .product .title{font-size: 1.5em;}
|
||||
}
|
||||
/*第四屏*/
|
||||
.Fan_04{position: relative; background-color:#f2f2f2; overflow: hidden;}
|
||||
.Fan_04 .all_content{position: absolute; left:0; width:100%; color:#333; top:9vw;}
|
||||
.Fan_04 .all_text{width:40%;}
|
||||
.Fan_04 .subject_title{line-height:1.2em; }
|
||||
.Fan_04 .subject_subtitle{margin-top:1vw;}
|
||||
.Fan_04 .subject_des{margin-top:2.5vw;}
|
||||
.Fan_04 .all_product{position: relative; left:0; width:100%; top:-4.5vw;}
|
||||
.Fan_04 li{width:24.1%; margin-right:1.2%; float: left; border-top:5px solid #c2d600; position: relative; margin-bottom:1vw; overflow: hidden;}
|
||||
.Fan_04 li:nth-child(4n){margin-right:0;}
|
||||
.Fan_04 .product{position: absolute; width:100%; text-align: center; bottom:2vw; color:#333; }
|
||||
.Fan_04 .title{font-size: 1.25em; line-height: 1.2em; position: absolute; top:2vw; text-align: center; width:96%; left:2%; color:#333}
|
||||
.Fan_04 li .Fan_buy{position: absolute; bottom:-30%; width:100%;}
|
||||
.Fan_04 li:hover .Fan_buy{display: block; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0vw; width:100%; height: 20%; transition: 0.5s; z-index: 9999; cursor: pointer; text-align: center; padding-top:10%;}
|
||||
|
||||
@media screen and (max-width:1440px){
|
||||
.Fan_04 .all_content{top:6vw;}
|
||||
.Fan_04 .all_text{width:50%;}
|
||||
.Fan_04 .title{font-size: 1.875em;}
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.Fan_04 .all_content{top:4vw;}
|
||||
.Fan_04 .all_product{margin-top:4.5vw; margin-bottom:4.5vw; top:0; overflow: hidden;}
|
||||
.Fan_04 a{font-size: 1em;}
|
||||
.Fan_04 .title{font-size: 1.5em;}
|
||||
.Fan_04 .all_text{width:60%;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.Fan_04 .all_content{top:15vw;}
|
||||
.Fan_04 .title{font-size: 1.25em;}
|
||||
.Fan_04 .subject_des{display: none;}
|
||||
}
|
||||
@media screen and (max-width:640px){
|
||||
.Fan_04 li{width:49%; margin-bottom: 2vw; margin-right:2%;}
|
||||
.Fan_04 li:nth-child(2n){margin-right: 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:383px){
|
||||
.Fan_04 li{width:100%;}
|
||||
.Fan_04 .title{top:6vw;}
|
||||
.Fan_04 .product{bottom:6vw;}
|
||||
}
|
||||
.subject_travel_text{padding:0 0 5% 0}
|
||||
|
||||
11
public/frontend/web/css/subject/faq.css
Executable file
11
public/frontend/web/css/subject/faq.css
Executable file
@@ -0,0 +1,11 @@
|
||||
.faq{padding:2.3% 0 0;}
|
||||
.faq-all{width:100%; }
|
||||
.faq-all li{float: left; width:49.5%; margin-right: 1%;}
|
||||
@media screen and (max-width:768px){
|
||||
.faq-all{width:96%; margin:auto;}
|
||||
.faq-all li{float: left; width:100%;}
|
||||
}
|
||||
.faq-all li:nth-child(2n){margin-right: 0;}
|
||||
.faq-all-text{padding:5% 0;}
|
||||
.faq-title{font-size: 1.5em; color:#101010; margin-bottom: 2%;}
|
||||
.faq-des{font-size: 1em; color:#737373;line-height: 1.8em;}
|
||||
190
public/frontend/web/css/subject/h_speed.css
Executable file
190
public/frontend/web/css/subject/h_speed.css
Executable file
@@ -0,0 +1,190 @@
|
||||
/*10Gbps高速存储*/
|
||||
/*banner*/
|
||||
.banner_button{position: absolute; bottom:39.6vw; width:100%; text-align: center;}
|
||||
.banner_button span{background-color:#009fe0; padding:0.3vw 1.2vw 0.45vw; font-size: 1.75em;}
|
||||
.banner_button_title{font-size: 4.25em; text-align: center; width:100%; position:absolute; top:9.8vw;}
|
||||
.banner_button_subtitle{font-size: 2.25em; text-align: center; width:100%;position:absolute; top:15vw; }
|
||||
@media screen and (min-width:1024px) and (max-width:1399px){
|
||||
.banner_button span{font-size: 1.5em;}
|
||||
.banner_button_title{font-size: 3.5em; }
|
||||
.banner_button_subtitle{font-size: 1.875em;}
|
||||
}
|
||||
@media screen and (min-width:480px) and (max-width:1023px){
|
||||
.banner_button span{font-size: 1.25em;}
|
||||
.banner_button_title{font-size: 2.5em; }
|
||||
.banner_button_subtitle{font-size: 1.5em;}
|
||||
}
|
||||
@media screen and (max-width:640px){
|
||||
.banner_button span{font-size: 1.125em;}
|
||||
.banner_button_title{font-size: 2em; }
|
||||
.banner_button_subtitle{font-size: 1.25em;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.banner_button span{font-size: 1em;}
|
||||
.banner_button_title{font-size: 1.87em; }
|
||||
.banner_button_subtitle{font-size: 1.125em; top:17vw;}
|
||||
}
|
||||
/*中间内容*/
|
||||
.h_speed a, h_speed a:hover{color:#FFF;}
|
||||
.h_speed_title{font-size: 3.75em; line-height: 1.125em;}
|
||||
.h_speed_subtitle{font-size: 1.875em; margin-top:1.25em; margin-bottom: 1.25em;}
|
||||
.h_speed_des{font-size: 1.125em; line-height: 1.75em;}
|
||||
.h_speed_text span{display: inline-block; background-color:#009fe0; padding:1vw 2vw; font-size: 1.5em; margin-top:2.5vw;}
|
||||
.h_speed_text{width:40%; text-align: center;}
|
||||
.h_speed{width:100vw; height: 24.9vw; overflow: hidden;/*background-size:100% 100%;*/ background-repeat:no-repeat;}
|
||||
.h_speed_text_white{color:#FFF;}
|
||||
.h_speed_text_black{color:#333;}
|
||||
.h_speed_text_gray{color:#666;}
|
||||
.h_speed_02{background-image: url(../../images/h_speed/h_speed_01.jpg);}
|
||||
.h_speed_03{background-image: url(../../images/h_speed/h_speed_02.jpg);}
|
||||
.h_speed_04{background-image: url(../../images/h_speed/h_speed_03.jpg);}
|
||||
.h_speed_05{background-image: url(../../images/h_speed/h_speed_04.jpg);}
|
||||
.h_speed_06{background-image: url(../../images/h_speed/h_speed_05.jpg);}
|
||||
.h_speed_07{background-image: url(../../images/h_speed/h_speed_06.jpg);}
|
||||
.h_speed_08{background-image: url(../../images/h_speed/h_speed_07.jpg);}
|
||||
@media screen and (min-width:1400px){
|
||||
.h_speed{width:100vw; height: 800px; background-position: center;}
|
||||
.h_speed_text{margin:160px 0;}
|
||||
.h_speed_09 .h_speed_text{margin:94px 0}
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.h_speed{width:100vw; height: 57vw; background-size:137.24% 100%; background-position: center;}
|
||||
.h_speed_text{margin:11vw 0;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width:1280px){
|
||||
.h_speed_title{font-size: 2.255em;}
|
||||
.h_speed_subtitle{font-size: 1.5em;}
|
||||
.h_speed_des{font-size: 1em;}
|
||||
.h_speed_text span{font-size: 1.125em;}
|
||||
}
|
||||
@media screen and (max-width:959px){
|
||||
.h_speed_text{width:50%; }
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.h_speed_des{display: none;}
|
||||
.h_speed_title{font-size: 1.875em; line-height: 1.125em;}
|
||||
.h_speed_subtitle{font-size: 1.25em; margin-top:1em; margin-bottom: 1em;}
|
||||
.h_speed_text span{font-size: 1em; margin-top:1.5vw;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.h_speed_text{margin:8vw 0;}
|
||||
.h_speed_title{font-size: 1.5em; line-height: 1.125em;}
|
||||
.h_speed_subtitle{font-size: 1.125em; margin-top:0.5em; margin-bottom: 0.5em; line-height: 1.25em;}
|
||||
.h_speed_text span{font-size: 1em; margin-top:1.5vw;}
|
||||
}
|
||||
/*第九屏*/
|
||||
.h_speed_09{background-image: url(../../images/h_speed/h_speed_08.jpg);}
|
||||
.h_speed_09 .h_speed_text{width:100%;}
|
||||
@media screen and (min-width:1000px){
|
||||
.h_speed_09{width:100vw; height: 800px; background-position: center; overflow: hidden;}
|
||||
.h_speed_09 .h_speed_text{margin:94px 0}
|
||||
}
|
||||
@media screen and (max-width:1024px){
|
||||
.h_speed_09{width:100vw; height: 75vw; background-size:178.2% 100%; background-position: center;}
|
||||
.h_speed_09 .h_speed_text{padding:10vw 0; margin:0;}
|
||||
|
||||
}
|
||||
/*第十屏*/
|
||||
.h_speed_10_title{position: absolute; width: 96%; text-align: center; top: 11%; left: 2%; font-size: 1.5em;}
|
||||
.h_speed_10_subtitle{position: absolute; width: 96%; text-align: center; top: 21%; left: 2%; font-size: 1.25em;}
|
||||
@media screen and (max-width:1400px){
|
||||
.h_speed_10_title{top: 8%;}
|
||||
.h_speed_10_subtitle{top: 18%;}
|
||||
.h_speed_10 .title{font-size: 1.25em;}
|
||||
.h_speed_10 .subtitle{font-size: 1.125em;}
|
||||
}
|
||||
@media screen and (max-width:1027px){
|
||||
.h_speed_10 .title{font-size: 1.125em;}
|
||||
.h_speed_10 .subtitle{font-size: 1em;}}
|
||||
|
||||
|
||||
.h_speed_10{background-color:#f6f6f6; overflow: hidden; padding-top:4.5vw;}
|
||||
.h_speed_10 .title{font-size: 1.5em;}
|
||||
.h_speed_10 ul{padding-top:4.5vw;}
|
||||
.h_speed_10_four, .h_speed_10_two{width:100%;}
|
||||
.h_speed_10_four li{width:24.1%; margin-right:1.2%; float: left; position: relative; overflow: hidden;}
|
||||
@media screen and (max-width:990px){
|
||||
.h_speed_10_four li{margin-bottom: 3.5%;}
|
||||
.h_speed_10_four li:nth-child(3), .h_speed_10_four li:nth-child(4){margin-bottom: 0;}
|
||||
}
|
||||
.h_speed_10_four li:hover{box-shadow: 0px 5px 15px rgba(0,0,0,0.2)}
|
||||
.h_speed_10_four .text{position: absolute; width:96%; text-align: center; top:14%; left:2%}
|
||||
@media screen and (min-width:461px){
|
||||
.h_speed_10_four li .transparent_buy{position: absolute; bottom:-30%;}
|
||||
.h_speed_10_four li:hover .transparent_buy{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
|
||||
}
|
||||
.transparent_buy .transparent_buy_button{position: relative; top:50%; margin-top:-1.5em; width:100%; text-align: center;}
|
||||
.transparent_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 2em; color:#333; font-size: 1em; }
|
||||
.transparent_buy a:hover{background-color:#009fe0; color:#FFF; border:1px solid transparent; }
|
||||
.h_speed_10_four li:hover .transparent_buy{display: block;}
|
||||
|
||||
.h_speed_10_two li{width:49.3%; margin-right:1.2%; float: left; position: relative; margin-bottom: 2%}
|
||||
.h_speed_10_two li:last-child{margin-right: 0;}
|
||||
.h_speed_10_two .all_text{position: absolute; top:27%; left:5%; width:50%;}
|
||||
.h_speed_10_two .title, .h_speed_10_one .title{margin-bottom: 5%;}
|
||||
.h_speed_10_two .subtitle, .h_speed_10_one .subtitle{font-size: 1.25em; color:#333333; margin-bottom: 10%;}
|
||||
.h_speed_10_two .transparent_buy a, .h_speed_10_one .transparent_buy a{margin-left:0;}
|
||||
|
||||
.h_speed_10_one{width:100%; position: relative; overflow: hidden; background-color:#FFF; margin-bottom: 2.5%;}
|
||||
.h_speed_10_one .all_text{position: absolute; top:26%; left:10%; width:30%;}
|
||||
@media screen and (min-width:991px){
|
||||
.h_speed_10_four li:nth-child(4n){margin-right:0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1400px){
|
||||
.h_speed_10_text{font-size: 1.2em}
|
||||
.transparent_buy a{font-size: 1em;}
|
||||
.h_speed_10_two .subtitle, .h_speed_10_one .subtitle{font-size: 1em;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:990px){
|
||||
.h_speed_10_four li{width:32%; margin-right:2%}
|
||||
.h_speed_10_four li:nth-child(3n){margin-right:0px;}
|
||||
.h_speed_10_two li:last-child{margin-right: 0;}
|
||||
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:960px){
|
||||
.h_speed_10_two .subtitle, .h_speed_10_one .subtitle{display: none;}
|
||||
.h_speed_10_two .transparent_buy, .h_speed_10_one .transparent_buy{margin-top:15%;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.h_speed_10_four li{width:46%; margin-left:2%; margin-right:2%;}
|
||||
.h_speed_10_four li:nth-child(2n){margin-right:0}
|
||||
.h_speed_10_two li{width:96%; margin-left:2%; margin-right:2%;}
|
||||
.h_speed_10_one{width:96%; margin-left:auto; margin-right: auto;}
|
||||
.h_speed_10_one .all_text{left:5%; width:50%; top:20%;}
|
||||
.h_speed_10_two .title, .h_speed_10_one .title{margin-bottom: 5%;}
|
||||
.h_speed_10_one .subtitle{margin-bottom: 5%; display: none;}
|
||||
|
||||
.h_speed_10_four li{background-color:#FFF; overflow: visible;}
|
||||
|
||||
}
|
||||
@media screen and (max-width:460px){
|
||||
.transparent_buy a{margin-left:1.5%; margin-right:1.5%; padding-left:3%; padding-right: 3%;}
|
||||
.h_speed_10_four .text{top:8%;}
|
||||
.h_speed_10_one .all_text{top:12%;}
|
||||
.h_speed_10_four li .transparent_buy{bottom: 0; height: 20%; margin-bottom:1em}
|
||||
.h_speed_10_two .subtitle{display: none;}
|
||||
.h_speed_10_four li:hover .transparent_buy{height: 20%; margin-bottom:1em}
|
||||
|
||||
}
|
||||
@media screen and (min-width:461px) and (max-width:768px){
|
||||
.h_speed_10_four li .transparent_buy{overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
.h_speed_10_four li .transparent_buy{height: 16%;}
|
||||
.h_speed_10_four li:hover .transparent_buy{height: 16%;}
|
||||
.h_speed_10 li:hover .transparent_buy, .h_speed_10 li .transparent_buy{top: 88%; height: 20%; background-color:#FFF;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
815
public/frontend/web/css/subject/headset.css
Executable file
815
public/frontend/web/css/subject/headset.css
Executable file
@@ -0,0 +1,815 @@
|
||||
body {padding: 0; margin: 0;background: #f2f2f2;font-family: "思源黑体 CN Light","微软雅黑" ;}
|
||||
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.5em; padding-bottom: 5%;}
|
||||
.lj_tran_b {line-height: 1.5em;}
|
||||
.lj_tran_c {line-height: 1.6em;padding-top: 5%;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_all_text { left: 20%; }
|
||||
.lj_tran_a {font-size:3.875em; }
|
||||
.lj_tran_b {font-size: 1.5em;; }
|
||||
.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:3.5em; }
|
||||
.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:1440px;}
|
||||
}
|
||||
@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;}
|
||||
}
|
||||
@media screen and (min-width:617px){
|
||||
.lj_trans_img_all{display: block}
|
||||
.lj_trans_img_all_m{display: none}
|
||||
}
|
||||
@media screen and (max-width:616px){
|
||||
.lj_trans_img_all{display: none}
|
||||
.lj_trans_img_all_m{display: block}
|
||||
}
|
||||
.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.25em; color: #333; line-height: 1.5em;}
|
||||
.trans_font_small {font-size: 1em; color: #9a9a9a; padding: 2% 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: 1em; color: #333;line-height: 1.5em;}
|
||||
.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; color: #333; line-height: 1em;}
|
||||
.trans_font_small {font-size: 0.9em; color: #9a9a9a; }
|
||||
}
|
||||
|
||||
/*硬盘数据线*/
|
||||
.lj_disk { position: relative;}
|
||||
.lj_disk img {display: block; width:100%;}
|
||||
.lj_disk_text {position: absolute; color: #333;}
|
||||
.lj_disk_a{line-height: 1.5em; padding-bottom: 5%;}
|
||||
.lj_disk_b{line-height: 1.5em; 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:3.5em; }
|
||||
.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: 2.25em; color: #333;}
|
||||
.dis_font_small {font-size: 1em; padding: 6% 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: 1em; color: #333;}
|
||||
.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:1em; color: #333; line-height: 1em;}
|
||||
.dis_font_small {font-size: 0.8em; }
|
||||
.lj_dis_img01 { width:23.87%; margin-right: 1.5%; }
|
||||
}
|
||||
|
||||
/*耳机音箱专区*/
|
||||
.lj_voice{ position: relative;}
|
||||
.lj_voice img {display: block; width:100%;}
|
||||
.lj_voice_text {position: absolute; color: #fff;}
|
||||
.lj_voice_a {line-height: 1.5em; padding-bottom: 5%;}
|
||||
.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:3.5em; }
|
||||
.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:3.5em; }
|
||||
.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: 2.25em; color: #b7b7b7;}
|
||||
.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; color: #b7b7b7;}
|
||||
.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:1em; color: #b7b7b7;}
|
||||
.lj_voice_img01 {width:32.33%; margin-right: 1.5%; float: left;}
|
||||
}
|
||||
|
||||
|
||||
/*收纳专区*/
|
||||
.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: 2%; letter-spacing: 0.1em;}
|
||||
.lj_usb_b {line-height: 1.75em;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:3.5em; }
|
||||
.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.25em; color: #333;}
|
||||
.usb_font_small {font-size: 1em; color: #9a9a9a; padding: 3% 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; color: #333;}
|
||||
.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; color: #333;}
|
||||
.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:1em; color: #333; line-height: 1em;}
|
||||
.usb_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_usb_img01 { width:100%; margin-right: 1.5%; }
|
||||
}
|
||||
|
||||
/*排插专区*/
|
||||
.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%;}
|
||||
.lj_layout_b {line-height: 1.2em; color: #555;}
|
||||
.lj_layout_c {line-height: 1.5em;padding-top: 3.5%;}
|
||||
.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:3.5em; }
|
||||
.lj_layout_c {font-size: 1.125em; }
|
||||
}
|
||||
|
||||
@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.125em; }
|
||||
}
|
||||
|
||||
@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: 2.25em; color: #333;}
|
||||
.layout_font_small {font-size: 1em; color: #9a9a9a; padding: 6% 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:2em; color: #333;}
|
||||
.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.5em; color: #333;}
|
||||
.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:1em; color: #333; 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%; }
|
||||
}
|
||||
|
||||
/*图片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.6em; padding-bottom: 1.5%;}
|
||||
.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%;}
|
||||
.lj_skin_a {font-size:3.5em; }
|
||||
.lj_skin_b {font-size: 1.5em; }
|
||||
}
|
||||
@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; }
|
||||
}
|
||||
@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; }
|
||||
}
|
||||
|
||||
|
||||
@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; }
|
||||
}
|
||||
|
||||
|
||||
@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; }
|
||||
}
|
||||
|
||||
|
||||
/*图片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.5em; padding-bottom: 1.8%; letter-spacing: 0.1em;}
|
||||
.lj_skin02_b {line-height: 1.75em;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:3.5em; }
|
||||
.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: 3.5%;}
|
||||
.lj_set_b {line-height: 1.75em;}
|
||||
|
||||
@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: 8.8% 0 13%;}
|
||||
.lj_set_v_right { width:68%; float: right;}
|
||||
}
|
||||
@media screen and (max-width:1199px){
|
||||
.set_h3 {font-size:3em; 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;}
|
||||
.set_small {font-size:1.75em; 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%;}
|
||||
.lj_set01_b {padding:0 0 8%;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_set_text { right: 12%; top:15%;}
|
||||
.lj_set_head {font-size: 4.25em;}
|
||||
.lj_set01_b {font-size:1.75em; line-height: 1.5em;}
|
||||
.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.em;}
|
||||
.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: 3.75em;}
|
||||
.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.5em;}
|
||||
@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.75em; line-height: 1.5em; padding: 4.5% 0 9.5%; }
|
||||
.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:3em; }
|
||||
.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;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.goden_font_big {font-size:1.5em; color: #333;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.goden_font_big {font-size:1em; color: #333; line-height: 1em;}
|
||||
}
|
||||
|
||||
|
||||
.lj_last_text {position: absolute; }
|
||||
@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.75em; line-height: 1.5em; padding:9% 0; }
|
||||
.lj_last_c { line-height: 1.8em;font-size: 1em;}
|
||||
|
||||
}
|
||||
|
||||
@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.75em; line-height: 1.5em; padding: 8% 0 7%; }
|
||||
.lj_last_c { line-height: 1.8em;font-size: 1em;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:900px) and (max-width:1199px){
|
||||
.lj_last_text { left: 6%; top:12%;width:38%;}
|
||||
.lj_last_a {font-size:3em; }
|
||||
.lj_last_b {font-size: 1.5em; line-height: 1.5em; padding: 6% 0 5%; }
|
||||
.lj_last_c { line-height: 1.5em;font-size: 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.5em; 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.5em; 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;}
|
||||
|
||||
/*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;}
|
||||
|
||||
}
|
||||
|
||||
.headset_text {font-size: 1em; line-height: 1.8em;}
|
||||
|
||||
|
||||
.transparent_buy_button{ width:100%; text-align: center;}
|
||||
.set_btn_all a{ border:1px solid #5c5c5c; display: inline-block; color:#333; font-size: 1em; 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%;}
|
||||
|
||||
45
public/frontend/web/css/subject/honor.css
Executable file
45
public/frontend/web/css/subject/honor.css
Executable file
@@ -0,0 +1,45 @@
|
||||
.honner_title{font-size: 2em; text-align: center; line-height: 2em; font-weight: 600;}
|
||||
.honner_des{font-size: 1.125em; text-align: center; line-height: 1.875em; margin-top:0.8vw;}
|
||||
@media screen and (max-width:960px){
|
||||
.honner_title{font-size: 1.875em;}
|
||||
.honner_des{font-size: 1.125em; width:90%; margin:auto;}
|
||||
}
|
||||
/*第一屏*/
|
||||
.honner_01{background-image:url(../../images/honor/honner_bg_01.jpg); background-position:center; padding-top:8.8vw; padding-bottom: 8.8vw;}
|
||||
.honner_01 .swt-Container{background-color:rgba(4,149,208,0.83); overflow: hidden;}
|
||||
.honner_01_all{color:#FFF; padding:6% 11% 7%; width:78%;}
|
||||
.honner_01_text{width:94%; padding-left: 6%;}
|
||||
.honner_01 p{font-size: 1.125em; line-height: 2em;}
|
||||
.honner_01_list{width:100%; margin-top:2.8%; overflow: hidden;}
|
||||
.honner_01_list li{width:33.3%; text-align: center; float: left;}
|
||||
.honner_01_list .big_text{font-size: 2.25em; line-height: 2em;}
|
||||
.honner_01_list .small_text{font-size: 1.125em; line-height: 1.5em;}
|
||||
@media screen and (max-width:960px){
|
||||
.honner_01_all{color:#FFF; padding:4% 5% 5%; width:90%;}
|
||||
.honner_01_list .big_text{font-size: 1.875em; line-height: 2em;}
|
||||
.honner_01_list{margin-top:1%;}
|
||||
.honner_01 p{font-size: 1.125em;}
|
||||
.honner_01_list .small_text{font-size: 1.125em;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.honner_01_list li{width:100%; margin-top:1%; margin-bottom: 1%; overflow: hidden;}
|
||||
}
|
||||
/*第二、三、四屏*/
|
||||
.honner_02{background-image:url(../../images/honor/honner_bg_02.jpg); background-position:center; padding-top:2.5vw; color:#FFF;}
|
||||
|
||||
.honner_03{background-image:url(../../images/honor/honner_bg_03.jpg); background-position:center; padding-top:2.5vw; }
|
||||
.honner_04{background-image:url(../../images/honor/honner_bg_04.jpg); background-position:center; padding-top:2.5vw; color:#FFF;}
|
||||
|
||||
@media screen and (min-width:1480px){
|
||||
.honner_02 img, .honner_03 img, .honner_04 img, .honner_05 img{width:1440px;}
|
||||
}
|
||||
@media screen and (max-width:1479px){
|
||||
.honner_02 img, .honner_03 img, .honner_04 img, .honner_05 img{width:96vw;}
|
||||
}
|
||||
.honner_03 .honner_title, .honner_05 .honner_title{color:#333;}
|
||||
.honner_03 .honner_des, .honner_05 .honner_des{color:#737373}
|
||||
.honner_02 .swt-Container{margin-top:0.8vw;}
|
||||
.honner_03 .swt-Container{margin-top:0.6vw;}
|
||||
/*第五屏*/
|
||||
.honner_05{background-color:#f1f1f1; overflow: hidden; padding-top:2.5vw; padding-bottom: 0vw;}
|
||||
|
||||
106
public/frontend/web/css/subject/industry.css
Executable file
106
public/frontend/web/css/subject/industry.css
Executable file
@@ -0,0 +1,106 @@
|
||||
.Industry_title{font-size:2em; line-height: 2em; font-weight: 600;}
|
||||
.Industry_subtitle{font-size: 1.5em; line-height: 1.875em;}
|
||||
.Industry_des{font-size:1.125em; line-height: 1.875em;}
|
||||
.Industry_Gray_bg{background-color:#f5f5f5; overflow: hidden;}
|
||||
.Industry_white_bg{background-color:#FFF; overflow: hidden;}
|
||||
/*Banner*/
|
||||
.Industry_Banner{position: relative;height: 600px; background-image: url(../../images/industry/industry_Banner.jpg);}
|
||||
.Industry_Banner img{height:600px;}
|
||||
.Industry_Banner .all{position: absolute; left:0; top:0; width:100%;}
|
||||
.Industry_Banner .all_text{margin-top:10vw; margin-bottom: 8vw; overflow:hidden; color:#FFF; width:46%;}
|
||||
.Industry_Banner .title{font-size: 3em; line-height: 2em;}
|
||||
.Industry_Banner .des{font-size: 1.125em; margin-top:1%; line-height: 1.875em;}
|
||||
@media screen and (max-width:1479px){
|
||||
.Industry_Banner .all_text{width:80%; margin-left:auto; margin-right: auto; margin-top:15%;}
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.Industry_Banner .all{height: 200px; top:50%; margin-top:-100px;}
|
||||
.Industry_Banner .all_text{width:90%; margin:auto; }
|
||||
.Industry_Banner .title, .Industry_Banner .des{text-align: center;}
|
||||
}
|
||||
@media screen and (max-width:540px){
|
||||
.Industry_Banner .all{height: 300px; top:50%; margin-top:-150px;}
|
||||
.Industry_Banner .title{line-height: 1.2em; margin-bottom: 5%;}
|
||||
}
|
||||
/*第一屏*/
|
||||
.Industry_02{padding-top:2vw; padding-bottom: 2vw;}
|
||||
.Industry_02 .left, .Industry_02 .right{float: left;}
|
||||
.Industry_02 .right img{width:15.63vw;}
|
||||
.Industry_02 .des{line-height: 1.875em;}
|
||||
@media screen and (min-width:1480px){
|
||||
.Industry_02 .left{width:977px; margin-right:54px;}
|
||||
.Industry_02 .right{width:300px;}
|
||||
}
|
||||
@media screen and (max-width:1479px){
|
||||
.Industry_02 .left{width:68%; margin-right:5%;}
|
||||
.Industry_02 .left img{width:100%;}
|
||||
.Industry_02 .right{width:22%;}
|
||||
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.Industry_02 .left{margin-right:3%;}
|
||||
.Industry_02 .right{width:27%;}
|
||||
}
|
||||
.Industry_02 .Industry_title{color:#333;}
|
||||
@media screen and (max-width:900px){
|
||||
.Industry_02 .left, .Industry_02 .left img{width:100%;}
|
||||
.Industry_02 .right{width:90%; padding:1% 5% 3%;}
|
||||
.Industry_02 .img-responsive{display: none;}
|
||||
}
|
||||
/*第三屏*/
|
||||
.Industry_03{padding-top:3vw; padding-bottom: 4.2vw;}
|
||||
.Industry_03 li{float: left; position: relative; width:49%;}
|
||||
.Industry_03 li:last-child{float: right;}
|
||||
.Industry_03 .text{color:#FFF; position: absolute; left:9%; width:42%; top:10%; font-size: 1.125em; line-height: 2em;}
|
||||
.Industry_03 .Industry_title{color:#333; text-align: center; margin-bottom: 2.2vw;}
|
||||
@media screen and (max-width:768px){
|
||||
.Industry_03 li{width:100%; margin-bottom: 2vw;}
|
||||
.Industry_03 li:last-child{margin-bottom: 0;}
|
||||
}
|
||||
/*第四屏*/
|
||||
.Industry_04{background-image: url(../../images/industry/industry_04.jpg); padding-top:3.9vw; padding-bottom: 3.9vw;}
|
||||
.Industry_bg{background: #049bd8; overflow: hidden; color:#FFF; padding:4.5% 6.5%;}
|
||||
.Industry_04 .left{width:47%; float: left;}
|
||||
.Industry_04 .Industry_title{width:100%; margin-top:3%;}
|
||||
.Industry_04 img{width:50.95%; margin-top:1.5%; margin-bottom: 1%;}
|
||||
.Industry_04 .right{width:53%; float: left;}
|
||||
.Industry_04 .Industry_des{width:100%; margin:auto;}
|
||||
.Industry_04 .Industry_des p{margin-top:1.5vw; font-size: 1em;}
|
||||
@media screen and (max-width:1080px){
|
||||
.Industry_04 .left{width:60%;}
|
||||
.Industry_04 .right{width:40%;}
|
||||
.Industry_04 .Industry_des{width:96%;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.Industry_04 .left{width:100%;}
|
||||
.Industry_04 .right{width:100%; margin-bottom: 3%;}
|
||||
.Industry_04 img{display: none;}
|
||||
.Industry_04 .Industry_title{margin-top:0%;}
|
||||
.Industry_04 .Industry_des p{margin-top:4%;}
|
||||
|
||||
}
|
||||
/*第五屏*/
|
||||
.Industry_05 {padding-top:3vw; padding-bottom: 3vw;}
|
||||
.Industry_05 .Industry_title{color:#333; text-align: center; margin-bottom: 2vw;}
|
||||
.Industry_05 .Industry_subtitle{color:#333333;}
|
||||
.Industry_05 .Industry_des{color:#737373; font-size: 1em;}
|
||||
.Industry_05 ul{width:100%;}
|
||||
.Industry_05 li{width:24%; margin-right:1%; background-color:#FFF; overflow: hidden;}
|
||||
.Industry_05 li:nth-child(2n){width:1%; background-color:#f5f5f5;}
|
||||
.Industry_05 .all_text{width:80%; margin:10% auto; position: relative; top:0px;}
|
||||
.Industry_05 .Industry_subtitle{margin-bottom:0.2vw;}
|
||||
.Industry_05 .img-responsive {position: relative; bottom:0px;}
|
||||
@media screen and (max-width:1480px){
|
||||
.Industry_05 .all_text{height: 150px;}
|
||||
}
|
||||
@media screen and (max-width:1079px){
|
||||
.Industry_05 .all_text{height: 200px; line-height: 1.5em;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.Industry_05 li{width:47%; margin-right: 1.5%; margin-left:1.5%; float: left;}
|
||||
.Industry_05 li:nth-child(2n){display: none;}
|
||||
.Industry_05 .all_text{height: 150px;}
|
||||
}
|
||||
@media screen and (max-width:360px){
|
||||
.Industry_05 .all_text{height: 160px;}
|
||||
}
|
||||
369
public/frontend/web/css/subject/job.css
Executable file
369
public/frontend/web/css/subject/job.css
Executable file
@@ -0,0 +1,369 @@
|
||||
.job-title {
|
||||
font-size: 2em;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
padding: 2.6% 0 1.7%;
|
||||
}
|
||||
.job-des {
|
||||
color: #666;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
font-size: 1em;
|
||||
line-height: 1.875em;
|
||||
margin-bottom: 1.8%;
|
||||
width: 80%;
|
||||
}
|
||||
.job-thead {
|
||||
background-color: #252525;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 3.3em;
|
||||
font-size: 1em;
|
||||
}
|
||||
.job-line {
|
||||
border-top: 1px solid #cecece;
|
||||
border-bottom: 1px solid #cecece;
|
||||
margin-top: 5px;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
height: 3.3em;
|
||||
font-size: 0.875em;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
color: #444444;
|
||||
border-spacing: 5px;
|
||||
line-height: 2em;
|
||||
}
|
||||
.job-line-L {
|
||||
border-left: 1px solid #cecece;
|
||||
}
|
||||
.job-line-R {
|
||||
border-right: 1px solid #cecece;
|
||||
}
|
||||
.job-Margin {
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
}
|
||||
/*加入我们*/
|
||||
.join_img_l {
|
||||
padding-top: 4%;
|
||||
}
|
||||
.join_img_l img {
|
||||
max-width: 100vw;
|
||||
}
|
||||
.join_staff_t {
|
||||
text-align: center;
|
||||
padding: 2% 0;
|
||||
font-size: 1.125em;
|
||||
color: #737373;
|
||||
line-height: 2em;
|
||||
}
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
}
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
background: url(../../images/job/join_us_controls_l.png) no-repeat;
|
||||
}
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
background: url(../../images/job/join_us_controls_r.png) no-repeat;
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1439px) {
|
||||
.bx-wrapper .bx-prev {
|
||||
display: none;
|
||||
}
|
||||
.bx-wrapper .bx-next {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*你将获得*/
|
||||
.join_icon li {
|
||||
font-size: 1em;
|
||||
float: left;
|
||||
line-height: 3.5em;
|
||||
}
|
||||
.join_icon {
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
padding: 2.2% 0 0 0;
|
||||
}
|
||||
@media screen and (min-width: 1080px) {
|
||||
.join_w_icon {
|
||||
width: 1080px;
|
||||
margin: auto;
|
||||
}
|
||||
.join_icon li {
|
||||
width: 20%;
|
||||
}
|
||||
.join_icon li:nth-child(1),
|
||||
.join_icon li:nth-child(4) {
|
||||
padding-left: 10%;
|
||||
}
|
||||
.join_icon li:nth-child(5),
|
||||
.join_icon li:nth-child(6),
|
||||
.join_icon li:nth-child(7),
|
||||
.join_icon li:nth-child(8),
|
||||
.join_icon li:nth-child(9) {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1079px) {
|
||||
.join_w_icon {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
.join_icon li {
|
||||
width: 32.3%;
|
||||
padding: 1% 0;
|
||||
}
|
||||
.join_icon li img {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 479px) {
|
||||
.join_icon li {
|
||||
float: left;
|
||||
line-height: 2em;
|
||||
height: 150px;
|
||||
padding: 3% 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
.join_icon li p {
|
||||
width: 70%;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
/*video*/
|
||||
.join_t_big {
|
||||
margin: 1.7% 0 0;
|
||||
}
|
||||
/*联系方式*/
|
||||
.job-Contact {
|
||||
width: 96%;
|
||||
margin: 3% auto;
|
||||
overflow: hidden;
|
||||
color: #444;
|
||||
font-size: 1em;
|
||||
}
|
||||
.job-Contact-title {
|
||||
margin: 3% 0;
|
||||
}
|
||||
.job-Contact .job-title {
|
||||
margin-top: 10%;
|
||||
}
|
||||
.job-Contact li {
|
||||
width: 24.6%;
|
||||
float: left;
|
||||
margin-right: 5%;
|
||||
}
|
||||
.job-Contact li:nth-child(2) {
|
||||
width: 21%;
|
||||
}
|
||||
.job-Contact li:last-child {
|
||||
width: 44%;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.job_office_i img {
|
||||
max-width: 100%;
|
||||
}
|
||||
@media screen and (min-width: 1000px) {
|
||||
.job-Contact li p {
|
||||
padding: 15px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 999px) {
|
||||
.job_office_i {
|
||||
display: none;
|
||||
}
|
||||
.job-Contact li p {
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
.job-Table a,
|
||||
.job-Contact li a {
|
||||
color: #009fdf;
|
||||
line-height: 1.75em;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media screen and (min-width: 980px) and (max-width: 1439px) {
|
||||
.job-Contact li {
|
||||
width: 100%;
|
||||
margin-right: 3.5%;
|
||||
text-align: center;
|
||||
}
|
||||
.job-Contact li:nth-child(2) {
|
||||
width: 33%;
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
.job-Contact li:last-child {
|
||||
width: 63%;
|
||||
margin-right: 0px;
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 979px) {
|
||||
.job-Contact {
|
||||
width: 90%;
|
||||
margin: 6% auto;
|
||||
}
|
||||
.job-Contact li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.job-Contact li:nth-child(2) {
|
||||
text-align: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.job-Contact li:last-child {
|
||||
text-align: left;
|
||||
}
|
||||
.job-des {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
/*I WANT YOU*/
|
||||
.job-Table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
margin-bottom: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.job-Table .Table-Row {
|
||||
display: table-row;
|
||||
}
|
||||
.job-Table .Table-Row .Table-Cell {
|
||||
display: table-cell;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.job-Table .Table-Row li:nth-child(5) {
|
||||
display: none;
|
||||
}
|
||||
.job-title {
|
||||
margin-bottom: 1.4%;
|
||||
margin-top: 1%;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.job-Join .job-title-01 {
|
||||
margin-top: 4%;
|
||||
margin-bottom: 3.5%;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.job-Contact-title {
|
||||
margin: 4% 0 3.5%;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.job-Table a,
|
||||
.job-Contact li a {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.job-Table .Table-Row li:nth-child(1) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.job-Table .Table-Row li:nth-child(6) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*简历详情弹出*/
|
||||
.reveal-modal-bg {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
z-index: 10000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
.reveal-modal {
|
||||
top: 8%;
|
||||
left: 12.5%;
|
||||
width: 58%;
|
||||
padding: 5% 7%;
|
||||
background: #f5f5f5;
|
||||
position: absolute;
|
||||
z-index: 10001;
|
||||
display: block;
|
||||
}
|
||||
.reveal-modal .close-reveal-modal {
|
||||
font-size: 2.3em;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 11px;
|
||||
color: #aaa;
|
||||
text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
|
||||
cursor: pointer;
|
||||
}
|
||||
.job-title-ly {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 1%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.job-title-h1 {
|
||||
float: left;
|
||||
font-size: 1.625em;
|
||||
color: #333;
|
||||
}
|
||||
.job-r-text {
|
||||
float: right;
|
||||
width: 35%;
|
||||
}
|
||||
.job-blue {
|
||||
color: #009fdf;
|
||||
font-size: 1.375em;
|
||||
padding-right: 8%;
|
||||
font-weight: 100;
|
||||
}
|
||||
.job-imess {
|
||||
overflow: hidden;
|
||||
padding: 3% 0;
|
||||
}
|
||||
.job-imess li {
|
||||
display: inline-block;
|
||||
padding-right: 5%;
|
||||
font-size: 1.125em;
|
||||
color: #101010;
|
||||
}
|
||||
.job-descript p {
|
||||
line-height: 2em;
|
||||
}
|
||||
.icon-c-p {
|
||||
position: absolute;
|
||||
top: 2%;
|
||||
right: 2%;
|
||||
}
|
||||
.job-btn-deliver {
|
||||
width: 24%;
|
||||
margin: auto;
|
||||
background: #009fdf;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
padding: 1% 0;
|
||||
}
|
||||
.job-btn-deliver a:hover {
|
||||
background: #000;
|
||||
}
|
||||
185
public/frontend/web/css/subject/jquery.bxslider.css
Executable file
185
public/frontend/web/css/subject/jquery.bxslider.css
Executable file
@@ -0,0 +1,185 @@
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
margin: 15px auto;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bx-wrapper img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper .bx-viewport {
|
||||
/*fix other elements on the page moving (on Chrome)*/
|
||||
-webkit-transform: translatez(0);
|
||||
-moz-transform: translatez(0);
|
||||
-ms-transform: translatez(0);
|
||||
-o-transform: translatez(0);
|
||||
transform: translatez(0);
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(../images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background:transprent;
|
||||
border: 1px solid #7e7c7c;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #5c5b5a;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(../images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(../images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
946
public/frontend/web/css/subject/odm.css
Executable file
946
public/frontend/web/css/subject/odm.css
Executable file
@@ -0,0 +1,946 @@
|
||||
/*新增*/
|
||||
.odm_banner_p {
|
||||
position: relative;
|
||||
}
|
||||
.odm_b_title {
|
||||
position: absolute;
|
||||
}
|
||||
@media screen and (min-width: 900px) {
|
||||
.odm_b_title {
|
||||
top: 36%;
|
||||
left: 18.5%;
|
||||
}
|
||||
.odm_b_title h3 {
|
||||
font-size: 3.75em;
|
||||
}
|
||||
.odn_t_small {
|
||||
width: 40%;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 899px) {
|
||||
.odm_b_title {
|
||||
top: 26%;
|
||||
left: 10%;
|
||||
}
|
||||
.odm_b_title h3 {
|
||||
font-size: 3em;
|
||||
}
|
||||
.odn_t_small {
|
||||
width: 80%;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.odm_b_title {
|
||||
top: 6%;
|
||||
left: 10%;
|
||||
}
|
||||
.odm_b_title h3 {
|
||||
font-size: 2em;
|
||||
}
|
||||
.odn_t_small {
|
||||
width: 90%;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
}
|
||||
.odm_b_title h3 {
|
||||
color: #fff;
|
||||
padding-bottom: 4%;
|
||||
font-weight: 100;
|
||||
}
|
||||
.odn_t_small {
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
padding-top: 1vw;
|
||||
}
|
||||
.odm_usb_tex {
|
||||
margin: auto;
|
||||
padding: 4.2% 0 2.8%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
.odm_usb_t {
|
||||
font-size: 2em;
|
||||
}
|
||||
.odm_usb_sm {
|
||||
font-size: 1.125em;
|
||||
width: 60%;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.odm_research {
|
||||
font-size: 2em;
|
||||
}
|
||||
.odm_re_text {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
}
|
||||
@media (min-width: 481px) and (max-width: 699px) {
|
||||
.odm_usb_t {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.odm_usb_sm {
|
||||
font-size: 1.125em;
|
||||
width: 80%;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.odm_research {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
.odm_re_text {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.odm_usb_t {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.odm_usb_sm {
|
||||
font-size: 1.125em;
|
||||
width: 96%;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.odm_research {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
.odm_research {
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.odm_research01 {
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
padding: 3.5% 0 2.3%;
|
||||
text-align: center;
|
||||
font-size: 1.625em;
|
||||
}
|
||||
|
||||
.odm_usb_t {
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
padding-bottom: 2.5%;
|
||||
}
|
||||
.odm_usb_sm {
|
||||
color: #737373;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.odm_usb_sm01 {
|
||||
font-size: 1.125em;
|
||||
color: #737373;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
/*解决方案*/
|
||||
.odm_f1 {
|
||||
background: #f1f1f1;
|
||||
padding-bottom: 3.2%;
|
||||
}
|
||||
.odm_one {
|
||||
background: url(../../images/odm/odm1.3_05.jpg) no-repeat;
|
||||
margin: auto;
|
||||
padding: 3% 4.2%;
|
||||
}
|
||||
.odm_ont_bg {
|
||||
background: rgba(61, 166, 227, 0.9);
|
||||
margin: auto;
|
||||
padding: 3.9% 4.2%;
|
||||
}
|
||||
.odm_ont_bor {
|
||||
padding: 6% 5% 4% 10%;
|
||||
margin: auto;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
@media screen and (min-width: 850px) {
|
||||
.odm_two_num {
|
||||
float: left;
|
||||
}
|
||||
.odm_line_l {
|
||||
float: left;
|
||||
padding: 1% 8% 1% 6%;
|
||||
}
|
||||
.odm_two_order {
|
||||
float: left;
|
||||
color: #fff;
|
||||
}
|
||||
.font_one {
|
||||
font-size: 1.5em;
|
||||
padding: 0 2%;
|
||||
}
|
||||
.font_two {
|
||||
font-size: 2em;
|
||||
padding: 5% 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
.odm_two_num {
|
||||
padding-bottom: 5%;
|
||||
text-align: center;
|
||||
}
|
||||
.odm_two_num img {
|
||||
width: 40%;
|
||||
}
|
||||
.odm_line_l {
|
||||
display: none;
|
||||
}
|
||||
.odm_two_order {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.font_one {
|
||||
font-size: 1.2em;
|
||||
padding: 0 2%;
|
||||
}
|
||||
.font_two {
|
||||
font-size: 1.5em;
|
||||
padding: 5% 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1440px) {
|
||||
.odm_ont_bg {
|
||||
width: 81%;
|
||||
}
|
||||
.odm_one {
|
||||
width: 66.6%;
|
||||
}
|
||||
.odm_ont_bor {
|
||||
width: 70%;
|
||||
}
|
||||
.odm_re_all {
|
||||
width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1439px) {
|
||||
.odm_re_all {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.odm_research {
|
||||
text-align: center;
|
||||
padding: 5.5% 0 3%;
|
||||
}
|
||||
@media screen and (min-width: 481px) {
|
||||
.odm_re_img li {
|
||||
width: 32.53%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.odm_re_img li {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.odm_re_img li {
|
||||
margin-right: 1%;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
.odm_re_img li img {
|
||||
width: 100%;
|
||||
}
|
||||
.odm_re_img li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.odm_re_text {
|
||||
color: #737373;
|
||||
text-align: center;
|
||||
padding: 5% 0;
|
||||
}
|
||||
/*oder*/
|
||||
@media screen and (min-width: 481px) {
|
||||
.odm_re_img01 li {
|
||||
width: 32.53%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.odm_re_img01 li {
|
||||
width: 96%;
|
||||
margin: 2% auto;
|
||||
}
|
||||
}
|
||||
|
||||
.odm_re_img01 li {
|
||||
margin-right: 1%;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
.odm_re_img01 li img {
|
||||
width: 100%;
|
||||
}
|
||||
.odm_re_img01 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.odm_order_t {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
top: 40%;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/*ODM项目*/
|
||||
.odm_service {
|
||||
font-size: 2.25em;
|
||||
padding: 5.8% 0 3.2%;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
.odm_se_img {
|
||||
padding-bottom: 5.2%;
|
||||
}
|
||||
.odm_se_img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.odm_patent {
|
||||
}
|
||||
/*新增*/
|
||||
.ODM-Gray {
|
||||
background-color: #f1f1f1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ODM-White {
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ODM-Blue {
|
||||
background-color: #002855;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ODM-Brand {
|
||||
padding-top: 4.5%;
|
||||
padding-bottom: 4.5%;
|
||||
}
|
||||
.ODM-Brand .ODM-Brand-L {
|
||||
width: 43%;
|
||||
float: left;
|
||||
margin-right: 3%;
|
||||
text-align: center;
|
||||
}
|
||||
.ODM-Title {
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
margin-bottom: 4.5%;
|
||||
padding-top: 5.3%;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
.ODM-Des {
|
||||
color: #444444;
|
||||
line-height: 2em;
|
||||
margin-bottom: 3%;
|
||||
font-size: 1.125em;
|
||||
}
|
||||
.ODM-Brand .ODM-Brand-L .Image {
|
||||
width: 10%;
|
||||
margin-right: 0px;
|
||||
margin: 18% auto 0;
|
||||
text-align: center;
|
||||
}
|
||||
.ODM-Brand .ODM-Brand-R {
|
||||
width: 54%;
|
||||
float: left;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.ODM-Brand .ODM-Brand-L,
|
||||
.ODM-Brand .ODM-Brand-R {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
.ODM-Brand .ODM-Brand-L .Image {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ODM-punctuation {
|
||||
margin-left: 8px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
.ODM-Menu {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: table;
|
||||
position: relative;
|
||||
}
|
||||
.ODM-Menu ul {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.ODM-Menu li {
|
||||
width: 14.28%;
|
||||
color: #fff;
|
||||
font-size: 1.125em;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
.ODM-Menu li a {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
left: 10%;
|
||||
}
|
||||
@media screen and (min-width: 541px) {
|
||||
.ODM-Menu .M-02 {
|
||||
display: none;
|
||||
}
|
||||
.ODM-Menu .P-01 {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 47%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 381px) and (max-width: 540px) {
|
||||
.ODM-Menu li a {
|
||||
line-height: 20px;
|
||||
}
|
||||
.ODM-Menu .M-02 {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 23%;
|
||||
}
|
||||
.ODM-Menu .P-01 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 380px) {
|
||||
.ODM-Menu li a {
|
||||
line-height: 16px;
|
||||
}
|
||||
.ODM-Menu .M-02 {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
line-height: 20px;
|
||||
}
|
||||
.ODM-Menu .P-01 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.ODM-Menu li:nth-child(1) {
|
||||
background-color: #00a1ff;
|
||||
}
|
||||
.ODM-Menu li:nth-child(2) {
|
||||
background-color: #2dccd3;
|
||||
}
|
||||
.ODM-Menu li:nth-child(3) {
|
||||
background-color: #00bb31;
|
||||
}
|
||||
.ODM-Menu li:nth-child(4) {
|
||||
background-color: #ff6900;
|
||||
}
|
||||
.ODM-Menu li:nth-child(5) {
|
||||
background-color: #963cbd;
|
||||
}
|
||||
.ODM-Menu li:nth-child(6) {
|
||||
background-color: #c4d600;
|
||||
}
|
||||
.ODM-Menu li:nth-child(7) {
|
||||
width: 14.26%;
|
||||
background-color: #000000;
|
||||
color: #fff;
|
||||
}
|
||||
.ODM-Solution {
|
||||
padding-top: 3%;
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
.ODM-Solution .ODM-Title {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.ODM-Solution .ODM-Subtitle {
|
||||
font-size: 1.125em;
|
||||
color: #444;
|
||||
text-align: center;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
||||
.ODM-Solution .ODM-Des {
|
||||
position: absolute;
|
||||
top: 16%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
@media screen and (min-width: 769px) {
|
||||
.Table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
.Table .Table-Row {
|
||||
display: table-row;
|
||||
}
|
||||
.Table .Table-Row .Table-Cell {
|
||||
display: table-cell;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ODM-Solution-L .Image {
|
||||
position: absolute;
|
||||
bottom: 13%;
|
||||
width: 100%;
|
||||
}
|
||||
.ODM-Solution-L {
|
||||
width: 46.8%;
|
||||
border: 1px solid #d4d4d4;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
.ODM-Solution-C {
|
||||
width: 1.8%;
|
||||
}
|
||||
.ODM-Solution-R {
|
||||
width: 51.3%;
|
||||
}
|
||||
.ODM-Solution-L .title {
|
||||
color: #444444;
|
||||
font-size: 1.5em;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 10%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.ODM-Solution-L .title span {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
background-color: #f1f1f1;
|
||||
display: inline-block;
|
||||
}
|
||||
.ODM-Solution-L .line {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
height: 1px;
|
||||
background-color: #c9c9ca;
|
||||
margin-bottom: 3%;
|
||||
position: absolute;
|
||||
top: 13%;
|
||||
left: 10%;
|
||||
}
|
||||
.ODM-Solution-R .all-center {
|
||||
border: 1px solid #d4d4d4;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
.ODM-Solution-R .all-center .title {
|
||||
color: #444;
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
padding: 4.5% 0 3.5%;
|
||||
}
|
||||
.ODM-Solution-R .all-center ul {
|
||||
width: 92%;
|
||||
margin: auto;
|
||||
}
|
||||
.ODM-Select {
|
||||
padding-bottom: 1.8%;
|
||||
}
|
||||
.ODM-Select .ODM-Title {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.ODM-Select .des {
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
color: #444;
|
||||
line-height: 2em;
|
||||
}
|
||||
.ODM-Solution-R .all-center li p {
|
||||
text-align: center;
|
||||
font-size: 0.875em;
|
||||
color: #444444;
|
||||
padding: 5% 0 10%;
|
||||
margin: 0px;
|
||||
}
|
||||
.ODM-Solution-R .all-center li:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 481px) {
|
||||
.ODM-Solution-R .all-center li {
|
||||
width: 32.3%;
|
||||
margin-right: 1.5%;
|
||||
float: left;
|
||||
}
|
||||
.ODM-Solution-R .all-center li p {
|
||||
font-size: 0.875em;
|
||||
padding: 5.5% 0 14%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.ODM-Solution-R .all-center li {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
.ODM-Solution-R .all-center li img {
|
||||
display: block;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
}
|
||||
.ODM-Solution-R .all-center li p {
|
||||
font-size: 1.125em;
|
||||
padding: 5% 0 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.Table {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
}
|
||||
.ODM-Solution-L {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.ODM-Solution-C {
|
||||
display: none;
|
||||
}
|
||||
.ODM-Solution-R {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-top: 2%;
|
||||
}
|
||||
.ODM-Solution-L .title {
|
||||
position: relative;
|
||||
margin-top: 12%;
|
||||
}
|
||||
.ODM-Solution .ODM-Des {
|
||||
position: relative;
|
||||
margin-top: 5%;
|
||||
}
|
||||
.ODM-Solution-L .Image {
|
||||
position: relative;
|
||||
margin-bottom: 10%;
|
||||
width: 100%;
|
||||
margin-top: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
.ODM-Select .des {
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
color: #444;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.ODM-Select .des {
|
||||
width: 80%;
|
||||
font-size: 1.125em;
|
||||
line-height: 1.5em;
|
||||
padding: 2% 0;
|
||||
}
|
||||
}
|
||||
.ODM-Select .table01 {
|
||||
margin-top: 1%;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.ODM-Select .table01 li {
|
||||
width: 47.4%;
|
||||
float: left;
|
||||
margin-right: 2.5%;
|
||||
margin-bottom: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ODM-Select .table02 {
|
||||
margin-top: 1%;
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
.ODM-Select .table02 li {
|
||||
width: 1%;
|
||||
width: 49%;
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
margin-bottom: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ODM-Select .table02 li:nth-child(2) {
|
||||
width: 49%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.ODM-Select .table02 li:last-child {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.ODM-Select .table01 li {
|
||||
width: 48%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
.ODM-Select .table01 li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ODM-Select .table01,
|
||||
.ODM-Select .table02 {
|
||||
margin-top: 1%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.ODM-Select .table01 li img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.ODM-Select .Patent {
|
||||
}
|
||||
.ODM-Select .Patent img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/**/
|
||||
.lj_odm_bg {
|
||||
background: #fff;
|
||||
}
|
||||
.lj_odm_w {
|
||||
width: 75%;
|
||||
margin: auto;
|
||||
}
|
||||
.lj_title {
|
||||
color: #002855;
|
||||
text-align: center;
|
||||
font-size: 1.875em;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
}
|
||||
.lj_title .dot {
|
||||
display: inline-block;
|
||||
width: 3%;
|
||||
height: 33px;
|
||||
position: absolute;
|
||||
top: 35%;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.lj_title .dot img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.lj_odm_process li {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.lj_odm_process li:nth-child(1):before,
|
||||
.lj_odm_process li:nth-child(10):after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: url(../images/odm_icon_03.png) no-repeat;
|
||||
width: 11px;
|
||||
height: 14px;
|
||||
top: 37px;
|
||||
}
|
||||
.lj_odm_process li:nth-child(1):before {
|
||||
left: -20px;
|
||||
}
|
||||
.lj_odm_process li:nth-child(10):after {
|
||||
right: -20px;
|
||||
}
|
||||
.lj_odm_process li .text01 {
|
||||
text-align: center;
|
||||
padding-bottom: 20px;
|
||||
color: #002855;
|
||||
font-size: 1em;
|
||||
}
|
||||
.process_img {
|
||||
position: relative;
|
||||
border-top: 1px solid #dadada;
|
||||
}
|
||||
@media screen and (min-width: 1025px) {
|
||||
.lj_title {
|
||||
padding: 3em 0;
|
||||
}
|
||||
.lj_odm_process li {
|
||||
width: 20%;
|
||||
}
|
||||
.process_img {
|
||||
padding: 20px 0 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 481px) and (max-width: 1024px) {
|
||||
.lj_title {
|
||||
padding: 2em 0;
|
||||
}
|
||||
.lj_odm_process li {
|
||||
width: 33.3%;
|
||||
}
|
||||
.lj_odm_process li .text01 {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.process_img {
|
||||
padding: 25px 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 320px) and (max-width: 480px) {
|
||||
.lj_title {
|
||||
padding: 1.5em 0;
|
||||
}
|
||||
.lj_odm_process li {
|
||||
width: 50%;
|
||||
}
|
||||
.lj_odm_process li .text01 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.process_img {
|
||||
padding: 10px 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.lj_odm_process li .process_img:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 5px;
|
||||
background: #002855;
|
||||
margin-left: -2.5px;
|
||||
z-index: 2;
|
||||
top: 0px;
|
||||
margin-top: -2.5px;
|
||||
}
|
||||
|
||||
.process_img {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.process_img img {
|
||||
max-width: 53%;
|
||||
}
|
||||
.odm_n_z {
|
||||
padding-top: 3.8%;
|
||||
}
|
||||
|
||||
/*菜单动画*/
|
||||
.hz li {
|
||||
margin-right: 25px;
|
||||
}
|
||||
.hz li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.MH-Before {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
}
|
||||
.MH-after {
|
||||
z-index: 2;
|
||||
top: 0px;
|
||||
-webkit-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: forwards;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
}
|
||||
.indexbox2 .ODM-Title {
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*新改五大产品线*/
|
||||
.odm-img {
|
||||
clear: both;
|
||||
}
|
||||
.product {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
.product img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.product .thumb {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.product .thumb .image {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
.product:hover .add-to-cart {
|
||||
visibility: visible;
|
||||
-webkit-transform: translateY(20px);
|
||||
transform: translateY(20px);
|
||||
opacity: 1;
|
||||
}
|
||||
.product .add-to-cart {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background: #00a0e9;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
font-size: 14px;
|
||||
padding: 15px 0 35px;
|
||||
z-index: 11;
|
||||
margin: auto;
|
||||
font-weight: 400;
|
||||
visibility: hidden;
|
||||
-webkit-transition: all 0.3s ease 0s;
|
||||
transition: all 0.3s ease 0s;
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
text-transform: uppercase;
|
||||
overflow: hidden;
|
||||
}
|
||||
.product .add-to-cart:hover {
|
||||
color: #fff;
|
||||
-webkit-box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%);
|
||||
box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%);
|
||||
}
|
||||
69
public/frontend/web/css/subject/policy.css
Executable file
69
public/frontend/web/css/subject/policy.css
Executable file
@@ -0,0 +1,69 @@
|
||||
.lj_sale_policy { font-size:2.25em; text-align: center; padding: 4.3% 0 1%; color: #333; font-weight: 600;}
|
||||
.lj_sale_t {text-align: center; font-size:1.125em; color: #737373; padding: 0.7% 2% 0.6%;}
|
||||
.lj_icon_l {padding: 2%;}
|
||||
.lj_icon_l li { padding: 1.25% 0; width:50%; float: left;}
|
||||
.lj_text_right {width:70%; float: left;padding-left: 10px;}
|
||||
.lj_icon_left{float: left; padding-right: 5%;}
|
||||
@media (min-width:1280px){
|
||||
.lj_icon_left{width:110px;}
|
||||
}
|
||||
@media (max-width:1279px){
|
||||
.lj_icon_left {width:18%;}
|
||||
.lj_icon_left img {width:100%;}
|
||||
}
|
||||
@media (max-width:979px){
|
||||
.lj_icon_l li {width:98%;}
|
||||
.lj_text_right {width:77%;}
|
||||
}
|
||||
.lj_h3 {font-size: 1em;font-weight: 600; padding-bottom: 0.5vw; color: #333;}
|
||||
.lj_des{font-size: 0.875em; line-height: 1.875em;}
|
||||
.lj_bg_i {background: #f1f1f1; padding: 2.4% 2%;}
|
||||
@media (min-width:1280px){
|
||||
.lj_img_l {width:26%; float: left;}
|
||||
.lj_text_r {width:72%;}
|
||||
}
|
||||
|
||||
@media (min-width:980px) and (max-width:1279px){
|
||||
.lj_img_l {width:313px; float: left; padding-right: 5%;}
|
||||
.lj_text_r {width:60%;}
|
||||
}
|
||||
.iotbpage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
}
|
||||
@media (min-width:480px) and (max-width:1279px){
|
||||
.lj_img_l {display: none;}
|
||||
.lj_text_r {width:90%; }
|
||||
}
|
||||
@media (max-width:479px){
|
||||
.lj_img_l {width:98%; padding: 2% 0; margin: auto;}
|
||||
.lj_img_l img {max-width:100%;}
|
||||
.lj_text_r {width:90%; }
|
||||
}
|
||||
.lj_three_policy { font-size: 1.375em; text-align: center;color: #333; padding: 5.5% 0 1%;}
|
||||
.lj_t_small {color: #737373; text-align: center; }
|
||||
.lj_policy_icon { padding:2% 2% 5%;}
|
||||
@media (min-width:800px){
|
||||
.lj_policy_icon li{width:27%;}
|
||||
.lj_policy_four li {width:20%;}
|
||||
.lj_icon05 {width:44.7%;}
|
||||
}
|
||||
@media (max-width:799px){
|
||||
.lj_policy_icon li{width:90%; margin: auto;}
|
||||
.lj_policy_four li {width:45%; }
|
||||
.lj_icon05 {width:21.2%;}
|
||||
}
|
||||
.lj_policy_four {padding: 1.5% 2% 5%;}
|
||||
.lj_policy_four li {margin-right: 5%; float: left;}
|
||||
.lj_policy_four li:last-child{margin-right: 0;}
|
||||
.lj_policy_icon li { margin-right: 8%; float: left;}
|
||||
.lj_policy_icon li:last-child {margin-right: 0;}
|
||||
.lj_icon05 {text-align:center; padding:8% 0; margin: auto;}
|
||||
.lj_icon05 img {max-width:100%;}
|
||||
.lj_icon05_text {text-align: center; color: #737373; font-size: 0.875em; line-height: 1.875em;}
|
||||
.lj_mar_5 {margin-bottom:4.2%;}
|
||||
52
public/frontend/web/css/subject/pssd.css
Executable file
52
public/frontend/web/css/subject/pssd.css
Executable file
@@ -0,0 +1,52 @@
|
||||
.video_subject{width:100%; overflow: hidden; padding:7vw 0;}
|
||||
.video_subject .left{width:29%; float: left; margin-right: 3%;}
|
||||
.video_subject .right{width:68%; float: left;}
|
||||
.subject_three_list .subject_new_buy{position: absolute; bottom: -2.4vw; width:100%;}
|
||||
.subject_three_list:hover .subject_new_buy{position: absolute; bottom: 2.4vw; width:100%;}
|
||||
.banner{top:5vw; text-align: center; width:100%}
|
||||
/*第一屏*/
|
||||
@media screen and (min-width:1441px) {
|
||||
.pssd01{width:1440px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1440px){
|
||||
.pssd01{width:100%;}
|
||||
}
|
||||
.pssd01L{width:49.5%; float: left; height: 100%;}
|
||||
.pssd01C p{left:47.5%; position: absolute; width:5%; color:#009fdf;}
|
||||
.pssd01C p:nth-child(1){top:30%;}
|
||||
.pssd01C p:nth-child(2){top:49%;}
|
||||
.pssd01C p:nth-child(3){top:68%;}
|
||||
.pssd01C p:nth-child(4){top:87%;}
|
||||
.pssd01R{width:49.5%; float: right; height: 100%;}
|
||||
.pssd01 .m-t-12{margin-top:12%;}
|
||||
@media screen and (min-width:1280px) {
|
||||
.font-60{font-size: 3em; line-height: 1.25em;}
|
||||
}
|
||||
@media screen and (min-width:991px) and (max-width:1279px) {
|
||||
.font-60{font-size: 2.5em; line-height: 1.25em;}
|
||||
}
|
||||
@media screen and (max-width:990px) {
|
||||
.font-60{font-size: 2em; line-height: 1.25em;}
|
||||
}
|
||||
|
||||
.pssd01L .pssdTitle, .pssd01R .pssdTitle{top:0; width:100%;}
|
||||
.pssd01L .pssdContent{width:90%; padding-right:10%; height: 100%;}
|
||||
.pssd01L .pssdContent p{width:90%; padding-right: 10%;}
|
||||
.pssd01R .pssdContent p{width:90%; padding-left: 10%;}
|
||||
.pssdContent p:nth-child(1){top:28%; position: absolute;}
|
||||
.pssdContent p:nth-child(2){top:47%; position: absolute;}
|
||||
.pssdContent p:nth-child(3){top:68%; position: absolute;}
|
||||
.pssdContent p:nth-child(4){top:85%; position: absolute;}
|
||||
.font-30{line-height: 1.2em;}
|
||||
.pssd_p_BT{top:88%;}
|
||||
/*diy pssd*/
|
||||
.pssdDiy{width:96.56vw; margin:auto;}
|
||||
.pssdDiy .content{width:100%;}
|
||||
.pssdDiyL{width:78.5vw; margin-right: 1.5vw; float: left;}
|
||||
.pssdDiyR{width:16.47vw; float: left;}
|
||||
.pssdDiyR .list{width:100%;}
|
||||
.pssdDiyR .list p{position: absolute; bottom:0.83vw; width:100%;}
|
||||
.pssdDiyAdd img{width:3.33vw;display: inline-block; padding-top:0.625vw; padding-bottom: 0.625vw;}
|
||||
.pssdDiyL .text{position: absolute; right:2.5vw; bottom:8.59vw;}
|
||||
.pssdDiyL .text .button{background-color:#009fdf; display: inline-block; padding:0.625vw 1.7vw; color:#FFF }
|
||||
.font-18{line-height: 1.875em; letter-spacing: 1px;}
|
||||
24
public/frontend/web/css/subject/question.css
Executable file
24
public/frontend/web/css/subject/question.css
Executable file
@@ -0,0 +1,24 @@
|
||||
.fq_left{width:10.5%; margin-right: 1.5%; padding:1.8vw 2.9% 2.5vw;}
|
||||
.fq_right{width:75%; padding:2vw 3.5%;}
|
||||
.fq_left, .fq_right{float: left; border-radius: 5px;}
|
||||
.fq_left dd{margin-top:2vw;}
|
||||
.fq_hover{color:#666; position: relative;}
|
||||
.fq_hover:before{background-color:#9fc3fa; content: ""; width:5px; height: 5px; border-radius: 2.5px; position: absolute; top:50%; margin-top:-2.5px; left:-15px;}
|
||||
.fq_right .fq_top{padding-bottom: 15px; width:100%; border-bottom:1px solid #dbdbdb; position: relative; }
|
||||
.fq_right span{position: relative; left:0; top:0; padding-bottom: 12px; border-bottom:2px solid #9fc3fa;}
|
||||
.fq_list{width:100%;}
|
||||
.fq_list li{border-bottom:1px solid #dbdbdb; padding-bottom: 1.5vw; padding-top: 1.5vw; overflow: hidden;}
|
||||
.fq_list .left{width:20.5%; float: left; margin-right: 2%;}
|
||||
.fq_list .right{width:77.5%; float: left;}
|
||||
.fq_list .right dd{line-height: 1.7em;}
|
||||
.fq_list dt:before{background-color:#9fc3fa; content: ""; width:5px; height: 5px; border-radius: 2.5px; position: absolute; top:50%; margin-top:-2.5px; left:-10px;}
|
||||
.fq_list dt{margin-left:10px;}
|
||||
.fq_search{width:30%; float: right; display: inline-block; line-height: 40px; background-color:#f5f5f5; border-radius: 20px; position: absolute; right:0; top:-10px; padding-left:15px;}
|
||||
.fq_search input{width:85%; line-height: 40px;}
|
||||
@media screen and (max-width:1280px){
|
||||
.fq_search input{width:75%; line-height: 30px;}
|
||||
.fq_search{line-height: 30px; top:-0px;}
|
||||
}
|
||||
#search-btn{background-color:#f5f5f5;}
|
||||
.Pages{margin-top:2vw;}
|
||||
.Pages span{border-bottom: 0px solid #FFF;}
|
||||
11
public/frontend/web/css/subject/report.css
Executable file
11
public/frontend/web/css/subject/report.css
Executable file
@@ -0,0 +1,11 @@
|
||||
.product_address{margin-bottom: 1%;}
|
||||
.report_w{width:75%;}
|
||||
.report_input{width:100%;}
|
||||
.report_input li{width:40%; margin-right: 18%; float: left; }
|
||||
.report_input li:nth-child(2n){margin-right: 0;}
|
||||
.report_input li:last-child{width:100%;}
|
||||
.report_w form{overflow: hidden; }
|
||||
.report_input input{width:98%; border:1px solid #e6e5e1; background-color: transparent; margin-top:0.5vw; padding:2%; }
|
||||
.report_input textarea{width:96%; border:1px solid #e6e5e1; background-color: transparent; margin-top:0.5vw; padding:2%;}
|
||||
.report_input button{background-color:#009fdf; display: inline-block; color:#FFF; padding:0.5vw 2vw; margin-left:58%; margin-top:1.8vw; margin-bottom: 2vw;}
|
||||
.report_input span{color:red;}
|
||||
47
public/frontend/web/css/subject/search.css
Executable file
47
public/frontend/web/css/subject/search.css
Executable file
@@ -0,0 +1,47 @@
|
||||
.S-search-bg{background-color:#f1f1f1; overflow: hidden; width:100%;padding-bottom: 1.5%;}
|
||||
.S-search-content{background-color:#FFF; overflow:hidden; padding-top:2%; padding-bottom: 10%;}
|
||||
.S-Searchbox{width:89%; margin:auto; position: relative;}
|
||||
.S-Searchbox .Search{width:100%;}
|
||||
.S-Searchbox .ipt{width:94%; border:1px solid #e3e8ec; background-color:#f1f1f1; height: 52px; line-height: 52px; padding-left:3%; padding-right: 3%; font-size: 1.25em;}
|
||||
.S-Searchbox .icon{position: absolute; z-index: 6; width:100%; text-align: right;}
|
||||
.S-Searchbox .searchbtn{width:52px; height: 52px; position: absolute; top:0; margin-bottom: -26px; right:2%; background-color: transparent; font-size: 1.5em; color:#bdbdbd}
|
||||
@media screen and (max-width:767px){
|
||||
.S-Searchbox .ipt{line-height: 40px; height: 40px}
|
||||
.S-Searchbox .searchbtn{font-size: 1.5em}
|
||||
.S-Searchbox{margin-top:20px;}
|
||||
}
|
||||
|
||||
/*模糊搜索*/
|
||||
.search_content {
|
||||
width:100%;
|
||||
margin:0 auto;
|
||||
background-color:#FFF;
|
||||
border-radius:8px;
|
||||
display: none;
|
||||
}
|
||||
.search_content ul {
|
||||
padding-left:0;
|
||||
border-top:none;
|
||||
height:200px;
|
||||
overflow-y: scroll;
|
||||
border:1px solid #e3e8ec;
|
||||
}
|
||||
.search_content li {
|
||||
width:100%;
|
||||
height:40px;
|
||||
line-height:40px;
|
||||
box-sizing:border-box;
|
||||
list-style:none;
|
||||
padding-left:3%;
|
||||
}
|
||||
.search_content li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
.search_content li a {
|
||||
color:#8c8282;
|
||||
}
|
||||
|
||||
/*#search li:hover{background-color:rgba(168,168,168,0.2); cursor: pointer;}*/
|
||||
.ul_search{background-color:rgba(168,168,168,0.2); cursor: pointer;}
|
||||
/*.ul_add{max-height: 200px; overflow-y: scroll; border:1px solid #e3e8ec;}*/
|
||||
|
||||
72
public/frontend/web/css/subject/series35.css
Executable file
72
public/frontend/web/css/subject/series35.css
Executable file
@@ -0,0 +1,72 @@
|
||||
.banner{top:6vw; width:100%; left:0;}
|
||||
.font-48{line-height: 1.35em;}
|
||||
.font-18{line-height: 1.75em;}
|
||||
.video_subject{width:100%; overflow: hidden; padding:7vw 0;}
|
||||
.video_subject .left{width:29%; float: left; margin-right: 3%;}
|
||||
.video_subject .right{width:68%; float: left;}
|
||||
|
||||
/*第三屏*/
|
||||
.series05_three{background-color:#333435; overflow: hidden; padding-bottom: 0.6%}
|
||||
.series05_three li{margin-top:0.6%; margin-right: 0.6%; float: left; width:49.4%; position: relative;}
|
||||
.series05_three li:nth-child(2n){margin-right: 0;}
|
||||
.series05_three .title{position: absolute; background-color:rgba(0,0,0,0.5); bottom: 0; height: 80px; width:100%; z-index: 2; line-height:80px;}
|
||||
|
||||
.series35_left{width:23%; float: left;}
|
||||
.series35_right{width:38%; float: right;}
|
||||
.series35_mt{margin-top:13vw;}
|
||||
.series35_left .des{width:74%;}
|
||||
.series35_two_right{width:28%; float: right;}
|
||||
.series35_four_left{width:52.6%; float: left; margin-left:5%; margin-top:8.5vw; text-align: center;}
|
||||
.series35_four_right{width:34%; float: right; margin-top:13vw;}
|
||||
.series35_border{border:1px solid rgba(255,255,255,0.2); overflow: hidden; padding-top:4vw; margin-top:2.3vw;}
|
||||
|
||||
.series35_border ul{width:88%; margin:auto;}
|
||||
.series35_border ul li{float: left;}
|
||||
.series35_border li:nth-child(1){width:36%; margin-right: 12%; margin-left:8%; margin-bottom: 3vw;}
|
||||
.series35_border li:nth-child(2){width:36%; margin-right:8%; margin-bottom: 3vw;}
|
||||
.series35_border li div:nth-child(1) img{height: 100%; margin-top:-2px; margin-right: 10px;}
|
||||
.series35_border li:nth-child(3), .series35_border li:nth-child(4), .series35_border li:nth-child(5){width:30%;margin-right: 5%; margin-bottom: 3vw;}
|
||||
.series35_border li:nth-child(5){margin-right: 0;}
|
||||
.line_height{height: 1px; width:35px; background-color:rgba(252,252,252,0.6); margin:0.5vw auto;}
|
||||
|
||||
/*第七屏*/
|
||||
.series35_07{background: #0e0e17 url(../../images/series35/series35_07.jpg) no-repeat center; padding-top:5vw; padding-bottom: 5vw;}
|
||||
/*产品列表*/
|
||||
.series35_list{ margin-left:auto; margin-right: auto; margin-top:3%; margin-bottom: 2%;}
|
||||
@media screen and (min-width:1200px){
|
||||
.series35_list{width:1080px;}
|
||||
}
|
||||
@media screen and (max-width:1199px){
|
||||
.series35_list{width:96%;}
|
||||
}
|
||||
|
||||
/*自适应*/
|
||||
@media screen and (max-width:1460px){
|
||||
.font-60{font-size: 2.5em}
|
||||
.font-32{font-size: 1.25em;}
|
||||
.series35_left{width:34%;}
|
||||
.series35_four_left{margin-top:5vw;}
|
||||
.series35_four_right{width:38%; margin-top:6vw;}
|
||||
.series05_three .title{height: 40px; line-height: 40px;}
|
||||
.series35_border img{width:2.4vw;}
|
||||
.series35_border li div:nth-child(1) img{margin-top:0;}
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.series35_border li:nth-child(1){width:38%; margin-right: 10%; margin-left:7%; margin-bottom: 3vw;}
|
||||
.series35_border li:nth-child(2){width:38%; margin-right:7%; margin-bottom: 3vw;}
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.font-60{font-size: 2em}
|
||||
.font-32{font-size: 1em;}
|
||||
.series35_two_right{width:40%;}
|
||||
.series35_right{width:45%;}
|
||||
.series35_left{width:38%;}
|
||||
.padding-t-60{padding-top:0;}
|
||||
.light_height_48{line-height: 30px;}
|
||||
.series35_border img{width:2.8vw;}
|
||||
.series35_border li div:nth-child(1) img{margin-top:0;}
|
||||
.series35_border ul{width:96%;}
|
||||
.series35_border li:nth-child(1){width:42%; margin-right: 8%; margin-left:4%; margin-bottom: 3vw;}
|
||||
.series35_border li:nth-child(2){width:42%; margin-right:4%; margin-bottom: 3vw;}
|
||||
|
||||
}
|
||||
19
public/frontend/web/css/subject/sitemap.css
Executable file
19
public/frontend/web/css/subject/sitemap.css
Executable file
@@ -0,0 +1,19 @@
|
||||
|
||||
@media screen and (min-width:1440px){
|
||||
.sitemap_w{width:1440px; margin:auto;}
|
||||
}
|
||||
@media screen and (max-width:1439px){
|
||||
.sitemap_w{width:96%; margin:auto;}
|
||||
}
|
||||
|
||||
.sitemap_w h3 {text-align: center; color: #333; padding-bottom: 2%;}
|
||||
.s-nav {border-bottom: 1px solid #e5e5e5; padding:2% 0 1%; font-size: 1.5em; color: #333;}
|
||||
.s-nav-list { overflow: hidden;}
|
||||
.s-nav-list li { width:15%; float: left; font-size: 1em; padding: 1% 0 0.5%;}
|
||||
.s-product-n { overflow: hidden;}
|
||||
.s-product-l {float:left; width:15%;padding: 1% 0 0.5%; color: #4d93d9;}
|
||||
.s-blue {color:#4d93d9;}
|
||||
.s-blue a {color:#4d93d9;}
|
||||
.s-product-r {float: left; width:85%;}
|
||||
.s-product-r li {width:17.8%; float: left;}
|
||||
.s-site-b {margin-bottom: 3%;}
|
||||
59
public/frontend/web/css/subject/socket.css
Executable file
59
public/frontend/web/css/subject/socket.css
Executable file
@@ -0,0 +1,59 @@
|
||||
.socket_banner_title{position: relative; top:16.04vw; width:28.959%;}
|
||||
.socket_banner .link{position: absolute; width:100%; bottom: 0;}
|
||||
.socket_banner .link span{background-color:#00ba31; width:10.4%; margin-right:2.15%; padding-top:0.3vw; padding-bottom: 0.3vw; display: inline-block}
|
||||
.socket_banner .link a:nth-child(4) span{margin-right: 0;}
|
||||
.socket_banner .link a{color:#FFF;}
|
||||
.socket_banner .link a:hover span{background-color:#009527;}
|
||||
|
||||
|
||||
.socket_one{width:100%; margin-top:6vw; margin-bottom: 6vw; overflow: hidden;}
|
||||
.socket_one .left{width:26%; float: left; margin-right: 4.9027%; padding-top:5vw;}
|
||||
.socket_one .left p:last-child{line-height: 2rem;}
|
||||
.socket_one .right{width:69.0973%; float: left;}
|
||||
.font-18{line-height: 2rem;}
|
||||
.socket_left{line-height: 2rem; margin-top:16vw;}
|
||||
.three{width:26%;}
|
||||
.five{width:39.5%;}
|
||||
.seven{width:30%;}
|
||||
.nine{width:38%;}
|
||||
.nine p:last-child{width:90%;}
|
||||
|
||||
|
||||
/*两列列表*/
|
||||
.socket_two_list{width:100%; overflow: hidden;}
|
||||
.socket_two_list .left, .socket_two_list .right{width:50%; float: left; position: relative;}
|
||||
.socket_two_list .right .line, .socket_two_list .left .line{height: 1px; background-color:#00ba31; position: absolute; top:15.5%; width:7%;}
|
||||
.socket_two_list .right .line{left: 4%;}
|
||||
.socket_two_list .left .line{right: 4%;}
|
||||
.socket_two_list .right .title, .socket_two_list .left .title{position: absolute; top:12%;}
|
||||
.socket_two_list .right .title{left: 13.5%;}
|
||||
.socket_two_list .left .title{right: 13.5%;}
|
||||
.socket_two_list .buy{position: absolute; bottom: 11%; text-align: center; width:100%;}
|
||||
.socket_two_list .buy a{padding:0 5%; border:1px solid #5c5c5c; display: inline-block; margin-left:30px; margin-right: 30px; color:#333; height: 2em; line-height: 2em}
|
||||
.socket_two_list .buy a:hover{border: 1px solid #00ba31; background-color:#00ba31; color:#FFF;}
|
||||
.socket_two_list span{padding:0 5%; border:1px solid #939393; color:#939393; height: 2em; line-height: 2em}
|
||||
/*第十一屏*/
|
||||
.socket_eleven{width:100%; margin-top:2.6vw; margin-bottom: 4.5vw; overflow: hidden;}
|
||||
.socket_eleven li{width:49.3%; margin-right: 1.4%; float: left; position: relative;}
|
||||
.socket_eleven li:nth-child(2n){margin-right: 0;}
|
||||
.socket_eleven_right{position: absolute; top:3.5vw; left:56%; text-align: left; width:40%;}
|
||||
/*第十三屏*/
|
||||
.socket_thirteen{width:100%; margin-top:3vw; margin-bottom: 4.5vw; overflow: hidden;}
|
||||
.socket_thirteen li{width:24.32%; float: left; margin-right: 0.9%; background-color:#f5f5f5;}
|
||||
.socket_thirteen li:last-child{margin-right: 0;}
|
||||
|
||||
@media screen and (max-width:1400px){
|
||||
.font-60{font-size: 3em;}
|
||||
.font-32{font-size: 1.75em;}
|
||||
.font-38{font-size: 1.875em;}
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.socket_two_list .right .line, .socket_two_list .left .line{top:16.5%;}
|
||||
}
|
||||
@media screen and (max-width:1200px){
|
||||
.three{width:35%;}
|
||||
.five{width:46%;}
|
||||
.seven{width:40%;}
|
||||
.nine{width:45%;}
|
||||
.socket_one .left{width:30%; margin-right: 0.9027%;}
|
||||
}
|
||||
149
public/frontend/web/css/subject/special-11-26.css
Executable file
149
public/frontend/web/css/subject/special-11-26.css
Executable file
@@ -0,0 +1,149 @@
|
||||
body {font: 14px "Lato", Arial, sans-serif; min-width: 100%; min-height: 100%; color: #666;}
|
||||
p {padding: 0; margin: 0;}
|
||||
ul { padding: 0; margin: 0; list-style-type: none;}
|
||||
.image-box {}
|
||||
.image-box img { width:100%; display: block;}
|
||||
|
||||
/*tab*/
|
||||
.li_special_a img {width:100%;display: block;}
|
||||
|
||||
.lj_special_t {width:100%;background:#ddd; padding: 3% 0;}
|
||||
|
||||
@media screen and (min-width:1366px){
|
||||
.lj_table,.lj_special_p{width:73%;margin: auto;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:1365px){
|
||||
.lj_table,.lj_special_p{width:90%;margin: auto;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1000px){
|
||||
.t-one {width: 24.25%; margin: 1% 1% 0 0;}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width:550px) and (max-width:999px){
|
||||
.t-one {width:49%;margin: 1% 1% 0 0;}
|
||||
.lj_special_p {display: none;}
|
||||
.t-one:nth-child(2n) {margin: 1% 0 1% 1%;}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:549px){
|
||||
.t-one {width:100%;margin:2% 0;}
|
||||
.lj_special_p {display: none;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:1200px){
|
||||
.t-up img{margin-top: 35%;}
|
||||
}
|
||||
@media only screen and (min-width:1000px) and (max-width:1199px){
|
||||
.t-up img{margin-top: 45%;}
|
||||
}
|
||||
@media only screen and (min-width:769px) and (max-width:999px){
|
||||
.t-up img{margin-top: 26%;}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:640px) and (max-width:768px){
|
||||
.t-up img{margin-top: 30%;}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width:550px) and (max-width:639px){
|
||||
.t-up img{margin-top: 30%;}
|
||||
}
|
||||
@media only screen and (min-width:400px) and (max-width:549px){
|
||||
.t-up img{margin-top: 24%;}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:399px){
|
||||
.t-up img{margin-top: 28%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.t-one{float: left;background-color: #fff;position: relative;border-radius: 5%; padding: 2% 0;}
|
||||
.t-one:last-child{margin-right: 0;}
|
||||
.t-one p {text-align: center; line-height: 32px;}
|
||||
.t-up{width:100%;background: #51BDE9;opacity:0.85;text-align: center;position: absolute;top: 0;display:none;border-radius: 5%;}
|
||||
.sjx{width:0;height:0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #51BDE9;position: absolute;bottom:-3%;left:50%;opacity:0.85; margin-left: -15px;}
|
||||
.lj_special_p li {width:24.25%; margin-right:1%; text-align: center; padding: 4% 0 2%; float: left;}
|
||||
.lj_special_p li:last-child{margin-right:0;}
|
||||
.lj_special_line { width:50px; margin:6% auto; border-bottom: 1px solid #828282; }
|
||||
.special_font { color: #002855;}
|
||||
|
||||
/*special*/
|
||||
.text-desc{position: absolute; left: 0; top: 0; background-color: #4467a1; height: 100%; opacity: 0; width: 100%;}
|
||||
.li_special_b { padding:0 0 3% 0;}
|
||||
.li_special_b img {width:100%; display: block;}
|
||||
.spe_m {padding-top: 3%;}
|
||||
.lj_special { margin: auto;}
|
||||
.lj_special img {width:100%; display: block;}
|
||||
.lj_com-gray::before { content: "";left: 10%; right: 10%; border-bottom: 1px solid #dedede; position: absolute;top: 50%;z-index: 1;}
|
||||
.lj_special_com {text-align: center; position: relative; margin-bottom:3%;}
|
||||
.lj_special_com .comtit {font-size: 1.56em;color: #404040;}
|
||||
.special_eng{ letter-spacing: 0.1em; opacity: 0.5;}
|
||||
|
||||
.lj_special_com p {position: relative;display: inline-block;font-size: 1.33rem;z-index: 1;padding: 0 2rem;background-color: #fff;}
|
||||
.lj_special_img {width:100%;}
|
||||
.lj_special_img li{float: left; width:49%; margin:0.5% 1% 0.5% 0; list-style: none;}
|
||||
.lj_special_img li:nth-child(2n) {margin: 0.5% 0 0.5%;}
|
||||
|
||||
.lj_special_img01 {}
|
||||
.lj_special_img01 li{float: left; width:32%; margin:1%; list-style: none;}
|
||||
.lj_special_img01 li:nth-child(2n) {margin: 1% 0;}
|
||||
@media screen and (min-width:1366px){
|
||||
.special_title {top:40%;font-size: 1.8em; }
|
||||
.special_title01 {top:40%;font-size: 1.375em; }
|
||||
.lj_special { width:73%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1000px) and (max-width:1365px){
|
||||
.special_title {top:40%;font-size: 1.5em; }
|
||||
.special_title01 {top:36%;font-size: 1.2em; }
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.special_title {top:38%;font-size: 1.3em; }
|
||||
.special_title01 {top:32%;font-size: 1.1em; }
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:767px){
|
||||
.special_title {top:34%;font-size: 1.2em; }
|
||||
.special_title01 {top:36%;font-size:1em; }
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.special_title {top:40%;font-size:0.9em; }
|
||||
.special_title01 {top:30%;font-size: 0.9em; }
|
||||
.special_line {display: none;}
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
.special_title,.special_title01 {position: absolute; text-align: center;width:100%;}
|
||||
.special_line {border-bottom:1px solid #fff; width:50px; text-align: center; margin: auto; padding-top:4%; }
|
||||
|
||||
/* effect-1 css */
|
||||
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);}
|
||||
.port-1 .text-desc{opacity: 0.9; top: 100%; transition: 0.5s; color: #fff; }
|
||||
|
||||
.port-1 img{transition: 0.5s;}
|
||||
.port-1:hover img{transform: scale(1.2);}
|
||||
|
||||
.port-1.effect-1:hover .text-desc{top: 0;}
|
||||
|
||||
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
|
||||
.port-1.effect-2:hover .text-desc{bottom: 0;}
|
||||
|
||||
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
|
||||
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
|
||||
/* effect-1 css end */
|
||||
|
||||
|
||||
|
||||
143
public/frontend/web/css/subject/special.css
Executable file
143
public/frontend/web/css/subject/special.css
Executable file
@@ -0,0 +1,143 @@
|
||||
/*tab*/
|
||||
.li_special_a img {width:100%;display: block;}
|
||||
|
||||
.lj_special_t {width:100%;background:#ddd; padding: 3% 0;}
|
||||
|
||||
@media screen and (min-width:1366px){
|
||||
.lj_table,.lj_special_p{width:73%;margin: auto;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:1365px){
|
||||
.lj_table,.lj_special_p{width:90%;margin: auto;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1000px){
|
||||
.t-one {width: 24.25%; margin: 1% 1% 0 0;}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width:550px) and (max-width:999px){
|
||||
.t-one {width:49%;margin: 1% 1% 0 0;}
|
||||
.lj_special_p {display: none;}
|
||||
.t-one:nth-child(2n) {margin: 1% 0 1% 1%;}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:549px){
|
||||
.t-one {width:100%;margin:2% 0;}
|
||||
.lj_special_p {display: none;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:1200px){
|
||||
.t-up img{margin-top: 35%;}
|
||||
}
|
||||
@media only screen and (min-width:1000px) and (max-width:1199px){
|
||||
.t-up img{margin-top: 45%;}
|
||||
}
|
||||
@media only screen and (min-width:769px) and (max-width:999px){
|
||||
.t-up img{margin-top: 26%;}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:640px) and (max-width:768px){
|
||||
.t-up img{margin-top: 30%;}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width:550px) and (max-width:639px){
|
||||
.t-up img{margin-top: 30%;}
|
||||
}
|
||||
@media only screen and (min-width:400px) and (max-width:549px){
|
||||
.t-up img{margin-top: 24%;}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:399px){
|
||||
.t-up img{margin-top: 28%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.t-one{float: left;background-color: #fff;position: relative;border-radius: 5%; padding: 2% 0;}
|
||||
.t-one:last-child{margin-right: 0;}
|
||||
.t-one p {text-align: center; line-height: 32px;}
|
||||
.t-up{width:100%;background: #51BDE9;opacity:0.85;text-align: center;position: absolute;top: 0;display:none;border-radius: 5%;}
|
||||
.sjx{width:0;height:0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #51BDE9;position: absolute;bottom:-3%;left:50%;opacity:0.85; margin-left: -15px;}
|
||||
.lj_special_p li {width:24.25%; margin-right:1%; text-align: center; padding: 4% 0 2%; float: left;}
|
||||
.lj_special_p li:last-child{margin-right:0;}
|
||||
.lj_special_line { width:50px; margin:6% auto; border-bottom: 1px solid #828282; }
|
||||
.special_font { color: #002855;}
|
||||
|
||||
/*special*/
|
||||
.text-desc{position: absolute; left: 0; top: 0; background-color: #4467a1; height: 100%; opacity: 0; width: 100%;}
|
||||
.li_special_b { padding:0 0 3% 0;}
|
||||
.li_special_b img {width:100%; display: block;}
|
||||
.spe_m {padding-top: 3%;}
|
||||
.lj_special { margin: auto;}
|
||||
.lj_special img {width:100%; display: block;}
|
||||
.lj_com-gray::before { content: "";left: 10%; right: 10%; border-bottom: 1px solid #dedede; position: absolute;top: 50%;z-index: 1;}
|
||||
.lj_special_com {text-align: center; position: relative; margin-bottom:3%;}
|
||||
.lj_special_com .comtit {font-size: 1.56em;color: #404040;}
|
||||
.special_eng{ letter-spacing: 0.1em; opacity: 0.5;}
|
||||
|
||||
.lj_special_com p {position: relative;display: inline-block;font-size: 1.33rem;z-index: 1;padding: 0 2rem;background-color: #fff;}
|
||||
.lj_special_img {width:100%;}
|
||||
.lj_special_img li{float: left; width:49%; margin:0.5% 1% 0.5% 0; list-style: none;}
|
||||
.lj_special_img li:nth-child(2n) {margin: 0.5% 0 0.5%;}
|
||||
|
||||
.lj_special_img01 {}
|
||||
.lj_special_img01 li{float: left; width:32%; margin:1%; list-style: none;}
|
||||
.lj_special_img01 li:nth-child(2n) {margin: 1% 0;}
|
||||
@media screen and (min-width:1366px){
|
||||
.special_title {top:40%;font-size: 1.8em; }
|
||||
.special_title01 {top:40%;font-size: 1.375em; }
|
||||
.lj_special { width:73%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1000px) and (max-width:1365px){
|
||||
.special_title {top:40%;font-size: 1.5em; }
|
||||
.special_title01 {top:36%;font-size: 1.2em; }
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.special_title {top:38%;font-size: 1.3em; }
|
||||
.special_title01 {top:32%;font-size: 1.1em; }
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:767px){
|
||||
.special_title {top:34%;font-size: 1.2em; }
|
||||
.special_title01 {top:36%;font-size:1em; }
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.special_title {top:40%;font-size:0.9em; }
|
||||
.special_title01 {top:30%;font-size: 0.9em; }
|
||||
.special_line {display: none;}
|
||||
.lj_special { width:90%;}
|
||||
}
|
||||
.special_title,.special_title01 {position: absolute; text-align: center;width:100%;}
|
||||
.special_line {border-bottom:1px solid #fff; width:50px; text-align: center; margin: auto; padding-top:4%; }
|
||||
|
||||
/* effect-1 css */
|
||||
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);}
|
||||
.port-1 .text-desc{opacity: 0.9; top: 100%; transition: 0.5s; color: #fff; }
|
||||
|
||||
.port-1 img{transition: 0.5s;}
|
||||
.port-1:hover img{transform: scale(1.2);}
|
||||
|
||||
.port-1.effect-1:hover .text-desc{top: 0;}
|
||||
|
||||
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
|
||||
.port-1.effect-2:hover .text-desc{bottom: 0;}
|
||||
|
||||
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
|
||||
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
|
||||
/* effect-1 css end */
|
||||
|
||||
|
||||
|
||||
44
public/frontend/web/css/subject/specil_new.css
Executable file
44
public/frontend/web/css/subject/specil_new.css
Executable file
@@ -0,0 +1,44 @@
|
||||
.banner-title{width:54.7%; margin-left:auto; margin-right: auto; margin-top:6vw; margin-bottom: 1.1vw;}
|
||||
.special_01{background-color:rgba(173,173,173,0.2); overflow: hidden;}
|
||||
.special_01 .content{background-color:#e3e3e3; margin-top:0.5vw; margin-bottom: 0.5vw; overflow: hidden; padding-top:2vw; padding-bottom: 2vw;}
|
||||
.special_01 .content p:nth-child(1){margin-bottom: 1.2vw; position: relative;}
|
||||
.special_01 .content p:nth-child(1) img{width:103px;}
|
||||
.special_01 .content p:nth-child(1) span{position: relative; width:103px; display: block; margin-left:auto; margin-right: auto;}
|
||||
.special_01 .content p:nth-child(1):before, .special_01 .content p:nth-child(1):after{content: ''; width:50px; height: 1px; background-color:#bfbfbf; position: absolute; top:50%; margin-top:-0.5px;}
|
||||
.special_01 .content p:nth-child(1):before{left:50%; margin-left:-125px;}
|
||||
.special_01 .content p:nth-child(1):after{right:50%; margin-right: -125px;}
|
||||
.special_01 .content p:nth-child(2){width:50%; margin:auto; line-height: 1.5em;}
|
||||
@media screen and (max-width:1439px){
|
||||
.special_01 .content p:nth-child(1) img, .special_01 .content p:nth-child(1) span{width:7.15vw;}
|
||||
.special_01 .content p:nth-child(2){width:70%; margin:auto; line-height: 1.5em;}
|
||||
}
|
||||
|
||||
.special_small_title{font-size:1.5em; }
|
||||
.special_title{font-size:3.75em; color:#009fe0; margin-top:2vw;}
|
||||
.special_text{font-size:1.125em; margin-top:2.8vw; line-height: 1.8em;}
|
||||
.special_button{font-size:1.5em; background-color:#009fe0; display: inline-block; padding:0.6vw 2.5vw; margin-top:3vw;}
|
||||
|
||||
.special_02{max-width:500px; margin-top:9.5vw;}
|
||||
.special_03{max-width:500px; margin-top:8.5vw; float: right; margin-right:-2.8vw;}
|
||||
.special_04{max-width:500px; margin-top:9.4vw;}
|
||||
.special_05{max-width:500px; margin-top:8vw; float: right; margin-right:-2.8vw;}
|
||||
.special_06{max-width:430px; margin-top:10.5vw;}
|
||||
|
||||
.special_num{width:12.1vw; background-color:rgba(255,255,255,0.1); overflow: hidden; text-align: center; line-height: 2em; font-size: 1.875em; color:#FFF; position: absolute; bottom: 0;}
|
||||
.special_num_l{left:0}
|
||||
.special_num_r{right: 0;}
|
||||
@media screen and (max-width:1439px){
|
||||
.special_small_title{font-size:1.125em; }
|
||||
.special_title{font-size:3em;}
|
||||
.special_text{font-size:1em;}
|
||||
.special_button{font-size:1.125em;}
|
||||
.special_num{font-size: 1.25em}
|
||||
.special_03, .special_05{margin-right:0vw;}
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.special_02{max-width:390px; margin-top:6.5vw;}
|
||||
.special_03{max-width:390px; margin-top:7.5vw;}
|
||||
.special_04{max-width:390px; margin-top:6vw;}
|
||||
.special_05{max-width:390px; margin-top:4vw}
|
||||
.special_06{max-width:320px; margin-top:5.5vw;}
|
||||
}
|
||||
81
public/frontend/web/css/subject/ssd.css
Executable file
81
public/frontend/web/css/subject/ssd.css
Executable file
@@ -0,0 +1,81 @@
|
||||
.ssd_banner{top:8vw; width:100%; left:0;}
|
||||
.ssd_02{width:60%; margin:auto; }
|
||||
.ssd_02 video{width:52.04vw; max-width:996px; margin-left:auto; margin-right: auto; }
|
||||
@media screen and (min-width:1481px){
|
||||
.ssd_02_des{width:60%; margin-left:auto; margin-right: auto;}
|
||||
}
|
||||
.ssd_left{width:36%; float: left;}
|
||||
.ssd_right{width:36%; float: right;}
|
||||
.ssd_button{background-color: #fff; display: inline-block; padding:0.2vw 2vw;}
|
||||
.ssd_02 span{border-bottom:1px solid #333; display: inline-block; padding-bottom: 0.5vw; }
|
||||
.ssd_p ul{width:102%; overflow: hidden;}
|
||||
.ssd_p ul li{width:24.25%; float: left; margin-right: 1%; max-width:348px; }
|
||||
.ssd_p ul li img{width:100%;}
|
||||
.ssd_p ul li:last-child{margin-right: 0;}
|
||||
.ssd_p .title{width:96%; top:6%;left:2%;}
|
||||
.ssd_p .capacity{text-align: center; top:82%; width:100%}
|
||||
@media screen and (min-width:1480px){
|
||||
.ssd_p .capacity .c_span{display: inline-block; margin-left:1%; margin-right: 1%; border:1px solid #d6d6d6; width:15%; font-size: 0.875em;}
|
||||
}
|
||||
@media screen and (max-width:1479px){
|
||||
.ssd_p .capacity .c_span{display: inline-block; margin-left:1%; margin-right: 1%; border:1px solid #d6d6d6; padding-left:1%; padding-right: 1%; font-size: 0.875em;}
|
||||
}
|
||||
.ssd_buy_button{width:100%; margin-top:1.2vw;}
|
||||
.ssd_buy_button a{padding-left: 5%;padding-right: 5%;height: 2em;margin-left: 2%;margin-right: 4%;border: 1px solid #5c5c5c;display: inline-block;line-height: 2em;color: #333;font-size: 1em;}
|
||||
.ssd_buy_button a:hover{background-color:#009fe0; color:#FFF; border:1px solid transparent; }
|
||||
.ssd_08{background:url("../../images/ssd/ssd_08.jpg") 100% 100%;}
|
||||
.ssd_08 i{border-bottom: 2px solid #333; padding-bottom: 0.2vw; }
|
||||
.font-48{line-height: 1.35em;}
|
||||
.font-18{line-height: 1.75em;}
|
||||
|
||||
/*SSD外置产品列表*/
|
||||
.ssd_p_three ul{width:102%; overflow: hidden;}
|
||||
.ssd_p_three ul li{width:31.875%; float: left; margin-right: 2.1875%; max-width:460px; margin-bottom: 2.1875%;}
|
||||
.ssd_p_three ul li img{width:100%;}
|
||||
.ssd_p_three ul li:nth-child(3n){margin-right: 0;}
|
||||
.ssd_p_three .font-30{line-height: 1.2em;}
|
||||
.ssd_p_three .title{width:96%; top:3.3vw;left:2%;}
|
||||
.ssd_p_three .capacity{text-align: center; top:72%; width:100%}
|
||||
.ssd_p_three .capacity .c_span{display: inline-block; margin-left:1%; margin-right: 1%; border:1px solid #d6d6d6; width:15%; font-size: 0.875em;}
|
||||
@media screen and (max-width:1480px){
|
||||
.ssd_02{width:80%;}
|
||||
.ssd_02_des{width:80%; margin-left:auto; margin-right: auto;}
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.padding-t-80{padding-top:3vw;}
|
||||
.margin-t-50{margin-top:2vw;}
|
||||
.ssd_left{width:50%; float: left;}
|
||||
.ssd_right{width:40%; float: right;}
|
||||
.margin-t-66{margin-top:1.5vw;}
|
||||
}
|
||||
.ssd_p ul li:hover, .ssd_p_three ul li:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.2)}
|
||||
|
||||
/*外置SSD视频*/
|
||||
.ssd_video{position: absolute; left:0; width:100%;}
|
||||
.ssd_video .left{width:29%; float: left; margin-right:3%; }
|
||||
.ssd_video .right{width:68%; float: right;}
|
||||
@media screen and (min-width:1460px){
|
||||
.ssd_video{position: absolute; top:50%; left:0; width:100%;}
|
||||
.ssd_video .swt-Container{margin-top:-275px;}
|
||||
}
|
||||
@media screen and (max-width:1459px){
|
||||
.ssd_video{position: absolute; top:4vw; left:0; width:100%;}
|
||||
}
|
||||
@media screen and (max-width:990px){
|
||||
.ssd_video{position: absolute; top:2.5vw; left:0; width:100%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
15
public/frontend/web/css/subject/stripe.css
Executable file
15
public/frontend/web/css/subject/stripe.css
Executable file
@@ -0,0 +1,15 @@
|
||||
.banner{top:8.8vw; width:100%;}
|
||||
.banner_subtitle{background-color:#344558; display: inline-block; padding:0.3vw 0.8vw 0.4vw;}
|
||||
.banner_text{margin-left:2.5vw;}
|
||||
|
||||
.stripe_left{width:36%; float: left;}
|
||||
.stripe_right{width:38%; float: right;}
|
||||
.font-18{line-height: 1.75em;}
|
||||
.stripe_button{background-color: #344558; display: inline-block; padding:0.3vw 2.2vw 0.4vw; color:#FFF;}
|
||||
/*产品列表背景*/
|
||||
.stripe_product_bg{background: url("../../images/ssd/ssd_08.jpg") 100% 100%; overflow: hidden; padding-bottom: 5.5vw; padding-top:5vw;}
|
||||
.stripe_subtitle{border-bottom: 2px solid #333; padding-bottom: 0.2vw;}
|
||||
@media screen and (max-width:1200px){
|
||||
.stripe_left{width:42%; float: left;}
|
||||
.stripe_right{width:42%; float: right;}
|
||||
}
|
||||
32
public/frontend/web/css/subject/thunderbolt_3.css
Executable file
32
public/frontend/web/css/subject/thunderbolt_3.css
Executable file
@@ -0,0 +1,32 @@
|
||||
.thunderbolt_3_banner{position: absolute; top:0; width:100%;}
|
||||
.thunderbolt_3_banner .content{margin-top:12vw; width:73.9vw; margin-left:auto; margin-right: auto;}
|
||||
.thunderbolt_3_banner .content .title{font-style: italic;}
|
||||
.thunderbolt_3_one{width:100%; margin-top:7vw;}
|
||||
.thunderbolt_3_one .left{width:26%; float: left; margin-right: 4.9027%;}
|
||||
.thunderbolt_3_one .right{width:69.0973%; float: left;}
|
||||
.thunderbolt_3_two{margin-top:15.8vw; width:40%;}
|
||||
.thunderbolt_3_three{padding-top:3.5vw; padding-bottom: 4vw;}
|
||||
.thunderbolt_3_three ul{margin-top:4vw;}
|
||||
.subject_three_list .subject_new_buy{position: absolute; bottom: 2.4vw; width:100%;}
|
||||
.thunderbolt_3_four{margin-top:12vw; width:40%;}
|
||||
.solid_blue{border-top:5px solid #009fe0; background-color:#FFF; position: relative;}
|
||||
.thunderbolt_3_five{position: absolute; left:9.5vw; top:4.8958vw; }
|
||||
.thunderbolt_3_six{width:40%; margin:6.5vw auto;}
|
||||
@media screen and (max-width:1400px){
|
||||
.thunderbolt_3_one{margin-top:4.5vw;}
|
||||
.thunderbolt_3_six{width:60%;}
|
||||
}
|
||||
.font-18{line-height: 1.8em;}
|
||||
.thunderbolt_3_seven{background-color:#f2f2f2; overflow: hidden;}
|
||||
.intel{position: absolute; top:10px; width:100%;}
|
||||
@media screen and (min-width:1480px){
|
||||
.intel_left{margin-left:200px;}
|
||||
}
|
||||
@media screen and (max-width:1479px){
|
||||
.intel{top:5px}
|
||||
.intel_left{margin-left:16vw; width:5.6757%}
|
||||
.intel_left img{width:100%; margin-top:15%;}
|
||||
}
|
||||
@media screen and (max-width:959px){
|
||||
.intel{display: none;}
|
||||
}
|
||||
149
public/frontend/web/css/subject/transparent.css
Executable file
149
public/frontend/web/css/subject/transparent.css
Executable file
@@ -0,0 +1,149 @@
|
||||
/*公共样式*/
|
||||
.transparent_title{font-size: 3em; line-height: 1.5em;}
|
||||
.transparent_subtitle{font-size: 1.75em; margin-top:5%; line-height: 1.5em;}
|
||||
.transparent_text{font-size: 1em; margin-top:1.8%; padding-top: 2em; line-height: 1.8em;}
|
||||
@media screen and (max-width:1440px){
|
||||
.transparent_title{font-size: 2.125em; line-height: 1.3em;}
|
||||
.transparent_subtitle{font-size: 1.5em; margin-top:2%; line-height: 1.5em;}
|
||||
.transparent_text{font-size: 1em; margin-top:2%; line-height: 1.8em;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.transparent_title{font-size: 2em; line-height: 1.3em;}
|
||||
.transparent_subtitle{font-size: 1.125em; margin-top:2%; line-height: 1.5em;}
|
||||
.transparent_text{font-size: 0.9em; margin-top:2%; line-height: 1.8em;}
|
||||
}
|
||||
@media screen and (max-width:1024px){
|
||||
.transparent_text{display: none;}
|
||||
}
|
||||
/*第一屏*/
|
||||
.transparent_01{position: absolute; width:100%; color:#FFF; top:17%; font-size: 2em}
|
||||
.transparent_01 .title{font-size: 2.125em; line-height: 2.5em;}
|
||||
.transparent_01 .text{font-size: 1em;}
|
||||
@media screen and (max-width:1440px){
|
||||
.transparent_01{font-size: 1.5em}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.transparent_01{font-size: 1em; top:10%; left:5%;}
|
||||
.transparent_01 .title{line-height: 1.875em;}
|
||||
}
|
||||
/*第二屏*/
|
||||
.transparent_02_bg{width:100%; background:url(../../images/transparent/transparent_02.jpg) no-repeat; padding-top:5%; padding-bottom: 5%; overflow: hidden;}
|
||||
.transparent_02{width:100%;}
|
||||
.transparent_02 .left{width:29%; float: left;}
|
||||
.transparent_02 .right{width:69%; float: right; position: relative}
|
||||
.transparent_02 .right img{opacity: 0;}
|
||||
@media screen and (max-width:768px){
|
||||
.transparent_02 .left{width:100%; text-align: center; margin-bottom: 3%;}
|
||||
.transparent_02 .right{width:100%; float: left; }
|
||||
}
|
||||
.transparent_02 video{position: absolute; top:0; left:0; width:100%; }
|
||||
/*第三屏*/
|
||||
.transparent_03{position: absolute; top:11.5%; width:100%;}
|
||||
.transparent_03_alltext{width:46%;}
|
||||
@media screen and (max-width:768px){
|
||||
.transparent_03_alltext{width:90%;}
|
||||
|
||||
}
|
||||
.transparent_03 .transparent_subtitle{margin-top:3.5%}
|
||||
/*第四屏*/
|
||||
.transparent_04{position: absolute; top:30%; width:100%;}
|
||||
.transparent_04_alltext{width:34%;}
|
||||
|
||||
/*第五屏*/
|
||||
.transparent_05{position: absolute; top:12%; width:100%;}
|
||||
.transparent_05_alltext{width:27%; float:right; text-right:right; margin-right:10%;}
|
||||
|
||||
/*第六屏*/
|
||||
.transparent_06_text{font-size: 1.25em; color:#333333;}
|
||||
.transparent_06{background-color:#f2f2f2; overflow: hidden; padding-top:3.5%; padding-bottom: 3.5%;}
|
||||
.transparent_06_four{width:100%; margin-top:3%;}
|
||||
.transparent_06_two{width:100%;}
|
||||
.transparent_06_four li{width:24.1%; margin-right:1.2%; float: left; position: relative; overflow: hidden; margin-bottom: 3.5%;}
|
||||
.transparent_06_four li:hover{box-shadow: 0px 5px 15px rgba(0,0,0,0.2)}
|
||||
.transparent_06_four .text{position: absolute; width:96%; text-align: center; top:14%; left:2%}
|
||||
@media screen and (min-width:461px){
|
||||
.transparent_06_four li .transparent_buy{position: absolute; bottom:-30%;}
|
||||
.transparent_06_four li:hover .transparent_buy{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
|
||||
}
|
||||
.transparent_buy .transparent_buy_button{position: relative; top:50%; margin-top:-1.5em; width:100%; text-align: center;}
|
||||
.transparent_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 2em; color:#333; font-size: 1em; }
|
||||
.transparent_buy a:hover{background-color:#009fe0; color:#FFF; border:1px solid transparent; }
|
||||
.transparent_06_four li:hover .transparent_buy{display: block;}
|
||||
|
||||
.transparent_06_two li{width:49.3%; margin-right:1.2%; float: left; position: relative; margin-bottom: 2%}
|
||||
.transparent_06_two li:last-child{margin-right: 0;}
|
||||
.transparent_06_two .all_text{position: absolute; top:27%; left:5%; width:50%;}
|
||||
.transparent_06_two .title, .transparent_06_one .title{margin-bottom: 5%;}
|
||||
.transparent_06_two .subtitle, .transparent_06_one .subtitle{font-size: 1.25em; color:#333333; margin-bottom: 10%;}
|
||||
.transparent_06_two .transparent_buy a, .transparent_06_one .transparent_buy a{margin-left:0;}
|
||||
|
||||
.transparent_06_one{width:100%; position: relative; overflow: hidden; background-color:#FFF; margin-bottom: 2.5%;}
|
||||
.transparent_06_one .all_text{position: absolute; top:26%; left:10%; width:30%;}
|
||||
@media screen and (min-width:991px){
|
||||
.transparent_06_four li:nth-child(4n){margin-right:0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1400px){
|
||||
.transparent_06_text{font-size: 1.2em}
|
||||
.transparent_buy a{font-size: 1em;}
|
||||
.transparent_06_two .subtitle, .transparent_06_one .subtitle{font-size: 1em;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:990px){
|
||||
.transparent_06_four li{width:32%; margin-right:2%}
|
||||
.transparent_06_four li:nth-child(3n){margin-right:0px;}
|
||||
.transparent_06_two li:last-child{margin-right: 0;}
|
||||
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:960px){
|
||||
.transparent_06_two .subtitle, .transparent_06_one .subtitle{display: none;}
|
||||
.transparent_06_two .transparent_buy, .transparent_06_one .transparent_buy{margin-top:15%;}
|
||||
}
|
||||
@media screen and (max-width:767px){
|
||||
.transparent_06_four li{width:46%; margin-left:2%; margin-right:2%;}
|
||||
.transparent_06_four li:nth-child(2n){margin-right:0}
|
||||
.transparent_06_two li{width:96%; margin-left:2%; margin-right:2%;}
|
||||
.transparent_06_one{width:96%; margin-left:auto; margin-right: auto;}
|
||||
.transparent_06_one .all_text{left:5%; width:50%; top:20%;}
|
||||
.transparent_06_two .title, .transparent_06_one .title{margin-bottom: 5%;}
|
||||
.transparent_06_one .subtitle{margin-bottom: 5%; display: none;}
|
||||
|
||||
.transparent_06_four li{background-color:#FFF; overflow: visible;}
|
||||
|
||||
}
|
||||
@media screen and (max-width:460px){
|
||||
.transparent_buy a{margin-left:1.5%; margin-right:1.5%; padding-left:3%; padding-right: 3%;}
|
||||
.transparent_06_four .text{top:8%;}
|
||||
.transparent_06_one .all_text{top:12%;}
|
||||
.transparent_06_four li .transparent_buy{bottom: 0;}
|
||||
.transparent_06_two .subtitle{display: none;}
|
||||
.transparent_06_four li .transparent_buy{height: 20%;}
|
||||
.transparent_06_four li:hover .transparent_buy{height: 20%;}
|
||||
.transparent_06_four li .transparent_buy{margin-bottom:1em}
|
||||
.transparent_06_four li:hover .transparent_buy{margin-bottom:1em}
|
||||
|
||||
}
|
||||
@media screen and (min-width:461px) and (max-width:768px){
|
||||
.transparent_06_four li .transparent_buy{overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
|
||||
.transparent_06_four li .transparent_buy{height: 16%;}
|
||||
.transparent_06_four li:hover .transparent_buy{height: 16%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user