.vision_tit{width:100%;height:270px;margin-bottom:20px;background: #50a9ef url(/pages/basic/img/sub/vision_img.png) right center no-repeat;border-radius: 20px;color: #fff;}
.vision_tit h5{font-family: "Gmarket Sans";font-size:30px;padding: 57px 0 0 42px;font-weight: 400;}

.vision_box{float: left;width: 100%;padding:30px 20px;font-size:18px;display: block;border: 1px solid #eee;margin-bottom: 25px;}
.vision_box p{font-size:18px; line-height:24px}
@media screen and (max-width:1200px){
div.intro02_01 {
    height: 554px;}
	.intro02_01 h5 {
    font-size: 25px;
    margin-right: 20px;
}
.vision_box p{font-size: 17px;color: #2196F3;margin-top:15px}

}

@media screen and (max-width:860px){
.vision_tit {height:180px; background-size:80%;}
.vision_tit h5 {font-size: 19px;}
.intro02_01 p {height: 360px; padding: 30px 10px 40px 60px;}
}



/****** Mobile ******/
@media screen and (max-width:690px){
div.intro02_01 {
        height: 628px;
    }
.intro02_01 p {
    width: 100%;height: 400px;}
.intro02_02 {width: 100%;}
	.intro02_02 .titl01 {font-size: 22px;}
	.content_box p {font-size: 17px;}
	.intro02_02 p span {font-size: 17px;line-height: 27px;}
    .vision_tit{ background:#1b4565 url('/pages/basic/img/sub/vision_img2.png') right center no-repeat;}
	.h4_butt {
    font-size: 20px;}
	.vision_box {
    padding: 18px 9px;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;}
	.vision_box p{font-size: 15px;color: #2196F3;margin-top:15px}
}

/****** Mobile ******/
@media screen and (max-width:500px){
.intro02_01 p {
    width: 100%;height: 440px;  padding: 30px 10px 40px 40px;  line-height: 26px;}
.intro02_02 {padding-left:35px}
.vision_tit h5 {
    padding: 57px 0 0 30px;}
}


/****** Mobile ******/
@media screen and (max-width:400px){
div.intro02_01 {
        height: 670px;
    }
.intro02_01 p {
    width: 100%;height: 480px;}
	.vision_tit h5 {
    padding: 37px 0 0 28px;}
	}