:root{
  --color-main:#c30d23;
  --color-main-light:#da162d;
  --color-main-dark:#b8051a;
  --padding-about:16px;
  --padding-home-box:clamp(25px,5vw,80px);
  --padding-page-box:clamp(25px,3.5vw,40px);
  --padding-more:min(12px,2vw) min(40px,4vw);
  --padding-around:clamp(18px,3vw,30px);
  --padding-around-long:clamp(25px,3.5vw,45px);
  --padding-around-short:clamp(12px,2vw,20px);
  --margin-default:clamp(16px,2.5vw,30px);
  --margin-long:clamp(25px,3.5vw,45px);
  --margin-short:20px;
  --font-size-title:clamp(22px,3.5vw,35px);
  --font-size-page-title:clamp(20px,3.3vw,30px);
  --font-size-box-title:clamp(17px,2vw,23px);
  --font-size-list-title:clamp(16px,2vw,18px);
  --font-size-desc:min(16px,3vw);
  --font-size-detail-title:clamp(20px,2.5vw,28px);
  --font-size-detail-desc:clamp(15px,1.5vw,17px);
  --grid-row-gap:clamp(22px,3vw,30px);
  --grid-row-gap-long:clamp(25px,3.5vw,40px);
  --grid-row-gap-short:20px;
  --grid-two:repeat(2,48.5%);
  --grid-three:repeat(3,32%);
  --grid-four:repeat(4,23.5%);
  --grid-five:repeat(5,19%);
}
@media (max-width:1024px){
  :root{
    --grid-four:repeat(2, 48.5%);
  }
}
@media (max-width:768px){
  :root {
    --grid-two:100%;
  }
}
@media (max-width:414px){
  :root{
    --grid-four:100%;
  }
}
.container{max-width:1380px;margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.bg-light{background:#f7f7f7}
.top-bar{background:#f5f5f5;padding:10px 0}
.top{display:flex;justify-content:space-between;color:#666}
.top a{color:inherit}
.top a:hover{color:inherit}
.header{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between}
.logo img{max-height:45px;backface-visibility:hidden;display:block}
.header-tel{position:relative;padding-left:53px}
.header-tel:before{content:'';position:absolute;top:4px;left:0;width:44px;height:44px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1025 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M791.763 604.537c-22.782-4.221-65.437 34.441-65.437 34.441 121.987 77.043 121.671 170.597 121.671 170.597s27.75-13.855 42.302-37.676c14.539-23.817 19.52-51.933-15.842-101.191-35.424-49.303-59.849-61.82-82.694-66.17zM336.92 206.955c-23.05 2.478-52.543 52.011-52.543 52.011 139.195 38.029 166.3 127.589 166.3 127.589s23.603-30.469 30.583-57.474c6.927-26.979 2.301-46.348-45.957-83.113-48.217-36.762-75.298-41.567-98.383-39.013zm176.63-140.56c-247.517 0-448.913 200.08-448.913 446.005 0 245.848 201.395 445.93 448.913 445.93 111.116 0 212.28-40.962 290.742-107.666 8.406-1.667 31.062-8.242 26.145-31.456-5.956-28.47-50.28-120.382-118.423-160.76 0 0-25.715-15.223-48.181 12.515 0 0-35.11 12.592-111.824-61.442-76.702-74.086-146.134-130.27-121.04-205.695 0 0 11.252-40.33-83.35-93.834-94.58-53.604-101.483-19.571-106.149-5.69-4.602 13.933-30.76 65.844-11.227 116.44 15.892 41.188 67.145 145.87 217.959 288.703 126.553 119.703 204.583 165.822 265.05 167.111-59.306 32.341-127.322 50.95-199.702 50.95-230.524 0-418.064-186.251-418.064-415.105 0-228.933 187.54-415.183 418.064-415.183 230.513 0 418.051 186.25 418.051 415.183 0 2.503-.353 4.98-.43 7.483h30.888c.05-2.503.43-4.98.43-7.483-.001-245.924-201.423-446.006-448.94-446.006z' fill='%23333'/%3E%3C/svg%3E")}
.header-tel span{color:#666}
.header-tel strong{color:var(--color-main);margin-top:4px;font-size:25px;display:block;font-family:Impact,sans-serif;line-height:1;letter-spacing:2px}
.nav-bar{background:var(--color-main)}
.nav{display:grid;grid-template-columns:repeat(10,10%);justify-content:space-between}
.nav-item{transition:background-color .3s;position:relative}
.nav-item:after{content:'';width:1px;height:16px;position:absolute;top:24px;right:-3px;background-color:#fff;opacity:.3}
.nav-item:last-child:after{width:0}
.nav-item > a{font-size:16px;height:56px;color:#fff;display:flex;align-items:center;justify-content:center}
.nav-item:hover{background-color:var(--color-main-dark)}
.nav-item.active{background:var(--color-main-dark)}
.nav-item:hover::after,
.nav-item.active:after{width:0}
.nav-item.dropdown:before{content:'';position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:#fff;top:50%;right:15%}
.nav-dropdown{height:0;overflow:hidden;position:absolute;z-index:-21;top:110%;right:0;width:100%;background-color:rgba(0,0,0,.7);opacity:0}
.nav-item:hover .nav-dropdown{height:auto;top:100%;opacity:1;padding:5px 0;transition:top .4s,opacity .4s}
.nav-dropdown li{text-align:center;padding:8px 0}
.nav-dropdown li:hover{background-color:var(--color-main-dark)}
.nav-dropdown a{color:#fff}
.nav-switch{display:none}
@media (max-width:1024px){
  .nav-item > a{font-size:14px}
  .nav-item:after{height:14px;position:absolute;top:23px;}
}
@media (max-width:768px){
  body:before{content:'';display:block;height:60px}
  .header-tel,
  .top-bar,
  .nav-item:after{display:none}
  .header{padding-top:17px;padding-bottom:17px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:201;background:#fff}
  .logo img{max-height:25px}
  .nav-bar{position:fixed;top:0;right:100%;bottom:0;width:80%;z-index:211;background:#222;padding:30px 0 0;overflow:auto;transition:right .4s}
  .nav-bar.open{right:20%;box-shadow:18px 0 18px 2px rgba(0,0,0,.1),0 0 5px 1px rgba(0,0,0,.1)}
  .nav{display:block}
  .nav.blank{padding:0}
  .nav-item{padding:0;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav-item > a{font-size:15px;height:auto;line-height:58px;display:inline-block;margin-left:40px}
  .nav-item:hover{background-color:transparent}
  .nav-item.active{background:var(--color2)}
  .nav-item.dropdown:before{right:30px;top:27px}
  .nav-dropdown{position:static;background:#303030;opacity:1;transition:height .3s !important}
  .nav-item:hover .nav-dropdown{height:0;padding:0}
  .nav-dropdown li{text-align:left;padding:11px 10px 11px 60px;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav-dropdown li:last-child{border-bottom:none}
  .nav-dropdown li:hover{background-color:initial}
  .nav-switch{display:flex;width:22px;height:16px;position:relative;border-top:solid 2px #555;border-bottom:solid 2px #555;transition:.4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background:#555;transition:transform .3s}
  .nav-switch.open{border-color:#fff;transition:0s}
  .nav-switch.open:before{transform:rotate(45deg)}
  .nav-switch.open:after{transform:rotate(-45deg)}
}
.home-banner{padding-left:var(--padding-about);padding-right:var(--padding-about);position:relative;margin-top:6px}
.home-banner__slide{height:min(600px,43vw)!important;background-repeat:no-repeat;background-position:center 0;background-size:cover;position:relative}
.home-banner__slide a{position:absolute;inset:0;z-index:1}
.home-box{padding-top:var(--padding-home-box);padding-bottom:var(--padding-home-box)}
.home-main{margin:30px auto;display:grid;grid-template-columns:36% 36% 24%;row-gap:var(--grid-row-gap);justify-content:space-between;}
.home-box{border-radius: 2px;padding: 20px;border:solid 1px #eee;box-shadow:0 0 9px 1px rgba(0,0,0,.05)}
.home-box__title{margin-bottom:25px;position:relative;padding-left:16px;display:flex;align-items:center;justify-content:space-between}
.home-box__title::before{content:'';width:5px;height:14px;background: var(--color-main);position:absolute;left:0;top:4px}
.home-box__title span{color:var(--color-main);font-weight: 600;font-size:16px}
.home-box__title a{color:#777;font-size:12px;}
.home-news__list li{padding-left:9px;margin:20px 0;display:grid;grid-template-columns:calc(100% - 100px) 75px;justify-content:space-between;position:relative}
.home-news__list li::before,
.home-notify__list li::before{content:'';position:absolute;left:0;top:7px;width:3px;height:3px;background:#999}
.home-news__list li:last-child,
.home-notify__list li:last-child{margin-bottom:0}
.home-news__list li a,
.home-notify__list li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-news__list li a:hover,
.home-notify__list li a:hover{color:var(--color-main)}
.home-news__list li span,
.home-notify__list li span{color:#777;font-size:12px;}
.home-notify__list{}
.home-notify__list li{padding-left:9px;margin:20px 0;position:relative;display:grid;grid-template-columns:100%;justify-content:space-between;}
.home-notify__list li span{display:none}
.home-ad{margin:26px auto;position:relative}
.home-ad img{width:100%}
@media (max-width:1024px){
  .home-main{margin:20px auto;grid-template-columns:100%}
  .home-notify__list li{grid-template-columns:calc(100% - 100px) 75px}
  .home-notify__list li span{display:block}
  .home-ad{margin:20px auto}
}
@media (max-width:512px){
  .home-news__list li,
  .home-notify__list li{grid-template-columns:100%}
  .home-news__list li span,
  .home-notify__list li span{display:none}
}
/* .home-friend{}
.home-friend__title{}
.home-friend__list{}
.home-friend__list a{} */

.footer-wrap{margin-top:50px;background:#f5f5f5;color:#333;border-top:solid 1px #ddd}
.footer-wrap a{color:#333;transition:color .3s}
.footer-wrap a:hover{color:#000}
.footer{padding-top:clamp(23px,3.5vw,40px);padding-bottom:var(--padding-around);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer-text{}
.footer-link{padding-bottom:15px;font-size:15px;display:flex}
.footer-link a{font-size:14px;margin-right:23px}
.footer-contact{}
.footer-contact li{margin:15px 0;display:flex;align-items:center}
.footer-contact li:before{content:'';margin-right:12px;width:20px;height:20px;background:#888;mask-size:100%}
.footer-contact li.phone:before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.footer-contact li.email:before{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.footer-contact li.address:before{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.footer-contact li.whatsapp:before{mask-image:var(--svg-whatsapp);-webkit-mask-image:var(--svg-whatsapp)}
.footer-contact li.wechat:before{mask-image:var(--svg-wechat);-webkit-mask-image:var(--svg-wechat)}
.footer-copyright{margin-top:26px;font-size:12px;}
.footer-qrcode{display:flex;justify-content:space-between}
.footer-qrcode__item{width:110px;text-align:center;margin-left:20px}
.footer-qrcode__item:first-child{margin-left:0}
.footer-qrcode__item img{display:block;width:100%;margin-bottom:9px}
@media (max-width:1024px){
  .footer-wrap{margin-top:30px}
  .footer-text{flex-basis:100%}
  .footer-link{padding-bottom:5px;justify-content:space-between;flex-wrap: wrap;}
  .footer-link a{margin-bottom:9px;flex-basis:20%;font-size:14px;margin-right:0;text-align: center;}
  .footer-qrcode{flex-basis:100%;justify-content:center;margin-top:25px}
}
.page-main{margin:30px auto}
.page-breadcrumb{background:#f9f9f9;padding:15px 0}
.page-title{text-align:center;position:relative;margin:var(--margin-default) 0;padding-bottom:14px}
.page-title:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background:#333}
.page-title span{font-size:var(--font-size-page-title)}
.contact-info{margin-bottom:var(--margin-long);display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:var(--grid-row-gap-short)}
.contact-info__item{background:#f8f8f8;padding:var(--padding-around-long) 12px;border-radius:6px;text-align:center;transition:background-color .3s}
.contact-info__item:hover{background-color:#f0f0f0}
.contact-info__item figure{width:35px;aspect-ratio:1/1;margin:0 auto;background-color:#999;mask-size:100%;-webkit-mask-size:100%}
.contact-info__item figure.address{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.contact-info__item figure.tel{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.contact-info__item figure.wechat{mask-image:var(--svg-wechat);-webkit-mask-image:var(--svg-wechat)}
.contact-info__item figure.qq{mask-image:var(--svg-qq);-webkit-mask-image:var(--svg-qq)}
.contact-info__item figure.email{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.contact-info span{font-size:16px;color:#777}
.contact-info small{font-size:14px;display:block;margin:12px 0;color:#777}
.contact-map{width:100%;height:min(500px,60vw);border:#ccc solid 1px;background-position:center center}
.page-about p{font-size:16px;line-height:1.8;margin-bottom:15px;color:#666}
.page-about p:last-child{margin-bottom:0}
.news-list{}
.news-list__row{padding-left:9px;margin:20px 0;padding-bottom:16px;border-bottom:solid 1px #eee;display:grid;grid-template-columns:calc(100% - 100px) 75px;justify-content:space-between;position:relative}
.news-list__row::before{content:'';position:absolute;left:0;top:7px;width:3px;height:3px;background:#999}
.news-list__row a{font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list__row a:hover{color:var(--color-main)}
.news-list__row span{color:#777;font-size:12px;}
@media (max-width:512px){
  .news-list__row{grid-template-columns:100%}
  .news-list__row span{display:none}
}
.article-list{margin:30px auto}
.article-list__item{border-bottom:solid 1px #eee;padding-bottom:25px;margin-bottom:25px;display:flex;justify-content: space-between;position:relative}
.article-list__img{flex:0 0 190px;height:125px}
.article-list__img img{width:100%;height:100%;object-fit:cover}
.article-list__content{flex:0 0 calc(100% - 215px);width:calc(100% - 215px)}
.article-list__content a{font-size:18px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.article-list__content a:hover{color:#ee0a24}
.article-list__content p{color:#888;margin:15px 0;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article-list__date{color:#999}
@media (max-width:768px) {
  .article-list__content a{font-size:16px}
}
@media (max-width:512px) {
  .article-list__item{flex-wrap: wrap;}
  .article-list__img{flex:0 0 100%;height:56vw}
  .article-list__content{flex:0 0 100%;padding-top:20px}
  .article-list__content p{margin:20px 0}
}
.article-h1{font-size:var(--font-size-detail-title);text-align:center}
.article-meta{margin:var(--margin-default) 0;background:#f8f8f8;padding:6px 9px;text-align:right;font-size:12px;color:#777}
.article-detail p{font-size:var(--font-size-detail-desc);line-height:1.8;margin-bottom:18px;color:#333}
.article-detail img{max-width: 100%;}
.cert-box{}
.cert-form{max-width:700px;margin:0 auto;}
.cert-form__row{margin-bottom:22px;}
.cert-form__row input[type=text]{width:100%;height:50px;border-radius:5px;border:solid 1px #ddd;padding-left:12px;}
.cert-form__row input[type=submit]{width:100%;height:50px;border-radius:5px;border:0;background-color: var(--color-main);color:#fff;}

.cert-result{display:none;max-width:700px;margin:30px auto 0;background-color: #f2f2f2;border-radius:5px;padding:20px;}
.cert-result.visible{display:block;}
.cert-result__title{font-size:18px;margin-bottom:20px;}
.cert-result__list{display:grid;grid-template-columns:49% 49%;justify-content:space-between;row-gap:15px;}
.cert-result__item{padding:10px;background-color: #fff;border:solid 1px #eee;border-radius:5px;cursor:pointer;}
.cert-popup{position:fixed;z-index:-1;opacity:0;text-align:center;padding:30px;width:1000px;border-radius:3px;margin-left:-500px;left:50%;top:20%;background:#fff}
.cert-popup.visible{z-index:930;opacity:1}
.cert-popup__close{position:absolute;top:1px;right:1px;width:40px;height:40px;cursor:pointer;background:var(--svg-close) no-repeat;background-size:100%}
.cert-popup img{width:100%;}
@media (max-width:768px){
  .cert-result__list{grid-template-columns:100%}
  .cert-popup{padding:20px}
}
.cooperate-form{padding:20px;max-width:960px;margin:0 auto;background-color: #f9f9f9;border:solid 1px #eee;border-radius:5px;}
.cooperate-form__row{display:grid;grid-template-columns:80px calc(100% - 80px);row-gap:9px;justify-content:space-between;align-items:center;margin-bottom:20px}
.cooperate-form__row label{font-size:15px;}
.cooperate-form__row input[type=text],
.cooperate-form__row input[type=email]{width:100%;height:40px;border-radius:5px;border:solid 1px #ddd;padding-left:12px;}
.cooperate-form__row textarea{width:100%;height:150px;border-radius:5px;border:solid 1px #ddd;padding:12px;}
.cooperate-form__submit{text-align: center;}
.cooperate-form__submit input[type=submit]{width:200px;height:45px;border-radius:5px;border:0;background-color: var(--color-main);color:#fff;}
@media (max-width:512px){
  .cooperate-form{padding:15px}
  .cooperate-form__row{grid-template-columns:100%;margin-bottom:16px}
  .cooperate-form__submit input[type=submit]{width:100%}
}
.cert-form__tips{text-align:center;font-size:12px;color:#777;margin:15px 0;}