.page-banner {
	position: relative;
	padding-top: 81px;
}

.banner-txt {
	background: rgba(0, 112, 126, .6);
	position: absolute;
	left: 20%;
	bottom: 0;
}

.banner-txt p {
	color: #fff;
	font-size: 36px;
	padding: 0 30px;
}

.page-title {
	padding: 60px 0 40px 0;
}

.page-title p {
	text-align: center;
	padding: 0 30px;
	background: #fff;
	font-size: 28px;
	text-transform: uppercase;
}

.title-center {
	position: relative;
}

.title-center::before {
	content: " ";
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 23px;
	left: 0;
	width: 30%;
	height: 1px;
}

.title-center::after {
	content: " ";
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 23px;
	right: 0;
	width: 30%;
	height: 1px;
}

.con-center::before {
	content: " ";
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 23px;
	left: 0;
	width: 20%;
	height: 1px;
}

.con-center::after {
	content: " ";
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 23px;
	right: 0;
	width: 20%;
	height: 1px;
}

.about-list-title {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

.about-list-title span {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #00707e;
	float: left;
	margin: 10px 10px 0 0;
}

.about-list-title p {
	font-size: 22px;
	color: #000;
	padding-bottom: 5px
}

.about-bottom {
	padding: 20px 5% 90px 5%;
	overflow: hidden;
}

.honour_left {
	width: 35%;
	float: left;
}

.honour_right {
	width: 60%;
	float: right;
	font-size: 18px;
	padding-top: 30px;
	color: #000;
	line-height: 32px;
}

.intro-1 {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content:space-between;
}

.intro-1-left {
	width: 50%;
	float: left;
}

.intro-1-right {
	width: 45%;
	float: right;
}

.intro-1-right p span {
	font-size: 22px;
	padding-bottom: 20px;
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px solid #e4e4e4;
}

.intro-1-right p {
	font-size: 16px;
	color: #000;
/* 	padding-top: 20px; */
	line-height: 28px;
	text-align: justify;
}

.intro-2 {
	margin-top: 50px;

	color: #fff;
}

.mission {
	padding-top: 20px;
	text-align: center;
}

.mission span {
	font-size: 20px;
/* 	padding-right: 20px;*/	
  display: block;
}

.mission p {
	font-size: 30px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	display: inline
}

.scope {
	padding: 30px 0 50px 0;
}

.scope p {
	text-align: justify;
	padding: 0 50px;
}

.scope p span {
	font-size: 20px;
	display: block;
	text-align: center;
}

.scope p {
	font-size: 24px;
}

.intro-3 {
	padding: 20px 0 80px 0;
}

.intro-3 p {
	color: #000;
	font-size: 16px;
	line-height: 30px;
	padding-top: 15px;
	text-align: justify;
}

.team_list {
	overflow: hidden;
	padding-bottom: 50px;
}

/* .team_list ul{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
 */
.team_list ul li {
	width: 30%;
	float: left;
	list-style: none;
	margin-right: 5%;
	margin-bottom: 10px;
}

.team_list ul li:nth-child(3n) {
	margin-right: 0;
}

.team_list ul li img {
	width: 100%;
	padding-bottom: 10px;
}

.team_list ul li p {
	font-size: 22px;
	color: #000;
}

.team_list ul li p span {
	font-size: 18px;

}

.team_list ul li p:last-of-type {
	line-height: 1;
	height: 2em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}


.org_pic {
	padding-bottom: 80px;
}

/*******************************/



.case_list {
	padding: 70px 0 30px 0;
	overflow: hidden;
}

.case_list ul li {
	width: 48%;
	float: left;
	list-style: none;
	margin-right: 4%;
	margin-bottom: 40px;
}

.case_list ul li img {
	width: 100%;
}

.case_list ul li:nth-child(2n) {
	margin-right: 0;
}

.case_list ul li p {
	display: block;
	background: #eeeeee;
	border-bottom: 1px solid #00707e;
	font-size: 18px;
	color: #000;
	line-height: 50px;
	text-align: center;
}

.case-list-name {
	padding: 50px 0 20px 0;
}

.case-list-name p {
	font-size: 24px;
	color: #999;
}

.case-list-name a {
	color: #000;
	font-size: 28px;
	padding-right: 20px;
}

.case-list-name a.active {
	color: #00707e;
	padding-left: 20px;
}

.case-er-list ul li {
	margin-bottom: 50px;
}

.case-er-list ul li:nth-child(3n) {
	margin-right: 0;
}

.all-page {
	text-align: center;
	padding-bottom: 30px;
	margin-top: 20px;
}

.pagination {
	margin: 0 0 30px 0;
}

.pagination>li>a,
.pagination>li>span {
	color: #000;
	border: none;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.pagination>li>a:hover,
.pagination>li>a.active,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #00707e;
	background-color: transparent;
	border-color: transparent;
}

.case-bg {
	background: #f6f6f6;
}

.case-padding {
	padding: 50px 10% 80px 10%;
	background: #fff;
}

.case-more-title p {
	text-align: center;
	font-size: 26px;
	color: #000
}

.case-more-title p span {
	font-size: 16px;
	color: #999;
	padding-right: 10px;
}

.case-content {
	padding: 20px 0 50px 0;
}

.case-content p {
	font-size: 15px;
	color: #000;
	padding-bottom: 20px;

}

.case-content img {
	max-width: 100% !important;
	max-height: 500px;
	width: inherit !important;
	height: inherit !important;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

.case-bottom {
	border-top: 1px solid #ddd;
	padding: 20px 0 50px 0;
}

.next-txt {
	width: 80%;
	float: left;
}

.next-txt p {
	font-size: 18px;
	color: #000;
    display: flex;
}

.next-txt p span {
	color: #00707e;
	width: 80px;
}

.next-txt p a {
	color: #000;
	width:calc(100% - 80px)
}

.next-txt p a:hover {
	color: #00707e;
}

.back-btn {
	padding-top: 0;
}

.news-list-title {
	overflow: hidden;
	padding: 50px 0 20px 0;
}

.news-list-title ul li {
	list-style: none;
	margin-right: 50px;
	float: left;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

.news-list-title ul li.active {
	border-bottom: 1px solid #00707e;
}

.news-list-title ul li a {
	color: #000;
	font-size: 26px;
}

.news-list-title ul li a span {
	padding-right: 10px;
}

.index-news-list ul li:nth-child(3n) {
	margin-right: 0;
}

.news-list-bottom ul li {
	margin-bottom: 40px;
}

.partner_list {
	overflow: hidden;
	padding: 50px 0;
}

.partner_list ul li {
	float: left;
	list-style: none;
	width: 18%;
	margin-right: 2.5%;
	position: relative;
	border: 1px solid #ddd;
	margin-bottom: 40px;
}

.partner_list ul li:nth-child(5n) {
	margin-right: 0;
}

.partner_list ul li .cover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.partner_list ul li:hover .cover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.cover img {
	padding-top: 35px;
}

.solution-list {
	overflow: hidden;
	padding: 70px 0 0 0;
}

.solution-list ul li {
	width: 30%;
	float: left;
	margin: 0 5% 40px 0;
	list-style: none;
}

.solution-list ul li:nth-child(3n) {
	margin-right: 0;
}

.solution-list ul li a {
	display: block;
	text-align: center;
	color: #000;
	font-size: 18px;

}

.so-more {
	/* line-height: 1.4;
	height: 2.8em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden; */
	color: #000;
	background: #eeeeee;
	border-bottom: 1px solid #00707e;
	padding: 0 10px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	line-height: 50px;


}

.solution-list ul li:hover .so-more {
	color: #00707e;

}

.solution-list ul li img {
	padding-bottom: 20px;
}


.so-detail {
	padding: 50px 0;
	overflow: hidden;
}

.so-title {
	border-bottom: 1px dashed #ddd;
}

.so-title p {
	text-align: center;
	padding-bottom: 20px;
	font-size: 32px;
}

.si-js {
	padding-top: 30px;
}

.si-js p {
	font-size: 18px;
	color: #000;
	/* line-height: 36px; */
}


.li-title p {
	color: #000;
	background: #eeeeee;
	border-bottom: 1px solid #00707e;
	padding: 0 10px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	line-height: 50px;
}




.success-title {
	padding: 30px 0;
}

.success-title p {
	font-size: 30px;
}

.success-list {
	padding-bottom: 40px;
}

.succ-list-title p {
	background: #000;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	padding: 0 20px;
	color: #fff;
	display: inline-block
}

.succ-list-js {
	padding: 10px 0;
}

.succ-list-js p {
	font-size: 16px;
	line-height: 30px;
}

.succ-list-pic {
	overflow: hidden;
}

.succ-list-pic ul li {
	width: 33.33%;
	float: left;
	list-style: none;
}

.contact {
	padding: 60px 0 40px 0;
}

.address_list {
	padding-bottom: 40px;
	overflow: hidden;
}

.add_pic {
	width: 35%;
	float: left;
}

.add_txt {
	width: 60%;
	float: right;
	padding-top: 20px;
}

.add_txt p {
	font-size: 18px;
	color: #333;
	line-height: 32px;
	display: block;
	overflow: hidden;
	padding: 2px 0;
}

.add_txt h3 {
	padding-bottom: 10px;
}

.te-1 {
	width: 30px;
	float: left
}

.te-2 {
	width: calc(100% - 30px);
	float: left;
	/**line-height: 28px;**/
}

.con-2 {
	border-bottom: 1px dashed #ddd;
	border-top: 1px dashed #ddd;
}

.all-code {
	padding: 60px 0;
	overflow: hidden;
}

.follow-jt {
	float: left;
	margin-top: 40px;
	padding: 30px 40px;
	/***background: #cdcdcd;***/
}

.follow-jt a {
	border: 1px solid #00707e;
	color: #000;
	font-size: 24px;
	padding: 12px 15px;
}

.follow-jt span {
	padding-left: 10px;
}

.code-list {
	/* padding-left: 10%; */
	float: left;
	overflow: hidden;
	width: 100%;
}

.code-icon {
	width: 36px;
	margin-right: 20px;
	/* float: left; */
	/* margin: 68px 30px 0 0; */
}

.code-icon img {
	width: 36px;
}

.add-1115 {
	margin: 0 40px;
	display: flex;
	align-items: flex-end;
}

.code-code {
	/* width: 126px;
	float: left; */
	/* 	margin-right: 80px; */
}

.code-code img {
	width: 100px;
}

.con_table {
	padding: 50px 0 80px 0;
	overflow: hidden;
}

.con_table p {
	font-size: 36px;
	text-align: center;
}

.table_more {
	padding-top: 30px;
	overflow: hidden;
}

.tab-1 {
	margin-bottom: 30px;
}

.tab-1 .form-control {
	border: 0;
	border-bottom: 1px solid #000;
	box-shadow: none;
	border-radius: 0;
	background-color: transparent;
	font-size: 20px;
	padding-bottom: 30px;
}

.tab-1 input {
	color: #000;
}

.table-btn-big {
	float: left;
	width: inherit;
	padding-top: 10px;
}

.table-btn-big .btn-default {
	border-radius: 30px;
	padding: 15px 40px;
	font-size: 22px;
}

.job ul li {
	width: 100%;
	float: left;
	list-style: none;
	margin-bottom: 60px;
	background: #f6f6f6;
	overflow: hidden;
}

.job ul li:nth-child(2n) .job-pic {
	float: left;
	margin-left: 0;

}

.job ul li:nth-child(2n) .job-txt {
	float: right;
}


.job-txt {
	width: 53%;
	float: left;
	padding: 30px;
}

.job-title p {
	font-size: 24px;
	padding-bottom: 10px;
}

.job-title p span {
	padding-right: 10px;
}

.job-xq {
	padding-bottom: 20px;
}

.job-xq p {
	font-size: 16px;
	line-height: 30px;
}

.job-icon {
	padding-top: 30px;
}

.job-icon a {
	float: right;
	padding: 8px 20px;
	color: #000;
	border: 1px solid #00707e;
	font-size: 20px
}

.job-icon a span {
	padding-right: 10px;
}

.job-pic {
	width: 45%;
	float: left;
	margin-left: 2%;
}

.pic-left {
	margin-left: 0;
}

.job-pic img {
	width: 100%;
}

.timeline_all {
	padding: 20px 0 80px 0;
	overflow: hidden;
}

.job {
	padding: 40px 0;
}

.we-code {
	margin-right: 0;
}

.co {
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.QR-txt p {
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}

.page-banner img {
	margin: 0 auto;
}


@media only screen and (min-width:1442px) and (max-width:1681px) {
	.banner-txt {
		left: 15.5%;
	}
}

@media only screen and (min-width:1367px) and (max-width:1441px) {
	.banner-txt {
		left: 9.5%;
	}
}

@media only screen and (min-width:1281px) and (max-width:1366px) {
	.banner-txt {
		left: 8%;
	}
}

@media only screen and (min-width:1200px) and (max-width:1280px) {
	.banner-txt {
		left: 4%;
	}
}

@media only screen and (min-width:993px) and (max-width:1199px) {
	.banner-txt {
		left: 35px;
	}

	.intro-1-right p {
		padding-top: 0;
	}

	.intro-1-right p span {
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.intro-1-right p {
		font-size: 15px;
		line-height: 26px;
	}

	.intro-3 {
		padding: 0 0 80px 0;
	}

	.add_txt {
		padding-top: 0;
	}

	p.title-center.con-center {
		font-size: 28px;
	}

	.title-center::before,
	.title-center::after {
		width: 25%;
	}

	.con-center::before,
	.title-center::after {
		top: 20px;
		width: 20%;
	}

	.job-pic {
		width: 35%;
		margin-left: 5%;
	}

	.job-txt {
		width: 60%;
		padding: 20px;
	}

	.job-xq p {
		font-size: 15px;
		line-height: 25px;
	}

	.job-icon {
		padding-top: 0px;
	}

	.job-icon a {
		padding: 5px 10px;
	}

	.job-title p {
		padding-bottom: 0;
	}

	.job-title p {
		padding-bottom: 0;
	}

	.cover img {
		padding-top: 25px;
	}

	.box {
		width: 98%;
		margin: 30px 0 30px 3%;
		padding: 30px 0;
	}

	.team_list ul li p {
		font-size: 20px;
		color: #000;
	}

	.team_list ul li p span {
		font-size: 15px;
	}

	.dropdown-menu>li>a {
		font-size: 15px;
	}

	.banner-txt p {
		font-size: 30px;
	}
}

@media only screen and (min-width:768px) and (max-width:992px) {
	.banner-txt {
		left: 25px;
	}

	.banner-txt p {
		font-size: 24px;
	}

	.page-title {
		padding: 20px 0 20px 0;
	}

	.intro-2 {
		margin-top: 20px;
	}

	.mission {
		padding-top: 30px;
	}

.intro-1{
	flex-wrap: wrap;
}

	.intro-1-left {
		width: 100%;
	}

	.intro-1-right {
		margin-top: 20px;
		width: 100%;
	}

	.intro-3 {
		padding: 0 0 40px 0;
	}

	.news-list-title ul li a {
		font-size: 20px;
	}

	.news-list-title ul li a span img {
		height: 20px;
	}

	.solution-list ul li a {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.partner_list {
		padding: 20px 0;
	}

	.case_list {
		padding: 30px 0 10px 0;
	}

	.case_list ul li {
		margin-bottom: 30px;
	}

	.case_list ul li p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 0 10px;
	}

	.solution-list {
		padding: 30px 0 0 0;
	}

	.solution-list ul li {
		margin: 0 5% 20px 0;
	}

	.partner_list ul li {
		margin-bottom: 20px;
	}

	.page-title p {
		font-size: 18px;
	}

	.con-center::before,
	.title-center::after {
		top: 12px;
	}

	.add_txt {
		padding-top: 0;
	}

	.te-1 {
		width: 10%
	}

	.te-2 {
		width: 90%;
		/**line-height: 20px;**/
	}

	.add_txt h3 {
		font-size: 18px;
	}

	.add_txt p {
		font-size: 14px;
		line-height: 24px;
	}

	.follow-jt {
		display: none;
	}

	.job-pic {
		display: none;
	}

	.job-txt {
		width: 100%;
	}

	.job {
		padding-bottom: 20px;
	}

	.job ul li {
		margin-bottom: 20px;
	}

	.news-list-title {
		padding: 20px 0 20px 0;
	}

	.index-news-list {
		padding-top: 0;
	}

	.news-list-bottom ul li {
		margin-bottom: 20px;
	}

	.pagination {
		margin: 0;
	}

	.contact {
		padding: 30px 0 0 0;
	}

	.all-code {
		padding: 30px 0;
	}

	.con_table {
		padding: 20px 0 50px 0;
	}

	.cover img {
		padding-top: 15px;
	}

	.address_list {
		padding-bottom: 30px;
	}

	.table-btn-big {
		padding-top: 0;
	}

	.con_table p {
		font-size: 24px;
	}

	.table-btn-big .btn-default {
		padding: 10px 20px;
		font-size: 20px;
	}

	.job-icon {
		padding-top: 0;
	}

	.team_list ul li p {
		font-size: 18px;
	}

	.team_list ul li p span {
		font-size: 14px;
	}

	.team_list {
		padding-bottom: 0;
	}

	.event_year {
		display: none;
	}

	.box {
		width: 100%;
		margin: 30px 0 30px 15px;
		padding: 20px 0;
	}

	.honour_right {
		padding-top: 0;
		font-size: 16px;
		line-height: 26px;
	}

	.about-bottom {
		padding: 0 0 40px 0;
		overflow: hidden;
	}

	.case-list-name {
		padding: 20px 0 0 0;
	}


	.case-er-list ul li {
		margin-bottom: 30px;
	}

	.index-case-list {
		padding-top: 20px;

	}

	.page-banner {

		padding-top: 0;
	}

}






@media only screen and (min-width:0px) and (max-width:767px) {

	.page-banner {
		padding-top: 0;
	}

	.banner-txt {
		left: 15px;
	}

	.banner-txt p {
		font-size: 20px;
		padding: 0 15px;
	}

	.page-title {
		padding: 20px 0 20px 0;
	}

	.page-title p {
		font-size: 20px;
	}

	.title-center::before,
	.title-center::after {
		display: none;
	}
	.intro-1{
		flex-wrap: wrap;
	}

	.intro-1-left {
		width: 100%;
	}

	.intro-1-right {
		width: 100%;
		margin-top: 20px;
	}

	.intro-1-right p span {
		font-size: 18px;
	}

	.intro-1-right p {
		padding-top: 10px;
		line-height: 24px;
	}

	.intro-1-right p span {
		padding-bottom: 10px;
	}

	.mission {
		padding-top: 20px;
	}

	.mission p {
		font-size: 18px;
	}

	.mission span {
		font-size: 16px;
	}

	.scope p span {
		font-size: 16px;
	}

	.scope p {
		font-size: 18px;
		padding: 0 15px;
	}

	.scope {
		padding: 20px 0 20px 0;
	}

	.intro-2 {
		margin-top: 20px;
	}

	.intro-3 {
		padding: 0 0 40px 0;
	}

	.news-list-title {
		padding: 20px 0 0 0;
	}

	.news-list-title ul li {
		margin-bottom: 10px;
		padding-bottom: 5px;
		width: 100%;
	}

	.news-list-title ul li a {
		font-size: 18px;
	}

	.news-list-title ul li a span img {
		height: 20px;
	}

	.news-list-bottom ul li {
		margin-bottom: 20px;
	}

	.case-padding {
		padding: 20px;
	}

	.case-more-title p {
		font-size: 18px;
	}

	.case-content p {
		font-size: 15px;
		/* line-height: 28px; */
	}

	.next-txt {
		width: 100%;
	}

	.next-txt p {
		font-size: 15px;
	}

	.case-content {
		padding-bottom: 30px;
	}

	.case-bottom {
		padding: 20px 0 20px 0;
	}

	.case-list-name {
		padding: 20px 0 0 0;
	}

	.case-list-name p {
		font-size: 18px;
	}

	.case-list-name a {
		font-size: 18px;
	}

	.case-er-list ul li {
		margin-bottom: 20px;
	}

	.all-page {
		padding-bottom: 0;
	}

	.pagination {
		margin: 0 0 20px 0;
	}

	.case_list ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.case_list {
		padding: 20px 0 0 0;
	}

	.case_list ul li p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 0 10px;
		font-size: 15px;
	}

	.solution-list ul li {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.solution-list {
		padding: 20px 0 0 0;
	}

	.solution-list ul li img {
		padding-bottom: 10px;
	}

	.so-detail {
		padding: 20px 0;
	}

	.so-title p {
		padding-bottom: 10px;
		font-size: 20px;
	}

	.si-js {
		padding-top: 10px;
	}

	.si-js p {
		font-size: 15px;
		/* line-height: 25px; */
	}

	.success-title p {
		font-size: 18px;
	}

	.success-title {
		padding: 15px 0;
	}

	.succ-list-title p {
		background: #00707e;
		height: inherit;
		line-height: 22px;
		font-size: 16px;
		padding: 0 10px;
	}

	.succ-list-js p {
		font-size: 16px;
		line-height: 22px;
	}

	.success-list {
		padding-bottom: 20px;
	}

	.partner_list ul li {
		margin-bottom: 20px
	}

	.cover img {
		padding-top: 8px;
		height: 25px;
	}

	.partner_list {
		/* padding-bottom: 20px; */
	}

	.job-pic {
		display: none;
	}

	.job-txt {
		width: 100%;
		padding: 15px 15px 20px 15px;
	}

	.job {
		/* padding-bottom: 20px; */
	}

	.job ul li {
		margin-bottom: 20px;
	}

	.job-title p {
		font-size: 16px;
	}

	.job-xq p {
		font-size: 14px;
		line-height: 24px;
	}

	.job-icon {
		padding-top: 0;
	}

	.org_pic {
		padding-bottom: 40px;
	}

	.add_pic {
		width: 100%;
	}

	.add_txt {
		width: 100%;
	}

	.add_txt h3 {
		font-size: 16px;
	}

	.add_txt p {
		font-size: 14px;
		line-height: 24px;
	}

	.te-1 {
		/* 	width: 12%; */
	}

	.te-2 {
		/* width: 82%; */
		/**line-height: 20px;**/
	}

	.address_list {
		padding-bottom: 20px;
	}

	.contact {
		padding: 30px 0 0 0;
	}

	.follow-jt {
		display: none;
	}

	.all-code {
		padding: 20px 0 0 0;
	}

	.code-code {
		/* padding-bottom: 20px; */
	}


	.add-1115 {
		margin-bottom: 20px;
	}

	.con_table {
		padding: 20px 0 40px 0;
	}

	.con_table p {
		font-size: 20px;
	}

	.tab-1 .form-control {
		font-size: 14px;
	}

	.table-btn-big .btn-default {
		padding: 10px 20px;
		font-size: 20px;
	}

	.table-btn-big {
		padding-top: 0;
	}

	.table_more {
		padding-top: 20px;
	}

	.about-list-title p {
		font-size: 16px;
	}

	.about-list-title span {
		margin: 5px 10px 0 0;
	}

	.box {
		width: 96%;
		margin: 30px 2%;
		padding: 0;
	}

	.event_year {
		display: none;
	}

	.event_list h3 {
		margin: 0;
		background: none;
		padding-top: 10px;
	}

	.event_list {
		width: 100%;
		background: none;
	}

	.event_list li p span {
		font-size: 14PX;
		padding: 5px 10px;
	}

	.event_list li p {
		width: 100%;
	}

	.event_list li p span {
		width: 85%;
	}

	.honour_left {
		width: 100%;
	}

	.honour_right {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		padding-top: 20px;
	}

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


	.job-icon a {
		font-size: 16px;
	}

	.team_list ul li {
		width: 100%;
		margin-bottom: 20px;
	}

	.team_list ul li p {
		font-size: 18px;
	}

	.team_list ul li p span {
		font-size: 16px;
	}

	.team_list {

		padding-bottom: 20px;
	}

	.QR-txt p {
		/* text-align: left; */

		margin-top: 0px;
		padding-bottom: 20px;
	}


}




@media only screen and (min-width:0px) and (max-width:320px) {


	.cover img {
		padding-top: 5px;
		height: 20px;
	}

	.code-icon {
		width: 60px;
		/* float: inherit;

		margin: 20px 0 20px 0; */
	}

	.code-list {
		padding-left: 10%;
	}

	.all-code {
		padding: 0;
	}

	.page-title p {
		font-size: 15px;
	}

	.te-1 {
		width: 15%;
	}
}




/* 2021 product */

.product {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 70px 0;
}

.product-left {
	width: 220px;
}

.product-brand {
	margin-bottom: 20px;
}

#product span.s-icon {
	display: none;
}


.brand-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background: #f0f0f0;
	cursor: pointer;
}

.brand-title span {
	font-size: 20px;
	color: #037280;

}

.brand-list {
	border: 1px solid #e9e9e9;
	border-top: none;
	padding: 15px 10px;
}

.brand-list ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0;
	cursor: pointer;
}

.category-list {
	border: 1px solid #e9e9e9;
	border-top: none;
	padding: 15px 10px;
}

.category-list ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0;
	cursor: pointer;
}

.cate-txt {
	font-size: 18px;
	color: #000;
}


.brand-check ul li.active .cate-txt,
.product-check ul li.active .cate-txt {
	color: #037280;
}


.product-right {
	width: calc(100% - 250px);
}

.product-list ul {
	display: flex;
	flex-wrap: wrap;
}

.product-list ul li {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 40px;
}

.product-list ul li:nth-child(3n) {
	margin-right: 0;
}


.product-list ul li img {
	border: 1px solid #ddd;
}

.product-list ul li p {
	padding-top: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-size: 16px;
}



/* product details */
.product-details {
	padding: 70px 0;
}

.product-intro {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/***/
.product-img {
	width: 516px;
}

.product-info {
	width: calc(100% - 540px);
}

.shopping a {
	display: inline-block;
	padding: 10px 15px;
	border-radius: 4px;
	background: #00707E;
	color: #fff;
	margin: 20px 0 30px 0;
}


.swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.gallery-top {
	height: calc(100% - 132px);
	width: 100%;
}

.gallery-top img {
	width: 100%;
	border: 1px solid #ddd;
}

.gallery-thumbs {
	height: 132px;
	box-sizing: border-box;
	padding: 10px 20px;
}

.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 130px;
}

.gallery-thumbs img {
	width: 100%;
}

.gallery-thumbs .swiper-slide img {
	border: 1px solid #ddd;
}

.gallery-thumbs .swiper-slide-thumb-active img {
	border: 1px solid #037280;

}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-size: 24px !important;
	color: #000;
}

.swiper-button-prev {
	left: -5px;
}

.swiper-button-next {
	right: -5px;
}



/***/
.product-info h5 {
	font-size: 18px;
	line-height: 1.5;
	color: #5f5f5f;
	padding: 15px 0;
}

.other-info-tab {
	margin: 40px 0;
}

.other-info-tab .nav-tabs {
	border-bottom: 1px solid #bdbdbdeditor;
}

.other-info-tab .nav-tabs>li>a {
	margin-right: 10px;
	border: 1px solid #bdbdbd;
	border-radius: 0;
	font-size: 18px;
	color: #000;
	padding: 8px 20px;

}

.other-info-tab .nav>li>a:hover,
.other-info-tab .nav>li>a:focus {
	text-decoration: none;
	background-color: transparent;
}

.other-info-tab .nav-tabs>li.active>a,
.other-info-tab .nav-tabs>li.active>a:hover,
.other-info-tab .nav-tabs>li.active>a:focus {
	color: #fff;
	cursor: default;
	background-color: #037280;
	border: 1px solid #037280;
	border-bottom-color: transparent;
}

.editor {
	padding: 30px 0;
}

.editor iframe {
	width: 100% !important;
	height: 500px !important;
	margin: 10px 0;
}

.editor p {
	padding-top: 10px;
	font-size: 16px;
	color: #333;
}

.editor img {
	max-width: 100% !important;
	max-height: 500px;
	width: inherit !important;
	height: inherit !important;
	display: block;
	margin: 10px auto;
}

.table-content {
	margin-top: 30px;
	overflow: hidden;
}

table.reference,
table.tecspec {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 4px;
	margin-top: 4px;
}


.table-content  li{
	list-style: inherit!important;
	    margin-left: 20px;
}

table.reference tr {
	background-color: #f1f1f1;
}

table.reference tr:nth-child(odd) {
	background-color: #dddddd;
}

table.reference th {
	color: #fff;
	background-color: #777777;
	border: 1px solid #777777;
	font-size: 18px;

	padding: 6px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

table.reference td {
	line-height: 2em;
	min-width: 24px;
	padding: 6px;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: top;
}

.product-news,
.product-video {
	margin-top: 20px;
}

.product-video-intro h5 {
	font-size: 18px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 15px;
}

.download-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.download-list ul li {
	width: 48%;
	margin-top: 40px;
	background-color: #f4f4f4;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.download-icon {
	width: calc(100% - 52px);
	display: flex;
	align-items: center;
}

.download-icon span {
	padding: 0 10px;
	font-size: 18px;
}

.download-btn {
	width: 42px;
	height: 42px;
	border-radius: 100%;
	background-color: #c3c3c3;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.download-btn:hover {
	background-color: #037280;
}

.product-video ul li iframe {
	width: 100% !important;
	height: 230px !important;
}

.add-c-icon img {
	width: 18px;
}




@media only screen and (min-width:0px) and (max-width:767px) {
	#product span.s-icon {
		display: block;
	}

	.product {
		padding: 30px 0;
	}

	.product-left {
		width: 100%;
	}

	.product-right {
		width: 100%;
	}

	.product-list ul {
		justify-content: space-between;
	}

	.product-list ul li {
		width: 48%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.brand-check,
	.product-check {
		display: none;
	}

	.download-list ul li {
		width: 100%;
		margin-top: 20px;
	}

	.product-details {
		padding: 30px 0;
	}

	.product-img {
		width: 100%;
	}

	.product-info {
		width: 100%;
	}


	.gallery-thumbs {
		height: 90px;
	}

	.gallery-thumbs .swiper-slide {
		height: 80px;
	}

	.gallery-top {
		height: calc(100% - 80px);

	}


	.product-info {
		margin-top: 20px;
	}

	.product-info h1 {
		font-size: 24px;
	}

	.other-info-tab .nav-tabs>li>a {
		margin-right: 0;
		font-size: 16px;
		padding: 8px;
	}

	.other-info-tab {
		margin-top: 0;
	}

	.other-info-tab .nav-tabs {
		display: flex;
		flex-direction: column;

		overflow: hidden;
	}

	.editor {
		padding: 10px 0;
	}

	.editor iframe {
		width: 100% !important;
		height: 240px !important;
	}


	.table-content {
		margin-top: 20px;
	}
	
	
	.tab-content table{
		max-width: 100%!important;
		width: 100%!important;
		display: block;
		overflow-x: auto;
	}

	.product-news,
	.product-video {
		margin-top: 0;
	}

	.product-info h5 {
		font-size: 16px;
		padding: 10px 0;
	}

	.swiper-button-next,
	.swiper-button-prev {
		top: 45%;
	}

	.product-video-intro h5 {
		padding-top: 5px;
	}

	.tab-1 .form-control {
		border-bottom: 1px solid #000;
		padding: 0 0 10px 0;
	}

	.tab-1 {
		margin-bottom: 20px;
	}

	.table-btn-big .btn-default {
		padding: 8px 16px;
		font-size: 18px;
		margin-top: 0;
	}

}





/***二级下拉***/

.goodsTypesof dl {
	border-bottom: 1px solid #D7D7D7;
	margin: 10px 0;
}

.goodsTypesof dl:first-of-type {
	margin-top: 0;
}

.goodsTypesof dt {
	padding: 5px 0;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	cursor: pointer;
}


.goodsTypesof dt span {
	width: calc(100% - 24px);
	font-weight: normal;

}

.goodsTypesof .item {
	/* border-top: 1px solid #D7D7D7; */
	padding: 10px 0;
	/* display: none; */
	box-sizing: border-box;
}

.goodsTypesof dd {
	padding: 5px 0;
	cursor: pointer;
	position: relative;
}

.goodColorwidth4 .item dd {
	text-align: center;
	width: 25%;
}

.goodColorDiv dt {
	margin-bottom: 10px;
}

.goodColorDiv dd {
	float: left;
	cursor: pointer;
}

.goodColorDiv dd>div {
	padding: 5px;
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-block;
	border: 1px solid #FFFFFF;
}

.goodColorDiv dd.active>div {
	border: 1px solid #000000;
}

.goodColorDiv dd span {
	display: block;
}

.goodsTypesof .goodColorDiv>.item>dd>span::after {
	content: none;
}

.goodColorDiv dd>div span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #D7D7D7;
}

.goodsCatagory ul li {
	float: left;
	padding: 4px;
	background: #F2F2F2;
	box-sizing: border-box;
	margin-right: 15px;
	cursor: pointer;
	border-radius: 2px;
	margin-bottom: 10px;
}

.goodsCatagory ul li i,
.goodsCatagory ul li span {
	display: inline-block;
	vertical-align: middle;
}

.goodsTypesof .item dd>span::after {
	content: "";
	width: 17px;
	height: 17px;
	box-sizing: border-box;
	border: 1px solid #9a9a9a;
	display: inline-block;
	right: 0;
	position: absolute;

}

.goodsTypesof .item dd.active>span {
	color: #037280;
}

.goodsTypesof .item dd.active>span::after {
	/* background: #000000; */
	background: url(../img/right-icon-1.png) no-repeat;
	border: 1px solid #037280;
}

.only-two {
	font-size: 18px;
	padding: 0 !important;
}



/******************************/

.edit-all-list ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}


.edit-all-list ul li {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	position: relative;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin: 20px 0;
	list-style: none;
	box-sizing: border-box;
}


.edit-all-list ul li p {
	color: #000;
	background: #eeeeee;
	border-bottom: 1px solid #00707e;
	padding: 0 10px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	line-height: 50px;
}


.edit-cover {
	height: 250px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}


.edit-cover img {
	max-width: 100%;
	max-height: 100%;
}


.padding-40 {
	padding-top: 40px;
}

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

	.edit-all-list ul li {
		margin: 0;
	}

}

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

	.edit-cover {
		height: 200px;
	}
}


@media only screen and (min-width:0px) and (max-width:767px) {


	.edit-all-list ul li {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}

	.edit-cover {
		height: inherit;
	}

	.padding-40 {
		padding-top: 10px;
	}

}


/*********20211202*********/

.brand-logo-img img{
	max-width: 100%;
}


.brand-logo-img  h3{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	background: #00707e;
	padding: 15px;
}



/*  */

.add-download-list-2022 ul li{
	width: 100%;
	 margin: 0 0 30px 0;
}


@media only screen and (min-width:0px) and (max-width:767px) {
	.brand-logo-img{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.add-download-list-2022 ul li{
	 margin: 0 0 20px 0;
	}
	
	
}




.cn-scope {
    display: flex;
    justify-content: center;
}