body{
	font-family: '微软雅黑', '黑体', '宋体', tahoma, arial, sans-serif, "Lucida Grande", Verdana, Lucida, Helvetica;
	max-width: 1920px;
	margin: 0 auto;
}
.banner{
	font-size: 0;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}

.bd{
	background: url(../img/jin.jpg) repeat-y center;
	background-size: 100%;
	width: 1158px;
	margin: 0 auto;
	margin-top: -120px;
	position: relative;
	z-index: 20;
	overflow: hidden;
	border-radius: 30px;
}
.bd .con{
	overflow: hidden;
}
.bd .shard_shuoming{
	width: 380px;
	margin: 0 auto;
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	overflow: hidden;
	text-align: center;
}
.bd .shard_shuoming a{
	color: #eb313e;
	transition: all .3s;
}
.bd .shard_shuoming .icon{
	float: left;
	width: 18px;
	position: relative;
}
.bd .shard_shuoming .icon img{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
.bd .shard_shuoming .icon img.active{
	display: block;
}
.bd .shard_shuoming .font{
	float: right;
}
.bd h3{
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 42px;
	color: #fff;
}
.bd .tr{
	margin-top: 22px;
	background: #fff;
	border-radius: 12px;
	width: 320px;
	line-height: 50px;
	float: left;
	box-shadow: 0 10px 30px rgb(0,0,0,0.03);
	margin-left: 40px;
	transition: all .3s;
}
.bd .tr.first{
	margin-left: 57px;
}
.bd .tr span{
	font-size: 18px;
	color: #777;
	margin-left: 12px;
	position: relative;
	top: 1px;
}
.bd .tr input{
	font-size: 16px;
	line-height: 50px;
	width: 240px;
}
.bd .tr.sj input{
	width: 230px;
}
.bd .tr input::-webkit-input-placeholder{
	color: #ccc;
	font-size: 15px
}
.bd .tr input:-moz-placeholder{
	color: #ccc;
	font-size: 15px
}
.bd .tr input:-ms-input-placeholder{
	color: #ccc;
	font-size: 15px
}
.bd .btn{
	background: #A82E1F;
	width: 210px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	border-radius: 26px;
	margin: 24px auto 15px;
	transition: all .3s;
}
.bd .btn:hover{
	transform: translateY(-3px);
}

/* 前景 */
.qj{
	
}
.qj .block{
	background: #93291B;
	height: 620px;
	position: relative;
	margin-top: -200px;
}
.qj_con{
	position: relative;
	margin-top: -330px;
}
.qj_con h3{
	width: 660px;
	margin: 0 auto;
}
.qj_con ul{
	padding-top: 60px;
}
.qj_con li{
	width:331px;
	height: 430px;
	float: left;
	background: #fff;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-left: 102px;
}
.qj_con li.first{
	margin-left: 0;
}
.qj_con li .pic{
	position: relative;
	font-size: 0
}
.qj_con li .pic .icon{
	width: 60px;
	margin: 0 auto;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
}
.qj_con li .kuang{
	border: 1px solid #93291B;
	border-radius: 12px;
	position: absolute;
	width: 300px;
	height: 398px;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
	margin-top: -199px;
}
.qj_con li h4{
	color: #B3493B;
	text-align: center;
	margin-top: 46px;
	font-size: 20px
}
.qj_con li p{
	color: #444;
	line-height: 22px;
	font-size: 16px;
	width: 260px;
	margin: 0 auto;
	margin-top: 7px;
}
/* 鉴定 */
.jd{
	background: #93291B;
	padding: 30px 0;
	margin-top: 100px;
}
.jd .con{
	border: 1px solid #fff;
	border-radius: 12px;
	color: #fff;
	box-sizing: border-box;
	padding: 18px 60px;
	position: relative;
}
.jd .con .info{
	width: 700px;
}
.jd .con .info .tit{
	font-size: 18px;
	text-align: center;
}
.jd .con .info p{
	font-size: 16px;
	line-height: 22px;
	margin-top: 7px;
}
.jd .con .btn{
	background: #F4D3A6;
	color: #6A1D13;
	text-align: center;
	font-weight: bold;
	letter-spacing: 4px;
	font-size: 24px;
	width: 300px;
	line-height: 70px;
	position: absolute;
	right: 50px;
	top: 18px;
	border-radius: 12px;
	transition: all .3s;
}
.jd .con .btn:hover{
	transform: translateY(-2px);
	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
}
.fx{
	margin-top: 90px;
	margin-bottom: 20px;
}
.fx h3{
	width: 660px;
	margin: 0 auto;
}
.fx ul{
	overflow: hidden;
	padding-top: 50px;
}
.fx li{
	float: left;
	width: 260px;
	overflow: hidden;
	border-bottom: 1px solid #B3493B;
	height: 290px;
	position: relative;
	margin-left: 52px;
}
.fx li.first{
	margin-left: 0;
}
.fx li .icon{
	width: 90px;
	margin: 0 auto;
}
.fx li.two .icon{
	margin-top: 18px;
}
.fx li h4{
	color: #B3493B;
	text-align: center;
	font-size: 20px;
	margin-top: 26px;
	position: relative;
}
.fx li h4 em{
	width: 35px;
	height: 2px;
	background: #B3493B;
	top: 10px;
	position: absolute;
	display: block;
}
.fx li h4 em.left{
	left: 24px;
}
.fx li h4 em.right{
	right: 24px;
}
.fx li.two h4 em.left{
	left: 16px;
}
.fx li.two h4 em.right{
	right: 16px;
}
.fx li.three h4 em.left{
	left: 32px;
}
.fx li.three h4 em.right{
	right: 32px;
}
.fx li.four h4 em.left{
	left: 0;
}
.fx li.four h4 em.right{
	right: 0;
}
.fx li .info{
	line-height: 22px;
	text-align: center;
	margin-top: 10px;
}
.fx li .info p.first{
	font-weight: bold;
}
.fx li .num{
	text-align: center;
	font-size: 60px;
	color: #E5E5E5;
	font-weight: bold;
	margin-top: ;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	transition: all .3s;
}
.fx li:hover .num{
	transform: translateY(-10px);
}
/* 实操 */
.sc{
	margin-top: 90px;
}
.sc h3{
	width: 660px;
	margin: 0 auto;
}
.sc ul{
	/* overflow: hidden; */
	padding-top: 30px;
	height: 300px;
}
.sc li{
	float: left;
	width: 260px;
	box-sizing: border-box;
	padding: 30px;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, .1);
	height: 247px;
	margin-left: 52px;
}
.sc li.first{
	margin-left: 0;
}
.sc li h4{
	color: #92291B;
	font-size: 30px;
	text-align: center;
}
.sc li .line{
	width: 89px;
	margin: 0 auto;
}
.sc li p{
	line-height: 22px;
	color: #444;
	margin-top: 10px;
}
.sc li .btn{
	color: #92291B;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
	transition: all .3s;
}
.sc li .btn img{
	width: 19px;
	vertical-align: 2px;
}
.sc li.last .btn{
	margin-top: 42px;
}
.sc li .btn:hover{
	transform: translateY(-2px);
}
.course {
    position: relative;
}
/* 体系 */
.tx{
	margin-top: 50px;
	position: relative;
}
.tx h3{
	width: 660px;
	margin: 0 auto;
}
.tx table{
	margin-top: 30px;
	border-radius: 30px;
	overflow: hidden;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	box-shadow: 0 0 10px 2px rgba(90, 90, 90, .1);
}
.tx table .first{
	background: url(../img/blue.png) repeat-x;
	background-size: auto 100%;
	color: #fff;
	font-size: 46px;
	font-weight: bold;
	width: 150px;
}
.tx table th{
	line-height: 120px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 36px;
}
.tx table td{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.tx table .two{
	width: 150px;
}
.tx table .three{
	width: 210px;
}
.tx table .txtleft{
	text-align: left;
	padding: 20px;
	box-sizing: border-box;
}
.tx table .five{
	width: 180px;
}
.tx table p{
	margin-top: 5px;
}
.tx table p.red{
	color: #DB3429;
}
.tx .btn{
    position: absolute;
    right: 22px;
	background: #DC3429;
	color: #fff;
	text-align: center;
	width: 130px;
	line-height: 54px;
	margin: 0 auto;
	border-radius: 18px;
	transition: all .3s;
}
.tx .btn:hover{
	transform: translateY(-2px);
	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
}
.tx .btn1 {
    bottom: 359px;
}
.tx .btn2 {
   bottom: 84px;
}

/*弹窗部分*/
.changeShard{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	display: none;
}
.changeShard .shardBox{
	width: 450px;
	/* height: 466px; */
	position: absolute;
    top: 176.5px;
    left: 50%;
    margin-left: -220px;
	box-shadow: 0 0 13px 2px rgba(0, 0, 0, .1);
	background: #fff;
	border-radius: 19px;
	padding-bottom: 20px;
}
.changeShard .shardBox .tan_close{
	position: absolute;
	right: -30px;
	top: -15px;
	cursor: pointer;
	width: 28px;
}
.changeShard .shardBox .title{
    font-size: 0;
}
.changeShard .shardBox h3{
	text-align: center;
	margin-top: 30px;
	font-size: 21px;
	letter-spacing: 1px;
	color: #0729AE;
}
.changeShard .shardBox .info{
	width: 330px;
	margin: 0px auto;
	margin-top: 20px;
	border: 1px solid #ddd;
	line-height: 47px;
	transition: all .3s;
	overflow: hidden;
}
.changeShard .shardBox .info.active{
	border-color: #3B7BE8;
}
.changeShard .shardBox .info .icon{
	float: left;
	width: 40px;
	text-align: center;
}
.changeShard .shardBox .info .icon img{
	vertical-align: middle;
	width: 24px;
}
.changeShard .shardBox .info .icon.icon_n img{
	width: 21px;
}
.changeShard .shardBox .info .icon .act{
	display: none;
}
.changeShard .shardBox .info input{
	float: left;
	margin-left: 3px;
	line-height: 47px;
	width: 285px;
	font-size: 15px;
}
.changeShard .shardBox .toGet{
	background: url(../img/tan_btnbg.png) repeat-y;
	background-size: 100%;
	color: #fff;
	text-align: center;
	line-height: 48px;
	font-size: 17px;
	letter-spacing: 1px;
	cursor: pointer;
	width: 230px;
	margin: 0 auto;
	margin-top: 20px;
	transition: all .3s;
}
.changeShard .shardBox .toGet:hover{
	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
	transform: scale(1.05);
}
.changeShard .shardBox .shard_shuoming{
	width: 240px;
	margin: 0 auto;
	margin-top: 15px;
	color: #999;
	font-size: 12px;
	line-height: 19px;
	overflow: hidden;
	text-align: center;
}
.changeShard .shardBox .shard_shuoming a{
	color: #6c96f2;
	transition: all .3s;
}
.changeShard .shardBox .shard_shuoming .icon{
	float: left;
	width: 18px;
	position: relative;
}
.changeShard .shardBox .shard_shuoming .icon img{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
.changeShard .shardBox .shard_shuoming .icon img.active{
	display: block;
}
.changeShard .shardBox .shard_shuoming .font{
	float: right;
	width: 220px;
}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.2);-webkit-border-radius:6px}
::-webkit-scrollbar-thumb:vertical{height:5px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}
::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}
#footer{
    margin-top: 70px;
}