.nbanner img{ max-width:100%;}
.nbanner{ text-align:center;}


.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_6{ width:20% ; float:left;}
  .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
  .col_7{ width:14.2% ; float:left;}
 
 .zttitle{ text-align:center;}
 .zttitle .zbig{ font-size:36px; margin-bottom:4px;}
 .zttitle .zsmall{ font-size:20px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}
 
 .odi_part1{padding:50px 0 0 0 ;}
  .odi_part2{padding:50px 0 50px 0 ;}
  .odi_part4{padding:50px 0 50px 0 ;}
 
 .odi_part1_bg{ background:url(../images/odi_part1_bg.jpg);background-size:100% 100%; padding:100px 0; text-align:center;}
 .odi_part1_bg .fullcontainer{ background:#fff;}
   .odi_part1_bg .fullcontainer .odi_part1_bg_1{padding:20px 10%; background:#fff;  }
  .odi_part1_bg .fullcontainer .odi_part1_bg_2{padding:40px 20%; line-height:2; background:#2e7de0; color:#fff;}
  .odi_part2_bg .rowitam{background:#000; margin:15px; border-radius: 40px;padding:30px 0;}
  .odi_part2_bg .rowitam.bg1{background:#d0debf; }
  .odi_part2_bg .rowitam.bg2{background:#ebe2d3; }
  .odi_part2_bg .rowitam.bg3{background:#d0debf; }
  .odi_part2_bg .rowitam.bg4{background:#c1ebf8; }
  .odi_part2_bg .rowitam.bg5{background:#e3d7f8; }
  .odi_part2_bg .rowitam p{line-height:2; margin:20px;}
  
  .odi_part3 .rowitam{background:#298ac8; margin:15px; color:#fff;   }
  .odi_part3 .rowitam img{width:100%;}
    .odi_part3 .rowitam font{font-size:50px; line-height:1; font-weight:900; border-bottom:1px solid #fff; display:block ;padding-bottom:10px; margin-bottom:10px; font-style:italic}
    .odi_part3 .odi_part3_item_txt{padding-bottom:20px; padding:0 20px 20px 20px; margin-top:-25px;}
    .odi_part4_bg{ background:url(../images/odi_part4_bg.jpg);background-size:100% 100%;padding:80px 0 40px 0;}
     .odi_part4_bg .odi_part4_list {text-align:center ;    display: flex;
    justify-content: center; margin-bottom:40px;}
    .odi_part4_bg .odi_part4_list .odi_part4_list_item{display:inline-block; color:#fff; width:160px;}
    .odi_part4_bg .odi_part4_list .odi_part4_list_item .odi_part4_list_item_in{ border:#fff 1px solid; padding:20px 10px;border-radius: 20px; }
    .odi_part4_bg .odi_part4_list .odi_part4_list_item .odi_part4_list_item_in span{ display:block;}
    .odi_part4_bg .odi_part4_list .odi_part4_list_item .odi_part4_list_item_in span img{height:50px;}
    .odi_part4_bg .odi_part4_list .odi_part4_list_item .odi_part4_list_item_in font{ display:block; margin-top:15px;}
    .odi_part4_bg .odi_part4_list .odi_part4_list_item p{margin-top:20px;}
    .odi_part4_list_jt{ display:inline-block; position:relative;top:40px;margin:0 30px;}
    .odi_part4_list_jt b{display:block;width:40px; line-height:40px; height:40px; background:#fff;color:#000;font-size:20px; text-align:center;border-radius:50%}
  .odi_part5{ background:#e3edf7;padding:60px 0;}
  .odi_part5 .row{ position:relative}
  .odi_part5 .row:before{ position:absolute;left:25px;right:25px;top:50%;height:2px; background:#0074e7;width:95%; content:" ";}
  .odi_part5 .odi_part5_item_txt font { font-size:24px;color:#013896 ;font-weight:900; margin-bottom:10px; display:block; margin-top:30%}
  .odi_part5 .odi_part5_item_txt p{margin-top:10px;}
  .odi_part5 .odi_part5_item_txt{position:relative;}
  .odi_part5 .odi_part5_item_txt_in { background-color: rgba(255, 255, 255, 0.9);; position:relative;z-index:10;height:240px; overflow: hidden;border-radius: 50%; width:240px ;margin:0 auto; }
  .odi_part5 .odi_part5_item_txt .odi_part5_item_num{ width:80px; height:80px; text-align:center;line-height:80px; font-size:50px;  ;border-radius: 50%; background:#d0debf; color:#fff ;     position: absolute;z-index:9; left:-10px ;top:-10px;}
  .odi_part5 .odi_part5_item_txt .odi_part5_item_num.bg2{background:#ebe2d3;}
  .odi_part5 .odi_part5_item_txt .odi_part5_item_num.bg3{background:#ffcd75;}
  .odi_part5 .odi_part5_item_txt .odi_part5_item_num.bg4{background:#77d1ff;}
  .odi_part5 .odi_part5_item_txt .odi_part5_item_num.bg5{background:#c7b6d9;}
  .odi_part6{padding:50px 0;}
  .odi_part6_bg{ background:url(../images/odi_part6_bg.jpg);background-size:100% 100%; padding:100px 0; text-align:center;}
    .odi_part6_bg .rowitam{ margin:15px; padding:30px 20px; color:#fff; border:#fff 1px solid; padding:50px 20px; position:relative;}
    .odi_part6_bg .rowitam:before{content:" "; left:-10px; top:-10px;border:#fff 1px solid;  width:100%;height:100%; position:absolute; }
    .odi_part6_bg .rowitam  img{height:100px;}
 .odi_part6_bg .rowitam font{display:block; font-size:24px; line-height:2;}
 
 .odi_part7_bg .rowitam p{display:block;   line-height:2; margin-top:10px;}
 .odi_part7_bg .odi_part7_row1{margin-bottom:20px;}
 .odi_part8{padding:50px 0; background:#e3edf7 ;margin:50px 0 0 0;}
 .odi_part8 li a{display:block; background:url(../images/part8_btn_bg.png) center no-repeat; padding:73px 0; color:#000;font-weight:900;}