@charset "utf-8";

@media screen and (min-width:320px) and (max-width:399px) {
	.index-news .index-news-bg .i-news-content .i-news-time {
		font-size: 14px;
	}

	.index-news .index-news-bg .i-news-content .i-news-title {
		font-size: 16px !important;
	}

	.a-team-type-li:nth-child(2) ul .a-t-t-li {
		padding: 2px 2.8px !important;
	}

	.a-team-type-li:nth-child(2) ul {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
	}

	.a-team-type-limf:nth-child(2) ul {
		display: block;
	}

	.contact-other-info .contact-other-farme {
		width: 100% !important;
	}

	.contact-other-info .contact-other-content {
		margin: 0 auto;
	}

	.contact-other-info .contact-other-farme:nth-child(3n+1) .contact-other-content {
		margin: 0 auto;
	}
}

@media screen and (max-width:499px) {
	.index-news .index-news-bg .i-news-content .i-news-number {
		display: none;
	}

	.index-news .index-news-bg .hover-pad {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.index-news .index-news-btn a {
		font-size: 14px;
		padding: 4px 12px;
		margin-top: 30px;
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container .i-icons-btn-phone {
		max-width: 99px !important;
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container .i-icons-btn a {
		padding: 4px 0;
	}

	.index-team .index-team-content .i-team-content .index-t-content .i-team-btn a {
		max-width: 99px;
		font-size: 14px;
		padding: 4px 0;
	}

	#footer .footer-content .footer-part1,
	#footer .footer-content .footer-part2,
	#footer .footer-content .footer-part3,
	#footer .footer-content .footer-part4 {
		width: 100% !important;
	}

	#footer .footer-content .footer-part2 {
		padding-left: 28px;
		margin-top: 30px;
	}

	#footer .footer-content .footer-part2 ul {
		width: 100%;
	}

	#footer .footer-content .footer-part2 ul li:nth-child(1) {
		width: 100% !important;
	}

	#footer .footer-content .footer-part2 ul li:nth-child(2) {
		width: 100% !important;
	}

	#footer .footer-content .footer-part2 .footer-p2-txt {
		max-width: 100%;
		padding-left: 0;
		margin-top: 10px;
	}

	#footer .footer-content .footer-part4 {
		padding-left: 22px !important;
	}

	.all-type .a-type-icon {
		display: none;
	}

	.a-team-type-li:nth-child(2) ul .a-t-t-li {
		padding: 2px 11px;
	}

	.all-type .a-type-ul li a {
		font-size: 12px;
		padding: 8px 0 !important;
	}

	.news-content #news-waterfall .item {
		width: 100%;
	}

	.news-content .news-page .news-page-ul li:first-child img,
	.news-content .news-page .news-page-ul li:last-child img {
		display: none;
	}

	.news-content .news-page .news-page-ul li:first-child a,
	.news-content .news-page .news-page-ul li:last-child a {
		width: 46px !important;
	}

	.news-page .news-page-ul li:nth-child(4),
	.news-page .news-page-ul li:nth-child(5),
	.news-page .news-page-ul li:nth-child(6) {
		display: none;
	}

	.news-content .news-page {
		margin: 40px 0 60px;
	}

	.news-show-right {
		display: none;
	}

	.news-show-left {
		width: 100%;
	}

	.loading .la-timer.la-2x>div {
		width: 64px;
		height: 64px;
	}

	.loading .la-timer.la-2x>div:before,
	.loading .la-timer.la-2x>div:after {
		top: 28px;
		left: 28px;
	}

	.index-bg-pagination .swiper-pagination-bullet {
		width: 6px !important;
		height: 6px !important;
	}

	.index-bg-pagination .swiper-pagination-bullet-active {
		width: 28px !important;
	}

	.case-frame-info {
		width: 100%;
	}
}

@media screen and (min-width:500px) and (max-width:639px) {
	.news-content .news-page .news-page-ul li {
		padding: 0 2px;
	}

	.news-content .news-page .news-page-ul li:first-child a,
	.news-content .news-page .news-page-ul li:last-child a {
		width: 92px !important;
	}
}

@media screen and (max-width:639px) {
	.index-bg .index-bg-title h1 {
		font-size: 16px;
		line-height: 22px;
	}

	.index-bg .index-bg-title .index-bg-btn {
		margin: 12px auto 0;
	}

	.index-bg .index-bg-title .index-bg-btn .bg-btn-a {
		font-size: 12px;
		padding: 1px 10px;
	}

	.index-about h2,
	.index-news h2,
	.index-team h2,
	.index-glory h2,
	.about-team-type h2 {
		font-size: 22px;
	}

	.index-about h3,
	.index-news h3,
	.index-team h3,
	.index-glory h3,
	.about-team-type h3 {
		font-size: 16px;
		margin: 10px 0 20px;
	}

	.index-about .index-a-line,
	.index-news .index-a-line,
	.index-team .index-a-line,
	.index-glory .index-a-line,
	.about-team-type .index-a-line {
		width: 50px;
		height: 8px;
		margin: 0 0 20px;
	}

	.index-about .index-a-line:after,
	.index-news .index-a-line:after,
	.index-team .index-a-line:after,
	.index-glory .index-a-line:after,
	.about-team-type .index-a-line:after {
		width: 110px;
	}

	.index-about {
		padding: 40px 0;
	}

	.index-a-en-txt {
		margin-top: 30px !important;
	}

	.index-about .index-swiper .swiper-container {
		max-width: 750px;
		padding-top: 46px;
		margin: 0 50px;
	}

	.index-about .index-swiper .button-next ul {
		right: 16px;
		padding-top: 46px;
	}

	.index-about .index-swiper .button-prev ul {
		left: 16px;
		padding-top: 46px;
	}

	.index-team .index-team-content .i-team-content {
		padding: 40px 20px;
	}

	.index-team .index-team-content .i-team-content .index-t-content h4 {
		font-size: 18px;
	}

	.all-bg {
		padding: 40px 20px !important;
	}

	.all-bg h1 {
		font-size: 32px !important;
		margin-top: 6px !important;
	}

	.all-bg span {
		font-size: 14px;
	}

	.a-team-type-li:nth-child(2) {
		position: static;
	}

	.about-person {
		margin: 25px 0 40px;
	}

	.business-content .b-step .b-step-ul .b-step-li {
		width: 100% !important;
	}

	.b-item .b-item-option {
		font-size: 14px !important;
	}

	.news-content .news-c-title {
		font-size: 16px;
	}

	.contact-other-info .contact-other-farme {
		width: 50%;
	}

	.contact-other-info .contact-other-content {
		margin: 0 auto;
	}

	.contact-other-info .contact-other-farme:nth-child(3n+1) .contact-other-content {
		margin: 0 auto;
	}
}

@media screen and (min-width:640px) and (max-width:768px) {
	.business-content .b-step .b-step-ul .b-step-li {
		width: 49% !important;
	}
}

@media screen and (max-width:767px) {
	.contact-info .contact-info-ul .c-company-info {
		width: 11%;
	}

	.contact-info .contact-info-ul .c-company-txt {
		width: 89%;
	}

	.case-type .case-type-ul {
		flex-wrap: wrap;
		padding-left: 0;
	}

	.case-type {
		margin: 36px 0;
	}

	.case-detail .case-detail-frame {
		height: 100%;
	}
}

@media screen and (max-width:768px) {

	.index-news .index-news-bg .i-news-content .i-news-time,
	.index-news .index-news-bg .i-news-content .i-news-title,
	.index-news .index-news-bg .i-news-content .i-news-ul {
		padding-left: 25px;
	}

	.index-news .index-news-bg .i-news-content .i-news-title {
		font-size: 18px;
	}

	.index-news .index-news-bg .i-news-content .i-news-number span {
		padding: 10px 12px;
	}

	.index-news .index-news-bg:hover .hover-pad {
		padding-left: 15px;
	}

	.about-person .a-person-frame {
		display: block;
	}

	.about-person .a-person-info .a-person-txt {
		display: none;
	}

	.about-person .a-person-info {
		border: 0;
		align-items: center;
		padding: 25px 0 0;
	}

	.about-person .a-person-frame:not(:nth-child(1)) {
		margin-top: 0;
	}

	.about-person .a-person-img {
		margin: 0 auto;
	}

	.about-person .a-person-info h2 {
		text-align: center;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
	}

	.a-person-- {
		display: none;
	}

	.a-person-job {
		font-weight: 500;
		font-size: 14px;
		margin-top: 10px;
	}

	.business-content .b-content h2 {
		font-size: 18px;
	}

	.business-content {
		margin: 50px 0;
	}

	.business-content .b-step h2,
	.b-item h2 {
		font-size: 16px;
	}

	.business-content .b-step .b-step-icon,
	.b-item .b-item-icon {
		width: 10px;
		height: 12px;
	}

	.business-content .b-step .b-step-ul .b-step-li:nth-child(4),
	.business-content .b-step .b-step-ul .b-step-li:nth-child(5) {
		margin-top: 30px !important;
	}

	.business-content .b-step .b-step-ul {
		text-align: left;
	}

	.news-show-content h2 {
		font-size: 18px;
	}

	.news-show-content {
		margin-bottom: 50px;
	}

	.contact-info .contact-info-ul {
		max-width: 100%;
	}

	.contact-info .contact-join {
		margin-top: 16px !important;
		margin-bottom: 25px;
	}

	.contact-other-info {
		margin-top: 50px;
	}

	.c-detail-left {
		margin-top: 20px;
	}

	.case-detail .case-detail-frame {
		padding: 80px 40px;
	}
}

@media screen and (max-width:880px) {

	.index-icons .index-icons-container .index-icons-ul li:nth-child(1),
	.index-icons .index-icons-container .index-icons-ul li:nth-child(2),
	.index-icons .index-icons-container .index-icons-ul li:nth-child(3),
	.index-icons .index-icons-container .index-icons-ul li:nth-child(4) {
		border-right: 0;
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container .i-icons-txt-phone {
		opacity: 1;
		visibility: visible;
		max-width: 100%;
		height: auto;
		display: block;
		margin: 10px 0;
		line-height: 24px;
		height: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		padding-top: 0px
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container .i-icons-phone {
		position: static;
		max-width: none;
		transform: none;
		-webkit-transform: none;
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container .i-icons-btn-phone {
		position: static;
		transform: none;
		-webkit-transform: none;
		margin: 0 auto;
		text-align: center;
		max-width: 110px;
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container .i-icons-btn a {
		display: block;
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container {
		width: 100%;
		padding: 0 20px;
		margin: 25px 0;
	}

	.index-icons .index-icons-container .index-icons-ul li {
		float: left;
		width: 50%;
	}

	.index-icons .index-icons-container .index-icons-ul li .i-icons-container .i-icons img {
		max-width: 45px;
	}
}

@media screen and (min-width:640px) and (max-width:991px) {
	.index-bg .index-bg-title h1 {
		font-size: 26px;
		line-height: 36px;
	}

	.index-bg .index-bg-title .index-bg-btn {
		margin: 24px auto 0;
	}

	.index-bg .index-bg-title .index-bg-btn .bg-btn-a {
		font-size: 14px;
		padding: 6px 14px;
	}

	.index-about h2,
	.index-news h2,
	.index-team h2,
	.index-glory h2,
	.about-team-type h2 {
		font-size: 22px;
	}

	.index-about h3,
	.index-news h3,
	.index-team h3,
	.index-glory h3,
	.about-team-type h3 {
		font-size: 16px;
		margin: 10px 0 20px;
	}

	.index-about .index-a-line,
	.index-news .index-a-line,
	.index-team .index-a-line,
	.index-glory .index-a-line,
	.about-team-type .index-a-line {
		width: 50px;
		height: 8px;
		margin: 0 0 20px;
	}

	.index-about .index-a-line:after,
	.index-news .index-a-line:after,
	.index-team .index-a-line:after,
	.index-glory .index-a-line:after,
	.about-team-type .index-a-line:after {
		width: 110px;
	}

	.index-about {
		padding: 50px 0;
	}

	.index-a-en-txt {
		margin-top: 30px !important;
	}

	.index-about .index-swiper .swiper-container {
		max-width: 800px;
		padding-top: 46px;
		margin: 0 50px;
	}

	.index-about .index-swiper .button-next ul {
		right: 16px;
		padding-top: 46px;
	}

	.index-about .index-swiper .button-prev ul {
		left: 16px;
		padding-top: 46px;
	}

	.index-team .index-team-content .i-team-content {
		padding: 40px 20px;
	}
}

@media screen and (max-width:991px) {
	#header .header-nav .header-menu {
		display: none;
	}

	.header-phone {
		display: block;
	}

	#header .header-nav .header-logo {
		max-width: 130px;
	}

	.all-type .a-type-ul li {
		width: 50%;
	}

	.index-news .index-news-bg .i-news-content .i-news-time,
	.index-news .index-news-bg .i-news-content .i-news-title,
	.index-news .index-news-bg .i-news-content .i-news-ul {
		padding-left: 15px;
	}

	.index-team .index-team-content .i-team-content .index-t-content h4 {
		font-size: 18px;
	}

	#footer .footer-content .footer-part1 {
		align-items: flex-start;
	}

	#footer .footer-content .footer-part1 ul {
		padding: 0 14px;
	}

	#footer .footer-content .footer-part2 {
		width: 50%;
		align-items: flex-start;
	}

	#footer .footer-content .footer-part2 ul li:nth-child(1) {}

	#footer .footer-content .footer-part2 ul li:nth-child(2) {
		width: 92%;
	}

	#footer .footer-content .footer-part3 {
		width: 50%;
		align-items: flex-start;
		margin-top: 30px;
		padding-left: 28px;
	}

	#footer .footer-content .footer-part4 {
		width: 50%;
		align-items: flex-start;
		margin-top: 30px;
	}

	.all-bg {
		padding: 60px 20px;
	}

	.all-bg h1 {
		font-size: 40px;
		margin-top: 6px;
	}

	.all-type .a-type-ul li a {
		padding: 15px 0;
	}

	.all-type .container {
		padding-left: 0;
		padding-right: 0;
	}

	.a-team-click .a-click-frame {
		height: auto;
		padding: 70px 0;
	}

	.a-team-click .a-click-frame .a-click-img,
	.a-team-click .a-click-frame .a-click-txt {
		align-items: center;
	}

	.a-team-click .a-click-frame #content {
		height: 96px;
		margin-top: 10px;
		padding-right: 13px;
	}

	.a-team-click .a-click-frame .a-click-img img {
		max-width: 160px;
	}

	.business-content .b-step .b-step-ul .b-step-li {
		width: 32%;
	}

	.business-content .b-step .b-step-ul .b-step-content {
		padding: 40px 30px;
		height: auto;
	}

	.contact-info .contact-join {
		margin-top: 16px;
	}

	.contact-form .col-md-4,
	.contact-form .col-md-12 {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media screen and (min-width:992px) {
	.news-content .row {
		margin-left: 0;
		margin-right: 0;
	}

	.news-content .news-wh:nth-child(2n+1),
	.news-show-content .news-show-left {
		padding-left: 0;
	}

	.news-show-content .news-show-left {
		padding-right: 106px;
	}

	.news-content .news-wh:nth-child(2n),
	.news-show-content .news-show-right {
		padding-right: 0;
	}

	.contact-form .col-md-4,
	.contact-form .col-md-12 {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media screen and (min-width:992px) and (max-width:1200px) {
	#header .header-nav .header-menu li {
		padding-left: 18px;
	}

	.index-about .index-swiper .swiper-container {
		max-width: 840px;
		padding-top: 46px;
	}

	.index-about .index-swiper .button-next ul {
		right: 16px;
		padding-top: 46px;
	}

	.index-about .index-swiper .button-prev ul {
		left: 16px;
		padding-top: 46px;
	}
}

@media screen and (max-width:1199px) {
	.business-content .b-step .b-step-ul .b-step-content:after {
		display: none;
	}

	.business-content .b-step .b-step-ul .b-step-li:nth-child(4),
	.business-content .b-step .b-step-ul .b-step-li:nth-child(5) {
		margin-top: 3px;
	}
}

.b4-list>li {
	margin-bottom: 40px
}