@charset "utf-8"; * { margin: 0px; padding: 0px; box-sizing: border-box; } ul, li { list-style: none; margin: 0px; padding: 0px; box-sizing: border-box; } a { text-decoration: none; color: #3e3e3e; } ::selection { background: #1955a5; color: #fff; } input { -webkit-appearance: none; } img { display: block; width: 100%; max-width: 100%; } html, body { font-family: "microsoft yahei"; font-size: 14px; color: #3e3e3e; } /* 鍘婚櫎iphone鎸夐挳榛樿鏍峰紡浠g爜 */ input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } /* 閫氱敤婊氬姩鏉′唬鐮 */ /* ::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0,0,0,.5); } ::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0,0,0,.1); } */ .thum{ position: relative; overflow: hidden; } .pic{ background: center center no-repeat; background-size: cover; -webkit-transition: all .5s; } /* 閫氱敤澶栧眰 */ .boxes { position: relative; padding: 5vw 0px; background: #fff; } .boxes.f { background: #f9f9f9; } /* 閫氱敤瀹藉害 */ .w1400 { width: 90%; max-width: 1400px; margin: 0px auto; position: relative; } .w1000 { width: 90%; max-width: 1000px; margin: 0px auto; position: relative; } /* 閫氱敤寮瑰嚭灞傛牱寮 */ .lightBox,.searchLight { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .8); z-index: 1000; transition: all .5s cubic-bezier(.23, 1, .32, 1); opacity: 0; visibility: hidden; position: fixed; } .lightBox.active,.searchLight.active { opacity: 1; visibility: visible } .searchGroup{ width: 600px; height: auto; position: absolute; padding:75px 100px; background: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); } .searchGroup .name{ width: 100%; font-size: 16px; font-weight: bold; line-height: 2; margin-bottom: 25px; } .searchGroup input{ width: 100%; height: 50px; border: none; border-bottom: 1px solid rgba(0,0,0,.1); outline: none; margin-bottom: 25px; } .searchBtn{ width: 120px; height: 50px; line-height: 50px; background: rgba(0,0,0,.05); text-align: center; cursor: pointer; color: rgba(0,0,0,.5); -webkit-transition: all .35s; } .searchBtn:hover{ background: #004da0; color: #fff; } .searchGroup input::-webkit-input-placeholder { color: rgba(0,0,0,.3); font-size: 14px; } /* 閫氱敤瑙嗛寮瑰嚭灞傛牱寮 */ .videoBox { width: 70%; max-width: 1000px; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); background: #fff; padding: 35px 0px; border-radius: 10px; } .videoBox video { display: block; position: relative; width: 100%; } .videoCloseBtn { width: 35px; height: 35px; position: absolute; right: 0px; top: 0px; line-height: 35px; text-align: center; cursor: pointer; -webkit-transition: all .5s; } .videoCloseBtn:hover { -webkit-transform: rotate(180deg); } /* 閫氱敤鍗婇€忔槑鑳屾櫙浠g爜 */ .transBg { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .0) 100%); } /* 閫氱敤澶勭悊鍗曡鏂囧瓧婧㈠嚭浠g爜 */ .singleLine { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 閫氱敤澶勭悊澶氳鏂囧瓧婧㈠嚭浠g爜 */ .multiLine { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; white-space: break-spaces; -webkit-box-orient: vertical; line-height: 1.7; } /* 閫氱敤瀛椾綋瀛楀彿琛岃窛鏍峰紡 */ .singePage { width: 100%; line-height: 2; font-size: 16px; } .singePage p { margin-bottom: 15px; } .singePage.c { text-align: center; } /* 閫氱敤鍒嗛〉鏍峰紡 */ #page { padding-top: 50px; display: block; text-align: center; } #page li { display: inline-block; min-width: 45px; height: auto; cursor: pointer; color: #666; font-size: 14px; line-height: 43px; background-color: transparent; border: 1px solid transparent; text-align: center; margin: 0 4px; -webkit-appearance: none; border-radius: 30px; } .xl-nextPage, .xl-prevPage { width: 60px; color: #004da0; height: 28px; } #page li.xl-disabled { opacity: .5; cursor: no-drop; } #page li.xl-disabled:hover { background-color: #f9f9f9 !important; border: 1px solid #dce0e0 !important; color: #666 !important; } #page li.xl-active { background-color: transparent; border-color: transparent; color: #004da0 } #page li:hover { background-color: #004da0 !important; border-color: #004da0; color: #FFF } #page li.xl-jumpText { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); opacity: 1; } #page li.xl-jumpText:hover { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; } #page li.xl-jumpButton { padding: 0 5px; } #xlJumpNum { width: 35px; margin: 0 3px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; } input[type="number"] { -moz-appearance: textfield; } /* 閫氱敤璇︽儏椤垫牱寮 */ .detail_page { width: 100%; background: #fff; position: relative; } .detailTop { width: 100%; height: auto; position: relative; padding-top: 250px; padding-bottom: 50px; background-color: #004da0; color: #fff; } .detailTop .w1400::after { position: absolute; left: 4px; bottom: -64px; content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 14px solid #f3f3f3; display: none; } .newTag { display: block; margin-bottom: 25px; line-height: 1; font-size: 18px; font-weight: bold; } .detailTop .title { display: block; margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: bold; } .detailTop .info { display: block; line-height: 1; font-size: 14px; opacity: .3; } .ndc_npnews .post_next a:hover, .ndc_npnews .post_prev a:hover{ color: #004da0; } .detail_box { width: 1200px; height: auto; margin: 0px auto; display: flex; justify-content: space-between; } .dpl { width: 100%; height: auto; background: #fff; padding: 50px 0px; } .detail_box .dpr { width: 275px; height: auto; background: #fff; align-self: flex-start; } .detail_box .dpr .title { background: #cb2128; color: #fff; line-height: 45px; font-size: 16px; font-weight: bold; text-indent: 20px; } .detail_box .dpr .list { width: 100%; height: auto; padding: 20px; } .detail_box .dpr .list a { display: block; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 15px; margin-bottom: 15px; } .detail_box .dpr .list a:hover { color: #cb2128; } .detail_box .dpr .list a:last-child { border-bottom: none; margin-bottom: 0px; } .detail_box .dpr .list a .name { width: 100%; height: auto; line-height: 1.4; } .detail_box .dpr .list a .time { opacity: .5; line-height: 1.7; font-size: 12px; } .detail_box .dpl .title { font-size: 24px; line-height: 1.4; text-align: center; margin-bottom: 10px; } .detail_box .dpl .info { text-align: center; opacity: .5; line-height: 1.7; margin-bottom: 30px; } /* 閫氱敤鏌ョ湅鏇村鎸夐挳鏍峰紡涓€ */ .commonMore { font-size: 13px; overflow: hidden; position: relative; z-index: 0; display: flex; width: 198px; height: 54px; margin-top: 50px; padding: 0; text-indent: 10px; border: 1px solid #0065b6; border-radius: 32px; align-items: center; justify-content: center; color: #0065b6; cursor: pointer; } .commonMore.w { border: 1px solid #fff; color: #fff; } .commonMore.active, .commonMore.active:hover { background: #ccc; color: #fff; border: 1px solid #ccc; cursor: no-drop; } .commonMore.active::after, .commonMore.active::before { display: none; } .commonMore.c { margin: 0px auto; margin-top: 50px; } .commonMore::before { font-size: 33px; line-height: 46px; position: absolute; z-index: -1; top: 2px; left: 3px; width: 46px; height: 46px; content: ""; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: #0065b6; } .commonMore.w::before { background: #fff; } .commonMore::after { font-size: 33px; line-height: 46px; position: absolute; z-index: -1; top: 3px; left: 3px; width: 46px; height: 46px; content: "+"; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: transparent; } .commonMore:hover { color: #fff; border: 1px solid #d2d3d4; border-color: transparent; background: transparent; } .commonMore.w::after { color: #0065b6; } .commonMore.w:hover:hover { color: #0065b6; } .commonMore:hover::before { content: ""; transform: scale(8); color: #0065b6; } .commonMore.w:hover::before { content: ""; transform: scale(8); color: #fff; } .commonMore:hover::after { color: #0065b6; } .commonMore.w:hover::after { color: #fff; } /* 閫氱敤鏌ョ湅鏇村鎸夐挳鏍峰紡浜岋細鍦嗗舰 */ .commonMore2 { width: 65px; height: 65px; margin: 100px auto 0px; display: block; border-radius: 50%; background: rgba(255, 255, 255, .9); color: #0065b6; line-height: 65px; text-align: center; -webkit-transition: all .35s; position: relative; } .commonMore2.left{ margin: 100px 0px 0px; } .commonMore2 i{ position: relative; } .commonMore2::before { width: 100%; height: 100%; position: absolute; left: 0%; border-radius: 50%; background: #0065b6; -webkit-transform: scale(0); -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275); content: ''; opacity: 0; } .commonMore2:hover { font-size: 20px; color: #fff; } .commonMore2:hover::before { -webkit-transform: scale(1); opacity: 1; } /* 閫氱敤鏌ョ湅鏇村鎸夐挳鏍峰紡涓夛細鏂囧瓧+icon */ .commonMore3{ width: 200px; height: 60px; border-radius: 50px; margin: 100px auto 0px; display: flex; position: relative; align-items: center; justify-content: space-between; border: 1px solid #0065b6; color: #0065b6; overflow: hidden; -webkit-transition: all .4s; background-color: #fff; padding: 0px 20px; } .commonMore3.bw{ border-color: #fff; } .commonMore3 p{ margin-left: 15px; font-size: 16px; } .commonMore3 .icon{ width: 40px; height: 40px; background: #0065b6; border-radius: 50%; color: #fff; line-height: 40px; text-align: center; font-size: 12px; -webkit-transition: all .4s; } .commonMore3:hover{ background: #0065b6; color: #fff; border-color: #0065b6; box-shadow: 0px 0px 30px rgba(0,0,0,.1); } .commonMore3:hover .icon{ background: #fff; color: #0065b6; } /* 閫氱敤鏌ョ湅鏇村鎸夐挳鏍峰紡鍥涳細鏂囧瓧+icon */ .commonMore4{ width: 120px; height: 40px; border: 1px solid #3e3e3e; display: flex; justify-content: center; line-height: 38px; border-radius: 40px; } .commonMore4 p{ margin-right: 5px; } .commonMore4 .icon{ font-size: 12px; } .commonMore4:hover{ background: #000; color: #fff; } .commonMore4.posr{ position: absolute; right: 0px; bottom: 0%; } /* 閫氱敤鍥炲埌椤堕儴浠g爜 */ .backTop { position: fixed; z-index: 2; right: 2%; bottom: 10%; width: 50px; height: 50px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .2); cursor: pointer; line-height: 50px; font-size: 24px; border-radius: 50%; z-index: 50; color: rgba(0, 0, 0, .4); text-align: center; -webkit-transition: all .5s; -webkit-transform: scale(0); opacity: 0; } .backTop.active { -webkit-transform: scale(1); opacity: 1; } .backTop:hover { background-color: #0961af; color: #fff } /* 閫氱敤鍩轰簬swiper鐨刡anner浠g爜 */ .swiperBanner { height: 100vh; position: relative; margin-top: 0px; overflow: hidden; } .swiperBanner .swiper-slide { overflow: hidden; } .swiperBanner .swiper-button-next, .swiperBanner .swiper-button-prev { width: 50px; height: 50px; -webkit-transition: all .5s; -webkit-transform: translateX(0px); background: rgba(0, 0, 0, .1); border-radius: 50%; color: rgba(255,255,255,.5); } .swiperBanner .swiper-button-next { right: -50px; } .swiperBanner .swiper-button-prev { left: -50px; } .swiperBanner .swiper-button-next:after, .swiperBanner .swiper-button-prev:after { font-size: 14px; } .swiperBanner:hover .swiper-button-next { right: 10px; } .swiperBanner:hover .swiper-button-prev { left: 10px; } .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center center } .swiperBanner .swiper-button-next:hover, .swiperBanner .swiper-button-prev:hover { background: rgba(0, 0, 0, .5); } .swiper-pagination.bannerDot { position: absolute; width: auto; height: auto; display: flex; left: 8%; -webkit-transform: translateX(-50%); bottom: 5vw; text-align: center; z-index: 10; background: transparent; } .swiper-pagination.bannerDot .swiper-pagination-bullet { width: 40px; height: 6px; background: rgba(255, 255, 255, .5); display: block; margin-right: 10px; -webkit-transition: all .35s; border: 1px solid #fff; background: transparent; border-radius: 0px; } .swiper-pagination.bannerDot .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } /* 閫氱敤鍏憡鐨勪唬鐮 */ .noticeBox { width: 100%; display: flex; line-height: 60px; justify-content: space-between; overflow: hidden; border-radius: 60px; } .noticeBox .icon { width: 100px; text-align: center; font-size: 20px; color: #fff; } .noticeList { width: calc(100% - 200px); } .noticeList ul { display: block; width: 100%; float: left; height: 60px; overflow: hidden; margin-left: 20px } .noticeList ul li { width: 100%; height: 60px; position: relative; font-size: 16px; } .noticeList ul li a { display: block; width: 100%; height: auto; position: relative; color: #fff; } .noticeList ul li a span { margin-left: 50px; opacity: .7; } .noticeBox .arrow { width: 100px; display: flex; justify-content: center; } .noticeBox .arrow>div { width: 40px; text-align: center; cursor: pointer; color: #fff; } /* 閫氱敤瑙嗛鎾斁鎸夐挳 */ .commonVideoBtn { width: 60px; height: 60px; position: relative; display: block; cursor: pointer; margin: 50px auto; } .commonVideoBtn::after, .commonVideoBtn::before { width: 100%; height: 100%; border: 1px solid #fff; position: absolute; left: -1px; top: -1px; content: ''; border-radius: 50%; -webkit-animation: scaleAnimate 2s linear infinite; opacity: 0; } .commonVideoBtn::after { -webkit-animation-delay: .5s; } @-webkit-keyframes scaleAnimate { 0% { -webkit-transform: scale(1); opacity: 0; } 50% { -webkit-transform: scale(1.5); opacity: 0.7; } 100% { -webkit-transform: scale(2); opacity: 0; } } .commonVideoBtn span { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; border-radius: 50%; } .commonVideoBtn span::after { width: 0px; height: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #035ea3; content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); } /* 閫氱敤棰嗗鍒楄〃 */ .leader { width: 100%; } .leader ul { display: flex; flex-wrap: wrap; } .leader ul li { width: 23.5%; height: auto; position: relative; margin-right: 2%; margin-bottom: 30px; } .leader ul li:nth-child(4n) { margin-right: 0%; } .leader ul li .thum { overflow: hidden; position: relative; } .leader ul li .pic { background: center center no-repeat; background-size: cover; -webkit-transition: all 2s; } .leader ul li:hover .pic { -webkit-transform: scale(1.1); } .leader ul li .pic img { max-width: auto; width: 100%; } .leader ul li .name { width: 100%; left: 0%; background: #fff; height: auto; padding: 20px; -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); bottom: -60px; } .leader ul li:hover .des { opacity: 1; visibility: visible; } .leader ul li .name .title { display: block; font-size: 20px; line-height: 1.4; font-weight: normal; color: #000; margin-bottom: 5px; } .leader ul li .name .zw { line-height: 1.4; opacity: .7; } .leader ul li .des { width: 100%; height: 100%; line-height: 1.7; opacity: 0; visibility: hidden; -webkit-transition: all 0.36s; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, .9); padding: 20px; display: flex; justify-content: center; align-items: center; } /* 閫氱敤涓撳鍥㈤槦浠g爜 */ .expert { width: 100%; } .expert ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .expert ul li { width: 49%; height: auto; position: relative; margin-bottom: 30px; background: #fff; } .expert ul li a { width: 100%; display: flex; } .expert ul li .thum { width: 40%; height: auto; position: relative; overflow: hidden; } .expert ul li .thum .pic { background: center center no-repeat; background-size: cover; height: 100%; } .expert ul li .thum .pic img { max-width: none; width: 100%; } .expert ul li .info { width: 60%; padding: 50px 25px; } .expert ul li .info .name { font-size: 20px; font-weight: bold; color: #000; } .expert ul li .info .mark { font-size: 14px; opacity: .7; margin-bottom: 25px; } .expert ul li .info .des { width: 100%; line-height: 2; } /* 閫氱敤瑙嗛鍒楄〃浠g爜 */ .videoList { position: relative; z-index: 5 } .videoList ul { display: flex; flex-wrap: wrap; } .videoList ul li { width: 32%; margin-right: 2%; margin-bottom: 25px; cursor: pointer; } .videoList ul li:nth-child(3n) { margin-right: 0 } .videoList ul li .pic { position: relative; background: center center no-repeat; background-size: cover; -webkit-transition: all .5s } .videoList ul li .thum { display: block; width: 100%; height: auto; position: relative; overflow: hidden } .videoList ul li .thum::after { width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); background: url(../../images/common/play_btn.png) no-repeat; background-size: cover; content: ''; -webkit-transition: all .5s; opacity: .9 } .videoList ul li .pic img { max-width: auto; width: 100% } .videoList ul li .title { font-size: 16px; width: 100%; padding: 20px; text-align: center; background: #fff; } .videoList ul li .duration { position: absolute; background-color: #111; opacity: .8; top: 102px; right: 10px; margin: 4px; color: #fff; padding: 2px 4px; border-radius: 2px; letter-spacing: .5px; font-size: 14px; font-weight: 500; line-height: 14px } .videoList ul li:hover .pic { -webkit-transform: scale(1.1) } .videoList ul li:hover .thum::after { -webkit-transform: translate(-50%, -50%) scale(.8); opacity: 0 } /* 閫氱敤鏃犲浘鐗囨柊闂诲垪琛ㄤ唬鐮佷竴 */ .newsText ul li { background: #f9f9f9; margin-bottom: 25px; border-radius: 5px; } .newsText ul li a { display: flex; width: 100%; height: auto; justify-content: space-between; padding: 25px; } .newsText ul li:hover { background: #035ea3; } .newsText ul li a .time { width: 100px; height: 100px; background: #035ea3; color: #fff; text-align: center; font-family: din; border-radius: 5px; } .newsText ul li:hover a { color: #fff; } .newsText ul li:hover a .time { background: #fff; color: #035ea3; } .newsText ul li:hover a .info .name { border-bottom: 1px solid rgba(255, 255, 255, .1); } .newsText ul li a .time b { display: block; font-size: 32px; padding-top: 25px; } .newsText ul li a .info { width: calc(100% - 125px); } .newsText ul li a .info .name { width: 100%; height: auto; position: relative; font-size: 18px; line-height: 35px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newsText ul li a .info .des { width: 100%; height: auto; line-height: 1.7; padding-top: 10px; opacity: .7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 閫氱敤鏃犲浘鐗囨柊闂诲垪琛ㄤ唬鐮佷簩锛氫竴鏉′竴鎺 */ .newsText2 { width: 100%; height: auto; } .newsText2 ul li { position: relative; } .newsText2 ul li a { padding: 20px; width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #ececec; } .newsText2 ul li a::after { width: 57px; height: 61px; position: absolute; left: -7px; top: 0px; background: url(../../images/common/newIcon.png) no-repeat; background-size: cover; content: ''; } .newsText2 ul li:nth-child(n+4) a::after { display: none; } .newsText2 ul li a .time { width: 70px; height: 60px; text-align: center; display: flex; align-items: center; flex-wrap: wrap; font-family: din; padding: 5px 0px; } .newsText2 ul li a .time b { font-size: 28px; } .newsText2 ul li a .time b, .newsText2 ul li a .time p { display: block; width: 100%; } .newsText2 ul li a .time p { opacity: .5; } .newsText2 ul li a .info { width: calc(100% - 70px); height: auto; font-size: 16px; line-height: 1.7; display: flex; align-items: center; } .newsText2 ul li a:hover { color: #2679b9; } /* 涓€鎺掍袱鏉 */ .newsText2.ab ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .newsText2.ab ul li { width: 49%; background: #f9f9f9; margin-bottom: 15px; } .newsText2.ab ul li a::after { display: none; } /* 閫氱敤鏃犲浘鐗囨柊闂诲垪琛ㄤ唬鐮佷笁锛氫笁鏉′竴鎺 */ .newsText3 { width: 100%; } .newsText3 ul { display: flex; flex-wrap: wrap; } .newsText3 ul li { width: 32%; height: auto; position: relative; margin-right: 2%; margin-bottom: 30px; } .newsText3 ul li:nth-child(3n) { margin-right: 0%; } .newsText3 ul li a { display: block; padding: 20px; position: relative; border: 1px solid rgba(0, 0, 0, .05); border-top: 5px solid #006eb9; -webkit-transition: all .5s; } .newsText3 ul li a .time { display: block; width: 100%; height: auto; line-height: 20px; font-size: 12px; opacity: .7; margin-bottom: 10px; } .newsText3 ul li a .title { font-size: 18px; margin-bottom: 20px; line-height: 1.4; } .newsText3 ul li a:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, .1); } .newsText3 ul li a:hover .title { color: #006eb9; } .newsText3 ul li a .des { line-height: 2; height: 200px; overflow: hidden; opacity: .7; margin-bottom: 50px; } .newsText3 ul li a .more { font-size: 12px; opacity: .7; position: relative; line-height: 20px; padding-right: 20px; text-align: right; } .newsText3 ul li a .more::before { width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; background: url(../../images/common/arrowBtn.png) no-repeat; background-size: cover; content: ''; -webkit-transform: scale(0.8); opacity: .7; } /* 閫氱敤鏈夊浘鐗囨柊闂诲垪琛ㄤ唬鐮佸洓锛氫竴鎺?鏉 */ .newsImg{ width: 100%; padding-top: 20px; } .newsImg ul{ display: flex; flex-wrap: wrap; } .newsImg ul li{ width: calc(100% / 3); position: relative; } .newsImg ul li a{ display: block; position: relative; padding: 70px 5%; border-right: 1px solid rgba(0,0,0,.03); -webkit-transition: all .5s; } .newsImg ul li:nth-child(n+4) a{ border-top: 1px solid rgba(0,0,0,.03); } .newsImg ul li a:hover{ box-shadow: 0 20px 20px rgba(0,0,0,.1); } .newsImg ul li a::before{ content: ""; width: 0; height: 3px; background-color: #0065b6; position: absolute; bottom: 0; left: 50%; transition: all .4s ease; opacity: 0; } .newsImg ul li a .time{ font-family: butler; display: block; font-size: 24px; margin-bottom: 25px; opacity: 0; position: relative; top: -10px; transition: all .4s ease; } .newsImg ul li a .title{ font-size: 16px; margin-bottom: 15px; } .newsImg ul li a .des{ font-size: 14px; opacity: .7; margin-bottom: 50px; } .newsImg ul li a .thum{ position: relative; overflow: hidden; margin-bottom: 50px; } .newsImg ul li a .thum .pic{ background: center center no-repeat; background-size: cover; transition: all .4s ease; } .newsImg ul li a .more{ width: 65px; height: 65px; line-height: 65px; text-align: center; border-radius: 50%; font-size: 14px; -webkit-transition: all .4s; position: relative; } .newsImg ul li a .more i{ position: relative; } .newsImg ul li a .more::before{ width: 100%; height: 100%; position: absolute; left: 0%; border-radius: 50%; background: #0065b6; -webkit-transform: scale(0); -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275); content: ''; opacity: 0; } .newsImg ul li a:hover .more{ color: #fff; } .newsImg ul li a:hover .more::before{ -webkit-transform: scale(1); opacity: 1; } .newsImg ul li a:hover .time{ top: 0px; opacity: 0.7; } .newsImg ul li a:hover .thum .pic{ -webkit-transform: scale(1.05); } .newsImg ul li a:hover .title{ color: #0065b6; } /* 閫氱敤鏈夊浘鐗囨柊闂诲垪琛ㄤ唬鐮佷簲锛氫竴鎺?鏉 */ .newsImg2{ width: 100%; height: auto; } .newsImg2 ul{ display: flex; flex-wrap: wrap; } .newsImg2 ul li{ width: 32%; height: auto; position: relative; background: #f6f6f6; margin-right: 2%; margin-bottom: 25px; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.1); -webkit-transition: all .5s; } .newsImg2 ul li:nth-child(3n){ margin-right: 0%; } .newsImg2 ul li a{ display: block; } .newsImg2 ul li .thum{ width: 100%; height: auto; overflow: hidden; } .newsImg2 ul li .thum .pic{ width: 100%; background: center center no-repeat; background-size: cover; overflow: hidden; -webkit-transition: all .5s; } .newsImg2 ul li:hover{ background: #0065b6; color: #fff; } .newsImg2 ul li:hover .pic{ -webkit-transform: scale(1.1); } .newsImg2 ul li:hover .info .name,.newsImg2 ul li:hover .info .des{ color: #fff; } .newsImg2 ul li .info{ width: 100%; height: auto; padding: 25px; } .newsImg2 ul li .info .time{ width: 100%; height: auto; line-height: 2; font-family: PTDIN; opacity: .7; font-size: 16px; } .newsImg2 ul li .info .name{ width: 100%; line-height: 1.7; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .newsImg2 ul li .info .des{ width: 100%; height: auto; line-height: 1.7; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; opacity: .7; } /* 閫氱敤鏂伴椈鍒楄〃鏍峰紡浜 涓€鎺掍笁涓 */ .news ul{ display: flex; flex-wrap: wrap; } .news ul li{ width: 32%; position: relative; height: auto; margin-right: 2%; margin-bottom: 20px; } .news ul li:nth-child(3n){ margin-right: 0%; } .news ul li a{ display: block; position: relative; overflow: hidden; } .news ul li a .pic{ width: 100%; height: auto; position: relative; background: center center no-repeat; -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); } .news ul li a:hover .pic{ -webkit-transform: scale(1.1); } .news ul li a .pic img{ max-width: none; width: 100%; } .news ul li a .info{ width: 70%; height: 100%; position: absolute; left: -70%; top: 0px; background: rgba(255,255,255,.95); padding: 25px; display: flex; flex-wrap: wrap; -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1); } .news ul li a:hover .info{ left: 0px; } .news ul li a .info .time{ width: 100%; height: auto; position: relative; font-family: din; font-size: 40px; line-height: 1; } .news ul li a .info .time b{ font-size: 20px; } .news ul li a .info .des{ position: absolute; left: 0px; bottom: 0px; padding: 25px; } .news ul li a .info .name{ font-size: 16px; margin-bottom: 10px; } .news ul li a .info .d{ font-size: 14px; line-height: 1.7; opacity: .7; } /* 閫氱敤鏈嶅姟棰嗗煙鏍峰紡涓€ */ .services li .text-item { display: flex; padding: 50px 0px; } .services li .text-item .left { width: 30%; padding-right: 5vw; } .services li .text-item .left h2 { font-size: 26px; line-height: 1; color: #000000; } .services li .text-item .left i { display: block; width: 50px; height: 2px; background-color: #277bba; margin: 20px 0; } .services li .text-item .left p { line-height: 1.8; text-transform: uppercase; opacity: .7; } .services li .text-item .right { width: 70%; padding-left: 5vw; border-left: 1px solid rgba(0, 0, 0, .1); } .services li .text-item .right h2 { margin-bottom: 20px; } .services li .text-item .right p { font-size: 15px; line-height: 2; text-align: justify; color: #828282; } .services li .text-item .right p+p { margin-top: 10px; } .services li .text-item .right .read-more { width: 180px; line-height: 45px; background-color: #277bba; color: #ffffff; display: block; text-align: center; margin-top: 30px; cursor: pointer; font-size: 15px; } .services li .text-item .right .read-more .iconfont { font-size: 20px; vertical-align: top; line-height: 45px; } .services li .img-item { height: 400px; position: relative; } .services li .img-item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; } .services li { margin-bottom: 50px; } /* 閫氱敤璧勮川鑽h獕鏍峰紡涓€ */ .honor_list { width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .honor_list a { display: block; width: 32%; height: auto; position: relative; margin-right: 2%; margin-bottom: 30px; -webkit-transition: all .5s; } .honor_list a .thum { width: 100%; height: auto; position: relative; overflow: hidden; background: #f9f9f9 } .honor_list a .thum .pic { background: center center no-repeat; background-size: contain; -webkit-transition: all .4s ease; transition: all .4s ease } .honor_list a .thum .pic img { width: 100% } .honor_list a .more { position: absolute; width: 60px; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; top: 50%; left: 50%; font-size: 24px; background-color: #fff; color: #277bba; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -webkit-transition: all .4s ease; border-radius: 50% } .honor_list a .more::before { width: 14px; height: 2px; background: #277bba; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); content: "" } .honor_list a .more::after { width: 2px; height: 14px; background: #277bba; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); content: "" } .honor_list a:nth-child(3n) { margin-right: 0%; } .honor_list a:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, .1); } .honor_list a:hover .pic { -webkit-transform: scale(1.01); opacity: .8 } .honor_list a:hover .more { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } /* 閫氱敤鏂伴椈鐒︾偣鍥炬牱寮 */ .news_focus { padding-bottom: 40px; margin-bottom: 50px; } .news_focus .thum { position: relative; width: 100%; height: auto; overflow: hidden; } .news_focus .thum .pic { background: center center no-repeat; background-size: cover; -webkit-transition: all 1s; } .news_focus .thum .pic img { max-width: none; width: 100%; } .news_focus .info { position: absolute; left: 0px; bottom: 0px; padding: 20px; color: #fff; } .news_focus .info .name { font-size: 18px; margin-bottom: 10px; line-height: 1.4; } .news_focus .swiper-pagination-bullet { width: 10px; height: 3px; border-radius: 0px; background: #277bba; } .news_focus .swiper-pagination-bullet-active { width: 20px; } /* 閫氱敤鍦板浘鍙婅仈绯绘柟寮忔牱寮忎竴 */ .contactBox { width: 100%; height: auto; display: flex; justify-content: space-between; } .contactBox .cbl { width: 350px; height: auto; background: #fff; padding: 35px 25px; } .contactBox .cbl ul li { width: 100%; display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 30px; } .contactBox .cbl ul li:last-child { padding-bottom: 0px; border-bottom: none; margin-bottom: 0px; } .contactBox .cbl ul li .icon { width: 50px; height: 50px; line-height: 40px; text-align: center; font-size: 36px; color: #035ea3; } .contactBox .cbl ul li .info { width: calc(100% - 60px); } .contactBox .cbl ul li .info .b { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .contactBox .cbl ul li .info .p { line-height: 1.4; font-family: Arciform; } .contactBox .cbr { width: calc(100% - 370px); background: #fff; border: 1px solid #fff; } .contactBox .cbl ul li:nth-child(5) .icon { font-size: 28px; } /* 閫氱敤涓婁竴鏉′笅涓€鏉℃牱寮 */ .ndc_npnews { width: 100%; height: auto; display: flex; } .ndc_npnews .post_next, .ndc_npnews .post_prev { width: 100%; display: flex; font-size: 24px; line-height: 1.8; flex-wrap: wrap; padding: 50px 0px; } .ndc_npnews .post_prev{ border-bottom: 1px solid #e1e1e1; } .ndc_npnews .post_next:hover .icon:after, .ndc_npnews .post_prev:hover .icon:after { background: rgba(255, 255, 255, .2) } .ndc_npnews .post_next .icon, .ndc_npnews .post_prev .icon { width: 20px; position: relative } .ndc_npnews .post_next .icon:before, .ndc_npnews .post_prev .icon:before { width: 14px; height: 14px; position: absolute; left: 0; top: 3px; background: url(../../images/common/udIcon.png) no-repeat; background-size: cover; content: ''; opacity: .5 } .ndc_npnews .post_next .icon:before { left: auto; right: 0; -webkit-transform: rotate(-180deg) } .ndc_npnews .post_next .name, .ndc_npnews .post_prev .name { width: calc(100% - 20px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ndc_npnews .post_next .name { direction: initial; } .ndc_npnews .txt { display: block; width: 100%; margin-bottom: 6px; font-size: 16px; opacity: .7; } /* 閫氱敤鍥㈤槦浠嬬粛璇︽儏鏍峰紡涓€ */ .expertDetail { padding: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; } .expertDetail .thum { width: 350px; height: auto; position: relative; } .expertDetail .info { width: calc(100% - 400px); } .expertDetail .info .name { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 15px; margin-bottom: 15px; } .expertDetail .info .name b { display: block; font-size: 24px; line-height: 2; } .expertDetail .info .name p { font-size: 16px; opacity: .7; } /* 閫氱敤娣″叆鏍峰紡涓€ */ .swiper-container.swiperNomal { height: 100vh; } .swiper-container.swiperNomal .pic { position: absolute; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; transition: 1s linear 2s; -webkit-transition: 1s linear 2s; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); } .swiper-container.swiperNomal .swiper-slide-active .pic { transition: 6s linear; transform: scale(1, 1); -webkit-transition: 6s linear; -webkit-transform: scale(1, 1); } .swiperNomal .swiper-pagination-bullet { width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 16px; color: #fff; opacity: 1; background: transparent; font-family: butler; position: relative; -webkit-transition: all .8s; } .swiperNomal .swiper-pagination-bullet::after { width: 0px; height: 1px; position: absolute; right: 0px; top: 50%; background: #fff; content: ''; -webkit-transition: all .8s; opacity: 0; } .swiperNomal .swiper-pagination-bullet.swiper-pagination-bullet-active { margin-right: 80px; } .swiperNomal .swiper-pagination-bullet.swiper-pagination-bullet-active::after { width: 80px; right: -80px; opacity: 1; } .swiperNomal .swiper-pagination { position: relative; } .swiperNomal .dotBox { display: flex; justify-content: center; width: auto; position: absolute; bottom: 2vw; width: 100%; } .swiperNomal .btnBox { width: auto; display: flex; position: relative; z-index: 10; margin-left: 5px; } .swiperNomal .btnBox .prev, .swiperNomal .btnBox .next { width: 35px; height: 35px; border: 1px solid rgba(255, 255, 255, 1); border-radius: 50%; line-height: 35px; text-align: center; margin: 0px 6px; color: #fff; cursor: pointer; } /* 閫氱敤鑷姩婊氬姩鏍峰紡 */ .dowebok { width: 100% } .dowebok .img { margin-left: 5px; display: inline-block; width: 250px; height: auto; background: center center no-repeat; background-size: cover; } .str_wrap { overflow: hidden; width: 100%; font-size: 12px; line-height: 16px; position: absolute; -moz-user-select: none; -khtml-user-select: none; user-select: none; left: 0px; bottom: 0px; white-space: nowrap } .str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move } .str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0 } .str_vertical .str_move_clone { left: 0; top: 100% } .str_down .str_move_clone { left: 0; bottom: 100% } .str_down .str_move, .str_vertical .str_move { white-space: normal; width: 100% } /* 閫氱敤鍐呴〉banner鏍峰紡 */ .sub_banner { position: relative; background: #000000; } .sub_banner img { opacity: .7; } .common_title { width: 100%; height: auto; color: #035ea3; } .common_title.abs { position: absolute; top: 45%; -webkit-transform: translateY(-50%); text-align: center; color: #fff; } .common_title b { font-size: 36px; display: block; line-height: 1.6; font-weight: normal; position: relative; } .common_title p { font-size: 36px; font-family: butler; text-transform: uppercase; } /* 閫氱敤鎻愮ず鏍峰紡 */ .toast { width: 100%; height: 50px; left: 0; top: 50%; margin-top: -25px; z-index: 5000; opacity: 0; visibility: hidden; pointer-events: none; position: fixed; text-align: center; font-size: 14px; } .toast.active { opacity: 1; visibility: visible } .toast.warning p { color: #efb336; border-color: #efb336; } .toast p { display: inline-block; border-radius: 5px; background-color: #fff; color: #222; padding: 10px 20px; border: 1px solid #222; box-shadow: 0 0 5px rgba(55, 55, 55, .2); } .toast.error span, .toast.success span, .toast.warning span { padding-left: 30px; } .toast span { display: inline-block; font-size: 16px; position: relative; } .toast span::before { position: absolute; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; background-size: contain; top: 50%; margin-top: -12px; left: 0; content: ''; } .toast.warning span::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEa0lEQVRoQ+2YT2gcdRTHv282sc2hYWcQ7MEeGlsqLaVoMrNqL7YnaXa29ZJ6UFGiFPwD4kFaJChVAiI9iIoiWqpSKBHR7iTxpD216syGKDHaXHJQULFhZ5q0SZrszJPfpgnbZHfn77YbyO/6+73ve5/9zvu9nSGs80XrvH5sANxpBzccqOfAzHBmN7BwZcuh0SuNcqohDlwd6sy4buo0EXYDzGCcTbdIL9Khn6eTBkkcwBnSutjliyC6q7JYZh6X52cfpJ7xhSQhEgXgAaTsNnWUQHurFUmM/nTOfL1pAWxDexXAqZoFMi+ShPvTWWsyKYjEHLg2pG5dcGmSCG0+xV2QdfNg0wEUDfUcgY4GKYwIPems+VWQs35nEnHAHuw8AE794JdseZ/B/8pzLR3U8+Nc0Jha52IDcKGz1flHugxQR5hiGHhX0c3XwsRUvRjiChQN9QSB+kPrMNwUe3vaDxcmQsdWBMRyYPZbddu8RBPVGlc8Jilwr8eUAXB89VwQNTD4kqJb++8YgG1o3wA4UrUA8nrlbOG02CvmtY+JcKzaOQY/qejW2agQkR3wa1wmZJWsOSQKs/PqSRD1VS+Sp9LedAcdnpiJAhEJgId3bHJc+fd6jRscoPwwvSfr1iu3DcA2tDcAvFkvYSgAhssp9wGle2QsLERoB5xBtYMZ4tfflBjAktCIrJtdDQewDU0MrAN+iUI5sDLh+Fk5Z53x067cD+WAbWjixhE3j++KBACeQmlxp/z4L45vgpsHAgPwwMNt9ubSBBFtCyIeDUC8/vBHSs56IUgOcSYwgGOo/Qw6EVQ4KkAZQfL2BW3oQADlxvVwGUStjQdYauh01lSJwH75AgEEbdzKZNEdWFIh4mPprPVJbADHUI8y6Jyf0Or9uABgduAubvdr6LoOlBu3rTRJoK1hAQDuk3XrbRFnG2oeID20BuMzOWc+Vy+uLoBtdJ0CJPGeG34xeyD6GszXQfRMeIGbj5IENd1tFmrF1wSYPt+1yyVpHIRU1ORJxDF4TM5a+2o1dE2AoqFeJNAjSRQRV4PhvazohQ+q6VQFsPNdT4GkL+Il5g9bPemtBam0kyCdAei+qHrMuNZC7vZ2fWRqtcYaAD6/a4sjtU8CdHfUhGC25JylLceLT42el/opsp4IZHwp58ynfQFsQ3sfwEtxkjHzgJKzVj6xiNvMaXNn42iK2BTx/vasdalS5xYHikOde8mTfhVjJFYy8f8eOKLkzMHyNTqo9oHpZCxNYQLzhDxv7aEeuMtatwLk1e+I6LG4iZbjGfwbmK4TQbzYJ7IIeD6tm5+uAZgdztx7w+W/EsnSSJFV/bXiQHFQ6yZG2fLmXnxD1q3Naxxw8tpBJnzf3MWXb6P/5Jx5zxoAvvBoizMz+wcIO5oZgpnfUXLW8apNfDWfeciFNxD0rev2g/Ln6Tmrt+YtVJ4X4mPt3/QESIo8OZMF4xKYx5h4VNFH/vQdZMkmb7xavIHV+Pp8M2wA+P5EDT6w7h34H01KxEDHpGQGAAAAAElFTkSuQmCC); } .toast.error p { color: #d81e06; border-color: #d81e06; } .toast.error span::before { background-image: url(data:image/png;base64,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); } .toast.success p { color: #0fc27c; border-color: #0fc27c; } .toast.success span::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD3ElEQVRoQ9WaXW7aQBDHZ2yHVmqB9ASlJyh5rKoScoKSE4ScIPStCpZCJBL1Ldwg5ARNT8BHVfUxcIKQExSDIhUwO5UNpg628XptA8lj2J39/2ZmZ7+MEMVfo7KblCafUcIMEuSBKAOImSemiXqA2COEJjHqDdnODzio9MMOj8IGGpXdlKQfIVARELNCdog6DKAWBiYwwMvfXzOJiXyChEVA2BUSvtyJoE8S1MaKfvP3w7deEJuBAFI/1TNkUIpMuAfI4FP1nBeCC+DVr9OsouO1cKrwqrHaEXVGiekhTzR8AZLt06JE0lVsXveCI+gzhONhrnq7in8lgCkepOugDoyyPQN2PMxd1r1segJsg3hL9CoIV4BkWy1IAN+j9GRYWwzg0C2dHABGmXwxVu7WnvN+hAT9UULfW57YDoB0q3y3tmrjJ9pRZqmj7V/s2f/9BCDVUiuIcBbU7jrbE8H5YL9ascZcAGxt6rgsdvZUWgCkWmoNEU7W6U3RsexRmAE0KrtpSb/f8MTt6jIrPo4TvZQ8qSHgkScgQV9jyjtjN2sCpNrlEgJeiXokgn5dbark7dvrdLvcA8C3XrattcEE2HDlcYifO7W+OgqzioRm+sj6nwi8KGLCVbxZUCbKvZ9Bbaq8wQ1uGVzFz+bjpMGzFhmrM26o+oQWb0THqEaYbqtNANj3CxcQaQRYRwTj+Ojf3ttgJOLn5luYbpXvHQdwl8F1me09frzshKxaUYo3QtAzIkB+3iegm0HuomhvJzB3ohU/F8MFAABNLVc9WAYNABGLeEMPLwB4HSo4IGITHwjAaCwAEav4OcDqJXs5bQJAxC4egB74y6iNhANiDeJNQS3hhcwbQi0Mp0rTce8ZYIX1q4rW7+ZCxjEJPe35XXksOsYgfjYn4TD0Zs4XIibxBoC5mTO3023VWGHf84aOd2IH2ZgJjN3VctVsZAcaRyRi9Ly9pNuOlBPjASIt4IlFFyIoDZhy81rRszKjK54tsdB4RJrGdjKLI6W5QXvWh3oAmF2ryJ2wURDyaJBORNooMc1aN3TP72IL6Msgd1GzmJ1XiyErUhBnCrQ1K4+9n8fl7ham0lLqeEbA+OFZX69bZGG2GAKpsbJL4AeObYLw26pwPPKpBYmovvbySqQxxGKoRz4rEvObMuO1UHi/FDCtuqMdvRDJM6t9YPMBBKgUWzRmd081+wOGH7hvCi0bMD81GCvFSEHmwscJvc7j9ZXrgB+x/ZCSlMcFCaRSiNTqMmC14TRxK/rlSuAIuAIan9vIeh4JsoiQB6CM826fHgCwRwRNQui4Hju5vfe/4T8KykdZu9C3xgAAAABJRU5ErkJggg==); } /* 閫氱敤鍥炬枃鍒楄〃鏍峰紡涓€ */ .wldList{ width: 100%; height: auto; position: relative; } .wldList ul{ display: flex; flex-wrap: wrap; } .wldList ul li{ width: 49%; height: auto; margin-right: 2%; margin-bottom: 25px; } .wldList ul li:nth-child(even){ margin-right: 0%; } .wldList ul li .thum{ position: relative; width: 100%; height: auto; overflow: hidden; } .wldList ul li .pic{ background: center center no-repeat; background-size: cover; -webkit-transition: all .5s; } .wldList ul li:hover .pic{ -webkit-transform: scale(1.05); } .wldList ul li p{ display: block; width: 100%; padding: 20px 40px; height: auto; position: relative; font-size: 20px; background: #fff; } .wldList ul li p:after{ width: 20px; height: 5px; background: #0065b6; content: ''; position: absolute; left: 0; top: 50%; opacity: 1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: -2.5px; } .subBanner{ width: 100%; position: relative; background: #000; } .subBanner img{ position: relative; } /* 鑷畾涔夋粴鍔ㄦ潯 */ .commonScroll{ padding-right: 10px; } .commonScroll::-webkit-scrollbar { width: 8px; height: 1px; } .commonScroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,.5); } .commonScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: rgba(0,0,0,.1); }