@charset "UTF-8"; @font-face { font-family: "PINGFANG BOLD_1"; src: url("../fonts/PINGFANG BOLD_1.woff2") format("woff2"), url("../fonts/PINGFANG BOLD_1.woff") format("woff"), url("../fonts/PINGFANG BOLD_1.ttf") format("truetype"), url("../fonts/PINGFANG BOLD_1.eot") format("embedded-opentype"), url("../fonts/PINGFANG BOLD_1.svg") format("svg"); font-weight: normal; font-style: normal; } .pfblod { font-family: "PINGFANG BOLD_1"; } @font-face { font-family: "PINGFANG REGULAR_1"; src: url("../fonts/PINGFANG REGULAR_1.woff2") format("woff2"), url("../fonts/PINGFANG REGULAR_1.woff") format("woff"), url("../fonts/PINGFANG REGULAR_1.ttf") format("truetype"), url("../fonts/PINGFANG REGULAR_1.eot") format("embedded-opentype"), url("../fonts/PINGFANG REGULAR_1.svg") format("svg"); font-weight: normal; font-style: normal; } .pfchuan { font-family: "PINGFANG REGULAR_1"; } @font-face { font-family: "COVES BOLD_0"; src: url("../fonts/COVES BOLD_0.woff2") format("woff2"), url("../fonts/COVES BOLD_0.woff") format("woff"), url("../fonts/COVES BOLD_0.ttf") format("truetype"), url("../fonts/COVES BOLD_0.eot") format("embedded-opentype"), url("../fonts/COVES BOLD_0.svg") format("svg"); font-weight: normal; font-style: normal; } .covers1 { font-family: "COVES BOLD_0"; } @font-face { font-family: "HELVETICA CONDENSED BOLD"; src: url("../fonts/HELVETICA CONDENSED BOLD.woff2") format("woff2"), url("../fonts/HELVETICA CONDENSED BOLD.woff") format("woff"), url("../fonts/HELVETICA CONDENSED BOLD.ttf") format("truetype"), url("../fonts/HELVETICA CONDENSED BOLD.eot") format("embedded-opentype"), url("../fonts/HELVETICA CONDENSED BOLD.svg") format("svg"); font-weight: normal; font-style: normal; } .helvett { font-family: "HELVETICA CONDENSED BOLD"; } @font-face { font-family: "BEBAS_"; src: url("../fonts/BEBAS_.woff2") format("woff2"), url("../fonts/BEBAS_.woff") format("woff"), url("../fonts/BEBAS_.ttf") format("truetype"), url("../fonts/BEBAS_.eot") format("embedded-opentype"), url("../fonts/BEBAS_.svg") format("svg"); font-weight: normal; font-style: normal; } .bebas { font-family: "BEBAS_"; } body { overflow: hidden; } header { position: fixed; top: 3.8%; z-index: 500; width: 100%; } .w1820 { position: relative; width: 94.8%; margin: 0 auto; } header .header { font-size: 0; height: 50px; line-height: 50px; } header .header .logo { float: left; display: block; width: 130px; } header .header .logo img { width: 100%; } header .header .gu-title { font-size: 14px; color: #666666; float: left; position: relative; margin-left: 1rem; } header .header .gu-title:after { position: absolute; left: -0.5rem; width: 1px; height: 0.5rem; content: ""; background-color: #c6c6c4; top: 50%; transform: translateY(-50%) } header .header .header-right { position: absolute; top: 50%; transform: translateY(-50%); right: 0; } header .header .header-right .h-down { float: left; width: 80px; height: 36px; font-size: 15px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 18px; line-height: 36px; box-sizing: border-box; padding-left: 16px; color: #fff; background-position: 50px center; background-size: 12px; background-repeat: no-repeat; background-image: url(../img/h-xia.png); cursor: pointer; position: relative; transition: all 0.3s; } header .header .header-right.hui .h-down { background-image: url(../img/h-xiah.png); border: 1px solid #ccc; color: #a4a4a4; } header .header .header-right.hui1 .h-down { background-image: url(../img/h-xiah.png); border: 1px solid #ccc; color: #a4a4a4; } header .header .header-right .h-down .hover-show { position: absolute; left: 50%; transform: translateX(-50%); text-align: left; font-size: 15px; line-height: 24px; color: #fff; width: 100%; visibility: hidden; opacity: 0; transition: all 0.3s; } header .header .header-right .h-down.cur .hover-show { opacity: 1; visibility: inherit; } header .header .header-right .h-down .hover-show a { color: #fff; display: block; padding-left: 16px; transition: all 0.3s; } header .header .header-right .h-search { float: right; margin-left: 0.5rem; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 18px; box-sizing: border-box; background-position: center; background-size: 16px; background-repeat: no-repeat; background-image: url(../img/h-select.png); cursor: pointer; transition: all 0.3s; } header .header .header-right.hui .h-search { background-image: url(../img/h-selecth.png); border: 1px solid #ccc; } header .header .header-right.hui1 .h-search { background-image: url(../img/h-selecth.png); border: 1px solid #ccc; } header .header .header-right .btn-pho-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; right: 0px; display: none; } header .header .header-right .btn-pho-btn .line { width: 24px; height: 6px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../img/pho-btn.png); position: absolute; left: 0; transition: all 0.3s; cursor: pointer; } header .header .header-right .btn-pho-btn .line1 { top: 0; } header .header .header-right .btn-pho-btn .line2 { top: 50%; margin-top: -3px; } header .header .header-right .btn-pho-btn .line3 { bottom: 0; } header .header .header-right .btn-pho-btn.cur .line { top: 50%; bottom: auto; margin-top: -3px; } header .header .header-right .btn-pho-btn.cur .line1 { transform: rotate(45deg); } header .header .header-right .btn-pho-btn.cur .line2 { opacity: 0; filter: alpha(opacity=0); } header .header .header-right .btn-pho-btn.cur .line3 { transform: rotate(-45deg); } .left-btn-header { width: 56px; height: 260px; position: fixed; z-index: 450; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../img/left-btn.png); top: 50%; transform: translateY(-50%); } .left-btn-header .btn-left { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; left: 16px; } .left-btn-header .btn-left .line { width: 24px; height: 6px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/line-left.png); position: absolute; left: 0; transition: all 0.3s; cursor: pointer; } .left-btn-header .btn-left .line1 { top: 0; } .left-btn-header .btn-left .line2 { top: 50%; margin-top: -3px; } .left-btn-header .btn-left .line3 { bottom: 0; } .left-btn-header .btn-left.cur .line { top: 50%; bottom: auto; margin-top: -3px; } .left-btn-header .btn-left.cur .line1 { transform: rotate(45deg); } .left-btn-header .btn-left.cur .line2 { opacity: 0; filter: alpha(opacity=0); } .left-btn-header .btn-left.cur .line3 { transform: rotate(-45deg); } .w1520 { position: relative; width: 79.2%; margin: 0 auto; } .menu { position: fixed; z-index: 400; width: 100%; height: 100Vh; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../img/h-right.jpg); transform: translateX(-100%); transition: all 0.6s ease; } .menu.cur { transform: translateX(0%); } .menu .menu-ul { font-size: 0; text-align: left; margin-top: 20Vh; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 2rem; border-bottom: 1px solid #ccc; } .menu .menu-ul li { display: inline-block; vertical-align: top; } .menu .menu-ul li dt { font-size: 0.7rem; line-height: 0.8rem; margin-bottom: 1.25rem; } .menu .menu-ul li dt a { color: #212121; transition: all 0.3s; } .menu .menu-ul li dd { font-size: 0.4rem; line-height: 0.5rem; margin-bottom: 0.6rem; } .menu .menu-ul li dd a { color: #666; transition: all 0.3s; border-bottom: 1px solid transparent } .menu .menu-bottom { margin-top: 1.75rem; text-align: left; } .menu .menu-bottom .item-wei { width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #ccc; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../img/weixin.png); position: relative; cursor: pointer; } .menu .menu-bottom .item-wei .img { position: absolute; left: 0; width: 2.5rem; top: 1.3rem; display: none; } .menu .menu-bottom .item-wei .img img { width: 100%; } .mian-bottom-nav { position: fixed; z-index: 450; width: 94.8%; left: 2.6%; bottom: 2.8%; } .mian-bottom-nav .copyright { font-size: 12px; color: #dcdcdc; float: left; } .mian-bottom-nav .right { float: right; font-size: 14px; } .mian-bottom-nav a { color: #dcdcdc; transition: all 0.3s; } .mian-bottom-nav a:nth-child(2) { margin-left: 0.25rem; } .main-bottom-down { cursor: pointer; position: fixed; z-index: 460; left: 50%; transform: translateX(-50%); color: #dcdcdc; bottom: 0; } .main-bottom-down .lanxian { width: 2px; height: 1rem; background-color: #004ea1; margin: 0.15rem auto 0; position: relative; } .main-bottom-down .lanxian:after { position: absolute; top: 0; width: 2px; height: 25%; background-color: #f18200; animation: top1 3s infinite linear .65s; content: ""; left: 0; } @keyframes top1 { 0% { height: 25%; } 100% { height: 100%; } } .nei-body header { top: 0; background-color: #fff; border-bottom: 1px solid #e5e5e5; padding: 16px 0; z-index: 400; box-sizing: border-box; } .nei-body header .header .h-down { background-image: url(../img/h-xiah.png); border: 1px solid #ccc; color: #a4a4a4; } .nei-body header .header .header-right .h-down .hover-show a { color: #666; } .nei-body header .header .h-search { background-image: url(../img/h-selecth.png); border: 1px solid #ccc; } .subnav { height: 1.25rem; line-height: 1.25rem; position: fixed; top: 82px; z-index: 350; left: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .subnav .left { float: left; font-size: 0.4rem; color: #666666; display: inline-block; } .subnav ul.right { float: right; font-size: 0; text-align: right; } .subnav ul.right li { display: inline-block; vertical-align: middle; margin-right: 1.25rem; cursor: pointer; transition: all 0.3s; } .subnav ul.right li span { font-size: 0.35rem; color: #808080; display: inline-block; vertical-align: middle; } .subnav ul.right li.cur span { color: #f18200 } .subnav ul.right li i { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; margin-right: 0.25rem; transition: all 0.3s; } .subnav ul.right li.li1 i { background-image: url(../img/about-ico.png) } .subnav ul.right li.li2 i { background-image: url(../img/about-ico1.png) } .subnav ul.right li.li3 i { background-image: url(../img/about-ico2.png) } .subnav ul.right li.li4 i { background-image: url(../img/about-ico3.png) } .subnav ul.right li:nth-last-child(1) { margin-right: 0; } .subnav.investment ul.right li.li1 i { background-image: url(../img/in-ico1.png) } .subnav.investment ul.right li.li2 i { background-image: url(../img/in-ico2.png) } .subnav.investment ul.right li.li3 i { background-image: url(../img/in-ico3.png) } .subnav.responsibility ul.right li.li1 i { background-image: url(../img/ew1.png) } .subnav.responsibility ul.right li.li2 i { background-image: url(../img/ew2.png) } .subnav.join ul.right li.li1 i { background-image: url(../img/jo1.png) } .subnav.join ul.right li.li2 i { background-image: url(../img/jo2.png) } .subnav.innovate ul.right li.li1 i { background-image: url(../img/inv1.png) } .subnav.innovate ul.right li.li2 i { background-image: url(../img/inv2.png) } .nei-body .menu header { position: absolute; z-index: 500; top: 5%; border-bottom: 0; background-color: transparent; } .footer-wrap { background: #4d4d4d; box-sizing: border-box; padding: 0 2rem; font-size: 0.35rem; color: #808080; } .footer-wrap .f_top .le { width: 79.05%; box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255, 0.05); padding-top: 1.25rem; } .footer-wrap .f_top .le .item-top { border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding-bottom: 0.9rem; padding-right: 1.5rem; } .footer-wrap .f_top .le .item-top .logo { width: 130px; } .footer-wrap .f_top .le .item-top .logo img { width: 100%; } .footer-wrap .f_top .le .item-mid { height: 2.15rem; line-height: 2.15rem; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .footer-wrap .f_top .le .item-mid .input-b { width: 80%; } .footer-wrap .f_top .le .item-mid .input-b input { width: 100%; background: none; border: none; color: #fff; } .footer-wrap .f_top .le .item-mid .input-b input::-webkit-input-placeholder { color: #fff; } .footer-wrap .f_top .le .item-mid .input-b input:-moz-placeholder { color: #fff; } .footer-wrap .f_top .le .item-mid .input-b input::-moz-placeholder { color: #fff; } .footer-wrap .f_top .le .item-mid .input-b input:-ms-input-placeholder { color: #fff; } .footer-wrap .f_top .le .item-mid .tip { right: 1.5rem; top: 50%; transform: translateY(-50%); } .footer-wrap .f_top .le .item-mid .submit { background-color: transparent; text-align: right; cursor: pointer; } .footer-wrap .f_top .le .item-bot { padding: 1.75rem 0 1.25rem; } .footer-wrap .f_top .le .item-bot .t { color: #fff; position: relative; margin-bottom: 1.1rem; } .footer-wrap .f_top .le .item-bot .t a { color: #fff; transition: all 0.3s } .footer-wrap .f_top .le .item-bot .t:before { content: ''; position: absolute; width: 0.65rem; height: 2px; background: #fff; left: 0; bottom: -0.4rem; } .footer-wrap .f_top .le .item-bot a { color: #808080; display: block; transition: all 0.3s; } .footer-wrap .f_top .le .item-bot .list { display: flex; justify-content: space-between; } .footer-wrap .f_top .le .item-bot .list li { width: 3.25rem; } .footer-wrap .f_top .ri { width: 20.95%; box-sizing: border-box; padding-left: 2rem; padding-top: 1.25rem; } .footer-wrap .f_top .ri .map_btn { display: block; width: 3.25rem; height: 0.9rem; line-height: 0.9rem; text-align: center; background: #404040; color: #999; margin: 0.5rem 0; transition: all 0.3s; } .footer-wrap .f_top .ri .con-we { text-align: center; } .footer-wrap .f_top .ri .con-we .wecode-t { margin-right: 1rem; } .footer-wrap .f_top .ri .con-we .wecode-t .img { margin-bottom: 0.35rem; } .footer-wrap .f_top .ri .con-top { margin-bottom: 2.4rem; } .footer-wrap .f_top .ri .con-top p { margin-bottom: 0.3rem; } .footer-wrap .f_bot a { color: #808080; } .footer-wrap .f_bot .le a { margin-right: 0.25rem; } .footer-wrap .f_bot { height: 2.75rem; line-height: 2.75rem; border-top: 1px solid rgba(255, 255, 255, 0.05); } .popup_weixin { width: 1.1rem !important; height: 1.1rem !important; border: 1px solid rgba(143, 143, 143, 0.5) !important; border-radius: 50% !important; position: relative; padding: 0 !important; margin: 0 !important; background: none !important; } .popup_weixin:before { content: ''; position: absolute; width: 0.5rem !important; height: 0.4rem !important; background: url('../../web/img/wechat_ico.png')no-repeat center center !important; background-size: contain !important; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } .pho-header-nav { position: fixed; top: 58px; height: calc(100vh - 58px); background-color: #fff; width: 100%; z-index: 500; left: 0; display: none; } .pho-header-nav .pho-ul { position: relative; width: 94.8%; margin: 0.3rem auto 0; } .pho-header-nav .pho-ul li { border-bottom: 1px solid #e5e5e5; padding: 0.3rem 0; } .pho-header-nav .pho-ul li dt { font-size: 16px; height: 20px; line-height: 20px; } .pho-header-nav .pho-ul li dt.cur { margin-bottom: 0.3rem; } .pho-header-nav .pho-ul li dt a { display: block; color: #000; background-repeat: no-repeat; background-position: right center; background-size: 8px; background-image: url(../img/more-jian1.png) } .pho-header-nav .pho-ul li dd { font-size: 14px; line-height: 18px; height: 18px; display: none; margin-bottom: 0.2rem; padding-left: 0.5rem; } .pho-header-nav .pho-ul li dd a { color: #666; display: block; } @media (max-width: 1240px) { .footer-wrap .f_top .ri { padding-left: 1rem; } .footer-wrap .f_top .ri .con-top { margin-bottom: 1.2rem; } } @media (max-width: 1024px) {} @media (max-width: 992px) { header { top: 0; background-color: #fff; border-bottom: 1px solid #e5e5e5; padding: 4px 0; } header .header .header-right .btn-pho-btn { display: block; } header .header .header-right .h-down { background-image: url(../img/h-xiah.png); border: 1px solid #ccc; color: #a4a4a4; } header .header .header-right .h-search { background-image: url(../img/h-selecth.png); border: 1px solid #ccc } header .header .header-right { padding-right: 1.5rem; } .mian-bottom-nav { display: none !important; } .left-btn-header { display: none; } .footer-wrap .f_top .ri { display: none; } .footer-wrap .f_top .le { width: 100%; border-right: 0; } .footer-wrap .f_top .le .item-bot .list li { width: auto; } } @media (max-width: 767px) { .nei-body header { padding: 6px 0; } .footer-wrap { padding: 0 2.6%; } .footer-wrap .f_top .le { padding-top: 0.6rem; } .footer-wrap .f_top .le .item-top { padding-right: 0; padding-bottom: 0rem; border-bottom: 0; } .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { display: none; } .footer-wrap .f_top .le .item-mid { display: none; } .footer-wrap .f_top .le .item-bot { padding: 0.3rem 0 0; } .footer-wrap .f_top .le .item-bot .list li .sub { display: none; } .footer-wrap .f_top .le .item-bot .t:before { display: none; } .footer-wrap .f_top .le .item-bot .list li { width: 25%; float: left; } .footer-wrap .f_top .le .item-bot .t { margin-bottom: 0.2rem; } .footer-wrap .f_top .le .item-bot .list { display: block; } .footer-wrap .f_top .le .item-bot .t a { font-size: 0.3rem; } .footer-wrap .f_bot { font-size: 0.24rem; height: 0.7rem; line-height: auto; } .footer-wrap .f_bot { font-size: 0.24rem; height: auto; line-height: 0.5rem; } header .header .gu-title { display: none; } header .header { height: 1rem; line-height: 1rem; } header .header .logo { width: 1.3rem; } header { padding: 0; } header .header .header-right { padding-right: 0.7rem; } header .header .header-right .h-down { font-size: 12px; width: 60px; height: 24px; line-height: 24px; border-radius: 15px; padding-left: 11px; background-position: 38px center; } header .header .header-right .h-search { margin-left: 0.2rem; width: 24px; height: 24px; border-radius: 15px; background-size: 14px; } header .header .header-right .h-down .hover-show a { font-size: 14px; padding-left: 12px; color: #666; } .pho-header-nav { top: calc(1rem); height: calc(100vh - 1rem); border-top: 1px solid #e5e5e5; } .main-bottom-down { font-size: 12px; } .main-bottom-down .lanxian { height: 0.6rem; margin-top: 0rem; } .footer-wrap .f_bot .fr { float: left; } .footer-wrap .f_top .ri { display: block; padding-left: 0; width: 100%; padding-top: 0.3rem; padding-bottom: 0.5rem; } .footer-wrap .f_top .ri .con-top { margin-bottom: 0.3rem; } .footer-wrap .f_top .ri .con-top p { font-size: 0.3rem; margin-bottom: 0.1rem; line-height: 0.4rem; } .footer-wrap .f_top .ri .map_btn { width: 2.4rem; height: 0.7rem; line-height: 0.7rem; margin: 0.2rem 0; font-size: 0.24rem; } .footer-wrap .f_top .ri .con-we p { font-size: 0.24rem; line-height: 0.3rem; margin-top: 0.2rem; } .footer-wrap .f_top .ri .con-we .wecode-t { float: none; margin: 0 0; } .footer-wrap .f_top .ri .con-we { text-align: left; } }