@charset "utf-8";
/* CSS Document */

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0}
ol,ul{list-style:none}
:focus{outline:0}
a img{border:0}
img{vertical-align:middle}
table{empty-cells:show}
ins{text-decoration:none}
del{text-decoration:line-through}
em,i{font-style:normal}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:0;padding:0}*/
body{font:12px/150% "microsoft yahei";color:#333;background:#fff;_background-image:url(about:blank);_background-attachment:fixed}
h1{font-size: 20px;}
h2,h3{font-size:14px}
h4,h5,h6{font-size:12px}
a{color:#777;text-decoration:none;}
a:hover{color:#3598db; text-decoration:none;}
a.a1{ text-decoration:none; color:#333;font-size:16px;}
a.a1:hover{color:#ff402d;font-size:16px; text-decoration:underline;}
a.a2{ font-size:14px;font-weight: normal;text-decoration: none;color:#333;}
a.a2:hover{ font-size:14px;font-weight: normal;text-decoration: none;color:#cc0000;}
.w{ width:1000px; margin:0 auto;}
.clear {clear: both}
body{font:12px/150% "microsoft yahei"; margin:0px;padding:0px;width:100%;height:auto; background:#efefef;}
ol,ul{list-style:none}
/*--------------------下面是悬浮tq*/
#tq{
	position:fixed;
	right:0;
	margin-top:100px;
	margin-right:20px;
	font-size:13px;
	background:#243752;/*定义顶端底端颜色*/
	border-radius:10px;/*定义圆角*/
}
#tq_top{
	padding:15px 8px;
}
#tq_zi ul, #tq_zi li{
	list-style:none;
	margin:0px;
	padding:0px;	
}
#tq_zi li{
	background:#1d4a6e;/*定义栏目颜色*/
	border-bottom:#243752 1px dashed;
}
#tq_zi a{
	display:block;
	width:120px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
#tq_zi a:hover{
	background:#202331;
	color:#d8ab82;
}
#tq_end{
	text-align:center;
	padding:12px 10px 12px 20px;
}
#tq_end a{
	color:#fff;
	text-decoration:none;
}
#tq_end a:hover{
	text-decoration:underline;	
}


#foot{width:1000px;height:80px; line-height:24px;margin:20px auto 0 auto;text-align:center;font-size:12px;color:#333; float:left;}
#foot p a{color:#666;text-decoration:none;}
#foot p a:hover{color:#c00;text-decoration:underline;}
.clear{clear:both;}
#banner01{background:url(images/banner_01.jpg) no-repeat top center;width:100%;height:730px;}
#banner02{background:url(images/banner_02.png) no-repeat top center;width:100%;height:182px;}
#banner03{background:url(images/banner_03.png) no-repeat top center;width:100%;height:183px;}
#banner04{background:url(images/banner_04.png) no-repeat top center;width:100%;height:182px;}
.daoyu{ width:1000px; float:left; color:#000; font-size:16px; margin-bottom:20px; height:240px;}
.daoyu_top{ width:1000px; background:url(images/fz_top.png) no-repeat; height:36px;}
.daoyu_center{ width:937px; background:url(images/fz_bg.png) repeat-y; padding:15px 25px 15px 38px;line-height:27px; text-indent:2em;}
.daoyu_bottom{ width:1000px; height:36px; background:url(images/fz_bottom.png) no-repeat;}
.biaoti{
	width:1000px;
	height:153px;
	margin:30px auto;
	padding-top:0px; color:#FFF; font-weight:bold; font-size:24px;
}

.biaoti img{
	width:500px;
	height:153px;
	margin-left:250px; margin-right:250px;
	padding-top:0px; color:#FFF; font-weight:bold; font-size:24px;
}

.box{ width:1000px; margin:0 auto;}

.course{ width:1000px; float:left; margin-top:50px;}
.course_dh{ width:570px; height:76px;float:left; margin-left:215px; font-size:30px; color:#2a456f; font-weight:bold; text-align:center; background:url(images/dh.png) no-repeat; padding-top:34px;}
.course_box{ width:1000px; float:left; margin-top:30px;}
.course_dy{ width:1000px; float:left; line-height:30px; font-size:16px; color:#ffebc6; margin-top:20px;}
.course_dy p{text-indent:2em;}
.course_dy p img{ margin-right:10px;}
.course_left{ width:470px; float:left;}
.course_left_box{ width:330px; float:left;background:#f2cd96; margin-left:35px; box-shadow: 3px 3px 10px #000;border-radius: 2px; padding:25px 35px; margin-top:85px;}
.course_left_box .course_time{ width:330px; float:left;height:40px; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#1d4a6e}
.course_left_box .course_tp{ width:330px; float:left;height:200px; background:#f2cd96;}
.course_left_box .course_title{ width:330px; float:left; margin-top:15px; line-height:21px; font-size:14px;}

.course_center{ width:60px; float:left;}
.course_center_lc{ width:14px; float:left; height:4320px; background:#0c6573; position:relative; margin-left:22px;}
.course_center_top{ width:20px; float:left; height:20px; background:#f2cd96;border-radius: 50%; position:absolute;left:-3px; top:-5px;}
.course_center_yd{ width:50px; float:left; height:50px; background:url(images/yuan.png) no-repeat; position:absolute; left:-18px; top:-10px;}

.course_right{ width:470px; float:left;}



.progress{ width:1000px; float:left; margin-top:50px;}
.progress_dh{ width:570px; height:76px;float:left; margin-left:215px; font-size:30px; color:#2a456f; font-weight:bold; text-align:center; background:url(images/dh.png) no-repeat; padding-top:34px;}
.progress_box{ width:1000px; float:left; margin-top:30px;}
.progress_top{ width:1000px; float:left; background:url(images/fz_top.png) no-repeat; height:36px;}
.progress_bg{ width:1000px; float:left; background:url(images/fz_bg.png) repeat-y;}
.progress_fz{ width:940px; float:left; margin:0px 30px;}
.progress_fz li{ width:940px; float:left;}
.progress_fz li .tp{ width:418px; height:250px;float:left; box-shadow: 2px 2px 10px #000;}
.progress_fz li .txt{ width:482px; float:left; color:#333; font-size:14px; line-height:24px;}
.progress_fz li .txt p{ text-indent:2em;}
.progress_bottom{ width:1000px; float:left; background:url(images/fz_bottom.png) no-repeat; height:36px;}


.pro{ width:1000px; float:left; margin-top:20px;}
.pro_dh{ width:570px; height:76px;float:left; margin-left:215px; font-size:30px; color:#2a456f; font-weight:bold; text-align:center; background:url(images/dh.png) no-repeat; padding-top:34px;}
.pro_dy{ width:1000px; float:left; line-height:30px; font-size:16px; color:#ffebc6; margin-top:20px;}
.pro_dy p{text-indent:2em;}
.pro_box{ width:1000px; float:left; margin-top:40px;}
.pro_box li{ width:300px; float:left; /*background:url(images/pro_bg.png) no-repeat; */ background:#FFF;height:464px; padding:20px 18px 20px 0; margin-right:18px; margin-bottom:20px;}
.pro_box li .pro_tp{ width:285px; height:185px; float:left; padding-left:17px; padding-top:2px; position:relative;}
.pro_box li .pro_title{ width:285px; height:33px; float:left; color:#e32700; line-height:33px; margin:15px 0;text-align:center; overflow:hidden; font-size:30px; font-weight:bold; margin-left:20px;}
.pro_box li .pro_title a{ color:#e32700; text-decoration:none;} 
.pro_box li .pro_title a:hover{ color:#1d4a6e;}
.pro_box li .pro_txt{ width:275px;float:left; color:#333; line-height:23px;text-align:left; font-size:16px; padding-left:24px; padding-right:10px;}
.red{ color:#e32700 !important; font-weight:bold; margin-top:10px;}
.m_right{ margin-right:10px; margin-left:0 !important;}
.cur{ width:38px; height:26px; float:left; background:#5f94ff; text-align:center; line-height:26px; font-size:12px; position:absolute;top:2px; left:17px; border-radius:3px; color:#FFF;}

#qq {
		width: 920px;
		/*宽*/
		height: 170px;
		/*高*/
		background: #fff;
		/*背景颜色*/
		margin: 15px auto 15px;
		border-radius: 5px;
		/*Html5 圆角*/
	}

	#qq p {
		font-size: 12px;
		color: #666;
		font-family: "微软雅黑";
		line-height: 45px;
		text-indent: 20px;
	}

	#qq .message {
		width: 880px;
		height: 70px;
		margin: 0 auto;
		overflow: hidden;
		outline: none;
		border: 1px solid #ddd;
		padding: 8px;
		box-sizing: border-box;
		font-size: 14px;
		-webkit-background-clip: text;
		color: transparent;
		background-image: linear-gradient(to right, #778899 0%, #333 100%);
		/*粗细 风格 颜色*/
	}

	#qq .But {
		width: 880px;
		height: 35px;
		margin: 15px auto 0px;
		position: relative;
		/*相对，参考对象*/
	}

	#qq .But img.bq {
		float: left;
		/*左浮动*/
	}

	#qq .But span.submit {
		width: 80px;
		height: 30px;
		background: #ff8140;
		display: block;
		float: right;
		/*右浮动*/
		line-height: 30px;
		border-radius: 5px;
		cursor: pointer;
		/*手指*/
		color: #fff;
		font-size: 12px;
		text-align: center;
		font-family: "微软雅黑";
	}

	/*face begin*/
	#qq .But .face {
		width: 440px;
		background: #fff;
		border: 1px solid #ddd;
		box-shadow: 0 0 12px #666;
		position: absolute;
		/*绝对定位*/
		top: 21px;
		left: 15px;
		display: none;
		/*隐藏*/
	}

	#qq .But .face ul {
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 8px;
		box-sizing: border-box;
	}

	#qq .But .face ul li {
		width: 30px;
		height: 30px;
		list-style-type: none;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*msgCon begin*/
	.msgCon {
		width: 920px;
		margin: 0px auto;
		margin-bottom: 20px;
	}

	.msgCon .msgBox {
		background: #fff;
		padding: 10px;
		box-sizing: border-box;
		margin-top: 16px;
		border-radius: 4px;
	}

	.msgCon .msgBox .headUrl {
		width: 100%;
		height: 60px;
		border-bottom: 1px dotted #ddd;
		display: flex;
		align-items: center;
	}

	.msgCon .msgBox .headUrl img {
		width: 46px;
		height: 46px;
		border-radius: 50%
	}

	.msgCon .msgBox .headUrl div {
		flex: 1;
		display: flex;
		flex-flow: column;
		font-size: 16px;
		margin-left: 16px;
		-webkit-background-clip: text;
		color: transparent;
		background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%);
	}

	.msgCon .msgBox .headUrl div .time {
		font-size: 14px;
		margin-top: 6px;
		-webkit-background-clip: text;
		color: transparent;
		background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
	}

	.msgCon .msgBox .headUrl a {
		font-size: 14px;
		padding: 10px;
		color: salmon;
		cursor: pointer;
	}

	.msgCon .msgBox .msgTxt {
		font-size: 14px;
		color: #666;
		min-height: 40px;
		line-height: 24px;
		padding: 10px;
		box-sizing: border-box;
		word-wrap: break-word;
		-webkit-background-clip: text;
		color: transparent;
		background-image: linear-gradient(to right, #778899 0%, #333 100%);
	}
	
	

/*弹窗开始*/
.pop_tuangou_wrap{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); display: none;}
.bm_box{ width:640px; height:350px; background:#fff; position:absolute; left:50%; top:50%; border:#333 solid 2px; margin:-155px 0 0 -325px;}
.bm_box .t{ height:34px; line-height:34px; background:#F6C744;}
.bm_box .t span{ display:block; float:right; width:34px; height:34px; line-height:34px; cursor:pointer; background:url(images/close.png) no-repeat}
.bm_box .c{ padding:0 30px}
.bm_box .c h4{ font-size:20px; color:#595959; border-bottom:#ddd solid 1px; padding:20px 0 20px 0; text-align:center}
.bm_box .c .item{ padding:10px 105px; text-align:center; float:left;}
.bm_box .c .item .form-control{ width: 200px; height: 25px; border: 1px solid #cdcdcd; padding-left: 10px; line-height: 25px; float:left;}
.bm_box .c .item button{ width:340px; height:36px; line-height:36px; margin-left:0px; border-radius:4px; background:#F6C744; color:#fff; text-align:center; cursor:pointer; border:none;}
.bm_box .c .err{ height: 40px; line-height: 40px; text-align: center; color: #f30;}
.zhifu_ewm{
	width: 100%;
	height: 150px;
	padding: 10px 0 10px 0;
	text-align: center;
}
.zhifu_ewm img{
	width: 250px;
	height: 250px;
}
.bm_box .zhifu .item{ padding:10px 0; text-align:center}
.bm_box .zhifu .item .form-control{ width: 300px; height: 25px; border: 1px solid #cdcdcd; padding-left: 10px; line-height: 25px;}
.bm_box .zhifu .item button{ width:340px; height:36px; line-height:36px; margin-left:0px; border-radius:4px; background:#F6C744; color:#fff; text-align:center; cursor:pointer; border:none;}
/*弹窗结束*/

.bt{ width:180px; float:left; height:30px; margin-left:70px; background:#1d4a6e; color:#FFF; text-align:center; font-size:16px; line-height:30px; margin-top:15px;border-radius: 25px; border:2px solid #c8ab67; cursor:pointer;}