@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url("common.css");
@import url("mobile.css");

/* CSS Document */

body { --themeColor:#e62129; --themeColor2:#1d2088; --txtColor:#222; --descColor:#888888; --lineColor:#c5c5c5; --lineColor2:#e5e5e5;}
body,td,th,input,textarea,select,input {
	color: var(--txtColor);
	font-family: "Noto Sans TC", sans-serif;
}
/*
@media (min-width: 992px) {
	body,td,th,input,textarea,select,input {
		font-size: 16px;
		line-height:2;
	}
}
@media (min-width: 1200px) {
	body,td,th,input,textarea,select,input {
		font-size: 20px;
		line-height:2;
	}
}
*/
a {color: #333333;text-decoration: none; }
a:hover {color: var(--themeColor); text-decoration:none;}


.body1{ padding:0; margin:0 auto; width:94%; max-width:1312px;}
.body2{ padding:0; margin:0 auto; width:100%; max-width:768px;}
.body3{ width:100%; max-width:1400px; margin:0 auto;}
@media (max-width: 767px) {
	.body1{ width:100%; padding:0 20px;}
}

.br{ height:24px;}


/*阴影*/
.sd1{ -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2); -moz-box-shadow:0 0 6px rgba(0,0,0,0.2); box-shadow:0 0 6px rgba(0,0,0,0.2);}
.sd2{ -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.1); -moz-box-shadow:0 6px 12px rgba(0,0,0,0.1); box-shadow:0 6px 12px rgba(0,0,0,0.1);}
@media (min-width: 768px) {	
	.sd1{ -webkit-box-shadow:0 0 12px rgba(0,0,0,0.2); -moz-box-shadow:0 0 12px rgba(0,0,0,0.2); box-shadow:0 0 12px rgba(0,0,0,0.2);}
}

/*标题字体*/
.fs1{ font-size:32px;}
.fs2{ font-size:24px;}
.fs3{ font-size:16px;}
@media (min-width: 768px) {	
	.fs1{ font-size:26px;}
	.fs2{ font-size:20px;}
	.fs3{ font-size:18px;}
}
/*
@media (min-width: 992px) {
	.fs1{ font-size:32px;}
	.fs2{ font-size:26px;}
	.fs3{ font-size:18px;}
}
@media (min-width: 1200px) {
	.fs1{ font-size:40px;}
	.fs2{ font-size:32px;}
	.fs3{ font-size:20px;}
}
@media (min-width: 1400px) {
	.fs1{ font-size:46px;}
	.fs2{ font-size:34px;}
	.fs3{ font-size:24px;}
}
*/

/*更多按钮*/
.more1{}
.more1 a{ font-weight:bold; text-align:center; line-height:40px; -moz-border-radius:40px; border-radius:40px; width:100px; display:inline-block; color:var(--themeColor); border:solid 2px var(--themeColor); cursor:pointer;}
.more1 a:hover{ border-color:var(--themeColor); background-color:var(--themeColor); color:#FFF;}
@media (min-width: 768px) {	
	
}

.more2{ font-weight:bold;}
.more2 em{ font-size:18px;}


/*顶部样式*/
.header_bg{ height:64px;}
.header{ position:fixed; z-index:99997; background-color:var(--themeColor); width:100%; -webkit-transform:translateZ(0);}

.header1{ height:64px; overflow:hidden;}
.header1 .logo, .header1 .bt{ position:relative; z-index:1;}
.header1 .logo a{ padding:0; display:inline-block;}
.header1 .logo img{ height:64px; display:block;}
@media (min-width: 768px) {	
	.header1{ height:72px;}
	.header1 .logo img{ height:72px;}
}


.header2{ position:absolute; left:0; top:0; width:100%;}


.header3{ position:absolute; right:0; top:0;}
.header3 a{ line-height:64px; width:60px; text-align:center; display:inline-block; color:#FFF;}
.header3 em{ font-size:26px;}
@media (min-width: 768px) {	
	.header3 a{ width:72px; line-height:72px;}
}

.header .bt{ margin:16px 0 0;}
.header .bt .btn1{ padding:0; width:72px; font-weight:bold; line-height:40px; border-color:#FFF; color:#FFF; text-align:center;}
.header .bt .btn1:hover{ background-color:#FFF; color:var(--themeColor);}
.header .bt .btn1.white{ background-color:#FFF; color:var(--themeColor);}
.header .bt .btn1.white:hover{ border-color:#FFF; color:var(--themeColor);}


/*导航菜单*/
.mainnav{ z-index:1; display:inline-block; z-index:999; margin-left:40px;}
.mainnav .nLi{ float:left; margin:0;}
.mainnav .nLi>a{ display:block; padding:0 0.5vw; font-size:16px; line-height:72px; color:#FFF; text-transform:uppercase; font-weight:600; position:relative; z-index:10;}
.mainnav .nLi>a em{ height:16px; line-height:16px;}
.mainnav .nLi>a em:before{ height:16px; line-height:16px;}
.mainnav .active>a{ color:#FF0;}
@media (min-width: 1200px) {
	.mainnav .nLi>a{ padding:0 12px; font-size:18px;}
}
@media (min-width: 1400px) {
	.mainnav .nLi>a{ padding:0 16px; font-size:18px;}
}


.mainnav .sub{ display:none; left:0; top:72px; width:100%; position:absolute; background-color:#FFF; border-bottom:solid 1px var(--themeColor);} /* background-color:rgba(255,255,255,0.95); -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.1); -moz-box-shadow:0 6px 12px rgba(0,0,0,0.1); box-shadow:0 6px 12px rgba(0,0,0,0.1);*/
@media (min-width: 768px) {
	.mainnav .sub{ top:72px;}
	.mainnav .sub a{}
}
.mainnav .sub_menu1{ left:0;}
.mainnav .sub_menu1_0{ padding:32px 0; max-width:1348px; margin:0 auto;}
.mainnav .sub_menu1_0 .item_0{ width:20%; padding:0 16px;}
.mainnav .sub_menu1_0 .item_0 .tit{ font-weight:bold; padding-bottom:10px;}

.mainnav .sub_menu1_1{}
.mainnav .sub_menu1_1 .item_1{ width:100%; padding:16px 0;}
.mainnav .sub_menu1_1 .item_1 a{ display:block; padding:8px 0; font-weight:500;}
.mainnav .sub_menu1_1 .item_1 a .desc{ font-weight:400; font-size:14px; color:#222;}

.mainnav .sub_menu2{}
.mainnav .sub_menu2_0{ padding:32px 0; max-width:768px; margin:0 auto;}
.mainnav .sub_menu2_0 .item{ width:25%; padding:0 16px;}
.mainnav .sub_menu2_0 .item a{ display:block; padding:8px 0;}
.mainnav .sub_menu2_0.col50 .item{ width:50%;}
.mainnav .sub_menu2_0.col33 .item{ width:33.33%;}
.mainnav .sub_menu2_0.col25 .item{ width:25%;}
.mainnav .sub_menu2_0.col20 .item{ width:20%;}



/*手机导航*/
.m_nav{ position:fixed; left:0; top:0; background-color:#FFF; display:none; width:100%; max-height:100%; overflow-y:auto; padding:64px 20px 32px; z-index:99996; -webkit-transform:translateZ(0);}
@media (min-width: 768px) {	
	.m_nav{ padding-top:72px;}
}

.m_menu a{ display:inline-block;} /* width:90%;*/
.m_menu li{ position:relative;}
.m_menu li.subLi>a:first-child{ position:absolute; right:0; top:12px; font-size:16px; width:24px; height:24px; line-height:24px; text-align:center;}
.m_menu li.subLi>a:first-child i{ font-size:24px;}
.m_menu>li{ padding:12px 0;}
.m_menu>li:first-child{ display:none;}
.m_menu>li>a{ font-size:18px;}
.m_menu a em{ display:none;}
.m_menu ul{display:none;}
.m_menu .sub_menu1{}
.m_menu .sub_menu1_0{ padding:8px 0;}
.m_menu .sub_menu1_0 .item_0{ width:100%; padding:12px 0;}
.m_menu .sub_menu1_0 .tit{ font-size:14px; font-weight:500; border-bottom:solid 1px var(--themeColor);}

.m_menu .sub_menu1_1{}
.m_menu .sub_menu1_1 .item_1{ width:100%; padding:8px 0;}
.m_menu .sub_menu1_1 .item_1 a{ font-weight:500; padding:8px 0;}
.m_menu .sub_menu1_1 .item_1 .desc{ display:none;}

.m_menu .sub_menu2{}
.m_menu .sub_menu2_0{ padding:8px 0;}
.m_menu .sub_menu2_0 .item{ width:100%;}
.m_menu .sub_menu2_0 .item a{ font-weight:500; padding:8px 0;}

.m_head_tools{}
.m_head_tools .btns{ margin:0 !important;}
.m_head_tools .btn1{ width:100%; text-align:center; padding:0 !important; margin:16px 0 0 !important;}
.m_head_tools .btn1.white{ background-color:var(--themeColor) !important; border-color:var(--themeColor) !important; color:#FFF !important;}



/*内页banner图片*/
.banner{ position:relative;}
.banner .pic{ background-color:#000; position:relative;}
.banner .pic img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.banner .title{ position:absolute; text-align:center; width:100%; top:50%; color:#FFF; font-size:26px; line-height:26px; letter-spacing:4px; margin-top:-13px; text-shadow:0 0 5px #000;}
.banner .path{ background-color:#f7f7f7; padding:0 10px; line-height:38px; color:#b2b2b2; -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.03); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.03); box-shadow:0 5px 5px rgba(0,0,0,0.03);}
.banner .path a{ display:inline-block; padding:0 3px;}
@media (min-width: 768px) {	
	.banner .title{ font-size:32px; line-height:32px; margin-top:-30px;}
	.banner .path{ background-color:transparent; position:absolute; width:100%; top:55%; text-align:center; color:#BBB; font-family:Arial; text-shadow:0 0 5px #000;}
	.banner .path a{ color:#FFF;}
	.banner .path a:hover{ color:var(--themeColor);}
}
@media (min-width: 1200px) {
	.banner .title{ font-size:40px; line-height:40px; margin-top:-36px;}
}


.banner1{ position:relative;}
.banner1 .pic{ width:100%;}
.banner1 .pic img{ width:100%; display:block;}
.banner1 .info{ position:absolute; width:100%; padding:20px;}
.banner1 .info .tit{ color:var(--themeColor);}
.banner1 .info .desc{ padding:20px 0 0;}
.banner1 .info .desc ul{ display:flex; flex-wrap:wrap; padding:0;}
.banner1 .info .desc ul li{ width:100%; list-style:none;}
@media (min-width: 768px) {	
	.banner1{ height:540px; background-size:auto 100%; background-position:center;}
	.banner1 .pic{ display:none;}
	.banner1 .info{}
	.banner1 .body3{ display:flex;-webkit-box-pack:end;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;}
	.banner1 .info .con{ width:480px; margin-right:5%; background-color:#FFF; padding:60px;}  /* margin-left:42%;*/
	.banner1 .info .desc{ padding:24px 0 0;}
	.banner1 .info .desc ul{ max-width:600px;}
	.banner1 .info .desc ul li{ width:50%;}
}
@media (min-width: 992px) {
	.banner1 .info .con{ width:714px; margin-right:8%;}
}
@media (max-width: 767px) {	
	.banner1{ background-image:none !important;}
	.banner1, .banner1 .info .tit{ color:#FFF;}
}

.banner1_2 .con2, .banner1_2 .con2 .tit{ color:#FFF !important;}
@media (min-width: 768px) {	
	.banner1_2{ height:370px;}
}


.banner2{}


/*
.banner2{ position:relative; color:#FFF; background-color:#999;}
.banner2 .pic{ width:100%;}
.banner2 .pic img{ width:100%; display:block;}
.banner2 .info{ position:absolute; width:100%; padding:0 5%;}
.banner2 .info .tit{}
.banner2 .info .desc{ padding:20px 0;}
@media (min-width: 768px) {	
	.banner2 .info{ padding:0;}
	.banner1 .info .desc{ padding:24px 0 27px;}
}
*/




/*子菜单*/
.sub_menu{ background-color:#f7f7f7; -webkit-box-shadow:0 5px 8px rgba(0,0,0,0.03); -moz-box-shadow:0 5px 8px rgba(0,0,0,0.03); box-shadow:0 5px 8px rgba(0,0,0,0.03); position:relative;}
.sub_menu li{ float:left; margin-right:20px;}
.sub_menu li a{ height:60px; line-height:60px; padding:0 10px; display:block; position:relative;}
.sub_menu li.active a{ color:var(--themeColor);}
.sub_menu li.active a:after{ width:100%; height:2px; background-color:var(--themeColor); content:""; display:block; position:absolute; left:0; bottom:-1px;}


.page_sub_menu{ text-align:center; position:relative; z-index:100;}
.page_sub_menu ul{}
.page_sub_menu li{}
.page_sub_menu li a{line-height:40px; -moz-border-radius:40px; border-radius:40px; border:solid 2px rgba(0,0,0,0); padding:0 20px; font-weight:bold; text-align:center; display:block;}
.page_sub_menu li a:hover{}
.page_sub_menu li.active a{ border-color:var(--themeColor); color:var(--themeColor);}
.index_course .bd{}
@media (min-width: 768px) {		
	.page_sub_menu{}
	.page_sub_menu ul{}
	.page_sub_menu li{}
}
@media (max-width: 767px) {
	.page_sub_menu ul{overflow-x:auto; width: 100%; justify-content: flex-start;}	
	.page_sub_menu ul li{white-space: nowrap; flex:none;}
}




/*底部样式*/



/*手机底部工具栏*/
.mobile_bottom_tool{ bottom:0; height:60px; background-color:#7f7f7f; position:fixed; z-index:99997; width:100%; -webkit-transform:translateZ(0);}
.mobile_bottom_tool ul{}
.mobile_bottom_tool ul li{ width:25%;}
.mobile_bottom_tool a{ color:#FFF; text-align:center; height:60px; line-height:18px; display:block;}
.mobile_bottom_tool a img{ width:23px; margin-top:8px;}


.blank_row{ height:64px;}
.blank_row2{ height:48px;}
.blank_row3{ height:24px;}
.blank_row4{ height:20px;}
.blank_h10{ height:10px;}
.blank_h20{ height:20px;}
.blank_h24{ height:20px;}
.page_content{ padding:64px 0;}  /* overflow-x:hidden;*/
.page_content2{ padding:25px 15px; background-color:#FFF;}
.title1{ color:var(--themeColor); font-weight:bold;}
.title2{ font-weight:bold;}
.title3{}
@media (min-width: 768px) {	
	.blank_row{ height:112px;}
	.blank_row2{ height:80px;}
	.blank_row3{ height:48px;}
	.blank_row4{ height:24px;}
	.blank_h24{ height:24px;}
	.page_content{ padding:112px 0;}
	.page_content2{ padding:30px 15px;}
}
/*
@media (min-width: 992px) {
	.blank_row{ height:40px;}
	.blank_row2{ height:25px;}
	.page_content{ padding:40px 0;}
}
@media (min-width: 1200px) {
	.blank_row{ height:50px;}
	.blank_row2{ height:30px;}
	.page_content{ padding:50px 0;}	
}
@media (min-width: 1400px) {
	.blank_row{ height:60px;}
	.blank_row2{ height:40px;}
	.page_content{ padding:60px 0;}
}
*/

.icon18{}
.icon18 em{ font-size:18px; font-weight:600}
.icon18 em:before{ line-height:14px;}
.icon24{}
.icon24 em{ font-size:24px; font-weight:400}
.icon32{}
.icon32 em{ font-size:32px; font-weight:400}
.icon48{}
.icon48 em{ font-size:48px; font-weight:400}
.icon80{}
.icon80 em{ font-size:80px; font-weight:400}


/*swiper样式1*/
.index_swiper1{ position:relative; padding:0 4px; margin:-16px -12px; overflow:hidden;}
.index_swiper1>div{}
.index_swiper1 .item{ padding:16px 8px;}
@media (min-width: 414px) {	
	.index_swiper1{ padding:0 8px; margin:-16px -8px;}
}
@media (min-width: 768px) {	
	/*.index_swiper1{ padding:0 16px; margin:-16px -16px;}*/
	.index_swiper1{ padding:0 4px; margin:-16px -20px;}
	.index_swiper1 .item{ padding:16px;}
}
@media (min-width: 992px) {
	.index_swiper1{ margin:-8px -24px;}
}
@media (min-width: 1200px) {
	.index_swiper1{ padding:0 16px; margin:-16px -32px;}	
}
.index_swiper1 .swiper-pagination .swiper-pagination-bullet{ background-color:#cccccc; opacity:1;}
.index_swiper1 .swiper-pagination .swiper-pagination-bullet-active{ background-color:#000000;}
/*
@media (min-width: 992px) {	
	.index_swiper1{ padding:0 12px; margin:-16px -27px;}
}
*/

/*swiper样式2*/
.index_swiper2{ position:relative; padding:0 4px; margin:0 -12px; overflow:hidden;}
.index_swiper2>div{}
@media (min-width: 414px) {	
	.index_swiper2{ padding:0 8px; margin:0 -8px;}
}
@media (min-width: 768px) {	
	.index_swiper2{ padding:0; margin:0;}
}

/*swiper样式3*/
.index_swiper3{ position:relative;}
.index_swiper3 .swiper-slide{}
.index_swiper3 .swiper-slide img{ width:100%; display:block;}


/*首页样式*/
.index_course{}
.index_course .hd{ text-align:center; position:relative; z-index:100;}
.index_course .hd ul{}
.index_course .hd li{}
.index_course .hd li a{line-height:40px; -moz-border-radius:40px; border-radius:40px; border:solid 2px rgba(0,0,0,0); padding:0 20px; font-weight:bold; text-align:center; display:block;}
.index_course .hd li a:hover{}
.index_course .hd li.on a{ border-color:var(--themeColor); color:var(--themeColor);}
.index_course .bd{}
@media (min-width: 768px) {		
	.index_course .hd{}
	.index_course .hd ul{}
	.index_course .hd li{}
}
@media (max-width: 767px) {	
	/*.index_course .hd li{ width:50%;}*/
	.index_course .hd ul{overflow-x:auto; width: 100%; justify-content: flex-start;}	
	.index_course .hd ul li{white-space: nowrap; flex:none;}
}

.index_course_list{}
.index_course_list .item{ padding:24px 0;}
.index_course_list .item .pic{ width:100%;}
.index_course_list .item .info{ width:100%; padding:32px 0;}
.index_course_list .item .info .tit{ color:var(--themeColor); font-weight:bold;}
.index_course_list .item .info .desc{ font-weight:600; padding:8px 0 0;}
.index_course_list .item .info .school{ padding:16px 0 0; margin:0 -5px;}
.index_course_list .item .info .school a{ padding:0 5px; display:inline-block;}
.index_course_list .item .bt{ width:100%;}
@media (min-width: 768px) {	
	.index_course_list .item{ border-bottom:solid 2px var(--themeColor); padding:32px 0;}
	.index_course_list .item:first-child{ border-top:solid 2px var(--themeColor);}
	.index_course_list .item .pic{ width:144px;}
	.index_course_list .item .info{ width:calc(100% - 248px); padding:0 32px;}
	.index_course_list .item .info .desc{ padding:0;}
	.index_course_list .item .info .school{}
	.index_course_list .item .bt{ width:104px !important; padding:0 !important;}
}
@media (max-width: 767px) {
	.index_course_list .item{ border-top:solid 2px var(--themeColor); border-bottom:solid 2px var(--themeColor);}
	.index_course_list .swiper-container{ margin:0 10px;}
}
/*
@media (min-width: 992px) {
	.index_course_list .item{ padding:30px 0;}
}
@media (min-width: 1500px) {
	.index_course_list .item{ padding:40px 0;}
}
*/


.index_course_list2{}
.index_course_list2 .item{}
.index_course_list2 .item a{ display:block; background-color:#FFF; position:relative;}
.index_course_list2 .item .pic{ overflow:hidden;}
.index_course_list2 .item .info{ padding:5%; position:absolute; left:0; top:0; font-size:18px; font-weight:bold; width:100%; height:100%; color:#FFF; background-color:rgba(0,0,0,0); }
.index_course_list2 .item a:hover .info{ background-color:rgba(0,0,0,0.5); padding-bottom:30px;}



.index_news{ background-size:cover; background-position:center top;}

.index_news_list{}
.index_news_list .item{}
.index_news_list .item a{ display:block; background-color:#FFF;}
.index_news_list .item .pic{ overflow:hidden;}
.index_news_list .item .info{ padding:24px 20px;}
.index_news_list .item .info .class{ color:var(--txtColor);}
.index_news_list .item .info .tit{ font-weight:bold; padding:8px 0;}
.index_news_list .item .info .desc{ color:var(--txtColor);}
@media (min-width: 768px) {	
	.index_news_list .item .info{ padding:24px;}
}


.index_about{ padding:80px 0;}
@media (max-width: 767px) {	
	.index_about .title1{ text-align:center;}
}
/*
.index_about1{}
.index_about1 .info{ padding:10px 0;}
@media (min-width: 768px) {	
	.index_about1{ position:absolute; width:47%; right:0; top:20px;}
}
@media (min-width: 992px) {
	.index_about1{ top:30px;}
}
@media (max-width: 767px) {	
	.index_about1{}
	.index_about1 .title1{ text-align:center;}
}
*/


.index_about2{ margin:-20px 0;}
.index_about2 .item{ padding:20px 0;}
.index_about2 .pic{ width:100%;}
.index_about2 .info{ width:100%;}
.index_about2 .info .tit{ font-weight:bold;}
.index_about2 .info .desc{ padding:10px 0;}
@media (min-width: 768px) {	
	.index_about2 .pic{ width:47%;}
	.index_about2 .info{ width:47%; padding:30px 0;}
}
@media (min-width: 992px) {	
	.index_about2{ margin:-30px 0;}
	.index_about2 .item{ padding:30px 0;}
}


.index_student_list{ margin-top:-120px;}
.index_student_list .swiper-container{ padding:100px 0;}
.index_student_list .swiper-wrapper{ align-items:stretch !important; height:auto !important;}
.index_student_list .item{}
.index_student_list .item a{ display:block; background-color:#FFF; color:var(--txtColor); padding:24px; height:100%; box-sizing:border-box;}
.index_student_list .item .pic img{ width:116px; display:block;}
.index_student_list .item .desc{ padding:20px 0;}
.index_student_list .item .info{}
.index_student_list .item .info .head{ width:48px;}
.index_student_list .item .info .head img{ width:48px;}
.index_student_list .item .info .name{ width:calc(100% - 48px); line-height:1.6;}
@media (min-width: 768px) {	
	.index_student_list{ margin-top:-130px;}
	.index_student_list .swiper-container{ padding:110px 0;}
	.index_student_list .item a{ padding:32px;}
	.index_student_list .item .desc{ padding:24px 0;}
	.index_student_list .item .info .name{ padding-left:16px;}
}
@media (max-width: 767px) {	
	.index_student_list .item .info .head{ width:100%;}
	.index_student_list .item .info .name{ width:100%; padding-top:16px;}
}


.index_school{ margin:-24px 0; overflow:hidden;}
.index_school .item{ width:100%; padding:24px 0;}
.index_school .item .name{ font-weight:bold;}
.index_school .item .txt1{ padding:12px 0 24px;}
.index_school .item .txt2{}
@media (min-width: 768px) {	
	.index_school{ margin:-32px -16px;}
	.index_school .item{ width:50%; padding:32px 16px;}
	.index_school .item .txt1{ padding:16px 0 32px;}
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
	.index_school .item{ width:25%;}
}
/*
@media (min-width: 1200px) {	
	.index_school{ margin:-30px;}
	.index_school .item{ width:25%; padding:30px;}
	.index_school .item .txt1{ padding:20px 0;}
}
*/






/*新闻列表*/
.news_list1{ border-bottom:dashed 1px var(--lineColor); background-image:url(../img/arrow2.png); background-position:6px 17px; background-repeat:no-repeat;}
.news_list1 a{ padding:8px 8px 8px 24px; display:block;}
.news_list1 .title{}
.news_list1 .time{ color:var(--descColor);}

.news_list2{ padding:8px 0;}
.news_list2 a{ display:block; background-color:#FFF; padding:8px;}
.news_list2 .pic{ width:40%;}
.news_list2 .info{ width:60%; padding-left:10px;}
.news_list2 .info .title{}
.news_list2 .info .desc{ color:var(--descColor); padding-top:10px;}
.news_list2 .info .time{ color:var(--descColor); padding-top:10px;}


.news_list3{ margin:0 -8px;}
.news_list3>div{ width:50%; padding:8px;}
.news_list3 a{ display:block; text-align:center;}
.news_list3 a .pic{padding:5px; background-color:#FFF; border:solid 0px var(--lineColor); overflow:hidden;}
.news_list3 a .title{ padding:5px 0 0;}
@media (min-width: 768px) {
	.news_list1{  background-position:6px 24px;}
	.news_list1 a{ padding:12px 12px 12px 24px;}
	.news_list1 .title{ float:left;}
	.news_list1 .time{ float:right;}
	
	.news_list2{ padding:20px 0;}
	.news_list2 a{ padding:20px;}
	.news_list2 .pic{ width:30%;}
	.news_list2 .info{ width:70%; padding-left:60px;}
	
	.news_list3{ margin:0 -10px;}
	.news_list3>div{ width:33.33%; padding:10px;}
}
@media (min-width: 992px) {
	.news_list3{ margin:0 -14px;}
	.news_list3>div{ padding:14px;}
}
@media (min-width: 1200px) {
	.news_list3{ margin:0 -18px;}
	.news_list3>div{ padding:18px;}
}
@media (min-width: 1400px) {
	.news_list3{ margin:0 -20px;}
	.news_list3>div{ padding:20px;}
}


/*
.news_list4{ margin:-16px 0;}
.news_list4 .item{ padding:16px 0; width:100%;}
.news_list4 .item .con{ border:solid 1px var(--themeColor);}
.news_list4 .item .con .pic{ width:192px; background-size:cover; background-position:center;}
.news_list4 .item .con .info{ width:calc(100% - 328px); padding:5px 32px;}
.news_list4 .item .con .info .desc{ padding:16px 0 0;}
.news_list4 .item .con .bt{ width:136px;}
.news_list4 .item .con .bt a{ margin:0 !important;}
@media (max-width: 767px) {
	.news_list4 .item .con .pic,
	.news_list4 .item .con .info,
	.news_list4 .item .con .bt{ width:100%;}
	.news_list4 .item .con .info{ padding:24px;}
	.news_list4 .item .con .bt{ padding:8px 24px 24px;}
}
*/

.news_list4{ margin:-16px 0;}
.news_list4 .item{ padding:16px 0; width:100%;}
.news_list4 .item .con{ border:solid 1px var(--themeColor);}
.news_list4 .item .con .pic{ width:192px; background-size:cover; background-position:center;}
.news_list4 .item .con .info{ width:calc(100% - 192px); padding:5px 32px; color:var(--txtColor);}
.news_list4 .item .con .info .desc{ padding:16px 0 0;}
.news_list4 .item .con .bt{ width:136px;}
.news_list4 .item .con .bt a{ margin:0 !important;}
.news_list4 .item .con:hover h5{ color:var(--themeColor);}
@media (max-width: 767px) {
	.news_list4 .item .con .pic,
	.news_list4 .item .con .info,
	.news_list4 .item .con .bt{ width:100%;}
	.news_list4 .item .con .info{ padding:24px;}
	.news_list4 .item .con .bt{ padding:8px 24px 24px;}
}


/*
.news_detail_other{ margin:0 -16px;}
.news_detail_other .item{ width:33.33%; padding:0 16px;}
.news_detail_other .item a{ display:block;}
.news_detail_other .item .pic{ overflow:hidden;}
.news_detail_other .item .class_name{ font-weight:500; color:var(--txtColor);}
.news_detail_other .item .title{ padding:8px 0;}
.news_detail_other .item .desc{ color:var(--txtColor);}
@media (max-width: 767px) {	
	.news_detail_other{ margin:-24px 0;}
	.news_detail_other .item{ width:100%; padding:24px 0;}
}
*/




/*新闻详情*/
.news_detail{}
.news_detail .title{ text-align:center;}
.news_detail .time{ text-align:center; padding:10px 0;}
.news_detail .content{ min-height:100px;}
.news_detail .content2{}
.news_detail .btn{ border-top:solid 1px var(--lineColor2); padding:15px 0 0; line-height:30px;}
.news_detail .btn div{ padding:5px 0;}
.news_detail .btn a{ color:var(--themeColor); display:inline-block;}
.news_detail .btn a:hover{ color:var(--themeColor); text-decoration:underline;}



.news_detail_1{}
.news_detail_1 .desc{}
.news_detail_1 .desc .l{}
.news_detail_1 .desc .r{}

.news_detail_2{}
.news_detail_2 .content{ font-size:18px;}
.news_detail_2 .content blockquote{ border-left: solid 2px var(--themeColor); margin:0 !important; padding-left:20px; font-style:italic;}

.news_detail_other{ margin:0 -16px;}
.news_detail_other .item{ width:33.33%; padding:0 16px;}
.news_detail_other .item a{ display:block;}
.news_detail_other .item .pic{ overflow:hidden;}
.news_detail_other .item .class_name{ font-weight:500; color:var(--txtColor);}
.news_detail_other .item .title{ padding:8px 0;}
.news_detail_other .item .desc{ color:var(--txtColor);}
@media (max-width: 767px) {	
	.news_detail_other{ margin:-24px 0;}
	.news_detail_other .item{ width:100%; padding:24px 0;}
}



.share{ margin:-4px;}
.share .item{ padding:4px;}
.share .item a{ width:32px; height:32px; line-height:32px; -moz-border-radius:32px; border-radius:32px; background-color:#eeeeee; display:inline-block; text-align:center;}
.share .item a em{ font-size:22px;}
.share .item a:hover{}
.share .item a:hover em{ color:var(--themeColor);}
/*.share .item a .icon-tuite{ font-size:20px;}*/



/*产品列表样式*/
.prod_row1{ padding:0 8px;}
.prod_row2{ margin:0 -8px;}
.prod_list1{}
.prod_list1 a{margin:8px; display:block; text-align:center;}
.prod_list1 .pic{ padding:5px; background-color:#FFF; border:solid 0px var(--lineColor); overflow:hidden;}
.prod_list1 .pic img{ display:block; width:100%;}
.prod_list1 .txt{ padding:8px 0 0;}
.prod_list1 a:hover .pic{ border-color:var(--themeColor);}
@media (min-width: 768px) {	
	.prod_row1{ padding:0 10px;}
	.prod_row2{ margin:0 -10px;}
	.prod_list1 a{ margin:10px;}
	.prod_list1 .txt{ padding:12px 0 0;}
}
@media (min-width: 992px) {
	.prod_row1{ padding:0 14px;}
	.prod_row2{ margin:0 -14px;}
	.prod_list1 a{ margin:14px;}
}
@media (min-width: 1200px) {
	.prod_row1{ padding:0 18px;}
	.prod_row2{ margin:0 -18px;}
	.prod_list1 a{ margin:18px;}
}
@media (min-width: 1400px) {
	.prod_row1{ padding:0 20px;}
	.prod_row2{ margin:0 -20px;}
	.prod_list1 a{ margin:20px;}
}

/*产品详情*/
.prod_detail{}
.prod_detail .title{ text-align:center; padding:10px 0;}
.prod_detail .desc{ padding:10px 0;}
.prod_detail .desc1{text-align:center;}
.prod_detail .desc1 .swiper{ max-width:1000px; margin:0 auto;}
.prod_detail .desc2_1{ padding:10px 0;}
.prod_detail .desc2_2{}

.prod_detail .pic{ text-align:center; padding:10px 0;}
.prod_detail .pic .swiper{ max-width:1000px; margin:0 auto;}
.prod_detail .content{ padding:10px 0;}
.prod_detail .content video{ background-color:#000;}
@media (max-width: 767px) {	
	.prod_detail .content video{ width:100%; height:420px;}
}
.prod_detail .content2{}

.prod_detail .intro .row{ margin:0 -15px;}
.prod_detail .intro h2{ border-bottom:dashed 1px #ccc; font-weight:bold; margin-top:14px; margin-bottom:10px; font-size:18px; padding:12px 0; color:#f26924;}
.prod_detail .intro h2 em{ font-weight:normal; font-style:normal; font-size:16px; color:#999; margin-left:10px;}
.prod_detail .intro ul{ padding-left:22px;}
.prod_detail .intro ul li{ list-style-type:square;}
.prod_detail .intro .con_tabs{}
.prod_detail .intro .con_tabs th, .prod_detail .intro .con_tabs td{ vertical-align:top; padding:0; margin:0;}
.prod_detail .intro .con_tabs th{ width:90px; font-weight:normal; text-align:left;}

.prod_detail .item{ text-align:center; padding:10px 0; position:relative; border-bottom:solid 1px var(--lineColor2);}
.prod_detail .item:after{ width:60px; margin-left:-30px; height:1px; background-color:var(--themeColor); bottom:0; left:50%; content:""; display:inline-block; position:absolute;}
.prod_detail .btn{ text-align:center;}
.prod_detail .more{ padding:10px 0 0;}



/*课程*/
.course_index_kcts{ margin:-24px 0;}
.course_index_kcts .item{ width:100%; text-align:center; padding:24px 0;}
.course_index_kcts .item .pic{}
.course_index_kcts .item .tit{ padding:24px 0 20px;}
.course_index_kcts .item .desc{}
@media (min-width: 768px) {	
	.course_index_kcts{ margin:0 -12px;}
	.course_index_kcts .item{ width:33.33%; padding:0 12px;}
	.course_index_kcts .item .tit{ padding:24px 0;}
	.course_index_kcts.two .item{ width:50%;}
}
@media (min-width: 992px) {	
	.course_index_kcts{ margin:0 -24px;}
	.course_index_kcts .item{ padding:0 24px;}
}


/*
.course_index_teacher{ margin:-16px;}
.course_index_teacher .item{ width:100%; text-align:center;}
.course_index_teacher .item a{ margin:16px; display:block;}
.course_index_teacher .item .pic{ padding:0 32px;}
.course_index_teacher .item .name{ font-weight:bold;}
.course_index_teacher .item .desc{}
@media (min-width: 768px) {	
	.course_index_teacher{ margin:-32px -16px;}
	.course_index_teacher .item{ width:25%;}
	.course_index_teacher .item a{ margin:32px 16px;}
}
@media (min-width: 992px) {	
	.course_index_teacher .item .pic{ padding:0 5%;}
}
*/

.course_index_teacher{}
.course_index_teacher .item{ width:100%; text-align:center;}
.course_index_teacher .item .pic{ max-width:240px; margin:0 auto; background-repeat:no-repeat; background-image:url(/public/default/img/teacher_bg.png); background-size:100% auto; background-position:center bottom;}
.course_index_teacher .item a{ display:block;}
@media (min-width: 768px) {	
	.course_index_teacher{ margin:-16px;}
	.course_index_teacher{ margin:-32px -16px;}
	.course_index_teacher .item{ width:25% !important;}
	.course_index_teacher .item a{ margin:32px 16px; display:block;}
	.course_index_teacher .item .pic{}
	.course_index_teacher .item .name{ font-weight:bold;}
	.course_index_teacher .item .desc{}
	.course_index_teacher.swiper-container-auto .swiper-wrapper {flex-direction: row !important; flex-wrap:wrap !important;}
}
@media (min-width: 992px) {	
	.course_index_teacher .item .pic{ padding:0 5%;}
}
@media (max-width: 767px) {
	.course_index_teacher .swiper-container{ margin:0 8px;}
}




.course_index_baoming{}
.course_index_baoming .l{}
.course_index_baoming .l .tit{ font-weight:bold; padding-bottom:24px;}
.course_index_baoming .r{}
@media (max-width: 767px) {	
	.course_index_baoming .l{ width:100%;}
	.course_index_baoming .l .tit{ padding-bottom:12px;}
	.course_index_baoming .r{ width:100%; margin-top:24px;}
}



/*课程详情*/
.course_detail_1{ margin:-24px 0;}
.course_detail_1 .item{ width:100%; padding:24px 0;}
.course_detail_1 .item .con{ border-left:solid 2px var(--themeColor); padding-left:4%;}
.course_detail_1 .item .con a{ display:inline-block; padding:3px 0;}
.course_detail_1 .item .con .desc{ color:var(--descColor);}
@media (min-width: 768px) {	
	.course_detail_1{ margin:0 -40px;}
	.course_detail_1 .item{ width:50%; padding:0 40px;}
}
@media (max-width: 767px) {	
	.course_detail_1{}
}

.course_detail_faq{}
.course_detail_faq .info{ width:100% !important;}
.course_detail_faq .info .bt{}
.course_detail_faq .list{ width:100% !important;}
@media (min-width: 768px) {	
	.course_detail_faq{ margin:0 -40px;}
	.course_detail_faq .info{ width:40% !important;}
	.course_detail_faq .list{ width:60% !important;}
}

.faq_list{}
.faq_list .faq_item{ margin-top:10px; border:solid 1px var(--themeColor);} 
.faq_list .faq_item:first-child{ margin-top:0;}
.faq_list .q{ position:relative; padding:20px; cursor:pointer; font-weight:bold;}
.faq_list .q em{ position:absolute; right:10px; width:24px; height:24px; line-height:24px; text-align:center; color:var(--themeColor);}
.faq_list .faq_item.on .q{ font-weight:bold;}
.faq_list .faq_item.on .q em{ transform:rotate(45deg);}
.faq_list .a{ display:none;  padding:0 20px 20px;}
@media (min-width: 768px) {	
	.faq_list .q{ padding:22px 24px;}
	.faq_list .q em{ width:30px; height:30px; line-height:30px;}
	.faq_list .a{ padding:0 24px 24px;}
}



/*分校列表*/
.school1{}
.school1 .info{ margin:-12px 0;}
.school1 .info .item{ padding:12px 0;}
@media (min-width: 768px) {	
	.school1 .info{ width:500px;}
}
@media (max-width: 767px) {	
	.school1 .info{ width:100%; margin-top:48px;}
}

.school_list{ margin:-12px;}
.school_list .item{ width:100%; padding:12px;}
.school_list .item a{ border:solid 1px var(--themeColor); height:100%; display:block;}
.school_list .item a .pic{ background-repeat:no-repeat; background-size:cover; background-position:center;}
.school_list .item a .pic img{ width:100%;}
.school_list .item a .info{ padding:24px; color:var(--txtColor);}
.school_list .item a .info .location{ font-weight:500;}
.school_list .item a .info .name{ padding:8px 0;}
.school_list .item a .info .address{}
.school_list .item a .info .tel{ padding:30px 0;}
.school_list .item a .info .time{}
.school_list .item a:hover .info .name{color: var(--themeColor);}
@media (min-width: 768px) {	
	.school_list{ margin:-16px;}
	.school_list .item{ width:50%; padding:16px;}
}
@media (min-width: 992px) {	
	.school_list .item{ width:33.33%;}
}
@media (min-width: 1200px) {	
	.school_list .item{ width:25%;}
}


/*分校详情*/
.school_detail_desc{ padding:20px 0 0;}
@media (min-width: 768px) {	
	.school_detail_desc{ padding:24px 0 0;}
}

.school_detail1{}
.school_detail1 .l{ width:100%;}
.school_detail1 .r{ width:100%; padding:64px 20px;}
.school_detail1 .r .address{ padding:20px 0 24px;}
@media (min-width: 768px) {	
	.school_detail1 .l{ width:50%;}
	.school_detail1 .r{ width:50%; padding:20px 64px 20px 80px;}
	.school_detail1 .r .address{ padding:24px 0 32px;}
}

.school_detail2{}
.school_detail2 .info{ width:100%; margin-bottom:28px;}
.school_detail2 .info .item{ padding:20px 0;}
.school_detail2 .info .item .jg{ padding:8px 0;}
.school_detail2 .map{ width:100%;}
@media (min-width: 768px) {	
	.school_detail2 .info{ width:36.5%; margin:-30px 0;}
	.school_detail2 .map{ width:63.5%;}
}

.school_detail3{}

.school_detail4{}
.school_detail4 .pic{ width:100%;}
.school_detail4 .info{ width:100%; padding:0 0 48px 0;}
@media (min-width: 768px) {	
	.school_detail4 .pic{ width:47%;}
	.school_detail4 .info{ width:53%; padding:0 80px 0 0;}
	.school_detail4 .list.flex_direction_rr .info{ padding:0 0 0 80px;}
}



/*师资列表*/
.teacher_list{ margin:-24px -16px;}
.teacher_list .item{ width:100%; padding:24px 16px;}
.teacher_list .item a{ display:block;}
.teacher_list .item .pic{}
.teacher_list .item .pic{ background-repeat:no-repeat; background-size:cover; background-position:center;}
.teacher_list .item .pic img{ width:100%;}
.teacher_list .item .name{ margin-top:20px; font-size:18px; font-weight:500;}
.teacher_list .item .desc{}
.teacher_list .item .desc2{ padding:16px 0 20px;}
.teacher_list .item .icon{ margin:0 -7px;}
.teacher_list .item .icon a{ margin:0 7px; display:inline-block;}
@media (min-width: 768px) {	
	.teacher_list{ margin:-32px -16px;}
	.teacher_list .item{ padding:32px 16px; width:25%;}
	.teacher_list .item a{}
	.teacher_list .item .name{ margin-top:24px; font-size:20px;}
	.teacher_list .item .desc2{ padding:16px 0 24px;}
}


/*师资列表2*/
.teacher_list2{ margin:-24px -16px;}
.teacher_list2 .item{ width:100%; padding:24px 16px;}
.teacher_list2 .item a{ display:block;}
.teacher_list2 .item .pic{ max-width:240px; margin:0 auto; background-repeat:no-repeat; background-image:url(/public/default/img/teacher_bg.png); background-size:100% auto; background-position:center bottom;}
.teacher_list2 .item .pic img{ width:100%;}
.teacher_list2 .item .name{ margin-top:20px; font-size:18px; font-weight:500;}
.teacher_list2 .item .desc{}
.teacher_list2 .item .desc2{ padding:16px 0 20px;}
.teacher_list2 .item .icon{ margin:0 -7px;}
.teacher_list2 .item .icon a{ margin:0 7px; display:inline-block;}
@media (min-width: 768px) {	
	.teacher_list2{ margin:-32px -16px;}
	.teacher_list2 .item{ padding:32px 16px; width:25%;}
	.teacher_list2 .item a{}
	.teacher_list2 .item .name{ margin-top:24px; font-size:20px;}
	.teacher_list2 .item .desc2{ padding:16px 0 24px;}
}




/*按钮样式*/
.btns{ margin:0 -8px;}
.btn1{ line-height:40px; -moz-border-radius:40px; border-radius:40px; margin:0 8px; padding:0 20px; display:inline-block; color:var(--themeColor); border:solid 2px var(--themeColor); cursor:pointer;}
.btn1:hover{ border-color:var(--themeColor);  background-color:var(--themeColor); color:#FFF;}
.btn1.red{ background-color:var(--themeColor); color:#FFF;}
.btn1.red:hover{ color:#FF0;}
.btn1.white{ border-color:#FFF; background-color:#FFF; color:var(--txtColor);}
.btn1.white:hover{border-color:var(--themeColor); background-color:var(--themeColor); color:#FFF;}
@media (min-width: 768px) {	
}
@media (max-width: 767px) {	
	.rr .btn1{ border-color:#FFF; color:#FFF;}
	.rr .btn1:hover{ background-color:#FFF; color:var(--themeColor);}
	.rr .btn1.red{ background-color:#FFF; color:var(--themeColor);}
	.rr .btn1.red:hover{ border-color:var(--themeColor); background-color:var(--themeColor); color:#FFF;}
}


/*分页样式*/
.page{ line-height:28px; padding:20px 0;}
.page_btn{ text-align:center; line-height:36px;}
.page_btn a{ border:solid 1px var(--lineColor); background-color:#FFF; padding:0 15px; display:inline-block; margin:3px 5px; -moz-border-radius:3px; border-radius:3px;}
.page_btn a:hover{ border-color:var(--themeColor); color:var(--themeColor);}
.page_btn strong{ border:solid 1px var(--themeColor); background-color:var(--themeColor); color:#FFF; padding:0 15px; display:inline-block; margin:3px 5px; -moz-border-radius:3px; border-radius:3px;}
.page_info{ float:right; padding:0 10px;}
.page_info .per_page{width:70px; padding:0 10px;}


.icon-whatsapp1{ font-size:22px !important; font-weight:500 !important; margin:0 2px;}