.mt-0{ margin-top:5px}
.mt-1{ margin-top:10px}
.mt-2{ margin-top:15px}
.mt-3{ margin-top:20px}
.align-items-center{align-items:center!important;}
.flex{ display:flex}
.flex-row{flex-direction:row !important;}
.order-first{order:-1!important;}
@media (min-width:640px){
.order-md-last{order:6!important;}
.mt-1{ margin-top:15px}
.mt-2{ margin-top:20px}
.mt-3{ margin-top:30px}
}
@media (min-width:960px){
.mt-2{ margin-top:30px}
.mt-3{ margin-top:40px}
}
.right-btn a{position:relative;overflow:hidden;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;padding:10px;display:block;border-radius:5px;font-size:0.9375rem}
.right-tel{margin-top:20px;position:relative;padding-left:75px}
.right-tel-ico{position:absolute;height:60px;width:60px;border-radius:5px;text-align:center;background:rgba(var(--primary-rgb));color:#fff;left:0;top:0;}
.right-tel-ico i{font-size:36px;line-height:60px;margin:0px;display:inline-block;width:inherit;height:inherit}
.right-tel-text{height:60px;}
.right-tel-text p{font-size:0.875rem}
.right-tel-text h5{margin:0px;font-size:30px}

.left,.right{ padding-bottom:15px}
@media (min-width:640px){.left,.right{ padding-bottom:20px}}
@media (min-width:960px){.left,.right{ padding-bottom:30px}}
.right-title{color:inherit;display:flex;align-items:center;border-bottom:1px solid var(--secondary-lt);padding-bottom:15px}
/*=icon=*/
.u-chart:before{content:"\ea59";}
.u-atom:before{content:"\ebdf";}
.u-coin:before{content:"\f2c3";}
.u-medal:before{content:"\ec78";}
.u-layout:before{content:"\f02c";}
.u-calendar:before{content:"\f824";}
.u-building:before{content:"\ea4f";}
.u-bank:before{content:"\ebe2";}
.u-estate:before{content:"\f5a5";}
.u-book:before{content:"\ea39";}
.u-books:before{content:"\eff2";}
.u-address:before{content:"\f021";}
.u-marks:before{content:"\ed08";}
.u-com:before{content:"\efa5";}
.u-direct:before{content:"\ea8e";}
.u-key:before{content:"\f585";}
.u-over:before{content:"\f278";}
.u-map:before{content:"\f950";}
.u-help:before{content:"\fa0b";}
.u-faq:before{content:"\f921";}
.u-message:before{content:"\f963";}
.u-server:before{content:"\f321";}
.u-filter:before{content:"\f5a8";}
.u-plane:before{content:"\f1ed";}
.u-arm:before{content:"\ef9e";}
.u-bubble:before{content:"\ec75";}
.u-shopee:before{content:"\f252";}
.u-certificate:before{content:"\ed76";}
.u-analytics:before{content:"\ee72";}
.u-ramp:before{content:"\ed3d";}
.u-award:before{content:"\ea2c";}
.u-camera:before{content:"\ea54";}
.u-firebase:before{content:"\ef6e";}
.u-briefcase:before{content:"\ea46";}
.u-anchor:before{content:"\eb76";}
.u-app:before{content:"\effc";}
.u-apps:before{content:"\ebb6";}
.u-board:before{content:"\ea2a";}
.u-box:before{content:"\ea45";}
.u-browser:before{content:"\efd6";}
.u-bus:before{content:"\ebe4";}
.u-tree:before{content:"\ed78";}
.u-swatch:before{content:"\eb61";}
.u-crown:before{content:"\ed12";}
.u-check:before{content:"\f1f8";}
.u-dual:before{content:"\fa59";}
.u-passport:before{content:"\f4df";}
.u-eraser:before{content:"\eb8b";}
.u-file:before{content:"\f028";}
.u-flame:before{content:"\ec2c";}
.u-gift:before{content:"\eb68";}
.u-globe:before{content:"\eab9";}
.u-heart:before{content:"\eabe";}
.u-id:before{content:"\eac3";}
.u-license:before{content:"\ebc0";}
.u-mail:before{content:"\f939";}
.u-meteor:before{content:"\f1fd";}
.u-micro:before{content:"\eaf0";}
.u-music:before{content:"\eafc";}
.u-photo:before{content:"\eb0a";}
.u-planet:before{content:"\ec08";}
.u-recharging:before{content:"\eeca";}
.u-rocket:before{content:"\ec45";}
.u-school:before{content:"\ecf7";}
.u-set:before{content:"\eb20";}
.u-shield:before{content:"\ef9b";}
.u-steam:before{content:"\f24b";}
.u-sun:before{content:"\eb30";}
.u-swipe:before{content:"\f551";}
.u-test:before{content:"\eb3a"}
.u-user:before{content:"\ebf2"}
.u-world:before{content:"\eb54"}


.chat-a,.u-a{position:relative}
.chat-a a,.u-a a{display:block;left:0;top:0;right:0;bottom:0;position:absolute;width:100%;height:100%}
.badges-list{ display:flex;gap:5px}
.badge{ padding:1px 3px;}
.btn-list .uk-button{ background:rgb(255,255,255,0.3)}

.q-banner{ background:url(/q/upload/new/00.jpg) no-repeat top center;background-size:cover}
.page-bannner{ background:rgb(255,255,255,0.8);min-height:190px}
@media (min-width:960px){.uk-width-small\@m {width:160px;}.p-right{ padding-left:30px;padding-top:30px}}
.p-logo{ border:1px solid rgb(var(--secondary-lt-rgb));border-bottom:none;background:rgb(255,255,255,0.9);padding:1.25rem;border-radius:4px 4px 0px 0px;display:flex;align-items:center;}
.x-head-logo{ padding-bottom:0;}
.navbar-brand-text{ display:none}
.school-text{ padding:15px 30px}
.school-text p.t{ font-weight:600;margin:0px auto;line-height:1.1;font-size:1.5625rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; color:var(--muted); position:relative}
.school-text p.t span{ color:var(--body-color); position:relative; z-index:2}
.school-text p.t:before{ content:""; position:absolute; width:120px; height:10px; border-radius:5px; left:0; bottom:0;background:rgb(var(--yellow-rgb),0.3);  /* fallback for old browsers */
background:-webkit-linear-gradient(to right, rgb(var(--orange-rgb),0.4), rgb(var(--yellow-rgb),0.2));  /* Chrome 10-25, Safari 5.1-6 */
background:linear-gradient(to right, rgb(var(--orange-rgb),0.4), rgb(var(--yellow-rgb),0.2)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
@media (min-width:1200px){.school-text p.t{ font-size:1.875rem}}
@media (min-width:1600px){.school-text p.t{ font-size:2rem}}
.school-info{ padding:0px 30px 15px; font-size:12px}
.school-info dl{align-items:center;line-height:1.2; position:relative; padding-left:63px;}
.school-info dt{padding:0px 5px;align-items:center; display:flex;position:absolute; left:0; top:0; background:rgb(var(--light-rgb));border-radius:var(--border-radius);height:23px;width:58px;text-align:center;font-weight:normal;color:var(--primary-darken);box-shadow:inset 0 0 3px rgb(var(--primary-rgb),0.1)}
.school-info dd{ color:var(--muted);word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; line-height:23px; height:23px;}
.school-info dt .icon{--icon-size:16px;margin-right:3px}
@media (max-width:1199px){
.page-expand .btn-list{ display:none}
}
@media (max-width:959px){
.x-head-logo{ padding-bottom:1.875rem}
.p-logo{ padding:0px; background:none; border:none}
.school-text{ padding:10px 20px}
.page-bannner .uk-width-small{ width:130px;}
.school-info{ padding:10px 20px}
.btn-list{ display:none}
.page-expand .btn-tel{ display:none}
}
@media (max-width:639px){
.school-text{ padding:10px 0px}
.school-text p.t{ font-size:1.25rem}
.school-info{ padding:10px 0px 0; font-size:12px}
.page-bannner .uk-width-small{ width:110px;}
.x-head-logo{ padding-top:1.875rem}
.p-logo{ padding-right:10px}
.school-info dl{padding-left:59px;}
.school-info dt{line-height:20px;width:54px; height:20px}
.school-info dd{ line-height:20px;height:20px;}
}

@media (max-width:459px){
.page-bannner .uk-child-width-1-2>*{ width:100%}
.school-text p.t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; line-height:1.5; font-size:1.125rem}
.school-info{ padding-top:0}
.x-head-logo{ padding-top:1.25rem}
}

.p-left-menu{animation:.5s ease-out both;padding:1.25rem;background:rgb(255,255,255,0.9);border:1px solid rgb(var(--secondary-lt-rgb));border-radius:0px 0px 4px 4px;box-shadow:0px 8px 8px rgb(var(--primary-rgb),0.05)}
.p-menu-logo{ display:none;animation:.5s ease-out both;border-bottom:1px solid rgb(var(--secondary-lt-rgb));padding-bottom:1.25rem}
.uk-active .p-menu-logo{ display:block; margin-bottom:1.25rem}
.p-menu{ margin:0px auto}
.p-menu li{ padding-left:8px;position:relative}
.p-menu li:first-child{ padding-top:3px}
.p-menu li a{ font-size:14px; display:block;position:relative;border-left:1px solid var(--gray-200);line-height:18px;padding-bottom:20px;padding-left:16px;color:var(--dark)}
.p-menu li a:before{ position:absolute;width:12px;height:12px;border-radius:50%;border:4px solid var(--gray-200);background:var(--gray-200);content:"";left:-6px;top:3px}
.p-menu li a:hover{ color:var(--info)}
.p-menu li a:hover:before{ width:16px;height:16px;background:#fff;border-color:var(--info);left:-8px;top:0}
.p-menu li.uk-active a{color:var(--info)}
.p-menu li.uk-active a:hover{color:var(--warning)}
.p-menu li.uk-active a:before{width:16px;height:16px;border:4px solid var(--info);background:#fff;content:"";left:-8px;top:0}
.p-menu li.uk-active a:hover:before{ border-color:var(--warning);}
.p-menu li.chat:before{ content:"";height:8px;width:1px;background:var(--gray-200);position:absolute;left:8px;top:-3px}
.p-menu li.chat a{ height:18px;border:none}

.gotop{ display:none;animation:.5s ease-out both;}
.gotop a{ display:block;text-align:center}
.uk-active .gotop{ display:block;margin-top:15px}

@media (max-width:959px){
.p-left-menu{border-radius:10px; border:none;box-shadow:0px -5px 15px rgb(var(--primary-rgb),0.1); position:relative; margin-top:-10px; margin-bottom:30px}
.p-menu li{ padding-left:0;}
.p-menu li:first-child{ padding-top:0}
.p-menu li a{border-left:none;padding-bottom:0px;padding-left:0px;}

.p-menu{overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;margin:0px;}
.p-menu::-webkit-scrollbar {display:none;}
.p-menu li{display:inline-block}
.p-menu li a{padding:0px 10px 0 0;line-height:30px;display:block }
.p-menu li a:before{ display:none}
.p-left-menu:before{display:block; height:14px;font-family:"tabler-icons" !important; line-height:14px; font-size:14px; color:var(--gray-300); content:"\ea1c"; width:32px; position:absolute; bottom:10px; left:50%; margin-right:16px}
.p-left-menu:after{display:block; height:14px;font-family:"tabler-icons" !important; line-height:14px; font-size:14px; color:var(--gray-300); content:"\ea1b"; width:32px; position:absolute; bottom:10px; right:50%; margin-rleft:16px}
}

@media (max-width:639px){
.p-left-menu{ margin-bottom:15px; padding-top:0.9375rem; padding-bottom:0.9375rem}
.p-left-menu:before,.p-left-menu:after{ bottom:6px}
.p-menu li a{ line-height:24px}
}

@media (max-width:374px){
.p-left-menu{ margin-bottom:10px; padding:0.625rem 0.9375rem ;}
.p-left-menu:before,.p-left-menu:after{ bottom:3px}
}
.uk-card-footer{ font-size:12px; color:var(--gray-400)}
.local i,.hits i,.AddDate i{ margin-right:0.3125rem}
.local a{color:var(--gray-400)}
.hits{ padding-right:0.625rem}
@media (max-width:1023px){
.right-tel{ padding-left:60px}
.right-tel-ico{ width:50px; height:50px;}
.right-tel-ico i{ font-size:30px; line-height:50px;}
.right-tel-text{ height:50px;}
.right-tel-text p{ font-size:12px;}
.right-tel-text h5{ font-size:20px}
}
@media (max-width:639px){
.right-tel{ display:none}
}

.p-grid-btn a{ font-size:12px; line-height:1.2; border-radius:var(--border-radius); border:1px solid rgb(var(--warning-lt-rgb)); background:rgb(var(--warning-lt-rgb),0.1); color:var(--gray-600); padding:0.2rem 0.4rem;display:flex;align-items:center;}
.p-grid-btn i{ color:rgb(var(--warning-rgb),0.8); margin-right:0.3125rem}
.p-grid-btn a:hover{ background:rgb(var(--warning-rgb),0.8); border-color:rgb(var(--warning-rgb),0.8); color:#fff;}
.p-grid-btn a:hover i{ color:#fff}
@media (min-width:640px){.p-grid-btn a{ font-size:14px;}}
@media (max-width:439px){.p-grid-btn a{ padding:0.2rem}}
.footer-form{ background:var(--primary-lt); padding:30px 0px}
.sc-baoming-tt{ position:relative; text-align:center; color:#fff; margin:0px auto 30px; font-size:20px;}
.sc-baoming-tt span{ display:inline-block; height:60px; position:relative; padding-left:60px;}
.sc-baoming-tt span b{ color:var(--info); border:1px solid var(--info); background:var(--light); border-radius:30px; position:relative; height:60px; display:inline-block; line-height:58px; padding:0px 40px 0px 90px}
.sc-baoming-tt span em{ color:var(--light); font-style:normal; position:absolute; height:32px; width:120px; border-radius:20px; background:var(--info); left:-45px; top:50%; margin-top:-16px; line-height:32px; padding:0px 15px;}
.sc-baoming-tt span em:before{content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--info); left:-15px; top:50%; margin-top:-5px}
.sc-baoming-tt span b:before{content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--info); right:10px; top:50%; margin-top:-5px}
.sc-baoming-tt span:hover b{ box-shadow:0px 5px 15px rgb(var(--primary-rgb),0.2)}
@media (min-width:960px){.footer-form{padding:40px 0px}}
.apply-form dl{ background:var(--light); border-radius:5px; padding-left:90px; position:relative; height:40px;font-size:14px}
.apply-form dt{ height:40px; width:90px; position:absolute; text-align:right; left:0; top:0; color:var(--light); line-height:40px; background:var(--info); border-radius:5px 0px 0px 5px; padding-right:10px}
.apply-form input,.apply-form select,.apply-form textarea{ border:1px solid #fff; line-height:30px;padding:5px; width:100%; outline:none; border-radius:0px 5px 5px 0px }
.apply-form .radio{ width:52px; display:inline-block; height:42px; line-height:42px;color:var(--info); position:relative; padding-left:30px}
.apply-form .radio input{ width:20px; height:20px; margin:0px; position:absolute; left:5px; top:50%; margin-top:-10px;}
.apply-form input.bd-yycj{ width:auto; max-width:70%; display:inline-block}
.apply-form input.bd-code{ width:80px; display:inline-block}
.apply-form dd{ position:relative; margin:0px;}
.apply-form dd span{ line-height:28px; display:inline-block; background:var(--warning-lt); border:1px solid #fff; box-shadow:0px 5px 15px rgb(0,0,0,0.1);border-radius:5px; padding:0px 10px; text-align:center; width:auto; height:30px; top:-15px; right:0px; position:absolute}

.apply-form li.warning,.apply-form li.error{position:relative;}
.apply-form li.warning:before{content:"*必填项";position:absolute;right:5px;top:50%;color:var(--red);z-index:3;margin-top:-12px;font-size:12px}
.apply-form li.error:before{content:"*手机号码错误";position:absolute;right:5px;top:50%;color:var(--red);z-index:3;margin-top:-12px;font-size:12px}
.apply-form li.warning .uk-input{border-color:var(--orange);box-shadow:0 0 10px rgb(var(--red-rgb),0.08)}
.apply-form li.success .uk-input{border-color:var(--green);box-shadow:0 0 10px rgb(var(--red-rgb),0.08)}
.apply-form li.error .uk-input{border-color:var(--orange);box-shadow:0 0 10px rgb(var(--red-rgb),0.08)}


.footer-form .agreement{ font-size:12px; color:var(--secondary)}
.footer-form .agreement .uk-checkbox{ margin-right:0.5rem}

.footer-form .button{ text-align:center; margin:15px auto 0}
.footer-form .button input{ background:var(--info); color:#fff; padding:10px 30px; line-height:2; border:none; outline:none}
.footer-form .button input.bd-reset{ background:var(--light); border-radius:0px 25px 25px 0; color:var(--dark)}
.footer-form .button input.bd-submit{ border-radius:25px 0px 0px 25px}
.footer-form .button input.bd-reset:hover{ background:var(--success-lt);color:var(--lime);box-shadow:5px 0px 15px rgb(var(--dark-rgb),0.1)}
.footer-form .button input.bd-submit:hover{ background:var(--warning); box-shadow:-5px 0px 15px rgb(var(--warning-rgb),0.2)}

@media (max-width:639px){
.footer-form{ padding:20px 0px 10px}
.sc-baoming-tt span{ height:50px; padding-left:50px;}
.sc-baoming-tt span em{ height:25px; width:100px; border-radius:13px; line-height:24px; font-size:16px; left:-50px; margin-top:-13px}
.sc-baoming-tt span b{ height:50px;line-height:47px;padding:0px 30px 0px 60px;}
.sc-baoming-tt span b:before{ margin-top:-6px}
}

.page-box{ margin-top:30px; border-radius:10px; box-shadow:0px 5px 15px rgb(0,0,0,0.1)}
.page-expand{ background:rgb(var(--light-rgb),0.85); min-height:300px;border-radius:10px; border:1px solid var(--body-bg)}
.page-color{ background:rgb(var(--dark-rgb),0.8)}
.page-color .btn-list .uk-button{ background:rgb(var(--light-rgb),0.8)}
.page-color .btn-link .uk-button{ background:rgb(var(--warning-rgb))}
.container{ max-width:1260px; width:100%; padding-left:30px; padding-right:30px; margin:0px auto}
@media (max-width:959px){.container{ padding-left:20px; padding-right:20px}}
@media (max-width:639px){.page-box{ margin-top:15px;}.container{ padding-left:15px; padding-right:15px}}
.uk-width-logo{ background:rgb(var(--light-rgb),0.9); border-radius:0px 0px 10px 10px; padding:20px;box-shadow:0px 8px 24px rgb(var(--body-color-rgb),0.1)}
.uk-width-logo .t{ display:none}
.uk-width-h{ font-size:1.875rem; font-weight:bold; color:var(--muted);padding:0px 30px}.uk-width-h span{color:var(--body-color);}
.page-expand .school-info dt{ background:rgb(var(--azure-rgb),0.7); color:var(--light)}
.page-color .uk-width-h,.page-color .school-info dd{ color:rgb(var(--light-rgb),0.9)}
.page-color .uk-width-h span{color:#fff;}
@media (max-width:1199px){
.btn-link{ margin-right:0}
.uk-width-h{ font-size:25px;}
}
@media (max-width:639px){
.page-expand .uk-width-small{ width:120px}
.uk-width-h{ padding:0px 15px; font-size:20px}
.uk-width-logo{ padding:15px}
.page-expand .x-head-right .uk-button{ padding:0.25rem 0.5rem; font-size:12px}
}
@media (max-width:459px){
.page-expand .uk-width-small{ width:100px}
.uk-width-h{font-size:18px}
.uk-width-logo{ padding:10px}
.btn-link span{ display:none}
.page-expand .x-head-right .uk-button{ padding:0.25rem ;}
.page-expand .x-head-right .uk-button i{ margin-right:0}
.page-expand .uk-width-expand .uk-child-width-1-2>*:nth-child(5),.page-expand .uk-width-expand .uk-child-width-1-2>*:nth-child(6){ width:100%}
}
@media (max-width:374px){

}
@media (max-width:359px){

}
.school-content{ padding:30px; font-size:14px; line-height:2; position:relative; color:var(--muted)}
.school-content .gai{ padding:0px 5px;align-items:center; display:flex;border-radius:var(--border-radius);background:rgb(var(--azure-rgb),0.7); color:var(--light); width:58px; height:23px; text-align:center; position:absolute; left:30px; top:0px; font-size:12px;}
.school-content .gai .icon{--icon-size:16px; margin-right:3px;}
.school-content p{ margin:0px auto; text-align:justify;}
.school-menu{overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;margin:0px; font-size:12px}
.school-menu::-webkit-scrollbar {display:none;}
.school-menu li{display:inline-block; text-align:center}
.school-menu li a{ display:block; padding-left:1px; position:relative; color:var(--secondary-darken)}
.school-menu li.uk-width-small a{ padding-left:0; padding-top:16px}
.school-menu li span{ display:block; background:rgb(var(--light-rgb),0.9); border-radius:10px 10px 0px 0px; padding:10px 15px; box-shadow:0px -8px 14px rgb(0,0,0,0.1)}
.school-menu li a:hover span{background:rgb(var(--warning-rgb),0.9); color:var(--light);box-shadow:0px -8px 16px rgb(var(--warning-rgb),0.2)}
.school-menu li:nth-child(2) a{}
.school-menu li:nth-last-child(1) a{padding-left:0}
.uk-width-btn{ background:rgb(var(--light-rgb),0.9);box-shadow:0px 8px 24px rgb(0,0,0,0.1); border-radius:0px 0px 10px 10px; padding:20px; font-size:12px}
.page-color .school-content{color:rgb(var(--light-rgb),0.9)}
@media (min-width:640px){.school-menu,.uk-width-btn{ font-size:14px}}
@media (max-width:1199px){
.page-expand .school-info{ padding:15px 0px}
.school-content{ padding:30px 0}
.school-content .gai{ left:0}
}
@media (max-width:639px){
.school-content{ padding:30px 0 0; top:-5px}
.school-content .gai{ font-size:12px; width:54px; height:20px; line-height:20px}
.school-menu li span{ padding:5px 10px}
.uk-width-btn{ padding:15px}
.page-expand .uk-width-menu .school-menu .uk-width-small{ width:auto}
}
@media (max-width:439px){.uk-width-btn{ padding:10px}}
@media (max-width:374px){.school-content{ padding:20px 0 0; top:-10px}.uk-width-btn .uk-child-width-1-3>*{ width:50%}}
.work-list,.work-li{ margin-left:30px; margin-top:30px}.work-flv{ margin-top:30px}
.uk-margin-remove{ font-size:14px}
.work-card{ position:relative; border-radius:5px; box-shadow:0px 4px 12px rgb(0,0,0,0.08); background:var(--light); padding-bottom:50px;transition:all 0.3s;}
.work-img{border-radius:5px 5px 0px 0px; overflow:hidden; max-height:162px; position:relative}
.work-img>a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; right:0;transition:all 0.3s;}
@media (max-width:1399px){.work-img{ max-height:139px}}
@media (max-width:1199px){.work-img{ max-height:160px}.work-list,.work-li,.work-flv{ margin-left:0}.work-flv{ margin-top:0}}
@media (max-width:639px){.work-img{ max-height:110px}.work-list,.work-li,.work-flv{ margin-top:15px; margin-left:-15px; margin-right:-15px}.work-flv{ margin-top:0}}
@media (max-width:439px){.work-img{ max-height:88px}}
@media (max-width:359px){.work-img{ max-height:70px}}
.work-img img{transition:all 0.3s; width:100%}
.work-card:hover{transform:translateY(-5px);box-shadow:0px 8px 24px rgb(var(--primary-rgb),0.2)}
.work-card:hover .work-img>a{transform:scale(1.05);}

.work-bt{ padding:10px 15px 0px;}
.work-bt .t{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; color:var(--muted); margin-bottom:0.5rem}
.work-bt .t a{ color:var(--muted);}

.work-btn{ position:absolute; height:50px; left:0; right:0; bottom:0; padding:0px 15px; display:flex;align-items:center; font-size:12px; text-align:center}
.work-btn-l{ height:24px; width:64px; border:1px solid var(--gray-400); color:var(--gray-400); border-radius:16px;display:flex;align-items:center; padding-left:8px}
.work-btn .icon{--icon-size:16px; margin-right:2px}
.work-btn-c{ margin-left:15px;height:24px; width:64px; border:1px solid var(--info); color:var(--light); background:rgb(var(--info-rgb),0.8);border-radius:16px;display:flex;align-items:center; padding-left:8px}

.q-title{margin:2.5rem auto;}
.q-title-l,.q-title-r{flex:1; width:100%; max-width:100%;min-width:1px; color:rgb(var(--primary-rgb),0.05)}
.q-title-l{ text-align:right}
.q-title-c{ width:auto; max-width:100%; text-align:center; font-size:1.875rem; vertical-align:top; position:relative; height:30px; line-height:28px; padding:0px 30px}
.q-title-c:before{ position:absolute; content:""; width:10px; height:25px; background:rgb(var(--primary-rgb),0.3); left:0px; bottom:0px}
.q-title-c:after{ position:absolute; content:""; width:10px; height:25px; background:rgb(var(--primary-rgb),0.3); right:0px; bottom:0px}
.q-title-c span,.q-title-c b{ height:30px; display:inline-block; position:relative}
.q-title-c span:before{ position:absolute; content:""; width:10px; height:25px; background:rgb(var(--primary-rgb)); left:-25px; top:0px}
.q-title-c span:after{ position:absolute; content:""; width:10px; height:25px; background:rgb(var(--primary-rgb)); right:-25px; top:0px}
.q-title-c b{ z-index:3;}
.q-title-c u{ font-size:16px;text-transform:uppercase; position:absolute; width:100%; color:rgb(var(--primary-lt-rgb)); font-style:normal; font-weight:normal; text-decoration:none; height:16px; line-height:16px; left:0; right:0; bottom:-16px;}

.q-outside{ padding-bottom:15px;}
.q-outside dl{ background:#fff;border-radius:5px;padding:15px;font-size:14px}
.q-outside dl:hover{ background:var(--primary-darken);color:#fff; box-shadow:0px 5px 15px rgb(var(--primary-rgb),0.2)}.q-outside dl:hover a{ color:#fff}
.q-outside a:hover{color:#fff}
.q-outside dd{ opacity:0.7;position:relative;padding-bottom:30px}
.q-outside dd span{ display:block;position:absolute;width:70px;height:25px;border-radius:5px;background:var(--light);text-align:center;line-height:25px;bottom:0;right:0}
.q-outside dl:hover dd span{color:var(--primary)}
.q-more-btn{ margin-top:20px;text-align:center;}
.q-more-btn span{ display:inline-block;border-radius:20px; border:1px solid rgb(var(--primary-rgb),0.2);background:rgb(var(--primary-rgb),0.02);color:rgb(var(--primary-rgb),0.92);line-height:38px;padding:0px 20px;}
.q-more-btn:hover span{border:1px solid rgb(var(--primary-rgb),0.7);background:rgb(var(--primary-rgb),0.9);color:rgb(var(--light-rgb),0.95); box-shadow:0px 5px 15px rgb(var(--primary-rgb),0.2)}

.q-campus a{border-radius:5px; display:block; overflow:hidden; position:relative; max-height:235px;}
.q-campus img{ width:100%; border-radius:5px; height:100%;}
.q-campus span{ display:block;background:linear-gradient(to top, rgba(var(--primary-rgb),0.95), rgba(var(--primary-rgb),0));transition:all 0.3s; padding:15px; color:var(--light); height:40%; position:absolute; left:0; right:0; bottom:-40%; }
.q-campus span u{ position:absolute; bottom:15px; left:15px; right:15px; display:inline-block;transition:all 0.5s}
.q-campus a:hover span{ bottom:0px}

.work-li,.work-form{ background:#fff; border-radius:10px; padding:20px 20px 0px 20px;}
.work-li dl{line-height:20px; position:relative; margin-bottom:15px}
@media (min-width:1200px){.work-li{ font-size:16px}}

.work-li a{ display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:rgb(var(--dark-rgb),0.9)}

.work-flv img{ border-radius:10px; width:100%}
.work-flv .uk-overlay{ padding:15px; border-radius:0px 0px 10px 10px}
.work-form{ margin-top:15px;}
.rb-form{ position:relative}
.come-form .uk-input,.come-form .uk-button{ border-radius:var(--border-radius)}
.rb-form .agreement{ margin:10px 0px 0; font-size:12px; color:var(--gray-400); position:absolute; width:100%; height:18px; left:0; right:0; bottom:20px}
.rb-form .agreement .uk-checkbox{border-radius:var(--border-radius); margin-right:0.2rem}
.rb-form .agreement a{ color:var(--dark-lt)}
.come-form li:last-child .uk-button{ width:100%}
.come-form .uk-button:hover{ background:var(--info-lt)}
.come-form dl{ position:relative}
.come-form dl span{font-size:12px; line-height:1;}

.cp-tt{position:absolute;padding:0px 15px;left:0;right:0;top:-35px;z-index:10}
.cp-mode dd{ padding-bottom:10px}
.cp-mode dd p{ margin:10px auto;}
.cp-mode dd .cp-tt h4{ border-bottom:none; padding-bottom:10px}
.cp-xz span{display:inline-block;font-size:12px;padding:0px;line-height:20px; margin-right:4px; padding-right:3px;border-radius:3px}
.cp-xz span.cp-cc{color:var(--indigo);border:1px solid rgb(var(--indigo-rgb),0.8)}
.cp-mo span{display:inline-block;font-size:12px;color:var(--cyan);padding:0px;line-height:20px; margin-right:4px; padding-right:3px;border-radius:3px; border:1px solid rgb(var(--cyan-rgb),0.8)}
.cp-xm span{display:inline-block;font-size:12px;color:var(--blue);padding:0px;line-height:20px; margin-right:4px; padding-right:3px;border-radius:3px; border:1px solid rgb(var(--blue-rgb),0.8)}
.cp-ms span{display:inline-block;font-size:12px;color:var(--azure);padding:0px;line-height:20px; margin-right:4px; padding-right:3px;border-radius:3px; border:1px solid rgb(var(--azure-rgb),0.8)}