.banner {margin:0 auto;height:501px;background:url(./banner.png) no-repeat center center;background-size:cover;}
.content{width:1200px; margin:50px auto;}
.left_nav{width:23.5%; }
.right_con{width:73%; }
.nav_tit{border-bottom: 1px solid #e5e5e5;padding-bottom: 23px;}
.tab{margin-top:22px; }
.tab li {margin-top:20px; position: relative;}
.tab li .nav_pic1{display: none;}
.tab li.hover .nav_pic1{display:block;}
.tab li.hover .nav_pic{display:none;}
.right_box{background-color: #e5e5e5; }
.bgc_con{background-color: #e5e5e5; padding:50px 26px;}
.letter_con{background: #e5e5e5 url(./letters_bg.png) no-repeat center bottom;padding-left:54px;padding-right:50px; height:940px;}
.tab_con{height:680px;background-color:rgb(249,249,249); box-shadow: -3px -3px 3px -1px rgba(51,51,51,0.19),-3px -3px 3px -1px rgba(51,51,51,0.19),3px -3px 3px -1px rgba(51,51,51,0.19) }
.con_info{padding:10px 56px;}
.con_tit{text-align: center; background:url(./tit_underline.png) no-repeat center bottom;margin-top:25px;}
.con_tit p{font-size:24px; padding:20px; font-weight:500; color:#245290; letter-spacing: 2px;font-family: 'Microsoft Yahei', arial; text-shadow: 0.7px 0.4px #245290;}
.tab .f-cf li.hover:after,.tab .f-cf li.hover:before {content: '';right: -42px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;}
.tab .f-cf li.hover:after {border-color: transparent;	border-right-color: #e5e5e5;border-width: 20px;top: 50%;margin-top: -20px;}
.con_txt p{font-size: 16px; text-indent: 2em; font-family: 'Microsoft Yahei';line-height:28px; text-shadow: 0.2px 0.2px #333; color: #333;padding-bottom:0px;padding-top:22px;}
.con_txt p.con_img{text-indent: 0em;}
.con_txt p img{width:100%;}
.con_txt p video{width:100%;}
.bottom_list{overflow: hidden;margin: 40px auto;background-color: #f2f4f6;}
.col-row {width:1200px;margin: 0 auto;}
.col-row .col{width:565px; padding-top:40px;margin-bottom: 10px;}
.col-row .col-title{color:#333; background:url(./unline.png) no-repeat left bottom; padding-bottom:12px;margin-bottom: 16px;position: relative;border-bottom: 1px solid #e5e5e5;}
.col-row .col-title .txt span{font-size: 26px; font-family:'Microsoft Yahei', 'Arial';font-weight:bold; color:#223f76;text-shadow: 0.1px 0.1px #223f76;}
.col-row .col-title .more{color:#245290;font-size: 16px; font-family:'Microsoft Yahei';position: absolute;right: 0;bottom: 12px;}
#flfg ol,#cjwd ol{background-color:#fff; height:320px;}
.col-list ol li{margin-left:15px;padding-bottom:10px;margin-right:13px;padding-top:20px;}
.col-list ol li:first-child{padding-top:30px;}
.col-list ol li+li{border-top:1px solid #f2f4f6;}
.col-list ol li a {display: inline-block; white-space:wrap;padding-left: 10px; background: url(./Blist_icon.png) no-repeat left 10px;font-size: 16px;line-height: 24px;color:#333;}
@media screen and (max-width:1199px){
  .banner {height:300px;}
  .content,.bottom_list{width:100%;}
  .content{display: flex;  align-items: stretch; justify-content:space-between;} 
  .left_nav{height:100%; width:25%; padding-left:1%;}
  .right_con{height: 100%; width:68%; margin-left:1%;}
  .letter_con{background-size: contain; padding-left:6.5%;padding-right: 5.9%;padding-bottom:31.5%;height:100%; }
  .tab_con li.tab_list {height: 100%;padding-bottom:41%;}
  .col-row{width:96%;}
  .col-row .col{width:47%; height:100%;}
  .tab .f-cf li.hover:after,.tab .f-cf li.hover:before {right: -48px;}
}
@media screen and (max-width:999px){
  .letter_con{padding-bottom:31.5%; }
  .tab_con li.tab_list {height: 100%;padding-bottom:0px; overflow-y:auto}
  .con_info{padding:10px 4%;}
    .col-row{width:96%;}
  .col-row .col{width:47%; height:100%;}
   .tab .f-cf li.hover:after,.tab .f-cf li.hover:before {right: -40px;}
  .col-list ol{padding-bottom:20px;}
}
@media screen and (max-width:767px){
  .banner {height:200px;}
  .tab .f-cf li.hover:after,.tab .f-cf li.hover:before {right: -30px;}
  .con_tit p{font-size:20px;}
  .con_txt p{font-size:15px;}
  .col-row{display: flex;flex-direction: column;}
  .col-row .col{width:100%;}
  #flfg ol,#cjwd ol{background-color:#fff; height:100%;}
  .col-list ol li a {display: inline-block;white-space:wrap;padding-left: 10px; background: url(./Blist_icon.png) no-repeat left 10px;font-size: 16px;line-height: 24px;color:#333;}
}
@media screen and (max-width:637px){
  
  .content{flex-direction: column;} 
  .left_nav{width:96%; margin:auto;}
  .right_con{width:100%;  margin-left:0;}
  .tab_con{height:100%;}
  .tab_con li.tab_list {height: 100%;padding-bottom:0;}
  .nav_tit{text-align:center;}
  .nav_tit img{width:96%; vertical-align: middle; object-fit: cover; height: 200px;}
  .tab ul{display: flex; flex-flow: row wrap; align-items: stretch; justify-content:space-between; margin-bottom:20px;}
  .tab li{ flex: 0 0 30%; }
    .col-row{display: flex;flex-direction: column;}
    .col-row .col{width:100%;}
.tab .f-cf li.hover:after,.tab .f-cf li.hover:before {border: none;}
.tab .f-cf li.hover:after {border: none;}
  .col-row .col-title .txt span{font-size:22px}
  .col-row .col-title .more{font-size:14px}

}
@media screen and (max-width:480px){
    .banner {height:120px;} 
    .nav_tit img{ height: 120px;}
     .tab li{ flex: 0 0 49%; }
}