.box5{
    border: 1.10413px solid #F3F3F3;
    height: 100%;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    min-height: 570px;
    padding-left: 48px;
    border-bottom: 20px solid #FFFFFF;
    border-radius: 22px;
    padding-right: 48px;
    margin: 0 10px;
    padding-bottom: 50px;
    background: url(images/bgimg1.png) center bottom no-repeat;
}

.box5:hover {
    border-bottom: 20px solid #F39200;
    border-radius: 22px;
  }

  @media (max-width:1319.95px) {
    .box5 {
      padding-left: 50px;
      padding-right: 50px;
    }
  }
  @media (max-width:599.95px) {
    .box5 {
      min-height: 200px;
      padding-left: 32px;
      border-bottom: 15px solid #F39200;
      border-radius: 15px;
      padding-right: 32px;
    }
  }

.nav{
    background-color: #0e1f3c;
    padding: 10px 0px;
}

.layui-panel {    
    border-radius: 2px;
    background-color: #0e1f3c;
    color: #fff;
    border: 0;width: 100%;
}

.layui-menu {
   
    background-color: #0e1f3c;
}

.layui-menu li {
    
    line-height: 45px;
    color: rgba(255, 255, 255, .8);
    font-size: 20px;   
}

.layui-menu li,
.layui-menu-body-title,
.layui-menu-body-title a {
    padding: 5px 15px;
    color: rgba(255, 255, 255, .8);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.indexbig {
    height: calc(100vh - 80px);
    width: 100%;
    overflow: hidden;
}


.indexbig1 {
    width: 100%;
    height: calc(100vh - 80px);
    object-fit: cover;
    object-position: center top;
    outline: none;
    border: none;
}

.indexbig1-a {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    height: calc(100vh - 80px);
    background: linear-gradient(360deg, #060708, rgba(128, 145, 169, 0) 100%);
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

.indexbig1-b {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: calc(100vh - 80px);
    z-index: 2;
}


.indexbig1-c {
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  height: calc(100vh - 80px);  
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
}

.indexbig1-c1 { 
  position: absolute;
  left: 0;
  top: 80px;
  width: 50%;
  height: calc(100vh - 80px);  
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  background-color: rgba(0, 0, 0, 0.6);
}


@media (max-width: 767px) {
  .indexbig1-c1{
      top:80px;
      width:100%
  }
   
}


.indexbig1 img {
    width: 100%;
    height: calc(100vh);
    object-fit: cover;
    object-position: center top;
    outline: none;
    border: none;
}


.img-responsive{
    max-width: 100%;
    height: auto;
     display: block;
}



.f-30ffc521{font-size: 30px; color: #ffc521}
.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}
.f-40{font-size:40px}

.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像素行距*/
.lh-60{line-height:60px}/*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}


.c-ffc326{
  color: #ffc326;
}


.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像素*/
.pt-30{padding-top:30px}/*上填充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像素*/
.pb-30{padding-bottom:30px}/*下填充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;}
  .pt-100{ padding-top: 100px;}
  .pb-100{padding-bottom: 100px;}

.mt-70{margin-top: 70px;}
.mb-70{margin-bottom: 70px;}
.mt-150{margin-top: 150px;}


@media (max-width: 767px) {
    .pl30{ padding-left: 10px;}    
   
    .f-60 {
        font-size: 24px;
      }
    .f-70 {
        font-size: 30px;
      }
}