.top_bar { border-bottom: 3px solid #003055; overflow: hidden; padding: 15px 50px;}
.logo { padding: 0; width: 610px; float: left; border-bottom-width: 0;}
.logo img { height: 50px;}
.logo h2 { font-size: 20px; margin-top: 16px;}
.logo_box { width: auto;}
.logo_box h2 .b,
.logo_box h2 .e,
.logo_box h2 .m { color: #fb8d26;}

@media ( max-width: 1280px){ 
    .logo { width: 550px;}
    .logo img { height: 45px;}
    .logo h2 { font-size: 18px;}
}

@media ( max-width: 1200px){ 
    .top_bar { padding: 15px 0;}
    .logo h2 { font-size: 16px;}
}

@media ( max-width: 750px){ 
    .logo_box { width: auto;}
    .logo_box  h2 {
        font-size: 14px;
        padding-top: 8px;
        clear: both;
        margin: 0px 10px;}    
}
.top_menu { width: auto; float: right; height: auto;  background: transparent;}
.top_menu a { padding: 10px 15px; font-size: 20px; color: #214986;}
.top_menu li.current a, .top_menu li:hover a { background: #2c6ed7; color: #fff;}
@media ( max-width: 1280px){ 
    .top_menu a { font-size: 18px; padding: 10px;}
}
@media ( max-width: 1200px){ 
    .top_menu  { top: 102px; background: #214986; width: 100%;}
    .top_menu a { color: #fff;}
}

.type_box { border-radius: 6px; box-shadow: 0 .5em 1em -0.125em #0a0a0a1a,0 0px 0 1px #0a0a0a05; overflow: hidden; margin-top: 50px;}
.list_box .pi_box,
.list_box .sc_bd { padding: 20px; overflow: hidden;}

.list_box .cat_name,
.list_box .sc_hd h3 { border: 1px solid #0000001a; font-size: 28px; color: #363636; padding-left: 15px; margin-top: 0; display: block; text-align: left; background-color: #ededed; border-radius: 6px 6px 0 0;}
.list_box .pi_box .pi_thumb { border-radius: 5px;}

.list_box .sc_hd .h3_1,
.list_box .sc_hd .h3_2,
.list_box .sc_hd .h3_3,
.list_box .sc_hd .h3_4,
.list_box .sc_hd .h3_5,
.list_box .sc_hd .h3_6 { color: #363636;}
.pi_name { color: #363636; font-size: 20px;}
.pi_text { font-size: 16px; text-align: justify;}

.list_box .pi_box .pi_intro { margin: 0 0 0 2%; float: right; line-height: 1.5;  color: #4a4a4a;}

@media ( max-width:1200px){ 
    .pi_text { font-size: 16px;}
}

.list_box .sc_bd li { width: 50%; margin: 0 0 1.5em;}
.list_box .sc_bd img { margin-right: 2em; width: 122px;display: block; float: left; border-radius: 5px; border: 1px solid #f3f3f3; box-sizing: border-box;}
.list_box .sc_bd h4 {  font-size: 20px;  line-height: 2; color: #363636;}

.ptext { float: left; width: calc( 100% - 160px );}
.sub_text { white-space: pre;  line-height: 1.1; color: #4a4a4a;}


@media ( max-width:1200px){

    .list_box .sc_bd li { width: 100%; margin: 0 0 1.2em;}
    .list_box .sc_bd img { margin-right: 2%; width: 38%;}
    .sub_text { width: 60%;}
}
@media ( max-width: 890px){
    .list_box .sc_bd li { margin: 0 0 0.8em;}
}

.list_box .sc_bd li { width: 50%; margin: 0 0 1.5em;}
.list_box .sc_bd img { margin-right: 2em; width: 122px;display: block; float: left; border-radius: 5px; border: 1px solid #f3f3f3; box-sizing: border-box;}
.list_box .sc_bd h4 {  font-size: 20px;  line-height: 2; color: #363636;}

.ptext { float: left;}
.sub_text { white-space: pre;  line-height: 1.1; color: #4a4a4a;}
.sub_p { line-height: 1.6; color: #4a4a4a;}


@media ( max-width:1200px){

    .list_box .sc_bd li { width: 100%; margin: 0 0 1.2em;}
    .list_box .sc_bd img { margin-right: 2%; width: 38%;}
    .sub_text { width: 60%;}
}
@media ( max-width: 890px){
    .list_box .sc_bd li { margin: 0 0 0.8em;}
}

.list_box .sc_bd .intro_text { display: none;}
.list_box .sc_bd_c li { width: 100%; text-align: left; line-height: 2.5; padding-left: 15px; margin: 0;}
.list_box .sc_bd_c li .text_intro { color: #555;}
.list_box .sc_bd_c li .text_intro span { color: #222; margin-right: 0.5em;}