237 lines
13 KiB
CSS
Executable File
237 lines
13 KiB
CSS
Executable File
.distributor_bg_black{background-color:#1e1e1e; overflow: hidden; width:100%; padding-top:6vw; padding-bottom: 6vw;}
|
|
.distributor_bg_gray{background-color:#f1f1f1; overflow: hidden; width:100%; padding-top:4vw; padding-bottom: 4.2vw;}
|
|
.distributor_bg_white{background-color:#FFFFFF; overflow: hidden; width:100%; padding-top:0vw; padding-bottom: 0vw;}
|
|
.distributor_bg_black02{background-color:#1e1e1e; overflow: hidden; width:100%; padding-top:3.2vw; padding-bottom: 2.5vw;}
|
|
.distributor_title{font-size: 2.25em; font-weight: 600; line-height: 2em;}
|
|
@media screen and (max-width:768px){
|
|
.distributor_title{font-size: 1.8em;}
|
|
}
|
|
.distributor_subtitle{font-size: 1.5em;}
|
|
.distributor_des{font-size: 1.125em; }
|
|
.distributor_text_white{color:#ffffff;}
|
|
.distributor_text_black{color:#333;}
|
|
.distributor_text_gray{color:#737373;}
|
|
|
|
/*第二屏*/
|
|
.distributor_two {background-color:#009fdf; overflow: hidden; padding-top:5vw; padding-bottom: 5vw;}
|
|
.distributor_two .title{font-size: 1.5em;}
|
|
.distributor_two .des{font-size: 1.125em; margin-top:2vw; line-height: 1.5em;}
|
|
.distributor_two .left{width:12.3%; float: left; margin-left:16%; margin-right: 8%}
|
|
.distributor_two .right{width:58%; float: left;}
|
|
.distributor_two span{border-bottom: 4px solid #fefeff; padding-bottom:0.8vw; }
|
|
@media screen and (min-width:641px){
|
|
.distributor_two .swt-Table{width:86%; margin:auto; display: table; }
|
|
.distributor_two .Table-Row{display: table-row;}
|
|
.distributor_two .swt-Table-border-b{border-top: 1px solid #fefeff; }
|
|
.distributor_two .swt-Table-border-r{border-right:1px solid #fefeff;}
|
|
.distributor_two .swt-Table .Table-Row .Table-Cell{display: table-cell; width:49%; color:#fefeff; vertical-align: top;}
|
|
}
|
|
.distributor_two .m-top{margin-top:6%;}
|
|
.distributor_two .m-bottom{margin-bottom:6%;}
|
|
@media screen and (max-width:1480px){
|
|
.distributor_two .swt-Table{width:90%; margin:auto;}
|
|
}
|
|
@media screen and (max-width:1366px){
|
|
.distributor_two .left{margin-left:12%; margin-right: 6%}
|
|
.distributor_two .right{width:64%;}
|
|
}
|
|
@media screen and (max-width:1240px){
|
|
.distributor_two .left{margin-left:8%; margin-right: 4%}
|
|
.distributor_two .right{width:70%;}
|
|
}
|
|
@media screen and (max-width:1079px){
|
|
.distributor_two .swt-Table{width:96%; margin:auto;}
|
|
.distributor_two .left{margin-left:4%; margin-right: 2%}
|
|
.distributor_two .right{width:80%;}
|
|
}
|
|
@media screen and (max-width:840px){
|
|
.distributor_two .title{font-size: 1.2em;}
|
|
.distributor_two .des{font-size: 1em;}
|
|
}
|
|
@media screen and (max-width:640px){
|
|
.distributor_two .swt-Table{width:100%; overflow: hidden;}
|
|
.distributor_two .swt-Table .Table-Cell{width:100%; overflow: hidden;}
|
|
.distributor_two .swt-Table{color:#FFF;}
|
|
.distributor_two .left{width:5%;margin-left:4%; margin-right: 2%}
|
|
.distributor_two .right{width:80%;}
|
|
.distributor_two .m-top{margin-top:0; margin-bottom: 6%;}
|
|
.distributor_two {padding-bottom: 0;}
|
|
}
|
|
/*售后*/
|
|
.distributor_faq, .distributor_odm{background-color: #1e1e1e; overflow: hidden;}
|
|
.distributor_faq .one{position: absolute; bottom:0; width:100%}
|
|
.distributor_faq .one .bg_black{background-color:#1e1e1e; overflow: hidden; }
|
|
.distributor_faq .one .content{margin:5% 7% 2.5%; position: relative;}
|
|
.distributor_faq .one .content .line{width:73%; height: 1px; background-color:rgba(255,255,255,0.24); position: absolute; top:0px; right:0px; margin-top:4px;}
|
|
.distributor_faq .one .margin-t{margin-top:1vw;}
|
|
.distributor_faq .one .contents{background-color:#1e1e1e; overflow: hidden;}
|
|
.distributor_faq .one li{width:36%; float: left; padding:4% 7%;}
|
|
@media screen and (max-width:640px){
|
|
.distributor_faq .one{position: relative; top:0; width:100%;}
|
|
.distributor_faq .one .content .line{display: none;}
|
|
.distributor_faq .one li{width:92%; float: left; padding:4% 6%;}
|
|
}
|
|
/*odm定制流程*/
|
|
.distributor_odm{padding-top:5%; padding-bottom: 3%;}
|
|
.distributor_odm .line{width:100%; height: 1px; background-color:rgba(255,255,255,0.24); position: relative; }
|
|
.distributor_odm .title{top:50%; margin-top:-1em; line-height: 2em; height: 2em; display: inline-block; padding-left:3%; padding-right: 3%; background-color:#1e1e1e;}
|
|
|
|
.distributor_odm .content { width:88%; margin: 2% auto 0; padding: 3% 0 2%; overflow: hidden;}
|
|
.distributor_odm .content li {float: left; width:13.3%;}
|
|
.distributor_odm .content li:nth-child(2n){width:14.6%; text-align: center; }
|
|
.distributor_odm p{margin-bottom: 0.7vw;}
|
|
.distributor_odm .contents{width:100%;}
|
|
.distributor_odm .contents li{width:16%; margin-left:3%; margin-right: 6%; float: left; text-align: center; line-height: 1.8em;}
|
|
@media screen and (max-width:768px){
|
|
.distributor_odm .contents li{width:20%; margin-left:1%; margin-right: 4%;}
|
|
.distributor_odm .line{background-color:transparent;}
|
|
.distributor_odm{border-top:1px solid rgba(255,255,255,0.1);}
|
|
}
|
|
@media screen and (max-width:640px){
|
|
.distributor_odm .content{display: none;}
|
|
.distributor_odm .title{position: relative; background-color:transparent; overflow: hidden;}
|
|
.distributor_odm .contents {margin-top:5%;}
|
|
.distributor_odm .contents {width:90%; margin:5% auto;}
|
|
.distributor_odm .contents li{width:90%; text-align: left; margin:auto; overflow: hidden;}
|
|
.distributor_odm p{display: inline-block;}
|
|
.distributor_odm{padding-top:10%; padding-bottom: 3%;}
|
|
}
|
|
/*合作客户*/
|
|
.distributor_Cooperation{background-color:#fafafa; overflow: hidden; width:100%; padding-top:3%; padding-bottom: 3.5%;}
|
|
.distributor_Cooperation li {width:24.1%; float: left; margin-bottom: 1%; margin-right: 1.2%; }
|
|
.distributor_Cooperation li img{box-shadow: 0px 1px 5px rgba(0,0,0,0.1); max-width:100%;}
|
|
.distributor_Cooperation li:nth-child(4n){margin-right: 0;}
|
|
@media screen and (max-width:640px){
|
|
.distributor_Cooperation li {width:49%; float: left; margin-bottom: 1%; margin-right: 2%; }
|
|
.distributor_Cooperation li:nth-child(2n){margin-right: 0;}
|
|
}
|
|
.distributor_Cooperation ul{margin-top:2.5%;}
|
|
/*八大生产线*/
|
|
.distributor_Beltline{background-color:#f1f1f1; overflow: hidden; width:100%; padding-top:3%; padding-bottom: 1%;}
|
|
.distributor_Beltline li{width:32%; margin-right:1.5%; float: left; margin-bottom: 1.5%;}
|
|
@media screen and (min-width:768px){
|
|
.distributor_Beltline li:nth-child(3n){margin-right: 0;}
|
|
}
|
|
.distributor_Beltline img{box-shadow: 5px 5px 10px rgba(0,0,0,0.2); margin-bottom: 5%;}
|
|
@media screen and (max-width:1480px){
|
|
.distributor_Beltline img{width:100%;}
|
|
}
|
|
@media screen and (max-width:767px){
|
|
.distributor_Beltline li{width:49%; margin-right: 2%;}
|
|
.distributor_Beltline li:nth-child(2n){margin-right: 0;}
|
|
}
|
|
.distributor_Beltline p{text-align: center; margin-top:2%;}
|
|
.distributor_Beltline li p:last-child{margin-bottom:5%;}
|
|
.distributor_Beltline ul{margin-top:3%;}
|
|
/*大数据时代*/
|
|
.distributor_Big_Data{background-color:#f1f1f1; overflow: hidden; width:100%; }
|
|
.distributor_Big_Data .content{margin-top:3%; margin-bottom: 4%;}
|
|
.distributor_Big_Data .swt-Table {margin-top:1%;}
|
|
.distributor_Big_Data .swt-Table .left{width:49.5%;}
|
|
.distributor_Big_Data .swt-Table .center{width:1%;}
|
|
.distributor_Big_Data .bg_black{background-color:#1e1e1e; overflow: hidden; color:#FFF; padding:4% 4% 2% 7%; }
|
|
.distributor_Big_Data p{margin-bottom: 2.3%;}
|
|
@media screen and (max-width:768px){
|
|
.distributor_Big_Data .swt-Table .left{width:98%; margin-left:auto; margin-right: auto; }
|
|
.distributor_Big_Data .swt-Table .center{display: none;}
|
|
.distributor_Big_Data .swt-Table {margin-top:0;}
|
|
}
|
|
@media screen and (max-width:640px){
|
|
.distributor_Big_Data .swt-Table .left{width:100%;}
|
|
.distributor_Big_Data .swt-Table {margin-top:0;}
|
|
}
|
|
.distributor_Big_Data .distributor_des{margin-bottom:3%;}
|
|
/*大记事*/
|
|
.distributor_Chronicle{width:100%; background-color: #222222; overflow: hidden; padding-top:3%; padding-bottom: 4%;}
|
|
.distributor_Chronicle .Chronicle{margin-top:3%;}
|
|
.distributor_Chronicle .Chronicle-l{width:12%; float: left; text-align: center; padding-right:2%; line-height: 3em; height: 3em; font-weight: bold;color:#FFFFFF; font-size: 1.5em;}
|
|
.distributor_Chronicle .Chronicle-l span{display: block; position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: #FFFFFF;right: -5px; top: 50%; margin-top:-5px;}
|
|
.distributor_Chronicle .Chronicle-r{border-left:1px solid #484848; width:72%; float: left; padding-left:7%; height: 3em; padding-top:1.2em; color: #FFFFFF; font-size: 1.125em; line-height: 1.8em;}
|
|
.Chronicle-2015{padding-bottom: 2%;}
|
|
@media screen and (max-width:1080px){
|
|
.distributor_Chronicle .Chronicle-r{height: 4em;}
|
|
.Chronicle-2015{padding-bottom: 4%;}
|
|
}
|
|
@media screen and (max-width:768px){
|
|
.distributor_Chronicle .Chronicle-r{height: 6em;}
|
|
.Chronicle-2015{padding-bottom: 6%;}
|
|
}
|
|
@media screen and (max-width:383px){
|
|
.distributor_Chronicle .Chronicle-l{width:16%;}
|
|
.Chronicle-2015{padding-bottom: 18%;}
|
|
}
|
|
/*招商*/
|
|
.distributor_Attract{width:100%; background-color:#1d1d1d; overflow: hidden; padding-top:3%; padding-bottom: 4%;}
|
|
|
|
.distributor_Attract .list{width:100%; margin-top:2.2%; margin-bottom: 0; overflow: hidden;}
|
|
.distributor_Attract .list li{width:22%; float: left; margin-right:4%; background-color:#FFF; border-radius: 5px; padding-top:4%; padding-bottom: 4%; text-align: center; }
|
|
.distributor_Attract .list li:last-child{margin:0px;}
|
|
.distributor_Attract .des_text{color:#1e1e1e; font-size: 1.875em; text-align: center; width:90%; margin:9% auto 0; line-height: 1.3em; height: 3.9em;}
|
|
@media screen and (max-width:1280px){
|
|
.distributor_Attract .list img{width:60%; margin:auto;}
|
|
}
|
|
@media screen and (max-width:480px){
|
|
.distributor_Attract .list li{width:48%; margin-right: 4%; margin-bottom: 4%;}
|
|
.distributor_Attract .list li:nth-child(2n){margin-right: 0;}
|
|
}
|
|
/*投资*/
|
|
.distributor_Investment{margin-bottom: 1vw;}
|
|
.distributor_Investment .bg_white, .distributor_Investment .bg_white_01{background-color:#FFF; width:49.5%; padding: 1.8vw 2.7vw 2.4vw; color:#333;}
|
|
.distributor_Investment .bg_black, .distributor_Investment .bg_black_01{background-color:#1e1e1e; width:49.5%; padding: 1.8vw 2.7vw 2.4vw; color:#FFFFFF;}
|
|
|
|
.distributor_Investment .distributor_title{margin-bottom: 2%;}
|
|
.distributor_Investment .distributor_subtitle{margin-bottom: 2%;}
|
|
.distributor_Investment .center{width:1%;}
|
|
|
|
.distributor_Investment .distributor_subtitle{line-height: 2em;}
|
|
.distributor_Investment .distributor_des {line-height: 1.5em;}
|
|
@media screen and (min-width:768px){
|
|
.distributor_Investment .Swt-Table{display: table; width:100%; margin-top:1vw;}
|
|
.distributor_Investment .Swt-Table .Table-Row{display: table-row;}
|
|
.distributor_Investment .Swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; }
|
|
}
|
|
@media screen and (max-width:767px){
|
|
.distributor_Investment .bg_white_01{background-color:#1e1e1e; color:#FFFFFF; padding: 4%; }
|
|
.distributor_Investment .bg_black_01{background-color:#FFF; color:#333; padding: 4%; }
|
|
.distributor_Investment .bg_white, .distributor_Investment .bg_white_01, .distributor_Investment .bg_black, .distributor_Investment .bg_black_01{width:90%; margin:auto;}
|
|
}
|
|
/*加盟*/
|
|
.distributor_join{overflow: hidden;}
|
|
.distributor_join ul{width:100%;}
|
|
.distributor_join li{width:32%; margin-right: 2%; float: left; margin-bottom: 2%; position: relative; margin-top:2%}
|
|
@media screen and (min-width:768px){
|
|
.distributor_join li:nth-child(3n){margin-right: 0;}
|
|
}
|
|
.distributor_join .left{width:24%; float: left; text-align: center;}
|
|
.distributor_join .right{width:76%; float: left;}
|
|
.distributor_join .title{font-size: 1.5em; color:#FFF; font-weight: 100; display: block; margin-top:42%; }
|
|
.distributor_join .subtitle{font-size: 1.125em; color:rgba(255,255,255,0.6); display: block; margin-top:5%;}
|
|
@media screen and (max-width:1344px){
|
|
.distributor_join .title{font-size: 1.2em; line-height:1.8em}
|
|
|
|
}
|
|
@media screen and (max-width:990px){
|
|
.distributor_join .left{position: absolute; top:0; width:40%; margin-top:-1.9em;}
|
|
.distributor_join .title{line-height:1.8em}
|
|
.distributor_join .subtitle{line-height: 1.6em;}
|
|
.distributor_join .right{width:100%;}
|
|
}
|
|
@media screen and (max-width:767px){
|
|
.distributor_join li{width:49%; margin-right: 2%;}
|
|
.distributor_join li:nth-child(2n){margin-right: 0;}
|
|
}
|
|
/*联系方式*/
|
|
.distributor_contact .banner img{width:100%;}
|
|
|
|
.distributor_contact ul{width:100%;overflow: hidden;}
|
|
.distributor_contact .service{width:90%; margin:2% auto 3%; overflow: hidden;}
|
|
.distributor_contact .title{font-size: 2.25em; font-weight: 600; color:#333; text-align: left; line-height: 2em;}
|
|
.distributor_contact .subtitle{font-size:1.5em ;color:#333333; line-height: 2em; margin-top:0.3vw; }
|
|
.distributor_contact .des{font-size:1em; color:#737373; line-height: 1em; margin-top:0.8vw;}
|
|
.distributor_contact ul li{width:49%; float: left; margin-bottom: 2%; margin-right: 2%;}
|
|
.distributor_contact ul li:nth-child(2n){margin-right: 0;}
|
|
.distributor_contact span{display: block; margin-bottom: 0.8vw; line-height: 1.5em}
|
|
.distributor_contact span:last-child{margin-bottom: 0;}
|
|
@media screen and (max-width:640px){
|
|
.distributor_contact ul li{width:100%; clear: both;}
|
|
} |