:root{
  --main-color:#2b2b2b;
  --deputy-color:#8ebb34;
}
.ui-breadcrumb{margin:15px 0}
.ui-pagination{margin:30px 0;justify-content:center}
.container{max-width:1100px}
/*header*/
.header{padding-top:30px;padding-bottom:30px;background:#2b2b2b}
.header-wrap{align-items:center;justify-content:space-between}
.logo img{max-height:42px;backface-visibility:hidden;display:block}
.nav{flex-grow:2;display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:0 30px;position:relative}
.nav__item > a{color:#a8a8a8;font-size:14px;transition:color .3s}
.nav__item.cur > a,
.nav__item > a:hover{color:#fff}
.nav__extend{z-index:-10;opacity:0;position:absolute;top:130%;left:0;width:100%;padding:8px 0;border:solid 1px #ddd;border-radius:3px;box-shadow:0 2px 5px 1px rgba(0,0,0,.05);background:#fff;transition:all .1s ease 0s}
.nav__extend a{display:block;text-align:center;padding:5px 0}
.nav__extend a:hover{background:#f9f9f9}
.nav__item:hover .nav__extend{top:100%;z-index:101;opacity:1;transition:all .3s ease .1s}
.nav-switch{display:none}

@media (max-width:1024px){
  .logo img{max-height:36px}
}
@media (max-width:768px){
  :root{--header-height:58px}
  body:before{content:'';display:block;height:var(--header-height)}
  .header{padding-top:20px;padding-bottom:20px;position:fixed;top:0;right:0;width:100%;z-index:101}
  .logo img{max-height:32px}
  .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;margin-top:15px;padding:0 10px 12px}
  .nav__item > a{font-size:15px;color:#333}
  .nav__item.cur > a,
  .nav__item > a:hover{color:#000}
  .nav-switch{display:flex;width:22px;height:16px;;position:relative;border-top:solid 2px #eee;border-bottom:solid 2px #eee;transition:.4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background:#eee;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}
}
/*header end*/

/*banner*/
.home-banner{position:relative;background-repeat:no-repeat;background-position:center 0;background-size:cover;display:flex;justify-content:center;align-items:center}
.home-banner .swiper-slide{height:700px;background-repeat:no-repeat;background-position:center 0;background-size:cover;display:flex;align-items:center;justify-content:center;}
@media (max-width:1280px){
  .home-banner .swiper-slide{height:43vw}
}
.home-banner article{text-align:center;color:#fff}
.home-banner__title{font-size:42px;font-weight:600}
.home-banner__desc{font-size:23px;margin:19px 0 70px}
.home-banner__btn{display:block;margin:0 auto;width:140px;line-height:37px;border:solid 1px #fff;transition:.3s}
.home-banner__btn a{color:#fff}
.home-banner__btn:hover{background:var(--main-color);border:solid 1px var(--main-color)}
.about-banner{height:260px;background:no-repeat center 0;background-size:cover;display:flex;align-items:center}
.about-banner article{flex:0 0 1000px;padding:0 12px;margin:0 auto;position:relative}
.about-banner article p{font-size:35px;font-weight:600;color:#789ded;position:relative;z-index:2}
.about-banner article span{font-size:35px;position:absolute;bottom:-20px;color:#fff;text-transform:uppercase;font-weight:600}
.about-banner.cloud-banner{height:300px}
.about-banner.cloud-banner article p{color:#fff}
.about-banner.cloud-banner article span{color:#5b90aa}
.advantage-banner{height:400px;background:no-repeat center 0;background-size:cover;display:flex;align-items:center}
.advantage-banner article{flex:0 0 100%;padding:0 12px;color:#fff;text-align:center}
.advantage-banner h4{font-size:40px}
.advantage-banner p{font-size:20px;margin-top:15px}
@media (max-width:1400px){
  .home-banner{height:40vw}
  .advantage-banner{height:30vw}
}
@media (max-width:1024px){
  .home-banner__title{font-size:35px}
  .home-banner__desc{font-size:20px;margin:19px 0 50px}
  .about-banner{height:27vw}
  .about-banner article{flex:0 0 100%}
  .about-banner.cloud-banner{height:32vw}
  .advantage-banner{height:33vw}
  .advantage-banner h4{font-size:35px}
  .advantage-banner p{font-size:18px}
}
@media (max-width:768px){
  .home-banner__title{font-size:30px}
  .home-banner__desc{font-size:18px;margin:19px 0 30px}
  .about-banner{height:32vw}
  .about-banner article{flex:0 0 100%}
  .about-banner article p,
  .about-banner article span{font-size:30px}
  .about-banner.cloud-banner{height:35vw}
  .advantage-banner{height:35vw}
  .advantage-banner h4{font-size:30px}
  .advantage-banner p{font-size:17px}
}
@media (max-width:512px){
  .home-banner{height:45vw}
  .home-banner__title{font-size:22px}
  .home-banner__desc{font-size:16px;margin:12px 0 20px}
  .home-banner__btn{width:120px;line-height:30px}
  .about-banner{height:35vw}
  .about-banner article p,
  .about-banner article span{font-size:20px}
  .about-banner.cloud-banner{height:42vw}
  .advantage-banner{height:40vw}
  .advantage-banner h4{font-size:23px}
  .advantage-banner p{font-size:14px;margin-top:10px}
}
@media (max-width:360px){
  .home-banner{height:48vw}
  .home-banner__title{font-size:18px}
  .home-banner__desc{font-size:12px}
  .home-banner__btn{width:100px;font-size:12px}
  .about-banner{height:38vw}
  .about-banner article p,
  .about-banner article span{font-size:17px}
  .about-banner.cloud-banner{height:45vw}
  .advantage-banner{height:40vw}
  .advantage-banner{height:50vw}
  .advantage-banner h4{font-size:20px}
  .advantage-banner p{font-size:12px}
}
/*banner end*/
.main-title{padding:66px 0 35px;text-align:center}
.main-title h3{font-size:25px}
.main-title p{font-size:15px;color:#999;margin-top:15px}
.title-2{text-align:center;margin-bottom:30px;padding-bottom:25px;position:relative}
.title-2:after{content:'';margin-left:-20px;width:40px;height:2px;background:#ddd;position:absolute;bottom:0;left:50%}
.title-2 h3{color:#fff;font-size:25px;font-weight:500}
.title-2 p{color:#999;margin-top:15px;font-weight:600}
@media (max-width:1024px){
  .main-title{padding:46px 0 30px}
  .main-title h3,
  .title-2 h3{font-size:22px}
}
@media (max-width:768px){
  .main-title{padding:35px 0 25px}
  .main-title p{font-size:14px}
  .main-title h3,
  .title-2 h3{font-size:20px}
  .title-2{margin-bottom:20px;padding-bottom:20px}
}
@media (max-width:512px){
  .main-title h3,
  .title-2 h3{font-size:18px}
  .main-title p,
  .title-2 p{font-size:12px;margin-top:12px}
}
/*home*/
.home-ad{height:450px;background:url("../images/home-ad.jpg") no-repeat center 0;background-size:100%}
.home-ad-box{padding:0 50px;max-width:920px;height:132px;margin:0 auto;background:linear-gradient(to right, #fff, #fff, #f7f7f7);;box-shadow:0 15px 25px 10px rgba(0,0,0,.1);align-items:center}
.home-ad__logo{flex:0 0 20%;text-align:center}
.home-ad__logo img{max-height:55px}
@media (max-width:1280px){
  .home-ad{height:35vw}
}
@media (max-width:1024px){
  .home-ad{height:40vw}
}
@media (max-width:768px){
  .home-ad{height:55vw;background-size:auto 100%}
  .home-ad-box{padding:20px 20px 0 20px;height:auto;border-radius:4px}
  .home-ad__logo{flex:0 0 35%;margin-bottom:20px}
  .home-ad__logo img{max-height:8vw}
}
@media (max-width:512px){
  .home-ad{height:66vw}
}
@media (max-width:360px){
  .home-ad{height:75vw}
}
.home-wechat{background:#f1f1f1}
.home-wechat__content {margin-top:15px;text-align:center}
.home-wechat__content img{max-width:100%}
.home-brand-list{max-width:920px;margin:20px auto 50px}
.home-brand__item{flex:0 0 180px;margin-bottom:20px}
.home-brand__item figure{height:180px}
.home-brand__item figure img{width:100%;height:100%}
.home-brand__item article{margin-top:12px;text-align:center;color:#999}
@media (max-width:1024px){
  .home-brand-list{margin:20px auto 40px;padding:0 12px}
  .home-brand__item{flex:0 0 24%}
  .home-brand__item figure{height:23vw}
}
@media (max-width:512px){
  .home-brand-list{margin:20px auto 30px}
  .home-brand__item{flex:0 0 46%}
  .home-brand__item figure{height:44vw}
}
.home-elevator{height:700px;background:url("../images/home-elevator.jpg") no-repeat center 0;background-size:100% 100%;display:flex;align-items:center;justify-content:center}
.home-elevator__text{text-align:center}
.home-elevator__text img{max-width:100%}
@media (max-width:1440px){
  .home-elevator{height:50vw}
}
@media (max-width:1024px){

}
@media (max-width:768px){
  .home-elevator__text img{max-width:40vw}
}
@media (max-width:512px){
  .home-elevator{height:60vw}
}
.back-top{padding:36px 0;background:#f1f1f1;text-align:center}
.back-top button{font-size:16px;display:inline-block;padding:9px 40px;border:solid 1px #aaa;cursor:pointer;transition:.3s}
.back-top button:hover{background:#333;color:#fff;border:solid 1px #333}
@media (max-width:512px){
  .back-top{padding:26px 0}
  .back-top button{font-size:13px;padding:7px 30px}
}
/*home end*/
/*footer*/
.footer{height:230px;padding:50px 12px;background:#1e1e1e url("../images/footer.jpg") no-repeat center 0;background-size:auto 100%;text-align:center}
.footer-logo{font-size:20px;margin-bottom:30px;color:#a8a8a8;font-weight:600}
.footer-nav{display:flex;justify-content:center}
.footer-nav a{padding:3px 26px;letter-spacing:2px;color:#a8a8a8;position:relative}
.footer-nav a:before{content:'';width:1px;height:11px;background:#a8a8a8;position:absolute;top:7px;left:0}
.footer-nav a:last-child:after{content:'';width:1px;height:11px;background:#a8a8a8;position:absolute;top:7px;right:0}
.footer-txt{font-size:12px;margin-top:6px;letter-spacing:2px;color:#666565}
@media (max-width:512px){
  .footer{height:40vw;padding:30px 12px 0}
  .footer-logo{font-size:17px;margin-bottom:15px}
  .footer-nav a{padding:3px 10px}
}
/*关于我们*/
.page-about-list{}
.page-about__item{flex:0 0 19%;text-align:center}
.page-about__item img{height:88px}
.page-about__item strong{font-size:16px;display:block;margin:15px auto 0}
.page-about__text{margin:35px 0 0;text-align:center;color:#999}
@media (max-width:1024px){
  .page-about__item img{height:10vw}
  .page-about__item strong{font-size:14px}
}
@media (max-width:512px){
  .page-about__item:nth-child(1){flex:0 0 45%;padding-left:10vw;margin-bottom:20px}
  .page-about__item:nth-child(2){flex:0 0 45%;padding-right:10vw;margin-bottom:20px}
  .page-about__item:nth-child(3){flex:0 0 30%}
  .page-about__item:nth-child(4){flex:0 0 30%}
  .page-about__item:nth-child(5){flex:0 0 30%}
}
.page-idea{height:1450px}
.page-idea-wrap{margin-top:30px;position:relative}
.page-idea__info{}
.page-idea__info article{margin-top:60px}
.page-idea__info strong{}
.page-idea__info span{font-size:13px;margin-top:3px;display:block;color:#999;text-transform:uppercase}
.page-idea__box{position:absolute;width:680px;display:flex;justify-content:space-between}
.page-idea__box:nth-child(2){top:0;right:0;z-index:9}
.page-idea__box:nth-child(3){top:290px;right:210px;z-index:8}
.page-idea__box:nth-child(4){top:580px;right:420px;z-index:7}
.page-idea__box:nth-child(5){top:870px;right:210px;z-index:6}
.page-idea__box figure{flex:0 0 260px;height:330px;position:relative}
.page-idea__box figure:before{content:'';position:absolute;top:80px;right:-40px;width:90px;height:8px;background:#ddd}
.page-idea__box figure img{width:100%;height:100%;object-fit:cover}
.page-idea__box article{flex:0 0 310px;margin-top:80px}
.page-idea__box article h4{font-size:16px}
.page-idea__box article p{margin-top:9px;font-size:16px;color:#999;line-height:1.7}
@media (max-width:1280px){
  .page-idea__box:nth-child(3){right:180px}
  .page-idea__box:nth-child(4){right:360px}
  .page-idea__box:nth-child(5){right:180px}
}
@media (max-width:1024px){
  .page-idea{height:auto}
  .page-idea__info{display:flex;justify-content:center}
  .page-idea__info img{}
  .page-idea__info article{margin-left:20px;margin-top:0}
  .page-idea__box{position:static;width:100%;margin-top:25px;background:#f9f9f9}
  .page-idea__box:nth-child(2),
  .page-idea__box:nth-child(3),
  .page-idea__box:nth-child(4),
  .page-idea__box:nth-child(5){top:auto;right:auto}
  .page-idea__box figure{flex:0 0 260px;height:auto}
  .page-idea__box figure:before{display:none}
  .page-idea__box article{flex:0 0 calc(100% - 300px);margin-top:0;display:flex;align-items:center}
  .page-idea__box article h4{position:relative}
  .page-idea__box article h4:before{content:'';width:70px;height:4px;background:#ddd;position:absolute;top:-25px;left:0}
  .page-idea__box article p{margin-top:15px}
}
@media (max-width:768px){
  .page-idea__box figure{flex:0 0 220px}
  .page-idea__box article{flex:0 0 calc(100% - 240px)}
}
@media (max-width:512px){
  .page-idea__box figure{flex:0 0 170px}
  .page-idea__box article{flex:0 0 calc(100% - 190px)}
  .page-idea__box article h4{font-size:15px}
  .page-idea__box article p{font-size:12px}
}
.foot-contact{padding-bottom:80px;background:#f6fafd}
.foot-contact-wrap{}
.foot-contact__map{flex:0 0 47%;height:360px;border:solid 2px #fff}
.foot-contact__text{flex:0 0 47%;display:flex;align-items:center}
.foot-contact__text article{width:400px;font-size:15px;padding:20px;background:#fff;margin:50px 0}
.foot-contact__text strong{color:#999}
.foot-contact__text p{margin:4px 0 20px;font-weight:600}
@media (max-width:1024px){
  .foot-contact{padding-bottom:70px}
  .foot-contact__text article{width:350px}
}
@media (max-width:768px){
  .foot-contact{padding-bottom:60px}
  .foot-contact__map{flex:0 0 100%;height:300px}
  .foot-contact__text{flex:0 0 100%}
  .foot-contact__text article{width:100%;margin:20px 0 0}
}
@media (max-width:512px){
  .foot-contact{padding-bottom:30px}
  .foot-contact__text article{font-size:14px }
}
.advantage-position{height:500px;background:url("../images/advantage-position.jpg") no-repeat center 0;background-size:100%}
.advantage-position-list{margin-top:50px}
.advantage-position__item{flex:0 0 24%;margin:0 3%;text-align:center}
.advantage-position__item img{}
.advantage-position__item p{margin-top:15px;font-size:15px;color:#999;line-height:1.7}
@media (max-width:1024px){
  .advantage-position{height:40vw;background-size:auto 100%}
  .advantage-position-list{margin-top:5vw}
  .advantage-position__item{flex:0 0 30%;margin:0;text-align:center}
}
@media (max-width:768px){
  .advantage-position{height:auto;padding-bottom:50px}
  .advantage-position-list{margin-top:12px}
  .advantage-position__item{flex:0 0 30%;margin:0;text-align:center}
  .advantage-position__item p{margin-top:12px;font-size:12px}
}
@media (max-width:512px){
  .advantage-position__item img{width:35px}
}
.advantage-step{padding:50px 12px 200px;position:relative}
.advantage-step:after{content:'';width:864px;height:498px;position:absolute;bottom:-112px;right:100px;background:url("../images/crowd.jpg") no-repeat center 0}
.advantage-step__title{width:630px;height:148px;margin:0 auto;background:url("../images/advantage-step-title.jpg") no-repeat center 0;text-align:center}
.advantage-step__title span{font-size:23px;margin-top:47px;display:inline-block;color:#fff;font-weight:600}
.advantage-step-list{max-width:850px;margin:0 auto}
.advantage-step__item{flex:0 0 30%;margin-top:20px;text-align:center}
.advantage-step__item:nth-child(1){
  --advantage-color:#1cbffb
}
.advantage-step__item:nth-child(2){
  --advantage-color:#3670ff
}
.advantage-step__item:nth-child(3){
  --advantage-color:#01d7bb
}
.advantage-step__name{width:80%;font-size:16px;margin:9px auto;padding:12px 0;border:solid 4px #fff;border-radius:25px;background:var(--advantage-color);box-shadow:7px 7px 12px 4px rgba(0,0,0,.1);color:#fff;font-weight:600}
.advantage-step__arrow{width:10px;height:27px;margin:20px auto 25px;background:url("../images/advantage-step-arrow.jpg")}
.advantage-step__box{padding:20px;height:300px;border-radius:25px;box-shadow:7px 7px 12px 4px rgba(0,0,0,.1)}
.advantage-step__icon{}
.advantage-step__text{margin-top:30px;font-size:17px;line-height:1.7;color:var(--advantage-color)}
.advantage-step__desc{font-size:15px;color:#999;margin:50px 0 10px;text-align:center}
@media (max-width:1280px){
  .advantage-step{padding:40px 12px 200px}
}
@media (max-width:1024px){
  .advantage-step{padding:30px 12px}
  .advantage-step:after{display:none}
}
@media (max-width:768px){
  .advantage-step__title{width:500px;height:130px;background-size:100%}
  .advantage-step__title span{font-size:18px;margin-top:40px}
  .advantage-step__item{flex:0 0 90%;margin-left:5%}
  .advantage-step__box{padding:20px;height:auto}
}
@media (max-width:512px){
  .advantage-step__title{width:250px;height:110px;background-image:url("../images/advantage-step-title2.jpg")}
  .advantage-step__title span{font-size:15px;margin-top:33px}
  .advantage-step__name{font-size:15px;padding:12px 0}
  .advantage-step__text{margin-top:10px;font-size:14px}
  .advantage-step__desc{font-size:14px}
}
.advantage-trace{padding:90px 0 50px;background:#f1f1f1}
.advantage-trace figure{text-align:center}
.advantage-trace figure img{max-width:100%}
@media (max-width:1024px){
  .advantage-trace{padding:0 0 30px;background:#f1f1f1}
}
.cloud-service{background:#f6f6f6;padding-bottom:70px}
.cloud-service-wrap{max-width:1300px;margin:0 auto;padding:0 12px;position:relative}
.cloud-service-menu{margin-left:-145px;width:290px;height:350px;position:absolute;top:0;left:50%;border:solid 1px #4c4fc4;background:#fff;display:flex;flex-direction:column}
.cloud-service-menu label{font-size:16px;flex:0 0 20%;display:flex;align-items:center;justify-content:center;color:#999;cursor:pointer}
.cloud-service-menu label.active{background:#4c4fc4;color:#fff}
.cloud-service-txt{flex:0 0 36%;font-size:17px;color:#999;line-height:1.7;text-align:right;display:flex;align-items:center;justify-content:flex-end}
.cloud-service-txt.right{text-align:left;justify-content:flex-start}
.cloud-service-txt strong{color:#333}
.cloud-service-img{flex:0 0 40%;display:flex;align-items:center}
.cloud-service-img img{max-width:100%}
@media (max-width:1280px){
  .cloud-service-menu{margin-left:-100px;width:200px;height:300px}
  .cloud-service-txt{font-size:16px}
}
@media (max-width:1024px){
  .cloud-service-txt{font-size:15px}
}
@media (max-width:768px){
  .cloud-service-menu{position:static;margin-left:0;width:100%;height:auto;margin-bottom:30px}
  .cloud-service-menu label{padding:9px;font-size:14px}
  .cloud-service-txt{flex:0 0 48%;font-size:14px}
  .cloud-service-img{flex:0 0 48%}
}
@media (max-width:512px){
  .cloud-service-txt{flex:0 0 100%;text-align:center;justify-content:center}
  .cloud-service-img{flex:0 0 100%;margin-top:20px}
}
.cloud-advantage{margin-top:20px}
.cloud-advantage__item{flex:0 0 46%;margin-bottom:70px;display:flex;justify-content:space-between}
.cloud-advantage__item figure{border-radius:15px;flex:0 0 85px;height:85px;display:flex;justify-content:center;align-items:center}
.cloud-advantage__item:nth-child(1) figure{background:#eaf8fe}
.cloud-advantage__item:nth-child(2) figure{background:#edfcf5}
.cloud-advantage__item:nth-child(3) figure{background:#fef6f0}
.cloud-advantage__item:nth-child(4) figure{background:#eaf8fe}
.cloud-advantage__item:nth-child(5) figure{background:#edfcf5}
.cloud-advantage__item:nth-child(6) figure{background:#fef6f0}
.cloud-advantage__item figure img{}
.cloud-advantage__item article{flex:0 0 calc(100% - 105px);display:flex;flex-direction:column;justify-content:center}
.cloud-advantage__item h4{font-size:20px}
.cloud-advantage__item p{font-size:16px;margin-top:9px;color:#999}
@media (max-width:768px){
  .cloud-advantage__item h4{font-size:18px}
  .cloud-advantage__item p{font-size:14px}
}
@media (max-width:620px){
  .cloud-advantage__item{flex:0 0 100%;margin-bottom:30px}
  .cloud-advantage__item h4{font-size:15px}
}
.cloud-partner{margin-top:19px}
.cloud-partner__item{flex:0 0 22%;margin-bottom:50px}
.cloud-partner__item figure{height:200px;box-shadow:0 15px 15px 10px rgba(0,0,0,.1);border-radius:35px;display:flex;align-items:center;justify-content:center}
.cloud-partner__item figure img{max-width:60%}
.cloud-partner__item article{text-align:center;margin-top:12px}
@media (max-width:1280px){
  .cloud-partner__item figure{height:18vw}
}
@media (max-width:1024px){
  .cloud-partner__item figure{border-radius:25px}
}
@media (max-width:768px){
  .cloud-partner__item{margin-bottom:40px}
  .cloud-partner__item figure img{max-width:50%}
}
@media (max-width:512px){
  .cloud-partner{margin-top:9px}
  .cloud-partner__item{flex:0 0 47%;margin-bottom:25px}
  .cloud-partner__item figure{height:34vw;border-radius:15px;box-shadow:0 12px 10px 5px rgba(0,0,0,.1)}
}