@import url("../../assets/libs/font-awesome/css/font-awesome.min.css");
@import url("../../assets/libs/toastr/toastr.min.css");
@import url("../../assets/libs/fastadmin-layer/dist/theme/default/layer.css");
@import url("../../assets/libs/nice-validator/dist/jquery.validator.css");
@import url("../../assets/libs/fastadmin-selectpage/selectpage.css");

@import url("../../web/css/bootstrap.min.css");
@import url("../../web/css/animate.css");
@import url("../../web/fonts/iconfont.css");
html,body{font-size: 18px;}

body{color: #031f42; font-family: "PingFang SC", "Source Han Sans SC", "HarmonyOS Sans SC","Microsoft YaHei"; font-weight: normal; background: #f7f9f9;}
cite, i{font-style: normal;}

ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}

.faster {-webkit-animation-duration: 0.3s; animation-duration: 0.3s;}

.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;}
.blank16{clear:both;display:block;font-size:1px;overflow:hidden;height:16px;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;}
.blank45{clear:both;display:block;font-size:1px;overflow:hidden;height:45px;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;}
.blank70{clear:both;display:block;font-size:1px;overflow:hidden;height:70px;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;}
.blank90{clear:both;display:block;font-size:1px;overflow:hidden;height:90px;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;}
.blank110{clear:both;display:block;font-size:1px;overflow:hidden;height:110px;}
.blank170{clear:both;display:block;font-size:1px;overflow:hidden;height:170px;}


.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs36{font-size: 36px;}
.fs48{font-size: 48px;}
.fs56{font-size: 56px;}
.fs60{font-size: 60px;}
.fs100{font-size: 100px;}

.lh-1{line-height: 1em;}
.lh-2{line-height: 2em;}

.pt-80{padding-top: 80px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-80{padding-bottom: 80px;}

.mb-40{margin-bottom: 40px;}
.mb-100{margin-bottom: 100px;}

.text-price::before{ content: "¥"; font-size: 80%; margin-right: 2px;}

   
.rounded-10{border-radius: 10px;}
.rounded-15{border-radius: 15px;}


.maxLineTwo {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}

.maxLineThree {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}
.maxLineFour {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}

a, a:link { color: #232f45; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s;}
a:visited {}
a:active, a:hover { text-decoration: none; color:#fe3e18; -webkit-transition: 0.3s; transition: 0.3s; }
a:focus { outline: none;}


.bg-no{background: none;}
.bg-f7{background: #f7f7f7;}
.bg-gray{background: #f2f2f2;}
.bg-grey{background: rgba(0, 35, 64, 0.5);}
.bg-green{background: #20c77e; color: #fff;}
.bg-blue{background: #096ad5; color: #fff;}
.bg-red{background: #de0000; color: #fff;}
.bg-orange{background: #fe3e18; color: #fff;}
.text-grey{color: #a3b0b7;}
.text-gray{color: #999}
.text-green{color: #50e386;}
.text-blue{color: #096ad5 !important;}
.text-red{color: #de0000;}
.text-orange{color: #fe3e18 !important;}

.badge_orange{color: #fe3e18; background: #fff2e8;}

.btn_h50{height: 50px; line-height: 50px; padding: 0 40px;}


.solid{border: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_left{border-left: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_top{border-top: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_bottom{border-bottom: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_right{border-right: 1px rgba(163, 176, 183, 0.15) solid;}

.shadow-md{ box-shadow: 0 15px 30px rgba(163, 176, 183, 0.1);}



.container-fluid{padding-left: 100px; padding-right: 100px; -webkit-transition: 0.3s; transition: 0.3s;}

header{border-bottom: 1px rgba(255, 255, 255, 0.05) solid;  -webkit-transition: 0.3s; transition: 0.3s ;}
header .logo{ z-index: 2; margin-right: 20px;}
header .logo a{}
header .logo img {height: 46px;}
header .logo .logo01{display: none;}
header .logo .logo02{}
header .menu { z-index: 2;}
header .menu>ul{margin: 0; padding: 0;}
header .menu>ul>li { margin: 0 3rem; padding: 0; line-height: 120px; height: 120px; list-style: none; position: relative; text-align: center;}
header .menu>ul>li>a { color: #fff; display: block; font-size: 1.2rem; position: relative;  font-weight: bold; z-index: 2;}
header .menu>ul>li>a::after{content: ""; position: absolute; top: 50%; margin-top: -20px; width: 20px; height: 20px; border-radius: 50%; background: #fe3e18;  -webkit-transition: 0.3s; transition: 0.3s; right: -10px; transform:scale(0); z-index: -1;}
header .menu>ul>.active>a::after {transform: scale(1);}
header .menu>ul>li:hover a::after{ transform: scale(1);  -webkit-transition: 0.3s; transition: 0.3s;}
header .other{}
header .other a{font-size: 1.6rem; margin-right:10px; color: #031f42; background: #f3f4f6; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; display: inline-block;}
header .other a:last-child{margin-right: 0;}
header .other a:hover{background: #fe3e18; color: #fff;}

header .menu_child{ display: none; width:240px; padding: 10px 0; height:auto; background: rgba(255, 255, 255, 1);  backdrop-filter: blur(10px); border-radius: 10px; z-index:99;   position: absolute; left: 50%; transform: translateX(-50%); top:100px;   overflow:hidden;  -webkit-transition: 0.3s; transition: 0.3s; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
header .menu_child ol{ margin:0 !important; padding:0 !important;}
header .menu_child ol li{ margin:0 !important; padding:0 !important; overflow:hidden; line-height:0 !important; height:auto !important;}
header .menu_child ol a{ background:none !important; line-height:20px !important; font-style:normal; padding:15px 0 !important; text-align: center; color:#333 !important; margin:0 !important; width:100% !important; display:block;}
header .menu_child ol a:hover{color:#fe3e18 !important; }
header .menu_child ol li:last-child a{ border-bottom:none !important;}
header .menu li:hover .menu_child{ display: block; -webkit-transition: 0.3s; transition: 0.3s;}


#navToggle{display: none;}
header #navToggle { height: 100%; padding: 15px;  cursor: pointer; height: 55px !important; position: relative;}
header #navToggle span { position: relative; width: 25px; height: 3px;  border-radius: 5px;}
header #navToggle span:before, header #navToggle span:after { content: ''; position: relative; width: 100%; height: 3px; left: 0; border-radius: 5px;}
header #navToggle span, header #navToggle span:before, header #navToggle span:after {-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #fff;}
.header_bg #navToggle span, .header_bg #navToggle span:before, .header_bg #navToggle span:after {background: #031f42;}
header #navToggle span:before { top: 10px;}
header #navToggle span:after { top: 18px;}

.header_bg{background: rgba(255,255,255,1);-webkit-transition: 0.3s; transition: 0.3s; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
.header_bg .logo .logo01{ display: block;}
.header_bg .logo .logo02{ display: none;}
.header_bg .menu>ul>li>a {color: #031f42;}

.header_bg .menu>ul>li>a::after{background: #fe3e18;}
.header_bg .other a{color: #031f42;}

.header_not{ border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.header_not .logo .logo01{ display: block;}
.header_not .logo .logo02{ display: none;}
.header_not .menu>ul>li>a {color: #031f42;}
.header_not .menu>ul>li>a::after{background: #fe3e18;}
.header_not .other a{color: #031f42;}
.header_not #navToggle span, .header_not #navToggle span:before, .header_not #navToggle span:after {background: #031f42;}





.m_nav{position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #002340; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; opacity: 1; margin-top: 0; overflow-y: auto;  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); z-index: 1040;}
.m_nav.open{ transform: translateX(0);}
.m_nav .closed{ font-size: 2.4rem; text-align: center; cursor: pointer; position: absolute; top: 30px; right: 20px; color:#ffffff; }
.m_nav .logo{width: 100%; padding: 40px 0 50px 20px;}
.m_nav .logo img{height: 32px; display: block;}
.m_nav .ul{margin: 0; padding: 0;}
.m_nav .ul li{ padding: 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transform: translateY(0); -webkit-transform: translateY(100%);  transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; }
.m_nav.open .ul li{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7) { -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(8) { -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(9) { -webkit-transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(10) { -webkit-transition: all 2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block; text-decoration: none; color: #fff; font-size: 20px; height: 60px; line-height: 60px; width: 100%; font-weight: bold; }
.m_nav .ul li .dropdown_menu{ display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display: block;}
.m_nav .ul li .dropdown_menu a{ display: block; height: 50px; line-height: 50px;  box-sizing: border-box;  position: relative; font-size: 18px; color: #fff;}
.m_nav .ul li .dropdown_menu a .iconfont{font-weight: bold; margin-right: 20px;}



/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.banner{height: 75vh; background: #002340;}
.banner .item{position: relative;}
.banner .slide_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; }
.banner .item01 .slide_txt{ position: absolute; top:50%; transform: translateY(-50%) !important; left: -100px; width: 100%; color: #fff; z-index: 99; opacity: 0;  -webkit-transition: all 500ms ease; transition: all 500ms ease; text-align: left; }
.banner .item01 .slide_txt .tit{ font-size: 4.2rem; color: #fff; font-weight: bold; line-height: 1.2em;}
.banner .item01.swiper-slide-active .scaleBg{-webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards;}
.banner .item01.swiper-slide-active .slide_txt{opacity: 1; left: 100px;  -webkit-transition-delay: 300ms; transition-delay: 300ms;}
.banner .swiper-pagination{ bottom: 20px; }
.banner .swiper-pagination-bullet{background: #fff; width: 10px; height: 10px; border-radius: 10px; -webkit-transition: 0.3s; transition: 0.3s; outline: 0;  }
.banner .swiper-pagination-bullet-active{width: 50px; -webkit-transition: 0.3s; transition: 0.3s;}


.space{padding-top: 100px; padding-bottom: 100px;}
.space .title{ margin-bottom: 70px; display: flex; justify-content: space-between; align-items: center;}
.space .title h2{font-size: 3rem; line-height: 1em; margin: 0; position: relative;}
.space .title h2 b{position: relative; z-index: 2;}
.space .title h2::after{content: ""; position: absolute; bottom: -1.5rem; right: 0; background: url("../../web/img/tx.png") right top no-repeat; background-size: auto 100%; width: 100%; height: 3rem; z-index: 1;}

a.btn_more{background: #fe3e18; color: #ffffff; padding:0.8rem 1.8rem; border-radius: 5px; display: inline-block;}
a.btn_more:hover{color: #ffffff; box-shadow:0 15px 30px rgba(222, 0, 0, 0.1) ;}

.home_map{background: #f2f2f2; position: relative; padding: 0; overflow: hidden;}
.home_map .title{position: absolute; top: 100px; left: 100px;}
.home_map .tips{position: absolute; top: 100px; right: 100px; color: #fe3e18; padding: 20px; border-radius: 10px; width: 100px; text-align: center; z-index: 9; opacity:0.7}
.home_map .tips i{display: block; margin-bottom: 10px;}
.home_map .tips i img{width: 80%;}
.home_map .tips p{margin: 0; font-size: 0.7rem; line-height: 1em; font-weight: bold;}
.home_map .search{ position: absolute; left: 100px; right: 100px; bottom: 100px; padding: 35px 40px; border-radius: 15px; z-index: 9;}
.home_map .search{background: #031f42; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 150px; grid-gap: 20px; }
.home_map .search input{outline: 0; border: none; width: 100%; height: 60px; border-radius: 5px; padding: 0 1rem;}
.home_map .search input::placeholder {color: #031f42; }
.home_map .search button{width: 100%; outline: 0; border: none; border-radius: 5px;}
.home_map .search .dropdown-toggle{ height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0 1rem;}
.home_map .search .btn_sub{ height: 60px; background: #fe3e18; color: #ffffff; }
.home_map .search .all{display:none}
.home_map #map:hover{ cursor: move;}
.home_map .dropdown-toggle{ background: #fff;}

/* 隐藏默认箭头*/
.dropdown-toggle::after { display: none !important; }
 /* 图标间距优化 */
.dropdown-toggle i {margin-left: 8px; transition: transform 0.3s ease; }
/* 展开时旋转效果 */
.dropdown-toggle[aria-expanded="true"] i {transform: rotate(180deg);}
/* 菜单项图标样式 */
.dropdown-item i {width: 20px; margin-right: 10px;}
.dropdown-item.active, .dropdown-item:active{background: #fe3e18; }


.home_adv{ background: url("../../web/img/home_adv_bg.jpg") center center no-repeat; background-size: cover;}
.home_adv .title{align-items: flex-end;}
.home_adv .title .txt{text-align: right; font-size: 1.5rem; font-weight: bold; line-height: 1.2em;}

.advantage {display: flex; gap: 10px; height: 600px;}
.advantage .item {width: 150px; overflow: hidden; display: flex; align-items: stretch; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s;}
.advantage .item .tit{ width: 150px; background: #000; color: #fff; display: flex; flex-direction: column; justify-content:space-around; align-items: center;}
.advantage .item .tit cite{ font-size: 3rem; line-height: 1em;}
.advantage .item .tit b{ width: 1em; font-size: 2.8rem; line-height: 1.2em;}
.advantage .item .tit i{ font-size: 4rem; line-height: 1em;}
.advantage .item .t01{background: rgba(3, 31, 66, 0.9);}
.advantage .item .t02{background: rgba(3, 31, 66, 0.8);}
.advantage .item .t03{background: rgba(3, 31, 66, 0.7);}
.advantage .item .t04{background: rgba(3, 31, 66, 0.6);}
.advantage .item .t05{background: rgba(3, 31, 66, 0.5);}
.advantage .item .txt{ flex: 1; width: 0; overflow: hidden; position: relative; opacity: 0; display: flex;  -webkit-transition: 0.3s; transition: 0.3s; color: #fff; }
.advantage .item .txt p{margin: 0; font-weight: bold; font-size: 1.5rem; line-height: 1.2em; align-self: flex-end; padding: 30px;}
.advantage .active{flex: 1 !important; width: auto; -webkit-transition: 0.3s; transition: 0.3s; }
.advantage .active .tit{background: #fe3e18;}
.advantage .active .txt{width: 100%; opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; }
.horizontal-accordion .content p{margin: 0; font-weight: bold; font-size: 1.5rem; line-height: 1.2em; align-self: flex-end;}




.home_news{ background: url("../../web/img/home_news_bg.jpg") center center no-repeat; background-size: cover;}
.home_news .list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 50px;}
.home_news .list .item{ background: #fff; border-radius: 15px; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s;}
.home_news .list .item a{ display: block; }
.home_news .list .item .pic{overflow: hidden;}
.home_news .list .item .pic img{width: 100%;  -webkit-transition: 0.3s; transition: 0.3s;}
.home_news .list .item .txt{ padding: 2.5rem;}
.home_news .list .item .txt h3{font-weight: bold; margin: 0 0 1rem 0; font-size: 1.3rem; height: 2.4em}
.home_news .list .item .txt p{ margin: 0; color: #4e627a; margin-bottom: 2rem; height: 2.8em}
.home_news .list .item .txt span{display: block; display: flex; justify-content: space-between; align-items: center;}
.home_news .list .item .txt span i{ color: #999;}
.home_news .list .item .txt span cite{ color: #ffffff; border-radius: 100px; line-height: 1em; padding: 0.5rem 1rem;}
.home_news .list .item:hover{box-shadow: 0 15px 30px rgba(3, 31, 66, 0.1); -webkit-transition: 0.3s; transition: 0.3s;}
.home_news .list .item a:hover .pic img{transform: scale(1.05);  -webkit-transition: 0.3s; transition: 0.3s;}


.footer{ background: #002340; border-top: 5px #fe3e18 solid; color: #fff; padding: 50px 0;}
.footer .con{}
.footer .con .links{}
.footer .con .links b{ background: #042856; display: inline-block; padding: 0.3rem 0.5rem;}
.footer .con .links b i{}
.footer .con .links a{ color: #fff; display: inline-block; padding: 0.3rem; margin: 5px;;}
.footer .con .links a:hover{ color: #fe3e18;}
.footer .con .copyright{ border-top: 1px rgba(255, 255, 255, 0.1) solid; margin-top: 1.5rem; padding-top: 2rem;}
.footer .con .copyright p{}
.footer .con .copyright .s01{}
.footer .con .copyright .s02{text-align: right;}
.footer .con .copyright .s02 a{color: #ffffff;}
.footer .con .copyright .s02 a:hover{ color: #fe3e18;}


.searchModal{ padding: 0 !important; }
.searchModal .modal-dialog{ max-width: 100%; margin: 0; }
.searchModal .modal-content{border: none; border-radius: 0; height: 100vh; background: #002340; color: #fff; padding:50px 100px;}
.searchModal .title{ margin-bottom: 10%;}
.searchModal .logo{}
.searchModal .logo img{ height: 46px;}
.searchModal .closed{ cursor: pointer;  color: #ffffff; text-align: center; font-size: 3.6rem; -webkit-transition: 0.5s; transition: 0.5s;}
.searchModal .closed:hover{transform: rotate(180deg); -webkit-transition: 0.5s; transition: 0.5s;}
.searchModal .search{ width: 60%;}
.searchModal .search .tit{}
.searchModal .search .tit b{font-size: 48px;}
.searchModal .search .form{  border-radius: 200px; overflow: hidden; margin: 30px 0;}
.searchModal .search .form input{ width: calc(100% - 80px); height: 80px; background: #fff; border: none; outline: 0; padding: 0 30px; font-size: 20px;}
.searchModal .search .form button{ width: 80px; height: 80px; border: none; background: #fff; outline: 0; font-size: 2rem; color: rgba(0, 35, 64, 1);}
.searchModal .search .hot{}
.searchModal .search .hot a{color: #fff; display: inline-block; white-space: nowrap; margin: 0 10px;}
.searchModal .search .hot a:hover{ color: #fe3e18; text-decoration: underline;}


.sub_banner{ height: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; padding-top: 80px; }
.sub_banner .txt{font-size: 3rem; text-align: center; line-height: 1.2em; font-weight: bold;}
.sub_banner .txt span{color: #fe3e18; }


.sub_site{  border-bottom: 1px #f2f2f2 solid; padding: 20px 0; background: #ffffff;}
.sub_site .breadcrumb { margin: 0; padding: 0;}
.sub_site .sub_nav{}
.sub_site .sub_nav a{display: block; padding: 0.8rem 2rem; margin-left: 15px; font-weight: bold; font-size: 1.2rem; border-radius: 100px;}
.sub_site .sub_nav a:hover{border-color: #fe3e18;}
.sub_site .sub_nav .active{background: #fe3e18; color: #fff; border-color: #fe3e18;}

.site_school{padding: 30px 0;}

.sub_news{padding-top: 80px; padding-bottom: 80px; background: none;}
.sub_news .list{grid-template-columns: repeat(4, 1fr); grid-gap: 40px;}
.sub_news .list .item{border-radius: 20px; }
.sub_news .list .item .txt{ padding: 1.8rem;}
.sub_news .list .item .txt h3{font-size: 1.2rem; height:2.4em; margin-bottom: 0.8rem;}
.sub_news .list .item .txt p{ margin-bottom: 1.5rem; height:2.8em; opacity: 0.8;}
.sub_news .list .item .txt span{ font-size: 0.9rem}


.page_con{margin-top: 50px;}
.page_con .pagination{justify-content:center;flex-wrap: wrap;}
.page_con .page-item{ margin: 5px;  font-size: 1rem;}
.page_con .page-link{ padding: 0.5rem 1rem; border-radius: 5px;  border: none; color: #333; background: #ffffff; }
.page_con .page-link:hover{ color:#fe3e18;}
.page_con .active .page-link{ background: #fe3e18;  color: #ffffff; }


.art_detail{ display: flex; padding-top: 30px; padding-bottom: 80px; }
.art_detail .art_left{flex: 1; background: #fff; margin-right: 50px; padding: 50px; border-radius: 15px;}
.art_detail .art_right{ width: 420px;  padding: 50px; background: #fff; border-radius: 15px; align-self: flex-start; top: 150px}
.art_detail .detail{}
.art_detail .detail .title{ margin-bottom: 30px; text-align: center;}
.art_detail .detail .title h1{ font-weight: bold; font-size: 2rem; margin: 0 0 20px 0; display: block; }
.art_detail .detail .title span{ display: block; background: #f2f4f5; color: #868e99; padding: 0.5rem; border-radius: 5px;}
.art_detail .detail .txt{line-height: 2em;}
.art_detail .detail .txt img{max-width: 100%; margin:0 auto 20px auto; border-radius: 10px;}

.rec_list{}
.rec_list .title{ font-size: 2rem; margin-bottom: 30px;}
.rec_list .item{ margin-bottom: 40px;}
.rec_list .item:last-child{margin-bottom: 0;}
.rec_list .item a{display: block;}
.rec_list .item .pic{border-radius: 10px; overflow: hidden; margin-bottom: 15px;}
.rec_list .item .pic img{width: 100%; -webkit-transition: 0.3s; transition: 0.3s;}
.rec_list .item .txt{font-weight: bold; font-size: 20px}
.rec_list .item a:hover img{transform: scale(1.1); -webkit-transition: 0.3s; transition: 0.3s;}

.sub_rec_school{ padding: 100px;}
.sub_rec_school .title{ display: flex; margin-bottom: 2.5rem;}
.sub_rec_school .title h2{font-size: 2rem; font-weight: bold; position: relative; z-index: 2; line-height: 1em;}
.sub_rec_school .title h2::after{position: absolute; content: ""; top: -0.3rem; right: -0.5rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background:linear-gradient(45deg,rgba(254,62,24,0.1),rgba(254,62,24,0.8));  z-index: -1; }
.sub_rec_school .rec_school{width: 100%; height: 100%;}
.sub_rec_school .rec_school .swiper-slide{}
.sub_rec_school .rec_school .item {}
.sub_rec_school .rec_school .item a{display: block;}
.sub_rec_school .rec_school .info{position: relative; margin-bottom: 1rem;}
.sub_rec_school .rec_school .info .txt{position: absolute; top: 0; left: 0; padding: 2rem; z-index: 1; font-size: 0.9rem}
.sub_rec_school .rec_school .info .txt .tag{}
.sub_rec_school .rec_school .info .txt .tag span{ background: #ffebe7; color: #fe3e18; display: inline-block; margin-right: 10px; border-radius: 5px; line-height: 1em; padding: 0.5rem 0.5rem; }
.sub_rec_school .rec_school .info .txt .tag span:nth-child(2){ background: #e6effd; color: #0965ef;}
.sub_rec_school .rec_school .info .txt .tag span:nth-child(3){ background: #e8f9ec; color: #1ec641;}
.sub_rec_school .rec_school .info .txt .tag span:nth-child(4){ background: #f1eefa; color: #735dd2;}



.sub_rec_school .rec_school .info .txt .add{ color: #68798e; margin: 1rem 0;}
.sub_rec_school .rec_school .info .txt .add i{margin-right: 0.3rem;}
.sub_rec_school .rec_school .info .txt p{ margin: 0; color: #68798e;}
.sub_rec_school .rec_school .info .pic{position: absolute; top: 0; left: 0; z-index: 2; border-radius: 10px; overflow: hidden;}
.sub_rec_school .rec_school .info .pic img{ width: 100%;}
.sub_rec_school .rec_school .info .kk{border-radius: 10px; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s;}
.sub_rec_school .rec_school .info .kk img{ width: 100%;}
.sub_rec_school .rec_school .item h3{font-size: 1.1rem; margin: 0; text-align: center; font-weight: bold;}
.sub_rec_school .rec_school .item:hover .kk{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transition: 0.3s; transition: 0.3s;}
.sub_rec_school .rec_school .swiper-button-next::after, .sub_rec_school .rec_school .swiper-button-prev::after{font-size: 1.2rem;}
.sub_rec_school .rec_school .swiper-button-next, .sub_rec_school .rec_school .swiper-button-prev{ opacity: 0; background: #fe3e18; color: #fff; width: 50px; height: 50px; border-radius: 50%; top:42%; -webkit-transition: 0.3s; transition: 0.3s; }
.sub_rec_school .rec_school .swiper-button-next{}
.sub_rec_school .rec_school .swiper-button-prev{}
.sub_rec_school .rec_school:hover .swiper-button-next, .sub_rec_school .rec_school:hover .swiper-button-prev{opacity: 1; -webkit-transition: 0.3s; transition: 0.3s;}

.btn_filter{display: none;}

.school_list{ display: flex; padding-top: 70px; padding-bottom: 80px; }
.school_list .s_r{width: 420px; align-self: flex-start; margin-right: 50px; top: 150px;}
.school_list .s_l{flex: 1; }

.school_list .search{background: #ffffff; padding: 40px; border-radius: 15px;}
.school_list .search .search_txt{ border: 1px #e5e5e5 solid; border-radius: 5px; overflow: hidden; margin-bottom: 1.5rem;}
.school_list .search .search_txt input{ width: calc(100% - 60px); height: 60px; background: #fff; border: none; outline: 0; padding: 0 1rem; font-size: 1rem;}
.school_list .search .search_txt button{ width: 60px; height: 60px; border: none; background: #fff; outline: 0; font-size: 1.4rem; opacity: 0.6;}

.school_list .search .check_space{ border-top: 1px #e5e5e5 solid ; padding: 1.5rem 0 1rem 0;}
.school_list .search .check_space:last-child{padding-bottom: 0;}
.school_list .search .check_space .tit{font-weight: bold; margin-bottom: 1rem;}
.school_list .search .check_space .con{display: flex; flex-wrap: wrap;}
.school_list .search .check_space .btn-group{ margin-right: 10px; margin-bottom: 10px;}
.school_list .search .check_space .custom-checkbox-label{border: 1px #e5e5e5 solid;}
.check_space .btn-check:checked+.btn, .check_space .btn.active{border: 1px #fe3e18 solid !important; color: #fe3e18;}
.school_list .search .check_space .btn_reset{background: #fe3e18; color: #fff; border: none; outline: 0; width: 100%; padding: 0.8rem 0;}

.school_list .list{}
.school_list .list .item{background: #fff; border-radius: 15px; overflow: hidden; margin-bottom: 30px; position: relative;}
.school_list .list .item::before{position: absolute; content: ""; left: 0; bottom: 0; width: 5px; height: 0; background: #fe3e18;  -webkit-transition: 0.3s; transition: 0.3s;}
.school_list .list .item a{ display: block; padding: 30px; display: flex;}
.school_list .list .item .pic{ width: 360px; border-radius: 10px; overflow: hidden; margin-right: 30px;}
.school_list .list .item .pic img{ width: 100%;  -webkit-transition: 0.3s; transition: 0.3s;}
.school_list .list .item .txt{ flex: 1;}
.school_list .list .item .txt h2{ font-size: 1.7rem; font-weight: bold; margin: 0 0 0.8rem 0;}
.school_list .list .item .txt .tag{}
.school_list .list .item .txt .tag span{ background: #ffebe7; color: #fe3e18; display: inline-block; margin-right: 10px; border-radius: 5px; line-height: 1em; padding: 0.4rem 0.5rem;}
.school_list .list .item .txt .tag span:nth-child(2){ background: #e6effd; color: #0965ef;}
.school_list .list .item .txt .tag span:nth-child(3){ background: #e8f9ec; color: #1ec641;}
.school_list .list .item .txt .tag span:nth-child(4){ background: #f1eefa; color: #735dd2;}
.school_list .list .item .txt .tag span:nth-child(5){ background: #f1eefa; color: #735dd2;}



.school_list .list .item .txt .add{ color: #68798e; margin: 1rem 0;}
.school_list .list .item .txt .add i{margin-right: 0.3rem;}
.school_list .list .item .txt p{ margin: 0; color: #68798e;}
.school_list .list .item:hover{box-shadow: 0 15px 30px rgba(3, 31, 66, 0.1); -webkit-transition: 0.3s; transition: 0.3s;}
.school_list .list .item:hover::before{height: 100%; -webkit-transition: 0.3s; transition: 0.3s;}
.school_list .list .item a:hover .pic img{transform: scale(1.05);  -webkit-transition: 0.3s; transition: 0.3s;}


.school_banner{ }
.school_banner .school_name{text-align: center; padding: 250px 0 150px 0; color: #fff;}
.school_banner .school_name h2{font-size: 3.6rem; text-align: center; line-height: 1em; font-weight: bold; margin: 1rem 0;}
.school_banner .school_name span{ }
.school_banner .school_name cite{ }


.school_box{ display: flex;padding-bottom: 80px; }
.school_box .s_r{flex: 1; width: calc(100% - 540px); margin-right: 40px;}
.school_box .s_l{ width: 500px; align-self: flex-start; top: 140px;}

.s_space{padding: 40px; border-radius: 10px; margin-bottom: 40px;}
.s_space .tit{ display: flex; margin-bottom: 1.5rem; justify-content: space-between; align-items: center;}
.s_space .tit h2{font-size: 2rem; font-weight: bold; position: relative; z-index: 2; line-height: 1em; margin:0;}
.s_space .tit h2::after{position: absolute; content: ""; top: -0.3rem; right: -0.5rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background:linear-gradient(45deg,rgba(254,62,24,0.1),rgba(254,62,24,0.8));  z-index: -1; }

.eju_tabs{ border-radius: 5px; border: 2px rgba(3, 31, 66, 0.1) solid; overflow: hidden;}
.eju_tabs a{display: inline-block;  padding: 0.5rem 1rem; }
.eju_tabs .active{background: rgba(3, 31, 66, 0.1);}

.help_con{border-radius: 10px; overflow: hidden; padding-bottom: 40px; margin-bottom: 40px;}
.help_con .tit{ }
.help_con .tit img{ width:100%; }
.help_con .list{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px; padding: 40px;}
.help_con .list .item{}
.help_con .list .item b{display: block; background: #e5e8ec; padding: 0.5rem; text-align: center; border-radius: 7px; font-size: 1.1rem; margin-bottom: 1.5rem;}
.help_con .list .item p{ margin: 0.5rem 0;}
.help_con .tips{ background: #ffebe7; color: #fe3e18; text-align: center; border-radius: 7px; padding: 0.5rem; margin: 0 40px;}

.school_info{}
.school_info .list{ display: none; margin-bottom: 1.5rem;}
.school_info .list .item{display: flex; margin-bottom: 1rem;}
.school_info .list .item:last-child{margin-bottom: 0;}
.school_info .list .item i{ margin-right: 0.5rem; color: #68798e;}
.school_info .list .item p{ margin: 0; color: #031f42;}

.school_info .schoolPic{margin-bottom: 2rem;}
.school_info .txt{ border-bottom: 1px #f2f2f2 solid; padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
.school_info .txt p{margin: 0;}
.school_info .des{display:grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 50px;}
.school_info .des .item{ }
.school_info .des .item ul{}
.school_info .des .item ul li{display: flex; padding: 0.5rem 0;}
.school_info .des .item ul li span{opacity: 0.6; width: 11rem;}
.school_info .des .item ul li b{  flex: 1;}
.school_info .des .item03{grid-column:1 / 3}

.school_down{display:none;}

.course{}
.course .item{ background: #fafbfc; padding: 25px; border-radius: 10px; margin-bottom: 20px;}
.course .item .info{}
.course .item .info .title{ margin-bottom: 1rem;}
.course .item .info .title b{color: #2870f0; font-size: 1.4rem}
.course .item .info .title span{font-size: 1.2rem}
.course .item .info .txt{display: flex; justify-content: space-between;}
.course .item .info .txt .des{display: grid; grid-template-columns: repeat(2,1fr); width: 50%;}
.course .item .info .txt .des .itm{ display: flex; padding: 0.5rem 0;}
.course .item .info .txt .des .itm span{opacity: 0.8; width: 5rem;}
.course .item .info .txt .des .itm b{font-weight: bold;}
.course .item .info .txt .btnn{align-self: flex-end;}
.course .item .info .txt .price_all{ color: #031f42; border: 2px #031f42 solid; padding:0.3rem 0.8rem; border-radius: 7px; display: inline-block;}
.course .item .info .txt .price_all:hover{color: #fff; background: #fe3e18; border-color: #fe3e18;}
.course .item .price{display: grid; grid-template-columns: repeat(5,1fr);  text-align: center; grid-gap: 5px; height: 0; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s;}
.course .item .price .itm{border-radius: 5px; padding: 0.5rem;}
.course .item .price .ith{ background: #edf0f3;}
.course .item .price .itd{ background: #faf1f0;}
.course .active{border-left: 5px #2870f0  solid;}
.course .active .price{display: grid;  border-top: 1px #f2f2f2 solid; margin-top: 1.5rem; padding-top: 1.5rem;  height: auto; -webkit-transition: 0.3s; transition: 0.3s;}
.course .active .price_all{color: #fff !important; background: #fe3e18 !important; border-color: #fe3e18 !important;}
.btn_course_more{ background: #e9f0fd; text-align: center; padding: 0.5rem; border-radius: 7px;cursor: pointer; }

.faq_con{}
.faq_con .list{ border-radius: 0; margin-bottom:1.5rem;}
.faq_con .list .item{ border-bottom: 1px #e5e8ec solid; padding: 1rem 0;}
.faq_con .list .item h3{font-size: 1rem; margin: 0 0 0.5rem 0; line-height: 2rem; font-weight: bold;}
.faq_con .list .item h3 i{margin-right: 5px; color:#fe3e18; font-weight: normal; font-size: 1.2rem;}
.faq_con .list .item .txt{ margin: 0; line-height: 2rem;}
.faq_con .list .item .txt i{margin-right: 5px; color:#2870f0;  font-size: 1.2rem;}
/*.faq_con .list .item h2{font-size: 1.2rem; margin: 0 0 1rem 0; line-height: 2rem; font-weight: bold;}
.faq_con .list .item h2 i{margin-right: 5px; color:#fe3e18; font-weight: normal;}
.faq_con .list .item h3{ margin: 0;  font-size: 1.2rem; line-height: 2rem;}
.faq_con .list .item h3 i{margin-right: 5px; color:#2870f0}*/
.faq_con .s_more{background: #e9f0fd; padding: 0.3rem 0.5rem; border-radius: 5px; color: #031f42; }
.faq_con .s_more:hover{ background: #fe3e18; color: #fff;}
.hidden-faq {display: none; }
.faq_con .tips{ background: #ffebe7; color: #fe3e18; text-align: center; border-radius: 7px; padding: 0.5rem; }


.sc_info{ border-top-left-radius:10px; border-top-right-radius:10px;}
.sc_info .tit{ background: #2870f0; color: #fff; display: flex; justify-content: space-between; align-items: center;  border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.sc_info .tit b{ padding-left: 40px; font-size: 1.1rem}
.sc_info .tit a{background: #fe3e18; color: #fff; padding: 0.8rem 1.5rem;}
.sc_info .con{padding: 40px;}
.sc_info .con .name{ margin-bottom: 2rem;}
.sc_info .con .name h2{font-weight: bold; font-size: 1.6rem; margin-bottom: 1rem;}
.sc_info .con .name .tag{}
.sc_info .con .name .tag span{ background: #ffebe7; color: #fe3e18; display: inline-block; margin-right: 0.5rem; border-radius: 5px; line-height: 1em; padding: 0.4rem 0.5rem;}
.sc_info .con .name .tag span:nth-child(2){ background: #e6effd; color: #0965ef;}
.sc_info .con .name .tag span:nth-child(3){ background: #e8f9ec; color: #1ec641;}
.sc_info .con .name .tag span:nth-child(4){ background: #f1eefa; color: #735dd2;}
.sc_info .con .list{ margin-bottom:1rem}
.sc_info .con .list .item{display: flex; margin-bottom: 1rem;}
.sc_info .con .list .item:last-child{margin-bottom: 0;}
.sc_info .con .list .item i{ margin-right: 0.5rem; color: #68798e;}
.sc_info .con .list .item p{ margin: 0; color: #8e949f;}
.sc_info .con .list .web a{font-size: 1.1rem; word-break:break-word; font-weight: bold; }
.sc_info .con .list .web a:hover{text-decoration: underline;}
.sc_info .con .list .web cite{font-size: 1rem; font-weight: bold; }
.sc_info .con .list .mail p{font-weight: bold; font-size: 1.1rem; word-break:break-word;}
.sc_info .con .list .mail p:hover{text-decoration: underline;}
.sc_info .con .list .phone p{font-weight: bold; font-size: 1.1rem}
.sc_info .con .list .phone p:hover{text-decoration: underline;}
.sc_info .con .list .phone p cite{ font-size: 1rem;}
.sc_info .con .btn_dld{}
.sc_info .con .btn_dld a{ background:#e9f0fd; border:1px solid #2870f0; color:#2870f0; display:block; text-align:center; border-radius: 7px; padding:0.5rem 0;}

.btn_msg{background: #fe3e18; color: #fff; cursor: pointer; padding: 20px 40px;border-bottom-left-radius:10px; border-bottom-right-radius:10px;font-size: 1rem}
.btn_msg span{font-weight: bold; text-decoration: underline; }
.btn_msg span i{font-weight: normal;}

.about_feature{padding: 100px 0;}
.about_feature .tit{ font-size: 3rem; font-weight: bold; text-align: center; margin-bottom: 3rem; line-height: 1em;}
.about_feature .list{display: grid; grid-template-columns: repeat(3,1fr);}
.about_feature .list .item{ background: #f2f4f5; display: flex; flex-direction: column;}
.about_feature .list .item:nth-child(even) .pic{ order: 2;}
.about_feature .list .item:nth-child(even) .txt{ order: 1;}
.about_feature .list .item .pic{}
.about_feature .list .item .pic img{ width: 100%;}
.about_feature .list .item .txt{ padding: 3rem; aspect-ratio:16 / 9.5; overflow: hidden;}
.about_feature .list .item .txt b{display: block; margin-bottom: 1.4rem; font-size: 1.4rem; line-height: 1.2em;}
.about_feature .list .item .txt p{margin: 0; opacity: 0.8; line-height: 1.8em;}

.about_info{background:#fbfbfc url("../../web/img/about_bg.jpg") center bottom no-repeat; background-size: 100% auto; padding: 100px 0;}

.about_info .tit{ font-size: 3rem; font-weight: bold; text-align: center; margin-bottom: 2rem; line-height: 1em;}
.about_info .txt{font-size: 1.1rem; padding:0 10% ; line-height: 2em;}

.about_mail{background: #fe3e18 url("../../web/img/img_mail.png") center top no-repeat; background-size: auto 100%; color: #fff; padding: 50px 100px; display: flex; justify-content: space-between; align-items: center; }
.about_mail b{ font-size: 2.4rem; line-height: 1em;}
.about_mail span{border-radius: 100px; border: 3px #fff solid; font-size: 2rem; line-height: 1em; padding: 0.5rem 2rem; font-weight: bold;}

.contactModal{}

.contactModal .modal-content{padding: 50px; background:#fbfbfc url("../../web/img/contactModal_bg.jpg") center bottom no-repeat; background-size: cover; border-radius: 20px;}
.contactModal .tips{font-size: 0.8rem; margin-bottom: 2rem; text-align: center; opacity: 0.6; line-height: 1em;}
.contactModal .code{ text-align: center; margin-bottom: 1.5rem;}
.contactModal .code b{display: block; font-size: 1.6rem; line-height: 1; margin-bottom: 1rem;}
.contactModal .code img{ width: 50%;}
.contactModal .mail{ text-align: center; display: flex; flex-direction: column;}
.contactModal .mail b{ display: block; width: auto; color: #fe3e18; font-size: 1.2rem}
.contactModal .mail span{ border: 2px #fe3e18 solid; border-radius: 100px; display: flex; justify-content: space-between; align-items: center; padding: 5px;  background: #fff;  margin: 1rem 0 2rem 0;}
.contactModal .mail span cite{ color: #fe3e18; font-size: 1.5rem; font-weight: bold; flex: 1; text-align: center;}
.contactModal .mail span i{ background: #fe3e18; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 1.5rem}
.contactModal .mail p{ margin: 0;}

.school_foot_nav{display: none !important;}

.join_bg{background:#fbfbfc url("../../web/img/join_bg.jpg") center bottom no-repeat; background-size: cover; padding-bottom: 100px; }

.join01{ justify-content: space-between; align-items: center; padding: 50px 0 80px 0;}
.join01 .txt{ background: url("../../web/img/img_value.png") left bottom no-repeat; background-size: 100% auto; padding-bottom: 120px;}
.join01 .txt b{ font-size: 2.4rem; background: #031f42; color: #fff; border-radius: 100px; line-height: 1em; padding: 1rem 3rem; display: inline-block; position: relative; margin-bottom: 3rem;}
.join01 .txt b::after{content: ""; position: absolute; width: 30px; height: 30px; border-radius: 3px; background: #031f42; bottom: -10px; left: 15%; transform: rotate(45deg); z-index: 0;}
.join01 .txt p{margin-bottom: 0; font-size: 1.8rem; line-height: 2em; font-weight: bold;}
.join01 .pic{  width: 45%;}
.join01 .pic img{width: 100%;}


.join02{ margin-bottom:70px;}
.join02 .des{margin-bottom: 80px;}
.join02 .des b{font-size: 2.4rem; line-height: 1.2em; display: block;  margin-bottom: 2rem;}
.join02 .des p{margin-bottom: 0; font-size: 1.5rem; line-height: 1.2em; font-weight: bold;}
.join02 .tabs{}
.join02 .tabs .nav{ justify-content: space-between; margin-bottom: 50px;}
.join02 .tabs .nav .nav-item{ cursor: pointer; background: rgba(3, 31, 66, 0.1); border-radius: 200px; text-align: center; padding: 1rem 0; width: 31%; position: relative;}
.join02 .tabs .nav .nav-item::after{content: ""; position: absolute; width: 30px; height: 30px; border-radius: 3px; background: #fe3e18; bottom: -10px; left: 50%; transform:translateX(-50%) rotate(45deg); z-index: 0; display: none;}
.join02 .tabs .nav .nav-item b{display: block; font-size: 2.2rem; line-height: 1em; }
.join02 .tabs .nav .nav-item span{line-height: 1em; }
.join02 .tabs .nav .active{ background: #fe3e18; color: #fff; box-shadow: 0 15px 30px rgba(254, 62, 24, 0.1);}
.join02 .tabs .nav .active::after{display: block;}
.join02 .tab-content{ background: #f7f9fb url("../../web/img/join_tabs_bg.jpg") right top no-repeat; background-size: auto 100%; border-radius: 30px; padding: 80px 100px 0 100px;}
.join02 .tabs .tab-pane {}
.join02 .tabs .item01{ background:url("../../web/img/img_share.png") left bottom no-repeat; background-size: auto auto;}
.join02 .tabs .item02{ background:url("../../web/img/img_study.png") left bottom no-repeat; background-size: auto auto;}
.join02 .tabs .item03{ background:url("../../web/img/img_explore.png") left bottom no-repeat; background-size: auto auto;}
.join02 .tabs .tab-pane .txt{ padding-bottom: 40px;}
.join02 .tabs .tab-pane .txt .item{ margin-bottom: 3rem}
.join02 .tabs .tab-pane .txt b{ display: block;  font-size: 1.5rem; margin-bottom: 1rem; }
.join02 .tabs .tab-pane .txt b i{color: #fe3e18;}
.join02 .tabs .tab-pane .txt p{ margin: 0; font-size: 1.2rem; line-height: 2em;}

.join03{  align-items: center; padding: 50px 0 80px 0;}
.join03 .pic{  width: 40%; margin-right: 5%;}
.join03 .pic img{width: 100%;}
.join03 .txt{ background: url("../../web/img/img_harvest.png") left bottom no-repeat; background-size: 100% auto; padding-top: 80px; padding-bottom: 120px; position: relative}
.join03 .txt::after{content: ""; position: absolute; width: 15rem; aspect-ratio: 1 / 1; left: 0; top: 0; background:url("../../web/img/img_f.png") left top no-repeat; background-size: 100% auto;}
.join03 .txt b{ font-size: 2.4rem; line-height: 1em; display: inline-block; position: relative; margin-bottom: 2rem;}
.join03 .txt p{margin-bottom: 0; font-size: 1.5rem; line-height: 2em; font-weight: bold;}
.join03 .txt p i{ color: #fe3e18;}

.join04{ background: url("../../web/img/join_img.jpg") center center no-repeat; background-size: cover;  color: #fff; text-align: center; padding: 150px 0; border-radius: 30px;}
.join04 b{font-size: 2.4rem; line-height: 1em; display: block;}
.join04 p{margin: 1.5rem 0 3rem 0;}
.join04 a{background: #fe3e18; color: #ffffff; font-size: 1.2rem; border-radius: 100px; padding: 1rem 4rem; line-height: 1em; display: inline-block; font-weight: bold;}
.join04 a:hover{box-shadow: 0 15px 30px rgba(254, 62, 24, 0.3); letter-spacing: 5px;}



.msgModal{}
.msgModal .modal-content{padding: 50px; background:#fbfbfc url("../../web/img/contactModal_bg.jpg") center bottom no-repeat; background-size: cover; border-radius: 20px;}
.msg_space{ margin-bottom: 1rem;}
.msg_space:last-child{margin-bottom: 0;}
.msg_space .tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem;}
.msg_space .tit b{font-size: 1.1rem;}
.msg_space .tit span{font-size: 0.9rem}
.msg_space .btn-group{ margin-right: 10px; margin-bottom: 10px;}
.msg_space .custom-checkbox-label{border: 1px #fff solid; background: #fff;}
.msg_space .custom-checkbox-label:hover{background: #fff;}
.msg_space .btn-check:checked+.btn, .msg_space .btn.active{border: 1px #fe3e18 solid !important; color: #fe3e18; background: #fcefec;}
.msg_space .sel{border: none; outline: 0; padding: 0 0.8rem; -webkit-appearance-: none;}
.msg_space input{border: none; width: 100%; border-radius: 5px; outline: 0; height: 50px; padding: 0 1rem;}
.msg_space input::-webkit-contacts-auto-fill-button {visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0;}
.msg_space .msg_sub{background: #fe3e18; color: #fff; border: none; outline: 0; width: 100%; padding: 0.8rem 0; border-radius: 5px;}

.privacy_box{padding: 100px 20%;}
.privacy_box h1{margin-bottom: 2rem; font-weight: bold; font-size: 2.4rem}
.privacy_box .txt{margin-bottom: 3rem;}
.privacy_box .txt:last-child{margin-bottom: 0;}
.privacy_box .txt h3{font-weight: bold; margin-bottom: 1.5rem; font-size: 1.7rem}

.foot_nav_blank{display:none;}

.no-result{ text-align:center; display:flex; flex-direction:column; align-items:center}
.no-result h4{font-size:1.8rem}
.no-result .tips{display:flex;  color:#68798e; margin:1rem 0 2rem 0}
.no-result .tips b{}
.no-result .tips p{ margin:0;}
.no-result .tips p span{display: block; text-align:left}
.no-result .btn-sx{background: #fe3e18; color: #fff; border: none;  outline: 0; padding: 0.8rem 1.5rem;}

.sitemaps{}
.sitemaps .sitemaps_item{ border:1px rgba(0, 0, 0, 0.05) solid; border-radius:15px; overflow:hidden}
.sitemaps .sitemaps_title{ background:rgba(0, 0, 0, 0.05); margin:0; padding:1rem 1rem; font-weight:bold;}
.sitemaps .sitemaps_title h2{}
.sitemaps .sitemaps_childs{padding:1rem}
.sitemaps .sitemaps_childs a{ background:rgba(0, 0, 0, 0.05); margin:0.5rem;  padding:0.5rem 1rem; border-radius:5px}
.sitemaps .sitemaps_childs a:hover{background:#fe3e18; color:#ffffff;}

.box_404{ text-align: center;}
.box_404 h1{ font-size: 1.5rem; margin: 0 0 2rem 0;}
.box_404 .btn_return{background: #fe3e18; color: #ffffff; padding:0.8rem 1.8rem; border-radius: 5px; display: inline-block;}
.box_404 .btn_return:hover{color: #ffffff; box-shadow:0 15px 30px rgba(222, 0, 0, 0.1) ;}

/*20250702*/
.ai_box{font-size: 1.5rem; padding-top: 100px; padding-bottom: 100px; background: url("../../web/img/ai_bg.jpg") center top repeat-y; background-size: 100% auto;}
.ai_box h1{font-size: 3rem; font-weight: bold; margin: 0 0 2.5rem 0;}
.ai_box .con{ margin-top: 100px;}
.ai_box .con .tit{position: relative; padding-left: 2.5rem;  margin-bottom: 3rem;}
.ai_box .con .tit h2{font-size:2.4rem; margin: 0; font-weight: bold;}
.ai_box .con .tit::before{position: absolute; content: ""; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.1)); left: 0; top:50%; transform: translateY(-50%);}
.ai_box .con .txt{ margin-bottom: 4rem; padding-left: 2.6rem;}
.ai_box .con .txt h3{font-size:2rem; margin: 0 0 2rem 0; font-weight: bold;}
.ai_box .con .txt .point{padding-left: 2rem;}
.ai_box .con .txt .point li{list-style: disc; line-height: 2em; }
.ai_box .con:last-child .txt{margin-bottom: 0;}

.ai_box .links{grid-template-columns: repeat(2 ,1fr); grid-gap: 2rem;}
.ai_box .links li{border: 1px rgba(0, 0, 0, 0.1) solid; background: rgba(255, 255, 255, 0.3); border-radius: 10px; -webkit-transition: 0.3s; transition: 0.3s;}
.ai_box .links li a{display: flex; align-items: center; padding: 1rem 2rem;}
.ai_box .links li a i{margin-right: 1rem; font-size: 4rem;  background-image: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.3)); color: transparent; -webkit-background-clip: text; background-clip: text;}
.ai_box .links li:hover{ border-color: #fe3e18; -webkit-transition: 0.3s; transition: 0.3s;}
.ai_box .links li a p{margin: 0;}
.ai_box .links li a p b{display: block; }
.ai_box .links li a p span{display: block; font-size: 1rem; opacity: 0.8;}

.ai_ys_faq .itm{ line-height: 2em; margin-bottom: 1.5rem;}
.ai_ys_faq .itm:last-child{margin-bottom: 0;}

.ai_faq{}
.ai_faq .list{padding-left: 2.6rem;}
.ai_faq .list .itm {margin-bottom: 3rem;}
.ai_faq .list .itm h3{font-size:2rem; margin: 0 0 1rem 0; font-weight: bold;}
.ai_faq .list .itm p{ margin: 0; }
.ai_faq .list .itm p strong{background: #fe3e18; color: #fff; display: inline-block; padding: 0.3rem; border-radius: 5px; margin-right: 0.5rem; line-height: 1em;}
.ai_faq .more{position: relative; text-align: center; width: 100%;}
.ai_faq .more span{border: 2px solid #031f42; border-radius: 50px; line-height: 1em; padding: 0.7rem 3rem; font-weight: bold; z-index: 2; background: #f2f6fc; position: relative; cursor: pointer; display: inline-block;}
.ai_faq .more::after{position: absolute; content: ""; width: 100%; height: 2px; background: #031f42; top:50%; transform: translateY(-50%); left: 0; z-index: 1;}
.ai_faq .more i{ display: inline-block;}
.ai_reo{transform: rotate(180deg);}




/*20250901*/

.box_not{padding-top: 150px; padding-bottom: 100px; background:url("../../web/img/ai_bg.jpg") center top repeat-y; background-size: 100% auto; }

.p_about{font-size: 1.2rem; margin-top: 4rem; margin-bottom: 100px;}
.p_about h1{ font-size: 3rem; margin: 0 0 2rem 0;}
.p_about h1 span{display: block;}
.p_about p{line-height:1.8em}

.p_space{ margin-bottom: 100px;}
.p_space .title{ margin-bottom: 2rem;}
.p_space .title h2{font-size: 3rem; font-weight: bold; margin: 0;}
.p_space .title i{margin-right: 0.5rem; font-size: 2.5rem;  background-image: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.3)); color: transparent; -webkit-background-clip: text; background-clip: text;}

.p_mission{}
.p_mission .list{display:grid; grid-template-columns: repeat(3,1fr); grid-gap: 2.4rem;}
.p_mission .list .item{background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0.3)); padding: 1.8rem; border-radius: 1rem;}
.p_mission .list .item i{font-size: 8rem;  line-height: 1em; background-image: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.3)); color: transparent; -webkit-background-clip: text; background-clip: text;}
.p_mission .list .item h3{font-size: 1.8rem; font-weight: bold; margin:1.5rem 0 1rem 0;}
.p_mission .list .item p{ font-size: 1.2rem; margin: 0;}

.p_why{font-size: 1.2rem;}
.p_why .txt{margin-bottom: 3rem;}
.p_why .list{background: url("../../web/img/pxx.png") center bottom no-repeat; background-size: 100% auto; position: relative;  height: 1200px; }
.p_why .list .pimg{max-height: 100%; display: block; margin-left: auto; margin-right: auto;}
.p_why .list .item {width: 420px; position: absolute;}
.p_why .list .item i{display: none;}
.p_why .list .item h3{font-size: 1.8rem; font-weight: bold; margin: 0rem 0 1rem 0;}
.p_why .list .item p{ font-size: 1.2rem; margin: 0;}
.p_why .list .item01{text-align: right; left: 50%; top:9%; margin-left: -890px;}
.p_why .list .item02{text-align: right; left: 50%; margin-left: -820px; top: 40%;}
.p_why .list .item03{text-align: center; left: 50%; margin-left: -200px; top:50%; margin-top: 120px;}
.p_why .list .item04{ left: 50%; margin-left: 400px; top:40%}
.p_why .list .item05{left: 50%; margin-left: 470px; top: 9%;}
.p_why .inv{ text-align: center; position: relative; margin-left: 100px; margin-right: 100px; padding: 0 15%; margin-top:-5rem}
.p_why .inv::before{ content: ""; position: absolute; height: 100%; left: 0; top: 0; bottom: 0; width: 50%; background: url("../../web/img/p_dl.png") left bottom no-repeat; background-size: auto 100%;}
.p_why .inv::after{ content: ""; position: absolute; height: 100%; right: 0; top: 0; bottom: 0; width: 50%; background: url("../../web/img/p_dr.png") right bottom no-repeat; background-size: auto 100%;}
.p_why .inv .tit{font-size: 1.8rem; margin-bottom: 1rem;}
.p_why .inv p{margin: 0; }
.p_why .inv .p01{font-size: 1.2rem; margin-bottom: 1rem;}
.p_why .inv .p02{font-size: 1rem;}

.p_school{background:#d4e4fa url("../../web/img/p_school.jpg") right center no-repeat; padding: 6rem 3rem; font-size: 1.2rem; border-radius: 1rem;}
.p_school .txt{width: 60%;}
.p_school .txt a{ background: #fe3e18; color: #fff; display: inline-block; padding: 1rem 2rem; border-radius: 0.5rem; margin-top: 2rem;}

.p_submit{font-size: 1.2rem; background: url("../../web/img/p_sub_img.png") right bottom no-repeat; }
.p_submit .txt{width: 65%;}
.p_submit .txt ul{margin-bottom: 1rem;}
.p_submit .txt ul li{line-height: 2em;}

.p_qa{}
.p_qa .list{}
.p_qa .list .item{background: rgba(255, 255, 255, 0.6); margin-bottom: 2rem; padding: 2.5rem; border-radius: 0.7rem;}
.p_qa .list .item h3{margin: 0 0 1rem 0; font-weight: bold; font-size:1.8rem ;display: flex;}
.p_qa .list .item h3 i{font-weight: normal; margin-right: 0.5rem;}
.p_qa .list .item .da{display: flex;}
.p_qa .list .item .da i{font-size:1.8rem; line-height: 1.2em; margin-right: 0.5rem;}
.p_qa .list .item .da p{ display: block; margin: 0; font-size: 1.2rem; line-height: 1.8em;}

.p_ahead{ font-size: 1.2rem;  background: url("../../web/img/p_adead.png") right bottom no-repeat; background-size: auto 100%; padding-bottom: 100px; margin-bottom: 0;}
.p_ahead .txt{width: 60%; }
.p_ahead .txt .p01{font-size: 1.5rem; margin: 0 0 1rem 0; line-height: 1.5em;}
.p_ahead .txt .p02{ margin: 0; line-height:1.8em}

.p_name{font-size: 1.2rem; margin-bottom: 0;}
.p_name p{ margin: 0;}
.p_name ul{margin: 1.5rem 0;}
.p_name ul li{ margin-bottom:0.8rem}

.p_view{ }
.p_view a{display: block; background: #fe3e18 url("../../web/img/p_vsc.png") 20% 20px no-repeat; background-size: auto 100%; color: #fff; text-align: center; padding: 3rem 0; font-size: 2.4rem}

.d_space{ margin-bottom: 100px; }
.d_space .title{ margin-bottom: 2rem; text-align: center;}
.d_space .title h2{font-size: 2.6rem; line-height: 1em; font-weight: bold; margin: 0 auto; display: inline-block; position: relative; z-index: 1;}
.d_space .title h2::before{content: ""; position: absolute; width: 1.5rem; height: 1.5rem; top: -0.5rem; right: -0.5rem; background-image: linear-gradient(-135deg, rgba(254,62,24,1), rgba(254,62,24,0.1)); border-radius: 50%; z-index: 0;}
.d_space .title p{margin:1rem 0 0 0;}

.download_box{padding-bottom: 80px;  }
.download_box .con{border-radius: 15px; padding: 50px;}
.download_box .about{ background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.04)); padding: 2.5rem; border-radius: 10px; padding-bottom:0; }
.download_box .about .txt{ display: flex;}
.download_box .about .txt .pic{ width: 25%; margin-right: 5%; }
.download_box .about .txt .pic img{ width: 100%; }
.download_box .about .txt .info{flex:1; font-size: 1.2rem; padding-top:2rem; }

.article-content {display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; line-height: 2; }
.article-content.expanded {display: block; -webkit-line-clamp: unset; }
.toggle-btn { color: #fe3e18; cursor: pointer; display: none; margin-top: 8px; }
.toggle-btn:hover {text-decoration: underline;}

.download_box .faq{}
.download_box .faq .list{}
.download_box .faq .list .item{background: rgba(0, 0, 0, 0.04); margin-bottom: 2rem; padding: 2.5rem; border-radius: 0.7rem;}
.download_box .faq .list .item h3{margin: 0 0 1rem 0; font-weight: bold; font-size:1.8rem ;display: flex;}
.download_box .faq .list .item h3 i{font-weight: normal; margin-right: 0.5rem;}
.download_box .faq .list .item .da{display: flex;}
.download_box .faq .list .item .da i{font-size:1.8rem; line-height: 1.2em; margin-right: 0.5rem;}
.download_box .faq .list .item .da p{ display: block; margin: 0; font-size: 1.2rem; line-height: 1.8em;}
.download_box .faq .more{position: relative; text-align: center; width: 100%;}
.download_box .faq .more span{ border-radius: 50px; line-height: 1em; padding: 0.7rem 3rem; font-weight: bold; z-index: 2; background: #f2f2f2; position: relative; cursor: pointer; display: inline-block;}
.download_box .faq .more::after{position: absolute; content: ""; width: 100%; height: 2px; background: #f2f2f2; top:50%; transform: translateY(-50%); left: 0; z-index: 1;}
.download_box .faq .more i{ display: inline-block;}


.download_box .file{}
.download_box .file .list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; margin-bottom: 2rem; }
.download_box .file .list .item{background: rgba(0, 0, 0, 0.04); padding:3.5rem 2rem; border-radius: 0.7rem; display: flex; flex-direction: column; align-items: center;}
.download_box .file .list .item .ico{width:35%}
.download_box .file .list .item .ico img{width: 100%;}
.download_box .file .list .item .tit{margin:2rem 0 1rem 0; font-weight: bold; font-size:1.6rem ; line-height:1.5em; height:5rem}
.download_box .file .list .item .info{ text-align: center; color:#999; margin-bottom: 2rem;}
.download_box .file .list .item .info span{ display: block;}
.download_box .file .list .item .link{}
.download_box .file .list .item .link a{ border: 2px #2870f0 solid; background: #2870f0; color: #fff; display: inline-block; padding: 0.7rem 2.5rem;  font-size: 1.2rem; border-radius:  5px; margin: 0 8px;}
.download_box .file .list .item .link .l_view{border: 2px #031f42 solid; background: none; color: #031f42; opacity: 0.8;}

.download_box .dlink{margin-bottom: 0px;}
.download_box .dlink .links{grid-template-columns: repeat(2 ,1fr); grid-gap: 2rem;}
.download_box .dlink .links li{border: 1px rgba(0, 0, 0, 0.1) solid; background: rgba(255, 255, 255, 0.3); border-radius: 10px; -webkit-transition: 0.3s; transition: 0.3s;}
.download_box .dlink .links li a{display: flex; align-items: center; padding: 1rem 2rem;}
.download_box .dlink .links li a i{margin-right: 1rem; font-size: 4rem;  background-image: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.3)); color: transparent; -webkit-background-clip: text; background-clip: text;}
.download_box .dlink .links li:hover{ border-color: #fe3e18; -webkit-transition: 0.3s; transition: 0.3s;}
.download_box .dlink .links li a p{margin: 0;}
.download_box .dlink .links li a p b{display: block; font-size: 1.2rem }
.download_box .dlink .links li a p span{display: block; font-size: 1rem; opacity: 0.8;}

.pSchools_box{}
.pSchools_box .pSchools_info{ margin-top: 4rem;}
.pSchools_box .pSchools_info h1{ font-weight: bold; margin: 0 0 2.5rem 0;}
.pSchools_box .pSchools_info h1 b{font-size: 3rem}
.pSchools_box .pSchools_info h1 span{display: block; font-size: 2.4rem;}
.pSchools_box .pSchools_info .txt{ font-size: 1.2rem; margin-bottom: 2.5rem; line-height: 2em;}
.pSchools_box .pSchools_info .txt p{}
.pSchools_box .pSchools_info .txt .en{line-height: 1.8em;}
.pSchools_box .pSchools_info .meta{ margin-bottom: 4rem; font-size: 1.2rem}
.pSchools_box .pSchools_info .meta p{margin: 0;}
.pSchools_box .pSchools_info .meta .en{line-height: 1.5em; margin-top: 0.5rem;}

.pSchools_box .pSchools_nav{margin-bottom: 2.5rem; display: flex; justify-content:center; }
.pSchools_box .pSchools_nav a{background: rgba(3, 31, 66, 0.1); padding: 1rem 1.5rem; border-radius: 0.5rem; text-align: center; margin-right: 1rem; }
.pSchools_box .pSchools_nav a:last-child{margin-right: 0;}
.pSchools_box .pSchools_nav a b{display: block; font-size: 1.4rem}
.pSchools_box .pSchools_nav a span{display: block;}
.pSchools_box .pSchools_nav a:hover{ background: #fe3e18; color: #ffffff;}

.pSchools_box .pSchools_tips{ margin-bottom: 5rem;}
.pSchools_box .pSchools_tips p{ margin: 0;}
.pSchools_box .pSchools_tips .en{margin-top: 0.5rem;}

.acc_school{margin-bottom: 5rem;}
.acc_school .accordion-item{  overflow: hidden; margin-bottom: 1.5rem; background: rgba(255, 255, 255, 0.5);}
.acc_school .accordion-item:not(.active-item) {border: 3px solid #031f42; border-radius: 10px; }
.acc_school .accordion-item.active-item {border: 3px solid #fe3e18; border-left-width: 7px; border-radius: 10px;}
.acc_school .accordion-button{border-radius: 0; outline: none; box-shadow: none;  display: flex; justify-content: space-between; background: none; }
.acc_school .accordion-button::after{content:"\e72d"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; background: none; width: auto; height: auto; line-height: 1em;}
.acc_school .accordion-button:not(.collapsed) {background: none; color: #fe3e18; outline: 0; box-shadow: none;}
.acc_school .nested-accordion .accordion-button { background: none; outline: 0; box-shadow: none;}
.acc_school .accordion-body{padding:0 2rem;}

.acc-h01 b,.acc-h01 .title{font-size: 2.4rem; line-height: 1em;} 
.acc-h01 > .accordion-button{padding: 2rem 1.5rem}
.acc-h01 > .accordion-button .pot{margin-right: 0.5rem; font-size: 2.5rem; line-height: 1em;  background-image: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.3)); color: transparent; -webkit-background-clip: text; background-clip: text;}
.acc-h01 > .accordion-button .en{}
.acc-h01 > .accordion-button span{ display: flex; align-items: center; justify-content: space-between; flex: 1;}
.acc-h01 .accordion-button::after{margin-left: 1rem;}
.acc-h02 > .accordion-button{padding: 2rem 1.5rem}
.acc-h02 b,.acc-h02 .title{font-size: 2rem; line-height: 1em;} 
.acc-h03 > .accordion-button{padding: 2rem 1.5rem}
.acc-h03 b{font-size: 1.8rem; line-height: 1em;} 
.acc_list{ font-size: 1.2rem; padding-bottom: 1rem; padding-left:1rem}
.acc_list li{ margin-bottom: 1rem; list-style:disc}
.acc_list li a{ }

.pSchools_box .links{display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 2rem; margin-bottom: 3rem;}
.pSchools_box .links a{background: rgba(255, 255, 255, 0.6); display: flex; justify-content: space-between; align-items: center; padding: 2rem 2rem; border-radius: 1rem; }
.pSchools_box .links a i{  background: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.3)); color: #fff; border-radius: 50%; display: block; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-weight: bold;  margin-right: 1rem; font-size: 1.2rem; -webkit-transition: 0.3s; transition: 0.3s;}
.pSchools_box .links a b{ font-size: 1.4rem; -webkit-transition: 0.3s; transition: 0.3s;}
.pSchools_box .links a cite{ margin-left: auto; font-size: 2rem; -webkit-transition: 0.3s; transition: 0.3s;}
.pSchools_box .links a:hover{ background: #fe3e18;}
.pSchools_box .links a:hover i{color:#fe3e18; background: #fff; -webkit-transition: 0.3s; transition: 0.3s;}
.pSchools_box .links a:hover b{color:#fff; -webkit-transition: 0.3s; transition: 0.3s;}
.pSchools_box .links a:hover cite{color:#fff; -webkit-transition: 0.3s; transition: 0.3s;}

.pSchools_box .remarks{ text-align: center;}
.pSchools_box .remarks p{ margin: 0;}


@media(max-width:1920px){
	.advantage { height: 500px;}
	.privacy_box{padding: 100px 10%;}
	.eju_tabs a{font-size:0.8rem;     padding: 0.3rem 0.7rem}
	
	.course .item .info .txt .des{width: 70%;}
}

@media(max-width:1800px){

	.p_why .list{  height: 1000px; }
	.p_why .list .pimg{height: 50%;}
	.p_why .list .item {width: 360px; }
	.p_why .list .item h3{font-size: 1.5rem;  margin: 0rem 0 0.7rem 0; line-height: 1em;}
	.p_why .list .item p{ font-size: 1rem; line-height: 1.4em;}
	
	.p_why .list .item01{ top:7%; margin-left: -700px;}
	.p_why .list .item02{ margin-left: -650px; top: 32%;}
	.p_why .list .item03{ margin-left: -200px; top:50%; margin-top: 20px;}
	.p_why .list .item04{  margin-left: 290px; top:32%}
	.p_why .list .item05{ margin-left: 330px; top:7%;}
	
	.p_why .inv{margin-top: -10rem;}
	
	
	.pSchools_box .pSchools_info h1 b{font-size: 2.5rem}
	.pSchools_box .pSchools_info h1 span{font-size: 2rem;}
	.pSchools_box .pSchools_nav a{ padding: 1rem 1rem; }
	.pSchools_box .pSchools_nav a b{ line-height: 1em; margin-bottom: 0.5rem;}
	.pSchools_box .pSchools_nav a span{line-height: 1em;}
	
	.download_box .about .txt{ padding-bottom:2rem}

}

@media(max-width:1700px){
    .eju_space .tit{flex-direction: column;  align-items: flex-start;}
    .eju_space .tit h2{margin-bottom:1rem}
    
    .pSchools_box .pSchools_nav a b{ font-size:1.3rem}
    
    .box_ja .p_about{font-size:1rem}
    .box_ja .p_about h1{font-size:2.4rem}
    .box_ja .p_space .title i{font-size:2rem}
    .box_ja .p_space .title h2{font-size:2.4rem}
    .box_ja .p_mission .list .item h3{font-size:1.4rem}
    .box_ja .p_mission .list .item p{font-size:1rem}
    .box_ja .p_why{font-size:1rem}
    .box_ja .p_why .list .item h3{font-size:1.4rem}
    .box_ja .p_why .inv .tit{font-size:1.4rem}
    .box_ja .p_why .inv .p01{font-size:1rem}
    .box_ja .p_why .inv .p02{font-size:1rem}
    .box_ja .p_school{font-size:1rem}
    .box_ja .p_submit{font-size:1rem}
    .box_ja .p_qa .list .item h3{font-size:1.4rem}
    .box_ja .p_qa .list .item .da i{font-size:1.4rem}
    .box_ja .p_qa .list .item .da p{font-size:1rem}
    .box_ja .p_ahead .txt .p01{font-size:1.2rem}
    .box_ja .p_ahead .txt .p02{font-size:1rem}
    .box_ja .p_name{font-size:1rem}
    .p_view_ja a{background: #fe3e18 url(../../web/img/p_vsc.png) 25% 20px no-repeat;}
    
}

@media(max-width:1600px){
	html,body{font-size: 16px;}
	header .menu>ul>li { margin: 0 2rem; line-height: 100px; height: 100px; }
    header .menu_child{top:80px}
	header .other a{width: 50px; height: 50px; line-height: 50px; }
	.home_map .search{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 100px;  }
	.home_map .search input{height: 50px; }
	.home_map .search .dropdown-toggle{ height: 50px; }
	.home_map .search .btn_sub{ height: 50px; }
	
	.sub_news .list{grid-template-columns: repeat(3, 1fr); }
	
	.advantage {height: 450px;}
	.advantage .item {width: 120px; }
	.advantage .item .tit{ width: 120px; }
	
	
	.school_list{ padding-top: 50px;}
	.school_list .s_r{width: 30%;  margin-right: 30px; }
	.school_list .list .item .pic{width: 300px;}
	
	.school_box .s_r{ width: calc(70% - 40px);}
	.school_box .s_l{ width: 30%}
	.school_banner .school_name{padding: 200px 0 100px 0;}
	
	.privacy_box{padding: 100px 100px;}
	
	.ai_box{font-size: 1.3rem;  }
	.ai_box h1{font-size: 2.4rem; }
	.ai_box .con .txt h3{font-size:1.6rem;}
	.ai_box .links li a p span{font-size: 1rem; }

	.p_why .inv{margin-top: -14rem;}
	
	.download_box .about .txt .info{font-size:1.1rem}
	.download_box .faq .list .item h3{font-size:1.6rem}
	.download_box .faq .list .item .da p{font-size:1.1rem}
	
	.box_not{padding-bottom:80px}

}


@media(max-width:1440px){
	.container-fluid{padding-left: 50px; padding-right: 50px;}	
	header .menu>ul>li { margin: 0 2rem; line-height: 80px; height:80px; }
	.home_news .list{ grid-gap: 30px;}
	
	.banner{height: 600px;}
	.banner .item01 .slide_txt{transform: translateY(-25%) !important;}
	.banner .item01.swiper-slide-active .slide_txt{left: 50px;}
	
	
	.home_map .title{ left: 50px;}
	.home_map .tips{right: 50px; }
	
	.home_map .search{ left: 50px; right: 50px;}
	
	.art_detail .art_left{margin-right: 0px; }
	.art_detail .art_right{ display: none;}
	.sub_rec_school{ padding: 70px 50px;}

	.about_feature .list .item .txt{ padding: 2rem;}
	
	.sub_banner{ height: 500px; }
	
	
	.footer{padding: 30px 0;}
	.footer .con .links a{  padding: 0.2rem; margin:2px 5px;}
	.footer .con .copyright{  margin-top: 0.8rem; padding-top: 1rem;}
	.footer .con .copyright p{font-size: 0.9rem; margin: 0;}
	
	.school_list .search{padding: 30px;}
	.school_box{padding-bottom: 50px;}
	.school_box .s_l{top:100px;}
	
	.school_box .s_r{width: calc(70% - 30px); }
	.school_box .s_r{margin-right: 30px;}
	.s_space{padding: 30px; margin-bottom: 20px;}
	.help_con{ margin-bottom: 20px;}
	.sc_info .tit b{padding-left: 30px;}
	.sc_info .con{padding: 25px;}
	.sc_info .con .name{margin-bottom:1rem}
	.sc_info .con .name h2{font-size:1.4rem}
	.sc_info .con .list .item{margin-bottom:0.5rem}
	.btn_msg{padding: 15px 30px; font-size: 0.9rem}
	
	.art_detail{padding-bottom: 50px;}
	.art_detail .art_left{padding:30px}
	.join02 .tabs .nav{margin-bottom: 30px;}
	.join02 .tab-content{padding: 40px 100px 0 100px;}
	.join02 .tabs .tab-pane .txt .item{margin-bottom: 2rem;}
	
	.about_mail{padding: 50px 50px;  }
	
	.privacy_box{padding: 50px 50px;}
	
	.course .item .info .txt .des{ width: 70%;}
	
	.p_about{font-size: 1rem; margin-bottom: 70px;}
	.p_about h1{ font-size: 2.4rem;}

	
	.p_space{ margin-bottom: 70px;}
	.p_space .title h2{font-size: 2.4rem;}
	
	.p_mission .list{grid-gap: 2rem;}
	.p_mission .list .item i{font-size: 6rem;}
	.p_mission .list .item h3{font-size: 1.4rem; }
	.p_mission .list .item p{ font-size: 1rem;}
	
	
	.p_why .list{  height: 700px; }
	.p_why .list .pimg{height: 55%;}
	.p_why .list .item {width: 320px; }
	.p_why .list .item h3{font-size: 1.4rem;  margin: 0rem 0 0.7rem 0; line-height: 1em;}
	.p_why .list .item p{ font-size: 0.9rem; line-height: 1.2em;}
	.p_why .list .item01{ top:7%; margin-left: -580px;}
	.p_why .list .item02{ margin-left: -540px; top: 35%;}
	.p_why .list .item03{ margin-left: -160px; top:50%; margin-top: 50px;}
	.p_why .list .item04{  margin-left: 220px; top:35%}
	.p_why .list .item05{ margin-left: 260px; top:7%;}
	.p_why .inv{margin-top: -5rem;}
	.p_why .inv .tit{font-size: 1.4rem; }
	.p_why .inv .p01{font-size: 1rem;}
	.p_why .inv .p02{font-size: 1rem;}
	
	.p_school{font-size: 1rem;}
	
	.p_submit{font-size: 1rem;  }

	.p_qa .list .item{ padding: 2rem; }
	.p_qa .list .item h3{font-size:1.4rem ;}
	.p_qa .list .item .da i{font-size:1.4rem; }
	.p_qa .list .item .da p{ font-size: 1rem; }
	
	.p_ahead{ font-size: 1rem; margin-bottom: 0;}
	.p_ahead .txt .p01{font-size: 1.2rem;}
	
	.p_name{font-size: 1rem; margin-bottom: 0;}

	
	.p_view{ }
	.p_view a{font-size:1.8rem}
	
	
	.pSchools_box .pSchools_info h1 b{font-size: 2.2rem}
	.pSchools_box .pSchools_info h1 span{font-size: 1.6rem;}
	.pSchools_box .pSchools_nav a{ padding: 1rem 0.9rem; margin-right: 0.5rem;}
	.pSchools_box .pSchools_nav a b{ line-height: 1em; margin-bottom: 0.5rem;}
	.pSchools_box .pSchools_nav a span{line-height: 1em;}
	.pSchools_box .pSchools_info .txt{font-size:1rem}
	.pSchools_box .pSchools_info .meta{font-size:1rem; margin-bottom:3rem}
	.pSchools_box .pSchools_tips{margin-bottom:3rem}
	.acc_school{margin-bottom:3rem}
	.acc-h01 b,.acc-h01 .title{font-size:1.8rem}
	.acc-h01 > .accordion-button .pot{font-size:1.8rem}
	.acc-h02 b,.acc-h02 .title{font-size:1.6rem}
	.acc-h03 b{font-size:1.4rem}
	
	
	.download_box .file .list .item .link a{  padding: 0.7rem 2rem; margin: 0 5px;}
	
	
	
	.box_not{padding-bottom:60px}

	
}
@media(max-width:1200px)
{
    .footer .con .copyright{ flex-direction: column; text-align: center;}
    .footer .con .copyright .s02{text-align: center;}
}


@media(max-width:1280px)
{
	html,body{font-size: 15px;}
	.advantage {height: 400px;}
	.advantage .item {width: 100px; }
	.advantage .item .tit{ width: 100px; }
	
	.sub_banner{ height: 450px; }
	
	header .other a{width: 45px; height: 45px; line-height: 45px; }
	header .menu>ul>li { margin: 0 1.5rem;}
	.searchModal .search{ width: 100%;}
	
	.banner{height: 500px;}
	.home_map {padding: 0 !important;}
	.home_map .search{grid-template-columns: 1fr 1fr 1fr;  }
	.home_map .search input{ height: 50px; }
	.home_map .search .dropdown-toggle{ height: 50px;}
	.home_map .search .btn_sub{ height: 50px; }
	
	.home_map .title{top: 80px; }
	.home_map .tips{ top: 80px; }
	.home_map .search{bottom: 80px; padding: 20px 20px; grid-gap: 15px;}
	
	
	.about_feature{padding: 80px 0;}
	.about_feature .list .item .txt{ padding: 2rem; }
	.about_feature .list .item .txt b{margin-bottom: 1rem; font-size: 1.3rem; }
	.about_feature .list .item .txt p{line-height: 1.5em;}
	
	.about_info .txt{padding: 0;}
	
	.space{padding-top: 80px; padding-bottom: 80px;}
	.space .title{margin-bottom: 50px;}
	.space .title h2::after{content: ""; position: absolute; bottom: -0.7rem;height: 1.5rem; }
	
	.home_news .list .item .txt{padding: 2rem;}
	
	.school_list .s_r{margin-right: 20px; }
	.school_list .list .item .pic{width: 240px;}
	
	
	.school_list .search{ padding: 20px;}
	.school_list .search .search_txt{ margin-bottom: 1rem;}
	.school_list .search .search_txt input{ width: calc(100% - 50px); height: 50px; }
	.school_list .search .search_txt button{ width: 50px; height: 50px; }
	.school_list .search .check_space{ padding: 1.2rem 0 0.7rem 0;}
	.school_list .search .check_space .btn_reset{ padding: 0.8rem 0;}
	.school_list .search .custom-checkbox-label{padding: 0.3rem 0.5rem; }
	

	.school_list .list .item{margin-bottom: 20px;}
	.school_list .list .item a{ padding: 20px; }
	.school_list .list .item .pic{  margin-right: 20px;}
	



	
	.s_space{padding: 30px;  margin-bottom: 30px;}
	.s_space .tit{ }
	
	.help_con{padding-bottom: 30px;}
	.help_con .tit{ }
	.help_con .list{ grid-gap: 30px; padding: 30px;}
	.help_con .tips,.faq_con .tips{ margin: 0 30px;}
	
	.school_info{}
	.school_info .schoolPic{margin-bottom: 1.5rem;}
	.school_info .txt{  padding-bottom: 1.0rem; margin-bottom: 1.0rem;}
    .school_info .des{ grid-template-columns: repeat(1,1fr); grid-column-gap: 0px;}
	.school_info .des .item ul{}
	.school_info .des .item ul li{display: flex; padding: 0.5rem 0; line-height: 1.4em;}
    .school_info .des .item03{grid-column:1 / 2}
    
   
    
	.course{}
	.course .item{padding: 20px; }
	.course .item .info{}
	.course .item .info .title{ margin-bottom: 0.8rem;}
	
	
	.sc_info{ }
	.sc_info .tit{ }
	.sc_info .tit b{ padding-left: 30px; }
	.sc_info .con{padding:25px 30px;}
	.sc_info .con .name{ margin-bottom: 1.5rem;}
	.btn_msg{ padding: 15px 30px; }
	/*#biao03{height: 250px !important;}*/

	
	.join02 .tabs .tab-pane .txt{ padding-bottom: 80px;}
	.join04{  padding: 100px 0;}
	
	
	.download_box .about{  padding-bottom:1rem; }
    .download_box .about .txt .pic{ width: 25%; margin-right: 5%; }
    .download_box .about .txt .info{padding-top:0; }
    
    .download_box .file .list {grid-template-columns: repeat(2, 1fr);}
	
	.box_not{padding-top: 120px;}
	.pSchools_box .pSchools_info{ margin-top: 3rem;}
	.pSchools_box .pSchools_info h1{  margin: 0 0 2rem 0;}
	.pSchools_box .pSchools_info h1 b{font-size: 2.2rem}
	.pSchools_box .pSchools_info h1 span{ font-size: 1.8rem;}
	.pSchools_box .pSchools_info .txt{ font-size: 1rem; }
	.pSchools_box .pSchools_info .meta{ margin-bottom: 3rem; font-size: 1rem}
	
	.pSchools_box .pSchools_nav{margin-bottom: 2rem; }
	.pSchools_box .pSchools_nav a{padding: 1rem 1rem;  margin-right: 1rem; }
	.pSchools_box .pSchools_nav a b{ font-size: 1.3rem}
	
	.pSchools_box .pSchools_tips{ margin-bottom: 3rem;}
	
	.acc_school{margin-bottom: 3.5rem;}
	.acc_school .accordion-item:not(.active-item) {border: 2px solid #031f42; }
	.acc_school .accordion-item.active-item {border: 2px solid #fe3e18; border-left-width: 5px; }
	.acc_school .accordion-button::after{font-size: 1.5rem;}
	.acc_school .accordion-body{padding:0 1.5rem;}
	
	.acc-h01 b,.acc-h01 .title{font-size: 1.8rem; } 
	.acc-h01 > .accordion-button{padding: 1.5rem 1rem}
	.acc-h01 > .accordion-button .pot{font-size: 1.6rem; }
	.acc-h02 > .accordion-button{padding: 1.5rem 1rem}
	.acc-h02 b,.acc-h02 .title{font-size: 1.6rem; } 
	.acc-h03 > .accordion-button{padding: 1.5rem 1rem}
	.acc-h03 b{font-size: 1.4rem; } 
	.acc_list{ font-size: 1.1rem; }

	
	.pSchools_box .links{ grid-gap: 1.5rem; }
	.pSchools_box .links a{ padding: 1rem 1.5rem;}
	.pSchools_box .links a i{   width: 2.5rem; height: 2.5rem; line-height: 2.5rem;  font-size: 1rem;}
	.pSchools_box .links a b{ font-size: 1.2rem; }
	
	
}


@media(max-width:1100px)
{
	header{padding: 20px 0;}
	header .logo img{height: 42px;}
	header .menu{display: none;}
	header .other{margin-right: 1rem; margin-left: auto; }
	
	#navToggle{ display: block;}
	
	.advantage { height: 320px;}
	
	.sub_news .list{grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
	.advantage .item .tit cite{font-size: 2.5rem}
	.advantage .item .tit b{font-size: 2.2rem}
	.advantage .item .tit i{font-size: 3.2rem}
	.advantage .item .txt p{font-size: 1.2rem}
	
	.sub_rec_school .rec_school .info .txt p{display:none;}
	
}
@media(max-width:890px)
{
    .sub_rec_school .rec_school .info .txt p{display: -webkit-box}
}

@media(max-width:768px){

	body{font-size: 14px;}
	.container-fluid{padding-left: 20px; padding-right: 20px;}
	header{padding-top: 10px; padding-bottom: 10px;}
	header .logo img{ height: 30px;}

	header .other{display: none;}

	
	
	.banner{height: 360px; }

	.banner .item01 .slide_txt{  left: 0; transform: translateY(-10%) !important;  text-align: center; }
	.banner .item01 .slide_txt .tit{ font-size: 2rem; }
	.banner .item01.swiper-slide-active .slide_txt{ left: 0px;  transform: translateY(-30%) !important;}
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination-bullet{ width: 5px; height: 5px;}
	.banner .swiper-pagination-bullet-active{width: 20px; }
	

	.searchModal .modal-content{ padding:30px 20px;}
	.searchModal .title{margin-bottom: 20%;}
	.searchModal .logo img{ height: 50px;}
	.searchModal .closed{  width: 40px; height: 40px; line-height: 40px; font-size: 1rem; }
	.searchModal .search .tit{text-align: center;}
	.searchModal .search .tit b{font-size: 2rem;}
	.searchModal .search .form{  border-radius: 200px; overflow: hidden; margin: 30px 0;}
	.searchModal .search .form input{ width: calc(100% - 60px); height: 60px; font-size: 1rem;}
	.searchModal .search .form button{ width: 60px; height: 60px; font-size: 1.4rem;}
	
	
	.space{padding-top: 30px; padding-bottom: 30px;}
	.space .title{ margin-bottom: 20px; flex-direction: column;}
	.space .title h2{font-size: 1.5rem; text-align: center; }
	
	.home_map{background: #ffffff; margin-top: -50px; position: relative;z-index: 9; margin-left: 20px; margin-right: 20px; margin-bottom: 30px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); border-radius: 15px; flex-direction: column; padding: 20px !important; overflow: inherit;}
	.home_map .tips{display:none !important;}
	.home_map .title{position: relative; left: auto; top: auto;}
	.home_map .search{ padding: 0; border-radius:0; position: relative; left: auto; right: auto; bottom: auto;}
	.home_map .search{background: #ffffff; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
	.home_map .search .itm01{grid-column: 1 / 3}
	.home_map .search .itm06{grid-column: 1 / 3; text-align:center}
	
	.home_map .search input{ height: 50px; background: #f0f0f0;}
	.home_map .search .dropdown-toggle{ height: 50px; background: #f0f0f0;}
	.home_map .search .dropdown-toggle span{color:#031f42;}
    .home_map .search .dropdown-toggle i{ color:#031f42;}
	.home_map .dropdown-toggle[aria-expanded="true"] i {transform: rotate(0deg);}
	.home_map .search .btn_sub{ height: 50px; }
	.home_map .search .all{display:block; padding:1.5rem 0 0.5rem 0}
	.home_map #map {display: none;}
	
	
	.home_adv{ }
	.home_adv .title{align-items: center;}
	.home_adv .title .txt{text-align: center; font-size: 1rem; opacity: 0.6; margin-top: 10px;}
	
	.advantage {flex-direction: column; height: auto;}
	.advantage .item{flex-direction: column; width: 100% !important; }
	.advantage .item .tit{width: 100%; flex-direction: row; justify-content: space-between; padding: 1rem 2rem;}
	.advantage .item .tit cite{font-size: 1.5rem; margin-right: 1rem;}
	.advantage .item .tit b{ width: auto; font-size: 1.4rem; margin-right: auto;}
	.advantage .item .tit i{font-size: 2rem;}
	.advantage .item .txt{width: 100%; opacity: 1; aspect-ratio: 16 / 9; height: 0; flex: auto; -webkit-transition: 0.3s; transition: 0.3s;}
	.advantage .item .txt p{padding: 20px; font-size: 1.2rem}
	.advantage .active .txt{ height: auto; -webkit-transition: 0.3s; transition: 0.3s;}
	
	
	.home_news .title .btn_more{display: none;}
	
	.home_news{ }
	.home_news .list{grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
	.home_news .list .item{  border-radius: 15px; }
	.home_news .list .item .txt{ padding: 1.2rem;}
	.home_news .list .item .txt h3{ margin: 0 0 1rem 0; font-size: 1.1rem}
	.home_news .list .item .txt p{ font-size: 0.9rem; margin-bottom: 1.8rem; opacity: 0.8;}
	.home_news .list .item .txt span i{ font-size: 0.9rem;}

	
	.footer{  padding: 30px 0;}
	.footer .con{}
	.footer .con .links{ font-size: 0.9rem; }
	.footer .con .copyright{ margin-top: 0.5rem; padding-top: 0.8rem; flex-direction: column; }
	.footer .con .copyright p{font-size: 0.8rem;}
	.footer .con .copyright .xian{display:block; height:1px; line-height:1000px; overflow:hidden; color:#002340;}
	.footer .con .copyright .s01{text-align:left}
	.footer .con .copyright .s02{width: 100%; text-align: center; border-top: 1px rgba(255, 255, 255, 0.1) solid; margin-top: 0.5rem; padding-top: 1rem;}
	
	
	.sub_banner{ height: 280px;  padding-top: 60px; background-size: auto 100% !important; }
	.sub_banner .txt{font-size: 1.8rem; }

	.sub_site{ padding: 15px 0;}
	.sub_site .breadcrumb {display: none;}
	.sub_site .sub_nav a{ margin:0 15px; font-weight: bold; font-size: 1rem;}

	
	.sub_news{padding-top: 30px; padding-bottom: 50px; background: none;}
	.sub_news .list .item .txt h3{ height:auto; }
    .sub_news .list .item .txt p{  height:auto; }
	
	.page_con{margin-top: 30px;}
	
	.art_detail{ padding-top: 30px; padding-bottom: 30px; }
	.art_detail .art_left{ background: none; padding: 0px; border-radius: 0px;}

	.art_detail .detail{}
	.art_detail .detail .title{margin-bottom: 20px;}
	.art_detail .detail .title h1{ font-size: 1.4rem; margin: 0 0 10px 0; }
	.art_detail .detail .title span{ background: #ebedf0; font-size: 0.9rem }
	
	.sub_rec_school{ padding: 50px 20px;}
	.sub_rec_school .title{  margin-bottom: 1.8rem;}
	.sub_rec_school .title h2{font-size: 1.5rem;}
	.sub_rec_school .title h2::after{ width: 1rem; height: 1rem;}
	.sub_rec_school .rec_school .info{overflow: hidden;}
	.sub_rec_school .rec_school .info .txt .add{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.sub_rec_school .rec_school .info .txt{ padding: 1.5rem;  overflow: hidden; }
	.sub_rec_school .rec_school .swiper-button-next::after, .sub_rec_school .rec_school .swiper-button-prev::after{font-size: 1rem;}
	.sub_rec_school .rec_school .swiper-button-next, .sub_rec_school .rec_school .swiper-button-prev{width: 40px; height: 40px; }
	
	.sub_rec_school .rec_school .swiper-button-next, .sub_rec_school .rec_school .swiper-button-prev{ opacity: 1; width: 30px; height: 30px; top:42%; -webkit-transition: 0.3s; transition: 0.3s; }

	
	
	.about_hide{display: none;}
	.about_info{padding: 50px 0;}
	
	.about_info .tit{ font-size: 1.6rem;  margin-bottom: 2rem; }
	.about_info .txt{font-size: 1rem; padding:0 ; }
	
	.about_feature{padding: 50px 0;}
	.about_feature .tit{ font-size: 1.6rem; margin-bottom: 2rem; }
	.about_feature .list{ grid-template-columns: repeat(1,1fr); grid-gap: 20px;}
	.about_feature .list .item:nth-child(even) .pic{ order: 1;}
	.about_feature .list .item:nth-child(even) .txt{ order: 2;}
	.about_feature .list .item .txt{ padding: 1.5rem; aspect-ratio: auto; }
	.about_feature .list .item .txt b{margin-bottom: 1rem; }

	.about_mail{padding: 30px 20px; flex-direction: column;}
	.about_mail b{ font-size: 1.5rem; margin-bottom: 1rem; }
	.about_mail span{ border: 2px #fff solid; font-size: 1.2rem; }


	.school_list{padding-top: 20px; padding-bottom: 50px;}
	.school_list .s_r{display: none;}
	.school_list .s_l{flex: 1; }
	
	.school_list .list{}
	.school_list .list .item{margin-bottom:20px; }
	.school_list .list .item a{ padding: 0px; flex-direction: column;}
	.school_list .list .item .pic{ width: 100%; border-radius: 0; margin-right: 0px;}
	.school_list .list .item .pic img{ width: 100%; }
	.school_list .list .item .txt{ padding: 20px;}
	.school_list .list .item .txt h2{ font-size: 1.5rem; }
	
	.site_filter{position: -webkit-sticky; position: sticky; top: 75px; z-index: 99;}
	
	.btn_filter{display: flex; align-items: center; line-height: 1em; color: #fe3e18; border: 2px #fe3e18 solid; padding: 0.5rem 0.5rem; border-radius: 5px; }
	.btn_filter i{font-size: 1.2rem; margin-right: 0.2rem;}
	
	.offcanvas_filter{}
	
	.offcanvas_filter .search{padding: 10px;}
	.offcanvas_filter .search .search_txt{ border: 1px #e5e5e5 solid; border-radius: 5px; overflow: hidden; margin-bottom: 1.5rem;}
	.offcanvas_filter .search .search_txt input{ width: calc(100% - 50px); height: 50px; background: #fff; border: none; outline: 0; padding: 0 1rem; font-size: 1rem; -webkit-text-size-adjust: 100%; /* 阻止iOS自动缩放 */}
	.offcanvas_filter .search .search_txt button{ width: 50px; height: 50px; border: none; background: #fff; outline: 0; font-size: 1.4rem; opacity:1; color:#000}
	.offcanvas_filter .search .search_txt button i{color:#000}
	
	.offcanvas_filter .search .check_space{ border-top: 1px #e5e5e5 solid ; padding: 1.5rem 0 1rem 0;}
	.offcanvas_filter .search .check_space:last-child{padding-bottom: 0;}
	.offcanvas_filter .search .check_space .tit{font-weight: bold; margin-bottom: 1rem;}
	.offcanvas_filter .search .check_space .con{display: flex; flex-wrap: wrap;}
	.offcanvas_filter .search .check_space .btn-group{ margin-right: 10px; margin-bottom: 10px;}
	.offcanvas_filter .search .check_space .custom-checkbox-label{border: 1px #e5e5e5 solid;}
	.check_space .btn-check:checked+.btn, .check_space .btn.active{border: 1px #fe3e18 solid !important; color: #fe3e18;}
	.offcanvas_filter .search .check_space .btn_reset{background: #fe3e18; color: #fff; border: none; outline: 0; width: 100%; padding: 0.8rem 0;}
	
	.school_box{ padding-bottom: 50px; padding: 0 0 20px 0;}
	.school_box .s_r{ margin-right: 0px;}
	.school_box .s_l{display: none;}
	
	
	.school_banner{ background-size: auto 500px !important;}
	.school_banner .school_name{padding: 110px 0 50px 0; }
	.school_banner .school_name span{font-size: 0.6rem;}
	.school_banner .school_name h2{font-size: 1.5rem;  margin: 0.4rem 0; }
	.school_banner .school_name cite{font-size: 0.6rem;}
	
	
	.s_space{padding:30px 20px; margin-bottom: 20px;}
	.s_space .tit{ margin-bottom: 1rem;}
	.s_space .tit h2{font-size: 1.5rem; }
	.s_space .tit h2::after{width: 1rem; height: 1rem;  }
	
	.help_con{padding-bottom: 20px;}
	.help_con .tit{ }
	.help_con .list{grid-template-columns: repeat(1,1fr); grid-gap: 20px; padding: 20px;}
	.help_con .tips,.faq_con .tips{margin: 0 20px;}
	
	.school_info{}
	.school_info .list{ display: block;}
	.school_info .schoolPic{margin-bottom: 1rem;}
	.school_info .txt{  padding-bottom: 1rem; margin-bottom: 1rem;}
	.school_info .des{flex-direction: column;}
	.school_info .des .item:first-child{margin-right: 0px;}
	
	.school_info  .list .item:nth-child(4) p{font-weight: bold;}
	.school_info  .list .item:nth-child(5) p{font-weight: bold;}
	
	.school_info .list .web a{font-size: 1.1rem; word-break: break-all; font-weight: bold; }
	.school_info .list .web a:hover{text-decoration: underline;}
	.school_info .list .mail p{font-weight: bold; font-size: 1.1rem}
	.school_info .list .mail p:hover{text-decoration: underline;}
	.school_info .list .phone p{font-weight: bold; font-size: 1.1rem}
	.school_info .list .phone p:hover{text-decoration: underline;}
    .school_info .list .phone cite{font-size: 1rem}
    
     .school_down{display:block; margin-top:1rem}
    .school_down a{display:block; background: #e6effd; color: #0965ef; text-align:center; padding:1rem 0; border-radius:5px; font-size:1.1rem}
	
	.course{}
	.course .item{  padding: 20px;}
	.course .item .info{}
	.course .item .info .title{ margin-bottom: 1rem;}
	.course .item .info .title b{font-size: 1.3rem}

	.course .item .info .txt{flex-direction: column;}
	.course .item .info .txt .des{ width: 100%; margin-bottom: 1rem;}
	.course .item .info .txt .btnn{align-self: center; width: 100%;}
	.course .item .info .txt .price_all{ width: 100%; text-align: center;}
	
	.course .item .price{ grid-template-columns: 30% 70%;}
	.course .item .price .itm{border-radius: 5px; padding: 0.2rem;}
	.course .item .price .ith{ font-size: 0.9rem; }
	.course .item .price .itm01{order:1;}
	.course .item .price .itm02{order:3;}
	.course .item .price .itm03{order:5;}
	.course .item .price .itm04{order:7;}
	.course .item .price .itm05{order:9;}
	.course .item .price .itm06{order:2;}
	.course .item .price .itm07{order:4;}
	.course .item .price .itm08{order:6;}
	.course .item .price .itm09{order:8;}
	.course .item .price .itm10{order:10;}

	/*#biao03{height: 100px !important;}*/
	
	
	.foot_nav_blank{display:block;}
	.school_foot_nav{ background: #fff; position: fixed; width: 100%; bottom: 0; z-index: 9; padding:10px 20px 20px 20px; box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1);  left: 0; display: block !important;}
	.school_foot_nav .ico{ text-align: center; }
	.school_foot_nav .ico i{font-size: 1rem; opacity: 0.6; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; }
	.school_foot_nav .name{}
	.school_foot_nav .name h2{font-weight: bold; font-size: 1.1rem; margin-bottom: 1rem;}
	.school_foot_nav .name .tag{font-size: 0.8rem;}
	.school_foot_nav .name .tag span{ background: #ffebe7; color: #fe3e18; display: inline-block; margin-right: 10px; border-radius: 5px; line-height: 1em; padding: 0.3rem 0.7rem;}
	.school_foot_nav .name .tag span:nth-child(2){ background: #e6effd; color: #0965ef;}
	.school_foot_nav .name .tag span:nth-child(3){ background: #e8f9ec; color: #1ec641;}
	.school_foot_nav .name .tag span:nth-child(4){ background: #f1eefa; color: #735dd2;}
	

	.school_foot_nav .list{padding-top: 1rem; display: none;}
	.school_foot_nav .list .item{ margin-top: 0.5rem; font-size: 1.2rem}
	.school_foot_nav .list i{opacity: 0.6; margin-right: 0.5rem;}
	.school_foot_nav .list p{margin: 0;}
	.school_foot_nav.active .list{display: block;}
	.school_foot_nav.active .ico i{transform: rotate(180deg); -webkit-transition: 0.3s; transition: 0.3s;}
	.btn_nav_msg{ color: #fe3e18 !important; font-size: 3rem; line-height: 1em;}
	
	.contactModal{padding: 20px;}
	
	.contactModal .modal-content{padding: 30px;}
	.contactModal .mail span cite{  font-size: 1rem;  flex: 1;}
	
	.join_bg{ padding-bottom: 50px; }
	
	.join01{ flex-direction: column; padding: 50px 0 50px 0;}
	.join01 .txt{ background: url("../../web/img/img_value.png") left bottom no-repeat; background-size: 100% auto; padding-bottom:50px;}
	.join01 .txt b{ font-size: 1.4rem;padding: 1rem 2rem;  margin-bottom: 2rem;}
	.join01 .txt b::after{width: 15px; height: 15px; bottom: -7px;  }
	.join01 .txt p{font-size: 1rem; }
	.join01 .pic{  width: 90%;}
	
	
	.join02{ margin-bottom:50px;}
	.join02 .des{margin-bottom: 30px;}
	.join02 .des b{font-size: 1.4rem; line-height: 1.2em;  margin-bottom: 1.5rem;}
	.join02 .des p{font-size: 1rem;}
	.join02 .tabs{}
	.join02 .tabs .nav{ margin-bottom: 20px;}
	.join02 .tabs .nav .nav-item{ padding: 0.6rem 0; width: 31%; border-radius: 10px; }
	.join02 .tabs .nav .nav-item::after{width: 15px; height: 15px; bottom: -7px; }
	.join02 .tabs .nav .nav-item b{ font-size: 1rem; }
	.join02 .tabs .nav .nav-item span{ font-size: 0.7rem; }
	.join02 .tabs .nav .active{ background: #fe3e18; color: #fff; box-shadow: 0 15px 30px rgba(254, 62, 24, 0.1);}

	.join02 .tab-content{border-radius: 15px; padding: 20px 20px 0 20px;}
	.join02 .tabs .tab-pane{background-size: auto 60px;}
	.join02 .tabs .tab-pane .txt{ padding-bottom: 40px;}
	.join02 .tabs .tab-pane .txt .item{ margin-bottom: 1.5rem}
	.join02 .tabs .tab-pane .txt b{ font-size: 1.2rem;  }
	.join02 .tabs .tab-pane .txt p{  font-size: 0.9rem; }
	
	.join03{ flex-direction: column; padding: 0px 0 50px 0;}
	.join03 .pic{  width: 90%; margin-right: 0;}
	
	.join03 .txt{  padding-top: 50px; padding-bottom: 40px; }
	.join03 .txt::after{width: 10rem; }
	.join03 .txt b{ font-size: 1.4rem; margin-bottom: 1.5rem;}
	.join03 .txt p{font-size: 1rem;  }
	
	.join04{  padding:40px 20px; border-radius: 20px;}
	.join04 b{font-size: 1.4rem;}
	.join04 p{margin: 1rem 0 2rem 0;}
	.join04 a{font-size: 1rem; padding: 1rem 3rem; }
	
	.msgModal{padding: 10px;}
	.msgModal .modal-content{padding: 20px; }
	.msg_space input{ height: 45px;}
	
	.privacy_box{padding: 30px 20px;}
	.privacy_box h1{margin-bottom: 1.5rem;  font-size: 1.4rem}
	.privacy_box .txt{margin-bottom: 2rem;}
	.privacy_box .txt h3{margin-bottom: 1rem; font-size: 1.2rem}

    .no-result h4{font-size:1.2rem}
    
    /*.rec_school{padding-bottom:50px !important;}*/
    /*.rec_school .swiper-button-next, .rec_school .swiper-button-prev{top:auto !important; bottom:0 !important; }*/
    /*.rec_school .swiper-button-next{right:50%; margin-right:-40px}*/
    /*.rec_school .swiper-button-prev{left:50%; margin-left:-40px}*/
    
    .rec_school .swiper-button-next::after, .rec_school .swiper-button-prev::after{width: 40px; height: 40px; text-align: center;  line-height: 40px; background: #fe3e18; border-radius: 50%; color: #fff;}
	.rec_school .swiper-button-next, .rec_school .swiper-button-prev{width: 50px !important; height: 100% !important; background: none !important; top: 0 !important; opacity: 1 !important; border-radius: 0 !important;}
	.rec_school .swiper-button-next{right: 0;}
	.rec_school .swiper-button-prev{left: 0;}
	
	
	/*20250702*/
	.ai_box{font-size: 1rem; padding-top: 50px; padding-bottom: 50px; }
	.ai_box h1{font-size: 2rem;  margin: 0 0 2rem 0;}
	.ai_box .con{ margin-top: 50px;}
	.ai_box .con .tit{position: relative; padding-left:1.5rem;  margin-bottom: 1.8rem;}
	.ai_box .con .tit h2{font-size:1.6rem; }
	.ai_box .con .tit::before{ width: 1rem; height: 1rem; }
	.ai_box .con .txt{ margin-bottom: 2rem; padding-left: 0rem;}
	.ai_box .con .txt h3{font-size:1.2rem; margin: 0 0 1rem 0; }
	.ai_box .con .txt .point{padding-left: 1.5rem;}
	.ai_box .con .txt .point li{line-height: 1.8em; }
	
	.ai_box .links{grid-template-columns: repeat(1 ,1fr); grid-gap: 1rem;}
	.ai_box .links li{}
	.ai_box .links li a{ padding: 0.5rem 1rem;}
	.ai_box .links li a p span{font-size: 0.9rem; }
	
	.ai_ys_faq .itm{ line-height: 2em; margin-bottom: 1.5rem;}
	.ai_ys_faq .itm:last-child{margin-bottom: 0;}
	
	.ai_faq{}
	.ai_faq .list{padding-left: 0;}
	.ai_faq .list .itm {margin-bottom: 2rem;}
	.ai_faq .list .itm h3{font-size:1.2rem; }
	.ai_faq .list .itm p cite{padding: 0.2rem;}
	.ai_faq .more span{border: 1px solid #031f42; padding: 0.7rem 2rem; }
	.ai_faq .more::after{height: 1px; }
	
	/*20250901*/
	.box_not {padding-top: 80px;}
	.box_not .breadcrumb{display: none;}
	
	.p_about{margin-top: 2rem; margin-bottom: 3rem;}
	.p_about h1{font-size: 1.4rem; margin-bottom: 1.4rem;}
	
	
	.p_space{ margin-bottom: 50px;}
	.p_space .title{ margin-bottom: 1.5rem;}
	.p_space .title h2{font-size: 1.4rem; }
	.p_space .title i{margin-right: 0.2rem; font-size: 1.4rem; }
	

	.p_mission .list{grid-template-columns: repeat(1,1fr); grid-gap: 1.2rem;}
	.p_mission .list .item{padding: 1.5rem; }
	.p_mission .list .item i{font-size: 4rem; }
	.p_mission .list .item h3{font-size: 1.2rem; margin:1rem 0 1rem 0;}

	
	
	.p_why{font-size: 1rem;}
	.p_why .txt{margin-bottom: 1.5rem;}
	.p_why .list{ position: relative;  height: auto; padding: 0 20px; }
	.p_why .list::after{content: ""; position: absolute; width: 3px; height: 100%; background: rgba(254,62,24,0.3); left: 44px; top: 0;}
	.p_why .list .pimg{display:none}
	.p_why .list .item {width: 100%; position: relative; padding-left: 60px; margin-bottom: 2rem;}
	.p_why .list .item i{display: none; font-size: 4rem; line-height: 1em;  background-image: linear-gradient(135deg, rgba(254,62,24,1), rgba(254,62,24,0.3)); color: transparent; -webkit-background-clip: text; background-clip: text;}
	.p_why .list .item h3{font-size: 1.2rem; font-weight: bold; margin: 0rem 0 1rem 0;}
	.p_why .list .item p{ font-size: 1rem; margin: 0;}
	.p_why .list .item::before{ position: absolute; content: ""; background: rgba(255, 255, 255, 1); width: 50px; height: 50px; line-height: 44px; text-align: center; border-radius: 50%; top: 0; left: 0; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fe3e18; font-size: 1.5rem; border: 3px rgba(254,62,24,0.3) solid; z-index: 9;}
	.p_why .list .item01{text-align: left ; left: auto; top:auto; margin-left: 0; }
	.p_why .list .item01::before{content: "\e625"; }
	.p_why .list .item02{text-align: left; left: auto; margin-left: 0; top: auto;}
	.p_why .list .item02::before{content: "\e764"; }
	.p_why .list .item03{text-align: left; left:auto; margin-left: 0; top:auto; margin-top: 0;}
	.p_why .list .item03::before{content: "\e617"; }
	.p_why .list .item04{ left: auto; margin-left: 0; top:auto}
	.p_why .list .item04::before{content: "\e602"; }
	.p_why .list .item05{left: auto; margin-left: 0; top: auto;}
	.p_why .list .item05::before{content: "\e635"; }
	
	
	.p_why .inv{ text-align: center; position: relative; margin-left: 0px; margin-right: 0px; padding: 0 20px; margin-top: auto; }
	.p_why .inv::before{  height: 100%; left: 0; top: 0; bottom: 0; width: 20%; background: url("../../web/img/p_dl.png") left top no-repeat; background-size: 100% auto;}
	.p_why .inv::after{  height: 100%; right: 0; top: 0; bottom: 0; width: 20%; background: url("../../web/img/p_dr.png") right bottom no-repeat; background-size: 100% auto;}
	.p_why .inv .tit{font-size: 1.2rem; margin-bottom: 1rem;}
	.p_why .inv p{margin: 0; }
	.p_why .inv .p01{font-size: 0.9rem; margin-bottom: 0.5rem;}
	.p_why .inv .p02{font-size: 0.8rem;}
	
	.p_school{background:#ffffff url("../../web/img/p_school.jpg") right top no-repeat; background-size: 180% auto; padding: 74% 1.5rem 1.5rem 1.5rem;  border-radius: 1rem;}
	.p_school .txt{width: 100%;}
	.p_school .txt a{ padding: 0.8rem 1rem; font-size: 0.9rem; margin-top: 0rem;}
	
	.p_submit{ background: url("../../web/img/p_sub_img.png") right 70% no-repeat; background-size:40% auto; }
	.p_submit .txt{width: 100%;}
	.p_submit .txt ul{margin-bottom: 1rem;}
	.p_submit .txt ul li{line-height: 2em;}
	
	.p_qa{}
	.p_qa .list{}
	.p_qa .list .item{ margin-bottom: 1.5rem; padding: 1.5rem 1rem;}
	.p_qa .list .item h3{margin: 0 0 1rem 0; font-size:1.2rem;}
	.p_qa .list .item .da i{font-size:1.2rem; line-height: 1.2em; }
	.p_qa .list .item .da p{ font-size: 1rem; line-height: 1.5em;}
	
	.p_ahead{ font-size: 1rem;  background: url("../../web/img/p_adead.png") right bottom no-repeat; background-size: auto 50%; padding-bottom: 0px; margin-bottom: 0; margin-bottom: 40px;}
	.p_ahead .txt{width: 100%; }
	.p_ahead .txt .p01{font-size: 1.2rem; }
	.p_ahead .txt .p02{padding-right: 30%;}
	
	.p_name{margin-bottom: 30px;}

	
	.p_view{ margin-top: -50px; }
	.p_view a{ background: #fe3e18 url("../../web/img/p_vsc.png") left 10px no-repeat; background-size: auto 100%; color: #fff; padding: 1.5rem 0; font-size: 1rem}
	
	.d_space{ margin-bottom: 50px;}
	.d_space .title{ margin-bottom: 1.5rem;}
	.d_space .title h2{font-size: 1.8rem; }
	.d_space .title h2::before{width: 1rem; height: 1rem;}
	.d_space .title p{margin:1rem 0 0 0; font-size: 0.9rem}
	
	.download_box{padding: 0 0 0px 0; }
	.download_box .breadcrumb{display: none;}
	.download_box .con{border-radius: 15px; padding: 15px;}
	.download_box .about{ padding: 1.5rem; }
	.download_box .about .txt{ display: flex; position:relative}
	.download_box .about .txt .pic{position:absolute; bottom:-5rem; right:0;  width:80%; margin-right:0; opacity:0.3; z-index:1; }
	.download_box .about .txt .pic img{ width:100%}
	.download_box .about .txt .info{flex:1; font-size: 1rem; z-index:3; }
	

	.download_box .faq .list .item{margin-bottom: 1rem; padding: 1.5rem;}
	.download_box .faq .list .item h3{ font-weight: bold; font-size:1.2rem ;}
	.download_box .faq .list .item .da i{font-size:1.2rem; line-height: 1.2em;}
	.download_box .faq .list .item .da p{  font-size: 1rem; line-height: 1.4em;}

	
	.download_box .file{}
	.download_box .file .list{ grid-template-columns: repeat(2, 1fr); grid-gap: 1rem;}
	.download_box .file .list .item{background: rgba(0, 0, 0, 0.04);  padding:2rem 1rem; }
	.download_box .file .list .item .ico{width:30%}
	.download_box .file .list .item .ico img{width: 100%;}
	.download_box .file .list .item .tit{margin:1rem 0 0.5rem 0; font-weight: bold; font-size:1.2rem; height:3.6rem}
	.download_box .file .list .item .info{ margin-bottom: 1rem; font-size: 0.8rem}
	.download_box .file .list .item .info span{ display: block;}
	.download_box .file .list .item .link{}
	.download_box .file .list .item .link a{ border: 1px #2870f0 solid; padding: 0.3rem 1rem;  font-size: 0.9rem; margin:0 5px;}
	.download_box .file .list .item .link .l_view{border: 1px #031f42 solid; }
	.download_box .tips{font-size: 0.8rem}
	
	.download_box .dlink{margin-bottom: 30px;}
	.download_box .dlink .links{grid-template-columns: repeat(1 ,1fr); grid-gap: 1rem;}
	.download_box .dlink .links li a{display: flex; align-items: center; padding:1rem;}
	.download_box .dlink .links li a i{font-size: 3rem; line-height: 1em;}
	.download_box .dlink .links li a p b{font-size: 1rem }
	.download_box .dlink .links li a p span{font-size: 0.8rem; }
	
	.box_not{ padding-bottom: 50px;}
	.pSchools_box .pSchools_info{ margin-top: 2rem;}
	.pSchools_box .pSchools_info h1{  margin: 0 0 1.5rem 0;}
	.pSchools_box .pSchools_info h1 b{display: block; font-size: 1.5rem; margin-bottom: 0.5rem;}
	.pSchools_box .pSchools_info h1 span{ font-size: 1.3rem;}
	.pSchools_box .pSchools_info .txt{ font-size: 0.9rem; margin-bottom: 2rem; }
	.pSchools_box .pSchools_info .meta{ margin-bottom: 2rem; font-size: 0.9rem}
	
	.pSchools_box .pSchools_nav{margin-bottom: 2rem; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory;   -webkit-overflow-scrolling: touch;   justify-content:start; display:none}
	.pSchools_box .pSchools_nav a{padding:0.8rem 1rem;  margin-right: 1rem; flex: 0 0 auto; }
	.pSchools_box .pSchools_nav a b{ font-size: 1.1rem;  margin-bottom: 0.1rem}
	
	.pSchools_box .pSchools_tips{ margin-bottom: 2rem; font-size: 0.9rem;}
	
	.acc_school{margin-bottom: 2.5rem;}
	.acc_school .accordion-item{margin-bottom:1rem}
	.acc_school .accordion-item:not(.active-item) {border: 2px solid #031f42; }
	.acc_school .accordion-item.active-item {border: 2px solid #fe3e18; border-left-width: 4px; }
	.acc_school .accordion-button::after{font-size: 1.2rem;}
	.acc_school .accordion-body{padding:0 1rem;}
	
	.acc-h01 b,.acc-h01 .title{font-size: 1.3rem; } 
	.acc-h01 > .accordion-button{padding: 1rem 0.5rem;  }
	.acc-h01 > .accordion-button span{flex-direction: column; align-items: start; }
	.acc-h01 > .accordion-button span cite{padding-left: 1.8rem; opacity: 0.8; font-size:0.8rem}
	.acc-h01 > .accordion-button .pot{font-size: 1.2rem; }
	.acc-h01 > .accordion-button .en{ display:block; font-size:1rem; padding-left:1rem}
	.acc-h02 > .accordion-button{padding: 1rem 0.5rem}
	.acc-h02 b,.acc-h02 .title{font-size: 1.2rem; } 
	.acc-h03 > .accordion-button{padding: 1rem 0.5rem}
	.acc-h03 b{font-size: 1rem; } 
	.acc_list{ font-size: 0.9rem;}
	
	
	.pSchools_box .links{ grid-gap: 1.5rem; }
	.pSchools_box .links a{ padding: 1rem 1.5rem;}
	.pSchools_box .links a i{   width: 2.5rem; height: 2.5rem; line-height: 2.5rem;  font-size: 1rem;}
	.pSchools_box .links a b{ font-size: 1.2rem; }
	
	.pSchools_box .links{ grid-template-columns: repeat(1,1fr); grid-gap: 1.2rem; margin-bottom: 2rem;}
	
	.pSchools_box .remarks{font-size: 0.7rem; }
	
	
	.box_ja .p_about{font-size:0.9rem}
    .box_ja .p_about h1{font-size:1.4rem}
    .box_ja .p_space .title i{font-size:1.4rem}
    .box_ja .p_space .title h2{font-size:1.4rem}
    .box_ja .p_mission .list .item h3{font-size:1.2rem}
    .box_ja .p_mission .list .item p{font-size:0.9rem}
    .box_ja .p_why{font-size:0.9rem}
    .box_ja .p_why .list .item h3{font-size:1.2rem}
    .box_ja .p_why .list .item p{font-size:0.9rem}
    .box_ja .p_why .inv .tit{font-size:1.2rem}
    .box_ja .p_why .inv .p01{font-size:0.9rem}
    .box_ja .p_why .inv .p02{font-size:0.9rem}
    .box_ja .p_school{font-size:0.9rem}
    .box_ja .p_submit{font-size:0.9rem}
    .box_ja .p_qa .list .item h3{font-size:1.2rem}
    .box_ja .p_qa .list .item .da i{font-size:1.2rem}
    .box_ja .p_qa .list .item .da p{font-size:0.9rem}
    .box_ja .p_ahead .txt .p01{font-size:1rem}
    .box_ja .p_ahead .txt .p02{font-size:0.9rem}
    .box_ja .p_name{font-size:0.9rem}
    	
	
}

img.lazy{opacity: 0}
img.loaded{opacity: 1}
.btn_course_more span::before{
	content: '更多课程';
}
.btn_course_more.open span::before{
	content: '收起课程';
}
.btn_course_more.open .icon_down::before{
	content:"\e72a"
}

.layui-layer-loading .layui-layer-content {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 20px;
  background: none;
}

/* 通用圆点样式 */
.layui-layer-loading .layui-layer-content::before ,.layui-layer-loading .layui-layer-content::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulse 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

/* 第一个圆（大圆） */
.layui-layer-loading .layui-layer-content::after {
	content: "";
  width: 40px;
  height: 40px;
  background: #fe3e18;
  animation-delay: -0.75s; /* 延迟半个周期 */
}

/* 第二个圆（小圆） */
.layui-layer-loading .layui-layer-content::before {
	content: "";
  width: 20px;
  height: 20px;
  background: #0965ef;
}

/* 关键帧动画 */
@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  } 
}

/* 1201 */
.item_tip{ position: absolute; font-size: 13px; top: 0; right: 0;text-align: center; padding: 2px 10px; background:#ffebe7; color: #fe3e18; border-bottom-left-radius: 10px;}
.item_tip i{padding: 0 5px 0 0; font-size: 14px !important; }
.time_tip{ display:block; text-align: center; margin: 20px auto 0 auto; color: #909399; font-size: 16px;}

.home_ad{ padding: 0; width: 100%; background:#d9e8f9;  display: block; overflow: hidden; margin: 0; position: relative;}
.home_ad .home_ad_main{ overflow: hidden;display: block; padding: 0; margin: 0; line-height: 16px;}
.home_ad .home_ad_main img{ width: 100%; object-fit: cover;}
.home_ad h2{ display: block; font-weight: bold; font-size: 50px;  color: #031f42; text-align: right;}
.home_ad h3{color: #031f42; font-size: 20px; font-weight: 500;letter-spacing: 5px;  display: block; text-align: right;}
@media(max-width:1024px){
	.home_ad{ padding: 0; width: 100%; background:#d9e8f9;  display: block; overflow: hidden; margin: 0; position: relative;}
	.home_ad .home_ad_main{ width: 100%; overflow: hidden;display: block; padding: 0; margin: 0; line-height: 16px;}
	.home_ad h2{ display: block; font-weight: bold; font-size: 28px;  color: #031f42; text-align: right;}
	.home_ad h3{color: #031f42; font-size: 14px; font-weight: 500;letter-spacing: 5px;  display: block; text-align: right;}
}