@charset "utf-8";

body {
	overflow-x: hidden;
}

:root {
	--primary-color: #1f68a9;
}

@font-face {
	font-family: "dim";
	src: url(/fonts/DINMittelschriftStd.otf);
}

@font-face {
	font-family: "akz";
	src: url(/fonts/AkzidenzGrotesk-MediumCondAlt.otf);
}

@font-face {
	font-family: "akz1";
	src: url(/fonts/AkzidenzGrotesk-Medium.otf);
}

/* 公共样式 */
.text-center{
	text-align: center;
}

.section {
	padding: .35rem 0;
}

@media (min-width: 992px) {
	.section {
		padding: .75rem 0;
	}
}

@media (min-width: 1500px) {
	.section {
		padding: .55rem 0;
	}
}

.opacity-8 {
	opacity: .2;
}

.more-768 {
	text-align: center;
	padding-right: 15px;
	display: none;
}

.section-title-area {
	display: grid;
	grid-template-columns: 1fr 100px;
	padding: 50px 0;
	justify-content: center;
	align-items: center;
}

.section-title-area .title h2 {
	position: relative;
	font-size: 46px;
	color: #333;
}

.section-title-area .title h2::after {
	position: absolute;
	z-index: -1;
	left: 0;
	transform: translateY(25px);
	color: #f0f0f0;
	font-size: 56px;
	font-weight: 600;
	text-transform: uppercase;
}

.sovle-case .section-title-area .title h2::after {
	content: "solution";
}

.new .section-title-area .title h2::after {
	content: "news";
}

.partner .section-title-area .title h2::after {
	content: "Focus yitong";
}

.section-title-area .title p {
	font-size: 18px;
	color: #666;
	margin-top: 40px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.see-more {
	color: #c1c1c1;
	font-size: 16px;
}

.see-more span {
	color: #00539d;
	font-size: 18px;
	font-weight: 700;
	margin-left: 5px;
}

.inner-title {
	font-size: .35rem;
	text-align: center;
	position: relative;
	z-index: 2;
}

@media (min-width: 1500px) {
	.inner-title {
		font-size: .46rem;
	}
}

/* 公共样式 */

/*header - start*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	overflow: hidden;
	z-index: 500;
	transition: transform .3s, -webkit-transform .3s, height .56s;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06);
}

.navbar {
	width: 265px;
}

.navbar .logo-line {
	display: inline-block;
	width: 1px;
	height: 46px;
	background: #ccc;
	margin-top: 27px;
	margin-left: 25px;
}

.navbar .logo-text {
	float: right;
	margin-top: 25px;
}

.header .logo {
	float: left;
	display: block;
	padding: 12px 0;
}

.header .com-tel {
	float: right;
	height: 100%;
	line-height: 1rem;
	margin-left: 45px;
	color: #004d87;
	font-size: 20px;
	font-family: "dim";
}

.header .com-tel span {
	margin-left: 5px;
}

.search-btn {
	color: #333 !important;
}

.language-now a {
	color: #333 !important;
}

@media (max-width: 1500px) {
	.header .com-tel {
		font-size: 18px;
	}
}

@media (max-width: 1400px) {
	.navbar {
		width: unset;
	}

	.navbar .logo-line {
		display: none;
	}

	.navbar .logo-text {
		display: none;
	}

}

@media (max-width: 1259px) {
	.header .com-tel {
		display: none;
	}
}

@media (max-width: 991px) {
	.navbar .logo-line {
	    display: inline-block;
	    height: 29px;
	    margin-top: 11px;
	    margin-left: 15px;
	}
	
	.navbar .logo-text {
		position: absolute;
		top: -13px;
		left: 62px;
		display: inline-block;
		float: unset;
		/* margin-top: 11px; */
		/* margin-left: 15px; */
		font-size: .12rem !important;
		font-family: unset;
	}
	
}

.header .logo img {
	height: 26px;
}

.nav-list>li .category-item a {
	font-size: 16px;
}

.nav-list>li.active .category-item a {
	color: #00509e;
}

.nav-list>li .category-item a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 5px;
    background: var(--primary-color);
    bottom: 0;
    left: 50%;
		transform: translateX(-50%);
		transition: .75s;
}

.nav-list>li.active .category-item a::after,
.nav-list>li:hover .category-item a::after{
    width: 100%;
}


@media (max-width: 991px) {
	.nav-list>li .category-item a::after {
		display: none;
	}
}

.category-cont a.active {
	color: #059cd1;
}

.scroll-down .header.affix {
	-webkit-transform: translateY(-120px);
	transform: translateY(-120px);
}

.scroll-down .header.affix.open-menu {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

@media (min-width: 992px) {
	body {
		padding-top: 1rem;
	}

	.header {
		height: 1rem;
		overflow: visible;
	}

	.navbar {
		float: left;
	}

	.header .logo {
		padding: 0;
		line-height: 1rem;
	}

	.header .logo img {
		height: .54rem;
	}

	.navbar-togger {
		display: none;
	}

	.nav-menu {
		float: right;
		position: relative;
	}

	.nav-list {
		float: left;
	}

	.nav-list>li {
		float: left;
		position: relative;
	}

	.category-tig {
		display: none;
	}

	.category-item a {
		display: block;
		line-height: 1rem;
		font-size: 18px;
		font-weight: 600;
		padding: 0 .22rem;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.category-cont {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 500;
		background: #fff;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		width: auto;
		text-align: center;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
		-webkit-transition: max-height .8s;
		transition: max-height .8s;
	}

	.category-cont a {
		display: block;
		padding: .1rem .3rem;
		font-size: .14rem;
		white-space: nowrap;
		color: #303233;
		text-align: center;
	}

	.category-cont a:hover {
		color: #00509e;
	}

	.nav-list>li:hover .category-item a {
		color: #00509e;
	}

	.nav-list>li:not(.nav-full):hover .category-cont {
		opacity: 1;
		max-height: 600px;
	}

	.nav-list>li.nav-full .category-cont {
		display: none;
	}

	.dropdown-full {
		display: none;
		position: fixed;
		left: 0;
		width: 100%;
		z-index: 200;
		background-color: #eee;
		-webkit-transition: none;
		transition: none;
		height: auto;
		overflow: hidden;
		-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
		-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
	}

	.nav-list>li.nav-full:hover .dropdown-full {
		display: block;
		visibility: visible;
	}

	.dropdown-box {
		background: -webkit-gradient(linear, left top, right top, color-stop(36%, #eee), color-stop(36%, #fff));
		background: linear-gradient(to right, #eee 36%, #fff 36%);
		width: 100%;
	}

	.drop-columns {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
	}

	.drop-col-l {
		float: left;
		width: 63%;
		background: #eee;
		padding: .4rem 0;
	}

	.drop-col-l dl {
		float: left;
		width: 33.33%;
		padding-right: 15px;
	}

	.drop-col-l .scrollbar-y {
		max-height: 350px;
	}

	.drop-col-l dt {
		margin-bottom: .3rem;
	}

	.drop-col-l dt a {
		font-size: .24rem;
		padding: 0 .28rem;
		transition: all .3s;
	}

	.drop-col-l dd {
		margin-bottom: .13rem;
	}

	.drop-col-l dd a {
		display: block;
		font-size: .16rem;
		color: #666;
		line-height: .36rem;
		padding: 0 40px 0 10px;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		transition: all .3s;
	}

	.drop-col-l dd a i {
		display: block;
		position: absolute;
		right: 10px;
		top: 0;
		font-size: .16rem;
		color: rgba(255, 255, 255, .66);
		line-height: .36rem;
		opacity: 0;
		transition: all .3s;
	}

	.drop-col-l dd.active a,
	.drop-col-l dd a:hover {
		color: #fff;
		background: #059cd1;
	}

	.drop-col-l dd.active a i,
	.drop-col-l dd a:hover i {
		opacity: 1;
	}

	.drop-col-r {
		float: left;
		width: 36%;
		padding: .5rem 0 .5rem 1rem;
		background: #fff;
	}

	.drop-col-r a {
		display: none;
	}

	.drop-col-r a.active {
		display: block;
	}

	.drop-col-r a img {
		width: 100%;
	}

	.drop-col-r a p {
		font-size: .18rem;
		margin: .2rem 0;
	}

	.drop-col-r .m-more {
		display: inline-block;
		width: .28rem;
		height: .28rem;
		border-radius: 50%;
		background: #059cd1;
		font-size: .14rem;
		color: #fff;
		text-align: center;
		line-height: .28rem;
		cursor: pointer;
		transition: all .3s;
	}

	.language {
		float: left;
		position: relative;
	}

	.language-now {
		cursor: pointer;
		position: relative;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-now a {
		display: block;
		font-family: "DIN";
		line-height: 1rem;
		font-size: .15rem;
		height: 1rem;
		color: #af261c;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-transition: all .3s;
		transition: all .3s;
		padding-left: 0 !important;
	}

	.language-now .m-rotate {
		display: none;
	}

	.language-list {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 500;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		width: auto;
		min-width: 1.15rem;
		text-align: center;
		-webkit-transition: max-height .8s;
		transition: max-height .8s;
	}

	.language-list-pad {
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	}

	.language-list a {
		display: block;
		line-height: .26rem;
		color: #888;
		white-space: nowrap;
		font-size: .14rem;
		padding: .08rem .3rem;
		background: #fff;
		border-bottom: 1px solid #efefef;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-list a:hover {
		color: #059cd1;
	}

	.language:hover .language-now a {
		color: #059cd1;
	}

	.language:hover .language-now .m-rotate {
		color: #059cd1;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.language:hover .language-list {
		opacity: 1;
		max-height: 600px;
	}

	.nav-fg {
		float: left;
		width: 1px;
		height: .13rem;
		background: #333;
		margin: .43rem .3rem;
	}

	.search-btn {
		display: block;
		float: left;
		padding-left: .35rem;
		height: 1rem;
		font-size: .2rem;
		line-height: 1rem;
		color: #af261c;
		cursor: pointer;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.search-btn:hover {
		color: #059cd1;
	}

	.search-wrap {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 1rem;
		background: #fff;
		z-index: -2;
		opacity: 0;
	}

	.search-frame {
		position: relative;
		height: .46rem;
		margin-top: .27rem;
	}

	.search-close {
		display: block;
		width: .4rem;
		height: .46rem;
		font-size: .24rem;
		color: #999;
		line-height: .46rem;
		text-align: center;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		cursor: pointer;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.search-close:hover {
		color: #059cd1;
	}

	.search-input {
		margin-right: .6rem;
		height: .46rem;
		padding-right: .6rem;
		border: 1px solid #e5e5e5;
		position: relative;
	}

	.search-input input {
		width: 100%;
		padding: 0 .15rem;
		font-size: .16rem;
		line-height: .46rem;
	}

	.searchtext-btn {
		position: absolute;
		right: 0;
		top: 0;
		width: .44rem;
		height: .44rem;
		color: #717171;
		font-size: .18rem;
		z-index: 2;
		cursor: pointer;
		text-align: center;
		line-height: .44rem;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.searchtext-btn:hover {
		color: #059cd1;
	}

	@-webkit-keyframes searchform-fade {
		0% {
			opacity: 0;
			-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
			animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}

		100% {
			opacity: 1
		}
	}

	@keyframes searchform-fade {
		0% {
			opacity: 0;
			-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
			animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}

		100% {
			opacity: 1
		}
	}

	@-webkit-keyframes searchform-slide {
		0% {
			-webkit-transform: translate3d(100px, 0, 0);
			transform: translate3d(100px, 0, 0);
			-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
			animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
		}

		100% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}

	@keyframes searchform-slide {
		0% {
			-webkit-transform: translate3d(100px, 0, 0);
			transform: translate3d(100px, 0, 0);
			-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
			animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
		}

		100% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}

	@-webkit-keyframes item-searchshow {
		0% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
			-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
			animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
		}

		40% {
			opacity: 1
		}

		100% {
			opacity: 0;
			-webkit-transform: scale(0.3);
			transform: scale(0.3)
		}
	}

	@keyframes item-searchshow {
		0% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
			-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
			animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
		}

		40% {
			opacity: 1
		}

		100% {
			opacity: 0;
			-webkit-transform: scale(0.3);
			transform: scale(0.3)
		}
	}

	.searchshow .nav-list>li {
		-webkit-animation: item-searchshow .4s both;
		animation: item-searchshow .4s both;
	}

	.searchopen .search-wrap {
		z-index: 10;
		opacity: 1;
	}

	.searchopen .search-frame {
		-webkit-animation: searchform-fade 400ms both;
		animation: searchform-fade 400ms both;
	}

	.searchopen .search-frame form {
		-webkit-animation: searchform-slide 1s both;
		animation: searchform-slide 1s both;
	}

	.searchopen .search-close {
		opacity: 1;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
	}

	.searchopen .search-close {
		opacity: 1;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
	}

	.searchopen .nav-list>li {
		visibility: hidden;
	}

	.nav-tel {
		float: left;
		font-family: "DIN";
		font-size: .24rem;
		color: #717171;
		line-height: .78rem;
		margin-left: .2rem;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.nav-tel:hover {
		color: #059cd1;
	}
}

@media (min-width: 1260px) {
	.category-item a {
		padding: 0 .2rem;
	}

	.drop-col-l dl {
		padding-right: .4rem;
	}

	.drop-col-l dd a {
		padding: 0 .75rem 0 .28rem;
	}

	.drop-col-l dd a i {
		right: .28rem;
	}
}

@media (max-width: 991px) {
	body {
		padding-top: 50px;
	}

	.header.open-menu {
		height: 100%;
		background: #fff;
		-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
		transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
	}

	.navbar-togger {
		float: right;
		background: transparent;
		border: none;
		padding: 17px 15px;
		display: inline-block;
		margin-right: -15px;
		visibility: visible;
		transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
	}

	.navbar-togger .icon_bar {
		width: 20px;
		height: 2px;
		background-color: #059cd1;
		opacity: 1;
		-webkit-transition: all .4s ease-out;
		transition: all .4s ease-out;
	}

	.navbar-togger .icon_bar:nth-of-type(2) {
		margin: 5px 0;
	}

	.open-menu .navbar-togger .icon_bar:nth-of-type(1) {
		-webkit-transform: translate(0, 7px) rotate(45deg);
		transform: translate(0, 7px) rotate(45deg);
	}

	.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
		opacity: 0;
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}

	.open-menu .navbar-togger .icon_bar:nth-of-type(3) {
		-webkit-transform: translate(0, -7px) rotate(-45deg);
		transform: translate(0, -7px) rotate(-45deg);
	}

	.navbar {
		position: relative;
		background: #fff;
		height: 50px;
	}

	.nav-menu {
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: 620;
		padding: 10px 20px 20px 20px;
		border-top: 1px solid #e5e5e5;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: hidden;
		-webkit-transition: visibility 0s linear 1s;
		transition: visibility 0s linear 1s;
	}

	.header.open-menu .nav-menu {
		visibility: visible;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.nav-list>li {
		border-bottom: 1px solid #e5e5e5;
		opacity: 0;
		pointer-events: none;
	}

	.nav-list>li:nth-child(1) {
		-webkit-transform: translateY(-44px);
		transform: translateY(-44px);
		transition: opacity .33s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .46s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1s, -webkit-transform .46s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1s;
	}

	.nav-list>li:nth-child(2) {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
		transition: opacity .29s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
	}

	.nav-list>li:nth-child(3) {
		-webkit-transform: translateY(-36px);
		transform: translateY(-36px);
		transition: opacity .26s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
	}

	.nav-list>li:nth-child(4) {
		-webkit-transform: translateY(-32px);
		transform: translateY(-32px);
		transition: opacity .23s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
	}

	.nav-list>li:nth-child(5) {
		-webkit-transform: translateY(-28px);
		transform: translateY(-28px);
		transition: opacity .22s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
	}

	.nav-list>li:nth-child(6) {
		-webkit-transform: translateY(-24px);
		transform: translateY(-24px);
		transition: opacity .20s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
	}

	.nav-list>li:nth-child(7),
	.nav-pane {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		transition: opacity .19s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .40s cubic-bezier(0.52, 0.16, 0.52, 0.84) .030s, -webkit-transform .40s cubic-bezier(0.52, 0.16, 0.52, 0.84) .030s;
	}

	.header.open-menu .nav-list>li,
	.header.open-menu .nav-pane {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: none;
		transform: none;
	}

	.category-item {
		position: relative;
	}

	.category-item a {
		font-size: 14px;
		font-weight: 600;
		display: block;
		line-height: 48px;
		margin-right: 60px;
	}

	.category-tig {
		font-size: 14px;
		color: #888;
		text-align: right;
		line-height: 48px;
		width: 50px;
		height: 48px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}

	.category-rotate {
		width: 20px;
		height: 20px;
		font-size: 20px;
		display: inline-block;
		text-align: center;
		line-height: 1;
		vertical-align: middle;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.nav-list>li.open .category-rotate {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.dropdown-full,
	.category-cont {
		display: none;
	}

	.P_parent.open .category-cont {
		display: block;
	}

	.category-cont a {
		line-height: 36px;
		color: #666;
		font-size: 12px;
		display: block;
		padding: 0 20px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		border-bottom: 1px solid #e5e5e5;
	}

	.category-cont a:last-child {
		border: none;
	}

	.dropdown-list,
	.dropdown-column .m-img {
		display: none;
	}

	.language-now {
		display: block;
		position: relative;
		border-bottom: 1px solid #e5e5e5;
		font-size: 14px;
		line-height: 48px;
	}

	.language-now a {
		font-size: 14px;
		display: block;
		line-height: 48px;
		margin-right: 60px;
		color: #af261c;
	}

	.language-now .fa-md-h {
		display: none;
	}

	.language-now .m-rotate {
		font-size: 14px;
		color: #888;
		line-height: 48px;
		width: 50px;
		height: 48px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		text-align: right;
	}

	.language-now .m-rotate i {
		width: 20px;
		height: 20px;
		font-size: 20px;
		display: inline-block;
		text-align: center;
		line-height: 1;
		vertical-align: middle;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-list {
		display: none;
	}

	.language-list a {
		line-height: 36px;
		color: #666;
		font-size: 12px;
		display: block;
		padding: 0 20px;
		border-bottom: 1px solid #e5e5e5;
	}

	.language.open .m-rotate i {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	.search-wrap {
		margin-top: 20px;
	}

	.search-btn {
		display: none;
	}

	.search-close {
		display: none;
	}

	.search-input {
		height: 46px;
		border: 1px solid #e5e5e5;
		position: relative;
		padding-right: 44px;
	}

	.search-input input {
		width: 100%;
		font-size: 14px;
		line-height: 44px;
		padding: 0 15px;
		color: #717171;
	}

	.searchtext-btn {
		position: absolute;
		right: 0;
		top: 0;
		width: 44px;
		height: 44px;
		z-index: 2;
		cursor: pointer;
		text-align: center;
		line-height: 44px;
		font-size: 16px;
		color: #059cd1;
	}


}

@media (min-width: 1500px) {
	.drop-col-l .scrollbar-y {
		max-height: 450px;
	}
}

/* header - end */


/* banner - start */

.banner .br-mb {
	display: none;
}

.banner .swiper-container {
	width: 100%;
	position: relative;
	/* height: 900px; */
}

.banner .swiper-slide {
	position: relative;
}

.banner .swiper-slide .banner-item {
	display: block;
}

.banner .swiper-slide img {
	width: 100%;
}

.banner .swiper-slide .caption {
	position: absolute;
	background-image: linear-gradient(45deg, rgba(26, 71, 149, 0.8), rgba(47, 123, 167, 0.8));
	z-index: 10;
	left: 10%;
	bottom: 25%;
	padding: 20px;
}

.banner .caption::after {
	position: absolute;
	content: "";
	width: 30%;
	height: 150%;
	background: url(/images/caption-k.png) no-repeat;
	left: -22PX;
	top: -20%;
}

.banner .caption h1 {
	font-size: 56px;
	color: #fff;
}

.banner .caption p {
	font-size: 18px;
	color: #c5d0de;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
}

.banner .swiper-pagination-bullet {
	width: 50px;
	height: 3px;
	margin: 0 5px;
	border-radius: unset;
	background: #fff;
	opacity: 1;
}

.banner .swiper-pagination-bullet-active {
	background: #2566dd;
}

.banner .swiper-pagination-bullets {
	bottom: 40px;
}

/* banner - end */

/* 产品焦点 start */
/* pc问题 */
.core-title-area {
	padding: 80px 0;
	display: grid;
	grid-template-columns: 420px 1fr 100px;
	align-items: center;
}

.core-title-area .title-col h2 {
	position: relative;
	font-size: 46px;
}

.core-title-area .title-col h2::after {
	position: absolute;
	z-index: -1;
	left: 0;
	transform: translateY(25px);
	content: "products";
	color: #f0f0f0;
	font-size: 56px;
	font-weight: 600;
	text-transform: uppercase;
}

.core-title-area .title-col p {
	font-size: 18px;
	color: #666;
	margin-top: 40px;
}

.core-title-area .sort-wrap {
	justify-content: center;
}

.core-title-area .sort-wrap p {
	font-size: 20px;
	margin: 0 30px;
	cursor: pointer;
	position: relative;
}

.sort-wrap .core-list.active,
.sort-wrap .core-list:hover {
	color: #00539d;
}

.sort-wrap .core-list.active::after,
.sort-wrap .core-list:hover::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #00539d;
	left: 0;
	bottom: -10px;
}

/* 移动问题 */
.core-title-area-mobile {
	padding: 30px 0;
	text-align: center;
	display: none;
}

.core-title-area-mobile .ceTitMoble {
	margin-bottom: 15px;
}

.core-title-area-mobile .ceTitMoble p {
	margin-top: 10px;
}

.sortSetMobile {
	margin-bottom: 8px;
}

.sortSetM .swiper-slide-active .core-list {
	color: #00539d;
	font-weight: 600;
}

.core-changeBx {
	padding-left: 10%;
	position: relative;
	overflow: hidden;
	display: none;
}

.core-changeBx.active {
	display: block;
}

.core-changeBx .num {
	position: absolute;
	width: 10%;
	height: 100%;
	background-image: linear-gradient(45deg, #118bc8, #00539d);
	left: 10%;
	top: 0;
}

.num {
	color: #fff;
	font-size: 18px;
	display: inline-block;
}

.num .change,
.num .changeN {
	position: absolute;
	transform: translateX(-68%) rotate(-90deg);
	left: 50%;
}

.num .change {
	top: 80px;
}

.num .changeN {
	top: 450px;
}

.num .share {
	position: absolute;
	transform: translateX(-75%);
	left: 50%;
	bottom: 5%;
}

.core-sw .img-mb {
	display: none;
}

.core-sw {
	width: 90%;
	position: relative;
	margin: 0 0;
	float: right;
}

.core-changeBx .swiper-wrapper {
	position: relative;

}

.core-changeBx .swiper-slide {
	position: relative;
}

.core-changeBx .swiper-slide img {
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	object-position: right bottom;
	position: relative;
	z-index: -1;
}

.core-changeBx .swiper-slide .caption {
	position: absolute;
	width: 38%;
	top: 0;
	left: 0;
	padding-top: 110px;
	padding-left: 100px;
}

.core-changeBx .swiper-slide .caption h2 {
	position: relative;
	font-size: 34px;
	margin-bottom: 50px;
	margin-right: -100%;
}

.core-changeBx .swiper-slide .caption h2::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -25px;
	width: 40px;
	height: 3px;
	background: #00539d;
}

.core-changeBx .swiper-slide .caption p {
	font-size: 20px;
	color: #6e6e6e;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
}

.core-changeBx .swiper-slide .caption .cap-img {
	width: 197px;
	height: 197px;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid #fff;
	margin-top: 50px;
}

.core-changeBx .swiper-slide .caption .cap-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.core-changeBx .swiper-pagination-bullets {
	position: absolute;
	top: 17% !important;
	left: 14.6% !important;
	bottom: unset !important;
	z-index: 11;
}

.core-changeBx .swiper-pagination-bullet {
	height: 65px;
	width: 2px;
	border-radius: unset;
	display: block;
}

.core-changeBx .swiper-button-prev {
	position: absolute;
	background: url(/images/angel-left.png) no-repeat center center/contain;
	width: 52px;
	height: 52px;
	left: 100px;
	top: 600px;
}

.core-changeBx .swiper-button-next {
	position: absolute;
	background: url(/images/angel-right.png) no-repeat center center/contain;
	width: 52px;
	height: 52px;
	left: 180px;
	top: 600px;
}

.core-changeBx .swiper-pagination-bullet-active {
	background: #fff;
}

/* 产品焦点 end */



/* 解决方案 star */

.sovle-area {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: url(/images/sovle-bg1.jpg) center center /cover;
	height: 600px;
}

.sovle-item {
	position: relative;
	border-right: 1px solid #d8d6db;
	cursor: pointer;
	overflow: hidden;
}

.sovle-item:hover::after {
	position: absolute;
	z-index: 10;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: circle(30% at 100% 100%);
	animation: circle 1s ease-in-out forwards;
	background-image: linear-gradient(45deg, rgba(7, 73, 137, .7), rgba(27, 133, 187.7));
}

@keyframes circle {
	from {
		clip-path: circle(30% at 100% 100%);
	}

	to {
		clip-path: circle(150% at 0 0);
	}
}

.sovle-item .contentBx {
	position: absolute;
	bottom: 0;
	padding-left: 35px;
	padding-right: 35px;
	z-index: 20;
}

.sovle-item .contentBx h1 {
	position: relative;
	font-size: 30px;
	color: #fff;
	transform: translateY(150px);
	transition: transform .45s;
}

.sovle-item .contentBx h1::before {
	position: absolute;
	content: "";
	width: 0px;
	height: 2px;
	left: 0;
	bottom: -25px;
	background: #fff;
}

.sovle-item .contentBx p {
	font-size: 16px;
	color: #fff;
	margin-top: 50px;
	transform: translateX(-500px);
}

.sovle-item .contentBx a.more {
	display: block;
	margin-top: 70px;
	margin-bottom: 70px;
	color: #fff;
	font-size: 16px;
}

.sovle-item .contentBx a.more span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	margin-left: 10px;
}

.sovle-item .contentBx a.more span i {
	color: #003f88;
}


.sovle-item:hover .contentBx h1::before {
	transition: .45s .3s;
	width: 40px;
}

.sovle-item:hover .contentBx p {
	transform: translateX(0);
	transition: transform .85s .23s;
}

.sovle-item:hover .contentBx h1 {
	transform: translateY(0);
}

/* 解决方案 end */

/* 关于抖圈 start */
.about-us {
	padding: 100px 0;
}

.about-us .about-area {
	display: grid;
	grid-template-columns: 1.2fr 2fr;
	column-gap: 150px;
	/* height: 500px; */
}

.about-area .about-text .title {
	font-size: 46px;
	margin-top: 80px;
	position: relative;
}

.about-area .about-text .title::after {
	position: absolute;
	content: "about us";
	z-index: -1;
	left: 0;
	transform: translateY(25px);
	color: #f0f0f0;
	font-size: 56px;
	font-weight: 600;
	text-transform: uppercase;
}

.about-area .about-text .intro {
	font-size: 18px;
	color: #666;
	margin-top: 40px;
}

.about-area .about-text .desc {
	font-size: 16px;
	color: #777;
	margin-top: 50px;
}

.about-area .about-text .more {
	position: relative;
	display: block;
	width: 180px;
	height: 55px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 52px;
	color: #8c8c8c;
	font-size: 16px;
	margin-top: 115px;
	transition-delay: .1s;
}

.about-area .about-text .more:hover {
	color: #fff;
}

.about-area .about-text .more span {
	font-size: 24px;
	color: #00539d;
	margin-left: 5px;
	transition-delay: .2s;
}

.about-area .about-text .more:hover span {
	color: #fff;
}

.about-area .about-text .more::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #3375b1;
	transition: .45s;
	z-index: -1;
}

.about-area .about-text .more:hover::before {
	width: 100%;
}

.about-area .about-video {
	position: relative;
	cursor: pointer;
}

.about-area .about-video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.about-area .about-video .video-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 10;
	transition: .35s;
}

.about-video:hover .video-mask {
	background: rgba(0, 0, 0, .1);
}

.video-control {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	border-radius: 50%;
	z-index: 11;
	font-size: 25px;
	color: #000;
	background: rgba(255, 255, 255, .8);
	cursor: pointer;
}

.video-control i {
	margin-left: 5px;
}

.about-video:hover .video-control {
	animation: play 1s ease-in-out;
}

@keyframes play {
	from {
		transform: translate(-50%, -40%);
	}

	to {
		transform: translate(-50%, -50%);
	}
}

/* 视频弹窗 */
.msg-box-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 1001;
}

.msg-box {
	width: 70%;
	height: 70%;
	padding: 0px;
	background-color: #F3F3F3;
	position: absolute;
	left: 50%;
	top: 47%;
	transform: translate(-50%, -50%);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
	width: 30px;
	height: 30px;
	background: url(/images/btn-close-modal.png) no-repeat center;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.msg-box .close-box:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.about-icon {
	margin-top: 85px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	text-align: center;
}

.about-icon .icon-item a {
	display: inline-block;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 95px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
}

.about-icon .icon-item.active a,
.about-icon .icon-item a:hover {
	background-image: linear-gradient(45deg, #00549d, #1c92d3);
}

.about-icon .icon-item p {
	font-size: 20px;
	margin-top: 30px;
}

.icon-item .out {
	display: none;
}

.icon-item a:hover .show {
	display: none;
}

.icon-item a:hover .out {
	display: inline-block;
}

.iconBx {
	border-right: 1px solid #e3e3e3;
}

.icon-item:last-child .iconBx {
	border: none;
}

/* 关于抖圈 end */

/* 研发与制造 start */

.research {
	padding: 85px 0 115px 0;
	background: url(/images/research-BG.jpg) center center/cover;
}

.research .research-header {
	text-align: center;
}

.research .research-header .title {
	font-size: 40px;
	color: #fff;
}

.research .research-header .btns {
	display: flex;
	justify-content: center;
	margin-top: 35px;
	margin-bottom: 45px;
}

.btns button {
	width: 180px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #fff;
	margin: 0 25px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

.btns button.active {
	background: #fff;
	color: #054588;
}

.research-swiper {
	position: relative;
	height: 640px;
}

.research-swiper .swiper-item {
	position: absolute;
	left: 0;
	top: 0;
	height: 640px;
	display: none;
}

.research-swiper .swiper-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.research-swiper .swiper-item.active {
	display: block;
}

.swiper-item .re-sw-caption {
	position: absolute;
	width: 500px;
	left: 5%;
	bottom: 10%;
	background: rgba(255, 255, 255, .5);
	padding: 35px;
	opacity: 0;
}

.swiper-item.checked .re-sw-caption {
	animation: sw-caption .45s forwards .5s;
}

@keyframes sw-caption {
	from {
		transform: translateX(150px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.swiper-item .re-sw-caption .title {
	font-size: 30px;
	color: #054588;
	font-weight: 550;
	letter-spacing: 2px;
}

.swiper-item .re-sw-caption .desc {
	font-size: 16px;
	color: #444;
	margin-top: 25px;
	line-height: 1.7;
}

/* 研发与制造 end */

/* 新闻资讯 start */

.new-content-area {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 50px;
	align-items: center;
}

.new-swiper-box {
	overflow: hidden;
}

.new-swiper-box .swiper-slide img {
	width: 100%;
	height: 100%;
}

.new-swiper-box .new-desc {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 16px;
	padding: 20px;
	opacity: .8;
}

.new-swiper-box .swiper-pagination-bullets {
	width: unset;
	right: 10px;
	left: unset;
	bottom: 20px;
}

.new-swiper-box .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 10px !important;
	border: 2px solid #fff;
}

.new-swiper-box .swiper-pagination-bullet-active.swiper-pagination-bullet {
	border: 0;
}

.new-swiper-box:hover .new-desc {
	background: rgba(26, 71, 149, 0.7);
}

.new-swiper-box:hover .swiper-pagination-bullet-active.swiper-pagination-bullet {
	background: #fff;
}

.new-content-text {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	row-gap: 15px;
}

.new-list-item {
	padding: 15px 30px;
	display: grid;
	grid-template-columns: 130px 1fr 55px;
	align-items: center;
	cursor: pointer;
}

.new-list-item:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}

.new-list-item .new-data {
	border-right: 1px solid #e2e2e2;
	text-align: center;
}

.new-list-item .new-data h3 {
	font-size: 50px;
	color: #00539d;
}

.new-list-item .new-data p {
	font-size: 16px;
	color: #777;
}

.new-list-item .new-list-content {
	padding: 0 35px;
}

.new-list-item .new-list-content .title {
	font-size: 20px;
	color: #333;
	font-weight: 500;
}

.new-list-item .new-list-content .content {
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new-list-item:hover .new-list-content .title {
	color: #00539d;
}


.new-list-item .arrow {
	text-align: right;
}

.new-list-item .arrow i {
	color: #999;
	font-size: 20px;
}

.new-list-item:hover .arrow i {
	color: #00539d;
}

/* 新闻资讯 end */

/* 相助同伴 start */
.partners {
	padding-bottom: 115px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 25px;
	column-gap: 25px;
	display: none;
}

.partner-item {
	border: 1px solid #d8d8d8;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .23s;
	height: 108px;
}

.partner-item a {
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.partner-item a img {
	width: 60%;
}

.partner-item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .32);
	transform: translateY(-5px);
}

.partners-mb{
	margin-bottom: 75px;
}

.partners-mb .swiper-button-prev,
.partners-mb .swiper-button-next
{
	display: none;
}

.partners-mb .swiper-wrapper {
	padding: 50px 0;
}

@media (max-width: 1680px) {
	.partners-mb{
		margin-bottom: 60px;
	}
}

@media (max-width: 991px) {
	.partners-mb{
		margin-bottom: 40px;
	}
}

@media (max-width: 414px) {
	.partners-mb{
		margin-bottom: 20px;
	}
}

/* 相助同伴 end */

/* footer start */
footer {
	background: #075295;
	padding-top: 100px;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1fr 150px;
	column-gap: 150px;
}

.footer-link-area {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
}

.footer-link-area .footer-logo h2 {
	position: relative;
	font-size: 24px;
	color: #fff;
}

.footer-link-area .footer-logo h2::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -25px;
	background: #fff;
	width: 50px;
	height: 2px;
}

.footer-link-area .footer-link {
	text-align: right;
}

.footer-link-area .footer-link a {
	font-size: 16px;
	color: #fff;
	margin: 0 25px;
}

.footer-link-area .footer-link a:last-child {
	margin-right: 0;
}

.map {
	margin-top: 50px;
}

.map p {
	font-size: 14px;
	color: #fff;
	line-height: 2;
}

.firend-link {
	margin-top: 65px;
	font-size: 14px;
	color: #fff;
}

.firend-link a {
	margin: 0 10px;
}

.qrBx {
	text-align: center;
	color: #fff;
}

.qrBx .qrImg img {
	width: 100%;
}

.qrBx span {
	display: inline-block;
	margin-top: 15px;
}

.qrBx .social-icon {
	margin-top: 30px;
}

.social-icon .social-share .icon-weibo,
.social-icon .social-share .icon-qq {
	color: #fff;
	border-color: transparent;
}

.social-icon .social-share .icon-weibo:hover,
.social-icon .social-share .icon-qq:hover {
	background: transparent;
}



.copyright-area {
	background: #072c4e;
	padding: 30px 0;
	font-size: 14px;
	color: #fff;
	margin-top: 105px;
}

.copyright-area .copy {}

.copyright-area .copy-firend {
	margin-left: 50px;
}

.copyright-area .copy-firend span {
	margin: 0 5px;
}

/* footer end */


@media (max-width: 1900px) {
	.core-changeBx .swiper-slide .caption h2 {
		font-size: 30px;
		margin-bottom: 50px;
	}

	.core-changeBx .swiper-slide .caption {
		padding-top: 85px;
		padding-left: 95px;
	}

	.core-changeBx .swiper-button-next {
		top: 580px;
	}

	.core-changeBx .swiper-button-prev {
		top: 580px;
	}
}

@media (max-width: 1800px) {
	.new-list-item {
		grid-template-columns: 130px 1fr 55px;
	}

	.new-list-item .new-list-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	.new-list-item .new-list-content .title {
		font-size: 19px;
	}

	.new-list-item .new-list-content .content {
		font-size: 13px;
	}

	.new-list-item .new-list-content .content {
		margin-top: 10px;
	}

	.core-changeBx .swiper-slide .caption h2 {
		font-size: 28px;
	}

	.core-changeBx .swiper-button-next {
		top: 560px;
	}

	.core-changeBx .swiper-button-prev {
		top: 560px;
	}

	.core-changeBx .swiper-pagination-bullets {
		top: 19% !important;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 185px;
		height: 185px;
		margin-top: 35px;
	}

	.footer-link-area .footer-link a {
		margin: 0 20px;
	}

	.footer-grid {
		column-gap: 85px;
	}

}

@media (max-width: 1721px) {
	.core-changeBx .swiper-button-next {
		top: 530px;
	}

	.core-changeBx .swiper-button-prev {
		top: 530px;
	}
}

@media (max-width: 1680px) {

	.core-title-area .title-col h2::after,
	.section-title-area .title h2::after,
	.about-area .about-text .title::after {
		transform: translateY(20px);
		font-size: 50px;
	}

	.sovle-item .contentBx h1 {
		font-size: 24px;
	}

	.footer-link-area .footer-link a {
		margin: 0 16px;
	}
}


@media (max-width: 1655px) {
	.core-changeBx .swiper-slide .caption {
		padding-top: 65px;
	}

	.core-changeBx .swiper-button-next {
		top: 480px;
	}

	.core-changeBx .swiper-button-prev {
		top: 480px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 160px;
		height: 160px;
	}
}

@media (max-width: 1680px) {
	.core-title-area {
		grid-template-columns: 280px 1fr 100px;
	}

	.core-title-area .sort-wrap p {
		font-size: 18px;
	}

	.core-changeBx .swiper-slide .caption h2 {
		font-size: 26px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 160px;
		height: 160px;
	}

	.core-changeBx .swiper-button-prev {
		width: 45px;
		height: 45px;
	}

	.core-changeBx .swiper-button-next {
		width: 45px;
		height: 45px;
		left: 170px;
	}

	.core-changeBx .swiper-pagination-bullets {
		top: 20% !important;
	}

	.core-changeBx .swiper-pagination-bullet {
		height: 60px;
	}

	.num .changeN {
		top: 430px;
	}

	.num .share {
		bottom: 8%;
	}

	.num .share img {
		width: 25px;
		height: 25px;
	}

	.sovle-item .contentBx h1 {
		transform: translateY(140px);
	}

	.sovle-item .contentBx p {
		font-size: 15px;
		color: #fff;
		margin-top: 50px;
	}

	.new-list-item {
		grid-template-columns: 100px 1fr 50px;
	}

	.new-list-item .new-data h3 {
		font-size: 40px;
	}

	.new-list-item .new-data p {
		font-size: 15px;
	}

	.new-list-item .new-list-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.new-list-item .new-list-content .title {
		font-size: 17px;
	}

	.new-list-item .new-list-content .content {
		font-size: 13px;
	}

	.footer-grid {
		grid-template-columns: 1fr 120px;
		column-gap: 75px;
	}

	.footer-link-area .footer-logo h2 {
		font-size: 20px;
	}

	.map p {
		font-size: 13px;
	}
}

@media (max-width: 1560px) {
	.core-changeBx .swiper-slide .caption h2 {
		font-size: 24px;
		margin-right: -100%;
	}
}

@media (max-width: 1500px) {
	.core-changeBx .swiper-slide .caption {
		padding-top: 65px;
	}

	.core-changeBx .swiper-button-next {
		top: 470px;
	}

	.core-changeBx .swiper-button-prev {
		top: 470px;
	}

	.core-changeBx .swiper-slide .caption p {
		font-size: 16px;
	}

	.core-changeBx .swiper-pagination-bullet {
		height: 45px;
	}

	.num .changeN {
		top: 357px;
	}

	.core-changeBx .swiper-pagination-bullets {
		top: 23% !important;
	}
}

@media (max-width: 1460px) {
	.about-us .about-area {
		column-gap: 100px;
	}

	.sovle-area {
		height: 500px;
	}

	.sovle-item .contentBx h1 {
		font-size: 20px;
	}
	.about-area .about-text .more {
    margin-top: 40px;
}
.about-area .about-text .desc {
	margin-top: 23px;
}
.about-area .about-text .intro {
	margin-top: 29px;
}
.research-swiper .swiper-item {
	height: 465px;
}
.research-swiper {
	height: 430px;
}
.research {
	padding: 53px 0 115px 0;
}


}

@media (max-width: 1450px) {
	.num .changeN {
		top: 346px;
	}

	.num .share {
		bottom: 6%;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 150px;
		height: 150px;
		margin-top: 35px;
	}

	.core-changeBx .swiper-button-prev {
		top: 450px;
	}

	.core-changeBx .swiper-button-next {
		top: 450px;
	}

	.num .change {
		top: 60px;
	}

	.core-changeBx .swiper-pagination-bullets {
		top: 21% !important;
	}

	.core-changeBx .swiper-pagination-bullet {
		height: 45px;
	}

}

@media (max-width: 1400px) {
	.swiper-slide .caption p {
		font-size: 14px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 140px;
		height: 140px;
		margin-top: 30px;
	}

	.core-changeBx .swiper-button-next {
		top: 440px;
	}

	.core-changeBx .swiper-button-prev {
		top: 440px;
	}

	.num .change {
		top: 55px;
	}

	.core-changeBx .swiper-pagination-bullets {
		top: 20% !important;
	}

	.num .changeN {
		top: 333px;
	}

}

@media (max-width: 1366px) {
	.core-changeBx .swiper-slide .caption {
		padding-top: 50px;
	}
}

@media (max-width: 1350px) {
	.core-changeBx .swiper-slide .caption {
		padding-top: 55px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 130px;
		height: 130px;
		margin-top: 30px;
	}

	.core-changeBx .swiper-button-prev {
		top: 418px;
	}

	.core-changeBx .swiper-button-next {
		top: 418px;
	}

	.num .share img {
		width: 20px;
		height: 20px;
	}
}

@media (max-width: 1300px) {
	.num .changeN {
		top: 320px;
	}

	.core-changeBx .swiper-slide .caption p {
		font-size: 14px;
	}

	.core-changeBx .swiper-button-next {
		top: 410px;
	}

	.core-changeBx .swiper-button-prev {
		top: 410px;
	}
}

@media (max-width: 1260px) {

	.core-title-area .title-col h2::after,
	.section-title-area .title h2::after,
	.about-area .about-text .title::after {
		transform: translateY(19px);
		font-size: 38px;
	}

	.about-area .about-text .title::after {
		transform: translateY(30px);
	}

	.section-title-area .title h2 {
		font-size: 35px;
	}

	.section-title-area .title p {
		font-size: 15px;
		margin-top: 30px;
	}

	.about-area .about-text .intro {
		margin-top: 30px;
	}

	.banner .caption {
		padding: 30px;
	}

	.banner .caption::after {
		background-size: contain;
	}

	.banner .caption h1 {
		font-size: 35px;
	}

	.core-title-area {
		grid-template-columns: 220px 1fr 100px;
	}

	.core-title-area .sort-wrap p {
		font-size: 14px;
		margin: 0 20px;
	}

	.core-title-area .title-col h2 {
		font-size: 35px;
	}

	.core-title-area .title-col h2::after {
		transform: translateY(19px);
		font-size: 38px;
	}

	.core-title-area .title-col p {
		font-size: 15px;
		margin-top: 30px;
	}

	.core-changeBx .swiper-slide .caption h2 {
		font-size: 22px;
		margin-bottom: 30px;
	}

	.core-changeBx .swiper-slide .caption h2::after {
		margin-bottom: 10px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 120px;
		height: 120px;
		margin-top: 24px;
	}

	.core-changeBx .swiper-button-prev {
		top: 395px;
	}

	.core-changeBx .swiper-button-next {
		top: 395px;
	}

	.core-changeBx .swiper-pagination-bullet {
		height: 35px;
	}

	.core-changeBx .swiper-pagination-bullets {
		top: 23% !important;
	}

	.core-changeBx .num {
		font-size: 16px;
	}

	.num .changeN {
		top: 289px;
	}

	.sovle-area {
		height: 500px;
	}

	.about-us .about-area {
		column-gap: 85px;
	}

	.about-area .about-text .more {
		margin-top: 50px;
	}

	.swiper-item .re-sw-caption {
		width: 400px;
		left: 5%;
		bottom: 10%;
		padding: 30px;
	}

	.swiper-item .re-sw-caption .title {
		font-size: 25px;
	}

	.swiper-item .re-sw-caption .desc {
		font-size: 14px;
		margin-top: 20px;
		line-height: 1.5;
	}

	.research-swiper {
		height: 500px;
	}

	.research-swiper .swiper-item {
		height: 500px;
	}

	/* 
	.sovle-item .contentBx h1 {
		font-size: 24px;
	} */

	.sovle-item .contentBx p {
		font-size: 13px;
	}

	.partners {
		grid-template-columns: repeat(5, 1fr);
	}

	.partner-item {
		height: 90px;
	}

	footer {
		padding-top: 75px;
	}
}

@media (max-width: 1230px) {
	.num .changeN {
		top: 275px;
	}

	.core-changeBx .swiper-button-next {
		top: 370px;
	}

	.core-changeBx .swiper-button-prev {
		top: 370px;
	}
}

@media (max-width: 1200px) {
	.core-changeBx .swiper-slide .caption {
		padding-top: 46px;
	}

	.core-changeBx .swiper-button-next {
		top: 370px;
	}

	.core-changeBx .swiper-button-prev {
		top: 370px;
	}
}

@media (max-width: 1150px) {
	.core-changeBx .swiper-slide .caption h2 {
		font-size: 17px;
	}

	.core-changeBx .swiper-slide .caption {
		padding-top: 35px;
	}

	.core-changeBx .swiper-button-next {
		width: 35px;
		height: 35px;
		top: 350px;
		left: 150px;
	}

	.core-changeBx .swiper-button-prev {
		width: 35px;
		height: 35px;
		top: 350px;
	}
}

@media (max-width: 1100px) {
	.core-changeBx .swiper-slide .caption h2 {
		font-size: 20px;
		margin-right: -100%;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 110px;
		height: 110px;
		margin-top: 20px;
	}

	.core-changeBx .swiper-button-next {
		width: 40px;
		top: 345px;
		left: 158px;
	}

	.core-changeBx .swiper-button-prev {
		top: 345px;
		width: 40px;
	}

}

@media (max-width: 1259px) and (min-width: 1025px) {
	.about-us .about-area {
		column-gap: 35px;
	}

	.new-list-item .new-list-content .title {
		font-size: 15px;
	}

	.new-list-item .new-list-content .content {
		font-size: 12px;
	}

	.new-list-item {
		padding: 15px 30px 15px 20px;
	}

	.footer-link-area .footer-logo h2 {
		font-size: 17px;
	}

	.footer-link-area .footer-link a {
		font-size: 12px;
		margin: 0 8px;
	}

	.firend-link {
		margin-top: 55px;
		font-size: 12px;
	}

	.copyright-area {
		margin-top: 75px;
	}
}



@media (max-width: 1024px) {

	.core-title-area .title-col h2::after,
	.section-title-area .title h2::after,
	.about-area .about-text .title::after {
		font-size: 30px;
		transform: translateY(23px);
	}

	.about-area .about-text .title::after {
		transform: translateY(23px);
		font-size: 30px;
	}

	.banner .caption::after {
		top: -23%;
	}

	.core-changeBx .swiper-slide .caption {
		padding-left: 66px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 100px;
		height: 100px;
		margin-top: 20px;
	}

	.core-changeBx .swiper-pagination-bullet {
		height: 30px;
	}

	.core-changeBx .swiper-button-next {
		top: 325px;
		left: 115px;
	}

	.core-changeBx .swiper-button-prev {
		top: 325px;
		left: 63px;
	}

	.num .changeN {
		top: 240px;
	}

	.num .share img {
		width: 20px;
		height: 20px;
	}

	.core-changeBx .num {
		font-size: 14px;
	}

	.sovle-area {
		height: 400px;
	}

	.sovle-item .contentBx h1 {
		font-size: 20px;
	}

	.about-us .about-area {
		column-gap: 35px;
	}

	.about-area .about-text .title {
		font-size: 35px;
	}

	.about-area .about-text .title::after {
		transform: translateY(19px);
	}

	.about-area .about-text .intro {
		font-size: 14px;
		margin-top: 35px;
	}

	.about-area .about-text .desc {
		font-size: 14px;
		margin-top: 35px;
	}

	.new-content-area {
		grid-template-columns: 1fr;
		row-gap: 50px;
	}

	.new-list-item {
		padding: 15px 25px 15px 15px;
		grid-template-columns: 100px 1fr 50px;
	}

	.footer-link-area .footer-logo h2 {
		font-size: 16px;
	}

	.footer-link-area .footer-link a {
		font-size: 12px;
		margin: 0 8px;
	}

	.firend-link {
		margin-top: 55px;
		font-size: 12px;
	}

	.copyright-area {
		font-size: 12px;
		margin-top: 75px;
	}

	.research .research-header .title {
		font-size: 35px;
	}


}


@media (max-width: 991px) {
	.core-title-area {
		grid-template-columns: 150px 1fr 75px;
	}

	.core-changeBx .swiper-slide .caption {
		padding-left: 45px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 80px;
		height: 80px;
		border-width: 3px;
	}

	.core-changeBx .swiper-button-prev {
		width: 30px;
		height: 30px;
		top: 299px;
		left: 48px;
	}

	.core-changeBx .swiper-button-next {
		width: 30px;
		height: 30px;
		top: 299px;
		left: 90px;
	}

	.num .changeN {
		top: 205px;
	}

	.core-changeBx .swiper-pagination-bullet {
		height: 24px;
	}

	.new-swiper-box .new-desc {
		bottom: 0;
	}

	.about-area .about-text .title {
		margin-top: 0px;
	}

	.core-title-area .sort-wrap p {
		font-size: 12px;
		margin: 0 10px;
	}

	.core-changeBx .num {
		font-size: 12px;
	}

	.core-changeBx .swiper-slide .caption p {
		font-size: 10px;
	}

	.see-more {
		font-size: 12px;
	}

	.section-title-area .title p {
		font-size: 14px;
	}

	.about-us .about-area {
		grid-template-columns: 1fr;
		row-gap: 75px;
		height: unset;
	}

	.about-icon {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		grid-template-columns: unset;
	}

	.about-icon .icon-item {
		width: 33.33%;
	}

	.about-icon .icon-item:nth-child(1),
	.about-icon .icon-item:nth-child(2),
	.about-icon .icon-item:nth-child(3) {
		margin-bottom: 55px;

	}

	.icon-item:last-child .iconBx {
		border-right: 1px solid #e3e3e3;
	}

	.btns button {
		width: 150px;
		height: 40px;
		margin: 0 13px;
		font-size: 15px;
	}

	.research-swiper {
		height: 400px;
	}

	.research-swiper .swiper-item {
		height: 400px;
	}

	.swiper-item .re-sw-caption .title {
		font-size: 16px;
	}

	.swiper-item .re-sw-caption .desc {
		font-size: 12px;
		margin-top: 15x;
	}


	.icon-item:nth-child(3) .iconBx {
		border: none;
	}

	.icon-item:last-child .iconBx {
		border: none;
	}

	.footer-link-area {
		grid-template-columns: 1.2fr 2fr;
	}

	.footer-link-area .footer-logo h2::before {
		bottom: -20px;
	}

	.footer-link-area .footer-logo h2 {
		font-size: 14px;
	}

	.footer-link-area .footer-link {
		margin-right: -120px;
	}

	.footer-grid {
		grid-template-columns: 1fr 120px;
		column-gap: 35px;
	}

	.qrBx {
		align-self: center;
	}

	.firend-link {
		margin-top: 45px;
		margin-right: -170px;
	}

	.partners {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 890px) {
	.core-changeBx .swiper-slide .caption h2 {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.core-changeBx .swiper-slide .caption h2::after {
		margin-bottom: 14px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 70px;
		height: 70px;
		margin-top: 10px;
		border-width: 2px;
	}

	.core-changeBx .swiper-button-next {
		top: 248px;
		left: 90px;
	}

	.core-changeBx .swiper-button-prev {
		top: 248px;
	}
}

@media (max-width: 768px) {

	.sortSetM .swiper-button-next,
	.sortSetM .swiper-button-prev {
		background-size: 27px 15px;
	}

	.core-title-area .title-col h2::after,
	.section-title-area .title h2::after,
	.about-area .about-text .title::after {
		display: none;
	}

	.about-area .about-text .title::after {
		display: none;
	}

	.banner .br-pc {
		display: none;
	}

	.banner .br-mb {
		display: block;
	}

	.more-768 {
		display: block;
	}

	/* 	.section-title-area .see-more{
		display: none;
	} */
	.section-title-area {
		grid-template-columns: 1fr;
		padding: 30px 0;
		text-align: center;
	}

	.section-title-area .title p {
		margin-top: 10px;
	}

	.see-more {
		margin-top: 10px;
	}

	.banner .swiper-pagination-bullets {
		bottom: 20px;
	}

	.banner .swiper-slide .caption {
		display: none;
	}

	.core-sw .img-mb {
		display: block;
	}

	.core-sw .img-pc {
		display: none;
	}

	.core-sw {
		width: 100%;
	}

	.core-title-area-mobile .ceTitMoble h2 {
		font-size: 24px;
	}

	.core-changeBx {
		padding-left: 0%;
	}

	.core-changeBx .num {
		display: none;
	}

	.core-changeBx .swiper-button-prev,
	.core-changeBx .swiper-button-next {
		top: 50%;
	}

	.core-changeBx .swiper-button-prev {
		left: 10px;
	}

	.core-changeBx .swiper-button-next {
		left: unset;
		right: 10px;
	}

	.sortSetM .swiper-slide .core-list {
		font-weight: 600;
		font-size: 10px;
	}

	.core-title-area-mobile {
		display: block;
	}

	.core-title-area {
		display: none;
	}

	.core-changeBx .swiper-pagination-bullets {
		top: inherit !important;
		bottom: 15px !important;
		width: 100%;
		left: 0 !important;
	}

	.core-changeBx .swiper-pagination-bullet {
		height: 10px;
		width: 10px;
		border-radius: 50%;
		display: inline-block;
		margin: 0 8px;
		background: #fff;
		opacity: 1;
	}

	.core-changeBx .swiper-pagination-bullet-active {
		background: #0672b5;
	}

	.core-changeBx .swiper-slide .caption {
		padding-top: 10%;
	}

	.core-changeBx .swiper-slide .caption h2 {
		font-size: 25px;
		margin-bottom: 20px;
		margin-right: -150%;
	}

	.core-changeBx .swiper-slide .caption h2::after {
		margin-bottom: 0px;
	}

	.core-changeBx .swiper-slide .caption p {
		font-size: 15px;
		margin-top: 52px;
		margin-right: -40%;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 150px;
		height: 150px;
		margin-top: 40px;
		border-width: 3px;
	}

	.sovle-area {
		grid-template-columns: repeat(2, 1fr);
		height: 800px;
	}

	.sovle-item:nth-child(1),
	.sovle-item:nth-child(2) {
		border-bottom: 1px solid #d8d6db;
	}

	.sovle-item::after {
		position: absolute;
		z-index: 10;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		clip-path: unset;
		background-image: linear-gradient(45deg, rgba(7, 73, 137, .7), rgba(27, 133, 187.7));
	}

	.sovle-item:hover::after {
		clip-path: unset;
		animation: unset;
	}

	.sovle-item .contentBx h1 {
		transform: translateY(0);
	}

	.sovle-item .contentBx h1::before {
		width: 40px;
	}

	.sovle-item .contentBx p {
		transform: translateX(0);
	}

	.research {
		padding: 40px 0;
	}

	.research .research-header .title {
		font-size: 24px;
	}

	.about-area .about-text .more {
		width: 135px;
		height: 40px;
		line-height: 35px;
		font-size: 12px;
	}

	.about-area .about-text .more span {
		font-size: 19px;
		margin-left: 2px;
	}

	.partners {
		display: none;
	}

	.partner-item {
		height: 80px;
	}

	.partner-item a img {
		width: 40%;
	}

	/* .partners-mb {
		display: block;
	} */

	.partners-mb .swiper-wrapper {
		padding-top: 20px;
	}

	.partners-mb .swiper-button-prev {
		left: -6px;
	}

	.partners-mb .swiper-button-next {
		right: -6px;
	}

	.partners-mb .swiper-button-prev,
	.partners-mb .swiper-button-next {
		transform: translateY(-50%);
		background-size: 14px 44px;
		margin-top: -14px;
	}


	.core-title-area .title-col h2 {
		font-size: 24px;
	}

	.section-title-area .title h2 {
		font-size: 24px;
	}

	.about-icon .icon-item p {
		font-size: 16px;
		margin-top: 30px;
	}

	.about-us {
		padding: 50px 0 50px 0;
	}

	.about-area .about-text .title {
		font-size: 24px;
	}

	.about-area .about-text .intro {
		margin-top: 20px;
	}

	.about-area .about-text .desc {
		margin-top: 25px;
	}

	.about-area .about-text .more {
		margin-top: 35px;
	}

	.about-us .about-area {
		row-gap: 38px;
	}

	.about-icon {
		margin-top: 50px;
	}

	footer {
		padding-top: 0;
	}

	.footer-grid {
		display: none;
	}

	.copyright-area {
		margin-top: 0;
	}

	.copyright-area .copy-firend {
		display: none;
	}

}

@media (max-width: 600px) {
	.sortSetMobile .swiper-slide:nth-child(1) .core-list {
		margin-left: -35px;
	}

	.sortSetMobile .swiper-slide:nth-child(3) .core-list {
		margin-right: -90px;
	}

	.sovle-item .contentBx h1 {
		font-size: 14px;
	}

	.sovle-item .contentBx p {
		font-size: 12px;
	}

	.copyright-area .container>.copy {
		float: unset;
		text-align: center;
	}

	.copyright-area .container>div:last-of-type {
		float: unset;
		text-align: center;
		margin-top: 10px;
	}

	.swiper-item .re-sw-caption {
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 25px;
		background: #fff;
		text-align: center;
	}

}

@media (max-width: 414px) {
	.sortSetM .swiper-slide .core-list {
		font-size: 14px;
	}

	.sortSetMobile {
		margin-top: 25px;
	}

	.new-swiper-box .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 6px !important;
	}

	.core-changeBx .swiper-slide .caption h2 {
		font-size: 16px;
	}

	.core-changeBx .swiper-slide .caption h2::after {
		margin-bottom: 10px;
	}

	.core-changeBx .swiper-slide .caption p {
		margin-top: 28px;
		font-size: 12px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 85px;
		height: 85px;
		margin-top: 20px;
	}

	.core-title-area-mobile {
		padding: 20px 0;
	}

	.sortSetMobile .swiper-slide:nth-child(1) .core-list {
		margin-left: 0;
	}

	.sortSetMobile .swiper-slide:nth-child(3) .core-list {
		margin-right: 0;
	}

	.section-title-area {
		padding: 30px 0;
	}

	.core-changeBx .swiper-button-prev,
	.core-changeBx .swiper-button-next {
		top: 55%;
	}

	.new-swiper-box .new-desc {
		font-size: 12px;
	}

	.partners {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-icon .icon-item {
		width: 50%;
	}

	.about-icon .icon-item:nth-child(4) {
		margin-bottom: 55px;
	}

	.about-icon .icon-item p {
		font-size: 15px;
		margin-top: 20px;
	}

	.about-area .about-text {
		text-align: center;
	}

	.about-area .about-text .more {
		display: inline-block;
	}

	.about-area .about-text .intro {
		margin-top: 15px;
	}

	.about-area .about-text .desc {
		margin-top: 20px;
	}

	.about-area .about-text .more {
		margin-top: 30px;
	}

	.icon-item .iconBx {
		border-right: none;
	}

	.icon-item:last-child .iconBx {
		border-right: none;
	}

	.icon-item:nth-child(1) .iconBx {
		border-right: 1px solid #e3e3e3;
	}

	.icon-item:nth-child(3) .iconBx {
		border-right: 1px solid #e3e3e3;
	}

	.sovle-area {
		grid-template-columns: 1fr;
		height: 1400px;
		background: unset !important;
	}

	.sovle-area .sovle-item:nth-child(1) {
		background: url(/images/sovle-bg1.jpg) center center/cover;
	}

	.sovle-area .sovle-item:nth-child(2) {
		background: url(/images/sovle-bg2.jpg) center center/cover;
	}

	.sovle-area .sovle-item:nth-child(3) {
		background: url(/images/sovle-bg3.jpg) center center/cover;
		border-bottom: 1px solid #d8d6db;
	}

	.sovle-area .sovle-item:nth-child(4) {
		background: url(/images/sovle-bg4.jpg) center center/cover;
	}

	.sovle-item .contentBx h1 {
		font-size: 18px;
	}

	.sovle-item .contentBx p {
		font-size: 14px;
	}

	.video-control {
		width: 58px;
		height: 58px;
		line-height: 59px;
		font-size: 20px;
	}

	.new-content-area {
		row-gap: 25px;
	}

	.research .research-header .title {
		font-size: 24px;
	}

	.research {
		padding: 35px 0 35px 0;
	}

	.research-swiper .swiper-item {
		overflow: hidden;
	}

	.new-list-item .new-list-content {
		padding-left: 0;
		padding-right: 0;
	}

	.new-content-text {
		row-gap: 0px;
	}

	.new-list-item .arrow {
		display: none;
	}

	.new-list-item .new-data h3 {
		font-size: 25px;
	}

	.new-list-item .new-list-content .content {
		font-size: 12px;
		margin-top: 5px;
		-webkit-line-clamp: 1;
	}

	.new-list-item {
		padding: 10px;
		grid-template-columns: 90px 1fr;
		text-align: center;
		row-gap: 15px;
	}

	.new-list-item .new-data {
		border-right: none;
	}

	.new-list-item .new-list-content .title {
		font-size: 15px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.partner-item {
		height: 50px;
	}

	.partners-mb .swiper-wrapper {
		padding-top: 10px;
	}

	.partners-mb .swiper-button-prev,
	.partners-mb .swiper-button-next {
		transform: translateY(-50%);
		background-size: 14px 44px;
		margin-top: -24px;
	}
}

@media (max-width: 377px) {
	.sortSetMobile .swiper-slide:nth-child(2) .core-list {
		margin-right: -20px;
	}

	.sortSetMobile .swiper-slide:nth-child(3) .core-list {
		margin-left: 20px;
	}
}

@media (max-width: 320px) {
	.core-changeBx .swiper-slide .caption h2 {
		font-size: 14px;
		margin-right: -150px;
	}

	.core-changeBx .swiper-slide .caption .cap-img {
		width: 65px;
		height: 65px;
		border-width: 2px;
	}
}

@media (min-width: 1600px) {
	.home-cont {
		width: 1430px;
	}
}

@media (min-width: 1800px) {
	.home-cont {
		width: 1600px;
	}
}










/*product-subbner start */
.subbner {
	padding: 0;
	position: relative;
}

.subbner-bg {
	width: 100%;
}

.banner-mobile {
	display: none;
}

.subbner-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.subbner .sub-text {
	color: #fff;
	margin-bottom: 50px;
}

.subbner .sub-cn {
	font-size: 48px;
	line-height: 1.4;
}

.subbner .sub-en {
	font-size: 18px;
	line-height: 1.7;
}

@media screen and (max-width: 1460px) {
	.subbner .sub-cn {
		font-size: 42px;
	}

	.subbner .sub-en {
		font-size: 15px;
	}
}

@media (max-width: 991px) {
	.banner-pc {
		display: none;
	}

	.banner-mobile {
		display: block;
	}
}

/* product-subbner end */

/* btn-wrapper start */
.btn-wrapper {
	background: rgba(16, 99, 164, .5);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 10;
	font-size: 0;
}

.btn-box a {
	display: inline-block;
	line-height: 50px;
	width: 140px;
	text-align: center;
	color: #fff;
	font-size: .16rem;
}

.btn-box a.on,
.btn-box a:hover {
	background: linear-gradient(90deg, #1c91d2, #01559e);
}

@media (max-width: 991px) {
	.btn-box a {
		width: 120px;
	}
}

@media (max-width: 414px) {
	.btn-box a {
		width: 33.333333333%;
		line-height: .5rem;
	}
}

/* btn-wrapper end */

/* product start */
.btn-list .btn-list-item {
	display: inline-block;
	font-size: .18rem;
	margin-bottom: .25rem;
	border-radius: .35rem;
	margin-right: .25rem;
	padding: .15rem .25rem;
	border: 1px solid #d3d3d3;
	transition: background-color .45s;
}

.btn-list .btn-list-item.on,
.btn-list .btn-list-item:hover {
	color: #fff;
	background: #0761a6;
	border-color: transparent;
}

.pro-list {
	margin-top: .35rem;
}

.pro-item {
	display: block;
	border: 1px solid #d3d3d3;
	margin-bottom: .35rem;
}

.pro-item .p-img {
	overflow: hidden;
	height: 0;
	width: 100%;
	padding-bottom: 43.655655%;
}

.pro-item .p-img img {
	width: 100%;
	transition: .6s;
}

.pro-item:hover .p-img img {
	transform: scale(1.1);
}

.pro-item .p-cont {
	position: relative;
	padding-bottom: .1rem;
	overflow: hidden;
}

.p-cont .df .title {
	padding: .2rem .3rem;
	border-bottom: 1px solid #efefef;
}

.p-cont .df .title h3 {
	width: 80%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .22rem;
}

.p-cont .df .title i {
	float: right;
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #0761a6;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 26px;
}

.p-cont .df .intro {
	padding: .1rem 25% 0 .3rem;
	font-size: .16rem;
	color: #666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	min-height: 65px;
}

.p-cont .hv {
	position: absolute;
	left: 0;
	bottom: -100%;
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg, #00539d, #0883c2);
	padding: .24rem 0 0 .3rem;
	transition: 1s;
}

.p-cont .hv h3 {
	color: #fff;
	font-size: .25rem;
	width: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.p-cont .hv p {
	color: #fff;
	font-size: .16rem;
	margin-top: .1rem;
	margin-bottom: .1rem;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.p-cont .hv .more-btn {
	color: #fff;
	font-size: .16rem;
}

.p-cont .hv .more-btn i {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: #fff;
	text-align: center;
	color: #025ea6;
	border-radius: 50%;
	margin-left: 10px;
	font-size: .18rem;
}

.pro-item:hover .hv {
	bottom: 0;
}

@media (max-width: 991px) {
	.btn-list .btn-list-item {
		font-size: .16rem;
		margin-bottom: .15rem;
		border-radius: .35rem;
		margin-right: .15rem;
		padding: .15rem .25rem;
	}
	
	.p-cont .hv h3 {
	    font-size: .25rem;
	}
}

@media (max-width: 414px) {
	.btn-list .btn-list-item {
		margin-right: 0rem;
		width: 100%;
		text-align: center;
	}
}

/* product end */

/* components start*/

.text-center {
	text-align: center;
}

.g-more {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: .17rem .6rem;
	border: 1px solid #ccc;
	text-align: center;
	color: #8c8c8c;
	font-size: 16px;
	margin-top: .35rem;
	transition: .3s;
	overflow: hidden;
	cursor: pointer;
}

.g-more::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: #3375b1;
	transition: .5s;
}

.g-more span {
	font-size: 18px;
	font-weight: 700;
	color: #00539d;
	margin-left: 8px;
	transition: .3s;
	font-family: "dim";
	vertical-align: 1px;
}

.g-more:hover,
.g-more:hover span,
.g-more.on,
.g-more.on span {
	color: #fff;
}

.g-more:hover::before,
.g-more.on::before {
	width: 100%;
}

/* components end*/

/*breadcrumb - start*/
.breadcrumb {
	font-size: 0;
	color: #fff;
	padding: 10px 0;
	background: linear-gradient(90deg, #1f68a9, #2793ca);
}

.breadcrumb span {
	font-size: 12px;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
}

.breadcrumb a {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	margin-right: 16px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.breadcrumb a:hover {
	color: rgba(255, 255, 255, .7);
}

.breadcrumb a::after {
	content: '>';
	font-size: 12px;
	color: #fff;
	width: 16px;
	text-align: center;
	position: absolute;
	right: -16px;
	top: 0;
}

.breadcrumb a:last-child {
	margin-right: 0;
	color: #fff;
}

.breadcrumb a:last-child::after {
	display: none;
}

@media (min-width: 768px) {
	.breadcrumb {
		padding: 17px 0;
	}

	.breadcrumb span {
		font-size: 16px;
		padding-left: 20px;
		background-size: 13px auto;
	}

	.breadcrumb a {
		font-size: 16px;
		margin-right: 30px;
	}

	.breadcrumb a::after {
		font-size: 16px;
		width: 30px;
		right: -30px;
	}
}

/*breadcrumb - end */

/*product-detail - start*/
.product-detail {
	padding: 60px 0;
	background: #f7f7f7;
}

.pro-detail {
	background: #fff;
	padding: .35rem;
}

.jqzoom {
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}

.jqzoom img {
	width: 100%;
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 365px;
	height: 300px;
	background: #ffffff;
	display: none;
	text-align: center;
	overflow: hidden;
	border: 1px solid #ECECEC;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

.spec-scroll {
	margin-top: 25px;
}

.spec-scroll .items {
	margin: 0 40px;
	position: relative;
	height: 58px;
	overflow: hidden;
}

.spec-scroll #itemsUl {
	position: absolute;
	width: 999999px;
	height: 58px;
}

#itemsUl li {
	float: left;
	width: 82px;
	height: 58px;
	text-align: center;
	margin-right: 8px;
	background: #fff;
	border: 2px solid #e3e3e3;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#itemsUl li.hover {
	border-color: var(--primary-color);
}

#itemsUl li img {
	width: 100%;
	height: 100%;
}

.spec-scroll .prev,
.spec-scroll .next {
	width: 20px;
	height: 58px;
	font-size: 32px;
	line-height: 58px;
	color: #bebebe;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.spec-scroll .prev {
	float: left;
	text-align: left;
}

.spec-scroll .next {
	float: right;
	text-align: right;
}

.spec-scroll .prev:hover,
.spec-scroll .next:hover {
	color: var(--primary-color);
}

.pro-detail-right {
	margin-top: 30px;
}

.pro-detail-right h3 {
	font-size: 20px;
	line-height: 1.2;
	/* border-bottom: 1px solid #dfdfdf; */
	/* padding-bottom: 20px; */
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%;
	white-space: nowrap;
}

.pro-detail-right .pro-des {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	margin-top: 10px;
	width: 85%;
}

.product-caoz {
	margin-top: 17px;
}

.btn-xwkf {
	display: inline-block;
	font-size: 12px;
	line-height: 26px;
	background: #1f68a9;
	padding: 8px 25px;
	color: #fff;
	border: 1px solid #1f68a9;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-xwkf img {
	margin-right: 8px;
}

.btn-xwkf:hover {
	transform: translateY(-5px);
}

.pro-detail-right .product-share {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 20px;
}

.pro-detail-right .product-share .icon-share {
	margin-right: 10px;
	font-size: 16px;
	color: #666;
}

.product-share .social-share .social-share-icon {
	font-size: 16px;
}

.product-share .social-share .icon-weibo {
	color: #fff;
	background: #da3c3c;
}

.product-share .social-share .icon-wechat {
	color: #fff;
	background: #21ba41;
}

.product-share .social-share .icon-qq {
	color: #fff;
	background: #3e91ee;
}

.product-share .social-share .icon-linkedin {
	color: #fff;
	background: #234980;
}

.product-share .social-share .icon-qzone {
	color: #fff;
	background: #f4c50b;
}

.detail-page {
	text-align: left;
	margin-bottom: .2rem;
}

.btn-page {
	display: inline-block;
	font-size: 12px;
	color: #666;
	padding: 0 20px;
	line-height: 38px;
	margin-right: 6px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: #f7f7f7;
}

/* .btn-page .fa-angle-left {
	margin-right: 6px;
} */

/* .btn-page .fa-angle-right {
	margin-left: 6px;
} */

.btn-back {
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url(/images/icon-back.png) no-repeat center #f7f7f7;
	background-size: cover;
	margin-right: 6px;
	cursor: pointer;
	vertical-align: middle;
}

.btn-page:hover {
	background: #1f68a9;
	color: #fff;
}

.detail-simg {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	width: 85%;
	padding: 18px 0;
	font-size: 0;
	margin-top: 15px;
}

.detail-simg img {
	margin-left: 15px;
}

@media (min-width: 768px) {
	.pro-detail-left {
		width: 526px;
		margin: 0 auto;
	}

	.pro-detail-right h3 {
		font-size: 30px;
	}

	.pro-detail-right .pro-des {
		font-size: 14px;
		line-height: 26px;
	}

	.product-caoz {
		margin-top: 40px;
	}

	.btn-xwkf {
		font-size: 16px;
		line-height: 50px;
		padding: 0 35px;
	}

	.btn-xwkf img {
		margin-right: 13px;
	}

	.btn-page {
		font-size: 14px;
		padding: 0 15px;
		line-height: 42px;
		margin-right: 8px;
	}

	/* .btn-page .fa-angle-left {
		margin-right: 8px;
	}
	
	.btn-page .fa-angle-right {
		margin-left: 8px;
	} */

	.btn-back {
		width: 42px;
		height: 42px;
		margin-right: 8px;
	}

}

@media (min-width: 992px) {
	.pro-detail-right h3 {
		/* padding-bottom: 30px; */
	}

	.product-detail {
		padding: 75px 0;
	}

	.pro-detail-left {
		float: left;
		width: 424px;
	}

	.spec-preview {
		width: 424px;
		height: 300px;
	}

	.jqzoom {
		width: 424px;
		height: 300px;
	}

	.jqzoom img {
		width: 100%;
		height: 100%;
	}

	.jqzoom .jqzoom-des {
		font-size: 16px;
		padding: 10px 0;
	}

	.spec-scroll .items {
		margin: 0 48px;
		height: 72px;
	}

	.spec-scroll #itemsUl {
		height: 72px;
	}

	#itemsUl li {
		width: 100px;
		height: 72px;
		margin-right: 10px;
	}

	#itemsUl li:hover {
		border-color: var(--primary-color);
	}

	.pro-detail-right {
		float: right;
		width: 450px;
		margin-top: 0;
	}

	.spec-scroll .prev,
	.spec-scroll .next {
		width: 20px;
		height: 72px;
		font-size: 46px;
		line-height: 72px;
	}

	.pro-detail-right .scrollbar-y {
		height: 75px;
	}

	.pro-detail-right .pro-des {
		margin-top: 25px;
		font-size: 16px;
	}

	.pro-detail-right .product-share {
		margin-top: 26px;
	}

	.detail-simg {
		margin-top: 45px;
	}

	.detail-page {
		text-align: right;
		margin-bottom: 0;
	}
}

@media (min-width: 1260px) {
	.product-detail {
		padding: 95px 0;
	}

	.pro-detail-left {
		float: left;
		width: 530px;
		margin-top: 4%;
	}

	.spec-preview {
		width: 530px;
		height: 300px;
	}

	.jqzoom {
		width: 530px;
		height: 300px;
	}

	.jqzoom img {
		width: 100%;
		height: 100%;
	}

	.spec-scroll .items {
		margin: 0 60px;
		height: 90px;
	}

	.spec-scroll #itemsUl {
		height: 90px;
	}

	#itemsUl li {
		width: 126px;
		height: 90px;
		margin-right: 14px;
	}

	#itemsUl li:hover {
		border-color: var(--primary-color);
	}

	.pro-detail-right {
		float: right;
		width: 560px;
	}

	.spec-scroll .prev,
	.spec-scroll .next {
		width: 20px;
		height: 90px;
		font-size: 46px;
		line-height: 90px;
	}
}

@media (min-width: 1500px) {
	.btn-page {
		font-size: 20px;
		padding: 0 20px;
		line-height: 50px;
		margin-right: 10px;
	}

	/* .btn-page .fa-angle-left {
		margin-right: 10px;
	}
	
	.btn-page .fa-angle-right {
		margin-left: 10px;
	} */

	.btn-back {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
}

@media (max-width: 991px) {
	.pro-detail .detail-page {
		display: none;
	}
}

@media (max-width:767px) {

	.zoomdiv,
	.jqZoomPup {
		display: none !important;
	}

	.detail-simg {
		width: 100%;
	}
}


@media (max-width: 414px) {
	.detail-simg img {
		margin-bottom: 15px;
	}
}

/*product-detail - end*/

/*sec-menu - start*/
.sec-menu {
	background: #f5f5f5;
	height: 45px;
	padding: 0;
}

.menu-slide {
	position: relative;
}

.menu-slide .swiper-slide {
	width: auto;
}

.menu-slide .swiper-slide a {
	display: block;
	font-size: 14px;
	line-height: 45px;
	padding: 0 9px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.menu-slide .swiper-slide a::after {
	content: '';
	width: 0px;
	height: 2px;
	background: var(--primary-color);
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .5s;
	transition: all .5s;
}

.menu-slide .swiper-slide.on a {
	color: var(--primary-color);
}

.menu-slide .swiper-slide.on a::after {
	width: 100%;
}

.menu-next,
.menu-prev {
	display: none;
	width: 30px;
	height: 70px;
	font-size: 14px;
	line-height: 45px;
	text-align: center;
	color: #666;
	position: absolute;
	top: 0;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.menu-prev {
	left: -40px;
}

.menu-next {
	right: -40px;
}

.menu-next.swiper-button-disabled,
.menu-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.sec-menu.fixe .menu-fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	background: #fff;
	width: 100%;
	box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
	.sec-menu {
		height: 60px;
	}

	.menu-slide .swiper-slide a {
		font-size: 16px;
		line-height: 60px;
		padding: 0 10px;
	}

	.menu-next,
	.menu-prev {
		font-size: 18px;
		line-height: 60px;
	}

	.menu-slide .swiper-slide a:hover {
		color: var(--primary-color);
	}

	.menu-next:hover,
	.menu-prev:hover {
		color: var(--primary-color);
	}
}

@media (min-width: 1500px) {
	.sec-menu {
		height: 70px;
	}

	.menu-slide .swiper-slide a {
		font-size: 18px;
		line-height: 70px;
		padding: 0 12px;
	}

	.menu-next,
	.menu-prev {
		line-height: 70px;
	}
}

/*sec-menu - end*/

/* detail-menu start*/
.detail-menu.sec-menu {
	background: url(/images/bg2.jpg);
	position: sticky;
	top: 0;
	z-index: 50;
}

.detail-menu .menu-slide .swiper-slide a {
	color: #fff;
	position: relative;
}

.detail-menu .menu-slide .swiper-slide a::before {
	position: absolute;
	content: "";
	height: 22px;
	width: 1px;
	background: #528fb8;
	top: 50%;
	right: -20%;
	transform: translateY(-50%);
}

.detail-menu .menu-slide .swiper-slide:nth-last-child(1) a::before {
	display: none;
}

@media (max-width: 768px) {
	.detail-menu .menu-slide .swiper-slide a::before {
		right: 0;
	}
}

/* detail-menu end*/

/* Detail-box start */
.detail-box .detail-item:nth-child(1){
	padding-top: 0;
}
.detail-box .detail-item {
	display: block;
	padding-top: 70px;
}

.detail-box .detail-item.on {
	display: block;
}

.table-wrap::-webkit-scrollbar {
		height: 3px;
    background-color: #1f68a9;
    border-radius: 30px;
}

.table-wrap::-webkit-scrollbar-track {
    border-radius: 30px;
    background-color:#999999;
}

.table-wrap::-webkit-scrollbar-thumb {
    border-radius: 60px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #1f68a9;
}

.detail-table{
	width: 100%;
	min-width: 768px;
}

.detail-table .t_header{
	text-align: left;
	line-height: 50px;
	background: #f6f6f7;
	color: #666;
	font-size: 16px;
}

.detail-table .t_header th{
	font-weight: inherit;
}

.detail-table .t_header th:not(:last-child){
	padding-left: 6%;
}

.detail-table .tr_header{
	background: #f0faff;
}


.detail-table tr{
	line-height: 30px;
}

.detail-table tr:not(.tr_header){
	background: #f6f6f7;
}

.detail-table td{
	border: 2px solid #fff;
	font-size: 14px;
	color: #666;
	width: 33.333333%;
	padding-left: 6%;
}

.detail-table td.text-center{
	padding-left: 0;
}

.detail-item p{
	font-size: 16px;
	margin-bottom: 1em;
}

.detail-item img{
	max-width: 100%;
	margin-bottom: 1em;
}


@media (max-width: 991px) {
	.table-wrap{
		overflow-y: auto;
	}
}

/* Detail-box end */


/* 产品推荐 start */
.sec-rec {
	position: relative;
}

.sec-rec .swiper-container {
	width: 63%;
}

.sec-rec .swiper-button-prev,
.sec-rec .swiper-button-next {
	background-image: none;
	width: 30px;
	height: 30px;
	line-height: 24px;
	border-radius: 50%;
	border: 1px solid #00539d;
	text-align: center;
	font-size: .2rem;
}

.sec-rec .swiper-button-prev i,
.sec-rec .swiper-button-next i {
	color: #00539d;
}

.sec-rec .swiper-button-prev {
	left: 12%;
}

.sec-rec .swiper-button-next {
	right: 12%;
}

@media (min-width: 992px) {

	.sec-rec .swiper-button-prev,
	.sec-rec .swiper-button-next {
		width: 50px;
		height: 50px;
		line-height: 46px;
		font-size: .25rem;
	}
}

@media (min-width: 1500px) {

	.sec-rec .swiper-button-prev,
	.sec-rec .swiper-button-next {
		width: 66px;
		height: 66px;
		line-height: 60px;
		font-size: .3rem;
	}
}

@media (max-width: 414px) {
	.sec-rec .swiper-button-prev {
		left: 5%;
	}

	.sec-rec .swiper-button-next {
		right: 5%;
	}
}

/* 产品推荐 end */

/* 解决方案列表 start */
.sec-case {
	background: #f7f8f9;
}

.case-item {
	display: block;
	box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	margin-bottom: .35rem;
	transition: .5s ease;
}

.case-item:hover {
	transform: translateY(-10px);
}

.c-img {
	width: 100%;
	overflow: hidden;
}

.c-img img {
	width: 100%;
}

.c-cont {
	width: 100%;
	padding: 4% 4%;
	background: #fafafa;
}

.c-cont h3 {
	color: #00539d;
	font-size: .22rem;
}

.c-cont .hr {
	width: 32px;
	height: 4px;
	background: #00539d;
	margin: 20px 0;
}

.c-cont ._p {
	font-size: 16px;
	color: rgba(12, 50, 85, .65);
	margin-bottom: .48rem;
}


.case-item:nth-child(even) .c-cont {
	background: url(/images/case-bg.jpg) no-repeat;
	background-size: cover;
}

.case-item:nth-child(even) .c-cont h3 {
	color: #fff;
}

.case-item:nth-child(even) .c-cont ._p {
	color: rgba(255, 255, 255, .66);
}

.case-item:nth-child(even) .c-cont .hr {
	background: #fff;
}

.learn-btn button {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: .17rem .35rem;
	background: #fff;
	cursor: pointer;
	color: #00539d;
	font-size: 14px;
	transition: .3s;
}

.learn-btn button::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: #00539d;
	transition: .5s;
}

.learn-btn button:hover::before {
	width: 100%;
}

.learn-btn button span {
	margin-left: 8px;
	font-size: 18px;
	color: #00539d;
	font-weight: 700;
	font-family: "dim";
	transition: .3s;
}

.learn-btn button:hover span,
.learn-btn button:hover {
	color: #fff;
}


@media (min-width: 992px) {
	.case-item {
		display: flex;
		flex-direction: row;
	}

	.case-item:nth-child(even) {
		flex-direction: row-reverse;
	}

	.c-img {
		width: unset;
		flex: 1;
	}

	.c-cont {
		width: unset;
		padding: 3% 3%;
		flex: 0 0 360px;
	}

	.c-cont ._p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		margin-bottom: .5rem;
	}

	.learn-btn button {
		padding: .15rem .3rem;
	}
}

@media (min-width: 1260px) {
	.c-cont {
		padding: 4% 4%;
	}

	.c-cont h3 {
		font-size: .24rem;
	}

	.c-cont .hr {
		margin: 30px 0;
	}

	.c-cont ._p {
		margin-bottom: .6rem;
	}
}

@media (max-width: 414px) {
	.case-item:nth-child(even) .c-cont {
	    background: none;
	}
	
	.case-item:nth-child(even) .c-cont h3 {
	    color: #00539d;
	}
	
	.case-item:nth-child(even) .c-cont .hr {
	    background: #00539d;
	}
	
	.case-item:nth-child(even) .c-cont ._p {
	    color: rgba(12, 50, 85, .65);
	}
	
	
}

/* 解决方案列表 end */

/* 解决方案详情 start */
.case-rec .case-list {
	margin-top: .35rem;
}

.case-detail {
	background: url(/images/case-bg2.jpg) no-repeat center bottom /cover;
}

.case-detail .pro-detail {
	background: transparent;
	padding: 0;
}

.case-detail .pro-detail-right h3 {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 20px;
	color: #00539d;
}

.case-detail .pro-detail-right .pro-des {
	width: 100%;
}

@media (min-width: 992px) {
	.case-detail .pro-detail-right h3 {
		padding-bottom: 30px;
	}

	.case-detail .pro-detail-right .scrollbar-y {
		height: 100px;
	}
}

@media (min-width: 1260px) {
	.case-detail .spec-preview {
		width: 616px;
		height: 359px;
	}

	.case-detail .jqzoom {
		width: 616px;
		height: 359px;
	}

	.case-detail .pro-detail-left {
		width: 616px;
	}

	.case-detail .spec-scroll .items {
		margin: 0 105px;
	}

	.case-detail .spec-scroll .prev {
		margin-left: 7%;
	}

	.case-detail .spec-scroll .next {
		margin-right: 7%;
	}

	.case-detail .pro-detail-right {
		width: 521px;
	}
}

/* 解决方案详情 end */

/* detail工程案例 start */
.d-gcal-list li {
	float: left;
	width: 49%;
	position: relative;
	margin-bottom: 2%;
	overflow: hidden;
}

.d-gcal-list li:nth-child(1) {
	width: 100%;
}

.d-gcal-list li.mr {
	margin-right: 2%;
}

.d-gcal-list li .img {
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 82.3%;
}

.d-gcal-list li:nth-child(1) .img {
	padding-bottom: 84.584565%;
}

.d-gcal-list li .img img {
	width: 100%;
	transition: .5s;
}

.d-gcal-list li .info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0, 83, 157, .88);
	transition: .5s;
}

@media (min-width: 992px) {
	.d-gcal-list {
		height: 390px;
	}

	.d-gcal-list li {
		width: 24.5%;
		margin-bottom: 1%;
		height: 49%;
	}

	.d-gcal-list li:nth-child(1) {
		width: 49%;
		margin-right: 1%;
		margin-bottom: 0;
		height: 100%;
	}

	.d-gcal-list li:nth-child(4),
	.d-gcal-list li:nth-child(5) {
		margin-bottom: 0;
	}

	.d-gcal-list li.mr {
		margin-right: 1%;
	}

	.d-gcal-list li:hover .img img {
		transform: scale(1.05);
	}

	.d-gcal-list li .info {
		bottom: -250px;
	}

	.d-gcal-list li:hover .info {
		bottom: 0;
	}
}

@media (min-width: 1260px) {
	.d-gcal-list {
		height: 500px;
	}

	.d-gcal-list li .img {
		padding-bottom: 82.3%;
	}

	.d-gcal-list li:nth-child(1) .img {
		padding-bottom: 85.584565%;
	}

}

/* detail工程案例 end */

/* 案例推荐 start */
.case-rec {
	background: #f6f6f7;
}

.case-rec .case-item:hover {
	transform: translateY(0);
}

.case-rec .swiper-pagination {
	bottom: 0;
}

/* 案例推荐 end */

/* video-list start */
.video-list {
	margin-bottom: 40px;
}

.video-list .row {
	margin: 0 -5px;
}

.video-list .col-xs-6,
.video-list .col-sm-4 {
	padding: 0 5px;
}

.video-item {
	display: block;
	overflow: hidden;
	background: #999;
	position: relative;
	margin-bottom: 20px;
}

.video-item .m-img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66.84210526315789%;
	overflow: hidden;
}

.video-item .m-img img {
	width: 100%;
}

.video-item .m-mark {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .15);
	z-index: 4;
}

.video-item .m-mark .m-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .6);
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.video-item .m-cont {
	background: #1f68a9;
	padding: 0 15px;
}

.video-item .m-name {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.video-item:hover .m-mark .m-icon {
	background: #1f68a9;
	color: #fff;
}

@media (min-width: 768px) {
	.video-list {
		margin-bottom: 55px;
	}

	.video-list .row {
		margin: 0 -15px;
	}

	.video-list .col-xs-6,
	.video-list .col-sm-4 {
		padding: 0 15px;
	}

	.video-item {
		margin-bottom: 30px;
	}

	.video-item .m-img img {
		-webkit-transition: all .8s;
		transition: all .8s;
	}

	.video-item .m-mark .m-icon {
		width: 60px;
		height: 60px;
		font-size: 18px;
		line-height: 60px;
		margin-left: -30px;
		margin-top: -30px;
	}

	.video-item .m-cont {
		padding: 0 30px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 8;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	.video-item .m-name {
		font-size: 16px;
		line-height: 40px;
	}

	.video-item:hover .m-img img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

	.video-item:hover .m-cont {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/* video-list end */

/* 方案图 start */
.d-fa-box {
	background: #efefef;
	padding: 30px;
}

.d-fa-box>* {
	font-size: 16px;
	margin-bottom: 15px;
}

.d-fa-box > img{
	max-width: 100%;
}

/* 方案图 end */

/* 文件下载 start */
.down-search {
	width: 60%;
	border-bottom: 1px solid #dcdcdc;
	margin: 35px auto 0;
	font-size: 0;
}

.down-search input {
	font-size: 16px;
	width: 80%;
	padding: 17px 0 17px 25px;
	color: #999;
}

.down-search button {
	padding: 15px;
	font-size: 20px;
	float: right;
	cursor: pointer;
	color: #535353;
}

.type-btn {
	margin-top: .38rem;
	font-size: 0;
}

.type-btn ul li {
	float: left;
	padding: 16px 30px;
	font-size: 16px;
	cursor: pointer;
}

.type-btn ul li.on,
.type-btn ul li:hover {
	background: linear-gradient(90deg, #00539d, #0f87c5);
	color: #fff;
}

.down-list {
	margin-top: .35rem;
}

.down-list .row .col-xs-6,
.down-list .row .col-md-3 {
	padding: 0 7.5px;
}

.down-item {
	display: block;
	border: 1px solid #cfcfcf;
	padding: 30px;
	margin-bottom: .14rem;
}

.down-item:hover {
	border-color: #075295;
}

.down-item .d-icon {
	margin-bottom: 20px;
}

.down-item .d-cont .name {
	color: #075295;
	font-size: .18rem;
}

.down-item .d-cont .time {
	color: #666;
	font-size: .14rem;
	font-family: "akz";
	padding-left: 25px;
	background: url(/images/timeIcon.png) no-repeat left center;
	margin-top: .16rem;
}

.down-item .d-btn {
	display: inline-block;
	font-size: .14rem;
	color: #666;
	background: #dcdcdc;
	padding: 10px 15px;
	margin-top: .45rem;
}

.down-item:hover .d-btn {
	background: #075295;
	color: #fff;
}

.down-item .d-btn i {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	background: url(/images/downIcon2.png);
	background-repeat: no-repeat;
}

.down-item:hover .d-btn i {
	background: url(/images/downIcon.png);
}

@media (max-width: 414px) {
	.down-search {
		width: 100%;
	}

	.type-btn ul li {
		width: 100%;
	}
}

/* 文件下载 end */

/* 售后保修 start */
.sec-sale {
	background: #f7f8f9;
}

.sec-sale .address {
	text-align: center;
	line-height: 2;
	margin-top: .3rem;
	font-size: .18rem;
}

.sec-sale .address img {
	margin-right: 10px;
}

.sec-sale .tel {
	text-align: center;
	line-height: 2;
	font-size: .18rem;
}

.sec-sale .tel img {
	margin-right: 10px;
}

.sec-sale .form1 {
	margin-top: .4rem;
	font-size: 0;
	color: #999;
}

.sec-sale .form1 input[type="text"] {
	width: 49%;
	border: 1px solid #dcdcdc;
	padding: .2rem .3rem;
	margin-bottom: 2%;
	background: #fff;
	font-size: .18rem;
}

.sec-sale .form1 input[type="text"]:nth-child(odd) {
	margin-right: 2%;
}

.sec-sale .form1 textarea {
	border: 1px solid #dcdcdc;
	width: 100%;
	padding: .2rem .3rem;
	background: #fff;
	font-size: .18rem;
	color: #999;
}

.sec-sale .form1 button {
	margin: 0 auto;
	background: #075295;
	color: #fff;
	font-size: .18rem;
	padding: 20px 60px;
	margin-top: 4%;
	cursor: pointer;
}

@media (max-width: 414px) {
	.sec-sale .form1 input[type="text"] {
		width: 100%;
	}

	.sec-sale .form1 input[type="text"]:nth-child(odd) {
		margin-right: 0;
	}
}

/* 售后保修 end */

/* 客户支持案例分享 start */
.title-hr {
	position: relative;
}

.title-hr::before {
	position: absolute;
	content: "";
	height: 7px;
	width: 54px;
	background: #00539d;
	left: 50%;
	bottom: -35px;
	transform: translateX(-50%);
}

.service-case-box {
	margin-top: .8rem;
}


.service-case-top {
	height: 570px;
}

.service-case-top li {
	float: left;
	height: 275px;
	width: 382px;
	margin-bottom: 20px;
	font-size: 0;
}

.service-case-top li.single {
	margin-bottom: 0;
	margin-right: 20px;
	width: 792px;
	height: 570px;
}

.service-case-top li:nth-last-child(1) {
	margin-bottom: 0;
}

.secvice-case-item {
	display: block;
	position: relative;
}

.secvice-case-item .s-img {
	overflow: hidden;
}

.secvice-case-item .s-img img {
	width: 100%;
}

.secvice-case-item .s-cont {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	color: #fff;
	padding: .2rem .3rem .17rem .3rem;
	transition: .5s;
}

.secvice-case-item:hover .s-cont {
	background: rgba(4, 81, 144, .7);
}

.secvice-case-item .s-cont h4 {
	font-size: .22rem;
	margin-bottom: .17rem;
}

.secvice-case-item .s-cont p {
	font-size: .14rem;
}

.service-case-bottom li {
	float: left;
	height: 275px;
	width: 385px;
	margin-top: 20px;
}

.service-case-bottom li:not(:nth-last-child(1)) {
	margin-right: 20px;
}

@media (max-width: 1259px) {
	.service-case-top {
		height: unset;
	}

	.service-case-top li {
		height: unset;
		width: 49%;
		margin-bottom: 2%;
	}

	.service-case-top li.single {
		margin-bottom: 2%;
		margin-right: 0;
		width: 100%;
		height: unset;
	}

	.service-case-top li:nth-child(2) {
		margin-right: 2%;
	}

	.service-case-bottom li:not(:nth-last-child(1)) {
		margin-right: unset;
	}

	.service-case-bottom li {
		height: unset;
		width: 49%;
		margin-top: 0%;
		margin-bottom: 2%;
		margin-right: 2% !important;
	}

	.service-case-bottom li:nth-child(even) {
		margin-right: 0 !important;
	}
}

/* 客户支持案例分享 end */
/*pagination start*/
.pagination {
	text-align: center;
	font-size: 0;
	margin-top: 50px;
	margin-bottom: 20px;
}

.pagination a {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	font-size: .16rem;
	line-height: 30px;
	text-align: center;
	color: #666;
	cursor: pointer;
	margin: 2px 12px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pagination a.page-left,
.pagination a.page-right {
	width: auto;
	font-size: .16rem;
	color: #333;
	line-height: 32px;
	width: 32px;
	height: 32px;
	border: 1px solid #d7d7d7;
}

.pagination a i {
	color: #666;
	font-size: .16rem;
	vertical-align: initial;
}

.pagination a.page-left {
	margin-right: 1%;
}

.pagination a.page-right {
	margin-left: 1%;
}

.pagination a:hover,
.pagination a.on {
	background: var(--primary-color);
	color: #fff;
	-webkit-box-shadow: 0 3px 30px 0 rgba(255, 0, 0, .16);
	box-shadow: 0 3px 30px 0 rgba(255, 0, 0, .16);
}

.pagination a.page-left:hover,
.pagination a.page-right:hover {
	background: transparent;
	color: #1a5f96;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination a.page-left:hover i,
.pagination a.page-right:hover i {
	color: #1a5f96;
}

@media (max-width: 414px) {
	.pagination a.page-left {
		margin-right: 2%;
	}

	.pagination a.page-right {
		margin-left: 2%;
	}

	.pagination a {
		margin: 2px 4px;
	}
}

/* pagination end */

/* 分享案例详情 start */
.share-caseDetail-title {
	font-size: .34rem;
}

.share-caseDetail-time {
	font-size: .16rem;
	font-family: "akz1";
	color: #999;
	margin: 15px 0;
}




.fc-box {
	margin-top: .45rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.fc-box .fc-l {
	width: 23%;
	height: 514px;
	position: relative;
	padding: 30px 0;
}

.fc-l .abt-thumbs {
	height: 100%;
	padding: 0;
	padding: 0 15px;
	overflow: hidden;
}

.abt-thumbs .swiper-slide {
	cursor: pointer;
}

.rd1-pic {
	position: relative;
}

.rd1-pic img {
	display: block;
	width: 100%;
}

.fc-l .abt-thumbs .swiper-slide.active-nav .rd1-pic {
	border: 5px solid #1b8dce;
	border-radius: 5px;
}

.fc-l .abt-next {
	top: auto;
	bottom: -26px;
	left: 50%;
	margin-left: -26px;
	width: 52px;
	height: 52px;
	background: url(/images/down2.png) no-repeat center;
	text-align: center;
	line-height: 52px;
	color: #000;
	border-radius: 50%;
	z-index: 3;
	transition: all 0.4s;
}

.fc-l .abt-prev {
	top: -4px;
	left: 50%;
	margin-left: -26px;
	width: 52px;
	height: 52px;
	background: url(/images/up2.png) no-repeat center;
	text-align: center;
	line-height: 52px;
	color: #000;
	border-radius: 50%;
	z-index: 3;
	transition: all 0.4s;
}

.fc-l .abt-prev:hover {
	background: url(/images/up2-h.png) no-repeat center;
	color: #fff;
}

.fc-l .abt-next:hover {
	background: url(/images/down2-h.png) no-repeat center;
	color: #fff;
}


.fc-box .fc-r {
	height: 514px;
	width: 74%;
	position: relative;
}

.fc-r .abt-top {
	height: 100%;
	overflow: hidden;
}

.fc-r .abt-top .rd1-desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.72);
	padding: 0 20px;
}

.fc-r .abt-top .rd1-desc p {
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 13px 0;
}

.fc-r .swiper-pagination {
	display: none;
}

@media (max-width: 1259px) {
	.fc-box .fc-l {
		height: 451px;
	}

	.fc-box .fc-r {
		height: 451px;
	}
}

@media (max-width: 991px) {
	.fc-box {
		padding-bottom: 30px;
	}

	.fc-box .fc-l {
		display: none;
	}

	.fc-box .fc-r {
		width: 100%;
		height: auto;
	}

	.fc-r .swiper-pagination {
		display: block;
		bottom: -40px;
		width: 100%;
		text-align: center;
	}

	.fc-r .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0px 5px;
		background: transparent;
		border: 2px solid #ccc;
	}

	.fc-r .swiper-pagination-bullet-active {
		border-color: #1786c8;
	}
}

/* 分享案例详情文本 */
.sec-share-caseDetail .cont {
	margin-top: .6rem;
}

.sec-share-caseDetail .cont p {
	font-size: .16rem;
	color: #777;
	text-indent: 2em;
	line-height: 2;
	margin: 13px 0;
}

.p-btn .p-back {
	display: inline-block;
	padding-left: 25px;
	margin-top: .1rem;
	background: url(/images/backIcon.png) no-repeat left center;
	font-size: .16rem;
}

.p-btn .social-share {
	display: inline-block;
}

.p-btn .social-icon .social-share .icon-weibo,
.p-btn .social-icon .social-share .icon-wechat {
	color: #333;
	border-color: transparent;
}

.p-btn .social-share .icon-wechat:hover {
	background: transparent;
}

.p-btn .social-icon p {
	font-size: 12px;
}


.p-btn-page {
	margin-top: .35rem;
	font-size: 0;
}

.p-btn-page a {
	display: inline-block;
	width: 49.8%;
	font-size: .16rem;
	color: #fff;
	text-align: center;
	line-height: .55rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 15px;
}

.p-btn-page a.page-prev {
	background: #000;
}

.p-btn-page a.page-next {
	background: #075295;
	float: right;
}

@media (max-width: 414px) {
	.sec-share-caseDetail .cont {
		margin-top: 0.35rem;
	}
}

/* 分享案例详情 end */

/* 分享案例案例推荐 start */
.shareCase-rec {
	background: #f7f7f7;
}

.shareCase-rec-box {
	margin-top: .55rem;
}

.shareCase-rec-item {
	display: block;
	position: relative;
}

.shareCase-rec-item .sc-img {
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 69.41545515%;
}

.shareCase-rec-item .sc-img img {
	width: 100%;
	transition: .5s;
}

.shareCase-rec-item:hover .sc-img img {
	transform: scale(1.1);
}

.shareCase-rec-item .sc-cont {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	padding: 0 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* 分享案例案例推荐 end */

/* 售后服务 start */
.shfw-ul {
	width: 1200px;
}

.shfw-ul li {
	float: left;
	width: 587px;
	height: 282px;
	position: relative;
}

.shfw-ul li .shfw-item {
	display: block;
}

.shfw-ul li.single {
	height: 588px;
	margin-right: 25px;
}

.shfw-ul li:nth-child(2) {
	margin-bottom: 25px;
}

.shfw-ul li .shfw-img {
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 47.9%;
}

.shfw-ul li.single .shfw-img {
	padding-bottom: 99.9999999999%;
}

.shfw-ul li .shfw-img img {
	width: 100%;
	transition: .5s;
}

.shfw-ul li .shfw-cont {
	position: absolute;
	top: 0;
	left: 0;
	padding: .7rem .4rem;
	height: 100%;
	width: 100%;
}

.shfw-ul li .shfw-cont h1 {
	font-size: .22rem;
	color: #fff;
	margin-bottom: .28rem;
}

.shfw-ul li .shfw-cont p {
	font-size: .16rem;
	color: #fff;
}

.shfw-ul li.single .shfw-cont h1 {
	font-size: .3rem;
	margin-bottom: .38rem;
}

.shfw-ul li.single .shfw-cont p {
	font-size: .18rem;
}

.shfw-ul li:nth-child(2) .shfw-cont {
	width: 60%;
	background: rgba(18, 98, 146, .85);
}

.shfw-item:hover .shfw-img img {
	transform: scale(1.1);
}

@media (max-width: 1259px) {
	.shfw-ul {
		width: 940px;
	}

	.shfw-ul li {
		width: 457px;
		height: 216px;
	}

	.shfw-ul li.single {
		height: 457px;
	}

	.shfw-ul li .shfw-img {
		padding-bottom: 47.2%;
	}

	.shfw-ul li .shfw-cont {
		padding: .5rem .4rem;
	}
}

@media (max-width: 991px) {
	.shfw-ul {
		width: unset;
	}

	.shfw-ul li {
		width: 100%;
		height: unset;
	}

	.shfw-ul li.single {
		height: unset;
		margin-right: 0;
		margin-bottom: .15rem;
	}

	.shfw-ul li:nth-child(2) {
		margin-bottom: .15rem;
	}

	.shfw-ul li:nth-child(2) .shfw-cont,
	.shfw-ul li:nth-child(3) .shfw-cont {
		padding: .3rem .4rem;
	}

	.shfw-ul li .shfw-cont h1 {
		margin-bottom: .2rem;
	}
}

/* 售后服务 end */

/* 服务中心常见问题 start */
.sec-cjwt {
	background: #f7f7f7;
}

.sec-cjwt .down-search {
	width: 50%;
	border-bottom: none;
	background: #fff;
}

.cjwt-list {
	margin-top: .45rem;
}

.cjwt-item {
	position: relative;
	cursor: pointer;
	height: 462px;
	perspective: 1000px;
	margin-bottom: .35rem;
}

.cjwt-item>div {
	padding: .6rem .35rem;
	height: 462px;
	background: #fff;
}

.cjwt-item>div::before {
	position: absolute;
	content: "";
	width: 78px;
	height: 116px;
	right: .35rem;
	bottom: 0;
}

.cjwt-item>div:nth-child(1)::before {
	background: url(/images/img7.png) no-repeat;
}

.cjwt-item>div:nth-child(2)::before {
	background: url(/images/img7-h.png) no-repeat;
}

.cjwt-item .cover {
	position: absolute;
	transform: rotateY(0deg);
	transition: transform .5s ease-in-out;
}

.cjwt-item .cover h3 {
	font-size: .22rem;
}

.cjwt-item .cover h3 span {
	color: #075295;
}

.cjwt-item .cover ._p {
	font-size: .16rem;
	color: #666;
	margin-top: 70px;
	height: 137px;
}

.cjwt-item .cover ._p p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.open-btn {
	font-size: .16rem;
	display: inline-block;
	cursor: pointer;
	transition: .5s;
	font-weight: 500;
	margin-bottom: 25px;
}

.open-btn i.fa {
	color: #003f88;
	margin-left: .2rem;
	font-size: 18px;
	transition: .5s;
}

.open-btn:hover {
	color: #003f88;
}

.open-btn:hover i.fa {
	transform: translateX(8px);
}

.cjwt-item .back {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotateY(-180deg);
	backface-visibility: hidden;
	transition: transform .5s ease-in-out;
}

.cjwt-item .back .reverse_p {
	height: 220px;
	min-height: 220px;
	font-size: .16rem;
	color: #666;
}

.back-btn {
	display: inline-block;
	font-size: .16rem;
	transition: .5s;
	margin-top: 35px;
	margin-bottom: 26px;
	cursor: pointer;
}

.back-btn i.fa {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #075295;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
	color: #fff;
	margin-left: 5px;
}

.back-btn:hover {
	color: #075295;
}

.cjwt-item.on .cover {
	transform: rotateY(180deg);
}

.cjwt-item.on .back {
	transform: rotateY(0deg);
}


@media (max-width: 768px) {
	.sec-cjwt .down-search {
		width: 85%;
	}
}
/* 服务中心常见问题 end */

/* 服务中心视频专区 start */
.sec-service-video .video-item {
	background: transparent;
}

.sec-service-video .video-item .m-img {
	padding-bottom: 61.842105%;
}

.sec-service-video .video-item .m-cont {
	position: unset;
	transform: translateY(0);
	background: transparent;
	text-align: center;
}

.sec-service-video .video-item .m-name {
	color: #333;
	line-height: 40px;
}

.sec-service-video .video-item .m-mark .m-icon {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .6);
	color: #fff;
}

@media (min-width: 768px) {
	.sec-service-video .video-item .m-name {
		line-height: 50px;
	}
}

/* 服务中心视频专区 end */

/* subbner menu start */
.btn-wrapper .menu-slide .swiper-slide a {
	color: #fff;
	line-height: 40px;
}

.btn-wrapper .menu-slide .swiper-slide.on a {
	background: linear-gradient(90deg, #1c91d2, #01559e);
}

.btn-wrapper .menu-slide .swiper-slide.on a::after {
	display: none;
}

@media (min-width: 768px) {
	.btn-wrapper .menu-slide .swiper-slide a {
		line-height: 45px;
		padding: 0 20px;
	}
}

@media (min-width: 1500px) {
	.btn-wrapper .menu-slide .swiper-slide a {
		font-size: .16rem;
		line-height: 50px;
		padding: 0 30px;
	}
}

/* subbner menu end */

/* 关于抖圈公司介绍  start */
.inner-title2 {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #e8e8e8;
	text-transform: uppercase;
	font-family: "dim";
	font-size: .4rem;
	transform: translateY(-50%);

}

@media (min-width: 1500px) {
	.inner-title2 {
		font-size: .56rem;
	}
}

.about-js-box {
	text-align: center;
	font-size: .16rem;
}

.about-js-box .hide-text {
	display: none;
}

.about-num-list {
	margin-top: .55rem;
}

.about-num-list li {
	float: left;
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 111px;
}

.about-num-list li p {
	font-size: .16rem;
}

.about-num-list li.single strong {
	font-size: .35rem;
	font-weight: 500;
	font-family: "dim";
}

.about-num-list li strong sub {
	color: #666;
	font-size: .16rem;
	vertical-align: 3px;
}

.about-num-list li:not(:nth-last-child(1)) {
	border-right: 1px solid #e6e6e6;
}

.about-num-list li:not(.single) strong {
	font-size: .2rem;
	font-weight: 500;
}

@media (min-width: 768px) {
	.about-num-list li.single strong {
		font-size: .4rem;
	}

	.about-num-list li:not(.single) strong {
		font-size: .3rem;
	}
}

@media (min-width: 1500px) {
	.about-num-list li.single strong {
		font-size: .5rem;
	}

	.about-num-list li:not(.single) strong {
		font-size: .38rem;
	}
}

@media (max-width: 991px) {
	.about-num-list li {
		width: 33.333333333%;
		margin-bottom: .25rem;
	}

	.about-num-list li:nth-child(4),
	.about-num-list li:nth-child(5) {
		width: 50%;
		background: #00539d;
		color: #fff;
		margin-bottom: 0;
	}

	.about-num-list li:nth-child(3) {
		border-right: none;
	}
}

/* 关于抖圈公司介绍  end */

/* 关于抖圈企业文化 start */
.sec-about-wh {
	background: url(/images/img11.jpg) no-repeat center center/cover;
}

.sec-about-wh .inner-title2 {
	color: rgba(51, 51, 51, .16);
}

.about-wh-list {
	height: 793px;
	color: #fff;
}

.about-wh-list li {
	float: left;
	margin-right: 24px;
}

.about-wh-list li:nth-child(3) {
	margin-right: 0;
}

.about-wh-list li .sup,
.about-wh-list li .sub {
	position: relative;
}

.about-wh-list li .sup {
	margin-bottom: 26px;
}

.about-wh-list li:nth-child(odd) .sup {
	height: 280px;
}

.about-wh-list li:nth-child(odd) .sub {
	height: 485px;
}

.about-wh-list li:nth-child(even) .sup {
	height: 485px;
}

.about-wh-list li:nth-child(even) .sub {
	height: 280px;
}



.wh-img {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.wh-img img {
	width: 100%;
	transition: .5s;
}

.about-wh-list li .sup:hover .wh-img img,
.about-wh-list li .sub:hover .wh-img img {
	transform: scale(1.1);
}


.wh-cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 47px 34px;
}

.wh-cont h3 {
	font-size: .22rem;
	margin-bottom: .3rem;
}

.wh-cont p {
	font-size: .16rem;
}

.about-wh-list li:nth-child(even) .wh-cont {
	text-align: center;
}
@media (max-width: 1366px){
	.about-wh-list{
		height: auto;
	}
	.about-wh-list li:nth-child(even) .sup,
	.about-wh-list li:nth-child(odd) .sub {
    height: 300px;
}

}
@media (max-width: 1259px) {
	.about-wh-list {
		height: unset;
	}

	.about-wh-list li {
		margin-right: 0;
		width: 49%;
		margin-bottom: .2rem;
	}

	.about-wh-list li .sup {
		margin-bottom: .2rem;
	}

	.about-wh-list li:nth-child(1) {
		margin-right: 2%;
	}

	.about-wh-list li:nth-child(odd) .sup {
		height: 255px;
	}

	.about-wh-list li:nth-child(even) .sup {
		height: 440px;
	}

	.about-wh-list li:nth-child(odd) .sub {
		height: 440px;
	}

	.about-wh-list li:nth-child(even) .sub {
		height: 255px;
	}

	.about-wh-list li:nth-last-child(1) {
		width: 100%;
		margin-bottom: 0;
	}

	.about-wh-list li:nth-last-child(1) .sub {
		height: 255px;
		float: left;
		width: 49%;
	}

	.about-wh-list li:nth-last-child(1) .sup {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
}

@media (max-width: 768px) {

	.wh-img img {
		height: 100%;
		object-fit: cover;
	}

	.wh-cont {
		padding: .3rem .4rem;
	}

	.about-wh-list li:nth-child(odd) .sup {
		height: 200px;
	}

	.about-wh-list li:nth-child(even) .sup {
		height: 300px;
	}

	.about-wh-list li:nth-child(odd) .sub {
		height: 300px;
	}

	.about-wh-list li:nth-child(even) .sub {
		height: 200px;
	}


	.about-wh-list li:nth-last-child(1) .sub {
		width: 100%;
		height: 200px;
	}

	.about-wh-list li:nth-last-child(1) .sup {
		width: 100%;
		height: 200px;
		margin-right: 0;
	}

}

@media (max-width: 414px) {
	
	.about-wh-list li {
	    margin-bottom: 2%;
	}
	
	.about-wh-list li .sup {
	    margin-bottom: 10px;
	}
}

/* 关于抖圈企业文化 end */

/* 关于抖圈组织架构 start */
.about-zz-box {
	text-align: center;
	margin-bottom: .25rem;
}

.about-zz-box img {
	max-width: 100%;
}

/* 关于抖圈组织架构 end */

/* 关于抖圈声誉资质 start */
.sec-about-honor {
	background: url(/images/img19.jpg);
}

.honor-header .inner-title {
	color: #fff;
}

.honor-header .inner-title2 {
	color: rgba(255, 255, 255, .15);
}

.honor-header a {
	display: inline-block;
	text-align: center;
	width: 180px;
	line-height: 50px;
	border: 1px solid #dedede;
	font-size: .16rem;
	border-radius: 25px;
	color: #fff;
}

.honor-header a:first-child {
	margin-right: 15px;
}

.honor-header a.on {
	border: transparent;
	background: linear-gradient(-90deg, #128eca, #0052a2);
}

.honor-box {
	background-image: url(/images/img108.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .45rem;
}

.honor-l {
	width: 45%;
	height: 640px;
	background: rgba(173, 184, 194, 0.5);
	position: relative;
}

.honor-l .b_img {
	width: 100%;
	height: 640px;
}

.honor-l .b_img img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -58%);
	width: 62%;
}

.honor-l .img_title {
	text-align: center;
	font-size: 22px;
	font-family: "medium";
	color: #fff;
	font-weight: normal;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: #333;
}

.honor-r {
	width: 55%;
}

.honor-r .bd_r_box {
	padding: 10% 8% 0;
}

.bd_r_box .r_title {
	font-size: 30px;
	color: #333;
	margin-bottom: 20px;
}

.bd_r_box .r_text {
	margin-bottom: 40px;
}

.bd_r_box .r_text p {
	font-size: 16px;
	color: #666;
	line-height: 28px;
}

.bd_r_box .img_list {
	height: 370px;
}

.bd_r_box .img_list li {
	margin-bottom: 14px;
	float: left;
	margin-right: 3%;
	width: 30%;
	cursor: pointer;
}

.bd_r_box .img_list li.on .img_box {
	border: 2px solid #0052a2;
}

.bd_r_box .img_box {
	height: 114px;
	text-align: center;
	position: relative;
	overflow: hidden;
	border: 2px solid rgb(176, 177, 177);
}

.bd_r_box .img_box img {
	height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.honor-box:nth-of-type(3) {
	display: none;
}
@media (max-width: 1366px){
	.honor-l .b_img img{
		height: 65%;
		width: auto;
	}
	.honor-l .b_img,
	.honor-l {
    height: 505px;
}
.bd_r_box .img_list {
	height: 250px;
}
.honor-box{
	margin-top: 0;
}
.section {
	padding: .55rem 0;
}

}
@media (max-width: 767px) {
	.honor-l {
		display: none;
	}

	.honor-r {
		width: 100%;
		padding-bottom: 10%;
	}

	.honor-header a {
		width: 100px;
		line-height: 30px;
	}
}

/* 关于抖圈声誉资质 end */

/* 关于抖圈生长大世纪 start */
.sec-about-fz {
	background: url(/images/img22.jpg) no-repeat;
	background-size: cover;
}

.fz-box .swiper-container,
.fz-box .swiper-slide {
	position: relative;
}

.fz-box .swiper-wrapper {
	padding: 25px 0;
}

.fz-item {
	text-align: center;
	padding: 50px 0 70px;
}

.fz-item.even {
	padding-top: 81px;
	padding-bottom: 39px;
}

.fz-box .line {
	position: absolute;
	z-index: -1;
	height: 1px;
	width: 100%;
	background: #8a8a8a;
	top: 51%;
	transform: translateY(-50%);
}

.fz-item .year {
	font-size: 50px;
	font-family: "dim";
	color: #4c4c4c;
}

.fz-item .cir {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	box-shadow: 0 0 28px rgba(0, 0, 0, .28);
	border-radius: 50%;
	z-index: 1;
}

.fz-item .cir::before {
	position: absolute;
	z-index: 1;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #555;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .5s;
}

.swiper-slide-active .fz-item .cir::before {
	background: #f89102;
}

.fz-item .des {
	font-size: 16px;
	padding: 0 10%;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 20px;
}

.fz-item.even .des {
	margin-top: 0;
	margin-bottom: 21px;
}

.fz-cont {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 23px;
	box-shadow: 0 0 18px rgba(70, 70, 70, 0.1);
	opacity: 0;
	transition: .5s;
}

.fz-cont .year {
	color: #01559e;
	font-size: .3rem;
	font-family: "dim";
	margin-bottom: .3rem;
}

.fz-cont .year sub {
	font-size: .16rem;
	vertical-align: middle;
}

.fz-cont p {
	font-size: .14rem;
	color: #666;
}


.fz-box .fz-prev,
.fz-box .fz-next {
	display: inline-block;
	width: 25%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 37px;
}

.fz-box .fz-prev {
	background: #303032;
}

.fz-box .fz-next {
	background: linear-gradient(173deg, #1c91d2, #075295);
}

.fz-box .fz-prev img {
	margin-right: 10%;
	vertical-align: 0;
}

.fz-box .fz-next img {
	margin-left: 10%;
	vertical-align: 0;
}

.fz-box .swiper-slide:hover .fz-cont {
	opacity: 1;
}

@media (max-width: 414px) {

	.fz-box .fz-prev,
	.fz-box .fz-next {
		width: 40%;
	}

	.fz-cont {
		opacity: 1;
	}
	
	.fz-cont {
	    box-shadow: unset;
	}
}

/* 关于抖圈生长大世纪 end */

/* 关于抖圈相助同伴 start */
.sec-about-par {
	position: relative;
	background: url(/images/img25.jpg) no-repeat;
	background-size: cover;
}

.sec-about-par .inner-title {
	color: #fff;
}

.sec-about-par .inner-title2 {
	color: rgba(255, 255, 255, .16);
}

.par-box {
	position: relative;
}

.par-box .swiper-wrapper {
	padding: 15px 0;
}

.par-img {
	position: relative;
	background: #fff;
	border: 1px solid #efefef;
	text-align: center;
	height: 122px;
}

.par-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.sec-about-par .swiper-button-next,
.sec-about-par .swiper-button-prev {
	top: 60%;
	width: 49px;
	height: 49px;
	text-align: center;
	line-height: 49px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	background: none;
	color: #fff;
	transition: .5s;
}

.sec-about-par .swiper-button-next:hover,
.sec-about-par .swiper-button-prev:hover {
	border-color: transparent;
	background: #fff;
	color: #075295;
}

.sec-about-par .swiper-button-prev {
	left: 10%;
}

.sec-about-par .swiper-button-next {
	right: 10%;
}

.sec-about-par .swiper-button-prev i,
.sec-about-par .swiper-button-next i {
	font-size: 20px;
}

.par-box .swiper-pagination {
	width: 100%;
	display: none;
}

@media (max-width: 1680px) {
	.sec-about-par .swiper-button-prev {
		left: 5%;
	}

	.sec-about-par .swiper-button-next {
		right: 5%;
	}
}

@media (max-width: 1460px) {
	.sec-about-par .swiper-button-prev {
		left: 2%;
		top: 57%;
	}

	.sec-about-par .swiper-button-next {
		right: 2%;
		top: 57%;
	}
}

@media (max-width: 1260px) {

	.sec-about-par .swiper-button-prev,
	.sec-about-par .swiper-button-next {
		display: none;
	}

	.par-box .swiper-pagination {
		display: block;
	}

	.par-box .swiper-pagination-bullet {
		opacity: .4;
		margin: 0 5px;
	}

	.par-box .swiper-pagination-bullet-active {
		opacity: 1;
		background: #fff;
	}
}

@media (max-width: 991px) {
	.par-img {
		height: 85px;
	}
}

@media (max-width: 768px) {
	.par-img {
		height: 122px;
	}
}

@media (max-width: 414px) {
	.par-img {
		height: 100px;
	}
}

/* 关于抖圈相助同伴 end */

/* 关于抖圈旗下子公司 start */
.sec-about-child {
	position: relative;
	background: url(/images/img26.jpg) no-repeat;
	background-size: cover;
}

.child-box {
	position: relative;
}

.child-box .swiper-pagination {
	width: 100%;
	display: none;
}

.child-item {
	display: block;
	width: 100%;
}

.child-item .child-img {
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 67.54584848%;
}

.child-item .child-img img {
	width: 100%;
	transition: .5s;
}

.child-item:hover .child-img img {
	transform: scale(1.1);
}

.child-item .child-cont {
	padding: 20px 0;
}

.child-item .child-cont p {
	font-size: .16rem;
	padding: 0 20px;
	border-left: 3px solid #075295;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sec-about-child .swiper-button-next,
.sec-about-child .swiper-button-prev {
	top: 60%;
	width: 49px;
	height: 49px;
	text-align: center;
	line-height: 49px;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
	background: none;
	color: #666;
	transition: .5s;
}

.sec-about-child .swiper-button-next {
	right: 10%;
}

.sec-about-child .swiper-button-prev {
	left: 10%;
}

.sec-about-child .swiper-button-prev i,
.sec-about-child .swiper-button-next i {
	font-size: 20px;
}

.sec-about-child .swiper-button-next:hover,
.sec-about-child .swiper-button-prev:hover {
	border-color: transparent;
	background: #075295;
	color: #fff;
}

@media (max-width: 1680px) {
	.sec-about-child .swiper-button-prev {
		left: 5%;
	}

	.sec-about-child .swiper-button-next {
		right: 5%;
	}
}

@media (max-width: 1460px) {
	.sec-about-child .swiper-button-prev {
		left: 2%;
		top: 57%;
	}

	.sec-about-child .swiper-button-next {
		right: 2%;
		top: 57%;
	}
}

@media (max-width: 1260px) {

	.sec-about-child .swiper-button-prev,
	.sec-about-child .swiper-button-next {
		display: none;
	}

	.child-box .swiper-pagination {
		display: block;
	}

	.child-box .swiper-pagination-bullet {
		opacity: .4;
		margin: 0 5px;
	}

	.child-box .swiper-pagination-bullet-active {
		opacity: 1;
	}

}

/* 关于抖圈旗下子公司 end */

/* 旗下子公司详情 start */
.sec-child-detail {
	background: #fafafa;
}

.child-detail-box .cd-l {
	width: 280px;
	background: #f6fbff;
}

.child-detail-box .cd-r {
	width: 920px;
	background: #fff;
}

.child-detail-box .list-header {
	padding: 35px;
	padding-bottom: 0;
}

.list-header h1 {
	font-size: .28rem;
}

.list-header p {
	font-size: .28rem;
	color: rgba(102, 102, 102, .16);
	font-family: "dim";
	text-transform: uppercase;
	transform: translateY(-50%);
}

.cd-l .list li {
	padding: 22px 22px 20px 40px;
	cursor: pointer;
	font-size: .16rem;
}

.cd-l .list li:not(:nth-last-child(1)) {
	border-bottom: 1px solid #d1d7dc;
}

.cd-l .list li.on,
.cd-l .list li:hover {
	background: linear-gradient(0deg, #075295, #0289d5);
	color: #fff;
}

.cd-l .list li p span {
	display: inline-block;
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 4px;
}

.cd-l .list li i {
	float: right;
	margin-top: 7px;
}

.cd-r {
	padding: 8% 5%;
}

.cd-item {
	display: none;
}

.cd-item.on {
	display: block;
}

.cd-item h3 {
	font-size: .34rem;
	color: #075295;
}

.cd-item .cd-img {
	margin: 25px 0;
}

.cd-item .cd-img img {
	max-width: 100%;
}

.cd-item .cd-p p {
	font-size: .16rem;
	margin-bottom: .25rem;
}

.cd-item .cd-p p:not(:first-child) {
	text-indent: 2em;
}

@media (max-width: 1259px) {
	.child-detail-box .cd-l {
		width: 250px;
	}

	.child-detail-box .cd-r {
		width: 690px;
	}
}

@media (max-width: 991px) {

	.child-detail-box .cd-l {
		width: 200px;
	}

	.cd-l .list li {
		padding: 10px 10px 10px 20px;
	}

	.child-detail-box .list-header {
		padding: 25px;
		padding-bottom: 0;
	}

	.child-detail-box .cd-r {
		width: 520px;
	}

	.cd-item h3 {
		font-size: .25rem;
	}
}

@media (max-width: 767px) {
	.child-detail-box .cd-l {
		width: 100%;
	}

	.child-detail-box .cd-r {
		width: 100%;
	}
}

/* 旗下子公司详情 end */

/* 营销网络 start */
.network-item {
	display: block;
	width: 100%;
}

.network-item .net-tit {
	padding: 25px 0;
}

.network-item .net-tit p {
	border-left: 4px solid #075295;
	font-size: .25rem;
	padding-left: 20px;
}

.network-item .net-img {
	width: 100%;
	height: 0;
	padding-bottom: 46.454556%;
	overflow: hidden;
}

.network-item .net-img img {
	width: 100%;
	transition: .8s;
}

.network-item:hover .net-img img {
	transform: scale(1.05);
}

.network-item .net-cont {
	margin-top: .15rem;
	min-height: 105px;
}

.network-item .net-cont p {
	font-size: .16rem;
	color: #666;
	padding-left: 30px;
	line-height: 35px;
}

.network-item .net-cont p.n-map {
	background: url(/images/map.png) no-repeat left center;
}

.network-item .net-cont p.n-post {
	background: url(/images/post.png) no-repeat left center;
}

.network-item .net-cont p.n-tel {
	background: url(/images/tel.png) no-repeat left center;
}

/* 营销网络 end */

/* 联系抖圈 start */
.sec-contact {
	padding: 0;
	background: #f9f9f9;
}

.contact-box {
	height: 600px;
}

.contact-box .contact-l {
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.contact-box .contact-l>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 600px;
}

.contact-box .contact-l h1 {
	font-size: .38rem;
}

.contact-box .contact-l table {
	display: inline-block;
	max-width: 460px;
	margin: .25rem 0;
	padding: .25rem 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.contact-box .contact-l table td {
	font-size: .16rem;
	color: #666;
}

.contact-box .contact-l table td img {
	margin-right: 10px;
}

.contact-box .contact-l table td.p1 {
	color: #333;
	min-width: 88px;
}

.contact-box .contact-l .eqm img {
	max-width: 140px;
}

.contact-box .contact-r {
	width: 50%;
	height: 100%;
}

.contact-r .loaction {
	height: 100%;
}


@media (max-width: 1259px) {
	.contact-box .contact-l>div {
		width: 465px;
	}
}

@media (max-width: 991px) {

	.contact-box {
		height: unset;
	}

	.contact-box .contact-l {
		width: 100%;
		align-items: flex-start;
		padding: 5% 10%;
	}

	.contact-box .contact-r {
		width: 100%;
	}

}

@media (max-width: 768px) {

	.contact-box .contact-l h1 {
		font-size: .3rem;
	}

	.contact-box .contact-l {
		padding: 15px 15px;
	}
}

@media (max-width: 414px) {
	.contact-box .contact-l>div {
		width: 100%;
	}
}

/* 联系抖圈 end */

/* 留言反馈 start */

.form-ll {
	margin-top: .35rem;

}

.form-ll>div {
	border: 1px solid #e7e7e7;
	line-height: 70px;
	margin-bottom: 2%;
	float: left;
}

.form-ll>div:not(:nth-child(5)) {
	width: 49%;
}

.form-ll>div.odd {
	margin-right: 2%;
}

.form-ll>div label {
	display: inline-block;
	text-align: center;
	width: 70px;
	border-right: 1px solid #e7e7e7;
}

.form-ll>div input {
	display: inline-block;
	width: 75%;
	padding-left: 20px;
	line-height: 70px;
	color: #999;
	font-size: .16rem;
}

.form-ll>div.single {
	width: 100%;
	height: 200px;
}

.form-ll>div.single>div {
	float: left;
	width: 70px;
	height: 200px;
	line-height: 200px;
	border-right: 1px solid #e7e7e7;
	text-align: center;
}

.form-ll>div.single textarea {
	display: inline-block;
	max-width: calc(100% - 70px);
	min-width: calc(100% - 70px);
	max-height: 200px;
	min-height: 200px;
	padding-left: 20px;
	padding-top: 20px;
	color: #999;
	font-size: .16rem;
}

.form-ll button {
	display: block;
	margin: 0 auto;
	line-height: 70px;
	width: 240px;
	font-size: .16rem;
	color: #fff;
	border: 1px solid transparent;
	background: linear-gradient(90deg, #00539d, #0089cb);
	cursor: pointer;
	transition: .5s;
}

.form-ll button:hover {
	background: transparent;
	color: #00539d;
	border-color: #00539d;
}

@media (max-width: 1260px) {
	.form-ll button {
		line-height: 55px;
		width: 160px;
	}
}

@media (max-width: 767px) {
	.form-ll>div:not(:nth-child(5)) {
		width: 100%;
	}

	.form-ll>div.odd {
		margin-right: 0;
	}

	.form-ll>div {
		line-height: 55px;
	}

	.form-ll>div input {
		line-height: 55px;
	}

	.form-ll>div label {
		width: 55px;
	}

	.form-ll>div.single>div {
		width: 55px;
	}
	
	.form-ll>div.single textarea {
		max-width: calc(100% - 55px);
		min-width: calc(100% - 55px);
	}

	.form-ll img {
		width: 15px;
	}
}

/* 留言反馈 end */

/* 人力资源 start */

.join-box .join-l {
	width: 839px;
}

.join-l .join-header {
	padding-top: .35rem;
}

.join-l .inner-title,
.join-l .inner-title2 {
	text-align: left;
}

.join-l .dl-list {
	margin-top: -30px;
}

.join-l .dl-list dl {
	margin-bottom: .25rem;
}

.join-l .dl-list dt {
	font-size: .18rem;
	color: #075295;
}

.join-l .dl-list dt img {
	margin-right: 10px;
}

.join-l .dl-list dd {
	text-indent: 2em;
	font-size: .16rem;
	color: #666;
}

.select-place {
	display: flex;
	flex-direction: row;
	align-items: center;
	background: #f0f1f3;
	padding: .35rem .75rem;
	margin-top: 1.19rem;
}

.select-place p {
	font-size: .16rem;
}

.select-place select {
	width: 344px;
	height: 37px;
	background: #fff url(../images/angle-down.png) no-repeat 95% center;
	padding: 0 15px;
	margin: 0 .25rem;
}

.select-place button {
	cursor: pointer;
	line-height: 35px;
	width: 160px;
	font-size: .16rem;
	color: #fff;
	text-align: center;
	background: #075295;
	border: 1px solid transparent;
	transition: .5s;
}

.select-place button:hover {
	background: transparent;
	border-color: #075295;
	color: #075295;
}

.join-list {
	margin-top: .35rem;
	border: 1px solid #f0f1f3;
}

.join-list .header-main {
	background: #075295;
}

.join-list-header {
	padding-left: 68px;
	line-height: 55px;
	position: relative;
}

.join-list-header .text {
	width: 80%;
	display: flex;
	justify-content: space-between;
	font-size: .16rem;
}

.join-list-header .text span {
	display: inline-block;
	min-width: 80px;
	text-align: center;
}

.header-main .text {
	color: #fff;
}

.join-item {
	cursor: pointer;
}

.join-item .join-list-header {
	border-bottom: 1px solid #f0f1f3;
}

.join-item.on .join-list-header,
.join-item:nth-last-child(1) .join-list-header {
	border-color: transparent;
}

.join-item .join-list-header::after {
	position: absolute;
	content: "+";
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 30px;
	color: #999;
}

.join-item.on .join-list-header::after {
	content: "-";
}

.join-item .join-info {
	background: #f0f1f3;
	display: none;
}

.join-item .join-info .info-cont {
	padding: 25px 68px;
}

.join-item .join-info p {
	font-size: .14rem;
	color: #666;
	line-height: 2;
}


.join-box .join-r {
	width: 312px;
}

.join-r .j_d {
	overflow: hidden;
	height: 0;
	padding-bottom: 136.5555%;
}

.join-r .j_d img {
	width: 100%;
}

.join-r .j_i {
	background: #f0f1f3;
	margin-top: .35rem;
	padding: .35rem .3rem;
}

.join-r .j_i h3 {
	font-size: .34rem;
}

.join-r .j_i .j_iP {
	margin-top: .35rem;
	margin-bottom: .25rem;
}

.join-r .j_i .j_iP p {
	font-size: .16rem;
	line-height: 1.7;
}

.join-r .j_i .tel-now {
	display: inline-block;
	background: #075295;
	width: 100%;
	line-height: 47px;
	font-size: .22rem;
	font-family: "dim";
	color: #fff;
	text-align: center;
}

.join-r .j_i .tel-now img {
	margin-right: .15rem;
}

@media (max-width: 1259px) {
	.join-box .join-l {
		width: 625px;
	}

	.select-place {
		padding: .35rem .55rem;
		margin-top: .75rem;
	}

	.select-place select {
		width: 250px;
	}

	.select-place button {
		width: 120px;
	}

	.join-box .join-r {
		width: 275px;
	}
}

@media (max-width: 991px) {
	.join-box .join-l {
		width: 100%;
	}

	.join-box .join-r {
		width: 100%;
	}

	.join-r .j_d {
		display: none;
	}
}

@media (max-width: 768px) {

	.select-place {
		flex-direction: column;
	}

	.select-place select {
		margin: 0;
		width: 100%;
	}

	.select-place>* {
		margin: 15px 0;
	}

	.join-list-header {
		padding-left: 40px;
	}

	.join-item .join-info .info-cont {
		padding: 25px 50px;
	}

	.join-item .join-list-header::after {
		font-size: 25px;
	}

}

@media (max-width: 414px) {
	.join-list-header {
		padding-left: 0;
	}

	.join-item .join-info .info-cont {
		padding: 25px 15px;
	}

	.join-box .pagination {
		margin-top: .35rem;
	}

	.join-item .join-list-header::after {
		/* display: none; */
	}
}

/* 人力资源 end */

/* 公司新闻 start */
.sec-news-comp {
	background: #f7f7f7;
}

.news-top {
	background: #fff;
	padding: 25px;
}

.news-top .news-slide {
	width: 560px;
	height: 326px;
	position: relative;
}

.news-slide .swiper-slide a {
	display: block;
	width: 560px;
	height: 326px;
	position: relative;
}

.news-slide .m-img {
	overflow: hidden;
}

.news-slide .m-img img {
	width: 100%;
	height: 100%;
}

.news-slide .m-cont {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	line-height: 56px;
	background: rgba(0, 0, 0, .25);
	width: 100%;
	padding: 0 24px;
	font-family: "microsoft yahei";
}

.news-slide .m-cont p {
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-pagination {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	line-height: 67px;
	z-index: 10;
	font-size: 0;
	padding-right: 20px;
	text-align: right;
}

.news-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 8px;
	background: transparent;
	opacity: 1;
	border: 2px solid rgba(255, 255, 255, .5);
}

.news-pagination .swiper-pagination-bullet-active {
	border-color: transparent;
	background: #00539d;
}


.news-top .news-host {
	width: 510px;
	height: 326px;
	padding: 50px 0;
	padding-right: 70px;
}

.news-top .news-host a {
	display: block;
}

.news-top .news-host .time {
	font-size: .16rem;
	font-family: "dim";
	color: #999;
}

.news-top .news-host h3 {
	font-size: .2rem;
	color: #00539d;
	margin: 10px 0 15px;
}

.news-top .news-host .host_p {
	font-size: .14rem;
	font-family: "microsoft yahei";
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 40px;
}

.news-host .back-btn {
	color: #00539d;
}

@media (max-width: 1259px) {
	.news-top .news-slide {
		width: 480px;
	}

	.news-slide .swiper-slide a {
		width: 480px;
	}

	.news-slide .m-img {
		height: 100%;
	}

	.news-slide .m-img img {
		object-fit: cover;
	}

	.news-top .news-host {
		width: 350px;
		padding-right: 30px;
	}
}

@media (max-width: 991px) {
	.news-top .news-slide {
		width: 100%;
		height: unset;
	}

	.news-slide .swiper-slide a {
		width: 100%;
		height: unset;
	}

	.news-top .news-host {
		width: 100%;
		height: unset;
		padding: 20px 10px;
	}
}


@media (max-width: 414px) {
	.news-top {
		display: none;
	}
}
/* 公司新闻 end */

/* 公司新闻列表 start */
.news-list {
	margin-top: .55rem;
}

.news-item {
	display: block;
	background: #fff;
	margin-bottom: .35rem;
}

.news-item .n-img {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 63.45456647%;
}

.news-item .n-img img {
	width: 100%;
	transition: .5s;
}

.news-item:hover .n-img img {
	transform: scale(1.1);
}

.news-item .n-img .n-name {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #2e2e2e;
	font-size: .16rem;
	color: #fff;
	padding: 8px 20px;
	transition: .5s;
}

.news-item:hover .n-img .n-name {
	background: #0554a0;
}

.news-item .n-cont {
	padding: 30px 35px;
}

.news-item .n-cont h3 {
	font-size: .18rem;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 50px;
}

.news-item:hover .n-cont h3 {
	color: #0554a0;
}

.news-item .n-cont i {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #0554a0;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	margin: 25px 0 35px 0;
	opacity: 0;
}

.news-item:hover .n-cont i {
	opacity: 1;
}

.news-item .n-cont .time {
	font-family: "dim";
	color: #999;
	font-size: .14rem;
	padding-top: 25px;
	border-top: 1px solid #cfcfcf;
}

@media (max-width: 991px) {
	.news-item .n-cont i {
		opacity: 1;
	}
}


@media (max-width: 414px) {
	.sec-news-comp .news-list {
		margin-top: 0;
	}
	
	.news-item .n-cont {
		padding: 20px 25px;
	}
}

/* 公司新闻列表 end */

/* 新闻详情 start */
.nd-cont p {
	font-size: 16px;
	color: #777;
	margin-bottom: .25rem;
}

.nd-cont p:nth-child(1) {
	color: #1f68a9;
}

.nd-cont p.indent {
	text-indent: 2em;
}

.nd-cont .nd-img {
	margin: .5rem 0;
	text-align: center;
}

.nd-cont .nd-img img {
	max-width: 100%;
}

.sec-new-rec {
	background: #f7f7f7;
}

@media (max-width: 768px) {
	.nd-cont p {
		font-size: 14px;
	}
}
/* 新闻详情 end */

/* section-jssl start */
.yf-title {
	font-size: .44rem;
	position: relative;
	padding-bottom: .25rem;
}

.yf-title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 40px;
	height: 7px;
	background: #0052a2;
}

.yf .yf-l {
	width: 620px;
}

.yf .yf-l p {
	font-size: .16rem;
	color: #666;
	min-height: 100px;
	margin-top: .25rem;
	line-height: 1.7;
        display: none;
}

.yf .yf-r {
	width: 506px;
}

.yf .yf-r img {
	width: 100%;
}

.yf2 {
	margin-top: .5rem;
}

.yf2 li {
	float: left;
	width: 45%;
	height: 254px;
	padding-right: 70px;
	padding-top: 20px;
}

.yf2 li:nth-last-child(1) {
	border-left: 1px solid #e6e6e6;
	padding-left: 1rem;
}

.yf2 li h4 {
	font-size: .22rem;
	margin: 24px 0 15px;
}

.yf2 li p {
	font-size: .16rem;
	color: #666;
display: none;
}

.yf3 {
	margin-top: .55rem;
}

.yf3-item {
	display: block;
}

.yf3-item .yf-title {
	margin-bottom: .55rem;
}

.yf3-item .yf-img {
	position: relative;
	height: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 52.5486%;
}

.yf3-item .yf-img img {
	width: 100%;
	transition: .5s;
}

.yf3-item:hover .yf-img img {
	transform: scale(1.1);
}

.yf3-item .yf-img .yf-cont {
	position: absolute;
	padding: 20px 20px 20px 0;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 65%;
}

.yf3-item .yf-img .yf-cont h4 {
	font-size: .24rem;
	margin-bottom: .15rem;
}

.yf3-item .yf-img .yf-cont p {
	font-size: .16rem;
	color: #666;
	min-height: 72px;
}
@media (max-width: 1366px) {
	.yf .yf-r {
    width: 390px;
}
.yf2 li {
	height: 210px;
}
.yf .yf-l p {
	min-height: 58px;
}

}
@media (max-width: 1259px) {
	.yf .yf-l {
		width: 465px;
	}

	.yf .yf-r {
		width: 430px;
	}
}

@media (max-width: 1300px) {
	.yf-title {
		font-size: .4rem;
	}
}

@media (max-width: 991px) {
	.yf-title {
		font-size: .35rem;
	}

	.yf .yf-l {
		width: 48%;
	}

	.yf .yf-r {
		width: 48%;
	}

	.yf2 li:nth-last-child(1) {
		padding-left: .55rem;
	}

	.yf2 img {
		width: 50px;
	}


}

@media (max-width: 768px) {

	.yf .yf-l {
		width: 100%;
	}

	.yf .yf-l p {
		min-height: 60px;
	}

	.yf .yf-r {
		display: none;
	}

	.yf2 li {
		width: 100%;
		height: 254px;
		padding-right: 0;
		padding-top: 0;
		height: 180px;
	}

	.yf2 li:nth-last-child(1) {
		border-left: none;
		padding-left: 0;
	}

	.yf3-item {
		margin-bottom: .25rem;
	}

	.yf3-item .yf-img {
		padding-bottom: 64.5486%;
	}

	.yf3-item .yf-img .yf-cont {
		width: 100%;
		padding: 0;
		padding-top: 15px;
	}

	.yf3-item .yf-img .yf-cont p {
		min-height: unset;
	}
}

/* section-jssl start */

/* 研发中心 start */
.inner-intro {
	margin: 0 auto;
	width: 70%;
	text-align: center;
	font-size: .16rem;
	color: #666;
	margin-top: .25rem;
}


.yfzz-detail .fc-box .fc-l {
	padding: 42px 43px 42px 21px;
	background: #fff;
	box-shadow: 0 0 18px 2px rgba(0, 0, 0, .1);
	height: 558px;
}

.yfzz-detail .fc-l .abt-thumbs p {
	color: #333;
	font-size: 16px;
	text-align: center;
	margin-top: 12px;
}

.yfzz-detail .fc-l .abt-thumbs .swiper-slide.active-nav p {
	color: #075295;
}

.yfzz-detail .fc-l .abt-thumbs .rd1-pic:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #075295;
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translateY(-50%);
	z-index: 10;
	transition: all 0.4s;
	display: none;
}

.yfzz-detail .fc-l .abt-thumbs .swiper-slide.active-nav .rd1-pic {
	border: 5px solid #075295;
}

.yfzz-detail .fc-l .abt-thumbs .swiper-slide.active-nav .rd1-pic:after {
	display: block;
}

.yfzz-detail .fc-l .abt-prev {
	background: url(/images/up2-o.png) no-repeat center;
}

.yfzz-detail .fc-l .abt-prev:hover {
	background: url(/images/up2-h-o.png) no-repeat center;
	color: #fff;
}

.yfzz-detail .fc-l .abt-next {
	background: url(/images/down2-o.png) no-repeat center;
}

.yfzz-detail .fc-l .abt-next:hover {
	background: url(/images/down2-h-o.png) no-repeat center;
	color: #fff;
}

.yfzz-detail .fc-box .fc-r {
	height: 558px;
}

@media (max-width: 1366px){
	.yfzz-detail .fc-box .fc-r {
    height: 460px;
}
.yfzz-detail .fc-box .fc-l {
	height: 460px;
}

}
@media (max-width: 1259px) {
	.yfzz-detail .fc-box .fc-l {
		height: 438px;
	}
	
	.yfzz-detail .fc-box .fc-r {
		height: 438px;
	}
}

@media (max-width: 991px){
	.yfzz-detail .fc-box .fc-r {
		width: 100%;
		height: auto;
	}
}
/* 研发中心 end */

/* 立异效果 start */
.sec-cxcg{
	background: url(/images/img48.jpg) no-repeat;
	background-size: cover;
}

.sec-cxcg .inner-title{
	color: #fff;
}

.cxcg-slide{
	position: relative;
	margin-top: .55rem;
}

.cxcg-slide .swiper-container{
	width: 80%;
	padding-bottom: .5rem;
}

.csxg-item .m-img img{
	width: 100%;
}

.csxg-item .m-cont{
	margin-top: .27rem;
	color: #fff;
	font-size: .16rem;
	text-align: center;
}

.cxcg-slide .swiper-button-next,
.cxcg-slide .swiper-button-prev {
    top: 42%;
    width: 52px;
    height: 52px;
		line-height: 50px;
		border-radius: 50%;
		border: 1px solid #d9d9d9;
    margin-top: -22px;
		background: none;
		text-align: center;
		font-size: 20px;
		color: #fff;
}

.cxcg-slide .swiper-button-next:hover,
.cxcg-slide .swiper-button-prev:hover {
	background: #fff;
	color: #000;
}

.cxcg-pagination{
	display: none;
}

.cxcg-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
		margin: 0px 5px;
		background: transparent;
		border: 2px solid #ccc;
}
@media (max-width: 1366px){
	.zzzx-b,
	.zzzx-t .swiper-container{
		width: 80%;
		margin: 0 auto;
	}

}
@media (max-width: 991px) {
	.cxcg-slide .swiper-button-next,
	.cxcg-slide .swiper-button-prev {
		width: 40px;
		height: 40px;
		line-height: 38px;
	}
}

@media (max-width: 768px) {
	.cxcg-slide .swiper-button-next,
	.cxcg-slide .swiper-button-prev {
		display: none;
	}	
	
	.cxcg-pagination{
		display: block;
	}
}
/* 立异效果 end */

/* 制造中心 start */
.zzzx-box{
	margin-top: .55rem;
}

.zzzx-t .swiper-slide{
	position: relative;
}

.zzzx-t .zzzx-pri img{
	width: 100%;
}

.zzzx-t .zzzx-desc{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	text-align: center;
	line-height: .6rem;
}

.zzzx-t .zzzx-desc p{
	font-size: .16rem;
	color: #fff;
}

.zzzx-b{
	box-shadow: 0 1px 18px rgba(0,0,0,.1);
	position: relative;
}

.zzzx-b .zzzx-thumbs{
	width: 70%;
	padding: .5rem 0 .4rem 0;
}

.zzzx-b .zzzx-thumbs .swiper-slide{
	cursor: pointer;
}

.zzzx-b .zzzx-thumbs .thumbs-pic{
	position: relative;
}

.zzzx-b .zzzx-thumbs .thumbs-pic img{
	width: 100%;
}

.zzzx-b .zzzx-thumbs .thumbs-pic::before{
	content: "";
	position: absolute;
	border: .2rem solid transparent;
	border-bottom-color: #3778ca;
	left: 50%;
	top: 0;
	transform: translate(-50%,-100%);
	display: none;
}

.zzzx-b .zzzx-thumbs .swiper-slide-thumb-active .thumbs-pic::before{
	display: block;
}


.zzzx-b .swiper-button-prev,
.zzzx-b .swiper-button-next{
	background: none;
	width: 52px;
	height: 52px;
	line-height: 50px;
	border-radius: 50%;
	border: 1px solid #d9d9d9;
	text-align: center;
	font-size: 20px;
	color: #666;
	transition: background-color .5s;
}

.zzzx-b .swiper-button-prev{
	left: 5%;
}

.zzzx-b .swiper-button-next{
	right: 5%;
}

.zzzx-b .swiper-button-prev:hover,
.zzzx-b .swiper-button-next:hover{
	background: #075295;
	color: #fff;
	border-color: transparent;
}

@media (max-width: 991px){
	.zzzx-b .swiper-button-prev,
	.zzzx-b .swiper-button-next{
		width: 40px;
		height: 40px;
		line-height: 38px;
		top: 55%;
	}
	
	.zzzx-t .zzzx-desc {
		line-height: .45rem;
	}
}

@media (max-width: 768px){
	.zzzx-b .swiper-button-prev,
	.zzzx-b .swiper-button-next{
		display: none;
	}
}

/* 制造中心 end */

/* 治理目的 start */
.sec-glfz{
	background: url(/images/img50.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.sec-glfz .inner-title{
	color: #fff;
}

.glfz-list{
	margin-top: .55rem;
}

.glfz-list li{
	width: 49%;
	background: #fff;
	padding: 3%;
	transition: .5s;
}

.glfz-list li:hover{
	background: rgba(12,112,175,.9);
}

.glfz-list li:nth-child(odd){
	float: left;
}

.glfz-list li:nth-child(even){
	float: right;
}

.glfz-list li .m-icon{
	width: 70px;
	height: 70px;
	margin-bottom: .15rem;
	position: relative;
}

.glfz-list li .m-icon img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.glfz-list li .m-icon .bef{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.glfz-list li:hover .m-icon .aft{
	opacity: 0;
}

.glfz-list li:hover .m-icon .bef{
	opacity: 1;
}

.glfz-list li .m-tit{
	font-size: .22rem;
}

.glfz-list li .m-des{
	font-size: .16rem;
	color: #666;
}

.glfz-list li:hover .m-tit,
.glfz-list li:hover .m-des{
	color: #fff;
}


@media (max-width: 1260px) {
	.glfz-list li .m-icon {
		width: 60px;
		height: 60px;
	}
}

@media (max-width: 991px) {
	
	.glfz-list li{
		width: 100%;
		margin-bottom: .25rem;
	}
	
	.glfz-list li .m-icon {
		width: 50px;
		height: 50px;
	}
}

@media (max-width: 768px) {
	.glfz-list li{
		margin-bottom: .15rem;
	}
	
	.glfz-list li .m-icon {
		width: 40px;
		height: 40px;
	}
}
/* 治理目的 end */

/* 品控流程 start */

.pklc-box{
	margin-top: .55rem;
}

.pklc-box img{
	width: 100%;
}
/* 品控流程 end */

/* 品质目的 start */
.sec-pzfz{
	background: url(/images/img64.jpg) no-repeat;
	background-size: cover;
}

.sec-pzfz .inner-title{
	color: #fff;
}

.sec-pzfz .caption{
	position: relative;
	width: 795px;
	height: 220px;
	background: #000;
	margin: .70rem auto;
	padding: .3rem;
	background: linear-gradient(90deg, rgba(26, 71, 149, 0.8), rgba(47, 123, 167, 0.8));
}

.sec-pzfz .caption h1{
	font-size: .54rem;
	color: #fff;
}

.sec-pzfz .caption p{
	font-size: .18rem;
	color: rgba(255,255,255,.8);
	margin-top: .15rem;
}

.sec-pzfz .caption::after {
    position: absolute;
    content: "";
    width: 143px;
    height: 276px;
    background: url(/images/caption-k.png) no-repeat;
		background-size: 100% 100%; 
    left: -22px;
		top: 50%;
		transform: translateY(-50%);
}

@media (max-width: 1499px) {
	.sec-pzfz .caption{
		height: 190px;
	}
	
	.sec-pzfz .caption h1{
		font-size: .48rem;
	}
	
	.sec-pzfz .caption::after {
	    background-size: 100% 93%;
	    transform: translateY(-47%);
	}
	
}

@media (max-width: 991px) {
	.sec-pzfz .caption {
		width: 90%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

@media (max-width: 768px) {
	.sec-pzfz .caption h1 {
		font-size: .35rem;
	}
}

@media (max-width: 414px) {
	.sec-pzfz .caption h1 {
		font-size: .32rem;
	}
}
/* 品质目的 end */<!--耗时1758237128.504秒-->