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

.banner {width:100%; height:506px; position:relative; overflow:hidden;}
.banner_list {width:100%; height:506px; position:absolute; top:0px; left:50%; margin-left:-960px; z-index:1;}
.banner_list li {width:1920px; position:absolute; top:0px; left:0px;}
.banner_list li a {width:100%; height:100%; display: block;}
.banner_list li img {width:100%;}

.Cf_box {width:100%; position: relative; padding:32px 0px 30px 0px; box-shadow: 0 1px 5px rgba(0,0,0,0.19); border-bottom:1px solid #e0e0e0\9;}
.Cf_bigTitle {width:108px; height:34px; line-height:34px; position: absolute; left:50%; top:-34px; text-align: center; margin-left:-54px; font-size:14px; background:#fff; border-radius:6px 6px 0px 0px}
.Cf_list {width:1140px; margin:0px auto;}
.Cf_list li {width:229px; float:left; padding:0px 18px; margin-left:26px;}
.Cf_list li:first-child {margin-left:0;}
.news_title h1 {height:20px; font-size:14px; overflow: hidden;}
.news_title h1 a {transition:color 0.35s; -webkit-transition:color 0.35s; -moz-transition:color 0.35s; -o-transition:color 0.35s; color:#000;}
.news_title h1 a:hover {color:#0091ff;}
.news_title span {margin-top:5px; color:#999; display: block;}
.Cf_text {height:48px; line-height:24px; margin-top:16px; overflow: hidden;}

.Af_box {width:100%; padding:48px 0px;}
.Af_list {width:1140px; height:284px; margin:0px auto;}
.Af_list li {width:278px; height:124px; float:left; margin-left:9px;}
.Af_list li a {width:100%; height:100%; display: block; position: relative; padding-top:160px; background:#f2f2f2 url(../image/index/light_bg.png) no-repeat; transition:background 0.35s; -webkit-transition:background 0.35s; -moz-transition:background 0.35s; -o-transition:background 0.35s; color:#000;}
.Af_list li a.Af_bg_red:hover {background:#ffecec url(../image/index/light_bg.png) no-repeat;}
.Af_list li a.Af_bg_yellow:hover {background:#fcfae1 url(../image/index/light_bg.png) no-repeat;}
.Af_list li a.Af_bg_blue:hover {background:#eaf2f8 url(../image/index/light_bg.png) no-repeat;}
.Af_list li a.Af_bg_green:hover {background:#e5ffe8 url(../image/index/light_bg.png) no-repeat;}
.Af_list li:first-child {margin-left:0;}
.Af_icon1 {width:51px; height:61px; position: absolute; left:112px; top:52px; background:url(../image/index/Af_icon1.png) no-repeat;}
.Af_icon2 {width:49px; height:62px; position: absolute; left:115px; top:52px; background:url(../image/index/Af_icon2.png) no-repeat;}
.Af_icon3 {width:100px; height:63px; position: absolute; left:89px; top:50px; background:url(../image/index/Af_icon3.png) no-repeat;}
.Af_icon4 {width:71px; height:72px; position: absolute; left:101px; top:47px; background:url(../image/index/Af_icon4.png) no-repeat;}
.Af_text {padding:0px 32px; text-align: center;}
.Af_text h1 {font-size:16px;}
.Af_text p {line-height: 24px; margin-top:14px; font-size:14px; color:#666;}

.Bf_box {width:100%; padding:40px 0px; background:#f7f7f7;}
.Bf_title {width:100%; text-align: center;}
.Bf_title span {display:inline-block; *display: inline; *zoom:1; padding:0px 5px 7px 5px; border-bottom:1px solid #cecece; font-size:22px;}
.Bf_list {width:1140px; margin:50px auto 0px auto;}
.Bf_list li {width:265px; height:194px; float:left; margin-left:26px;}
.Bf_list li:first-child {margin-left:0;}
.course_image {width:100%; height:149px; border-radius: 6px; background:#ccc; overflow: hidden;}
.Bf_more_bg {background:url(../image/index/Bf_more_bg.jpg) no-repeat;}
.course_image a {width:100%; height:100%; display: block;}
.course_image img {width:100%;}
.course_name {height:48px; line-height: 48px; text-align: center; font-size:14px;}
.course_name a {width:100%; height:100%; display: block; transition:color 0.35s; -webkit-transition:color 0.35s; -moz-transition:color 0.35s; -o-transition:color 0.35s; color:#000;}
.course_name a:hover {color:#0091ff;}

.phoneBanner , .Af_title , .Cf_title , .Bf_title a , .phone_show {display: none;}

@media screen and (max-width:767px) and (min-width:320px) {
	body {background:#f7f7f7;}
	.banner {height:auto; overflow: visible;}
	.banner_list , .phone_hide {display:none;}
	.phoneBanner {display:block;}
	.phoneBanner img {width:100%;}

	.Cf_box {width:auto; position: relative; padding:24px 14px 24px 14px; background:#fff; box-shadow:none;}
	.Cf_title {height:30px; border-bottom:1px solid #ebebeb; display:block;}
	.Cf_title span {float:left; padding:0px 5px 7px 0px; border:none; font-size:16px;}
	.Cf_title a {float:right; margin-top:5px; color:#999;}	
	.Cf_list {width:100%; height:96px; margin-top:20px; overflow: hidden;}
	.Cf_list li {width:auto; height:20px; line-height:20px; float:none; padding:0px 0px 0px 12px; margin:18px 0px 0px 0px; background:url(../image/common/list_dot.gif) no-repeat left; background-size:4px;}
	.Cf_list li:first-child {margin:0;}
	.news_title h1 {width:60%; float:left; height:20px; overflow: hidden;}
	.news_title span {float:right; margin:0; color:#999; display: block;}
	.Cf_text {display:none;}

	.Af_box {width:auto; padding:24px 14px 14px 14px; margin-top:18px; background:#fff;}
	.Af_title {height:30px; border-bottom:1px solid #ebebeb; display:block;}
	.Af_title span {display:block; padding:0px 5px 7px 0px; border:none; font-size:16px;}
	.Af_list {width:100%; height:auto; margin-top:12px;}
	.Af_list li {width:50%; height:auto; margin:0 0 12px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.Af_list li:nth-child(odd) {padding-right:6px;}
	.Af_list li:nth-child(even) {padding-left:6px;}	
	.Af_list li a {position: relative; padding:86px 0px 18px 0px; background:#f5f5f5; background-image:none; color:#333;}
	.Af_list li a.Af_bg_red:hover ,
	.Af_list li a.Af_bg_yellow:hover ,
	.Af_list li a.Af_bg_blue:hover ,
	.Af_list li a.Af_bg_green:hover {background:#f5f5f5; background-image:none;}
	.Af_icon1 {width:40px; height:50px; left:50%; top:24px; margin-left:-20px; display: block; background-size:40px;}
	.Af_icon2 {width:37px; left:50%; top:24px; margin-left:-19px; background-size:37px;}
	.Af_icon3 {width:66px; left:50%; top:26px; margin-left:-33px; background-size:66px;}
	.Af_icon4 {width:46px; left:50%; top:22px; margin-left:-23px; background-size:46px;}

	.Af_text h1 {font-size:14px;}
	.Af_text p {display: none;}

	.Bf_box {width:auto; padding:24px 14px 14px 14px; margin-top:18px; background:#fff;}
	.Bf_title {height:30px; border-bottom:1px solid #ebebeb; display:block;}
	.Bf_title span {float:left; padding:0px 5px 7px 0px; border:none; font-size:16px;}
	.Bf_title a {float:right; margin-top:3px; color:#999; display:block;}	
	.Bf_list {width:100%; margin-top:12px;}
	.Bf_list li {width:50%; height:auto; margin:0 0 12px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.Bf_list li:nth-child(odd) {padding-right:6px;}
	.Bf_list li:nth-child(even) {padding-left:6px;}	
	.course_image {height:auto; border-radius: 0;}
	.course_name {height:42px; line-height:42px; background:#f5f5f5;}

	.phone_show {display:block;}
}