.other-banner { padding-top: 80px; overflow: hidden;}

.about-banner img{ width: 112.89%;}
.other-main{  position: relative; z-index: 2;}


.other-main::before{content: ' '; display: table;}
.other-main .wrap{ position: relative;}
.about-title{ margin-top: -150px; }
.about-title h2{ color:#3F6473; font-weight: bold; margin-bottom:0.8em;}
.about-title ul{   border-bottom: 1px solid #999; float: left;}
.about-title li{ float: left;  padding: 0.5em 2.5em; position: relative; font-family: 'song';}
.about-title li:first-child{ padding-left: 0; }
.about-title li:last-child{ padding-right: 0;}
.about-title li::after{content: '';  position: absolute; background: #999; right: 0; bottom: 0; width: 1px; height: 2em;}
.about-title li:last-child::after{ display:none;}
.about-title li:nth-child(2n-1)::after{ height: 2.3em; bottom: 0.7em; }
.about-title li.cur a{ color: #c7000c; font-weight: bold;}


.other-banner2{ padding-top: 182px; margin-bottom: 4.17vw;}
.other-banner2 img{ width: 100%;}

.about-title2{ margin-top: -180px; position: absolute; left: 0; top: -4.17vw;}
.about-title2 h2{ margin-bottom: 0.2em;  font-family: "song";}
.about-title2 ul{ border: 0;}
.about-title2 li::after,
.about-title2 li:nth-child(2n-1)::after{ height: 0.4em; bottom: auto; top: 50%; margin-top: -0.2em;}

.about-1{ }
.about-box{ align-items: flex-start; overflow: hidden;}
.about-box .left{ width: 54.34%; background: #fefafa; }
.about-box .left .w{padding-bottom: 12%;}
.about-box .left img{ width: 85%; height: auto;}
.about-box .right{ flex: 1; position: relative;}
.about-box .right .w{ padding: 4em 4em 0;}
.about-box .right .w .tit{  font-weight: bold; padding-top: 2.5em; padding-bottom: 1em; margin-bottom: 1em; position: relative;color: #333;}
.about-box .right .w .tit::after{ content: ''; background: #D7D7D7; position: absolute; width: 2em; height: 4px; left: 0; bottom: 0;}
.about-box .right .w article{ line-height: 1.8;}
.about-box .right .w article p{ margin-bottom: 1.8em;}
.about-box .right .entitle{ position: absolute; right: 0.5em;  top:0.2em;}
.entitle{font-size: 8rem; text-transform: uppercase; white-space: nowrap; opacity: 0.1; }

.about-2{ background-color: #f6f6f8; background-size: 100% auto; color: #333; background-position: center bottom; padding: 7% 0; margin-top:7% ; background-repeat: no-repeat; background-size: cover;}
.about-2 .title{ border-bottom:1px dashed #999 ;   border-top:1px dashed #999 ; padding: 2.5% 0; position: relative; }
.about-2 .title .right{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.about-2 li{ border-bottom:1px dashed #999 ; padding: 2.5% 0; }
.about-2 li { display: flex; align-items: center;}
.about-2 li .l{  width: 7px; height: 4em; margin-right: 3em; background: #c7000c; }
.about-2 li .w{ flex: 1;}
.about-2 li .w h3{ font-weight: bold; margin-bottom: 0.5em;}


.about-3 .item:first-child{ padding-top: 7.6%;}
.about-3 .item{ padding-bottom: 7.6%; }
.about-3 .item:last-child{ padding-bottom: 0;}
.about-3 .item:nth-child(2n - 1) .about-box{ flex-direction: row-reverse;}
.about-3 .item:nth-child(2n - 1) .about-box .left img{ float: right;}
.about-3 .item:nth-child(2n - 1) .about-box .right .entitle{ right: auto; left: 0.65em;}

/* 
.lead-box{ padding: 0 0 0; }
.lead-box ul{ margin: 0 -59px;}
.lead-box li{ float: left; width: 50%; padding-bottom:7.6%;}
.lead-box li .cont{margin: 0 59px;}
.lead-box li .top{align-items: flex-start;}
.lead-box li .top .left{width: 51.14%;}
.lead-box li .top .left .img_ratio{padding-top: 138%;}
.lead-box li .top .right{width: 48.86%;}
.lead-box li .top .right1{margin: 0 26%;display: flex;flex-direction: row-reverse;position: relative;align-items: center;justify-content: center;margin-top: 13%;}
.lead-box li .top .right1 div{writing-mode: vertical-rl;letter-spacing: 6px;margin-top: 40%;}
.lead-box li .top .right1 .name{letter-spacing: 10px;}
.lead-box li .top .right1 .zhiwei{transform: translateY(30px);margin-right: 15px;}
.lead-box li .top .right1::before{content: '';display: block;width: 0;height: 25.7vh;border-right: 1px dashed #999999;position: absolute;left: 0;top: 0;transform: rotate(15deg);}
.lead-box li .top .right1::after{content: '';display: block;width: 0;height: 25.7vh;border-right: 1px dashed #999999;position: absolute;right: 0;top: 0;transform: rotate(15deg);}
.lead-box li .btm{background: url(../images/leadlist-bg.jpg) no-repeat;background-size: 100% 100%;padding: 34px 50px;margin-top: -14%;    z-index: 2;
    position: relative; display: none;}
.lead-box li .btm span{display: inline-block;width: 32.3%;margin-bottom: 14px;} */


.lead-box{ padding: 0 0 0; }
.lead-box ul{ margin: 0 -59px;}
.lead-box li{ float: left; width:100%; padding-bottom:1.6%;border-bottom:1px dashed #e0e0e0}
.lead-box li .cont{margin: 0 59px;}
.lead-box li .top{align-items: flex-start;}
.lead-box li .top .left{display:none;}
.lead-box li .top .left .img_ratio{display:none;}
.lead-box li .top .right{width:100%;}
.lead-box li .top .right1{}
.lead-box li .top .right1 div{writing-mode: vertical-rl;letter-spacing:2px;margin-top: 40%;}
.lead-box li .top .right1 .name{letter-spacing:0px;padding-right:10px;margin-right:10px;border-right:1px solid #e0e0e0;}
.lead-box li .top .right1 .zhiwei{transform: translateY(25px);margin-left: 15px;}
.lead-box li .top .right1::before{content: '';display: block;width: 0;height: 25.7vh;border-right: 1px dashed #999999;position: absolute;left: 0;top: 0;transform: rotate(15deg);}
.lead-box li .top .right1::after{content: '';display: block;width: 0;height: 25.7vh;border-right: 1px dashed #999999;position: absolute;right: 0;top: 0;transform: rotate(15deg);}
.lead-box li .btm{background: url(../images/leadlist-bg.jpg) no-repeat;background-size: 100% 100%;padding: 34px 50px;margin-top: -14%;    z-index: 2;
    position: relative; display: none;}
.lead-box li .btm span{display: inline-block;width: 32.3%;margin-bottom: 14px;} 


.org-menu1{ font-family: "song";}
.org-box{ position: relative; z-index: 10; padding-bottom: 2%;}
.org-menu { text-align: center; margin: 0 0 3%; font-family: "song";}
.org-menu li{ display: inline-block; padding: 0 4em 0 0; position: relative;}
.org-menu li::after{ content: ''; position: absolute; right: -2px; top: 50%; width: 5px; background: #B5D3DF; height: 5px; transform: translateY(-50%);}
.org-menu li:nth-child(2)::after{ width: 9px; height: 9px; right: -4px;}
.org-menu li:last-child::after{ display: none;}
.org-menu li.cur a{ color: #c7000c;}


.org-item li{ border-bottom: 1px dotted #ddd; padding:2em 2em 3em;}
.org-item li article{ margin: 1em 6em 0 5em; color: #333;}
.org-item li:first-child{ padding-top: 1em;}
.org-item li:last-child{ border: 0; padding-bottom: 0;}
.org-menu{}
.org-menu li:first-child{padding-left: 0;}
.org-item li {
	border-bottom: 1px dashed #999;
}
.org-menu li::after{display: none;}
.org-item li h2 {display: flex;align-items: center;}
.org-item li h2  img{margin-right: 10px;}
.org-item li article{color: #999;}


.teacher-box ul{ margin:10% 0 0 ; padding-bottom: 10%; }
.teacher-box li{ float: left; width: 25%; margin-bottom: 10%; position: relative; }
.teacher-box li:nth-child(4n-1) { top: 50px;}
.teacher-box li:nth-child(4n) { top: 10px;}
.teacher-box li:nth-child(4n-3) { top: 20px;}
.teacher-box li .w{ margin: 0 -20px; position: relative;}
.teacher-box li .img_ratio{ padding-top: 184%; transform: rotate(3deg); overflow: hidden; }
.teacher-box li .zhuan-mask{ transform: rotate(-3deg); position: absolute; width: 110%; height: 110%; left: -5%; top: -5%;}
.teacher-box li .zhuan-mask::after{ content: ''; position: absolute; z-index: 2; left: 0; top: 30%; bottom: -20%; right: 0; 
    background-image:linear-gradient(to bottom,rgba(206, 210, 232, 0),rgba(206, 210, 232, 0.8),#CED2E8,#CED2E8); transition: 0.5s all;}
.teacher-box li .img{overflow: hidden; }
.teacher-box li .zhuan{ width: 80%; margin: -15px auto; }
.teacher-box li .txt{ position: absolute; color: #6D75A1; left: 15%; bottom: 5%; display: flex; align-items: flex-end;}
.teacher-box li .txt h3{ width: 1em; font-weight: bold; padding-bottom: 1em;}
.teacher-box li .txt h4{ width: 1em; margin-left: 1em; }
.teacher-box li .txt2{ opacity: 0; visibility: hidden; position: absolute; left: 75%;  top: 3%; bottom: 0; width: 150%;  overflow: hidden; transition: 0.6s all; transform: translateY(10%);}
.teacher-box li.open .zhuan-mask::after{background-image:linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));}
.teacher-box li.open .txt{ color: #fff;}
.teacher-box li.open{ position: relative; z-index: 10;}
.teacher-box li.open .txt2{opacity: 1; visibility: visible; transform: translateY(0);}
.teacher-box li:nth-child(4n-1) .txt2,
.teacher-box li:nth-child(4n) .txt2{ right: 75%; left: auto; }

.teacher-box li .txt2 .zhuan{position: absolute; width: 80%; left: 10%; top: -15px; bottom: -15px;}
.teacher-box li .txt2 .zhuan-2{position: absolute; width: 100%; height: 100%;  transform: rotate(3deg); overflow: hidden;}
.teacher-box li .txt2 .dl{ background: rgba(0,0,0,0.7); color: #fff; transform: rotate(-3deg); position: absolute; width: 110%; height: 110%; left: -5%; top: -5%;}
.teacher-box li .txt2 dl{ position: absolute; left: 20%; right: 20%; top: 20%;  bottom: 15%;}
.teacher-box li .txt2 dl dt{ padding: 0 5%; border-bottom: 1px solid #eee;}
.teacher-box li .txt2 dl dd{ padding: 1em 5%;}
.teacher-box li .txt2 h3{ font-weight: bold;}
.teacher-box li .txt2 h4{ margin: 0.5em 0 1em;}
.teacher-box .mCSB_inside > .mCSB_container{ margin-right: 0; margin-left: 30px;}
.teacher-box .mCSB_scrollTools{right: auto; left: 0;}
.teacher-box .mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,0.3);}

.sitemap-box .box-ul{ padding: 0 0 0%;}
.sitemap-box dl{ margin-bottom: 3em;}
.sitemap-box dt{ width: 8em;}
.sitemap-box dd{ padding-top: 0.5em;}
.sitemap-box .item{ margin: 0 0 2em;}
.sitemap-box .item .l1{ float: left; width: 14.2%;}
.sitemap-box .item p{ margin-top: 0.5em;}
.sitemap-box .item p a{ color: #999;}
.sitemap-box .item .song{ margin-left: 1em;}

.sitemap-box .item p a:hover,
.sitemap-box a:hover{ color: #c7000c;}

@media only screen and (max-width: 1450px) {
    .entitle{ font-size: 6rem;}
  
}
@media only screen and (max-width: 1370px) {
	.lead-box li .btm span{width: 49%;}
}

@media only screen and (max-width: 1024px) {
	.sitemap-box .item .l1{width: auto; float: none; margin-bottom: 2em;}
    .sitemap-box .item .l1:last-child{ margin: 0;}
    .sitemap-box dt{ float: none; width: auto; margin-bottom: 1em;}
    .sitemap-box dd{ padding-left: 2em;}
    .sitemap-box .child { overflow: hidden; padding-left: 2em;}
    .sitemap-box .child p{ float: left; min-width: 50%;}
}

@media only screen and (max-width: 750px) {
    .about-title ul{ white-space:nowrap;}
    .about-title li{ float: none; display: inline-block;}
    .about-title .box{ font-size: 1.2rem; overflow-x: auto;}
    .about-title li{ padding: 0.3rem 1rem;}
    .about-title li::after{ height: 1em;}
    .about-title li:nth-child(2n-1)::after{ height: 1.3em;}

    .scrollbody .other-header.other-header2{ transform: none;}
    .other-banner2{ padding-top: 51px; margin-bottom: 0;}
    .about-title2 li::after,
    .about-title2 li:nth-child(2n-1)::after{ height: 0.6em;}

    .about-box .right .w .tit{ padding-top: 0.2em;}
    .about-title{ margin-top: 1rem; position: relative; top: 0; margin-bottom: 1em;}
    .about-box{ display: block;}
    .about-box .left{ width: auto; margin-bottom: 2rem;}
    .about-3 .item:nth-child(2n - 1) .about-box .right .entitle{ left: 0;}
    .about-box .right .w{ padding: 0;}
    .entitle{ font-size: 2rem; }
    .about-box .right .entitle{ position: relative; left: auto; right: auto; top: auto;}
    .about-2 .title{ display: block; padding: 8% 0;}
    .about-2 .title .right{ display: none;}
    .about-2 li .l{ margin-right: 2em;}
    .about-2 li{ align-items: flex-start; padding: 8% 0;}
    
    .lead-box ul{ margin: 0;}
    .lead-box li{ float: none; width: auto;}
    .lead-box li .cont{ margin: 0;}
	.lead-box li .top .right1{    margin: 0 16%;}
	.lead-box li .top .right1 div{    margin-top: 25%;}
    .lead-box li .btm{    padding: 14px 10px;}

    .org-menu{ font-size: 1.1rem; margin: 5% 0 0;}
    .org-menu li{ padding: 0 1.5em;}
    .org-item li{ padding: 2em 0;}
    .org-item li article{ margin: 1em 0 1em;}
    .org-menu li:nth-child(2)::after{ width: 6px; height: 6px;  right: -3px;}

    .teacher-box li .txt2{ display: none;}
    .teacher-box li{ width: 50%; top: 0 !important;}
 
    .teacher-box li .w{ margin: 0 -10px;}

    .org-item li h2{ font-size: 1.6rem;}
    

}