.max-width{max-width: 1100px; margin:0 auto;}
* {
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
  }
  p,h1,h2{color: #fff}
  body {
      margin: 0;
      letter-spacing: 2px;
  }
  li{list-style-type:none;}
  .chaochu3{
    display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
  
  .chaochu1{
    display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
  .active{border-bottom: 2px solid #0BD07E; color: #0BD07E !important; font-size: 16px !important; font-weight: 400; padding-bottom: 5px;}
  .title{position: relative; text-align: center; padding:88px 0 32px 0; font-size: 20px; line-height: 34px}
  .title>p{color:#0AC074; font-size: 20px;}
  .title>div{max-width: 500px; margin: auto; margin-top: 4px; color:#999;}
  .title>div span{display: inline-block; vertical-align: 5px; width:60px; margin-top: 10px; height: 1px; background: #979797;}
  .title .name{ color: #fff; font-family: PingFang SC; font-size:32px;  line-height: 44rx}
  .title .label_name{display: inline-block; padding:0 4px; color:#999;}
  .flex{display: flex}
  .flex>div{flex: 1;}
  .text-0cda84{color: #0CDA84;}
  .text-999{color: #999;}
  .text-d7d7d7{color: #D7d7d7;}
  .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-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-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-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-36{margin-top:36px;}
  .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;
   }
  .font_family_PingFang{font-family: PingFang SC;}
  
  
  


.cooperation{background-color: #1C2028; padding-bottom: 60px;}
.cooperation img{width:100%; }
.cooperation_form{background-color: #21242E;}
.cooperation_form .input_radio input{vertical-align: -2px;}
.cooperation .youjian{width: 32px; height: 32px;}
.cooperation .zhongxia{margin:44px 0;}
.cooperation .zhongxia img{transform:rotate(90deg);}
.cooperation .title .name{font-size: 30px;}

.cooperation2{background-color: #21242E; padding-bottom: 88px;}
.cooperation2 .coop2_box{padding: 45px 44px; border-radius: 8px; background-color: #fff;}
.cooperation2 .coop2_box .coop2_box_title{font-size: 30px; font-family: PingFang SC; color:#1c2028;}
.cooperation2 .coop2_box .coop2_box_name{font-size: 20px; color:#999;}

.cooperation3{ padding-bottom: 88px;}
.cooperation3 .coop3_box .coop3_box_title{padding:0 60px;}
.cooperation3 .coop3_box .coop3_box_title p{width:60%; margin: 0 auto; background:#1C2028; text-align:center; margin-top:-18px; }


.box1{width: 100%; padding-bottom: 118px; margin-top: -10px; background: url(../img/shouye_bg1.jpg); background-size: 100% 100%;}
.box1 .box_con{text-align: center;}
.box1 .box_con p{color:#999; font-size: 14px; margin-top: 10px;}
.box1 .name_con{text-align: center;font-size: 32px; padding:20px 0;} 
.box1 .box_img{ display: flex; max-width: 1100px; width: 100%; margin: 0 auto;}
.box1 .box_img img{ transition: all 0.5s; width: 100%;}
.box1 .box_img img:hover{ transform: scale(1.25)}
.box1 .box_img>div{position: relative; flex: 1; margin-top: 88px; font-size: 20px; font-weight: 700; color: #fff; cursor: pointer; overflow:hidden;}
.box1 .box_img div+div{margin-left: 18px;}
.box1 .box_img .box_img_con{position: absolute; bottom: 30px; width: 100%; letter-spacing: 0; text-align: center;}
.box1 .box_img_title{font-size: 24px; text-align: center; margin-bottom: 12px;}
.box1 .box_img_name{font-size: 14px; color:#999; font-weight: 400; text-align: center;}