@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}
.link-a{color: #436ff6;cursor: pointer;}
h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{position: fixed; width: 100%; top: 0;left: 0; height: 78px; z-index: 100;transition: All 0.4s ease-in-out;}
.header.on{top: -78px;}
.headerbox{overflow: hidden; width: 1200px; margin: 0 auto;max-width: 94%;}
.logo{float: left; width: 121px;padding-top: 15px;}
.logo img{width: 100%;}
.nav{float: right;overflow: hidden;}
.nav ul{overflow: hidden; margin-left: -60px;}
.nav li{float: left; line-height: 78px;font-size: 16px; padding-left: 60px;}
.nav li a{color: #02012d; display: block; position: relative;}
.nav li a:before{position: absolute; content: ""; border-bottom: 4px solid #436ff6;border-radius: 2px;left: 50%; bottom: 2px;transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out;}
.nav li.cur a:before{width: 100%;}
.nav a:hover:before{width: 100%;}

.banner{overflow: hidden; position: relative; }
.banner img{width: 100%;}
.banner_text{width: 1200px; position: absolute; max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner_text h2{font-size: 30px; line-height: 50px; color: #02012d;font-weight: bold;margin-bottom: 20px;}
.banner_text p{font-style: normal; font-weight: 400; font-size: 18px;line-height: 32px; color: #86909C;}

@keyframes ab{
		0%{ transform:translate(-50%,-50%) scale(0); opacity: 0;}
		50%{transform:translate(-50%,-50%) scale(0.7); opacity:0.05;}
		100%{transform:translate(-50%,-50%) scale(1.5); opacity:0;}
	}
.btn{position: relative;width: 180px;height: 56px; background: #436ff6;display: block;overflow: hidden;border-radius: 28px;margin-top: 30px;}
.btn span{display: block; color: #fff; text-align: center; line-height: 56px;position: relative;z-index: 100;     font-size: 18px;font-weight: bold;}
.btn:before{position: absolute; background: #000; width: 100%;height: 200%;content: "";left:50%; top:50%; border-radius: 50%; opacity: 0;}
.btn:hover:before{ opacity: 0; animation:0.5s ab linear 1;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #cedbeb;opacity: 1; border-radius: 7px;transition: All 0.4s ease-in-out;}
.banner .swiper-pagination-bullet-active{background: #3c90ff;width: 31px;}
.banner .swiper-pagination{bottom: 7vh;}

.bj1{background: url(../index_files/bj1.png) no-repeat center center; background-size: cover;}
.xtbb{width: 1200px; margin: 0 auto;max-width: 94%;}
.xtbb_title{padding:85px 0 50px;}
.xtbb_title h2{font-weight: bold; font-size:30px; margin-bottom: 20px; color: #02012d;}
.xtbb_title p{font-size: 20px; line-height: 1.5; color: #02012d;}
.xtbb_nr{overflow: hidden;padding-bottom: 100px;}
.xtbb_nr ul{overflow: hidden; padding: 5px; margin-left: -20px;}
.xtbb_nr li{float: left; width: 25%; padding-left: 20px;}
.xtbb_box{border-radius: 20px; overflow: hidden;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.xxbb_top{background: url(../index_files/a_04.png); height: 170px;padding: 25px 20px 0 20px;background-size: 100% 100%;}
.xxbb_top h3{font-size: 16px; color: #fff;}
.xxbb_top h2{color: #fff; font-size: 24px; line-height: 60px;}
.xxbb_top p{font-size: 14px; line-height: 1.6; color: #fff;}
.xtbb_zhang{padding: 25px 20px 0 20px;}
.xtbb_zhang h2{font-size: 24px; color: #000;}
.xtbb_zhang h2 b{font-size: 18px;}
.xtbb_zhang h2 span{color: #a6a6a7; font-size: 16px;margin-top: 8px;}
.xtbb_zhang a{font-size: 18px; line-height: 54px; border-radius: 8px; color: #fff;text-align: center; margin-top: 22px;background: #4989f7;display: block;}
.xtbb_zhang p{font-size: 16px; line-height: 60px; color: #4989f7;}
.xtbb_zhang p img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;}
.ztbb_bottom{padding: 0 20px 25px 20px;}
.ztbb_bottom dl{border-top: 1px solid #dfe9ef; padding-top: 15px;}
.ztbb_bottom dt{font-size: 16px; color: #393939; line-height: 42px;}
.xtbb_nr ul li:nth-child(2) .xxbb_top{ background: url(../index_files/a_07.png) no-repeat center center;background-size: 100% 100%;}
.xtbb_nr ul li:nth-child(2) .xtbb_zhang a{background: #77de7b;}
.xtbb_nr ul li:nth-child(2) .xtbb_zhang p{color: #77de7b;}
.xtbb_nr ul li:nth-child(3) .xxbb_top{ background: url(../index_files/a_10.png) no-repeat center center;background-size: 100% 100%;}
.xtbb_nr ul li:nth-child(3) .xtbb_zhang a{background: #c7b485;}
.xtbb_nr ul li:nth-child(3) .xtbb_zhang p{color: #c7b485;}
.xtbb_nr ul li:nth-child(4) .xxbb_top{ background: url(../index_files/a_13.png) no-repeat center center;background-size: 100% 100%;}
.xtbb_nr ul li:nth-child(4) .xtbb_zhang a{background: #333333;}
.xtbb_nr ul li:nth-child(4) .xtbb_zhang p{color: #333333;}

.fwyt{width: 1200px; margin: 0 auto; max-width: 94%; padding: 85px 0;}
.fwyt_title h2{font-weight: bold; font-size: 30px; line-height: 60px; color: #02012d;}
.fwyt_nr{overflow: hidden;}
.fwyt_left{float: left; width: 200px;}
.fwyt_left li{padding-top: 20px;}
.fwyt_left span{display: block; border-radius: 8px; text-align: center; line-height: 52px; font-size: 20px; color: #000000;cursor: pointer;}
.fwyt_left li.cur span{color: #fff;background: #2d68e7;}
.fwyt_right{float: right;width: calc(100% - 240px);}
.fwyt_qh{overflow: hidden;animation:fadeIn .25s, 100ms;}
.fw_wb{width: 40%;float: left; padding: 50px 40px 0 0;}
.fw_wb h2{font-size: 30px;font-weight: bold; color: #02012d; margin-bottom: 20px;}
.fw_wb p{font-size: 16px; line-height: 2; color: #a8a8a8;}
.fw_wb ul{display: flex;justify-content : space-between; padding: 40px 0;}
.fw_wb ul li img{margin: 0 auto;border-radius: 50%; width: 70px;height: 70px;}
.fw_wb h3{font-size: 18px; margin-top: 25px;color: #515151;text-align: center;}
.btn1{display: block; text-align: center; line-height: 56px;width: 180px; font-size: 18px;color: #fff;background: #2d68e7;border-radius: 8px;}
.fw_tp{width: 60%;float: right;}
.fw_tp img{width: 100%;}

.bj2{background: url(../index_files/bj2.png) no-repeat center center;background-size: cover;}
.saas{width: 1200px; margin: 0 auto; padding: 85px 0 0 0;max-width: 94%;
    border-top: 2px solid #ddd;
    display: flex; justify-content: space-between; align-items: flex-start;flex-wrap: wrap; position: relative;}
.saas_left{ width: 35%;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    top: 120px}
.saas_left p{font-size: 16px; color: #02012d; line-height: 2;}
.saas_left h2{font-weight: bold; font-size: 30px; line-height: 50px; color: #02012d; margin-top: 25px;}


.box-wrapper li{padding-bottom: 25px;}
.box-wrapper{width:60%;-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:25px;-webkit-column-gap:25px;column-gap:25px;}
.box-wrapper ul li:nth-child(1){ padding-top: 75px;}

.saas_box{border-radius: 10px;background: #fff;border: 1px solid #cedbeb;padding: 0 20px 25px 20px;}
.saas_title{position: relative; padding: 40px 0 50px; border-bottom: 1px solid #f3f3f3;}
.saas_title h2{font-weight: bold; font-size: 24px; color: #000000;position: relative;}
.saas_title h2:before{position: absolute;content: ""; border-bottom: 4px solid #436ff6; border-radius: 3px; width: 40px;letter-spacing: 0; bottom: -34px;}
.saas_title img{position: absolute; right: 15px;top:50%; transform: translateY(-50%);height: 50px;}
.saas_nr{padding: 20px 0 0 0;}
.saas_nr dt{overflow: hidden;margin: 15px 0;}
.saas_nr span{float: left; font-size: 20px; font-weight: bold; color: #000000;}
.saas_nr b{float: right;width: calc(100% - 100px); font-size: 16px; line-height: 22px; color: #88909b;}

.bj3{background: url(../index_files/bj3.png) no-repeat center center;background-size: cover;}
.jjfa_title{width: 1200px; margin: 0 auto; max-width: 94%;}
.jjfa_title h2{font-weight: bold; font-size: 30px; color: #02012d; padding: 85px 0 0 0;}

.jjfa_btn{text-align: center; width: 1200px; margin: 0 auto; max-width: 94%;border-bottom: 1px solid #eaeaea;}
.jjfa_btn ul{overflow: hidden;}
.jjfa_btn li{float: left; width: 20%;text-align: center; line-height: 90px; font-size: 20px;}
.jjfa_btn span{display: inline-block; color: #000; position: relative;cursor: pointer;transition: All 0.4s ease-in-out;}
.jjfa_btn span:before{position: absolute; bottom: 0; left: 50%;content: ""; border-bottom: 4px solid #3c90ff; width: 0;transform: translateX(-50%);	}
.jjfa_btn li.cur span:before{width: 100%;}
.jjfa_nr{padding-top: 40px;}
.jjfa_qh{display: flex;align-items: center;background:#2077f1;animation:fadeIn .25s, 100ms; }
.jjfa_left{width: 50%; }
.jjfa_left img{width: 100%;}
.jjfa_right{width: 50%; padding: 0 16vw 0 50px;}
.jjfa_right h2{font-size: 20px;color: #fff;margin-bottom: 35px;font-weight: bold;}
.jjfa_right h3{color: #fff; font-size: 16px; line-height:2;}
.jjfa_right ul{padding-top: 60px;display: flex;justify-content : space-between;}
.jjfa_right img{margin: 0 auto;height: 40px;}
.jjfa_right p{text-align: center; font-size: 18px;color: #fff; margin-top: 30px;}

.dsgn{width: 1200px; margin: 0 auto; max-width: 94%;}
.dsgn_titel h2{font-size: 30px; font-weight: bold; color: #02012d; padding: 85px 0 50px;}
.dsgn_nr ul{overflow: hidden; padding: 10px 0 135px; margin-left: -15px;}
.dsgn_nr li{float: left;width: 25%; padding-left: 15px;}
.dsgnbox{border: 2px solid #2f64e4;height: 160px; padding:30px 20px 0 20px;border-radius: 15px;position: relative;}
.dsgnbox span{display: block; position: absolute;width: 70px;height: 70px;border-radius: 50%; background: #f5f5f5;right: 20px;top:50%; transform: translateY(-50%);}
.dsgnbox span img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);height: 30px;}
.dstext{float: left; width: calc(100% - 80px);}
.dstext h2{font-size: 16px;color: #383838; font-weight: bold; margin-bottom: 20px;}
.dstext p{font-size: 12px; line-height: 1.7; color: #666666;}

.cjfa{width: 1200px; margin: 0 auto; max-width: 94%;}
.cjfa_title h2{font-size: 30px; font-weight: bold; color: #02012d; line-height: 100px;}
.cjfa_box{animation:fadeIn .25s, 100ms; }
.cjfa_nr img{width: 100%;border-radius: 25px;}
.cjfa_bt{padding: 70px 0 100px;}
.cjfaqh ul{overflow: hidden; margin-left: -20px;}
.cjfaqh li{float: left; width: 25%;padding-left: 20px;cursor: pointer;}
.cjbox{border-top: 2px solid #eef1f8;}
.cjbox h2{font-size: 20px; color: #8c8c8c;padding-top: 34px;} 
.cjbox h3{font-size: 15px; line-height: 22px; color: #8c8c8c; margin: 20px 0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cjbox p{font-size: 14px; line-height: 22px; margin: 4px 0;background:url(../index_files/a_02.png) no-repeat left 6px ; padding-left: 17px;}
.cjfaqh li.cur .cjbox{border-top: 2px solid #477cfb;}
.cjfaqh li.cur h2{color: #000000;}
.cjfaqh li.cur p{color: #000; background: url(../index_files/a_03.png) no-repeat left 6px;}

.bj4{background: url(../index_files/bj4.png) no-repeat center center;background-size: cover;}
.hzsh{width: 1200px; margin: 0 auto; max-width: 94%;}
.hzsh_title h2{font-size: 30px; font-weight: bold; color: #02012d; padding: 85px 0 50px;}
.hzsh_nr ul{overflow: hidden; margin-left: -20px; padding-bottom: 100px;}
.hzsh_nr li{float: left; width: 16.66%; padding-left: 20px;}
.hzsh_nr a{display: block; overflow: hidden; border-radius: 25px;}
.hzsh_nr img{width: 100%;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.img4 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.img4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);}

.bj5{ background: #f5f5fa;}
.hzsh_title h2{font-size: 30px; font-weight: bold; color: #02012d; padding: 85px 0 50px;}
.hzhb{overflow: hidden; padding-bottom: 80px;}
.hzhb_left{width: 621px; float: left;}
.hzhb_left img{width: 100%;}
.hzhb_right{float: right;width: calc(100% - 640px);padding-top: 10%;}
.hzhb_right ul{overflow: hidden; margin-left: -20px;padding: 5px;}
.hzhb_right li{float: left; width: 50%; padding: 0 0 20px 20px; }
.hzbox{background: #fff;border-radius: 12px; padding: 0 20px;height: 150px;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.hzbox h2{font-size: 20px;font-weight: bold; color: #2d68e6; padding: 30px 0 20px;}
.hzbox p{font-size:16px; line-height: 1.6; color: #a8a4a0;}

.footer{background: #1b1b1c;}
.footerbox{width: 1200px; margin: 0 auto; max-width: 94%;}
.footer_top{padding: 80px 0 50px; border-bottom: 1px solid #2c2c2c;}
.footer_top ul{overflow: hidden; text-align: center;}
.footer_top li{font-size: 16px; padding:0 50px;display: inline-block;}
.footer_top a{color: #fff;}
.footer_top a:hover{opacity: 0.7;}
.wzsh{padding: 30px 0;overflow: hidden;border-bottom: 1px solid #2c2c2c;}
.wzsh ul{overflow: hidden;float: left;width: calc(100% - 380px); padding-top: 2%;}
.wzsh li{float: left; width: 33.33%;overflow: hidden;}
.wzsh h2{font-size: 20px; color: #fff;}
.wzsh p{font-size: 20px; margin-top: 20px; color: #9b9b9b;}
.rwm{display: flex;justify-content : space-between;align-items: center;float: right;width:380px;}
.rwm h3{font-size: 16px; color: #9b9b9b; margin-top: 25px;}
.rwm img{
    width: 130px;height: 130px;
}
.bqxx p{font-size: 14px; color: #717172;line-height: 30px; padding: 35px 0;}
.bqxx p span{padding-right: 22px;}

.right_fd{position: fixed; right: 0;background: #fff; width: 70px; box-shadow:0 0 10px rgba(0, 0, 0, .1); z-index: 88; right: 0;top:50%; transform: translateY(-50%);}
.right_fd a{display: block; padding: 15px 0; position: relative;text-align: center;transition: All 0.4s ease-in-out;}
.right_fd img{margin: 0 auto;}
.right_fd p{font-size: 16px;margin-top: 10px;color: #5a5a5a;}
.right_fd a:before{position: absolute; bottom: 0;left: 50%;transform: translateX(-50%);border-bottom: 1px solid #e2e2e2;width: 33px;content: "";}
.right_fd a:hover{background: #f0f0f0;}
.right_fd ul li:nth-child(3) a:before{ width: 0;}

/*下载中心*/
.download {
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
    background: url(../index_files/bg.png) no-repeat;
    background-size: cover;
}
.download .download-wrapper {
    width: 1200px;
    margin: auto;
}
.download .download-box {
    background: #FFFFFF;
    border-radius: 10px;
    padding:30px;
    margin-bottom:20px;
    position: relative;
}

.download .box-header {
    display: flex;
    height:70px;
    margin-bottom:30px;
    align-items: center;
}

.download .box-header .header-img {
    width:70px;
    height:70px;
}
.download .box-header .header-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left:20px;
}
.download .box-header .header-text .text-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
    color: #272E3B;
}
.download .box-header .header-text .text-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #86909C;
    margin-top:4px;
}
.download .box-body {

    display: flex;
}

.download .box-body .body-item {
    width: 560px;
    height: 278px;
    background: #F6F7FF;
    border-radius: 4px;
    padding:30px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.download .box-body .body-item .coming {
    width: 64px;
    height: 24px;
    background: #FEF3E6;
    border-radius: 0px 4px;
    position: absolute;
    right:0;
    top:0;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #ED7B2F;
}
.download .box-body .body-item:last-child {
    margin-left:20px;
}
.download .body-item .item-header{
    display: flex;
}
.download .body-item .item-header .header-text {
    flex:1;
}
.download .body-item .item-header .header-text .text-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #272E3B;
}
.download .body-item .item-header .header-text .text-tags {
    margin-top:8px;
}
.download .body-item .item-header .header-text .text-tags  span {
    min-width: 60px;
    height: 24px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
    margin-right:8px;
    margin-bottom: 30px;
    padding:0 7px;
    box-sizing: border-box;
}
.download .body-item .item-header .header-text .text-tags  span.android{
    background: #E8F8F2;
    border: 1px solid #00A870;
    color:#00A870;
}
.download .body-item .item-header .header-text .text-tags  span.ios{
    background: #EEF0FE;
    border: 1px solid #5369F8;
    color:#5369F8;
}
.download .body-item .item-header .header-text .text-tags  span.windows{
    background: #ECF5FF;
    border:1px solid #0B7BFF;
    color:#0B7BFF
}
.download .body-item .item-header .header-text .text-tags  span.wxapp{
    background: #F5EEFF;
    border:1px solid #9B4DFF;
    color:#9B4DFF
}
.download .body-item .item-header .header-img img{
    width: 125px;
}
.download .body-item .item-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4E5969;
    margin-bottom:6px;
}
.download .body-item .item-buttons {
    margin-top:auto;
    align-content: space-between;
    display: flex;
}
.download .body-item .item-buttons .disabled{
    cursor: no-drop;
    border-color: #BAC3FC;
    color: #BAC3FC;
    pointer-events: none;
}
.download .body-item .item-buttons a {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #5369F8;
    border-radius: 4px;
    color:#5369F8;
    height:38px;
    line-height:38px;
    font-size:14px;
    text-align: center;
    width: 242px;
}
.download .body-item .item-buttons a.block {
    width:100%;
    margin-left:0 !important;;
}
.download .body-item .item-buttons a:not(:first-child){
    margin-left:16px
}
/*.download .body-item .item-buttons a:hover {*/
/*    background: #5369F8;*/
/*    color:#fff;*/
/*}*/
.miniprogram-pop{width: 500px;text-align: center;
    padding: 10px; overflow: hidden;
    position: absolute;
    transition: transform 0.2s ease-in-out 0.1s;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transform: translateX(-50%) scale(0);
    transform-origin: top center;
    z-index: 1000;
}
.miniprogram-pop .miniprogram-pop-item{
    width: 200px;display: inline-block;
    background: #F6F7FF;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #86909C;
    box-sizing: border-box;
}
.miniprogram-pop .miniprogram-pop-item img{width: 100%;}
.miniprogram-pop .miniprogram-pop-item .title{
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #272E3B;
}
.miniprogram-pop .miniprogram-pop-item .version{
    margin-top: 6px;
}
.miniprogram-pop .miniprogram-pop-item a{
    color:#5369F8 ;
    margin: 0 12px;
}
.miniprogram-pop .miniprogram-pop-item >img{
    height: 200px;
    width: 200px;
    margin-top: 16px;
    display: block;
}
.miniprogram-pop .miniprogram-pop-item .tips{
    text-align: center;
    margin-top: 12px;
}
.miniprogram-pop .miniprogram-pop-item .btn{
    width: 200px;
    height: 38px;
    background: #5369F8;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin-top: 20px;
    cursor: pointer;
}
.miniprogram-pop .miniprogram-pop-item .btn img{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.miniprogram-pop:hover{
    transform: translateX(-50%) scale(1) !important;
}
.miniprogram-pop:before{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background: #fff;
}
.sjzsxzzx{display: none;}
.header_xz{background: #fff;}


@media(max-width:1200px){
.nav li{padding-left: 60px;}
.nav ul{margin-left: -60px;}
.xtbb_nr li{width: 50%; padding-bottom: 20px;}
.jjfa_right h2{font-size: 24px; margin-bottom: 10px;}
.jjfa_right h3{font-size: 14px; line-height: 20px;}
.jjfa_right p{font-size: 14px; margin-top: 15px;}
.jjfa_right img{height: 30px;}
.dsgn_nr li{width: 50%; padding-bottom: 15px;}
.cjbox h2{font-size: 20px;}
.hzsh_nr ul{padding-bottom: 100px;}
.hzhb_right li{width: 100%;}
.hzbox{height: 120px;}
.hzhb_right li{padding-bottom: 15px;}
.hzbox h2{padding: 20px 0 15px; font-size: 20px;}
.hzhb{padding-bottom: 100px;}
.footer_top{padding: 90px 0 45px;}
}
@media(max-width:1000px){
	.saas_box {padding: 0 25px;}
	.wzsh ul,.footer_top { display: none;}
	.hzbox { height: auto; padding-bottom: 20px;}
	.jjfa_right ul {padding-top: 20px;}
	.saas_title img {width: 30px;}
.saas_title { padding: 20px 0;}
.saas_title h2 { font-size: 20px;}
.saas_title h2:before { bottom: -12px; border-bottom: 2px solid #436ff6;}
.saas_left p,.saas_nr span { font-size: 16px;}
.saas_nr dt { margin: 10px 0;}
.fw_wb p,.fw_wb h3,.saas_nr b { font-size: 14px;}
.fw_wb ul li img { width: 60px; height: auto;}
.header{height: 60px;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }	
.fgt{height: 60px;}	
.logo{width: 100px; padding-top: 10px;}	
.dhbtn{width: 30px;height: 30px; position: absolute; right: 3%; top: 15px;background: url(../index_files/d1.png) no-repeat center center;background-size: 20px 20px;}	
.dhbtn.on{background: url(../index_files/d2.png) no-repeat center center;background-size: 20px 20px;}	
.nav{position: fixed; width: 100%; height: calc(100vh - 60px); top: 60px;left: 0;background: #fff;display: none;}	
.nav li{float: none; width: 100%; padding: 0 15px;line-height: 58px; border-bottom: 1px solid #ddd;}	
.nav ul{margin: 0;border-top: 1px solid #ddd;}	
.nav li.cur a:before{border: none;}
.banner .swiper-slide{height: 240px;}	

.banner img {height: 100%; object-fit: cover;}
.banner_text h2{font-size: 20px;line-height: 1.5; margin-bottom: 6px;}	
.banner_text p{font-size: 12px;line-height: 1.5; width: 70%;}	
.btn {font-size: 14px; line-height: 30px;width: 100px;height:30px;margin-top: 10px;}	
.btn span{line-height: 30px;font-size: 12px;}	
.banner .swiper-pagination{bottom: 10px;}	
.right_fd{display: none;}	
.xtbb_title{padding: 50px 0 25px;}	
.xtbb_title h2{font-size: 24px;}	
.xtbb_title p{font-size: 16px;}	
.xtbb_nr li{float: none; width: 100%;}	
.xtbb_nr{padding-bottom: 40px;}	
.fwyt{padding: 50px 0;}	
	
.fwyt_title h2{font-size: 24px; line-height: 1.6;}	
.fwyt_left{float: none; width: 100%;}
.fwyt_left ul{overflow: auto;white-space: nowrap;}	
.fwyt_left li{float: none; display: inline-block;padding-right: 10px;}	
.fwyt_left span{padding: 0 12px;font-size: 16px; line-height: 30px}	
.fwyt_right{float: none; width: 100%;}
.fw_wb{float: none; width: 100%; padding: 20px 0 0 0;}
.fw_wb h2{font-size: 24px;}	
.fw_wb ul{padding: 25px 0;}	
.btn1{width: 120px; line-height: 40px; font-size: 16px;}
.fw_tp{float: none;width: 100%; padding-top: 30px;}
.saas{padding: 50px 0 0 0;}
.saas_left{width: 100%; float: none; position: static;}
.saas_left h2{font-size: 24px; line-height: 1.6;}
.box-wrapper{float: none; width: 100%;}
.box-wrapper li{padding-bottom: 20px;}
.box-wrapper {
	-moz-column-count:1;
        -webkit-column-count:1;
        column-count:1;
	-moz-column-gap:35px;
	-webkit-column-gap:35px;
	column-gap:35px;
}
.box-wrapper ul li:nth-child(1){ padding-top: 30px;}
.bj2{height: auto;}
.jjfa_title h2, .fwyt_title h2, .dsgn_titel h2, .cjfa_title h2, .hzsh_title h2{font-size: 20px;}
.jjfa_title h2{padding-top: 50px; font-size: 20px;}
.jjfa_btn ul{overflow: auto;white-space: nowrap;}
.jjfa_btn li{display: inline-block; padding-right: 15px;width: auto;float: none;font-size: 16px; line-height: 3.4;}
.jjfa_nr{padding-top: 25px;}
.jjfa_qh{display: block; padding: 15px;}
.jjfa_left{width: 100%;}
.jjfa_right{width: 100%; padding: 25px 0 15px 0;}
.dsgn_titel h2{padding: 50px 0 20px;}
.dsgn_nr li{width: 100%; float: none;}
.dsgn_nr ul{padding-bottom: 40px;}
.cjfa_title h2{line-height: 1; margin-bottom: 25px;}
.cjfa_bt{padding: 30px 0 50px;}
.cjfaqh ul{overflow: auto;white-space: nowrap;}
.cjfaqh li{float: none; width: auto;display: inline-block;}
.hzsh_title h2{line-height: 2.6;}
.hzsh_nr li{width: 33.33%;padding-bottom: 20px;}
.hzsh_nr ul{padding-bottom: 20px;}
.hzhb_left{width: 100%;float: none;}
.hzhb_right{float: none; width: 100%;}
.hzhb{padding-bottom: 50px;}
.footer_top{padding: 25px 0;}
.footer_top li{padding: 0; width: 16.66%;text-align: center;text-align: center;font-size: 12px;}
.footer_top ul{margin-left: 0;}
.wzsh ul{width: 100%; float: none;}
.wzsh li{float: none; width: 100%;text-align: center;padding-bottom: 30px;}
.wzsh p{margin-top: 10px;}
.rwm{float: none; width: 100%; display: block; text-align: center;}
.rwm img{margin: 0 auto 20px auto; width: 100px;}
.bqxx p{text-align: center;}
.bqxx p span{display: block;}
.dff-page{display: none;}
.sjzsxzzx{display: block; padding: 90px 5% 25px 5%;min-height:100%; background-image: linear-gradient(#cbcffc, #e1effc);height: 100vh;}
.xzbox{background: #fff;border-radius: 8px;}
.xztop{padding: 25px 20px; overflow: hidden;border-bottom: 1px solid #ddd;}
.xztop img{float: left;}
.xztext{float: right;width: calc(100% - 120px);}
.xztext h2{color: #333; font-size: 24px; color: #333; line-height: 40px;margin:10px 0 15px;font-weight: bold;}
.xztext p{font-size: 16px; color: #999;}
.ios{padding: 0 20px;}
.ios_title{text-align: center; padding: 40px 0 20px;} 
.ios_title h2{font-size: 24px; color: #333; margin-bottom: 15px;}
.ios_title p{color: #999; font-size: 16px;}
.ios_nr li{margin-bottom: 20px;font-size: 16px; line-height: 1.6;background: url(../index_files/d4.png) no-repeat left center; padding-left: 38px;color: #333;}
.ios dl{padding: 20px 0;}
.ios dt{padding-bottom: 20px;}
.ios a{display: block; color: #fff; line-height: 46px; font-size: 18px; border-radius: 23px; text-align: center; background: #5767ee;}

.sjyc{display: none;}

}

.fix-modal{
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 100;
    display: none;
}
.modal-box{
    height: 100vh;
    width: 100vw;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.modal-kf-box{
    height: 480px;
    width: 370px;
    background-color: #fff;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12px;
}
.fix-kf-modal{
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 100;
    display: none;
}
.fix-kf-main{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.icon_kf_close{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 120;
    cursor: pointer;
}
.fix-kf-title{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    color: #000;
}
.icon_close{
    position: fixed;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
}
.icon_close img{
    height: 60px;
    width: 60px;
    margin: auto;
    cursor: pointer;
}