.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:#0869ac;}


.history_top {  overflow:hidden; position:relative; z-index:200;}
.history_top_wrap { width:100%; height:138px; background:none; margin-bottom:42px; }
.history_top_main_box{ width:1080px; margin:0 42px; float:left; background:url(../image/line_061s.jpg) no-repeat left 58px;}
.history_top_main {  width:992px; overflow:hidden; margin:0 auto;  position:relative; background:#f5f5f5; background:url(../image/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:124px; 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(../image/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:30px; font-weight:bold; color:#0869ac; font-family:Arial; padding-top:7px; background:url(../image/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:67px; font-size:1px; background:url(../image/line_061.jpg) repeat; position:absolute; top:58px; z-index:1; left:0; }

.history_top_l { display:block; width:40px; height:40px; background:url(../image/l_btn_31.png) no-repeat; float:left; position:relative; top:40px;}
.history_top_r { display:block; width:40px; height:40px; background:url(../image/l_btn_27.png) no-repeat; float:left; position:relative; top:40px;}
.history_top_l.active { background:url(../image/l_btn_32.png) no-repeat; }
.history_top_r.active { background:url(../image/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(../image/png1.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(../image/png1.jpg) no-repeat; }
.history_bottom_part li.odd em { left:-11px; right:auto; top:0; background:url(../image/png1.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:800px; margin: 0 42px;}
        .history_top_main { width: 748px; }
}

@media only screen and (max-width: 1279px) {
		.cul_active{ padding-bottom:20px;}
	
		.history_top_main_box{ width:600px; margin: 0 42px;}
        .history_top_main { width: 496px; }
        .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 32px;}
        .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(../image/png1.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:270px; margin: 0 auto; float: none; background:none;}
        .history_top_main {  width:248px; }
        .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 #0869ac; }

        

}