:root{
  --color1:#c30d23;
  --deputy-color:#8ebb34;
}
.container{max-width:1630px}
.header{padding:25px 12px;align-items:center}
.logo{}
.logo img{max-height:70px;backface-visibility:hidden;display:block}
.nav{display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:6px 30px;position:relative}
.nav__item > a{font-size:17px;transition:color .3s}
.nav__item > a:after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;transform:translateX(-50%);background:var(--color1);transition:width .3s}
.nav__item > a:hover,
.nav__item.cur > a{color:var(--color1)}
.nav__item > a:hover:after,
.nav__item.cur > a:after{width:28px}
.head-tel{display:flex;align-items:center}
.head-tel span{font-size:23px;margin-left:8px;color:var(--color1)}
.head-tel span:nth-child(2){color:#333}
.head-tel:before{content:'\e633';font-family:iconfont;font-size:28px;color:#888;}
.nav-switch{display:none}
@media (max-width:1024px){
  .nav__item{padding:6px 20px}
}
@media (max-width:768px){
  :root{--header-height:70px}
  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;background-color:#fff}
  .logo img{max-height:44px}
  .head-tel{position:absolute;top:22px;right:60px}
  .head-tel span{font-size:20px;}
  .head-tel:before{font-size:24px}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background:#fcfcfc;display:block;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 > 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: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}
}
@media (max-width:512px){
  .head-tel{top:24px;right:46px}
  .head-tel span{font-size:16px}
  .head-tel:before{font-size:20px}
}
/*banner*/
.home-banner{position:relative}
.home-banner .swiper-slide{height:620px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.page-banner{height:350px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1280px){
  .home-banner .swiper-slide{height:44vw}
}
@media (max-width:768px){
  .page-banner{height:35vw}
}
@media (max-width:512px){
  .page-banner{height:39vw}
}
/*banner end*/
.service-sort{background:#f9f9f9}
.service-sort__item{flex:0 0 16.6%;padding:30px;position:relative;transition:background-color .3s}
.service-sort__item a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.service-sort__item:nth-child(even){background:#f0f0f0}
.service-sort__item h5{font-size:18px;font-weight:500}
.service-sort__item p{margin-top:6px;color:#777;line-height:1.6}
.service-sort__item:hover{background:var(--color1)}
.service-sort__item:hover h5{color:#fff}
.service-sort__item:hover p{color:#eee}
@media (max-width:1280px){
  .service-sort__item{flex:0 0 33.3%}
}
@media (max-width:1024px){
  .service-sort__item{padding:20px}
}
@media (max-width:768px){
  .service-sort__item h5{font-size:16px}
  .service-sort__item p{font-size:12px}
}
@media (max-width:512px){
  .service-sort__item{flex:0 0 50%;padding:16px}
  .service-sort__item:nth-child(1),
  .service-sort__item:nth-child(4),
  .service-sort__item:nth-child(5){background:#f9f9f9}
  .service-sort__item:nth-child(2),
  .service-sort__item:nth-child(3),
  .service-sort__item:nth-child(6){background:#f0f0f0}
  .service-sort__item h5{font-size:15px}
}
.home-about{height:600px;background:url("../images/home-about.jpg") no-repeat center center;background-size:cover;display:flex;align-items:center}
.home-about .container{flex:0 0 100%}
.home-about__item{flex:0 0 25%;color:#fff;text-align:center}
.home-about__item p{font-size:80px}
.home-about__item small{font-size:34px}
.home-about__item span{font-size:35px;margin-bottom:30px;display:block}
.home-about__item a{display:inline-block;padding:6px 30px;color:#fff;border-radius:20px;border:solid 1px #fff;transition:background-color .3s}
.home-about__item a:hover{background:rgba(255,255,255,.5)}
@media (max-width:1280px){
  .home-about__item{flex:0 0 28%}
}
@media (max-width:1024px){
  .home-about{height:50vw}
  .home-about__item p{font-size:60px}
  .home-about__item small{font-size:26px}
  .home-about__item span{font-size:26px}
}
@media (max-width:768px){
  .home-about__item p{font-size:40px}
  .home-about__item small{font-size:18px}
  .home-about__item span{font-size:18px;margin-bottom:22px}
  .home-about__item a{font-size:12px}
}
@media (max-width:512px){
  .home-about{height:55vw}
  .home-about__item{flex:0 0 30%}
  .home-about__item p{font-size:32px}
  .home-about__item small{font-size:14px}
  .home-about__item span{font-size:14px}
  .home-about__item a{padding:4px 12px}
}
@media (max-width:414px){
  .home-about{height:55vw}
  .home-about__item p{font-size:28px}
  .home-about__item small{font-size:12px}
  .home-about__item span{font-size:12px}
}
.home-title{padding:60px 0 30px}
.home-title__name{flex:0 0 100px;font-size:35px;line-height:1.2;color:var(--color1);letter-spacing:5px;font-weight:600}
.home-title__desc{flex:0 0 calc(100% - 120px)}
.home-title__desc h5{font-size:20px;margin:3px 0 9px}
.home-title__desc p{color:#666;line-height:1.6}
@media (max-width:1280px){
  .home-title{padding:50px 0 30px}
}
@media (max-width:1024px){
  .home-title{padding:40px 0 30px}
  .home-title__desc h5{font-size:18px}
  .home-title__desc p{font-size:12px}
}
@media (max-width:768px){
  .home-title{padding:30px 0 20px}
  .home-title__name{flex:0 0 100%;font-size:23px}
  .home-title__desc{flex:0 0 100%}
  .home-title__desc h5{font-size:16px;margin-top:9px}
}
@media (max-width:512px){
  .home-title__name{font-size:20px}
  .home-title__desc h5{font-size:14px}
}
.home-project{position:relative;margin-bottom:50px}
.home-project__item{border:solid 1px #eee;padding:2px}
.home-project__item figure{height:280px}
.home-project__item figure img{width:100%;height:100%;object-fit:cover}
.home-project__item article{padding:20px;border-top:solid 1px #eee}
.home-project__item h5{font-size:18px;font-weight:500}
.home-project__item p{margin-top:9px;color:#777}
.home-project .swiper-button-prev,
.home-project .swiper-button-next{width:35px;height:35px}
.home-project .swiper-button-prev{left:-43px}
.home-project .swiper-button-next{right:-43px}
.home-project .swiper-button-prev:before,
.home-project .swiper-button-next:before{content:'';width:100%;height:100%;background:#333;border-radius:100%;opacity:.4;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.home-project .swiper-button-prev:hover:before,
.home-project .swiper-button-next:hover:before{opacity:.8}
.home-project .swiper-button-prev:after,
.home-project .swiper-button-next:after{font-size:20px;position:relative;z-index:2;color:#fff}
@media (max-width:1600px){
  .home-project__item figure{height:18vw}
}
@media (max-width:1280px){
  .home-project__item figure{height:17vw}
  .home-project .swiper-button-prev{left:5px}
  .home-project .swiper-button-next{right:5px}
}
@media (max-width:1024px){
  .home-project{margin-bottom:40px}
  .home-project__item figure{height:24vw}
}
@media (max-width:768px){
  .home-project{margin-bottom:30px}
  .home-project__item article{padding:12px}
  .home-project__item h5{font-size:16px}
  .home-project__item p{font-size:12px}
  .home-project .swiper-button-prev{left:15px}
  .home-project .swiper-button-next{right:15px}
}
@media (max-width:512px){
  .home-project__item figure{height:35vw}
}
.home-culture{height:600px;background:url("../images/home-culture.jpg?a=1") no-repeat center center;background-size:cover;display:flex;align-items:center}
.home-culture_txt{max-width:1600px;padding-left:200px;margin:0 auto}
.home-culture__name{flex:0 0 220px;font-size:48px;color:var(--color1);font-weight:600}
.home-culture__desc{flex:1}
.home-culture__desc span{font-size:48px;color:#fff;font-weight:100}
.home-culture__desc p{margin-top:9px;font-size:16px;color:#eee;font-weight:100}
.home-culture__desc p:nth-child(2){margin-bottom:40px}
.home-map{height:300px}
.content-map{height:300px}
@media (max-width:1600px){
  .home-culture_txt{padding:0 50px;margin:0 auto}
}
@media (max-width:1280px){
  .home-culture__name{flex:0 0 200px;font-size:40px}
  .home-culture__desc span{font-size:40px}
}
@media (max-width:1024px){
  .home-culture{height:50vw}
  .home-culture__name{flex:0 0 150px;font-size:32px}
  .home-culture__desc span{font-size:32px}
}
@media (max-width:768px){
  .home-culture{height:auto;padding:30px}
  .home-culture_txt{padding:0}
  .home-culture__name{flex:0 0 100%;font-size:25px}
  .home-culture__desc{flex:0 0 100%;margin-top:12px}
  .home-culture__desc span{font-size:20px}
  .home-culture__desc p{font-size:14px}
  .home-culture__desc p:nth-child(2){margin-bottom:20px}
}
@media (max-width:512px){
  .home-culture__name{font-size:20px}
  .home-culture__desc span{font-size:17px}
  .home-culture__desc p{font-size:12px}
}
/*footer*/
.footer{background:#151515;padding-top:40px;;color:#999}
.footer a{color:#999}
.footer-text{flex-basis:70%}
.footer-link{padding-bottom:20px;font-size:15px;display:flex}
.footer-link a{margin-right:23px}
.footer-contact{}
.footer-contact li{padding:5px 0}
.footer-contact li:before{content:'';font-family:iconfont;font-size:16px;color:#aaa;margin-right:12px}
.footer-contact li:nth-child(1):before{content:'\e634'}
.footer-contact li:nth-child(2):before{content:'\e633'}
.footer-contact li:nth-child(3):before{content:'\e620'}
.footer-contact li:nth-child(4):before{content:'\e636'}
.footer-qrcode{margin-top:20px}
.footer-qrcode__item{text-align:center;margin-left:20px}
.footer-qrcode__item img{display:block;width:100px;margin-bottom:9px}
.footer-qrcode__item span{}
.copyright{background:#111;margin-top:18px;border-top:solid 1px #333;padding:10px 0;text-align:center;color:#999;font-size:12px}
.copyright a{color:#999}
@media (max-width:768px){
  .footer{padding-top:25px;padding-bottom:15px}
  .footer-text{flex-basis:100%}
  .footer-link{justify-content:space-between}
  .footer-link a{margin-right:0}
  .footer-qrcode{display:none}
  .footer-text .link{word-spacing:5px;font-size:14px}
}
@media (max-width:512px){
  .footer{padding-bottom:10px}
  .footer-text{font-size:12px;padding-bottom:10px}
  .footer-link{padding-bottom:10px;font-size:12px}
  .copyright{margin-top:5px}
}
/*footer end*/
.page-banner{height:350px;background-repeat:no-repeat;background-position:center center;background-size:cover}
@media (max-width:768px){
  .page-banner{height:35vw}
}
.page-main{margin-bottom:40px}
.page-nav{background:#f5f5f5}
.page-nav .container{align-items:center;padding:20px 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:30px}
.page-title small{display:block;color:#999;font-size:16px;margin-top:9px;text-transform:uppercase}
@media (max-width:1024px){
  .page-title{text-align:center;position:relative;margin:30px 0 20px;padding-bottom:13px}
  .page-title span{font-size:23px}
  .page-title small{font-size:14px}
}
@media (max-width:512px) {
  .page-title span{font-size:18px}
  .page-title small{font-size:12px;margin-top:5px}
}
.page-text p{font-size:17px;line-height:2;margin-bottom:12px}
.page-text img{max-width:100%}
.case-list {margin-top:30px}
.case-list__item{flex:0 0 23.5%;width:23.5%;box-shadow:0 5px 15px rgba(0,0,0,0.1);padding:4px;margin-bottom:28px;border-radius:4px;cursor:pointer;position:relative}
/*.case-list__item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}*/
.case-list__item:hover{box-shadow:0 5px 15px rgba(0,51,153,0.5);transition:.3s}
.case-list__item:empty{box-shadow:none;margin-bottom:0}
.case-list__item:empty:hover{box-shadow:none}
.case-list__item figure{height:260px}
.case-list__item figure img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.case-list__item article{text-align:center;padding:20px 9px}
.case-list__item article span{font-size:18px;font-weight:500;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case-list__item article a:hover{color:var(--color1)}
.case-list__item p{margin-top:9px;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:1400px){
  .case-list__item figure{height:18vw}
}
@media (max-width:1200px){
  .case-list__item article span{font-size:16px}
}
@media (max-width:1024px){
  .case-list__item{flex:0 0 48%;width:48%;margin-bottom:20px}
  .case-list__item figure{height:36vw}
}
@media (max-width:512px){
  .case-list__item article{padding:12px 9px}
  .case-list__item article span{font-size:15px}
  .case-list__item p{font-size:12px}
}
.solution-title{font-size:35px;padding-bottom:15px;margin:50px 0 30px;border-bottom:solid 1px #ccc;display:flex;justify-content:space-between;align-items:center}
.solution-title h3{font-weight:500}
.solution-title span{text-transform:uppercase;font-weight:100}
.solution-desc{}
.solution-desc p{font-size:24px;margin-bottom:15px;line-height:1.7}
.solution-business{padding:20px 20px 50px;text-align:center}
.solution-business img{max-width:60%}
.solution-design__grid{flex:0 0 32.5%;height:290px;margin-bottom:20px}
.solution-design__grid img{width:100%;height:100%;object-fit:cover}
.solution-activity{}
.solution-activity__grid{flex:0 0 49%}
.solution-activity__grid img{width:100%;height:100%;object-fit:cover}
.solution-partner{border-bottom:solid 1px #7e7e7c;border-left:solid 1px #7e7e7c}
.solution-partner__grid{flex:0 0 25%;border-top:solid 1px #7e7e7c;border-right:solid 1px #7e7e7c}
.solution-partner__grid img{width:100%;height:100%;object-fit:cover}
@media (max-width:1440px){
  .solution-design__grid{height:20vw}
}
@media (max-width:1024px){
  .solution-title{font-size:25px;margin:40px 0 30px}
  .solution-desc p{font-size:18px}
  .solution-business img{max-width:70%}
}
@media (max-width:768px){
  .solution-title{font-size:20px;margin:30px 0 20px}
  .solution-desc p{font-size:16px}
  .solution-design__grid{flex:0 0 49%;height:30vw}
  .solution-partner__grid{flex:0 0 50%}
}
@media (max-width:512px){
  .solution-title{margin:20px 0}
  .solution-business{padding:10px 20px 30px}
  .solution-business img{max-width:90%}
  .solution-activity__grid{flex:0 0 100%;margin-bottom:20px}
}
.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}
}