.text-huang{color:#fdb903;}
.text-zi{color:#132451;}
.text-hong{color:#bb1517; }
.bg-zi{background: #132451;}
.bg-hong{background: #bb1517;}
.bgbao{background: url('../images/require.jpg') no-repeat;background-size: cover;}
.btn-zi{background: #ffb301}
.w-10{width:100px;}
.heading-separator {
	background: #ffffff;

	color: #fff;
	height: 5px;
	width: 30%;
	text-shadow: 1px 1px 1px rgba(0,0,0,.15);
	margin: 1.25rem auto;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #ffb301;
}
.img_div:hover{ opacity: .6; }

	.box{
		text-align: center;
		overflow: hidden;
		color: #ffb00e;
		position: relative;
	}
	.box:after{
		content: "";
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 69%, rgba(0, 0, 0, 0.76) 100%);
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.5s ease 0s;
	}
	.box:hover:after{
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.09) 11%, rgba(0, 0, 0, 0.12) 13%, rgba(0, 0, 0, 0.19) 20%, rgba(0, 0, 0, 0.29) 28%, rgba(0, 0, 0, 0.29) 29%, rgba(0, 0, 0, 0.42) 38%, rgba(0, 0, 0, 0.46) 43%, rgba(0, 0, 0, 0.53) 47%, rgba(0, 0, 0, 0.75) 69%, rgba(0, 0, 0, 0.87) 84%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 0.94) 100%);
	}
	.box img{
		width: 100%;
		height: auto;
	}
	.box .box-content{
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	.box .title{
		font-size: 22px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0 0 10px 0;
		transform: translateY(145px);
		transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
	}
	.box .post{
		display: block;
		padding: 8px 0;
		font-size: 15px;
		transform: translateY(145px);
		transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
	}
	.box .post a{color:#fff;}

	.box:hover .title,
	.box:hover .post{
		transform: translateY(0);
	}
	.box .social{
		list-style: none;
		padding: 0 0 5px 0;
		margin: 40px 0 25px;
		opacity: 0;
		position: relative;
		transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
		transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;
	}
	.box:hover .social{
		opacity: 1;
		transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	.box .social:before{
		content: "";
		width: 50px;
		height: 2px;
		background: #fff;
		margin: 0 auto;
		position: absolute;
		top: -23px;
		left: 0;
		right: 0;
	}
	
	.box .social a{
		font-size: 20px;
		color: #fff;
		transition: all 0.3s ease 0s;
	}
	.box .social  a:hover{
		background: #bea041;
	}
	.box .social li:last-child a{
		margin-right: 0;
	}

	@media only screen and (max-width:990px){
		.box{ margin-bottom: 30px; }
	}
		body .navbar-light .navbar-nav .nav-link{
	    color: #3e3b3b;
        padding-right: 20px;
	}
	.title_box{
	    margin-bottom:20px;
	}
	.title_box h3 {
        font-size: 34px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        position: relative;
        line-height: 70px;
    }
    .title_box h3::after {
        width: 64px;
        height: 2px;
        margin: 0 auto;
        background-image: linear-gradient( 
    90deg
     ,#1677e3 3%,#16d9e3);
        border-radius: 2px;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
    .title_box p {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        text-align: center;
    }
    .jumbotron p{
        line-height:30px ;
    }
    .table-bordered td, .table-bordered th{
        border: 1px solid #8292a2;
        background-color:#e1e6ef;
        padding: 0;
        line-height: 35px;
    }
    .table-bordered th{
        text-align: left;
        padding-left:10px;
    }
    .table-bordered tr:nth-child(even)
    {
        background: #ffeeba
    }
    .table-bordered tr:nth-child(even) td, .table-bordered tr:nth-child(even) th{
        background: #f0f9f4
    }
     .my_table1 td, .my_table1 th {
        border: 1px solid #b3abab;
        padding:0 1.8rem;
        line-height: 36px;
    }
    .my_table1 .thead-light th{
        line-height: 42px;
    }
    .advance_cont{
        padding:0 10px;
    }
    .my_table td{
        padding-left:10px;
    }
    .advance_cont .card-title{
        margin-top: 0.5rem;
        color:#333;
    }
    .advance_cont .card-block p{
          padding: 0 .5rem!important;
          margin-bottom: 0;
          text-indent: 2rem;
          font-size:15px;
          color:#585555;
    }
    .met-banner-ny {
    background-color: #dc3545;
    height: 90px;
    text-align: center
}.vertical-align-bottom, .vertical-align-middle {
    font-size: 1rem;
    display: inline-block;
    max-width: 100%
}.met-banner-ny h3 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 300;
    padding: 10px 30px;
    margin: 0px;
    text-shadow: none
}
    .met-feedback-body .btn-primary{
        width:100%!important;
    }
    .met-feedback{
        background: #fff;
        padding:27px 0px;
    }
   
    .black_h3 h3,.black_h3 p{
        color:#132451;
    }
    .advance_cont .card{
        background-color: #fff;
        border: 2px solid rgb(70 71 222 / 13%);
        position: relative;
    }
     .advance_cont .card .text-white{
         color:#333;
         background: #fff;
         height: 260px;
         padding-top: 7px;
     }
     .advance_cont .card::after{
         position: absolute;
         bottom:0;
         width:100%;
         content:'';
         background: #5555c5;
         height:7px;
     }
     .advance_cont .col-md-3:nth-child(2) .card::after{
         background: #dc9935;
     }
      .advance_cont .col-md-3:nth-child(3) .card::after{
         background: #3a6f2d;
     }
       .advance_cont .col-md-3:nth-child(4) .card::after{
         background: #47abb5;
     }
     .jumbotron{
         background-color: #fcfdfd;
     }
    
     .fotter_bottom,.fotter_bottom span, .fotter_bottom a, .fotter_bottom a:hover{
         color:#6c757d;
     }
   
     .jinPadding{
         padding:0 10px;
         box-sizing: border-box;
     }
     .my-md-3{
         margin-bottom:1rem;
     }
     .iframe body{
         overflow: hidden;
     }
   
	@media (max-width: 576px) {
	    .my_table1 td, .my_table1 th{
	        padding: 0 4px!important;
	    }
	    .jdys_box .col-md-3:nth-child(1){
	        order:2;
	    }
	     .jdys_box .col-md-3:nth-child(2){
	        order:1;
	    }
	    
	}