/* 招商加盟 */ .investment_main{margin-top: 90px;} /* 面包屑-黑色字体 */ #breadcrumb.txt_b .crumb{color: #333; opacity: 0.75;} #breadcrumb.txt_b .bread_swiper .slide:last-of-type .crumb{color: #333; opacity: 1;} #breadcrumb.txt_b .bread_swiper .slide:last-of-type .crumb::before{background-color: #333;} #breadcrumb.txt_b .icon .svg{fill: #000; opacity: 0.75;} #breadcrumb.txt_b .jt .svg{fill: #333; opacity: 0.75;} /* 页面滚动条样式 */ .scrollbar::-webkit-scrollbar, .scrollbar *::-webkit-scrollbar{width:5px; background:rgba(173,173,173,0.2); border-radius: 2px;} .scrollbar::-webkit-scrollbar-thumb, .scrollbar *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1); border-radius: 2px;} /* banner */ /* #investment_banner{ width: 100%; height: 870px;} */ #investment_banner{ width: 100%; height: calc(100vh - 90px);} #investment_banner .pic{width: 100%; height: 100%;} #investment_banner .pic picture{display: block; width: 100%; height: 100%; overflow: hidden;} #investment_banner .pic img{display: block; width: 100%; height: 100%; object-fit: cover;} #investment_banner .cont_text{height: max-content; top: 50%; transform: translateY(-50%); z-index: 1; } #investment_banner .cont_text .box{width: 40.58%;} #investment_banner .cont_text .text .title{font-size: 52px; line-height: 65px; color: var(--main); font-weight: 600;} #investment_banner .cont_text .text .brief{font-size: 16px; line-height: 30px; color: #333; margin-top: 30px;} #investment_banner .cont_text .text .more{margin-top: 52px; padding: 0 30px; width: max-content; height: 50px; font-size: 16px; color: #333; background-color: #fff;} #investment_banner .cont_text .text .more .btn_icon{margin-right: 20px;} #investment_banner .cont_text .text .more .btn_icon .svg{ width: 24px; height: 23px;} #investment_banner .cont_text .text .more .i1{display: inline-block;} #investment_banner .cont_text .text .more .i2{display: none;} #investment_banner .cont_text .text .more:hover{background-color: var(--main); color: #fff;} #investment_banner .cont_text .text .more:hover .i1{display: none;} #investment_banner .cont_text .text .more:hover .i2{display: block;} #investment_banner .breadcrumb{position: absolute; bottom: 3%; left: 0; z-index: 1;} #investment_banner.txt_b .cont_text .text{color: #333;} /* 品牌赋能 */ .investment_one{background-color: #fcfcfc;} #brand_empowerment{padding-top: 70px;} #brand_empowerment .dev_scale{margin-top: 50px; padding: 30px 0 60px; background-color: #fff;} #brand_empowerment .dev_scale .title{padding: 0 40px; font-size: 22px; line-height: 30px; color: #333; font-weight: 600;} #brand_empowerment .dev_scale .list{} #brand_empowerment .dev_scale .item{padding: 36px 30px 30px; width: 33.33%; border-right: 1px solid #eaeaea;} #brand_empowerment .dev_scale .item:last-child{border-right: 0;} #brand_empowerment .dev_scale .item .icon{margin: 0 auto; width: 70px; height: 65px;} #brand_empowerment .dev_scale .item .tit{margin-top: 30px; font-size: 30px; line-height: 44px; color: #333; font-weight: 600;} #brand_empowerment .dev_scale .item .brief{margin-top: 15px; font-size: 18px; line-height: 30px; color: #666;} #brand_empowerment .dev_swiper{width: 48.61%; margin: 40px 0 0; overflow: visible;} #brand_empowerment .slide .pic{width: 100%; height: 465px;} #brand_empowerment .slide .info{top: 6.452%; padding: 0 5.71%; width: 100%; height: max-content; z-index: 2;} #brand_empowerment .slide .info .name{font-size: 22px; line-height: 30px; color: #fff; font-weight: 600;} #brand_empowerment .swiper-pagination{display: none; z-index: 1; bottom: 0; justify-content: center; align-items: center; width: 100%; height: 3px;} #brand_empowerment .swiper-pagination .swiper-pagination-bullet{ margin: 0 10px; width: 30px; height: 3px; background-color: #d1d1d1; border-radius: 5px; opacity: 1; transition: 0.5s linear;} #brand_empowerment .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 60px; height: 3px; background-color: #333;} #brand_empowerment .tip{margin-top: 25px; font-size: 12px; line-height: 22px; color: #ccc;} /* 经销网络 */ @keyframes breathing { 0%{ transform: translate(-50%, -50%) scale(0); opacity: 0.05;} 50%{ transform: translate(-50%, -50%) scale(0.5); opacity: 0.02;} 100%{ transform: translate(-50%, -50%) scale(1); opacity: 0;} } #sales_network{max-width: 1920px; margin: 0 auto; padding: 90px 0; /*background: url(images/map1.png) no-repeat top 119% left -3%; background-size: 84.3% 121%;*/} #sales_network .top_brief{margin-top: 15px; font-size: 16px; line-height: 25px; color: #666;} #sales_network .box{margin-top: 25px;} #sales_network .map{width: 54.097%; margin: 0 auto} #sales_network .map_big{width: 100%; height: 668px;} #sales_network .map_big i{width: 8px; height: 8px; border-radius: 50%; background-color: var(--main); position: absolute; z-index: 2; } #sales_network .map_big i.sz span{content: ""; width: 150vmin; height: 150vmin; border-radius: 50%; background-color: var(--main); opacity: 0.2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;} #sales_network .map_big i.sz span:nth-child(1) { animation: breathing 9s linear 0s infinite;} #sales_network .map_big i.sz span:nth-child(2) { animation: breathing 9s linear 1s infinite;} #sales_network .map_big i.sz span:nth-child(3) { animation: breathing 9s linear 2s infinite;} #sales_network .map_big i.sz span:nth-child(4) { animation: breathing 9s linear 3s infinite;} #sales_network .map_big i.sz span:nth-child(5) { animation: breathing 9s linear 4s infinite;} #sales_network .map_big i.sz span:nth-child(6) { animation: breathing 9s linear 5s infinite;} #sales_network .map_big i.sz span:nth-child(7) { animation: breathing 9s linear 6s infinite;} #sales_network .map_big i.sz span:nth-child(8) { animation: breathing 9s linear 7s infinite;} #sales_network .map_big i.sz span:nth-child(9) { animation: breathing 9s linear 8s infinite;} #sales_network .map_big i.sz{width: 12px; height: 12px; top: 83.8%; left: 73.58%;} #sales_network .map_big i:nth-child(2){top: 27.74%; left: 26.19%;} #sales_network .map_big i:nth-child(3){top: 63.32%; left: 27.93%;} #sales_network .map_big i:nth-child(4){top: 48%; left: 47.82%;} #sales_network .map_big i:nth-child(5){top: 51.37%; left: 52.28%;} #sales_network .map_big i:nth-child(6){top: 36.85%; left: 65.26%;} #sales_network .map_big i:nth-child(7){top: 65.37%; left: 52.28%;} #sales_network .map_big i:nth-child(8){top: 67%; left: 57.28%} #sales_network .map_big i:nth-child(9){top: 74.37%; left: 58.28%;} #sales_network .map_big i:nth-child(10){top: 79.37%; left: 49.28%;} #sales_network .map_big i:nth-child(11){top: 82.37%; left: 61.28%;} #sales_network .map_big i:nth-child(12){top: 54.37%; left: 61.28%;} #sales_network .map_big i:nth-child(13){top: 44.37%; left: 67.28%;} #sales_network .map_big i:nth-child(14){top: 43.37%; left: 71.28%;} #sales_network .map_big i:nth-child(15){top: 18.37%; left: 88.28%;} #sales_network .map_big i:nth-child(16){top: 22.37%; left: 86.58%;} #sales_network .map_big i:nth-child(17){top: 30.37%; left: 85.28%;} #sales_network .map_big i:nth-child(18){top: 36.37%; left: 73.8%;} #sales_network .map_big i:nth-child(19){top: 38.92%; left: 75.38%;} #sales_network .map_big i:nth-child(20){top: 46.37%; left: 76.28%;} #sales_network .map_big i:nth-child(21){top: 51.7%; left: 70.28%;} #sales_network .map_big i:nth-child(22){top: 56.7%; left: 77.28%;} #sales_network .map_big i:nth-child(23){top: 57.3%; left: 81%;} #sales_network .map_big i:nth-child(24){top: 59.7%; left: 86.28%;} #sales_network .map_big i:nth-child(25){top: 62.7%; left: 73.28%;} #sales_network .map_big i:nth-child(26){top: 69%; left: 70.28%;} #sales_network .map_big i:nth-child(27){top: 66.7%; left: 76.28%;} #sales_network .map_big i:nth-child(28){top: 74.7%; left: 83.28%;} #sales_network .map_big i:nth-child(29){top: 81.7%; left: 71.28%;} #sales_network .map_big i:nth-child(30){top: 62.7%; left: 83.28%;} #sales_network .map_small{width: 121px; height: 180px; top: inherit; left: inherit; right: -16%; bottom: -1%; z-index: 2;} #sales_network .datas{width: 100%;} #sales_network .datas .li{margin-top: 65px; width: 33.33%;} #sales_network .datas .li .icon{margin-right: 35px; width: 43px; height: 62px;} #sales_network .datas .li .info{width: calc(100% - 80px);} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 52px; line-height: 62px; color: #333; font-weight: 600;} #sales_network .datas .li .info .txt{margin-top: 12px; font-size: 18px; line-height: 27px; color: #888;} /* 加盟条件 */ #join_conditions{padding: 70px 0 100px; background:url(images/back.jpg) no-repeat center center / 100% 100%;} #join_conditions .box{margin-top: 15px;} #join_conditions .back{width: 100%; height: 100%;} #join_conditions .txt_box{padding: 28px 8.696% 40px; width: 100%; height: 100%;} #join_conditions .txt_box .info{width: 88.74%;} #join_conditions .txt_box .info .num{font-size: 30px; line-height: 46px; color: #333; font-weight: 600;} #join_conditions .txt_box .info .name{margin-top: 14px; padding-right: 8px; font-size: 18px; color: #333; line-height: 30px; max-height: calc(30px * 2); overflow: auto; font-weight: 300;} #join_conditions .txt_box .icon{width: 50px; height: 42px; } #join_conditions .left{margin-top: 30px; width: 31.875%; height: 550px;} #join_conditions .left .txt_box .info .num, #join_conditions .left .txt_box .info .name {color: #fff; } #join_conditions .left .txt_box .info .name{max-height: calc(30px * 5); } #join_conditions .list{width: 65.97%;} #join_conditions .list .item{margin-top: 30px; width: 48.42%; height: 260px; background-color: #fff;} #join_conditions .list .item .back{opacity: 0;} #join_conditions .list .item .info{width: 70%;} #join_conditions .list .item .icon .i1{display: inline-block;} #join_conditions .list .item .icon .i2{display: none;} #join_conditions .list .item:hover .back{opacity: 1;} #join_conditions .list .item:hover .info .num, #join_conditions .list .item:hover .info .name{color: #fff;} #join_conditions .list .item:hover .icon .i1{display: none;} #join_conditions .list .item:hover .icon .i2{display: inline-block;} /* 加盟模式 */ .franchise{padding-bottom: 115px; background-color: #fff;} #franchise_mode{padding-top: 70px;} #franchise_mode .item{margin-top: 60px; padding: 48px 3.2% 45px; width: 23.61%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);} #franchise_mode .item .icon {width: max-content; margin: 0 auto;} #franchise_mode .item .icon .svg{width: 70px; height: 78px;} #franchise_mode .item .name{margin-top: 40px; font-size: 22px; line-height: 30px; color: #333; font-weight: 300;} #franchise_mode .item:hover{transform: translateY(-10px);} /* 加盟流程 */ @keyframes changeBorder { 0% { border-color: #f8f8f8; } 100% { border-color: var(--main); } } @keyframes changeText { 0% { color: #333; } 100% { color: var(--main); } } @keyframes changeLine { 0% { width: 0%; } 100% { width: 100%; } } #franchise_progress{padding-top: 90px;} #franchise_progress .progress {margin-top: 50px;} #franchise_progress .progress .item { width: 13.333%; position: relative; } #franchise_progress .progress .item .icon { width: 90px; height: 90px; margin: 0px auto; border-radius: 50%; border: 2px solid #f8f8f8;} #franchise_progress .progress .item .icon .svg { height: 36px; width: 36px; } #franchise_progress .progress .item .step {margin-top: 33px; font-size: 22px; line-height: 39px; color: #333; font-weight: 600; text-align: center; } #franchise_progress .progress .item .name {margin-top: 10px; font-size: 18px; line-height: 30px; color: #333; text-align: center; font-weight: 300;} #franchise_progress .progress .item .line {height: 4px; width: 100%; left: 80%; top: 45px; } #franchise_progress .progress .item:last-child .line{display: none;} #franchise_progress .progress .item .line::after, #franchise_progress .progress .item .line::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url() repeat-x left center;} #franchise_progress .progress .item .line::after{background-image: url(images/line1.png);} #franchise_progress .progress .item .line::before {width: 0; z-index: 2; background-image: url(images/line-2.png);} #franchise_progress .progress.progressAnimat .item:nth-child(1) .icon{animation: changeBorder 1s linear; animation-delay: 0s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(1) .step{animation: changeText 0.5s linear; animation-delay: 0s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(1) .line::before { animation: changeLine 1.5s linear; animation-delay: 1s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(2) .icon{animation: changeBorder 1s linear; animation-delay: 2.5s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(2) .step{animation: changeText 0.5s linear; animation-delay: 2.5s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(2) .line::before { animation: changeLine 1.5s linear; animation-delay: 3.5s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(3) .icon{animation: changeBorder 1s linear; animation-delay: 5.5s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(3) .step{animation: changeText 0.5s linear; animation-delay: 5.5s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(3) .line::before { animation: changeLine 1.5s linear; animation-delay: 6.5s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(4) .icon{animation: changeBorder 1s linear; animation-delay: 8s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(4) .step{animation: changeText 0.5s linear; animation-delay: 8s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(4) .line::before { animation: changeLine 1.5s linear; animation-delay: 8.5s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(5) .icon{animation: changeBorder 1s linear; animation-delay: 10s; animation-fill-mode: forwards; } #franchise_progress .progress.progressAnimat .item:nth-child(5) .step{animation: changeText 0.5s linear; animation-delay: 10s; animation-fill-mode: forwards; } /* 总部支持 */ #headquarters_support{padding: 70px 0 80px; background: url(images/8.jpg) no-repeat center center / 100% 100%;} #headquarters_support .ind_tit{color: #fff;} #headquarters_support .list{margin-top: 20px;} #headquarters_support .item{margin-top: 30px; width: 31.944%; height: 260px;} #headquarters_support .item .back{width: 100%; height: 100%;} #headquarters_support .item .back img{transition: all 0.5s ease;} #headquarters_support .item:hover .back img{transform: scale(1.05);} #headquarters_support .item .info{width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #headquarters_support .item .info::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url(images/shadow1.png) no-repeat top right/100% auto;} #headquarters_support .item .info .in{width: 47.826%; padding-right: 40px; height: max-content; color: #fff; position: relative; z-index: 3;} #headquarters_support .item .info .num{font-size: 30px; line-height: 40px; font-weight: 600;} #headquarters_support .item .info .name{margin-top: 15px; font-size: 18px; line-height: 30px; font-weight: 300;} #headquarters_support .item:nth-child(4n+2), #headquarters_support .item:nth-child(4n+3){width: 65.972%;} #headquarters_support .item:nth-child(4n+2) .info::before, #headquarters_support .item:nth-child(4n+3) .info::before{background-image: url(images/shadow2.png); opacity: 0.75;} #headquarters_support .item:nth-child(4n+2) .info .in, #headquarters_support .item:nth-child(4n+3) .info .in{width: 32.474%;} #headquarters_support .more{margin: 50px auto 0; padding: 0 45px; width: max-content; height: 60px; font-size: 16px; color: #fff; background-color: var(--main);} #headquarters_support .more .btn_icon{margin-right: 20px; } #headquarters_support .more .btn_icon .svg{width: 24px; height: 23px;} #headquarters_support .more:hover{opacity: 0.8;} @media (max-width: 1680px) { #investment_banner{max-height: 755px;} #investment_banner .cont_text .text .title{font-size: 50px; line-height: 1.4em;} #investment_banner .cont_text .text .brief{margin-top: 20px;} #brand_empowerment .slide .pic{height: 460px;} /* #sales_network{background-size: 87% 123%;} */ #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 50px; line-height: 1.2em;} #join_conditions .list .item .info{width: 80%;} } @media (max-width: 1536px) { #investment_banner{max-height: 690px;} #investment_banner .cont_text{top: 47%;} #investment_banner .cont_text .text .title{font-size: 48px;} #investment_banner .cont_text .text .brief{line-height: 1.5em;} #investment_banner .cont_text .text .more{margin-top: 40px;} #brand_empowerment .dev_scale .item .tit{font-size: 28px; line-height: 1.4em;} #brand_empowerment .slide .pic{height: 420px;} /* #sales_network{background-size: 87% 123%;} #sales_network .map_big{height: 612px;} #sales_network .map_big i:nth-child(28){left: 83%;} */ #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 48px;} #join_conditions .txt_box .info .num{font-size: 28px; line-height: 1.5em;} #join_conditions .txt_box .info .name{font-size: 16px; line-height: 1.5em; max-height: calc(1.5em * 2);} #join_conditions .left .txt_box .info .name{max-height: calc(1.5em * 5);} #franchise_mode .item .name{margin-top: 30px; font-size: 20px; line-height: 1.5em;} #franchise_progress .progress .item .step{margin-top: 25px; font-size: 20px; line-height: 1.5em;} #franchise_progress .progress .item .name{font-size: 16px; line-height: 1.5em;} #headquarters_support .item{height: 236px;} #headquarters_support .item .info .in{width: 53.826%; padding-right: 30px;} #headquarters_support .item .info .num{font-size: 28px; line-height: 1.5em;} #headquarters_support .item .info .name{font-size: 16px; line-height: 1.5em;} } @media (max-width: 1440px) { #investment_banner{max-height: 640px;} #investment_banner .cont_text .box{width: 44.58%;} #investment_banner .cont_text .text .title{font-size: 44px;} #investment_banner .cont_text .text .brief{margin-top: 15px; font-size: 15px;} #investment_banner .cont_text .text .more{margin-top: 30px; font-size: 15px;} #brand_empowerment .dev_scale .title{font-size: 20px; line-height: 1.5em;} #brand_empowerment .dev_scale .item{padding: 30px;} #brand_empowerment .dev_scale .item .tit{font-size: 26px;} #brand_empowerment .dev_scale .item .brief{margin-top: 10px; font-size: 16px; line-height: 1.5em;} #brand_empowerment .slide .pic{height: 395px;} #brand_empowerment .slide .info .name{font-size: 20px; line-height: 1.5em;} #brand_empowerment .tip{margin-top: 20px} #sales_network{padding: 70px 0; /*background-size: 85%; background-position-y: -79px; background-position-x: 17px*/;} /* #sales_network .map_big{height: 578px;} #sales_network .map_small{width: 100px; height: 160px;} */ #sales_network .datas .li{margin-top: 50px;} #sales_network .datas .li .icon{height: 52px;} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 44px;} #sales_network .datas .li .info .txt{margin-top: 10px; font-size: 16px; line-height: 1.5em;} #join_conditions{padding: 70px 0;} #join_conditions .left{height: 525px;} #join_conditions .list .item{height: 247px;} #join_conditions .txt_box{padding: 28px 8.696% 30px;} #join_conditions .txt_box .info .num{font-size: 26px;} .franchise{padding-bottom: 70px;} #franchise_mode .item{margin-top: 40px; padding: 40px 3.2% 35px;} #franchise_mode .item .icon .svg{width: 65px; height: 70px;} #franchise_mode .item .name{margin-top: 25px; font-size: 18px;} #franchise_progress{padding-top: 70px;} #headquarters_support{padding: 70px 0;} #headquarters_support .list{margin-top: 15px;} #headquarters_support .item{height: 222px;} #headquarters_support .item .info .in{width: 56%;} #headquarters_support .item:nth-child(4n+2) .info .in, #headquarters_support .item:nth-child(4n+3) .info .in{width: 36%;} #headquarters_support .item .info .num{font-size: 26px;} #headquarters_support .item .info .name{margin-top: 10px;} #headquarters_support .more{margin: 40px auto 0; padding: 0 40px; height: 55px; font-size: 15px;} } @media (max-width: 1366px) { #investment_banner{max-height: 610px;} #investment_banner .cont_text{top: 46%;} #investment_banner .cont_text .text .title{font-size: 42px;} #brand_empowerment .dev_scale{margin-top: 40px; padding: 30px 0 45px;} #brand_empowerment .dev_scale .item .tit{margin-top: 24px; font-size: 24px;} #brand_empowerment .slide .pic{height: 373px;} #brand_empowerment .slide .info .name{font-size: 18px;} /* #sales_network{ background-position-y: -62px; background-position-x: 16px;} */ #sales_network .top_brief{margin-top: 10px; font-size: 15px; line-height: 1.5em;} /* #sales_network .datas{width: 25%;} */ #sales_network .datas .li .icon{margin-right: 25px; width: 50px; height: 50px;} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 42px;} #join_conditions .box{margin-top: 10px;} #join_conditions .left{height: 505px;} #join_conditions .list .item{height: 237px;} #join_conditions .list .item .info{width: 87%;} #join_conditions .txt_box .info .name{margin-top: 10px;} #join_conditions .txt_box .info .num{font-size: 24px;} #franchise_mode .item{padding: 35px 2.2% 35px;} #franchise_mode .item .icon .svg{width: 60px; height: 65px;} #franchise_progress .progress .item{width: 14.333%;} #franchise_progress .progress .item .icon{width: 87px; height: 87px;} #franchise_progress .progress .item .step{margin-top: 20px;} #franchise_progress .progress .item .line::after, #franchise_progress .progress .item .line::before{max-width: 84%; left: 4%;} #headquarters_support .item{height: 209px;} } @media (max-width: 1280px) { #investment_banner{max-height: 580px;} #investment_banner .cont_text .text .title{font-size: 40px;} #brand_empowerment .dev_scale{padding: 30px 0 35px;} #brand_empowerment .dev_scale .item .tit{margin-top: 20px; font-size: 22px;} #brand_empowerment .slide .pic{height: 350px;} /* #sales_network .map_big{height: 520px;} #sales_network .map_small{width: 90px; height: 135px;} */ #sales_network .datas .li .icon{height: 44px;} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 40px;} #join_conditions .left{height: 485px;} #join_conditions .list .item{height: 227px;} #franchise_progress .progress .item .name{font-size: 15px;} #franchise_progress .progress .item .line::after, #franchise_progress .progress .item .line::before{max-width: 80%; left: 6%;} #headquarters_support .list{margin-top: 5px;} #headquarters_support .item{height: 195px;} #headquarters_support .item .info .num{font-size: 24px;} #headquarters_support .item .info .name{margin-top: 8px; font-size: 15px;} #headquarters_support .more{margin-top: 30px;} } @media (max-width: 1200px) { #investment_banner{max-height: 530px;} #investment_banner .cont_text .box{width: 48%;} #investment_banner .cont_text .text .brief{margin-top: 10px; font-size: 14px;} #investment_banner .cont_text .text .more{margin-top: 20px; padding: 0 25px; height: 45px; font-size: 14px;} #brand_empowerment .dev_scale{padding: 25px 0 30px;} #brand_empowerment .dev_scale .title{padding: 0 30px; font-size: 18px;} #brand_empowerment .dev_scale .item{padding: 25px 30px;} #brand_empowerment .dev_scale .item .tit{font-size: 20px;} #brand_empowerment .dev_scale .item .brief{font-size: 15px;} #brand_empowerment .slide .pic{height: 325px;} #brand_empowerment .tip{margin-top: 30px;} /* #sales_network { background-position-y: -56px; background-position-x: 14px;} #sales_network .map_big{height: 470px;} #sales_network .map_big i{width: 6px; height: 6px;} #sales_network .map_big i.sz{width: 10px; height: 10px;} #sales_network .map_small{right: -11%; width: 80px; height: 120px;} */ #sales_network .datas .li .icon{height: 38px;} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 34px;} #sales_network .datas .li .info .txt{font-size: 15px;} #join_conditions .left{margin-top: 24px;height: 450px;} #join_conditions .list .item{margin-top: 24px; height: 213px;} #join_conditions .txt_box .info .num{font-size: 22px;} #join_conditions .txt_box .info .name{font-size: 15px;} #franchise_mode .item{margin-top: 35px;} #franchise_mode .item .name{font-size: 17px;} #franchise_progress .progress .item .line{top: 40px;} #franchise_progress .progress .item .icon{width: 80px; height: 80px;} #franchise_progress .progress .item .icon .svg{height: 28px; width: 30px;} #franchise_progress .progress .item .step{margin-top: 15px; font-size: 18px;} #franchise_progress .progress .item .name{font-size: 14px;} #headquarters_support .item{height: 184px;} #headquarters_support .item .info .in{padding-right: 25px;} #headquarters_support .item .info .num{font-size: 22px;} #headquarters_support .more{padding: 0 30px; height: 50px;} } @media (max-width: 1050px) { #investment_banner{max-height: 465px;} #investment_banner .cont_text .box{width: 53%;} #investment_banner .cont_text .text .title{font-size: 38px;} #brand_empowerment .dev_scale{margin-top: 35px; padding: 25px 0;} #brand_empowerment .dev_scale .title{padding: 0 25px; font-size: 16px;} #brand_empowerment .dev_scale .item{padding: 25px;} #brand_empowerment .dev_scale .item .icon{width: 58px; height: 60px;} #brand_empowerment .dev_scale .item .tit{font-size: 18px;} #brand_empowerment .dev_scale .item .brief{font-size: 14px;} #brand_empowerment .slide .pic{height: 285px;} #brand_empowerment .slide .info .name{font-size: 16px;} /* #sales_network{background-image: none;} */ /* #sales_network .map_big{height: 411px;} */ #sales_network .datas .li .icon{margin-right: 15px; height: 36px;} #sales_network .datas .li .info{width: calc(100% - 67px);} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 30px;} #sales_network .datas .li .info .txt{margin-top: 5px; font-size: 14px;} #join_conditions .txt_box{padding: 24px 8.696%;} #join_conditions .txt_box .icon{width: 46px; height: 39px;} #join_conditions .txt_box .info .num{font-size: 20px;} #join_conditions .txt_box .info .name{font-size: 14px;} #join_conditions .txt_box .info, #join_conditions .list .item .info{width: 100%;} #join_conditions .left{height: 425px;} #join_conditions .list .item{height: 200px;} #franchise_mode .item{margin-top: 30px; padding: 28px 2.2%;} #franchise_mode .item .icon .svg{width: 54px; height: 57px;} #franchise_mode .item .name{font-size: 16px;} #franchise_progress .progress .item .line::after, #franchise_progress .progress .item .line::before { max-width: 70%; left: 10%; } #headquarters_support .item{height: 160px;} #headquarters_support .item .info .in{width: 66%;} #headquarters_support .item:nth-child(4n+2) .info .in, #headquarters_support .item:nth-child(4n+3) .info .in{width: 37%;} #headquarters_support .item .info .num{font-size: 20px;} #headquarters_support .item .info .name{font-size: 14px;} #headquarters_support .more {font-size: 14px;} #headquarters_support .more .btn_icon{margin-right: 13px;} } @media (max-width: 992px) { .investment_main{margin-top: 66px;} #investment_banner{height: 45vw; max-height: max-content;} #investment_banner .cont_text .box{width: 60%;} #investment_banner .cont_text .text .title{font-size: .3rem;} #investment_banner .cont_text .text .brief{margin-top: 1.5vw; font-size: .115rem;} #investment_banner .cont_text .text .more{margin-top: 2.5vw; height: 45px; font-size: .115rem;} #brand_empowerment{padding-top: 8vw;} #brand_empowerment .dev_scale { margin-top: 4vw; padding: 3vw 0;} #brand_empowerment .dev_scale .title{padding: 0 3vw; font-size: 0.125rem;} #brand_empowerment .dev_scale .item{padding: 3vw 3vw 2vw;} #brand_empowerment .dev_scale .item .tit{margin-top: 2vw; font-size: .135rem;} #brand_empowerment .dev_scale .item .brief{margin-top: 1vw; font-size: .115rem;} #brand_empowerment .dev_swiper{margin-top: 4vw; width: 100%; padding-bottom: 4vw;} #brand_empowerment .swiper-pagination{display: flex;} #brand_empowerment .slide .pic{height: 59vw;} #brand_empowerment .slide .info .name{font-size: 0.145rem;} #brand_empowerment .tip{margin: 3vw auto 0; width: 67vw; font-size: 0.11rem; line-height: 1.3em;} #sales_network{padding: 8vw 0;} #sales_network .top_brief{font-size: 0.125rem;} /* #sales_network .datas{width: 31%;} */ #sales_network .datas .li{margin-top: 4vw;} #sales_network .datas .li .icon{margin-right: 1.5vw; height: 32px;} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 0.22rem;} #sales_network .datas .li .info .txt{margin-top: 1vw; font-size: 0.115rem;} #join_conditions{padding: 8vw 0;} #join_conditions .box{margin-top: 0; flex-direction: column;} #join_conditions .txt_box{padding: 4vw;} #join_conditions .txt_box .info .num{font-size: 0.165rem;} #join_conditions .txt_box .info .name{font-size: 0.125rem;} #join_conditions .left{margin-top: 4vw; width: 100%; height: 34.3vw;} #join_conditions .list{width: 100%;} #join_conditions .list .item{margin-top: 3vw; height: 53vw;} .franchise{padding-bottom: 8vw;} #franchise_mode{padding-top: 8vw;} #franchise_mode .list{flex-wrap: wrap;} #franchise_mode .item{margin-top: 3vw; padding: 4vw 3vw; width: 48%;} #franchise_mode .item .name{margin-top: 2.5vw; font-size: 0.145rem;} #franchise_progress{padding-top: 8vw;} #franchise_progress .progress{margin-top: 5vw;} #franchise_progress .progress .item{width: 18.33%;} #franchise_progress .progress .item .line::after, #franchise_progress .progress .item .line::before{max-width: 37%;} #franchise_progress .progress .item .step{margin-top: 1.5vw; font-size: 0.145rem;} #franchise_progress .progress .item .name{margin-top: 1.5vw; font-size: 0.125rem;} #headquarters_support{padding: 8vw 0; background-image: url(images/8-mb.jpg);} #headquarters_support .list{margin-top: 0;} #headquarters_support .item, #headquarters_support .item:nth-child(4n+2), #headquarters_support .item:nth-child(4n+3){margin-top: 4vw; width: 48%; height: 50vw;} #headquarters_support .item .info{justify-content: flex-start; align-items: end;} #headquarters_support .item .info::before, #headquarters_support .item:nth-child(4n+2) .info::before, #headquarters_support .item:nth-child(4n+3) .info::before{background-image: url(images/shadow3.png); opacity: 1;} #headquarters_support .item .info .in, #headquarters_support .item:nth-child(4n+2) .info .in, #headquarters_support .item:nth-child(4n+3) .info .in{width: 72%; padding: 4vw;} #headquarters_support .item .info .num{font-size: 0.165rem; } #headquarters_support .item .info .name{margin-top: 1.5vw; font-size: 0.125rem;} #headquarters_support .more{margin-top: 4vw; padding: 0 3vw; font-size: 0.115rem;} } @media (max-width: 768px) { #investment_banner{height: 145vw;} #investment_banner .cont_text{top: 7%; transform: translateY(0);} #investment_banner .cont_text .box{width: 100%;} #investment_banner .cont_text .text .title{font-size: 0.40rem;} #investment_banner .cont_text .text .brief{margin-top: 4vw; font-size: 0.16rem;} #investment_banner .cont_text .text .more{margin-top: 8vw; height: 6vw; font-size: .16rem;} #investment_banner .cont_text .text .more:hover{background-color: #fff; color: #333;} #investment_banner .cont_text .text .more:hover .i1{display: block;} #investment_banner .cont_text .text .more:hover .i2{display: none;} #brand_empowerment .dev_scale .title{padding: 0 5vw; font-size: 0.22rem;} #brand_empowerment .dev_scale .list{flex-wrap: wrap;} #brand_empowerment .dev_scale .item{padding: 5vw 0; width: 100%; border: 0; border-top: 1px solid #e8e8e8; margin: 0 5vw;} #brand_empowerment .dev_scale .item:first-child{border-top: 0;} #brand_empowerment .dev_scale .item .tit{margin-top: 2.5vw; font-size: .26rem;} #brand_empowerment .dev_scale .item .brief{margin-top: 1.5vw; font-size: .16rem;} #brand_empowerment .slide .pic{height: 58vw;} #brand_empowerment .slide .info .name{font-size: 0.22rem;} #brand_empowerment .swiper-pagination .swiper-pagination-bullet{margin: 0 1vw; width: 3vw;} #brand_empowerment .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 6vw;} #brand_empowerment .tip{width: 85vw; font-size: 0.14rem;} #sales_network .top_brief{font-size: 0.16rem;} #sales_network .box{margin-top: 4vw;} /* #sales_network .map{width: 90%;} #sales_network .map_big { height: 68vw; } #sales_network .map_small{bottom: -2%; width: 13vw; height: 16vw;} */ /* #sales_network .datas{position: relative; top: inherit; left: inherit; width: 100%; transform: translateY(0); display: flex; justify-content: space-between;} */ #sales_network .datas .li, #sales_network .datas .li:first-child{margin-top: 4vw;} #sales_network .datas .li{width: 32%; flex-direction: column;} #sales_network .datas .li .info{width: 100%; text-align: center;} #sales_network .datas .li .icon{margin: 0 auto 2vw; width: 7vw; height: 8vw;} #sales_network .datas .li .info .data{justify-content: center;} #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 0.3rem;} #sales_network .datas .li .info .txt{margin-top: 1vw; font-size: 0.16rem;} #join_conditions .txt_box .info .num{font-size: 0.28rem;} #join_conditions .txt_box .info .name{font-size: 0.16rem;} #join_conditions .txt_box .icon{width: 6vw; height: 5vw;} #join_conditions .left{height: 36.3vw;} #join_conditions .left .txt_box .info{width: 49%;} #join_conditions .list .item .back{opacity: 1;} #join_conditions .list .item .info .num, #join_conditions .list .item .info .name{color: #fff;} #join_conditions .list .item .icon .i1{display: none;} #join_conditions .list .item .icon .i2{display: inline-block;} #franchise_mode .item{padding: 5vw 3vw;} #franchise_mode .item:hover{transform: translateY(0);} #franchise_mode .item .icon .svg{width: 7.5vw; height: 7vw;} #franchise_mode .item .name{margin-top: 3vw; font-size: 0.22rem;} #franchise_progress .progress{margin-top: 0; flex-wrap: wrap; justify-content: center;} #franchise_progress .progress .item{width: 28.33%; margin: 4vw 2vw 0;} #franchise_progress .progress .item .line{display: none;} #franchise_progress .progress .item .step{margin-top: 3vw; font-size: 0.22rem;} #franchise_progress .progress .item .name{margin-top: 2vw; font-size: 0.18rem;} #headquarters_support .item .info .num{font-size: 0.28rem;} #headquarters_support .item .info .name{font-size: 0.16rem;} #headquarters_support .item:hover .back img{transform: scale(1);} #headquarters_support .more {padding: 0 5vw; font-size: 0.16rem; height: 7vw;} #headquarters_support .more:hover{opacity: 1;} } @media (max-width: 576px) { #investment_banner .cont_text .text .title{font-size: 0.48rem;} #investment_banner .cont_text .text .brief{font-size: 0.26rem;} #investment_banner .cont_text .text .more {margin-top: 5vw; height: 9vw; font-size: 0.26rem;} #brand_empowerment{padding-top: 10vw;} #brand_empowerment .dev_scale { margin-top: 5vw; padding: 4vw 0;} #brand_empowerment .dev_scale .title{font-size: 0.3rem;} #brand_empowerment .dev_scale .item{padding: 6vw 0;} #brand_empowerment .dev_scale .item .icon { width: 12vw; height: 12vw;} #brand_empowerment .dev_scale .item .tit{margin-top: 4.5vw; font-size: .3rem;} #brand_empowerment .dev_scale .item .brief{margin-top: 2.5vw; font-size: .24rem;} #brand_empowerment .slide .info .name{font-size: 0.26rem;} #brand_empowerment .tip{margin-top: 5vw; width: 85vw; font-size: 0.22rem;} #sales_network { padding: 10vw 0; } #sales_network .top_brief { font-size: 0.26rem;} /* #sales_network .map{width: 95%;} #sales_network .map_big{height: 73vw;} #sales_network .map_small{right: -7%;} */ #sales_network .datas .li .icon { margin: 0 auto 3vw; width: 8vw; height: 9vw; } #sales_network .datas .li .info .data, #sales_network .datas .li .info .data span{font-size: 0.32rem; line-height: 1;} #sales_network .datas .li .info .data span{min-width: 12px;} #sales_network .datas .li .info .txt{margin-top: 1.5vw; font-size: 0.24rem;} #join_conditions{padding: 10vw 0;} #join_conditions .left{height: 41.3vw;} #join_conditions .left .txt_box .info{width: 80%;} #join_conditions .left .txt_box .info .name{ max-height: calc(1.5em * 3);} #join_conditions .txt_box .info .num{font-size: 0.3rem;} #join_conditions .txt_box .info .name{font-size: 0.26rem; max-height: calc(1.5em * 4);} #join_conditions .txt_box .icon{width: 7vw; height: 6vw;} .franchise{padding-bottom: 10vw;} #franchise_mode{padding-top: 10vw;} #franchise_mode .item .icon .svg{ width: 9vw; height: 9vw;} #franchise_mode .item .name{font-size: 0.28rem;} #franchise_progress{padding-top: 10vw;} #franchise_progress .progress .item { width: 44.33%; margin: 5vw 2vw 0;} #franchise_progress .progress .item .step{font-size: 0.3rem;} #franchise_progress .progress .item .name{font-size: 0.26rem;} #headquarters_support .item, #headquarters_support .item:nth-child(4n+2), #headquarters_support .item:nth-child(4n+3){height: 55vw;} #headquarters_support .item .info .in, #headquarters_support .item:nth-child(4n+2) .info .in, #headquarters_support .item:nth-child(4n+3) .info .in{width: 100%;} #headquarters_support .item .info .num{font-size: 0.3rem;} #headquarters_support .item .info .name{font-size: 0.24rem;} #headquarters_support .more { padding: 0 5.5vw; font-size: 0.26rem; height: 9vw;} #headquarters_support .more .btn_icon{margin-right: 2vw;} } @media (max-width: 530px) { #investment_banner .cont_text .text .more{height: 9vw;} #investment_banner .cont_text .text .more .btn_icon {margin-right: 2vw;} #headquarters_support .more {height: 10vw;} #investment_banner .cont_text .text .more .btn_icon .svg, #headquarters_support .more .btn_icon{ width: 5vw; height: 5vw;} /* #sales_network .map_big i{width: 5px; height: 5px;} #sales_network .map_big i.sz { width: 8px; height: 8px;} */ #join_conditions .left .txt_box .info{width: 78%;} }