* { margin: 0; padding: 0; } a { text-decoration: none; color: #333; } #promptbox { position: fixed; width: 348px; height: 228px; z-index: 999; } #guanbi { text-align: right; position: absolute; right: 0px; width: 30px; height: 30px; padding: 5px 10px 0px 0px; } .img_piao { /* height: 266px; */ height: 228px; /* width: 406px; */ width: 348px; overflow: hidden; } .img_piao a { display: block; height: 228px; width: 348px; } .img_piao img { width: 100%; height: 100%; } .artice table{ width: 100%!important; text-align: center; margin: 0 auto; } .artice table td{ line-height: 30px; padding: 0 5px; box-sizing: border-box; } html,body{ width: 100%; height: auto; margin: 0; padding: 0; background: #fff; } ul, ol, li { list-style: none; padding: 0; margin: 0; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } .artice table tr td span{ margin:0; text-indent:0px!important; display: initial; } .contain{ width: 1200px; height: auto; margin: auto; } img{ display: block; } #vsb_content p img{ margin: 0 auto !important; } .artice p img{ margin: 10px auto !important; max-width: 100% !important; height: auto; border: none !important; display: initial; } .articetime{ width: 100%; height: 50px; text-align: center; display: block; font-size: 14px; color: #999; line-height: 50px; } .details .articetime span{ display:initial; } .details-wrap .teamwrap{ width:100%; height:auto; } .details-wrap .teamwrap ul{ width: 100%; height: auto; overflow: hidden; padding: 40px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } .details-wrap .teamwrap ul li{ width: 49%; height: 40px; /* border: 1px #ececec solid; */ margin-bottom: 20px; padding: 0 15px; box-sizing: border-box; background-color: #f2f2f2; } .details-wrap .teamwrap ul li a{ display: block; height: 40px; line-height: 40px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .details-wrap .teamwrap ul li a:hover{ color: #0d6488; } /* 首页 */ .box{ width:100%; height: auto; } /* 导航 */ .header{ width: 100%; height: 120px; margin: auto; background: url(/uploads/image/img/header_bg.png) no-repeat; background-size: 100% 100%; } .logo{ width: auto; height: 90px; float: left; padding: 15px 0; } .logo img{ height: 80px; } .search{ float: right; height: 100%; padding: 27px 0; width: auto; } .top_link{ width: auto; height: 30px; line-height: 30px; } .top_link ul { width: 100%; height: 30px; } .top_link ul li{ width: 75px; height: 100%; float: left; position: relative; } .top_link ul li::after{ position: absolute; width: 1px; height: 14px; top: 8px; right: 0; content: ""; background: #fff; } .top_link ul li:last-child::after{ display: none; } .top_link ul li a{ display: inline-block; width: 75px; height: 100%; float: left; cursor: pointer; } .top_link ul li a img{ width: 40px; margin: 0 20px; } .top_link ul li a p{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; } .seach_info{ width: 195px; height: 30px; line-height: 30px; border-radius: 25px; padding: 0 10px; margin-top: 5px; border: 1px solid #fff; } .seach_info .searchinput{ width: 160px; float: left; height: 30px; line-height: 30px; border: none; padding:0 6px; outline: none; border-radius: 5px; background: transparent; color: #fff; } input::-webkit-input-placeholder { color: #d6d6d6; font-size: 14px; } input::-moz-input-placeholder { color: #d6d6d6; font-size: 14px; } input::-ms-input-placeholder { color: #d6d6d6; font-size: 14px; } .seach_info .searchbtn{ width: 16px; float: left; height: auto; outline: none; margin-top: 7px; border: none; } .top{ width: 100%; height: 40px; background: #810c09; } .top ul{ float: right; width: auto; height: 100%; overflow: hidden; } .top ul li{ width: auto; height: 100%; float: left; margin-left: 20px; } .top ul li a{ width: 100%; height: 40px; line-height: 40px; display: inline-block; overflow: hidden; } .top ul li a .link_img{ width: 30px; height: 100%; position: relative; float: left; } .top ul li a .link_img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .top ul li a .tit{ float: left; color: #fff; height: 40px; font-size: 14px; line-height: 40px; } .nav{ width: 100%; min-width: 1200px; height: 50px; position: relative; z-index: 200; background-color: #0e5a89; box-shadow: 0px 15px 6px -15px #ddd; } .nav>ul { width: 1200px; margin: 0 auto; height: 100%; } .nav>ul>li { position: relative; float: left; cursor: pointer; z-index: 200; height: 46px; width: 85px; } .nav>ul>li>a { height:100%; width: 100%; display: block; font-size: 16px; text-align: center; line-height: 47px; color: #fff; } .nav>ul>li:hover { border-bottom:3px solid #fff; color: #fff; } .nav>ul>li:hover a { color: #fff; } .nav .current { border-bottom:3px solid #fff; color: #fff; } .subnav { position: absolute; left: 0; top:50px; border: #0e419c; width: 200px; color: #fff; display: none; border: 1px solid #186b9f; z-index: 999; border-top: none; } .subnav>li { position: relative; width: 100%; height: 44px; background-color: #186b9f; } .subnav>li>a { display: block; margin-left: 12px; margin-right: 12px; color: #fff; font-size: 14px; line-height: 44px; height: 43px; text-align: center; border-bottom: 1px solid #2b8b8a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .subnav>li:hover { background-color: #238bcc; transition: .3s; } .subnav>li>a:hover { color: #fff; border: none; } .second-nav { position: absolute; width: 200px; left: 200px; top: -1px; background-color: #186b9f; display: none; border: 1px solid #2b8b8a; overflow: hidden; } .second-nav>li { width: 96%; padding:0 2%; height: 44px; } .second-nav>li>a { width:100%; height: 43px; line-height: 44px; display: block; font-size: 14px; text-align: center; color: #fff; border-bottom: 1px solid #2b8b8a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .second-nav li:hover { background-color: #238bcc; transition: .3s; } .nav>ul>li:hover .subnav>li>a { color: #fff; transition: .3s; } .nav>ul>li:hover .second-nav>li>a { color: #fff; transition: .3s; } /* nav */ .nav-phone{ display: none ; } .fir_cont{ width: 100%; height: auto; background: #f7f7f7; padding: 30px 0; overflow: hidden; } .sec_cont{ width: 1200px; margin: auto; height: auto; padding: 30px 0; overflow: hidden; } .fir_cont .news-img{ width: 580px; height: 380px; float: left; margin-right: 40px; overflow: hidden; position: relative; } .fir_cont .news-img a{ width: 100%; height: 380px; display: block; } .fir_cont .news-img a img{ width: 100%; height:380px; cursor:pointer; } .fir_cont .news{ float: right; width: 580px; height: 380px; } .title{ width: 100%; height: 30px; border-bottom: 1px solid #71a9da; padding: 5px 0; } .title .tit_left{ float: left; overflow: hidden; } .title .tit_left img{ float: left; width: auto; height: 20px; margin-top: 5px; } .title .tit_left span{ float: left; display: inline-block; height: 30px; line-height: 30px; font-size: 22px; color: #25506b; font-weight: 600; } .title .tit_right{ float: right; overflow: hidden; } .title .tit_right a{ color: #186b9f; } .title .tit_right .more-en{ display: inline-block; height: 20px; line-height: 30px; font-size: 12px; padding: 0 10px; margin-top: 5px; } .title .tit_right:hover .more-en{ color: #186b9f; } /* 学院新闻 */ .news_list{ width: 100%; height: auto; margin-top: 15px; } .news_list ul{ width: 100%; height: auto; } .news_list ul li{ width: 100%; height: 40px; line-height: 40px; background: #fff; margin-bottom: 5px; padding: 5px 0; } .news_list ul li:last-child { margin-bottom: 0px; } .news_list ul li a{ width: 100%; height: 40px; line-height: 40px; overflow: hidden; display: block; } .news_list ul li a img{ width: auto; height: 10px; margin-top: 13px; float: left; margin-right: 10px; } .news_list ul li a .tit{ width: calc(100% - 110px); height: 40px; line-height: 40px; float: left; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news_list ul li:first-child a .tit{ color: #a1672f; font-size: 16px; font-weight: 600; } .news_list ul li a .time{ width: 90px; height: 40px; float: left; text-align: left; font-size: 14px; position: relative; } .news_list ul li a .time::after{ position: absolute; width: 1px; height: 25px; background: #e5e5e5; content: ""; top: 8px; right: 9px; } .news_list ul li a .time .month{ width: 100%; height: 40px; line-height: 40px; display: block; text-align: center; color: #666; font-size: 16px; font-weight: 600; } .news_list ul li a .time .year{ width: 100%; height: 25px; line-height: 25px; display: none; text-align: center; color: #666; } .news_list ul li:first-child a .time .month{ color: #a1672f; } .news_list ul li:first-child a .time .year{ color: #a1672f; } .news_list ul li a:hover .tit,.news_list ul li a:hover .time .month,.news_list ul li a:hover .time .year{ color: #a1672f; } .sec_cont .tzgg{ width: 590px; float: left; background: #fff; height: auto; } .sec_cont .xsjz{ width: 590px; float: right; background: #fff; height: auto; } /* 通知公告 */ .tzgg_list{ width: 100%; height: auto; margin-top: 10px; } .tzgg_list ul{ width: 100%; height: auto; } .tzgg_list ul li{ width: 100%; height: 45px; line-height: 45px; } .tzgg_list ul li a{ width: 100%; height: 45px; line-height: 45px; overflow: hidden; display: block; } .tzgg_list ul li a img{ width: auto; height: 10px; margin-top: 13px; float: left; margin-right: 10px; } .tzgg_list ul li a .tit{ width: calc(100% - 120px); height: 45px; line-height: 45px; float: left; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tzgg_list ul li a .time{ width: 100px; height: 45px; line-height: 45px; float: left; text-align: right; color: #666; font-size: 16px; } .tzgg_list ul li a:hover .tit{ color: #a1672f; } .tzgg_list ul li a:hover .time{ color: #a1672f; } /* 学术讲座 */ .xsjz_cont{ width: 100%; height: auto; } .xsjz-info{ width: 100%; height: auto; padding: 8px 0; border-bottom: 1px solid #f2f2f2; } .xsjz-info a{ width: 100%; height: auto; display: block; } .xsjz-info a .xsjz-tit{ width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: 600; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xsjz-info a .xsjz-name{ height: 20px; line-height: 20px; width: 100%; color: #333; font-size: 14px; letter-spacing: 0.7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xsjz-info:hover .xsjz-tit{ color: #a1672f; } .xsjz-info:hover .xsjz-name{ color: #a1672f; } .xsjz-list{ width: 100%; height: auto; } .xsjz-list ul{ width: 100%; height: auto; margin-top: 10px; } .xsjz-list ul li{ width: 100%; height: 40px; margin-bottom:10px; } .xsjz-list ul li a{ width: 100%; height: 40px; display: block; line-height: 40px; overflow: hidden; } .xsjz-list ul li a .xsjz-time{ float: left; width: 60px; height: 25px; line-height: 25px; background: #186b9f; text-align: center; border-radius: 5px; color: #fff; margin-right: 10px; margin: 8px 10px 7px 0; } .xsjz-list ul li a .tit{ float: left; width: calc(100% - 80px); height: 40px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } .xsjz-list ul li a:hover .tit{ color: #a1672f; } .third_cont{ width: 100%; height: auto; padding: 20px 0; background: url(/uploads/image/img/study_bg.png) no-repeat; background-size: 100% 100%; } /*本科生教育 */ .education{ width: 100%; height: auto; background: #f7f7f7; padding: 30px 0; overflow: hidden; } .study{ width: 1200px; margin: auto; height: auto; overflow: hidden; } .bks_study{ width: 590px; margin-right: 20px; height: auto; float: left; } .yjs_study{ width: 590px; height: auto; float: left; } .bks-list{ width: 100%; height: auto; } .bks-list ul{ width: 100%; height: auto; margin-top: 10px; } .bks-list ul li{ width: 100%; height: 40px; margin-bottom:10px; } .bks-list ul li a{ width: 100%; height: 40px; display: block; line-height: 40px; overflow: hidden; } .bks-list ul li a .time{ float: left; width: 60px; height: 25px; line-height: 25px; text-align: center; color: #666; font-size: 16px; margin: 8px 10px 7px 0; } .bks-list ul li a .tit{ float: left; width: calc(100% - 80px); height: 40px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } .bks-list ul li a:hover .time{ color: #a1672f; } .bks-list ul li a:hover .tit{ color: #a1672f; } /*科研信息 本科生信息*/ .message{ width: 1200px; margin: auto; height: auto; overflow: hidden; } .scientific{ width: 590px; margin-right: 20px; height: auto; float: left; } .job{ width: 590px; height: auto; float: left; } .scientific_list { width: 100%; height: auto; margin-top: 10px; } .scientific_list ul { width: 100%; height: auto; } .scientific_list ul li { width: 100%; height: 45px; line-height: 45px; } .scientific_list ul li a { width: 100%; height: 45px; line-height: 45px; overflow: hidden; display: block; } .scientific_list ul li a img { width: auto; height: 10px; margin-top: 13px; float: left; margin-right: 10px; } .scientific_list ul li a .tit { width: calc(100% - 120px); height: 45px; line-height: 45px; float: left; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .scientific_list ul li a .time { width: 100px; height: 45px; line-height: 45px; float: left; text-align: right; color: #666; font-size: 16px; } .scientific_list ul li a:hover .tit { color: #a1672f; } .scientific_list ul li a:hover .time { color: #a1672f; } /* 网站图片链接 */ .link-list{ width: 1200px; margin: auto; height: auto; padding: 15px 0 0 0; } .link-list ul{ width: 100%; height: 80px; overflow: hidden; } .link-list ul li{ width: 232px; height: 80px; float: left; margin-right: 10px; } .link-list ul li:last-child{ margin-right: 0; } .link-list ul li a{ width: 232px; height: 80px; display: block; } .link-list ul li a img{ display: block; width: 232px; height: 80px; } /* 底部 */ .footer{ width: 100%; min-width: 1200px; height: auto; padding: 20px 0 0 0; background: url(/uploads/image/img/bottom_bg.png) no-repeat; background-size: 100% 100%; } .foot{ width: 1200px; margin: auto; height: auto; border-bottom: 1px solid #92a8b5; padding-bottom: 10px; } /* 底部链接 */ .links{ width: 250px; float: left; height: auto; } .lk-list { width: 240px; position: relative; color: #fff; font-size: 14px; margin-bottom: 10px; z-index: 100; cursor: pointer; } .lk-list h2 { width: 100%; border: 1px solid #dedede; font-size: 14px; color: #fff; text-align: center; line-height: 34px; height: 34px; background-image: url(/uploads/image/img/jt-b.png); background-repeat: no-repeat; background-position: 220px center; } .lk-list ul { width: 100%; position: absolute; z-index: 2000; border: 1px solid #dedede; bottom: 34px; background-color: #fff; display: none; height: auto; overflow-y: auto; } .lk-list li { border-bottom: 1px dotted #dedede; text-align: center; } .lk-list li a { line-height: 34px; font-size: 14px; text-align: center; color: #5a5a5a; } .lk-list li:hover a{ color: #910600; font-weight: 600; } .contact{ width: auto; height: auto; margin-left: 100px; float: left; } .contact p{ width: auto; height: 40px; line-height: 40px; color: #fff; font-size: 14px; } .footer .wx-code{ float: right; margin-right: 100px; width: 100px; height: 100px; margin-top: 10px; } .footer .wx-code img{ width: 100px; height: 100px; } .copy{ width: 390px; height: 40px; padding: 10px 0; overflow: hidden; margin: auto; } .copy a{ width: 33px; height: 40px; display: inline-block; float: right; } .copy a img{ width: 33px; height: 40px; } .copy .copy_info{ float: left; height: 40px; line-height: 40px; font-size: 14px; color: #fff; } /* 右侧边栏 */ .fpcd{ position:fixed; right:0; top:65%; width:100px; height:auto; background-color:#186b9f; cursor:pointer; z-index: 9999; } .fpcd .code{ width: 80px; position: relative; height: auto; color: #fff; border: 0px solid #fff; padding: 10px; text-align: center; font-size: 14px; } .fpcd .code p{ width: 100%; height: 100%; } .fpcd .code img{ position: absolute; right: 100px; top: 0; width: 80px; display: none; } .fpcd .code::after{ width: 80px; left: 10px; bottom: 0; height: 1px; content: ""; position: absolute; background: #2b8b8a; } .fpcd .code:last-child::after{ display: none; } .fpcd .code:hover{ background: #238bcc; } /* 列表页 */ .details_banner{ width: 100%; height: auto; } .details_banner img{ width: 100%; height: auto; } .content { width: 1200px; height: auto; overflow: hidden; margin: 20px auto 40px; } .content .colum { float: left; width: 210px; height: auto; overflow: hidden; background-color: #fff; margin-bottom: 40px; } .content .details-wrap { float: right; width: 960px; height: auto; background-color: #fff; } .content .colum h2 { width: 100%; height: 80px; line-height: 80px; font-size: 24px; color: #fff; text-align: center; background: #186b9f; margin: 0px; font-weight: 400; } .content .colum .colum_list{ width: 100%; height: auto; } .content .colum .colum-li { width: calc(100% - 2px); height: 50px; border: 1px solid #e8e8e8; border-top: none; } .content .colum .colum-li a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #4c4c4c; text-align: center; border-top: none; position: relative; } .content .colum .focus a{ color: #238bcc; font-weight: 600; } /* .content .colum .focus a::after{ content: ""; top: 10px; left: 0; width: 4px; height: 30px; background: #238bcc; position: absolute; } .content .colum .colum-li:hover a::after{ content: ""; top: 10px; left: 0; width: 4px; height: 30px; background: #238bcc; position: absolute; } */ .content .colum .colum-li:hover a{ color: #238bcc; font-weight: 600; } .details-tit{ width: 100%; height: 35px; line-height: 35px; padding-bottom: 10px; position: relative; } .details-tit::after{ position: absolute; bottom: 0px; left: 0; content: ""; height: 7px; width: 100%; background: url(/uploads/image/img/fgx.png) no-repeat; background-size: 100% 100%; } .details-tit .targetbar { width: auto; height: 35px; } .details-tit .targetbar strong { display: inline-block; height: 35px; line-height: 35px; color: #707070; font-size: 16px; font-weight: 100; } .details-tit .targetbar span { display: inline-block; height: 35px; line-height: 35px; color: #707070; font-size: 16px; margin: 0 10px; } .details-tit .targetbar label { float: right; display: inline-block; height: 35px; line-height: 35px; color: #707070; font-size: 16px; margin: 0 10px; } .details-tit .targetbar a { display: inline-block; height: 35px; line-height: 35px; color: #707070; font-size: 16px; } .details-tit .targetbar a:hover { color: #238bcc; } .list-wrap { width: 100%; height: auto; overflow: hidden; } .list-wrap ul { width: 100%; height: auto; overflow: hidden; margin-top: 10px; } .list-wrap ul li { list-style: none; width: 100%; height: 40px; overflow: hidden; border-bottom: 1px solid #ececec; padding: 5px 0; } .list-wrap ul li a { display: inline-block; width: 100%; height: 100%; color: #333; } .list-wrap .list-tit{ float: left; width: calc(100% - 140px); height: 40px; line-height: 40px; color: #727272; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 30px; position: relative; } .list-wrap .list-tit::after{ position: absolute; content: ""; top: 14px; left: 5px; width: 9px; height: 9px; border: 1px solid #bbbbbb; border-radius: 50%; } .list-wrap .list-tit::before{ position: absolute; content: ""; top: 17px; left: 8px; width: 5px; height: 5px; background: #bbbbbb; border-radius: 50%; } .list-wrap .list-time { width: 110px; height: 40px; line-height: 40px; float: left; font-size: 16px; text-align: right; } .list-wrap ul li a:hover .list-tit{ color: #238bcc; } .list-wrap ul li a:hover .list-time{ color: #238bcc; } .list-wrap ul li a:hover .list-tit::after{ border: 1px solid #238bcc; } .list-wrap ul li a:hover .list-tit::before{ background: #238bcc; } .details { width: 100%; height: auto; overflow: hidden; } .details h3 { width: 900px; font-size: 22px; color: #333; margin: 0px; line-height: 40px; font-weight: 100; text-align: center; padding: 0 30px; margin: 30px 0px 10px 0px; } .details span { font-size: 14px; /*color: #999;*/ margin-bottom: 30px; } .details .artice { width: 900px; height: auto; overflow: hidden; padding: 0 30px 30px 30px; border-bottom: 1px #ececec solid; font-size: 16px; color: #4c4c4c; line-height: 30px; } .details .artice p{ line-height: 30px!important; } .page{ padding:20px 0; } .details .pagenow { width: 900px; height: 50px; padding: 0 30px; } .details .pagenow a:hover { color: #238bcc; } .details .pagenow .pagel { display: inline-block; float: left; height: 50px; line-height: 50px; color: #666; font-size: 16px; width: 40%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .details .pagenow .pager { display: inline-block; float: right; height: 50px; line-height: 50px; color: #666; font-size: 16px; width: 40%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right; } .search_list{ width: 100%; height: auto; overflow: hidden; } .search_list .details-wrap{ width: 100%; height: auto; overflow: hidden; } /* 教师列表 */ .teacher-list{ width: 100%; height: auto; margin-top: 10px; } .teacher-item{ width: 100%; height: auto; margin-bottom: 20px; } .teacher-item .teacher-tit{ width: 100%; height: 50px; overflow: hidden; border-bottom: 1px dashed #ddd; } .teacher-item .teacher-tit img{ float: left; height: 22px; width: auto; margin: 14px 10px 14px 0; } .teacher-item .teacher-tit span{ width: auto; float: left; display: block; height: 50px; line-height: 50px; color: #3c82ae; font-weight: 600; font-size:20px; } .teacher-item .teacher-tit .more{ width: auto; float: right; height: 50px; line-height: 50px; color: #3c82ae; font-size:14px; } .teacher-item ul { width: 100%; height: auto; overflow: hidden; margin-top: 10px; } .teacher-item ul li { list-style: none; width: 120px; height: 40px; float: left; } .teacher-item ul li a { display: inline-block; width: 100%; height: 100%; line-height: 40px; color: #333; } .teacher-item ul li:hover a{ color: #3c82ae; font-weight: 600; } /* 教师详情*/ .teacher-detail{ width: 100%; height: auto; overflow: hidden; margin-top: 15px; } .teacher_info{ float: left; width: 220px; margin-top: 5px; } .detail_tab_item{ float: left; margin-left: 20px; width: 895px; padding: 20px 30px; background: #fff; box-shadow: #e7e7e7 0px 0px 10px; margin-top: 5px; margin-bottom: 7px; } .teacher_img{ padding: 35px 15px 0 15px; width: 190px; background: #f6f6f6; } .teacher_img img{ width: 190px; height: auto; display: block; } .teacher_img .name{ width: 190px; height: 40px; line-height: 40px; text-align: center; color: #3c82ae; font-size: 16px; font-weight: bold; } .teacher_img .phone{ width: 190px; height: 40px; line-height: 30px; text-align: center; color: #3c82ae; font-size: 14px; font-weight: inherit; } .detail_tab{ width: 218px; margin-top: 10px; background: #fff; border-top: 3px solid #3c82ae; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; border-right: 1px solid #ededed; box-shadow:#ededed 0px 0px 10px; } .detail_tab p{ width: 100%; height: 60px; text-align: center; line-height: 60px; border-top: 1px solid #f1f1f1; color: #666; cursor: pointer; } .detail_tab p:hover{ color: #3c82ae; font-weight: 600; } .detail_tab .cur{ font-weight: bold; background: #ddecf6; color: #3c82ae; } .detail_item{ display: none; } .on{ display: block; } .info_tit{ width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #3c82ae; color: #3c82ae; font-weight: bold; } .jbxx_detail{ width: 100%; height: auto; width: 100%; height: auto; line-height: 30px; color: #999; font-size: 14px; } .jbxx_detail span{ color: #333!important; font-size: 14px!important; } .jbxx_detail p{ color: #333!important; font-size: 14px!important; } .jbxx_detail div{ color: #333!important; font-size: 14px!important; } /* .jbxx_detail:hover{ color: #18914f; } */ .jbxx_detail .jbxx_tit{ background: #ddecf6; width: calc(100% - 14px); height: 30px; line-height: 30px; margin-top: 20px; border-left: 4px solid #72a1c0; padding-left: 10px; color: #666; font-weight: bold; font-size: 14px; margin-bottom: 20px; } /* 师资队伍图片列表页 */ .pic_wz{ width: 830px!important; } .picture-list{ width: 850px; height: auto; /* background-color:#f5f5f5 ; */ padding: 20px 0; } .pic_list{ width: 100%; height: auto; overflow: hidden; } .pic_list li{ width: 140px; height: auto; float: left; padding: 8px 8px 0 8px; border: 1px solid #dedede; overflow: hidden; margin-right: 10px; margin-bottom: 20px; } .pic_list li:nth-child(5n){ margin-right: 0; } .pic_list li a:hover .pic_img img{ width: 150px; height: 190px; transition: 0.5s; transform: matrix(1.1,0,0,1.1,0,0); } .pic_list li a{ width: 100%; height: auto; } .pic_list li a .pic_img{ width: 100%; height: 180px; overflow: hidden; } .pic_list li a .pic_img img{ width: 140px; height: 180px; transition: all .5s ease-out; } .pic_list li a .pic_tit{ width: calc(100% - 10px); height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; text-align: center; color: #333; font-size: 16px; } .teacher-nav { float: left; width: 355px; height: auto; overflow: hidden; background-color: #fff; margin-bottom: 40px; } .teacher-nav h2 { width: 100px; height: 58px; line-height: 58px; font-size: 22px; color: #444; text-align: center; border-top:1px #26581d solid; border-bottom:1px #26581d solid; margin: 0px; font-weight: 400; } .teacher-nav .teacher_nav_list{ width: 100%; height: auto; } .teacher-nav .teacher-li { width: 100%; height: 40px; padding: 7px 0px 7px 20px; border-bottom: 1px solid #d5d5d5; } .teacher-nav .teacher-li a { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #333; text-align: left; border-top: none; position: relative; } .teacher-nav .focus a{ color: #238bcc; font-weight: 600; } .teacher-nav .teacher-li a::after{ content:""; top: 12px; left: -25px; width: 16px; height: 16px; background: url(/uploads/image/img/right-nav.png) no-repeat; background-size: 100% 100%; position: absolute; } .teacher-nav .teacher-li:hover a{ color: #238bcc; font-weight: 600; } .details ul { margin-top: 30px; } .details ul li { line-height: 30px; text-indent: 0; } .details ul li a{ color:#095da1; } .details ul li a span{ color:#095da1; display: inline; }