@charset "utf-8";
@font-face{ font-family: ALIBABA-PUHUITI-HEAVY; src: url(../fonts/ALIBABA-PUHUITI-HEAVY.TTF);}
@font-face{ font-family: ALIBABA-PUHUITI-LIGHT; src: url(../fonts/ALIBABA-PUHUITI-REGULAR.OTF);}
/* @font-face{ font-family: ALIBABA-PUHUITI-LIGHT; src: url(../fonts/ALIBABA-PUHUITI-LIGHT.TTF);} */
@font-face{ font-family: ALIBABA-PUHUITI-REGULAR; src: url(../fonts/ALIBABA-PUHUITI-REGULAR.OTF);}
@font-face{ font-family: ALIBABA-PUHUITI-MEDIUM; src: url(../fonts/ALIBABA-PUHUITI-MEDIUM.OTF);}
@font-face{ font-family: ALIBABA-PUHUITI-BOLD; src: url(../fonts/ALIBABA-PUHUITI-BOLD.OTF);}
@font-face{ font-family: BEBASNEUE-BOOK; src: url(../fonts/BEBASNEUE-BOOK.TTF);}
@font-face{ font-family: yuanxin; src: url(../fonts/yuanxin.TTF);}
@font-face{ font-family: Roboto; src: url(../fonts/ROBOTO-REGULAR.TTF);}
@font-face{ font-family: ROBOTO-BLACK; src: url(../fonts/ROBOTO-BLACK.TTF);}
/* #s_news ul li .txt p, #footer,.bn_search .input,#n_nav ul li a,#n_course ul li .txt p,.n_yunying_list ul li .txt p,.top_search .input,#city_video ul li .txt p,#n_licheng .n_licheng_slide,.apply_tt h2,
.apply_tt p,#footer2,.demandbox .tip,.mouse_down b{font-family: ALIBABA-PUHUITI-LIGHT;} */

.face,svg path,.right_tag li a,.n_yunying_list ul li .txt h2{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }

@media (min-width:1601px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}

@media (min-width:481px) and (max-width:639px){html{font-size:14px;}}

@media (min-width:329px) and (max-width:480px){html{font-size:12px;}}




@media (min-width: 768px)

{
 
}

@media (min-width: 992px)

{
 

}

@media (min-width: 1200px)

{
 

}

@media (min-width: 1280px)

{
 

}





@media (min-width: 1440px)

{
	

}





@media (min-width: 1660px)

{
 

}

@media screen and (min-width:1200px) and (max-width:1440px){

 

 

}

@media (max-width: 1660px)

{

 	

}

@media (max-width: 1600px)

{



#nav ul li a{ padding: 0 1rem;}





}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{
	#s_news ul li{ padding: 0 2rem;}
	#s_news ul li a{ padding: 3rem 4rem;}
	#s_news ul li .img{ width: 17rem; height: 17rem;}
	#s_news ul li .txt{ width:calc(100% - 17rem); padding-left: 2rem; padding-top: 0;}
	.courseSwiper{ right: 31%;}
	.courseSwiper .li{ padding: 0 1rem;}
	
	#s_wanghong .center{ width: 400px; height: 701px;}
	.s_wh_phone{ left: 45%;}
	.s_wh_for02{
		width: 210px; left: 112px; top: 11px;
		height: 455px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-ms-border-radius: 15px;
		-o-border-radius: 15px;}
		#s_yinliu .pic{ left: 50px;}
	
}

@media (max-width: 1360px)

{
	#s_wanghong .center {
		width: 336px;
		height: 590px;
	}
	.s_wh_for02{
		width: 176px;
		left: 94px;
		top: 9px;
		height: 382px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;}
		#s_peixun .pic{ bottom: 5vh;}
		.certify li a{ padding: 4rem 3rem;}
		.s_pingtai .box{    padding: 4rem 0;}
		.s_pingtai li{ padding: 0 1rem;}
}

@media (max-width: 1280px)

{.certify{ margin: 0 4rem; width:20rem; height: auto;}
 .certify .prev { left: -4rem;}
 .certify .next { right: -4rem;}
 #s_news ul li{ padding: 0 1.5rem;}
 #s_news ul li a{ padding: 2rem 3rem;}
 #s_news ul li .img{ width: 15rem; height: 15rem;}
 #s_news ul li .txt{ width:calc(100% - 15rem); padding-left: 2rem;}
 .s_shuzi span {font-size: 4.5rem;}
 .s_team_bg.aos-animate[aos=slide-left] {
		-webkit-transform: translate(0,0) scaleX(.9);
		-ms-transform: translate(0,0) scaleX(.9);
		transform: translate(0,0) scaleX(.9);
		-moz-transform: translate(0,0) scaleX(.9);
		-o-transform: translate(0,0) scaleX(.9);
}
.s_wh_nav li .img{ width: 4rem; height: 4rem;}
}



@media (max-width: 1200px)

{
	.s_team_bg.aos-animate[aos=slide-left] {
		-webkit-transform: translate(0,0) scaleX(.8);
		-ms-transform: translate(0,0) scaleX(.8);
		transform: translate(0,0) scaleX(.8);
		-moz-transform: translate(0,0) scaleX(.8);
		-o-transform: translate(0,0) scaleX(.8);
}
}

@media (max-width: 1100px)

{
	#nav{ margin-right:1.5rem;}
	#header{ display:none !important;}
	#m_header{ display:block; }
	#n_main{ padding-top: 4.5rem;}
	#nav_btn_box{ display: block;}
	#s_news ul li{ padding: 0 1rem;}
	.userlist{ top: 4.5rem;}
	.ny #m_logo .img02{ height: 40px;}
}

/*==========================正常滚动============================*/
@media (max-width: 1023px)

{
	#banner .swiper-container{ height: 100vh;}
	.fp-section,.fp-tableCell{ height: auto !important;}
	#s_news,#s_peixun,#s_course,#s_wanghong,#s_yinliu,#s_team{ padding: 5rem 0;}
	#s_wanghong,#s_yinliu{ padding-bottom: 0;}
	#banner .txt{ max-width: 80%; margin: 0 auto;}
	#banner .txt h3{ font-size: 3.5rem;}
	#s_peixun .s_tt{ float: none; text-align: center;}
	.s_tt .btn_arr2{ margin-left: auto; margin-right: auto;}
	#s_peixun .pic{ position: static; float: none; margin: 0 auto; text-align: center;}
	#s_course .s_tt{ float: none; text-align: center;}
	.courseSwiper{ position: relative;}
	#s_wanghong .left{ float: none; width: 100%; max-width: inherit; text-align: center;}
	#s_wanghong .right{ float: none; margin: 0 auto; max-width: inherit;}
	.s_wh_nav{ width: 100%; max-width: inherit;}
	.s_wh_phone{ position: relative; top: 0; left:0; float: left;}
	#s_yinliu .s_tt{float: none; text-align: center;}
	#s_yinliu .pic{ position: relative; left: 1.25rem; top: 0;}
	.ico_appbox{max-width: inherit; }
	.ico_appbox li{ text-align: center;}
	.s_team_left{ max-width: inherit; float: none; text-align: center; overflow: hidden;}
	.s_team_right{ max-width: inherit; float: none;}
	.certify{ margin: 0 auto; margin-top: 5rem;}
	.s_pingtai{ margin-top: -2rem;}
	.s_pingtai li{ width: 50%; margin-top: 2rem;}
	.s_team_bg.aos-animate[aos=slide-left] {
		-webkit-transform: translate(0,0) scaleX(0);
		-ms-transform: translate(0,0) scaleX(0);
		transform: translate(0,0) scaleX(0);
		-moz-transform: translate(0,0) scaleX(0);
		-o-transform: translate(0,0) scaleX(0);
}
.certify .slide_arrow svg path{ fill:#71a9f2}
.s_shuzi{ display: flex; justify-content: space-between; margin-bottom: 4rem;}
.s_shuzi li{ float: left;}
.s_shuzi li{ margin-top: 0 !important;}
}
/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{

.web{ display:none;}
.wap{ display:block;}
.online_q{ display:none;}
#n_yunying .left_con{ width: 100%; float: none; padding-right: 0;}
#n_yunying .right_con{ width: 100%; float: none; margin-top: 4rem;}
 
}
 

@media (max-width: 860px)
{
	#s_news ul li .img{ float: none; margin: 0 auto;}
	#s_news ul li .txt{ width: 100%; float: none; padding: 0; }
	#n_course ul li{ width: 50%;}
}

@media (max-width: 768px)

{
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding: 0 5px !important;}
 .m{ padding: 0 30px;}
 
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}
.pad_aside{ padding-left:1rem; padding-right:1rem;}
.n_article .ar_article{ padding-bottom:10px !important;}
.ar_article table{ width:100% !important;}
.ar_article table td,.ar_article table th{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}
.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}
.draw_h { width: 40px !important; height:40px !important;line-height: 38px !important;}
#m_logo img { max-height: 28px;}
#banner .txt h3{ font-size: 2.75rem; line-height: 1.5;}
#banner .txt h4{ font-size: 1.25rem; line-height: 1.5;}
#banner .swiper-button-prev{ width: 3rem !important; height: 3rem !important; background-size:1rem; left: 10px; }
#banner .swiper-button-next{ width: 3rem !important;height: 3rem !important;background-size:1rem; right: 10px; }
.mouse_down{ bottom: 50px;}
.s_shuzi span{ font-size: 2.5rem;}
.s_shuzi font{ font-size: .875rem;}
#footer{ padding-top: 3.5rem; }
#footer>.m{ display: block;}
#footer .left{ float: none;}
#footer h3{ text-align: center;}
.foot_lianxi{ text-align: center;}
#footer .right{ float: none; margin-top: 2rem; }
#footer .right .ewm{ display: none;}
#footer .right .txt{ float: none; text-align: center;}
.foot_share ul{ text-align: center;}
#s_wanghong .s_tt{ margin-bottom: 2rem;}
#s_wanghong .center { width: 234px; height: 410px; margin: 0 auto; float: none;}
.s_wh_for02 {
    width: 122px;
    left: 66px;
    top: 6px;
    height: 266px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;

}
.s_tt{ margin-bottom: 3rem;}
.s_tt h3 { font-size: 3.75rem; margin-bottom: .75rem;}
#s_news ul li .txt p{ margin-bottom: .5rem;}
#s_news ul li .time{ margin-bottom: 1rem;}
#s_news ul li .img{ width: 13rem; height: 13rem;}
#s_news ul li a { padding: 2rem;}
.s_tt .btn_arr2 { margin-top: 2.5rem;}
.s_wh_nav { max-width: 100%; margin-top: 1.5rem;}
#n_banner{ height: 20rem; background-size: auto 100% !important;}
#n_news_xq .left_con{ width: 100%; float: none; padding-right: 0;}
#n_news_xq .right_con{ width: 100%; float: none; margin-top: 4rem;}
#city_join .left{ width: 100%; float: none; text-align: center; padding-top: 0 !important;}
#city_join .left .pic{ margin: 0 auto;}
#city_join .right{ width: 100%; float: none; margin-top: 3rem;}
#city_nixi ul li{ width: 50%;}
#city_ys ul li{ width: 50%;}
#n_founder{ height: auto; padding: 3rem 0 0; overflow: hidden;}
#n_founder .m{ padding-bottom: 0;}
#n_founder .pic { position: static; width:60%; float: right; margin-top: -5rem;}
#n_dw{ height: 30rem; padding: 3rem 2rem;}
#n_dw .mask h2{ font-size: 3rem; margin: 0 2rem;}
#n_honor .left{ width: 100%; float: none; padding-top: 0;}
#n_honor .right{ width: 100%; float: none; margin-top: 3rem;}
#n_join02 .m{ display: block;}
#n_join02 .left{ width:100%; float: none; padding-right: 0; padding-top: 0; padding-bottom: 11rem; }
#n_join02 .right{ width: 100%; max-width: none; float: none; margin-top: 2rem;}
.dotbg{ width: 15rem;}
.zhaopin_slide01 li .txt h4{width: 14rem; height: 14rem; font-size: 1.75rem; line-height: 2rem;}
.n_zhaopin_search li{ width: 50%;}
}

@media (max-width: 480px)

{
	.m{ padding: 0 20px;}
	#s_team .s_tt{ margin-bottom: 1rem;}
	.certify{ margin-top: 3rem;}
	.certify li a{ padding:3rem 2rem;}
	.s_pingtai li{ padding: 0 5px;}
	.s_pingtai li span { font-size: 3.75rem;}
	#s_news,#s_peixun,#s_course,#s_wanghong,#s_yinliu,#s_team{ padding: 4rem 0;}
	#s_wanghong,#s_yinliu{ padding-bottom: 0;}
	.foot_ewm ul li .box .txt{ padding-left: 5px;}
	.foot_ewm ul{ margin: 0 -5px;}
	.foot_ewm ul li{ padding: 0 5px;}
	#n_banner{ height: 17rem;}
	#n_course ul{ margin-top: -1.5rem;}
	#n_course ul li{ margin-top: 1.5rem;}
	.n_yunying_list ul li .img{ width: 14rem;}
	.n_yunying_list ul li .txt{ width: calc(100% - 14rem); padding-left: 1.25rem;}
	.n_yunying_list ul li .txt p{ margin-top: 1rem; margin-bottom: 1.5rem;}
	.n_yunying_list ul li a{ padding: .75rem 0;}
	.join_form{ padding: 2rem 1rem;}
	.city_tt{ margin-bottom: 2.5rem;}
	#city_ys ul{ margin: -1.5rem -3px;}
	#city_ys ul li{ padding:1.5rem 1rem; }
	#city_ys ul li .ico{ width: 8rem;}
	#city_ys ul li p{ height: 3.25rem;}
	#city_ys ul li .font img{ max-width: 2.8rem; max-height: 2.8rem;}
	#city_hongli ul{ margin: 0 3rem !important; overflow: visible;}
	#city_hongli .slick-prev{ left: -3rem; background: url(../images/left_gray.svg) center no-repeat; background-size: 1rem;
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		border: 1px solid #c5c5c5;}
	#city_hongli .slick-next{ right: -3rem; background: url(../images/right_gray.svg) center no-repeat; background-size: 1rem;
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		border: 1px solid #c5c5c5;}
	#city_hongli .slick-prev:before, #city_hongli .slick-next:before{ font-size: 0; color: #6e6e6e;}
	.city_tt h2{ font-size: 2rem;}
	.city_tt p{ margin-top: 1rem;}
	.city_tt .span{ font-size: 1.5rem;}
	#n_about .left{ width: 100%; float: none; height: auto;}
	#n_about .right{ width: 100%; float: none;}
	#n_about .pic{ position: static; width: 100%; height: auto;}
	#n_about .txt{ padding: 1rem 0 2.5rem;}
	#n_founder .tt h2{ font-size: 2.625rem; }
	#n_founder .tt span{ font-size: 1.5rem;}
	#n_founder .tt h3{ padding: .75rem 1.5rem;}
	#n_founder ul{ margin-top: 2rem;}
	#n_team ul li .txt{ padding: 15px 10px;}
	#n_team ul li .txt h5{ font-size: 1.5rem;}
	#n_team ul li .txt span{ padding: .5rem 1rem; margin-bottom: 1rem;}
	#n_dw{ height: 18rem; padding: 2rem 0;}
	#n_dw .mask h2{ font-size: 2.25rem; line-height: 1.5; margin: 0 3rem;}
	#n_honor .con2{ margin-top: 2rem;}
	#n_banner h2{ font-size: 2.75rem;}
	.zhaopin_slide01 li .txt h4{width: 10rem; height: 10rem; font-size: 1.25rem;}
	.zhaopin_slide02 li .img{ width: 9rem; height: 9rem;}
	.zhaopin_slide02 li a{ padding: 2.5rem 1rem;}
	.zhaopin_slide02 li .txt p span+span{ margin-left: 5px;}
	.zhaopin_slide02 li .txt p{ margin-bottom: 1.5rem;}
	.zhaopin_slide02{ margin-left: 3.5rem !important; margin-right: 3.5rem !important;}
	.slick_arrow_aside .slick-prev2{ left: 0rem;}
	.slick_arrow_aside .slick-next2{ right: 0rem;}
	#n_zhaopin .slick_arrow_aside .slick-arrow{ width: 3rem !important; height: 3rem !important; line-height: 3rem !important;}
	#n_banner h4{ font-size: 2rem;}
	.bn_search{ height: 46px;}
	.bn_search .input{ height: 46px;}
	.bn_search .button{  width: 36px; height: 36px; line-height: 36px;}
	.apply_tt h2{ font-size: 2.25rem;}
	#n_apply{ background-size: auto 100% !important; background-attachment:inherit;}
	#n_user{ background-size: auto 100% !important; background-position: 40% 0 !important; background-attachment:inherit;}
	#n_user #footer2{ bottom: 1rem;}
	#n_demand #footer2{ bottom: 1rem;}
	.userbox{ padding: 3rem;}
	.userbox form .form-group i.ico_l{ height: 47px; line-height: 45px;}
	.userbox form .form-group .input{ height: 47px;}
	.userbox form button{ height: 47px; line-height: 47px;}
	.userbox .ovh{ margin-top: 2rem;}
	.demandbox form{ display: block; overflow: hidden;}
	.demandbox .input{ margin-top: .875rem; width: 100%; margin-bottom: .875rem;}
	.demandbox .btn_submit{ margin: 0; width: 48%;}
	.demandbox .btn_submit.b01{ float: left;}
	.demandbox .btn_submit.b02{ float: right;}
	.select-wrapper,.select-button,.select-list{ width: 100% !important;}
	.demandbox{ margin-top: 3rem;}
	.tc_zhengshu{ padding: 3rem 2rem; overflow-y: auto; height: 100vh; width: 100%; max-height: inherit; max-width: inherit; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
	.tc_zhengshu .box1 .img{ width:150px; margin: 0 auto; float: none;}
	.tc_zhengshu .box1 .txt{ width: auto; margin: 0 auto; float: none; padding: 0; margin-top: 2rem;}
	.tc_zhengshu .box2{ padding: 0 3rem;}
	.tc_zhengshu .box1 .txt h6{ margin: .5rem 0;}
	.tc_zhengshu .tc_close{ right: 1rem; top: 1rem;}
	.tc_zhengshu .tc_close svg path{ fill: #999;}
	#n_zhengshu #footer2{ bottom: 2.5rem;}
	#n_zhengshu .pic img{ width: 100%; max-height: inherit;}
	#n_zhengshu{ height: auto; padding: 3rem 0 6rem;}
	#city_join .txt h3{ font-size: 1.5rem;}
	#zhibo_zb .slick_arrow_aside .slick-arrow{ display: none !important;}
	.demandbox form select{ width:100%;}
	.slick_arrow_aside .slick-arrow{width: 2.75rem !important; margin-top: -1.375rem;
		height: 2.75rem !important;
		line-height: 2.625rem !important; }
		.sanmiaoshu_bg{ max-width: 135%;}
		.zhaopin_slide01 li .pic{ height: 18rem;}
		.slick_arrow_aside .slick-arrow:before {
			border: 1px solid #d1d2d5;
		}
		#city_video ul{ margin: 0 2rem;}
		.demandbox .tip{ margin-top: 1.75rem;}
		#n_demand{ min-height: 600px;} 
		#n_nav ul li a{ height: 5rem; line-height: 5rem;}
		.ar_article {
			font-size: 14px; line-height: 32px;
		}
		.ar_article p{
			font-size: 14px; line-height: 32px;
		}
		#n_news_xq .left_con{ width: auto;
			margin: 0 12px;
		}
		.ar_title{ margin-bottom: 2rem;}
		#n_banner h3{ line-height: 1.5;}
		.ar_article{word-break: break-all;}
		.ar_title h2{ font-size: 1.75rem;}
		#shangwu_team .miso_hd ul li .box dl p{ margin: 0;}
		#shangwu_team .miso_hd ul li .box .left{ height: 296px; overflow: hidden;}
		#n_about .con{ font-size: 13px; line-height: 2rem;}
		.n_zhaopin_search li{ width: 100%;}
		.n_zhaopin_search li a{ padding: 2rem;}
		.join_p{ margin-bottom: 2rem;}
		.tc_join{ padding: 3rem 2.5rem;}
		.tc_join .tt h4 { font-size: 1.75rem;}
		.tc_join .tc_close{ right: -20px;}
		#n_user{ height: auto;padding: 3rem 0; overflow: inherit; display: flex; align-items: center;}
		#n_user .j_tab{ display: block; position: static;}
		#n_user .j_tab_cel{ display: block;}
		.ar_title .time{ padding-left: 0; background: none; font-size: 14px;}

}