@charset "utf-8";
.sp_header {position:fixed;top:0;z-index:10;overflow:hidden;width:100%;height:50px;background: #fff;border-bottom: 1px solid #dedede;}
.sp_logo {padding:10px;height:50px;position: absolute;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%,0); /* IE 9 */-webkit-transform: translate(-50%,0); /* Safari and Chrome */}
.sp_logo img {margin:auto;max-height:30px}
.sp_nav {position:relative;float: left;margin-top:15px;width:50px;height:30px;cursor:pointer}
.sp_nav span {position:absolute;left:10px;display:block;width:30px;height:2px;background: #1a3a55;transition:all ease .35s;}
.sp_nav span:nth-of-type(1) {top:0}
.sp_nav span:nth-of-type(2) {top:10px}
.sp_nav span:nth-of-type(3) {top:20px}
.sp_nav_se span:nth-of-type(1) {top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2) {width:0}
.sp_nav_se span:nth-of-type(3) {top:10px;transform:rotate(-45deg)}
.sjj_nav {position:fixed;top:-100%;left:0;z-index:9;overflow:auto;overflow-x:hidden;width:100%;height:calc(100% - 78pt);background:#fff;font-size:14px;line-height:40px;transition:top ease .35s;z-index: 9999;}
.sp_search{float: right;font-size: 28px;font-weight: 100;line-height: 50px;right: 20px;margin-right: 20px;}
.nav_show {top:50px}
.sjj_nav>ul>li:first-child {overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a {float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language {float:right;overflow:hidden;margin-top:5px;width:70px;line-height:30px}
.sjj_nav>ul>li:first-child .language a {float:left;width:35px;border-left:1px solid #ddd;color:#999;text-align:center}
.sjj_nav ul li i {position:absolute;top:5px;right:0;padding:0 7px;height:30px;border-left:1px solid #ddd}
.sjj_nav ul li i svg {transition:all ease .35s;transform:rotate(-90deg)}
.sjj_nav ul li .sjj_nav_i_se svg {transform:rotate(0)}
.sjj_nav ul li {position:relative;margin-left:20px;border-top:1px solid #ddd;font-size:14px;line-height:40px}
.sjj_nav>ul>li:last-child {border-bottom:1px solid #ddd}
.sjj_nav ul li ul {display:none}
.sjj_nav ul li a {width:80%;color:#666;display: block;}
.sjj_nav ul li ul li a {display:block;color:#999;text-align:left}
.sjj_nav ul li i svg {width:20px;height:20px;fill:#555}
.sjj_nav ul li .sjj_nav_i_se svg {fill:#c9141e}
.sjj_nav ul li ul li>ul {margin-left:10px}
.pc1800,.pc1700,.pc1600,.pc1500,.pc1440,.pc1220,.pc1086,.pc800,.pc650,.pc600,.pc450{display: block;}
.mm1800,.mm1700,.mm1600,.mm1500,.mm1440,.mm1220,.mm1086,.mm800,.mm650,.mm600,.mm450{display: none;}
@media only screen and (max-width: 1880px){
    .mm1880{display: block;}
	.pc1880{display: none;} 
}
@media only screen and (max-width: 1800px){
    .mm1800{display: block;}
	.pc1800{display: none;} 
}
@media only screen and (max-width: 1700px){
    .mm1700{display: block;}
	.pc1700{display: none;} 
}
@media only screen and (max-width: 1600px){
    .mm1600{display: block;}
	.pc1600{display: none;} 
	.wh1550{width:95%;max-width:1550px}
} 
@media only screen and (max-width: 1500px){
    .mm1500{display: block;}
	.pc1500{display: none;} 
	.iH_nav>li{padding: 0 0px;}
} 
@media only screen and (max-width: 1440px){
	.mm1440{display: block;}
	.pc1440{display: none;} 
	.lNav ul li{width:100px}
	 
}
@media only screen and (max-width: 1220px){
	.mm1220{display: block;}
	.pc1220{display: none;} 
	html, body{/* min-width: 320px; */}
	.wh{width: 90%;} 
}
@media only screen and (max-width: 1086px){
	.mm1086{display: block;}
	.pc1086{display: none;}
	body{padding-top: 50px;} 
	.lNewsList .list li .pics{width: 100%;height: auto;margin-bottom: 20px;}
	.lNewsList .list li .pics img{position:relative}
	.lNewsList .list li .ro{width: 100%;}
	.i_10List li{width:100%;margin-bottom: 50px;}
	.i_14List .li{position:relative;top: inherit;left: inherit;right: inherit;flex-direction: row;margin-bottom: 30px;}
	.i_14List .cricle{display:none}
	.i_14List{height:auto}
	.i_13 .NewSwiper{overflow: hidden;}
}
@media only screen and (max-width: 800px){
	.mm800{display: block;}
	.pc800{display: none;}  
	.i_07List{flex-wrap: wrap;}
	.i_07List li{width:100%;margin-bottom:40px}
	.iFootTop .wh{flex-wrap: wrap;}
	.iFootTop .wh .iFootL{width:100%}
	.iFootTop .wh .iFootR{width:100%}
	.iFootR .img{text-align: center;}
	.iFootR .topTel{font-size:22px;width: 100%;text-align: center;}
	.iFootR .topTel span{background-size:20px;padding-left: 29px;}
	.i_banner .swiper-pagination span{width:20px}
	.i_banner .swiper-pagination{bottom:20px}
	.i_01{padding-top: 50px;}
	.newA .lNewsList{width: 100%;padding: 0 20px;margin-bottom: 25px;}
	
	.sat .newA .lNewsList{width: 100%; margin-bottom:0px; padding:0px;}
	.sat .newA .topNewT{ display: none;}
	.sat .lNewsList .con_tt{ margin-bottom:0px;}
	.sat .newA .infoCon .priceCon{ width:100%;}
	.sat .newA .new_con{ padding:0px;}
	.sat .newA .lNewsList .title{ width:100%;}
	.lNewsTj{width: 100%;}
	.lNewsList .con_tt h1{font-size: 22px;}
	.lNewsList .con_tt .bt span{display: block;}
	.pageList a{margin:0;font-size: 16px;}
	.i_12List li{width: 48%;}
	.i_10List li .ico{width:90px;height:90px;font-size: 41px;}
	.i_10List li .ico img{width:50px}
	.i_10List li .ro{width:calc(100% - 100px)}
	.i_12List li .ro .p{font-weight:inherit;line-height: 1.5;font-size: 14px;}
	.swiperNews{width: 100%;margin-bottom: 40px;}
	.newList{width: 100%;}
	.StudentListSwiper .swiper-slide .pics{width: 100%;margin-bottom: 30px;}
	.StudentListSwiper .swiper-slide .ro ,.swiper-slide .swiperNews_right{width: 100%;}
	.i_16 .item{width:100%}
	.i_16 .formA .inpIList .inp{width:100%}
	.i_16 .formA .inpIList .inp2{width:100%}
	.i_16 .imglist .pics{padding-bottom:25%}
	.tou_02 .h3{font-size: 24px;}
	.tou_02 .p{font-size: 14px;}
	.team_swiperList .swiper-slide .pic{width:100%}
	.team_swiperList .swiper-slide .ro{width:100%}
	.index-center .banner-box .banner-text h2{font-size:16px;text-wrap: balance;line-height: 2;}
	/**手机端banner图片全屏设置***/
	.index-center .swiper-slide .banner-bg img{ height: auto;}
	.index-center .banner-box .banner-text{top:10%;left: 10%;}
}


@media only screen and (max-width: 650px){
	.mm650{display: block;}
	.pc650{display: none;} 
}
@media only screen and (max-width: 600px){
	.mm600{display: block;}
	.pc600{display: none;}  
	.i_01List li{width:100%;justify-content: space-between;}
	.i_01List li .ro{width: calc(100% - 70px);}

}
@media only screen and (max-width: 450px){
	.mm450{display: block;}
	.pc450{display: none;}  
	
}
@media only screen and (max-width: 350px){
	
}