/* 启信慧眼 */ .huiyan .function.fl { margin-top: 0; } .qxhy-banner.index_card, .qxhy-banner .bd, .qxhy-banner .bd ul, .qxhy-banner .bd ul li { height: 520px !important; } .qxhy-banner .bd ul li { background-size: cover; position: relative; } .huiyan #gotop img { height: 53px; } .banner-new-content { padding-top: 163px !important; } .banner-left { width: 600px; position: absolute; top: 186px; left: 110px; color: #fff; } .banner-left .title-one { font-size: 40px; line-height: 56px; font-weight: 600; margin-bottom: 13px; } .banner-left .title-two { font-size: 24px; line-height: 42px; margin-bottom: 7px; } .banner-left .title-two { font-size: 20px; line-height: 40px; margin-bottom: 7px; color: #fff; } .banner-column .titleR { font-size: 30px; margin-bottom: 8px; font-weight: 600; text-align: center; color: #fff; } .banner-column .titleL { font-weight: 600; font-size: 40px; margin: 20px 0; text-align: center; color: #fff; } /* 菜单 */ .menu-warp.warp { max-width: 1200px; margin: auto; height: 53px; display: flex; align-items: center; justify-content: space-between; width: auto; padding: 0 70px; } .camcar_scenario .menu-warp.warp.landing { padding-top: 0; } .camcar_scenario .menu-warp.warp.landing li.ccb_a { padding-top: 0; } .landing li.ccb_a a { color: #212121; } .qxhy-banner-four { position: absolute; top: 145px; left: 50%; margin-left: -249px; } .qxhy-banner-three { position: absolute; top: 110px; left: 50%; margin-left: -390px; } .qxhy-banner-two { position: absolute; top: 111px; left: 50%; margin-left: -425px; } .banner-column .titleLe { font-size: 18px; margin-bottom: 8px; text-align: center; color: #fff; } .banner-lq-btn { text-align: center } .qxhy-banner-one .banner-lq-btn { text-align: left } .banner-lq-btn a { color: #00000a; background-color: #ffc300; border-color: #ffc300; margin-top: 40px; display: inline-block; text-align: center; width: 102px; height: 42px; border-radius: 4px; line-height: 42px; font-size: 16px; } .banner-right { width: 600px; height: 422px; background: url(//bgcdn.qixin.com/enthomeweb/img/books.4f9bb10.png) no-repeat 50%; background-size: 50%; position: absolute; top: 90px; right: -60px; } .hy_introduce { padding: 56px 0 70px 0; } .hy_introduce .introduce_content { display: flex; /* border: 1px solid #DCDFE5; */ margin: 0 auto; max-width: 1320px; padding: 0 70px; } .hy_introduce .introduce_content_item { width: 33%; padding: 40px; border: 1px solid #DCDFE5; border-right: none; } .hy_introduce .introduce_content_item:last-child { border-right: 1px solid #DCDFE5; } .hy_introduce .introduce-title { font-size: 28px; font-weight: 600; color: #000000; line-height: 40px; text-align: center; } .hy_introduce .introduce-sub-title { font-size: 18px; font-family: AlibabaPuHuiTiR; color: #767D8B; line-height: 24px; text-align: center; margin-bottom: 46px; } .introduce_content_item .item-logo { height: 14px; } .introduce_content_item .item-title { color: #000000; font-size: 16px; font-weight: 600; margin: 24px 0; } .introduce_content_item .item-desc { font-size: 12px; font-weight: 400; color: #000000; line-height: 20px; height: 80px; } .more-btn a { width: 94px; height: 36px; background: #FDD000; border-radius: 2px; color: #000000; font-size: 14px; line-height: 36px; text-align: center; margin-top: 50px; display: inline-block; } /* .huiyan .function.fr { margin-top: 0; } */ .huiyan_marketing { padding: 80px 0; background: #F4F5FC; height: 720px; } .server { width: 100%; height: unset; background: unset; position: relative; } .server-item { width: 270px; height: 360px; overflow: auto; } .server-item-title { height: 60px; line-height: 60px; font-size: 18px; color: #9B9B9B; cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(155, 155, 155, 0.2); } .server-item-title span { display: inline-block; height: 24px; width: 100%; line-height: 24px; border-right: 1px solid rgba(155, 155, 155, 0.2); } .server-item:nth-child(1) .server-item-title { margin-left: 0; } .server-item:last-child(1) .server-item-title { margin-right: 0; } .server-item--on .server-item-title { color: #0054C7; border-bottom: 1px solid #0054C7; font-family: Source Han Sans CN, PingFangSC-Semibold, sans-serif; } .server-item--on .server-item-content { display: flex; } .server-item-content { width: 100%; display: none; position: absolute; top: 70px; left: 0; padding: 12px 50px; } .scene-container { width: 1200px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin: auto; } .scene-row { display: flex; align-items: center; width: 348px; } .scene-row .scene-item { height: 106px; width: 100%; background: #fff; padding: 30px 30px 0 30px; border-radius: 4px; margin: 9px; } .scene-row .scene-item:first-child { margin-left: 0; } .scene-row .scene-item .title { padding-left: 10px; font-size: 18px; font-weight: 600; margin-bottom: 8px; position: relative; color: #212121; } .scene-row .scene-item .title:before { content: ""; height: 16px; width: 3px; background: #0156B9; position: absolute; left: 0; top: 5px; } .scene-row .scene-item p { font-size: 14px; line-height: 21px; letter-spacing: 2px; color: #394151; } .risk-capability { width: 100%; height: 810px; background: #303144; border: 1px solid #979797; } .bowling-container { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 60px 0 10px; color: #fff; } .bowling-container h1 { font-size: 30px; font-weight: 600; margin-bottom: 52px; } .bowling-container .slice-box { height: 580px; width: 100%; background-position-x: center; background-position-y: 80%; background-repeat: no-repeat; } .bowling-container .circle_wrapper { width: 580px; height: 580px; position: relative; } .bowling-container .circle_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .camsmedia.a_fangan_content { background: #303144; } @keyframes myRotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes myRotateX { 0% { transform: rotate(360deg); } 100% { transform: rotate(0); } } .bowling-container .circle_wrapper .circle_3_1 { width: 100%; height: 100%; left: -10px; top: -10px; -webkit-animation: myRotate 15s linear infinite; animation: myRotate 15s linear infinite; } .bowling-container .circle_wrapper .circle_2 { width: 436px; left: 60px; top: 60px; -webkit-animation: myRotateX 15s linear infinite; animation: myRotateX 15s linear infinite; } .bowling-container .circle_wrapper .circle_1 { width: 200px; } .bowling-container .circle_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .bowling-container .circle_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .risk_bd .hd { text-align: center } .risk_bd .hd li { display: inline-block; opacity: .48; width: 40px; height: 1px; background-color: #fff; outline: none; padding: 1px; margin: 0 5px; cursor: pointer; transition: .3s; border-radius: 2px; } .risk_bd .hd li.on { opacity: 1; } .contact-footer { height: 226px; background-size: cover; } .contactus_ccb { height: 226px; } .contact-footer .contact-logo { height: 25px; margin-bottom: 24px; } .contact-footer .contact-logo img { height: 34px; } .contact-footer .contact-tel { font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #F7F7F9; line-height: 20px; margin-bottom: 30px; display: flex; opacity: 60% !important; } .contact-footer .contact-tel span { margin-left: 8px; font-size: 20px; font-weight: 500; } .contact-footer .footer-btn { display: flex; } .qxhy_footer.contact-footer .footer-btn a { display: inline-block; width: 132px; height: 39px; border-radius: 2px; font-size: 16px; text-align: center; } .qxhy_footer.contact-footer .use-btn a { background: #FFFFFF; color: #1860F0; line-height: 39px; margin-right: 16px; } .qxhy_footer.contact-footer .contact-btn a { border: 1px solid #DCDFE5; color: #FFFFFF; line-height: 39px; background: transparent; } .qxhy-banner .qixin_hy_banner_desc { padding-top: 163px; } .ccb-content .content-containner { display: flex; }