﻿
@media (max-width:1820px) {
	.bannerPage{
		left: -4%;
	}
}


@media (max-width:1660px) {}

@media (max-width:1440px) {
	.bannerPage{
		display: none;
	}
}

.z_xqzs .xqzs_ul01 li
@media (max-width:1024px) {
	
	
	
	
}

@media (max-width:960px) {


}


@media (max-width:767px) {
	
	.phNavBox{
		display: none;
		height: 100vh;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		overflow: hidden;
	}
	
	header{
		display: none !important;
	}
	
	.phHead{
		height: 2.2rem;
		padding: 0 4%;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	
	.phlogo{
		height: 100%;
		display: flex;
		align-items: center;
	}
	
	.phlogo img{
		display: block;
		height: 60%;
		width: auto;
	}
	
	.menu{
		display: block;
		height: 50%;
		width: auto;
	}
	
	.phNav{
		width: 100%;
		height: 100%;
		padding: 2.7rem 4% 10%;
		box-sizing: border-box;
		background-color: #000;
		display: flex;
		flex-direction: column;
	}
	
	.phNav li{
		height: auto;
		overflow: hidden;
		width: 100%;
		display: flex;
		align-items: center;
	}
	
	.phNav li a{
		border-bottom: 1px dashed rgba(255,255,255,.3);
		width: 100%;
		display: flex;
		align-items: center;
		padding: 0.75rem 0;
		color: #ffffff;
		font-size: 0.65rem;
		justify-content: center;
	}
	
	
	.bannerCon{
		height: 60vh;
	}
	
	.indexTopBox{
		padding:0 0 2.5rem 0 ;
	}
	.bNTxt p{
		font-size: 0.6rem;
	}
	
	.bNTxt p{
		font-size: 0.45rem;
	}
	
	.indexTop{
		width: 100%;
	}
	
	.indexTimg{
		width: 1.2rem;
	}
	.aboutRBox{display: none; flex-wrap:wrap}
	.aboutRBox_con{ width:100%; margin-left: 10px;}
	.aboutLBox{right: 0;
    top: 2%;}
	.aboutCon{
		flex-direction: column;
		height: auto;
		overflow: hidden;
	}
	
	.aboutL{
		width: 100%;
	}
	
	.aboutLBox{
		height: 8rem;
	}
	
	.aboutR{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.aboutBox{
		padding-bottom: 2rem;
	}
	
	.titleBox h2{
		font-size: 1.6rem;
		text-align: center;
	}
	.titleBox span{ line-height:2;font-size: 14px;}
	.studyConBox{
		flex-flow: row wrap;
		margin-top: 1.6rem;
	}
	
	.studyList{
		width: 49%;
		height:11rem;
		
	}
	
	.studyList:nth-child(2n){
		margin-right: 0;
	}
	
	.teachList{
		width: 100%;
		margin-right: 0;
		display: flex;
		align-items:center;flex: 100%;margin-bottom: 1.3rem;
		/*flex-direction: column;
		flex: unset*/
	}
	
	.teachCon{
		width: 100%;
	}
	
	.teachList p{
		font-size: 0.45rem;
	}
	.teachTop span{
		font-size: 0.65rem;
	}
	.teachImg{
		margin-top: 0;
		width: 4rem;border-radius: 50%;
	}
	.tip{ height: auto;line-height: auto; padding:4px 6px; line-height:1.3}
	.kecBox{
		padding:  1rem 0 3rem;
	}
	.teachConBox{    padding-top: 1.15rem;}
	
	.kecCon{
		flex-flow: row wrap;
	}
	
	.kecList{
		flex: 0 0 32%;
		margin-right: 2%;
		margin-bottom: 0.75rem;
		height:9rem !important;
		padding: 5% 3%;
	}
	
	.kecList:nth-child(3n){
		margin-right: 0;
	}
	
	.systemList{
		flex: 0 0 32%;
	}
	.systemList img{ width:1.3rem}
	.systemList:nth-child(3n){
		margin-right: 0;
	}
	.systemList:nth-child(4n){
		margin-right: 2%;
	}
	
	.serverList{
		flex: 0 0 100%;
		margin-right: 0;
	}
	
	.serverTxt{
		font-size: 0.5rem;
	}
	
	.serverBox{
		padding-bottom: 2rem;
	}
	
	.footerTop{
		flex-direction: column;
	}
	
	.footerBottom p{
		line-height: 1.5;
	}
	
	.codeBox{
		margin-top: 1rem;
	}

/*副页面banner*/
.z_other_text h3{font-size: 9vw;}
.z_other_text h6{font-size: 7vw;}	
/*媒体资讯*/
.z_other_banner {
    width: 100%;
    height: 40vh;
    position: relative;
}	
.z_pro_page {padding: 3vw 2.3vw;}	
.z_news_list li { width: 43.3125vw;padding: 4.5vw;}
.z_news_list li .imgbox {height: 21.4vw;}	
.z_news_list li h3 {
    font-size: 16px;
    line-height: 25px;
    height: 55px;
    font-weight: bold;
    color: #000000;
}	
.z_index_more{font-size: 12px;}	
.z_news_list li .z_index_more .iconfont{width: 24px;height: 24px;}	
.icon-jiahao:before {
    background-size: contain;
    content: "";
    width: 16px;
    height: 16px;}
	
		
/*=======================关于我们====================================*/
.z_about_warp{ padding: 40px 12px; }
.z_about_jj{ display: block;}
.z_about_jj .fl_warp{ margin-left: 0; text-align: center; width: 100%;}
.z_about_jj .fr_warp{ width: 100%; margin-top: 30px; font-size: 14px; line-height: 24px;}
.z_other_tit h3{ font-size: 22px; line-height: 24px;}
.z_other_tit h4{ font-size: 16px;}
.z_about_num ul{ display: block;}
.z_about_num li{ width: 50%; float: left; height: auto; min-height: 144px;border-bottom: 1px solid rgba(255,255,255,.5);}
.z_about_num li h3{ font-size: 24px;}
.z_about_num li h4{ font-size: 14px;}	
.z_about_num{ height:288px;background-size: cover;}	
.z_about_num li .num_icon{width: 48px;}	
.z_about_jj .fr_warp p.kouhao{ font-size:16px;}	
.z_about_num2 {
    margin-top: 8vw;
}	
/*企业架构*/
.jiagou {
    padding: 2vw 12px 7vw;
}
.jiagou ul li{ width:100%}	
.jiagou .zyimg{ width:48px; height:48px;}	
	.jiagou ul li .jiagou_top img {
    width: 48px;
}
.jiagou ul li .jiagou_top h3:after{width: 42px;margin-top: 8px;}	
/*企业文化*/
.z_nl_swiper {height: 82.875vw;overflow: hidden;}
.z_nl_swiper li .zh{ font-size:20px;}
.z_nl_swiper li .text {
    font-size: 14px;
}
.z_nl_swiper li {
    padding: 12vw 12px;}
.z_ln_tab {
    width: 96.91666vw;}
.z_ln_tab li h3 {
    font-size: 14px;
    color: #676f78;
}
.jiagou ul li .jiagou_top{ margin-bottom:0}
/*发展历程*/
.jtgk3 { width: 90vw;padding: 12.89583vw 4.94791vw 20.90625vw;overflow: hidden;}
.jtgk3 .swiper-slide0{height:230px}
.jtgk3 .swiper-slide a .left_con .img{width:60px}
.jtgk3 .swiper-slide a .left_con .date{font-size:14px}
.jtgk3 .swiper-slide a .right_con{padding:20px 10px 10px}
.jtgk3 .swiper-slide a .right_con .title{font-size:14px;line-height:1.5}
.jtgk3 .swiper-slide a .right_con .text{font-size:12px;line-height:1.5;margin-top:5px}
.jtgk3 .swiper-slide a .right_con .bot{margin-top:5px}
.jtgk3 .swiper-slide a .right_con .bot div:first-child{margin-right:10px}
.jtgk3 .swiper-slide a .right_con .bot i{width:14px;height:12px;margin-right:5px}
.jtgk3 .swiper-slide a .right_con .bot span{font-size:12px}
.jtgk3 .swiper .swiper-button-prev i,.jtgk3 .swiper .swiper-button-next i{font-size:16px}
.jtgk3 .swiper .swiper-button-prev{left:-15px}
.jtgk3 .swiper .swiper-button-next{right:-15px}
.jtgk3 .gallery-top{margin-top: 10px;height: auto;}
.jtgk3 .gallery-top .swiper-slide .con .img{height: 120px;}
.jtgk3 .gallery-top .swiper-slide .con{width: 75%;padding: 20px 10px;display: block;}
.jtgk3 .gallery-top .swiper-slide .con .date{width: 100%;text-align: left;font-size: 16px;line-height: 16px;}
.jtgk3 .gallery-top .swiper-slide .con .cons{padding: 0;margin-top: 10px;border-left: none;}
.jtgk3 .gallery-top .swiper-slide .con .cons p{font-size: 12px;line-height: unset;margin-top: 0;}
.jtgk3 .gallery-top .swiper-button-next, .jtgk3 .gallery-top .swiper-button-prev{width: 35px;height: 35px;line-height: 35px;}
.jtgk3 .gallery-top .swiper-button-next i, .jtgk3 .gallery-top .swiper-button-prev i{font-size: 12px;}
.jtgk3 .gallery-thumbs{margin-top: 50px;height: 66px;}
.jtgk3 .gallery-thumbs .swiper-slide .bor {
    width: 8px;
    height: 8px;}
.jtgk3 .gallery-thumbs .swiper-slide .bor::before {
     left: -33.6vw;
    width: 33.5vw;}

/*荣誉资质*/
.z_honor_swiper ul{ display:flex; flex-wrap:wrap}
.z_honor_swiper ul li {
    width: 100%;
	margin-bottom:30px;
}
.z_honor_swiper .img{height: 57.70833vw;}
.z_honor_swiper {
    padding: 19vw 8.3vw;
}

/*分校展示*/
.z_xqzs {
    padding: 17vw 4.3vw;
}
.z_xqzs .xqzs_ul01{padding: 4vw 0vw 0 0vw;}
.z_xqzs .xqzs_ul01 li {
    width: 50%;
    margin-bottom: 14px;
}
.z_xqzs .xqzs_ul01 li p {
    width: 94%;
    text-align: center;
    display: block;
    font-size: 12px;
    padding: 9px 0;
    border-radius: 50px;
    border: 1px solid #5f6376;
    color: #333;
}
.bs_video{ width:100%;}
.bs_video video{width:100%;}
.indexTList p {
    font-size: 12px;}
.indexTopCon{  padding:0}	
.systemList p{ font-size:15px;}
.z_about_jj .fr_warp p.p2{ font-size:13px; line-height:1.8; color:#666}	
	.jtgk3 .gallery-thumbs .swiper-slide .se{font-size:14px; }
/*视频*/
.zpyjy_jyjx_con {
    display: flex;
	flex-wrap:wrap
}
.z_youdian_swiper{ width:100%}
.z_youdian_tab{margin-left: 0px;}
.z_youdian_tab ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.z_youdian_tab {
    width: 100%;
    margin-right: 0px;
}
.z_youdian_tab li {
    width: 32%;
}
.z_youdian_tab li h3 {
    font-size: 15px;}


.serverList2{flex: 0 0 49%;}
.serverList2:nth-child(3n) {
    margin-right: 2%;
}
.serverList2:nth-child(2n) {
    margin-right: 0;
}

/*app*/
.z_other_text02 ul {
    display: flex;
    width: 80%;
    margin: 50px auto 0;
    justify-content: space-between;
	flex-wrap:wrap
}
.z_other_banner02 {
    width: 100%;
    height: 120vh;
    position: relative;
}
.z_other_text02 {
    position: absolute;
    left: 0%;
    top: 10%;
     transform: translateY(0%); 
    width: 100%;
    text-align: center;
    margin-bottom: 0!important;
}

.z_other_text02 h3 {
    font-size: 20px;}
.z_other_text02 h6 {
    font-size: 13px;}
.z_other_text02 ul li{ width:48%; }
.z_other_text02 ul li .img_w {
    width: auto; height:180px;}
.z_other_text02 ul li .img_w img{ width:100%}
.z_other_text02 ul li p {
    font-size: 15px;
    color: #fff;
    margin: 10px 0 20px;
	
}
.z_other_text02 ul li .img_w03 img{ width:48%;} 

.app_con01{ flex-wrap:wrap;margin: 15vw 0;}
.app_text_l{ width:80%; margin:30px auto 30px}
.app_img_r {
    width: 80%;margin:0 auto
}
.app_text_l p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}
.app_text_l h3 {
    font-size: 20px;
    color: #333;
    display: flex;
    font-weight: bold;
    align-items: center;
    margin-bottom: 10px;
}
.app_text_l h3:before {
    width: 5px;
    height: 20px;}
	
/*试听课*/
.video_con ul{ display:flex; flex-wrap:wrap; justify-content:space-around}
.video_con ul li{ width:90%;  margin:0 auto 30px}
.class .class_con .class_con0 {
    width: 100%;margin: 15px 10px;
    padding: 9px;}
.class {
    background-color: #f1f1f1;
    padding-top: 3vh;
    padding-bottom: 8vh;
}


/*校友会*/
.z_other_text_img {
    left: 18%;
    top: 43%;
    width: 62%;
}
.z_other_text img{width: 80%; margin:0 auto}
.xyh_part01_con{padding: 0;}
.xyh_part01_con_left{ display:none;}
.xyh_part01_con_right {
    width: 90%;
}
.xyh_part01_con_right p{font-size: 16px;}
.xyh_part02_con ul{padding: 50px 0px 120px;}
.xyh_part02_con ul li{width: 36%;padding: 20px 20px; margin-bottom:20px;}
.xyh_part02_con ul li img {
    width: 68px;
    height: 68px;
}
.xyh_part02_con ul li h3 {
    font-size: 20px; font-weight:bold}
.xyh_part02_con ul li p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}	
.xyh_part03_con {
    padding: 50px 0px;
}	
.xyh_part03_con .part03_ul01 li:nth-child(2),.xyh_part03_con .part03_ul01 li:nth-child(4){flex-flow: column-reverse;}
.xyh_part03_con .part03_ul01{padding: 20px;}	
.xyh_part03_con .part03_ul01 .xyfc_con_text {
    width: 100%;
    margin-top: 24px;
}	
.xyh_part03_con .part03_ul01 .xyfc_con_text img{width: 32px; height:32px; margin-right:5px;}
.xyh_part03_con .part03_ul01 .xyfc_con_text h3 {
    font-size: 26px;
}
.xyh_part03_con .part03_ul01 .xyfc_con_text p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 14px;
}
.xyh_part03_con .part03_ul01 .xyfc_con_img {
    width: 100%;
}
.xyh_part04 {
    padding: 20px 0;
}
.xyh_part04 ul.ul01{ flex-wrap:wrap}
.xyh_part04 ul.ul01 li {
    width: 50%;
    text-align: center;
   margin-bottom: 26px;
    position: relative;
}
.xyh_part04 ul.ul01 li:nth-child(5){ width:100%}
.xyh_part04 ul.ul01 li::before{ display:none}
.xyh_part04 ul.ul01 li img{ width:68px; height:68px;}
.xyh_part04 ul.ul01 li h3{margin: 12px 0px 5px;}
.xyh_part04 ul.ul01 li p{font-size: 14px;padding: 0 13px;}

.xyh_part05_con .xyh_part05_bg03 ul{ padding:30px 20px;}
.xyh_part05_con .xyh_part05_bg03 ul li {
    width: 100%;
    margin-bottom: 28px;
}
.xyh_part05_con .xyh_part05_bg03 ul li h3 {
    font-size: 20px;
    margin-bottom: 6px;
    position: relative;
    /* font-weight: bold; */
}
.xyh_part05_con .xyh_part05_bg03 ul li p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}
.xyh_part05_con .xyh_part05_bg03{ border-radius:20px;}
.xyh_part05_con .xyh_part05_bg01{ border-radius:20px;}
.xyh_part05_con .xyh_part05_bg02{ border-radius:20px;}



#hs-dialog{width: 90%;}
#hs-dialog .tc_text p {
    margin-bottom: 0.1em;
    font-size: 14px;
    line-height: 1.8;
    padding: 0 24px;
    text-indent: 2em;
}


.teacher_big01 .con h2 {
    font-size: 16px;}
.teacher_big01 .con .profile {
    font-size: 12px;}
.other_profile .jieshao h3 {
    font-size: 13px;}	
	.other_profile .jieshao p {
    font-size: 11px;}
.other_profile .jieshao h6 {
    font-size: 12px;}	
		
}