/*banner*/ .contain { width:100%; height:100%; background:#ffffff; } /* banner */ .banner-product { margin-top:0; height:33.75rem; padding:8.75rem 0 0; background:url("../../static/img/pageimage/partner/partner-bg.png") no-repeat center; background-size:100% 100%; text-align:left; } .banner-product-title { color:#ffffff; font-weight:500; font-size:3rem; } .banner-product-txt { color:#FFFFFF; width:50rem; height:5.8125rem; font-size:1.25rem; font-weight:400; margin-top:1.25rem; letter-spacing:1rem; } /* 鍒嗛〉 */ .pagination { text-align:center; width:100%; line-height:1.5625rem; } .pagination ul { display:flex; justify-content:center; align-items:center; } .pagination li { margin:0 0.625rem; border:0px solid #e6e6e6; border-radius:50%; display:inline-block; font-size:0.75rem; width:1.5rem; height:1.5rem; } .pagination li a { /* padding:0.25rem 8.3rem; */ display: block; height: 100%; color:#000; } .pagination li span { /*padding:0.25rem 8.3rem; */ width:1.5rem; height:1.5rem; text-align:center; } /* .pagination li:nth-child(-n+2),.pagination li:nth-last-child(-n+2) { transform:scale(1); } */ .pagination li:nth-child(1) { color:#fff; background:url(../img/turnpage-left-first.svg) no-repeat; background-position:center center; background-size:0.75rem 0.6875rem; } .pagination li:nth-child(2) { color:#fff; background:url(../img/turnpage-left-prev.svg) no-repeat; background-position:center center; background-size:0.4375rem 0.6875rem; } .pagination li:nth-last-child(1) { color:#fff; background:url(../img/turnpage-right-last.svg) no-repeat; background-position:center center; background-size:0.75rem 0.6875rem; } .pagination li:nth-last-child(2) { color:#fff; background:url(../img/turnpage-right-next.svg) no-repeat; background-position:center center; background-size:0.4375rem 0.6875rem; } .pagination .active { background:rgba(77,183,221,0.2); color:rgba(77,183,221,1); } .pagination .disabled { color:#aaa; } .pagination ul li a:hover { border-radius:50%; } /* 鍚堜綔浼欎即 */ .line-content { width:76.25rem; overflow:hidden; margin:0 auto; margin-top:3rem; padding-bottom:1.875rem; } .line-box-flex { display:flex; flex-wrap:wrap; margin-right:-2.5rem; } .line-icon,.line-tag { width:10.375rem; height:3rem; background:rgba(255,255,255); box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06); border-radius:0.625rem; margin-right:2.5625rem; margin-bottom:2.5rem; } .line-tag { text-align:center; font-size:1.5rem; font-weight:400; line-height:2.1875rem; color:rgba(9,15,33,0.5); letter-spacing:0.125rem; } .line-icon:nth-child(6n) { margin-right:0; } .line-content .swiper-container-horizontal > .swiper-pagination-bullets { margin-top:1rem; bottom:initial; } @media (min-width: 2560px){ .line-content .swiper-slide:nth-child(2) { margin-right: -10px!important; } } /* 鍚堜綔浼欎即鍦ㄦ眽寰 */ .brand-wrap { width:75rem; margin:2.375rem auto 2.875rem; } .partner-brand { width:76%; margin:0 auto; } .partner-brand > li { float:left; padding-right:5rem; } .partner-brand > li:last-child { padding-right:0; } .partner-brand > li img { height:2.375rem; } .department-wrap:hover { text-decoration:underline; color:#fff; } .brand-title { color:#666; font-size:0.75rem; margin-top:0.875rem; text-align:center; } .department-wrap { width:100%; height:3.5rem; position:relative; text-align:center; color:#fff; top:-4.375rem; font-size:1rem; line-height:1.625rem; } .department-wrap div { padding:0 0.625rem; } .department-wrap .ell { font-size:0.875rem; } .department-ul { width:75rem; margin:0 auto; } .department-ul > li { float:left; width:23.75rem; margin:3.75rem 1.875rem 0 0; } .department-ul > li:last-child { margin:3.75rem 0 0 0; } .department-ul > li .box-center { box-sizing:border-box; width:23.75rem; height:9.375rem; margin:0 auto; font-size:1rem; font-weight:500; color:rgba(255,255,255,1); line-height:1.375rem; } .department-ul > li img { width:100%; height:100%; } .special-cooperation { padding:4.375rem 0 5.625rem; background-color:#F5F7FA; } .cooperation-header { font-weight:400; color:rgba(51,51,51,1); text-align:center; } .cooperation-header > h1 { font-size:2.25rem; line-height:3.125rem; } .cooperation-header > h2 { margin-top:0.625rem; font-size:1.375rem; opacity:0.2; line-height:1.875rem; letter-spacing:0.625rem; text-indent:0.625rem; } .cooperation-content { width:76.875rem; margin:0 auto; display:flex; flex-wrap:wrap; align-content:center; } .cooperation-item { display:flex; justify-content:center; align-content:center; width:15.375rem; height:6.25rem; margin-bottom:0.625rem; position:relative; transition:all .3s; } .cooperation-img { height:6.25rem; display:flex; align-items:center; justify-content:center; } .cooperation-txt-box { position:absolute; top:0; left:0; width:15.375rem; height:6.25rem; display:flex; justify-content:center; align-items:center; } .cooperation-txt { opacity:0; transition:all .3s; font-size:0.875rem; font-weight:500; color:rgba(51,51,51,1); line-height:1.25rem; } .cooperation-img > img { width:6.25rem; margin:0 auto; transition:all .3s; } .cooperation-item:hover { transition:all .3s; } .cooperation-item:hover .cooperation-txt { opacity:1; transition:all .3s; } .cooperation-item:hover .cooperation-img > img { opacity:.3; transition:all .3s; } .latest-activity { padding:4.375rem 0 5.625rem; background:#FFFFFF; } .activity-content { width:75rem; margin:0 auto; z-index:1; } .industry-box { margin-top:3.625rem; width:75rem; height:23.125rem; background:rgba(255,255,255); box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.1); border-radius:1.25rem; /* justify-content:space-between; align-items:flex-start; */ } .industry-box-content { height:23.125rem; display:flex; flex-direction:column; justify-content:center; margin-left:5.0625rem; } .see-more { margin:2.125rem 0 0; } .industry-title { width:24.5rem; font-size:1.375rem; line-height:2.3125rem; } .industry-p { width:24.5625rem; /* height:4.5rem; */ margin-top:1.9375rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .industry-box img { display:block; width:42.5rem; height:18.125rem; margin:0; border-radius:0 1.25rem 0 0; } .img-content-bottom { width:42.5rem; height:5rem; background:#F5F7FA; border-radius:0rem 0rem 1.25rem 0rem; } .industry-flex { display:flex; justify-content:space-between; } .industry-box .swiper-container-horizontal > .swiper-pagination-bullets { bottom:2.25rem; right:3.1875rem; width:auto; text-align:right; /* left:0; */ /* width:100%; */ } .hand-partner { padding:4.375rem 0 2.5rem; background:#F5F7FA; } .partner-tab { width:75rem; margin:0 auto; display:flex; align-items:center; justify-content:flex-end; cursor:default; font-size:1.125rem; font-weight:400; color:rgba(51,51,51,1); line-height:1.375rem; } .partner-tab-line { display:inline-block; margin:0 1.25rem; width:0.0625rem; height:0.75rem; background:rgba(219,221,222,1); } .partner-tab-line:last-child { display:none; } .partner-tab-light { color:#4DB7DD; } .apply-details { width:75rem; margin:0 auto; } .apply-software-ul > li { /* display:none; */ display:flex; align-items:center; margin-bottom:4.3125rem; /* border-bottom:0.0625rem solid rgba(236,236,236,1); */ } .li-content { width:55.375rem; } .apply-software-ul > li:first-child { padding-top:2.5rem; } .partner-rink-content { /* width:61.5625rem; */ display:flex; align-items:center; } .software-img { width:16.25rem; height:9.75rem; margin-right:3.375rem; background:rgba(255,255,255); border-radius:1.1875rem; display:flex; justify-content:center; align-items:center; } .software-img > img { width:13.75rem; height:auto; } .software-title { font-size:1.375rem; font-weight:500; /* line-height:1.5625rem; */ text-align:left; color:rgba(9,15,33,1); } .software-title:hover { color:rgba(77,183,221,1); } .software-details { width:55.375rem; margin-top:1.625rem; font-size:0.875rem; font-weight:400; color:#090F21; line-height:1.5rem; opacity:.5; text-align:left; } .partner-rink { margin:1.0625rem 0 0 0.8125rem; padding:0.4375rem 1.25rem; font-size:0.75rem; font-weight:400; background:rgba(255,255,255,1); /* border:1px solid rgba(77,183,221,1); */ color:#090F21; border-radius:0.5rem; } .partner-rink:first-child { margin:1.0625rem 0 0; } .search-input { width:75rem; margin:0 auto; display:flex; align-items:center; } .search-input .product-search-text { box-sizing:border-box; width:75rem; height:3rem; padding:0.4375rem 0 0.5625rem 0.9375rem; background:rgba(255,255,255,1); border:1px solid rgba(236,236,236,1); outline:none; font-size:0.875rem; font-weight:400; /*color:rgba(51,51,51,0.2); */ line-height:1.5rem; border-radius:1.5rem; } /*鎼滅储*/ .product-search-btn { width:6.25rem; height:3rem; background:#090F21; border-radius:1.5rem; text-align:center; display:block; border:0; font-size:0.875rem; font-weight:400; color:#fff; line-height:1.5rem; margin-left:-6.25rem; } ::placeholder { color:rgba(9,15,33,0.5); } .product-list-wrap { padding-top:2.5rem; width:68.75rem; margin:0 auto; } /* .swiper-container { width:68.75rem; } */ .swiper-button-prev { background-image:url("../../uploads/partner/left.svg"); background-size: 100% 100%; } .swiper-button-next { background-image:url("../../uploads/partner/right.svg"); background-size: 100% 100%; } .no-result-w { line-height:3.75rem; font-size:1.125rem; text-align:center; }