init
This commit is contained in:
25
public/frontend/weben/css/subject/95_series.css
Executable file
25
public/frontend/weben/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("../../../web/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;}
|
||||
569
public/frontend/weben/css/subject/Anti-Fake.css
Executable file
569
public/frontend/weben/css/subject/Anti-Fake.css
Executable file
@@ -0,0 +1,569 @@
|
||||
body {
|
||||
font-family: 'Montserrat-Medium';
|
||||
}
|
||||
.fw_01 .list {
|
||||
position: relative;
|
||||
}
|
||||
.fw_01 .list:last-child {
|
||||
border-left: 1px solid #e3e3e3;
|
||||
}
|
||||
.fw_fw_title {
|
||||
width: calc((100% - 24px) / 2);
|
||||
border-radius: 12px;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
margin-right: 24px;
|
||||
}
|
||||
.fw_fw_title:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.fw_on {
|
||||
background-color: #004bfa;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/*新增swt*/
|
||||
.anti-fake {
|
||||
background-color: #f2f2f2 !important;
|
||||
}
|
||||
.list .title {
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
.list .sub-title {
|
||||
color: #9e9e9f;
|
||||
}
|
||||
.img-responsive {
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
}
|
||||
.form-title {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.form-input input,
|
||||
.form-input-code input {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.fw_button {
|
||||
background-color: #004bfa;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
}
|
||||
/*弹窗*/
|
||||
.Popup_all {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
.Popup_all .Popup {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
background-color: #fff;
|
||||
left: 50%;
|
||||
z-index: 100;
|
||||
color: #000;
|
||||
}
|
||||
.Popup_content .title {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.fw_button_two {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
.Popup_error .Popup {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
color: #fff;
|
||||
background-color: rgb(37, 36, 36);
|
||||
left: 50%;
|
||||
border-radius: 8px;
|
||||
z-index: 100;
|
||||
color: #fff;
|
||||
}
|
||||
.Popup_error .Popup_content {
|
||||
width: calc(100% - 24px);
|
||||
margin: 12px auto;
|
||||
}
|
||||
.result_title {
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
border-radius: 12px;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.result_content {
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.result_content .title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.result_content .des {
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
.result-t {
|
||||
text-align: center;
|
||||
padding: 1% 0;
|
||||
}
|
||||
.product_info {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.list .sub-title {
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.fw_fw_title {
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.fw_01 {
|
||||
width: 100%;
|
||||
margin: 24px auto;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.anti-fake-content {
|
||||
width: 1366px;
|
||||
margin: 64px auto;
|
||||
}
|
||||
.fw_one .list:last-child {
|
||||
width: 468px;
|
||||
padding-left: 40px;
|
||||
display: inline-table;
|
||||
}
|
||||
.fw_one .list {
|
||||
width: 778px;
|
||||
}
|
||||
.fw_two .list:last-child {
|
||||
width: 468px;
|
||||
padding-left: 40px;
|
||||
display: inline-table;
|
||||
}
|
||||
.fw_two .list {
|
||||
width: 778px;
|
||||
}
|
||||
.list .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.list .sub-title {
|
||||
font-size: 14px;
|
||||
margin-top: 6px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
.list .y-img {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
.list .y-img img {
|
||||
max-width: 363px;
|
||||
}
|
||||
.form-title {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.form-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.form-input input {
|
||||
width: 551px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
border-radius: 8px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.fw_button_one {
|
||||
padding: 14px 40px;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
border-radius: 28px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.form-input-code {
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.form-input-code input {
|
||||
width: 248px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
float: left;
|
||||
border-radius: 8px;
|
||||
margin-right: 40px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.verifyimg-img {
|
||||
height: 48px;
|
||||
width: 148px;
|
||||
}
|
||||
.fw_on::after {
|
||||
content: '';
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-bottom: -6px;
|
||||
transform: rotate(45deg);
|
||||
background-color: #004bfa;
|
||||
left: 50%;
|
||||
margin-left: -12px;
|
||||
z-index: 0;
|
||||
}
|
||||
.Popup_all .Popup {
|
||||
width: 640px;
|
||||
margin-top: -172px;
|
||||
margin-left: -320px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.Popup_all .Popup_content {
|
||||
width: calc(100% - 128px);
|
||||
margin: 36px auto;
|
||||
}
|
||||
.close {
|
||||
float: right;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-top: 32px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
.Popup_content .title {
|
||||
font-size: 20px;
|
||||
margin-top: 76px;
|
||||
}
|
||||
.Popup_all .Popup_content .des {
|
||||
font-size: 16px;
|
||||
margin-top: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.Popup_error .Popup_content .des {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.fw_button_two {
|
||||
padding: 14px 40px;
|
||||
font-size: 14px;
|
||||
border-radius: 28px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
.Popup_error .Popup {
|
||||
width: 360px;
|
||||
margin-left: -180px;
|
||||
}
|
||||
.result_title_content {
|
||||
width: 1366px;
|
||||
margin: 64px auto 0;
|
||||
}
|
||||
.result_title {
|
||||
font-size: 18px;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
.result_content {
|
||||
width: 1366px;
|
||||
margin: 32px auto;
|
||||
padding: 64px 120px;
|
||||
}
|
||||
.result_content .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.result_content .des {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
margin-top: 20px;
|
||||
width: 735px;
|
||||
}
|
||||
.product_info .left {
|
||||
width: 554px;
|
||||
margin-right: 88px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.product_info .info_title {
|
||||
font-size: 18px;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.product_info .left span:first-child {
|
||||
font-family: 'Montserrat-Bold';
|
||||
margin-right: 12px;
|
||||
}
|
||||
.product_info .right {
|
||||
border-left: 1px solid #e3e3e3;
|
||||
width: 481px;
|
||||
padding-left: 88px;
|
||||
}
|
||||
.product_info .sn_img {
|
||||
max-width: 376px;
|
||||
}
|
||||
.product_info .des {
|
||||
font-family: 'Montserrat-Regular';
|
||||
font-size: 14px;
|
||||
color: #9e9e9f;
|
||||
line-height: 20px;
|
||||
width: 396px;
|
||||
}
|
||||
.product_info .blue {
|
||||
color: #004bfa;
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 14px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.m-t-16 {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.m-t-8 {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.m-t-40 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1439px) {
|
||||
.fw_fw_title {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.fw_01 {
|
||||
width: 100%;
|
||||
margin: 24px auto;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.anti-fake-content {
|
||||
width: 92%;
|
||||
margin: 3.33vw auto;
|
||||
}
|
||||
.fw_one .list:last-child {
|
||||
width: 32.5vw;
|
||||
padding-left: 2.92vw;
|
||||
display: inline-table;
|
||||
}
|
||||
.fw_one .list {
|
||||
width: 55vw;
|
||||
}
|
||||
.fw_two .list:last-child {
|
||||
width: 32.5vw;
|
||||
padding-left: 2.77vw;
|
||||
display: inline-table;
|
||||
}
|
||||
.fw_two .list {
|
||||
width: 55vw;
|
||||
}
|
||||
.list .title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.list .sub-title {
|
||||
font-size: 12px;
|
||||
margin-top: 6px;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
.list .y-img {
|
||||
margin-top: 2.78vw;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.list .y-img img {
|
||||
max-width: 22.69vw;
|
||||
}
|
||||
.form-title {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.form-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.form-input input {
|
||||
width: 28.7vw;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
border-radius: 8px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.fw_button_one {
|
||||
padding: 8px 36px;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
border-radius: 28px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.form-input-code {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.form-input-code input {
|
||||
width: 13vw;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
border-radius: 8px;
|
||||
margin-right: 20px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.verifyimg-img {
|
||||
height: 36px;
|
||||
width: 108px;
|
||||
}
|
||||
.fw_on::after {
|
||||
content: '';
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-bottom: -6px;
|
||||
transform: rotate(45deg);
|
||||
background-color: #004bfa;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
z-index: 0;
|
||||
}
|
||||
.Popup_all .Popup {
|
||||
width: 480px;
|
||||
margin-top: -172px;
|
||||
margin-left: -240px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.Popup_all .Popup_content {
|
||||
width: calc(100% - 64px);
|
||||
margin: 24px auto;
|
||||
}
|
||||
.close {
|
||||
float: right;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: 12px;
|
||||
margin-right: 24px;
|
||||
}
|
||||
.Popup_content .title {
|
||||
font-size: 16px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
.Popup_all .Popup_content .des {
|
||||
font-size: 14px;
|
||||
margin-top: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.Popup_error .Popup_content .des {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.fw_button_two {
|
||||
padding: 8px 36px;
|
||||
font-size: 14px;
|
||||
border-radius: 28px;
|
||||
margin-top: 32px;
|
||||
}
|
||||
.Popup_error .Popup {
|
||||
width: 240px;
|
||||
margin-left: -120px;
|
||||
}
|
||||
.result_title_content {
|
||||
width: 92%;
|
||||
margin: 3.33vw auto 0;
|
||||
}
|
||||
.result_title {
|
||||
font-size: 16px;
|
||||
padding-top: 1.74vw;
|
||||
padding-bottom: 1.74vw;
|
||||
}
|
||||
.result_content {
|
||||
width: 92%;
|
||||
border-radius: 24px;
|
||||
padding: 4.44vw 8.33vw;
|
||||
margin-top: 2.22vw;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.result_content .title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.result_content .des {
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
width: 51.04vw;
|
||||
}
|
||||
.result_content .title {
|
||||
font-size: 16px;
|
||||
}
|
||||
.result_content .des {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-top: 20px;
|
||||
width: 51.04vw;
|
||||
}
|
||||
.product_info .left {
|
||||
width: 38.47vw;
|
||||
margin-right: 6.11vw;
|
||||
font-size: 12px;
|
||||
}
|
||||
.product_info .info_title {
|
||||
font-size: 18px;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.product_info .left span:first-child {
|
||||
font-family: 'Montserrat-Bold';
|
||||
margin-right: 12px;
|
||||
}
|
||||
.product_info .right {
|
||||
border-left: 1px solid #e3e3e3;
|
||||
width: 33.4vw;
|
||||
padding-left: 6.11vw;
|
||||
}
|
||||
.product_info .sn_img {
|
||||
max-width: 26.11vw;
|
||||
}
|
||||
.product_info .des {
|
||||
font-family: 'Montserrat-Regular';
|
||||
font-size: 12px;
|
||||
color: #9e9e9f;
|
||||
line-height: 16px;
|
||||
width: 27.5vw;
|
||||
}
|
||||
.product_info .blue {
|
||||
color: #004bfa;
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 12px;
|
||||
margin-top: 2.78vw;
|
||||
}
|
||||
.m-t-16 {
|
||||
margin-top: 1.11rem;
|
||||
}
|
||||
.m-t-8 {
|
||||
margin-top: 0.56rem;
|
||||
}
|
||||
.m-t-40 {
|
||||
margin-top: 2.78vw;
|
||||
}
|
||||
}
|
||||
.anti-fake-content .tab {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
}
|
||||
.fw_one,
|
||||
.fw_two {
|
||||
width: calc(100% - 6.66vw);
|
||||
padding-top: 3.12vw;
|
||||
padding-bottom: 3.12vw;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
margin: auto;
|
||||
}
|
||||
.fw_one .sub-title {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
480
public/frontend/weben/css/subject/RDCenter.css
Executable file
480
public/frontend/weben/css/subject/RDCenter.css
Executable file
@@ -0,0 +1,480 @@
|
||||
@media screen and (min-width:1400px){
|
||||
body, html{font-size:100%;}
|
||||
}
|
||||
@media screen and (min-width:1200px) and (max-width:1399px){
|
||||
body, html{font-size:95%;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1199px){
|
||||
body, html{font-size:90%;}
|
||||
}
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
body, html{font-size:85%;}
|
||||
}
|
||||
@media only screen and (min-width: 480px) and (max-width:639px){
|
||||
body, html{font-size:80%;}
|
||||
}
|
||||
@media only screen and (min-width: 384px) and (max-width:479px){
|
||||
body, html{font-size:75%;}
|
||||
}
|
||||
@media only screen and (max-width:383px){
|
||||
body, html{font-size:70%;}
|
||||
}
|
||||
|
||||
img{ max-width:100%; border:none; border:0; vertical-align:top;}
|
||||
|
||||
.rd_img { text-align: center;}
|
||||
.rd_img img {max-width:100%;}
|
||||
.rd_title{font-size:2em; color:#101010; padding:0 0 3%; text-align: center;font-family: "LATO-MEDIUM";}
|
||||
.rd_title-White{font-size: 2em; color:#FFFFFF; padding:0 0 3%; text-align: center; font-weight: 600;}
|
||||
@media screen and (min-width:1366px){
|
||||
.lj_rd_text {left: 12.5%;width:1440px; top:35%;}
|
||||
.lj_rd_text h3 { font-size: 3em; font-weight: 100; }
|
||||
.lj_rd_text .small {font-size:1.125em; width:50%; padding-top:1.8%; line-height: 1.8em; }
|
||||
.lj_rd_text h3::after {width:4%;height: 5px;}
|
||||
}
|
||||
@media screen and (min-width:960px) and (max-width:1365px){
|
||||
.lj_rd_text {left: 12.5%;width:1440px; top:35%;}
|
||||
.lj_rd_text h3 { font-size: 3em; font-weight: 100; }
|
||||
.lj_rd_text .small {font-size:1.125em; width:45%; padding-top:1%; line-height: 1.5em; }
|
||||
.lj_rd_text h3::after {width:4%;height: 5px;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:959px){
|
||||
.lj_rd_text {left: 12.5%;width:1440px; top:25%;}
|
||||
.lj_rd_text h3 { font-size: 3em; font-weight: 100; }
|
||||
.lj_rd_text .small {font-size:1.125em; width:45%; padding-top:1%; line-height: 1.5em; }
|
||||
.lj_rd_text h3::after {width:4%;height: 5px;}
|
||||
}
|
||||
|
||||
@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:2.5em; }
|
||||
.lj_rd_text .small {font-size:1.3em; width:80%;padding-top:1%; line-height:1.3em; }
|
||||
.lj_rd_text h3::after {width:4%;height: 5px;}
|
||||
}
|
||||
|
||||
@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 {font-size:1.4em; width:90%; line-height:1.2em; }
|
||||
.lj_rd_text h3::after {width:10%;height: 2px;}
|
||||
}
|
||||
|
||||
|
||||
.lj_rd_banner{ position: relative;}
|
||||
.lj_rd_text {position: absolute; margin: auto; color: #fff;text-align: left;}
|
||||
.lj_rd_text h3 { padding-bottom: 2.3%; text-align: left; font-family: "LATO-MEDIUM";}
|
||||
|
||||
|
||||
@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%;}
|
||||
@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: #101010; font-family: "LATO-MEDIUM";}
|
||||
@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; }
|
||||
|
||||
@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%; height: 100px;}
|
||||
.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%; height: 100px;}
|
||||
.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: #101010; padding-bottom: 3%;font-family: "LATO-MEDIUM";}
|
||||
@media screen and (min-width:1400px){
|
||||
.rd_img_b {width:1400px; }
|
||||
}
|
||||
|
||||
@media screen and (max-width:1399px){
|
||||
.rd_img_b {width:96%; }
|
||||
}
|
||||
|
||||
.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 {max-width:100%;}
|
||||
.rd_font_i { width:30%; }
|
||||
}
|
||||
@media screen and (min-width:1000px) and (max-width:1399px){
|
||||
.rd_pay_text { left: 5%;top:22%;}
|
||||
.rd_pay_r img {max-width:90%;}
|
||||
.rd_font_i { padding:2% 0 0 0; width:30%; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.rd_pay_text { left: 5%;top:12%;}
|
||||
.rd_pay_r img {max-width:90%;}
|
||||
.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_pay_r img {width:90%;}
|
||||
.rd_font_i { padding:2% 0 0 0; width:30%;line-height: 1.8em; }
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.rd_pay_text { left: 5%;top:8%;}
|
||||
.rd_pay_r img {width:90%;}
|
||||
.rd_font_i { padding:2% 0 0 0; width:40%; line-height: 1.5em; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*研发流程*/
|
||||
.n_rd_process{padding:3.2% 0;}
|
||||
@media screen and (min-width:1366px){
|
||||
.n_process_w {width:73%; margin: auto;}
|
||||
.n_pro_img01 {}
|
||||
.n_pro_img02 {display: none;}
|
||||
.n_pro_img03 {display: none;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:1365px){
|
||||
.n_process_w {width:73%; margin: auto;}
|
||||
.n_pro_img01 {display: none;}
|
||||
.n_pro_img02 { width:100%; margin: auto;}
|
||||
.n_pro_img03 {display: none;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.n_process_w {width:96%; margin: auto;}
|
||||
.n_pro_img01 {display: none;}
|
||||
.n_pro_img02 {display: none;}
|
||||
.n_pro_img03 { width:100%; margin: auto;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*211快速交付*/
|
||||
.n_rd_bg {background: url( ../../images/RDCenter/n_rd_bg_16.jpg) no-repeat;width:100%;height:100%; padding:4% 0;}
|
||||
|
||||
@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%; margin: auto; }
|
||||
.n_rd_text {padding: 20% 0 4.8% 20%;}
|
||||
.n_rd_text01 {padding: 5% 0 0 10%;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:999px){
|
||||
.n_rd_fast {width:96%; margin: auto; }
|
||||
.n_rd_f_s01,.n_rd_f_s{line-height:22px;}
|
||||
.n_rd_text {padding: 20% 0 4.8% 20%;}
|
||||
.n_rd_text01 {padding: 5% 0 0 10%;}
|
||||
}
|
||||
@media screen and (max-width:639px){
|
||||
.n_rd_fast {width:96%; margin: auto; }
|
||||
.n_rd_f_s01,.n_rd_f_s {display: none;}
|
||||
.n_rd_text {padding:5% 0 26.9% 10%;}
|
||||
.n_rd_text01 {padding: 5% 0 5% 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_c img {width:100%; display: block;}
|
||||
.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:#012853; font-weight: bold; }
|
||||
.n_tech_line {width:30px; background: #27aeee; height: 3px; }
|
||||
.n_tech_text {color: #012853; font-size: 1em; line-height:1.7em;}
|
||||
|
||||
/*数据传输技术*/
|
||||
.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; width:80%; margin: auto;}
|
||||
.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: #101010; font-size: 1.25em; padding-left: 3.5%; font-family: "LATO-MEDIUM";}
|
||||
.n_type_c_line {width:30px; background: #27aeee; height: 3px; margin:1% 0 0 3.5%;}
|
||||
.n_type_c_text { color: #101010; padding: 1% 0 0 3.5%; font-size: 1em;}
|
||||
.n_type_c_img { margin: auto; padding-left: 3.5%; }
|
||||
.n_type_c_img li {width:24%; margin-right: 1%; float: left; padding: 3% 0 0;}
|
||||
.n_type_c_img li:last-child {margin-right: 0;}
|
||||
|
||||
/*安全家用强电技术*/
|
||||
.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: #101010; font-size: 1.25em; font-family: "LATO-MEDIUM";}
|
||||
.n_rd_safe_line {width:30px; background: #27aeee; height: 3px; margin:2% 0 1% 0;}
|
||||
.n_rd_safe_text { color: #101010; padding: 1% 0 0 0; font-size: 1em; }
|
||||
.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: #444; text-align: center;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_make_all {width:1400px; margin: auto;}
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.lj_make_all {width:98%; margin: auto;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:900px){
|
||||
.lj_make_text {width:80%; font-size: 1.125em; line-height: 32px; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:899px){
|
||||
.lj_make_text {width:90%; font-size: 1.125em; line-height: 28px; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:400px) and (max-width:639px){
|
||||
.lj_make_text {width:98%; font-size: 1.3em; line-height: 28px; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:399px){
|
||||
.lj_make_text {width:98%; font-size: 1.4em; line-height: 22px; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.lj_make_con { padding: 2% 0;}
|
||||
.lj_make_con ul {}
|
||||
.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;}
|
||||
@media screen and (min-width:1024px){
|
||||
.lj_con_all {position: absolute; top:30%; width:100%; text-align: center; }
|
||||
.lj_con_title { text-align: center; color: #fff; font-size: 1.5em;padding-bottom: 5%; }
|
||||
.lj_con_text {font-size: 1em; line-height: 26px; width:90%; margin: auto; color: #fff;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:1023px){
|
||||
.lj_con_all {position: absolute; top:20%; width:100%; text-align: center; }
|
||||
.lj_con_title { text-align: center; color: #fff; font-size: 1.5em;padding-bottom: 5%; }
|
||||
.lj_con_text {font-size: 1em; line-height: 22px; width:90%; margin: auto; color: #fff;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_con_all {position: absolute; top:20%; width:100%; text-align: center; }
|
||||
.lj_con_title { text-align: center; color: #fff; font-size: 1.5em;padding-bottom: 5%; }
|
||||
.lj_con_text {font-size: 1em; line-height: 22px; width:90%; margin: auto; color: #fff;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_con_all {position: absolute; top:10%; width:100%; text-align: center; }
|
||||
.lj_con_title { text-align: center; color: #fff; font-size: 1.5em;padding-bottom: 3%; }
|
||||
.lj_con_text {font-size: 1.2em; line-height: 20px; width:90%; margin: auto; color: #fff;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_con_all {position: absolute; top:30%; width:100%; text-align: center; }
|
||||
.lj_con_title { text-align: center; color: #fff; font-size: 1.6em;padding-bottom: 3%; }
|
||||
.lj_con_text {font-size: 1.2em; line-height: 20px; width:90%; margin: auto; color: #fff; display: none;}
|
||||
}
|
||||
|
||||
|
||||
/* 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-1 css end */
|
||||
|
||||
/* effect-2 css */
|
||||
.port-2{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); perspective: 800px;}
|
||||
.port-2 .text-desc{z-index: -1; transition: 0.6s;}
|
||||
.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-1:hover .text-desc{opacity: 1;}
|
||||
|
||||
.port-2.effect-2 .text-desc{opacity: 1; top: -100%;}
|
||||
.port-2.effect-2:hover .text-desc{top: 0;}
|
||||
|
||||
.port-2.effect-3 .text-desc{opacity: 1; top: auto; bottom: -100%;}
|
||||
.port-2.effect-3:hover .text-desc{bottom: 0;}
|
||||
/* effect-2 css end */
|
||||
|
||||
/* effect-3 css */
|
||||
.port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); perspective: 500px;}
|
||||
.port-3 img{transition: 0.5s;}
|
||||
|
||||
.port-3.effect-1 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 20px 20px; opacity: 1;}
|
||||
.port-3.effect-1:hover .text-desc{transform: none;}
|
||||
.port-3.effect-1:hover img{opacity: 0; transform: scale(1.2)}
|
||||
|
||||
.port-3.effect-2 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center bottom 0; top: auto; bottom: 0; padding: 45px 20px 20px;}
|
||||
.port-3.effect-2:hover .text-desc{transform: none; opacity: 1;}
|
||||
.port-3.effect-2:hover img{transform: translateY(-100%)}
|
||||
|
||||
.port-3.effect-3 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 20px 20px;}
|
||||
.port-3.effect-3:hover .text-desc{transform: none; opacity: 1;}
|
||||
.port-3.effect-3:hover img{transform: translateY(100%)}
|
||||
/* effect-3 css end */
|
||||
|
||||
.lj_make_img {}
|
||||
@media screen and (min-width:769px){
|
||||
.lj_make_al { background:#fff; width:32.5%;}
|
||||
.lj_make_l { width:28%; font-weight: 600; color: #444;}
|
||||
.lj_make_r { width:70%; text-align: right; font-size: 0.9em;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:768px){
|
||||
.lj_make_al { background:#fff; width:32.63%; float: left; margin-right: 1%;}
|
||||
.lj_make_al:last-child {margin-right: 0;}
|
||||
.lj_make_l { width:90%; font-weight: 600; color: #444; text-align: center;}
|
||||
.lj_make_r { width:70%; text-align: right; font-size: 0.9em; display: none;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_make_al { background:#fff; width:32.63%; float: left; margin-right: 1%;}
|
||||
.lj_make_al:last-child {margin-right: 0;}
|
||||
.lj_make_l { width:90%; color: #444; text-align: center; font-size: 1.2em;}
|
||||
.lj_make_r { width:70%; text-align: right; font-size: 0.9em; display: none;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_make_al { background:#fff; width:32.63%; float: left; margin-right: 1%;}
|
||||
.lj_make_al:last-child {margin-right: 0;}
|
||||
.lj_make_l { width:90%; color: #444; text-align: center; font-size: 1.4em;}
|
||||
.lj_make_r { width:70%; text-align: right; font-size: 0.9em; display: none;}
|
||||
}
|
||||
|
||||
.lj_m_all {padding: 3%;}
|
||||
|
||||
/*品质保障体系*/
|
||||
.lj_quality_bg { padding: 4.2% 0;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_qua_icon {width:1400px;}
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.lj_qua_icon {width:96%;}
|
||||
}
|
||||
.lj_qua_icon {margin:0.3% auto; text-align: center;}
|
||||
|
||||
@media screen and (min-width:769px){
|
||||
.lj_qua_icon li {width:22%; float: left; margin-right: 15%; 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:640px) and (max-width:768px){
|
||||
.lj_qua_icon li {width:22%; 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:639px){
|
||||
.lj_qua_icon li {width:22%; float: left; margin-right: 17%; font-size: 1.2em; line-height: 20px; 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 (max-width:479px){
|
||||
.lj_qua_icon li {width:26%; float: left; margin:0 2%; font-size: 1.4em; line-height:18px; text-align: center;}
|
||||
.lj_qua_icon li:last-child {margin-right: 0;}
|
||||
.lj_qua_text {border-bottom: 1px solid #e5e9ee; padding-bottom:10px; margin-top:15%;}
|
||||
}
|
||||
138
public/frontend/weben/css/subject/backuper.css
Executable file
138
public/frontend/weben/css/subject/backuper.css
Executable file
@@ -0,0 +1,138 @@
|
||||
.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}
|
||||
.banner .button{
|
||||
font-size: 1.5em;
|
||||
margin-top:7.6vw;
|
||||
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; opacity: 0.85; }
|
||||
.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; margin-top:1.9vw}
|
||||
.backuper_03 {width:16.25%; left:7%; top:7.5vw; padding:7vw 8vw;}
|
||||
.backuper_03 .text{line-height: 1.5em; margin-top:4vw;}
|
||||
|
||||
.backuper_04{background-color:#000e20; overflow: hidden; padding-top:5.2%; padding-bottom: 5.2%;}
|
||||
.backuper_04 .all_content{width:79.3%; margin:auto;}
|
||||
.backuper_04 .button{
|
||||
width:100%;
|
||||
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);
|
||||
text-align: center;
|
||||
color:#FFF;
|
||||
font-size: 4em;
|
||||
line-height: 1.93em;
|
||||
border-radius: 1.93em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.backuper_04 .contentAll p{color:#FFF;}
|
||||
.backuper_04 .contentAll .sub_title{font-size: 3em; margin-top: 3.2vw; line-height: 1.5em;}
|
||||
.backuper_04 .contentAll .text{font-size: 1.5em; margin-top:1.3vw; line-height: 1.5em;}
|
||||
.contentAll ul{width:100%}
|
||||
.contentAll li{float: left; text-align: center; position: relative;}
|
||||
.contentAll .line{background-color:#1f97ff; width:2.6vw; height:4px; display: inline-block;}
|
||||
.contentAll li:nth-child(1){width:36%; margin-right: 8%; margin-left:13%; margin-bottom: 1vw;}
|
||||
.contentAll li:nth-child(2){width:30%; margin-right:13%; margin-bottom: 1vw}
|
||||
.contentAll li:nth-child(3){width:34%; margin-right: 2%;}
|
||||
.contentAll li:nth-child(4){width:29%; margin-right: 2%;}
|
||||
.contentAll li:nth-child(5){width:29%; margin-right: 0;}
|
||||
.backuper_05{color:#1d1d1d; position: absolute; top:10vw; left:10%; 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:10%; padding:5vw 3vw; top:9vw;}
|
||||
.backuper_07 .title{line-height: 1.125em;}
|
||||
.backuper_07 .text{width:85%; margin-top:2.5vw;}
|
||||
.backuper_08{width:22%; left:10%; padding:5vw 3vw; top:9vw;}
|
||||
.backuper_08 .title{line-height: 1.125em;}
|
||||
.backuper_08 .text{width:85%; margin-top:2.5vw;}
|
||||
.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{left:7%; width:28%;}
|
||||
.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){
|
||||
.title{font-size: 2em;}
|
||||
.backuper_03 {width:28%; left:7%; top:7.5vw; padding:4vw 4vw;}
|
||||
.backuper .text{font-size: 1.25em;}
|
||||
.backuper_06 .sub_title{font-size: 1.25em;}
|
||||
.backuper_07{top:6vw;}
|
||||
.backuper_08{top:6vw;}
|
||||
.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%;}
|
||||
}
|
||||
@media screen and (max-width:900px){
|
||||
.backuper_03 {width:34%; left:7%; top:5vw; 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:38%;}
|
||||
.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; }
|
||||
}
|
||||
video{width:100%; display: block;}
|
||||
87
public/frontend/weben/css/subject/brand - 20190527.css
Executable file
87
public/frontend/weben/css/subject/brand - 20190527.css
Executable file
@@ -0,0 +1,87 @@
|
||||
.lj_brand_bg {background: #e8eef0; padding:4.3% 0;}
|
||||
.vtext{margin-bottom:4%;}
|
||||
.vtext .tl1{font-size:2.25em;color:#101010;font-weight:bold;text-align:center;position:relative;}
|
||||
.vtext_01{font-size:2.25em;color:#101010;font-weight:bold;text-align:center;margin-bottom:3.4%;}
|
||||
.lj_brand_text {width:83%; margin:auto; text-align: center; font-size: 1.125em; color:#737373; 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{background:rgba(93,191,230,0.8); position: absolute; top: 8%; width: 50%; }
|
||||
.lj_brand_l {left: 0; padding: 3.6% 3.6% 3.5%;}
|
||||
.lj_brand_l_02 {right: 0; padding: 5.7% 5%;}
|
||||
.lj_brand_l_03 {left: 0; padding:9.5% 5% 8.5%;}
|
||||
.lj_b_big {font-size: 1.875em; color: #fff; padding-bottom: 20px;}
|
||||
.lj_b_small {font-size:1.125em; color: #fff; line-height:32px; width:85%;}
|
||||
.lj_float_r{float: right;}
|
||||
.lj_float_l{float: left; }
|
||||
.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: 25px;}
|
||||
.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:65%;}
|
||||
.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{width:94%; padding:5% 3%;}
|
||||
.lj_brand_l_02{ width:94%;padding:5% 3%;float: left; text-align: left;}
|
||||
.lj_brand_l_03 { width:94%;padding:5% 3%;}
|
||||
.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:#101010;}
|
||||
.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: #101010; 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;}
|
||||
}
|
||||
199
public/frontend/weben/css/subject/brand-20181112.css
Executable file
199
public/frontend/weben/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;}
|
||||
87
public/frontend/weben/css/subject/brand.css
Executable file
87
public/frontend/weben/css/subject/brand.css
Executable file
@@ -0,0 +1,87 @@
|
||||
.lj_brand_bg {background: #e8eef0; padding:3.2% 0;}
|
||||
.vtext{margin-bottom:3.2%;}
|
||||
.vtext .tl1{font-size:2em;color:#101010;font-weight:bold;text-align:center;position:relative;}
|
||||
.vtext_01{font-size:2em;color:#101010;font-weight:bold;text-align:center;margin-bottom:3.4%;}
|
||||
.lj_brand_text {width:83%; margin:auto; text-align: center; font-size: 1em; color:#737373; 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: 50%; }
|
||||
.lj_brand_l {left: 0; padding: 3.6% 3.6% 3.5%;}
|
||||
.lj_brand_l_02 {right: -50px; padding: 5.7% 0;}
|
||||
.lj_brand_l_03 {left: 0; padding:9.5% 5% 8.5%;}
|
||||
.lj_b_big {font-size: 1.875em; color: #333; padding-bottom: 3.5%;}
|
||||
.lj_b_small {font-size:1em; color: #737373; line-height:32px; width:85%;}
|
||||
.lj_float_r{float: right;}
|
||||
.lj_float_l{float: left; }
|
||||
.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: 25px;}
|
||||
.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:65%;}
|
||||
.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{width:94%; padding:5% 3%;}
|
||||
.lj_brand_l_02{ width:94%;padding:5% 3%;float: left; text-align: left;}
|
||||
.lj_brand_l_03 { width:94%;padding:5% 3%;}
|
||||
.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:#101010;}
|
||||
.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: #101010; margin-bottom:3.2%; 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;}
|
||||
}
|
||||
69
public/frontend/weben/css/subject/brand0804.css
Executable file
69
public/frontend/weben/css/subject/brand0804.css
Executable file
@@ -0,0 +1,69 @@
|
||||
.our_brand_con{ }
|
||||
.our_brand_bg {background: #fff; padding-bottom:80px;}
|
||||
.our_brand_bg:first-child { padding-top:80px !important;}
|
||||
.vtext{ display:flex;}
|
||||
.vtext .tl1{font-size:2em;color:#101010;font-weight:bold;text-align:center;position:relative;}
|
||||
.vtext .Table-Cell{
|
||||
width: 50%;
|
||||
}
|
||||
.vtext .Table-Cell .title{
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
line-height: 20px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
|
||||
}
|
||||
.vtext .Table-Cell hr{
|
||||
z-index: 99;
|
||||
width: 5%;
|
||||
height: 4px;
|
||||
background-color: blue;
|
||||
position: unset;
|
||||
margin-bottom: 40px;
|
||||
margin-left: 10%;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.vtext .right img{
|
||||
margin: 0 auto;
|
||||
margin-left: 10%;
|
||||
}
|
||||
.vtext .Table-Cell .des{
|
||||
width: 80%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.vtext .Table-Cell p{
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-size: 14px;
|
||||
color: #707070;
|
||||
line-height: 22px;
|
||||
margin-left: 10%;
|
||||
}
|
||||
.dis_bril_bg {background: #F2F2F2; padding: 4.2% 0; overflow: hidden;}
|
||||
.dis_bril_con {background: #fff; height:450px; overflow: hidden; display:flex;border-radius:16px}
|
||||
.dis_bril_div {width:33.3%; overflow: hidden;text-align:center}
|
||||
.dis_bril_div .iconimg{margin:0 auto;margin-top:50px;}
|
||||
.dis_bril_div .title{font-size:18px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:40px;}
|
||||
.dis_bril_div .subtitle{width:80%;font-size:14px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:40px;margin-left:10%}
|
||||
|
||||
@media screen and (max-width:1459px){
|
||||
.vtext .right img{
|
||||
margin: 0 auto;
|
||||
margin-left: 0;
|
||||
}
|
||||
.dis_bril_div {width:33.3%; overflow: hidden;text-align:center}
|
||||
.dis_bril_div .iconimg{margin:0 auto;margin-top:38px;}
|
||||
.dis_bril_div .title{font-size:14px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:32px;}
|
||||
.dis_bril_div .subtitle{width:80%;font-size:10px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:32px;margin-left:10%}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
321
public/frontend/weben/css/subject/catelists.css
Executable file
321
public/frontend/weben/css/subject/catelists.css
Executable file
@@ -0,0 +1,321 @@
|
||||
.achive{
|
||||
height: 460px;
|
||||
text-align: center;
|
||||
background-color: white !important;
|
||||
}
|
||||
.achive .title,.timeline .title,.tech .title{
|
||||
height: 180px;
|
||||
line-height: 180px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.achive .number{
|
||||
height: 200px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.achive .number .achive_shuju{
|
||||
width: 25%;
|
||||
}
|
||||
.achive .number .achive_shuju .title1{
|
||||
margin-top: 40px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}
|
||||
.achive .number .achive_shuju .subtitle1{
|
||||
|
||||
margin-top: 16px;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.timeline{
|
||||
/*height: 916px;*/
|
||||
background: #F2F2F2 !important;
|
||||
font-family: Montserrat, Montserrat;
|
||||
}
|
||||
.timeline1{
|
||||
/*height: 665px;*/
|
||||
/*background: #F8F8F8;*/
|
||||
padding-bottom: 10%;
|
||||
display: flex;
|
||||
}
|
||||
.timeline-con{
|
||||
width: 85%;
|
||||
height: 665px;
|
||||
background-color: white;
|
||||
border-radius: 16px ;
|
||||
}
|
||||
|
||||
/* 自定义滚动条的滑道 */
|
||||
/*.timeline-con::-webkit-scrollbar-track {*/
|
||||
/* 设置滑道背景色 */
|
||||
/* background-color: red; */
|
||||
/*}*/
|
||||
|
||||
/* 自定义滚动条的滑块 */
|
||||
/*.timeline-con::-webkit-scrollbar-thumb {*/
|
||||
/* 设置滑块背景色 */
|
||||
/* background-color: #888; */
|
||||
/* 设置滑块圆角 */
|
||||
/* border-radius: 5px;*/
|
||||
/*}*/
|
||||
|
||||
/* 自定义滚动条的滑块在鼠标悬停时的样式 */
|
||||
/*.timeline-con::-webkit-scrollbar-thumb:hover {*/
|
||||
/* 设置滑块背景色 */
|
||||
/* background-color: red;*/
|
||||
/*}*/
|
||||
.timeline-time{
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.tech{
|
||||
background-color: white;
|
||||
}
|
||||
.tech1{
|
||||
padding-bottom: 130px;
|
||||
|
||||
}
|
||||
.techcon{
|
||||
height: 350px;
|
||||
background-color: #F2F2F2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.techcon>div{
|
||||
width: 50%;
|
||||
}
|
||||
.techcon .text img{
|
||||
margin-top: 80px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year{
|
||||
margin-left: 65px;
|
||||
margin-top: 40px;
|
||||
font-size: 28px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context{
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img{
|
||||
margin-top: 25px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
@media screen and (min-width:1461px) and (max-width:1720px){
|
||||
.techcon{
|
||||
height: 300px;
|
||||
background-color: #F2F2F2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img{
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.techcon .tech-img img{
|
||||
width: 550px;
|
||||
margin-top: 35px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width:1459px){
|
||||
.techcon{
|
||||
height: 250px;
|
||||
background-color: #F2F2F2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img{
|
||||
margin-top: 40px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year{
|
||||
margin-left: 65px;
|
||||
margin-top: 20px;
|
||||
font-size: 22px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context{
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 12px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img{
|
||||
width: 440px;
|
||||
/*height: 175px;*/
|
||||
margin-top: 25px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*时间线*/
|
||||
@CHARSET "UTF-8";
|
||||
/*= Reset =*/
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
caption,th{font-weight:normal;text-align:left;}
|
||||
fieldset,img{border:0;}
|
||||
ul li{list-style:none;}
|
||||
h1,h2,h3,h4,h5,h6{font-size:100%;}
|
||||
h5{font-size:18px;margin-bottom:20px;color:#666;}
|
||||
h5 span{font-size:12px;color:#ccc;font-weight:normal;}
|
||||
blockquote:before,blockquote:after,q:before,q:after{content:"";}
|
||||
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
|
||||
input,button,textarea,select,option,optiongroup{font-family:inherit;font-size:inherit;}
|
||||
.bw0{border: none !important;}
|
||||
*:focus{outline:0;}
|
||||
legend{color:#000;}
|
||||
input,select{vertical-align:middle;}
|
||||
button{overflow:visible;}
|
||||
input.button,button{cursor:pointer;}
|
||||
button,input,select,textarea{margin:0;}
|
||||
textarea{overflow:auto;resize:none;}
|
||||
label[for],input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;}
|
||||
input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;}
|
||||
a { text-decoration:none;color:#1C3D72 }
|
||||
img{-ms-interpolation-mode:bicubic;}
|
||||
/* new clearfix */
|
||||
.clearfix:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
content: " ";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
* html .clearfix { zoom: 1; } /* IE6 */
|
||||
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
|
||||
.hidden{display:none;}
|
||||
.last{border-bottom:none !important;}
|
||||
blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;}
|
||||
.page { display:table;margin:0 auto;background:#fff;-moz-box-shadow: 0 5px 20px #CCCCCC;-webkit-box-shadow: 0 5px 20px #CCCCCC;box-shadow: 0 5px 20px #CCCCCC;}
|
||||
.about { box-shadow:0;-webkit-box-shadow:0;-moz-box-shadow:0; }
|
||||
.header { width:940px;height:90px;margin:0 auto;z-index:8; }
|
||||
.logo { margin:22px 0 0 0;float:left;display:inline; }
|
||||
.link { margin-top:30px;float:right;text-align:right; _width:718px; }
|
||||
.link li { float:left;display:inline;margin-left:60px; }
|
||||
.link li a{color:#4F4E4E;font-size:16px;font-weight:500;padding-bottom:6px;display:block;}
|
||||
.link li.active{border-bottom:2px solid #0066ff;}
|
||||
.link li.active a{color:#0066FF }
|
||||
.link li:hover { border-bottom:2px solid #0066ff;color:#0066FF }
|
||||
.link li a:hover{color:#0066FF }
|
||||
.adlist{padding:20px;}
|
||||
.adlist li{float:left;diaplay:inline;margin-left:30px;margin-bottom:20px;width:110px;}
|
||||
|
||||
.main { width:940px;margin:40px auto 10px auto;font-size:14px;display:table;padding-bottom:10px; border-bottom:1px solid #EEEEEE}
|
||||
.info { width:300px;float:left;margin-right:20px; }
|
||||
|
||||
.info ul{margin-left:-10px;}
|
||||
.info ul li{list-style:none;float:left;width:140px;padding-left:0;background:none;margin-left:10px;}
|
||||
.info ul{margin-left:-10px;}
|
||||
.b2 h3 { background-position:0 -26px; }
|
||||
.b3 { margin:0;position:relative; }
|
||||
|
||||
.b3 span a{color:#8C8C8C;font-weight:600}
|
||||
.b3 h3 { background-position:0 -52px; }
|
||||
|
||||
.info li a { color:#8c8c8c; }
|
||||
.info p { color:#8c8c8c; }
|
||||
.info p img { display:table;margin:10px 0; }
|
||||
.morelink{padding-top:20px;}
|
||||
.morelink li{float:left;width:180px;}
|
||||
|
||||
.box { width:100%;display: flex; }
|
||||
.left { width:140px;border-bottom:2px solid #DDD;background:#FFF;float:left; }
|
||||
.left li:hover { border-left:3px solid #0066ff; }
|
||||
.left li a { height:40px;line-height:40px;display:block;color:#333 }
|
||||
.left li a:hover,.left li.active a{color:#0066FF}
|
||||
.left li.active{border-left:3px solid #0066ff;}
|
||||
.left li {
|
||||
border-left:3px solid #fff;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
margin-bottom: 1px;
|
||||
overflow: hidden;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.event_year { width:100px;text-align:center;float:left;margin-top:10px; }
|
||||
.event_year li { height:50px;line-height:50px;border-left:1px solid #D4D4D4; font-size:18px;color:#828282;cursor:pointer; }
|
||||
.event_year li.current { border-left:4px solid #0066ff; color:#004BFA;font-weight:600;}
|
||||
|
||||
/* .event_list li { background:url('../img/jian.png') 136px -80px no-repeat; } */
|
||||
.event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px; }
|
||||
.event_list li p { width:90%;margin-left:24px;display:inline-block;padding-left:10px;line-height:25px;_float:left;font-size: 16px;margin-bottom: 10px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 20px;}
|
||||
.event_list li p span { width:100%;text-align:left;padding:0 15px 10px 15px;background:#FFF;margin:0; margin-left: 30px;}
|
||||
|
||||
.titlelist{line-height:24px;color: #8C8C8C;padding-bottom:20px;}
|
||||
.titlelist dt { font-weight: bold;color:#666;white-space: nowrap;margin:10px;}
|
||||
.titlelist dd {padding-left: 13px;}
|
||||
h1 {
|
||||
font-family: Tahoma,Arial,sans-serif;
|
||||
font-size: 14px;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.hr {
|
||||
border-top: 1px solid #CCD5DE;
|
||||
font-size: 0;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
margin: 15px 0;
|
||||
}
|
||||
.red {
|
||||
color: #0065CB;
|
||||
font-size:15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*时间线*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
233
public/frontend/weben/css/subject/charger.css
Executable file
233
public/frontend/weben/css/subject/charger.css
Executable file
@@ -0,0 +1,233 @@
|
||||
/*公共样式*/
|
||||
.charger_title{font-size: 3.75em;}
|
||||
.charger_subtitle{font-size: 1.875em; }
|
||||
.charger_text{font-size: 1.125em;}
|
||||
.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.25em; }
|
||||
.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.5em; line-height: 2.2em; 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{width:70%; margin-left:0%;}
|
||||
.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.5em; margin-top:1vw;}
|
||||
.charger_02 .charger_text{line-height: 1.75em; margin-top:1vw; }
|
||||
@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.5em; 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:3vw;}
|
||||
|
||||
|
||||
|
||||
.charger_04 li{width:19.2%; margin-right:1%; 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: 3.75em; line-height: 1.2em;}
|
||||
.charger_05 .sub_title{font-size: 1.875em; line-height: 1.5em; margin-top:1.8vw;}
|
||||
.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: 3.75em; line-height: 1.2em;}
|
||||
.charger_06 .sub_title{font-size: 1.875em; line-height: 1.5em; margin-top:1.8vw;}
|
||||
.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); overflow: hidden; 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:0; 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%;}
|
||||
}
|
||||
@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{osition: relative; bottom:0; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
269
public/frontend/weben/css/subject/contact-2018-11-8.css
Executable file
269
public/frontend/weben/css/subject/contact-2018-11-8.css
Executable file
@@ -0,0 +1,269 @@
|
||||
.lj_contact_banner { padding-bottom: 80px;}
|
||||
|
||||
.lj_contact {background: #fff;}
|
||||
.lj_contact_w { background:#f1f1f1; margin: auto;}
|
||||
|
||||
@media screen and (min-width:768px){
|
||||
.lj_contact_w { padding: 40px 0 ;width:75%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_contact_w { padding: 20px 0 ;width:90%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:639px){
|
||||
.lj_contact_w { padding: 10px 0 ;width:96%;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:1800px){
|
||||
.lj_content { padding: 0 192px;}
|
||||
}
|
||||
@media (min-width:1280px) and (max-width:1799px){
|
||||
.lj_content { padding: 0 80px;}
|
||||
}
|
||||
|
||||
@media (min-width:900px) and (max-width:1279px){
|
||||
.lj_content { padding: 0 30px;}
|
||||
}
|
||||
|
||||
@media (min-width:640px) and (max-width:899px){
|
||||
.lj_content { width:39%; margin: 0 2em; display: inline-block; height: 320px;}
|
||||
}
|
||||
|
||||
@media (max-width:639px){
|
||||
.lj_content { width:80%; margin: 0 3em;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_c_img,.lj_c_img_02,.lj_c_img_03{width:35%; padding: 0 5em 2.6em; text-align: center;}
|
||||
.lj_l_title,.lj_l_title_02,.lj_l_title_03{width:12%;font-size: 1em; padding-right: 40px; padding-top:5%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03 {width:30%;}
|
||||
.lj_l_title:after {top:80%; right: 0;}
|
||||
.lj_c_img:before{ height:55%;background: #cecece; width:1px; left:-6px; bottom: 0;}
|
||||
.lj_c_img_03:before {height:48%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03{ line-height: 26px;font-size: 0.9em;}
|
||||
}
|
||||
@media (min-width:1280px) and (max-width:1399px){
|
||||
.lj_c_img,.lj_c_img_02,.lj_c_img_03{width:35%; padding: 0 3em 2.6em;}
|
||||
.lj_l_title,.lj_l_title_02,.lj_l_title_03{width:13%;font-size: 1em; padding-right: 40px;padding-top:6%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03 {width:30%; }
|
||||
.lj_l_title:after {top:80%; right: 0;}
|
||||
.lj_c_img:before{ height:54%;background: #cecece; width:1px; left:-6px; bottom: 0;}
|
||||
.lj_c_img_03:before {height:50%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03{ line-height: 26px;font-size: 0.9em;}
|
||||
}
|
||||
@media (min-width:1024px) and (max-width:1279px){
|
||||
.lj_c_img,.lj_c_img_02,.lj_c_img_03{width:30%; padding: 0 2.5em 2.6em;}
|
||||
.lj_l_title,.lj_l_title_02,.lj_l_title_03{width:14%; padding-right: 30px;font-size: 1em;padding-top:5%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03 {width:40%; }
|
||||
.lj_l_title:after {top:80%; right: 0;}
|
||||
.lj_c_img:before{ height:48%;background: #cecece; width:1px; left:-6px; bottom: 0;}
|
||||
.lj_c_img_03:before {height:50%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03{ line-height: 20px;font-size: 0.9em;}
|
||||
}
|
||||
@media (min-width:900px) and (max-width:1023px){
|
||||
.lj_c_img,.lj_c_img_02,.lj_c_img_03{width:28%; padding: 0 2.5em 2.6em;}
|
||||
.lj_l_title,.lj_l_title_02,.lj_l_title_03{width:15%; padding-right: 30px;font-size: 1em;padding-top:5%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03 {width:40%; }
|
||||
.lj_l_title:after {top:80%; right: 0;}
|
||||
.lj_c_img:before{ height:45%;background: #cecece; width:1px; left:-6px; bottom: 0;}
|
||||
.lj_c_img_03:before {height:50%;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03{ line-height: 20px;font-size: 0.9em;}
|
||||
}
|
||||
@media (min-width:640px) and (max-width:899px){
|
||||
.lj_c_img,.lj_c_img_02,.lj_c_img_03{ text-align: left; width:100%; margin:1em auto;}
|
||||
.lj_l_title,.lj_l_title_02,.lj_l_title_03{width:100%; margin: auto; font-size: 1.1em; text-align: left;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03 {width:100%;text-align: left; }
|
||||
.lj_l_title:after,.lj_l_title_02:after ,.lj_l_title_03:after { display: none;}
|
||||
.lj_c_img:before,.lj_c_img_02:before{ display: none;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03{ line-height: 20px;font-size: 0.9em;}
|
||||
}
|
||||
@media (max-width:639px){
|
||||
.lj_c_img,.lj_c_img_02,.lj_c_img_03{ text-align: left; width:100%; margin:1em auto;}
|
||||
.lj_l_title,.lj_l_title_02,.lj_l_title_03{width:100%; margin: auto; font-size: 1.5em;padding:2em 0 0; text-align: left;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03 {text-align: left; margin: auto; }
|
||||
.lj_l_title:after,.lj_l_title_02:after,.lj_l_title_03:after { display: none;}
|
||||
.lj_c_img:before,.lj_c_img_02:before,.lj_l_title_03:after{ display: none;}
|
||||
.lj_r_text,.lj_r_text_02,.lj_r_text_03{ line-height: 24px;}
|
||||
}
|
||||
.lj_l_title { float: left; color: #002953; font-weight: 600; position: relative; }
|
||||
.lj_l_title:after {content: ""; position: absolute; width:8px; height: 8px; border-radius: 8px; background: #01ba30; border: 2px solid #ceead4;}
|
||||
.lj_c_img { float: left; position: relative;}
|
||||
.lj_c_img:before {content: ""; position: absolute; }
|
||||
.lj_r_text {float: left;}
|
||||
.lj_l_title_02 {float: left; color: #002953; font-weight: 600; position: relative; }
|
||||
.lj_l_title_02:after {content: ""; position: absolute; width:8px; height: 8px; right: 0; top:80%; border-radius: 8px; background: #ff6902; border: 2px solid #f2dfd0;z-index: 2;}
|
||||
.lj_c_img_02 { float: left; position: relative; }
|
||||
.lj_c_img_02:before {content: ""; position: absolute; height:100%; background: #cecece; width:1px; left:-6px; bottom: 0;z-index: 1;}
|
||||
.lj_r_text_02 { float: left;}
|
||||
.lj_l_title_03 { float: left; color: #002953;font-weight: 600; position: relative; }
|
||||
.lj_l_title_03:after {content: ""; position: absolute; width:8px; height: 8px; right: 0;bottom:0; border-radius: 8px; background: #2ecad6; border: 2px solid #d0eae9; z-index: 2;}
|
||||
.lj_c_img_03 { float: left; position: relative; }
|
||||
.lj_c_img_03:before {content: ""; position: absolute; background: #cecece; width:1px; left:-6px; top: 0; z-index: 1}
|
||||
.lj_r_text_03 { float: left; }
|
||||
.lj_p {margin: 40px 0;}
|
||||
.lj_contact_bg {position:relative;}
|
||||
|
||||
@media screen and (min-width:1600px){
|
||||
.lj_contact_l { width: 74%; margin: auto;}
|
||||
.lj_contact_l li{width: 25%;float: left;}
|
||||
.lj_contact_text { left: 0; top:0;}
|
||||
.lj_contact_text01 { left: 0; bottom:0;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.9em; padding:0 5%; line-height:28px; position: absolute;}
|
||||
.li_contact_img { text-align: center;}
|
||||
}
|
||||
@media (min-width:1460px) and (max-width:1599px){
|
||||
.lj_contact_l { width: 74%; margin: auto;}
|
||||
.lj_contact_l li{width: 25%;float: left;}
|
||||
.lj_contact_text { left: 0; top:0;}
|
||||
.lj_contact_text01 { left: 0; bottom:0;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.9em; padding:0 3%; line-height:24px; position: absolute;}
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 0.9em;}
|
||||
.li_contact_img { text-align: center;}
|
||||
}
|
||||
|
||||
@media (min-width:1366px) and (max-width:1459px){
|
||||
.lj_contact_l { width: 74%; margin: auto;}
|
||||
.lj_contact_l li{width: 25%;float: left;}
|
||||
.lj_contact_text { left: 0; top:0;}
|
||||
.lj_contact_text01 { left: 0; bottom:0;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.8em; padding:0 3%; line-height:22px; position: absolute;}
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 0.9em;}
|
||||
.li_contact_img { text-align: center;}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width:1000px) and (max-width:1365px){
|
||||
.lj_contact_l { width: 90%; margin: auto;}
|
||||
.lj_contact_l li{width: 25%;float: left;}
|
||||
.lj_contact_text { left: 0; top:0;}
|
||||
.lj_contact_text01 { left: 0; bottom:0;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.8em; padding:0 3%; line-height:20px; position: absolute; }
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 0.9em; margin: auto;}
|
||||
.li_contact_img { text-align: left;}
|
||||
}
|
||||
|
||||
@media (min-width:850px) and (max-width:999px){
|
||||
.lj_contact_l { width: 80%; margin: auto;}
|
||||
.lj_contact_l li{width:44%; margin-right: 12%; float: left;}
|
||||
.lj_contact_l li:nth-child(2n) {margin-right: 0;}
|
||||
.lj_contact_text { left: 0; top:2%;}
|
||||
.lj_contact_text01 { left: 0; bottom:10%;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.9em; padding:0 10%; line-height:26px; position: absolute; }
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 0.9em; margin: auto;}
|
||||
.li_contact_img { text-align: left;}
|
||||
}
|
||||
|
||||
@media (min-width:768px) and (max-width:849px){
|
||||
.lj_contact_l { width: 90%; margin: auto;}
|
||||
.lj_contact_l li{width:44%; margin-right: 12%; float: left;}
|
||||
.lj_contact_l li:nth-child(2n) {margin-right: 0;}
|
||||
.lj_contact_text { left: 0; top:2%;}
|
||||
.lj_contact_text01 { left: 0; bottom:10%;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.9em; padding:0 10%; line-height:26px; position: absolute; }
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 0.9em; margin: auto;}
|
||||
.li_contact_img { text-align: left;}
|
||||
}
|
||||
|
||||
@media (min-width:640px) and (max-width:767px){
|
||||
.lj_contact_l { width: 86%; margin: auto;}
|
||||
.lj_contact_l li{width:44%; margin-right: 12%; float: left;}
|
||||
.lj_contact_l li:nth-child(2n) {margin-right: 0;}
|
||||
.lj_contact_text { left: 0; top:2%;}
|
||||
.lj_contact_text01 { left: 0; bottom:10%;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.9em; padding:0 5%; line-height:26px; position: absolute; }
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 0.9em; margin: auto;}
|
||||
.li_contact_img { text-align: left;}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width:480px) and (max-width:639px){
|
||||
.lj_contact_l { width: 96%; margin: auto;}
|
||||
.lj_contact_l li{width:48%; margin-right: 4%; float: left;}
|
||||
.lj_contact_l li:nth-child(2n) {margin-right: 0;}
|
||||
.lj_contact_text { left: 0; top:2%;}
|
||||
.lj_contact_text01 { left: 0; bottom:10%;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.9em; padding:0 5%; line-height:22px; position: absolute; }
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 1.1em; margin: auto;}
|
||||
.li_contact_img { text-align: left;}
|
||||
}
|
||||
|
||||
@media (min-width:360px) and (max-width:479px){
|
||||
.lj_contact_l { width: 96%; margin: auto;}
|
||||
.lj_contact_l li{width:48%; margin-right: 4%; float: left;}
|
||||
.lj_contact_l li:nth-child(2n) {margin-right: 0;}
|
||||
.lj_contact_text { left: 0; top:2%;}
|
||||
.lj_contact_text01 { left: 0; bottom:10%;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:0.9em; padding:0 2%; line-height:18px; position: absolute; }
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 1em; margin: auto;}
|
||||
.li_contact_img { text-align: left;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width:359px){
|
||||
.lj_contact_l { width: 90%; margin: auto;}
|
||||
.lj_contact_l li{width:85%; margin:10px auto;}
|
||||
.lj_contact_text { left: 0; top:5%;}
|
||||
.lj_contact_text01 { left: 0; bottom:10%;}
|
||||
.lj_contact_text,.lj_contact_text01 {font-size:1em; padding:0 5%; line-height:24px; position: absolute; }
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { font-size: 1.1em; margin: auto;}
|
||||
.li_contact_img { text-align: left;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.li_contact_title,.li_contact_title02,.li_contact_title03,.li_contact_title04 { color: #fff; text-align: center; font-weight: 600; position: relative;line-height:40px;}
|
||||
.li_contact_title:before,.li_contact_title02:before,.li_contact_title03:before,.li_contact_title04:before{content: ""; position: absolute; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent;}
|
||||
.li_contact_title { background: #00bb31; }
|
||||
.li_contact_title:before {top:-10px; left:45%; border-bottom:10px solid #00bb31;}
|
||||
.li_contact_title02 { background: #ff6900; }
|
||||
.li_contact_title02:before {bottom:-10px; left:45%; border-top:10px solid #ff6900; z-index: 2;}
|
||||
.li_contact_title03 { background: #963cbd; }
|
||||
.li_contact_title03:before {top:-10px; left:45%; border-bottom:10px solid #963cbd;}
|
||||
.li_contact_title04 { background: #2dccd3;}
|
||||
.li_contact_title04:before {bottom:-10px; left:45%; border-top:10px solid #2dccd3;z-index: 2;}
|
||||
.li_p {padding-top: 20px;}
|
||||
.li_color {color: #009fdf; text-decoration: underline;}
|
||||
|
||||
/*icon*/
|
||||
@media screen and (min-width:1280px){
|
||||
.lj_icon {width:90%; margin: auto;}
|
||||
.lj_icon li {width:33.333%;font-size: 1em;text-align: center;}
|
||||
.li_icon_p {padding:0 0 30px;}
|
||||
}
|
||||
|
||||
@media (min-width:800px) and (max-width:1279px){
|
||||
.lj_icon {width:90%; margin: auto;}
|
||||
.lj_icon li {width:33.33%; padding: 20px 0;font-size: 0.9em;text-align: center;}
|
||||
.li_icon_p {padding:0 0 20px;}
|
||||
}
|
||||
|
||||
@media (min-width:640px) and (max-width:799px){
|
||||
.lj_icon {width:98%; margin: auto;}
|
||||
.lj_icon li {width:50%; padding: 15px 0;font-size: 0.9em;text-align: center;}
|
||||
.li_icon_p {padding:0 0 10px; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width:480px) and (max-width:639px){
|
||||
.lj_icon {width:98%; margin: auto;}
|
||||
.lj_icon li {width:49%; padding: 15px 0;font-size: 0.9em;text-align: center;}
|
||||
.li_icon_p {padding:0 0 10px; }
|
||||
}
|
||||
|
||||
@media (max-width:479px){
|
||||
.lj_icon {width:90%; margin: auto;}
|
||||
.lj_icon li {width:90%; padding: 15px 0;font-size: 0.9em;text-align: center;}
|
||||
.li_icon_p {padding:0 0 10px; }
|
||||
}
|
||||
|
||||
.lj_icon li { float: left; }
|
||||
323
public/frontend/weben/css/subject/contact.css
Executable file
323
public/frontend/weben/css/subject/contact.css
Executable file
@@ -0,0 +1,323 @@
|
||||
body {
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
.banner_title {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
top: 50%;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
margin-top: -28px;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.info_all {
|
||||
display: block;
|
||||
}
|
||||
.contact_c .title {
|
||||
color: #000;
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.all_contact {
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.info_all {
|
||||
border-top: 1px solid #e3e3e3;
|
||||
}
|
||||
.info_all .list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.question_form .list .title,
|
||||
.info_all .list .title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
input::placeholder {
|
||||
font-size: 14px;
|
||||
color: #9e9e9f;
|
||||
}
|
||||
textarea::placeholder {
|
||||
font-size: 14px;
|
||||
color: #9e9e9f;
|
||||
}
|
||||
.form_input input,
|
||||
.form_input textarea {
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.become_dis {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #004bfa;
|
||||
background-color: #fff;
|
||||
border-radius: 12px;
|
||||
margin-top: 24px;
|
||||
font-family: 'Montserrat-SemiBold';
|
||||
}
|
||||
input::-webkit-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
input:-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
input::-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
textarea::-webkit-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
textarea:-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
textarea::-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
textarea:-ms-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 14px;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
.contact_button {
|
||||
background-color: #004bfa;
|
||||
color: #fff;
|
||||
font-family: 'Montserrat-Bold';
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.banner_title {
|
||||
font-size: 56px;
|
||||
}
|
||||
.contact_c {
|
||||
width: 1366px;
|
||||
margin: auto;
|
||||
}
|
||||
.all_contact {
|
||||
width: 100%;
|
||||
padding: 64px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
.info,
|
||||
.question {
|
||||
width: 575px;
|
||||
}
|
||||
.info {
|
||||
margin-right: 88px;
|
||||
}
|
||||
.contact_c .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.info_all {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.info_all .list {
|
||||
padding-top: 37px;
|
||||
padding-bottom: 37px;
|
||||
border-bottom: 1px solid #e3e3e3;
|
||||
}
|
||||
.info_all .list .list_img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
.info_all .list .list_img img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
.info_all .list .list_right {
|
||||
width: 510px;
|
||||
}
|
||||
.info_all .list .title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.info_all .list .des {
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
line-height: 24px;
|
||||
}
|
||||
.info_all .sub_list {
|
||||
width: 243px;
|
||||
margin-right: 24px;
|
||||
}
|
||||
.info_all .sub_list:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.question_form .list {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.question_form .list .title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.question_form .list {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.form_input input {
|
||||
margin-top: 8px;
|
||||
padding: 16px;
|
||||
font-size: 14px;
|
||||
width: calc(100% - 32px);
|
||||
line-height: 16px;
|
||||
}
|
||||
.form_input textarea {
|
||||
margin-top: 8px;
|
||||
padding: 16px;
|
||||
font-size: 14px;
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
.become_dis {
|
||||
padding-top: 32px;
|
||||
padding-bottom: 26px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.contact_button {
|
||||
padding: 15px 40px;
|
||||
border-radius: 28px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1439px) {
|
||||
.banner_title {
|
||||
font-size: 48px;
|
||||
}
|
||||
.all_contact {
|
||||
width: 100%;
|
||||
padding: 2.22vw;
|
||||
margin-top: 3.33vw;
|
||||
}
|
||||
.contact_c {
|
||||
width: 92%;
|
||||
margin: auto;
|
||||
}
|
||||
.info,
|
||||
.question {
|
||||
width: 39.93vw;
|
||||
}
|
||||
.info {
|
||||
margin-right: 6.11vw;
|
||||
}
|
||||
.contact_c .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.info_all {
|
||||
margin-top: 2.78vw;
|
||||
}
|
||||
.info_all .list {
|
||||
padding-top: 2.57vw;
|
||||
padding-bottom: 2.57vw;
|
||||
border-bottom: 1px solid #e3e3e3;
|
||||
}
|
||||
.info_all .list .list_img {
|
||||
width: 3.33vw;
|
||||
height: 3.33vw;
|
||||
margin-right: 16px;
|
||||
}
|
||||
.info_all .list .list_img img {
|
||||
width: 100%;
|
||||
}
|
||||
.info_all .list .list_right {
|
||||
width: 35.41vw;
|
||||
}
|
||||
.info_all .list .title {
|
||||
font-size: 12px;
|
||||
}
|
||||
.info_all .list .des {
|
||||
font-size: 12px;
|
||||
color: #000;
|
||||
line-height: 18px;
|
||||
}
|
||||
.info_all .sub_list {
|
||||
width: 16.88vw;
|
||||
margin-right: 1.67vw;
|
||||
}
|
||||
.info_all .sub_list:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.question_form .list {
|
||||
margin-top: 1.67vw;
|
||||
}
|
||||
.question_form .list .title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.question_form .list {
|
||||
margin-top: 1.67vw;
|
||||
}
|
||||
.form_input input {
|
||||
margin-top: 8px;
|
||||
padding: 1.11vw;
|
||||
font-size: 14px;
|
||||
width: calc(100% - 2.22vw);
|
||||
line-height: 14px;
|
||||
}
|
||||
.form_input textarea {
|
||||
margin-top: 8px;
|
||||
padding: 1.11vw;
|
||||
font-size: 12px;
|
||||
width: calc(100% - 2.22vw);
|
||||
}
|
||||
.become_dis {
|
||||
padding-top: 2.22vw;
|
||||
padding-bottom: 1.81vw;
|
||||
font-size: 18px;
|
||||
}
|
||||
input::-webkit-input-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
input:-moz-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
input::-moz-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
input:-ms-input-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
textarea::-webkit-input-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
textarea:-moz-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
textarea::-moz-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
textarea:-ms-input-placeholder {
|
||||
font-size: 12px;
|
||||
}
|
||||
.contact_button {
|
||||
padding: 10px 36px;
|
||||
border-radius: 28px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
26
public/frontend/weben/css/subject/culture-原.css
Executable file
26
public/frontend/weben/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;}
|
||||
}
|
||||
738
public/frontend/weben/css/subject/culture.css
Executable file
738
public/frontend/weben/css/subject/culture.css
Executable file
@@ -0,0 +1,738 @@
|
||||
.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_top{
|
||||
background: #F2F2F2;
|
||||
}
|
||||
.culture_top img{
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.culture_bril_con {background: #F2F2F2; overflow: hidden; display:flex}
|
||||
.culture_bril_div {width:29%;height:597px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px}
|
||||
.culture_bril_div:first-child{margin-left:0;}
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:50px;}
|
||||
.culture_bril_div .title{font-size:18px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:32px;width: 90%;margin-left: 5%;}
|
||||
.culture_bril_div .subtitle{width:80%;font-size:14px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:22px;margin-left:10%}
|
||||
@media screen and (min-width:1461px) and (max-width:1720px){
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:36px;}
|
||||
.culture_bril_div .iconimg img{margin:0 auto;width:323px;height:178px}
|
||||
|
||||
}
|
||||
@media screen and (max-width:1459px){
|
||||
.culture_bril_div {width:29%;height:450px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px}
|
||||
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:36px;}
|
||||
.culture_bril_div .iconimg img{margin:0 auto;width:283px;height:138px}
|
||||
.culture_bril_div .title{font-size:14px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:25px;}
|
||||
.culture_bril_div .subtitle{width:80%;font-size:10px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:15px;margin-left:10%;padding-bottom:5%}
|
||||
}
|
||||
|
||||
.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: 3em;
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
text-align: center;
|
||||
padding-top: 2.3%;
|
||||
padding-bottom: 2%;
|
||||
line-height: 2em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
}
|
||||
.culture_vision .left {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .left img,.culture_vision .right img{
|
||||
border-radius: 16px;
|
||||
}
|
||||
.culture_vision .center {
|
||||
width: 6.6%;
|
||||
}
|
||||
.culture_vision .right {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
font-size: 20px;
|
||||
color: #101010;
|
||||
line-height: 2em;
|
||||
margin-bottom: 2%;
|
||||
font-weight: 600;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
}
|
||||
|
||||
.culture_vision .left p {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
}
|
||||
.culture_vision .right p {
|
||||
margin-left: 5%;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
margin-right: 10%;
|
||||
}
|
||||
.culture_vision .des {
|
||||
font-size: 16px;
|
||||
color: #737373;
|
||||
line-height: 1.6rem;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
}
|
||||
.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: 2em;
|
||||
}
|
||||
.culture_new_banner .des {
|
||||
font-size: 1em;
|
||||
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;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
color: #101010;
|
||||
line-height: 2em;
|
||||
margin-bottom: 2%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_vision .des {
|
||||
color: #737373;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_vision .right p {
|
||||
margin-left: 0;
|
||||
|
||||
}
|
||||
.culture_vision .left p {
|
||||
margin-left: -10%;
|
||||
}
|
||||
}
|
||||
@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: 2em;
|
||||
color: #101010;
|
||||
padding: 4.5% 0 0.6%;
|
||||
font-weight: 600;
|
||||
line-height: 1.8em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
}
|
||||
.culture_new .des {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.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: 1em;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 3.5%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_new li .list-des {
|
||||
color: #737373;
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
width: 92%;
|
||||
line-height: 1.6em;
|
||||
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 #101010;
|
||||
display: inline-block;
|
||||
}
|
||||
.culture_new_gray .title {
|
||||
font-size: 1.5em;
|
||||
color: #101010;
|
||||
line-height: 1.8em;
|
||||
margin-bottom: 2.8%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
}
|
||||
|
||||
/*我们会*/
|
||||
.wewill_title {
|
||||
font-size: 2em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
}
|
||||
.wewill_des {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.wewill_des_text {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
.wewill_title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.wewill_des {
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.wewill_des_text {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.cul_line {
|
||||
width: 40px;
|
||||
height: 3px;
|
||||
background: #0e0e0e;
|
||||
margin: 2% 0;
|
||||
}
|
||||
|
||||
.wewill_01 {
|
||||
padding: 3.2% 0;
|
||||
background-image: url(../../images/culture/wewill_bg.jpg);
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.wewill_01 .left {
|
||||
width: 32.5%;
|
||||
float: left;
|
||||
}
|
||||
.wewill_01 .right {
|
||||
width: 55%;
|
||||
float: left;
|
||||
padding-top: 5%;
|
||||
padding-left: 6%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 4%;
|
||||
}
|
||||
@media screen and (max-width: 1280px) {
|
||||
.wewill_01 .right {
|
||||
padding-top: 3%;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
.wewill_01 .right {
|
||||
padding-top: 0;
|
||||
width: 60%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 2%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.wewill_01 .left {
|
||||
width: 100%;
|
||||
}
|
||||
.wewill_01 .wewill_title {
|
||||
margin-top: 4%;
|
||||
}
|
||||
.wewill_01 .right {
|
||||
width: 100%;
|
||||
padding: 2% 0 3%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 3%;
|
||||
}
|
||||
}
|
||||
|
||||
.wewill_bg {
|
||||
background: #f1f1f1;
|
||||
padding: 3% 0;
|
||||
}
|
||||
.wewill_02 .wewill_title {
|
||||
text-align: center;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
||||
.wewill_02 .wewill_des {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-top: 5%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.wewill_02 .text_width {
|
||||
width: 32.4%;
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 5px 15px #e6e6e6;
|
||||
}
|
||||
.wewill_02 .spacing {
|
||||
width: 1.4%;
|
||||
}
|
||||
.wewill_02 .text_all {
|
||||
width: 88%;
|
||||
margin: 6% auto;
|
||||
}
|
||||
.wewill_02 .wewill_des_text {
|
||||
text-align: left;
|
||||
}
|
||||
.wewill_02 .sub_title {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.wewill_03 {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wewill_03 .wewill_title {
|
||||
text-align: center;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
||||
.wewill_03 .wewill_des {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.wewill_03 ul {
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
.wewill_03 li {
|
||||
width: 31%;
|
||||
margin-right: 3.5%;
|
||||
float: left;
|
||||
}
|
||||
.wewill_03 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wewill_03 .wewill_des_text {
|
||||
font-size: 1.25em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
margin-top: 5%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.wewill_02 .text_width {
|
||||
width: 100%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.wewill_02 .spacing {
|
||||
display: none;
|
||||
}
|
||||
.wewill_02 .text_all {
|
||||
width: 80%;
|
||||
margin: 6% auto;
|
||||
text-align: center;
|
||||
}
|
||||
.wewill_03 li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wewill_03 li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.wewill_03 .wewill_des_text {
|
||||
margin-top: 2%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
.wewill_03 .wewill_des {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
/*我们是*/
|
||||
.weare_bg {
|
||||
background: #f5f5f5;
|
||||
padding: 3vw 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_bg_white {
|
||||
background-color: #fff;
|
||||
}
|
||||
.weare_idea .left {
|
||||
width: 70%;
|
||||
}
|
||||
.weare_idea .right {
|
||||
width: 20%;
|
||||
vertical-align: middle;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.weare_idea_all {
|
||||
width: 90%;
|
||||
padding: 5%;
|
||||
}
|
||||
.weare_idea_all .wewill_title {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
.weare_idea p {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.weare_idea .margin-top {
|
||||
margin-top: 3.5%;
|
||||
}
|
||||
|
||||
.weare_03 {
|
||||
margin-top: 5%;
|
||||
margin-bottom: 5%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_03 li {
|
||||
width: 31%;
|
||||
float: left;
|
||||
margin-right: 3.5%;
|
||||
text-align: center;
|
||||
}
|
||||
.weare_03 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.weare_03 .wewill_des {
|
||||
font-weight: 600;
|
||||
margin-top: 3%;
|
||||
color: #333333;
|
||||
}
|
||||
.weare_03 .wewill_des_text {
|
||||
margin-top: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.weare_04 .wewill_title {
|
||||
text-align: center;
|
||||
}
|
||||
.weare_04 .wewill_des {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
margin-top: 1.5%;
|
||||
font-weight: 600;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.weare_04 .wewill_des_text {
|
||||
text-align: center;
|
||||
margin-top: 1%;
|
||||
width: 76%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 1em;
|
||||
}
|
||||
.weare_04 ul {
|
||||
margin-top: 2%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_04 li {
|
||||
width: 32%;
|
||||
margin-right: 2%;
|
||||
float: left;
|
||||
}
|
||||
.weare_04 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.weare_idea .left {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.weare_idea .right {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-bottom: 7%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_idea .right img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.weare_03 li {
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.weare_04 li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
}
|
||||
177
public/frontend/weben/css/subject/culture111.css
Executable file
177
public/frontend/weben/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/weben/css/subject/culture原.css
Executable file
140
public/frontend/weben/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;}
|
||||
|
||||
27
public/frontend/weben/css/subject/decennial.css
Executable file
27
public/frontend/weben/css/subject/decennial.css
Executable file
@@ -0,0 +1,27 @@
|
||||
.ten_title{font-size: 3.125em; padding-top:4.8vw; padding-bottom: 3.5vw;}
|
||||
.ten_title01{padding-top: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("/frontend/web/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("/frontend/web/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;}
|
||||
.padding-t-48vw{padding-top: 4.8vw;}
|
||||
.margin-b-30vw{margin-bottom: 3vw;}
|
||||
.margin-t-15vw{margin-top: 1.5vw;}
|
||||
237
public/frontend/weben/css/subject/distributor.css
Executable file
237
public/frontend/weben/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:#101010;}
|
||||
.distributor_text_gray{color:#737373;}
|
||||
.cursor{cursor:pointer;}
|
||||
/*第二屏*/
|
||||
.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:10%; margin-right: 8%}
|
||||
.distributor_two .right{width:68%; 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%; 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%; color: #FFFFFF; font-size: 1.125em; line-height: 2em;padding-bottom: 1em;}
|
||||
.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:#101010;}
|
||||
.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:#101010; 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.2em; 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:#101010; 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;}
|
||||
}
|
||||
111
public/frontend/weben/css/subject/fan.css
Executable file
111
public/frontend/weben/css/subject/fan.css
Executable file
@@ -0,0 +1,111 @@
|
||||
.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.5em; line-height: 2.2em; width:80%; margin-left:10%;}
|
||||
.fan_01 .text{font-size: 1em; width:60%; margin-left:10%;}
|
||||
@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:15%; 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: 2.25em; 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: 1.25em; border:1px solid #5c5c5c; }
|
||||
.Fan_buy a:hover{background-color:#c2d600; color:#FFF; border:1px solid #c2d600; }
|
||||
@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:5vw;}
|
||||
.Fan_03 .product .title{font-size: 1.5em;}
|
||||
|
||||
}
|
||||
@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%;}
|
||||
.Fan_04 .Fan_buy{margin-top:1.7vw;}
|
||||
.Fan_04 a{font-size: 1.25em;}
|
||||
|
||||
@media screen and (max-width:1440px){
|
||||
.Fan_04 .all_content{top:6vw;}
|
||||
.Fan_04 .all_text{width:50%;}
|
||||
.Fan_04 .title{font-size: 1.25em;}
|
||||
}
|
||||
@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.125em;}
|
||||
|
||||
.Fan_04 .all_text{width:60%;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.Fan_04 .all_content{top:15vw;}
|
||||
.Fan_04 .title{font-size: 1.125em;}
|
||||
|
||||
}
|
||||
@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/weben/css/subject/faq.css
Executable file
11
public/frontend/weben/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.125em; color:#101010; margin-bottom: 2%;}
|
||||
.faq-des{font-size: 0.875em; color:#737373;line-height: 1.875em;}
|
||||
190
public/frontend/weben/css/subject/h_speed.css
Executable file
190
public/frontend/weben/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.35em; 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(../../../weben/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;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
111
public/frontend/weben/css/subject/headset.css
Executable file
111
public/frontend/weben/css/subject/headset.css
Executable file
@@ -0,0 +1,111 @@
|
||||
body{background-color:#f2f2f2;}
|
||||
.headset {width:100%;}
|
||||
.headset img{width:100vw;}
|
||||
.title {font-size: 2.5em; line-height: 1.2em;}
|
||||
.subtitle{margin-top: 1.4vw; font-size: 1.25em; line-height: 1.5em;}
|
||||
.text {font-size: 1em; line-height: 1.75em; margin-top:2vw; }
|
||||
/*视频*/
|
||||
.headset_01{left: 22vw; position: absolute; color: #fff; top: 15vw; font-size: 2em; width:50%;}
|
||||
.headset_01 .title { width:80%; line-height: 2.2em;}
|
||||
.headset_01 .text {width:60%; margin-top:0; line-height: 1em}
|
||||
|
||||
@media screen and (max-width:1440px){
|
||||
.headset_01{left:2vw; top:12vw; }
|
||||
}
|
||||
@media screen and (max-width:960px){
|
||||
.headset_01{top:8vw; width:80%; font-size: 1.5em;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.headset_01{top:15vw; width:80%; font-size: 1.25em;}
|
||||
}
|
||||
/*音乐耳机*/
|
||||
.headset .headset_02{right: 12%; position: absolute; color: #fff; top: 15%; width:32%;}
|
||||
.lj_set01_img {width: 32.33%; margin-right: 1.5%; top: -80px; float: left; overflow: hidden;}
|
||||
.lj_set01_img:last-child {margin-right: 0;}
|
||||
.lj_set_title {position: absolute; top: 10%; text-align: center; width: 100%; font-size: 1.125em; color:#333;}
|
||||
|
||||
|
||||
/**/
|
||||
.headset .headset_03{left: 12%; position: absolute; color: #fff; top: 25%; width:28%;}
|
||||
.headset .headset_04{left: 12%; position: absolute; color: #333; top: 17%; width:25%;}
|
||||
@media screen and (max-width:1440px){
|
||||
.headset .headset_02{right:2%; width:42%; top:15%}
|
||||
.headset .headset_03{left: 2%; width:40%; top:15%;}
|
||||
.headset .headset_04{left: 2%; width:40%; top:15%}
|
||||
}
|
||||
@media screen and (max-width:1080px){
|
||||
.headset .headset_02{right:2%; width:52%; top:15%}
|
||||
.headset .headset_03{left: 2%; width:50%; top:15%;}
|
||||
.headset .headset_04{left: 2%; width:50%; top:15%}
|
||||
}
|
||||
@media screen and (max-width:990px){
|
||||
.headset_02 .text, .headset_03 .text, .headset_04 .text{display: none}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.headset_02 .subtitle, .headset_03 .subtitle, .headset_04 .subtitle{display: none}
|
||||
}
|
||||
/*按扭*/
|
||||
.set_btn_all{position: absolute; bottom:-20%; width:100%;}
|
||||
.set_btn_all a{ margin: 0 2%;}
|
||||
@media screen and (min-width:768px){
|
||||
.lj_set_img01:hover .set_btn_all, .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;}
|
||||
.transparent_buy_button {margin-top:-1.5em; position: relative; top:50%;}
|
||||
}
|
||||
@media screen and (min-width:461px) and (max-width:767px){
|
||||
.set_btn_all{ width:100%; height: 16%;}
|
||||
.transparent_buy_button { position: absolute; bottom:5%;}
|
||||
}
|
||||
@media screen and (max-width:460px){
|
||||
.set_btn_all{height: 20%;bottom:10px; position: relative;}
|
||||
.lj_set_img01 .set_btn_all, .lj_set_img01:hover .set_btn_all, .lj_set01_img .set_btn_all, .lj_set01_img:hover .set_btn_all{margin-bottom:1em}
|
||||
.set_btn_jd {display: inline-block; }
|
||||
.transparent_buy_button { margin-top:-3.5em;}
|
||||
}
|
||||
|
||||
|
||||
.lj_set_img01 {position: relative; overflow: hidden;}
|
||||
.lj_set_img01 img {display: block;width:100%;}
|
||||
.lj_set_img01:last-child {margin-right: 0;}
|
||||
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
.set_font_small {color: #9a9a9a;}
|
||||
.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, .lj_set01_img:hover .set_btn_all{display: block;}
|
||||
|
||||
@media screen and (min-width:1200px){
|
||||
.set_font_small {font-size: 1.1em; padding: 5% 0;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1199px){
|
||||
.set_font_small {font-size: 0.9em; padding: 2% 0;}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.set_font_small {font-size: 0.8em; padding: 2% 0;}
|
||||
.lj_set01_img, .lj_set_img01{top:2vw; width:49%; margin-bottom: 2vw;}
|
||||
.lj_set_img01:nth-child(2n), .lj_set01_img:nth-child(2n){margin-right: 0;}
|
||||
.set_btn_all{position:relative; overflow: hidden; background-color: #FFF; padding: 4vw 0; height: 40px; bottom:10%;}
|
||||
.transparent_buy_button{position: relative;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.lj_set01_img, .lj_set_img01{width:100%;}
|
||||
}
|
||||
|
||||
|
||||
.lj_travel_text {
|
||||
background: #f2f2f2;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
}
|
||||
@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;}
|
||||
}
|
||||
|
||||
50
public/frontend/weben/css/subject/honor.css
Executable file
50
public/frontend/weben/css/subject/honor.css
Executable file
@@ -0,0 +1,50 @@
|
||||
.honner_title{font-size: 2em; text-align: center; font-weight: 600; font-family: "LATO-MEDIUM"; padding: 1.2% 0 0.9%;}
|
||||
.honner_des{font-size: 1em; text-align: center; line-height: 1.5em;}
|
||||
@media screen and (max-width:960px){
|
||||
.honner_title{font-size: 1.875em;}
|
||||
.honner_des{font-size: 1em; width:90%; margin:auto;}
|
||||
}
|
||||
|
||||
|
||||
/*第一屏*/
|
||||
.honner_01{background-image:url(../../images/honor/honner_bg_01.jpg); background-position:center; padding-top:6vw; padding-bottom: 6vw;}
|
||||
.honner_01 .swt-Container{background-color:rgba(4,149,208,0.83); overflow: hidden;}
|
||||
.honner_01_all{color:#FFF; padding:4% 7% 6%; width:86%;}
|
||||
|
||||
.honner_01_text{width:100%;}
|
||||
.honner_01 p{font-size: 1.5em; 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: 3.75em; line-height: 2em;}
|
||||
.honner_01_list .small_text{font-size: 1.5em; 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: 1em;}
|
||||
.honner_01_list .small_text{font-size: 1em;}
|
||||
}
|
||||
@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:2vw; color:#FFF;}
|
||||
|
||||
.honner_03{background-image:url(../../images/honor/honner_bg_03.jpg); background-position:center; padding-top:2vw; }
|
||||
.honner_04{background-image:url(../../images/honor/honner_bg_04.jpg); background-position:center; padding-top:2vw; 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; width:70%; margin:auto;}
|
||||
|
||||
.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:2vw; padding-bottom: 0vw;}
|
||||
|
||||
143
public/frontend/weben/css/subject/industry.css
Executable file
143
public/frontend/weben/css/subject/industry.css
Executable file
@@ -0,0 +1,143 @@
|
||||
.Industry_title{font-size:2.25em; line-height: 1.5em; font-weight: 600; font-family: "LATO-MEDIUM";}
|
||||
.Industry_subtitle{font-size: 1.5em; line-height: 1.8em;}
|
||||
.Industry_des{font-size:1em; line-height: 1.6em;}
|
||||
.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:60%;}
|
||||
.Industry_Banner .title{font-size: 3em; line-height: 2em; font-family: "LATO-MEDIUM"; font-weight: 600; }
|
||||
.Industry_Banner .des{font-size: 1.125em; margin-top:1%; line-height: 1.8em;}
|
||||
@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{text-align: center;}
|
||||
.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 .left img{width:100%;}
|
||||
.Industry_02 .right img{width:15.63vw;}
|
||||
.Industry_02 .des{line-height: 1.8em;}
|
||||
@media screen and (min-width:1480px){
|
||||
.Industry_02 .left{width:927px; margin-right:44px;}
|
||||
.Industry_02 .right{width:430px;}
|
||||
}
|
||||
@media screen and (max-width:1479px){
|
||||
.Industry_02 .left{width:65%; margin-right:2%;}
|
||||
.Industry_02 .left img{width:100%;}
|
||||
.Industry_02 .right{width:32%; margin-top:5%;}
|
||||
.Industry_02 .img-responsive{display: none;}
|
||||
|
||||
}
|
||||
@media screen and (max-width:1280px){
|
||||
.Industry_02 .left{margin-right:3%;}
|
||||
.Industry_02 .right{width:30%; margin-top:2%;}
|
||||
.Industry_02 .Industry_title{line-height: 1em; margin-bottom: 1%;}
|
||||
.Industry_02 .des{line-height: 1.5em;}
|
||||
}
|
||||
.Industry_02 .Industry_title{color:#101010;}
|
||||
@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_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: 1em; line-height: 1.8em;}
|
||||
.Industry_03 .Industry_title{color:#101010; text-align: center; margin-bottom: 2.2vw;}
|
||||
@media screen and (max-width:1080px){
|
||||
.Industry_03 .text{width:60%; line-height: 1.6em;}
|
||||
}
|
||||
@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:57%; margin:auto;}
|
||||
.Industry_04 .Industry_des p{margin-top:8%; font-size: 1.125em;}
|
||||
@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:#101010; text-align: center; margin-bottom: 2vw;}
|
||||
.Industry_05 .Industry_subtitle{color:#333333;}
|
||||
.Industry_05 .Industry_des{color:#737373;}
|
||||
.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:4%; font-weight: 600;}
|
||||
.Industry_05 .img-responsive {position: relative; bottom:0px; text-align: center;}
|
||||
|
||||
|
||||
@media screen and (min-width:1080px){
|
||||
.swt-Table_Industry{display: table; width:100%;}
|
||||
.swt-Table_Industry .Table-Row{display: table-row;}
|
||||
.swt-Table_Industry .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width:1080px){
|
||||
.Industry_05 .all_text{height: 205px;}
|
||||
}
|
||||
@media screen and (min-width:769px) and (max-width:1079px){
|
||||
.Industry_05 .all_text{height: 130px; line-height: 1.5em; text-align: center;}
|
||||
.Industry_05 li{width:47%; margin-right: 1.5%; margin-left:1.5%; float: left;}
|
||||
.Industry_05 li:nth-child(2n){display: none;}
|
||||
}
|
||||
@media screen and (min-width:361px) 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: 170px;}
|
||||
}
|
||||
@media screen and (min-width:361px) and (max-width:480px){
|
||||
.Industry_05 .all_text{height: 200px;}
|
||||
}
|
||||
@media screen and (max-width:360px){
|
||||
.Industry_05 li{width:100%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
95
public/frontend/weben/css/subject/job.css
Executable file
95
public/frontend/weben/css/subject/job.css
Executable file
@@ -0,0 +1,95 @@
|
||||
.job-title{font-size: 2em; color:#333; text-align: center; font-weight: bold; width:100%; clear: both;padding: 1.5% 0;}
|
||||
.job-des{color: #737373; text-align: center; margin:auto; font-size:1em; line-height: 2em; margin-bottom: 1.8%;width:80%;}
|
||||
.job-thead{background-color:#252525; text-align: center; color:#FFF; line-height: 3.3em; font-size: 1.125em;}
|
||||
.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: 1em; color: #737373; line-height: 1.8em; width:60%; margin:auto;}
|
||||
.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 (max-width:1439px){
|
||||
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{display: none;}
|
||||
}
|
||||
/*你将获得*/
|
||||
.join_icon li p {line-height: 1.5em;}
|
||||
@media screen and (min-width:1080px){
|
||||
.join_w_icon {width:1080px; margin: auto;}
|
||||
.join_icon {text-align: center; margin: auto; padding: 2.2% 0 0 0;}
|
||||
.join_icon li {float: left; line-height: 3.5em; font-size: 1em; width:20%;}
|
||||
.join_icon li:nth-child(1) {padding-left: 10%;}
|
||||
.join_icon li:nth-child(4) {padding-right: 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){padding-top: 2%;}
|
||||
}
|
||||
@media screen and (max-width:1079px){
|
||||
.join_w_icon{width:96%; margin: auto;}
|
||||
.join_icon{text-align: center; padding: 2.2% 0 0 0;}
|
||||
.join_icon li{float: left; width:32.3%; font-size:1em; margin-right: 1%; }
|
||||
}
|
||||
@media screen and (min-width:480px) and (max-width:1079px){
|
||||
.join_icon li{line-height: 3.5em; padding: 1% 0; }
|
||||
.join_icon li img{max-width:80%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.join_icon li{line-height: 2em; height: 150px;padding: 3% 0;}
|
||||
.join_icon li p{width:70%; text-align: center; margin: auto;}
|
||||
.join_icon li img{width:80%;}
|
||||
}
|
||||
|
||||
.join_t_big {margin: 1.7% 0 1.5%;}
|
||||
/*联系方式*/
|
||||
.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%;}
|
||||
.job-Contact li p{line-height: 1.5em; padding: 1% 0; font-size: 0.875em;}
|
||||
.job-Table a, .job-Contact li a{color:#009fdf; border-bottom:1px solid #009fdf; line-height: 2em; text-decoration: none; display: inline-block;}
|
||||
|
||||
@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){width:100%; text-align: left; margin-top:10px;}
|
||||
.job-Contact li:last-child{width:100%; 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(4){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(3){display: none;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.job-Table .Table-Row li:nth-child(2){display: none;}
|
||||
}
|
||||
185
public/frontend/weben/css/subject/jquery.bxslider.css
Executable file
185
public/frontend/weben/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;
|
||||
}
|
||||
1004
public/frontend/weben/css/subject/odm.css
Executable file
1004
public/frontend/weben/css/subject/odm.css
Executable file
File diff suppressed because it is too large
Load Diff
87
public/frontend/weben/css/subject/policy.css
Executable file
87
public/frontend/weben/css/subject/policy.css
Executable file
@@ -0,0 +1,87 @@
|
||||
.lj_sale_policy { font-size:2em; text-align: center; padding: 4.3% 0 1%; color: #101010; font-weight: 600;}
|
||||
.lj_sale_t {text-align: center; font-size:1.125em; color: #737373; padding: 0.7% 2% 0.6%;}
|
||||
.lj_des{font-size: 0.875em;line-height: 1.75em;margin-left:15px;}
|
||||
@media (min-width:1440px){
|
||||
.lj_w_policy {width:1440px;margin: auto;}
|
||||
}
|
||||
@media (max-width:1439px){
|
||||
.lj_w_policy {width:96%;margin: auto;}
|
||||
}
|
||||
|
||||
.lj_icon_l {padding: 2%;}
|
||||
.lj_icon_l li { padding: 1.25% 0;}
|
||||
|
||||
@media (min-width:1280px){
|
||||
.lj_icon_l li {width:50%; float: left;}
|
||||
.lj_icon_left {width:110px; float: left; padding-right: 5%;}
|
||||
.lj_text_right {width:70%;}
|
||||
}
|
||||
|
||||
@media (min-width:980px) and (max-width:1279px){
|
||||
.lj_icon_l li {width:50%; float: left;height: 200px;}
|
||||
.lj_icon_left {width:18%; float: left; padding-right: 5%;}
|
||||
.lj_icon_left img {width:100%;}
|
||||
.lj_text_right {width:70%;}
|
||||
}
|
||||
|
||||
@media (max-width:979px){
|
||||
.lj_icon_l li {width:98%; float: left;}
|
||||
.lj_icon_left {width:18%; float: left; padding-right: 5%;}
|
||||
.lj_icon_left img {width:100%;}
|
||||
.lj_text_right {width:77%; }
|
||||
}
|
||||
.lj_text_right {float: left;}
|
||||
|
||||
.lj_h3 {font-size: 1em;font-weight: 600; padding-bottom: 2%; color: #333;margin-left:15px;}
|
||||
.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%;}
|
||||
}
|
||||
|
||||
@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_text_r{float: left;}
|
||||
|
||||
.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.75em;}
|
||||
.lj_mar_5 {margin-bottom:4.2%;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
71
public/frontend/weben/css/subject/pssd.css
Executable file
71
public/frontend/weben/css/subject/pssd.css
Executable file
@@ -0,0 +1,71 @@
|
||||
.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%;}
|
||||
.font-16{font-size: 1em; line-height: 1.5em;}
|
||||
.font-36{font-size: 2.25em; line-height: 1.25em;}
|
||||
.font-48{line-height: 1.25em;}
|
||||
@media screen and (min-width:1280px) {
|
||||
.font-60{font-size: 3.75em; line-height: 1.25em;}
|
||||
.pssd01C{font-size: 0.75em;}
|
||||
.font-24{font-size: 1.5em;}
|
||||
}
|
||||
@media screen and (min-width:991px) and (max-width:1480px) {
|
||||
.font-60{font-size: 2.5em; line-height: 1.25em;}
|
||||
.font-30{font-size: 1.25em;}
|
||||
.banner{top:3vw}
|
||||
.font-36{font-size: 1.875em; line-height: 1.25em;}
|
||||
.pssd01C{font-size: 0.7em;}
|
||||
.font-24{font-size: 1.25em;}
|
||||
.font-20{font-size: 1em;}
|
||||
}
|
||||
@media screen and (max-width:990px) {
|
||||
.font-60{font-size: 2em; line-height: 1.25em;}
|
||||
.font-30{font-size: 1.25em;}
|
||||
.banner{top:2.5vw}
|
||||
.font-36{font-size: 1.5em; line-height: 1.25em;}
|
||||
.pssd01C{font-size: 0.5em;}
|
||||
.margin-t-50{margin-top:0}
|
||||
.font-24{font-size: 1em;}
|
||||
.font-20{font-size: 0.875em;}
|
||||
.charger_06_img_M{margin-top:2.6vw;}
|
||||
}
|
||||
|
||||
.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;}
|
||||
12
public/frontend/weben/css/subject/search.css
Executable file
12
public/frontend/weben/css/subject/search.css
Executable file
@@ -0,0 +1,12 @@
|
||||
.S-search-bg{background-color:#f1f1f1; overflow: hidden; width:100%; padding-top:1.5%; 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; bottom:50%; 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;}
|
||||
}
|
||||
72
public/frontend/weben/css/subject/series35.css
Executable file
72
public/frontend/weben/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:30%; float: left;}
|
||||
.series35_right{width:38%; float: right;}
|
||||
.series35_mt{margin-top:13vw;}
|
||||
.series35_left .des{width:74%;}
|
||||
.series35_two_right{width:32%; 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/series_35/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;}
|
||||
|
||||
}
|
||||
448
public/frontend/weben/css/subject/software.css
Executable file
448
public/frontend/weben/css/subject/software.css
Executable file
@@ -0,0 +1,448 @@
|
||||
.banner_title {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
top: 50%;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
margin-top: -28px;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.search_all {
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
margin: auto;
|
||||
font-family: 'Montserrat-Medium';
|
||||
color: #9e9e9f;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
position: relative;
|
||||
}
|
||||
.search_all input {
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 32px;
|
||||
}
|
||||
.searchbtn {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
}
|
||||
.searchbtn img {
|
||||
width: 100%;
|
||||
}
|
||||
.tab {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tab .list {
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 12px;
|
||||
position: relative;
|
||||
color: #000;
|
||||
}
|
||||
.tab .on {
|
||||
background-color: #004bfa !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.tab .on::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
transform: rotate(45deg);
|
||||
background-color: #004bfa;
|
||||
left: 50%;
|
||||
z-index: 0;
|
||||
}
|
||||
.software .list,
|
||||
.manual .list {
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.software .list .title,
|
||||
.manual .list .title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
color: #000;
|
||||
}
|
||||
.software .list .sub_title,
|
||||
.manual .list .sub_title {
|
||||
font-family: 'Montserrat-Regular';
|
||||
color: #9e9e9f;
|
||||
}
|
||||
.software .list .des,
|
||||
.manual .list .des {
|
||||
font-family: 'Montserrat-Medium';
|
||||
color: #000;
|
||||
}
|
||||
.software .l_button,
|
||||
.manual .l_button {
|
||||
background-color: rgba(0, 75, 250, 0.05);
|
||||
color: #fff;
|
||||
font-family: 'Montserrat-Bold';
|
||||
color: #004bfa;
|
||||
cursor: pointer;
|
||||
}
|
||||
.software .l_button:hover,
|
||||
.manual .l_button:hover {
|
||||
background-color: #004bfa;
|
||||
color: #fff;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.display_none {
|
||||
display: none;
|
||||
}
|
||||
.video .hd {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.video ul {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.video .hd li {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.video .hd .on {
|
||||
color: #004bfa;
|
||||
}
|
||||
.video .hd .on::after {
|
||||
content: '';
|
||||
height: 2px;
|
||||
background-color: #004bfa;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
right: 0;
|
||||
bottom: 6px;
|
||||
z-index: 999;
|
||||
}
|
||||
.video .bd ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.video_hotul {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.video .video_hotul dd {
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.video_hotul .htit .htit2 {
|
||||
font-family: 'Montserrat-Regular';
|
||||
color: #9e9e9f;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
.video_hotul .htit .htit1 {
|
||||
font-family: 'Montserrat-Regular';
|
||||
color: #000;
|
||||
}
|
||||
.button {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.banner_title {
|
||||
font-size: 56px;
|
||||
}
|
||||
.contact_c {
|
||||
width: 1366px;
|
||||
margin: auto;
|
||||
}
|
||||
.search_all {
|
||||
width: 100%;
|
||||
padding: 64px;
|
||||
font-size: 16px;
|
||||
margin-top: -96px;
|
||||
}
|
||||
.search_all input {
|
||||
padding: 23px 32px;
|
||||
width: 100%;
|
||||
}
|
||||
.searchbtn {
|
||||
top: 50%;
|
||||
margin-top: -12px;
|
||||
right: 96px;
|
||||
}
|
||||
.tab {
|
||||
margin-top: 64px;
|
||||
}
|
||||
.tab .list {
|
||||
width: 440px;
|
||||
font-size: 18px;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.on::after {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-bottom: -6px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
.software,
|
||||
.manual,
|
||||
.video {
|
||||
margin-top: 32px;
|
||||
}
|
||||
.software .list {
|
||||
padding: 80px 64px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.software .list .left_img {
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
margin-right: 64px;
|
||||
}
|
||||
.software .list .left_img img {
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.software .list .title,
|
||||
.manual .list .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.software .list .sub_title,
|
||||
.manual .list .sub_title {
|
||||
font-size: 14px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.software .list .des,
|
||||
.manual .list .des {
|
||||
line-height: 20px;
|
||||
margin-top: 8px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.software .l_button {
|
||||
border-radius: 28px;
|
||||
padding: 15px 40px;
|
||||
margin-top: 74px;
|
||||
display: inline-block;
|
||||
}
|
||||
.manual .list {
|
||||
padding: 80px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.manual .list .left_img {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
.manual .list .left_img img {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
}
|
||||
.manual .l_button {
|
||||
border-radius: 28px;
|
||||
padding: 15px 40px;
|
||||
margin-top: 24px;
|
||||
display: inline-block;
|
||||
}
|
||||
.manual .m-t-24 {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.video ul {
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
.video .hd li {
|
||||
margin-right: 80px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.video .bd {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.video .video_hotul dd {
|
||||
margin-right: 24px;
|
||||
width: 671px;
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
.video dd:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.video_hotul .htit {
|
||||
padding-left: 56px;
|
||||
padding-right: 56px;
|
||||
height: 114px;
|
||||
}
|
||||
.video_hotul .htit .htit1 {
|
||||
font-size: 16px;
|
||||
margin-top: 40px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.video_hotul .htit .htit2 {
|
||||
font-size: 14px;
|
||||
margin-top: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.video .height_130 {
|
||||
height: 96px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1439px) {
|
||||
.banner_title {
|
||||
font-size: 48px;
|
||||
}
|
||||
.contact_c {
|
||||
width: 92%;
|
||||
margin: auto;
|
||||
}
|
||||
.search_all {
|
||||
width: 100%;
|
||||
padding: 4.44vw;
|
||||
font-size: 14px;
|
||||
margin-top: -6.66vw;
|
||||
}
|
||||
.search_all input {
|
||||
padding: 1.6vw 2.22vw;
|
||||
width: 100%;
|
||||
}
|
||||
.searchbtn {
|
||||
top: 50%;
|
||||
margin-top: -9px;
|
||||
right: 6.66vw;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.tab {
|
||||
margin-top: 4.44vw;
|
||||
}
|
||||
.tab .list {
|
||||
width: 29vw;
|
||||
font-size: 16px;
|
||||
padding-top: 1.74vw;
|
||||
padding-bottom: 1.74vw;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.on::after {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-bottom: -6px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
.software,
|
||||
.manual,
|
||||
.video {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.software .list {
|
||||
padding: 4.44vw;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.software .list .left_img {
|
||||
width: 22.22vw;
|
||||
height: 22.22vw;
|
||||
margin-right: 4.44vw;
|
||||
}
|
||||
.software .list .left_img img {
|
||||
width: 22.22vw;
|
||||
height: 22.22vw;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.software .list .title,
|
||||
.manual .list .title {
|
||||
font-size: 16px;
|
||||
}
|
||||
.software .list .sub_title,
|
||||
.manual .list .sub_title {
|
||||
font-size: 12px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.software .list .des,
|
||||
.manual .list .des {
|
||||
line-height: 20px;
|
||||
margin-top: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.software .l_button {
|
||||
border-radius: 28px;
|
||||
padding: 8px 36px;
|
||||
margin-top: 3vw;
|
||||
display: inline-block;
|
||||
}
|
||||
.manual .list {
|
||||
padding: 5.55vw;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.manual .list .left_img {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
.manual .list .left_img img {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
}
|
||||
.manual .l_button {
|
||||
border-radius: 28px;
|
||||
padding: 8px 36px;
|
||||
margin-top: 18px;
|
||||
display: inline-block;
|
||||
}
|
||||
.manual .m-t-24 {
|
||||
margin-top: 18px;
|
||||
}
|
||||
.video ul {
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
.video .hd li {
|
||||
margin-right: 4vw;
|
||||
padding-top: 1.73vw;
|
||||
padding-bottom: 1.73vw;
|
||||
font-size: 14px;
|
||||
}
|
||||
.video .bd {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.video .video_hotul dd {
|
||||
margin-right: 1.67vw;
|
||||
width: 45.1vw;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.video dd:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.video_hotul .htit {
|
||||
padding-left: 3.89vw;
|
||||
padding-right: 3.89vw;
|
||||
height: 100px;
|
||||
}
|
||||
.video_hotul .htit .htit1 {
|
||||
font-size: 14px;
|
||||
margin-top: 24px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.video_hotul .htit .htit2 {
|
||||
font-size: 12px;
|
||||
margin-top: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.video .height_130 {
|
||||
height: 6.67vw;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/*video*/
|
||||
149
public/frontend/weben/css/subject/special-11-26.css
Executable file
149
public/frontend/weben/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 */
|
||||
|
||||
|
||||
|
||||
149
public/frontend/weben/css/subject/special.css
Executable file
149
public/frontend/weben/css/subject/special.css
Executable file
@@ -0,0 +1,149 @@
|
||||
body {font: 14px "Microsoft YaHei",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 */
|
||||
|
||||
|
||||
|
||||
49
public/frontend/weben/css/subject/specil_new.css
Executable file
49
public/frontend/weben/css/subject/specil_new.css
Executable file
@@ -0,0 +1,49 @@
|
||||
.banner-title{width:54.7%; margin-left:auto; margin-right: auto; margin-top:6vw; margin-bottom: 1.1vw;}
|
||||
.special_01{background-color:#c0c0c0; overflow: hidden;}
|
||||
.special_01 .content{background-color:#d4d4d4; margin-top:1vw; margin-bottom: 0.5vw; overflow: hidden; padding-top:4.1vw; padding-bottom: 4.1vw;}
|
||||
.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.25em; }
|
||||
.special_title{font-size:3em; color:#009fe0; margin-top:0.5vw; line-height: 1.125em;}
|
||||
.special_text{font-size:1em; margin-top:1vw; line-height: 1.8em;}
|
||||
.special_button{font-size:1.25em; background-color:#009fe0; display: inline-block; padding:0.6vw 2.5vw; margin-top:3vw;}
|
||||
|
||||
.special_series_35{max-width:700px; margin-top:6.5vw;}
|
||||
|
||||
.special_02{max-width:600px; 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:450px; 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:2.5em;}
|
||||
.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:450px; margin-top:6.5vw;}
|
||||
.special_03{max-width:420px; margin-top:7.5vw;}
|
||||
.special_04{max-width:420px; margin-top:6vw;}
|
||||
.special_05{max-width:420px; margin-top:3vw}
|
||||
.special_06{max-width:360px; margin-top:5.5vw;}
|
||||
.special_text{line-height: 1.45em;}
|
||||
.special_title{line-height: 1em;}
|
||||
.special_button{margin-top:2vw;}
|
||||
}
|
||||
817
public/frontend/weben/css/subject/specil_new01.css
Executable file
817
public/frontend/weben/css/subject/specil_new01.css
Executable file
@@ -0,0 +1,817 @@
|
||||
body {padding: 0; margin: 0;background: #f2f2f2;}
|
||||
ul {list-style-type: none; padding: 0; margin: 0;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*透明系列*/
|
||||
.lj_trans_series { position: relative;}
|
||||
.lj_trans_series img {display: block; width:100%;}
|
||||
.lj_all_text {position: absolute; color: #fff; top:18%;}
|
||||
.lj_tran_a {line-height: 1.2em; padding-bottom: 3%; font-family:"LATO-MEDIUM"; }
|
||||
.lj_tran_b {line-height: 1.5em;}
|
||||
.lj_tran_c {line-height: 1.6em;padding-top: 3%;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_all_text { left: 20%; }
|
||||
.lj_tran_a {font-size:3em; width:50%; }
|
||||
.lj_tran_b {font-size: 1.5em;width:50%; }
|
||||
.lj_tran_c {font-size: 1.1em; color: #009fdf; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_all_text { left: 14%;}
|
||||
.lj_tran_a {font-size:3em; }
|
||||
.lj_tran_b {font-size: 1.5em;}
|
||||
.lj_tran_c {font-size: 1.1em; color: #009fdf; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1000px) and (max-width:1279px){
|
||||
.lj_all_text { left: 15%; }
|
||||
.lj_tran_a {font-size:2.5em; }
|
||||
.lj_tran_b {font-size: 1.1em; }
|
||||
.lj_tran_c {font-size: 1em; color: #009fdf; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.lj_all_text { left: 15%; top:20%;}
|
||||
.lj_tran_a {font-size:2.5em; }
|
||||
.lj_tran_b {font-size: 1.1em; }
|
||||
.lj_tran_c {display: none;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_all_text { left: 5%; top:24%;}
|
||||
.lj_tran_a {font-size:1.5em; }
|
||||
.lj_tran_b {font-size: 1.1em; }
|
||||
.lj_tran_c {display: none; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_all_text { left: 10%; top:25%;}
|
||||
.lj_tran_a {font-size:1.8em; }
|
||||
.lj_tran_b {font-size: 1em;}
|
||||
.lj_tran_c {display: none; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_all_text { left: 5%; top:20%;}
|
||||
.lj_tran_a {font-size:1.5em; }
|
||||
.lj_tran_b {font-size: 1em;}
|
||||
.lj_tran_c {display: none; }
|
||||
}
|
||||
|
||||
|
||||
.lj_trans_img_all { left: 0; width:100%;}
|
||||
|
||||
|
||||
|
||||
.lj_trans_img01 img {display: block;width:100%;}
|
||||
@media screen and (min-width:1440px){
|
||||
.lj_tran_product,.lj_trans_img,.lj_dis_product,.lj_voice_product,.lj_layout_product,.lj_usb_product,.lj_set_product,.lj_set01_product { width:1440px; margin: auto;}
|
||||
.lj_trans_img img {display: block; width:75vw;}
|
||||
}
|
||||
@media screen and (max-width:1439px){
|
||||
.lj_tran_product,.lj_trans_img,.lj_dis_product,.lj_voice_product,.lj_layout_product,.lj_usb_product,.lj_set_product,.lj_set01_product { width:100%; margin: auto;}
|
||||
.lj_trans_img img {display: block; width:100vw;}
|
||||
}
|
||||
.lj_trans_img01:last-child {margin-right: 0;}
|
||||
.lj_trans_title { position: absolute;bottom:10%; text-align: center; width:100%;}
|
||||
@media screen and (min-width:1000px){
|
||||
.trans_font_big {font-size: 1.3em; }
|
||||
.trans_font_small {font-size: 1em; color: #9a9a9a; padding: 3% 0;}
|
||||
.lj_trans_img01 { width:19.6%; margin-right: 0.5%;position: relative; float: left;top:-70px;}
|
||||
.lj_trans_img_all {position: relative; top:-87px;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.trans_font_big {font-size: 1.1em; }
|
||||
.trans_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_trans_img01 { width:19.6%; margin-right: 0.5%; margin-top: 1%; position: relative; float: left;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.trans_font_big {font-size: 1em; line-height: 1em;}
|
||||
.trans_font_small {font-size: 0.9em; color: #9a9a9a; }
|
||||
}
|
||||
.trans_font_big {color: #333; font-family:"LATO-MEDIUM" ;}
|
||||
|
||||
|
||||
|
||||
/*硬盘数据线*/
|
||||
.lj_disk { position: relative;}
|
||||
.lj_disk img {display: block; width:100%;}
|
||||
.lj_disk_text {position: absolute; color: #333;}
|
||||
.lj_disk_a {line-height: 1.3em; padding-bottom: 5%;}
|
||||
.lj_disk_b {line-height: 1.2em; color: #555;}
|
||||
.lj_disk_c {line-height: 1.6em;padding-top: 5%;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_disk_text { left: 20%; top:12%;}
|
||||
.lj_disk_a {font-size:3em; }
|
||||
.lj_disk_b {font-size: 1.5em; }
|
||||
.lj_disk_c {font-size: 1.1em; color: #009fdf; }
|
||||
}
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_disk_text { left: 14%; top:10%;}
|
||||
.lj_disk_a {font-size:3.5em; }
|
||||
.lj_disk_b {font-size: 1.5em; }
|
||||
.lj_disk_c {font-size: 1.1em; color: #009fdf; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:1000px) and (max-width:1279px){
|
||||
.lj_disk_text { left: 15%; top:12%;}
|
||||
.lj_disk_a {font-size:2.5em; }
|
||||
.lj_disk_b {font-size: 1.1em;}
|
||||
.lj_disk_c {font-size: 1em; color: #009fdf; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.lj_disk_text { left: 15%; top:10%;}
|
||||
.lj_disk_a {font-size:2.5em; }
|
||||
.lj_disk_b {font-size: 1.1em; }
|
||||
.lj_disk_c {display: none;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_disk_text { left: 5%; top:10%;}
|
||||
.lj_disk_a {font-size:1.5em; }
|
||||
.lj_disk_b {font-size: 1.1em; color: #555; }
|
||||
.lj_disk_c {display: none; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_disk_text { left: 10%; top:5%;}
|
||||
.lj_disk_a {font-size:1.8em; }
|
||||
.lj_disk_b {font-size: 1em; color: #555; }
|
||||
.lj_disk_c {display: none; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_disk_text { left: 5%; top:4%;}
|
||||
.lj_disk_a {font-size:1.5em; }
|
||||
.lj_disk_b {font-size: 1em; color: #555;}
|
||||
.lj_disk_c {display: none; }
|
||||
}
|
||||
|
||||
/*产品*/
|
||||
.lj_dis_img01 img {display: block; width: 100%;}
|
||||
.lj_dis_img01:last-child {margin-right: 0;}
|
||||
.lj_dis_title { position: absolute;top:10%; text-align: center; width:100%;}
|
||||
.dis_font_small { color: #9a9a9a;}
|
||||
@media screen and (min-width:1000px){
|
||||
.dis_font_big {font-size: 1.5em; }
|
||||
.dis_font_small {font-size: 1.1em; padding: 3% 0; }
|
||||
.lj_dis_img01 { width:23.87%; margin-right: 1.5%;position: relative; float: left; top:-80px;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.dis_font_big {font-size: 1.1em; }
|
||||
.dis_font_small {font-size: 0.9em; }
|
||||
.lj_dis_img01 { width:23.87%; margin-right: 1.5%;position: relative; float: left; top:-80px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.dis_font_big {font-size:1.1em; line-height: 1em;}
|
||||
.dis_font_small {font-size: 0.8em; }
|
||||
.lj_dis_img01 { width:23.87%; margin-right: 1.5%; }
|
||||
}
|
||||
.dis_font_big {color: #333; font-family:"LATO-MEDIUM"; }
|
||||
|
||||
/*耳机音箱专区*/
|
||||
.lj_voice{ position: relative;}
|
||||
.lj_voice img {display: block; width:100%;}
|
||||
.lj_voice_text {position: absolute; color: #fff;}
|
||||
.lj_voice_a {line-height: 1.2em; padding-bottom: 5%; font-family:"LATO-MEDIUM"; }
|
||||
.lj_voice_b {line-height: 1.5em;padding-top: 5%;color: #b7b7b7;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_voice_text { left: 20%; top:15%;}
|
||||
.lj_voice_a {font-size:3em; }
|
||||
.lj_voice_b {font-size: 1.5em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_voice_text { left:14%; top:15%;}
|
||||
.lj_voice_a {font-size:3em; }
|
||||
.lj_voice_b {font-size: 1.5em; }
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1279px){
|
||||
.lj_voice_text { left: 15%; top:12%;}
|
||||
.lj_voice_a {font-size:2.5em; }
|
||||
.lj_voice_b {font-size: 1.1em; }
|
||||
}
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_voice_text { left: 8%; top:10%;}
|
||||
.lj_voice_a {font-size:2em; }
|
||||
.lj_voice_b {font-size: 1.1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_voice_text { left:10%; top:8%;}
|
||||
.lj_voice_a {font-size:1.8em; }
|
||||
.lj_voice_b {font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_voice_text { left: 10%; top:7%;}
|
||||
.lj_voice_a {font-size:1.5em; }
|
||||
.lj_voice_b {font-size: 1em; }
|
||||
}
|
||||
|
||||
/*产品*/
|
||||
.lj_voice_img01 img {display: block; width:100%;}
|
||||
.lj_voice_img01:last-child {margin-right: 0;}
|
||||
.lj_voice_title { position: absolute;top:10%; text-align: center; width:100%; }
|
||||
@media screen and (min-width:1000px){
|
||||
.voice_font_big {font-size: 1.3em;}
|
||||
.lj_voice_img01 {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.voice_font_big {font-size: 1.1em; }
|
||||
.lj_voice_img01 {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.voice_font_big {font-size:1.1em;}
|
||||
.lj_voice_img01 {width:32.33%; margin-right: 1.5%; float: left;}
|
||||
}
|
||||
.voice_font_big { color: #b7b7b7; font-family:"LATO-MEDIUM"; }
|
||||
|
||||
/*收纳专区*/
|
||||
.lj_usb_fan img {display: block;width:100%;}
|
||||
.lj_usb_fan{ position: relative;}
|
||||
.lj_usb_text {position: absolute;color: #333; width:70%; }
|
||||
.lj_usb_a {line-height: 1.2em; padding-bottom: 3%; letter-spacing: 0.1em; font-family:"LATO-MEDIUM"; }
|
||||
.lj_usb_b {line-height: 1.2em;color: #555;}
|
||||
.lj_usb_b span {padding: 0 2%;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_usb_text { left: 20%; top:12%;}
|
||||
.lj_usb_a {font-size:3em; }
|
||||
.lj_usb_b {font-size: 1.5em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_usb_text { left:14%; top:15%;}
|
||||
.lj_usb_a {font-size:3.5em; }
|
||||
.lj_usb_b {font-size: 1.5em; }
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1279px){
|
||||
.lj_usb_text { left: 10%; top:20%;}
|
||||
.lj_usb_a {font-size:2.5em; }
|
||||
.lj_usb_b {font-size: 1.1em; }
|
||||
}
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_usb_text { left: 5%; top:25%;}
|
||||
.lj_usb_a {font-size:2em; }
|
||||
.lj_usb_b {font-size: 1.1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_usb_text { left: 8%; top:12%;}
|
||||
.lj_usb_a {font-size:1.8em; }
|
||||
.lj_usb_b {font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_usb_text { left: 8%; top:10%;}
|
||||
.lj_usb_a {font-size:1.5em; }
|
||||
.lj_usb_b {font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
/*产品*/
|
||||
.lj_usb_img01 {position: relative;}
|
||||
.lj_usb_img01 img {display: block;width:100%;}
|
||||
.lj_usb_img01:last-child {margin-right: 0;}
|
||||
.lj_usb_title { position: absolute;top:10%; text-align: center; width:100%;}
|
||||
@media screen and (min-width:1200px){
|
||||
.usb_font_big {font-size: 2.2em;}
|
||||
.usb_font_small {font-size: 1.1em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
@media screen and (min-width:1000px) and (max-width:1199px){
|
||||
.usb_font_big {font-size:2em; }
|
||||
.usb_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.usb_font_big {font-size:1.5em;}
|
||||
.usb_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.usb_font_big {font-size:1.1em; line-height: 1em;}
|
||||
.usb_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_usb_img01 { width:100%; margin-right: 1.5%; }
|
||||
}
|
||||
.usb_font_big { color: #333; font-family: "LATO-MEDIUM";}
|
||||
/*排插专区*/
|
||||
.lj_layout { position: relative;}
|
||||
.lj_layout img { display: block;width:100%;}
|
||||
.lj_layout_text {position: absolute; color: #fff;}
|
||||
.lj_layout_a {line-height: 1.2em; padding-bottom: 5%; font-family: "LATO-MEDIUM";}
|
||||
.lj_layout_b {line-height: 1.2em; color: #555;}
|
||||
.lj_layout_c {line-height: 1.5em;padding-top: 3%;}
|
||||
.lj_layout_c span {padding-left:40px;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_layout_text { left: 20%; top:12%;}
|
||||
.lj_layout_a {font-size:3em; }
|
||||
.lj_layout_c {font-size: 1.25em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_layout_text { left: 14%; top:12%;}
|
||||
.lj_layout_a {font-size:3.5em; }
|
||||
.lj_layout_c {font-size: 1.25em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:1279px){
|
||||
.lj_layout_text { left: 10%; top:12%;}
|
||||
.lj_layout_a {font-size:2.5em; }
|
||||
.lj_layout_c {font-size: 1em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_layout_text { left: 5%; top:15%;}
|
||||
.lj_layout_a {font-size:1.5em; }
|
||||
.lj_layout_c {font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_layout_text { left: 8%; top:10%;}
|
||||
.lj_layout_a {font-size:1.8em; }
|
||||
.lj_layout_c {font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_layout_text { left: 8%; top:8%;}
|
||||
.lj_layout_a {font-size:1.5em;}
|
||||
.lj_layout_c {font-size: 1em; }
|
||||
}
|
||||
|
||||
/*产品*/
|
||||
.lj_layout_img01 {position: relative;}
|
||||
.lj_layout_img01 img {display: block;width:100%;}
|
||||
.lj_layout_img01:last-child {margin-right: 0;}
|
||||
.lj_layout_title { position: absolute;top:10%; text-align: center; width:100%;}
|
||||
@media screen and (min-width:1200px){
|
||||
.layout_font_big {font-size: 1.3em; }
|
||||
.layout_font_small {font-size: 1.1em; color: #9a9a9a; padding: 3% 0;}
|
||||
.lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
@media screen and (min-width:1000px) and (max-width:1199px){
|
||||
.layout_font_big {font-size:1.3em; }
|
||||
.layout_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.layout_font_big {font-size:1.3em; }
|
||||
.layout_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.layout_font_big {font-size:1.1em; line-height: 1em;}
|
||||
.layout_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_layout_img01 { width:23.87%; margin-right: 1.5%; }
|
||||
}
|
||||
.layout_font_big {color: #333; font-family: "LATO-MEDIUM";}
|
||||
|
||||
/*图片01*/
|
||||
.lj_skin_fan{ position: relative; margin-bottom: 40px;}
|
||||
.lj_skin_fan img {display: block; width:100%;}
|
||||
.lj_skin_text {position: absolute;color: #333; width:80%; }
|
||||
.lj_skin_a {line-height: 1.2em; padding-bottom: 5%; font-family:"LATO-MEDIUM"; }
|
||||
.lj_skin_b {line-height: 1.5em; color: #555;}
|
||||
.lj_skin_b span {padding: 0 2%;}
|
||||
@media screen and (min-width:1280px){
|
||||
.lj_skin_text { left: 20%; top:22%;width:40%;}
|
||||
.lj_skin_a {font-size:3em; }
|
||||
.lj_skin_b {font-size: 1.5em; width:80%; }
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1279px){
|
||||
.lj_skin_text { left: 15%; top:30%;}
|
||||
.lj_skin_a {font-size:2.5em; }
|
||||
.lj_skin_b {font-size: 1.1em;width:50%; }
|
||||
}
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_skin_text { left: 5%; top:30%;}
|
||||
.lj_skin_a {font-size:2em; }
|
||||
.lj_skin_b {font-size: 1.1em;width:50%; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_skin_text { left: 8%; top:25%;}
|
||||
.lj_skin_a {font-size:1.8em; }
|
||||
.lj_skin_b {font-size: 1em;width:50%; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_skin_text { left: 8%; top:25%;}
|
||||
.lj_skin_a {font-size:1.5em; }
|
||||
.lj_skin_b {font-size: 1em; width:80%;}
|
||||
}
|
||||
|
||||
|
||||
/*图片02*/
|
||||
.lj_skin02_fan img {display: block;width:100%;}
|
||||
.lj_skin02_fan{ position: relative;}
|
||||
.lj_skin02_text {position: absolute;color: #333; width:70%; }
|
||||
.lj_skin02_a {line-height: 1.2em; padding-bottom: 2%; letter-spacing: 0.1em; font-family: "LATO-MEDIUM";}
|
||||
.lj_skin02_b {line-height: 1.2em;color: #555;}
|
||||
.lj_skin02_b span {padding: 0 2%;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_skin02_text { left: 20%; top:12%;}
|
||||
.lj_skin02_a {font-size:3em; }
|
||||
.lj_skin02_b {font-size: 1.5em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_skin02_text { left:14%; top:15%;}
|
||||
.lj_skin02_a {font-size:3.5em; }
|
||||
.lj_skin02_b {font-size: 1.5em; }
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1279px){
|
||||
.lj_skin02_text { left: 10%; top:20%;}
|
||||
.lj_skin02_a {font-size:2.5em; }
|
||||
.lj_skin02_b {font-size: 1.1em; }
|
||||
}
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_skin02_text { left: 5%; top:15%;}
|
||||
.lj_skin02_a {font-size:2em; }
|
||||
.lj_skin02_b {font-size: 1.1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_skin02_text { left: 8%; top:8%;}
|
||||
.lj_skin02_a {font-size:1.8em; }
|
||||
.lj_skin02_b {font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_skin02_text { left: 5%; top:5%;}
|
||||
.lj_skin02_a {font-size:1.5em; }
|
||||
.lj_skin02_b {font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*耳机专题*/
|
||||
.lj_headset_banner{ position: relative;}
|
||||
.lj_headset_banner img {display: block; width:100%;}
|
||||
.lj_all_set {position: absolute; color: #fff; top:35%;}
|
||||
.lj_set_a {line-height: 1.5em; padding-bottom: 5%; font-family: "LATO-MEDIUM";}
|
||||
.lj_set_b {line-height: 1.5em;}
|
||||
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_all_set { left: 17%; }
|
||||
.lj_set_a {font-size:3em; }
|
||||
.lj_set_b {font-size: 2em;; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_all_set { left: 14%;}
|
||||
.lj_set_a {font-size:3em; }
|
||||
.lj_set_b {font-size: 1.5em;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1000px) and (max-width:1279px){
|
||||
.lj_all_set { left: 15%; }
|
||||
.lj_set_a {font-size:2.5em; }
|
||||
.lj_set_b {font-size: 1.1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.lj_all_set { left: 15%; top:20%;}
|
||||
.lj_set_a {font-size:2.5em; }
|
||||
.lj_set_b {font-size: 1.1em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_all_set { left: 5%; top:24%;}
|
||||
.lj_set_a {font-size:1.5em; }
|
||||
.lj_set_b {font-size: 1.1em; }
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_all_set { left: 10%; top:25%;}
|
||||
.lj_set_a {font-size:1.8em; }
|
||||
.lj_set_b {font-size: 1em;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_all_set { left: 5%; top:20%;}
|
||||
.lj_set_a {font-size:1.5em; }
|
||||
.lj_set_b {font-size: 1em;}
|
||||
}
|
||||
|
||||
|
||||
/*视频*/
|
||||
.lj_headset_video {background: #f2f2f2; padding: 4% 0;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_set_v_all {width:1440px;margin: auto;}
|
||||
}
|
||||
@media screen and (max-width:1399px){
|
||||
.lj_set_v_all {width:96%;margin: auto;}
|
||||
}
|
||||
@media screen and (min-width:1200px){
|
||||
.set_h3 {font-size:3em; color: #333;}
|
||||
.lj_set_v_left {width:30%; float: left; padding: 5% 0;}
|
||||
.set_small { padding: 10% 0;}
|
||||
.lj_set_v_right { width:68%; float: right;}
|
||||
}
|
||||
@media screen and (max-width:1199px){
|
||||
.set_h3 {font-size:2.5em; color: #333;}
|
||||
.lj_set_v_left {width:96%; text-align: center;}
|
||||
.set_small { padding: 3.4% 0 5.4%;}
|
||||
.lj_set_v_right { width:96%; margin: auto; padding: 2% 0;}
|
||||
}
|
||||
|
||||
.set_h3 p {line-height:1.2em; font-family: "LATO-MEDIUM";}
|
||||
.set_small {font-size:1.875em; color: #333; }
|
||||
.se_s_a {font-size: 1em; line-height: 1.2em;}
|
||||
|
||||
|
||||
.lj_set_img02{ position: relative;}
|
||||
.lj_set_img02 img {display: block; width:100%;}
|
||||
.lj_set_c { font-size: 1em;}
|
||||
@media screen and (min-width:1000px){
|
||||
.lj_set_text {width:32%;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.lj_set_text {width:40%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.lj_set_text {width:50%;}
|
||||
}
|
||||
|
||||
|
||||
.lj_set_text {position: absolute; color: #fff; }
|
||||
.lj_set_head {line-height: 1.5em; padding-bottom: 5%; font-family:"LATO-MEDIUM";}
|
||||
.lj_set01_b {padding:8% 0 6%;}
|
||||
@media screen and (min-width:1400px){
|
||||
.lj_set_text { right: 12%; top:15%;}
|
||||
.lj_set_head {font-size: 5em;}
|
||||
.lj_set01_b {font-size:1.125em;}
|
||||
.lj_set_c { line-height: 1.5em;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:1280px) and (max-width:1399px){
|
||||
.lj_set_text { right:10%; top:15%;}
|
||||
.lj_set_head {font-size: 4.5em;}
|
||||
.lj_set01_b {font-size:1.125em;}
|
||||
.lj_set_c { line-height: 1.5em;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:1279px){
|
||||
.lj_set_text { right: 15%; top:6%;}
|
||||
.lj_set_head {font-size: 4em;}
|
||||
.lj_set01_b {font-size:1em;}
|
||||
.lj_set_c { line-height: 1.2em;}
|
||||
}
|
||||
@media screen and (min-width:640px) and (max-width:767px){
|
||||
.lj_set_text { right: 8%; top:10%;}
|
||||
.lj_set_head {font-size: 3em;}
|
||||
.lj_set01_b {font-size:1em;}
|
||||
.lj_set_c { line-height: 1.2em;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:639px){
|
||||
.lj_set_text { right:10%; top:8%;}
|
||||
.lj_set_head {font-size: 2.5em;}
|
||||
.lj_set01_b {font-size:1em;}
|
||||
.lj_set_c { display: none;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_set_text { right: 10%; top:7%;}
|
||||
.lj_set_head {font-size: 2em;}
|
||||
.lj_set01_b {font-size:1em;}
|
||||
.lj_set_c {display: none;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.set_btn_jd {border:1px solid #5c5c5c; padding: 1%; color: #333; text-align: center;}
|
||||
.set_btn_jd:hover { background: #ff6900; padding:1%; border: 1px solid #ff6900;color: #fff; text-align: center;}
|
||||
|
||||
.lj_set_goden { position: relative;}
|
||||
.lj_set_goden img { display: block;width:100%;}
|
||||
.lj_goden_text {position: absolute; }
|
||||
.goden_w {color: #fff;}
|
||||
.voice_font {color: #333;}
|
||||
.voice_gray{clor:#6d6d70;}
|
||||
.lj_goden_a {line-height: 1.2em; font-family: "LATO-MEDIUM";}
|
||||
@media screen and (min-width:1600px){
|
||||
.lj_goden_text { left: 12%; top:25%;width:25%;}
|
||||
.lj_goden_a {font-size:3em; }
|
||||
.lj_goden_b {font-size: 1.875em; line-height: 1.5em; padding: 2% 0 7%; }
|
||||
.lj_goden_c { line-height: 1.8em;font-size: 1.125em;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:1200px) and (max-width:1599px){
|
||||
.lj_goden_text { left: 6%; top:18%;width:35%;}
|
||||
.lj_goden_a {font-size:3em; }
|
||||
.lj_goden_b {font-size: 1.875em; line-height: 1.5em; padding: 2% 0 7%; }
|
||||
.lj_goden_c { line-height: 1.8em;font-size: 1.125em;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:900px) and (max-width:1199px){
|
||||
.lj_goden_text { left: 6%; top:12%;width:35%;}
|
||||
.lj_goden_a {font-size:2.5em; }
|
||||
.lj_goden_b {font-size: 1.5em; line-height: 1.5em; padding: 2% 0 7%; }
|
||||
.lj_goden_c { line-height: 1.5em;font-size: 1em;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:899px){
|
||||
.lj_goden_text { left: 6%; top:8%;width:35%;}
|
||||
.lj_goden_a {font-size:2em; }
|
||||
.lj_goden_b {font-size: 1.2em; line-height: 1.5em; padding: 2% 0 7%; }
|
||||
.lj_goden_c { line-height: 1.2em;font-size: 1em;}
|
||||
}
|
||||
@media screen and (max-width:639px){
|
||||
.lj_goden_text { left: 6%; top:10%;width:80%;}
|
||||
.lj_goden_a {font-size:1.5em; }
|
||||
.lj_goden_b {font-size: 1em; line-height: 1.5em; padding: 2% 0 7%; }
|
||||
.lj_goden_c { display: none;}
|
||||
}
|
||||
|
||||
|
||||
.goden_font_big {color: #333; font-family:"LATO-MEDIUM"; }
|
||||
@media screen and (min-width:1000px){
|
||||
.goden_font_big {font-size:1.3em; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.goden_font_big {font-size:1.3em;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.goden_font_big {font-size:1em; line-height: 1em;}
|
||||
}
|
||||
|
||||
|
||||
.lj_last_text {position: absolute; }
|
||||
.lj_last_a {line-height: 1.2em; font-family:"LATO-MEDIUM"; }
|
||||
@media screen and (min-width:1600px){
|
||||
.lj_last_text { left: 12%; top:17%;width:25%;}
|
||||
.lj_last_a {font-size:3em; }
|
||||
.lj_last_b {font-size: 1.875em; line-height: 1.2em; padding: 8% 0 7%; }
|
||||
.lj_last_c { line-height: 1.8em;font-size: 1.125em;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:1200px) and (max-width:1599px){
|
||||
.lj_last_text { left: 6%; top:18%;width:35%;}
|
||||
.lj_last_a {font-size:3em; }
|
||||
.lj_last_b {font-size: 1.875em; line-height: 1.2em; padding: 8% 0 7%; }
|
||||
.lj_last_c { line-height: 1.8em;font-size: 1.125em;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:900px) and (max-width:1199px){
|
||||
.lj_last_text { left: 6%; top:12%;width:38%;}
|
||||
.lj_last_a {font-size:2.5em; }
|
||||
.lj_last_b {font-size: 1.5em; line-height: 1.2em; padding: 6% 0 5%; }
|
||||
.lj_last_c { line-height: 1.5em;font-size: 1.1em;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width:640px) and (max-width:899px){
|
||||
.lj_last_text { left: 6%; top:10%;width:45%;}
|
||||
.lj_last_a {font-size:2em; }
|
||||
.lj_last_b {font-size: 1.2em; line-height: 1.2em; padding: 6% 0 5%; }
|
||||
.lj_last_c { line-height: 1.2em;font-size: 1em;}
|
||||
}
|
||||
@media screen and (max-width:639px){
|
||||
.lj_last_text { left: 6%; top:20%;width:50%;}
|
||||
.lj_last_a {font-size:1.5em; }
|
||||
.lj_last_b {font-size: 1em; line-height: 1.2em; padding:6% 0 5%; }
|
||||
.lj_last_c { display: none;}
|
||||
}
|
||||
@media screen and (min-width:1000px){
|
||||
.lj_travel_text {font-size: 3.75em;padding: 5% 0;}
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.lj_travel_text {font-size: 3em;padding: 7% 0;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:480px) and (max-width:767px){
|
||||
.lj_travel_text {font-size: 2.5em;padding: 10% 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:479px){
|
||||
.lj_travel_text {font-size: 2em;padding: 10% 0;}
|
||||
}
|
||||
|
||||
.lj_travel_text {background: #f2f2f2;text-align: center; color: #333; font-family:"LATO-MEDIUM"; }
|
||||
|
||||
/*3*/
|
||||
|
||||
/*耳机产品4*/
|
||||
.lj_set01_img {position: relative;}
|
||||
.lj_set01_img img {display: block;width:100%;}
|
||||
.lj_set01_img:last-child {margin-right: 0;}
|
||||
.lj_set_title { position: absolute;top:10%; text-align: center; width:100%;}
|
||||
@media screen and (min-width:1000px){
|
||||
.lj_set01_img {width:32.33%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.lj_set01_img {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.lj_set01_img {width:32.33%; margin-right: 1.5%; float: left; background: #fff;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*耳机产品4*/
|
||||
.lj_set_img01 {position: relative;}
|
||||
.lj_set_img01 img {display: block;width:100%;}
|
||||
.lj_set_img01:last-child {margin-right: 0;}
|
||||
@media screen and (min-width:1200px){
|
||||
.set_font_big {font-size: 2.2em; color: #333;}
|
||||
.set_font_small {font-size: 1.1em; color: #9a9a9a; padding: 5% 0;}
|
||||
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
@media screen and (min-width:1000px) and (max-width:1199px){
|
||||
.set_font_big {font-size:2em; color: #333;}
|
||||
.set_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:999px){
|
||||
.set_font_big {font-size:1.5em; color: #333;}
|
||||
.set_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px){
|
||||
.set_font_big {font-size:1em; color: #333; line-height: 1em;}
|
||||
.set_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;}
|
||||
.lj_set_img01 { width:23.87%; margin-right: 1.5%; background: #fff;}
|
||||
}
|
||||
/*按扭*/
|
||||
@media screen and (min-width:768px){
|
||||
.lj_set01_img .set_btn_all{position: absolute; bottom:-100%;}
|
||||
.lj_set_img01 .set_btn_all{position: absolute; bottom:-100%;}
|
||||
.lj_set_img01:hover .set_btn_all{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 10%; padding: 10% 0; transition: 0.5s;}
|
||||
.lj_set01_img:hover .set_btn_all{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 10%; padding: 10% 0; transition: 0.5s;}
|
||||
.set_btn_all a{ margin: 0 2%;}
|
||||
.transparent_buy_button { margin-top:-1.5em; position: relative; top:50%;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:461px) and (max-width:767px){
|
||||
.set_btn_all a{ margin: 0 2%;}
|
||||
.set_btn_all{ width:100%; height: 16%;}
|
||||
.transparent_buy_button { position: absolute; bottom:5%;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:460px){
|
||||
.set_btn_all a{ margin: 0 2%;}
|
||||
.set_btn_all{height: 20%;bottom:10px; position: relative;}
|
||||
.lj_set_img01 .set_btn_all{margin-bottom:1em}
|
||||
.lj_set_img01:hover .set_btn_all{margin-bottom:1em}
|
||||
.lj_set01_img .set_btn_all{margin-bottom:1em}
|
||||
.lj_set01_img:hover .set_btn_all{margin-bottom:1em}
|
||||
.set_btn_jd { display: inline-block; }
|
||||
.transparent_buy_button { margin-top:-3.5em;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.transparent_buy_button{ width:100%; text-align: center;}
|
||||
.set_btn_all a{ border:1px solid #5c5c5c; display: inline-block; color:#333; font-size: 1.125em; padding: 1% 4%; }
|
||||
.set_btn_all a:hover{background-color:#ff6900; border:1px solid #ff6900; color:#FFF; padding: 1% 4%; }
|
||||
.lj_set_img01:hover .set_btn_all{display: block;}
|
||||
.lj_set01_img:hover .set_btn_all{display: block;}
|
||||
|
||||
video {width: 100%;height: 100%;}
|
||||
|
||||
81
public/frontend/weben/css/subject/ssd.css
Executable file
81
public/frontend/weben/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:38%; float: left;}
|
||||
.ssd_right{width:38%; float: right;}
|
||||
.ssd_button{background-color: #fff; display: inline-block; padding:0.5vw 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("../../../web/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%; margin-bottom: 2.1875%; max-width:460px;}
|
||||
.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:35%; float: left; margin-right:3%; }
|
||||
.ssd_video .right{width:62%; float: right;}
|
||||
@media screen and (min-width:1460px){
|
||||
.ssd_video{position: absolute; top:50%; left:0; width:100%;}
|
||||
.ssd_video .swt-Container{margin-top:-251px;}
|
||||
}
|
||||
@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%;}
|
||||
}
|
||||
.font-48{font-size: 2.75em;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
17
public/frontend/weben/css/subject/stripe.css
Executable file
17
public/frontend/weben/css/subject/stripe.css
Executable file
@@ -0,0 +1,17 @@
|
||||
.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("../../../web/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;}
|
||||
}
|
||||
|
||||
.position-a-w{width:94%; left:3%; right:3%;}
|
||||
43
public/frontend/weben/css/subject/thunderbolt_3.css
Executable file
43
public/frontend/weben/css/subject/thunderbolt_3.css
Executable file
@@ -0,0 +1,43 @@
|
||||
.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:30%; float: left; margin-right: 4.9027%;}
|
||||
.thunderbolt_3_one .right{width:65.0973%; float: left;}
|
||||
.thunderbolt_3_two{margin-top:15.8vw; width:50%;}
|
||||
.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:45%;}
|
||||
.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:13.5vw; width:5.6757%}
|
||||
.intel_left img{width:100%; margin-top:15%;}
|
||||
}
|
||||
@media screen and (max-width:1240px){
|
||||
.intel{display: none;}
|
||||
}
|
||||
.font-60{font-size: 3em;}
|
||||
.font-18{font-size: 1em; line-height: 1.5em}
|
||||
.font-30{font-size: 1.5em; line-height: 1.25em;}
|
||||
@media screen and (max-width:1479px){
|
||||
.font-60{font-size: 2.5em;}
|
||||
.font-18{font-size: 0.875em; line-height: 1.5em}
|
||||
.font-30{font-size: 1.25em; line-height: 1.25em;}
|
||||
}
|
||||
@media screen and (max-width:1200px){
|
||||
.thunderbolt_3_four{margin-top:7vw;}
|
||||
}
|
||||
162
public/frontend/weben/css/subject/transparent.css
Executable file
162
public/frontend/weben/css/subject/transparent.css
Executable file
@@ -0,0 +1,162 @@
|
||||
/*公共样式*/
|
||||
.transparent_title{font-size: 2.5em; line-height: 1.2em;font-family:"LATO-MEDIUM";}
|
||||
.transparent_subtitle{font-size: 1.5em; margin-top:4%; line-height: 28px;}
|
||||
.transparent_text{font-size: 1em; margin-top:5.4%; line-height: 1.5em;}
|
||||
@media screen and (max-width:1440px){
|
||||
.transparent_title{font-size: 2.2em; line-height: 1.2em;}
|
||||
.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: 1em; 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:13%; font-size: 2em}
|
||||
.transparent_01 .title{font-size: 2.5em; line-height: 2.2em; font-family:"LATO-MEDIUM"; }
|
||||
.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:50%;}
|
||||
@media screen and (max-width:768px){
|
||||
.transparent_03_alltext{width:90%;}
|
||||
|
||||
}
|
||||
.transparent_03 .transparent_subtitle{margin-top:4%}
|
||||
/*第四屏*/
|
||||
.transparent_04{position: absolute; top:30%; width:100%;}
|
||||
|
||||
.transparent_04_alltext{width:34%;}
|
||||
@media screen and (max-width:640px){
|
||||
.transparent_04_alltext{width:60%;}
|
||||
}
|
||||
.transparent_04 .transparent_title{margin-bottom: 6%;}
|
||||
|
||||
/*第五屏*/
|
||||
.transparent_05{position: absolute; top:12%; width:100%;}
|
||||
.transparent_05_alltext{width:30%; float:right;text-align: right;margin-right:10%;}
|
||||
@media screen and (max-width:1200px){
|
||||
.transparent_05_alltext{width:50%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:640px){
|
||||
.transparent_05_alltext{width:90%;margin-right:2%;}
|
||||
}
|
||||
.transparent_05_alltext .transparent_title{margin-bottom: 10%;}
|
||||
|
||||
/*第六屏*/
|
||||
.transparent_06_text{font-size: 1.125em; color:#333333;font-family:"LATO-MEDIUM";}
|
||||
.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: 1.25em; }
|
||||
.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:3%; width:50%;}
|
||||
.transparent_06_two .title, .transparent_06_one .title{margin-bottom: 5%;}
|
||||
.transparent_06_two .subtitle, .transparent_06_one .subtitle{font-size: 1em; 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%;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
13
public/frontend/weben/css/subject/video.css
Executable file
13
public/frontend/weben/css/subject/video.css
Executable file
@@ -0,0 +1,13 @@
|
||||
/*新增*/
|
||||
.banner {position: relative;}
|
||||
.banner_title{font-family: "Montserrat-Bold"; font-size: 1.5rem; position: absolute; top:50%; margin-top:-0.75rem; color:#FFF; z-index: 9; text-align: center; width:100%;}
|
||||
|
||||
.content{margin:1rem 1.25rem 0;}
|
||||
.content .video{border-radius: 0.5rem; background-color:#FFF; overflow: hidden; margin-bottom: 0.75rem;}
|
||||
.content .video .text{padding:1.5rem; word-wrap:break-word; word-break:normal;}
|
||||
.title{font-family: "Montserrat-Bold"; font-size: 0.875rem; color:#000; line-height: 1.25rem;}
|
||||
.des{font-family: "Montserrat-Light"; font-size: 0.75rem; line-height: 1.125rem; color:#9E9E9F; margin-top:0.75rem;}
|
||||
video{display: block;}
|
||||
.video_content {margin:1rem 1.25rem 0;}
|
||||
.video_content li, .video_content li a:active{padding:0.5rem 0.75rem; border-radius: 1rem; margin-right:0.5rem; background-color:#FFF; color:#6B6C6E; font-family: "Montserrat-Medium"; font-size: 0.875rem; display: inline-block;}
|
||||
.video_on{background-color:#004BFA!important; color:#FFFFFF!important;}
|
||||
Reference in New Issue
Block a user