@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,input,textarea,th,td {margin: 0;padding: 0;box-sizing: border-box;}body {font: 16px/1.6 "PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color: #333;min-width: 1400px;}html {height: 100%;}em,i,b {font-style: normal;}ul,ol {list-style: none;}a {text-decoration: none;outline: none;}img {border: none;vertical-align: middle;}input,textarea {outline: none;font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}input,select,textarea {font-size: 100%;}table {border-collapse: collapse;border-spacing: 0;}* {box-sizing: border-box;}::-webkit-input-placeholder {color: #ccc;font-size: 14px;}:-moz-placeholder,::-moz-placeholder {color: #999;font-size: 14px;}:-ms-input-placeholder {color: #ccc;font-size: 14px;}.fl {float: left;}.fr {float: right;}.clearfix:after {content: "";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}.clearfix {zoom: 1;}a {color: #333;text-decoration: none;}a:hover {color: #dd3635;}.wrapper,.w1200 {margin-left: auto;margin-right: auto;width: 1400px;}.show {display: block;}.hide {display: none;}.dib {display: inline-block;}.clear {clear: both;}.tal {text-align: left !important;}.tac {text-align: center !important;}.tar {text-align: right !important;}.bgfff {background: #fff;}.ti2 {text-indent: 2em;}.color999 {color: #999;}.bodyh {height: 100%;position: relative;}.bodyhh {min-height: 100%;}.mt5 {margin-top: 5px;}.mb5 {margin-bottom: 5px;}.ml5 {margin-left: 5px;}.mr5 {margin-right: 5px;}.mlr5 {margin-left: 5px;margin-right: 5px;}.mt10 {margin-top: 10px;}.mb10 {margin-bottom: 10px;}.ml10 {margin-left: 10px;}.mr10 {margin-right: 10px;}.mt15 {margin-top: 15px;}.mb15 {margin-bottom: 15px;}.ml15 {margin-left: 15px;}.mr15 {margin-right: 15px;}.mt20 {margin-top: 20px;}.mt25 {margin-top: 25px;}.mb20 {margin-bottom: 20px;}.ml20 {margin-left: 20px;}.mr20 {margin-right: 20px;}.mt30 {margin-top: 30px;}.mb30 {margin-bottom: 30px;}.ml30 {margin-left: 30px;}.mr30 {margin-right: 30px;}.mt40 {margin-top: 40px;}.pt0 {padding-top: 0 !important;}.pt5 {padding-top: 5px;}.pb5 {padding-bottom: 5px;}.p15 {padding: 15px;}.pl5 {padding-left: 5px;}.pr5 {padding-right: 5px;}.pt10 {padding-top: 10px;}.pb10 {padding-bottom: 10px;}.pl10 {padding-left: 10px;}.pr10 {padding-right: 10px;}.plr10 {padding-left: 10px;padding-right: 10px;}.p10 {padding: 10px;}.pt15 {padding-top: 15px;}.pb15 {padding-bottom: 15px;}.pl15 {padding-left: 15px;}.pr15 {padding-right: 15px;}.plr15 {padding-left: 15px;padding-right: 15px;}.pt20 {padding-top: 20px;}.pb20 {padding-bottom: 20px;}.pl20 {padding-left: 20px;}.pr20 {padding-right: 20px;}.plr20 {padding-left: 20px;padding-right: 20px;}.p20 {padding: 20px;}.bt10 {border-top: 10px solid #f6f6f6;}.bb-so {border-bottom: 1px solid #e5e5e5;}.ovh li,.ovhh {overflow: hidden;white-space: nowrap;}.por {position: relative;}.hoverAll {position: relative;}.showAll {display: none;position: absolute;background: #fff;z-index: 4;}.hoverAll:hover .showAll {display: block;}.no-cont {background-color: #fff;text-align: center;padding: 50px;font-size: 14px;color: #999;}.no-cont img {vertical-align: middle;margin-right: 10px;width: 230px;}@font-face {  font-family: "iconfont";   src: url('../images/iconfont.woff2') format('woff2'),       url('../images/iconfont.woff') format('woff'),       url('../images/iconfont.ttf') format('truetype');}.iconfont {  font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-sx:before {  content: "\e650";}.icon-wb:before {  content: "\e645";}.icon-hot:before {  content: "\e600";}.icon-gd:before {  content: "\e601";}.icon-ss:before {  content: "\e602";}.icon-dq:before {  content: "\e603";}.icon-wx:before {  content: "\e604";}.icon-cg:before {  content: "\e607";}.icon-dh:before {  content: "\e609";}.icon-xz:before {  content: "\e60a";}.icon-f:before {  content: "\e60d";}.icon-dqf:before {  content: "\e60e";}.icon-xx:before {  content: "\e60f";}.icon-w:before {  content: "\e611";}.icon-zs:before {  content: "\e615";}.icon { display: inline-block; vertical-align: middle; }.header .w1200, .wrap-tits, .wrap-tits-sub { display: flex; justify-content: space-between; align-items: center; }body { height: 100%; position: relative; }.bodyh { display: flex; justify-content: space-between; flex-direction: column; }.color1 { color: #02C8AE !important; }.color2 { color: #FF3838 !important; }.sucTip { padding: 15px 30px; color: #fff; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 50%; transform: translateX(-50%); top: 50%; border-radius: 4px; z-index: 6; display: none; font-size: 18px; }.header { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 10; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03); transition: background .5s; }.header-h { height: 100px; }.header.fixed { position: fixed; top: 0; width: 100%; background-image: none; z-index: 10; backdrop-filter: saturate(180%) blur(20px); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03); background-color: rgba(255, 255, 255, 0.9); }.header .w1200 { height: 100px; }.header-logo { display: flex; align-items: center; }.header-logo .iconfont { display: block; line-height: 1; color: #333; }.header-logo .icon-f { font-size: 24px; margin-bottom: 5px; }.header-logo .icon-w { font-size: 12px; }.header-logo-i { height: 48px; margin-right: 10px; }.header-logo-t { margin-right: 10px; font-size: 20px; font-weight: bold; color: #FF641F; }.header-logo-r { font-size: 20px; font-weight: bold; color: #666; margin-right: auto; }.header-logo-r::before { content: ''; width: 5px; height: 5px; border-radius: 50%; display: inline-block; vertical-align: middle; background-color: #02C8AE; margin-right: 10px; }.header li { display: inline-block; }.header li.active a::after, .header li:hover a::after { transform: scale(1); }.header li.active a { font-size: 18px; font-weight: bold; }.header li > a { padding: 0 18px; line-height: 40px; position: relative; color: #333; }.header li > a::after { content: ''; transform: scale(0); width: 28px; height: 4px; background-color: #02C8AE; position: absolute; bottom: -8px; left: 50%; margin-left: -14px; transition: transform .2s; border-radius: 5px; }.header-tel { line-height: 1.2; display: inline-block; vertical-align: middle; }.header-tel .iconfont { vertical-align: 1px; margin-right: 3px; color: #FF641F; font-size: 20px; }.header-tel span { font-size: 23px; font-weight: bold; }.header-tel p { color: #333; font-size: 12px; opacity: .7; }.header-slide { position: relative; }.header-slide > a { position: relative; }.header-slide > a::before { content: ''; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); transition: transform .3s; }.header-slide:hover .header-slide-m { display: block; }.header-slide:hover a::after { content: none; }.header-slide:hover a::before { transform: translateY(-50%) rotate(180deg); }.header-slide-m { display: none; }.header-slide-m dl { position: absolute; width: 480px; border-radius: 4px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); background-color: #fff; display: flex; flex-wrap: wrap; overflow: hidden; }.header-slide-m dl dd { width: 160px; }.header-slide-m dl dd a { display: block; line-height: 64px; padding-left: 30px; font-weight: bold; }.header-slide-m dl dd a.active, .header-slide-m dl dd a:hover { background: #F7F8F9; }.header-slide-m dl dd img { width: 32px; height: 32px; margin-left: 10px; }.header_area ul { margin-left: auto; margin-right: 70px; }.wrap-tits h1::after, .wrap-tits h2::after, .wrap-tits h3::after, .wrap-tits em::after { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60a'; font-size: 12px; color: #FF641F; position: absolute; left: 50%; transform: translateX(-50%); bottom: -15px; }.wrap { margin-top: 45px; }.wrap-flex { display: flex; justify-content: space-between; }.wrap-tit { margin-bottom: 10px; }.wrap-tit h1, .wrap-tit h2, .wrap-tit h3, .wrap-tit em { font-weight: bold; font-size: 24px; }.wrap-tit h1 span, .wrap-tit h2 span, .wrap-tit h3 span, .wrap-tit em span { color: #02C8AE; }.wrap-tits h1, .wrap-tits h2, .wrap-tits h3, .wrap-tits em { font-weight: bold; font-size: 28px; flex-shrink: 0; display: inline-block; position: relative; }.wrap-tits h1 span, .wrap-tits h2 span, .wrap-tits h3 span, .wrap-tits em span { color: #02C8AE; }.wrap-tits-sub { font-size: 14px; color: #999; margin-left: 20px; flex: 1; position: relative; height: 40px; }.wrap-tits-sub::after { content: ''; width: 100%; height: 1px; background: #F1F1F1; opacity: .6; position: absolute; left: 0; bottom: -8px; }.wrap-tits-sub .wrap-more { margin-top: 10px; }.wrap-tits-sub .js-hov-btn { display: flex; }.wrap-tits-sub .js-hov-btn a { color: #999; padding: 0 10px; height: 24px; line-height: 24px; margin-right: 20px; position: relative; }.wrap-tits-sub .js-hov-btn a.active { color: #FF641F; background-color: rgba(255, 100, 31, 0.1); border-radius: 4px; font-weight: bold; }.wrap-tits-sub .js-hov-btn a.active::after { content: ''; border-top: 5px solid rgba(255, 100, 31, 0.1); border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; }.wrap-left { width: 980px; }.wrap-right { width: 380px; }.wrap-right .wrap-tits h2, .wrap-right .wrap-tits h3, .wrap-right .wrap-tits em { font-size: 20px; }.wrap-more { color: #999; font-size: 14px; }.tag2, .tag3 { font-weight: normal !important; color: #fff; font-size: 12px; line-height: 17px; display: inline-block; border-radius: 4px; padding: 0 5px; vertical-align: 1px; margin-left: 5px; }.tag2 { background-color: #02C8AE; }.tag3 { background-color: #FF641F; }[class^=teach] { font-size: 12px; position: absolute; top: 0; right: 0; width: 100px; transform: rotate(45deg) translate(28px, -2px); text-align: center; height: 20px; line-height: 19px; z-index: 2; }.teach1 { color: #FF641F; background-color: #FFEFE8; }.teach2 { color: #02C8AE; background-color: #E5F9F6; }.nav-brand { line-height: 1; color: #999; padding: 20px 0; font-size: 14px; }.nav-brand a, .nav-brand span { color: #999; }.nav-brand a:hover { color: #dd3635; }.nav-brand i { font-family: simsun; color: #999; margin: 0 5px; }.gotop { position: fixed; right: 40px; bottom: 80px; z-index: 3; width: 60px; height: 60px; text-align: center; background-color: rgba(255, 255, 255, 0.95); border-radius: 50%; box-shadow: 0 2px 6px 1px rgba(27, 27, 27, 0.08); display: flex; align-items: center; justify-content: center; }.gotop:before { content: ""; border-top: 1px solid #000; border-left: 1px solid #000; width: 16px; height: 16px; transform: rotate(45deg); margin-top: 10px; }.select { position: relative; cursor: pointer; background-color: #fff; height: 40px; }.select_open { border-top: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; position: absolute; top: 50%; margin-top: -6px; right: 13px; width: 8px; height: 8px; transform: rotate(-135deg); }.select_txt { padding-left: 15px; line-height: 40px; height: 40px; overflow: hidden; padding-right: 30px; color: #ccc; display: inline-block; }.select .option { border: solid 1px #ddd; border-top: none; position: absolute; top: 40px; left: 0; z-index: 2; display: none; max-height: 180px; overflow: auto; width: 100%; }.select .option a { display: block; height: 38px; line-height: 38px; text-align: left; background: #fff; color: #666; overflow: hidden; padding: 0 15px; }.select .option a:hover { background: #f4f4f4; }.footer-wrapper { padding-bottom: 30px; background-color: #333; margin-top: 40px; color: #999; }.footer-wrapper a { color: #999; }.footer-wrapper a:hover { color: #dd3635; }.footer-sub { background-color: #222; padding: 30px 0; }.footer-sub .w1200 { display: flex; }.footer-sub a { line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-right: 30px; padding-right: 30px; }.footer-sub a:last-child { border-right: none; margin-right: 0; padding-left: 0; }.footer-copy { display: flex; justify-content: space-between; font-size: 14px; padding-top: 30px; }.footer-copy-l { line-height: 28px; }.footer-copy-r { display: flex; align-items: flex-end; }.footer-copy-r a { margin-left: 20px; position: relative; }.footer-copy-r a:first-child span { background-color: #FF3838; }.footer-copy-r a:hover span { opacity: .9; }.footer-copy-r a:hover .ewm { display: block; }.footer-copy-r a span { display: inline-block; width: 100px; line-height: 32px; border-radius: 4px; color: #fff; text-align: center; background-color: #02C8AE; }.footer-copy-r .iconfont { vertical-align: middle; margin-right: 2px; }.footer-copy-r .ewm { position: absolute; bottom: 32px; left: 0; display: none; padding-bottom: 8px; }.footer-copy-r .ewm img { width: 100px; height: 100px; border: 10px solid #fff; border-radius: 4px; }.friend { background: #F7F8F9; padding-bottom: 30px; }.friend-list { padding-top: 30px; }.friend-t { font-weight: bold; margin-bottom: 10px; color: #333; }.friend-c { font-size: 14px; }.friend-c a { color: #666; margin-right: 20px; display: inline-block; }.friend-c a:hover { color: #dd3635; }.sucTips { padding: 15px 50px; color: #fff; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 50%; transform: translateX(-50%); top: 50%; border-radius: 4px; z-index: 6; display: none; }.right-kefu { position: fixed; right: 19px; top: 30%; font-size: 12px; z-index: 999; line-height: normal; }.right-kefu * { box-sizing: content-box; }.right-kefu ul li { position: relative; }.right-kefu ul li a.kefu-hov, .kefu-more { background: rgba(204, 204, 204, 0.8); }.right-kefu ul li a.kefu-hob { transition: background .5s; background: #02C8AE; color: #fff; }.right-kefu ul li a.kefu-online { border-color: #02C8AE; background: #02C8AE; }.kefu-close { position: absolute; width: 14px; height: 14px; background: url(../images/right-kefu.png) no-repeat; background-position: -70px -40px; right: 0; top: -16px; }.kefu-hov { width: 50px; height: 50px; background: #fff; display: block; text-align: center; margin-bottom: 5px; }.kefu-hov i { display: inline-block; background: url(../images/right-kefu.png) no-repeat; }.kefu-online { width: 50px; height: 70px; background: #02C8AE; text-align: center; margin-bottom: 5px; display: block; }.kefu-online i { width: 27px; height: 25px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; background-position: -150px -5px; margin-top: 7px; }.kefu-online p { color: #fff; line-height: 14px; }.kefu-phone i { width: 22px; height: 28px; background-position: -5px -5px; margin-top: 13px; }.kefu-code i { width: 29px; height: 23px; background-position: -35px -5px; margin-top: 15px; }.kefu-share i { width: 26px; height: 26px; background-position: -71px -5px; margin-top: 13px; }.kefu-apply i { width: 26px; height: 25px; background-position: -105px -5px; margin-top: 13px; }.kefu-gotop { float: left; }.kefu-gotop i { width: 25px; height: 15px; background-position: -35px -40px; margin-top: 17px; }.kefu-font { display: none; }.kefu-con { position: absolute; right: 50px; top: 0; padding-right: 10px; display: none; width: 134px; }.kefu-cono { width: 80px; }.kefu-hide { background: #fff; border: 1px solid #ecebeb; padding: 10px; box-shadow: 0 0 10px #ddd; }.kefu-arrow { width: 7px; height: 10px; background: url(../images/right-kefu.png) no-repeat; background-position: -150px -60px; position: absolute; right: 4px; top: 10px; }.kefu-ol-con { border-top: 1px solid #F2F2F2; padding-top: 10px; }.kefu-ol .kefu-ol-con:first-child { border-top: none; padding-top: 0; }.kefu-hide .kefu-tit { color: #02C8AE; font-size: 14px; font-weight: normal; }.kefu-ol-con ul li a { width: 52px; height: 22px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; margin-top: 10px; margin-bottom: 10px; }.kefu-ol-con ul li:first-child a { margin-right: 6px; }.kefu-ol-con ul li { float: left; }.kefu-ol-con ul li a.kefu-qq { background-position: -5px -60px; }.kefu-ol-con ul li a.kefu-zx { background-position: -70px -60px; }.kefu-hide .kefu-mobile .kefu-h3 { color: #a4a3a3; margin-bottom: 10px; }.kefu-hide .kefu-fx .kefu-tit { color: #a4a3a3; }.kefu-hide .kefu-mobile .kefu-h3.kefu-time:before { content: ''; width: 14px; height: 14px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; background-position: -105px -40px; vertical-align: middle; margin-right: 3px; margin-top: -2px; }.kefu-hide .kefu-mobile .kefu-h4 { color: #dd3635; font-size: 18px; white-space: nowrap; margin-bottom: 16px; font-family: arial; font-weight: normal; }.kefu-ewm img { width: 111px; height: 111px; }.kefu-ewm p { color: #706f6f; margin-top: 5px; text-align: center; }.kefu-more { width: 50px; display: block; text-align: center; background: rgba(204, 204, 204, 0.8); margin-bottom: 5px; display: none; float: left; }.kefu-more i { width: 22px; height: 7px; display: inline-block; background: url(../images/right-kefu.png) no-repeat; background-position: -5px -40px; }.site-item { background: #F7F8F9; border-radius: 16px; padding: 30px 0 30px 30px; margin-bottom: 20px; }.site-tit { font-weight: bold; font-size: 20px; position: relative; line-height: 1; margin-bottom: 15px; }.site-tit::before { content: ''; width: 5px; height: 100%; position: absolute; left: -30px; top: 0; background-color: #02C8AE; }.site-tit h2, .site-tit h3 { font-size: 20px; }.site-list { line-height: 1.8; }.site-list a { display: inline-block; margin-right: 40px; }.about-tit { display: flex; width: 100%; }.about-tit a { background: #F7F8F9; line-height: 56px; border-radius: 4px; text-align: center; color: #666; flex: 1; margin-left: 22px; }.about-tit a:first-child { margin-left: 0; }.about-tit a.active { background-color: #02C8AE; color: #fff; box-shadow: 0px 0px 20px 0px rgba(2, 200, 174, 0.2); }.about-cont { margin-top: 40px; }.about-cont-t { font-weight: bold; font-size: 24px; margin-bottom: 5px; }.about-cont-u li { line-height: 32px; color: #666; }.about-cont-s { font-weight: bold; font-size: 20px; margin-top: 40px; margin-bottom: 10px; }.about-cont-c { line-height: 32px; }.about-cont-f { display: flex; }.about-cont-l { width: 700px; }.about-map { box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.1); border-radius: 8px; padding: 20px 30px; display: flex; justify-content: space-between; margin-top: 40px; }.about-map-l li { line-height: 32px; display: flex; }.about-map-l li span { flex-shrink: 0; }.about-map-r { width: 860px; flex-shrink: 0; }.about-map-r img { width: 860px; height: 260px; }.codes { position: relative; padding: 120px 40px 100px; }.codes-p { overflow: hidden; }.codes::before, .codes::after { content: ''; border-radius: 50%; position: absolute; filter: blur(50px); z-index: -1; opacity: .05; }.codes::before { width: 400px; height: 400px; background-color: #FF641F; top: 0; left: 180px; }.codes::after { width: 1500px; height: 600px; background-color: #FF4DED; top: -300px; right: 0; transform: translate(50%); opacity: .07; }.codes ul { display: flex; width: 100%; text-align: center; }.codes li { flex: 1; }.codes li img { border-radius: 8px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); }.codes li p { font-size: 32px; font-weight: bold; margin-top: 20px; }.codes li span { color: #999; }.recruit-part .recruit-part-h { padding-top: 30px; line-height: 36px; }.recruit-part .recruit-part-h:first-child { padding-top: 15px; }.recruit-part .recruit-part-h h4 { font-size: 20px; color: #fa8801; font-weight: 400; }.recruit-part .recruit-part-h span { margin-left: 5px; font-size: 16px; color: #878787; }.recruit-part li { line-height: 32px; font-size: 16px; color: #666; }