body { background-color:#fff } .ejbanner { width:100% } .ejbanner img { width:100%; height:175px } .ejcon { width:100%; overflow:hidden; position:relative; margin-top:20px; border-top:6px solid #0453a4; background-color:#f1f1f1 } .detail-style img { max-width:100%; height:auto } .twonav { width:300px; min-height:1000px; margin-bottom:5px; padding-left:15px; float:left; height:100%; background-color:#f1f1f1; position:relative; box-shadow:2px -6px 10px #ccc; z-index:10 } .twotitle { margin:30px 0; font-size:22px; margin-left:10px } .twotitle p { color:#0453a4 } .twotitle span { text-transform:uppercase; color:#bcc7da } .twonav li { width:100%; height:45px; padding:0 20px; line-height:45px; color:#333; background-color:#fff; margin-bottom:5px } .twonav li:hover,.twonav li.twoxz { background-color:#0c85d1 } .twonav li:hover a,.twonav li.twoxz a { color:#fff } .twonav li a { display:block; width:100% } .twocon { width:900px; min-height:1000px; margin-bottom:5px; padding-left:40px; float:left; background-color:#fff; border-right:1px solid #e1e0e0 } .twocon h2 { border-bottom:1px solid #ededed; padding:10px 0 30px; font-size:24px; margin-bottom:40px } .xyjj h2 { text-align:center } .xyjj p { text-indent:2em; line-height:30px; color:#494949 } .twonews { padding-right:25px } .twonews li { width:100%; border-bottom:1px dotted #a1a1a1; height:48px; line-height:48px } .twonews li i { display:block; float:left; width:13px; height:13px; background:url(../images/news.png) no-repeat; background-size:100%; margin:17px 12px 0 } .twonews li a { width:670px; height:48px; overflow:hidden; display:block; float:left } .twonews li a:hover { color:#014f98 } .twonews li span { font-size:14px; color:#999; display:block; float:right; padding-right:25px } .notice dl { width:100%; overflow:hidden; padding-right:20px; margin-bottom:27px } .notice dt { float:left; width:93px; height:88px; border:1px solid #0c85d1; text-align:center; color:#0c85d1; font-size:14px } .notice dt p { font-size:30px; margin:10px 0 0 } .notice dd { float:right; width:715px } .notice dd h4 { line-height:30px; margin-top:0 } .notice dd p { color:#848484; font-size:14px; margin-bottom:0 } .notice dl:hover dt { color:#fff; background-color:#0c85d1 } .details { width:100%; background-color:#fff; padding:0 0 50px; margin:0 } .detitle { width:100%; overflow:hidden; border-bottom:1px solid #ededed } .detitle h2 { padding:0 0 20px; margin-bottom:0; font-size:24px } .detitle p { margin-top:25px; color:#8f8f8f; font-size:14px } .detitle a { color:#8f8f8f; font-size:14px } .detitle p a:hover { text-decoration:underline } .decon h2 { color:#0453a4; font-size:24px; text-align:center; font-weight:bold; margin-top:30px } .decon .detime { margin:20px 0 30px; font-size:14px; color:#8f8f8f; text-align:center } .decon .detime span { margin:0 10px } .decon p { line-height:30px; text-indent:2em } .decon .depage { border-top:1px solid #c1c1c1; margin-top:30px; padding-top:30px } .decon .depage span { color:#0453a4 } .decon .depage p { text-indent:0 } .decon .depage a:hover { text-decoration:underline } .staff .nav-tabs { border:0 } .staff .nav-tabs li a { background-color:#dcdcdc; border-radius:30px; margin-right:15px; margin-bottom:15px } .staff .nav-tabs>li.active>a,.staff .nav-tabs>li.active>a:focus,.staff .nav-tabs>li.active>a:hover { border:0; color:#fff; background-color:#0453a4 } .staff .tab-pane { margin-top:30px } .staff .tab-pane li { width:190px; height:40px; text-align:center; line-height:36px; float:left; margin-right:20px; margin-bottom:15px; border:1px solid #b2aead; border-bottom:4px solid #b2aead } .teachcon .tetit { font-size:18px; color:#0453a4; font-weight:bold; margin-bottom:30px } .teachcon .tetit span { font-size:14px; color:#666; font-weight:normal } .teachcon ul li { width:114px; float:left; margin:0 40px 30px 15px } .teachcon li img { width:114px; height:114px; display:block; border-radius:50%; margin-bottom:10px } .teachcon li span { width:100%; display:block; text-align:center } .incon { width:100%; overflow:hidden; margin-bottom:30px } .incon h3 { color:#0453a4; font-size:18px; font-weight:bold; margin-bottom:20px } .incon li { float:left; height:40px; line-height:40px; border-bottom:1px dotted #d7d7d7; margin-right:15px } .incon li i { display:block; float:left; width:12px; height:5px; background:url(../images/in.png) no-repeat; margin:18px 15px 0 0 } .incon li a { display:block; float:left; width:360px } .htcon { margin-bottom:60px } .htcon h3 { color:#0453a4; font-size:18px; font-weight:bold; margin-bottom:30px } .htcon li { width:100%; overflow:hidden; height:45px; line-height:45px; position:relative; background:url(../images/xian.jpg) repeat-y; background-position:89px 0 } .htcon li b { font-weight:normal; background:url(../images/history.png) no-repeat; background-position:7px 11px; color:#fff; text-align:center; float:left; width:75px; height:40px } .htcon li i { width:9px; height:9px; margin-top:19px; background-color:#494949 } .htcon li span { float:left; margin-left:10px } .dean span { display:inline-block; width:85px; font-size:14px } .lead { margin-right:35px } .lead h3 { border-left:8px solid #0c85d1; padding-left:14px; font-size:20px; color:#0453a4; font-weight:bold; margin-bottom:20px } .lead h3 span { margin:0 15px } .leadcon dl { width:100%; height:265px; padding:20px 15px 0; overflow:hidden; background-color:#ededed } .leadcon dl dt { float:left; margin-right:30px } .leadcon dl dd { line-height:24px; font-size:14px } .leadcon dd .leadtit { font-size:20px; color:#1954b4; margin-bottom:20px; font-weight:bold } .leadcon .leadtit span { font-size:14px; color:#333; margin-left:15px; font-weight:normal } .lead img { width:162px; height:197px } .leadmore { width:100%; text-align:right; padding-right:20px } .leadmore img { width:30px; height:16px } .leadcon2,.leadcon3 { float:left; margin-bottom:30px } .leadcon2 { width:500px } .leadbox { float:left; background-color:#e5e5e5; padding:15px; margin-right:15px; text-align:center; margin-bottom:20px } .leadbox p { font-size:18px; color:#1954b4; font-weight:bold; margin:10px 0 0 } .perbox dl { width:100%; overflow:hidden } .perbox dt { float:left; padding:10px; margin:5px 0 0 5px; box-shadow:1px 1px 10px #d1d1d1 } .perbox dt img { width:125px; height:180px } .perbox dd { float:left; width:560px; margin-left:25px } .perbox dd ul { width:100%; overflow:hidden } .perbox dd li { margin-bottom:10px } .perbox ul.libox li { float:left; width:50% } .perbox dd li span { display:inline-block; width:82px; color:#4d86c2 } .percon h4 { color:#4d86c2; margin-bottom:20px } .percon div { margin:30px 0 } .percon div p { line-height:30px } .twovideo dl { width:830px; overflow:hidden; border-bottom:1px solid #dcdcdc; margin-bottom:25px; padding-bottom:25px } .twovideo dt img { width:260px; height:145px; float:left } .twovideo dl dd { float:right; width:540px; height:145px } .twovideo dd h3 { font-size:20px; font-weight:normal; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:5px 0 15px } .twovideo dd p { width:100%; height:60px; overflow:hidden; line-height:20px; font-size:14px; color:#666; margin-bottom:15px } .twovideo dd a { color:#0c85d1; font-size:14px; background-color:#edf8ff; padding:8px 12px } .twovideo dd a:hover { color:#0c90e3 } /* 瀛﹂櫌閫氱煡鏍峰紡 */ .detail-ad { width: 100%; height: 213px; padding: 40px 25px 10px; box-sizing: border-box; background: url(../images/tabsbck.jpg) no-repeat; margin: 15px 0; } .ad-title { width: 100%; position: relative; margin-bottom: 20px; } .ad-title i{ display: block; width: 3px; height: 40px; background-color: #0453a4; position: absolute; top: 18px; left: -25px; } .ad-title h2 { color: #053f84; font-size: 30px; display: inline-block; font-weight: bold; } .ad-title span { display: inline-block; color: #fff; background-color: #4ccacb; border-radius: 30px; padding: 4px 12px; vertical-align: text-bottom; margin-left: 20px; font-size: 16px; font-weight: normal; } .detail-ad p { color: #666; font-size: 14px; } .detail-ad p:first-child { margin-bottom: 15px; } .detail-tabs { border: 1px solid #dcdcdc; min-height: 400px; margin-bottom: 20px; } .detail-tabs .nav-tabs { border-bottom: 1px solid #dcdcdc; width: 100%; padding-bottom: 1px; } .detail-tabs .nav-tabs li { font-size: 20px; font-weight: normal; padding: 0 40px; } .detail-tabs .nav-tabs li a{ height: 60px; line-height: 60px; } .detail-tabs .nav-tabs .active { color: #053f84; position: relative; } .detail-tabs .nav-tabs .active i { width: 100%; height: 3px; background-color: #0453a4; display: block; position: absolute; bottom:-2px; left: 0; } .detail-tabs .tab-content { padding: 40px; box-sizing: border-box; } @media(max-width:768px) { .ejbanner img { height:auto } .twonav { width:100%; margin-bottom:5px; padding:10px 10px 0; min-height:auto; float:none; position:relative; box-shadow:none } .twotitle { margin:5px 0 10px 0; overflow:hidden } .twotitle p { font-size:20px; float:left } .twotitle span { font-size:14px; float:left; margin-top:6px; margin-left:10px } .twonav ul { width:100%; overflow:hidden } .twonav li { width:auto; float:left; height:30px; line-height:30px; margin-right:10px; padding:0 11px; margin-bottom:10px } .twocon { width:100%; min-height:auto; margin-bottom:5px; padding:10px; float:none; border:0 } .twocon h2 { font-size:20px; margin-top:0; margin-bottom:10px; padding-bottom:15px } .xyjj h2 { border-bottom:1px solid #ededed; text-align:center } .xyjj p { line-height:24px; margin-bottom:5px } .twonews { padding-right:0 } .twonews li { height:30px; line-height:30px } .twonews li i { width:10px; height:10px; margin:10px 8px 0 } .twonews li a { width:280px; height:30px } .twonews li span { display:none } .notice dl { padding-right:0; margin-bottom:15px; border-bottom:1px dotted #ccc } .notice dt { display:none } .notice dt p { font-size:22px; margin:5px 0 0 } .notice dd { width:100%; padding-bottom:15px } .notice dd h4 { line-height:20px; font-size:14px; margin-bottom:8px } .notice dd p { font-size:10px } .details { padding:0 0 20px } .detitle h2 { padding:0 0 20px; font-size:16px } .detitle p { margin-top:21px; font-size:12px } .detitle a { font-size:12px } .decon h2 { font-size:16px; line-height:24px; margin-top:20px; font-weight:normal } .decon .detime { margin:15px 0; font-size:12px } .decon .detime span { margin:0 5px } .decon p { line-height:24px } .decon .depage { margin-top:20px; padding-top:20px } .staff .nav-tabs { margin-top:15px } .staff .nav-tabs li a { padding:5px 15px } .staff .tab-content { width:100%; overflow:hidden } .staff .tab-pane { margin-top:15px } .staff .nav-tabs>li.active>a,.staff .nav-tabs>li.active>a:focus,.staff .nav-tabs>li.active>a:hover { border:1px solid #ddd } .staff .tab-pane li { width:98px; margin-right:10px } .teachcon .tetit { margin-bottom:20px } .teachcon .tetit span { display:block; margin-top:10px } .teachcon ul { width:100%; overflow:hidden } .teachcon ul li { width:93px; margin:0 15px 15px 0 } .teachcon li img { width:93px; height:93px } .incon { margin-bottom:0 } .incon h3 { margin-bottom:10px } .incon li { float:none; margin-right:0 } .incon li a { display:block; float:left; width:260px } .htcon li { height:auto; max-height:55px } .htcon li span { width:200px; line-height:24px; padding-top:10px } .dean span { width:50px; font-size:12px } .lead { width:100%; overflow:hidden; margin-right:0 } .lead h3 { font-size:16px; margin-bottom:20px } .lead h3 span { margin:0 10px } .leadcon dl { height:auto; padding:15px } .leadcon dl dt { float:none; text-align:center; margin-right:0; margin-bottom:20px } .leadcon dl dd { float:none; font-size:12px; line-height:18px } .leadcon dd .leadtit { font-size:14px; margin-bottom:15px } .leadcon .leadtit span { font-size:12px; margin-left:5px } .lead img { width:110px; height:135px } .leadmore { width:100%; text-align:right; padding-right:20px } .leadmore img { width:30px; height:16px } .leadcon2,.leadcon3 { margin-bottom:0 } .leadcon2 { width:100% } .leadbox p { font-size:14px; margin:10px 0 0 } .perbox dt { width:97%; text-align:center; float:none; margin:5px } .perbox dd { margin-top:20px; float:none; width:100%; margin-left:40px } .perbox dd li span { width:65px } .perbox dd ul { margin-bottom:0 } .perbox ul.libox li { float:none; width:100% } .percon h4 { margin-bottom:15px } .percon div { margin:20px 0 } .percon div p { line-height:26px } .twovideo dl { width:100%; padding-bottom:15px } .twovideo dt { width:100%; text-align:center } .twovideo dt img { width:260px; height:145px; float:none } .twovideo dl dd { float:none; width:100% } .twovideo dd h3 { margin-top:15px } /*鎱曡鏍峰紡缁撴潫*/ .detail-ad { padding-top: 15px; } .ad-title h2 { font-size: 16px; line-height: 20px; } .ad-title span { font-size: 12px; vertical-align: initial; padding: 2px 10px; } .detail-tabs .nav-tabs li { font-size: 14px; padding: 0 5px; } .detail-tabs .nav-tabs li a { height: 50px; line-height: 50px; } .detail-tabs .tab-content { padding: 10px; } }@media(max-width:361px) { .htcon li span { width:192px } }@media(max-width:321px) { .twonews li a { width:240px } .htcon li span { width:156px } .leadbox { padding:8px; margin-right:9px } }