.about-box{padding:10px 0 120px 0;}
.about-img{float:left; width:50%;}
.about-img img{display:block; max-width:100%;}
.about-text{float:right; width:50%; line-height:1.75; font-size:16px; padding:10px 45px;}
@media(max-width:1200px){
.about-box{padding:10px 0 100px 0;}
.about-text{line-height:1.5; padding:0 0 0 15px;}
}
@media(max-width:992px){
.about-img{float:left; width:100%; background:#fcfcfc}
.about-img img{margin:0 auto;}
.about-text{float:right; width:100%; line-height:1.75; font-size:16px; padding:20px 0;}
}
@media(max-width:767px){
.about-box{padding:10px 0;}
.about-text{line-height:1.5;}
}



.four-box{text-align:center; color:#fff;}
.four-top{background:#8eaebb; position:relative;}
.four-top:after{background:#97b6c2; content:''; position:absolute; left:50%; top:0; right:0; bottom:0;}
.four-bottom{background:#83a4b1; position:relative;}
.four-bottom:after{background:#8eaeba; content:''; position:absolute; left:50%; top:0; right:0; bottom:0;}
.four-box ol,
.four-box ul{position:relative; z-index:1;}
.four-box li{width:50%; float:left; list-style:none; padding:65px 0; margin:0;}
.four-box h3{font-size:24px; margin:30px 0; font-weight:normal;}
.four-box p{font-size:16px;}
@media(max-width:992px){
.four-box p{padding:0 15px;}
.four-box p br{display:none;}
}
@media(max-width:767px){
.four-box ol,
.four-box ul{padding:0;}
.four-box li{padding:20px 0;}
.four-box h3{margin:10px 0;}
}
@media(max-width:480px){
.four-box>div:after{display:none;} 
.four-box li{width:100%;}
.four-top li:last-child{background:#97b6c2;}
.four-bottom li:last-child{background:#8eaeba;}
}




.show-box{padding:80px 0 120px 0;}
.show-text{float:left; width:50%; line-height:1.75; font-size:16px; padding-right:45px;}
.show-text p{margin-bottom:8px;}
.show-text p.title{font-size:20px; margin-bottom:20px; padding-top:45px;}
.show-img{float:right; width:50%; text-align:right;}
.show-img img{max-width:100%;}
@media(max-width:1200px){
.show-box{padding:80px 0 100px 0;}
.show-text{padding-right:15px;}
}
@media(max-width:992px){
.show-box{padding:60px 0 80px 0;}
.show-text{width:100%; padding:20px 0;}
.show-img{width:100%; background:#fcfcfc}
.show-img img{display:block; margin:0 auto;}
.show-text p.title{padding-top:0;}
}
@media(max-width:767px){
.show-box{padding:15px 0 30px 0;}
.show-text{padding:15px 0; line-height:1.5;}
}