@charset "utf-8";
/* CSS Document */
.noPadBottom{padding-bottom:0;}
.bonPhase1CustomersSpeak{width:100%; height:auto; float:left; display:block; padding:104px 67px 0;}

.bonPhase1CustomersSpeak h2 {font-size: 24px;line-height: 30px;font-weight: 400; color: #e9351f;text-align: center;position: relative; padding: 0 0 25px; margin-bottom:75px;}
.bonPhase1CustomersSpeak h2 strong {font-weight: 600;}
.bonPhase1CustomersSpeak h2:after {content: '';width: 37px;height: 2px;background: #e9351f; position: absolute; left: 0; right: 0;bottom: 0; margin: auto;}
.bonPhase1CustomersSpeak ul{display:flex; flex-wrap:wrap; margin:0 -8px;}
.bonPhase1CustomersSpeak ul li{width:50%; float:left; padding:0 8px;}
.bonPhase1CustomersSpeak ul li a{display:block; position:relative;}
.bonPhase1CustomersSpeak ul li a img{display:block; width:100%; border-radius:3px;}
.bonPhase1CustomersSpeak ul li a:after{content:''; background:url(../images/phase1New/bonhooghlyPhase1PlayBtn.png) no-repeat 0 0; width:81px; height:80px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; z-index:999;}





.bonPhase1Achievements{width:100%; height:auto; float:left; display:block; padding:104px 67px 0;}
.bonPhase1Achievements h2 {font-size: 24px;line-height: 30px;font-weight: 400; color: #e9351f;text-align: center;position: relative; padding: 0 0 25px; margin-bottom:75px;}
.bonPhase1Achievements h2 strong {font-weight: 600;}
.bonPhase1Achievements h2:after {content: '';width: 37px;height: 2px;background: #e9351f; position: absolute; left: 0; right: 0;bottom: 0; margin: auto;}




.bonPhase1VerticalContBox30 {display: flex;flex-wrap: wrap;margin: 0 -12px; justify-content:center;}
.bonPhase1VerticalContBox30 article {
    text-align: left;
    position: relative;
    float: none;
    width: 33.3333333333%;
    margin-bottom: 30px;
    padding: 0 12px; 
	display: inline-block;
}

.bonPhase1VerticalContBox30 article>div {
    background:#f8f8f8;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(120,120,120,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(120,120,120,0.2);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(120,120,120,0.2);
    height: 100%;
    position: relative;
}
.bonPhase1VerticalContBox30 article figure{padding: 25px 0; background: #fff; text-align: center;}
.bonPhase1VerticalContBox30 article figure i{width: auto; height: 190px; margin: 0 auto; text-align: center;display: inline-block;}
.bonPhase1VerticalContBox30 article figure i img{width: inherit;display: inherit;}
.bonPhase1VerticalContBox30 article aside {background: #f8f8f8; font-size: 14px;font-weight: 400; color: #262626;line-height: 20px; padding: 35px 30px; position: relative;
}
.bonPhase1VerticalContBox30 article aside span{ width: 100%;height: auto;display: block;font-size: 18px!important; line-height: 22px!important; font-weight: 400; color: #262626!important; margin-bottom: 0px!important;}

.bonPhase1News{width:100%; height:auto; float:left; display:block; padding:100px 0 0;}
.bonPhase1News h2 {font-size: 24px;line-height: 30px;font-weight: 400; color: #e9351f;text-align: center;position: relative; padding: 0 0 25px; margin-bottom:75px;}
.bonPhase1News h2 strong {font-weight: 600;}
.bonPhase1News h2:after {content: '';width: 37px;height: 2px;background: #e9351f; position: absolute; left: 0; right: 0;bottom: 0; margin: auto;}


.bonhooghlyPhase1NewsSlider{padding:0 67px; margin-bottom:40px}
.bonhooghlyPhase1NewsSlider li{background:#FFF;border-radius:5px;overflow:hidden;margin:0 10px 10px;position:relative;-webkit-box-shadow:1px 1px 9px -1px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 9px -1px rgba(0,0,0,.3);box-shadow:1px 1px 9px -1px rgba(0,0,0,.3)}

.bonhooghlyPhase1NewsSlider li:after {width: 11px; height: 7px; position: absolute; z-index: 1; left: 35px; bottom: 30px; content: ""; color: #fff; line-height: 38px; display: block; background: url(../images/phase1New/arrow4.png) 100% 50% no-repeat; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease;}
.bonhooghlyPhase1NewsSlider li:hover:after {background:url(../images/phase1New/arrow4.png) -1px 50% no-repeat;}



.bonhooghlyPhase1NewsSlider li figure img{width:100%;display:block}
.bonhooghlyPhase1NewsSlider li aside{padding:35px 30px 55px; overflow:hidden; position:relative;}
.bonhooghlyPhase1NewsSlider li h3{font-size: 15px; font-weight: 400; color: #474747; margin-bottom: 15px;}
.bonhooghlyPhase1NewsSlider li span.date{display:block; font-size:11px; color:#f1552c; margin-bottom:5px;}
.bonhooghlyPhase1NewsSlider li span.newspaper{display:block; font-size:11px; font-weight:300; color:#474747;}

@media screen and (max-width:1000px){
.bonPhase1VerticalContBox30 article{width:50%;}

}
@media screen and (max-width:700px){
.bonPhase1VerticalContBox30 article{width:100%;}
.bonPhase1CustomersSpeak ul li{width:100%; float:left; padding:0 8px;}
.bonPhase1CustomersSpeak ul li{width:100%; float:left; margin-bottom:16px;}
.bonPhase1CustomersSpeak ul li:last-child{margin-bottom:0;}
}
@media screen and (max-width:500px){
.bonhooghlyPhase1NewsSlider li{height:auto;width:auto;padding-bottom:50px}
.bonhooghlyPhase1NewsSlider li h3{font-size:16px}
.bonhooghlyPhase1NewsSlider {margin-bottom:0px;}
}