.dlshow{ display: none}
/*>=750的设备屏幕*/
@media screen and (min-width:750px) {
  .wapptjs{ display: none}
  /*banner*/
  .banner {background: url(../img/swiper-bg.png);background-size: cover;background-repeat: no-repeat; height: 700px;position: relative;}
  /*介绍*/
  .yptjs {font-size: 16px;color: #343a40;line-height:38px;width: 515px;padding-top: 110px;}
  .yptjs .cpjstwo { margin-top: 24px;}
  .yptjs .cpjsone, .yptjs .cpjstwo {text-indent: 2em; }
  .ljgm { width: 221px; height: 59px;border-radius: 59px; line-height: 59px; background: #3277df; color: #fff; font-size: 26px; display: inline-block; text-align: center; margin: 50px 0 0 13px; cursor: pointer}
  .ljgm:hover { background: #4487eb}
  /*动画*/
  .ljgm{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
  .ljgm:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
  .ljgm:active,.ljgm:focus,.ljgm:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
  .ljgm:active:before,.ljgm:focus:before,.ljgm:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
  .banner_rimg{position: absolute; top: 40px; right:5%;}
  .banner_rimg img{animation:moveimg infinite 3s;will-change:transform; width: 711px; height: 562px;}
  @keyframes moveimg{0%{transform:rotate3d(0,0,0,0deg)}
    50%{transform:rotate3d(0,1,0,20deg)}
    100%{transform:rotate3d(0,0,0,0deg)}
  }
  /*四个圆*/
  .circle1{position:absolute;left:40px;top:40px;width:100px;height:100px;border-radius:50%;background:rgba(191,209,553,.2);animation:move 2.5s linear infinite}
  .circle2{position:absolute;left:30%;top:60%;width:150px;height:150px;border-radius:50%;background:rgba(191,209,553,.2);animation:move 3s linear infinite}
  .circle3{position:absolute;right:40px;top:140px;width:130px;height:130px;border-radius:50%;background:rgba(191,209,553,.1);animation:move 2.5s linear infinite}
  .circle4{position:absolute;left:45%;top:50px;width:160px;height:160px;border-radius:50%;background:rgba(191,209,553,.1);animation:move 3.5s linear infinite}
  @-webkit-keyframes move{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  @-moz-keyframes move{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  @-o-keyframes move{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  @keyframes move{0%{transform:translateY(0)}
    50%{transform:translateY(25px)}
    100%{transform:translateY(0)}
  }
  /*产品介绍*/
  .cpjsbj{background: #f7f8fa;width: 100%;padding-top:40px;padding-bottom: 40px;position: relative;overflow: hidden;}
  .cpjsbt{ width:100%; margin: 0 auto; text-align: center;  }
  .cpjsbt p{font-size: 32px;color: #181e4e;height: 63px;line-height: 63px;}
  .cpjsbt span{ color: #7ca6f2; font-size: 16px;}
  .cpjsnr { font-size: 16px; color: #ffff; line-height:49px; padding: 42px 0; width: 1170px; margin: 0 auto}
  .cpjsnr {text-indent: 2em;}
  .cpjsnr p{color: #909090;}
  .cpjsbj-1{position:absolute;width:388px;height:388px;background-color:rgba(237,244,255,.1);border-radius:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-14%;left:0}
  .cpjsbj-2{position:absolute;width:388px;height:388px;background-color:rgba(237,244,255,.1);border-radius:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-70%;right:0}
  /*管理痛点*/
  .gltdian{padding-top:40px; padding-bottom: 90px;background: #fff;}
  .gltd_head{ width:100%; margin: 0 auto; text-align: center; }
  .gltd_head p{ font-size: 32px; color: #181e4e;height: 63px; line-height: 63px;}
  .gltd_head span{ color: #0c59db; font-size: 16px;}
  .gltdlb { display: flex; justify-content: center; margin-top: 40px;}
  .gltdlb li{background: url("../img/gltdbj.png") no-repeat; width: 286px; height: 366px; margin: 0 20px; box-sizing: border-box; padding: 40px 0 0 34px; }
  .gltdlb li:hover{ margin-top: -3px;box-shadow:0 0 30px #b2cbf0;}
  .gl_btone{ color: #3277df; font-size: 24px;}
  .gl_bttwo{color: #3277df;font-size:10px;-webkit-transform:scale(0.8);-webkit-transform-origin-x: 0;display:block; float: left}
  .gl_nr{font-size: 14px;color: #909090;line-height: 26px; padding-top: 10px;width: 223px; padding-top: 33px}
  /*解决方案*/
  .jjfanan{padding-top:40px;padding-bottom: 90px;background: #f7f8fa;position: relative;overflow: hidden;}
  .jjfa {margin-top: 20px;}
  .jjfa li{ width: 31%;float: left; margin:0 1%;box-sizing: border-box; height: 150px; box-shadow: 0 0 20px rgb(18 22 25 / 10%);background: #fff; margin-bottom: 30px; box-sizing: border-box; padding:20px; cursor: pointer}
  .jjfa li:hover{ background: #437fec}
  .fa_bt{ font-size: 22px; color: #181E4E}
  .fa_nr{font-size: 14px;color: #909090;line-height: 26px; padding-top: 10px;}
  .jjfa li:hover .fa_bt{ color: #fff}
  .jjfa li:hover .fa_nr{ color: #fff}
  .jjfan-1{position:absolute;width:488px;height:488px;background-color:#fff;border-radius:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:-13%}
  /*平台背景*/
  .ptjz{width: 100%;padding-top:40px; padding-bottom:90px;}
  .ptjiazhi{ width: 1182px; height: 211px; margin: 0 auto; margin-top: 45px }
  .ptjzbt{ width:100%; margin: 0 auto; text-align: center;}
  .ptjzbt p{ font-size: 32px; color: #181e4e;height: 63px; line-height: 63px;}
  .ptjzbt span{ color: #0c59db; font-size: 16px;}
  .ptjiazhi ul li{ float: left; width:33%;height: 160px; box-sizing: border-box; padding: 20px 30px; cursor: pointer;}
  .pt_bt{ font-size:22px; color: #333333; text-align: center; height: 50px;}
  .pt_nr{ font-size: 16px; color: #333333; width: 176px; margin: 0 auto;padding-left:20px;}
  .ptjiazhi ul li:nth-child(even){background:#437fec; color: #fff}
  .ptjiazhi ul li:nth-child(even) .pt_bt{ font-size:22px; color: #fff; text-align: center; height: 50px;}
  .ptjiazhi ul li:nth-child(even) .pt_nr{ font-size: 16px; color: #fff; width: 176px; margin: 0 auto;padding-left:20px;}
  .ptjiazhi ul li:nth-child(even):hover{background: #f7f8fa;}
  .ptjiazhi ul li:nth-child(even):hover .pt_bt,.ptjiazhi ul li:nth-child(even):hover .pt_nr{color: #333333}
  .ptjiazhi ul li:nth-child(odd):hover{background: #f7f8fa;}
  .ptjiazhi ul li:nth-child(odd):hover .pt_bt,.ptjiazhi ul li:nth-child(odd):hover .pt_nr{color: #333}
  
  /*成功案例*/
  .cganl{padding-top:40px;padding-bottom: 90px;background: #f7f8fa;position: relative;overflow: hidden;}
  .cganlbt{ width:100%; margin: 0 auto; text-align: center; }
  .cganlbt p{ font-size: 32px; color: #181e4e;height: 63px; line-height: 63px;}
  .cganlbt span{ color: #0c59db; font-size: 16px;}
  .cganl_lb{ padding-top: 20px; padding-bottom: 20px; overflow: hidden}
  .cganl_lb li{box-sizing: border-box; margin-bottom:10px; width: 33%; float: left;text-align: center;}
  .team-member .thumb{display:inline-block;border-radius:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #437fec;overflow:hidden;padding:5px;width:235px;height:235px;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin:10px}
  .team-member:hover .thumb{border:8px solid #437fec}
  .team-member .thumb img{border-radius:50%;border:none;width:100%;height:100%;outline:0;max-width:100%}
  .cgalbt{font-size:16px;color:#333;padding-bottom:5px;line-height:24px;padding-top:10px}
  .cgal-1{position:absolute;width:488px;height:488px;background-color:#fff;border-radius:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);  bottom: -23%;
    right: 0;}
  /*相关文档*/
  .xgwd{padding-top:40px; padding-bottom: 90px; background: #fff}
  .xgwdhead{width:100%; margin: 0 auto; text-align: center;}
  .xgwdhead p{ font-size: 32px; color: #181e4e;height: 63px; line-height: 63px;}
  .xgwdhead span{ color: #0c59db; font-size: 16px;}
  .xgwdnr{ padding-top:23px;}
  .xgwdnr li { width: 33%; float: left; text-align: center}
  .xgwdbt{padding: 0 27px;height: 34px;line-height: 34px;background: #dae5f6;display: inline-block;font-size: 20px;color: #333333;margin-bottom:15px;}
  .xgwdnr li a.wdlj{ display: block;font-size: 16px; color: #333333;}
  /*行业新闻*/
  .hyxw{padding-top: 30px; position: relative}
  .mornews{ position: absolute; right: 0px; bottom: 10px; font-style: normal;font-size: 12px; color: #666;cursor: pointer}
  .mornews:hover{color: #ff0000}
  .hyxw_sylist{width: 100%;margin-top: 30px;}
  .hyxw_sylist li{width: 49%;float: left;margin-bottom: 20px;margin-right: 1%;}
  .hyxw_sylist li:hover{box-shadow:0 0 30px #b2cbf0;}
  .newsimg{width: 250px;float: left;overflow: hidden;}
  .newsimg img{ width: 250px; height: 160px;transition: transform 0.3s; -ms-transition: -ms-transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s;}
  .newsimg:hover img{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
  .newsxg{float: right;width: 330px;position: relative;height: 160px;}
  .xinwenbt{font-size: 20px;color: #333;font-weight: bold;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .xinwenbt:hover{color: #5889ec; cursor: pointer}
  .xinwen_lysj{ position: absolute; bottom: 0px; left: 0px;width: 100%}
  .laiysj{ float: left}
  .laiysj p{ float: left; margin-right: 15px; font-size:14px; color: #666;}
  .laiysj p:hover{color: #999; cursor: pointer}
 
}
@media screen and (max-width:750px){
  .cpjsone,.cpjstwo { display: none}
  /*banner*/
  .banner { background: url(../img/swiper-bg.png);background-size: cover;background-repeat: no-repeat; position: relative; height:3.5rem;}
  .spnr {}
  /*介绍*/
  .ljgm {width:1.9rem;height:.47rem;line-height: .45rem;background: #3277df;color: #fff;font-size: .22rem;display: inline-block;text-align: center;position: absolute;top: 1.8rem;left: .5rem;border-radius: .47rem;}
  .wapptjs{display: block;font-size: .24rem;color: #7a7a7a;line-height: .48rem;box-sizing: border-box;padding: .25rem 0;width: 85%;margin: 0 auto;}
  .wapptjs p{text-indent: 2em; }
  .banner_rimg{width:50%;position: absolute;top: 27px;right: 0px;}
  .banner_rimg img{animation:moveimg infinite 3s;will-change:transform;width: 3.5rem;height: auto;}
  @keyframes moveimg{0%{transform:rotate3d(0,0,0,0deg)}
    50%{transform:rotate3d(0,1,0,20deg)}
    100%{transform:rotate3d(0,0,0,0deg)}
  }
  .circle1,.circle2,.circle3,.circle4{ display: none}
  /*产品介绍*/
  .cpjsbj{padding-bottom: .4rem;padding-top: .1rem;background: url("../img/cpjsbj.png") no-repeat #f7f8fa;background-size: cover;}
  .cpjsbt { font-size: .28rem; color: #fff;text-align: center;padding-bottom: .2rem;}
  .cpjsbt p{font-size: .32rem;color: #181e4e;height: .63rem;line-height: .63rem;}
  .cpjsbt span{ color: #7ca6f2; font-size: .16rem;line-height: .24rem;}
  .cpjsnr {font-size: .22rem;color: #909090;line-height:.5rem;box-sizing: border-box;padding:0 .5rem;}
  .cpjsnr {text-indent: 2em;}
  /*管理痛点*/
  .gltdian{background: #fff;border: 1px #f2f5ff solid;padding-bottom: .4rem;padding-top: .1rem;}
  .gltdlb {display: flex;flex-wrap: wrap; justify-content: center}
  .gltd_head { font-size: .28rem;text-align: center;margin-top:.2rem;padding-bottom: .2rem;}
  .gltd_head p{ font-size: .32rem; color: #181e4e;height: .63rem; line-height: .63rem; }
  .gltd_head span{ color: #0c59db; font-size: .16rem;line-height: .24rem;}
  .gltdlb{ padding-top: .2rem}
  .gltdlb li{width:48%;box-sizing: border-box;padding:.2rem; border: 1px #a8c4ef solid; margin: 2px 1%;}
  .gl_btone{ color: #3277df; font-size: .32rem;}
  .gl_bttwo{color: #3277df;font-size:.1rem}
  .gl_nr{color: #909090;font-size:.26rem;padding-top: .33rem;line-height: .44rem;}
  /*解决方案*/
  .jjfanan{ padding-bottom: .5rem; padding-bottom: .4rem;padding-top: .1rem}
  .jjfa {display: flex;flex-wrap: wrap; justify-content: center; padding-top: .2rem;}
  .jjfa li{ width:48%; box-sizing: border-box;padding:.2rem; margin: 2px 1%;box-shadow: 0 0 20px rgb(18 22 25 / 10%);}
  .fa_bt{font-size: .32rem;color: #3277df;}
  .fa_nr{font-size: .24rem;color: #909090;padding-top: .30rem;line-height: .4rem;}
  /*平台背景*/
  .ptjz{background: url("../img/ptjzbj.png") no-repeat #f7f8fa bottom center;background-size: cover;width: 100%;}
  .ptjzbt{ width:100%; margin: 0 auto; text-align: center; padding-top: .1rem; }
  .ptjzbt p{ font-size: .32rem; color: #333;height:.6rem;padding-top: .34rem;}
  .ptjzbt span{ color: #3277df; font-size: .16rem;}
  .ptjiazhi{width:100%; margin: 0 auto }
  .ptjiazhi ul {display: flex;flex-wrap: wrap; justify-content: center; margin-top: .2rem;}
  .ptjiazhi ul li{ width:48%; box-sizing: border-box;padding:.2rem; margin: 2px 1%;}
  .pt_bt{font-size: .32rem;color: #3277df;}
  .pt_nr{font-size: .24rem;color: #909090;padding-top: .30rem;}
  /*成功案例*/
  .cganl{padding-bottom: .4rem;padding-top: .1rem}
  .cganlbt{ width:100%; margin: 0 auto; text-align: center; }
  .cganlbt p{ font-size: .32rem; color: #333;line-height: .6rem; }
  .cganlbt span{ color: #3277df; font-size:  .16rem;}
  .cganl_lb{ padding-top: .20rem; padding-bottom: .20rem; overflow: hidden}
  .cganl_lb li{box-sizing: border-box;margin-bottom:.1rem; width: 24%; float: left; margin:0 .5%;text-align: center; }
  .cganl_lb li img{ height:1.7rem; width:1.7rem;border-radius:50%;display: inline-block;border:2px solid #437fec;}
  .cgalbt{font-size:.16rem;color: #909090;padding-bottom: .05rem;text-align: left;}
  .cgalnr{font-size: .16rem; color: #333333; }
  /*相关文档*/
  .xgwd{background: #f7f8fa;padding-bottom: .6rem;}
  .xgwdhead{width:100%; margin: 0 auto; text-align: center;}
  .xgwdhead p{ font-size: .32rem; color: #333;height:.6rem;padding-top: .34rem;}
  .xgwdhead span{ color: #3277df; font-size: .16rem;}
  .xgwdnr{ padding-top: .6rem;}
  .xgwdnr li { width: 33%; float: left; text-align: center}
  .xgwdbt{ padding: 0 .27rem; height: .49rem; line-height: .49rem; background: #dae5f6; display: inline-block;font-size:.24rem; color: #333333; margin-bottom:.15rem; }
  .xgwdnr li a.wdlj{ display: block;font-size: .16rem; color: #333333;}
  /*行业新闻*/
  .hyxw{padding-top: .3rem; position: relative}
  .mornews{font-style: normal;font-size:.32rem;color: #666;cursor: pointer;display: block;text-align: right; padding-right: .2rem}
  .mornews a{font-size:.22rem;}
  .hyxw_sylist{width: 100%;margin-top: .3rem;}
  .hyxw_sylist li{width: 97%;margin: .2rem auto;overflow: hidden;}
  .newsimg{width: 40%;float: left;overflow: hidden;}
  .newsimg img{width: 100%;height: 2rem;}
  .newsimg:hover img{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
  .newsxg{float: right;width: 58%;position: relative;height: 2rem;}
  .xinwenbt{font-size: .282rem;color: #333;font-weight: bold;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .xinwenbt:hover{color: #5889ec; cursor: pointer}
  .xinwen_lysj{ position: absolute; bottom: 0px; left: 0px;width: 100%}
  .laiysj{ float: left}
  .laiysj p{font-size: .22rem;color: #666;}
  .laiysj p:hover{color: #999; cursor: pointer}
  
  
}