114 lines
4.3 KiB
CSS
Executable File
114 lines
4.3 KiB
CSS
Executable File
.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 2.6%;}
|
|
@media screen and (min-width:1440px){
|
|
.contact_swt {width:1440px; margin:1.5% auto;}
|
|
}
|
|
@media screen and (max-width:1439px){
|
|
.contact_swt {width:100%; margin:2.53% auto;}
|
|
}
|
|
.contact_address_t li { overflow: hidden; padding-bottom: 2%;}
|
|
@media screen and (min-width:640px){
|
|
.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;}
|
|
}
|
|
@media screen and (max-width:639px){
|
|
.contact_address_t li .left_img {width:96%; margin: auto; }
|
|
.contact_address_t li .right_text{width:91%; margin: auto;}
|
|
}
|
|
.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: 1em; 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:30.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 { 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: 1em;}
|
|
|
|
/*icon*/
|
|
.li_icon_p {padding:0 0 5%;}
|
|
@media screen and (min-width:640px){
|
|
.lj_icon li {width:33.333%;font-size: 1em;text-align: center;}
|
|
.li_icon_p img{width:14.6%; margin:auto;}
|
|
}
|
|
|
|
|
|
@media screen and (max-width:640px){
|
|
.lj_icon li {width:50%;font-size: 0.9em;text-align: center;}
|
|
.lj_icon li:nth-child(3){margin-top:5%;}
|
|
.li_icon_p img{width:18%; margin:auto;}
|
|
|
|
}
|
|
@media screen and (max-width:460px){
|
|
.lj_icon li {width:90%;font-size: 1em;text-align: center; margin-bottom: 8%;}
|
|
.lj_icon li:nth-child(3){margin-top:0%; margin-bottom: 0;}
|
|
.li_icon_p img{width:16%; margin:auto;}
|
|
}
|
|
|
|
.lj_icon li { float: left; }
|
|
|
|
/*工厂联系方式*/
|
|
.factory{width:96%; margin:auto;}
|
|
.factory li{width:49%; margin-right:2%; 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: 1em; color:#101010;}
|
|
.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; font-size: 0.875em; 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: 1vw;}
|
|
.factory .contact p{margin-top: 0.4vw; 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%;}
|
|
}
|
|
|