body { margin:0 0; font-family:Microsoft Yahei; color:#323232; font-size:14px; } p{ margin:0; } ul{ list-style:none; padding:0 0; margin:0 0; display:table; } a{ text-decoration:none; } .clear{ clear:both; } img{ border:0; } .box{ width:100%; } .right-main-box .right-main table{ border-collapse:collapse; border-spacing:0; } /*.right-main-box .right-main table{border-right:1px solid #323232 !important;border-bottom:1px solid #323232 !important;border-collapse:collapse;border-spacing:0;} .right-main-box .right-main table td{border-left:1px solid #323232 !important;border-top:1px solid #323232 !important;}*/ /*网站头部*/ .header1{ width:100%; height:140px; position:absolute; z-index:1; } .header1 .upline{ width:100%; min-width:1280px; height:30px; background:darkred; } .header1 .upline .line-box{ width:1200px; height:100%; } .header1 .upline .cn-en{ width:50px; height:100%; line-height:30px; font-size:14px; color:#d6e1e5; float:right; } .header1 .upline .cn-en a{ color:#d6e1e5; } .header1 .upline .search{ width:50px; height:100%; float:right; background:url("../image/search_btn.png") center no-repeat;cursor:pointer; } .header1 .upline .border{ width:2px; height:30px; float:right; background:url("../image/cn-en-line.png") center no-repeat; } .header1 .main-box{ width:1200px; height:110px; } .header1 .main-box-bg{ width:100%; height:110px; background:#ffffff; } .header1 .main-box .logo{ width:366px; height:130px; position:relative; left:-19px; top: -20px; background:url("../image/logo.png") no-repeat center; float:left; } .header1 .main-box .right{ width:810px; height:100%; margin-left:24px; float:left; } /*搜索*/ .header1 .searchBox{ width:100%; height:80px; background:darkred; display:none; } .header1 .searchBox .text{ width:400px; height:30px; line-height:30px; border:0; padding:0; margin:0; } .header1 .searchBox .btn{ width:50px; height:30px; line-height:30px; border:0; padding:0; margin:0; background:#f3c301; color:#ffffff; } /*顶部菜单*/ .header1 .menu{ width:100%; height:110px; } .header1 .menu .ul-box{ width:100%; height:110px; } .header1 .menu .ul-box .ul1{ width:100%; margin-left:0; } .header1 .menu .ul-box .ul1 .li1{ width:84px; height:110px; line-height:110px; font-size:16px; color:#323232; float:left; margin-left:0; position:relative; z-index:2; } .header1 .menu .ul-box .ul1 .menu-index{width:32px;height:110px;line-height:110px;font-size:16px;color:#323232;float:left;margin-left:20px;margin-right:10px;position:relative;z-index:2;} .header1 .menu .ul-box .ul1 .single-li1{width:84px;height:110px;line-height:110px;font-size:16px;color:#323232;float:left;margin-left:0;position:relative;z-index:2;} .header1 .menu .ul-box .ul1 .last-li1{width:74px;text-align:right;} .header1 .menu .ul-box .ul1 .last-li1 .ul2-box .ul2-left-title{text-align: center;} .header1 .menu .ul-box .ul1 a{width:100%;color:#323232;} .header1 .menu .ul-box .ul1 .li1 .ul2-box{width:328px;height:335px;position:relative;left:-54px;display:none;} .header1 .menu .ul-box .ul1 .li1 .ul2{width:320px;height:335px;font-size:16px;font-weight:bold;position:relative;z-index:10;left:0;margin-top:1px;float:left;background-color:rgba(255,255,255,0.8)} .header1 .menu .ul-box .ul1 .li1 .onmouse{display:table;} .header1 .menu .ul-box .ul1 .li1 .ul2 a{color:#323232;background:#fff;margin-top:1px;} .header1 .menu .ul-box .ul1 .li1 .ul2 li{background:url("../image/menu-right-line.png") bottom no-repeat;width:100%;height:45px;line-height:45px;margin-top:0;text-align:left;text-indent:65px;} .header1 .menu .ul-box .ul1 .li1 .ul2 .on{background:url("../image/menu-sanjiao.png") right no-repeat #a1964a;color:#fff;} .header1 .menu .ul-box .ul1 .li1 .ul2 .li-block{height:13px;margin: 0 0;text-align:left;} .header1 .menu .ul-box .ul1 .li1 .ul2 .li-block .on-line{width:70px;height:4px;background:#a1964a;position:relative;left:62px;top:-2px;} .header1 .menu-bg{width:100%;height:335px;position:relative;top:0;z-index:1;display:none;} /*内页顶部图片*/ .top-block1{ width:100%; height:140px; } .top-block2{ width:100%; height:140px; } /*网站底部*/ .footer-box{ width:100%; height:315px; background:url("../image/footer-bg.jpg"); } .footer-box .footer{ width:1200px; text-align:left; } .footer-box .footer .title{ width:100%; font-size:24px; color:#ffffff; } .footer-box .footer .links{ width:257px; height:275px; float:left; margin-right:20px; } .footer-box .footer .links ul{ line-height:14px; width:100%; } .footer-box .footer .links ul a{ color:#ffffff; } .footer-box .footer .links ul li{ width:100%; margin-top:45px; float:left; font-size: 14px; } .footer-box .footer .contact{width:257px;height:275px;float:left;margin-right:50px;color:#ffffff;} .footer-box .footer .contact ul{line-height:14px;width:100%;} .footer-box .footer .contact ul li{width:100%;margin-top:45px;float:left;font-size:14px;} .footer-box .footer .link{width:257px;height:275px;float:left;margin-right:50px;color:#ffffff;} .footer-box .footer .link ul{line-height:14px;width:100%;} .footer-box .footer .link ul li1{width:100%;margin-top:40px;float:left;} .copy-right-box{width:100%;background: #333333;height:90px;line-height:90px;color:#ffffff;font-size:14px;} /*内部网页通用样式*/ .page-main-box{width:100%;height:auto;position:relative;z-index: 10;background:url("../images/bg.jpg") center repeat; background-size: cover!important;} .page-main-box .page-main-mbox{height:auto;width: 100%} .page-main-box .page-main{width:1255px;margin:0 auto;} .page-main-box .page-main table{max-width:860px;} .page-main-box .page-main img{max-width:860px;} .page-main-box .page-main .left-menu{width:260px;float:left;text-align:left;} .page-main-box .page-main .left-menu .head{width:100%;height:140px;line-height:150px;background:#6D3117;font-size:26px;color:#ffffff;text-indent:40px;position:relative;} .page-main-box .page-main .left-menu ul{width:100%;font-size:16px;color:#ffffff;background:#6D3117;} .page-main-box .page-main .left-menu ul a{color:#ffffff;width:100%;height:100%;} .page-main-box .page-main .left-menu ul li{text-indent:40px;text-align:left;width:100%;height:60px;line-height:60px;} .page-main-box .page-main .left-menu ul .on{background: #ffffff; color: #007979; border-left: 10px solid #c09f80; } /*三级栏目*/ .page-main-box .page-main .left-menu ul .three{text-indent:80px;display:block;} /*右侧显示*/ .page-main-box .page-main .right-main-box-box{width:860px;float:left;position:relative;} .page-main-box .page-main .right-main-box{width:1000px; height: 1200px;background:#ffffff;} .page-main-box .page-main .right-main-box .right-main{width:870px;min-height:500px;position:relative; margin: 0 auto;} .page-main-box .page-main .right-main-box .right-main .right-map{width:100%;height:56px;line-height:56px;border-bottom:6px solid #e6ebed;} .page-main-box .page-main .right-main-box .right-main .right-map .left{background:url("../images/right-head.png") left no-repeat;background-size: 30px;text-indent:34px;float:left;font-size:24px;color:#165068;} .page-main-box .page-main .right-main-box .right-main .right-map .right{float:right;font-size:14px;line-height:36px;margin-top:20px;color:#165068;} .page-main-box .page-main .right-main-box .right-main .essay-list{width:100%;margin-top:15px;} .page-main-box .page-main .right-main-box .right-main .essay-list a{color:#323232;} /*.page-main-box .page-main .right-main-box .right-main .essay-list a:visited{color:#335b8d;}*/ .page-main-box .page-main .right-main-box .right-main .essay-list a:hover{color:#335b8d;} .page-main-box .page-main .right-main-box .right-main .essay-list li{width:100%;height:54px;line-height:54px;font-size:14px;text-align:left;text-indent:21px;background:url("../images/list-head.png") left no-repeat,url("../images/list-border.png") bottom repeat-x;} .page-main-box .page-main .right-main-box .right-main .essay-list li .list-title{width:750px;height:54px;float:left;overflow:hidden;} .page-main-box .page-main .right-main-box .right-main .essay-list li .list-time{float:right;} .page-main-box .page-main .right-main-box .right-main .page-dao-box{width:100%;height:14px;margin-top:35px;text-align:center;} .page-main-box .page-main .right-main-box .right-main .page-dao-box div{display:inline-block;} .page-main-box .page-main .right-main-box .right-main .page-dao-box .jump-page-text{width:20px;height:14px;} .page-main-box .page-main .right-main-box .right-main .page-dao-box .go{width:40px;height:20px;line-height:20px;font-size:14px;position:relative;top:2px;} .page-main-box .page-main .right-main-box .right-main .pagedao{height:36px;line-height:36px;position:relative;margin-top:30px;} .page-main-box .page-main .right-main-box .right-main .pagedao ul{height:36px;width:auto;list-style:none;margin:0 0;padding:0 0;display:table;float:right;} .page-main-box .page-main .right-main-box .right-main .pagedao ul li{height:36px;width:36px;font-size:14px;color:#1a3148;background:#e9e9e9;float:left;margin-right:10px;text-align:center;cursor:pointer;} .page-main-box .page-main .right-main-box .right-main .pagedao ul .on{background:#074d8d;color:#fff;} .page-main-box .page-main .right-main-box .right-main .pagedao ul .none{background:#dddddd;color:#fff;cursor:auto;} /*右侧显示的栏目菜单页公共部分*/ .right-column-box{width:860px;} .right-column-box .right-column-menu{width:auto;margin-top:35px;} .right-column-box .right-column-menu a{color:#323232;} .right-column-box .right-column-menu li{height:50px;line-height:50px;font-size:18px;float:left;margin-right:0px;cursor:pointer;background:#eeeeee;} .right-column-box .right-column-menu li .block{width:30px;height:100%;float:left;} .right-column-box .right-column-menu li .text{float:left;width:auto;} /*.right-column-box .right-column-menu .last{margin-right:0px;}*/ .right-column-box .right-column-menu .on{color:#fafafa;background:#084e96;} .right-column-box .right-column-content{width:100%;line-height:28px;font-size:14px;color:#323232;margin-top:40px;text-align:left;} /*栏目介绍页-通用*/ .page-main-box .page-main .right-main-box .right-main .common-content{width:100%;margin-top:40px;margin-bottom:50px;line-height:28px;text-align:left;} .page-main-box .page-main .right-main-box .right-main .common-content img{max-width:100%;} /*文章页*/ .page-main-box .page-main .right-main-box .right-main .essay-title{font-size:18px;width:70%;line-height:36px;height:auto;text-align:center;margin-top:40px;font-weight:bold;} .page-main-box .page-main .right-main-box .right-main .essay-time{font-size:12px;width:100%;line-height:28px;margin-bottom:22px;} .page-main-box .page-main .right-main-box .right-main .essay-field{font-size:14px;line-height:28px;text-align:left;margin-top:10px;margin-bottom:60px;} .page-main-box .page-main .right-main-box .right-main .essay-field img{max-width:100%;} .pagedao { height: 36px; line-height: 36px; position: relative; margin-top: 30px; } .pagedao ul { height: 36px; width: auto; list-style: none; margin: 0 0; padding: 0 0; display: table; float: right; } .pagedao ul .none { background: #dddddd; color: #fff; cursor: auto; } .pagedao ul .on { background: #074d8d; color: #fff; } .pagedao ul li { height: 36px; width: 36px; font-size: 14px; color: #1a3148; background: #e9e9e9; float: left; margin-right: 10px; text-align: center; cursor: pointer; } .m-page { padding: 11px 0 11px 0; text-align: center; margin: 0 auto; width: 100%; margin-top: 55px; } .m-page ul { overflow: hidden; display: inline-block; vertical-align: top; } .m-page ul li { float: left; margin: 0 5px; } .m-page li a { display: block; font-size: 14px; color: #666; line-height: 28px; padding: 0 10px; background: #fff; border: 1px #ededed solid; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .m-page li a:hover, .m-page li.on a { background: #9a0000; color: #fff; } .content2{ width:100%; margin-top:60px; } .content2s{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:10px; } .content2sl{ width:270px; /*height:400px;*/ float:left; background:#fff; border-bottom:1px solid #0C438B; /*background:white;*/ /*box-shadow:4px 4px 4px #c5c4c4;*/ } .content2sr{ width:1000px; float:left; background:white; } .content2slbt{ width:100%; height:100px; background:url("../images/listls.png"/*tpa=http://chinaiid.bnu.edu.cn/images/listls.png*/); overflow:hidden; } .content2slbt1{ width:240px; font-size:26px; color:white; /*font-weight:bold;*/ margin:36px 0 0 40px; } .content2slbt2{ width:50px; height:3px; background:white; margin:10px 0 0 40px; } .content2sllb{ margin-top:10px; } .content2sllb li{ line-height:50px; height:50px; font-size:18px; /*background:#e1e1e1;*/ background:#f1f1f1; border-bottom:1px solid #fff; border-top:1px solid #e7ebef; /*margin-top:2px;*/ } .content2sllba{ width:230px; height:50px; line-height:50px; margin-left:42px; float:left; color:#0C438B; } .content2sllba1{ float:left; width:20px; height:50px; margin-left:30px; } .content2sllb li:hover{ background:#0C438B; } .content2sllb li:hover .content2sllba{ color:white; } .content2sllb li:hover .content2sllba1{ background:url("../images/listqb2.png"/*tpa=http://chinaiid.bnu.edu.cn/images/listqb2.png*/); } .concrcc li:hover .concrcc-c21{ color:#0C438B; } .content2slimg{ margin-top:3px; } .concr { width: 100%; background: white; } .concrc { width: 100%; height: 100%; margin: 0 auto; margin-bottom: 40px; margin-top:10px; /* overflow: hidden; */ min-height: 323px; } .concrch { width:100%; height: 60px; border-bottom: 1px solid #f1f1f1; overflow: hidden; } .concrchbt { width: 150px; height: 24px; font-size: 28px; font-weight: bold; line-height: 20px; border-left: 4px solid white; margin-top: 20px; float: left; text-indent: 10px; /*color:white;*/ } .concrchwz { float: right; height: 60px; line-height: 70px; font-size: 14px; float: right; height: 60px; line-height: 70px; font-size: 14px; /*color:white;*/ } .concrcc li { width: 100%; border-bottom: 1px solid #f6f6f6; padding:20px 0 25px 0; overflow:hidden; transition: all .3s ease-out; } .concrcc li:hover{ background:#f6f6f6; } .crq { color: #666; line-height: 50px; float: right; font-size: 14px; margin-right: 6px; } .concrccimg{ width:210px; float:left; margin-top:4px; } .concrccimg:hover{ transform:scale(1.02); } .concrcc-c{ float:left; width:700px; margin-left: 15px; } .concrcc-c1{ width:100%; padding-left:10px; height:38px; } .concrcc-c11{ line-height:38px; font-size:14px; float:left; margin-right:10px; } .concrcc-c2{ width:670px; padding-left:10px; } .concrcc-c21{ line-height:30px; /*padding-top:10px;*/ font-size:16px; font-weight:bold; transition: all .3s ease-out; text-align: left; } .concrcc-c21s{ width:840px; } .concrcc-c22{ line-height:24px; font-size:14px; text-align: left; } .concrcc-c1-dt{ width:100%; height:40px; line-height:40px; font-size:16px; } .concrcc-c2rq{ height:30px; line-height:20px; font-size:14px; } .yjcglistt{ width:252px; height:356px; float:left; padding:25px 24px; } .concrccimg2{ margin-left:20px; width:150px; } .concrcc-c3{ width:670px; } .concrcc-c2-3{ width:100%; } .concrcc-c21-yjcgb{ line-height:40px; font-size:16px; font-weight:bold; margin-top:10px; } .concrcc-c2rq-yj{ padding-top:10px; color:#0064B4; } .concrcc-c22-yj{ padding-top:4px; } .concrcc li:hover .concrcc-c21-yjcgb{ color:#0C438B; } .right-map { width: 900px; height: 56px; line-height: 56px; border-bottom: 6px solid #e6ebed; margin:0 auto; } .right-map .left { background: url(../images/right-head.png) left no-repeat; background-size: 30px; text-indent: 34px; float: left; font-size: 24px; color: #165068; } .right-map .right { float: right; font-size: 14px; line-height: 36px; margin-top: 20px; color: #165068; } .page-main-box .right-main-box .right-main .szdw-lyys { width: 860px; overflow: hidden; color: #000; } .page-main-box .right-main-box .right-main .szdw-lyys ul { width: 914px; } .page-main-box .right-main-box .right-main .szdw-lyys a { color: #000; } .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; margin-right: 53px; margin-top: 40px; } .page-main-box .right-main-box .right-main .szdw-lyys ul li img { width: 175px; height: 220px; } .page-main-box .right-main-box .right-main .szdw-lyys{ width:860px; overflow: hidden; color:#000; } .page-main-box .right-main-box .right-main .szdw-lyys ul li:hover{ transform:scale(1.02); opacity: 0.9; } .page-main-box .right-main-box .right-main .szdw-lyys ul li .name{ width:175px; height:40px; line-height:40px; background: #dcdcdc; font-size:18px; text-align: center; } .listfy{ height:60px; margin-top:20px; } .listfy1{ height:60px; line-height:60px; font-size:14px; float:left; margin-right:10px; cursor:pointer; } .listfy2{ float:left; margin:20px 10px 0 0px; } .listfy3{ margin-left:130px; } /*校友照片模板后加样式--start*/ .szdw-lyys-zp{ overflow:hidden; color:#000; } ul.zp-ul a{ color:#000; } ul.zp-ul li{ width:400px; height:240px; margin:0 20px; margin-top:20px; float:left; } ul.zp-ul li img{ height:200px; width:400px; } .zp-name{ width:100%; height:40px; line-height:40px; background:#eee; font-size:18px; text-align:center; color:#333; } /*校友照片模板后加样式--end*/ @media screen and (max-width: 1280px){ .page-main-box .page-main .left-menu { display: none; } .right-map { width: 95% !important; height: 56px; line-height: 56px; border-bottom: 6px solid #e6ebed; margin: 0 auto; } .page-main-box .page-main .left-menu ul li { text-indent: 15px; text-align: left; width: 100%; height: 60px; line-height: 60px; font-size: 14px; } .page-main-box .page-main .left-menu ul .on { background: #ffffff; color: #007979; border-left: 5px solid #c09f80; } .page-main-box .page-main { width: 100%!important; margin: 0 auto; height:auto!important; } .page-main-box .page-main .left-menu { width: 20%; float: left; text-align: left; overflow: hidden; } .page-main-box .page-main .right-main-box-box { width: 100%!important; float: left; position: relative; } .page-main-box .page-main .right-main-box { width: 100%!important; background: #ffffff; height:auto!important; } .page-main-box .page-main .right-main-box .right-main { width: 87%!important; min-height: 500px; position: relative; } .right-column-box { width: 100%; } .page-main-box .right-main-box .right-main .szdw-lyys { width: 100%; overflow: hidden; color: #000; } .page-main-box .right-main-box .right-main .szdw-lyys ul { width: 95%; } .content2sr { width: 100%!important; float: left; background: white; } .concr { width: 100%!important; background: white; } .concrcc{ width: 100%!important; } .concrcc-c1 { width: 100%!important; padding-left: 10px; height: 38px; overflow: hidden; } .concrcc-c { float: left; width: 70%!important; margin-left: 0; } .concrcc-c2 { width: 95%!important; padding-left: 10px; } .concrcc li { width: 95%!important; margin: 0 auto; } .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; margin-right: 0; padding-left: 75px; margin-top: 40px; background: none!important; } .page-main-box .page-main .right-main-box .right-main .essay-list li .list-title{ width: 53%; } .page-main-box .page-main .right-main-box .right-main .common-content img { max-width: 99%!important; margin-left: -11px; height: auto!important; } .page-main-box .page-main table { width: 99%!important; height: auto!important; } } @media screen and (max-width: 1210px) { .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; padding-left: 115px; margin-top: 40px; background: none!important; } } @media screen and (max-width: 1050px) { .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; margin-top: 80px; background: none!important; } } @media screen and (max-width: 925px) { .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; padding-left: 58px; margin-top: 40px; background: none!important; } } @media screen and (max-width: 880px){ .page-main-box .page-main .right-main-box .right-main .right-map .right { display: none; } .right-map .right { display: none; } } @media screen and (max-width: 878px){ .concrccimg { width: 210px; float: none; margin: 0 auto; margin-top: 4px; } .concrcc-c { float: left; width: 100%!important; margin-left: 0; } } @media screen and (max-width: 850px){ .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; padding-left: 35px; margin-top: 40px; } } @media screen and (max-width: 700px){ .listfy1s{ display: none; } } @media screen and (max-width: 550px){ .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; padding-left: 20px; margin-top: 40px; } } @media screen and (max-width: 510px){ .listfy3 { margin-left: 70px; } } @media screen and (max-width: 475px){ .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; /* margin-right: 53px; */ padding-left: 95px; margin-top: 40px; } } @media screen and (max-width: 440px){ .listfy3 { margin-left: 50px; } .listfy{ margin-left: 0!important; } .listfy1{ margin-right: 2px; } .listfy2 { float: left; margin: 20px 5px 0 5px; } .page-main-box .page-main .right-main-box .right-main .right-map .left { float: left; font-size: 17px; } .page-main-box .page-main .right-main-box .right-main .right-map .left { background-size: 27px; } } @media screen and (max-width: 390px){ .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; /* margin-right: 53px; */ padding-left: 75px; margin-top: 40px; } } @media screen and (max-width: 380px) { .listfy3 { margin-left: 0; } } @media screen and (max-width: 360px){ .page-main-box .right-main-box .right-main .szdw-lyys ul li { width: 175px; height: 260px; float: left; /* margin-right: 53px; */ padding-left: 55px; margin-top: 40px; } }