html,body{font-size: 18px;}
@font-face{
	font-family: "AlibabaSans";
	src: url("../fonts/AlibabaSans-Black.otf") format('truetype');
}
.AlibabaSans{font-family:"AlibabaSans";}
.only_pc{ display: block !important;}
.only_mobile{ display: none !important;}
@media(max-width:1240px){
.only_pc{ display: none !important;}
.only_mobile{ display: block !important;}
	}
@font-face{
	font-family: "montserrat";
	src: url("../fonts/montserrat.otf") format('truetype');
}
.montserrat{font-family:"montserrat";}

body{color: #031f42; font-weight: normal; background: #fff;}
cite, i{font-style: normal;}

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

.border_yuan{ border-radius: 10px !important; overflow: hidden;}
.padding0{ padding: 0 !important;}
.padding50{ padding:0 50px !important;}
.faster {-webkit-animation-duration: 0.3s; animation-duration: 0.3s;}

.blank1{clear:both;display:block;height:1px; width: 100%; background: #eee; 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;}
.blank130{clear:both;display:block;font-size:1px;overflow:hidden;height:130px;}
.blank170{clear:both;display:block;font-size:1px;overflow:hidden;height:170px;}

.bg_pink_light{ background: #f8dad8 !important;}
.bg_blue_light{ background: #def4ff !important;}
.bg_pink{ background: #9a3c3b !important; color: #fff !important;border: 1px solid #9a3c3b !important;}
.bg_blue{ background: #3082a5 !important; color: #fff !important;border: 1px solid #3082a5 !important;}
.bg_blue01{ background: #3082a5 !important; color: #fff !important;}
.bg_zi{ background: #5130ac !important; color: #fff !important;border: 1px solid #5130ac !important;}
.bg_zi01{ background: #fff !important; color: #5130ac !important;border: 1px solid #5130ac !important;}
.bg_gray{ background: #f5f7f9 !important;}
.pink{ color: #9a3c3b !important;}
.pink01{ color: #eedddc !important;}
.blue{ color: #3082a5 !important;}
.blue01{ color: #c9ecf7 !important;}
.bg_blue02{ background: #def4ff !important; border: 1px solid #7bb5d2 !important; color: #3082a5 !important;}
.bg_orange{ background: #fdf6ec !important; border: 1px solid #e5951f !important; color: #e5951f !important;}
.bg_green{ background: #ecfdf7 !important; border: 1px solid #23cda3 !important; color: #23cda3 !important;}
.bg_green01{ background: #23cda3 !important; border: 1px solid #23cda3 !important; color: #fff !important;}
.bg_red{ background: #ff698d !important; border: 1px solid #ff698d !important; color: #fff !important;}
.bg_red01{ background: #fef1f0 !important; border: 1px solid #ff698d !important; color: #ff698d !important;}
.pink_border{ border: 1px solid #9a3c3b !important; color: #9a3c3b !important;}
.pink_border:hover{ background: #9a3c3b !important; color: #fff !important;}
.blue_border{ border: 1px solid #3082a5 !important; color: #3082a5 !important;}
.blue_border:hover{ background: #3082a5 !important; color: #fff !important;}
.no_bg{ background: none !important;border-bottom: 1px #eee solid !important;}

.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:#9a3c3b; -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: #9a3c3b; color: #fff;}
.text-grey{color: #a3b0b7;}
.text-gray{color: #999}
.text-green{color: #50e386;}
.text-blue{color: #096ad5;}
.text-red{color: #de0000;}
.text-orange{color: #9a3c3b !important;}

.badge_orange{color: #9a3c3b; 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.1) solid;  -webkit-transition: 0.3s; transition: 0.3s ;}
header .logo{ z-index: 2; margin-right: 20px;}
header .logo a{}
header .logo img {height: 96px;}
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 2.5rem; padding: 0; line-height: 120px; height: 120px; list-style: none; position: relative; }
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; bottom: 30px; left: 50%; margin-left: -15px; width: 30px; height: 5px; border-radius: 20px; background: #f5b3b5;  -webkit-transition: 0.3s; transition: 0.3s; transform:scale(0); z-index: -1;}
header .menu>ul>.active>a::after {transform: scale(1);}
header .menu>ul>li>a i{font-size: 13px; padding:0 0 0 8px;}
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: #9a3c3b; color: #fff;}

.show_top .menu>ul>li>a { color: #031f42 !important;}
.show_top{  background: #fff !important;}

#navToggle{display: none;}
header #navToggle { height: 100%; padding: 15px 0 15px 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: #ccc;}
.header_bg #navToggle span, .header_bg #navToggle span:before, .header_bg #navToggle span:after {background: #c;}
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: #9a3c3b;}
.header_bg .other a{color: #031f42;}

#win01{ display: none;}
.menu_child{ box-shadow: 0 30px 30px rgba(0,0,0,0.1); display: flex; align-items: flex-start; justify-content:center; position: fixed; left:0; top: 110px; width: 100vw; background: #fff; padding:50px 30px; min-height: 100px; overflow: hidden;}
.menu_child_item{ width: 20%; margin: 0 20px;}
.menu_child_item b{display: table; color: #9a3c3b; margin: 0 0 20px 0; text-transform: uppercase; line-height: 36px; font-size: 26px; font-weight: bold; border-bottom: 1px solid #9a3c3b;}
.menu_child_item b i{ font-weight: normal; font-size: 44px; padding: 0 5px 0 0;}
.menu_child_item a{display: table; letter-spacing:0; color: #271b1a; text-transform:capitalize; line-height: 60px; font-size:18px; }
.menu_child_item a:hover{ color:#9a3c3b; margin: 0 -5px 0 5px;}

.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: 1.8rem; text-align: center; cursor: pointer; position: absolute; top: 30px; right: 20px; color:#ffffff; }
.m_nav .logo{width: 100%; padding: 20px 0 20px 15px;}
.m_nav .logo img{height: 50px; 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; letter-spacing: 1px; color: #fff; font-size: 20px; height: 70px; line-height: 70px; 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 .tite b {
	text-transform: uppercase;
	font-weight: 400; width: 57%;
	display: table; letter-spacing: 1px;
	margin: 0 auto 20px auto; text-align: center;
	font-size: 17px;
	color: #475667;
	line-height: 24px;
}

.space .tite i {
	display: table;
	font-weight: bold;
	margin: 0 auto;
	font-size:32px;
	color: #263344;
}
.btn_more{background: #9a3c3b; color: #ffffff; padding:0.8rem 1.8rem; border-radius: 5px; display: inline-block;}
.btn_more:hover{color: #ffffff; box-shadow:0 15px 30px rgba(222, 0, 0, 0.1) ;}

input::placeholder { font-size: 16px; }

/* 隐藏默认箭头*/
.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: #9a3c3b; }


.home_adv{ background: url("../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: #9a3c3b;}
.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:#fff;}
.home_news .list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.home_news .list .item{ background: #f5f7f9; border-radius: 10px; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s;}
.home_news .list .item a{ display: block; }
.home_news .list .item .pic{overflow: hidden; height:300px;}
.home_news .list .item .pic img{width: 100%;  -webkit-transition: 0.3s; transition: 0.3s;}
.home_news .list .item .txt{ padding:30px 20px;}
.home_news .list .item .txt h3{font-weight: 550; letter-spacing: 1px; margin: 0; font-size: 20px;}
.home_news .list .item .txt p{ margin: 0; color: #4e627a; margin-bottom: 2rem;}
.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 #9a3c3b solid; color: #fff; padding: 30px 0;}
.footer .con{}
.footer .con .links{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.footer .con .links_item{ width: 25%;}
.footer .con .links b{ display: table;padding:0; margin: 0 0 10px 0; font-size: 20px; font-weight: bold;}
.footer .con .links b i{}
.footer .con .links a{ display: table; color: #fff; padding: 8px 0; margin: 0; font-size: 16px;}
.footer .con .links a:hover{ color: #f5b3b5;}
.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: #f5b3b5;}

.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: #9a3c3b; text-decoration: underline;}


.sub_banner{ height: 560px; display: block; position: relative; color: #fff; padding-top: 80px; }
.sub_banner .txt{font-size: 3rem; text-align: center; line-height: 1.2em; font-weight: bold; position: absolute; z-index: 100; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.sub_banner .txt span{color: #f98a89; }
.sub_banner .txt i{line-height: 36px; display: table;text-shadow: 2px 2px 4px rgba(0,0,0,0.3); font-weight: 520; letter-spacing: 1px; font-size: 20px; margin:10px auto 0 auto;}
.sub_banner_pic{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden;}
.sub_banner_pic img{ width: 100%; height: 100%; object-fit: cover;}

.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;border:1px solid #fff; padding: 8px 20px; margin-left: 15px; font-weight: bold; font-size: 16px; border-radius: 100px;}
.sub_site .sub_nav a:hover{border:1px solid #9a3c3b; color:#9a3c3b ;}
.sub_site .sub_nav .active{background: #9a3c3b;border:1px solid #9a3c3b; color: #fff !important;}

.site_school{padding: 30px 0;}

.sub_news{ background: none;}
.sub_news .list{grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.sub_news .list .item{border-radius: 20px; }
.sub_news .list .item .pic{ height: 240px;}
.sub_news .list .item .pic img{ width: 100%; height: 100%; object-fit: cover;}
.sub_news .list .item .txt{ padding:20px 30px;}
.sub_news .list .item .txt h3{font-size:20px; margin-bottom: 0.8rem;}
.sub_news .list .item .txt p{ position: relative; min-height: 56px;  font-size: 16px; margin:0 ; padding: 0 0 0 10px; line-height: 28px; text-align: justify;}
.sub_news .list .item .txt p:before{ content: "▪"; font-size: 18px; position: absolute; left: 0; top:1px;}
.sub_news .list .item .txt span{ font-size:15px; margin: 20px 0 10px 0; border-radius: 500px; display: table; line-height: 36px; padding: 0 25px;}


.page_con{margin-top: 50px;}
.page_con .page-item{ margin: 0 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:#9a3c3b;}
.page_con .active .page-link{ background: #9a3c3b;  color: #ffffff; }


.art_detail{ display: flex; padding-top: 30px; padding-bottom: 30px; }
.art_detail .art_left{flex: 1; background: #fff; margin-right: 30px; padding:40px 50px;}
.art_detail .art_left_m{flex: 1; background: #fff; margin-left: 30px; padding:40px 50px;}

.art_detail .art_right{ width: 420px;  padding:30px 30px 15px 30px; background: #fff;align-self: flex-start;}
.art_detail .art_right_m{ width: 200px;  padding:30px 20px; background: #fff;align-self: flex-start;}
.art_detail .detail{}
.art_detail .detail .title{ margin-bottom: 30px; text-align: center; padding: 0 50px;}
.art_detail .detail .title h1{ font-weight: bold; font-size: 1.6rem; margin: 0 0 20px 0; display: block; line-height: normal; }
.art_detail .detail .title span{ display: table; color: #333; padding:0; margin: 0 auto; font-size: 18px;}
.art_detail .detail .title .tip01{ background: #fff3cd; border-radius: 8px; color: #997404; padding:15px 30px; font-size: 18px;}

.art_detail .detail .title001{ margin-bottom: 30px; text-align: left; padding: 0 50px;}
.art_detail .detail .title001 span{ display: table; color: #333; padding:0; margin: 0; font-weight: bold; font-size: 20px;}

.art_detail .detail .txt{line-height: 2em;}
.art_detail .detail .txt img{max-width: 90%; margin:20px auto; border-radius: 10px; display: table;}

@media(max-width:1240px){
.art_detail .art_right_m{ width:100%;  padding:30px 20px 0 20px; background: #fff;align-self: flex-start;}
.art_detail .art_left_m{flex: 1; background: #fff; margin-left:0; margin-top: 20px; padding:20px;}

}


.rec_list{}
.rec_list .title{ font-size: 1.6rem; margin-bottom: 30px;}
.rec_list .item{ margin-bottom: 30px;}
.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: 10px; max-height: 200px;}
.rec_list .item .pic img{width: 100%; height:auto; -webkit-transition: 0.3s; transition: 0.3s; object-fit: cover;}
.rec_list .item .txt{font-weight: bold; font-size: 16px}
.rec_list .item a:hover img{transform: scale(1.1); -webkit-transition: 0.3s; transition: 0.3s;}

.rec_list01{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.rec_list01 .title{ width: 100%; font-size: 1.6rem; margin-bottom: 30px;}
.rec_list01 .item{ margin-bottom: 30px; width: 48%;}
.rec_list01 .item:last-child{margin-bottom: 0;}
.rec_list01 .item a{display: block;}
.rec_list01 .item .pic{border-radius: 10px; overflow: hidden; margin-bottom: 10px; max-height: 200px;}
.rec_list01 .item .pic img{width: 100%; height:auto; -webkit-transition: 0.3s; transition: 0.3s; object-fit: cover;}
.rec_list01 .item .txt{font-weight: bold; font-size: 16px; text-align: center;}
.rec_list01 .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: #e5e8ec; color: #031f42; 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 .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: #9a3c3b; 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 #9a3c3b solid !important; color: #9a3c3b;}
.school_list .search .check_space .btn_reset{background: #9a3c3b; 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: #9a3c3b;  -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%; height: 100%; object-fit: cover;  -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: #e5e8ec; color: #031f42; display: inline-block; margin-right: 10px; border-radius: 5px; line-height: 1em; padding: 0.5rem 1rem;}
.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 .add{ color: #68798e; margin: 0.8rem 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 h1{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: 100px;}

.s_space{padding: 40px; border-radius: 10px; margin-bottom: 40px;}
.title01{ display: flex; margin-bottom: 1.5rem; justify-content: space-between; align-items: center;}
.title01 h2{font-size: 2rem; font-weight: bold; position: relative; z-index: 2; line-height: 1em;}
.title01 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(204,102,100,0.8));  z-index: -1; }

.title02{ display: flex; margin-bottom: 1.5rem; padding: 0 0 20px 0; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
.title02 b{font-size: 24px; font-weight: bold; position: relative; z-index: 2; line-height: 1em;}
.title02 b::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(204,102,100,0.8));  z-index: -1; }

.s_space .tit01{ display: flex; margin-bottom: 1.5rem; justify-content:flex-start; align-items: center;}
.s_space .tit01 h2{font-size: 2rem; font-weight: bold; position: relative; z-index: 2; line-height: 1em;}
.s_space .tit01 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; }

.help_con{border-radius: 10px; overflow: hidden; padding-bottom: 40px;}
.help_con .tit{ }
.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: #9a3c3b; 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: flex;}
.school_info .des .item{ flex: 1;}
.school_info .des .item:first-child{margin-right: 50px;}
.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;}

.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: #9a3c3b; border-color: #9a3c3b;}
.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: #9a3c3b !important; border-color: #9a3c3b !important;}
.btn_course_more{ background: #e9f0fd; text-align: center; padding: 0.5rem; border-radius: 7px; }


.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: #9a3c3b; 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: #e5e8ec; color: #031f42; display: inline-block; margin-right: 10px; border-radius: 5px; line-height: 1em; padding: 0.5rem 1rem;}
.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 .list{}
.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}
.sc_info .con .list .web a:hover{text-decoration: underline;}
.sc_info .con .list .mail p{font-weight: bold; font-size: 1.1rem}
.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;}

.btn_msg{background: #9a3c3b; 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("../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: #9a3c3b url("../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("../img/contactModal_bg.jpg") center bottom no-repeat; background-size: cover; border-radius: 20px;}
.contactModal .tips{font-size: 0.9rem; margin-bottom: 2rem; text-align: center; opacity: 0.6; line-height: 1.5em;}
.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: #9a3c3b; font-size: 1.2rem}
.contactModal .mail span{ border: 2px #9a3c3b 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: #9a3c3b; font-size: 1.5rem; font-weight: bold; flex: 1; text-align: center;}
.contactModal .mail span i{ background: #9a3c3b; 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("../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("../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: #9a3c3b; 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: #9a3c3b; 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("../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("../img/img_share.png") left bottom no-repeat; background-size: auto auto;}
.join02 .tabs .item02{ background:url("../img/img_study.png") left bottom no-repeat; background-size: auto auto;}
.join02 .tabs .item03{ background:url("../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: #9a3c3b;}
.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("../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("../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: #9a3c3b;}

.join04{ background: url("../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: #9a3c3b; 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("../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 #9a3c3b solid !important; color: #9a3c3b; 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: #9a3c3b; 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;}

@media(max-width:1240px){	
	.art_detail .detail .title001{ margin-bottom:10px; text-align: justify; padding: 0 40px;}
	.art_detail .detail .title001 span{ display: table; color: #333; padding:0; margin: 0; font-weight: bold; font-size: 20px;}
	
    .sub_site .sub_nav{ flex-wrap: wrap; margin: 10px 0 0 0;}
    .sub_site .sub_nav a{ width: 33%; display: block;border:1px solid #fff; text-align: center; padding: 5px; margin-top: 10px; margin-left: 0px; margin-right: 0px; font-weight: bold; font-size: 16px; border-radius: 100px;}
    
	.footer .con .links_item{ width: 50%; margin:0 auto 10px auto;}
	.footer .con .links b{ display: table;padding:0; margin:10px auto; font-size: 20px; font-weight: bold;}
	.footer .con .links a{ display: table; color: #fff; padding: 8px 0; margin: 0 auto; font-size: 15px;}
	
	html,body{font-size: 16px;}
	header .menu>ul>li { margin: 0 2rem; line-height: 100px; height: 100px; }

	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;}

}


@media(max-width:1240px){
	.banner .slide_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-size: auto 100%; background-position: 70%; }
	
	.container-fluid{padding-left: 15px; padding-right: 15px; flex-wrap: wrap;}	
	header .menu>ul>li { margin: 0 2rem; line-height: 80px; height:80px; }	
	.home_news .list{ grid-gap: 30px;grid-template-columns: repeat(1, 1fr);}
	
	.home_news .list .item .pic{overflow: hidden; height:auto;}
	.home_news .list .item .pic img{width: 100%; height: 100%; object-fit: cover;  -webkit-transition: 0.3s; transition: 0.3s;}
	
	.home_news .list .item .txt{ padding:20px !important;}
	.home_news .list .item .txt h3{font-weight: 550; letter-spacing: 0px; margin: 0; font-size: 18px;}
	
	.banner .item01 .slide_txt{transform: translateY(-25%) !important;top:40%;}
	.banner .item01 .slide_txt img{ width: 70%;}
	.banner .item01.swiper-slide-active .slide_txt{left:20px;}
	
	
	.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; }
	
	.space .tite b {
		text-transform: uppercase;
		font-weight: 400; width: 100%;
		display: table; letter-spacing: 1px;
		margin: 0 auto 20px auto; text-align: center;
		font-size: 16px;
		color: #475667;
		line-height: 24px;
	}
	
	.space .tite i {
		display: table;
		font-weight: bold;
		margin: 0 auto;
		font-size:28px;
		color: #263344;
	}
	
	.footer{padding: 30px 0;}
	.footer .con .links a{  padding: 0.2rem; margin:2px auto;}
	.footer .con .copyright{  margin-top: 0.8rem; padding-top: 1rem; flex-wrap: wrap;}
	.footer .con .copyright p{font-size: 0.9rem; margin: 0;}
	.footer .con .copyright .s01, .footer .con .copyright .s02{ margin: 2px auto; width: 100%; text-align: center;}
	
	.school_list .search{padding: 30px;}
	.school_box{padding-bottom: 50px;}
	.school_box .s_r{width: calc(70% - 30px); }
	.school_box .s_r{margin-right: 30px;}
	.s_space{padding: 30px; margin-bottom: 20px;}
	.sc_info .tit b{padding-left: 30px;}
	.sc_info .con{padding: 30px;}
	.btn_msg{padding: 15px 30px; font-size: 0.9rem}
	
	.art_detail{padding-bottom: 50px;}
	.art_detail .art_left{padding:30px 15px;}
	.art_detail .detail .title span{ font-weight: bold; display: table; color: #333; padding:0; margin: 0 auto; font-size: 16px;}
	.art_detail .detail .title{ margin-bottom: 30px; text-align: center; padding: 0 20px;}
	.art_detail .detail .title h1{ font-weight: bold; font-size: 22px; margin: 0 0 10px 0; display: block; line-height: normal; }
	
	.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;}

	
}




@media(max-width:1240px)
{
	html,body{font-size: 15px;}
	.advantage {height: 400px;}
	.advantage .item {width: 100px; }
	.advantage .item .tit{ width: 100px; }
	
	.sub_banner{ height: 260px; }
	.sub_banner .txt{font-size: 26px; width: 90%; text-align: center; line-height: 1.2em; font-weight: bold; position: absolute; z-index: 100; left: 50%; top: 57%; transform:translate(-50%,-50%);}
	.sub_banner .txt i{ line-height: 20px; display: table; font-weight: 500; letter-spacing: 1px; font-size: 15px; margin:10px auto 0 auto;}
	.sub_banner_pic{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden;}
	.sub_banner_pic img{ width: 100%; height: 100%; object-fit: cover;}
	
	header .other a{width: 45px; height: 45px; line-height: 45px; }
	header .menu>ul>li { margin: 0 1.5rem;}
	.searchModal .search{ width: 100%;}
	
	.banner{height: 400px;}
	.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:0; padding-bottom:0;}
	.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{ 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 .item:first-child{margin-right: 30px;}
	.school_info .des .item ul{}
	.school_info .des .item ul li{display: flex; padding: 0.5rem 0; line-height: 1.4em;}

	.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;}
}


@media(max-width:1240px)
{
	header{padding: 10px 0;}
	header .logo{ z-index: 2; margin-right: 0px; margin-left: 0;}
	header .logo img{height: 50px !important;}
	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(1, 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}
	
}

/* 1201 */
.item_tip{ position: absolute; font-size: 13px; top: 0; right: 0;text-align: center; padding: 2px 10px; background:#ffebe7; color: #9a3c3b; 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;}
	}
	
	
.visa_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 50px;}
.visa_item{ background: #fff; padding: 25px; border-radius: 15px; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; position: relative;}
.visa_item:before{ content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 3px; background:#9a3c3b ;}
.visa_item:hover{box-shadow: 0 15px 30px rgba(3, 31, 66, 0.1); -webkit-transition: 0.3s; transition: 0.3s;}
.visa_item:hover:before{ left:0;}
.visa_item_up{ display: flex; align-items: flex-start; justify-content: space-between;}
.visa_item_pic{ width: 40%; height: 200px; border-radius: 10px; overflow: hidden; position: relative;}
.visa_item_pic img{ width: 100%; height: 100%; object-fit: cover; }
.visa_item_tip{ width: 60%; display: block; padding: 0 0 0 20px;}
.visa_item_tip b{ font-size: 28px; font-weight: bold; display: table;}
.visa_item_tip span{ color: #68798e; display: table; margin:15px 0;  line-height: 1em; }
.visa_item_tip .tag{ background: #e5e8ec; color: #68798e; display: table; border-radius: 5px; line-height: 1em; padding: 0.5rem 0.5rem; }
.visa_item_tip .tag:nth-child(2){ background: #e6effd; color: #0965ef;}
.visa_item_tip .tag:nth-child(3){ background: #e8f9ec; color: #1ec641;}
.visa_item_txt{ display: block; padding: 10px 0;}
.visa_item_txt span{ display: block; font-size: 18px; color: #68798e; text-align: justify; line-height: 30px; height: 210px; overflow: hidden; letter-spacing: 0.5px;}

.visa_item_sns{ padding:5px 0; display: flex; align-items: center; justify-content:center; flex-wrap: wrap;}
.visa_item_tite{font-size: 24px; margin: 0 0 10px 0; width: 100% !important; height: 40px; color: #68798e; font-weight: 600; display: block; text-align: center; position: relative; }
.visa_item_tite::before{ content: "";position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40%; height: 2px; background:none; border-bottom: 1px solid #b2bcc9; }
.visa_item_tite::after{ content: "";position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40%; height: 2px;  background:none; border-bottom: 1px solid #b2bcc9; }
.visa_item_sns p{ width: 16.6666%; text-align: center; cursor: pointer; padding: 5px 0 0 0; display: block; line-height: 20px; margin: 0; }
.visa_item_sns p i{ font-size: 28px;}
.visa_item_sns p:hover{ margin: -5px 0 5px 0;}

.visa_item_gjz{ position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.1); text-align: center; color: #fff; font-size: 12px; padding: 2px 8px; border-bottom-left-radius: 10px;}
.visa_item_gjz:before{ padding: 0 2px 0 0;}

.visa_btn01{ display: table; margin: 40px auto 0 auto; letter-spacing: 1px; height: 72px; line-height: 72px; border-radius: 10px; background: #9a3c3b; text-align: center; font-size: 18px; color: #fff !important; padding: 0 100px;}
.visa_btn01:hover{ margin: 35px auto 5px auto; background: #062345; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}

.width1440{ max-width: 1440px !important; padding-bottom: 40px !important;}
.width100{ width: 100% !important;}
.width80{ width: 80% !important;}
.width48{ width: 48.5% !important;}
.width48a{ width: 49.2% !important;}

.zixun_r{ margin:30px 0 0 0;}
.zixun_r01{ margin:30px 0 -20px 0 !important;}
.zixun_r_list{ display: flex; align-items: center; justify-content:flex-start; flex-wrap: wrap;}
.zixun_r_list01{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

.zixun_r_item{ display: block; width: 33%; margin:10px 0;}
.zixun_r_item_pic{ border: 2px solid rgba(254, 62, 24, 0.9);  width: 90px; height: 90px; border-radius: 500px; display: block; margin: 0 auto; overflow: hidden;}
.zixun_r_item_pic img{ width: 100%; height:auto; object-fit: cover;}
.zixun_r_item:hover .zixun_r_item_pic img{transform: scale(1.2); -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.zixun_r_item_pic01{ border: 3px solid rgba(254, 62, 24, 0.8);  width: 120px; height: 120px; border-radius: 500px; display: block; margin: 0 auto; overflow: hidden;}
.zixun_r_item_pic01 img{ width: 100%; height:auto; object-fit: cover;}
.zixun_r_item:hover .zixun_r_item_pic01 img{transform: scale(1.2); -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}

.zixun_r_item_tip{ padding: 0; text-align: center; display: block; width: 100%;}
.zixun_r_item_tip b{ font-size: 17px; font-weight: 500; display: table; margin: 5px auto 0 auto; color: #042856;}
.zixun_r_item_sns{ display: flex; align-items:center; justify-content: center;}
.zixun_r_item_sns p{ margin: 10px 8px; text-align: center; cursor: pointer; padding:0; display: block; line-height: 20px;}
.zixun_r_item_sns p i{ font-size: 26px;}
.zixun_r_item_sns p:hover{ margin: 5px 5px 15px 5px;}
.zixun_r_title{font-size: 24px; margin: 0 0 10px 0; width: 100% !important; height: 40px; color: #9a3c3b; font-weight: 600; display: block; text-align: center; position: relative; }
.zixun_r_title::before{ content: "";position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30%; height: 2px; background:none; border-bottom: 1px solid #ccd3dc; }
.zixun_r_title::after{ content: "";position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30%; height: 2px;  background:none; border-bottom: 1px solid #ccd3dc; }
.zixun_r_title_tip{ font-size: 17px; margin: 0 0 5px 5px; display: inline-block; vertical-align: middle;}

.padding_bu01{ padding: 50px 50px 20px 50px !important;}
.lxr01 i{ padding: 0 0 0 5px !important; font-size: 18px; cursor: pointer;}
.zixun_r02{display: none !important;}
.zixun_r03,.zixun_r03a{display: none !important;}
@media(max-width:1024px){
	.width48aa{ width: 100% !important;}
.zixun_r_title_tip{ font-size: 22px; margin: 0 0 10px 20px; display: inline-block; vertical-align: middle;}

.visa_btn01{ display: table; margin: 40px auto 0 auto; letter-spacing: 1px; height: 60px; line-height: 60px; border-radius: 10px; background: #9a3c3b; text-align: center; font-size: 18px; color: #fff !important; padding: 0 60px;}
.visa_btn01:hover{ margin: 35px auto 5px auto; background: #062345; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.zixun_r_item_sns001 p i{ font-size: 26px !important;}
.visa_list{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.zixun_r_item{ display: block; width: 33%; margin:10px 0;}
.zixun_r{ margin:20px 0; padding:30px 20px 10px 20px;}
.zixun_r02{ display: block !important; margin:30px 0 0 0 !important; padding:0 20px !important;}
.zixun_r03{display: block !important; margin:20px 0 10px 0 !important; padding:0 !important;}
.zixun_r03a{display: block !important; }
.block{ display: flex !important;}
	}
	
.home_four{ background: #f5f7f9;}
.four_list{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; margin:0;}
.four_list_item{ width: 24%; border-radius: 10px; background: #fff; padding: 50px; position: relative; overflow: hidden;}
.four_list_item:hover{ box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); margin: -10px 0 10px 0; }
.four_list_item b{ display: table; color: #031f42; margin: 0 0 10px 0; font-size: 30px; font-weight: 550;}
.four_list_item span{ display: table; background: #f40b41; font-size: 14px; border-radius: 500px; text-align: center; padding: 8px 20px; color: #fff;}
.four_list_item span i{ font-size: 12px; padding: 0 0 0 5px;}
.four_list_item span:hover{ margin: 0 0 0 10px;}
.four_list_item cite{ position: absolute; right: 10px; font-weight: 200; top: 50%; transform: translateY(-50%); color: #e9e9e9; font-size: 120px; }
.four_list_pic{ width: 100%; max-width: 1240px; background: #fff; border-radius: 10px; padding:0; overflow: hidden; margin: 10px auto;}
.four_list_pic img{ width: 100%; height: 100%; object-fit: cover;}

.four_list_item01{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}

.four_list_item02{ width: 24%; height: 340px; display: block; border-radius: 10px; background: #fff; padding:5px 50px 35px 50px; position: relative; overflow: hidden;}
.four_list_item02_bu{height: 390px !important; }
.four_list_item02:hover{ box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); margin: -10px 0 10px 0; }
.four_list_item02 b{ display: table; color: #031f42; margin: 0 0 10px 0; font-size: 22px; font-weight: 550;}
.four_list_item02 p{ display: block;  font-size: 16px; line-height: 28px; color: #475667; text-align: justify; }
.four_list_item02 span{ display: table; background:none; font-size: 14px; border-radius: 500px; text-align: center; padding: 8px 20px;}
.four_list_item02 span i{ font-size: 12px; padding: 0 0 0 5px; font-weight: bold;}
.four_list_item02 span:hover{ margin: 0 0 0 10px; }
.four_list_item02 cite{ font-weight: 200; color: #fff; font-size: 60px; }

.four_list_item03{ display: block; width: 48%; overflow: hidden; padding:0 20px;}
.four_list_item03 b{ display: block; color: #031f42; margin: 0 0 10px 0; font-size: 22px; font-weight: 550;}
.four_list_item03 p{ display: block; font-size: 16px; line-height: 26px; color: #475667; text-align: justify;}

.home_youshi{display: flex; height: 340px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;  width: 100%;border-radius: 10px; background: url("../img/youshi_bg.jpg") right bottom no-repeat #f5f7f9; background-size: auto 100%; padding: 50px; position: relative; overflow: hidden;}

@media(max-width:1240px){
.four_list_item{ width: 100%; margin: 10px auto; border-radius: 10px; background: #fff; padding: 20px; position: relative; overflow: hidden;}
.four_list_item b{ display: table; color: #031f42; margin: 0 0 10px 0; font-size: 26px; font-weight: 550;}
.four_list_item cite{ position: absolute; right: 10px; font-weight: 200; top: 50%; transform: translateY(-50%); color: #e9e9e9; font-size:80px; }
.width48{ width: 100% !important;}
.width48a{ width: 100% !important;}	
.four_list_item02{ width: 100%; height: auto; padding: 5px 30px 35px 30px; margin: 10px auto;}
.four_list_item03{ display: block; width: 100%; overflow: hidden; padding:0;}
.four_list_item01{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 20px 0 0 0;}
.home_youshi{display: flex; height:auto; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;  width: 100%;border-radius: 10px; background: url("../img/youshi_bg.jpg") right bottom no-repeat #f5f7f9; background-size: auto 100%; padding: 30px; position: relative; overflow: hidden;}
.four_list_item03 b{ display: block; color: #031f42; margin: 0 0 10px 0; font-size: 20px; font-weight: 550;}
	}
	
.teacher_list{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; }
.teacher_item{ width: 32%; margin: 0 0 35px 0; display: flex; align-items: flex-start; justify-content: space-between; background: #fff; border-radius: 10px; height: 300px; overflow: hidden;}
.teacher_item_pic{ width: 40%; height: 100%;}
.teacher_item_pic img{ width: 100%; height: 100%; object-fit: cover;}
.teacher_item_txt{ width: 60%; padding: 20px;}
.teacher_item_txt p{ display: block; width: 100%; height: 200px;}
.teacher_item_txt b{ display: table; font-size: 24px; color: #002340; font-weight: bold;}
.teacher_item_txt span{ display: block; font-size: 16px;color: #4e627a; margin: 10px 0; text-align: justify; line-height: 26px; height: 130px; overflow: hidden;}
.teacher_item_txt i{ display: table; background: none; border: 1px solid #9a3c3b; font-size: 16px; line-height: 36px; padding: 0 25px; color: #9a3c3b; border-radius: 500px;}
.teacher_item:hover{box-shadow: 0 15px 30px rgba(3, 31, 66, 0.1); -webkit-transition: 0.3s; transition: 0.3s;}
.teacher_item_txt i:hover{ margin: 0 -5px 0 5px; background: #9a3c3b; color: #fff;}

.quanyi_list{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.quanyi_item{ width: 11%; border: 1px solid #ddd; background: #fff; border-radius: 10px; height: 240px; overflow: hidden; padding: 25px 15px;}
.quanyi_item:hover{border: 1px solid #eee; margin: -5px 0 5px 0; box-shadow: 0 15px 30px rgba(3, 31, 66, 0.1); -webkit-transition: 0.3s; transition: 0.3s;}
.quanyi_item i{ display:table; margin: 0 auto; font-size: 54px; color: #b2bcc9;}
.quanyi_item b{ display:table; margin: 10px auto 15px auto; letter-spacing: -1px; font-size: 18px; color: #002340; font-weight: bold;}
.quanyi_item span{ display:table; margin: 0 auto; text-align: center; line-height: 22px; font-size: 15px;color: #4e627a;}

.ewm{ display: block; margin: 20px auto; width: 200px; padding:0 15px 15px 15px; overflow: hidden; background: #f5f7f9; border-radius: 10px;}
.ewm img{ width: 100%;  object-fit: cover;}
.ewm b{display:table; margin: 15px auto;font-size: 20px; color: #002340; font-weight: bold;}

.problem{width: 100%; padding: 0 50px; margin:40px auto 0 auto; font-size: 24px; line-height: 40px; text-align: justify; color: #273340; }
.luyin{ display: flex; align-items: center; justify-content: center;}
.luyin_item{ margin: 20px;}
.luyin_item i{ display: table; margin: 0 auto; font-size: 48px; width: 100px; height: 100px; line-height: 100px; overflow: hidden; border-radius: 500px; text-align: center;}
.luyin_item span{ display: table; margin:5px auto 0 auto; font-size: 16px; color: #475667;}
.luyin_item:hover i{transform: scale(1.1);}
.shifan{ display: flex; align-items: center; justify-content: center;}
.updown{display: flex; align-items: center; justify-content: space-between; padding: 0 50px; flex-wrap: wrap;}
.updown p{display: flex; align-items: center; justify-content: space-between; padding: 0; margin: 0; line-height: 20px; }

.updown_item{ display: block; white-space: nowrap; border: 1px solid #ddd; border-radius: 4px; margin: 0 5px 0 0; font-size: 18px; color:#475667 ;  padding:10px 20px; text-align: center;}
.updown_item i{ padding: 0 2px 0 0; font-size: 20px;}
.updown_item:hover{ margin: -5px 5px 5px 0 !important;}
.updown_title{ margin: 0 0 30px 0; display: flex; align-items: center; justify-content: space-between; white-space: nowrap;  width: 100%; position: relative; font-size: 24px; color: #031f42; font-weight: bold;}
.updown_title:before{ content: ""; width: 43%; margin: 0 20px 0 0; height: 1px; background: #ddd;}
.updown_title:after{ content: ""; width: 43%; margin: 0 0 0 20px; height: 1px; background: #ddd;}
.updown_item_search{ display: flex; padding: 0; margin: 0;}

.problem_tip{display: flex; align-items: center; justify-content: space-between; font-size: 16px; padding:15px 20px;color: #fff;}
.problem_tip_l{display: flex; align-items: center; justify-content:flex-start; font-size: 20px;}
.problem_tip_l p{ padding: 0; line-height: 16px; margin: 0 20px 0 0;}
.problem_tip_r{display: flex; align-items: center; justify-content:flex-end;}
.problem_tip_btn{ font-size: 16px; border-radius: 4px; margin: 0 10px 0 0; border: 1px solid #fff; padding: 4px 10px; text-align: center; color: #fff;}
.problem_tip_btn i{ margin: 0 5px 0 0;font-size: 17px;}
.problem_tip_btn:hover{ background: #fff; color: #00b6f0; margin: -3px 10px 3px 0;}
.problem_tip_btn01{ font-size: 16px; margin: 0 15px 0 0;  text-align: center; color: #fff !important; position: relative; padding: 0 20px 0 0;}
.problem_tip_btn01::after{ content: ""; width: 1px; height: 15px; background: #a4e6fb; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.problem_tip_btn01:last-child::after{ display: none;}
.problem_tip_btn01:last-child{ padding: 0;}
.problem_tip_btn01 i{ margin: 0 5px 0 0;font-size: 17px;}

.hot_l{ background: #fdf6ec; font-weight: 200 !important; display: flex; align-items: center; justify-content: space-between; color: #475667; font-size: 17px; margin: 0 0 15px 0; border-radius: 5px; padding: 15px 20px; line-height: 30px;}
.win_txt{ display: block; padding:0 10px;}
.win_txt b{ display: table; margin: 20px auto; font-size: 24px; font-weight: 500;}
.win_txt p{ display: flex; font-size: 16px; color: #475667; line-height: 26px; text-align: justify; margin:8px 0;}
.win_txt p:before{ content: "◇"; padding: 2px 5px 0 0;}
.win .modal-title i{ margin: 0 5px 0 0;}
.win .win_txt h2{ font-size: 18px; font-weight: bold;}
.win{ margin: 20vh 0 0 0; }
.win .modal-body{max-height:500px; overflow: auto;}

.win_input{ display: block; padding:0 20px;}
.win_input_item{ display: flex; align-items: center; justify-content: space-between; margin: 20px 0;}
.win_input_item label{width: 25%; font-size: 16px; padding: 0 10px 0 0;}
.win_input_item input{ width: 74%;}
.win_input_item input{ width: 74%;}
.win_input_item select{ width: 74%;}
.win_input_item textarea{ width: 74%; min-height: 100px;}
.win_input_item01{ display: flex; align-items: center; justify-content: space-between; margin: 20px 0;}
.win_input_item01 label{width: 25%; font-size: 16px; padding: 0 10px 0 0;}
.win_input_item01 input{ width: 45%;}
.win_input_item01 img{ width: 28%; height: auto;}
.win_input_foot{ display: flex; align-items: center; justify-content: center; margin:30px auto 20px auto;}
.win_input_btn{ margin: 0 10px; padding: 10px 0; text-align: center; border-radius: 8px; font-size: 16px; width: 200px; border: 1px solid #eee; color: #4e627a;}
.win_input_btn:hover{ margin: -5px 10px 5px 10px;}

.flex01{ display: flex;align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.flex02{ display: flex;align-items: flex-end; justify-content: space-between; flex-wrap: wrap;}

.win_zhuce{ display: table; margin: 20px auto; font-size: 16px; text-decoration: underline !important;}
.win_r{ width:100vw; height: 100vh; background:rgba(0, 0, 0, 0); display: block; position: fixed; left:0; top: 0; z-index:-1 !important;}
.win_r .win_r_main{  box-shadow: 0 0 50px rgba(0,0,0,0.3); width: 0%; height: 100vh; background: #fff; display: block; position: absolute; right: 0; top: 0; }
.win_r_jt{ cursor: pointer !important; border-radius: 500px; background: #00b6f0; padding: 0 15px 0 0; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 30px; z-index: 100; position: fixed; right:-1.2%; top: 50%; transform: translateY(-50%);}
.win_r_jt:before{content: "\e644";font-family: "iconfont" !important;}
.win_r_active{ width:100vw; height: 100vh; background:rgba(0, 0, 0, 0.5); display: block; position: fixed; left: 0; top: 0; z-index:9998 !important;}
.win_r_active .win_r_main{padding: 30px 50px 30px; box-shadow: 0 0 50px rgba(0,0,0,0.3); width: 60%; height: 100vh; background: #fff; display: block; position: absolute; right: 0; top: 0; }
.win_r_jt_active{ cursor: pointer !important; border-radius: 500px; background: #00b6f0; padding: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 30px; z-index: 9999; position: fixed; right:58%; top: 50%; transform: translateY(-50%);}
.win_r_jt_active:before{content: "\e600";font-family: "iconfont" !important;}
.win_r_main_tip{ padding:10px 20px; border-radius: 5px; margin: 20px auto; font-size: 16px; color: #475667;}
.win_r_main_tabs li .active{ background: #00b6f0 !important;}
.win_r_main_tabs li{ margin: 0 30px 0 0;}
.win_r_main_tabs li button{ font-size: 16px; color: #475667;}
.win_r_main_tabs01 li .active{ background: #3082a5 !important; color: #fff !important;}
.win_r_main_tabs01 li{ margin: 0 2px 0 0;}
.win_r_main_tabs01 li button{ font-size: 16px; color: #475667;}
.win_r_main_xiala_btn{ font-size: 14px; background: #eee; border: 1px solid #ddd; text-align: center; padding: 5px 10px; border-radius: 4px; }
.win_r_main_xiala_list li a{ font-size: 14px;}
.win_r_main_xiala_list li a i{ font-size: 14px; display: inline-block; color: #fbbd01; margin: 0;}
.win_r_main_tishi{ display: block; font-size: 16px; margin: 20px auto; color: #475667;}
.win_r_main_tiku_item{display: flex; align-items: center; justify-content: space-between; padding: 5px 0; margin: 5px 0; border-bottom: 1px dashed #ccc;}
.win_r_main_tiku_title{color: #263344; font-size: 16px;}
.win_r_main_tiku_item_r{ display: flex; align-items: center; justify-content: flex-end;}
.win_r_main_tiku_item_child{ padding: 7px 15px; border-radius: 4px; text-align: center; font-size: 14px; margin: 0 0 0 10px;}
.win_r_main_tiku_item_child01{ padding: 7px 15px; border-radius: 4px; text-align: center; font-size: 14px; margin: 0;}

.djs{ display: flex; align-items: center; justify-content: center; margin: 40px auto 20px auto;}
.djs_time{ margin: 0 20px 0 0; display: block; width: 80px;height: 80px;line-height: 80px; border-radius: 500px; border: 2px solid #ddd; text-align: center;  font-size: 24px; color: #273340; }
.djs_txt{ font-size: 24px; color: #273340;}

.my_l_list{ display: block;}
.my_l_list .active{ background: #00b6f0; color: #fff !important;}
.my_l_list_item{ cursor: pointer; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding:5px 10px; font-size: 15px; color: #273340 !important; margin:0 0 10px 0;}
.my_l_list_item:hover{ background: #f5f7f9; }
.my_l_list_item i{  font-size: 24px; color: #00b6f0; padding: 0 10px 0 0;}
.my_l_list_item cite{  font-size: 12px; font-weight: bold; color: #273340; padding: 0 0 0 10px;}
.my_l_list .active i{ color: #fff;}
.my_l_list_item_top{display: flex; align-items: center; justify-content: flex-start;}
.my_l_list_item_child{ display: none; width: 100%; background:#f5f7f9; border-radius: 5px; padding: 5px 10px;}
.my_l_list_item_child_item{ text-align: center; display: block; line-height: 36px; margin: 0;  font-size: 15px; color: #475667;}
.my_l_list_item .active_child{display: block; }

.my_ziliao{ display: block;}
.my_ziliao_item{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; border-bottom: 1px dashed #ddd; width:100%; padding: 10px 5px;}
.my_ziliao_item i{ display: table; width: 100px; font-size: 16px; color: #475667;}
.my_ziliao_item span{ display: table;  font-size: 16px; color: #002340;}
.my_ziliao_item input{ width: auto;}
.my_ziliao_item img{ max-width: 120px;}
.my_ziliao_btn{ border-radius: 5px; padding: 5px 20px; font-size: 14px; text-align: center; line-height: 30px; margin: 0 0 0 10px;}
.my_ziliao_btn01{ border-radius: 5px; padding: 5px 20px; font-size: 14px; text-align: center; line-height: 30px; margin: 0;}
.my_ziliao_item01{ display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px dashed #ddd; width:100%; padding:8px 5px; margin: 0;}
.my_ziliao_item01 i{ display: table; width: 100px; font-size: 16px; color: #475667;}
.my_ziliao_item01 span{ display: table;  font-size: 16px; color: #002340;}
.my_ziliao_btn02{ border-radius: 5px; padding: 5px 20px; font-size: 14px; text-align: center; line-height: 20px; margin: 0;}

.my_xiazai{ display: block;}
.my_xiazai_item{ display: flex; align-items: center; justify-content:space-between; border-bottom: 1px dashed #ddd; width:100%; padding: 20px 5px;}
.my_xiazai_item i{ display: table;font-size: 18px;color: #00b6f0;}

.my_main{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.my_main_l{height: 160px; display: flex;align-items: center; justify-content: flex-start; border-radius: 10px; padding: 20px; overflow: hidden;}
.my_main_r{height: 160px; border-radius: 10px;padding: 20px;overflow: hidden;display: flex;align-items: center; justify-content:center;}
.my_ziliao_pic{ margin: 0 20px 0 0; width: 100px; height: 100px; overflow: hidden; display: block; border-radius: 500px; border: 2px solid #00b6f0;}
.my_ziliao_pic img{ width: 100%; height: 100%; object-fit: cover;}
.my_main_r_item{ display: table; margin: 0 auto; width: 25%;}
.my_main_r_item b{ display: table; margin: 0 auto; font-size: 30px; color: #9a3c3b; }
.my_main_r_item i{ display: table; margin: 0 auto; font-size: 16px; color: #475667;}

.top_xiala a{background: none !important; font-size: 16px !important; margin-right:0px; color: #031f42 !important; border-radius: 0 !important; width: 100% !important; height: auto !important; line-height: 32px !important; text-align: left !important; display:block;}
.top_xiala a:hover{ color: #00b6f0 !important;}
.top_xiala span{ font-size: 16px !important;  color: #031f42 !important;  line-height: 40px !important; text-align: left; display:block;}

.tabs_area{ display: block; padding: 30px 50px; width: 100%;}
.pinglun_item{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; padding: 0 0 15px 0; margin: 0 0 20px 0; width: 100%; border-bottom: 1px solid #eee;}
.pinglun_item_pic{ width: 48px; height: 48px; border-radius: 500px; overflow: hidden; border: 1px solid #02b6ef;}
.pinglun_item_pic img{ width: 100%; height: 100%; object-fit: cover;}
.pinglun_item_txt{ margin: 0 0 0 10px; width: calc(100% - 80px);}
.pinglun_item_txt01{ margin: 0 0 0 10px; width: calc(100% - 0px);}
.pinglun_item_name{ display: table; font-size: 16px; font-weight: 500; color: #232f45;}
.pinglun_item_tip{ display: table; margin:0 0 5px 0; font-size: 16px; text-align: justify; line-height: 30px; color: #475667;}
.pinglun_item_time{ display: table; font-size: 14px; line-height: 30px; color: #68798e;}
.pinglun_item_link a{ padding: 0 0 0 15px; font-size: 20px;}
.pinglun_item_huifu{display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 5px 0 0 0; margin: 5px 0 0 0; }

@media(max-width:1240px){
	.win{ margin:15vh 0 0 0; max-height: 500px; }
	
	.win_input_foot{ display: flex; align-items: center; justify-content: center; width: 100%; margin:20px auto;}
	
	.win_input_btn{ margin: 0 10px; padding: 10px 0; text-align: center; border-radius: 8px; font-size: 16px; display: block; width:100%; border: 1px solid #eee; color: #4e627a;}
	
	.my_main_r_item{ display: table; margin: 0 auto; width: 50%;}
	
	.my_main_l{height: auto; display: flex;align-items: center; justify-content: center; flex-wrap: wrap; border-radius: 10px; margin: 0 0 20px 0; padding: 20px; overflow: hidden;}
	.my_main_r{height: auto; border-radius: 10px;padding: 20px;overflow: hidden;display: flex;align-items: center; flex-wrap: wrap; justify-content:center;}
	
	.my_l_list{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
	
	.my_l_list_item{ width: 49%; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding:5px; font-size: 15px; color: #273340 !important; margin:0 0 10px 0;}
	
	.padding50{ padding:0 30px !important;}
	
	.my_xiazai_item{ display: flex; align-items: center; justify-content:space-between; border-bottom: 1px dashed #ddd; width:100%; padding: 15px 0;}
	
	.pinglun_item_pic{ width: 48px; height: 48px; display: block; border-radius: 500px; overflow: hidden; border: 1px solid #02b6ef;}
	.pinglun_item_txt01{ margin: 0 0 0 10px; width: calc(100% - 48px);}
	
	.tabs_area{ display: block; padding: 20px; width: 100%;}
	.pinglun_item_tip{ display: table; margin:0 0 5px 0; font-size: 16px; text-align: justify; line-height: 24px; color: #475667;}
	
	.win_r_main_tabs{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
	.win_r_main_tabs li{ margin: 0 0 10px 0; width: 48%;}
	.win_r_main_tabs li button{ font-size: 16px; color: #475667; padding: 10px 0; background: #eee !important; width: 100%;}
	
	.win_r_main_tabs01{ width: 100%; margin-bottom: 0 !important; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.win_r_main_tabs01 li{ width: 48%; margin: 0;}
.win_r_main_tabs01 li button{ font-size: 16px; color: #475667; width: 100%; display: block; overflow: hidden;}
	
.updown_item_search{ display: flex; justify-content: space-between; width: 100%; padding: 0; margin: 0 0 10px 0;}
.updown_item_search input{ margin: 0 0 10px 0;}
	
.teacher_item{ width: 100%; margin: 0 0 35px 0; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; background: #fff; border-radius: 10px; height:auto; overflow: hidden;}
.teacher_item_pic{ width: 100%; height: 300px; overflow: hidden;}
.teacher_item_pic img{ width: 100%; height:auto; object-fit: cover;}
.teacher_item_txt{ width: 100%; padding: 20px;}
.quanyi_item{ width: 48%; margin: 0 0 20px 0; border: 1px solid #ddd; background: #fff; border-radius: 10px; height: 240px; overflow: hidden; padding: 25px 15px;}
.quanyi_item b{ display:table; margin: 10px auto; text-align: center; letter-spacing: -1px; font-size: 18px; color: #002340; font-weight: bold;}
.problem_tip_l{display: flex; align-items: center; justify-content:flex-start; flex-wrap: wrap; font-size: 14px;}
.problem_tip{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 14px; padding:15px 15px;color: #fff;}
.problem_tip_btn{ font-size: 14px; border-radius: 4px; margin: 0 0 0 10px; border: 1px solid #fff; padding: 8px 10px; text-align: center; color: #fff;}
.problem_tip_btn:first-child{ margin: 0;}
.problem_tip_btn i{ margin: 0 5px 0 0;font-size: 14px;}
.problem_tip_btn01{ font-size: 14px; margin: 0 0 0 10px;  text-align: center; color: #fff !important; position: relative; padding: 0 20px 0 0;}
.problem_tip_r{display: flex; align-items: center; justify-content:center; margin: 10px auto 0 auto;}
.djs{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 20px auto; padding: 0 30px;}
.djs_time{ margin: 0 0 20px 0; display: block; width: 80px;height: 80px;line-height: 80px; border-radius: 500px; border: 2px solid #ddd; text-align: center;  font-size: 24px; color: #273340; }
.djs_txt{ font-size: 18px; line-height: 20px; color: #273340; text-align: center; display: block; width: 100%;}
.problem{width: 100%; padding: 0 30px; margin:20px auto 0 auto; font-size: 18px; line-height: 30px; text-align: justify; color: #273340; }
.updown{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0 30px; flex-wrap: wrap;}
.updown p{display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; }
.updown_item{ display: block; width: 48%; white-space: nowrap; border: 1px solid #ddd; border-radius: 4px; margin: 0 0 10px 0; font-size: 16px; color:#475667 ;  padding:6px 20px; text-align: center;}
.updown_item i{ display: table; margin: 0 auto;}
.updown_title{ margin: 0 0 30px 0; display: flex; align-items: center; justify-content: space-between; white-space: nowrap;  width: 100%; position: relative; font-size: 24px; color: #031f42; font-weight: bold;}
.updown_title:before{ content: ""; width: 30%; margin: 0 20px 0 0; height: 1px; background: #ddd;}
.updown_title:after{ content: ""; width: 30%; margin: 0 0 0 20px; height: 1px; background: #ddd;}
.win_r_jt{ cursor: pointer !important; border-radius: 500px; background: #00b6f0; padding: 0 15px 0 0; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 30px; z-index: 100; position: fixed; right:-5%; top: 50%; transform: translateY(-50%);}
.win_r_active .win_r_main{padding: 30px; overflow: auto; box-shadow: 0 0 50px rgba(0,0,0,0.3); width: 100%; height: 100vh; background: #fff; display: block; position: absolute; right: 0; top: 0; }
.win_r_jt_active{ cursor: pointer !important; border-radius: 500px; background: #00b6f0; padding: 0 0 0 20px; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 30px; z-index: 9999; position: fixed; right:92%; top: 50%; transform: translateY(-50%);}
.win_r_main_tiku_item{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 5px 0; margin: 5px 0; border-bottom: 1px dashed #ccc;}
.win_r_main_tiku_title{color: #263344; margin: 0 0 10px 0; font-size: 16px; width: 100%;}
.win_r_main_tiku_item_r{ display: flex; align-items: center; justify-content: flex-start;}
.win_input_item{ display: flex; align-items: center; justify-content: space-between; margin: 20px 0; flex-wrap: wrap;}
.win_input_item label{width: 100%; font-size: 16px; padding:0; margin: 0 0 10px 0;}
.win_input_item input,.win_input_item select,.win_input_item textarea{ width: 100%;}
.win_input_item01{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 20px 0;}
.win_input_item01 label{width: 100%; font-size: 16px; padding: 0 10px 0 0;}
.win_input_item01 input{ width: 45%;}
.win_input_item01 img{ width: 28%; height: auto;}
	}