#banner{width:100%; height: 270px; background: #fafafa no-repeat center/cover;}
#banner .wrap{position: relative; top: 41.6%; left: -10px; font-size: 4.2rem; font-family: segoe ui,sans-serif,system-ui; color:#fff;}
#banner .wrap>span{display: inline-block;}


#space{height: 100px;}

@media (max-width:1279px){ /*mp*/
  #banner{display: none;}
  #mp-head{background: #e46713; height: 80px;}
  #space{height: 120px;}
}


/* 栏目菜单 */
#child{background: none; padding: 0; position: relative; top: -40px;}
#child .wrap>a{width: 25%;}


/* 简介 */
#about{padding: 30px 0 0 0;}
#about .m1{/*background: url('../images/building.png') no-repeat right bottom;*/ position: relative; padding-bottom:60px;}
/*#about .m1::after{content: ''; display: block; width: 100%; height: 220px; background: rgba(199,12,31, .92); position: absolute; left: 0; bottom: 0; z-index: 1;}*/
#about .m1>.wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family:  segoe ui,sans-serif,system-ui;}
#about .m1>.wrap>.tit-en{color: #bbb; font-size: 1.5rem; margin-top: 12px;}
#about .m1>.wrap>.desc{margin: 60px 0; font-size: 1.7rem; font-weight: 300; line-height: 1.9; max-width: 55%;}
#about .m1>.wrap>.desc>p{line-height: 1.9;}

#about .m1>.wrap .box{max-width: 55%; display: flex; flex-wrap: wrap;}
#about .m1>.wrap .box .item{width: 50%; margin-bottom: 50px;}
#about .m1>.wrap .box .item .tit i{font-size: 3.5rem; display: inline-block; vertical-align: middle; width: 50px;}
#about .m1>.wrap .box .item .tit .icon-nianling{font-size: 3rem;}
#about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli{font-size: 3.2rem;}
#about .m1>.wrap .box .item .tit .icon-zhengshu{font-size: 3.8rem;}
#about .m1>.wrap .box .item .num{font-size: 4.2rem; font-weight: 700; vertical-align: middle;}
#about .m1>.wrap .box .item .plus{font-size: 3rem; vertical-align: middle; font-weight: bold; position: relative; top: -4px;}
#about .m1>.wrap .box .item .desc{max-width: 260px; margin: 15px 0 0 0; line-height: 1.6; font-size: 1.6rem; font-weight: 300;}

#about .m1 .brand{width: 100%; height: 220px; position: absolute; left: 0; bottom: 0; z-index: 2;}
#about .m1 .brand>.wrap{display: flex; justify-content: space-between; align-items: center; height: 100%;}
#about .m1 .brand>.wrap .slogan{color: #fff; font-size: 3.8rem;}
#about .m1 .brand>.wrap .slogan span{font-weight: bold; vertical-align: middle; display: inline-block; letter-spacing: .1rem; position: relative; top: -4px;}
#about .m1 .brand>.wrap .slogan i{font-style: normal; font-size: 1.2rem; vertical-align: middle; display: inline-block; margin: 0 25px; position: relative; top: -4px;}


#about .m2{padding: 100px 0 0 0;}
#about .m2 .wrap{padding-bottom: 200px; background: url('../images/about-m2.png') no-repeat center bottom/100% auto; display: flex; justify-content: space-between; align-items: center;}
#about .m2 .wrap .l{width: 70%;}
#about .m2 .wrap .tit{font-size: 2.8rem; color: #2e2d3c;}
#about .m2 .wrap .con{font-size: 1.6rem; margin-top: 40px; line-height: 2.1;}
#about .m2 .wrap .con p{font-size: 1.6rem; margin-bottom: 25px; line-height: 2.1; font-weight: 300;}

#about .m2 .wrap .r{width: 25%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#about .m2 .wrap .r>.img{width: 23%; height: 0; padding-bottom: 23%; margin-right: 2%; box-sizing: border-box; margin-bottom: 30px; position: relative; text-align: center;}
#about .m2 .wrap .r>.img:nth-child(4n){margin-right: 0;}
#about .m2 .wrap .r>.img>img{max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}


@media (max-width:1679px){ /*1440*/
  #about .m1>.wrap>.tit{font-size: 3.8rem;}
  #about .m1>.wrap>.tit-en{font-size: 1.4rem;}
  #about .m1>.wrap>.desc{font-size: 1.6rem;}

  #about .m1>.wrap .box .item .tit i{font-size: 3.4rem;}
  #about .m1>.wrap .box .item .tit .icon-nianling{font-size: 2.8rem;}
  #about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli{font-size: 3rem;}
  #about .m1>.wrap .box .item .tit .icon-zhengshu{font-size: 3.6rem;}
  #about .m1>.wrap .box .item .num{font-size: 4rem;}
  #about .m1>.wrap .box .item .plus{font-size: 2.8rem;}
  #about .m1>.wrap .box .item .desc{font-size: 1.5rem;}

  #about .m2 .wrap .con{font-size: 1.5rem;}
  #about .m2 .wrap .con p{font-size: 1.5rem; }
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #about .m1>.wrap>.desc{font-size: 1.5rem;}

  #about .m1>.wrap .box .item .tit i{font-size: 3.2rem;}
  #about .m1>.wrap .box .item .tit .icon-nianling{font-size: 2.6rem;}
  #about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli{font-size: 2.8rem;}
  #about .m1>.wrap .box .item .tit .icon-zhengshu{font-size: 3.4rem;}
  #about .m1>.wrap .box .item .num{font-size: 3.6rem;}
  #about .m1>.wrap .box .item .plus{font-size: 2.6rem;}
  #about .m1>.wrap .box .item .desc{font-size: 1.4rem;}

  #about .m2 .wrap .con{font-size: 1.4rem;}
  #about .m2 .wrap .con p{font-size: 1.4rem; }
}
@media (max-width:1365px){ /*1280*/

}
@media (max-width:1279px){ /*mp*/
  #about{padding: 0 15px 0 15px;}

  #about .m1{ background-size:100%; padding-bottom: 280px;}
  #about .m1::after{height: 150px;}
  #about .m1>.wrap>.tit{font-size: 2.4rem;}
  #about .m1>.wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}
  #about .m1>.wrap>.desc{margin: 30px 0; font-size: 1.5rem; line-height: 1.7; max-width: unset;}

  #about .m1>.wrap .box{max-width: unset; display: flex; flex-wrap: wrap;}
  #about .m1>.wrap .box .item{width: 50%; margin-bottom: 30px;}
  #about .m1>.wrap .box .item .tit{height: 32px;}
  #about .m1>.wrap .box .item .tit i{font-size: 2.6rem; width: 36px;}
  #about .m1>.wrap .box .item .tit .icon-nianling{font-size: 2.1rem;}
  #about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli{font-size: 2.3rem;}
  #about .m1>.wrap .box .item .tit .icon-zhengshu{font-size: 2.9rem;}
  #about .m1>.wrap .box .item .num{font-size: 2.4rem;}
  #about .m1>.wrap .box .item .plus{font-size: 2.2rem; top: -2px;}
  #about .m1>.wrap .box .item .desc{max-width: unset; margin: 10px 15px 0 0; line-height: 1.6; font-size: 1.3rem;}

  #about .m1 .brand{height: 150px;}
  #about .m1 .brand>.wrap{display: block;}
  #about .m1 .brand>.wrap .slogan{font-size: 2rem; text-align: center; margin-top: 10px;}
  #about .m1 .brand>.wrap .slogan span{font-weight: bold;}
  #about .m1 .brand>.wrap .slogan i{transform: scale(.5); margin: 0 5px;}
  #about .m1 .brand>.wrap .slogan i:nth-of-type(2){display: none;}
  #about .m1 .brand>.wrap .logo{text-align: center; padding-top: 20px;}
  #about .m1 .brand>.wrap .logo>img{height: 60px;}

  #about .m2{padding: 50px 0 0 0;}
  #about .m2 .wrap{padding-bottom: 60px; display: block;}
  #about .m2 .wrap .l{width: 100%;}
  #about .m2 .wrap .tit{font-size: 2rem;}
  #about .m2 .wrap .con{font-size: 1.4rem; margin-top: 30px; line-height: 1.8;}
  #about .m2 .wrap .con p{font-size: 1.4rem; margin-bottom: 20px; line-height: 1.8;}

  #about .m2 .wrap .r{width: 100%; padding: 0 20px; box-sizing: border-box;}
  #about .m2 .wrap .r>.img{width: 20%; height: 0; padding-bottom: 20%; margin-right: 5%; box-sizing: border-box; margin-bottom: 20px; position: relative; text-align: center;}
}


/* 其他 */
#hr, #job{padding: 30px 0 130px 0;}
#hr .wrap>.tit, #job .wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family: segoe ui,sans-serif,system-ui;}
#hr .wrap>.tit-en, #job .wrap>.tit-en{color: #bbb; font-size: 1.5rem; margin-top: 12px;}


#hr .m1{margin-top: 80px; border: 1px solid #e6e6e6; padding: 50px 45px 15px 45px; position: relative;}
#hr .m1 .tit{background: #fff; position: absolute; top: -20px; height: 40px; line-height: 40px; padding: 0 20px; font-size: 2.6rem; font-weight: bold;}
#hr .m1 .con{line-height: 1.9; font-size: 1.7rem; font-family: segoe ui,sans-serif,system-ui;}
#hr .m1 .con p, #hr .m1 .con div{line-height: 1.9; font-size: 1.7rem; margin-bottom: 10px; font-family: segoe ui,sans-serif,system-ui;}


#hr .m2{margin-top: 60px;}
#hr .m2>.tit{font-size: 2.6rem; font-weight: bold;}
#hr .m2 .box{display: flex; justify-content: space-between; margin-top: 40px;}
#hr .m2 .box .item{width: calc((100% - 200px)/5); background: #f6f7fb; border-radius: 10%; text-align: center;}
#hr .m2 .box .item .tit{font-size: 2rem; font-weight: 300; color: #c70c1f; overflow: hidden; margin-top: 50px;}
#hr .m2 .box .item .ico{margin-top: 30px;}
#hr .m2 .box .item .ico i{color: #2e2d3c; font-size: 4.6rem;}
#hr .m2 .box .item .desc{font-size: 1.6rem; line-height: 1.6; margin-top: 30px; padding: 0 30px 50px 30px; font-family: segoe ui,sans-serif,system-ui;}


#hr .m3{margin-top: 60px;}
#hr .m3>.tit{font-size: 2.6rem; font-weight: bold;}
#hr .m3 .con{font-size: 1.7rem; font-family: segoe ui,sans-serif,system-ui; margin-top: 30px;}
#hr .m3 .con p, #hr .m3 .con div{line-height: 1.9; font-size: 1.7rem; margin-bottom: 25px; font-family: segoe ui,sans-serif,system-ui;}

#job .desc{font-size: 1.6rem; color: #aaa; font-weight: 300; margin-top: 50px;}
#job .desc p{margin-bottom: 10px; line-height: 1.8;}
#job .list{display: flex; margin-top: 60px; flex-wrap: wrap;}
#job .list>a{display: block; width: calc((100% - 100px)/3); padding: 30px; box-sizing: border-box; margin-right: 50px; margin-bottom: 50px; background: #f6f7fb; transition: all .35s; position: relative; height: 130px; overflow: hidden;}
#job .list>a:hover{background: #2e7eef;}
#job .list>a:nth-child(3n){margin-right: 0;}
#job .list>a .num{position: absolute; font-size: 10rem;  color: #e6e6e6; top: 15px; left: 35px; z-index: 2; transition: all .35s;}
#job .list>a:hover .num{left: 45px; color: rgba(255,255,255, .2);}
#job .list>a .tit{position: relative; z-index: 3; left: 40px; top: 10px; font-size: 2.6rem; color: #2e2d3c; font-weight: bold; line-height: 1.3; width: 70%; transition: all .35s;}
#job .list>a:hover .tit{color: #fff;}
#job .list>a::before{position: absolute; z-index: 1; right: 40px; bottom: -20px;  font-size: 10rem; color: #ccc; transition: all .35s;}
#job .list>a:hover::before{color: rgba(255,255,255, .2); font-size: 11rem; right: 35px;}
#job.school .list>a::before{ bottom: -15px;}


.black{width: 100%; height: 100%; position: fixed; z-index: 9999; left: 0; top: 0; visibility: hidden; transition: all .35s;}
.black.active{background: rgba(0,0,0, .3); visibility: visible;}
#view{position: fixed; z-index: 10000; width: 100%; height: 66%; left: 0; bottom: -66%; background: #fff; transition: all .4s;}
#view.active{box-shadow: 0 0 25px 3px rgba(0,0,0, .2); bottom: 0;}
#view::before{ font-size: 32rem;color: #eee; position: absolute; right: 0; bottom: 0; z-index: 1;}
#view.school::before{ font-size: 28rem; right: 20px;}
#view .wrap{padding: 60px 0; max-width: 1060px; height: 100%; box-sizing: border-box; position: relative; z-index: 2;}
#view .wrap>.close{width: 50px; height: 50px; position: absolute; right: 0; top: 30px; display: block; text-align: center; line-height: 50px; transition: all .25s;}
#view .wrap>.close i{font-size: 5rem; color: #ccc; transition: all .25s;}
#view .wrap>.close:hover{transform: rotate(90deg);}
#view .wrap>.close:hover i{color: #fb5483;}
#view .wrap .loading{font-size: 1.5rem; font-weight: 300; color: #bbb;}
#view .wrap .loading img{display: inline-block; margin-right: 8px;}
#view .wrap .wrapper{display: none; height: 100%;}
#view .wrap .wrapper>.tit{font-size: 3.2rem; color: #2b2b2b; font-weight: bold;}
#view .wrap .todate{font-size: 1.6rem; font-style: italic; margin-top: 16px; border-bottom: 1px solid #999; padding-bottom: 35px;}
#view .wrap .tags{margin-top: 35px; height: calc(100% - 120px); overflow: scroll; padding-bottom: 20px;}
#view .wrap .tags .item{margin-bottom: 35px;}
#view .wrap .tags .item .tit{font-size: 2rem; color: #bbb; font-weight: bold;}
#view .wrap .tags .item .con{font-family:segoe ui,sans-serif,system-ui; color: #2e2d3c; font-size: 1.6rem; line-height: 1.6; margin-top: 16px;}
#view .wrap .tags .item .con p, #view .wrap .tags .item .con div{font-family: segoe ui,sans-serif,system-ui; color: #2e2d3c; font-size: 1.6rem; line-height: 1.6; margin-bottom: 20px;}

@media (max-width:1679px){ /*1440*/
  #hr .wrap>.tit,#job .wrap>.tit{font-size: 3.8rem; }
  #hr .wrap>.tit-en, #job .wrap>.tit-en{font-size: 1.4rem;}

  #hr .m1 .tit{font-size: 2.4rem;}
  #hr .m1 .con{font-size: 1.6rem;}
  #hr .m1 .con p, #hr .m1 .con div{line-height: 1.8; font-size: 1.6rem;}

  #hr .m2>.tit{font-size: 2.4rem;}
  #hr .m2 .box .item{width: calc((100% - 180px)/5);}
  #hr .m2 .box .item .tit{font-size: 1.9rem;}
  #hr .m2 .box .item .ico i{font-size: 4.2rem;}
  #hr .m2 .box .item .desc{font-size: 1.5rem;}

  #hr .m3>.tit{font-size: 2.4rem;}
  #hr .m3 .con{font-size: 1.6rem;}
  #hr .m3 .con p, #hr .m3 .con div{line-height: 1.8; font-size: 1.6rem;}

  #job .desc{font-size: 1.5rem;}
  #job .list>a{width: calc((100% - 90px)/3); margin-right: 45px; margin-bottom: 45px;}
  #job .list>a .num{font-size: 9.6rem; top: 15px; left: 35px;}
  #job .list>a:hover .num{left: 45px;}
  #job .list>a .tit{left: 20px; top: 10px; font-size: 2.4rem;}
  #job .list>a::before{right: 35px; bottom: -20px; font-size: 9.6rem;}
  #job .list>a:hover::before{right: 30px;}

  #view::before{font-size: 30rem;}
  #view.school::before{font-size: 26rem;}

  #view .wrap .wrapper>.tit{font-size: 3rem;}
  #view .wrap .todate{font-size: 1.5rem;}
  #view .wrap .tags .item .tit{font-size: 1.9rem;}
  #view .wrap .tags .item .con{font-size: 1.5rem;}
  #view .wrap .tags .item .con p, #view .wrap .tags .item .con div{font-size: 1.5rem;}
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #hr .m1{margin-top: 60px;}
  #hr .m1 .tit{font-size: 2.3rem;}
  #hr .m1 .con{font-size: 1.5rem;}
  #hr .m1 .con p, #hr .m1 .con div{line-height: 1.8; font-size: 1.5rem;}

  #hr .m2{margin-top: 50px;}
  #hr .m2>.tit{font-size: 2.3rem;}
  #hr .m2 .box .item{width: calc((100% - 160px)/5);}
  #hr .m2 .box .item .tit{font-size: 1.8rem;}
  #hr .m2 .box .item .ico i{font-size: 4rem;}
  #hr .m2 .box .item .desc{font-size: 1.5rem;}

  #hr .m3{margin-top: 50px;}
  #hr .m3>.tit{font-size: 2.3rem;}
  #hr .m3 .con{font-size: 1.5rem;}
  #hr .m3 .con p, #hr .m3 .con div{font-size: 1.5rem;}

  #job .desc{font-size: 1.4rem;}
  #job .list>a{width: calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 40px;}
  #job .list>a .num{font-size: 9rem; top: 15px; left: 30px;}
  #job .list>a:hover .num{left: 40px;}
  #job .list>a .tit{left: 20px; top: 10px; font-size: 2.2rem;}
  #job .list>a::before{right: 25px; bottom: -20px; font-size: 9rem;}
  #job .list>a:hover::before{right: 20px;}

  #view::before{font-size: 28rem;}
  #view.school::before{font-size: 24rem;}

  #view .wrap .wrapper>.tit{font-size: 2.8rem;}
  #view .wrap .todate{font-size: 1.4rem;}
  #view .wrap .tags .item .tit{font-size: 1.8rem;}
  #view .wrap .tags .item .con{font-size: 1.4rem;}
  #view .wrap .tags .item .con p, #view .wrap .tags .item .con div{font-size: 1.4rem;}
}
@media (max-width:1365px){ /*1280*/
  #hr .m1 .tit{font-size: 2.2rem;}
  #hr .m1 .con{font-size: 1.4rem;}
  #hr .m1 .con p, #hr .m1 .con div{font-size: 1.4rem;}

  #hr .m2>.tit{font-size: 2.2rem;}
  #hr .m2 .box .item{width: calc((100% - 160px)/5);}
  #hr .m2 .box .item .desc{font-size: 1.4rem;}

  #hr .m3>.tit{font-size: 2.2rem;}
  #hr .m3 .con{font-size: 1.4rem;}
  #hr .m3 .con p, #hr .m3 .con div{font-size: 1.4rem;}

  #job .list>a .tit{font-size: 2rem;}
}
@media (max-width:1279px){ /*mp*/
  #hr, #job{padding: 0 15px 50px 15px;}
  #hr .wrap>.tit, #job .wrap>.tit{font-size: 2.4rem;}
  #hr .wrap>.tit-en, #job .wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}

  #hr .m1{margin-top: 60px; padding: 30px 15px 0 15px;}
  #hr .m1 .tit{height: 30px; line-height: 40px; padding: 0 10px; font-size: 1.8rem; left: 5px;}
  #hr .m1 .con{line-height: 1.7; font-size: 1.4rem;}
  #hr .m1 .con p, #hr .m1 .con div{line-height: 1.7; font-size: 1.4rem; margin-bottom: 10px;}

  #hr .m2{margin-top: 40px;}
  #hr .m2>.tit{font-size: 1.8rem;}
  #hr .m2 .box{display: block; margin-top: 30px;}
  #hr .m2 .box .item{width: 100%;}
  #hr .m2 .box .item .tit{font-size: 1.6rem; margin-top: 30px; padding-top: 25px; font-weight: bold;}
  #hr .m2 .box .item .ico{margin-top: 20px;}
  #hr .m2 .box .item .ico i{color: #2e2d3c; font-size: 4.2rem;}
  #hr .m2 .box .item .desc{font-size: 1.4rem; line-height: 1.6; margin-top: 20px; padding: 0 20px 25px 20px;}

  #hr .m3{margin-top: 40px;}
  #hr .m3>.tit{font-size: 1.8rem;}
  #hr .m3 .con{font-size: 1.4rem; margin-top: 20px;}
  #hr .m3 .con p, #hr .m3 .con div{line-height: 1.7; font-size: 1.4rem; margin-bottom: 20px;}

  #job .desc{font-size: 1.4rem; margin-top: 30px;}
  #job .desc p{margin-bottom: 7px; line-height: 1.6; font-size: 1.4rem;}
  #job .list{display: block; margin-top: 30px;}
  #job .list>a{display: block; width: 100%; padding: 20px; margin-right: 0; margin-bottom: 15px; height: 120px;}
  #job .list>a .num{font-size: 8rem; left: 20px;}
  #job .list>a:hover .num{left: 20px;}
  #job .list>a .tit{left: 20px; top: 10px; font-size: 2rem; width: 100%;}
  #job .list>a::before{right: 15px; bottom: -10px; font-size: 8rem; color: #fff;}
  #job .list>a:hover::before{font-size: 9rem; right: 15px;}
  #job.school .list>a::before{bottom: -10px;}

  #view{height: 100%; bottom: -100%; transition: all .6s;}
  #view::before{font-size: 12rem;}
  #view.school::before{font-size: 11rem;}
  #view .wrap{padding: 30px 15px; max-width: unset; height: 100%;}
  #view .wrap>.close{width: 38px; height: 38px; right: 15px; top: 15px; line-height: 38px;}
  #view .wrap>.close i{font-size: 3rem;}
  #view .wrap .loading{font-size: 1.4rem;}
  #view .wrap .loading img{margin-right: 6px;}
  #view .wrap .wrapper{display: none; height: 100%;}
  #view .wrap .wrapper>.tit{font-size: 2rem;}
  #view .wrap .todate{font-size: 1.4rem; margin-top: 10px; padding-bottom: 15px;}
  #view .wrap .tags{margin-top: 25px; height: calc(100% - 90px);}
  #view .wrap .tags::-webkit-scrollbar{width: 3px; height: 3px;}
  #view .wrap .tags .item{margin-bottom: 20px;}
  #view .wrap .tags .item .tit{font-size: 1.8rem;}
  #view .wrap .tags .item .con{font-size: 1.4rem; margin-top: 15px;}
  #view .wrap .tags .item .con p, #view .wrap .tags .item .con div{font-size: 1.4rem; margin-bottom: 15px;}
}



/* 证书 */
#honor{padding: 30px 0 120px 0;}
#honor .wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family: segoe ui,sans-serif,system-ui;}
#honor .wrap>.tit-en{color: #bbb; font-size: 1.5rem; margin-top: 12px;}

#honor .box{height: 500px; margin-top: 100px;}
#honor .box .swiper-container, #honor .box .swiper-wrapper{height: 100%; text-align: center;}
#honor .box .swiper-slide{height: 100%; text-align: center;}
#honor .box .swiper-slide a{display: block; margin: auto; height: 300px; padding: 60px 0;}
#honor .box .swiper-slide a>img{max-height: 100%; max-width: 100%; background: #fff; padding: 10px; box-shadow: 5px 5px 25px rgba(0,0,0, .1);}
#honor .box .swiper-slide p.tit{text-align: center; font-size: 2rem; margin-top: 10px; font-weight: bold;}
#honor .box .prev{display: block; width: 56px; height: 56px; color: #fff; background: #e46713; position: absolute; left: 0; bottom: 50%; cursor: pointer; z-index: 2;}
#honor .box .prev i{display: inline-block; font-size: 2.8rem; line-height: 56px; font-family:"宋体"; font-style:normal;}
#honor .box .next{display: block; width: 56px; height: 56px; color: #fff; background: #e46713; position: absolute; right: 0; bottom: 50%; cursor: pointer; z-index: 2;}
#honor .box .next i{display: inline-block; font-size: 2.8rem; line-height: 56px; font-family:"宋体"; font-style:normal;}
#honor .box .swiper-pagination{width: 100%; bottom: 0; font-size: 1.7rem; color: #bbb; font-family: segoe ui,sans-serif,system-ui; font-style: italic;}


@media (max-width:1679px){ /*1440*/
  #honor .wrap>.tit{font-size: 3.8rem;}
  #honor .wrap>.tit-en{font-size: 1.4rem;}

  #honor .box .swiper-slide a>img{max-height: 80%; max-width: 80%;}
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #honor .box .swiper-pagination{font-size: 1.6rem;}
}
@media (max-width:1365px){ /*1280*/
  #honor .box .swiper-pagination{font-size: 1.5rem;}
}
@media (max-width:1279px){ /*mp*/
  #honor{padding: 0 15px 60px 15px;}
  #honor .wrap>.tit{font-size: 2.4rem;}
  #honor .wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}

  #honor .box{height: unset; margin-top: 0; background: url('../image/honor-letter.png') no-repeat center bottom/100%;}
  #honor .box .swiper-container, #honor .box .swiper-wrapper{height: 100%; text-align: center;}
  #honor .box .swiper-slide{height: 100%; text-align: center;}
  #honor .box .swiper-slide a{display: block; margin: auto; height: 200px; padding: 50px 0;}
  #honor .box .swiper-slide a>img{max-height: 80%; max-width: 80%; background: #fff; padding: 10px; box-shadow: 5px 5px 25px rgba(0,0,0, .1);}
  #honor .box .swiper-slide p.tit{text-align: center; font-size: 1.7rem; margin-top: 0; font-weight: bold; padding: 0 40px 8px 40px;}
  #honor .box .prev{display: block; width: 32px; height: 32px; color: #fff; background: #2e7eef; position: absolute; left: 0; bottom: 0; cursor: pointer; z-index: 2;}
  #honor .box .prev i{display: inline-block; font-size: 1.8rem; line-height: 32px; transform: rotate(-180deg);}
  #honor .box .next{display: block; width: 32px; height: 32px; color: #fff; background: #2e7eef; position: absolute; right: 0; bottom: 0%; cursor: pointer; z-index: 2;}
  #honor .box .next i{display: inline-block; font-size: 1.8rem; line-height: 32px;}
  #honor .box .swiper-pagination{bottom: 40px; font-size: 1.6rem;}

}