/*iconfont*/ /*本地调试用上面这个*/ /*@import url(http://at.alicdn.com/t/font_2794903_3nyf9nn2knx.css);*/ /*发布用下面这个*/ @import url(//at.alicdn.com/t/font_2794903_3nyf9nn2knx.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: 64px 0; } .section_padding { padding: 64px 0; } .bg_section { background: #f5f5f5; } .bg_section_s1 { background: #f5f3eb; } .bg_contact { background: #424242; } .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: 1400px; margin: 0 auto; overflow: hidden; } .ip_box.ipbo_no { overflow: visible; } /*index course entrance*/ .ip_course { height: 88px; position: relative; } .btn_index_course { padding: 0 30px; width: 380px; height: 88px; position: absolute; left: 50%; top: -50%; transform: translate(-50%, 0); z-index: 4; } .btn_index_course { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 8px rgba(208, 208, 208, .4); } .btn_index_course { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .btn_index_course span { display: flex; width: 66px; height: 66px; align-items: center; text-align: center; margin: 0 18px 0 12px; } .btn_index_course span { background: #e5e5e5; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; border-radius: 34px; } .btn_index_course span img { display: block; width: 32px; height: 32px; margin: 0 auto; } .btn_index_course p { font-size: 22px; font-weight: bold; } .btn_index_course i { display: flex; margin-left: auto; font-size: 18px; color: #c9161e } /* index title */ .title_index { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin: 0 0 24px 0; } .title_index h2 { font-size: 30px; font-weight: 600; line-height: 1em; } .title_index h2 span { display: block; font-size: 12px; line-height: 1.6em; } .title_index a { font-size: 16px; line-height: 1em; color: #757575 } .title_index a:hover { color: #c9161e } .title_index.mt_20 { margin-top: 20px !important } /*news index*/ .news_index { width: 1400px; display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto; overflow: hidden; } .news_index .focus_index { width: 868px; min-height: 500px; } .focus_news { width: 868px; overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; } /*.focus_news .focus_slide { width: 523px; overflow: hidden; } .focus_news .focus_slide a .img { width: 523px; height: 349px; display: flex; align-items: center; justify-content: center; overflow: hidden; }*/ .focus_news .focus_slide { width: 478px; overflow: hidden; } .focus_news .focus_slide a .img { width: 478px; height: 349px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .focus_news .focus_slide a .img img { height: 100%; object-fit: cover; } .focus_news .focus_slide a .txt { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; font-size: 16px; margin: 12px 0; } .focus_news .focus_slide a .txt span { display: flex; flex: 0 1 1; line-height: 1.4; margin: 0 16px 0 0; color: #c9161e } .focus_news .focus_slide a .txt h4 { display: flex; flex: 1; line-height: 1.4; font-weight: 600; } /*.focus_news .focus_news_list { width: 315px; height: 444px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .focus_news .focus_news_list a { display: block; width: 315px; height: 210px; position: relative; overflow: hidden; } .focus_news .focus_news_list a img { display: block; width: 315px; height: 210px; object-fit: cover; overflow: hidden; } .focus_news .focus_news_list a h4 { display: block; padding: 0 16px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; font-weight: 400; background: rgba(0, 0, 0, .55); position: absolute; bottom: 0; overflow: hidden; } .focus_news .focus_news_list a span { font-size: 16px; color: #c9161e; position: absolute; bottom: 44px; left: 16px; text-shadow: 0 0 1px #fff; }*/ /*add at 20211210 by laoto*/ .focus_news .focus_news_list2 { width: 360px; height: 444px; overflow: hidden; } .focus_news .focus_news_list2 a { width: 360px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .focus_news .focus_news_list2 a h4 { display: block; height: 44px; line-height: 44px; font-size: 16px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .focus_news .focus_news_list2 a span { display: block; width: 90px; text-align: right; font-size: 14px; color: #999; } /*add at 20211210 by laoto END*/ .news_index .index_policy { width: 430px; height: 480px; padding: 20px; background: #fff; } .policy_index_list { border-top: 1px solid #f0f0f0; overflow: hidden; } .policy_index_list dl { display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; padding: 14px 0; border-bottom: 1px solid #f0f0f0; } .policy_index_list dl dt { display: flex; width: 36px; flex-direction: column; text-align: center; line-height: 1.2; color: #999; margin: 0 24px 0 0; } .policy_index_list dl dt span { font-size: 30px; line-height: 1em; font-weight: 200; } .policy_index_list dl dd { display: flex; flex: 1; flex-direction: column; } .policy_index_list dl dd span { line-height: 2; color: #999; font-size: 14px; } .policy_index_list dl dd a { display: block; height: 50px; line-height: 1.6; font-size: 16px; overflow: hidden; } /* list index recommend */ .index_recommend { width: 1400px; height: 364px; margin: 0 0 16px 0; } .index_recommend { background: #fff; box-shadow: 0 0 8px rgba(208, 208, 208, .4); } .index_recommend .tabs_panel { width: 100%; height: 364px; } .index_recommend .tabs_panel .Menubox { height: 72px; position: relative; } .index_recommend .tabs_panel .Menubox ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 72px; width: 100%; position: relative; } .index_recommend .tabs_panel .Menubox ul li { display: flex; justify-content: center; flex: 1; height: 72px; line-height: 72px; text-align: center; font-size: 20px; cursor: pointer; color: #333; border-right: 1px solid #f0f0f0; position: relative; } .index_recommend .tabs_panel .Menubox ul li:last-child { border-right: none; } .index_recommend .tabs_panel .Menubox ul li:hover { color: #c9161e; } .index_recommend .tabs_panel .Menubox ul li.hover { background: #961117; color: #fff; font-weight: 600; } .index_recommend .itab_con { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px; background: #961117; } .index_recommend .itab_con .img { display: flex; align-items: center; justify-content: center; width: 444px; height: 250px; overflow: hidden; } .index_recommend .itab_con .img img { height: 100%; object-fit: cover; } .index_recommend .itab_con p.txt { flex: 1; margin: 0 24px; max-height: 240px; line-height: 1.8em; font-size: 16px; color: #fff; } .index_recommend .itab_con a { display: block; width: 110px; height: 110px; line-height: 110px; text-align: center; color: rgba(255, 255, 255, .9); margin: 0 24px 0 48px } .index_recommend .itab_con a { border: 1px solid rgba(255, 255, 255, .9); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .index_recommend .itab_con a:hover { color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1) } /* list index course */ .bg_section_course { background: #f5f5f5 url(../images/bg-index-s3.jpg) no-repeat center top } .list_index_course { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 1066px; height: 284px; padding: 0 0 142px 0; margin: 0 0 16px 268px; align-items: flex-start; position: relative; } .list_index_course a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 213px; height: 142px; color: #fff; font-size: 18px; } .list_index_course a:hover { opacity: .9; } .list_index_course a.bg_s3_01 { background: url(../images/bg-s3-item01.png) no-repeat center; } .list_index_course a.bg_s3_02 { background: #4a080b; } .list_index_course a.bg_s3_03 { background: #d6d6d6; color: #242424; } .list_index_course a.bg_s3_04 { background: url(../images/bg-s3-item02.png) no-repeat center; } .list_index_course a.bg_s3_05 { background: #c7b06f; } .list_index_course a.bg_s3_06 { background: #9f9998; } .list_index_course a.bg_s3_07 { background: #c7b06f; } .list_index_course a.bg_s3_08 { background: url(../images/bg-s3-item03.png) no-repeat center; } .list_index_course a.bg_s3_09 { background: #961117; } .list_index_course a:last-child { position: absolute; bottom: 0; right: 0; z-index: 2; background: #fff; border: 1px solid #c7b06f } .list_index_course a:last-child span { display: block; padding: 8px 24px; border-radius: 24px; background: #ceced6; color: #c9161e } /* list index course laoto add 20210907 */ .ip_box_lic.ip_box{ ; overflow: visible; } .list_index_ecs{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .list_index_ecs a{ display: block; width: 264px; height: 266px; margin:0 0 20px 0; overflow: hidden; } /*.list_index_ecs a{ background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }*/ .list_index_ecs a{ -webkit-box-shadow: 0 0 8px #f0f0f0; -moz-box-shadow: 0 0 8px #f0f0f0; -ms-box-shadow: 0 0 8px #f0f0f0; box-shadow: 0 0 8px #f0f0f0;} .list_index_ecs a:last-child{ text-align: center; line-height:266px; color: #999; } .list_index_ecs a .img{ display: flex; width: 264px; height: 176px; overflow: hidden; } .list_index_ecs a .img img{ display: block; width: 100%; height: auto; object-fit: cover; } .list_index_ecs a .img img{ -webkit-transition: all 0.3s ; -moz-transition: all 0.3s; -ms-transition:all 0.3s; transition: all 0.3s; } .list_index_ecs a h3{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 18px; margin:18px 0 0; height: 20px; line-height: 1em; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list_index_ecs a h3 img{ display: flex; flex: 0 1 1; width: 22px; height: 22px; margin: 0 6px 0 0;} .list_index_ecs a span{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin:16px 0 0; padding: 0 18px; font-size: 14px; line-height: 1; color: #999; overflow: hidden;} .list_index_ecs a span i.iconfont{ font-size: 16px; margin: 0 4px; } .list_index_ecs a span em{ display: flex; margin-left: auto; text-align: right; color: #c9161e;} .list_index_ecs a:hover{ -webkit-box-shadow: 0 0 16px #e6e6e6; -moz-box-shadow: 0 0 16px #e6e6e6; -ms-box-shadow: 0 0 16px #e6e6e6; box-shadow: 0 0 16px #e6e6e6; } .list_index_ecs a:hover .img img{ transform: scale(1.04); } .list_index_ecs a:hover p{ color: #424242 } /* list index project */ .list_index_project { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .list_index_project a { width: 440px; max-height: 420px; background: #eeeeee } .list_index_project a i { display: block; width: 440px; height: 248px; } .list_index_project a i { display: flex; align-items: center; justify-content: center; width: 440px; height: 248px; overflow: hidden; } .list_index_project a i img { height: 100%; object-fit: cover; } .list_index_project a h3 { padding: 24px 20px 4px 20px; font-weight: 600; font-size: 18px; line-height: 1.4em; height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .list_index_project a p { display: block; height: 90px; padding: 12px 20px 24px 20px; font-size: 16px; line-height: 1.8em; color: #666; overflow: hidden; } .list_index_project a:hover { opacity: .9; } .list_index_project a:hover p { color: #333; } /*list index YinFa*/ .list_index_yinfa { padding-bottom: 72px; } .list_index_yinfa > p { line-height: 1.6em; font-size: 15px } .list_index_yinfa .liy_con { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 24px 0 0 0; } .list_index_yinfa .liy_con .txt { display: flex; flex-direction: column; width: 500px; } .list_index_yinfa .liy_con .txt h3 { font-weight: 600; font-size: 22px; line-height: 1em; padding: 16px 0; position: relative; } .list_index_yinfa .liy_con .txt h3:before { content: ''; width: 44px; height: 6px; background: #c9161e; position: absolute; top: -4px; left: 0; z-index: 2; } .list_index_yinfa .liy_con .txt p { font-size: 16px; line-height: 1.8em; color: #757575; } .list_index_yinfa .liy_con .list_img { display: flex; flex-direction: row; justify-content: space-between; flex: 0 1 auto; } .list_index_yinfa .liy_con .list_img a { display: block; width: 405px; height: 228px; margin: 0 0 0 28px; overflow: hidden; } .list_index_yinfa .liy_con .list_img a img { display: block; width: 405px; height: 228px; object-fit: cover; } /*list index activity */ .list_index_activity { display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 36px} .list_index_activity a { height: 120px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .list_index_activity a .img { display: flex; justify-content: center; width: 600px; height: 120px; position: relative; } .list_index_activity a .img img{ width: 100%; height: auto; object-fit: cover;} .list_index_activity a h4 { display: block; width: 248px; height: 120px; line-height: 120px; padding-right: 40px; } .list_index_activity a h4 span{ display: block; width: 248px; height: 120px; line-height: 120px; font-size: 22px; font-weight: 600; background: #8a8381; color: #fff; text-align: center; } .list_index_activity a:nth-child(2n) h4 span{ background: #9f9998; } .list_index_activity a p { flex: 1; margin-left: auto; padding: 0 48px 0 64px; font-size: 18px; line-height: 1.6em; color: #666; } .list_index_activity a .img .mask{ width: 600px; height: 120px; background:rgba(0, 0, 0, .55); position: absolute; left: 0; top: 0; } .list_index_activity a .img .date{ display: none; } .list_index_activity a.active { height: 200px; background:#fff; overflow: hidden; } .list_index_activity a.active { -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; -ms-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; } .list_index_activity a.active .img{ height: 200px; } .list_index_activity a.active h4{ height: 200px; line-height: 200px; background:#fff url(../images/bg-s6-active.png) no-repeat left center; } .list_index_activity a.active h4 span{ height: 200px; line-height: 200px; background:#961117; } .list_index_activity a.active p{ background:#fff; color: #333; font-weight: 600; } .list_index_activity a.active .img .mask{ display: none; } .list_index_activity a.active .img .date{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 64px; height: 200px; line-height: 1.2; background:rgba(0, 0, 0, .55); color: #fff; position: absolute; right: 0; top: 0; z-index: 2 } .list_index_activity a.active .img .date span{ font-size: 36px; } /*cbanner*/ .cbanner { width: 100%; height: 360px; background: #d0d0d0; overflow: hidden; position: relative; } .cbanner img { display: block; width: 2000px; height: 360px; text-align: center; position: relative; top: 0; left: 50%; margin-left: -1000px; z-index: 2; } /*breadcrumb*/ .breadcrumb { width: 100%; } .breadcrumb .b_inner { width: 1400px; 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: #c9161e; } /* 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; color: #666; position: relative; } .ip_box .mtab a:hover { color: #c9161e; } .ip_box .mtab a.active { color: #c9161e; background: rgba(201, 22, 30, .06); font-weight: 600; border-radius: 4px; } .ip_box .mtab a.active:before { content: ''; width: 3px; height: 14px; background:#c9161e; position: absolute; left: 18px; top: 17px; z-index: 2; } .two_column .cl_con { float: right; width: 1120px; min-height: 480px; overflow: hidden; } /*news list*/ .list_news { display: block; overflow: hidden; } .list_news a { display: block; width: 100%; font-size: 15px; padding: 36px 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: #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; } /*channel intro*/ .channel_intro{ margin: 24px 0 0 0; padding: 24px; border: 2px solid rgba(201, 22, 30, .25); background: rgba(201, 22, 30, .08); overflow: hidden; } .channel_intro{ border-radius:4px; -webkit-border-radius:4px ; -ms-border-radius:4px; -moz-border-radius:4px; } .channel_intro h2{ font-size: 24px; font-weight: 600; } .channel_intro h2 span{ display: block; font-size: 14px; font-weight: 400; line-height: 1.4} .channel_intro .con{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin: 24px 0 0 0; } .channel_intro .con .img { display: flex; align-items: center; justify-content: center; width: 355px; height: 200px; overflow: hidden; } .channel_intro .con .img img { height: 100%; object-fit: cover; } .channel_intro .con p { flex:1; padding:0 1em; margin: 0 0 0 24px; font-size: 18px; line-height: 1.8em; } /* list index course */ .list_index_cs{ overflow: hidden; } .list_index_cs a{ display: block; width: 300px; padding: 20px; margin: 0 36px 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: 300px; height: 200px; 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:12px 0 0; font-size: 12px; line-height: 1.2; color: #999;} .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: #7417D0 } .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: 36px 46px 0 0; } .list.list_index_cs.list_block_3{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .list.list_index_cs.list_block_3 a:nth-child(3n){ margin-right:0; } /*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: 342px; 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: 342px; height: 180px;} .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; } .list.list_index_pfs.list_block_3 a:nth-child(3n){ margin-right:0; } .list.list_index_pfs.list_block_3{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .list.list_index_pfs.list_block_3 a{ margin-right: 42px; margin-top: 36px; margin-bottom: 0 } /*study list*/ .list.list_index_project{ justify-content: flex-start; } .list.list_index_project a{ width: 348px; height: auto; margin-top:24px; justify-content: flex-start; border-radius: 4px; overflow: hidden; } .list.list_index_project a i{ width: 348px; height: 240px; } .list.list_index_project.list_block_3 a:nth-child(3n){ margin-right:0; } .list.list_index_project.list_block_3{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .list.list_index_project.list_block_3 a{ margin-right: 38px; margin-top: 36px; margin-bottom: 0 } .list.list_index_project.list_block_3 a p { display: block; min-height: auto; height: 36px; overflow: hidden; margin: 0 0 24px 0; } /*research list*/ .research_list.list_news{} .research_list.list_news a .txts { width: 100%; } /* 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: #c9161e; color: #c9161e } page a.nowpage { background: #c9161e; color: #fff; border-color: #c9161e } /*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: 1400px; 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: 1040px; height: 540px; background: #424242; text-align: center; align-items: center; justify-content: center; overflow: hidden; } .faca_banner .txt_area { display: block; width: 360px; 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: #c9161e; } .v_contents .tabs a.active { color: #c9161e; border-bottom-color: #c9161e; } .v_contents .tabs a.active:after { background: #c9161e; } 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(201, 22, 30, .4) } ul.list_course li a:hover i { color: rgba(201, 22, 30, 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 { padding: 6px 12px; margin: 36px 0 0 0; background: #f6f6f6; border-bottom: 1px solid #f0f0f0; overflow: hidden; } .filter { border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; } .filter dl { display: block; margin: 0; overflow: hidden; font-size: 14px; } .filter dl dt { display: block; float: left; width: 80px; 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; } /*add 5 pages at 2021-12-16*/ /*cbanner_chorus*/ .cbanner_chorus { width: 100%; height: 467px; overflow: hidden; position: relative; } .cbanner_chorus img { display: block; width: 1400px; height: 467px; text-align: center; position: relative; top: 0; left: 50%; margin-left: -700px; z-index: 2; } .cbanner_chronicles { width: 100%; height: 540px; overflow: hidden; position: relative; } .cbanner_chronicles img { display: block; width: 1920px; height: 540px; text-align: center; position: relative; top: 0; left: 50%; margin-left: -960px; z-index: 2; } .cbanner_four_seasons { width: 100%; height: 500px; overflow: hidden; position: relative; } .cbanner_four_seasons img { display: block; width: 1920px; height: 500px; text-align: center; position: relative; top: 0; left: 50%; margin-left: -960px; z-index: 2; } .cbanner_study_tour { width: 100%; height: 580px; overflow: hidden; position: relative; } .cbanner_study_tour img { display: block; width: 1920px; height: 580px; text-align: center; position: relative; top: 0; left: 50%; margin-left: -960px; z-index: 2; } /*chorus*/ .chorus_intro{ border: none; background: #f7f7f7; padding: 40px; } .chorus_intro .con{ margin: 0;} .chorus_intro .con .img{ width: 533px; height: 360px;} .chorus_intro .con .img img{ width: 533px; height: auto;} .chorus_intro .con .ci_txt { width: calc(100% - 580px); height: 360px; overflow: hidden;} .chorus_intro .con .ci_txt h4{ font-size: 20px; line-height: 1.2; font-weight: 600; } .chorus_intro .con .ci_txt p{ margin: 12px 0 32px 0;; padding: 0; font-size: 18px; line-height: 1.7; color: #999; text-indent: 0; } .chorus_intro .con .ci_txt p.color_333{ color: #333;} .title_channel{ margin: 24px 0; } .title_top h2{ text-align: center; margin: 24px auto 12px; } .list_chorus{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; overflow: hidden; margin: 0 0 48px 0 } .list_chorus a{ display: block; width: 334px; height: 250px; margin-right: 24px; position: relative; } .list_chorus a .img{display: block; width: 334px; height: 220px; position: relative;} .list_chorus a .img img{display: block; width: 334px; height: 220px; object-fit: cover;} .list_chorus a .title{ width: 296px; height: 54px; line-height: 54px; font-size: 18px; background: #f7f7f7; z-index: 2; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; } .list_chorus a .title:before{ content: ''; width: 4px; height: 30px; font-size: 18px; background: #c8161e; position: absolute; bottom: 12px; left: 0; z-index: 3; } .list_chorus a:nth-child(4n){ margin-right: 0;} .btn_years{ text-align: center; display: flex; flex-direction: row; justify-content: center; margin: 0 auto 24px; } .btn_years a{ display: block; padding: 8px 24px; margin: 0 16px; font-size: 20px; font-weight: 600; background:#c9c9c9; color: #fff; } .btn_years a.active{ background:#c8161e; color: #fff } .years_con{ overflow: hidden; min-height: 640px; position: relative; } .years_con .time_line{ height: auto; padding: 0 0 120px 0; overflow: hidden; } .years_con .time_line .tl_years{ text-align: center; width: 120px; height: 120px; line-height: 120px; overflow: hidden; border-radius: 60px; background:#c8161e; color: #fff; font-size: 18px; margin: 0 auto } .years_con .time_line .tl_years:after{ content: ''; width:1px; height: 1040px; position: absolute; top: 120px; left: 50%; margin-left: -.5px; background:#c8b070; } .years_con .time_line .tl_end{ display: block; width: 28px; height: 28px; border-radius: 14px; background:#c8161e; position: absolute; bottom: 36px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .seasons .item{ width: 648px; height: 360px; clear: right; position: relative; margin-top: -240px; ; } .seasons .item.even{ float: right; clear: both; margin-top: -240px; } .seasons .item:nth-child(1){ margin-top: 0;} /*.seasons .item:nth-child(3){ margin-bottom: 360px!important; background:#f00;}*/ .seasons .item h4{ font-size: 30px; line-height: 2.4em; font-weight: 600; } .seasons .item ul{ display: flex; flex-direction: row; justify-content: space-between; } .seasons .item ul li{ display: block; width:180px; height: 276px; padding: 12px; overflow:hidden; background:#ededed; position: relative; } .seasons .item:before{content: ''; width:48px; height: 1px; position: absolute; top: 220px; right: -52px; background:#ededed; z-index: 2; } .seasons .item:after{content: ''; width:18px; height: 18px; position: absolute; top: 210px; right: -60px; background:#c8b070; border-radius: 10px; z-index: 3; } .seasons .item.even:before{ left: -52px; } .seasons .item.even:after{ left: -61px; } .seasons .item ul li .img{ width: 180px; height: 104px; position: relative; } .seasons .item ul li .img img{ width: 180px; height: auto; object-fit: cover; } .seasons .item ul li .month{ width: 72px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-weight: 600px; color: #fff; background:#c8161e; position: absolute; top: 100px; left: 12px; z-index: 2; } .seasons .item ul li .stitle{ padding: 1.6em 0 .4em 0; line-height: 1.6em; font-size: 18px; text-align: center; border-bottom: 1px solid #d6c7a1 } .seasons .item ul li p{ display: block; height: 78px; overflow: hidden; padding: 1em 0 0 0; line-height: 1.6em; font-size: 16px; color: #999; } .four_season_con{ height: 410px; overflow: hidden; background: #f5f3f3; margin: 56px 0; } .four_season_con .btns_tab{ margin: 5px 0 0 0; /*width: 4200px;*/ height: 72px; position: relative; white-space: nowrap; overflow: hidden;} .four_season_con .btns_tab a{ display: block; float: left; margin-right: 5px; width: 170px; height: 72px; line-height: 72px; text-align: center; font-size: 22px; font-weight: 600; background: #fff; color: #333;} .four_season_con .btns_tab a.on{ background: #961218; color: #fff!important;} .four_season_con .btns_tab a:hover{ color: #c8161e; } /*.four_season_con .btns_tab a:nth-child(8n){ margin-right: 0; }*/ .four_season_con .tab_con{ padding:22px 0 22px 22px; background: #961218; color: #fff } .four_season_con .tab_con .tc_item{ display: flex; flex-direction: row; justify-content: space-between; height: 285px; } .four_season_con .tab_con .tc_item .img{ width: 500px; height: 285px; } .four_season_con .tab_con .tc_item .img img{ width: 500px; height: auto; object-fit: cover; } .four_season_con .tab_con .tc_item .txt{ padding: 0 40px; display: flex; flex-direction: column; justify-content: flex-start; } .four_season_con .tab_con .tc_item .txt p{ font-size: 18px; line-height: 1.8em; padding: 8px 0 16px 0; } .four_season_con .tab_con .tc_item .txt p.p_title{ font-size: 20px; font-weight: 600 } .four_season_con .tab_con .tc_item .txt a.more{ display: block; width: 140px; height: 40px; line-height: 40px; border: 1px solid #fff; font-size: 16px; text-align: center; border-radius: 20px; margin-top: auto; } .four_season_con .tab_con .tc_item .txt a.more:hover{ color: #fff; opacity: .9; } .scon{ padding: 24px; margin: 0 0 72px 0; position: relative; border: 1px solid #e0e0e0; } .scon p{ line-height: 1.8em; font-size: 18px; } .scon a.add{ display: block; width: 76px; height: 76px; line-height: 70px; font-weight: 200; border: 1px solid #cbb477; background: #fff; color: #c8161e; font-size: 48px; text-align: center; border-radius: 38px; position: absolute; left: 50%; bottom: -38px; margin-left: -38px; z-index: 2; } .scon h3{ line-height: 1.8em; font-size: 24px; font-weight: 600; text-align: center; } .scon span{ display: block; margin: 0 auto; line-height: 1.8em; font-size: 18px; text-align: center; } .scon ul{ margin:16px; display: flex; flex-direction: row; justify-content: space-between; } .scon ul li{ display: block; width: 420px; height: 235px; overflow: hidden; cursor: pointer; } .scon ul li img{ display: block; width:100%; height:100%; object-fit: cover; } .publish_con{ overflow: hidden; } .publish_con h3{ line-height: 1.8em; font-size: 24px; font-weight: 600; text-align: center; } .publish_con .sc_item{ margin: 52px 0; display: flex; flex-direction: row; justify-content: space-between; } .publish_con .sc_item .left{ width: 1000px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; } .publish_con .sc_item .left .txt{ overflow: hidden; } .publish_con .sc_item .left .txt p{ padding: 0 0 1em 0; line-height: 1.6em; font-size: 18px; } .publish_con .sc_item .left .txt p.title{ font-weight: 600; font-size: 20px; } .publish_con .sc_item .left .list{ display: flex; flex-direction: row; justify-content: space-between;} .publish_con .sc_item .left .list a{ display: block; width: 190px; height: 240px; overflow: hidden; } .publish_con .sc_item .left .list a img{ width:100%; height:100%; object-fit: cover; } .publish_con .sc_item .right{ width:358px; height: 454px; overflow: hidden; } .publish_con .sc_item .right img{ width:100%; height:100%; object-fit: cover; } .bg_red{ background: #bb1b2e } .ad_banner{ width: 1400px!important; height: 184px; padding: 40px 0; margin: 0 auto; overflow: hidden; position: relative;} .ad_banner img{display: block; margin: 0 auto; width: 1400px; height: 184px; object-fit: cover; } .info_list{ display: flex; flex-direction: row; justify-content: space-between; width: 1400px; margin: 0 auto; padding: 72px 0 0 0; overflow: hidden; } .info_list li{ width: 370px; padding: 36px; background:#fff; } .info_list li h4{ font-size: 20px; font-weight: 600; line-height: 1.8em; text-align: center; padding: 0 0 18px 0; } .info_list li p{ font-size: 18px; line-height: 1.8em; padding:0 0 1em 0; } .scon.bg_gray{ background:#f5f5f5; margin: 24px 0; } .sf_contact{ display: flex; flex-direction: row;justify-content: space-between; } .sf_contact ul{padding: 0; margin:24px 0; display: flex; flex-direction: row; justify-content: flex-start;} .sf_contact ul li{ display: block; width: 180px; text-align: center; font-size: 18px; color: #666; margin:0 24px 0 0; } .sf_contact ul li img{ display: block; margin: 0 auto; width: 180px; height: 180px; } .sf_contact .btns{ align-items:flex-end; display: flex; flex-direction: row; justify-content: flex-end; margin:24px 0; } .sf_contact .btns a{ display: block; width: 190px; height: 64px; line-height: 64px; font-size: 18px; margin:0 16px; text-align: center; background: #961218; color: #fff } .sf_contact .btns a:hover{ opacity: .9 } .list_study_top{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; overflow: hidden; margin: 0 0 48px 0; padding: 48px 0 0 0; } .list_study_top a{ display: block; width: 262px; height: 210px; margin-right: 22px; position: relative; } .list_study_top a:nth-child(5n){ margin-right: 0; } .list_study_top a:last-child{ margin-right: 0; } .list_study_top a .img{display: block; width: 262px; height: 166px; position: relative;} .list_study_top a .img img{ width: 100%; height: 100%; object-fit: cover;} .list_study_top a .title{ font-size: 18px; text-align: center; line-height: 1.6em; padding: 12px 0; } .btn_title{ text-align: center; display: flex; flex-direction: row; justify-content: center; margin: 0 auto 24px; } .btn_title a{ display: block; padding: 8px 24px; margin: 0 8px; font-size: 28px; font-weight: 600; color: #999; } .btn_title a.active{ color: #333 } .seeworld{ margin: 0 0 64px; position: relative; overflow: hidden; } .seeworld .sw_con{ width: 1400px; height: 620px; overflow: hidden; position: relative; } .seeworld .sw_con .sw_item{ width: 1400px; height: 552px; overflow: hidden; } .seeworld .sw_con .sw_item .img{ width: 986px; height: 552px; overflow: hidden; } .seeworld .sw_con .sw_item .img img{ width: 100%; height: 100%; object-fit: cover; } .seeworld .sw_con .sw_item .intro{ display: block; padding:0 40px; width: 430px; height: 328px; background: #f5f5f5; position: absolute; right: 0; bottom: 0; z-index: 2; } .seeworld .sw_con .sw_item .intro dt{ display: block; font-size: 22px; font-weight: 600; text-align: center; padding: 32px 0 ; margin: 0 0 24px 0; border-bottom: 1px solid #c8b070 } .seeworld .sw_con .sw_item .intro dd{ display: block; font-size: 18px; padding: 4px 0; line-height: 1.6} .seeworld .more{ display: block; width: 180px; height: 68px; line-height: 68px; font-size: 18px; text-align: center; background: #c8161e; color: #fff; position: absolute; left: 710px; bottom: 0; z-index: 2; } .seeworld .more:hover{ opacity: .9; } /*.seeworld .btns{ display: flex; flex-direction: row; justify-content: flex-start; width: 304px; height: 68px; margin: 0 0 0 710px; } .seeworld .btns a{ display: block; text-align: center; border-right: 1px solid #fff; } .seeworld .btns .more:hover{ opacity: .9; } .seeworld .btns .goto{ width: 60px; height: 68px; line-height: 68px; font-size: 24px; background: #c8b070; color: #fff; opacity: .7 } .seeworld .btns .goto:hover{ opacity: 1 }*/ .sn_list{ display: flex; flex-direction: row; justify-content: space-between; margin: 64px 0; } .sn_list .item{ display: flex; flex-direction: row; justify-content: space-between; width: 432px; height:468px; } .sn_list .item .title{ display: flex; align-items: center; line-height: 1.2; width: 24px; height:230px; padding:0 35px; background: #c8161e; color: #fff; font-size: 28px; font-weight: 600; margin: 72px 0 0 0; } .sn_list .item .list{ width: calc(100% - 94px); border-left: 1px solid #e3e3e3 } .sn_list .item .list a{ display: block; font-size: 18px; line-height: 1.6em; padding: 12px 0 12px 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sn_list .item .list a.more{ padding: 0; margin: 0 0 16px 0; display: block; font-size: 18px; height: 72px; line-height: 72px; text-align: right; color: #666; border-bottom: 1px solid #e3e3e3; } .sn_list .item .list a.more:hover{ color: #c9161e } .plist{ display: flex; flex-direction: row; justify-content: space-between; margin: 0 0 72px 0; } .plist .list_sm{ display: flex; flex-direction: column; justify-content: space-between; width: 328px; height: 394px;} .plist .list_sm a{ display: block; width: 328px; height: 184px; position: relative;} .plist .list_sm a img{ width: 100%; height: 100%; object-fit: cover;} .plist .list_sm a .mask{ display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));} .plist .list_sm a p{ display: block; width: 280px; height: 16px; line-height: 16px; padding: 24px; font-size: 18px; font-weight: 600; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; z-index: 3;} .plist .list_center{ display: block;width: 686px; height: 394px; position: relative;} .plist .list_center .mask{ display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));} .plist .list_center .title{ padding:18px 24px ; position:absolute; left: 0; bottom: 0; z-index: 3; color: #fff; } .plist .list_center .title h4{ font-size: 22px; line-height: 2.4em; font-weight: 600; } .plist .list_center .title p{ font-size: 18px; line-height: 1.4em; } .tlist { position: relative; } .tlist .tlist_con{ display: flex; flex-direction: row; justify-content: space-between; margin: 0 0 72px 0; } .tlist .tlist_con a{ display: block; width: 264px; height: 424px; background: #f2f0f0; position: relative; overflow: hidden; } .tlist .tlist_con a .img{ display: block; width: 224px; height: 286px; padding: 20px; } .tlist .tlist_con a .img img{ width: 100%; height: 100%; object-fit: cover; } .tlist .tlist_con a h4{ display: block; width: 120px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; background: #c8b070; color: #fff; position: absolute; bottom: 100px; left: 0; z-index: 2 } .tlist .tlist_con a p{ display: block; padding:16px 24px; height: 40px; line-height: 1.6; font-size: 18px; overflow: hidden;} /*.tlist .btns > a{ display: block; width: 20px; height: 110px; line-height: 110px; text-align: center; font-size: 18px; background: #c8161e; color: #fff; position: absolute; top: 140px; z-index: 3 } .tlist .btns > a:hover{ opacity: .9 } .tlist .btns > a.goleft{left: 0; } .tlist .btns > a.goright{right: 0; }*/ .btn_histab{ text-align: left; display: flex; flex-direction: row; justify-content: flex-start; margin: 0 auto 12px; } .btn_histab a{ display: block; padding: 8px 0; margin: 0 36px 0 0; font-size: 22px; color: #999; } .btn_histab a:hover{ color: #c8161e; } .btn_histab a.active{ font-weight: 600; color: #c8161e } .list_history{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; overflow: hidden; margin: 0 0 48px 0 } .list_history a{ display: block; width: 334px; height: 270px; margin-right: 24px; position: relative; } .list_history a .img{display: block; width: 334px; height: 200px; position: relative;} .list_history a .img img{display: block; width: 334px; height: 200px; object-fit: cover;} .list_history a .title{ height: 54px; line-height: 54px; padding: 0 16px; font-size: 18px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_history a:nth-child(4n){ margin-right: 0;} .ad_p5{ padding: 0 0 24px 0; position: relative; display: flex; flex-direction: row; justify-content: flex-end; } .ad_p5 li{ margin: 0 0 0 16px; } .ad_p5 li.qrcode_wechat{ width: 140px; text-align: center; font-size: 15px; } /*add 5 pages at 2021-12-16 END*/ @media screen and (min-width:1024px) and (max-width:1400px) { .ip_box { width: 1024px; } /*news index*/ .news_index { width: 1024px; } .news_index .focus_index { width: 620px; min-height: 420px; } .focus_news { width: 620px; } .focus_news .focus_slide { width: 300px;} .focus_news .focus_slide a .img { width: 300px; height: 200px; } /*.focus_news .focus_news_list { width: 240px; height: 340px; } .focus_news .focus_news_list a {width: 240px; height: 160px; } .focus_news .focus_news_list a img { width: 240px; height: 160px; } .focus_news .focus_news_list a span { font-size: 16px; color: #c9161e; position: absolute; bottom: 44px; left: 16px; text-shadow: 0 0 1px #fff; }*/ /*add at 20211210 by laoto*/ .focus_news .focus_news_list2 { width: 300px; height: auto; } .focus_news .focus_news_list2 a { width: 300px; } .focus_news .focus_news_list2 a h4 {height: 35px; line-height: 35px; } .focus_news .focus_news_list2 a span { display: block; width: 90px; text-align: right; font-size: 14px; color: #999; } /*add at 20211210 by laoto END*/ .news_index .index_policy { width: 320px; height: 394px; padding: 20px; } .policy_index_list dl { padding: 4px 0; } /* list index recommend */ .index_recommend { width: 1024px; height: 316px; } .index_recommend .tabs_panel { height: 316px; } .index_recommend .itab_con .img { width: 360px; height: 203px; overflow: hidden; } .index_recommend .itab_con p.txt { height: 200px; overflow:hidden; } .index_recommend .itab_con a { margin: 0 24px } /* list index course */ .list_index_course { width: 1024px; height: 284px; padding: 0; margin: 0 0 36px 0;} .list_index_course a { width: 20%; height: 142px; color: #fff; font-size: 18px; } .list_index_course a:last-child { border: none;} /* list index course laoto add 20210907 */ .list_index_ecs a{ width: 192px; height: 216px; margin:0 0 16px 0;} .list_index_ecs a:last-child{ line-height:216px; } .list_index_ecs a .img{ width: 192px; height: 128px; } /* list index project */ .list_index_project { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .list_index_project a { width: 320px; max-height: 420px; background: #eeeeee } .list_index_project a i { display: block; width: 320px; height: 180px; } .list_index_project a i img { height: 100%; object-fit: cover; } .list_index_project a h3{ line-height: 1.4 } .list_index_project a p { display: block; min-height: 90px; padding: 12px 20px 36px 20px; font-size: 14px; line-height: 1.6em; } /*list index YinFa*/ .list_index_yinfa { padding-bottom: 80px; } .list_index_yinfa .liy_con .txt { display: flex; flex-direction: column; width: 480px; } .list_index_yinfa .liy_con .txt p { font-size: 14px; } .list_index_yinfa .liy_con .list_img a { width: 220px; height: 124px; } .list_index_yinfa .liy_con .list_img a img { width: 220px; height: 124px; } /*list index activity */ .list_index_activity a { height: 60px; } .list_index_activity a .img { width: 300px; height: 60px; } .list_index_activity a h4 { width: 124px; height: 60px; line-height: 60px; padding-right: 20px; } .list_index_activity a h4 span{ width: 124px; height: 60px; line-height: 60px; font-size: 18px; } .list_index_activity a p { padding: 0 28px 0 24px; font-size: 16px; } .list_index_activity a .img .mask{ width: 300px; height: 60px;} .list_index_activity a.active { height: 100px; } .list_index_activity a.active .img{ height: 100px; } .list_index_activity a.active h4{ height: 100px; line-height: 100px; background:#fff url(../images/bg-s6-active.png) no-repeat left center; background-size: auto 100px } .list_index_activity a.active h4 span{ height: 100px; line-height: 100px; } .list_index_activity a.active p{ background:#fff; color: #333; font-weight: 600; } .list_index_activity a.active .img .mask{ display: none; } .list_index_activity a.active .img .date{ width: 64px; height: 100px; line-height: 1.2; } /*breadcrumb*/ .breadcrumb .b_inner { width: 1024px; } .two_column .cl_con { width: 760px; } /*channel intro*/ .channel_intro .con p {font-size: 16px; } /*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{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .list.list_index_cs.list_block_3 a{ padding: 14px; margin: 36px 34px 0 0; } .list.list_index_cs.list_block_3 a:nth-child(3n){ 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; } /*study list*/ .list.list_index_project a{ width: 240px; height: auto; margin-top:24px; justify-content: flex-start; border-radius: 4px; overflow: hidden; } .list.list_index_project a i{ width: 240px; height: 180px; } .list.list_index_project a i img{ width: 100%; height: 180px; object-fit: cover; } .list.list_index_project.list_block_3 a:nth-child(3n){ margin-right:0; } .list.list_index_project.list_block_3 a{ margin-right: 18px;} .list.list_index_project.list_block_3 a p { display: block; height: 36px; padding: 12px 20px; overflow: hidden; margin: 0 0 24px 0; } /*list index profession*/ .list_index_pfs a{ width: 226px; margin: 0 0 18px 0; } .list_index_pfs a img{ display: block;width: 226px; height: 114px;} .list.list_index_pfs.list_block_3 a{ margin: 36px 36px 0 0; } /*add 5 pages at 2021-12-16*/ /*cbanner_chorus*/ .cbanner_chorus {height: 342px; } .cbanner_chorus img { width: 1024px; height: 342px; margin-left: -512px; } .cbanner_microvideo {height: 300px; } .cbanner_microvideo img { width: 1600px; height: 300px; margin-left: -800px; } .chorus_intro .con .img{ width: 320px; height: 216px;} .chorus_intro .con .img img{ width: 320px;} .chorus_intro .con .ci_txt { width: calc(100% - 360px); height: 320px; } .chorus_intro .con .ci_txt h4{ font-size: 18px; } .chorus_intro .con .ci_txt p{ margin: 12px 0 ; padding: 0; font-size: 16px; line-height: 1.5; } .list_chorus{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; overflow: hidden; margin: 0 0 48px 0 } .list_chorus a{ display: block; width: 240px; height: 190px; margin-right: 24px; } .list_chorus a .img{display: block; width: 240px; height: 158px;} .list_chorus a .img img{ width: 100%; height: 100%; } .list_chorus a .title{ width: 240px; height: 36px; line-height: 36px; font-size: 15px; } .list_chorus a .title:before{ width: 4px; height: 24px; bottom: 6px; } .seasons .item{ width: 460px; height: 360px; clear: right; position: relative; margin-top: -240px; ; } .seasons .item.even{ float: right; clear: both; margin-top: -240px; } .seasons .item h4{ font-size: 28px; } .seasons .item ul{ display: flex; flex-direction: row; justify-content: space-between; } .seasons .item ul li{ display: block; width:120px; height: 286px; } .seasons .item.even:before{ left: -52px; } .seasons .item.even:after{ left: -61px; } .seasons .item ul li .img{ width: 120px; height: 72px; } .seasons .item ul li .img img{ width: 100%; height: 100%; object-fit: cover; } .seasons .item ul li .month{ width: 72px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-weight: 600px; color: #fff; background:#c8161e; position: absolute; top: 76px; left: 12px; z-index: 2; } .seasons .item ul li p{ height: 120px; font-size: 15px;} .chorus_intro .con .ci_txt{ height: 280px; } .scon ul li{ width: 280px; height: 156px; } .publish_con{ width: 1024px; } .publish_con .sc_item .left{ width: 620px; } .publish_con .sc_item .left .list a{ width: 114px; height: 144px; } .ad_banner{ width: 1024px!important; height: 136px; } .ad_banner img{width: 1024px; height: 136px;} .info_list{width: 1024px;} .info_list li{ width: 280px; padding: 24px; } .scon ul li{ width: 200px; height: auto; } .sf_contact ul li{width: 120px; height: auto;} .sf_contact ul li img{width: 120px; height: auto;} .list_study_top a{ width: 200px; height: auto; } /*.list_study_top a:nth-child(4n){ margin: 0; }*/ .list_study_top a .img{ width: 200px; height: 114px; } .list_study_top a .title{ font-size: 14px; } .seeworld .sw_con{ width: 1024px; height: 548px; } .seeworld .sw_con .sw_item { height: 480px; } .seeworld .sw_con .sw_item .img{ width: 720px; height: 480px; } .seeworld .more{ left: 514px; } .sn_list .item{ width: 320px; } .plist .list_sm{ width: 280px; height: 340px; } .plist .list_sm a{ width: 280px; height: 160px; } .plist .list_sm a p{ width: 236px; } .plist .list_center{width: 456px; height:340px ;} .plist .list_center img{width: 100%; height:100% ; object-fit: cover;} .tlist .tlist_con a{ width: 190px; height: 420px; } .tlist .tlist_con a h4{ bottom: 92px; } .tlist .tlist_con a .img{ width: 150px; } /*add 5 pages at 2021-12-16 END*/ } @media screen and (min-width:769px) and (max-width:1024px) { .ip_box { width: 768px; } /*news index*/ .news_index { width: 768px; flex-direction: column; justify-content: flex-start; } .news_index .focus_index { width: 100%; min-height: 420px; margin-bottom: 24px; } .focus_news { width: 100%; } .focus_news .focus_slide { width: 360px;} .focus_news .focus_slide a .img { width: 360px; height: 270px; } /*.focus_news .focus_news_list { width: 240px; height: 340px; } .focus_news .focus_news_list a {width: 240px; height: 160px; } .focus_news .focus_news_list a img { width: 240px; height: 160px; } .focus_news .focus_news_list a span { font-size: 16px; color: #c9161e; position: absolute; bottom: 44px; left: 16px; text-shadow: 0 0 1px #fff; }*/ /*add at 20211210 by laoto*/ .focus_news .focus_news_list2 { width: 380px; height: auto; } .focus_news .focus_news_list2 a { width: 380px; } .focus_news .focus_news_list2 a h4 {height: 35px; line-height: 35px; } .focus_news .focus_news_list2 a span { display: block; width: 90px; text-align: right; font-size: 14px; color: #999; } /*add at 20211210 by laoto END*/ .news_index .index_policy { width: auto; height: auto; padding: 20px; } .policy_index_list dl { padding: 12px 0; } .policy_index_list dl dd a{ height: auto; } /* list index recommend */ .index_recommend { width: 768px; height: auto; } .index_recommend .tabs_panel { height: auto; } .index_recommend .itab_con .img { width: 164px; height: 164px; } .index_recommend .itab_con p.txt { height: 164px; overflow: hidden; font-size: 15px; } .index_recommend .itab_con a { margin: 0 12px } /* list index course */ .list_index_course { width: 768px; height: 284px; padding: 0; margin: 0 0 24px 0;} .list_index_course a { width: 20%; height: 142px; } .list_index_course a:last-child { border: none;} /* list index course laoto add 20210907 */ .list_index_ecs a{ width: 240px; height: 246px; margin:0 0 24px 0;} .list_index_ecs a:last-child{ line-height:246px; display: none; } .list_index_ecs a .img{ width: 240px; height: 160px; } /* list index project */ .list_index_project { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .list_index_project a { width: 240px; max-height: 420px; background: #eeeeee } .list_index_project a i { display: block; width: 240px; height: 140px; } .list_index_project a i img { height: 100%; object-fit: cover; } .list_index_project a h3{ line-height: 1.4 } .list_index_project a p { display: block; min-height: 90px; padding: 12px 20px 48px 20px; font-size: 14px; line-height: 1.6em; } /*list index YinFa*/ .list_index_yinfa { padding-bottom: 80px; } .list_index_yinfa .liy_con .txt { display: flex; flex-direction: column; width: 240px; } .list_index_yinfa .liy_con .txt p { font-size: 14px; } .list_index_yinfa .liy_con .list_img { margin-top: 58px; } .list_index_yinfa .liy_con .list_img a { width: 220px; height: 124px; } .list_index_yinfa .liy_con .list_img a img { width: 220px; height: 124px; } /*list index activity */ .list_index_activity a { height: 80px; } .list_index_activity a .img { width: 300px; height: 80px; } .list_index_activity a h4 { width: 124px; height: 80px; line-height: 80px; padding-right: 20px; } .list_index_activity a h4 span{ width: 124px; height: 80px; line-height: 80px; font-size: 18px; } .list_index_activity a p { max-height: 72px; overflow: hidden; padding: 0 28px 0 24px; font-size: 14px; } .list_index_activity a .img .mask{ width: 300px; height: 80px;} .list_index_activity a.active { height: 100px; } .list_index_activity a.active .img{ height: 100px; } .list_index_activity a.active h4{ height: 100px; line-height: 100px; background:#fff url(../images/bg-s6-active.png) no-repeat left center; background-size: auto 100px } .list_index_activity a.active h4 span{ height: 100px; line-height: 100px; } .list_index_activity a.active p{ background:#fff; color: #333; font-weight: 600; } .list_index_activity a.active .img .mask{ display: none; } .list_index_activity a.active .img .date{ width: 64px; height: 100px; line-height: 1.2; } /*breadcrumb*/ .breadcrumb .b_inner { width: 768px; } .two_column .cl_con { width: 520px; } /*channel intro*/ .channel_intro .con .img { width: 284px; height: 160px; } .channel_intro .con p {font-size: 14px; } /*list index course*/ .list_index_cs{ margin: 0 0 16px 0; overflow: hidden;} .list_index_cs a{ width: 140px; height: auto; } .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{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .list.list_index_cs.list_block_3 a{ padding: 8px; margin: 36px 22px 0 0; } .list.list_index_cs.list_block_3 a:nth-child(3n){ 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; } /*study list*/ .list.list_index_project a{ width: 160px; height: auto; margin-top:24px; justify-content: flex-start; border-radius: 4px; overflow: hidden; } .list.list_index_project a i{ width: 160px; height: 120px; } .list.list_index_project a i img{ width: 100%; height: 120px; object-fit: cover; } .list.list_index_project.list_block_3 a:nth-child(3n){ margin-right:0; } .list.list_index_project.list_block_3 a{ margin-right: 18px;} .list.list_index_project.list_block_3 a p { display: block; height: 36px; padding: 12px 20px; overflow: hidden; margin: 0 0 24px 0; } /*list index profession*/ .list_index_pfs a{ width: 150px; margin: 0 0 18px 0; } .list_index_pfs a img{ display: block;width: 150px; height: 90px;} .list.list_index_pfs.list_block_3 a{ margin: 36px 32px 0 0; } /*add 5 pages at 2021-12-16*/ /*cbanner_chorus*/ .cbanner_chorus {height: 342px; } .cbanner_chorus img { width: 1024px; height: 342px; margin-left: -512px; } .cbanner_chronicles { width: 100%; height: 360px; } .cbanner_chronicles img{ width: 1280px; height: 360px; margin-left: -640px; } .cbanner_four_seasons {height: 320px; } .cbanner_four_seasons img { width: 1230px; height: 360px; margin-left: -615px; } .cbanner_microvideo {height: 200px; } .cbanner_microvideo img { width: 1066px; height: 200px; margin-left: -533px; } .cbanner_study_tour {height: 320px; } .cbanner_study_tour img { width: 1230px; height: 360px; margin-left: -615px; } .chorus_intro .con { flex-direction: column; } .chorus_intro .con .img{ width: 100%; height: 240px;} .chorus_intro .con .img img{ width: 100%; height: 100%; object-fit: cover;} .chorus_intro .con .ci_txt { width: 100%; height: auto; margin: 24px 0 0 0; } .chorus_intro .con .ci_txt h4{ font-size: 18px; } .chorus_intro .con .ci_txt p{ margin: 12px 0 ; padding: 0; font-size: 16px; line-height: 1.5; } .list_chorus{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; overflow: hidden; margin: 0 0 48px 0 } .list_chorus a{ display: block; width: 180px; height: 154px; margin-right: 16px; } .list_chorus a .img{display: block; width: 180px; height: 120px;} .list_chorus a .img img{ width: 100%; height: 100%; object-fit: cover; } .list_chorus a .title{ width: 180px; height: 36px; line-height: 36px; font-size: 14px; } .list_chorus a .title:before{ width: 4px; height: 24px; bottom: 6px; } .seasons .item{ width: 360px; height: 360px; clear: right; position: relative; margin-top: -240px; ; } .seasons .item.even{ float: right; clear: both; margin-top: -240px; } .seasons .item h4{ font-size: 28px; } .seasons .item ul{ display: flex; flex-direction: row; justify-content: space-between; } .seasons .item ul li{ display: block; width:100px; height: 286px; } .seasons .item:before{ top: 220px; right: -30px; } .seasons .item:after{ top: 210px; right: -32px; } .seasons .item.even:before{ left: -30px; } .seasons .item.even:after{ left: -34px; } .seasons .item ul li .img{ width: 100px; height: 64px; } .seasons .item ul li .img img{ width: 100%; height: 100%; object-fit: cover; } .seasons .item ul li .month{ width: 72px; height: 30px; top: 64px; left: 12px; z-index: 2; } .seasons .item ul li p{ height: 120px; font-size: 15px;} .four_season_con .tab_con .tc_item .img img{ width: 240px; height: 136px; } .publish_con{ width: 768px; } .publish_con .sc_item{ flex-direction: column; } .publish_con .sc_item .left{ width: 100%; } .publish_con .sc_item .left .list a{ width: 114px; height: 144px; } .publish_con .sc_item .right{ width: 100%; margin: 12px 0 0 0; } .ad_banner{ width: 768px!important; height: 100px; } .ad_banner img{width: 768px; height: 100px;} .info_list{width: 768px;} .info_list li{ width: 200px; padding: 24px; } .scon ul li{ width: 200px; height: auto; } .sf_contact ul li{width: 120px; height: auto;} .sf_contact ul li img{width: 120px; height: auto;} .list_study_top a{ width: 142px; height: auto; } /*.list_study_top a:nth-child(4n){ margin: 0; }*/ .list_study_top a .img{ width: 142px; height: 90px; } .list_study_top a .title{ font-size: 14px; } .seeworld .sw_con{ width: 768px; height: 360px; } .seeworld .sw_con .sw_item { width: 100%; height: 282px; } .seeworld .sw_con .sw_item .img{ width: 472px; height: 282px; } .seeworld .sw_con .sw_item .intro{ width: 320px; height: 200px; padding: 0 12px; } .seeworld .sw_con .sw_item .intro dt{ padding: 10px 0; font-size: 16px; line-height: 1.6 } .seeworld .sw_con .sw_item .intro dd{ font-size: 14px; line-height: 1.2 } .seeworld .more{ left: 424px; } .sn_list{ flex-direction: column; } .sn_list .item{ width: 100%; height: auto; } .plist .list_sm{ width: 200px; height: 240px; } .plist .list_sm a{ width: 200px; height: 120px; } .plist .list_sm a p{ width: 170px; font-size: 14px; } .plist .list_center{width: 356px; height:240px ;} .plist .list_center .title h4{ font-size: 16px; } .plist .list_center .title p{ font-size: 14px; } .plist .list_center img{width: 100%; height:100% ; object-fit: cover;} .tlist .tlist_con a{ width: 190px; height: 420px; } .tlist .tlist_con a h4{ bottom: 92px; } .tlist .tlist_con a .img{ width: 150px; } .list_history a{ width: 160px; height: 180px;} .list_history a .img{ width: 160px; height: 106px;} .list_history a .img img{ width: 160px; height: 106px; object-fit: cover; } /*add 5 pages at 2021-12-16 END*/ } @media screen and (max-width:768px) { .section_padding { padding: 36px 0; } .ip_box { width: auto; margin:0 14px; } /*index course entrance*/ .ip_course{ position: relative; height: auto; overflow: hidden; } .btn_index_course{ width: auto; height: auto; margin: 16px 14px; padding: 16px; position: static; left: 0; top: 0; transform: translate(0); } .btn_index_course span{ margin-left: 0; } /*news index*/ .news_index { width: auto; flex-direction: column; justify-content: flex-start; } .news_index .focus_index { width: 100%; min-height: 420px; margin-bottom: 24px; } .focus_news { width: 100%; flex-direction: column; justify-content: flex-start; } .focus_news .focus_slide { width: 100%;} .focus_news .focus_slide a .img { width: 100%; height: 240px; } .focus_news .focus_slide a .img img{ width: 100%; height: 240px; object-fit: cover; } .focus_news .focus_slide a .txt h4{ font-size: 18px; } /*.focus_news .focus_news_list { flex-direction: column; width: auto; height: auto; } .focus_news .focus_news_list a {width: 100%; height: 160px; margin: 16px 0 0 0; } .focus_news .focus_news_list a h4{width: 100%;} .focus_news .focus_news_list a img { width: 100%; height: 160px; } .focus_news .focus_news_list a span { font-size: 16px; color: #c9161e; position: absolute; bottom: 44px; left: 16px; text-shadow: 0 0 1px #fff; }*/ /*add at 20211210 by laoto*/ .focus_news .focus_news_list2 { width: 100%; height: auto; } .focus_news .focus_news_list2 a { width: 100%; } .focus_news .focus_news_list2 a h4 {height: 44px; line-height: 44px; } .focus_news .focus_news_list2 a span { display: block; width: 90px; text-align: right; font-size: 14px; color: #999; } /*add at 20211210 by laoto END*/ .news_index .index_policy { width: auto; height: auto; padding: 20px; } .policy_index_list dl { padding: 12px 0; } .policy_index_list dl dd a{ height: auto; } .news_index.mb_64{ margin-bottom: 36px!important; } /* list index recommend */ .index_recommend { width: auto; height: auto; } .index_recommend .tabs_panel { height: auto; } .index_recommend .tabs_panel .Menubox ul li{ font-size: 16px; } .index_recommend .itab_con{ flex-direction: column; } .index_recommend .itab_con .img { width: 100%; height: 120px; } .index_recommend .itab_con .img img{ width: 100%; height: 120px; object-fit: cover; } .index_recommend .itab_con p.txt { height: auto; max-height: none; overflow: hidden; font-size: 16px; margin:16px 0; } .index_recommend .itab_con a { width: auto; height: 24px; padding: 8px 24px; line-height: 24px; margin: 0 12px; border-radius: 24px; } /* list index course */ .list_index_course { width: auto; height: auto; padding: 0; margin: 0 0 24px 0;} .list_index_course a { width: 33.33%; height: 120px; font-size: 16px; } .list_index_course a:last-child span { padding: 8px ; } /* list index course laoto add 20210907 */ .list_index_ecs a{ width: 100%; height: auto; padding-bottom: 16px; margin:0 0 14px 0;} .list_index_ecs a .img{ width: 100%; height: 160px; } /* list index project */ .list_index_project { flex-direction: column; justify-content:flex-start; } .list_index_project a { width: auto; height: auto; margin: 0 0 16px 0; } .list_index_project a i { display: block; width: 100%; height: 120px; } .list_index_project a i img { width: 100%; height: 120px; object-fit: cover; } .list_index_project a h3{ line-height: 1.4 } .list_index_project a p { display: block; height: auto; padding: 12px 20px 24px 20px; font-size: 14px; line-height: 1.6em; } /*list index YinFa*/ .list_index_yinfa { padding-bottom: 80px; } .list_index_yinfa .liy_con .txt { display: flex; flex-direction: column; width: auto; } .list_index_yinfa .liy_con .txt p { font-size: 14px; } .list_index_yinfa .liy_con .list_img { width: 100%; margin-top: 24px; justify-content: space-between; } .list_index_yinfa .liy_con .list_img a { width: 45%; height: 124px; margin: 0; } .list_index_yinfa .liy_con .list_img a img { width: 100%; height: 124px; object-fit: cover; } /*list index activity */ .list_index_activity a { height: 80px; } .list_index_activity a .img { width: 80px; height: 80px; } .list_index_activity a h4 { width: 124px; height: 80px; line-height: 80px; padding-right: 20px; } .list_index_activity a h4 span{ width: 124px; height: 80px; line-height: 80px; font-size: 18px; } .list_index_activity a p { max-height: 70px; overflow: hidden; padding: 0 16px; font-size: 14px; } .list_index_activity a .img .mask{ width: 80px; height: 80px;} .list_index_activity a.active { height: 100px; } .list_index_activity a.active .img{ height: 100px; } .list_index_activity a.active h4{ height: 100px; line-height: 100px; background:#fff url(../images/bg-s6-active.png) no-repeat left center; background-size: auto 100px } .list_index_activity a.active h4 span{ height: 100px; line-height: 100px; } .list_index_activity a.active p{ background:#fff; color: #333; font-weight: 600; } .list_index_activity a.active .img .mask{ display: none; } .list_index_activity a.active .img .date{ width: 80px; height: 100px; line-height: 1.2; } /*cbanner*/ .cbanner{ height:160px;} .cbanner .slides{ height: 160px; } .cbanner .slides img{ height: 160px; width: 854px; margin-left: -427px; } /*breadcrumb*/ .breadcrumb .b_inner { width: auto; margin: 0 14px; } /* left side */ .ip_box .mtab { width: 100%; margin: 24px 0 0 0 } .ip_box .mtab a { width: auto; padding: 0 0 0 36px; } .two_column .cl_con { width: auto; float: none; clear: both; } /*news detail*/ .list_news a { width: auto; } .list_news a { padding: 24px 0; } .list_news a img{ width: 120px; height: 120px; object-fit: cover; margin: 0 14px 0 0; } .list_news a .txts{ width: calc(100% - 150px) } .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.8; margin: 1em 1em 0 0 } .list_news a .txts .date{ margin: 1em 0 0 0; } .detail_content{ margin: 0 auto 36px; } .detail_content h3.p_title{ font-size: 28px; line-height: 1.5; } /*channel intro*/ .channel_intro .con { flex-direction: column; } .channel_intro .con .img { width: 100%; height: 160px; } .channel_intro .con .img img{ width: 100%; height: auto; object-fit: cover; } .channel_intro .con p { padding: 1em 0 0 0; margin: 0; font-size: 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:last-child{ margin-bottom: 0 } .list.list_index_cs a{ margin-bottom:0; margin-right: 0; margin-top:16px; } /*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;} /*study list*/ .list.list_index_project.list_block_3 a{ width: auto; height: auto; margin-top:14px; } .list.list_index_project.list_block_3 a i{ width: 100%; height: 160px; } .list.list_index_project.list_block_3 a i img{ width: 100%; height: 160px; object-fit: cover; } .list.list_index_project.list_block_3 a:nth-child(3n){ margin-right:0; } .list.list_index_project.list_block_3 a{ margin-right: 0;} .list.list_index_project.list_block_3 a p { display: block; height: 36px; padding: 12px 20px; overflow: hidden; margin: 0 0 24px 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.list_index_pfs.list_block_3 a{ margin: 16px 0 0 0; } /*add 5 pages at 2021-12-16*/ /*cbanner_chorus*/ .cbanner_chorus {height: 180px; } .cbanner_chorus img { width: 540px; height: 180px; margin-left: -270px; } .cbanner_chronicles { width: 100%; height: 180px; } .cbanner_chronicles img{ width: 640px; height: 180px; margin-left: -320px; } .cbanner_four_seasons { width: 100%; height: 180px; } .cbanner_four_seasons img{ width: 640px; height: 180px; margin-left: -320px; } .cbanner_study_tour { width: 100%; height: 180px; } .cbanner_study_tour img{ width: 640px; height: 180px; margin-left: -320px; } .chorus_intro { padding: 14px; } .chorus_intro .con { flex-direction: column; } .chorus_intro .con .img{ width: 100%; height: 160px;} .chorus_intro .con .img img{ width: 100%; height: 100%; object-fit: cover;} .chorus_intro .con .ci_txt { width: 100%; height: auto; margin: 24px 0 0 0; } .chorus_intro .con .ci_txt h4{ font-size: 18px; } .chorus_intro .con .ci_txt p{ margin: 12px 0 ; padding: 0; font-size: 16px; line-height: 1.5; } .title_top h2{ font-size: 24px; } .list_chorus{ flex-direction: column; margin: 0 0 48px 0 } .list_chorus a{ display: block; width: 100%; height: 154px; margin: 8px 0; } .list_chorus a .img{display: block; width: 100%; height: 120px;} .list_chorus a .img img{ width: 100%; height: 100%; object-fit: cover; } .list_chorus a .title{ width: 100%; height: 36px; line-height: 36px; font-size: 16px; } .list_chorus a .title:before{ width: 4px; height: 24px; bottom: 6px; } .years_con .time_line{ padding: 0 0 48px 0; } .years_con .time_line .tl_years{ text-align: center; width: 1px; height: 1px; line-height: 36px; overflow: hidden; border-radius: 18px; float: left; text-indent: -9999px; } .years_con .time_line .tl_years:after{ content: ''; width:1px; height: 1840px; position: absolute; top: 120px; left: 14px; margin-left: -.5px; background:#c8b070; } .years_con .time_line .tl_end{ display: none; } .seasons .item{ width: calc(100% - 48px); height: auto; float: left; position: relative; margin-left: 36px; margin-top: 12px!important;; } .seasons .item.even{ float: left; clear: both; margin-top: 12px!important; } .seasons .item h4{ font-size: 28px; } .seasons .item ul{ display: flex; flex-direction: column; justify-content: flex-start; } .seasons .item ul li{ display: block; width:100%; height: 140px; } .seasons .item ul li .stitle{ padding: 1.6em 0 .4em 0; line-height: 1.6em; font-size: 18px; text-align: center; border-bottom: 1px solid #d6c7a1 } .seasons .item ul li p{ display: block; height: 78px; overflow: hidden; padding: 1em 0 0 0; line-height: 1.6em; font-size: 16px; color: #999; } .seasons .item:before{ width: 32px; top: 120px; left: -30px; background:#f5f5f5; } .seasons .item:after{ top: 110px; left: -32px; } .seasons .item.even:before{ left: -30px; } .seasons .item.even:after{ left: -30px; } .seasons .item ul li .img{ width: 100px; height: 64px; display: none; } .seasons .item ul li .img img{ width: 100%; height: 100%; object-fit: cover; } .seasons .item ul li .month{ width: 72px; height: 30px; top: 12px; left: 12px; z-index: 2; } .seasons .item ul li p{ height: 120px; font-size: 15px;} .four_season_con{ height: auto; margin: 24px 0; } .four_season_con .btns_tab a{ font-size: 14px; height: 48px; line-height: 48px; } .four_season_con .tab_con .tc_item{ flex-direction: column; min-height: 440px; } .four_season_con .tab_con .tc_item .txt{ padding: 0 22px 0 0; } .four_season_con .tab_con .tc_item .img{ width: calc(100% - 22px); height: 120px; } .four_season_con .tab_con .tc_item .img img{ width: 100%; height: 100%; object-fit: cover; } .publish_con{ width: 100%; } .publish_con .sc_item{ width: 100%; flex-direction: column; justify-content: flex-start; } .publish_con .sc_item .left{ width: 100%; } .publish_con .sc_item .left .list a{ width: 64px; height: 90px; } .publish_con .sc_item .right{ width: 100%; margin: 12px 0 0 0; } .publish_con .sc_item .right img{ max-width: 100%; height: auto;} .ad_banner{ width: 320px!important; height: 42px; text-align: center; } .ad_banner img{ margin:0 auto; width: 320px; height: 42px; object-fit: cover;} .info_list{width: 100%; padding: 24px 0 0 0; flex-direction: column; justify-content: flex-start;} .info_list li{ width: auto; padding: 24px; margin-bottom: 12px; } .scon ul li{ width: 200px; height: auto; } .sf_contact { flex-direction: column; justify-content: flex-start;} .sf_contact ul{ align-items: center; justify-content: center; margin:24px 0;} .sf_contact ul li{width: 120px; margin: 0 16px; height: auto; font-size: 14px;} .sf_contact ul li img{width: 120px; height: auto;} .sf_contact .btns{ justify-content: center; } .list_study_top a{ width: 180px; height: auto; } /*.list_study_top a:nth-child(4n){ margin: 0; }*/ .list_study_top a .img{ width: 180px; height: 90px; } .list_study_top a .img img{ width: 180px; height: 90px; } .list_study_top a .title{ width: 160px; } .btn_title a{ font-size: 18px; } /* .seeworld{ width: 100%; } .seeworld .sw_con{ width: 100%; height: 460px; } .seeworld .sw_con .sw_item { width: 320px; height: 160px; } .seeworld .sw_con .sw_item .img{ width: 320px; height: 160px; } .seeworld .sw_con .sw_item .intro{ width: 100%; height: 360px; position: relative!important; padding: 0 12px; } .seeworld .sw_con .sw_item .intro dt{ padding: 10px 0; font-size: 16px; line-height: 1.6 } .seeworld .sw_con .sw_item .intro dd{ font-size: 14px; line-height: 1.2 } .seeworld .more{ left: 414px; } */ .seeworld .sw_con{ width: 100%; height: 380px; } .seeworld .sw_con .sw_item { width: 100%; height: 282px; margin: 0 auto } .seeworld .sw_con .sw_item .img{ width: 320px; height: 240px; } .seeworld .sw_con .sw_item .intro{ width: 220px; height: 200px; padding: 0 12px; } .seeworld .sw_con .sw_item .intro dt{ padding: 10px 0; font-size: 16px; line-height: 1.6 } .seeworld .sw_con .sw_item .intro dd{ font-size: 14px; line-height: 1.2 } .seeworld .more{ left: 0px; } .sn_list{ flex-direction: column; } .sn_list .item{ width: 100%; height: auto; margin-bottom: 16px; } .sn_list .item .title{ padding: 16px; } .sn_list .item .list{ width: calc(100% - 56px) } .plist { flex-direction: column; margin: 0 0 24px 0; } .plist .list_sm{ width: 100%; height: auto; } .plist .list_sm a{ width: 100%; height: 160px; } .plist .list_sm a p{ width: 236px; } .plist .list_center{width: 100%; height:240px ;} .plist .list_center img{width: 100%; height:100% ; object-fit: cover;} .tlist .tlist_con a{ width: 100%; height: 420px; } .tlist .tlist_con a h4{ bottom: 92px; } .tlist .tlist_con a .img{ width: 100%; } .list_history{ flex-direction: column;} .list_history a{ width: 100%; height: 180px;} .list_history a .img{ width: 100%; height: 106px;} .list_history a .img img{ width: 100%; height: 106px; object-fit: cover; } .btn_histab a{ font-size: 18px; } /*add 5 pages at 2021-12-16 END*/ }