.common-header { width: 100%; position: absolute; top: 0; left: 0; height: 80px; z-index: 99; background: rgba(0, 0, 0, 0.2); } .common-header .header img { width: 200px; height: 56px; } .common-header .header { display: flex; height: 80px; align-items: center; justify-content: space-between; } .common-header .header .nav { width: 62%; height: 80px; display: flex; align-items: center; padding: 0 5%; border-left: 1px solid rgba(255, 255, 255, 0.7); border-right: 1px solid rgba(255, 255, 255, 0.7); justify-content: space-between; } .common-header .header .nav .nav-item { width: 100%; display: flex; height: 80px; justify-content: center; text-align: center; align-items: center; position: relative; } .common-header .header .nav .nav-item > a { color: #fff; } .common-header .header .nav .nav-item .drop { width: 100%; padding: 0 15px; top: 70px; -webkit-box-shadow: .1rem .1rem .1rem 0 rgba(0, 0, 0, 0.1); box-shadow: .1rem .1rem .1rem 0 rgba(0, 0, 0, 0.1); z-index: 3; position: absolute; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0); transform: scaleY(0); transition: transform .3s; background: rgba(255, 255, 255, 1); border-radius: 10px; } .common-header .header .nav .nav-item .drop a { display: block; margin: 0 auto; height: 60px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-weight: 400; white-space: nowrap; } .common-header .header .nav .nav-item:hover .drop { display: block; -webkit-transform: scaleY(1); transform: scaleY(1) } .common-header .header .search { width: 8%; } .common-header .header .search span { color: #fff; width: 40px; height: 40px; background: #00A0E8; border-radius: 50%; display: flex; justify-content: center; align-items: center; } /* 关于泉舜 */ .aboutSc { height: 66px; background: #F5F5F5; } .aboutSc .mn { display: flex; align-items: center; justify-content: space-between; } /* 左 */ .aboutSc .aboutSc_left { height: 66px; width: 300px; line-height: 66px; display: flex; align-items: center; } .home-left { font-size: 1.1em; color: rgba(0, 0, 0, 0.4); } .home-left img { height: 20px; width: 20px; margin-right: 7px; } .home-right { font-size: 1.1em; color: #00A0E8; display: flex; align-items: center; } .home-right a { font-size: 1.1em; color: #00A0E8; } .home-right img { height: 20px; width: 20px; margin-left: 4px; margin-right: 4px; } /* 右 导航 */ .aboutSc .aboutSc-right { height: 66px; width: auto; display: flex; justify-content: flex-end; align-items: center; } .aboutSc-right .nav { } .aboutSc-right .nav ul { display: flex; align-items: center; } .aboutSc-right .nav ul li { width: 182px; height: 50px; border-radius: 6px 6px 6px 6px; border: 1px solid #666666; display: flex; align-items: center; justify-content: center; margin-left: 25px; } .aboutSc-right .nav ul li a { font-size: 1.1em; } .aboutSc-right .nav ul li:hover { background: #00A0E8; border: 1px solid #00A0E8; } .aboutSc-right .nav ul li:hover a { color: #FFFFFF; } .aboutSc-right .nav ul li.active { background: #00A0E8; border: 1px solid #00A0E8; } .aboutSc-right .nav ul li.active a { color: #FFFFFF; } /* Bwin体育亚洲官网 */ .brief { height: auto; padding: 80px 0; background: url(../images/Rectangle1125.png) 0 0 no-repeat; background-size: 100% 100%; } .brief .briefTitle { font-weight: bold; font-size: 30px; color: #333333; text-align: center; /*margin-top: 60px;*/ } .brief .briefContent_1 { font-weight: 400; font-size: 18px; color: #333333; line-height: 28px; margin-top: 50px; } .brief .briefContent_1 p { text-indent: 2em; } .brief .briefContent_1 img { width: auto; max-width: 100%; } /* 统计人数 */ .stat { width: 100%; height: 319px; background: url("../img/Rectangle 18.png") no-repeat; display: flex; background-size: 100% 319px; align-items: center; } /* 集团领导 */ .leader { } .leader img { width: 100%; } .wenhua-bj{ padding: 80px 0; background: url(../images/Rectangle1125.png) 0 0 no-repeat; background-size: 100% 100%; } .wenhua-list { } .wenhua-list .wenhua-list-item { display: flex; justify-content: space-between; height: 193px; border-bottom: 1px solid #DDDDDD; /*background: linear-gradient(to right,#00a0e8,#00a0e8) no-repeat left bottom;*/ /*background-size: 0 193px;*/ /*transition: background-size 700ms;*/ overflow: hidden; cursor: pointer; } .wenhua-list .wenhua-list-item .text { display: flex; align-items: center; padding-left: 50px; transition: 0.5s ease; /*justify-content: center;*/ } .wenhua-list .wenhua-list-item .text .img img { /*filter: brightness(100);*/ filter: grayscale(100%); } .wenhua-list .wenhua-list-item .text .txt { margin-left: 50px; display: flex; flex-direction: column; /*align-items: center;*/ justify-content: left; } .wenhua-list .wenhua-list-item .text .txt .tt { font-size: 26px; font-weight: bold; margin-bottom: 20px; transition: 0.5s ease; } .wenhua-list .wenhua-list-item .text .txt .p { font-size: 16px; font-weight: bold; margin-bottom: 15px; transition: 0.5s ease; } .wenhua-list .wenhua-list-item .text .txt .desc { color: #666666; transition: 0.5s ease; } .wenhua-list .wenhua-list-item .bj-img { width: 0px; display: none; transition: 0.5s ease; } .wenhua-list .wenhua-list-item:hover { /*background-position-x: left;*/ /*background-size: 100% 193px;*/ /*color: #fff;*/ background-color: #00a0e8; } .wenhua-list .wenhua-list-item:hover .text { width: 550px; } .wenhua-list .wenhua-list-item:hover .bj-img { width: 600px; display: block; } .wenhua-list .wenhua-list-item:hover .tt { color: #fff; } .wenhua-list .wenhua-list-item:hover .p { color: #fff; } .wenhua-list .wenhua-list-item:hover .desc { color: rgba(255, 255, 255, 0.7) !important; } .wenhua-list .wenhua-list-item:hover .text .img img { filter: brightness(100) } .newslist { display: flex; flex-wrap: wrap; margin-top: 51px; } .newslist a { display: flex; flex-direction: column; width: 24%; height: 430px; position: relative; margin-bottom: 50px; margin-right: 1%; } .newslist a:nth-child(4n) { margin-right: 0; } .newslist a .time { display: flex; align-items: baseline; margin-bottom: 15px; } .newslist a .time .mon { font-size: 26px; font-weight: bold; margin-right: 5px; } .newslist a .time .year { font-size: 14px; color: #999999; } .newslist a .img { width: 100%; height: 241px; border-radius: 0px 0px 0px 0px; overflow: hidden; } .newslist a .img img { object-fit: cover; width: 100%; min-height: 100%; aspect-ratio: 16 / 10; transition: 0.5s ease; } .newslist a:hover img { transform: scale(1.2); } .newslist a .tt { font-size: 18px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 20px 0; } .newslist a .desc { overflow: hidden; /** 隐藏超出的内容 **/ word-break: break-all; text-overflow: ellipsis; /** 多行 **/ display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ } .newslist a .more { position: absolute; bottom: 0; color: #00a0e8; font-size: 14px; width: 60px; background: linear-gradient(to right, #00a0e8, #00a0e8) no-repeat left bottom; transition: background-size 500ms; background-size: 60px 2px; padding-bottom: 8px; /*text-align: right;*/ display: flex; justify-content: center; transition: 500ms ease; } /*.newslist a .more:after{*/ /* content: "了解详情";*/ /*}*/ .newslist a:hover .more { width: 100%; background-size: 100% 2px; justify-content: right; } .pages { /* float: right; */ margin: 10px auto; display: table; margin-bottom: 40px; } .pages li { list-style: none; float: left; width: 32px; display: inline-block; margin-left: 10px; text-align: center; border: 1px solid #ccc; height: 32px; line-height: 32px; transition: 0.5s ease; cursor: pointer; border-radius: 6px; } .pages li:hover { background-color: #00a0e8; border-radius: 6px; } .pages li a { padding: 0; font-size: 16px; line-height: inherit; border: none; display: block; width: 100%; height: 100%; color: #333; } .pages li a:hover { background-color: #00a0e8; color: #fff; } .pages li.active { background-color: #00a0e8; color: #fff; border: 1px solid #00a0e8; } .pages li.active a { color: #fff; } .pages li span { font-size: 16px; } .pages li.disabled { color: #ccc; } .common-nav { display: flex; height: 78px; align-items: center; justify-content: space-between; border-bottom: 1px solid #DDDDDD; } .common-nav a { display: flex; width: 50%; height: 78px; justify-content: center; font-size: 1.4em; align-items: center; position: relative; /*padding-bottom: 60px;*/ background: linear-gradient(to right, #00a0e8, #00a0e8) no-repeat left bottom; background-size: 0 2px; transition: background-size 700ms; } .common-nav a:before { content: ""; position: absolute; width: 100px; height: 4px; background: linear-gradient(to right, #00a0e8, #00a0e8) no-repeat left bottom; background-size: 0 4px; transition: background-size 700ms; bottom: 0; } .common-nav a:hover { color: #00a0e8; } .common-nav a:hover:before { background-size: 100% 4px; } .common-nav a.active { color: #00a0e8; } .common-nav a.active:before { background-size: 100% 4px; } .common-title { margin: 50px auto; text-align: center; font-weight: bold; font-size: 2em; } .jtzz-bj{ padding:20px 0; background: url(../images/image64.png) 0 0 no-repeat; background-size: 100% 100%; } .jtzz { overflow: hidden; padding: 0 30px; } .jtzz .tt { text-align: center; margin-top: 20px; } .jtzz .swiper-button-next, .jtzz .swiper-button-prev { transform: translateY(-50%); cursor: pointer; display: flex; align-items: center; justify-content: center; color: #666666 !important; width: 40px !important; height: 40px !important; padding: 0 !important; border-radius: 50%; font-size: 15px; opacity: 1; z-index: 9 !important; border: 1px dashed #666666; /*background: rgba(0, 0, 0, 0.5);*/ } .jtzz .swiper-button-next { right: 0px; } .jtzz .swiper-button-prev { left: 0px; } .jtzz .swiper-button-next:after, .jtzz .swiper-button-prev:after { font-size: 18px; color: #666666; } .cases-bj { background: #f7f7f7; padding: 50px 0; } .cases { display: flex; justify-content: space-between; flex-wrap: wrap; } .cases a { display: block; width: 32%; /*overflow: hidden;*/ /*margin-right: 21px;*/ background: #fff; padding-bottom: 20px; margin-bottom: 20px; } /*.cases a:nth-child(3n) {*/ /* margin-right: 0;*/ /*}*/ .cases a .img { width: 100%; overflow: hidden; height: 300px; border-radius: 0px 0px 0px 0px; } .cases a .img img { width: 100%; } .cases a .tt { width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 20px; font-size: 18px; text-align: center; } /*.cases a:nth-child(1), .cases a:nth-child(2) {*/ /* width: 49%;*/ /*}*/ .product-list a { display: flex; margin-bottom: 50px; /*align-items: center;*/ justify-content: space-between; } .product-list a .img { width: 40%; border-radius: 0px 0px 0px 0px; overflow: hidden; } .product-list a .img img { width: 100%; aspect-ratio: 16/10; object-fit: cover; } .product-list a .text { /*display: flex;*/ /*flex-direction: column;*/ width: 58%; position: relative; } .product-list a .text .tt { font-weight: bold; font-size: 26px; color: #333333; line-height: 1.5em; margin-top: 30px; margin-bottom: 30px; } .product-list a .text .desc { font-weight: 400; font-size: 14px; color: #666666; line-height: 24px; /*text-align: left;*/ font-style: normal; text-transform: none; overflow: hidden; /** 隐藏超出的内容 **/ word-break: break-all; text-overflow: ellipsis; /** 多行 **/ display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 4; /** 显示的行数 **/ } .product-list a .text .more { position: absolute; bottom: 15px; width: 125px; height: 40px; background: #FFFFFF; border-radius: 0px 0px 0px 0px; border: 1px solid #00a0e8; display: flex; justify-content: center; align-items: center; color: #00a0e8; border-radius: 20px 20px 20px 20px; background: linear-gradient(to right, #00a0e8, #00a0e8) no-repeat left bottom; background-size: 0px 40px; transition: background-size 700ms; transition: 0.7s ease; font-size: 14px; } .product-list a:hover .more { background-size: 100% 40px; color: #fff; } .ny-title { display: flex; align-items: center; margin-top: 50px; position: relative; justify-content: space-between; } .ny-title .tt { width: 355px; height: 95px; background: url(../images/image42.png) 0 0 no-repeat; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 30px; color: #fff; text-align: center; background-size: 355px 95px; } .ny-title:before { content: ""; width: 100%; height: 0px; border: 2px solid #CC0000; position: absolute; left: 0; bottom: -10px; } .ny-title a { font-size: 18px; color: #E32A2A; font-weight: 700; border-radius: 20px 20px 20px 20px; width: 100px; height: 35px; display: flex; justify-content: center; align-items: center; border: 2px solid #E32A2A; background: linear-gradient(to right, #E32A2A, #E32A2A) no-repeat left bottom; background-size: 0px 40px; transition: background-size 700ms; transition: 0.7s ease; } .ny-title a span { margin-left: 5px; font-size: 20px; } .ny-title a:hover { background-size: 100% 40px; color: #fff; } .index-news { display: flex; margin-top: 50px; justify-content: space-between; } .index-news .left { width: 50%; overflow: hidden; position: relative; } .index-news .left a { position: relative; width: 100%; height: 375px; overflow: hidden; display: none; } .index-news .left a:nth-child(1) { display: block; } .index-news .left a .imgs { width: 100%; height: 375px; overflow: hidden; position: relative; z-index: 2; } .index-news .left a .imgs img { width: 100%; height: 375px; object-fit: cover; aspect-ratio: 16 / 10; transition: 0.5s ease; } .index-news .left a:hover img { transform: scale(1.2); } .index-news .left a .txt { position: absolute; bottom: 0; width: 96%; padding: 0 2%; z-index: 2; height: 46px; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: space-between; color: #fff; } .index-news .left a .txt .title { width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; font-weight: 700; } .index-news .left a .txt .time { font-size: 12px; color: #FFFFFF; } .index-news .left .swiper-button-next, .index-news .left .swiper-button-prev { /*position: absolute;*/ /*top: 50%;*/ transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff !important; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.4); border-radius: 0px 0px 0px 0px; } .index-news .left .swiper-button-next { width: 40px !important; height: 40px !important; color: #999999; padding: 0 !important; border-radius: 50%; right: 15px; /* border-radius: 10px 0 0 10px; */ font-size: 15px } .index-news .left .swiper-button-prev { width: 40px !important; height: 40px !important; /*background-color: #fff;*/ padding: 0 !important; left: 15px; border-radius: 50%; /* border-radius: 0 10px 10px 0; */ font-size: 15px; } .index-news .left .swiper-button-next.swiper-button-disabled, .index-news .left .swiper-button-prev.swiper-button-disabled { opacity: 1; /*background-color: rgba(255, 255, 255, 0.8);*/ } .index-news .left .swiper-button-next:after, .index-news .left .swiper-button-prev:after { font-size: 18px; color: #999; } .index-news .right { width: 48%; overflow: hidden; position: relative; } .index-news .right .index-news-nav { display: flex; align-items: center; position: relative; margin-bottom: 30px; } .index-news .right .index-news-nav .more { position: absolute; right: 0; color: #165CD4; } .index-news .right .index-news-nav .item { display: block; padding: 10px 5px; font-size: 20px; margin-right: 10px; padding-top: 0; cursor: pointer; } .index-news .right .index-news-nav .item { background: linear-gradient(to right, #165CD4, #165CD4) no-repeat left bottom; background-size: 0 2px; transition: background-size 700ms; } .index-news .right .index-news-nav .item:hover { background-position-x: left; background-size: 100% 2px; color: #165CD4; } .index-news .right .index-news-nav .item.active { background-position-x: left; background-size: 100% 2px; color: #165CD4; } .index-news .right .index-news-list-item { display: none; } .index-news .right .index-news-list-item:first-child { display: block; } .index-news .right .index-news-list-item a { display: block; /*padding: 10px 0;*/ margin-bottom: 20px; } .index-news .right .index-news-list-item a .title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .index-news .right .index-news-list-item a .title .tt { width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .index-news .right .index-news-list-item a .title .time { color: #666666; } .index-news .right .index-news-list-item a .desc { color: #999; font-size: 14px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: none; } .index-news .right .index-news-list-item a.active { padding-bottom: 10px; border-bottom: 1px solid #eee; } .index-news .right .index-news-list-item a.active .tt { font-weight: 700; } .index-news .right .index-news-list-item a.active .desc { display: block; color: #999; font-size: 1em; overflow: hidden; word-break: break-all; text-overflow: ellipsis; /** 多行 **/ display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /* 理论之窗 */ .theoretica { padding: 50px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } .tList { width: 49%; height: auto; border-bottom: 1px solid #DDDDDD; display: flex; justify-content: space-between; margin-top: 20px; } .tList .tList-l p:nth-child(1) { width: 85px; height: 55px; background: #E32A2A; text-align: center; line-height: 55px; font-weight: bold; font-size: 30px; color: #FFFFFF; } .tList .tList-l p:nth-child(2) { width: 85px; height: 25px; background: #E32A2A; text-align: center; line-height: 25px; margin-top: 5px; font-weight: 400; font-size: 16px; color: #FFFFFF; margin-bottom: 15px; } .tList .tList-r { width: auto; padding-left: 15px; } .tList-r .tList-r-L { height: 22px; font-weight: bold; font-size: 18px; color: #333333; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .tList-r .tList-r-R { margin-top: 20px; height: 46px; width: 100%; font-weight: 500; font-size: 16px; color: #666; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .contactWay { margin-top: 70px; text-align: center; } .contactWay .cWtitle { font-weight: bold; font-size: 30px; color: #333333; } .contactWay .cw { width: 100%; height: 442px; margin-top: 50px; display: flex; justify-content: space-between; } .cw .cwLeft { width: 70%; height: 442px; background: #F9F9F9; float: left; } .cwLeft .lx_way { width: auto; height: 48px; margin-top: 50px; margin-left: 50px; } .way { float: left; text-align: left; margin-left: 15px; } .lx_way p:nth-of-type(1) { font-weight: 400; font-size: 16px; color: #666666; } .lx_way img { height: 48px; width: 48px; float: left; } .lx_way p:nth-of-type(2) { font-weight: bold; font-size: 20px; color: #333333; } .cw .cwRight { width: 28%; height: 442px; background: #F9F9F9; float: left; } .cwRight p:nth-of-type(1) { margin-top: 50px; font-weight: bold; font-size: 30px; color: #333333; } .cwRight img { height: 270px; width: 270px; margin-top: 20px; } .cwRight p:nth-of-type(2) { font-weight: 400; font-size: 20px; color: #333333; } /* 旗下公司 */ .sCompanies { text-align: center; margin-top: 50px; } .sCompanies .sCtitle { font-weight: bold; font-size: 30px; color: #333333; } .piece { width: 100%; height: auto; margin-top: 20px; display: flex; flex-wrap: wrap; /* justify-content: space-around; */ } .piece .pieceLump { width: 32%; height: auto; text-align: left; margin-top: 30px; margin-right: 1%; } .pieceLump:nth-child(3n) { margin-right: 0; } .pieceLump:nth-last-child(-n+1) { margin-bottom: 50px; } .pieceLump .mg { width: 100%; aspect-ratio: 16/10; object-fit: cover; } .pieceLump p:nth-of-type(1) { font-weight: bold; font-size: 22px; color: #333333; margin-top: 30px; } .pieceLump p:nth-of-type(2) { font-weight: 400; font-size: 15px; color: #999999; margin-top: 20px; } .pieceLump p:nth-of-type(3) { font-weight: 400; font-size: 15px; color: #999999; margin-top: 15px; } .pieceLump p:nth-of-type(4) { font-weight: 400; font-size: 15px; color: #999999; margin-top: 15px; } .pieceLump p img { height: 16px; } .show-news .title { text-align: center; padding-top: 50px; padding-bottom: 25px; border-bottom: 1px solid #C1C1C1; margin-bottom: 25px; position: relative; } .show-news .title h1 { font-size: 28px; margin-bottom: 15px; } .show-news .title .ts { display: flex; align-items: center; justify-content: center; font-size: 18px; color: #999; } .show-news .title .ts p { margin: 0 18px; } .show-news .cont img { max-width: 100%; width: auto; } .show-news .cont p { line-height: 1.78em; font-size: 16px; margin-bottom: 5px; } .search-content .search { width: 730px; height: 70px; background: #FFFFFF; border-radius: 35px 35px 35px 35px; border: 1px solid #DDDDDD; margin: 0 auto; display: flex; align-items: center; overflow: hidden; justify-content: space-between; margin-top: 50px; } .search-content .search input { border: none; outline: none; width: 600px; padding-left: 30px; font-size: 20px; } .search-content .search button { outline: none; border: none; background: transparent; margin-right: 30px; } .search-content .search span { width: 36px; font-size: 32px; /*color: #165CD4;*/ } .total { text-align: center; margin-top: 50px; margin-bottom: 30px; font-size: 22px; } .total span { color: #ff1d1d; margin: 0 5px; } .search-nav { display: flex; justify-content: center; } .search-nav a { width: 132px; height: 46px; border-radius: 23px 23px 23px 23px; display: flex; justify-content: center; align-items: center; margin: 0 15px; background: #F0F1F6; } .search-nav a:first-child { background: #165CD4; color: #fff; } .search-list { margin-top: 50px; } .search-list a { position: relative; display: flex; flex-direction: column; padding-bottom: 50px; border-bottom: 1px solid #DDDDDD; margin-bottom: 50px; } .search-list a .tt { /*width: 785px;*/ /*height: 22px;*/ font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 22px; color: #333333; line-height: 22px; text-align: left; font-style: normal; text-transform: none; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .search-list a .desc { width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .search-list a .more { position: absolute; right: 0; width: 96px; height: 36px; border-radius: 18px 18px 18px 18px; display: flex; justify-content: center; align-items: center; top: 30px; background: #F0F1F6; } .search-list a:hover .more { background: #165CD4; color: #fff; } @media screen and (max-width: 1700px) { /*.index-footer .footer .footer-contact .top .emw{*/ /* margin-top: 20px !important;*/ /* margin-bottom: 20px;*/ /*}*/ }