*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;}
htmlbody{min-width: 1440px;font-size: 20px;}
img{vertical-align: middle;max-width: 100%;}
/*顶部*/
.header{position: absolute;top: 0;left: 0;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 95px;background: rgba(255,255,255,.2);padding: 0 12%;z-index: 99;}
.header.fixed{position: fixed;background: rgba(75,150,250,.8);height: 60px;transition: all .3s;}
.header .nav .ul-c{display: flex;}
.header .nav .ul-c .li-c{display: flex;align-items: center;padding-left: 60px;color: #FFFFFF;font-size: 16px;}
.header .nav .ul-c .li-c a:hover{ color: #f1f1f1;}
.header .nav .ul-c .li-c .last a{display: inline-block;padding: 10px 30px;background: #FFFFFF;border-radius: 30px;color: #59c6fe;}
.header .nav .ul-c .li-c a i{
	margin-left: .2rem;
}
/*轮播图*/
.slider{width: 100%;height: auto;overflow: hidden;}
.slider ul li{width: 100%;height: auto;position: relative;}
.slider ul li:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.slider ul li .slider-txt{position: absolute;top: 35%;left: 10%;z-index: 5;color: #FFF;}
.slider ul li .slider-txt .title{font-size: 60px;font-weight: bold;}
.slider ul li .slider-txt .desc{font-size: 20px;line-height: 40px;padding: 30px 0;}
.slider ul li .slider-txt a{display: inline-block;padding: 8px 37px;font-size: 20px;color: #4585f2;background: #FFFFFF;border-radius: 40px;}
.slider .swiper-pagination-bullet{width: 120px;height: 5px;border-radius: 5px;}
.slider .swiper-pagination-bullet-active{background: #FFFFFF;}
.slider.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 55px;}
.slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 20px;}
/*通用标题*/
.block h2.title{position: relative;font-size: 40px;color: #666666;text-align: center;padding-bottom: 15px;}
.block h2.title.line:after{display: block;content: "";position: absolute;width: 65px;height: 3px;background: #4585f2;bottom: 5px;left: 50%;transform: translateX(-50%);}
.block p.sub-title{font-size: 18px;color: #666666;text-align: center;}
/*技术*/
.technology{width: 100%;height: auto;overflow: hidden;padding: 80px 0 80px 0;}
.technology .desc{color: #818181;font-size: 20px;text-align: center;padding: 45px 0 70px 0;line-height: 35px;}
.technology .list ul{width: 100%;height: auto;display: flex;justify-content: center;}
.technology .list ul li{display: inline-block;margin: 0 20px;width: 350px;height: 294px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 15px rgba(210,210,210,.2);background-repeat: no-repeat;background-position: center center;transition: all .3s;}
.technology .list ul li:hover{transition: all .3s;transform: scale(1.05);}
.technology .list ul li.one{background-image: url(../images/jishu-pic1.png);background-size: 75%;}
.technology .list ul li.two{background-image: url(../images/jishu-pic2.png);background-size: 80%;}
.technology .list ul li.three{background-image: url(../images/jishu-pic3.png);background-size: 80%;}
/*模式*/
.pattern{width: 100%;height: auto;overflow: hidden;padding: 120px 0;background: #fcfcfc;display: flex;justify-content: center;align-items: center;}
.pattern .pattern-l ul{display: flex;height: 170px;}
.pattern .pattern-l ul li{width: 250px;height: 100%;position: relative;color: #4b4b4b;text-align: center;transition: all .3s;}
.pattern .pattern-l ul li:hover{transition: all .3s;transform: translateY(-5px);}
/*.pattern .pattern-l ul li.active h5{color: #4585f2;}
.pattern .pattern-l ul li.active p{color: #4585f2;}*/
.pattern .pattern-l ul li:after{position: absolute;content: "";top: 10px;right: 0;width: 1px;height: 110px;background: #e6f4ff;}
.pattern .pattern-l ul li h5{font-size: 18px;font-weight: bold;padding-bottom: 5px;padding-top: 90px;}
.pattern .pattern-l ul li p{font-size: 16px;}
.pattern .pattern-l ul li.one{background: url(../images/icon-store.png) top center no-repeat;}
.pattern .pattern-l ul li.two{background: url(../images/icon-address.png) top center no-repeat;}
.pattern .pattern-l ul li.three{background: url(../images/icon-shop.png) top center no-repeat;}
.pattern .pattern-r{width: 380px;margin-left: 80px;display: none;}
.pattern .pattern-r .title{font-size: 29px;font-weight: bold;color: #4b4b4b;}
.pattern .pattern-r .desc{font-size: 16px;color: #a8a8a8;padding: 40px 0 30px 0;line-height: 30px;}
.pattern .pattern-r a{display: inline-block;padding: 6px 15px;font-size: 16px;color: #FFFFFF;background: #4585f2;border-radius: 20px;float: right;}
.pattern .pattern-r.active{display: block;}
/*创新*/
.innovate{width: 100%;height: auto;overflow: hidden;padding: 80px 0 80px 0;}
.innovate .desc{color: #818181;font-size: 20px;text-align: center;padding: 35px 0 60px 0;line-height: 30px;}
.innovate .list{width: 100%;height: auto;overflow: hidden}
.innovate .list ul{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;text-align: center;}
.innovate .list ul li{display: inline-block;width: 570px;height: 250px;margin: 8px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 25px rgba(210,210,210,.2);background-repeat: no-repeat;padding-left: 40px;transition: all .3s;}
.innovate .list ul li:hover{transition: all .3s;transform: translateY(-5px);}
.innovate .list ul li h4{font-weight: bold;color: #4585f2;font-size: 24px;text-align: left;padding: 55px 0 25px 0;}
.innovate .list ul li p{color: #333333;font-size: 14px;text-align: left;width: 60%;line-height: 25px;}
.innovate .list ul li.one{background-image: url(../images/cxkj-pic1.png);background-position: center right 50px;}
.innovate .list ul li.two{background-image: url(../images/cxkj-pic2.png);background-position: center right 50px;}
.innovate .list ul li.three{background-image: url(../images/cxkj-pic3.png);background-position: center right 50px;}
.innovate .list ul li.four{background-image: url(../images/cxkj-pic4.png);background-position: center right 30px;}
/*关于我们*/
.about{width: 100%;height: auto;overflow: hidden;background: #fcfcfc;padding: 65px 0 75px 0;text-align: center;}
.about .desc{text-align: center;line-height: 30px;color: #828282;font-size: 16px;padding: 50px 0 50px 0;}
.about a{display: inline-block;padding: 6px 25px;font-size: 14px;color: #FFFFFF;background: #4585f2;border-radius: 20px;}
/*尾部*/
.bottom{width: 100%;height: 300px;overflow: hidden;background: url(../images/bg-bottom.png) left top no-repeat;background-size: 100% 100%;color: #FFFFFF;}
.bottom h2.title{padding-top: 50px;padding-bottom: 10px;color: #FFFFFF;font-weight: bold;}
.bottom p.sub-title{color: #FFFFFF;}
.bottom .slogan{font-size: 32px;text-align: center;letter-spacing: 5px;padding: 30px 0 75px 0;}
.bottom .footer{display: flex;justify-content: center;align-items: center;padding-bottom: 30px;padding-top: 15px;}
.bottom .footer .footer_l .logo-txt{font-size: 38px;font-weight: bold;padding-bottom: 20px;}
.bottom .footer .footer_l p{font-size: 18px;letter-spacing: 2px;padding-left: 12px;}
.bottom .footer .footer_r{display: flex;}
.bottom .footer .footer_r dl{margin-left: 115px;}
.bottom .footer .footer_r dl dt{font-size: 16px;padding-bottom: 20px;}
.bottom .footer .footer_r dl dt a:hover{color: #f1f1f1;}
.bottom .footer .footer_r dl dd{font-size: 14px;line-height: 28px;}
.bottom .footer .footer_r dl dd a:hover{color: #f1f1f1;}
.bottom .copyright{width: 88%;margin: 0 auto;border-top: 2px solid #FFFFFF;text-align: center;padding-top: 40px;letter-spacing: 2px;}
.bottom .copyright a,.bottom .copyright span{display: inline-block;padding: 0 10px;}
.bottom .copyright a:hover{color: #f1f1f1;}
/*按钮动画效果*/
.btn{transition: all .3s;}
.btn:hover{transform: scale(0.9);transition: all .3s;}
  body {
      -ms-overflow-style: none;
      overflow: -moz-scrollbars-none;
  }
    
  body::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 5px !important;
      /* remove scrollbar space */
      height: 5px !important;
  }
    
  body::-webkit-scrollbar-track {
	width: 5px !important;
  }
    
  body::-webkit-scrollbar-thumb {
	background: #007AFF;
	border-radius: .1rem;
  }
    
  .un-selsect{
  -moz-user-select:none; /*火狐*/
  -webkit-user-select:none; /*webkit浏览器*/
  -ms-user-select:none; /*IE10*/
  -khtml-user-select:none; /*早期浏览器*/
  user-select:none;
  cursor: pointer;
  }
  .text-no-warp{
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
  }
  .btn-try{
	  width: 200px;
	  font-size: 20px;
	  background-color: #007AFF;
	  border-radius: 20px;
	  height: 40px;
	  line-height: 40px;
	  color:#fff;
	  display: block;
	  margin: 10px auto 0px auto;
	  text-align: center;
  }
  .f-g{
	  display: block;
	  position: relative;
  }
  .submenu{
	   cursor:pointer;
  }
  .submenu .f-g >ul{
	 display: none;
  }
  .submenu .f-g >ul:hover{
	  display: block;
	  position: absolute;
	  top: 10px;
	  width: 118px;
	  left: -84px;
	  text-align: center;
	  background: #fff;
	  line-height: 30px;
	  color: #000;
	  padding: 10px 0;
	  -webkit-box-shadow: 0px 10px 20px 0px rgb(8 0 42 / 8%);
	  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
	  box-shadow: 0px 10px 20px 0px rgb(8 0 42 / 8%);
	  -webkit-transition: all 0.3s ease-out 0s;
	  -moz-transition: all 0.3s ease-out 0s;
	  -ms-transition: all 0.3s ease-out 0s;
	  -o-transition: all 0.3s ease-out 0s;
	  transition: all 0.3s ease-out 0s;
	  -webkit-border-radius: 7px;
	  -moz-border-radius: 7px;
	  border-radius: 7px;
  }
  .submenu:hover .f-g >ul {
	 display: block;
	 position: absolute;
	 top: 10px;
	 width: 118px;
	 left: -84px;
	 text-align: center;
	 background: #fff;
	 line-height: 30px;
	 color: #000;
	 padding: 10px 0;
	 -webkit-box-shadow: 0px 10px 20px 0px rgb(8 0 42 / 8%);
	 -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
	 box-shadow: 0px 10px 20px 0px rgb(8 0 42 / 8%);
	 -webkit-transition: all 0.3s ease-out 0s;
	 -moz-transition: all 0.3s ease-out 0s;
	 -ms-transition: all 0.3s ease-out 0s;
	 -o-transition: all 0.3s ease-out 0s;
	 transition: all 0.3s ease-out 0s;
	 -webkit-border-radius: 7px;
	 -moz-border-radius: 7px;
	 border-radius: 7px;
  }
  .open .f-g >ul{
	display: block;
	position: absolute;
	top: 15px;
	width: 108px;
	left: -84px;
	text-align: center;
	background: #fff;
	line-height: 30px;
	color: #000;
	border-radius: 5px;
	padding: 10px 0;
  }
  .f-g ul li a:hover{
	  color: #007AFF!important;
  }
  .swiper-slide img{
	  width: 100%;
	  display: block;
  }
  .fix-bar {
      position: fixed;
      bottom: 120px;
      right: 20px;
      z-index: 999;
      border-radius: 2px;
      -webkit-box-shadow: 0 6px 15px 0 rgb(6 12 19 / 14%);
      box-shadow: 0 6px 15px 0 rgb(6 12 19 / 14%);
  }
  .fix-bar .quick_advisory {
      cursor: pointer;
      display: block;
      margin: 0;
      padding: 11px 0 0 9.5px;
      width: 68px;
      height: 66px;
      position: absolute;
      top: -76px;
      background: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #D5D8E2;
      border-radius: 2px;
      margin-bottom: 8px;
  }
  .img1 {
      position: absolute;
      top: 11px;
      left: 0;
      right: 0;
      margin: auto;
      width: 26px;
      height: 31px;
  }
  .fix-bar .quick_advisory span {
      font-size: 12px;
      color: #222222;
      text-align: center;
      line-height: 12px;
      display: block;
      position: absolute;
      top: 46px;
  }
  .fix-bar .quick_advisory .img2 {
      width: 22px;
      height: 14px;
      position: absolute;
      top: -1px;
      right: -1px;
  }
  .fix-bar-btn:not(:last-child) {
      border-bottom: 1px solid #005AD7;
  }
  .fix-bar-btn {
      position: relative;
      display: block;
      width: 68px;
      height: 68px;
      padding: 8px;
      background-color: #0067ed;
      cursor: pointer;
      text-align: center;
  }
  .fix-bar-btn .fix-bar-child {
      display: none;
      position: absolute;
      left: -190px;
      bottom: 0;
      width: 200px;
      height: 100px;
  }
  .fix-bar-btn .fix-bar-child .fix-bar-child-box {
      width: 200px;
      height: 100px;
      background-color: transparent;
      -webkit-box-shadow: 0 6px 20px 2px rgb(0 0 0 / 18%);
      box-shadow: 0 6px 20px 2px rgb(0 0 0 / 18%);
      border-radius: 2px;
      overflow: hidden;
  }
  .fix-bar-btn .fix-bar-child .fix-bar-child-box .fix-bar-child-in {
      width: 200px;
      height: 100px;
      padding: 15px;
      background-color: #fff;
  }
  .fix-bar-btn .fix-bar-child .fix-bar-child-box .fix-bar-child-in ul {
    padding: 0;
    margin: 0;
  }
  .fix-bar-btn:hover, .fix-bar-btn:active {
      display: block;
      background: #0054C9;
  }.fix-bar-btn:hover .fix-bar-child {
    display: block;
}
  .fix-bar-btn span {
      font-size: 12px;
      color: #fff;
	  text-align: center;
	  line-height: 12px;
	  display: block;
	  position: absolute;
	  top: 46px;
  }
  .fixbar-item{
	  font-size: 14px;
	  line-height: 40px;
  }