@charset 'utf-8';



body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dt,dd,dl,img {

	margin: 0;

	padding: 0;

	font-family: 'Microsoft Yahei UI'

}



img {

	vertical-align: middle

}



li {

	list-style: none

}



a {

	color: #333;

	font-size: 14px;

	text-decoration: none

}



i {

	font-style: normal

}



.xu_left {

	float: left

}



.xu_right {

	float: right

}



.xu_ellipsis {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.xu_container {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden





}



.xu_clear {

	clear: both

}



.crumbs {

	color: #000;

	line-height: 50px;

	font-size: 20px;

	background-color: #e9e7e7

}



.crumbs a {

	color: #000;

	font-size: 20px

}



.page {

	margin: 40px 0;

	text-align: center

}



.page a {

	color: #7b7b7b;

	font-size: 16px;

	border: 1px solid #7b7b7b;

	padding: 5px 10px;

	min-width: 20px;

	display: inline-block

}



.page_on {

	color: #fff !important;

	background-color: #0358a4 !important;

}



.nav {

	line-height: 74px;

	/*background-color: #070c14;

	background: url('../img/ll.png') no-repeat center*/

}



.menu a {

	color: #fff;

	display: inline-block;

	padding: 0 15px;

	font-size: 18px;

	transition: background-color ease .6s

}



.menu a:hover {

	background-color: #0358a4

}



.home0 .menu_active0,.home1 .menu_active1,.home2 .menu_active2,.home3 .menu_active3,.home4 .menu_active4,.home5 .menu_active5,.home6 .menu_active6,.home7 .menu_active7,.home8 .menu_active8 {

	background-color: #0358a4

}



.banner {

	width: 100%;

	overflow: hidden;

	position: relative

}



.banner .hd {

	position: absolute;

	bottom: 10px;

	left: 0;

	width: 100%;

	z-index: 10;

	text-align: center

}



.banner .hd li {

	width: 30px;

	height: 30px;

	border-radius: 15px;

	background-color: #6a6e73;

	display: inline-block;

	margin: 0 10px

}



.banner .hd li.on {

	background-color: #fff

}



.check {

	height: 688px;

	text-align: center;

	background: url('../img/check_bg.jpg') no-repeat center

}



.check_title {

	color: #0358a4;

	font-size: 38px;

	margin-top: 60px

}



.check_list {

	width: 1072px;

	margin: 0 auto;

	overflow: hidden

}



.check_item {

	float: left;

	width: 238px;

	margin: 0 15px

}



.check_item a {

	display: inline-block;

	width: 239px;

	height: 208px;

	margin-top: 50px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100% 100%

}



.check_item1 {

	background-image: url('../img/check_item1.png')

}



.check_item1:hover {

	background-image: url('../img/check_item1_hover.png')

}



.check_item2 {

	background-image: url('../img/check_item2.png')

}



.check_item2:hover {

	background-image: url('../img/check_item2_hover.png')

}



.check_item3 {

	background-image: url('../img/check_item3.png')

}



.check_item3:hover {

	background-image: url('../img/check_item3_hover.png')

}



.check_item4 {

	background-image: url('../img/check_item4.png')

}



.check_item4:hover {

	background-image: url('../img/check_item4_hover.png')

}



.check_name {

	color: #363636;

	font-size: 24px;

	line-height: 60px

}



.check_text {

	color: #626161;

	font-size: 14px

}



.about {

	height: 700px;

	text-align: center;

	overflow: hidden;

	background: url('../img/about.jpg') no-repeat center

}



.about .check_title {

	color: #fff

}



.about_text {

	color: #fff;

	font-size: 22px;

	line-height: 60px;

	margin-top: 20px

}



.case {

	height: 740px;

	text-align: center;

	background: url('../img/case_bg.jpg') no-repeat center

}



.case_list {

	width: 992px;

	height: 550px;

	margin: 16px auto;

	position: relative

}



.case li {

	position: absolute;

	z-index: 11;

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	text-align: center

}



.case li a {

	width: 100%;

	color: #fff;

	font-size: 24px;

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -31px

}



.case_item1 {

	left: 0;

	top: 0;

	width: 246px;

	height: 230px;

	background-image: url('../img/case_item1.jpg')

}



.case_item2 {

	left: 266px;

	top: 0;

	width: 220px;

	height: 386px;

	background-image: url('../img/case_item2.jpg')

}



.case_item3 {

	left: 506px;

	top: 0;

	width: 486px;

	height: 148px;

	background-image: url('../img/case_item3.jpg')

}



.case_item4 {

	left: 0;

	top: 250px;

	width: 246px;

	height: 136px;

	background-image: url('../img/case_item4.jpg')

}



.case_item5 {

	left: 506px;

	top: 168px;

	width: 236px;

	height: 386px;

	background-image: url('../img/case_item5.jpg')

}



.case_item6 {

	left: 762px;

	top: 168px;

	width: 236px;

	height: 386px;

	background-image: url('../img/case_item6.jpg')

}



.case_item7 {

	left: 0;

	top: 406px;

	width: 486px;

	height: 148px;

	background-image: url('../img/case_item7.jpg')

}



.ryzz {

	height: 640px;

	text-align: center;

	background: url('../img/ryzz_bg.jpg') no-repeat center

}



.ryzz_picScroll {

	width: 100%;

	position: relative

}



.ryzz .hd a {

	position: absolute;

	top: 50%;

	width: 46px;

	height: 80px;

	margin-top: -40px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100% 100%;

	cursor: pointer

}



.ryzz .hd .prev {

	left: 0;

	background-image: url('../img/prev.png')

}



.ryzz .hd .next {

	right: 0;

	background-image: url('../img/next.png')

}



.ryzz .hd .prevStop,.ryzz .hd .nextStop {

	opacity: .6

}



.ryzz .bd {

	width: 1038px;

	margin: 50px auto

}



.ryzz .picList {

	overflow: hidden

}



.ryzz .picList li {

	float: left;

	width: 310px;

	margin: 0 18px

}



.ryzz .picList li p {

	color: #fff;

	font-size: 26px;

	text-align: center;

	line-height: 70px;

	background-color: #3ab9d6

}



.service {

	height: 700px;

	text-align: center;

	background: url('../img/service_bg.jpg') no-repeat center

}



.service_picScroll {

	overflow: hidden;

	position: relative;

	margin-top: 50px

}



.service .picList {

	overflow: hidden

}



.service .picList li {

	float: left;

	width: 300px;

	height: 400px;

	overflow: hidden;

	position: relative

}



.service .picList li:hover dl {

	top: 0

}



.service .hd li {

	display: inline-block;

	width: 26px;

	height: 26px;

	color: transparent;

	border-radius: 13px;

	margin: 10px;

	background-color: #b7b7b7

}



.service .hd li.on {

	background-color: #0358a4

}



.service dl {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 326px;

	left: 0;

	background-color: rgba(0,0,0,0.5);

	text-align: left;

	transition: top ease .6s

}



.service dt {

	color: #fff;

	font-size: 28px;

	line-height: 60px;

	padding: 15px 40px 0;

	background: url('../img/tiao.png') no-repeat 15px top

}



.service dd {

	padding: 0 40px

}



.service dd a {

	color: #fff;

	font-size: 14px;

	line-height: 26px

}



.service_more {

	color: #ff2020;

	font-size: 16px;

	padding-left: 40px;

	margin-top: 15px;

	display: block

}



.news {

	height: 689px;

	background: url('../img/news.jpg') no-repeat center

}



.news_title {

	margin-top: 80px

}



.news_title b {

	color: #013a81;

	font-size: 48px;

	font-weight: normal

}



.news_title p {

	color: #013a81;

	font-size: 32px

}



.news_btn {

	margin-top: 130px

}



.news_btn a {

	display: inline-block;

	width: 120px;

	line-height: 44px;

	color: #363636;

	background-color: #ccc;

	text-align: center;

	font-size: 18px;

	margin: 0 5px

}



.news_on {

	color: #fff !important;

	background-color: #333 !important

}



.news_list {

	width: 1280px;

	overflow: hidden

}



.news_item {

	float: left;

	width: 560px;

	margin-right: 80px;

	overflow: hidden;

	margin-top: 20px

}



.news_img {

	width: 130px;

	height: 100px

}



.news_info {

	width: 410px

}



.news_info a {

	color: #000;

	font-size: 14px

}



.news_info p {

	color: #3e3e3e;

	font-size: 12px

}



.cus {

	height: 800px;

	text-align: center;

	background: url('../img/case_img.jpg') no-repeat center

}



.cus_list {

	overflow: hidden;

	margin-top: 30px

}



.cus_item {

	width: 238px;

	height: 168px;

	float: left;

	margin: 1px;

	position: relative

}



.cus_item a {

	color: #fff;

	line-height: 168px;

	font-size: 38px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0,0,0,0.5);

	opacity: 0;

	transition: opacity ease .6s

}



.cus_item:hover a {

	opacity: 1

}



.cus_other {

	width: 298px

}



.cus_more {

	color: #fff;

	font-size: 20px;

	margin-top: 30px

}



.link {

	padding: 15px 0;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	background-color: #3b3b3b

}



.link p {

	color: #fff;

	font-size: 22px

}



.link a {

	color: #fff;

	margin-right: 10px

}



.footer {

	padding: 15px 0;

	background-color: #3b3b3b

}



.footer_copy {

	color: #fff;

	font-size: 14px;

	width: 704px;

	border-right: 1px solid #fff;

	line-height: 30px

}



.footer_tel {

	color: #fff;

	font-size: 18px;

	padding-left: 20px

}



.footer_tel b {

	font-size: 24px;

	line-height: 50px

}



.pen_service {

	height: auto;

	background: none

}



.pen_service .picList li {

	width: 298px;

	height: 186px;

	margin: 0 1px 20px

}



.pen_service .picList li dl {

	top: 126px

}



.pen_service .picList li dt {

	background: none;

	font-size: 24px;

	padding: 0 28px;

	line-height: 60px

}



.pen_service .picList li dd {

	color: #fff;

	font-size: 14px;

	padding: 0 28px

}



.pen_title {

	width: 990px;

	margin: 20px auto 0;

	color: #202020;

	text-align: center;

	font-size: 36px;

	border-bottom: 1px solid #828282;

	font-weight: normal;

	line-height: 60px

}



.pen_info {

	text-align: center;

	color: #4c4c4c;

	font-size: 16px;

	padding: 5px 0;

	line-height: 30px

}



.pen {

	height: 800px;

	background: url('../img/pen-bg.jpg') no-repeat center

}



.pen_left {

	width: 579px;

	padding-right: 20px;

	border-right: 1px dashed #fff;

	margin-top: 30px

}



.pen_right {

	width: 580px;

	padding-left: 20px;

	margin-top: 30px

}



.pen_name {

	color: #f1f749;

	font-size: 20px;

	margin-top: 40px

}



.pen_text {

	color: #fff;

	font-size: 14px;

	text-indent: 2em;

	line-height: 26px

}



.pen_3 {

	padding: 60px 0;

	text-align: center;

	background-color: #e5e5e5

}



.pen_3 li {

	display: inline-block;

	margin: 0 35px

}



.pen_3_title {

	color: #242323;

	font-size: 28px;

	line-height: 50px

}



.pen_3_info {

	color: #606060;

	font-size: 20px

}



.mouth {

	height: 800px;

	overflow: hidden;

	background: url('../img/mouth-bg.jpg') no-repeat center

}



.mouth ul {

	margin-top: 180px;

	text-align: center

}



.mouth li {

	display: inline-block;

	margin: 0 85px 10px

}



.mouth li a {

	color: #fff;

	font-size: 22px;

	line-height: 90px;

	display: block

}



.teacher_service_title {

	color: #1d1d1d;

	font-size: 32px;

	line-height: 100px;

	margin-top: 35px;

	text-align: center

}



.teacher_service ul {

	margin: 50px 0 20px

}



.teacher_service li {

	float: left;

	width: 228px;

	margin: 0 20px;

	padding: 0 15px;

	text-align: center;

	border: 1px solid #e2e2e2;

	background-color: #f6f6f6

}



.teacher_service li img {

	margin-top: -44px

}



.teacher_service_name {

	color: #da363c;

	font-size: 20px;

	line-height: 60px

}



.teacher_service_info {

	color: #676666;

	text-align: left;

	font-size: 14px;

	margin-bottom: 10px

}



.teacher_service_list {

	color: #424242;

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 10px;

	background-color: #fff

}



.teacher_team {

	height: 615px;

	padding-top: 30px;

	background-color: #eee

}



.teacher_team_box {

	width: 1000px;

	margin: 0 auto;

	position: relative

}



.teacher_team_box>img {

	margin-left: -300px

}



.teacher_team_info {

	position: absolute

}



.teacher_team_info .teacher_service_info {

	text-align: center

}



.teacher_team_info i {

	color: #ef7327;

	font-size: 32px

}



.teacher_team_list {

	overflow: hidden;

	text-align: center;

	margin-left: 120px;

	margin-top: 70px

}



.teacher_team_list li {

	float: left;

	width: 142px;

	margin: 0 75px

}



.teacher_team_list li span {

	width: 114px;

	height: 114px;

	border-radius: 57px;

	text-align: center;

	line-height: 114px;

	display: inline-block;

	/*background-color: #fff*/

}



.teacher_team_list li a {

	color: #000;

	font-size: 18px;

	line-height: 32px

}



.teacher_team_more {

	display: block;

	width: 160px;

	line-height: 50px;

	border: 1px solid #0358a4;

	color: #0358a4;

	margin: 40px auto 0;

	font-size: 24px;

	text-align: center

}



.teacher_check {

	text-align: center;

	background-color: #f5f5f5

}



.teacher_check li {

	float: left;

	width: 200px;

	margin: 0 20px 40px

}



.teacher_check li a {

	display: block

}



.train_01 {

	overflow: hidden;

	background-color: #f7f6f6

}



.train_01 .pen_service .picList li {

	height: 280px

}



.train_01 .pen_service .picList li dl {

	top: 220px

}



.train_02 ul {

	margin: 35px auto

}



.train_02 li {

	float: left;

	width: 290px;

	border: 1px solid #7c7c7c;

	margin: 0 4px;

	padding-bottom: 30px

}



.train_02 li a {

	color: #484848;

	font-size: 20px;

	line-height: 50px;

	padding: 0 20px

}



.train_02 li p {

	color: #787878;

	font-size: 14px;

	padding: 0 20px

}



.train_03 {

	height: 560px;

	overflow: hidden;

	background: url('../img/train-bg.jpg') no-repeat center

}



.train_03_list {

	width: 950px;

	margin: 90px auto 0

}



.train_03 li {

	float: left;

	width: 148px;

	margin: 0 20px;

	padding: 0 20px 20px;

	text-align: center;

	background-color: #fff

}



.train_03 li p {

	color: #4c4c4c;

	font-size: 16px;

	text-align: left

}



.train_03 li img {

	margin-top: -56px

}



.train .tarin_img {

	width: 350px;

	margin-top: 50px

}



.train .tarin_list {

	width: 800px

}



.train .tarin_list li {

	width: 100%;

	float: none;

	border: none;

	color: #5c5c5c;

	font-size: 14px;

	line-height: 44px;

	padding-bottom: 0;

	margin-bottom: 30px;

	border-bottom: 1px dashed #929292

}



.train .tarin_list li p {

	color: #2d2d2d !important;

	font-size: 18px !important;

	line-height: 20px;

	padding: 0 !important

}



.train .tarin_btn a {

	width: 590px;

	color: #fff;

	display: inline-block;

	text-align: center;

	line-height: 50px;

	font-size: 18px;

	margin: 0 5px;

	background-color: #f7a4d3

}



.train .tarin_btn_list {

	margin: 0 5px 50px !important

}



.train .tarin_btn_list li {

	float: none;

	width: auto;

	margin: 0 !important;

	padding-bottom: 0;

	border-color: #f160b3

}



.train .tarin_on {

	background-color: #f160b3 !important

}



.control_container {

	margin: 20px 0;

	height: 3057px;

	padding-top: 90px;

	background: url('../img/control-bg.jpg') no-repeat center

}



.control_title {

	width: 266px;

	display: block;

	color: #4ba7bb;

	text-align: center;

	border: 2px solid #4ba7bb;

	border-radius: 31px;

	line-height: 60px;

	font-size: 30px;

	margin: 0 auto;

	opacity: .8

}



.control ul {

	margin: 35px auto

}



.control li {

	margin-left: 5px;

	margin-right: 5px

}



.control_name {

	width: 60px;

	padding: 30px 0;

	text-align: center;

	color: #fff;

	background-color: #4ba7bb;

	opacity: .8;

	font-size: 26px;

	margin-top: 75px

}



.control_img {

	line-height: 350px

}



.control_info {

	opacity: .8;

	border: 2px solid #4ba7bb;

	height: 346px

}



.control_item {

	width: 278px;

	line-height: 60px;

	background-color: #4ba7bb;

	opacity: .8;

	color: #fff;

	font-size: 36px;

	text-align: center

}



.control_text {

	padding: 0 20px;

	line-height: 40px

}



.control_type {

	color: #202020;

	font-size: 36px;

	line-height: 70px

}



.control_type_list {

	overflow: hidden;

	margin: 0 auto !important

}



.control_type_list li {

	width: 256px;

	float: left;

	margin: 0 22px !important;

	overflow: hidden;

	color: #282828;

	font-size: 20px;

	line-height: 40px

}



.control_type_list li i {

	width: 10px;

	height: 10px;

	background-color: #1945e8;

	display: inline-block

}



.control_word {

	color: #5e5e5e;

	font-size: 20px;

	line-height: 40px

}



.success li {

	float: left;

	width: 296px;

	height: 280px;

	margin: 10px 1px;

	border: 1px solid #828282;

	position: relative

}



.success li a {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	line-height: 60px;

	color: #fff;

	background-color: rgba(0,0,0,0.5);

	font-size: 24px;

	padding-left: 50px

}



.price {

	padding: 40px 0;

	background: url('../img/price-bg.jpg') no-repeat center top;

	background-size: 100% 100%

}



.price_name {

	color: #232323;

	font-size: 38px

}



.price_en {

	color: #5b5656;

	font-size: 22px;

	line-height: 60px

}



.price_list {

	overflow: hidden;

	text-align: center

}



.price_list li {

	width: 280px;

	margin: 0 10px 10px;

	color: #0358a4;

	line-height: 60px;

	font-size: 22px;

	background-color: #ededed;

	cursor: pointer;

	float:left;

	

 

}

	

.price_list li a{

	font-size:18px;	

}



.price_on {

	color: #fff !important;

	background-color: #0358a4 !important

}

.price_on a{

	color:white;

}



.price_title {

	color: #000;

	font-size: 30px;

	line-height: 70px

}



.contact_01 {

	height: 860px;

	overflow: hidden;

	background: url('../img/contact-img1.jpg') no-repeat center

}



.contact_img {

	width: 450px;

	margin-top: 60px

}



.contact_add {

	width: 590px;

	margin-top: 60px

}



.contact_add p {

	color: #202020;

	font-size: 18px;

	line-height: 48px

}



.contact .pen_3 {

	background-color: transparent

}



.contact_02 {

	height: 786px;

	overflow: hidden;

	background: url('../img/contact-img2.jpg') no-repeat center

}



.contact .mouth {

	height: auto;

	background: none

}



.contact .mouth ul {

	margin-top: 100px

}



.contact_03_box {

	width: 1100px;

	margin: 30px auto;

	overflow: hidden

}



.contact_gs {

	width: 422px

}



.contact_text {

	width: 610px

}



.contact_text p {

	color: #5a5a5a;

	font-size: 16px;

	text-indent: 2em;

	margin-bottom: 10px;

	line-height: 28px

}



.contact_04 {

	height: 630px;

	overflow: hidden;

	background: url('../img/contact-img3.jpg') no-repeat center

}



.contact_item {

	text-align: center;

	color: #fff;

	font-size: 26px;

	line-height: 60px;

	margin-top: 20px

}



.contact_word {

	color: #191919;

	font-size: 24px;

	text-indent: 2em;

	line-height: 40px

}



.contact_05 {

	height: 700px;

	overflow: hidden;

	background: url('../img/contact-img4.jpg') no-repeat center

}



.contact_06 {

	height: 500px;

	overflow: hidden;

	background: url('../img/contact-img5.jpg') no-repeat center

}



.detail {

	padding: 30px 0

}



.detail_left {

	width: 210px;

	padding-right: 30px;

	border-right: 1px dashed #6d6d6d;

	text-align: center

}



.detail_left_title {

	color: #333;

	font-size: 24px;

	margin-bottom: 10px

}



.detail_left_title a {

	color: #999;

	font-size: 14px

}



.detail_left_text {

	display: block;

	line-height: 44px;

	font-size: 18px;

	color: #666

}



.detail_left_case {

	border: 1px solid #dadada;

	text-align: left

}



.detail_left_case p {

	color: #191919;

	font-size: 18px;

	padding: 0 10px;

	line-height: 44px;

	border-bottom: 1px solid #dadada

}



.detail_left_case p a {

	color: #787878;

	font-size: 14px

}



.detail_left_case>a {

	font-size: 16px;

	margin: 20px 0;

	display: block

}



.detail_left_type {

	height: 55px;

	color: #fff;

	font-size: 24px;

	margin-top: 20px;

	display: block;

	text-align: left;

	padding-top: 15px;

	padding-left: 10px;

	border: 1px solid #dadada;

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100% 100%

}



.detail_left_type i {

	font-size: 12px;

	display: block

}



.detail_right {

	width: 900px

}



.detail_right_title {

	text-align: center;

	color: #202020;

	font-size: 36px;

	line-height: 76px;

	border-bottom: 1px dashed #7a7a7a

}



.detail_right_time {

	text-align: center;

	color: #4c4c4c;

	font-size: 16px;

	line-height: 50px

}



.detail_right_img {

	text-align: center

}



.detail_right_img img {

	max-width: 100%

}



.detail_right_text {

	color: #767676;

	font-size: 16px;

	line-height: 26px;

	text-indent: 2em;

	margin-bottom: 10px

}



.detail_right_name {

	color: #4c4c4c;

	font-size: 18px;

	margin-top: 40px

}



.detail_right p{

   

    font-size: 16px;

    

	color: #666;

	    line-height: 26px;

}



.team ul li {

    list-style: none;

    display: inline-block;

    width: 295px;

}

.team ul li img{

	width:165px;

	height:240px;

}





table {

    border-spacing: 0px;

    text-align: center;

    border-collapse: collapse;

    margin-bottom: 30px;

    margin-top: 20px;

}

tbody,thead,tr{

	margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



thead th {

    color: white;

    font-size: 18px;

    font-weight: normal;

    padding: 15px 0;

    background: #2680CC;

}



tbody td, thead th {

    border: 1px #d0d0d0 solid;

    line-height: 1.7em;

}



tbody td {

    padding: 9px 8px 8px;

    font-size: 16px;

}