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

/*course*/
.course{
	width: 100%;
	height: 410px;
	margin-top: 60px;
}
.course_bg{
	width:1200px;
	height:100%;
	margin: 0 auto;
}
.course_title{
	width: 100%;
	height: 50px;
	overflow: hidden;
}
.course_left{
	width: 60%;
	height:100%;
}
.course_left p{
	font-size: 20px;
	color: #333;
	border-left: 2px solid #0088ce;
	padding-left: 20px;
}
.course_left span{
	font-size: 14px;
    color: #0188ce;
    display: block;
    margin-top: 6px;
    font-weight: bold;
}
.course_right a{
	font-size: 16px;
	color: #666;
	display: block;
	margin-top: 6px;
}
.course_right a:hover{color: #0088ce;}
.course_bottom{
	width: 100%;
	height: 270px;
	margin-top: 88px;
}
.course_bottom ul{
	width: 100%;
	height: 100%;
}
.course_bottom li{
	width: 240px;
	height: 100%;
	text-align: center;
	background: #e6e6e6;
	float: left;
}
.course_bottom li:nth-child(2){background: #f1f5f8;}
.course_bottom li:nth-child(4){background: #f1f5f8;}

.course_bottom li:first-child{
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}
.course_bottom li:last-child{
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}
.course_img{
	width: 100%;
	height: 160px;
	margin-top: -60px;
}
.course_img a{
	width: 100%;
	height: 100%;
	display: block;
}
.course_img a img{
	width: 134px;
	height: 134px;
	border-radius: 50%;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.15);
}
.course_font{
	width: 90%;
	margin: 0 auto;
	height: 178px;
	text-align: center;
}
.course_font p{
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 30px;
}
.course_font a{
	display: block;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	color: #666;
	background:url(/statics/images/tem/course_right_icon.png)no-repeat left center;
	overflow: hidden;
    background-position-y: 1px;
    margin-top: 16px;
    background-position-x: 38px;
    padding-left: 14px;
}
.course_bottom li:hover{background: #0088ce; }
.course_bottom li:hover .course_font p{ color: #fff;}
.course_bottom li:hover .course_font a{
	color: #fff;
    background-position-y:-16px;
}
.course_bottom li:last-child  .course_font a{background-position-x: 48px;}


/*advantage*/
.you{width: 100%;height: 567px;background:url(/statics/images/tem/youshi_bg.png)no-repeat center;margin-top: 70px;min-width:1200px;}
.you .youshi{width: 1200px;margin:0 auto;}
.you .youshi .left{width:700px;float: left;}
.you .youshi .left p{font-size: 30px;color: #333;padding-top: 120px;}
.you .youshi .left .yiji{font-size: 60px;color: #0088ce;padding: 25px 0;}
.you .youshi .left span{font-size: 16px;color: #666;}
.you .youshi .tubiao{margin-top: 35px;}
.you .youshi .tubiao li{float: left;width: 93px;margin-left: 66px;text-align: center;font-size: 18px;color: #333;line-height: 35px;}
.you .youshi .tubiao li:first-child{margin-left: 0px;}
.you .youshi .tubiao li p{width:93px!important;height:93px!important;overflow: hidden;padding-top: 0;}
.you .youshi .tubiao li p img{transition:all 1s;}
.you .youshi .tubiao li:hover img{
	margin-top: -94px;
	-webkit-transform:rotatey(360deg);
	-moz-transform:rotatey(360deg);
	-ms-transform:rotatey(360deg);
	transform:rotatey(360deg);
	transition:transform 0.6s linear;

}

/*students*/
.students{
	width: 100%;
	height:505px;
	margin-top: 50px;
}
.students_bottom{
	width: 100%;
	height: 426px;
	margin-top: 26px;
}
.students_bottom ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.students_bottom li{
	width: 586px;
	height: 131px;
	margin:0 24px 13px 0;
	float: left;
	border:1px solid #d9d9d9;
}
.students_bottom li:nth-child(even){margin-right: 0;}
.students_left{
	width: 233px;
	height: 100%;
	overflow: hidden;
}
.students_left a,.students_left a img{
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s;
}
.students_right{
	width: 330px;
	height: 100%;
}
.students_right a{
	display: inline-block;
	width: 95%;
	font-size: 20px;
	color: #333;
	line-height: 30px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 20px;
	transition: 0.2s;
}
.students_right p{
	width: 95%;
	font-size: 14px;
	color: #666;
	line-height:22px;
	overflow: hidden;
	margin-top: 10px;
	height: 48px;
	transition: 0.2s;
}
.students_bottom li:hover{border:1px solid #0088ce;}
.students_bottom li:hover .students_left a img{transform: scale(1.1);}
.students_bottom li:hover .students_right a{color: #0088ce;border-bottom: 1px solid #0088ce;transform: scale(1.02)}
.students_bottom li:hover .students_right p{color: #0088ce;transform: scale(1.02)}

/*message*/
.order{
	width: 100%;
	height: 380px;
	margin-top: 60px;
}
.order_bg{
	width: 1200px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	background:url(/statics/images/tem/order_bg.jpg)no-repeat center;
}
.bottom_1{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.left_2{
	width:746px;
	height: 100px;
	margin-top:110px;
}
.left_2 .box4-list label {
	display: block;
	width:320px;
	margin-bottom:16px;
	margin-right: 3%;
	float: left;
}
.left_2 .box4-list label input {
	width:320px;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	background: #FFF;
	padding: 0 20px;
	line-height: 40px;
	font-size: 14px;
}
.left_2 .box4-list label:nth-child(3){margin-right: 0;}
.left_2 .box4-list button {
	display: block;
	width: 320px;
	margin:0 0 0 343px;
	line-height:40px;
	background: #fe9219;
	color: #FFF;
	border: none;
	outline: none;
	border-radius:4px;
	font-size: 18px;
}
.font p{
	width: 665px;
	line-height: 26px;
	color: #fff;
	font-size:17px;
	margin-top: 36px;
	text-align: center;
}
.right_2{
	width: 260px;
	height: 260px;
	margin: 65px 0 0 110px;
}
.right_2 img{
	width: 100%;
	height: 100%;
}

/*about*/
.about{
	width: 100%;
	height: 670px;
	margin-top: 60px;
}
.about_top{
	width: 100%;
	height: 333px;
	overflow: hidden;
	margin-top: 22px;
}
.about_left{
	width: 610px;
	height: 275px;
}
.about_left b{
	font-size: 20px;
	color: #0088ce;
	border-bottom: 2px solid #0088ce;
	line-height: 24px;
}
.about_left p{
	font-size: 14px;
    color: #333;
    line-height: 34px;
    margin-top: 28px;
    width: 100%;
    text-align: justify;
    height: 170px;
    overflow: hidden;
}
.about_left a{
	display: block;
	background: #0088ce;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	margin-top: 24px;
}

.about_font_more{
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #0088ce;
	border:  1px solid #0088ce;
	border-radius: 5px;
	margin-top: 25px;
	font-size: 14px;
}
.about_font_more n{
	padding-left: 10px;
}
.about_font_more span{
	margin-left: 20px;
	margin-left: 94px;
}
.about_font_more a{
	margin-top: 0px;
	float:right;
	border-radius: 3px;
}
.about_right{
	width: 527px;
	height: 100%;
	overflow: hidden;
}
.about_right a,.about_right a img{
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s;
}
.about_right:hover a img{transform: scale(1.1)}

.about_bottom{
	width: 100%;
	height: 240px;
	margin-top: 22px;
	overflow: hidden;
}
.image_video_detail{
	max-width: 100%;
	height: 100%;
	position: relative;
}
#video_detail_list{
	width: 100%!important;
	margin: 0 auto;
}
.image_video_detail ul{
	width:100%;
	height: 100%;
}
.image_video_detail li{
	float: left;
	width: 300px;
	height: 238px;
	margin-right:26px;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	text-align: center;
}
.image_video_detail li a{
	width: 100%;
	height: 100%;
	display: block;
}
.image_video_detail li a img{
	transition: 0.6s;
	line-height: 240px;
	margin-top: 50px;
}
.image_video_detail li a img:hover{transform: scale(1.1)}

/*news*/
.news{
	width: 100%;
	height: 500px;
	background: #f5f5f5;
	margin: 60px 0 60px 0;
}
.news_title{
	width: 100%;
	height: 40px;
}
.news_title p{
	font-size: 18px;
	color: #333;
	float: left;
	font-weight: bold;
	border-bottom: 2px solid #0088ce;
}
.news_title a{
	font-size:  0.8vw;
	color: #333;
	float: right;
}
.news_title a:hover{color: #0088ce;}
.news_title1{
	float: left;
}
.news_title1 li{
	float: left;
	margin-right:30px;
}
.news_title1 li a{
	font-size: 18px;
	color: #333;
	float: left;
	font-weight: bold;
	border-bottom: 2px solid #0088ce;
}
.news_left{
	width: 600px;
	height: 400px;
	margin-top: 50px;
		
}
.news_top{
	width: 100%;
	height: 178px;
}
.news_img{
	width: 276px;
	height: 100%;
	overflow: hidden;
}
.news_img a,.news_img a img{
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s;
}
.news_top:hover .news_img a img{transform: scale(1.1)}
.news_font{
	width: 270px;
	height: 100%;
}
.news_font b{
	font-size: 16px;
	color: #333;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_font span{
	font-size: 14px;
	color: #999;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
}
.news_font p{
	font-size: 14px;
	color: #666;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	line-height: 24px;
	height: 70px;
}
.news_font a{
	font-size: 14px;
	color: #0088ce;
	display: block;
	width: 100%;
	margin-top: 20px;
}
.news_bottom{
	width: 100%;
	height: 140px;
	margin-top: 40px;
}
.news_bottom ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.news_bottom li{
	width: 100%;
	height: 16px;
	margin-bottom: 20px;
}
.news_bottom li a{
	width: 80%;
	height: 16px;
	line-height: 16px;
	color:#333;
	font-size: 15px;
	background:url(/statics/images/tem/news_icon.png)no-repeat left center;
	padding-left: 20px;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_bottom li span{
	float: right;
	width: 13%;
	height: 16px;
	line-height: 16px;
	color:#666;
	font-size: 14px;
}
.news_bottom li:hover a{color: #0088ce;}
.news_bottom li:hover span{color: #0088ce;}
.news_right{
	width: 470px;
	height: 400px;
	margin-top: 50px;
}
.question_bottom{
	width: 100%;
	margin-top: 20px;
	height: 340px;
}
.question_bottom ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.news_question_detail{
	width: 100%;
	height: 110px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-top: 20px;
}
.news_question_detail a{
	font-size:  16px;
	color: #000;
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:block;
	font-style: normal;
}.news_question_detail:hover a{color:#0088ce; }
.news_question_detail a n{
	width: 25px;
	height: 25px;
	background: #0088ce;
	color: #fff;
	display: block;
	font-size:  0.8vw;
	text-align: center;
	line-height: 25px;
	float: left;
	margin-right: 10px;
	font-style: normal;
}
.news_question_detail p{
	font-size: 15px;
	color: #333;
	width: 100%;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	padding-top:20px;
	font-style: normal;
}
.news_question_detail p n{
	width: 25px;
	height: 25px;
	background: #f4524e;
	color: #fff;
	display: block;
	font-size: 0.8vw;
	text-align: center;
	line-height: 25px;
	float: left;
	margin-right: 10px;
	font-style: normal;
}

/*school*/
.school{
	width: 100%;
	height: 270px;
	margin-top: 60px;
}
.school_bottom{
	width: 100%;
	height: 190px;
	margin-top: 28px;
	position: relative;
}
.prod_bg{
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
#prod{
	height:auto; 
	margin:0 auto;
}
#team_l{
	background:url("/statics/images/tem/pro_icon1.png") no-repeat;
	background-position: left center;
	width: 48px;height: 48px;
	cursor: pointer;
	position: absolute;
    left: 0;
	top: 40%;
}
#team_l:hover{background:url("/statics/images/tem/pro_icon3.png") no-repeat;}
#team_r{
	background:url("/statics/images/tem/pro_icon2.png") no-repeat;
	background-position: right center;
	width: 48px;
	height: 48px;
	cursor: pointer;
	position: absolute;
    right: 0;
	top: 40%;
}
#team_r:hover{background:url("/statics/images/tem/pro_icon4.png") no-repeat;}
#team_d{
	width:1200px; 
	height:100%; 
	overflow:hidden;
	float: left;
}
.team_list{
	width:100%;
	height: 100%;
}
.team_list ul{
	width:100%;
	height: 100%;
}
.team_list li{
	float: left;
	width:199px;
	height: 83px;
	margin: 0 18px 18px 0;
	border:1px solid #e2e2e2;
	overflow: hidden;
}
.team_list li a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.team_list li a img{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.6s;
    max-width: 100%;
    max-height: 100%;
}
.team_list li a:hover img{transform: scale(1.1)}
.team_list li:hover{border:1px solid #0088ce;}
/*four_icon*/
.four_icon{width: 100%;height: 140px;background: #f5f5f5;margin-top: 0px;}
.four_dian{width: 1200px;margin:0 auto;height: 100%;overflow: hidden;}
.four_dian li{float: left;height: 60px;color: #999;width: 300px;margin-top: 40px;}
.four_dian li img{float: left;margin-right: 20px;transition:all 1s;}
.four_dian li p{font-size: 20px;color: #000;line-height: 30px;padding-top: 7px;}
.four_dian li:hover img{transform:rotatey(360deg);}

/*link*/
.link{
	width: 100%;
	height: auto;
	display: table;
	margin-bottom: 20px;
}
.link_bg{
	width: 1200px;
	margin: 0 auto;
}
.link_bg ul{
	width: 100%;
	display: table;
}
.link_bg li{
	float: left;
	margin: 0 8px 8px 8px;
}
.link_bg li:first-child{margin-left: 0;margin-right: 0;}
.link_bg li:nth-child(2){margin-left: 0;}
.link_bg li p{
	font-size: 16px;
	color:#0088ce;
	line-height: 24px;
	font-weight: bold;
}
.link_bg li a{
	font-size: 16px;
	color: #333;
	line-height: 24px;
}
.link_bg li a:hover{color: #0088ce}