p{ margin:0px auto}

.u-top .lxt { padding:0px 10px}
.u-top .lxt:before {content:"";height:24px;width:100%;background:none;border:1px solid #bdc3c7;position:absolute;left:0px;top:0px;border-radius:15px}
.u-top .uk-navbar-nav{gap:0px}
.u-top .uk-navbar-nav>li>a{ padding:0px 15px}
.u-top .uk-navbar-nav>li:hover>a, .u-top .uk-navbar-nav>li>a.uk-open, .u-top .uk-navbar-nav>li>a:focus{color:#E03D3E;background:#fff}

.scrollspy-nav {top:0;z-index:100;background:#000;width:100%;line-height:46px;}
.scrollspy-nav .am-g{ background:url(/mall/css/art/tel.png) center right no-repeat}
.scrollspy-nav .am-badge{ font-size:18px;margin:0px 5px}
.scrollspy-nav ul.art-menu {margin:0;padding-right:150px;}
.scrollspy-nav li {display:inline-block;list-style:none;}
.scrollspy-nav a {color:#eee;padding:0px 10px;display:inline-block;font-size:14px;}
.scrollspy-nav a.am-active {color:#fff;font-weight:bold;background:#4CAE4C}

.am-panel { box-shadow:none;border:none;background:none}
.art-banner{ background:url(/mall/css/art/banner.jpg) no-repeat center center;background-size:cover}
.art-banner .am-container{ position:relative}
.art-tit{ text-align:center}
.art-xuzhi{ position:relative}
.art-xuzhi dl{ text-align:center;line-height:120px;font-size:24px;color:#fff}
.art-xz-1{background:linear-gradient(to right, rgb(var(--info-rgb),1) 0%,rgb(var(--info-rgb),0.5) 100%);background-color:rgb(var(--info-rgb),0.5);box-shadow:0px 10px 10px -7px rgba(119,119,119,0.8);}
.art-xz-2{background:linear-gradient(to left, #5c7af6 0%,#92a5f5 100%);background-color:#5c7af6;box-shadow:0px 10px 10px -7px rgba(119,119,119,0.8);}
.art-xz-3{background:linear-gradient(to right, rgb(var(--indigo-rgb),1) 0%,rgb(var(--indigo-rgb),0.5) 100%);background-color:rgb(var(--indigo-rgb),0.5);box-shadow:0px 10px 10px -7px rgba(119,119,119,0.8);}
.art-xz-4{background:linear-gradient(to left, rgb(var(--cyan-rgb),1) 0%,rgb(var(--cyan-rgb),0.5) 100%);background-color:rgb(var(--cyan-rgb),0.5);box-shadow:0px 10px 10px -7px rgba(119,119,119,0.8);}
.art-xz-rr{ position:absolute;width:120px;height:120px;left:50%;margin-left:-60px;top:67px;}

.art-up-box{border:2px solid var(--indigo);overflow:hidden;padding:15px;height:215px}
.artup { width:100%;height:185px;margin:0px auto;overflow:hidden}
.artup ul{ margin:0;line-height:30px;font-size:14px}
.artup ul li{}
.artup ul li p.art-xx-t{ float:left;width:20%;}
.artup ul li p span{ float:right;color:rgb(var(--indigo-rgb),0.7)}
.str_wrap {overflow:hidden;//zoom:1;width:100%;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap;}
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone {display:inline-block;//display:inline;//zoom:1;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}

.art-up-tit{ position:relative;text-align:center}
.art-up-tit span{position:relative;display:inline-block;padding:0 15px;margin:0 auto;font-size:18px;line-height:40px;color:#fff;background-color:var(--indigo);}
.art-up-tit span::before {content:'';display:block;width:21px;height:40px;background-color:var(--indigo);transform:skewX(-15deg);position:absolute;top:0px;left:-11px;}
.art-up-tit span::after {content:'';display:block;width:21px;height:40px;background-color:var(--indigo);transform:skewX(15deg);position:absolute;top:0px;right:-11px;}
.art-tit-d{ margin-bottom:50px;text-align:center;line-height:70px;}
.art-tit-d div {font-weight:600;position:relative;font-size:46px;color:#444;text-align:center;max-width:900px;margin:0 auto}
.art-tit-d div p{ color:#F75A2D}
.art-tit-d div::before {content:'';display:block;width:92px;height:71px;position:absolute;background:url("/mall/css/art/art-t-dl.png") no-repeat;left:0px;top:30px;}
.art-tit-d div::after {content:'';display:block;width:49px;height:66px;position:absolute;background:url("/mall/css/art/art-t-dr.png") no-repeat;right:0px;top:30px;}
.art-bg-0{ background-color:rgba(0,0,0,0.5);padding:10px 0px 50px;}
.art-bg-2{ background:var(--gray-200);padding:50px 0px;margin-top:40px;}
.art-bg-3{ background:url(/mall/css/art/art-bg-3.jpg) no-repeat center center;background-size:cover;padding:10px 0px 50px;margin-top:40px;}
.art-bg-4{ background:url(/mall/css/art/art-bg-4.jpg) no-repeat center center;background-size:cover;margin-top:40px;}

.art-tubiao { background:#f5f5f5;padding:15px;margin-bottom:15px;display:flex;align-items:center; box-shadow:inset 0 0 15px rgb(var(--light-rgb),0.3)}
.art-tubiao dt{margin-right:10px; width:100px !important; height:100px;}
.art-tubiao dt img{ width:100%}
.art-tubiao dd{ margin:0px;flex:1; min-width:1px}
.art-tubiao dd p{ line-height:1.6; color:var(--gray)}
.art-tubiao dd h3{ font-size:18px; font-weight:600; margin-bottom:10px;}
.art-tubiao2 img{ width:100%}
.art-tubiao2 h2{ background:var(--indigo);color:#fff;padding:10px;text-align:center;font-size:14px; margin-bottom:10px}

.art-btn{ background:var(--teal); color:#fff; padding:5px 10px; line-height:1.5; font-size:16px; border:none; width:100%}

.art-tiaojian dl{background:linear-gradient(to bottom, var(--primary) 0%,rgb(var(--primary-rgb),0.4) 100%);background-color:rgb(var(--primary-rgb),0.4);box-shadow:0px 10px 10px -7px rgba(var(--primary-rgb),0.8);padding:20px 15px 15px;color:#fff;position:relative}
.art-tiaojian dt{ text-align:center}
.art-tiaojian i{transition:all 1s ease;font-size:48px;width:50px;line-height:50px;}
.art-tiaojian i:hover {transform:rotate(360deg);}
.art-tiaojian h3{ margin:10px auto 15px;color:#fff}
.art-tiaojian p{ font-size:16px; line-height:1.8; text-align:justify}

.art-yao dt{ font-size:16px; line-height:1; margin-bottom:15px;background:linear-gradient(to right, rgb(var(--primary-rgb),0.1) 0%,rgb(var(--primary-rgb),0) 100%);}

.art-moshi dl{ background:rgba(255,255,255,0.8);box-shadow:0px 10px 10px -7px rgba(255,255,255,0.8);}
.art-moshi dt{ color:#fff;height:90px;font-size:24px;padding:15px;line-height:30px;}
.art-moshi dd{ padding:15px 15px 60px;margin:0px;min-height:130px;color:#000; font-size:16px; line-height:1.8}

.art-zhuanye{ margin-left:-15px;box-sizing:border-box}
.art-zhuanye dl{ position:relative;transition:all 2s ease;background:linear-gradient(to bottom, #eee 0%,#fff 100%);padding:10px;overflow:hidden;box-sizing:border-box}
.art-zhuanye dl:before,.art-zhuanye dl:after{content:"";display:block;width:0;height:0;border:2px solid transparent;box-sizing:border-box;position:absolute;}
.art-zhuanye dl:before{top:0;left:0;transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.art-zhuanye dl:after{right:0;bottom:0;transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
.art-zhuanye dl:hover:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:var(--indigo);border-right-color:var(--indigo);}
.art-zhuanye dl:hover:after{width:100%;height:100%;transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:var(--indigo);border-left-color:var(--indigo);}
.art-zhuanye dl img{ width:100%}
.art-zhuanye dd{ position:absolute;margin:0px;left:2px;right:2px;background:rgba(255,255,255,0.8);bottom:-100px;padding:15px;height:150px;font-size:14px}
.art-zhuanye dl:hover dd{bottom:2px;transition:all 1s ease;}
.art-zhuanye dd h6{ font-size:16px;margin-bottom:10px;line-height:20px; font-weight:bold}
.art-zhuanye dd p{ font-size:14px; line-height:1.6}

.art-fangfa{margin-left:-15px;box-sizing:border-box}
.art-fangfa dt{ padding:15px;color:#fff;font-size:30px;line-height:60px;background: linear-gradient(to bottom, #fe3d4e 0%,#ff5522 100%);background-color: #fe3d4e;z-index:5;border-radius:5px 5px 0px 0px;box-sizing:border-box;margin-left:15px;margin-bottom:15px;}
.art-fangfa dl{ min-height:110px;transition:all 1s ease;position:relative;box-sizing:border-box}
.art-fangfa dt img{ float:left;height:60px;}
.art-fangfa dd{ position:absolute;top:80px;left:15px;right:0px;margin:0px;padding:0px 15px;color:#fff;background: linear-gradient(to top, #fe3d4e 0%,#ff5522 100%);background-color:#fe3d4e;z-index:100;height:0px;overflow:hidden;border-radius:0px 0px 5px 5px}
.art-fangfa dl:hover dd{transition:all 1s ease;height:110px;padding:15px;}

.art-fa-tit{ margin:0px auto;max-width:360px;padding:15px 105px 15px 15px;overflow:hidden;position:relative;z-index:0;border:1px solid var(--secondary); background:#fff}
.art-fa-tit h2{margin:0px;line-height:35px;font-size:24px}
.art-fa-tit button{ position:absolute;right:15px;width:90px;height:35px;top:15px}

.art-ms-dt-1{ background:url(/mall/css/art/dt-bg1.png) left top no-repeat;background-size:cover}
.art-ms-dt-2{ background:url(/mall/css/art/dt-bg2.png) left top no-repeat;background-size:cover}
.art-ms-dt-3{ background:url(/mall/css/art/dt-bg3.png) left top no-repeat;background-size:cover}
.art-ms-dt-4{ background:url(/mall/css/art/dt-bg4.png) left top no-repeat;background-size:cover}

.art-ms-dd-1{ background:url(/mall/css/art/ms1.png) right bottom no-repeat;}
.art-ms-dd-2{ background:url(/mall/css/art/ms2.png) right bottom no-repeat;}
.art-ms-dd-3{ background:url(/mall/css/art/ms3.png) right bottom no-repeat;}
.art-ms-dd-4{ background:url(/mall/css/art/ms4.png) right bottom no-repeat;}

.art-h2 { text-align:center;font-size:50px;color:#000;line-height:1.3;margin:3rem auto}
.art-h2 span{ color:#51378E}

.art-guojia dt{float:left;width:29%;margin-right:1%;padding:0px;background:linear-gradient(to left bottom, #8156FD 0%,#32C0FE 100%);background-color:#32C0FE;border-radius:15px;}
.art-guojia p{ word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0px auto;font-size:14px}
.art-guojia h3{ margin:0 auto 10px;color:#fff;font-size:16px; font-weight:600}
.art-guojia dd{margin:0px;float:left;width:70%;border-radius:15px;padding:15px;background:linear-gradient(to right bottom, #8156FD 0%,#32C0FE 100%);background-color:#32C0FE;color:#fff; line-height:1.8}

.arg-grid-school{ font-size:14px;text-align:center}
.arg-grid-school dl{ border:1px dashed var(--gray-300);padding:5px;background:#fff;word-wrap:normal;/* for IE */text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.art-q{ margin:0px auto;display: flex;align-items: center;}
.art-q dt{width:48px;margin-right:10px;}
.art-q h3{ margin:0px auto; font-size:18px; font-weight:600}
.art-a dt{ float:left;width:48px;margin-right:10px;}
.art-a{ margin-top:10px;}

#a11 .am-alert{ display:none}
.pc-avg-bm dl{ position:relative;padding-right:35px;}
.pc-avg-bm dd{ margin:0px;position:absolute;right:0px;top:0px;width:20px;text-align:center;text-align:center;line-height:110px;color:#926EFC}
.pc-avg-bm dt{background:linear-gradient(to right, #8156FD 0%,#926EFC 100%);background-color:#8156FD;height:110px;border-radius:15px;padding:15px;color:#fff}
.pc-avg-bm dt p{ font-weight:normal;font-size:0.875em}
.art-bm-lc{ font-size:24px;font-weight:600;margin-bottom:15px;}

.art-test{ background:url(art/test.jpg) no-repeat center center;background-size:cover;margin-top:40px; padding:15px;}
.art-test .uk-grid{align-items:center;}
.art-test .uk-form{align-items:center; display:flex;padding-top:15px}
.art-test h3{ padding:0px;font-size:20px;color:#fff; font-weight:bold; line-height:1.3; text-align:center}
.art-form{ max-width:360px; }
.art-test .uk-grid-small{ margin-left:-5px}
.art-test .uk-grid-small>.uk-grid-margin{ margin-top:5px}
.art-test .uk-grid-small>*{ padding-left:5px}
.art-test ol{ margin:0px; padding:15px;}
.art-sub{ background:#fff; color:var(--dark); padding:10px 15px; display: inline-block; border:none; line-height:20px; border-radius:5px}


@media only screen and (max-width:479px) {
.art-xuzhi dl{ font-size:18px;line-height:100px;}
.art-tit img{ max-width:320px}
}
@media only screen and (min-width:480px) and (max-width:640px){

}
@media only screen and (max-width:640px) {

.scrollspy-nav ul.art-menu{padding-right:0}
.scrollspy-nav li{ width:25%;float:left;}
.scrollspy-nav a{font-size:12px;padding:0px 5px;width:100%;text-align:center}
.scrollspy-nav .am-badge { font-size:12px}
.scrollspy-nav { line-height:24px}
.scrollspy-nav .am-avg-sm-2{ padding-top:10px;padding-bottom:10px}
.scrollspy-nav .am-g{ background-position:top right}
.art-up-tit span{ width:260px;font-size:14px}
.artup ul{ font-size:12px;line-height:1.3;}
.artup ul li p.art-xx-t{ float:left;width:30%;}
.artup ul li p span{ float:none;color:rgb(var(--indigo-rgb),0.7);line-height:1}
.artup ul li p { overflow:hidden}
.artup ul li{ height:auto;padding-bottom:10px}
.art-tit-d{ margin-bottom:30px;line-height:1.5}
.art-tit-d div{ font-size:18px}

.art-guojia dt{ min-height:120px}
.art-guojia dd{ padding:10px;min-height:120px;}
.art-guojia dd h3{ margin:0px}
.art-guojia dd p{ font-size:12px}

.art-tubiao dt img{ max-height:140px}

.art-h2{ font-size:36px}
.arg-grid-school{ font-size:12px}
.art-fa-tit{width:100%;}
.art-bg-0{ padding:10px 0px 15px}
.art-bg-2{ padding-top:30px;padding-bottom:30px;margin-top:20px}
.art-bg-3{ margin-top:20px;padding-bottom:30px;}
.art-tit-d div::before{ width:50px;height:39px;top:15px;left:15px;background-size:80%}
.art-moshi dd{ min-height:150px}
.art-moshi dt{ font-size:20px;padding:10px} 

.art-zhuanye dl{ padding:0px;}
.art-zhuanye dd{ left:0px;right:0px;padding:10px;font-size:12px;line-height:1.3;bottom:-100px}
.art-zhuanye dd h6{ font-size:14px;margin-bottom:5px;}
.art-zhuanye dl:hover dd{bottom:0px;}
.art-fangfa dt img{ height:50px;}
.art-fangfa dt{ padding:5px;font-size:18px;line-height:50px}
.art-fangfa dl { min-height:75px}
.art-h2{ font-size:24px;margin:1rem auto}
.art-a p{ font-size:12px}
.art-bm-lc{ font-size:16px;margin-bottom:10px;}
.pc-avg-bm dd { display:none}
.pc-avg-bm dl{ padding-right:0px}

.art-test{ margin-top:15px}
.art-test h3{ padding-top:15px;font-size:18px;text-align:center}
.pc-avg-artform { float:none;width:100%}
.art-test .am-form ol{ float:none;width:auto;padding-left:10px;padding-right:10px;padding-top:0px;text-align:center;margin:0 auto;color:#fff }
.art-test .am-form ol p{ padding-bottom:10px}
}

@media only screen and (min-width:641px) and (max-width:767px) {


}

@media only screen and (min-width:768px) and (max-width:959px) {


}

@media only screen and (min-width:960px) and (max-width:1024px) {


}

@media only screen and (min-width:1025px) and (max-width:1439px) {
.scrollspy-nav .am-badge { font-size:14px}
.scrollspy-nav a{font-size:12px;padding:0px 5px;width:100%;text-align:center}
.artup ul{font-size:12px}
.art-tiaojian dd{height:180px}
.art-guojia dd,.art-guojia dt{ height:152px;}

}

@media only screen and (min-width:641px) {
.art-tiaojian .am-icon-btn{ width:70px;height:70px;line-height:70px;font-size:50px;}
.art-tiaojian dd{ min-height:154px;}
.art-a{ margin-bottom:30px;}

}

@media only screen and (min-width:960px) {


}
@media only screen and (min-width:1025px) {
.art-form-bm{ border:1px dashed #eee;padding:15px 15px 5px;overflow:hidden}
.art-form-bm .am-form{ position:relative;padding-right:85px;}
.art-form-bm .am-form button{ position:absolute;width:85px;top:0px;right:0;}
.art-form-bm .sk-apply-l{ width:25%;padding-right:15px;}
.art-form-bm .sk-apply-r{ width:25%;float:left;padding-left:0px;padding-right:15px;}
}

@media only screen and (min-width:1440px) {
.art-guojia dt{ min-height:175px}
.art-guojia dd{ min-height:175px}

}