199 lines
8.5 KiB
CSS
Executable File
199 lines
8.5 KiB
CSS
Executable File
/*品牌发展*/
|
|
.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;} |