@import url("animate.css");
:root{
--links:#020312;
--main:#29344a;
--sub:#415678;
--black:#000;
--black-rgb:0,0,0;
--white:#fff;
--white-rgb:255,255,255;
--gray:#667382;
--gray-rgb:102,115,130;
--gray-dark:#182433;
--gray-dark-rgb:24,36,51;
--gray-100:#f6f8fb;
--gray-100-rgb:246,248,251;
--gray-100-darken:#dddfe2;
--gray-100-lt:#fefeff;
--gray-100-lt-rgb:254,254,255;
--gray-200:#eef1f4;
--gray-200-rgb:238,241,244;
--gray-200-darken:#d6d9dc;
--gray-200-lt:#fdfefe;
--gray-200-lt-rgb:253,254,254;
--gray-300:#dadfe5;
--gray-300-rgb:218,223,229;
--gray-300-darken:#c4c9ce;
--gray-300-lt:#fbfcfc;
--gray-300-lt-rgb:251,252,252;
--gray-400:#bbc3cd;
--gray-400-rgb:187,195,205;
--gray-400-darken:#a8b0b9;
--gray-400-lt:#f8f9fa;
--gray-400-lt-rgb:248,249,250;
--gray-500:#929dab;
--gray-500-rgb:146,157,171;
--gray-500-darken:#838d9a;
--gray-500-lt:#f4f5f7;
--gray-500-lt-rgb:244,245,247;
--gray-600:#667382;
--gray-600-rgb:102,115,130;
--gray-600-darken:#5c6875;
--gray-600-lt:#f0f1f3;
--gray-600-lt-rgb:240,241,243;
--gray-700:#3a4859;
--gray-700-rgb:58,72,89;
--gray-700-darken:#344150;
--gray-700-lt:#ebedee;
--gray-700-lt-rgb:235,237,238;
--gray-800:#182433;
--gray-800-rgb:24,36,51;
--gray-800-darken:#16202e;
--gray-800-lt:#e8e9eb;
--gray-800-lt-rgb:232,233,235;
--gray-900:#040a11;
--gray-900-rgb:4,10,17;
--gray-900-darken:#04090f;
--gray-900-lt:#e6e7e7;
--gray-900-lt-rgb:230,231,231;
--primary:#206bc4;
--primary-rgb:32,107,196;
--primary-darken:#1d60b0;
--primary-lt:#e9f0f9;
--primary-lt-rgb:233,240,249;
--secondary:#667382;
--secondary-rgb:102,115,130;
--secondary-darken:#5c6875;
--secondary-lt:#f0f1f3;
--secondary-lt-rgb:240,241,243;
--success:#2fb344;
--success-rgb:47,179,68;
--success-darken:#2aa13d;
--success-lt:#eaf7ec;
--success-lt-rgb:234,247,236;
--info:#4299e1;
--info-rgb:66,153,225;
--info-darken:#3b8acb;
--info-lt:#ecf5fc;
--info-lt-rgb:236,245,252;
--warning:#f76707;
--warning-rgb:247,103,7;
--warning-darken:#de5d06;
--warning-lt:#fef0e6;
--warning-lt-rgb:254,240,230;
--danger:#d63939;
--danger-rgb:214,57,57;
--danger-darken:#c13333;
--danger-lt:#fbebeb;
--danger-lt-rgb:251,235,235;
--light:#fcfdfe;
--light-rgb:252,253,254;
--light-darken:#e3e4e5;
--light-lt:white;
--light-lt-rgb:255,255,255;
--dark:#182433;
--dark-rgb:24,36,51;
--dark-darken:#16202e;
--dark-lt:#e8e9eb;
--dark-lt-rgb:232,233,235;
--muted:#667382;
--muted-rgb:102,115,130;
--muted-darken:#5c6875;
--muted-lt:#f0f1f3;
--muted-lt-rgb:240,241,243;
--blue:#206bc4;
--blue-rgb:32,107,196;
--blue-darken:#1d60b0;
--blue-lt:#e9f0f9;
--blue-lt-rgb:233,240,249;
--azure:#4299e1;
--azure-rgb:66,153,225;
--azure-darken:#3b8acb;
--azure-lt:#ecf5fc;
--azure-lt-rgb:236,245,252;
--indigo:#4263eb;
--indigo-rgb:66,99,235;
--indigo-darken:#3b59d4;
--indigo-lt:#eceffd;
--indigo-lt-rgb:236,239,253;
--purple:#ae3ec9;
--purple-rgb:174,62,201;
--purple-darken:#9d38b5;
--purple-lt:#f7ecfa;
--purple-lt-rgb:247,236,250;
--pink:#d6336c;
--pink-rgb:214,51,108;
--pink-darken:#c12e61;
--pink-lt:#fbebf0;
--pink-lt-rgb:251,235,240;
--red:#d63939;
--red-rgb:214,57,57;
--red-darken:#c13333;
--red-lt:#fbebeb;
--red-lt-rgb:251,235,235;
--orange:#f76707;
--orange-rgb:247,103,7;
--orange-darken:#de5d06;
--orange-lt:#fef0e6;
--orange-lt-rgb:254,240,230;
--yellow:#f59f00;
--yellow-rgb:245,159,0;
--yellow-darken:#dd8f00;
--yellow-lt:#fef5e6;
--yellow-lt-rgb:254,245,230;
--lime:#74b816;
--lime-rgb:116,184,22;
--lime-darken:#68a614;
--lime-lt:#f1f8e8;
--lime-lt-rgb:241,248,232;
--green:#2fb344;
--green-rgb:47,179,68;
--green-darken:#2aa13d;
--green-lt:#eaf7ec;
--green-lt-rgb:234,247,236;
--teal:#0ca678;
--teal-rgb:12,166,120;
--teal-darken:#0b956c;
--teal-lt:#e7f6f2;
--teal-lt-rgb:231,246,242;
--cyan:#17a2b8;
--cyan-rgb:23,162,184;
--cyan-darken:#1592a6;
--cyan-lt:#e8f6f8;
--cyan-lt-rgb:232,246,248;
--facebook:#1877f2;
--facebook-rgb:24,119,242;
--facebook-darken:#166bda;
--facebook-lt:#e8f1fe;
--facebook-lt-rgb:232,241,254;
--twitter:#1da1f2;
--twitter-rgb:29,161,242;
--twitter-darken:#1a91da;
--twitter-lt:#e8f6fe;
--twitter-lt-rgb:232,246,254;
--linkedin:#0a66c2;
--linkedin-rgb:10,102,194;
--linkedin-darken:#095caf;
--linkedin-lt:#e7f0f9;
--linkedin-lt-rgb:231,240,249;
--google:#dc4e41;
--google-rgb:220,78,65;
--google-darken:#c6463b;
--google-lt:#fcedec;
--google-lt-rgb:252,237,236;
--youtube:#ff0000;
--youtube-rgb:255,0,0;
--youtube-darken:#e60000;
--youtube-lt:#ffe6e6;
--youtube-lt-rgb:255,230,230;
--vimeo:#1ab7ea;
--vimeo-rgb:26,183,234;
--vimeo-darken:#17a5d3;
--vimeo-lt:#e8f8fd;
--vimeo-lt-rgb:232,248,253;
--dribbble:#ea4c89;
--dribbble-rgb:234,76,137;
--dribbble-darken:#d3447b;
--dribbble-lt:#fdedf3;
--dribbble-lt-rgb:253,237,243;
--github:#181717;
--github-rgb:24,23,23;
--github-darken:#161515;
--github-lt:#e8e8e8;
--github-lt-rgb:232,232,232;
--instagram:#e4405f;
--instagram-rgb:228,64,95;
--instagram-darken:#cd3a56;
--instagram-lt:#fcecef;
--instagram-lt-rgb:252,236,239;
--pinterest:#bd081c;
--pinterest-rgb:189,8,28;
--pinterest-darken:#aa0719;
--pinterest-lt:#f8e6e8;
--pinterest-lt-rgb:248,230,232;
--vk:#6383a8;
--vk-rgb:99,131,168;
--vk-darken:#597697;
--vk-lt:#eff3f6;
--vk-lt-rgb:239,243,246;
--rss:#ffa500;
--rss-rgb:255,165,0;
--rss-darken:#e69500;
--rss-lt:#fff6e6;
--rss-lt-rgb:255,246,230;
--flickr:#0063dc;
--flickr-rgb:0,99,220;
--flickr-darken:#0059c6;
--flickr-lt:#e6effc;
--flickr-lt-rgb:230,239,252;
--bitbucket:#0052cc;
--bitbucket-rgb:0,82,204;
--bitbucket-darken:#004ab8;
--bitbucket-lt:#e6eefa;
--bitbucket-lt-rgb:230,238,250;
--tabler:#206bc4;
--tabler-rgb:32,107,196;
--tabler-darken:#1d60b0;
--tabler-lt:#e9f0f9;
--tabler-lt-rgb:233,240,249;
}
/*文本颜色*/
.text-black,.text-black a{color:rgba(var(--black-rgb))}
.text-white,.text-white a{color:rgba(var(--white-rgb))}
.text-gray,.text-gray a{color:rgba(var(--gray-rgb))}
.text-primary,.text-primary a{color:rgba(var(--primary-rgb))}.text-primary-lt,.text-primary-lt a{color:var(--primary-lt)}
.text-secondary,.text-secondary a{color:rgba(var(--secondary-rgb))}.text-secondary-lt,.text-secondary-lt a{color:var(--secondary-lt)}
.text-success,.text-success a{color:rgba(var(--success-rgb))}.text-success-lt,.text-success-lt a{color:var(--success-lt)}
.text-info,.text-info a{color:rgba(var(--info-rgb))}.text-info-lt,.text-info-lt a{color:var(--info-lt)}
.text-warning,.text-warning a{color:rgba(var(--warning-rgb))}.text-warning-lt,.text-warning-lt a{color:var(--warning-lt)}
.text-danger,.text-danger a{color:rgba(var(--danger-rgb))}.text-danger-lt,.text-danger-lt a{color:var(--danger-lt)}
.text-light,.text-light a{color:rgba(var(--light-rgb))}.text-light-lt,.text-light-lt a{color:var(--light-lt)}
.text-dark,.text-dark a{color:rgba(var(--dark-rgb))}.text-dark-lt,.text-dark-lt a{color:var(--dark-lt)}
.text-muted,.text-muted a{color:rgba(var(--muted-rgb))}.text-muted-lt,.text-muted-lt a{color:var(--muted-lt)}
.text-blue,.text-blue a{color:rgba(var(--blue-rgb))}.text-blue-lt,.text-blue-lt a{color:var(--blue-lt)}
.text-azure,.text-azure a{color:rgba(var(--azure-rgb))}.text-azure-lt,.text-azure-lt a{color:var(--azure-lt)}
.text-indigo,.text-indigo a{color:rgba(var(--indigo-rgb))}.text-indigo-lt,.text-indigo-lt a{color:var(--indigo-lt)}
.text-purple,.text-purple a{color:rgba(var(--purple-rgb))}.text-purple-lt,.text-purple-lt a{color:var(--purple-lt)}
.text-pink,.text-pink a{color:rgba(var(--pink-rgb))}.text-pink-lt,.text-pink-lt a{color:var(--pink-lt)}
.text-red,.text-red a{color:rgba(var(--red-rgb))}.text-red-lt,.text-red-lt a{color:var(--red-lt)}
.text-orange,.text-orange a{color:rgba(var(--orange-rgb))}.text-orange-lt,.text-orange-lt a{color:var(--orange-lt)}
.text-yellow,.text-yellow a{color:rgba(var(--yellow-rgb))}.text-yellow-lt,.text-yellow-lt a{color:var(--yellow-lt)}
.text-lime,.text-yellow-lt a{color:rgba(var(--lime-rgb))}.text-lime-lt,.text-lime-lt a{color:var(--lime-lt)}
.text-green,.text-green a{color:rgba(var(--green-rgb))}.text-green-lt,.text-green-lt a{color:var(--green-lt)}
.text-teal,.text-teal a{color:rgba(var(--teal-rgb))}.text-teal-lt,.text-teal-lt a{color:var(--teal-lt)}
.text-cyan,.text-cyan a{color:rgba(var(--cyan-rgb))}.text-cyan-lt,.text-cyan-lt a{color:var(--cyan-lt)}
/*背景颜色*/
.bg-white{background-color:rgba(var(--white-rgb))}
.bg-black{background-color:rgba(var(--black-rgb))}
.bg-gray{background-color:rgba(var(--gray-rgb))}
.bg-primary{background-color:rgba(var(--primary-rgb))}
.bg-primary-lt{color:rgba(var(--primary-rgb))background-color:rgba(var(--primary-lt-rgb))}.bg-primary-lt a{color:rgba(var(--primary-rgb))}
.bg-secondary{background-color:rgba(var(--secondary-rgb))}
.bg-secondary-lt{color:rgba(var(--secondary-rgb))background-color:rgba(var(--secondary-lt-rgb))}.bg-secondary-lt a{color:rgba(var(--secondary-rgb))}
.bg-success{background-color:rgba(var(--success-rgb))}
.bg-success-lt{color:rgba(var(--success-rgb))background-color:rgba(var(--success-lt-rgb))}.bg-success-lt a{color:rgba(var(--success-rgb))}
.bg-info{background-color:rgba(var(--info-rgb))}
.bg-info-lt{color:rgba(var(--info-rgb))background-color:rgba(var(--info-lt-rgb))}.bg-info-lt a{color:rgba(var(--info-rgb))}
.bg-warning{background-color:rgba(var(--warning-rgb))}
.bg-warning-lt{color:rgba(var(--warning-rgb))background-color:rgba(var(--warning-lt-rgb))}.bg-warning-lt a{color:rgba(var(--warning-rgb))}
.bg-danger{background-color:rgba(var(--danger-rgb))}
.bg-danger-lt{color:rgba(var(--danger-rgb))background-color:rgba(var(--danger-lt-rgb))}.bg-danger-lt a{color:rgba(var(--danger-rgb))}
.bg-light{background-color:rgba(var(--light-rgb))}
.bg-light-lt{color:rgba(var(--light-rgb))background-color:rgba(var(--light-lt-rgb))}.bg-light-lt a{color:rgba(var(--light-rgb))}
.border-light{border-color:#fcfdfe}
.bg-dark{background-color:rgba(var(--dark-rgb))}
.bg-dark-lt{color:rgba(var(--dark-rgb))background-color:rgba(var(--dark-lt-rgb))}.bg-dark-lt a{color:rgba(var(--dark-rgb))}
.bg-muted{background-color:rgba(var(--muted-rgb))}
.bg-muted-lt{color:rgba(var(--muted-rgb))background-color:rgba(var(--muted-lt-rgb))}.bg-muted-lt a{color:rgba(var(--muted-rgb))}
.bg-blue{background-color:rgba(var(--blue-rgb))}
.bg-blue-lt{color:rgba(var(--blue-rgb))background-color:rgba(var(--blue-lt-rgb))}.bg-blue-lt a{color:rgba(var(--blue-rgb))}
.bg-azure{background-color:rgba(var(--azure-rgb))}
.bg-azure-lt{color:rgba(var(--azure-rgb))background-color:rgba(var(--azure-lt-rgb))}.bg-azure-lt a{color:rgba(var(--azure-rgb))}
.bg-indigo{background-color:rgba(var(--indigo-rgb))}
.bg-indigo-lt{color:rgba(var(--indigo-rgb))background-color:rgba(var(--indigo-lt-rgb))}.bg-indigo-lt a{color:rgba(var(--indigo-rgb))}
.bg-purple{background-color:rgba(var(--purple-rgb))}
.bg-purple-lt{color:rgba(var(--purple-rgb))background-color:rgba(var(--purple-lt-rgb))}.bg-purple-lt a{color:rgba(var(--purple-rgb))}
.bg-pink{background-color:rgba(var(--pink-rgb))}
.bg-pink-lt{color:rgba(var(--pink-rgb))background-color:rgba(var(--pink-lt-rgb))}.bg-pink-lt a{color:rgba(var(--pink-rgb))}
.bg-red{background-color:rgba(var(--red-rgb))}
.bg-red-lt{color:rgba(var(--red-rgb))background-color:rgba(var(--red-lt-rgb))}.bg-orange{background-color:rgba(var(--orange-rgb))}
.bg-orange-lt{color:rgba(var(--orange-rgb))background-color:rgba(var(--orange-lt-rgb))}.bg-orange-lt a{color:rgba(var(--orange-rgb))}
.bg-yellow{background-color:rgba(var(--yellow-rgb))}
.bg-yellow-lt{color:rgba(var(--yellow-rgb))background-color:rgba(var(--yellow-lt-rgb))}.bg-yellow-lt a{color:rgba(var(--yellow-rgb))}
.bg-lime{background-color:rgba(var(--lime-rgb))}
.bg-lime-lt{color:rgba(var(--lime-rgb))background-color:rgba(var(--lime-lt-rgb))}.bg-lime-lt a{color:rgba(var(--lime-rgb))}
.bg-green{background-color:rgba(var(--green-rgb))}
.bg-green-lt{color:rgba(var(--green-rgb))background-color:rgba(var(--green-lt-rgb))}.bg-green-lt a{color:rgba(var(--green-rgb))}
.bg-teal{background-color:rgba(var(--teal-rgb))}
.bg-teal-lt{color:rgba(var(--teal-rgb))background-color:rgba(var(--teal-lt-rgb))}.bg-teal-lt a{color:rgba(var(--teal-rgb))}
.bg-cyan{background-color:rgba(var(--cyan-rgb))}
.bg-cyan-lt{color:rgba(var(--cyan-rgb))background-color:rgba(var(--cyan-lt-rgb))}.bg-cyan-lt a{color:rgba(var(--cyan-rgb))}
.bg-gray-lt{color:rgba(var(--gray-400-rgb))background-color:rgb(var(--gray-100-rgb))}.bg-gray-lt a{color:rgba(var(--gray-400-rgb))}
/*边框颜色*/
.border-white{border-color:var(--white)}
.border-black{border-color:var(--black)}
.border-gray{border-color:var(--gray)}
.border-primary{border-color:#206bc4}
.border-secondary{border-color:#667382}
.border-success{border-color:#2fb344}
.border-info{border-color:#4299e1}
.border-warning{border-color:#f76707}
.border-danger{border-color:#d63939}
.border-dark{border-color:#182433}
.border-muted{border-color:#667382}
.border-blue{border-color:#206bc4}
.border-azure{border-color:#4299e1}
.border-purple{border-color:#ae3ec9}
.border-pink{border-color:#d6336c}
.border-indigo{border-color:#4263eb}
.border-red{border-color:#d63939}
.border-orange{border-color:#f76707}
.border-yellow{border-color:#f59f00}
.border-lime{border-color:#74b816}
.border-green{border-color:#2fb344}
.border-teal{border-color:#0ca678}
.border-cyan{border-color:#17a2b8}
/*重置*/
*,*::before,*::after{box-sizing:border-box;}
a{transition:color .3s;}
a:hover{text-decoration:none}
li,ol,ul{list-style:none;padding:0rem}

.chat-a{position:relative}
.chat-a a{display:block;left:0;top:0;right:0;bottom:0;position:absolute;width:100%;height:100%}
/*===头部===*/
.header-nav{transition:.5s ease-out;position:fixed;left:0;right:0;top:0;z-index:999;}
.navbar{padding:14px 0;width:100%;border-radius:0;margin-bottom:0;transition:all .5s ease-in-out;position:relative;}
.navbar>.uk-container{display:flex;align-items:center;flex-wrap:inherit;justify-content:space-between;}
.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap;font-weight:600;color:var(--links)}.dark .navbar-brand{color:rgb(var(--light-rgb),0.9)}.dark .uk-active .navbar-brand{color:var(--links)}
.logo{display:flex;align-items:center;}
.icon{font-size:1.25rem}
.navbar-brand>.icon{transform:rotate(45deg);color:var(--primary);font-size:2rem;margin-right:0.375rem;transition:all .5s ease-in-out;}.dark .navbar-brand>.icon{color:var(--light)}.dark .uk-active .navbar-brand>.icon{color:var(--primary)}
.navbar-brand>span{color:var(--sub);transition:all .6s ease-in-out;}.dark .navbar-brand>span{color:rgb(var(--light-rgb),0.9)}.dark .uk-active .navbar-brand>span{color:var(--sub);}
.navbar-brand>span.e{font-size:1.5rem}
.uk-active .navbar{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px 0 rgba(0,0,0,.06)}
@media (max-width:767px){.navbar{padding:8px 0}.navbar-brand{margin-right:0;padding:0;font-size:1.125rem;}.navbar-brand>span.e{font-size:1.25rem}.navbar-brand>.icon{font-size:1.5rem;margin-right:0.25rem;}}
.navbar-collapse{display:flex;flex-basis:auto;flex-grow:1;align-items:center;}
.navbar-nav{display:flex;flex-direction:row;align-items:center;margin:0px;margin-left:auto!important;}
.navbar-nav li a{line-height:28px;color:rgba(var(--dark-rgb),0.7);transition:all .3s;padding:6px 0;margin:0 15px;font-weight:500;}.dark .navbar-nav li a{color:rgb(var(--light-rgb),0.8)}.dark .uk-active .navbar-nav li a{color:rgba(var(--dark-rgb),0.7)}
.navbar-nav li a.active,.navbar-nav li a:hover,.navbar-nav li a:focus{color:var(--primary);}.dark .navbar-nav li a.active,.dark .navbar-nav li a:hover,.dark .navbar-nav li a:focus{color:var(--white)}.dark .uk-active .navbar-nav li a.active,.dark .uk-active .navbar-nav li a:hover,.dark .uk-active .navbar-nav li a:focus{color:var(--primary);}
@media (max-width:959px){.navbar-nav li:nth-child(6){display:none}.navbar-nav li a{margin:0px 10px;font-size:0.875rem}}
@media (max-width:767px){.navbar-nav li:nth-child(5){display:none}}
@media (max-width:639px){.navbar-nav{display:none}}
.nav-btn{display:flex;align-items:center;position:relative;font-weight:600;transition:all .4s ease-out 0s;padding:5px;border-radius:25px;background:#f2f4f7;background:linear-gradient(to right,#f2f4f7 0,#fafafa 50%,#f2f4f7 100%);margin-left:1rem;z-index:2;background-size:200% auto;}
.nav-btn:hover{background-position:right center}
.nav-btn .icon{padding:10px;background:var(--info);color:#fff;border-radius:50%}
.nav-btn b{padding:0px 10px}
@media (max-width:959px){.nav-btn{padding:2px;}.nav-btn .icon{padding:5px;}}
@media (max-width:767px){.nav-btn .icon{display:none}}
@media (max-width:639px){.nav-btn{display:none}}

.nav-offcanvas{position:absolute;right:15px;color:rgba(var(--dark-rgb),0.7)}@media (min-width:640px){.nav-offcanvas{ display:none}}
.nav-offcanvas .icon{font-size:24px}
.dark .nav-offcanvas{color:rgb(var(--light-rgb),0.9)}
.dark .nav-offcanvas:hover,.dark .nav-offcanvas:focus{color:#fff}
.dark .uk-active .nav-offcanvas{color:rgba(var(--dark-rgb),0.7)}

.uk-offcanvas-bar{border-right:1px solid #fff;background:rgb(var(--gray-200-rgb),0.9);box-shadow:5px 0px 15px rgb(var(--dark-rgb),0.05);backdrop-filter:blur(5px);}
.uk-offcanvas-bar .uk-close,.uk-offcanvas-bar{color:rgb(var(--dark-rgb),0.5)}
.uk-offcanvas-bar a{color:var(--dark)}
.uk-offcanvas-bar a:hover{color:var(--secondary)}
.uk-offcanvas-bar .uk-close:hover{color:rgb(var(--dark-rgb),0.9)}
.sqa-offcanvas-top{margin-bottom:30px;}.dark .sqa-offcanvas-top .navbar-brand>span{ color:var(--sub)}.dark .sqa-offcanvas-top .navbar-brand>.icon{color:var(--primary);}
.sqa-offcanvas-nav{margin:0px auto }
.sqa-offcanvas-nav li{display:flex;align-items:center;position:relative; padding-bottom:0.625rem}
.sqa-offcanvas-nav li a{display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sqa-offcanvas-nav li i{ margin-right:5px}
.sqa-accordion{ margin:0px}
.sqa-accordion li{align-items:center; position:relative;padding-bottom:0.625rem; padding-left:25px}
.sqa-accordion li>i{ position:absolute; left:0; top:2px;}
.sqa-accordion .uk-accordion-title{ font-size:1rem; line-height:1.5;color:var(--dark); outline:none}
.sqa-accordion .uk-accordion-title:hover{color:var(--secondary)}
.sqa-accordion .uk-accordion-title::before{transition:all .4s ease-out 0s;content:"\ea5f";font-family:"tabler-icons" !important; background-image:none}
.sqa-accordion li.uk-open .uk-accordion-title::before{content:"\ea62";}
.sqa-accordion dl{ margin-top:0.625rem; margin-bottom:0; font-size:0.875rem;}
.sqa-accordion dl p{ margin:0px auto 0.625rem;display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; position:relative}
.sqa-accordion dl p a{color:var(--secondary)}
.sqa-accordion dl p a .icon{ font-size:1rem;color:rgb(var(--dark-rgb),0.5)}

.sqa-offcanvas-bot{ margin-top:1.25rem; border:1px solid rgb(255,255,255,0.8); background:rgb(255,255,255,0.5); padding:1rem 0; font-size:0.75rem}
.sqa-offcanvas-bot p{ margin:0px auto; line-height:1.8}
.sqa-offcanvas-bot .sqa-logo{ margin-bottom:0.625rem; border-bottom:1px solid rgb(255,255,255,0.8); padding-bottom:1rem}
.sqa-offcanvas-bot .sqa-text p{ text-align:center}

.school-inner{position:relative;}
.school-intro{background:rgb(var(--info-lt-rgb),1);min-height:250px;padding:6.25rem 0 5rem;position:relative;overflow:hidden}
.school-intro .uk-container{ position:relative; z-index:3}
.rotating-text{position:absolute;right:-300px;bottom:-300px;width:600px;height:600px;overflow:hidden;text-transform:uppercase }
.rotating-text svg {width:600px;height:600px;animation-name:rotate;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:linear;}
.school-svg{transform:translate(-50%, -50%);opacity:0.05;left:0;top:100px;position:absolute}
.school-svg-right{left:inherit;right:-350px;top:70%}
.school-container{display:flex;align-items:center;}
.school-logo>*{display:block;padding:0.625rem;border:1px solid var(--gray-300);background:#fff;border-radius:0.625rem;max-width:120px}
.school-title .title{position:relative;z-index:3;margin:0px auto;color:var(--dark);font-weight:bold}
.school-title .title span{position:absolute;z-index:-1;left:0;top:50%;margin-top:-31px}
.school-title p{margin:0.625rem auto 0;color:var(--secondary) }
.fill-warning {fill:rgb(var(--yellow-rgb),0.1)}
@media (max-width:639px){.school-logo>*{ max-width:90px;padding:0.3125rem;}.school-title .title{ font-size:1.5rem}.school-title p{ font-size:0.875rem}}
@media (max-width:439px){.school-intro{ padding:5.375rem 0 3.5rem}.rotating-text{width:400px;height:400px;right:-150px;bottom:-100px;}.school-title .title{ font-size:1.125rem}.school-title p{ margin-top:0.3125rem}}

.class-intro{padding:6.25rem 0 5rem;background:linear-gradient(0deg,rgb(19,65,169,0.6) 0,rgb(22,84,195,0.8) 100%);position:relative}
.class-inner{background:url(/images/hnd/pic/detail-bg.png) no-repeat center top;background-size:cover}
.class-outside{background:url(/images/hnd/pic/outside.jpg) no-repeat center bottom;background-size:cover}
.outside{background:rgb(var(--info-lt-rgb),0.8)}
@media (max-width:439px){.class-intro{ padding:5.375rem 0 3.5rem}}
.breadcrumb-nav{position:absolute;left:0;bottom:-22px;right:0}
.breadcrumb-nav .uk-container{display:flex;align-items:center;justify-content:space-between;}
.breadcrumb{line-height:1;font-size:0.875rem;display:flex;flex-wrap:wrap;list-style:none;margin:0;border-radius:40px;box-shadow:0 15px 30px 0 rgba(22,85,197,0.06);padding:15px 30px;background-color:#fff;}
.breadcrumb a{color:var(--gray-500)}
.breadcrumb-item+.breadcrumb-item{padding-left:0.5rem}
.breadcrumb-item+.breadcrumb-item::before{content:"/";color:var(--gray-500);display:inline-block;padding-right:0.5rem;}
@media (max-width:639px){.breadcrumb-nav{bottom:-16px;}.breadcrumb{font-size:12px;padding:10px 15px;box-shadow:0 5px 15px 0 rgba(22,85,197,0.06)}}
.about-intro{padding:6.25rem 0 5rem;background:url(/images/hnd/pic/about-top-bg.png) no-repeat center bottom;background-size:cover;overflow:hidden;position:relative}
.about-intro-image{position:relative;}
.about-intro-image img{animation:move 5s linear infinite;}
.about-page{background:url(/images/hnd/pic/about-bg.png);padding:7.5rem 0;position:relative}
.about-shape-left{position:absolute;top:50%;}
.about-shape-right{position:absolute;right:2%;bottom:7%;}
.about-experience-content{position:relative;z-index:5;}
.about-experience-content i.icon{padding:1rem;height:80px;width:80px;text-align:center;line-height:80px;background:#0acc94;color:#fff;font-size:30px;border-radius:50% 50% 0 50%;}
.about-experience-content .title{font-weight:600;color:#002e44;}
.about-experience-content dl{box-shadow:0 16px 32px 0 rgba(22,85,197,0.1);padding:2rem;background:#fff;border-radius:15px}
.about-experience-content dl i{font-size:3.75rem;font-weight:normal}
.about-experience-content dd{margin-top:1rem;text-align:justify;line-height:2}

.about-query{align-items:center;justify-content:space-between;display:flex;position:relative;z-index:1;padding:5rem;box-shadow:0 30px 60px 0 rgba(11,204,147,0.06);border-radius:15px;background:#1655c5}
@media (max-width:767px){.about-query{ padding:3.125rem}}
@media (max-width:639px){.about-query{flex-direction:column; padding:2.5rem}}
.about-query .dot-1{position:absolute;top:1.25rem;left:1.25rem;z-index:-1}
.about-query .dot-2{position:absolute;right:2rem;bottom:2rem;z-index:-1;}
.about-query .title{font-size:3.125rem;color:#fff;position:relative;z-index:3;margin:1rem auto;padding-bottom:1rem}
.about-query span{color:#fff;font-weight:500;}
.about-query .title:before{position:absolute;content:'';left:0;bottom:0;height:2px;width:14px;background:#fff}
.about-query .title:after{position:absolute;content:'';left:20px;bottom:0;height:2px;width:30px;background:#fff}
.about-query-btn{display:flex;align-items:center;}
.about-query-btn ul{display:flex;align-items:center;justify-content:space-between;margin:0;border:1px solid #1655c5;padding:5px;background:rgb(232, 240, 254);border-radius:32px;}
.about-query-btn ul li{width:50%}
.about-query-btn ul dl{display:flex;align-items:center;margin:0;padding:5px 15px;}
.about-query-btn ul i.icon{font-size:20px;}
.about-query-btn ul input{outline:none;border:none;background:rgb(232, 240, 254);line-height:30px;padding:0px 10px;max-width:160px}
.about-query-btn ul li:last-child dl{justify-content:center;padding:0px}
.about-query-btn ul button{border:none;line-height:50px;padding:0px 25px;background:var(--info);color:#fff;border-radius:25px;width:100%;cursor:pointer;transition:all .4s ease-out 0s;}
.about-query-btn ul button:hover{background:var(--teal)}
@media (max-width:767px){.about-query .title{ font-size:2rem;}.about-query-btn ul dl{ padding:0px 10px;}.about-query-btn ul input{ max-width:150px; padding:0px 5px}.about-query-btn ul button{ line-height:40px; padding:0px 10px;border-radius:20px;}}
@media (max-width:639px){.about-query .title{ margin-top:0}.about-query-btn{ width:100%}.about-query-btn ul li:last-child{ width:40%}.about-query .dot-2{ right:1rem; bottom:1rem}}

.home-intro{padding:6.25rem 0 5rem;background:url(/images/hnd/pic/bg-1.png) no-repeat left top var(--primary);overflow:hidden;position:relative}
.home-bottom-shape{ position:absolute; z-index:4; left:0; bottom:-1px; right:0; width:100%; vertical-align:bottom}
.home-bottom-shape img{ width:100%;}
.home-intro h2{ color:#fff;}
.home-intro h3{ color:var(--light); font-size:2rem;}
.home-intro p{ font-size:1.5rem; color:rgb(var(--light-rgb),0.8)}

.hero-intro{padding:6.25rem 0 5rem;background:var(--info-lt);overflow:hidden;position:relative}
@media (max-width:439px){.hero-intro{padding:5.375rem 0 2.5rem;}}
.verticle-lines .vlines{width:3px;height:100%;background:#473bf036;position:absolute;top:0;bottom:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-name:lineanim;animation-name:lineanim;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-animation-duration:3s;animation-duration:3s;opacity:0.2;}
.verticle-lines .vlines.vlines.one{left:20%;-webkit-animation-delay:1s;animation-delay:1s;}
.verticle-lines .vlines.vlines.two{left:40%;-webkit-animation-delay:0s;animation-delay:0s;}
.verticle-lines .vlines.vlines.three{left:60%;-webkit-animation-delay:2s;animation-delay:2s;}
.verticle-lines .vlines.vlines.four{left:80%;-webkit-animation-delay:1.5s;animation-delay:1.5s;}
@keyframes lineanim{50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top left;transform-origin:top left;}50.1%{-webkit-transform-origin:bottom left;transform-origin:bottom left;}100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;}}
.hero-inner{position:relative;z-index:3}
.hero-image{float:right;height:400px;width:400px;display:block;border-radius:50%;background-image:url("/images/hnd/img/04.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:5;}
@media only screen and (max-width:959px){.hero-image{display:none;}}
.hero-image:before{position:absolute;content:"";left:0;top:0;background-image:url("/images/hnd/pic/shape2.png");background-repeat:no-repeat;height:100px;width:100px;background-size:contain;background-position:center;opacity:0.7}
.hero-image .shape3{position:absolute;bottom:35px;right:60px;}
.hero-text h6{color:var(--primary);font-weight:600;display:block;margin-bottom:1rem;}
.hero-text h2{font-weight:600;margin:1.5625rem 0;color:var(--links);}
.hero-text p{color:var(--sub);line-height:2;margin:0px auto}
.rounded-button{margin-top:2rem}
.rounded-button .uk-button{border-radius:5px;box-shadow:0px 5px 15px rgb(var(--primary-rgb),0.1)}

.hero-man{position:relative;display:flex;margin-right:6rem}
.hero-man img{transform:scaleX(-1);position:relative;z-index:3}
.hero-man:before{background:#f9fbff;position:absolute;content:'';width:100%;height:82%;border:15px solid #415678;border-bottom:0;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.hero-man:after{position:absolute;content:'';width:100%;height:15px;background-color:#415678;left:0;bottom:58px;z-index:4}
.hero-list{display:flex;align-items:center;height:100%}
.hero-list ul li{position:relative;margin-bottom:2rem;}
.hero-list ul li:last-child{margin:0;}
.hero-list ul li span{max-width:45px;min-width:45px;max-height:45px;min-height:45px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--primary);color:var(--white);position:absolute;left:0;top:0;border:3px solid transparent;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;font-size:18px;}
.hero-list ul li dl{display:inline-block;padding-left:60px;margin:0px}
.hero-list ul li dt{margin-bottom:0.625rem;font-size:1.125rem;position:relative;z-index:2}
.hero-list ul li dt:before{content:"";background:url(/images/hnd/pic/title-shape.png);width:50px;height:2px;left:0;top:2rem;position:absolute}
.hero-list ul li dt a{color:var(--dark);position:relative;z-index:3}
.hero-list ul li dd{color:var(--gray-500)}
@media (max-width:639px){.hero-man{ margin-right:0}.hero-man:before{ top:inherit; bottom:30px;transform:translateY(0%);}.hero-man:after{ bottom:30px}.hero-list ul li dt:before{ top:1.375rem}}
@media (max-width:439px){.hero-list ul li dd{ font-size:0.875rem}}
.h-tit h2{margin:3.125rem auto;text-align:center;position:relative;z-index:2;font-weight:700 !important;}
.h-tit h2>*{display:inline-block;position:relative;}
.h-tit h2>*:before{content:"";left:0;bottom:0.25rem;z-index:-1;position:absolute;width:50%;height:0.625rem;border-radius:0.5rem;background:linear-gradient(to right,#dc4985,#e25c8b,#e86d92,#ed7d9a,#f18da2,transparent);}
@media (max-width:639px){.h-tit h2{ margin:2.5rem auto; font-size:1.5rem}}
.about-image{border-radius:5px;position:relative;z-index:2;padding-left:2rem;padding-bottom:2rem}
.about-image:before{content:"";z-index:-1;position:absolute;background:url(/images/hnd/img/about-image.jpg) no-repeat;background-size:cover;filter:blur(25px);left:1.5rem;bottom:1.5rem;top:1.5rem;right:1.5rem}
.about-image img{width:100%;border-radius:5px}
.about-text{line-height:2;margin-top:2rem;padding-left:2rem}
@media (max-width:639px){.about-image{ padding-left:0}.about-text{ margin-top:0; padding-left:0}}
.service-box dl{position:relative;z-index:1;text-align:center;padding:3rem 1.5rem}
.service-box dl:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(239,241,245,0.35);border-radius:78% 22% 22% 78% / 50% 22% 22% 50%;transform:scale(0) rotate(-50deg);transition:all .5s}
.service-box dl:hover:after,.service-box dl.active:after{transform:scale(1) rotate(0deg);}
.service-box dt{position:relative;display:flex;align-items:center!important;justify-content:center!important;margin:0 auto;height:6rem;width:6rem;z-index:1;background-color:#eff1f5;border-radius:30% 70% 70% 30% / 30% 50% 50% 30%;}
.service-box dt .icon{font-size:3.125rem}
.service-box dd{position:relative;z-index:1;padding:1.25rem}
.service-box dd h4{font-weight:700;var(--main)}
.service-box dd p{line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray)}

.work-box{min-height:20rem}
.work-box dl{transition:all .3s ease;text-align:center;background:#f8f8fc;padding:1rem;border-radius:0.9375rem}
.work-box dl .icon{font-size:3.125rem}
.work-box dl p{line-height:1.8;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.work-box dl h4{font-weight:600}
.work-box dd{margin-top:1.25rem}
.work-box li:nth-last-child(odd) dl{background:#415678}
.work-box li:nth-last-child(odd) dl:hover{box-shadow:0px 5px 15px rgb(var(--dark-rgb),0.1);margin-top:-0.25rem}
.work-box li:nth-last-child(odd) dl .icon{color:#fff;}
.work-box li:nth-last-child(odd) dl h4{color:#fff}
.work-box li:nth-last-child(odd) dl p{color:#fff}
.work-box dl:hover{background:#415678;transition:all .3s ease;margin-top:-0.25rem;box-shadow:0px 5px 15px rgb(var(--dark-rgb),0.1)}
.work-box dl:hover .icon{color:#fff}
.work-box dl:hover h4{color:#fff}
.work-box dl:hover p{color:#fff}
@media (max-width:439px){.work-box dl p{ font-size:0.875rem}}
.sqa-box{margin-top:5rem;background:#717e96;position:relative;z-index:8;padding-bottom:6.25rem}
.sqa-box:before{position:absolute;content:"";left:0;top:0;right:0;height:200px;width:100%;background-color:var(--white);z-index:-1;}
.sqa-inner{padding:30px;border:1px solid #eeeeee40;border-radius:30px;background:#ffffff24;}
.sqa-content{background-color:var(--white);padding:60px 0;height:100%;border-radius:15px;box-shadow:0px 0px 50px rgba(0, 0, 0, 0.09);position:relative;overflow:hidden;text-align:center;}
@media (max-width:959px){.sqa-content{padding:40px 20px;padding-bottom:60px;}.sqa-inner{padding:20px}.sqa-box{margin-top:1.875rem;padding-bottom:3.75rem}}
@media (max-width:639px){.sqa-content{padding:30px 0;}}
@media (max-width:439px){.sqa-content{padding:20px 0;}}
.sqa-content .shape2{content:"";width:30px;height:110px;position:absolute;left:20px;top:30px;background:url(/images/hnd/pic/shape2.png) no-repeat left top;animation:move 2s linear infinite;}
.sqa-content .shape1{height:120px;width:120px;position:absolute;right:-60px;bottom:50px;font-weight:bolder;color:rgb(var(--orange-rgb),0.8);animation:pulse 2.5s linear infinite;}
.sqa-content .shape1 .icon{font-size:120px}
.sqa-content .shape1 .ti-circle:after{content:"\ea6b";position:absolute;left:-10px;bottom:-10px;filter:blur(10px);opacity:0.2;}
.sqa-text{padding:0px 1rem}
.sqa-text h3{margin:0px auto;}
.sqa-logo{position:relative;display:flex;align-items:center!important;justify-content:center!important;margin:0 auto;max-width:439px}
.sqa-logo span{position:relative;padding:0px 1rem}
@media (max-width:639px){.sqa-inner{padding:20px}.sqa-content .shape2{left:0;top:0}.sqa-logo span{padding:0 0.3125rem}.sqa-text h2{font-size:1.25rem}.sqa-text h3{font-size:1.125rem}.sqa-text p{font-size:0.875rem}}
.sqa-content .uk-button{position:relative;z-index:2;padding:1.5rem;font-size:1rem;line-height:1;border-radius:50%}
.sqa-content .uk-button .icon{font-size:30px;}
.sqa-content .uk-button:before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;border:1px solid var(--primary);border-radius:50%;animation:pulse-border 1.5s linear infinite;z-index:-1}

.home-intro .sqa-logo{ margin:0; max-width:240px;filter:brightness(0) invert(1);}
.home-intro .sqa-text{ padding:0; position:relative; z-index:5}
.home-intro .sqa-logo span.hnd{ padding-left:0;}
.home-intro .sqa-logo span.hnd img{}
.home-intro .sqa-logo span.sqa{ padding-right:0}
.home-intro .hero-image:after{position:absolute;content:"";left:0;top:0;height:100%;width:100%;border:1px solid var(--light);border-radius:50%;animation:pulse-border 1.5s linear infinite;z-index:-1}

/*==首页==*/

.hnd-title{ margin:0px auto; padding:2.5rem 0; text-align:center; position:relative; z-index:1}
.hnd-title h4{ font-size:30px; font-weight:bold; color:var(--dark); position:relative}
.hnd-title h4:before{ content:""; width:30px; height:1px; background:var(--info); position:absolute; left:50%; bottom:-10px; margin-left:2px}
.hnd-title h4:after{ content:""; width:30px; height:1px; background:var(--info); position:absolute; right:50%; bottom:-10px; margin-right:2px}
.hnd-title h4>*{ font-style:normal; color:var(--primary)}

.hnd-logo dl{box-shadow:0px 5px 15px rgb(var(--secondary-rgb),0.1); border-radius:3px; position:relative;transition:all .3s ease-out 0s;}
.hnd-logo dl:hover{box-shadow:0px 6px 18px rgb(var(--secondary-rgb),0.2)}
.hnd-logo a{display:flex;align-items:center; width:100%; padding:0.9375rem; color:var(--links)}
.hnd-logo a dt img{ width:50px !important}
.hnd-logo a dd{ padding-left:0.9375rem;/*word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/}
.hnd-logo dl:after {content:"";position:absolute;width:50%;height:2px;border-radius:0px 0px 1px 1px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;left:0;bottom:0;opacity:0;visibility:hidden;background:-webkit-gradient(linear,left top,left bottom,from(#4354e2),to(#6ca3f3));background:linear-gradient(#4354e2 0%,#6ca3f3 100%)}
.hnd-logo dl:hover:after {width:100%;opacity:1;visibility:visible;}

.page-two{ background:url(/images/hnd/pic/cta-bg.png) center top no-repeat var(--gray-200); background-size:cover; padding:3.75rem 0px 6.25rem 0; margin:6.25rem auto}
.hnd-major dl{transition: all .3s ease-out 0s;box-shadow: 0 -15px 30px rgba(var(--primary-rgb),.16); background:rgba(255,255,255,.9);backdrop-filter: blur(5px); padding:20px;border-radius:10px;border-top-right-radius:30px;}
.hnd-major dl:hover{border-top-right-radius:10px;border-top-left-radius:30px;}
.hnd-major dt{transition: all .3s ease-out 0s; width:60px; height:60px; overflow:hidden; border-radius:5px;}
.hnd-major dl:hover dt{ border-radius:50%;}
.hnd-major dd{ margin-top:20px}
.hnd-major dd h5{ font-weight:600; margin:0px auto 15px;}
.hnd-major dd p{ font-size:0.875rem; line-height:1.8; color:var(--gray-400)}
.hnd-major dd i{transition: all .3s; vertical-align: inherit}
.hnd-major dd a{ font-size:14px; height:20px; line-height:20px; display:flex}
.hnd-major dd a:hover i{ margin-left:8px}

.hnd-case img{ width:100%}
.hnd-case dl{ position:relative; background:url(/images/hnd/pic/regular-table-bottom.png) right bottom no-repeat rgba(255,255,255,.9); box-shadow:0px 5px 15px rgb(var(--primary-rgb),.1)}
.hnd-case dd{ padding:30px}
.hnd-case h3{ font-size:1.25rem; font-weight:600; margin:0px auto 15px}
.hnd-case p{ font-size:0.875rem; line-height:1.8; color:var(--gray-400)}
.hnd-case dt{ position:relative; overflow:hidden}
.hnd-case dl:before{transition: all .3s;position: absolute; content:"";width: 274px;height: 221px;z-index:1; left:0; top:0; background:url(/images/hnd/pic/regular-table-top.png) no-repeat left top; opacity:0}
.hnd-case dl:hover:before{ opacity:1}
.hnd-case dd i{transition: all .3s; vertical-align: inherit}
.hnd-case dd a{ font-size:14px; height:20px; line-height:20px; display:flex}
.hnd-case dd a:hover i{ margin-left:8px}

.page-thr{background:#fff;padding:3.75rem 0px 6.25rem 0; margin:6.25rem auto; position:relative; z-index:1}
.page-thr-top{ position:absolute; height:60%; left:0; right:0; top:0;background: url(/images/hnd/pic/demos.png) no-repeat center center #f7f8fe; content:""; width:100%; z-index:2}
.page-thr .uk-container{ position:relative; z-index:3}
.no-bottom-margin{ margin-bottom:0}

.hnd-youshi dl{transition: all .3s; position:relative; background:#fff;box-shadow:0px -5px 15px rgba(var(--azure-rgb),0.1);border:1px solid var(--azure); border-radius:8px;}
.hnd-youshi dl:hover {box-shadow:0px -8px 24px rgba(var(--azure-rgb),0.3);}
.hnd-youshi dt{overflow:hidden; position:relative;border-radius:8px 8px 0px 0px;}
.hnd-youshi dt span{ width:2px; position:absolute; left:50%; top:50%; margin-left:-1px; margin-top:-1px; height:2px; background:rgba(90,0,12,0.2);transition:all 0.5s ease-out 0s; z-index:1}
.hnd-youshi dl:hover dt span{transition:all 0.5s ease-out 0s;background:rgba(var(--azure-rgb),0.7); position:absolute; left:0px; margin-left:0px; margin-top:0px;top:0px; width:100%; height:100%; z-index:1}
.hnd-youshi img{ width:100%;border-radius:8px 8px 0px 0px;}
.hnd-youshi dd{ text-align:center}
.hnd-youshi h3{transition: all .3s;position:relative; font-size:18px; width:auto; display:inline-table; margin:0px auto; padding:30px 10px 20px; line-height:20px; color:var(--azure); font-weight:800}
.hnd-youshi h3:before{transition:all 0.5s ease-out 0s;content:"";display:block;width:60px;height:20px;border-left:1px solid var(--azure);border-top:1px solid var(--azure);position:absolute;top:20px;left:0px; border-radius:10px 0px 0px 0px}
.hnd-youshi h3:after{transition:all 0.5s ease-out 0s;content:"";display:block;width:80px;height:30px;border-right:1px solid var(--azure);border-bottom:1px solid var(--azure);position:absolute;right:0;bottom:10px; border-radius:0px 0px 15px 0px}
.hnd-youshi p{ padding:10px 20px 30px; margin:0px auto; color:var(--gray); text-align:justify;}

.ys-bottom{color:var(--yellow); font-size:9px; line-height:1px; font-family:Arial; letter-spacing:5px; width:60px; height:1px; background:#fff; position:absolute; bottom:-1px; right:50px; text-align:center; padding-left:3px}
.ys-bottom:before{content:"";display:block; width:5px; height:5px; border-radius:3px;background:var(--yellow); position:absolute; left:-5px; top:-2px;}
.ys-bottom:after{content:"";display:block; width:5px; height:5px; border-radius:3px;background:var(--yellow); position:absolute; right:-3px; top:-2px;}

.hnd-youshi dl:before{transition:all 0.5s ease-out 0s;content:"";display:block; width:50px; height:50px; border-left:3px solid var(--blue);border-bottom:3px solid var(--blue); position:absolute; left:-1px; bottom:-1px; border-radius:0px 0px 0px 8px}
.hnd-youshi dl:after{transition:all 0.5s ease-out 0s;content:"";display:block; width:3px; height:50px; background:var(--blue);position:absolute;right:-2px;bottom:115px; z-index:9}
.hnd-youshi dl:hover:before{ width:20px; height:20px;}
.hnd-youshi dl:hover:after{ height:20px; bottom:20px}
.hnd-youshi dl:hover h3{ font-size:20px}
.hnd-youshi dl:hover h3:before{ left:-20px; top:15px; width:30px; height:10px;}
.hnd-youshi dl:hover h3:after{ right:-20px; bottom:5px; width:40px; height:15px;}

.hnd-year .uk-grid{align-items: flex-end;}
.hnd-year dl{ background:#415678; padding:20px; color:#fff; box-shadow:0 -10px 30px rgb(var(--dark-rgb),0.1); position:relative}
.hnd-year dl:before{ content:"01"; width:60px; height:60px; background:rgb(var(--yellow-rgb),0.2); color:rgb(var(--light-rgb),0.3); font-size:30px; font-weight:bold; position:absolute; border-radius:0px 0px 0px 60px; line-height:40px; padding-left:20px; right:0; top:0; z-index:1}
.hnd-year li:nth-child(2) dl:before{ content:"02"}
.hnd-year li:nth-child(3) dl:before{ content:"03"}
.hnd-year li:nth-child(4) dl:before{ content:"04"}
.hnd-year dl h4{ color:#fff; font-weight:bold; position:relative}
.hnd-year li:nth-last-child(odd) dl{background: #f8f8fc; color:#415678}
.hnd-year li:nth-last-child(odd) dl h4{ color:var(--dark)}
.hnd-year dl p{ line-height:1.8; margin:0px auto; text-align:justify}

/*==内容页==*/
.page-title{margin:2rem auto 0;color:var(--dark)}.dark .page-title{color:var(--light)}
.page-title h2.title{color:var(--dark);position:relative;z-index:3}.dark .page-title h2.title{color:var(--light)}
.page-title h2.title:before{background:linear-gradient(to right,rgb(var(--azure-lt-rgb),0.6) 0,rgb(var(--indigo-lt-rgb),0.1) 100%);content:"";position:absolute;z-index:-1;width:120px;height:10px;border-radius:10px;left:0;top:1.875rem}
.page-title p{font-size:12px;line-height:1;color:rgb(var(--gray-700-rgb),0.5);display:flex;align-items:center;}.dark .page-title p{color:rgb(var(--light-rgb),0.5)}
.page-title p span{display:flex;align-items:center;}
.page-title p span.date{margin-left:2rem}
.page-title p .icon{font-size:16px;margin-right:0.3125rem}

.content{padding-top:5rem}
.content-box,.right-box{border:1px solid var(--gray-200);padding:1.875rem;background:#fff}
@media (max-width:1199px){.content-box,.right-box{padding:1.25rem;}}
@media (max-width:959px){.content{padding-top:3.75rem}.content-box,.right-box{padding:0;border:none}}
@media (max-width:959px){.content{padding-top:2rem}}
.content-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:2;margin-bottom:1rem}
.content-top span{padding:0px 6px;border-radius:6px;transition:all 0.4s ease-out 0s;background:linear-gradient(to right,#ff5a00 0,#ffa100 50%,#ff5a00 100%);background-size:200% auto;box-shadow:0 8px 16px 0 rgba(255,140,0,0.3);color:#fff;}
.content-top span:hover{background-position:right center}
.right-box+.right-box{margin-top:1.85rem;}

.content-intro{line-height:2;}
.content-intro p{}
.content-intro h3{position:relative;z-index:3;font-weight:600}
.content-coryright{ font-size:0.75rem; color:var(--gray-400); margin-top:1.875rem; border:1px solid var(--gray-300); padding:0.625rem; box-shadow:inset 0 0 15px rgb(var(--dark-rgb),0.1);}
.content-bottom{margin-top:1.875rem;border-top:1px solid var(--gray-200);padding-top:1.875rem;font-size:0.875rem;color:var(--gray-400)}
@media (max-width:639px){.content-bottom{margin-top:1.25rem;padding-top:1.25rem;font-size:0.75rem}}
.content-bottom i{font-style:normal;}
.updown{word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.updown a{color:var(--gray-400)}

.right-title{position:relative;}
.right-title h4{margin:0px auto;position:relative;font-weight:600;font-size:1rem;padding-left:1rem}
.right-title h4:before{content:"";height:8px;width:4px;background:var(--indigo);left:0;top:3px;position:absolute}
.right-title h4:after{content:"";height:8px;width:4px;background:var(--info);left:0;top:11px;position:absolute}
.uk-list a{color:var(--gray)}
.uk-list-disc>*{padding-left:1rem;}
.uk-list-disc>:before{left:-1rem;width:5px}
.right-list-logo{font-size:0.875rem;margin-top:1.25rem}
.right-list-logo dl{border:1px solid var(--gray-200);}
.right-list-logo a{position:relative;color:var(--gray);padding:0.9375rem;display:block}
.right-list-logo dt{text-align:center}
.right-list-logo dd{margin-top:0.625rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}
@media (min-width:1200px){.right-list-logo img{max-height:102px}}
@media (max-width:959px){.right-list-logo img{max-height:115px}}
@media (max-width:439px){.right-list-logo img{max-height:104px}.right-list-logo a{padding:0.625rem}}
@media (max-width:374px){.right-list-logo img{max-height:99px}}
@media (max-width:359px){.right-list-logo img{max-height:85px}}

.content-slogo dl{border:1px solid var(--gray-200);padding:0.9375rem;}
.content-slogo dt{text-align:center}
.content-slogo dd{margin-top:0.625rem;font-size:0.875rem;color:var(--gray);text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.content-slogo dl img{max-height:117px}
@media (max-width:639px){.content-slogo dl{padding:0.625rem}}
.content-slogo .right-title{margin:0.9375rem auto}
.content-slogo .right-title:first-of-type{margin-top:0}

.uk-class-list li{margin-bottom:1.875rem;border-bottom:1px solid var(--gray-200);padding-bottom:1.875rem}
@media (max-width:1199px){.uk-class-list li{margin-bottom:1.25rem;padding-bottom:1.25rem}}
@media (max-width:639px){.uk-class-list li{margin-bottom:0.9375rem;padding-bottom:0.9375rem}}
.uk-class-list li:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}
.uk-class-list dl{display:flex;align-items:center;}
.uk-class-list dt{}
.sqa_major dt{order:-1;}
.uk-class-list p{font-size:0.75rem;margin:0px auto;display:flex;align-items:center;}
.uk-class-list p.update>*{border:1px solid var(--gray-200);padding:0.25rem;line-height:1;border-radius:3px;}
.uk-class-list p.update span{color:var(--gray-300);margin-left:0.3125rem}
.uk-class-list p.update span:last-of-type{margin-left:0}
.uk-class-list p.update span .icon{font-size:0.75rem;margin-right:0.125rem}
.uk-class-list p.update span.date{order:99;}
.uk-class-list p.update a{border-color:var(--info-lt);background:var(--primary-lt);margin-right:0.3125rem}
.uk-class-list h3{margin-bottom:0.9375rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem}
.uk-class-list h3 a{color:var(--dark)}
.uk-class-list p.info{margin:0.625rem auto 0;line-height:1.8;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.uk-class-list img{width:100%}
.uk-class-list .uk-width-img a{max-width:250px;display:block;position:relative;z-index:1;max-height:167px;overflow:hidden}
@media (max-width:1199px){.uk-class-list h3{font-size:1.125rem;margin-bottom:0.625rem}.uk-class-list .uk-width-img a{max-width:200px;max-height:134px}}
@media (max-width:959px){.uk-class-list p.info{margin-top:0.5rem;line-height:1.5}}
@media (max-width:639px){.sqa_major dt a{max-width:105px; display:block; overflow:hidden; border-radius:5px;}.uk-class-list h3{font-size:1rem;margin-bottom:0.5rem}.uk-class-list p.info{display:none}.uk-class-list .uk-width-img a{max-width:120px;max-height:80px;border-radius:4px}}
@media (max-width:439px){.sqa_major dt a{max-width:90px;}.uk-class-list h3{line-height:1.3;font-size:0.9375rem}.uk-class-list .uk-width-img a{max-width:105px;max-height:70px;}}
@media (max-width:359px){.sqa_major dt a{max-width:70px;}.uk-class-list h3{line-height:1.3;font-size:0.875rem;margin-bottom:0.3125rem}.uk-class-list .uk-width-img a{max-width:90px;max-height:60px;}.uk-class-list p.update>*{padding:0.125rem}}
/*==分页==*/
.fenye{margin-top:1.875rem;}
@media (max-width:1199px){.fenye{margin-top:1.25rem}}
.fenye .uk-pagination{gap:0.25rem;margin-bottom:0}
.fenye .uk-pagination>*{line-height:1;padding:0.25rem;border:1px solid var(--gray-300);font-size:12px;color:var(--gray-500)}
.fenye .uk-pagination>*.curr{background:var(--secondary-lt);color:var(----secondary)}
.fenye .uk-pagination>*>*{padding:0;column-gap:0;}

/*==底部==*/
.footer{background:url(/images/hnd/pic/footer-bg.png) no-repeat center top var(--main);padding:3.75rem 0 1.25rem 0;color:var(--light);overflow:hidden}
.footer-logo .navbar-brand>.icon,.footer-logo .navbar-brand>span{color:var(--light)}
.footer-logo p{font-size:0.875rem;line-height:2;color:rgb(var(--light-rgb),0.5);margin:0.9375rem auto;text-align:justify}
.footer-nav dd{margin-top:1rem;font-size:0.875rem}
.footer-nav dd p{margin-bottom:0.625rem;}
.footer-nav dd p+p{margin-top:0.625rem}
.footer-nav dd p a{color:rgb(var(--light-rgb),0.7)}

.copyright{font-size:0.75rem;text-align:center;padding-top:3rem}
.copyright p{margin:0px auto 0.625rem;color:rgb(var(--light-rgb),0.4)}

.align-self-end{align-self:flex-end!important;}

/*===表格===*/
table{max-width:100%;background-color:transparent;empty-cells:show;}table code{white-space:normal;}th{text-align:left;}.am-table{width:100%;margin-bottom:15px;border-spacing:0;border-collapse:separate;}table p{margin:0px auto}
.am-table>thead>tr>th,.am-table>tbody>tr>th,.am-table>tfoot>tr>th,.am-table>thead>tr>td,.am-table>tbody>tr>td,.am-table>tfoot>tr>td{padding:0.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd;}
.am-table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd;}
.am-table>caption+thead>tr:first-child>th,.am-table>colgroup+thead>tr:first-child>th,.am-table>thead:first-child>tr:first-child>th,.am-table>caption+thead>tr:first-child>td,.am-table>colgroup+thead>tr:first-child>td,.am-table>thead:first-child>tr:first-child>td{border-top:0;}
.am-table>tbody+tbody tr:first-child td{border-top:2px solid #ddd;}
.am-table-bordered{border:1px solid #ddd;border-left:none;}
.am-table-bordered>thead>tr>th,.am-table-bordered>tbody>tr>th,.am-table-bordered>tfoot>tr>th,.am-table-bordered>thead>tr>td,.am-table-bordered>tbody>tr>td,.am-table-bordered>tfoot>tr>td{border-left:1px solid #ddd;}
.am-table-bordered>tbody>tr:first-child>th,.am-table-bordered>tbody>tr:first-child>td{border-top:none;}
.am-table-bordered>thead+tbody>tr:first-child>th,.am-table-bordered>thead+tbody>tr:first-child>td{border-top:1px solid #ddd;}
.am-table-radius{border:1px solid #ddd;border-radius:3px;}
.am-table-radius>thead>tr:first-child>th:first-child,.am-table-radius>thead>tr:first-child>td:first-child{border-top-left-radius:2px;border-left:none;}
.am-table-radius>thead>tr:first-child>th:last-child,.am-table-radius>thead>tr:first-child>td:last-child{border-top-right-radius:2px;border-right:none;}
.am-table-radius>tbody>tr>th:first-child,.am-table-radius>tbody>tr>td:first-child{border-left:none;}
.am-table-radius>tbody>tr>th:last-child,.am-table-radius>tbody>tr>td:last-child{border-right:none;}
.am-table-radius>tbody>tr:last-child>th,.am-table-radius>tbody>tr:last-child>td{border-bottom:none;}
.am-table-radius>tbody>tr:last-child>th:first-child,.am-table-radius>tbody>tr:last-child>td:first-child{border-bottom-left-radius:2px;}
.am-table-radius>tbody>tr:last-child>th:last-child,.am-table-radius>tbody>tr:last-child>td:last-child{border-bottom-right-radius:2px;}
.am-table-striped>tbody>tr:nth-child(odd)>td,.am-table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
.am-table-hover>tbody>tr:hover>td,.am-table-hover>tbody>tr:hover>th{background-color:#e9e9e9;}
.am-table-compact>thead>tr>th,.am-table-compact>tbody>tr>th,.am-table-compact>tfoot>tr>th,.am-table-compact>thead>tr>td,.am-table-compact>tbody>tr>td,.am-table-compact>tfoot>tr>td{padding:4px;}
.am-table-centered>thead>tr>th,.am-table-centered>tbody>tr>th,.am-table-centered>tfoot>tr>th,.am-table-centered>thead>tr>td,.am-table-centered>tbody>tr>td,.am-table-centered>tfoot>tr>td{text-align:center;}
.am-table>thead>tr>td.am-active,.am-table>tbody>tr>td.am-active,.am-table>tfoot>tr>td.am-active,.am-table>thead>tr>th.am-active,.am-table>tbody>tr>th.am-active,.am-table>tfoot>tr>th.am-active,.am-table>thead>tr.am-active>td,.am-table>tbody>tr.am-active>td,.am-table>tfoot>tr.am-active>td,.am-table>thead>tr.am-active>th,.am-table>tbody>tr.am-active>th,.am-table>tfoot>tr.am-active>th{background-color:#ffd;}
.am-table>thead>tr>td.am-disabled,.am-table>tbody>tr>td.am-disabled,.am-table>tfoot>tr>td.am-disabled,.am-table>thead>tr>th.am-disabled,.am-table>tbody>tr>th.am-disabled,.am-table>tfoot>tr>th.am-disabled,.am-table>thead>tr.am-disabled>td,.am-table>tbody>tr.am-disabled>td,.am-table>tfoot>tr.am-disabled>td,.am-table>thead>tr.am-disabled>th,.am-table>tbody>tr.am-disabled>th,.am-table>tfoot>tr.am-disabled>th{color:#999;}
.am-table>thead>tr>td.am-primary,.am-table>tbody>tr>td.am-primary,.am-table>tfoot>tr>td.am-primary,.am-table>thead>tr>th.am-primary,.am-table>tbody>tr>th.am-primary,.am-table>tfoot>tr>th.am-primary,.am-table>thead>tr.am-primary>td,.am-table>tbody>tr.am-primary>td,.am-table>tfoot>tr.am-primary>td,.am-table>thead>tr.am-primary>th,.am-table>tbody>tr.am-primary>th,.am-table>tfoot>tr.am-primary>th{color:#0b76ac;background-color:rgba(14,144,210,0.115);}
.am-table>thead>tr>td.am-success,.am-table>tbody>tr>td.am-success,.am-table>tfoot>tr>td.am-success,.am-table>thead>tr>th.am-success,.am-table>tbody>tr>th.am-success,.am-table>tfoot>tr>th.am-success,.am-table>thead>tr.am-success>td,.am-table>tbody>tr.am-success>td,.am-table>tfoot>tr.am-success>td,.am-table>thead>tr.am-success>th,.am-table>tbody>tr.am-success>th,.am-table>tfoot>tr.am-success>th{color:#5eb95e;background-color:rgba(94,185,94,0.115);}
.am-table>thead>tr>td.am-warning,.am-table>tbody>tr>td.am-warning,.am-table>tfoot>tr>td.am-warning,.am-table>thead>tr>th.am-warning,.am-table>tbody>tr>th.am-warning,.am-table>tfoot>tr>th.am-warning,.am-table>thead>tr.am-warning>td,.am-table>tbody>tr.am-warning>td,.am-table>tfoot>tr.am-warning>td,.am-table>thead>tr.am-warning>th,.am-table>tbody>tr.am-warning>th,.am-table>tfoot>tr.am-warning>th{color:#F37B1D;background-color:rgba(243,123,29,0.115);}
.am-table>thead>tr>td.am-danger,.am-table>tbody>tr>td.am-danger,.am-table>tfoot>tr>td.am-danger,.am-table>thead>tr>th.am-danger,.am-table>tbody>tr>th.am-danger,.am-table>tfoot>tr>th.am-danger,.am-table>thead>tr.am-danger>td,.am-table>tbody>tr.am-danger>td,.am-table>tfoot>tr.am-danger>td,.am-table>thead>tr.am-danger>th,.am-table>tbody>tr.am-danger>th,.am-table>tfoot>tr.am-danger>th{color:#dd514c;background-color:rgba(221,81,76,0.115);}
/*==动画==*/
@keyframes move{0%{transform:translateY(0px);}50%{transform:translateY(25px);}100%{transform:translateY(0px);}}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(-360deg);}}
@keyframes leftright{0%{transform:translateX(0px);}50%{transform:translateX(50px);}100%{transform:translateX(0px);}}
@keyframes pulse-border{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}100%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);opacity:0;}}


/*===网格自适应设置===*/
@media screen and (max-width:639px){
.uk-grid-column-small, .uk-grid-small{margin-left:-10px}
.uk-grid-column-small>*, .uk-grid-small>*{padding-left:10px}
*+.uk-grid-margin-small, .uk-grid+.uk-grid-small, .uk-grid+.uk-grid-row-small, .uk-grid-small>.uk-grid-margin, .uk-grid-row-small>.uk-grid-margin{margin-top:10px}
.uk-grid-column-medium, .uk-grid-medium{margin-left:-15px}
.uk-grid-column-medium>*, .uk-grid-medium>*{padding-left:15px}
*+.uk-grid-margin-medium, .uk-grid+.uk-grid-medium, .uk-grid+.uk-grid-row-medium, .uk-grid-medium>.uk-grid-margin, .uk-grid-row-medium>.uk-grid-margin{margin-top:15px}
.uk-card-small .uk-card-body, .uk-card-small.uk-card-body{padding:15px}
}
@media screen and (max-width:374px){
.uk-grid-column-small, .uk-grid-small{margin-left:-5px}
.uk-grid-column-small>*, .uk-grid-small>*{padding-left:5px}
*+.uk-grid-margin-small, .uk-grid+.uk-grid-small, .uk-grid+.uk-grid-row-small, .uk-grid-small>.uk-grid-margin, .uk-grid-row-small>.uk-grid-margin{margin-top:5px}
.uk-grid-column-medium, .uk-grid-medium{margin-left:-10px}
.uk-grid-column-medium>*, .uk-grid-medium>*{padding-left:10px}
*+.uk-grid-margin-medium, .uk-grid+.uk-grid-medium, .uk-grid+.uk-grid-row-medium, .uk-grid-medium>.uk-grid-margin, .uk-grid-row-medium>.uk-grid-margin{margin-top:10px}
.uk-card-small .uk-card-body, .uk-card-small.uk-card-body{padding:10px}.mt-1{margin-top:0.5rem}
.mt-2{margin-top:0.625rem}
}
@media screen and (max-width:359px){
.uk-container{padding-left:0.625rem;padding-right:0.625rem}
}