* { padding:0; margin:0; list-style:none; } body { font-size:16px; font-family:"微软雅黑"; margin:0px; padding:0px; position:relative; } ul { padding:0; margin:0; list-style:none; } table, td, tr { border:0; padding:0; margin:0; list-style:none; } a { color:#222222; text-decoration:none; } a:hover { color:#005187; text-decoration:none; } img { border:o; } a img { border:0; } .clear { font-size:0px; height:0px; line-height:0px; clear:both; } .jz { max-width:1280px; margin:0 auto; } /**********************header*******************/ /****二级页面*****/ .ej_banner { width:100%;/*height:463px;*/ margin:0 auto; } .ej_banner img { width:100%; max-height:463px; text-align: center; } .ej_mid { width:1280px; margin:0 auto; } .ej_mid_left { width:257px; float:left; } .left_nav { width:257px; height:60px; line-height:60px; font-size:20px; text-align:center; color:#fff; background:#035fa2; } .left_font { width:227px; min-height:400px; background:url(../images/hs_bg.png) repeat; border-right:1px #dcdcdc solid; padding:0px 15px; } .left_font ul li { width:227px;/*height:59px;line-height:59px;text-indent:4em;*/ line-height:27px; padding:16px 0px; text-align:center; float:left; border-bottom:1px #cccccc dashed; } .left_font ul li a { display:block; font-size:17px; background:url(../images/hs_sj.png) 32px center no-repeat; } .left_font ul li a.actived, .left_font ul li a:hover { display:block; color:#035fa2; background:url(../images/hlogo.png) 18px center no-repeat; } .ej_mid_right { width:994px; float:right; background:rgba(255, 255, 255, 0.8); min-height:500px; } .right_nav { width:994px; height:51px; line-height:51px; border-bottom:1px #dcdcdc solid; padding:0px 0px 0px 0px; background: url(../images/gz_doc.png) 5px center no-repeat; } .right_nav span { float:left; background:url(../images/fz_doc.png) left center no-repeat; padding-left:30px; } .right_nav font { font-size:18px; color:#035fa2; font-weight:bold; float:right; } .right_font { width:994px; padding:15px 0px 0px; background:url(../images/ld_doc.jpg) right top no-repeat; } .right_font h1 { line-height:45px; } .right_font p { line-height:35px; text-indent:2em; } /****师资队伍*****/ .sz_wz { line-height:35px; font-size:18px; padding-bottom:15px; } .sz_dw { width:798px; padding-left:45px; } .sz_dw ul li { width:209px; height:317px; float:left; margin-right:50px; } .sz_dw ul li img { width:209px; height:277px; border:1px #dddd solid; padding:2px; } .sz_dw ul li span { text-align: center; display:block; } /****列表页*****/ .new_font { width:994px; } .new_font ul li { width:964px; height:48px; line-height:48px; float:left; background:url(../images/yuan.png) 1px center no-repeat; padding:0px 12px 0px 18px; } .new_font ul li span { float:right; color:#888; padding-right:8px; } .right_font .page { width:976px; line-height:40px; text-align: center; padding-top:12px; } .right_font p { line-height:35px; } /****图片页*****/ .tu_img { width:994px; padding:18px 0px 0px; } .tu_img ul li { width:312px; height:278px; float:left; padding-right:19px; } .tu_img ul li img { width:312px; height:217px; padding:3px; background:#fff; box-shadow:2px 2px 5px #cecaca; } .tu_img ul li span { width:312px; line-height:40px; text-align:center; display:block; } /****详细新闻页*****/ .xnew_font { width:994px; padding-top:15px; } .xnew_font h1 { font-size:18px; line-height:40px; text-align:center; color:#035fa2; } .xnew_font .date { width:964px; line-height:45px; border-bottom:1px dashed #dddddd; margin:10px 15px; text-align:center; color:#888; } .xnew_font .wz { width:934px; padding:10px 30px; } .xnew_font .wz p { line-height:30px; padding-bottom:10px; text-indent:2em; text-align: left; font-size:16px; color:#333; line-height:40px; font-weight:normal; } .xnew_font .wz p img { text-align: center; margin:0 auto; } .fp { width:964px; border-top:1px #ccc dashed; padding:10px 0px 0px; margin:10px 0px; } .fp ul li { float:left; line-height:35px; width:100%; } .fp ul li a { color:#035fa2; } /****领导页*****/ .ld_font { width:994px; padding:20px 0px 0px 25px; } .ld_font ul li { width:180px; height:306px; float:left; text-align:center; padding-right:55px; } .ld_font ul li img { width:180px; height:225px; } .ld_font ul li span { line-height:50px; } .ld_font ul li:hover img { box-shadow: 2px 2px 5px #ccc; width:176px; height:221px; cursor: pointer; } .weibo { height:auto; position: absolute; right:2px; top:120px; z-index: 3; } .wb_top { width:70px; position: absolute; right:-5px; top:-50px; } /*悬浮链接*/ .suspension { position:fixed; z-index:55; right:0; bottom:85px; width:75px; height:239px; background:url(../images/pf_bg.png) no-repeat; padding:48px 24px 0px; } .suspension-box { position:relative; ./*float:right;*/ } .suspension .a { display:block; width:48px; height:48px; margin-bottom:4px; cursor:pointer; outline:none; } .suspension .a.active, .suspension .a:hover {/*background:#F05352;*/ } .suspension .a .i { float:left; width:48px; height:48px; } .suspension-box span { font-size:14px; color:#fff; line-height:27px; text-align:center; padding-left:9px; } /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-cart .i { width:75px; height:75px; background:url(../images/erm.png) no-repeat; background-position:0px 0; } .suspension .a-wx .i { width:75px; height:75px; background:url(../images/erm.png) no-repeat; background-position:0px 0; } /****机构设置*****/ .jg_font { width:994px; } .jg_font span { line-height:60px; font-size:18px; font-weight:bold; } .jg_font ul li { width:297px; height:40px; line-height:40px; float:left; padding:0px 100px;/*background:url(../images/yuan.png) no-repeat;*/ } /* ----- PB分页数字条效果 结束 ----- */ .pagebar .pagination { display:flex; justify-content:center; margin-top:10px; padding-top:30px; padding-bottom:30px; } .pagination a { background:#fff; border:1px solid #ccc; color:#333; font-size: 14px; padding:4px 12px; margin:0 5px; } .pagination span { color: #333; font-size:14px; padding:4px 2px; margin:0 5px; } .pagination a:hover { color:#355077; border:1px solid #355077; } .pagination a.page-num-current { color:#fff; background:#355077; border:1px solid #355077; } /* ----- PB分页数字条效果 结束 ----- */ .nav-tow { width: 240px; float: left; position: relative; } .nav-tow .tit { width: 240px; height: 70px; background: #355077; position: absolute; left: 0; top: -74px; z-index: 20; } .nav-tow .tit h2 { color: #fff; font-size: 26px; font-weight: 600; text-align: center; line-height: 70px; } .nav-tow ul { margin-top:-4px; } .nav-tow ul li { width: 236px; height: 60px; background: #f5f5f5; line-height: 60px; text-align: center; border-bottom: 1px solid #d0dae1; border-left: 4px solid #6389c0; cursor: pointer; } .nav-tow ul li a { color: #444444; font-size: 16px; display: block; width: 100%; } .nav-tow ul li.on, .nav-tow ul li:hover { background: #6389c0; transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; } .nav-tow ul li.on a, .nav-tow ul li:hover a { color: #fff; } .wrap2 .head { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #d8d8d8; } .wrap2 .head h2 { color: #454545; font-size: 26px; font-weight: 500; float: left; } .wrap2 .head p { float: right; color: #666666; font-size: 14px; padding-left: 23px; background: url(../images/icon21.png) no-repeat left center; } .wrap2 .head p a { color: #666666; padding: 0 5px; } .wrap2 .head p a:hover { color: #355077; } .list { padding-top: 15px; } .list ul li { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #e6e9ed; padding-left: 7px; } .list ul li .w { width: 80%; float: left; } .list ul li .w a { color: #454545; font-size: 16px; padding-left: 14px; background: url(../images/icon3.png) no-repeat left center; } .list ul li .time { float: right; color: #888888; font-size: 14px; padding-right:8px; } .list ul li .w a:hover { color: #355077; } /* details.html */ .deta .top { padding: 15px 0; border-bottom: 1px solid #e6e9ed; text-align: center; } .deta .top h2 { color: #0e3579; font-size: 24px; line-height: 35px; } .deta .top p { color: #888888; font-size: 14px; line-height: 35px; padding-top: 10px; } .deta .top p span { padding-right: 15px; } .deta .nr { color: #454545; font-size: 16px; line-height: 30px; padding-top: 15px; font-family:"微软雅黑"; } .deta .nr img { max-width: 100%; } .deta .bot { padding: 10px 0; border-top: 1px solid #e6e9ed; overflow: hidden; } .deta .bot .le { width: 90%; float: left; } .deta .bot .le p { color: #344f77; font-size: 15px; line-height: 30px; text-indent:inherit } .deta .bot .le p a { color: #454545; } .deta .bot .le p a:hover { color: #344f77; text-decoration: underline; } .deta .bot .ri { float: right; } .deta .bot .ri a { color: #344f77; font-size: 14px; line-height: 30px; } .deta .bot .ri a:hover { text-decoration: underline; } .single { color: #454545; font-size: 16px; line-height: 30px; padding-top: 15px; } .single img { max-width: 100%; } .NewsPage { text-align:center; padding:20px 0; } /* imglist.html */ .imglist { padding-top: 20px; } .imglist ul { overflow: hidden; } .imglist ul li { width: 290px; height: 280px; float: left; margin: 0 20px; } .imglist ul li .imgbox { width: 100%; height: 240px; text-align: center; overflow: hidden; } .imglist ul li .imgbox img { height: 240px; } .imglist ul li h2 { color: #333; font-size: 16px; text-align: center; line-height: 40px; } .imglist ul li:hover h2 { color: #0e3579; } .imglist ul li:hover .imgbox img { transform: scale(1.1, 1.1); transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; } .serviceli { padding: 0px 0 50px; } .serviceli li { width: 16.66%; float: left; text-align: center; } .serviceli li span { display: block; text-align: center; line-height: 1; color: #363636; margin-top: 18px; transition: 0.38s; font-size: 26px; } .serviceli li b { display: block; z-index: 3; width: 106px; height: 106px; transition: 0.38s; text-align: center; line-height: 106px; border: 0px solid #b89553; position: relative; border-radius: 50%; margin: auto; font-size: 40px; font-weight: normal; color: #b89553; } .serviceli li b:after { content: ""; width: 100%; height: 100%; z-index: -1; transition: 0.5s; border-radius: 50%; background: transparent; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); } .serviceli li a:hover b:after { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .serviceli li a:hover b { color: #fff; border-color: #1c2664; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; } .serviceli li a:hover span { color: #1c2664; } @keyframes shake { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } @-webkit-keyframes shake { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } }