body{background-color: #fff;}
.w1400 { width: 1400px; margin: 0 auto; }

.color1 { color: #e50026; }



.nav-hide-mask { background-color: #fff; }

.main { padding: 0; }

.container { min-width: 1400px; }

.header-switch { height: 100%; align-items: center; display: flex; }

.wrapp-item { padding: 100px 0; }
.wrapp-tit { text-align: center; }
.wrapp-tit h2, .wrapp-tit em, .wrapp-tit h3 { font-size: 40px; font-weight: bold; display: inline-block; margin: 0 50px; line-height: 1; }
.wrapp-tit i { width: 20px; height: 20px; background: #3D47FF; display: inline-block; vertical-align: 7px; position: relative; }
.wrapp-tit i::after, .wrapp-tit i::before { content: ""; width: 12px; height: 12px; background: rgba(0, 86, 232, 0.5); position: absolute; }
.wrapp-tit i::before { right: -18px; top: 14px; }
.wrapp-tit i::after { right: -28px; top: -4px; }
.wrapp-tit i.next::before { left: -18px; top: 14px; right: auto; }
.wrapp-tit i.next::after { left: -28px; top: -4px; right: auto; }

.banner { height: 500px; background-repeat: no-repeat; background-position: center; text-align: center; color: #fff; padding-top: 108px; }
.banner-en { font-size: 120px; color: rgba(255, 255, 255, 0.1); font-weight: bold; line-height: 144px; letter-spacing: -8px; }
.banner-tit { font-size: 64px; font-weight: bold; line-height: 85px; margin-top: -80px; }
.banner-tit span { color: #FFDE4D; }
.banner-sub { font-size: 20px; margin-top: 10px; }

.intro { box-shadow: 0px 0px 40px 0px rgba(0, 86, 232, 0.1); border-radius: 16px; padding: 40px 50px 50px; }
.intro-tit { font-size: 40px; font-weight: bold; display: flex; align-items: center; line-height: 56px; position: relative; }
.intro-tit span { font-size: 56px; color: rgba(102, 102, 102, 0.05); margin-left: 10px; }
.intro-tit::after { content: ''; width: 35px; height: 23px; position: absolute; top: 0; right: 0; background: url("../images/1.png") no-repeat center center; }
.intro-sub { font-size: 18px; line-height: 34px; margin-top: 28px; }

.drawn { box-shadow: 0px 0px 40px 0px rgba(0, 86, 232, 0.1); border-radius: 16px; overflow: hidden; margin-top: 40px; }
.drawn-head { height: 72px; line-height: 72px; font-size: 20px; color: #0056E8; background-color: rgba(0, 86, 232, 0.1); text-align: center; }
.drawn-bg { margin: 40px 50px 0; background: #F7F8FC; border-radius: 8px; padding: 24px 40px; display: flex; align-items: center; }
.drawn-bg-tit { font-size: 20px; flex-shrink: 0; margin-right: 40px; font-weight: bold; }
.drawn-bg-txt { flex: 1; line-height: 28px; font-size: 16px; }
.drawn-tit { text-align: center; font-size: 24px; font-weight: bold; margin-top: 30px; }
.drawn-cont { margin: 14px 50px 50px 24px; display: flex; }
.drawn-list { flex: calc(33.3% - 26px) 0 1; background: #F7F8FC; border-radius: 8px; overflow: hidden; margin: 0 0 0 26px; transition: all .3s; }
.drawn-list:hover { transform: translateY(-10px); }
.drawn-list:nth-child(1) .drawn-list-tit { background: #0056E8; }
.drawn-list:nth-child(2) .drawn-list-tit { background: #18BE70; }
.drawn-list:nth-child(3) .drawn-list-tit { background: #FF9333; }
.drawn-list-tit { height: 60px; font-size: 20px; font-weight: bold; text-align: center; line-height: 60px; color: #fff; }
.drawn-list-sub { padding: 32px 40px 38px; font-size: 16px; line-height: 28px; color: #666; }

.diff { background: #F2F7FF url("../images/2.png"); background-repeat: no-repeat; background-position: center; position: relative;z-index: 3; }
.diff-cont { display: flex; margin: 0 0 0 -40px; flex-wrap: wrap; }
.diff-list { flex: calc(50% - 40px) 0 1; background-color: #fff; padding: 40px 50px; box-shadow: 0px 0px 40px 0px rgba(0, 86, 232, 0.1); border-radius: 16px; margin: 40px 0 0 40px; transition: all .3s; }
.diff-list:hover { transform: translateY(-10px); }
.diff-list:nth-child(2) .diff-tit::after { background-image: url("../images/4.png"); }
.diff-list:nth-child(3) .diff-tit::after { background-image: url("../images/5.png"); }
.diff-list:nth-child(4) .diff-tit::after { background-image: url("../images/6.png"); }
.diff-tit { display: flex; justify-content: space-between; font-size: 24px; font-weight: bold; align-items: center; line-height: 24px; }
.diff-tit::after { content: ""; display: block; width: 36px; height: 30px; background-image: url("../images/3.png"); background-size: contain; background-repeat: no-repeat; }
.diff-tit span { position: relative; }
.diff-tit span::after { content: ""; position: absolute; background: linear-gradient(90deg, #0056E0 0%, rgba(0, 86, 224, 0) 100%); left: 0; bottom: 0; width: 100%; height: 10px; opacity: .5; }
.diff-sub { padding-top: 10px; font-size: 16px; }
.diff-sub p { margin-top: 20px; }
.diff-sub p .zzcolor { color: #18BE70; }
.diff-sub p .ptcolor { color: #FF9333; }

.table { font-size: 16px; box-shadow: 0px 0px 50px 0px rgba(0, 86, 232, 0.1); margin-top: 40px; }
.table-list { display: flex; height: 72px; line-height: 72px; }
.table-list.theader { height: 60px; background-color: rgba(0, 86, 232, 0.1); border-radius: 8px 8px 0px 0px; line-height: 60px; }
.table-list.theader > div { border: 0; }
.table-list > div { border-bottom: solid 1px #EEEEEE; border-left: solid 1px #EEEEEE; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; }
.table-list > div:nth-child(1) { border-left: 0; }
.table-list > div.wid1 { width: 132px; }
.table-list > div.wid2 { width: 263px; text-align: left; padding-left: 30px; flex: 1; }
.table-list > div.wid3 { width: 154px; }
.table-list > div.wid4 { width: 147px; }
.table-list > div.wid4 a { color: #0056E8; }

.influ { background-color: #0056E8;position: relative;z-index: 3; }
.influ .wrapp-tit { color: #fff; }
.influ .wrapp-tit i { background-color: #fff; }
.influ .wrapp-tit i::after, .influ .wrapp-tit i::before { background-color: rgba(255, 255, 255, 0.5); }
.influ-cont { display: flex; margin: 40px 0 0 -32px; }
.influ-list { flex: calc(25% - 32px) 0 1; margin-left: 32px; background-color: #fff; padding: 50px 30px 57px; text-align: center; box-shadow: 0px 0px 30px 0px rgba(0, 86, 232, 0.16); border-radius: 16px; transition: all .3s; }
.influ-list:hover { transform: translateY(-10px); }
.influ-list:nth-child(2n) .influ-tit::after { background-color: #FF9333; }
.influ-img { width: 67px; height: 51px; object-fit: contain; }
.influ-tit { font-size: 18px; font-weight: bold; line-height: 1; margin-top: 30px; }
.influ-tit::after { content: ""; width: 64px; height: 6px; background: #18BE70; border-radius: 8px; margin: 10px auto 0; display: block; }
.influ-sub { line-height: 26px; margin-top: 25px; }

.under-cont { display: flex; margin: 0 0 0 -32px; flex-wrap: wrap; }
.under-list { flex: calc(25% - 32px) 0 1; margin: 40px 0 0 32px; }
.under-img { height: 183px; overflow: hidden; border-radius: 16px; }
.under-img img { width: 100%; height: 100%; transition: all .3s; }
.under-img img:hover { transform: scale(1.1); }
.under-tit { font-size: 16px; font-weight: bold; line-height: 22px; height: 22px; overflow: hidden; margin-top: 16px; }

.news { background: #F7F8FC;position: relative;z-index: 3; }
.news-cont { display: flex; margin: 50px 0 0 -80px; font-size: 16px; flex-wrap: wrap; }
.news-list { display: flex; justify-content: space-between; width: 660px; margin-left: 80px; line-height: 48px; height: 48px; overflow: hidden; }
.news-list span { font-size: 14px; color: #999; flex-shrink: 0; }
.news .wrapp-item { padding-bottom: 80px; }

.zx { background: #0056E8 url("../images/11.png"); font-size: 16px; }
.zx .wrapp-item { padding: 80px 0; }
.zx .wrapp-tit { color: #fff; }
.zx .wrapp-tit i { background-color: #fff; }
.zx .wrapp-tit i::after, .zx .wrapp-tit i::before { background-color: rgba(255, 255, 255, 0.5); }
.zx-item { display: flex; margin: 40px 0 0 -20px; }
.zx-list { position: relative; width: 264px; height: 64px; background: #FFFFFF; box-shadow: 0px 0px 30px 0px rgba(0, 86, 232, 0.16); border-radius: 8px; margin-left: 20px; padding: 0 24px 0 24px; display: flex; align-items: center; }
.zx-list .select { border: 0; flex: 1; font-size: 16px; }
.zx-list .select .option { top: 48px; width: calc(100% + 24px); }
.zx-list .select_txt { padding-left: 0; display: inline-block; }
.zx-list .select_open { right: 0; }
.zx-list em { color: #FF0000; margin-right: 5px; }
.zx-tips { color: #F43636; font-size: 14px; position: absolute; left: 0; bottom: -24px; display: none; }
.zx-ipt { border: 0; border: 0; width: 100%; height: 100%; display: block; background: none; }
.zx-texta { height: 200px; width: 100%; border-radius: 8px; margin-top: 34px; padding: 24px; }
.zx-btn { width: 380px; height: 64px; background: #FF9333; border-radius: 36px; display: block; margin: 30px auto 0; text-align: center; line-height: 64px; color: #fff !important; font-size: 24px; }
.zx-agree { text-align: center; display: block; margin-top: 18px; }
.zx-agree a { color: #fff !important; }