:root{
  --color1:#0798d9;
  --color1-light: #1ba7e7;
  --color1-dark: #0387c2;
  --color2:#8ebb34;
}
.container{margin-left:auto;margin-right:auto}
.container.blank{padding-left:clamp(15px,3vw,80px);padding-right:clamp(15px,3vw,80px)}
.header{padding-top:25px;padding-bottom:25px;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.logo img{max-height:42px;backface-visibility:hidden;display:block}
.nav{display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:12px 25px;position:relative}
.nav__item > a{font-size:17px;transition:color .3s}
.nav__item > a:hover{color:var(--color1)}
.nav__item > a:after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;transform:translateX(-50%);background:#555;transition:width .3s}
.nav__item > a:hover:after,
.nav__item.cur > a:after{width:28px}
.nav__item.icon:after{content:'\e83a';font-size:12px;font-family:iconfont;position:absolute;top:15px;right:5px}
.nav-switch{display:none}
@media (max-width:1280px){
  .nav__item{padding:12px 20px}
  .nav__item > a{font-size:16px}
}
@media (max-width:1024px){
  :root{--header-height:62px}
  body:before{content:'';display:block;height:var(--header-height)}
  .header{padding-top:13px;padding-bottom:12px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:101}
  .logo img{max-height:36px}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background:url("../images/nav-mobile.webp");background-size:cover;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:height .3s}
  .nav[is-open]{overflow:auto;height:calc(100vh - var(--header-height));z-index:11;}
  .nav__item{width:100%;border-bottom:solid 1px #eee;padding:0 10px}
  .nav__item.icon:after{display:none}
  .nav__item > a{font-weight:600;font-size:15px;display:inline-block;padding:13px 0}
  .nav__item > a:after{display:none}
  .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:.3s}
  .nav-switch.open{border-color:#fff}
  .nav-switch.open:before{transform:rotate(45deg)}
  .nav-switch.open:after{transform:rotate(-45deg)}
  .nav-switch-lang{margin-right:15px;width:16px;height:16px;border-radius:100%;font-size:16px;display:flex;justify-content:center;align-items:center}
}
.home-banner{position:relative}
.home-banner__slide{height:700px!important;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1440px){
  .home-banner__slide{height:60vw!important}
}
.home-box{padding-top:clamp(25px,6vw,80px);padding-bottom:clamp(25px,6vw,80px)}
.main-more{text-align:center;margin-top:35px;display:flex;justify-content: center}
.main-more a{background:#fff;border:solid 1px #ddd;color:#333;padding:9px 25px 9px 25px;border-radius:6px;transition:.3s}
.main-more a:hover{background:var(--color1);border-color:var(--color1);color:#fff}
.main-more a:after{content:'\e649';font-family:iconfont}
@media (max-width:768px){
  .main-more{margin-top:25px}
}
@media (max-width:512px){
  .main-more{margin-top:20px}
  .main-more a{font-size:12px}
}
.main-title{text-align:center;margin-bottom:40px;position:relative;z-index:2}
.main-title h3{font-size:clamp(20px, 3vw, 34px);color:#333;font-family:"Poppins", Sans-serif}
.main-title.white h3{color:#fff}
.main-title__line{margin-top:18px;justify-content:center}
.main-title__tips{margin-top:30px;color:#2c3080;font-family:"Muli", Sans-serif;font-size:16px}
.bottom-line{display:flex}
.bottom-line:before,
.bottom-line:after{content:'';background:var(--color1);height:4px}
.bottom-line:before{width:65px}
.bottom-line:after{width:9px;margin-left:9px}
.home-about{background:#f1f1f1;}
.home-about figure{flex:0 0 42%}
.home-about figure img{width:100%;height:100%;object-fit:cover}
.home-about__txt{flex:0 0 53%;;display:flex;align-items:center}
.home-about__title{position:relative;padding-bottom:45px}
.home-about__title strong {font-size:30px;display: block;text-transform:uppercase;margin-bottom:9px}
.home-about__title span{color:#999}
.home-about__title:after{content:'';position:absolute;left:0;bottom:25px;width:50px;height:3px;background:var(--color1)}
.home-about p{line-height:2;font-size:16px;}
.home-about a.more {display:inline-block;background:#fff;border:solid 1px #ccc;padding:8px 30px;border-radius:3px;font-size:12px;margin-top:20px;transition: .3s}
.home-about a.more:hover{background:var(--color1);color:#fff;}
@media (max-width:1280px) {
  .home-about__txt{flex:0 0 54%}
  .home-about h3{font-size:25px}
}
@media (max-width:768px){
  .home-about figure{flex:0 0 100%;height:40vw;overflow: hidden}
  .home-about__txt{flex:0 0 100%;margin-top:25px}
  .home-about__title strong{font-size:20px}
}
@media (max-width:512px) {
  .home-about__title strong:after{bottom:12px}
  .home-about p{font-size:12px}
}
.home-type{padding-top:60px}
.home-type__item{flex:0 0 25%;padding:0 3%;text-align: center;position:relative}
.home-type__item:before{font-size:35px;color:#666;margin:0 auto;font-family: iconfont;width:90px;height:90px;background: #f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.home-type__item:nth-child(1):before{content:'\e768';}
.home-type__item:nth-child(2):before{content:'\e753';}
.home-type__item:nth-child(3):before{content:'\e705';}
.home-type__item:nth-child(4):before{content:'\e799';}
.home-type__item:after{content:'';position:absolute;top:10px;right:0;bottom:10px;width:1px;background: #f0f0f0}
.home-type__item:last-child:after{display:none}
.home-type__item figure{width:100%}
.home-type__item figure img{max-width:30%}
.home-type__item strong{font-size:20px;display:block;margin:20px 0 20px;font-weight:500;}
.home-type__item small{}
.home-type__item p{color:#999;line-height:1.7}
@media (max-width:1024px){
  .home-type{padding-top:40px}
  .home-type__item{flex:0 0 50%}
  .home-type__item:nth-child(2):after{display:none}
  .home-type__item figure img{max-width:25%}
  .home-type__item p{font-size:12px;}
}
@media (max-width:512px){
  .home-type{padding-top:20px}
  .home-type__item{flex:0 0 100%;margin-bottom:30px}
  .home-type__item:after{display: none}
  .home-type__item strong{font-size:15px}
}
.home-service-wrap{background: #f9f9f9}
.home-service{display:grid;grid-template-columns:repeat(2,49%);justify-content:space-between;row-gap: 30px}
.home-service__item{display:grid;grid-template-columns:repeat(2,50%);}
.home-service__img{height:17vw}
.home-service__img img{width:100%;height:100%;object-fit:cover;border-radius:4px 0 0 4px}
.home-service__txt{background: #fff;padding:20px;display:flex;align-items:center;border-radius:0 4px 4px 0}
.home-service.page .home-service__txt{background: #f9f9f9}
.home-service__name{font-size:clamp(18px,3vw,23px)}
.home-service__desc{margin-top:15px;font-size:16px;line-height:1.6;color:#777}
@media (max-width:1440px){
  .home-service__img{height:auto}
}
@media (max-width:1280px){

}
@media (max-width:1024px){
  .home-service{grid-template-columns:100%}
}
@media (max-width:768px){
  .home-service{row-gap:25px}
}
.bottom-contact-wrap{background: url("../images/footer2.webp") center center;background-size: cover;position:relative}
.bottom-contact-wrap:after{content:'';position:absolute;inset:0;z-index:0;background: rgba(0,0,0,.5)}
.bottom-contact-container{max-width:1540px;padding-left:55px;padding-right:55px;margin:0 auto;display:grid;grid-template-columns:repeat(2,48%);justify-content:space-between;position:relative;z-index:2}
.bottom-contact{padding-top:30px}
.bottom-contact__row{display:flex;margin-bottom:30px;}
.bottom-contact__row h5{color:#ddd;font-size:17px}
.bottom-contact__row p{;font-size:22px;color:#fff;margin-top:6px}
.bottom-share{display:flex;margin-top:60px}
.bottom-share a{flex:0 0 26px;height:26px;border-radius:2px;background: #eee;margin-right:15px;display:flex;align-items: center;justify-content: center}
.bottom-share a:last-child{margin-right:0}
.bottom-share a:before{content:'';font-family: iconfont;color:#282828;font-size:16px}
.bottom-share a:nth-child(1):before{content:'\e689'}
.bottom-share a:nth-child(2):before{content:'\e88f'}
.home-feedback__row{margin-top:20px;}
.home-feedback__row label{margin-bottom:9px;display:block;color:#ddd}
.home-feedback__row input[type=text],
.home-feedback__row input[type=email]{width:100%;height:46px;border:solid 1px #ccc;border-radius:3px;padding-left:9px;background: rgba(255,255,255,.8)}
.home-feedback__row textarea{width:100%;height:90px;border:solid 1px #ccc;border-radius:3px;padding:9px;background: rgba(255,255,255,.8)}
.home-feedback__row input[type=submit]{width:100%;height:46px;border:0;border-radius:3px;background:var(--color1);color:#fff}
@media (max-width:1024px){
  .home-cooperate{display:flex;justify-content:center}
}
@media (max-width:768px){
  .bottom-contact-container{padding-left:25px;padding-right:25px;grid-template-columns:100%}
  .bottom-contact{padding-top:0}
  .bottom-contact__row{justify-content: center;text-align:center;}
  .bottom-share{justify-content: center;margin:20px 0 30px}
  .home-feedback__row{margin-top:16px}
  .home-feedback__row label{font-size:14px;margin-bottom:5px}
}
.footer{padding:25px 12px;text-align: center;background: #333;color:#999;line-height:1.6}
.footer a{color:#999;}
.footer-link{text-align: center;margin-bottom:13px;display:flex;justify-content: center;flex-wrap: wrap}
.footer-link a{margin:0 12px}
.page-main,
.article-main{margin-top:25px;margin-bottom:45px}
.page-banner{height:380px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:768px){
  .page-banner{height:35vw}
}
@media (max-width:512px){
  .page-banner{height:39vw}
}
@media (max-width:414px){
  .footer-link a{flex:0 0 50%;margin:0 auto 12px}
}
.page-title{text-align:center;position:relative;margin:40px 0;padding-bottom:15px}
.page-title:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background:#333}
.page-title span{font-size:clamp(22px,3vw,30px);text-transform: uppercase}
.page-title small{display:block;color:#999;font-size:min(16px,3vw);margin-top:9px;text-transform:uppercase}
@media (max-width:1024px){
  .page-title{margin:30px 0 20px}
  .page-title small{margin-top:6px}
}
.page-text{max-width:1200px;margin:0 auto;}
.page-text p{font-size:16px;line-height:1.8;margin:15px 0}
.page-text img{max-width:100%}
.article-content{flex:0 0 calc(100% - 390px); width:calc(100% - 390px)}
.article-h1{font-size:28px;text-align: center;line-height:1.6}
.article-meta{font-size:12px;margin:25px 0;color:#777;border-bottom:solid 1px #f5f5f5;padding-bottom:20px}
.article-meta:empty{padding-bottom:0;}
.article-pv{margin:0 9px}
.article-pv:before{content:'\e74a';font-family: iconfont;margin-right:5px}
.article-detail{font-size:17px;margin-bottom:30px}
.article-detail p{line-height:1.8;margin-bottom:15px}
.article-detail img{max-width:100%}
.article-detail ul,
.article-detail ol{padding-left:12px;margin:16px 0}
.article-detail li{list-style-type:disc;margin:11px 0}
.article-tags{margin:46px 0;text-align: right}
.article-tags span{color:#777;vertical-align:-2px}
.article-tags a{background:var(--color1);color:#fff;padding:4px 6px;margin:0 3px;font-size:12px;border-radius:2px}
.article-tags a:hover{background:#333}
.article-func{margin:30px 0;display:flex;justify-content: center}
.article-like{cursor: pointer}
.article-like span{display:block;text-align: center;color:#777;margin-top:5px}
.article-like:before{font-size:35px;content:'\e722';font-family: iconfont;color:#ddd}
.page-content{max-width:1280px;margin:0 auto;}
.page-h1{font-size:28px;text-align:center;line-height:1.6;padding-bottom:20px;border-bottom:solid 1px #eee;margin-bottom:26px}
.page-detail{font-size:17px;margin-bottom:30px}
.page-detail p{line-height:1.8;margin-bottom:15px}
.page-detail img{max-width:100%}
.page-detail ul,
.page-detail ol{padding-left:12px;margin:16px 0}
.page-detail li{list-style-type:disc;margin:11px 0}
@media (max-width:512px){
  .page-h1{font-size:22px}
}
.contact-page{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:49% 49%;column-gap:2%}
.contact-info{}
.contact-info__title{font-size:27px;text-transform:uppercase;font-weight:700}
.contact-info__row{margin-top:25px}
.contact-info__name{font-size:19px;text-transform:uppercase;letter-spacing:1px}
.contact-info__desc{font-size:16px;margin-top:7px;color:#777;line-height:1.6;font-family:"Raleway", arial, sans-serif}
.feedback{font-family:"Raleway", arial, sans-serif}
.feedback__title{font-size:20px;font-weight:800}
.feedback__name{font-size:25px;padding-bottom:10px;margin:30px 0 20px;content:'';font-weight:300;border-bottom:solid 1px #eee;text-transform:uppercase;color:#555;position:relative}
.feedback__name:before{content:'';width:60px;height:2px;background:var(--color1);position:absolute;bottom:0;left:0}
.feedback__row{margin-bottom:20px;display:grid;grid-template-columns:auto auto;column-gap:2%}
.feedback__row input[type=text],
.feedback__row input[type=email]{border:solid 1px #ddd;background:#fbfbfb;padding:12px;font-family:"Raleway", arial, sans-serif}
.feedback__row textarea{height:110px;grid-area:1/1/2/4;border:solid 1px #ddd;background:#fbfbfb;padding:12px;font-family:"Raleway", arial, sans-serif}
.feedback input[type=submit]{background:var(--color1);color:#fff;border:0;padding:12px 50px;text-transform:uppercase}
@media (max-width:1024px){
  .feedback__row{grid-template-columns:100%;column-gap:0;row-gap:20px}
}
@media (max-width:768px){
  .contact-page{margin-top:20px;grid-template-columns:100%;column-gap:0;row-gap:35px}
}
@media (max-width:512px){
  .contact-info__title{font-size:20px}
  .contact-info__row{margin-top:20px}
  .contact-info__name{font-size:16px}
  .feedback__name{font-size:20px}
  .feedback input[type=submit]{width:100%}
}
.img-list{display:grid;grid-template-columns:repeat(5,19%);justify-content: space-between;row-gap: 25px}
.img-list__box{height:16vw;}
.img-list__box img{width:100%;height:100%;object-fit:cover;border-radius:3px}
@media (max-width:1280px){
  .img-list{grid-template-columns:repeat(4,24%)}
  .img-list__box{height:21vw}
}
@media (max-width:768px){
  .img-list{grid-template-columns:repeat(2,48.5%)}
  .img-list__box{height:40vw}
}
.faq-list{max-width:1280px;margin:0 auto;}
.faq-list__row{padding:15px;display:flex;justify-content: space-between;align-items: center;margin-bottom:15px;border-bottom:solid 1px #eee;background: #fcfcfc}
.faq-list__row:after{content:'\e72f';font-family: iconfont;}
.faq-list__row a{font-size:16px;color:#555;line-height:1.5;}
@media (max-width:512px){
  .faq-list__row:after{display:none}
}