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

body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:"微软雅黑";}
img{border:none;}
a{text-decoration:none;}
li{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
.clear{clear:both;}

/*banner*/
#qypx_banner{ width: 100%; background:url(../images/qypx_banner_bg.jpg) no-repeat center;}
#qypx_banner img{ display: block; margin: 0 auto;}
#qypx_banner_yd{ width: 100%; display:none;}
#qypx_banner_yd img{ width: 100%;}
/*bannerOver*/

.qypx_title{color: #434040; text-align: center; padding: 60px 0 40px;}
.qypx_title h2{ font-size: 60px;}
.qypx_title h3{ font-size: 20px; font-weight: normal;}

/*课程项目*/
#qypx_curri{ width: 1220px; margin: 0 auto;}
#qypx_curri ul li{ width: 284px; float: left; margin:0 0 28px 28px; overflow: hidden; position: relative;}
#qypx_curri ul li:nth-of-type(4n+1){ margin-left: 0;}
#qypx_curri ul li img{  display: block; transition: 0.4s;}
.qypx_curri_mask{ width: 284px; height: 200px;position: absolute; top: 0; left: 0; background-color:rgba(11,11,11,0.4); }
.qypx_curri_mask h4{ font-size: 26px; color: #fff; z-index: 99; font-weight: 700; text-align: center; line-height: 200px;}
#qypx_curri ul li:hover img{ transform: scale(1.2);}
#qypx_curri ul li:hover .qypx_curri_mask{ background-color:rgba(11,11,11,0);}
/*课程项目Over*/

/*企业培训时代*/
#qypx_times{ width: 100%; background:url(../images/qypx_times_bg.jpg) no-repeat center; padding-bottom: 60px; margin-top: 30px;}
#qypx_times_main{ width: 1220px; margin: 0 auto; background-color: #feffff;}
#qypx_times_main ul li{ width: 350px; border-left: 1px solid #f0f0f0; float: left; padding: 20px 26px 60px 30px;}
#qypx_times_main ul li:nth-of-type(1){ border-left:none;}
#qypx_times_main ul li h4{ font-size: 24px; color: #434040; font-weight: normal; padding: 32px 0 20px;}
#qypx_times_main ul li p{ font-size: 18px; color: #666666; line-height: 30px;}
/*企业培训时代Over*/

/*满足企业需求*/
#qypx_demand{ width: 1220px; margin: 0 auto; margin-bottom: 50px;}
#qypx_demand ul li{ width: 500px; height: 200px; float: left; box-shadow:0 0 20px #dbdbdb; margin-left: 20px; margin-bottom: 20px; border-radius: 20px;  padding: 50px;}
#qypx_demand ul li:nth-of-type(2n+1){ margin-left: 0;}
#qypx_demand ul li h4{ font-size: 32px; color: #585858;}
#qypx_demand ul li span{ display: block; width: 126px; height: 10px; background-color: #eb1b15; border-radius: 50px; margin: 30px 0;}
#qypx_demand ul li p{ font-size: 18px; color: #6a6a6a; line-height: 32px;}
/*满足企业需求Over*/

/*成长*/
#qypx_grow{ width: 100%; background:url(../images/qypx_grow_bg.jpg) no-repeat center; padding-bottom: 30px;}
#qypx_grow_main{ width: 1220px; margin: 0 auto;}
#qypx_grow_main ul li{ width: 392px; float: left; margin-left: 22px; position: relative; margin-bottom: 30px; overflow: hidden;}
#qypx_grow_main ul li img{ display: block;  transition: 0.4s;}
#qypx_grow_main ul li:nth-of-type(3n+1){ margin-left: 0;}
.qypx_grow_mask{ width: 266px; height: 72px; background-color:rgba(255,255,255,0.8); position: absolute; top:200px; left: 63px; text-align: center;}
.qypx_grow_mask h4{ font-size: 24px; color: #4b4b4b; font-weight: normal; line-height: 72px;}
#qypx_grow_main ul li:hover .qypx_grow_mask{ background-color:rgba(230,0,19,0.8); color: #fff;}
#qypx_grow_main ul li:hover .qypx_grow_mask h4{ color: #fff;}
#qypx_grow_main ul li:hover img{ transform: scale(1.2);}

.qypx_color{ color: #fff;}
/*成长Over*/

/*流程*/
#qypx_pro{ width: 1220px; margin: 0 auto; margin-bottom: 50px;}
#qypx_pro ul li{ width: 216px; height: 240px; float:left; margin-left: 118px; color: #fff;}
#qypx_pro ul li:nth-of-type(1){ background:url(../images/qypx_pro_bg01.jpg) no-repeat center; margin-left: 0;}
#qypx_pro ul li:nth-of-type(2){ background:url(../images/qypx_pro_bg02.jpg) no-repeat center;}
#qypx_pro ul li:nth-of-type(3){ background:url(../images/qypx_pro_bg03.jpg) no-repeat center;}
#qypx_pro ul li:nth-of-type(4){ background:url(../images/qypx_pro_bg04.jpg) no-repeat center;}
#qypx_pro ul li h4{ font-size: 24px; text-align: center; margin: 45px 0 30px;}
#qypx_pro ul li p{ font-size: 18px; line-height: 32px; margin: 0 15px;}
/*流程Over*/

/*选择*/
#qypx_choice{ width: 100%; background:url(../images/qypx_choice_bg.jpg) no-repeat center; padding-bottom: 50px;}
#qypx_choice_main{ width: 1220px; margin: 0 auto;}
#qypx_choice_main ul li{ float: left; margin-left: 20px; margin-bottom: 25px;}
#qypx_choice_main ul li:nth-of-type(7n+1){ margin-left: 0;}
/*选择Over*/

#qypx_consul{ width: 100%; background-color: #3d3f48;}
#qypx_consul_main{ width: 1220px; height: 150px; margin: 0 auto;}
#qypx_consul_main p{ font-size: 40px; line-height: 150px; float: left; color: #fff; margin-left: 90px;}
#qypx_consul_main a{ display: block; width: 260px; height: 68px; text-align: center; line-height: 68px; font-size: 40px; float: right; color: #fff; background-color: #e60013; margin-top: 40px; margin-right: 60px;}

/*响应式*/

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#qypx_banner{ display: none;}
	#qypx_banner_yd{ display: block;}
	
	.qypx_title{ padding: 2.0rem 0 1.2rem;}
	
	#qypx_curri{ width: 100%;}
	#qypx_curri ul li{ width: 30%; margin-left: 2%; margin-bottom: 2%;}
	#qypx_curri ul li:nth-of-type(4n+1){ margin-left: 2%;}
	.qypx_curri_mask{ width: 100%; height: auto;}
	
	#qypx_times_main{ width: 100%; margin-top: 0;}
	#qypx_times_main ul li{ width: 30%; padding: 1.0rem 1% 1.8rem 1%;}
	
	#qypx_demand{ width: 100%;  margin-bottom: 0;}
	#qypx_demand ul li{ width: 43%; padding: 2%; height: 18rem; margin-left: 2%;}
	#qypx_demand ul li:nth-of-type(2n+1){ margin-left: 2%;}
	
	#qypx_grow_main{ width: 100%;}
	#qypx_grow_main ul li{ width: 47%; margin-left: 2%;}
	#qypx_grow_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	.qypx_grow_mask{ width: 80%; top:70%; left: 10%;}
	
	.qypx_color{ color: #434040;}
	
	#qypx_pro{ width: 100%; margin-bottom:0;}
	#qypx_pro ul li{ margin-bottom: 1rem;}
	#qypx_pro ul li:nth-of-type(4){ margin-left: 8rem;}
	
	#qypx_choice_main{ width: 100%;}
	#qypx_choice_main ul li{ width: 22.5%; margin-left: 2%; margin-bottom: 1%;}
	#qypx_choice_main ul li:nth-of-type(7n+1){ margin-left: 2%;}
	.qypx_dis{ display: none;}
	
	#qypx_consul_main{ width: 100%; height: 8rem;}
	#qypx_consul_main p{ font-size: 1.4rem; line-height: 8rem; margin-left: 5rem;}
	#qypx_consul_main a{width: 10rem; height: 3.8rem; line-height: 3.8rem; font-size: 1.4rem; margin-top: 2rem; margin-right: 3rem;}
	
	}

@media only screen and (min-width: 320px) and (max-width: 767px){
	#qypx_banner{ display: none;}
	#qypx_banner_yd{ display: block;}
	.qypx_title{ padding: 1.4rem 0 1.2rem;}
	.qypx_title h2{ font-size: 1.6rem;}
	.qypx_title h3{ font-size: 1.0rem; margin-top: 0.4rem;}
	
	#qypx_curri{ width: 100%;}
	#qypx_curri ul li{ width: 47%; margin-left: 2%;}
	#qypx_curri ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#qypx_curri ul li img{ width: 100%;}
	.qypx_curri_mask{ width: 100%; height: auto;}
	.qypx_curri_mask h4{ font-size: 1.2rem; line-height: 7.0rem;}
	
	#qypx_times{ background:none; margin-bottom: 0;}
	#qypx_times_main{ width: 100%; margin-top: 0; padding-bottom: 0rem;}
	#qypx_times_main ul li{ width: 60%; border-left: none; padding: 0.8rem 20% 1.0rem 20%;}
	#qypx_times_main ul li img{ width: 40%;}
	#qypx_times_main ul li h4{ font-size: 1.2rem; padding: 0.8rem 0 0.6rem;}
	#qypx_times_main ul li p{ font-size: 1.0rem; line-height: 1.6rem;}
	
	#qypx_demand{ width: 100%; margin-bottom: 0;}
	#qypx_demand ul li{ width: 86%; height: 10rem; padding: 2%; margin-left: 5%;}
	#qypx_demand ul li:nth-of-type(2n+1){ margin-left: 5%;}
	#qypx_demand ul li h4{ font-size: 1.4rem;}
	#qypx_demand ul li span{ width: 6rem; height: 0.3rem; margin: 0.8rem 0;}
	#qypx_demand ul li p{ font-size: 0.9rem; line-height: 1.6rem;}
	
	#qypx_grow_main{ width: 100%; padding-bottom: 0;}
	#qypx_grow_main ul li{ width: 47%; margin-left: 2%;}
	#qypx_grow_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#qypx_grow_main ul li img{ width: 100%;}
	.qypx_grow_mask{ width: 80%; height: 2rem; top:70%; left: 10%;}
	.qypx_grow_mask h4{ font-size: 0.9rem; line-height: 2rem;}
	
	.qypx_color{ color: #fff;}
	
	#qypx_pro{ width: 100%; margin-bottom:0;}
	#qypx_pro ul li{ width: 47%; margin-left: 2%; margin-bottom: 2%;}
	#qypx_pro ul li:nth-of-type(2n+1){ margin-left: 2%;}
	#qypx_pro ul li h4{ font-size: 1.2rem; }
	#qypx_pro ul li p{ font-size: 0.9rem; line-height: 1.6rem;}
	
	#qypx_choice_main{ width: 100%;}
	#qypx_choice_main ul li{ width: 30%; margin-left: 3%; margin-bottom: 2%;}
	#qypx_choice_main ul li img{ width: 100%;}
	#qypx_choice_main ul li:nth-of-type(7n+1){ margin-left: 3%;}
	
	#qypx_consul_main{ width: 100%; height: 4rem;}
	#qypx_consul_main p{ font-size: 1.0rem; line-height: 4rem; margin-left: 1rem;}
	#qypx_consul_main a{width: 6rem; height: 1.8rem; line-height: 1.8rem; font-size: 1.0rem; margin-top: 1rem; margin-right: 1rem;}
    }