.vision {width:100%; margin:100px  auto 0 auto; overflow:hidden;}
.vision img {vertical-align:top;}
.vision .img1 {padding-bottom:150px}
.col4 {width:25%; float:left; position:relative; text-align:center; }
.col5 {width:33.3333%; float:left; position:relative; text-align:center;}
.vision .ico {border:1px solid #dfdfdf; height:205px; width:205px; height:205px; margin:0 auto; border-radius:50%;}
.vision .ico1 {background:url(../img/ico1.jpg)no-repeat center 42%;}
.vision .ico2 {background:url(../img/ico2.jpg)no-repeat center 42%;}
.vision .ico3 {background:url(../img/ico3.jpg)no-repeat center 42%;}
.vision .ico4 {background:url(../img/ico4.jpg)no-repeat center 42%;}
.vision .tit {background-color:#035ab9; border-radius:30px; color:#fff; padding:10px; text-align:center; font-size:22px;
width:250px; margin:-38px auto 10px auto; font-weight:500;}
.vision .txt {width:236px; margin:0 auto;}
.vision .box01 {border:1px solid #dfdfdf;  border-radius:200px; padding:45px 25px; }
.vision .col5 p{width:220px; height:220px; border-radius:50%; margin:0 auto; display:block; clear:both; color:#fff;
 text-align:center; padding:90px 0px 0 0; font-size:22px; font-weight:500;}
.vision .bg1 {background-color:#135800}
.vision .bg2 {background-color:#237204}
.vision .bg3 {background-color:#3d8f00}
.vision .bg4 {background-color:#47a502}
.vision .bg5 {background-color:#60b522}
.vision .col5::before {content:""; width:20px; height:20px; /* background:url(../img/plus.jpg)no-repeat  center;*/
position:absolute; top:45%; right:-10px; z-index: 9}
.vision .col5:last-child::before {display:none;}
.txtC22 {font-size:22px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.vision { margin: 0 auto; }	
.vision .tit {width:95%; margin:-38px auto 10px auto;}
.vision .txt {width:85%; margin:0 auto 30px auto;}	
.vision .img1 {padding-bottom:70px}
.vision .box01 {border:1px solid #dfdfdf;  border-radius:10px; padding:15px 15px; }
.col4 {width:48%; float:left; position:relative; margin:0 1%;}
.col5 {width:50%; float:left; position:relative;}
.vision .col5 p{width:145px; height:145px;  padding:56px 0px 0 0; margin:5px auto; font-size:18px; }
.vision .col5::before {display:none;}
.vision .col5:last-child {width:100%; margin:-15px auto 5px auto}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}