*, :before, :after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } article, aside, audio, blockquot, body, dd, div, dl, dt, figcaption, figure, filedset, form, h1, h2, h3, h4, h5, h6, header, html, input, li, nav, ol, p, section, ul, video { margin: 0; padding: 0 } em, h1, h2, h3, h4, h5, h6 { font-size: 1em; font-style: normal; font-weight: 400 } li, ol, ul { list-style: none } fieldset, img { max-width: 100%; height: auto; border: 0 none; vertical-align: middle } button, input, select, textarea { font: 12px/20px Arial; outline: 0; resize: none; border: none } input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; outline: 0; cursor: pointer } :focus { outline: 0 } a { color: #00132b; text-decoration: none; outline: 0; cursor: pointer } a:link, a:visited { text-decoration: none } a:active { text-decoration: none } .clearfix:after { clear: both; content: ''; display: block; height: 0; line-height: 0; visibility: hidden } .fl { float: left } .fr { float: right } body { font: 14px/20px "Alibaba-PuHuiTi-Regular", Arial; color: #333; line-height: 1.1 } .container { width: 1570px; margin: 0 auto } @font-face { font-family: 'Alibaba-PuHuiTi-Bold'; font-style: italic; src: url("../fonts/Alibaba-PuHuiTi-Bold.woff") format("woff"); font-display: swap } @font-face { font-family: 'Alibaba-PuHuiTi-Heavy'; font-style: italic; src: url("../fonts/Alibaba-PuHuiTi-Heavy.woff") format("woff"); font-display: swap } @font-face { font-family: 'Alibaba-PuHuiTi-Light'; font-style: italic; src: url("../fonts/Alibaba-PuHuiTi-Light.woff") format("woff"); font-display: swap } @font-face { font-family: 'Alibaba-PuHuiTi-Medium'; font-style: italic; src: url("../fonts/Alibaba-PuHuiTi-Medium.woff") format("woff"); font-display: swap } @font-face { font-family: 'Alibaba-PuHuiTi-Regular'; font-style: italic; src: url("../fonts/Alibaba-PuHuiTi-Regular.woff") format("woff"); font-display: swap } .footerbox .title { font-size: 28px; color: #ffffff; font-family: 'Alibaba-PuHuiTi-Heavy' } .footerbox .zxbox { margin-top: 46px; margin-bottom: 66px; overflow: hidden } .footerbox .zxbox p { float: left } .footerbox .zxbox .smp { padding-left: 88px; font-size: 24px; color: #effbff } .footerbox .zxbox .smp a { display: block; color: #effbff } .footerbox .zxbox .smp span { margin-top: 2px; display: block; font-size: 28px; font-family: 'Arial'; font-weight: bold } .footerbox .zxbox .p1 { background: url(../images_pc/home3tb01.png) left center no-repeat } .footerbox .zxbox .p1:hover a span { color: #eb8c04 } .footerbox .zxbox .p2 { margin-left: 175px; background: url(../images_pc/home3tb02.png) left center no-repeat } .footerbox .zxbox .p3 { float: right; position: relative; border-radius: 10px; overflow: hidden } .footerbox .zxbox .p3 .email { width: 362px; height: 61px; padding-left: 5.52486%; padding-right: 31.49171%; background: #eaf5f9; font-size: 18px; line-height: 61px } .footerbox .zxbox .p3 .email::-webkit-input-placeholder { color: #999999 } .footerbox .zxbox .p3 .email::-moz-placeholder { color: #999999 } .footerbox .zxbox .p3 .email:-moz-placeholder { color: #999999 } .footerbox .zxbox .p3 .email:-ms-input-placeholder { color: #999999 } .footerbox .zxbox .p3 .submit { width: 24.58564%; position: absolute; right: 5px; top: 5px; bottom: 5px; background: #eb8c04; border-radius: 6px; font-size: 18px; color: #ffffff; cursor: pointer } .footerbox .zxbox .p3 .submit:hover { background: #589db4 } .footerbox .footer { background: none; border-top: 1px solid #2e4046 } .footer { background: url(../images_pc/home3bg.jpg) center bottom no-repeat; background-size: 100%; padding: 56px 0; font-size: 18px; color: #5e7983; line-height: 1.6; text-align: center } .footer a { color: #5e7983 } .public_title { text-align: center } .public_title h2 { font-size: 50px; color: #333333; font-family: 'Alibaba-PuHuiTi-Heavy'; text-transform: uppercase } .public_title p { width: 830px; max-width: 100%; display: inline-block; margin-top: 42px; font-size: 18px; color: #999999; line-height: 1.33333; font-family: 'Alibaba-PuHuiTi-Light' } .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .livechat-girl { width: 100px; height: 100px; border-radius: 50%; position: fixed; bottom: 400px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3); box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); transition: all 1s cubic-bezier(0.86, 0, 0.07, 1) } .livechat-girl a { color: #fff } .livechat-girl a.round { display: block; clear: both; position: relative; z-index: 90; border-radius: 50%; overflow: hidden; border: 5px solid #eb8c04 } .livechat-girl:focus { outline: 0 } .livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) } .livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #edab4c, #eb8c04); position: absolute; right: 1px; top: 1px; z-index: 50 } .livechat-girl .girl { position: relative; width: 100%; height: auto; z-index: 50; background: #fff } .livechat-girl .girl01 { position: absolute; top: 0; left: 0; z-index: 51 } .livechat-girl a:hover .girl01 { display: none } .livechat-girl .animated-circles { position: absolute; top: 0px } .livechat-girl .animated-circles .circle { background: rgba(235, 140, 4, 0.25); width: 100px; height: 100px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) } .livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards } .livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards } .livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards } .livechat-girl.animation-stopped .circle { opacity: 0 !important } .livechat-girl.animation-stopped .circle { opacity: 0 !important } .hide_hint { display: none } .show_hint { display: block } .livechat-girl .livechat-hint { background-color: #eb8c04; left: -200px; top: 50%; margin-top: -30px; z-index: 0; -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); font-size: 14px; border-radius: 3px; position: absolute; z-index: 65; max-width: 150px } .livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 1 } .livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) } .livechat-girl .livechat-hint .rd-notice-content { background-color: #eb8c04; background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 10px 15px; font-weight: 400; line-height: 1.45 } .livechat-girl .livechat-hint:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50; background-color: #eb8c04; -webkit-box-shadow: 3px 3px 10px 0 rgba(24, 37, 167, 0.2); box-shadow: 3px 3px 10px 0 rgba(24, 37, 167, 0.2); right: -6px; top: 50%; margin-top: -10px } #toTop { display: none; width: 107px; height: 50px; position: fixed; bottom: 0; right: 0px; z-index: 9999; overflow: hidden; padding: 0 20px; line-height: 50px; text-align: center; background-color: #eb8c04; cursor: pointer; transition: all linear 0.4s } #toTop img { width: 100% } #toTop:hover { background-color: #589db4 } @keyframes scaleToggleOne { 0% { transform: scale(1); -webkit-transform: scale(1) } 50% { transform: scale(1.5); -webkit-transform: scale(1.5) } 100% { transform: scale(1); -webkit-transform: scale(1) } } @keyframes scaleToggleTwo { 0% { transform: scale(1); -webkit-transform: scale(1) } 20% { transform: scale(1); -webkit-transform: scale(1) } 60% { transform: scale(1.5); -webkit-transform: scale(1.5) } 100% { transform: scale(1); -webkit-transform: scale(1) } } @keyframes scaleToggleThree { 0% { transform: scale(1); -webkit-transform: scale(1) } 33% { transform: scale(1); -webkit-transform: scale(1) } 66% { transform: scale(1.5); -webkit-transform: scale(1.5) } 100% { transform: scale(1); -webkit-transform: scale(1) } } body { background: #f5f6fa } .main-view { height: auto; padding-top: 200px; padding-bottom: 100px; margin-bottom: 0; } .privacy { background: url(../images_pc/home3bg.png) center bottom no-repeat } .privacyBox { padding: 66px 0; } .privacyBox h3 { font-size: 50px; color: #333333; font-family: 'Alibaba-PuHuiTi-Heavy'; text-transform: uppercase; text-align: center } .privacyBox .privacyfl { float: left; width: 66.87898% } .privacyBox .privacyfl h4 { clear: both; background: url(../images_pc/line06.jpg) no-repeat left bottom; padding-bottom: 15px; font-size: 26px; color: #333232; margin-bottom: 15px; padding-top: 10px } .privacyBox .privacyfl p { clear: both; padding: 8px 0px; font-size: 18px; line-height: 30px; color: #666666 } .privacyBox .privacyfl ul { clear: both; padding: 10px 0px } .privacyBox .privacyfl ul li { clear: both; font-size: 18px; line-height: 30px; background: url(../images_pc/dot05.png) no-repeat left center; padding-left: 20px; background-size: 6px } .privacyBox .privacyfr { float: right; width: 25.47771% } .privacyBox .privacyfr .privacyfrtit { font-size: 18px; color: #333232; font-weight: bold; line-height: 30px; padding-bottom: 10px; padding-top: 10px } .privacyBox .privacyfr .privacyfrtxt { font-size: 14px; color: #333232; line-height: 24px; font-size: 18px; padding: 25px 0px } .privacyBox .privacyfr ul { clear: both; padding: 10px 0px } .privacyBox .privacyfr ul li { clear: both; line-height: 30px; background: url(../images_pc/dot05.png) no-repeat left 11px; padding-left: 15px; background-size: 6px; margin-bottom: 5px; color: #666; font-size: 18px } .cp-banner{width:100%;} .cp-banner strong{font-size:50px;} @media (max-width: 1600px) { .container { width: 1280px } .footerbox .title { font-size: 26px } .footerbox .zxbox .smp { font-size: 22px } .footerbox .zxbox .smp span { font-size: 26px } .footerbox .zxbox .p2 { margin-left: 100px } .footer { padding: 40px 0; font-size: 16px } .public_title h2 { font-size: 45px } .public_title p { margin-top: 30px; font-size: 16px } } @media (max-width: 1440px) { .container { width: 1120px } .footerbox .title { font-size: 24px } .footerbox .zxbox { margin-top: 36px; margin-bottom: 50px } .footerbox .zxbox .smp { padding-left: 60px; font-size: 20px } .footerbox .zxbox .smp span { font-size: 24px } .footerbox .zxbox .p2 { margin-left: 70px } .footerbox .zxbox .p3 .email { width: 340px; height: 55px; font-size: 16px; line-height: 55px } .footer { padding: 30px 0; font-size: 14px } .public_title h2 { font-size: 40px } .public_title p { font-size: 14px } } @media (max-width: 1280px) { .container { width: 960px } .footerbox .title { font-size: 22px } .footerbox .zxbox { margin-top: 30px; margin-bottom: 40px } .footerbox .zxbox .smp { padding-left: 45px; background-size: 30px !important; font-size: 18px } .footerbox .zxbox .smp span { font-size: 22px } .footerbox .zxbox .p2 { margin-left: 40px } .footerbox .zxbox .p3 .email { width: 320px; height: 50px; line-height: 50px } .public_title h2 { font-size: 35px } }