html{ background:var(--body)}
body{ max-width:640px; margin:0 auto; background:#fff; min-width:320px;}
.uk-container{ padding-left:15px; padding-right:15px}
.ti-1:before{content:"\eb75";}
.ti-2:before {content:"\ea59";}
.ti-3:before {content:"\f021";}
.ti-4:before {content:"\ea52";}
.ti-5:before {content:"\eafd";}
.ti-6:before {content:"\f968";}
.ti-7:before {content:"\f5a5";}
.ti-8:before {content:"\ea84";}
.ti-9:before {content:"\ea98";}
.mbanner{ position:relative;}
.mhead{ position:relative; background:#fff}
.mheader{display:flex;justify-content:space-between;padding:10px 15px;transition:all 0.4s ease 0s;align-items:center;z-index:10; color:var(--link)}
.mheader a{display:flex;align-items:center; color:var(--link)}
.mheader img{ height:40px}
.mheader b{ padding:0px 5px}
.mheader b img{filter:brightness(0) invert(1);height:32px}
.mheader span{display:flex;align-items:center; margin-left:5px}
.mheader span em{font-style:normal;margin-left:5px;background:linear-gradient(to right,rgb(255,255,255,0.3),transparent);}
@media (max-width:480px) {
.mheader{height:52px;}
.mheader img{ height:32px}
.mheader b img{height:26px}
.mheader span{ font-size:14px;}
}
@media (max-width:374px) {
.mheader{ padding:10px}
.mheader span em{}
}

.fb-form{ background:url(../img/m-formbg.jpg) no-repeat center left; background-size:cover; margin-top:-30px; position:relative; z-index:66; border-radius:0px 0px 5px 5px; padding:30px}
.fb-form form{ margin-top:20px}
.fb-form h3{ font-size:24px}
@media (max-width:639px) {
.fb-form{ margin-top:-40px; padding:20px}
}
.banner-form{ margin-top:30px; font-size:14px;}
.banner-form .uk-input{ height:32px; border-radius:5px}
.banner-form dl{ position:relative}
.banner-form dl font{ width:6px; height:19px; position:absolute; left:2px; top:7px}
.banner-form dl span{ line-height:1; box-shadow:0px 0px 8px rgb(0,0,0,0.15);position:absolute; display:inline-block; font-size:12px; top:-12px; height:24px; width:80%; left:20%; background:var(--orange-lt); border-radius:3px; border:1px solid var(--yellow); padding:3px}
.banner-form .uk-button-default{ line-height:30px;border-radius:5px}


.m-nav{ margin-top:15px; text-align:center; font-size:14px}
.m-nav .uk-grid-collapse{ margin-left:-3px}
.m-nav .uk-grid-collapse>*{ padding-left:3px;}
.m-nav .uk-grid-collapse>.uk-grid-margin{ margin-top:3px}
.m-nav a{ background:var(--gray-100); display:block; padding:10px}
.m-nav a:hover{ background:var(--gray); color:var(--light)}
.m-nav a dt{ font-size:32px; color:var(--gray)}
.m-nav a:hover dt{ color:#fff}
/*
.m-nav li:first-child a{background:var(--teal-lt);border-radius:5px 0px 0px 0px}
.m-nav li:first-child a dt{ color:var(--teal)}
.m-nav li:first-child a:hover{ background:var(--teal)}
.m-nav li:first-child a:hover dt{ color:#fff}
.m-nav li:last-child a{background:var(--success-lt); border-radius:0px 0px 5px 0px}
.m-nav li:last-child a dt{ color:var(--success)}
.m-nav li:last-child a:hover{ background:var(--success)}
.m-nav li:last-child a:hover dt{ color:#fff}
.m-nav li:nth-child(4) a{background:var(--indigo-lt); border-radius:0px 5px 0px 0px}
.m-nav li:nth-child(4) a dt{ color:var(--indigo)}
.m-nav li:nth-child(4) a:hover{ background:var(--indigo)}
.m-nav li:nth-child(4) a:hover dt{ color:#fff}
.m-nav li:nth-last-child(4) a{background:var(--red-lt); border-radius:0px 0px 0px 5px}
.m-nav li:nth-last-child(4) a dt{ color:var(--red)}
.m-nav li:nth-last-child(4) a:hover{background:var(--red)}
.m-nav li:nth-last-child(4) a:hover dt{ color:#fff}
.m-nav li:nth-last-child(3) a{background:var(--purple-lt)}
.m-nav li:nth-last-child(3) a dt{ color:var(--purple)}
.m-nav li:nth-last-child(3) a:hover{background:var(--purple)}
.m-nav li:nth-last-child(3) a:hover dt{ color:#fff}
.m-nav li:nth-last-child(2) a{background:var(--azure-lt)}
.m-nav li:nth-last-child(2) a dt{ color:var(--azure)}
.m-nav li:nth-last-child(2) a:hover{background:var(--azure)}
.m-nav li:nth-last-child(2) a:hover dt{ color:#fff}
*/
@media (max-width:374px) {.m-nav{ font-size:12px} .m-nav a{ padding:10px 5px}}

/*重置首页*/
.tt5{ margin-top:0px; font-size:12px; padding-left:58px}
.tt5 span{ color:var(--gray-400)}
.tt5:after{ top:5px; width:48px}
.tt2{ margin-top:30px; margin-bottom:0px; font-size:24px}
.r-about{  margin-top:30px;}
.r-about dt{ height:50px; padding:15px 0}
.r-about-pic{ float:right; width:40%; height:auto; margin-left:30px; margin-bottom:10px; position:relative; z-index:1}
.r-about-pic:before{ opacity:0.1;content:"";position:absolute;width:120px;height:120px;border:5px dashed var(--primary-lt);border-radius:50%;left:-30px;bottom:-15px;z-index:-1;animation:rotating 50s linear infinite;}
.about-left-image{ width:100%;}
.left-image{ width:60%; padding:0; left:-40px; bottom:-10px; display:none}
.left-image:before,.left-image:after{ display:none}
.r-about>.arr{content:"";position:absolute; width:100px; height:44px;left:120px;bottom:10px;animation:moveBounce 3s linear infinite; z-index:14; display:none}
.r-about>.arr img{ width:100%;transform:scaleX(1);}
.r-about .click{ display:none}
.youshi{ padding:0}
.youshi .tt5{ margin-bottom:30px}
.major{ margin:30px auto 0; padding:0px 0 30px}
.tion{ position:relative}
.tion>*{ position:relative; z-index:1}
.tion:before{ background:rgb(var(--main-rgb),0.5); content:""; position:absolute; width:100%; height:100%; left:0; top:0}
.tion-box{ padding:15px; color:#fff}
.tion-box>p{ font-size:inherit; opacity:1}
.tion-m{ background:var(--main); color:#fff; font-size:12px; text-align:center; padding:40px 30px}
.tion-m img{ margin-bottom:10px}
.sc-xlogo{ margin-top:30px}
.plan{ padding-bottom:60px}
.gnew-li li a{ background:var(--gray-100)}
.mmhoto{ margin-top:30px}
.mmhoto img{ width:100%}
.mmhoto li dl+dl{ margin-top:15px}
.bottom-bg{ border-top:none}
@media (max-width:959px) {
.youshi dt{ padding:15px 0; margin-right:15px}
.youshi dl{ display:flex; padding:15px;align-items: center;}
.youshi dd{ flex:1; min-width:1px}
.youshi dl h4{ text-align:left; margin-bottom:15px}
.youshi-4 h4{ margin-bottom:15px; }
.youshi-4 *+h4{margin-top:15px}
.youshi-4{ padding:15px 15px 20px}
.youshi-4>div{ margin-top:20px}
.sc-xlogo{ margin-top:20px}
.mmhoto{ margin-top:20px}
}
@media (max-width:639px) {
.tt2{ margin-top:15px}
.r-about{ padding-top:0; margin-top:15px}
.youshi .tt5{ margin-bottom:15px}
.youshi dl h4,.youshi-4 h4{ margin-bottom:10px}
.youshi-4>div{ margin-top:15px}
.major{ margin:15px auto 0}
.major dd{ padding:15px}
.sc-xlogo{ margin-top:15px}
.mmhoto{ margin-top:15px}
.mmhoto li dl+dl{ margin-top:10px}
}
@media (max-width:374px) {
.mmhoto li dl+dl{ margin-top:5px}
}
/*重置首页CSS结束*/
.b-sqa{ margin-top:-160px}
.r-pic:before{ right:0}


.abanner{background:var(--primary-lt)}
.abanner-text{ padding:0}
.abanner-img{ padding:50px 0}
.abanner-text .pt{ margin-top:50px; color:var(--primary-lt); opacity:0}
.abanner-text .pe{color:var(--primary-lt); opacity:0}
.abanner-text h2{ font-size:24px}
.abanner-text h3{ font-size:18px}
.abanner-text .ps span{ font-size:12px; margin-right:10px;}
.abanner-text .btn-box{ margin-top:20px; margin-bottom:80px}
.abanner-text .btn-box:before{ left:20%; top:-50%;}
.optional-btn{ font-size:12px; opacity:0}
.default-btn{ font-size:12px; padding:5px 20px 5px 40px}
.default-btn .icon-arrow{ top:5px}
.default-btn .icon-arrow.before{ left:10px}
.default-btn .icon-arrow.after{right:10px;}
.shape-1{ width:640px; height:640px}
.shape-2{ top:15%; left:5%}
.shape-3{ width:600px; height:600px; left:-300px; top:-200px}
@media (max-width:639px){
.abanner-text .pt{ margin-top:40px; font-size:12px}
.abanner-text .pe { font-size:9px;}
.abanner-text .ps span{ margin-right:5px; margin-bottom:5px}
.abanner-text h2{ margin-top:15px; font-size:20px}
.abanner-text h3{ margin-bottom:15px; font-size:16px}
}
@media (max-width:459px){
.abanner-text .pt{ margin-top:30px}
.abanner-text h2{ font-size:18px}
.abanner-text h2 span{ font-size:20px}
.abanner-text h3{ font-size:14px}
.abanner-text .ps{flex-wrap:wrap;align-content: space-around;}
.abanner-text .btn-box{ margin-top:15px}
.optional-btn{ margin-left:15px}
}
@media (max-width:359px){
.optional-btn{ margin-left:10px}
.abanner-text h2{ font-size:16px}
.abanner-text h2 span{ font-size:18px}
.abanner-text h3{ font-size:12px}
}

.at-pot{ margin-top:30px; background:var(--secondary-lt)}
@media (max-width:639px){
.at-pot{ margin-top:15px;}
.at-pot dl{ padding:20px;}
.at-pot dd{ padding-left:15px}
}
@media (max-width:459px){
.at-pot dl{ padding:15px;}
.at-pot dd{ padding-left:10px}
}
@media (max-width:359px){
.at-pot dd{flex:initial; width:100%}
.at-pot dt{ margin:0 auto}
}
.uk-slide-a{background:rgb(var(--dark-rgb),0.4);}
.uk-slide-a>div{top:100px}
.uk-slide-a h2{ font-size:40px; line-height:1.2; margin-bottom:20px}
.uk-slide-a h3{ font-size:30px; font-weight:600;margin-bottom:20px}
.uk-slide-a span{ font-size:16px; padding:5px 15px;}

.banner-form{ border-radius:0}
.banner-form .uk-button-default{ width:100%}


@media (max-width:1199px) {
.uk-slide-a>div{top:80px; bottom:30px}
.uk-slide-a h2{ font-size:30px;margin-bottom:15px}
.uk-slide-a h3{ font-size:20px;margin-bottom:15px}

}
@media (max-width:959px) {
.gbanner{ margin-bottom:30px}
.uk-slide-a>div{top:60px; bottom:30px}
.uk-slide-a h2{ font-size:30px;margin-bottom:15px}
.uk-slide-a h3{ font-size:20px;margin-bottom:15px}
.uk-slide-a h4{ font-size:16px; margin-bottom:15px}
.uk-slide-a span{ font-size:14px; padding:5px 15px;}
}
@media (max-width:639px) {
.gbanner{ margin-bottom:15px}
.uk-slide-a>div{top:60px; bottom:30px}
.uk-slide-a h2{ font-size:30px;margin-bottom:15px}
.uk-slide-a h3{ font-size:20px;margin-bottom:15px}
.uk-slide-a h4{ font-size:16px; margin-bottom:15px}
.uk-slide-a span{ font-size:14px; padding:5px 15px;}
}
@media (max-width:439px) {
.uk-slide-a>div{top:50px; bottom:20px}
.uk-slide-a h2{ font-size:30px;margin-bottom:15px}
.uk-slide-a h3{ font-size:20px;margin-bottom:15px}
.uk-slide-a h4{ font-size:16px; margin-bottom:15px}
.uk-slide-a span{ font-size:12px; padding:5px 15px;}
}
@media (max-width:419px) {
.uk-slide-a>div{top:40px; bottom:10px}
.uk-slide-a h2{ font-size:25px;margin-bottom:15px}
.uk-slide-a h3{ font-size:18px;margin-bottom:15px}
.uk-slide-a h4{ font-size:16px; margin-bottom:15px}
.uk-slide-a span{ font-size:12px; padding:5px 10px;}
}
@media (max-width:374px) {
.uk-slide-a>div{top:30px; bottom:10px}
.uk-slide-a h2{ font-size:20px;margin-bottom:10px}
.uk-slide-a h3{ font-size:16px;margin-bottom:10px}
.uk-slide-a h4{ font-size:14px; margin-bottom:10px}
.uk-slide-a span{ font-size:12px; padding:5px 10px;}
}
@media (max-width:359px) {
.gbanner{ margin-bottom:10px}
}


.m-silder{ margin-top:15px;}
.m-silder .uk-slider{background:}
.m-silder .uk-slider img{width:100%;}
.m-silder .uk-slider a:hover img{transform:scale(1.05);}
.m-silder .uk-slider a h4{font-size:16px;font-weight:600; margin-bottom:10px}
.m-silder .uk-slider dt{ overflow:hidden; margin-bottom:15px}
.m-silder .uk-slider dd{ padding-bottom:15px}
.m-silder .uk-slider dd>*{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size:14px}

.local{ position:relative;border-top:1px solid rgb(245,247,249); background:url(../img/01.jpg) center center no-repeat; background-size:cover; margin-bottom:15px; padding-bottom:20px; font-size:12px; padding-top:60px}
.local>*{ position:relative; z-index:1}
.local:before{content:"";position:absolute;width:100%;height:100%;left:0;right:0;top:0;}

.gnew-li{ padding-bottom:0px;border-top:1px dashed var(--gray-300); padding-top:15px}
.gnew-li li+li{ margin-top:15px}
@media (max-width:374px) {
.gnew-li li dt{ font-size:12px}
.gnew-li li dd{ font-size:1rem; line-height:1.4}	
}
.pictc{ max-height:281px}
.pict .uk-grid-collapse{margin-left:-10px}
.pict .uk-grid-collapse>*{padding-left:10px}
.pict .uk-grid-collapse>.uk-grid-margin{margin-top:10px}
@media (max-width:959px) {

}

.faqbg{ margin-top:0px}
.faqbg .list,.infobg .list{ margin-top:30px}
.infobg{ margin:0px auto}
.infobg .list{ padding-bottom:20px}
@media (max-width:959px){
.faqbg .list,.infobg .list{ margin-top:20px}
}
@media (max-width:639px){
.faqbg{ margin-top:15px}
.infobg{ margin:15px auto}
.faqbg .list,.infobg .list{ margin-top:15px}
}
.uk-tab>*>a{ padding:5px;}



.mright{ margin-top:15px;}
.mright .uk-alert{ font-size:14px; margin-top:20px}
.mright .uk-alert p{ color:var(--gray-300)}
.mright .uk-alert p.t{ color:var(--gray-400)}

.uk-pagination{ font-size:14px}
.uk-pagination>*>*{ background:var(--info-lt); color:var(--info)}
.uk-pagination li+li{ margin-left:5px}

.article{ margin-top:15px}
.article .title-bg{ margin-bottom:15px}
.info{ font-size:12px}
.article .uk-alert{ font-size:14px; margin-top:20px}
.article .uk-alert p{ color:var(--gray-300)}
.article .uk-alert p.t{ color:var(--gray-400)}
@media (max-width:639px) {
.uk-article h1{ font-size:1.25rem}
}
.link-about{ border:1px solid var(--gray-200); border-radius:5px}
.link-about ul{ padding-bottom:0; font-size:14px}