@charset "utf-8"; /* =====================内页样式======================== */ /* 分页 */ .paging{width: 100%;font-size: 0;text-align: center;user-select: none;} .paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;} .paging-menu a{width: 50px;height: 50px;line-height: 50px;border: 1px solid #e1e1e1;margin: 4px;font-size: 16px;color: #555;transition: all .4s ease;background-color: #fff;} .paging-menu a:first-child, .paging-menu a:last-child{width: 68px;} .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #006650;background-color: #006650;color: #fff;} .paging-skip{margin-left: 8px;} .paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;} .paging-hint:first-of-type{margin: 0;} .paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;} .paging-skip input:focus{border-color: #006650;} .paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;} .paging-skip button:hover{background-color: #006650;color: #fff;border-color: #006650;} .paging-hint span{color: #006650;} @media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;font-size: 13px;width: 36px;height: 36px;line-height: 36px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}} /* 搜索页面 */ .search{width: 100%;} .search-result{font-size: 14px;color: #006650;line-height: 1.1;} .search-result span{margin-left: 6px;} .search-info{width: 100%;line-height: 1.1;color: #333;} .search-info span{color: #006650;font-weight: 700;flex: 1;} .search-list{width: 100%;} .search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;} .search-link:not(:first-child){margin-top: 16px;} .search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;} .search-link p{width: 100%;color: #666;} .search-link .highlightRow span{color: #006650 !important;} .search-link:hover h2{color: #006650;} @media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}} /* 隐私协议 */ .privacy{width: 100%;} .privacy-title{width: 100%;color: #333;line-height: 1.1;} .privacy-content{width: 100%;color: #666;} /* 网站地图 */ .webmap{width: 100%;} .webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;} .webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #006650;} .webmap-list{width: 100%;} .webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;} .webmap-list>ul>li{width: auto;flex: 1;margin: 40px 0 0 40px;color: #333;} .webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;} .webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;} .webmap-list>ul>li a:hover{color: #006650;} .webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;} .webmap-list>ul>li>.drop{margin-top: 16px;} .webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;} .webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;} .webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;} @media all and (max-width:1270px) { .webmap-list>ul{margin: -24px 0 0 -24px;} .webmap-list>ul>li{margin: 24px 0 0 24px;} .webmap-list>ul>li>.menu {font-size: 18px;} .webmap-list>ul>li>.drop a {font-size: 16px;} .webmap-list>ul>li>.drop .drop a{font-size: 14px;} .webmap-list>ul>li>.drop .drop a::before{top: 11px;} } @media all and (max-width: 1000px) { .webmap-title {padding-bottom: 16px;} .webmap-title::after {width: 40px;height: 3px;} .webmap-list>ul{margin: -14px 0 0;} .webmap-list>ul>li{width: 100%;flex: auto;margin: 14px 0 0;} .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;} .webmap-list>ul>li>.drop{margin-top: 10px;} .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;} .webmap-list>ul>li>.drop .drop a{padding-left: 12px;} } /* 内页公共 */ .pagesBan-bg img{width: 100%;height: 600px;} .pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;} .pagesBan-con .title-en{text-transform: uppercase;font-weight: 300;opacity: 0;animation:banText 1.5s ease forwards;} .pagesBan-con .title{animation:banText 1.5s .1s ease forwards;opacity: 0;} @keyframes banText {0%{opacity: 0;transform: translateX(150px) skew(-20deg);}100%{opacity: 1;transform: translateX(0) skew(0);}} .pagesNav{border-bottom: 1px solid #e0e0e0;} .pagesNav .contain{justify-content: center;} .pagesNav-item{display: flex;align-items: center;height: 80px;margin-left: 130px;} .pagesNav-item:first-child{margin-left: 0;} .pagesNav-item::after{content: "";position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);width: 0;height: 2px;background: #006650;transition: all .4s ease;} .pagesNav-item.active,.pagesNav-item:hover{color: #006650;} .pagesNav-item.active::after{width: 100%;} .pagesTitle .title{font-weight: 600;} .pagesTitle .title p{margin-left: -5px;} .pagesTitle .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #d9a674;width: 50px;} .pagesTitle .title-en{text-transform: uppercase;margin-top: 15px;font-weight: 600;} .pagesTitle.center .title::after{left: 50%;transform: translateX(-50%);} .pagesTitle.center .title p{margin-left: 0;} /* 新闻列表 */ .newsNav-year{justify-content: center;} .newsNav-year a{width: 80px;height: 36px;margin-left: 60px;position: relative;z-index: 2;} .newsNav-year a:first-child{margin-left: 0;} .newsNav-year a:hover{color: #006650;} .newsNav-year a.active{color: #fff;background: #006650;} .newsNav-month{justify-content: space-between;padding: 0 35px;position: relative;} .newsNav-month::after{content: "";position: absolute;left: 0;bottom: 7px;width: 100%;height: 1px;background: #ddd;} .newsNav-month a{display: flex;flex-direction: column;align-items: center;text-align: center;transition: all .4s ease;position: relative;z-index: 2;} .newsNav-month .dot{margin-top: 15px; width: 16px;height: 16px;border-radius: 50%;background: #fff;border: 1px solid #ddd;transition: all .4s ease;} .newsNav-month .dot::after{content: "";transition: all .4s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 70%;height: 70%;border-radius: 50%;background: #ddd;} .newsNav-month .text{height: 30px;display: flex;align-items: flex-end;} .newsNav-month .dot::before{background: #fff; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 2;width: 170%;height: 170%;border-radius: 50%;border: 3px solid #daa877;} .newsNav-month a:hover .text,.newsNav-month a.active .text{color: #d9a674;} .newsNav-month a.active .text{font-size: 24px;} .newsNav-month a.active .dot::after{opacity: 0;} .newsNav-month a.active .dot::before{transform: translate(-50%,-50%) scale(1);} .news-item{padding: 40px 0;border-bottom: 1px solid #ddd;} .news-date{width: 13%;} .news-date .year{font-family: 'Arial';line-height: 1.1;} .news-text{width: 62%; padding-right: 5%;} .news-text .more{padding-bottom: 5px;display: inline-block;} .news-text .more::after,.news-text .more::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #999;} .news-text .more::after{width: 0;background: #006650;transition: all .4s ease;z-index: 2;} .news-img{width: 25%;} .news-img img{width: 100%;height: 240px;} .news-item:hover .news-text .title,.news-item:hover .news-text .more{color: #006650;} .news-item:hover .news-text .more::after{width: 100%;} .newsDet-header{border-bottom: 1px solid #ddd;} .newsDet-header .text span:nth-child(2){display: inline-block;margin: 0 12px;} .newsDet-file img{display: block;margin: 0 auto;} .newsDet-file .tips{display: flex;justify-content: center;color: #999;margin-top: 12px;} .newsDet-file .tips::before{content:"";display: inline-block;width: 12px;height: 10px; border: 8px solid transparent;border-bottom-color: #999;margin:2px 10px 0 0;} .newsDet-btn .btn{margin-left: 55px;} .newsDet-btn .btn:first-child{margin-left: 0;} .newsDet-btn .btn-icon{width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;background: #006650;} .newsDet-btn .btn:hover{color: #006650;} .newsDet-hot{background: #f1f2f3;} .newsDet-hot-list{justify-content: space-between;} .newsDet-hot-list::after{content: "";width: 32%;} .newsDet-hot-item{padding-bottom: 225px; width: 32%;border-radius: 15px;overflow: hidden;} .newsDet-hot-img img{width: 100%;height: 260px;} .newsDet-hot-con{padding: 40px; position: absolute;left: 0;bottom: 0;width: 100%;background: #fff;min-height: 225px;transition: all .4s ease;} .newsDet-hot-con .text{height: 0;overflow: hidden;transition: all .4s ease;} .newsDet-bottom{justify-content: space-between;align-items: flex-start;transition: all .4s ease;} .newsDet-bottom .more{position: relative;padding-bottom: 5px;} .newsDet-bottom .more::after,.newsDet-bottom .more::before{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 120%;height: 1px;background: #999;} .newsDet-bottom .more::after{background: #006650;width: 0;z-index: 2;transition: all .4s ease;} .newsDet-hot-item:hover .newsDet-hot-con .title{color: #006650;} .newsDet-hot-item:hover .newsDet-hot-con .text{height: 52px;} .newsDet-hot-item:hover .newsDet-bottom .more{color: #006650;} .newsDet-hot-item:hover .newsDet-bottom .more::after{width: 120%;} /* 关于bsport体育官网登录-品牌介绍 */ .abIntro{background: url('../images/pages/abIntro-bg.png') no-repeat right bottom/50% auto;} .abIntro .pagesTitle{width: 25%;} .abIntro-text{width: 75%;} .abIntro-text .text p br{height: 15px;} .ab-develop{background: url('../images/pages/abDev-bg.jpg') no-repeat center/cover;} .abDev-swp .thumbs{padding: 0 56px;} .abDev-swp .thumbs-prev,.abDev-swp .thumbs-next{width: 48px;height: 48px;border-radius: 50%;cursor: pointer;border: 2px solid #fff;user-select: none; position: absolute;right: 0;bottom: 0;} .abDev-swp .thumbs-prev{right: auto;left: 0;} .abDev-swp .thumbs-prev:hover,.abDev-swp .thumbs-next:hover{border-color: #83a7a0;background: #83a7a0;} .abDev-swp .thumbs .swiper-container::after{content: "";position: absolute;left: 0;bottom: 25px;width: 100%;height: 1px;background: rgba(255, 255, 255, .3);} .abDev-swp .thumbs-year{padding: 10px 0 25px;flex-direction: column;transition: all .4s ease;} .abDev-swp .thumbs-year p{display: flex;align-items: flex-end;font-family: 'Arial';height: 30px;line-height: 1;} .abDev-swp .thumbs-year::after{content: "";display: inline-block;width: 1px;background: #fff;margin-top: 15px;transition: all .4s ease;height: 16px;} .abDev-swp .thumbs-year.active,.abDev-swp .thumbs-year:hover{color: #d9a674;} .abDev-swp .thumbs-year.active{font-size: 30px;} .abDev-swp .thumbs-year.active::after{background: #d9a674;} .abDev-swp .gallery-year{color: #d9a674;font-family: "Arial";} .abPosi-swp{background: url('../images/pages/abPosi-bg.jpg') no-repeat center/cover;} .abPosi-slide{position: relative; border-left: 1px solid #fff;flex-direction: column;transition: all .4s ease;height: 800px;} .abPosi-slide::after{content: "";z-index: 3; position: absolute;transform: translateX(-50%); left: 50%;top: 0;width: calc(100% + 4px);height: 100%;background: #006650;transition: all .4s ease;opacity: 0;} .abPosi-slide>div{position: relative;z-index: 4;} .abPosi-swp .swiper-slide:nth-child(1) .abPosi-slide{border-left: unset;} .abPosi-text{width: 78%;} .ab-position,.abYS{display: none;} .text-hide{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all .4s ease;} .text-show{opacity: .3;transition: all .4s ease;} .abPosi-slide:hover::after{opacity: 1;} .abPosi-slide:hover .text-hide{opacity: 1;} .abPosi-slide:hover .text-show{opacity: 0;} .abYS .indcp-loop .swiper-slide{width: 180px;margin-left: 20px;} .abYS .indcp-loop .swiper-slide.active{width: calc(100% - 180px*3 - 20px*4);} .abYS .indcp-loop .swiper-wrapper{margin-left: -20px;} .abYS .indcp-loop .swiper-slide.active .indcp-items::before{opacity: 1;} .abYS .indcp-loop .swiper-slide.active .indcp-items::after{opacity: 0;} .abYS .indcp-loop .swiper-slide:nth-child(1){margin-top: 0;} .abYS .indcp-items-mix .cont .title::after{content: "";background: #d9a674;width: 60px;height: 2px;position: absolute;left: 0;bottom: 0;} .ab-linian{background: #f1f2f3;} .abLN-list{justify-content: space-between;} .abLN-list li{display: flex;align-items: center;} .abLN-icon{position: relative;padding-right: 30px;} .abLN-icon::after{content: "";width: 2px;height: 110%;position: absolute;right: 13px;top: 50%;transform: translateY(-50%) rotate(15deg);background: #ccc;} .abHonor-header .contain{justify-content: space-between;align-items: flex-end;} .abHonor-btn li{cursor: pointer;user-select: none; padding-bottom: 14px;position: relative;transition: all .4s ease;margin-left: 90px;} .abHonor-btn li:first-child{margin-left: 0;} .abHonor-btn li::after{transition: all .4s ease; content: "";position: absolute;left: 50%;bottom: 0; transform: translateX(-50%);width: 0;height: 2px;background: #006650;} .abHonor-btn li:hover,.abHonor-btn li.active{color: #006650;} .abHonor-btn li.active::after{width: 100%;} .abHonor-swp-box{padding-left: 260px;} .abHonor-swp{display: none;} .abHonor-swp:first-child{display: block;} .abHonor-slide{background: #f2f4f6;padding: 35px 11%;} .abHonor-img{height: 250px;} .abHonor-img img{max-height: 100%;} .abHonor-text{transition: all .4s ease;height: 50px;} .abHonor-slide:hover .abHonor-text{color: #006650;} .swiper-pagination-progressbar{position: relative !important;background: #ddd !important;height: 2px;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #006650 !important;} /* 企业实力 */ .houseIntro-num li{border-left: 1px solid #ddd;} .houseIntro-num li:nth-child(1){border-left: unset;width: 14%;} .houseIntro-num li:nth-child(2){width: 28%;display: flex;justify-content: center;} .houseIntro-num li:nth-child(3){width: 25%;display: flex;justify-content: center;} .houseIntro-num li:nth-child(4){width: 22%;display: flex;justify-content: center;} .houseIntro-num li:nth-child(5){width: 11%;display: flex;justify-content: flex-end;} .houseIntro-num .num span{display: inline-block;line-height: .8;margin-right: 5px;} .houseIntro-swp-img img{width: 100%;height: 420px;} .houseIntro-btn{position: absolute;left: -90px;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;border-radius: 50%;border: 2px solid #bdbdbd;display: flex;align-items: center;justify-content: center;transition: all .4s ease;cursor: pointer;} .houseIntro-next{transform: translateY(-50%) rotateY(180deg);left: auto; right: -90px;} .houseIntro-btn::after{content: "";display: inline-block;width: 27px;height: 10px;background: url('../images/pages/pages-prev.png') no-repeat center/100% auto;transition: all .4s ease;} .houseIntro-btn:hover{background: #006650;border-color: #006650;} .houseIntro-btn:hover::after{background-image: url('../images/pages/pages-prevH.png');} .houseIntro-pagination .swiper-pagination-bullet{background: #e4e4e4;width: 8px;height: 8px;border-radius: 50%;opacity: 1;margin: 0 6px;} .houseIntro-pagination .swiper-pagination-bullet-active{background: #d9a674;} .houseJG-pagination{position: absolute;right: 15%;bottom: 40px;z-index: 2;} .houseJG-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;background: #fff;opacity: 1;margin: 0 6px;} .houseJG-pagination .swiper-pagination-bullet-active{background: #d9a674;} .houseJG-swp{width: 50%;} .houseJG-swp-con{width: 50%; background: #006650;padding:100px 6% 50px 260px;} .houseJG-swp-img img{width: 100%;height: 100%;} .houseJG-list .contain{padding: 0 50px;} .houseJG-list-bg img{width: 100%;} .houseJG-list-bg .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);line-height: 1.3;} .houseJG-icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .houseJG-icon li{position: absolute;flex-direction: column;text-align: center;align-items: center;display: flex;} .houseJG-icon-title,.houseJG-icon-text{margin-top: 5px;width: 500px;} .houseJG-icon-img{width: 110px;height: 110px;border-radius: 50%;background: #e5efed;transition: all .4s ease;} .houseJG-icon-img img{position: relative;z-index: 2;} .houseJG-icon-img::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;height: 80%;background:#006650;border-radius: 50%;transition: all .4s ease;} .houseJG-icon li:hover .houseJG-icon-img{background: #fbf6f1;} .houseJG-icon li:hover .houseJG-icon-img::after{background: #d9a674;} .houseJG-icon li:nth-child(-n+2) .houseJG-icon-text{order: 1;margin-top: 0;} .houseJG-icon li:nth-child(-n+2) .houseJG-icon-title{order: 2;} .houseJG-icon li:nth-child(-n+2) .houseJG-icon-img{order: 3;margin-top: 5px;} .houseJG-icon li:nth-child(1){left: 14%;top: -36%;} .houseJG-icon li:nth-child(2){left: 51%;top: -36%;} .houseJG-icon li:nth-child(3){left: 71%;top: 56%;} .houseJG-icon li:nth-child(4){left: 32%;top: 80%;} .houseJG-icon li:nth-child(5){left: -7%;top: 58%;} .house-shebei{background: #f1f2f3;} .houseShb-img{width: 50%;} .houseShb-img img{width: 100%;height: 550px;display: none;} .houseShb-img img:first-child{display: block;} .houseShb-list li{height: 25%;cursor: pointer;user-select: none; border-top: 1px solid #f2f2f2;display: flex;align-items: center;padding-left: 5%;} .houseShb-text{flex: 1;padding: 0 25px;} .houseShb-text .title{line-height: 1;} .houseShb-text .text{margin-top: 14px;} .houseShb-list{width: 50%;background: #fff;} .houseShb-list-box{display: flex;} .houseShb-list-box::before{content: "";margin-top: 4px; display: inline-block;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #006650;transition: all .4s ease;} .houseShb-list li:first-child{border-top: unset;} .houseShb-list li.active .houseShb-text .title{color: #006650;} .houseShb-list li.active .houseShb-list-box::before{background: #006650;} .houseShb-logo{margin-left: -15px;} .houseShb-logo li{margin-left: 15px;width: calc((100% / 6) - 15px);height: 74px;background: #fff;transition: all .4s ease;} .houseShb-logo li img{max-height: 80%;max-width: 80%;} .houseShb-logo li:hover{transform: translateY(-10px);} .houseBook-img{height: 415px;background: #f1f2f3;padding: 30px 40px;} .houseBook-img img{max-height: 100%;} .houseBook-img::after{content:"";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);width: 60px;height: 60px;transition: all .5s ease;background: url('../images/pages/houseBook-icon.png') no-repeat center/100% auto;} .houseBook-text{transition: all .4s ease;} .houseBook-slide:hover .houseBook-img::after{transform: translate(-50%,-50%) scale(1);} .houseBook-slide:hover .houseBook-text{color: #006650;} .houseBook-pagination{display: none;} /* 关于bsport体育官网登录-宣传视频 */ .video-list{margin-left: -30px;} .video-list li{margin: 30px 0 0 30px;width: calc((100% / 3) - 30px);cursor: pointer;} .video-img>img{width: 100%;height: 280px;} .video-img::after,.video-img::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);} .video-img::after{opacity: 0;transition: all .4s ease;} .video-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;} .video-text{height: 80px;background: #f1f2f3;} .video-list li:hover .video-img::after{opacity: 1;} .video-list li:hover .video-text{background: #006650;color: #fff;} .abSM-img img{width: 100%;} .abSM-text{margin: 0 0 0 auto; box-shadow: 0px 20px 35px 0px rgba(50, 106, 102, 0.14);padding-left: 50px;width: 80%;height: 160px;background: #fff;transform: translateY(-50%);display: flex;flex-direction: column;justify-content: center;} .abSM-text .page{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);} .abSM-text .text span{color: #d9a674;} .abSM-title-en{font-size: 140px;-webkit-text-stroke: 1px rgba(104, 207, 200, .31);font-weight: 700;color: transparent;line-height: .8;padding-bottom: 30px;} .abSM-pagination{display: flex;flex-direction: column;position: absolute;right: 20%;top: 25%;z-index: 2;} .abSM-pagination .swiper-pagination-bullet{width: 14px;margin-top: 16px; height: 14px;border-radius: 50%;background: transparent;border: 2px solid #dfdfdf;opacity: 1;} .abSM-pagination .swiper-pagination-bullet:first-child{margin-top: 0;} .abSM-pagination .swiper-pagination-bullet-active{border-color: #006650;background: #006650;} .abSM-page{position: absolute;left: 20%;top: 25%;z-index: 2;} .abSM-page .current{font-size: 36px;} .abSM-page .total{margin:10px 0 0 62px;font-size: 24px;} .abSM-page .line{width: 1px;height: 60px;position: absolute;left: 55%; background: #efefef;top: 25%;transform: rotate(45deg);} /* 招聘岗位 */ .joinZpgw{background: #f1f2f3;} .joinZpgw-list{justify-content: space-between;} .joinZpgw-list::after{content: "";width: 32%;} .joinZpgw-list li{user-select: none; height: 60px;background: #fff; width: 32%;padding: 0 26px; display: flex;justify-content: space-between;align-items: center;transition: all .4s ease;cursor: pointer;margin-top: 20px;} .joinZpgw-list i{font-style: normal;width: 16px;height: 2px;background: #999999;display: inline-block;position: relative;transition: all .4s ease;} .joinZpgw-list i::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 2px;height: 16px;background: inherit;} .joinZpgw-list li:hover{background: #006650;color: #fff;} .joinZpgw-list li:hover i{transform: rotate(135deg);background: #fff;} .joinZpgw-popup-box{display: none; position: fixed; left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0, 0, 0, .7);} .joinZpgw-popup{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 63%;padding: 55px 95px 95px;} .joinZpgw-popup-close{position: absolute;right: 30px;top: 30px;user-select: none;cursor: pointer;font-weight: 700;} .joinZpgw-popup-close:hover{color: #333;transform: rotate(90deg);} .joinZpgw-popup-title{border-bottom: 1px solid #ddd;} .joinZpgw-item .text{margin-top: 8px;} .contCode-map{width: 50%;height: 880px;} .map-info{padding: 30px 10px;width: 380px;text-align: center;} .map-img{text-align: center;} .map-img img{width: 160px;} .map-con{margin-top: 13px;font-size: 14px;} .map-con h6{line-height: 24px;} .amap-info-content{padding: 0;background: rgba(255, 255, 255, .9);} .amap-info-close{display: none !important;} .contCode-map .bottom-center{transform: translateY(-15px);} .joinCont-con{padding: 110px 110px 110px;width: 50%;} .joinCont-list{width: 460px;} .joinCont-list li{border-bottom: 1px solid #ddd;} /* 产品中心-墙地系统 */ .proShow .indcp-loop .swiper-slide{width: 110px;margin-left: 2px;margin-top: 0 !important;} .proShow .indcp-loop .swiper-slide.active{width: calc(100% - 110px*6 - 2px*7);} .proShow .indcp-loop .swiper-wrapper{margin-left: -2px;} .proShow .indcp-loop.nav3 .swiper-slide.active{width: calc(100% - 110px*2 - 2px*3);} .proShow .indcp-loop.nav4 .swiper-slide.active{width: calc(100% - 110px*3 - 2px*4);} .proShow .indcp-loop.nav5 .swiper-slide.active{width: calc(100% - 110px*4 - 2px*5);} .proShow .indcp-loop.nav6 .swiper-slide.active{width: calc(100% - 110px*5 - 2px*6);} .proSearch{border-bottom: 1px solid #999;} .proSearch-icon{align-items: center;height: 60px;width: 35px;color: #333;font-size: 18px;} .proSearch input{width: calc(100% - 35px);color: #333;font-size: 16px;height: 60px;} .proSearch input::-webkit-input-placeholder{color: #999;font-size: 16px;} .proList{margin-left: -30px;} .proItem{width: calc((100% / 3) - 30px);margin: 30px 0 0 30px;display: block;} .proList-img img{width: 100%;transition: all .4s ease;height: 200px;} .proList-img .h{position: absolute;left: 0;top: 0;opacity: 0;} .proList-label{display: none; position: absolute;left: 0;top: 0;padding:8px 13px;line-height: 1;background: #d9a674;border-bottom-right-radius: 10px;} .proItem.active .proList-label{display: block;} .proItem.border .proList-img{border: 1px solid #ddd;} .proList-num{position: absolute;right: 10px;bottom: 10px;padding-left: 17px;} .proList-num::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 13px;height: 15px;background: url('../images/pages/proList-icon.png') no-repeat center/100% auto;} .proList-text{height: 76px;} .proItem:hover .proList-img .s{opacity: 0;} .proItem:hover .proList-img .h{opacity: 1;} .proItem:hover .proList-text{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);color: #006650;} .proScreen li{padding: 14px 0;border-bottom: 1px solid #ddd;display: flex;} .proScreen-menu{padding: 7px 9px;line-height: 1;} .proScreen-drop{flex: 1;padding-left: 40px;} .proScreen-drop a{display: flex;align-items: center;margin-right: 22px;transition: all .4s ease;} .proScreen-drop a i{display: inline-block;font-style: nowrap;width: 14px;height: 14px;border: 1px solid #999; transition: all .4s ease;position: relative;border-radius: 50%;margin-right: 10px;} .proScreen-drop a i::after{content: "";border-radius: 50%; opacity: 0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .4s ease;width: 50%;height: 50%;background: #006650;} .proScreen-drop a:hover,.proScreen-drop a.active{color: #006650;} .proScreen-drop a.active i{border-color: #006650;} .proScreen-drop a.active i::after{opacity: 1;} /* 家居定制 */ .proList.nav2 .proItem{width: calc(50% - 30px);margin-top: 50px;} .proList.nav2 .proList-img img{height: 380px;} .proList.nav2 .proList-label{padding: 12px 20px;} /* 产品详情 */ .proDet-swp-show{border: 1px solid #ddd;} .proDet-swp img{width: 100%;height: 640px;} .proDet-pagination{position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);z-index: 2;} .proDet-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;opacity: 1;margin: 0 6px;background: #e5e5e5;} .proDet-pagination .swiper-pagination-bullet-active{background: #d9a674;} .proDet-date{background: #f8f9fb;} .proDet-date-list{width: 1040px;margin: 55px auto 0;} .proDet-date-list li{border-bottom: 2px solid #999;padding: 0 40px;height: 92px;justify-content: space-between;align-items: center;} .proDet-date-list li:first-child{border-top: 2px solid #999;} .proDet-date-item{width: 45%;font-size: 20px;color: #333;} .proDet-date-item h4{line-height: 1; padding:0 18px 0 28px;position: relative;font-weight: 700;} .proDet-date-item h4::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: #333;} .proDet-date-item p{line-height: 1;flex: 1; padding-left: 18px;border-left: 1px solid #333;} .proDet-file .file img{display: block;margin-top: 40px;width: 100%;} /* 定制详情 */ .dzShow .pagesTitle .title{font-family: "微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1";font-weight: 400;} .dzShow .pagesTitle .title::after{height: 4px;} .dzShow-con{align-items: flex-start;} .dzShow-swp{width: 67%;} .dzShow-swp .swiper-container{height: 100%;} .dzShow-swp img{width: 100%;height: 530px;} .dzShow-btn{position: absolute;cursor: pointer; right:20px;top: 50%;z-index: 2;transform: translateY(-50%);transition: all .4s ease;width: 40px;height: 40px;border-radius: 50%;background: rgba(0, 0, 0, .3);} .dzShow-prev{right: auto;left: 20px;transform: translateY(-50%) rotateY(180deg);} .dzShow-btn::after{content: "";display: inline-block;width: 17px;height: 6px;background: url('../images/pages/abDev-next.png') no-repeat center/100% auto;} .dzShow-btn:hover{background: #006650;} .dzShow-data{width: 33%;padding-left: 35px;height: 530px;overflow-y: auto;padding-right: 5px;} .dzShow-data::-webkit-scrollbar {width: 3px;} .dzShow-data::-webkit-scrollbar-thumb {background: #006650;} .dzShow-data::-webkit-scrollbar-track {background: #f1f1f1;} .dzShow-data-title{align-items: center; border-bottom: 1px solid #aeaeae;} .dzShow-data-title i{font-style: normal;margin-right: 9px;width: 20px;height: 20px;border-radius: 50%;border: 3px solid #006650;display: flex;align-items: center;justify-content: center;} .dzShow-data-title i::after{content: "";display: inline-block;border-radius: 50%;background: #006650;width: 6px;height: 6px;} .dzShow-data-list li{margin-top: 15px;} .dzShow-data-list .title{line-height: 1;padding:7px 10px;} .dzShow-data-list .text{margin-top: 10px;} /* vr展厅 */ .vrIntro-list{padding:0 8%;justify-content: space-between;text-align: center;} .vrIntro-list .text{padding-bottom: 15px;margin-top: 5px;} .vrIntro-list .text::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 20px;height: 2px;background: #006650;} .vrIntro-swp .swiper-slide img{width: 100%;} .vrIntro-btn{position: absolute;cursor: pointer; z-index: 2;right: 30px;top: 50%;transform: translateY(-50%);transition: all .4s ease;width: 60px;height: 60px;border-radius: 50%;border: 2px solid #fff;} .vrIntro-prev{right: auto;left: 30px;} .vrIntro-btn:hover{background: rgba(255, 255, 255, .3);border-color: rgba(255, 255, 255, .3);} .vrMore-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .vrMore-bg img{width: 100%;height: 100%;} .vrMore-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 102, 80, .7);} .vrMore-con{position: relative;z-index: 2;} .vrMore-link{width:100%;justify-content:center;} .vrMore-btn{margin-left: 38px;width: 250px;height: 68px;border: 1px solid #fff;overflow: hidden;transition: all .4s ease;} .vrMore-btn:first-child{margin-left:0;} .vrMore-btn::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 0;height: 400%;background: #fff;transition: all .5s ease;} .vrMore-btn p{position: relative;z-index: 2;} .vrMore-btn p::after{transition: all .4s ease; content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 19px;height: 6px;background: url('../images/pages/abDev-next.png') no-repeat center/100% auto;display:none} .vrMore-btn:hover{color: #006650;} .vrMore-btn:hover:after{width: 105%;} .vrMore-btn:hover p::after{background-image: url('../images/pages/abDev-nextH.png');} /* 门店案例 */ .shopList{background-color: #f1f2f3;} .shopList-con{justify-content: space-between;} .shopList-con::after{content: "";width: 32%;} .shopList-item{width: 32%;} .shopList-img-bg img{width: 100%;height: 300px;} .shopList-line-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;height: 86%;} .shopList-line{position: absolute;background-color: #006650;} .shopList-line.line1{left: 0;bottom: 0;width: 3px;height: 0;transition: all .4s 1.2s linear;} .shopList-line.line2{left: 0;top: 0;width: 0;height: 3px;transition: all .4s .8s linear;} .shopList-line.line3{right: 0;top: 0;width: 3px;height: 0;transition: all .4s .4s linear;} .shopList-line.line4{right: 0;bottom: 0;width: 0;height: 3px;transition: all .4s linear;} .shopList-text{height: 80px;} .shopList-item:hover .shopList-text{background-color: #fff;color: #006650;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);} .shopList-item:hover .shopList-line.line1{height: 100%;transition: all .4s linear;} .shopList-item:hover .shopList-line.line2{width: 100%;transition: all .4s .4s linear;} .shopList-item:hover .shopList-line.line3{height: 100%;transition: all .4s .8s linear;} .shopList-item:hover .shopList-line.line4{width: 100%;transition: all .4s 1.2s linear;} .shopData-screen{justify-content: space-between;} .shopData-screen::after{content: "";width: 32%;} .shopData-select,.shopData-search{width: 32%;} .shopData-menu,.shopData-drop li,.shopData-search input,.shopData-btn{height: 60px;} .shopData-menu{border: 1px solid #ddd;align-items: center;justify-content: space-between;padding: 0 20px;user-select: none;cursor: pointer;} .shopData-menu::after{content: "\e61f";font-family: "icon"; display: inline-block;color: #666;} .shopData-drop{position: absolute;left: 0;top: 100%;width: 100%;z-index: 5;background: #fff;display: none;max-height: 400px;overflow-y: auto;} .shopData-drop::-webkit-scrollbar {width: 3px;} .shopData-drop::-webkit-scrollbar-thumb {background: #006650;} .shopData-drop::-webkit-scrollbar-track {background: #f1f1f1;} .shopData-drop li{user-select: none;cursor: pointer; border: 1px solid #ddd;display: flex;align-items: center;padding: 0 20px;transition: all .4s ease;} .shopData-drop li:hover{background: #eee;} .shopData-search input{width: 75%;padding-left: 20px;color: #999;font-size: 16px;border: 1px solid #ddd;border-right: unset;} .shopData-search input::-webkit-input-placeholder{font-size: 16px;color: #999;} .shopData-btn{width: 25%; background: #006650;color: #fff;font-size: 18px;transition: all .4s ease;cursor: pointer;letter-spacing: 2px;} .shopData-btn:hover{background: #038f71;} .shopMap-show{width: calc(75% - 10px);margin-right: 10px;height: 600px;} .amap-copyright,.amap-logo{display: none !important;} .shopMap-list{width: 25%;height: 600px;overflow-y: auto;border: 1px solid #ddd;} .shopMap-list::-webkit-scrollbar {width: 5px;height: 3px;} .shopMap-list::-webkit-scrollbar-thumb {background: #006650;} .shopMap-list::-webkit-scrollbar-track {background: #eee;} .shopMap-item{height: 25%;flex-direction: column;justify-content: center; border-bottom: 1px solid #ddd;padding:0 25px;} .shopMap-item:last-child{border-bottom: unset;} .shopMap-item .text{margin-top: 15px;} .shopMap-item .text i{font-style: normal;width: 13px;height: 17px;background:url('../images/pages/shopMap-show-icon.png') no-repeat center/100% auto;transition: all .4s ease;display: inline-block;margin-right: 8px;} .shopMap-item .text p{flex: 1;margin-top: -4px;} .shopMap-item.active{background: #006650;} .shopMap-item.active .title,.shopMap-item.active .text{color: #fff;} .shopMap-item.active .text i{background-image: url('../images/pages/shopMap-show-iconH.png');} .shopMap-item:hover .title{color: #006650;} .shopMap-item.active:hover .title{color: #fff;} .shopPopup{display: none; position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .7);z-index: 99999;} .shopPopup-swp{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 55%;} .shopPopup-swp .swiper-slide{display: flex;align-items: center;justify-content: center;} .shopPopup-swp .swiper-slide img{max-height: 630px;} .shopPopup-btn{cursor: pointer; width: 60px;height: 60px;border-radius: 50%;border: 2px solid #fff;position: absolute;right: -130px;top: 50%;transform: translateY(-50%);} .shopPopup-btn img{width: 50%;} .shopPopup-prev{right: auto;left: -130px;} .shopPopup-btn:hover{background: rgba(255, 255, 255, .3);border-color: rgba(255, 255, 255, .2);} /* 工程案例 */ .gcIntro{background: url('../images/pages/gcIntro-bg.jpg') no-repeat center/cover;} .gcIntro-text::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 80px;height: 3px;background: #d9a674;} .gcIntro-logo .logo1{padding-right: 50px;border-right: 1px solid #006650;} .gcIntro-logo .logo2{padding-left: 50px;} .gcIntro-book img{width: 27%;} .gcIntro-book img:nth-child(2){margin-left: 20px;} .gcTitle{display: flex;justify-content: center;} .gcTitle p{position: relative;} .gcTitle p::after,.gcTitle p::before{content: "“";font-size: 80px;line-height: 1;color: #f1f2f3;position: absolute;left: -90px;top: -10px;} .gcTitle p::after{left: auto;right: -90px;bottom: -50px;top: auto;content: "”";display: flex;} .gcHZ-text{width: 80%;margin: 50px auto 0;} .gcHZ-nav-item{margin-left: 90px;padding-bottom: 12px;} .gcHZ-nav-item:first-child{margin-left: 0;} .gcHZ-nav-item::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 2px;background: #006650;transition: all .4s ease;} .gcHZ-nav-item:hover,.gcHZ-nav-item.active{color: #006650;} .gcHZ-nav-item.active::after{width: 100%;} .gcHZ-logo{display: none;} .gcHZ-logo:first-child{display: block;} .gcHZ-logo ul{margin-left: -20px;} .gcHZ-logo li{margin: 20px 0 0 20px;display: flex;align-items: center;justify-content: center;transition: all .4s ease; box-shadow: 0px 0px 16px 0px rgba(72, 86, 119, 0.1);border-radius: 5px;width: calc(20% - 20px);height: 94px;} .gcHZ-logo li img{max-width: 70%;max-height: 80%;} .gcHZ-logo li:hover{transform: translateY(-10px);} .gcTeam{background: #f1f2f3;} .gcTeam-nav-item{margin-left: 60px;height: 60px;background: #fff;border-radius: 40px;width: 27%;} .gcTeam-nav-item:first-child{margin-left: 0;} .gcTeam-nav-item.active{background: #006650;color: #fff;} .gcTeam-nav-item:hover{color: #006650;} .gcTeam-nav-item.active:hover{color: #fff;} .gcTeam-img{display: none;} .gcTeam-img:first-child{display: block;} .gcTeam-img ul{margin-left: -40px;} .gcTeam-img li{margin: 40px 0 0 40px;width: calc((100% / 3) - 40px);} .gcTeam-img li img{width: 100%;height: 300px;} .gongcheng .shopList{background: #fff;} /* 家装案例 */ .homeCase-intro-con{padding-left: 250px;width: 50%;} .homeCase-intro-text{display: inline-block;border-bottom: 1px solid #ddd;} .homeCase-intro-img{width: 50%;} .homeCase-intro-img img{width: 100%;height: 100%;} /* 加盟合作 */ .jmYS{background: url('../images/pages/jmYS-bg.jpg') no-repeat center/cover;} .jmYS-con{width: 31%;margin: 70px auto 0;} .jmYS-con img{width: 100%;} .jmYS-con .logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40%;} .jmYS-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;} .jmYS-list li{position: absolute;text-align: right;width: 390px;} .jmYS-list li::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);background: #006650;border-radius: 50%;width: 14px;height: 14px;} .jmYS-list .page{line-height: 1;height: 30px;overflow: hidden;} .jmYS-list .title{line-height: 1.3;} .jmYS-list .text{margin-top: 5px;} .jmYS-list li:nth-child(n+5){text-align: left;} .jmYS-list li:nth-child(1){right: 90%;top: 0%;} .jmYS-list li:nth-child(2){right: 101.5%;top: 25%;} .jmYS-list li:nth-child(3){right: 101.5%;top: 60%;} .jmYS-list li:nth-child(4){right: 84%;top: 86%;width: 440px;} .jmYS-list li:nth-child(5){left: 90%;top: 0%;} .jmYS-list li:nth-child(6){left: 101.5%;top: 25%;} .jmYS-list li:nth-child(7){left: 101.5%;top: 60%;} .jmYS-list li:nth-child(8){left: 84%;top: 86%;} .jmYS-list li:nth-child(1)::after{right: -80px;} .jmYS-list li:nth-child(2)::after{right: -30px;} .jmYS-list li:nth-child(3)::after{right: -40px;} .jmYS-list li:nth-child(4)::after{right: -80px;} .jmYS-list li:nth-child(5)::after{left: -80px;} .jmYS-list li:nth-child(6)::after{left: -30px;} .jmYS-list li:nth-child(7)::after{left : -40px;} .jmYS-list li:nth-child(8)::after{left: -80px;} .jmZC-list{margin-left: -20px;} .jmZC-list li{margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);overflow: hidden;position: relative;} .jmZC-img img{width: 100%;height: 320px;} .jmZC-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 100%);} .jmZC-show{position: absolute;left: 0;bottom: 25px;width: 100%;transition: all .6s ease;} .jmZC-hide{opacity: 0; transform: translateY(100%); z-index: 2;transition: all .6s ease; position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;padding: 0 35px;background: rgba(217, 166, 116, .9);} .jmZC-hide-text{margin-top: 15px;} .jmZC-list li:hover .jmZC-show{transform: translateY(100%);opacity: 0;} .jmZC-list li:hover .jmZC-hide{transform: translateY(0);opacity: 1;} .jm-process{background: #f1f2f3;} .jmProc-list{justify-content: space-between;} .jmProc-list::after{content: "";position: absolute;left: 50%;top: 40px;width: 85%;height: 1px;background: #dddddd;transform: translateX(-50%);} .jmProc-list li{z-index: 2;position: relative;display: flex;flex-direction: column;align-items: center;width: 180px;} .jmProc-list li:last-child .jmProc-icon::before{display: none;} .jmProc-icon{position: relative;z-index: 2;background: transparent;} .jmProc-icon-img{display: flex;align-items: center;justify-content: center; transition: all .4s ease; width: 80px;height: 80px;border-radius: 50%;position: relative;z-index: 2;background: #006650;} .jmProc-icon::after{transition: all .4s ease; content: "";z-index: -1;background: #f1f2f3; position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);width: 120%;height: 120%;border-radius: 50%;border: 1px dashed #006650;} .jmProc-icon::before{content: "";position: absolute;right: -70px;top: calc(50% - 5px);width: 8px;height: 6px;border: 6px solid transparent;border-left-color: #006650;} .jmProc-title{line-height: 1.3;height: 41px;text-align: center;margin-top: 25px;} .jmProc-page{color: #d9a674;} .jmTable-text span{color: #006650;font-size: 22px;font-weight: 500;} .jmTable-con{justify-content: space-between;} .jmTable-con input,.jmTable-con textarea,.jmTable-menu,.jmTable-drop li{border: 1px solid #999;font-size: 16px;padding-left: 28px;} .jmTable-con input,.jmTable-menu,.jmTable-drop li{height: 62px;} .jmTable-con input::-webkit-input-placeholder{font-size: 16px;color: #666;} .jmTable-con textarea::-webkit-input-placeholder{font-size: 16px;color: #666;} .jmTable-menu{padding-right: 20px;align-items: center;justify-content: space-between;cursor: pointer;user-select: none;} .jmTable-menu::after{content: "\e61f";font-family: "icon";display: inline-block;} .jmTable-drop{display: none;max-height: 373px;overflow-y: auto; cursor: pointer; position: absolute ;background: #fff; left: 0;top: 100%;width: 100%;z-index: 20;background: #fff;border: 1px solid #999;border-top: unset;} .jmTable-drop::-webkit-scrollbar {width: 3px;} .jmTable-drop::-webkit-scrollbar-thumb {background: #006650;} .jmTable-drop::-webkit-scrollbar-track {background: #f1f1f1;} .jmTable-drop li{transition: all .4s ease;border: unset;border-top: 1px solid #999;display: flex;align-items: center;} .jmTable-drop li:first-child{border-top: unset;} .jmTable-drop li:hover{background: #eee;} .jmTable-select,.jmTable-con input,.jmTable-con textarea{margin-top: 20px;} .jmTable-select,.jmTable-con input{width: 31%;} .jmTable-con textarea{height: 180px;padding-top: 20px;width: 100%;} .jmTable-con button{width: 260px;height: 62px;cursor: pointer;} .jmTable-con button:hover{background: #037d63;} /* 下载专区-登录 */ .login{background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;width: 100vw;height: 100vh;} .login-con{position: absolute;overflow: hidden; left: 50%;top: 50%;transform: translate(-50%,-50%);width: 48%;background: #fff;border-radius: 5px;box-shadow: -7.602px 24.864px 18px 0px rgba(0, 0, 0, 0.3);} .login-img{width: 57%;} .login-img img{width: 100%;height: 100%;} .login-text{width: 43%;padding-left: 5%;padding-right: 5%;} .login-logo img{width: 70%;} .login-input{height: 50px;border-radius: 5px;overflow: hidden;background: #f0f0f0;} .login-icon{width: 60px;height: 100%;} .login-input input{width: calc(100% - 60px);height: 100%;background: transparent;font-size: 16px;color: #666;} .login-input input::-webkit-input-placeholder{font-size: 16px;color: #666;} .login-link{text-align: right;} .login-link a:hover{text-decoration: underline;color: #006650;} .login-btn{width: 100%;height: 50px;border-radius: 5px;letter-spacing: 1px;cursor: pointer;user-select: none;transition: all .4s ease;} .login-btn:hover{background: #027b61;} /* 下载专区 */ .down-search{width: 50%;height: 60px;border: 1px solid #ccc;position: relative;margin: 0 auto;display: flex;} .downSear-icon{width: 50px;height: 100%;align-items: center;padding-right: 10px;justify-content: flex-end;} .downSear-icon::before{color: #333;} .down-search input{width: calc(100% - 50px);padding-right: 120px;height: 100%;background: transparent;font-size: 16px;color: #999;} .down-search input::-webkit-input-placeholder{font-size: 16px;color: #999;} .downSear-btn{position: absolute;right: 0;top: 0;width: 120px;height: 100%;cursor: pointer;} .downSear-btn:hover{background: #02755c;} .downNav{padding: 0 30px;overflow-x: auto;background: #f1f2f3;flex-wrap: nowrap;} .downNav::-webkit-scrollbar {height: 3px;} .downNav::-webkit-scrollbar-thumb {background: #006650;} .downNav::-webkit-scrollbar-track {background: #f1f1f1;} .downNav-item{position: relative;white-space: nowrap;padding: 0 45px;height: 58px;flex: 1;} .downNav-item::after{transition: all .4s ease; content: "";position: absolute;left: 50%;top: 0;width: 0;height: 2px;transform: translateX(-50%);background: #006650;} .downNav-item:hover{color: #006650;} .downNav-item.active{background: #fff;color: #006650;} .downNav-item.active::after{width: 100%;} .downList{cursor: pointer;user-select: none;} .downList-menu{justify-content: space-between;align-items: center;padding: 0 20px;border-bottom: 1px solid #ddd;height: 92px;} .downList-menu p{padding-left: 40px;position: relative;} .downList-menu p::after{content: "";width: 28px;height: 25px;background: url('../images/pages/down-menu.png') no-repeat center/100% auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .downList-menu i{display: flex;align-items: center;justify-content: center;font-style:normal;width: 32px;height: 32px;border: 1px solid #006650;transition: all .4s ease;font-size: 14px;} .downList-menu i::after{content: "\e61f";font-family: "icon";display: inline-block;color: #006650;transition: all .4s ease;} .downList-drop{display: none; padding: 40px 60px;background: #f1f2f3;} .downList-item{justify-content: space-between;align-items: center;} .downList-item:first-child{margin-top: 0;} .downList-left{align-items: center;} .downList-left i{width: 20px;border: 2px solid #cdcdcd; height: 20px;transition: all .4s ease;white-space: normal;display: flex;align-items: center;justify-content: center; margin-right: 22px;} .downList-left i::after{content: "";opacity: 0; width: 13px;height: 11px;display: inline-block;background: url('../images/pages/down-item.png') no-repeat center/100% auto;} .downList-left .text{align-items: center;} .downList-left .text img{width: 20px;display: inline-block;margin-right: 10px;} /* 三级 */ .downList-drop-con .downList-menu{height: 70px;padding: 0;} .downList-drop-con .downList-menu p::after{width: 20px;height: 18px;} .downList-drop-con .downList-menu i{width: 24px;height: 24px;font-size: 12px;} .downList-drop-con .downList-drop-link{display: none;} .downList-drop-con .downList-item{padding: 0 15px;} .downList-drop-con .downList-left i{border-width: 1px;width: 14px;height: 14px;margin-right: 15px;} .downList-drop-con .downList-left .text img{margin-right: 6px;width: 15px;} .downList-menu:hover p{color: #006650;} .downList-menu.active{border-color: transparent;} .downList-menu.active i::after{transform: rotate(180deg);} .downList-item.active .downList-left i{border-color: #006650;background: #006650;} .downList-item.active .downList-left i::after{opacity: 1;} .downList-item:hover .downList-left .text{color: #006650;} .down-btn{width: 200px;height: 54px;margin: 40px auto 0;user-select: none;cursor: pointer;transition: all .4s ease;} .down-btn::before{display: inline-block;color: #fff;margin-right: 9px;font-size: 22px;} .down-btn:hover{background: #027b61;} /* 交互服务 */ .serIntro-slide{padding: 20px;} .serIntro-img{width: 50%;} .serIntro-img img{width: 100%;height: 100%;} .serIntro-con{width: 50%;box-shadow: 0 0 20px rgba(0, 0, 0, .1);padding: 120px 90px;position: relative;} .serIntro-page{color: transparent;font-family: 'Montserrat';-webkit-text-stroke: #ddd 1px; line-height: .8; position: absolute;right: 40px;top: 40px;z-index: 2;} .serIntro-text p{position: relative;padding-left: 30px;margin-top: 20px;} .serIntro-text p::after{content: "";position: absolute;left: 0;top: 10px;width: 10px;height: 10px;border-radius: 50%;background: #006650;} .serIntro-pagination{position: absolute;right: 80px;bottom: 40px;z-index: 2;} .serIntro-pagination .swiper-pagination-bullet{background: #e4e4e4;width: 8px;height: 8px;border-radius: 50%;opacity: 1;margin: 0 6px;} .serIntro-pagination .swiper-pagination-bullet-active{background: #d9a674;} .serProc-line{width: calc(100% - 180px);height: 120px;border: 1px solid #cccccc;position: absolute;left: 50%;top: 50%;transform: translateX(-50%);} .serProc-line::before{content: "";width: 6px;height: 7px;border: 6px solid transparent;border-right-color: #006650;position: absolute;left: 50%;bottom: 0; transform: translate(-50%,50%);} .serProc-list ul{justify-content: space-between;position: relative;z-index: 2;} .serProc-list li{width: 180px;height: 180px;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;} .serProc-list li p{position: relative;z-index: 2;line-height: 1.5;} .serProc-list li::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;border-radius: 50%;background:#fff url('../images/pages/serProc-bg1.png') no-repeat center/100% auto;} .serProc-list li::before{content: "";width: 6px;height: 7px;border: 6px solid transparent;border-left-color: #006650;position: absolute;right: -45px;top: 50%;transform: translateY(-50%);} .serProc-list li:last-child::before{display: none;} .serProc-list li:nth-child(2)::after{background-image: url('../images/pages/serProc-bg2.png');} .serProc-list li:nth-child(3)::after{background-image: url('../images/pages/serProc-bg3.png');} .serProc-list li:nth-child(4)::after{background-image: url('../images/pages/serProc-bg4.png');} .serProc-list li:nth-child(5)::after{background-image: url('../images/pages/serProc-bg5.png');} .serAfter{background: #f8f9fb;} .serAfter-img img{width: 100%;} /* */ .serYS{background: url('../images/pages/serYS-bg.jpg') no-repeat center/cover;padding: 210px 0 150px;} .serYS-con{width: 420px;height: 420px;margin: 0 auto;} .serYS-circle-bg img{width: 100%;} .serYS-circle-svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;} .serYS-circle svg{ fill: none;stroke:#fff;stroke-width:2; stroke-dasharray:420,420;stroke-dashoffset:420;animation: svgRun 4s .05s linear infinite;width: 100%;height: 100%;} @keyframes svgRun{0%{stroke-dashoffset:420;}50%{stroke-dashoffset:0;}100%{stroke-dashoffset:-420;}} .serYS-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .serYS-list li{position: absolute;display: flex;flex-direction: column-reverse;max-width: unset;width: 250px;align-items: center;} .serYS-dot{width: 8px;height: 8px;border-radius: 50%;position: relative;margin-top: 40px;background: #fff;} .serYS-dot::after{content: "";position: absolute;left: 50%;top: 50%;width: 50px;height: 50px;border-radius: 50%;border: 2px solid #fff;transition: all .4s ease;transform: translate(-50%,-50%) scale(0);} .serYS-item{display: flex;align-items: center;} .serYS-text{margin-left: 15px;color: #fff;white-space: nowrap;} .serYS-list li:nth-child(1){left: calc(50% + 9px);top: -27.5%;transform: translateX(-50%);} .serYS-list li:nth-child(2){flex-direction: row;left: 91%;top: 68%;} .serYS-list li:nth-child(2) .serYS-dot{margin-top: 0;margin-right: 40px;} .serYS-list li:nth-child(3){flex-direction: row-reverse;right: 93%;top: 65%;} .serYS-list li:nth-child(3) .serYS-dot{margin-top: 0;margin-left: 40px;} .serYS-list li.active .serYS-dot::after{transform: translate(-50%,-50%) scale(1);} .serYS-title{flex-direction: column;white-space: nowrap;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} /* -------------------------PC端--------------------------- */ /* -------------------------2k端--------------------------- */ @media all and (min-width:2000px) and (max-width:3000px) { .houseJG-swp-con{padding-left: 22.5%;} } @media all and (max-width:1700px) { /* 1600 × (900) */ } @media all and (max-width:1590px) { /* 1440 × (700) */ .pagesBan-bg img{height: 450px;} .news-img img{height: 210px;} .newsNav-year a{margin-left: 45px;} .pagesNav-item{margin-left: 100px;} .newsDet-hot-img img{height: 220px;} .newsDet-hot-con{padding: 30px;min-height: 184px;} .newsDet-hot-item{padding-bottom: 184px;} .abPosi-slide{height: 700px;} .abDev-swp .thumbs-year.active{font-size: 28px;} .abYS .indcp-loop .swiper-slide{width: 150px;} .abYS .indcp-loop .swiper-slide.active{width: calc(100% - 150px*3 - 20px*4);} .abHonor-swp-box {padding-left: 110px;} .abHonor-img{height: 230px;} .houseJG-swp-con{padding: 80px 6% 80px 120px;} .houseJG-list{padding: 200px 0;} .houseShb-img img{height: 480px;} .video-img>img{height: 250px;} .video-list{margin-left: -20px;} .video-list li{margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);} .video-text{height: 70px;} .abSM-title-en{font-size: 120px;} .abSM-text{padding-left: 40px;height: 140px;} .abSM-text .page{right: 20px;} .joinCont-con {padding: 80px 80px 80px;} .contCode-map{height: 700px;} .joinZpgw-popup{padding: 45px 70px 70px;} .proList-img img{height: 170px;} .proScreen-drop{padding-left: 30px;} .proScreen-drop a i{margin-right: 6px;} .proList.nav2 .proList-img img{height: 300px;} .proList.nav2 .proItem{margin-top: 40px;} .proDet-swp img{height: 550px;} .shopMap-show{width: calc(70% - 10px);height: 500px;} .shopMap-list{width: 30%;height: 500px;} .shopList-img-bg img{height: 250px;} .gcTeam-img li img{height: 250px;} .homeCase-intro-con{padding-left: 120px;} .jmYS-list li:nth-child(1),.jmYS-list li:nth-child(5){top: -5%;} .jmYS-list li:nth-child(2) {right: 104%;top: 24%;} .jmYS-list li:nth-child(3) {right: 103%;top: 58%;} .jmYS-list li:nth-child(4) {right: 88%;top: 84%;} .jmYS-list li:nth-child(6) {left: 103%;top: 23%;} .jmYS-list li:nth-child(7) {left: 104%;top: 52%;} .jmYS-list li:nth-child(8) {left: 87%;top: 85%;} .jmZC-img img{height: 290px;} .login-con{width: 55%;} .downNav-item{padding: 0 30px;} .serIntro-con{padding: 90px 70px;} .serIntro-text p{padding-left: 25px;margin-top: 15px;} .serProc-list li{width: 160px;height: 160px;} .serProc-list li::before{right: -35px;} .serProc-line{width: calc(100% - 160px);} .serYS-list li:nth-child(1){top: -24.5%;} .serYS-list li:nth-child(2){top: 70%;} .serYS-list li:nth-child(3){right: 93.5%;} .jmProc-list li{width: 150px;} .dzShow-swp img,.dzShow-data{height: 460px;} .shopPopup-swp .swiper-slide img{max-height: 470px;} } @media all and (max-width:1430px) { /* 1360 */ } @media all and (max-width:1350px) { /* 1280 */ } @media all and (max-width:1270px) { /* 1152 × (700) */ .news-img img{height: 190px;} .newsNav-year a{margin-left: 35px;width: 64px;height: 32px;} .newsNav-month a.active .text{font-size: 20px;} .news-item{padding: 30px 0;} .pagesNav-item{margin-left: 80px;} .newsDet-hot-img img{height: 190px;} .newsDet-hot-item{padding-bottom: 154px;} .newsDet-hot-con{min-height: 154px;padding: 20px;} .abPosi-slide{height: 560px;} .abPosi-icon{width: 65px;} .abPosi-text{width: 85%;} .abYS .indcp-loop .swiper-slide{width: 120px;} .abYS .indcp-loop .swiper-slide.active{width: calc(100% - 120px*3 - 20px*4);} .abLN-icon{padding-right: 25px;} .abLN-icon img{height: 30px;} .abLN-icon::after{right: 10px;} .abLN-logo{margin-top: 40px;} .abLN-logo img{width: 150px;} .houseIntro-btn{width: 45px;height: 45px;} .houseIntro-prev{left: -70px;} .houseIntro-next{right: -70px;} .houseJG-swp-con {padding: 60px 6% 60px 100px;} .houseJG-icon-img{width: 90px;height: 90px;} .houseJG-icon-img img{max-width: 40%;} .houseJG-icon-title, .houseJG-icon-text{width: 330px;} .houseJG-icon li:nth-child(1) {left: 17%;top: -58%;} .houseJG-icon li:nth-child(2) {left: 52%;top: -59%;} .houseShb-img img{height: 400px;} .houseShb-text .text{margin-top: 10px;} .houseShb-logo li{height: 70px;} .video-img>img{height: 220px;} .proShow .indcp-loop .swiper-slide{width: 90px;} .proShow .indcp-loop.nav3 .swiper-slide{width: 90px;} .proShow .indcp-loop.nav4 .swiper-slide{width: 90px;} .proShow .indcp-loop.nav5 .swiper-slide{width: 90px;} .proShow .indcp-loop.nav6 .swiper-slide{width: 90px;} .proShow .indcp-loop .swiper-slide.active{width: calc(100% - 90px*6 - 2px*7);} .proShow .indcp-loop.nav3 .swiper-slide.active{width: calc(100% - 90px*2 - 2px*3);} .proShow .indcp-loop.nav4 .swiper-slide.active{width: calc(100% - 90px*3 - 2px*4);} .proShow .indcp-loop.nav5 .swiper-slide.active{width: calc(100% - 90px*4 - 2px*5);} .proShow .indcp-loop.nav6 .swiper-slide.active{width: calc(100% - 90px*5 - 2px*6);} .proList.nav2 .proList-img img{height: 250px;} .proDet-swp img{height: 440px;} .proDet-date-list{margin-top: 40px;width: 900px;} .proDet-date-item{width: 45%;font-size: 18px;} .proDet-date-list li{padding: 0 25px;height: 80px;} .proDet-date-item h4{padding-left: 22px;} .proDet-date-item h4::after{width: 8px;height: 8px;} .proDet-date-item p{padding-left: 15px;} .dzShow-swp{width: 55%;} .dzShow-data{width: 45%;} .gcHZ-logo li{height: 74px;} .gcHZ-nav-item{margin-left: 60px;} .gcTeam-nav-item{margin-left: 40px;height: 54px;} .gcTeam-img li img{height: 210px;} .homeCase-intro-con{padding-left: 90px;} .jmYS-list li{width: 300px;} .jmYS-list li:nth-child(4){width: 350px;} .jmYS-con{width: 37%;} .jmZC-hide{padding: 0 15px;} .jmZC-img img{height: 270px;} .jmProc-icon-img{width: 60px;height: 60px;} .jmProc-icon-img img{max-width: 50%;max-height: 50%;} .jmProc-title{margin-top: 20px;} .serIntro-page{top: 25px;right: 25px;} .serIntro-con {padding: 70px 50px;} .serIntro-pagination{right: 40px;bottom: 30px;} .serProc-list li{width: 140px;height: 140px;} .serProc-line{width: calc(100% - 140px);height: 100px;} .jmProc-list li{width: 130px;} .jmProc-title{font-size: 13px;} .pagesBan-bg img{height: 350px;} .vrMore-btn {margin-left: 24px;width: 220px;height: 56px;} } @media all and (max-width:1140px) { /* 1024 */ } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ .pagesBan-bg img{height: 300px;} .pagesNav{overflow-x: auto;} .pagesNav .contain{flex-wrap: nowrap;justify-content: flex-start;padding: 0 4%;} .pagesNav-item{margin-left: 30px;white-space: nowrap;height: 60px;} .pagesNav-item::after{bottom: 0;} .newsNav-year a{margin-left: 15px;width: 58px;height: 30px;} .newsNav-month-box{overflow-x: auto;padding-bottom: 8px;} .newsNav-month{padding: 0 15px;justify-content: flex-start;width: 100%;flex-wrap: nowrap;} .newsNav-month a{margin-left: 25px;white-space: nowrap;} .newsNav-month a:first-child{margin-left: 0;} .newsNav-month .dot{width: 12px;height: 12px;margin-top: 10px;} .newsNav-month a.active .text{font-size: 18px;} .newsNav-month .text{height: 26px;} .newsNav-month .dot::before{border: 2px solid #daa877;} .newsNav-month::after{bottom: 6px;} .news-item{padding: 25px 0;} .news-img{width: 100%;order: 1;} .news-img img{height: 200px;} .news-date{order: 2;width: 100%;margin-top: 25px;text-align: center;} .news-date .year{font-size: 24px;} .news-date .day{font-size: 16px;} .news-text{order: 3;width: 100%;margin-top: 15px;padding-right: 0;display: flex;flex-wrap: wrap;} .news-text .more{margin: 25px auto 0;display: block;width: auto;} .newsDet-btn .btn{margin-left: 30px;} .newsDet-btn .btn-icon{margin-right: 0;} .newsDet-btn .btn-icon img{max-width: 50%;max-height: 50%;} .newsDet-btn .text{font-size: 13px;display: none;} .newsDet-hot-item{width: 100%;border-radius: 5px;margin: 15px 0 0;} .newsDet-hot-con .text{height: auto;} .abIntro .pagesTitle{width: 100%;} .abIntro-text{width: 100%;margin-top: 20px;} .pagesTitle .title-en{margin-top: 5px;font-size: 15px;} .abDev-swp .thumbs-prev,.abDev-swp .thumbs-next{display: none;} .abDev-swp .thumbs{padding: 0;} .abDev-swp .thumbs-year.active{font-size: 20px;} .abDev-swp .thumbs-year::after{height: 12px;margin-top: 10px;} .abYS .indcp-loop .swiper-slide{margin-left: 0;width: 100%;} .abYS .indcp-loop .swiper-wrapper{margin-left: 0;} .abYS .indcp-items::before{display: block;} .abYS .indcp-items::after{display: none;} .abLN-logo img{width: 130px;} .abLN-list{flex-wrap: nowrap;overflow-x: auto;} .abLN-list li{flex-wrap: nowrap;white-space: nowrap;margin-left: 20px;} .abLN-list li:first-child{margin-left: 0;} .abLN-icon{width: 45px;} .abLN-icon img{height: auto;max-width: 100%;max-height: 30px;} .abHonor-btn li{margin-left: 30px;padding-bottom: 7px;} .abHonor-swp-box{padding-left: 4%;} .abHonor-text{margin-top: 20px;} .houseIntro-num{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;} .houseIntro-num li{width: 150px !important;padding: 0 30px;} .houseIntro-num .num{flex-wrap: nowrap;} .houseIntro-num li:nth-child(1){padding-left: 0;} .houseIntro-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 4px;} .houseIntro-swp-img img{height: 220px;} .houseJG-swp-con{width: 100%;padding: 30px 4% 60px;} .houseJG-swp-img{width: 100%;} .houseJG-slide{flex-direction: column-reverse;} .houseJG-pagination{right: 50%;transform: translateX(50%);bottom: 10px;} .houseJG-list-bg{display: none;} .houseJG-icon{position: relative;} .houseJG-list{padding: 20px 0 40px;} .houseJG-list .contain{padding: 0;} .houseJG-icon li{position: relative;left: auto !important;top: auto !important;bottom: auto !important;right: auto !important;margin-top: 25px;} .houseJG-icon li:nth-child(-n+2) .houseJG-icon-img,.houseJG-icon li:nth-child(-n+2) .houseJG-icon-title,.houseJG-icon li:nth-child(-n+2) .houseJG-icon-text{order: unset;} .houseJG-icon-title,.houseJG-icon-text{width: 100%;margin-top: 10px !important;} .houseShb-img{width: 100%;} .houseShb-img img{height: 150px;} .houseShb-list{width: 100%;} .houseShb-list li{height: 90px;padding-left: 15px;} .houseShb-list-box::before{width: 12px;height: 12px;border: 1px solid #006650;} .houseShb-text{padding: 0 10px;} .houseShb-logo{margin-left: 0;justify-content: space-between;} .houseShb-logo li{height: 54px;width: 32%;margin: 10px 0 0;} /* .houseBook-img{height: 350px;padding: 30px 20px;} */ .houseIntro-btn{display: none;} .houseBook-pagination{display: block;} .houseBook-pagination .swiper-pagination-bullet{width: 7px;height: 7px;opacity: 1;margin: 0 4px;background: #e4e4e4;} .houseBook-pagination .swiper-pagination-bullet-active{background: #d9a674;} .video-list{margin-left: 0;} .video-list li{width: 100%;margin: 15px 0 0;} .video-text{height: 60px;} .video-btn{width: 48px;} .abSM-page{left: 18%;} .abSM-pagination{right: 21%;} .abSM-text{padding-left: 25px;height: 160px;} .abSM-text .page{right: 10px;transform: translateY(0);top: 10px;font-size: 45px;} .abSM-text .text{margin-top: 15px;} .abSM-title-en{font-size: 100px;} .abSM-swp{padding: 0 4%;} .abSM-page{display: none;} .abSM-pagination{position: relative;right: auto;top: auto;text-align: center;margin-top: 20px;width: 100%;flex-direction: row;justify-content: center;} .abSM-pagination .swiper-pagination-bullet{margin: 0 4px !important;width: 10px;height: 10px;border: 1px solid #dfdfdf;} .abSM-text{width: 100%;box-shadow: unset;height: 120px;transform: unset;background: #f7f7f7;position: relative;} .joinZpgw-list li{width: 100%;padding: 0 15px;margin-top: 15px;height: 54px;} .joinZpgw-list i{width: 14px;} .joinZpgw-list i::after{height: 14px;} .contCode-map{width: 100%;height: 350px;} .joinCont-con{width: 100%;padding: 40px 4%;} .map-img img{width: 130px;} .map-info{width: 320px;padding: 20px 10px;} .proSearch input{width: calc(100% - 30px);font-size: 14px;height: 50px;} .proSearch input::-webkit-input-placeholder{font-size: 14px;} .proSearch-icon{width: 30px;font-size: 15px;height: 50px;} .proList{margin-left: 0;} .proItem{width: 100%;margin: 15px 0 0;} .proList-text{height: 60px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);} .proShow{padding-top: 0;} .proScreen li{white-space: nowrap;overflow-x: auto;} .proScreen-drop{flex: unset;flex-wrap: nowrap;white-space: nowrap;} .proScreen-drop a i{width: 12px;height: 12px;margin-bottom: 2px;} .proList.nav2 .proItem{margin: 15px 0 0;width: 100%;} .proList.nav2 .proList-img img{height: 190px;} .proList.nav2 .proList-label{padding: 8px 13px;} .proDet-swp img{height: 160px;} .proDet-pagination{bottom: 5px;} .proDet-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 5px;} .proDet-date-list{width: 100%;margin-top: 25px;} .proDet-date-list li{height: auto;padding: 15px;flex-wrap: wrap;border-width: 1px !important;} .proDet-date-item{width: 100%;font-size: 15px;margin-top: 15px;} .proDet-date-item:first-child{margin-top: 0;} .proDet-date-item h4{padding-left: 18px;} .proDet-date-item h4::after{width: 6px;height: 6px;} .proDet-date-item p{padding-left: 12px;} .proDet-file .file img{margin-top: 20px;} .dzShow-swp{width: 100%;} .dzShow-swp img{min-height: unset;height: 200px;} .dzShow-btn{width: 34px;height: 34px;} .dzShow-btn::after{width: 14px;height: 4px;} .dzShow-next{right: 15px;} .dzShow-prev{left: 15px;} .dzShow-data{width: 100%;padding-left: 0;margin-top: 30px;max-height: 400px;height: auto;} .vrIntro-list{padding: 0;} .vrIntro-list .title{font-size: 20px;} .vrIntro-list .text{padding-bottom: 10px;} .vrIntro-list .text::after{width: 15px;height: 1px;} .vrIntro-btn{width: 40px;height: 40px;} .vrIntro-btn img{width: 50%;} .vrIntro-next{right: 15px;} .vrIntro-prev{left: 15px;} .vrMore-link{padding:0 4%;flex-direction:column;align-items:center;} .vrMore-btn{width: 240px;height: 44px;margin:8px 0 0;} .vrMore-btn:first-child{margin-top:0} .vrMore-btn:hover:after{height:520%;} /*.vrMore-btn p{padding-right: 25px;}*/ /*.vrMore-btn p::after{width: 16px;height: 5px;}*/ .shopData-screen{margin-top: 5px;} .shopData-select, .shopData-search{width: 100%;margin: 15px 0 0;} .shopData-menu, .shopData-drop li, .shopData-search input, .shopData-btn{height: 50px;} .shopData-btn{font-size: 15px;} .shopData-menu{padding: 0 15px;} .shopData-search input{padding-left: 15px;font-size: 14px;} .shopData-search input::-webkit-input-placeholder{font-size: 14px;} .shopMap{flex-direction: column-reverse;} .shopMap-show{width: 100%;margin: 15px 0 0;height: 300px;} .shopMap-list{width: 100%;height: auto;overflow-y: visible;overflow-x: auto;flex-wrap: nowrap;display: flex;} .shopMap-item{height: auto;padding: 20px 25px;width: auto;white-space: nowrap;border-bottom: unset;border-left: 1px solid #ddd;} .shopMap-item:first-child{border-left: unset;} .shopMap-item .text{flex-wrap: nowrap;margin-top: 10px;} .shopMap-list::-webkit-scrollbar {width:0;} .shopMap-item .text p{margin-top: -1px;} .shopList-item{width: 100%;} .shopList-text{height: 60px;} .shopPopup-btn{display: none;} .shopPopup-swp{width: 90%;} .shopPopup-pagination{text-align: center;position: absolute;left: 0;width: 100%;bottom: 10px;z-index: 2;} .shopPopup-pagination .swiper-pagination-bullet{background: #fff;width: 7px;height: 7px;border-radius: 50%;opacity: 1;margin: 0 3px;} .shopPopup-pagination .swiper-pagination-bullet-active{background: #006650;} .gcIntro-text{padding-bottom: 15px;} .gcIntro-text::after{width: 50px;height: 2px;} .gcIntro-logo .logo1{padding-right: 25px;width: 60%;} .gcIntro-logo .logo2{padding-left: 25px;width: 30%;} .gcIntro-book img{width: 40%;} .gcIntro-book img:nth-child(2){margin-left: 10px;} .gcTitle p::after, .gcTitle p::before{font-size: 50px;} .gcTitle p::before{left: -55px;} .gcTitle p::after{right: -55px;bottom: -35px;} .gcHZ-text{width: 100%;margin-top: 20px;} .gcHZ-nav-item{margin-left: 20px;padding-bottom: 8px;} .gcHZ-logo ul{margin-left: 0;justify-content: space-between;} .gcHZ-logo ul::after{content: "";width: 32%;} .gcHZ-logo li{width: 32%;height: 54px;margin: 15px 0 0;box-shadow: 0px 0px 8px 0px rgba(72, 86, 119, 0.1);border-radius: 3px;} .gcTeam-nav{justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;} .gcTeam-nav-item{white-space: nowrap;width: 180px;padding: 0 30px;height: 44px;margin-left: 20px;} .gcTeam-img ul{margin-left: 0;} .gcTeam-img li{width: 100%;margin: 15px 0 0;} .homeCase-intro{flex-direction: column-reverse;padding-top: 20px;} .homeCase-intro-con{width: 100%;padding: 30px 4%;} .homeCase-intro-img{width: 94%;margin: 0 auto;} .homeCase-intro-text{display: block;} .jmYS-circle{display: none;} .jmYS-con{width: 100%;margin-top: 20px;} .jmYS-list{position: relative;padding: 0 4%;} .jmYS-list li{margin-top: 20px; position: relative;left: auto !important;top: auto !important;right: auto !important;bottom: auto !important;width: 100% !important;text-align: left !important;} .jmYS-list li::after{display: none;} .jmYS-list .page{height: auto;} .jmYS-list .title{font-size: 18px;margin-top: 10px;} .jmZC-list{margin-left: 0;} .jmZC-list li{margin: 15px 0 0 ;width: 100%;} .jmZC-show{display: none;} .jmZC-hide{opacity: 1;transform: translateY(0);} .jmProc-list::after{display: none;} .jmProc-list li{width: 32%;margin: 25px 0 0;} .jmProc-title{height: auto;font-size: 13px;} .jmProc-title br{display: none;} .jmProc-icon::before{right: -35px;} .jmProc-list li:nth-child(3n) .jmProc-icon::before{display: none;} .jmProc-page{display: none;} .jmTable-text span{font-size: 20px;} .jmTable-select, .jmTable-con input{width: 100%;} .jmTable-select, .jmTable-con input, .jmTable-con textarea{margin-top: 15px;} .jmTable-con input, .jmTable-menu, .jmTable-drop li{height: 54px;} .jmTable-con input, .jmTable-con textarea, .jmTable-menu, .jmTable-drop li{padding-left: 15px;font-size: 14px;} .jmTable-con input::-webkit-input-placeholder{font-size: 14px;} .jmTable-con textarea::-webkit-input-placeholder{font-size: 14px;} .jmTable-con button{width: 150px;height: 50px;margin: 25px auto 0;} .login-img{display: none;} .login-con{width: 80%;} .login-text{width: 100%;padding: 40px 20px;} .login-logo img{width: 65%;} .login-input,.login-btn{height: 45px;} .login-icon{width: 50px;} .login-icon img{width: 37%;} .login-input input{width: calc(100% - 50px);font-size: 14px;} .login-input input::-webkit-input-placeholder{font-size: 14px;} .downNav-box{width: 100%;overflow-x: auto;} .downNav{overflow: visible;padding: 0 15px;} .downNav-box::-webkit-scrollbar {height: 3px;} .downNav-box::-webkit-scrollbar-thumb {background: #006650;} .downNav-box::-webkit-scrollbar-track {background: #f1f1f1;} .downNav-item{padding: 0 15px;height: 50px;} .downNav-item::after{height: 1px;} .down-search{width: 100%;height: 50px;} .downSear-btn{width: 70px;} .downSear-icon{width: 40px;} .down-search input{width: calc(100% - 40px);padding-right: 70px;font-size: 14px;} .down-search input::-webkit-input-placeholder{font-size: 14px;} .downList-menu{padding: 0;height: 70px;} .downList-menu p{padding-left: 30px;} .downList-menu p::after{width: 20px;height: 18px;} .downList-menu p{font-size: 14px;} .downList-menu i{width: 26px;height: 26px;} .downList-menu i::after{font-size: 12px;} .downList-drop{padding: 20px;} .downList-left i{width: 12px;height: 12px;border-width: 1px;margin-right: 12px;} .downList-left i::after{width: 8px;height: 7px;} .downList-left .text img{width: 15px;} .downList-right,.downList-left{font-size: 13px;} .down-btn{width: 110px;height: 44px;margin-top: 25px;} .down-btn::before{font-size: 18px;margin-right: 5px;} .serIntro-img{width: 100%;} .serIntro-con{width: 100%;padding: 50px 15px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .serIntro-slide{padding: 10px;} .serIntro .contain{width: calc(92% + 20px);} .serIntro-page{right: 20px;top: 20px;} .serIntro-text{margin-top: 20px;} .serIntro-text p{padding-left: 20px;margin-top: 10px;} .serIntro-text p::after{width: 7px;height: 7px;} .serIntro-pagination{right: 20px;bottom: 25px;} .serIntro-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 4px;} .serProc-line{display: none;} .serProc-list li::before{right: -20px;width: 5px;height: 6px;border-width: 5px;border-left-color: #d9a674;} .serProc-list li:nth-child(3n):before{display: none;} .serProc-list ul::after{width: 100px;content: "";} .serProc-list li{margin-top: 15px;width: 100px;height: 100px;padding: 0 8px;} .serProc-list li br{display: none;} .serProc-list li p{font-size: 12px;} .serYS-con{width: 200px;height: 200px;} .serYS-icon{width: 30px;} .serYS-text{margin-left: 10px;font-size: 13px;line-height: 1.5;} .serYS-dot{width:3px;height: 3px;margin-top: 15px;} .serYS-dot::after{width: 20px;height: 20px;border-width: 1px;} .serYS-list li:nth-child(1){left: calc(50% + 5px);top: -27.5%;} .serYS-list li:nth-child(2){top: 57%;} .serYS-list li:nth-child(2) .serYS-item,.serYS-list li:nth-child(3) .serYS-item{flex-direction: column;} .serYS-list li:nth-child(2) .serYS-text,.serYS-list li:nth-child(3) .serYS-text{margin: 10px 0 0;} .serYS-list li:nth-child(2) .serYS-dot{margin-right: 15px;} .serYS-list li:nth-child(3) .serYS-dot{margin-left: 15px;} .serYS-list li:nth-child(3){right: 93.5%;top: 53%;} .serYS-title .title-icon{width: 40px;} .serYS-title .title{font-size: 18px;} .serYS-title .text{font-size: 15px;margin-top: 0;} .dzShow .pagesTitle .title::after{height: 2px;} .pagesTitle .title::after{width: 30px;} .houseJG-swp{width: 100%;} .houseJG-con{flex-direction: column-reverse;} .shopData-drop{max-height: 300px;} .jmTable-drop{max-height: 270px;} .abHonor-slide{padding: 25px 9%;} .abHonor-text{height: 44px;} .shopPopup-swp .swiper-slide img{max-height: 350px;} .joinZpgw-popup{width: 90%;padding: 30px 15px;} .joinZpgw-popup-close{right: 15px;top: 30px;font-size: 14px;} .downList-drop-con .downList-item{padding: 0 10px;margin-top: 10px;} .downList-drop-con .downList-item:first-child{margin-top: 0;} .downList-drop-con .downList-left i{border-width: 1px;width: 10px;height: 10px;margin-right: 5px;} .downList-drop-con .downList-menu p::after{width: 15px;height: 14px;} .downList-drop-con .downList-left .text img{margin-right: 4px;width: 10px;} .downList-drop-con .downList-menu p{font-size: 13px;padding-left: 24px;} .downList-drop-con .downList-menu i{width: 18px;height: 18px;} .downList-drop-con .downList-menu i::after{transform: scale(.8);} .downList-drop-con .downList-menu{height: 50px;} .downList-drop-con .downList-right{font-size: 12px;transform: scale(.8);} }