.header{ background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 2000;}
.header .w{ margin: 0 80px; width: auto; min-width: 1200px; height: 80px; align-items: center; justify-content: space-between; transition: height .3s;}
.logo{ width: 20%;}
.logo img:first-child{ display: none;}
.logo img{ max-width: 100%;}
.nav{ height:80px; overflow:visible; position:relative; z-index:10000; flex: 1; display: flex; padding: 0 5%;}
.nav li{ height:80px; line-height:80px; position: relative; box-sizing: border-box; width: 14%; text-align: center;}
.nav li:nth-child(3),.nav li:nth-child(5){ width: 17%;}
.nav li:nth-child(4){ width: 15%;}
.nav li a{ color:#333; display: inline-block; font-size:16px; font-weight:400; position: relative;}
.header .hot{ font-size: 11px; color: #fff; border-top-left-radius: 6px; border-bottom-right-radius: 6px; background: #f85951; text-align:center; width:30px; position: absolute; right: -30px;  top: 50%; margin-top: -12px; height: 16px; line-height: 16px; font-weight: 300; animation:autoMove 3s infinite;}
.nav li a:before{ position:absolute; bottom: 0; left: 50%; content:''; width: 16px; height: 4px; border-radius:2px; transition: transform .3s;}
.nav li a:hover a:before,.nav a.active:before{ background: #1D76F9; transform: translateX(-50%);}
.nav li a:hover,.nav a.active{ color: #1D76F9;}
.nav li .child{position:absolute;background:#FFFFFF;width:90%;margin:0 5%;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);transition:all .2s linear;height:0;padding:0;overflow:hidden; border-radius: 3px;}
.nav li .child li,.header.stick .w .nav li .child li{ display:block; width: 100%; height: 40px;line-height: 40px;margin: 0;padding: 0;}
.nav li .child li a{ display:block;font-size: 14px;}
.nav li .child li a:hover,body.home .nav li .child li a:hover{ color: #1D76F9;}
.nav li:hover .child{height: auto;padding: 10px 0;}
body.home .nav li .child a{ color: #333;}
.header .tr{ width: 20%; display:flex;}
.header .btn-sign{ width: 45%; margin-right: 5%; position:relative;}
.header .btn-sign img{ width: 18px; height: 18px; vertical-align:middle; margin-top:-2px;}
.header .btn-sign .hot{ width: 60px; right:-30px; margin-top: -24px; animation: none;}
.header .btn-sign a{ overflow: hidden; display: block; height: 40px; line-height: 40px; background: linear-gradient(45deg, #1D76F9, #4A90E2); font-size: 16px; text-align: center; font-weight: 300; width: 140px; border-radius: 8px; color: #fff; position:relative; transition: all .5s;border-radius: 18px;}
.header .btn-sign a:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.4), transparent); animation: shine 2s infinite; }
.header .btn-sign a:hover{ opacity: .75;} 
.header .phone{ width: 45%; margin-left: 5%; text-align: center;}
.header .phone .box{ text-align: center; height: 40px; line-height: 40px; background: #DEECFF; font-weight: 500; border-radius: 18px; box-sizing: border-box; min-width:135px;}
.header .ico-phone{ width:17px; height: 16px; margin-right: 0;}
.header.stick{ border-bottom: 1px solid #eee;}
.header.stick .w{ height: 60px;}
.header.stick .w .nav{ height: 60px;}
.header.stick .w .nav li{ height: 60px; line-height: 60px;}

body.home{ padding-top: 0;}
body.home .header{ background: none;}
body.home .nav li a{ color: #fff;}
body.home .nav li a:before{ display: none;}
body.home .header.stick{ background: #fff;}
body.home .header.stick .nav li a{ color: #333;}
body.home .header.stick .nav li a:before{ display: block;}
body.home .nav a.active{ color: #18469e;}
body.home .header.stick .nav a.active{ color: #1D76F9;}

.footer{ height: auto; color:#a4a6ae; background: #2E354D; font-size: 13px;}
.footer a{ color:#a4a6ae;}
.footer a:hover{ color:#c9cad1;}
.footer .copyright{ border-top: 1px solid #52586c; padding: 10px 0; margin: 0 10%; line-height: 210%;}
.footer .copyright .line{ display: inline-block; margin: 0 1px; display: inline-block; height: 15px; line-height: 15px; overflow: hidden; vertical-align: middle;}
.footer .links{ width:auto; padding: 15px 0 15px 0;}
.footer .links dl{ align-items: center; justify-content: center;}
.footer .links dt{ margin-right: 28px;}
.footer .links dd{ margin-right: 40px;}
.footer .links dd img{ height: 25px; width: auto;}

.banner-swiper {width: 100%; height: 100%; min-height: 600px;}
.banner-swiper .swiper-slide { width: 100%; height: 100%; display: flex; background-position: center; background-size: cover; background-repeat: no-repeat; background-position: center center; justify-content: center; align-items: center; text-align: center;}
.banner-swiper .w{ cursor: default;}
.banner-swiper .text{ font-size: 58px; color: #fff; font-weight: 600; height: 68px; line-height: 68px;}
.banner-swiper .text h1{ display: inline-block; font-size: 58px;}
.banner-swiper .ico-guohui{ width:60px; height: 68px; margin-top: -10px; vertical-align: middle;}
.banner-swiper p.slogan{ font-size: 50px; line-height: 24px; color: #fff; padding: 50px 0 0 0; font-weight: 600;}
.banner-swiper p.slogan span{ margin: 0 50px; letter-spacing: 10px;}
.banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ background: #fff; width: 40px; height: 3px; border-radius: 0; margin: 0 10px; position: relative; bottom: 42px; opacity:100;}
.banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #3D8BF9;}
.banner-swiper .btn-free{ width: 208px; height: 56px; line-height: 56px; background: #1D76F9; border-radius: 8px; font-size: 17px; color: #fff; padding: 0;}
.banner-swiper .btn-free:hover{ color: #fff;}
.banner-swiper .btn-free.none{ display: none;}
.home .banner-swiper{ background-color: #6d7581;}

.data-bar .item{ width: 33.33%; align-items: center; flex-direction: column; justify-content: center; height: 150px; position: relative; font-size: 16px; color: #666; background: #f5f8ff}
.data-bar .item:after{ content: ""; width: 2px; height: 50px; background:#ccc; display: block; position: absolute; left: 0; transform: translateX(0);}
.data-bar .item:hover{ background: #e3ecfc;}
.data-bar .item .a{ color: #1D76F9; font-size: 20px}
.data-bar .item .a b{ font-width: 600; font-size: 58px; margin-right: 6px; font-family: Arial;}

.banner{ background-position: center center; background-repeat: no-repeat; background-size: cover; height:480px; min-height: auto; align-items: center; background-color: #f1f5ff;}
.banner .text{ font-size: 46px; color: #333; font-weight: 600; height: 68px; line-height: 68px; letter-spacing: -2px; text-align: left;}
.banner .text h1{ display: inline-block; font-size: 46px; margin: 0 0 0 10px; font-weight: 600;}
.banner .ico-guohui{ width:60px; height: 68px; margin-top: -10px;}
.banner p{ margin-top: 29px; color:#666; font-size: 20px; max-width: 750px; line-height: 35px; text-align: justify;}
.banner p.slogan{ font-size: 38px; line-height: 24px; color: #666666; font-weight: 500; letter-spacing: 10px;}
.banner p.slogan span{ margin: 0 25px 0 0;}
.banner p a{ color: #666;}
.banner .btn-reg{width: 200px; height: 56px; line-height: 56px; background: #1D76F9; border-radius: 8px; margin-top: 30px; font-size: 17px; color: #fff;}


.part1{ background: #fff; padding: 100px 0;}
.part1 .title{ justify-content: space-between; margin-bottom: 100px;}
.part1 .title li{ width: 380px; height: 114px; align-items: center; justify-content: center; background: linear-gradient(0deg, #FFFFFF, #F0F5FC); border: 2px solid; box-shadow: 0px 2px 16px 0px rgba(38,109,223,0.1); border-radius: 6px; border-image: linear-gradient(180deg, #FFFFFF, #FFFFFF) 2 2;}
.part1 .title li h2{  font-weight: bold; color: #333; font-size: 40px; display: inline-block; vertical-align: middle; margin: 0 0 0 27px;}
.part1 .title li .ico-guohui2{ width:64px; height: 64px;}
.part1 .title li .ico-screen{ width:60px; height: 60px;}
.part1 .title li .ico-seal{ width:60px; height: 60px;}
.tabs-menu{ background: #F5F8FF; width: 285px; height: 680px; box-sizing: border-box; margin: 0 20px 0 0; display: flex; flex-direction: column; justify-content: center;}
.tabs-menu li{ font-size: 28px; color: #333333; height: 120px; line-height: 120px; font-weight: 500; cursor: pointer;}
.tabs-menu li.active{ background: #E3ECFC; color: #1D76F9; border-left: 3px solid #1D76F9; margin-left: -3px;}
.tabs-menu li .ico{ width: 30px; height: 30px; margin:0 20px 0 28px;}
.tabs-con{ background: #F5F8FF; width: 895px; height: 678px;}
.tabs-con .content{ padding: 40px 80px;}
.tabs-con .content dt{font-size: 36px; color: #333333; font-weight: 500; padding: 39px 0 20px 0;}
.tabs-con .content dd p{font-weight: 400; font-size: 16px; color: #999999; line-height: 26px; margin-bottom: 25px;}
.tabs-con .content .links span{ display: inline-block; margin-right: 15px; font-weight: 400; font-size: 16px; color: #1D76F9; padding: 0 15px; height: 38px; line-height: 38px; border: 1px solid #1D76F9;}
.tabs-con .content dd .links{ display: inline-block;}
.tabs-con .content dd .links span{ height:28px; line-height:28px;}
.tabs-con .content .yzfc dt{ padding: 15px 0 5px 0;}
.tabs-con .content .yzfc dd p{ margin-bottom: 10px;}

.part2{ padding: 80px 0 100px 0; height:710px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/part2bg.jpg");}
.case-tabs{ justify-content: space-between; border-bottom: 2px solid #eee; margin: 50px 0 70px 0;}
.case-tabs li .item{ width: 90px; text-align: center; position: relative; transition: transfrom .3s; cursor: pointer;}
.case-tabs li .ico{ width: 90px; height: 90px; display: block;}
.case-tabs li strong{ display: block; margin: 30px 0 25px 0; font-size: 20px; color: #333; font-weight: 400;}
.case-tabs li.active .item:after{ content: ""; width: 100%; height: 3px; background:#1D76F9; display: block; position: absolute; left: 0; transform: translateX(0);}
.case-con .content .info, .case-con .content .img{ width: 50%; height: 300px; background: #fff;}
.case-con .content .info{ box-shadow: 0px 0px 10px 0px rgba(25,43,68,0.1); background-image: url("../images/icodouhao.png"); background-repeat: no-repeat; box-sizing: border-box; padding: 90px 60px 0 60px;}
.case-con .content .info h2{ font-size: 32px; color: #333; margin-bottom: 20px;}
.case-con .content .info p{ font-size: 14px; color: #999; line-height: 24px; text-align: justify;}

.part3{ padding: 80px 0 100px 0; background: #fff;}
.scene{ align-items: center; justify-content: center; margin-top: 70px;}
.scene li{ width: 384px; height: 500px; background: #F5F8FF; text-align: center;}
.scene li:nth-child(2){ margin: 0 24px;}
.scene li img{ margin: 45px auto 0 auto;}
.scene li h2{ font-size: 24px; color: #333333; font-weight: 500; padding: 8px 0 15px 0;}
.scene li p{ font-size: 18px; color: #999999;}
.scene .ico{ background-image: url("../images/icoukeyimg.png"); max-width: 316px; height: 32px; width: 100%; margin-bottom: 17px;}

.part4{ padding: 80px 0 100px 0; background: #F5F7FA;}
.part-faq{ padding: 80px 0 100px 0; background: #fff;}
.part-faq .head h2{ font-size: 32px; color: #333; font-weight: 600; margin-bottom: 16px;}
.part-faq .head p{ font-size: 14px; color: #999; line-height: 24px; max-width: 720px; margin: 0 auto;}
.geo-faq-list{ max-width: 900px; margin: 50px auto 0 auto;}
.geo-faq-item{ border-bottom: 1px solid #eee; padding: 24px 0;}
.geo-faq-item:first-child{ border-top: 1px solid #eee;}
.geo-faq-item dt{ font-size: 18px; color: #333; font-weight: 600; margin-bottom: 12px; line-height: 28px;}
.geo-faq-item dd{ font-size: 14px; color: #666; line-height: 26px; text-align: justify; margin: 0;}
.geo-faq-more{ margin-top: 30px;}
.geo-faq-more a{ color: #1D76F9; font-size: 15px;}
.geo-faq-more a:hover{ opacity: .8;}
.top-news{ align-items: center; padding-top: 50px;}
.top-news li{ width: 282px; height: 320px; background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(25,43,68,0.1); overflow: hidden; margin-right: 24px;}
.top-news li:nth-child(4n+4){ margin-right: 0;}
.top-news li .img{ height: 184px; display: block; overflow: hidden;}
.top-news li .img img{ width: 100%; height: auto;}
.top-news li .con{ padding: 22px 22px 0 22px;}
.top-news li h2{ font-weight: 500; font-size: 18px; color: #344264; height: 50px; overflow: hidden; text-align: justify; margin-bottom: 25px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.top-news li:hover h2{ color: #1D76F9;}
.top-news li p{ justify-content: space-between; color: #98A3B7; font-size: 14px;}
.top-news li a .arrow{ display: inline-block; width: 6px; height: 6px; border-top: 1px solid #666; position: relative; top: -2px; border-right: 1px solid #666; transform: rotate(45deg); background-color: transparent;}
.news{ padding: 100px 0 0 0;}
.news .top-news{ flex-wrap: wrap; padding-top: 0;}
.news .top-news li{ margin-bottom: 50px;}

.tags-main{ padding-top: 50px;}
.tags-main .tags{ padding-bottom: 50px; padding-left: 70px;}


.about .w{ padding: 100px 0; align-items: center;}
.about .img{ padding-right: 40px;}
.about .img img{ border-radius: 3px;}
.about .info h2{ font-size: 32px; color: #333; padding-bottom: 30px;}
.about .info .con{ font-size: 16px; color: #666; line-height: 160%; text-align: justify;}
.about .info .con h3{ font-size: 30px; color: #333; padding:0 0 22px 0;}
.about .info .con a{  color: #666;}
.about .info .con p{ padding-bottom: 10px;}
.about .info .con p:last-child{ margin-bottom: 0;}

.case-list{ background: #f2f7fb; padding:80px 0 120px 0;}
.case-list .w{}
.case-list ul{}
.case-list li{ min-height: 180px; background: #FFFFFF; padding: 20px; box-shadow: 0px 0px 10px 0px rgba(25,43,68,0.1); border-radius: 6px; margin-bottom: 30px;}
.case-list li .img{ width: 48%; padding-right: 35px; border-right: 1px solid #ccc; margin-right: 35px; box-sizing: border-box;  border-radius: 3px;}
.case-list li .img-inner{ overflow: hidden;}
.case-list li .img img{ width: 100%; height: 100%;}
.case-list li .info{ flex: 1; text-align:  left;}
.case-list li h2{ font-weight: 500; font-size: 23px; padding: 15px 0;}
.case-list li h2 a{  color: #333;}
.case-list li h2 a:hover{ color: #666;}
.case-list li p{ font-weight: 400; font-size: 16px; color: #999; line-height:180%; height: 180px;}
.case-list li .more a { display: inline-block; margin-right: 15px; font-weight: 400; font-size: 16px; color: #1D76F9; padding: 0 15px; height: 38px; line-height: 38px; border: 1px solid #1D76F9;
}
.case-list li .more a:hover{ opacity: .75;}
.contact{ background: #fff;}
.contact .w{ padding: 100px 0 120px 0;}
.contact ul{ justify-content: space-between; align-items: center; padding-top: 40px;}
.contact li{ width: 588px; height: 280px; box-shadow: 0px 0px 10px 0px rgba(25,43,68,0.1); background:#F9FBFF url(../images/icobg1.png) right bottom no-repeat;}
.contact .item{ padding: 60px 0 0 60px;}
.contact .item .ico{ width: 40px; height: 40px;}
.contact .item strong{ font-size: 32px; color: #333; font-weight: 500; vertical-align: middle; margin-left: 16px;}
.contact .item .desc{ font-size: 16px; color: #666; padding: 20px 0 40px 0;}
.contact .item .no{ font-weight: 600; font-size: 32px; color: #1D76F9; font-family: Arial;}
.contact .item .no a{ color: #1D76F9;}

.attention{ background: #F5F7FA; padding: 100px 0;}
.attention ul{ justify-content: space-between; align-items: center; padding-top: 40px;}
.attention ul li{ justify-content: center; flex-direction: column; background: #FFF; width: 384px; height: 280px; box-shadow: 0px 0px 10px 0px rgba(25,43,68,0.1); text-align: center;}
.attention ul li img{ width: 130px; height: 130px;}
.attention ul li p{ padding: 30px 0 0 0; font-weight: 500; font-size: 18px; color: #344264; line-height: 24px;}

.service{ background: #fff;}
.service .w{ padding: 100px 0;}
.service ul{ justify-content: space-between; align-items: center;}
.service li{ width: 282px; height: 320px; background:#F5F8FF;}
.service .item{ text-align: center; padding-top: 60px;}
.service .item .ico{ width: 60px; height: 60px;}
.service .item .name{ font-size: 24px; color: #333; font-weight: 500; margin-top: 30px;}
.service .item .desc{ font-size: 14px; color: #999; font-weight: 400; padding: 20px 0 30px 0;}
.service .item .btn{ height: 40px; line-height: 40px; font-size: 17px; color: #fff; background: #1D76F9; border-radius: 8px; padding: 0; width: 130px;}
.help-center h2{ font-weight: 500;font-size: 31px;color: #333333; margin: 0 0 30px 0;}
.help-center .ad{ padding-top: 40px;}
.video-tabs{ border-bottom: 1px solid #eee; text-align: center; margin:0 0 36px 0;}
.video-tabs .tab{ display: inline-block; margin: 0 120px; height: 48px; line-height: 48px; padding: 26px 0; font-size: 24px; position: relative; color: #333; cursor: pointer;}
.video-tabs .tab img{ margin-right: 20px;}
.video-tabs .tab.active{ color: #1D76F9;}
.video-tabs .tab.active:before{ content: ""; background: #1D76F9; border-radius: 2px; height: 3px; width: 200px; position: absolute; bottom: -2px; transform: translateX(68px);}
.user-guide li{ padding: 15px 5px; border-bottom: 1px solid #EEEEEE; height: 35px; line-height: 35px; align-items: center; justify-content: space-between;}
.user-guide li .ico{ background-image: url('../images/icorecord.png'); width: 35px; height: 35px;}
.user-guide li .icovideo{ background-image: url('../images/icovideo.png');}
.user-guide li a{ display: inline-block; width: 100%; margin-left: 18px; color: #333; font-size: 16px;}
.user-guide li a:hover,.user-guide li.active a{ color: #1D76F9;}
.user-guide li .arrow { display: inline-block; width: 6px; height: 6px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); background-color: transparent;}
.help-center .search{ width: 800px; margin: 10px auto 40px auto;}
.faq-tabs{ justify-content: space-between; border-bottom: 2px solid #eee;}
.faq-tabs li .item{ width: 100px; text-align: center; padding-bottom: 24px; position: relative; top: 2px; font-size: 24px; color: #333333; font-weight: 400; cursor: pointer;}
.faq-tabs li.active .item{ border-bottom: 3px solid #1D76F9;}
.faq-con{ padding-top: 50px;}
.faq-con dt{ font-weight: 400;font-size: 16px;color: #333333; padding: 10px 0; cursor: default;}
.faq-con dt:before{ content: ""; display: inline-block; width: 6px; height: 6px; background: #333; border-radius: 50%; margin-right: 12px; vertical-align: middle;}
.faq-con dt .arrow{ display: inline-block; width: 6px; height: 6px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); transition:transform .3s; background-color: transparent;}
.faq-con dd.con{ display: none; padding: 10px 20px; font-size: 14px; line-height: 160%;}
.faq-con .active dd.con{ display: block;}
.faq-con .active dt .arrow{ transform: rotate(135deg);}

.site-box{ background: #fff url('../images/sitesbg.jpg') no-repeat; background-size: 100% auto; background-position: center bottom; min-height: 880px;}
.site-box .w{ padding: 100px 0;}
.site-box .head p{ line-height: 26px;}
.sites { flex-wrap: wrap; margin-top: 50px;}
.sites a{ margin-right:20px; align-items: center; justify-content: space-between; box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.4); border-radius: 3px; background-color: white; width: 386px; height: 70px; box-sizing: border-box; padding: 0 15px; border: 1px solid transparent; margin-bottom: 20px;}
.sites a:nth-child(3n+3){ margin-right: 0;}
.sites a:hover { background-color: #E2F3FF; border-color: #1890FF; cursor: pointer;}
.sites a .ico { width: 21px; height: 24px; background-size: 100%;}
.sites a p { color: #1890FF; color: #333; font-size: 14px; padding: 0 2px 0 10px; text-align: left; flex: 1;}
.sites a .arrow-right { display: block; width: 7px; height: 7px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; transform: rotate(45deg); background-color: transparent;}
.area .flex{ align-items: center; height: 500px; padding: 0;}
.area .icon{width: 40%; display: block; padding: 0 0 20px 0;}
.area .icon img{ max-width: 100%; }
.area .info { display: block; flex-direction: column; justify-content: center; padding-left: 25px; width:60%; box-sizing: border-box;}
.area .info h2 { color: #333333; font-size: 36px; line-height: 30px; font-weight: 600; }
.area .info h2 a{ color: #333333;}
.area .info .desc { margin: 22px 0 26px 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 26px; color: #999999; width: 90%;}
.area .info .qrcode { margin: 0; width: 180px; text-align: center;}
.area .info .qrcode img { width: 180px; height: 180px; }
.area .info p{ color: #999999; font-size: 16px;}
.area .list li{ display: flex; width: 400px; height: 80px; margin: 10px 0; color: #333; background: linear-gradient(90deg, #DFE9FF 0%, rgba(223,233,255,0) 100%); border-radius: 6px; align-items: center; padding: 0 20px; box-sizing: border-box;}
.area .list li img{ width: 50px; height: 48px;}
.area .list li .con{ flex: 1; padding-left: 10px; font-size: 16px;}
.area .list li .con p{ font-size: 14px; padding-top: 3px; font-weight: 500;}
.main-area .area:nth-child(even){ width: 100%; background: url('../images/area2bg.jpg'); background-size: 100% 100%;}
.main-area .area:nth-child(even) .flex{ flex-direction:row-reverse; padding-left: 0; justify-content: left;}
.main-area .area:nth-child(odd) .icon{ width: 50%; text-align: left;}
.main-area .area:nth-child(odd) .info{ width: 50%;}

.sass-slide{ display: flex; align-items: center; justify-content: center;}
.sass-desc{ width: 600px; height: 520px; margin: 0 60px 0 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left;}
.sass-desc .btitle{ font-weight: 500; font-size: 48px; color: #FFFFFF; line-height: 1.25; padding: 50px 0;}
.sass-desc .medium{ font-weight: 400; font-size: 20px; color: #FFFFFF; padding: 0 10px; margin: 0 0 20px 0; line-height: 32px;}
.sass-desc .medium2{ margin:0; color:#fff; background:#f85951; line-height:1.4; padding: 5px 15px;  border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;}
.sass-desc .ico{ width: 32px; height: 36px;}
.sass-desc .words{ font-weight: 400; font-size: 29px; color: #FFFFFF;}
.sass-form{ width: 420px; height: 520px; background: #FFFFFF; box-shadow: 0px 2px 16px 0px rgba(59,63,79,0.1); border-radius: 12px;  margin: 0; box-sizing: border-box; padding: 0 50px;}
.sass-form h3{ font-weight: 500; font-size: 20px; color: #333333; line-height: 30px; padding: 24px 0 10px 0;}
.sass-form p{ font-weight: 400; font-size: 16px; color: #666666;}
.sass-form input{ width: 100%; margin-top: 15px; border-radius: 3px; box-sizing: border-box;}
.sass-form input.txt{ border: 1px solid #EEEEEE; background: #fff; height: 42px; text-indent: 18px;}
.sass-form .code{ position: relative;}
.sass-form .code img{ position: absolute; right: 5px; top: 16px;}
.sass-form .btn{ background: linear-gradient(90deg, #0080FF, #4395FF); height: 54px; font-weight: 400; font-size: 14px; color: #FFFFFF; }
.sass-form .chk{ font-size: 14px; text-align: left; color: #98A3B7; padding: 10px 0 15px 0;}
.sass-form .chk input{ width: auto; vertical-align: middle; margin: -3px 3px 0 0;}

.sass-web-head{ width: 100%;}
h2.sass-web-title{font-weight: bold; font-size: 36px; color: #333333; line-height: 80px; text-align: center; padding: 80px 0 20px 0;}
.sass-contact{ background: #fff url('../images/sass-contact.jpg') no-repeat; background-size: 100% auto; background-position: center bottom; min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sass-contact img{ vertical-align: middle; margin-right: 10px;}
.sass-contact h2{ font-size: 36px; color: #333333; line-height: 48px; padding-bottom: 32px;}
.sass-contact p span{ font-weight: 500; font-size: 16px; color: #666666; margin: 0 25px;}

.solution1,.solution2,.solution3{ padding: 100px 0;}
.solution1 li{ width: 25%; padding-top: 60px;}
.solution1 .item{ text-align: center; padding: 0 32px;}
.solution1 .item .name{ padding: 36px 0 18px 0; font-weight: 500;font-size: 24px; color: #333333;}
.solution1 .item .desc{ color: #999; font-size: 14px; font-width: 400; line-height: 20px;}
.solution1 .ico{ width: 70px; height: 70px;}

.solution2{ background: #fff url('../images/solution2bg.jpg') no-repeat; background-size: 100% 100%; background-position: center bottom;}
.solution2 .flex{ justify-content: space-between; margin-top: 60px;}
.solution2 li{ width: 384px; height: 300px; position: relative;}
.solution2 .name{ position: absolute; left: 40px; top: 40px; z-index: 999; font-weight: bold; font-size: 24px; color: #FFFFFF; line-height: 5px;}
.solution2 .name:after{ content: ""; display: block; width: 31px; height: 3px; background: #FFFFFF; margin-top: 30px;}

.solution3 ul.flex{ justify-content: space-between; flex-wrap: wrap; padding-top: 40px;}
.solution3 li{ width: 589px; height: 180px; background: #F5F8FF; margin-top: 24px; box-sizing: border-box; padding: 40px 0 0 40px;}
.solution3 li .item{ align-items: normal;}
.solution3 .ico{ width: 36px; padding-right: 3px; height: 36px;}
.solution3 .con{ margin-left: 27px; width: 520px;}
.solution3 .con h2{ margin-bottom: 28px; font-weight: bold; font-size: 24px; color: #333333; line-height: 25px;}
.solution3 .con p{ font-weight: 400;font-size: 14px;color: #999999;line-height: 24px; padding-right: 56px; text-align: justify;}

.news-detail .header{ border-bottom: 1px solid #eee;}
.news-title{ font-size:24px; font-weight: 700; color: #333; padding-top: 30px;}
.news-other{ padding:15px 0; color:#A7A7A7; font-size: 13px;}
.news-other span{ margin:0 10px;}
.news-con{ padding: 50px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 1.95; color: #444; font-size: 16px; text-align: justify; word-break: break-word;}
.news-con > *:first-child{ margin-top: 0 !important;}
.news-con p{ margin: 0 0 22px 0; padding: 0; line-height: 1.95; color: #444;}
.news-con h1,
.news-con h2,
.news-con h3,
.news-con h4{ color: #1a1a1a; font-weight: 700; line-height: 1.45; margin: 42px 0 18px 0; padding: 0; text-align: left;}
.news-con h1{ font-size: 26px;}
.news-con h2{ font-size: 22px; padding-left: 12px; border-left: 4px solid #1D76F9;}
.news-con h3{ font-size: 18px;}
.news-con h4{ font-size: 16px;}
.news-con a{ color: #1D76F9;}
.news-con a:hover{ color: #166BAA; text-decoration: underline;}
.news-con img{ max-width: 100%; height: auto; display: block; margin: 20px auto;}
.news-con ul,
.news-con ol{ margin: 0 0 18px 0; padding: 4px 0 4px 1.6em;}
.news-con ul li{ list-style: disc; margin: 0 0 10px 0; line-height: 1.8; color: #444;}
.news-con ol li{ list-style: decimal; margin: 0 0 10px 0; line-height: 1.8; color: #444;}
.news-con blockquote{ margin: 20px 0; padding: 14px 18px; background: #F5F8FF; border-left: 4px solid #1D76F9; color: #555; line-height: 1.8;}
.news-con strong,
.news-con b{ color: #222; font-weight: 700;}
.news-con .from{ padding: 50px 0 0 0; margin-bottom: -50px; color: #999; font-size: 14px; text-align: left;}
.news-con .case-sidebar{ width: 28%; padding: 0 20px 0 0; box-sizing: border-box;}
.news-con .case-sidebar dt{ padding-bottom: 30px; font-size: 22px; text-align: center; color: #1D76F9;}
.news-con .case-sidebar dt img{ padding-bottom: 20px;}
.news-con .case-sidebar dd{ padding-bottom: 10px; font-size: 16px;}
.news-con .case-sidebar dd .a{ width: 80px;}
.news-con .case-sidebar dd .b{ flex: 1;}
.news-con .case-con img:first-child{ width: 100%; padding-bottom: 20px;}
.cicvideo{ width: 80%; margin: 0 auto; display: block;}
.page-up-down{ font-size: 14px; padding:10px 0; color:#999; justify-content:space-between;}
.page-up-down p a{ color:#999;}
.page-up-down p a:hover{ color: #1D76F9;}
.tags{ color:#999; font-size: 14px; position: relative; padding-left: 50px;}
.tags span{ position: absolute; left: 0; top: 0;}
.tags a{ display: inline-block; padding: 0 8px; text-align:center; height: 24px; line-height:24px; background: #E2F3FF;border-radius: 12px;border: 1px solid #1890FF; font-size: 13px; color: #1890FF; margin:0 8px 8px 0;}
.tags a.active{ background: #1890FF; color: #fff;}
.download a{ margin: 0 0 0 30px; color: #1890ff;}
.download .ico{ width: 39px; height: 36px; margin: 0 10px 0 0;}

/*页码*/
.pages{ text-align: center; margin-top:40px; color:#7f7f7f; font-size:14px; clear:both;}
.pages a{ display:inline-block; height:26px; line-height:26px; width:26px; text-align:center; border:1px solid #9b9b9b; color:#9b9b9b; transition: background 0.2s; margin:0 2px; vertical-align: middle;}
.pages a.active,.pages a:hover{ background:#1D76F9; border-color:#1D76F9; color:#fff;}
.pages span{ margin: 0 2px; vertical-align: middle; display: inline-block;}
.pages span.prev .fa,.pages span.next .fa{ display: block; margin: 8px 0 0 4px; width:10px; height: 10px; border-top: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b;}
.pages span.prev .fa{  transform: rotate(225deg); margin: 8px 0 0 8px;}
.pages span.next .fa{  transform: rotate(45deg);}
.pages span.prev:hover .fa,.pages span.next:hover .fa{ border-color: #fff;}
.pages select{ font-size: 14px; border-color: #9b9b9b; line-height:26px; height:26px;}

.saas-banner .swiper-pagination-clickable .swiper-pagination-bullet{ background: #ccc;}
.saas-banner .apply-to-use{ text-align: left; padding-top: 25px;}
.saas-tabs{ border-bottom: 2px solid #eee; height: 208px;}
.saas-tabs .item{ text-align: center; display: inline-block; margin: 0 90px; position: relative; height: 100%; box-sizing: border-box; cursor: pointer;}
.saas-tabs .item p{ padding: 18px 0 20px 0; font-size: 24px; font-weight: 400;}
.saas-tabs .active:after{ content: ""; display: block; background: #1D76F9; border-radius: 2px; height: 3px; position: absolute; left: 0; bottom: -2px; width: 100%;}
.saas-tabs .active p{ color: #1D76F9; font-weight: 500;}
.saas-tabs .ico{ width: 70px; height: 70px; margin-top: 70px;}
.saas1 .ico{ width: 120px; height: 120px;}
.saas2{ padding: 100px 0; background: #F5F8FF;}
.saas2 .box{ height: 520px; background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(25,43,68,0.1); justify-content: center; align-items: center; margin-top: 60px;}
.saas2 .box img{ max-width: 100%;}
.saas3{ padding: 100px 0; background: #fff;}
.saas3 .box{ padding: 45px 100px; background: #F5F8FF; margin: 64px 0 36px 0;}
.saas3 .box:nth-child(2n){ flex-direction: row-reverse;}
.saas3 .box:last-child{ margin-bottom: 0;}
.saas3 .box dl{ width: 47%;}
.saas3 .box dt{font-size: 28px; color: #333333; font-weight: 500; padding: 39px 0 30px 0;}
.saas3 .box dd p{font-weight: 400; font-size: 16px; color: #999999; line-height: 26px; margin-bottom: 25px;}
.saas3 .box dd.links span{ display: inline-block; margin-right: 15px; font-weight: 400; font-size: 16px; color: #1D76F9; padding: 0 15px; height: 38px; line-height: 38px; border: 1px solid #1D76F9;}
.saas3 .box .img{ width: 53%; text-align: right;}
.saas3 .box .img img{ max-width: 100%;}
.saas3 .box:nth-child(2n+1) .img{ text-align: left;}
.flow{ padding: 100px 0; margin-bottom: 60px; background: #F5F8FF;}
.flow .flex{ justify-content: space-between;}
.flow li{ width: 25%; position: relative; z-index: 1000; margin-top: 40px;}
.flow li:after{ content: ""; display: block; background: #1D76F9; width: 27px; height: 31px; position: absolute; right: -14px; top: 50px; background: url('../images/icoflowarrow.png') no-repeat;}
.flow li.last:after{ display: none;}
.flow .item{ width: 134px; margin: 0 auto;}
.flow .item p{ text-align: center; font-weight: 500;font-size: 18px;color: #333333; padding-top: 15px;}
.flow .ico{ width: 134px; height: 134px;}
.flow-line{ background: #E4E4E4; width: 80%; height: 2px; position: relative; z-index: 999; top: -110px; display: block;}
.saas-basic li{ width: 588px; height: 160px; background: #F5F8FF; margin-top: 24px; box-sizing: border-box; padding: 40px 0 0 40px;}

.price-box{ padding: 60px 0 100px 0;}
.price-box .saas-con{ width: 900px;}
.price-box .saas-con:first-child{ width: 300px;}
.price-box .swiper-slide{ margin-top: 50px;}
.price-box .swiper-slide .item{ position: relative; flex-direction: column; align-items: center; font-weight: 400; font-size: 18px; color: #333333; justify-content: center; width: 90%; text-align: center; margin:16px; box-sizing: border-box; height: 350px; background: linear-gradient(0deg, #FFFFFF, #F3F5F8); box-shadow: 0px 2px 16px 0px rgba(59,63,79,0.1); border: 2px solid; border-image: linear-gradient(180deg, #FFFFFF, #FFFFFF) 2 2;}
.price-box .free-tags{ position: absolute; left: 0; top: 0; width: 100px; line-height: 34px; height: 34px; background: linear-gradient(90deg, #F79D28, #FAC54A); border-radius: 8px 0px 8px 0px; opacity: 0.99; font-weight: 500; font-size: 20px;color: #FFFEFE;}
.price-box .recommend-tags{ position: absolute; left: 0; top:-50px; width: 100%; line-height: 50px; font-weight: 500; font-size: 20px; color: #FFFFFF; height: 50px; background: linear-gradient(90deg, #3480F7, #5DA2FB); border-radius: 16px 16px 0px 0px;}
.price-box .price{ margin-bottom: 80px;}
.price-box .price b{font-size: 48px;color: #1D76F9; display: inline-block; margin-right: 5px; position: relative; top: 5px;}
.price-box .btn{ position: absolute; left: 50%; margin-left: -80px; bottom: 40px; z-index: 100;}
.price-box .btn:hover{ color: #fff;}
.price-box .ico{ width: 116px; height: 108px; position: absolute; right: 0; bottom: 0; z-index: 99; background-image:url(../images/priceitembg.png);}

.popup{ width: 534px; height: 420px; background: #FFFFFF; border-radius: 4px; text-align: center;}
.popup .flex{ align-items: center; justify-content: space-between; width: 100%;}
.popup h2{ font-weight: bold; font-size: 22px; color: #333333; padding: 55px 0 45px 0;}
.popup dl{ width: 50%;}
.popup dt{ font-weight: 400; font-size: 16px; color: #333333; padding-bottom: 15px;}
.popup dd p{ font-weight: 400; font-size: 14px; color: #666666; padding-top: 10px;}
.popup dd p b{ color: #1D76F9; font-size: 18px;}

.contact-form{ background: linear-gradient(to bottom, #6AA7F2 1%, #4080ff 100%); color: #fff; padding: 35px 0; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99999; display: none;}
.contact-form .icoclose2{ width: 32px; height: 32px; background-image:url(../images/icoclose2.png); position: absolute; right: 30px; top: 15px; transition: transform 0.5s ease-in-out;}
.contact-form .icoclose2:hover { transform: rotate(180deg);}
.contact-form p{ font-size: 17px;}
.contact-form p strong{ font-size: 21px;}
.contact-form form{ justify-content: center; align-items: center; padding: 10px 0 0 0;}
form .input.error,form .txt.error{ border: 1px solid #ed3024; background: #fef0f0;}
.contact-form form .input:nth-child(1){ width: 12%;}
.contact-form form .input:nth-child(2){ width: 21%;}
.contact-form form .input:nth-child(3){ width: 15%;}
.contact-form form .input:nth-child(4){ width: 20%;}
.contact-form form .code{ width: 20%; position: relative;}
.contact-form form .code .input{ width: 90%;}
.contact-form form .code img{ position: absolute; right: 10%; top: 5px; margin-right: 10px;}
.contact-form form .btn{ width: 10%; height: 50px; line-height: 50px; background: #E64552; border-radius: 8px; font-size: 16px; color: #FFFFFF;}

.cooperation{ padding: 80px 0 50px 0;}
.cooperation li{ padding: 20px 0; gap: 30px;}
.cooperation .img{ width: 50%;}
.cooperation .img img{ width: 100%; border-radius: 3px;}
.cooperation .info{ width: 50%; line-height:1.48; font-size: 16px; text-align:justify;}
.cooperation .info h2{ padding-bottom: 10px; color: #333;}

@media screen and (max-width: 1366px){
    .w{ width:1180px;}
    .header .w{ margin: 0 auto; min-width: 1180px; width: 1180px;}
    .logo{ width: 20%;}
    .nav{ width: 65%;}
    .nav li a{ font-size: 15px;}
    .nav li:nth-child(5){ padding-right: 25px;}
    .header .tr{ width: 20%; display:flex;}
    .header .btn-sign{ width: 45%; margin-right: 5%; position:relative;}
    .header .btn-sign img{ width: 16px; height: 16px;}
    .header .btn-sign .hot{  margin-top: -28px;}
    .header .btn-sign a{ height: 32px; line-height: 32px; font-size: 14px; width: 120px; border-radius: 3px;}
    .header .phone .box{ font-size: 14px; height: 32px; line-height: 32px; font-weight: 500; border-radius: 3px;}
    .banner{ height: 400px;}
    .banner .text{ font-size: 40px;}
    .banner p{ font-size: 18px; margin-top: 15px;}
    .banner-swiper .text{ font-size: 40px;}
    .banner-swiper .text h1{ font-size: 40px;}
    .banner-swiper p.slogan span{ margin: 0 33px; font-size: 36px; letter-spacing: 16px;}

    .top-news li{ margin-right: 17px;}
    .case-list li{ margin-right: 17px;}
    .solution3 li{ width: 580px;}
    .contact li{ width: 580px;}
    .sites a{  width: 380px;}
    .video-tabs .tab{ margin: 0 80px;}
}

@media screen and (max-width: 768px) {

    html, body{ overflow-x: hidden; max-width: 100%;}
    body{ padding-top: 60px;}
    .w{ max-width:100%; width: 100%;}
    .mm-menu{ z-index: 2147483600;}
    /* 右侧抽屉：柔和层次 + 压住左缘接缝，避免「白边细线」 */
    .mm-menu.mm-front,
    .mm-menu.mm-next{
        -webkit-transition-duration: 0.45s !important;
        transition-duration: 0.45s !important;
        -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        background: #fff !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .mm-menu.mm-right.mm-front,
    .mm-menu.mm-right.mm-next{
        width: 72%;
        max-width: 300px;
        border-radius: 14px 0 0 14px;
        overflow: hidden;
        /* 只向左投柔影，盖住接缝且不显脏 */
        box-shadow: -10px 0 28px rgba(15, 23, 42, 0.16) !important;
    }
    html.mm-opening .mm-menu.mm-right.mm-front,
    html.mm-opening .mm-menu.mm-right.mm-next,
    html.mm-opened.mm-opening .mm-menu.mm-right.mm-front,
    html.mm-opened.mm-opening .mm-menu.mm-right.mm-next{
        /* 略探出左缘，吃掉 1px 亚像素缝 */
        right: -2px !important;
        width: calc(72% + 4px);
        max-width: 304px;
    }
    html.mm-opened .mm-page,
    html.mm-opened.mm-white .mm-page,
    html.mm-opened.mm-light .mm-page,
    html.mm-opened.mm-front .mm-page{
        box-shadow: none !important;
        outline: none !important;
    }
    html.mm-opened .mm-page,
    html.mm-opened #mm-blocker,
    html.mm-opened .mm-fixed-top,
    html.mm-opened .mm-fixed-bottom{
        -webkit-transition-duration: 0.45s !important;
        transition-duration: 0.45s !important;
        border: none !important;
        box-shadow: none !important;
    }
    html.mm-front #mm-blocker{
        background: rgba(15, 23, 42, 0.42);
        opacity: 1;
        -webkit-backdrop-filter: blur(1.5px);
        backdrop-filter: blur(1.5px);
    }
    /* 菜单打开时隐藏客服浮层，避免压在抽屉上 */
    html.mm-opened #nb_icon_wrap,
    html.mm-opened .nb-icon-wrap,
    html.mm-opened #newBridge,
    html.mm-opened #udesk_container,
    html.mm-opened [id^="div_company_mini"],
    html.mm-opened iframe[id*="udesk"],
    html.mm-opened iframe[src*="udesk"],
    html.mm-opened .toTop,
    body.mm-nav-open #nb_icon_wrap,
    body.mm-nav-open .nb-icon-wrap,
    body.mm-nav-open #newBridge,
    body.mm-nav-open #udesk_container,
    body.mm-nav-open [id^="div_company_mini"],
    body.mm-nav-open .toTop{
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    .mm-menu .mm-sign{ padding: 14px 8px 10px 8px;}
    .mm-menu .mm-sign:after,.mm-menu .mm-sign.mm-logo:after{ display: none !important; }
    .mm-menu .mm-list > li.mm-sign.mm-logo:after{ display: none !important; }
    .mm-menu .mm-sign.mm-logo a,
    .mm-menu .mm-sign a{
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: auto !important;
        min-height: 0;
        line-height: normal !important;
        margin: 0;
        padding: 4px 0 !important;
        text-align: center;
        background: transparent !important;
        border-radius: 0;
        overflow: visible;
        color: inherit !important;
    }
    .mm-menu .mm-sign.mm-logo a img,
    .mm-menu .mm-sign a img{
        display: block !important;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 52px;
        object-fit: contain;
        margin: 0 auto;
    }
    .mm-menu .mm-sign a:before{ display: none !important; }
    .mm-menu .mm-sign .hot{ display: none !important; }
    .mm-menu .hot{ display: inline-block; position: static !important; right: auto; top: auto; width: auto; height: 16px; line-height: 16px; padding: 0 5px; margin: 0 0 0 6px; font-size: 10px !important; font-weight: 400; color: #fff; background: #f85951; border-radius: 3px; animation: none; vertical-align: middle;}
    .mm-menu ul.mm-list li a{ overflow: visible; font-size: 15px; color: #333;}
    .mm-menu ul.mm-list > li > a:not(.mm-subopen),
    .mm-menu ul.mm-list > li > span{ padding-top: 14px; padding-bottom: 14px;}
    .mm-menu.mm-vertical .mm-list a.mm-subopen{
        position: absolute !important;
        right: 0;
        top: 0;
        width: 46px;
        height: 46px;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        background: transparent;
        overflow: hidden;
        z-index: 3;
    }
    .mm-menu.mm-vertical .mm-list a.mm-subopen + a,
    .mm-menu.mm-vertical .mm-list a.mm-subopen + span,
    .mm-menu.mm-vertical .mm-list > li:has(> a.mm-subopen) > a:not(.mm-subopen){
        margin-right: 0;
        padding-right: 46px;
    }
    .mm-menu.mm-vertical .mm-list a.mm-subopen:before{ display: none;}
    .mm-menu.mm-vertical .mm-list a.mm-subopen:after{
        border-color: #b0b4bb;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        bottom: auto;
        right: 18px;
        margin-top: -3px;
        margin-bottom: 0;
    }
    .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen{
        height: 46px;
        top: 0;
        background: transparent;
    }
    .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 50%;
        bottom: auto;
        right: 18px;
        margin-top: -6px;
        margin-bottom: 0;
    }
    .mm-menu.mm-vertical .mm-list .mm-panel{
        display: none;
        padding: 0 0 8px 0;
        background: #f6f8fb;
    }
    .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel{ display: block; }
    .mm-menu.mm-vertical .mm-list .mm-panel > li > a{
        font-size: 14px;
        color: #666;
        padding: 10px 20px 10px 32px;
        line-height: 20px;
    }
    .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
    .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul{ background: transparent; }
    .mm-menu.mm-vertical .mm-list .mm-panel > li:after{ margin-left: 32px; }
    .header{
        padding: 0 15px;
        box-sizing: border-box;
        width: 100%;
    }
    a.jq-mmenu {
        width: 22px;
        height: 22px;
        margin: 0;
        padding: 0;
        float: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        box-sizing: content-box;
    }
    a.jq-mmenu span{ display: block; background: #1D76F9; width: 100%; height: 2px; margin: 3px 0; border-radius: 2px;}
    body.home a.jq-mmenu span{ background: #fff;}
    .header .w{
        margin: 0 !important;
        padding: 0;
        min-width: auto;
        width: 100%;
        max-width: 100%;
        height: 56px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .logo{ width: auto; flex: 1; min-width: 0; overflow: hidden; margin: 0; padding: 0;}
    .logo a{ display: flex; align-items: center; min-width: 0; margin: 0; padding: 0; gap: 4px;}
    .logo img{ width: auto; height: 28px; max-width: 100%; object-fit: contain; object-position: left center; margin: 0; padding: 0;}
    .logo img:first-child{ display: none !important; }
    .nav{ display: none;}
    .header .tr{ width: auto; flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; gap: 0; margin: 0; padding: 0;}
    .header .btn-sign{ display: none !important; }
    .header .phone{ width: auto; margin: 0; padding: 0; text-align: right; flex-shrink: 0;}
    .header .phone .box{ display: none;}

    .header.stick  a.jq-mmenu span{ background: #1D76F9;}

    .data-bar{ flex-wrap: wrap;}
    .data-bar .item{ width: 50%; height: 100px; padding: 0 0 10px 0;}
    .data-bar .item:nth-child(odd):after{ display: none;}
    .data-bar .item .a{ font-size: 16px}
    .data-bar .item .a b{ font-size: 40px;}

    .footer{ font-size: 12px; padding: 0 16px 72px; box-sizing: border-box; overflow: hidden;}
    .footer .copyright{ padding: 10px 8px 16px; margin: 0; line-height: 1.7; word-break: break-word; overflow-wrap: anywhere;}
    .footer .copyright p{ margin: 0 0 6px; max-width: 100%;}
    .footer .copyright a{ display: inline;}
    .footer .copyright .seo, .footer .copyright span{ display: none;}
    .footer .links{ width: 100%; max-width: 100%; padding: 16px 0 10px; box-sizing: border-box;}
    .footer .links dl{ flex-wrap: wrap; justify-content: center; gap: 8px 12px;}
    .footer .links dt{ margin-right: 0; width: 100%; text-align: center;}
    .footer .links dd{ margin-right: 0;}
    .footer .links dd:last-child{ margin-right: 0;}
    .footer .links dd img{ height: 16px; width: auto; max-width: 42vw;}

    h2.sass-web-title{
        font-size: 22px;
        line-height: 1.4;
        padding: 28px 16px 12px;
        margin: 0;
    }
    .sass-contact{
        min-height: 0;
        padding: 40px 20px 48px;
        box-sizing: border-box;
        background-size: cover;
        text-align: center;
    }
    .sass-contact h2{
        font-size: 20px;
        line-height: 1.45;
        padding: 0 0 20px;
        margin: 0;
        max-width: 100%;
        word-break: break-word;
    }
    .sass-contact p{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin: 0;
        width: 100%;
    }
    .sass-contact p span{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        font-size: 14px;
        line-height: 1.4;
        white-space: nowrap;
    }
    .sass-contact img{ width: 18px; height: 18px; margin-right: 6px; flex-shrink: 0;}

    /* 首页全屏 Banner H5 */
    .banner-swiper{ min-height: 100%;}
    .banner-swiper:not(.product-banner) .swiper-slide{
        position: relative;
        align-items: center;
        justify-content: center;
        padding: 70px 18px 88px;
        box-sizing: border-box;
    }
    .banner-swiper:not(.product-banner) .swiper-slide:before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(15,23,42,0.38) 0%, rgba(15,23,42,0.48) 50%, rgba(15,23,42,0.58) 100%);
        z-index: 0;
        pointer-events: none;
    }
    .banner-swiper:not(.product-banner) .w{
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 4px;
        box-sizing: border-box;
    }
    .banner-swiper:not(.product-banner) .text{
        font-size: 17px;
        font-weight: 500;
        padding: 0 8px;
        height: auto;
        line-height: 1.45;
        max-width: 100%;
        box-sizing: border-box;
        color: #fff;
        text-shadow: 0 1px 10px rgba(0,0,0,0.35);
    }
    .banner-swiper:not(.product-banner) .text h1{
        display: block;
        font-size: 24px;
        font-weight: 700;
        margin: 0 0 6px 0;
        line-height: 1.3;
        letter-spacing: 0.5px;
    }
    .banner-swiper:not(.product-banner) .ico-guohui{
        width: 52px;
        height: 58px;
        display: block;
        margin: 0 auto 14px auto;
        filter: drop-shadow(0 3px 8px rgba(0,0,0,0.28));
    }
    .banner-swiper:not(.product-banner) p.slogan{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
        line-height: 1.2;
        padding: 16px 4px 0;
        margin: 0;
    }
    .banner-swiper:not(.product-banner) p.slogan span{
        margin: 0;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0;
        color: #fff;
        padding: 6px 12px;
        border-radius: 14px;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.28);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        white-space: nowrap;
    }
    .banner-swiper .btn-free{ width: 150px; height: 40px; line-height: 40px; border-radius: 5px; margin: 15px auto 150px auto; font-size: 15px;}
    .banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet{ width: 28px; bottom: 28px;}

    .banner{ background-position: 70% center; background-repeat: no-repeat; background-size: cover; height:180px; min-height: 180px; align-items: center;}
    .banner .text{ font-size: 24px; height: 40px; line-height: 40px; letter-spacing: 0; text-shadow: 0 0 0 3px #fff;padding: 0 15px;}
    .banner .text h1{  font-size: 20px;}
    .banner .ico-guohui{ width:30px; height: 34px; margin-top: -5px;}
    .banner p{ margin-top: 0; font-size: 14px; line-height: 20px; max-width: 55%;padding: 0 0 0 15px;}
    .banner p.slogan{ font-size: 16px; margin-left: 40px;}
    .banner p.slogan span{ margin: 0 15px 0 0; letter-spacing: 0;}
    .banner p br{ display: none;}
    .banner .swiper-pagination-bullet{ bottom: 100px; top: -10px;}
    .banner .swiper-slide{ background-position: 65% center;}
    .banner .btn-reg{ margin-left: 15px; width: 150px; height: 40px; line-height: 40px; font-size: 15px; margin-top: 16px;}

    .banner-about{ height:375px; padding-top: 15px; background-position: center bottom; background-size: cover; align-items: normal;}
    .banner-about p{ max-width: 100%; padding-right: 15px; line-height: 155%;}

    .saas-banner p{ max-width: 65%;}
    .saas-banner .apply-to-use{ text-align: left; padding: 10px 0 0 15px;}
    .saas-banner .apply-to-use .btn-free{ margin: 0 0 30px 0;}

    /* 产品中心首屏：文案 + 表单改为纵向堆叠 */
    .product-banner.banner-full,
    .product-banner.banner-swiper{
        height: auto !important;
        min-height: 0 !important;
        max-width: 100%;
        overflow: hidden;
    }
    .product-banner .swiper,
    .product-banner.swiper{
        overflow: hidden;
    }
    .product-banner .swiper-wrapper{
        height: auto !important;
        display: block !important;
        transform: none !important;
    }
    .product-banner .swiper-slide{
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        transform: none !important;
    }
    /* 产品页沿用首页透明顶栏，内容需要让出固定头部高度。下滑不切白底吸顶 */
    body.home:has(.product-banner){
        padding-top: 56px;
    }
    body.home:has(.product-banner) .header,
    body.home:has(.product-banner) .header.stick{
        background: #0d4eae;
        border-bottom: none;
    }
    body.home:has(.product-banner) .header.stick .w{
        height: 56px;
    }
    body.home:has(.product-banner) .header.stick a.jq-mmenu span{
        background: #fff;
    }
    .product-banner .swiper-slide.flex,
    .product-banner .sass-slide{
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 16px;
        padding: 18px 16px 24px !important;
        box-sizing: border-box !important;
        background-size: cover !important;
        background-position: center top !important;
    }
    .product-banner .sass-desc{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: stretch;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    .product-banner .sass-desc .words{
        font-size: 13px !important;
        line-height: 1.45 !important;
        display: flex;
        align-items: flex-start;
        gap: 6px;
    }
    .product-banner .sass-desc .ico{
        width: 20px;
        height: 22px;
        flex-shrink: 0;
        margin-top: 1px;
    }
    .product-banner .sass-desc .btitle{
        font-size: 22px !important;
        line-height: 1.35 !important;
        padding: 10px 0 8px !important;
        word-break: break-word;
    }
    .product-banner .sass-desc .medium{
        font-size: 13px !important;
        line-height: 1.55 !important;
        padding: 0 !important;
        margin: 0 0 8px !important;
    }
    .product-banner .sass-desc .medium2{
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        padding: 8px 10px !important;
        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
        box-sizing: border-box;
        max-width: 100%;
        display: block;
    }
    .product-banner .sass-form{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 16px 18px !important;
        box-sizing: border-box !important;
        flex-shrink: 0;
    }
    .product-banner .sass-form h3{
        font-size: 17px;
        line-height: 1.4;
        padding: 12px 0 4px;
    }
    .product-banner .sass-form p{ font-size: 13px;}
    .product-banner .sass-form input{ margin-top: 8px; max-width: 100%; box-sizing: border-box;}
    .product-banner .sass-form input.txt{ height: 40px; text-indent: 12px; font-size: 14px;}
    .product-banner .sass-form .code{ position: relative;}
    .product-banner .sass-form .code img{
        position: absolute;
        right: 6px;
        top: 50%;
        margin-top: 4px;
        transform: translateY(-50%);
        height: 28px;
        width: auto;
    }
    .product-banner .sass-form .chk{
        font-size: 12px;
        padding: 8px 0 10px;
        line-height: 1.4;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2px 4px;
    }
    .product-banner .sass-form .chk input{
        margin: 0 4px 0 0;
        flex-shrink: 0;
    }
    .product-banner .sass-form .btn{ height: 42px; font-size: 15px; width: 100%; margin-top: 0;}
    body.home .product-banner + .ur-here,
    .product-banner ~ .ur-here{
        position: relative;
        z-index: 1;
    }
    .main-area .area:nth-child(even) .flex,
    .main-area .area:nth-child(odd) .flex{
        flex-direction: column;
        justify-content: center;
    }
    .main-area .area:nth-child(odd) .icon,
    .main-area .area:nth-child(odd) .info,
    .main-area .area:nth-child(even) .icon,
    .main-area .area:nth-child(even) .info{
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .ur-here{ padding: 12px 0; font-size: 13px;}
    .ur-here .w{ padding: 0 15px; box-sizing: border-box;}

    .part1{ padding: 0 15px 40px 15px; width: auto; overflow: hidden;}
    .part1 .main{ align-items: stretch;}
    .tabs-menu{
        width: 32%;
        height: auto;
        min-height: 0;
        margin: 24px 2% 0 0;
        padding: 8px 0;
        justify-content: flex-start;
        box-sizing: border-box;
        overflow: hidden;
    }
    .tabs-menu li{
        font-size: 14px;
        text-align: center;
        height: auto;
        min-height: 64px;
        padding: 10px 2px;
        line-height: 1.25;
        margin: 0;
        box-sizing: border-box;
        border-left: 3px solid transparent;
    }
    .tabs-menu li.active{
        border-left: 3px solid #1D76F9;
        margin-left: 0;
    }
    .tabs-menu li .ico{ width: 18px; height: 18px; margin:0 auto 5px auto; display: block;}
    .tabs-con{
        width: 66%;
        height: auto;
        min-height: 0;
        margin-top: 24px;
        overflow: visible;
        box-sizing: border-box;
    }
    .tabs-con .content{ padding: 10px 8px 12px; box-sizing: border-box;}
    .tabs-con .content dt{ font-size: 14px; font-weight: 600; padding: 6px 0 4px 0;}
    .tabs-con .content dd,
    .tabs-con .content dd p{
        font-size: 12px;
        line-height: 18px;
        color: #999999;
        margin-bottom: 8px;
        text-align: justify;
    }
    .tabs-con .content .yzfc dd p{ margin-bottom: 6px;}
    .tabs-con .content .yzfc dd p .links{
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }
    .tabs-con .content .yzfc dd p .links > span{
        margin-right: 0;
        font-size: 10px;
        height: 18px;
        line-height: 18px;
        padding: 0 5px;
        vertical-align: middle;
    }
    .tabs-con .content dd.links span{ display: inline-block; margin:0 6px 6px 0; font-size: 10px; padding: 0 6px; height: 26px; line-height: 26px;}
    .tabs-con .content .links span{ font-size: 10px; height: 22px; line-height: 22px; padding: 0 6px;}
    .tabs-con .content dd.links span:nth-child(2){ margin-right: 0;}
    .tabs-con .content img{ max-width: 100%; height: auto; display: block;}

    .part2{ padding: 50px 0 40px 0; height: auto; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/part2bg.jpg");}
    .case-tabs{ display: none;}
    .case-con .content{ display: block; margin-top: 30px;}
    .case-con .content:nth-child(even) .flex{ flex-flow: row-reverse;}
    .case-con .content .info, .case-con .content .img{ height: 200px; overflow: hidden;}
    .case-con .content .img img{ max-height: 100%;}
    .case-con .content .info{ background-image: url("../images/icodouhao.png"); background-size: 100%; padding: 30px 15px 0 15px;}
    .case-con .content .info h2{ margin-bottom: 10px; font-size: 20px;}
    .case-con .content .info p{ font-size: 13px; line-height: 20px;}

    .part3{ padding: 40px 0 50px 0;}
    .scene{ display: block; margin-top: 40px;}
    .scene li{ width: auto; height: auto; margin: 15px; box-shadow: 0px 0px 10px 0px rgba(25,43,68,0.1);}
    .scene li:nth-child(2){ margin: 15px;}
    .scene li img{ max-width: 100%; display: inline-block; margin-top: 20px;}
    .scene li h2{ font-size: 20px; padding: 8px 0 10px 0;}
    .scene li p{ font-size: 14px; padding-bottom: 15px;}

    .part4{ padding: 40px 0 50px 0;}
    .part-faq{ padding: 40px 0 50px 0;}
    .part-faq .head h2{ font-size: 22px;}
    .geo-faq-list{ margin-top: 30px; padding: 0 15px;}
    .geo-faq-item dt{ font-size: 16px;}
    .geo-faq-item dd{ font-size: 13px; line-height: 22px;}
    .top-news{ padding: 30px 15px 0 15px; flex-wrap: wrap; justify-content: space-between;}
    .top-news li{ width: 48%; height: 220px; margin-bottom: 15px; margin-right: 0; overflow: hidden;}
    .top-news li:nth-child(2n+2){ margin-right: 0;}
    .top-news li .img{ height: auto; display: block; overflow: hidden;}
    .top-news li img{ max-width: 100%;}
    .top-news li .con{ padding: 10px 10px 0 10px;}
    .top-news li h2{ font-weight: 500; font-size: 16px; color: #344264; height: 48px; overflow: hidden; text-align: justify; margin-bottom: 10px;}
    .top-news li p{ justify-content: space-between; color: #98A3B7; font-size: 12px;}
    .top-news li .ico-more{ width: 15px; height: 6px; margin: 5px 0 0 0;}
    .news{ padding: 50px 0 0 0;}
    .news .top-news{ flex-wrap: wrap; padding-top: 0;}
    .news .top-news li{ margin-bottom: 25px;}

    .site-box{ min-height: auto;}
    .site-box .w{ padding: 50px 0;}
    .site-box .head p{ line-height: 22px; font-size: 14px;}
    .site-box .head p br{ display:  none;}
    .sites { padding: 0 15px; margin-top: 25px;}
    .sites a{ margin-right:4%; width: 48%; padding: 0 10px; margin-bottom: 15px;}
    .sites a:nth-child(3n+3){ margin-right: 4%;}
    .sites a:nth-child(2n+2){ margin-right: 0;}
    .area .flex{ display: block; height: auto; padding: 30px 15px 30px 15px;}
    .area .icon{width: 100%; display: block; padding: 0 0 20px 0; text-align: center;}
    .area .icon img{ width: 70%; }
    .area .info { display: block; text-align: center; padding-left: 0; margin-bottom: 30px; width:100%;}
    .area .info h2 { font-size: 20px; line-height: 40px; }
    .area .info .desc { margin: 10px 0 15px 0; font-size: 14px; line-height: 22px; color: #999999; width: 100%;}
    .area .info .desc br{ display: none;}
    .area .info .qrcode { margin: 0 auto;}
    .area .info p{ font-size: 14px;}
    .area:nth-child(odd) .icon,.area:nth-child(odd) .info{ width: 100%; text-align: center;}


    .solution1,.solution2,.solution3{ padding: 50px 15px;}
    .solution1 li{ width: 50%; padding: 30px 0 0 0;}
    .solution1 .flex{ flex-wrap: wrap;}
    .solution1 .item{ text-align: center; padding: 0 10px;}
    .solution1 .item .name{ padding: 15px 0 8px 0; font-size: 20px;}
    .solution1 .item .desc{ color: #999; font-size: 14px; font-width: 400; line-height: 20px;}
    .solution1 .ico{ width: 50px; height: 50px;}

    .solution2{ padding: 50px 0;}
    .solution2 .flex{ display: block; justify-content: space-between; margin-top: 15px;}
    .solution2 li{ width: 100%; height: auto; position: relative;}
    .solution2 li img{ width: 100%; height: auto;}
    .solution2 .name{ left: 30px; top: 30px; font-size: 20px;}
    .solution2 .name:after{ width: 25px; margin-top: 20px;}

    .solution3 ul.flex{ padding-top: 0;}
    .solution3 li{ width: 100%; height:auto; margin-top: 20px; padding: 15px 0;}
    .solution3 li .item{ padding: 0 15px;}
    .solution3 .ico{ width: 30px; height: 30px;}
    .solution3 .con{ margin-left: 15px; width: 100%;}
    .solution3 .con h2{ margin-bottom: 15px; font-size: 20px; line-height: 25px;}
    .solution3 .con p{ font-size: 14px;line-height: 22px; padding-right: 0;}

    .news-detail .detail{ padding: 0 15px;}
    .news-title{ font-size:22px; padding-top: 15px;}
    .news-other{ padding:10px 0; font-size: 12px;}
    .news-other span{ margin:0 5px;}
    .news-con{ padding: 25px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 1.85; font-size: 15px;}
    .news-con p{ margin-bottom: 16px;}
    .news-con h1{ font-size: 22px; margin: 28px 0 12px 0;}
    .news-con h2{ font-size: 18px; margin: 28px 0 12px 0; padding-left: 10px;}
    .news-con h3{ font-size: 16px; margin: 24px 0 10px 0;}
    .news-con h4{ font-size: 15px; margin: 20px 0 10px 0;}
    .news-con .from{ padding: 25px 0 0 0; margin-bottom: -25px;}
    .news-con video{ width: 100%; height: auto;}
    .page-up-down{ font-size: 12px; padding:10px 15px; display: block;}
    .page-up-down p{ padding:0; margin-bottom: 5px;}
    .download a{ margin: 0; color: #1890ff; font-size: 14px;}
    .download .ico{ width: 25px; height: 24px; margin: 0 5px 0 0;}

    .about .w{ padding: 15px 0 30px 0;}
    .about .flex{ display: block;}
    .about .img{ padding: 0 15px;}
    .about .img img{ width: 100%; height: auto; margin-bottom: 20px;}
    .about .info h3{ font-size: 22px; text-align: center; padding:20px 0 15px 0;}
    .about .info .con{ font-size: 14px; color: #333; line-height: 160%; text-align: justify; padding:  0 15px;}
    .about .info .con a{ color: #333;}
    .about .info .con p{ padding-bottom: 20px;}

    .case-list{ padding:40px 0 60px 0;}
    .case-list .w{ width: auto; padding: 0 15px;}
    .case-list li{ min-height: 100px; display: block; box-sizing: border-box; width: 100%; margin-bottom: 20px;}
    .case-list li .img{ width: 100%; padding-right: 0; border: none; margin-right: 0; box-sizing: border-box; }
    .case-list li .img img{ width: 100%; height: auto;}
    .case-list li h2{ font-size: 16px;}
    .case-list li .info{ text-align: center;}
    .case-list li p{ height: auto; font-size: 14px; padding-bottom: 15px;}
    .case-list li .more a{ font-size: 14px;}
    .news-con .case-con{ padding: 15px;}

    .contact .w{ padding: 50px 0;}
    .contact .flex{ display: block; padding: 0 15px;}
    .contact ul{ padding-top: 0;}
    .contact li{ width:100%; height: auto; margin-top: 20px;}
    .contact .item{ padding: 30px 0 30px 30px;}
    .contact .item .ico{ width: 36px; height: 36px;}
    .contact .item strong{ font-size: 22px; margin-left: 12px;}
    .contact .item .desc{ padding: 20px 0 20px 0; font-size: 14px;}
    .contact .item .no{ font-size: 28px;}

    .attention{ padding: 50px 0;}
    .attention ul{ padding-top: 25px; display: block;}
    .attention ul li{ padding: 20px 0; width: 100%; height: auto;}
    .attention ul li img{ width: 150px; height: 150px;}
    .attention ul li p{ padding: 15px 0 0 0; font-size: 14px;}

    .service{ background: #fff;}
    .service .w{ padding: 20px 0 50px 0;}
    .service ul{ flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 15px 0 15px;}
    .service li{ width: 48%; height: 220px; margin-bottom: 15px;}
    .service .item{ padding-top: 15px;}
    .service .item .ico{ width: 45px; height: 45px;}
    .service .item .name{ font-size: 20px; margin-top: 15px;}
    .service .item .desc{ padding: 10px 0 15px 0; height: 40px;}
    .service .item .btn{ height: 32px; line-height: 32px; font-size: 14px; width: 120px;}

    .video-tabs{ text-align: left;}
    .video-tabs .tab{ margin: 0 10px; padding: 10px 0; font-size: 19px;}
    .video-tabs .tab img{ margin-right: 10px; width: 30px;}
    .video-tabs .tab.active:before{ width: 120px; transform: translateX(40px);}

    .help-center{ padding: 0 15px;}
    .help-center h2{ font-size: 22px; margin: 0 0 20px 0;}
    .help-center .ad{ padding-top: 30px; margin-right: 5px; overflow: hidden;}
    .help-center .ad img{ max-width: 220%;}

    .help-center .search{ width: 320px; margin: 10px auto 40px auto;}

    .faq-tabs li .item{ width: auto; padding-bottom: 12px; font-size: 18px;}
    .faq-tabs li.active .item{ border-bottom: 3px solid #1D76F9;}
    .faq-con{ padding-top: 25px;}
    .faq-con dt{ font-weight: 400;font-size: 16px;color: #333333; padding: 10px 0; cursor: default;}
    .faq-con dd.con{ display: none; padding: 10px 20px; font-size: 14px; line-height: 160%;}

    .tags-main{ padding: 0;}
    .tags-main .tags{ padding: 0 15px 20px 75px; font-size: 12px;}
    .tags-main .tags span{ left: 15px;}
    .tags-main .tags a{ margin-bottom: 8px; font-size: 12px;}

    .saas-tabs{ border-bottom: 2px solid #eee; height: 150px;}
    .saas-tabs .item{ margin: 0 15px;}
    .saas-tabs .item p{ font-size: 16px;}
    .saas-tabs-price .item p{ font-size: 18px;}
    .saas-tabs .ico{ width: 50px; height: 50px; margin-top: 50px;}
    .saas1 .ico{ width: 80px; height: 80px;}
    .saas2{ padding: 50px 15px;}
    .saas2 .box{ height:  auto; margin-top: 30px;}
    .saas3{ padding: 50px 0;}
    .saas3 .box{ display: inline-block; padding: 45px 15px; background: #F5F8FF; margin: 0 0 30px 0;}
    .saas3 .box dl{ width: 100%;}
    .saas3 .box dt{font-size: 20px; padding: 25px 0 10px 0;}
    .saas3 .box dd p{ font-size: 15px; margin-bottom: 25px;}
    .saas3 .box dd.links span{ margin-right: 15px; margin-bottom: 15px; font-weight: 400; font-size: 14px; color: #1D76F9; padding: 0; width: 80px;}
    .saas3 .box .img{ width: 100%; text-align: center;}
    .saas3 .box:nth-child(2n+1) .img{ text-align: center;}

    .flow{ padding: 50px 0; margin-bottom: 60px; background: #F5F8FF;}
    .flow .flex{ justify-content: space-between; flex-wrap: wrap;}
    .flow li{ width: 50%;}
    .flow li:after{ display: none;}
    .flow .item{ width: 120px; margin: 0 auto;}
    .flow .item p{ font-size: 16px; padding-top: 10px;}
    .flow .ico{ width: 120px; height: 120px;}
    .flow-line{ display: none}
    .saas-basic li{ width: auto; height: 140px; padding: 20px 0 0 40px;}

    .price-box{ padding: 30px 0 50px 0;}
    .price-box .saas-con, .price-box .saas-con:first-child{ width: auto;}
    .price-box .free-tags{ width: 90px; line-height: 30px; height: 30px; font-size: 16px;}
    .price-box .recommend-tags{ top:-42px; line-height: 42px; font-size: 18px; color: #FFFFFF; height: 42px;}
    .price-box .price b{font-size: 42px;}
    .price-box .btn{  margin-left: -80px; bottom: 60px;}

    .price-box .swiper-pagination-clickable .swiper-pagination-bullet{ background: #ccc; width: 30px; height: 3px; border-radius: 0; margin: 0 10px; position: relative; bottom: 15px; opacity:100;}
    .price-box .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #3D8BF9;}
    .saas-tabs-price .item{ margin: 0 45px;}

    .popup{ width: 320px; height: 340px;}
    .popup h2{ font-size: 19px; padding: 40px 0 30px 0;}
    .popup dt{ font-size: 15px;}
    .popup dd img{ width: 120px; height: auto;}
    .popup dd p{ font-size: 13px;}
    .popup dd p b{ font-size: 16px;}

    .contact-form{ padding: 14px 0 calc(10px + env(safe-area-inset-bottom, 0px)); max-height: 58vh; overflow-y: auto; -webkit-overflow-scrolling: touch; border-radius: 16px 16px 0 0; z-index: 2147483000;}
    .contact-form .w{ width: 100%; max-width: 100%; padding: 0; box-sizing: border-box;}
    .contact-form .icoclose2{ width: 32px; height: 32px; right: 10px; top: 10px; z-index: 2; background-size: 18px 18px; background-position: center; background-color: rgba(255,255,255,0.18); border-radius: 50%;}
    .contact-form p{ font-size: 12px; line-height: 1.45; padding: 0 46px 0 16px;}
    .contact-form p strong{ display: block; font-size: 16px; line-height: 1.3; margin-bottom: 4px;}
    .contact-form p span{ display: block;}
    .contact-form .hotline{ white-space: nowrap; font-style: normal; font-weight: 600;}
    .contact-form form{ display: block; padding: 8px 16px 0 16px;}
    .contact-form form .input,
    .contact-form form .select{ width: 100%; max-width: 100%; margin: 0 0 8px 0; height: 38px; line-height: 38px; box-sizing: border-box; font-size: 14px; color: #333; background-color: #fff;}
    .contact-form form .input:nth-child(1),
    .contact-form form .input:nth-child(2),
    .contact-form form .input:nth-child(3),
    .contact-form form .input:nth-child(4){ width: 100%;}
    .contact-form form .code{ width: 100%; position: relative; margin-bottom: 8px;}
    .contact-form form .code .input{ width: 100%; padding-right: 96px; margin-bottom: 0;}
    .contact-form form .code img{ right: 6px; top: 50%; margin: 0; height: 28px; width: auto; transform: translateY(-50%);}
    .contact-form form .btn{ width: 100%; height: 40px; line-height: 40px; margin-top: 2px; font-size: 15px;}
    body.contact-bar-open .toTop{ display: none !important; }
    body.mm-nav-open .contact-form{ display: none !important; }
    body.mm-nav-open .header{ visibility: hidden; }
    body.contact-bar-open iframe,
    body.contact-bar-open #nb_icon_wrap,
    body.contact-bar-open .nb-icon-wrap,
    body.contact-bar-open #newBridge,
    body.contact-bar-open #udesk_container,
    body.contact-bar-open [id^="div_company_mini"]{ display: none !important; visibility: hidden !important; }
    
    .cooperation{ padding: 0 0 30px 0;}
    .cooperation li{ padding: 20px 15px; display: block;}
    .cooperation .img{ width: 100%;}
    .cooperation .info{ width: 100%;}
    .cooperation .info h2{ font-size: 19px; padding-bottom: 0;}
}
@keyframes shine {
    0% {
        left: -100%;
    }
    20% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}