init
This commit is contained in:
282
public/frontend/web/css/subject/contact.css
Executable file
282
public/frontend/web/css/subject/contact.css
Executable file
@@ -0,0 +1,282 @@
|
||||
.C-title {
|
||||
margin-top: 4%;
|
||||
margin-bottom: 2%;
|
||||
font-size: 1.875em;
|
||||
}
|
||||
.C-line {
|
||||
width: 4.25%;
|
||||
height: 5px;
|
||||
background-color: #002855;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 2%;
|
||||
}
|
||||
.C-All {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
margin: 1.8% 0;
|
||||
}
|
||||
.C-bg {
|
||||
background: #f1f1f1;
|
||||
padding: 2% 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*公司地址*/
|
||||
.c_bg_c {
|
||||
background: #f1f1f1;
|
||||
padding: 4% 0 0;
|
||||
}
|
||||
.contact_address_t li {
|
||||
overflow: hidden;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
.contact_address_t li .left_img {
|
||||
width: 30%;
|
||||
float: left;
|
||||
padding: 0 0 0 5.5%;
|
||||
}
|
||||
.contact_address_t li .right_text {
|
||||
width: 55%;
|
||||
float: left;
|
||||
}
|
||||
.contact_address_t li .left_img {
|
||||
margin-right: 1.6%;
|
||||
}
|
||||
.contact_address_t li .left_img img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.c_title_h3 {
|
||||
font-size: 1.125em;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
color: #333;
|
||||
line-height: 2.8em;
|
||||
}
|
||||
.c_title_h3 img {
|
||||
padding-right: 1em;
|
||||
}
|
||||
.c_text_p {
|
||||
line-height: 1em;
|
||||
color: #737373;
|
||||
padding: 2% 0;
|
||||
font-size: 0.875em;
|
||||
padding-left: 1.8em;
|
||||
}
|
||||
.c_text_p p {
|
||||
margin-bottom: 0.5vw;
|
||||
}
|
||||
/*联系方式 */
|
||||
.contact_tel {
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
@media screen and (min-width: 1360px) {
|
||||
.contact_tel li {
|
||||
width: 22.5%;
|
||||
float: left;
|
||||
margin: 0 1%;
|
||||
}
|
||||
.contact_tel li:nth-child(1) {
|
||||
margin-left: 2%;
|
||||
}
|
||||
.contact_tel li:last-child {
|
||||
margin-right: 2%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 640px) and (max-width: 1359px) {
|
||||
.contact_tel li {
|
||||
width: 46%;
|
||||
float: left;
|
||||
margin: 0 2% 3% 2%;
|
||||
}
|
||||
.contact_tel li:nth-child(2n) {
|
||||
margin-left: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 639px) {
|
||||
.contact_tel li {
|
||||
width: 96%;
|
||||
margin: 4% auto;
|
||||
}
|
||||
}
|
||||
.contact_tel li {
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
padding: 3% 0;
|
||||
}
|
||||
.contact_tel_text {
|
||||
text-align: left;
|
||||
padding: 4% 8%;
|
||||
line-height: 2em;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
.contact_tel li img {
|
||||
vertical-align: middle;
|
||||
max-width: 80%;
|
||||
}
|
||||
.con_bl {
|
||||
color: #009fdf;
|
||||
}
|
||||
.con_black {
|
||||
color: #333;
|
||||
margin: 5% 0 1%;
|
||||
font-size: 1.125em;
|
||||
}
|
||||
/*icon*/
|
||||
.li_icon_p {
|
||||
padding: 0 0 5%;
|
||||
}
|
||||
.lj_icon li {
|
||||
width: 33.333%;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
.li_icon_p img {
|
||||
width: 14.6%;
|
||||
margin: auto;
|
||||
}
|
||||
.lj_icon li {
|
||||
float: left;
|
||||
}
|
||||
/*工厂联系方式*/
|
||||
.factory {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
.factory li {
|
||||
width: 48.6%;
|
||||
margin-right: 2.8%;
|
||||
float: left;
|
||||
margin-top: 1.5vw;
|
||||
}
|
||||
.factory li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.factory li .left {
|
||||
width: 49.7%;
|
||||
float: left;
|
||||
margin-right: 2.3%;
|
||||
}
|
||||
.factory li .content {
|
||||
width: 48%;
|
||||
float: left;
|
||||
}
|
||||
.factory .content {
|
||||
width: 90%;
|
||||
margin: 0vw auto 0;
|
||||
}
|
||||
.factory .c_title {
|
||||
font-size: 1.125em;
|
||||
color: #101010;
|
||||
margin-bottom: 0.8vw;
|
||||
}
|
||||
.factory .content .left {
|
||||
width: 16%;
|
||||
float: left;
|
||||
line-height: 1.5em;
|
||||
margin-right: 0;
|
||||
}
|
||||
.factory .content .right {
|
||||
width: 78%;
|
||||
float: left;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.factory .contact {
|
||||
overflow: hidden;
|
||||
margin-left: 20px;
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
line-height: 1em;
|
||||
font-weight: 100;
|
||||
}
|
||||
.factory .c_title img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.factory img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.factory .title {
|
||||
font-size: 2em;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
line-height: 1.25em;
|
||||
margin-bottom: 2.5vw;
|
||||
}
|
||||
.factory .contact p {
|
||||
margin-top: 0.5vw;
|
||||
display: block;
|
||||
}
|
||||
@media screen and (max-width: 1459px) {
|
||||
.factory li {
|
||||
width: 49%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.factory .content .left {
|
||||
width: 18%;
|
||||
}
|
||||
.factory .content .right {
|
||||
width: 78%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1439px) {
|
||||
.factory .c_title {
|
||||
font-size: 1em;
|
||||
}
|
||||
.factory li .left img {
|
||||
width: 100%;
|
||||
}
|
||||
.factory .contact {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1280px) {
|
||||
.factory .content .left {
|
||||
width: 18%;
|
||||
}
|
||||
.factory .content .right {
|
||||
width: 82%;
|
||||
}
|
||||
.factory .c_title img {
|
||||
margin-right: 2px;
|
||||
}
|
||||
.factory .contact {
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) and (max-width: 960px) {
|
||||
.factory li {
|
||||
width: 49%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.factory li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.factory li {
|
||||
width: 98%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-fact-l {
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
width: 75%;
|
||||
}
|
||||
.contact-fact-l img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.contact-text-r {
|
||||
width: 22%;
|
||||
float: right;
|
||||
}
|
||||
.contact-text-r h3 {
|
||||
font-size: 24px;
|
||||
padding: 45px 0 40px;
|
||||
color: #010101;
|
||||
}
|
||||
|
||||
.contact-text-r p {
|
||||
line-height: 28px;
|
||||
color: #737373;
|
||||
}
|
||||
Reference in New Issue
Block a user