.other_header { position:relative; top:0; width:100%; z-index:200;} .other_banner { width:100%; height:auto;} .other_banner img { width:100%; height:auto;} .site{ height:46px; line-height:46px; border-bottom:1px solid #b5b5b5; width:100%;} .site_wrap{ height:46px; line-height:46px;} .site a{ padding:0px 2px; display:inline-block; zoom:1; color:#000000;} .site span{ padding:0px 2px;color:#e60012;} .history_top { overflow:hidden; position:relative; z-index:200;} .history_top_wrap { width:100%; height:138px; background:none; margin-bottom:12px; } .history_top_main_box{ width:860px; margin:0px; float:left; background:url(../images/line_061s.jpg) no-repeat left 58px;} .history_top_main { width:840px; overflow:hidden; margin:0 auto; position:relative; background:#f5f5f5; background:url(../images/line_031.jpg) repeat-x left 58px;} .history_top_main ul { width:8000%; position:relative; left:0; top:0; overflow:hidden; z-index:2; } .history_top_main li { width:210px; float:left; height:138px; text-align:center; cursor:pointer; position:relative; z-index:2; } .history_top_main li span { display:inline-block; line-height:72px; font-size:16px; color:#c6c6c6; font-family:Arial; padding-top:7px; background:url(../images/line_0312.png) no-repeat center top; position:relative; top:52px; } .history_top_main li.active span { display:inline-block; line-height:72px; font-size:26px; font-weight:bold; color:#00875e; font-family:Arial; padding-top:7px; background:url(../images/line_0311.png) no-repeat center top; top:52px;} .history_top_main li.first { margin-left:0; } .history_top_main .colorLine { height:3px; overflow:hidden; width:105px; font-size:1px; background:url(../images/line_061.jpg) repeat; position:absolute; top:58px; z-index:1; left:0; } .history_top_l { display:block; width:40px; height:40px; background:url(../images/l_btn_31.png) no-repeat; float:left; position:relative; top:40px;} .history_top_r { display:block; width:40px; height:40px; background:url(../images/l_btn_27.png) no-repeat; float:left; position:relative; top:40px;} .history_top_l.active { background:url(../images/l_btn_32.png) no-repeat; } .history_top_r.active { background:url(../images/l_btn_25.png) no-repeat; } .history_bottom_part { } .history_bottom_part > h5 { line-height:64px; padding-top:10px; font-size:30px; color:#6a7074; font-family:Arial; background:url(../images/line_06.jpg) no-repeat center bottom; text-align:center; font-weight:normal; margin-bottom:32px; } .history_bottom_part > p { font-size:16px; color:#6a7074; line-height:28px; width:90%; margin:0 auto; margin-bottom:40px; } .history_bottom_part ul{ background:none;} .history_bottom_part li { width:100%; text-align:left; margin-bottom:30px; overflow:hidden; } .history_bottom_part li > img { margin-right:6%; max-width:90%;} .history_bottom_part li dl { margin-bottom:20px; margin-left:3%; float:left; width:86%; border-top:4px solid #6a7074; margin-top:30px;} .history_bottom_part li > span { color:#6a7074; font-size:16px; margin-bottom:32px; line-height:36px; float:left; display:block; width:10%;} .history_bottom_part li > span i { font-size:36px; color:#6a7074; } .history_bottom_part li dd{ font-size:18px; color:#6a7074; line-height:1.8em; padding-top:14px;} .history_bottom_part li dd img{ max-width:100%;} .history_bottom_part li.odd { text-align:left; } .history_bottom_part li.odd > img { margin-left:6%;} .history_bottom_part li.odd dl { margin-left:6%;} .history_bottom_part li em { display:none; width:22px; height:22px; position:absolute; right:-11px; top:0; background:url(../images/list_cir.jpg) no-repeat; } .history_bottom_part li.odd em { left:-11px; right:auto; top:0; background:url(../images/list_cir.jpg) no-repeat; } .history_bottom_part { display:none; } .history_bottom_part.active { display:block; } @media only screen and (max-width: 1660px) { .history_top_main_box{ width:630px; margin: 0 36px;} .history_top_main { width: 630px; } } @media only screen and (max-width: 1279px) { .cul_active{ padding-bottom:20px;} .history_top_main_box{ width:420px; margin: 0 5px;} .history_top_main { width: 420px; } .leader_top_wrap { width:100%; margin-bottom:30px; height:318px;} .leader_top_wrap .leader li img { width:166px;} .leader_top_wrap .leader li { width:366px;} } @media only screen and (max-width: 1080px) { .leader_top_wrap { height:auto; margin-bottom:20px;} .leaderPad { padding-bottom:20px; } .leader_top_wrap .leader li img { width:156px;} .leader_top_wrap .leader li { width:365px;} .cul_active_part li a { font-size:16px;} } @media only screen and (max-width: 1024px) { .pric_pc { display:none; } .history_bottom{ width:100%;} .main_other.history > h4,.main_other.culture_main_header > h4{ padding-top:20px;} .main_other.history > h5,.main_other.culture_main_header > h5{ margin-bottom:8px;} .history_top_wrap{ margin-bottom:20px;} } @media only screen and (max-width: 768px) { .main_other{ margin:0 10px; width:auto;} .history_top_main_box{ margin: 0 5px;} .history_top_main { } } @media only screen and (max-width: 768px) { .leader_top_wrap .leader li { width:50%; } .leader_top_wrap .leader li img { width:70%; margin:0 auto; float:none; display:block;} .leader_top_wrap .leader li dl { width:70%; margin:0 auto; float:none;} } @media only screen and (max-width: 767px) { .main_other.history > h4,.main_other.culture_main_header > h4{ padding-top:10px;} .main_other.history > h5,.main_other.culture_main_header > h5{ margin-bottom:4px;} .history_top_wrap{ margin-bottom:10px;} .leader_top_wrap { height: auto; background: url(../images/leader_bg_02.jpg) no-repeat; background-size: cover; } .leader_top_wrap > img { display: none; } .leader_top_wrap .leader ul { width: 90%; margin: 0 auto; } .leader_top_wrap .leader ul li { width: 100%; margin-bottom: 20px; } .leader_top_wrap .leader ul li > img { display: block; margin: 0 auto; float: none; } .leader_top_wrap .leader li dl dt { font-size: 20px; line-height: 36px; margin-bottom: 10px; } .leader_top_wrap .leader li dl dd i { width: 100%; font-size: 12px; line-height: 22px; } .leader_top_wrap .leader li dl dd em { width: 100%; font-size: 12px; line-height: 22px; } .college_active ul { width:100%; } .history_top { width: 90%; margin: 0 auto; } .history_top_l { position: absolute; left: 0; top: 50%; margin-top: -26px; z-index: 300; } .history_top_r { position: absolute; right: 0; left: auto; top: 50%; margin-top: -26px; z-index: 300; } .history_top_main_box{ width:260px; margin: 0 auto; float: none; background:none;} .history_top_main { width:220px; } .history_top_main li{ width: 110px; } .history_top_main .colorLine{width: 64px;} .history_top_main li.active span { font-size: 24px; } .history_bottom_part li dt { margin-bottom: 2px; } .history_bottom_part li dd, .history_bottom_part > p { font-size: 12px; line-height: 20px; } .history_bottom_part li > span{ float:none; width:100%; margin-bottom:10px;} .history_bottom_part li dl{ float:none; margin:0; width:100%;} .history_bottom_part li > span i { font-size: 26px; } .history_bottom_part > h5 { margin-bottom: 10px; line-height: 40px; font-size: 20px; } .history_bottom_part > p { margin-bottom: 10px; } .main_other > h4 { margin-bottom: 10px; padding-top: 10px; font-size: 20px; } .site_wrap { width:100%;} .leaderPad p { width: 90%; font-size: 12px; margin: 0 auto; } .honor li { width: 44.8%; padding-top: 10px; padding-bottom: 10px; } .honor li dt { font-size: 16px; } .honor li dd { font-size: 12px; } .history_top_l, .history_top_r { width: 40px; height: 40px; background-size: 100% 100%; top: 50%; margin-top: -30px; } .history_top{ overflow:visible;} .history_top_l{ left:-15px;} .history_top_r{ right:-15px;} .history_top_l:hover, .history_top_r:hover { width: 40px; height: 40px; background-size: 100% 100%; top: 50%; margin-top: -30px; } .page1 { padding: 20px 0; height: 30px; } .page1 a, .page1 span { display: none; } .page1 a.prev, .page1 a.next { display: block; float: left; margin: 0; width: 30%; border: 1px solid #939393; margin-left: 12%; } .page1 a.prev:hover, .page1 a.next:hover { border: 1px solid #e60012; } }