﻿/* ================================================
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;}
.headbox .headnav { margin-top:10px;}
.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:30px; 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:8px;}
.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;}


.title { font-size: 9.6rem;}
.title br { margin: 25px 0;}
.jiaoxue dl { padding: 25px 0 35px 0;}
.jiaoxue dl dt { font-size:32px;}
.jiaoxue dl dt i { font-size:65px;}
.jiaoxue dl p { font-size:18px;}
}

/*--------------------------------------------------------------
  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:6px;}
.main-menu .navigation > li > span { margin-left:28px; 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;}

.title { font-size: 8.0rem;}
.title br { margin: 25px 0;}
.jiaoxue dl { padding: 25px 0 35px 0;}
.jiaoxue dl dt { font-size:30px;}
.jiaoxue dl dt i { font-size:60px;}
.jiaoxue dl p { font-size:18px;}
}

/*--------------------------------------------------------------
  992 — 1199  ************************
--------------------------------------------------------------*/
@media (max-width: 1199.98px) {
.line4 { height:25px;}
.font24 { font-size:18px;}
/** Header ========== **/
.main-header { margin:25px 0 0 0; display:inline-block;}
.maintop { display:none;}
.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 > 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;}

.title { font-size: 7.0rem;}
.title br { margin: 25px 0;}
.jiaoxue dl { padding: 25px 0 35px 0;}
.jiaoxue dl dt { font-size:25px;}
.jiaoxue dl dt i { font-size:50px;}
.jiaoxue dl p { font-size:17px;}
}

/*--------------------------------------------------------------
  768 — 991  ************************
--------------------------------------------------------------*/
@media (max-width: 991.98px) {
.font24 { font-size:18px;}
/** Header ========== **/
.header-top .head1 { display:none;}
.header-top .head2 { display:none; width:100%; display:flex; font-size:14px; justify-content:center;}
.main-header { width:100%; margin:30px 0; padding:0 20px; display:flex;}
.main-header .headbox { flex:1; width:auto;}
.maintop { display:none;}
.headbox .headnav { width:auto; margin-top:0; float:none; position:absolute; bottom:4px; 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;}

.mySwiper1 { height:40vh;}
.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;}

.title { font-size: 5.0rem;}
.title br { margin: 25px 0;}
.jiaoxue dl { padding: 0 0 0;}
.jiaoxue dl dt { font-size:20px;}
.jiaoxue dl dt i { font-size:46px;}
.jiaoxue dl p { font-size:16px;}
.about1 {  padding:0 0 10px 0;}
.about1 .aboutnr { margin-top: 0; padding-top: 0;}
}

/*--------------------------------------------------------------
  576 — 767  ************************
--------------------------------------------------------------*/
@media (max-width: 767.98px) {
.font24 { font-size:17px;}
/** Header ========== **/
.headbox .headnav { bottom:0px;}
.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;}

.title { font-size: 4.0rem;}
.title br { margin: 20px 0;}
.jiaoxue dl { height:130px; overflow: hidden;}
.jiaoxue dl dt { font-size:20px;}
.jiaoxue dl dt i { font-size:40px;}
.jiaoxue dl p { font-size:16px;}
}

/*--------------------------------------------------------------
  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:20px;}
.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:45px;}
.main-header .logo img { height:32px;}
.mobile-nav-toggler i { font-size:20px; padding:5px 10px;}
.title { font-size: 3.0rem;}
}