﻿/*wrap*/
.wrap{
	background:url(../images/bg-1.jpg) no-repeat center center;
	background-size: cover;
	/* position:fixed; */
	left: 0;
	top:0;
	right: 0;
	bottom:0;
	min-width: 1000px;
	height: 1080px;
}
.xn_con{
	width:1200px;
	margin:0 auto;
	height: 500px;
	min-width: 1200px;
}
.wrap.nowPhone .xn_con{
	width:1000px;
}
.wrap.nowPhone  .course_wrap{
	width:1000px;
	height:1159px;
	margin-top:-579px;
	margin-left:-500px;
}
.course_wrap{
	width:100%;
	height:562px;
	position: absolute;
	left:0%;
	top:20%;
	/* margin-left:-600px;
	margin-top:-281px; */
}
.titleImg{
	background: url(../images/ziti-1.png)no-repeat center;
	display: block;
	width:1181px;
	height:382px;
	margin:0 auto;
	padding-bottom: 42px;
	position: relative;
	top:-40px;
	left: 60px;
}
.con_wrap{
	width:1232px;
	height:497px;
	position: relative;
	left: 23%;
	/* margin-left:62px; */
	top:-6%;
 
}
.wrap.nowPhone .con_wrap{
   width:1000px;
   height:994px;
   margin-left:0;
}
.course_con{
	width:214px;
	height:278px;
	margin:0 60px;
	float: left;
}	
.wrap.nowPhone .con_wrap .course_con{
    margin:0 0 50px 81px;
}
.wrap.nowPhone .con_wrap .course_con.con_right{
   margin:0 311px;
}
.course_con p.p1{
	font-size: 26px;
	color: #667d86;
	line-height: 30px;
	padding-left:80px;
	padding-top:140px;
}
.course_con p.p2{
	font-size: 34px;
	color: #232f34;
	line-height:50px;
	padding-left: 80px;
	font-weight: bold;
}
.course_con p.p3{
	font-size: 26px;
	color: #667d86;
	line-height:40px;
	padding-left: 80px;
	padding-top:4px;
}
.course_con p.px{
	font-size:20px;
	color: #667d86;
	line-height:40px;
	text-align:center;
	padding-top:4px;
}
.course_con.con_left p.p3 span{
	color: #ea4f4f;
}
.course_con.con_middle p.p3 span{
	color: #4fbbea;
}
.course_con.con_right p.p3 span{
	color: #ff9915;
}
.course_con.con_left a.a_wrap{
	background: url(../images/a.png) no-repeat center center;
}
.course_con.con_middle a.a_wrap{
	background: url(../images/b.png) no-repeat center center;
}
.course_con.con_right a.a_wrap{
	background: url(../images/c.png) no-repeat center center;
}
.course_con a.a_wrap{
	display: block;
	width:100%;
	height: 100%;
	transition: all 1s;
}	
.course_con a.a_wrap:hover{
   -webkit-transform: translateY(-28px);
    transform:  translateY(-28px);
}
.course_con font.entry_btn{
	display: block;
	width:174px;
	height: 40px;
	background: #ea4f4f;
	border-radius:14px;
	margin:20px 0 0 93px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	box-shadow: 0 5px 0 0  rgba(234,79,79,0.3);
}
.course_con.con_middle font.entry_btn{
	background: #4fbbea;
	box-shadow: 0 5px 0 0  rgba(79,187,234,0.3);
}
.course_con.con_right font.entry_btn{
	background: #ff9915;
	box-shadow: 0 5px 0 0  rgba(255,153,21,0.3);
}
.right_nav{
	width:88px;
	height: 140px;
	position: absolute;
	right: 0;
	top:50%;
	margin-top:-70px;
}
@media screen and (max-width:1366px) {
	.titleImg{background: url(../images/ziti-2.png)no-repeat center;
	position: relative;
	top:-18%;}
}


@media screen and (max-width:1366px) {
	.con_wrap{
		position: relative;
		top: -23%;
		left:13%;
	}
}











