/*iconfont*/
/*本地调试用上面这个@import url(http://at.alicdn.com/t/font_3154753_snfcgiwu8ya.css);*/


/*发布用下面这个*/
@import url(//at.alicdn.com/t/font_3154753_snfcgiwu8ya.css);

html, body{ overflow-x: hidden; overflow-y:auto; background: #F9F9F9;}
/*index news*/
.section_index{ width: 100%; }
.section_mt{  margin: 64px 0 0 0; }
.section_margin{ margin: 24px 0;}
.section_padding{ padding: 24px 0;}
.bg_section{ background: #F6F4FF;}
.bg_contact{ background: #424242;}
.bg_light_gray{ background: #f6f6f6;}
.ip_box{  display: block; width: 1240px;  margin:0 auto;}
.sub_ip_box{  display: block; width: 1200px;  margin:-60px auto 0;z-index:2;position:relative;}
.padding_swiper{ padding: 0 0 2px 0; background: #f7f7f7 }

/*index box*/
.news_index{ display: flex; flex-direction: row; justify-content: space-between; }
.bsp{ -webkit-box-shadow: 0 0 8px rgba(208, 208, 208, .8); -moz-box-shadow: 0 0 10px rgba(208, 208, 208, .8); -ms-box-shadow: 0 0 10px rgba(208, 208, 208, .8); box-shadow: 0 0 10px rgba(208, 208, 208, .8);}
.border_radius{-webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; }
.discuss_list{ width: 808px; height: 540px; background:#fff;  }
.discuss_list{ -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; }
.file_list{ width: 400px; height: 540px; background:#fff;  }
.file_list{ -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; }

/* index title */
.title_panel{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; align-items: center;  height: 48px; padding: 0 24px;  }
.title_panel{ background-image: linear-gradient(to right, #fff , #fff); -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; border-bottom:3px #AC1F17 solid; }
.title_panel h2{  font-size: 24px; font-weight: 600;  color: #AC1F17; font-weight: 600; }
.title_panel a{ font-size: 14px;margin-top:15px; color: #AC1F17; }
.title_panel a:hover{ opacity: .9; }

/*title search*/
.title_panel .search{ width: 180px; height: 30px; padding: 0 20px; border: 1px solid #AC1F17; background:#950f08; position: relative;  }
.title_panel .search{ -webkit-border-radius: 18px;  -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px }
.title_panel .search input{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background:#950f08; border: none; outline: none; }
.title_panel .search button{ display: block; width: 48px; height: 30px; line-height: 30px;  border: none; outline: none; background:#950f08; color: #D03B35; cursor: pointer; position: absolute; right: 0; top: 0; }
.title_panel .search button{-webkit-border-radius: 18px;  -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px }
.title_panel .search button i{ display: block; font-size: 18px; color: #D03B35 }
.title_panel .search button:hover i{  color: #999 }

/*list discuss*/
.list_discuss{ display: flex; flex-direction: column; justify-content: flex-start;  }
.list_discuss a{ display: flex; flex-direction: row; justify-content: space-between; margin: 0 24px; padding: 24px 0; border-bottom: 1px dashed #e6e6e6; }
.list_discuss a .simg{ display: block; width: 316px; height: 196px; margin: 0 24px 0 0; overflow: hidden;  }
.list_discuss a .simg img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s}
.list_discuss a:hover .simg img{ transform: scale(1.1) }
.list_discuss a .txt{ display: flex; flex: 1; flex-direction: column; justify-content: flex-start; height:200px  }
.list_discuss a .txt h3{ font-size: 18px; line-height: 30px; font-weight: 500;  }
.list_discuss a .txt p{ display: block; height: 100px; overflow: hidden; font-size: 14px; line-height: 1.8; color: #666; margin: 25px 0 0 0;  }
.list_discuss a:last-child { border-bottom: none;  }
.list_discuss a:hover  .txt p{  color: #424242; }
.list_discuss ul { margin:20px; }
.list_discuss li { display:block;font-size: 18px; line-height: 20px; font-weight: 500; border-bottom: 1px dashed #e6e6e6; }
.list_discuss li a{ border-bottom: 0px dashed #e6e6e6!important; }
.list_discuss span{float:right;display:block; margin: 25px 30px 0 0;font-size: 16px; }

.list_discuss.list_full{ background:#fff;  }
.list_discuss.list_full .simg{  width: 194px; height: 120px; margin: 0 32px 0 0;}
.list_discuss.list_full .txt{   height: 120px;}
.list_discuss.list_full a .txt p{ height: 80px; line-height: 1.7; margin: 12px 0 0 0; }
.list_discuss.list_full a:last-child{ border-bottom: 1px dashed #e6e6e6; }

/*list files*/
.list_files{ padding:12px 0; display: block; overflow: hidden;}
.list_files li{ display: flex;  flex-direction: row; justify-content: space-between; margin: 0 24px; padding: 8px 0; line-height: 1; overflow: hidden; border-bottom: 1px dashed #f0f0f0;}
.list_files li:nth-child(5){ border-bottom: none; }
.list_files li span{ display: block; width: 60px; height: 64px; font-size: 14px; margin: 8px 0; line-height: 24px; background: #cccc99; color: #fff; text-align: center; -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.list_files li span em{ display: block; height: 38px; font-size: 18px;  line-height: 38px; text-align: center; background:#AC1F17; color: #fff;}
.list_files li a{ flex: 1; height: 40px; font-size: 16px; line-height:1.7; padding: 10px 0 16px 16px ; font-weight: 500; overflow: hidden;  }
.list_files li:first-child > a{ padding-top:8px; }
.list_files li:first-child > span{ margin-top:0; }

.list_files.list_full{ background: #fff; padding-bottom: 0; }
.list_files.list_full li a { font-size: 22px; line-height: 1.2; margin: 0 0 0 8px; }
.list_files.list_full li a > p{ display: block; height: 24px; line-height: 1.6; margin: 8px 0 0 0; overflow: hidden; font-size: 14px; color: #999;  }


/* list index course */
.list_index_cs{ background:#fff; padding: 0 12px 24px 12px; overflow: hidden;}
.list_index_cs{ -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; }
.list_index_cs a{ display: block; width: 214px; height: 290px;  margin: 24px 17px 0px 12px; float: left; text-align: left; border: 1px solid #fff;  overflow: hidden; }
.list_index_cs a{ border: 1px solid #f0f0f0; }
.list_index_cs a:nth-child(4n){ margin-right: 0;}
.list_index_cs a .img{ display: block;width: 214px; height: 170px; overflow: hidden; }
.list_index_cs a .img img{ display: block; width: 100%;  height: 100%; object-fit: cover;transition: all 0.5s }
/*.list_index_cs a img{ -webkit-transition: transform .3s ease;  -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; transition: transform .3s ease; }*/
.list_index_cs a span{ display: block; margin:18px 18px 14px 18px;  line-height: 1em; font-size: 18px; font-weight: 500;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_index_cs a p{ display: block; margin:0 18px;  font-size: 14px; line-height: 1.6; color: #666;  height: 22px; overflow: hidden;}
.list_index_cs a em{ display: flex; align-items: center;margin:12px 18px 0 18px;  font-size: 12px; line-height: 1.2; color: #999;}
.list_index_cs a em i.iconfont{  font-size: 14px; margin: 0 4px 0 12px; }
.list_index_cs a:hover{ box-shadow: 0 0 12px #e6e6e6; border-color: #F16565  }
.list_index_cs a:hover span{ color: #F16565 }
.list_index_cs a:hover .img img{ transform: scale(1.06); }
.list_index_cs a:hover p{ color: #424242 }

.list_index_cs.list_full{ padding-bottom: 0; }

.list_index_cs a em lk{ margin: 0 0 0 4px; }
.list_index_cs a em lk:hover{ color: #666; text-decoration: underline; }
.list.list_index_cs a{ margin-top:24px; }

/*.list.list_index_cs.list_block_3{ display: flex; flex-wrap: wrap; justify-content: left; }
.list.list_index_cs.list_block_3 a:nth-child(4n){ margin-right:24px; }
.list.list_index_cs.list_block_3 a:nth-child(3n){ margin-right:0; }
.list.list_index_cs.list_block_3 a:last-child{ margin-right:0; }*/


/*index result & expert*/
.flex_2column{ display: flex; flex-direction: row;  justify-content: space-between; }
.index_left, .index_right{ display: block; width: 606px; height: 450px; background:#fff; }
/*list results*/
.list_index_results{ display: flex; flex-direction: column; justify-content: flex-start;  }
.list_index_results li{ display: flex; flex-direction: row; justify-content: space-between; margin: 0 24px; padding: 20px 0; border-bottom: 1px dashed #e6e6e6; font-size:18px;}
.list_index_results li .simg{ display: block; width: 180px; height: 120px; margin: 0 24px 0 0; overflow: hidden; position: relative; }
.list_index_results li .simg img{ display: block; width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all 0.5s}
/*.list_index_results li:hover .simg img{ transform: scale(1.1) }*/
.list_index_results li .txt{ flex: 1; display: flex; flex-direction: column; justify-content: center; height:120px; overflow: hidden;  }
.list_index_results li .txt a{ display: block; padding: 0 4px 0 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-size: 16px; line-height: 36px; font-weight: 500; position: relative;  }
.list_index_results li .txt a:before{ content: ''; width: 4px; height: 4px; background:#D03B35; position: absolute; left: 0; top: 14px; border-radius: 1px; }
.list_index_results li:last-child { border-bottom: none;  }

/*list expert*/
.list_index_expert{ display: flex; flex-direction: column; justify-content: flex-start;  }
.list_index_expert li{ display: flex; flex-direction: row; justify-content: space-between; margin: 0 24px; padding: 26px 0; border-bottom: 1px dashed #e6e6e6; cursor: pointer; }
.list_index_expert li .simg{ display: block; width: 120px; height: 160px; margin: 0 24px 0 0; overflow: hidden; position: relative; }
.list_index_expert li .simg img{ display: block; width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all 0.5s}
/*.list_index_results li:hover .simg img{ transform: scale(1.1) }*/
.list_index_expert li .txt{ flex: 1; display: flex; flex-direction: column; justify-content: space-around; height:160px;  padding: 0 4px 0 8px;  overflow: hidden;  }
.list_index_expert li .txt h4{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-size: 22px; line-height: 1.4; font-weight: 600; position: relative;  }
.list_index_expert li:hover .txt h4{ color: #D03B35 }
.list_index_expert li .txt span{ display: block; font-size: 14px; line-height: 1.6;   }
.list_index_expert li .txt p{ display: block; height: 72px; font-size: 14px; line-height: 1.8; color: #999; overflow: hidden; }
.list_index_expert li:last-child { border-bottom: none;  }

/*index branch list*/
.owl-carousel{ width: 1140px!important; padding: 0 30px!important; }
.list_index_branch{ background:#fff;  padding: 0 0 24px 0; overflow: hidden;}
.list_index_branch{ -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; }
.list_index_branch a{ display: block; width: 264px; height: 120px;  margin: 24px 12px 14px 8px; float: left;  overflow: hidden; }
.list_index_branch a img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.list_index_branch a:nth-child(4n){ margin-right: 0;}

.list_index_branch.list_full{ padding-bottom: 0; }
.list_index_branch.list_full a{ margin: 28px 0 0 28px; }


.side_menu { width: 220px; background-color: #fff; float: left; }
.side_menu .side_menu_list li a { display: block; padding: 10px 24px; font-size: 18px; }
.side_menu .side_menu_list li a:hover,
.side_menu .side_menu_list li a.active { background-color: #FCEEED;}
.list_content { width: 964px; margin-left: 16px; float: left; }
.list_content .list_files.list_full li a{ height: auto; font-size: 18px; margin: 0; padding: 7px 0 0 0; }


/*cbanner*/
.cbanner{ width:100%;background: #d0d0d0; overflow:hidden; position: relative;}
.cbanner img{ display: block; text-align:center; position:relative; margin-top:170px; width:100%; height:260px; }

 /*breadcrumb*/
.breadcrumb{
	float: right;
	display: block;
	background-image: url(position.png);
	background-position: left center;
	background-repeat: no-repeat;text-indent:25px;
}
.breadcrumb .b_inner{ margin: 0 auto;  }
.breadcrumb .b_inner a{ display: inline; line-height: 64px;;  }
.breadcrumb .b_inner a:hover{  }

.breadcrumb{ color: #666; }
.breadcrumb .b_inner a{ color: #666;  }
.breadcrumb .b_inner a:hover{ color: #D03B35;  }

/* left side */
.ip_box .mtab{ float: left; width: 180px; margin:36px 0 48px 0 ; text-align: left;  }
.ip_box .mtab a{ display: block; width: 180px; padding: 0 0 0 36px; height: 48px; height: 48px;  line-height: 48px;  font-size: 16px; font-weight: 400; }

.ip_box .mtab a{ border-bottom:1px solid #f2f7fc; border-left: 3px solid #fff; color: #666;}
.ip_box .mtab a:hover{ color:#7417D0;  }
.ip_box .mtab a.active{ color:#7417D0; background: #f7fafd; border-left-color: #7417D0; font-weight: 600; }

.two_column .cl_con{ float: right; width: 920px; min-height: 480px; overflow: hidden; }


/*detail*/
.detail_content{ padding: 36px; margin:0 auto 48px; background: #fff; overflow:hidden;}
.detail_content  h3.p_title{ font-size:32px; line-height:1.2em;  margin:0 0 16px 0; text-align: center; font-weight: bold;  }
.detail_content .date{ display:block;  font-size:14px; line-height:1.5em; font-weight:normal; padding:0 0 16px 0; margin: 0 0 16px 0; text-align: center; border-bottom: 1px dashed #e6e6e6;}
.detail_content .date span{ display: inline-block; margin: 0 12px; text-align: center;}
.detail_content .desc{ font-size:14px; line-height:1.6em; padding:4px 1em ; margin: 0 0 12px 0; border-width: 1px; border-style: solid; }
.detail_content  p{ font-size:16px; line-height:2em; padding:1em 2em;  }
.detail_content  .nextpages{}
.detail_content  .nextpages span{ display: block; font-size:15px; line-height:1.8em; }
.detail_content  .nextpages span a{ display: inline-block; font-size:15px;  }


/* detail color */
.detail_content  h3.p_title{ color: #242424;  }

.detail_content .date{ color: #999;}
.detail_content .desc{ background-color: #f6f6f6; border-color: #ddd; color: #999;}
.detail_content  .nextpages span,
  .detail_content  .nextpages span a{ color: #666;}
.detail_content  .nextpages a:hover{ color: #424242;}

/*list of block, content img & text*/
.list_block{ margin: 36px auto 0; }
.list_index_pj.list_block a{  margin: 0 24px 24px 0 }
.list_index_pj.list_block a:nth-child(4n){ margin-right: 0;}


/* page */
.pagination{ display:flex; flex-direction: row; justify-content: space-between; text-align:center; margin:0 auto; padding:   24px; background:#fff; }
.pagination{ -webkit-border-radius: 0 0 12px 12px; -moz-border-radius:  0 0 12px 12px; -ms-border-radius:  0 0 12px 12px; border-radius:  0 0 12px 12px;  }
.pagination .count{ line-height: 36px; color: #666 }
.pagination page{overflow:hidden;}
.pagination page a{ display:inline-block; width:36px; height:36px; line-height:36px; margin: 0 4px; text-align:center;  font-size: 16px;}
.pagination page a{  border-width:1px; border-style: solid;  border-radius:4px; -webkit-border-radius:4px ; -o-border-radius:4px; -moz-border-radius:4px;}

.pagination page a{ background:#fff; color:#666; border-color:#ccc;   }
.pagination page a:hover{ background:#fff; border-color:#D03B35; color: #D03B35}
.pagination page a.nowpage{ background:#D03B35; color:#fff; border-color:#D03B35}

/*content*/
/*h3.title_detail{display: inline-block; width: 100%; font-size:28px; line-height:1em;  margin:32px 0 ;  font-weight: bold;}
h3.title_search{ display: inline-block; width: 100%; font-size:28px; line-height:1em;  padding:24px 0 ; margin: 0;  font-weight: bold; border-bottom: 1px solid #f0f0f0; }
*/
/*course detail*/
.video_con{ padding: 36px; background: #fff; }
.video_con .title{ display: flex; flex-direction: row; justify-content: space-between; margin:0 16px 24px 16px;  align-items: center;}
.video_con  .title .head{ display: block; width: 64px; height: 64px; overflow: hidden;  -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;   }
.video_con .title .head img{ display: block; width: 100%; height: auto; object-fit: cover;}
.video_con .title .txt{  flex: 1; display: flex; flex-direction: column; justify-content: space-around; height: 64px; margin: 0 0 0 24px; overflow:hidden}
.video_con .title .txt h3{ font-size: 24px; font-weight: 600; line-height: 1.6}
.video_con .title .txt p{ font-size: 14px;  line-height: 1.6; color: #666;}
.video_con .video{ margin:16px ; width: 1100px; height: 618px; overflow: hidden; position: relative; }
.video_con .video img{ width: 100%; height: 100%; object-fit: cover; }
.video_con .video i{ width: 90px; height: 90px; font-size: 90px; color: rgba(255, 255, 255, .7) ; position: absolute; left: 50%; top: 50%; margin-top:-36px; margin-left: -36px; z-index: 9}
.video_con .video:hover i{ color: rgba(255, 255, 255, .9) ; }



@media screen and (min-width:1024px) and (max-width:1200px){

/*index news*/
.ip_box{ width:1024px;}

.discuss_list{ width: 600px; height: 540px; background:#fff;  }
.list_discuss a .simg{  width: 240px; height: 194px; }

/*list index course*/
.list_index_cs a{ display: block; width: 220px; height: 264px;  margin: 24px 17px 0px 12px;  }
.list_index_cs a .img{ display: block;width: 220px; height: 150px; overflow: hidden; }
.list_index_cs a .img img{ display: block; width: 100%;  height: 100%; object-fit: cover; }

.index_left, .index_right{ width: 500px; height: 692px; }

.owl-carousel{ width: 964px!important; padding: 0 30px!important; }

.list_index_branch a{ display: block; width: 220px; height: 100px;  margin: 24px 12px 14px 8px; float: left;  overflow: hidden; }
.list_index_branch a img{ display: block; width: 100%; height: 100%; object-fit: cover; }

/*index branch list*/
.side_menu { width: 200px; float: left; }
.list_content { width: 744px; margin-left: 16px; float: left; }

/*cbanner*/
.cbanner{  height:298px; }
.cbanner img{width:1400px; height:298px;margin-left: -700px;;}

/*breadcrumb*/
.breadcrumb .b_inner{width: 1024px;}

.video_con .video{ width: 920px; height: 516px; }


}

@media screen and (min-width:769px) and (max-width:1024px){

.ip_box{ display: block; width: 768px;}

.title_panel h2{  font-size: 20px; }
.ip_box.news_index{ flex-direction: column; }
.discuss_list , .file_list{ width: 100%; height: auto;   }
.file_list{ margin: 36px 0 0 0; }

/*list index course*/
.list_index_cs a{ display: block; width: 160px; height: 216px;  margin: 24px 12px 0px 12px;  }
.list_index_cs a .img{ display: block;width: 160px; height: 110px; overflow: hidden; }
.list_index_cs a .img img{ display: block; width: 100%;  height: 100%; object-fit: cover; }
.list_index_cs a span{ margin:14px 14px 10px 14px;  line-height: 1em; font-size: 16px; }
.list_index_cs a p{  margin:8px 14px;  }
.list_index_cs a em{ margin:8px 14px 0 14px; }

.index_left, .index_right{  width: 100%; height: auto;}
.index_right{ margin-top: 36px; }

.owl-carousel{ width: 720px!important; padding: 0 24px!important; }

.list_index_branch a{ display: block; width: 220px; height: 100px;  margin: 24px 12px 14px 8px; float: left;  overflow: hidden; }
.list_index_branch a img{ display: block; width: 100%; height: 100%; object-fit: cover; }


/*index branch list*/
.side_menu { width: 160px; float: left; }
.list_content { width: 584px; margin-left: 16px; float: left; }

/*cbanner*/
.cbanner{  height:240px; }
.cbanner img{width:1128px; height:240px;margin-left: -564px;;}

/*breadcrumb*/
.breadcrumb .b_inner{width: 768px;}

.detail_content p{ padding: 1em; }
.detail_content p img{ max-width: 100%!important; height: auto; }

.video_con .video{ width: 664px; height: 374px;  }


}

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

.section_index.mt_48 { margin-top: 14px!important; }
.section_index.mt_36 { margin-top: 14px!important; }
.ip_box{ display: block; width: auto; margin: 0 14px;}

.title_panel{ padding: 0 16px; }
.title_panel h2{  font-size: 18px; }

.ip_box.news_index{ flex-direction: column; }
.discuss_list .title_panel h2{  font-size: 16px; }
/*.ip_box.news_index{ flex-direction: column; }*/
.discuss_list , .file_list{ width: 100%; height: auto;   }
.file_list{ margin: 14px 0 0 0; }

.list_discuss a{ flex-direction: column; margin: 0 14px; padding: 14px 0; }
.list_discuss a .simg,
	.list_discuss.list_full a .simg{ width: 100%; height: 120px; margin: 0 0 14px 0 ; }
.list_discuss.list_full a .txt{height: auto;}
.list_discuss.list_full a .txt p{height: auto;}
.list_discuss a .txt h3{ font-size: 18px; }
.list_discuss a .txt p{ font-size: 14px; height: auto; margin: 12px 0 0 0; }

.list_files li{ margin: 0 14px; }

/*list index course*/
.list_index_cs{  padding: 0 14px 14px 14px;  }
.list_index_cs a{ display: block; width: 100%; height: auto;  margin: 14px 0 0 0;  }
.list_index_cs a .img{ display: block;width: 100%; height: 120px; overflow: hidden; }
.list_index_cs a .img img{ display: block; width: 100%;  height: 100%; object-fit: cover; }
.list_index_cs a span{ margin:14px 14px 10px 14px;  line-height: 1em; font-size: 16px; }
.list_index_cs a p{  margin:8px 14px;  }
.list_index_cs a em{ margin:8px 14px 14px 14px; }

.index_left, .index_right{  width: 100%; height: auto;}
.index_right{ margin-top: 14px; }/*
.list_index_results li{ flex-direction: column; padding: 13px 0 ; margin: 0 14px; }
.list_index_results li .simg{ width: 100%; height: 120px; margin: 0 0 14px 0; }
.list_index_results li .txt a:before{ top: 16px; }
*/
.list_index_expert li{ margin: 0 14px; padding: 14px 0; }
.list_index_expert li .simg{ margin: 0 14px 0 0; }
.list_index_expert li .txt h4{ font-size: 18px; white-space: normal;  }

.owl-carousel{ width: 80%!important; padding: 0 10%!important; }

.list_index_branch a{ display: block;   margin: 24px auto 12px; float: none;  overflow: hidden; }
.list_index_branch a img{ display: block; width: 100%; height: 100%; object-fit: cover; }


/*index branch list*/
.side_menu { width: 100%; }
.side_menu .side_menu_list li a { display: inline-block; padding: 10px 24px; font-size: 18px; float: left; }
.side_menu .side_menu_list li a:hover,
.side_menu .side_menu_list li a.active { background-color: #FCEEED;}
.list_content { width: 100%; margin-left: 0; margin-top: 16px;}

/*cbanner*/
.cbanner{ height:160px;}
.cbanner img{ width: 750px; height: 160px;  margin-left: -375px; }

/*breadcrumb*/
.breadcrumb .b_inner{ width:auto; margin: 0 14px; height: 44px; line-height: 44px; }
.breadcrumb .b_inner a{ line-height: 44px; }

.pagination{ flex-direction: column; justify-content:  center; padding: 14px; }
.pagination page{  margin: 14px auto }

.list_files.list_full li a{ height: auto; font-size: 18px; padding: 7px 0 0 12px; }
.list_files.list_full li a > p{ margin: 4px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* detail*/
.detail_content{ padding:24px 14px; margin: 0 auto; }
.detail_content  h3.p_title{font-size:24px;  }
.detail_content .date{ font-size: 12px; }
.detail_content p{ padding: 1em 0; }
.detail_content p{ font-size: 16px; text-indent: 0 }
.detail_content p img{ max-width:100%; height: auto;  }


/*video detail*/
.video_con{ padding: 14px; }
.video_con .title{ padding: 0; margin: 0; align-items: flex-start; }
.video_con .title .txt{ margin: 0 0 0 12px; height: auto; justify-content: flex-start; }
.video_con .title .txt h3{ font-size: 18px; line-height: 1.2 }
.video_con .title .txt p{  line-height: 1.2; margin: 8px 0 0 0; }

.video_con .video{ width: auto; margin:12px 0 0 0; height: auto; min-height: 160px; max-height: 200px; }
.video_con .video i{ width: 48px; height: 48px; font-size: 48px; margin-top: -24px; margin-left: -24px; }

.title_panel .search{ width: 120px; }

.list_index_branch.list_full a{ margin: 14px auto; }

}