  /* ================================================
Copyright: Yunnan College of Business Management
Web: www.ynjgy.edu.cn
Author: Zhang Biao
Time: 2024/04/14

color1:#a33326; color:rgba(163,51,38,1);
================================================ */
@media (max-width: 1999.98px) { .main-menu .navigation > li > span { margin-left:50px;} }
@media (max-width: 1799.98px) { 
.main-header { margin:38px 0;}
.main-header .logo img { height:52px;}
.main-header .logo h3 { font-size:22px; height:52px; line-height:52px;}
.main-menu .navigation > li > span { margin-left:40px; font-size:20px;} }
@media (max-width: 1599.98px) { .main-menu .navigation > li > span { margin-left:28px; font-size:19px;} }

/*--------------------------------------------------------------
  1400 — 1499  ****
--------------------------------------------------------------*/
@media (max-width: 1499.98px) {
.line4 { height:35px;}
.font24 { font-size:22px;}
/** Header ========== **/
.main-header { margin:35px 0;}
.main-header .logo img { height:48px;}
.main-header .logo h3 { font-size:20px; height:48px; line-height:48px; padding:0 10px;}
.headbox .headnav { margin-top:13px;}
.main-menu .navigation > li > span { margin-left:25px; font-size:18px;}
.main-menu .navigation > li > ul{ width:140px; padding:13px 0px;}
.main-menu .navigation > li > ul > li > a { padding:13px 0px;}
}

/*--------------------------------------------------------------
  1200 — 1399  ****
--------------------------------------------------------------*/
@media (max-width: 1399.98px) {
.line4 { height:30px;}
.font24 { font-size:20px;}
/** Header ========== **/
.main-header { margin:30px 0;}
.main-header .logo img { height:43px;}
.main-header .logo h3 { font-size:18px; height:43px; line-height:43px;}
.headbox .headnav { margin-top:8px;}
.main-menu .navigation > li > span { margin-left:24px; font-size:17px;}
.main-menu .navigation > li > span i { display:none;}
.main-menu .navigation > li > ul{ width:120px; padding:10px 0px;}
.main-menu .navigation > li > ul > li{ padding:0px 5px;}
.main-menu .navigation > li > ul > li > a { padding:10px 0px; font-size:15px;}
}

/*--------------------------------------------------------------
  992 — 1199  ****
--------------------------------------------------------------*/
@media (max-width: 1199.98px) {
.line4 { height:25px;}
.font24 { font-size:18px;}
/** Header ========== **/
.main-header { margin:25px 0 5px 0; display:inline-block;}
.main-header .logo { width:100%; margin-right:0;}
.main-header .logo img { height:45px; display:inline-block; float:left;}
.main-header .logo h3 { font-size:18px; height:45px; line-height:45px;}
.main-header .headbox { flex:none; width:100%;}
.headbox .headnav { width:100%; margin-top:30px; float:left;}
.main-menu ul { width:100%; text-align:center;}
.main-menu .navigation > li { width:13.5%; text-align:center;}
.main-menu .navigation > li > span { margin:0; padding:0;}
.main-menu .navigation > li > span i { display:inherit;}
.main-menu .navigation > li > ul{ right:0; left:0;}
.swiper-container1 .swiper-pagination-bullet { width:8px; height:8px; margin:0 8px; margin-bottom:5px !important;}
.swiper-container1 .swiper-pagination-bullet-active { width:20px; border-radius:8px;}
}

/*--------------------------------------------------------------
  768 — 991  ****
--------------------------------------------------------------*/
@media (max-width: 991.98px) {
.font24 { font-size:18px;}
/** Header ========== **/
.header-top .head1 { display:none;}
.header-top .head2 { width:100%; display:flex; font-size:14px; justify-content:center;}
.main-header { width:100%; background:#fff; margin:30px 0; padding:0 20px; display:flex;}
.main-header .headbox { flex:1; width:auto;}
.headbox .headnav { width:auto; margin-top:0; float:none; position:absolute; bottom:10px; right:25px;}
.main-header .logo img { height:45px;}
.main-header .logo h3 { font-size:18px; height:45px; line-height:45px;}
.main-menu { display:none !important;}
.mobile-nav-toggler { display:block;}
.swiper-container1 .swiper-pagination-bullet { width:6px; height:6px; margin:0 6px; margin-bottom:0 !important;}
.swiper-container1 .swiper-pagination-bullet-active { width:16px; border-radius:8px;}
}

/*--------------------------------------------------------------
  576 — 767  ****
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.font24 { font-size:17px;}
/** Header ========== **/
.headbox .headnav { bottom:6px;}
.header-top { font-size:14px; height:42px; line-height:42px; padding:0 10px;}
.main-header .logo img { height:40px;}
.main-header .logo h3 { font-size:17px; height:40px; line-height:40px;}
.swiper-container1 .swiper-pagination-bullet { width:4px; height:4px; margin:0 4px;}
.swiper-container1 .swiper-pagination-bullet-active { width:12px; border-radius:6px;}
}

/*--------------------------------------------------------------
  400 — 576  ****
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.line5 { height:40px;}
.font24 { font-size:17px;}
/** Header ========== **/
.header-top .head2 li { font-size:13px; margin-left:20px;}
.header-top .head2 li.one4 { display:none;}
.main-header { padding:0 10px; margin:20px 0 10px 0;}
.headbox .headnav { right:15px; bottom:50px;}
.main-header .logo span { width:100%; float:left;}
.main-header .logo { width:100%; display:inline-block; float:left;}
.main-header .logo img { height:38px;}
.main-header .logo h3 { font-size:16px; height:35px; line-height:35px; margin-top:10px; margin-left:0; text-align:center; width:100%; float:left;}
.mobile-nav-toggler i { font-size:22px; padding:6px 12px;}
.swiper-container1 .swiper-slide img { height:120px !important;}
}

/*--------------------------------------------------------------
  400  ****
--------------------------------------------------------------*/
@media (max-width: 399.98px){
.font24 { font-size:16px;}
/** Header ========== **/
.header-top .head2 li.one4 { display:none;}
.headbox .headnav { bottom:47px;}
.main-header .logo img { height:32px;}
.mobile-nav-toggler i { font-size:20px; padding:5px 10px;}
}