@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1440px) {
	.swiper-container .swiper-slide.slogan .text_area .en_text {
		font-size: 3.6rem;
	}
	.swiper-container .swiper-slide.slogan .text_area .cn_text {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:1280px) {
	.swiper-container .swiper-slide.slogan .text_area .en_text {
		font-size: 3.3rem;
	}
	.index_profile {padding: 50px 0 0 0;}
}

@media screen and (max-width:1024px) {
	.swiper-container-banner .swiper-slide .slide_text h3 {font-size: 50px;}
	.panel {width: 90%;}
	.sub_page .panel {width: 100%;}
	.sub_page .sub_bottom .panel {width: 90%;}
	.index_service_text {font-size: 115px;}
	.index_case .case_info {padding: 20px 40px;}
	.index_case .case_info .logo {max-height: 40px;}
	.index_case .case_info h3 {margin: 10px 0 10px 0;}
	.index_case .case_info .text {margin: 0 0 20px 0;}
	.about_content .profile_text {padding: 80px 100px;}
	.about_content .course_area {padding: 80px 100px;}
	.about_content .course_area .area_content {flex: 1.5;}
	.about_content .team li .pic {height: 41%;}
	.about_content .team {width: 95%;margin: 0 2.5%;}
	.case_content .case_area {padding: 50px 50px;}
	.service_content .contact_area .contact .info {flex: 1;}
}

@media screen and (max-width:768px) {
	.top_bar .nav {width: 100%;position: absolute;top: 100px;left: 0;}
	.swiper-container-banner .swiper-slide .slide_text h3 {font-size: 40px;}
	.swiper-container-banner .swiper-slide .slide_image {height: 70%;bottom: 0;top: auto;right: -15%;}
	.index_service_text {font-size: 86px;}
	.index_profile .profile_content {display: block;}
	.index_profile .profile_content .content_text {margin: 30px 0 30px 0;}
	.index_profile .proflie_text {font-size: 100px;}
	.index_case {display: block;}
	.bottom_image {height: 80%;top: auto;right: -15%;}
	.top_bar.bottom .nav {top: -100px;}
	.bottom_info {bottom: 300px;display: block;}
	.bottom_info .info {padding: 0 0 0 0;margin: 0 0 30px 0;border-right: none;}
	.bottom_info .code {text-align: right;}
	.sub_bottom .menu ul li a {font-size: 12px;padding: 0 10px;}
	.about_content .course_area {padding: 100px 30px;}
	.about_content .ceo_info {padding: 80px 60px;}
	.about_content .team li .pic {height: 31%;}
	.about_content .team li .text_popup {padding: 20px;}
	.top_bar.sub_page {margin: 0 0 100px 0;}
	.case_content .case_area ul.case li {width: 47%;}
	.service_content .service_area.area_1 {padding: 80px 50px;}
	.service_content .service_area.area_1 .text {margin: 0 50px 0 0;}
	.case_content .case_area ul.news li {width: 46%;}
	.service_content .contact_area {padding: 80px 50px;}
}

@media screen and (max-width:640px) {
	.top_bar .nav {height: 50px;background-color: #C23043;}
	.top_bar .nav ul {height: 50px;}
	.top_bar .nav ul li {line-height: 50px;}
	.top_bar .nav ul li a {font-size: 12px;}
	.top_bar .nav ul li.current {background-color: #AC2A3B;}
	.top_bar .nav ul li.current a {color: #fff;}
	.top_bar .search a.contact {font-size: 12px;}
	.swiper-container-banner .swiper-slide .slide_image {height: 60%;}
	.swiper-container-banner .swiper-slide .slide_text {padding: 0 30px 0 30px;}
	.swiper-container-banner .swiper-slide .slide_text .logo_text {font-size: 50px;}
	.swiper-container-banner .swiper-slide .slide_text h3 {font-size: 24px;}
	.swiper-container-banner .swiper-slide .slide_text h4 {font-size: 12px;}
	.swiper-container-banner .swiper_slogan {bottom: 50px;left: 30px;}
	.swiper-container-banner .swiper-button-prev {right: auto;left: 30px;}
	.swiper-container-banner .swiper-button-next {right: auto;left: 80px;}
	.index_service {display: block;}
	.index_service .item {padding: 20px 0;height: auto;margin: 0 0 10px 0;}
	.index_service .item .number {top: 40px;}
	.index_service .item h3 {margin: 15px 0 0 0;font-size: 14px;}
	.index_service .item h3 br {display: none;}
	.index_service .item .more {display: none;}
	.index_service .service_left {height: auto;}
	.index_service .service_middle {height: auto;margin: 0 0;position: static;}
	.index_service .service_middle .middle_top,.index_service .service_middle .middle_bot {height: auto;position: static;}
	.index_service .service_right {height: auto;}
	.index_service_text {display: none;}
	.index_profile .profile_content .content_text {margin: 10px 0 20px 0;}
	.index_profile .profile_content .content_text .text {margin: 10px 0 0 0;font-size: 12px;line-height: 18px;}
	.index_profile .proflie_text {font-size: 40px;}
	.index_profile .proflie_text span::before {height: 10px;}
	.index_profile .profile_content .content_slogan .slogan {padding: 5px;width: 100px;height: 100px;}
	.index_profile .profile_content .content_slogan .slogan .text {margin: 5px 0 0 0;font-size: 12px;}
	.index_profile .profile_content .content_slogan .slogan:nth-child(1) {right: 210px;}
	.index_profile .profile_content .content_slogan .slogan:nth-child(3) {top: 0;right: 105px;}
	.index_profile .profile_content .content_slogan .slogan:nth-child(4) {top: 105px;width: 205px;}
	.index_case .case_info {padding: 20px 20px;}
	.case_more {margin: 20px 0 0 -100px;}
	.swiper-container-case .swiper-button-prev, .swiper-container-case .swiper-button-next {bottom: -54px;}
	.swiper-container-case .swiper-button-prev {margin: 0 0 0 -165px;}
	.swiper-container-case .swiper-button-next {margin: 0 -165px 0 0;}
	.bottom_image {height: 60%;}
	.top_bar.bottom .nav {top: -50px;background-color: #AC2A3B;}
	.top_bar.bottom .nav ul li.current {background-color: #891927;}
	.top_bar.bottom .nav ul li.current a::after {display: none;}
	.bottom_info .info .add {font-size: 12px;}
	.top_bar.sub_page {margin: 0 0 50px 0;}
	.top_bar.sub_page .nav ul li a {color: #fff;}
	.top_bar.sub_page .nav ul li.current {background-color: #000;}
	.top_bar.sub_page .nav ul li.current a {color: #fff;}
	.top_bar.sub_page .nav ul li.current a::after {display: none;}
	.sub_nav ul li a {font-size: 12px;padding: 0 5px;}
	.sub_nav ul li.current a {background-color: transparent;position: relative;}
	.sub_nav ul li.current a::before {content: '';display: block;width: 100%;height: 3px;background-color: #C23043;position: absolute;bottom: 0;left: 0;}
	.about_content .profile_banner {height: 180px;}
	.about_content .profile_text {padding: 30px 30px;}
	.sub_bottom .slogan .text {letter-spacing: 0;}
	.sub_bottom .menu {display: block;height: auto;position: relative;text-align: center;border: none;}
	.sub_bottom .menu ul {height: auto;border-top: solid 1px #fff;border-bottom: solid 1px #fff;padding: 10px 0;}
	.sub_bottom .menu ul li {width: 32.4%;text-align: center;height: 40px;line-height: 40px;}
	.sub_bottom .menu ul li a {padding: 0 0;height: 40px;}
	.sub_bottom .menu .tel {position: relative;text-align: center;display: inline-block;padding: 0 0 0 40px;}
	.sub_bottom .menu .tel::before {right: auto;left: 0;}
	.about_content .course_area {padding: 30px 30px;display: block;}
	.about_content .course_area .area_content {padding: 30px;}
	.about_content .course_area .area_content .text {font-size: 14px;}
	.about_content .course_area .area_menu .logo {display: none;}
	.about_content .course_area .area_menu ul {padding: 15px 30px;margin: 0 0 0 0;}
	.about_content .course_area .area_menu ul li {padding: 0 0 0 0;width: 30%;display: inline-block;font-size: 14px;position: relative;}
	.about_content .course_area .area_menu ul li.current::before {width: 5px;height: 5px;border-top: solid 2px #C23043;border-right: solid 2px #C23043;background-color: transparent;transform: rotateZ(45deg) translateY(-50%);-webkit-transform: rotateZ(45deg) translateY(-50%);right: auto;left: -15px;}
	.about_content .ceo_info {padding: 30px 30px;display: block;}
	.about_content .ceo_info .text_1 {padding: 0 0 0 0;border-left: none;margin: 40px 0 0 0;}
	.about_content .team li {width: 100%;height: 220px;}
	.about_content .team li .pic {width: 140px;height: 140px;margin: 0 0 0 0;left: 40px;position: absolute;background-position: center center;}
	.about_content .team li .text {width: 60%;left: auto;bottom: auto;right: 0; top: 80px;}
	.about_content .team li .text_popup {font-size: 12px;}
	.about_content .team li:hover .pic {left: 0;}
	.about_content .team li:hover .text {top: 20px;width: 100%;}
	.about_content .team li:hover .text_popup {padding: 20px 30px;}
	.top_bar.sub_page .search a.contact.current::before {width: 50px;}
	.service_content .contact_area {padding: 30px 30px;}
	.search_results li a {font-size: 14px;}
	.case_content .case_area {padding: 30px 30px;}
	.case_content .case_area ul.case li {width: 100%;}
	.case_content .case_area ul.case li:last-child:nth-child(3n - 1) {margin-right: 0;}
	.case_content .case_area h2 {font-size: 20px;}
	.service_content .service_banner {height: 180px;}
	.service_content .service_area.area_1 {padding: 50px 30px;display: block;}
	.service_content .service_area.area_1 .text {margin: 0 0 30px 0;}
	.service_content .service_area.area_2 {padding: 50px 30px;}
	.service_content .service_area.area_2 ul li {height: auto;line-height: 22px;margin: 0 0 15px 0;}
	.case_content .case_area ul.news li {width: 100%;}
	.service_content .service_area.area_1 .text span {padding: 30px 0;}
	.case_content .case_area ul.news li:last-child:nth-child(3n - 1) {margin-right: 0;}
	.service_content .contact_area .contact {display: block;margin: 50px 0 0 0;}
	.service_content .contact_area .contact .form {margin: 40px 0 0 0;}
}







