:root{
  --color1:#063d75;
  --color2:#124f8f;
  --color2-light:#3686e8;
  --color2-dark:#1268d2;
  --color3:#8ebb34;
}
@font-face {
  font-family:'Muli';
  src:url('../fonts/Muli.woff2') format('woff2');
}
.container{max-width:1250px;margin-left:auto;margin-right:auto}
.container.blank{padding-left:15px;padding-right:15px}
.header-wrap{position:fixed;top:0;right:0;width:100%;padding:25px 12px;z-index:101}
.header-wrap.bg{background:var(--color2);box-shadow:0 0 42px 0 rgba(0, 0, 0, 0.08)}
.header{display:flex;justify-content:space-between;align-items:center}
.logo img{max-height:40px;backface-visibility:hidden;display:block}
.nav{display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:12px 30px;position:relative}
.nav__item > a{font-size:16px;transition:color .3s;color:#fff}
.nav__item > a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;transform:translateX(-50%);background:#fff;transition:width .3s}
.nav__item > a:hover:after,
.nav__item.cur > a:after{width:28px}
.nav-switch{display:none}
.page-head-block{height:96px;background:var(--color1)}
@media (max-width:768px){
  :root{--header-height:65px}
  .header-wrap{padding:15px;background:rgba(0,0,0,0.1)}
  .logo img{max-height:35px}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background:#fcfcfc;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{color:var(--color1);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 #fff;border-bottom:solid 2px #fff;transition:.4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background:#fff;transition:.3s}
  .nav-switch.open{border-color:transparent}
  .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}
  .page-head-block{height:var(--header-height)}
}
.footer{padding-top:50px;background:#333;color:#fff}
.foot-title{}
.foot-title strong{font-size:20px}
.foot-title span{color:#aaa;font-weight:600;margin-left:5px}
.foot-basic{padding-right:120px;display:flex;align-items:center}
.foot-logo{width:280px;padding-left:9px;font-size:32px;margin-bottom:25px;text-align:center}
.foot-tel{width:280px;height:52px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.foot-tel strong{font-size:18px}
.foot-tel:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:var(--color2);transform:skewX(-25deg)}
.foot-tel:after{content:'';width:100%;height:100%;position:absolute;top:3px;left:3px;z-index:-2;background:#eee;transform:skewX(-25deg)}
.foot-contact{flex:1;padding-left:120px;position:relative}
.foot-contact:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#555}
.foot-contact:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#555}
.foot-contact__row{margin-top:15px;color:#bbb}
.foot-qrcode{padding-left:120px;display:flex;justify-content:flex-end}
.foot-qrcode{}
.foot-qrcode__img{margin-top:15px}
.foot-qrcode__img img{max-width:120px}
.foot-copyright{margin-top:40px;text-align:center;padding:12px;background:#222;color:#999;font-size:12px}
.foot-copyright a{color:#999}
@media (max-width:1280px){
  .foot-basic{padding-right:100px}
  .foot-contact{padding-left:100px}
  .foot-qrcode{padding-left:100px}
  .foot-logo{width:250px;font-size:28px}
  .foot-tel{width:250px;height:50px}
}
@media (max-width:1024px){
  .footer{padding-top:40px}
  .foot-basic{padding-right:50px}
  .foot-contact{padding-left:30px}
  .foot-qrcode{padding-left:40px}
  .foot-logo{font-size:25px}
}
@media (max-width:768px){
  .foot-basic{flex:0 0 100%;padding-right:0;justify-content:center}
  .foot-contact{flex:0 0 100%;padding-left:0;margin:35px 0;text-align:center}
  .foot-contact:before,
  .foot-contact:after{display:none}
  .foot-qrcode{flex:0 0 100%;padding-left:0;justify-content:center}
}
@media (max-width:512px){
  .footer{padding-top:25px}
  .foot-title strong{font-size:17px}
  .foot-logo{font-size:23px;margin-bottom:20px}
  .foot-tel{height:46px}
  .foot-copyright{margin-top:20px}
}
.home-banner{padding-top:120px;background:var(--color1);min-height:100vh;position:relative;display:flex;align-items:center}
.home-banner__container{flex:1;height:100%;display:flex;align-items:center}
.home-banner__output{width:100%;height:100%;opacity:.1;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.home-banner__content{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:2}
.home-banner__txt{flex:0 0 52%}
.home-banner__img{flex:0 0 44%;height:500px}
.home-banner__img img{width:100%;clip-path:url(#svgPathvc_img_65fcf3f79730d455)}
.home-banner__content h3{font-size:50px;font-weight:bold;font-style:normal;color:#ffffff}
.home-banner__content p{font-size:16px;margin-top:20px;line-height:30px;color:rgb(209, 213, 216)}
.home-box{padding-top:clamp(25px,6vw,80px);padding-bottom:clamp(25px,6vw,80px)}
@media (max-width:1280px){
  .home-banner__img{height:41vw}
  .home-banner__content h3{font-size:40px}
}
@media (max-width:1024px){
  .home-banner__content h3{font-size:30px}
}
@media (max-width:768px){
  .home-banner{padding:120px 20px 40px;min-height:auto}
  .home-banner__txt{flex:0 0 100%}
  .home-banner__content h3{font-size:23px}
  .home-banner__content p{margin-top:15px;letter-spacing:1px;line-height:1.8}
  .home-banner__img{flex:0 0 100%;margin-top:20px;height:auto;text-align:center}
  .home-banner__img img{width:400px}
}
@media (max-width:512px){
  .home-banner{padding:100px 20px 40px}
  .home-banner__content h3{font-size:20px}
  .home-banner__img img{width:350px}
}
@media (max-width:414px){
  .home-banner__img img{width:100%}
}
.main-more{text-align:center;margin-top:35px}
.main-more a{display:inline-block;background:#1181ef;color:#fff;padding:9px 20px 9px 25px;border-radius:18px;transition:background-color .3s}
.main-more a:hover{background:#0971d9}
.main-more a:after{content:'\e649';font-family:iconfont;margin-left:5px}
@media (max-width:768px){
  .main-more{margin-top:25px}
}
@media (max-width:512px){
  .main-more{margin-top:20px}
  .main-more a{font-size:12px}
}
.page-banner{height:350px;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}
}
.home-title{margin-bottom:30px}
.home-title.center{text-align:center}
.home-title h2{margin-top:5px;font-size:clamp(22px, 3vw, 38px);color:#3f3a64;text-transform:uppercase}
.home-title p{font-size:20px;font-weight:bold;font-style:normal;color:#3f3d56}
@media (max-width:768px){
  .home-title{margin-bottom:20px;text-align:center}
  .home-title p{font-size:16px}
}
.home-about{display:grid;grid-template-columns:auto 480px;column-gap:120px}
.home-about__txt{display:flex;align-items:center;justify-content:center}
.home-about__desc{font-size:18px;line-height:1.8;text-align:justify}
.home-about__img{padding:30px 0}
.home-about__img {text-align:center}
.home-about__img img{width:100%}
@media (max-width:1280px){
  .home-about{column-gap:60px}
}
@media (max-width:1024px){
  .home-about{grid-template-columns:auto 380px}
}
@media (max-width:768px){
  .home-about{display:grid;grid-template-columns:100%;column-gap:0;row-gap:30px}
  .home-about__desc{font-size:14px;letter-spacing:1px}
  .home-about__img{padding:0}
  .home-about__img img{width:80%}
}
.home-service-wrap{background:#f9f9f9}
.home-service{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:2.5%}
.home-service__item{background:#fff;border-radius:15px;padding:40px;text-align:center}
.home-service__item:before{content:''}
.home-service__name{font-size:18px;font-family:"Microsoft YaHei";margin:20px 0}
.home-service__desc{font-weight:100;color:#777;line-height:1.6}
@media (max-width:1024px){
  .home-service__item{padding:30px}
}
@media (max-width:768px){
  .home-service{margin-top:30px;grid-template-columns:100%;column-gap:0;row-gap:20px}
  .home-service__item{padding:20px}
}
@media (max-width:512px){
  .home-service{margin-top:20px}
}
.home-ad-wrap{padding:85px 0;background:url("../images/home-ad.jpg") no-repeat center center;position:relative}
.home-ad-wrap:before{content:'';background:rgba(0,0,0,0.6);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.home-ad{position:relative;z-index:2;display:grid;grid-template-columns:36% 60%;column-gap:4%;align-items:center}
.home-ad__txt{}
.home-ad__name{font-size:clamp(22px, 3vw, 38px);color:#fff;font-family:"Microsoft YaHei";font-weight:600}
.home-ad__desc{margin-top:20px;font-size:16px;color:#eee;line-height:2;letter-spacing:1px}
.home-ad__data{display:flex}
.home-ad__data__item{flex:0 0 33%;color:#fff;text-align:center}
.home-ad__data__item:before{font-size:30px;font-family:iconfont;display:block}
.home-ad__data__item:nth-child(1):before{content:'\e7b1'}
.home-ad__data__item:nth-child(2):before{content:'\e62d'}
.home-ad__data__item:nth-child(3):before{content:'\e60f'}
.home-ad__data__item h5{margin:10px 0 10px;font-size:46px}
.home-ad__data__item p{font-size:18px}
@media (max-width:1024px){
  .home-ad__data__item h5{font-size:36px}
  .home-ad__data__item p{font-size:16px}
}
@media (max-width:768px){
  .home-ad{grid-template-columns:100%;column-gap:0;row-gap:30px}
  .home-ad__txt{text-align:center}
  .home-ad__data__item h5{font-size:30px}
  .home-ad__data__item p{font-size:14px}
}
@media (max-width:512px){
  .home-ad__data__item:before{font-size:25px}
  .home-ad__data__item h5{font-size:25px}
}
.home-team-wrap{background:#f4f7fc}
.home-team{background:#fff;border-radius:15px;padding:30px;text-align:center}
.home-team__avatar{margin:0 auto;width:120px;height:120px;padding:1px;border:solid 1px #eee;border-radius:50%}
.home-team__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.home-team__name{margin:20px 0;font-size:25px}
.home-team__desc{line-height:1.8;color:#777}
@media (max-width:512px){
  .home-team{padding:20px}
  .home-team__name{font-size:20px}
}

.page-main{margin-bottom:min(35px,9vw)}
.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)}
.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 h3{margin:20px 0;font-family:"Microsoft YaHei"}
.page-text p{font-size:15px;line-height:1.8;margin-bottom:12px}
.page-text img{max-width:100%}
.contact-info{margin:25px 0;border-bottom:solid 1px #eee;border-left:solid 1px #eee}
.contact-info__item{flex:0 0 33.3%;padding:50px 12px;border-top:solid 1px #eee;border-right:solid 1px #eee;text-align:center}
.contact-info__item:before{font-size:35px;font-family:iconfont;width:90px;height:90px;margin:0 auto;border-radius:100%;background:#f1f1f1;display:flex;align-items:center;justify-content:center;color:#666}
.contact-info__item.address:before{content:'\e637'}
.contact-info__item.tel:before{content:'\e636'}
.contact-info__item.email:before{content:'\e620'}
.contact-info__item small{color:#777;display:block;margin:30px 0 15px}
.contact-info__item span{font-size:16px}
.content-map{margin:25px 0;height:500px;border:#ccc solid 1px}
@media (max-width:768px){
  .contact-info__item{flex:0 0 100%;padding:30px 12px}
  .contact-info__item:before{font-size:30px;width:70px;height:70px}
}
@media (max-width:512px){
  .contact-info{margin:20px 0}
  .contact-info__item{padding:30px 12px}
  .contact-info__item small{margin:20px 0 15px}
  .content-map{margin:20px 0;height:350px}
}
.business-list__item{margin-bottom:30px;padding:20px;box-shadow:3px 3px 5px 1px rgba(0,0,0,.1);background:#fff;display:grid;grid-template-columns:300px auto;column-gap:30px}
.business-list__item:hover{box-shadow:3px 3px 8px 1px rgba(0,0,0,.2)}
.business-list__item figure{background:#fcfcfc;display:flex;align-items:center;justify-content:center;text-align:center}
.business-list__name{font-size:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Montserrat}
.business-list__name a:hover{color:var(--color1)}
.business-list__desc{margin:20px 0;line-height:1.8;font-family:Montserrat}
.business-list__more{}
.business-list__more a{display:inline-block;padding:6px 35px;border:solid 1px #ddd}
.business-list__more a:hover{background:var(--color1);color:#fff}
@media (max-width:1024px){
  .business-list__item{grid-template-columns:200px auto;column-gap:25px}
  .business-list__item figure img{max-width:90px}
}
@media (max-width:768px){
  .business-list__item{grid-template-columns:100%;column-gap:0;row-gap:20px}
  .business-list__item figure{padding:20px 0}
}
@media (max-width:512px){
  .business-list__item{margin-bottom:20px}
  .business-list__item figure{}
  .business-list__item article{}
  .business-list__name{font-size:20px}
  .business-list__desc{margin:12px 0}
  .business-list__more a{font-size:12px;padding:4px 25px}
}
.feedback-top{margin-bottom:40px;font-size:16px;color:#888;text-align:center}
.feedback-wrap{padding:20px 0 70px;background:#f9f9f9}
.feedback{display:grid;grid-template-columns:auto auto;column-gap:2%;row-gap:20px}
.feedback-row{font-family:"Muli"}
.feedback-row label{margin-bottom:9px;display:block;font-family:'Microsoft YaHei';color:#666}
.feedback-row label.required:after{content:'*';color:#ee0a24}
.feedback-row input[type=text],
.feedback-row input[type=email]{width:100%;height:50px;padding-left:9px;border:solid 1px #eee;font-family:"Muli"}
.feedback-row.textarea{grid-area:2/1/3/3}
.feedback-row textarea{width:100%;height:100px;padding:9px;border:solid 1px #eee}
.feedback-row.submit{grid-area:3/1/4/3}
.feedback-row input[type=submit]{width:150px;height:40px;color:#fff;background:var(--color1);cursor:pointer;display:block;margin:0 auto}
@media (max-width:768px){
  .feedback-wrap{padding:5px 0 30px;background:#f9f9f9}
  .feedback{grid-template-columns:100%;column-gap:0}
  .feedback-row.textarea{grid-area:auto}
}
.article-h1{margin:30px 0 22px;text-align:center}
.article-meta{font-size:12px;text-align:right;padding:5px;background:#fbfbfb;margin:22px 0;color:#777}
.article-detail p{line-height:1.8;margin-bottom:12px}
.article-detail img{max-width:100%}
.article-detail ul{padding-left:12px;margin:16px 0}
.article-detail li{list-style-type:disc;margin:11px 0;}
.detail-neighbor{margin:50px 0;border-top:solid 1px #ddd;padding-top:12px;justify-content:space-between}
.detail-neighbor div{color:#777}
.detail-neighbor a:hover{text-decoration:underline}
@media (max-width:768px){
  .article-detail h1{margin-top:20px;font-size:17px}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px}
}