* {
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
  }
  p,h1,h2{color: #fff}
  body {
      margin: 0;
      letter-spacing: 2px;
  }
  @font-face{
    font-family: 'Alibaba';
    src: url('./Alibaba_PuHuiTi_2.0_115_Black_115_Black.ttf');
    src: url('./Alibaba_PuHuiTi_2.0_115_Black_115_Black.ttf') format('embedded-opentype'),
 }
  li{list-style-type:none;}
  a{text-decoration: none;}
  .chaochu3{
    display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
  .chaochu2{
    display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
  .chaochu1{
    display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
    .maxWidth1240{ width: 100%; max-width: 1240px; margin: auto;}
  .header{width: 100%; position: absolute; z-index: 100; top: 0; left: 0; background:rgba(0, 0, 0); padding:14px 0;}
  .header>div{display: flex;  margin: auto;}
  .logo{flex: 0 0 140px;}
  .logo img{width: 140px;}
  .nav-list{flex: 1; margin-left: 63px; color: #fff; font-size: 16px;}
  .nav-list>div{display: inline-block; line-height: 42px; padding:0 35px; cursor: pointer;}
  .nav-list>div:hover{background-color: #5380FF;}
  .nav-list>div+div{margin-left: 10px;}
  .nav-list .active{background-color: #5380FF;}
  .content_flex{display: flex;}
  .index_box{background-color: #fff; padding-top: 50px; padding-bottom: 100px;}
  .index_box:nth-of-type(odd){background-color: #FAFAFA;}

  .box_title{font-size: 30px; text-align: center; color: #000; font-weight: 700;}
  .box_label{width: 100%; max-width: 900px; margin: auto; font-size: 16px; color: #000; text-align: center; margin-top: 15px;}
  
  
  .total_box img{width: 100%;}
  .total_box { position: relative; color: #fff;}
  .total_box .content{position: absolute; width: 100%; height: 100%; top: -4px; left: 0; right: 0; background: linear-gradient(to left,rgba(255,255,255,0),#0079D2);}
  .total_box>div>div{ position: relative; top: 30%; margin: auto;}
  .total_box .title{font-size: 60px; font-weight: 700;} 
  .total_box .label{font-size: 30px; margin-top: 16px;} 

  .flex{display: flex}
  .flex>div{flex: 1;}
  .text-0cda84{color: #0CDA84;}
  .text-999{color: #999;}
  .text-d7d7d7{color: #D7d7d7;}
  .text-ddd{color: #ddd;}
  .text-757575{color: #757575;}
  .text-0DE389{color: #0DE389;}
  .text-D3D3D3{color: #D3D3D3;}
  .text-b5b5b5{color: #b5b5b5;}
  .text-f9f9f9{color: #f9f9f9;}
  .text-cecece{color: #CECECE;}
  .text-c1c1c1{color: #c1c1c1;}
  .text-c4c4c4{color: #c4c4c4;}
  .text-c6c6c6{color: #c6c6c6;}
  .text-b8b8b8{color: #b8b8b8;}
  .text-d1d1d1{color: #d1d1d1;}
  .text-dcdcdc{color: #dcdcdc;}
  .text-DD4B4B{color: #DD4B4B;}
  .text-0AC074{color: #0AC074;}
  .text-dfdfdf{color: #dfdfdf;}
  .text-1C2028{color: #1C2028;}
  .text-DADADA{color: #DADADA;}
  .text-8b8b8b{color: #8b8b8b;}
  .text-B4B4B4{color:#b4b4b4;}
  .text-bbb{color: #bbb;}
  .text-FFF{color: #fff;}
  .text-fffffe{color: #fffffe;}
  .text-bbb{color: #bbb;}
  .text-top-130{margin-top: 130px}
  .text-top-100{margin-top: 100px}
  .text-top-112{margin-top: 112px}
  .text-top-96{margin-top: 96px !important}
  .text-top-88{margin-top: 88px !important}
  .text-top-87{margin-top: 87px}
  .text-top-80{margin-top: 80px}
  .text-top-75{margin-top: 75px}
  .text-top-67{margin-top: 67px}
  .text-top-64{margin-top: 64px}
  .text-top-60{margin-top: 60px}
  .text-top-56{margin-top: 56px !important}
  .text-top-48{margin-top: 48px}
  .text-top-44{margin-top: 44px}
  .text-top-42{margin-top: 42px}
  .text-top-40{margin-top: 40px}
  .text-top-38{margin-top: 38px}
  .text-top-36{margin-top: 36px}
  .text-top-34{margin-top: 34px}
  .text-top-33{margin-top: 33px !important;}
  .text-top-32{margin-top: 32px}
  .text-top-30{margin-top: 30px}
  .text-top-24{margin-top: 24px}
  .text-top-21{margin-top: 21px !important}
  .text-top-20{margin-top: 20px}
  .text-top-18{margin-top: 18px}
  .text-top-16{margin-top: 16px}
  .text-top-14{margin-top: 14px;}
  .text-top-12{margin-top: 12px;}
  .text-top-10{margin-top: 10px !important;}
  .text-top-8{margin-top: 8px;}
  .text-top-4{margin-top: 4px;}
  .text-left-140{margin-left: 140px;}
  .text-left-124{margin-left: 124px;}
  .text-left-95{margin-left: 95px;}
  .text-left-68{margin-left: 68px;}
  .text-left-48{margin-left: 48px;}
  .text-left-28{margin-left: 28px;}
  .text-left-13{margin-left: 13px;}
  .text-left{text-align: left;}
  .text-center{text-align: left;}
  .letter-spacing{letter-spacing:3px; } 
  .padding-60{padding:0 60px;}
  .padding-30{padding:0 30px;}
  .padding-32{padding:32px;}
  .marginAuto{margin: auto;}
  .radius50{border-radius:50%; }
  .radiusleft50px{border-radius:50px 0 0 50px;}
  .radius20{border-radius:20px; }
  .radius8{border-radius:8px; }
  .radius4{border-radius:4px; }
  .radius50px{border-radius:50px; }
  .background-83{background-color: #838383;}
  .background-0AC074{background-color: #0AC074;}
  .background-2F333E{background-color: #2F333E;}
  .background-363A47{background-color: #363A47;}
  .background-2A2E39{background-color: #2A2E39;}
  .background-1AC99B-0AC074{background: linear-gradient(to right bottom,#1AC99B,#0AC074);}
  .overflow-hidden{overflow: hidden;}
  .text-radius8{border-radius: 8px;}
  .text-64{font-size: 64px;}
  .text-50{font-size: 50px;}
  .text-40{font-size: 40px;}
  .text-32{font-size: 32px;}
  .text-36{font-size: 36px;}
  .text-30{font-size: 30px;}
  .text-28{font-size: 28px;}
  .text-24{font-size: 24px;}
  .text-26{font-size: 26px;}
  .text-22{font-size: 22px;}
  .text-20{font-size: 20px;}
  .text-18{font-size: 18px;}
  .text-16{font-size: 16px !important;}
  .text-14{font-size: 14px;}
  .width66{width:66%;}
  .line-height-36{line-height:36px;}
  .line-height-28{line-height:28px;}
  .line-height-24{line-height:24px;}
  .marginTop-8{margin-top: 8px;}
  .marginTop-37{margin-top:37px;}
  .marginTop-50{margin-top:50px;}
  .relative{position: relative;}
  .text-center{text-align: center;}
  .text-right{text-align: right;}
  .center{position: absolute; left:0; right: 0; top:0; bottom: 0; margin:auto;}
  .button button{padding:11px 32px 11px 32px; cursor: pointer; border-radius: 8px; color:#fff; background: none; border: 1px solid #999999;}
  .button button+button{margin-left: 32px; }
  .button .active0{color:#0CDA84;border:1px solid #0CDA84;}
  .max-width{max-width:1100px; margin:0 auto;}
  .max-width1250{max-width:1250px; margin:0 auto;}
  .max-width1200{max-width:1200px; margin:0 auto;}
  .max-width900{max-width:900px; margin:0 auto;}
  .max-width1000{max-width:1000px; margin:0 auto;}
  .max-width1050{max-width:1050px; margin:0 auto;}
  .max-width512{max-width:512px; margin:0 auto;}
  .text-bold{font-weight: bold;}
  .backgroundImg-none{background-image: none !important;} 
  .backgorund-23262F{background-color: #23262F !important;}
  .max-width{max-width: 1100px; margin:0 auto;}
  .yuandian{display: inline-block; vertical-align: 2px; width:6px; height: 6px; margin-right: 5px; border-radius: 50%;}
  .line-height-26{line-height: 26px;}
  .line-height-22{line-height: 22px;}
  .zhong180{transform:rotate(180deg);}
  .block{display: block;}
  .text-decoration_none{text-decoration: none;}
  input::-webkit-input-placeholder {
    color: #999;
  }
  textarea::-webkit-input-placeholder {
    color: #999;
  }
  input::-moz-placeholder {
    color: #999;
   }
  textarea::-ms-input-placeholder {
    color: #999;
   }
  input::-moz-placeholder {
    color: #999;
   }
  textarea::-ms-input-placeholder {
    color: #999;
   }

   
  .footer-top{position: relative; margin-top: -4px;}
  .footer-top>img{width:100%;}
  .footer-top .content{position: absolute; left: 0; right: 0; top: 30%;}
  .footer-top .title{font-size: 50px; color: #fff; font-weight: 700;}
  .footer-top .label{font-size: 25px; color: #fff; margin-top: 15px;}
  .footer-top .btn{display: inline-block; background-color: #fff; border-radius: 6px; color: #000; font-size: 18px;  margin-top: 43px; padding: 16px 32px; font-weight: 700;}
  .footer{width: 100%; background-color: #252525; padding:60px 0 30px 0; margin-top: -10px;}
  .footer .logo{flex: 0 0 200px; color: #fff; }
  .footer .logo img{width: 140px;}
  .footer .fl1{font-size: 16px; margin-top: 26px;}
  .footer .fl2{font-size: 12px; margin-top: 10px;}
  .footer .fl3{font-size: 14px; margin-top: 31px;}
  .footer .fl3 button{padding:5px 16px; font-size: 12px; font-weight: 700; cursor: pointer; border-radius: 5px;}
  .footer .content{flex: 1;}
  .footer ul{margin-left: 62px; font-size: 14px;} 
  .footer li{margin-top: 15px; color: rgba(255, 255, 255, .8); height: 27px; line-height: 27px;}
  .footer .title{font-weight: 700; color: #fff; margin-top: 5px; margin-bottom: 33px;}
  .flxian{flex:0 0 1px; height: 133px; background-color: rgba(255, 255, 255, .1); margin-top: 60px;}
  .footer .erweima{flex: 0 0 104px;}
  .footer .erweima div{font-size: 16px; color: #fff; font-weight: 700; margin-top: 5px;}
  .footer .erweima img{width: 100%; margin-top: 11px;}

  .footer .top{padding-bottom: 36px; border-bottom: 1px solid rgba(255, 255, 255, .1);}
  .footer .bottom>p,.footer .bottom a{margin-top:15px; color: rgba(255, 255, 255, .6); font-size: 13px;}
  .footer .bottom .siteicp>img{vertical-align: -5px; margin-right: 5px;}
  .icon::before{ display: inline-block; content: ''; width: 27px; height: 27px;background-size: 100% 100%; vertical-align: -8px; margin-right: 5px;}
  .icon-1::before{background-image: url(../images/f1.png);}
  .icon-2::before{background-image: url(../images/f2.png);}
  .icon-3::before{background-image: url(../images/f3.png);}
  .icon-4::before{background-image: url(../images/f4.png);}

  .fixed{position: fixed; width: 150px; height:260px; background: linear-gradient(to bottom,#537FFF,#4B44FF); right: 0; top: 75%; border-radius: 16px; text-align: center;  color: #fff;z-index: 1000;}
  .fixed .img {margin-top: 15px;}
  .fixed .img img{width: 74px;}
  .fixed .icon::before{margin-right: 1px;}
  .fixed .icon{font-size: 13px;}
  .fixed .phone{font-size: 13px; margin-top: 4px;}
  .fixed .e{width: 100%; padding:0 32px; margin-top: 11px;}
  .fixed .e img{width: 100%; max-width: 92px;}