.fc_pointer {color:#BC0000; }
.daon_content_wrap{width:100%; min-width:320px; max-width:100%; margin:0 auto;}
.daon_page_title{width:100%; margin-bottom:70px;}
.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


.vision_type4 {width:100%; min-width:320px;  margin:0 auto; }
.vision_type4:after{content:""; clear:both; display:block;}
.vision_type4 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
.vision_type4 h2.title i{color:#aaa;}

.vision_type4 .vision_area4 { width:100%; padding:0;  text-align: center; margin-top:50px; overflow:hidden;}
.vision_type4 .vision_area4::after {content:'';display:table; clear:both;}
.vision_type4 .vision_area4 li {display:inline-block; padding:0; margin-left:-20px;}
.vision_type4 .vision_area4 li:first-child {margin-left: 0;} 
.vision_type4 .vision_area4 .i_box {position:relative; display:inline-block; padding-top:30%; width:15rem; height:15rem; text-align:center; background:rgba(43,129,208,0.9); border-radius:100%; box-sizing: border-box;}
.vision_type4 .vision_area4 li:nth-child(2n) .i_box {background: rgba(137,137,137,0.65);}
.vision_type4 .vision_area4 .i_box i {display: inline-block; padding:0; margin:0; font-size:3em; color:#fff;}
.vision_type4 .vision_area4 .i_box strong {display:block; margin-top:10%; font-size:2em; color:#fff; font-weight:500; letter-spacing:-0.03em;}	

.vision_type4 .con_bg{ width:100%; max-width:100%; margin:60px auto; background:#fcfcfc;}
.vision_type4 .con_txt { width:100%; max-width:1200px; margin:60px auto; }
.vision_type4 .con_txt:after{ content:""; display:block; clear:both;}
.vision_type4 .con_box { float:left; width:49.5%; height:150px; ; margin:25px 0; text-align:left; overflow:hidden; border-right:1px solid #ddd; }
.vision_type4 .con_box:nth-child(2n){border-right:0px;}
.vision_type4 .con_box:after{ content:""; display:block; clear:both;}
.vision_type4 .con_box .icon { float:left; width:15%; text-align:center; }
.vision_type4 .con_box .icon i {width:50px; height:50px; line-height:50px; text-align:center; color:#8BCE7B; font-size:2em; }
.vision_type4 .con_box .info { float:left; width:80%;}
.vision_type4 .con_box .info .txt_tit { font-size:1.5em; }
.vision_type4 .con_box .info .txt_list { font-size:1em; color:#777; line-height:1.6em; margin-top:20px; word-break:keep-all;}


@media screen and (max-width: 992px){

    .daon_content_wrap{width:100%;}
    .daon_page_title{margin-bottom:50px;}	
    .daon_page_title h1{font-size:2em;}
    .daon_page_title h2{font-size:1em;}

    .vision_type4 h2.title { font-size:1.5em; }
    .vision_type4 span.stitle{font-size:1em; width:90%;}

}

@media screen and (max-width: 768px){

    .vision_type4 .vision_area4 li {float:left; width:50%; padding:0; margin:0; margin-bottom:5%; }
    .vision_type4 .vision_area4 li:nth-child(even) {margin-left: 0;} 
    .vision_type4 .vision_area4 li:last-child {margin-bottom:0;}
    .vision_type4 .vision_area4 .i_box {  padding-top:25%; }
    .vision_type4 .vision_area4 .i_box strong { font-size:2em;}

    .vision_type4 .con_box { float:left; width:100%; height:auto; padding-bottom:50px; padding-left:0px;  border-bottom:1px solid #ddd; border-right:0px;}
    .vision_type4 .con_box:last-child { border-bottom:0;}

}


@media screen and (max-width: 480px) {		
    
    .vision_type4 h2.title br{ display:inline !important; }
    .vision_type4 .vision_area4 li { width:100%; }
    .vision_type4 .vision_area4 .i_box {padding-top:12%; width:12rem; height:12rem; }
    .vision_type4 .vision_area4 .i_box strong { font-size:1.5em;}

}