*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */ font-family: 'Source Han Sans CN';} ul,li,ol{list-style: none;} a{-webkit-text-decoration: none;text-decoration: none;color: inherit;} img{border: 0;} table{max-width: 100%;} table,th,td,tr{border-collapse:collapse;border: 1px solid #dcdcdc;line-height: 1.5;padding: 10px;} input,textarea,select,button{font-size: unset;outline: none;resize: none;} input:focus,textarea:focus,select:focus,button:focus{outline: none;} iframe,video{display: block;max-width: 100%;height: auto;border: 0;margin: 0 auto;} html,body{width: 100%;position: relative;font-size: 16px;line-height: 1.5;color: #000;background-color: #fff;} @media only screen and (min-width:1920px ) { html{font-size: 100px!important;}} @media only screen and (min-width:961px ) and (max-width:1285px ) { html{font-size: 66px!important;}} /* 思源黑体 */ /* @font-face {font-family:SourceHanSerifCN-H; src: url(SourceHanSansSC_Heavy.ttf);} */ /* 思源宋体 */ @font-face {font-family:SourceHanSerifCN-S;src: url(SourceHanSerifCN-Heavy-7.otf);} /* 行文本 */ .txthide{overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;} .txthide1{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:1; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden} .txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} .txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} .txthide4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} /* --公共样式-- */ .font-14{font-size: .14rem;} @media only screen and (max-width: 1645px) { .font-14{font-size: 12px;} } .font-15{font-size: .15rem;} @media only screen and (max-width: 1664px) { .font-15{font-size: 13px;} } .font-16{font-size: .16rem;} @media only screen and (max-width: 1680px) { .font-16{font-size: 14px;} } .font-17{font-size: .17rem;} @media only screen and (max-width: 1694px) { .font-17{font-size: 15px;} } .font-18{font-size: .18rem;} @media only screen and (max-width: 1706px) { .font-18{font-size: 16px;} } .font-19{font-size: .19rem;} @media only screen and (max-width: 1717px) { .font-19{font-size: 17px;} } .font-20{font-size: .20rem;} @media only screen and (max-width: 1728px) { .font-20{font-size: 18px;} } .font-21{font-size: .21rem;} @media only screen and (max-width: 1737px) { .font-21{font-size: 19px;} } .font-22{font-size: .22rem;} @media only screen and (max-width: 1745px) { .font-22{font-size: 20px;} } .font-24{font-size: .24rem;} @media only screen and (max-width: 1745px) { .font-24{font-size: 22px;} } .font-28{font-size: .28rem;} @media only screen and (max-width: 1782px) { .font-28{font-size: 26px;} } @media only screen and (min-width:1920px) { html{font-size: 100px!important;} } @media only screen and (min-width:960px) and (max-width:1280px) { html{font-size: 67px!important;} } /* 内容盒 */ .main_box{width: 100%;position: relative;background-color: #fff;} /* 首页盒 - 内页盒 */ .P_wrapper {max-width: 1600px;min-width: 1183px;margin: 0 auto;} @media only screen and (max-width:1680px) { .P_wrapper {padding: 0 40px;box-sizing: content-box;} } .P_wrapper_sub{width: 1200px;margin: 0 auto;} .P_wrapper_sub.padding{padding: .8rem 0;} .P_wrapper_sub .item_name{color: #000000;text-align: center;font-size: .4rem;font-weight: bold;margin-bottom: .4rem;} /* 头 */ header{height: 1.14rem;min-height: 100px;} header .logo img{display: block;width: auto;height: .39rem;min-height: 30px;} header nav a{display: block;padding: .1rem;position: relative;margin-left: .3rem;} header nav a::after{display: block;content: '';width: 0;height: 2px;background-color: #004ba1;position: absolute;right: 0;bottom: 0;left: 0;margin: 0 auto;} header nav a:hover::after{width: 100%;transition: .5s;} /* 底 */ footer{color: #fff;background-color: #19191a;padding: .7rem 0 .5rem;} footer .logo img{display: block;width: auto;height: .44rem;min-height: 35px;} footer nav{margin: .2rem 0 .1rem;} footer nav a{display: block;position: relative;margin-right: .5rem;} footer .web_info{color: rgba(255,255,255,.5);} footer .tel .title span{font-size: 12px;text-transform: uppercase;} footer .tel .num{font-weight: bold;text-align: justify;} footer .qrcode{margin-left: .8rem;} footer .qrcode .img{display: block;width: auto;height: 1.25rem;margin: 0 auto 10px;} footer .qrcode .text{font-size: 12px;text-align: center;} footer .PNS img{width: 20px;height: 20px;margin-right: 2px;vertical-align: text-bottom;} /* 面包屑 */ .P_crumb{background-color: #f6f6f6;} .P_crumb pre{height: .74rem;color: #000000;} .P_crumb pre img{display: block;width: auto;height: 15px;} .P_crumb pre *:last-child{color: #0050a3;font-weight: bold;} .P_crumb pre i{ display: inline-block;margin: 0 5px; font-style: normal;font-family: 'SimSun';} /* banner */ .banner , .swiper-images{width: 100%;position: relative;} .banner .swiper-images img{display: block;width: 100%;} .banner .functional_area{position: absolute;bottom: 1.6rem;right: 50px;z-index: 4;} .banner .functional_area::after{display: block;content: '';width: .65rem;height: .65rem;border: 4px solid #fff;left: 50%;bottom: 110%;transform: translateX(-50%);position: absolute;} .banner .functional_area .page_box .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #7e6f63;margin-right: 10px;position: relative;opacity: 1;margin-bottom: 15px;} .banner .functional_area .page_box .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #004ba1;} .banner .functional_area .en{text-transform: uppercase;font-weight: bold;writing-mode: vertical-rl;text-orientation: mixed; } /* 介绍 */ .profile{line-height: 1.5;background: url(../images/profile-bj.png)no-repeat bottom right / 100% 100%;padding-top: 1.6rem;padding-bottom: 1.7rem;} .profile .text{font-size: .6rem;color: #004ba1;font-weight: bold;} .profile .corporate_name{color: #000000;margin-bottom: .3rem;} .profile .desc{width: 50%;color: #4c4c4c;margin-bottom: .55rem;} .profile .more{width: fit-content;display: block;color: #004ba1;line-height: 1;border: 1px solid #004ba1;padding: 14px 20px;} .profile .more:hover{background-color: #004ba1;color: #fff;transition: .5s;} /* 优势 */ .i-advantage{background: url(../images/advantage-bj.png)no-repeat top center / 100% auto , linear-gradient(to bottom , transparent 30%, #031d53 30%);margin-top: -.7rem;padding: 1.3rem 0 1.1rem;} .i-advantage .img{width: 28%;} .i-advantage .img img{display: block;width: 100%;height: auto;} /* 优势 公共样式 */ .P_item_box .P_item_title{width: 100%;color: #fff;text-align: center;margin-bottom: 15px;} .P_item_box .P_item_title span{color: #ffba00;} .P_item_box .P_item_ftitle{width: 100%;color: rgba(255,255,255,.7);} .P_item_box .P_item_ftitle .text{padding: 0 .2rem;margin: 0 8px;border-left: 1px solid #fff;line-height: 1;border-right: 1px solid #fff;} .P_item_box .P_item_ftitle .line{display: block;flex: 1;height: 1px;} .P_item_box .P_item_ftitle .line_left{background: linear-gradient(to left, #fff , transparent);} .P_item_box .P_item_ftitle .line_right{background: linear-gradient(to right , #fff , transparent);} .P_item_box .P_item_content{width: 100%;border-bottom: 1px solid #99b4d6;padding: .5rem;background: linear-gradient(to top , rgba(255,255,255,.1) , transparent);position: relative;} .P_item_box .P_item_content::before , .P_item_box .P_item_content::after{display: block;content: '';width: 1px;height: 100%;background: linear-gradient(to top, #99b4d6 , transparent);position: absolute;} .P_item_box .P_item_content::before {left: 0;top: 0;} .P_item_box .P_item_content::after{top: 0;right: 0;} /* 痛点 */ .i-advantage .top{margin-bottom: .2rem;} .i-advantage .PainSpot{width: 72%;padding-left: .6rem;} .i-advantage .PainSpot .item{width: 100%;margin-top: .3rem;margin-bottom: .3rem;} .i-advantage .PainSpot .item dl{margin-right: -.3rem;} .i-advantage .PainSpot .item dd{width: calc((100% - .6rem) / 2);margin-right: .3rem;margin-bottom: .1rem;position: relative;overflow: hidden;} .i-advantage .PainSpot .item dd.w100{width: 100%;} .i-advantage .PainSpot .item .title{border: 1px solid #fff;color: #fff;white-space: nowrap;padding: 12px 13px;line-height: 1;} .i-advantage .PainSpot .item .desc{flex: 1;font-size: 14px;margin-left: .15rem;background-image:linear-gradient(to right , #f9d99b , #e2ac74);padding: 10px;color: #641414;font-weight: bold;position: relative;} .i-advantage .PainSpot .item .desc::after{display: block;content: '';width: 0;height: 0;border-right: 6px solid #f9d99b;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;top: 50%;right: 100%;transform: translateY(-50%);} .i-advantage .PainSpot .item dd .text{opacity: 0;position: absolute;top:0;left: 0;white-space: nowrap;z-index: -1;} /* UTTK 自助洗车 */ .CarWash {margin-bottom: .6rem;} .CarWash .desc{color: #fff;} /* 费用介绍 */ .i-price{margin-bottom: .6rem;} .i-price .i-contact{margin-right: .3rem;} .i-price .i-contact .code-img{display: block;width: auto;height: 1.7rem;margin-right: .1rem;padding: 5px;border-radius: 5px;background-color: #fff;} .i-price .i-contact .tips{width: fit-content;font-size: 14px;color: #fff;line-height: 36px;background: url(../icons/tips-border.png)no-repeat center / 100% 100%;padding: 0 17px 0 23px;margin-bottom: .2rem;} .i-price .i-contact .text{font-size: 12px;color: rgba(255,255,255,.5);text-decoration: underline;} .i-price .i-contact .tel{color: transparent;font-weight: bold;background: linear-gradient(to right, #fde0a2, #e2ac74); -webkit-background-clip: text; background-clip: text;transform: skew(-10deg);} .i-price .item{flex: 1;} .i-price .item dd{width: calc((100% - 1rem) / 3);color: #fff;margin-right: .5rem;border: 1px solid #ffffff;background-color: rgba(255,255,255,.2);padding: .3rem .2rem;position: relative;} .i-price .item dd:last-child{margin-right: 0;} .i-price .item dd::after{display: block;content: '';width:calc(100% + .1rem);height: calc(100% + .1rem);position: absolute;border-bottom: 1px solid #e7b67c;border-right: 1px solid #e7b67c;opacity: .5;right: -.2rem;bottom: -.2rem;} .i-price .item dd .title{padding-bottom: .15rem;margin-bottom: .15rem;border-bottom: 1px solid rgba(255,255,255,.3);line-height: 1;} .i-price .item dd .title .num{flex: 1;font-size: .4rem;text-align: right;color: #ffba00;transform: skew(-10deg);} .i-price .item dd .title .num .bold{font-weight: bold;} .i-price .item dd .desc{line-height: 1.5;} /* 优势列表 */ .advantage_item dl {margin-right: -.5rem;} .advantage_item dl dd{width: calc((100% - 2rem) / 4);margin-right: .5rem;margin-top: .3rem;} .advantage_item dl dd a{display: block;width: 100%;position: relative;} .advantage_item dl dd .num-icon{display: block;width: auto;height: .5rem;position: absolute;top: -.25rem;right: .2rem;} .advantage_item dl dd .img{width: 100%;height: 2.13rem;margin-bottom: .1rem;} .advantage_item dl dd .img img{display: block;width: 100%;height: 100%;border-radius: .03rem;object-fit: cover;} .advantage_item dl dd .title{color: #e7b67c;} .advantage_item dl dd .desc{color: rgba(255,255,255,.5);} /* 环境展示 */ .i-environment{color: #fff;background: url(../images/environment-bj.png)no-repeat top center / 100% auto #fff;padding: .6rem 0 1.3rem;} .i-environment .name{margin-bottom: .1rem;opacity: .75} .i-environment .images{padding-top: .8rem;position: relative;} .i-environment .images .btn{position: absolute;top: -.3rem;right: 1.2rem;} .i-environment .images .btn .page_prev , .i-environment .images .btn .page_next{width: .5rem;height: .5rem;cursor: pointer;opacity: .7;} .i-environment .images .btn .page_prev{background: url(../icons/env-btn.png)no-repeat bottom center / 100% 200%;margin-right: .1rem;} .i-environment .images .btn .page_next{background: url(../icons/env-btn.png)no-repeat top center / 100% 200%;} .i-environment .images .btn .page_prev:hover , .i-environment .images .btn .page_next:hover{opacity: 1;transition: .5s;} .i-environment .item_img img{display: block;width: 100%;} /* 表单 */ .form{background: url(../images/form-bj.png)no-repeat top center / 100% auto , linear-gradient(to bottom , #f7f7f7 80% , #fff);padding: .7rem 0 1rem;} .form .intro{font-size: .4rem;font-weight: bold;text-align: center;color: #fff;} .form .text{color: #fff;text-align: center;margin-top: .1rem;} .form form{padding: 1.2rem 2rem 0;} .form form .title{color: #000;font-weight: bold;margin-bottom: .2rem;} .form form .content{margin-right: -10px;} .form form input , .form form textarea{border: 1px solid #e3e4e6;background-color: #f0f0f0;} .form form input{width: calc((100% - 20px) / 2);height: .54rem;margin-right: 10px;padding: 0 .2rem;margin-bottom: 10px;} .form form textarea{width: calc(100% - 10px);min-height: 1.4rem;padding: 10px .2rem;} .form form button{width: 2rem;height: .54rem;color: #fff;background-color: #024190;margin: .3rem auto 0;transform: translateX(-5px);cursor: pointer;border-radius: .03rem;} /* 新闻 */ .i-news{width: 100%;padding-bottom: 1.2rem;overflow: hidden;} .i-news .name{font-size: .4rem;text-align: center;font-weight: bold;margin-bottom: .8rem;} .i-news .good_list{display: block;flex: 1;padding: .3rem .22rem;background-color: #fff;margin-right: .26rem;} .i-news .top{display: flex;align-items: center;} .i-news .title{flex: 1;height: .72rem;font-size: .24rem;color: #303030;font-weight: 600;line-height: .36rem;padding-right: .4rem;} .i-news .date{display: flex;flex-direction: column;align-items: center;justify-content: center;width: .85rem;height: .6rem;font-size: .12rem;color: #6d6d6d;border-left: .01rem solid #e4e4e4;} .i-news .date .day{font-size: .46rem;color: #222222;line-height: .5rem;} .i-news .good_list{background-color: #f7f8fa;} .i-news .good_list .btn{width: 1.18rem;font-size: .14rem;color: #444444;line-height: .35rem;text-align: center;border: .01rem solid #444444;border-radius: .37rem;margin: .2rem 0 .65rem;} .i-news .good_list .img{width: 100%;height: 2.84rem;overflow: hidden;} .i-news .good_list .img img{display: block;width: 100%;height: 100%;object-fit: cover;} .i-news .good_list:hover .img img{transform: scale(1.1);transition: .5s;} .i-news .item{flex: 1;} .i-news .item .list{display: block;width: 100%;height: 1.7rem;margin-bottom: .2rem;padding: .3rem .3rem 0;background-color: #f7f8fa;} .i-news .item .list:nth-child(1) , .i-news .item .list:nth-child(2) {display: none;} .i-news .item .list:last-child{margin-bottom: 0;} .i-news .item .list .img{display: none;} .i-news .item .list .more{display: flex;justify-content: space-between;font-size: .14rem;color: #6d6d6d;border-top: .01rem solid #e4e4e4;padding-top: .14rem;line-height: .14rem;margin-top: .15rem;position: relative;} .i-news .item .list .more::after{display: block;content: '';width: 0;height: 1px;background-color: #004BA1;position: absolute;top: 0;left: 0;} .i-news .item .list .more .icon{display: block;width: auto;height: .08rem;} .i-news .item .list:hover .more::after{width: 100%;transition: .5s;} .i-news .item .list:hover , .i-news .good_list:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);transition: .5s;} /* 关于我们 */ .about{background: url(../images/about-bj.png)no-repeat bottom center / cover;} .about .content .title{font-size: .6rem;color: #004ba1;font-weight: bold;} .about .content .name{color: #000000;font-weight: bold;margin-bottom: .3rem;} .about .content article{width: 72.5%;line-height: 2;color: #4c4c4c;text-align: justify;} .about .feature{margin-top: .6rem;} .about .feature .text{width: fit-content;position: relative;} .about .feature .text span{position: relative;z-index: 2;} .about .feature .text::after{display: block;content: '';width: 100%;height: 12px;background-color: #0050A3;position: absolute;left: 0;bottom: 0;} .about .feature dl {margin-right: -.35rem;margin-top: .45rem;} .about .feature dl dd {width: calc((100% - 2.45rem) / 7);margin-right: .35rem;} .about .feature dl dd .icon{display: block;width: auto;height: .9rem;margin: 0 auto;} .about .feature dl dd .title{color: #000000;font-weight: bold;text-align: center;padding:.15rem 0 .05rem;} .about .feature dl dd .desc{line-height: 1.5;text-align: center;} /* 服务项目 */ .service article{color: #202020;line-height: 2;} .service article img{max-width: 100%;} /* 门店展示 */ .shop .item{margin-right: -.26rem;} .shop .item dd{width: calc((100% - 1.04rem) / 4);margin-right: .26rem;margin-bottom: .3rem;} .shop .item dd a{display: block;width: 100%;height: 2.31rem;overflow: hidden;} .shop .item dd a .img{display: block;width: 100%;height: 100%;object-fit: cover;} .shop .item dd:hover a .img{transform: scale(1.1);transition: .5s;} /* 招商加盟 */ .join_style_switch{background: url(../images/join-bj.png)no-repeat top center / 100% auto #fff;padding: 0;margin: 0;} .join_style_switch .PainSpot{width: 100%;padding: 0;} .join_style_switch .P_item_box .P_item_title{color: #000;font-weight: bold;} .join_style_switch .P_item_box .P_item_title span{color: #ff1c1c;} .join_style_switch .P_item_box .P_item_ftitle {color: rgba(0,0,0,.8);} .join_style_switch .P_item_box .P_item_ftitle .text{border-color: #000;} .join_style_switch .P_item_box .P_item_ftitle .line_left{background: linear-gradient(to left , #000 , transparent);} .join_style_switch .P_item_box .P_item_content{border-color: #a2a2a3;background: linear-gradient(to top , rgba(162,162,162,.08) , transparent);} .join_style_switch .P_item_box .P_item_ftitle .line_right{background: linear-gradient(to right , #000 , transparent);} .join_style_switch .P_item_box .P_item_content::before, .join_style_switch .P_item_box .P_item_content::after{background: linear-gradient(to top, #a2a2a3 , transparent);} .join_style_switch .PainSpot .item .title{color: #000;border-color: #000;font-weight: bold;} .join_style_switch .CarWash .desc{color: #000;} .join_style_switch .i-price .item dd{color: #000;} .join_style_switch .i-price .item dd .title{font-weight: bold;color: #0053a5;border-color: rgba(0,82,165,.3);} .join_style_switch .i-price .item dd .title .num{color: #ff1c1c;} .join_style_switch .advantage_item dl{margin-right: -.36rem;} .join_style_switch .advantage_item dl dd{width: calc((100% - 1.44rem) / 4);margin-right: .36rem;} .join_style_switch .advantage_item dl dd .num-icon{height: .4rem;} .join_style_switch .advantage_item dl dd .img{height: 162px;} .join_style_switch .advantage_item dl dd .desc{color: #000;} .join_style_switch .advantage_item dl dd .title{font-weight: bold;} .join_style_switch .qrcode-bot{margin-top: .6rem;} .join_style_switch .i-price .i-contact .code-img{background-color: #e6e6e6;} .join_style_switch .i-price .i-contact .tips{color: #000;} .join_style_switch .i-price .i-contact .text{color: #000;text-decoration: none;} /* 新闻 */ .news .item .list{display: block;width: 100%;height: 1.7rem;margin-bottom: .2rem;padding: .3rem .3rem 0;background-color: #f7f8fa;} .news .item .list:last-child{margin-bottom: 0;} .news .item .top{display: flex;align-items: center;} .news .item .title{flex: 1;height: .72rem;font-size: .24rem;color: #303030;font-weight: 600;line-height: .36rem;padding-right: .4rem;} .news .item .date{display: flex;flex-direction: column;align-items: center;justify-content: center;width: .85rem;height: .6rem;font-size: .12rem;color: #6d6d6d;border-left: .01rem solid #e4e4e4;} .news .item .date .day{font-size: .46rem;color: #222222;line-height: .5rem;} .news .item .list .img{width: 2rem;height: 1.25rem;overflow: hidden;margin-right: .36rem;} .news .item .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;} .news .item .list .more{display: flex;justify-content: space-between;font-size: .14rem;color: #6d6d6d;border-top: .01rem solid #e4e4e4;padding-top: .14rem;line-height: .14rem;margin-top: .15rem;position: relative;} .news .item .list .more::after{display: block;content: '';width: 0;height: 1px;background-color: #004BA1;position: absolute;top: 0;left: 0;} .news .item .list .more .icon{display: block;width: auto;height: .08rem;} .news .item .list:hover .more::after{width: 100%;transition: .5s;} .news .item .list:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);transition: .5s;} /* 详情 */ .detail .title{color: #000000;font-weight: bold;text-align: center;} .detail .time{color: #afafaf;text-align: center;} .detail article{color: #202020;line-height: 2;margin-top: .3rem;} .detail article img{max-width: 100%;} /* 联系我们 */ .contact .content .img{display: block;width: 3.53rem;height: auto;margin-right: .8rem;} .contact .content .text{flex: 1;} .contact .content .name{color: #004ea2;padding-bottom: .2rem;font-weight: bold;margin-bottom: .3rem;position: relative;font-family: SourceHanSerifCN-S;} .contact .content .name::after{display: block;content: '';width: .8rem;height: 3px;background-color: #004ea2;position: absolute;left: 0;bottom: 0;} .contact .content ul li{margin-bottom: 10px;} .box_wap_show{display: none;} /* 手机端 */ @media only screen and (max-width:960px ) { html,body{font-size: .24rem} table, th, td, tr{padding: .1rem .06rem;} .box_wap_hide{display: none!important;} .box_wap_show{display: block;} .P_wrapper{width: 100%;min-width: auto;padding: 0 .2rem;overflow: hidden;box-sizing: border-box;} .P_wrapper_sub{width: 100%;} .P_wrapper_sub.padding{padding: .8rem .25rem;} .P_crumb{font-size: .24rem;padding: 0 .5rem;} .P_crumb pre{height: .8rem;} .P_crumb pre img{height: .22rem;} header{height: 1rem;min-height: auto;} header .logo img{min-height: auto;} header .menu_btn , header .menu_btn img{display: block;width: auto;height: .3rem;} .wap_footer{background-color: #19191a;font-size: .22rem;color: #b0b0b0;text-align: center;padding: .2rem;} .profile{padding: 1.1rem .2rem 1.35rem;background: url(../images/profile-wap-bj.png)no-repeat bottom right / cover;} .profile .corporate_name{font-size: .3rem;font-weight: bold;} .profile .desc{width: 100%;font-size: .24rem;} .profile .more{background-color: #6065f5!important;border: none;color: #fff;} .i-advantage{background: url(../images/advantage-wap-bj.png) no-repeat top center / 100% auto, linear-gradient(to bottom, transparent 30%, #031d53 30%);margin-top: -.7rem;padding: 1.3rem 0 1.1rem;} .i-advantage .top{display: block;} .i-advantage .img{width: 4.5rem;} .P_item_box .P_item_title{font-size: .38rem;font-weight: bold;} .P_item_box .P_item_ftitle .text{font-size: .24rem;color: rgba(0,255,250,.5);border-color: #00fffa;} .P_item_box .P_item_ftitle .line_left{background: linear-gradient(to left, #00fffa , transparent);} .P_item_box .P_item_ftitle .line_right{background: linear-gradient(to right, #00fffa , transparent);} .P_item_box .P_item_content , .i-advantage .PainSpot .item{padding: .4rem .3rem;border-color: #6065f5;background: linear-gradient(to top , rgba(96,101,245,.1) , transparent);} .P_item_box .P_item_content::before, .P_item_box .P_item_content::after , .i-advantage .PainSpot .item::before, .i-advantage .PainSpot .item::after{background: linear-gradient(to top, #6065f5 , transparent);} .i-advantage .PainSpot{width: 100%;padding-left: 0;} .i-advantage .PainSpot .item{position: relative;border-bottom: 1px solid #6065f5;} .i-advantage .PainSpot .item::before, .i-advantage .PainSpot .item::after{display: block; content: '';width: 1px;height: 100%;position: absolute;} .i-advantage .PainSpot .item::before{top: 0;left: 0;} .i-advantage .PainSpot .item::after{top: 0;right: 0;} .i-advantage .PainSpot .item dd{width: 100%;} .i-advantage .PainSpot .item .title{font-size: .26rem;padding: .16rem .2rem;} .i-advantage .PainSpot .item .desc{font-size: .24rem;padding: .2rem;} .CarWash .desc{font-size: .26rem;} .i-price .item{display: block;padding-right: .2rem;} .i-price .item dd{width: 100%;margin-right: 0;margin-bottom: .4rem;background-color: rgba(0,255,255,.2);border-color: #00ffff;} .i-price .item dd .title{font-size: .38rem;font-weight: bold;color: #00fffa;} .i-price .item dd .title .num{font-size: .5rem;} .i-price .item dd .title .num .wap_span{color: #fff;padding: 0 .1rem;} .i-price .item dd .desc{font-size: .24rem;} .i-price .item dd::after{border-color: rgba(0,255,255,.5);} .i-price .P_item_content{flex-direction: column-reverse;} .i-price .i-contact {padding-top: .4rem;} .i-price .i-contact .code-img{height: 2.56rem;margin-right: .2rem;} .i-price .i-contact .tips{background-image: url(../icons/tips-wap-border.png);color: #00ffff;} .i-price .i-contact .text{color: rgba(0,255,255,.5);} .advantage_item dl{margin-right: -.2rem;} .advantage_item dl dd{width: calc((100% - .4rem) / 2);margin-right: .2rem;margin-top: .4rem;} .advantage_item dl dd .title{font-size: .34rem;font-weight: bold;} .advantage_item dl dd .desc{font-size: .24rem;} .i-environment{background-image: url(../images/environment-wap-bj.png);} .i-environment .name{font-size: .24rem;color: #ffe700;opacity: 1;} .i-environment .desc{font-size: .4rem;} .i-environment .images .btn{display: flex ;justify-content: center;position: static;margin-top: .6rem;} .i-environment .images .btn .page_prev, .i-environment .images .btn .page_next{width: .81rem;height: .81rem;background-image: url(../icons/env-wap-btn.png);} .i-environment .images .btn .page_prev{margin-right: .4rem;} .form{background: url(../images/form-wap-bj.png)no-repeat top center / 100% auto , linear-gradient(to bottom , #f5f5f5 50% , #fff)} .form .text{font-size: .22rem;} .form form{padding: .8rem .2rem 0;} .form form .title{font-size: .34rem;text-align: center;} .form form input{width: 100%;height: .72rem;font-size: .24rem;} .form form textarea{min-height: 2.5rem;font-size: .24rem;} .form form button{background-color: #6065f5;width: 2.6rem;height: .72rem;} .i-news .content{display: block;} .i-news .good_list{display: none} .i-news .top{align-items: flex-start;} .i-news .title{font-size: .26rem;height: auto;line-height: 1.5;padding-right: .2rem;} .i-news .date{width: auto;height: auto;font-size: .22rem;padding-left: .1rem;} .i-news .item .list{display: flex!important;height: auto;} .i-news .item .list .img{display: block;width: 1.9rem;height: 1.4rem;margin-right: .16rem;} .i-news .item .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;} .i-news .item .list .text{flex: 1;overflow: hidden;} .i-news .item .list .more{font-size: .2rem;line-height: 1;padding: .2rem 0;} .about{background-image: url(../images/about-wap-bj.png);background-size: 100% auto;} .about .content .name{font-size: .3rem;} .about .content article{width: 100%;font-size: .24rem;padding: 0 .1rem;} .about .feature .text{font-size: .36rem;} .about .feature .text::after{height: .12rem;} .about .feature dl dd{width: 50%;margin-right: 0;padding: 0 .4rem;margin-bottom: .4rem;} .about .feature dl dd .icon{height: 1.5rem;} .about .feature dl dd .title{font-size: .3rem;} .about .feature dl dd .desc{font-size: .24rem;} .service article{font-size: .24rem;} .shop .item{margin-right: -.25rem;} .shop .item dd{width: calc((100% - .5rem) / 2);margin-right: .25rem;margin-bottom: .25rem;} .shop .item dd a{height: 2.39rem;} .join{margin-top: 0;padding: 0;background-image: url(../images/join-wap-bj.png);} .join .P_wrapper_sub .item_name{color: #fff;} .news .item .list{height: auto;padding: .3rem .2rem;} .news .item .date{font-size: .2rem;width: auto;height: auto;padding-left: .1rem;} .news .item .title{height: auto;padding-right: .1rem;line-height: 1.5;} .news .item .list .more{font-size: .2rem;line-height: 1.2;align-items: center;} .news .item .list .img{height: 1.4rem;} .detail .title{font-size: .3rem;} .detail .time{font-size: .22rem;} .detail article{font-size: .24rem;} .contact .content{flex-direction: column-reverse;} .contact .content .name{font-size: .4rem;} .contact .content ul{font-size: .24rem;} .contact .content .img{width: 80%;margin-right: 0;margin-top: .4rem;} }