@charset "utf-8"; * { margin: 0; padding: 0; } .clearfix:after{ display:block; height:0; content:''; visibility:hidden; clear:both; } .text-ellipsis2{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } pre{ font-family: '微软雅黑' !important; border: 0 !important; padding: 0 !important; overflow: hidden !important; color: #888888 !important; font-size: 14px !important; background: transparent !important; } html { height: 100%; } body { font-family: "微软雅黑" !important; background-color: #fff; font-size: 14px; height: 100%; min-width: 1200px; } a, a:hover { text-decoration: none !important; outline: none; } .clearfix:after { content: ""; display: block; clear: both; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } .common_width { width: 1200px; margin: 0 auto; } ul > li { list-style-type: none; } img { border: none; outline: none; } input { outline: none; border: 0; font-family: "微软雅黑"; background: none; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } /*清除苹果按钮样式*/ .btn:focus { outline: none !important; } @font-face { font-family: "KabelCBook"; src: url(kbook.ttf); } ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.2); } .leadslist > ul { padding-top: 20px; } .leadslist > ul > li { width: 450px; height: 190px; padding-left: 30px; float: left; } .leadslist > ul > li + li + li { margin-top: 20px; } .leadslist > ul > li { display: block; height: 190px; } .leadslist > ul > li .fl { width: 150px; height: 180px; margin: 0px; overflow: hidden; } .leadslist > ul > li .fr { width: 260px; height: 190px; padding: 5px 0; } .leadslist > ul > li .fr .tit { height: 120px; padding-left: 16px; } .leadslist > ul > li .fr .tit h6 { font-size: 18px; color: #333; margin: 0; height: 40px; line-height: 40px; padding-top: 3px; box-sizing: content-box; } .leadslist > ul > li .fr .tit h4 { font-size: 22px; color: #ae0a1d; margin: 0; height: 36px; line-height: 36px; padding-top: 4px; box-sizing: content-box; } .leadslist > ul > li .fr .tit h1 { font-size: 14px; color: #d87782; margin: 0; height: 38px; line-height: 38px; padding-top: 13px; box-sizing: content-box; } .leadslist > ul > li .fr .tit p { font-size: 14px; color: #666; margin: 0; height: 20px; line-height: 20px; overflow: hidden; } .leadslist > ul > li .fr .info { padding: 10px 0; line-height: 24px; color: #888; } .leadslist > ul > li .fr .info p { max-height: 48px; font-size: 14px; padding-left: 32px; overflow: hidden; margin: 0; } /*------LESS------*/ /*轮播图相关*/ .focus_info { width: 1200px; margin: 0 auto; height: 100%; position: relative; } .focus_info .info_center { width: 100%; position: absolute; bottom: 0; padding-right: 170px; } .focus_info .info_center .center_box { background: rgba(0, 0, 0, 0.8); height: 80px; position: relative; padding-left: 40px; color: #fff; } .focus_info .info_center .center_box .index { width: 30px; height: 30px; position: absolute; top: 0; left: 0; background-color: #884466; text-align: center; line-height: 30px; font-family: 'KabelCBook'; font-size: 14px; } .focus_info .info_center .center_box h2 { padding-top: 10px; line-height: 30px; font-size: 22px; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .focus_info .info_center .center_box p { line-height: 32px; font-size: 14px; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .swiper-slide img { position: absolute; } .header { height: 174px; box-sizing: border-box; border-top: 4px solid #f2f2f2; } .header .header_shell { height: 120px; width: 1200px; margin: 0 auto; } .header .header_shell .logo { height: 120px; background: url(../images/logo.png) no-repeat left center; float: left; } .header .header_shell .logo .links { height: 120px; width: 476px; box-sizing: border-box; padding: 20px 0; float: left; } .header .header_shell .logo .links a { height: 80px; line-height: 80px; display: inline-block; float: left; } .header .header_shell .logo .links a.ruc { width: 318px; } .header .header_shell .logo .links a.ruc_math { width: 158px; } .header .header_shell .right_box { width: 235px; height: 120px; float: right; } .header .header_shell .right_box > a { width: 100px; height: 28px; line-height: 28px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-left: 12px; box-sizing: border-box; font-size: 12px; color: #999; background: #eeeeee url(../images/down.png) no-repeat left 73px center; float: right; } .header .header_shell .right_box .search_box { height: 35px; margin-top: 56px; } .header .header_shell .right_box .search_box input[type="text"] { width: 200px; height: 35px; line-height: 34px; box-sizing: border-box; border-bottom: 1px solid #c9c9c9; padding: 0 8px; font-size: 14px; color: #999; } .header .header_shell .right_box .search_box input[type="button"], .header .header_shell .right_box .search_box input[type="submit"] { width: 35px; height: 35px; display: block; background: #ae0a1d url(../images/search.png) no-repeat center; float: right; } .header .nav { height: 50px; line-height: 50px; position: relative; z-index: 2; width: 1200px; margin: 0 auto; } .header .nav > ul { padding-left: 0px; height: 50px; margin: 0; } .header .nav > ul > li { float: left; height: 50px; width: 133px !important; text-align: center; position: relative; background-color: #ae0a1d } .header .nav > ul > li > a { color: #fff; font-size: 18px; width: 133px !important; height: 100%; position: absolute; top: 0; left: 0; display: inline-block; transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1); padding-left: 0px; } .header .nav > ul > li > a > span { display: block; } .header .nav > ul > li > a > span:after { content: ''; height: 4px; width: 133px !important; background-color: #da7883; position: absolute; bottom: 0; left: 3px; transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1); display: block; transform: scaleX(0); } .header .nav > ul > li > a > span:hover:after { transform: scaleX(1); } .header .nav > ul > li.active > a > span { background-color: #da7883; } .header .nav > ul > li + li > span { width: 8px; height: 50px; display: inline-block; box-sizing: border-box; padding: 16px 3px; float: left; } .header .nav > ul > li + li > span > em { width: 100%; height: 100%; display: inline-block; background-color: #bb2d3e; float: left; } /*.focus { max-width: 100%; height: 450px; overflow: hidden; } .focus .swiper-container { height: 450px; width: 1400px; margin: 0 auto; overflow: visible; } .focus .swiper-container .swiper-wrapper { position: absolute; z-index: 999; } .focus .swiper-container .swiper-wrapper .swiper-slide { position: relative; } .focus .swiper-container .swiper-wrapper .swiper-slide span { position: absolute; top: 0; left: 0; } .focus .swiper-container .device { width: 1200px; height: 100%; margin: 0 auto; position: relative; } .focus .swiper-container .device .navbtn { position: absolute; bottom: 0; right: 0; width: 50px; height: 80px; } .focus .swiper-container .device .navbtn a { display: block; z-index: 999; position: relative; } .focus .swiper-container .device .navbtn a + a { margin-top: 10px; } .focus .swiper-container .device .navbtn a.arrow-left { height: 35px; background: rgba(255, 255, 255, 0.8) url(../images/left.png) no-repeat center; } .focus .swiper-container .device .navbtn a.arrow-right { height: 35px; background: rgba(68, 68, 136, 0.8) url(../images/right2.png) no-repeat center; }*/ .main .calendar { /*height: 165px;*/ } .main .calendar .common_width { /*height: 156px;*/ position: relative; } .main .calendar .common_width .left_tit { width: 113px; height: 60px; padding-top: 5px; line-height: 25px; color: #fff; background-color: #ae0a1d; border-radius: 5px; position: absolute; top: 22px; left: 0; text-align: center; z-index: 2; font-size: 14px; } .main .calendar .common_width span.line { height: 2px; width: 100%; position: absolute; top: 50px; left: 0; background-color: #ae0a1d; } .main .calendar .common_width a.go_calendar { width: 34px; height: 34px; display: block; position: absolute; top: 35px; right: 0; background: #884466 url(../images/go_calendar.png) no-repeat center; border-radius: 5px; } .main .calendar .common_width .calendar_list { padding-left: 150px; /*height: 156px;*/ } .main .calendar .common_width .calendar_list ul { margin: 0; /*height: 156px;*/ } .main .calendar .common_width .calendar_list ul li { width: 130px; /*height: 156px;*/ box-sizing: border-box; padding-top: 25px; float: left; } .main .calendar .common_width .calendar_list ul li > span { min-height: 22px; overflow: hidden; line-height: 22px; font-size: 14px; color: #333; display: block; } .main .calendar .common_width .calendar_list ul li > span a { color: #333; } .main .calendar .common_width .calendar_list ul li > span.info { line-height: 22px; } .main .calendar .common_width .calendar_list ul li > span.info span { display: block; padding-left: 10px; position: relative; max-height: 19px; overflow: hidden; font-size: 12px; } .main .calendar .common_width .calendar_list ul li > span.info span:first-child { max-height: 44px; } .main .calendar .common_width .calendar_list ul li > span.info em { width: 5px; height: 5px; display: inline-block; background-color: #884466; position: absolute; top: 8px; left: 0; } .main .calendar .common_width .calendar_list ul li > span.name { padding-top: 2px; font-size: 12px; } .main .calendar .common_width .calendar_list ul li > span.name em { width: 5px; height: 5px; display: inline-block; background-color: #884466; margin-right: 5px; position: relative; top: -2px; } .main .calendar .common_width .calendar_list ul li > span.date { padding-left: 5px; padding-bottom: 8px; position: relative; } .main .calendar .common_width .calendar_list ul li > span.date em { width: 6px; height: 6px; border-radius: 6px; background-color: #000077; display: inline-block; position: absolute; bottom: 1px; left: 6px; } .main .tab { height: 400px; overflow: hidden; width: 580px; } .main .tab .tab_nav { padding-top: 20px; height: 60px; box-sizing: border-box; border-bottom: 2px solid #ae0a1d; position: relative; } .main .tab .tab_nav ul { margin: 0; } .main .tab:first-child .tab_nav ul li { height: 40px; width: 160px; color: #333; text-align: left; padding-left: 38px; cursor: pointer; float: left; background: url(../images/index_16.jpg) no-repeat left top; background-size: 30px 30px; } .main .tab:nth-child(2) .tab_nav ul li { height: 40px; width: 160px; color: #333; text-align: left; padding-left: 38px; cursor: pointer; float: left; background: url(../images/index_18.jpg) no-repeat left top; background-size: 30px 30px; } .main .tab .tab_nav ul li h3 { line-height: 30px; font-size: 20px; margin: 0; font-weight: bold; } .main .tab .tab_nav ul li span { font-family: 'KabelCBook'; line-height: 19px; font-size: 12px; } /*.main .tab .tab_nav ul li.activity { padding-left: 16px; }*/ .main .tab .tab_nav ul li.active { /* background-color: #ae0a1d; color: #fff; */ } .main .tab .tab_nav > a { font-size: 14px; color: #666; line-height: 14px; text-decoration: underline !important; position: absolute; top: 0; right: 0; height: 14px; margin-top: 26px; display: none; transition: all 0.4s ease 0.1s; } .main .tab .tab_nav > a:hover { background-color: #884466; color: #fff; text-decoration: none !important; } .main .tab .tab_content { height: 320px; padding-top: 0px; } .main .tab .tab_content > div { display: none; height: 330px; } .main .tab .tab_content div ul { margin: 0; } .main .tab .tab_content div ul li { height: 50px; } .main .tab .tab_content div ul li a { display: block; height: 50px; } .main .tab .tab_content div ul li a .date { width: 18%; height: 50px; line-height: 50px; border-bottom: 1px solid #eeeeee; font-size: 16px; color: #999; font-family: 'KabelC'; text-align: right; } .main .tab .tab_content div ul li a .tit { width: 82%; line-height: 50px; height: 50px; border-bottom: 1px solid #eee; font-size: 16px; color: #333; transition: all 0.2s ease 0.1s; overflow: hidden; } .main .tab .tab_content div ul li a .tit p { margin: 0; } .main .tab .tab_content div ul li a .tit p span { height: 49px; float: right; transition: all 0.2s ease 0.1s; width: 65px; background: url(../images/right.png) no-repeat right center; } .main .tab .tab_content div ul li:hover .tit { } .main .tab .tab_content div ul li:hover .tit p span { margin-right: 15px; } .main .topline { height: 1px; width: 100%; background-color: #e0dfe9; box-shadow: 0 3px 8px 3px #f9f5f7; } .main .news h2 { height: 104px; margin: 0; background: url(../images/min_titicon.jpg) no-repeat left top 34px; padding-left: 30px; line-height: 84px; color: #333; font-size: 20px; font-family: "微软雅黑"; font-weight: bold; position: relative; } .main .news_bg { background: url(../images/asdfa.jpg) no-repeat; } .main .news h2 .en_tit { font-size: 14px; color: #333; position: absolute; left: 30px; top: 58px; line-height: 40px; font-family: 'KabelCBook'; font-weight: normal; } .main .news h2 a.view { width: 133px; height: 40px; background: url(../images/view.png) no-repeat center; display: block; margin-top: 34px; float: right; } .main .news .container { width: 1200px; padding: 0; } .main .news .container .col-md-3 { padding-bottom: 30px; /*height: 354px;*/ } .main .news .container .col-md-3 .item_shell { background-color: #eee; height: 100%; display: block; } .main .news .container .col-md-3 .pic { /*height: 187px;*/ border-bottom: 2px solid #000077; background: url(../images/pic1.jpg) no-repeat center; background-size: cover; position: relative; } .main .news .container .col-md-3 .pic .date { position: absolute; top: 15px; left: 10px; width: 50px; height: 50px; background-color: #884466; color: #fff; text-align: center; } .main .news .container .col-md-3 .pic .date span { display: block; } .main .news .container .col-md-3 .pic .date span.month { padding-top: 8px; line-height: 16px; font-size: 14px; } .main .news .container .col-md-3 .pic .date span.day { padding-top: 2px; line-height: 16px; font-size: 18px; } .main .news .container .col-md-3 .newsitem_info { padding: 60px 15px 0; height: 135px; box-sizing: content-box; } .main .news .container .col-md-3 .newsitem_info p { line-height: 29px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; font-family: 'KabelCBook'; color: #333; margin: 0; border-bottom: 1px dashed #884466; height: 78px; overflow: hidden; /*height: 87px; box-sizing: content-box;*/ } .main .news .container .col-md-3:hover .newsitem_info p { color: #000077; } .main .news .container .col-md-3 .newsitem_info a.go_more { line-height: 50px; font-family: 'KabelCBook'; font-size: 16px; color: #884466; padding-right: 30px; background: url(../images/go.jpg) no-repeat right center; } .xs { height: 480px; background: url(../images/asdfa.jpg) no-repeat center center; border-bottom: 2px solid #b81415; } .xsdt .title { height: 54px; display: block; color: #b71414; line-height: 54px; font-size: 20px; font-weight: bold; padding-left: 44px; } .viewm { width: 160px; height: 46px; background: #b71414; text-align: center; line-height: 46px; font-size: 16px; color: #fff; border-radius: 4px; display: block; margin: 0 auto; } .xssp { max-height: 490px; overflow-y: hidden; width: 580px; } .xssp .title { height: 54px; display: block; color: #b71414; line-height: 54px; font-size: 20px; font-weight: bold; padding-left: 44px; background: url(../images/index_24.png) no-repeat left center; } .video { width: 300px; height:225px; } .video a { display: block; width: 100%; height: 225px; background: rgba(0, 0, 0, .3) url(../images/asfwe.png) no-repeat center; } .xsti { height: 54px; display: block; color: #fff; line-height: 58px; font-size: 18px; text-align: center; background: rgba(255,255,255,.7); } .footerss { padding-top: 15px; background: #eee; } .footers { width: 1200px; margin: 0 auto; } .f_logo { background: url(../images/logo.png) no-repeat center; height: 100px; padding: 10px auto; } .f_h { font-size: 16px; color: #666; line-height: 26px; padding-bottom: 12px; } .f_1 { float: left; width: 330px; height: 180px; } .f_2 { float: left; width: 555px; padding-left: 110px; } .f_2 p { float: left; clear: both; } .f_3 { float: left; width: 200px; } .f3l { width: 124px; margin-left: 40px; float: right; } .f3r { width: 124px; margin-left: -70px; float: right; } .f_3 { float: right; } .f_imgp { font-size: 14px; font-weight: normal; text-align: center; padding-top: 10px; } .f_img { background: url(../images/index_36.jpg) no-repeat; width: 124px; height: 122px; } .f_imgwx { background: url(../images/weixin.jpg) no-repeat; width: 124px; height: 122px; } .f_b { clear: both; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #999; border-top: 1px solid #fff; } .yl { background: #b71414; color: #fff; width: 205px; height: auto; text-align: left; line-height: 35px; position: absolute; bottom: 6px; left: 0px; } .ylc { width: 205px; height: 35px; padding-left: 6px; background: url(../images/eeww.png) no-repeat right center; } .ylcc a { width: 205px; height: 35px; padding-left: 5px; display: block; color: #fff; line-height: 35px; padding-left: 6px; border-bottom: 1px solid #d0d0d0; font-size: 12px; } .footer { height: 255px; } .footer .common_width { padding: 19px 0 10px; height: 100%; box-sizing: border-box; position: relative; } .footer .common_width .friendly_link { background-color: #fff; height: 60px; padding-left: 20px; /*.links{ padding-left: 120px; margin-top: 6px; a{ display: block; width: 25%; padding: 0 8px; line-height: 24px; float: left; vertical-align: middle; } }*/ } .footer .common_width .friendly_link .friendly_link_tit { width: 120px; height: 60px; background: url(../images/min_titicon.jpg) no-repeat left top 12px; float: left; } .footer .common_width .friendly_link .friendly_link_tit span { line-height: 42px; font-size: 18px; padding-left: 30px; display: block; } .footer .common_width .friendly_link .friendly_link_tit span.min_tit { font-size: 14px; line-height: 12px; } .footer .common_width .friendly_link table { width: 901px; margin-top: 6px; line-height: 24px; float: right; } .footer .common_width .friendly_link table a { color: #666; transition: all 0.2s ease 0.1s; } .footer .common_width .friendly_link table a:hover { color: #000077; text-decoration: underline !important; } .footer .common_width .footer_content { height: 126px; box-sizing: border-box; padding-top: 20px; } .footer .common_width .footer_content .links { height: 59px; width: 520px; box-sizing: border-box; background: url(../images/aaa.png) no-repeat left center; float: left; } .footer .common_width .footer_content .links a { height: 59px; line-height: 59px; display: inline-block; float: left; } .footer .common_width .footer_content .links a.ruc { width: 318px; } .footer .common_width .footer_content .links a.ruc_math { width: 158px; } .footer .common_width .footer_content .footer_info { width: 510px; height: 58px; float: left; } .footer .common_width .footer_content .footer_info ul { margin: 0; height: 100%; } .footer .common_width .footer_content .footer_info ul li { float: left; line-height: 24px; margin-bottom: 10px; padding-right: 30px; font-size: 14px; color: #666; } .footer .common_width .footer_content .footer_info ul li span { height: 24px; width: 24px; margin-right: 15px; display: inline-block; box-sizing: border-box; border: 1px solid #000077; vertical-align: middle; position: relative; top: -1px; } .footer .common_width .footer_content .footer_info ul li.phone span { background: url(../images/phone.png) no-repeat center; } .footer .common_width .footer_content .footer_info ul li.email span { background: url(../images/email.png) no-repeat center; } .footer .common_width .footer_content .footer_info ul li.zipcode span { background: url(../images/zipcode.png) no-repeat center; } .footer .common_width .footer_content .footer_info ul li.address span { background: url(../images/address.png) no-repeat center; } .footer .common_width .footer_content .rwmcode { width: 70px; float: right; } .footer .common_width .footer_content .rwmcode p { text-align: center; font-size: 12px; color: #666; line-height: 22px; } .footer .common_width .copyright { position: absolute; bottom: 10px; left: 0; width: 100%; height: 40px; background-color: #d8d8d8; line-height: 40px; padding: 0 20px; box-sizing: border-box; } .footer .common_width .copyright p { font-size: 12px; color: #616161; float: left; } .footer .common_width .copyright input[type="button"], .footer .common_width .copyright input[type="submit"] { width: 30px; height: 30px; margin-top: 5px; background: #ffffff url(../images/backtop.jpg) no-repeat center; border-radius: 3px; float: right; } .report { position: relative; } .report > .fl { width: 355px; height: 270px; box-sizing: border-box; padding-left: 80px; background: #000077 url(../images/report_bg.jpg) no-repeat left 80px top; } .report > .fl h2 { height: 110px; line-height: 95px; padding-top: 15px; margin: 0; color: #fff; font-size: 24px; font-family: "微软雅黑"; } .report > .fl p { line-height: 24px; color: #fff; padding-right: 20px; font-size: 14px; margin-top: 5px; } .report > .fl a { width: 133px; height: 40px; display: block; margin-top: 22px; position: relative; z-index: 2; } .report > .fr { width: 100%; height: 100%; box-sizing: border-box; padding-left: 355px; position: absolute; top: 0; } .report > .fr .container { width: 100%; padding: 0; height: 100%; } .report > .fr .container .row { margin: 0; height: 100%; } .report > .fr .container .row > div { height: 100%; padding: 0; overflow: hidden; position: relative; margin-top: 0; } .report > .fr .container .row > div .report_info { width: 100%; height: 198px; position: absolute; top: 122px; cursor: pointer; transition: all 0.2s ease 0.1s; } .report > .fr .container .row > div .report_info a { display: block; height: 100%; font-size: 0; } .report > .fr .container .row > div .report_info a .date { width: 100px; height: 30px; line-height: 30px; background-color: #884466; display: block; font-size: 14px; color: #fff; border-bottom-right-radius: 30px; border-top-right-radius: 30px; padding-left: 13px; font-family: KabelCBook; } .report > .fr .container .row > div .report_info a .txt { max-height: 89px; min-height: 89px; overflow: hidden; padding: 0 20px; margin: 15px 0; line-height: 30px; font-size: 20px; color: #fff; } .report > .fr .container .row > div .report_info a input[type="button"], .report > .fr .container .row > div .report_info a input[type="submit"] { background: url(../images/remore.jpg) no-repeat center; width: 120px; height: 30px; display: block; margin-left: 20px; } .report > .fr .container .row > div .report_info:hover { margin-top: -50px; } .report > .fr .container .row > div:hover .report_info { margin-top: -50px; } .subpage { padding-top: 20px; border-bottom: 0px solid #000077; } .subpage .crumbs { height: 50px; margin-bottom: 20px; position: relative; border-bottom: 1px solid #ae0a1d; } .subpage .crumbs .common_width { position: relative; } .subpage .crumbs .tit { height: 50px; padding-left: 0px; color: #000; float: left; } .subpage .crumbs .tit h2 { margin: 0; line-height: 50px; font-size: 18px; font-weight: bold; } .subpage .crumbs .tit span { font-size: 14px; line-height: 18px; font-family: 'KabelCBook'; display: none; } .subpage .crumbs .crumbs_link { height: 50px; background: url(../images/crumbs.png) no-repeat left center; position: absolute; bottom: 0; right: 15px; text-align: center; padding-left: 19px; line-height: 50px; } .subpage .crumbs .crumbs_link span { display: block; padding: 0 6px; background-color: #fff; } .subpage .crumbs .crumbs_link a { font-size: 14px; color: #666; } .subpage .subpage_content .leftlist { width: 270px; float: left; padding-bottom: 30px; } .subpage .subpage_content .leftlist .tit { height: 50px; padding: 0px 10px; line-height: 50px; background: #ae0a1d; color: #fff; margin-bottom: 0px; text-align: center; } .subpage .subpage_content .leftlist .tit span { line-height: 22px; display: block; } .subpage .subpage_content .leftlist .tit span.cn { font-size: 16px; line-height: 50px; } .subpage .subpage_content .leftlist .tit span.en { font-size: 12px; font-family: 'KabelCBook'; } .subpage .subpage_content .leftlist > ul { margin: 0; } .subpage .subpage_content .leftlist > ul > li { line-height: 46px; border: 1px solid #e5e5e5; border-top: 0px solid #e5e5e5; background-color: #fff; position: relative; text-align: center; } .subpage .subpage_content .leftlist > ul > li a { height: 100%; width: 100%; display: block; font-size: 16px; color: #333; text-align: center; } .subpage .subpage_content .leftlist > ul > li a span { position: absolute; top: 17px; left: 9px; width: 10px; height: 4px; display: block; background-color: #884466; } .subpage .subpage_content .leftlist > ul > li .second_menu { border-top: 1px dotted #dcdcdc; padding: 5px 0; } .subpage .subpage_content .leftlist > ul > li .second_menu li { line-height: 28px; } .subpage .subpage_content .leftlist > ul > li .second_menu li a { font-size: 14px; color: #666; } .subpage .subpage_content .leftlist > ul > li .second_menu li a:hover { text-decoration: underline !important; } .subpage .subpage_content .leftlist > ul li + li { } .subpage .subpage_content .rightbox { width: 900px; float: right; } .subpage .subpage_content .rightbox > ul { margin: 0; } .subpage .subpage_content .rightbox > ul li { height: 70px; padding-left: 100px; position: relative; } .subpage .subpage_content .rightbox > ul li a { display: block; height: 70px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; overflow: hidden; } .subpage .subpage_content .rightbox > ul li a .date { width: 80px; height: 70px; position: absolute; top: 0; left: 0; background-color: #ae0a1d; color: #fff; text-align: center; } .subpage .subpage_content .rightbox > ul li a .date span.day { height: 40px; line-height: 40px; display: block; font-size: 24px; font-family: 'KabelCBook'; letter-spacing: 8px; text-indent: 7px; } .subpage .subpage_content .rightbox > ul li a .date span.month { height: 30px; line-height: 30px; display: block; font-family: 'KabelCBook'; font-size: 14px; background-color: #ae0a1d; } .subpage .subpage_content .rightbox > ul li a .info { overflow: hidden; height: 52px; } .subpage .subpage_content .rightbox > ul li a .info h5 { line-height: 32px; font-size: 18px; color: #333; margin: -7px 0 0 0; } .subpage .subpage_content .rightbox > ul li a .info p { font-size: 14px; color: #888; margin: 0; line-height: 38px; } .subpage .subpage_content .rightbox > ul li:hover a h5 { } .subpage .subpage_content .rightbox > ul li + li { margin-top: 20px; } .subpage .subpage_content .rightbox .page_nav { margin: 30px 0; box-sizing: content-box; height: 30px; text-align: center; } .subpage .subpage_content .rightbox .page_nav a{ color: #333; font-size: 14px; } .subpage .subpage_content .rightbox .page_nav a~a{ margin-left: 15px; } .subpage .subpage_content .rightbox .page_nav ul { margin: 0; display: inline-block; vertical-align: middle; } .subpage .subpage_content .rightbox .page_nav ul li { width: 30px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #757575; cursor: pointer; transition: all 0.2s ease 0.1s; float: left; } .subpage .subpage_content .rightbox .page_nav ul li a { display: block; font-size: 14px; color: #b5b5b5; transition: all 0.2s ease 0.1s; } .subpage .subpage_content .rightbox .page_nav ul li a:hover { } .subpage .subpage_content .rightbox .page_nav ul li:hover { } .subpage .subpage_content .rightbox .page_nav ul li + li { margin-left: 2px; } .subpage .subpage_content .rightbox .page_nav ul .left_btn { background: url(../images/left_btn.png) no-repeat center; } .subpage .subpage_content .rightbox .page_nav ul .right_btn { background: url(../images/right_btn.png) no-repeat center; } .subpage .subpage_content .rightbox .page_nav form { display: inline-block; margin-left: 20px; vertical-align: middle; height: 30px; } .subpage .subpage_content .rightbox .page_nav form label { padding: 0 4px; line-height: 30px; margin: 0; font-size: 14px; color: #999; font-weight: normal; } .subpage .subpage_content .rightbox .page_nav form input[type="text"] { width: 40px; height: 30px; border: 1px solid #757575; padding: 0 6px; margin-right: 4px; } .subpage .subpage_content .rightbox .page_nav form input[type="button"], .subpage .subpage_content .rightbox .page_nav form input[type="submit"] { width: 30px; height: 30px; background-color: #884466; color: #fff; text-align: center; line-height: 30px; } .subpage .subpage_content .rightbox .newsmore .tit { background: #f8f8f8 url(../images/newsmore_tit.png) no-repeat left top; position: relative; } .subpage .subpage_content .rightbox .newsmore .tit h2 { margin: 0; text-align: center; font-size: 17px; color: #333; line-height: 28px; border-bottom: 1px solid #e3e4ec; padding: 12px 20px 11px 115px; } .subpage .subpage_content .rightbox .newsmore .tit .infomin { width: 95px; height: 52px; position: absolute; top: 0; left: 0; color: #fff; } .subpage .subpage_content .rightbox .newsmore .tit .infomin .date { line-height: 25px; text-align: center; font-size: 14px; font-family: 'KabelCBook'; } .subpage .subpage_content .rightbox .newsmore .tit .infomin .watch_num { text-align: right; padding-right: 10px; font-size: 14px; font-family: 'KabelCBook'; line-height: 25px; margin-top: 2px; } .subpage .subpage_content .rightbox .newsmore .txt { border-left: 1px solid #eee; padding: 0 3px 0 19px; } .subpage .subpage_content .rightbox .newsmore .txt .ke-insertfile{ margin-top: 10px; } .subpage .subpage_content .rightbox .newsmore .txt td { height: 40px; line-height: 21px; padding: 0 15px; } .subpage .subpage_content .rightbox .newsmore .txt > p { line-height: 25px; padding-top: 15px; font-size: 14px; color: #444; } .subpage .subpage_content .rightbox .newsmore .txt p { margin: 0; } .subpage .subpage_content .rightbox .newsmore .txt img { margin-top: 10px; max-width: 100%; } .subpage .subpage_content .rightbox .newsmore .txt p img { margin-left: -2em; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav { height: 30px; padding: 28px 0; box-sizing: content-box; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav .bdsharebuttonbox { height: 30px; float: left; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav .bdsharebuttonbox span { font-size: 14px; color: #333; line-height: 30px; vertical-align: middle; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav .bdsharebuttonbox a { float: none; margin: 0 0 0 8px; height: 25px; width: 25px; background: url(../images/wechat.jpg) no-repeat center; display: inline-block; vertical-align: middle; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav > ul { height: 30px; float: right; margin: 0; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav > ul li { height: 30px; float: left; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav > ul li + li { margin-left: 15px; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav > ul span { display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 5px; font-size: 14px; color: #888; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav > ul .left_btn { background: url(../images/left_btn.png) no-repeat center; border: 1px solid #757575; width: 30px; margin: 0; } .subpage .subpage_content .rightbox .newsmore .txt .newsmore_nav > ul .right_btn { background: url(../images/right_btn.png) no-repeat center; border: 1px solid #757575; width: 30px; margin: 0; } .subpage .subpage_content .rightbox .teacherslist .container { width: 100% !important; padding: 0; } .subpage .subpage_content .rightbox .teacherslist .container .row { margin-right: -10px; margin-left: -10px; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 { padding: 0 10px; margin-bottom: 30px; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item { height: 240px; position: relative; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item .name { width: 150px; margin: 0 auto; height: 74px; border-bottom: 1px solid #e5e5f3; background-color: #fff; text-align: center; transition: all 0.2s ease 0.1s; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item .name p { padding-top: 9px; color: #333; font-size: 16px; line-height: 16px; margin: 0; transition: all 0.2s ease 0.1s; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item .name span { line-height: 18px; padding: 6px 0; display: inline-block; font-size: 12px; color: #888; transition: all 0.2s ease 0.1s; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item:hover .name { background-color: #ae0a1d; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item:hover .name p { color: #fff; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item:hover .name span { color: #a2a2cd; } .subpage .subpage_content .rightbox .teacherslist .container .col-md-3 .teacher_item > .shell { width: 150px; height: 180px; margin: 0 auto; display: block; overflow: hidden; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info { background-color: #f4f4f4; width: 100%; margin-bottom: 20px; float: none; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info .pic { float: left; width: 150px; height: 180px; margin-left: 30px; overflow: hidden; font-size: 0; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info .pic img { width: 150px; margin: 0 auto; display: block; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info .txt { padding-top: 20px; padding-left: 198px; padding-bottom: 20px; background-color: #f4f4f4; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info .txt p { line-height: 20px; height: 20px; font-size: 16px; color: #222; margin: 0 0 15px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info .txt p em { font-size: 12px; color: #888; position: relative; top: 2px; margin-left: 6px; font-style: normal; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info .txt p a { float: right; height: 20px; line-height: 20px; padding: 0 8px 0 23px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; font-size: 12px; color: #fff; background: #884466 url(../images/edit.png) no-repeat left 7px center; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info .txt span { font-size: 12px; color: #888; display: block; line-height: 26px; padding-left: 30px; padding-right: 10px; word-wrap: break-word; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab { width: 100%; float: none; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab > ul { height: 35px; margin: 0; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab > ul > li { width: 100px; height: 35px; line-height: 35px; background-color: #ae0a1d; color: #fff; text-align: center; cursor: pointer; padding-right: 0px; transition: all 0.2s ease 0.1s; float: left; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab > ul > li + li { margin-left: 8px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab > ul > li.active { background-color: #884466; height: 37px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .content { border: 1px solid #eee; padding: 13px 10px; margin-top: -1px; min-height: 48px; line-height: 28px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .content p.research_findings { font-size: 14px; color: #444; line-height: 25px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .content p.research_findings a { font-size: 12px; padding-left: 8px; color: #d9163f; text-decoration: underline !important; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .content p.research_findings + p.research_findings { margin-top: 25px; margin-bottom: 0; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .content > div { display: none; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .teachersmore_nav ul { height: 30px; width: 100%; margin: 30px 0 30px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .teachersmore_nav ul li { height: 30px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .teachersmore_nav ul span { display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; font-size: 14px; color: #888; margin: 0 10px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .teachersmore_nav ul .left_btn { background: url(../images/left_btn.png) no-repeat center; border: 1px solid #757575; width: 30px; margin: 0; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab .teachersmore_nav ul .right_btn { background: url(../images/right_btn.png) no-repeat center; border: 1px solid #757575; width: 30px; margin: 0; } .bd_weixin_popup { height: 320px !important; } .main .tab .tab_content > div > a { display: none; } .rcpy_box .item h5 { height: 24px; line-height: 24px; font-size: 18px; margin: 0; color: #333; margin-bottom: 15px; } .rcpy_box .item h5 em { width: 8px; height: 8px; border-radius: 8px; background-color: #ddd; display: block; float: left; margin-top: 7px; margin-right: 15px; } .rcpy_box .item ul { margin-bottom: 20px; } .rcpy_box .item .major > div { text-align: center; line-height: 50px; height: 50px; margin-bottom: 20px; } .rcpy_box .item .major > div a { display: block; color: #333; position: relative; overflow: hidden; border-radius: 5px; background-color: #eee; } .rcpy_box .item .major > div a span { position: absolute; bottom: 0px; left: 0px; font-weight: bold; font-size: 50px; color: #ae0a1d; } .rcpy_box .item .common > li, .rcpy_box .item .download > li { padding-left: 22px; line-height: 50px; } .rcpy_box .item .common > li a, .rcpy_box .item .download > li a { font-size: 16px; color: #333; display: block; } .rcpy_box .item .common > li a span.date, .rcpy_box .item .download > li a span.date { color: #888; float: right; } .rcpy_box .item .common > a, .rcpy_box .item .download > a { float: right; width: 60px; height: 28px; line-height: 28px; background-color: #f8f8f8; text-align: center; border-radius: 5px; color: #ae0a1d; } .rcpy_box .item .download > li > a { display: inline-block; padding-right: 26px; background: url(../images/icon-down.png) no-repeat right center; } /*这里是导师的轮播*/ .item .swiper-container { width: 877px; height: 225px !important; padding-bottom: 20px; box-sizing: content-box; } .item .swiper-container .swiper-slide { box-sizing: border-box; text-align: center; } .item .swiper-container .swiper-slide .teacher_box { height: 220px; width: 168px; margin: 0 auto; /* background-color: #f1f2f8;*/ padding-bottom: 40px; position: relative; } .item .swiper-container .swiper-slide .teacher_box .shell_img { height: 180px; width: 150px; overflow: hidden; } .item .swiper-container .swiper-slide .teacher_box img { position: relative; } .item .swiper-container .swiper-slide .teacher_box p { /* background-color: #e2e8f1;*/ width: 100%; text-align: left; line-height: 20px; margin: 0; font-size: 16px; padding-top: 6px; } .item .swiper-container .swiper-slide .teacher_box p span { color: #888; font-size: 12px; line-height: 18px; display: block; } .item { zoom: 1; } .item > em { height: 28px; width: 40px; float: left; margin-right: 5px; cursor: pointer; } .item > a.more { float: right; width: 60px; height: 28px; line-height: 28px; background-color: #f8f8f8; text-align: center; border-radius: 5px; } .item > em.lgo { background: url(../images/lgo.png) no-repeat center; } .item > em.rgo { background: url(../images/rgo.png) no-repeat center; } .rcpy_box > .item.clearfix { margin-bottom: 20px; } .rcpy_box { overflow: hidden; } /*17.12.18update*/ .teacherslist > ul { margin: 0; } .teacherslist > ul > li { width: 850px; height: 190px; } .teacherslist > ul > li + li { margin-top: 20px; } .teacherslist > ul > li { display: block; height: 190px; } .teacherslist > ul > li .fl { width: 150px; height: 180px; margin: 0px; overflow: hidden; } .teacherslist > ul > li .fr { width: 660px; height: 190px; padding: 5px 0; } .teacherslist > ul > li .fr .tit { height: 77px; border-bottom: 1px dashed #d2d2d2; } .teacherslist > ul > li .fr .tit h6 { font-size: 18px; color: #333; margin: 0; height: 38px; line-height: 38px; padding-top: 3px; box-sizing: content-box; } .teacherslist > ul > li .fr .tit p { font-size: 14px; color: #666; margin: 0; height: 20px; line-height: 20px; overflow: hidden; } .teacherslist > ul > li .fr .info { padding: 10px 0; line-height: 24px; color: #888; } .teacherslist > ul > li .fr .info p { max-height: 48px; font-size: 14px; padding-left: 32px; overflow: hidden; margin: 0; } .teacherslist > ul > li .fr .info span { line-height: 24px; display: inline-block; padding-left: 32px; margin-right: 20px; margin-top: 9px; } .teacherslist > ul > li .fr .info p.bbb { background: url(../images/bbb.png) no-repeat left top 4px; } .teacherslist > ul > li .fr .info span.address { background: url(../images/address.jpg) no-repeat left top 4px; } .teacherslist > ul > li .fr .info span.tel { background: url(../images/tel.jpg) no-repeat left top 4px; } .teacherslist > ul > li .fr .info span.email { background: url(../images/email.jpg) no-repeat left top 4px; } .teachersmore_item { padding: 0; } .teachersmore_item ul { margin: 0; } .teachersmore_item ul li + li h6 { margin: 12px 0; } .teachersmore_item ul li { margin-top: 14px; } .teachersmore_item ul li h6 { line-height: 29px; height: 30px; border-bottom: 1px solid #884466; color: #fff; font-size: 16px; margin: 0 0 12px; } .teachersmore_item ul li h6 span { background-color: #884466; padding-left: 17px; padding-right: 17px; display: inline-block; line-height: 29px; float: left; } .teachersmore_item ul li h6 em { width: 10px; height: 29px; display: inline-block; background: url(../images/icon_111.jpg) no-repeat left center; float: left; } .teachersmore_item ul li p { margin: 0; line-height: 26px; font-size: 14px; color: #444; } /*导航条*/ .header .nav > ul > li > ul { margin-left: 2px; position: absolute; top: 50px; width: 133px; text-align: center; box-shadow: 0 2px 9px 1px #e9e9e9; display: none; } .header .nav > ul > li > ul > li { height: 40px; line-height: 40px; box-sizing: content-box; background-color: #e5e5e5; } .header .nav > ul > li > ul > li + li { border-top: 2px solid #fff; } .header .nav > ul > li > ul > li > a { font-size: 16px; color: #666; display: block; } .header .nav > ul > li > ul > li:hover { background-color: #ae0a1d; } .header .nav > ul > li > ul > li:hover a { color: #fff; } /*new_focus*/ #focus_new { height: 380px; width: 1200px; margin: 20px auto 0; } .my_focus > .fl { width: 780px; height: 370px; } .my_focus > .fl .swiper-slide { height: 380px; } .my_focus > .fr { height: 380px; width: 400px; background: #f5f5f5 url(../images/fr_bg.jpg) repeat-x center top 0; background-size: 100% auto; position: relative; } .my_focus > .fr > .right_item { height: 380px; width: 400px; position: absolute; top: 0; left: 0; display: none; padding: 0 16px 0 25px; } .my_focus > .fr > .right_item.active { display: block; } .my_focus > .fr > .right_item h2 { line-height: 30px; padding-left: 0px; font-size: 18px; color: #333; margin-top: 15px; margin-bottom: 0; } .my_focus > .fr > .right_item .txt_info > div { font-size: 14px; color: #888; line-height: 24px; margin-top: 12px; margin-bottom: 0; max-height: 220px; } .my_focus > .fr > .right_item span { width: 111px; height: 34px; display: inline-block; font-size: 14px; color: #888; line-height: 34px; background: url(../images/new2.jpg) no-repeat center; padding-left: 12px; margin-top: 18px; } .txt_info { overflow: hidden; } .my_focus { position: relative; } .my_focus .swiper-container { position: static; } .arrow-left, .arrow-right { position: absolute; top: 165px; height: 50px; width: 30px; display: inline-block; z-index: 999; } .arrow-left { left: 0; background: url(../images/arrow_l.png) no-repeat center left; } .arrow-left:hover { background: url(../images/arrow_la.png) no-repeat center left; } .arrow-right { right: 0; background: url(../images/arrow_r.png) no-repeat center right; } .arrow-right:hover { background: url(../images/arrow_ra.png) no-repeat center right; } .swiper-slide a { display: block; height: 100%; } /*媒体查询*/ /*@media screen and (max-width: 1400px) { .focus .swiper-container { max-width: 100%; } } @media screen and (max-width: 1136px) { .report > .fl { padding-left: 20px; width: 300px; background: #000077 url(../images/report_bg.jpg) no-repeat left 20px top; } .report > .fr { padding-left: 300px; } .report > .fr .container .row > div .report_info a .txt { font-size: 16px; } } @media screen and (max-width: 1200px) { .header .header_shell{ width: 100%; } .focus .swiper-container .device, .focus_info { width: 100%; } .common_width { padding: 0 20px; } .main .tab .tab_content .activity_box ul li { width: 100%; } .main .tab .tab_content .activity_box { background: none; } .common_width, .header .nav { width: 100% !important; } .header .nav > ul li { width: 16%; } .header .nav > ul li a { width: 100%; } .header .nav > ul { padding-left: 0; } .header .nav > ul li a span:after { width: 94%; } .subpage .subpage_content .leftlist { width: 100%; padding: 30px 20px 0; float: none; margin: 0 auto; height: auto !important; background: none; } .subpage .subpage_content .leftlist .tit { padding-left: 28px; background: #000077 url(../images/icon1.png) no-repeat left 20px center; } .subpage .subpage_content .rightbox { width: 100%; padding: 30px 20px 30px; float: none; } .footer .common_width .friendly_link .friendly_link_tit { width: 102px; } .footer .common_width .friendly_link table { width: auto; float: left; margin-left: 25px; } .footer .common_width .friendly_link table td { padding: 0 10px; } .footer { height: auto; background-size: cover; } .footer_content { float: none; padding: 19px 0 40px; } .footer .common_width .footer_content { height: auto !important; } .footer_content > div { margin: 0 auto; float: none !important; } .footer_content > div + div { padding-top: 15px; } .footer_content > div.links { width: 459px; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_info, .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab { width: 100%; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab { margin-top: 30px; } .main .tab .tab_content .notice_box ul li a .tit p ,.main .tab .tab_content .activity_box ul li a .tit p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main .tab .tab_content .notice_box ul li a .tit p span , .main .tab .tab_content .activity_box ul li a .tit p span{ display: none; } .main .news .container { width: 100%; } .report > .fl { width: 100%; height: auto; float: none; padding-bottom: 20px; margin-bottom: 30px; background: #000077 url(../images/report_bg_01.png) no-repeat left 20px top; } .report > .fr { position: static; padding: 0 50px; } .report > .fr .container .row > div { height: 242px; margin-bottom: 30px; } .report > .fr .container .row > div .report_info a .txt { min-height: 60px; max-height: 60px; } .report > .fl a { background: url(../images/report_bg_04.png) no-repeat center; } .calendar .left_tit { top: -20px !important; left: 50% !important; margin-left: -75px; } .main .calendar .common_width .calendar_list { padding-left: 0; } .main .calendar { box-sizing: content-box; padding-top: 30px; } .main .calendar .common_width .calendar_list ul li { width: 14%; } .calendar .common_width { padding: 0 40px 0 0; } } @media screen and (max-width: 893px) { .main .calendar .common_width .calendar_list ul li > span { font-size: 12px; } .common_width { padding: 0 50px; } .friendly_link { height: auto !important; } .footer .common_width .friendly_link table { margin-left: 0; line-height: 22px; } .footer .common_width .friendly_link table td { padding: 5px 10px; display: block; } .header .nav > ul li a { font-size: 16px; } .header .header_shell .logo, .header .header_shell .right_box { float: none; } .header .header_shell .right_box > a { display: none; } .header .header_shell, .header { height: auto; } .header .header_shell .logo { height: 80px; background: url(../images/logo.png) no-repeat left center; width: 476px; margin: 20px auto 0; } .header .header_shell .logo .links { height: 80px; padding: 10px 0; } .header .header_shell .logo .links a { height: 60px; line-height: 60px; } .header .header_shell .right_box { width: 476px; margin: 0 auto; height: auto; } .header .header_shell .right_box .search_box input[type="text"] { width: 441px; } .header .header_shell .right_box .search_box { margin: 15px 0; } .main .tab .tab_content .notice_box ul li a .date { font-size: 14px; white-space: nowrap; } .main .tab .tab_content .notice_box ul li a .tit { font-size: 16px; } .main .news .container .col-md-3, .main .news .container .col-md-3 .newsitem_info { height: auto; } }*/ /*系友之家*/ .student { background-image: url(../images/student-bg.jpg); } .classes { padding: 0 20px; border-bottom: 1px solid #e3e3e3; } .edu-class { border-bottom: 1px dashed #e3e3e3; padding: 15px 0; } .year-class { padding: 15px 0 25px; } .classes p { float: left; margin-right: 14px; line-height: 34px; } .classes dl { /*float: left;*/ overflow: hidden; } .classes dl a { display: block; font-size: 14px; color: #666; line-height: 34px; } .classes dl dt { margin-right: 19px; float: left; border-bottom: 2px solid transparent; } .classes dl dd { margin-right: 19px; float: left; border-bottom: 2px solid transparent; } .classes dl dt:hover, .classes dl dd:hover { border-color: #36a8eb; } .classes dl a:hover { color: #ae0a1d; } .classes dl .class-in { border-color: #36a8eb; } .classes dl .class-in a { color: #ae0a1d; } .stu { padding: 0 20px; margin: 30px 0 20px; } .stu li { float: left; width: 90px; padding-left: 17px; margin-bottom: 20px; line-height: 20px; border-left: 4px solid #c6e1f1; padding-right: 10px; } .report0 { background: url(/Public/images/report1.jpg) no-repeat center !important; background-size: cover !important; } .report1 { background: url(/Public/images/report2.jpg) no-repeat center !important; background-size: cover !important; } .report2 { background: url(/Public/images/report3.jpg) no-repeat center !important; background-size: cover !important; } .report3 { background: url(/Public/images/report4.jpg) no-repeat center !important; background-size: cover !important; } .ss { width: auto; display: inline-block; padding-left: 65px; height: 50px; font-size: 16px; line-height: 50px; float: left; color: #fff; background: url(../images/bg.jpg) no-repeat left center; } .sss { width: 39px; height: 50px; float: left; display: inline-block; background: url(../images/bg_right.jpg) no-repeat left center; } .clear { clear: both; } .type { margin-bottom: 30px; } .type ul{ margin: 0; } .type .type_top { border-bottom: 1px #e6e6e6 dashed; padding-bottom: 10px; } .type .type_top ul li { float: left; margin-right: 35px; } .type .type_top ul li a { font-size: 16px; color: #000; line-height: 24px; padding-right: 17px; background: url(../images/icon15.png) no-repeat right center; } .type .type_top ul li.on a { color: #ae0a1d; background: url(../images/icon16.png) no-repeat right center; } .type .type_top ul li a:hover { color: #ae0a1d; } .type_content .letter ul, .type_content .department ul { border-bottom: 1px #e6e6e6 dashed; padding: 10px 0; } .type_content .letter ul li, .type_content .department ul li { float: left; } .type_content .letter ul li a { display: block; font-size: 14px; color: #333; text-align: center; text-transform: uppercase; padding: 0 10px; } .type_content .letter ul li.on a, .type_content .letter ul li:hover a, .type_content .department ul li.on a, .type_content .department ul li:hover a { background: #ae0a1d; color: #fff; } .type_content .department ul li a { display: block; font-size: 14px; color: #333; text-align: center; text-transform: uppercase; padding: 0 10px; } .xusheng li { min-height: 140px; padding-left: 0px !important; font-size: 18px; border-bottom: 1px solid #e5e5e5; line-height: 70px; padding-bottom: 20px; } .xusheng li .x1 { padding-left: 40px; } .xusheng li:nth-child(1) .x1 { background: url(../images/ees_03.png) no-repeat left center; } .xusheng li:nth-child(2) .x1 { background: url(../images/ees_06.png) no-repeat left center; } .xusheng li:nth-child(3) .x1 { background: url(../images/ees_08.png) no-repeat left center; } .xusheng li:nth-child(4) .x1 { background: url(../images/ees_10.png) no-repeat left center; } .xusheng li:nth-child(5) .x1 { background: url(../images/ees_12.png) no-repeat left center; } .xusheng li a { background: url(../images/ees_15.png) no-repeat left center; padding-left: 22px; font-size: 16px; border: 0px !important; display: inline-block; margin-right: 60px; color: #333; line-height: 50px; height: 50px !important; } .video_shell { float: left; width: 316px; } .video_shellfr { width: 264px; padding-left: 40px; float: left; } .video_shellfr li { line-height: 48px; } .video_shellfr li a { color: #fff; white-space: nowrap; font-size: 16px; text-overflow: ellipsis; overflow: hidden; display: block; } .nav_top span{ font-size: 14px; display: inline-block; border-radius:5px; padding: 2px 12px; color: #333333; line-height: 22px; font-weight: normal; cursor: pointer; } .nav_top h3{ height: 54px; display: block; color: #b71414; line-height: 54px; font-size: 20px; font-weight: bold; padding-left: 44px; margin: 0; background: url(../images/index_22.png) no-repeat left center; cursor: pointer; } .nav_top .smalltit{ margin:15px 0 0 20px; } .nav_top span.active, .nav_top span:hover{ background: #ac0c1e; color: #fff; } .mor1{ font-weight: normal; text-decoration: underline; text-transform: uppercase; } .tit .mor1{ margin-top: 15px; } .mor1 a{ color: #b71414; font-size: 14px; } .mor2{ display: none; } .mor2:first-of-type{ display: block; } .xsdt{ width:1200px; } .xssp{ width: 300px; margin-left: 40px; } .tab_content1{ margin-top: 17px; } .tab_content1 ul{ clear:both; display: none; } .tab_content1 ul:first-of-type{ display: block; } .tab_content1 ul li{ width: 386px; float: left; margin-bottom: 20px; background: rgba(255,255,255,.7); margin-right: 20px; padding: 10px; box-sizing: border-box; height: 170px; } .tab_content1 ul li:nth-of-type(3n){ margin-right: 0; } .tab_content1 .riqi{ width: 64px; height: 70px; text-align: center; background: #ac0c1e; color: #fff; font-family: 'Arial'; padding: 5px 0; box-sizing: border-box; } .tab_content1 .riqi .day{ display: block; font-size: 26px; } .tab_content1 .biaoti{ width: 302px; overflow: hidden; padding: 9px 20px; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; } .tab_content1 .biaoti p{ margin: 0; max-height:48px; overflow: hidden; font-size: 16px; } .tab_content1 .biaoti .summary{ font-size: 14px; margin-top: 12px; line-height: 20px; color:#676767; } .tab_content1 .biaoti p:hover{ color: #ac0c1e; } @media (max-width:600px){ body,.header .header_shell,.header .nav{ min-width:100%; width: 100%; } .header{ height: 455px; } .header .header_shell .logo{ background-size: 100%; height: 80px; } .header .header_shell .logo .links{ width: 320px; height: 80px; } .header .header_shell .logo .links a.ruc{ width: 190px; } .header .header_shell .logo .links a.ruc_math{ width: 130px; } .header .header_shell .logo .links a{ height: 60px; line-height: 60px; } .header .header_shell .right_box, .header .header_shell .right_box > a{ float: left; } .header .header_shell .right_box .search_box{ margin-top: 40px; } .header .header_shell{ height: 174px; } .header .nav > ul > li{ width: 50% !important; } .header .nav > ul > li > a{ width: 100% !important; } .header .nav > ul > li > ul, .header .nav > ul > li > a > span:after{ display: none; } .header .nav{ height: 250px; } #focus_new{ width: 100%; height: auto; } .my_focus > .fl{ width: 100%; height: 340px; } .my_focus > .fr > .right_item{ width: 100%; } .my_focus > .fl .swiper-slide{ background-size: 100% 100% !important; } .my_focus > .fr{ width: 100%; height:345px; } .common_width,.main .tab,.main .tab{ width: 100%; } .main .tab .tab_content div ul li a .tit{ width: 73%; } .main .tab .tab_content div ul li a .date{ width: 26%; } .xs_content,.xsdt{ width: 100% !important; } .f_logo{ width: 320px; background-size: 100% 100%; height: 45px; margin-bottom: 10px; } .xs{ height: auto; background-size: 100% 100%; } .nav_top .smalltit{ margin: 0; } .footers,.tab_content1 ul li{ width: 100%; } .f_2{ padding: 0; width: 100%; } .f_3{ float: left; } .f3r{ margin: 0; float: left; } .tab_content1 .biaoti{ width: 275px; } .subpage .subpage_content .leftlist{ height: auto !important; } .subpage .subpage_content .rightbox{ width: 100%; } .subpage .subpage_content .rightbox .newsmore .txt{ box-sizing: border-box; padding: 0; } .leadslist > ul > li{ width: 100%; padding-left: 0; } .leadslist > ul > li .fr{ width: 195px; } .teacherslist > ul > li{ height: auto; } .teacherslist > ul > li,.teacherslist > ul > li .fr{ width: 100%; } .subpage .subpage_content .rightbox .teachersmore .teachersmore_tab{ margin-top: 15px; } .subpage .crumbs .crumbs_link span{ max-width: 230px; height: 50px; overflow: hidden; } .f_b{ height: auto; } }