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

/*发布用下面这个*/

@import url(//at.alicdn.com/t/font_2665652_vemsa9saiic.css);

html, body{ overflow-x: hidden; overflow-y:auto; }
/*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: #F6F8FF;}
.bg_contact{ background: #3355ff;}
.bg_party{ background: #EFF2FF url(../images/bg_index_party.jpg) no-repeat center bottom; background-size: auto 100%;}
.bg_light_gray{ background: #f6f6f6;}
.ip_box{ display: block; width: 1200px;  margin:0 auto;  overflow: hidden;}

/*index box*/
.ip_box .news_index{ display: block;  overflow: hidden; }
.focus_index{ display: block; width: 502px; height: 396px;  float: left; border: 1px solid #e6e6e6;  overflow: hidden;}
.focus_index img{ display: block;width: 502px; height: 256px; object-fit: cover;}
.focus_index h3{ display: block; margin:16px; height: 18px; font-size: 18px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600;}
.focus_index p{ display: block; padding: 0 16px; font-size: 14px; line-height: 1.6; color: #424242; height: 44px; overflow: hidden;}
.focus_index span{ display: block; padding:8px 16px;  font-size: 14px; line-height: 1.6; font-size: 14px; color: #999;}

.tabs_panel{ width: 640px; height: 280px; float: right;}
/* list focus */
.lists_focus{ padding:0 0; display: block; overflow: hidden;}
.lists_focus li{ display: flex;  flex-direction: row; justify-content: space-between; width: 100%; line-height: 1; overflow: hidden;}
.lists_focus li span{ display: block; width: 64px; height: 40px; font-size: 12px; padding: 12px 0; margin: 8px 0; line-height: 1.8; background: #f0f0f0; color: #999; text-align: center; -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px}
.lists_focus li span em{ display: block;  font-size: 24px;  line-height: 1; text-align: center; color: #666;}
.lists_focus li a{ width: 524px; height: 48px; font-size: 18px; line-height:1.5; padding:16px 32px 16px 0; border-bottom: 1px solid #f0f0f0; overflow: hidden;  }
.lists_focus li:first-child > a{ padding-top:8px; }
.lists_focus li:first-child > span{ margin-top:0; }

.ip_box .more_index{ display: block; width:100%; text-align: center; height: 16px; line-height: 1; padding: 24px 0; font-size: 14px; color: #999; }
.ip_box .more_index:hover{ color: #3355ff; }


/* index title */
.title_index{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin:12px 0 24px 0; }
.title_index h2{ font-size: 24px; font-weight: 600; line-height: 1em; }
.title_index h2 span{ display: block; font-size: 12px;  line-height: 1.6em; }
.title_index a{ font-size: 14px;  line-height: 1em; color: #999 }
.title_index a:hover{  color: #3355ff }

/* list index party building */
.list_index_pb{ margin: 0 0 16px 0; overflow: hidden;}
.list_index_pb a{ display: block; width: 240px; height: 276px; padding: 20px; margin: 0 24px 0 0; float: left; text-align: left;  overflow: hidden; }
.list_index_pb a{ background: #fff;  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.list_index_pb a{ border: 1px solid #f0f0f0; box-shadow: 0 0 4px #f0f0f0;}
.list_index_pb a:nth-child(4n){ margin-right: 0;}
.list_index_pb a img{ display: block;width: 240px; height: 160px; overflow: hidden; }
/*.list_index_pb a img{ -webkit-transition: transform .3s ease;  -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; transition: transform .3s ease; }*/
.list_index_pb a span{ display: block; margin:18px 0 0; height: 16px; line-height: 1em; font-size: 16px; font-weight: 600;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_index_pb a p{ display: block; margin:12px 0 0;  font-size: 14px; line-height: 1.6; color: #666;  height: 44px; overflow: hidden;}
.list_index_pb a em{ display: flex; align-items: center; margin:12px 0 0;  font-size: 12px; line-height: 1.2; color: #999;}
.list_index_pb a em i.iconfont{  font-size: 14px; margin: 0 4px 0 8px; }
.list_index_pb a:hover{  border-color: #e6e6e6  }
.list_index_pb a:hover span{ color: #3355ff }
.list_index_pb a:hover p{ color: #424242 }
.list.list_index_pb{ margin-bottom:0; }
.list.list_index_pb a{ margin-top:24px; }

/* list index course */
.list_index_cs{  overflow: hidden;}
.list_index_cs a{ display: block; width: 240px;  padding: 20px; margin: 0 24px 0 0; float: left; text-align: left;  overflow: hidden; }
.list_index_cs a{ background: #fff;  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.list_index_cs a{ border: 1px solid #f0f0f0; box-shadow: 0 0 4px #f0f0f0;}
.list_index_cs a:nth-child(4n){ margin-right: 0;}
.list_index_cs a img{ display: block;width: 240px; height: 160px; overflow: hidden; }
/*.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 0 0; height: 16px; line-height: 1em; font-size: 16px; font-weight: 600;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_index_cs a p{ display: block; margin:12px 0 0;  font-size: 14px; line-height: 1.6; color: #666;  height: 22px; overflow: hidden;}
.list_index_cs a em{ display: flex; align-items: center; margin:14px 0 0;  font-size: 14px; line-height: 1.2; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_index_cs a em i.iconfont{  font-size: 14px; margin: 0 4px 0 8px; }
.list_index_cs a:hover{  border-color: #e6e6e6  }
.list_index_cs a:hover span{ color: #3355ff }
/*.list_index_cs a:hover img{ transform: scale(1.1); }*/
.list_index_cs a:hover p{ color: #424242 }

.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; }


/* list index project */
.list_index_pj{  overflow: hidden;}
.list_index_pj a{ display: block; width: 240px; height: 228px; padding: 20px; margin: 0 24px 0 0; float: left; text-align: left;  overflow: hidden; }
.list_index_pj a{ background: #fff;  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.list_index_pj a{ border: 1px solid #f0f0f0; box-shadow: 0 0 4px #f0f0f0;}
.list_index_pj a:nth-child(4n){ margin-right: 0;}
.list_index_pj a img{ display: block;width: 240px; height: 160px;}
.list_index_pj a span{ display: block; margin:18px 0 0; height: 16px; line-height: 1em; font-size: 16px; font-weight: 600;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_index_pj a p{ display: block; margin:12px 0 0;  font-size: 14px; line-height: 1.8; color: #999;}
.list_index_pj a em{ display: block; margin:4px 0 0;  font-size: 14px; line-height: 1.2; color: #999;}
.list_index_pj a em i.iconfont{  font-size: 16px; margin: 0 4px 0 0; }
.list_index_pj a:hover{  border-color: #e6e6e6 ; /* box-shadow: 0 0 8px rgba(153, 153, 153, .4);*/ }
.list_index_pj a:hover span{ color: #3355ff }
.list_index_pj a:hover p{ color: #424242 }
.list.list_index_pj a{ margin-top:24px; }
/*.list.list_index_pj.list_block_3 a:nth-child(4n){ margin-right:24px; }*/
.list.list_index_pj.list_block_3 a:nth-child(3n){ margin-right:0; }
.list.list_index_pj.list_block_3{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.list.list_index_pj.list_block_3 a{  margin-right: 36px; margin-top: 36px; }


/*list index profession*/
.list_index_pfs{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.list_index_pfs a{ display: block; width: 280px;   margin: 0 0 24px 0;  text-align: left;  overflow: hidden; }
.list_index_pfs a{ background: #fff;  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.list_index_pfs a{ border: 1px solid #f0f0f0; box-shadow: 0 0 4px #f0f0f0;}
.list_index_pfs a:hover{  border-color: #e6e6e6 ; /* box-shadow: 0 0 8px rgba(153, 153, 153, .4);*/ }
/*.list_index_pfs a:nth-child(4n){ margin-right: 0;}*/
.list_index_pfs a img{ display: block;width: 280px; height: 140px;}
.list_index_pfs a span{ display: block; margin:12px 16px; height: 16px; line-height: 1em; font-size: 16px; font-weight: 600;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_index_pfs a em{ display: block; margin:0 16px 16px 16px;  font-size: 14px; line-height: 1.2; color: #999;}
.list_index_pfs a em i.iconfont{  font-size: 16px; margin: 0 4px 0 0; }

.list.list_index_pfs a{ margin-top:24px; margin-bottom: 0; }


/* list index teacher */
.list_index_teacher{ overflow: hidden;}
.list_index_teacher a{ display: block; width: 240px; height: ; padding: 48px 20px 36px; margin: 0 24px 0 0; float: left; text-align: center;  overflow: hidden; }
.list_index_teacher a{ background: #fff;  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.list_index_teacher a{ border: 1px solid #f0f0f0; box-shadow: 0 0 4px #f0f0f0;}
.list_index_teacher a:last-child{ margin-right: 0;}
.list_index_teacher a img{ display: block; margin: 0 auto 40px; width: 160px; height: 160px; overflow: hidden; }
.list_index_teacher a img{  -webkit-border-radius: 50%;  -moz-border-radius:  50%; -ms-border-radius:  50%; border-radius:  50% }
.list_index_teacher a span{ display: block; margin:18px 0 0; height: 16px; line-height: 1em; font-size: 16px; font-weight: 600;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_index_teacher a p{ display: block; margin:12px 24px 0;  font-size: 14px; line-height: 1.4; color: #999;}
.list_index_teacher a em i.iconfont{  font-size: 16px; margin: 0 4px 0 0; }
.list_index_teacher a:hover{  border-color: #e6e6e6  }
.list_index_teacher a:hover span{ color: #3355ff }
.list_index_teacher a:hover p{ color: #424242 }

.list.list_index_teacher a{ margin-top:24px; }
.list.list_index_teacher a:nth-child(4n){ margin-right:0; }

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


/* list index student */
.list_index_student{ margin: 0 0 48px 0;  display: flex; flex-direction: row; justify-content: space-between; overflow: hidden;}
.list_index_student a{ display: block;  width: 360px; height: auto; text-align: left;  overflow: hidden; }
.list_index_student a{ background: #fff;  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.list_index_student a{ border: 1px solid #f0f0f0; box-shadow: 0 0 4px #f0f0f0;}
.list_index_student a img{ display: block;width: 360px; height: 180px;}
.list_index_student a p{ display: block; margin:24px 18px;  font-size: 14px; line-height: 1.4; color: #424242;}
.list_index_student a:hover{ border-color: #e6e6e6 }
.list_index_student a:hover p{ color: #3355ff }

.list.list_index_student{ flex-wrap: wrap; margin-bottom: 0; }
.list.list_index_student a{ margin: 32px 0 0 0; }
 
/* list index contact */
.list_index_contact{ margin: 52px 0;  display: flex; flex-direction: row; justify-content: space-between; overflow: hidden;}
.list_index_contact li{ display: flex; flex-direction: row; justify-content: left;  width: 360px; height: 72px; margin: 0 24px 0 0;text-align: left;  overflow: hidden; }
.list_index_contact li i.iconfont{ display: block;  width: 70px; height: 70px; line-height: 70px; margin: 0 24px 0 0; text-align: center; font-size: 32px; border:1px solid #fff; color: #fff; font-weight: 200;  overflow: hidden; }
.list_index_contact li i.iconfont{ -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; }
.list_index_contact li p{ display: flex; flex-direction: column; justify-content: space-around; color: #fff; font-size: 16px; padding: 6px 0;  }
.list_index_contact li p a{ font-size: 18px; color: #fff; }
.list_index_contact li p a:hover{ color: #fff; }

/*list index contact of small*/
.title_lic{ margin: 36px 0 12px 0; font-size: 18px; line-height: 1em; color: #fff; position: relative; }
.title_lic:after{ content: ''; width: 2em; height: 3px; background:#fff; position: absolute; left: 0; bottom: -12px; }
.title_lic:after{  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.lic_small.list_index_contact{margin:0 0 36px 0; }
.lic_small.list_index_contact li{ display: flex; flex-direction: row; justify-content: left;  width: auto; height: auto; margin:0; text-align: left;  overflow: hidden; }
.lic_small.list_index_contact li.qrcode img{ display: block; width: 100px; height: 100px; padding: 4px; background:#fff; overflow: hidden; }
.lic_small.list_index_contact li.qrcode img{ -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px}
.lic_small.list_index_contact li p{ line-height: 1.6em; justify-content: center; font-weight: 400; }
.lic_small.list_index_contact li p span{  font-weight: 300!important; }

 /*link index*/
 .link_index{ margin: 0 0 24px 0; overflow: hidden;}
 .link_index a{ display: inline-block; margin: 0 2em 0 0; }

/*cbanner*/
.cbanner{ width:100%; height:240px; background: #d0d0d0; overflow:hidden; position: relative;}
.cbanner img{ display: block; width:2000px; height:240px; text-align:center; position:relative; top:0; left: 50%; margin-left: -1000px; z-index: 2;}

/*search banner*/
.search_banner{ width: 600px; height: 48px; line-height: 48px; font-size: 18px; padding: 0 16px; margin: 72px auto 0; background: #fff; border: 1px solid #2f4eff; position: relative; margin-top:-150px; z-index: 3; }
.search_banner{  -webkit-border-radius: 5px;  -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px ; overflow: hidden; }
.search_banner input{ display: block; width: 100%; height: 48px; line-height: 48px; font-size: 16px; color: #242424; border: none; outline: none;  }
.search_banner a{ display: block; width: 48px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; background: #2f4eff; color: #fff; position: absolute; right: 0; top: 0; z-index: 4; }
.search_banner a i.iconfont{ display: block; color: #fff; font-size: 22px;  }
.search_banner a:hover{ opacity: .9 }
.search_banner a{ -webkit-border-radius:0 3px 3px 0;  -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 }



 /*breadcrumb*/
.breadcrumb{   width: 100%;}
.breadcrumb .b_inner{width: 1200px; margin: 0 auto;  border-bottom: 1px solid #f0f0f0; }
.breadcrumb .b_inner a{ display: inline; line-height: 44px;;  }
.breadcrumb .b_inner a:hover{  }

.breadcrumb{ color: #999; }
.breadcrumb .b_inner a{ color: #999;  }
.breadcrumb .b_inner a:hover{ color: #3355ff;  }

/* left side */
.ip_box .mtab{ float: left; width: 180px; margin:32px 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:#3355ff;  }
.ip_box .mtab a.active{ color:#3355ff; background: #f7fafd; border-left-color: #3355ff; font-weight: 600; }

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

/*news list*/
.list_news { display: block; overflow: hidden; }
.list_news a{ display: block; width: 100%; font-size: 15px; padding: 24px 0; line-height: 1em; position: relative;  border-bottom-width: 1px; border-bottom-style: solid;  overflow: hidden; }
.list_news a img{ width: 220px; height: 142px; float: left;  margin-right: 32px;}
.list_news a img{ overflow:hidden; -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.list_news a .txts{  width: calc(100% - 254px);  float: left;  }
.list_news a .txts b{ display: inline-block; font-size: 18px; font-weight: bold; line-height: 1.2;  }
.list_news a .txts p{ display: block; margin: 18px 1em 0 0; font-size: 14px; font-weight: normal; line-height: 1.6em; }
.list_news a .txts .date{ display: block; margin: 24px 0 0 0; font-size: 12px; font-weight: normal; line-height: 1em; }

.list_news a{  border-bottom-color: #f0f0f0;}
.list_news a .txts p{color: #999;}
.list_news a:hover .txts p{color: #666;}
.list_news a .txts .date{color: #ccc;}

.list_news.search_list a .txts{  width: 100%;  }

/*detail*/
.detail_content{  margin:24px auto 48px; overflow:hidden;}
.detail_content  h3.p_title{ display: inline-block; width: 100%; font-size:32px; line-height:1.2em;  margin: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; text-align: center;}
.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 0;  }
.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: #424242;  }

.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 */
page{ display:inline-block; width:100%;  text-align:center; margin:48px auto; overflow:hidden;}
page a{ display:inline-block; width:40px; height:40px; line-height:40px; margin: 0 4px; text-align:center;  font-size: 16px;}
page a{  border-width:1px; border-style: solid;  border-radius:2px; -webkit-border-radius:2px ; -o-border-radius:2px; -moz-border-radius:2px;}

page a{ background:#fff; color:#666; border-color:#ccc;   }
page a:hover{ background:#fff; border-color:#5e9ede; color: #3355ff}
page a.nowpage{ background:#3355ff; color:#fff; border-color:#3355ff}

/*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*/
.faca_banner{ overflow: hidden; margin:0 auto 48px; width: 1200px;  position: relative; display: flex; flex-direction: row; justify-content: space-between; }
.faca_banner{ -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.faca_banner .video { display: flex; width: 900px; height: 480px; background: #424242; text-align: center; align-items: center; justify-content: center; overflow: hidden; }
.faca_banner .txt_area{ display: block; width: 240px; padding:24px 30px; z-index: 3;  background: #242424; color: #fff; }
.faca_banner .txt_area h4{ font-size: 18px; line-height: 1.2 }
.faca_banner .txt_area p{ font-size: 14px; line-height: 1.6; margin: 1em 0; color: #999; }

/*video detail content*/
.v_contents{ width: 100%; min-height: 480px; }
.v_contents .tabs{ margin:4px 0 0 0; height: 48px; border-bottom:1px solid #e8eaec;  }
.v_contents .tabs a{ display: block; float: left; height: 48px; line-height: 48px; margin: 0 48px 0 0; font-size: 18px; /*border-bottom-width: 3px; border-bottom-style: solid; z-index: 3;*/ font-weight: 500; position: relative; }
.v_contents .tabs a.active{ font-weight: 600; }
.v_contents .tabs a.active:after{ content: ""; display: block; width:100%; height: 3px; position: absolute; bottom: -1px; z-index: 2; }
.v_contents h4.title_c{ line-height: 1em; padding: 1em 0; font-size: 18px; font-weight: 600; }
.v_contents .cons > p{ line-height: 2em; padding: 1em 0;  }

.v_contents .tabs{background:rgba(255, 255, 255, 1);}
.v_contents .tabs a{ color: #333; border-bottom-color: #fff; }
.v_contents .tabs a:hover{ color: #3355ff;  }
.v_contents .tabs a.active{ color: #3355ff; border-bottom-color: #3355ff; }
.v_contents .tabs a.active:after{ background:#3355ff; }

ul.list_course{ display: block; margin:0 0 36px 0; border-top-width: 1px; border-top-style: solid; }
ul.list_course li{ display: flex; flex-direction: row; justify-content: space-between; line-height: 1em; padding: 18px 0; border-bottom-width: 1px; border-bottom-style: solid; }
ul.list_course li a{ display: flex; flex-direction: row; justify-content: space-between; }
ul.list_course li a i{ margin:0 4px 0 0; font-size: 15px; }
ul.list_course li span{ font-size: 13px; }

ul.list_course{ border-top-color: #f0f0f0; }
ul.list_course li{ border-bottom-color: #f0f0f0;}
ul.list_course li a i{ color: rgba(51, 85, 255, .4) }
ul.list_course li a:hover i{ color: rgba(51, 85, 255, 1) }
/*ul.list_course li:hover{ background:#f9f9f9;}*/
ul.list_course li span{ color: #999 }

/*teacher detail*/
.teacher_intro{ background: #fff; }
.teacher_intro{ overflow: hidden; margin:36px auto ; width: 1200px;  position: relative; display: flex; flex-direction: row; justify-content: space-between; }
.teacher_intro{ -webkit-border-radius: 4px;  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
.teacher_intro .face { display: block; width: 320px; height: 320px; background: #fff;  }
.teacher_intro .face img{ display: block; width: 320px; height: 320px;}
.teacher_intro .face img{border-radius:4px; -webkit-border-radius:4px ; -ms-border-radius:4px; -moz-border-radius:4px; }
.teacher_intro .txt_area{ display: block; width: 800px; padding:12px 30px; z-index: 3;  background: #fff; }
.teacher_intro .txt_area h4{ font-size: 24px; line-height: 1.8; font-weight: 600;  }
.teacher_intro .txt_area p{ font-size: 14px; line-height: 1.6; margin: 1em 0; color: #424242; }
.recommend_course{ margin: 0 auto 48px }

/*intro*/
.intro{ padding: 24px 0; }
.intro h3.p_title{ text-align: left; }

/*filter*/
.filter{ display: flex; flex-direction: row; padding: 6px 12px; margin:24px 0 0 0; background: #f6f6f6; overflow:hidden; }
.filter{ border-radius:4px; -webkit-border-radius:4px ; -ms-border-radius:4px; -moz-border-radius:4px; }
.filter dl{ display:inline-block;  margin:0 12px 0 0; overflow: hidden; font-size: 14px; }
.filter dl dt{ display: block; float:left; width:auto; height: 28px; padding:4px 0; line-height:28px; overflow: hidden;}
.filter dl dd{ display: block; float:left; padding:4px 0; line-height:28px;   overflow: hidden; }
.filter dl dd a{ display: inline-block; float:left; padding:7px 12px; height: 14px; line-height: 14px;  margin:2px 8px 2px 0; text-align: center; overflow: hidden; border-radius:3px; -webkit-border-radius:3px ; -ms-border-radius:3px; -moz-border-radius:3px;}
.filter dl dd select{ display: inline-block; width: 160px; height: 28px; padding: 0 5px; margin:0 6px 0 0; font-size: 14px; border:0; border:1px solid #dcdee2; }
.filter dl dd select{ border-radius:3px; -webkit-border-radius:3px ; -ms-border-radius:3px; -moz-border-radius:3px; background: transparent; outline: none;  box-shadow: none;}

/*list teacher*/
.list_teacher { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.list_teacher a{ margin:36px 0 0 0 ; }


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

/*index news*/
.ip_box{ width:1024px;}
.focus_index{ width: 400px; height: 396px; }
.tabs_panel{ width: 600px; height: 280px;}
.focus_index img{ margin: 0 auto;  object-fit: cover;}
.lists_focus li a{ width: 480px; }

/*list index party building*/
.list_index_pb{ margin: 0 0 16px 0; overflow: hidden;}
.list_index_pb a{ width: 200px; height: 242px; padding: 20px; margin: 0 18.6px 0 0;   }
.list_index_pb a img{ display: block;width: 200px; height: 126px;}
.list_index_pb a p{ height: 40px; line-height: 1.5; overflow:hidden; }

/*list index course*/
.list_index_cs{ margin: 0 0 16px 0; overflow: hidden;}
.list_index_cs a{ width: 200px; padding: 20px; margin: 0 18.6px 0 0;   }
.list_index_cs a img{ display: block;width: 200px; height: 126px;}
.list_index_cs a p{ height: 20px; line-height: 1.5; overflow:hidden; }

.list.list_index_cs.list_block_3 a{ padding: 14px; }
.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 index project */
.list_index_pj a{ display: block; width: 200px; height: 192px; padding: 20px; margin: 0 18.6px 0 0;  }
.list_index_pj a img{ display: block;width: 200px; height: 126px;}
.list_index_pj a:nth-child(4n){ margin-right: 0;}
.list.list_index_pj.list_block_3 a{ padding: 14px; }
/*.list.list_index_pj.list_block_3 a:nth-child(4n){ margin-right:24px; }*/
.list.list_index_pj.list_block_3 a:nth-child(3n){ margin-right:0; }
.list.list_index_pj.list_block_3 a{  margin-right: 24px; margin-top: 36px; }

/*list index profession*/
.list_index_pfs a{ width: 240px; margin: 0 0 18px 0; }
.list_index_pfs a img{ display: block;width: 240px; height: 120px;}

/* list index teacher */
.list_index_teacher a{ display: block; width: 200px; height: auto;  margin: 0 18.6px 0 0;  }

.list.list_index_teacher.list_block_3 a{ padding: 14px; }
/*.list.list_index_teacher.list_block_3 a:nth-child(4n){ margin-right:24px; }*/
.list.list_index_teacher.list_block_3 a:nth-child(3n){ margin-right:0; }
.list.list_index_teacher.list_block_3 a{  margin-right: 24px; margin-top: 36px; }

/* list index student */
.list_index_student a{  width: 320px; height: auto;   }
.list_index_student a img{ display: block; width: 320px; height: 160px; object-fit: cover;  }

.list.list_index_student a{ margin: 24px 0 0 0; }

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

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

/*course detail*/
.faca_banner{  width: 1024px;}
.faca_banner .video {  width: 780px; height: 400px;  }
.faca_banner .txt_area{ display: block; width: 200px; padding:24px 22px; z-index: 3;  }
/*video detail content*/
.v_contents{  min-height: 360px; }

.two_column .cl_con{  width: 740px;  }

.two_column .cl_con .list_news a .txts p{ display: block; height: 48px; overflow: hidden; }
.two_column .cl_con .list_news a .txts .date{  margin: 18px 0 0 0;}

/*list teacher*/
.list_teacher a{ width: 188px; margin:24px 0 0 0; }

/*teacher detail*/
.teacher_intro {   width: 1024px; }
.teacher_intro .txt_area{  width: 640px;}  
.recommend_course{ margin: 0 auto 48px }


}

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

/*index news*/
.ip_box{ display: block; width: 768px;}
.focus_index{ width: 300px; height: 320px; }
.focus_index img{  width: 300px; height: 160px; object-fit: cover;}
.tabs_panel{ width: 440px; height: 280px;}
.lists_focus li a{ width: 320px; height: 48px; font-size: 16px; line-height:1.5; padding:18px 32px 18px 0; }
.lists_focus li span{ padding: 14px 0; }

/*list index party building*/
.list_index_pb{ margin: 0 0 16px 0; overflow: hidden;}
.list_index_pb a{ width: 140px; height: auto; padding: 20px; margin: 0 13.3px 0 0;   }
.list_index_pb a img{ display: block;width: 140px; height: 94px;}
.list_index_pb a p{ height: 40px; line-height: 1.5; overflow:hidden; }

/*list index course*/
.list_index_cs{ margin: 0 0 16px 0; overflow: hidden;}
.list_index_cs a{ width: 140px; height: auto; padding: 20px; margin: 0 13.3px 0 0;   }
.list_index_cs a img{ display: block;width: 140px; height: 94px;}
.list_index_cs a p{ height: 20px; line-height: 1.5; overflow:hidden; }

.list.list_index_cs.list_block_3 a{ padding: 12px; }
.list.list_index_cs.list_block_3 a:nth-child(4n){ margin-right:14px; }
.list.list_index_cs.list_block_3 a:nth-child(3n){ margin-right:0; }

/* list index project */
.list_index_pj a{ display: block; width: 140px; height: auto; padding: 20px; margin: 0 13.3px 0 0;  }
.list_index_pj a img{ display: block;width: 140px; height: 94px;}
.list.list_index_pj.list_block_3 a{ padding: 12px; }
.list.list_index_pj.list_block_3 a:nth-child(4n){ margin-right:14px; }
.list.list_index_pj.list_block_3 a:nth-child(3n){ margin-right:0; }
.list.list_index_pj.list_block_3 a{  margin-right: 20px; margin-top: 36px; }

/*list index profession*/
.list_index_pfs a{ width: 180px; margin: 0 0 12px 0; }
.list_index_pfs a img{ display: block;width: 180px; height: 90px;}

/* list index teacher */
.list_index_teacher a{ display: block; width: 140px; height: auto;  margin: 0 13.3px 0 0;  }
.list_index_teacher a img{ width: 100px; height: 100px;  }
.list_index_teacher a p{  margin:12px 12px 0; }

.list.list_index_teacher.list_block_3 a{ padding: 12px; }
/*.list.list_index_teacher.list_block_3 a:nth-child(4n){ margin-right:24px; }*/
.list.list_index_teacher.list_block_3 a:nth-child(3n){ margin-right:0; }
.list.list_index_teacher.list_block_3 a img{ margin: 16px auto 24px }
.list.list_index_teacher.list_block_3 a{  margin-right: 20px; margin-top: 36px; }

/* list index student */
.list_index_student{ margin: 0 0 24px 0;  }
.list_index_student a{  width: 240px; height: auto;   }
.list_index_student a img{ display: block; width: 240px; height: 120px; object-fit: cover;  }
.list_index_student a p{ margin: 16px; }

.list.list_index_student a{ margin: 20px 0 0 0; }

/* list index contact */
.list_index_contact li{  width: auto; height: 48px; margin: 0 24px 0 0;text-align: left;  overflow: hidden; }
.list_index_contact li i.iconfont{ width: 46px; height: 46px; line-height: 46px; font-size: 24px; }
.list_index_contact li p span{ font-size: 14px; }
.list_index_contact li p a{ font-size: 16px; }

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

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

/*course detail*/
.faca_banner{  width: 768px;}
.faca_banner .video {  width: 540px; height: 300px;  }
.faca_banner .txt_area{ display: block; width: 192px; padding:18px ; z-index: 3;  }
/*video detail content*/
.v_contents{  min-height: 360px; }

/* left side */
.ip_box .mtab{ width: 140px; }
.ip_box .mtab a{ width: 140px; padding: 0 0 0 36px;}

.two_column .cl_con{  width: 540px;  }
.two_column .cl_con .list_news a .txts p{ display: block; height: 48px; overflow: hidden; }
.two_column .cl_con .list_news a .txts .date{  margin: 18px 0 0 0;}

/*list teacher*/
.list_teacher a{ width: 216px; margin:24px 0 0 0; }
.list_teacher a img{ width: 140px; height: 140px;  }

/*teacher detail*/
.teacher_intro {   width: 768px; }
.teacher_intro .face {width: 300px; height: 300px;  }
.teacher_intro .face img{ width: 260px; height: 260px;}
.teacher_intro .txt_area{  width: 440px;}  
.recommend_course{ margin: 0 auto 48px }


}

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

.title_index{ align-items: center; }

/*index news*/
.section_mt{  margin: 24px 0 0 0; }
.section_margin{ margin: 24px 0;}
.section_padding{ padding: 24px 0;}
.ip_box{ display: block; width: auto; padding: 0 14px;}

.focus_index{ width: auto; height: auto; margin: 0 0 24px 0; }
.focus_index h3{width: auto; height: auto; line-height: 1.4; white-space: normal;}
.focus_index img{  width: 100%; height: 200px; object-fit: cover;}
.tabs_panel{ width: 100%; height: auto;}
.lists_focus li a{ font-size: 16px; height: auto; display: flex; align-items: center; line-height: 1.2em;   width: calc(100% - 120px);  }

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

/*search banner*/
.search_banner{ width: 80%;  margin: 44px auto 0;  margin-top:-116px; }

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

.filter{ flex-direction: column; }

/*list index party building*/
.list_index_pb{ margin: 0; overflow: hidden;}
.list_index_pb a{  display: block; width: calc(100% - 30px); height: auto;  padding: 14px ; margin: 0  0 16px 0;   }
.list_index_pb a img{ width: 100%; height: 160px; object-fit: cover; }
.list_index_pb a:last-child{ margin-bottom: 0 }
.list.list_index_pb a{ margin-bottom:0; margin-top:16px; }

/*list index course*/
.list_index_cs{ margin: 0 0 16px 0; overflow: hidden;}
.list_index_cs a{  display: block; width: calc(100% - 30px); height: auto;  padding: 14px ; margin: 0  0 16px 0;   }
.list_index_cs a img{ width: 100%; height: 160px; object-fit: cover; }
/*.list_index_cs a p{ height: 40px; line-height: 1.5; overflow:hidden; }*/

.list_index_cs a:last-child{ margin-bottom: 0 }
.list.list_index_cs a{ margin-bottom:0; margin-top:16px; }

/* list index project */
.list_index_pj{ margin: 0; }
.list_index_pj a{ display: block; width: calc(100% - 30px);  padding: 14px ; margin: 0  0 16px 0;  }
.list_index_pj a img{ width: 100%; height: 160px; object-fit: cover;}
.list_index_pj a:last-child{ margin-bottom: 0 }
.list.list_index_pj a{ margin-top:16px; margin-bottom: 0 }
.list.list_index_pj.list_block_3 a:last-child{ margin-right:0; margin-bottom: 0 }
.list.list_index_pj.list_block_3 a{ margin-top: 16px; margin-right: 0;  }

/*list index profession*/
.list_index_pfs{  margin: 0; }
.list_index_pfs a{ display: block; float: none; width: calc(100% - 0px);  margin: 0  0 16px 0;  }
.list_index_pfs a img{ width: 100%; height: 160px; object-fit: cover;}
.list_index_pfs a span{ }
.list_index_pfs a:last-child{ margin-bottom: 0 }

/* list index teacher */
.list_index_teacher{ margin: 0; }
.list_index_teacher a{ display: block; width: calc(100% - 30px);  padding:24px 14px ; margin: 0 0 16px 0  }
.list_index_teacher a img{ width: 100px; height: 100px;  margin: 0 auto 16px }
.list_index_teacher a p{  margin:12px 12px 0; }
.list_index_teacher a:last-child{ margin-bottom: 0 }
.list.list_index_teacher a{ margin: 16px 0 0 0 }

.list_index_teacher.mb_24{  margin-bottom: 0!important }

.list.list_index_teacher.list_block_3 a:last-child{ margin-right:0; margin-bottom: 0 }
.list.list_index_teacher.list_block_3 a{ margin-top: 16px; margin-right: 0;  }


/* list index student */
.list_index_student{ flex-direction: column; margin:  0;  }
.list_index_student a{  width: auto; height: auto; margin: 0 0 16px 0;  }
.list_index_student a img{ display: block; width: 100%; height: auto; object-fit: cover;  }
.list_index_student a p{ font-size: 16px; }
.list_index_student a:last-child{ margin-bottom: 0 }

.list.list_index_student a{ margin: 16px 0 0 0; }

.list_index_pj.mb_24{ margin-bottom: 0!important }
.list_index_cs.mb_24{ margin-bottom: 0!important }
.list_index_pb.mb_24{ margin-bottom: 0!important }

/* list index contact */
.list_index_contact{ margin:24px; flex-direction: column; }
.list_index_contact li{  width: auto; height: 48px; margin:12px 0;text-align: left;  overflow: hidden; }
.list_index_contact li i.iconfont{ width: 46px; height: 46px; line-height: 46px; font-size: 24px; }
.list_index_contact li p span{ font-size: 14px; }
.list_index_contact li p a{ font-size: 16px; }

/*news detail*/
.list_news a .txts{ width: calc(100% - 150px) }
.list_news a img{ width: 120px; height: 120px; object-fit: cover; margin: 0 14px 0 0; }
.list_news a .txts b{ display: block; height: 24px; line-height: 1.4em;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list_news a .txts p{ display: block; height: 48px; overflow: hidden; line-height: 1.6; margin: 1em 1em 0 0 }
.list_news a .txts .date{ margin: 1em 0 0 0; }

page{ margin: 24px auto; }
.detail_content  h3.p_title{font-size:24px;  }
.detail_content p{ font-size: 16px; text-indent: 0 }
.detail_content p img{ max-width:100%; height: auto;  }

/*list of block, content img & text*/
.list_index_pj.list_block a{ margin-bottom: 14px; }
.list_index_pj.list_block a:last-child{ margin-bottom: 0;}

h3.title_detail{ margin: 18px 0; line-height: 1.2em; }

/*course detail*/
.faca_banner{ flex-direction: column; width: 100%; margin-bottom: 14px;}
.faca_banner .video {  width: 100%; height: 240px;  }
.faca_banner .txt_area{ display: block; width: auto; padding:18px ; z-index: 3;  }
.faca_banner .txt_area p{ margin: .5em 0; line-height: 1.2em; }
/*video detail content*/
.v_contents{  min-height: 360px; }
.v_contents .cons > p{  line-height: 1.8; font-size: 16px;}

ul.list_course{ margin: 0 0 16px 0 }
ul.list_course li a{ font-size: 16px; }

/* left side */
.ip_box .mtab{ width: 100%; margin: 16px 0 0 0 }
.ip_box .mtab a{ width: auto; padding: 0 24px;}

.two_column .cl_con{  width: 100%;  }

/*list teacher*/
.list_teacher a{  margin:14px 0 0 0; }
.list_teacher a img{ width: 140px; height: 140px;  }

/*teacher detail*/
.teacher_intro {   width: auto; }
.teacher_intro .face {width: 132px; height: 132px;  }
.teacher_intro .face img{ width: 100px; height: 100px; margin: 16px;}
.teacher_intro .txt_area{  width: calc(100% - 150px); padding:12px 12px 12px 0;}  
.teacher_intro .txt_area h4{ font-size: 20px;  }
.teacher_intro .txt_area p{ line-height: 1.4; margin:.6em 0; }
.recommend_course{ margin: 0 auto 48px }



}