.about-detail a{color:#f7c617;}
    *, ::after, ::before {
    box-sizing: border-box;
}
    .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
    .why{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
    .why li{
        width: 33.333%;
        float: left;
        list-style: none;
        height: 280px;
        padding: 40px ;
    }
    .why  p{
        text-align: center;
        color: #5d5b5b;
        line-height: 30px
    }
    .why h3{
        text-align: center;
        line-height: 25px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
.certificate{margin:auto;}
.why a{color:#333;text-decoration:none;}
.why a:hover{color:#015198;}
@media (max-width: 900px){
.why {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.why li {
    width: 100%;
    float: left;
    list-style: none;
    height: 350px;
    padding: 40px;
}
}
.base-header h3 {
    padding-bottom: 16px;
    position: relative;
    color: #333;
    line-height: 35px;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 32px;
}
.base-header h3::before {
    position: absolute;
    content: "";
    background-color: #015198;
}
.base-header h3::before {
    width: 60px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}
.base-header p {
    margin-top: -8px;
    color: #656565;
}
.base-header {
    width: 57%;
    margin: auto;
    text-align: center;
    margin-top: 55px;
}
.about-us-wrap{    background-image: url(../images/437310.jpg);
}
.abvideo{float:left;width:50%;}

.about-us {
	position: relative;
	width: 100%;
}

.about-us .title {
	margin: 0px auto 40px;
    font-size: 32px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.about-us .content {
	font-size: 18px;
	line-height: 1.6;
	color: #ffffff;
	text-align: justify;
}

.about-us .read-more {
	font-size: 16px;
	padding: 7px 30px;
	color: #ffffff;
	background-color: #e31836;
	display: table;
	margin-top: 20px;
	position: relative;
}

.about-us .read-more span:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 10px;
	height: 0;
	width: 0;
	border: 6px solid #fff;
	border-color: transparent transparent transparent #fff;
}

.about-us .read-more:hover {
	background-color: #333333;
}

.about-us .content{float:right; width:48%; padding: 0 0 0px 0;}

.about-us .read-more span:after {display: none;}
.about-us-wrap {padding: 60px 0;}
.about-us {width:100%;}

@media screen and (max-width:769px) {
	.about-us {
		position: relative;
		width: 100%;
	}

	.about-us .title {
		font-size: 36px;
	}

	.about-us .title p {
		font-size: 30px;
	}

	.about-us .about-detail {
		display: block;
		width: auto;
		float: none;
		padding: 3%;
	}

	.about-us .read-more {
		margin-top: 2%;
	}
}

@media(max-width:768px){
	.base-header {width: 100%;}
}

@media screen and (max-width:641px) {
	.about-us .about-detail .title {
		font-size: 20px;
	}

	.about-us .about-detail .title:after {
		display: none;
	}
}

@media(max-width:640px){.abvideo{float:left;width:100%;}
.about-us .title{float:left; text-align:left;width:100%;}
}


.idx-news-list li{padding:20px;background:#fff;width:calc(50% - 15px);flex-basis:calc(50% - 15px);margin-bottom:40px;display:-webkit-flex;display:flex;justify-content:center;transition:.3s transform ease-in-out}
.idx-news-list li>a{width:44%;flex-basis:44%}
.idx-news-list li>.idx-news-con{width:56%;flex-basis:56%;padding-left:20px}
.idx-news-list{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap}
.idx-news-list li img{display:block;max-height:100%}
.idx-news-list li:hover{color:#fff;background:#1c355e;transition:.3s transform ease-in-out;box-shadow:0 5px 10px #e3e3e3;transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px)}
.idx-news-con h3 a{font-size:20px;color:#050713;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px;margin-bottom:5px;position:relative}
.idx-news-con time{padding:5px 0 10px;font-size:14px;display:block}
.idx-news-con p{font-size:16px;line-height:1.6;color:#848484;height:75px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.idx-news-list li:hover a,.idx-news-list li:hover p{color:#fff}
@media(max-width:991px){
	.idx-news-list li{width:100%;flex-basis:100%}
}