/* CSS Document */
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
a {
	color: #5f5f5f;
}
a:hover {
	text-decoration: none;
	color: #03ba73;
}
img {
	padding: 0;
	margin: 0;
}
* {
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
/**************************头部 css**************************/
.container01 { max-width: 1200px; margin: 0 auto; /*background: #FFF7D6;*/ width: 100%;}
header { height: 105px; display: flex; align-items: center; justify-content:space-between;}
header .logo { width: 50%;}
header nav{}
/*nav .nav { display: flex;}
nav .nav li { margin: 0 25px;}
nav .nav li a { font-size: 18px; display: block; height: 105px; line-height: 95px; text-align: center;}
nav .nav li a:hover { background: none; color: #03ba73; background-color: #fff; box-shadow: 0px 14px 20px 0px rgba(15, 14, 77, 0.03);}
nav .nav li.active a { border-bottom: 4px solid #03ba73; color: #03ba73}*/
.main-menu ul li {
	display: inline-block;
	position: relative;
	margin-left: 20px;
}
.main-menu ul li:first-child {
	margin-left: 0;
}
.main-menu ul li a {
	display: block;
	color: #5f5f5f;
	opacity: .8;
	padding: 40px 10px;
	font-size: 18px;
	/*	font-weight: 700;*/
	position: relative;
}
.main-menu ul li:hover > a {
	color: #00b971;
	opacity: 1;
}
.main-menu ul li.active > a {
	color: #00b971;
	opacity: 1;
}
.main-menu ul > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #00b971;
	transition: .3s;
}
.main-menu ul > li:hover > a::before {
	width: 100%;
}
.main-menu ul li.active a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #00b971;
	transition: .3s;
}

.main-menu ul li .submenu {
	position: absolute;
	top: 120%;
	min-width: 180px;
	background: #fff;
	left: 0;
	right: 0;
	margin: 0;
	border: 0;
	opacity: 0;
	padding: 20px;
	visibility: hidden;
	border-radius: 3px;
	box-shadow: 0 6px 12px rgba(0,0,0,.17);
	transition: all .3s ease-in;
	text-align: left;
	z-index: 9;
}
.main-menu ul li:hover > .submenu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.main-menu ul li .submenu li {
	margin-left: 0;
	display: block;
}
.main-menu ul li .submenu li a {
	padding: 8px 5px;
	color: #5f5f5f;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	text-transform: capitalize;
}
.main-menu ul li .submenu li a::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
	width: 10px;
	background: #10bd7a;
	z-index: 99;
	border-radius: unset;
	opacity: 0;
	transition: .5s;
}
.main-menu ul li .submenu li:hover > a::before {
	opacity: 1;
	left: 0;
}
.main-menu ul li .submenu li:hover > a {
	padding-left: 20px;
}

/*登录*/

.login{}
.login a{ background: #00b971; color: #fff; display: block; padding: 8px 20px; border-radius: 5px;}
.login a:hover{ background: #04339a;}

/**************************全屏banner css**************************/
.banner{}
.banner ol li.active{ background: #fff; width: 32px;}
.banner ol li{ background: #fff; border: none; margin: 0 10px; width: 12px; height: 12px;}

.container02 { width: 1200px;  margin: 0 auto;}

/**************************登录 css**************************/
.login_box{ position: absolute; top: 60px; right: 18.75%; width: 320px; padding: 40px 30px 0 30px; height: 360px; border: 2px solid #0b5de7; background-color :rgba(0,34,109,0.8); border-radius: 10px;}
.login_box h4{ font-size: 18px; color: #fff; margin-bottom: 25px;}
.login_box form{}
.login_box form .form-group{ display: flex;}
.login_box form .form-group label{}
.login_box form .form-group .form-control{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 42px; border: 0px;}
.login_box form .btn{ background: #00b971; font-size: 18px; color: #fff; height: 42px; width: 100%; margin-top: 20px;}
.login_box form .form_txt{ float: right; margin-top: 20px;}
.login_box form .form_txt a{ display: inline-block; margin-left: 25px; color: #fff;}
.login_box form .form_txt a:hover{ color: #00b971;}


/**************************公司介绍 css**************************/
.mt90{ margin-top: 90px;}
.company_box{ display: flex;}
.company_box .company_txt{ width: 600px; margin-right: 20px;}
.company_box .company_txt h3{ font-size: 30px; font-weight: bold; color: #084ea5; line-height: 30px; border-bottom: 2px solid #ddd; padding: 0 0 20px 50px;}
.company_box .company_txt h3 span{ display: block; text-transform: uppercase; font-size: 14px; font-weight: normal;}
.company_box .company_txt h4{ color: #333; font-weight: bold; font-size: 18px; margin: 40px 0 20px 50px;}
.company_box .company_txt p{ color: #555; line-height: 28px; text-indent: 28px; margin-left: 50px;}
.company_line{ background: #04339a; height: 60px; border-top-right-radius: 50px; border-bottom-left-radius: 50px;}

/**************************解决方案 css**************************/
.tit_box{ text-align: center;}
.tit_box h2{ color: #333; font-size: 36px; line-height: 32px; }
.tit_box h2 span{ color: #999; display: block; font-size: 14px; text-transform: uppercase;}
.tit_box p{ color: #555; font-size: 18px; line-height: 36px;}
.solution_box{}
.solution_icon{}
.solution_icon ul{ display: flex; justify-content:center; margin-top: 40px; color: #333;}
.solution_icon ul li{ text-align: center; margin: 0 35px;}
.solution_icon ul li:hover{ cursor: pointer; -webkit-transform: translate(0, -10px); transform: translate(0, -10px);}
.solution_icon ul li p{ color: #333; font-size: 18px; margin-top: 30px;}

/**************************管理模式 css**************************/
.section_box{ width:100%; position:relative; overflow:hidden;}
.section_box .section{ width: 1920px; position: absolute; left: 50%; margin-left: -960px;}
.box01{ height: 531px;}
.section_box .model_box{ position:relative; z-index: 9; }
.model_box .tit_box h2{ color: #fff;}
.model_box .model_img{ text-align: center; margin: 40px 0 20px 0;}
.model_box .model_txt{ color: #fff; font-size: 18px; display: flex; justify-content: center;}
.model_box .model_txt p{ margin: 0 90px;}


/**************************课程体系 css**************************/
.course_box{}
.ability_box{ display: flex; background: #f5f5f5; margin-top: 40px; }
.ability_box .ability_img{ width: 380px; height: 290px; background: #04339a; text-align: center; font-size: 24px; color: #fff;}
.ability_box .ability_img img{ margin-top: 45px;}
.ability_box .ability_img p{ margin-top: 10px;}

.ability_box .ability_txt{ width: 820px;}
.ability_box .ability_txt ul{ margin: 38px 0 0 30px;}
.ability_box .ability_txt li{ float: left; background: #4063b0; color: #fff; margin: 5px; width: 180px; padding: 25px;}
.ability_box .ability_txt li.li_bg{ background: #7c94c7;}
.ability_box .ability_txt li span{ font-size: 18px; display: block;}

.quality_box{ display: flex; background: #f5f5f5; margin-top: 30px;}
.quality_box .quality_img{ width: 380px; height: 290px; background: #8b57a2; text-align: center; font-size: 24px; color: #fff;}
.quality_box .quality_img img{ margin-top: 45px;}
.quality_box .quality_img p{ margin-top: 10px;}

.quality_box .quality_txt{ display: flex; margin-left: 30px;}
.quality_box .quality_txt .quality_one{ background: #b596c3; color: #fff; width: 243px; margin: 36px 5px;}
.quality_box .quality_txt .quality_one h4{ background: #a076b2; font-size: 18px; text-align: center; padding: 15px 0;}
.quality_box .quality_txt .quality_one ul{}
.quality_box .quality_txt .quality_one ul li{ margin: 20px 0 0 20px;}
.quality_box .quality_txt .quality_one ul li span{ font-size: 18px; display: block;}


/**************************自主平台 css**************************/
.platform_bg{ background: #f5f5f5;}
.platform_box{}
.platform_txt{ font-size: 20px; position: relative; text-align: center; margin: 50px 0 90px 0;}
.platform_txt img{ position:relative;}
.platform_txt p{ position: absolute; text-align: center; color: #fff;}
.platform_txt p a{ color: #fff;}
.platform_txt p a:hover{ text-shadow:10px 5px 30px #27292d;}
.platform_txt p.p1{ top: 93px; left: 332px;}
.platform_txt p.p2{ top: 79px; left: 563px;}
.platform_txt p.p3{ top: 93px; left: 793px;}
.platform_txt p.p4{ top: 232px; left: 195px;}
.platform_txt p.p5{ top: 232px; left: 427px;}
.platform_txt p.p6{ top: 232px; left: 658px;}
.platform_txt p.p7{ top: 232px; left: 878px;}
.platform_txt p.p8{ top: 374px; left: 313px;}
.platform_txt p.p9{ top: 362px; left: 550px;}
.platform_txt p.p10{ top: 374px; left: 793px;}

/**************************管理制度 css**************************/
.manage_box{}
.manage{ margin-top: 55px; display: flex;}
.manage img{ margin: 0 55px;}
.manage_txt{ margin-top: 10px; position: relative;}
.manage_txt img{ margin-top: 30px; position: relative;}
.manage_txt p{ position: absolute; font-size: 20px; color: #fff; width: 26px; line-height: 22px;}
.manage_txt p.p1{ top: 140px; left: 67px;}
.manage_txt p.p2{ top: 70px; left: 145px;}
.manage_txt p.p3{ top: 140px; left: 220px;}
.manage_txt p.p4{ top: 70px; left: 297px;}
.manage_txt p.p5{ top: 140px; right: 213px;}
.manage_txt p.p6{ top: 70px; right: 138px;}
.manage_txt p.p7{ top: 140px; right: 62px;}

/**************************应急预案 css**************************/
.plan_box{}
.plan_txt{ position: relative; text-align: center;}
.plan_txt img{ margin-top: 30px; position: relative;}
.plan_txt p{ position: absolute; font-size: 20px; color: #fff;}
.plan_txt p.p1{ top: 236px; left: 162px;}
.plan_txt p.p2{ top: 197px; left: 388px;}
.plan_txt p.p3{ top: 220px; right: 342px;}
.plan_txt p.p4{ top: 223px; right: 120px;}

/**************************联系我们 css**************************/
.box02{ height: 400px;}
.contact_box{}
.contact_txt{ text-align: center; color: #fff;}
.contact_txt p.p1{ font-size: 20px; border: 1px solid #fff; display:inline-block; padding: 15px 40px; margin: 40px 0 20px 0;}
.contact_txt p.p1:hover{ cursor: pointer; background: #00b971; border-color: #00b971;}
.contact_txt p.p2{}

/**************************底部 css**************************/
footer{ background: #1f1f1f; padding: 50px 0;}
.footer{ display: flex; color: #8e8e8e; justify-content: space-between;}
.footer01{ margin-right: 180px;}
.footer01 p{ line-height: 32px; }
.footer04{ text-align: center;}
.footer04 p{ margin-top: 5px;}


/**************************面包屑导航 css**************************/
.crumb_box{ background: #f5f5f5; height: 40px; }
.crumb{ }
.crumb ul{}
.crumb ul li a{ font-size: 14px;}

/**************************资讯列表页 css**************************/
.list_nav{ display: flex; justify-content:center; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.list_nav a{ display: block; font-size: 16px; margin: 0 15px; width: 90px; text-align: center; padding: 4px 0;}
.list_nav a.active, .list_nav a:hover{ color: #fff; background: #00b971; border-radius: 30px;}

.list_box{}
.list_box ul{ margin-top: 10px;}
.list_box ul li{ padding: 35px 50px; display: flex; align-items:center;}
.list_box ul li .li_time{ background: #0ebd79; color: #fff; text-align: center; width: 130px; height: 150px; padding-top: 20px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.list_box ul li .li_time p { color: #f5f5f5;}
.list_box ul li .li_time p.ri{ font-size: 36px; line-height: 40px;}
.list_box ul li .li_time p.yue{ font-size: 16px; position: relative; margin: 20px 0 5px 0;}
.list_box ul li .li_time p.yue::before{ content: ""; position: absolute; left: 35%; top: -50%; height: 1px; width: 25px; background: #4bdfa6; z-index: 99;}

.list_box ul li .li_img{ margin-right: 30px;}
.list_box ul li .li_img img{ border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

.list_box ul li .li_txt a{ font-size: 20px; color: #333;}
.list_box ul li .li_txt a:hover{ color: #03ba73;}
.list_box ul li .li_txt p{ color: #999; font-size: 14px; margin-top: 20px; line-height: 20px;}

.list_box ul li:hover{ box-shadow: 0px 14px 20px 0px rgba(15, 14, 70, 0.03);}


/**************************课程列表页 css**************************/
.kclist_box{}
/*.kclist_box ul{ display: flex; flex-wrap:wrap; justify-content:space-between;}*/
.kclist_box ul{ display: flex; flex-wrap:wrap; }
.kclist_box ul li{ margin-top: 50px;}
.kclist_box ul li figure h3{ font-weight:lighter; margin-bottom: 5px;}
.kclist_box ul li .kc_txt{}
.kclist_box ul li .kc_txt a{ display: block; font-size: 18px; color: #333; margin: 10px 0 5px 0;}
.kclist_box ul li .kc_txt span{ color: #999;}
.kclist_box ul li .kc_txt a:hover{ color: #03ba73;}

/**************************分页 css**************************/
.page_box{ text-align: center; margin-top: 20px;}

/**************************文章页 css**************************/
.article_box{}
.article_box .tit_box{ border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.tit_box p.p1{ font-size: 14px; color: #b9b9b9; line-height: 40px;}
.article_txt{ margin:50px 40px; font-size: 16px; line-height: 32px;}
.article_txt p{ text-indent: 32px;}