641 lines
9.9 KiB
CSS
641 lines
9.9 KiB
CSS
/* 手机端 */
|
|
@media screen and (max-width:780px){
|
|
.w1280,
|
|
.w1400{
|
|
width: 96%;
|
|
}
|
|
.banner-swiper{
|
|
height: 240px;
|
|
}
|
|
.banner-title>span{
|
|
font-size: 20px;
|
|
text-align: center;
|
|
}
|
|
.banner-title>span em{
|
|
font-size: 28px;
|
|
margin-right: 4px;
|
|
}
|
|
.banner-title>ins{
|
|
font-size: 23px;
|
|
text-align: center;
|
|
}
|
|
|
|
.index-title h2{
|
|
font-size: 22px;
|
|
}
|
|
.index-title span{
|
|
font-size: 16px;
|
|
}
|
|
.index-product-bg{
|
|
padding-top: 30px;
|
|
}
|
|
.index-product-item{
|
|
margin-top: 20px;
|
|
}
|
|
.index-product-item li>span{
|
|
width: 46px;
|
|
height: 46px;
|
|
}
|
|
.index-product-item li img:nth-of-type(1),
|
|
.index-product-item li img:nth-of-type(2){
|
|
height: 46px;
|
|
}
|
|
.index-product-item li.active img:nth-of-type(1),
|
|
.index-product-item li:hover img:nth-of-type(1){
|
|
margin-top: -46px;
|
|
}
|
|
.index-product-item li p{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 39px;
|
|
font-size: 13px;
|
|
margin-bottom: 3px;
|
|
}
|
|
.index-product-txt {
|
|
flex-wrap: wrap;
|
|
padding-top: 20px;
|
|
}
|
|
.index-product-txt .left{
|
|
width: 100%;
|
|
}
|
|
.index-product-list li>img{
|
|
width: auto;
|
|
min-height: 100%;
|
|
}
|
|
.index-product-txt .left h3{
|
|
font-size: 20px;
|
|
text-align: center;
|
|
}
|
|
.index-product-txt .left ins{
|
|
margin: 10px auto;
|
|
}
|
|
.index-product-txt .left p{
|
|
font-size: 14px;
|
|
}
|
|
.index-product-txt .left a{
|
|
margin-top: 10px;
|
|
float: right;
|
|
}
|
|
.index-product-txt .right{
|
|
width: 100%;
|
|
margin-top: 15px;
|
|
}
|
|
.index-case-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.index-case {
|
|
flex-wrap: wrap;
|
|
margin-top: 10px;
|
|
}
|
|
.index-case li{
|
|
width: 100%;
|
|
margin-right: 0;
|
|
margin-top: 10px;
|
|
padding: 15px;
|
|
position: relative;
|
|
}
|
|
.index-case li em{
|
|
width: 44px;
|
|
height: 50px;
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 15px;
|
|
}
|
|
.index-case li em>img:nth-of-type(1),
|
|
.index-case li em>img:nth-of-type(2){
|
|
height: 50px;
|
|
}
|
|
.index-case li span{
|
|
font-size: 26px;
|
|
}
|
|
.index-case li ins{
|
|
margin: 10px 0;
|
|
}
|
|
.index-case li h3{
|
|
font-size: 16px;
|
|
}
|
|
.index-case li p{
|
|
margin: 8px 0;
|
|
}
|
|
.index-service-bg{
|
|
padding: 30px 0 0;
|
|
}
|
|
.index-service {
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin-top: 10px;
|
|
}
|
|
.index-service li{
|
|
width: 49%;
|
|
margin: 2% 2% 0 0;
|
|
overflow: hidden;
|
|
}
|
|
.index-service li:nth-of-type(2n){
|
|
margin-right: 0;
|
|
}
|
|
.index-service li img{
|
|
width: 100%;
|
|
}
|
|
.my-customer-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.my-customer{
|
|
margin-top: 10px;
|
|
}
|
|
.my-customer li{
|
|
width: 23.5%;
|
|
margin: 2% 2% 0 0;
|
|
}
|
|
.my-customer li:nth-of-type(7n){
|
|
margin-right: 2%;
|
|
}
|
|
.my-customer li:nth-of-type(4n){
|
|
margin-right: 0;
|
|
}
|
|
.foot{
|
|
flex-wrap: wrap;
|
|
}
|
|
.bottom-nav{
|
|
width: 100%;
|
|
padding: 15px 2%;
|
|
flex-wrap: wrap;
|
|
}
|
|
.bottom-nav li{
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.bottom-nav li>span{
|
|
font-size: 13px;
|
|
}
|
|
.bottom-nav li>a{
|
|
font-size: 13px;
|
|
line-height: 2.2;
|
|
margin-left: 8px;
|
|
}
|
|
.bottom-cantact{
|
|
width: 100%;
|
|
padding: 10px 2%;
|
|
}
|
|
.bottom-cantact p{
|
|
margin: 8px 0;
|
|
}
|
|
.bottom-cantact p,
|
|
.bottom-cantact a{
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
}
|
|
.bottom-cantact p>span{
|
|
color: #FFFFFF;
|
|
}
|
|
.copyright{
|
|
flex-wrap: wrap;
|
|
padding: 10px 0;
|
|
height: auto;
|
|
}
|
|
.copyright p, .copyright span, .copyright a{
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
}
|
|
.copyright span{
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.pull-banner{
|
|
height: 240px;
|
|
overflow: hidden;
|
|
}
|
|
.pull-banner img{
|
|
min-height: 240px;
|
|
}
|
|
.pull-banner-title h2{
|
|
font-size: 24px;
|
|
}
|
|
.pull-banner-title p{
|
|
font-size: 18px;
|
|
}
|
|
.pull-current{
|
|
flex-wrap: wrap-reverse;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.point{
|
|
width: 100%;
|
|
padding: 10px 2%;
|
|
border-top: 1px solid #eee;
|
|
}
|
|
.point p, .point p>a{
|
|
font-size: 13px;
|
|
}
|
|
.point>img{
|
|
height: 14px;
|
|
margin-right: 3px;
|
|
}
|
|
.nav-item-swiper .swiper-slide a{
|
|
padding: 0 15px !important;
|
|
line-height: 44px;
|
|
font-size: 14px;
|
|
}
|
|
.nav-item-swiper .swiper-slide a.active,
|
|
.nav-item-swiper .swiper-slide a:hover{
|
|
padding: 0 15px !important;
|
|
}
|
|
.about-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.about-txt>strong{
|
|
font-size: 16px;
|
|
}
|
|
.about-txt>h3{
|
|
font-size: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.about{
|
|
flex-wrap: wrap;
|
|
}
|
|
.about-txt{
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
.about-img{
|
|
max-width: 100%;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
.about-txt>p{
|
|
font-size: 14px;
|
|
line-height: 2;
|
|
}
|
|
.memorabilia-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.memorabilia-thumbnail-swiper .swiper-slide>p{
|
|
font-size: 15px;
|
|
}
|
|
.memorabilia-swiper .swiper-slide{
|
|
flex-wrap: wrap;
|
|
padding: 15px 15px 40px;
|
|
}
|
|
.memorabilia-img{
|
|
width: 100%;
|
|
height: 200px;
|
|
}
|
|
.memorabilia-img img{
|
|
min-height: 200px;
|
|
}
|
|
.memorabilia-txt{
|
|
width: 100%;
|
|
}
|
|
.memorabilia-txt h3{
|
|
font-size: 22px;
|
|
margin-top: 10px;
|
|
}
|
|
.memorabilia-txt ins{
|
|
width: 75px;
|
|
margin: 8px 0;;
|
|
}
|
|
.memorabilia-txt p{
|
|
font-size: 15px;
|
|
}
|
|
.memorabilia-swiper .swiper-button-prev{
|
|
width: 40px;
|
|
height: 38px;
|
|
right: 44px;
|
|
}
|
|
.memorabilia-swiper .swiper-button-next{
|
|
width: 40px;
|
|
height: 38px;
|
|
}
|
|
.join-bg{
|
|
align-items: flex-start;
|
|
}
|
|
.join-list{
|
|
width: 32%;
|
|
}
|
|
.join-content{
|
|
width: 68%;
|
|
}
|
|
.join-swiper .swiper-slide>h3{
|
|
font-size: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.join-swiper .swiper-slide{
|
|
padding: 10px;
|
|
}
|
|
.join-swiper .swiper-slide p{
|
|
font-size: 13px;
|
|
line-height: 1.7;
|
|
text-align: justify;
|
|
}
|
|
.join-swiper .swiper-slide p strong{
|
|
margin-top: 15px;
|
|
}
|
|
.join-swiper .swiper-slide h5{
|
|
font-size: 13px;
|
|
margin-top: 15px;
|
|
line-height: 1.7;
|
|
}
|
|
.index-title.pull-title span{
|
|
font-size: 14px;
|
|
}
|
|
.join-thumbnail-swiper .swiper-slide{
|
|
padding: 0 5px;
|
|
}
|
|
.join-thumbnail-swiper .swiper-slide p{
|
|
font-size: 13px;
|
|
}
|
|
.join-thumbnail-swiper .swiper-slide img{
|
|
margin-right: 0;
|
|
height: 10px;
|
|
}
|
|
.join-thumbnail-bg .index-title{
|
|
padding: 0 5px;
|
|
}
|
|
.join-thumbnail-bg{
|
|
padding: 20px 0;
|
|
}
|
|
.join-thumbnail-bg .index-title h2{
|
|
font-size: 18px;
|
|
}
|
|
.join-thumbnail-bg .index-title span>ins{
|
|
width: 4px;
|
|
height: 4px;
|
|
margin: 0 3px;
|
|
}
|
|
.contact-list li{
|
|
flex-wrap: wrap;
|
|
margin-top: 20px;
|
|
}
|
|
.contact-txt{
|
|
width: 100%;
|
|
padding: 15px;
|
|
height: auto;
|
|
}
|
|
.contact-txt p{
|
|
font-size: 14px;
|
|
}
|
|
.contact-map{
|
|
width: 100%;
|
|
height: 260px;
|
|
}
|
|
.contact-bg{
|
|
padding: 10px 0 30px;
|
|
}
|
|
.zxfw-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.zxfw-list{
|
|
flex-wrap: wrap;
|
|
margin-top: 10px;
|
|
}
|
|
.zxfw-list li{
|
|
width: 49%;
|
|
margin-right: 2%;
|
|
}
|
|
.zxfw-list li:nth-of-type(2n){
|
|
margin-right: 0;
|
|
}
|
|
.zxfw-list li{
|
|
height: 210px;
|
|
margin-top: 2%;
|
|
}
|
|
.zxfw-list li>img{
|
|
min-height: 210px;
|
|
}
|
|
.zxfw-txt h3{
|
|
font-size: 16px;
|
|
}
|
|
.create-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.create-list li{
|
|
width: 33.33%;
|
|
}
|
|
.create-list li h3{
|
|
font-size: 13px;
|
|
}
|
|
.create-list li span{
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
.create-list li span img:nth-of-type(1),
|
|
.create-list li span img:nth-of-type(2){
|
|
height: 60px;
|
|
}
|
|
.create-list li:hover span img:nth-of-type(1){
|
|
margin-top: -60px;
|
|
}
|
|
.yfw-section{
|
|
flex-wrap: wrap;
|
|
}
|
|
.yfw-list li{
|
|
padding: 15px 0;
|
|
}
|
|
.yfw-img{
|
|
width: 100%;
|
|
height: 210px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.yfw-img img{
|
|
min-height: 210px;
|
|
}
|
|
.yfw-txt{
|
|
width: 100%;
|
|
}
|
|
.yfw-txt strong{
|
|
font-size: 16px;
|
|
}
|
|
.yfw-txt h3{
|
|
font-size: 20px;
|
|
margin: 6px 0 10px;
|
|
}
|
|
.yfw-txt p{
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
}
|
|
.ywfw-content-bg{
|
|
padding: 30px 0 10px;
|
|
}
|
|
.ywfw-item{
|
|
margin-top: 15px;
|
|
}
|
|
.ywfw-item li{
|
|
width: 100%;
|
|
height: 40px;
|
|
font-size: 14px;
|
|
}
|
|
.ywfw-item li p{
|
|
width: 85%;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
word-break: break-all;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.ywfw-item li>span{
|
|
font-size: 15px;
|
|
line-height: 40px;
|
|
}
|
|
.ywfw-list li{
|
|
padding: 15px;
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.ywfw-list .txt{
|
|
width: 100%;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
}
|
|
.ywfw-list .img{
|
|
width: 100%;
|
|
height: 175px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.ywfw-list .img>img{
|
|
min-height: 175px;
|
|
}
|
|
.team-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.team {
|
|
flex-wrap: wrap;
|
|
margin-top: 5px;
|
|
}
|
|
.team li{
|
|
width: 100%;
|
|
padding: 15px;
|
|
margin-top: 15px;
|
|
}
|
|
.team li h3{
|
|
font-size: 16px;
|
|
}
|
|
.team li p{
|
|
font-size: 13px;
|
|
line-height: 1.8;
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
.guarantee-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.guarantee li{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 14px;
|
|
}
|
|
.guarantee li:first-child{
|
|
font-size: 13px;
|
|
}
|
|
.ability-bg{
|
|
padding: 30px 30px 0;
|
|
}
|
|
.ability{
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
padding-bottom: 20px;
|
|
}
|
|
.nav-item{
|
|
width: 100%;
|
|
}
|
|
.product-introduce-bg{
|
|
padding: 30px 0;;
|
|
}
|
|
.product-title{
|
|
font-size: 24px;
|
|
}
|
|
.product-introduce-txt{
|
|
margin-top: 10px;
|
|
}
|
|
.product-introduce-txt p{
|
|
font-size: 14px;
|
|
text-align: left;
|
|
}
|
|
.product-introduce-txt img{
|
|
margin-top: 10px;
|
|
}
|
|
.characteristic-list{
|
|
align-items: flex-start;
|
|
}
|
|
.characteristic-list li{
|
|
width: 49%;
|
|
margin: 2% 2% 0 0;
|
|
padding: 15px 10px;
|
|
}
|
|
.characteristic-list li:nth-of-type(3n){
|
|
margin: 2% 2% 0 0;
|
|
}
|
|
.characteristic-list li:nth-of-type(2n){
|
|
margin-right: 0;
|
|
}
|
|
.characteristic-list li h3{
|
|
font-size: 16px;
|
|
margin: 8px 0 4px;
|
|
}
|
|
.characteristic-list li p{
|
|
text-align: justify;
|
|
line-height: 1.8;
|
|
}
|
|
.product-scene-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.scene-list li h3{
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
padding: 0 10px 0 15px;
|
|
}
|
|
.scene-list li h3>ins{
|
|
width: 14px;
|
|
height: 9px;
|
|
background-size: 14px 9px;
|
|
}
|
|
.product-scene-txt.cur{
|
|
flex-wrap: wrap;
|
|
padding: 15px;
|
|
}
|
|
.product-scene-txt .txt{
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
.product-scene-txt .txt strong{
|
|
font-size: 16px;
|
|
}
|
|
.product-scene-txt .img{
|
|
max-width: 100%;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
.product-case-bg{
|
|
padding: 30px 0;
|
|
}
|
|
.case-list-bg{
|
|
margin-top: 20px;
|
|
}
|
|
.product-case-swiper{
|
|
width: 85%;
|
|
}
|
|
.product-case-swiper .swiper-slide{
|
|
width: 100%;
|
|
padding: 15px 10px;
|
|
}
|
|
.product-case-swiper .swiper-slide h3{
|
|
font-size: 17px;
|
|
}
|
|
.case-txt{
|
|
height: 158px;
|
|
}
|
|
.case-list-bg{
|
|
width: 100%;
|
|
padding-bottom: 40px;
|
|
}
|
|
.case-txt strong{
|
|
font-size: 15px;
|
|
}
|
|
.case-btns{
|
|
height: 36px;
|
|
}
|
|
.case-list-bg .swiper-button-prev,
|
|
.case-list-bg .swiper-button-next{
|
|
width: 24px;
|
|
height: 52px;
|
|
}
|
|
} |