.btn { cursor: pointer; transition: all ease 0.2s; border-radius: 50px; border: 1px solid; } .btn-small { padding: 3px 29px; } .btn-normal { padding: 0.09rem 0.29rem; } .btn-theme { background-color: #012FA7; color: #fff; border-color: #012FA7; } .btn-theme:hover { background-color: #1482FF; border-color: #1482FF; } .btn-info { background-color: #fff; color: #797979; border-color: #797979; } .btn-info:hover { background-color: #012FA7; border-color: #012FA7; color: #fff; } .text-btn-theme { color: rgba(0, 0, 0, 0.72); } .text-btn-theme:hover { color: #012FA7; } .btn-text { border: none; } @keyframes comSwiperPoints { 0% { background-position: center -20px; } 24% { background-position: center -20px; } 25% { background-position: center -50px; } 49% { background-position: center -50px; } 50% { background-position: center -80px; } 74% { background-position: center -80px; } 75% { background-position: center -110px; } 100% { background-position: center -110px; } } @keyframes comSwiperColorPoints { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: rgb(255, 255, 255); } } @keyframes marqueeScroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-300%); } } @keyframes rotate_added { 0% { background-color: #012FA7; transform: rotate(-180deg); } 100% { background-color: #012FA7; transform: rotate(1deg); } } .iconTK-arr-rt::after { content: "\e903"; font-family: "icomoon" !important; vertical-align: middle; margin-left: 0.02rem; } .pc_hd, .pc_hd_f { display: none !important; } main { margin-top: 0.66rem; background-color: #F1F1F1; min-height: 100vh; } #header { position: fixed; top: 0; z-index: 999999999; left: 0; right: 0; background-color: #000; transition: all ease 0.2s; } #header .toobar-img { font-size: 0.14rem; line-height: 0.24rem; margin-left: 3rem; cursor:pointer; } #header .toobar-img img{width:90%;} #header .toobar-img2 { font-size: 0.14rem; line-height: 0.24rem; cursor:pointer; } #header .toobar-img2 img{width:90%;} #header .toolbar-container { display: flex; align-items: center; justify-content: space-between; height: 0.66rem; } #header .toolbar-container .toolbar-container-left { display: flex; } #header .toolbar-logo svg { width: 0.96rem; height: 0.24rem; display: block; } #header .logo-color { display: none; } #header .toolbar-menus .toolbar-navbar { display: flex; align-items: center; font-size: 0.14rem; line-height: 0.22rem; color: #fff; } #header .toolbar-menus .toolbar-navbar .navbar { position: relative; } #header .toolbar-menus .toolbar-navbar .navbar.dropdown .dropdown-title .dropdown-title-link::after { content: "\e904"; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; width: 0.14rem; display: inline-block; text-align: center; } #header .toolbar-menus .toolbar-navbar .navbar.dropdown:hover .dropdown-title .dropdown-title-link::after { transform: rotate(180deg); } #header .toolbar-menus .dropdown-title-link { padding: 0 0.08rem; display: block; font-weight: 500; cursor: pointer; position: relative; } #header .toolbar-menus .dropdown-title-link::before { content: ""; position: absolute; left: 0; right: 0; top: 60%; bottom: 0; opacity: 0; background-color: #F1F1F1; border-radius: 4px; transition: all ease 0.2s; } #header .toolbar-menus .dropdown-title-link:hover::before { opacity: 0.2; } #header .toolbar-menus span.dropdown-title-link { cursor: initial; align-items: center; } #header .toolbar-menus span.dropdown-title-link:hover::before { opacity: 0; } #header .toolbar-menus .dropdown-menu { display: none; position: absolute; transform: translateX(-0.1rem); padding-top: 0.23rem; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner { background-color: #000; padding: 0.36rem 0.48rem; white-space: nowrap; border-radius: 0 0 0.02rem 0.02rem; box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08); display: flex; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-link { position: relative; z-index: 2; display: block; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-li { cursor: pointer; position: relative; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-li::before { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 60%; bottom: 10%; opacity: 0; background-color: #F1F1F1; border-radius: 4px; transition: all ease 0.2s; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-li:hover::before { opacity: 0.2; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont+.dropdown-menu-listCont { margin-left: 0.92rem; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont .dropdown-menu-title { color: #DEDEDE; font-size: 0.14rem; line-height: 0.22rem; margin-bottom: 0.24rem; } #header .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont .dropdown-menu-li { margin-top: 0.08rem; font-size: 0.2rem; line-height: 0.32rem; font-weight: 700; width: -moz-fit-content; width: fit-content; } #header .toolbar-menus .navbar.dropdown:hover { position: relative; } #header .toolbar-menus .navbar.dropdown:hover::before, #header .toolbar-menus .navbar.dropdown:hover::after { content: ""; position: absolute; width: 1px; top: -0.22rem; height: 0.66rem; background-color: #F1F1F1; left: 0; z-index: 12; } #header .toolbar-menus .navbar.dropdown:hover::after { left: initial; right: 0; } #header .toolbar-menus .navbar.dropdown:hover .dropdown-menu { display: block !important; } #header .com-ly-btn, #header .toggle-btn { display: none; } #header.skin-light, #header:hover { background-color: #fff; border-bottom: 1px solid #F1F1F1; } #header.skin-light .toolbar-menus .dropdown-menu-inner, #header:hover .toolbar-menus .dropdown-menu-inner { background-color: #fff; } #header.skin-light .toolbar-menus .toolbar-navbar, #header.skin-light .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-link, #header.skin-light .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont .dropdown-menu-title, #header:hover .toolbar-menus .toolbar-navbar, #header:hover .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-link, #header:hover .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont .dropdown-menu-title { color: #141414; } #header.skin-light .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-li::before, #header:hover .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-li::before { background-color: #a5b3d8; } #header.skin-light .logo-color, #header:hover .logo-color { display: block !important; } #header.skin-light .logo-pure, #header:hover .logo-pure { display: none; } #footer { background-color: #141414; } #footer .footer-container { padding: 0.8rem 0; } #footer .footer-container .footer-main { display: flex; justify-content: space-between; } #footer .footer-container .footer-logo { margin-right: auto; } #footer .footer-container .footer-logo .img-addon { width: 1.92rem; display: block; } #footer .footer-container .footer-logo .logo-info { font-size: 0.32rem; line-height: 0.44rem; font-weight: 700; color: #fff; margin-top: 0.32rem; } #footer .footer-container .footer-links-cont { margin-left: 0.5rem; } #footer .footer-container .footer-links-cont .footer-link { display: block; font-size: 0.16rem; line-height: 0.24rem; font-weight: 400; color: #fff; margin-top: 0.06rem; } #footer .footer-container .footer-links-cont a.footer-link:hover { color: #fff; } #footer .footer-container .footer-connect-cont .footer-connects { display: flex; } #footer .footer-container .footer-connect-cont .footer-connects li { position: relative; } #footer .footer-container .footer-connect-cont .footer-connects li+li { margin-left: 0.24rem; } #footer .footer-container .footer-connect-cont .footer-connects li span.connect { width: 0.48rem; height: 0.48rem; border-radius: 2rem; display: block; background-color: #fff; } #footer .footer-container .footer-connect-cont .footer-connects li span.connect.icon-wechat { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("/assets/img/icon/icon_wechat.jpg"); } #footer .footer-container .footer-connect-cont .footer-connects li span.connect.icon-wechat::before { content: none; } #footer .footer-container .footer-connect-cont .footer-connects li span.connect.icon-weibo { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("/assets/img/icon/icon_weibo.jpg"); } #footer .footer-container .footer-connect-cont .footer-connects li span.connect.icon-baijiahao { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("/assets/img/icon/icon_bjh.jpg"); } #footer .footer-container .footer-connect-cont .footer-connects li [data-href] { cursor: pointer; } #footer .footer-container .footer-connect-cont .footer-connects li>div { display: none; position: absolute; } #footer .footer-container .footer-connect-cont .footer-connects li:hover>div { display: block; } #footer .footer-container .footer-connect-cont .footer-connects li .code { margin-top: 0.1rem; margin-left: 50%; transform: translateX(-50%); } #footer .footer-container .footer-connect-cont .footer-connects li .code .code-inner { padding: 0.04rem; background-color: #fff; border-radius: 6px; } #footer .footer-container .footer-connect-cont .footer-connects li .code .code-inner::before { content: ""; width: 0.1rem; height: 0.1rem; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; margin: auto; transform: skew(-45deg, 45deg); border-radius: 1px; } #footer .footer-container .footer-connect-cont .footer-connects li .code .img-box { width: 1.3rem; position: relative; } #footer .footer-container .footer-connect-cont .footer-connects-out span.connect-out { height: 0.16rem; display: block; width: 1.79rem; cursor: pointer; } #footer .footer-container .footer-connect-cont .footer-connects-out span.connect-out.icon-allgood { background-repeat: no-repeat; background-position: left center; background-size: contain; background-image: url("/assets/img/icon/icon-allgood.svg"); } #footer .footer-container .footer-connect-cont .footer-connects-out span.connect-out.icon-tkfbs { height: 0.24rem; margin-top: 0.18rem; background-repeat: no-repeat; background-position: left center; background-size: contain; background-image: url("/assets/img/icon/icon-tktkForBs.svg"); } #footer .footer-container .footer-links-cont .list-title, #footer .footer-container .footer-connect-cont .list-title { font-size: 0.14rem; line-height: 0.22rem; color: #797979; margin-bottom: 0.18rem; } #footer .footer-container .footer-links-cont [data-href], #footer .footer-container .footer-connect-cont [data-href] { cursor: pointer; } #footer .footer-container .code-cont { margin-left: 1.36rem; } #footer .footer-container .code-cont .code-box { padding: 0.04rem; border-radius: 0.12rem; background-color: #012FA7; } #footer .footer-container .code-cont .code-box .code-inner { padding: 0.04rem; border-radius: 0.12rem; background-color: #fff; } #footer .footer-container .code-cont .img-box { width: 1.3rem; height: 1.3rem; } #footer .footer-container .code-cont .tip { margin-top: 0.05rem; font-size: 0.14rem; line-height: 0.22rem; color: #797979; display: block; text-align: center; } #footer .footer-about-links { display: block; font-weight: 500; color: #797979; text-align: right; } #footer .footer-about-links .footer-about-link-title { color: #DEDEDE; margin-bottom: 0.04rem; } #footer .footer-about-links a { margin-left: 0.12rem; white-space: nowrap; } #footer .footer-about-links a:hover{cursor:pointer;} #footer .footer-about-links a:nth-last-child(1)::after { content: none; } #footer .footer-bottom { padding: 0.16rem 0; font-size: 0.14rem; line-height: 0.2rem; text-align: center; background-color: #000; font-weight: 400; color: #797979; } #footer .footer-bottom .footer-logo { margin-right: 0.64rem; } #footer .footer-bottom .footer-logo .img-addon { width: 0.96rem; display: block; } #footer .footer-bottom a.text-link { color: inherit; text-decoration: underline; word-break: keep-all; } #footer .footer-bottom.idx .footer-bottom-box { display: flex; flex-direction: row-reverse; align-items: center; } #footer .footer-bottom.idx .footer-bottom-box .footer-bottom-main { width: 2.6rem; text-align: left; flex-shrink: 0; margin-right: 1.2rem; } #footer.skin-light { background-color: #fff; } #footer.skin-light .footer-container .footer-logo .logo-info { color: #000; } #footer.skin-light .footer-container .footer-links-cont .list-title { color: #000; } #footer.skin-light .footer-container .footer-links-cont .footer-links { margin-top: 0.24rem; } #footer.skin-light .footer-container .footer-links-cont .footer-link { color: #585858; } #footer.skin-light .footer-container .footer-links-cont a.footer-link:hover { color: #000; } #footer.skin-light .footer-bottom { background-color: #FAFBFC; } #aside { position: fixed; bottom: 1rem; right: 0.3rem; z-index: 999; display: block; } #aside .tool-btns { flex-direction: column; align-items: flex-end; } #aside .tool-btns .btn { font-size: 0.2rem; line-height: 0.3rem; margin-left: 0; margin-top: 0.24rem; width: 0.48rem; height: 0.48rem; padding: 0; text-align: center; background-color: #fff; border: none; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); color: #012FA7; display: flex; align-items: center; justify-content: center; position: relative; } #aside .tool-btns .btn:hover { color: #1482FF; } #aside .tool-btns .btn:hover .details { width: 1.5rem; } #aside .details { position: absolute; box-sizing: border-box; word-break: keep-all; padding: 0; right: 0.64rem; top: 0; border-radius: 6px; overflow: hidden; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s ease; width: 0; cursor: auto; } #aside .details .inner { background-color: #fff; padding: 0.12rem 0.24rem; font-size: 0.14rem; line-height: 0.22rem; text-align: left; color: rgba(0, 0, 0, 0.72); white-space: nowrap; } #aside .details .inner .icon-tel { font-size: 0.12rem; color: #012fa7; margin-bottom: 0.06rem; display: block; } #aside .details .inner .icon-tel::before { margin-right: 4px; } #aside .btn-wechat .details .inner { color: #012FA7; text-align: center; } #aside .btn-wechat .details .inner .img-addon { width: 100%; } #tool_tips { position: fixed; font-size: 0.14rem; line-height: 0.22rem; padding: 0.12rem 0.24rem; border-radius: 6px; box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); background-color: transparent; /* background-color: #fff; */ color: #585858; } section.bg-grey { background-color: #F1F1F1; } section .section-box { padding: 0.8rem 0; } section .section-title { font-size: 0.56rem; line-height: 0.68rem; font-weight: 700; display: block; } section .section-info { font-size: 0.2rem; line-height: 0.3rem; color: #797979; margin-top: 0.12rem; } .top-box { display: flex; align-items: center; justify-content: space-between; } .top-box .btn { padding: 0.09rem 0.29rem; font-size: 0.16rem; line-height: 0.24rem; width: -moz-fit-content; width: fit-content; white-space: nowrap; } .topFull-box { display: flex; align-items: flex-start; justify-content: space-between; } .topFull-box .btn { padding: 0.09rem 0.29rem; font-size: 0.16rem; line-height: 0.24rem; width: -moz-fit-content; width: fit-content; white-space: nowrap; margin-top: 0.12rem; } .crumb-section { padding-top: 0.18rem; padding-bottom: 0.8rem; } .crumb-section .crumb-inner { text-overflow: ellipsis; overflow: hidden; } .crumb-section .crumb-scinner { display: flex; align-items: center; height: 0.24rem; justify-content: flex-start; word-break: keep-all; white-space: nowrap; width: -moz-fit-content; width: fit-content; color: #A0AEC0; } .crumb-section .com_crumb_link { color: inherit; font-size: 0.15rem; line-height: 1rem; position: relative; margin-right: 0.26rem; } .crumb-section .com_crumb_link::after { content: ">"; position: absolute; right: -0.18rem; color: #A0AEC0; } .crumb-section .com_crumb_link:hover { color: #000; } .crumb-section .com_crumb_fin { font-size: 0.14rem; line-height: 0.22rem; } .com-banner { background-color: #000; } .com-banner .section-main { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; padding: 0.96rem 0; } .com-banner .section-main .title { font-weight: 900; font-size: 0.24rem; line-height: 1.8em; cursor:pointer; text-align:left; max-width: 80%; margin: 0 auto; } .com-banner .section-main .info { margin: 0rem 0.48rem; font-size: 0.2rem; line-height: 0.3rem; } .com-banner .section-main .info h1{font-size:0.2rem; font-weight:400; display:inline;} .com-banner .section-main .info span{cursor: pointer;} .com-banner .section-main .btn { font-size: 0.4rem; line-height: 0.24rem; font-weight: 500; margin-top:0.5rem; } .com-banner .section-main .btn h1{display:inline; font-size:0.4rem; font-weight:400;} .com-img-dec { display: flex; align-items: center; } .com-img-dec .title { font-size: 0.48rem; line-height: 0.6rem; font-weight: 700; color: #000; } .com-img-dec .title h2 { font-size: inherit; line-height: inherit; display: inline; } .com-img-dec .info { font-size: 0.24rem; line-height: 0.3rem; font-weight: 500; color: #797979; margin: 0.18rem 0 0.48rem; } .com-img-dec .info i { color: #012FA7; font-style: normal; font-weight: 700; } .com-img-dec .list { display: flex; padding-top: 0.44rem; border-top: 1px solid #DEDEDE; font-size: 0.18rem; line-height: 0.28rem; font-weight: 500; color: #797979; justify-content: space-between; text-align: center; } .com-img-dec .list .account { font-size: 0.4rem; line-height: 0.48rem; font-weight: 700; color: #000; margin-bottom: 0.12rem; } .com-img-dec .img-addon { width: 48%; margin-left: 0.36rem; flex-shrink: 0; } .com-img-dec .img-addon img.img { -o-object-fit: contain; object-fit: contain; } .com-news-ver .img-addon { display: block; } .com-news-ver .img-addon .img { width: 90%; height: 100%; -o-object-fit: cover; object-fit: cover; } .com-news-ver .title { margin: 0.24rem 0; font-size: 0.24rem; line-height: 0.36rem; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 0.72rem; } .com-news-ver .title:hover { color: #012FA7; } .com-news-ver .desc { color: #797979; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 0.18rem; line-height: 0.28rem; margin-bottom: 0.24rem; } .com-news-ver .info { display: flex; align-items: center; justify-content: space-between; } .com-news-ver .btn-link { font-size: 0.16rem; line-height: 0.24rem; font-weight: 500; color: #000; } .com-news-ver .btn-link:hover { color: #012FA7; } .com-news-ver .time { font-size: 0.16rem; line-height: 0.24rem; font-weight: 500; color: #797979; } .com-news-ver .view { font-size: 0.16rem; line-height: 0.24rem; font-weight: 500; color: #797979; padding-left: 0.2rem; background: url(/assets/img/icon-view.png) no-repeat left center/0.18rem auto; } .com-news-ver .tag { padding: 0.02rem 0.12rem; background-color: rgba(1, 47, 167, 0.04); color: #012FA7; font-size: 0.16rem; line-height: 0.24rem; } .news-section-loop .top-box { justify-content: space-between; align-items: center; } .news-section-loop .top-box .swiper-btns { display: flex; align-items: center; } .news-section-loop .top-box .swiper-btns div { width: 0.36rem; height: 0.36rem; border-radius: 5rem; background-color: #585858; font-size: 0.18rem; line-height: 0.36rem; text-align: center; cursor: pointer; color: #fff; } .news-section-loop .top-box .swiper-btns .swiper-btn-next { margin-left: 0.24rem; padding-left: 0.02rem; } .news-section-loop .top-box .swiper-btns .swiper-btn-prev { padding-right: 0.02rem; } .news-section-loop .news-main { margin-top: 0.48rem; } .news-section-loop .news-main .swiper-slide { display: flex; justify-content: space-between; } .news-section-loop .news-main .com-news-ver { width: calc(33.3% - 0.16rem); } .com-news-align { display: flex; align-items: center; margin-top: 0.24rem; } .com-news-align .img-addon { width: 2.08rem; height: 1.4rem; margin-right: 0.3rem; flex-shrink: 0; } .com-news-align>div:nth-child(2) { flex: 1; } .com-news-align .title { font-size: 0.16rem; line-height: 0.24rem; font-weight: 700; color: #000; width: 4rem; display: block; } .com-news-align .title:hover { color: #012FA7; } .com-news-align .tip { padding: 0.02rem 0.12rem; border-radius: 50px; background-color: #141414; color: #fff; flex-shrink: 0; align-self: center; margin-right: 0.12rem; font-size: 0.14rem; line-height: 0.22rem; } .com-news-align .tip+.title { width: 3rem; } .com-news-align .info { color: #797979; font-size: 0.14rem; line-height: 0.22rem; margin-top: 0.22rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all; } .com-news-align .time { display: flex; align-items: center; justify-content: center; height: 1.18rem; border-left: 1px solid #DEDEDE; color: #000; font-size: 0.14rem; line-height: 0.22rem; padding-left: 0.24rem; margin-left: 0.24rem; flex-shrink: 0; } .com-news-align .time .day { color: #012FA7; font-size: 0.4rem; position: relative; line-height: 0.48rem; font-weight: 900; padding-left: 0.13rem; } .com-news-align .time .day::before { content: ""; width: 0.12rem; height: 0.36rem; top: 0.06rem; position: absolute; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("/assets/img/icon-split.png"); } .com-form-section .section-box { padding: 0.64rem 0; } .com-form-section .section-main { display: flex; align-items: center; } .com-form-section .section-main .form-text .title { font-size: 0.48rem; line-height: 0.6rem; font-weight: 700; color: #000; margin-bottom: 0.24rem; } .com-form-section .section-main .form-text .company { display: flex; align-items: center; justify-content: space-between; } .com-form-section .section-main .form-text .company .img-addon { width: 0.64rem; height: 0.64rem; margin-right: 0.18rem; } .com-form-section .section-main .com-form { margin-left: 0.64rem; flex: 1; } .com-form { background-color: #000; padding: 0.16rem 0.36rem 0.36rem; color: #fff; } .com-form .row { display: flex; align-items: flex-end; justify-content: space-between; } .com-form .row .form-group { width: calc(50% - 0.24rem); } .com-form .row .form-group label { font-size: 0.18rem; line-height: 0.28rem; font-weight: 900; margin-top: 0.11rem; transform: translateY(0.34rem); transition: all ease 0.2s; display: block; } .com-form .row .form-group label[data-require=require]::after { content: "*"; font-size: inherit; line-height: inherit; font-weight: 900; margin-left: 4px; } .com-form .row .form-group.active label { transform: translateY(0.04rem); font-size: 0.14rem; color: #797979; font-weight: 400; } .com-form .row .input-line { display: flex; align-items: center; border-bottom: 1px solid #F1F1F1; font-size: 0.18rem; line-height: 0.28rem; padding-bottom: 0.08rem; } .com-form .row .input-line .input-control { flex: 1; } .com-form .row .input-line input { display: block; background-color: transparent; border: none; outline: none; color: #fff; font-size: 0.18rem; line-height: 0.28rem; width: 100%; line-height: 0.38rem; } .com-form .row .input-line .btn-captcha { flex-shrink: 0; font-size: 0.16rem; line-height: 0.24rem; background-color: #fff; color: #000; font-weight: 900; border-color: #fff; padding: 0.07rem 0.17rem; position: relative; } .com-form .row .input-line .btn-captcha:hover { color: #012FA7; } .com-form .row .btn-submit { padding: 0.1rem 1.15rem; font-size: 0.16rem; line-height: 0.24rem; margin-top: 0.46rem; border-radius: 0; } .layui-layer .layui-layer-setwin { top: 36px; right: 36px; } .layui-layer .layui-layer-setwin .layui-layer-close2 { background-position: 0 -40px; position: relative; width: 16px; height: 16px; margin-left: 10px; font-size: 12px; right: 0; top: 0; filter: invert(1); } .layui-layer .layui-layer-setwin .layui-layer-close2:hover { background-position: 0 -40px; opacity: 0.7; } .layui-layer.pop-scan { background-color: #000; } .layui-layer.pop-scan .box { padding: 74px 88px; background-color: #000; font-size: 32px; line-height: 44px; display: flex; align-items: center; justify-content: space-between; color: #fff; } .layui-layer.pop-scan .logo { padding: 14px 0; } .layui-layer.pop-scan .logo .logo-info, .layui-layer.pop-scan .logo .card-name { font-weight: 900; } .layui-layer.pop-scan .logo .img-addon { width: 192px; height: 48px; margin-bottom: 28px; } .layui-layer.pop-scan .logo .card-info { margin-top: 56px; margin-bottom: 8px; font-size: 18px; line-height: 28px; } .layui-layer.pop-scan .logo .card-info span { font-weight: 900; } .layui-layer.pop-scan .wechat-code { width: 266px; height: 360px; } .container { max-width: 1900px; padding-left: 30px; padding-right: 30px; width: 100%; box-sizing: border-box; margin: 0 auto; } .pagination-box #pagination { font-size: 0.16rem; line-height: 0.24rem; color: #000; display: flex; justify-content: center; align-items: center; } .pagination-box #pagination>li, .pagination-box #pagination td { width: 0.34rem; text-align: center; margin: 0 0.04rem; border-radius: 0.04rem; color: #000; background-color: #fff; } .pagination-box #pagination>li:hover a, .pagination-box #pagination td:hover a { color: #012FA7; border-color: #012FA7; } .pagination-box #pagination>li.active, .pagination-box #pagination>li.thisclass, .pagination-box #pagination td.active, .pagination-box #pagination td.thisclass { background-color: #012FA7; color: #fff; border-color: #012FA7; line-height: 0.32rem; } .pagination-box #pagination>li:press, .pagination-box #pagination td:press { color: #012FA7; } .pagination-box #pagination>li a, .pagination-box #pagination td a { font-size: 0.14rem; line-height: 0.22rem; display: block; font-weight: 400; color: inherit; line-height: 0.32rem; border: 1px solid #F1F1F1; transition: all ease 0.2s; border-radius: 0.04rem; cursor: pointer; } .pagination-box #pagination>li.pageinfo-box, .pagination-box #pagination td.pageinfo-box { width: -moz-fit-content; width: fit-content; border: none; cursor: text; } .pagination-box #pagination>li.pageinfo-box:hover, .pagination-box #pagination td.pageinfo-box:hover { color: #000; } .pagination-box #pagination .paginationjs-prev>a::before { content: "\e901"; font-family: "icomoon"; font-size: 0.12rem; } .pagination-box #pagination .paginationjs-next>a::after { content: "\e902"; font-family: "icomoon"; font-size: 0.12rem; } @media screen and (max-width: 1900px) { .container { padding-left: 0.3rem; padding-right: 0.3rem; } } @media screen and (max-width: 980px) { .pc_hd { display: block !important; } .pc_hd_f { display: flex !important; } .mob_hd { display: none !important; } section .section-box { padding: 0.72rem 0; } section .section-title { font-size: 0.6rem; line-height: 0.82rem; } section .section-info { font-size: 0.32rem; line-height: 0.48rem; margin-top: 0.16rem; } .com-form-section .section-box { padding: 0.72rem 0; } .top-box .btn { font-size: 0.32rem; line-height: 0.48rem; padding: 0; margin: 0; border: none; color: #012FA7; font-weight: 500; background-color: transparent; } .top-box .btn:hover, .top-box .btn:focus { background-color: transparent; } .topFull-box { flex-direction: column; } .topFull-box .btn { font-size: 0.32rem; line-height: 0.48rem; padding: 0; margin: 0; border: none; color: #012FA7; font-weight: 500; background-color: transparent; margin-top: 0.24rem; } .topFull-box .btn:hover, .topFull-box .btn:focus { background-color: transparent; } .topFull-box .section-info { margin-top: 0.04rem; } .crumb-section { padding-bottom: 0.72rem; padding-top: 0.24rem; } .crumb-section .crumb-inner { overflow-x: scroll; } .crumb-section .crumb-scinner { height: 0.48rem; } .crumb-section .com_crumb_link { font-size: 0.28rem; line-height: 0.44rem; font-weight: 500; margin-right: 0.48rem; } .crumb-section .com_crumb_link::after { right: -0.32rem; } .crumb-section .com_crumb_fin { font-size: 0.28rem; line-height: 0.44rem; } .com-banner .section-main .title { font-size: 0.4rem; line-height: 1.5em; max-width: 100%; text-align:center;} .com-banner .section-main .title span{display:inline;} .com-banner .section-main .info { margin: 0.4rem 0.96rem; font-size: 0.32rem; line-height: 0.48rem; } .com-banner .section-main .btn { font-size: 0.5rem; line-height: 0.44rem; } .com-img-dec { flex-direction: column-reverse; } .com-img-dec .title { font-size: 0.56rem; line-height: 0.8rem; } .com-img-dec .info { font-size: 0.36rem; line-height: 0.56rem; margin: 0.36rem 0; } .com-img-dec .list { display: flex; padding-top: 0.36rem; font-size: 0.28rem; line-height: 0.44rem; font-weight: 400; } .com-img-dec .list .account { font-size: 0.56rem; line-height: 0.8rem; margin-bottom: 0.04rem; } .com-img-dec .img-addon { width: 100%; margin-left: 0rem; margin-top: 0.48rem; } .com-news-ver .img-addon .img{width:80%;} .com-news-ver .title { margin: 0.48rem 0; font-size: 0.36rem; line-height: 0.56rem; height: auto; } .com-news-ver .desc { font-size: 0.32rem; line-height: 0.48rem; margin-bottom: 0.36rem; } .com-news-ver .btn-link { font-size: 0.32rem; line-height: 0.48rem; } .com-news-ver .time { font-size: 0.32rem; line-height: 0.48rem; } .com-news-ver .view { font-size: 0.32rem; line-height: 0.48rem; padding-left: 0.42rem; background: url(/assets/img/icon-view.png) no-repeat left center/0.36rem auto; } .com-news-ver .tag { font-size: 0.32rem; line-height: 0.48rem; } .news-section-loop .top-box .swiper-btns { display: flex; align-items: center; } .news-section-loop .top-box .swiper-btns div { width: 0.56rem; height: 0.56rem; font-size: 0.24rem; line-height: 0.56rem; } .news-section-loop .top-box .swiper-btns .swiper-btn-next { padding-left: 0.04rem; } .news-section-loop .top-box .swiper-btns .swiper-btn-prev { padding-right: 0.04rem; } .news-section-loop .news-main { margin-top: 0; } .news-section-loop .news-main .swiper-slide { flex-direction: column; } .news-section-loop .news-main .com-news-ver { width: calc(100vw - 0.8rem); margin-top: 0.48rem; } .news-section-loop .news-main .com-news-ver .title { margin: 0.16rem 0 0.08rem; } .com-form-section .section-main { flex-direction: column; } .com-form-section .section-main .form-text .title { font-size: 0.56rem; line-height: 0.8rem; margin-bottom: 0.36rem; } .com-form-section .section-main .form-text .company { margin-bottom: 0.48rem; } .com-form-section .section-main .form-text .company .img-addon { width: 0.96rem; height: 0.96rem; margin-right: 0.36rem; } .com-form-section .section-main .com-form { margin-left: 0; } .com-form { background-color: #000; padding: 0.8rem 0.96rem 1rem; color: #fff; } .com-form .row { flex-direction: column; } .com-form .row:nth-child(1), .com-form .row:nth-child(2) { flex-direction: row; } .com-form .row:nth-child(1) .form-group+.form-group, .com-form .row:nth-child(2) .form-group+.form-group { margin-left: 0.36rem; } .com-form .row .form-group { width: 100%; } .com-form .row .form-group label { font-size: 0.32rem; line-height: 0.48rem; line-height: 0; margin-top: 0.28rem; transform: translateY(0.42rem); } .com-form .row .form-group.active label { transform: translateY(0.1rem); } .com-form .row .input-line { font-size: 0.32rem; line-height: 0.48rem; align-items: flex-end; padding-bottom: 0.2rem; height: 1rem; } .com-form .row .input-line input { font-size: 0.32rem; line-height: 0.48rem; width: 100%; line-height: 0.4rem; } .com-form .row .input-line .btn-captcha { font-size: 0.32rem; line-height: 0.48rem; padding: 0.14rem 0.36rem; } .com-form .row .btn-submit { padding: 0.24rem 0; text-align: center; font-size: 0.32rem; line-height: 0.48rem; margin-top: 0.64rem; width: 100%; } .layui-layer.pop-scan { background-color: #fff; } .layui-layer.pop-scan .box { flex-direction: column; padding: 64px 24px; background-color: #fff; font-size: 20px; line-height: 30px; color: #797979; } .layui-layer.pop-scan .logo { padding: 0; } .layui-layer.pop-scan .logo .logo-inner { display: flex; } .layui-layer.pop-scan .logo .img-addon { width: 144px; height: 36px; margin-bottom: 12px; } .layui-layer.pop-scan .logo .logo-info { font-size: 14px; line-height: 20px; margin-top: 0; font-weight: 400; } .layui-layer.pop-scan .logo .logo-info div { font-weight: 900; font-size: 18px; line-height: 28px; color: #141414; } .layui-layer.pop-scan .logo .wechat-code { width: 100px; height: 100px; margin-bottom: 32px; padding: 4px; background-color: #012FA7; border-radius: 12px; margin-left: 10px; } .layui-layer.pop-scan .logo .wechat-code .img-addon { width: 92px; height: 92px; overflow: hidden; background: #fff; border-radius: 12px; } .layui-layer.pop-scan .logo .wechat-code .img-addon .img { width: 122%; transform: translate(-9%, -5%); } .layui-layer.pop-scan .logo .card-box { display: flex; align-items: center; justify-content: space-between; font-size: 32px; line-height: 44px; font-weight: 900; width: 100%; } .layui-layer.pop-scan .logo .card-info { margin-bottom: 0; margin-top: 0; font-size: 16px; line-height: 24px; font-weight: 400; } .layui-layer.pop-scan .logo .card-info span { display: block; font-weight: 900; color: #141414; } .layui-layer.pop-scan .logo .card-name { color: #141414; } .layui-layer.pop-scan .layui-layer-setwin { top: 24px; right: 24px; } .pagination-box #pagination { font-size: 0.24rem; line-height: 0.36rem; } .pagination-box #pagination>li, .pagination-box #pagination td { width: 0.48rem; line-height: 0.44rem; padding: 0; } .pagination-box #pagination>li.active, .pagination-box #pagination>li.thisclass, .pagination-box #pagination td.active, .pagination-box #pagination td.thisclass { line-height: 0.42rem; } .pagination-box #pagination>li a, .pagination-box #pagination td a { display: flex; align-items: center; justify-content: center; height: 0.44rem; font-size: 0.24rem; } } @media screen and (max-width: 996px) { #header .toobar-img2 { display: none; } #header .toobar-img{margin-left:1.8rem;} #header .toobar-img img{width:95%;} } @media screen and (max-width: 880px) { #footer .footer-container { padding: 0.96rem 0; } #footer .footer-container .footer-main { flex-wrap: wrap; } #footer .footer-container .footer-logo .img-addon { width: 3.84rem; } #footer .footer-container .footer-logo .logo-info { font-size: 0.48rem; line-height: 0.72rem; margin-top: 0.24rem; } #footer .footer-container .code-cont { margin-left: 1.06rem; } #footer .footer-container .code-cont .code-box { padding: 0.08rem; border-radius: 0.24rem; } #footer .footer-container .code-cont .code-box .code-inner { padding: 0.08rem; border-radius: 0.24rem; } #footer .footer-container .code-cont .img-box { width: 1.68rem; height: 1.68rem; } #footer .footer-container .footer-links-cont { margin-left: 0; } #footer .footer-container .footer-links-cont .list-title { margin: 0.72rem 0 0.48rem; } #footer .footer-container .footer-links-cont .footer-links { margin-top: 0.48rem; } #footer .footer-container .footer-links-cont .footer-link { font-size: 0.32rem; line-height: 0.48rem; margin-top: 0.16rem; color: #797979; } #footer .footer-container .footer-connect-cont { width: 100%; margin-left: 0; } #footer .footer-container .footer-connect-cont .list-title { margin: 0.96rem 0 0.36rem; } #footer .footer-container .footer-connect-cont .footer-connects li+li { margin-left: 0.48rem; } #footer .footer-container .footer-connect-cont .footer-connects li span.connect { width: 0.96rem; height: 0.96rem; } #footer .footer-container .footer-connect-cont .footer-connects li .code { margin-top: 0.2rem; margin-left: 0; transform: translateX(0); } #footer .footer-container .footer-connect-cont .footer-connects li .code .code-inner { padding: 0.08rem; border-radius: 12px; } #footer .footer-container .footer-connect-cont .footer-connects li .code .code-inner::before { width: 0.2rem; height: 0.2rem; right: auto; left: 0.39rem; } #footer .footer-container .footer-connect-cont .footer-connects li .code .img-box { width: 2.6rem; } #footer .footer-container .footer-connect-cont .footer-connects-out span.connect-out { height: 0.52rem; width: 6rem; } #footer .footer-container .footer-connect-cont .footer-connects-out span.connect-out.icon-tkfbs { height: 0.8rem; margin-top: 0.24rem; } #footer .footer-container .footer-links-cont .list-title, #footer .footer-container .footer-connect-cont .list-title { font-size: 0.48rem; line-height: 0.72rem; color: #fff; font-weight: 700; } #footer .footer-about-links { display: block; margin-top: 0; margin-bottom: 0.96rem; text-align: left; } #footer .footer-about-links .footer-about-link-title { font-size: 0.4rem; line-height: 0.6rem; color: #fff; margin-bottom: 0.24rem; } #footer .footer-about-links a { margin-left: 0; margin-right: 0.24rem; white-space: nowrap; font-size: 0.32rem; line-height: 0.48rem; } #footer .footer-about-links a::after { margin-left: 0.24rem; } #footer .footer-bottom { font-size: 0.28rem; line-height: 0.44rem; padding: 0.48rem 0; } #footer .footer-bottom .footer-logo { display: block; margin-bottom: 0.32rem; margin-right: 0; } #footer .footer-bottom .footer-logo .img-addon { width: 1.92rem; display: block; } #footer .footer-bottom.idx { margin-top: -0.24rem; padding: 0; background-color: #141414; } #footer .footer-bottom.idx .footer-bottom-box { flex-direction: column; } #footer .footer-bottom.idx .footer-bottom-box .footer-bottom-main { width: auto; text-align: center; margin: 0 -0.3rem; padding: 0.48rem 0.3rem 0.6rem; background-color: #000; } } @media screen and (max-width: 776px) { main { margin-top: 1.12rem; } .locked #header { padding: 0.56rem 0 0.08rem; } #header { padding: 0.32rem 0; border: none !important; background-color: #000 !important; transition: padding 0.2s ease; } #header .container { padding-left: 0.48rem; padding-right: 0.48rem; } #header .toolbar-container { height: 0.48rem; } #header .toolbar-logo .logo-pure { display: block !important; } #header .toolbar-logo .logo-color { display: none !important; } #header .toolbar-logo svg { height: 0.48rem; width: 1.92rem; } #header .toolbar-container-right .toolbar-contain-right-inner { position: fixed; right: -150vw; width: 100vw; transition: all ease 0.3s; top: 1.12rem; bottom: 0; overflow: auto; background: #000; padding: 0.8rem 0.48rem 0.48rem; display: flex; flex-direction: column; justify-content: space-between; } #header .toolbar-container-right .toolbar-menus { height: calc(100vh - 3.6rem); overflow: auto; } #header .toolbar-container-right .toolbar-menus .toolbar-navbar { flex-direction: column; align-items: stretch; font-size: 0.48rem; line-height: 0.72rem; color: #fff; } #header .toolbar-container-right .toolbar-menus .dropdown-title-link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.08rem 0; } #header .toolbar-container-right .toolbar-menus .dropdown-title-link::after { content: "\e902" !important; font-family: "icomoon" !important; font-size: 0.28rem; width: 0.36rem; } #header .toolbar-container-right .toolbar-menus .dropdown-title-link::before { content: none; } #header .toolbar-container-right .toolbar-menus .toolbar-navbar .navbar.dropdown .dropdown-title .dropdown-title-link::after { width: 0.48rem; transform: none; } #header .toolbar-container-right .toolbar-menus .dropdown-menu { position: initial; padding-top: 0.44rem; padding-bottom: 0.36rem; } #header .toolbar-container-right .toolbar-menus .dropdown-menu .dropdown-menu-inner { flex-direction: column; background-color: #000; box-shadow: none; padding: 0; } #header .toolbar-container-right .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont+.dropdown-menu-listCont { margin-left: 0; margin-top: 0.36rem; } #header .toolbar-container-right .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont .dropdown-menu-title { font-size: 0.28rem; margin-bottom: 0.12rem; line-height: 0.4rem; color: #F1F1F1; } #header .toolbar-container-right .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont .dropdown-menu-li { font-size: 0.32rem; line-height: 0.48rem; margin-top: 0.04rem; } #header .toolbar-container-right .toolbar-menus .dropdown-menu .dropdown-menu-inner .dropdown-menu-listCont .dropdown-menu-li .dropdown-menu-link { color: #F1F1F1; } #header .toolbar-container-right .toolbar-menus .navbar.dropdown:hover::before, #header .toolbar-container-right .toolbar-menus .navbar.dropdown:hover::after { content: none; } #header .toolbar-container-right .toolbar-menus .navbar.dropdown:hover .dropdown-menu { display: none !important; } #header .toolbar-container-right .toolbar-menus .navbar.dropdown.open .dropdown-menu { display: block !important; } #header .toolbar-container-right .toolbar-menus .navbar.dropdown.open .dropdown-title .dropdown-title-link::after { transform: rotate(90deg); } #header .toolbar-container-right .com-ly-btn { border: 0.04rem solid #012FA7; text-align: center; padding: 0.2rem 0; font-size: 0.36rem; line-height: 0.36rem; color: #fff; display: block; } #header .toggle-btn.mob-btn { display: block; background-repeat: no-repeat; background-size: cover; background-position: center; width: 0.4rem; height: 0.36rem; border: none; border-radius: 0; cursor: pointer; background-image: url(/assets/img/icon_mob_nav_open.png); } #header .toggle-btn.mob-btn.close { background-image: url(/assets/img/icon_mob_nav_close.png); } #aside { bottom: 1rem; right: 0.1rem; top: auto; } #aside .tool-btns .btn { font-size: 0.32rem; line-height: 0.48rem; width: 0.72rem; margin-top: 0.32rem; height: 0.72rem; } #aside .tool-btns .btn:hover { color: #012FA7; } #aside .tool-btns .btn:hover .details { right: .96rem; width: 2rem; } #aside .details .inner { font-size: 0.24rem; line-height: 2; padding: 0.18rem 0.36rem 0.24rem; } #tool_tips { font-size: 0.28rem; line-height: 0.44rem; padding: 0.24rem 0.3rem; } } @media screen and (max-width: 776px) { .com-news-align { flex-direction: column; } .com-news-align .img-addon { width: 100%; height: 4rem; margin-right: 0; margin-bottom: 0.24rem; } .com-news-align .title { font-size: 0.36rem; line-height: 0.56rem; width: auto; } .com-news-align .tip { font-size: 0.2rem; line-height: 0.36rem; } .com-news-align .tip+.title { width: 5rem; } .com-news-align .info { font-size: 0.28rem; line-height: 0.44rem; -webkit-line-clamp: 2; } .com-news-align .time { display: none; } } [data-spe] { position: relative; } [data-spe=hot]::after { content: "HOT"; position: absolute; right: -0.16rem; top: -0.1rem; color: #fff; font-size: 0.12rem; font-weight: 600; background: #f00; line-height: 1; padding: 1px 5px; border-radius: 2px; transform: scale(.8); transform-origin: right top; } .dropdown-title-link[data-spe=hot]::after { right: -0.06rem; } @media screen and (max-width: 776px) { [data-spe=hot]::after { padding: 1px 3px 1px 5px; font-size: 0.2rem; top: -0.14rem; right: -0.32rem;} .dropdown-title-link[data-spe=hot]::after { right: -0.36rem; } }