382 lines
33 KiB
CSS
382 lines
33 KiB
CSS
*{margin:0;padding:0;box-sizing:border-box;--bgColor:linear-gradient(#E1564C, #A72424);--fontSize:12px}
|
|
img{vertical-align:middle;border:0}
|
|
input{outline:0}
|
|
a{text-decoration:none}
|
|
.header{box-shadow:0 4px 4px 0 #b8b8b81a}
|
|
.header-container{width:100%;display:flex;margin:0 auto;max-width:1200px;align-items:center;justify-content:space-between}
|
|
.header-item{position:relative;padding:24px 45px 24px 0}
|
|
.header-logo{display:block;margin-right:60px}
|
|
.header-menu{flex:1;display:flex;align-items:center}
|
|
.header-item>a{padding:6px 0;line-height:22px;font-weight:700;font-size:calc(var(--fontSize) + 4px);background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.header-item .active{border-bottom:3px solid #a72424;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.header-user>a{width:82px;line-height:34px;border-radius:5px;text-align:center;display:inline-block}
|
|
.register{display:none;font-weight:700;border:1px solid #a72424;font-size:calc(var(--fontSize) + 4px);background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.login{color:#fff;display:none;font-weight:700;border:1px solid #e1564c;font-size:calc(var(--fontSize) + 4px);background-image:var(--bgColor)}
|
|
.header-item:hover>a{border-bottom:3px solid #a72424;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.header-item:hover img{transform:rotate(180deg)}
|
|
.header-item:hover .header-find{display:flex}
|
|
.header-find{display:none;width:145px;position:absolute;top:70px;left:-30px;z-index:10;overflow:hidden;align-items:stretch;border-radius:10px;box-shadow:0 4px 4px 0 #8c757526}
|
|
.header-find a{display:block;padding:11px 0;color:#666;text-align:center;font-size:calc(var(--fontSize) + 4px)}
|
|
.find-left{width:145px;background-color:#fff}
|
|
.find-left a:hover{color:#a72424;font-weight:700;background-color:#fff0f0}
|
|
.find-right{width:145px;display:none;background-color:#fff9f9}
|
|
.find-item a:hover{color:#a72424;text-decoration:underline}
|
|
.find-other{flex:1;background-color:#fff}
|
|
.find-other a:hover{color:#a72424;font-weight:700;background-color:#fff0f0}
|
|
.user-info{padding:11px 0;position:relative}
|
|
.user-info .user-avatar{width:48px;height:48px;overflow:hidden;border-radius:50%}
|
|
.user-info .user-icon{margin-left:10px}
|
|
.user-info:hover .user-icon{transform:rotate(180deg)}
|
|
.user-item{width:145px;display:none;position:absolute;top:70px;right:0;z-index:10;text-align:center;border-radius:10px;background-color:#fff;box-shadow:0 4px 4px 0 #8c757526}
|
|
.user-item a{display:block;padding:11px 0;color:#666;font-size:calc(var(--fontSize) + 4px)}
|
|
.user-item a:hover{color:#a72424;font-weight:700;background-color:#fff0f0}
|
|
.header-user:hover .user-item{display:block}
|
|
.mHeader{display:none;padding:10px;position:fixed;top:0;left:0;width:100%;z-index:10;align-items:center;background-color:#fff;justify-content:space-between;box-shadow:0 4px 4px 0 #b8b8b81a}
|
|
.mFooter{display:none;position:fixed;left:0;bottom:0;width:100%;height:50px;z-index:10;text-align:center;background-color:#fff;justify-content:space-around;border-top:1px solid #f0f0f0}
|
|
.mFooter a{color:#666;font-size:var(--fontSize)}
|
|
.m-user a{width:40px;line-height:22px;border-radius:2px;text-align:center;display:inline-block}
|
|
.m-register{border:1px solid #a72424;font-size:var(--fontSize);background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.m-login{color:#fff;border:1px solid #e1564c;font-size:var(--fontSize);background-image:var(--bgColor)}
|
|
.m-name{font-size:var(--fontSize);background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.m-title{flex:1;margin:0;padding:0 10px;overflow:hidden;font-weight:700;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:calc(var(--fontSize) + 4px);background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.box-full{overflow:hidden;padding:70px 0 60px;background-color:#f9f9f9}
|
|
.box{width:100%;max-width:1200px;margin:105px auto 0}
|
|
.box-title{color:#f1f1f1;text-align:center;position:relative;font-size:calc(var(--fontSize) + 28px)}
|
|
.box-title span{position:absolute;top:0;left:50%;z-index:1;color:#333;transform:translateX(-50%)}
|
|
.box-type{display:flex;margin-top:56px;text-align:center;align-items:stretch}
|
|
.box-type-item{width:25%;padding:25px 0;cursor:pointer;background-color:#f9f9f9}
|
|
.box-type-item img{height:38px;margin-bottom:15px}
|
|
.box-type-item span{display:block;color:#b2b2b2;font-size:calc(var(--fontSize) + 8px)}
|
|
.box-type-on{background-image:var(--bgColor)}
|
|
.box-type-on span{color:#fff}
|
|
.box-list{position:relative;margin-top:-10px}
|
|
.box-item{display:none;align-items:center}
|
|
.box-list .box-item:first-child{display:flex}
|
|
.box-item .box-info{flex:1;display:flex;flex-wrap:wrap}
|
|
.box-item .box-info .box-info-item{width:50%;padding-right:70px; cursor: pointer;}
|
|
.box-item .box-info .box-info-item:first-child{margin-bottom:50px}
|
|
.box-item .box-info .box-info-item p{color:#333;font-weight:700;line-height:24px;margin:12px 0 18px;font-size:calc(var(--fontSize) + 4px)}
|
|
.box-item .box-info .box-info-item span{display:block;color:#666;line-height:24px;font-size:calc(var(--fontSize) + 2px)}
|
|
.box-info-item input{width:90px;height:36px;border-radius:5px}
|
|
.box-info-item input[type=tel]{width:154px;padding:0 15px;border:1px solid #efefef;background-color:#f8f8f8}
|
|
.box-info-item input[type=button]{border:none;color:#fff;margin-left:10px;background-image:var(--bgColor)}
|
|
.box-item .box-info .box-info-item:hover p,
|
|
.box-item .box-info .box-info-item:hover span {
|
|
color: #A72424;
|
|
}
|
|
.qyys-list{display:flex;flex-wrap:wrap;margin-top:55px;align-items:center;justify-content:space-between}
|
|
.qyys-item{width:30%;display:flex;margin-bottom:44px;align-items:center;flex-direction:column;justify-content:center}
|
|
.qyys-item p{margin:15px 0;color:#333;font-weight:700;font-size:calc(var(--fontSize) + 10px)}
|
|
.qyys-item span{display:block;text-align:left;color:#666;line-height:26px;font-size:calc(var(--fontSize) + 4px)}
|
|
.hzhb-list{display:flex;flex-wrap:wrap;margin-top:80px;margin-bottom:40px;align-items:center;justify-content:space-between}
|
|
.hzhb-item{width:180px;padding:11px 12px;margin-bottom:20px;border-radius:10px;background-color:#fff;box-shadow:0 0 15px 5px #bdbdbd1f}
|
|
.swiper-pagination{margin-top:47px;text-align:center}
|
|
.swiper-pagination-bullet{width:12px;height:12px;margin:0 5px;border-radius:50%;display:inline-block;background-color:#d6d6d6}
|
|
.hzhb-swiper{width:90%;margin:0 auto;padding:0 30px 24px;border-radius:20px;background-color:#fff;box-shadow:0 0 10px 10px #a7b8c91a}
|
|
.hzhb-swiper p{padding:44px;color:#333;line-height:32px;font-size:calc(var(--fontSize) + 6px)}
|
|
.swiper-pagination-bullet-active{background-color:#ffb5b9}
|
|
.swiper-hzhb{width:116%;margin-left:-8%}
|
|
.swiper-hzhb-m{display:none}
|
|
.swiper-hzhb .swiper-slide .img-top{position:relative;top:-30px}
|
|
.swiper-hzhb .swiper-slide .hzhb-img-on{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}
|
|
.swiper-hzhb .swiper-slide-next .hzhb-img{display:none}
|
|
.swiper-hzhb .swiper-slide-next .hzhb-img-on{display:inline-block!important;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
|
|
.news-list{display:flex;flex-wrap:wrap;margin-top:60px;align-items:stretch;justify-content:space-between}
|
|
.news-item{width:48%;display:flex;flex-direction:column;justify-content:space-between}
|
|
.news-info{width:48%;display:block;margin-bottom:30px;border-bottom:1px solid #ededed}
|
|
.news-head{display:flex;align-items:center}
|
|
.news-head p{flex:1;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(var(--fontSize) + 4px)}
|
|
.news-head span{color:#999;font-size:var(--fontSize)}
|
|
.news-desc{color:#999;padding:15px 0 28px;font-size:calc(var(--fontSize) + 2px)}
|
|
.news-head .news-title{font-size:calc(var(--fontSize) + 6px)}
|
|
.news-more{width:188px;display:block;color:#c44545;font-weight:700;line-height:40px;text-align:center;padding-right:30px;margin:70px auto 90px;border:1px solid #c44545;font-size:calc(var(--fontSize) + 2px);background-image:url(../images/more.svg);background-repeat:no-repeat;background-position:150px center}
|
|
.footer{overflow:hidden;background-color:#f0f0f0}
|
|
.footer-box{width:100%;display:flex;flex-wrap:wrap;max-width:1200px;margin:75px auto 45px;justify-content:space-between}
|
|
.footer-item{width:50%}
|
|
.footer-item img{margin-right:18px}
|
|
.footer-tip{color:#333;font-weight:600;margin-top:27px;margin-bottom:7px;font-size:calc(var(--fontSize) + 4px)}
|
|
.footer-tel{color:#333;font-weight:600;margin-bottom:24px;font-size:calc(var(--fontSize) + 16px)}
|
|
.dgzh{width:86px;color:#666;line-height:30px;text-align:center;border-radius:50px;padding-right:10px;display:inline-block;font-size:var(--fontSize);border:1px solid #666;background-image:url(../images/jtx.svg);background-repeat:no-repeat;background-position:65px center;background-size:8px 4px}
|
|
.footer-menu-list{display:flex;align-items:flex-start;justify-content:space-between}
|
|
.footer-menu{overflow:hidden}
|
|
.menu-title{color:#333;font-weight:600;margin:13px 0 6px;font-size:calc(var(--fontSize) + 4px)}
|
|
.footer-menu a{display:block;color:#333;line-height:32px;font-size:var(--fontSize)}
|
|
.line{height:1px;background-color:#fcfcfc}
|
|
.copy-right{color:#959595;line-height:28px;text-align:center;padding:15px 0 23px;font-size:var(--fontSize)}
|
|
.kf{position:fixed;right:0;bottom:200px;z-index:100;display:flex;flex-direction:column;background-color:#fff;border-radius:10px 0 0 10px;box-shadow:0 0 10px 10px #a7b8c91a}
|
|
.kf-item{width:44px;height:44px;cursor:pointer;position:relative;background-repeat:no-repeat;background-position:center;background-size:auto 20px}
|
|
.kf-item1{border-radius:10px 0 0 0;background-image:url(../images/kf.svg)}
|
|
.kf-item1:hover{background-color:#e1564c;background-image:url(../images/kf-on.svg)}
|
|
.kf-item2{border-radius:10px 0 0 0;background-image:url(../images/tel.svg)}
|
|
.kf-item2:hover{background-color:#e1564c;background-image:url(../images/tel-on.svg)}
|
|
.kf-item3{background-image:url(../images/code.svg)}
|
|
.kf-item3:hover{background-color:#e1564c;background-image:url(../images/code-on.svg)}
|
|
.kf-item4{border-radius:0 0 0 10px;background-image:url(../images/order.svg)}
|
|
.kf-item4:hover{background-color:#e1564c;background-image:url(../images/order-on.svg)}
|
|
.kf-box{display:none;position:absolute;left:-160px;border-radius:10px;padding:10px 15px;background-color:#fff;box-shadow:0 0 10px 10px #a7b8c91a}
|
|
.kf-jt{position:absolute;width:22px;height:22px;top:50%;z-index:10;right:-22px;overflow:hidden;margin-top:-8px;background-color:transparent}
|
|
.kf-jt span{width:16px;height:16px;display:block;position:absolute;top:0;left:-50%;transform:rotate(45deg);background-color:#fff;box-shadow:0 0 10px 10px #a7b8c91a}
|
|
.kf-box p{color:#333;line-height:32px;font-size:calc(var(--fontSize) + 2px)}
|
|
.kf-box>span{font-weight:700;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 6px)}
|
|
.kf-item1 .kf-box{top:-10px}
|
|
.kf-item2 .kf-box{top:-15px;left:-178px}
|
|
.kf-item3 .kf-box{top:-60px}
|
|
.kf-item4 .kf-box{top:-8px;left:-75px}
|
|
.kf-item:hover .kf-box{display:block}
|
|
.type-m{margin:10px;display:none;flex-wrap:wrap;text-align:center;align-items:center;background-color:#efefef}
|
|
.type-m a{width:25%;color:#959595;line-height:32px;font-size:calc(var(--fontSize) + 2px)}
|
|
.type-m .m-on{color:#fff;background-image:var(--bgColor)}
|
|
.pro-head{display:flex;margin:32px auto 0;align-items:stretch;width:min(1200px,100%)}
|
|
.pro-head>div{width:50%}
|
|
.pro-text{display:flex;padding-right:35px;flex-direction:column;justify-content:space-between}
|
|
.pro-title{color:#333;font-weight:600;font-size:calc(var(--fontSize) + 12px)}
|
|
.pro-func{font-weight:600;margin:26px 0 30px;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 32px)}
|
|
.pro-func>span{color:#333;background:0 0;-webkit-text-fill-color:#333}
|
|
.pro-desc{color:#666;line-height:24px;font-weight:400;font-size:calc(var(--fontSize) + 4px)}
|
|
.pro-zx{width:130px;display:block;color:#fff;margin-top:37px;font-weight:500;line-height:42px;text-align:center;background-image:var(--bgColor);font-size:calc(var(--fontSize) + 4px)}
|
|
.pro-bot p{color:#999;font-weight:400;line-height:24px;font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-name{color:#333;font-weight:500;text-align:center;margin:150px 0 90px;font-size:calc(var(--fontSize) + 28px)}
|
|
.pro-name1{margin:100px 0 70px}
|
|
.pro-list{display:flex;align-items:center;margin:0 auto 135px;width:min(1200px,100%);justify-content:space-between}
|
|
.pro-item{width:45%}
|
|
.pro-type{font-weight:500;margin-bottom:35px;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 20px)}
|
|
.pro-remark{color:#666;font-weight:400;margin-bottom:5px;font-size:calc(var(--fontSize) + 6px)}
|
|
.pro-jgfa{margin:0 auto 50px;width:min(1200px,100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
|
|
.pro-jgfa-item{width:32%;display:flex;padding:45px 0;overflow:hidden;margin-bottom:30px;border-radius:10px;align-items:center;border-top:10px solid;flex-direction:column;justify-content:center;background-color:#fff}
|
|
.pro-jgfa-item:hover{box-shadow:0 2px 16px 12px #aeaeae26}
|
|
.pro-jgfa-name{color:#333;line-height:40px;margin-bottom:30px;font-size:calc(var(--fontSize) + 16px)}
|
|
.pro-jgfa-dj{color:#333;font-weight:500;margin-bottom:15px;font-size:calc(var(--fontSize) + 4px)}
|
|
.pro-jgfa-dj span{font-weight:600;margin-right:5px;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 24px)}
|
|
.pro-jgfa-jg{color:#333;font-weight:500;font-size:calc(var(--fontSize) + 12px)}
|
|
.pro-jgfa-jg span{color:#666;font-weight:400;margin-left:5px;text-decoration:line-through;font-size:calc(var(--fontSize) + 8px)}
|
|
.pro-jgfa-desc{color:#666;font-weight:400;font-size:calc(var(--fontSize) + 2px)}
|
|
.pro-step{display:block;margin:40px auto;width:min(1200px,100%)}
|
|
.pro-search{display:flex;margin:0 auto;align-items:center;border-radius:40px;width:min(765px,100%);border:1px solid #eee}
|
|
.pro-search input{height:70px;padding:15px;border:none;background-color:#fff}
|
|
.pro-search input[type=image]{padding:20px;border-radius:40px 0 0 40px}
|
|
.pro-search input[type=text]{flex:1;color:#666;border-radius:0 40px 40px 0;font-size:calc(var(--fontSize) + 6px)}
|
|
.pro-table{color:#666;padding:0 48px;overflow:hidden;margin:35px auto;line-height:80px;border-radius:10px;width:min(1200px,100%);background-color:#fff;border-top:10px solid #d95a47;font-size:calc(var(--fontSize) + 6px)}
|
|
.pro-table-thead{display:flex;padding:0 15px;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}
|
|
.pro-table-tbody{display:flex;padding:0 15px;align-items:center;justify-content:space-between}
|
|
.pro-table-tbody:nth-child(odd){background-color:#fbfbfb}
|
|
.pro-table p{min-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
|
.pro-table-zx{width:270px;margin:0 auto 40px}
|
|
.pro-service{height:300px;margin-top:100px;position:relative;text-align:center;background-image:var(--bgColor)}
|
|
.pro-service-info{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;flex-direction:column;justify-content:center}
|
|
.pro-service p{color:#fff;font-weight:600;font-size:calc(var(--fontSize) + 26px)}
|
|
.pro-service a{width:120px;color:#e1564c;line-height:40px;text-align:center;margin-top:40px;display:inline-block;background-color:#fff;font-size:calc(var(--fontSize) + 2px)}
|
|
.food{overflow:hidden;background-image:url(../images/food-bg.png);background-repeat:no-repeat;background-position:center top;background-size:100% 95%}
|
|
.food-head{align-items:center}
|
|
.food-head>div:first-child{width:70%}
|
|
.food-head>div:last-child{width:30%}
|
|
.food-title{margin:80px 0 60px}
|
|
.food-td{display:flex;margin:0 auto;flex-wrap:wrap;align-items:stretch;width:min(1200px,100%);justify-content:space-between}
|
|
.food-td-item{width:23%;padding:25px;overflow:hidden;border-radius:10px;background-color:#fff;border-top:8px solid #e1564c;box-shadow:0 4px 10px 6px #0000000d}
|
|
.food-td-item p{margin:10px 0;color:#333;font-weight:700;font-size:calc(var(--fontSize) + 6px)}
|
|
.food-td-item span{color:#666;font-weight:400;line-height:24px;font-size:calc(var(--fontSize) + 2px)}
|
|
.food-type{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ececec}
|
|
.food-type span{margin:0 15px;padding:0 10px;cursor:pointer;color:#333;font-weight:400;line-height:30px;border-bottom:3px solid #fff;font-size:calc(var(--fontSize) + 4px)}
|
|
.food-type .food-on{color:#e1564c;border-bottom-color:#e1564c}
|
|
.food-list{display:none;align-items:center;margin:88px auto 100px;width:min(1200px,100%)}
|
|
.food-item{width:50%}
|
|
.food-list:first-child{display:flex}
|
|
.food-name{color:#333;font-weight:500;margin-bottom:15px;font-size:calc(var(--fontSize) + 12px)}
|
|
.food-desc{color:#333;font-weight:400;line-height:28px;padding-right:95px;font-size:calc(var(--fontSize) + 4px)}
|
|
.food-case{height:760px;position:relative;background-image:var(--bgColor)}
|
|
.food-case-box{width:min(1200px,100%);position:absolute;top:60px;left:50%;transform:translateX(-50%);bottom:0}
|
|
.food-case-box .box-title{color:rgba(241,241,241,.2)}
|
|
.food-case-box .box-title span{color:#fff}
|
|
.food-case-list{display:flex;flex-wrap:wrap;text-align:center;align-items:stretch;justify-content:space-between}
|
|
.food-case-item{width:48%;padding:45px 60px;border-radius:20px;background-color:#fff;box-shadow:0 0 10px 10px #a7b8c91a}
|
|
.food-case-item p{margin:30px 0;text-align:left;line-height:32px}
|
|
.swiper-food{margin:0 auto;overflow:hidden;width:min(1200px,100%)}
|
|
.swiper-food .swiper-slide{width:25%;height:220px;display:flex;padding:0 35px;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid rgba(225,86,76,.3)}
|
|
.swiper-food .swiper-slide p{margin:15px 0;color:#333;font-weight:700;font-size:calc(var(--fontSize) + 4px)}
|
|
.swiper-food .swiper-slide span{color:#666;font-weight:400;line-height:24px;font-size:calc(var(--fontSize) + 2px)}
|
|
.thumber{display:flex;margin:0 auto;padding:15px 0;color:#999;align-items:center;width:min(1200px,100%)}
|
|
.thumber a{color:#999;font-size:calc(var(--fontSize) + 2px)}
|
|
.thumber span{color:#333;font-size:calc(var(--fontSize) + 2px)}
|
|
.news-cell{display:flex;margin:0 auto;flex-wrap:wrap;align-items:center;margin-bottom:20px;padding-bottom:20px;align-items:stretch;width:min(1200px,100%);justify-content:space-between;border-bottom:1px solid #ededed}
|
|
.news-cell>img{width:210px;margin-right:20px}
|
|
.news-nr{flex:1;overflow:hidden}
|
|
.news-thead{display:flex;align-items:center;justify-content:center}
|
|
.news-thead p{flex:1;color:#333;font-weight:500;overflow:hidden;white-space:nowrap;padding-right:20px;text-overflow:ellipsis;font-size:calc(var(--fontSize) + 6px)}
|
|
.news-thead span{color:#999;font-weight:500;padding-left:20px;font-size:calc(var(--fontSize) + 2px);background-image:url(../images/time.svg);background-repeat:no-repeat;background-position:center left;background-size:15px 15px}
|
|
.news-ms{color:#666;font-weight:400;margin-top:20px;line-height:22px;font-size:calc(var(--fontSize) + 2px)}
|
|
.page{padding:40px 0;text-align:center}
|
|
.page .layui-laypage .layui-laypage-curr .layui-laypage-em{background-image:var(--bgColor)}
|
|
.detail{display:flex;margin:50px auto;align-items:flex-start;width:min(1200px,100%)}
|
|
.detail-info{flex:1;padding-right:40px}
|
|
.detail-info h1{color:#333;font-weight:700;font-size:calc(var(--fontSize) + 8px)}
|
|
.detail-info .time{padding:20px 0;color:#999;margin-bottom:25px;border-bottom:1px solid #efefef;font-size:calc(var(--fontSize) + 2px)}
|
|
.detail-nr img{height:auto;max-width:100%}
|
|
.detail-temp{width:290px;border-radius:10px;background-color:#fafafa}
|
|
.temp-title{padding:15px;color:#333;font-weight:500;padding-left:40px;border-bottom:1px solid #efefef;font-size:calc(var(--fontSize) + 4px);background-image:url(../images/temp.svg);background-repeat:no-repeat;background-position:15px center;background-size:16px 15px}
|
|
.detail-temp a{display:block;margin:20px 0;padding:0 15px;overflow:hidden;color:#666;font-weight:400;white-space:nowrap;text-overflow:ellipsis;font-size:calc(var(--fontSize) + 2px)}
|
|
.dev{position:relative}
|
|
.dev-name{width:min(1200px,100%);position:absolute;top:0;left:50%;bottom:0;display:flex;color:#333;font-weight:600;padding-left:80px;align-items:center;transform:translateX(-50%);font-size:calc(var(--fontSize) + 36px)}
|
|
.dev-name span{background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.dev-box{margin:0 auto;width:min(1200px,100%)}
|
|
.dev-list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}
|
|
.dev-item{width:32%;display:flex;padding:50px 30px;position:relative;border-radius:10px;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid #fff;box-shadow:0 2px 10px 5px #552b2b0a;background:linear-gradient(180deg,#fff3f3 0,#ffffff00 100%)}
|
|
.dev-title{color:#333;font-weight:700;font-size:calc(var(--fontSize) + 10px)}
|
|
.dev-desc{color:#666;line-height:24px;margin:18px 0 22px;font-size:calc(var(--fontSize) + 4px)}
|
|
.dev-item a{color:#e1564c;padding-right:20px;font-size:calc(var(--fontSize) + 2px);background-image:url(../images/more.svg);background-repeat:no-repeat;background-position:right center;background-size:14px 8px}
|
|
.dev-item img{position:absolute;right:15px;bottom:10px}
|
|
.dev-work{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}
|
|
.dev-work-item{width:49%;overflow:hidden;margin-bottom:30px;border-radius:10px;background-color:#fff;box-shadow:0 2px 10px 5px #552b2b0a}
|
|
.work-title{color:#fff;padding:18px 0;font-weight:700;background-image:var(--bgColor);font-size:calc(var(--fontSize) + 10px)}
|
|
.work-title img{margin-left:20px;margin-right:15px}
|
|
.work-list{display:flex;padding:50px;flex-wrap:wrap;align-items:center;padding-bottom:30px}
|
|
.work-list a{width:33%;color:#666;margin-bottom:20px;font-size:calc(var(--fontSize) + 4px)}
|
|
.about{text-align:center;padding:130px 0 150px;background-image:url(../images/about-img3.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}
|
|
.about-name{color:#fff;font-weight:600;line-height:50px;margin-bottom:44px;letter-spacing:3.84px;font-size:calc(var(--fontSize) + 36px)}
|
|
.about-js{color:#fff;font-weight:400;letter-spacing:4.86px;font-size:calc(var(--fontSize) + 6px)}
|
|
.about-box{margin:0 auto 150px;width:min(1200px,100%)}
|
|
.about-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
|
|
.about-bg,.about-text{width:48%}
|
|
.about-whbg{background-image:url(../images/about-bg.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 100%}
|
|
.about-whbg .about-list{justify-content:flex-start}
|
|
.about-img{width:50%}
|
|
.about-wh{width:min(600px,50%);padding:0 20px}
|
|
.about-wh .box-title{text-align:left}
|
|
.about-wh .box-title span{left:0;transform:translateX(0)}
|
|
.about-wh-ms{color:#333;margin-top:30px;font-size:calc(var(--fontSize) + 2px)}
|
|
.logindl{position:fixed;top:70px;left:0;right:0;bottom:0;display:flex;align-items:center;flex-direction:column;justify-content:center;background-image:url(../images/login-bg.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}
|
|
.login-box{display:flex;margin:0 auto;max-width:100%;overflow:hidden;border-radius:10px;align-items:stretch;margin-bottom:40px;background-color:#fff;box-shadow:0 2px 20px 5px #9a868614}
|
|
.login-box>img{width:40%}
|
|
.login-form{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center}
|
|
.logindl .copy-right{padding:0}
|
|
.login-head{width:70%;display:flex;align-items:center;justify-content:space-between}
|
|
.login-head span{background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 26px)}
|
|
.login-head a{color:#333;font-size:calc(var(--fontSize) + 4px)}
|
|
.login-form input{width:70%;border:none;padding:0 30px;margin-top:50px;line-height:58px;border-radius:40px;background-color:#f8f8f8;font-size:calc(var(--fontSize) + 4px)}
|
|
.login-form input[type=button]{color:#fff;background-image:var(--bgColor)}
|
|
.login-form input[type=tel]{padding-left:100px}
|
|
.login-save{margin-top:15px}
|
|
.login-save a,.login-save p{cursor:pointer;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.login-save i,.register-read i{width:16px;height:16px;border-radius:3px;display:inline-block;vertical-align:middle;border:1px solid #e1564c;background-position:center;background-repeat:no-repeat;background-size:14px 14px}
|
|
.register-read{margin-top:15px;justify-content:flex-start}
|
|
.register-read p{cursor:pointer}
|
|
.register-read a{background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.login-code{width:70%;display:flex;position:relative;align-items:center}
|
|
.login-code input{flex:1}
|
|
.login-code p{cursor:pointer;padding:0 20px;margin-top:50px;color:#333;font-size:calc(var(--fontSize) + 4px)}
|
|
.area-code{position:absolute;left:30px;bottom:14px;z-index:10;padding:5px 0;cursor:pointer;padding-right:30px;border-right:1px solid #ddd;background-image:url(../images/aera.svg);background-position:26px center;background-repeat:no-repeat;background-size:10px 5px}
|
|
.area-list{display:none;position:absolute;top:120px;left:0;width:100px;height:200px;z-index:11;overflow-y:auto;overflow-x:hidden;text-align:center;border-radius:10px;background-color:#fff;box-shadow:0 2px 16px 12px #aeaeae26}
|
|
.area-list p{margin-top:0;line-height:40px}
|
|
.area-list::-webkit-scrollbar{display:none}
|
|
.area-list .area-on{color:#fff;background-image:var(--bgColor)}
|
|
.area-list p:hover{color:#fff;background-image:var(--bgColor)}
|
|
.reg-suc{color:#333;margin-top:36px;font-weight:700;font-size:calc(var(--fontSize) + 26px)}
|
|
.reg-router{color:#e1564c;margin-top:12px;text-decoration:underline}
|
|
.self{display:flex;margin:0 auto;align-items:stretch;padding:50px 0 200px;width:min(1200px,100%)}
|
|
.self-left{flex:1;overflow:hidden}
|
|
.self-right{width:290px;margin-left:10px;background-color:#fafafa}
|
|
.self-wdcp{overflow:hidden;border-radius:10px;background-color:#fff;box-shadow:0 2px 10px 5px #552b2b0a}
|
|
.self-head{color:#fff;line-height:66px;padding-left:20px;background-image:var(--bgColor);font-size:calc(var(--fontSize) + 10px)}
|
|
.self-list{display:flex;flex-wrap:wrap;padding:20px 50px;padding-bottom:0;align-items:stretch}
|
|
.self-item{width:22%;margin-right:4%;padding:25px 15px;border-radius:10px;margin-bottom:25px;box-shadow:0 2px 6px 2px #947a7a14}
|
|
.self-item:nth-child(4n){margin-right:0}
|
|
.self-icon{width:43px;height:43px;display:flex;overflow:hidden;border-radius:10px;align-items:center;justify-content:center}
|
|
.self-name{margin:15px 0;color:#333;font-weight:700;font-size:calc(var(--fontSize) + 4px)}
|
|
.self-desc{color:#999;font-size:calc(var(--fontSize) + 0px)}
|
|
.self-num{margin-top:25px;color:#333;font-size:calc(var(--fontSize) + 2px)}
|
|
.self-gnwt{display:flex;flex-wrap:wrap;margin-top:20px;align-items:stretch;justify-content:space-between}
|
|
.self-cjgn{display:flex;padding:20px;color:#333;font-weight:600;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7;font-size:calc(var(--fontSize) + 10px)}
|
|
.self-gnwt .self-wdcp:first-child{width:340px}
|
|
.self-gnwt .self-wdcp:last-child{flex:1;margin-left:20px}
|
|
.cjgn-list{display:flex;flex-wrap:wrap;padding:20px 30px;padding-bottom:5px;align-items:center}
|
|
.cjgn-list a{width:48%;padding:10px 0;margin-right:4%;color:#333;text-align:center;margin-bottom:15px;background-color:#faf6f6;font-size:calc(var(--fontSize) + 2px)}
|
|
.cjgn-list a:nth-child(even){margin-right:0}
|
|
.self-cjgn a{font-weight:400;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 2px)}
|
|
.cjgn-list a.news-info{margin:0;width:100%;text-align:left;border-bottom:none;background-color:#fff}
|
|
.cjgn-list a.news-info .news-head p{font-weight:700}
|
|
.cjgn-list a.news-info .news-desc{overflow:hidden;padding-bottom:0;white-space:nowrap;text-overflow:ellipsis}
|
|
.self-avatar{margin-top:50px;position:relative;text-align:center}
|
|
.self-avatar>img{border-radius:50%}
|
|
.self-file{width:25px;height:25px;position:absolute;left:calc(50% + 20px);bottom:-10px;z-index:10;border-radius:20px;background-color:#eef2fc}
|
|
.self-avatar input{width:80px;height:80px;position:absolute;top:0;left:calc(50% - 40px);z-index:11;opacity:0}
|
|
.self-info{width:80%;color:#333;margin:20px auto 0;font-size:calc(var(--fontSize) + 4px)}
|
|
.self-info span{width:80px;color:#999;display:inline-block}
|
|
.self-info button{border:0;cursor:pointer;margin-left:5px;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.base{overflow:hidden;border-radius:10px}
|
|
.base .self-left{background-color:#fff;padding:66px 100px 66px 60px}
|
|
.base .self-right{margin-left:0}
|
|
.base-input{display:flex;flex-wrap:wrap;line-height:42px;position:relative;margin-bottom:18px;align-items:flex-start}
|
|
.base-input span{width:130px;color:#333;font-weight:500;text-align:right;margin-right:20px;font-size:calc(var(--fontSize) + 4px)}
|
|
.base-input input,.base-input textarea{flex:1;outline:0;padding:0 20px;line-height:42px;border-radius:5px;border:1px solid #efefef;background-color:#fbfbfb}
|
|
.base-input button{position:absolute;right:20px;bottom:12px;z-index:10;border:none;cursor:pointer;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 2px)}
|
|
.base-btn{margin-top:90px;text-align:center}
|
|
.base-btn a{width:92px;margin:0 8px;line-height:34px;border-radius:5px;display:inline-block;font-size:calc(var(--fontSize) + 2px)}
|
|
.base-btn a:first-child{color:#a72424;background-color:#fceeee}
|
|
.base-btn a:last-child{color:#fff;background-color:#a72424}
|
|
.update-box{width:min(700px,95%);border-radius:20px!important}
|
|
.update-phone{height:350px}
|
|
.update-pass{height:430px}
|
|
.update-order{height:95%}
|
|
.update-box .layui-layer-title{height: 60px;line-height: 60px;position:relative;padding-left:60px;font-weight:700;background-image:var(--bgColor);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(var(--fontSize) + 14px)}
|
|
.update-box .layui-layer-title::before{width:6px;height:26px;position:absolute;content:'';top:19px;left:30px;background-image:var(--bgColor)}
|
|
.update-html{padding:0 70px}
|
|
.order-box{width:90%;margin:0 auto}
|
|
.order-title{color:#333;font-weight:600;margin-top:30px;font-size:calc(var(--fontSize) + 4px)}
|
|
.order-name{color:#333;font-weight:500;margin-top:25px;font-size:calc(var(--fontSize) + 2px)}
|
|
.order-box input,.order-box textarea{width:100%;outline:0;padding:0 15px;color:#333;margin-top:12px;line-height:42px;border-radius:5px;border:1px solid #efefef;background-color:#f8f8f8;font-size:calc(var(--fontSize) + 2px)}
|
|
.order-sub{width:300px;border:none;display:block;cursor:pointer;color:#fff;line-height:50px;margin:40px auto;text-align:center;border-radius:30px;background-image:var(--bgColor);font-size:calc(var(--fontSize) + 4px)}
|
|
.order-file{position:relative}
|
|
.order-file input{position:absolute;top:0;left:0;opacity:0;width:110px;height:34px;margin-top:0}
|
|
.order-file p{width:110px;color:#333;line-height:34px;text-align:center;border-radius:5px;display:inline-block;border:1px solid #efefef;background-color:#f8f8f8;font-size:calc(var(--fontSize) + 2px)}
|
|
.order-file span{color:#c7c7c7;margin-left:10px;font-size:calc(var(--fontSize) + 0px)}
|
|
.file-list p{color:#333;padding:0 25px;margin-top:12px;line-height:28px;background-color:#f8f8f8;font-size:calc(var(--fontSize) + 2px)}
|
|
.map {
|
|
background-image: url('../images/map.png');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
.map-info {
|
|
display: flex;
|
|
padding: 118px 0;
|
|
align-items: center;
|
|
}
|
|
.map-item {
|
|
width: 50%;
|
|
}
|
|
.map-item:last-child {
|
|
border-radius: 20px;
|
|
padding: 40px;
|
|
width: min(600px, 50%);
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 12px 8px #9776761a;
|
|
}
|
|
.map-name {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-bottom: 25px;
|
|
}
|
|
.map-name:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.map-name p {
|
|
color: #333;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
width: calc(100% - 80px);
|
|
font-size: calc(var(--fontSize) + 6px);
|
|
}
|
|
.map-name p span {
|
|
color: #666;
|
|
display: block;
|
|
margin-top: 5px;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
font-size: calc(var(--fontSize) + 4px);
|
|
}
|
|
.map-name p:last-child {
|
|
text-align: left;
|
|
padding-left: 15px;
|
|
}
|
|
.map-name img {
|
|
margin-left: 15px;
|
|
} |