﻿@charset "utf-8";

	*{ margin: 0 auto; font-size: 14px;}
	div{ overflow:hidden;}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:inline-block; max-width:100%;}
	@font-face{
		font-family:'centurygothic';
		src:url(../font/centurygothic.ttf);
	}

	
	/*头部样式*/
	header{padding:1% 0;}
	.max{ max-width:1200px; width:100%;}
	.header_logo{ float:left; width:100%;}
	.header_logo img{ float:left;}
	.header_logo span{ float:left; font-size:26px; border-left:1px solid #ccc; line-height:60px; color:#e05e1b;  padding-left:2%; margin-left:2%;}
	.header_tel{ text-align:left; float:left; width:20%; transform:translateY(50%);}
	.header_tel img{ float:left;}
	.header_tel span{ float:left; margin-left:5%;}
	.header_tel span p{ color:#333; line-height:20px;}
	.header_tel span p:nth-child(2){ color:#df0024; font-size:24px;}

	/*导航样式*/
	nav{ width:100%; background:#df0024; float:left;}
	.nav{ max-width:1200px; padding-left:0px;}
	.nav>li>a{ width:100%; padding:17px 0; font-weight:bold; text-align:center; color:#fff; font-size:16px; float:left;}
	.nav li a:hover{ background:#cccccc; color:#df0024;}
	.nav>li{ position:relative; float:left; width:calc(100% / 7);}
	.nav li ol{ position:absolute; top:100%; background:rgba(223,0,36,0.70); width:100%; z-index:-5; left:0px;}
	.nav li ol li{ float:left; height:0px; width:100%;overflow:hidden; }
	.nav li ol li a{padding:0px 5%;text-align:center; width:100%; box-sizing: border-box; font-weight:bold; text-align:center; color:#fff; font-size:16px; float:left;}
	.nav li:hover{ background:#cccccc;}
	.nav li:hover ol{ z-index:5; height:auto;}
	.nav li:hover ol li{ height:auto; transition:all linear 0.2s;}
	.nav li:hover ol li a{padding:17px 0;  transition:all linear 0.05s;}
	#dh{ display:none; float:right; width:10%; text-align:center;}
	.dh{text-align:center;max-width:70px; background:none; border:1px solid #999; font-size:24px; max-height:70px; width:100%; height:70px;}
	
	/*幻灯片样式*/	
	.banner{width:100%; position:relative; height:430px;}
	.banner ul{ position:absolute; z-index:1; left:0px; top:0px;}
	.banner ul li{ float:left;}
	.banner img{ width:100%;}
	.banner ol{ opacity:0; list-style:none; position:absolute; text-align:center; float:left; width:100%; bottom:2%;}
	.banner ol li{ cursor:pointer; display:inline-block; margin-left:5px;border-radius:50%; height:10px; width:10px; background:#fff; border:2px solid #df0024; opacity:0.8;}
	.banner ol li:hover{border:2px solid #df0024; opacity:1;}
	.banner:hover ol{ opacity:1; transition:all linear 0.5s;}
	.lef_rig{ display:none;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:35%; position:absolute; height:75px; z-index:2; background:url(../images/left_right.png); width:50px; left:1%; }
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:35%; position:absolute; height:75px; z-index:2; background:url(../images/left_right.png) bottom; width:50px; right:1%; }
	.lef_rig span:hover{ opacity:0.8; }
	#dot{ background:#df0024; opacity:1;}
	
	/*首页资料*/
	.cooperation{ max-width:1200px; margin:51px auto;}
	.cooperation div{ max-width:calc(100% / 3); padding:20px; width:100%; float:left; box-sizing:border-box;}
	.cooperation div span{ width:100%; padding:24px; box-sizing:border-box; float:left;}
	.cooperation div span p:first-child{ width:100%;float:left; color:#222; font-size:24px; margin-bottom:2%; line-height:33px; text-align:center;padding-bottom: 10px;}
	.cooperation div span p{ color:#fff; line-height:26px;}
	.cooperation div span a{ float:right; margin-top:5%;}
	.coop_l{ background:#b7b7b7;}
	.coop_l a{ border:1px solid #df0024; color:#fff;background:#df0024; max-width:55px; width:100%; line-height:24px; text-align:center;}
	.coop_l span{  border:1px solid #dbdbdb;}
	.coop_c{ background:#f5b2bd;}
	.coop_c a{ border:1px solid #df0024; color:#fff;background:#df0024;  max-width:55px; width:100%; line-height:24px; text-align:center;}
	.coop_c span{  border:1px solid #fad9de;}
	.coop_r{ background:#d5d6d4;}
	.coop_r a{ border:1px solid #df0024; background:#df0024; color:#fff; max-width:55px; width:100%; line-height:24px; text-align:center;}
	.coop_r span{  border:1px solid #ebebea;}
	
	.advantage{ background:url(../images/03.jpg) no-repeat left top; background-size:cover; padding:2% auto;}
	.advantage .max{ margin:2.5% auto;}
	.advantage .max div{ padding:0 1.8%; box-sizing:border-box; width:25%; float:left; border-right:1px solid rgba(255,255,255,0.30); color:#fff;}
	.advantage .max div span{ width:100%; float:left; text-align:center;}
	.advantage .max div span:first-child{ margin-bottom:2%;}
	.advantage .max div span:last-child{ line-height:26px;}
	.advantage .max div span font{ font-size:60px;}
	.advantage .max div:first-child{ padding-left:0px;}
	.advantage .max div:last-child{border:0px;}
	
	.about{ background:url(../images/04.jpg) no-repeat left top;}
	.about .max{ margin-bottom:0px; margin-top:2%;}
	.about_r{ background:#fff; width:60%; float:right; transform:skewX(10deg)}
	.about_r>div:first-child{transform:skewX(-10deg); padding:7% 0 0 15%; background:url(../images/01.png) no-repeat; background-position:right 5%; box-sizing:border-box;}
	.about_r div span{ float:left; width:100%;}
	.about_r div span:first-child{ margin-bottom:13px;}
	.about_r div span:first-child p{ font-size:30px; float:left;}
	.about_r div span:first-child p a{ font-size:30px;}
	.about_r div span:first-child p font{ font-size:40px; color:#df0024;}
	.about_r div span:first-child img{float:left; transform:translateY(50%); margin-left:3%;}
	.about_r div span:nth-child(2){ padding-top:50px; margin-bottom:2%; font-size:24px; color:#df0024; background:url(../images/06.jpg) no-repeat top left; background-size:contain; padding-left:12%;}
	.about_r div span:nth-child(3),.about_r div span:nth-child(4){ color:#333333; line-height:26px;text-indent:24px;}
	.about_r div span:nth-child(3) p{ color:#027516;}
	.about_r div div{ float:left;}
	.about_r div div img{ float:left; height:143px;width:100%;}
	.about_r div div img:nth-child(2){ margin:0 10px;}
	
	.classroom li{margin-right:10px; width:196px; float:left;}
	.classroom ul{ position:relative; height:150px; float:left; width:100%}
	
	
	.teacher{max-width:1200px; background:url(../images/02.png) no-repeat top center; margin-top:3.5%;}
	.teacher_t span{ display:block; width:100%; text-align:center;}
	.teacher_t span:first-child{font-size:30px; padding:1% 0 2% 0; background:url(../images/03.png) no-repeat bottom center;}
	.teacher_t span:first-child a{ font-size:30px;}
	.teacher_t span:first-child font{font-size:40px; color:#df0024;}
	.teacher_t span:nth-child(2){ text-align:center; color:#434343; line-height:26px; margin-top:1%;}
	.teacher_b{margin:68px 0 43px 0; position:relative;}
	.teacher_b ul{ position:relative; height:280px; overflow:hidden;}
	.teacher_b li{float:left; width:214px; margin-right:33px; margin-bottom:30px;}
	.teacher_b li div{ text-align:center; line-height:26px;}
	.teacher_b li div:nth-child(2){ font-size:20px; margin-top:5%;}
	.teacher_b li div:nth-child(3){ color:#bbb;}
	.teach_pic{ border-radius:100%; max-height:214px;}
	.teach_pic img{ width:100%;}
	.teacher_b span{ position:absolute; color:#fff; line-height:124px; text-align:center; font-family:"仿宋"; font-weight:bold; font-size:50px; top:25%;  left:0px; z-index:2; width:32px; height:124px; cursor:pointer; background:rgba(0,0,0,0.50);}
	.teacher_b span:last-child{ left:auto; right:0px;}
	
	.news{ background:#ccc; padding:3% 0px;;}
	.news .max{ background:url(../images/04.png) no-repeat center top;}
	.news_title{ text-align:center;background:url(../images/03.png) no-repeat bottom center; margin-bottom:4%; padding-bottom:1%; width:100%; float:left; font-size:30px;}
	.news_title a{font-size:30px;}
	.news_title font{ font-size:45px; font-weight:bold; color:#df0024;}
	.news_l{ float:left; width:46%; background:#fff; margin-bottom:1%;}
	.news_r{ float:right; width:52%;}
	.news_l img{height:253px; width:100%;}
	.news_lt{ padding:32px;}
	.news_lt div{ font-size:18px; margin-bottom:24px; line-height:26px;}
	.news_lt div a{font-size:18px;}
	.news_lt time{ float:left; width:20%; border-right:1px solid #ccc; box-sizing:border-box;}
	.news_lt time p{ font-size:28px; line-height:36px; color:#424242;}
	.news_lt time p:nth-child(2){ color:#636363;font-size:14px; }
	.news_lt span{ float:right; width:75%; color:#7c7c7c; line-height:28px;}
	.news_r li{ border-bottom:1px solid #c2d3cd; padding:27px 10px; float:left; background:#fdf1f3;}
	.news_r li span:first-child{ float:left; max-width:103px; border-radius:100%; overflow:hidden; height:103px; border:2px double #FFF;}
	.news_r li span:first-child img{width:100%; height:103px;}
	.news_r li span:nth-child(2){width:calc(100% - 120px); float:right;}
	.news_r li span:nth-child(2) p:first-child{ font-size:18px; line-height:26px; max-height:26px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
	.news_r li span:nth-child(2) p:nth-child(2){ font-size:14px; max-height:78px; overflow:hidden; color:#7c7c7c; line-height:26px;}
	.news_r li:hover span:nth-child(2) p:first-child{ color:#df0024;}
	
	footer{ background:#df0024;float:left; width:100%;}
	footer .max{ margin:0 auto;}
	.footer_t{ padding:28px 0;}
	.footer_t>div{ min-height:135px; box-sizing:border-box;}
	
	.teach{ color:#fff; width:15%; text-align:center; float:left; font-size:16px;}
	
	.recruit{ border-left:0px; color:#fff; width:13%; text-align: center; font-size:16px; float:left;line-height:27px;border-right:1px solid #e94d66;}
	
	.recruit a,.teach a{ color:#fae6e8;text-align:center; line-height:27px; display:block;}
	
	.url{border-left:1px solid #e94d66; float:left; width:35%; line-height:27px; padding:0 2%;color:#fae6e8;}
	.url a{ color:#fff; margin-right:12px;}
	
	.contact{border-left:1px solid #e94d66; width:24%; float:left; padding-left:2%; color:#fff;}
	.contact span{ float:left; width:100%; line-height:27px;}
	.contact .dz{ font-size:22px; line-height:32px;}
	
	.footer_b{ border-top:1px solid #e94d66; padding:1% 0; color:#efa3aa;}
	.footer_b a{ color:#efa3aa;}
	.footer_b a:last-child{ float:right;color:#efa3aa;}
	.contact .tel{ color:#efa3aa; font-size:28px;}
	
	/*内页*/
	
	.dwlx_bottom{ width:max-content; margin:30px auto;}
	.dwlx_bottom a{ padding:8px 20px; font-size:16px; background:#7c7c7c; display:block; float:left; margin:0px 10px; color:#FFF;}
	#nav_checked1{ background:#df0024;}
	.page{ background:#f5f5f5; float:left; width:100%;}
	.page_class{ background:#fff;}
	.page_class .max{ background:#fff; margin:0px auto; background-image:url(../images/06.png); background-repeat:no-repeat; background-position:left center; padding:15px 0 15px 25px; max-width:1200px; color:#616161; font-size:14px; box-sizing:border-box;}
	.page_class .max a{color:#616161; font-size:14px;}
	
	.news_list{margin:20px auto; max-width:1200px; box-sizing:border-box;}
	.news_list li{ float:left; max-height:370px; margin-bottom:20px; background:#fff; width:100%; font-size:14px; overflow:hidden;}
	.news_list li img{ float:left; width:100%;object-fit:cover; max-height:260px;}
 	
	.page_list{ float:left; width:100%; text-align:center;}
	.page_list a{ color:#616161; margin-right:5px;}
	.page_list a:first-child{ display:none;}
	.news_listl{ float:left; width:65%;}
	.news_listr{ float:right; width:35%;}
	.news_listl{ padding:26px 40px; box-sizing:border-box;}
	.news_listl span{ float:left; width:100%;}
	.news_listl span:first-child{ border-bottom:1px solid #d0deda;}
	.news_listl span:first-child p:first-child{font-size:20px; color:#333; padding-bottom:10px; text-overflow:ellipsis; float:left; width:100%; overflow:hidden;white-space:nowrap;}
	.news_listl:hover span:first-child p:first-child{color:#df0024;}
	.news_listl span:first-child p:nth-child(2){ padding-left:2%; font-size:16px; line-height:50px; color:#888;}
	.news_listl span:nth-child(2){font-size:14px; margin-top:2%; line-height:25px; color:#888;}
	.news_listl .more{ float:right; border:1px solid #df0024; color:#df0024; width:130px; height:40px; margin-top:2%; text-align:center; line-height:40px;}
	.news_listl .more:hover{ box-shadow:2px 2px 4px -2px #000;}
	
	.pro_list_l{ width:22%; float:left; box-shadow:0px 2px 6px -2px;}
	.pro_list_l span{ width:100%; float:left; color:#fff; padding:20px 0; text-align:center; background:#df0024; font-size:18px; letter-spacing:2px;}
	.pro_list_l ul{ padding:5%; box-sizing:border-box; background:#fff; float:left; width:100%;}
	.pro_list_l li a{ width:100%; float:left; padding:5%; box-sizing:border-box; border-bottom:1px dashed #ccc;}
	.pro_list_l li a:hover{ background:#df0024; color:#fff;}
	.pro_list_r{ width:100%;}
	.pro_list_r li{ float:left; width:calc(100% / 4 - 25px); margin:0px 12px 25px 12px;}
	.pro_list_r li:hover{ box-shadow:0px 2px 10px -2px #000; transition:all linear 0.1s;}
	.pro_title{ padding:14px 0; width:100%; font-size:16px; color:#1c1c1c; float:left; text-align:center;}
	.page_pro,.page_news,.page_about{ max-width:1200px; margin:2% auto;}
	.page_title{ font-size:24px; line-height:38px; text-align:center;}
	.pro_img{ text-align:center; margin-top:1.5%;}
	.pro_list_r .pro_img img{ height:250px; width:100%;}
	.page_content{ line-height:30px; padding:0 1%; color:#484848; box-sizing:border-box;}
	.page_pro time{ display:block; width:100%; margin:1% 0; color:#333; border:1px solid #adadad; padding:1% 0; border-left:0px; border-right:0px; text-align:center;}
	.page_news time{ display:block; width:100%; margin:1% 0; color:#333; border:1px solid #adadad; padding:1% 0; border-left:0px; border-right:0px; text-align:center;}
	
	.page_about{ background:#fff; padding:2% 0;}
	.page_page{ text-align:center; font-size:34px; background:url(../images/12.jpg) no-repeat center; margin-bottom:2%;}



	/*返回顶部*/
	.top{ text-align:center; width:50px; height:50px;line-height:50px;background: #df0024; position:fixed; bottom:25%; border:1px solid #fff; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%; color:#fff;}
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}
	
	
	

	