
.color1c76f5{
  color: #1c76f5;
}


.bigimg0 {
  height: calc(100vh-150px);
  width: 100%;
}


.bigimg1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  outline: none;
  border: none;
}

.bigimg1-a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #060708, rgba(128, 145, 169, 0) 100%);
}

.bigimg1-b {
  position: absolute;
  left: 0;
  top: 90px;
  width: 50%;
  height: calc(100vh - 150px);
  background-color:rgba(0,0,0,0.5);
  z-index: 2;
  padding-right:20px
}


.bigimg1 img {
  width: 100%;
  height: calc(100vh - 150px);
  object-fit: cover;
  object-position: center top;
  outline: none;
  border: none;
}


@media (max-width: 767px) {
  .bigimg1-b {
      top:60px;
      width:100%
  }
   
}


/*
.ysbox{box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;border: 0px solid #efefef;background: linear-gradient(to bottom right, #fff5c8, #dca770 50%, #fff5c8);}
.ysbox2{height: 120px; line-height: 120px;text-align: center;}
.ysbox3{font-size: 20px; height: 80px; line-height: 40px;padding-top: 20px;font-weight: bold;}
.ysbox2_a{width: 60px ;height: 60px; background-color: #cd0b09;border-radius: 30px; margin: 0 auto; margin-top: 30px; line-height: 74px;}
*/

.ysbox{background: rgba(0, 138, 255, 0.1);
box-shadow: 0px 4px 10px 0px rgba(0, 90, 166, 0.2);
border-radius: 6px;
border: 2px solid #008AFF;}
.ysbox2{height: 120px; line-height: 120px;text-align: center;}
.ysbox3{font-size: 20px; height: 80px; line-height: 40px;padding-top: 20px;font-weight: bold;}
.ysbox2_a{width: 60px ;height: 60px; background-color: #008AFF;border-radius: 30px; margin: 0 auto; margin-top: 30px; line-height: 74px;}


.ydbox{ 
background: linear-gradient(180deg, #E7F9FF 0%, #FFFFFF 50%);
box-shadow: 0px 10px 30px 0px rgba(34,87,179,0.1);
border-radius: 10px;
text-align: center;
box-sizing: border-box;
}
.ydbox_title{
font-size: 20px; text-align: center; font-weight: bold; padding: 30px 0 20px 0;;
}

.hzhbbox {
background:  #008AFF;  
box-shadow: 0px 4px 10px 0px rgba(0, 90, 166, 0.2);
border-radius: 6px;
border: 2px solid #008AFF;  
height: 90px;
display: flex;
  justify-content: center;
  align-items: center;
}
.hzhbbox img{
max-height: 60px;
}

.pl30{padding-left: 30px;}
.colorfff{
  color: #fff;
}
.mdauto{margin: 0 auto;}

.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-24{font-size:24px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}
.lh-16{line-height:16px}/*16鍍忕礌琛岃窛*/
.lh-18{line-height:18px}/*18鍍忕礌琛岃窛*/
.lh-20{line-height:20px}/*20鍍忕礌琛岃窛*/
.lh-22{line-height:22px}/*22鍍忕礌琛岃窛*/
.lh-24{line-height:24px}/*24鍍忕礌琛岃窛*/
.lh-26{line-height:26px}/*26鍍忕礌琛岃窛*/
.lh-28{line-height:28px}/*28鍍忕礌琛岃窛*/
.lh-30{line-height:30px}/*30鍍忕礌琛岃窛*/
/*涓昏棰滆壊*/
.c-primary,.c-primary a,a.c-primary{color:#5a98de}
.c-primary a:hover,a.c-primary:hover{ color:#5a98de}

/*娆′富鑹�*/
.c-secondary,.c-secondary a,a.c-secondary{color:#555}
.c-secondary a:hover,a.c-secondary:hover{ color:#555}

/*寮鸿皟鑹测€旀垚鍔�*/
.c-success,.c-success a,a.c-success{color:#5eb95e}
.c-success a:hover,a.c-success:hover{ color:#5eb95e}

/*寮鸿皟鑹测€斿嵄闄�*/
.c-danger,.c-danger a,a.c-danger{color:#dd514c}
.c-danger a:hover,a.c-danger:hover{ color:#dd514c}

/*寮鸿皟鑹测€旇鍛�*/
.c-warning,.c-warning a,a.c-warning{color:#f37b1d}
.c-warning a:hover,a.c-warning:hover{ color:#f37b1d}

/*寮鸿皟鑹测€旈敊璇�*/
.c-error,.c-error a,a.c-error{color:#c00}
.c-error a:hover,a.c-error:hover{ color:#c00}

/*杈呭姪鑹测€旀祬榛�*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}

/*杈呭姪鑹测€旂伆鑹�*/
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{ color:#666}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}

/*鏍囧噯鑹测€旂孩鑹�*/
.c-red,.c-red a,a.c-red{color:red}
.c-red a:hover,a.c-red:hover{ color:red}

/*鏍囧噯鑹测€旂豢鑹�*/
.c-green,.c-green a,a.c-green{color:green}
.c-red a:hover,a.c-red:hover{color:green}

/*鏍囧噯鑹测€旇摑鑹�*/
.c-blue,.c-blue a,a.c-blue{color:blue}
.c-blue a:hover,a.c-blue:hover{color:blue}

/*鏍囧噯鑹测€旂櫧鑹�*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}

/*鏍囧噯鑹测€旈粦鑹�*/
.c-black,.c-black a{color:black}
.c-black a:hover,a.c-black:hover{color:black}

/*鏍囧噯鑹测€旀鑹�*/
.c-orange,.c-orange a,a.c-orange{color:orange}
.c-orange a:hover,a.c-orange:hover{color:orange}

.mt-5{margin-top:5px}/*璺濅笂5鍍忕礌*/
.mt-10{margin-top:10px}/*璺濅笂10鍍忕礌*/
.mt-15{margin-top:15px}/*璺濅笂15鍍忕礌*/
.mt-20{margin-top:20px}/*璺濅笂20鍍忕礌*/
.mt-25{margin-top:25px}/*璺濅笂25鍍忕礌*/
.mt-30{margin-top:30px}/*璺濅笂30鍍忕礌*/
.mt-35{margin-top:35px}/*璺濅笂35鍍忕礌*/
.mt-40{margin-top:40px}/*璺濅笂40鍍忕礌*/
.mt-50{margin-top:50px}/*璺濅笂50鍍忕礌*/

.mb-5{margin-bottom:5px}/*璺濅笅5鍍忕礌*/
.mb-10{margin-bottom:10px}/*璺濅笅10鍍忕礌*/
.mb-15{margin-bottom:15px}/*璺濅笅15鍍忕礌*/
.mb-20{margin-bottom:20px}/*璺濅笅20鍍忕礌*/
.mb-25{margin-bottom:25px}/*璺濅笅25鍍忕礌*/
.mb-30{margin-bottom:30px}/*璺濅笅30鍍忕礌*/
.mb-35{margin-bottom:35px}/*璺濅笅35鍍忕礌*/
.mb-40{margin-bottom:40px}/*璺濅笅40鍍忕礌*/
.mb-50{margin-bottom:50px}/*璺濅笅50鍍忕礌*/

.ml-5{margin-left:5px}/*璺濆乏5鍍忕礌*/
.ml-10{margin-left:10px}/*璺濆乏10鍍忕礌*/
.ml-15{margin-left:15px}/*璺濆乏15鍍忕礌*/
.ml-20{margin-left:20px}/*璺濆乏20鍍忕礌*/
.ml-30{margin-left:30px}/*璺濆乏30鍍忕礌*/
.ml-40{margin-left:40px}/*璺濆乏40鍍忕礌*/
.ml-50{margin-left:50px}/*璺濆乏50鍍忕礌*/

.mr-5{margin-right:5px}/*璺濆彸5鍍忕礌*/
.mr-10{margin-right:10px}/*璺濆彸10鍍忕礌*/
.mr-15{margin-right:15px}/*璺濆彸15鍍忕礌*/
.mr-20{margin-right:20px}/*璺濆彸20鍍忕礌*/
.mr-30{margin-right:30px}/*璺濆彸30鍍忕礌*/
.mr-40{margin-right:40px}/*璺濆彸40鍍忕礌*/
.mr-50{margin-right:50px}/*璺濆彸50鍍忕礌*/

.pt-5{padding-top:5px}/*涓婂～鍏�5鍍忕礌*/
.pt-10{padding-top:10px}/*涓婂～鍏�10鍍忕礌*/
.pt-15{padding-top:15px}/*涓婂～鍏�15鍍忕礌*/
.pt-20{padding-top:20px}/*涓婂～鍏�20鍍忕礌*/

.pb-5{padding-bottom:5px}/*涓嬪～鍏�5鍍忕礌*/
.pb-10{padding-bottom:10px}/*涓嬪～鍏�10鍍忕礌*/
.pb-15{padding-bottom:15px}/*涓嬪～鍏�15鍍忕礌*/
.pb-20{padding-bottom:20px}/*涓嬪～鍏�20鍍忕礌*/

.pl-5{padding-left:5px}/*宸﹀～鍏�5鍍忕礌*/
.pl-10{padding-left:10px}/*宸﹀～鍏�10鍍忕礌*/
.pl-15{padding-left:15px}/*宸﹀～鍏�15鍍忕礌*/
.pl-20{padding-left:20px}/*宸﹀～鍏�20鍍忕礌*/

.pr-5{padding-right:5px}/*鍙冲～鍏�5鍍忕礌*/
.pr-10{padding-right:10px}/*鍙冲～鍏�10鍍忕礌*/
.pr-15{padding-right:15px}/*鍙冲～鍏�15鍍忕礌*/
.pr-20{padding-right:20px}/*鍙冲～鍏�20鍍忕礌*/

.pd-5{padding:5px}/*濉厖5鍍忕礌*/
.pd-10{padding:10px}/*濉厖10鍍忕礌*/
.pd-15{padding:15px}/*濉厖15鍍忕礌*/
.pd-20{padding:20px}/*濉厖20鍍忕礌*/


.text-l{text-align:left}/*姘村钩灞呭乏*/
.text-r{text-align:right}/*姘村钩灞呭彸*/
.text-c{text-align:center}/*姘村钩灞呬腑*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}/*涓婁笅灞呴《*/
.va-m{ vertical-align:middle!important}/*涓婁笅灞呬腑*/
.va-b{ vertical-align:bottom!important}/*涓婁笅灞呭簳*/

.f-50,f-50a {
  font-size: 50px;
}

.f-60 {
  font-size: 60px;
}
.f-70 {
  font-size: 70px;
}

.pt-50{padding-top: 50px;;}
.pb-50{padding-bottom: 50px;}
.pt-70{padding-top: 70px;;}
.pb-70{padding-bottom:70px;}

.mt-70{margin-top: 70px;}
.mb-70{margin-bottom: 70px;}
.mt-150{margin-top: 150px;}



@media (max-width: 767px) {



  .pl30{ padding-left: 10px;}


  
  .f-50 {
      font-size: 36px;
    }
  
  .f-60 {
      font-size: 24px;
    }
  .f-70 {
      font-size: 30px;
    }
}
