193 lines
7.9 KiB
CSS
193 lines
7.9 KiB
CSS
@media screen and (max-width:1280px){.detail,.dev-list,.dev-work,.header,.hzhb-list{padding:0 10px}
|
|
.box-list,.box-type{padding:0 10px}
|
|
.box-list{margin-top:20px}
|
|
.box-item>img{width:300px;height:284px}
|
|
}
|
|
@media screen and (min-width:768px){.banner-pc{display:block}
|
|
.banner-m{display:none}
|
|
}
|
|
@media screen and (max-width:990px){.box-item>img{display:none}
|
|
.box-item .box-info .box-info-item{padding-right:0}
|
|
}
|
|
@media screen and (max-width:1100px){.hzhb-item{width:23%;padding:5px 6px}
|
|
}
|
|
@media screen and (min-width:1024px) and (max-width:1280px){.header-item{padding-right:30px}
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:1024px){.header-logo img{height:20px}
|
|
.header-item{padding:12px 30px 12px 0}
|
|
.header-item>a{padding:3px 0;line-height:11px;font-weight:400;font-size:var(--fontSize)}
|
|
.header-find{top:45px;left:-15px;width:90px}
|
|
.header-find a{font-size:var(--fontSize)}
|
|
.find-left,.find-right{width:90px}
|
|
.header-user>a{width:40px;line-height:22px;border-radius:2px}
|
|
.register{font-size:var(--fontSize)}
|
|
.login{font-size:var(--fontSize)}
|
|
.user-info{padding:10px 0}
|
|
.user-info .user-avatar{width:24px;height:24px}
|
|
.user-item{top:45px;width:90px}
|
|
.user-item a{font-size:var(--fontSize)}
|
|
.box-full{padding-top:0}
|
|
.box{margin:50px auto 0}
|
|
.box-title{font-size:calc(var(--fontSize) + 12px)}
|
|
.box-type{margin-top:20px}
|
|
.box-type-item{padding:20px 0}
|
|
.box-type-item img{height:20px;margin-bottom:5px}
|
|
.box-type-item span{font-size:calc(var(--fontSize) + 2px)}
|
|
.qyys-item{width:50%;margin-bottom:20px}
|
|
.hzhb-list{margin-top:55px}
|
|
.hzhb-swiper p{padding:10px}
|
|
.footer-item{width:40%}
|
|
.footer-menu-list{width:60%}
|
|
.pro-title{font-size:calc(var(--fontSize) + 6px)}
|
|
.pro-func{margin:16px 0 20px;font-size:calc(var(--fontSize) + 18px)}
|
|
.pro-desc{font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-zx{width:90px;margin-top:20px;line-height:35px;font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-bot p{font-size:calc(var(--fontSize) + 0px)}
|
|
.pro-name{margin:70px 0 40px;font-size:calc(var(--fontSize) + 18px)}
|
|
.pro-list{margin-bottom:80px}
|
|
.pro-type{margin-bottom:20px;font-size:calc(var(--fontSize) + 16px)}
|
|
.pro-remark{font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-jgfa{padding:0 10px}
|
|
.pro-jgfa-item{width:49%;padding:25px 0}
|
|
.pro-search input{height:50px}
|
|
.pro-search input[type=image]{padding:15px}
|
|
.pro-search input[type=text]{font-size:calc(var(--fontSize) + 2px)}
|
|
.food-title{margin:40px 0}
|
|
.food-td{padding:0 10px}
|
|
.food-td-item{width:49%;padding:25px;margin-bottom:10px}
|
|
.food-case{height:570px}
|
|
.food-case-list{padding:0 10px}
|
|
.food-case-item{padding:20px}
|
|
.food-case-item p{margin-bottom:10px}
|
|
.food-case-item img{height:80px}
|
|
.logindl{top:60px;padding:0 10px}
|
|
.login-head span{font-size:calc(var(--fontSize) + 12px)}
|
|
.login-code p,.login-form input{margin-top:30px}
|
|
.area-list{top:100px}
|
|
.login-code .area-list p{margin-top:0}
|
|
.map-info{justify-content: center;}
|
|
.map-item:first-child {display: none;}
|
|
.map-item:last-child{width: 80%;}
|
|
}
|
|
@media screen and (max-width:768px){.banner-pc{display:none}
|
|
.banner-m{display:block}
|
|
.header{display:none}
|
|
.header-logo{margin-right:0}
|
|
.mFooter,.mHeader{display:flex}
|
|
.container{padding:44px 0 50px}
|
|
.box{margin:20px auto 1px}
|
|
.box-title{font-size:calc(var(--fontSize) + 6px)}
|
|
.box-type{margin-top:20px}
|
|
.box-type-item{padding:10px 0}
|
|
.box-type-item img{display:none}
|
|
.box-type-item span{font-size:var(--fontSize)}
|
|
.box-item .box-info .box-info-item{width:100%;text-align:center;margin-bottom:20px}
|
|
.box-item .box-info .box-info-item:first-child{margin-bottom:20px}
|
|
.box-full{padding:20px 0 10px}
|
|
.qyys-item{width:100%;margin-bottom:20px}
|
|
.hzhb-list{margin-top:20px;margin-bottom:0}
|
|
.hzhb-item{width:49%;padding:2px 3px}
|
|
.swiper-hzhb-pc{display:none}
|
|
.swiper-hzhb-m{display:block}
|
|
.swiper-hzhb{width:100%;margin:0;margin-top:40px}
|
|
.hzhb-swiper p{padding:0}
|
|
.news-item{width:100%}
|
|
.news-info{width:100%;padding:0 10px}
|
|
.news-more{margin:10px auto 20px}
|
|
.footer-box{padding:0 10px;margin:35px auto 15px}
|
|
.footer-item{width:100%}
|
|
.type-m{display:flex}
|
|
.pro-head .pro-text{width:100%;padding:0 10px}
|
|
.pro-img{display:none}
|
|
.pro-title{font-size:calc(var(--fontSize) + 6px)}
|
|
.pro-func{margin:16px 0 20px;font-size:calc(var(--fontSize) + 18px)}
|
|
.pro-desc{font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-zx{width:90px;margin-top:20px;line-height:35px;font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-bot p{font-size:calc(var(--fontSize) + 0px)}
|
|
.pro-name{margin:40px 0 20px;font-size:calc(var(--fontSize) + 10px)}
|
|
.pro-item{width:100%;padding:0 10PX}
|
|
.pro-img{display:none}
|
|
.pro-list{margin-bottom:40px}
|
|
.pro-type{margin-bottom:10px;font-size:calc(var(--fontSize) + 8px)}
|
|
.pro-remark{font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-jgfa{padding:0 10px}
|
|
.pro-jgfa-item{width:100%;padding:25px 0}
|
|
.pro-search input{height:40px}
|
|
.pro-search input[type=image]{padding:10px}
|
|
.pro-search input[type=text]{font-size:calc(var(--fontSize) + 0px)}
|
|
.pro-table{padding:0 10px;line-height:40px;font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-service p{font-size:calc(var(--fontSize) + 12px)}
|
|
.food{padding-bottom:20px;background-size:100% 100%}
|
|
.food-head>div:first-child{width:100%}
|
|
.food-title{margin:20px 0}
|
|
.food-td{padding:0 10px}
|
|
.food-td-item{width:100%;padding:25px;margin-bottom:10px}
|
|
.food-type span{margin:0 10px;padding:0 5px;font-size:calc(var(--fontSize) + 2px)}
|
|
.food-list{margin:20px auto 40px}
|
|
.food-list .food-item:first-child{width:100%;padding:0 10px}
|
|
.food-desc{padding-right:0}
|
|
.food-list .food-item:last-child{display:none}
|
|
.food-case{height:590px}
|
|
.food-case-box{top:0}
|
|
.food-case-list{padding:0 10px}
|
|
.food-case-item{width:100%;padding:10px;margin-bottom:10px}
|
|
.food-case-item img{height:80px}
|
|
.food-case-item p{margin:10px 0}
|
|
.swiper-food .swiper-slide{width:50%}
|
|
.swiper-food .swiper-slide span{max-height:140px;overflow:hidden}
|
|
.news-cell,.thumber{padding-left:10px;padding-right:10px}
|
|
.news-cell .news-nr,.news-cell>img{width:100%;padding:0}
|
|
.news-cell .news-nr{margin-top:15px;overflow:inherit}
|
|
.detail{margin-top:20px}
|
|
.detail-info h1{font-size:calc(var(--fontSize) + 6px)}
|
|
.detail-info{padding-right:0}
|
|
.detail-temp{display:none}
|
|
.dev-name{padding-left:20px;font-size:calc(var(--fontSize) + 8px)}
|
|
.dev-item{width:100%;margin-bottom:10px}
|
|
.dev-work-item{width:100%}
|
|
.work-list{padding:20px;padding-bottom:0}
|
|
.work-list a{width:50%;margin-bottom:20px}
|
|
.about{padding:50px 0 70px}
|
|
.about-name{margin-bottom:20px;font-size:calc(var(--fontSize) + 18px)}
|
|
.about-box{margin-bottom:20px}
|
|
.about-img,.about-text,.about-wh{width:100%;padding:0 10px}
|
|
.about-bg{display:none}
|
|
.about-wh .box-title{margin-top:20px;text-align:center}
|
|
.about-wh .box-title span{left:50%;transform:translateX(-50%)}
|
|
.about-wh-ms{margin-top:15px}
|
|
.login-box{width:100%;padding:20px 0;max-width:none}
|
|
.login-box>img{display:none}
|
|
.logindl{top:42px;padding:0 10px}
|
|
.login-code,.login-head{width:90%}
|
|
.login-head span{font-size:calc(var(--fontSize) + 12px)}
|
|
.login-code p{margin-top:30px}
|
|
.login-form input{width:90%;margin-top:30px;line-height:50px}
|
|
.login-head,.login-head a{font-size:calc(var(--fontSize) + 0px)}
|
|
.area-code{bottom:10px}
|
|
.area-list{top:90px}
|
|
.login-code .area-list p{margin-top:0}
|
|
.self{padding-left:10px;padding-right:10px}
|
|
.self-right{display:none}
|
|
.self-item{width:100%;margin-right:0}
|
|
.self-gnwt .self-wdcp:first-child{width:100%}
|
|
.self-gnwt .self-wdcp:last-child{flex:auto;width:100%;margin-left:0;margin-top:20px}
|
|
.base .self-left{padding:20px 10px}
|
|
.base-input span{width:100%;text-align:left}
|
|
.base-btn{margin-top:40px}
|
|
.update-html{padding:0 10px}
|
|
.mshow {display: block !important;}
|
|
.map-info{justify-content: center;}
|
|
.map-item:first-child {display: none;}
|
|
.map-item:last-child{width: 90%;}
|
|
.map-name p {margin-left: 0 !important; font-size: calc(var(--fontSize) + 2px);}
|
|
}
|
|
@media screen and (max-height: 800px) {
|
|
.login-form input,
|
|
.login-code p {
|
|
margin-top: 20px;
|
|
}
|
|
.area-list {
|
|
top: 90px;
|
|
}
|
|
}
|